@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-IFHF4UES.js

@@ -0,0 +1,387 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Check, X } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var stepperVariants = cva("flex transition-all duration-200", {
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    size: {
+      default: "gap-4",
+      lg: "gap-6",
+      sm: "gap-2"
+    },
+    variant: {
+      compact: "flex-row items-center gap-2",
+      default: "flex-row items-start",
+      vertical: "flex-col"
+    }
+  }
+});
+var stepperItemVariants = cva("relative flex min-w-0 transition-all duration-200", {
+  compoundVariants: [
+    {
+      className: "flex-1 min-w-0",
+      variant: "default"
+    },
+    {
+      className: "flex-1 min-w-0",
+      variant: "compact"
+    },
+    {
+      className: "w-full",
+      variant: "vertical"
+    }
+  ],
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    size: {
+      default: "",
+      lg: "",
+      sm: ""
+    },
+    variant: {
+      compact: "flex-col items-center",
+      default: "flex-col items-center",
+      vertical: "flex-row items-start gap-3"
+    }
+  }
+});
+var stepperIndicatorVariants = cva(
+  "relative z-10 flex shrink-0 items-center justify-center rounded-full font-medium transition-all duration-200",
+  {
+    compoundVariants: [
+      // Active step with ring highlight
+      {
+        className: "ring-4 ring-primary/20",
+        status: "active"
+      }
+    ],
+    defaultVariants: {
+      size: "default",
+      status: "pending"
+    },
+    variants: {
+      size: {
+        default: "h-10 w-10 text-sm",
+        lg: "h-12 w-12 text-base",
+        sm: "h-8 w-8 text-xs"
+      },
+      status: {
+        active: "border-2 border-primary bg-primary text-primary-foreground",
+        complete: "bg-primary text-primary-foreground",
+        error: "bg-destructive text-destructive-foreground",
+        pending: "border-2 border-muted bg-muted text-muted-foreground"
+      }
+    }
+  }
+);
+var stepperConnectorHorizontalVariants = cva(
+  "absolute top-1/2 h-0.5 -translate-y-1/2 transition-all duration-200",
+  {
+    defaultVariants: {
+      size: "default",
+      status: "pending"
+    },
+    variants: {
+      size: {
+        default: "left-[calc(50%+var(--stepper-connector-offset-default))] right-[calc(-50%+var(--stepper-connector-offset-default))]",
+        lg: "left-[calc(50%+var(--stepper-connector-offset-lg))] right-[calc(-50%+var(--stepper-connector-offset-lg))]",
+        sm: "left-[calc(50%+var(--stepper-connector-offset-sm))] right-[calc(-50%+var(--stepper-connector-offset-sm))]"
+      },
+      status: {
+        active: "bg-primary/50",
+        complete: "bg-primary",
+        error: "bg-destructive/50",
+        pending: "bg-muted"
+      }
+    }
+  }
+);
+var stepperConnectorVerticalVariants = cva(
+  "absolute w-0.5 transition-all duration-200",
+  {
+    defaultVariants: {
+      size: "default",
+      status: "pending"
+    },
+    variants: {
+      size: {
+        default: "left-5 top-12 h-[calc(100%-var(--stepper-connector-vertical-height-offset-default))]",
+        lg: "left-6 top-14 h-[calc(100%-var(--stepper-connector-vertical-height-offset-lg))]",
+        sm: "left-4 top-10 h-[calc(100%-var(--stepper-connector-vertical-height-offset-sm))]"
+      },
+      status: {
+        active: "bg-primary/50",
+        complete: "bg-primary",
+        error: "bg-destructive/50",
+        pending: "bg-muted"
+      }
+    }
+  }
+);
+var stepperLabelVariants = cva("font-medium transition-colors", {
+  defaultVariants: {
+    size: "default",
+    status: "pending"
+  },
+  variants: {
+    size: {
+      default: "text-sm",
+      lg: "text-base",
+      sm: "text-xs"
+    },
+    status: {
+      active: "text-foreground",
+      complete: "text-foreground",
+      error: "text-destructive",
+      pending: "text-muted-foreground"
+    }
+  }
+});
+var stepperDescriptionVariants = cva("text-muted-foreground transition-colors", {
+  defaultVariants: {
+    size: "default"
+  },
+  variants: {
+    size: {
+      default: "text-xs",
+      lg: "text-sm",
+      sm: "text-xs"
+    }
+  }
+});
+function computeStepStatus(step, index, currentStep, completed) {
+  if (step.status) {
+    return step.status;
+  }
+  if (completed?.includes(index)) {
+    return "complete";
+  }
+  if (index < currentStep) {
+    return "complete";
+  }
+  if (index === currentStep) {
+    return "active";
+  }
+  return "pending";
+}
+function StepIndicatorContent({
+  index,
+  size = "default",
+  status,
+  step
+}) {
+  const iconSize = size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
+  if (step.icon) {
+    return /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", `[&>svg]:${iconSize}`), children: step.icon });
+  }
+  if (status === "complete") {
+    return /* @__PURE__ */ jsx(Check, { className: iconSize });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsx(X, { className: iconSize });
+  }
+  return /* @__PURE__ */ jsx("span", { children: index + 1 });
+}
+function StepperItem({
+  clickable = false,
+  index,
+  isLast = false,
+  onClick,
+  showConnector = true,
+  size = "default",
+  status,
+  step,
+  variant = "default"
+}) {
+  const isVertical = variant === "vertical";
+  const isDisabled = step.disabled ?? false;
+  const connectorStatus = status === "complete" ? "complete" : "pending";
+  const handleClick = () => {
+    if (clickable && !isDisabled && onClick) {
+      onClick(index);
+    }
+    step.onClick?.();
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleClick();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        stepperItemVariants({ size, variant }),
+        clickable && !isDisabled && "cursor-pointer",
+        isDisabled && "cursor-not-allowed opacity-50"
+      ),
+      "aria-current": status === "active" ? "step" : void 0,
+      "data-slot": "stepper-item",
+      "data-status": status,
+      tabIndex: clickable && !isDisabled ? 0 : void 0,
+      onClick: clickable ? handleClick : void 0,
+      onKeyDown: clickable && !isDisabled ? handleKeyDown : void 0,
+      children: [
+        !isVertical && /* @__PURE__ */ jsxs("div", { className: "relative flex w-full items-center justify-center", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: stepperIndicatorVariants({ size, status }),
+              "data-slot": "stepper-indicator",
+              children: /* @__PURE__ */ jsx(
+                StepIndicatorContent,
+                {
+                  index,
+                  size,
+                  status,
+                  step
+                }
+              )
+            }
+          ),
+          showConnector && !isLast && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: stepperConnectorHorizontalVariants({
+                size,
+                status: connectorStatus
+              }),
+              "aria-hidden": "true",
+              "data-slot": "stepper-connector"
+            }
+          )
+        ] }),
+        isVertical && /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: stepperIndicatorVariants({ size, status }),
+              "data-slot": "stepper-indicator",
+              children: /* @__PURE__ */ jsx(
+                StepIndicatorContent,
+                {
+                  index,
+                  size,
+                  status,
+                  step
+                }
+              )
+            }
+          ),
+          showConnector && !isLast && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                stepperConnectorVerticalVariants({ size, status: connectorStatus }),
+                "min-h-8"
+              ),
+              "aria-hidden": "true",
+              "data-slot": "stepper-connector"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-col",
+              isVertical ? "flex-1" : "mt-2 items-center text-center"
+            ),
+            "data-slot": "stepper-content",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(stepperLabelVariants({ size, status }), "max-w-full truncate"),
+                  "data-slot": "stepper-label",
+                  children: step.label
+                }
+              ),
+              step.description && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: stepperDescriptionVariants({ size }),
+                  "data-slot": "stepper-description",
+                  children: step.description
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Stepper({
+  children,
+  className,
+  clickable = false,
+  completed,
+  currentStep = 0,
+  onStepClick,
+  showConnectors = true,
+  size = "default",
+  steps,
+  variant = "default",
+  ...props
+}) {
+  if (children) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": "Stepper",
+        className: cn(stepperVariants({ size, variant }), className),
+        "data-slot": "stepper",
+        role: "list",
+        ...props,
+        children
+      }
+    );
+  }
+  const totalSteps = steps?.length ?? 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": "Stepper",
+      "aria-valuemax": totalSteps,
+      "aria-valuemin": 0,
+      "aria-valuenow": currentStep + 1,
+      className: cn(stepperVariants({ size, variant }), className),
+      "data-slot": "stepper",
+      "data-variant": variant,
+      role: "progressbar",
+      ...props,
+      children: steps?.map((step, index) => {
+        const status = computeStepStatus(step, index, currentStep, completed);
+        return /* @__PURE__ */ jsx(
+          StepperItem,
+          {
+            clickable,
+            index,
+            isLast: index === steps.length - 1,
+            showConnector: showConnectors,
+            size,
+            status,
+            step,
+            variant,
+            onClick: onStepClick
+          },
+          step.id
+        );
+      })
+    }
+  );
+}
+
+export { Stepper, stepperConnectorHorizontalVariants, stepperConnectorVerticalVariants, stepperDescriptionVariants, stepperIndicatorVariants, stepperItemVariants, stepperLabelVariants, stepperVariants };
+//# sourceMappingURL=chunk-IFHF4UES.js.map
+//# sourceMappingURL=chunk-IFHF4UES.js.map

