acai-ui-library 0.1.13 → 0.1.15

package/dist/components/read-only-guard.cjs

@@ -0,0 +1,103 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/read-only-guard.tsx
+var read_only_guard_exports = {};
+__export(read_only_guard_exports, {
+  READ_ONLY_REASON: () => READ_ONLY_REASON,
+  ReadOnlyGuard: () => ReadOnlyGuard,
+  isGuarded: () => isGuarded
+});
+module.exports = __toCommonJS(read_only_guard_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/tooltip.tsx
+var React = __toESM(require("react"), 1);
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/read-only-guard.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var READ_ONLY_REASON = "Read-only support session: this action is turned off.";
+function isGuarded({ mode, ops, op = "WRITE" }) {
+  if (ops) return !ops.includes(op);
+  return mode === "READ";
+}
+function ReadOnlyGuard({ mode, ops, op = "WRITE", reason = READ_ONLY_REASON, className, children }) {
+  if (!isGuarded({ mode, ops, op })) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+  const swallow = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        tabIndex: 0,
+        "data-read-only": "",
+        "aria-disabled": "true",
+        className: cn("inline-flex cursor-not-allowed", className),
+        onClickCapture: swallow,
+        onSubmitCapture: swallow,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("fieldset", { disabled: true, className: "contents", children })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipContent, { children: reason })
+  ] }) });
+}
+ReadOnlyGuard.displayName = "ReadOnlyGuard";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  READ_ONLY_REASON,
+  ReadOnlyGuard,
+  isGuarded
+});
+//# sourceMappingURL=read-only-guard.cjs.map

package/dist/components/read-only-guard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/read-only-guard.tsx","../../src/lib/utils.ts","../../src/components/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip\"\nimport type { ImpersonationMode, OperationClass } from \"../lib/impersonation\"\n\nexport interface ReadOnlyGuardProps {\n  /**\n   * The session mode from useImpersonation (imp_mode). READ disables the children. null or undefined (no support\n   * session) leaves them alone.\n   */\n  mode?: ImpersonationMode | null\n  /**\n   * Approved operation classes from useImpersonation (imp_ops). When given, the children are disabled unless `op` is\n   * in the list. Takes precedence over `mode`.\n   */\n  ops?: readonly OperationClass[] | null\n  /** The class the wrapped action needs. Default WRITE. FINANCIAL and SECURITY are never approved in a support session. */\n  op?: OperationClass\n  /** Tooltip text while disabled. */\n  reason?: string\n  className?: string\n  children: React.ReactNode\n}\n\nexport const READ_ONLY_REASON = \"Read-only support session: this action is turned off.\"\n\n/** Whether a guard with these props disables its children. */\nexport function isGuarded({ mode, ops, op = \"WRITE\" }: Pick<ReadOnlyGuardProps, \"mode\" | \"ops\" | \"op\">): boolean {\n  if (ops) return !ops.includes(op)\n  return mode === \"READ\"\n}\n\n/**\n * Disables what it wraps during a support session that may not perform the action (acai-ai-platform#1274).\n *\n * In READ mode (or when `op` is not among the approved `ops`) the children sit in a disabled <fieldset>, so every\n * native button, input, select and textarea inside is disabled, and clicks on anything else (links) are swallowed. A\n * tooltip explains why. Outside a support session it renders the children unchanged.\n *\n * This is a display aid. The backend refuses the request anyway (403 IMPERSONATION_OP_NOT_APPROVED).\n */\nfunction ReadOnlyGuard({ mode, ops, op = \"WRITE\", reason = READ_ONLY_REASON, className, children }: ReadOnlyGuardProps) {\n  if (!isGuarded({ mode, ops, op })) return <>{children}</>\n\n  const swallow = (e: React.SyntheticEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n  }\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            // The wrapper takes focus so keyboard users also get the explanation; the controls inside cannot.\n            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n            tabIndex={0}\n            data-read-only=\"\"\n            aria-disabled=\"true\"\n            className={cn(\"inline-flex cursor-not-allowed\", className)}\n            onClickCapture={swallow}\n            onSubmitCapture={swallow}\n          >\n            <fieldset disabled className=\"contents\">\n              {children}\n            </fieldset>\n          </span>\n        </TooltipTrigger>\n        <TooltipContent>{reason}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\nReadOnlyGuard.displayName = \"ReadOnlyGuard\"\n\nexport { ReadOnlyGuard }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { cn } from \"../lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ACLA,YAAuB;AACvB,uBAAkC;AAahC;AAVF,IAAM,kBAAmC;AAEzC,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAA+B,yBAAQ;;;AFkBV,IAAAA,sBAAA;AAlBrC,IAAM,mBAAmB;AAGzB,SAAS,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,GAA6D;AAC/G,MAAI,IAAK,QAAO,CAAC,IAAI,SAAS,EAAE;AAChC,SAAO,SAAS;AAClB;AAWA,SAAS,cAAc,EAAE,MAAM,KAAK,KAAK,SAAS,SAAS,kBAAkB,WAAW,SAAS,GAAuB;AACtH,MAAI,CAAC,UAAU,EAAE,MAAM,KAAK,GAAG,CAAC,EAAG,QAAO,6EAAG,UAAS;AAEtD,QAAM,UAAU,CAAC,MAA4B;AAC3C,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EACpB;AAEA,SACE,6CAAC,mBAAgB,eAAe,KAC9B,wDAAC,WACC;AAAA,iDAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QAGC,UAAU;AAAA,QACV,kBAAe;AAAA,QACf,iBAAc;AAAA,QACd,WAAW,GAAG,kCAAkC,SAAS;AAAA,QACzD,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QAEjB,uDAAC,cAAS,UAAQ,MAAC,WAAU,YAC1B,UACH;AAAA;AAAA,IACF,GACF;AAAA,IACA,6CAAC,kBAAgB,kBAAO;AAAA,KAC1B,GACF;AAEJ;AACA,cAAc,cAAc;","names":["import_jsx_runtime"]}

