@oneplatformdev/ui 0.1.10-3 → 0.1.10-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/Accordion/index.js +7 -0
  2. package/{ui4.js → Alert/Alert.js} +1 -1
  3. package/Alert/index.js +6 -0
  4. package/{ui6.js → AlertDialog/AlertDialog.js} +1 -1
  5. package/AlertDialog/AlertDialog.stories.js +121 -0
  6. package/AlertDialog/AlertDialog.types.js +1 -0
  7. package/{ui5.js → AlertDialog/AlertDialogRoot.js} +33 -32
  8. package/AlertDialog/index.js +16 -0
  9. package/{ui7.js → AreaChart/AreaChart.js} +1 -1
  10. package/AreaChart/AreaChart.types.js +1 -0
  11. package/AreaChart/index.js +4 -0
  12. package/{ui8.js → Aside/Aside.js} +1 -1
  13. package/Aside/Aside.types.js +1 -0
  14. package/{ui9.js → Aside/AsideSidebar.js} +1 -1
  15. package/Aside/index.js +7 -0
  16. package/AspectRatio/index.js +5 -0
  17. package/Avatar/index.js +6 -0
  18. package/{ui12.js → Badge/Badge.js} +1 -1
  19. package/Badge/Badge.types.js +1 -0
  20. package/Badge/index.js +6 -0
  21. package/Breadcrumb/index.js +10 -0
  22. package/{ui15.js → Button/Button.js} +6 -5
  23. package/Button/Button.stories.js +20 -0
  24. package/Button/Button.types.js +1 -0
  25. package/Button/index.js +7 -0
  26. package/{ui17.js → ButtonIcon/ButtonIcon.js} +5 -4
  27. package/ButtonIcon/ButtonIcon.stories.js +126 -0
  28. package/ButtonIcon/ButtonIcon.types.js +1 -0
  29. package/ButtonIcon/index.js +7 -0
  30. package/CHANGELOG.md +8 -0
  31. package/{ui19.js → Calendar/Calendar.js} +2 -1
  32. package/Calendar/index.js +4 -0
  33. package/Card/index.js +9 -0
  34. package/{ui21.js → Carousel/Carousel.js} +7 -6
  35. package/Carousel/index.js +8 -0
  36. package/Chart/index.js +9 -0
  37. package/{ui23.js → Checkbox/Checkbox.js} +19 -18
  38. package/Checkbox/Checkbox.types.js +1 -0
  39. package/Checkbox/index.js +5 -0
  40. package/Collapsible/index.js +6 -0
  41. package/{ui25.js → Combobox/Combobox.js} +38 -36
  42. package/Combobox/Combobox.types.js +1 -0
  43. package/Combobox/ComboboxOptionItem.d.ts +1 -1
  44. package/Combobox/ComboboxOptionItem.d.ts.map +1 -1
  45. package/{ui98.js → Combobox/ComboboxOptionItem.js} +16 -17
  46. package/Combobox/ComboboxOptions.js +64 -0
  47. package/Combobox/index.js +4 -0
  48. package/{ui26.js → Command/Command.js} +20 -19
  49. package/Command/index.js +12 -0
  50. package/{ui27.js → DataTable/DataTable.js} +13 -12
  51. package/DataTable/DataTable.types.js +1 -0
  52. package/DataTable/DataTableColumnFilter.js +31 -0
  53. package/DataTable/index.js +4 -0
  54. package/DataTable/useDataTable.js +30 -0
  55. package/{ui28.js → DatePicker/DatePicker.js} +15 -14
  56. package/DatePicker/DatePicker.types.js +1 -0
  57. package/DatePicker/index.js +5 -0
  58. package/{ui29.js → Dialog/Dialog.js} +1 -1
  59. package/Dialog/index.js +17 -0
  60. package/Drawer/index.js +13 -0
  61. package/{ui32.js → DropdownMenu/DropdownMenu.js} +5 -5
  62. package/DropdownMenu/index.js +18 -0
  63. package/{ui85.js → Dropzone/Dropzone.js} +5 -5
  64. package/{ui93.js → Dropzone/DropzoneFilePreview.js} +2 -2
  65. package/{ui94.js → Dropzone/DropzoneSinglePickPreview.js} +1 -1
  66. package/Dropzone/index.js +7 -0
  67. package/{ui33.js → Form/Form.js} +9 -8
  68. package/{ui34.js → Form/FormRenderControl.js} +1 -1
  69. package/Form/FormRenderControl.types.js +1 -0
  70. package/Form/index.js +13 -0
  71. package/{ui35.js → FormCheckbox/FormCheckbox.js} +5 -5
  72. package/FormCheckbox/FormCheckbox.types.js +1 -0
  73. package/FormCheckbox/index.js +4 -0
  74. package/{ui36.js → FormCombobox/FormCombobox.js} +5 -5
  75. package/FormCombobox/FormCombobox.types.js +1 -0
  76. package/FormCombobox/index.js +4 -0
  77. package/{ui37.js → FormDatePicker/FormDatePicker.js} +5 -5
  78. package/FormDatePicker/FormDatePicker.types.js +1 -0
  79. package/FormDatePicker/index.js +5 -0
  80. package/FormDropzone/FormDropzone.js +19 -0
  81. package/FormDropzone/FormDropzone.types.js +1 -0
  82. package/FormDropzone/index.js +4 -0
  83. package/{ui38.js → FormInput/FormInput.js} +7 -7
  84. package/FormInput/FormInput.types.js +1 -0
  85. package/FormInput/index.js +4 -0
  86. package/FormRadio/FormRadio.js +40 -0
  87. package/FormRadio/FormRadio.types.d.ts +1 -1
  88. package/FormRadio/FormRadio.types.js +1 -0
  89. package/FormRadio/index.js +4 -0
  90. package/FormSelect/FormSelect.js +40 -0
  91. package/FormSelect/FormSelect.types.js +1 -0
  92. package/FormSelect/index.js +4 -0
  93. package/{ui40.js → FormTextarea/FormTextarea.js} +5 -5
  94. package/FormTextarea/FormTextarea.types.js +1 -0
  95. package/FormTextarea/index.js +4 -0
  96. package/{ui41.js → Header/Header.js} +2 -2
  97. package/Header/Header.types.js +1 -0
  98. package/Header/index.js +5 -0
  99. package/HoverCard/index.js +6 -0
  100. package/{ui43.js → Input/Input.js} +1 -1
  101. package/Input/Input.types.js +1 -0
  102. package/Input/index.js +7 -0
  103. package/InputOTP/index.js +7 -0
  104. package/{ui45.js → Label/Label.js} +1 -1
  105. package/Label/index.js +6 -0
  106. package/LazyLoader/LazyLoader.js +8 -0
  107. package/LazyLoader/index.js +5 -0
  108. package/LoadedIcon/index.js +4 -0
  109. package/{ui49.js → LoadingMask/LoadingMask.js} +1 -1
  110. package/LoadingMask/LoadingMask.types.js +1 -0
  111. package/LoadingMask/index.js +6 -0
  112. package/{ui51.js → LoadingProgress/LoadingProgress.js} +1 -1
  113. package/LoadingProgress/LoadingProgress.types.js +1 -0
  114. package/LoadingProgress/index.js +6 -0
  115. package/{ui53.js → Menubar/Menubar.js} +4 -4
  116. package/Menubar/index.js +19 -0
  117. package/{ui54.js → NavigationMenu/NavigationMenu.js} +1 -1
  118. package/NavigationMenu/index.js +13 -0
  119. package/{ui56.js → Pagination/Pagination.js} +2 -1
  120. package/Pagination/index.js +10 -0
  121. package/{ui57.js → Popover/Popover.js} +1 -1
  122. package/Popover/index.js +7 -0
  123. package/Progress/index.js +4 -0
  124. package/Radio/Radio.js +12 -0
  125. package/Radio/Radio.types.js +1 -0
  126. package/Radio/index.js +4 -0
  127. package/{ui59.js → RadioGroup/RadioGroup.js} +1 -1
  128. package/RadioGroup/index.js +6 -0
  129. package/Resizable/index.js +6 -0
  130. package/ScrollArea/index.js +5 -0
  131. package/{ui62.js → Search/Search.js} +9 -9
  132. package/Search/Search.types.js +1 -0
  133. package/Search/index.js +5 -0
  134. package/{ui64.js → Select/Select.js} +25 -24
  135. package/Select/Select.stories.js +41 -0
  136. package/Select/Select.types.js +1 -0
  137. package/{ui63.js → Select/SelectRoot.js} +3 -3
  138. package/Select/index.js +15 -0
  139. package/Separator/index.js +4 -0
  140. package/Sheet/index.js +13 -0
  141. package/{ui67.js → Sidebar/Sidebar.js} +16 -15
  142. package/Sidebar/index.js +27 -0
  143. package/Skeleton/index.js +4 -0
  144. package/Slider/index.js +4 -0
  145. package/Sonner/index.js +4 -0
  146. package/Switch/index.js +4 -0
  147. package/Table/index.js +11 -0
  148. package/{ui88.js → TablePagination/TablePagination.js} +16 -14
  149. package/TablePagination/index.js +4 -0
  150. package/{ui74.js → Tabs/Tabs.js} +1 -1
  151. package/Tabs/Tabs.types.js +1 -0
  152. package/Tabs/index.js +10 -0
  153. package/{ui75.js → Textarea/Textarea.js} +1 -1
  154. package/Textarea/Textarea.types.js +1 -0
  155. package/Textarea/index.js +4 -0
  156. package/Textarea/useAutosizeTextArea.d.ts +1 -1
  157. package/{ui77.js → Theme/ThemeModeToggle.js} +6 -5
  158. package/Theme/index.js +6 -0
  159. package/{ui78.js → Toast/Toast.js} +1 -1
  160. package/Toast/Toast.types.js +1 -0
  161. package/Toast/index.js +15 -0
  162. package/Toast/toast.constants.js +9 -0
  163. package/{ui80.js → Toaster/Toaster.js} +2 -2
  164. package/Toaster/index.js +4 -0
  165. package/Toggle/index.js +5 -0
  166. package/{ui82.js → ToggleGroup/ToggleGroup.js} +1 -1
  167. package/ToggleGroup/index.js +5 -0
  168. package/{ui84.js → Tooltip/Tooltip.js} +1 -1
  169. package/Tooltip/Tooltip.types.js +1 -0
  170. package/Tooltip/index.js +9 -0
  171. package/{ui97.js → hooks/dist/useIsMobile/useIsMobile.js} +5 -5
  172. package/{ui.js → index.js} +87 -87
  173. package/package.json +6 -16
  174. package/ui39.js +0 -39
  175. package/ui47.js +0 -7
  176. package/ui87.js +0 -19
  177. package/ui91.js +0 -63
  178. /package/{ui3.js → Accordion/Accordion.js} +0 -0
  179. /package/{ui89.js → Alert/alertVariants.js} +0 -0
  180. /package/{ui10.js → AspectRatio/AspectRatio.js} +0 -0
  181. /package/{ui11.js → Avatar/Avatar.js} +0 -0
  182. /package/{ui13.js → Badge/badgeVariants.js} +0 -0
  183. /package/{ui14.js → Breadcrumb/Breadcrumb.js} +0 -0
  184. /package/{ui16.js → Button/buttonVariants.js} +0 -0
  185. /package/{ui18.js → ButtonIcon/buttonIconVariants.js} +0 -0
  186. /package/{ui20.js → Card/Card.js} +0 -0
  187. /package/{ui22.js → Chart/Chart.js} +0 -0
  188. /package/{ui24.js → Collapsible/Collapsible.js} +0 -0
  189. /package/{ui30.js → Dialog/DialogOverlayScope.js} +0 -0
  190. /package/{ui31.js → Drawer/Drawer.js} +0 -0
  191. /package/{ui86.js → Dropzone/Dropzone.types.js} +0 -0
  192. /package/{ui95.js → Dropzone/DropzoneUtils.js} +0 -0
  193. /package/{ui42.js → HoverCard/HoverCard.js} +0 -0
  194. /package/{ui90.js → Input/inputVariants.js} +0 -0
  195. /package/{ui44.js → InputOTP/InputOTP.js} +0 -0
  196. /package/{ui46.js → Label/labelVariants.js} +0 -0
  197. /package/{ui48.js → LoadedIcon/LoadedIcon.js} +0 -0
  198. /package/{ui50.js → LoadingMask/RenderLoadingMask.js} +0 -0
  199. /package/{ui52.js → LoadingProgress/loadingProgressVariants.js} +0 -0
  200. /package/{ui55.js → NavigationMenu/navigationMenuVariants.js} +0 -0
  201. /package/{ui58.js → Progress/Progress.js} +0 -0
  202. /package/{ui60.js → Resizable/Resizable.js} +0 -0
  203. /package/{ui61.js → ScrollArea/ScrollArea.js} +0 -0
  204. /package/{ui65.js → Separator/Separator.js} +0 -0
  205. /package/{ui66.js → Sheet/Sheet.js} +0 -0
  206. /package/{ui68.js → Skeleton/Skeleton.js} +0 -0
  207. /package/{ui69.js → Slider/Slider.js} +0 -0
  208. /package/{ui70.js → Sonner/Sonner.js} +0 -0
  209. /package/{ui71.js → Switch/Switch.js} +0 -0
  210. /package/{ui72.js → Table/Table.js} +0 -0
  211. /package/{ui73.js → Tabs/TabsRoot.js} +0 -0
  212. /package/{ui96.js → Textarea/useAutosizeTextArea.js} +0 -0
  213. /package/{ui76.js → Theme/ThemeProvider.js} +0 -0
  214. /package/{ui92.js → Toast/toastVariants.js} +0 -0
  215. /package/{ui79.js → Toast/useToast.js} +0 -0
  216. /package/{ui81.js → Toggle/Toggle.js} +0 -0
  217. /package/{ui83.js → Tooltip/TooltipRoot.js} +0 -0
