silver-ui 0.3.1 → 0.5.0

package/dist/chunk-23NN5WRP.cjs

@@ -1,454 +0,0 @@
-'use strict';
-
-var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
-var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
-var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Stepper/Step.recipe.ts
-var stepIndicatorRecipe = chunkJRBQKFVO_cjs.cva({
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "7",
-    h: "7",
-    borderRadius: "full",
-    fontFamily: "body",
-    fontSize: "sm",
-    fontWeight: "semibold",
-    lineHeight: "none",
-    transitionProperty: "background-color, color, border-color, opacity",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    flexShrink: 0,
-    userSelect: "none",
-    borderWidth: "emphasized",
-    borderStyle: "solid"
-  },
-  variants: {
-    state: {
-      active: {
-        bg: "primary",
-        borderColor: "primary",
-        color: "fg.onPrimary"
-      },
-      completed: {
-        bg: "primary",
-        borderColor: "primary",
-        color: "fg.onPrimary"
-      },
-      upcoming: {
-        bg: "transparent",
-        borderColor: "border.emphasized",
-        color: "fg.muted"
-      },
-      disabled: {
-        bg: "transparent",
-        borderColor: "border",
-        color: "fg.disabled"
-      },
-      error: {
-        bg: "status.error.solid",
-        borderColor: "status.error.solid",
-        color: "status.error.solidFg"
-      }
-    },
-    isClickable: {
-      true: {
-        cursor: "pointer",
-        _hover: {
-          opacity: 0.85
-        },
-        _focusVisible: {
-          outlineWidth: "focus",
-          outlineStyle: "solid",
-          outlineColor: "primary",
-          outlineOffset: "focusOffset"
-        }
-      },
-      false: {}
-    }
-  },
-  defaultVariants: {
-    state: "upcoming",
-    isClickable: false
-  }
-});
-var stepLabelRecipe = chunkJRBQKFVO_cjs.cva({
-  base: {
-    textAlign: "center"
-  },
-  variants: {
-    state: {
-      active: {
-        color: "fg",
-        fontWeight: "semibold"
-      },
-      completed: {
-        color: "fg"
-      },
-      upcoming: {
-        color: "fg.muted"
-      },
-      disabled: {
-        color: "fg.disabled"
-      },
-      error: {
-        color: "status.error.fg"
-      }
-    },
-    orientation: {
-      horizontal: {},
-      vertical: {
-        textAlign: "start"
-      }
-    }
-  },
-  defaultVariants: {
-    state: "upcoming",
-    orientation: "horizontal"
-  }
-});
-var stepConnectorRecipe = chunkJRBQKFVO_cjs.cva({
-  base: {
-    borderRadius: "full",
-    transitionProperty: "background-color",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default"
-  },
-  variants: {
-    isCompleted: {
-      true: {
-        bg: "primary"
-      },
-      false: {
-        bg: "track.emphasized"
-      }
-    },
-    orientation: {
-      horizontal: {
-        h: "0.5",
-        w: "full"
-      },
-      vertical: {
-        w: "0.5",
-        h: "full"
-      }
-    }
-  },
-  defaultVariants: {
-    isCompleted: false,
-    orientation: "horizontal"
-  }
-});
-var StepperContext = react.createContext(null);
-StepperContext.displayName = "StepperContext";
-function useStepperContext() {
-  const context = react.use(StepperContext);
-  if (context == null) {
-    throw new Error("Step must be used within a Stepper.");
-  }
-  return context;
-}
-var styles = {
-  horizontalRoot: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "flex-start",
-    flex: 1,
-    position: "relative",
-    _last: {
-      flex: "none"
-    },
-    "&:last-child [data-step-connector]": {
-      display: "none"
-    }
-  }),
-  horizontalContent: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    position: "relative",
-    zIndex: 1
-  }),
-  horizontalConnector: chunkRU6JG3FS_cjs.css({
-    flex: 1,
-    display: "flex",
-    alignItems: "center",
-    px: "2",
-    minW: "6",
-    h: "7"
-  }),
-  verticalRoot: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "stretch",
-    position: "relative",
-    minH: "12",
-    "&:last-child [data-step-connector]": {
-      display: "none"
-    }
-  }),
-  verticalIndicatorColumn: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    w: "7",
-    flexShrink: 0
-  }),
-  verticalConnector: chunkRU6JG3FS_cjs.css({
-    flex: 1,
-    display: "flex",
-    justifyContent: "center",
-    py: "1"
-  }),
-  verticalContent: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    ps: "3",
-    pb: "6",
-    flex: 1
-  }),
-  labelRow: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    pt: "1",
-    maxW: "120px"
-  }),
-  labelRowVertical: chunkRU6JG3FS_cjs.css({
-    alignItems: "flex-start",
-    maxW: "none",
-    pt: "0.5"
-  }),
-  description: chunkRU6JG3FS_cjs.css({
-    textAlign: "center"
-  }),
-  descriptionVertical: chunkRU6JG3FS_cjs.css({
-    textAlign: "start"
-  }),
-  descriptionError: chunkRU6JG3FS_cjs.css({
-    color: "status.error.fg"
-  }),
-  buttonReset: chunkRU6JG3FS_cjs.css({
-    bg: "none",
-    borderWidth: 0,
-    p: 0,
-    m: 0,
-    font: "inherit"
-  }),
-  stepContent: chunkRU6JG3FS_cjs.css({
-    pt: "3"
-  })
-};
-function getStepState({
-  hasError,
-  isActive,
-  isCompleted,
-  isDisabled
-}) {
-  if (hasError) {
-    return "error";
-  }
-  if (isDisabled) {
-    return "disabled";
-  }
-  if (isActive) {
-    return "active";
-  }
-  if (isCompleted) {
-    return "completed";
-  }
-  return "upcoming";
-}
-function Step({
-  children,
-  className,
-  "data-testid": dataTestId,
-  description,
-  hasError = false,
-  icon,
-  isCompleted: isCompletedFromProps,
-  isDisabled = false,
-  label,
-  ref,
-  step,
-  style
-}) {
-  const { activeStep, orientation, isNonLinear, onStepClick } = useStepperContext();
-  const isActive = step === activeStep;
-  const isCompleted = isCompletedFromProps ?? step < activeStep;
-  const isVertical = orientation === "vertical";
-  const isClickable = isNonLinear && !isDisabled && (isCompleted || isActive);
-  const state = getStepState({ hasError, isActive, isCompleted, isDisabled });
-  const connectorClassName = stepConnectorRecipe({
-    isCompleted,
-    orientation
-  });
-  const defaultIndicatorContent = isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "inherit", icon: lucideReact.Check, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: step + 1 });
-  const indicatorContent = hasError ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "inherit", icon: lucideReact.TriangleAlert, size: "sm" }) : icon ?? defaultIndicatorContent;
-  const handleClick = () => {
-    if (isClickable) {
-      onStepClick?.(step);
-    }
-  };
-  const stepLabel = hasError ? `Go to step ${step + 1}: ${label} (error)` : `Go to step ${step + 1}: ${label}`;
-  const indicator = isClickable ? /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      "aria-label": stepLabel,
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles.buttonReset,
-        stepIndicatorRecipe({ state, isClickable: true })
-      ),
-      onClick: handleClick,
-      type: "button",
-      children: indicatorContent
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: stepIndicatorRecipe({ state, isClickable: false }),
-      children: indicatorContent
-    }
-  );
-  const labelNode = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles.labelRow,
-        isVertical ? styles.labelRowVertical : void 0
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQEFE4QBL_cjs.Text,
-          {
-            as: "span",
-            className: stepLabelRecipe({ state, orientation }),
-            color: "inherit",
-            type: "label",
-            children: label
-          }
-        ),
-        description != null ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQEFE4QBL_cjs.Text,
-          {
-            as: "span",
-            className: chunkSPDVNY2Z_cjs.cx(
-              styles.description,
-              isVertical ? styles.descriptionVertical : void 0,
-              state === "error" ? styles.descriptionError : void 0
-            ),
-            color: "secondary",
-            type: "supporting",
-            children: description
-          }
-        ) : null
-      ]
-    }
-  );
-  if (isVertical) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "li",
-      {
-        "aria-current": isActive ? "step" : void 0,
-        className: chunkSPDVNY2Z_cjs.cx(styles.verticalRoot, className),
-        "data-testid": dataTestId,
-        ref,
-        style,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.verticalIndicatorColumn, children: [
-            indicator,
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.verticalConnector, "data-step-connector": "", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: connectorClassName }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.verticalContent, children: [
-            labelNode,
-            chunkQAO6QMNQ_cjs.isReactNode(children) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.stepContent, children }) : null
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "li",
-    {
-      "aria-current": isActive ? "step" : void 0,
-      className: chunkSPDVNY2Z_cjs.cx(styles.horizontalRoot, className),
-      "data-testid": dataTestId,
-      ref,
-      style,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.horizontalContent, children: [
-          indicator,
-          labelNode
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.horizontalConnector, "data-step-connector": "", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: connectorClassName }) })
-      ]
-    }
-  );
-}
-Step.displayName = "Step";
-var styles2 = {
-  root: chunkRU6JG3FS_cjs.css({
-    display: "flex",
-    w: "full",
-    m: 0,
-    p: 0,
-    listStyleType: "none"
-  }),
-  horizontal: chunkRU6JG3FS_cjs.css({
-    flexDirection: "row",
-    alignItems: "flex-start"
-  }),
-  vertical: chunkRU6JG3FS_cjs.css({
-    flexDirection: "column"
-  })
-};
-function Stepper({
-  activeStep,
-  children,
-  className,
-  "data-testid": dataTestId,
-  label = "Progress",
-  onStepClick,
-  orientation = "horizontal",
-  ref,
-  style
-}) {
-  const contextValue = react.useMemo(
-    () => ({
-      activeStep,
-      isNonLinear: onStepClick != null,
-      onStepClick: onStepClick ?? null,
-      orientation
-    }),
-    [activeStep, onStepClick, orientation]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(StepperContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles2.root,
-        orientation === "horizontal" ? styles2.horizontal : styles2.vertical,
-        className
-      ),
-      "data-testid": dataTestId,
-      style,
-      children
-    }
-  ) }) });
-}
-Stepper.displayName = "Stepper";
-
-exports.Step = Step;
-exports.Stepper = Stepper;
-exports.useStepperContext = useStepperContext;
-//# sourceMappingURL=chunk-23NN5WRP.cjs.map
-//# sourceMappingURL=chunk-23NN5WRP.cjs.map

