@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 +0,0 @@
1
- {"version":3,"file":"index.es25.js","sources":["../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"../button/button\"\n\nconst AlertDialog = ({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) => {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nconst AlertDialogTrigger = ({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) => {\n return (\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n )\n}\n\nconst AlertDialogPortal = ({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) => {\n return (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n )\n}\n\nconst AlertDialogOverlay = ({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) => {\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-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\nconst AlertDialogContent = ({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) => {\n return (\n <>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-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-4 rounded-xl border border-gray-a1 p-6 shadow-lg sm:max-w-xl\",\n className\n )}\n {...props}\n />\n </>\n )\n}\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn(\"flex flex-col gap-2 text-left\", className)}\n {...props}\n />\n )\n}\n\nconst AlertDialogFooter = ({\n className,\n ...props\n}: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn(\"flex gap-2 justify-end\", className)}\n {...props}\n />\n )\n}\n\nconst AlertDialogTitle = ({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) => {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(\"text-xl font-semibold text-gray-default\", className)}\n {...props}\n />\n )\n}\n\nconst AlertDialogDescription = ({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) => {\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn(\"text-gray-light text-sm\", className)}\n {...props}\n />\n )\n}\n\nconst AlertDialogAction = ({\n className,\n variant = \"primary\",\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n variant?: \"primary\" | \"secondary\" | \"tertiary\" | \"destructive\"\n}) => {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nconst AlertDialogCancel = ({\n className,\n variant = \"secondary\",\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & {\n variant?: \"primary\" | \"secondary\" | \"tertiary\" | \"destructive\"\n}) => {\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n}\n"],"names":["AlertDialogPrimitive.Root","AlertDialogPrimitive.Trigger","AlertDialogPrimitive.Portal","AlertDialogPrimitive.Overlay","AlertDialogPrimitive.Content","AlertDialogPrimitive.Title","AlertDialogPrimitive.Description","AlertDialogPrimitive.Action","AlertDialogPrimitive.Cancel"],"mappings":";;;;AAMA,MAAM,cAAc,CAAC;AAAA,EACnB,GAAG;AACL,MAA8D;AAC5D,6BAAQA,OAAA,EAA0B,aAAU,gBAAgB,GAAG,OAAO;AACxE;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,GAAG;AACL,MAAiE;AAC/D,6BACGC,UAAA,EAA6B,aAAU,wBAAwB,GAAG,OAAO;AAE9E;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,GAAG;AACL,MAAgE;AAC9D,6BACGC,SAAA,EAA4B,aAAU,uBAAuB,GAAG,OAAO;AAE5E;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,MAAiE;AAC/D,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,MAAiE;AAC/D,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,oBAAA,EAAmB;AAAA,IACpB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA,GAAG;AACL,MAAmC;AACjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qDAAqD,SAAS;AAAA,MAC3E,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA,GAAG;AACL,MAAmC;AACjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yCAAyC,SAAS;AAAA,MAC/D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAA+D;AAC7D,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0DAA0D,SAAS;AAAA,MAChF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,MAAqE;AACnE,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC3D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAEM;AACJ,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAW,GAAG,eAAe,EAAE,QAAA,CAAS,GAAG,SAAS;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAEM;AACJ,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAW,GAAG,eAAe,EAAE,QAAA,CAAS,GAAG,SAAS;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,92 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Toaster as Toaster$1 } from "./index.es30.js";
3
- import { toast } from "./index.es30.js";
4
- const InfoIcon = (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-280q17 0 28.5-11.5T520-320v-160q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480v160q0 17 11.5 28.5T480-280Zm0-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
14
- }
15
- );
16
- const WarningIcon = (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: "M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l370-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l370 640q6 10 5.5 20.5T885-140q-5 9-14 14.5t-20 5.5H109Zm69-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm0-120q17 0 28.5-11.5T520-400v-120q0-17-11.5-28.5T480-560q-17 0-28.5 11.5T440-520v120q0 17 11.5 28.5T480-360Zm0-100Z" })
26
- }
27
- );
28
- const CheckIcon = (props) => /* @__PURE__ */ jsx(
29
- "svg",
30
- {
31
- xmlns: "http://www.w3.org/2000/svg",
32
- height: "24px",
33
- viewBox: "0 -960 960 960",
34
- width: "24px",
35
- fill: "currentColor",
36
- ...props,
37
- children: /* @__PURE__ */ jsx("path", { d: "m424-408-86-86q-11-11-28-11t-28 11q-11 11-11 28t11 28l114 114q12 12 28 12t28-12l226-226q11-11 11-28t-11-28q-11-11-28-11t-28 11L424-408Zm56 328q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
38
- }
39
- );
40
- const ErrorIcon = (props) => /* @__PURE__ */ jsx(
41
- "svg",
42
- {
43
- xmlns: "http://www.w3.org/2000/svg",
44
- height: "24px",
45
- viewBox: "0 -960 960 960",
46
- width: "24px",
47
- fill: "currentColor",
48
- ...props,
49
- children: /* @__PURE__ */ jsx("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v160q0 17 11.5 28.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
50
- }
51
- );
52
- const Toaster = ({ theme, toastOptions, ...props }) => {
53
- return /* @__PURE__ */ jsx(
54
- Toaster$1,
55
- {
56
- closeButton: true,
57
- theme,
58
- toastOptions: {
59
- ...toastOptions,
60
- unstyled: true,
61
- classNames: {
62
- toast: "volt-group volt-w-full volt-toast volt-shadow-md volt-items-baseline volt-rounded-xl volt-flex volt-gap-2.5 volt-px-3 volt-py-4 volt-focus-visible:outline-2 volt-focus-visible:outline-gray-a8",
63
- default: "volt-bg-body volt-border-gray-a6 volt-gap-2 volt-text-gray-default",
64
- content: "volt-flex volt-flex-col volt-gap-0.5",
65
- title: "volt-text-sm volt-font-medium",
66
- description: "volt-text-sm",
67
- icon: "volt-self-start volt-flex volt-size-5 volt-relative volt-justify-start volt-items-center volt-shrink-0 volt-ml-(--toast-icon-margin-start) volt-mr-(--toast-icon-margin-end) volt-group-data-[type=loading]:mt-0.25",
68
- actionButton: "volt-rounded-full volt-shrink-0 volt-self-end volt-cursor-pointer volt-dark:text-gray-1 volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-gray-a8 volt-ml-auto volt-mt-4 volt-text-sm volt-font-medium volt-px-3 volt-py-1.5 volt-text-accent-contrast volt-bg-gray-12 volt-hover:bg-gray-11 volt-group-data-[type=success]:bg-success-solid volt-group-data-[type=success]:text-success-contrast volt-group-data-[type=success]:hover:bg-success-solid-hover volt-group-data-[type=success]:focus-visible:outline-success-a8 volt-group-data-[type=error]:bg-error-solid volt-group-data-[type=error]:text-error-contrast volt-group-data-[type=error]:hover:bg-error-solid-hover volt-group-data-[type=error]:focus-visible:outline-error-a8 volt-group-data-[type=warning]:bg-warning-solid volt-group-data-[type=warning]:outline-warning-a8 volt-group-data-[type=warning]:text-warning-contrast volt-group-data-[type=warning]:hover:bg-warning-solid-hover volt-group-data-[type=warning]:focus-visible:outline-warning-a8 volt-group-data-[type=info]:bg-info-solid volt-group-data-[type=info]:outline-info-a8 volt-group-data-[type=info]:text-info-contrast volt-group-data-[type=info]:hover:bg-info-solid-hover volt-group-data-[type=info]:focus-visible:outline-info-a8",
69
- cancelButton: "volt-bg-gray-soft volt-text-gray-default volt-hover:bg-gray-soft-hover volt-text-sm volt-font-medium volt-px-3 volt-py-1.5 volt-rounded-md",
70
- closeButton: "volt-absolute volt-rounded-full volt-text-current volt-focus-visible:outline-offset-2 volt-focus-visible:outline-2 volt-focus-visible:outline-inherit volt-right-2 volt-top-2 [&>svg]:size-4 volt-cursor-pointer [&>svg]:stroke-2!",
71
- success: "volt-border-success-ui volt-bg-success-4 volt-text-success-default volt-**:data-icon:text-success-solid",
72
- error: "volt-border-error-ui volt-bg-error-4 volt-text-error-default volt-**:data-icon:text-error-solid",
73
- warning: "volt-border-warning-ui volt-bg-warning-4 volt-text-warning-default volt-**:data-icon:text-warning-solid",
74
- info: "volt-border-info-ui volt-bg-info-4 volt-text-info-default volt-**:data-icon:text-info-solid",
75
- ...toastOptions == null ? void 0 : toastOptions.classNames
76
- }
77
- },
78
- icons: {
79
- success: /* @__PURE__ */ jsx(CheckIcon, {}),
80
- info: /* @__PURE__ */ jsx(InfoIcon, {}),
81
- warning: /* @__PURE__ */ jsx(WarningIcon, {}),
82
- error: /* @__PURE__ */ jsx(ErrorIcon, {})
83
- },
84
- ...props
85
- }
86
- );
87
- };
88
- export {
89
- Toaster,
90
- toast
91
- };
92
- //# sourceMappingURL=index.es26.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es26.js","sources":["../src/components/toast/toast.tsx"],"sourcesContent":["import * as Sonner from \"sonner\"\n\nconst InfoIcon = (props: React.ComponentProps<\"svg\">) => (\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-280q17 0 28.5-11.5T520-320v-160q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480v160q0 17 11.5 28.5T480-280Zm0-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\" />\n </svg>\n)\n\nconst WarningIcon = (props: React.ComponentProps<\"svg\">) => (\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=\"M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l370-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l370 640q6 10 5.5 20.5T885-140q-5 9-14 14.5t-20 5.5H109Zm69-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm0-120q17 0 28.5-11.5T520-400v-120q0-17-11.5-28.5T480-560q-17 0-28.5 11.5T440-520v120q0 17 11.5 28.5T480-360Zm0-100Z\" />\n </svg>\n)\n\nconst CheckIcon = (props: React.ComponentProps<\"svg\">) => (\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=\"m424-408-86-86q-11-11-28-11t-28 11q-11 11-11 28t11 28l114 114q12 12 28 12t28-12l226-226q11-11 11-28t-11-28q-11-11-28-11t-28 11L424-408Zm56 328q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\" />\n </svg>\n)\n\nconst ErrorIcon = (props: React.ComponentProps<\"svg\">) => (\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-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480v-160q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640v160q0 17 11.5 28.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\" />\n </svg>\n)\n\ntype Props = Sonner.ToasterProps & {\n theme?: \"light\" | \"dark\"\n}\n\nconst Toaster = ({ theme, toastOptions, ...props }: Props) => {\n return (\n <Sonner.Toaster\n closeButton={true}\n theme={theme}\n toastOptions={{\n ...toastOptions,\n unstyled: true,\n classNames: {\n toast:\n \"group w-full toast shadow-md items-baseline rounded-xl flex gap-2.5 px-3 py-4 focus-visible:outline-2 focus-visible:outline-gray-a8\",\n default: \"bg-body border-gray-a6 gap-2 text-gray-default\",\n content: \"flex flex-col gap-0.5\",\n title: \"text-sm font-medium\",\n description: \"text-sm\",\n icon: \"self-start flex size-5 relative justify-start items-center shrink-0 ml-(--toast-icon-margin-start) mr-(--toast-icon-margin-end) group-data-[type=loading]:mt-0.25\",\n actionButton:\n \"rounded-full shrink-0 self-end cursor-pointer dark:text-gray-1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-a8 ml-auto mt-4 text-sm font-medium px-3 py-1.5 text-accent-contrast bg-gray-12 hover:bg-gray-11 group-data-[type=success]:bg-success-solid group-data-[type=success]:text-success-contrast group-data-[type=success]:hover:bg-success-solid-hover group-data-[type=success]:focus-visible:outline-success-a8 group-data-[type=error]:bg-error-solid group-data-[type=error]:text-error-contrast group-data-[type=error]:hover:bg-error-solid-hover group-data-[type=error]:focus-visible:outline-error-a8 group-data-[type=warning]:bg-warning-solid group-data-[type=warning]:outline-warning-a8 group-data-[type=warning]:text-warning-contrast group-data-[type=warning]:hover:bg-warning-solid-hover group-data-[type=warning]:focus-visible:outline-warning-a8 group-data-[type=info]:bg-info-solid group-data-[type=info]:outline-info-a8 group-data-[type=info]:text-info-contrast group-data-[type=info]:hover:bg-info-solid-hover group-data-[type=info]:focus-visible:outline-info-a8\",\n cancelButton:\n \"bg-gray-soft text-gray-default hover:bg-gray-soft-hover text-sm font-medium px-3 py-1.5 rounded-md\",\n closeButton:\n \"absolute rounded-full text-current focus-visible:outline-offset-2 focus-visible:outline-2 focus-visible:outline-inherit right-2 top-2 [&>svg]:size-4 cursor-pointer [&>svg]:stroke-2!\",\n success:\n \"border-success-ui bg-success-4 text-success-default **:data-icon:text-success-solid\",\n error:\n \"border-error-ui bg-error-4 text-error-default **:data-icon:text-error-solid\",\n warning:\n \"border-warning-ui bg-warning-4 text-warning-default **:data-icon:text-warning-solid\",\n info: \"border-info-ui bg-info-4 text-info-default **:data-icon:text-info-solid\",\n ...toastOptions?.classNames,\n },\n }}\n icons={{\n success: <CheckIcon />,\n info: <InfoIcon />,\n warning: <WarningIcon />,\n error: <ErrorIcon />,\n }}\n {...props}\n />\n )\n}\n\nexport { toast } from \"sonner\"\nexport { Toaster }\n"],"names":["Sonner.Toaster"],"mappings":";;;AAEA,MAAM,WAAW,CAAC,UAChB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,kfAAA,CAAkf;AAAA,EAAA;AAC5f;AAGF,MAAM,cAAc,CAAC,UACnB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,gZAAA,CAAgZ;AAAA,EAAA;AAC1Z;AAGF,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,uaAAA,CAAua;AAAA,EAAA;AACjb;AAGF,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,kfAAA,CAAkf;AAAA,EAAA;AAC5f;AAOF,MAAM,UAAU,CAAC,EAAE,OAAO,cAAc,GAAG,YAAmB;AAC5D,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA,cAAc;AAAA,QACZ,GAAG;AAAA,QACH,UAAU;AAAA,QACV,YAAY;AAAA,UACV,OACE;AAAA,UACF,SAAS;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,aAAa;AAAA,UACb,MAAM;AAAA,UACN,cACE;AAAA,UACF,cACE;AAAA,UACF,aACE;AAAA,UACF,SACE;AAAA,UACF,OACE;AAAA,UACF,SACE;AAAA,UACF,MAAM;AAAA,UACN,GAAG,6CAAc;AAAA,QAAA;AAAA,MACnB;AAAA,MAEF,OAAO;AAAA,QACL,6BAAU,WAAA,EAAU;AAAA,QACpB,0BAAO,UAAA,EAAS;AAAA,QAChB,6BAAU,aAAA,EAAY;AAAA,QACtB,2BAAQ,WAAA,CAAA,CAAU;AAAA,MAAA;AAAA,MAEnB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,80 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Root as Root2, List, Trigger, Content } from "./index.es47.js";
3
- import { cn } from "./index.es4.js";
4
- const Tabs = ({
5
- className,
6
- size = "base",
7
- variant = "default",
8
- ...props
9
- }) => {
10
- return /* @__PURE__ */ jsx(
11
- Root2,
12
- {
13
- "data-slot": "tabs",
14
- "data-size": size,
15
- "data-variant": variant,
16
- className: cn(
17
- "volt-group volt-flex volt-flex-col volt-gap-2 volt-data-[orientation=vertical]:flex-row volt-data-[orientation=vertical]:gap-2 volt-data-[orientation=vertical]:items-start",
18
- className
19
- ),
20
- ...props
21
- }
22
- );
23
- };
24
- const TabsList = ({
25
- className,
26
- ...props
27
- }) => {
28
- return /* @__PURE__ */ jsx(
29
- List,
30
- {
31
- "data-slot": "tabs-list",
32
- className: cn(
33
- "volt-bg-transparent volt-text-gray-default volt-h-auto volt-inline-flex volt-w-fit volt-items-center volt-justify-center volt-gap-2 volt-rounded-lg volt-py-2",
34
- "volt-data-[orientation=vertical]:flex-col volt-data-[orientation=vertical]:items-stretch volt-data-[orientation=vertical]:justify-start volt-data-[orientation=vertical]:gap-1 volt-data-[orientation=vertical]:py-0",
35
- className
36
- ),
37
- ...props
38
- }
39
- );
40
- };
41
- const TabsTrigger = ({
42
- className,
43
- ...props
44
- }) => {
45
- return /* @__PURE__ */ jsx(
46
- Trigger,
47
- {
48
- "data-slot": "tabs-trigger",
49
- className: cn(
50
- "volt-inline-flex volt-items-center volt-gap-2 volt-bg-transparent volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-rounded-md volt-cursor-pointer volt-transition-all volt-text-sm",
51
- "volt-data-[orientation=vertical]:justify-start volt-data-[orientation=vertical]:text-left volt-data-[orientation=vertical]:w-full",
52
- "volt-group-data-[size=sm]:px-2 volt-group-data-[size=sm]:py-1.5 volt-group-data-[size=base]:px-3 volt-group-data-[size=base]:py-2 volt-group-data-[size=lg]:px-4 volt-group-data-[size=lg]:py-3",
53
- "volt-group-data-[variant=default]:data-[state=active]:bg-gray-a3 volt-group-data-[variant=default]:text-gray-default volt-group-data-[variant=default]:hover:bg-gray-a4 volt-focus-visible:outline-gray-a8",
54
- "volt-group-data-[variant=highlight]:data-[state=active]:bg-accent-a3 volt-group-data-[variant=highlight]:text-accent-default volt-group-data-[variant=highlight]:hover:bg-accent-a4 volt-focus-visible:outline-accent-a8",
55
- className
56
- ),
57
- ...props
58
- }
59
- );
60
- };
61
- const TabsContent = ({
62
- className,
63
- ...props
64
- }) => {
65
- return /* @__PURE__ */ jsx(
66
- Content,
67
- {
68
- "data-slot": "tabs-content",
69
- className: cn("volt-flex-1 volt-outline-none", className),
70
- ...props
71
- }
72
- );
73
- };
74
- export {
75
- Tabs,
76
- TabsContent,
77
- TabsList,
78
- TabsTrigger
79
- };
80
- //# sourceMappingURL=index.es27.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es27.js","sources":["../src/components/tabs/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype TabsProps = React.ComponentProps<typeof TabsPrimitive.Root> & {\n size?: \"sm\" | \"base\" | \"lg\"\n variant?: \"default\" | \"highlight\"\n}\n\nconst Tabs = ({\n className,\n size = \"base\",\n variant = \"default\",\n ...props\n}: TabsProps) => {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-size={size}\n data-variant={variant}\n className={cn(\n \"group flex flex-col gap-2 data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-2 data-[orientation=vertical]:items-start\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst TabsList = ({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) => {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n \"bg-transparent text-gray-default h-auto inline-flex w-fit items-center justify-center gap-2 rounded-lg py-2\",\n \"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[orientation=vertical]:justify-start data-[orientation=vertical]:gap-1 data-[orientation=vertical]:py-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst TabsTrigger = ({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) => {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"inline-flex items-center gap-2 bg-transparent focus-visible:outline-2 focus-visible:outline-offset-2 rounded-md cursor-pointer transition-all text-sm\",\n \"data-[orientation=vertical]:justify-start data-[orientation=vertical]:text-left data-[orientation=vertical]:w-full\",\n \"group-data-[size=sm]:px-2 group-data-[size=sm]:py-1.5 group-data-[size=base]:px-3 group-data-[size=base]:py-2 group-data-[size=lg]:px-4 group-data-[size=lg]:py-3\",\n \"group-data-[variant=default]:data-[state=active]:bg-gray-a3 group-data-[variant=default]:text-gray-default group-data-[variant=default]:hover:bg-gray-a4 focus-visible:outline-gray-a8\",\n \"group-data-[variant=highlight]:data-[state=active]:bg-accent-a3 group-data-[variant=highlight]:text-accent-default group-data-[variant=highlight]:hover:bg-accent-a4 focus-visible:outline-accent-a8\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst TabsContent = ({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) => {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn(\"flex-1 outline-none\", className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["TabsPrimitive.Root","TabsPrimitive.List","TabsPrimitive.Trigger","TabsPrimitive.Content"],"mappings":";;;AAUA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAiB;AACf,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,gBAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA,GAAG;AACL,MAAuD;AACrD,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAA0D;AACxD,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAA0D;AACxD,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,94 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cn } from "./index.es4.js";
3
- const Card = ({ className, ...props }) => {
4
- return /* @__PURE__ */ jsx(
5
- "div",
6
- {
7
- "data-slot": "card",
8
- className: cn(
9
- "volt-bg-body volt-text-body-default volt-flex volt-flex-col volt-gap-4 volt-rounded-xl volt-border volt-border-transparent volt-py-4 volt-shadow-sm",
10
- className
11
- ),
12
- ...props
13
- }
14
- );
15
- };
16
- const CardHeader = ({ className, ...props }) => {
17
- return /* @__PURE__ */ jsx(
18
- "div",
19
- {
20
- "data-slot": "card-header",
21
- className: cn(
22
- "volt-@container/card-header volt-grid volt-auto-rows-min volt-grid-rows-[auto_auto] volt-items-start volt-gap-2 volt-px-4 volt-has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4",
23
- className
24
- ),
25
- ...props
26
- }
27
- );
28
- };
29
- const CardTitle = ({ className, ...props }) => {
30
- return /* @__PURE__ */ jsx(
31
- "div",
32
- {
33
- "data-slot": "card-title",
34
- className: cn("volt-leading-none volt-font-semibold", className),
35
- ...props
36
- }
37
- );
38
- };
39
- const CardDescription = ({
40
- className,
41
- ...props
42
- }) => {
43
- return /* @__PURE__ */ jsx(
44
- "div",
45
- {
46
- "data-slot": "card-description",
47
- className: cn("volt-text-gray-light volt-text-sm", className),
48
- ...props
49
- }
50
- );
51
- };
52
- const CardAction = ({ className, ...props }) => {
53
- return /* @__PURE__ */ jsx(
54
- "div",
55
- {
56
- "data-slot": "card-action",
57
- className: cn(
58
- "volt-col-start-2 volt-row-span-2 volt-row-start-1 volt-self-start volt-justify-self-end",
59
- className
60
- ),
61
- ...props
62
- }
63
- );
64
- };
65
- const CardContent = ({ className, ...props }) => {
66
- return /* @__PURE__ */ jsx(
67
- "div",
68
- {
69
- "data-slot": "card-content",
70
- className: cn("volt-px-4", className),
71
- ...props
72
- }
73
- );
74
- };
75
- const CardFooter = ({ className, ...props }) => {
76
- return /* @__PURE__ */ jsx(
77
- "div",
78
- {
79
- "data-slot": "card-footer",
80
- className: cn("volt-flex volt-items-center volt-px-4 [.border-t]:pt-4", className),
81
- ...props
82
- }
83
- );
84
- };
85
- export {
86
- Card,
87
- CardAction,
88
- CardContent,
89
- CardDescription,
90
- CardFooter,
91
- CardHeader,
92
- CardTitle
93
- };
94
- //# sourceMappingURL=index.es28.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es28.js","sources":["../src/components/card/card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-body text-body-default flex flex-col gap-4 rounded-xl border border-transparent py-4 shadow-sm\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst CardHeader = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst CardTitle = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nconst CardDescription = ({\n className,\n ...props\n}: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-gray-light text-sm\", className)}\n {...props}\n />\n )\n}\n\nconst CardAction = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst CardContent = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-4\", className)}\n {...props}\n />\n )\n}\n\nconst CardFooter = ({ className, ...props }: React.ComponentProps<\"div\">) => {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-4 [.border-t]:pt-4\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n"],"names":[],"mappings":";;AAIA,MAAM,OAAO,CAAC,EAAE,WAAW,GAAG,YAAyC;AACrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YAAyC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,YAAY,CAAC,EAAE,WAAW,GAAG,YAAyC;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wCAAwC,SAAS;AAAA,MAC9D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAmC;AACjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC3D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YAAyC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,YAAyC;AAC5E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,SAAS;AAAA,MACnC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,YAAyC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0DAA0D,SAAS;AAAA,MAChF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,82 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "./index.es4.js";
3
- import { cva } from "./index.es34.js";
4
- const SpinnerIcon = (props) => /* @__PURE__ */ jsxs(
5
- "svg",
6
- {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- width: "24",
9
- height: "24",
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- stroke: "currentColor",
13
- strokeWidth: "2",
14
- strokeLinecap: "round",
15
- strokeLinejoin: "round",
16
- ...props,
17
- children: [
18
- /* @__PURE__ */ jsx("path", { d: "M12 2v4" }),
19
- /* @__PURE__ */ jsx("path", { d: "m16.2 7.8 2.9-2.9" }),
20
- /* @__PURE__ */ jsx("path", { d: "M18 12h4" }),
21
- /* @__PURE__ */ jsx("path", { d: "m16.2 16.2 2.9 2.9" }),
22
- /* @__PURE__ */ jsx("path", { d: "M12 18v4" }),
23
- /* @__PURE__ */ jsx("path", { d: "m4.9 19.1 2.9-2.9" }),
24
- /* @__PURE__ */ jsx("path", { d: "M2 12h4" }),
25
- /* @__PURE__ */ jsx("path", { d: "m4.9 4.9 2.9 2.9" })
26
- ]
27
- }
28
- );
29
- const SpinnerCircleIcon = (props) => /* @__PURE__ */ jsx(
30
- "svg",
31
- {
32
- xmlns: "http://www.w3.org/2000/svg",
33
- width: "24",
34
- height: "24",
35
- viewBox: "0 0 24 24",
36
- fill: "none",
37
- stroke: "currentColor",
38
- strokeWidth: "2",
39
- strokeLinecap: "round",
40
- strokeLinejoin: "round",
41
- ...props,
42
- children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
43
- }
44
- );
45
- const spinnerSizeVariants = cva("volt-size-4 volt-animate-spin volt-text-current", {
46
- variants: {
47
- size: {
48
- sm: "volt-size-4",
49
- base: "volt-size-6",
50
- lg: "volt-size-10",
51
- xl: "volt-size-16",
52
- "2xl": "volt-size-24"
53
- }
54
- },
55
- defaultVariants: {
56
- size: "base"
57
- }
58
- });
59
- const Spinner = ({
60
- className,
61
- size = "base",
62
- variant = "circle",
63
- ...props
64
- }) => {
65
- const Icon = variant === "circle" ? SpinnerCircleIcon : SpinnerIcon;
66
- return /* @__PURE__ */ jsx(
67
- Icon,
68
- {
69
- role: "status",
70
- className: cn(
71
- "volt-animate-spin volt-text-current",
72
- spinnerSizeVariants({ size }),
73
- className
74
- ),
75
- ...props
76
- }
77
- );
78
- };
79
- export {
80
- Spinner
81
- };
82
- //# sourceMappingURL=index.es29.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.es29.js","sources":["../src/components/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\nimport { cva, VariantProps } from \"class-variance-authority\"\n\nconst SpinnerIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n {...props}\n >\n <path d=\"M12 2v4\" />\n <path d=\"m16.2 7.8 2.9-2.9\" />\n <path d=\"M18 12h4\" />\n <path d=\"m16.2 16.2 2.9 2.9\" />\n <path d=\"M12 18v4\" />\n <path d=\"m4.9 19.1 2.9-2.9\" />\n <path d=\"M2 12h4\" />\n <path d=\"m4.9 4.9 2.9 2.9\" />\n </svg>\n)\n\nconst SpinnerCircleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n {...props}\n >\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n </svg>\n)\n\nconst spinnerSizeVariants = cva(\"size-4 animate-spin text-current\", {\n variants: {\n size: {\n sm: \"size-4\",\n base: \"size-6\",\n lg: \"size-10\",\n xl: \"size-16\",\n \"2xl\": \"size-24\",\n },\n },\n defaultVariants: {\n size: \"base\",\n },\n})\n\ntype SpinnerProps = React.ComponentProps<typeof SpinnerIcon> & {\n variant?: \"circle\" | \"line\"\n size?: VariantProps<typeof spinnerSizeVariants>[\"size\"]\n className?: string\n}\n\nconst Spinner = ({\n className,\n size = \"base\",\n variant = \"circle\",\n ...props\n}: SpinnerProps) => {\n const Icon = variant === \"circle\" ? SpinnerCircleIcon : SpinnerIcon\n\n return (\n <Icon\n role=\"status\"\n className={cn(\n \"animate-spin text-current\",\n spinnerSizeVariants({ size }),\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Spinner }\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,CAAC,UACnB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACd,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClB,oBAAC,QAAA,EAAK,GAAE,oBAAA,CAAoB;AAAA,MAC5B,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MACnB,oBAAC,QAAA,EAAK,GAAE,qBAAA,CAAqB;AAAA,MAC7B,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MACnB,oBAAC,QAAA,EAAK,GAAE,oBAAA,CAAoB;AAAA,MAC5B,oBAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClB,oBAAC,QAAA,EAAK,GAAE,mBAAA,CAAmB;AAAA,IAAA;AAAA,EAAA;AAC7B;AAGF,MAAM,oBAAoB,CAAC,UACzB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACd,GAAG;AAAA,IAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,8BAAA,CAA8B;AAAA,EAAA;AACxC;AAGF,MAAM,sBAAsB,IAAI,mDAAmD;AAAA,EACjF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AAQD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAoB;AAClB,QAAM,OAAO,YAAY,WAAW,oBAAoB;AAExD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,oBAAoB,EAAE,MAAM;AAAA,QAC5B;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}