@@ -0,0 +1,40 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { FormControl as g } from "../Form/Form.js";
3
+ import { FormRenderControl as C } from "../Form/FormRenderControl.js";
4
+ import "../Select/SelectRoot.js";
5
+ import { Select as f } from "../Select/Select.js";
6
+ const S = (n) => {
7
+ const {
8
+ form: t,
9
+ label: m,
10
+ name: i,
11
+ options: p = [],
12
+ onChange: a,
13
+ containerProps: l,
14
+ ...c
15
+ } = n;
16
+ return /* @__PURE__ */ o(
17
+ C,
18
+ {
19
+ form: t,
20
+ name: i,
21
+ label: m,
22
+ containerProps: l,
23
+ render: ({ field: e }) => /* @__PURE__ */ o(
24
+ f,
25
+ {
26
+ value: e.value,
27
+ options: p,
28
+ onChange: (r) => {
29
+ e.onChange(r), a?.(r);
30
+ },
31
+ renderTrigger: (r, s) => /* @__PURE__ */ o(g, { children: s }),
32
+ ...c
33
+ }
34
+ )
35
+ }
36
+ );
37
+ };
38
+ export {
39
+ S as FormSelect
40
+ };
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,4 @@
1
+ import { FormSelect as r } from "./FormSelect.js";
2
+ export {
3
+ r as FormSelect
4
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { Textarea as p } from "./ui75.js";
3
- import { FormRenderControl as i } from "./ui34.js";
4
- import { FormControl as s } from "./ui33.js";
2
+ import { FormControl as p } from "../Form/Form.js";
3
+ import { FormRenderControl as i } from "../Form/FormRenderControl.js";
4
+ import { Textarea as s } from "../Textarea/Textarea.js";
5
5
  const F = (e) => {
6
6
  const { form: t, label: m, name: n, containerProps: a, ...l } = e;
7
7
  return /* @__PURE__ */ r(
@@ -11,8 +11,8 @@ const F = (e) => {
11
11
  name: n,
12
12
  label: m,
13
13
  containerProps: a,
14
- render: ({ field: o }) => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
15
- p,
14
+ render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
15
+ s,
16
16
  {
17
17
  ...o,
18
18
  value: o.value || "",
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,4 @@
1
+ import { FormTextarea as o } from "./FormTextarea.js";
2
+ export {
3
+ o as FormTextarea
4
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
- import { SidebarTrigger as t } from "./ui67.js";
3
- import { Separator as l } from "./ui65.js";
2
+ import { SidebarTrigger as t } from "../Sidebar/Sidebar.js";
3
+ import { Separator as l } from "../Separator/Separator.js";
4
4
  const m = (s) => {
5
5
  const {
6
6
  children: r,
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,5 @@
1
+ import { Header as r, Header as d } from "./Header.js";
2
+ export {
3
+ r as Header,
4
+ d as default
5
+ };
@@ -0,0 +1,6 @@
1
+ import { HoverCard as o, HoverCardContent as C, HoverCardTrigger as a } from "./HoverCard.js";
2
+ export {
3
+ o as HoverCard,
4
+ C as HoverCardContent,
5
+ a as HoverCardTrigger
6
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsxs as N, jsx as s } from "react/jsx-runtime";
2
2
  import c, { useState as b } from "react";
3
3
  import { Eye as v, EyeOff as h } from "lucide-react";
4
- import { inputVariants as P } from "./ui90.js";
4
+ import { inputVariants as P } from "./inputVariants.js";
5
5
  import { cn as p } from "@oneplatformdev/utils";
6
6
  const m = c.forwardRef(
7
7
  (t, a) => {
@@ -0,0 +1 @@
1
+
package/Input/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import { BaseInput as u, Input as a, PasswordInput as n, Input as s } from "./Input.js";
2
+ export {
3
+ u as BaseInput,
4
+ a as Input,
5
+ n as PasswordInput,
6
+ s as default
7
+ };
@@ -0,0 +1,7 @@
1
+ import { InputOTP as o, InputOTPGroup as r, InputOTPSeparator as u, InputOTPSlot as n } from "./InputOTP.js";
2
+ export {
3
+ o as InputOTP,
4
+ r as InputOTPGroup,
5
+ u as InputOTPSeparator,
6
+ n as InputOTPSlot
7
+ };
@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
2
2
  import * as i from "react";
3
3
  import * as o from "@radix-ui/react-label";
4
4
  import { cn as e } from "@oneplatformdev/utils";
5
- import { labelVariants as s } from "./ui46.js";
5
+ import { labelVariants as s } from "./labelVariants.js";
6
6
  const p = i.forwardRef(({ className: a, ...r }, m) => /* @__PURE__ */ t(
7
7
  o.Root,
8
8
  {
package/Label/index.js ADDED
@@ -0,0 +1,6 @@
1
+ import { Label as e } from "./Label.js";
2
+ import { labelVariants as l } from "./labelVariants.js";
3
+ export {
4
+ e as Label,
5
+ l as labelVariants
6
+ };
@@ -0,0 +1,8 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { Suspense as a } from "react";
3
+ import { LoadingMask as e } from "../LoadingMask/LoadingMask.js";
4
+ import "../LoadingMask/RenderLoadingMask.js";
5
+ const s = (r, m = !0) => (t) => /* @__PURE__ */ o(a, { fallback: m ? /* @__PURE__ */ o(e, {}) : null, children: /* @__PURE__ */ o(r, { ...t }) });
6
+ export {
7
+ s as LazyLoader
8
+ };
@@ -0,0 +1,5 @@
1
+ import { LazyLoader as o, LazyLoader as r } from "./LazyLoader.js";
2
+ export {
3
+ o as LazyLoader,
4
+ r as default
5
+ };
@@ -0,0 +1,4 @@
1
+ import { LoadedIcon as e } from "./LoadedIcon.js";
2
+ export {
3
+ e as LoadedIcon
4
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { RenderLoadingMask as r } from "./ui50.js";
2
+ import { RenderLoadingMask as r } from "./RenderLoadingMask.js";
3
3
  import { cn as o } from "@oneplatformdev/utils";
4
4
  const f = (t) => {
5
5
  const { fullWidth: s = !1, className: i, ...n } = t;
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,6 @@
1
+ import { LoadingMask as a } from "./LoadingMask.js";
2
+ import { RenderLoadingMask as d } from "./RenderLoadingMask.js";
3
+ export {
4
+ a as LoadingMask,
5
+ d as RenderLoadingMask
6
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { cn as r } from "@oneplatformdev/utils";
3
- import { loadingProgressVariants as a } from "./ui52.js";
3
+ import { loadingProgressVariants as a } from "./loadingProgressVariants.js";
4
4
  const f = (e) => {
5
5
  const { className: s, fullWidth: t = !1, size: i, color: l, wrapClassName: n } = e;
6
6
  return /* @__PURE__ */ o(
@@ -0,0 +1,6 @@
1
+ import { LoadingProgress as s } from "./LoadingProgress.js";
2
+ import { loadingProgressVariants as e } from "./loadingProgressVariants.js";
3
+ export {
4
+ s as LoadingProgress,
5
+ e as loadingProgressVariants
6
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as c } from "react/jsx-runtime";
2
2
  import * as d from "react";
3
3
  import * as e from "@radix-ui/react-menubar";
4
- import { Check as m, Circle as u, ChevronRight as p } from "lucide-react";
4
+ import { ChevronRight as m, Check as u, Circle as p } from "lucide-react";
5
5
  import { cn as s } from "@oneplatformdev/utils";
6
6
  const k = e.Menu, z = e.Group, T = e.Portal, j = e.Sub, G = e.RadioGroup, f = d.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(
7
7
  e.Root,
@@ -39,7 +39,7 @@ const g = d.forwardRef(({ className: t, inset: a, children: o, ...n }, i) => /*
39
39
  ...n,
40
40
  children: [
41
41
  o,
42
- /* @__PURE__ */ r(p, { className: "ml-auto h-4 w-4" })
42
+ /* @__PURE__ */ r(m, { className: "ml-auto h-4 w-4" })
43
43
  ]
44
44
  }
45
45
  ));
@@ -97,7 +97,7 @@ const y = d.forwardRef(({ className: t, children: a, checked: o, ...n }, i) => /
97
97
  checked: o,
98
98
  ...n,
99
99
  children: [
100
- /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(m, { className: "h-4 w-4" }) }) }),
100
+ /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(u, { className: "h-4 w-4" }) }) }),
101
101
  a
102
102
  ]
103
103
  }
@@ -113,7 +113,7 @@ const w = d.forwardRef(({ className: t, children: a, ...o }, n) => /* @__PURE__
113
113
  ),
114
114
  ...o,
115
115
  children: [
116
- /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(u, { className: "h-4 w-4 fill-current" }) }) }),
116
+ /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(e.ItemIndicator, { children: /* @__PURE__ */ r(p, { className: "h-4 w-4 fill-current" }) }) }),
117
117
  a
118
118
  ]
119
119
  }
@@ -0,0 +1,19 @@
1
+ import { Menubar as u, MenubarCheckboxItem as a, MenubarContent as b, MenubarGroup as n, MenubarItem as M, MenubarLabel as o, MenubarMenu as t, MenubarPortal as S, MenubarRadioGroup as g, MenubarRadioItem as i, MenubarSeparator as m, MenubarShortcut as p, MenubarSub as C, MenubarSubContent as I, MenubarSubTrigger as c, MenubarTrigger as d } from "./Menubar.js";
2
+ export {
3
+ u as Menubar,
4
+ a as MenubarCheckboxItem,
5
+ b as MenubarContent,
6
+ n as MenubarGroup,
7
+ M as MenubarItem,
8
+ o as MenubarLabel,
9
+ t as MenubarMenu,
10
+ S as MenubarPortal,
11
+ g as MenubarRadioGroup,
12
+ i as MenubarRadioItem,
13
+ m as MenubarSeparator,
14
+ p as MenubarShortcut,
15
+ C as MenubarSub,
16
+ I as MenubarSubContent,
17
+ c as MenubarSubTrigger,
18
+ d as MenubarTrigger
19
+ };
@@ -3,7 +3,7 @@ import * as r from "react";
3
3
  import * as t from "@radix-ui/react-navigation-menu";
4
4
  import { ChevronDown as l } from "lucide-react";
5
5
  import { cn as n } from "@oneplatformdev/utils";
6
- import { navigationMenuVariants as f } from "./ui55.js";
6
+ import { navigationMenuVariants as f } from "./navigationMenuVariants.js";
7
7
  const p = r.forwardRef(({ className: a, children: e, ...o }, d) => /* @__PURE__ */ s(
8
8
  t.Root,
9
9
  {
@@ -0,0 +1,13 @@
1
+ import { NavigationMenu as a, NavigationMenuContent as t, NavigationMenuIndicator as o, NavigationMenuItem as e, NavigationMenuLink as g, NavigationMenuList as r, NavigationMenuTrigger as u, NavigationMenuViewport as v } from "./NavigationMenu.js";
2
+ import { navigationMenuVariants as N } from "./navigationMenuVariants.js";
3
+ export {
4
+ a as NavigationMenu,
5
+ t as NavigationMenuContent,
6
+ o as NavigationMenuIndicator,
7
+ e as NavigationMenuItem,
8
+ g as NavigationMenuLink,
9
+ r as NavigationMenuList,
10
+ u as NavigationMenuTrigger,
11
+ v as NavigationMenuViewport,
12
+ N as navigationMenuVariants
13
+ };
@@ -2,7 +2,8 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
2
  import * as l from "react";
3
3
  import { ChevronLeft as m, ChevronRight as c, MoreHorizontal as p } from "lucide-react";
4
4
  import { cn as n } from "@oneplatformdev/utils";
5
- import { buttonVariants as g } from "./ui16.js";
5
+ import "../Button/Button.js";
6
+ import { buttonVariants as g } from "../Button/buttonVariants.js";
6
7
  const d = ({ className: i, ...a }) => /* @__PURE__ */ e(
7
8
  "nav",
8
9
  {
@@ -0,0 +1,10 @@
1
+ import { Pagination as a, PaginationContent as t, PaginationEllipsis as o, PaginationItem as P, PaginationLink as g, PaginationNext as e, PaginationPrevious as r } from "./Pagination.js";
2
+ export {
3
+ a as Pagination,
4
+ t as PaginationContent,
5
+ o as PaginationEllipsis,
6
+ P as PaginationItem,
7
+ g as PaginationLink,
8
+ e as PaginationNext,
9
+ r as PaginationPrevious
10
+ };
@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
2
2
  import * as p from "react";
3
3
  import * as o from "@radix-ui/react-popover";
4
4
  import { cn as l } from "@oneplatformdev/utils";
5
- import { useDialogOverlayContainer as c } from "./ui30.js";
5
+ import { useDialogOverlayContainer as c } from "../Dialog/DialogOverlayScope.js";
6
6
  const h = (t) => {
7
7
  const { modal: e, ...r } = t;
8
8
  return /* @__PURE__ */ a(o.Root, { modal: e, ...r });
@@ -0,0 +1,7 @@
1
+ import { Popover as e, PopoverAnchor as p, PopoverContent as v, PopoverTrigger as P } from "./Popover.js";
2
+ export {
3
+ e as Popover,
4
+ p as PopoverAnchor,
5
+ v as PopoverContent,
6
+ P as PopoverTrigger
7
+ };
@@ -0,0 +1,4 @@
1
+ import { Progress as e } from "./Progress.js";
2
+ export {
3
+ e as Progress
4
+ };
package/Radio/Radio.js ADDED
@@ -0,0 +1,12 @@
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { RadioGroup as d, RadioGroupLabel as t } from "../RadioGroup/RadioGroup.js";
3
+ const s = (u) => {
4
+ const { options: i = [], renderOption: r, ...a } = u;
5
+ return /* @__PURE__ */ n(d, { ...a, children: i.map((e) => {
6
+ const o = /* @__PURE__ */ n(t, { ...e }, e.value);
7
+ return !r || typeof r != "function" || !r?.(e, t) ? o : r?.(e, t);
8
+ }) });
9
+ };
10
+ export {
11
+ s as Radio
12
+ };
@@ -0,0 +1 @@
1
+
package/Radio/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { Radio as a } from "./Radio.js";
2
+ export {
3
+ a as Radio
4
+ };
@@ -3,7 +3,7 @@ import * as o from "@radix-ui/react-radio-group";
3
3
  import { Circle as c } from "lucide-react";
4
4
  import * as s from "react";
5
5
  import { cn as t } from "@oneplatformdev/utils";
6
- import { Label as p } from "./ui45.js";
6
+ import { Label as p } from "../Label/Label.js";
7
7
  const f = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
8
8
  o.Root,
9
9
  {
@@ -0,0 +1,6 @@
1
+ import { RadioGroup as a, RadioGroupItem as p, RadioGroupLabel as d } from "./RadioGroup.js";
2
+ export {
3
+ a as RadioGroup,
4
+ p as RadioGroupItem,
5
+ d as RadioGroupLabel
6
+ };
@@ -0,0 +1,6 @@
1
+ import { ResizableHandle as l, ResizablePanel as b, ResizablePanelGroup as i } from "./Resizable.js";
2
+ export {
3
+ l as ResizableHandle,
4
+ b as ResizablePanel,
5
+ i as ResizablePanelGroup
6
+ };
@@ -0,0 +1,5 @@
1
+ import { ScrollArea as o, ScrollBar as a } from "./ScrollArea.js";
2
+ export {
3
+ o as ScrollArea,
4
+ a as ScrollBar
5
+ };
@@ -1,10 +1,10 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as g } from "react";
3
- import { useDebounceCallback as v } from "@oneplatformdev/hooks";
4
- import { cn as C } from "@oneplatformdev/utils";
5
- import { SearchIcon as b } from "lucide-react";
6
- import { LoadedIcon as x } from "./ui48.js";
7
- import { Input as I } from "./ui43.js";
3
+ import { Input as v } from "../Input/Input.js";
4
+ import { useDebounceCallback as C } from "@oneplatformdev/hooks";
5
+ import { cn as b } from "@oneplatformdev/utils";
6
+ import { SearchIcon as x } from "lucide-react";
7
+ import { LoadedIcon as I } from "../LoadedIcon/LoadedIcon.js";
8
8
  const D = (a) => {
9
9
  const {
10
10
  search: t,
@@ -16,24 +16,24 @@ const D = (a) => {
16
16
  slotProps: e,
17
17
  name: l = "search",
18
18
  ...h
19
- } = a, [p, u] = g(t), d = v(s, 1e3), f = (o) => {
19
+ } = a, [p, u] = g(t), d = C(s, 1e3), f = (o) => {
20
20
  const S = o.target.value;
21
21
  u(S), n?.(o), d(o.target.value);
22
22
  };
23
23
  return /* @__PURE__ */ r(
24
- I,
24
+ v,
25
25
  {
26
26
  name: l,
27
27
  placeholder: c,
28
28
  value: p,
29
- className: C("min-w-[340px]", m),
29
+ className: b("min-w-[340px]", m),
30
30
  onChange: f,
31
31
  ...h,
32
32
  ...e || {},
33
33
  slotProps: {
34
34
  ...e || {},
35
35
  input: {
36
- startAdornment: /* @__PURE__ */ r(x, { loading: i, size: "sm", children: /* @__PURE__ */ r(b, {}) }),
36
+ startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
37
37
  ...e?.input || {}
38
38
  }
39
39
  }
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,5 @@
1
+ import { Search as r, Search as c } from "./Search.js";
2
+ export {
3
+ r as Search,
4
+ c as default
5
+ };
@@ -1,11 +1,12 @@
1
- import { jsxs as d, jsx as r, Fragment as p } from "react/jsx-runtime";
1
+ import { jsxs as d, jsx as r, Fragment as h } from "react/jsx-runtime";
2
2
  import { createElement as m, isValidElement as v } from "react";
3
- import { isValidReactElement as x } from "@oneplatformdev/utils";
4
- import { SelectRoot as S, SelectContent as y, SelectTrigger as b, SelectValue as C, SelectItem as f } from "./ui63.js";
5
- import { Button as R } from "./ui15.js";
3
+ import { Button as x } from "../Button/Button.js";
4
+ import "../Button/buttonVariants.js";
5
+ import { SelectRoot as S, SelectContent as y, SelectTrigger as b, SelectValue as C, SelectItem as f } from "./SelectRoot.js";
6
+ import { isValidReactElement as R } from "@oneplatformdev/utils";
6
7
  const V = (n) => {
7
8
  const { placeholder: t, renderTrigger: e, slotProps: o } = n, l = /* @__PURE__ */ r(b, { ...o?.triggerProps || {}, children: /* @__PURE__ */ r(C, { placeholder: t }) });
8
- return e && typeof e == "function" && x(e(n, l)) ? e(n, l) : l;
9
+ return e && typeof e == "function" && R(e(n, l)) ? e(n, l) : l;
9
10
  }, c = (n) => {
10
11
  const { children: t, option: e, deep: o = 0 } = n;
11
12
  return /* @__PURE__ */ d(
@@ -17,26 +18,26 @@ const V = (n) => {
17
18
  style: { paddingLeft: `calc(8px + ${(o || 0) * 8}px)` },
18
19
  children: [
19
20
  !t && e.label,
20
- t && /* @__PURE__ */ r(p, { children: typeof t == "function" ? t({ ...n }) : t })
21
+ t && /* @__PURE__ */ r(h, { children: typeof t == "function" ? t({ ...n }) : t })
21
22
  ]
22
23
  },
23
24
  e.value
24
25
  );
25
- }, g = (n) => {
26
- const { renderOption: t, option: e, index: o, options: l, deep: u = 0, ...i } = n;
26
+ }, p = (n) => {
27
+ const { renderOption: t, option: e, index: o, options: l, deep: u = 0, ...a } = n;
27
28
  return t && typeof t == "function" && v(
28
29
  t(
29
30
  e,
30
31
  o,
31
32
  l,
32
- { ...i, options: l },
33
+ { ...a, options: l },
33
34
  /* @__PURE__ */ r(c, { ...n })
34
35
  )
35
36
  ) ? /* @__PURE__ */ r(f, { value: e.value, children: t(
36
37
  e,
37
38
  o,
38
39
  l,
39
- { ...i, options: l },
40
+ { ...a, options: l },
40
41
  /* @__PURE__ */ r(c, { ...n })
41
42
  ) }, e.value) : e.children?.length ? /* @__PURE__ */ d(
42
43
  "div",
@@ -44,13 +45,13 @@ const V = (n) => {
44
45
  className: "flex flex-col gap-1 truncate line-clamp-2",
45
46
  children: [
46
47
  /* @__PURE__ */ r(c, { ...n }),
47
- e.children?.map((a, s, h) => /* @__PURE__ */ m(
48
- g,
48
+ e.children?.map((i, s, g) => /* @__PURE__ */ m(
49
+ p,
49
50
  {
50
51
  ...n,
51
- key: a.value,
52
- option: a,
53
- options: h,
52
+ key: i.value,
53
+ option: i,
54
+ options: g,
54
55
  index: s,
55
56
  deep: (u || 0) + 1
56
57
  }
@@ -59,20 +60,20 @@ const V = (n) => {
59
60
  },
60
61
  e.value
61
62
  ) : /* @__PURE__ */ r(c, { ...n });
62
- }, T = (n) => {
63
+ }, j = (n) => {
63
64
  const {
64
65
  value: t,
65
66
  options: e,
66
67
  onChange: o,
67
68
  nullable: l = !1,
68
69
  clearLabel: u = "Clear",
69
- disabled: i
70
+ disabled: a
70
71
  } = n;
71
- return /* @__PURE__ */ d(S, { value: t, onValueChange: o, disabled: i, children: [
72
+ return /* @__PURE__ */ d(S, { value: t, onValueChange: o, disabled: a, children: [
72
73
  /* @__PURE__ */ r(V, { ...n }),
73
74
  /* @__PURE__ */ d(y, { children: [
74
75
  l && /* @__PURE__ */ r(
75
- R,
76
+ x,
76
77
  {
77
78
  className: "w-full px-2",
78
79
  variant: "secondary",
@@ -83,12 +84,12 @@ const V = (n) => {
83
84
  children: u
84
85
  }
85
86
  ),
86
- e.map((a, s) => /* @__PURE__ */ m(
87
- g,
87
+ e.map((i, s) => /* @__PURE__ */ m(
88
+ p,
88
89
  {
89
90
  ...n,
90
- key: a.value,
91
- option: a,
91
+ key: i.value,
92
+ option: i,
92
93
  index: s,
93
94
  deep: 0
94
95
  }
@@ -97,5 +98,5 @@ const V = (n) => {
97
98
  ] });
98
99
  };
99
100
  export {
100
- T as Select
101
+ j as Select
101
102
  };
@@ -0,0 +1,41 @@
1
+ import { Select as e } from "./Select.js";
2
+ const a = {
3
+ title: "Select",
4
+ component: e,
5
+ argTypes: {
6
+ value: { control: "text" },
7
+ options: { control: "object" },
8
+ onChange: { action: "changed" },
9
+ nullable: { control: "boolean" },
10
+ clearLabel: { control: "text" },
11
+ disabled: { control: "boolean" }
12
+ },
13
+ args: {
14
+ value: "",
15
+ options: [
16
+ { value: "option-0", label: "Option 0" },
17
+ { value: "option-1", label: "Option 1" },
18
+ { value: "option-2", label: "Option 2" },
19
+ { value: "option-3", label: "Option 3" },
20
+ { value: "option-4", label: "Option 4" }
21
+ ],
22
+ placeholder: "Select placeholder text",
23
+ nullable: !1,
24
+ clearLabel: "Clear button label text",
25
+ disabled: !1
26
+ }
27
+ }, t = {
28
+ args: {
29
+ value: "",
30
+ nullable: !1,
31
+ clearLabel: "Clear",
32
+ disabled: !1,
33
+ onChange: (l) => {
34
+ console.log(l);
35
+ }
36
+ }
37
+ };
38
+ export {
39
+ t as Default,
40
+ a as default
41
+ };
@@ -0,0 +1 @@
1
+