package/dist/chunk-IFHF4UES.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workflow/Stepper/Stepper.variants.ts","../src/components/workflow/Stepper/Stepper.tsx"],"names":[],"mappings":"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","file":"chunk-IFHF4UES.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Stepper container variants\n */\nexport const stepperVariants = cva(\"flex transition-all duration-200\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"gap-4\",\n      lg: \"gap-6\",\n      sm: \"gap-2\",\n    },\n    variant: {\n      compact: \"flex-row items-center gap-2\",\n      default: \"flex-row items-start\",\n      vertical: \"flex-col\",\n    },\n  },\n})\n\n/**\n * Step item container variants\n */\nexport const stepperItemVariants = cva(\"relative flex min-w-0 transition-all duration-200\", {\n  compoundVariants: [\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"default\",\n    },\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"compact\",\n    },\n    {\n      className: \"w-full\",\n      variant: \"vertical\",\n    },\n  ],\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n    variant: {\n      compact: \"flex-col items-center\",\n      default: \"flex-col items-center\",\n      vertical: \"flex-row items-start gap-3\",\n    },\n  },\n})\n\n/**\n * Step indicator (circle) variants\n */\nexport const stepperIndicatorVariants = cva(\n  \"relative z-10 flex shrink-0 items-center justify-center rounded-full font-medium transition-all duration-200\",\n  {\n    compoundVariants: [\n      // Active step with ring highlight\n      {\n        className: \"ring-4 ring-primary/20\",\n        status: \"active\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"h-10 w-10 text-sm\",\n        lg: \"h-12 w-12 text-base\",\n        sm: \"h-8 w-8 text-xs\",\n      },\n      status: {\n        active: \"border-2 border-primary bg-primary text-primary-foreground\",\n        complete: \"bg-primary text-primary-foreground\",\n        error: \"bg-destructive text-destructive-foreground\",\n        pending: \"border-2 border-muted bg-muted text-muted-foreground\",\n      },\n    },\n  }\n)\n\n/**\n * Horizontal connector variants\n */\nexport const stepperConnectorHorizontalVariants = cva(\n  \"absolute top-1/2 h-0.5 -translate-y-1/2 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-[calc(50%+var(--stepper-connector-offset-default))] right-[calc(-50%+var(--stepper-connector-offset-default))]\",\n        lg: \"left-[calc(50%+var(--stepper-connector-offset-lg))] right-[calc(-50%+var(--stepper-connector-offset-lg))]\",\n        sm: \"left-[calc(50%+var(--stepper-connector-offset-sm))] right-[calc(-50%+var(--stepper-connector-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-primary\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-muted\",\n      },\n    },\n  }\n)\n\n/**\n * Vertical connector variants\n */\nexport const stepperConnectorVerticalVariants = cva(\n  \"absolute w-0.5 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-5 top-12 h-[calc(100%-var(--stepper-connector-vertical-height-offset-default))]\",\n        lg: \"left-6 top-14 h-[calc(100%-var(--stepper-connector-vertical-height-offset-lg))]\",\n        sm: \"left-4 top-10 h-[calc(100%-var(--stepper-connector-vertical-height-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-primary\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-muted\",\n      },\n    },\n  }\n)\n\n/**\n * Step label variants\n */\nexport const stepperLabelVariants = cva(\"font-medium transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n    status: \"pending\",\n  },\n  variants: {\n    size: {\n      default: \"text-sm\",\n      lg: \"text-base\",\n      sm: \"text-xs\",\n    },\n    status: {\n      active: \"text-foreground\",\n      complete: \"text-foreground\",\n      error: \"text-destructive\",\n      pending: \"text-muted-foreground\",\n    },\n  },\n})\n\n/**\n * Step description variants\n */\nexport const stepperDescriptionVariants = cva(\"text-muted-foreground transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-xs\",\n      lg: \"text-sm\",\n      sm: \"text-xs\",\n    },\n  },\n})\n\n// Export variant prop types\nexport type StepperVariantProps = VariantProps<typeof stepperVariants>\nexport type StepperItemVariantProps = VariantProps<typeof stepperItemVariants>\nexport type StepperIndicatorVariantProps = VariantProps<typeof stepperIndicatorVariants>\nexport type StepperConnectorHorizontalVariantProps = VariantProps<\n  typeof stepperConnectorHorizontalVariants\n>\nexport type StepperConnectorVerticalVariantProps = VariantProps<\n  typeof stepperConnectorVerticalVariants\n>\n","import type { StepItem, StepperItemProps, StepperProps } from \"./Stepper.types\"\n\nimport { Check, X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  stepperConnectorHorizontalVariants,\n  stepperConnectorVerticalVariants,\n  stepperDescriptionVariants,\n  stepperIndicatorVariants,\n  stepperItemVariants,\n  stepperLabelVariants,\n  stepperVariants,\n} from \"./Stepper.variants\"\n\n/**\n * Compute the status of a step based on its index, current step, and completed array\n */\nfunction computeStepStatus(\n  step: StepItem,\n  index: number,\n  currentStep: number,\n  completed?: number[]\n): \"active\" | \"complete\" | \"error\" | \"pending\" {\n  // If step has explicit status, use it\n  if (step.status) {\n    return step.status\n  }\n\n  // Check if this step is in the completed array\n  if (completed?.includes(index)) {\n    return \"complete\"\n  }\n\n  // Auto-compute based on currentStep\n  if (index < currentStep) {\n    return \"complete\"\n  }\n  if (index === currentStep) {\n    return \"active\"\n  }\n  return \"pending\"\n}\n\n/**\n * Render step indicator content\n */\nfunction StepIndicatorContent({\n  index,\n  size = \"default\",\n  status,\n  step,\n}: {\n  index: number\n  size?: \"default\" | \"lg\" | \"sm\"\n  status: \"active\" | \"complete\" | \"error\" | \"pending\"\n  step: StepItem\n}) {\n  const iconSize = size === \"sm\" ? \"h-3 w-3\" : size === \"lg\" ? \"h-5 w-5\" : \"h-4 w-4\"\n\n  // Show custom icon if provided\n  if (step.icon) {\n    return (\n      <span className={cn(\"flex items-center justify-center\", `[&>svg]:${iconSize}`)}>\n        {step.icon}\n      </span>\n    )\n  }\n\n  // Show checkmark for complete\n  if (status === \"complete\") {\n    return <Check className={iconSize} />\n  }\n\n  // Show X for error\n  if (status === \"error\") {\n    return <X className={iconSize} />\n  }\n\n  // Show step number for active/pending\n  return <span>{index + 1}</span>\n}\n\n/**\n * Single step item component\n */\nfunction StepperItem({\n  clickable = false,\n  index,\n  isLast = false,\n  onClick,\n  showConnector = true,\n  size = \"default\",\n  status,\n  step,\n  variant = \"default\",\n}: StepperItemProps) {\n  const isVertical = variant === \"vertical\"\n  const isDisabled = step.disabled ?? false\n\n  // Get connector status\n  const connectorStatus = status === \"complete\" ? \"complete\" : \"pending\"\n\n  // Handle click\n  const handleClick = () => {\n    if (clickable && !isDisabled && onClick) {\n      onClick(index)\n    }\n    step.onClick?.()\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        stepperItemVariants({ size, variant }),\n        clickable && !isDisabled && \"cursor-pointer\",\n        isDisabled && \"cursor-not-allowed opacity-50\"\n      )}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      data-slot=\"stepper-item\"\n      data-status={status}\n      tabIndex={clickable && !isDisabled ? 0 : undefined}\n      onClick={clickable ? handleClick : undefined}\n      onKeyDown={clickable && !isDisabled ? handleKeyDown : undefined}\n    >\n      {/* Indicator wrapper for horizontal orientation */}\n      {!isVertical && (\n        <div className=\"relative flex w-full items-center justify-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Horizontal connector */}\n          {showConnector && !isLast && (\n            <div\n              className={stepperConnectorHorizontalVariants({\n                size,\n                status: connectorStatus,\n              })}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Vertical layout indicator */}\n      {isVertical && (\n        <div className=\"relative flex flex-col items-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Vertical connector */}\n          {showConnector && !isLast && (\n            <div\n              className={cn(\n                stepperConnectorVerticalVariants({ size, status: connectorStatus }),\n                \"min-h-8\"\n              )}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Labels and description */}\n      <div\n        className={cn(\n          \"flex min-w-0 flex-col\",\n          isVertical ? \"flex-1\" : \"mt-2 items-center text-center\"\n        )}\n        data-slot=\"stepper-content\"\n      >\n        <span\n          className={cn(stepperLabelVariants({ size, status }), \"max-w-full truncate\")}\n          data-slot=\"stepper-label\"\n        >\n          {step.label}\n        </span>\n        {step.description && (\n          <span\n            className={stepperDescriptionVariants({ size })}\n            data-slot=\"stepper-description\"\n          >\n            {step.description}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Stepper component displays a sequence of steps in a workflow.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", label: \"Informações\" },\n *   { id: \"2\", label: \"Verificação\" },\n *   { id: \"3\", label: \"Conclusão\" },\n * ]\n *\n * <Stepper steps={steps} currentStep={1} />\n * ```\n */\nfunction Stepper({\n  children,\n  className,\n  clickable = false,\n  completed,\n  currentStep = 0,\n  onStepClick,\n  showConnectors = true,\n  size = \"default\",\n  steps,\n  variant = \"default\",\n  ...props\n}: StepperProps) {\n  // If children are provided, render custom content\n  if (children) {\n    return (\n      <div\n        aria-label=\"Stepper\"\n        className={cn(stepperVariants({ size, variant }), className)}\n        data-slot=\"stepper\"\n        role=\"list\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  // Compute progress values for aria\n  const totalSteps = steps?.length ?? 0\n\n  return (\n    <div\n      aria-label=\"Stepper\"\n      aria-valuemax={totalSteps}\n      aria-valuemin={0}\n      aria-valuenow={currentStep + 1}\n      className={cn(stepperVariants({ size, variant }), className)}\n      data-slot=\"stepper\"\n      data-variant={variant}\n      role=\"progressbar\"\n      {...props}\n    >\n      {steps?.map((step, index) => {\n        const status = computeStepStatus(step, index, currentStep, completed)\n\n        return (\n          <StepperItem\n            key={step.id}\n            clickable={clickable}\n            index={index}\n            isLast={index === steps.length - 1}\n            showConnector={showConnectors}\n            size={size}\n            status={status}\n            step={step}\n            variant={variant}\n            onClick={onStepClick}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nexport { Stepper }\nexport type { StepItem, StepperProps }\n"]}

