@oneplatformdev/ui 0.1.2-1 → 0.1.9-10

package/Search/Search.js

@@ -0,0 +1,45 @@
+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) => {
+  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);
+  };
+  return /* @__PURE__ */ r(
+    v,
+    {
+      name: l,
+      placeholder: c,
+      value: p,
+      className: b("min-w-[340px]", m),
+      onChange: f,
+      ...h,
+      ...e || {},
+      slotProps: {
+        ...e || {},
+        input: {
+          startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
+          ...e?.input || {}
+        }
+      }
+    }
+  );
+};
+export {
+  D as Search
+};

package/Search/Search.types.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '../Input';
+export interface SearchProps extends InputProps {
+    search: string;
+    onSearch: (value?: string) => void;
+    loading?: boolean;
+}
+//# sourceMappingURL=Search.types.d.ts.map

package/Search/Search.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.types.d.ts","sourceRoot":"","sources":["../../src/Search/Search.types.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/Search/Search.types.js

@@ -0,0 +1 @@
+

package/Search/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Search';
+export { Search as default } from './Search';
+export type * from './Search.types';
+//# sourceMappingURL=index.d.ts.map

package/Search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Search/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7C,mBAAmB,gBAAgB,CAAC"}

package/Search/index.js

@@ -0,0 +1,5 @@
+import { Search as r, Search as c } from "./Search.js";
+export {
+  r as Search,
+  c as default
+};

package/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from '../Select';
+export declare const Select: <ExtendOptionData>(props: SelectProps<ExtendOptionData>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/Select/Select.d.ts.map

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

package/Select/Select.js

@@ -0,0 +1,102 @@
+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 "../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,
+    {
+      value: e.value,
+      disabled: e.disabled,
+      className: "cursor-pointer",
+      style: { paddingLeft: `calc(8px + ${(o || 0) * 8}px)` },
+      children: [
+        !t && e.label,
+        t && /* @__PURE__ */ r(h, { children: typeof t == "function" ? t({ ...n }) : t })
+      ]
+    },
+    e.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,
+    l,
+    { ...a, options: l },
+    /* @__PURE__ */ r(c, { ...n })
+  ) }, e.value) : e.children?.length ? /* @__PURE__ */ d(
+    "div",
+    {
+      className: "flex flex-col gap-1 truncate line-clamp-2",
+      children: [
+        /* @__PURE__ */ r(c, { ...n }),
+        e.children?.map((i, s, g) => /* @__PURE__ */ m(
+          p,
+          {
+            ...n,
+            key: i.value,
+            option: i,
+            options: g,
+            index: s,
+            deep: (u || 0) + 1
+          }
+        ))
+      ]
+    },
+    e.value
+  ) : /* @__PURE__ */ r(c, { ...n });
+}, j = (n) => {
+  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,
+        {
+          className: "w-full px-2",
+          variant: "secondary",
+          size: "sm",
+          onClick: () => {
+            o?.("");
+          },
+          children: u
+        }
+      ),
+      e.map((i, s) => /* @__PURE__ */ m(
+        p,
+        {
+          ...n,
+          key: i.value,
+          option: i,
+          index: s,
+          deep: 0
+        }
+      ))
+    ] })
+  ] });
+};
+export {
+  j as Select
+};

package/Select/Select.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './Select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Select.stories.d.ts.map

package/Select/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAyB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

package/Select/Select.stories.js

@@ -0,0 +1,41 @@
+import { Select as e } from "./Select.js";
+const a = {
+  title: "Select",
+  component: e,
+  argTypes: {
+    value: { control: "text" },
+    options: { control: "object" },
+    onChange: { action: "changed" },
+    nullable: { control: "boolean" },
+    clearLabel: { control: "text" },
+    disabled: { control: "boolean" }
+  },
+  args: {
+    value: "",
+    options: [
+      { value: "option-0", label: "Option 0" },
+      { value: "option-1", label: "Option 1" },
+      { value: "option-2", label: "Option 2" },
+      { value: "option-3", label: "Option 3" },
+      { value: "option-4", label: "Option 4" }
+    ],
+    placeholder: "Select placeholder text",
+    nullable: !1,
+    clearLabel: "Clear button label text",
+    disabled: !1
+  }
+}, t = {
+  args: {
+    value: "",
+    nullable: !1,
+    clearLabel: "Clear",
+    disabled: !1,
+    onChange: (l) => {
+      console.log(l);
+    }
+  }
+};
+export {
+  t as Default,
+  a as default
+};