package/dist/components/read-only-guard.d.cts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ImpersonationMode, OperationClass } from '../lib/impersonation.cjs';
+
+interface ReadOnlyGuardProps {
+    /**
+     * The session mode from useImpersonation (imp_mode). READ disables the children. null or undefined (no support
+     * session) leaves them alone.
+     */
+    mode?: ImpersonationMode | null;
+    /**
+     * Approved operation classes from useImpersonation (imp_ops). When given, the children are disabled unless `op` is
+     * in the list. Takes precedence over `mode`.
+     */
+    ops?: readonly OperationClass[] | null;
+    /** The class the wrapped action needs. Default WRITE. FINANCIAL and SECURITY are never approved in a support session. */
+    op?: OperationClass;
+    /** Tooltip text while disabled. */
+    reason?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const READ_ONLY_REASON = "Read-only support session: this action is turned off.";
+/** Whether a guard with these props disables its children. */
+declare function isGuarded({ mode, ops, op }: Pick<ReadOnlyGuardProps, "mode" | "ops" | "op">): boolean;
+/**
+ * Disables what it wraps during a support session that may not perform the action (acai-ai-platform#1274).
+ *
+ * In READ mode (or when `op` is not among the approved `ops`) the children sit in a disabled <fieldset>, so every
+ * native button, input, select and textarea inside is disabled, and clicks on anything else (links) are swallowed. A
+ * tooltip explains why. Outside a support session it renders the children unchanged.
+ *
+ * This is a display aid. The backend refuses the request anyway (403 IMPERSONATION_OP_NOT_APPROVED).
+ */
+declare function ReadOnlyGuard({ mode, ops, op, reason, className, children }: ReadOnlyGuardProps): react_jsx_runtime.JSX.Element;
+declare namespace ReadOnlyGuard {
+    var displayName: string;
+}
+
+export { READ_ONLY_REASON, ReadOnlyGuard, type ReadOnlyGuardProps, isGuarded };

package/dist/components/read-only-guard.d.ts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ImpersonationMode, OperationClass } from '../lib/impersonation.js';
+
+interface ReadOnlyGuardProps {
+    /**
+     * The session mode from useImpersonation (imp_mode). READ disables the children. null or undefined (no support
+     * session) leaves them alone.
+     */
+    mode?: ImpersonationMode | null;
+    /**
+     * Approved operation classes from useImpersonation (imp_ops). When given, the children are disabled unless `op` is
+     * in the list. Takes precedence over `mode`.
+     */
+    ops?: readonly OperationClass[] | null;
+    /** The class the wrapped action needs. Default WRITE. FINANCIAL and SECURITY are never approved in a support session. */
+    op?: OperationClass;
+    /** Tooltip text while disabled. */
+    reason?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const READ_ONLY_REASON = "Read-only support session: this action is turned off.";
+/** Whether a guard with these props disables its children. */
+declare function isGuarded({ mode, ops, op }: Pick<ReadOnlyGuardProps, "mode" | "ops" | "op">): boolean;
+/**
+ * Disables what it wraps during a support session that may not perform the action (acai-ai-platform#1274).
+ *
+ * In READ mode (or when `op` is not among the approved `ops`) the children sit in a disabled <fieldset>, so every
+ * native button, input, select and textarea inside is disabled, and clicks on anything else (links) are swallowed. A
+ * tooltip explains why. Outside a support session it renders the children unchanged.
+ *
+ * This is a display aid. The backend refuses the request anyway (403 IMPERSONATION_OP_NOT_APPROVED).
+ */
+declare function ReadOnlyGuard({ mode, ops, op, reason, className, children }: ReadOnlyGuardProps): react_jsx_runtime.JSX.Element;
+declare namespace ReadOnlyGuard {
+    var displayName: string;
+}
+
+export { READ_ONLY_REASON, ReadOnlyGuard, type ReadOnlyGuardProps, isGuarded };

package/dist/components/read-only-guard.js

@@ -0,0 +1,64 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/tooltip.tsx
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/read-only-guard.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var READ_ONLY_REASON = "Read-only support session: this action is turned off.";
+function isGuarded({ mode, ops, op = "WRITE" }) {
+  if (ops) return !ops.includes(op);
+  return mode === "READ";
+}
+function ReadOnlyGuard({ mode, ops, op = "WRITE", reason = READ_ONLY_REASON, className, children }) {
+  if (!isGuarded({ mode, ops, op })) return /* @__PURE__ */ jsx2(Fragment, { children });
+  const swallow = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx2(
+      "span",
+      {
+        tabIndex: 0,
+        "data-read-only": "",
+        "aria-disabled": "true",
+        className: cn("inline-flex cursor-not-allowed", className),
+        onClickCapture: swallow,
+        onSubmitCapture: swallow,
+        children: /* @__PURE__ */ jsx2("fieldset", { disabled: true, className: "contents", children })
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(TooltipContent, { children: reason })
+  ] }) });
+}
+ReadOnlyGuard.displayName = "ReadOnlyGuard";
+export {
+  READ_ONLY_REASON,
+  ReadOnlyGuard,
+  isGuarded
+};
+//# sourceMappingURL=read-only-guard.js.map

package/dist/components/read-only-guard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/components/tooltip.tsx","../../src/components/read-only-guard.tsx"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { cn } from \"../lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip\"\nimport type { ImpersonationMode, OperationClass } from \"../lib/impersonation\"\n\nexport interface ReadOnlyGuardProps {\n  /**\n   * The session mode from useImpersonation (imp_mode). READ disables the children. null or undefined (no support\n   * session) leaves them alone.\n   */\n  mode?: ImpersonationMode | null\n  /**\n   * Approved operation classes from useImpersonation (imp_ops). When given, the children are disabled unless `op` is\n   * in the list. Takes precedence over `mode`.\n   */\n  ops?: readonly OperationClass[] | null\n  /** The class the wrapped action needs. Default WRITE. FINANCIAL and SECURITY are never approved in a support session. */\n  op?: OperationClass\n  /** Tooltip text while disabled. */\n  reason?: string\n  className?: string\n  children: React.ReactNode\n}\n\nexport const READ_ONLY_REASON = \"Read-only support session: this action is turned off.\"\n\n/** Whether a guard with these props disables its children. */\nexport function isGuarded({ mode, ops, op = \"WRITE\" }: Pick<ReadOnlyGuardProps, \"mode\" | \"ops\" | \"op\">): boolean {\n  if (ops) return !ops.includes(op)\n  return mode === \"READ\"\n}\n\n/**\n * Disables what it wraps during a support session that may not perform the action (acai-ai-platform#1274).\n *\n * In READ mode (or when `op` is not among the approved `ops`) the children sit in a disabled <fieldset>, so every\n * native button, input, select and textarea inside is disabled, and clicks on anything else (links) are swallowed. A\n * tooltip explains why. Outside a support session it renders the children unchanged.\n *\n * This is a display aid. The backend refuses the request anyway (403 IMPERSONATION_OP_NOT_APPROVED).\n */\nfunction ReadOnlyGuard({ mode, ops, op = \"WRITE\", reason = READ_ONLY_REASON, className, children }: ReadOnlyGuardProps) {\n  if (!isGuarded({ mode, ops, op })) return <>{children}</>\n\n  const swallow = (e: React.SyntheticEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n  }\n\n  return (\n    <TooltipProvider delayDuration={150}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            // The wrapper takes focus so keyboard users also get the explanation; the controls inside cannot.\n            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n            tabIndex={0}\n            data-read-only=\"\"\n            aria-disabled=\"true\"\n            className={cn(\"inline-flex cursor-not-allowed\", className)}\n            onClickCapture={swallow}\n            onSubmitCapture={swallow}\n          >\n            <fieldset disabled className=\"contents\">\n              {children}\n            </fieldset>\n          </span>\n        </TooltipTrigger>\n        <TooltipContent>{reason}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\nReadOnlyGuard.displayName = \"ReadOnlyGuard\"\n\nexport { ReadOnlyGuard }\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACLA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAahC;AAVF,IAAM,kBAAmC;AAEzC,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAA+B,yBAAQ;;;ACkBV,0BAAAA,MAStC,YATsC;AAlBrC,IAAM,mBAAmB;AAGzB,SAAS,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,GAA6D;AAC/G,MAAI,IAAK,QAAO,CAAC,IAAI,SAAS,EAAE;AAChC,SAAO,SAAS;AAClB;AAWA,SAAS,cAAc,EAAE,MAAM,KAAK,KAAK,SAAS,SAAS,kBAAkB,WAAW,SAAS,GAAuB;AACtH,MAAI,CAAC,UAAU,EAAE,MAAM,KAAK,GAAG,CAAC,EAAG,QAAO,gBAAAA,KAAA,YAAG,UAAS;AAEtD,QAAM,UAAU,CAAC,MAA4B;AAC3C,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EACpB;AAEA,SACE,gBAAAA,KAAC,mBAAgB,eAAe,KAC9B,+BAAC,WACC;AAAA,oBAAAA,KAAC,kBAAe,SAAO,MACrB,0BAAAA;AAAA,MAAC;AAAA;AAAA,QAGC,UAAU;AAAA,QACV,kBAAe;AAAA,QACf,iBAAc;AAAA,QACd,WAAW,GAAG,kCAAkC,SAAS;AAAA,QACzD,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QAEjB,0BAAAA,KAAC,cAAS,UAAQ,MAAC,WAAU,YAC1B,UACH;AAAA;AAAA,IACF,GACF;AAAA,IACA,gBAAAA,KAAC,kBAAgB,kBAAO;AAAA,KAC1B,GACF;AAEJ;AACA,cAAc,cAAc;","names":["jsx"]}

