@keboola/design 11.0.0 → 11.2.0

package/dist/chunk-WPOLA5CG.js

@@ -1,81 +0,0 @@
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-// src/blocks/EmptyState/EmptyState.tsx
-var emptyStateClassnames = cva(["tw:flex", "tw:flex-col", "tw:items-center", "tw:text-center"], {
-  variants: {
-    variant: {
-      default: ["tw:py-16", "tw:px-8", "tw:gap-4"],
-      compact: ["tw:py-8", "tw:px-4", "tw:gap-2"]
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var emptyStateIconClassnames = cva(
-  ["tw:flex", "tw:items-center", "tw:justify-center", "tw:text-muted-foreground"],
-  {
-    variants: {
-      variant: {
-        default: ["tw:size-16", "tw:text-4xl", 'tw:[&_svg:not([class*="tw:size-"])]:size-10'],
-        compact: ["tw:size-10", "tw:text-2xl", 'tw:[&_svg:not([class*="tw:size-"])]:size-6']
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var emptyStateTitleClassnames = cva(["tw:m-0", "tw:font-semibold", "tw:text-foreground"], {
-  variants: {
-    variant: {
-      default: ["tw:text-lg", "tw:leading-7"],
-      compact: ["tw:text-base", "tw:leading-6"]
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var emptyStateDescriptionClassnames = cva(["tw:m-0", "tw:text-muted-foreground"], {
-  variants: {
-    variant: {
-      default: ["tw:text-sm", "tw:leading-5", "tw:max-w-sm"],
-      compact: ["tw:text-xs", "tw:leading-4", "tw:max-w-xs"]
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var emptyStateActionsClassnames = cva(["tw:flex", "tw:items-center", "tw:flex-wrap"], {
-  variants: {
-    variant: {
-      default: ["tw:gap-3", "tw:mt-2"],
-      compact: ["tw:gap-2", "tw:mt-1"]
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var EmptyStateRoot = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", { role: "status", className: emptyStateClassnames({ className, variant }), ...rest, children });
-var EmptyStateIcon = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", { className: emptyStateIconClassnames({ className, variant }), ...rest, children });
-var EmptyStateTitle = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("h3", { className: emptyStateTitleClassnames({ className, variant }), ...rest, children });
-var EmptyStateDescription = ({
-  className,
-  variant = "default",
-  children,
-  ...rest
-}) => /* @__PURE__ */ jsx("p", { className: emptyStateDescriptionClassnames({ className, variant }), ...rest, children });
-var EmptyStateActions = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", { className: emptyStateActionsClassnames({ className, variant }), ...rest, children });
-var EmptyState = EmptyStateRoot;
-EmptyState.Icon = EmptyStateIcon;
-EmptyState.Title = EmptyStateTitle;
-EmptyState.Description = EmptyStateDescription;
-EmptyState.Actions = EmptyStateActions;
-
-export { EmptyState };
-//# sourceMappingURL=chunk-WPOLA5CG.js.map
-//# sourceMappingURL=chunk-WPOLA5CG.js.map

package/dist/chunk-WPOLA5CG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/EmptyState/EmptyState.tsx"],"names":[],"mappings":"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","file":"chunk-WPOLA5CG.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst emptyStateClassnames = cva(['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center'], {\n  variants: {\n    variant: {\n      default: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n      compact: ['tw:py-8', 'tw:px-4', 'tw:gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateIconClassnames = cva(\n  ['tw:flex', 'tw:items-center', 'tw:justify-center', 'tw:text-muted-foreground'],\n  {\n    variants: {\n      variant: {\n        default: ['tw:size-16', 'tw:text-4xl', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10'],\n        compact: ['tw:size-10', 'tw:text-2xl', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst emptyStateTitleClassnames = cva(['tw:m-0', 'tw:font-semibold', 'tw:text-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-lg', 'tw:leading-7'],\n      compact: ['tw:text-base', 'tw:leading-6'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateDescriptionClassnames = cva(['tw:m-0', 'tw:text-muted-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n      compact: ['tw:text-xs', 'tw:leading-4', 'tw:max-w-xs'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateActionsClassnames = cva(['tw:flex', 'tw:items-center', 'tw:flex-wrap'], {\n  variants: {\n    variant: {\n      default: ['tw:gap-3', 'tw:mt-2'],\n      compact: ['tw:gap-2', 'tw:mt-1'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype Variant = VariantProps<typeof emptyStateClassnames>['variant'];\n\n/**\n * Props for `EmptyState`. `variant` chooses spacing — `\"default\"` for full-page empty states,\n * `\"compact\"` for inside cards / small surfaces.\n */\ntype RootProps = ComponentProps<'div'> &\n  VariantProps<typeof emptyStateClassnames> & {\n    variant?: Variant;\n  };\n\n/**\n * Friendly \"nothing here yet\" placeholder with icon, title, description, and actions slots.\n *\n * **When to use:** the user reached a page or surface that is intentionally empty (no items created\n * yet, an empty list after filtering, an empty inbox). The goal is to guide the user to the next action.\n * **When NOT to use:** for an error or failure state use `ErrorState`; for inline loading placeholders\n * use `Skeleton`; for \"no matches found after search\" inside a search/combobox use `EmptySearchContent`.\n * **Composition:** nest `EmptyState.Icon`, `EmptyState.Title`, `EmptyState.Description`, and\n * `EmptyState.Actions` (with one or two `Button`s). Use `variant=\"compact\"` inside a `Card`.\n *\n * @see RECIPES.md#card-with-empty-state — for the empty-card pattern\n */\nconst EmptyStateRoot = ({ className, variant = 'default', children, ...rest }: RootProps) => (\n  <div role=\"status\" className={emptyStateClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype SlotProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst EmptyStateIcon = ({ className, variant = 'default', children, ...rest }: SlotProps) => (\n  <div className={emptyStateIconClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype TitleProps = ComponentProps<'h3'> & { variant?: Variant };\n\nconst EmptyStateTitle = ({ className, variant = 'default', children, ...rest }: TitleProps) => (\n  <h3 className={emptyStateTitleClassnames({ className, variant })} {...rest}>\n    {children}\n  </h3>\n);\n\ntype DescriptionProps = ComponentProps<'p'> & { variant?: Variant };\n\nconst EmptyStateDescription = ({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: DescriptionProps) => (\n  <p className={emptyStateDescriptionClassnames({ className, variant })} {...rest}>\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst EmptyStateActions = ({ className, variant = 'default', children, ...rest }: ActionsProps) => (\n  <div className={emptyStateActionsClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\nexport const EmptyState = EmptyStateRoot as typeof EmptyStateRoot & {\n  Icon: typeof EmptyStateIcon;\n  Title: typeof EmptyStateTitle;\n  Description: typeof EmptyStateDescription;\n  Actions: typeof EmptyStateActions;\n};\n\nEmptyState.Icon = EmptyStateIcon;\nEmptyState.Title = EmptyStateTitle;\nEmptyState.Description = EmptyStateDescription;\nEmptyState.Actions = EmptyStateActions;\n\nexport type { RootProps as EmptyStateProps, Variant as EmptyStateVariant };\n"]}

package/dist/chunk-WPVETCGJ.js

@@ -1,254 +0,0 @@
-import { Check, X } from './chunk-RQVK4IYC.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { createContext, Children, isValidElement, use } from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var StepperContext = createContext({
-  orientation: "horizontal"
-});
-var useStepperContext = () => use(StepperContext);
-var StepItemContext = createContext(null);
-var useStepItemContext = () => {
-  const ctx = use(StepItemContext);
-  if (!ctx) {
-    throw new Error("Stepper.Step subcomponents must be used inside <Stepper.Step>.");
-  }
-  return ctx;
-};
-var StepPositionContext = createContext({
-  index: 0,
-  isLast: true
-});
-var useStepPositionContext = () => use(StepPositionContext);
-var stepperVariants = cva([], {
-  defaultVariants: {
-    orientation: "horizontal"
-  },
-  variants: {
-    orientation: {
-      // Single row of steps + inter-step connectors. Steps shrink to content; connectors flex-fill the gaps.
-      horizontal: ["tw:flex", "tw:flex-row", "tw:items-start", "tw:w-full"],
-      // Stack steps vertically; each step renders its own indicator column with an internal connector.
-      vertical: ["tw:flex", "tw:flex-col", "tw:w-full"]
-    }
-  }
-});
-var stepVariants = cva(["tw:group/step"], {
-  defaultVariants: {
-    orientation: "horizontal"
-  },
-  variants: {
-    orientation: {
-      // Indicator on top, label/description below.
-      horizontal: ["tw:flex", "tw:flex-col", "tw:items-center", "tw:text-center", "tw:gap-2"],
-      // Indicator column on the left (with the vertical connector stretching beneath it),
-      // content column on the right with the label/description.
-      vertical: ["tw:flex", "tw:flex-row", "tw:items-stretch", "tw:gap-3"]
-    },
-    interactive: {
-      true: [
-        // Reset native `<button>` chrome so the Step looks identical to its non-interactive sibling.
-        "tw:cursor-pointer",
-        "tw:bg-transparent",
-        "tw:border-0",
-        "tw:p-0",
-        "tw:font-[inherit]",
-        "tw:focus-visible:outline-hidden",
-        "tw:focus-visible:ring-2",
-        "tw:focus-visible:ring-ring/50",
-        "tw:focus-visible:rounded-md"
-      ],
-      false: []
-    }
-  }
-});
-var indicatorVariants = cva(
-  [
-    "tw:flex",
-    "tw:items-center",
-    "tw:justify-center",
-    "tw:shrink-0",
-    "tw:size-8",
-    "tw:rounded-full",
-    "tw:border",
-    "tw:text-sm",
-    "tw:font-medium",
-    "tw:transition-colors",
-    "tw:[&_svg]:size-4"
-  ],
-  {
-    defaultVariants: {
-      status: "upcoming"
-    },
-    variants: {
-      status: {
-        complete: ["tw:bg-success", "tw:text-white", "tw:border-success"],
-        active: ["tw:bg-primary", "tw:text-primary-foreground", "tw:border-primary"],
-        upcoming: ["tw:bg-muted", "tw:text-muted-foreground", "tw:border-border"],
-        error: ["tw:bg-destructive", "tw:text-destructive-foreground", "tw:border-destructive"]
-      }
-    }
-  }
-);
-var labelVariants = cva(["tw:text-sm", "tw:font-medium", "tw:leading-5"], {
-  defaultVariants: {
-    status: "upcoming"
-  },
-  variants: {
-    status: {
-      complete: ["tw:text-foreground"],
-      active: ["tw:text-foreground"],
-      upcoming: ["tw:text-muted-foreground"],
-      error: ["tw:text-destructive"]
-    }
-  }
-});
-var descriptionClassnames = "tw:text-xs tw:text-muted-foreground tw:mt-0.5";
-var connectorVariants = cva(["tw:shrink-0", "tw:transition-colors"], {
-  defaultVariants: {
-    orientation: "horizontal",
-    status: "upcoming"
-  },
-  variants: {
-    orientation: {
-      // Inline sibling between horizontal steps. Push down by half the indicator height (16px).
-      horizontal: ["tw:h-0.5", "tw:flex-1", "tw:mt-4", "tw:min-w-8"],
-      // Inside the indicator column under the indicator. `flex-1` + `min-h-6` ensures it
-      // stretches to fill the space alongside the content block.
-      vertical: ["tw:w-0.5", "tw:flex-1", "tw:min-h-6"]
-    },
-    status: {
-      complete: ["tw:bg-success"],
-      active: ["tw:bg-border"],
-      upcoming: ["tw:bg-border"],
-      error: ["tw:bg-destructive"]
-    }
-  }
-});
-var StepperStepConnector = ({ className, ...props }) => {
-  const { orientation } = useStepperContext();
-  const { status } = useStepItemContext();
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": true,
-      className: cn(connectorVariants({ orientation, status }), className),
-      ...props
-    }
-  );
-};
-var StepperStepIndicator = ({ children, className, ...props }) => {
-  const { index, status } = useStepItemContext();
-  const content = (() => {
-    if (children !== void 0) return children;
-    if (status === "complete") return /* @__PURE__ */ jsx(Check, { "aria-hidden": true });
-    if (status === "error") return /* @__PURE__ */ jsx(X, { "aria-hidden": true });
-    return index + 1;
-  })();
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": children === void 0,
-      className: cn(indicatorVariants({ status }), className),
-      ...props,
-      children: content
-    }
-  );
-};
-var StepperStep = ({ status = "upcoming", children, className, ...props }) => {
-  const { orientation, onStepClick } = useStepperContext();
-  const { index, isLast } = useStepPositionContext();
-  const interactive = Boolean(onStepClick);
-  const allChildren = Children.toArray(children);
-  const indicatorChild = allChildren.find(
-    (child) => isValidElement(child) && child.type === StepperStepIndicator
-  );
-  const contentChildren = allChildren.filter((child) => child !== indicatorChild);
-  const indicator = indicatorChild ?? /* @__PURE__ */ jsx(StepperStepIndicator, {});
-  const handleClick = () => onStepClick?.(index);
-  const stepContext = { index, isLast, status };
-  const stepClassName = cn(stepVariants({ orientation, interactive }), className);
-  const ariaCurrent = status === "active" ? "step" : void 0;
-  const inner = orientation === "vertical" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("span", { className: "tw:flex tw:flex-col tw:items-center tw:self-stretch", children: [
-      indicator,
-      !isLast && /* @__PURE__ */ jsx(StepperStepConnector, {})
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "tw:flex tw:min-w-0 tw:flex-col tw:items-start tw:pb-6 tw:text-left", children: contentChildren })
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    indicator,
-    /* @__PURE__ */ jsx("span", { className: "tw:flex tw:flex-col tw:items-center tw:text-center", children: contentChildren })
-  ] });
-  return /* @__PURE__ */ jsx(StepItemContext, { value: stepContext, children: interactive ? /* @__PURE__ */ jsx(
-    "button",
-    {
-      ...props,
-      type: "button",
-      onClick: handleClick,
-      "aria-current": ariaCurrent,
-      "data-status": status,
-      className: stepClassName,
-      children: inner
-    }
-  ) : /* @__PURE__ */ jsx("div", { ...props, "aria-current": ariaCurrent, "data-status": status, className: stepClassName, children: inner }) });
-};
-var StepperStepDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn(descriptionClassnames, className), ...props });
-var StepperStepLabel = ({ className, ...props }) => {
-  const { status } = useStepItemContext();
-  return /* @__PURE__ */ jsx("span", { className: cn(labelVariants({ status }), className), ...props });
-};
-var isStepElement = (child) => isValidElement(child) && child.type === StepperStep;
-var getStepStatus = (step) => step.props.status ?? "upcoming";
-var Stepper = ({
-  orientation = "horizontal",
-  onStepClick,
-  children,
-  className,
-  ...props
-}) => {
-  const steps = Children.toArray(children).filter(isStepElement);
-  const lastIndex = steps.length - 1;
-  return /* @__PURE__ */ jsx(StepperContext, { value: { orientation, onStepClick }, children: /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: cn(
-        "tailwindcss-preflight",
-        "tw:list-none",
-        "tw:p-0",
-        "tw:m-0",
-        stepperVariants({ orientation }),
-        className
-      ),
-      ...props,
-      children: steps.map((step, index) => {
-        const isLast = index === lastIndex;
-        const wrappedStep = /* @__PURE__ */ jsx(StepPositionContext, { value: { index, isLast }, children: step });
-        if (orientation === "vertical") {
-          return (
-            // oxlint-disable-next-line react-x/no-array-index-key
-            /* @__PURE__ */ jsx("li", { className: "tw:contents", children: wrappedStep }, step.key ?? index)
-          );
-        }
-        return (
-          // oxlint-disable-next-line react-x/no-array-index-key
-          /* @__PURE__ */ jsxs("li", { className: "tw:contents", children: [
-            wrappedStep,
-            !isLast && // Connector colour follows the *current* (preceding) step's
-            // status — a complete step paints a success line forward.
-            /* @__PURE__ */ jsx(StepItemContext, { value: { index: -1, isLast: false, status: getStepStatus(step) }, children: /* @__PURE__ */ jsx(StepperStepConnector, {}) })
-          ] }, step.key ?? index)
-        );
-      })
-    }
-  ) });
-};
-Stepper.Step = StepperStep;
-Stepper.StepIndicator = StepperStepIndicator;
-Stepper.StepLabel = StepperStepLabel;
-Stepper.StepDescription = StepperStepDescription;
-Stepper.StepConnector = StepperStepConnector;
-
-export { Stepper };
-//# sourceMappingURL=chunk-WPVETCGJ.js.map
-//# sourceMappingURL=chunk-WPVETCGJ.js.map

package/dist/chunk-WPVETCGJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Stepper/StepperContext.tsx","../src/components/Stepper/styles.ts","../src/components/Stepper/StepperStepConnector.tsx","../src/components/Stepper/StepperStepIndicator.tsx","../src/components/Stepper/StepperStep.tsx","../src/components/Stepper/StepperStepDescription.tsx","../src/components/Stepper/StepperStepLabel.tsx","../src/components/Stepper/Stepper.tsx"],"names":["jsx","isValidElement","Children","jsxs"],"mappings":";;;;;;AASO,IAAM,iBAAiB,aAAA,CAAkC;AAAA,EAC9D,WAAA,EAAa;AACf,CAAC,CAAA;AAEM,IAAM,iBAAA,GAAoB,MAAM,GAAA,CAAI,cAAc,CAAA;AAQlD,IAAM,eAAA,GAAkB,cAA0C,IAAI,CAAA;AAEtE,IAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,GAAA,GAAM,IAAI,eAAe,CAAA;AAC/B,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,gEAAgE,CAAA;AAAA,EAClF;AACA,EAAA,OAAO,GAAA;AACT,CAAA;AAWO,IAAM,sBAAsB,aAAA,CAAuC;AAAA,EACxE,KAAA,EAAO,CAAA;AAAA,EACP,MAAA,EAAQ;AACV,CAAC,CAAA;AAEM,IAAM,sBAAA,GAAyB,MAAM,GAAA,CAAI,mBAAmB,CAAA;AC3C5D,IAAM,eAAA,GAAkB,GAAA,CAAI,EAAC,EAAG;AAAA,EACrC,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA;AAAA,MAEX,UAAA,EAAY,CAAC,SAAA,EAAW,aAAA,EAAe,kBAAkB,WAAW,CAAA;AAAA;AAAA,MAEpE,QAAA,EAAU,CAAC,SAAA,EAAW,aAAA,EAAe,WAAW;AAAA;AAClD;AAEJ,CAAC,CAAA;AAEM,IAAM,YAAA,GAAe,GAAA,CAAI,CAAC,eAAe,CAAA,EAAG;AAAA,EACjD,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA;AAAA,MAEX,YAAY,CAAC,SAAA,EAAW,aAAA,EAAe,iBAAA,EAAmB,kBAAkB,UAAU,CAAA;AAAA;AAAA;AAAA,MAGtF,QAAA,EAAU,CAAC,SAAA,EAAW,aAAA,EAAe,oBAAoB,UAAU;AAAA,KACrE;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA;AAAA,QAEJ,mBAAA;AAAA,QACA,mBAAA;AAAA,QACA,aAAA;AAAA,QACA,QAAA;AAAA,QACA,mBAAA;AAAA,QACA,iCAAA;AAAA,QACA,yBAAA;AAAA,QACA,+BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,OAAO;AAAC;AACV;AAEJ,CAAC,CAAA;AAEM,IAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B;AAAA,IACE,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU,CAAC,eAAA,EAAiB,eAAA,EAAiB,mBAAmB,CAAA;AAAA,QAChE,MAAA,EAAQ,CAAC,eAAA,EAAiB,4BAAA,EAA8B,mBAAmB,CAAA;AAAA,QAC3E,QAAA,EAAU,CAAC,aAAA,EAAe,0BAAA,EAA4B,kBAAkB,CAAA;AAAA,QACxE,KAAA,EAAO,CAAC,mBAAA,EAAqB,gCAAA,EAAkC,uBAAuB;AAAA;AACxF;AACF;AAEJ,CAAA;AAEO,IAAM,gBAAgB,GAAA,CAAI,CAAC,YAAA,EAAc,gBAAA,EAAkB,cAAc,CAAA,EAAG;AAAA,EACjF,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,CAAC,oBAAoB,CAAA;AAAA,MAC/B,MAAA,EAAQ,CAAC,oBAAoB,CAAA;AAAA,MAC7B,QAAA,EAAU,CAAC,0BAA0B,CAAA;AAAA,MACrC,KAAA,EAAO,CAAC,qBAAqB;AAAA;AAC/B;AAEJ,CAAC,CAAA;AAEM,IAAM,qBAAA,GAAwB,+CAAA;AAI9B,IAAM,iBAAA,GAAoB,GAAA,CAAI,CAAC,aAAA,EAAe,sBAAsB,CAAA,EAAG;AAAA,EAC5E,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA;AAAA,MAEX,UAAA,EAAY,CAAC,UAAA,EAAY,WAAA,EAAa,WAAW,YAAY,CAAA;AAAA;AAAA;AAAA,MAG7D,QAAA,EAAU,CAAC,UAAA,EAAY,WAAA,EAAa,YAAY;AAAA,KAClD;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,CAAC,eAAe,CAAA;AAAA,MAC1B,MAAA,EAAQ,CAAC,cAAc,CAAA;AAAA,MACvB,QAAA,EAAU,CAAC,cAAc,CAAA;AAAA,MACzB,KAAA,EAAO,CAAC,mBAAmB;AAAA;AAC7B;AAEJ,CAAC,CAAA;ACpGM,IAAM,uBAAuB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAa;AACtE,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAC1C,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,kBAAA,EAAmB;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,GAAG,iBAAA,CAAkB,EAAE,aAAa,MAAA,EAAQ,GAAG,SAAS,CAAA;AAAA,MAClE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;ACNO,IAAM,uBAAuB,CAAC,EAAE,UAAU,SAAA,EAAW,GAAG,OAAM,KAAa;AAChF,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,kBAAA,EAAmB;AAE7C,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,IAAI,QAAA,KAAa,QAAW,OAAO,QAAA;AACnC,IAAA,IAAI,WAAW,UAAA,EAAY,uBAAOA,GAAAA,CAAC,KAAA,EAAA,EAAM,eAAW,IAAA,EAAC,CAAA;AACrD,IAAA,IAAI,WAAW,OAAA,EAAS,uBAAOA,GAAAA,CAAC,CAAA,EAAA,EAAE,eAAW,IAAA,EAAC,CAAA;AAC9C,IAAA,OAAO,KAAA,GAAQ,CAAA;AAAA,EACjB,CAAA,GAAG;AAEH,EAAA,uBACEA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,eAAa,QAAA,KAAa,MAAA;AAAA,MAC1B,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,MAAA,EAAQ,GAAG,SAAS,CAAA;AAAA,MACrD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;ACRO,IAAM,WAAA,GAAc,CAAC,EAAE,MAAA,GAAS,YAAY,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM,KAAa;AAC5F,EAAA,MAAM,EAAE,WAAA,EAAa,WAAA,EAAY,GAAI,iBAAA,EAAkB;AACvD,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,sBAAA,EAAuB;AACjD,EAAA,MAAM,WAAA,GAAc,QAAQ,WAAW,CAAA;AAMvC,EAAA,MAAM,WAAA,GAAc,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AAC7C,EAAA,MAAM,iBAAiB,WAAA,CAAY,IAAA;AAAA,IACjC,CAAC,KAAA,KAAU,cAAA,CAAe,KAAK,CAAA,IAAK,MAAM,IAAA,KAAS;AAAA,GACrD;AACA,EAAA,MAAM,kBAAkB,WAAA,CAAY,MAAA,CAAO,CAAC,KAAA,KAAU,UAAU,cAAc,CAAA;AAC9E,EAAA,MAAM,SAAA,GAAuB,cAAA,oBAAkBA,GAAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAErE,EAAA,MAAM,WAAA,GAAc,MAAM,WAAA,GAAc,KAAK,CAAA;AAE7C,EAAA,MAAM,WAAA,GAAc,EAAE,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAO;AAE5C,EAAA,MAAM,aAAA,GAAgB,GAAG,YAAA,CAAa,EAAE,aAAa,WAAA,EAAa,GAAG,SAAS,CAAA;AAE9E,EAAA,MAAM,WAAA,GAAc,MAAA,KAAW,QAAA,GAAY,MAAA,GAAmB,MAAA;AAE9D,EAAA,MAAM,KAAA,GACJ,WAAA,KAAgB,UAAA,mBACd,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,qDAAA,EACb,QAAA,EAAA;AAAA,MAAA,SAAA;AAAA,MACA,CAAC,MAAA,oBAAUA,GAAAA,CAAC,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACpC,CAAA;AAAA,oBACAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sEACb,QAAA,EAAA,eAAA,EACH;AAAA,GAAA,EACF,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,SAAA;AAAA,oBACDA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sDACb,QAAA,EAAA,eAAA,EACH;AAAA,GAAA,EACF,CAAA;AAGJ,EAAA,uBACEA,GAAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,WAAA,EACrB,wCACCA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,WAAA;AAAA,MACT,cAAA,EAAc,WAAA;AAAA,MACd,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,aAAA;AAAA,MAEV,QAAA,EAAA;AAAA;AAAA,GACH,mBAEAA,GAAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAO,cAAA,EAAc,WAAA,EAAa,aAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,aAAA,EACxE,iBACH,CAAA,EAEJ,CAAA;AAEJ,CAAA;ACnFO,IAAM,yBAAyB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC3DA,GAAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;ACA7D,IAAM,mBAAmB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAa;AAClE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,kBAAA,EAAmB;AACtC,EAAA,uBAAOA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC/E,CAAA;AC0BA,IAAM,gBAAgB,CAAC,KAAA,KACrBC,eAAe,KAAK,CAAA,IAAK,MAAM,IAAA,KAAS,WAAA;AAE1C,IAAM,aAAA,GAAgB,CAAC,IAAA,KAAkC,IAAA,CAAK,MAAM,MAAA,IAAU,UAAA;AAavE,IAAM,UAAU,CAAC;AAAA,EACtB,WAAA,GAAc,YAAA;AAAA,EACd,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AAEX,EAAA,MAAM,QAAQC,QAAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAO,aAAa,CAAA;AAC7D,EAAA,MAAM,SAAA,GAAY,MAAM,MAAA,GAAS,CAAA;AAEjC,EAAA,uBACEF,IAAC,cAAA,EAAA,EAAe,KAAA,EAAO,EAAE,WAAA,EAAa,WAAA,IACpC,QAAA,kBAAAA,GAAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uBAAA;AAAA,QACA,cAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA,CAAgB,EAAE,WAAA,EAAa,CAAA;AAAA,QAC/B;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,QAAA,MAAM,SAAS,KAAA,KAAU,SAAA;AACzB,QAAA,MAAM,WAAA,mBACJA,GAAAA,CAAC,mBAAA,EAAA,EAAoB,OAAO,EAAE,KAAA,EAAO,MAAA,EAAO,EAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAMvD,QAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,UAAA;AAAA;AAAA,4BAEEA,IAAC,IAAA,EAAA,EAA2B,SAAA,EAAU,eACnC,QAAA,EAAA,WAAA,EAAA,EADM,IAAA,CAAK,OAAO,KAErB;AAAA;AAAA,QAEJ;AAEA,QAAA;AAAA;AAAA,0BAEEG,IAAAA,CAAC,IAAA,EAAA,EAA2B,SAAA,EAAU,aAAA,EACnC,QAAA,EAAA;AAAA,YAAA,WAAA;AAAA,YACA,CAAC,MAAA;AAAA;AAAA,4BAGAH,GAAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAE,OAAO,EAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,cAAc,IAAI,CAAA,IAC5E,QAAA,kBAAAA,GAAAA,CAAC,wBAAqB,CAAA,EACxB;AAAA,WAAA,EAAA,EAPK,IAAA,CAAK,OAAO,KASrB;AAAA;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,OAAA,CAAQ,IAAA,GAAO,WAAA;AACf,OAAA,CAAQ,aAAA,GAAgB,oBAAA;AACxB,OAAA,CAAQ,SAAA,GAAY,gBAAA;AACpB,OAAA,CAAQ,eAAA,GAAkB,sBAAA;AAC1B,OAAA,CAAQ,aAAA,GAAgB,oBAAA","file":"chunk-WPVETCGJ.js","sourcesContent":["import { createContext, use } from 'react';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\ntype StepperContextType = {\n  orientation: StepperOrientation;\n  onStepClick?: (index: number) => void;\n};\n\nexport const StepperContext = createContext<StepperContextType>({\n  orientation: 'horizontal',\n});\n\nexport const useStepperContext = () => use(StepperContext);\n\ntype StepItemContextType = {\n  index: number;\n  isLast: boolean;\n  status: StepStatus;\n};\n\nexport const StepItemContext = createContext<StepItemContextType | null>(null);\n\nexport const useStepItemContext = () => {\n  const ctx = use(StepItemContext);\n  if (!ctx) {\n    throw new Error('Stepper.Step subcomponents must be used inside <Stepper.Step>.');\n  }\n  return ctx;\n};\n\n// Position context provided by `Stepper` to each child `Stepper.Step` —\n// carries the step's index in the rendered list and whether it's the last.\n// Separated from `StepItemContext` so the connector + step share a status\n// channel but only the step needs positional info.\ntype StepPositionContextType = {\n  index: number;\n  isLast: boolean;\n};\n\nexport const StepPositionContext = createContext<StepPositionContextType>({\n  index: 0,\n  isLast: true,\n});\n\nexport const useStepPositionContext = () => use(StepPositionContext);\n\nconst STEP_STATUS = {\n  complete: 'complete',\n  active: 'active',\n  upcoming: 'upcoming',\n  error: 'error',\n} as const;\n\nexport type StepStatus = (typeof STEP_STATUS)[keyof typeof STEP_STATUS];\n","import { cva } from 'class-variance-authority';\n\nexport const stepperVariants = cva([], {\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n  variants: {\n    orientation: {\n      // Single row of steps + inter-step connectors. Steps shrink to content; connectors flex-fill the gaps.\n      horizontal: ['tw:flex', 'tw:flex-row', 'tw:items-start', 'tw:w-full'],\n      // Stack steps vertically; each step renders its own indicator column with an internal connector.\n      vertical: ['tw:flex', 'tw:flex-col', 'tw:w-full'],\n    },\n  },\n});\n\nexport const stepVariants = cva(['tw:group/step'], {\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n  variants: {\n    orientation: {\n      // Indicator on top, label/description below.\n      horizontal: ['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center', 'tw:gap-2'],\n      // Indicator column on the left (with the vertical connector stretching beneath it),\n      // content column on the right with the label/description.\n      vertical: ['tw:flex', 'tw:flex-row', 'tw:items-stretch', 'tw:gap-3'],\n    },\n    interactive: {\n      true: [\n        // Reset native `<button>` chrome so the Step looks identical to its non-interactive sibling.\n        'tw:cursor-pointer',\n        'tw:bg-transparent',\n        'tw:border-0',\n        'tw:p-0',\n        'tw:font-[inherit]',\n        'tw:focus-visible:outline-hidden',\n        'tw:focus-visible:ring-2',\n        'tw:focus-visible:ring-ring/50',\n        'tw:focus-visible:rounded-md',\n      ],\n      false: [],\n    },\n  },\n});\n\nexport const indicatorVariants = cva(\n  [\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:shrink-0',\n    'tw:size-8',\n    'tw:rounded-full',\n    'tw:border',\n    'tw:text-sm',\n    'tw:font-medium',\n    'tw:transition-colors',\n    'tw:[&_svg]:size-4',\n  ],\n  {\n    defaultVariants: {\n      status: 'upcoming',\n    },\n    variants: {\n      status: {\n        complete: ['tw:bg-success', 'tw:text-white', 'tw:border-success'],\n        active: ['tw:bg-primary', 'tw:text-primary-foreground', 'tw:border-primary'],\n        upcoming: ['tw:bg-muted', 'tw:text-muted-foreground', 'tw:border-border'],\n        error: ['tw:bg-destructive', 'tw:text-destructive-foreground', 'tw:border-destructive'],\n      },\n    },\n  },\n);\n\nexport const labelVariants = cva(['tw:text-sm', 'tw:font-medium', 'tw:leading-5'], {\n  defaultVariants: {\n    status: 'upcoming',\n  },\n  variants: {\n    status: {\n      complete: ['tw:text-foreground'],\n      active: ['tw:text-foreground'],\n      upcoming: ['tw:text-muted-foreground'],\n      error: ['tw:text-destructive'],\n    },\n  },\n});\n\nexport const descriptionClassnames = 'tw:text-xs tw:text-muted-foreground tw:mt-0.5';\n\n// Connector colour follows the preceding step's status (complete → success line forward,\n// error → destructive, otherwise muted border).\nexport const connectorVariants = cva(['tw:shrink-0', 'tw:transition-colors'], {\n  defaultVariants: {\n    orientation: 'horizontal',\n    status: 'upcoming',\n  },\n  variants: {\n    orientation: {\n      // Inline sibling between horizontal steps. Push down by half the indicator height (16px).\n      horizontal: ['tw:h-0.5', 'tw:flex-1', 'tw:mt-4', 'tw:min-w-8'],\n      // Inside the indicator column under the indicator. `flex-1` + `min-h-6` ensures it\n      // stretches to fill the space alongside the content block.\n      vertical: ['tw:w-0.5', 'tw:flex-1', 'tw:min-h-6'],\n    },\n    status: {\n      complete: ['tw:bg-success'],\n      active: ['tw:bg-border'],\n      upcoming: ['tw:bg-border'],\n      error: ['tw:bg-destructive'],\n    },\n  },\n});\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { useStepItemContext, useStepperContext } from './StepperContext';\nimport { connectorVariants } from './styles';\n\ntype Props = ComponentProps<'span'>;\n\n/**\n * Visual line between two steps. Internal — `Stepper` renders connectors automatically between\n * adjacent `Stepper.Step`s. Connector colour follows the preceding step's status.\n */\nexport const StepperStepConnector = ({ className, ...props }: Props) => {\n  const { orientation } = useStepperContext();\n  const { status } = useStepItemContext();\n  return (\n    <span\n      aria-hidden\n      className={cn(connectorVariants({ orientation, status }), className)}\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { Check, X } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { useStepItemContext } from './StepperContext';\nimport { indicatorVariants } from './styles';\n\ntype Props = {\n  /** Override the default content. By default renders Check for complete, X for error, step number otherwise. */\n  children?: ReactNode;\n} & ComponentProps<'span'>;\n\n/**\n * Circular indicator slot. Renders the status icon (Check / X) or the step number automatically based on\n * the parent `Stepper.Step` status. Pass `children` to override.\n */\nexport const StepperStepIndicator = ({ children, className, ...props }: Props) => {\n  const { index, status } = useStepItemContext();\n\n  const content = (() => {\n    if (children !== undefined) return children;\n    if (status === 'complete') return <Check aria-hidden />;\n    if (status === 'error') return <X aria-hidden />;\n    return index + 1;\n  })();\n\n  return (\n    <span\n      aria-hidden={children === undefined}\n      className={cn(indicatorVariants({ status }), className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n};\n","import { Children, type HTMLAttributes, isValidElement, type ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport {\n  StepItemContext,\n  type StepStatus,\n  useStepperContext,\n  useStepPositionContext,\n} from './StepperContext';\nimport { StepperStepConnector } from './StepperStepConnector';\nimport { StepperStepIndicator } from './StepperStepIndicator';\nimport { stepVariants } from './styles';\n\ntype Props = {\n  /** Visual state of the step. Drives indicator + connector colour. Defaults to `'upcoming'`. */\n  status?: StepStatus;\n  children: ReactNode;\n  // Use generic HTML attributes so passthrough works for either `<div>` or `<button>`.\n} & Omit<HTMLAttributes<HTMLElement>, 'children'>;\n\n/**\n * One step in a `Stepper`. Render `Stepper.StepIndicator`, `Stepper.StepLabel`, and optional\n * `Stepper.StepDescription` as children — order within the step is irrelevant; the indicator is\n * extracted and rendered in the indicator slot.\n *\n * Set `Stepper`'s `onStepClick` prop to make every step a button; otherwise the Step renders as `<div>`.\n */\nexport const StepperStep = ({ status = 'upcoming', children, className, ...props }: Props) => {\n  const { orientation, onStepClick } = useStepperContext();\n  const { index, isLast } = useStepPositionContext();\n  const interactive = Boolean(onStepClick);\n\n  // Pull the indicator child out of `children` so we can position it\n  // independently from the label/description block. Falls back to a default\n  // indicator if the consumer didn't render one.\n  // oxlint-disable-next-line react-x/no-children-to-array -- need to split indicator from label/description\n  const allChildren = Children.toArray(children);\n  const indicatorChild = allChildren.find(\n    (child) => isValidElement(child) && child.type === StepperStepIndicator,\n  );\n  const contentChildren = allChildren.filter((child) => child !== indicatorChild);\n  const indicator: ReactNode = indicatorChild ?? <StepperStepIndicator />;\n\n  const handleClick = () => onStepClick?.(index);\n\n  const stepContext = { index, isLast, status };\n\n  const stepClassName = cn(stepVariants({ orientation, interactive }), className);\n\n  const ariaCurrent = status === 'active' ? ('step' as const) : undefined;\n\n  const inner =\n    orientation === 'vertical' ? (\n      <>\n        <span className=\"tw:flex tw:flex-col tw:items-center tw:self-stretch\">\n          {indicator}\n          {!isLast && <StepperStepConnector />}\n        </span>\n        <span className=\"tw:flex tw:min-w-0 tw:flex-col tw:items-start tw:pb-6 tw:text-left\">\n          {contentChildren}\n        </span>\n      </>\n    ) : (\n      <>\n        {indicator}\n        <span className=\"tw:flex tw:flex-col tw:items-center tw:text-center\">\n          {contentChildren}\n        </span>\n      </>\n    );\n\n  return (\n    <StepItemContext value={stepContext}>\n      {interactive ? (\n        <button\n          {...props}\n          type=\"button\"\n          onClick={handleClick}\n          aria-current={ariaCurrent}\n          data-status={status}\n          className={stepClassName}\n        >\n          {inner}\n        </button>\n      ) : (\n        <div {...props} aria-current={ariaCurrent} data-status={status} className={stepClassName}>\n          {inner}\n        </div>\n      )}\n    </StepItemContext>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { descriptionClassnames } from './styles';\n\ntype Props = ComponentProps<'span'>;\n\n/** Optional secondary text below the step label. */\nexport const StepperStepDescription = ({ className, ...props }: Props) => (\n  <span className={cn(descriptionClassnames, className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { useStepItemContext } from './StepperContext';\nimport { labelVariants } from './styles';\n\ntype Props = ComponentProps<'span'>;\n\n/** Step title — short label describing the step (e.g. \"Account\", \"Payment\"). */\nexport const StepperStepLabel = ({ className, ...props }: Props) => {\n  const { status } = useStepItemContext();\n  return <span className={cn(labelVariants({ status }), className)} {...props} />;\n};\n","import {\n  Children,\n  type ComponentProps,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nimport {\n  StepItemContext,\n  StepperContext,\n  type StepperOrientation,\n  StepPositionContext,\n  type StepStatus,\n} from './StepperContext';\nimport { StepperStep } from './StepperStep';\nimport { StepperStepConnector } from './StepperStepConnector';\nimport { StepperStepDescription } from './StepperStepDescription';\nimport { StepperStepIndicator } from './StepperStepIndicator';\nimport { StepperStepLabel } from './StepperStepLabel';\nimport { stepperVariants } from './styles';\n\ntype Props = {\n  /** Layout direction. Defaults to `horizontal`. */\n  orientation?: StepperOrientation;\n  /**\n   * When provided, every step renders as a `<button>` and clicking fires this with the step index.\n   * When undefined, steps render as `<div>` (visual only).\n   */\n  onStepClick?: (index: number) => void;\n  children: ReactNode;\n} & Omit<ComponentProps<'ol'>, 'children'> &\n  VariantProps<typeof stepperVariants>;\n\ntype StepElement = ReactElement<{ status?: StepStatus }>;\n\nconst isStepElement = (child: ReactNode): child is StepElement =>\n  isValidElement(child) && child.type === StepperStep;\n\nconst getStepStatus = (step: StepElement): StepStatus => step.props.status ?? 'upcoming';\n\n/**\n * Linear progress indicator for a multi-step flow.\n *\n * **When to use:** show progress through a finite, ordered sequence (onboarding wizard, multi-step form,\n * deploy pipeline). Compose with `Stepper.Step` + `Stepper.StepIndicator` + `Stepper.StepLabel` (+ optional\n * `Stepper.StepDescription`); connectors render automatically between steps.\n * **When NOT to use:** for branching navigation use `Tabs` or `PageLayout.Tabs`; for an unordered status list\n * use `Timeline`; for a single percentage value use `Progress`.\n * **Composition:** set `onStepClick` to make steps focusable buttons (callback fires with the step index),\n * otherwise the stepper is visual only. Each step's `status` prop drives the indicator + connector colour.\n */\nexport const Stepper = ({\n  orientation = 'horizontal',\n  onStepClick,\n  children,\n  className,\n  ...props\n}: Props) => {\n  // oxlint-disable-next-line react-x/no-children-to-array -- need step count for connectors + positional context\n  const steps = Children.toArray(children).filter(isStepElement);\n  const lastIndex = steps.length - 1;\n\n  return (\n    <StepperContext value={{ orientation, onStepClick }}>\n      <ol\n        className={cn(\n          'tailwindcss-preflight',\n          'tw:list-none',\n          'tw:p-0',\n          'tw:m-0',\n          stepperVariants({ orientation }),\n          className,\n        )}\n        {...props}\n      >\n        {steps.map((step, index) => {\n          const isLast = index === lastIndex;\n          const wrappedStep = (\n            <StepPositionContext value={{ index, isLast }}>{step}</StepPositionContext>\n          );\n\n          // Each <li> wraps one step (and, in horizontal mode, the trailing\n          // connector) so the <ol> only ever has <li> children — valid list\n          // markup that preserves the inner <button>/<div>'s native role.\n          if (orientation === 'vertical') {\n            return (\n              // oxlint-disable-next-line react-x/no-array-index-key\n              <li key={step.key ?? index} className=\"tw:contents\">\n                {wrappedStep}\n              </li>\n            );\n          }\n\n          return (\n            // oxlint-disable-next-line react-x/no-array-index-key\n            <li key={step.key ?? index} className=\"tw:contents\">\n              {wrappedStep}\n              {!isLast && (\n                // Connector colour follows the *current* (preceding) step's\n                // status — a complete step paints a success line forward.\n                <StepItemContext value={{ index: -1, isLast: false, status: getStepStatus(step) }}>\n                  <StepperStepConnector />\n                </StepItemContext>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </StepperContext>\n  );\n};\n\nStepper.Step = StepperStep;\nStepper.StepIndicator = StepperStepIndicator;\nStepper.StepLabel = StepperStepLabel;\nStepper.StepDescription = StepperStepDescription;\nStepper.StepConnector = StepperStepConnector;\n"]}

package/dist/chunk-WTSM3A7E.js

@@ -1,13 +0,0 @@
-import { Card } from './chunk-F3FOFY2P.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var EmptyConfigurationActionCard = ({ title, children, className }) => {
-  return /* @__PURE__ */ jsxs(Card, { className, children: [
-    /* @__PURE__ */ jsx(Card.Header, { children: /* @__PURE__ */ jsx(Card.Title, { children: title }) }),
-    /* @__PURE__ */ jsx(Card.Content, { className: "tw:flex tw:flex-col tw:items-center", children })
-  ] });
-};
-
-export { EmptyConfigurationActionCard };
-//# sourceMappingURL=chunk-WTSM3A7E.js.map
-//# sourceMappingURL=chunk-WTSM3A7E.js.map

package/dist/chunk-WTSM3A7E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/EmptyConfigurationActionCard/EmptyConfigurationActionCard.tsx"],"names":[],"mappings":";;;AAUO,IAAM,+BAA+B,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,WAAU,KAAa;AACrF,EAAA,uBACE,IAAA,CAAC,QAAK,SAAA,EACJ,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,CAAK,QAAL,EACC,QAAA,kBAAA,GAAA,CAAC,KAAK,KAAA,EAAL,EAAY,iBAAM,CAAA,EACrB,CAAA;AAAA,wBACC,IAAA,CAAK,OAAA,EAAL,EAAa,SAAA,EAAU,uCAAuC,QAAA,EAAS;AAAA,GAAA,EAC1E,CAAA;AAEJ","file":"chunk-WTSM3A7E.js","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Card } from '../../components/Card';\n\ntype Props = {\n  title: string;\n  children: ReactNode;\n  className?: string;\n};\n\nexport const EmptyConfigurationActionCard = ({ title, children, className }: Props) => {\n  return (\n    <Card className={className}>\n      <Card.Header>\n        <Card.Title>{title}</Card.Title>\n      </Card.Header>\n      <Card.Content className=\"tw:flex tw:flex-col tw:items-center\">{children}</Card.Content>\n    </Card>\n  );\n};\n"]}

package/dist/chunk-WU3F2K3T.js

@@ -1,148 +0,0 @@
-import { Badge } from './chunk-SBGAUGXY.js';
-import { Popover } from './chunk-ON4BJTHI.js';
-import { Button } from './chunk-IXAYNBOY.js';
-import { Plus, ChevronDown, X } from './chunk-RQVK4IYC.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var PageToolbarToken = ({
-  children,
-  popover,
-  onRemove,
-  removeAriaLabel,
-  ...props
-}) => /* @__PURE__ */ jsxs(Popover, { children: [
-  /* @__PURE__ */ jsx(
-    Badge,
-    {
-      ...props,
-      asChild: true,
-      variant: "pill",
-      color: "blue-inverse",
-      suffix: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "inline",
-          size: "icon-2xs",
-          "aria-label": removeAriaLabel,
-          onClick: onRemove,
-          children: /* @__PURE__ */ jsx(X, { className: "tw:size-3" })
-        }
-      ),
-      children: /* @__PURE__ */ jsxs(
-        Popover.Trigger,
-        {
-          type: "button",
-          className: "tw:inline-flex tw:cursor-pointer tw:items-center tw:gap-1 tw:bg-inherit tw:text-inherit tailwindcss-preflight",
-          children: [
-            children,
-            /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-3" })
-          ]
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ jsx(Popover.Content, { align: "start", children: popover })
-] });
-var Root = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("tw:flex tw:flex-wrap tw:items-center tw:gap-3 tw:w-full", className),
-    ...props,
-    children
-  }
-);
-var Search = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "tw:mr-auto tw:flex tw:items-center tw:gap-2 tw:w-full tw:sm:w-auto tw:sm:min-w-64 tw:sm:max-w-md",
-      className
-    ),
-    ...props,
-    children
-  }
-);
-var Right = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("tw:flex tw:flex-wrap tw:items-center tw:gap-2", className),
-    ...props,
-    children
-  }
-);
-var ControlGroup = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx("div", { ref, className: cn("tw:flex tw:items-center tw:gap-2", className), ...props, children });
-var ActiveFilters = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("tw:flex tw:flex-wrap tw:items-center tw:gap-2 tw:basis-full", className),
-    ...props,
-    children
-  }
-);
-var Chip = ({ children, onRemove, removeAriaLabel, ...props }) => /* @__PURE__ */ jsx(
-  Badge,
-  {
-    ...props,
-    variant: "pill",
-    color: "blue-inverse",
-    suffix: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "inline",
-        size: "icon-2xs",
-        "aria-label": removeAriaLabel,
-        onClick: onRemove,
-        children: /* @__PURE__ */ jsx(X, { className: "tw:size-3" })
-      }
-    ),
-    children
-  }
-);
-var AddFilter = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Button, { variant: "invisible", size: "small", className: cn("tw:gap-1.5", className), ...props, children: [
-  /* @__PURE__ */ jsx(Plus, { className: "tw:size-4" }),
-  children ?? "Add filter"
-] });
-var Clear = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Button, { variant: "invisible", size: "small", className: cn("tw:ml-auto", className), ...props, children: children ?? "Clear all" });
-var PageToolbar = Object.assign(Root, {
-  /** Left slot — typically a `SearchInput`. */
-  Search,
-  /** Right cluster — host the four control groups below in the recommended order. */
-  Right,
-  /** Filter controls (`Combobox`, `Select`, `DatePicker`). */
-  Filters: ControlGroup,
-  /** Sort control. */
-  Sort: ControlGroup,
-  /** Utility actions (Export, Refresh, …). */
-  Actions: ControlGroup,
-  /** View toggle (List / Grid). Always render last in the right cluster. */
-  View: ControlGroup,
-  /**
-   * Active filters row. Render only when one or more filters are active. Pass filter chips
-   * (Standard variant) or tokens (Query Builder variant) as children, optionally followed
-   * by `AddFilter` / `Clear`.
-   */
-  ActiveFilters,
-  /** Non-editable filter chip (Standard variant) — `Badge` pill with a dismiss button. */
-  Chip,
-  /**
-   * Editable filter token (Query Builder variant) — `Badge` pill with a `chevron-down`
-   * popover trigger for editing values and an `×` dismiss button. The popover content
-   * is supplied by the caller via the `popover` slot (typically a `Combobox` or option list).
-   */
-  Token: PageToolbarToken,
-  /** "+ Add filter" action — typically rendered after the chips/tokens in `ActiveFilters`. */
-  AddFilter,
-  /** "Clear all" action — self-aligns to the far right of `ActiveFilters`. */
-  Clear
-});
-
-export { PageToolbar };
-//# sourceMappingURL=chunk-WU3F2K3T.js.map
-//# sourceMappingURL=chunk-WU3F2K3T.js.map

package/dist/chunk-WU3F2K3T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/PageToolbar/PageToolbarToken.tsx","../src/blocks/PageToolbar/PageToolbar.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-WU3F2K3T.js","sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Badge } from '../../components/Badge';\nimport { Button } from '../../components/Button';\nimport { Popover } from '../../components/Popover';\nimport { ChevronDown, X } from '../../icons';\n\ntype PageToolbarTokenProps = Omit<\n  ComponentPropsWithoutRef<typeof Badge>,\n  'variant' | 'color' | 'suffix' | 'children' | 'asChild' | 'popover'\n> & {\n  children: ReactNode;\n  /** Popover content rendered when the chevron-down trigger is clicked — typically a value editor. */\n  popover: ReactNode;\n  onRemove: () => void;\n  removeAriaLabel: string;\n};\n\n/**\n * Editable filter token (Query Builder variant) — `Badge` pill with a `chevron-down`\n * popover trigger for editing values and an `×` dismiss button. The popover content\n * is supplied by the caller via the `popover` slot (typically a `Combobox` or option list).\n */\nexport const PageToolbarToken = ({\n  children,\n  popover,\n  onRemove,\n  removeAriaLabel,\n  ...props\n}: PageToolbarTokenProps) => (\n  <Popover>\n    <Badge\n      {...props}\n      asChild\n      variant=\"pill\"\n      color=\"blue-inverse\"\n      suffix={\n        <Button\n          type=\"button\"\n          variant=\"inline\"\n          size=\"icon-2xs\"\n          aria-label={removeAriaLabel}\n          onClick={onRemove}\n        >\n          <X className=\"tw:size-3\" />\n        </Button>\n      }\n    >\n      <Popover.Trigger\n        type=\"button\"\n        className=\"tw:inline-flex tw:cursor-pointer tw:items-center tw:gap-1 tw:bg-inherit tw:text-inherit tailwindcss-preflight\"\n      >\n        {children}\n        <ChevronDown className=\"tw:size-3\" />\n      </Popover.Trigger>\n    </Badge>\n    <Popover.Content align=\"start\">{popover}</Popover.Content>\n  </Popover>\n);\n","import type { ComponentProps, ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Badge } from '../../components/Badge';\nimport { Button } from '../../components/Button';\nimport { Plus, X } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { PageToolbarToken } from './PageToolbarToken';\n\ntype DivProps = ComponentProps<'div'>;\n\nconst Root = ({ ref, className, children, ...props }: DivProps) => (\n  <div\n    ref={ref}\n    className={cn('tw:flex tw:flex-wrap tw:items-center tw:gap-3 tw:w-full', className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nconst Search = ({ ref, className, children, ...props }: DivProps) => (\n  <div\n    ref={ref}\n    className={cn(\n      'tw:mr-auto tw:flex tw:items-center tw:gap-2 tw:w-full tw:sm:w-auto tw:sm:min-w-64 tw:sm:max-w-md',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nconst Right = ({ ref, className, children, ...props }: DivProps) => (\n  <div\n    ref={ref}\n    className={cn('tw:flex tw:flex-wrap tw:items-center tw:gap-2', className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nconst ControlGroup = ({ ref, className, children, ...props }: DivProps) => (\n  <div ref={ref} className={cn('tw:flex tw:items-center tw:gap-2', className)} {...props}>\n    {children}\n  </div>\n);\n\nconst ActiveFilters = ({ ref, className, children, ...props }: DivProps) => (\n  <div\n    ref={ref}\n    className={cn('tw:flex tw:flex-wrap tw:items-center tw:gap-2 tw:basis-full', className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\ntype ChipProps = Omit<\n  ComponentPropsWithoutRef<typeof Badge>,\n  'variant' | 'color' | 'suffix' | 'children'\n> & {\n  children: ReactNode;\n  onRemove: () => void;\n  removeAriaLabel: string;\n};\n\nconst Chip = ({ children, onRemove, removeAriaLabel, ...props }: ChipProps) => (\n  <Badge\n    {...props}\n    variant=\"pill\"\n    color=\"blue-inverse\"\n    suffix={\n      <Button\n        type=\"button\"\n        variant=\"inline\"\n        size=\"icon-2xs\"\n        aria-label={removeAriaLabel}\n        onClick={onRemove}\n      >\n        <X className=\"tw:size-3\" />\n      </Button>\n    }\n  >\n    {children}\n  </Badge>\n);\n\ntype ActionProps = ComponentPropsWithoutRef<typeof Button>;\n\nconst AddFilter = ({ className, children, ...props }: ActionProps) => (\n  <Button variant=\"invisible\" size=\"small\" className={cn('tw:gap-1.5', className)} {...props}>\n    <Plus className=\"tw:size-4\" />\n    {children ?? 'Add filter'}\n  </Button>\n);\n\nconst Clear = ({ className, children, ...props }: ActionProps) => (\n  <Button variant=\"invisible\" size=\"small\" className={cn('tw:ml-auto', className)} {...props}>\n    {children ?? 'Clear all'}\n  </Button>\n);\n\n/**\n * Two-row toolbar for index pages — search on the left, filter / sort / utility / view\n * controls on the right, an optional Active Filters row below for filter chips or tokens.\n *\n * **When to use:** every index page that supports search or filtering. Hosts inside\n * `PageLayout` as the search / filter row, between `PageLayout.Header` and `PageLayout.Content`.\n * **When NOT to use:** detail pages, form pages, or anywhere there is no search / filter\n * surface. For routing-based tab rows reach for `PageLayout.Tabs`.\n *\n * **Recommended composition (enforced at the call site):**\n *\n * - `Search` sits on the left; the right cluster auto-aligns via flex.\n * - Right cluster order: `Filters` → `Sort` → `Actions` → `View`. View controls are always\n *   the final control group — do not render any control after `View`.\n * - `ActiveFilters` is the second row. Render it only when one or more filters are active.\n * - `Clear` self-aligns to the far right of `ActiveFilters`.\n *\n * The block is variant-agnostic: render filter chips (Standard variant, non-editable) or\n * tokens (Query Builder variant, editable) into `ActiveFilters` as plain children — do not\n * mix the two in one toolbar.\n *\n * @see https://github.com/evviku/design-system-docs/blob/main/docs/patterns/toolbar/toolbar.md\n */\nexport const PageToolbar = Object.assign(Root, {\n  /** Left slot — typically a `SearchInput`. */\n  Search,\n  /** Right cluster — host the four control groups below in the recommended order. */\n  Right,\n  /** Filter controls (`Combobox`, `Select`, `DatePicker`). */\n  Filters: ControlGroup,\n  /** Sort control. */\n  Sort: ControlGroup,\n  /** Utility actions (Export, Refresh, …). */\n  Actions: ControlGroup,\n  /** View toggle (List / Grid). Always render last in the right cluster. */\n  View: ControlGroup,\n  /**\n   * Active filters row. Render only when one or more filters are active. Pass filter chips\n   * (Standard variant) or tokens (Query Builder variant) as children, optionally followed\n   * by `AddFilter` / `Clear`.\n   */\n  ActiveFilters,\n  /** Non-editable filter chip (Standard variant) — `Badge` pill with a dismiss button. */\n  Chip,\n  /**\n   * Editable filter token (Query Builder variant) — `Badge` pill with a `chevron-down`\n   * popover trigger for editing values and an `×` dismiss button. The popover content\n   * is supplied by the caller via the `popover` slot (typically a `Combobox` or option list).\n   */\n  Token: PageToolbarToken,\n  /** \"+ Add filter\" action — typically rendered after the chips/tokens in `ActiveFilters`. */\n  AddFilter,\n  /** \"Clear all\" action — self-aligns to the far right of `ActiveFilters`. */\n  Clear,\n});\n"]}