package/Select/Select.types.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+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;
+export interface SelectProps<ExtendOptionData> {
+    /** Render options. */
+    options: SelectOption<ExtendOptionData>[];
+    /** Current value. */
+    value?: SelectOption<ExtendOptionData>['value'];
+    /** Select placeholder string. */
+    placeholder?: string;
+    /** Select Root onValueChange handler. */
+    onChange?: (value: SelectOption<ExtendOptionData>['value']) => void;
+    /** Show reset select item button. */
+    disabled?: boolean;
+    /** Show reset select item button. */
+    nullable?: boolean;
+    /** label for nullable button. */
+    clearLabel?: string;
+    /** Render custom trigger. */
+    renderTrigger?: SelectRenderTrigger<ExtendOptionData>;
+    /** Render custom option. */
+    renderOption?: SelectRenderOption<ExtendOptionData>;
+    /** Select Slot props */
+    slotProps?: {
+        /** Select Default Trigger Props */
+        triggerProps?: ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+    };
+}
+//# sourceMappingURL=Select.types.d.ts.map

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

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

package/Select/Select.types.js

@@ -0,0 +1 @@
+

package/Select/SelectRoot.d.ts

@@ -0,0 +1,14 @@
+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, };
+//# sourceMappingURL=SelectRoot.d.ts.map

package/Select/SelectRoot.d.ts.map

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

package/Select/SelectRoot.js

@@ -0,0 +1,126 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import * as e from "@radix-ui/react-select";
+import { ChevronDown as n, ChevronUp as u, Check as h } from "lucide-react";
+import { cn as s } from "@oneplatformdev/utils";
+const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
+  e.Trigger,
+  {
+    ref: d,
+    className: s(
+      "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-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "disabled:[&>svg]:hidden",
+      o
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(n, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+w.displayName = e.Trigger.displayName;
+const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.ScrollUpButton,
+  {
+    ref: a,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      o
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(u, { className: "h-4 w-4" })
+  }
+));
+c.displayName = e.ScrollUpButton.displayName;
+const m = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.ScrollDownButton,
+  {
+    ref: a,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      o
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(n, { className: "h-4 w-4" })
+  }
+));
+m.displayName = e.ScrollDownButton.displayName;
+const y = l.forwardRef(({ className: o, children: r, position: a = "popper", style: d, ...p }, f) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ i(
+  e.Content,
+  {
+    ref: f,
+    className: s(
+      "relative z-50 max-h-96 min-w-32 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,
+    style: {
+      pointerEvents: "auto",
+      ...d
+    },
+    ...p,
+    children: [
+      /* @__PURE__ */ t(c, {}),
+      /* @__PURE__ */ t(
+        e.Viewport,
+        {
+          className: s(
+            "p-1",
+            a === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+          ),
+          children: r
+        }
+      ),
+      /* @__PURE__ */ t(m, {})
+    ]
+  }
+) }));
+y.displayName = e.Content.displayName;
+const g = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.Label,
+  {
+    ref: a,
+    className: s("px-2 py-1.5 text-sm font-semibold", o),
+    ...r
+  }
+));
+g.displayName = e.Label.displayName;
+const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
+  e.Item,
+  {
+    ref: d,
+    className: s(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      o
+    ),
+    ...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(h, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(e.ItemText, { children: r })
+    ]
+  }
+));
+N.displayName = e.Item.displayName;
+const x = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.Separator,
+  {
+    ref: a,
+    className: s("-mx-1 my-1 h-px bg-muted", o),
+    ...r
+  }
+));
+x.displayName = e.Separator.displayName;
+export {
+  y as SelectContent,
+  C as SelectGroup,
+  N as SelectItem,
+  g as SelectLabel,
+  R as SelectRoot,
+  m as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  x as SelectSeparator,
+  w as SelectTrigger,
+  I as SelectValue
+};