package/dist/chunk-ILAV2AZ4.js

@@ -0,0 +1,226 @@
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-65YSTUD2.js';
+import { SkeletonLoader } from './chunk-QHKOBGLW.js';
+import { Checkbox } from './chunk-XETKCF73.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SKELETON_KEYS = [
+  "skeleton-row-1",
+  "skeleton-row-2",
+  "skeleton-row-3",
+  "skeleton-row-4",
+  "skeleton-row-5"
+];
+function VirtualTable({
+  data,
+  columns,
+  rowHeight = 40,
+  overscan = 5,
+  estimateSize,
+  containerHeight = 400,
+  enableRowSelection = false,
+  onRowClick,
+  getRowId,
+  loading = false,
+  loadingComponent,
+  emptyState,
+  className,
+  rowSelection: controlledRowSelection,
+  onRowSelectionChange,
+  onSelectionChange,
+  rowClassName,
+  stickyHeader = true
+}) {
+  const parentRef = React.useRef(null);
+  const [internalRowSelection, setInternalRowSelection] = React.useState({});
+  const rowSelection = controlledRowSelection ?? internalRowSelection;
+  const handleRowSelectionChange = React.useCallback(
+    (updaterOrValue) => {
+      const newValue = typeof updaterOrValue === "function" ? updaterOrValue(rowSelection) : updaterOrValue;
+      if (onRowSelectionChange) {
+        onRowSelectionChange(newValue);
+      } else {
+        setInternalRowSelection(newValue);
+      }
+      if (onSelectionChange) {
+        const selectedIndices = Object.keys(newValue).filter(
+          (key) => newValue[key]
+        );
+        const selectedRows = selectedIndices.map((idx) => data[Number(idx)]).filter(Boolean);
+        onSelectionChange(selectedRows);
+      }
+    },
+    [rowSelection, onRowSelectionChange, onSelectionChange, data]
+  );
+  const tableColumns = React.useMemo(() => {
+    if (!enableRowSelection) return columns;
+    return [
+      {
+        id: "select",
+        header: ({ table: table2 }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
+            "aria-label": "Select all",
+            onCheckedChange: (value) => {
+              table2.toggleAllPageRowsSelected(!!value);
+            }
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": "Select row",
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => {
+              row.toggleSelected(!!value);
+            }
+          }
+        ),
+        enableSorting: false,
+        enableHiding: false,
+        size: 40
+      },
+      ...columns
+    ];
+  }, [columns, enableRowSelection]);
+  const table = useReactTable({
+    data,
+    columns: tableColumns,
+    state: {
+      rowSelection
+    },
+    enableRowSelection,
+    getRowId,
+    getCoreRowModel: getCoreRowModel(),
+    onRowSelectionChange: handleRowSelectionChange
+  });
+  const { rows } = table.getRowModel();
+  const virtualizer = useVirtualizer({
+    count: rows.length,
+    getScrollElement: () => parentRef.current,
+    estimateSize: estimateSize ?? (() => rowHeight),
+    overscan
+  });
+  const virtualItems = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
+  const containerStyle = {
+    height: typeof containerHeight === "number" ? `${String(containerHeight)}px` : containerHeight,
+    overflow: "auto",
+    willChange: "transform"
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), "data-slot": "virtual-table", children: loadingComponent ?? /* @__PURE__ */ jsx("div", { className: "space-y-2", "data-slot": "virtual-table-loading", children: SKELETON_KEYS.map((key) => /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-10 w-full" }, key)) }) });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), "data-slot": "virtual-table", children: emptyState ?? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex flex-col items-center justify-center py-12 text-center",
+        "data-slot": "virtual-table-empty",
+        children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "No data available" })
+      }
+    ) });
+  }
+  const firstItem = virtualItems[0];
+  const lastItem = virtualItems[virtualItems.length - 1];
+  const paddingTop = firstItem ? firstItem.start : 0;
+  const paddingBottom = lastItem ? totalSize - lastItem.end : 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("rounded-md border", className),
+      "data-slot": "virtual-table",
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: parentRef,
+          className: "relative",
+          "data-slot": "virtual-table-container",
+          style: containerStyle,
+          children: /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(
+              TableHeader,
+              {
+                className: cn(
+                  stickyHeader && "bg-[color:var(--table-header-bg)] sticky top-0 z-10"
+                ),
+                children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+                  TableHead,
+                  {
+                    style: {
+                      width: header.getSize() !== 150 ? header.getSize() : void 0
+                    },
+                    children: header.isPlaceholder ? null : flexRender(
+                      header.column.columnDef.header,
+                      header.getContext()
+                    )
+                  },
+                  header.id
+                )) }, headerGroup.id))
+              }
+            ),
+            /* @__PURE__ */ jsxs(TableBody, { children: [
+              paddingTop > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: tableColumns.length,
+                  style: { height: `${String(paddingTop)}px`, padding: 0 }
+                }
+              ) }),
+              virtualItems.map((virtualRow) => {
+                const row = rows[virtualRow.index];
+                if (!row) return null;
+                return /* @__PURE__ */ jsx(
+                  TableRow,
+                  {
+                    className: cn(
+                      onRowClick && "cursor-pointer",
+                      rowClassName?.(row)
+                    ),
+                    style: {
+                      height: `${String(virtualRow.size)}px`
+                    },
+                    "aria-rowindex": virtualRow.index + 1,
+                    "data-state": row.getIsSelected() ? "selected" : void 0,
+                    onClick: onRowClick ? () => {
+                      onRowClick(row.original);
+                    } : void 0,
+                    children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(
+                      TableCell,
+                      {
+                        style: {
+                          width: cell.column.getSize() !== 150 ? cell.column.getSize() : void 0
+                        },
+                        children: flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext()
+                        )
+                      },
+                      cell.id
+                    ))
+                  },
+                  row.id
+                );
+              }),
+              paddingBottom > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                "td",
+                {
+                  colSpan: tableColumns.length,
+                  style: { height: `${String(paddingBottom)}px`, padding: 0 }
+                }
+              ) })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { VirtualTable };
+//# sourceMappingURL=chunk-ILAV2AZ4.js.map
+//# sourceMappingURL=chunk-ILAV2AZ4.js.map