@oneplatformdev/ui 0.0.1-beta.100

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/Radio/Radio.d.ts

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

package/Radio/Radio.mjs

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

package/Radio/Radio.types.d.ts

@@ -0,0 +1,11 @@
+import { RadioGroup, RadioGroupLabel } from '../RadioGroup/RadioGroup';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+
+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;
+}

package/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Radio';
+export type * from './Radio.types.ts';

package/Radio/index.mjs

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

package/Radio/package.json

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

package/RadioGroup/RadioGroup.d.ts

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

package/RadioGroup/RadioGroup.mjs

@@ -0,0 +1,49 @@
+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 { cn as t } from "@oneplatformdev/utils";
+import { Label as p } from "../Label/Label.mjs";
+const f = s.forwardRef(({ className: r, ...a }, o) => /* @__PURE__ */ e(
+  i.Root,
+  {
+    className: t("grid gap-0", r),
+    ...a,
+    ref: o
+  }
+));
+f.displayName = i.Root.displayName;
+const m = s.forwardRef(({ className: r, ...a }, o) => /* @__PURE__ */ e(
+  i.Item,
+  {
+    ref: o,
+    className: t(
+      "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
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(i.Indicator, { className: "flex items-center justify-center ", children: /* @__PURE__ */ e(c, { className: "size-2.5 fill-primary" }) })
+  }
+));
+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 {
+  f as RadioGroup,
+  m as RadioGroupItem,
+  n as RadioGroupLabel
+};

package/RadioGroup/index.d.ts

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

package/RadioGroup/index.mjs

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

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 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

@@ -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-[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: 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 @@
+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,103 @@
+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 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: e.value,
+      disabled: e.disabled,
+      className: "cursor-pointer",
+      style: { paddingLeft: `calc(8px + ${(l || 0) * 8}px)` },
+      children: [
+        !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 {
+  w as Select
+};

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>;
+    };
+}

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, };