package/Select/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SelectRoot';
+export * from './Select';
+export type * from './Select.types';
+//# sourceMappingURL=index.d.ts.map

package/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,mBAAmB,gBAAgB,CAAA"}

package/Select/index.js

@@ -0,0 +1,15 @@
+import { SelectContent as l, SelectGroup as o, SelectItem as S, SelectLabel as c, SelectRoot as r, SelectScrollDownButton as n, SelectScrollUpButton as p, SelectSeparator as a, SelectTrigger as u, SelectValue as m } from "./SelectRoot.js";
+import { Select as g } from "./Select.js";
+export {
+  g as Select,
+  l as SelectContent,
+  o as SelectGroup,
+  S as SelectItem,
+  c as SelectLabel,
+  r as SelectRoot,
+  n as SelectScrollDownButton,
+  p as SelectScrollUpButton,
+  a as SelectSeparator,
+  u as SelectTrigger,
+  m as SelectValue
+};

package/Separator/Separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=Separator.d.ts.map

package/Separator/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,SAAS,6JAoBd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/Separator/Separator.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import * as o from "@radix-ui/react-separator";
+import { cn as l } from "@oneplatformdev/utils";
+const s = i.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ e(
+    o.Root,
+    {
+      ref: p,
+      decorative: t,
+      orientation: r,
+      className: l(
+        "shrink-0 bg-border",
+        r === "horizontal" ? "h-px w-full" : "h-full w-px",
+        a
+      ),
+      ...m
+    }
+  )
+);
+s.displayName = o.Root.displayName;
+export {
+  s as Separator
+};

package/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Separator';
+//# sourceMappingURL=index.d.ts.map

package/Separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/Separator/index.js

@@ -0,0 +1,4 @@
+import { Separator as a } from "./Separator.js";
+export {
+  a as Separator
+};

package/Sheet/Sheet.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+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>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import('class-variance-authority/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: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=Sheet.d.ts.map

package/Sheet/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../src/Sheet/Sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;KACzE,CAAA;CACF;AAED,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}

package/Sheet/Sheet.js

@@ -0,0 +1,110 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as r from "react";
+import * as e from "@radix-ui/react-dialog";
+import { cva as f } from "class-variance-authority";
+import { X as p } from "lucide-react";
+import { cn as i } from "@oneplatformdev/utils";
+const R = e.Root, T = e.Trigger, j = e.Close, h = e.Portal, n = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Overlay,
+  {
+    className: i(
+      "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",
+      t
+    ),
+    ...a,
+    ref: s
+  }
+));
+n.displayName = e.Overlay.displayName;
+const g = f(
+  "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",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        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",
+        right: "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"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+), u = r.forwardRef(({ side: t = "right", className: a, children: s, slotProps: l, ...m }, c) => /* @__PURE__ */ d(h, { children: [
+  /* @__PURE__ */ o(n, { ...l?.overlay || {} }),
+  /* @__PURE__ */ d(
+    e.Content,
+    {
+      ref: c,
+      className: i(g({ side: t }), a),
+      ...m,
+      children: [
+        /* @__PURE__ */ d(e.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", children: [
+          /* @__PURE__ */ o(p, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] }),
+        s
+      ]
+    }
+  )
+] }));
+u.displayName = e.Content.displayName;
+const y = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      t
+    ),
+    ...a
+  }
+);
+y.displayName = "SheetHeader";
+const x = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
+    ),
+    ...a
+  }
+);
+x.displayName = "SheetFooter";
+const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Title,
+  {
+    ref: s,
+    className: i("text-lg font-semibold text-foreground", t),
+    ...a
+  }
+));
+N.displayName = e.Title.displayName;
+const b = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Description,
+  {
+    ref: s,
+    className: i("text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+b.displayName = e.Description.displayName;
+export {
+  R as Sheet,
+  j as SheetClose,
+  u as SheetContent,
+  b as SheetDescription,
+  x as SheetFooter,
+  y as SheetHeader,
+  n as SheetOverlay,
+  h as SheetPortal,
+  N as SheetTitle,
+  T as SheetTrigger
+};