@codefast/ui 0.0.27 → 0.0.29

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 (327) hide show
  1. package/dist/accordion.js +1 -49
  2. package/dist/accordion.js.map +1 -1
  3. package/dist/accordion.mjs +1 -49
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert-dialog.js +1 -65
  6. package/dist/alert-dialog.js.map +1 -1
  7. package/dist/alert-dialog.mjs +1 -65
  8. package/dist/alert-dialog.mjs.map +1 -1
  9. package/dist/alert.js +1 -33
  10. package/dist/alert.js.map +1 -1
  11. package/dist/alert.mjs +1 -33
  12. package/dist/alert.mjs.map +1 -1
  13. package/dist/animate.plugin.js +2 -0
  14. package/dist/animate.plugin.js.map +1 -0
  15. package/dist/animate.plugin.mjs +2 -0
  16. package/dist/animate.plugin.mjs.map +1 -0
  17. package/dist/aspect-ratio.js +1 -8
  18. package/dist/aspect-ratio.js.map +1 -1
  19. package/dist/aspect-ratio.mjs +1 -8
  20. package/dist/aspect-ratio.mjs.map +1 -1
  21. package/dist/avatar.js +1 -34
  22. package/dist/avatar.js.map +1 -1
  23. package/dist/avatar.mjs +1 -34
  24. package/dist/avatar.mjs.map +1 -1
  25. package/dist/badge.js +1 -26
  26. package/dist/badge.js.map +1 -1
  27. package/dist/badge.mjs +1 -26
  28. package/dist/badge.mjs.map +1 -1
  29. package/dist/blockquote.js +1 -12
  30. package/dist/blockquote.js.map +1 -1
  31. package/dist/blockquote.mjs +1 -12
  32. package/dist/blockquote.mjs.map +1 -1
  33. package/dist/box.js +1 -12
  34. package/dist/box.js.map +1 -1
  35. package/dist/box.mjs +1 -12
  36. package/dist/box.mjs.map +1 -1
  37. package/dist/breadcrumb.js +1 -71
  38. package/dist/breadcrumb.js.map +1 -1
  39. package/dist/breadcrumb.mjs +1 -71
  40. package/dist/breadcrumb.mjs.map +1 -1
  41. package/dist/button.d.mts +1 -1
  42. package/dist/button.d.ts +1 -1
  43. package/dist/button.js +1 -10
  44. package/dist/button.mjs +1 -10
  45. package/dist/calendar.js +1 -70
  46. package/dist/calendar.js.map +1 -1
  47. package/dist/calendar.mjs +1 -70
  48. package/dist/calendar.mjs.map +1 -1
  49. package/dist/card.js +1 -29
  50. package/dist/card.js.map +1 -1
  51. package/dist/card.mjs +1 -29
  52. package/dist/card.mjs.map +1 -1
  53. package/dist/carousel.js +1 -193
  54. package/dist/carousel.js.map +1 -1
  55. package/dist/carousel.mjs +1 -193
  56. package/dist/carousel.mjs.map +1 -1
  57. package/dist/checkbox-cards.js +1 -51
  58. package/dist/checkbox-cards.js.map +1 -1
  59. package/dist/checkbox-cards.mjs +1 -51
  60. package/dist/checkbox-cards.mjs.map +1 -1
  61. package/dist/checkbox-group.js +1 -39
  62. package/dist/checkbox-group.js.map +1 -1
  63. package/dist/checkbox-group.mjs +1 -39
  64. package/dist/checkbox-group.mjs.map +1 -1
  65. package/dist/checkbox-group.primitive.js +1 -18
  66. package/dist/checkbox-group.primitive.mjs +1 -18
  67. package/dist/checkbox.js +1 -26
  68. package/dist/checkbox.js.map +1 -1
  69. package/dist/checkbox.mjs +1 -26
  70. package/dist/checkbox.mjs.map +1 -1
  71. package/dist/chunk-2RQCRE7N.js +2 -0
  72. package/dist/chunk-2RQCRE7N.js.map +1 -0
  73. package/dist/chunk-ATQPXKGH.mjs +2 -0
  74. package/dist/{chunk-JULVZPCS.mjs.map → chunk-ATQPXKGH.mjs.map} +1 -1
  75. package/dist/chunk-CF2GOAXC.mjs +2 -0
  76. package/dist/{chunk-AUQEMOIM.mjs.map → chunk-CF2GOAXC.mjs.map} +1 -1
  77. package/dist/chunk-CHJJRHD2.mjs +2 -0
  78. package/dist/{chunk-TXRIFICH.mjs.map → chunk-CHJJRHD2.mjs.map} +1 -1
  79. package/dist/chunk-CNPQJV2G.js +2 -0
  80. package/dist/chunk-CNPQJV2G.js.map +1 -0
  81. package/dist/chunk-DCN2KICL.js +2 -0
  82. package/dist/chunk-DCN2KICL.js.map +1 -0
  83. package/dist/chunk-HJ4U5JJA.mjs +2 -0
  84. package/dist/chunk-HJ4U5JJA.mjs.map +1 -0
  85. package/dist/chunk-IBJ5USOR.js +2 -0
  86. package/dist/chunk-IBJ5USOR.js.map +1 -0
  87. package/dist/chunk-J5EXNAHZ.js +2 -0
  88. package/dist/chunk-J5EXNAHZ.js.map +1 -0
  89. package/dist/chunk-JTI7KCLO.mjs +2 -0
  90. package/dist/chunk-JTI7KCLO.mjs.map +1 -0
  91. package/dist/chunk-JVGHOCS7.js +2 -0
  92. package/dist/chunk-JVGHOCS7.js.map +1 -0
  93. package/dist/chunk-KICZFOKE.js +2 -0
  94. package/dist/chunk-KICZFOKE.js.map +1 -0
  95. package/dist/chunk-MXVHKLFU.mjs +2 -0
  96. package/dist/{chunk-FGI3JA75.mjs.map → chunk-MXVHKLFU.mjs.map} +1 -1
  97. package/dist/chunk-O7LLHO4I.js +2 -0
  98. package/dist/chunk-O7LLHO4I.js.map +1 -0
  99. package/dist/chunk-QZCQ42BP.js +2 -0
  100. package/dist/chunk-QZCQ42BP.js.map +1 -0
  101. package/dist/chunk-S23IT4G2.js +2 -0
  102. package/dist/chunk-S23IT4G2.js.map +1 -0
  103. package/dist/chunk-TMXZMQRK.mjs +2 -0
  104. package/dist/{chunk-73S45XV3.mjs.map → chunk-TMXZMQRK.mjs.map} +1 -1
  105. package/dist/chunk-VDYNVLXR.mjs +2 -0
  106. package/dist/{chunk-U6VR5RJ5.mjs.map → chunk-VDYNVLXR.mjs.map} +1 -1
  107. package/dist/chunk-XPJZ6WQM.js +2 -0
  108. package/dist/chunk-XPJZ6WQM.js.map +1 -0
  109. package/dist/chunk-YV4UJQ5X.mjs +2 -0
  110. package/dist/{chunk-EWS3N4OZ.mjs.map → chunk-YV4UJQ5X.mjs.map} +1 -1
  111. package/dist/chunk-ZLAYTLRK.mjs +2 -0
  112. package/dist/chunk-ZLAYTLRK.mjs.map +1 -0
  113. package/dist/chunk-ZMVKHU4U.mjs +2 -0
  114. package/dist/{chunk-Q24YJU6W.mjs.map → chunk-ZMVKHU4U.mjs.map} +1 -1
  115. package/dist/code.js +1 -12
  116. package/dist/code.js.map +1 -1
  117. package/dist/code.mjs +1 -12
  118. package/dist/code.mjs.map +1 -1
  119. package/dist/collapsible.js +1 -12
  120. package/dist/collapsible.js.map +1 -1
  121. package/dist/collapsible.mjs +1 -12
  122. package/dist/collapsible.mjs.map +1 -1
  123. package/dist/command.d.mts +15 -15
  124. package/dist/command.d.ts +15 -15
  125. package/dist/command.js +1 -93
  126. package/dist/command.js.map +1 -1
  127. package/dist/command.mjs +1 -93
  128. package/dist/command.mjs.map +1 -1
  129. package/dist/container.js +1 -16
  130. package/dist/container.js.map +1 -1
  131. package/dist/container.mjs +1 -16
  132. package/dist/container.mjs.map +1 -1
  133. package/dist/context-menu.js +1 -153
  134. package/dist/context-menu.js.map +1 -1
  135. package/dist/context-menu.mjs +1 -153
  136. package/dist/context-menu.mjs.map +1 -1
  137. package/dist/data-table.js +1 -235
  138. package/dist/data-table.js.map +1 -1
  139. package/dist/data-table.mjs +1 -235
  140. package/dist/data-table.mjs.map +1 -1
  141. package/dist/dialog.js +1 -22
  142. package/dist/dialog.mjs +1 -22
  143. package/dist/drawer.js +1 -64
  144. package/dist/drawer.js.map +1 -1
  145. package/dist/drawer.mjs +1 -64
  146. package/dist/drawer.mjs.map +1 -1
  147. package/dist/dropdown-menu.js +1 -34
  148. package/dist/dropdown-menu.mjs +1 -34
  149. package/dist/em.js +1 -12
  150. package/dist/em.js.map +1 -1
  151. package/dist/em.mjs +1 -12
  152. package/dist/em.mjs.map +1 -1
  153. package/dist/form.js +1 -91
  154. package/dist/form.js.map +1 -1
  155. package/dist/form.mjs +1 -91
  156. package/dist/form.mjs.map +1 -1
  157. package/dist/heading.js +1 -12
  158. package/dist/heading.js.map +1 -1
  159. package/dist/heading.mjs +1 -12
  160. package/dist/heading.mjs.map +1 -1
  161. package/dist/hover-card.js +1 -35
  162. package/dist/hover-card.js.map +1 -1
  163. package/dist/hover-card.mjs +1 -35
  164. package/dist/hover-card.mjs.map +1 -1
  165. package/dist/input-otp.js +1 -62
  166. package/dist/input-otp.js.map +1 -1
  167. package/dist/input-otp.mjs +1 -62
  168. package/dist/input-otp.mjs.map +1 -1
  169. package/dist/input.js +1 -28
  170. package/dist/input.js.map +1 -1
  171. package/dist/input.mjs +1 -28
  172. package/dist/input.mjs.map +1 -1
  173. package/dist/kbd.js +1 -26
  174. package/dist/kbd.js.map +1 -1
  175. package/dist/kbd.mjs +1 -26
  176. package/dist/kbd.mjs.map +1 -1
  177. package/dist/label.js +1 -8
  178. package/dist/label.mjs +1 -8
  179. package/dist/menubar.js +1 -168
  180. package/dist/menubar.js.map +1 -1
  181. package/dist/menubar.mjs +1 -168
  182. package/dist/menubar.mjs.map +1 -1
  183. package/dist/navigation-menu.js +1 -119
  184. package/dist/navigation-menu.js.map +1 -1
  185. package/dist/navigation-menu.mjs +1 -119
  186. package/dist/navigation-menu.mjs.map +1 -1
  187. package/dist/pagination.js +1 -86
  188. package/dist/pagination.js.map +1 -1
  189. package/dist/pagination.mjs +1 -86
  190. package/dist/pagination.mjs.map +1 -1
  191. package/dist/perspective.plugin.js +2 -0
  192. package/dist/perspective.plugin.js.map +1 -0
  193. package/dist/perspective.plugin.mjs +2 -0
  194. package/dist/perspective.plugin.mjs.map +1 -0
  195. package/dist/popover.js +1 -37
  196. package/dist/popover.js.map +1 -1
  197. package/dist/popover.mjs +1 -37
  198. package/dist/popover.mjs.map +1 -1
  199. package/dist/pre.js +1 -12
  200. package/dist/pre.js.map +1 -1
  201. package/dist/pre.mjs +1 -12
  202. package/dist/pre.mjs.map +1 -1
  203. package/dist/progress.js +1 -30
  204. package/dist/progress.js.map +1 -1
  205. package/dist/progress.mjs +1 -30
  206. package/dist/progress.mjs.map +1 -1
  207. package/dist/quote.js +1 -12
  208. package/dist/quote.js.map +1 -1
  209. package/dist/quote.mjs +1 -12
  210. package/dist/quote.mjs.map +1 -1
  211. package/dist/radio-cards.js +1 -31
  212. package/dist/radio-cards.js.map +1 -1
  213. package/dist/radio-cards.mjs +1 -31
  214. package/dist/radio-cards.mjs.map +1 -1
  215. package/dist/radio-group.js +1 -32
  216. package/dist/radio-group.js.map +1 -1
  217. package/dist/radio-group.mjs +1 -32
  218. package/dist/radio-group.mjs.map +1 -1
  219. package/dist/radio.js +1 -28
  220. package/dist/radio.js.map +1 -1
  221. package/dist/radio.mjs +1 -28
  222. package/dist/radio.mjs.map +1 -1
  223. package/dist/resizable.js +1 -44
  224. package/dist/resizable.js.map +1 -1
  225. package/dist/resizable.mjs +1 -44
  226. package/dist/resizable.mjs.map +1 -1
  227. package/dist/scroll-area.js +1 -38
  228. package/dist/scroll-area.js.map +1 -1
  229. package/dist/scroll-area.mjs +1 -38
  230. package/dist/scroll-area.mjs.map +1 -1
  231. package/dist/section.js +1 -12
  232. package/dist/section.js.map +1 -1
  233. package/dist/section.mjs +1 -12
  234. package/dist/section.mjs.map +1 -1
  235. package/dist/select.js +1 -26
  236. package/dist/select.mjs +1 -26
  237. package/dist/separator.js +1 -25
  238. package/dist/separator.js.map +1 -1
  239. package/dist/separator.mjs +1 -25
  240. package/dist/separator.mjs.map +1 -1
  241. package/dist/sheet.js +1 -64
  242. package/dist/sheet.js.map +1 -1
  243. package/dist/sheet.mjs +1 -64
  244. package/dist/sheet.mjs.map +1 -1
  245. package/dist/skeleton.js +1 -12
  246. package/dist/skeleton.js.map +1 -1
  247. package/dist/skeleton.mjs +1 -12
  248. package/dist/skeleton.mjs.map +1 -1
  249. package/dist/slider.js +1 -32
  250. package/dist/slider.js.map +1 -1
  251. package/dist/slider.mjs +1 -32
  252. package/dist/slider.mjs.map +1 -1
  253. package/dist/sonner.js +1 -29
  254. package/dist/sonner.js.map +1 -1
  255. package/dist/sonner.mjs +1 -29
  256. package/dist/sonner.mjs.map +1 -1
  257. package/dist/spinner.js +1 -7
  258. package/dist/spinner.mjs +1 -7
  259. package/dist/strong.js +1 -12
  260. package/dist/strong.js.map +1 -1
  261. package/dist/strong.mjs +1 -12
  262. package/dist/strong.mjs.map +1 -1
  263. package/dist/switch.js +1 -25
  264. package/dist/switch.js.map +1 -1
  265. package/dist/switch.mjs +1 -25
  266. package/dist/switch.mjs.map +1 -1
  267. package/dist/table.js +1 -50
  268. package/dist/table.js.map +1 -1
  269. package/dist/table.mjs +1 -50
  270. package/dist/table.mjs.map +1 -1
  271. package/dist/tabs.js +1 -52
  272. package/dist/tabs.js.map +1 -1
  273. package/dist/tabs.mjs +1 -52
  274. package/dist/tabs.mjs.map +1 -1
  275. package/dist/tailwind.config.js +1 -383
  276. package/dist/tailwind.config.js.map +1 -1
  277. package/dist/tailwind.config.mjs +1 -383
  278. package/dist/tailwind.config.mjs.map +1 -1
  279. package/dist/text.js +1 -12
  280. package/dist/text.js.map +1 -1
  281. package/dist/text.mjs +1 -12
  282. package/dist/text.mjs.map +1 -1
  283. package/dist/textarea.js +1 -24
  284. package/dist/textarea.js.map +1 -1
  285. package/dist/textarea.mjs +1 -24
  286. package/dist/textarea.mjs.map +1 -1
  287. package/dist/toggle-group.js +1 -56
  288. package/dist/toggle-group.js.map +1 -1
  289. package/dist/toggle-group.mjs +1 -56
  290. package/dist/toggle-group.mjs.map +1 -1
  291. package/dist/toggle.js +1 -10
  292. package/dist/toggle.mjs +1 -10
  293. package/dist/tooltip.js +1 -36
  294. package/dist/tooltip.js.map +1 -1
  295. package/dist/tooltip.mjs +1 -36
  296. package/dist/tooltip.mjs.map +1 -1
  297. package/dist/utils.js +1 -10
  298. package/dist/utils.mjs +1 -10
  299. package/package.json +3 -3
  300. package/dist/chunk-3ZZ3SRTJ.js +0 -148
  301. package/dist/chunk-3ZZ3SRTJ.js.map +0 -1
  302. package/dist/chunk-73S45XV3.mjs +0 -51
  303. package/dist/chunk-AOIW2XNK.js +0 -34
  304. package/dist/chunk-AOIW2XNK.js.map +0 -1
  305. package/dist/chunk-AUQEMOIM.mjs +0 -34
  306. package/dist/chunk-BA3XYBWR.js +0 -120
  307. package/dist/chunk-BA3XYBWR.js.map +0 -1
  308. package/dist/chunk-EWS3N4OZ.mjs +0 -148
  309. package/dist/chunk-FGI3JA75.mjs +0 -25
  310. package/dist/chunk-G3NP7M2N.js +0 -19
  311. package/dist/chunk-G3NP7M2N.js.map +0 -1
  312. package/dist/chunk-IVYGBU4G.js +0 -25
  313. package/dist/chunk-IVYGBU4G.js.map +0 -1
  314. package/dist/chunk-JULVZPCS.mjs +0 -120
  315. package/dist/chunk-MOJNV3XZ.js +0 -120
  316. package/dist/chunk-MOJNV3XZ.js.map +0 -1
  317. package/dist/chunk-Q24YJU6W.mjs +0 -120
  318. package/dist/chunk-TFYKPLNV.js +0 -73
  319. package/dist/chunk-TFYKPLNV.js.map +0 -1
  320. package/dist/chunk-TH24V27M.js +0 -67
  321. package/dist/chunk-TH24V27M.js.map +0 -1
  322. package/dist/chunk-TXRIFICH.mjs +0 -67
  323. package/dist/chunk-U6VR5RJ5.mjs +0 -73
  324. package/dist/chunk-UG3URV2Z.mjs +0 -19
  325. package/dist/chunk-UG3URV2Z.mjs.map +0 -1
  326. package/dist/chunk-Y3DZHPJ5.js +0 -51
  327. package/dist/chunk-Y3DZHPJ5.js.map +0 -1
package/dist/form.mjs CHANGED
@@ -1,92 +1,2 @@
1
- "use client";
2
- import {
3
- Label
4
- } from "./chunk-FGI3JA75.mjs";
5
- import {
6
- cn
7
- } from "./chunk-UG3URV2Z.mjs";
8
-
9
- // src/form.tsx
10
- import * as React from "react";
11
- import { Slot } from "@radix-ui/react-slot";
12
- import {
13
- Controller,
14
- FormProvider,
15
- useFormContext
16
- } from "react-hook-form";
17
- import { jsx } from "react/jsx-runtime";
18
- var FormFieldContext = React.createContext(null);
19
- var FormItemContext = React.createContext(null);
20
- var useFormField = () => {
21
- const fieldContext = React.useContext(FormFieldContext);
22
- const itemContext = React.useContext(FormItemContext);
23
- const { getFieldState, formState } = useFormContext();
24
- if (!fieldContext || !itemContext) {
25
- throw new Error("useFormField should be used within <FormField>");
26
- }
27
- const fieldState = getFieldState(fieldContext.name, formState);
28
- const { id } = itemContext;
29
- return {
30
- id,
31
- name: fieldContext.name,
32
- formItemId: `form-item-${id}`,
33
- formDescriptionId: `form-item-description-${id}`,
34
- formMessageId: `form-item-message-${id}`,
35
- ...fieldState
36
- };
37
- };
38
- var Form = FormProvider;
39
- function FormField({ ...props }) {
40
- return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
41
- }
42
- var FormItem = React.forwardRef(({ className, ...props }, ref) => {
43
- const id = React.useId();
44
- return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
45
- });
46
- FormItem.displayName = "FormItem";
47
- var FormLabel = React.forwardRef(({ className, ...props }, ref) => {
48
- const { error, formItemId } = useFormField();
49
- return /* @__PURE__ */ jsx(Label, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
50
- });
51
- FormLabel.displayName = "FormLabel";
52
- var FormControl = React.forwardRef(({ ...props }, ref) => {
53
- const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
54
- return /* @__PURE__ */ jsx(
55
- Slot,
56
- {
57
- ref,
58
- id: formItemId,
59
- "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
60
- "aria-invalid": Boolean(error),
61
- ...props
62
- }
63
- );
64
- });
65
- FormControl.displayName = "FormControl";
66
- var FormDescription = React.forwardRef(
67
- ({ className, ...props }, ref) => {
68
- const { formDescriptionId } = useFormField();
69
- return /* @__PURE__ */ jsx("p", { ref, id: formDescriptionId, className: cn("text-muted-foreground text-[0.8rem]", className), ...props });
70
- }
71
- );
72
- FormDescription.displayName = "FormDescription";
73
- var FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
74
- const { error, formMessageId } = useFormField();
75
- const body = error ? String(error.message) : children;
76
- if (!body) {
77
- return null;
78
- }
79
- return /* @__PURE__ */ jsx("p", { ref, id: formMessageId, className: cn("text-destructive text-[0.8rem] font-medium", className), ...props, children: body });
80
- });
81
- FormMessage.displayName = "FormMessage";
82
- export {
83
- Form,
84
- FormControl,
85
- FormDescription,
86
- FormField,
87
- FormItem,
88
- FormLabel,
89
- FormMessage,
90
- useFormField
91
- };
1
+ "use client";import{a as F}from"./chunk-MXVHKLFU.mjs";import{b as l}from"./chunk-JTI7KCLO.mjs";import*as t from"react";import{Slot as u}from"@radix-ui/react-slot";import{Controller as f,FormProvider as P,useFormContext as y}from"react-hook-form";import{jsx as s}from"react/jsx-runtime";var p=t.createContext(null),c=t.createContext(null),n=()=>{let e=t.useContext(p),r=t.useContext(c),{getFieldState:o,formState:m}=y();if(!e||!r)throw new Error("useFormField should be used within <FormField>");let a=o(e.name,m),{id:i}=r;return{id:i,name:e.name,formItemId:`form-item-${i}`,formDescriptionId:`form-item-description-${i}`,formMessageId:`form-item-message-${i}`,...a}},M=P;function h({...e}){return s(p.Provider,{value:{name:e.name},children:s(f,{...e})})}var R=t.forwardRef(({className:e,...r},o)=>{let m=t.useId();return s(c.Provider,{value:{id:m},children:s("div",{ref:o,className:l("space-y-2",e),...r})})});R.displayName="FormItem";var C=t.forwardRef(({className:e,...r},o)=>{let{error:m,formItemId:a}=n();return s(F,{ref:o,className:l(m&&"text-destructive",e),htmlFor:a,...r})});C.displayName="FormLabel";var I=t.forwardRef(({...e},r)=>{let{error:o,formItemId:m,formDescriptionId:a,formMessageId:i}=n();return s(u,{ref:r,id:m,"aria-describedby":o?`${a} ${i}`:a,"aria-invalid":!!o,...e})});I.displayName="FormControl";var g=t.forwardRef(({className:e,...r},o)=>{let{formDescriptionId:m}=n();return s("p",{ref:o,id:m,className:l("text-muted-foreground text-[0.8rem]",e),...r})});g.displayName="FormDescription";var x=t.forwardRef(({className:e,children:r,...o},m)=>{let{error:a,formMessageId:i}=n(),d=a?String(a.message):r;return d?s("p",{ref:m,id:i,className:l("text-destructive text-[0.8rem] font-medium",e),...o,children:d}):null});x.displayName="FormMessage";export{M as Form,I as FormControl,g as FormDescription,h as FormField,R as FormItem,C as FormLabel,x as FormMessage,n as useFormField};
92
2
  //# sourceMappingURL=form.mjs.map
package/dist/form.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n Controller,\n type ControllerProps,\n type FieldError,\n type FieldPath,\n type FieldValues,\n FormProvider,\n useFormContext,\n} from \"react-hook-form\";\nimport { cn } from \"./utils\";\nimport { Label } from \"./label\";\n\n/* -----------------------------------------------------------------------------\n * Context: Form\n * -------------------------------------------------------------------------- */\n\ninterface FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n name: TName;\n}\n\ninterface FormItemContextValue {\n id: string;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst useFormField = (): {\n invalid: boolean;\n isDirty: boolean;\n isTouched: boolean;\n isValidating: boolean;\n error?: FieldError | undefined;\n id: string;\n name: string;\n formItemId: string;\n formDescriptionId: string;\n formMessageId: string;\n} => {\n const fieldContext = React.useContext(FormFieldContext);\n const itemContext = React.useContext(FormItemContext);\n const { getFieldState, formState } = useFormContext();\n\n if (!fieldContext || !itemContext) {\n throw new Error(\"useFormField should be used within <FormField>\");\n }\n\n const fieldState = getFieldState(fieldContext.name, formState);\n\n const { id } = itemContext;\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `form-item-${id}`,\n formDescriptionId: `form-item-description-${id}`,\n formMessageId: `form-item-message-${id}`,\n ...fieldState,\n };\n};\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\ntype FormProps = React.ComponentProps<typeof FormProvider>;\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\ntype FormFieldProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>;\n\nfunction FormField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\ntype FormItemElement = HTMLDivElement;\ntype FormItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst FormItem = React.forwardRef<FormItemElement, FormItemProps>(({ className, ...props }, ref) => {\n const id = React.useId();\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n </FormItemContext.Provider>\n );\n});\n\nFormItem.displayName = \"FormItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\ntype FormFieldElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst FormLabel = React.forwardRef<FormFieldElement, FormLabelProps>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField();\n\n return <Label ref={ref} className={cn(error && \"text-destructive\", className)} htmlFor={formItemId} {...props} />;\n});\n\nFormLabel.displayName = \"FormLabel\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\ntype FormControlElement = React.ElementRef<typeof Slot>;\ntype FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;\n\nconst FormControl = React.forwardRef<FormControlElement, FormControlProps>(({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n aria-invalid={Boolean(error)}\n {...props}\n />\n );\n});\n\nFormControl.displayName = \"FormControl\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\ntype FormDescriptionElement = HTMLParagraphElement;\ntype FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormDescription = React.forwardRef<FormDescriptionElement, FormDescriptionProps>(\n ({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField();\n\n return (\n <p ref={ref} id={formDescriptionId} className={cn(\"text-muted-foreground text-[0.8rem]\", className)} {...props} />\n );\n },\n);\n\nFormDescription.displayName = \"FormDescription\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\ntype FormMessageElement = HTMLParagraphElement;\ntype FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField();\n const body = error ? String(error.message) : children;\n\n if (!body) {\n return null;\n }\n\n return (\n <p ref={ref} id={formMessageId} className={cn(\"text-destructive text-[0.8rem] font-medium\", className)} {...props}>\n {body}\n </p>\n );\n});\n\nFormMessage.displayName = \"FormMessage\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField,\n type FormProps,\n type FormItemProps,\n type FormLabelProps,\n type FormControlProps,\n type FormDescriptionProps,\n type FormMessageProps,\n type FormFieldProps,\n};\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EAKA;AAAA,EACA;AAAA,OACK;AA+ED;AA5DN,IAAM,mBAAyB,oBAA4C,IAAI;AAE/E,IAAM,kBAAwB,oBAA2C,IAAI;AAE7E,IAAM,eAAe,MAWhB;AACH,QAAM,eAAqB,iBAAW,gBAAgB;AACtD,QAAM,cAAoB,iBAAW,eAAe;AACpD,QAAM,EAAE,eAAe,UAAU,IAAI,eAAe;AAEpD,MAAI,CAAC,gBAAgB,CAAC,aAAa;AACjC,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,QAAM,EAAE,GAAG,IAAI;AAEf,SAAO;AAAA,IACL;AAAA,IACA,MAAM,aAAa;AAAA,IACnB,YAAY,aAAa,EAAE;AAAA,IAC3B,mBAAmB,yBAAyB,EAAE;AAAA,IAC9C,eAAe,qBAAqB,EAAE;AAAA,IACtC,GAAG;AAAA,EACL;AACF;AAOA,IAAM,OAAO;AAWb,SAAS,UAGP,EAAE,GAAG,MAAM,GAA2D;AACtE,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAM,MAAM,KAAK,GACnD,8BAAC,cAAY,GAAG,OAAO,GACzB;AAEJ;AASA,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClG,QAAM,KAAW,YAAM;AAEvB,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,GAAG,GACpC,8BAAC,SAAI,KAAU,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO,GACnE;AAEJ,CAAC;AAED,SAAS,cAAc;AASvB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AACrG,QAAM,EAAE,OAAO,WAAW,IAAI,aAAa;AAE3C,SAAO,oBAAC,SAAM,KAAU,WAAW,GAAG,SAAS,oBAAoB,SAAS,GAAG,SAAS,YAAa,GAAG,OAAO;AACjH,CAAC;AAED,UAAU,cAAc;AASxB,IAAM,cAAoB,iBAAiD,CAAC,EAAE,GAAG,MAAM,GAAG,QAAQ;AAChG,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAc,IAAI,aAAa;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBAAkB,CAAC,QAAQ,oBAAoB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MACpF,gBAAc,QAAQ,KAAK;AAAA,MAC1B,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,YAAY,cAAc;AAS1B,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,kBAAkB,IAAI,aAAa;AAE3C,WACE,oBAAC,OAAE,KAAU,IAAI,mBAAmB,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AAAA,EAEpH;AACF;AAEA,gBAAgB,cAAc;AAS9B,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AACrH,QAAM,EAAE,OAAO,cAAc,IAAI,aAAa;AAC9C,QAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,IAAI;AAE7C,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,OAAE,KAAU,IAAI,eAAe,WAAW,GAAG,8CAA8C,SAAS,GAAI,GAAG,OACzG,gBACH;AAEJ,CAAC;AAED,YAAY,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n Controller,\n type ControllerProps,\n type FieldError,\n type FieldPath,\n type FieldValues,\n FormProvider,\n useFormContext,\n} from \"react-hook-form\";\nimport { cn } from \"./utils\";\nimport { Label } from \"./label\";\n\n/* -----------------------------------------------------------------------------\n * Context: Form\n * -------------------------------------------------------------------------- */\n\ninterface FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n name: TName;\n}\n\ninterface FormItemContextValue {\n id: string;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst useFormField = (): {\n invalid: boolean;\n isDirty: boolean;\n isTouched: boolean;\n isValidating: boolean;\n error?: FieldError | undefined;\n id: string;\n name: string;\n formItemId: string;\n formDescriptionId: string;\n formMessageId: string;\n} => {\n const fieldContext = React.useContext(FormFieldContext);\n const itemContext = React.useContext(FormItemContext);\n const { getFieldState, formState } = useFormContext();\n\n if (!fieldContext || !itemContext) {\n throw new Error(\"useFormField should be used within <FormField>\");\n }\n\n const fieldState = getFieldState(fieldContext.name, formState);\n\n const { id } = itemContext;\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `form-item-${id}`,\n formDescriptionId: `form-item-description-${id}`,\n formMessageId: `form-item-message-${id}`,\n ...fieldState,\n };\n};\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\ntype FormProps = React.ComponentProps<typeof FormProvider>;\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\ntype FormFieldProps<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>;\n\nfunction FormField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\ntype FormItemElement = HTMLDivElement;\ntype FormItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst FormItem = React.forwardRef<FormItemElement, FormItemProps>(({ className, ...props }, ref) => {\n const id = React.useId();\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n </FormItemContext.Provider>\n );\n});\n\nFormItem.displayName = \"FormItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\ntype FormFieldElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst FormLabel = React.forwardRef<FormFieldElement, FormLabelProps>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField();\n\n return <Label ref={ref} className={cn(error && \"text-destructive\", className)} htmlFor={formItemId} {...props} />;\n});\n\nFormLabel.displayName = \"FormLabel\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\ntype FormControlElement = React.ElementRef<typeof Slot>;\ntype FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;\n\nconst FormControl = React.forwardRef<FormControlElement, FormControlProps>(({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n aria-invalid={Boolean(error)}\n {...props}\n />\n );\n});\n\nFormControl.displayName = \"FormControl\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\ntype FormDescriptionElement = HTMLParagraphElement;\ntype FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormDescription = React.forwardRef<FormDescriptionElement, FormDescriptionProps>(\n ({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField();\n\n return (\n <p ref={ref} id={formDescriptionId} className={cn(\"text-muted-foreground text-[0.8rem]\", className)} {...props} />\n );\n },\n);\n\nFormDescription.displayName = \"FormDescription\";\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\ntype FormMessageElement = HTMLParagraphElement;\ntype FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField();\n const body = error ? String(error.message) : children;\n\n if (!body) {\n return null;\n }\n\n return (\n <p ref={ref} id={formMessageId} className={cn(\"text-destructive text-[0.8rem] font-medium\", className)} {...props}>\n {body}\n </p>\n );\n});\n\nFormMessage.displayName = \"FormMessage\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField,\n type FormProps,\n type FormItemProps,\n type FormLabelProps,\n type FormControlProps,\n type FormDescriptionProps,\n type FormMessageProps,\n type FormFieldProps,\n};\n"],"mappings":"+FAEA,UAAYA,MAAW,QAEvB,OAAS,QAAAC,MAAY,uBACrB,OACE,cAAAC,EAKA,gBAAAC,EACA,kBAAAC,MACK,kBA+ED,cAAAC,MAAA,oBA5DN,IAAMC,EAAyB,gBAA4C,IAAI,EAEzEC,EAAwB,gBAA2C,IAAI,EAEvEC,EAAe,IAWhB,CACH,IAAMC,EAAqB,aAAWH,CAAgB,EAChDI,EAAoB,aAAWH,CAAe,EAC9C,CAAE,cAAAI,EAAe,UAAAC,CAAU,EAAIC,EAAe,EAEpD,GAAI,CAACJ,GAAgB,CAACC,EACpB,MAAM,IAAI,MAAM,gDAAgD,EAGlE,IAAMI,EAAaH,EAAcF,EAAa,KAAMG,CAAS,EAEvD,CAAE,GAAAG,CAAG,EAAIL,EAEf,MAAO,CACL,GAAAK,EACA,KAAMN,EAAa,KACnB,WAAY,aAAaM,CAAE,GAC3B,kBAAmB,yBAAyBA,CAAE,GAC9C,cAAe,qBAAqBA,CAAE,GACtC,GAAGD,CACL,CACF,EAOME,EAAOC,EAWb,SAASC,EAGP,CAAE,GAAGC,CAAM,EAA2D,CACtE,OACEd,EAACC,EAAiB,SAAjB,CAA0B,MAAO,CAAE,KAAMa,EAAM,IAAK,EACnD,SAAAd,EAACe,EAAA,CAAY,GAAGD,EAAO,EACzB,CAEJ,CASA,IAAME,EAAiB,aAA2C,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGI,IAAQ,CAClG,IAAMR,EAAW,QAAM,EAEvB,OACEV,EAACE,EAAgB,SAAhB,CAAyB,MAAO,CAAE,GAAAQ,CAAG,EACpC,SAAAV,EAAC,OAAI,IAAKkB,EAAK,UAAWC,EAAG,YAAaF,CAAS,EAAI,GAAGH,EAAO,EACnE,CAEJ,CAAC,EAEDE,EAAS,YAAc,WASvB,IAAMI,EAAkB,aAA6C,CAAC,CAAE,UAAAH,EAAW,GAAGH,CAAM,EAAGI,IAAQ,CACrG,GAAM,CAAE,MAAAG,EAAO,WAAAC,CAAW,EAAInB,EAAa,EAE3C,OAAOH,EAACuB,EAAA,CAAM,IAAKL,EAAK,UAAWC,EAAGE,GAAS,mBAAoBJ,CAAS,EAAG,QAASK,EAAa,GAAGR,EAAO,CACjH,CAAC,EAEDM,EAAU,YAAc,YASxB,IAAMI,EAAoB,aAAiD,CAAC,CAAE,GAAGV,CAAM,EAAGI,IAAQ,CAChG,GAAM,CAAE,MAAAG,EAAO,WAAAC,EAAY,kBAAAG,EAAmB,cAAAC,CAAc,EAAIvB,EAAa,EAE7E,OACEH,EAAC2B,EAAA,CACC,IAAKT,EACL,GAAII,EACJ,mBAAmBD,EAA4B,GAAGI,CAAiB,IAAIC,CAAa,GAAzDD,EAC3B,eAAc,EAAQJ,EACrB,GAAGP,EACN,CAEJ,CAAC,EAEDU,EAAY,YAAc,cAS1B,IAAMI,EAAwB,aAC5B,CAAC,CAAE,UAAAX,EAAW,GAAGH,CAAM,EAAGI,IAAQ,CAChC,GAAM,CAAE,kBAAAO,CAAkB,EAAItB,EAAa,EAE3C,OACEH,EAAC,KAAE,IAAKkB,EAAK,GAAIO,EAAmB,UAAWN,EAAG,sCAAuCF,CAAS,EAAI,GAAGH,EAAO,CAEpH,CACF,EAEAc,EAAgB,YAAc,kBAS9B,IAAMC,EAAoB,aAAiD,CAAC,CAAE,UAAAZ,EAAW,SAAAa,EAAU,GAAGhB,CAAM,EAAGI,IAAQ,CACrH,GAAM,CAAE,MAAAG,EAAO,cAAAK,CAAc,EAAIvB,EAAa,EACxC4B,EAAOV,EAAQ,OAAOA,EAAM,OAAO,EAAIS,EAE7C,OAAKC,EAKH/B,EAAC,KAAE,IAAKkB,EAAK,GAAIQ,EAAe,UAAWP,EAAG,6CAA8CF,CAAS,EAAI,GAAGH,EACzG,SAAAiB,EACH,EANO,IAQX,CAAC,EAEDF,EAAY,YAAc","names":["React","Slot","Controller","FormProvider","useFormContext","jsx","FormFieldContext","FormItemContext","useFormField","fieldContext","itemContext","getFieldState","formState","useFormContext","fieldState","id","Form","FormProvider","FormField","props","Controller","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"]}
package/dist/heading.js CHANGED
@@ -1,13 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/heading.tsx
2
- var _react = require('react'); var React = _interopRequireWildcard(_react);
3
- var _reactslot = require('@radix-ui/react-slot');
4
- var _jsxruntime = require('react/jsx-runtime');
5
- var Heading = React.forwardRef(({ asChild, as: Tag = "h1", ...props }, ref) => {
6
- const Component = asChild ? _reactslot.Slot : Tag;
7
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, ...props });
8
- });
9
- Heading.displayName = "Heading";
10
-
11
-
12
- exports.Heading = Heading;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var e = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _jsxruntime = require('react/jsx-runtime');var d=e.forwardRef(({asChild:n,as:t="h1",...a},o)=>_jsxruntime.jsx.call(void 0, n?_reactslot.Slot:t,{ref:o,...a}));d.displayName="Heading";exports.Heading = d;
13
2
  //# sourceMappingURL=heading.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/heading.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAgBZ;AAHT,IAAM,UAAgB,iBAAyC,CAAC,EAAE,SAAS,IAAI,MAAM,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,QAAQ,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Heading\n * -------------------------------------------------------------------------- */\n\ntype HeadingElement = HTMLHeadingElement;\n\ninterface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n asChild?: boolean;\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>(({ asChild, as: Tag = \"h1\", ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nHeading.displayName = \"Heading\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Heading, type HeadingProps };\n"]}
1
+ {"version":3,"sources":["../src/heading.tsx"],"names":["React","Slot","jsx","Heading","asChild","Tag","props","ref"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBAgBZ,cAAAC,MAAA,oBAHT,IAAMC,EAAgB,aAAyC,CAAC,CAAE,QAAAC,EAAS,GAAIC,EAAM,KAAM,GAAGC,CAAM,EAAGC,IAG9FL,EAFWE,EAAUH,EAAOI,EAE3B,CAAU,IAAKE,EAAM,GAAGD,EAAO,CACxC,EAEDH,EAAQ,YAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Heading\n * -------------------------------------------------------------------------- */\n\ntype HeadingElement = HTMLHeadingElement;\n\ninterface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n asChild?: boolean;\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>(({ asChild, as: Tag = \"h1\", ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nHeading.displayName = \"Heading\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Heading, type HeadingProps };\n"]}
package/dist/heading.mjs CHANGED
@@ -1,13 +1,2 @@
1
- // src/heading.tsx
2
- import * as React from "react";
3
- import { Slot } from "@radix-ui/react-slot";
4
- import { jsx } from "react/jsx-runtime";
5
- var Heading = React.forwardRef(({ asChild, as: Tag = "h1", ...props }, ref) => {
6
- const Component = asChild ? Slot : Tag;
7
- return /* @__PURE__ */ jsx(Component, { ref, ...props });
8
- });
9
- Heading.displayName = "Heading";
10
- export {
11
- Heading
12
- };
1
+ import*as e from"react";import{Slot as i}from"@radix-ui/react-slot";import{jsx as r}from"react/jsx-runtime";var d=e.forwardRef(({asChild:n,as:t="h1",...a},o)=>r(n?i:t,{ref:o,...a}));d.displayName="Heading";export{d as Heading};
13
2
  //# sourceMappingURL=heading.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Heading\n * -------------------------------------------------------------------------- */\n\ntype HeadingElement = HTMLHeadingElement;\n\ninterface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n asChild?: boolean;\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>(({ asChild, as: Tag = \"h1\", ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nHeading.displayName = \"Heading\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Heading, type HeadingProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAgBZ;AAHT,IAAM,UAAgB,iBAAyC,CAAC,EAAE,SAAS,IAAI,MAAM,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,QAAQ,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Heading\n * -------------------------------------------------------------------------- */\n\ntype HeadingElement = HTMLHeadingElement;\n\ninterface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n asChild?: boolean;\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>(({ asChild, as: Tag = \"h1\", ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nHeading.displayName = \"Heading\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Heading, type HeadingProps };\n"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBAgBZ,cAAAC,MAAA,oBAHT,IAAMC,EAAgB,aAAyC,CAAC,CAAE,QAAAC,EAAS,GAAIC,EAAM,KAAM,GAAGC,CAAM,EAAGC,IAG9FL,EAFWE,EAAUH,EAAOI,EAE3B,CAAU,IAAKE,EAAM,GAAGD,EAAO,CACxC,EAEDH,EAAQ,YAAc","names":["React","Slot","jsx","Heading","asChild","Tag","props","ref"]}
@@ -1,36 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
2
-
3
-
4
- var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
-
6
- // src/hover-card.tsx
7
- var _react = require('react'); var React = _interopRequireWildcard(_react);
8
- var _reacthovercard = require('@radix-ui/react-hover-card'); var HoverCardPrimitive = _interopRequireWildcard(_reacthovercard);
9
- var _jsxruntime = require('react/jsx-runtime');
10
- var HoverCard = HoverCardPrimitive.Root;
11
- var HoverCardTrigger = HoverCardPrimitive.Trigger;
12
- var HoverCardContent = React.forwardRef(
13
- ({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverCardPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
14
- HoverCardPrimitive.Content,
15
- {
16
- ref,
17
- align,
18
- sideOffset,
19
- className: _chunkG3NP7M2Njs.cn.call(void 0,
20
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",
21
- className
22
- ),
23
- ...props
24
- }
25
- ) })
26
- );
27
- HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
28
- var HoverCardArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverCardPrimitive.Arrow, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "fill-popover", className), ...props }));
29
- HoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;
30
-
31
-
32
-
33
-
34
-
35
- exports.HoverCard = HoverCard; exports.HoverCardArrow = HoverCardArrow; exports.HoverCardContent = HoverCardContent; exports.HoverCardTrigger = HoverCardTrigger;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reacthovercard = require('@radix-ui/react-hover-card'); var e = _interopRequireWildcard(_reacthovercard);var _jsxruntime = require('react/jsx-runtime');var C=e.Root,l= exports.HoverCardTrigger =e.Trigger,p= exports.HoverCardContent =i.forwardRef(({className:t,align:o="center",sideOffset:r=4,...s},n)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:n,align:o,sideOffset:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",t),...s})}));p.displayName=e.Content.displayName;var m=i.forwardRef(({className:t,...o},r)=>_jsxruntime.jsx.call(void 0, e.Arrow,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "fill-popover",t),...o}));m.displayName=e.Arrow.displayName;exports.HoverCard = C; exports.HoverCardArrow = m; exports.HoverCardContent = p; exports.HoverCardTrigger = l;
36
2
  //# sourceMappingURL=hover-card.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hover-card.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AA2B9B;AAnBN,IAAM,YAA+B;AAOrC,IAAM,mBAAsC;AAS5C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1D,oBAAoB,2BAAnB,EACC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,iBAAiB,cAAiC,2BAAQ;AAS1D,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAoB,0BAAnB,EAAyB,KAAU,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OAAO,CAC1F;AAED,eAAe,cAAiC,yBAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n ({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(({ className, ...props }, ref) => (\n <HoverCardPrimitive.Arrow ref={ref} className={cn(\"fill-popover\", className)} {...props} />\n));\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n HoverCard,\n HoverCardTrigger,\n HoverCardContent,\n HoverCardArrow,\n type HoverCardProps,\n type HoverCardTriggerProps,\n type HoverCardContentProps,\n type HoverCardArrowProps,\n};\n"]}
1
+ {"version":3,"sources":["../src/hover-card.tsx"],"names":["React","HoverCardPrimitive","jsx","HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","ref","cn","HoverCardArrow"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,6BA2B9B,cAAAC,MAAA,oBAnBN,IAAMC,EAA+B,OAO/BC,EAAsC,UAStCC,EAAyB,aAC7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DR,EAAoB,SAAnB,CACC,SAAAA,EAAoB,UAAnB,CACC,IAAKQ,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,2uBACAL,CACF,EACC,GAAGG,EACN,EACF,CAEJ,EAEAJ,EAAiB,YAAiC,UAAQ,YAS1D,IAAMO,EAAuB,aAAuD,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IAC5GR,EAAoB,QAAnB,CAAyB,IAAKQ,EAAK,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CAC1F,EAEDG,EAAe,YAAiC,QAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n ({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(({ className, ...props }, ref) => (\n <HoverCardPrimitive.Arrow ref={ref} className={cn(\"fill-popover\", className)} {...props} />\n));\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n HoverCard,\n HoverCardTrigger,\n HoverCardContent,\n HoverCardArrow,\n type HoverCardProps,\n type HoverCardTriggerProps,\n type HoverCardContentProps,\n type HoverCardArrowProps,\n};\n"]}
@@ -1,36 +1,2 @@
1
- "use client";
2
- import {
3
- cn
4
- } from "./chunk-UG3URV2Z.mjs";
5
-
6
- // src/hover-card.tsx
7
- import * as React from "react";
8
- import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
9
- import { jsx } from "react/jsx-runtime";
10
- var HoverCard = HoverCardPrimitive.Root;
11
- var HoverCardTrigger = HoverCardPrimitive.Trigger;
12
- var HoverCardContent = React.forwardRef(
13
- ({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
14
- HoverCardPrimitive.Content,
15
- {
16
- ref,
17
- align,
18
- sideOffset,
19
- className: cn(
20
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",
21
- className
22
- ),
23
- ...props
24
- }
25
- ) })
26
- );
27
- HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
28
- var HoverCardArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Arrow, { ref, className: cn("fill-popover", className), ...props }));
29
- HoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;
30
- export {
31
- HoverCard,
32
- HoverCardArrow,
33
- HoverCardContent,
34
- HoverCardTrigger
35
- };
1
+ "use client";import{b as a}from"./chunk-JTI7KCLO.mjs";import*as i from"react";import*as e from"@radix-ui/react-hover-card";import{jsx as d}from"react/jsx-runtime";var C=e.Root,l=e.Trigger,p=i.forwardRef(({className:t,align:o="center",sideOffset:r=4,...s},n)=>d(e.Portal,{children:d(e.Content,{ref:n,align:o,sideOffset:r,className:a("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",t),...s})}));p.displayName=e.Content.displayName;var m=i.forwardRef(({className:t,...o},r)=>d(e.Arrow,{ref:r,className:a("fill-popover",t),...o}));m.displayName=e.Arrow.displayName;export{C as HoverCard,m as HoverCardArrow,p as HoverCardContent,l as HoverCardTrigger};
36
2
  //# sourceMappingURL=hover-card.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n ({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(({ className, ...props }, ref) => (\n <HoverCardPrimitive.Arrow ref={ref} className={cn(\"fill-popover\", className)} {...props} />\n));\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n HoverCard,\n HoverCardTrigger,\n HoverCardContent,\n HoverCardArrow,\n type HoverCardProps,\n type HoverCardTriggerProps,\n type HoverCardContentProps,\n type HoverCardArrowProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AA2B9B;AAnBN,IAAM,YAA+B;AAOrC,IAAM,mBAAsC;AAS5C,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1D,oBAAoB,2BAAnB,EACC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,iBAAiB,cAAiC,2BAAQ;AAS1D,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAoB,0BAAnB,EAAyB,KAAU,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OAAO,CAC1F;AAED,eAAe,cAAiC,yBAAM;","names":[]}
1
+ {"version":3,"sources":["../src/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n ({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(({ className, ...props }, ref) => (\n <HoverCardPrimitive.Arrow ref={ref} className={cn(\"fill-popover\", className)} {...props} />\n));\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n HoverCard,\n HoverCardTrigger,\n HoverCardContent,\n HoverCardArrow,\n type HoverCardProps,\n type HoverCardTriggerProps,\n type HoverCardContentProps,\n type HoverCardArrowProps,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,6BA2B9B,cAAAC,MAAA,oBAnBN,IAAMC,EAA+B,OAO/BC,EAAsC,UAStCC,EAAyB,aAC7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DR,EAAoB,SAAnB,CACC,SAAAA,EAAoB,UAAnB,CACC,IAAKQ,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,2uBACAL,CACF,EACC,GAAGG,EACN,EACF,CAEJ,EAEAJ,EAAiB,YAAiC,UAAQ,YAS1D,IAAMO,EAAuB,aAAuD,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IAC5GR,EAAoB,QAAnB,CAAyB,IAAKQ,EAAK,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CAC1F,EAEDG,EAAe,YAAiC,QAAM","names":["React","HoverCardPrimitive","jsx","HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","ref","cn","HoverCardArrow"]}
package/dist/input-otp.js CHANGED
@@ -1,63 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
-
3
-
4
- var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
-
6
- // src/input-otp.tsx
7
- var _react = require('react'); var React = _interopRequireWildcard(_react);
8
- var _reacticons = require('@radix-ui/react-icons');
9
-
10
-
11
-
12
-
13
-
14
-
15
- var _inputotp = require('input-otp');
16
- var _jsxruntime = require('react/jsx-runtime');
17
- var InputOTP = React.forwardRef(
18
- ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
19
- _inputotp.OTPInput,
20
- {
21
- ref,
22
- containerClassName: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
23
- className: _chunkG3NP7M2Njs.cn.call(void 0, "disabled:cursor-not-allowed", className),
24
- ...props
25
- }
26
- )
27
- );
28
- InputOTP.displayName = "InputOTP";
29
- var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center", className), ...props }));
30
- InputOTPGroup.displayName = "InputOTPGroup";
31
- var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
32
- const inputOTPContext = React.useContext(_inputotp.OTPInputContext);
33
- const slot = inputOTPContext.slots[index];
34
- return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
35
- "div",
36
- {
37
- ref,
38
- className: _chunkG3NP7M2Njs.cn.call(void 0,
39
- "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
40
- _optionalChain([slot, 'optionalAccess', _ => _.isActive]) && "ring-ring z-10 ring-2",
41
- className
42
- ),
43
- ...props,
44
- children: [
45
- _optionalChain([slot, 'optionalAccess', _2 => _2.char]),
46
- _optionalChain([slot, 'optionalAccess', _3 => _3.hasFakeCaret]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px" }) }) : null
47
- ]
48
- }
49
- );
50
- });
51
- InputOTPSlot.displayName = "InputOTPSlot";
52
- var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "separator", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon, {}) }));
53
- InputOTPSeparator.displayName = "InputOTPSeparator";
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
- exports.InputOTP = InputOTP; exports.InputOTPGroup = InputOTPGroup; exports.InputOTPSeparator = InputOTPSeparator; exports.InputOTPSlot = InputOTPSlot; exports.REGEXP_ONLY_CHARS = _inputotp.REGEXP_ONLY_CHARS; exports.REGEXP_ONLY_DIGITS = _inputotp.REGEXP_ONLY_DIGITS; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _inputotp = require('input-otp');var _jsxruntime = require('react/jsx-runtime');var P=r.forwardRef(({className:t,containerClassName:e,...p},a)=>_jsxruntime.jsx.call(void 0, _inputotp.OTPInput,{ref:a,containerClassName:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50",e),className:_chunkQZCQ42BPjs.b.call(void 0, "disabled:cursor-not-allowed",t),...p}));P.displayName="InputOTP";var T=r.forwardRef(({className:t,...e},p)=>_jsxruntime.jsx.call(void 0, "div",{ref:p,className:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=r.forwardRef(({index:t,className:e,...p},a)=>{let s=r.useContext(_inputotp.OTPInputContext).slots[t];return _jsxruntime.jsxs.call(void 0, "div",{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",_optionalChain([s, 'optionalAccess', _ => _.isActive])&&"ring-ring z-10 ring-2",e),...p,children:[_optionalChain([s, 'optionalAccess', _2 => _2.char]),_optionalChain([s, 'optionalAccess', _3 => _3.hasFakeCaret])?_jsxruntime.jsx.call(void 0, "div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})});m.displayName="InputOTPSlot";var c=r.forwardRef(({...t},e)=>_jsxruntime.jsx.call(void 0, "div",{ref:e,role:"separator",...t,children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{})}));c.displayName="InputOTPSeparator";exports.InputOTP = P; exports.InputOTPGroup = T; exports.InputOTPSeparator = c; exports.InputOTPSlot = m; exports.REGEXP_ONLY_CHARS = _inputotp.REGEXP_ONLY_CHARS; exports.REGEXP_ONLY_DIGITS = _inputotp.REGEXP_ONLY_DIGITS; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
63
2
  //# sourceMappingURL=input-otp.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/input-otp.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYH,cAuCA,YAvCA;AAFJ,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC5C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAoB,GAAG,sDAAsD,kBAAkB;AAAA,MAC/F,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;AASvB,IAAM,gBAAsB,iBAAqD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACzG,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO,CAC1E;AAED,cAAc,cAAc;AAY5B,IAAM,eAAqB,iBAAmD,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACrH,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,sEAAqE,GACtF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,aAAa,cAAc;AAS3B,IAAM,oBAA0B,iBAA6D,CAAC,EAAE,GAAG,MAAM,GAAG,QAC1G,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AAED,kBAAkB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"ring-ring z-10 ring-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n});\n\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <DotFilledIcon />\n </div>\n));\n\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n InputOTP,\n InputOTPGroup,\n InputOTPSlot,\n InputOTPSeparator,\n type InputOTPProps,\n type InputOTPGroupProps,\n type InputOTPSlotProps,\n type InputOTPSeparatorProps,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n};\n"]}
1
+ {"version":3,"sources":["../src/input-otp.tsx"],"names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","cn","InputOTPGroup","InputOTPSlot","index","slot","InputOTPSeparator"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,gCAAAC,MACK,YAYH,cAAAC,EAuCA,QAAAC,MAvCA,oBAFJ,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC5CN,EAACL,EAAA,CACC,IAAKW,EACL,mBAAoBC,EAAG,qDAAsDH,CAAkB,EAC/F,UAAWG,EAAG,8BAA+BJ,CAAS,EACrD,GAAGE,EACN,CAEJ,EAEAH,EAAS,YAAc,WASvB,IAAMM,EAAsB,aAAqD,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACzGN,EAAC,OAAI,IAAKM,EAAK,UAAWC,EAAG,oBAAqBJ,CAAS,EAAI,GAAGE,EAAO,CAC1E,EAEDG,EAAc,YAAc,gBAY5B,IAAMC,EAAqB,aAAmD,CAAC,CAAE,MAAAC,EAAO,UAAAP,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAErH,IAAMK,EADwB,aAAWf,CAAe,EAC3B,MAAMc,CAAK,EAExC,OACET,EAAC,OACC,IAAKK,EACL,UAAWC,EACT,8JACAI,GAAM,UAAY,wBAClBR,CACF,EACC,GAAGE,EAEH,UAAAM,GAAM,KACNA,GAAM,aACLX,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,qEAAqE,EACtF,EACE,MACN,CAEJ,CAAC,EAEDS,EAAa,YAAc,eAS3B,IAAMG,EAA0B,aAA6D,CAAC,CAAE,GAAGP,CAAM,EAAGC,IAC1GN,EAAC,OAAI,IAAKM,EAAK,KAAK,YAAa,GAAGD,EAClC,SAAAL,EAACN,EAAA,EAAc,EACjB,CACD,EAEDkB,EAAkB,YAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"ring-ring z-10 ring-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n});\n\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <DotFilledIcon />\n </div>\n));\n\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n InputOTP,\n InputOTPGroup,\n InputOTPSlot,\n InputOTPSeparator,\n type InputOTPProps,\n type InputOTPGroupProps,\n type InputOTPSlotProps,\n type InputOTPSeparatorProps,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n};\n"]}
@@ -1,63 +1,2 @@
1
- "use client";
2
- import {
3
- cn
4
- } from "./chunk-UG3URV2Z.mjs";
5
-
6
- // src/input-otp.tsx
7
- import * as React from "react";
8
- import { DotFilledIcon } from "@radix-ui/react-icons";
9
- import {
10
- OTPInput,
11
- OTPInputContext,
12
- REGEXP_ONLY_CHARS,
13
- REGEXP_ONLY_DIGITS,
14
- REGEXP_ONLY_DIGITS_AND_CHARS
15
- } from "input-otp";
16
- import { jsx, jsxs } from "react/jsx-runtime";
17
- var InputOTP = React.forwardRef(
18
- ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
19
- OTPInput,
20
- {
21
- ref,
22
- containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
23
- className: cn("disabled:cursor-not-allowed", className),
24
- ...props
25
- }
26
- )
27
- );
28
- InputOTP.displayName = "InputOTP";
29
- var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
30
- InputOTPGroup.displayName = "InputOTPGroup";
31
- var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
32
- const inputOTPContext = React.useContext(OTPInputContext);
33
- const slot = inputOTPContext.slots[index];
34
- return /* @__PURE__ */ jsxs(
35
- "div",
36
- {
37
- ref,
38
- className: cn(
39
- "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
40
- slot?.isActive && "ring-ring z-10 ring-2",
41
- className
42
- ),
43
- ...props,
44
- children: [
45
- slot?.char,
46
- slot?.hasFakeCaret ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px" }) }) : null
47
- ]
48
- }
49
- );
50
- });
51
- InputOTPSlot.displayName = "InputOTPSlot";
52
- var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(DotFilledIcon, {}) }));
53
- InputOTPSeparator.displayName = "InputOTPSeparator";
54
- export {
55
- InputOTP,
56
- InputOTPGroup,
57
- InputOTPSeparator,
58
- InputOTPSlot,
59
- REGEXP_ONLY_CHARS,
60
- REGEXP_ONLY_DIGITS,
61
- REGEXP_ONLY_DIGITS_AND_CHARS
62
- };
1
+ "use client";import{b as o}from"./chunk-JTI7KCLO.mjs";import*as r from"react";import{DotFilledIcon as i}from"@radix-ui/react-icons";import{OTPInput as u,OTPInputContext as l,REGEXP_ONLY_CHARS as R,REGEXP_ONLY_DIGITS as y,REGEXP_ONLY_DIGITS_AND_CHARS as E}from"input-otp";import{jsx as n,jsxs as I}from"react/jsx-runtime";var P=r.forwardRef(({className:t,containerClassName:e,...p},a)=>n(u,{ref:a,containerClassName:o("flex items-center gap-2 has-[:disabled]:opacity-50",e),className:o("disabled:cursor-not-allowed",t),...p}));P.displayName="InputOTP";var T=r.forwardRef(({className:t,...e},p)=>n("div",{ref:p,className:o("flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=r.forwardRef(({index:t,className:e,...p},a)=>{let s=r.useContext(l).slots[t];return I("div",{ref:a,className:o("border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",s?.isActive&&"ring-ring z-10 ring-2",e),...p,children:[s?.char,s?.hasFakeCaret?n("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:n("div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})});m.displayName="InputOTPSlot";var c=r.forwardRef(({...t},e)=>n("div",{ref:e,role:"separator",...t,children:n(i,{})}));c.displayName="InputOTPSeparator";export{P as InputOTP,T as InputOTPGroup,c as InputOTPSeparator,m as InputOTPSlot,R as REGEXP_ONLY_CHARS,y as REGEXP_ONLY_DIGITS,E as REGEXP_ONLY_DIGITS_AND_CHARS};
63
2
  //# sourceMappingURL=input-otp.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"ring-ring z-10 ring-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n});\n\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <DotFilledIcon />\n </div>\n));\n\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n InputOTP,\n InputOTPGroup,\n InputOTPSlot,\n InputOTPSeparator,\n type InputOTPProps,\n type InputOTPGroupProps,\n type InputOTPSlotProps,\n type InputOTPSeparatorProps,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYH,cAuCA,YAvCA;AAFJ,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC5C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAoB,GAAG,sDAAsD,kBAAkB;AAAA,MAC/F,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;AASvB,IAAM,gBAAsB,iBAAqD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACzG,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO,CAC1E;AAED,cAAc,cAAc;AAY5B,IAAM,eAAqB,iBAAmD,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACrH,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,sEAAqE,GACtF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,aAAa,cAAc;AAS3B,IAAM,oBAA0B,iBAA6D,CAAC,EAAE,GAAG,MAAM,GAAG,QAC1G,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AAED,kBAAkB,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"ring-ring z-10 ring-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n});\n\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <DotFilledIcon />\n </div>\n));\n\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n InputOTP,\n InputOTPGroup,\n InputOTPSlot,\n InputOTPSeparator,\n type InputOTPProps,\n type InputOTPGroupProps,\n type InputOTPSlotProps,\n type InputOTPSeparatorProps,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,gCAAAC,MACK,YAYH,cAAAC,EAuCA,QAAAC,MAvCA,oBAFJ,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC5CN,EAACO,EAAA,CACC,IAAKD,EACL,mBAAoBE,EAAG,qDAAsDJ,CAAkB,EAC/F,UAAWI,EAAG,8BAA+BL,CAAS,EACrD,GAAGE,EACN,CAEJ,EAEAH,EAAS,YAAc,WASvB,IAAMO,EAAsB,aAAqD,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACzGN,EAAC,OAAI,IAAKM,EAAK,UAAWE,EAAG,oBAAqBL,CAAS,EAAI,GAAGE,EAAO,CAC1E,EAEDI,EAAc,YAAc,gBAY5B,IAAMC,EAAqB,aAAmD,CAAC,CAAE,MAAAC,EAAO,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAErH,IAAMM,EADwB,aAAWC,CAAe,EAC3B,MAAMF,CAAK,EAExC,OACEV,EAAC,OACC,IAAKK,EACL,UAAWE,EACT,8JACAI,GAAM,UAAY,wBAClBT,CACF,EACC,GAAGE,EAEH,UAAAO,GAAM,KACNA,GAAM,aACLZ,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,qEAAqE,EACtF,EACE,MACN,CAEJ,CAAC,EAEDU,EAAa,YAAc,eAS3B,IAAMI,EAA0B,aAA6D,CAAC,CAAE,GAAGT,CAAM,EAAGC,IAC1GN,EAAC,OAAI,IAAKM,EAAK,KAAK,YAAa,GAAGD,EAClC,SAAAL,EAACe,EAAA,EAAc,EACjB,CACD,EAEDD,EAAkB,YAAc","names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","slot","OTPInputContext","InputOTPSeparator","DotFilledIcon"]}
package/dist/input.js CHANGED
@@ -1,29 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
2
-
3
- var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
4
-
5
- // src/input.tsx
6
- var _react = require('react'); var React = _interopRequireWildcard(_react);
7
- var _jsxruntime = require('react/jsx-runtime');
8
- var inputVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
9
- base: "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
10
- variants: {
11
- inputSize: {
12
- default: "h-10",
13
- xs: "h-8",
14
- sm: "h-9",
15
- lg: "h-11"
16
- }
17
- },
18
- defaultVariants: {
19
- inputSize: "default"
20
- }
21
- });
22
- var Input = React.forwardRef(({ className, inputSize, ...props }, ref) => {
23
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "text", className: inputVariants({ className, inputSize }), ref, ...props });
24
- });
25
- Input.displayName = "Input";
26
-
27
-
28
- exports.Input = Input;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var s=_chunkQZCQ42BPjs.a.call(void 0, {base:"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",variants:{inputSize:{default:"h-10",xs:"h-8",sm:"h-9",lg:"h-11"}},defaultVariants:{inputSize:"default"}}),o= exports.Input =e.forwardRef(({className:n,inputSize:r,...i},p)=>_jsxruntime.jsx.call(void 0, "input",{type:"text",className:s({className:n,inputSize:r}),ref:p,...i}));o.displayName="Input";exports.Input = o;
29
2
  //# sourceMappingURL=input.js.map
package/dist/input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/input.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAiCd;AAzBT,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW;AAAA,EACb;AACF,CAAC;AAWD,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AACpG,SAAO,oBAAC,WAAM,MAAK,QAAO,WAAW,cAAc,EAAE,WAAW,UAAU,CAAC,GAAG,KAAW,GAAG,OAAO;AACrG,CAAC;AAED,MAAM,cAAc","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = cva({\n base: \"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n variants: {\n inputSize: {\n default: \"h-10\",\n xs: \"h-8\",\n sm: \"h-9\",\n lg: \"h-11\",\n },\n },\n defaultVariants: {\n inputSize: \"default\",\n },\n});\n\ntype InputVariantsProps = VariantProps<typeof inputVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\ntype InputElement = HTMLInputElement;\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & InputVariantsProps;\n\nconst Input = React.forwardRef<InputElement, InputProps>(({ className, inputSize, ...props }, ref) => {\n return <input type=\"text\" className={inputVariants({ className, inputSize })} ref={ref} {...props} />;\n});\n\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, type InputProps };\n"]}
1
+ {"version":3,"sources":["../src/input.tsx"],"names":["React","jsx","inputVariants","cva","Input","className","inputSize","props","ref"],"mappings":"wCAAA,UAAYA,MAAW,QAiCd,cAAAC,MAAA,oBAzBT,IAAMC,EAAgBC,EAAI,CACxB,KAAM,gWACN,SAAU,CACR,UAAW,CACT,QAAS,OACT,GAAI,MACJ,GAAI,MACJ,GAAI,MACN,CACF,EACA,gBAAiB,CACf,UAAW,SACb,CACF,CAAC,EAWKC,EAAc,aAAqC,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACrFP,EAAC,SAAM,KAAK,OAAO,UAAWC,EAAc,CAAE,UAAAG,EAAW,UAAAC,CAAU,CAAC,EAAG,IAAKE,EAAM,GAAGD,EAAO,CACpG,EAEDH,EAAM,YAAc","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = cva({\n base: \"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n variants: {\n inputSize: {\n default: \"h-10\",\n xs: \"h-8\",\n sm: \"h-9\",\n lg: \"h-11\",\n },\n },\n defaultVariants: {\n inputSize: \"default\",\n },\n});\n\ntype InputVariantsProps = VariantProps<typeof inputVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\ntype InputElement = HTMLInputElement;\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> & InputVariantsProps;\n\nconst Input = React.forwardRef<InputElement, InputProps>(({ className, inputSize, ...props }, ref) => {\n return <input type=\"text\" className={inputVariants({ className, inputSize })} ref={ref} {...props} />;\n});\n\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, type InputProps };\n"]}