package/dist/chunk-23NN5WRP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Stepper/Step.recipe.ts","../src/components/Stepper/StepperContext.ts","../src/components/Stepper/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["cva","createContext","use","css","jsx","Icon","Check","TriangleAlert","cx","jsxs","Text","isReactNode","styles","useMemo"],"mappings":";;;;;;;;;;;;;AAGO,IAAM,sBAAsBA,qBAAA,CAAI;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,CAAA,EAAG,GAAA;AAAA,IACH,CAAA,EAAG,GAAA;AAAA,IACH,YAAA,EAAc,MAAA;AAAA,IACd,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,IAAA;AAAA,IACV,UAAA,EAAY,UAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,kBAAA,EAAoB,gDAAA;AAAA,IACpB,kBAAA,EAAoB,MAAA;AAAA,IACpB,wBAAA,EAA0B,SAAA;AAAA,IAC1B,UAAA,EAAY,CAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,WAAA,EAAa,YAAA;AAAA,IACb,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,SAAA;AAAA,QACJ,WAAA,EAAa,SAAA;AAAA,QACb,KAAA,EAAO;AAAA,OACT;AAAA,MACA,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,SAAA;AAAA,QACJ,WAAA,EAAa,SAAA;AAAA,QACb,KAAA,EAAO;AAAA,OACT;AAAA,MACA,QAAA,EAAU;AAAA,QACR,EAAA,EAAI,aAAA;AAAA,QACJ,WAAA,EAAa,mBAAA;AAAA,QACb,KAAA,EAAO;AAAA,OACT;AAAA,MACA,QAAA,EAAU;AAAA,QACR,EAAA,EAAI,aAAA;AAAA,QACJ,WAAA,EAAa,QAAA;AAAA,QACb,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,EAAA,EAAI,oBAAA;AAAA,QACJ,WAAA,EAAa,oBAAA;AAAA,QACb,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,MAAA,EAAQ,SAAA;AAAA,QACR,MAAA,EAAQ;AAAA,UACN,OAAA,EAAS;AAAA,SACX;AAAA,QACA,aAAA,EAAe;AAAA,UACb,YAAA,EAAc,OAAA;AAAA,UACd,YAAA,EAAc,OAAA;AAAA,UACd,YAAA,EAAc,SAAA;AAAA,UACd,aAAA,EAAe;AAAA;AACjB,OACF;AAAA,MACA,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AAEM,IAAM,kBAAkBA,qBAAA,CAAI;AAAA,EACjC,IAAA,EAAM;AAAA,IACJ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,IAAA;AAAA,QACP,UAAA,EAAY;AAAA,OACd;AAAA,MACA,SAAA,EAAW;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO;AAAA,OACT;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,YAAY,EAAC;AAAA,MACb,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA;AACb;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AAEM,IAAM,sBAAsBA,qBAAA,CAAI;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,YAAA,EAAc,MAAA;AAAA,IACd,kBAAA,EAAoB,kBAAA;AAAA,IACpB,kBAAA,EAAoB,MAAA;AAAA,IACpB,wBAAA,EAA0B;AAAA,GAC5B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,UAAA,EAAY;AAAA,QACV,CAAA,EAAG,KAAA;AAAA,QACH,CAAA,EAAG;AAAA,OACL;AAAA,MACA,QAAA,EAAU;AAAA,QACR,CAAA,EAAG,KAAA;AAAA,QACH,CAAA,EAAG;AAAA;AACL;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,KAAA;AAAA,IACb,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;ACjIM,IAAM,cAAA,GAAiBC,oBAA0C,IAAI,CAAA;AAC5E,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,iBAAA,GAAyC;AACvD,EAAA,MAAM,OAAA,GAAUC,UAAI,cAAc,CAAA;AAElC,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAM,IAAI,MAAM,qCAAqC,CAAA;AAAA,EACvD;AAEA,EAAA,OAAO,OAAA;AACT;ACoDA,IAAM,MAAA,GAAS;AAAA,EACb,gBAAgBC,qBAAA,CAAI;AAAA,IAClB,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,YAAA;AAAA,IACZ,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,UAAA;AAAA,IACV,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,KACR;AAAA,IACA,oCAAA,EAAsC;AAAA,MACpC,OAAA,EAAS;AAAA;AACX,GACD,CAAA;AAAA,EACD,mBAAmBA,qBAAA,CAAI;AAAA,IACrB,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,QAAA,EAAU,UAAA;AAAA,IACV,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,qBAAqBA,qBAAA,CAAI;AAAA,IACvB,IAAA,EAAM,CAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,EAAA,EAAI,GAAA;AAAA,IACJ,IAAA,EAAM,GAAA;AAAA,IACN,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,cAAcA,qBAAA,CAAI;AAAA,IAChB,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,QAAA,EAAU,UAAA;AAAA,IACV,IAAA,EAAM,IAAA;AAAA,IACN,oCAAA,EAAsC;AAAA,MACpC,OAAA,EAAS;AAAA;AACX,GACD,CAAA;AAAA,EACD,yBAAyBA,qBAAA,CAAI;AAAA,IAC3B,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,CAAA,EAAG,GAAA;AAAA,IACH,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,mBAAmBA,qBAAA,CAAI;AAAA,IACrB,IAAA,EAAM,CAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,cAAA,EAAgB,QAAA;AAAA,IAChB,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,iBAAiBA,qBAAA,CAAI;AAAA,IACnB,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,EAAA,EAAI,GAAA;AAAA,IACJ,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,kBAAkBA,qBAAA,CAAI;AAAA,IACpB,UAAA,EAAY,YAAA;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,qBAAqBA,qBAAA,CAAI;AAAA,IACvB,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,kBAAkBA,qBAAA,CAAI;AAAA,IACpB,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,EAAA,EAAI,MAAA;AAAA,IACJ,WAAA,EAAa,CAAA;AAAA,IACb,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,EAAA,EAAI;AAAA,GACL;AACH,CAAA;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAKc;AACZ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,OAAA;AAAA,EACT;AACA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,UAAA;AAAA,EACT;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,OAAO,WAAA;AAAA,EACT;AACA,EAAA,OAAO,UAAA;AACT;AAKO,SAAS,IAAA,CAAK;AAAA,EACnB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA;AAAA,EACA,WAAA,EAAa,oBAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,EAAC,UAAA,EAAY,WAAA,EAAa,WAAA,EAAa,WAAA,KAC3C,iBAAA,EAAkB;AACpB,EAAA,MAAM,WAAW,IAAA,KAAS,UAAA;AAC1B,EAAA,MAAM,WAAA,GAAc,wBAAwB,IAAA,GAAO,UAAA;AACnD,EAAA,MAAM,aAAa,WAAA,KAAgB,UAAA;AACnC,EAAA,MAAM,WAAA,GAAc,WAAA,IAAe,CAAC,UAAA,KAAe,WAAA,IAAe,QAAA,CAAA;AAClE,EAAA,MAAM,QAAQ,YAAA,CAAa,EAAC,UAAU,QAAA,EAAU,WAAA,EAAa,YAAW,CAAA;AAExE,EAAA,MAAM,qBAAqB,mBAAA,CAAoB;AAAA,IAC7C,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,uBAAA,GAA0B,WAAA,mBAC9BC,cAAA,CAACC,sBAAA,EAAA,EAAK,OAAM,SAAA,EAAU,IAAA,EAAMC,iBAAA,EAAO,IAAA,EAAK,IAAA,EAAK,CAAA,mBAE7CF,cAAA,CAAC,MAAA,EAAA,EAAM,iBAAO,CAAA,EAAE,CAAA;AAElB,EAAA,MAAM,gBAAA,GAAmB,QAAA,mBACvBA,cAAA,CAACC,sBAAA,EAAA,EAAK,KAAA,EAAM,SAAA,EAAU,IAAA,EAAME,yBAAA,EAAe,IAAA,EAAK,IAAA,EAAK,CAAA,GAEpD,IAAA,IAAQ,uBAAA;AAGX,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,WAAA,GAAc,IAAI,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,SAAA,GAAY,QAAA,GACd,CAAA,WAAA,EAAc,IAAA,GAAO,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,QAAA,CAAA,GAChC,CAAA,WAAA,EAAc,IAAA,GAAO,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA;AAEpC,EAAA,MAAM,YAAY,WAAA,mBAChBH,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWI,oBAAA;AAAA,QACT,MAAA,CAAO,WAAA;AAAA,QACP,mBAAA,CAAoB,EAAC,KAAA,EAAO,WAAA,EAAa,MAAK;AAAA,OAChD;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,IAAA,EAAK,QAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH,mBAEAJ,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,WAAW,mBAAA,CAAoB,EAAC,KAAA,EAAO,WAAA,EAAa,OAAM,CAAA;AAAA,MACzD,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,MAAM,SAAA,mBACJK,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,oBAAA;AAAA,QACT,MAAA,CAAO,QAAA;AAAA,QACP,UAAA,GAAa,OAAO,gBAAA,GAAmB;AAAA,OACzC;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAJ,cAAA;AAAA,UAACM,sBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,SAAA,EAAW,eAAA,CAAgB,EAAC,KAAA,EAAO,aAAY,CAAA;AAAA,YAC/C,KAAA,EAAM,SAAA;AAAA,YACN,IAAA,EAAK,OAAA;AAAA,YACJ,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,QACC,eAAe,IAAA,mBACdN,cAAA;AAAA,UAACM,sBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,MAAA;AAAA,YACH,SAAA,EAAWF,oBAAA;AAAA,cACT,MAAA,CAAO,WAAA;AAAA,cACP,UAAA,GAAa,OAAO,mBAAA,GAAsB,MAAA;AAAA,cAC1C,KAAA,KAAU,OAAA,GAAU,MAAA,CAAO,gBAAA,GAAmB;AAAA,aAChD;AAAA,YACA,KAAA,EAAM,WAAA;AAAA,YACN,IAAA,EAAK,YAAA;AAAA,YACJ,QAAA,EAAA;AAAA;AAAA,SACH,GACE;AAAA;AAAA;AAAA,GACN;AAGF,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACEC,eAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,QAClC,SAAA,EAAWD,oBAAA,CAAG,MAAA,CAAO,YAAA,EAAc,SAAS,CAAA;AAAA,QAC5C,aAAA,EAAa,UAAA;AAAA,QACb,GAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA,EAAA;AAAA,0BAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,uBAAA,EACpB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,4BACDL,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAmB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,kBAAA,EAAoB,CAAA,EACtC;AAAA,WAAA,EACF,CAAA;AAAA,0BACAK,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAA,EACpB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACAE,6BAAA,CAAY,QAAQ,CAAA,mBACnBP,cAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,WAAA,EAAc,QAAA,EAAS,CAAA,GAC5C;AAAA,WAAA,EACN;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACEK,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,MAClC,SAAA,EAAWD,oBAAA,CAAG,MAAA,CAAO,cAAA,EAAgB,SAAS,CAAA;AAAA,MAC9C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBAAA,EACpB,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,wBACAL,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,mBAAA,EAAqB,qBAAA,EAAoB,EAAA,EAC9D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,kBAAA,EAAoB,CAAA,EACtC;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;ACzRnB,IAAMQ,OAAAA,GAAS;AAAA,EACb,MAAMT,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,GAChB,CAAA;AAAA,EACD,YAAYA,qBAAA,CAAI;AAAA,IACd,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,aAAA,EAAe;AAAA,GAChB;AACH,CAAA;AAKO,SAAS,OAAA,CAAQ;AAAA,EACtB,UAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA,GAAQ,UAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,YAAA,GAAeU,aAAA;AAAA,IACnB,OAAO;AAAA,MACL,UAAA;AAAA,MACA,aAAa,WAAA,IAAe,IAAA;AAAA,MAC5B,aAAa,WAAA,IAAe,IAAA;AAAA,MAC5B;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,WAAA,EAAa,WAAW;AAAA,GACvC;AAEA,EAAA,uBACET,cAAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,YAAA,EACrB,QAAA,kBAAAA,cAAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,GAAA,EACtB,QAAA,kBAAAA,cAAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWI,oBAAA;AAAA,QACTI,OAAAA,CAAO,IAAA;AAAA,QACP,WAAA,KAAgB,YAAA,GAAeA,OAAAA,CAAO,UAAA,GAAaA,OAAAA,CAAO,QAAA;AAAA,QAC1D;AAAA,OACF;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,KAAA;AAAA,MACC;AAAA;AAAA,KAEL,CAAA,EACF,CAAA;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-23NN5WRP.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\nimport type {StepState} from './Step';\n\nexport const stepIndicatorRecipe = cva({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    w: '7',\n    h: '7',\n    borderRadius: 'full',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    lineHeight: 'none',\n    transitionProperty: 'background-color, color, border-color, opacity',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    flexShrink: 0,\n    userSelect: 'none',\n    borderWidth: 'emphasized',\n    borderStyle: 'solid',\n  },\n  variants: {\n    state: {\n      active: {\n        bg: 'primary',\n        borderColor: 'primary',\n        color: 'fg.onPrimary',\n      },\n      completed: {\n        bg: 'primary',\n        borderColor: 'primary',\n        color: 'fg.onPrimary',\n      },\n      upcoming: {\n        bg: 'transparent',\n        borderColor: 'border.emphasized',\n        color: 'fg.muted',\n      },\n      disabled: {\n        bg: 'transparent',\n        borderColor: 'border',\n        color: 'fg.disabled',\n      },\n      error: {\n        bg: 'status.error.solid',\n        borderColor: 'status.error.solid',\n        color: 'status.error.solidFg',\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        cursor: 'pointer',\n        _hover: {\n          opacity: 0.85,\n        },\n        _focusVisible: {\n          outlineWidth: 'focus',\n          outlineStyle: 'solid',\n          outlineColor: 'primary',\n          outlineOffset: 'focusOffset',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    state: 'upcoming',\n    isClickable: false,\n  },\n});\n\nexport const stepLabelRecipe = cva({\n  base: {\n    textAlign: 'center',\n  },\n  variants: {\n    state: {\n      active: {\n        color: 'fg',\n        fontWeight: 'semibold',\n      },\n      completed: {\n        color: 'fg',\n      },\n      upcoming: {\n        color: 'fg.muted',\n      },\n      disabled: {\n        color: 'fg.disabled',\n      },\n      error: {\n        color: 'status.error.fg',\n      },\n    } satisfies Record<StepState, object>,\n    orientation: {\n      horizontal: {},\n      vertical: {\n        textAlign: 'start',\n      },\n    },\n  },\n  defaultVariants: {\n    state: 'upcoming',\n    orientation: 'horizontal',\n  },\n});\n\nexport const stepConnectorRecipe = cva({\n  base: {\n    borderRadius: 'full',\n    transitionProperty: 'background-color',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n  },\n  variants: {\n    isCompleted: {\n      true: {\n        bg: 'primary',\n      },\n      false: {\n        bg: 'track.emphasized',\n      },\n    },\n    orientation: {\n      horizontal: {\n        h: '0.5',\n        w: 'full',\n      },\n      vertical: {\n        w: '0.5',\n        h: 'full',\n      },\n    },\n  },\n  defaultVariants: {\n    isCompleted: false,\n    orientation: 'horizontal',\n  },\n});\n\nexport type StepIndicatorVariants = RecipeVariantProps<\n  typeof stepIndicatorRecipe\n>;\nexport type StepLabelVariants = RecipeVariantProps<typeof stepLabelRecipe>;\nexport type StepConnectorVariants = RecipeVariantProps<\n  typeof stepConnectorRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepperContextValue {\n  activeStep: number;\n  isNonLinear: boolean;\n  onStepClick: ((index: number) => void) | null;\n  orientation: StepperOrientation;\n}\n\nexport const StepperContext = createContext<StepperContextValue | null>(null);\nStepperContext.displayName = 'StepperContext';\n\nexport function useStepperContext(): StepperContextValue {\n  const context = use(StepperContext);\n\n  if (context == null) {\n    throw new Error('Step must be used within a Stepper.');\n  }\n\n  return context;\n}\n","import {Check, TriangleAlert} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {Icon} from '../Icon';\nimport {Text} from '../Text';\nimport {\n  stepConnectorRecipe,\n  stepIndicatorRecipe,\n  stepLabelRecipe,\n} from './Step.recipe';\nimport {useStepperContext} from './StepperContext';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\nexport interface StepProps {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the step.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the step.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Override the automatically computed completed state.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Zero-based index of this step.\n   */\n  step: number;\n  /**\n   * Inline styles applied to the step.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  horizontalRoot: css({\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    flex: 1,\n    position: 'relative',\n    _last: {\n      flex: 'none',\n    },\n    '&:last-child [data-step-connector]': {\n      display: 'none',\n    },\n  }),\n  horizontalContent: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    position: 'relative',\n    zIndex: 1,\n  }),\n  horizontalConnector: css({\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    px: '2',\n    minW: '6',\n    h: '7',\n  }),\n  verticalRoot: css({\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'stretch',\n    position: 'relative',\n    minH: '12',\n    '&:last-child [data-step-connector]': {\n      display: 'none',\n    },\n  }),\n  verticalIndicatorColumn: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    w: '7',\n    flexShrink: 0,\n  }),\n  verticalConnector: css({\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    py: '1',\n  }),\n  verticalContent: css({\n    display: 'flex',\n    flexDirection: 'column',\n    ps: '3',\n    pb: '6',\n    flex: 1,\n  }),\n  labelRow: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    pt: '1',\n    maxW: '120px',\n  }),\n  labelRowVertical: css({\n    alignItems: 'flex-start',\n    maxW: 'none',\n    pt: '0.5',\n  }),\n  description: css({\n    textAlign: 'center',\n  }),\n  descriptionVertical: css({\n    textAlign: 'start',\n  }),\n  descriptionError: css({\n    color: 'status.error.fg',\n  }),\n  buttonReset: css({\n    bg: 'none',\n    borderWidth: 0,\n    p: 0,\n    m: 0,\n    font: 'inherit',\n  }),\n  stepContent: css({\n    pt: '3',\n  }),\n} as const;\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`.\n */\nexport function Step({\n  children,\n  className,\n  'data-testid': dataTestId,\n  description,\n  hasError = false,\n  icon,\n  isCompleted: isCompletedFromProps,\n  isDisabled = false,\n  label,\n  ref,\n  step,\n  style,\n}: StepProps): React.JSX.Element {\n  const {activeStep, orientation, isNonLinear, onStepClick} =\n    useStepperContext();\n  const isActive = step === activeStep;\n  const isCompleted = isCompletedFromProps ?? step < activeStep;\n  const isVertical = orientation === 'vertical';\n  const isClickable = isNonLinear && !isDisabled && (isCompleted || isActive);\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const connectorClassName = stepConnectorRecipe({\n    isCompleted,\n    orientation,\n  });\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{step + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const handleClick = () => {\n    if (isClickable) {\n      onStepClick?.(step);\n    }\n  };\n\n  const stepLabel = hasError\n    ? `Go to step ${step + 1}: ${label} (error)`\n    : `Go to step ${step + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={cx(\n        styles.buttonReset,\n        stepIndicatorRecipe({state, isClickable: true}),\n      )}\n      onClick={handleClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div\n      aria-hidden=\"true\"\n      className={stepIndicatorRecipe({state, isClickable: false})}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div\n      className={cx(\n        styles.labelRow,\n        isVertical ? styles.labelRowVertical : undefined,\n      )}>\n      <Text\n        as=\"span\"\n        className={stepLabelRecipe({state, orientation})}\n        color=\"inherit\"\n        type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.description,\n            isVertical ? styles.descriptionVertical : undefined,\n            state === 'error' ? styles.descriptionError : undefined,\n          )}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={cx(styles.verticalRoot, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <div className={styles.verticalIndicatorColumn}>\n          {indicator}\n          <div className={styles.verticalConnector} data-step-connector=\"\">\n            <div className={connectorClassName} />\n          </div>\n        </div>\n        <div className={styles.verticalContent}>\n          {labelNode}\n          {isReactNode(children) ? (\n            <div className={styles.stepContent}>{children}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={cx(styles.horizontalRoot, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.horizontalContent}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={styles.horizontalConnector} data-step-connector=\"\">\n        <div className={connectorClassName} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","import {useMemo, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n  StepperContext,\n  type StepperContextValue,\n  type StepperOrientation,\n} from './StepperContext';\n\nexport type {StepperOrientation};\n\nexport interface StepperProps {\n  /**\n   * Zero-based index of the active step.\n   */\n  activeStep: number;\n  /**\n   * Step elements to render.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called when a completed or active step indicator is clicked.\n   */\n  onStepClick?: (index: number) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  children,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  style,\n}: StepperProps): React.JSX.Element {\n  const contextValue = useMemo<StepperContextValue>(\n    () => ({\n      activeStep,\n      isNonLinear: onStepClick != null,\n      onStepClick: onStepClick ?? null,\n      orientation,\n    }),\n    [activeStep, onStepClick, orientation],\n  );\n\n  return (\n    <StepperContext value={contextValue}>\n      <nav aria-label={label} ref={ref}>\n        <ol\n          className={cx(\n            styles.root,\n            orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n            className,\n          )}\n          data-testid={dataTestId}\n          style={style}>\n          {children}\n        </ol>\n      </nav>\n    </StepperContext>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}

