@twintag/twintag-form 1.6.0 → 1.6.1

package/dist/index.js

@@ -201,7 +201,7 @@ const da = (r) => r.replace(
   /(?:^\w|[A-Z]|\b\w)/g,
   (e, t) => t === 0 ? e.toLowerCase() : e.toUpperCase()
 ).replace(/\s+/g, ""), la = (r) => r.replace(/-./g, (e) => e[1].toUpperCase()), ua = (r) => r && r[0].toUpperCase() + r.slice(1), fa = I({
-  base: "h-5 w-5"
+  base: "h-5 w-5 shrink-0"
 }), ha = ({ name: r, className: e, ...t }) => {
   const a = lt(
     () => `${ua(la(r))}Icon`,
@@ -3392,7 +3392,7 @@ const On = ({ subtype: r = "single", ...e }) => r === "item" ? /* @__PURE__ */ c
 ) : /* @__PURE__ */ c(dr, { type: r, ...e }), In = I({
   slots: {
     container: "relative w-full space-y-3",
-    heading: "font-tf-font text-category",
+    heading: "font-tf-font text-tf-category",
     content: "grid gap-3"
   },
   variants: {
@@ -3428,10 +3428,10 @@ ur.displayName = "Category";
 const Vn = I({
   slots: {
     root: [
-      "peer h-4 w-4 shrink-0 rounded-sm border border-accent shadow",
-      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1",
+      "peer h-4 w-4 shrink-0 rounded-tf-sm border border-tf-accent shadow",
+      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-tf-ring focus-visible:ring-offset-1",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      "data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground"
+      "data-[state=checked]:bg-tf-accent data-[state=checked]:text-tf-accent-foreground"
     ],
     indicator: "flex items-center justify-center text-current",
     icon: "h-4 w-4"
@@ -3453,7 +3453,7 @@ const Vn = I({
 fr.displayName = ut.Root.displayName;
 const Zn = I({
   base: [
-    "text-label",
+    "text-tf-label",
     "peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
   ],
   variants: {
@@ -3523,7 +3523,7 @@ const Pn = I({
   base: "",
   variants: {
     error: {
-      true: "text-destructive"
+      true: "text-tf-destructive"
     }
   }
 }), X = O.forwardRef(({ size: r, className: e, ...t }, a) => {
@@ -3558,7 +3558,7 @@ const ee = O.forwardRef(({ ...r }, e) => {
 });
 ee.displayName = "FormControl";
 const $n = I({
-  base: "text-muted-foreground",
+  base: "text-tf-muted-foreground",
   variants: {
     size: {
       sm: "text-[0.8rem] leading-none",
@@ -3582,7 +3582,7 @@ const $n = I({
 });
 oe.displayName = "FormDescription";
 const zn = I({
-  base: "font-medium text-destructive",
+  base: "font-medium text-tf-destructive",
   variants: {
     size: {
       sm: "text-[0.8rem]",
@@ -3631,7 +3631,7 @@ const pr = !1, Ln = ({ label: r, bind: e, options: t }) => {
         /* @__PURE__ */ T("div", { className: "grid gap-1", children: [
           /* @__PURE__ */ T(X, { size: n, children: [
             r,
-            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
           ] }),
           t != null && t.description ? /* @__PURE__ */ c(oe, { size: n, children: t.description }) : /* @__PURE__ */ c(Z, {}),
           /* @__PURE__ */ c(ce, { size: n })
@@ -3641,18 +3641,18 @@ const pr = !1, Ln = ({ label: r, bind: e, options: t }) => {
   );
 }, _t = I({
   base: [
-    "inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors",
-    "ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "inline-flex items-center justify-center whitespace-nowrap rounded-tf-md font-medium transition-colors",
+    "ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-tf-ring focus-visible:ring-offset-2",
     "disabled:pointer-events-none disabled:opacity-50"
   ],
   variants: {
     variant: {
-      default: "bg-primary-foreground text-primary shadow hover:bg-primary-foreground/90",
-      outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-      ghost: "hover:bg-accent hover:text-accent-foreground"
+      default: "bg-tf-primary-foreground text-tf-primary shadow hover:bg-tf-primary-foreground/90",
+      outline: "border border-tf-input bg-tf-background hover:bg-tf-accent hover:text-tf-accent-foreground",
+      ghost: "hover:bg-tf-accent hover:text-tf-accent-foreground"
     },
     size: {
-      sm: "h-9 rounded-md px-3 text-sm",
+      sm: "h-9 rounded-tf-md px-3 text-sm",
       base: "h-10 px-3 py-2 text-base"
     }
   },
@@ -3688,19 +3688,19 @@ const Fn = I({
     nav_button_next: "absolute right-1",
     table: "w-full border-collapse space-y-1",
     head_row: "flex",
-    head_cell: "w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground",
+    head_cell: "w-9 rounded-tf-md text-[0.8rem] font-normal text-tf-muted-foreground",
     row: "mt-2 flex w-full",
-    cell: "relative h-9 w-9 p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-transparent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-muted/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+    cell: "relative h-9 w-9 p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-transparent first:[&:has([aria-selected])]:rounded-l-tf-md last:[&:has([aria-selected])]:rounded-r-tf-md [&:has([aria-selected].day-outside)]:bg-tf-muted/50 [&:has([aria-selected].day-range-end)]:rounded-r-tf-md",
     day: _t({
       variant: "ghost",
       className: "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
     }),
     day_range_end: "day-range-end",
-    day_selected: "bg-accent text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
-    day_today: "bg-muted text-muted-foreground",
-    day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/30 aria-selected:text-accent-foreground",
-    day_disabled: "text-muted-foreground opacity-50",
-    day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+    day_selected: "bg-tf-accent text-tf-accent-foreground hover:bg-tf-accent hover:text-tf-accent-foreground focus:bg-tf-accent focus:text-tf-accent-foreground",
+    day_today: "bg-tf-muted text-tf-muted-foreground",
+    day_outside: "day-outside text-tf-muted-foreground opacity-50 aria-selected:bg-tf-accent/30 aria-selected:text-tf-accent-foreground",
+    day_disabled: "text-tf-muted-foreground opacity-50",
+    day_range_middle: "aria-selected:bg-tf-accent aria-selected:text-tf-accent-foreground",
     day_hidden: "invisible"
   },
   variants: {
@@ -3710,8 +3710,8 @@ const Fn = I({
         caption_dropdowns: [
           "flex w-4/6 justify-center gap-1",
           "[&>*>span]:hidden [&>*]:flex-1 [&>.rdp-vhidden]:hidden ",
-          "[&>*>select]:h-7 [&>*>select]:min-w-[3.6rem] [&>*>select]:rounded-md [&>*>select]:border [&>*>select]:border-input [&>*>select]:bg-background [&>*>select]:px-1",
-          "[&>*>select]:ring-offset-background [&>*>select]:focus-visible:outline-none [&>*>select]:focus-visible:ring-1 [&>*>select]:focus-visible:ring-ring"
+          "[&>*>select]:h-7 [&>*>select]:min-w-[3.6rem] [&>*>select]:rounded-tf-md [&>*>select]:border [&>*>select]:border-tf-input [&>*>select]:bg-tf-background [&>*>select]:px-1",
+          "[&>*>select]:ring-offset-tf-background [&>*>select]:focus-visible:outline-none [&>*>select]:focus-visible:ring-1 [&>*>select]:focus-visible:ring-tf-ring"
         ]
       }
     },
@@ -3783,7 +3783,7 @@ function vr({
 }
 vr.displayName = "Calendar";
 const Dn = at.Root, Un = at.Trigger, Bn = I({
-  base: "z-50 w-72 rounded-md border bg-background p-4 text-foreground shadow-md outline-none"
+  base: "z-50 w-72 rounded-tf-md border bg-tf-background p-4 text-tf-foreground shadow-md outline-none"
 }), gr = O.forwardRef(({ className: r, align: e = "center", sideOffset: t = 2, ...a }, s) => /* @__PURE__ */ c(
   at.Content,
   {
@@ -3800,7 +3800,7 @@ gr.displayName = at.Content.displayName;
 const Wn = I({
   slots: {
     button: "w-full justify-start text-left font-normal",
-    icon: "ml-auto text-muted-foreground opacity-70"
+    icon: "ml-auto text-tf-muted-foreground opacity-70"
   },
   variants: {
     variant: {
@@ -3808,12 +3808,12 @@ const Wn = I({
         button: "px-3"
       },
       outline: {
-        button: "rounded-none border-x-transparent border-t-transparent px-1 transition-none hover:bg-white hover:text-muted-foreground"
+        button: "rounded-none border-x-transparent border-t-transparent px-1 transition-none hover:bg-white hover:text-tf-muted-foreground"
       }
     },
     withValue: {
       true: {
-        button: "text-muted-foreground"
+        button: "text-tf-muted-foreground"
       },
       false: {
         button: ""
@@ -3858,7 +3858,7 @@ const Wn = I({
             /* @__PURE__ */ T("div", { className: "space-y-1", children: [
               /* @__PURE__ */ T(X, { size: s, children: [
                 r,
-                d ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+                d ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
               ] }),
               t != null && t.description ? /* @__PURE__ */ c(oe, { size: s, children: t.description }) : /* @__PURE__ */ c(Z, {})
             ] }),
@@ -3902,18 +3902,18 @@ const Wn = I({
   slots: {
     root: "relative",
     input: [
-      "flex h-10 w-full border-input bg-background py-2 text-primary-foreground placeholder:text-muted-foreground focus-visible:outline-none",
-      "file:border-0 file:bg-transparent file:px-0 file:font-medium file:text-primary-foreground",
+      "flex h-10 w-full border-tf-input bg-tf-background py-2 text-tf-primary-foreground placeholder:text-tf-muted-foreground focus-visible:outline-none",
+      "file:border-0 file:bg-transparent file:px-0 file:font-medium file:text-tf-primary-foreground",
       "disabled:cursor-not-allowed disabled:opacity-50"
     ]
   },
   variants: {
     variant: {
       default: {
-        input: "rounded-md border px-3 ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+        input: "rounded-tf-md border px-3 ring-offset-tf-background focus-visible:ring-2 focus-visible:ring-tf-ring focus-visible:ring-offset-2"
       },
       outline: {
-        root: 'after:absolute after:left-0 after:top-[calc(100%_+_1px)] after:w-full after:rounded-full after:content-[""] focus-within:after:h-0.5 focus-within:after:bg-ring',
+        root: 'after:absolute after:left-0 after:top-[calc(100%_+_1px)] after:w-full after:rounded-full after:content-[""] focus-within:after:h-0.5 focus-within:after:bg-tf-ring',
         input: "border-b px-1"
       }
     },
@@ -3962,7 +3962,7 @@ const _r = "", Jn = ({ label: r, bind: e, options: t }) => {
         /* @__PURE__ */ T("div", { className: "space-y-1", children: [
           /* @__PURE__ */ T(X, { htmlFor: e, size: n, children: [
             r,
-            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
           ] }),
           t != null && t.description ? /* @__PURE__ */ c(oe, { size: n, children: t.description }) : /* @__PURE__ */ c(Z, {})
         ] }),
@@ -4003,7 +4003,7 @@ const _r = "", Jn = ({ label: r, bind: e, options: t }) => {
         /* @__PURE__ */ T("div", { className: "space-y-1", children: [
           /* @__PURE__ */ T(X, { size: n, children: [
             r,
-            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
           ] }),
           t != null && t.description ? /* @__PURE__ */ c(oe, { size: n, children: t.description }) : /* @__PURE__ */ c(Z, {})
         ] }),
@@ -4035,8 +4035,8 @@ xr.displayName = Ve.Root.displayName;
 const Kn = I({
   slots: {
     item: [
-      "aspect-square h-4 w-4 items-center rounded-full border border-accent text-accent ring-offset-background",
-      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "aspect-square h-4 w-4 items-center rounded-full border border-tf-accent text-tf-accent ring-offset-tf-background",
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-tf-ring focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50"
     ],
     indicator: "relative block h-full w-full",
@@ -4072,7 +4072,7 @@ const kr = "", Qn = ({ label: r, bind: e, items: t, options: a }) => {
         /* @__PURE__ */ T("div", { className: "space-y-1", children: [
           /* @__PURE__ */ T(X, { size: n, children: [
             r,
-            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
           ] }),
           a != null && a.description ? /* @__PURE__ */ c(oe, { size: n, children: a.description }) : /* @__PURE__ */ c(Z, {})
         ] }),
@@ -4106,17 +4106,17 @@ const kr = "", Qn = ({ label: r, bind: e, items: t, options: a }) => {
   slots: {
     root: "relative",
     textarea: [
-      "flex min-h-[60px] w-full border-input bg-background py-2 text-primary-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none",
+      "flex min-h-[60px] w-full border-tf-input bg-tf-background py-2 text-tf-primary-foreground shadow-sm placeholder:text-tf-muted-foreground focus-visible:outline-none",
       "disabled:cursor-not-allowed disabled:opacity-50"
     ]
   },
   variants: {
     variant: {
       default: {
-        textarea: "rounded-md border px-3 ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+        textarea: "rounded-tf-md border px-3 ring-offset-tf-background focus-visible:ring-2 focus-visible:ring-tf-ring focus-visible:ring-offset-2"
       },
       outline: {
-        root: 'after:absolute after:left-0 after:top-[calc(100%_+_1px)] after:w-full after:rounded-full after:content-[""] focus-within:after:h-0.5 focus-within:after:bg-ring',
+        root: 'after:absolute after:left-0 after:top-[calc(100%_+_1px)] after:w-full after:rounded-full after:content-[""] focus-within:after:h-0.5 focus-within:after:bg-tf-ring',
         textarea: "border-b px-1"
       }
     },
@@ -4164,7 +4164,7 @@ const Tr = "", ts = ({ label: r, bind: e, options: t }) => {
         /* @__PURE__ */ T("div", { className: "space-y-1", children: [
           /* @__PURE__ */ T(X, { size: n, children: [
             r,
-            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+            i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
           ] }),
           t != null && t.description ? /* @__PURE__ */ c(oe, { size: n, children: t.description }) : /* @__PURE__ */ c(Z, {})
         ] }),
@@ -4185,12 +4185,12 @@ const Tr = "", ts = ({ label: r, bind: e, options: t }) => {
   slots: {
     root: [
       "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-tf-ring focus-visible:ring-offset-2 focus-visible:ring-offset-tf-background",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      "data-[state=checked]:bg-accent data-[state=unchecked]:bg-muted"
+      "data-[state=checked]:bg-tf-accent data-[state=unchecked]:bg-tf-muted"
     ],
     thumb: [
-      "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
+      "pointer-events-none block h-4 w-4 rounded-full bg-tf-background shadow-lg ring-0 transition-transform",
       "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
     ]
   }
@@ -4225,7 +4225,7 @@ const Ar = !1, as = ({ label: r, bind: e, options: t }) => {
           /* @__PURE__ */ T("div", { className: "space-y-1", children: [
             /* @__PURE__ */ T(X, { htmlFor: e, size: n, children: [
               r,
-              i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-destructive" }) })
+              i ? /* @__PURE__ */ c(Z, {}) : /* @__PURE__ */ c("span", { className: "ml-0.5 inline-block", children: /* @__PURE__ */ c(_e, { className: "h-3 w-3 text-tf-destructive" }) })
             ] }),
             t != null && t.description ? /* @__PURE__ */ c(oe, { size: n, children: t.description }) : /* @__PURE__ */ c(Z, {})
           ] }),
@@ -4247,9 +4247,9 @@ const Ar = !1, as = ({ label: r, bind: e, options: t }) => {
 }, Lt = I({
   slots: {
     root: "relative flex w-11 touch-none select-none items-center",
-    track: "relative h-5 w-full grow overflow-hidden rounded-full bg-muted",
-    range: "absolute h-full bg-accent",
-    thumb: "relative block h-4 w-4 rounded-full border-2 border-transparent bg-background shadow-lg focus-visible:outline-none focus-visible:ring-0 disabled:pointer-events-none disabled:opacity-50"
+    track: "relative h-5 w-full grow overflow-hidden rounded-full bg-tf-muted",
+    range: "absolute h-full bg-tf-accent",
+    thumb: "relative block h-4 w-4 rounded-full border-2 border-transparent bg-tf-background shadow-lg focus-visible:outline-none focus-visible:ring-0 disabled:pointer-events-none disabled:opacity-50"
   },
   variants: {
     state: {
@@ -4259,7 +4259,7 @@ const Ar = !1, as = ({ label: r, bind: e, options: t }) => {
       },
       // null
       1: {
-        thumb: "h-5 w-5 border-accent"
+        thumb: "h-5 w-5 border-tf-accent"
       },
       // true
       2: {

package/dist/webcomponent.cjs

@@ -1 +1 @@
-"use strict";const l=require("@r2wc/react-to-web-component"),m=require("@twind/with-web-components"),c=require("./index.cjs"),d=require("@twind/core"),g=require("@twind/preset-autoprefix"),u=require("@twind/preset-tailwind");var s={},p={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"cloneDeep",{enumerable:!0,get:function(){return r}});function r(t){return Array.isArray(t)?t.map(n=>r(n)):typeof t=="object"&&t!==null?Object.fromEntries(Object.entries(t).map(([n,o])=>[n,r(o)])):t}})(p);var x={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:e})=>({...e("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{busy:'busy="true"',checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:e})=>e("blur"),backdropBrightness:({theme:e})=>e("brightness"),backdropContrast:({theme:e})=>e("contrast"),backdropGrayscale:({theme:e})=>e("grayscale"),backdropHueRotate:({theme:e})=>e("hueRotate"),backdropInvert:({theme:e})=>e("invert"),backdropOpacity:({theme:e})=>e("opacity"),backdropSaturate:({theme:e})=>e("saturate"),backdropSepia:({theme:e})=>e("sepia"),backgroundColor:({theme:e})=>e("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:e})=>e("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:e})=>({...e("colors"),DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:({theme:e})=>e("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:e})=>({...e("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:e})=>e("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:e})=>e("colors"),colors:({colors:e})=>({inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:e.slate,gray:e.gray,zinc:e.zinc,neutral:e.neutral,stone:e.stone,red:e.red,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,green:e.green,emerald:e.emerald,teal:e.teal,cyan:e.cyan,sky:e.sky,blue:e.blue,indigo:e.indigo,violet:e.violet,purple:e.purple,fuchsia:e.fuchsia,pink:e.pink,rose:e.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:e})=>e("borderColor"),divideOpacity:({theme:e})=>e("borderOpacity"),divideWidth:({theme:e})=>e("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:e})=>({none:"none",...e("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:e})=>e("spacing"),gradientColorStops:({theme:e})=>e("colors"),gradientColorStopPositions:{"0%":"0%","5%":"5%","10%":"10%","15%":"15%","20%":"20%","25%":"25%","30%":"30%","35%":"35%","40%":"40%","45%":"45%","50%":"50%","55%":"55%","60%":"60%","65%":"65%","70%":"70%","75%":"75%","80%":"80%","85%":"85%","90%":"90%","95%":"95%","100%":"100%"},grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridTemplateColumns:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},height:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},listStyleImage:{none:"none"},margin:({theme:e})=>({auto:"auto",...e("spacing")}),lineClamp:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6"},maxHeight:({theme:e})=>({...e("spacing"),none:"none",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:e,breakpoints:r})=>({...e("spacing"),none:"none",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...r(e("screens"))}),minHeight:({theme:e})=>({...e("spacing"),full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),minWidth:({theme:e})=>({...e("spacing"),full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",15:"0.15",20:"0.2",25:"0.25",30:"0.3",35:"0.35",40:"0.4",45:"0.45",50:"0.5",55:"0.55",60:"0.6",65:"0.65",70:"0.7",75:"0.75",80:"0.8",85:"0.85",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:e})=>e("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:e})=>e("spacing"),placeholderColor:({theme:e})=>e("colors"),placeholderOpacity:({theme:e})=>e("opacity"),ringColor:({theme:e})=>({DEFAULT:e("colors.blue.500","#3b82f6"),...e("colors")}),ringOffsetColor:({theme:e})=>e("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:e})=>({DEFAULT:"0.5",...e("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:e})=>({...e("spacing")}),scrollPadding:({theme:e})=>e("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:e})=>({...e("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:e})=>({none:"none",...e("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:e})=>e("colors"),textDecorationColor:({theme:e})=>e("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:e})=>({...e("spacing")}),textOpacity:({theme:e})=>e("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:e})=>({...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),size:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),width:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",svw:"100svw",lvw:"100lvw",dvw:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return o}});const r=p,t=n(x);function n(a){return a&&a.__esModule?a:{default:a}}const o=(0,r.cloneDeep)(t.default.theme)})(s);let i=s;var f=(i.__esModule?i:{default:i}).default;const h={theme:{extend:{colors:{category:"hsl(var(--tf-category) / <alpha-value>)",label:"hsl(var(--tf-label) / <alpha-value>)",background:"hsl(var(--tf-background) / <alpha-value>)",foreground:"hsl(var(--tf-foreground) / <alpha-value>)",primary:{DEFAULT:"hsl(var(--tf-primary) / <alpha-value>)",foreground:"hsl(var(--tf-primary-foreground) / <alpha-value>)"},accent:{DEFAULT:"hsl(var(--tf-accent) / <alpha-value>)",foreground:"hsl(var(--tf-accent-foreground) / <alpha-value>)"},destructive:{DEFAULT:"hsl(var(--tf-destructive) / <alpha-value>)",foreground:"hsl(var(--tf-destructive-foreground) / <alpha-value>)"},muted:{DEFAULT:"hsl(var(--tf-muted) / <alpha-value>)",foreground:"hsl(var(--tf-muted-foreground) / <alpha-value>)"},input:"hsl(var(--tf-input) / <alpha-value>)",ring:"hsl(var(--tf-ring) / <alpha-value>)"},borderRadius:{lg:"var(--tf-radius)",md:"calc(var(--tf-radius) - 2px)",sm:"calc(var(--tf-radius) - 4px)"},fontFamily:{"tf-font":["var(--tf-font)",...f.fontFamily.sans]},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}}},b=d.defineConfig({theme:{extend:h.theme.extend},presets:[g(),u()]}),v=m(b),w=l(c.Form,{props:{config:"json",options:"json"},shadow:"open"});class y extends v(w){}customElements.define("twintag-form",y);
+"use strict";const l=require("@r2wc/react-to-web-component"),m=require("@twind/with-web-components"),c=require("./index.cjs"),d=require("@twind/core"),g=require("@twind/preset-autoprefix"),u=require("@twind/preset-tailwind");var s={},p={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"cloneDeep",{enumerable:!0,get:function(){return r}});function r(t){return Array.isArray(t)?t.map(n=>r(n)):typeof t=="object"&&t!==null?Object.fromEntries(Object.entries(t).map(([n,o])=>[n,r(o)])):t}})(p);var x={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:e})=>({...e("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{busy:'busy="true"',checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:e})=>e("blur"),backdropBrightness:({theme:e})=>e("brightness"),backdropContrast:({theme:e})=>e("contrast"),backdropGrayscale:({theme:e})=>e("grayscale"),backdropHueRotate:({theme:e})=>e("hueRotate"),backdropInvert:({theme:e})=>e("invert"),backdropOpacity:({theme:e})=>e("opacity"),backdropSaturate:({theme:e})=>e("saturate"),backdropSepia:({theme:e})=>e("sepia"),backgroundColor:({theme:e})=>e("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:e})=>e("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:e})=>({...e("colors"),DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:({theme:e})=>e("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:e})=>({...e("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:e})=>e("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:e})=>e("colors"),colors:({colors:e})=>({inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:e.slate,gray:e.gray,zinc:e.zinc,neutral:e.neutral,stone:e.stone,red:e.red,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,green:e.green,emerald:e.emerald,teal:e.teal,cyan:e.cyan,sky:e.sky,blue:e.blue,indigo:e.indigo,violet:e.violet,purple:e.purple,fuchsia:e.fuchsia,pink:e.pink,rose:e.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:e})=>e("borderColor"),divideOpacity:({theme:e})=>e("borderOpacity"),divideWidth:({theme:e})=>e("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:e})=>({none:"none",...e("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:e})=>e("spacing"),gradientColorStops:({theme:e})=>e("colors"),gradientColorStopPositions:{"0%":"0%","5%":"5%","10%":"10%","15%":"15%","20%":"20%","25%":"25%","30%":"30%","35%":"35%","40%":"40%","45%":"45%","50%":"50%","55%":"55%","60%":"60%","65%":"65%","70%":"70%","75%":"75%","80%":"80%","85%":"85%","90%":"90%","95%":"95%","100%":"100%"},grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridTemplateColumns:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},height:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},listStyleImage:{none:"none"},margin:({theme:e})=>({auto:"auto",...e("spacing")}),lineClamp:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6"},maxHeight:({theme:e})=>({...e("spacing"),none:"none",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:e,breakpoints:r})=>({...e("spacing"),none:"none",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...r(e("screens"))}),minHeight:({theme:e})=>({...e("spacing"),full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),minWidth:({theme:e})=>({...e("spacing"),full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",15:"0.15",20:"0.2",25:"0.25",30:"0.3",35:"0.35",40:"0.4",45:"0.45",50:"0.5",55:"0.55",60:"0.6",65:"0.65",70:"0.7",75:"0.75",80:"0.8",85:"0.85",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:e})=>e("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:e})=>e("spacing"),placeholderColor:({theme:e})=>e("colors"),placeholderOpacity:({theme:e})=>e("opacity"),ringColor:({theme:e})=>({DEFAULT:e("colors.blue.500","#3b82f6"),...e("colors")}),ringOffsetColor:({theme:e})=>e("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:e})=>({DEFAULT:"0.5",...e("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:e})=>({...e("spacing")}),scrollPadding:({theme:e})=>e("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:e})=>({...e("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:e})=>({none:"none",...e("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:e})=>e("colors"),textDecorationColor:({theme:e})=>e("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:e})=>({...e("spacing")}),textOpacity:({theme:e})=>e("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:e})=>({...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),size:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),width:({theme:e})=>({auto:"auto",...e("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",svw:"100svw",lvw:"100lvw",dvw:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return o}});const r=p,t=n(x);function n(a){return a&&a.__esModule?a:{default:a}}const o=(0,r.cloneDeep)(t.default.theme)})(s);let i=s;var f=(i.__esModule?i:{default:i}).default;const h={theme:{extend:{colors:{"tf-category":"hsl(var(--tf-category) / <alpha-value>)","tf-label":"hsl(var(--tf-label) / <alpha-value>)","tf-background":"hsl(var(--tf-background) / <alpha-value>)","tf-foreground":"hsl(var(--tf-foreground) / <alpha-value>)","tf-primary":"hsl(var(--tf-primary) / <alpha-value>)","tf-primary-foreground":"hsl(var(--tf-primary-foreground) / <alpha-value>)","tf-accent":"hsl(var(--tf-accent) / <alpha-value>)","tf-accent-foreground":"hsl(var(--tf-accent-foreground) / <alpha-value>)","tf-destructive":"hsl(var(--tf-destructive) / <alpha-value>)","tf-destructive-foreground":"hsl(var(--tf-destructive-foreground) / <alpha-value>)","tf-muted":"hsl(var(--tf-muted) / <alpha-value>)","tf-muted-foreground":"hsl(var(--tf-muted-foreground) / <alpha-value>)","tf-input":"hsl(var(--tf-input) / <alpha-value>)","tf-ring":"hsl(var(--tf-ring) / <alpha-value>)"},borderRadius:{"tf-lg":"var(--tf-radius)","tf-md":"calc(var(--tf-radius) - 2px)","tf-sm":"calc(var(--tf-radius) - 4px)"},fontFamily:{"tf-font":["var(--tf-font)",...f.fontFamily.sans]},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}}},b=d.defineConfig({theme:{extend:h.theme.extend},presets:[g(),u()]}),v=m(b),w=l(c.Form,{props:{config:"json",options:"json"},shadow:"open"});class y extends v(w){}customElements.define("twintag-form",y);

package/dist/webcomponent.js

@@ -1106,33 +1106,25 @@ const h = {
   theme: {
     extend: {
       colors: {
-        category: "hsl(var(--tf-category) / <alpha-value>)",
-        label: "hsl(var(--tf-label) / <alpha-value>)",
-        background: "hsl(var(--tf-background) / <alpha-value>)",
-        foreground: "hsl(var(--tf-foreground) / <alpha-value>)",
-        primary: {
-          DEFAULT: "hsl(var(--tf-primary) / <alpha-value>)",
-          foreground: "hsl(var(--tf-primary-foreground) / <alpha-value>)"
-        },
-        accent: {
-          DEFAULT: "hsl(var(--tf-accent) / <alpha-value>)",
-          foreground: "hsl(var(--tf-accent-foreground) / <alpha-value>)"
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--tf-destructive) / <alpha-value>)",
-          foreground: "hsl(var(--tf-destructive-foreground) / <alpha-value>)"
-        },
-        muted: {
-          DEFAULT: "hsl(var(--tf-muted) / <alpha-value>)",
-          foreground: "hsl(var(--tf-muted-foreground) / <alpha-value>)"
-        },
-        input: "hsl(var(--tf-input) / <alpha-value>)",
-        ring: "hsl(var(--tf-ring) / <alpha-value>)"
+        "tf-category": "hsl(var(--tf-category) / <alpha-value>)",
+        "tf-label": "hsl(var(--tf-label) / <alpha-value>)",
+        "tf-background": "hsl(var(--tf-background) / <alpha-value>)",
+        "tf-foreground": "hsl(var(--tf-foreground) / <alpha-value>)",
+        "tf-primary": "hsl(var(--tf-primary) / <alpha-value>)",
+        "tf-primary-foreground": "hsl(var(--tf-primary-foreground) / <alpha-value>)",
+        "tf-accent": "hsl(var(--tf-accent) / <alpha-value>)",
+        "tf-accent-foreground": "hsl(var(--tf-accent-foreground) / <alpha-value>)",
+        "tf-destructive": "hsl(var(--tf-destructive) / <alpha-value>)",
+        "tf-destructive-foreground": "hsl(var(--tf-destructive-foreground) / <alpha-value>)",
+        "tf-muted": "hsl(var(--tf-muted) / <alpha-value>)",
+        "tf-muted-foreground": "hsl(var(--tf-muted-foreground) / <alpha-value>)",
+        "tf-input": "hsl(var(--tf-input) / <alpha-value>)",
+        "tf-ring": "hsl(var(--tf-ring) / <alpha-value>)"
       },
       borderRadius: {
-        lg: "var(--tf-radius)",
-        md: "calc(var(--tf-radius) - 2px)",
-        sm: "calc(var(--tf-radius) - 4px)"
+        "tf-lg": "var(--tf-radius)",
+        "tf-md": "calc(var(--tf-radius) - 2px)",
+        "tf-sm": "calc(var(--tf-radius) - 4px)"
       },
       fontFamily: {
         "tf-font": ["var(--tf-font)", ...f.fontFamily.sans]

package/lib/common/button.tsx

@@ -6,20 +6,20 @@ import { tv } from 'tailwind-variants';
 
 const buttonVariants = tv({
   base: [
-    'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors',
-    'ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2',
+    'inline-flex items-center justify-center whitespace-nowrap rounded-tf-md font-medium transition-colors',
+    'ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-tf-ring focus-visible:ring-offset-2',
     'disabled:pointer-events-none disabled:opacity-50',
   ],
   variants: {
     variant: {
       default:
-        'bg-primary-foreground text-primary shadow hover:bg-primary-foreground/90',
+        'bg-tf-primary-foreground text-tf-primary shadow hover:bg-tf-primary-foreground/90',
       outline:
-        'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-      ghost: 'hover:bg-accent hover:text-accent-foreground',
+        'border border-tf-input bg-tf-background hover:bg-tf-accent hover:text-tf-accent-foreground',
+      ghost: 'hover:bg-tf-accent hover:text-tf-accent-foreground',
     },
     size: {
-      sm: 'h-9 rounded-md px-3 text-sm',
+      sm: 'h-9 rounded-tf-md px-3 text-sm',
       base: 'h-10 px-3 py-2 text-base',
     },
   },

package/lib/common/calendar.tsx

@@ -24,22 +24,23 @@ const calendarVariants = tv({
     nav_button_next: 'absolute right-1',
     table: 'w-full border-collapse space-y-1',
     head_row: 'flex',
-    head_cell: 'w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground',
+    head_cell:
+      'w-9 rounded-tf-md text-[0.8rem] font-normal text-tf-muted-foreground',
     row: 'mt-2 flex w-full',
-    cell: 'relative h-9 w-9 p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-transparent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-muted/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',
+    cell: 'relative h-9 w-9 p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-transparent first:[&:has([aria-selected])]:rounded-l-tf-md last:[&:has([aria-selected])]:rounded-r-tf-md [&:has([aria-selected].day-outside)]:bg-tf-muted/50 [&:has([aria-selected].day-range-end)]:rounded-r-tf-md',
     day: buttonVariants({
       variant: 'ghost',
       className: 'h-9 w-9 p-0 font-normal aria-selected:opacity-100',
     }),
     day_range_end: 'day-range-end',
     day_selected:
-      'bg-accent text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground',
-    day_today: 'bg-muted text-muted-foreground',
+      'bg-tf-accent text-tf-accent-foreground hover:bg-tf-accent hover:text-tf-accent-foreground focus:bg-tf-accent focus:text-tf-accent-foreground',
+    day_today: 'bg-tf-muted text-tf-muted-foreground',
     day_outside:
-      'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/30 aria-selected:text-accent-foreground',
-    day_disabled: 'text-muted-foreground opacity-50',
+      'day-outside text-tf-muted-foreground opacity-50 aria-selected:bg-tf-accent/30 aria-selected:text-tf-accent-foreground',
+    day_disabled: 'text-tf-muted-foreground opacity-50',
     day_range_middle:
-      'aria-selected:bg-accent aria-selected:text-accent-foreground',
+      'aria-selected:bg-tf-accent aria-selected:text-tf-accent-foreground',
     day_hidden: 'invisible',
   },
   variants: {
@@ -49,8 +50,8 @@ const calendarVariants = tv({
         caption_dropdowns: [
           'flex w-4/6 justify-center gap-1',
           '[&>*>span]:hidden [&>*]:flex-1 [&>.rdp-vhidden]:hidden ',
-          '[&>*>select]:h-7 [&>*>select]:min-w-[3.6rem] [&>*>select]:rounded-md [&>*>select]:border [&>*>select]:border-input [&>*>select]:bg-background [&>*>select]:px-1',
-          '[&>*>select]:ring-offset-background [&>*>select]:focus-visible:outline-none [&>*>select]:focus-visible:ring-1 [&>*>select]:focus-visible:ring-ring',
+          '[&>*>select]:h-7 [&>*>select]:min-w-[3.6rem] [&>*>select]:rounded-tf-md [&>*>select]:border [&>*>select]:border-tf-input [&>*>select]:bg-tf-background [&>*>select]:px-1',
+          '[&>*>select]:ring-offset-tf-background [&>*>select]:focus-visible:outline-none [&>*>select]:focus-visible:ring-1 [&>*>select]:focus-visible:ring-tf-ring',
         ],
       },
     },

package/lib/common/checkbox.tsx

@@ -6,10 +6,10 @@ import { tv } from 'tailwind-variants';
 const checkboxVariants = tv({
   slots: {
     root: [
-      'peer h-4 w-4 shrink-0 rounded-sm border border-accent shadow',
-      'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1',
+      'peer h-4 w-4 shrink-0 rounded-tf-sm border border-tf-accent shadow',
+      'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-tf-ring focus-visible:ring-offset-1',
       'disabled:cursor-not-allowed disabled:opacity-50',
-      'data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground',
+      'data-[state=checked]:bg-tf-accent data-[state=checked]:text-tf-accent-foreground',
     ],
     indicator: 'flex items-center justify-center text-current',
     icon: 'h-4 w-4',