@oneplatformdev/ui 0.1.99-beta.301 → 0.1.99-beta.304

package/Search/Search.js

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

package/Search/Search.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useEffect, useState, KeyboardEvent, useRef, useCallback } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback, useEventListener } 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 inputRef = useRef<HTMLInputElement>(null);\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  const handleKeyDown = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n      event.preventDefault();\n      inputRef.current?.focus();\n    }\n  }, []);\n\n  useEventListener(\n    'keydown',\n    handleKeyDown,\n    typeof window !== 'undefined' ? window : undefined\n  );\n\n  return (\n    <Input\n      ref={inputRef}\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}>\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","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.map

@@ -1 +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;"}
+{"version":3,"file":"Search.stories.js","sources":["../../src/Search/Search.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Search } from './Search';\n\nconst meta = {\n  title: 'Input/Search',\n  component: Search,\n} satisfies Meta<typeof Search>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    slotProps: {},\n    search: \"search\",\n    onSearch: () => {}\n  }\n};\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,4CAiDrC,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,4CA0DrC,CAAC"}

package/Select/Select.js

@@ -1,42 +1,43 @@
-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 }) });
+import { jsxs as u, jsx as i, Fragment as S } from "react/jsx-runtime";
+import { useMemo as v, createElement as p } from "react";
+import { Button as C } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { SelectRoot as O, SelectContent as b, SelectTrigger as N, SelectValue as P, SelectItem as R } from "./SelectRoot.js";
+import { cn as k } from "@oneplatformdev/utils";
+const B = (e) => {
+  const { placeholder: n, renderTrigger: t, slotProps: l } = e, r = /* @__PURE__ */ i(N, { ...l?.triggerProps || {}, children: /* @__PURE__ */ i(P, { 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(
-    P,
+    R,
     {
       value: l.value ?? "",
       disabled: l.disabled,
-      className: v("cursor-pointer", c),
+      className: k("cursor-pointer", c),
       style: { paddingLeft: `calc(8px + ${(r || 0) * 8}px)`, ...a || {} },
       children: [
         n,
         !t && l.label,
-        t && /* @__PURE__ */ o(y, { children: typeof t == "function" ? t({ ...e }) : t })
+        t && /* @__PURE__ */ i(S, { children: typeof t == "function" ? t({ ...e }) : t })
       ]
     },
     l.value
   );
 }, 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(
+  return n ? n && typeof n != "function" ? /* @__PURE__ */ i(s, { ...e }) : n && typeof n == "function" ? n(
     t,
     l,
     r,
     { ...a, options: r },
-    /* @__PURE__ */ o(s, { ...e })
+    /* @__PURE__ */ i(s, { ...e })
   ) : t.children?.length ? /* @__PURE__ */ u(
     "div",
     {
       className: "flex flex-col gap-1 truncate line-clamp-2",
       children: [
-        /* @__PURE__ */ o(s, { ...e }),
+        /* @__PURE__ */ i(s, { ...e }),
         t.children?.map((d, f, m) => /* @__PURE__ */ p(
           g,
           {
@@ -51,51 +52,63 @@ const k = (e) => {
       ]
     },
     t.value
-  ) : /* @__PURE__ */ o(s, { ...e }) : /* @__PURE__ */ o(s, { ...e });
-}, w = (e) => {
+  ) : /* @__PURE__ */ i(s, { ...e }) : /* @__PURE__ */ i(s, { ...e });
+}, D = (e) => {
   const {
     value: n,
     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;
+    onBlur: a,
+    nullable: d = !1,
+    clearLabel: f = "Clear",
+    disabled: m,
+    slotProps: h
+  } = e, x = v(() => {
+    let o = t;
+    return l && (o = o.filter(l)), r && (o = r(o)), o;
   }, [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",
-          color: "secondary",
-          size: "sm",
-          onClick: () => {
-            c?.("");
-          },
-          children: d
-        }
-      ),
-      h.map((i, x) => /* @__PURE__ */ p(
-        g,
-        {
-          ...e,
-          key: i.value,
-          option: i,
-          index: x,
-          deep: 0
-        }
-      ))
-    ] })
-  ] });
+  return /* @__PURE__ */ u(
+    O,
+    {
+      value: n,
+      onValueChange: c,
+      disabled: m,
+      onOpenChange: (o) => {
+        o || a?.();
+      },
+      children: [
+        /* @__PURE__ */ i(B, { ...e }),
+        /* @__PURE__ */ u(b, { ...h?.selectProps || {}, children: [
+          d && /* @__PURE__ */ i(
+            C,
+            {
+              className: "w-full px-2",
+              color: "secondary",
+              size: "sm",
+              onClick: () => {
+                c?.("");
+              },
+              children: f
+            }
+          ),
+          x.map((o, y) => /* @__PURE__ */ p(
+            g,
+            {
+              ...e,
+              key: o.value,
+              option: o,
+              index: y,
+              deep: 0
+            }
+          ))
+        ] })
+      ]
+    }
+  );
 };
 export {
-  w as Select
+  D 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, 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;"}
+{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, useMemo } 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: initialOptions = [],\n    filterOption,\n    filterOptions,\n    onChange,\n    onBlur,\n    nullable = false,\n    clearLabel = 'Clear',\n    disabled,\n    slotProps,\n  } = props;\n\n  const options = useMemo(() => {\n    let opt = initialOptions;\n    if(filterOption) opt = opt.filter(filterOption);\n    if(filterOptions) opt =  filterOptions(opt);\n    return opt;\n  }, [ initialOptions, filterOptions ]);\n\n  return (\n    <SelectRoot\n      value={value}\n      onValueChange={onChange}\n      disabled={disabled}\n      onOpenChange={(open) => {\n        // Mark field as touched on close so onTouched validation surfaces the error\n        if (!open) onBlur?.();\n      }}\n    >\n      <RenderSelectTrigger {...props} />\n      <SelectContent {...(slotProps?.selectProps || {})}>\n        {nullable && (\n          <Button\n            className=\"w-full px-2\"\n            color=\"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","initialOptions","filterOption","filterOptions","onChange","onBlur","nullable","clearLabel","disabled","useMemo","opt","SelectRoot","open","SelectContent","Button"],"mappings":"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"}

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';\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;"}
+{"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;"}

package/Select/Select.types.d.ts

@@ -23,6 +23,8 @@ export interface SelectProps<ExtendOptionData> {
     placeholder?: string;
     /** Select Root onValueChange handler. */
     onChange?: (value: SelectOption<ExtendOptionData>['value']) => void;
+    /** Called when the dropdown closes. Used to mark RHF field as touched (onTouched validation). */
+    onBlur?: () => void;
     /** Show reset select item button. */
     disabled?: boolean;
     /** Show reset select item button. */

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,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"}
+{"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,iGAAiG;IACjG,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\r\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction SelectRoot({\r\n                  ...props\r\n                }: React.ComponentProps<typeof SelectPrimitive.Root>) {\r\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\nfunction SelectGroup({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Group>) {\r\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\nfunction SelectValue({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Value>) {\r\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\nfunction SelectTrigger(props: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n  size?: \"sm\" | \"default\";\r\n  showIcon?: boolean;\r\n}) {\r\n  const {\r\n    className,\r\n    size = \"default\",\r\n    children,\r\n    showIcon = true,\r\n    ...rest\r\n  } = props\r\n  return (\r\n    <SelectPrimitive.Trigger\r\n      data-slot=\"select-trigger\"\r\n      data-size={size}\r\n      className={cn(\r\n        \"relative flex w-inherit items-center justify-between gap-2 rounded-lg bg-[#FCFCFC] px-3 py-2 text-sm font-normal whitespace-nowrap\",\r\n        \"border border-[#E1E1E5] outline-none text-[#06080D]\",\r\n        \"data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-muted-foreground transition-[color,box-shadow,background-color,border-color]\",\r\n        \"hover:bg-[#F9FAFB] hover:border-[#E1E1E5]\",\r\n        \"focus-visible:outline-hidden focus-visible:ring-0 focus-visible:border-[#9368FF]\",\r\n        \"data-[state=open]:outline-hidden data-[state=open]:ring-0 data-[state=open]:border-[#9368FF]\",\r\n        \"data-[state=open]:[&_[data-slot=select-trigger-icon]]:opacity-0 data-[state=open]:[&_[data-slot=select-trigger-icon]]:pointer-events-none\",\r\n        \"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\r\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        'cursor-pointer',\r\n        'disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-10 data-[size=sm]:h-8',\r\n        className\r\n      )}\r\n      {...rest}\r\n    >\r\n      {children}\r\n      {showIcon && (\r\n        <SelectPrimitive.Icon asChild>\r\n          <span\r\n            data-slot=\"select-trigger-icon\"\r\n            className=\"flex items-center justify-center opacity-50 transition-opacity hover:opacity-100\"\r\n          >\r\n            <ChevronDownIcon className=\"size-5 text-[#06080D]\" />\r\n          </span>\r\n        </SelectPrimitive.Icon>\r\n      )}\r\n    </SelectPrimitive.Trigger>\r\n  )\r\n}\r\n\r\nfunction SelectContent({\r\n                         className,\r\n                         children,\r\n                         position = \"popper\",\r\n                         align = \"center\",\r\n                         ...props\r\n                       }: React.ComponentProps<typeof SelectPrimitive.Content>) {\r\n  return (\r\n    <SelectPrimitive.Portal>\r\n      <SelectPrimitive.Content\r\n        data-slot=\"select-content\"\r\n        className={cn(\r\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\r\n          position === \"popper\" &&\r\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n          'p-1 rounded-xl shadow-md',\r\n          className\r\n        )}\r\n        position={position}\r\n        align={align}\r\n        {...props}\r\n      >\r\n        <SelectScrollUpButton />\r\n        <SelectPrimitive.Viewport\r\n          className={cn(\r\n            \"p-1\",\r\n            position === \"popper\" &&\r\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\r\n          )}\r\n        >\r\n          {children}\r\n        </SelectPrimitive.Viewport>\r\n        <SelectScrollDownButton />\r\n      </SelectPrimitive.Content>\r\n    </SelectPrimitive.Portal>\r\n  )\r\n}\r\n\r\nfunction SelectLabel({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Label>) {\r\n  return (\r\n    <SelectPrimitive.Label\r\n      data-slot=\"select-label\"\r\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction SelectItem({\r\n                      className,\r\n                      children,\r\n                      ...props\r\n                    }: React.ComponentProps<typeof SelectPrimitive.Item>) {\r\n  return (\r\n    <SelectPrimitive.Item\r\n      data-slot=\"select-item\"\r\n      className={cn(\r\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\r\n        <SelectPrimitive.ItemIndicator>\r\n          <CheckIcon className=\"size-4\" />\r\n        </SelectPrimitive.ItemIndicator>\r\n      </span>\r\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n    </SelectPrimitive.Item>\r\n  )\r\n}\r\n\r\nfunction SelectSeparator({\r\n                           className,\r\n                           ...props\r\n                         }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\r\n  return (\r\n    <SelectPrimitive.Separator\r\n      data-slot=\"select-separator\"\r\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction SelectScrollUpButton({\r\n                                className,\r\n                                ...props\r\n                              }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollUpButton\r\n      data-slot=\"select-scroll-up-button\"\r\n      className={cn(\r\n        \"flex cursor-default items-center justify-center py-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ChevronUpIcon className=\"size-4\" />\r\n    </SelectPrimitive.ScrollUpButton>\r\n  )\r\n}\r\n\r\nfunction SelectScrollDownButton({\r\n                                  className,\r\n                                  ...props\r\n                                }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollDownButton\r\n      data-slot=\"select-scroll-down-button\"\r\n      className={cn(\r\n        \"flex cursor-default items-center justify-center py-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ChevronDownIcon className=\"size-4\" />\r\n    </SelectPrimitive.ScrollDownButton>\r\n  )\r\n}\r\n\r\nexport {\r\n  SelectRoot,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n  SelectPrimitive,\r\n}\r\n"],"names":["SelectRoot","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","showIcon","rest","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","align","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}
+{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction SelectRoot({\n                  ...props\n                }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n                       ...props\n                     }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n                       ...props\n                     }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger(props: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n  showIcon?: boolean;\n}) {\n  const {\n    className,\n    size = \"default\",\n    children,\n    showIcon = true,\n    ...rest\n  } = props\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"relative flex w-inherit items-center justify-between gap-2 rounded-lg bg-[#FCFCFC] px-3 py-2 text-sm font-normal whitespace-nowrap\",\n        \"border border-[#E1E1E5] outline-none text-[#06080D]\",\n        \"data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-muted-foreground transition-[color,box-shadow,background-color,border-color]\",\n        \"hover:bg-[#F9FAFB] hover:border-[#E1E1E5]\",\n        \"focus-visible:outline-hidden focus-visible:ring-0 focus-visible:border-[#9368FF]\",\n        \"data-[state=open]:outline-hidden data-[state=open]:ring-0 data-[state=open]:border-[#9368FF]\",\n        \"data-[state=open]:[&_[data-slot=select-trigger-icon]]:opacity-0 data-[state=open]:[&_[data-slot=select-trigger-icon]]:pointer-events-none\",\n        \"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'cursor-pointer',\n        'disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-10 data-[size=sm]:h-8',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n      {showIcon && (\n        <SelectPrimitive.Icon asChild>\n          <span\n            data-slot=\"select-trigger-icon\"\n            className=\"flex items-center justify-center opacity-50 transition-opacity hover:opacity-100\"\n          >\n            <ChevronDownIcon className=\"size-5 text-[#06080D]\" />\n          </span>\n        </SelectPrimitive.Icon>\n      )}\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n                         className,\n                         children,\n                         position = \"popper\",\n                         align = \"center\",\n                         ...props\n                       }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          'p-1 rounded-xl shadow-md',\n          className\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n                      className,\n                      children,\n                      ...props\n                    }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n                           className,\n                           ...props\n                         }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n                                className,\n                                ...props\n                              }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n                                  className,\n                                  ...props\n                                }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  SelectRoot,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectPrimitive,\n}\n"],"names":["SelectRoot","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","showIcon","rest","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","align","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}

package/Separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../src/Separator/Separator.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Separator(props: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\r\n  const {\r\n    className,\r\n    orientation = \"horizontal\",\r\n    decorative = true,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <SeparatorPrimitive.Root\r\n      data-slot=\"separator\"\r\n      decorative={decorative}\r\n      orientation={orientation}\r\n      className={cn(\r\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\r\n        className\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Separator }\r\n"],"names":["Separator","props","className","orientation","decorative","rest","jsx","SeparatorPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAUC,GAA6D;AAC9E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EAAA,IACDJ;AACJ,SACE,gBAAAK;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Separator.js","sources":["../../src/Separator/Separator.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Separator(props: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  const {\n    className,\n    orientation = \"horizontal\",\n    decorative = true,\n    ...rest\n  } = props;\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","props","className","orientation","decorative","rest","jsx","SeparatorPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAUC,GAA6D;AAC9E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EAAA,IACDJ;AACJ,SACE,gBAAAK;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../src/Sheet/Sheet.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { X } from 'lucide-react';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger\r\n\r\nconst SheetClose = SheetPrimitive.Close\r\n\r\nconst SheetPortal = SheetPrimitive.Portal\r\n\r\nconst SheetOverlay = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Overlay\r\n    className={cn(\r\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\r\n      className\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n))\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\r\n\r\nconst sheetVariants = cva(\r\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\r\n  {\r\n    variants: {\r\n      side: {\r\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n        bottom:\r\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\r\n        right:\r\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      side: \"right\",\r\n    },\r\n  }\r\n)\r\n\r\ninterface SheetContentProps\r\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\r\n    VariantProps<typeof sheetVariants> {\r\n  slotProps?: {\r\n    overlay?: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>;\r\n  }\r\n}\r\n\r\nconst SheetContent = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Content>,\r\n  SheetContentProps\r\n>(({ side = \"right\", className, children, slotProps, ...props }, ref) => (\r\n  <SheetPortal>\r\n    <SheetOverlay {...(slotProps?.overlay || {})}/>\r\n    <SheetPrimitive.Content\r\n      ref={ref}\r\n      className={cn(sheetVariants({ side }), className)}\r\n      {...props}\r\n    >\r\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\r\n        <X className=\"h-4 w-4\" />\r\n        <span className=\"sr-only\">Close</span>\r\n      </SheetPrimitive.Close>\r\n      {children}\r\n    </SheetPrimitive.Content>\r\n  </SheetPortal>\r\n))\r\nSheetContent.displayName = SheetPrimitive.Content.displayName\r\n\r\nconst SheetHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      \"flex flex-col space-y-2 text-center sm:text-left\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nSheetHeader.displayName = \"SheetHeader\"\r\n\r\nconst SheetFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nSheetFooter.displayName = \"SheetFooter\"\r\n\r\nconst SheetTitle = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\r\n    {...props}\r\n  />\r\n))\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName\r\n\r\nconst SheetDescription = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <SheetPrimitive.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm text-muted-foreground\", className)}\r\n    {...props}\r\n  />\r\n))\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName\r\n\r\nexport {\r\n  Sheet,\r\n  SheetPortal,\r\n  SheetOverlay,\r\n  SheetTrigger,\r\n  SheetClose,\r\n  SheetContent,\r\n  SheetHeader,\r\n  SheetFooter,\r\n  SheetTitle,\r\n  SheetDescription,\r\n}\r\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","slotProps","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;AASA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMW,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAAeR,EAAM,WAGzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,WAAAC,GAAW,GAAGT,EAAA,GAASC,wBAC9DL,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAM,EAACL,GAAA,EAAc,GAAIY,GAAW,WAAW,CAAA,EAAC,CAAG;AAAA,EAC7C,gBAAAC;AAAA,IAACjB,EAAe;AAAA,IAAf;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAA,CAAM,GAAGR,CAAS;AAAA,MAC/C,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU,EAACjB,EAAe,OAAf,EAAqB,WAAU,8OAC9B,UAAA;AAAA,UAAA,gBAAAS,EAACS,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,UACvB,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,GACjC;AAAA,QACCM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDF,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMmB,IAAc,CAAC;AAAA,EACnB,WAAAb;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAd;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFa,EAAY,cAAc;AAE1B,MAAMC,IAAahB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAW,cAAcrB,EAAe,MAAM;AAE9C,MAAMsB,IAAmBjB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAiB,cAActB,EAAe,YAAY;"}
+{"version":3,"file":"Sheet.js","sources":["../../src/Sheet/Sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {\n  slotProps?: {\n    overlay?: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>;\n  }\n}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, slotProps, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay {...(slotProps?.overlay || {})}/>\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n      {children}\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","slotProps","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;AASA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMW,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAAeR,EAAM,WAGzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,WAAAC,GAAW,GAAGT,EAAA,GAASC,wBAC9DL,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAM,EAACL,GAAA,EAAc,GAAIY,GAAW,WAAW,CAAA,EAAC,CAAG;AAAA,EAC7C,gBAAAC;AAAA,IAACjB,EAAe;AAAA,IAAf;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAA,CAAM,GAAGR,CAAS;AAAA,MAC/C,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU,EAACjB,EAAe,OAAf,EAAqB,WAAU,8OAC9B,UAAA;AAAA,UAAA,gBAAAS,EAACS,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,UACvB,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,GACjC;AAAA,QACCM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDF,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMmB,IAAc,CAAC;AAAA,EACnB,WAAAb;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAd;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFa,EAAY,cAAc;AAE1B,MAAMC,IAAahB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAW,cAAcrB,EAAe,MAAM;AAE9C,MAAMsB,IAAmBjB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAiB,cAActB,EAAe,YAAY;"}

package/Sidebar/Sidebar.js

@@ -1,16 +1,17 @@
 import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import { Input as _ } from "../Input/Input.js";
+import { Separator as I } from "../Separator/Separator.js";
+import { Sheet as z, SheetContent as B } from "../Sheet/Sheet.js";
+import { Skeleton as M } from "../Skeleton/Skeleton.js";
 import { Slot as g } from "@radix-ui/react-slot";
-import { cva as _ } from "class-variance-authority";
-import { PanelLeft as I } from "lucide-react";
+import { cva as E } from "class-variance-authority";
+import { PanelLeft as T } from "lucide-react";
 import * as i from "react";
 import { cn as o } from "@oneplatformdev/utils";
-import { useIsMobile as z } from "@oneplatformdev/hooks/useIsMobile";
-import { TooltipProvider as B, TooltipTrigger as E, TooltipContent as T } from "../Tooltip/TooltipRoot.js";
-import { Sheet as A, SheetContent as D } from "../Sheet/Sheet.js";
-import { Button as O } from "../Button/Button.js";
-import { Input as G } from "../Input/Input.js";
-import { Separator as H } from "../Separator/Separator.js";
-import { Skeleton as M } from "../Skeleton/Skeleton.js";
+import { useIsMobile as A } from "@oneplatformdev/hooks/useIsMobile";
+import { Button as D } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { TooltipProvider as O, TooltipTrigger as G, TooltipContent as H } from "../Tooltip/TooltipRoot.js";
 import { Tooltip as K } from "../Tooltip/Tooltip.js";
 const L = "sidebar:state", j = 3600 * 24 * 7, P = "16rem", $ = "18rem", V = "3rem", W = "b", R = i.createContext(null);
 function N() {
@@ -29,7 +30,7 @@ const q = i.forwardRef(
     children: s,
     ...c
   }, m) => {
-    const u = z(), [f, b] = i.useState(!1), [h, C] = i.useState(a), p = e ?? h, v = i.useCallback(
+    const u = A(), [f, b] = i.useState(!1), [h, C] = i.useState(a), p = e ?? h, v = i.useCallback(
       (l) => {
         if (t)
           return t?.(
@@ -57,7 +58,7 @@ const q = i.forwardRef(
       }),
       [y, p, v, u, f, b, x]
     );
-    return /* @__PURE__ */ r(R.Provider, { value: k, children: /* @__PURE__ */ r(B, { delayDuration: 0, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(R.Provider, { value: k, children: /* @__PURE__ */ r(O, { delayDuration: 0, children: /* @__PURE__ */ r(
       "div",
       {
         style: {
@@ -98,8 +99,8 @@ const F = i.forwardRef(
         ...s,
         children: n
       }
-    ) : m ? /* @__PURE__ */ r(A, { open: f, onOpenChange: b, ...s, children: /* @__PURE__ */ r(
-      D,
+    ) : m ? /* @__PURE__ */ r(z, { open: f, onOpenChange: b, ...s, children: /* @__PURE__ */ r(
+      B,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
@@ -161,7 +162,7 @@ F.displayName = "Sidebar";
 const U = i.forwardRef(({ className: a, onClick: e, children: t, ...d }, n) => {
   const { toggleSidebar: s } = N();
   return /* @__PURE__ */ S(
-    O,
+    D,
     {
       ref: n,
       "data-sidebar": "trigger",
@@ -173,7 +174,7 @@ const U = i.forwardRef(({ className: a, onClick: e, children: t, ...d }, n) => {
       },
       ...d,
       children: [
-        t || /* @__PURE__ */ r(I, {}),
+        t || /* @__PURE__ */ r(T, {}),
         /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -219,7 +220,7 @@ const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
 ));
 Y.displayName = "SidebarInset";
 const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  G,
+  _,
   {
     ref: t,
     "data-sidebar": "input",
@@ -252,7 +253,7 @@ const Z = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
 ));
 Z.displayName = "SidebarFooter";
 const ee = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  H,
+  I,
   {
     ref: t,
     "data-sidebar": "separator",
@@ -344,7 +345,7 @@ const ne = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   }
 ));
 ne.displayName = "SidebarMenuItem";
-const se = _(
+const se = E(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -387,9 +388,9 @@ const se = _(
     return n ? (typeof n == "string" && (n = {
       children: n
     }), /* @__PURE__ */ S(K, { children: [
-      /* @__PURE__ */ r(E, { asChild: !0, children: h }),
+      /* @__PURE__ */ r(G, { asChild: !0, children: h }),
       /* @__PURE__ */ r(
-        T,
+        H,
         {
           side: "right",
           align: "center",