@clasing/ui 0.1.137 → 2.0.1

package/dist/button-BnSM-lrr.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-BuHQgaKs.cjs"),p=require("./index-DoxiiusW.cjs"),$=require("@radix-ui/react-slot"),z=require("./index-C8P6Mn4U.cjs"),u=require("react"),r=require("./icon-component-D5YssRbR.cjs"),o=require("./tooltip-BRSR0-4n.cjs"),k="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",C=z.cva(k,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"size-12 p-1.5"},{iconPosition:"only",size:"lg",class:"size-10 p-1.5"},{iconPosition:"only",size:"md",class:"size-8 p-1.5"},{iconPosition:"only",size:"sm",class:"size-7 p-1.5"},{iconPosition:"only",size:"xs",class:"size-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),N=z.cva(`${k} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"size-12 p-3"},{iconPosition:"only",size:"lg",class:"size-10 p-2"},{iconPosition:"only",size:"md",class:"size-8 p-1"},{iconPosition:"only",size:"sm",class:"size-7 p-0.5"},{iconPosition:"only",size:"xs",class:"size-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),I=z.cva(k,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"size-12 p-3"},{iconPosition:"only",size:"lg",class:"size-10 p-2"},{iconPosition:"only",size:"md",class:"size-8 p-1"},{iconPosition:"only",size:"sm",class:"size-7 p-0.5"},{iconPosition:"only",size:"xs",class:"size-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),w=u.forwardRef(({className:b,variant:y,size:s,weight:h,rounded:v,children:l,iconName:x,iconText:c,iconPosition:f="left",isLoading:i,isActive:q,disabled:E,tooltip:d,tooltipPlacement:R="top",asChild:j,...S},V)=>{const T=j?$.Slot:"button",n=u.useMemo(()=>!l&&x||f==="only"?"only":f,[l,x,f]),e=u.useMemo(()=>x?typeof x=="string"?{name:x}:x:null,[x]),a=n==="only"?{xl:"size-6",lg:"size-6",md:"size-5",sm:"size-4",xs:"size-3.5"}:{xl:"size-5",lg:"size-5",md:"size-4",sm:"size-4",xs:"size-3.5"},B=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:i?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",a[s||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,className:a[s||"xl"]})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${i?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",a[s||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",i?"invisible opacity-0":"visible opacity-100"),children:[e&&n==="left"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:a[s||"xl"]}),l,e&&n==="right"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:a[s||"xl"]})]})]})}),F=()=>{if(!j||!u.isValidElement(l)||!e&&n!=="only")return l;const m=l,A=m.props.children;if(n==="only")return u.cloneElement(m,{...m.props,children:i?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",a[s||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})});const P=e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:a[s||"xl"]}),M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${i?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",a[s||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",i?"invisible opacity-0":"visible opacity-100"),children:[n==="left"&&P,A,n==="right"&&P]})]});return u.cloneElement(m,{...m.props,children:M})},g=t.jsxRuntimeExports.jsx(T,{ref:V,className:p.cn(i?N({variant:y,weight:h,size:s,rounded:v,iconPosition:n,className:b}):q?I({variant:y,weight:h,size:s,rounded:v,iconPosition:n,className:b}):C({variant:y,weight:h,size:s,rounded:v,iconPosition:n,className:b})),disabled:E||i,...S,children:j?F():B});return d&&(E||i)?t.jsxRuntimeExports.jsx(o.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(o.Tooltip,{children:[t.jsxRuntimeExports.jsx(o.TooltipTrigger,{asChild:n==="only",children:n==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:g}):g}),t.jsxRuntimeExports.jsx(o.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):d?t.jsxRuntimeExports.jsx(o.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(o.Tooltip,{children:[t.jsxRuntimeExports.jsx(o.TooltipTrigger,{asChild:n==="only",children:g}),t.jsxRuntimeExports.jsx(o.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):g});w.displayName="Button";exports.Button=w;exports.buttonActiveStyles=I;exports.buttonLoadingStyles=N;exports.buttonStyles=C;

package/dist/{button--Pnb6F6v.js → button-C5IBh3Tr.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-DywqP_6a.js";
 import { c as p } from "./index-CRiPKpXj.js";
 import { Slot as M } from "@radix-ui/react-slot";
-import { c as w } from "./index-BqtVL8d-.js";
+import { c as z } from "./index-BqtVL8d-.js";
 import x from "react";
-import { I as s } from "./icon-component-CxQsODCa.js";
-import { b as N, T as I, c as C, a as V } from "./tooltip-BnIdKYZi.js";
-const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]", T = w(k, {
+import { I as n } from "./icon-component-CxQsODCa.js";
+import { b as w, T as I, c as C, a as V } from "./tooltip-Bxh10S4Q.js";
+const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]", T = z(k, {
   variants: {
     variant: {
       // Variantes de botón sólido
@@ -73,27 +73,27 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     {
       iconPosition: "only",
       size: "xl",
-      class: "h-12 w-12 p-1.5"
+      class: "size-12 p-1.5"
     },
     {
       iconPosition: "only",
       size: "lg",
-      class: "h-10 w-10 p-1.5"
+      class: "size-10 p-1.5"
     },
     {
       iconPosition: "only",
       size: "md",
-      class: "h-8 w-8 p-1.5"
+      class: "size-8 p-1.5"
     },
     {
       iconPosition: "only",
       size: "sm",
-      class: "h-7 w-7 p-1.5"
+      class: "size-7 p-1.5"
     },
     {
       iconPosition: "only",
       size: "xs",
-      class: "h-6 w-6 p-1.5"
+      class: "size-6 p-1.5"
     },
     {
       variant: "link",
@@ -128,7 +128,7 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     rounded: "full",
     iconPosition: "left"
   }
-}), _ = w(`${k} cursor-default`, {
+}), _ = z(`${k} cursor-default`, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -183,27 +183,27 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     {
       iconPosition: "only",
       size: "xl",
-      class: "h-12 w-12 p-3"
+      class: "size-12 p-3"
     },
     {
       iconPosition: "only",
       size: "lg",
-      class: "h-10 w-10 p-2"
+      class: "size-10 p-2"
     },
     {
       iconPosition: "only",
       size: "md",
-      class: "h-8 w-8 p-1"
+      class: "size-8 p-1"
     },
     {
       iconPosition: "only",
       size: "sm",
-      class: "h-7 w-7 p-0.5"
+      class: "size-7 p-0.5"
     },
     {
       iconPosition: "only",
       size: "xs",
-      class: "h-6 w-6 p-0.5"
+      class: "size-6 p-0.5"
     },
     // Link loading styles
     {
@@ -239,7 +239,7 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     rounded: "full",
     iconPosition: "left"
   }
-}), D = w(k, {
+}), D = z(k, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -294,27 +294,27 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     {
       iconPosition: "only",
       size: "xl",
-      class: "h-12 w-12 p-3"
+      class: "size-12 p-3"
     },
     {
       iconPosition: "only",
       size: "lg",
-      class: "h-10 w-10 p-2"
+      class: "size-10 p-2"
     },
     {
       iconPosition: "only",
       size: "md",
-      class: "h-8 w-8 p-1"
+      class: "size-8 p-1"
     },
     {
       iconPosition: "only",
       size: "sm",
-      class: "h-7 w-7 p-0.5"
+      class: "size-7 p-0.5"
     },
     {
       iconPosition: "only",
       size: "xs",
-      class: "h-6 w-6 p-0.5"
+      class: "size-6 p-0.5"
     },
     // Link active styles
     {
@@ -352,50 +352,50 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
   }
 }), G = x.forwardRef(
   ({
-    className: g,
+    className: m,
     variant: b,
-    size: n,
-    weight: h,
-    rounded: y,
-    children: r,
-    iconName: l,
+    size: i,
+    weight: y,
+    rounded: h,
+    children: l,
+    iconName: o,
     iconText: c,
     iconPosition: v = "left",
-    isLoading: i,
+    isLoading: s,
     isActive: E,
     disabled: j,
-    tooltip: m,
+    tooltip: d,
     tooltipPlacement: P = "top",
     asChild: f,
     ...S
   }, B) => {
-    const F = f ? M : "button", a = x.useMemo(() => !r && l || v === "only" ? "only" : v, [r, l, v]), e = x.useMemo(() => l ? typeof l == "string" ? { name: l } : l : null, [l]), o = a === "only" ? {
-      xl: "min-w-6 h-6",
-      lg: "min-w-6 h-6",
-      md: "min-w-5 h-5",
-      sm: "min-w-4 h-4",
-      xs: "min-w-3.5 h-3.5"
+    const F = f ? M : "button", a = x.useMemo(() => !l && o || v === "only" ? "only" : v, [l, o, v]), e = x.useMemo(() => o ? typeof o == "string" ? { name: o } : o : null, [o]), r = a === "only" ? {
+      xl: "size-6",
+      lg: "size-6",
+      md: "size-5",
+      sm: "size-4",
+      xs: "size-3.5"
     } : {
-      xl: "min-w-5 h-5",
-      lg: "min-w-5 h-5",
-      md: "min-w-4 h-4",
-      sm: "min-w-4 h-4",
-      xs: "min-w-3.5 h-3.5"
+      xl: "size-5",
+      lg: "size-5",
+      md: "size-4",
+      sm: "size-4",
+      xs: "size-3.5"
     }, q = /* @__PURE__ */ t.jsx(t.Fragment, { children: a === "only" ? (
       // Renderizado para modo icon-only
-      /* @__PURE__ */ t.jsx(t.Fragment, { children: i ? /* @__PURE__ */ t.jsx(
-        s,
+      /* @__PURE__ */ t.jsx(t.Fragment, { children: s ? /* @__PURE__ */ t.jsx(
+        n,
         {
           iconName: "IconLoader2",
-          className: p("animate-spin", o[n || "xl"])
+          className: p("animate-spin", r[i || "xl"])
         }
       ) : e && /* @__PURE__ */ t.jsx(
-        s,
+        n,
         {
           iconName: e.name,
           stroke: e.stroke,
           iconText: c,
-          size: 24
+          className: r[i || "xl"]
         }
       ) })
     ) : (
@@ -404,12 +404,12 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
         /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${i ? "visible opacity-100" : "invisible opacity-0"}`,
+            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s ? "visible opacity-100" : "invisible opacity-0"}`,
             children: /* @__PURE__ */ t.jsx(
-              s,
+              n,
               {
                 iconName: "IconLoader2",
-                className: p("animate-spin", o[n || "xl"])
+                className: p("animate-spin", r[i || "xl"])
               }
             )
           }
@@ -419,26 +419,26 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
           {
             className: p(
               "flex items-center justify-center gap-2",
-              i ? "invisible opacity-0" : "visible opacity-100"
+              s ? "invisible opacity-0" : "visible opacity-100"
             ),
             children: [
               e && a === "left" && /* @__PURE__ */ t.jsx(
-                s,
+                n,
                 {
                   iconName: e.name,
                   iconText: c,
                   stroke: e.stroke,
-                  className: o[n || "xl"]
+                  className: r[i || "xl"]
                 }
               ),
-              r,
+              l,
               e && a === "right" && /* @__PURE__ */ t.jsx(
-                s,
+                n,
                 {
                   iconName: e.name,
                   iconText: c,
                   stroke: e.stroke,
-                  className: o[n || "xl"]
+                  className: r[i || "xl"]
                 }
               )
             ]
@@ -446,20 +446,20 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
         )
       ] })
     ) }), R = () => {
-      if (!f || !x.isValidElement(r) || !e && a !== "only")
-        return r;
-      const u = r, $ = u.props.children;
+      if (!f || !x.isValidElement(l) || !e && a !== "only")
+        return l;
+      const u = l, $ = u.props.children;
       if (a === "only")
         return x.cloneElement(u, {
           ...u.props,
-          children: i ? /* @__PURE__ */ t.jsx(
-            s,
+          children: s ? /* @__PURE__ */ t.jsx(
+            n,
             {
               iconName: "IconLoader2",
-              className: p("animate-spin", o[n || "xl"])
+              className: p("animate-spin", r[i || "xl"])
             }
           ) : e && /* @__PURE__ */ t.jsx(
-            s,
+            n,
             {
               iconName: e.name,
               stroke: e.stroke,
@@ -468,24 +468,24 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
             }
           )
         });
-      const z = e && /* @__PURE__ */ t.jsx(
-        s,
+      const N = e && /* @__PURE__ */ t.jsx(
+        n,
         {
           iconName: e.name,
           iconText: c,
           stroke: e.stroke,
-          className: o[n || "xl"]
+          className: r[i || "xl"]
         }
       ), A = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${i ? "visible opacity-100" : "invisible opacity-0"}`,
