@ziioapp/ui 0.1.0

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 (244) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +47 -0
  3. package/THIRD_PARTY_NOTICES.md +3 -0
  4. package/dist/base.css +2 -0
  5. package/dist/hooks/use-mobile.d.ts +1 -0
  6. package/dist/hooks/use-mobile.js +15 -0
  7. package/dist/lib/official-themes.d.ts +76 -0
  8. package/dist/lib/official-themes.js +102 -0
  9. package/dist/lib/utils.d.ts +2 -0
  10. package/dist/lib/utils.js +5 -0
  11. package/dist/registry/registry.json +427 -0
  12. package/dist/registry/ziio-ui.json +421 -0
  13. package/dist/shadcn/components/accordion.d.ts +6 -0
  14. package/dist/shadcn/components/accordion.js +18 -0
  15. package/dist/shadcn/components/alert-dialog.d.ts +18 -0
  16. package/dist/shadcn/components/alert-dialog.js +44 -0
  17. package/dist/shadcn/components/alert.d.ts +10 -0
  18. package/dist/shadcn/components/alert.js +29 -0
  19. package/dist/shadcn/components/aspect-ratio.d.ts +4 -0
  20. package/dist/shadcn/components/aspect-ratio.js +9 -0
  21. package/dist/shadcn/components/attachment.d.ts +23 -0
  22. package/dist/shadcn/components/attachment.js +70 -0
  23. package/dist/shadcn/components/avatar.d.ts +11 -0
  24. package/dist/shadcn/components/avatar.js +25 -0
  25. package/dist/shadcn/components/badge.d.ts +7 -0
  26. package/dist/shadcn/components/badge.js +34 -0
  27. package/dist/shadcn/components/breadcrumb.d.ts +10 -0
  28. package/dist/shadcn/components/breadcrumb.js +38 -0
  29. package/dist/shadcn/components/bubble.d.ts +16 -0
  30. package/dist/shadcn/components/bubble.js +61 -0
  31. package/dist/shadcn/components/button-group.d.ts +10 -0
  32. package/dist/shadcn/components/button-group.js +37 -0
  33. package/dist/shadcn/components/button.d.ts +8 -0
  34. package/dist/shadcn/components/button.js +35 -0
  35. package/dist/shadcn/components/calendar.d.ts +10 -0
  36. package/dist/shadcn/components/calendar.js +77 -0
  37. package/dist/shadcn/components/card.d.ts +11 -0
  38. package/dist/shadcn/components/card.js +26 -0
  39. package/dist/shadcn/components/carousel.d.ts +28 -0
  40. package/dist/shadcn/components/carousel.js +92 -0
  41. package/dist/shadcn/components/chart.d.ts +44 -0
  42. package/dist/shadcn/components/chart.js +133 -0
  43. package/dist/shadcn/components/checkbox.d.ts +3 -0
  44. package/dist/shadcn/components/checkbox.js +10 -0
  45. package/dist/shadcn/components/collapsible.d.ts +5 -0
  46. package/dist/shadcn/components/collapsible.js +14 -0
  47. package/dist/shadcn/components/combobox.d.ts +24 -0
  48. package/dist/shadcn/components/combobox.js +59 -0
  49. package/dist/shadcn/components/command.d.ts +19 -0
  50. package/dist/shadcn/components/command.js +37 -0
  51. package/dist/shadcn/components/context-menu.d.ts +29 -0
  52. package/dist/shadcn/components/context-menu.js +53 -0
  53. package/dist/shadcn/components/dialog.d.ts +17 -0
  54. package/dist/shadcn/components/dialog.js +39 -0
  55. package/dist/shadcn/components/direction.d.ts +1 -0
  56. package/dist/shadcn/components/direction.js +3 -0
  57. package/dist/shadcn/components/drawer.d.ts +16 -0
  58. package/dist/shadcn/components/drawer.js +76 -0
  59. package/dist/shadcn/components/dropdown-menu.d.ts +29 -0
  60. package/dist/shadcn/components/dropdown-menu.js +53 -0
  61. package/dist/shadcn/components/empty.d.ts +11 -0
  62. package/dist/shadcn/components/empty.js +34 -0
  63. package/dist/shadcn/components/field.d.ts +24 -0
  64. package/dist/shadcn/components/field.js +69 -0
  65. package/dist/shadcn/components/hover-card.d.ts +5 -0
  66. package/dist/shadcn/components/hover-card.js +15 -0
  67. package/dist/shadcn/components/input-group.d.ts +18 -0
  68. package/dist/shadcn/components/input-group.js +59 -0
  69. package/dist/shadcn/components/input-otp.d.ts +11 -0
  70. package/dist/shadcn/components/input-otp.js +22 -0
  71. package/dist/shadcn/components/input.d.ts +3 -0
  72. package/dist/shadcn/components/input.js +9 -0
  73. package/dist/shadcn/components/item.d.ts +22 -0
  74. package/dist/shadcn/components/item.js +80 -0
  75. package/dist/shadcn/components/kbd.d.ts +3 -0
  76. package/dist/shadcn/components/kbd.js +10 -0
  77. package/dist/shadcn/components/label.d.ts +3 -0
  78. package/dist/shadcn/components/label.js +9 -0
  79. package/dist/shadcn/components/marker.d.ts +10 -0
  80. package/dist/shadcn/components/marker.js +36 -0
  81. package/dist/shadcn/components/menubar.d.ts +29 -0
  82. package/dist/shadcn/components/menubar.js +58 -0
  83. package/dist/shadcn/components/message-scroller.d.ts +10 -0
  84. package/dist/shadcn/components/message-scroller.js +27 -0
  85. package/dist/shadcn/components/message.d.ts +10 -0
  86. package/dist/shadcn/components/message.js +23 -0
  87. package/dist/shadcn/components/native-select.d.ts +8 -0
  88. package/dist/shadcn/components/native-select.js +15 -0
  89. package/dist/shadcn/components/navigation-menu.d.ts +11 -0
  90. package/dist/shadcn/components/navigation-menu.js +32 -0
  91. package/dist/shadcn/components/pagination.d.ts +17 -0
  92. package/dist/shadcn/components/pagination.js +28 -0
  93. package/dist/shadcn/components/popover.d.ts +9 -0
  94. package/dist/shadcn/components/popover.js +25 -0
  95. package/dist/shadcn/components/progress.d.ts +7 -0
  96. package/dist/shadcn/components/progress.js +21 -0
  97. package/dist/shadcn/components/questionnaire.d.ts +19 -0
  98. package/dist/shadcn/components/questionnaire.js +54 -0
  99. package/dist/shadcn/components/radio-group.d.ts +5 -0
  100. package/dist/shadcn/components/radio-group.js +13 -0
  101. package/dist/shadcn/components/resizable.d.ts +7 -0
  102. package/dist/shadcn/components/resizable.js +15 -0
  103. package/dist/shadcn/components/scroll-area.d.ts +4 -0
  104. package/dist/shadcn/components/scroll-area.js +12 -0
  105. package/dist/shadcn/components/select.d.ts +15 -0
  106. package/dist/shadcn/components/select.js +36 -0
  107. package/dist/shadcn/components/separator.d.ts +3 -0
  108. package/dist/shadcn/components/separator.js +9 -0
  109. package/dist/shadcn/components/sheet.d.ts +14 -0
  110. package/dist/shadcn/components/sheet.js +39 -0
  111. package/dist/shadcn/components/sidebar.d.ts +63 -0
  112. package/dist/shadcn/components/sidebar.js +257 -0
  113. package/dist/shadcn/components/skeleton.d.ts +2 -0
  114. package/dist/shadcn/components/skeleton.js +7 -0
  115. package/dist/shadcn/components/slider.d.ts +3 -0
  116. package/dist/shadcn/components/slider.js +13 -0
  117. package/dist/shadcn/components/sonner.d.ts +3 -0
  118. package/dist/shadcn/components/sonner.js +26 -0
  119. package/dist/shadcn/components/spinner.d.ts +2 -0
  120. package/dist/shadcn/components/spinner.js +8 -0
  121. package/dist/shadcn/components/switch.d.ts +5 -0
  122. package/dist/shadcn/components/switch.js +9 -0
  123. package/dist/shadcn/components/table.d.ts +10 -0
  124. package/dist/shadcn/components/table.js +30 -0
  125. package/dist/shadcn/components/tabs.d.ts +10 -0
  126. package/dist/shadcn/components/tabs.js +30 -0
  127. package/dist/shadcn/components/textarea.d.ts +3 -0
  128. package/dist/shadcn/components/textarea.js +8 -0
  129. package/dist/shadcn/components/toast.d.ts +15 -0
  130. package/dist/shadcn/components/toast.js +68 -0
  131. package/dist/shadcn/components/toggle-group.d.ts +10 -0
  132. package/dist/shadcn/components/toggle-group.js +26 -0
  133. package/dist/shadcn/components/toggle.d.ts +8 -0
  134. package/dist/shadcn/components/toggle.js +27 -0
  135. package/dist/shadcn/components/tooltip.d.ts +6 -0
  136. package/dist/shadcn/components/tooltip.js +18 -0
  137. package/dist/shadcn/hooks/use-mobile.d.ts +1 -0
  138. package/dist/shadcn/hooks/use-mobile.js +16 -0
  139. package/dist/size-report.json +80 -0
  140. package/dist/styles/app-loading.css +40 -0
  141. package/dist/styles/bases/base-mauve.css +71 -0
  142. package/dist/styles/bases/base-mist.css +71 -0
  143. package/dist/styles/bases/base-neutral.css +71 -0
  144. package/dist/styles/bases/base-olive.css +71 -0
  145. package/dist/styles/bases/base-stone.css +71 -0
  146. package/dist/styles/bases/base-taupe.css +71 -0
  147. package/dist/styles/bases/base-zinc.css +71 -0
  148. package/dist/styles/chart.css +18 -0
  149. package/dist/styles/charts/chart-amber.css +18 -0
  150. package/dist/styles/charts/chart-blue.css +18 -0
  151. package/dist/styles/charts/chart-rose.css +18 -0
  152. package/dist/styles/charts/chart-teal.css +18 -0
  153. package/dist/styles/compiled/luma.css +2 -0
  154. package/dist/styles/compiled/lyra.css +2 -0
  155. package/dist/styles/compiled/maia.css +2 -0
  156. package/dist/styles/compiled/mira.css +2 -0
  157. package/dist/styles/compiled/nova.css +2 -0
  158. package/dist/styles/compiled/rhea.css +2 -0
  159. package/dist/styles/compiled/sera.css +2 -0
  160. package/dist/styles/compiled/vega.css +2 -0
  161. package/dist/styles/index.css +52 -0
  162. package/dist/styles/official/bases/base-mauve.css +67 -0
  163. package/dist/styles/official/bases/base-mist.css +67 -0
  164. package/dist/styles/official/bases/base-neutral.css +67 -0
  165. package/dist/styles/official/bases/base-olive.css +67 -0
  166. package/dist/styles/official/bases/base-stone.css +67 -0
  167. package/dist/styles/official/bases/base-taupe.css +67 -0
  168. package/dist/styles/official/bases/base-zinc.css +67 -0
  169. package/dist/styles/official/charts/chart-amber.css +14 -0
  170. package/dist/styles/official/charts/chart-blue.css +14 -0
  171. package/dist/styles/official/charts/chart-cyan.css +14 -0
  172. package/dist/styles/official/charts/chart-emerald.css +14 -0
  173. package/dist/styles/official/charts/chart-fuchsia.css +14 -0
  174. package/dist/styles/official/charts/chart-green.css +14 -0
  175. package/dist/styles/official/charts/chart-indigo.css +14 -0
  176. package/dist/styles/official/charts/chart-lime.css +14 -0
  177. package/dist/styles/official/charts/chart-mauve.css +14 -0
  178. package/dist/styles/official/charts/chart-mist.css +14 -0
  179. package/dist/styles/official/charts/chart-neutral.css +14 -0
  180. package/dist/styles/official/charts/chart-olive.css +14 -0
  181. package/dist/styles/official/charts/chart-orange.css +14 -0
  182. package/dist/styles/official/charts/chart-pink.css +14 -0
  183. package/dist/styles/official/charts/chart-purple.css +14 -0
  184. package/dist/styles/official/charts/chart-red.css +14 -0
  185. package/dist/styles/official/charts/chart-rose.css +14 -0
  186. package/dist/styles/official/charts/chart-sky.css +14 -0
  187. package/dist/styles/official/charts/chart-stone.css +14 -0
  188. package/dist/styles/official/charts/chart-taupe.css +14 -0
  189. package/dist/styles/official/charts/chart-teal.css +14 -0
  190. package/dist/styles/official/charts/chart-violet.css +14 -0
  191. package/dist/styles/official/charts/chart-yellow.css +14 -0
  192. package/dist/styles/official/charts/chart-zinc.css +14 -0
  193. package/dist/styles/official/themes/theme-amber.css +26 -0
  194. package/dist/styles/official/themes/theme-blue.css +26 -0
  195. package/dist/styles/official/themes/theme-cyan.css +26 -0
  196. package/dist/styles/official/themes/theme-emerald.css +26 -0
  197. package/dist/styles/official/themes/theme-fuchsia.css +26 -0
  198. package/dist/styles/official/themes/theme-green.css +26 -0
  199. package/dist/styles/official/themes/theme-indigo.css +26 -0
  200. package/dist/styles/official/themes/theme-lime.css +26 -0
  201. package/dist/styles/official/themes/theme-mauve.css +67 -0
  202. package/dist/styles/official/themes/theme-mist.css +67 -0
  203. package/dist/styles/official/themes/theme-neutral.css +67 -0
  204. package/dist/styles/official/themes/theme-olive.css +67 -0
  205. package/dist/styles/official/themes/theme-orange.css +26 -0
  206. package/dist/styles/official/themes/theme-pink.css +26 -0
  207. package/dist/styles/official/themes/theme-purple.css +26 -0
  208. package/dist/styles/official/themes/theme-red.css +26 -0
  209. package/dist/styles/official/themes/theme-rose.css +27 -0
  210. package/dist/styles/official/themes/theme-sky.css +26 -0
  211. package/dist/styles/official/themes/theme-stone.css +67 -0
  212. package/dist/styles/official/themes/theme-taupe.css +67 -0
  213. package/dist/styles/official/themes/theme-teal.css +26 -0
  214. package/dist/styles/official/themes/theme-violet.css +26 -0
  215. package/dist/styles/official/themes/theme-yellow.css +26 -0
  216. package/dist/styles/official/themes/theme-zinc.css +67 -0
  217. package/dist/styles/runtime.css +6 -0
  218. package/dist/styles/shadcn-utilities.css +629 -0
  219. package/dist/styles/shadcn.css +169 -0
  220. package/dist/styles/source.css +1 -0
  221. package/dist/styles/styles/all.css +8 -0
  222. package/dist/styles/styles/style-luma.css +1744 -0
  223. package/dist/styles/styles/style-lyra.css +1723 -0
  224. package/dist/styles/styles/style-maia.css +1745 -0
  225. package/dist/styles/styles/style-mira.css +1750 -0
  226. package/dist/styles/styles/style-nova.css +1748 -0
  227. package/dist/styles/styles/style-rhea.css +1744 -0
  228. package/dist/styles/styles/style-sera.css +1735 -0
  229. package/dist/styles/styles/style-vega.css +1748 -0
  230. package/dist/styles/theme-base.css +102 -0
  231. package/dist/styles/themes/theme-atmosphere-coffee.css +72 -0
  232. package/dist/styles/themes/theme-atmosphere-halloween.css +72 -0
  233. package/dist/styles/themes/theme-atmosphere-literary.css +72 -0
  234. package/dist/styles/themes/theme-atmosphere-sakura.css +72 -0
  235. package/dist/styles/themes/theme-blue.css +20 -0
  236. package/dist/styles/themes/theme-indigo.css +20 -0
  237. package/dist/styles/themes/theme-morandi-dust.css +72 -0
  238. package/dist/styles/themes/theme-morandi-fog.css +72 -0
  239. package/dist/styles/themes/theme-morandi-sage.css +72 -0
  240. package/dist/styles/themes/theme-rose.css +20 -0
  241. package/dist/styles.css +2 -0
  242. package/package.json +108 -0
  243. package/upstream/components.json +870 -0
  244. package/upstream/lock.json +101 -0