package/dist/chunk-WZZK2DTZ.js

@@ -1,39 +0,0 @@
-import { cn } from './chunk-LXLIQ2D6.js';
-import { jsx } from 'react/jsx-runtime';
-
-var Link = ({
-  ref,
-  children,
-  target = "_blank",
-  rel = "noopener noreferrer",
-  onClick,
-  className,
-  ...rest
-}) => {
-  const handleOnClick = (event) => {
-    event.stopPropagation();
-    onClick?.(event);
-  };
-  return (
-    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ jsx(
-      "a",
-      {
-        ...rest,
-        ref,
-        target,
-        rel,
-        onClick: handleOnClick,
-        className: cn(
-          "tw:text-primary tw:underline tw:hover:text-primary/90 tw:hover:no-underline",
-          className
-        ),
-        children
-      }
-    )
-  );
-};
-
-export { Link };
-//# sourceMappingURL=chunk-WZZK2DTZ.js.map
-//# sourceMappingURL=chunk-WZZK2DTZ.js.map

package/dist/chunk-WZZK2DTZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Link.tsx"],"names":[],"mappings":";;;AAMO,IAAM,OAAO,CAAC;AAAA,EACnB,GAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA,GAAS,QAAA;AAAA,EACT,GAAA,GAAM,qBAAA;AAAA,EACN,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,aAAA,GAAsD,CAAC,KAAA,KAAU;AACrE,IAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA;AAAA;AAAA,oBAEE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA;AAAA,QACA,OAAA,EAAS,aAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,6EAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC;AAAA;AAAA;AACH;AAEJ","file":"chunk-WZZK2DTZ.js","sourcesContent":["import type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '../utils';\n\ntype Props = ComponentProps<'a'>;\n\nexport const Link = ({\n  ref,\n  children,\n  target = '_blank',\n  rel = 'noopener noreferrer',\n  onClick,\n  className,\n  ...rest\n}: Props) => {\n  const handleOnClick: MouseEventHandler<HTMLAnchorElement> = (event) => {\n    event.stopPropagation();\n    onClick?.(event);\n  };\n\n  return (\n    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n    <a\n      {...rest}\n      ref={ref}\n      target={target}\n      rel={rel}\n      onClick={handleOnClick}\n      className={cn(\n        'tw:text-primary tw:underline tw:hover:text-primary/90 tw:hover:no-underline',\n        className,\n      )}\n    >\n      {children}\n    </a>\n  );\n};\n"]}