@oneplatformdev/ui 0.1.10-11 → 0.1.10-111

package/ScrollArea/index.js

@@ -1,5 +1,8 @@
-import { ScrollArea as o, ScrollBar as a } from "./ScrollArea.js";
+import { ScrollArea as e, ScrollBar as a } from "./ScrollArea.js";
+import * as r from "@radix-ui/react-scroll-area";
 export {
-  o as ScrollArea,
+  e as ScrollArea,
+  r as ScrollAreaPrimitive,
   a as ScrollBar
 };
+//# sourceMappingURL=index.js.map

package/ScrollArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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,4CA4CxC,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,4CAgDxC,CAAC"}

package/Search/Search.js

@@ -1,45 +1,48 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { Input as v } from "../Input/Input.js";
-import { useDebounceCallback as C } from "@oneplatformdev/hooks";
-import { cn as b } from "@oneplatformdev/utils";
-import { SearchIcon as x } from "lucide-react";
-import { LoadedIcon as I } from "../LoadedIcon/LoadedIcon.js";
-const D = (a) => {
+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 { SearchIcon as I } from "lucide-react";
+import { LoadedIcon as N } from "../LoadedIcon/LoadedIcon.js";
+const E = (n) => {
   const {
-    search: t,
-    onChange: n,
-    onSearch: s,
-    placeholder: c = "Search",
-    className: m,
-    loading: i = !1,
-    slotProps: e,
-    name: l = "search",
-    ...h
-  } = a, [p, u] = g(t), d = C(s, 1e3), f = (o) => {
-    const S = o.target.value;
-    u(S), n?.(o), d(o.target.value);
+    search: e,
+    onChange: s,
+    onSearch: c,
+    placeholder: m = "Search",
+    className: i,
+    loading: l = !1,
+    slotProps: o,
+    name: h = "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);
   };
-  return /* @__PURE__ */ r(
-    v,
+  return v(() => {
+    a(e ?? "");
+  }, [e]), /* @__PURE__ */ t(
+    C,
     {
-      name: l,
-      placeholder: c,
-      value: p,
-      className: b("min-w-[340px]", m),
-      onChange: f,
-      ...h,
-      ...e || {},
+      name: h,
+      placeholder: m,
+      value: u,
+      className: x("min-w-[340px]", i),
+      onChange: d,
+      ...p,
+      ...o || {},
       slotProps: {
-        ...e || {},
+        ...o || {},
         input: {
-          startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
-          ...e?.input || {}
+          startAdornment: /* @__PURE__ */ t(N, { loading: l, size: "sm", children: /* @__PURE__ */ t(I, {}) }),
+          ...o?.input || {}
         }
       }
     }
   );
 };
 export {
-  D as Search
+  E as Search
 };
+//# sourceMappingURL=Search.js.map

package/Search/Search.js.map

@@ -0,0 +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;"}

package/Search/Search.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=Search.types.js.map

package/Search/Search.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Search/index.js

@@ -3,3 +3,4 @@ export {
   r as Search,
   c as default
 };
+//# sourceMappingURL=index.js.map

package/Search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAsHnB,eAAO,MAAM,MAAM,GAAI,gBAAgB,EACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,4CAuCrC,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,4CAwCrC,CAAC"}

package/Select/Select.js

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

package/Select/Select.js.map

@@ -0,0 +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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"}

package/Select/Select.stories.js

@@ -39,3 +39,4 @@ export {
   t as Default,
   a as default
 };
+//# sourceMappingURL=Select.stories.js.map

package/Select/Select.stories.js.map

@@ -0,0 +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;"}

package/Select/Select.types.d.ts

@@ -1,4 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import { SelectContent } from './SelectRoot';
 import * as SelectPrimitive from '@radix-ui/react-select';
 export interface SelectOption<ExtendOptionData = unknown> {
     value: string;
@@ -8,7 +9,7 @@ export interface SelectOption<ExtendOptionData = unknown> {
     children?: SelectOption<ExtendOptionData>[];
 }
 export type SelectRenderTrigger<ExtendOptionData> = (props: Omit<SelectProps<ExtendOptionData>, 'renderTrigger'>, defaultComponent: ReactNode) => ReactNode;
-export type SelectRenderOption<ExtendOptionData> = (option: SelectOption<ExtendOptionData>, index: number, options: SelectOption<ExtendOptionData>[], props: Omit<SelectProps<ExtendOptionData>, 'renderOption'>, defaultComponent: ReactNode) => ReactNode;
+export type SelectRenderOption<ExtendOptionData> = (option: SelectOption<ExtendOptionData>, index: number, options: SelectOption<ExtendOptionData>[], props: Omit<SelectProps<ExtendOptionData>, 'renderOption'>, defaultComponent: ReactNode) => ReactElement;
 export interface SelectProps<ExtendOptionData> {
     /** Render options. */
     options: SelectOption<ExtendOptionData>[];
@@ -32,6 +33,8 @@ export interface SelectProps<ExtendOptionData> {
     slotProps?: {
         /** Select Default Trigger Props */
         triggerProps?: ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+        /** Select Content Props */
+        selectProps?: ComponentPropsWithoutRef<typeof SelectContent>;
     };
 }
 //# sourceMappingURL=Select.types.d.ts.map

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,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,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,SAAS,CAAC;AAEf,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;KACzE,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,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/Select.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=Select.types.js.map

package/Select/Select.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Select/SelectRoot.d.ts

@@ -1,14 +1,17 @@
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-declare const SelectRoot: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { SelectRoot, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function SelectRoot({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger(props: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { SelectRoot, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectPrimitive, };
 //# sourceMappingURL=SelectRoot.d.ts.map

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,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,UAAU,uCAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAkBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAiCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,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,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"}