package/dist/chunk-24J3BUKL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavIcon/NavIcon.tsx"],"names":[],"mappings":";;;;AA2BA,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,cAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAMO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-24J3BUKL.js","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\n\nexport interface NavIconProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * The icon element to render inside the circular background.\n   */\n  icon: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  base: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    bg: 'primary',\n    color: 'fg.onPrimary',\n    flexShrink: 0,\n    w: 'component.sm',\n    h: 'component.sm',\n  }),\n};\n\n/**\n * Circular icon container for navigation headers.\n * Wraps an icon with a circular accent-colored background.\n */\nexport function NavIcon({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  ref,\n  style,\n}: NavIconProps): React.JSX.Element {\n  return (\n    <span\n      className={cx(styles.base, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon}\n    </span>\n  );\n}\n\nNavIcon.displayName = 'NavIcon';\n"]}

package/dist/chunk-2IKWX66Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/internal/linkAccessibility.ts","../src/components/Link/Link.recipe.ts","../src/components/Link/LinkContext.ts","../src/components/Link/useLinkComponent.ts","../src/components/Link/Link.tsx","../src/components/Link/LinkProvider.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-2IKWX66Q.js","sourcesContent":["import {useMemo} from 'react';\n\nexport function getAriaLabel(\n  label: string | undefined,\n  opensInNewTab: boolean,\n): string | undefined {\n  if (!opensInNewTab) {\n    return label;\n  }\n\n  return label != null ? `${label} (opens in new tab)` : undefined;\n}\n\nexport function useRel({\n  isExternalLink = false,\n  target,\n  rel,\n}: {\n  isExternalLink?: boolean;\n  target?: string;\n  rel?: string;\n}): string | undefined {\n  return useMemo(() => {\n    if (!isExternalLink && target !== '_blank') {\n      return rel;\n    }\n\n    const relValues = new Set((rel ?? '').split(/\\s+/).filter(Boolean));\n    relValues.add('noopener');\n    relValues.add('noreferrer');\n\n    return Array.from(relValues).join(' ');\n  }, [isExternalLink, target, rel]);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const linkRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    fontFamily: 'body',\n    fontWeight: 'inherit',\n    lineHeight: 'normal',\n    textDecoration: 'none',\n    cursor: 'pointer',\n    transitionProperty: 'color, text-decoration-color, opacity',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      textDecoration: 'underline',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n    '&[aria-disabled=\"true\"]': {\n      cursor: 'not-allowed',\n      opacity: 0.5,\n    },\n  },\n  variants: {\n    size: {\n      xs: {fontSize: 'xs'},\n      sm: {fontSize: 'sm'},\n      md: {fontSize: 'md'},\n      lg: {fontSize: 'lg'},\n      xl: {fontSize: 'xl'},\n      '2xl': {fontSize: '2xl'},\n      '3xl': {fontSize: '3xl'},\n      '4xl': {fontSize: '4xl'},\n      '5xl': {fontSize: '5xl'},\n      '6xl': {fontSize: '6xl'},\n      inherit: {fontSize: 'inherit'},\n    },\n    color: {\n      primary: {\n        color: 'fg',\n      },\n      secondary: {\n        color: 'fg.muted',\n      },\n      disabled: {\n        color: 'fg.disabled',\n      },\n      placeholder: {\n        color: 'fg.muted',\n      },\n      active: {\n        color: 'primary',\n      },\n      inherit: {\n        color: 'inherit',\n      },\n    },\n    weight: {\n      normal: {fontWeight: 'normal'},\n      medium: {fontWeight: 'medium'},\n      semibold: {fontWeight: 'semibold'},\n      bold: {fontWeight: 'bold'},\n      inherit: {fontWeight: 'inherit'},\n    },\n    hasUnderline: {\n      true: {\n        textDecoration: 'underline',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    color: 'active',\n    size: 'md',\n    hasUnderline: false,\n  },\n});\n\nexport type LinkVariants = RecipeVariantProps<typeof linkRecipe>;\n","import {createContext} from 'react';\nimport type {LinkComponent} from './types';\n\nexport interface LinkContextValue {\n  component: LinkComponent;\n}\n\nexport const LinkContext = createContext<LinkContextValue | null>(null);\nLinkContext.displayName = 'LinkContext';\n","import {use} from 'react';\nimport {LinkContext} from './LinkContext';\nimport type {LinkComponent} from './types';\n\nexport function useLinkComponent(as?: LinkComponent): LinkComponent {\n  const context = use(LinkContext);\n  return as ?? context?.component ?? 'a';\n}\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport {ExternalLink} from 'lucide-react';\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\nimport {getAriaLabel, useRel} from '../../internal/linkAccessibility';\nimport {Icon} from '../Icon';\nimport type {TextColor, TextSize, TextWeight} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {linkRecipe} from './Link.recipe';\nimport type {LinkComponent} from './types';\nimport {useLinkComponent} from './useLinkComponent';\n\n/**\n * A polymorphic link component with built-in accessibility, external link handling,\n * and router integration via LinkProvider. Supports custom link components (e.g.\n * React Router's Link) through the `as` prop or a parent `LinkProvider`.\n */\nexport interface LinkProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the link.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set (e.g. current page in navigation).\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true';\n  /**\n   * Identifies the element(s) that describe the link.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Accessible description for the link.\n   */\n  'aria-description'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the link opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the link.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Identifies the element(s) that label the link.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the link that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Human-readable description of the role of the link.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom element type to render instead of `<a>`. Useful for integrating with routers.\n   * If you want to set this globally, use LinkProvider at the top level of your app.\n   */\n  as?: LinkComponent;\n  /**\n   * Link content.\n   */\n  children: ReactNode;\n  /**\n   * Optionally, rendering by setting the className.\n   */\n  className?: string;\n  /**\n   * Color variant controlling the link text color. Default is `active`.\n   */\n  color?: TextColor;\n  /**\n   * Test id applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Show a persistent underline on the link text.\n   */\n  hasUnderline?: boolean;\n  /**\n   * URL destination. Custom link components receive this as both `href` and\n   * `to` so router links and anchor-like links can share the same Silver UI API.\n   * When omitted, Link renders `href=\"#\"` to preserve native link semantics and\n   * prevents the fallback hash navigation.\n   */\n  href?: string;\n  /**\n   * Visually and functionally disable the link. Prevents navigation and removes from tab order.\n   */\n  isDisabled?: boolean;\n  /**\n   * Mark as an external link. Adds an icon and rel=\"noopener noreferrer\".\n   * Defaults target to \"_blank\" unless target is set explicitly.\n   */\n  isExternalLink?: boolean;\n  /**\n   * Accessible label (aria-label). It is recommended to set this if your link does not contain sufficient text to make its purpose clear.\n   */\n  label?: string;\n  /**\n   * Click handler. Not called when the link is disabled.\n   */\n  onClick?: MouseEventHandler<HTMLAnchorElement>;\n  /**\n   * Ref forwarded to the underlying anchor element.\n   */\n  ref?: Ref<HTMLAnchorElement>;\n  /**\n   * HTML rel attribute.\n   */\n  rel?: string;\n  /**\n   * Font size variant. Default is `md`.\n   */\n  size?: TextSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * HTML target attribute.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n  /**\n   * Font weight variant. Default is inherited from parent styles.\n   */\n  weight?: TextWeight;\n}\n\nexport function Link({\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-description': ariaDescription,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-roledescription': ariaRoledescription,\n  as,\n  label,\n  href: hrefFromProps,\n  hasUnderline = false,\n  isDisabled = false,\n  isExternalLink = false,\n  target: targetFromProps,\n  rel: relFromProps,\n  size,\n  tooltip,\n  color,\n  weight,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n  children,\n  onClick,\n}: LinkProps): React.JSX.Element {\n  const Component = useLinkComponent(as);\n  const href = hrefFromProps ?? '#';\n  const isFallbackHref = hrefFromProps == null;\n  const target = targetFromProps ?? (isExternalLink ? '_blank' : undefined);\n  const opensInNewTab = target === '_blank';\n  const rel = useRel({isExternalLink, target, rel: relFromProps});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-description': ariaDescription,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleClick: MouseEventHandler<HTMLAnchorElement> = event => {\n    if (isDisabled || isFallbackHref) {\n      event.preventDefault();\n    }\n\n    if (isDisabled) {\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const element = (\n    <Component\n      {...ariaAttrs}\n      aria-disabled={isDisabled || undefined}\n      aria-label={getAriaLabel(label, opensInNewTab)}\n      className={cx(linkRecipe({color, hasUnderline, size, weight}), className)}\n      data-testid={dataTestId}\n      href={isDisabled ? undefined : href}\n      onClick={handleClick}\n      ref={ref}\n      rel={isDisabled ? undefined : rel}\n      role={isDisabled && hrefFromProps != null ? 'link' : undefined}\n      style={style}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={isDisabled ? undefined : target}\n      to={isDisabled ? undefined : Component === 'a' ? undefined : href}>\n      {children}\n      {opensInNewTab && label == null ? (\n        <>\n          {' '}\n          <VisuallyHidden>(opens in new tab)</VisuallyHidden>\n        </>\n      ) : null}\n      {isExternalLink ? (\n        <span aria-hidden=\"true\" className={styles.externalLink}>\n          <Icon icon={ExternalLink} size=\"sm\" />\n        </span>\n      ) : null}\n    </Component>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nLink.displayName = 'Link';\n\nconst styles = {\n  externalLink: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: '0.875em',\n    lineHeight: 1,\n  }),\n};\n","import {useMemo, type ReactNode} from 'react';\nimport {LinkContext} from './LinkContext';\nimport type {LinkComponent} from './types';\n\nexport interface LinkProviderProps {\n  children: ReactNode;\n  component: LinkComponent;\n}\n\nexport function LinkProvider({\n  component,\n  children,\n}: LinkProviderProps): React.JSX.Element {\n  const value = useMemo(() => ({component}), [component]);\n\n  return <LinkContext value={value}>{children}</LinkContext>;\n}\n\nLinkProvider.displayName = 'LinkProvider';\n"]}

package/dist/chunk-2OXKEUKG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":["createContext","use"],"mappings":";;;;;AAWO,IAAM,kBAAA,GAAqBA,mBAAA;AAAA,EAChC;AACF;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAE1B,SAAS,cAAA,GAAiD;AAC/D,EAAA,OAAOC,UAAI,kBAAkB,CAAA;AAC/B","file":"chunk-2OXKEUKG.cjs","sourcesContent":["import {createContext, use} from 'react';\nimport type {ButtonSize} from '../Button/Button';\n\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\nexport interface ButtonGroupContextValue {\n  isDisabled: boolean;\n  orientation: ButtonGroupOrientation;\n  size: ButtonSize;\n}\n\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue | null>(\n  null,\n);\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\nexport function useButtonGroup(): ButtonGroupContextValue | null {\n  return use(ButtonGroupContext);\n}\n"]}

package/dist/chunk-2P6D43V2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Field/inputUtils.tsx"],"names":["Icon","CheckCircle2","CircleAlert","CircleX"],"mappings":";;;;;;AAKO,SAAS,kBACX,GAAA,EACiB;AACpB,EAAA,MAAM,QAAA,GAAW,GAAA,CAAI,MAAA,CAAO,OAAO,CAAA;AACnC,EAAA,OAAO,SAAS,MAAA,GAAS,CAAA,GAAI,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AACpD;AAEO,SAAS,kBAAA,CACd,SACA,MAAA,EACoB;AACpB,EAAA,OAAO,MAAA,EAAQ,OAAA,IAAW,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,OAAA,CAAA,GAAY,MAAA;AACzD;AAEO,SAAS,cAAc,IAAA,EAAkC;AAC9D,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,sCAAQA,sBAAA,EAAA,EAAK,KAAA,EAAM,WAAU,IAAA,EAAMC,wBAAA,EAAc,MAAK,IAAA,EAAK,CAAA;AAAA,EAC7D;AAEA,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,sCAAQD,sBAAA,EAAA,EAAK,KAAA,EAAM,WAAU,IAAA,EAAME,uBAAA,EAAa,MAAK,IAAA,EAAK,CAAA;AAAA,EAC5D;AAEA,EAAA,sCAAQF,sBAAA,EAAA,EAAK,KAAA,EAAM,SAAQ,IAAA,EAAMG,mBAAA,EAAS,MAAK,IAAA,EAAK,CAAA;AACtD","file":"chunk-2P6D43V2.cjs","sourcesContent":["import {CheckCircle2, CircleAlert, CircleX} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from '../Icon';\nimport type {InputStatus, InputStatusType} from './types';\n\nexport function getDescribedBy(\n  ...ids: (string | null | undefined | false)[]\n): string | undefined {\n  const filtered = ids.filter(Boolean);\n  return filtered.length > 0 ? filtered.join(' ') : undefined;\n}\n\nexport function getStatusMessageID(\n  inputId: string,\n  status: InputStatus | undefined,\n): string | undefined {\n  return status?.message != null ? `${inputId}-status` : undefined;\n}\n\nexport function getStatusIcon(type: InputStatusType): ReactNode {\n  if (type === 'success') {\n    return <Icon color=\"success\" icon={CheckCircle2} size=\"sm\" />;\n  }\n\n  if (type === 'warning') {\n    return <Icon color=\"warning\" icon={CircleAlert} size=\"sm\" />;\n  }\n\n  return <Icon color=\"error\" icon={CircleX} size=\"sm\" />;\n}\n"]}

package/dist/chunk-2VOB6LEI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":["styles","jsx"],"mappings":"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","file":"chunk-2VOB6LEI.js","sourcesContent":["import {createContext, use} from 'react';\n\nexport type SegmentedControlLayout = 'fill' | 'hug';\nexport type SegmentedControlSize = 'lg' | 'md' | 'sm';\n\nexport interface SegmentedControlContextValue {\n  isDisabled: boolean;\n  layout: SegmentedControlLayout;\n  onChange: (value: string) => void;\n  size: SegmentedControlSize;\n  value: string;\n}\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nSegmentedControlContext.displayName = 'SegmentedControlContext';\n\nexport function useSegmentedControlContext(): SegmentedControlContextValue {\n  const context = use(SegmentedControlContext);\n  if (context == null) {\n    throw new Error(\n      'SegmentedControlItem must be used within a SegmentedControl.',\n    );\n  }\n  return context;\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {\n  SegmentedControlContext,\n  type SegmentedControlLayout,\n  type SegmentedControlSize,\n} from './SegmentedControlContext';\n\nexport interface SegmentedControlProps<TValue extends string = string> {\n  /**\n   * SegmentedControlItem children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the entire control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the radio group.\n   */\n  label: string;\n  /**\n   * Segment layout mode.\n   * @default 'hug'\n   */\n  layout?: SegmentedControlLayout;\n  /**\n   * Called when a segment is selected.\n   */\n  onChange: (value: TValue) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: SegmentedControlSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected value.\n   */\n  value: TValue;\n}\n\nconst styles = {\n  root: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '0.5',\n    p: '0.5',\n    bg: 'surface.gray',\n    borderRadius: 'md',\n  }),\n  fill: css({\n    display: 'flex',\n    w: 'full',\n  }),\n  disabled: css({\n    opacity: 0.5,\n    pointerEvents: 'none',\n  }),\n} as const;\n\n/**\n * Segmented toggle control for selecting one option from a small set.\n *\n * Rendered as a radio group (`role=\"radiogroup\"`), so reach for it when picking\n * a value — filters, settings, or view modes whose content you render yourself.\n * If selecting an option should show or hide associated content panels, use\n * {@link Tabs} instead.\n */\nexport function SegmentedControl<TValue extends string = string>({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: SegmentedControlProps<TValue>): React.JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleChange = useCallback(\n    (nextValue: string) => {\n      onChange(nextValue as TValue);\n    },\n    [onChange],\n  );\n  const contextValue = useMemo(\n    () => ({isDisabled, layout, onChange: handleChange, size, value}),\n    [handleChange, isDisabled, layout, size, value],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      const items = Array.from(\n        container.querySelectorAll<HTMLButtonElement>(\n          '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n        ),\n      );\n\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? items.length - 1\n              : (currentIndex - 1 + items.length) % items.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = items.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextItem = items[nextIndex];\n      nextItem.focus();\n      const nextValue = nextItem.dataset.value;\n      if (nextValue != null) {\n        handleChange(nextValue);\n      }\n    },\n    [handleChange, isDisabled],\n  );\n\n  return (\n    <SegmentedControlContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        aria-orientation=\"horizontal\"\n        className={cx(\n          styles.root,\n          layout === 'fill' ? styles.fill : undefined,\n          isDisabled ? styles.disabled : undefined,\n          className,\n        )}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={mergeRefs(ref, containerRef)}\n        role=\"radiogroup\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </SegmentedControlContext>\n  );\n}\n\nSegmentedControl.displayName = 'SegmentedControl';\n","import type {CSSProperties, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useSegmentedControlContext} from './SegmentedControlContext';\n\nexport interface SegmentedControlItemProps<TValue extends string = string> {\n  /**\n   * Additional CSS class names applied to the segment.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the segment.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether this segment is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible and visible label for the segment.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the segment button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the segment.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique value represented by this segment.\n   */\n  value: TValue;\n}\n\nconst styles = {\n  item: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '1',\n    borderWidth: 0,\n    borderStyle: 'none',\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    lineHeight: 'normal',\n    transitionProperty: 'background-color, color, box-shadow',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      bg: 'bg.subtle',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  selected: css({\n    bg: 'bg',\n    color: 'fg',\n    fontWeight: 'semibold',\n    boxShadow: 'sm',\n    _hover: {\n      bg: 'bg',\n    },\n  }),\n  disabled: css({\n    color: 'fg.disabled',\n    cursor: 'default',\n    _hover: {\n      bg: 'transparent',\n    },\n  }),\n  fill: css({\n    flex: 1,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  size: {\n    sm: css({\n      h: '7',\n      px: '2',\n      borderRadius: 'sm',\n      fontSize: 'sm',\n    }),\n    md: css({\n      h: '9',\n      px: '3',\n      borderRadius: 'sm',\n      fontSize: 'sm',\n    }),\n    lg: css({\n      h: '11',\n      px: '3',\n      borderRadius: 'md',\n      fontSize: 'md',\n    }),\n  },\n} as const;\n\n/**\n * Individual segment within a `SegmentedControl`.\n */\nexport function SegmentedControlItem<TValue extends string = string>({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  ref,\n  style,\n  value,\n}: SegmentedControlItemProps<TValue>): React.JSX.Element {\n  const context = useSegmentedControlContext();\n  const isSelected = context.value === value;\n  const isItemDisabled = context.isDisabled || isDisabled;\n\n  return (\n    <button\n      aria-checked={isSelected}\n      aria-disabled={isItemDisabled || undefined}\n      aria-label={isLabelHidden ? label : undefined}\n      className={cx(\n        styles.item,\n        styles.size[context.size],\n        context.layout === 'fill' ? styles.fill : undefined,\n        isSelected ? styles.selected : undefined,\n        isItemDisabled ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      data-value={value}\n      onClick={() => {\n        if (!isItemDisabled && !isSelected) {\n          context.onChange(value);\n        }\n      }}\n      ref={ref}\n      role=\"radio\"\n      style={style}\n      tabIndex={isSelected ? 0 : -1}\n      type=\"button\">\n      {icon != null ? (\n        <span className={styles.icon}>\n          <Icon icon={icon} size={context.size} />\n        </span>\n      ) : null}\n      {isLabelHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </button>\n  );\n}\n\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n"]}

package/dist/chunk-2XAA3CM5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Stack/internal/Stack.recipe.ts","../src/components/Stack/internal/Stack.tsx","../src/components/Stack/HStack.tsx","../src/components/Stack/VStack.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-2XAA3CM5.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stackRecipe = cva({\n  base: {\n    display: 'flex',\n    minW: 0,\n  },\n  variants: {\n    direction: {\n      horizontal: {\n        flexDirection: 'row',\n      },\n      vertical: {\n        flexDirection: 'column',\n      },\n    },\n    gap: {\n      0: {gap: '0'},\n      0.5: {gap: '0.5'},\n      1: {gap: '1'},\n      1.5: {gap: '1.5'},\n      2: {gap: '2'},\n      3: {gap: '3'},\n      4: {gap: '4'},\n      5: {gap: '5'},\n      6: {gap: '6'},\n      8: {gap: '8'},\n      10: {gap: '10'},\n    },\n    wrap: {\n      nowrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      'wrap-reverse': {\n        flexWrap: 'wrap-reverse',\n      },\n    },\n  },\n  defaultVariants: {\n    direction: 'vertical',\n    wrap: 'nowrap',\n  },\n});\n\nexport type StackVariants = RecipeVariantProps<typeof stackRecipe>;\n","import type {\n  CSSProperties,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {cx} from '../../../internal/cx';\nimport type {SpacingToken} from '../../../internal/spacingTokens';\nimport {toPixelSize, type SizeValue} from '../../../internal/toPixelSize';\nimport {stackRecipe} from './Stack.recipe';\n\nexport type {SizeValue};\nexport type StackDirection = 'horizontal' | 'vertical';\nexport type StackMainAlignment =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch';\nexport type StackAlignment = StackMainAlignment | StackCrossAlignment;\nexport type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type StackGap = SpacingToken;\n\n/**\n * @internal\n * Props for the base `Stack` component.\n */\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Cross-axis alignment.\n   */\n  align?: StackCrossAlignment;\n  /**\n   * HTML element type to render.\n   */\n  as?: ElementType;\n  /**\n   * Stack content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Layout direction.\n   */\n  direction?: StackDirection;\n  /**\n   * Gap between children.\n   */\n  gap?: StackGap;\n  /**\n   * Horizontal alignment (overrides align/justify for horizontal axis).\n   */\n  hAlign?: StackAlignment;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Main-axis alignment.\n   */\n  justify?: StackMainAlignment;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Vertical alignment (overrides align/justify for vertical axis).\n   */\n  vAlign?: StackAlignment;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n  /**\n   * Flex wrap behavior.\n   */\n  wrap?: StackWrap;\n}\n\nconst mainAlignValues: Record<StackMainAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nconst crossAlignValues: Record<StackCrossAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n};\n\n/**\n * @internal\n * Base flex stack layout primitive. Not exported to consumers — use\n * `HStack` or `VStack` instead, which provide direction-specific\n * type safety for alignment props.\n */\nexport function Stack({\n  align,\n  children,\n  className,\n  'data-testid': dataTestId,\n  direction = 'vertical',\n  as: Element = 'div',\n  gap,\n  hAlign,\n  height,\n  justify,\n  ref,\n  style,\n  vAlign,\n  width,\n  wrap = 'nowrap',\n  ...htmlProps\n}: StackProps): React.JSX.Element {\n  const resolvedHAlign =\n    hAlign ?? (direction === 'horizontal' ? justify : align);\n  const resolvedVAlign =\n    vAlign ?? (direction === 'horizontal' ? align : justify);\n  const mainAlign =\n    direction === 'horizontal' ? resolvedHAlign : resolvedVAlign;\n  const crossAlign =\n    direction === 'horizontal' ? resolvedVAlign : resolvedHAlign;\n  const stackStyle: CSSProperties = {\n    justifyContent:\n      mainAlign != null && mainAlign in mainAlignValues\n        ? mainAlignValues[mainAlign as StackMainAlignment]\n        : undefined,\n    alignItems:\n      crossAlign != null && crossAlign in crossAlignValues\n        ? crossAlignValues[crossAlign as StackCrossAlignment]\n        : undefined,\n    width: toPixelSize(width),\n    height: toPixelSize(height),\n    ...style,\n  };\n\n  return (\n    <Element\n      {...htmlProps}\n      className={cx(stackRecipe({direction, gap, wrap}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={stackStyle}>\n      {children}\n    </Element>\n  );\n}\n\nStack.displayName = 'Stack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './internal/Stack';\n\nexport interface HStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackMainAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackCrossAlignment;\n}\n\nexport function HStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: HStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"horizontal\"\n      hAlign={hAlign ?? justify}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? align}\n    />\n  );\n}\n\nHStack.displayName = 'HStack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './internal/Stack';\n\nexport interface VStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackCrossAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackMainAlignment;\n}\n\nexport function VStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: VStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"vertical\"\n      hAlign={hAlign ?? align}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? justify}\n    />\n  );\n}\n\nVStack.displayName = 'VStack';\n"]}