@oneplatformdev/ui 0.0.1-beta.11

package/Progress/Progress.mjs

@@ -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 @@
+export * from './Progress';

package/Progress/index.mjs

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

package/Progress/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/README.md

@@ -0,0 +1,33 @@
+<!-- markdownlint-disable-next-line -->
+<p align="center">
+  <a href="https://github.com/oneplatformdev/core-web/tree/test" rel="noopener" target="_blank"><img width="150" height="133" src="https://github.com/oneplatformdev/core-web/blob/test/public/one_platform_demo_logo.png" alt="OnePlatform Dev"></a>
+</p>
+
+# @oneplatformdev/ui
+
+## Installation
+Install the package in your project directory with:
+
+<!-- #default-branch-switch -->
+npm:
+```bush
+npm install @oneplatformdev/ui lucide-react
+```
+yarn:
+```bush
+yarn add @oneplatformdev/ui lucide-react
+```
+
+## Documentation (currently unavailable)
+
+## Examples (currently unavailable)
+
+## License
+This project is licensed under the terms of the
+[MIT license](./LICENSE).
+
+## Usage
+```tsx
+import '@oneplatformdev/ui/index.css';
+import { Button } from '@oneplatformdev/ui';
+```

package/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+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>>;
+export { RadioGroup, RadioGroupItem };

package/RadioGroup/RadioGroup.mjs

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+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,
+  {
+    className: t("grid gap-2", o),
+    ...i,
+    ref: a
+  }
+));
+d.displayName = r.Root.displayName;
+const l = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
+  r.Item,
+  {
+    ref: a,
+    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
+    ),
+    ...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" }) })
+  }
+));
+l.displayName = r.Item.displayName;
+export {
+  d as RadioGroup,
+  l as RadioGroupItem
+};

package/RadioGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './RadioGroup';

package/RadioGroup/index.mjs

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

package/RadioGroup/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Resizable/Resizable.d.ts

@@ -0,0 +1,23 @@
+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<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string | undefined;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
+    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
+    onResize?: ResizablePrimitive.PanelOnResize | undefined;
+    order?: number | undefined;
+    style?: object | undefined;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import('react').ReactNode;
+} & 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 };

package/Resizable/Resizable.mjs

@@ -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-none 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 @@
+export * from './Resizable';

package/Resizable/index.mjs

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

package/Resizable/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/ScrollArea/ScrollArea.d.ts

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

@@ -0,0 +1,38 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+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(
+  r.Root,
+  {
+    ref: c,
+    className: t("relative overflow-hidden", o),
+    ...a,
+    children: [
+      /* @__PURE__ */ e(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: l }),
+      /* @__PURE__ */ e(i, {}),
+      /* @__PURE__ */ e(r.Corner, {})
+    ]
+  }
+));
+m.displayName = r.Root.displayName;
+const i = s.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
+  r.ScrollAreaScrollbar,
+  {
+    ref: c,
+    orientation: l,
+    className: t(
+      "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]",
+      o
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+i.displayName = r.ScrollAreaScrollbar.displayName;
+export {
+  m as ScrollArea,
+  i as ScrollBar
+};

package/ScrollArea/index.d.ts

@@ -0,0 +1 @@
+export * from './ScrollArea';

package/ScrollArea/index.mjs

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

package/ScrollArea/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Search/Search.d.ts

@@ -0,0 +1,4 @@
+import { SearchProps } from './Search.types';
+import { FC } from 'react';
+
+export declare const Search: FC<SearchProps>;

package/Search/Search.mjs

@@ -0,0 +1,30 @@
+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) => {
+  const {
+    search: a,
+    onChange: e,
+    onSearch: c,
+    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);
+  };
+  return /* @__PURE__ */ o("div", { className: d("space-y-4", n), children: /* @__PURE__ */ o(
+    f,
+    {
+      placeholder: s,
+      value: i,
+      onChange: p,
+      ...m
+    }
+  ) });
+};
+export {
+  j as Search
+};

package/Search/Search.types.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from '../Input';
+
+export interface SearchProps extends InputProps {
+    search: string;
+    onSearch: (value?: string) => void;
+}

package/Search/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Search';
+export { Search as default } from './Search';
+export type * from './Search.types';

package/Search/index.mjs

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

package/Search/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

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;

package/Select/Select.mjs

@@ -0,0 +1,72 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { Button as f } 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(
+    p,
+    {
+      value: t,
+      onValueChange: n,
+      disabled: r,
+      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
+            }
+          ))
+        ] })
+      ]
+    }
+  );
+};
+export {
+  T as Select
+};

package/Select/Select.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+
+export interface SelectOption<ExtendOptionData> {
+    value: string;
+    label?: ReactNode;
+    data?: 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>;
+}

package/Select/SelectRoot.d.ts

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

package/Select/SelectRoot.mjs

@@ -0,0 +1,121 @@
+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 { 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(
+  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",
+      o
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+h.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(f, { 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(i, { className: "h-4 w-4" })
+  }
+));
+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(
+  e.Content,
+  {
+    ref: p,
+    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,
+    children: [
+      /* @__PURE__ */ t(c, {}),
+      /* @__PURE__ */ t(
+        e.Viewport,
+        {
+          className: s(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: r
+        }
+      ),
+      /* @__PURE__ */ t(m, {})
+    ]
+  }
+) }));
+w.displayName = e.Content.displayName;
+const y = 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
+  }
+));
+y.displayName = e.Label.displayName;
+const g = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+  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-none 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(u, { 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(
+  e.Separator,
+  {
+    ref: a,
+    className: s("-mx-1 my-1 h-px bg-muted", o),
+    ...r
+  }
+));
+N.displayName = e.Separator.displayName;
+export {
+  w as SelectContent,
+  R as SelectGroup,
+  g as SelectItem,
+  y as SelectLabel,
+  v as SelectRoot,
+  m as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  N as SelectSeparator,
+  h as SelectTrigger,
+  C as SelectValue
+};

package/Select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SelectRoot';
+export * from './Select';
+export type * from './Select.types';

package/Select/index.mjs

@@ -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.mjs";
+import { Select as g } from "./Select.mjs";
+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/Select/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Separator/Separator.d.ts

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

package/Separator/Separator.mjs

@@ -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-[1px] w-full" : "h-full w-[1px]",
+        a
+      ),
+      ...m
+    }
+  )
+);
+s.displayName = o.Root.displayName;
+export {
+  s as Separator
+};