@oneplatformdev/ui 0.1.9-6 → 0.1.9

package/Progress/Progress.d.ts

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

package/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,QAAA,MAAM,QAAQ,2JAiBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/Progress/Progress.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+import * as r from "@radix-ui/react-progress";
+import { cn as i } from "@oneplatformdev/utils";
+const m = t.forwardRef(({ className: a, value: l, ...e }, s) => /* @__PURE__ */ o(
+  r.Root,
+  {
+    ref: s,
+    className: i(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      a
+    ),
+    ...e,
+    children: /* @__PURE__ */ o(
+      r.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (l || 0)}%)` }
+      }
+    )
+  }
+));
+m.displayName = r.Root.displayName;
+export {
+  m as Progress
+};

package/Progress/index.d.ts

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

package/Progress/index.d.ts.map

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

package/Progress/index.js

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

package/Radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RadioProps } from './Radio.types';
+export declare const Radio: FC<RadioProps>;
+//# sourceMappingURL=Radio.d.ts.map

package/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC"}

package/Radio/Radio.js

@@ -0,0 +1,12 @@
+import { jsx as n } from "react/jsx-runtime";
+import { RadioGroup as d, RadioGroupLabel as t } from "../RadioGroup/RadioGroup.js";
+const s = (u) => {
+  const { options: i = [], renderOption: r, ...a } = u;
+  return /* @__PURE__ */ n(d, { ...a, children: i.map((e) => {
+    const o = /* @__PURE__ */ n(t, { ...e }, e.value);
+    return !r || typeof r != "function" || !r?.(e, t) ? o : r?.(e, t);
+  }) });
+};
+export {
+  s as Radio
+};

package/Radio/Radio.types.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { RadioGroup, RadioGroupLabel } from '../RadioGroup/RadioGroup';
+export interface RadioOptionProps<Value extends string | number = string> {
+    value: Value;
+    label: ReactNode;
+}
+export interface RadioProps extends Partial<ComponentPropsWithoutRef<typeof RadioGroup>> {
+    options?: RadioOptionProps[];
+    renderOption?: (option: RadioOptionProps, DefaultOptionComponent: FC<ComponentPropsWithoutRef<typeof RadioGroupLabel>>) => ReactNode | null;
+}
+//# sourceMappingURL=Radio.types.d.ts.map

package/Radio/Radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IACtE,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UAChB,SAAQ,OAAO,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CACd,MAAM,EAAE,gBAAgB,EACxB,sBAAsB,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAC,KACxE,SAAS,GAAG,IAAI,CAAC;CACtB"}

package/Radio/Radio.types.js

@@ -0,0 +1 @@
+

package/Radio/index.d.ts

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

package/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,mBAAmB,kBAAkB,CAAC"}

package/Radio/index.js

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

package/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,12 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroupLabel: React.ForwardRefExoticComponent<{
+    label: React.ReactNode;
+    value: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { RadioGroup, RadioGroupItem, RadioGroupLabel };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,UAAU,+JAWd,CAAC;AAGH,QAAA,MAAM,cAAc,yKAkBlB,CAAC;AAGH,QAAA,MAAM,eAAe;WAEO,KAAK,CAAC,SAAS;WAAS,MAAM;;;0CAexD,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/RadioGroup/RadioGroup.js

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-radio-group";
+import { Circle as c } from "lucide-react";
+import * as s from "react";
+import { cn as t } from "@oneplatformdev/utils";
+import { Label as p } from "../Label/Label.js";
+const f = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
+  o.Root,
+  {
+    className: t("grid gap-0", r),
+    ...a,
+    ref: i
+  }
+));
+f.displayName = o.Root.displayName;
+const m = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
+  o.Item,
+  {
+    ref: i,
+    className: t(
+      "aspect-square size-4 rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      r
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(o.Indicator, { className: "flex items-center justify-center ", children: /* @__PURE__ */ e(c, { className: "size-2.5 fill-primary" }) })
+  }
+));
+m.displayName = o.Item.displayName;
+const n = s.forwardRef(({ value: r, label: a, children: i }, 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 }),
+        i
+      ] })
+    ]
+  }
+));
+n.displayName = "RadioGroupLabel";
+export {
+  f as RadioGroup,
+  m as RadioGroupItem,
+  n as RadioGroupLabel
+};

package/RadioGroup/index.d.ts

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

package/RadioGroup/index.d.ts.map

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

package/RadioGroup/index.js

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

package/Resizable/Resizable.d.ts

@@ -0,0 +1,24 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<any>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
+//# sourceMappingURL=Resizable.d.ts.map

package/Resizable/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAA;AAI5D,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAQ5D,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;oBAyB47D,qBAAsB;;;4EAzBv7D,CAAA;AAE/C,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,4CAcA,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/Resizable/Resizable.js

@@ -0,0 +1,36 @@
+import { jsx as e } from "react/jsx-runtime";
+import { GripVertical as n } from "lucide-react";
+import * as t from "react-resizable-panels";
+import { cn as i } from "@oneplatformdev/utils";
+const f = ({
+  className: a,
+  ...r
+}) => /* @__PURE__ */ e(
+  t.PanelGroup,
+  {
+    className: i(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      a
+    ),
+    ...r
+  }
+), d = t.Panel, p = ({
+  withHandle: a,
+  className: r,
+  ...l
+}) => /* @__PURE__ */ e(
+  t.PanelResizeHandle,
+  {
+    className: i(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      r
+    ),
+    ...l,
+    children: a && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e(n, { className: "h-2.5 w-2.5" }) })
+  }
+);
+export {
+  p as ResizableHandle,
+  d as ResizablePanel,
+  f as ResizablePanelGroup
+};

package/Resizable/index.d.ts

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

package/Resizable/index.d.ts.map

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

package/Resizable/index.js

@@ -0,0 +1,6 @@
+import { ResizableHandle as l, ResizablePanel as b, ResizablePanelGroup as i } from "./Resizable.js";
+export {
+  l as ResizableHandle,
+  b as ResizablePanel,
+  i as ResizablePanelGroup
+};

package/ScrollArea/ScrollArea.d.ts

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

package/ScrollArea/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU,+JAmBd,CAAC;AAGH,QAAA,MAAM,SAAS,wKAyBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/ScrollArea/ScrollArea.js

@@ -0,0 +1,51 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-scroll-area";
+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: 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(d, {}),
+      /* @__PURE__ */ e(r.Corner, {})
+    ]
+  }
+));
+m.displayName = r.Root.displayName;
+const d = t.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
+  r.ScrollAreaScrollbar,
+  {
+    ref: c,
+    orientation: l,
+    className: s(
+      "flex touch-none select-none transition-colors",
+      "p-px 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: s(
+          "relative flex-1 rounded-full bg-border",
+          "bg-[#FCFCFC]"
+        )
+      }
+    )
+  }
+));
+d.displayName = r.ScrollAreaScrollbar.displayName;
+export {
+  m as ScrollArea,
+  d as ScrollBar
+};

package/ScrollArea/index.d.ts

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

package/ScrollArea/index.d.ts.map

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

package/ScrollArea/index.js

@@ -0,0 +1,5 @@
+import { ScrollArea as o, ScrollBar as a } from "./ScrollArea.js";
+export {
+  o as ScrollArea,
+  a as ScrollBar
+};

package/Search/Search.d.ts

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

package/Search/Search.d.ts.map

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

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