@etus/ui 0.3.2 → 0.4.0-beta.10

package/dist/chunk-KO3R4JFH.js

@@ -0,0 +1,316 @@
+import { Stepper } from './chunk-IFHF4UES.js';
+import { Button } from './chunk-6TBA37U7.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var wizardVariants = cva("flex gap-6", {
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      card: "flex-col rounded-lg border border-border bg-card",
+      default: "flex-col",
+      vertical: "flex-row"
+    },
+    size: {
+      default: "",
+      lg: "",
+      sm: ""
+    }
+  }
+});
+var wizardContentVariants = cva("flex-1", {
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      card: "border-t border-border",
+      default: "",
+      vertical: "border-l border-border"
+    },
+    size: {
+      default: "p-6",
+      lg: "p-8",
+      sm: "p-4"
+    }
+  }
+});
+var wizardStepperVariants = cva("", {
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      card: "p-6 pb-0",
+      default: "",
+      vertical: "min-w-48"
+    },
+    size: {
+      default: "",
+      lg: "",
+      sm: ""
+    }
+  }
+});
+var wizardActionsVariants = cva("flex items-center gap-3", {
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    variant: {
+      card: "justify-between border-t border-border p-6",
+      default: "justify-between",
+      vertical: "justify-end border-t border-border pt-4"
+    },
+    size: {
+      default: "",
+      lg: "",
+      sm: ""
+    }
+  }
+});
+var wizardStepContentVariants = cva("", {
+  defaultVariants: {
+    size: "default"
+  },
+  variants: {
+    size: {
+      default: "",
+      lg: "",
+      sm: ""
+    }
+  }
+});
+function convertToStepItem(step, index, currentStep) {
+  return {
+    description: step.description,
+    icon: step.icon,
+    id: step.id,
+    label: step.title,
+    status: index < currentStep ? "complete" : index === currentStep ? "active" : "pending"
+  };
+}
+function Wizard({
+  backLabel = "Voltar",
+  canGoBack = true,
+  canSkip = false,
+  className,
+  completeLabel = "Completar",
+  currentStep = 0,
+  isLoading = false,
+  nextLabel = "Pr\xF3ximo",
+  onComplete,
+  onStepChange,
+  onValidate,
+  ref,
+  showActions = true,
+  showSteps = true,
+  size = "default",
+  skipLabel = "Pular",
+  steps,
+  variant = "default",
+  ...props
+}) {
+  const [isValidating, setIsValidating] = useState(false);
+  const contentRef = useRef(null);
+  const isLastStep = currentStep >= steps.length - 1;
+  const isFirstStep = currentStep === 0;
+  const currentStepData = steps[currentStep];
+  const stepperSteps = steps.map(
+    (step, index) => convertToStepItem(step, index, currentStep)
+  );
+  useEffect(() => {
+    if (contentRef.current) {
+      contentRef.current.focus();
+    }
+  }, [currentStep]);
+  const handleNext = useCallback(async () => {
+    if (isLoading || isValidating) return;
+    if (currentStepData?.validate) {
+      setIsValidating(true);
+      try {
+        const isValid = await currentStepData.validate();
+        if (!isValid) {
+          setIsValidating(false);
+          return;
+        }
+      } catch {
+        setIsValidating(false);
+        return;
+      }
+      setIsValidating(false);
+    }
+    if (onValidate) {
+      setIsValidating(true);
+      try {
+        const isValid = await Promise.resolve(onValidate(currentStep));
+        if (!isValid) {
+          setIsValidating(false);
+          return;
+        }
+      } catch {
+        setIsValidating(false);
+        return;
+      }
+      setIsValidating(false);
+    }
+    if (isLastStep) {
+      onComplete?.();
+    } else {
+      onStepChange?.(currentStep + 1);
+    }
+  }, [currentStep, currentStepData, isLastStep, isLoading, isValidating, onComplete, onStepChange, onValidate]);
+  const handleBack = useCallback(() => {
+    if (isLoading || isValidating || !canGoBack || isFirstStep) return;
+    onStepChange?.(currentStep - 1);
+  }, [canGoBack, currentStep, isFirstStep, isLoading, isValidating, onStepChange]);
+  const handleSkip = useCallback(() => {
+    if (isLoading || isValidating || !canSkip || isLastStep) return;
+    if (currentStepData?.optional) {
+      onStepChange?.(currentStep + 1);
+    }
+  }, [canSkip, currentStep, currentStepData?.optional, isLastStep, isLoading, isValidating, onStepChange]);
+  const handleStepClick = useCallback(
+    (stepIndex) => {
+      if (isLoading || isValidating) return;
+      if (stepIndex <= currentStep) {
+        onStepChange?.(stepIndex);
+      }
+    },
+    [currentStep, isLoading, isValidating, onStepChange]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Enter" && !event.shiftKey) {
+        event.preventDefault();
+        void handleNext();
+      } else if (event.key === "Escape") ;
+    },
+    [handleNext]
+  );
+  const isVertical = variant === "vertical";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        wizardVariants({ size, variant }),
+        isLoading && "pointer-events-none opacity-50",
+        className
+      ),
+      "aria-label": `Wizard: Step ${String(currentStep + 1)} of ${String(steps.length)}`,
+      "data-slot": "wizard",
+      role: "region",
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: [
+        showSteps && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: wizardStepperVariants({ size, variant }),
+            "data-slot": "wizard-stepper",
+            children: /* @__PURE__ */ jsx(
+              Stepper,
+              {
+                clickable: true,
+                currentStep,
+                size: size === "lg" ? "lg" : size === "sm" ? "sm" : "default",
+                steps: stepperSteps,
+                variant: isVertical ? "vertical" : "default",
+                onStepClick: handleStepClick
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: contentRef,
+            className: wizardContentVariants({ size, variant }),
+            "data-slot": "wizard-content",
+            tabIndex: -1,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "aria-label": currentStepData?.title,
+                  "data-slot": "wizard-step",
+                  "data-step": currentStep + 1,
+                  children: [
+                    currentStepData?.title && /* @__PURE__ */ jsx(
+                      "h2",
+                      {
+                        className: "mb-4 text-lg font-semibold",
+                        "data-slot": "wizard-step-title",
+                        children: currentStepData.title
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { "data-slot": "wizard-step-form", children: currentStepData?.content })
+                  ]
+                }
+              ),
+              showActions && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(wizardActionsVariants({ size, variant }), "mt-6"),
+                  "data-slot": "wizard-actions",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+                      canGoBack && !isFirstStep && /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          "aria-disabled": isLoading || isValidating,
+                          "data-slot": "wizard-back",
+                          disabled: isLoading || isValidating,
+                          type: "button",
+                          variant: "outline",
+                          onClick: handleBack,
+                          children: backLabel
+                        }
+                      ),
+                      canSkip && currentStepData?.optional && !isLastStep && /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          "aria-disabled": isLoading || isValidating,
+                          "data-slot": "wizard-skip",
+                          disabled: isLoading || isValidating,
+                          type: "button",
+                          variant: "ghost",
+                          onClick: handleSkip,
+                          children: skipLabel
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        "aria-disabled": isLoading || isValidating,
+                        "data-slot": "wizard-next",
+                        disabled: isLoading || isValidating,
+                        type: "button",
+                        onClick: () => void handleNext(),
+                        children: isLoading || isValidating ? "Carregando..." : isLastStep ? completeLabel : nextLabel
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Wizard, wizardActionsVariants, wizardContentVariants, wizardStepContentVariants, wizardStepperVariants, wizardVariants };
+//# sourceMappingURL=chunk-KO3R4JFH.js.map
+//# sourceMappingURL=chunk-KO3R4JFH.js.map