package/dist/components/stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/stepper.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { Check } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\n/* ---------------------------------- Types --------------------------------- */\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Zero-indexed active step */\n  activeStep: number\n  /** When true, each step's circle+label is rendered inside a button. */\n  clickable?: boolean\n  /** Called when a clickable step is activated (click or Enter/Space). */\n  onStepChange?: (index: number) => void\n}\n\nexport interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label displayed below the step circle */\n  label: string\n}\n\n/* ----------------------------- Internal context ---------------------------- */\n\ninterface StepperContextValue {\n  activeStep: number\n  totalSteps: number\n  clickable: boolean\n  onStepChange?: (index: number) => void\n  registerButton: (index: number, el: HTMLButtonElement | null) => void\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  activeStep: 0,\n  totalSteps: 0,\n  clickable: false,\n  registerButton: () => {},\n})\n\n/* --------------------------------- Stepper -------------------------------- */\n\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      activeStep,\n      clickable = false,\n      onStepChange,\n      className,\n      children,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const steps = React.Children.toArray(children)\n    const buttonRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n\n    const registerButton = React.useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonRefs.current[index] = el\n      },\n      []\n    )\n\n    const focusButton = (index: number) => {\n      const btn = buttonRefs.current[index]\n      if (btn && !btn.disabled) btn.focus()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (!clickable) return\n      if (e.key !== \"ArrowLeft\" && e.key !== \"ArrowRight\") return\n\n      const current = buttonRefs.current.findIndex(\n        (b) => b === document.activeElement\n      )\n      if (current === -1) return\n\n      const dir = e.key === \"ArrowRight\" ? 1 : -1\n      const last = steps.length - 1\n      let next = current + dir\n      // Skip disabled (upcoming) buttons.\n      while (next >= 0 && next <= last) {\n        const btn = buttonRefs.current[next]\n        if (btn && !btn.disabled) {\n          e.preventDefault()\n          focusButton(next)\n          return\n        }\n        next += dir\n      }\n    }\n\n    return (\n      <StepperContext.Provider\n        value={{\n          activeStep,\n          totalSteps: steps.length,\n          clickable,\n          onStepChange,\n          registerButton,\n        }}\n      >\n        <div\n          ref={ref}\n          className={cn(\"flex w-full items-start\", className)}\n          onKeyDown={handleKeyDown}\n          {...props}\n        >\n          {steps.map((child, index) => (\n            <React.Fragment key={index}>\n              {/* Render the StepperItem with injected index */}\n              {React.isValidElement<StepperItemProps & { _index?: number }>(child)\n                ? React.cloneElement(child, { _index: index } as any)\n                : child}\n\n              {/* Connecting line between steps */}\n              {index < steps.length - 1 && (\n                <div className=\"flex flex-1 items-center pt-[16px] px-2\">\n                  <div\n                    className={cn(\n                      \"h-[2px] w-full transition-colors duration-300 ease-out\",\n                      index < activeStep\n                        ? \"bg-[var(--hc-primary-600)]\"\n                        : \"bg-[var(--hc-grey-200)]\"\n                    )}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\nStepper.displayName = \"Stepper\"\n\n/* ------------------------------- StepperItem ------------------------------ */\n\nconst StepperItem = React.forwardRef<\n  HTMLDivElement,\n  StepperItemProps & { _index?: number }\n>(({ label, className, _index = 0, ...props }, ref) => {\n  const { activeStep, clickable, onStepChange, registerButton } =\n    React.useContext(StepperContext)\n\n  const status: \"completed\" | \"active\" | \"upcoming\" =\n    _index < activeStep\n      ? \"completed\"\n      : _index === activeStep\n        ? \"active\"\n        : \"upcoming\"\n\n  const circle = (\n    <div\n      className={cn(\n        \"flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full text-[14px] transition-colors duration-300 ease-out\",\n        status === \"upcoming\" &&\n          \"border-[2px] border-[var(--hc-grey-200)] bg-white text-[var(--hc-grey-400)]\",\n        status === \"active\" &&\n          \"bg-[var(--hc-primary-600)] font-semibold text-white\",\n        status === \"completed\" && \"bg-[var(--hc-primary-600)] text-white\"\n      )}\n    >\n      {status === \"completed\" ? (\n        <Check className=\"h-[14px] w-[14px]\" />\n      ) : (\n        _index + 1\n      )}\n    </div>\n  )\n\n  const labelEl = (\n    <span className=\"mt-[8px] text-center text-[12px] text-foreground\">\n      {label}\n    </span>\n  )\n\n  if (clickable) {\n    const disabled = _index > activeStep\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col items-center\", className)}\n        {...props}\n      >\n        <button\n          type=\"button\"\n          ref={(el) => registerButton(_index, el)}\n          disabled={disabled}\n          tabIndex={status === \"active\" ? 0 : -1}\n          onClick={() => !disabled && onStepChange?.(_index)}\n          className={cn(\n            \"flex flex-col items-center rounded-[4px] outline-none\",\n            \"focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-600)] focus-visible:ring-offset-2\",\n            disabled ? \"cursor-default\" : \"cursor-pointer\"\n          )}\n          aria-current={status === \"active\" ? \"step\" : undefined}\n        >\n          {circle}\n          {labelEl}\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col items-center\", className)}\n      {...props}\n    >\n      {circle}\n      {labelEl}\n    </div>\n  )\n})\nStepperItem.displayName = \"StepperItem\"\n\nexport { Stepper, StepperItem }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/stepper.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { Check } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\n/* ---------------------------------- Types --------------------------------- */\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Zero-indexed active step */\n  activeStep: number\n  /** When true, each step's circle+label is rendered inside a button. */\n  clickable?: boolean\n  /** Called when a clickable step is activated (click or Enter/Space). */\n  onStepChange?: (index: number) => void\n}\n\nexport interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label displayed below the step circle */\n  label: string\n}\n\n/* ----------------------------- Internal context ---------------------------- */\n\ninterface StepperContextValue {\n  activeStep: number\n  totalSteps: number\n  clickable: boolean\n  onStepChange?: (index: number) => void\n  registerButton: (index: number, el: HTMLButtonElement | null) => void\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  activeStep: 0,\n  totalSteps: 0,\n  clickable: false,\n  registerButton: () => {},\n})\n\n/* --------------------------------- Stepper -------------------------------- */\n\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      activeStep,\n      clickable = false,\n      onStepChange,\n      className,\n      children,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const steps = React.Children.toArray(children)\n    const buttonRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n\n    const registerButton = React.useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonRefs.current[index] = el\n      },\n      []\n    )\n\n    const focusButton = (index: number) => {\n      const btn = buttonRefs.current[index]\n      if (btn && !btn.disabled) btn.focus()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (!clickable) return\n      if (e.key !== \"ArrowLeft\" && e.key !== \"ArrowRight\") return\n\n      const current = buttonRefs.current.findIndex(\n        (b) => b === document.activeElement\n      )\n      if (current === -1) return\n\n      const dir = e.key === \"ArrowRight\" ? 1 : -1\n      const last = steps.length - 1\n      let next = current + dir\n      // Skip disabled (upcoming) buttons.\n      while (next >= 0 && next <= last) {\n        const btn = buttonRefs.current[next]\n        if (btn && !btn.disabled) {\n          e.preventDefault()\n          focusButton(next)\n          return\n        }\n        next += dir\n      }\n    }\n\n    return (\n      <StepperContext.Provider\n        value={{\n          activeStep,\n          totalSteps: steps.length,\n          clickable,\n          onStepChange,\n          registerButton,\n        }}\n      >\n        {/* Arrow keys bubble up from the focusable step buttons; the container only\n            delegates them (roving focus), it is not itself an interactive element. */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={ref}\n          className={cn(\"flex w-full items-start\", className)}\n          onKeyDown={handleKeyDown}\n          {...props}\n        >\n          {steps.map((child, index) => (\n            <React.Fragment key={index}>\n              {/* Render the StepperItem with injected index */}\n              {React.isValidElement<StepperItemProps & { _index?: number }>(child)\n                ? React.cloneElement(child, { _index: index } as any)\n                : child}\n\n              {/* Connecting line between steps */}\n              {index < steps.length - 1 && (\n                <div className=\"flex flex-1 items-center pt-[16px] px-2\">\n                  <div\n                    className={cn(\n                      \"h-[2px] w-full transition-colors duration-300 ease-out\",\n                      index < activeStep\n                        ? \"bg-[var(--hc-primary-600)]\"\n                        : \"bg-[var(--hc-grey-200)]\"\n                    )}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\nStepper.displayName = \"Stepper\"\n\n/* ------------------------------- StepperItem ------------------------------ */\n\nconst StepperItem = React.forwardRef<\n  HTMLDivElement,\n  StepperItemProps & { _index?: number }\n>(({ label, className, _index = 0, ...props }, ref) => {\n  const { activeStep, clickable, onStepChange, registerButton } =\n    React.useContext(StepperContext)\n\n  const status: \"completed\" | \"active\" | \"upcoming\" =\n    _index < activeStep\n      ? \"completed\"\n      : _index === activeStep\n        ? \"active\"\n        : \"upcoming\"\n\n  const circle = (\n    <div\n      className={cn(\n        \"flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full text-[14px] transition-colors duration-300 ease-out\",\n        status === \"upcoming\" &&\n          \"border-[2px] border-[var(--hc-grey-200)] bg-white text-[var(--hc-grey-400)]\",\n        status === \"active\" &&\n          \"bg-[var(--hc-primary-600)] font-semibold text-white\",\n        status === \"completed\" && \"bg-[var(--hc-primary-600)] text-white\"\n      )}\n    >\n      {status === \"completed\" ? (\n        <Check className=\"h-[14px] w-[14px]\" />\n      ) : (\n        _index + 1\n      )}\n    </div>\n  )\n\n  const labelEl = (\n    <span className=\"mt-[8px] text-center text-[12px] text-foreground\">\n      {label}\n    </span>\n  )\n\n  if (clickable) {\n    const disabled = _index > activeStep\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col items-center\", className)}\n        {...props}\n      >\n        <button\n          type=\"button\"\n          ref={(el) => registerButton(_index, el)}\n          disabled={disabled}\n          tabIndex={status === \"active\" ? 0 : -1}\n          onClick={() => !disabled && onStepChange?.(_index)}\n          className={cn(\n            \"flex flex-col items-center rounded-[4px] outline-none\",\n            \"focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-600)] focus-visible:ring-offset-2\",\n            disabled ? \"cursor-default\" : \"cursor-pointer\"\n          )}\n          aria-current={status === \"active\" ? \"step\" : undefined}\n        >\n          {circle}\n          {labelEl}\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col items-center\", className)}\n      {...props}\n    >\n      {circle}\n      {labelEl}\n    </div>\n  )\n})\nStepperItem.displayName = \"StepperItem\"\n\nexport { Stepper, StepperItem }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,0BAAsB;;;ACDtB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD2GY;AAlFZ,IAAM,iBAAuB,oBAAmC;AAAA,EAC9D,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAID,IAAM,UAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,QAAc,eAAS,QAAQ,QAAQ;AAC7C,UAAM,aAAmB,aAAwC,CAAC,CAAC;AAEnE,UAAM,iBAAuB;AAAA,MAC3B,CAAC,OAAe,OAAiC;AAC/C,mBAAW,QAAQ,KAAK,IAAI;AAAA,MAC9B;AAAA,MACA,CAAC;AAAA,IACH;AAEA,UAAM,cAAc,CAAC,UAAkB;AACrC,YAAM,MAAM,WAAW,QAAQ,KAAK;AACpC,UAAI,OAAO,CAAC,IAAI,SAAU,KAAI,MAAM;AAAA,IACtC;AAEA,UAAM,gBAAgB,CAAC,MAA2C;AAChE,kBAAY,CAAC;AACb,UAAI,CAAC,UAAW;AAChB,UAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAc;AAErD,YAAM,UAAU,WAAW,QAAQ;AAAA,QACjC,CAAC,MAAM,MAAM,SAAS;AAAA,MACxB;AACA,UAAI,YAAY,GAAI;AAEpB,YAAM,MAAM,EAAE,QAAQ,eAAe,IAAI;AACzC,YAAM,OAAO,MAAM,SAAS;AAC5B,UAAI,OAAO,UAAU;AAErB,aAAO,QAAQ,KAAK,QAAQ,MAAM;AAChC,cAAM,MAAM,WAAW,QAAQ,IAAI;AACnC,YAAI,OAAO,CAAC,IAAI,UAAU;AACxB,YAAE,eAAe;AACjB,sBAAY,IAAI;AAChB;AAAA,QACF;AACA,gBAAQ;AAAA,MACV;AAAA,IACF;AAEA,WACE;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAKA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,YAClD,WAAW;AAAA,YACV,GAAG;AAAA,YAEH,gBAAM,IAAI,CAAC,OAAO,UACjB,6CAAO,gBAAN,EAEE;AAAA,cAAM,qBAAuD,KAAK,IACzD,mBAAa,OAAO,EAAE,QAAQ,MAAM,CAAQ,IAClD;AAAA,cAGH,QAAQ,MAAM,SAAS,KACtB,4CAAC,SAAI,WAAU,2CACb;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,QAAQ,aACJ,+BACA;AAAA,kBACN;AAAA;AAAA,cACF,GACF;AAAA,iBAjBiB,KAmBrB,CACD;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,QAAQ,cAAc;AAItB,IAAM,cAAoB,iBAGxB,CAAC,EAAE,OAAO,WAAW,SAAS,GAAG,GAAG,MAAM,GAAG,QAAQ;AACrD,QAAM,EAAE,YAAY,WAAW,cAAc,eAAe,IACpD,iBAAW,cAAc;AAEjC,QAAM,SACJ,SAAS,aACL,cACA,WAAW,aACT,WACA;AAER,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,cACT;AAAA,QACF,WAAW,YACT;AAAA,QACF,WAAW,eAAe;AAAA,MAC5B;AAAA,MAEC,qBAAW,cACV,4CAAC,6BAAM,WAAU,qBAAoB,IAErC,SAAS;AAAA;AAAA,EAEb;AAGF,QAAM,UACJ,4CAAC,UAAK,WAAU,oDACb,iBACH;AAGF,MAAI,WAAW;AACb,UAAM,WAAW,SAAS;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,QACpD,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK,CAAC,OAAO,eAAe,QAAQ,EAAE;AAAA,YACtC;AAAA,YACA,UAAU,WAAW,WAAW,IAAI;AAAA,YACpC,SAAS,MAAM,CAAC,YAAY,eAAe,MAAM;AAAA,YACjD,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA,WAAW,mBAAmB;AAAA,YAChC;AAAA,YACA,gBAAc,WAAW,WAAW,SAAS;AAAA,YAE5C;AAAA;AAAA,cACA;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,YAAY,cAAc;","names":[]}

package/dist/components/stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/stepper.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { Check } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\n/* ---------------------------------- Types --------------------------------- */\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Zero-indexed active step */\n  activeStep: number\n  /** When true, each step's circle+label is rendered inside a button. */\n  clickable?: boolean\n  /** Called when a clickable step is activated (click or Enter/Space). */\n  onStepChange?: (index: number) => void\n}\n\nexport interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label displayed below the step circle */\n  label: string\n}\n\n/* ----------------------------- Internal context ---------------------------- */\n\ninterface StepperContextValue {\n  activeStep: number\n  totalSteps: number\n  clickable: boolean\n  onStepChange?: (index: number) => void\n  registerButton: (index: number, el: HTMLButtonElement | null) => void\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  activeStep: 0,\n  totalSteps: 0,\n  clickable: false,\n  registerButton: () => {},\n})\n\n/* --------------------------------- Stepper -------------------------------- */\n\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      activeStep,\n      clickable = false,\n      onStepChange,\n      className,\n      children,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const steps = React.Children.toArray(children)\n    const buttonRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n\n    const registerButton = React.useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonRefs.current[index] = el\n      },\n      []\n    )\n\n    const focusButton = (index: number) => {\n      const btn = buttonRefs.current[index]\n      if (btn && !btn.disabled) btn.focus()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (!clickable) return\n      if (e.key !== \"ArrowLeft\" && e.key !== \"ArrowRight\") return\n\n      const current = buttonRefs.current.findIndex(\n        (b) => b === document.activeElement\n      )\n      if (current === -1) return\n\n      const dir = e.key === \"ArrowRight\" ? 1 : -1\n      const last = steps.length - 1\n      let next = current + dir\n      // Skip disabled (upcoming) buttons.\n      while (next >= 0 && next <= last) {\n        const btn = buttonRefs.current[next]\n        if (btn && !btn.disabled) {\n          e.preventDefault()\n          focusButton(next)\n          return\n        }\n        next += dir\n      }\n    }\n\n    return (\n      <StepperContext.Provider\n        value={{\n          activeStep,\n          totalSteps: steps.length,\n          clickable,\n          onStepChange,\n          registerButton,\n        }}\n      >\n        <div\n          ref={ref}\n          className={cn(\"flex w-full items-start\", className)}\n          onKeyDown={handleKeyDown}\n          {...props}\n        >\n          {steps.map((child, index) => (\n            <React.Fragment key={index}>\n              {/* Render the StepperItem with injected index */}\n              {React.isValidElement<StepperItemProps & { _index?: number }>(child)\n                ? React.cloneElement(child, { _index: index } as any)\n                : child}\n\n              {/* Connecting line between steps */}\n              {index < steps.length - 1 && (\n                <div className=\"flex flex-1 items-center pt-[16px] px-2\">\n                  <div\n                    className={cn(\n                      \"h-[2px] w-full transition-colors duration-300 ease-out\",\n                      index < activeStep\n                        ? \"bg-[var(--hc-primary-600)]\"\n                        : \"bg-[var(--hc-grey-200)]\"\n                    )}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\nStepper.displayName = \"Stepper\"\n\n/* ------------------------------- StepperItem ------------------------------ */\n\nconst StepperItem = React.forwardRef<\n  HTMLDivElement,\n  StepperItemProps & { _index?: number }\n>(({ label, className, _index = 0, ...props }, ref) => {\n  const { activeStep, clickable, onStepChange, registerButton } =\n    React.useContext(StepperContext)\n\n  const status: \"completed\" | \"active\" | \"upcoming\" =\n    _index < activeStep\n      ? \"completed\"\n      : _index === activeStep\n        ? \"active\"\n        : \"upcoming\"\n\n  const circle = (\n    <div\n      className={cn(\n        \"flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full text-[14px] transition-colors duration-300 ease-out\",\n        status === \"upcoming\" &&\n          \"border-[2px] border-[var(--hc-grey-200)] bg-white text-[var(--hc-grey-400)]\",\n        status === \"active\" &&\n          \"bg-[var(--hc-primary-600)] font-semibold text-white\",\n        status === \"completed\" && \"bg-[var(--hc-primary-600)] text-white\"\n      )}\n    >\n      {status === \"completed\" ? (\n        <Check className=\"h-[14px] w-[14px]\" />\n      ) : (\n        _index + 1\n      )}\n    </div>\n  )\n\n  const labelEl = (\n    <span className=\"mt-[8px] text-center text-[12px] text-foreground\">\n      {label}\n    </span>\n  )\n\n  if (clickable) {\n    const disabled = _index > activeStep\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col items-center\", className)}\n        {...props}\n      >\n        <button\n          type=\"button\"\n          ref={(el) => registerButton(_index, el)}\n          disabled={disabled}\n          tabIndex={status === \"active\" ? 0 : -1}\n          onClick={() => !disabled && onStepChange?.(_index)}\n          className={cn(\n            \"flex flex-col items-center rounded-[4px] outline-none\",\n            \"focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-600)] focus-visible:ring-offset-2\",\n            disabled ? \"cursor-default\" : \"cursor-pointer\"\n          )}\n          aria-current={status === \"active\" ? \"step\" : undefined}\n        >\n          {circle}\n          {labelEl}\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col items-center\", className)}\n      {...props}\n    >\n      {circle}\n      {labelEl}\n    </div>\n  )\n})\nStepperItem.displayName = \"StepperItem\"\n\nexport { Stepper, StepperItem }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/stepper.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { Check } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\n/* ---------------------------------- Types --------------------------------- */\n\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Zero-indexed active step */\n  activeStep: number\n  /** When true, each step's circle+label is rendered inside a button. */\n  clickable?: boolean\n  /** Called when a clickable step is activated (click or Enter/Space). */\n  onStepChange?: (index: number) => void\n}\n\nexport interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Label displayed below the step circle */\n  label: string\n}\n\n/* ----------------------------- Internal context ---------------------------- */\n\ninterface StepperContextValue {\n  activeStep: number\n  totalSteps: number\n  clickable: boolean\n  onStepChange?: (index: number) => void\n  registerButton: (index: number, el: HTMLButtonElement | null) => void\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  activeStep: 0,\n  totalSteps: 0,\n  clickable: false,\n  registerButton: () => {},\n})\n\n/* --------------------------------- Stepper -------------------------------- */\n\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      activeStep,\n      clickable = false,\n      onStepChange,\n      className,\n      children,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const steps = React.Children.toArray(children)\n    const buttonRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n\n    const registerButton = React.useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonRefs.current[index] = el\n      },\n      []\n    )\n\n    const focusButton = (index: number) => {\n      const btn = buttonRefs.current[index]\n      if (btn && !btn.disabled) btn.focus()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (!clickable) return\n      if (e.key !== \"ArrowLeft\" && e.key !== \"ArrowRight\") return\n\n      const current = buttonRefs.current.findIndex(\n        (b) => b === document.activeElement\n      )\n      if (current === -1) return\n\n      const dir = e.key === \"ArrowRight\" ? 1 : -1\n      const last = steps.length - 1\n      let next = current + dir\n      // Skip disabled (upcoming) buttons.\n      while (next >= 0 && next <= last) {\n        const btn = buttonRefs.current[next]\n        if (btn && !btn.disabled) {\n          e.preventDefault()\n          focusButton(next)\n          return\n        }\n        next += dir\n      }\n    }\n\n    return (\n      <StepperContext.Provider\n        value={{\n          activeStep,\n          totalSteps: steps.length,\n          clickable,\n          onStepChange,\n          registerButton,\n        }}\n      >\n        {/* Arrow keys bubble up from the focusable step buttons; the container only\n            delegates them (roving focus), it is not itself an interactive element. */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={ref}\n          className={cn(\"flex w-full items-start\", className)}\n          onKeyDown={handleKeyDown}\n          {...props}\n        >\n          {steps.map((child, index) => (\n            <React.Fragment key={index}>\n              {/* Render the StepperItem with injected index */}\n              {React.isValidElement<StepperItemProps & { _index?: number }>(child)\n                ? React.cloneElement(child, { _index: index } as any)\n                : child}\n\n              {/* Connecting line between steps */}\n              {index < steps.length - 1 && (\n                <div className=\"flex flex-1 items-center pt-[16px] px-2\">\n                  <div\n                    className={cn(\n                      \"h-[2px] w-full transition-colors duration-300 ease-out\",\n                      index < activeStep\n                        ? \"bg-[var(--hc-primary-600)]\"\n                        : \"bg-[var(--hc-grey-200)]\"\n                    )}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\nStepper.displayName = \"Stepper\"\n\n/* ------------------------------- StepperItem ------------------------------ */\n\nconst StepperItem = React.forwardRef<\n  HTMLDivElement,\n  StepperItemProps & { _index?: number }\n>(({ label, className, _index = 0, ...props }, ref) => {\n  const { activeStep, clickable, onStepChange, registerButton } =\n    React.useContext(StepperContext)\n\n  const status: \"completed\" | \"active\" | \"upcoming\" =\n    _index < activeStep\n      ? \"completed\"\n      : _index === activeStep\n        ? \"active\"\n        : \"upcoming\"\n\n  const circle = (\n    <div\n      className={cn(\n        \"flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full text-[14px] transition-colors duration-300 ease-out\",\n        status === \"upcoming\" &&\n          \"border-[2px] border-[var(--hc-grey-200)] bg-white text-[var(--hc-grey-400)]\",\n        status === \"active\" &&\n          \"bg-[var(--hc-primary-600)] font-semibold text-white\",\n        status === \"completed\" && \"bg-[var(--hc-primary-600)] text-white\"\n      )}\n    >\n      {status === \"completed\" ? (\n        <Check className=\"h-[14px] w-[14px]\" />\n      ) : (\n        _index + 1\n      )}\n    </div>\n  )\n\n  const labelEl = (\n    <span className=\"mt-[8px] text-center text-[12px] text-foreground\">\n      {label}\n    </span>\n  )\n\n  if (clickable) {\n    const disabled = _index > activeStep\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col items-center\", className)}\n        {...props}\n      >\n        <button\n          type=\"button\"\n          ref={(el) => registerButton(_index, el)}\n          disabled={disabled}\n          tabIndex={status === \"active\" ? 0 : -1}\n          onClick={() => !disabled && onStepChange?.(_index)}\n          className={cn(\n            \"flex flex-col items-center rounded-[4px] outline-none\",\n            \"focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-600)] focus-visible:ring-offset-2\",\n            disabled ? \"cursor-default\" : \"cursor-pointer\"\n          )}\n          aria-current={status === \"active\" ? \"step\" : undefined}\n        >\n          {circle}\n          {labelEl}\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col items-center\", className)}\n      {...props}\n    >\n      {circle}\n      {labelEl}\n    </div>\n  )\n})\nStepperItem.displayName = \"StepperItem\"\n\nexport { Stepper, StepperItem }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}

package/dist/components/switch.cjs

@@ -48,7 +48,7 @@ function cn(...inputs) {
 // src/components/switch.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var switchVariants = (0, import_class_variance_authority.cva)(
-  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-200)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2",
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-400,#7C7C83)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2",
   {
     variants: {
       variant: {
@@ -83,7 +83,7 @@ var Switch = React.forwardRef(({ className, variant, size = "default", ...props
       SwitchPrimitives.Thumb,
       {
         className: cn(
-          "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300)]",
+          "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300,#A2A2A6)]",
           thumbStyles[size ?? "default"]
         )
       }

package/dist/components/switch.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/switch.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\ntype SwitchSize = \"sm\" | \"default\" | \"lg\"\n\nconst switchVariants = cva(\n  \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-200)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: \"data-[state=checked]:bg-[var(--hc-primary-600)]\",\n        destructive: \"data-[state=checked]:bg-destructive\",\n        success: \"data-[state=checked]:bg-success\",\n      },\n      size: {\n        sm: \"h-5 w-9\",\n        default: \"h-[28px] w-[52px]\",\n        lg: \"h-[36px] w-[64px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst thumbStyles: Record<SwitchSize, string> = {\n  sm: \"h-3.5 w-3.5 data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[15px]\",\n  default:\n    \"h-[22px] w-[22px] data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[23px]\",\n  lg: \"h-[26px] w-[26px] data-[state=unchecked]:translate-x-[4px] data-[state=checked]:translate-x-[30px]\",\n}\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  SwitchProps\n>(({ className, variant, size = \"default\", ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(switchVariants({ variant, size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300)]\",\n        thumbStyles[(size ?? \"default\") as SwitchSize]\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch, switchVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAkC;AAClC,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD4CI;AA1CJ,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,IAAM,cAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,SACE;AAAA,EACF,IAAI;AACN;AAMA,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,SAAS,OAAO,WAAW,GAAG,MAAM,GAAG,QACrD;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,IACJ;AAAA,IAEA;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAa,QAAQ,SAAwB;AAAA,QAC/C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,OAAO,cAA+B,sBAAK;","names":[]}
+{"version":3,"sources":["../../src/components/switch.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\ntype SwitchSize = \"sm\" | \"default\" | \"lg\"\n\n// Unchecked track: grey-400 (>=3:1 on white and on dark surfaces); the fallback covers apps that do not load the library tokens.\nconst switchVariants = cva(\n  \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-400,#7C7C83)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: \"data-[state=checked]:bg-[var(--hc-primary-600)]\",\n        destructive: \"data-[state=checked]:bg-destructive\",\n        success: \"data-[state=checked]:bg-success\",\n      },\n      size: {\n        sm: \"h-5 w-9\",\n        default: \"h-[28px] w-[52px]\",\n        lg: \"h-[36px] w-[64px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst thumbStyles: Record<SwitchSize, string> = {\n  sm: \"h-3.5 w-3.5 data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[15px]\",\n  default:\n    \"h-[22px] w-[22px] data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[23px]\",\n  lg: \"h-[26px] w-[26px] data-[state=unchecked]:translate-x-[4px] data-[state=checked]:translate-x-[30px]\",\n}\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  SwitchProps\n>(({ className, variant, size = \"default\", ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(switchVariants({ variant, size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300,#A2A2A6)]\",\n        thumbStyles[(size ?? \"default\") as SwitchSize]\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch, switchVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAkC;AAClC,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD6CI;AA1CJ,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,IAAM,cAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,SACE;AAAA,EACF,IAAI;AACN;AAMA,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,SAAS,OAAO,WAAW,GAAG,MAAM,GAAG,QACrD;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,IACJ;AAAA,IAEA;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAa,QAAQ,SAAwB;AAAA,QAC/C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,OAAO,cAA+B,sBAAK;","names":[]}

package/dist/components/switch.js

@@ -13,7 +13,7 @@ function cn(...inputs) {
 // src/components/switch.tsx
 import { jsx } from "react/jsx-runtime";
 var switchVariants = cva(
-  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-200)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2",
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-400,#7C7C83)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2",
   {
     variants: {
       variant: {
@@ -48,7 +48,7 @@ var Switch = React.forwardRef(({ className, variant, size = "default", ...props
       SwitchPrimitives.Thumb,
       {
         className: cn(
-          "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300)]",
+          "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300,#A2A2A6)]",
           thumbStyles[size ?? "default"]
         )
       }

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/switch.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\ntype SwitchSize = \"sm\" | \"default\" | \"lg\"\n\nconst switchVariants = cva(\n  \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-200)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: \"data-[state=checked]:bg-[var(--hc-primary-600)]\",\n        destructive: \"data-[state=checked]:bg-destructive\",\n        success: \"data-[state=checked]:bg-success\",\n      },\n      size: {\n        sm: \"h-5 w-9\",\n        default: \"h-[28px] w-[52px]\",\n        lg: \"h-[36px] w-[64px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst thumbStyles: Record<SwitchSize, string> = {\n  sm: \"h-3.5 w-3.5 data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[15px]\",\n  default:\n    \"h-[22px] w-[22px] data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[23px]\",\n  lg: \"h-[26px] w-[26px] data-[state=unchecked]:translate-x-[4px] data-[state=checked]:translate-x-[30px]\",\n}\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  SwitchProps\n>(({ className, variant, size = \"default\", ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(switchVariants({ variant, size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300)]\",\n        thumbStyles[(size ?? \"default\") as SwitchSize]\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch, switchVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;;;ACFvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD4CI;AA1CJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,IAAM,cAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,SACE;AAAA,EACF,IAAI;AACN;AAMA,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,SAAS,OAAO,WAAW,GAAG,MAAM,GAAG,QACrD;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,IACJ;AAAA,IAEA;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAa,QAAQ,SAAwB;AAAA,QAC/C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,OAAO,cAA+B,sBAAK;","names":[]}
+{"version":3,"sources":["../../src/components/switch.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\ntype SwitchSize = \"sm\" | \"default\" | \"lg\"\n\n// Unchecked track: grey-400 (>=3:1 on white and on dark surfaces); the fallback covers apps that do not load the library tokens.\nconst switchVariants = cva(\n  \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-[var(--hc-grey-400,#7C7C83)] aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive aria-[invalid=true]:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: \"data-[state=checked]:bg-[var(--hc-primary-600)]\",\n        destructive: \"data-[state=checked]:bg-destructive\",\n        success: \"data-[state=checked]:bg-success\",\n      },\n      size: {\n        sm: \"h-5 w-9\",\n        default: \"h-[28px] w-[52px]\",\n        lg: \"h-[36px] w-[64px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst thumbStyles: Record<SwitchSize, string> = {\n  sm: \"h-3.5 w-3.5 data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[15px]\",\n  default:\n    \"h-[22px] w-[22px] data-[state=unchecked]:translate-x-[3px] data-[state=checked]:translate-x-[23px]\",\n  lg: \"h-[26px] w-[26px] data-[state=unchecked]:translate-x-[4px] data-[state=checked]:translate-x-[30px]\",\n}\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  SwitchProps\n>(({ className, variant, size = \"default\", ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(switchVariants({ variant, size }), className)}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform duration-200 [[disabled]_&]:bg-[var(--hc-grey-300,#A2A2A6)]\",\n        thumbStyles[(size ?? \"default\") as SwitchSize]\n      )}\n    />\n  </SwitchPrimitives.Root>\n))\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch, switchVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;;;ACFvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD6CI;AA1CJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,IAAM,cAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,SACE;AAAA,EACF,IAAI;AACN;AAMA,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,SAAS,OAAO,WAAW,GAAG,MAAM,GAAG,QACrD;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,IACzD,GAAG;AAAA,IACJ;AAAA,IAEA;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAa,QAAQ,SAAwB;AAAA,QAC/C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,OAAO,cAA+B,sBAAK;","names":[]}

package/dist/components/typography.cjs

@@ -75,19 +75,19 @@ function resolveColor(color, defaultColorClass) {
   return colorMap[color];
 }
 var H1 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H1.displayName = "H1";
 var H2 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H2.displayName = "H2";
 var H3 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H3.displayName = "H3";
 var H4 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H4.displayName = "H4";
 var Body = React.forwardRef(

package/dist/components/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/typography.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type TypographyWeight = \"extrabold\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\" | \"light\"\n\nexport type TypographyColor =\n  | \"default\"\n  | \"secondary\"\n  | \"foreground\"\n  | \"muted\"\n  | \"success\"\n  | \"warning\"\n  | \"destructive\"\n  | \"inherit\"\n\nconst weightMap: Record<TypographyWeight, string> = {\n  extrabold: \"font-extrabold\",\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n}\n\nconst colorMap: Record<Exclude<TypographyColor, \"default\">, string> = {\n  secondary: \"text-muted-foreground\",\n  foreground: \"text-[var(--hc-color-foreground)]\",\n  muted: \"text-muted-foreground\",\n  success: \"text-[var(--hc-color-success)]\",\n  warning: \"text-[var(--hc-color-warning)]\",\n  destructive: \"text-[var(--hc-color-destructive)]\",\n  inherit: \"text-inherit\",\n}\n\ninterface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\ninterface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\nfunction resolveColor(color: TypographyColor | undefined, defaultColorClass: string): string {\n  if (!color || color === \"default\") return defaultColorClass\n  return colorMap[color]\n}\n\nconst H1 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h1 ref={ref} className={cn(\"scroll-m-20 text-3xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH1.displayName = \"H1\"\n\nconst H2 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h2 ref={ref} className={cn(\"scroll-m-20 text-2xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH2.displayName = \"H2\"\n\nconst H3 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"scroll-m-20 text-xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH3.displayName = \"H3\"\n\nconst H4 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h4 ref={ref} className={cn(\"scroll-m-20 text-lg tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH4.displayName = \"H4\"\n\nconst Body = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-base leading-7\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nBody.displayName = \"Body\"\n\nconst Small = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nSmall.displayName = \"Small\"\n\nconst Caption = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-xs\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nCaption.displayName = \"Caption\"\n\nconst Lead = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"medium\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-lg\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nLead.displayName = \"Lead\"\n\nconst Muted = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nMuted.displayName = \"Muted\"\n\nconst Code = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <code\n      ref={ref}\n      className={cn(\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCode.displayName = \"Code\"\n\nexport { H1, H2, H3, H4, Body, Small, Caption, Lead, Muted, Code }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/typography.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type TypographyWeight = \"extrabold\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\" | \"light\"\n\nexport type TypographyColor =\n  | \"default\"\n  | \"secondary\"\n  | \"foreground\"\n  | \"muted\"\n  | \"success\"\n  | \"warning\"\n  | \"destructive\"\n  | \"inherit\"\n\nconst weightMap: Record<TypographyWeight, string> = {\n  extrabold: \"font-extrabold\",\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n}\n\nconst colorMap: Record<Exclude<TypographyColor, \"default\">, string> = {\n  secondary: \"text-muted-foreground\",\n  foreground: \"text-[var(--hc-color-foreground)]\",\n  muted: \"text-muted-foreground\",\n  success: \"text-[var(--hc-color-success)]\",\n  warning: \"text-[var(--hc-color-warning)]\",\n  destructive: \"text-[var(--hc-color-destructive)]\",\n  inherit: \"text-inherit\",\n}\n\ninterface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\ninterface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\nfunction resolveColor(color: TypographyColor | undefined, defaultColorClass: string): string {\n  if (!color || color === \"default\") return defaultColorClass\n  return colorMap[color]\n}\n\nconst H1 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h1 ref={ref} className={cn(\"scroll-m-20 text-3xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h1>\n  )\n)\nH1.displayName = \"H1\"\n\nconst H2 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h2 ref={ref} className={cn(\"scroll-m-20 text-2xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h2>\n  )\n)\nH2.displayName = \"H2\"\n\nconst H3 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"scroll-m-20 text-xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h3>\n  )\n)\nH3.displayName = \"H3\"\n\nconst H4 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h4 ref={ref} className={cn(\"scroll-m-20 text-lg tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h4>\n  )\n)\nH4.displayName = \"H4\"\n\nconst Body = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-base leading-7\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nBody.displayName = \"Body\"\n\nconst Small = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nSmall.displayName = \"Small\"\n\nconst Caption = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-xs\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nCaption.displayName = \"Caption\"\n\nconst Lead = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"medium\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-lg\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nLead.displayName = \"Lead\"\n\nconst Muted = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nMuted.displayName = \"Muted\"\n\nconst Code = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <code\n      ref={ref}\n      className={cn(\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCode.displayName = \"Code\"\n\nexport { H1, H2, H3, H4, Body, Small, Caption, Lead, Muted, Code }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}

package/dist/components/typography.js

@@ -32,19 +32,19 @@ function resolveColor(color, defaultColorClass) {
   return colorMap[color];
 }
 var H1 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ jsx("h1", { ref, className: cn("scroll-m-20 text-3xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H1.displayName = "H1";
 var H2 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ jsx("h2", { ref, className: cn("scroll-m-20 text-2xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H2.displayName = "H2";
 var H3 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("scroll-m-20 text-xl tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H3.displayName = "H3";
 var H4 = React.forwardRef(
-  ({ className, weight = "semibold", color, ...props }, ref) => /* @__PURE__ */ jsx("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props })
+  ({ className, weight = "semibold", color, children, ...props }, ref) => /* @__PURE__ */ jsx("h4", { ref, className: cn("scroll-m-20 text-lg tracking-tight", resolveColor(color, "text-foreground"), weightMap[weight], className), ...props, children })
 );
 H4.displayName = "H4";
 var Body = React.forwardRef(

package/dist/components/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/typography.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type TypographyWeight = \"extrabold\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\" | \"light\"\n\nexport type TypographyColor =\n  | \"default\"\n  | \"secondary\"\n  | \"foreground\"\n  | \"muted\"\n  | \"success\"\n  | \"warning\"\n  | \"destructive\"\n  | \"inherit\"\n\nconst weightMap: Record<TypographyWeight, string> = {\n  extrabold: \"font-extrabold\",\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n}\n\nconst colorMap: Record<Exclude<TypographyColor, \"default\">, string> = {\n  secondary: \"text-muted-foreground\",\n  foreground: \"text-[var(--hc-color-foreground)]\",\n  muted: \"text-muted-foreground\",\n  success: \"text-[var(--hc-color-success)]\",\n  warning: \"text-[var(--hc-color-warning)]\",\n  destructive: \"text-[var(--hc-color-destructive)]\",\n  inherit: \"text-inherit\",\n}\n\ninterface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\ninterface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\nfunction resolveColor(color: TypographyColor | undefined, defaultColorClass: string): string {\n  if (!color || color === \"default\") return defaultColorClass\n  return colorMap[color]\n}\n\nconst H1 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h1 ref={ref} className={cn(\"scroll-m-20 text-3xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH1.displayName = \"H1\"\n\nconst H2 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h2 ref={ref} className={cn(\"scroll-m-20 text-2xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH2.displayName = \"H2\"\n\nconst H3 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"scroll-m-20 text-xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH3.displayName = \"H3\"\n\nconst H4 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, ...props }, ref) => (\n    <h4 ref={ref} className={cn(\"scroll-m-20 text-lg tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nH4.displayName = \"H4\"\n\nconst Body = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-base leading-7\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nBody.displayName = \"Body\"\n\nconst Small = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nSmall.displayName = \"Small\"\n\nconst Caption = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-xs\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nCaption.displayName = \"Caption\"\n\nconst Lead = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"medium\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-lg\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nLead.displayName = \"Lead\"\n\nconst Muted = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nMuted.displayName = \"Muted\"\n\nconst Code = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <code\n      ref={ref}\n      className={cn(\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCode.displayName = \"Code\"\n\nexport { H1, H2, H3, H4, Body, Small, Caption, Lead, Muted, Code }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/typography.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nexport type TypographyWeight = \"extrabold\" | \"bold\" | \"semibold\" | \"medium\" | \"regular\" | \"light\"\n\nexport type TypographyColor =\n  | \"default\"\n  | \"secondary\"\n  | \"foreground\"\n  | \"muted\"\n  | \"success\"\n  | \"warning\"\n  | \"destructive\"\n  | \"inherit\"\n\nconst weightMap: Record<TypographyWeight, string> = {\n  extrabold: \"font-extrabold\",\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n}\n\nconst colorMap: Record<Exclude<TypographyColor, \"default\">, string> = {\n  secondary: \"text-muted-foreground\",\n  foreground: \"text-[var(--hc-color-foreground)]\",\n  muted: \"text-muted-foreground\",\n  success: \"text-[var(--hc-color-success)]\",\n  warning: \"text-[var(--hc-color-warning)]\",\n  destructive: \"text-[var(--hc-color-destructive)]\",\n  inherit: \"text-inherit\",\n}\n\ninterface TypographyHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\ninterface TypographyParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  weight?: TypographyWeight\n  color?: TypographyColor\n}\n\nfunction resolveColor(color: TypographyColor | undefined, defaultColorClass: string): string {\n  if (!color || color === \"default\") return defaultColorClass\n  return colorMap[color]\n}\n\nconst H1 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h1 ref={ref} className={cn(\"scroll-m-20 text-3xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h1>\n  )\n)\nH1.displayName = \"H1\"\n\nconst H2 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h2 ref={ref} className={cn(\"scroll-m-20 text-2xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h2>\n  )\n)\nH2.displayName = \"H2\"\n\nconst H3 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"scroll-m-20 text-xl tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h3>\n  )\n)\nH3.displayName = \"H3\"\n\nconst H4 = React.forwardRef<HTMLHeadingElement, TypographyHeadingProps>(\n  ({ className, weight = \"semibold\", color, children, ...props }, ref) => (\n    <h4 ref={ref} className={cn(\"scroll-m-20 text-lg tracking-tight\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props}>\n      {children}\n    </h4>\n  )\n)\nH4.displayName = \"H4\"\n\nconst Body = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-base leading-7\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nBody.displayName = \"Body\"\n\nconst Small = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nSmall.displayName = \"Small\"\n\nconst Caption = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-xs\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nCaption.displayName = \"Caption\"\n\nconst Lead = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"medium\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-lg\", resolveColor(color, \"text-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nLead.displayName = \"Lead\"\n\nconst Muted = React.forwardRef<HTMLParagraphElement, TypographyParagraphProps>(\n  ({ className, weight = \"regular\", color, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm\", resolveColor(color, \"text-muted-foreground\"), weightMap[weight], className)} {...props} />\n  )\n)\nMuted.displayName = \"Muted\"\n\nconst Code = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <code\n      ref={ref}\n      className={cn(\n        \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCode.displayName = \"Code\"\n\nexport { H1, H2, H3, H4, Body, Small, Caption, Lead, Muted, Code }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}