@hanzo/ui 5.3.25 → 5.3.28

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 (326) hide show
  1. package/content/index.ts +26 -0
  2. package/docs/_registry/index.ts +426 -0
  3. package/docs/_registry/layout/docs-min.tsx +197 -0
  4. package/docs/_registry/layout/page-min.tsx +128 -0
  5. package/docs/components/accordion.tsx +118 -0
  6. package/docs/components/banner.tsx +144 -0
  7. package/docs/components/callout.tsx +112 -0
  8. package/docs/components/card.tsx +52 -0
  9. package/docs/components/codeblock.tsx +258 -0
  10. package/docs/components/dialog/search-algolia.tsx +132 -0
  11. package/docs/components/dialog/search-default.tsx +131 -0
  12. package/docs/components/dialog/search-orama.tsx +143 -0
  13. package/docs/components/dialog/search.tsx +529 -0
  14. package/docs/components/dynamic-codeblock.tsx +129 -0
  15. package/docs/components/files.tsx +81 -0
  16. package/docs/components/github-info.tsx +107 -0
  17. package/docs/components/heading.tsx +33 -0
  18. package/docs/components/image-zoom.css +77 -0
  19. package/docs/components/image-zoom.tsx +58 -0
  20. package/docs/components/index.ts +7 -0
  21. package/docs/components/inline-toc.tsx +48 -0
  22. package/docs/components/sidebar/base.tsx +451 -0
  23. package/docs/components/sidebar/link-item.tsx +65 -0
  24. package/docs/components/sidebar/page-tree.tsx +113 -0
  25. package/docs/components/sidebar/tabs/dropdown.tsx +109 -0
  26. package/docs/components/sidebar/tabs/index.tsx +89 -0
  27. package/docs/components/steps.tsx +9 -0
  28. package/docs/components/tabs.tsx +203 -0
  29. package/docs/components/toc/clerk.tsx +173 -0
  30. package/docs/components/toc/default.tsx +57 -0
  31. package/docs/components/toc/index.tsx +136 -0
  32. package/docs/components/type-table.tsx +174 -0
  33. package/docs/components/ui/accordion.tsx +88 -0
  34. package/docs/components/ui/button.tsx +28 -0
  35. package/docs/components/ui/collapsible.tsx +42 -0
  36. package/docs/components/ui/navigation-menu.tsx +83 -0
  37. package/docs/components/ui/popover.tsx +32 -0
  38. package/docs/components/ui/scroll-area.tsx +59 -0
  39. package/docs/components/ui/tabs.tsx +145 -0
  40. package/docs/contexts/i18n.tsx +56 -0
  41. package/docs/contexts/search.tsx +165 -0
  42. package/docs/contexts/tree.tsx +65 -0
  43. package/docs/css/black.css +39 -0
  44. package/docs/css/catppuccin.css +49 -0
  45. package/docs/css/colors/index.css +51 -0
  46. package/docs/css/dusk.css +47 -0
  47. package/docs/css/layouts/docs.css +1 -0
  48. package/docs/css/layouts/home.css +1 -0
  49. package/docs/css/layouts/notebook.css +1 -0
  50. package/docs/css/neutral.css +7 -0
  51. package/docs/css/ocean.css +48 -0
  52. package/docs/css/preset.css +305 -0
  53. package/docs/css/purple.css +39 -0
  54. package/docs/css/shadcn.css +36 -0
  55. package/docs/css/shiki.css +90 -0
  56. package/docs/css/solar.css +75 -0
  57. package/docs/css/style.css +9 -0
  58. package/docs/css/vitepress.css +77 -0
  59. package/docs/i18n.tsx +30 -0
  60. package/docs/icons.tsx +354 -0
  61. package/docs/layouts/docs/client.tsx +129 -0
  62. package/docs/layouts/docs/index.tsx +321 -0
  63. package/docs/layouts/docs/page/client.tsx +376 -0
  64. package/docs/layouts/docs/page/index.tsx +251 -0
  65. package/docs/layouts/docs/sidebar.tsx +265 -0
  66. package/docs/layouts/home/client.tsx +375 -0
  67. package/docs/layouts/home/index.tsx +51 -0
  68. package/docs/layouts/home/navbar.tsx +55 -0
  69. package/docs/layouts/notebook/client.tsx +281 -0
  70. package/docs/layouts/notebook/index.tsx +461 -0
  71. package/docs/layouts/notebook/page/client.tsx +375 -0
  72. package/docs/layouts/notebook/page/index.tsx +251 -0
  73. package/docs/layouts/notebook/sidebar.tsx +248 -0
  74. package/docs/layouts/shared/index.tsx +89 -0
  75. package/docs/layouts/shared/language-toggle.tsx +66 -0
  76. package/docs/layouts/shared/link-item.tsx +119 -0
  77. package/docs/layouts/shared/search-toggle.tsx +78 -0
  78. package/docs/layouts/shared/theme-toggle.tsx +86 -0
  79. package/docs/mdx.server.tsx +37 -0
  80. package/docs/mdx.tsx +97 -0
  81. package/docs/og.tsx +101 -0
  82. package/docs/page.tsx +85 -0
  83. package/docs/provider/base.tsx +173 -0
  84. package/docs/provider/next.tsx +23 -0
  85. package/docs/provider/react-router.tsx +23 -0
  86. package/docs/provider/tanstack.tsx +23 -0
  87. package/docs/provider/waku.tsx +23 -0
  88. package/docs/source.ts +3 -0
  89. package/docs/theme/typography/LICENSE +21 -0
  90. package/docs/theme/typography/index.ts +201 -0
  91. package/docs/theme/typography/styles.ts +449 -0
  92. package/docs/utils/cn.ts +1 -0
  93. package/docs/utils/is-active.ts +23 -0
  94. package/docs/utils/merge-refs.ts +15 -0
  95. package/docs/utils/use-copy-button.ts +39 -0
  96. package/docs/utils/use-footer-items.ts +27 -0
  97. package/docs/utils/use-is-scroll-top.ts +21 -0
  98. package/package.json +8 -2
  99. package/dist/3d/button.js +0 -298
  100. package/dist/3d/button.mjs +0 -273
  101. package/dist/3d/card.js +0 -234
  102. package/dist/3d/card.mjs +0 -207
  103. package/dist/3d/carousel.js +0 -371
  104. package/dist/3d/carousel.mjs +0 -344
  105. package/dist/3d/grid.js +0 -362
  106. package/dist/3d/grid.mjs +0 -337
  107. package/dist/3d/index.js +0 -1518
  108. package/dist/3d/index.mjs +0 -1472
  109. package/dist/3d/marquee.js +0 -352
  110. package/dist/3d/marquee.mjs +0 -327
  111. package/dist/3d/pin.js +0 -46
  112. package/dist/3d/pin.mjs +0 -24
  113. package/dist/accordion.js +0 -80
  114. package/dist/accordion.mjs +0 -55
  115. package/dist/alert-dialog.js +0 -220
  116. package/dist/alert-dialog.mjs +0 -187
  117. package/dist/alert.js +0 -68
  118. package/dist/alert.mjs +0 -64
  119. package/dist/animation/animated-background.js +0 -424
  120. package/dist/animation/animated-background.mjs +0 -418
  121. package/dist/animation/animated-beam.js +0 -119
  122. package/dist/animation/animated-beam.mjs +0 -97
  123. package/dist/animation/animated-cursor.js +0 -275
  124. package/dist/animation/animated-cursor.mjs +0 -270
  125. package/dist/animation/animated-icon.js +0 -357
  126. package/dist/animation/animated-icon.mjs +0 -351
  127. package/dist/animation/animated-list.js +0 -339
  128. package/dist/animation/animated-list.mjs +0 -333
  129. package/dist/animation/animated-number.js +0 -283
  130. package/dist/animation/animated-number.mjs +0 -277
  131. package/dist/animation/animated-testimonials.js +0 -97
  132. package/dist/animation/animated-testimonials.mjs +0 -75
  133. package/dist/animation/animated-tooltip.js +0 -67
  134. package/dist/animation/animated-tooltip.mjs +0 -45
  135. package/dist/animation/apple-cards-carousel.js +0 -308
  136. package/dist/animation/apple-cards-carousel.mjs +0 -285
  137. package/dist/animation/apple-hello-effect.js +0 -60
  138. package/dist/animation/apple-hello-effect.mjs +0 -38
  139. package/dist/animation/index.js +0 -1952
  140. package/dist/animation/index.mjs +0 -1921
  141. package/dist/avatar.js +0 -71
  142. package/dist/avatar.mjs +0 -47
  143. package/dist/badge.js +0 -66
  144. package/dist/badge.mjs +0 -40
  145. package/dist/blocks/index.js +0 -1665
  146. package/dist/blocks/index.mjs +0 -1626
  147. package/dist/breadcrumb.js +0 -107
  148. package/dist/breadcrumb.mjs +0 -99
  149. package/dist/calendar.js +0 -189
  150. package/dist/calendar.mjs +0 -164
  151. package/dist/carousel.js +0 -278
  152. package/dist/carousel.mjs +0 -249
  153. package/dist/checkbox.js +0 -60
  154. package/dist/checkbox.mjs +0 -35
  155. package/dist/code/block.js +0 -226
  156. package/dist/code/block.mjs +0 -203
  157. package/dist/code/compare.js +0 -446
  158. package/dist/code/compare.mjs +0 -423
  159. package/dist/code/diff.js +0 -430
  160. package/dist/code/diff.mjs +0 -407
  161. package/dist/code/editor.js +0 -243
  162. package/dist/code/editor.mjs +0 -218
  163. package/dist/code/explorer.js +0 -291
  164. package/dist/code/explorer.mjs +0 -268
  165. package/dist/code/index.js +0 -2551
  166. package/dist/code/index.mjs +0 -2510
  167. package/dist/code/preview.js +0 -400
  168. package/dist/code/preview.mjs +0 -377
  169. package/dist/code/snippet.js +0 -274
  170. package/dist/code/snippet.mjs +0 -250
  171. package/dist/code/tabs.js +0 -75
  172. package/dist/code/tabs.mjs +0 -53
  173. package/dist/code/terminal.js +0 -437
  174. package/dist/code/terminal.mjs +0 -414
  175. package/dist/collapsible.js +0 -33
  176. package/dist/collapsible.mjs +0 -9
  177. package/dist/command.js +0 -262
  178. package/dist/command.mjs +0 -232
  179. package/dist/context-menu.js +0 -207
  180. package/dist/context-menu.mjs +0 -171
  181. package/dist/device/index.js +0 -3
  182. package/dist/device/index.mjs +0 -2
  183. package/dist/dialog.js +0 -151
  184. package/dist/dialog.mjs +0 -121
  185. package/dist/dock/basic.js +0 -174
  186. package/dist/dock/basic.mjs +0 -151
  187. package/dist/dock/index.js +0 -628
  188. package/dist/dock/index.mjs +0 -601
  189. package/dist/dock/limelight-nav.js +0 -295
  190. package/dist/dock/limelight-nav.mjs +0 -274
  191. package/dist/dock/macos.js +0 -141
  192. package/dist/dock/macos.mjs +0 -118
  193. package/dist/dock/menu.js +0 -70
  194. package/dist/dock/menu.mjs +0 -48
  195. package/dist/dock/message.js +0 -144
  196. package/dist/dock/message.mjs +0 -122
  197. package/dist/drawer.js +0 -115
  198. package/dist/drawer.mjs +0 -103
  199. package/dist/dropdown-menu.js +0 -202
  200. package/dist/dropdown-menu.mjs +0 -166
  201. package/dist/finance/AdvancedChart.js +0 -48
  202. package/dist/finance/AdvancedChart.mjs +0 -46
  203. package/dist/finance/CompanyProfile.js +0 -48
  204. package/dist/finance/CompanyProfile.mjs +0 -46
  205. package/dist/finance/CryptoScreener.js +0 -45
  206. package/dist/finance/CryptoScreener.mjs +0 -43
  207. package/dist/finance/Financials.js +0 -52
  208. package/dist/finance/Financials.mjs +0 -50
  209. package/dist/finance/ForexScreener.js +0 -46
  210. package/dist/finance/ForexScreener.mjs +0 -44
  211. package/dist/finance/MarketOverview.js +0 -104
  212. package/dist/finance/MarketOverview.mjs +0 -102
  213. package/dist/finance/NewsTimeline.js +0 -44
  214. package/dist/finance/NewsTimeline.mjs +0 -42
  215. package/dist/finance/OrderEntry.js +0 -131
  216. package/dist/finance/OrderEntry.mjs +0 -129
  217. package/dist/finance/OrdersHistory.js +0 -64
  218. package/dist/finance/OrdersHistory.mjs +0 -62
  219. package/dist/finance/PositionsList.js +0 -80
  220. package/dist/finance/PositionsList.mjs +0 -78
  221. package/dist/finance/StockScreener.js +0 -46
  222. package/dist/finance/StockScreener.mjs +0 -44
  223. package/dist/finance/SymbolInfo.js +0 -46
  224. package/dist/finance/SymbolInfo.mjs +0 -44
  225. package/dist/finance/TechnicalAnalysis.js +0 -54
  226. package/dist/finance/TechnicalAnalysis.mjs +0 -52
  227. package/dist/finance/TickerTape.js +0 -56
  228. package/dist/finance/TickerTape.mjs +0 -54
  229. package/dist/finance/TradingPanel.js +0 -191
  230. package/dist/finance/TradingPanel.mjs +0 -189
  231. package/dist/finance/index.js +0 -930
  232. package/dist/finance/index.mjs +0 -914
  233. package/dist/form/index.js +0 -155
  234. package/dist/form/index.mjs +0 -125
  235. package/dist/form.js +0 -172
  236. package/dist/form.mjs +0 -142
  237. package/dist/hover-card.js +0 -58
  238. package/dist/hover-card.mjs +0 -34
  239. package/dist/index.js +0 -10179
  240. package/dist/index.mjs +0 -9785
  241. package/dist/input-otp.js +0 -79
  242. package/dist/input-otp.mjs +0 -54
  243. package/dist/lib/utils.js +0 -28
  244. package/dist/lib/utils.mjs +0 -24
  245. package/dist/navigation/index.js +0 -98
  246. package/dist/navigation/index.mjs +0 -79
  247. package/dist/navigation-menu.js +0 -149
  248. package/dist/navigation-menu.mjs +0 -116
  249. package/dist/pattern/grid-pattern.js +0 -333
  250. package/dist/pattern/grid-pattern.mjs +0 -310
  251. package/dist/pattern/index.js +0 -333
  252. package/dist/pattern/index.mjs +0 -310
  253. package/dist/popover.js +0 -63
  254. package/dist/popover.mjs +0 -37
  255. package/dist/primitives/index.js +0 -10179
  256. package/dist/primitives/index.mjs +0 -9785
  257. package/dist/primitives-export.js +0 -10179
  258. package/dist/primitives-export.mjs +0 -9785
  259. package/dist/progress.js +0 -62
  260. package/dist/progress.mjs +0 -37
  261. package/dist/project/gantt.js +0 -65
  262. package/dist/project/gantt.mjs +0 -43
  263. package/dist/project/index.js +0 -636
  264. package/dist/project/index.mjs +0 -611
  265. package/dist/project/kanban.js +0 -597
  266. package/dist/project/kanban.mjs +0 -572
  267. package/dist/project/list.js +0 -35
  268. package/dist/project/list.mjs +0 -12
  269. package/dist/radio-group.js +0 -68
  270. package/dist/radio-group.mjs +0 -45
  271. package/dist/resizable.js +0 -72
  272. package/dist/resizable.mjs +0 -48
  273. package/dist/scroll-area.js +0 -89
  274. package/dist/scroll-area.mjs +0 -66
  275. package/dist/select.js +0 -140
  276. package/dist/select.mjs +0 -111
  277. package/dist/separator.js +0 -59
  278. package/dist/separator.mjs +0 -34
  279. package/dist/sheet.js +0 -148
  280. package/dist/sheet.mjs +0 -117
  281. package/dist/skeleton.js +0 -32
  282. package/dist/skeleton.mjs +0 -27
  283. package/dist/slider.js +0 -99
  284. package/dist/slider.mjs +0 -73
  285. package/dist/sonner.js +0 -34
  286. package/dist/sonner.mjs +0 -29
  287. package/dist/switch.js +0 -62
  288. package/dist/switch.mjs +0 -37
  289. package/dist/table.js +0 -110
  290. package/dist/table.mjs +0 -101
  291. package/dist/tabs.js +0 -82
  292. package/dist/tabs.mjs +0 -57
  293. package/dist/tailwind/index.js +0 -2023
  294. package/dist/tailwind/index.mjs +0 -2011
  295. package/dist/textarea.js +0 -78
  296. package/dist/textarea.mjs +0 -56
  297. package/dist/toggle-group.js +0 -118
  298. package/dist/toggle-group.mjs +0 -93
  299. package/dist/toggle.js +0 -71
  300. package/dist/toggle.mjs +0 -48
  301. package/dist/tooltip.js +0 -67
  302. package/dist/tooltip.mjs +0 -40
  303. package/dist/types/index.js +0 -57
  304. package/dist/types/index.mjs +0 -51
  305. package/dist/ui/announcement.js +0 -129
  306. package/dist/ui/announcement.mjs +0 -107
  307. package/dist/ui/avatar-group.js +0 -88
  308. package/dist/ui/avatar-group.mjs +0 -65
  309. package/dist/ui/banner.js +0 -85
  310. package/dist/ui/banner.mjs +0 -62
  311. package/dist/ui/cursor.js +0 -78
  312. package/dist/ui/cursor.mjs +0 -56
  313. package/dist/ui/index.js +0 -475
  314. package/dist/ui/index.mjs +0 -442
  315. package/dist/ui/marquee.js +0 -74
  316. package/dist/ui/marquee.mjs +0 -52
  317. package/dist/ui/pill.js +0 -85
  318. package/dist/ui/pill.mjs +0 -62
  319. package/dist/ui/spinner.js +0 -28
  320. package/dist/ui/spinner.mjs +0 -26
  321. package/dist/ui/tags.js +0 -101
  322. package/dist/ui/tags.mjs +0 -79
  323. package/dist/ui/ticker.js +0 -73
  324. package/dist/ui/ticker.mjs +0 -51
  325. package/dist/util/index.js +0 -457
  326. package/dist/util/index.mjs +0 -399
