@bricks-toolkit/toolkit 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -0,0 +1,839 @@
+'use strict';
+
+var chunkPCYGJNEQ_cjs = require('./chunk-PCYGJNEQ.cjs');
+var chunk7DDDQ3RH_cjs = require('./chunk-7DDDQ3RH.cjs');
+var chunkLTG6YP5I_cjs = require('./chunk-LTG6YP5I.cjs');
+require('./chunk-NMJ5CVZH.cjs');
+var chunkY6AN7AWX_cjs = require('./chunk-Y6AN7AWX.cjs');
+var chunkXFNRKHHF_cjs = require('./chunk-XFNRKHHF.cjs');
+var chunkDHC5LI2P_cjs = require('./chunk-DHC5LI2P.cjs');
+var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
+var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
+var chunkEV463QT5_cjs = require('./chunk-EV463QT5.cjs');
+var chunkPJWELBN2_cjs = require('./chunk-PJWELBN2.cjs');
+var chunkTNGW5YHA_cjs = require('./chunk-TNGW5YHA.cjs');
+var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
+var chunk56ILK7Y4_cjs = require('./chunk-56ILK7Y4.cjs');
+var chunkNRZIXK35_cjs = require('./chunk-NRZIXK35.cjs');
+var chunk5RKET2JO_cjs = require('./chunk-5RKET2JO.cjs');
+var chunkB4OV5GRT_cjs = require('./chunk-B4OV5GRT.cjs');
+var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
+var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
+var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
+var chunkKLBABQEJ_cjs = require('./chunk-KLBABQEJ.cjs');
+var chunkW2ZAPLQH_cjs = require('./chunk-W2ZAPLQH.cjs');
+var chunkOPOCCRJG_cjs = require('./chunk-OPOCCRJG.cjs');
+var chunkAJXVELXK_cjs = require('./chunk-AJXVELXK.cjs');
+var chunkVC7MOPU6_cjs = require('./chunk-VC7MOPU6.cjs');
+var chunk6R3OYBQ6_cjs = require('./chunk-6R3OYBQ6.cjs');
+var chunkBBVWG5GH_cjs = require('./chunk-BBVWG5GH.cjs');
+var chunkMVUNJPGH_cjs = require('./chunk-MVUNJPGH.cjs');
+var chunkHIWJDLIS_cjs = require('./chunk-HIWJDLIS.cjs');
+var chunk5J3OMAO4_cjs = require('./chunk-5J3OMAO4.cjs');
+var chunkNRCNRHXL_cjs = require('./chunk-NRCNRHXL.cjs');
+require('./chunk-6UO72EJA.cjs');
+var chunk6CC5KIA5_cjs = require('./chunk-6CC5KIA5.cjs');
+var chunkR72GDCWE_cjs = require('./chunk-R72GDCWE.cjs');
+var chunkECLNLPOR_cjs = require('./chunk-ECLNLPOR.cjs');
+var chunk7PDGAIC3_cjs = require('./chunk-7PDGAIC3.cjs');
+var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var outline = require('@heroicons/react/24/outline');
+
+function deriveStatus(index, currentStep, override) {
+  if (override) return override;
+  if (index < currentStep) return "completed";
+  if (index === currentStep) return "active";
+  return "upcoming";
+}
+var indicatorSizeClasses = {
+  sm: "w-7 h-7 text-xs",
+  md: "w-9 h-9 text-sm",
+  lg: "w-11 h-11 text-base"
+};
+var connectorOffsetH = {
+  sm: "mt-[14px]",
+  // half of h-7 = 28/2
+  md: "mt-[18px]",
+  // half of h-9 = 36/2
+  lg: "mt-[22px]"
+  // half of h-11 = 44/2
+};
+var connectorOffsetV = {
+  sm: "ml-[13px]",
+  // (28-2)/2 = 13
+  md: "ml-[17px]",
+  // (36-2)/2 = 17
+  lg: "ml-[21px]"
+  // (44-2)/2 = 21
+};
+var labelSizeClasses = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var descSizeClasses = {
+  sm: "text-[10px]",
+  md: "text-xs",
+  lg: "text-sm"
+};
+var indicatorClasses = {
+  default: {
+    completed: "bg-primary text-text-inverse shadow-md shadow-primary/30 ring-2 ring-primary/20 ring-offset-2 ring-offset-surface",
+    active: "bg-primary text-text-inverse shadow-lg shadow-primary/40 ring-2 ring-primary/30 ring-offset-2 ring-offset-surface scale-110",
+    upcoming: "bg-surface-secondary text-text-muted border border-border ring-2 ring-transparent ring-offset-2 ring-offset-surface",
+    error: "bg-error text-text-inverse shadow-md shadow-error/30 ring-2 ring-error/20 ring-offset-2 ring-offset-surface"
+  },
+  filled: {
+    completed: "bg-primary text-text-inverse shadow-md shadow-primary/30",
+    active: "bg-gradient-to-br from-primary to-accent text-text-inverse shadow-lg shadow-primary/40 scale-110",
+    upcoming: "bg-surface-secondary text-text-muted",
+    error: "bg-error text-text-inverse shadow-md shadow-error/30"
+  },
+  outlined: {
+    completed: "bg-transparent border-2 border-primary text-primary ring-2 ring-primary/10 ring-offset-2 ring-offset-surface",
+    active: "bg-primary/10 border-2 border-primary text-primary ring-2 ring-primary/20 ring-offset-2 ring-offset-surface scale-110",
+    upcoming: "bg-transparent border-2 border-border text-text-muted",
+    error: "bg-transparent border-2 border-error text-error ring-2 ring-error/10"
+  },
+  minimal: {
+    completed: "bg-primary/15 text-primary",
+    active: "bg-primary text-text-inverse shadow-md shadow-primary/30 scale-110",
+    upcoming: "bg-surface-secondary text-text-muted",
+    error: "bg-error/15 text-error"
+  }
+};
+function connectorColorClass(status) {
+  if (status === "completed") return "bg-primary";
+  if (status === "error") return "bg-error";
+  return "bg-border";
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+function ErrorIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 8.586L7.707 6.293a1 1 0 00-1.414 1.414L8.586 10l-2.293 2.293a1 1 0 101.414 1.414L10 11.414l2.293 2.293a1 1 0 001.414-1.414L11.414 10l2.293-2.293a1 1 0 00-1.414-1.414L10 8.586z" })
+    }
+  );
+}
+function StepIndicator({ step, index, status, variant, size }) {
+  const iconSize = { sm: "w-3 h-3", md: "w-4 h-4", lg: "w-5 h-5" };
+  let content;
+  if (status === "completed" && !step.icon) {
+    content = /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: iconSize[size] });
+  } else if (status === "error" && !step.icon) {
+    content = /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { className: iconSize[size] });
+  } else if (step.icon) {
+    content = step.icon;
+  } else {
+    content = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold leading-none", children: index + 1 });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkL5VQZZVR_cjs.cn(
+        "relative shrink-0 flex items-center justify-center rounded-full",
+        "transition-all duration-300 ease-out",
+        indicatorSizeClasses[size],
+        indicatorClasses[variant][status]
+      ),
+      "aria-current": status === "active" ? "step" : void 0,
+      children: [
+        content,
+        status === "active" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 rounded-full animate-ping opacity-20 bg-primary" })
+      ]
+    }
+  );
+}
+var Stepper = react.forwardRef(function Stepper2({
+  steps,
+  currentStep: externalCurrentStep,
+  onChange,
+  variant = "default",
+  size = "md",
+  orientation = "horizontal",
+  clickable = false,
+  showContent = true,
+  className,
+  connectorClassName,
+  stepClassName,
+  ...rest
+}, ref) {
+  const [internalStep, setInternalStep] = react.useState(0);
+  const isControlled = externalCurrentStep !== void 0;
+  const currentStep = isControlled ? externalCurrentStep : internalStep;
+  const handleStepClick = (index, disabled) => {
+    if (!clickable || disabled) return;
+    if (!isControlled) setInternalStep(index);
+    onChange?.(index);
+  };
+  const isHorizontal = orientation === "horizontal";
+  const activeStep = steps[currentStep];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: chunkL5VQZZVR_cjs.cn("w-full", isHorizontal ? "flex flex-col gap-6" : "flex gap-6", className),
+      ...rest,
+      children: [
+        isHorizontal ? (
+          /*
+           * HORIZONTAL layout
+           * The track is: [step] [connector] [step] [connector] [step]
+           * All siblings in one flex-row so the connector sits BETWEEN steps.
+           * Each step is flex-col (circle on top, label below).
+           * The connector uses mt-[X] to vertically center itself with the circle.
+           */
+          /* @__PURE__ */ jsxRuntime.jsx("div", { role: "list", "aria-label": "Progress steps", className: "flex flex-row items-start w-full", children: steps.map((step, index) => {
+            const status = deriveStatus(index, currentStep, step.status);
+            const isLast = index === steps.length - 1;
+            const isClickable = clickable && !step.disabled;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                role: "listitem",
+                className: chunkL5VQZZVR_cjs.cn("flex flex-row items-start", isLast ? "shrink-0" : "flex-1"),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkL5VQZZVR_cjs.cn("flex flex-col items-center gap-2 shrink-0", stepClassName), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          handleStepClick(index, step.disabled);
+                        },
+                        disabled: !isClickable,
+                        "aria-disabled": !isClickable || step.disabled,
+                        className: chunkL5VQZZVR_cjs.cn(
+                          "block focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 rounded-full",
+                          isClickable ? "cursor-pointer hover:opacity-80 transition-opacity" : "cursor-default"
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          StepIndicator,
+                          {
+                            step,
+                            index,
+                            status,
+                            variant,
+                            size
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center max-w-[80px]", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: chunkL5VQZZVR_cjs.cn(
+                            "font-semibold leading-tight transition-colors duration-200",
+                            labelSizeClasses[size],
+                            status === "active" && "text-primary",
+                            status === "completed" && "text-text",
+                            status === "upcoming" && "text-text-muted",
+                            status === "error" && "text-error"
+                          ),
+                          children: step.label
+                        }
+                      ),
+                      step.description && /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: chunkL5VQZZVR_cjs.cn(
+                            "text-text-muted leading-tight mt-0.5",
+                            descSizeClasses[size],
+                            status === "active" && "text-text-secondary"
+                          ),
+                          children: step.description
+                        }
+                      )
+                    ] })
+                  ] }),
+                  !isLast && /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkL5VQZZVR_cjs.cn(
+                        "flex-1 h-[2px] rounded-full transition-all duration-500",
+                        connectorOffsetH[size],
+                        connectorColorClass(status),
+                        connectorClassName
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ]
+              },
+              step.id
+            );
+          }) })
+        ) : (
+          /*
+           * VERTICAL layout
+           * Each step is: [circle | label]
+           *               [vertical line]
+           * The line is a sibling BELOW the circle row, offset left to align under the circle center.
+           */
+          /* @__PURE__ */ jsxRuntime.jsx("div", { role: "list", "aria-label": "Progress steps", className: "flex flex-col items-start", children: steps.map((step, index) => {
+            const status = deriveStatus(index, currentStep, step.status);
+            const isLast = index === steps.length - 1;
+            const isClickable = clickable && !step.disabled;
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listitem", className: chunkL5VQZZVR_cjs.cn("flex flex-col", stepClassName), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-start gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      handleStepClick(index, step.disabled);
+                    },
+                    disabled: !isClickable,
+                    "aria-disabled": !isClickable || step.disabled,
+                    className: chunkL5VQZZVR_cjs.cn(
+                      "block shrink-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 rounded-full",
+                      isClickable ? "cursor-pointer hover:opacity-80 transition-opacity" : "cursor-default"
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      StepIndicator,
+                      {
+                        step,
+                        index,
+                        status,
+                        variant,
+                        size
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start pt-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkL5VQZZVR_cjs.cn(
+                        "font-semibold leading-tight transition-colors duration-200",
+                        labelSizeClasses[size],
+                        status === "active" && "text-primary",
+                        status === "completed" && "text-text",
+                        status === "upcoming" && "text-text-muted",
+                        status === "error" && "text-error"
+                      ),
+                      children: step.label
+                    }
+                  ),
+                  step.description && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkL5VQZZVR_cjs.cn(
+                        "text-text-muted leading-tight mt-0.5",
+                        descSizeClasses[size],
+                        status === "active" && "text-text-secondary"
+                      ),
+                      children: step.description
+                    }
+                  )
+                ] })
+              ] }),
+              !isLast && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkL5VQZZVR_cjs.cn(
+                    "w-[2px] min-h-[28px] rounded-full transition-all duration-500 my-1",
+                    connectorOffsetV[size],
+                    connectorColorClass(status),
+                    connectorClassName
+                  ),
+                  "aria-hidden": "true"
+                }
+              )
+            ] }, step.id);
+          }) })
+        ),
+        showContent && activeStep?.content && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "region",
+            "aria-live": "polite",
+            className: "w-full rounded-lg border border-border bg-surface p-5 shadow-sm",
+            children: activeStep.content
+          }
+        )
+      ]
+    }
+  );
+});
+Stepper.displayName = "Stepper";
+var sizeClasses = {
+  sm: {
+    track: "w-8 h-4",
+    thumb: "w-3 h-3 translate-x-0.5 peer-checked:translate-x-[1.125rem]"
+  },
+  md: {
+    track: "w-11 h-6",
+    thumb: "w-5 h-5 translate-x-0.5 peer-checked:translate-x-[1.375rem]"
+  },
+  lg: {
+    track: "w-14 h-8",
+    thumb: "w-7 h-7 translate-x-0.5 peer-checked:translate-x-[1.625rem]"
+  }
+};
+var stateClasses = {
+  default: "peer-checked:bg-primary",
+  error: "peer-checked:bg-error",
+  success: "peer-checked:bg-success",
+  warning: "peer-checked:bg-warning"
+};
+var Toggle = react.forwardRef(
+  ({ className, size = "md", state = "default", label, helperText, errorText, disabled, ...props }, ref) => {
+    const { track: trackSize, thumb: thumbSize } = sizeClasses[size];
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkL5VQZZVR_cjs.cn("flex flex-col gap-1.5", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          className: chunkL5VQZZVR_cjs.cn(
+            "relative inline-flex items-center cursor-pointer select-none",
+            disabled && "cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                ref,
+                className: "sr-only peer",
+                disabled,
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkL5VQZZVR_cjs.cn(
+                  "rounded-full transition-colors duration-200 bg-border peer-focus:ring-2 peer-focus:ring-primary/20",
+                  trackSize,
+                  stateClasses[state],
+                  disabled && "opacity-50"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkL5VQZZVR_cjs.cn(
+                  "absolute top-0.5 left-0 bg-white rounded-full transition-transform duration-200 shadow-sm",
+                  thumbSize
+                )
+              }
+            ),
+            label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkL5VQZZVR_cjs.cn("ml-3 text-sm font-medium text-text", disabled && "opacity-50"), children: label })
+          ]
+        }
+      ),
+      (errorText !== void 0 || helperText !== void 0) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkL5VQZZVR_cjs.cn("text-xs", errorText ? "text-error" : "text-text-muted"), children: errorText ?? helperText })
+    ] });
+  }
+);
+Toggle.displayName = "Toggle";
+var AccordionContext = react.createContext(void 0);
+var AccordionItemIndexContext = react.createContext(void 0);
+var AccordionItemContext = react.createContext(void 0);
+var AccordionItem = ({
+  children,
+  className,
+  isOpen: controlledIsOpen,
+  onToggle,
+  disabled = false
+}) => {
+  const groupContext = react.useContext(AccordionContext);
+  const index = react.useContext(AccordionItemIndexContext);
+  const [internalIsOpen, setInternalIsOpen] = react.useState(false);
+  const isGrouped = groupContext !== void 0 && index !== void 0;
+  const isOpen = controlledIsOpen ?? (isGrouped ? groupContext.openIndices.includes(index) : internalIsOpen);
+  const toggle = react.useCallback(() => {
+    if (disabled) return;
+    if (onToggle) {
+      onToggle();
+    } else if (isGrouped) {
+      groupContext.toggleIndex(index);
+    } else {
+      setInternalIsOpen((prev) => !prev);
+    }
+  }, [disabled, onToggle, isGrouped, groupContext, index]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value: { isOpen, toggle, disabled }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkL5VQZZVR_cjs.cn("border border-border rounded-lg overflow-hidden mb-2 last:mb-0", className),
+      children
+    }
+  ) });
+};
+var AccordionTrigger = ({
+  children,
+  className,
+  hideChevron = false,
+  icon,
+  rightContent
+}) => {
+  const itemContext = react.useContext(AccordionItemContext);
+  if (!itemContext) {
+    throw new Error("AccordionTrigger must be used within an AccordionItem");
+  }
+  const { isOpen, toggle, disabled } = itemContext;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkL5VQZZVR_cjs.cn(
+        "flex items-center justify-between bg-surface transition-colors",
+        !disabled && "hover:bg-interaction-hover",
+        isOpen && "border-b border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: chunkL5VQZZVR_cjs.cn(
+              "flex flex-1 items-center gap-3 p-4 cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary/20 text-left",
+              disabled && "cursor-not-allowed opacity-50"
+            ),
+            onClick: toggle,
+            disabled,
+            "aria-expanded": isOpen,
+            children: [
+              !hideChevron && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(
+                outline.ChevronDownIcon,
+                {
+                  className: chunkL5VQZZVR_cjs.cn(
+                    "w-5 h-5 transition-transform duration-200 text-text-muted",
+                    isOpen && "rotate-180"
+                  )
+                }
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-text", children })
+            ]
+          }
+        ),
+        rightContent && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "flex items-center p-4",
+            role: "presentation",
+            onClick: (e) => {
+              e.stopPropagation();
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.stopPropagation();
+              }
+            },
+            children: rightContent
+          }
+        )
+      ]
+    }
+  );
+};
+var AccordionContent = ({
+  children,
+  className
+}) => {
+  const itemContext = react.useContext(AccordionItemContext);
+  if (!itemContext) {
+    throw new Error("AccordionContent must be used within an AccordionItem");
+  }
+  const { isOpen } = itemContext;
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkL5VQZZVR_cjs.cn(
+        "p-4 bg-surface animate-in fade-in slide-in-from-top-2 duration-200",
+        className
+      ),
+      children
+    }
+  );
+};
+var Accordion = ({
+  children,
+  className,
+  allowMultiple = false,
+  defaultOpenIndices = []
+}) => {
+  const [openIndices, setOpenIndices] = react.useState(defaultOpenIndices);
+  const toggleIndex = react.useCallback(
+    (index) => {
+      setOpenIndices((prev) => {
+        if (prev.includes(index)) {
+          return prev.filter((i) => i !== index);
+        }
+        return allowMultiple ? [...prev, index] : [index];
+      });
+    },
+    [allowMultiple]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { openIndices, toggleIndex }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkL5VQZZVR_cjs.cn("w-full", className), children: react.Children.map(children, (child, index) => /* @__PURE__ */ jsxRuntime.jsx(AccordionItemIndexContext.Provider, { value: index, children: child }, index)) }) });
+};
+
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return chunkPCYGJNEQ_cjs.Modal; }
+});
+Object.defineProperty(exports, "ModalBody", {
+  enumerable: true,
+  get: function () { return chunkPCYGJNEQ_cjs.ModalBody; }
+});
+Object.defineProperty(exports, "ModalCloseButton", {
+  enumerable: true,
+  get: function () { return chunkPCYGJNEQ_cjs.ModalCloseButton; }
+});
+Object.defineProperty(exports, "ModalFooter", {
+  enumerable: true,
+  get: function () { return chunkPCYGJNEQ_cjs.ModalFooter; }
+});
+Object.defineProperty(exports, "ModalHeader", {
+  enumerable: true,
+  get: function () { return chunkPCYGJNEQ_cjs.ModalHeader; }
+});
+Object.defineProperty(exports, "SearchInput", {
+  enumerable: true,
+  get: function () { return chunk7DDDQ3RH_cjs.SearchInput; }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () { return chunkLTG6YP5I_cjs.ThemeProvider; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return chunkLTG6YP5I_cjs.useTheme; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkY6AN7AWX_cjs.Tabs; }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function () { return chunkXFNRKHHF_cjs.TextInput; }
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () { return chunkDHC5LI2P_cjs.TimePicker; }
+});
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return chunkYMMNWJT6_cjs.Toaster; }
+});
+Object.defineProperty(exports, "Sidebar", {
+  enumerable: true,
+  get: function () { return chunkQ3IFXFFD_cjs.Sidebar; }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () { return chunkEV463QT5_cjs.Header; }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return chunkPJWELBN2_cjs.Image; }
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function () { return chunkTNGW5YHA_cjs.IconButton; }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return chunkS7VEND5Z_cjs.Skeleton; }
+});
+Object.defineProperty(exports, "SkeletonAvatar", {
+  enumerable: true,
+  get: function () { return chunkS7VEND5Z_cjs.SkeletonAvatar; }
+});
+Object.defineProperty(exports, "SkeletonCard", {
+  enumerable: true,
+  get: function () { return chunkS7VEND5Z_cjs.SkeletonCard; }
+});
+Object.defineProperty(exports, "SkeletonTable", {
+  enumerable: true,
+  get: function () { return chunkS7VEND5Z_cjs.SkeletonTable; }
+});
+Object.defineProperty(exports, "SkeletonText", {
+  enumerable: true,
+  get: function () { return chunkS7VEND5Z_cjs.SkeletonText; }
+});
+Object.defineProperty(exports, "MultiSelect", {
+  enumerable: true,
+  get: function () { return chunk56ILK7Y4_cjs.MultiSelect; }
+});
+Object.defineProperty(exports, "OtpInput", {
+  enumerable: true,
+  get: function () { return chunkNRZIXK35_cjs.OtpInput; }
+});
+Object.defineProperty(exports, "PasswordInput", {
+  enumerable: true,
+  get: function () { return chunk5RKET2JO_cjs.PasswordInput; }
+});
+Object.defineProperty(exports, "Phone", {
+  enumerable: true,
+  get: function () { return chunkB4OV5GRT_cjs.Phone; }
+});
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () { return chunkVRZFAKSV_cjs.RadioButton; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunk7R5JRJ2W_cjs.Select; }
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () { return chunkOEU5VG3D_cjs.Pagination; }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () { return chunkOEU5VG3D_cjs.Table; }
+});
+Object.defineProperty(exports, "ComboBox", {
+  enumerable: true,
+  get: function () { return chunkKLBABQEJ_cjs.ComboBox; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunkW2ZAPLQH_cjs.DatePicker; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogBody", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogBody; }
+});
+Object.defineProperty(exports, "DialogCloseButton", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogCloseButton; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunkOPOCCRJG_cjs.DialogHeader; }
+});
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenu; }
+});
+Object.defineProperty(exports, "DropdownMenuContent", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuContent; }
+});
+Object.defineProperty(exports, "DropdownMenuItem", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuItem; }
+});
+Object.defineProperty(exports, "DropdownMenuSeparator", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuSeparator; }
+});
+Object.defineProperty(exports, "DropdownMenuTrigger", {
+  enumerable: true,
+  get: function () { return chunkAJXVELXK_cjs.DropdownMenuTrigger; }
+});
+Object.defineProperty(exports, "Email", {
+  enumerable: true,
+  get: function () { return chunkVC7MOPU6_cjs.Email; }
+});
+Object.defineProperty(exports, "FileUpload", {
+  enumerable: true,
+  get: function () { return chunk6R3OYBQ6_cjs.FileUpload; }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () { return chunkBBVWG5GH_cjs.Link; }
+});
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function () { return chunkMVUNJPGH_cjs.Loader; }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkHIWJDLIS_cjs.Avatar; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunk5J3OMAO4_cjs.Badge; }
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return chunkNRCNRHXL_cjs.Breadcrumbs; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk6CC5KIA5_cjs.Button; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkR72GDCWE_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.Card; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardDescription; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardHeader; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunkECLNLPOR_cjs.CardTitle; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunk7PDGAIC3_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "cn", {
+  enumerable: true,
+  get: function () { return chunkL5VQZZVR_cjs.cn; }
+});
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.Stepper = Stepper;
+exports.Toggle = Toggle;