@reopt-ai/opt-ui 1.4.1 → 1.5.0

package/dist/meta.cjs

@@ -3199,27 +3199,65 @@ var resizableMeta = {
         required: true,
         description: "ResizablePanel + ResizableHandle \uC870\uD569"
       },
+      {
+        name: "id",
+        type: "string",
+        description: "\uADF8\uB8F9\uACFC defaultLayout\uC758 \uD328\uB110 \uD06C\uAE30\uB97C \uC2DD\uBCC4\uD558\uB294 \uACE0\uC720 ID"
+      },
+      {
+        name: "defaultLayout",
+        type: "Record<string, number>",
+        description: "\uD328\uB110 ID\uBCC4 \uCD08\uAE30 \uBE44\uC728(0-100)"
+      },
+      {
+        name: "onLayoutChanged",
+        type: "(layout: Record<string, number>) => void",
+        description: "\uB4DC\uB798\uADF8\uAC00 \uB05D\uB09C \uB4A4 \uD655\uC815\uB41C \uB808\uC774\uC544\uC6C3 \uCF5C\uBC31"
+      },
+      {
+        name: "groupRef",
+        type: "Ref<ResizablePanelGroupHandle>",
+        description: "\uB808\uC774\uC544\uC6C3 \uC870\uD68C\xB7\uC124\uC815\uC744 \uC704\uD55C \uBA85\uB839\uD615 \uADF8\uB8F9 ref"
+      },
       {
         name: "autoSaveId",
         type: "string",
-        description: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0\uC5D0 \uD06C\uAE30 \uC0C1\uD0DC \uC800\uC7A5 (\uACE0\uC720 ID)"
+        description: "id\uC758 deprecated \uBCC4\uCE6D"
       },
       { name: "className", type: "string", description: "\uCEE4\uC2A4\uD140 CSS \uD074\uB798\uC2A4" }
     ],
     ResizablePanel: [
       {
         name: "defaultSize",
-        type: "number",
-        description: "\uCD08\uAE30 \uD06C\uAE30 (\uD37C\uC13C\uD2B8, 0-100)"
+        type: "number | string",
+        description: "\uCD08\uAE30 \uD06C\uAE30. \uC22B\uC790\uB294 \uD37C\uC13C\uD2B8, \uBB38\uC790\uC5F4\uC740 \uBA85\uC2DC\uD55C CSS \uB2E8\uC704"
+      },
+      {
+        name: "minSize",
+        type: "number | string",
+        description: "\uCD5C\uC18C \uD06C\uAE30. \uC22B\uC790\uB294 \uD37C\uC13C\uD2B8"
+      },
+      {
+        name: "maxSize",
+        type: "number | string",
+        description: "\uCD5C\uB300 \uD06C\uAE30. \uC22B\uC790\uB294 \uD37C\uC13C\uD2B8"
       },
-      { name: "minSize", type: "number", description: "\uCD5C\uC18C \uD06C\uAE30 (\uD37C\uC13C\uD2B8)" },
-      { name: "maxSize", type: "number", description: "\uCD5C\uB300 \uD06C\uAE30 (\uD37C\uC13C\uD2B8)" },
       {
         name: "collapsible",
         type: "boolean",
         default: "false",
         description: "\uCD5C\uC18C \uD06C\uAE30 \uC774\uD558 \uC2DC \uC811\uD788\uAE30 \uD5C8\uC6A9"
       },
+      {
+        name: "onResize",
+        type: "(size: ResizablePanelSize, id?: string | number, previous?: ResizablePanelSize) => void",
+        description: "\uD328\uB110 \uD06C\uAE30 \uBCC0\uACBD \uCF5C\uBC31"
+      },
+      {
+        name: "panelRef",
+        type: "Ref<ResizablePanelHandle>",
+        description: "\uC811\uAE30\xB7\uD3BC\uCE58\uAE30\xB7\uD06C\uAE30 \uC81C\uC5B4\uB97C \uC704\uD55C \uBA85\uB839\uD615 \uD328\uB110 ref"
+      },
       {
         name: "children",
         type: "ReactNode",
@@ -3235,6 +3273,11 @@ var resizableMeta = {
         default: "false",
         description: "\uC2DC\uAC01\uC801 \uB4DC\uB798\uADF8 \uD578\uB4E4 \uD45C\uC2DC"
       },
+      {
+        name: "disabled",
+        type: "boolean",
+        description: "\uB4DC\uB798\uADF8 \uBC0F \uD0A4\uBCF4\uB4DC \uB9AC\uC0AC\uC774\uC988 \uBE44\uD65C\uC131\uD654"
+      },
       { name: "className", type: "string", description: "\uCEE4\uC2A4\uD140 CSS \uD074\uB798\uC2A4" }
     ]
   },
