@etus/ui 0.4.0-beta.7 → 0.4.0-beta.9

package/dist/{chunk-XRMKL43Y.js → chunk-XOLV7G4S.js}

@@ -1,4 +1,4 @@
-import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-IBVCSZCH.js';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-KVJOKWP4.js';
 import { cn } from './chunk-HRNDJU7D.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -86,5 +86,5 @@ function ConfirmModal({
 }
 
 export { ConfirmModal };
-//# sourceMappingURL=chunk-XRMKL43Y.js.map
-//# sourceMappingURL=chunk-XRMKL43Y.js.map
+//# sourceMappingURL=chunk-XOLV7G4S.js.map
+//# sourceMappingURL=chunk-XOLV7G4S.js.map

package/dist/{chunk-XRMKL43Y.js.map → chunk-XOLV7G4S.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/feedback/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"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","file":"chunk-XRMKL43Y.js","sourcesContent":["\"use client\"\n\nimport type {\n  ConfirmModalProps,\n  ConfirmModalSize,\n  ConfirmModalVariant,\n} from \"./ConfirmModal.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../AlertDialog\"\n\nconst sizeClasses: Record<ConfirmModalSize, string> = {\n  sm: \"sm:max-w-sm\",\n  md: \"sm:max-w-md\",\n  lg: \"sm:max-w-lg\",\n}\n\nconst confirmButtonVariants: Record<ConfirmModalVariant, string> = {\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n  warning: \"bg-warning text-warning-fg hover:bg-warning/90\",\n}\n\nconst fallbackDescription = \"Confirme esta ação para continuar.\"\n\n/**\n * ConfirmModal - Simplified confirmation dialog\n *\n * A wrapper over AlertDialog that provides a declarative API for confirmation dialogs.\n * Abstracts the complexity of AlertDialog subcomponents into a simple props interface.\n *\n * @example\n * ```tsx\n * // Basic usage with trigger\n * <ConfirmModal\n *   trigger={<Button>Delete</Button>}\n *   title=\"Delete item\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteItem()}\n * />\n *\n * // Controlled usage\n * <ConfirmModal\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Confirm action\"\n *   onConfirm={handleConfirm}\n * />\n * ```\n */\nfunction ConfirmModal({\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  title = \"Confirmar\",\n  description,\n  icon,\n  children,\n  confirmLabel = \"Confirmar\",\n  cancelLabel = \"Cancelar\",\n  variant = \"default\",\n  onConfirm,\n  onCancel,\n  loading = false,\n  disabled = false,\n  trigger,\n  className,\n  size = \"md\",\n}: ConfirmModalProps) {\n  const isDisabled = loading || disabled\n  const accessibleDescription = description ?? fallbackDescription\n\n  const handleConfirm = (\n    event: React.MouseEvent<HTMLButtonElement>\n  ): void => {\n    event.preventDefault()\n    if (onConfirm) {\n      void onConfirm()\n    }\n  }\n\n  const handleCancel = (): void => {\n    onCancel?.()\n    onOpenChange?.(false)\n  }\n\n  return (\n    <AlertDialog\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {trigger && <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>}\n      <AlertDialogContent\n        className={cn(sizeClasses[size], className)}\n        data-slot=\"confirm-modal\"\n      >\n        <AlertDialogHeader>\n          {icon && (\n            <div className=\"mb-2\" data-slot=\"confirm-modal-icon\">\n              {icon}\n            </div>\n          )}\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription className={description ? undefined : \"sr-only\"}>\n            {accessibleDescription}\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        {children && (\n          <div data-slot=\"confirm-modal-content\">{children}</div>\n        )}\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={isDisabled} onClick={handleCancel}>\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(confirmButtonVariants[variant])}\n            disabled={isDisabled}\n            onClick={handleConfirm}\n          >\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmModal }\n"]}
+{"version":3,"sources":["../src/components/feedback/ConfirmModal/ConfirmModal.tsx"],"names":[],"mappings":"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","file":"chunk-XOLV7G4S.js","sourcesContent":["\"use client\"\n\nimport type {\n  ConfirmModalProps,\n  ConfirmModalSize,\n  ConfirmModalVariant,\n} from \"./ConfirmModal.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../AlertDialog\"\n\nconst sizeClasses: Record<ConfirmModalSize, string> = {\n  sm: \"sm:max-w-sm\",\n  md: \"sm:max-w-md\",\n  lg: \"sm:max-w-lg\",\n}\n\nconst confirmButtonVariants: Record<ConfirmModalVariant, string> = {\n  default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n  warning: \"bg-warning text-warning-fg hover:bg-warning/90\",\n}\n\nconst fallbackDescription = \"Confirme esta ação para continuar.\"\n\n/**\n * ConfirmModal - Simplified confirmation dialog\n *\n * A wrapper over AlertDialog that provides a declarative API for confirmation dialogs.\n * Abstracts the complexity of AlertDialog subcomponents into a simple props interface.\n *\n * @example\n * ```tsx\n * // Basic usage with trigger\n * <ConfirmModal\n *   trigger={<Button>Delete</Button>}\n *   title=\"Delete item\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   onConfirm={() => deleteItem()}\n * />\n *\n * // Controlled usage\n * <ConfirmModal\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Confirm action\"\n *   onConfirm={handleConfirm}\n * />\n * ```\n */\nfunction ConfirmModal({\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  title = \"Confirmar\",\n  description,\n  icon,\n  children,\n  confirmLabel = \"Confirmar\",\n  cancelLabel = \"Cancelar\",\n  variant = \"default\",\n  onConfirm,\n  onCancel,\n  loading = false,\n  disabled = false,\n  trigger,\n  className,\n  size = \"md\",\n}: ConfirmModalProps) {\n  const isDisabled = loading || disabled\n  const accessibleDescription = description ?? fallbackDescription\n\n  const handleConfirm = (\n    event: React.MouseEvent<HTMLButtonElement>\n  ): void => {\n    event.preventDefault()\n    if (onConfirm) {\n      void onConfirm()\n    }\n  }\n\n  const handleCancel = (): void => {\n    onCancel?.()\n    onOpenChange?.(false)\n  }\n\n  return (\n    <AlertDialog\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {trigger && <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>}\n      <AlertDialogContent\n        className={cn(sizeClasses[size], className)}\n        data-slot=\"confirm-modal\"\n      >\n        <AlertDialogHeader>\n          {icon && (\n            <div className=\"mb-2\" data-slot=\"confirm-modal-icon\">\n              {icon}\n            </div>\n          )}\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription className={description ? undefined : \"sr-only\"}>\n            {accessibleDescription}\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        {children && (\n          <div data-slot=\"confirm-modal-content\">{children}</div>\n        )}\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={isDisabled} onClick={handleCancel}>\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(confirmButtonVariants[variant])}\n            disabled={isDisabled}\n            onClick={handleConfirm}\n          >\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmModal }\n"]}

