@oneplatformdev/ui 0.0.1-beta.13 → 0.0.1-beta.130

package/RadioGroup/RadioGroup.mjs

@@ -1,31 +1,49 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-radio-group";
+import { Circle as c } from "lucide-react";
 import * as s from "react";
-import * as r from "@radix-ui/react-radio-group";
-import { Circle as m } from "lucide-react";
 import { cn as t } from "@oneplatformdev/utils";
-const d = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
-  r.Root,
+import { Label as p } from "../Label/Label.mjs";
+const f = s.forwardRef(({ className: r, ...a }, o) => /* @__PURE__ */ e(
+  i.Root,
   {
-    className: t("grid gap-2", o),
-    ...i,
-    ref: a
+    className: t("grid gap-0", r),
+    ...a,
+    ref: o
   }
 ));
-d.displayName = r.Root.displayName;
-const l = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
-  r.Item,
+f.displayName = i.Root.displayName;
+const m = s.forwardRef(({ className: r, ...a }, o) => /* @__PURE__ */ e(
+  i.Item,
   {
-    ref: a,
+    ref: o,
     className: t(
-      "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      o
+      "aspect-square size-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      r
     ),
-    ...i,
-    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "h-3.5 w-3.5 fill-primary" }) })
+    ...a,
+    children: /* @__PURE__ */ e(i.Indicator, { className: "flex items-center justify-center ", children: /* @__PURE__ */ e(c, { className: "size-2.5 fill-primary" }) })
   }
 ));
-l.displayName = r.Item.displayName;
+m.displayName = i.Item.displayName;
+const n = s.forwardRef(({ value: r, label: a, children: o }, d) => /* @__PURE__ */ l(
+  p,
+  {
+    ref: d,
+    htmlFor: r,
+    className: "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
+    children: [
+      /* @__PURE__ */ e(m, { value: r, id: r }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col w-full gap-3", children: [
+        /* @__PURE__ */ e("span", { className: "flex flex-col justify-start leading-[16px]", children: a }),
+        o
+      ] })
+    ]
+  }
+));
+n.displayName = "RadioGroupLabel";
 export {
-  d as RadioGroup,
-  l as RadioGroupItem
+  f as RadioGroup,
+  m as RadioGroupItem,
+  n as RadioGroupLabel
 };

package/RadioGroup/index.mjs

@@ -1,5 +1,6 @@
-import { RadioGroup as p, RadioGroupItem as a } from "./RadioGroup.mjs";
+import { RadioGroup as a, RadioGroupItem as p, RadioGroupLabel as d } from "./RadioGroup.mjs";
 export {
-  p as RadioGroup,
-  a as RadioGroupItem
+  a as RadioGroup,
+  p as RadioGroupItem,
+  d as RadioGroupLabel
 };

package/ScrollArea/ScrollArea.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as React from 'react';
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

package/ScrollArea/ScrollArea.mjs

@@ -1,38 +1,51 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as s from "react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-scroll-area";
-import { cn as t } from "@oneplatformdev/utils";
-const m = s.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ d(
+import * as t from "react";
+import { cn as s } from "@oneplatformdev/utils";
+const m = t.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ i(
   r.Root,
   {
     ref: c,
-    className: t("relative overflow-hidden", o),
+    className: s(
+      "relative overflow-hidden pr-2",
+      // '[&:has([data-orientation=vertical])]:pr-2',
+      o
+    ),
     ...a,
     children: [
       /* @__PURE__ */ e(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: l }),
-      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(d, {}),
       /* @__PURE__ */ e(r.Corner, {})
     ]
   }
 ));
 m.displayName = r.Root.displayName;