package/dist/chunk-KO3R4JFH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workflow/Wizard/Wizard.variants.ts","../src/components/workflow/Wizard/Wizard.tsx"],"names":[],"mappings":";;;;;;;AAKO,IAAM,cAAA,GAAiB,IAAI,YAAA,EAAc;AAAA,EAC9C,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,kDAAA;AAAA,MACN,OAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,EAAA;AAAA,MACT,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC;AAKM,IAAM,qBAAA,GAAwB,IAAI,QAAA,EAAU;AAAA,EACjD,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,wBAAA;AAAA,MACN,OAAA,EAAS,EAAA;AAAA,MACT,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,KAAA;AAAA,MACT,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC;AAKM,IAAM,qBAAA,GAAwB,IAAI,EAAA,EAAI;AAAA,EAC3C,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,UAAA;AAAA,MACN,OAAA,EAAS,EAAA;AAAA,MACT,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,EAAA;AAAA,MACT,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC;AAKM,IAAM,qBAAA,GAAwB,IAAI,yBAAA,EAA2B;AAAA,EAClE,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,4CAAA;AAAA,MACN,OAAA,EAAS,iBAAA;AAAA,MACT,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,EAAA;AAAA,MACT,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC;AAKM,IAAM,yBAAA,GAA4B,IAAI,EAAA,EAAI;AAAA,EAC/C,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,EAAA;AAAA,MACT,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC;ACtFD,SAAS,iBAAA,CAAkB,IAAA,EAAkB,KAAA,EAAe,WAAA,EAA+B;AACzF,EAAA,OAAO;AAAA,IACL,aAAa,IAAA,CAAK,WAAA;AAAA,IAClB,MAAM,IAAA,CAAK,IAAA;AAAA,IACX,IAAI,IAAA,CAAK,EAAA;AAAA,IACT,OAAO,IAAA,CAAK,KAAA;AAAA,IACZ,QAAQ,KAAA,GAAQ,WAAA,GAAc,UAAA,GAAa,KAAA,KAAU,cAAc,QAAA,GAAW;AAAA,GAChF;AACF;AAqBA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA,GAAY,QAAA;AAAA,EACZ,SAAA,GAAY,IAAA;AAAA,EACZ,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,aAAA,GAAgB,WAAA;AAAA,EAChB,WAAA,GAAc,CAAA;AAAA,EACd,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,YAAA;AAAA,EACZ,UAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA,GAAY,IAAA;AAAA,EACZ,IAAA,GAAO,SAAA;AAAA,EACP,SAAA,GAAY,OAAA;AAAA,EACZ,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,MAAM,UAAA,GAAa,WAAA,IAAe,KAAA,CAAM,MAAA,GAAS,CAAA;AACjD,EAAA,MAAM,cAAc,WAAA,KAAgB,CAAA;AACpC,EAAA,MAAM,eAAA,GAAkB,MAAM,WAAW,CAAA;AAGzC,EAAA,MAAM,eAA2B,KAAA,CAAM,GAAA;AAAA,IAAI,CAAC,IAAA,EAAM,KAAA,KAChD,iBAAA,CAAkB,IAAA,EAAM,OAAO,WAAW;AAAA,GAC5C;AAGA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,UAAA,CAAW,QAAQ,KAAA,EAAM;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAGhB,EAAA,MAAM,UAAA,GAAa,YAAY,YAAY;AACzC,IAAA,IAAI,aAAa,YAAA,EAAc;AAG/B,IAAA,IAAI,iBAAiB,QAAA,EAAU;AAC7B,MAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,MAAA,IAAI;AACF,QAAA,MAAM,OAAA,GAAU,MAAM,eAAA,CAAgB,QAAA,EAAS;AAC/C,QAAA,IAAI,CAAC,OAAA,EAAS;AACZ,UAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,UAAA;AAAA,QACF;AAAA,MACF,CAAA,CAAA,MAAQ;AACN,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA;AAAA,MACF;AACA,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,IACvB;AAGA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,MAAA,IAAI;AACF,QAAA,MAAM,UAAU,MAAM,OAAA,CAAQ,OAAA,CAAQ,UAAA,CAAW,WAAW,CAAC,CAAA;AAC7D,QAAA,IAAI,CAAC,OAAA,EAAS;AACZ,UAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,UAAA;AAAA,QACF;AAAA,MACF,CAAA,CAAA,MAAQ;AACN,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA;AAAA,MACF;AACA,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,IACvB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,IAAa;AAAA,IACf,CAAA,MAAO;AACL,MAAA,YAAA,GAAe,cAAc,CAAC,CAAA;AAAA,IAChC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,eAAA,EAAiB,UAAA,EAAY,WAAW,YAAA,EAAc,UAAA,EAAY,YAAA,EAAc,UAAU,CAAC,CAAA;AAG5G,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgB,CAAC,SAAA,IAAa,WAAA,EAAa;AAC5D,IAAA,YAAA,GAAe,cAAc,CAAC,CAAA;AAAA,EAChC,CAAA,EAAG,CAAC,SAAA,EAAW,WAAA,EAAa,aAAa,SAAA,EAAW,YAAA,EAAc,YAAY,CAAC,CAAA;AAG/E,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgB,CAAC,OAAA,IAAW,UAAA,EAAY;AACzD,IAAA,IAAI,iBAAiB,QAAA,EAAU;AAC7B,MAAA,YAAA,GAAe,cAAc,CAAC,CAAA;AAAA,IAChC;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,WAAA,EAAa,eAAA,EAAiB,UAAU,UAAA,EAAY,SAAA,EAAW,YAAA,EAAc,YAAY,CAAC,CAAA;AAGvG,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,SAAA,KAAsB;AACrB,MAAA,IAAI,aAAa,YAAA,EAAc;AAE/B,MAAA,IAAI,aAAa,WAAA,EAAa;AAC5B,QAAA,YAAA,GAAe,SAAS,CAAA;AAAA,MAC1B;AAAA,IACF,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,YAAY;AAAA,GACrD;AAGA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,KAAA,KAA+B;AAC9B,MAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,CAAC,MAAM,QAAA,EAAU;AAC5C,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAK,UAAA,EAAW;AAAA,MAClB,CAAA,MAAA,IAAW,KAAA,CAAM,GAAA,KAAQ,QAAA,EAAU;AAEnC,IACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,aAAa,OAAA,KAAY,UAAA;AAE/B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,cAAA,CAAe,EAAE,IAAA,EAAM,OAAA,EAAS,CAAA;AAAA,QAChC,SAAA,IAAa,gCAAA;AAAA,QACb;AAAA,OACF;AAAA,MACA,YAAA,EAAY,CAAA,aAAA,EAAgB,MAAA,CAAO,WAAA,GAAc,CAAC,CAAC,CAAA,IAAA,EAAO,MAAA,CAAO,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAAA,MAC9E,WAAA,EAAU,QAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAGH,QAAA,EAAA;AAAA,QAAA,SAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,qBAAA,CAAsB,EAAE,IAAA,EAAM,SAAS,CAAA;AAAA,YAClD,WAAA,EAAU,gBAAA;AAAA,YAEV,QAAA,kBAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAS,IAAA;AAAA,gBACT,WAAA;AAAA,gBACA,MAAM,IAAA,KAAS,IAAA,GAAO,IAAA,GAAO,IAAA,KAAS,OAAO,IAAA,GAAO,SAAA;AAAA,gBACpD,KAAA,EAAO,YAAA;AAAA,gBACP,OAAA,EAAS,aAAa,UAAA,GAAa,SAAA;AAAA,gBACnC,WAAA,EAAa;AAAA;AAAA;AACf;AAAA,SACF;AAAA,wBAIF,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,UAAA;AAAA,YACL,SAAA,EAAW,qBAAA,CAAsB,EAAE,IAAA,EAAM,SAAS,CAAA;AAAA,YAClD,WAAA,EAAU,gBAAA;AAAA,YACV,QAAA,EAAU,EAAA;AAAA,YAGV,QAAA,EAAA;AAAA,8BAAA,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,cAAY,eAAA,EAAiB,KAAA;AAAA,kBAC7B,WAAA,EAAU,aAAA;AAAA,kBACV,aAAW,WAAA,GAAc,CAAA;AAAA,kBAExB,QAAA,EAAA;AAAA,oBAAA,eAAA,EAAiB,KAAA,oBAChB,GAAA;AAAA,sBAAC,IAAA;AAAA,sBAAA;AAAA,wBACC,SAAA,EAAU,4BAAA;AAAA,wBACV,WAAA,EAAU,mBAAA;AAAA,wBAET,QAAA,EAAA,eAAA,CAAgB;AAAA;AAAA,qBACnB;AAAA,oCAEF,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,kBAAA,EAAoB,2BAAiB,OAAA,EAAQ;AAAA;AAAA;AAAA,eAC9D;AAAA,cAGC,WAAA,oBACC,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,GAAG,qBAAA,CAAsB,EAAE,MAAM,OAAA,EAAS,GAAG,MAAM,CAAA;AAAA,kBAC9D,WAAA,EAAU,gBAAA;AAAA,kBAEV,QAAA,EAAA;AAAA,oCAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EAEZ,QAAA,EAAA;AAAA,sBAAA,SAAA,IAAa,CAAC,WAAA,oBACb,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,iBAAe,SAAA,IAAa,YAAA;AAAA,0BAC5B,WAAA,EAAU,aAAA;AAAA,0BACV,UAAU,SAAA,IAAa,YAAA;AAAA,0BACvB,IAAA,EAAK,QAAA;AAAA,0BACL,OAAA,EAAQ,SAAA;AAAA,0BACR,OAAA,EAAS,UAAA;AAAA,0BAER,QAAA,EAAA;AAAA;AAAA,uBACH;AAAA,sBAID,OAAA,IAAW,eAAA,EAAiB,QAAA,IAAY,CAAC,UAAA,oBACxC,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,iBAAe,SAAA,IAAa,YAAA;AAAA,0BAC5B,WAAA,EAAU,aAAA;AAAA,0BACV,UAAU,SAAA,IAAa,YAAA;AAAA,0BACvB,IAAA,EAAK,QAAA;AAAA,0BACL,OAAA,EAAQ,OAAA;AAAA,0BACR,OAAA,EAAS,UAAA;AAAA,0BAER,QAAA,EAAA;AAAA;AAAA;AACH,qBAAA,EAEJ,CAAA;AAAA,oCAGA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,iBAAe,SAAA,IAAa,YAAA;AAAA,wBAC5B,WAAA,EAAU,aAAA;AAAA,wBACV,UAAU,SAAA,IAAa,YAAA;AAAA,wBACvB,IAAA,EAAK,QAAA;AAAA,wBACL,OAAA,EAAS,MAAM,KAAK,UAAA,EAAW;AAAA,wBAE9B,QAAA,EAAA,SAAA,IAAa,YAAA,GAAe,eAAA,GAAkB,UAAA,GAAa,aAAA,GAAgB;AAAA;AAAA;AAC9E;AAAA;AAAA;AACF;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"chunk-KO3R4JFH.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Main wizard container variants\n */\nexport const wizardVariants = cva(\"flex gap-6\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      card: \"flex-col rounded-lg border border-border bg-card\",\n      default: \"flex-col\",\n      vertical: \"flex-row\",\n    },\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n  },\n})\n\n/**\n * Wizard content area variants\n */\nexport const wizardContentVariants = cva(\"flex-1\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      card: \"border-t border-border\",\n      default: \"\",\n      vertical: \"border-l border-border\",\n    },\n    size: {\n      default: \"p-6\",\n      lg: \"p-8\",\n      sm: \"p-4\",\n    },\n  },\n})\n\n/**\n * Wizard stepper area variants\n */\nexport const wizardStepperVariants = cva(\"\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      card: \"p-6 pb-0\",\n      default: \"\",\n      vertical: \"min-w-48\",\n    },\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n  },\n})\n\n/**\n * Wizard actions area variants\n */\nexport const wizardActionsVariants = cva(\"flex items-center gap-3\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      card: \"justify-between border-t border-border p-6\",\n      default: \"justify-between\",\n      vertical: \"justify-end border-t border-border pt-4\",\n    },\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n  },\n})\n\n/**\n * Wizard step content wrapper variants\n */\nexport const wizardStepContentVariants = cva(\"\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n  },\n})\n","import type { StepItem } from \"../Stepper\"\nimport type { WizardProps, WizardStep } from \"./Wizard.types\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport { Stepper } from \"../Stepper\"\nimport {\n  wizardActionsVariants,\n  wizardContentVariants,\n  wizardStepperVariants,\n  wizardVariants,\n} from \"./Wizard.variants\"\n\n/**\n * Convert WizardStep to StepItem for the Stepper component\n */\nfunction convertToStepItem(step: WizardStep, index: number, currentStep: number): StepItem {\n  return {\n    description: step.description,\n    icon: step.icon,\n    id: step.id,\n    label: step.title,\n    status: index < currentStep ? \"complete\" : index === currentStep ? \"active\" : \"pending\",\n  }\n}\n\n/**\n * Wizard component guides users through a multi-step process.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", title: \"Dados Pessoais\", content: <PersonalForm /> },\n *   { id: \"2\", title: \"Endereço\", content: <AddressForm /> },\n *   { id: \"3\", title: \"Conclusão\", content: <Summary /> },\n * ]\n *\n * <Wizard\n *   steps={steps}\n *   currentStep={0}\n *   onStepChange={setStep}\n *   onComplete={handleComplete}\n * />\n * ```\n */\nfunction Wizard({\n  backLabel = \"Voltar\",\n  canGoBack = true,\n  canSkip = false,\n  className,\n  completeLabel = \"Completar\",\n  currentStep = 0,\n  isLoading = false,\n  nextLabel = \"Próximo\",\n  onComplete,\n  onStepChange,\n  onValidate,\n  ref,\n  showActions = true,\n  showSteps = true,\n  size = \"default\",\n  skipLabel = \"Pular\",\n  steps,\n  variant = \"default\",\n  ...props\n}: WizardProps) {\n  const [isValidating, setIsValidating] = useState(false)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const isLastStep = currentStep >= steps.length - 1\n  const isFirstStep = currentStep === 0\n  const currentStepData = steps[currentStep]\n\n  // Convert steps for the Stepper component\n  const stepperSteps: StepItem[] = steps.map((step, index) =>\n    convertToStepItem(step, index, currentStep)\n  )\n\n  // Focus management - move focus to content when step changes\n  useEffect(() => {\n    if (contentRef.current) {\n      contentRef.current.focus()\n    }\n  }, [currentStep])\n\n  // Handle next step\n  const handleNext = useCallback(async () => {\n    if (isLoading || isValidating) return\n\n    // Run step validation if provided\n    if (currentStepData?.validate) {\n      setIsValidating(true)\n      try {\n        const isValid = await currentStepData.validate()\n        if (!isValid) {\n          setIsValidating(false)\n          return\n        }\n      } catch {\n        setIsValidating(false)\n        return\n      }\n      setIsValidating(false)\n    }\n\n    // Run onValidate callback if provided\n    if (onValidate) {\n      setIsValidating(true)\n      try {\n        const isValid = await Promise.resolve(onValidate(currentStep))\n        if (!isValid) {\n          setIsValidating(false)\n          return\n        }\n      } catch {\n        setIsValidating(false)\n        return\n      }\n      setIsValidating(false)\n    }\n\n    if (isLastStep) {\n      onComplete?.()\n    } else {\n      onStepChange?.(currentStep + 1)\n    }\n  }, [currentStep, currentStepData, isLastStep, isLoading, isValidating, onComplete, onStepChange, onValidate])\n\n  // Handle back step\n  const handleBack = useCallback(() => {\n    if (isLoading || isValidating || !canGoBack || isFirstStep) return\n    onStepChange?.(currentStep - 1)\n  }, [canGoBack, currentStep, isFirstStep, isLoading, isValidating, onStepChange])\n\n  // Handle skip step\n  const handleSkip = useCallback(() => {\n    if (isLoading || isValidating || !canSkip || isLastStep) return\n    if (currentStepData?.optional) {\n      onStepChange?.(currentStep + 1)\n    }\n  }, [canSkip, currentStep, currentStepData?.optional, isLastStep, isLoading, isValidating, onStepChange])\n\n  // Handle step click from stepper\n  const handleStepClick = useCallback(\n    (stepIndex: number) => {\n      if (isLoading || isValidating) return\n      // Only allow clicking on completed steps or the next step\n      if (stepIndex <= currentStep) {\n        onStepChange?.(stepIndex)\n      }\n    },\n    [currentStep, isLoading, isValidating, onStepChange]\n  )\n\n  // Handle keyboard navigation\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === \"Enter\" && !event.shiftKey) {\n        event.preventDefault()\n        void handleNext()\n      } else if (event.key === \"Escape\") {\n        // Could implement cancel confirmation here\n      }\n    },\n    [handleNext]\n  )\n\n  const isVertical = variant === \"vertical\"\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        wizardVariants({ size, variant }),\n        isLoading && \"pointer-events-none opacity-50\",\n        className\n      )}\n      aria-label={`Wizard: Step ${String(currentStep + 1)} of ${String(steps.length)}`}\n      data-slot=\"wizard\"\n      role=\"region\"\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Stepper */}\n      {showSteps && (\n        <div\n          className={wizardStepperVariants({ size, variant })}\n          data-slot=\"wizard-stepper\"\n        >\n          <Stepper\n            clickable\n            currentStep={currentStep}\n            size={size === \"lg\" ? \"lg\" : size === \"sm\" ? \"sm\" : \"default\"}\n            steps={stepperSteps}\n            variant={isVertical ? \"vertical\" : \"default\"}\n            onStepClick={handleStepClick}\n          />\n        </div>\n      )}\n\n      {/* Content */}\n      <div\n        ref={contentRef}\n        className={wizardContentVariants({ size, variant })}\n        data-slot=\"wizard-content\"\n        tabIndex={-1}\n      >\n        {/* Step content */}\n        <div\n          aria-label={currentStepData?.title}\n          data-slot=\"wizard-step\"\n          data-step={currentStep + 1}\n        >\n          {currentStepData?.title && (\n            <h2\n              className=\"mb-4 text-lg font-semibold\"\n              data-slot=\"wizard-step-title\"\n            >\n              {currentStepData.title}\n            </h2>\n          )}\n          <div data-slot=\"wizard-step-form\">{currentStepData?.content}</div>\n        </div>\n\n        {/* Actions */}\n        {showActions && (\n          <div\n            className={cn(wizardActionsVariants({ size, variant }), \"mt-6\")}\n            data-slot=\"wizard-actions\"\n          >\n            <div className=\"flex gap-3\">\n              {/* Back button */}\n              {canGoBack && !isFirstStep && (\n                <Button\n                  aria-disabled={isLoading || isValidating}\n                  data-slot=\"wizard-back\"\n                  disabled={isLoading || isValidating}\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={handleBack}\n                >\n                  {backLabel}\n                </Button>\n              )}\n\n              {/* Skip button */}\n              {canSkip && currentStepData?.optional && !isLastStep && (\n                <Button\n                  aria-disabled={isLoading || isValidating}\n                  data-slot=\"wizard-skip\"\n                  disabled={isLoading || isValidating}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={handleSkip}\n                >\n                  {skipLabel}\n                </Button>\n              )}\n            </div>\n\n            {/* Next/Complete button */}\n            <Button\n              aria-disabled={isLoading || isValidating}\n              data-slot=\"wizard-next\"\n              disabled={isLoading || isValidating}\n              type=\"button\"\n              onClick={() => void handleNext()}\n            >\n              {isLoading || isValidating ? \"Carregando...\" : isLastStep ? completeLabel : nextLabel}\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport { Wizard }\n"]}