package/dist/chunk-XYYOV5GW.js

@@ -0,0 +1,186 @@
+import { radioGroupIndicatorVariants, radioGroupItemVariants } from './chunk-ONTUN5XH.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+
+function RadioButton({
+  className,
+  size = "md",
+  label,
+  description,
+  id,
+  ref,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) {
+  const generatedId = React.useId();
+  const inputId = id ?? generatedId;
+  const descriptionId = `${inputId}-description`;
+  const isChecked = props.checked ?? props.defaultChecked ?? false;
+  const hasText = Boolean(label) || Boolean(description);
+  const describedByParts = [
+    description ? descriptionId : void 0,
+    ariaDescribedBy
+  ].filter(Boolean);
+  const describedBy = describedByParts.length > 0 ? describedByParts.join(" ") : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group inline-flex gap-2",
+        description ? "items-start" : "items-center"
+      ),
+      "data-disabled": props.disabled ? "" : void 0,
+      "data-slot": "radio-button-wrapper",
+      "data-state": isChecked ? "checked" : "unchecked",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative inline-flex items-center justify-center",
+              description && "pt-[2px]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref,
+                  className: cn(
+                    "peer absolute inset-0 z-10 cursor-pointer opacity-0 disabled:cursor-not-allowed",
+                    className
+                  ),
+                  "aria-describedby": describedBy,
+                  id: inputId,
+                  type: "radio",
+                  ...props
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    radioGroupItemVariants({ size }),
+                    "peer-checked:border-primary peer-focus-visible:border-ring peer-focus-visible:ring-ring/50 peer-focus-visible:ring-[3px]",
+                    "peer-checked:[&_[data-slot=radio-button-indicator]]:flex"
+                  ),
+                  "data-slot": "radio-button-visual",
+                  children: /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        radioGroupIndicatorVariants({ size }),
+                        "hidden items-center justify-center bg-transparent"
+                      ),
+                      "data-slot": "radio-button-indicator",
+                      children: /* @__PURE__ */ jsx("div", { className: "size-full rounded-full bg-[color:var(--radio-indicator-color)]" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        hasText && /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+          label && /* @__PURE__ */ jsx(
+            "label",
+            {
+              className: cn(
+                "text-sm font-medium leading-none cursor-pointer select-none",
+                "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+                size === "lg" && "text-base",
+                size === "sm" && "text-xs"
+              ),
+              "data-slot": "radio-button-label",
+              htmlFor: inputId,
+              children: label
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-xs leading-4 text-[color:var(--muted-foreground)] peer-disabled:opacity-50",
+              "data-slot": "radio-button-description",
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var radioButtonVariants = cva(
+  [
+    "peer appearance-none shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none cursor-pointer",
+    "border-input bg-background dark:bg-input/30",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "checked:border-primary checked:bg-primary",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-3.5",
+        md: "size-4",
+        lg: "size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioButtonIndicatorVariants = cva(
+  [
+    "pointer-events-none absolute rounded-full bg-primary-foreground transition-transform",
+    "scale-0 peer-checked:scale-100"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-1.5",
+        md: "size-2",
+        lg: "size-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioButtonWrapperVariants = cva(
+  "relative inline-flex items-center justify-center",
+  {
+    variants: {
+      size: {
+        sm: "size-3.5",
+        md: "size-4",
+        lg: "size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioButtonLabelVariants = cva(
+  "cursor-pointer select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "text-sm ml-2",
+        md: "text-sm ml-2",
+        lg: "text-base ml-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+
+export { RadioButton, radioButtonIndicatorVariants, radioButtonLabelVariants, radioButtonVariants, radioButtonWrapperVariants };
+//# sourceMappingURL=chunk-XYYOV5GW.js.map
+//# sourceMappingURL=chunk-XYYOV5GW.js.map

package/dist/chunk-XYYOV5GW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/RadioButton/RadioButton.tsx","../src/components/forms/RadioButton/RadioButton.variants.ts"],"names":[],"mappings":"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","file":"chunk-XYYOV5GW.js","sourcesContent":["import type { RadioButtonProps } from \"./RadioButton.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  radioGroupIndicatorVariants,\n  radioGroupItemVariants,\n} from \"../RadioGroup/RadioGroup.variants\"\n\n/**\n * A standalone radio button component using native HTML input.\n * For simple use cases without RadioGroup.\n * Visuals are consistent with RadioGroup.\n *\n * @example\n * ```tsx\n * <RadioButton name=\"option\" value=\"1\" label=\"Option 1\" />\n * <RadioButton name=\"option\" value=\"2\" label=\"Option 2\" />\n * ```\n */\nfunction RadioButton({\n  className,\n  size = \"md\",\n  label,\n  description,\n  id,\n  ref,\n  \"aria-describedby\": ariaDescribedBy,\n  ...props\n}: RadioButtonProps) {\n  const generatedId = React.useId()\n  const inputId = id ?? generatedId\n  const descriptionId = `${inputId}-description`\n  const isChecked = props.checked ?? props.defaultChecked ?? false\n  const hasText = Boolean(label) || Boolean(description)\n  const describedByParts = [\n    description ? descriptionId : undefined,\n    ariaDescribedBy,\n  ].filter(Boolean)\n  const describedBy =\n    describedByParts.length > 0 ? describedByParts.join(\" \") : undefined\n\n  return (\n    <div\n      className={cn(\n        \"group inline-flex gap-2\",\n        description ? \"items-start\" : \"items-center\"\n      )}\n      data-disabled={props.disabled ? \"\" : undefined}\n      data-slot=\"radio-button-wrapper\"\n      data-state={isChecked ? \"checked\" : \"unchecked\"}\n    >\n      <div\n        className={cn(\n          \"relative inline-flex items-center justify-center\",\n          description && \"pt-[2px]\"\n        )}\n      >\n        <input\n          ref={ref}\n          className={cn(\n            \"peer absolute inset-0 z-10 cursor-pointer opacity-0 disabled:cursor-not-allowed\",\n            className\n          )}\n          aria-describedby={describedBy}\n          id={inputId}\n          type=\"radio\"\n          {...props}\n        />\n        <div\n          className={cn(\n            radioGroupItemVariants({ size }),\n            \"peer-checked:border-primary peer-focus-visible:border-ring peer-focus-visible:ring-ring/50 peer-focus-visible:ring-[3px]\",\n            \"peer-checked:[&_[data-slot=radio-button-indicator]]:flex\"\n          )}\n          data-slot=\"radio-button-visual\"\n        >\n          <div\n            className={cn(\n              radioGroupIndicatorVariants({ size }),\n              \"hidden items-center justify-center bg-transparent\"\n            )}\n            data-slot=\"radio-button-indicator\"\n          >\n            <div className=\"size-full rounded-full bg-[color:var(--radio-indicator-color)]\" />\n          </div>\n        </div>\n      </div>\n      {hasText && (\n        <div className=\"grid gap-1.5\">\n          {label && (\n            <label\n              className={cn(\n                \"text-sm font-medium leading-none cursor-pointer select-none\",\n                \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n                size === \"lg\" && \"text-base\",\n                size === \"sm\" && \"text-xs\"\n              )}\n              data-slot=\"radio-button-label\"\n              htmlFor={inputId}\n            >\n              {label}\n            </label>\n          )}\n          {description && (\n            <p\n              className=\"text-xs leading-4 text-[color:var(--muted-foreground)] peer-disabled:opacity-50\"\n              data-slot=\"radio-button-description\"\n            >\n              {description}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { RadioButton }\n","import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const radioButtonVariants = cva(\n  [\n    \"peer appearance-none shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none cursor-pointer\",\n    \"border-input bg-background dark:bg-input/30\",\n    \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n    \"checked:border-primary checked:bg-primary\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5\",\n        md: \"size-4\",\n        lg: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioButtonIndicatorVariants = cva(\n  [\n    \"pointer-events-none absolute rounded-full bg-primary-foreground transition-transform\",\n    \"scale-0 peer-checked:scale-100\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-1.5\",\n        md: \"size-2\",\n        lg: \"size-2.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioButtonWrapperVariants = cva(\n  \"relative inline-flex items-center justify-center\",\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5\",\n        md: \"size-4\",\n        lg: \"size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioButtonLabelVariants = cva(\n  \"cursor-pointer select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n  {\n    variants: {\n      size: {\n        sm: \"text-sm ml-2\",\n        md: \"text-sm ml-2\",\n        lg: \"text-base ml-2.5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type RadioButtonVariantProps = VariantProps<typeof radioButtonVariants>\nexport type RadioButtonIndicatorVariantProps = VariantProps<typeof radioButtonIndicatorVariants>\nexport type RadioButtonWrapperVariantProps = VariantProps<typeof radioButtonWrapperVariants>\nexport type RadioButtonLabelVariantProps = VariantProps<typeof radioButtonLabelVariants>\n"]}

package/dist/{chunk-4MQNDQ4O.js → chunk-YACIRNVP.js}

@@ -13,8 +13,11 @@ function IftaLabel({
   const wrapperRef = React.useRef(null);
   React.useEffect(() => {
     if (wrapperRef.current) {
-      const input = wrapperRef.current.querySelector("input, select, textarea");
+      const input = wrapperRef.current.querySelector(
+        "input, select, textarea, [data-slot$='-trigger'], [data-slot='combobox']"
+      );
       if (input) {
+        input.setAttribute("data-ifta-field", "");
         const existingId = input.getAttribute("id");
         if (existingId) {
           setInputId(existingId);
@@ -35,8 +38,13 @@ function IftaLabel({
       ref: wrapperRef,
       className: cn(
         "relative group [&_input]:pt-[var(--ifta-label-wrapper-padding-top)] [&_input]:pb-[var(--ifta-label-wrapper-padding-bottom)] [&_input]:h-[var(--ifta-label-wrapper-height)]",
-        "has-[input:disabled]:opacity-[var(--ifta-label-wrapper-disabled-opacity)]",
+        // Reserve label space on non-native controls (e.g. Select/Combobox
+        // button triggers) that have no descendant <input>. Uses min-height so
+        // the control's own height variant is respected, just floored to fit.
+        "[&_[data-ifta-field]:not(input)]:pt-[var(--ifta-label-wrapper-padding-top)] [&_[data-ifta-field]:not(input)]:pb-[var(--ifta-label-wrapper-padding-bottom)] [&_[data-ifta-field]:not(input)]:min-h-[var(--ifta-label-wrapper-height)]",
+        "has-[input:disabled]:opacity-[var(--ifta-label-wrapper-disabled-opacity)] has-[[data-ifta-field]:disabled]:opacity-[var(--ifta-label-wrapper-disabled-opacity)]",
         "has-[input:disabled]:pointer-events-none has-[input:disabled]:cursor-not-allowed",
+        "has-[[data-ifta-field]:disabled]:pointer-events-none has-[[data-ifta-field]:disabled]:cursor-not-allowed",
         className
       ),
       "data-slot": "ifta-label",
@@ -58,5 +66,5 @@ function IftaLabel({
 }
 
 export { IftaLabel };
-//# sourceMappingURL=chunk-4MQNDQ4O.js.map
-//# sourceMappingURL=chunk-4MQNDQ4O.js.map
+//# sourceMappingURL=chunk-YACIRNVP.js.map
+//# sourceMappingURL=chunk-YACIRNVP.js.map

package/dist/chunk-YACIRNVP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/IftaLabel/IftaLabel.tsx"],"names":[],"mappings":";;;;AAmBA,SAAS,SAAA,CAAU;AAAA,EACjB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,KAAA,CAAA,QAAA,EAA6B;AACjE,EAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,EAAA,MAAM,UAAA,GAAmB,aAAuB,IAAI,CAAA;AASpD,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,MAAM,KAAA,GAAQ,WAAW,OAAA,CAAQ,aAAA;AAAA,QAC/B;AAAA,OACF;AACA,MAAA,IAAI,KAAA,EAAO;AAIT,QAAA,KAAA,CAAM,YAAA,CAAa,mBAAmB,EAAE,CAAA;AACxC,QAAA,MAAM,UAAA,GAAa,KAAA,CAAM,YAAA,CAAa,IAAI,CAAA;AAC1C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,UAAA,CAAW,UAAU,CAAA;AAAA,QACvB,CAAA,MAAO;AACL,UAAA,MAAM,QAAQ,CAAA,iBAAA,EAAoB,WAAA,CAAY,UAAA,CAAW,GAAA,EAAK,EAAE,CAAC,CAAA,CAAA;AACjE,UAAA,KAAA,CAAM,YAAA,CAAa,MAAM,KAAK,CAAA;AAC9B,UAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClB;AACA,QAAA,IAAI,MAAM,OAAA,KAAY,OAAA,IAAW,CAAC,KAAA,CAAM,YAAA,CAAa,aAAa,CAAA,EAAG;AACnE,UAAA,KAAA,CAAM,YAAA,CAAa,eAAe,GAAG,CAAA;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAG1B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,4KAAA;AAAA;AAAA;AAAA;AAAA,QAIA,sOAAA;AAAA,QACA,iKAAA;AAAA,QACA,kFAAA;AAAA,QACA,0GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,8bAAA;AAAA,YACV,WAAA,EAAU,iBAAA;AAAA,YACV,OAAA,EAAS,OAAA;AAAA,YAER,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-YACIRNVP.js","sourcesContent":["import type { IftaLabelProps } from \"./IftaLabel.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * IftaLabel - A wrapper component with an always-visible label inside the input\n *\n * IFTA = \"In Field Top Aligned\" - the label is always visible at the top\n * of the input container, unlike FloatLabel which animates on focus.\n *\n * @example\n * ```tsx\n * <IftaLabel label=\"Email\">\n *   <TextInput value={email} onChange={(e) => setEmail(e.target.value)} />\n * </IftaLabel>\n * ```\n */\nfunction IftaLabel({\n  children,\n  label,\n  className,\n  ...props\n}: IftaLabelProps) {\n  const [inputId, setInputId] = React.useState<string | undefined>()\n  const generatedId = React.useId()\n  const wrapperRef = React.useRef<HTMLDivElement>(null)\n\n  // Find the wrapped form control and get its id.\n  // Covers native inputs/select/textarea AND button-based field shells\n  // (Select / DatePicker via the `*-trigger` data-slot, Combobox via its\n  // `combobox` data-slot), which have no descendant <input> to target.\n  // The button precedes its inner `*-trigger` span in document order, so\n  // querySelector returns the focusable button, not the span.\n  /* eslint-disable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- DOM discovery for label-input association */\n  React.useEffect(() => {\n    if (wrapperRef.current) {\n      const input = wrapperRef.current.querySelector(\n        \"input, select, textarea, [data-slot$='-trigger'], [data-slot='combobox']\"\n      )\n      if (input) {\n        // Mark the discovered control so the label-space reservation below\n        // can target it regardless of element type (the [&_input] selector\n        // alone misses non-native controls like Select's trigger button).\n        input.setAttribute(\"data-ifta-field\", \"\")\n        const existingId = input.getAttribute(\"id\")\n        if (existingId) {\n          setInputId(existingId)\n        } else {\n          const newId = `ifta-label-input-${generatedId.replaceAll(':', \"\")}`\n          input.setAttribute(\"id\", newId)\n          setInputId(newId)\n        }\n        if (input.tagName === \"INPUT\" && !input.hasAttribute(\"placeholder\")) {\n          input.setAttribute(\"placeholder\", \" \")\n        }\n      }\n    }\n  }, [generatedId, children])\n  /* eslint-enable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={cn(\n        \"relative group [&_input]:pt-[var(--ifta-label-wrapper-padding-top)] [&_input]:pb-[var(--ifta-label-wrapper-padding-bottom)] [&_input]:h-[var(--ifta-label-wrapper-height)]\",\n        // Reserve label space on non-native controls (e.g. Select/Combobox\n        // button triggers) that have no descendant <input>. Uses min-height so\n        // the control's own height variant is respected, just floored to fit.\n        \"[&_[data-ifta-field]:not(input)]:pt-[var(--ifta-label-wrapper-padding-top)] [&_[data-ifta-field]:not(input)]:pb-[var(--ifta-label-wrapper-padding-bottom)] [&_[data-ifta-field]:not(input)]:min-h-[var(--ifta-label-wrapper-height)]\",\n        \"has-[input:disabled]:opacity-[var(--ifta-label-wrapper-disabled-opacity)] has-[[data-ifta-field]:disabled]:opacity-[var(--ifta-label-wrapper-disabled-opacity)]\",\n        \"has-[input:disabled]:pointer-events-none has-[input:disabled]:cursor-not-allowed\",\n        \"has-[[data-ifta-field]:disabled]:pointer-events-none has-[[data-ifta-field]:disabled]:cursor-not-allowed\",\n        className\n      )}\n      data-slot=\"ifta-label\"\n      {...props}\n    >\n      <label\n        className=\"pointer-events-none absolute left-3 top-1.5 text-xs font-normal text-[color:var(--ifta-label-label-color-muted)] group-focus-within:text-[color:var(--ifta-label-label-color-foreground)] group-has-[input:not(:placeholder-shown)]:text-[color:var(--ifta-label-label-color-foreground)] group-has-[[aria-invalid=true]]:text-[color:var(--ifta-label-label-color-destructive)] group-has-[input:disabled]:text-[color:var(--ifta-label-label-color-muted)]\"\n        data-slot=\"ifta-label-text\"\n        htmlFor={inputId}\n      >\n        {label}\n      </label>\n      {children}\n    </div>\n  )\n}\n\nexport { IftaLabel }\n"]}

package/dist/{chunk-5XQIH6WM.js → chunk-YM5YBDRM.js}

@@ -1,5 +1,5 @@
-import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-IBVCSZCH.js';
-import { buttonVariants } from './chunk-ONQCNOLU.js';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-KVJOKWP4.js';
+import { buttonVariants } from './chunk-HDOR3SN3.js';
 import { cn } from './chunk-HRNDJU7D.js';
 import { LoaderCircle } from 'lucide-react';
 import * as React from 'react';
@@ -200,5 +200,5 @@ function ConfirmButton({
 }
 
 export { ConfirmButton };
-//# sourceMappingURL=chunk-5XQIH6WM.js.map
-//# sourceMappingURL=chunk-5XQIH6WM.js.map
+//# sourceMappingURL=chunk-YM5YBDRM.js.map
+//# sourceMappingURL=chunk-YM5YBDRM.js.map

package/dist/{chunk-5XQIH6WM.js.map → chunk-YM5YBDRM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"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","file":"chunk-5XQIH6WM.js","sourcesContent":["\"use client\"\n\nimport type { ConfirmButtonProps } from \"./ConfirmButton.types\"\n\nimport { LoaderCircle } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../../feedback/AlertDialog\"\nimport { buttonVariants } from \"../Button\"\n\n/**\n * ConfirmButton - A button that requires confirmation before executing an action\n *\n * Combines a Button trigger with an AlertDialog for confirmation.\n * Supports typing validation for critical actions.\n *\n * @example\n * ```tsx\n * <ConfirmButton\n *   variant=\"destructive\"\n *   confirmTitle=\"Delete item?\"\n *   confirmDescription=\"This action cannot be undone.\"\n *   onConfirm={() => handleDelete()}\n * >\n *   Delete\n * </ConfirmButton>\n * ```\n */\nfunction ConfirmButton({\n  // Trigger button props\n  className,\n  variant,\n  size,\n  leftIcon,\n  rightIcon,\n  disabled,\n  children,\n\n  // Dialog configuration\n  confirmTitle = \"Confirm action\",\n  confirmDescription,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  confirmVariant = \"default\",\n\n  // Typing validation\n  requireTyping,\n  typingPlaceholder,\n  typingLabel,\n  caseSensitive = true,\n\n  // States\n  loading = false,\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n\n  // Callbacks\n  onConfirm,\n  onCancel,\n\n  ...props\n}: ConfirmButtonProps) {\n  // Internal open state (uncontrolled mode)\n  const [internalOpen, setInternalOpen] = React.useState(false)\n\n  // Typing input value\n  const [typingValue, setTypingValue] = React.useState(\"\")\n\n  // Internal loading state for async onConfirm\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  // Prevent double confirmation\n  const confirmingRef = React.useRef(false)\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : internalOpen\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        controlledOnOpenChange?.(value)\n      } else {\n        setInternalOpen(value)\n      }\n    },\n    [isControlled, controlledOnOpenChange]\n  )\n\n  // Track previous open state to reset typing during render (avoids useEffect anti-pattern)\n  const prevOpenRef = React.useRef(open)\n  if (prevOpenRef.current !== open) {\n    prevOpenRef.current = open\n    if (!open) {\n      setTypingValue(\"\")\n      confirmingRef.current = false\n    }\n  }\n\n  // Check if typing matches requirement\n  const typingMatches = React.useMemo(() => {\n    if (!requireTyping) return true\n\n    if (caseSensitive) {\n      return typingValue === requireTyping\n    }\n    return typingValue.toLowerCase() === requireTyping.toLowerCase()\n  }, [requireTyping, typingValue, caseSensitive])\n\n  // Combined loading state\n  const isLoading = loading || isConfirming\n\n  // Confirm button should be disabled when loading or typing doesn't match\n  const confirmDisabled = isLoading || !typingMatches\n\n  // Track if cancel was triggered by button click\n  const cancelTriggeredRef = React.useRef(false)\n\n  // Handle dialog open change\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      // Don't allow closing while confirming\n      if (isConfirming && !newOpen) return\n\n      setOpen(newOpen)\n\n      // Only call onCancel if dialog is closing and cancel wasn't already triggered\n      if (!newOpen && !cancelTriggeredRef.current) {\n        onCancel?.()\n      }\n\n      // Reset the flag after processing\n      cancelTriggeredRef.current = false\n    },\n    [setOpen, onCancel, isConfirming]\n  )\n\n  // Handle cancel button click\n  const handleCancel = React.useCallback(() => {\n    cancelTriggeredRef.current = true\n    onCancel?.()\n    setOpen(false)\n  }, [setOpen, onCancel])\n\n  // Handle confirm button click\n  const handleConfirm = React.useCallback(\n    async (event: React.MouseEvent) => {\n      // Prevent default AlertDialog behavior (auto-close)\n      event.preventDefault()\n\n      // Prevent double confirmation\n      if (confirmingRef.current) return\n      confirmingRef.current = true\n\n      setIsConfirming(true)\n\n      try {\n        await onConfirm()\n        // Close dialog on success\n        setOpen(false)\n      } catch {\n        // Keep dialog open on error, allow retry\n        confirmingRef.current = false\n        // Error is not rethrown - caller should handle errors in onConfirm\n      } finally {\n        setIsConfirming(false)\n      }\n    },\n    [onConfirm, setOpen]\n  )\n\n  // Render trigger button content\n  const renderTriggerContent = () => (\n    <>\n      {leftIcon && (\n        <span aria-hidden=\"true\" data-slot=\"left-icon\">\n          {leftIcon}\n        </span>\n      )}\n      {children}\n      {rightIcon && (\n        <span aria-hidden=\"true\" data-slot=\"right-icon\">\n          {rightIcon}\n        </span>\n      )}\n    </>\n  )\n\n  return (\n    <AlertDialog open={open} onOpenChange={handleOpenChange}>\n      <AlertDialogTrigger asChild>\n        <button\n          aria-disabled={disabled ?? undefined}\n          className={cn(buttonVariants({ variant, size, className }))}\n          data-slot=\"confirm-button\"\n          disabled={disabled}\n          type=\"button\"\n          {...props}\n        >\n          {renderTriggerContent()}\n        </button>\n      </AlertDialogTrigger>\n\n      <AlertDialogContent data-slot=\"confirm-dialog\">\n        <AlertDialogHeader data-slot=\"confirm-dialog-header\">\n          <AlertDialogTitle data-slot=\"confirm-dialog-title\">\n            {confirmTitle}\n          </AlertDialogTitle>\n          {confirmDescription ? (\n            <AlertDialogDescription data-slot=\"confirm-dialog-description\">\n              {confirmDescription}\n            </AlertDialogDescription>\n          ) : (\n            <AlertDialogDescription className=\"sr-only\">\n              Confirm or cancel this action.\n            </AlertDialogDescription>\n          )}\n        </AlertDialogHeader>\n\n        {requireTyping && (\n          <div className=\"space-y-2\" data-slot=\"confirm-dialog-content\">\n            {typingLabel && (\n              <label\n                className=\"text-sm font-medium text-foreground\"\n                htmlFor=\"confirm-typing-input\"\n              >\n                {typingLabel}\n              </label>\n            )}\n            <input\n              aria-describedby={\n                !typingMatches ? \"confirm-typing-error\" : undefined\n              }\n              autoComplete=\"off\"\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              data-slot=\"confirm-dialog-input\"\n              id=\"confirm-typing-input\"\n              placeholder={typingPlaceholder ?? requireTyping}\n              type=\"text\"\n              value={typingValue}\n              onChange={(e) => { setTypingValue(e.target.value); }}\n            />\n            {typingValue && !typingMatches && (\n              <p\n                aria-live=\"polite\"\n                className=\"text-sm text-destructive\"\n                id=\"confirm-typing-error\"\n              >\n                The text you entered does not match.\n              </p>\n            )}\n          </div>\n        )}\n\n        <AlertDialogFooter data-slot=\"confirm-dialog-footer\">\n          <AlertDialogCancel\n            data-slot=\"confirm-dialog-cancel\"\n            disabled={isLoading}\n            onClick={handleCancel}\n          >\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(\n              confirmVariant === \"destructive\" &&\n                \"bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40\"\n            )}\n            aria-busy={isLoading || undefined}\n            aria-disabled={confirmDisabled || undefined}\n            data-slot=\"confirm-dialog-confirm\"\n            disabled={confirmDisabled}\n            onClick={(e) => { void handleConfirm(e); }}\n          >\n            {isLoading && (\n              <LoaderCircle\n                aria-hidden=\"true\"\n                className=\"size-4 animate-spin\"\n              />\n            )}\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmButton }\n"]}
+{"version":3,"sources":["../src/components/primitives/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"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","file":"chunk-YM5YBDRM.js","sourcesContent":["\"use client\"\n\nimport type { ConfirmButtonProps } from \"./ConfirmButton.types\"\n\nimport { LoaderCircle } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../../feedback/AlertDialog\"\nimport { buttonVariants } from \"../Button\"\n\n/**\n * ConfirmButton - A button that requires confirmation before executing an action\n *\n * Combines a Button trigger with an AlertDialog for confirmation.\n * Supports typing validation for critical actions.\n *\n * @example\n * ```tsx\n * <ConfirmButton\n *   variant=\"destructive\"\n *   confirmTitle=\"Delete item?\"\n *   confirmDescription=\"This action cannot be undone.\"\n *   onConfirm={() => handleDelete()}\n * >\n *   Delete\n * </ConfirmButton>\n * ```\n */\nfunction ConfirmButton({\n  // Trigger button props\n  className,\n  variant,\n  size,\n  leftIcon,\n  rightIcon,\n  disabled,\n  children,\n\n  // Dialog configuration\n  confirmTitle = \"Confirm action\",\n  confirmDescription,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  confirmVariant = \"default\",\n\n  // Typing validation\n  requireTyping,\n  typingPlaceholder,\n  typingLabel,\n  caseSensitive = true,\n\n  // States\n  loading = false,\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n\n  // Callbacks\n  onConfirm,\n  onCancel,\n\n  ...props\n}: ConfirmButtonProps) {\n  // Internal open state (uncontrolled mode)\n  const [internalOpen, setInternalOpen] = React.useState(false)\n\n  // Typing input value\n  const [typingValue, setTypingValue] = React.useState(\"\")\n\n  // Internal loading state for async onConfirm\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  // Prevent double confirmation\n  const confirmingRef = React.useRef(false)\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : internalOpen\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        controlledOnOpenChange?.(value)\n      } else {\n        setInternalOpen(value)\n      }\n    },\n    [isControlled, controlledOnOpenChange]\n  )\n\n  // Track previous open state to reset typing during render (avoids useEffect anti-pattern)\n  const prevOpenRef = React.useRef(open)\n  if (prevOpenRef.current !== open) {\n    prevOpenRef.current = open\n    if (!open) {\n      setTypingValue(\"\")\n      confirmingRef.current = false\n    }\n  }\n\n  // Check if typing matches requirement\n  const typingMatches = React.useMemo(() => {\n    if (!requireTyping) return true\n\n    if (caseSensitive) {\n      return typingValue === requireTyping\n    }\n    return typingValue.toLowerCase() === requireTyping.toLowerCase()\n  }, [requireTyping, typingValue, caseSensitive])\n\n  // Combined loading state\n  const isLoading = loading || isConfirming\n\n  // Confirm button should be disabled when loading or typing doesn't match\n  const confirmDisabled = isLoading || !typingMatches\n\n  // Track if cancel was triggered by button click\n  const cancelTriggeredRef = React.useRef(false)\n\n  // Handle dialog open change\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      // Don't allow closing while confirming\n      if (isConfirming && !newOpen) return\n\n      setOpen(newOpen)\n\n      // Only call onCancel if dialog is closing and cancel wasn't already triggered\n      if (!newOpen && !cancelTriggeredRef.current) {\n        onCancel?.()\n      }\n\n      // Reset the flag after processing\n      cancelTriggeredRef.current = false\n    },\n    [setOpen, onCancel, isConfirming]\n  )\n\n  // Handle cancel button click\n  const handleCancel = React.useCallback(() => {\n    cancelTriggeredRef.current = true\n    onCancel?.()\n    setOpen(false)\n  }, [setOpen, onCancel])\n\n  // Handle confirm button click\n  const handleConfirm = React.useCallback(\n    async (event: React.MouseEvent) => {\n      // Prevent default AlertDialog behavior (auto-close)\n      event.preventDefault()\n\n      // Prevent double confirmation\n      if (confirmingRef.current) return\n      confirmingRef.current = true\n\n      setIsConfirming(true)\n\n      try {\n        await onConfirm()\n        // Close dialog on success\n        setOpen(false)\n      } catch {\n        // Keep dialog open on error, allow retry\n        confirmingRef.current = false\n        // Error is not rethrown - caller should handle errors in onConfirm\n      } finally {\n        setIsConfirming(false)\n      }\n    },\n    [onConfirm, setOpen]\n  )\n\n  // Render trigger button content\n  const renderTriggerContent = () => (\n    <>\n      {leftIcon && (\n        <span aria-hidden=\"true\" data-slot=\"left-icon\">\n          {leftIcon}\n        </span>\n      )}\n      {children}\n      {rightIcon && (\n        <span aria-hidden=\"true\" data-slot=\"right-icon\">\n          {rightIcon}\n        </span>\n      )}\n    </>\n  )\n\n  return (\n    <AlertDialog open={open} onOpenChange={handleOpenChange}>\n      <AlertDialogTrigger asChild>\n        <button\n          aria-disabled={disabled ?? undefined}\n          className={cn(buttonVariants({ variant, size, className }))}\n          data-slot=\"confirm-button\"\n          disabled={disabled}\n          type=\"button\"\n          {...props}\n        >\n          {renderTriggerContent()}\n        </button>\n      </AlertDialogTrigger>\n\n      <AlertDialogContent data-slot=\"confirm-dialog\">\n        <AlertDialogHeader data-slot=\"confirm-dialog-header\">\n          <AlertDialogTitle data-slot=\"confirm-dialog-title\">\n            {confirmTitle}\n          </AlertDialogTitle>\n          {confirmDescription ? (\n            <AlertDialogDescription data-slot=\"confirm-dialog-description\">\n              {confirmDescription}\n            </AlertDialogDescription>\n          ) : (\n            <AlertDialogDescription className=\"sr-only\">\n              Confirm or cancel this action.\n            </AlertDialogDescription>\n          )}\n        </AlertDialogHeader>\n\n        {requireTyping && (\n          <div className=\"space-y-2\" data-slot=\"confirm-dialog-content\">\n            {typingLabel && (\n              <label\n                className=\"text-sm font-medium text-foreground\"\n                htmlFor=\"confirm-typing-input\"\n              >\n                {typingLabel}\n              </label>\n            )}\n            <input\n              aria-describedby={\n                !typingMatches ? \"confirm-typing-error\" : undefined\n              }\n              autoComplete=\"off\"\n              className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n              data-slot=\"confirm-dialog-input\"\n              id=\"confirm-typing-input\"\n              placeholder={typingPlaceholder ?? requireTyping}\n              type=\"text\"\n              value={typingValue}\n              onChange={(e) => { setTypingValue(e.target.value); }}\n            />\n            {typingValue && !typingMatches && (\n              <p\n                aria-live=\"polite\"\n                className=\"text-sm text-destructive\"\n                id=\"confirm-typing-error\"\n              >\n                The text you entered does not match.\n              </p>\n            )}\n          </div>\n        )}\n\n        <AlertDialogFooter data-slot=\"confirm-dialog-footer\">\n          <AlertDialogCancel\n            data-slot=\"confirm-dialog-cancel\"\n            disabled={isLoading}\n            onClick={handleCancel}\n          >\n            {cancelLabel}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            className={cn(\n              confirmVariant === \"destructive\" &&\n                \"bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40\"\n            )}\n            aria-busy={isLoading || undefined}\n            aria-disabled={confirmDisabled || undefined}\n            data-slot=\"confirm-dialog-confirm\"\n            disabled={confirmDisabled}\n            onClick={(e) => { void handleConfirm(e); }}\n          >\n            {isLoading && (\n              <LoaderCircle\n                aria-hidden=\"true\"\n                className=\"size-4 animate-spin\"\n              />\n            )}\n            {confirmLabel}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n\nexport { ConfirmButton }\n"]}

package/dist/{chunk-AUCDXPWH.js → chunk-YZ25HHV2.js}

@@ -1,7 +1,7 @@
 import { DndContext, DragOverlay, Droppable, SortableItem, DragHandle } from './chunk-BIUVOZQG.js';
-import { Avatar, AvatarImage, AvatarFallback } from './chunk-YP2ATSXP.js';
-import { Button } from './chunk-ONQCNOLU.js';
-import { Badge } from './chunk-TNROOKX3.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-3BBOSSDG.js';
+import { Button } from './chunk-HDOR3SN3.js';
+import { Badge } from './chunk-UDY3IDCY.js';
 import { cn } from './chunk-HRNDJU7D.js';
 import { SortableContext, horizontalListSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { Calendar, MessageSquare, Paperclip, Search, Plus, ChevronRight, ChevronDown, GripVertical } from 'lucide-react';
@@ -849,5 +849,5 @@ function KanbanBoard({
 }
 
 export { KanbanBoard, KanbanCard, kanbanAddButtonVariants, kanbanBoardVariants, kanbanCardDescriptionVariants, kanbanCardMetaVariants, kanbanCardTitleVariants, kanbanCardVariants, kanbanColumnContentVariants, kanbanColumnHeaderVariants, kanbanColumnVariants, kanbanDropIndicatorVariants, kanbanLabelVariants, kanbanSearchVariants, kanbanSwimlaneVariants };
-//# sourceMappingURL=chunk-AUCDXPWH.js.map
-//# sourceMappingURL=chunk-AUCDXPWH.js.map
+//# sourceMappingURL=chunk-YZ25HHV2.js.map
+//# sourceMappingURL=chunk-YZ25HHV2.js.map