-const i = s.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
+const d = t.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
   r.ScrollAreaScrollbar,
   {
     ref: c,
     orientation: l,
-    className: t(
+    className: s(
       "flex touch-none select-none transition-colors",
-      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      "p-[1px] bg-[#DCDDE1] rounded-full",
+      l === "vertical" && "h-full w-1.5 border-l border-l-transparent",
+      l === "horizontal" && "h-1.5 flex-col border-t border-t-transparent",
       o
     ),
     ...a,
-    children: /* @__PURE__ */ e(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ e(
+      r.ScrollAreaThumb,
+      {
+        className: s(
+          "relative flex-1 rounded-full bg-border",
+          "bg-[#FCFCFC]"
+        )
+      }
+    )
   }
 ));
-i.displayName = r.ScrollAreaScrollbar.displayName;
+d.displayName = r.ScrollAreaScrollbar.displayName;
 export {
   m as ScrollArea,
-  i as ScrollBar
+  d as ScrollBar
 };

package/Search/Search.d.ts

@@ -1,4 +1,3 @@
 import { SearchProps } from './Search.types';
-import { FC } from 'react';
 
-export declare const Search: FC<SearchProps>;
+export declare const Search: (props: SearchProps) => import("react/jsx-runtime").JSX.Element;

package/Search/Search.mjs

@@ -1,30 +1,45 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as S } from "react";
-import { Input as f } from "../Input/Input.mjs";
-import { useDebounceCallback as v } from "@oneplatformdev/hooks";
-import { cn as d } from "@oneplatformdev/utils";
-const j = (t) => {
+import { jsx as t } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { Input as v } from "../Input/Input.mjs";
+import { useDebounceCallback as b } from "@oneplatformdev/hooks";
+import { cn as x } from "@oneplatformdev/utils";
+import { SearchIcon as I } from "lucide-react";
+import { LoadedIcon as C } from "../LoadedIcon/LoadedIcon.mjs";
+const L = (a) => {
   const {
-    search: a,
-    onChange: e,
-    onSearch: c,
+    search: c,
+    onChange: r,
+    onSearch: n,
     placeholder: s = "Search",
-    className: n,
-    ...m
-  } = t, [i, l] = S(a), h = v(c, 1e3), p = (r) => {
-    const u = r.target.value;
-    l(u), e == null || e(r), h(r.target.value);
+    className: m,
+    loading: i = !1,
+    slotProps: e,
+    name: p = "search",
+    ...l
+  } = a, [h, u] = g(c), f = b(n, 1e3), d = (o) => {
+    const S = o.target.value;
+    u(S), r == null || r(o), f(o.target.value);
   };
-  return /* @__PURE__ */ o("div", { className: d("space-y-4", n), children: /* @__PURE__ */ o(
-    f,
+  return /* @__PURE__ */ t(
+    v,
     {
+      name: p,
       placeholder: s,
-      value: i,
-      onChange: p,
-      ...m
+      value: h,
+      className: x("min-w-[340px]", m),
+      onChange: d,
+      ...l,
+      ...e || {},
+      slotProps: {
+        ...e || {},
+        input: {
+          startAdornment: /* @__PURE__ */ t(C, { loading: i, size: "sm", children: /* @__PURE__ */ t(I, {}) }),
+          ...(e == null ? void 0 : e.input) || {}
+        }
+      }
     }
-  ) });
+  );
 };
 export {
-  j as Search
+  L as Search
 };

package/Search/Search.types.d.ts

@@ -3,4 +3,5 @@ import { InputProps } from '../Input';
 export interface SearchProps extends InputProps {
     search: string;
     onSearch: (value?: string) => void;
+    loading?: boolean;
 }

package/Select/Select.mjs

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

package/Select/Select.types.d.ts

@@ -1,9 +1,12 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
-export interface SelectOption<ExtendOptionData> {
+import * as SelectPrimitive from '@radix-ui/react-select';
+export interface SelectOption<ExtendOptionData = unknown> {
     value: string;
     label?: ReactNode;
+    disabled?: boolean;
     data?: ExtendOptionData;
+    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;
@@ -15,7 +18,7 @@ export interface SelectProps<ExtendOptionData> {
     /** Select placeholder string. */
     placeholder?: string;
     /** Select Root onValueChange handler. */
-    onChange: (value: SelectOption<ExtendOptionData>['value']) => void;
+    onChange?: (value: SelectOption<ExtendOptionData>['value']) => void;
     /** Show reset select item button. */
     disabled?: boolean;
     /** Show reset select item button. */
@@ -26,4 +29,9 @@ export interface SelectProps<ExtendOptionData> {
     renderTrigger?: SelectRenderTrigger<ExtendOptionData>;
     /** Render custom option. */
     renderOption?: SelectRenderOption<ExtendOptionData>;
+    /** Select Slot props */
+    slotProps?: {
+        /** Select Default Trigger Props */
+        triggerProps?: ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+    };
 }

package/Select/SelectRoot.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+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>>;

package/Select/SelectRoot.mjs

@@ -1,14 +1,15 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
 import * as e from "@radix-ui/react-select";
-import { ChevronDown as i, ChevronUp as f, Check as u } from "lucide-react";
+import { ChevronDown as i, ChevronUp as u, Check as h } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
-const v = e.Root, R = e.Group, C = e.Value, h = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
   e.Trigger,
   {
     ref: d,
     className: s(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "[&>svg]:disabled:hidden",
       o
     ),
     ...a,
@@ -18,7 +19,7 @@ const v = e.Root, R = e.Group, C = e.Value, h = l.forwardRef(({ className: o, ch
     ]
   }
 ));
-h.displayName = e.Trigger.displayName;
+w.displayName = e.Trigger.displayName;
 const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.ScrollUpButton,
   {
@@ -28,7 +29,7 @@ const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
       o
     ),
     ...r,
-    children: /* @__PURE__ */ t(f, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ t(u, { className: "h-4 w-4" })
   }
 ));
 c.displayName = e.ScrollUpButton.displayName;
@@ -45,17 +46,21 @@ const m = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   }
 ));
 m.displayName = e.ScrollDownButton.displayName;
