@oneplatformdev/ui 0.1.99-beta.3 → 0.1.99-beta.300

package/Resizable/Resizable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.stories.js","sources":["../../src/Resizable/Resizable.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\"\r\nimport * as React from \"react\"\r\n\r\nimport {\r\n  ResizablePanelGroup,\r\n  ResizablePanel,\r\n  ResizableHandle,\r\n} from \"./Resizable\"\r\n\r\nconst meta: Meta<typeof ResizablePanelGroup> = {\r\n  title: \"ui/Resizable\",\r\n  component: ResizablePanelGroup,\r\n  parameters: {\r\n    layout: \"fullscreen\",\r\n  },\r\n  decorators: [\r\n    (Story) => (\r\n      <div className=\"p-6\">\r\n        <div className=\"h-[420px] w-[920px] overflow-hidden rounded-xl border bg-background shadow-sm\">\r\n          <Story />\r\n        </div>\r\n      </div>\r\n    ),\r\n  ],\r\n}\r\nexport default meta\r\ntype Story = StoryObj<typeof ResizablePanelGroup>\r\n\r\nfunction PanelBox({\r\n                    label,\r\n                    subtle,\r\n                  }: {\r\n  label: string\r\n  subtle?: boolean\r\n}) {\r\n  return (\r\n    <div\r\n      className={[\r\n        \"h-full w-full\",\r\n        \"flex items-center justify-center\",\r\n        \"text-sm font-medium\",\r\n        \"select-none\",\r\n        subtle ? \"bg-muted/30\" : \"bg-muted/50\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </div>\r\n  )\r\n}\r\n\r\n/** 1) Базовий горизонтальний спліт 50/50 */\r\nexport const HorizontalTwoPanels: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={50}>\r\n        <PanelBox label=\"Left (50%)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={50}>\r\n        <PanelBox label=\"Right (50%)\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 2) Вертикальний спліт 60/40 */\r\nexport const VerticalTwoPanels: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"vertical\">\r\n      <ResizablePanel defaultSize={60}>\r\n        <PanelBox label=\"Top (60%)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={40}>\r\n        <PanelBox label=\"Bottom (40%)\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 3) Без “grip” (withHandle=false) — тонкий роздільник */\r\nexport const HandleWithoutGrip: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={35}>\r\n        <PanelBox label=\"Sidebar (35%)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle />\r\n      <ResizablePanel defaultSize={65}>\r\n        <PanelBox label=\"Content (65%)\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 4) Три панелі рівномірно (33/34/33) */\r\nexport const ThreePanelsEqual: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={33}>\r\n        <PanelBox label=\"A (33%)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={34}>\r\n        <PanelBox label=\"B (34%)\" subtle />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={33}>\r\n        <PanelBox label=\"C (33%)\" />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 5) Три панелі з “sidebar layout” (20/55/25) */\r\nexport const ThreePanelsSidebarLayout: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={20} minSize={12}>\r\n        <PanelBox label=\"Nav (20%)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={55} minSize={30}>\r\n        <PanelBox label=\"Main (55%)\" subtle />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={25} minSize={12}>\r\n        <PanelBox label=\"Details (25%)\" />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 6) Обмеження min/max size (наочно “впирається” при ресайзі) */\r\nexport const MinMaxConstraints: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={30} minSize={20} maxSize={40}>\r\n        <PanelBox label=\"Left (min 20 / max 40)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={70} minSize={60} maxSize={80}>\r\n        <PanelBox label=\"Right (min 60 / max 80)\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 7) Collapsible sidebar (якщо ваш Panel підтримує collapsible/collapsedSize) */\r\nexport const CollapsibleSidebar: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel\r\n        defaultSize={22}\r\n        minSize={12}\r\n        collapsible\r\n        collapsedSize={4}\r\n      >\r\n        <PanelBox label=\"Sidebar (collapsible)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={78} minSize={50}>\r\n        <PanelBox label=\"Main content\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 8) Disabled handle (якщо Separator/Handle підтримує disabled) */\r\nexport const DisabledHandle: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={50}>\r\n        <PanelBox label=\"Left (fixed)\" />\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle disabled />\r\n      <ResizablePanel defaultSize={50}>\r\n        <PanelBox label=\"Right (fixed)\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 9) Nested split: зліва — вертикальний, справа — суцільний */\r\nexport const NestedResizable: Story = {\r\n  render: () => (\r\n    <ResizablePanelGroup direction=\"horizontal\">\r\n      <ResizablePanel defaultSize={45} minSize={25}>\r\n        <ResizablePanelGroup direction=\"vertical\">\r\n          <ResizablePanel defaultSize={55} minSize={20}>\r\n            <PanelBox label=\"Left / Top\" />\r\n          </ResizablePanel>\r\n          <ResizableHandle withHandle />\r\n          <ResizablePanel defaultSize={45} minSize={20}>\r\n            <PanelBox label=\"Left / Bottom\" subtle />\r\n          </ResizablePanel>\r\n        </ResizablePanelGroup>\r\n      </ResizablePanel>\r\n      <ResizableHandle withHandle />\r\n      <ResizablePanel defaultSize={55} minSize={30}>\r\n        <PanelBox label=\"Right (single)\" subtle />\r\n      </ResizablePanel>\r\n    </ResizablePanelGroup>\r\n  ),\r\n}\r\n\r\n/** 10) Debug layout: показує поточні розміри (onLayout) */\r\nexport const LayoutDebug: Story = {\r\n  render: () => {\r\n    const LayoutStory = () => {\r\n      const [layout, setLayout] = React.useState<number[]>([])\r\n\r\n      return (\r\n        <div className=\"h-full w-full\">\r\n          <div className=\"border-b px-3 py-2 text-xs text-muted-foreground\">\r\n            Layout:{\" \"}\r\n            {layout.length\r\n              ? layout.map((v) => Math.round(v)).join(\" / \")\r\n              : \"— (move handle)\"}\r\n          </div>\r\n\r\n          <div className=\"h-[calc(100%-33px)]\">\r\n            <ResizablePanelGroup\r\n              direction=\"horizontal\"\r\n              onLayout={(sizes) => setLayout(sizes)}\r\n            >\r\n              <ResizablePanel defaultSize={40} minSize={20}>\r\n                <PanelBox label=\"Left\" />\r\n              </ResizablePanel>\r\n              <ResizableHandle withHandle />\r\n              <ResizablePanel defaultSize={60} minSize={20}>\r\n                <PanelBox label=\"Right\" subtle />\r\n              </ResizablePanel>\r\n            </ResizablePanelGroup>\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n\r\n    return <LayoutStory />\r\n  },\r\n}\r\n"],"names":["meta","ResizablePanelGroup","Story","jsx","PanelBox","label","subtle","HorizontalTwoPanels","jsxs","ResizablePanel","ResizableHandle","VerticalTwoPanels","HandleWithoutGrip","ThreePanelsEqual","ThreePanelsSidebarLayout","MinMaxConstraints","CollapsibleSidebar","DisabledHandle","NestedResizable","LayoutDebug","layout","setLayout","React","v","sizes"],"mappings":"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"}