package/dist/chunk-KRHL3YH2.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-KRHL3YH2.js.map
+//# sourceMappingURL=chunk-KRHL3YH2.js.map

package/dist/chunk-KRHL3YH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-KRHL3YH2.js"}

package/dist/chunk-L2XR5IFJ.js

@@ -0,0 +1,103 @@
+import { useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+
+// src/components/advanced/Portal/Portal.tsx
+var emptySubscribe = () => () => {
+};
+var getClientSnapshot = () => true;
+var getServerSnapshot = () => false;
+function Portal({ children, container, disabled = false }) {
+  const mounted = useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot);
+  if (disabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (!mounted) {
+    return null;
+  }
+  const portalContainer = container ?? globalThis.document.body;
+  return createPortal(children, portalContainer);
+}
+var portalContainerVariants = cva(
+  "",
+  {
+    variants: {
+      position: {
+        fixed: "fixed",
+        absolute: "absolute",
+        relative: "relative"
+      },
+      zIndex: {
+        base: "z-[var(--z-base)]",
+        dropdown: "z-[var(--z-dropdown)]",
+        sticky: "z-[var(--z-sticky)]",
+        modal: "z-[var(--z-modal)]",
+        popover: "z-[var(--z-popover)]",
+        tooltip: "z-[var(--z-tooltip)]",
+        toast: "z-[var(--z-toast)]",
+        overlay: "z-[var(--z-overlay)]",
+        // `max` is intended for "highest possible" use-cases. The token system
+        // tops out at --z-toast (700); use this when nothing semantic fits.
+        max: "z-[var(--z-toast)]"
+      }
+    },
+    defaultVariants: {
+      position: "fixed",
+      zIndex: "modal"
+    }
+  }
+);
+var portalOverlayVariants = cva(
+  "fixed inset-0 transition-opacity",
+  {
+    variants: {
+      variant: {
+        transparent: "bg-transparent",
+        light: "bg-background/80 backdrop-blur-sm",
+        dark: "bg-black/50 backdrop-blur-sm",
+        solid: "bg-background"
+      },
+      visible: {
+        true: "opacity-100",
+        false: "opacity-0 pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      variant: "dark",
+      visible: true
+    }
+  }
+);
+var portalContentVariants = cva(
+  "",
+  {
+    variants: {
+      position: {
+        center: "fixed inset-0 flex items-center justify-center",
+        top: "fixed top-0 left-0 right-0",
+        bottom: "fixed bottom-0 left-0 right-0",
+        left: "fixed top-0 left-0 bottom-0",
+        right: "fixed top-0 right-0 bottom-0",
+        "top-right": "fixed top-4 right-4",
+        "top-left": "fixed top-4 left-4",
+        "bottom-right": "fixed bottom-4 right-4",
+        "bottom-left": "fixed bottom-4 left-4"
+      },
+      padding: {
+        none: "p-0",
+        sm: "p-2",
+        md: "p-4",
+        lg: "p-6"
+      }
+    },
+    defaultVariants: {
+      position: "center",
+      padding: "md"
+    }
+  }
+);
+
+export { Portal, portalContainerVariants, portalContentVariants, portalOverlayVariants };
+//# sourceMappingURL=chunk-L2XR5IFJ.js.map
+//# sourceMappingURL=chunk-L2XR5IFJ.js.map

package/dist/chunk-L2XR5IFJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/Portal/Portal.tsx","../src/components/advanced/Portal/Portal.variants.ts"],"names":[],"mappings":";;;;;;AASA,IAAM,cAAA,GAAiB,MAAM,MAAM;AAAC,CAAA;AACpC,IAAM,oBAAoB,MAAM,IAAA;AAChC,IAAM,oBAAoB,MAAM,KAAA;AA4ChC,SAAS,OAAO,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,GAAW,OAAM,EAAgB;AAEtE,EAAA,MAAM,OAAA,GAAU,oBAAA,CAAqB,cAAA,EAAgB,iBAAA,EAAmB,iBAAiB,CAAA;AAGzF,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,EACrB;AAGA,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAO,IAAA;AAAA,EACT;AAIA,EAAA,MAAM,eAAA,GAAkB,SAAA,IAAa,UAAA,CAAW,QAAA,CAAS,IAAA;AAEzD,EAAA,OAAO,YAAA,CAAa,UAAU,eAAe,CAAA;AAC/C;ACjEO,IAAM,uBAAA,GAA0B,GAAA;AAAA,EACrC,EAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,OAAA;AAAA,QACP,QAAA,EAAU,UAAA;AAAA,QACV,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,mBAAA;AAAA,QACN,QAAA,EAAU,uBAAA;AAAA,QACV,MAAA,EAAQ,qBAAA;AAAA,QACR,KAAA,EAAO,oBAAA;AAAA,QACP,OAAA,EAAS,sBAAA;AAAA,QACT,OAAA,EAAS,sBAAA;AAAA,QACT,KAAA,EAAO,oBAAA;AAAA,QACP,OAAA,EAAS,sBAAA;AAAA;AAAA;AAAA,QAGT,GAAA,EAAK;AAAA;AACP,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU,OAAA;AAAA,MACV,MAAA,EAAQ;AAAA;AACV;AAEJ;AAMO,IAAM,qBAAA,GAAwB,GAAA;AAAA,EACnC,kCAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,WAAA,EAAa,gBAAA;AAAA,QACb,KAAA,EAAO,mCAAA;AAAA,QACP,IAAA,EAAM,8BAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,MAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACX;AAEJ;AAMO,IAAM,qBAAA,GAAwB,GAAA;AAAA,EACnC,EAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,MAAA,EAAQ,gDAAA;AAAA,QACR,GAAA,EAAK,4BAAA;AAAA,QACL,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,6BAAA;AAAA,QACN,KAAA,EAAO,8BAAA;AAAA,QACP,WAAA,EAAa,qBAAA;AAAA,QACb,UAAA,EAAY,oBAAA;AAAA,QACZ,cAAA,EAAgB,wBAAA;AAAA,QAChB,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,KAAA;AAAA,QACN,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU,QAAA;AAAA,MACV,OAAA,EAAS;AAAA;AACX;AAEJ","file":"chunk-L2XR5IFJ.js","sourcesContent":["\"use client\"\n\nimport type { PortalProps } from \"./Portal.types\"\n\nimport { useSyncExternalStore } from \"react\"\nimport { createPortal } from \"react-dom\"\n\n// SSR-safe subscription for mounted state\n// eslint-disable-next-line @typescript-eslint/no-empty-function -- required by useSyncExternalStore API\nconst emptySubscribe = () => () => {}\nconst getClientSnapshot = () => true\nconst getServerSnapshot = () => false\n\n/**\n * Portal renders children into a DOM node outside of the parent component hierarchy.\n * Essential for modals, tooltips, dropdowns, and other elements that need to escape\n * the context of overflow or z-index.\n *\n * By default, content is rendered in document.body. A custom container can be specified\n * using the container prop.\n *\n * The Portal preserves React context (Context, events) and handles cleanup automatically.\n *\n * @example Basic usage\n * ```tsx\n * <Portal>\n *   <div className=\"fixed inset-0 bg-black/50 z-50\">\n *     <div className=\"fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\">\n *       Modal Content\n *     </div>\n *   </div>\n * </Portal>\n * ```\n *\n * @example With custom container\n * ```tsx\n * const [container, setContainer] = useState<HTMLElement | null>(null)\n *\n * return (\n *   <>\n *     <div ref={setContainer} id=\"custom-portal-container\" />\n *     <Portal container={container}>\n *       <div>Content in custom container</div>\n *     </Portal>\n *   </>\n * )\n * ```\n *\n * @example Disabled (inline rendering)\n * ```tsx\n * <Portal disabled>\n *   <div>This renders inline, not in a portal</div>\n * </Portal>\n * ```\n */\nfunction Portal({ children, container, disabled = false }: PortalProps) {\n  // Use useSyncExternalStore for SSR-safe mounted detection\n  const mounted = useSyncExternalStore(emptySubscribe, getClientSnapshot, getServerSnapshot)\n\n  // When disabled, render children inline (no portal)\n  if (disabled) {\n    return <>{children}</>\n  }\n\n  // SSR: render nothing until mounted on client\n  if (!mounted) {\n    return null\n  }\n\n  // Determine the container element\n  // Priority: container prop > document.body\n  const portalContainer = container ?? globalThis.document.body\n\n  return createPortal(children, portalContainer)\n}\n\nexport { Portal }\n","import { cva } from \"class-variance-authority\"\n\n/**\n * Portal container variants\n *\n * Note: Portal is primarily a utility component that renders children\n * outside the DOM hierarchy. These variants are for optional wrapper\n * styling when needed.\n */\nexport const portalContainerVariants = cva(\n  \"\",\n  {\n    variants: {\n      position: {\n        fixed: \"fixed\",\n        absolute: \"absolute\",\n        relative: \"relative\",\n      },\n      zIndex: {\n        base: \"z-[var(--z-base)]\",\n        dropdown: \"z-[var(--z-dropdown)]\",\n        sticky: \"z-[var(--z-sticky)]\",\n        modal: \"z-[var(--z-modal)]\",\n        popover: \"z-[var(--z-popover)]\",\n        tooltip: \"z-[var(--z-tooltip)]\",\n        toast: \"z-[var(--z-toast)]\",\n        overlay: \"z-[var(--z-overlay)]\",\n        // `max` is intended for \"highest possible\" use-cases. The token system\n        // tops out at --z-toast (700); use this when nothing semantic fits.\n        max: \"z-[var(--z-toast)]\",\n      },\n    },\n    defaultVariants: {\n      position: \"fixed\",\n      zIndex: \"modal\",\n    },\n  }\n)\n\n/**\n * Portal overlay variants\n * Used for backdrop/overlay styling when portaling modal content\n */\nexport const portalOverlayVariants = cva(\n  \"fixed inset-0 transition-opacity\",\n  {\n    variants: {\n      variant: {\n        transparent: \"bg-transparent\",\n        light: \"bg-background/80 backdrop-blur-sm\",\n        dark: \"bg-black/50 backdrop-blur-sm\",\n        solid: \"bg-background\",\n      },\n      visible: {\n        true: \"opacity-100\",\n        false: \"opacity-0 pointer-events-none\",\n      },\n    },\n    defaultVariants: {\n      variant: \"dark\",\n      visible: true,\n    },\n  }\n)\n\n/**\n * Portal content wrapper variants\n * Used for centering or positioning portaled content\n */\nexport const portalContentVariants = cva(\n  \"\",\n  {\n    variants: {\n      position: {\n        center: \"fixed inset-0 flex items-center justify-center\",\n        top: \"fixed top-0 left-0 right-0\",\n        bottom: \"fixed bottom-0 left-0 right-0\",\n        left: \"fixed top-0 left-0 bottom-0\",\n        right: \"fixed top-0 right-0 bottom-0\",\n        \"top-right\": \"fixed top-4 right-4\",\n        \"top-left\": \"fixed top-4 left-4\",\n        \"bottom-right\": \"fixed bottom-4 right-4\",\n        \"bottom-left\": \"fixed bottom-4 left-4\",\n      },\n      padding: {\n        none: \"p-0\",\n        sm: \"p-2\",\n        md: \"p-4\",\n        lg: \"p-6\",\n      },\n    },\n    defaultVariants: {\n      position: \"center\",\n      padding: \"md\",\n    },\n  }\n)\n"]}

package/dist/chunk-LFN7UHDT.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { ExternalLink } from 'lucide-react';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var linkVariants = cva(
+  "inline-flex items-center gap-1 transition-colors outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "text-[color:var(--link-color-default)]",
+        muted: "text-[color:var(--link-color-muted)]",
+        subtle: "text-[color:var(--link-color-subtle)]",
+        nav: "text-[color:var(--link-color-nav)] hover:text-[color:var(--link-color-nav-hover)]",
+        inline: "text-[color:var(--link-color-default)] underline underline-offset-4",
+        unstyled: ""
+      },
+      size: {
+        xs: "text-[length:var(--link-text-xs)]",
+        sm: "text-[length:var(--link-text-sm)]",
+        default: "text-[length:var(--link-text-default)]",
+        lg: "text-[length:var(--link-text-lg)]",
+        inherit: ""
+      },
+      underline: {
+        always: "underline underline-offset-4",
+        hover: "hover:underline underline-offset-4",
+        none: "no-underline hover:no-underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "inherit",
+      underline: "hover"
+    },
+    compoundVariants: [
+      // inline variant always has underline, override underline prop
+      {
+        variant: "inline",
+        className: "underline underline-offset-4"
+      },
+      // nav variant never has underline, override underline prop
+      {
+        variant: "nav",
+        className: "no-underline hover:no-underline"
+      }
+    ]
+  }
+);
+function Link({
+  className,
+  variant,
+  size,
+  underline,
+  asChild = false,
+  external = false,
+  leftIcon,
+  rightIcon,
+  showExternalIcon = true,
+  children,
+  onClick,
+  href,
+  rel,
+  "data-id": dataId,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  const createPayload = React.useCallback(() => ({
+    ...dataId ? { id: dataId } : {},
+    timestamp: Date.now(),
+    isExternal: external,
+    ...href ? { href } : {}
+  }), [dataId, external, href]);
+  const handleClick = React.useCallback(
+    (event) => {
+      onClick?.(event, createPayload());
+    },
+    [onClick, createPayload]
+  );
+  const shouldShowExternalIcon = external && showExternalIcon && !rightIcon;
+  const renderContent = () => {
+    if (asChild) {
+      return children;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      leftIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "left-icon", children: leftIcon }),
+      children,
+      rightIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "right-icon", children: rightIcon }),
+      shouldShowExternalIcon && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(opens in new tab)" }),
+        /* @__PURE__ */ jsx(
+          ExternalLink,
+          {
+            "aria-hidden": "true",
+            className: "size-3",
+            "data-slot": "external-icon"
+          }
+        )
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(linkVariants({ variant, size, underline }), className),
+      "data-id": dataId,
+      "data-slot": "link",
+      href,
+      rel: external ? "noopener noreferrer" : rel,
+      target: external ? "_blank" : void 0,
+      onClick: handleClick,
+      ...props,
+      children: renderContent()
+    }
+  );
+}
+
+export { Link, linkVariants };
+//# sourceMappingURL=chunk-LFN7UHDT.js.map
+//# sourceMappingURL=chunk-LFN7UHDT.js.map