-const w = l.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, p) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
+const y = l.forwardRef(({ className: o, children: r, position: a = "popper", style: d, ...p }, f) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
   e.Content,
   {
-    ref: p,
+    ref: f,
     className: s(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
       a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       o
     ),
     position: a,
-    ...d,
+    style: {
+      pointerEvents: "auto",
+      ...d
+    },
+    ...p,
     children: [
       /* @__PURE__ */ t(c, {}),
       /* @__PURE__ */ t(
@@ -72,8 +77,8 @@ const w = l.forwardRef(({ className: o, children: r, position: a = "popper", ...
     ]
   }
 ) }));
-w.displayName = e.Content.displayName;
-const y = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+y.displayName = e.Content.displayName;
+const g = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.Label,
   {
     ref: a,
@@ -81,8 +86,8 @@ const y = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
     ...r
   }
 ));
-y.displayName = e.Label.displayName;
-const g = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+g.displayName = e.Label.displayName;
+const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
   e.Item,
   {
     ref: d,
@@ -92,13 +97,13 @@ const g = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ t(e.ItemText, { children: r })
     ]
   }
 ));
-g.displayName = e.Item.displayName;
-const N = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+N.displayName = e.Item.displayName;
+const x = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.Separator,
   {
     ref: a,
@@ -106,16 +111,16 @@ const N = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
     ...r
   }
 ));
-N.displayName = e.Separator.displayName;
+x.displayName = e.Separator.displayName;
 export {
-  w as SelectContent,
-  R as SelectGroup,
-  g as SelectItem,
-  y as SelectLabel,
-  v as SelectRoot,
+  y as SelectContent,
+  C as SelectGroup,
+  N as SelectItem,
+  g as SelectLabel,
+  R as SelectRoot,
   m as SelectScrollDownButton,
   c as SelectScrollUpButton,
-  N as SelectSeparator,
-  h as SelectTrigger,
-  C as SelectValue
+  x as SelectSeparator,
+  w as SelectTrigger,
+  I as SelectValue
 };

package/Sheet/Sheet.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
@@ -10,6 +10,9 @@ declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    slotProps?: {
+        overlay?: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>;
+    };
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {