inv-83 엘리먼트 > 컨테이너 > 레이아웃 설정 > 마크업 구현 (#33)

* chore: react-toggle-group

* feat: icons

* feat: remove input number style

* draft: layout settings

* Merge branch 'main' into feature/inv-83

* refactor: SidebarElementSettingsTab in directory

* refactor: split advance setting

* refactor: layout-setting

* refactor: make advance-setting accordion internal

* refactor: MapSetting

* style: filtering

* feat: paddingIndividual toggle button

* chore: bun.lockb

* feat: toggle xs size

* refactor: tooltip

* refactor: IconInput

* style: doc

* chore: bun.lockb

* fix: type error

package.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@aws-sdk/client-s3": "^3.624.0",
-    "@lucia-auth/adapter-drizzle": "^1.0.7",
+    "@lucia-auth/adapter-drizzle": "^1.1.0",
     "@neondatabase/serverless": "^0.9.4",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
@@ -39,6 +39,8 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@t3-oss/env-nextjs": "^0.10.1",
     "@tanstack/react-form": "^0.26.1",
@@ -47,7 +49,7 @@
     "arctic": "^2.0.0-next.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "drizzle-orm": "^0.31.3",
+    "drizzle-orm": "^0.33.0",
     "es-hangul": "^1.4.2",
     "es-toolkit": "^1.13.1",
     "ky": "^1.4.0",

src/app/globals.css

@@ -75,4 +75,11 @@
   body {
     @apply bg-background text-foreground;
   }
+
+  /* hide number input appearance */
+  input[type="number"]::-webkit-inner-spin-button,
+  input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
 }

src/components/editor/navigation.tsx

@@ -139,7 +139,7 @@ export default function EditorNavigation({ backLink = "./" }: Props) {
           <Share2Icon className="h-4 w-4" /> 공유
         </Button>
         <DropdownMenu>
-          <TooltipSimple text="더보기">
+          <TooltipSimple text="더보기" asChild>
             <DropdownMenuTrigger asChild>
               <Button variant="ghost" size="icon">
                 <EllipsisVerticalIcon className="h-5 w-5" />