@@ -0,0 +1,21 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
+ import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
5
+ import { cn } from "@ziioapp/ui/lib/utils";
6
+ function Progress({ className, children, value, ...props }) {
7
+ return (_jsxs(ProgressPrimitive.Root, { value: value, "data-slot": "progress", className: cn("cn-progress-root flex flex-wrap gap-3", className), ...props, children: [children, _jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) })] }));
8
+ }
9
+ function ProgressTrack({ className, ...props }) {
10
+ return (_jsx(ProgressPrimitive.Track, { className: cn("cn-progress-track relative flex w-full items-center overflow-x-hidden", className), "data-slot": "progress-track", ...props }));
11
+ }
12
+ function ProgressIndicator({ className, ...props }) {
13
+ return (_jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: cn("cn-progress-indicator h-full transition-all", className), ...props }));
14
+ }
15
+ function ProgressLabel({ className, ...props }) {
16
+ return (_jsx(ProgressPrimitive.Label, { className: cn("cn-progress-label", className), "data-slot": "progress-label", ...props }));
17
+ }
18
+ function ProgressValue({ className, ...props }) {
19
+ return (_jsx(ProgressPrimitive.Value, { className: cn("cn-progress-value", className), "data-slot": "progress-value", ...props }));
20
+ }
21
+ export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, };
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire";
3
+ import { type Button } from "@ziioapp/ui/components/button";
4
+ declare function Questionnaire({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
5
+ declare function QuestionnaireProgress({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Progress>): import("react/jsx-runtime").JSX.Element;
6
+ declare function QuestionnaireItem({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Item>): import("react/jsx-runtime").JSX.Element;
7
+ declare function QuestionnaireTitle({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Title>): import("react/jsx-runtime").JSX.Element;
8
+ declare function QuestionnaireDescription({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Description>): import("react/jsx-runtime").JSX.Element;
9
+ declare function QuestionnaireChoices({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choices>): import("react/jsx-runtime").JSX.Element;
10
+ declare function QuestionnaireChoice({ children, className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choice>): import("react/jsx-runtime").JSX.Element;
11
+ declare function QuestionnaireChoiceDescription({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
12
+ declare function QuestionnaireInput({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Input>): import("react/jsx-runtime").JSX.Element;
13
+ declare function QuestionnaireError({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Error>): import("react/jsx-runtime").JSX.Element;
14
+ declare function QuestionnaireActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
15
+ declare function QuestionnairePrevious({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
16
+ declare function QuestionnaireSkip({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
17
+ declare function QuestionnaireNext({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
18
+ declare function QuestionnaireSubmit({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
19
+ export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, };
@@ -0,0 +1,54 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
+ import { CheckIcon } from "lucide-react";
5
+ import * as React from "react";
6
+ import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire";
7
+ import { cn } from "@ziioapp/ui/lib/utils";
8
+ import { buttonVariants } from "@ziioapp/ui/components/button";
9
+ function Questionnaire({ className, ...props }) {
10
+ return (_jsx(QuestionnairePrimitive.Root, { "data-slot": "questionnaire", className: cn("cn-questionnaire flex w-full min-w-0 flex-col", className), ...props }));
11
+ }
12
+ function QuestionnaireProgress({ className, ...props }) {
13
+ return (_jsx(QuestionnairePrimitive.Progress, { "data-slot": "questionnaire-progress", className: cn("cn-questionnaire-progress min-h-[1lh] w-fit min-w-[14ch] font-medium text-muted-foreground tabular-nums", className), ...props }));
14
+ }
15
+ function QuestionnaireItem({ className, ...props }) {
16
+ return (_jsx(QuestionnairePrimitive.Item, { "data-slot": "questionnaire-item", className: cn("cn-questionnaire-item min-w-0 border-0 p-0 outline-none", className), ...props }));
17
+ }
18
+ function QuestionnaireTitle({ className, ...props }) {
19
+ return (_jsx(QuestionnairePrimitive.Title, { "data-slot": "questionnaire-title", className: cn("cn-questionnaire-title cn-font-heading text-pretty", className), ...props }));
20
+ }
21
+ function QuestionnaireDescription({ className, ...props }) {
22
+ return (_jsx(QuestionnairePrimitive.Description, { "data-slot": "questionnaire-description", className: cn("cn-questionnaire-description text-pretty text-muted-foreground", className), ...props }));
23
+ }
24
+ function QuestionnaireChoices({ className, ...props }) {
25
+ return (_jsx(QuestionnairePrimitive.Choices, { "data-slot": "questionnaire-choices", className: cn("cn-questionnaire-choices group/questionnaire-choices grid min-w-0", className), ...props }));
26
+ }
27
+ function QuestionnaireChoice({ children, className, ...props }) {
28
+ return (_jsxs(QuestionnairePrimitive.Choice, { "data-slot": "questionnaire-choice", className: cn("cn-questionnaire-choice group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start text-start transition-colors outline-none select-none", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: [_jsx(QuestionnairePrimitive.ChoiceInput, { "data-slot": "questionnaire-choice-input", className: "cn-questionnaire-choice-input absolute inset-0 z-10 size-full cursor-pointer opacity-0" }), _jsxs("span", { "aria-hidden": "true", "data-slot": "questionnaire-choice-indicator", className: "cn-questionnaire-choice-indicator pointer-events-none relative flex shrink-0 items-center justify-center border group-data-[type=radio]/questionnaire-choice:rounded-full", children: [_jsx("span", { "data-slot": "questionnaire-choice-indicator-dot", className: "cn-questionnaire-choice-indicator-dot hidden rounded-full group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block" }), _jsx(CheckIcon, { "data-slot": "questionnaire-choice-indicator-check", className: "cn-questionnaire-choice-indicator-check hidden group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block" })] }), _jsx(QuestionnairePrimitive.ChoiceLabel, { "data-slot": "questionnaire-choice-label", className: "cn-questionnaire-choice-label cn-questionnaire-choice-content flex min-w-0 flex-1 flex-col leading-snug", children: children }), _jsx(QuestionnairePrimitive.ChoiceShortcut, { "data-slot": "questionnaire-choice-shortcut", className: "cn-questionnaire-choice-shortcut cn-questionnaire-shortcut pointer-events-none ms-auto hidden shrink-0 group-data-[shortcut]/questionnaire-choice:inline-flex" })] }));
29
+ }
30
+ function QuestionnaireChoiceDescription({ className, ...props }) {
31
+ return (_jsx("span", { "data-slot": "questionnaire-choice-description", className: cn("cn-questionnaire-choice-description", className), ...props }));
32
+ }
33
+ function QuestionnaireInput({ className, ...props }) {
34
+ return (_jsx("div", { "data-slot": "questionnaire-input-wrapper", className: "cn-questionnaire-input-wrapper group/questionnaire-input relative min-w-0", children: _jsx(QuestionnairePrimitive.Input, { "data-slot": "questionnaire-input", className: cn("cn-questionnaire-input min-h-11 w-full min-w-0 transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 sm:min-h-0", "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground", className), ...props }) }));
35
+ }
36
+ function QuestionnaireError({ className, ...props }) {
37
+ return (_jsx(QuestionnairePrimitive.Error, { "data-slot": "questionnaire-error", className: cn("cn-questionnaire-error text-destructive", className), ...props }));
38
+ }
39
+ function QuestionnaireActions({ className, ...props }) {
40
+ return (_jsx("div", { "data-slot": "questionnaire-actions", className: cn("cn-questionnaire-actions grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center", className), ...props }));
41
+ }
42
+ function QuestionnairePrevious({ children, className, size = "default", variant = "outline", ...props }) {
43
+ return (_jsx(QuestionnairePrimitive.Previous, { "data-slot": "questionnaire-previous", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "cn-questionnaire-previous col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0", className), ...props, children: children ?? "Previous" }));
44
+ }
45
+ function QuestionnaireSkip({ children, className, size = "default", variant = "outline", ...props }) {
46
+ return (_jsx(QuestionnairePrimitive.Skip, { "data-slot": "questionnaire-skip", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "cn-questionnaire-skip col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0", className), ...props, children: children ?? "Skip" }));
47
+ }
48
+ function QuestionnaireNext({ children, className, size = "default", variant = "default", ...props }) {
49
+ return (_jsx(QuestionnairePrimitive.Next, { "data-slot": "questionnaire-next", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "cn-questionnaire-next col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className), ...props, children: children ?? "Next" }));
50
+ }
51
+ function QuestionnaireSubmit({ children, className, size = "default", variant = "default", ...props }) {
52
+ return (_jsx(QuestionnairePrimitive.Submit, { "data-slot": "questionnaire-submit", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "cn-questionnaire-submit col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className), ...props, children: children ?? "Submit" }));
53
+ }
54
+ export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, };
@@ -0,0 +1,5 @@
1
+ import { Radio as RadioPrimitive } from "@base-ui/react/radio";
2
+ import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
3
+ declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
5
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,13 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ import { Radio as RadioPrimitive } from "@base-ui/react/radio";
5
+ import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
6
+ import { cn } from "@ziioapp/ui/lib/utils";
7
+ function RadioGroup({ className, ...props }) {
8
+ return (_jsx(RadioGroupPrimitive, { "data-slot": "radio-group", className: cn("cn-radio-group w-full", className), ...props }));
9
+ }
10
+ function RadioGroupItem({ className, ...props }) {
11
+ return (_jsx(RadioPrimitive.Root, { "data-slot": "radio-group-item", className: cn("cn-radio-group-item group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(RadioPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "cn-radio-group-indicator", children: _jsx("span", { className: "cn-radio-group-indicator-icon" }) }) }));
12
+ }
13
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,7 @@
1
+ import * as ResizablePrimitive from "react-resizable-panels";
2
+ declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react/jsx-runtime").JSX.Element;
3
+ declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): import("react/jsx-runtime").JSX.Element;
4
+ declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
5
+ withHandle?: boolean;
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
@@ -0,0 +1,15 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ import { cn } from "@ziioapp/ui/lib/utils";
5
+ import * as ResizablePrimitive from "react-resizable-panels";
6
+ function ResizablePanelGroup({ className, ...props }) {
7
+ return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("cn-resizable-panel-group flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
8
+ }
9
+ function ResizablePanel({ ...props }) {
10
+ return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
11
+ }
12
+ function ResizableHandle({ withHandle, className, ...props }) {
13
+ return (_jsx(ResizablePrimitive.Separator, { "data-slot": "resizable-handle", className: cn("cn-resizable-handle relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { className: "cn-resizable-handle-icon z-10 flex shrink-0" })) }));
14
+ }
15
+ export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
@@ -0,0 +1,4 @@
1
+ import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
2
+ declare function ScrollArea({ className, children, ...props }: ScrollAreaPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
+ declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): import("react/jsx-runtime").JSX.Element;
4
+ export { ScrollArea, ScrollBar };
@@ -0,0 +1,12 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
+ import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
5
+ import { cn } from "@ziioapp/ui/lib/utils";
6
+ function ScrollArea({ className, children, ...props }) {
7
+ return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("cn-scroll-area relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "cn-scroll-area-viewport size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
8
+ }
9
+ function ScrollBar({ className, orientation = "vertical", ...props }) {
10
+ return (_jsx(ScrollAreaPrimitive.Scrollbar, { "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn("cn-scroll-area-scrollbar flex touch-none p-px transition-colors select-none", className), ...props, children: _jsx(ScrollAreaPrimitive.Thumb, { "data-slot": "scroll-area-thumb", className: "cn-scroll-area-thumb relative flex-1 bg-border" }) }));
11
+ }
12
+ export { ScrollArea, ScrollBar };
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { Select as SelectPrimitive } from "@base-ui/react/select";
3
+ declare const Select: typeof SelectPrimitive.Root;
4
+ declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
5
+ declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
6
+ declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
7
+ size?: "sm" | "default";
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): import("react/jsx-runtime").JSX.Element;
10
+ declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
11
+ declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
12
+ declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
13
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): import("react/jsx-runtime").JSX.Element;
14
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): import("react/jsx-runtime").JSX.Element;
15
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -0,0 +1,36 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
+ import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
5
+ import * as React from "react";
6
+ import { Select as SelectPrimitive } from "@base-ui/react/select";
7
+ import { cn } from "@ziioapp/ui/lib/utils";
8
+ const Select = SelectPrimitive.Root;
9
+ function SelectGroup({ className, ...props }) {
10
+ return (_jsx(SelectPrimitive.Group, { "data-slot": "select-group", className: cn("cn-select-group", className), ...props }));
11
+ }
12
+ function SelectValue({ className, ...props }) {
13
+ return (_jsx(SelectPrimitive.Value, { "data-slot": "select-value", className: cn("cn-select-value", className), ...props }));
14
+ }
15
+ function SelectTrigger({ className, size = "default", children, ...props }) {
16
+ return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn("cn-select-trigger flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { render: _jsx(ChevronDownIcon, { className: "cn-select-trigger-icon pointer-events-none" }) })] }));
17
+ }
18
+ function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
19
+ return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, alignItemWithTrigger: alignItemWithTrigger, className: "isolate z-50", children: _jsxs(SelectPrimitive.Popup, { "data-slot": "select-content", "data-align-trigger": alignItemWithTrigger, className: cn("cn-select-content cn-select-content-logical cn-menu-target relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none", className), ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.List, { children: children }), _jsx(SelectScrollDownButton, {})] }) }) }));
20
+ }
21
+ function SelectLabel({ className, ...props }) {
22
+ return (_jsx(SelectPrimitive.GroupLabel, { "data-slot": "select-label", className: cn("cn-select-label", className), ...props }));
23
+ }
24
+ function SelectItem({ className, children, ...props }) {
25
+ return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn("cn-select-item relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [_jsx(SelectPrimitive.ItemText, { className: "cn-select-item-text shrink-0 whitespace-nowrap", children: children }), _jsx(SelectPrimitive.ItemIndicator, { render: _jsx("span", { className: "cn-select-item-indicator" }), children: _jsx(CheckIcon, { className: "cn-select-item-indicator-icon pointer-events-none" }) })] }));
26
+ }
27
+ function SelectSeparator({ className, ...props }) {
28
+ return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn("cn-select-separator pointer-events-none", className), ...props }));
29
+ }
30
+ function SelectScrollUpButton({ className, ...props }) {
31
+ return (_jsx(SelectPrimitive.ScrollUpArrow, { "data-slot": "select-scroll-up-button", className: cn("cn-select-scroll-up-button top-0 w-full", className), ...props, children: _jsx(ChevronUpIcon, {}) }));
32
+ }
33
+ function SelectScrollDownButton({ className, ...props }) {
34
+ return (_jsx(SelectPrimitive.ScrollDownArrow, { "data-slot": "select-scroll-down-button", className: cn("cn-select-scroll-down-button bottom-0 w-full", className), ...props, children: _jsx(ChevronDownIcon, {}) }));
35
+ }
36
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -0,0 +1,3 @@
1
+ import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
2
+ declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react/jsx-runtime").JSX.Element;
3
+ export { Separator };
@@ -0,0 +1,9 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
5
+ import { cn } from "@ziioapp/ui/lib/utils";
6
+ function Separator({ className, orientation = "horizontal", ...props }) {
7
+ return (_jsx(SeparatorPrimitive, { "data-slot": "separator", orientation: orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props }));
8
+ }
9
+ export { Separator };
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
3
+ declare function Sheet({ ...props }: SheetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
5
+ declare function SheetClose({ ...props }: SheetPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
6
+ declare function SheetContent({ className, children, side, showCloseButton, ...props }: SheetPrimitive.Popup.Props & {
7
+ side?: "top" | "right" | "bottom" | "left";
8
+ showCloseButton?: boolean;
9
+ }): import("react/jsx-runtime").JSX.Element;
10
+ declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
11
+ declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
12
+ declare function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
13
+ declare function SheetDescription({ className, ...props }: SheetPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
14
+ export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
@@ -0,0 +1,39 @@
1
+ // Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
2
+ "use client";
3
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
+ import { XIcon } from "lucide-react";
5
+ import * as React from "react";
6
+ import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
7
+ import { cn } from "@ziioapp/ui/lib/utils";
8
+ import { Button } from "@ziioapp/ui/components/button";
9
+ function Sheet({ ...props }) {
10
+ return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
11
+ }
12
+ function SheetTrigger({ ...props }) {
13
+ return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
14
+ }
15
+ function SheetClose({ ...props }) {
16
+ return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
17
+ }
18
+ function SheetPortal({ ...props }) {
19
+ return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
20
+ }
21
+ function SheetOverlay({ className, ...props }) {
22
+ return (_jsx(SheetPrimitive.Backdrop, { "data-slot": "sheet-overlay", className: cn("cn-sheet-overlay fixed inset-0 z-50 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0", className), ...props }));
23
+ }
24
+ function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
25
+ return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Popup, { "data-slot": "sheet-content", "data-side": side, className: cn("cn-sheet-content data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem]", className), ...props, children: [children, showCloseButton && (_jsxs(SheetPrimitive.Close, { "data-slot": "sheet-close", render: _jsx(Button, { variant: "ghost", className: "cn-sheet-close", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
26
+ }
27
+ function SheetHeader({ className, ...props }) {
28
+ return (_jsx("div", { "data-slot": "sheet-header", className: cn("cn-sheet-header flex flex-col", className), ...props }));
29
+ }
30
+ function SheetFooter({ className, ...props }) {
31
+ return (_jsx("div", { "data-slot": "sheet-footer", className: cn("cn-sheet-footer mt-auto flex flex-col", className), ...props }));
32
+ }
33
+ function SheetTitle({ className, ...props }) {
34
+ return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn("cn-sheet-title cn-font-heading", className), ...props }));
35
+ }
36
+ function SheetDescription({ className, ...props }) {
37
+ return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn("cn-sheet-description", className), ...props }));
38
+ }
39
+ export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
@@ -0,0 +1,63 @@
1
+ import * as React from "react";
2
+ import { useRender } from "@base-ui/react/use-render";
3
+ import { type VariantProps } from "class-variance-authority";
4
+ import { Button } from "@ziioapp/ui/components/button";
5
+ import { Input } from "@ziioapp/ui/components/input";
6
+ import { Separator } from "@ziioapp/ui/components/separator";
7
+ import { TooltipContent } from "@ziioapp/ui/components/tooltip";
8
+ type SidebarContextProps = {
9
+ state: "expanded" | "collapsed";
10
+ open: boolean;
11
+ setOpen: (open: boolean) => void;
12
+ openMobile: boolean;
13
+ setOpenMobile: (open: boolean) => void;
14
+ isMobile: boolean;
15
+ toggleSidebar: () => void;
16
+ };
17
+ declare function useSidebar(): SidebarContextProps;
18
+ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
19
+ defaultOpen?: boolean;
20
+ open?: boolean;
21
+ onOpenChange?: (open: boolean) => void;
22
+ }): import("react/jsx-runtime").JSX.Element;
23
+ declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
24
+ side?: "left" | "right";
25
+ variant?: "sidebar" | "floating" | "inset";
26
+ collapsible?: "offcanvas" | "icon" | "none";
27
+ }): import("react/jsx-runtime").JSX.Element;
28
+ declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
29
+ declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
30
+ declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
31
+ declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
32
+ declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
33
+ declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
34
+ declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
35
+ declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
36
+ declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
37
+ declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
38
+ declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
39
+ declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
40
+ declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
41
+ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
42
+ declare const sidebarMenuButtonVariants: (props?: ({
43
+ variant?: "default" | "outline" | null | undefined;
44
+ size?: "default" | "sm" | "lg" | null | undefined;
45
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
46
+ declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
47
+ isActive?: boolean;
48
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
49
+ } & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
50
+ declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
51
+ showOnHover?: boolean;
52
+ }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
53
+ declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
54
+ declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
55
+ showIcon?: boolean;
56
+ }): import("react/jsx-runtime").JSX.Element;
57
+ declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
58
+ declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
59
+ declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
60
+ size?: "sm" | "md";
61
+ isActive?: boolean;
62
+ }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
63
+ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };