@epilot/volt-ui 1.1.7-alpha.1 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/dist/index.cjs.js +51 -0
  2. package/dist/index.es.js +11823 -137
  3. package/dist/preflight.css +1 -241
  4. package/dist/style.css +1 -7393
  5. package/package.json +4 -1
  6. package/dist/components/button/index.d.ts +0 -1
  7. package/dist/index.es.js.map +0 -1
  8. package/dist/index.es10.js +0 -35
  9. package/dist/index.es10.js.map +0 -1
  10. package/dist/index.es100.js +0 -14
  11. package/dist/index.es100.js.map +0 -1
  12. package/dist/index.es101.js +0 -20
  13. package/dist/index.es101.js.map +0 -1
  14. package/dist/index.es102.js +0 -103
  15. package/dist/index.es102.js.map +0 -1
  16. package/dist/index.es103.js +0 -12
  17. package/dist/index.es103.js.map +0 -1
  18. package/dist/index.es104.js +0 -30
  19. package/dist/index.es104.js.map +0 -1
  20. package/dist/index.es105.js +0 -38
  21. package/dist/index.es105.js.map +0 -1
  22. package/dist/index.es106.js +0 -17
  23. package/dist/index.es106.js.map +0 -1
  24. package/dist/index.es107.js +0 -49
  25. package/dist/index.es107.js.map +0 -1
  26. package/dist/index.es108.js +0 -10
  27. package/dist/index.es108.js.map +0 -1
  28. package/dist/index.es11.js +0 -318
  29. package/dist/index.es11.js.map +0 -1
  30. package/dist/index.es12.js +0 -274
  31. package/dist/index.es12.js.map +0 -1
  32. package/dist/index.es13.js +0 -38
  33. package/dist/index.es13.js.map +0 -1
  34. package/dist/index.es14.js +0 -48
  35. package/dist/index.es14.js.map +0 -1
  36. package/dist/index.es15.js +0 -67
  37. package/dist/index.es15.js.map +0 -1
  38. package/dist/index.es16.js +0 -120
  39. package/dist/index.es16.js.map +0 -1
  40. package/dist/index.es17.js +0 -27
  41. package/dist/index.es17.js.map +0 -1
  42. package/dist/index.es18.js +0 -51
  43. package/dist/index.es18.js.map +0 -1
  44. package/dist/index.es19.js +0 -168
  45. package/dist/index.es19.js.map +0 -1
  46. package/dist/index.es20.js +0 -55
  47. package/dist/index.es20.js.map +0 -1
  48. package/dist/index.es21.js +0 -61
  49. package/dist/index.es21.js.map +0 -1
  50. package/dist/index.es22.js +0 -86
  51. package/dist/index.es22.js.map +0 -1
  52. package/dist/index.es23.js +0 -195
  53. package/dist/index.es23.js.map +0 -1
  54. package/dist/index.es24.js +0 -105
  55. package/dist/index.es24.js.map +0 -1
  56. package/dist/index.es25.js +0 -146
  57. package/dist/index.es25.js.map +0 -1
  58. package/dist/index.es26.js +0 -92
  59. package/dist/index.es26.js.map +0 -1
  60. package/dist/index.es27.js +0 -80
  61. package/dist/index.es27.js.map +0 -1
  62. package/dist/index.es28.js +0 -94
  63. package/dist/index.es28.js.map +0 -1
  64. package/dist/index.es29.js +0 -82
  65. package/dist/index.es29.js.map +0 -1
  66. package/dist/index.es30.js +0 -1087
  67. package/dist/index.es30.js.map +0 -1
  68. package/dist/index.es31.js +0 -18
  69. package/dist/index.es31.js.map +0 -1
  70. package/dist/index.es32.js +0 -3015
  71. package/dist/index.es32.js.map +0 -1
  72. package/dist/index.es33.js +0 -107
  73. package/dist/index.es33.js.map +0 -1
  74. package/dist/index.es34.js +0 -46
  75. package/dist/index.es34.js.map +0 -1
  76. package/dist/index.es35.js +0 -151
  77. package/dist/index.es35.js.map +0 -1
  78. package/dist/index.es36.js +0 -1200
  79. package/dist/index.es36.js.map +0 -1
  80. package/dist/index.es37.js +0 -27
  81. package/dist/index.es37.js.map +0 -1
  82. package/dist/index.es38.js +0 -493
  83. package/dist/index.es38.js.map +0 -1
  84. package/dist/index.es39.js +0 -156
  85. package/dist/index.es39.js.map +0 -1
  86. package/dist/index.es4.js +0 -9
  87. package/dist/index.es4.js.map +0 -1
  88. package/dist/index.es40.js +0 -31
  89. package/dist/index.es40.js.map +0 -1
  90. package/dist/index.es41.js +0 -314
  91. package/dist/index.es41.js.map +0 -1
  92. package/dist/index.es42.js +0 -343
  93. package/dist/index.es42.js.map +0 -1
  94. package/dist/index.es43.js +0 -280
  95. package/dist/index.es43.js.map +0 -1
  96. package/dist/index.es44.js +0 -289
  97. package/dist/index.es44.js.map +0 -1
  98. package/dist/index.es45.js +0 -319
  99. package/dist/index.es45.js.map +0 -1
  100. package/dist/index.es46.js +0 -167
  101. package/dist/index.es46.js.map +0 -1
  102. package/dist/index.es47.js +0 -195
  103. package/dist/index.es47.js.map +0 -1
  104. package/dist/index.es48.js +0 -40
  105. package/dist/index.es48.js.map +0 -1
  106. package/dist/index.es49.js +0 -40
  107. package/dist/index.es49.js.map +0 -1
  108. package/dist/index.es5.js +0 -57
  109. package/dist/index.es5.js.map +0 -1
  110. package/dist/index.es50.js +0 -12
  111. package/dist/index.es50.js.map +0 -1
  112. package/dist/index.es51.js +0 -82
  113. package/dist/index.es51.js.map +0 -1
  114. package/dist/index.es52.js +0 -72
  115. package/dist/index.es52.js.map +0 -1
  116. package/dist/index.es53.js +0 -15
  117. package/dist/index.es53.js.map +0 -1
  118. package/dist/index.es54.js +0 -40
  119. package/dist/index.es54.js.map +0 -1
  120. package/dist/index.es55.js +0 -44
  121. package/dist/index.es55.js.map +0 -1
  122. package/dist/index.es56.js +0 -71
  123. package/dist/index.es56.js.map +0 -1
  124. package/dist/index.es57.js +0 -152
  125. package/dist/index.es57.js.map +0 -1
  126. package/dist/index.es58.js +0 -15
  127. package/dist/index.es58.js.map +0 -1
  128. package/dist/index.es59.js +0 -11
  129. package/dist/index.es59.js.map +0 -1
  130. package/dist/index.es6.js +0 -77
  131. package/dist/index.es6.js.map +0 -1
  132. package/dist/index.es60.js +0 -130
  133. package/dist/index.es60.js.map +0 -1
  134. package/dist/index.es61.js +0 -213
  135. package/dist/index.es61.js.map +0 -1
  136. package/dist/index.es62.js +0 -294
  137. package/dist/index.es62.js.map +0 -1
  138. package/dist/index.es63.js +0 -16
  139. package/dist/index.es63.js.map +0 -1
  140. package/dist/index.es64.js +0 -37
  141. package/dist/index.es64.js.map +0 -1
  142. package/dist/index.es65.js +0 -228
  143. package/dist/index.es65.js.map +0 -1
  144. package/dist/index.es66.js +0 -209
  145. package/dist/index.es66.js.map +0 -1
  146. package/dist/index.es67.js +0 -19
  147. package/dist/index.es67.js.map +0 -1
  148. package/dist/index.es68.js +0 -30
  149. package/dist/index.es68.js.map +0 -1
  150. package/dist/index.es69.js +0 -12
  151. package/dist/index.es69.js.map +0 -1
  152. package/dist/index.es7.js +0 -200
  153. package/dist/index.es7.js.map +0 -1
  154. package/dist/index.es70.js +0 -123
  155. package/dist/index.es70.js.map +0 -1
  156. package/dist/index.es71.js +0 -90
  157. package/dist/index.es71.js.map +0 -1
  158. package/dist/index.es72.js +0 -7
  159. package/dist/index.es72.js.map +0 -1
  160. package/dist/index.es73.js +0 -90
  161. package/dist/index.es73.js.map +0 -1
  162. package/dist/index.es74.js +0 -15
  163. package/dist/index.es74.js.map +0 -1
  164. package/dist/index.es75.js +0 -7
  165. package/dist/index.es75.js.map +0 -1
  166. package/dist/index.es76.js +0 -40
  167. package/dist/index.es76.js.map +0 -1
  168. package/dist/index.es77.js +0 -90
  169. package/dist/index.es77.js.map +0 -1
  170. package/dist/index.es78.js +0 -313
  171. package/dist/index.es78.js.map +0 -1
  172. package/dist/index.es79.js +0 -16
  173. package/dist/index.es79.js.map +0 -1
  174. package/dist/index.es8.js +0 -47
  175. package/dist/index.es8.js.map +0 -1
  176. package/dist/index.es80.js +0 -90
  177. package/dist/index.es80.js.map +0 -1
  178. package/dist/index.es81.js +0 -18
  179. package/dist/index.es81.js.map +0 -1
  180. package/dist/index.es82.js +0 -298
  181. package/dist/index.es82.js.map +0 -1
  182. package/dist/index.es83.js +0 -26
  183. package/dist/index.es83.js.map +0 -1
  184. package/dist/index.es84.js +0 -626
  185. package/dist/index.es84.js.map +0 -1
  186. package/dist/index.es85.js +0 -19
  187. package/dist/index.es85.js.map +0 -1
  188. package/dist/index.es86.js +0 -40
  189. package/dist/index.es86.js.map +0 -1
  190. package/dist/index.es87.js +0 -40
  191. package/dist/index.es87.js.map +0 -1
  192. package/dist/index.es88.js +0 -39
  193. package/dist/index.es88.js.map +0 -1
  194. package/dist/index.es89.js +0 -8
  195. package/dist/index.es89.js.map +0 -1
  196. package/dist/index.es9.js +0 -37
  197. package/dist/index.es9.js.map +0 -1
  198. package/dist/index.es90.js +0 -722
  199. package/dist/index.es90.js.map +0 -1
  200. package/dist/index.es91.js +0 -155
  201. package/dist/index.es91.js.map +0 -1
  202. package/dist/index.es92.js +0 -174
  203. package/dist/index.es92.js.map +0 -1
  204. package/dist/index.es93.js +0 -11
  205. package/dist/index.es93.js.map +0 -1
  206. package/dist/index.es94.js +0 -6
  207. package/dist/index.es94.js.map +0 -1
  208. package/dist/index.es95.js +0 -36
  209. package/dist/index.es95.js.map +0 -1
  210. package/dist/index.es96.js +0 -175
  211. package/dist/index.es96.js.map +0 -1
  212. package/dist/index.es97.js +0 -22
  213. package/dist/index.es97.js.map +0 -1
  214. package/dist/index.es98.js +0 -89
  215. package/dist/index.es98.js.map +0 -1
  216. package/dist/index.es99.js +0 -48
  217. package/dist/index.es99.js.map +0 -1
@@ -1,38 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Root } from "./index.es37.js";
3
- import { cn } from "./index.es4.js";
4
- import { cva } from "./index.es34.js";
5
- const labelVariants = cva(
6
- "volt-flex volt-items-center volt-gap-2 volt-leading-none volt-font-normal volt-group-data-[disabled=true]:pointer-events-none volt-group-data-[disabled=true]:opacity-50 volt-peer-disabled:cursor-not-allowed volt-peer-disabled:opacity-50 [[for]]:cursor-pointer",
7
- {
8
- variants: {
9
- variant: {
10
- primary: "volt-text-gray-default",
11
- destructive: "volt-text-error-a12"
12
- },
13
- size: {
14
- sm: "volt-text-xs",
15
- base: "volt-text-sm",
16
- lg: "volt-text-base"
17
- }
18
- },
19
- defaultVariants: {
20
- variant: "primary",
21
- size: "base"
22
- }
23
- }
24
- );
25
- const Label = ({ variant, size, className, ...props }) => {
26
- return /* @__PURE__ */ jsx(
27
- Root,
28
- {
29
- "data-slot": "label",
30
- className: cn(labelVariants({ variant, size, className })),
31
- ...props
32
- }
33
- );
34
- };
35
- export {
36
- Label
37
- };
38
- //# sourceMappingURL=index.es13.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es13.js","sources":["../src/components/label/label.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@/lib/utils\"\nimport { cva, VariantProps } from \"class-variance-authority\"\n\nconst labelVariants = cva(\n \"flex items-center gap-2 leading-none font-normal group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 [[for]]:cursor-pointer\",\n {\n variants: {\n variant: {\n primary: \"text-gray-default\",\n destructive: \"text-error-a12\",\n },\n size: {\n sm: \"text-xs\",\n base: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"base\",\n },\n }\n)\n\ntype LabelProps = React.ComponentProps<typeof LabelPrimitive.Root> &\n VariantProps<typeof labelVariants>\n\nconst Label = ({ variant, size, className, ...props }: LabelProps) => {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(labelVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Label }\n"],"names":["LabelPrimitive.Root"],"mappings":";;;;AAOA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,MAAA;AAAA,MAEf,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAKA,MAAM,QAAQ,CAAC,EAAE,SAAS,MAAM,WAAW,GAAG,YAAwB;AACpE,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,EAAE,SAAS,MAAM,UAAA,CAAW,CAAC;AAAA,MACxD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,48 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { forwardRef } from "react";
3
- import { Root as Slot } from "./index.es33.js";
4
- import { cn } from "./index.es4.js";
5
- import { cva } from "./index.es34.js";
6
- const textVariants = cva("", {
7
- variants: {
8
- variant: {
9
- // Title variants
10
- title3: "volt-text-3xl volt-tracking-tighter volt-font-bold",
11
- title2: "volt-text-2xl volt-tracking-tight volt-font-bold",
12
- title1: "volt-text-xl volt-tracking-tight volt-font-bold",
13
- // Heading variants
14
- heading3: "volt-text-lg volt-tracking-tight volt-font-bold",
15
- heading2: "volt-text-base volt-tracking-normal volt-font-bold",
16
- heading1: "volt-text-sm volt-tracking-normal volt-font-bold",
17
- // Body variants
18
- body2: "volt-text-sm volt-tracking-normal volt-inline-block",
19
- body1: "volt-text-xs volt-tracking-normal volt-inline-block",
20
- // Helper variants
21
- helper2: "volt-text-sm volt-text-gray-light volt-tracking-normal volt-inline-block",
22
- helper1: "volt-text-xs volt-text-gray-light volt-tracking-normal volt-inline-block"
23
- }
24
- },
25
- defaultVariants: {
26
- variant: "body2"
27
- }
28
- });
29
- const Text = forwardRef(
30
- ({ variant, asChild = false, className, ...props }, ref) => {
31
- const Comp = asChild ? Slot : "span";
32
- return /* @__PURE__ */ jsx(
33
- Comp,
34
- {
35
- "data-slot": "text",
36
- className: cn(textVariants({ variant, className })),
37
- ref,
38
- ...props
39
- }
40
- );
41
- }
42
- );
43
- Text.displayName = "Text";
44
- export {
45
- Text,
46
- textVariants
47
- };
48
- //# sourceMappingURL=index.es14.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es14.js","sources":["../src/components/text/text.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\"\nimport { forwardRef } from \"react\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { type VariantProps, cva } from \"class-variance-authority\"\n\nexport const textVariants = cva(\"\", {\n variants: {\n variant: {\n // Title variants\n title3: \"text-3xl tracking-tighter font-bold\",\n title2: \"text-2xl tracking-tight font-bold\",\n title1: \"text-xl tracking-tight font-bold\",\n\n // Heading variants\n heading3: \"text-lg tracking-tight font-bold\",\n heading2: \"text-base tracking-normal font-bold\",\n heading1: \"text-sm tracking-normal font-bold\",\n\n // Body variants\n body2: \"text-sm tracking-normal inline-block\",\n body1: \"text-xs tracking-normal inline-block\",\n\n // Helper variants\n helper2: \"text-sm text-gray-light tracking-normal inline-block\",\n helper1: \"text-xs text-gray-light tracking-normal inline-block\",\n },\n },\n defaultVariants: {\n variant: \"body2\",\n },\n})\n\nexport type TextVariant = VariantProps<typeof textVariants>[\"variant\"]\n\nexport type TextProps = ComponentPropsWithoutRef<\"span\"> &\n VariantProps<typeof textVariants> & {\n asChild?: boolean\n }\n\nexport const Text = forwardRef<HTMLSpanElement, TextProps>(\n ({ variant, asChild = false, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"span\"\n\n return (\n <Comp\n data-slot=\"text\"\n className={cn(textVariants({ variant, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nText.displayName = \"Text\"\n"],"names":[],"mappings":";;;;;AASO,MAAM,eAAe,IAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA;AAAA,MAGR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,MAGV,OAAO;AAAA,MACP,OAAO;AAAA;AAAA,MAGP,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;AASM,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,SAAS,UAAU,OAAO,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC1D,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,aAAa,EAAE,SAAS,UAAA,CAAW,CAAC;AAAA,QAClD;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,KAAK,cAAc;"}
@@ -1,67 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Root as Root3, Trigger, Content as Content2, Arrow as Arrow2, Provider } from "./index.es38.js";
3
- import { cn } from "./index.es4.js";
4
- const TooltipProvider = ({
5
- delayDuration = 0,
6
- ...props
7
- }) => {
8
- return /* @__PURE__ */ jsx(
9
- Provider,
10
- {
11
- delayDuration,
12
- "data-slot": "tooltip-provider",
13
- ...props
14
- }
15
- );
16
- };
17
- const Tooltip = ({ ...props }) => {
18
- return /* @__PURE__ */ jsx(Root3, { "data-slot": "tooltip", ...props });
19
- };
20
- const TooltipTrigger = ({
21
- ...props
22
- }) => {
23
- return /* @__PURE__ */ jsx(Trigger, { "data-slot": "tooltip-trigger", ...props });
24
- };
25
- const TooltipContent = ({
26
- className,
27
- hideArrow = false,
28
- variant = "default",
29
- children,
30
- ...props
31
- }) => {
32
- return /* @__PURE__ */ jsxs(
33
- Content2,
34
- {
35
- "data-slot": "tooltip-content",
36
- "data-variant": variant,
37
- className: cn(
38
- "volt-animate-in volt-fade-in-0 volt-zoom-in-95 volt-data-[state=closed]:animate-out volt-data-[state=closed]:duration-0 volt-data-[state=closed]:fade-out-0 volt-data-[state=closed]:zoom-out-95 volt-data-[side=bottom]:slide-in-from-top-1 volt-data-[side=left]:slide-in-from-right-1 volt-data-[side=right]:slide-in-from-left-1 volt-data-[side=top]:slide-in-from-bottom-1 volt-z-50 volt-w-fit volt-origin-(--radix-tooltip-content-transform-origin) volt-rounded-lg volt-p-2 volt-text-xs volt-text-balance",
39
- "volt-data-[variant=default]:bg-gray-12 volt-data-[variant=default]:text-gray-1",
40
- "volt-data-[variant=destructive]:bg-error-a12 volt-data-[variant=destructive]:text-error-1",
41
- className
42
- ),
43
- ...props,
44
- children: [
45
- children,
46
- !hideArrow && /* @__PURE__ */ jsx(
47
- Arrow2,
48
- {
49
- "data-variant": variant,
50
- className: cn(
51
- "volt-relative volt-z-50 volt-size-2.5 volt-translate-y-[calc(-50%-2px)] volt-rotate-45 volt-rounded-[2px]",
52
- "volt-data-[variant=default]:bg-gray-12 volt-data-[variant=default]:fill-gray-12",
53
- "volt-data-[variant=destructive]:bg-error-12 volt-data-[variant=destructive]:fill-error-12"
54
- )
55
- }
56
- )
57
- ]
58
- }
59
- );
60
- };
61
- export {
62
- Tooltip,
63
- TooltipContent,
64
- TooltipProvider,
65
- TooltipTrigger
66
- };
67
- //# sourceMappingURL=index.es15.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es15.js","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = ({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) => {\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n data-slot=\"tooltip-provider\"\n {...props}\n />\n )\n}\n\nconst TooltipPortal = ({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Portal>) => {\n return <TooltipPrimitive.Portal data-slot=\"tooltip-portal\" {...props} />\n}\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nconst Tooltip = ({ ...props }: TooltipProps) => {\n return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nconst TooltipTrigger = ({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) => {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\ntype TooltipContentProps = React.ComponentProps<\n typeof TooltipPrimitive.Content\n> & {\n hideArrow?: boolean\n variant?: \"default\" | \"destructive\"\n}\n\nconst TooltipContent = ({\n className,\n hideArrow = false,\n variant = \"default\",\n children,\n ...props\n}: TooltipContentProps) => {\n return (\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n data-variant={variant}\n className={cn(\n \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:duration-0 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg p-2 text-xs text-balance\",\n \"data-[variant=default]:bg-gray-12 data-[variant=default]:text-gray-1\",\n \"data-[variant=destructive]:bg-error-a12 data-[variant=destructive]:text-error-1\",\n className\n )}\n {...props}\n >\n {children}\n {!hideArrow && (\n <TooltipPrimitive.Arrow\n data-variant={variant}\n className={cn(\n \"relative z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]\",\n \"data-[variant=default]:bg-gray-12 data-[variant=default]:fill-gray-12\",\n \"data-[variant=destructive]:bg-error-12 data-[variant=destructive]:fill-error-12\"\n )}\n />\n )}\n </TooltipPrimitive.Content>\n )\n}\n\nexport {\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n TooltipProvider,\n TooltipPortal,\n}\n"],"names":["TooltipPrimitive.Provider","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":";;;AAKA,MAAM,kBAAkB,CAAC;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,MAA8D;AAC5D,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAUA,MAAM,UAAU,CAAC,EAAE,GAAG,YAA0B;AAC9C,6BAAQC,OAAA,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,GAAG;AACL,MAA6D;AAC3D,6BAAQC,SAAA,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AASA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAA2B;AACzB,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,CAAC,aACA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,gBAAc;AAAA,YACd,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
@@ -1,120 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Root, Thumb } from "./index.es39.js";
3
- import { cn } from "./index.es4.js";
4
- import { cva } from "./index.es34.js";
5
- const ThumbIconChecked = () => /* @__PURE__ */ jsx(
6
- "svg",
7
- {
8
- "data-slot": "switch-thumb-icon-checked",
9
- role: "presentation",
10
- className: "volt-absolute pointer-events-none volt-inset-0 volt-text-current volt-m-auto volt-hidden volt-group-data-[state=checked]/switch-thumb:inline-block",
11
- viewBox: "0 0 1 6",
12
- fill: "none",
13
- xmlns: "http://www.w3.org/2000/svg",
14
- children: /* @__PURE__ */ jsx("rect", { width: "1", height: "6", fill: "currentColor" })
15
- }
16
- );
17
- const ThumbIconUnchecked = () => /* @__PURE__ */ jsx(
18
- "svg",
19
- {
20
- "data-slot": "switch-thumb-icon-unchecked",
21
- role: "presentation",
22
- className: "volt-absolute pointer-events-none volt-inset-0 volt-hidden volt-text-current volt-m-auto volt-group-data-[state=unchecked]/switch-thumb:inline-block",
23
- viewBox: "0 0 4 6",
24
- fill: "none",
25
- xmlns: "http://www.w3.org/2000/svg",
26
- children: /* @__PURE__ */ jsx("rect", { x: "0.5", y: "0.5", width: "3", height: "5", rx: "1.5", stroke: "currentColor" })
27
- }
28
- );
29
- const ThumbIconDisabled = () => /* @__PURE__ */ jsx(
30
- "svg",
31
- {
32
- "data-slot": "switch-thumb-icon-disabled",
33
- className: "volt-absolute pointer-events-none volt-inset-0 volt-inline-block volt-text-current volt-m-auto",
34
- viewBox: "0 0 4 5",
35
- fill: "none",
36
- xmlns: "http://www.w3.org/2000/svg",
37
- children: /* @__PURE__ */ jsx(
38
- "path",
39
- {
40
- d: "M0 5V1.875H0.666667V1.25C0.666667 0.90625 0.797223 0.611979 1.05833 0.367188C1.31944 0.122396 1.63333 0 2 0C2.36667 0 2.68056 0.122396 2.94167 0.367188C3.20278 0.611979 3.33333 0.90625 3.33333 1.25V1.875H4V5H0ZM1.33333 1.875H2.66667V1.25C2.66667 1.07292 2.60278 0.924479 2.475 0.804687C2.34722 0.684896 2.18889 0.625 2 0.625C1.81111 0.625 1.65278 0.684896 1.525 0.804687C1.39722 0.924479 1.33333 1.07292 1.33333 1.25V1.875Z",
41
- fill: "currentColor"
42
- }
43
- )
44
- }
45
- );
46
- const switchVariants = cva(
47
- "volt-peer volt-cursor-pointer volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-inline-flex volt-shrink-0 volt-items-center volt-rounded-full volt-border volt-border-transparent volt-shadow-xs volt-transition-all volt-disabled:pointer-events-none volt-disabled:opacity-50",
48
- {
49
- variants: {
50
- variant: {
51
- primary: "volt-data-[state=checked]:bg-accent-solid volt-data-[state=unchecked]:bg-gray-a4 volt-focus-visible:outline-accent-a8 volt-text-gray-a8",
52
- destructive: "volt-data-[state=checked]:bg-error-solid volt-data-[state=unchecked]:bg-error-a4 volt-focus-visible:outline-error-a8 volt-text-error-a8"
53
- },
54
- size: {
55
- sm: "volt-h-4 volt-w-6.5 [&_svg]:w-1 [&_svg]:h-1.5",
56
- base: "volt-h-5 volt-w-8.5 [&_svg]:w-1.75 [&_svg]:h-2",
57
- lg: "volt-h-6 volt-w-10.5 [&_svg]:w-2 [&_svg]:h-2.5"
58
- }
59
- },
60
- defaultVariants: {
61
- variant: "primary",
62
- size: "base"
63
- }
64
- }
65
- );
66
- const thumbVariants = cva(
67
- "volt-group volt-pointer-events-none volt-block volt-rounded-full volt-ring-0 volt-data-[state=checked]:translate-x-[calc(100%-1px)] volt-transition-transform volt-data-[state=unchecked]:translate-x-px",
68
- {
69
- variants: {
70
- variant: {
71
- primary: "volt-bg-gray-contrast volt-border volt-border-gray-a7 volt-text-gray-a8 volt-data-[state=checked]:border-accent-a11 volt-data-[state=checked]:text-accent-a11 volt-data-[state=unchecked]:text-gray-a8",
72
- destructive: "volt-bg-error-contrast volt-border volt-border-error-a6 volt-text-error-a8 volt-data-[state=checked]:border-error-a11 volt-data-[state=checked]:text-error-a11 volt-data-[state=unchecked]:text-error-a8"
73
- },
74
- size: {
75
- sm: "volt-size-3 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1",
76
- base: "volt-size-4 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1.5",
77
- lg: "volt-size-5 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1.75"
78
- }
79
- },
80
- defaultVariants: {
81
- variant: "primary",
82
- size: "base"
83
- }
84
- }
85
- );
86
- function Switch({
87
- variant,
88
- size,
89
- className,
90
- showThumbIcon = false,
91
- ...props
92
- }) {
93
- return /* @__PURE__ */ jsx(
94
- Root,
95
- {
96
- "data-slot": "switch",
97
- className: cn(switchVariants({ variant, size, className })),
98
- ...props,
99
- children: /* @__PURE__ */ jsxs(
100
- Thumb,
101
- {
102
- "data-slot": "switch-thumb",
103
- className: cn(
104
- "volt-group/switch-thumb volt-relative volt-text-gray-a8 volt-data-[state=checked]:text-accent-a11",
105
- thumbVariants({ variant, size })
106
- ),
107
- children: [
108
- showThumbIcon && !props.disabled && /* @__PURE__ */ jsx(ThumbIconChecked, {}),
109
- showThumbIcon && !props.disabled && /* @__PURE__ */ jsx(ThumbIconUnchecked, {}),
110
- showThumbIcon && props.disabled && /* @__PURE__ */ jsx(ThumbIconDisabled, {})
111
- ]
112
- }
113
- )
114
- }
115
- );
116
- }
117
- export {
118
- Switch
119
- };
120
- //# sourceMappingURL=index.es16.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es16.js","sources":["../src/components/switch/switch.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/lib/utils\"\nimport { cva, VariantProps } from \"class-variance-authority\"\n\nconst ThumbIconChecked = () => (\n <svg\n data-slot=\"switch-thumb-icon-checked\"\n role=\"presentation\"\n className=\"volt-absolute pointer-events-none volt-inset-0 volt-text-current volt-m-auto volt-hidden volt-group-data-[state=checked]/switch-thumb:inline-block\"\n viewBox=\"0 0 1 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"1\" height=\"6\" fill=\"currentColor\" />\n </svg>\n)\n\nconst ThumbIconUnchecked = () => (\n <svg\n data-slot=\"switch-thumb-icon-unchecked\"\n role=\"presentation\"\n className=\"volt-absolute pointer-events-none volt-inset-0 volt-hidden volt-text-current volt-m-auto volt-group-data-[state=unchecked]/switch-thumb:inline-block\"\n viewBox=\"0 0 4 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"3\" height=\"5\" rx=\"1.5\" stroke=\"currentColor\" />\n </svg>\n)\n\nconst ThumbIconDisabled = () => (\n <svg\n data-slot=\"switch-thumb-icon-disabled\"\n className=\"volt-absolute pointer-events-none volt-inset-0 volt-inline-block volt-text-current volt-m-auto\"\n viewBox=\"0 0 4 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0 5V1.875H0.666667V1.25C0.666667 0.90625 0.797223 0.611979 1.05833 0.367188C1.31944 0.122396 1.63333 0 2 0C2.36667 0 2.68056 0.122396 2.94167 0.367188C3.20278 0.611979 3.33333 0.90625 3.33333 1.25V1.875H4V5H0ZM1.33333 1.875H2.66667V1.25C2.66667 1.07292 2.60278 0.924479 2.475 0.804687C2.34722 0.684896 2.18889 0.625 2 0.625C1.81111 0.625 1.65278 0.684896 1.525 0.804687C1.39722 0.924479 1.33333 1.07292 1.33333 1.25V1.875Z\"\n fill=\"currentColor\"\n />\n </svg>\n)\n\nconst switchVariants = cva(\n \"peer cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n primary:\n \"data-[state=checked]:bg-accent-solid data-[state=unchecked]:bg-gray-a4 focus-visible:outline-accent-a8 text-gray-a8\",\n destructive:\n \"data-[state=checked]:bg-error-solid data-[state=unchecked]:bg-error-a4 focus-visible:outline-error-a8 text-error-a8\",\n },\n size: {\n sm: \"h-4 w-6.5 [&_svg]:w-1 [&_svg]:h-1.5\",\n base: \"h-5 w-8.5 [&_svg]:w-1.75 [&_svg]:h-2\",\n lg: \"h-6 w-10.5 [&_svg]:w-2 [&_svg]:h-2.5\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"base\",\n },\n }\n)\n\nconst thumbVariants = cva(\n \"group pointer-events-none block rounded-full ring-0 data-[state=checked]:translate-x-[calc(100%-1px)] transition-transform data-[state=unchecked]:translate-x-px\",\n {\n variants: {\n variant: {\n primary:\n \"bg-gray-contrast border border-gray-a7 text-gray-a8 data-[state=checked]:border-accent-a11 data-[state=checked]:text-accent-a11 data-[state=unchecked]:text-gray-a8\",\n destructive:\n \"bg-error-contrast border border-error-a6 text-error-a8 data-[state=checked]:border-error-a11 data-[state=checked]:text-error-a11 data-[state=unchecked]:text-error-a8\",\n },\n size: {\n sm: \"size-3 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1\",\n base: \"size-4 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1.5\",\n lg: \"size-5 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1.75\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"base\",\n },\n }\n)\n\ntype SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {\n variant?: VariantProps<typeof switchVariants>[\"variant\"]\n size?: VariantProps<typeof switchVariants>[\"size\"]\n showThumbIcon?: boolean\n}\n\nfunction Switch({\n variant,\n size,\n className,\n showThumbIcon = false,\n ...props\n}: SwitchProps) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(switchVariants({ variant, size, className }))}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n \"group/switch-thumb relative text-gray-a8 data-[state=checked]:text-accent-a11\",\n thumbVariants({ variant, size })\n )}\n >\n {showThumbIcon && !props.disabled && <ThumbIconChecked />}\n {showThumbIcon && !props.disabled && <ThumbIconUnchecked />}\n {showThumbIcon && props.disabled && <ThumbIconDisabled />}\n </SwitchPrimitive.Thumb>\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"names":["SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;AAOA,MAAM,mBAAmB,MACvB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,aAAU;AAAA,IACV,MAAK;AAAA,IACL,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,8BAAC,QAAA,EAAK,OAAM,KAAI,QAAO,KAAI,MAAK,eAAA,CAAe;AAAA,EAAA;AACjD;AAGF,MAAM,qBAAqB,MACzB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,aAAU;AAAA,IACV,MAAK;AAAA,IACL,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA,oBAAC,QAAA,EAAK,GAAE,OAAM,GAAE,OAAM,OAAM,KAAI,QAAO,KAAI,IAAG,OAAM,QAAO,eAAA,CAAe;AAAA,EAAA;AAC5E;AAGF,MAAM,oBAAoB,MACxB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,aAAU;AAAA,IACV,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP;AACF;AAGF,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAQA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAA,CAAW,CAAC;AAAA,MACzD,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA,cAAc,EAAE,SAAS,KAAA,CAAM;AAAA,UAAA;AAAA,UAGhC,UAAA;AAAA,YAAA,iBAAiB,CAAC,MAAM,YAAY,oBAAC,kBAAA,CAAA,CAAiB;AAAA,YACtD,iBAAiB,CAAC,MAAM,gCAAa,oBAAA,CAAA,CAAmB;AAAA,YACxD,iBAAiB,MAAM,YAAY,oBAAC,mBAAA,CAAA,CAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzD;AAAA,EAAA;AAGN;"}
@@ -1,27 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Root } from "./index.es40.js";
3
- import { cn } from "./index.es4.js";
4
- const Separator = ({
5
- className,
6
- orientation = "horizontal",
7
- decorative = true,
8
- ...props
9
- }) => {
10
- return /* @__PURE__ */ jsx(
11
- Root,
12
- {
13
- "data-slot": "separator",
14
- decorative,
15
- orientation,
16
- className: cn(
17
- "volt-bg-gray-a5 volt-shrink-0 volt-data-[orientation=horizontal]:h-px volt-data-[orientation=horizontal]:w-full volt-data-[orientation=vertical]:h-full volt-data-[orientation=vertical]:w-px",
18
- className
19
- ),
20
- ...props
21
- }
22
- );
23
- };
24
- export {
25
- Separator
26
- };
27
- //# sourceMappingURL=index.es17.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es17.js","sources":["../src/components/separator/seperator.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Separator = ({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) => {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-gray-a5 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"names":["SeparatorPrimitive.Root"],"mappings":";;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,MAA4D;AAC1D,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,51 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Trigger, Root as Root2, Content as Content2, Anchor as Anchor2, Portal } from "./index.es41.js";
3
- import { cn } from "./index.es4.js";
4
- const PopoverPortal = ({
5
- ...props
6
- }) => {
7
- return /* @__PURE__ */ jsx(Portal, { "data-slot": "popover-portal", ...props });
8
- };
9
- const Popover = ({
10
- ...props
11
- }) => {
12
- return /* @__PURE__ */ jsx(Root2, { "data-slot": "popover", ...props });
13
- };
14
- const PopoverTrigger = ({
15
- ...props
16
- }) => {
17
- return /* @__PURE__ */ jsx(Trigger, { "data-slot": "popover-trigger", ...props });
18
- };
19
- const PopoverContent = ({
20
- className,
21
- align = "center",
22
- sideOffset = 4,
23
- ...props
24
- }) => {
25
- return /* @__PURE__ */ jsx(
26
- Content2,
27
- {
28
- "data-slot": "popover-content",
29
- align,
30
- sideOffset,
31
- className: cn(
32
- "volt-bg-body volt-text-gray-default volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-data-[state=closed]:zoom-out-95 volt-data-[state=open]:zoom-in-95 volt-data-[side=bottom]:slide-in-from-top-2 volt-data-[side=left]:slide-in-from-right-2 volt-data-[side=right]:slide-in-from-left-2 volt-data-[side=top]:slide-in-from-bottom-2 volt-z-50 volt-origin-(--radix-popover-content-transform-origin) volt-rounded-xl volt-border volt-border-gray-a1 volt-p-6 volt-shadow-md volt-outline-hidden",
33
- className
34
- ),
35
- ...props
36
- }
37
- );
38
- };
39
- const PopoverAnchor = ({
40
- ...props
41
- }) => {
42
- return /* @__PURE__ */ jsx(Anchor2, { "data-slot": "popover-anchor", ...props });
43
- };
44
- export {
45
- Popover,
46
- PopoverAnchor,
47
- PopoverContent,
48
- PopoverPortal,
49
- PopoverTrigger
50
- };
51
- //# sourceMappingURL=index.es18.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es18.js","sources":["../src/components/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst PopoverPortal = ({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Portal>) => {\n return <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n}\n\nconst Popover = ({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) => {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nconst PopoverTrigger = ({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) => {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nconst PopoverContent = ({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) => {\n return (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-body text-gray-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-(--radix-popover-content-transform-origin) rounded-xl border border-gray-a1 p-6 shadow-md outline-hidden\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst PopoverAnchor = ({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) => {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverPortal }\n"],"names":["PopoverPrimitive.Portal","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Content","PopoverPrimitive.Anchor"],"mappings":";;;AAKA,MAAM,gBAAgB,CAAC;AAAA,EACrB,GAAG;AACL,MAA4D;AAC1D,6BAAQA,QAAA,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;AAEA,MAAM,UAAU,CAAC;AAAA,EACf,GAAG;AACL,MAA0D;AACxD,6BAAQC,OAAA,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,GAAG;AACL,MAA6D;AAC3D,6BAAQC,SAAA,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,GAAG;AACL,MAA6D;AAC3D,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,GAAG;AACL,MAA4D;AAC1D,6BAAQC,SAAA,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;"}
@@ -1,168 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Root, Close, Content, Description, Overlay, Portal, Title, Trigger } from "./index.es42.js";
3
- import { cn } from "./index.es4.js";
4
- const XIcon = (props) => /* @__PURE__ */ jsx(
5
- "svg",
6
- {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- height: "24px",
9
- viewBox: "0 -960 960 960",
10
- width: "24px",
11
- fill: "currentColor",
12
- ...props,
13
- children: /* @__PURE__ */ jsx("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
14
- }
15
- );
16
- const Dialog = ({
17
- ...props
18
- }) => {
19
- return /* @__PURE__ */ jsx(Root, { "data-slot": "dialog", ...props });
20
- };
21
- const DialogTrigger = ({
22
- ...props
23
- }) => {
24
- return /* @__PURE__ */ jsx(Trigger, { "data-slot": "dialog-trigger", ...props });
25
- };
26
- const DialogPortal = ({
27
- ...props
28
- }) => {
29
- return /* @__PURE__ */ jsx(Portal, { "data-slot": "dialog-portal", ...props });
30
- };
31
- const DialogClose = ({
32
- className,
33
- ...props
34
- }) => {
35
- return /* @__PURE__ */ jsx(
36
- Close,
37
- {
38
- "data-slot": "dialog-close",
39
- className: cn(
40
- "volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-accent-a8",
41
- className
42
- ),
43
- ...props
44
- }
45
- );
46
- };
47
- const DialogOverlay = ({
48
- className,
49
- ...props
50
- }) => {
51
- return /* @__PURE__ */ jsx(
52
- Overlay,
53
- {
54
- "data-slot": "dialog-overlay",
55
- className: cn(
56
- "volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-fixed volt-inset-0 volt-z-50 volt-bg-black/50",
57
- className
58
- ),
59
- ...props
60
- }
61
- );
62
- };
63
- const DialogContent = ({
64
- className,
65
- children,
66
- showCloseButton = true,
67
- size = "lg",
68
- ...props
69
- }) => {
70
- return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
71
- /* @__PURE__ */ jsx(DialogOverlay, {}),
72
- /* @__PURE__ */ jsxs(
73
- Content,
74
- {
75
- "data-slot": "dialog-content",
76
- className: cn(
77
- "volt-bg-body volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-data-[state=closed]:zoom-out-95 volt-data-[state=open]:zoom-in-95 volt-fixed volt-top-[50%] volt-left-[50%] volt-z-50 volt-grid volt-w-full volt-max-w-[calc(100%-2rem)] volt-translate-x-[-50%] volt-translate-y-[-50%] volt-gap-6 volt-rounded-xl volt-border volt-border-gray-a1 volt-p-6 volt-shadow-lg",
78
- {
79
- "volt-sm:max-w-sm": size === "sm",
80
- "volt-sm:max-w-md": size === "md",
81
- "volt-sm:max-w-lg": size === "lg",
82
- "volt-sm:max-w-xl": size === "xl",
83
- "volt-sm:max-w-2xl": size === "2xl",
84
- "volt-sm:max-w-3xl": size === "3xl",
85
- "volt-sm:max-w-4xl": size === "4xl",
86
- "volt-sm:max-w-5xl": size === "5xl",
87
- "volt-w-full": size === "volt-full-width"
88
- },
89
- className
90
- ),
91
- ...props,
92
- children: [
93
- children,
94
- showCloseButton && /* @__PURE__ */ jsxs(
95
- Close,
96
- {
97
- "data-slot": "dialog-close",
98
- className: "volt-absolute volt-top-4 volt-right-4 volt-rounded-full volt-cursor-pointer volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-accent-a8 volt-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='volt-size-'])]:size-4",
99
- children: [
100
- /* @__PURE__ */ jsx(XIcon, { className: "volt-text-accent-a11" }),
101
- /* @__PURE__ */ jsx("span", { className: "volt-sr-only", children: "Close" })
102
- ]
103
- }
104
- )
105
- ]
106
- }
107
- )
108
- ] });
109
- };
110
- const DialogHeader = ({ className, ...props }) => {
111
- return /* @__PURE__ */ jsx(
112
- "div",
113
- {
114
- "data-slot": "volt-dialog-header",
115
- className: cn("volt-flex volt-flex-col volt-gap-2 volt-text-left", className),
116
- ...props
117
- }
118
- );
119
- };
120
- const DialogFooter = ({ className, ...props }) => {
121
- return /* @__PURE__ */ jsx(
122
- "div",
123
- {
124
- "data-slot": "volt-dialog-footer",
125
- className: cn("volt-flex volt-gap-2 volt-justify-end", className),
126
- ...props
127
- }
128
- );
129
- };
130
- const DialogTitle = ({
131
- className,
132
- ...props
133
- }) => {
134
- return /* @__PURE__ */ jsx(
135
- Title,
136
- {
137
- "data-slot": "volt-dialog-title",
138
- className: cn("volt-text-lg volt-font-semibold volt-text-gray-default", className),
139
- ...props
140
- }
141
- );
142
- };
143
- const DialogDescription = ({
144
- className,
145
- ...props
146
- }) => {
147
- return /* @__PURE__ */ jsx(
148
- Description,
149
- {
150
- "data-slot": "volt-dialog-description",
151
- className: cn("volt-text-gray-light volt-text-sm", className),
152
- ...props
153
- }
154
- );
155
- };
156
- export {
157
- Dialog,
158
- DialogClose,
159
- DialogContent,
160
- DialogDescription,
161
- DialogFooter,
162
- DialogHeader,
163
- DialogOverlay,
164
- DialogPortal,
165
- DialogTitle,
166
- DialogTrigger
167
- };
168
- //# sourceMappingURL=index.es19.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es19.js","sources":["../src/components/dialog/dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst XIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 -960 960 960\"\n width=\"24px\"\n fill=\"currentColor\"\n {...props}\n >\n <path d=\"M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z\" />\n </svg>\n)\n\nconst Dialog = ({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) => {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nconst DialogTrigger = ({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) => {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nconst DialogPortal = ({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) => {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nconst DialogClose = ({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) => {\n return (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n className={cn(\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-a8\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst DialogOverlay = ({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) => {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className\n )}\n {...props}\n />\n )\n}\n\ntype DialogContentSize =\n | \"sm\"\n | \"md\"\n | \"lg\"\n | \"xl\"\n | \"2xl\"\n | \"3xl\"\n | \"4xl\"\n | \"5xl\"\n | \"full-width\"\n\nconst DialogContent = ({\n className,\n children,\n showCloseButton = true,\n size = \"lg\",\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean\n size?: DialogContentSize\n}) => {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"bg-body data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-6 rounded-xl border border-gray-a1 p-6 shadow-lg\",\n {\n \"sm:max-w-sm\": size === \"sm\",\n \"sm:max-w-md\": size === \"md\",\n \"sm:max-w-lg\": size === \"lg\",\n \"sm:max-w-xl\": size === \"xl\",\n \"sm:max-w-2xl\": size === \"2xl\",\n \"sm:max-w-3xl\": size === \"3xl\",\n \"sm:max-w-4xl\": size === \"4xl\",\n \"sm:max-w-5xl\": size === \"5xl\",\n \"w-full\": size === \"full-width\",\n },\n className\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n className=\"absolute top-4 right-4 rounded-full cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-a8 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n >\n <XIcon className=\"text-accent-a11\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n )\n}\n\nconst DialogHeader = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-left\", className)}\n {...props}\n />\n )\n}\n\nconst DialogFooter = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\"flex gap-2 justify-end\", className)}\n {...props}\n />\n )\n}\n\nconst DialogTitle = ({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) => {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-lg font-semibold text-gray-default\", className)}\n {...props}\n />\n )\n}\n\nconst DialogDescription = ({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) => {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-gray-light text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n}\n"],"names":["DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Portal","DialogPrimitive.Close","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":"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"}
@@ -1,55 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Checkbox as Checkbox$1, CheckboxIndicator } from "./index.es43.js";
3
- import { cn } from "./index.es4.js";
4
- const CheckIcon = (props) => /* @__PURE__ */ jsx(
5
- "svg",
6
- {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- height: "24px",
9
- viewBox: "0 -960 960 960",
10
- width: "24px",
11
- fill: "currentColor",
12
- ...props,
13
- children: /* @__PURE__ */ jsx("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
14
- }
15
- );
16
- const MinusIcon = (props) => /* @__PURE__ */ jsx(
17
- "svg",
18
- {
19
- xmlns: "http://www.w3.org/2000/svg",
20
- height: "24px",
21
- viewBox: "0 -960 960 960",
22
- width: "24px",
23
- fill: "currentColor",
24
- ...props,
25
- children: /* @__PURE__ */ jsx("path", { d: "M280-440q-17 0-28.5-11.5T240-480q0-17 11.5-28.5T280-520h400q17 0 28.5 11.5T720-480q0 17-11.5 28.5T680-440H280Z" })
26
- }
27
- );
28
- const Checkbox = ({
29
- className,
30
- ...props
31
- }) => {
32
- return /* @__PURE__ */ jsx(
33
- Checkbox$1,
34
- {
35
- "data-slot": "checkbox",
36
- className: cn(
37
- "volt-peer volt-border-accent-a7 volt-bg-accent-a4 volt-disabled:border-gray-a4 volt-data-[state=indeterminate]:bg-accent-a7 volt-data-[state=indeterminate]:border-transparent volt-data-[state=indeterminate]:text-accent-a12 volt-data-[state=checked]:bg-accent-solid volt-data-[state=checked]:border-0 volt-data-[state=checked]:text-accent-contrast volt-focus-visible:outline-offset-2 volt-focus-visible:outline-2 volt-focus-visible:outline-accent-a8 volt-aria-invalid:outline-error-a8 volt-aria-invalid:border-error-a8 volt-size-4 volt-shrink-0 volt-rounded-sm volt-border volt-shadow-xs volt-transition-shadow volt-disabled:cursor-not-allowed volt-disabled:opacity-50",
38
- className
39
- ),
40
- ...props,
41
- children: /* @__PURE__ */ jsx(
42
- CheckboxIndicator,
43
- {
44
- "data-slot": "checkbox-indicator",
45
- className: "volt-grid volt-place-content-center volt-text-current volt-transition-none",
46
- children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(MinusIcon, { className: "volt-size-3.5" }) : /* @__PURE__ */ jsx(CheckIcon, { className: "volt-size-3.5" })
47
- }
48
- )
49
- }
50
- );
51
- };
52
- export {
53
- Checkbox
54
- };
55
- //# sourceMappingURL=index.es20.js.map