@@ -1,155 +0,0 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var React = require('react');
5
- var reactSlot = require('@radix-ui/react-slot');
6
- var reactHookForm = require('react-hook-form');
7
- var clsx = require('clsx');
8
- var tailwindMerge = require('tailwind-merge');
9
- var LabelPrimitive = require('@radix-ui/react-label');
10
- var classVarianceAuthority = require('class-variance-authority');
11
- var jsxRuntime = require('react/jsx-runtime');
12
-
13
- function _interopNamespace(e) {
14
- if (e && e.__esModule) return e;
15
- var n = Object.create(null);
16
- if (e) {
17
- Object.keys(e).forEach(function (k) {
18
- if (k !== 'default') {
19
- var d = Object.getOwnPropertyDescriptor(e, k);
20
- Object.defineProperty(n, k, d.get ? d : {
21
- enumerable: true,
22
- get: function () { return e[k]; }
23
- });
24
- }
25
- });
26
- }
27
- n.default = e;
28
- return Object.freeze(n);
29
- }
30
-
31
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
- var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
33
-
34
- var __defProp = Object.defineProperty;
35
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
36
- function cn(...inputs) {
37
- return tailwindMerge.twMerge(clsx.clsx(inputs));
38
- }
39
- __name(cn, "cn");
40
-
41
- // utils.ts
42
- function cn2(...inputs) {
43
- return tailwindMerge.twMerge(clsx.clsx(inputs));
44
- }
45
- __name(cn2, "cn");
46
- var labelVariants = classVarianceAuthority.cva(
47
- "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
48
- );
49
- var Label = /* @__PURE__ */ __name(({
50
- className,
51
- ...props
52
- }) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { className: cn(labelVariants(), className), ...props }), "Label");
53
- Label.displayName = LabelPrimitive__namespace.Root.displayName;
54
- var Form = reactHookForm.FormProvider;
55
- var FormFieldContext = React__namespace.createContext(
56
- {}
57
- );
58
- var FormField = /* @__PURE__ */ __name(({
59
- ...props
60
- }) => {
61
- return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
62
- }, "FormField");
63
- var useFormField = /* @__PURE__ */ __name(() => {
64
- const fieldContext = React__namespace.useContext(FormFieldContext);
65
- const itemContext = React__namespace.useContext(FormItemContext);
66
- const { getFieldState, formState } = reactHookForm.useFormContext();
67
- const fieldState = getFieldState(fieldContext.name, formState);
68
- if (!fieldContext) {
69
- throw new Error("useFormField should be used within <FormField>");
70
- }
71
- const { id } = itemContext;
72
- return {
73
- id,
74
- name: fieldContext.name,
75
- formItemId: `${id}-form-item`,
76
- formDescriptionId: `${id}-form-item-description`,
77
- formMessageId: `${id}-form-item-message`,
78
- ...fieldState
79
- };
80
- }, "useFormField");
81
- var FormItemContext = React__namespace.createContext(
82
- {}
83
- );
84
- var FormItem = React__namespace.forwardRef(({ className, ...props }, ref) => {
85
- const id = React__namespace.useId();
86
- return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn2("space-y-2", className), ...props }) });
87
- });
88
- FormItem.displayName = "FormItem";
89
- var FormLabel = React__namespace.forwardRef(({ className, ...props }, ref) => {
90
- const { error, formItemId } = useFormField();
91
- return /* @__PURE__ */ jsxRuntime.jsx(
92
- Label,
93
- {
94
- ref,
95
- className: cn2(error && "text-destructive", className),
96
- htmlFor: formItemId,
97
- ...props
98
- }
99
- );
100
- });
101
- FormLabel.displayName = "FormLabel";
102
- var FormControl = React__namespace.forwardRef(({ ...props }, ref) => {
103
- const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
104
- return /* @__PURE__ */ jsxRuntime.jsx(
105
- reactSlot.Slot,
106
- {
107
- ref,
108
- id: formItemId,
109
- "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
110
- "aria-invalid": !!error,
111
- ...props
112
- }
113
- );
114
- });
115
- FormControl.displayName = "FormControl";
116
- var FormDescription = React__namespace.forwardRef(({ className, ...props }, ref) => {
117
- const { formDescriptionId } = useFormField();
118
- return /* @__PURE__ */ jsxRuntime.jsx(
119
- "p",
120
- {
121
- ref,
122
- id: formDescriptionId,
123
- className: cn2("text-sm text-muted-foreground", className),
124
- ...props
125
- }
126
- );
127
- });
128
- FormDescription.displayName = "FormDescription";
129
- var FormMessage = React__namespace.forwardRef(({ className, children, ...props }, ref) => {
130
- const { error, formMessageId } = useFormField();
131
- const body = error ? String(error?.message) : children;
132
- if (!body) {
133
- return null;
134
- }
135
- return /* @__PURE__ */ jsxRuntime.jsx(
136
- "p",
137
- {
138
- ref,
139
- id: formMessageId,
140
- className: cn2("text-sm font-medium text-destructive", className),
141
- ...props,
142
- children: body
143
- }
144
- );
145
- });
146
- FormMessage.displayName = "FormMessage";
147
-
148
- exports.Form = Form;
149
- exports.FormControl = FormControl;
150
- exports.FormDescription = FormDescription;
151
- exports.FormField = FormField;
152
- exports.FormItem = FormItem;
153
- exports.FormLabel = FormLabel;
154
- exports.FormMessage = FormMessage;
155
- exports.useFormField = useFormField;
@@ -1,125 +0,0 @@
1
- "use client";
2
- import * as React from 'react';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import { useFormContext, FormProvider, Controller } from 'react-hook-form';
5
- import { clsx } from 'clsx';
6
- import { twMerge } from 'tailwind-merge';
7
- import * as LabelPrimitive from '@radix-ui/react-label';
8
- import { cva } from 'class-variance-authority';
9
- import { jsx } from 'react/jsx-runtime';
10
-
11
- var __defProp = Object.defineProperty;
12
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
13
- function cn(...inputs) {
14
- return twMerge(clsx(inputs));
15
- }
16
- __name(cn, "cn");
17
-
18
- // utils.ts
19
- function cn2(...inputs) {
20
- return twMerge(clsx(inputs));
21
- }
22
- __name(cn2, "cn");
23
- var labelVariants = cva(
24
- "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
25
- );
26
- var Label = /* @__PURE__ */ __name(({
27
- className,
28
- ...props
29
- }) => /* @__PURE__ */ jsx(LabelPrimitive.Root, { className: cn(labelVariants(), className), ...props }), "Label");
30
- Label.displayName = LabelPrimitive.Root.displayName;
31
- var Form = FormProvider;
32
- var FormFieldContext = React.createContext(
33
- {}
34
- );
35
- var FormField = /* @__PURE__ */ __name(({
36
- ...props
37
- }) => {
38
- return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
39
- }, "FormField");
40
- var useFormField = /* @__PURE__ */ __name(() => {
41
- const fieldContext = React.useContext(FormFieldContext);
42
- const itemContext = React.useContext(FormItemContext);
43
- const { getFieldState, formState } = useFormContext();
44
- const fieldState = getFieldState(fieldContext.name, formState);
45
- if (!fieldContext) {
46
- throw new Error("useFormField should be used within <FormField>");
47
- }
48
- const { id } = itemContext;
49
- return {
50
- id,
51
- name: fieldContext.name,
52
- formItemId: `${id}-form-item`,
53
- formDescriptionId: `${id}-form-item-description`,
54
- formMessageId: `${id}-form-item-message`,
55
- ...fieldState
56
- };
57
- }, "useFormField");
58
- var FormItemContext = React.createContext(
59
- {}
60
- );
61
- var FormItem = React.forwardRef(({ className, ...props }, ref) => {
62
- const id = React.useId();
63
- return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn2("space-y-2", className), ...props }) });
64
- });
65
- FormItem.displayName = "FormItem";
66
- var FormLabel = React.forwardRef(({ className, ...props }, ref) => {
67
- const { error, formItemId } = useFormField();
68
- return /* @__PURE__ */ jsx(
69
- Label,
70
- {
71
- ref,
72
- className: cn2(error && "text-destructive", className),
73
- htmlFor: formItemId,
74
- ...props
75
- }
76
- );
77
- });
78
- FormLabel.displayName = "FormLabel";
79
- var FormControl = React.forwardRef(({ ...props }, ref) => {
80
- const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
81
- return /* @__PURE__ */ jsx(
82
- Slot,
83
- {
84
- ref,
85
- id: formItemId,
86
- "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
87
- "aria-invalid": !!error,
88
- ...props
89
- }
90
- );
91
- });
92
- FormControl.displayName = "FormControl";
93
- var FormDescription = React.forwardRef(({ className, ...props }, ref) => {
94
- const { formDescriptionId } = useFormField();
95
- return /* @__PURE__ */ jsx(
96
- "p",
97
- {
98
- ref,
99
- id: formDescriptionId,
100
- className: cn2("text-sm text-muted-foreground", className),
101
- ...props
102
- }
103
- );
104
- });
105
- FormDescription.displayName = "FormDescription";
106
- var FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
107
- const { error, formMessageId } = useFormField();
108
- const body = error ? String(error?.message) : children;
109
- if (!body) {
110
- return null;
111
- }
112
- return /* @__PURE__ */ jsx(
113
- "p",
114
- {
115
- ref,
116
- id: formMessageId,
117
- className: cn2("text-sm font-medium text-destructive", className),
118
- ...props,
119
- children: body
120
- }
121
- );
122
- });
123
- FormMessage.displayName = "FormMessage";
124
-
125
- export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
package/dist/form.js DELETED
@@ -1,172 +0,0 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var reactSlot = require('@radix-ui/react-slot');
5
- var React = require('react');
6
- var reactHookForm = require('react-hook-form');
7
- var clsx = require('clsx');
8
- var tailwindMerge = require('tailwind-merge');
9
- var LabelPrimitive = require('@radix-ui/react-label');
10
- var classVarianceAuthority = require('class-variance-authority');
11
- var jsxRuntime = require('react/jsx-runtime');
12
-
13
- function _interopNamespace(e) {
14
- if (e && e.__esModule) return e;
15
- var n = Object.create(null);
16
- if (e) {
17
- Object.keys(e).forEach(function (k) {
18
- if (k !== 'default') {
19
- var d = Object.getOwnPropertyDescriptor(e, k);
20
- Object.defineProperty(n, k, d.get ? d : {
21
- enumerable: true,
22
- get: function () { return e[k]; }
23
- });
24
- }
25
- });
26
- }
27
- n.default = e;
28
- return Object.freeze(n);
29
- }
30
-
31
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
- var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
33
-
34
- var __defProp = Object.defineProperty;
35
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
36
- function cn(...inputs) {
37
- return tailwindMerge.twMerge(clsx.clsx(inputs));
38
- }
39
- __name(cn, "cn");
40
- var labelVariants = classVarianceAuthority.cva(
41
- "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
42
- );
43
- var Label = /* @__PURE__ */ __name(({
44
- className,
45
- ...props
46
- }) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { className: cn(labelVariants(), className), ...props }), "Label");
47
- Label.displayName = LabelPrimitive__namespace.Root.displayName;
48
- var Form = reactHookForm.FormProvider;
49
- var FormFieldContext = React__namespace.createContext(
50
- {}
51
- );
52
- var FormField = /* @__PURE__ */ __name(({
53
- ...props
54
- }) => {
55
- return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
56
- }, "FormField");
57
- var useFormField = /* @__PURE__ */ __name(() => {
58
- const fieldContext = React__namespace.useContext(FormFieldContext);
59
- const itemContext = React__namespace.useContext(FormItemContext);
60
- const { getFieldState, formState } = reactHookForm.useFormContext();
61
- const fieldState = getFieldState(fieldContext.name, formState);
62
- if (!fieldContext) {
63
- throw new Error("useFormField should be used within <FormField>");
64
- }
65
- const { id } = itemContext;
66
- return {
67
- id,
68
- name: fieldContext.name,
69
- formItemId: `${id}-form-item`,
70
- formDescriptionId: `${id}-form-item-description`,
71
- formMessageId: `${id}-form-item-message`,
72
- ...fieldState
73
- };
74
- }, "useFormField");
75
- var FormItemContext = React__namespace.createContext(
76
- {}
77
- );
78
- var FormItem = /* @__PURE__ */ __name(({
79
- className,
80
- ...props
81
- }) => {
82
- const id = React__namespace.useId();
83
- return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative", className), ...props }) });
84
- }, "FormItem");
85
- FormItem.displayName = "FormItem";
86
- var FormLabel = /* @__PURE__ */ __name(({
87
- className,
88
- ...props
89
- }) => {
90
- const { error, formItemId } = useFormField();
91
- return /* @__PURE__ */ jsxRuntime.jsx(
92
- Label,
93
- {
94
- className: cn(
95
- "text-text-secondary pointer-events-none absolute top-3 left-4 flex text-xs leading-tight font-medium transition-all select-none",
96
- // input
97
- "peer-placeholder-shown:text-text-tertiary z-[1] peer-placeholder-shown:text-base peer-placeholder-shown:leading-[2.3]",
98
- "peer-focus:text-text-secondary peer-disabled:peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-tertiary peer-focus:text-xs peer-focus:leading-tight",
99
- // select
100
- "peer-data-[placeholder]/select:top-5 peer-data-[placeholder]/select:text-base",
101
- // adornment
102
- "peer-[.adornment]/adornment:text-xs",
103
- error && "text-red-500",
104
- className
105
- ),
106
- htmlFor: formItemId,
107
- ...props
108
- }
109
- );
110
- }, "FormLabel");
111
- FormLabel.displayName = "FormLabel";
112
- var FormControl = /* @__PURE__ */ __name(({ ...props }) => {
113
- const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
114
- return /* @__PURE__ */ jsxRuntime.jsx(
115
- reactSlot.Slot,
116
- {
117
- "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : `${formDescriptionId}`,
118
- "aria-invalid": !!error,
119
- id: formItemId,
120
- ...props
121
- }
122
- );
123
- }, "FormControl");
124
- FormControl.displayName = "FormControl";
125
- var FormDescription = /* @__PURE__ */ __name(({
126
- className,
127
- ...props
128
- }) => {
129
- const { formDescriptionId } = useFormField();
130
- return /* @__PURE__ */ jsxRuntime.jsx(
131
- "p",
132
- {
133
- className: cn("text-text-secondary py-1 text-[0.75rem]", className),
134
- id: formDescriptionId,
135
- ...props
136
- }
137
- );
138
- }, "FormDescription");
139
- FormDescription.displayName = "FormDescription";
140
- var FormMessage = /* @__PURE__ */ __name(({
141
- className,
142
- children,
143
- ...props
144
- }) => {
145
- const { error, formMessageId } = useFormField();
146
- const body = error ? String(error?.message) : children;
147
- if (!body) {
148
- return null;
149
- }
150
- return /* @__PURE__ */ jsxRuntime.jsx(
151
- "p",
152
- {
153
- className: cn(
154
- "text-red text-[0.75rem] font-medium dark:text-red-900",
155
- className
156
- ),
157
- id: formMessageId,
158
- ...props,
159
- children: body
160
- }
161
- );
162
- }, "FormMessage");
163
- FormMessage.displayName = "FormMessage";
164
-
165
- exports.Form = Form;
166
- exports.FormControl = FormControl;
167
- exports.FormDescription = FormDescription;
168
- exports.FormField = FormField;
169
- exports.FormItem = FormItem;
170
- exports.FormLabel = FormLabel;
171
- exports.FormMessage = FormMessage;
172
- exports.useFormField = useFormField;
package/dist/form.mjs DELETED
@@ -1,142 +0,0 @@
1
- "use client";
2
- import { Slot } from '@radix-ui/react-slot';
3
- import * as React from 'react';
4
- import { useFormContext, FormProvider, Controller } from 'react-hook-form';
5
- import { clsx } from 'clsx';
6
- import { twMerge } from 'tailwind-merge';
7
- import * as LabelPrimitive from '@radix-ui/react-label';
8
- import { cva } from 'class-variance-authority';
9
- import { jsx } from 'react/jsx-runtime';
10
-
11
- var __defProp = Object.defineProperty;
12
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
13
- function cn(...inputs) {
14
- return twMerge(clsx(inputs));
15
- }
16
- __name(cn, "cn");
17
- var labelVariants = cva(
18
- "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
19
- );
20
- var Label = /* @__PURE__ */ __name(({
21
- className,
22
- ...props
23
- }) => /* @__PURE__ */ jsx(LabelPrimitive.Root, { className: cn(labelVariants(), className), ...props }), "Label");
24
- Label.displayName = LabelPrimitive.Root.displayName;
25
- var Form = FormProvider;
26
- var FormFieldContext = React.createContext(
27
- {}
28
- );
29
- var FormField = /* @__PURE__ */ __name(({
30
- ...props
31
- }) => {
32
- return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
33
- }, "FormField");
34
- var useFormField = /* @__PURE__ */ __name(() => {
35
- const fieldContext = React.useContext(FormFieldContext);
36
- const itemContext = React.useContext(FormItemContext);
37
- const { getFieldState, formState } = useFormContext();
38
- const fieldState = getFieldState(fieldContext.name, formState);
39
- if (!fieldContext) {
40
- throw new Error("useFormField should be used within <FormField>");
41
- }
42
- const { id } = itemContext;
43
- return {
44
- id,
45
- name: fieldContext.name,
46
- formItemId: `${id}-form-item`,
47
- formDescriptionId: `${id}-form-item-description`,
48
- formMessageId: `${id}-form-item-message`,
49
- ...fieldState
50
- };
51
- }, "useFormField");
52
- var FormItemContext = React.createContext(
53
- {}
54
- );
55
- var FormItem = /* @__PURE__ */ __name(({
56
- className,
57
- ...props
58
- }) => {
59
- const id = React.useId();
60
- return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { className: cn("relative", className), ...props }) });
61
- }, "FormItem");
62
- FormItem.displayName = "FormItem";
63
- var FormLabel = /* @__PURE__ */ __name(({
64
- className,
65
- ...props
66
- }) => {
67
- const { error, formItemId } = useFormField();
68
- return /* @__PURE__ */ jsx(
69
- Label,
70
- {
71
- className: cn(
72
- "text-text-secondary pointer-events-none absolute top-3 left-4 flex text-xs leading-tight font-medium transition-all select-none",
73
- // input
74
- "peer-placeholder-shown:text-text-tertiary z-[1] peer-placeholder-shown:text-base peer-placeholder-shown:leading-[2.3]",
75
- "peer-focus:text-text-secondary peer-disabled:peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-tertiary peer-focus:text-xs peer-focus:leading-tight",
76
- // select
77
- "peer-data-[placeholder]/select:top-5 peer-data-[placeholder]/select:text-base",
78
- // adornment
79
- "peer-[.adornment]/adornment:text-xs",
80
- error && "text-red-500",
81
- className
82
- ),
83
- htmlFor: formItemId,
84
- ...props
85
- }
86
- );
87
- }, "FormLabel");
88
- FormLabel.displayName = "FormLabel";
89
- var FormControl = /* @__PURE__ */ __name(({ ...props }) => {
90
- const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
91
- return /* @__PURE__ */ jsx(
92
- Slot,
93
- {
94
- "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : `${formDescriptionId}`,
95
- "aria-invalid": !!error,
96
- id: formItemId,
97
- ...props
98
- }
99
- );
100
- }, "FormControl");
101
- FormControl.displayName = "FormControl";
102
- var FormDescription = /* @__PURE__ */ __name(({
103
- className,
104
- ...props
105
- }) => {
106
- const { formDescriptionId } = useFormField();
107
- return /* @__PURE__ */ jsx(
108
- "p",
109
- {
110
- className: cn("text-text-secondary py-1 text-[0.75rem]", className),
111
- id: formDescriptionId,
112
- ...props
113
- }
114
- );
115
- }, "FormDescription");
116
- FormDescription.displayName = "FormDescription";
117
- var FormMessage = /* @__PURE__ */ __name(({
118
- className,
119
- children,
120
- ...props
121
- }) => {
122
- const { error, formMessageId } = useFormField();
123
- const body = error ? String(error?.message) : children;
124
- if (!body) {
125
- return null;
126
- }
127
- return /* @__PURE__ */ jsx(
128
- "p",
129
- {
130
- className: cn(
131
- "text-red text-[0.75rem] font-medium dark:text-red-900",
132
- className
133
- ),
134
- id: formMessageId,
135
- ...props,
136
- children: body
137
- }
138
- );
139
- }, "FormMessage");
140
- FormMessage.displayName = "FormMessage";
141
-
142
- export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
@@ -1,58 +0,0 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var HoverCardPrimitive = require('@radix-ui/react-hover-card');
5
- var clsx = require('clsx');
6
- var tailwindMerge = require('tailwind-merge');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- function _interopNamespace(e) {
10
- if (e && e.__esModule) return e;
11
- var n = Object.create(null);
12
- if (e) {
13
- Object.keys(e).forEach(function (k) {
14
- if (k !== 'default') {
15
- var d = Object.getOwnPropertyDescriptor(e, k);
16
- Object.defineProperty(n, k, d.get ? d : {
17
- enumerable: true,
18
- get: function () { return e[k]; }
19
- });
20
- }
21
- });
22
- }
23
- n.default = e;
24
- return Object.freeze(n);
25
- }
26
-
27
- var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
28
-
29
- var __defProp = Object.defineProperty;
30
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
31
- function cn(...inputs) {
32
- return tailwindMerge.twMerge(clsx.clsx(inputs));
33
- }
34
- __name(cn, "cn");
35
- var HoverCard = HoverCardPrimitive__namespace.Root;
36
- var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
37
- var HoverCardContent = /* @__PURE__ */ __name(({
38
- className,
39
- align = "center",
40
- sideOffset = 4,
41
- ...props
42
- }) => /* @__PURE__ */ jsxRuntime.jsx(
43
- HoverCardPrimitive__namespace.Content,
44
- {
45
- align,
46
- className: cn(
47
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-bg-dark border-divider z-[1500000000] flex flex-col gap-3 rounded-md border pt-1 shadow-none outline-hidden data-[side=top]:flex-col-reverse",
48
- className
49
- ),
50
- sideOffset,
51
- ...props
52
- }
53
- ), "HoverCardContent");
54
- HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
55
-
56
- exports.HoverCard = HoverCard;
57
- exports.HoverCardContent = HoverCardContent;
58
- exports.HoverCardTrigger = HoverCardTrigger;
@@ -1,34 +0,0 @@
1
- "use client";
2
- import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
3
- import { clsx } from 'clsx';
4
- import { twMerge } from 'tailwind-merge';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- var __defProp = Object.defineProperty;
8
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
9
- function cn(...inputs) {
10
- return twMerge(clsx(inputs));
11
- }
12
- __name(cn, "cn");
13
- var HoverCard = HoverCardPrimitive.Root;
14
- var HoverCardTrigger = HoverCardPrimitive.Trigger;
15
- var HoverCardContent = /* @__PURE__ */ __name(({
16
- className,
17
- align = "center",
18
- sideOffset = 4,
19
- ...props
20
- }) => /* @__PURE__ */ jsx(
21
- HoverCardPrimitive.Content,
22
- {
23
- align,
24
- className: cn(
25
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-bg-dark border-divider z-[1500000000] flex flex-col gap-3 rounded-md border pt-1 shadow-none outline-hidden data-[side=top]:flex-col-reverse",
26
- className
27
- ),
28
- sideOffset,
29
- ...props
30
- }
31
- ), "HoverCardContent");
32
- HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
33
-
34
- export { HoverCard, HoverCardContent, HoverCardTrigger };