+            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s ? "visible opacity-100" : "invisible opacity-0"}`,
             children: /* @__PURE__ */ t.jsx(
-              s,
+              n,
               {
                 iconName: "IconLoader2",
-                className: p("animate-spin", o[n || "xl"])
+                className: p("animate-spin", r[i || "xl"])
               }
             )
           }
@@ -495,12 +495,12 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
           {
             className: p(
               "flex items-center justify-center gap-2",
-              i ? "invisible opacity-0" : "visible opacity-100"
+              s ? "invisible opacity-0" : "visible opacity-100"
             ),
             children: [
-              a === "left" && z,
+              a === "left" && N,
               $,
-              a === "right" && z
+              a === "right" && N
             ]
           }
         )
@@ -509,60 +509,60 @@ const k = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
         ...u.props,
         children: A
       });
-    }, d = /* @__PURE__ */ t.jsx(
+    }, g = /* @__PURE__ */ t.jsx(
       F,
       {
         ref: B,
         className: p(
-          i ? _({
+          s ? _({
             variant: b,
-            weight: h,
-            size: n,
-            rounded: y,
+            weight: y,
+            size: i,
+            rounded: h,
             iconPosition: a,
-            className: g
+            className: m
           }) : E ? D({
             variant: b,
-            weight: h,
-            size: n,
-            rounded: y,
+            weight: y,
+            size: i,
+            rounded: h,
             iconPosition: a,
-            className: g
+            className: m
           }) : T({
             variant: b,
-            weight: h,
-            size: n,
-            rounded: y,
+            weight: y,
+            size: i,
+            rounded: h,
             iconPosition: a,
-            className: g
+            className: m
           })
         ),
-        disabled: j || i,
+        disabled: j || s,
         ...S,
         children: f ? R() : q
       }
     );
-    return m && (j || i) ? /* @__PURE__ */ t.jsx(N, { children: /* @__PURE__ */ t.jsxs(I, { children: [
-      /* @__PURE__ */ t.jsx(C, { asChild: a === "only", children: a === "only" ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: d }) : d }),
+    return d && (j || s) ? /* @__PURE__ */ t.jsx(w, { children: /* @__PURE__ */ t.jsxs(I, { children: [
+      /* @__PURE__ */ t.jsx(C, { asChild: a === "only", children: a === "only" ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: g }) : g }),
       /* @__PURE__ */ t.jsx(
         V,
         {
           side: P,
           className: "text-muted-foreground",
-          children: m
+          children: d
         }
       )
-    ] }) }) : m ? /* @__PURE__ */ t.jsx(N, { children: /* @__PURE__ */ t.jsxs(I, { children: [
-      /* @__PURE__ */ t.jsx(C, { asChild: a === "only", children: d }),
+    ] }) }) : d ? /* @__PURE__ */ t.jsx(w, { children: /* @__PURE__ */ t.jsxs(I, { children: [
+      /* @__PURE__ */ t.jsx(C, { asChild: a === "only", children: g }),
       /* @__PURE__ */ t.jsx(
         V,
         {
           side: P,
           className: "text-muted-foreground",
-          children: m
+          children: d
         }
       )
-    ] }) }) : d;
+    ] }) }) : g;
   }
 );
 G.displayName = "Button";

package/dist/components/alert-dialog.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-CPzha0kl.cjs"),r=require("../index-DoxiiusW.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const o=d(u);function g({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function x({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:r.cn("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",t),...e})}function m({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:r.cn("bg-background 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-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...e})]})}function f({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:r.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:r.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:r.cn("text-lg font-semibold",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:r.cn("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Action,{className:r.cn(i.buttonStyles(),t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:r.cn(i.buttonStyles({variant:"outline"}),t),...e})}exports.AlertDialog=g;exports.AlertDialogAction=A;exports.AlertDialogCancel=b;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=p;exports.AlertDialogHeader=f;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=j;exports.AlertDialogTrigger=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-BnSM-lrr.cjs"),r=require("../index-DoxiiusW.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const o=d(u);function g({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function x({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:r.cn("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",t),...e})}function m({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:r.cn("bg-background 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-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),...e})]})}function f({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:r.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:r.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:r.cn("text-lg font-semibold",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:r.cn("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Action,{className:r.cn(i.buttonStyles(),t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:r.cn(i.buttonStyles({variant:"outline"}),t),...e})}exports.AlertDialog=g;exports.AlertDialogAction=A;exports.AlertDialogCancel=b;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=p;exports.AlertDialogHeader=f;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=j;exports.AlertDialogTrigger=x;

package/dist/components/alert-dialog.es.js

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button--Pnb6F6v.js";
+import { c as r } from "../button-C5IBh3Tr.js";
 import { c as l } from "../index-CRiPKpXj.js";
 function g({
   ...t

package/dist/components/blocks/interactive-card.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DknEN5GE.cjs"),i=require("../../card-D0D_gMHR.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),u=require("../../tooltip-VxOmcZ36.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:x,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...c},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:x||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[x&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md font-semibold",children:x}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground text-label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground text-paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("text-paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DknEN5GE.cjs"),i=require("../../card-D0D_gMHR.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),u=require("../../tooltip-BRSR0-4n.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:x,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...c},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:x||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[x&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md font-semibold",children:x}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground text-label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground text-paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("text-paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;

package/dist/components/blocks/interactive-card.es.js

@@ -2,7 +2,7 @@ import { j as e } from "../../jsx-runtime-DywqP_6a.js";
 import { B as I } from "../../badge-CJxUpkWv.js";
 import { C as w, e as y, b as z, d as F } from "../../card-9-UcGdV0.js";
 import { I as x } from "../../icon-component-CxQsODCa.js";
-import { T as H, c as k, a as B } from "../../tooltip-BnIdKYZi.js";
+import { T as H, c as k, a as B } from "../../tooltip-Bxh10S4Q.js";
 import { c as a } from "../../index-CRiPKpXj.js";
 import { c as R } from "../../index-BqtVL8d-.js";
 import { forwardRef as E } from "react";

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-CPzha0kl.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-BnSM-lrr.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;

package/dist/components/button.es.js

@@ -1,4 +1,4 @@
-import { B as s, b as a, a as e, c as n } from "../button--Pnb6F6v.js";
+import { B as s, b as a, a as e, c as n } from "../button-C5IBh3Tr.js";
 export {
   s as Button,
   a as buttonActiveStyles,

package/dist/components/form.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-BuHQgaKs.cjs"),x=require("@radix-ui/react-slot"),f=require("react"),c=require("react-hook-form"),F=require("../label-U5GnYvFO.cjs"),d=require("../index-DoxiiusW.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=j(f),p=c.FormProvider,l=i.createContext({}),g=({...e})=>n.jsxRuntimeExports.jsx(l.Provider,{value:{name:e.name},children:n.jsxRuntimeExports.jsx(c.Controller,{...e})}),m=()=>{const e=i.useContext(l),t=i.useContext(u),{getFieldState:r}=c.useFormContext(),o=c.useFormState({name:e.name}),s=r(e.name,o);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:a}=t;return{id:a,name:e.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...s}},u=i.createContext({});function b({className:e,...t}){const r=i.useId();return n.jsxRuntimeExports.jsx(u.Provider,{value:{id:r},children:n.jsxRuntimeExports.jsx("div",{"data-slot":"form-item",className:d.cn("grid gap-2",e),...t})})}function I({className:e,...t}){const{error:r,formItemId:o}=m();return n.jsxRuntimeExports.jsx(F.Label,{"data-slot":"form-label","data-error":!!r,className:d.cn("data-[error=true]:text-destructive",e),htmlFor:o,...t})}function C({...e}){const{error:t,formItemId:r,formDescriptionId:o,formMessageId:s}=m();return n.jsxRuntimeExports.jsx(x.Slot,{"data-slot":"form-control",id:r,"aria-describedby":t?`${o} ${s}`:`${o}`,"aria-invalid":!!t,...e})}function v({className:e,...t}){const{formDescriptionId:r}=m();return n.jsxRuntimeExports.jsx("p",{"data-slot":"form-description",id:r,className:d.cn("text-muted-foreground! text-label-md",e),...t})}function R({className:e,...t}){const{error:r,formMessageId:o}=m(),s=r?String(r?.message??""):t.children;return s?n.jsxRuntimeExports.jsx("p",{"data-slot":"form-message",id:o,className:d.cn("text-destructive! text-label-md",e),...t,children:s}):null}exports.Form=p;exports.FormControl=C;exports.FormDescription=v;exports.FormField=g;exports.FormItem=b;exports.FormLabel=I;exports.FormMessage=R;exports.useFormField=m;

package/dist/components/form.d.ts

@@ -0,0 +1,24 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/components/form.es.js

@@ -0,0 +1,101 @@
+import { j as m } from "../jsx-runtime-DywqP_6a.js";
+import { Slot as f } from "@radix-ui/react-slot";
+import * as n from "react";
+import { FormProvider as u, Controller as x, useFormContext as F, useFormState as I } from "react-hook-form";
+import { L as p } from "../label-_kG7WBoJ.js";
+import { c as a } from "../index-CRiPKpXj.js";
+const h = u, c = n.createContext(
+  {}
+), S = ({
+  ...e
+}) => /* @__PURE__ */ m.jsx(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m.jsx(x, { ...e }) }), d = () => {
+  const e = n.useContext(c), t = n.useContext(l), { getFieldState: r } = F(), o = I({ name: e.name }), s = r(e.name, o);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: i } = t;
+  return {
+    id: i,
+    name: e.name,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...s
+  };
+}, l = n.createContext(
+  {}
+);
+function $({ className: e, ...t }) {
+  const r = n.useId();
+  return /* @__PURE__ */ m.jsx(l.Provider, { value: { id: r }, children: /* @__PURE__ */ m.jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: a("grid gap-2", e),
+      ...t
+    }
+  ) });
+}
+function D({
+  className: e,
+  ...t
+}) {
+  const { error: r, formItemId: o } = d();
+  return /* @__PURE__ */ m.jsx(
+    p,
+    {
+      "data-slot": "form-label",
+      "data-error": !!r,
+      className: a("data-[error=true]:text-destructive", e),
+      htmlFor: o,
+      ...t
+    }
+  );
+}
+function M({ ...e }) {
+  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: s } = d();
+  return /* @__PURE__ */ m.jsx(
+    f,
+    {
+      "data-slot": "form-control",
+      id: r,
+      "aria-describedby": t ? `${o} ${s}` : `${o}`,
+      "aria-invalid": !!t,
+      ...e
+    }
+  );
+}
+function N({ className: e, ...t }) {
+  const { formDescriptionId: r } = d();
+  return /* @__PURE__ */ m.jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: r,
+      className: a("text-muted-foreground! text-label-md", e),
+      ...t
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  const { error: r, formMessageId: o } = d(), s = r ? String(r?.message ?? "") : t.children;
+  return s ? /* @__PURE__ */ m.jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: o,
+      className: a("text-destructive! text-label-md", e),
+      ...t,
+      children: s
+    }
+  ) : null;
+}
+export {
+  h as Form,
+  M as FormControl,
+  N as FormDescription,
+  S as FormField,
+  $ as FormItem,
+  D as FormLabel,
+  w as FormMessage,
+  d as useFormField
+};

package/dist/components/input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-eri6Lyeo.cjs");exports.Input=t.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-wSGCWBH-.cjs");exports.Input=t.Input;