package/ScrollArea/ScrollArea.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollArea(props: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+    slotProps?: {
+        viewport?: React.ComponentProps<typeof ScrollAreaPrimitive.Viewport>;
+    };
+}): import("react/jsx-runtime").JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
 export { ScrollArea, ScrollBar, ScrollAreaPrimitive };
 //# sourceMappingURL=ScrollArea.d.ts.map

package/ScrollArea/ScrollArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiB3E;AAED,iBAAS,SAAS,CAAC,EACE,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBzF;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE;QACV,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,CAAC;KACtE,CAAA;CACF,2CA4BF;AAED,iBAAS,SAAS,CAAC,EACE,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBzF;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAA"}

package/ScrollArea/ScrollArea.js

@@ -1,33 +1,39 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-scroll-area";
-import { cn as t } from "@oneplatformdev/utils";
-function u({
-  className: e,
-  children: r,
-  ...a
-}) {
-  return /* @__PURE__ */ s(
+import { cn as s } from "@oneplatformdev/utils";
+function m(e) {
+  const {
+    className: r,
+    children: a,
+    slotProps: t,
+    ...c
+  } = e;
+  return /* @__PURE__ */ i(
     o.Root,
     {
       "data-slot": "scroll-area",
-      className: t("relative", e),
-      ...a,
+      className: s("relative", r),
+      ...c,
       children: [
         /* @__PURE__ */ l(
           o.Viewport,
           {
+            ...t?.viewport || {},
             "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children: r
+            className: s(
+              "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+              t?.viewport?.className
+            ),
+            children: a
           }
         ),
-        /* @__PURE__ */ l(i, {}),
+        /* @__PURE__ */ l(n, {}),
         /* @__PURE__ */ l(o.Corner, {})
       ]
     }
   );
 }
-function i({
+function n({
   className: e,
   orientation: r = "vertical",
   ...a
@@ -37,7 +43,7 @@ function i({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: r,
-      className: t(
+      className: s(
         "flex touch-none p-px transition-colors select-none",
         r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -55,8 +61,8 @@ function i({
   );
 }
 export {
-  u as ScrollArea,
+  m as ScrollArea,
   o as ScrollAreaPrimitive,
-  i as ScrollBar
+  n as ScrollBar
 };
 //# sourceMappingURL=ScrollArea.js.map

package/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","sources":["../../src/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction ScrollArea({\n                      className,\n                      children,\n                      ...props\n                    }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n                     className,\n                     orientation = \"vertical\",\n                     ...props\n                   }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar, ScrollAreaPrimitive }\n"],"names":["ScrollArea","className","children","props","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;AAOA,SAASA,EAAW;AAAA,EACE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAA0D;AAC5E,SACE,gBAAAC;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,YAAYL,CAAS;AAAA,MAClC,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACF,EAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEFM,GAAA,EAAU;AAAA,QACX,gBAAAD,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEA,SAASG,EAAU;AAAA,EACE,WAAAP;AAAA,EACA,aAAAQ,IAAc;AAAA,EACd,GAAGN;AACL,GAAyE;AAC1F,SACE,gBAAAI;AAAA,IAACF,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,aAAAI;AAAA,MACA,WAAWH;AAAA,QACT;AAAA,QACAG,MAAgB,cAChB;AAAA,QACAA,MAAgB,gBAChB;AAAA,QACAR;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAI;AAAA,QAACF,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ScrollArea.js","sources":["../../src/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction ScrollArea(\r\n  props: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {\r\n    slotProps?: {\r\n      viewport?: React.ComponentProps<typeof ScrollAreaPrimitive.Viewport>;\r\n    }\r\n  }\r\n) {\r\n  const {\r\n    className,\r\n    children,\r\n    slotProps,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <ScrollAreaPrimitive.Root\r\n      data-slot=\"scroll-area\"\r\n      className={cn(\"relative\", className)}\r\n      {...rest}\r\n    >\r\n      <ScrollAreaPrimitive.Viewport\r\n        {...slotProps?.viewport || {}}\r\n        data-slot=\"scroll-area-viewport\"\r\n        className={cn(\r\n          \"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\",\r\n          slotProps?.viewport?.className\r\n        )}\r\n      >\r\n        {children}\r\n      </ScrollAreaPrimitive.Viewport>\r\n      <ScrollBar />\r\n      <ScrollAreaPrimitive.Corner />\r\n    </ScrollAreaPrimitive.Root>\r\n  )\r\n}\r\n\r\nfunction ScrollBar({\r\n                     className,\r\n                     orientation = \"vertical\",\r\n                     ...props\r\n                   }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\r\n  return (\r\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n      data-slot=\"scroll-area-scrollbar\"\r\n      orientation={orientation}\r\n      className={cn(\r\n        \"flex touch-none p-px transition-colors select-none\",\r\n        orientation === \"vertical\" &&\r\n        \"h-full w-2.5 border-l border-l-transparent\",\r\n        orientation === \"horizontal\" &&\r\n        \"h-2.5 flex-col border-t border-t-transparent\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ScrollAreaPrimitive.ScrollAreaThumb\r\n        data-slot=\"scroll-area-thumb\"\r\n        className=\"bg-border relative flex-1 rounded-full\"\r\n      />\r\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n  )\r\n}\r\n\r\nexport { ScrollArea, ScrollBar, ScrollAreaPrimitive }\r\n"],"names":["ScrollArea","props","className","children","slotProps","rest","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;AAOA,SAASA,EACPC,GAKA;AACA,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ;AACJ,SACE,gBAAAK;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,YAAYN,CAAS;AAAA,MAClC,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACF,EAAoB;AAAA,UAApB;AAAA,YACE,GAAGH,GAAW,YAAY,CAAA;AAAA,YAC3B,aAAU;AAAA,YACV,WAAWI;AAAA,cACT;AAAA,cACAJ,GAAW,UAAU;AAAA,YAAA;AAAA,YAGtB,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEFO,GAAA,EAAU;AAAA,QACX,gBAAAD,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEA,SAASG,EAAU;AAAA,EACE,WAAAR;AAAA,EACA,aAAAS,IAAc;AAAA,EACd,GAAGV;AACL,GAAyE;AAC1F,SACE,gBAAAQ;AAAA,IAACF,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,aAAAI;AAAA,MACA,WAAWH;AAAA,QACT;AAAA,QACAG,MAAgB,cAChB;AAAA,QACAA,MAAgB,gBAChB;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,MAEJ,UAAA,gBAAAQ;AAAA,QAACF,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;"}

package/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgDxC,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgExC,CAAC"}

package/Search/Search.js

@@ -1,48 +1,57 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useState as g, useEffect as v } from "react";
-import { Input as C } from "../Input/Input.js";
-import { useDebounceCallback as b } from "@oneplatformdev/hooks";
-import { cn as x } from "@oneplatformdev/utils";
+import { useState as y, useRef as C, useEffect as k, useCallback as b } from "react";
+import { useDebounceCallback as v, useEventListener as x } from "@oneplatformdev/hooks";
+import { cn as D } from "@oneplatformdev/utils";
 import { SearchIcon as I } from "lucide-react";
-import { LoadedIcon as N } from "../LoadedIcon/LoadedIcon.js";
-const E = (n) => {
+import { Input as K } from "../Input/Input.js";
+import { LoadedIcon as L } from "../LoadedIcon/LoadedIcon.js";
+const z = (s) => {
   const {
-    search: e,
-    onChange: s,
-    onSearch: c,
-    placeholder: m = "Search",
-    className: i,
-    loading: l = !1,
-    slotProps: o,
-    name: h = "search",
+    search: o,
+    onChange: c,
+    onSearch: l,
+    placeholder: i = "Search",
+    className: u,
+    loading: m = !1,
+    slotProps: r,
+    name: f = "search",
     ...p
-  } = n, [u, a] = g(e), f = b(c, 1e3), d = (r) => {
-    const S = r.target.value;
-    a(S), s?.(r), f(r.target.value);
+  } = s, [d, n] = y(o), h = v(l, 1e3), a = C(null), w = (e) => {
+    const g = e.target.value;
+    n(g), c?.(e), h(e.target.value);
   };
-  return v(() => {
-    a(e ?? "");
-  }, [e]), /* @__PURE__ */ t(
-    C,
+  k(() => {
+    n(o ?? "");
+  }, [o]);
+  const S = b((e) => {
+    (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), a.current?.focus());
+  }, []);
+  return x(
+    "keydown",
+    S,
+    typeof window < "u" ? window : void 0
+  ), /* @__PURE__ */ t(
+    K,
     {
-      name: h,
-      placeholder: m,
-      value: u,
-      className: x("min-w-[340px]", i),
-      onChange: d,
+      ref: a,
+      name: f,
+      placeholder: i,
+      value: d,
+      className: D("min-w-[340px]", u),
+      onChange: w,
       ...p,
-      ...o || {},
+      ...r || {},
       slotProps: {
-        ...o || {},
+        ...r || {},
         input: {
-          startAdornment: /* @__PURE__ */ t(N, { loading: l, size: "sm", children: /* @__PURE__ */ t(I, {}) }),
-          ...o?.input || {}
+          startAdornment: /* @__PURE__ */ t(L, { loading: m, children: /* @__PURE__ */ t(I, {}) }),
+          ...r?.input || {}
         }
       }
     }
   );
 };
 export {
-  E as Search
+  z as Search
 };
 //# sourceMappingURL=Search.js.map

package/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useEffect, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [search, setSearch] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  useEffect(() => {\n    setSearch(initialSearch ?? '');\n  }, [initialSearch]);\n\n  return (\n    <Input\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading} size=\"sm\">\n              <SearchIcon />\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","useEffect","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SAAAE,EAAU,MAAM;AACd,IAAAP,EAAUV,KAAiB,EAAE;AAAA,EAC/B,GAAG,CAACA,CAAa,CAAC,GAGhB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWW,EAAG,iBAAiBhB,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,kCACGe,GAAA,EAAW,SAAAhB,GAAkB,MAAK,MACjC,UAAA,gBAAAa,EAACI,KAAW,EAAA,CACd;AAAA,UAEF,GAAIhB,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ChangeEvent, useEffect, useState, KeyboardEvent, useRef, useCallback } from 'react';\r\n\r\nimport { Input } from '../Input';\r\nimport { SearchProps } from './Search.types';\r\n\r\nimport { useDebounceCallback, useEventListener } from '@oneplatformdev/hooks';\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { SearchIcon } from 'lucide-react';\r\nimport { LoadedIcon } from '../LoadedIcon';\r\n\r\nexport const Search = (props: SearchProps) => {\r\n  const {\r\n    search: initialSearch,\r\n    onChange: handleChange,\r\n    onSearch,\r\n    placeholder = 'Search',\r\n    className,\r\n    loading = false,\r\n    slotProps,\r\n    name = 'search',\r\n    ...rest\r\n  } = props;\r\n  const [ search, setSearch ] = useState(initialSearch);\r\n  const debounced = useDebounceCallback(onSearch, 1000);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const v = e.target.value;\r\n    setSearch(v);\r\n    handleChange?.(e);\r\n    debounced(e.target.value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setSearch(initialSearch ?? '');\r\n  }, [ initialSearch ]);\r\n\r\n  const handleKeyDown = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\r\n    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\r\n      event.preventDefault();\r\n      inputRef.current?.focus();\r\n    }\r\n  }, []);\r\n\r\n  useEventListener(\r\n    'keydown',\r\n    handleKeyDown,\r\n    typeof window !== 'undefined' ? window : undefined\r\n  );\r\n\r\n  return (\r\n    <Input\r\n      ref={inputRef}\r\n      name={name}\r\n      placeholder={placeholder}\r\n      value={search}\r\n      className={cn('min-w-[340px]', className)}\r\n      onChange={onChange}\r\n      {...rest}\r\n      {...(slotProps || {})}\r\n      slotProps={{\r\n        ...(slotProps || {}),\r\n        input: {\r\n          startAdornment: (\r\n            <LoadedIcon loading={loading}>\r\n              <SearchIcon/>\r\n            </LoadedIcon>\r\n          ),\r\n          ...(slotProps?.input || {}),\r\n        },\r\n      }}\r\n    />\r\n  );\r\n};\r\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","inputRef","useRef","onChange","v","useEffect","handleKeyDown","useCallback","event","useEventListener","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAAEU,GAAQC,CAAU,IAAIC,EAASX,CAAa,GAC9CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAWC,EAAyB,IAAI,GAExCC,IAAW,CAAC,MAAqC;AACrD,UAAMC,IAAI,EAAE,OAAO;AACnB,IAAAP,EAAUO,CAAC,GACXhB,IAAe,CAAC,GAChBW,EAAU,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,EAAAM,EAAU,MAAM;AACd,IAAAR,EAAUV,KAAiB,EAAE;AAAA,EAC/B,GAAG,CAAEA,CAAc,CAAC;AAEpB,QAAMmB,IAAgBC,EAAY,CAACC,MAA2C;AAC5E,KAAKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAA,MAAkB,QAClEA,EAAM,eAAA,GACNP,EAAS,SAAS,MAAA;AAAA,EAEtB,GAAG,CAAA,CAAE;AAEL,SAAAQ;AAAA,IACE;AAAA,IACAH;AAAA,IACA,OAAO,SAAW,MAAc,SAAS;AAAA,EAAA,GAIzC,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKV;AAAA,MACL,MAAAP;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWgB,EAAG,iBAAiBrB,CAAS;AAAA,MACxC,UAAAY;AAAA,MACC,GAAGR;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,gBACE,gBAAAiB,EAACG,GAAA,EAAW,SAAArB,GACV,UAAA,gBAAAkB,EAACI,KAAU,GACb;AAAA,UAEF,GAAIrB,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/Search/Search.stories.js

@@ -0,0 +1,17 @@
+import { Search as t } from "./Search.js";
+const a = {
+  title: "Input/Search",
+  component: t
+}, o = {
+  args: {
+    slotProps: {},
+    search: "search",
+    onSearch: () => {
+    }
+  }
+};
+export {
+  o as Default,
+  a as default
+};
+//# sourceMappingURL=Search.stories.js.map

package/Search/Search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.stories.js","sources":["../../src/Search/Search.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\r\n\r\nimport { Search } from './Search';\r\n\r\nconst meta = {\r\n  title: 'Input/Search',\r\n  component: Search,\r\n} satisfies Meta<typeof Search>;\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Default: Story = {\r\n  args: {\r\n    slotProps: {},\r\n    search: \"search\",\r\n    onSearch: () => {}\r\n  }\r\n};\r\n"],"names":["meta","Search","Default"],"mappings":";AAIA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AACb,GAMaC,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,WAAW,CAAA;AAAA,IACX,QAAQ;AAAA,IACR,UAAU,MAAM;AAAA,IAAC;AAAA,EAAA;AAErB;"}

package/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAkGnB,eAAO,MAAM,MAAM,GAAI,gBAAgB,EACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,4CAwCrC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAkGnB,eAAO,MAAM,MAAM,GAAI,gBAAgB,EACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,4CAiDrC,CAAC"}

package/Select/Select.js

@@ -1,90 +1,94 @@
-import { jsxs as u, jsx as r, Fragment as g } from "react/jsx-runtime";
-import { createElement as m } from "react";
-import { Button as h } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import { SelectRoot as x, SelectContent as v, SelectTrigger as y, SelectValue as S, SelectItem as b } from "./SelectRoot.js";
-import { cn as C } from "@oneplatformdev/utils";
-const N = (e) => {
-  const { placeholder: n, renderTrigger: t, slotProps: l } = e, o = /* @__PURE__ */ r(y, { ...l?.triggerProps || {}, children: /* @__PURE__ */ r(S, { placeholder: n }) });
-  return t && typeof t == "function" ? t(e, o) : o;
-}, a = (e) => {
-  const { children: n, child: t, option: l, deep: o = 0, className: c, style: i = {} } = e;
+import { jsxs as u, jsx as o, Fragment as y } from "react/jsx-runtime";
+import { useMemo as S, createElement as p } from "react";
+import { cn as v } from "@oneplatformdev/utils";
+import { SelectRoot as b, SelectContent as C, SelectTrigger as O, SelectValue as N, SelectItem as P } from "./SelectRoot.js";
+import { Button as R } from "../Button/Button.js";
+const k = (e) => {
+  const { placeholder: n, renderTrigger: t, slotProps: l } = e, r = /* @__PURE__ */ o(O, { ...l?.triggerProps || {}, children: /* @__PURE__ */ o(N, { placeholder: n }) });
+  return t && typeof t == "function" ? t(e, r) : r;
+}, s = (e) => {
+  const { children: n, child: t, option: l, deep: r = 0, className: c, style: a = {} } = e;
   return /* @__PURE__ */ u(
-    b,
+    P,
     {
       value: l.value ?? "",
       disabled: l.disabled,
-      className: C("cursor-pointer", c),
-      style: { paddingLeft: `calc(8px + ${(o || 0) * 8}px)`, ...i || {} },
+      className: v("cursor-pointer", c),
+      style: { paddingLeft: `calc(8px + ${(r || 0) * 8}px)`, ...a || {} },
       children: [
         n,
         !t && l.label,
-        t && /* @__PURE__ */ r(g, { children: typeof t == "function" ? t({ ...e }) : t })
+        t && /* @__PURE__ */ o(y, { children: typeof t == "function" ? t({ ...e }) : t })
       ]
     },
     l.value
   );
-}, p = (e) => {
-  const { renderOption: n, option: t, index: l, options: o, deep: c = 0, ...i } = e;
-  return n ? n && typeof n != "function" ? /* @__PURE__ */ r(a, { ...e }) : n && typeof n == "function" ? n(
+}, g = (e) => {
+  const { renderOption: n, option: t, index: l, options: r, deep: c = 0, ...a } = e;
+  return n ? n && typeof n != "function" ? /* @__PURE__ */ o(s, { ...e }) : n && typeof n == "function" ? n(
     t,
     l,
-    o,
-    { ...i, options: o },
-    /* @__PURE__ */ r(a, { ...e })
+    r,
+    { ...a, options: r },
+    /* @__PURE__ */ o(s, { ...e })
   ) : t.children?.length ? /* @__PURE__ */ u(
     "div",
     {
       className: "flex flex-col gap-1 truncate line-clamp-2",
       children: [
-        /* @__PURE__ */ r(a, { ...e }),
-        t.children?.map((d, s, f) => /* @__PURE__ */ m(
-          p,
+        /* @__PURE__ */ o(s, { ...e }),
+        t.children?.map((d, f, m) => /* @__PURE__ */ p(
+          g,
           {
             ...e,
             key: d.value,
             option: d,
-            options: f,
-            index: s,
+            options: m,
+            index: f,
             deep: (c || 0) + 1
           }
         ))
       ]
     },
     t.value
-  ) : /* @__PURE__ */ r(a, { ...e }) : /* @__PURE__ */ r(a, { ...e });
-}, B = (e) => {
+  ) : /* @__PURE__ */ o(s, { ...e }) : /* @__PURE__ */ o(s, { ...e });
+}, w = (e) => {
   const {
     value: n,
-    options: t,
-    onChange: l,
-    nullable: o = !1,
-    clearLabel: c = "Clear",
-    disabled: i,
-    slotProps: d
-  } = e;
-  return /* @__PURE__ */ u(x, { value: n, onValueChange: l, disabled: i, children: [
-    /* @__PURE__ */ r(N, { ...e }),
-    /* @__PURE__ */ u(v, { ...d?.selectProps || {}, children: [
-      o && /* @__PURE__ */ r(
-        h,
+    options: t = [],
+    filterOption: l,
+    filterOptions: r,
+    onChange: c,
+    nullable: a = !1,
+    clearLabel: d = "Clear",
+    disabled: f,
+    slotProps: m
+  } = e, h = S(() => {
+    let i = t;
+    return l && (i = i.filter(l)), r && (i = r(i)), i;
+  }, [t, r]);
+  return /* @__PURE__ */ u(b, { value: n, onValueChange: c, disabled: f, children: [
+    /* @__PURE__ */ o(k, { ...e }),
+    /* @__PURE__ */ u(C, { ...m?.selectProps || {}, children: [
+      a && /* @__PURE__ */ o(
+        R,
         {
           className: "w-full px-2",
-          variant: "secondary",
+          color: "secondary",
           size: "sm",
           onClick: () => {
-            l?.("");
+            c?.("");
           },
-          children: c
+          children: d
         }
       ),
-      t.map((s, f) => /* @__PURE__ */ m(
-        p,
+      h.map((i, x) => /* @__PURE__ */ p(
+        g,
         {
           ...e,
-          key: s.value,
-          option: s,
-          index: f,
+          key: i.value,
+          option: i,
+          index: x,
           deep: 0
         }
       ))
@@ -92,6 +96,6 @@ const N = (e) => {
   ] });
 };
 export {
-  B as Select
+  w as Select
 };
 //# sourceMappingURL=Select.js.map

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport {\n  SelectContent,\n  SelectItem,\n  SelectOption,\n  SelectProps,\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n} from '../Select';\nimport { cn } from '@oneplatformdev/utils';\n\nconst RenderSelectTrigger = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData>\n) => {\n  const { placeholder, renderTrigger, slotProps } = props;\n  const defaultComponent = (\n    <SelectTrigger {...(slotProps?.triggerProps || {})}>\n      <SelectValue placeholder={placeholder} />\n    </SelectTrigger>\n  );\n\n  if (Boolean(renderTrigger) && typeof renderTrigger === 'function') {\n    return renderTrigger(props, defaultComponent);\n  }\n\n  return defaultComponent;\n};\n\nconst DefaultRenderSelectOption = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData> & {\n    option: SelectOption<ExtendOptionData>;\n    index: number;\n    deep?: number;\n    child?: ((params: SelectProps<ExtendOptionData> & {\n      option: SelectOption<ExtendOptionData>;\n      index: number;\n    }) => ReactNode) | ReactNode;\n  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>\n) => {\n  const { children, child, option, deep = 0, className, style = {} } = props;\n\n  return (\n    <SelectItem\n      key={option.value}\n      value={option.value ?? ''}\n      disabled={option.disabled}\n      className={cn('cursor-pointer', className)}\n      style={{ paddingLeft: `calc(8px + ${(deep || 0) * 8}px)`, ...(style || {}) }}\n    >\n      {children}\n      {!child && option.label}\n      {child && (\n        <>\n          {typeof child === 'function'\n            ? child({ ...props })\n            : child\n          }\n        </>\n      )}\n    </SelectItem>\n  )\n};\n\nconst RenderSelectOption = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData> & {\n    option: SelectOption<ExtendOptionData>;\n    index: number;\n    deep?: number;\n  }\n) => {\n  const { renderOption, option, index, options, deep = 0, ...rest } = props;\n  if(!renderOption) return <DefaultRenderSelectOption {...props} />;\n  if(renderOption && typeof renderOption !== 'function') return <DefaultRenderSelectOption {...props} />;\n  if(renderOption && typeof renderOption === 'function') return renderOption(\n    option,\n    index,\n    options,\n    { ...rest, options },\n    <DefaultRenderSelectOption {...props} />\n  )\n\n  if(!option.children?.length) {\n    return <DefaultRenderSelectOption {...props} />;\n  }\n\n  return (\n    <div\n      key={option.value}\n      className=\"flex flex-col gap-1 truncate line-clamp-2\"\n    >\n      <DefaultRenderSelectOption {...props} />\n      {option.children?.map((child, idx, arr) => (\n        <RenderSelectOption\n          {...props}\n          key={child.value}\n          option={child}\n          options={arr}\n          index={idx}\n          deep={(deep || 0) + 1}\n        />\n      ))}\n    </div>\n  )\n};\n\n// TODO: add description\nexport const Select = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData>\n) => {\n  const {\n    value,\n    options,\n    onChange,\n    nullable = false,\n    clearLabel = 'Clear',\n    disabled,\n    slotProps,\n  } = props;\n\n  return (\n    <SelectRoot value={value} onValueChange={onChange} disabled={disabled}>\n      <RenderSelectTrigger {...props} />\n      <SelectContent {...(slotProps?.selectProps || {})}>\n        {nullable && (\n          <Button\n            className=\"w-full px-2\"\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => {\n              onChange?.('');\n            }}\n          >\n            {clearLabel}\n          </Button>\n        )}\n        {options.map((option, index) => (\n          <RenderSelectOption\n            {...props}\n            key={option.value}\n            option={option}\n            index={index}\n            deep={0}\n          />\n        ))}\n      </SelectContent>\n    </SelectRoot>\n  );\n};\n"],"names":["RenderSelectTrigger","props","placeholder","renderTrigger","slotProps","defaultComponent","jsx","SelectTrigger","SelectValue","DefaultRenderSelectOption","children","child","option","deep","className","style","jsxs","SelectItem","cn","Fragment","RenderSelectOption","renderOption","index","options","rest","idx","arr","createElement","Select","value","onChange","nullable","clearLabel","disabled","SelectRoot","SelectContent","Button"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, useMemo } from 'react';\r\n\r\nimport { Button } from '../Button';\r\nimport {\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectOption,\r\n  SelectProps,\r\n  SelectRoot,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../Select';\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nconst RenderSelectTrigger = <ExtendOptionData, >(\r\n  props: SelectProps<ExtendOptionData>\r\n) => {\r\n  const { placeholder, renderTrigger, slotProps } = props;\r\n  const defaultComponent = (\r\n    <SelectTrigger {...(slotProps?.triggerProps || {})}>\r\n      <SelectValue placeholder={placeholder}/>\r\n    </SelectTrigger>\r\n  );\r\n\r\n  if (Boolean(renderTrigger) && typeof renderTrigger === 'function') {\r\n    return renderTrigger(props, defaultComponent);\r\n  }\r\n\r\n  return defaultComponent;\r\n};\r\n\r\nconst DefaultRenderSelectOption = <ExtendOptionData, >(\r\n  props: SelectProps<ExtendOptionData> & {\r\n    option: SelectOption<ExtendOptionData>;\r\n    index: number;\r\n    deep?: number;\r\n    child?: ((params: SelectProps<ExtendOptionData> & {\r\n      option: SelectOption<ExtendOptionData>;\r\n      index: number;\r\n    }) => ReactNode) | ReactNode;\r\n  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>\r\n) => {\r\n  const { children, child, option, deep = 0, className, style = {} } = props;\r\n\r\n  return (\r\n    <SelectItem\r\n      key={option.value}\r\n      value={option.value ?? ''}\r\n      disabled={option.disabled}\r\n      className={cn('cursor-pointer', className)}\r\n      style={{ paddingLeft: `calc(8px + ${(deep || 0) * 8}px)`, ...(style || {}) }}\r\n    >\r\n      {children}\r\n      {!child && option.label}\r\n      {child && (\r\n        <>\r\n          {typeof child === 'function'\r\n            ? child({ ...props })\r\n            : child\r\n          }\r\n        </>\r\n      )}\r\n    </SelectItem>\r\n  )\r\n};\r\n\r\nconst RenderSelectOption = <ExtendOptionData, >(\r\n  props: SelectProps<ExtendOptionData> & {\r\n    option: SelectOption<ExtendOptionData>;\r\n    index: number;\r\n    deep?: number;\r\n  }\r\n) => {\r\n  const { renderOption, option, index, options, deep = 0, ...rest } = props;\r\n  if (!renderOption) return <DefaultRenderSelectOption {...props} />;\r\n  if (renderOption && typeof renderOption !== 'function') return <DefaultRenderSelectOption {...props} />;\r\n  if (renderOption && typeof renderOption === 'function') return renderOption(\r\n    option,\r\n    index,\r\n    options,\r\n    { ...rest, options },\r\n    <DefaultRenderSelectOption {...props} />\r\n  )\r\n\r\n  if (!option.children?.length) {\r\n    return <DefaultRenderSelectOption {...props} />;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      key={option.value}\r\n      className=\"flex flex-col gap-1 truncate line-clamp-2\"\r\n    >\r\n      <DefaultRenderSelectOption {...props} />\r\n      {option.children?.map((child, idx, arr) => (\r\n        <RenderSelectOption\r\n          {...props}\r\n          key={child.value}\r\n          option={child}\r\n          options={arr}\r\n          index={idx}\r\n          deep={(deep || 0) + 1}\r\n        />\r\n      ))}\r\n    </div>\r\n  )\r\n};\r\n\r\n// TODO: add description\r\nexport const Select = <ExtendOptionData, >(\r\n  props: SelectProps<ExtendOptionData>\r\n) => {\r\n  const {\r\n    value,\r\n    options: initialOptions = [],\r\n    filterOption,\r\n    filterOptions,\r\n    onChange,\r\n    nullable = false,\r\n    clearLabel = 'Clear',\r\n    disabled,\r\n    slotProps,\r\n  } = props;\r\n\r\n  const options = useMemo(() => {\r\n    let opt = initialOptions;\r\n    if(filterOption) opt = opt.filter(filterOption);\r\n    if(filterOptions) opt =  filterOptions(opt);\r\n    return opt;\r\n  }, [ initialOptions, filterOptions ]);\r\n\r\n  return (\r\n    <SelectRoot value={value} onValueChange={onChange} disabled={disabled}>\r\n      <RenderSelectTrigger {...props} />\r\n      <SelectContent {...(slotProps?.selectProps || {})}>\r\n        {nullable && (\r\n          <Button\r\n            className=\"w-full px-2\"\r\n            color=\"secondary\"\r\n            size=\"sm\"\r\n            onClick={() => {\r\n              onChange?.('');\r\n            }}\r\n          >\r\n            {clearLabel}\r\n          </Button>\r\n        )}\r\n        {options.map((option, index) => (\r\n          <RenderSelectOption\r\n            {...props}\r\n            key={option.value}\r\n            option={option}\r\n            index={index}\r\n            deep={0}\r\n          />\r\n        ))}\r\n      </SelectContent>\r\n    </SelectRoot>\r\n  );\r\n};\r\n"],"names":["RenderSelectTrigger","props","placeholder","renderTrigger","slotProps","defaultComponent","jsx","SelectTrigger","SelectValue","DefaultRenderSelectOption","children","child","option","deep","className","style","jsxs","SelectItem","cn","Fragment","RenderSelectOption","renderOption","index","options","rest","idx","arr","createElement","Select","value","initialOptions","filterOption","filterOptions","onChange","nullable","clearLabel","disabled","useMemo","opt","SelectRoot","SelectContent","Button"],"mappings":";;;;;AAcA,MAAMA,IAAsB,CAC1BC,MACG;AACH,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,WAAAC,EAAA,IAAcH,GAC5CI,IACJ,gBAAAC,EAACC,GAAA,EAAe,GAAIH,GAAW,gBAAgB,IAC7C,UAAA,gBAAAE,EAACE,GAAA,EAAY,aAAAN,EAAA,CAAyB,EAAA,CACxC;AAGF,SAAYC,KAAkB,OAAOA,KAAkB,aAC9CA,EAAcF,GAAOI,CAAgB,IAGvCA;AACT,GAEMI,IAA4B,CAChCR,MASG;AACH,QAAM,EAAE,UAAAS,GAAU,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,IAAO,GAAG,WAAAC,GAAW,OAAAC,IAAQ,CAAA,EAAC,IAAMd;AAErE,SACE,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAOL,EAAO,SAAS;AAAA,MACvB,UAAUA,EAAO;AAAA,MACjB,WAAWM,EAAG,kBAAkBJ,CAAS;AAAA,MACzC,OAAO,EAAE,aAAa,eAAeD,KAAQ,KAAK,CAAC,OAAO,GAAIE,KAAS,CAAA,EAAC;AAAA,MAEvE,UAAA;AAAA,QAAAL;AAAA,QACA,CAACC,KAASC,EAAO;AAAA,QACjBD,KACC,gBAAAL,EAAAa,GAAA,EACG,UAAA,OAAOR,KAAU,aACdA,EAAM,EAAE,GAAGV,EAAA,CAAO,IAClBU,EAAA,CAEN;AAAA,MAAA;AAAA,IAAA;AAAA,IAdGC,EAAO;AAAA,EAAA;AAkBlB,GAEMQ,IAAqB,CACzBnB,MAKG;AACH,QAAM,EAAE,cAAAoB,GAAc,QAAAT,GAAQ,OAAAU,GAAO,SAAAC,GAAS,MAAAV,IAAO,GAAG,GAAGW,EAAA,IAASvB;AACpE,SAAKoB,IACDA,KAAgB,OAAOA,KAAiB,aAAmB,gBAAAf,EAACG,GAAA,EAA2B,GAAGR,GAAO,IACjGoB,KAAgB,OAAOA,KAAiB,aAAmBA;AAAA,IAC7DT;AAAA,IACAU;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAM,SAAAD,EAAA;AAAA,IACX,gBAAAjB,EAACG,GAAA,EAA2B,GAAGR,EAAA,CAAO;AAAA,EAAA,IAGnCW,EAAO,UAAU,SAKpB,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAV,EAACG,GAAA,EAA2B,GAAGR,GAAO;AAAA,QACrCW,EAAO,UAAU,IAAI,CAACD,GAAOc,GAAKC,MACjC,gBAAAC;AAAA,UAACP;AAAA,UAAA;AAAA,YACE,GAAGnB;AAAA,YACJ,KAAKU,EAAM;AAAA,YACX,QAAQA;AAAA,YACR,SAASe;AAAA,YACT,OAAOD;AAAA,YACP,OAAOZ,KAAQ,KAAK;AAAA,UAAA;AAAA,QAAA,CAEvB;AAAA,MAAA;AAAA,IAAA;AAAA,IAbID,EAAO;AAAA,EAAA,IALP,gBAAAN,EAACG,GAAA,EAA2B,GAAGR,EAAA,CAAO,IAXrB,gBAAAK,EAACG,GAAA,EAA2B,GAAGR,GAAO;AAgClE,GAGa2B,IAAS,CACpB3B,MACG;AACH,QAAM;AAAA,IACJ,OAAA4B;AAAA,IACA,SAASC,IAAiB,CAAA;AAAA,IAC1B,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,UAAAC;AAAA,IACA,WAAAhC;AAAA,EAAA,IACEH,GAEEsB,IAAUc,EAAQ,MAAM;AAC5B,QAAIC,IAAMR;AACV,WAAGC,MAAcO,IAAMA,EAAI,OAAOP,CAAY,IAC3CC,MAAeM,IAAON,EAAcM,CAAG,IACnCA;AAAA,EACT,GAAG,CAAER,GAAgBE,CAAc,CAAC;AAEpC,SACE,gBAAAhB,EAACuB,GAAA,EAAW,OAAAV,GAAc,eAAeI,GAAU,UAAAG,GACjD,UAAA;AAAA,IAAA,gBAAA9B,EAACN,GAAA,EAAqB,GAAGC,GAAO;AAAA,sBAC/BuC,GAAA,EAAe,GAAIpC,GAAW,eAAe,CAAA,GAC3C,UAAA;AAAA,MAAA8B,KACC,gBAAA5B;AAAA,QAACmC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAS,MAAM;AACb,YAAAR,IAAW,EAAE;AAAA,UACf;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJZ,EAAQ,IAAI,CAACX,GAAQU,MACpB,gBAAAK;AAAA,QAACP;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,KAAKW,EAAO;AAAA,UACZ,QAAAA;AAAA,UACA,OAAAU;AAAA,UACA,MAAM;AAAA,QAAA;AAAA,MAAA,CAET;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/Select/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.js","sources":["../../src/Select/Select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\nimport { Select } from './Select';\n\nconst meta: Meta<typeof Select> = {\n  title: 'Select',\n  component: Select,\n  argTypes: {\n    value: { control: 'text' },\n    options: { control: 'object' },\n    onChange: { action: 'changed' },\n    nullable: { control: 'boolean' },\n    clearLabel: { control: 'text' },\n    disabled: { control: 'boolean' },\n  },\n  args: {\n    value: '',\n    options: [\n      { value: 'option-0', label: 'Option 0' },\n      { value: 'option-1', label: 'Option 1' },\n      { value: 'option-2', label: 'Option 2' },\n      { value: 'option-3', label: 'Option 3' },\n      { value: 'option-4', label: 'Option 4' },\n    ],\n    placeholder: 'Select placeholder text',\n    nullable: false,\n    clearLabel: 'Clear button label text',\n    disabled: false,\n  }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    value: '',\n    nullable: false,\n    clearLabel: 'Clear',\n    disabled: false,\n    onChange: (v) => {\n      console.log(v)\n    },\n  },\n};\n"],"names":["meta","Select","Default","v"],"mappings":";AAGA,MAAMA,IAA4B;AAAA,EAChC,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO,EAAE,SAAS,OAAA;AAAA,IAClB,SAAS,EAAE,SAAS,SAAA;AAAA,IACpB,UAAU,EAAE,QAAQ,UAAA;AAAA,IACpB,UAAU,EAAE,SAAS,UAAA;AAAA,IACrB,YAAY,EAAE,SAAS,OAAA;AAAA,IACvB,UAAU,EAAE,SAAS,UAAA;AAAA,EAAU;AAAA,EAEjC,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,MACP,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,IAAW;AAAA,IAEzC,aAAa;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAEd,GAMaC,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU,CAACC,MAAM;AACf,cAAQ,IAAIA,CAAC;AAAA,IACf;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"Select.stories.js","sources":["../../src/Select/Select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\nimport { Select } from './Select';\r\n\r\nconst meta: Meta<typeof Select> = {\r\n  title: 'Select',\r\n  component: Select,\r\n  argTypes: {\r\n    value: { control: 'text' },\r\n    options: { control: 'object' },\r\n    onChange: { action: 'changed' },\r\n    nullable: { control: 'boolean' },\r\n    clearLabel: { control: 'text' },\r\n    disabled: { control: 'boolean' },\r\n  },\r\n  args: {\r\n    value: '',\r\n    options: [\r\n      { value: 'option-0', label: 'Option 0' },\r\n      { value: 'option-1', label: 'Option 1' },\r\n      { value: 'option-2', label: 'Option 2' },\r\n      { value: 'option-3', label: 'Option 3' },\r\n      { value: 'option-4', label: 'Option 4' },\r\n    ],\r\n    placeholder: 'Select placeholder text',\r\n    nullable: false,\r\n    clearLabel: 'Clear button label text',\r\n    disabled: false,\r\n  }\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Default: Story = {\r\n  args: {\r\n    value: '',\r\n    nullable: false,\r\n    clearLabel: 'Clear',\r\n    disabled: false,\r\n    onChange: (v) => {\r\n      console.log(v)\r\n    },\r\n  },\r\n};\r\n"],"names":["meta","Select","Default","v"],"mappings":";AAGA,MAAMA,IAA4B;AAAA,EAChC,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO,EAAE,SAAS,OAAA;AAAA,IAClB,SAAS,EAAE,SAAS,SAAA;AAAA,IACpB,UAAU,EAAE,QAAQ,UAAA;AAAA,IACpB,UAAU,EAAE,SAAS,UAAA;AAAA,IACrB,YAAY,EAAE,SAAS,OAAA;AAAA,IACvB,UAAU,EAAE,SAAS,UAAA;AAAA,EAAU;AAAA,EAEjC,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,MACP,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,IAAW;AAAA,IAEzC,aAAa;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAEd,GAMaC,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU,CAACC,MAAM;AACf,cAAQ,IAAIA,CAAC;AAAA,IACf;AAAA,EAAA;AAEJ;"}

package/Select/Select.types.d.ts

@@ -13,6 +13,10 @@ export type SelectRenderOption<ExtendOptionData> = (option: SelectOption<ExtendO
 export interface SelectProps<ExtendOptionData> {
     /** Render options. */
     options: SelectOption<ExtendOptionData>[];
+    /** Filter options handler */
+    filterOptions?: (options: SelectOption<ExtendOptionData>[]) => SelectOption<ExtendOptionData>[];
+    /** Filter option handler */
+    filterOption?: (option: SelectOption<ExtendOptionData>, index: number, options: SelectOption<ExtendOptionData>[]) => boolean;
     /** Current value. */
     value?: SelectOption<ExtendOptionData>['value'];
     /** Select placeholder string. */

package/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,YAAY,CAAC,gBAAgB,GAAG,OAAO;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,mBAAmB,CAAC,gBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,eAAe,CAAC,EAAE,gBAAgB,EAAE,SAAS,KAAK,SAAS,CAAC;AAE5J,MAAM,MAAM,kBAAkB,CAAC,gBAAgB,IAAI,CACjD,MAAM,EAAE,YAAY,CAAC,gBAAgB,CAAC,EACtC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,EACzC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC,EAC1D,gBAAgB,EAAE,SAAS,KACxB,YAAY,CAAC;AAElB,MAAM,WAAW,WAAW,CAAC,gBAAgB;IAC3C,sBAAsB;IACtB,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,qBAAqB;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpE,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,4BAA4B;IAC5B,YAAY,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACpD,wBAAwB;IACxB,SAAS,CAAC,EAAE;QACV,mCAAmC;QACnC,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;QACxE,2BAA2B;QAC3B,WAAW,CAAC,EAAE,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;KAC9D,CAAC;CACH"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../src/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,YAAY,CAAC,gBAAgB,GAAG,OAAO;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,mBAAmB,CAAC,gBAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,eAAe,CAAC,EAAE,gBAAgB,EAAE,SAAS,KAAK,SAAS,CAAC;AAE5J,MAAM,MAAM,kBAAkB,CAAC,gBAAgB,IAAI,CACjD,MAAM,EAAE,YAAY,CAAC,gBAAgB,CAAC,EACtC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,EACzC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC,EAC1D,gBAAgB,EAAE,SAAS,KACxB,YAAY,CAAC;AAElB,MAAM,WAAW,WAAW,CAAC,gBAAgB;IAC3C,sBAAsB;IACtB,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,6BAA6B;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,KAAK,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAChG,4BAA4B;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE,KAAK,OAAO,CAAC;IAC7H,qBAAqB;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpE,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,4BAA4B;IAC5B,YAAY,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACpD,wBAAwB;IACxB,SAAS,CAAC,EAAE;QACV,mCAAmC;QACnC,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;QACxE,2BAA2B;QAC3B,WAAW,CAAC,EAAE,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;KAC9D,CAAC;CACH"}

package/Select/SelectRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRoot.d.ts","sourceRoot":"","sources":["../../src/Select/SelectRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,UAAU,CAAC,EACF,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACnF,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA8BA;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,KAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA8B7E;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,UAAU,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBvE;AAED,iBAAS,eAAe,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQjF;AAED,iBAAS,oBAAoB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa3F;AAED,iBAAS,sBAAsB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/F;AAED,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,eAAe,GAChB,CAAA"}
+{"version":3,"file":"SelectRoot.d.ts","sourceRoot":"","sources":["../../src/Select/SelectRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,UAAU,CAAC,EACF,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACnF,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAyCA;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,KAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA8B7E;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,UAAU,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBvE;AAED,iBAAS,eAAe,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQjF;AAED,iBAAS,oBAAoB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa3F;AAED,iBAAS,sBAAsB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/F;AAED,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,eAAe,GAChB,CAAA"}