@@ -4365,7 +4408,16 @@ var dataTableMeta = {
   keyboardShortcuts: [
     { keys: "\u2191 \u2193", action: "\uD589 \uD0D0\uC0C9" },
     { keys: "\u2190 \u2192", action: "\uC140 \uD0D0\uC0C9" },
-    { keys: "Enter", action: "\uD589 \uC120\uD0DD/\uD65C\uC131\uD654" }
+    { keys: "Enter / Space", action: "\uC815\uB82C \uAC00\uB2A5\uD55C \uD5E4\uB354 \uB610\uB294 \uD589 \uD65C\uC131\uD654" },
+    { keys: "\uB9AC\uC0AC\uC774\uC988 \uD578\uB4E4: \u2190 \u2192", action: "\uCEEC\uB7FC \uB108\uBE44\uB97C 10px \uB2E8\uC704\uB85C \uC870\uC808" },
+    {
+      keys: "\uB9AC\uC0AC\uC774\uC988 \uD578\uB4E4: Shift+\u2190 Shift+\u2192",
+      action: "\uCEEC\uB7FC \uB108\uBE44\uB97C 40px \uB2E8\uC704\uB85C \uC870\uC808"
+    },
+    {
+      keys: "\uB9AC\uC0AC\uC774\uC988 \uD578\uB4E4: Home / End",
+      action: "\uCEEC\uB7FC \uB108\uBE44\uB97C \uCD5C\uC19F\uAC12/\uCD5C\uB313\uAC12\uC73C\uB85C \uC774\uB3D9"
+    }
   ],
   advancedPatternAnchor: "data-table-filtering",
   advancedPatternDescription: "\uC2E4\uC2DC\uAC04 \uD544\uD130\uB9C1, \uCEE4\uC2A4\uD140 \uCEEC\uB7FC \uB80C\uB354\uB9C1, Badge \uC0C1\uD0DC \uD45C\uC2DC \uB4F1 \uACE0\uAE09 \uD328\uD134",
@@ -5727,7 +5779,11 @@ var sidebarMeta = {
   description: "\uC811\uAE30/\uD3BC\uCE58\uAE30\uB97C \uC9C0\uC6D0\uD558\uB294 compound \uC0AC\uC774\uB4DC\uBC14. Header/Content/Footer \uAD6C\uC870 + Group/Item\uC73C\uB85C \uB124\uBE44\uAC8C\uC774\uC158 \uAD6C\uC131. Ctrl+[ \uB2E8\uCD95\uD0A4.",
   slug: "sidebar",
   exports: ["Sidebar", "useSidebar"],
-  keyboardShortcuts: [{ keys: "Ctrl+[", action: "\uC0AC\uC774\uB4DC\uBC14 \uC811\uAE30/\uD3BC\uCE58\uAE30 \uD1A0\uAE00" }],
+  keyboardShortcuts: [
+    { keys: "Ctrl+[", action: "\uC0AC\uC774\uB4DC\uBC14 \uC811\uAE30/\uD3BC\uCE58\uAE30 \uD1A0\uAE00" },
+    { keys: "\u2191 \u2193", action: "\uC0AC\uC774\uB4DC\uBC14 \uD56D\uBAA9 \uAC04 \uC774\uB3D9" },
+    { keys: "Home / End", action: "\uCCAB \uBC88\uC9F8/\uB9C8\uC9C0\uB9C9 \uC0AC\uC774\uB4DC\uBC14 \uD56D\uBAA9\uC73C\uB85C \uC774\uB3D9" }
+  ],
   props: {
     Sidebar: [
       {
@@ -5845,7 +5901,7 @@ var sidebarMeta = {
 var appShellMeta = {
   name: "AppShell",
   category: "shell",
-  description: "Header + Sidebar + Content + Footer 4\uC601\uC5ED \uD398\uC774\uC9C0 \uB808\uC774\uC544\uC6C3 \uD15C\uD50C\uB9BF. Sidebar \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC870\uD569.",
+  description: "Header + Sidebar + Content + Footer 4\uC601\uC5ED \uD398\uC774\uC9C0 \uB808\uC774\uC544\uC6C3 \uD15C\uD50C\uB9BF. AppShell.Sidebar\uB294 \uBAA8\uB4E0 viewport\uC5D0\uC11C \uAE30\uBCF8 \uD45C\uC2DC\uB418\uBA70 \uBC18\uC751\uD615 \uC228\uAE40/Drawer \uC804\uD658\uC740 \uC18C\uBE44\uC790\uAC00 \uC81C\uC5B4\uD569\uB2C8\uB2E4.",
   slug: "app-shell",
   exports: ["AppShell"],
   props: {
@@ -6087,9 +6143,15 @@ var bulkActionsMeta = {
 var savedFiltersMeta = {
   name: "SavedFilters",
   category: "shell",
-  description: "\uD544\uD130 \uD504\uB9AC\uC14B \uAD00\uB9AC. \uD604\uC7AC \uD544\uD130\uB97C \uC800\uC7A5\uD558\uACE0 \uBD88\uB7EC\uC624\uB294 Popover UI.",
+  description: "\uD544\uD130 \uD504\uB9AC\uC14B \uAD00\uB9AC. \uD0A4\uBCF4\uB4DC \uBAA9\uB85D \uD0D0\uC0C9, \uD604\uC7AC \uD544\uD130 \uC800\uC7A5, \uC548\uC804\uD55C \uC0AD\uC81C \uD655\uC778 \uD750\uB984\uC744 \uC81C\uACF5\uD558\uB294 Popover UI.",
   slug: "saved-filters",
   exports: ["SavedFilters"],
+  keyboardShortcuts: [
+    { keys: "\u2191 \u2193", action: "\uC800\uC7A5\uB41C \uD504\uB9AC\uC14B \uAC04 \uC774\uB3D9" },
+    { keys: "Home / End", action: "\uCCAB \uBC88\uC9F8/\uB9C8\uC9C0\uB9C9 \uD504\uB9AC\uC14B\uC73C\uB85C \uC774\uB3D9" },
+    { keys: "Enter", action: "\uD504\uB9AC\uC14B \uBD88\uB7EC\uC624\uAE30 \uB610\uB294 \uC0C8 \uD504\uB9AC\uC14B \uC800\uC7A5" },
+    { keys: "Escape", action: "\uC0AD\uC81C \uD655\uC778 \uCDE8\uC18C \uD6C4 \uC0AD\uC81C \uBC84\uD2BC\uC73C\uB85C \uD3EC\uCEE4\uC2A4 \uBCF5\uADC0" }
+  ],
   props: {
     SavedFilters: [
       {
@@ -6122,12 +6184,60 @@ var savedFiltersMeta = {
         required: true,
         description: "\uD504\uB9AC\uC14B \uC0AD\uC81C \uCF5C\uBC31"
       },
+      {
+        name: "labels",
+        type: "SavedFiltersLabels",
+        description: "\uD2B8\uB9AC\uAC70, \uBE48 \uC0C1\uD0DC, \uC800\uC7A5 \uBC0F \uC0AD\uC81C \uD655\uC778 \uBB38\uAD6C \uC624\uBC84\uB77C\uC774\uB4DC"
+      },
       { name: "className", type: "string", description: "\uCEE4\uC2A4\uD140 CSS \uD074\uB798\uC2A4" }
+    ],
+    SavedFiltersLabels: [
+      {
+        name: "triggerLabel",
+        type: "(count: number) => string",
+        description: "\uC800\uC7A5\uB41C \uD504\uB9AC\uC14B \uC218\uB97C \uD3EC\uD568\uD55C \uD2B8\uB9AC\uAC70 \uB808\uC774\uBE14"
+      },
+      {
+        name: "emptyMessage",
+        type: "string",
+        default: '"No saved filters"',
+        description: "\uD504\uB9AC\uC14B\uC774 \uC5C6\uC744 \uB54C \uD45C\uC2DC\uD560 \uBA54\uC2DC\uC9C0"
+      },
+      {
+        name: "deleteLabel",
+        type: "(name: string) => string",
+        description: "\uD504\uB9AC\uC14B \uC0AD\uC81C \uBC84\uD2BC\uC758 \uC811\uADFC \uAC00\uB2A5\uD55C \uC774\uB984"
+      },
+      {
+        name: "namePlaceholder",
+        type: "string",
+        default: '"Filter name\u2026"',
+        description: "\uC0C8 \uD504\uB9AC\uC14B \uC774\uB984 \uC785\uB825 \uC548\uB0B4"
+      },
+      {
+        name: "saveLabel",
+        type: "string",
+        default: '"Save"',
+        description: "\uC0C8 \uD504\uB9AC\uC14B \uC800\uC7A5 \uBC84\uD2BC \uB808\uC774\uBE14"
+      },
+      {
+        name: "confirmDeleteLabel",
+        type: "string",
+        default: '"Confirm"',
+        description: "\uC0AD\uC81C \uD655\uC778 \uBC84\uD2BC \uB808\uC774\uBE14"
+      },
+      {
+        name: "cancelDeleteLabel",
+        type: "string",
+        default: '"Cancel"',
+        description: "\uC0AD\uC81C \uCDE8\uC18C \uBC84\uD2BC \uB808\uC774\uBE14"
+      }
     ]
   },
   dependencies: [
     { slug: "popover", category: "core" },
-    { slug: "input", category: "core" }
+    { slug: "input", category: "core" },
+    { slug: "button", category: "core" }
   ],
   testDescribe: "SavedFilters"
 };

package/dist/meta.js

@@ -3171,27 +3171,65 @@ var resizableMeta = {
         required: true,
         description: "ResizablePanel + ResizableHandle \uC870\uD569"
       },
+      {
+        name: "id",
+        type: "string",
+        description: "\uADF8\uB8F9\uACFC defaultLayout\uC758 \uD328\uB110 \uD06C\uAE30\uB97C \uC2DD\uBCC4\uD558\uB294 \uACE0\uC720 ID"
+      },
+      {
+        name: "defaultLayout",
+        type: "Record<string, number>",
+        description: "\uD328\uB110 ID\uBCC4 \uCD08\uAE30 \uBE44\uC728(0-100)"
+      },
+      {
+        name: "onLayoutChanged",
+        type: "(layout: Record<string, number>) => void",
+        description: "\uB4DC\uB798\uADF8\uAC00 \uB05D\uB09C \uB4A4 \uD655\uC815\uB41C \uB808\uC774\uC544\uC6C3 \uCF5C\uBC31"
+      },
+      {
+        name: "groupRef",
+        type: "Ref<ResizablePanelGroupHandle>",
+        description: "\uB808\uC774\uC544\uC6C3 \uC870\uD68C\xB7\uC124\uC815\uC744 \uC704\uD55C \uBA85\uB839\uD615 \uADF8\uB8F9 ref"
+      },
       {
         name: "autoSaveId",
         type: "string",
-        description: "\uB85C\uCEEC \uC2A4\uD1A0\uB9AC\uC9C0\uC5D0 \uD06C\uAE30 \uC0C1\uD0DC \uC800\uC7A5 (\uACE0\uC720 ID)"
+        description: "id\uC758 deprecated \uBCC4\uCE6D"
       },
       { name: "className", type: "string", description: "\uCEE4\uC2A4\uD140 CSS \uD074\uB798\uC2A4" }
     ],
     ResizablePanel: [
       {
         name: "defaultSize",
-        type: "number",
-        description: "\uCD08\uAE30 \uD06C\uAE30 (\uD37C\uC13C\uD2B8, 0-100)"
+        type: "number | string",
+        description: "\uCD08\uAE30 \uD06C\uAE30. \uC22B\uC790\uB294 \uD37C\uC13C\uD2B8, \uBB38\uC790\uC5F4\uC740 \uBA85\uC2DC\uD55C CSS \uB2E8\uC704"
+      },
+      {
+        name: "minSize",
+        type: "number | string",
+        description: "\uCD5C\uC18C \uD06C\uAE30. \uC22B\uC790\uB294 \uD37C\uC13C\uD2B8"
+      },
+      {
+        name: "maxSize",
+        type: "number | string",
+        description: "\uCD5C\uB300 \uD06C\uAE30. \uC22B\uC790\uB294 \uD37C\uC13C\uD2B8"
       },
-      { name: "minSize", type: "number", description: "\uCD5C\uC18C \uD06C\uAE30 (\uD37C\uC13C\uD2B8)" },
-      { name: "maxSize", type: "number", description: "\uCD5C\uB300 \uD06C\uAE30 (\uD37C\uC13C\uD2B8)" },
       {
         name: "collapsible",
         type: "boolean",
         default: "false",
         description: "\uCD5C\uC18C \uD06C\uAE30 \uC774\uD558 \uC2DC \uC811\uD788\uAE30 \uD5C8\uC6A9"
       },
+      {
+        name: "onResize",
+        type: "(size: ResizablePanelSize, id?: string | number, previous?: ResizablePanelSize) => void",
+        description: "\uD328\uB110 \uD06C\uAE30 \uBCC0\uACBD \uCF5C\uBC31"
+      },
+      {
+        name: "panelRef",
+        type: "Ref<ResizablePanelHandle>",
+        description: "\uC811\uAE30\xB7\uD3BC\uCE58\uAE30\xB7\uD06C\uAE30 \uC81C\uC5B4\uB97C \uC704\uD55C \uBA85\uB839\uD615 \uD328\uB110 ref"
+      },
       {
         name: "children",
         type: "ReactNode",
@@ -3207,6 +3245,11 @@ var resizableMeta = {
         default: "false",
         description: "\uC2DC\uAC01\uC801 \uB4DC\uB798\uADF8 \uD578\uB4E4 \uD45C\uC2DC"
       },
+      {
+        name: "disabled",
+        type: "boolean",
+        description: "\uB4DC\uB798\uADF8 \uBC0F \uD0A4\uBCF4\uB4DC \uB9AC\uC0AC\uC774\uC988 \uBE44\uD65C\uC131\uD654"
+      },
       { name: "className", type: "string", description: "\uCEE4\uC2A4\uD140 CSS \uD074\uB798\uC2A4" }
     ]
   },
@@ -4337,7 +4380,16 @@ var dataTableMeta = {
   keyboardShortcuts: [
     { keys: "\u2191 \u2193", action: "\uD589 \uD0D0\uC0C9" },
     { keys: "\u2190 \u2192", action: "\uC140 \uD0D0\uC0C9" },
-    { keys: "Enter", action: "\uD589 \uC120\uD0DD/\uD65C\uC131\uD654" }
+    { keys: "Enter / Space", action: "\uC815\uB82C \uAC00\uB2A5\uD55C \uD5E4\uB354 \uB610\uB294 \uD589 \uD65C\uC131\uD654" },
+    { keys: "\uB9AC\uC0AC\uC774\uC988 \uD578\uB4E4: \u2190 \u2192", action: "\uCEEC\uB7FC \uB108\uBE44\uB97C 10px \uB2E8\uC704\uB85C \uC870\uC808" },
+    {
+      keys: "\uB9AC\uC0AC\uC774\uC988 \uD578\uB4E4: Shift+\u2190 Shift+\u2192",
+      action: "\uCEEC\uB7FC \uB108\uBE44\uB97C 40px \uB2E8\uC704\uB85C \uC870\uC808"
+    },
+    {
+      keys: "\uB9AC\uC0AC\uC774\uC988 \uD578\uB4E4: Home / End",
+      action: "\uCEEC\uB7FC \uB108\uBE44\uB97C \uCD5C\uC19F\uAC12/\uCD5C\uB313\uAC12\uC73C\uB85C \uC774\uB3D9"
+    }
   ],
   advancedPatternAnchor: "data-table-filtering",
   advancedPatternDescription: "\uC2E4\uC2DC\uAC04 \uD544\uD130\uB9C1, \uCEE4\uC2A4\uD140 \uCEEC\uB7FC \uB80C\uB354\uB9C1, Badge \uC0C1\uD0DC \uD45C\uC2DC \uB4F1 \uACE0\uAE09 \uD328\uD134",
@@ -5699,7 +5751,11 @@ var sidebarMeta = {
   description: "\uC811\uAE30/\uD3BC\uCE58\uAE30\uB97C \uC9C0\uC6D0\uD558\uB294 compound \uC0AC\uC774\uB4DC\uBC14. Header/Content/Footer \uAD6C\uC870 + Group/Item\uC73C\uB85C \uB124\uBE44\uAC8C\uC774\uC158 \uAD6C\uC131. Ctrl+[ \uB2E8\uCD95\uD0A4.",
   slug: "sidebar",
   exports: ["Sidebar", "useSidebar"],
-  keyboardShortcuts: [{ keys: "Ctrl+[", action: "\uC0AC\uC774\uB4DC\uBC14 \uC811\uAE30/\uD3BC\uCE58\uAE30 \uD1A0\uAE00" }],
+  keyboardShortcuts: [
+    { keys: "Ctrl+[", action: "\uC0AC\uC774\uB4DC\uBC14 \uC811\uAE30/\uD3BC\uCE58\uAE30 \uD1A0\uAE00" },
+    { keys: "\u2191 \u2193", action: "\uC0AC\uC774\uB4DC\uBC14 \uD56D\uBAA9 \uAC04 \uC774\uB3D9" },
+    { keys: "Home / End", action: "\uCCAB \uBC88\uC9F8/\uB9C8\uC9C0\uB9C9 \uC0AC\uC774\uB4DC\uBC14 \uD56D\uBAA9\uC73C\uB85C \uC774\uB3D9" }
+  ],
   props: {
     Sidebar: [
       {
@@ -5817,7 +5873,7 @@ var sidebarMeta = {
 var appShellMeta = {
   name: "AppShell",
   category: "shell",
-  description: "Header + Sidebar + Content + Footer 4\uC601\uC5ED \uD398\uC774\uC9C0 \uB808\uC774\uC544\uC6C3 \uD15C\uD50C\uB9BF. Sidebar \uCEF4\uD3EC\uB10C\uD2B8\uC640 \uC870\uD569.",
+  description: "Header + Sidebar + Content + Footer 4\uC601\uC5ED \uD398\uC774\uC9C0 \uB808\uC774\uC544\uC6C3 \uD15C\uD50C\uB9BF. AppShell.Sidebar\uB294 \uBAA8\uB4E0 viewport\uC5D0\uC11C \uAE30\uBCF8 \uD45C\uC2DC\uB418\uBA70 \uBC18\uC751\uD615 \uC228\uAE40/Drawer \uC804\uD658\uC740 \uC18C\uBE44\uC790\uAC00 \uC81C\uC5B4\uD569\uB2C8\uB2E4.",
   slug: "app-shell",
   exports: ["AppShell"],
   props: {
@@ -6059,9 +6115,15 @@ var bulkActionsMeta = {
 var savedFiltersMeta = {
   name: "SavedFilters",
   category: "shell",
-  description: "\uD544\uD130 \uD504\uB9AC\uC14B \uAD00\uB9AC. \uD604\uC7AC \uD544\uD130\uB97C \uC800\uC7A5\uD558\uACE0 \uBD88\uB7EC\uC624\uB294 Popover UI.",
+  description: "\uD544\uD130 \uD504\uB9AC\uC14B \uAD00\uB9AC. \uD0A4\uBCF4\uB4DC \uBAA9\uB85D \uD0D0\uC0C9, \uD604\uC7AC \uD544\uD130 \uC800\uC7A5, \uC548\uC804\uD55C \uC0AD\uC81C \uD655\uC778 \uD750\uB984\uC744 \uC81C\uACF5\uD558\uB294 Popover UI.",
   slug: "saved-filters",
   exports: ["SavedFilters"],
+  keyboardShortcuts: [
+    { keys: "\u2191 \u2193", action: "\uC800\uC7A5\uB41C \uD504\uB9AC\uC14B \uAC04 \uC774\uB3D9" },
+    { keys: "Home / End", action: "\uCCAB \uBC88\uC9F8/\uB9C8\uC9C0\uB9C9 \uD504\uB9AC\uC14B\uC73C\uB85C \uC774\uB3D9" },
+    { keys: "Enter", action: "\uD504\uB9AC\uC14B \uBD88\uB7EC\uC624\uAE30 \uB610\uB294 \uC0C8 \uD504\uB9AC\uC14B \uC800\uC7A5" },
+    { keys: "Escape", action: "\uC0AD\uC81C \uD655\uC778 \uCDE8\uC18C \uD6C4 \uC0AD\uC81C \uBC84\uD2BC\uC73C\uB85C \uD3EC\uCEE4\uC2A4 \uBCF5\uADC0" }
+  ],
   props: {
     SavedFilters: [
       {
@@ -6094,12 +6156,60 @@ var savedFiltersMeta = {
         required: true,
         description: "\uD504\uB9AC\uC14B \uC0AD\uC81C \uCF5C\uBC31"
       },
+      {
+        name: "labels",
+        type: "SavedFiltersLabels",
+        description: "\uD2B8\uB9AC\uAC70, \uBE48 \uC0C1\uD0DC, \uC800\uC7A5 \uBC0F \uC0AD\uC81C \uD655\uC778 \uBB38\uAD6C \uC624\uBC84\uB77C\uC774\uB4DC"
+      },
       { name: "className", type: "string", description: "\uCEE4\uC2A4\uD140 CSS \uD074\uB798\uC2A4" }
+    ],
+    SavedFiltersLabels: [
+      {
+        name: "triggerLabel",
+        type: "(count: number) => string",
+        description: "\uC800\uC7A5\uB41C \uD504\uB9AC\uC14B \uC218\uB97C \uD3EC\uD568\uD55C \uD2B8\uB9AC\uAC70 \uB808\uC774\uBE14"
+      },
+      {
+        name: "emptyMessage",
+        type: "string",
+        default: '"No saved filters"',
+        description: "\uD504\uB9AC\uC14B\uC774 \uC5C6\uC744 \uB54C \uD45C\uC2DC\uD560 \uBA54\uC2DC\uC9C0"
+      },
+      {
+        name: "deleteLabel",
+        type: "(name: string) => string",
+        description: "\uD504\uB9AC\uC14B \uC0AD\uC81C \uBC84\uD2BC\uC758 \uC811\uADFC \uAC00\uB2A5\uD55C \uC774\uB984"
+      },
+      {
+        name: "namePlaceholder",
+        type: "string",
+        default: '"Filter name\u2026"',
+        description: "\uC0C8 \uD504\uB9AC\uC14B \uC774\uB984 \uC785\uB825 \uC548\uB0B4"
+      },
+      {
+        name: "saveLabel",
+        type: "string",
+        default: '"Save"',
+        description: "\uC0C8 \uD504\uB9AC\uC14B \uC800\uC7A5 \uBC84\uD2BC \uB808\uC774\uBE14"
+      },
+      {
+        name: "confirmDeleteLabel",
+        type: "string",
+        default: '"Confirm"',
+        description: "\uC0AD\uC81C \uD655\uC778 \uBC84\uD2BC \uB808\uC774\uBE14"
+      },
+      {
+        name: "cancelDeleteLabel",
+        type: "string",
+        default: '"Cancel"',
+        description: "\uC0AD\uC81C \uCDE8\uC18C \uBC84\uD2BC \uB808\uC774\uBE14"
+      }
     ]
   },
   dependencies: [
     { slug: "popover", category: "core" },
-    { slug: "input", category: "core" }
+    { slug: "input", category: "core" },
+    { slug: "button", category: "core" }
   ],
   testDescribe: "SavedFilters"
 };

package/dist/shells/index.cjs

@@ -23,7 +23,7 @@
 
 
 
-var _chunkX5WCXJAFcjs = require('../chunk-X5WCXJAF.cjs');
+var _chunkNXZJIHEZcjs = require('../chunk-NXZJIHEZ.cjs');
 require('../chunk-AFF2HPE5.cjs');
 require('../chunk-ONE3C5RV.cjs');
 
@@ -62,4 +62,4 @@ var _optcharts = require('@reopt-ai/opt-charts');
 
 
 
-exports.AppMenubar = _chunkX5WCXJAFcjs.AppMenubar; exports.BranchSelect = _chunkX5WCXJAFcjs.BranchSelect; exports.CommandPalette = _chunkX5WCXJAFcjs.CommandPalette; exports.CommandPaletteTrigger = _chunkX5WCXJAFcjs.CommandPaletteTrigger; exports.ContentTabs = _chunkX5WCXJAFcjs.ContentTabs; exports.DashboardGrid = _chunkX5WCXJAFcjs.DashboardGrid; exports.DataTable = _chunkX5WCXJAFcjs.DataTable; exports.DeploymentTimeline = _chunkX5WCXJAFcjs.DeploymentTimeline; exports.DomainTable = _chunkX5WCXJAFcjs.DomainTable; exports.EditorToolbar = _chunkX5WCXJAFcjs.EditorToolbar; exports.EnvPanel = _chunkX5WCXJAFcjs.EnvPanel; exports.EventSparkline = _optcharts.EventSparkline; exports.FailureList = _chunkX5WCXJAFcjs.FailureList; exports.FaqAccordion = _chunkX5WCXJAFcjs.FaqAccordion; exports.KeyValueEditor = _chunkX5WCXJAFcjs.KeyValueEditor; exports.MetricsCard = _optcharts.MetricsCard; exports.NotificationToast = _chunkX5WCXJAFcjs.NotificationToast; exports.ProjectSwitcher = _chunkX5WCXJAFcjs.ProjectSwitcher; exports.ReportWidget = _optcharts.ReportWidget; exports.SearchCombobox = _chunkX5WCXJAFcjs.SearchCombobox; exports.SettingsForm = _chunkX5WCXJAFcjs.SettingsForm; exports.SidebarNav = _chunkX5WCXJAFcjs.SidebarNav; exports.StatusSelect = _chunkX5WCXJAFcjs.StatusSelect; exports.ToastProvider = _chunkX5WCXJAFcjs.ToastProvider; exports.TrendChart = _optcharts.TrendChart; exports.WorkflowCanvas = _chunkX5WCXJAFcjs.WorkflowCanvas; exports.useToast = _chunkX5WCXJAFcjs.useToast;
+exports.AppMenubar = _chunkNXZJIHEZcjs.AppMenubar; exports.BranchSelect = _chunkNXZJIHEZcjs.BranchSelect; exports.CommandPalette = _chunkNXZJIHEZcjs.CommandPalette; exports.CommandPaletteTrigger = _chunkNXZJIHEZcjs.CommandPaletteTrigger; exports.ContentTabs = _chunkNXZJIHEZcjs.ContentTabs; exports.DashboardGrid = _chunkNXZJIHEZcjs.DashboardGrid; exports.DataTable = _chunkNXZJIHEZcjs.DataTable; exports.DeploymentTimeline = _chunkNXZJIHEZcjs.DeploymentTimeline; exports.DomainTable = _chunkNXZJIHEZcjs.DomainTable; exports.EditorToolbar = _chunkNXZJIHEZcjs.EditorToolbar; exports.EnvPanel = _chunkNXZJIHEZcjs.EnvPanel; exports.EventSparkline = _optcharts.EventSparkline; exports.FailureList = _chunkNXZJIHEZcjs.FailureList; exports.FaqAccordion = _chunkNXZJIHEZcjs.FaqAccordion; exports.KeyValueEditor = _chunkNXZJIHEZcjs.KeyValueEditor; exports.MetricsCard = _optcharts.MetricsCard; exports.NotificationToast = _chunkNXZJIHEZcjs.NotificationToast; exports.ProjectSwitcher = _chunkNXZJIHEZcjs.ProjectSwitcher; exports.ReportWidget = _optcharts.ReportWidget; exports.SearchCombobox = _chunkNXZJIHEZcjs.SearchCombobox; exports.SettingsForm = _chunkNXZJIHEZcjs.SettingsForm; exports.SidebarNav = _chunkNXZJIHEZcjs.SidebarNav; exports.StatusSelect = _chunkNXZJIHEZcjs.StatusSelect; exports.ToastProvider = _chunkNXZJIHEZcjs.ToastProvider; exports.TrendChart = _optcharts.TrendChart; exports.WorkflowCanvas = _chunkNXZJIHEZcjs.WorkflowCanvas; exports.useToast = _chunkNXZJIHEZcjs.useToast;

package/dist/shells/index.js

@@ -23,7 +23,7 @@ import {
   ToastProvider,
   WorkflowCanvas,
   useToast
-} from "../chunk-QWBHD54V.js";
+} from "../chunk-3XD4HIFL.js";
 import "../chunk-RBM2RNC2.js";
 import "../chunk-3GWWZKX7.js";
 

package/dist/tailwind.css

@@ -12,11 +12,11 @@
  */
 
 /* ── Theme Presets (5 presets × light/dark, natural force-light) ── */
-@import "./lib/theme/presets/default.css";
-@import "./lib/theme/presets/minimal.css";
-@import "./lib/theme/presets/natural.css";
-@import "./lib/theme/presets/pro.css";
-@import "./lib/theme/presets/mono-dark.css";
+@import "@reopt-ai/opt-ui/theme/presets/default.css";
+@import "@reopt-ai/opt-ui/theme/presets/minimal.css";
+@import "@reopt-ai/opt-ui/theme/presets/natural.css";
+@import "@reopt-ai/opt-ui/theme/presets/pro.css";
+@import "@reopt-ai/opt-ui/theme/presets/mono-dark.css";
 
 /* ── Dark Mode Variant ── */
 @custom-variant dark (&:where([data-theme$="-dark"], [data-theme$="-dark"] *));

package/dist/theme/presets/default.css

@@ -182,12 +182,12 @@
 
 [data-theme="default-dark"] {
   /* Surface */
-  --opt-surface: hsl(204 4% 16%);
-  --opt-surface-raised: hsl(204 4% 16%);
-  --opt-surface-overlay: hsl(204 4% 16%);
-  --opt-surface-input: hsl(204 4% 10%);
-  --opt-surface-input-hover: hsl(204 4% 8%);
-  --opt-surface-inset: rgba(255, 255, 255, 0.04);
+  --opt-surface: hsl(204 5% 7%);
+  --opt-surface-raised: hsl(204 5% 9%);
+  --opt-surface-overlay: hsl(204 5% 12%);
+  --opt-surface-input: hsl(204 5% 5%);
+  --opt-surface-input-hover: hsl(204 5% 4%);
+  --opt-surface-inset: rgba(255, 255, 255, 0.02);
 
   /* Accent */
   --opt-accent: hsl(221 83% 53%);
@@ -242,18 +242,18 @@
 
   /* Border */
   --opt-border-width: 1px;
-  --opt-border: rgba(255, 255, 255, 0.1);
-  --opt-border-hover: rgba(255, 255, 255, 0.25);
-  --opt-border-subtle: rgba(255, 255, 255, 0.08);
+  --opt-border: rgba(255, 255, 255, 0.07);
+  --opt-border-hover: rgba(255, 255, 255, 0.18);
+  --opt-border-subtle: rgba(255, 255, 255, 0.04);
 
   /* Focus */
   --opt-ring: hsl(221 83% 53%);
-  --opt-ring-offset: hsl(204 4% 16%);
+  --opt-ring-offset: hsl(204 5% 7%);
 
   /* Background */
   --opt-bg: #0a0a0a;
-  --opt-bg-subtle: rgba(255, 255, 255, 0.06);
-  --opt-bg-muted: rgba(255, 255, 255, 0.08);
+  --opt-bg-subtle: rgba(255, 255, 255, 0.03);
+  --opt-bg-muted: rgba(255, 255, 255, 0.05);
 
   /* Status */
   --opt-success: hsl(142 71% 45%);