@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.
- package/dist/index.cjs.js +51 -0
- package/dist/index.es.js +11823 -137
- package/dist/preflight.css +1 -241
- package/dist/style.css +1 -7393
- package/package.json +4 -1
- package/dist/components/button/index.d.ts +0 -1
- package/dist/index.es.js.map +0 -1
- package/dist/index.es10.js +0 -35
- package/dist/index.es10.js.map +0 -1
- package/dist/index.es100.js +0 -14
- package/dist/index.es100.js.map +0 -1
- package/dist/index.es101.js +0 -20
- package/dist/index.es101.js.map +0 -1
- package/dist/index.es102.js +0 -103
- package/dist/index.es102.js.map +0 -1
- package/dist/index.es103.js +0 -12
- package/dist/index.es103.js.map +0 -1
- package/dist/index.es104.js +0 -30
- package/dist/index.es104.js.map +0 -1
- package/dist/index.es105.js +0 -38
- package/dist/index.es105.js.map +0 -1
- package/dist/index.es106.js +0 -17
- package/dist/index.es106.js.map +0 -1
- package/dist/index.es107.js +0 -49
- package/dist/index.es107.js.map +0 -1
- package/dist/index.es108.js +0 -10
- package/dist/index.es108.js.map +0 -1
- package/dist/index.es11.js +0 -318
- package/dist/index.es11.js.map +0 -1
- package/dist/index.es12.js +0 -274
- package/dist/index.es12.js.map +0 -1
- package/dist/index.es13.js +0 -38
- package/dist/index.es13.js.map +0 -1
- package/dist/index.es14.js +0 -48
- package/dist/index.es14.js.map +0 -1
- package/dist/index.es15.js +0 -67
- package/dist/index.es15.js.map +0 -1
- package/dist/index.es16.js +0 -120
- package/dist/index.es16.js.map +0 -1
- package/dist/index.es17.js +0 -27
- package/dist/index.es17.js.map +0 -1
- package/dist/index.es18.js +0 -51
- package/dist/index.es18.js.map +0 -1
- package/dist/index.es19.js +0 -168
- package/dist/index.es19.js.map +0 -1
- package/dist/index.es20.js +0 -55
- package/dist/index.es20.js.map +0 -1
- package/dist/index.es21.js +0 -61
- package/dist/index.es21.js.map +0 -1
- package/dist/index.es22.js +0 -86
- package/dist/index.es22.js.map +0 -1
- package/dist/index.es23.js +0 -195
- package/dist/index.es23.js.map +0 -1
- package/dist/index.es24.js +0 -105
- package/dist/index.es24.js.map +0 -1
- package/dist/index.es25.js +0 -146
- package/dist/index.es25.js.map +0 -1
- package/dist/index.es26.js +0 -92
- package/dist/index.es26.js.map +0 -1
- package/dist/index.es27.js +0 -80
- package/dist/index.es27.js.map +0 -1
- package/dist/index.es28.js +0 -94
- package/dist/index.es28.js.map +0 -1
- package/dist/index.es29.js +0 -82
- package/dist/index.es29.js.map +0 -1
- package/dist/index.es30.js +0 -1087
- package/dist/index.es30.js.map +0 -1
- package/dist/index.es31.js +0 -18
- package/dist/index.es31.js.map +0 -1
- package/dist/index.es32.js +0 -3015
- package/dist/index.es32.js.map +0 -1
- package/dist/index.es33.js +0 -107
- package/dist/index.es33.js.map +0 -1
- package/dist/index.es34.js +0 -46
- package/dist/index.es34.js.map +0 -1
- package/dist/index.es35.js +0 -151
- package/dist/index.es35.js.map +0 -1
- package/dist/index.es36.js +0 -1200
- package/dist/index.es36.js.map +0 -1
- package/dist/index.es37.js +0 -27
- package/dist/index.es37.js.map +0 -1
- package/dist/index.es38.js +0 -493
- package/dist/index.es38.js.map +0 -1
- package/dist/index.es39.js +0 -156
- package/dist/index.es39.js.map +0 -1
- package/dist/index.es4.js +0 -9
- package/dist/index.es4.js.map +0 -1
- package/dist/index.es40.js +0 -31
- package/dist/index.es40.js.map +0 -1
- package/dist/index.es41.js +0 -314
- package/dist/index.es41.js.map +0 -1
- package/dist/index.es42.js +0 -343
- package/dist/index.es42.js.map +0 -1
- package/dist/index.es43.js +0 -280
- package/dist/index.es43.js.map +0 -1
- package/dist/index.es44.js +0 -289
- package/dist/index.es44.js.map +0 -1
- package/dist/index.es45.js +0 -319
- package/dist/index.es45.js.map +0 -1
- package/dist/index.es46.js +0 -167
- package/dist/index.es46.js.map +0 -1
- package/dist/index.es47.js +0 -195
- package/dist/index.es47.js.map +0 -1
- package/dist/index.es48.js +0 -40
- package/dist/index.es48.js.map +0 -1
- package/dist/index.es49.js +0 -40
- package/dist/index.es49.js.map +0 -1
- package/dist/index.es5.js +0 -57
- package/dist/index.es5.js.map +0 -1
- package/dist/index.es50.js +0 -12
- package/dist/index.es50.js.map +0 -1
- package/dist/index.es51.js +0 -82
- package/dist/index.es51.js.map +0 -1
- package/dist/index.es52.js +0 -72
- package/dist/index.es52.js.map +0 -1
- package/dist/index.es53.js +0 -15
- package/dist/index.es53.js.map +0 -1
- package/dist/index.es54.js +0 -40
- package/dist/index.es54.js.map +0 -1
- package/dist/index.es55.js +0 -44
- package/dist/index.es55.js.map +0 -1
- package/dist/index.es56.js +0 -71
- package/dist/index.es56.js.map +0 -1
- package/dist/index.es57.js +0 -152
- package/dist/index.es57.js.map +0 -1
- package/dist/index.es58.js +0 -15
- package/dist/index.es58.js.map +0 -1
- package/dist/index.es59.js +0 -11
- package/dist/index.es59.js.map +0 -1
- package/dist/index.es6.js +0 -77
- package/dist/index.es6.js.map +0 -1
- package/dist/index.es60.js +0 -130
- package/dist/index.es60.js.map +0 -1
- package/dist/index.es61.js +0 -213
- package/dist/index.es61.js.map +0 -1
- package/dist/index.es62.js +0 -294
- package/dist/index.es62.js.map +0 -1
- package/dist/index.es63.js +0 -16
- package/dist/index.es63.js.map +0 -1
- package/dist/index.es64.js +0 -37
- package/dist/index.es64.js.map +0 -1
- package/dist/index.es65.js +0 -228
- package/dist/index.es65.js.map +0 -1
- package/dist/index.es66.js +0 -209
- package/dist/index.es66.js.map +0 -1
- package/dist/index.es67.js +0 -19
- package/dist/index.es67.js.map +0 -1
- package/dist/index.es68.js +0 -30
- package/dist/index.es68.js.map +0 -1
- package/dist/index.es69.js +0 -12
- package/dist/index.es69.js.map +0 -1
- package/dist/index.es7.js +0 -200
- package/dist/index.es7.js.map +0 -1
- package/dist/index.es70.js +0 -123
- package/dist/index.es70.js.map +0 -1
- package/dist/index.es71.js +0 -90
- package/dist/index.es71.js.map +0 -1
- package/dist/index.es72.js +0 -7
- package/dist/index.es72.js.map +0 -1
- package/dist/index.es73.js +0 -90
- package/dist/index.es73.js.map +0 -1
- package/dist/index.es74.js +0 -15
- package/dist/index.es74.js.map +0 -1
- package/dist/index.es75.js +0 -7
- package/dist/index.es75.js.map +0 -1
- package/dist/index.es76.js +0 -40
- package/dist/index.es76.js.map +0 -1
- package/dist/index.es77.js +0 -90
- package/dist/index.es77.js.map +0 -1
- package/dist/index.es78.js +0 -313
- package/dist/index.es78.js.map +0 -1
- package/dist/index.es79.js +0 -16
- package/dist/index.es79.js.map +0 -1
- package/dist/index.es8.js +0 -47
- package/dist/index.es8.js.map +0 -1
- package/dist/index.es80.js +0 -90
- package/dist/index.es80.js.map +0 -1
- package/dist/index.es81.js +0 -18
- package/dist/index.es81.js.map +0 -1
- package/dist/index.es82.js +0 -298
- package/dist/index.es82.js.map +0 -1
- package/dist/index.es83.js +0 -26
- package/dist/index.es83.js.map +0 -1
- package/dist/index.es84.js +0 -626
- package/dist/index.es84.js.map +0 -1
- package/dist/index.es85.js +0 -19
- package/dist/index.es85.js.map +0 -1
- package/dist/index.es86.js +0 -40
- package/dist/index.es86.js.map +0 -1
- package/dist/index.es87.js +0 -40
- package/dist/index.es87.js.map +0 -1
- package/dist/index.es88.js +0 -39
- package/dist/index.es88.js.map +0 -1
- package/dist/index.es89.js +0 -8
- package/dist/index.es89.js.map +0 -1
- package/dist/index.es9.js +0 -37
- package/dist/index.es9.js.map +0 -1
- package/dist/index.es90.js +0 -722
- package/dist/index.es90.js.map +0 -1
- package/dist/index.es91.js +0 -155
- package/dist/index.es91.js.map +0 -1
- package/dist/index.es92.js +0 -174
- package/dist/index.es92.js.map +0 -1
- package/dist/index.es93.js +0 -11
- package/dist/index.es93.js.map +0 -1
- package/dist/index.es94.js +0 -6
- package/dist/index.es94.js.map +0 -1
- package/dist/index.es95.js +0 -36
- package/dist/index.es95.js.map +0 -1
- package/dist/index.es96.js +0 -175
- package/dist/index.es96.js.map +0 -1
- package/dist/index.es97.js +0 -22
- package/dist/index.es97.js.map +0 -1
- package/dist/index.es98.js +0 -89
- package/dist/index.es98.js.map +0 -1
- package/dist/index.es99.js +0 -48
- package/dist/index.es99.js.map +0 -1
package/dist/index.es25.js.map
DELETED
|
@@ -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;"}
|
package/dist/index.es26.js
DELETED
|
@@ -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
|
package/dist/index.es26.js.map
DELETED
|
@@ -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;"}
|
package/dist/index.es27.js
DELETED
|
@@ -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
|
package/dist/index.es27.js.map
DELETED
|
@@ -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;"}
|
package/dist/index.es28.js
DELETED
|
@@ -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
|
package/dist/index.es28.js.map
DELETED
|
@@ -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;"}
|
package/dist/index.es29.js
DELETED
|
@@ -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
|
package/dist/index.es29.js.map
DELETED
|
@@ -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;"}
|