cuenti-dna 0.1.1-beta.1 → 0.1.1-beta.2

package/dist/index.cjs

@@ -31,7 +31,11 @@ __export(index_exports, {
   Check: () => Check,
   Checkbox: () => Checkbox,
   CloseX: () => CloseX,
+  Form: () => Form,
+  HelperMessage: () => HelperText,
+  HelperText: () => HelperText,
   Input: () => Input,
+  Label: () => Label,
   Minus: () => Minus,
   MoneyInput: () => MoneyInput,
   NumberInput: () => NumberInput,
@@ -40,6 +44,10 @@ __export(index_exports, {
   RadioGroup: () => RadioGroup,
   RadioItem: () => RadioItem,
   Switch: () => Switch,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
   cn: () => cn,
   inputTypes: () => inputTypes,
   useFormattedNumericInput: () => useFormattedNumericInput,
@@ -48,7 +56,13 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/inputs/button.tsx
+// src/components/forms/form.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Form({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { ...props, children });
+}
+
+// src/components/forms/inputs/button.tsx
 var import_class_variance_authority = require("class-variance-authority");
 
 // src/utils/cn.ts
@@ -58,9 +72,9 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/inputs/button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var baseStyles = "inline-flex items-center justify-center gap-2 whitespace-nowrap text-base transition-all duration-300 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] cursor-pointer disabled:bg-neutral-600 disabled:text-neutral-700 font-bold disabled:cursor-not-allowed";
+// src/components/forms/inputs/button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var baseStyles = "inline-flex items-center justify-center gap-2 whitespace-nowrap text-base transition-all duration-300 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] cursor-pointer disabled:bg-neutral-600 disabled:text-neutral-700 font-bold disabled:cursor-not-allowed peer";
 var variants = {
   primary: "bg-primary text-primary-foreground hover:bg-primary-600 active:bg-primary-400 aria-pressed:bg-primary-400",
   alt: "bg-primary-400 text-primary-foreground hover:bg-primary-500 active:bg-primary-300 aria-pressed:bg-primary-300",
@@ -101,17 +115,17 @@ function Button({
   ...props
 }) {
   const classes = cn(buttonVariants({ variant, size }), className);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: classes, type, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: classes, type, ...props, children });
 }
 
-// src/components/inputs/checkbox.tsx
+// src/components/forms/inputs/checkbox.tsx
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_react = require("react");
 
 // src/components/icons/interface/check.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Check({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -119,7 +133,7 @@ function Check({ className, ...props }) {
       viewBox: "0 0 20 20",
       className,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           stroke: "currentColor",
@@ -134,16 +148,16 @@ function Check({ className, ...props }) {
 }
 
 // src/components/icons/interface/minus.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Minus({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "path",
         {
           stroke: "currentColor",
@@ -157,9 +171,9 @@ function Minus({ ...props }) {
   );
 }
 
-// src/components/inputs/checkbox.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var baseStyles2 = "size-6 shrink-0 appearance-none border-2 border-neutral-600 bg-transparent transition-all duration-200 outline-none disabled:border-neutral-400 disabled:bg-transparent focus-visible:ring-2 focus-visible:bg-neutral-400 focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed group-data-[readonly=true]/checkbox:cursor-default";
+// src/components/forms/inputs/checkbox.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var baseStyles2 = "peer size-6 shrink-0 appearance-none border-2 border-neutral-600 bg-transparent transition-all duration-200 outline-none disabled:border-neutral-400 disabled:bg-transparent focus-visible:ring-2 focus-visible:bg-neutral-400 focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed group-data-[readonly=true]/checkbox:cursor-default";
 var variants2 = {
   default: "hover:border-info-500 hover:bg-info-50 focus-visible:border-info-500 focus-visible:ring-info-500/20 focus-visible:checked:border-info-500 focus-visible:checked:bg-info-500 checked:border-info-500 checked:bg-info-500 checked:hover:border-info-600 checked:hover:bg-info-600 indeterminate:border-info-500 indeterminate:bg-info-500 indeterminate:hover:border-info-600 indeterminate:hover:bg-info-600 disabled:hover:border-neutral-400 disabled:hover:bg-transparent",
   success: "hover:border-success-500 hover:bg-success-50 focus-visible:border-success-500 focus-visible:ring-success-500/20 focus-visible:checked:border-success-500 focus-visible:checked:bg-success-500 checked:border-success-500 checked:bg-success-500 checked:hover:border-success-600 checked:hover:bg-success-600 indeterminate:border-success-500 indeterminate:bg-success-500 indeterminate:hover:border-success-600 indeterminate:hover:bg-success-600 disabled:hover:border-neutral-400 disabled:hover:bg-transparent"
@@ -219,7 +233,7 @@ function Checkbox({
     }
     onChange?.(event);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
       "data-slot": "checkbox",
@@ -230,8 +244,8 @@ function Checkbox({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "group/control relative flex size-6 shrink-0 items-center justify-center text-white", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "group/control relative flex size-6 shrink-0 items-center justify-center text-white", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "input",
             {
               ref: inputRef,
@@ -247,14 +261,14 @@ function Checkbox({
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             Check,
             {
               "aria-hidden": "true",
               className: "pointer-events-none absolute z-10 size-5 opacity-0 transition-opacity group-has-checked/control:opacity-100 group-has-indeterminate/control:opacity-0"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             Minus,
             {
               "aria-hidden": "true",
@@ -262,7 +276,7 @@ function Checkbox({
             }
           )
         ] }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        children ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "label",
           {
             "data-slot": "checkbox-label",
@@ -279,10 +293,188 @@ function Checkbox({
   );
 }
 
-// src/components/inputs/input/input.tsx
+// src/components/forms/inputs/helper-text.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+
+// src/components/icons/menu/closeX.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function CloseX({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "m18 18-6-6m0 0L6 6m6 6 6-6m-6 6-6 6"
+        }
+      )
+    }
+  );
+}
+
+// src/components/forms/inputs/helper-text.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var helperTextVariants = {
+  success: {
+    text: "text-success",
+    wrapped: "bg-success-50 rounded-lg",
+    iconWrapper: "bg-success",
+    icon: "text-success-foreground"
+  },
+  default: {
+    text: "text-neutral-700",
+    wrapped: "bg-neutral-400 rounded-lg",
+    iconWrapper: "bg-transparent",
+    icon: "text-neutral-700"
+  },
+  info: {
+    text: "text-info",
+    wrapped: "bg-info-50 rounded-lg",
+    iconWrapper: "bg-info",
+    icon: "text-info-foreground"
+  },
+  warning: {
+    text: "text-warning",
+    wrapped: "bg-warning-50 rounded-lg",
+    iconWrapper: "bg-warning",
+    icon: "text-warning-foreground"
+  },
+  destructive: {
+    text: "text-destructive",
+    wrapped: "bg-destructive-50 rounded-lg",
+    iconWrapper: "bg-destructive",
+    icon: "text-destructive-foreground"
+  }
+};
+var helperSizeVariants = {
+  sm: "text-sm font-normal",
+  md: "text-base font-semibold",
+  lg: "text-base font-semibold"
+};
+var helperTextIcons = {
+  success: Check,
+  default: import_lucide_react.CircleDashed,
+  info: import_lucide_react.Info,
+  warning: import_lucide_react.AlertCircle,
+  destructive: import_lucide_react.X
+};
+var textStyles = (0, import_class_variance_authority3.cva)("text-left text-pretty", {
+  variants: {
+    size: helperSizeVariants,
+    withIcon: {
+      true: "",
+      false: "px-2 py-1"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    withIcon: false
+  }
+});
+var rootStyles = (0, import_class_variance_authority3.cva)("", {
+  variants: {
+    withIcon: {
+      true: "flex items-center justify-start gap-2 rounded-lg px-2 py-1",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    withIcon: false
+  }
+});
+var iconWrapperStyles = (0, import_class_variance_authority3.cva)(
+  "inline-flex shrink-0 items-center justify-center rounded-full",
+  {
+    variants: {
+      size: {
+        sm: "size-4",
+        md: "size-5",
+        lg: "size-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var iconStyles = (0, import_class_variance_authority3.cva)("", {
+  variants: {
+    size: {
+      sm: "size-3",
+      md: "size-4",
+      lg: "size-5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function HelperText({
+  children,
+  variant,
+  className,
+  classNames,
+  withIcon,
+  size,
+  wrapped,
+  ...props
+}) {
+  const currentVariant = variant ?? "default";
+  const currentVariantStyles = helperTextVariants[currentVariant];
+  const Icon = helperTextIcons[currentVariant];
+  const finalRootClassName = cn(
+    rootStyles({ withIcon }),
+    wrapped ? currentVariantStyles.wrapped : "",
+    classNames?.root
+  );
+  const finalTextClassName = cn(
+    textStyles({ size, withIcon }),
+    currentVariantStyles.text,
+    className,
+    classNames?.text
+  );
+  if (withIcon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: finalRootClassName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            iconWrapperStyles({ size }),
+            currentVariantStyles.iconWrapper,
+            classNames?.iconWrapper
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            Icon,
+            {
+              className: cn(
+                iconStyles({ size }),
+                currentVariantStyles.icon,
+                classNames?.icon
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { ...props, className: finalTextClassName, children })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { ...props, className: cn(finalRootClassName, finalTextClassName), children });
+}
+
+// src/components/forms/inputs/input/input.tsx
+var import_class_variance_authority4 = require("class-variance-authority");
 
-// src/components/inputs/input/money-input.tsx
+// src/components/forms/inputs/input/money-input.tsx
 var import_react3 = require("react");
 
 // src/hooks/use-formatted-numeric-input.ts
@@ -452,8 +644,8 @@ var formatMoneyValue = (rawValue, moneySymbol) => {
   return `${prefix} ${integerWithGrouping}${decimalSection}`;
 };
 
-// src/components/inputs/input/money-input.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+// src/components/forms/inputs/input/money-input.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function MoneyInput({
   size: _size,
   classNames,
@@ -518,10 +710,10 @@ function MoneyInput({
     onPaste?.(event);
   };
   if (reset) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("w-fit", classNames?.root), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ...props, className: cn(classNames?.input, className) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("w-full", classNames?.root), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ...props, className: cn(classNames?.input, className) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("w-fit", classNames?.root), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn("w-full", classNames?.root), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "input",
       {
         ...restProps,
@@ -539,7 +731,7 @@ function MoneyInput({
         className: cn(classNames?.input, className)
       }
     ),
-    name ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "hidden", name, value: rawValue, disabled }) : null
+    name ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "hidden", name, value: rawValue, disabled }) : null
   ] });
 }
 
@@ -605,8 +797,8 @@ var normalizeNumberRawValue = (value) => {
   return displayNumberToRawValue(asString);
 };
 
-// src/components/inputs/input/number-input.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+// src/components/forms/inputs/input/number-input.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function NumberInput({
   size: _size,
   classNames,
@@ -678,7 +870,7 @@ function NumberInput({
     onPaste?.(event);
   };
   if (reset) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("w-fit", classNames?.root), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("w-full", classNames?.root), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "input",
       {
         ...props,
@@ -687,8 +879,8 @@ function NumberInput({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("w-fit", classNames?.root), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn("w-full", classNames?.root), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "input",
       {
         ...restProps,
@@ -706,14 +898,14 @@ function NumberInput({
         className: cn(classNames?.input, className)
       }
     ),
-    name ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "hidden", name, value: rawValue, disabled }) : null
+    name ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { type: "hidden", name, value: rawValue, disabled }) : null
   ] });
 }
 
-// src/components/inputs/input/password-input.tsx
-var import_lucide_react = require("lucide-react");
+// src/components/forms/inputs/input/password-input.tsx
+var import_lucide_react2 = require("lucide-react");
 var import_react4 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var buttonSizeClasses = {
   sm: "size-8 rounded-sm",
   md: "size-10 rounded-sm",
@@ -730,11 +922,11 @@ function PasswordInput({
   ...props
 }) {
   const [viewPassword, setViewPassword] = (0, import_react4.useState)(false);
-  const EyeIcon = viewPassword ? import_lucide_react.Eye : import_lucide_react.EyeOff;
+  const EyeIcon = viewPassword ? import_lucide_react2.Eye : import_lucide_react2.EyeOff;
   const { className, ...restProps } = props;
   const currentSize = size ?? "md";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("relative w-fit", classNames?.root), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("relative w-full", classNames?.root), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "input",
       {
         ...restProps,
@@ -746,7 +938,7 @@ function PasswordInput({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Button,
       {
         variant: "ghost",
@@ -759,7 +951,7 @@ function PasswordInput({
         "aria-label": viewPassword ? "Hide password" : "Show password",
         title: viewPassword ? "Ocultar contrase\xF1a" : "Mostrar contrase\xF1a",
         onClick: () => setViewPassword((prev) => !prev),
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           EyeIcon,
           {
             "aria-hidden": "true",
@@ -780,10 +972,10 @@ var inputTypes = [
   "money"
 ];
 
-// src/components/inputs/input/input.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+// src/components/forms/inputs/input/input.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var baseStyles3 = [
-  "bg-transparent transition-colors duration-200 ease-in-out disabled:bg-neutral-200 disabled:text-neutral-600 disabled:border-neutral-400 disabled:cursor-not-allowed"
+  "peer w-full bg-transparent transition-colors duration-200 ease-in-out disabled:bg-neutral-200 disabled:text-neutral-600 disabled:border-neutral-400 disabled:cursor-not-allowed"
 ];
 var variants3 = {
   default: [
@@ -810,7 +1002,7 @@ var sizes3 = {
   md: ["h-12 rounded-md px-3 pt-3 pb-3.5 text-base"],
   lg: ["h-13 rounded-lg px-3 py-[15px] text-base"]
 };
-var switchVariants = (0, import_class_variance_authority3.cva)(baseStyles3, {
+var switchVariants = (0, import_class_variance_authority4.cva)(baseStyles3, {
   variants: {
     variant: variants3,
     size: sizes3
@@ -839,17 +1031,17 @@ function Input({
     );
   }
   if (type !== "password" && type !== "number" && type !== "money") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("w-fit", classNames?.root), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "input",
       {
         ...props,
         type,
         className: cn(inputClasses, classNames?.input)
       }
-    ) });
+    );
   }
   if (type === "password") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       PasswordInput,
       {
         size,
@@ -859,10 +1051,10 @@ function Input({
     );
   }
   if (type === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NumberInput, { size, classNames: specializedClassNames, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NumberInput, { size, classNames: specializedClassNames, ...props });
   }
   if (type === "money") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       MoneyInput,
       {
         size,
@@ -874,17 +1066,528 @@ function Input({
   }
 }
 
-// src/components/inputs/radio.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
+// src/components/forms/inputs/label.tsx
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_lucide_react3 = require("lucide-react");
 
-// src/hooks/use-radio.ts
+// src/components/forms/tooltip.tsx
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_react10 = require("react");
+
+// src/hooks/use-tooltip.ts
+var import_react5 = require("react");
+function clearTimer(timerRef) {
+  if (timerRef.current) {
+    clearTimeout(timerRef.current);
+    timerRef.current = null;
+  }
+}
+function useTooltip({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  delayDuration,
+  closeDelay
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react5.useState)(defaultOpen);
+  const openTimerRef = (0, import_react5.useRef)(null);
+  const closeTimerRef = (0, import_react5.useRef)(null);
+  const contentId = (0, import_react5.useId)();
+  const isControlled = open !== void 0;
+  const isOpen = isControlled ? open : internalOpen;
+  const latestOpenRef = (0, import_react5.useRef)(isOpen);
+  (0, import_react5.useEffect)(() => {
+    latestOpenRef.current = isOpen;
+  }, [isOpen]);
+  const clearTimers = (0, import_react5.useCallback)(() => {
+    clearTimer(openTimerRef);
+    clearTimer(closeTimerRef);
+  }, []);
+  const setOpen = (0, import_react5.useCallback)(
+    (nextOpen) => {
+      if (latestOpenRef.current === nextOpen) {
+        return;
+      }
+      if (!isControlled) {
+        latestOpenRef.current = nextOpen;
+        setInternalOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openNow = (0, import_react5.useCallback)(() => {
+    clearTimers();
+    setOpen(true);
+  }, [clearTimers, setOpen]);
+  const closeNow = (0, import_react5.useCallback)(() => {
+    clearTimers();
+    setOpen(false);
+  }, [clearTimers, setOpen]);
+  const openWithDelay = (0, import_react5.useCallback)(() => {
+    clearTimer(closeTimerRef);
+    clearTimer(openTimerRef);
+    if (delayDuration <= 0) {
+      setOpen(true);
+      return;
+    }
+    openTimerRef.current = setTimeout(() => {
+      setOpen(true);
+      openTimerRef.current = null;
+    }, delayDuration);
+  }, [delayDuration, setOpen]);
+  const closeWithDelay = (0, import_react5.useCallback)(() => {
+    clearTimer(openTimerRef);
+    clearTimer(closeTimerRef);
+    if (closeDelay <= 0) {
+      setOpen(false);
+      return;
+    }
+    closeTimerRef.current = setTimeout(() => {
+      setOpen(false);
+      closeTimerRef.current = null;
+    }, closeDelay);
+  }, [closeDelay, setOpen]);
+  (0, import_react5.useEffect)(() => {
+    return () => {
+      clearTimers();
+    };
+  }, [clearTimers]);
+  const contextValue = (0, import_react5.useMemo)(
+    () => ({
+      open: isOpen,
+      contentId,
+      openWithDelay,
+      openNow,
+      closeWithDelay,
+      closeNow
+    }),
+    [isOpen, contentId, openWithDelay, openNow, closeWithDelay, closeNow]
+  );
+  return contextValue;
+}
+
+// src/hooks/use-tooltip-content.ts
+var import_react7 = require("react");
+
+// src/hooks/context/tooltip.ts
 var import_react6 = require("react");
+var TooltipProviderContext = (0, import_react6.createContext)(null);
+var TooltipContext = (0, import_react6.createContext)(null);
+function useTooltipProviderContext() {
+  return (0, import_react6.useContext)(TooltipProviderContext);
+}
+function useTooltipContext() {
+  const context = (0, import_react6.useContext)(TooltipContext);
+  if (!context) {
+    throw new Error(
+      "Tooltip components must be used inside <Tooltip> root component."
+    );
+  }
+  return context;
+}
+
+// src/utils/tooltip.ts
+function composeEventHandlers(...handlers) {
+  return (event) => {
+    for (const handler of handlers) {
+      handler?.(event);
+      if (event.defaultPrevented) {
+        return;
+      }
+    }
+  };
+}
+function getTooltipPositionStyles({
+  side,
+  offset
+}) {
+  const styles = {};
+  if (side === "top") {
+    styles.bottom = `calc(100% + ${offset}px)`;
+  }
+  if (side === "right") {
+    styles.left = `calc(100% + ${offset}px)`;
+  }
+  if (side === "bottom") {
+    styles.top = `calc(100% + ${offset}px)`;
+  }
+  if (side === "left") {
+    styles.right = `calc(100% + ${offset}px)`;
+  }
+  const isVerticalSide = side === "top" || side === "bottom";
+  if (isVerticalSide) {
+    styles.left = "50%";
+    styles.transform = "translateX(-50%)";
+  } else {
+    styles.top = "50%";
+    styles.transform = "translateY(-50%)";
+  }
+  return styles;
+}
+
+// src/hooks/use-tooltip-content.ts
+var DEFAULT_TOOLTIP_OFFSET = 8;
+function useTooltipContent({
+  side = "top",
+  offset = DEFAULT_TOOLTIP_OFFSET,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur
+}) {
+  const tooltipContext = useTooltipContext();
+  const positionStyles = (0, import_react7.useMemo)(
+    () => getTooltipPositionStyles({ side, offset }),
+    [side, offset]
+  );
+  const interactionHandlers = (0, import_react7.useMemo)(
+    () => ({
+      onMouseEnter: composeEventHandlers(
+        onMouseEnter,
+        () => tooltipContext.openNow()
+      ),
+      onMouseLeave: composeEventHandlers(
+        onMouseLeave,
+        () => tooltipContext.closeWithDelay()
+      ),
+      onFocus: composeEventHandlers(onFocus, () => tooltipContext.openNow()),
+      onBlur: composeEventHandlers(
+        onBlur,
+        () => tooltipContext.closeWithDelay()
+      )
+    }),
+    [
+      tooltipContext.openNow,
+      tooltipContext.closeWithDelay,
+      onMouseEnter,
+      onMouseLeave,
+      onFocus,
+      onBlur
+    ]
+  );
+  return {
+    contentId: tooltipContext.contentId,
+    isOpen: tooltipContext.open,
+    dataState: tooltipContext.open ? "open" : "closed",
+    side,
+    positionStyles,
+    interactionHandlers
+  };
+}
+
+// src/hooks/use-tooltip-timings.ts
+var import_react8 = require("react");
+var DEFAULT_DELAY_DURATION = 300;
+var DEFAULT_CLOSE_DELAY = 80;
+function useTooltipTimingProviderValue({
+  delayDuration = DEFAULT_DELAY_DURATION,
+  closeDelay = DEFAULT_CLOSE_DELAY
+}) {
+  return (0, import_react8.useMemo)(
+    () => ({
+      delayDuration,
+      closeDelay
+    }),
+    [delayDuration, closeDelay]
+  );
+}
+function useResolvedTooltipTimings({
+  delayDuration,
+  closeDelay
+}) {
+  const providerContext = useTooltipProviderContext();
+  return (0, import_react8.useMemo)(
+    () => ({
+      delayDuration: delayDuration ?? providerContext?.delayDuration ?? DEFAULT_DELAY_DURATION,
+      closeDelay: closeDelay ?? providerContext?.closeDelay ?? DEFAULT_CLOSE_DELAY
+    }),
+    [
+      delayDuration,
+      closeDelay,
+      providerContext?.delayDuration,
+      providerContext?.closeDelay
+    ]
+  );
+}
+
+// src/hooks/use-tooltip-trigger.ts
+var import_react9 = require("react");
+function useTooltipTrigger({
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur
+}) {
+  const tooltipContext = useTooltipContext();
+  return (0, import_react9.useMemo)(
+    () => ({
+      ariaDescribedBy: tooltipContext.open ? tooltipContext.contentId : void 0,
+      dataState: tooltipContext.open ? "open" : "closed",
+      onMouseEnter: composeEventHandlers(
+        onMouseEnter,
+        () => tooltipContext.openWithDelay()
+      ),
+      onMouseLeave: composeEventHandlers(
+        onMouseLeave,
+        () => tooltipContext.closeWithDelay()
+      ),
+      onFocus: composeEventHandlers(
+        onFocus,
+        () => tooltipContext.openNow()
+      ),
+      onBlur: composeEventHandlers(
+        onBlur,
+        () => tooltipContext.closeWithDelay()
+      )
+    }),
+    [
+      tooltipContext.open,
+      tooltipContext.contentId,
+      tooltipContext.openWithDelay,
+      tooltipContext.closeWithDelay,
+      tooltipContext.openNow,
+      onMouseEnter,
+      onMouseLeave,
+      onFocus,
+      onBlur
+    ]
+  );
+}
+
+// src/providers/tooltip-provider.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function TooltipTimingProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipProviderContext.Provider, { value, children });
+}
+function TooltipRootProvider({ value, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContext.Provider, { value, children });
+}
+
+// src/components/forms/tooltip.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var baseStyles4 = "absolute z-50 w-max max-w-sm whitespace-normal break-words rounded-[8px] bg-info px-3 py-2 text-left text-sm leading-5 text-info-foreground shadow-lg outline-none transition-all data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 text-pretty";
+var variants4 = {
+  side: {
+    top: "origin-bottom before:absolute before:top-full before:left-1/2 before:size-0 before:-translate-x-1/2 before:content-[''] before:border-x-8 before:border-t-8 before:border-x-transparent before:border-t-info",
+    right: "origin-left before:absolute before:right-full before:top-1/2 before:size-0 before:-translate-y-1/2 before:content-[''] before:border-y-8 before:border-r-8 before:border-y-transparent before:border-r-info",
+    bottom: "origin-top before:absolute before:bottom-full before:left-1/2 before:size-0 before:-translate-x-1/2 before:content-[''] before:border-x-8 before:border-b-8 before:border-x-transparent before:border-b-info",
+    left: "origin-right before:absolute before:left-full before:top-1/2 before:size-0 before:-translate-y-1/2 before:content-[''] before:border-y-8 before:border-l-8 before:border-y-transparent before:border-l-info"
+  }
+};
+var contentVariants = (0, import_class_variance_authority5.cva)(baseStyles4, {
+  variants: {
+    side: variants4.side
+  },
+  defaultVariants: {
+    side: "top"
+  }
+});
+function TooltipProvider({
+  delayDuration,
+  closeDelay,
+  children
+}) {
+  const value = useTooltipTimingProviderValue({ delayDuration, closeDelay });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTimingProvider, { value, children });
+}
+function Tooltip({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  delayDuration,
+  closeDelay,
+  children
+}) {
+  const resolvedTimings = useResolvedTooltipTimings({
+    delayDuration,
+    closeDelay
+  });
+  const contextValue = useTooltip({
+    open,
+    defaultOpen,
+    onOpenChange,
+    delayDuration: resolvedTimings.delayDuration,
+    closeDelay: resolvedTimings.closeDelay
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipRootProvider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "data-slot": "tooltip", className: "relative inline-flex w-fit", children }) });
+}
+function TooltipTrigger({
+  asChild,
+  children,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  ...props
+}) {
+  const trigger = useTooltipTrigger({
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onBlur
+  });
+  if (asChild) {
+    if (!(0, import_react10.isValidElement)(children)) {
+      throw new Error(
+        "TooltipTrigger with `asChild` expects a valid React element as child."
+      );
+    }
+    const child = children;
+    const childProps = child.props;
+    return (0, import_react10.cloneElement)(child, {
+      ...props,
+      ...childProps,
+      "aria-describedby": trigger.ariaDescribedBy,
+      onMouseEnter: composeEventHandlers(
+        childProps.onMouseEnter,
+        trigger.onMouseEnter
+      ),
+      onMouseLeave: composeEventHandlers(
+        childProps.onMouseLeave,
+        trigger.onMouseLeave
+      ),
+      onFocus: composeEventHandlers(childProps.onFocus, trigger.onFocus),
+      onBlur: composeEventHandlers(childProps.onBlur, trigger.onBlur)
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    Button,
+    {
+      "aria-describedby": trigger.ariaDescribedBy,
+      "data-state": trigger.dataState,
+      onMouseEnter: trigger.onMouseEnter,
+      onMouseLeave: trigger.onMouseLeave,
+      onFocus: trigger.onFocus,
+      onBlur: trigger.onBlur,
+      ...props,
+      children
+    }
+  );
+}
+function TooltipContent({
+  side = "top",
+  offset,
+  className,
+  style,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
+  children,
+  ...props
+}) {
+  const content = useTooltipContent({
+    side,
+    offset,
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onBlur
+  });
+  if (!content.isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    {
+      id: content.contentId,
+      role: "tooltip",
+      "data-slot": "tooltip-content",
+      "data-state": content.dataState,
+      "data-side": content.side,
+      className: cn(contentVariants({ side: content.side }), className),
+      style: {
+        ...content.positionStyles,
+        ...style
+      },
+      onMouseEnter: content.interactionHandlers.onMouseEnter,
+      onMouseLeave: content.interactionHandlers.onMouseLeave,
+      onFocus: content.interactionHandlers.onFocus,
+      onBlur: content.interactionHandlers.onBlur,
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/forms/inputs/label.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var baseStyles5 = "block text-neutral-800 font-paragraph peer-invalid:text-destructive peer-[aria-invalid=true]:text-destructive peer-[data-error]:text-destructive peer";
+var sizes4 = {
+  sm: "text-sm",
+  md: "text-base font-semibold",
+  lg: "text-lg font-semibold"
+};
+var labelVariants = (0, import_class_variance_authority6.cva)(baseStyles5, {
+  variants: {
+    size: sizes4
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Label({
+  children,
+  htmlFor,
+  required,
+  size,
+  className,
+  withTooltip,
+  tooltipContent,
+  ...props
+}) {
+  const variantClasses = cn(labelVariants({ size }), className);
+  if (withTooltip && !tooltipContent) {
+    throw new Error(
+      'Label component: "withTooltip" is true but "tooltipContent" is not provided.'
+    );
+  } else if (withTooltip && tooltipContent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: variantClasses, htmlFor, ...props, children: [
+        children,
+        " ",
+        required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-destructive", children: " *" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            className: "size-7 cursor-pointer rounded-full text-info hover:text-info-600",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.CircleQuestionMark, { className: "size-5", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Tooltip" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: tooltipContent })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: variantClasses, htmlFor, ...props, children: [
+    children,
+    " ",
+    required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-destructive", children: " *" })
+  ] });
+}
+
+// src/components/forms/inputs/radio.tsx
+var import_class_variance_authority7 = require("class-variance-authority");
+
+// src/hooks/use-radio.ts
+var import_react12 = require("react");
 
 // src/hooks/context/radio-group.ts
-var import_react5 = require("react");
-var RadioGroupContext = (0, import_react5.createContext)(null);
+var import_react11 = require("react");
+var RadioGroupContext = (0, import_react11.createContext)(null);
 function useRadioGroupContext() {
-  const context = (0, import_react5.useContext)(RadioGroupContext);
+  const context = (0, import_react11.useContext)(RadioGroupContext);
   if (!context) {
     throw new Error("RadioItem must be used within a RadioGroup");
   }
@@ -902,7 +1605,7 @@ function useRadio({
   id
 }) {
   const context = useRadioGroupContext();
-  const generatedId = (0, import_react6.useId)();
+  const generatedId = (0, import_react12.useId)();
   const finalId = id || generatedId;
   const resolvedVariant = variant || context.variant;
   const isReadOnly = Boolean(readOnly || context.readOnly);
@@ -937,7 +1640,7 @@ function useRadio({
 }
 
 // src/hooks/use-radio-group.ts
-var import_react7 = require("react");
+var import_react13 = require("react");
 function useRadioGroup({
   value,
   defaultValue,
@@ -947,12 +1650,12 @@ function useRadioGroup({
   disabled = false,
   readOnly = false
 }) {
-  const generatedName = (0, import_react7.useId)();
+  const generatedName = (0, import_react13.useId)();
   const groupName = name || generatedName;
-  const [internalValue, setInternalValue] = (0, import_react7.useState)(defaultValue);
+  const [internalValue, setInternalValue] = (0, import_react13.useState)(defaultValue);
   const isControlled = value !== void 0;
   const selectedValue = isControlled ? value : internalValue;
-  const handleValueChange = (0, import_react7.useCallback)(
+  const handleValueChange = (0, import_react13.useCallback)(
     (nextValue) => {
       if (disabled || readOnly) {
         return;
@@ -964,7 +1667,7 @@ function useRadioGroup({
     },
     [disabled, readOnly, isControlled, onValueChange]
   );
-  const contextValue = (0, import_react7.useMemo)(
+  const contextValue = (0, import_react13.useMemo)(
     () => ({
       name: groupName,
       value: selectedValue,
@@ -981,19 +1684,19 @@ function useRadioGroup({
 }
 
 // src/providers/radio-group-provider.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function RadioGroupProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadioGroupContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadioGroupContext.Provider, { value, children });
 }
 
-// src/components/inputs/radio.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var baseStyles4 = "size-6 shrink-0 appearance-none rounded-full border-2 border-neutral-600 bg-transparent transition-all duration-200 outline-none disabled:border-neutral-400 disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed group-data-[readonly=true]/radio:cursor-default";
-var variants4 = {
+// src/components/forms/inputs/radio.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var baseStyles6 = "peer size-6 shrink-0 appearance-none rounded-full border-2 border-neutral-600 bg-transparent transition-all duration-200 outline-none disabled:border-neutral-400 disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed group-data-[readonly=true]/radio:cursor-default";
+var variants5 = {
   default: "hover:border-info-500 hover:bg-info-50 focus-visible:border-info-500 focus-visible:ring-info-500/20 checked:border-info-500 checked:hover:border-info-600 disabled:hover:border-neutral-400 disabled:hover:bg-transparent",
   success: "hover:border-success-500 hover:bg-success-50 focus-visible:border-success-500 focus-visible:ring-success-500/20 checked:border-success-500 checked:hover:border-success-600 disabled:hover:border-neutral-400 disabled:hover:bg-transparent"
 };
-var indicatorVariants = (0, import_class_variance_authority4.cva)(
+var indicatorVariants = (0, import_class_variance_authority7.cva)(
   "pointer-events-none absolute z-10 size-3 rounded-full opacity-0 transition-opacity group-has-checked/control:opacity-100",
   {
     variants: {
@@ -1007,9 +1710,9 @@ var indicatorVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var radioVariants = (0, import_class_variance_authority4.cva)(baseStyles4, {
+var radioVariants = (0, import_class_variance_authority7.cva)(baseStyles6, {
   variants: {
-    variant: variants4
+    variant: variants5
   },
   defaultVariants: {
     variant: "default"
@@ -1036,7 +1739,7 @@ function RadioGroup({
     disabled,
     readOnly
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioGroupProvider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadioGroupProvider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       role: "radiogroup",
@@ -1087,7 +1790,7 @@ function RadioItem({
     className,
     classNames?.input
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "label",
     {
       "data-slot": "radio",
@@ -1099,13 +1802,13 @@ function RadioItem({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "span",
           {
             role: "presentation",
             className: "group/control relative flex size-6 shrink-0 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "input",
                 {
                   id,
@@ -1121,7 +1824,7 @@ function RadioItem({
                   ...props
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -1135,7 +1838,7 @@ function RadioItem({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        children ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "span",
           {
             "data-slot": "radio-label",
@@ -1151,12 +1854,12 @@ function RadioItem({
   );
 }
 
-// src/components/inputs/switch.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_react8 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var baseStyles5 = [
-  "group relative inline-flex h-6 w-11 items-center rounded-sm p-0.5 transition-colors duration-300",
+// src/components/forms/inputs/switch.tsx
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_react14 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var baseStyles7 = [
+  "peer group relative inline-flex h-6 w-11 items-center rounded-sm p-0.5 transition-colors duration-300",
   "[&_>span]:block [&_>span]:size-5 [&_>span]:rounded-full [&_>span]:transition-all [&_>span]:duration-300 [&_>span]:group-has-checked:translate-x-full",
   "bg-neutral-300 group-hover:bg-neutral-400",
   "[&_>span]:bg-neutral-500 group-hover:[&_>span]:bg-neutral-600",
@@ -1166,7 +1869,7 @@ var baseStyles5 = [
   "group-has-disabled:group-hover:bg-neutral-200 group-has-disabled:[&_>span]:bg-neutral-400 group-has-disabled:group-hover:[&_>span]:bg-neutral-400",
   "group-has-disabled:group-has-checked:[&_>span]:bg-neutral-200 group-has-disabled:group-has-checked:group-hover:[&_>span]:bg-neutral-200"
 ];
-var variants5 = {
+var variants6 = {
   default: [
     "group-has-checked:bg-info-500 group-has-checked:group-hover:bg-info-700",
     "group-has-disabled:group-has-checked:bg-info-50 group-has-disabled:group-has-checked:group-hover:bg-info-50"
@@ -1176,9 +1879,9 @@ var variants5 = {
     "group-has-disabled:group-has-checked:bg-alt2-50 group-has-disabled:group-has-checked:group-hover:bg-alt2-50"
   ]
 };
-var switchVariants2 = (0, import_class_variance_authority5.cva)(baseStyles5, {
+var switchVariants2 = (0, import_class_variance_authority8.cva)(baseStyles7, {
   variants: {
-    variant: variants5
+    variant: variants6
   },
   defaultVariants: {
     variant: "default"
@@ -1192,10 +1895,10 @@ function Switch({
   className,
   ...props
 }) {
-  const generatedId = (0, import_react8.useId)();
+  const generatedId = (0, import_react14.useId)();
   const id = propsId || generatedId;
   const classes = cn(switchVariants2({ variant }), classNames?.input);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "label",
     {
       htmlFor: id,
@@ -1206,9 +1909,9 @@ function Switch({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: classes, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { ...props, id, type: "checkbox", className: "sr-only" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", className: cn(classNames?.indicator) })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: classes, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { ...props, id, type: "checkbox", className: "sr-only" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", className: cn(classNames?.indicator) })
         ] }),
         children
       ]
@@ -1217,7 +1920,7 @@ function Switch({
 }
 
 // src/components/surfaces/card.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Card({ as = "div", className, interactive, ...props }) {
   const cardClassName = cn(
     "flex flex-col gap-5 rounded-lg bg-card p-4 text-card-foreground",
@@ -1225,15 +1928,15 @@ function Card({ as = "div", className, interactive, ...props }) {
     className
   );
   if (as === "article") {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("article", { "data-slot": "card", className: cardClassName, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("article", { "data-slot": "card", className: cardClassName, ...props });
   }
   if (as === "section") {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { "data-slot": "card", className: cardClassName, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "data-slot": "card", className: cardClassName, ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { "data-slot": "card", className: cardClassName, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "data-slot": "card", className: cardClassName, ...props });
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "header",
     {
       "data-slot": "card-header",
@@ -1246,7 +1949,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "h3",
     {
       "data-slot": "card-title",
@@ -1256,7 +1959,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "p",
     {
       "data-slot": "card-description",
@@ -1266,7 +1969,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "card-action",
@@ -1279,10 +1982,10 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { "data-slot": "card-content", className: cn(className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { "data-slot": "card-content", className: cn(className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "footer",
     {
       "data-slot": "card-footer",
@@ -1291,30 +1994,6 @@ function CardFooter({ className, ...props }) {
     }
   );
 }
-
-// src/components/icons/menu/closeX.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function CloseX({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      className,
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "m18 18-6-6m0 0L6 6m6 6 6-6m-6 6-6 6"
-        }
-      )
-    }
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
@@ -1328,7 +2007,11 @@ function CloseX({ className, ...props }) {
   Check,
   Checkbox,
   CloseX,
+  Form,
+  HelperMessage,
+  HelperText,
   Input,
+  Label,
   Minus,
   MoneyInput,
   NumberInput,
@@ -1337,6 +2020,10 @@ function CloseX({ className, ...props }) {
   RadioGroup,
   RadioItem,
   Switch,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
   cn,
   inputTypes,
   useFormattedNumericInput,