package/dist/chunk-LFN7UHDT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Link/Link.tsx"],"names":[],"mappings":";;;;;;;AASA,IAAM,YAAA,GAAe,GAAA;AAAA,EACnB,qMAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,KAAA,EAAO,sCAAA;AAAA,QACP,MAAA,EAAQ,uCAAA;AAAA,QACR,GAAA,EAAK,mFAAA;AAAA,QACL,MAAA,EAAQ,qEAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mCAAA;AAAA,QACJ,EAAA,EAAI,mCAAA;AAAA,QACJ,OAAA,EAAS,wCAAA;AAAA,QACT,EAAA,EAAI,mCAAA;AAAA,QACJ,OAAA,EAAS;AAAA,OACX;AAAA,MACA,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ,8BAAA;AAAA,QACR,KAAA,EAAO,oCAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,SAAA;AAAA,MACN,SAAA,EAAW;AAAA,KACb;AAAA,IACA,gBAAA,EAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,OAAA,EAAS,QAAA;AAAA,QACT,SAAA,EAAW;AAAA,OACb;AAAA;AAAA,MAEA;AAAA,QACE,OAAA,EAAS,KAAA;AAAA,QACT,SAAA,EAAW;AAAA;AACb;AACF;AAEJ;AAEA,SAAS,IAAA,CAAK;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA,GAAmB,IAAA;AAAA,EACnB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA,EAAW,MAAA;AAAA,EACX,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAG9B,EAAA,MAAM,aAAA,GAAsB,kBAAY,OAAyB;AAAA,IAC/D,GAAI,MAAA,GAAS,EAAE,EAAA,EAAI,MAAA,KAAW,EAAC;AAAA,IAC/B,SAAA,EAAW,KAAK,GAAA,EAAI;AAAA,IACpB,UAAA,EAAY,QAAA;AAAA,IACZ,GAAI,IAAA,GAAO,EAAE,IAAA,KAAS;AAAC,GACzB,CAAA,EAAI,CAAC,MAAA,EAAQ,QAAA,EAAU,IAAI,CAAC,CAAA;AAG5B,EAAA,MAAM,WAAA,GAAoB,KAAA,CAAA,WAAA;AAAA,IACxB,CAAC,KAAA,KAA+C;AAC9C,MAAA,OAAA,GAAU,KAAA,EAAO,eAAe,CAAA;AAAA,IAClC,CAAA;AAAA,IACA,CAAC,SAAS,aAAa;AAAA,GACzB;AAGA,EAAA,MAAM,sBAAA,GAAyB,QAAA,IAAY,gBAAA,IAAoB,CAAC,SAAA;AAGhE,EAAA,MAAM,gBAAgB,MAAM;AAE1B,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAO,QAAA;AAAA,IACT;AAEA,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,QAAA,wBACE,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAA,EAAU,aAChC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,MAED,QAAA;AAAA,MACA,6BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,WAAA,EAAU,cAChC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,MAED,0CACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,oBAAA,EAAkB,CAAA;AAAA,wBAC5C,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,QAAA;AAAA,YACV,WAAA,EAAU;AAAA;AAAA;AACZ,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,MACnE,SAAA,EAAS,MAAA;AAAA,MACT,WAAA,EAAU,MAAA;AAAA,MACV,IAAA;AAAA,MACA,GAAA,EAAK,WAAW,qBAAA,GAAwB,GAAA;AAAA,MACxC,MAAA,EAAQ,WAAW,QAAA,GAAW,MAAA;AAAA,MAC9B,OAAA,EAAS,WAAA;AAAA,MACR,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,aAAA;AAAc;AAAA,GACjB;AAEJ","file":"chunk-LFN7UHDT.js","sourcesContent":["import type { LinkEventPayload, LinkProps } from \"./Link.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { ExternalLink } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst linkVariants = cva(\n  \"inline-flex items-center gap-1 transition-colors outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"text-[color:var(--link-color-default)]\",\n        muted: \"text-[color:var(--link-color-muted)]\",\n        subtle: \"text-[color:var(--link-color-subtle)]\",\n        nav: \"text-[color:var(--link-color-nav)] hover:text-[color:var(--link-color-nav-hover)]\",\n        inline: \"text-[color:var(--link-color-default)] underline underline-offset-4\",\n        unstyled: \"\",\n      },\n      size: {\n        xs: \"text-[length:var(--link-text-xs)]\",\n        sm: \"text-[length:var(--link-text-sm)]\",\n        default: \"text-[length:var(--link-text-default)]\",\n        lg: \"text-[length:var(--link-text-lg)]\",\n        inherit: \"\",\n      },\n      underline: {\n        always: \"underline underline-offset-4\",\n        hover: \"hover:underline underline-offset-4\",\n        none: \"no-underline hover:no-underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"inherit\",\n      underline: \"hover\",\n    },\n    compoundVariants: [\n      // inline variant always has underline, override underline prop\n      {\n        variant: \"inline\",\n        className: \"underline underline-offset-4\",\n      },\n      // nav variant never has underline, override underline prop\n      {\n        variant: \"nav\",\n        className: \"no-underline hover:no-underline\",\n      },\n    ],\n  }\n)\n\nfunction Link({\n  className,\n  variant,\n  size,\n  underline,\n  asChild = false,\n  external = false,\n  leftIcon,\n  rightIcon,\n  showExternalIcon = true,\n  children,\n  onClick,\n  href,\n  rel,\n  \"data-id\": dataId,\n  ...props\n}: LinkProps) {\n  const Comp = asChild ? Slot : \"a\"\n\n  // Create event payload for callbacks\n  const createPayload = React.useCallback((): LinkEventPayload => ({\n    ...(dataId ? { id: dataId } : {}),\n    timestamp: Date.now(),\n    isExternal: external,\n    ...(href ? { href } : {}),\n  }), [dataId, external, href])\n\n  // Wrapped click handler that emits LinkEventPayload\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement>) => {\n      onClick?.(event, createPayload())\n    },\n    [onClick, createPayload]\n  )\n\n  // Determine if we should show the external icon\n  const shouldShowExternalIcon = external && showExternalIcon && !rightIcon\n\n  // Render content with icons\n  const renderContent = () => {\n    // If asChild, we pass children directly (Slot handles composition)\n    if (asChild) {\n      return children\n    }\n\n    return (\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        {shouldShowExternalIcon && (\n          <>\n            <span className=\"sr-only\">(opens in new tab)</span>\n            <ExternalLink\n              aria-hidden=\"true\"\n              className=\"size-3\"\n              data-slot=\"external-icon\"\n            />\n          </>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <Comp\n      className={cn(linkVariants({ variant, size, underline }), className)}\n      data-id={dataId}\n      data-slot=\"link\"\n      href={href}\n      rel={external ? \"noopener noreferrer\" : rel}\n      target={external ? \"_blank\" : undefined}\n      onClick={handleClick}\n      {...props}\n    >\n      {renderContent()}\n    </Comp>\n  )\n}\n\nexport { Link, linkVariants }\n"]}