@brycks/core-front 0.3.1 → 0.3.2

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,65 +1,69 @@
-import { jsxs as $, jsx as e } from "react/jsx-runtime";
-import { forwardRef as z, useMemo as j } from "react";
-import { cx as w } from "../../../utils/styles.js";
-const E = {
-  sm: { height: 28, fontSize: 12, gap: 4, minWidth: 28 },
-  md: { height: 36, fontSize: 14, gap: 6, minWidth: 36 },
-  lg: { height: 44, fontSize: 16, gap: 8, minWidth: 44 }
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { forwardRef as w, useMemo as E } from "react";
+import { cx as I } from "../../../utils/styles.js";
+import { spacing as u } from "../../../design-system/tokens/spacing.js";
+import { fontSizes as m } from "../../../design-system/tokens/typography.js";
+import { componentGap as B } from "../../../design-system/primitives/sizing.js";
+import { durations as R, easings as N } from "../../../design-system/tokens/motion.js";
+const q = {
+  sm: { height: u[7], fontSize: m.sm, gap: u[1], minWidth: u[7] },
+  md: { height: u[9], fontSize: m.base, gap: B.sm, minWidth: u[9] },
+  lg: { height: u[11], fontSize: m.md, gap: u[2], minWidth: u[11] }
 };
-function I() {
+function G() {
   return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function B() {
+function O() {
   return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function R() {
+function F() {
   return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M11 12l-4-4 4-4M7 12l-4-4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function N() {
+function H() {
   return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M5 4l4 4-4 4M9 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-const q = z(function({
-  page: r,
-  totalPages: t,
-  onChange: p,
-  size: f = "md",
+const J = w(function({
+  page: n,
+  totalPages: o,
+  onChange: b,
+  size: k = "md",
   variant: l = "default",
   siblingCount: h = 1,
-  showFirstLast: k = !0,
-  showPrevNext: m = !0,
-  disabled: o = !1,
-  className: g,
-  style: b,
-  testId: C,
-  ...v
-}, M) {
-  const s = E[f], L = j(() => {
+  showFirstLast: p = !0,
+  showPrevNext: y = !0,
+  disabled: t = !1,
+  className: C,
+  style: v,
+  testId: M,
+  ...L
+}, S) {
+  const s = q[k], x = E(() => {
     if (l === "minimal" || l === "simple")
       return [];
-    const n = [], u = Math.max(r - h, 1), c = Math.min(r + h, t), T = u > 2, y = c < t - 1;
+    const r = [], c = Math.max(n - h, 1), a = Math.min(n + h, o), T = c > 2, g = a < o - 1;
     if (T)
-      if (y) {
-        n.push(1), n.push("ellipsis");
-        for (let i = u; i <= c; i++)
-          n.push(i);
-        n.push("ellipsis"), n.push(t);
+      if (g) {
+        r.push(1), r.push("ellipsis");
+        for (let i = c; i <= a; i++)
+          r.push(i);
+        r.push("ellipsis"), r.push(o);
       } else {
-        n.push(1), n.push("ellipsis");
-        for (let i = Math.max(t - 2 - h, 1); i <= t; i++)
-          n.push(i);
+        r.push(1), r.push("ellipsis");
+        for (let i = Math.max(o - 2 - h, 1); i <= o; i++)
+          r.push(i);
       }
     else {
-      for (let i = 1; i <= Math.min(3 + h, t); i++)
-        n.push(i);
-      y && (n.push("ellipsis"), n.push(t));
+      for (let i = 1; i <= Math.min(3 + h, o); i++)
+        r.push(i);
+      g && (r.push("ellipsis"), r.push(o));
     }
-    return n;
-  }, [r, t, h, l]), x = {
+    return r;
+  }, [n, o, h, l]), W = {
     display: "flex",
     alignItems: "center",
     gap: s.gap,
-    ...b
-  }, a = (n, u) => ({
+    ...v
+  }, d = (r, c) => ({
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -67,15 +71,15 @@ const q = z(function({
     height: s.height,
     padding: `0 ${s.gap + 4}px`,
     fontSize: s.fontSize,
-    fontWeight: n ? 600 : 500,
-    color: u ? "var(--brycks-foreground-disabled)" : n ? "var(--brycks-primary-default)" : "var(--brycks-foreground-default)",
-    backgroundColor: n ? "var(--brycks-primary-50)" : "transparent",
+    fontWeight: r ? 600 : 500,
+    color: c ? "var(--brycks-foreground-disabled)" : r ? "var(--brycks-primary-default)" : "var(--brycks-foreground-default)",
+    backgroundColor: r ? "var(--brycks-primary-50)" : "transparent",
     border: "none",
     borderRadius: "var(--brycks-radius-md)",
-    cursor: u ? "not-allowed" : "pointer",
-    transition: "all 150ms ease-out",
+    cursor: c ? "not-allowed" : "pointer",
+    transition: `all ${R.quick}ms ${N.easeOut}`,
     outline: "none"
-  }), S = {
+  }), $ = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -83,119 +87,119 @@ const q = z(function({
     height: s.height,
     color: "var(--brycks-foreground-muted)",
     fontSize: s.fontSize
-  }, W = {
+  }, z = {
     fontSize: s.fontSize,
     color: "var(--brycks-foreground-muted)",
     padding: `0 ${s.gap}px`
-  }, d = (n) => {
-    n >= 1 && n <= t && n !== r && !o && p(n);
+  }, f = (r) => {
+    r >= 1 && r <= o && r !== n && !t && b(r);
   };
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ j(
     "nav",
     {
-      ref: M,
+      ref: S,
       role: "navigation",
       "aria-label": "Pagination",
-      className: w("brycks-pagination", `brycks-pagination--${f}`, `brycks-pagination--${l}`, g),
-      style: x,
-      "data-testid": C,
-      ...v,
+      className: I("brycks-pagination", `brycks-pagination--${k}`, `brycks-pagination--${l}`, C),
+      style: W,
+      "data-testid": M,
+      ...L,
       children: [
-        k && l !== "minimal" && /* @__PURE__ */ e(
+        p && l !== "minimal" && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "First page",
-            disabled: r === 1 || o,
-            style: a(!1, r === 1 || o),
-            onClick: () => d(1),
-            onMouseEnter: (n) => {
-              r !== 1 && !o && (n.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+            disabled: n === 1 || t,
+            style: d(!1, n === 1 || t),
+            onClick: () => f(1),
+            onMouseEnter: (r) => {
+              n !== 1 && !t && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
             },
-            onMouseLeave: (n) => {
-              n.currentTarget.style.backgroundColor = "transparent";
+            onMouseLeave: (r) => {
+              r.currentTarget.style.backgroundColor = "transparent";
             },
-            children: /* @__PURE__ */ e(R, {})
+            children: /* @__PURE__ */ e(F, {})
           }
         ),
-        m && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Previous page",
-            disabled: r === 1 || o,
-            style: a(!1, r === 1 || o),
-            onClick: () => d(r - 1),
-            onMouseEnter: (n) => {
-              r !== 1 && !o && (n.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+            disabled: n === 1 || t,
+            style: d(!1, n === 1 || t),
+            onClick: () => f(n - 1),
+            onMouseEnter: (r) => {
+              n !== 1 && !t && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
             },
-            onMouseLeave: (n) => {
-              n.currentTarget.style.backgroundColor = "transparent";
+            onMouseLeave: (r) => {
+              r.currentTarget.style.backgroundColor = "transparent";
             },
-            children: /* @__PURE__ */ e(I, {})
+            children: /* @__PURE__ */ e(G, {})
           }
         ),
-        l === "simple" || l === "minimal" ? /* @__PURE__ */ e("span", { style: W, children: l === "minimal" ? `${r} / ${t}` : `Page ${r} of ${t}` }) : L.map(
-          (n, u) => n === "ellipsis" ? /* @__PURE__ */ e("span", { style: S, children: "..." }, `ellipsis-${u}`) : /* @__PURE__ */ e(
+        l === "simple" || l === "minimal" ? /* @__PURE__ */ e("span", { style: z, children: l === "minimal" ? `${n} / ${o}` : `Page ${n} of ${o}` }) : x.map(
+          (r, c) => r === "ellipsis" ? /* @__PURE__ */ e("span", { style: $, children: "..." }, `ellipsis-${c}`) : /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Page ${n}`,
-              "aria-current": n === r ? "page" : void 0,
-              disabled: o,
-              style: a(n === r, o),
-              onClick: () => d(n),
-              onMouseEnter: (c) => {
-                n !== r && !o && (c.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+              "aria-label": `Page ${r}`,
+              "aria-current": r === n ? "page" : void 0,
+              disabled: t,
+              style: d(r === n, t),
+              onClick: () => f(r),
+              onMouseEnter: (a) => {
+                r !== n && !t && (a.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
               },
-              onMouseLeave: (c) => {
-                n !== r && (c.currentTarget.style.backgroundColor = "transparent");
+              onMouseLeave: (a) => {
+                r !== n && (a.currentTarget.style.backgroundColor = "transparent");
               },
-              children: n
+              children: r
             },
-            n
+            r
           )
         ),
-        m && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Next page",
-            disabled: r === t || o,
-            style: a(!1, r === t || o),
-            onClick: () => d(r + 1),
-            onMouseEnter: (n) => {
-              r !== t && !o && (n.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+            disabled: n === o || t,
+            style: d(!1, n === o || t),
+            onClick: () => f(n + 1),
+            onMouseEnter: (r) => {
+              n !== o && !t && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
             },
-            onMouseLeave: (n) => {
-              n.currentTarget.style.backgroundColor = "transparent";
+            onMouseLeave: (r) => {
+              r.currentTarget.style.backgroundColor = "transparent";
             },
-            children: /* @__PURE__ */ e(B, {})
+            children: /* @__PURE__ */ e(O, {})
           }
         ),
-        k && l !== "minimal" && /* @__PURE__ */ e(
+        p && l !== "minimal" && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "aria-label": "Last page",
-            disabled: r === t || o,
-            style: a(!1, r === t || o),
-            onClick: () => d(t),
-            onMouseEnter: (n) => {
-              r !== t && !o && (n.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+            disabled: n === o || t,
+            style: d(!1, n === o || t),
+            onClick: () => f(o),
+            onMouseEnter: (r) => {
+              n !== o && !t && (r.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
             },
-            onMouseLeave: (n) => {
-              n.currentTarget.style.backgroundColor = "transparent";
+            onMouseLeave: (r) => {
+              r.currentTarget.style.backgroundColor = "transparent";
             },
-            children: /* @__PURE__ */ e(N, {})
+            children: /* @__PURE__ */ e(H, {})
           }
         )
       ]
     }
   );
 });
-q.displayName = "Pagination";
+J.displayName = "Pagination";
 export {
-  q as Pagination
+  J as Pagination
 };
 //# sourceMappingURL=Pagination.js.map

package/dist/components/navigation/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["/**\n * Pagination Component\n *\n * A pagination control for navigating through pages.\n * Supports different sizes and display modes.\n */\n\nimport { forwardRef, useMemo, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type PaginationSize = 'sm' | 'md' | 'lg'\nexport type PaginationVariant = 'default' | 'simple' | 'minimal'\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  /** Current page (1-indexed) */\n  page: number\n  /** Total number of pages */\n  totalPages: number\n  /** Callback when page changes */\n  onChange: (page: number) => void\n  /** Pagination size */\n  size?: PaginationSize\n  /** Pagination variant */\n  variant?: PaginationVariant\n  /** Number of sibling pages to show on each side */\n  siblingCount?: number\n  /** Whether to show first/last buttons */\n  showFirstLast?: boolean\n  /** Whether to show prev/next buttons */\n  showPrevNext?: boolean\n  /** Whether the component is disabled */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<PaginationSize, { height: number; fontSize: number; gap: number; minWidth: number }> = {\n  sm: { height: 28, fontSize: 12, gap: 4, minWidth: 28 },\n  md: { height: 36, fontSize: 14, gap: 6, minWidth: 36 },\n  lg: { height: 44, fontSize: 16, gap: 8, minWidth: 44 },\n}\n\nfunction ChevronLeftIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronsLeftIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M11 12l-4-4 4-4M7 12l-4-4 4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronsRightIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M5 4l4 4-4 4M9 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    page,\n    totalPages,\n    onChange,\n    size = 'md',\n    variant = 'default',\n    siblingCount = 1,\n    showFirstLast = true,\n    showPrevNext = true,\n    disabled = false,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const config = sizeConfig[size]\n\n  // Generate page numbers to display\n  const pages = useMemo(() => {\n    if (variant === 'minimal' || variant === 'simple') {\n      return []\n    }\n\n    const range: (number | 'ellipsis')[] = []\n    const leftSibling = Math.max(page - siblingCount, 1)\n    const rightSibling = Math.min(page + siblingCount, totalPages)\n\n    const showLeftEllipsis = leftSibling > 2\n    const showRightEllipsis = rightSibling < totalPages - 1\n\n    if (!showLeftEllipsis) {\n      for (let i = 1; i <= Math.min(3 + siblingCount, totalPages); i++) {\n        range.push(i)\n      }\n      if (showRightEllipsis) {\n        range.push('ellipsis')\n        range.push(totalPages)\n      }\n    } else if (!showRightEllipsis) {\n      range.push(1)\n      range.push('ellipsis')\n      for (let i = Math.max(totalPages - 2 - siblingCount, 1); i <= totalPages; i++) {\n        range.push(i)\n      }\n    } else {\n      range.push(1)\n      range.push('ellipsis')\n      for (let i = leftSibling; i <= rightSibling; i++) {\n        range.push(i)\n      }\n      range.push('ellipsis')\n      range.push(totalPages)\n    }\n\n    return range\n  }, [page, totalPages, siblingCount, variant])\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: config.gap,\n    ...style,\n  }\n\n  const getButtonStyle = (isActive: boolean, isDisabled: boolean): CSSProperties => ({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: config.minWidth,\n    height: config.height,\n    padding: `0 ${config.gap + 4}px`,\n    fontSize: config.fontSize,\n    fontWeight: isActive ? 600 : 500,\n    color: isDisabled\n      ? 'var(--brycks-foreground-disabled)'\n      : isActive\n      ? 'var(--brycks-primary-default)'\n      : 'var(--brycks-foreground-default)',\n    backgroundColor: isActive ? 'var(--brycks-primary-50)' : 'transparent',\n    border: 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    transition: 'all 150ms ease-out',\n    outline: 'none',\n  })\n\n  const ellipsisStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: config.minWidth,\n    height: config.height,\n    color: 'var(--brycks-foreground-muted)',\n    fontSize: config.fontSize,\n  }\n\n  const infoStyle: CSSProperties = {\n    fontSize: config.fontSize,\n    color: 'var(--brycks-foreground-muted)',\n    padding: `0 ${config.gap}px`,\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage >= 1 && newPage <= totalPages && newPage !== page && !disabled) {\n      onChange(newPage)\n    }\n  }\n\n  return (\n    <nav\n      ref={ref}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cx('brycks-pagination', `brycks-pagination--${size}`, `brycks-pagination--${variant}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      {...props}\n    >\n      {showFirstLast && variant !== 'minimal' && (\n        <button\n          type=\"button\"\n          aria-label=\"First page\"\n          disabled={page === 1 || disabled}\n          style={getButtonStyle(false, page === 1 || disabled)}\n          onClick={() => handlePageChange(1)}\n          onMouseEnter={(e) => {\n            if (page !== 1 && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronsLeftIcon />\n        </button>\n      )}\n\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          aria-label=\"Previous page\"\n          disabled={page === 1 || disabled}\n          style={getButtonStyle(false, page === 1 || disabled)}\n          onClick={() => handlePageChange(page - 1)}\n          onMouseEnter={(e) => {\n            if (page !== 1 && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronLeftIcon />\n        </button>\n      )}\n\n      {variant === 'simple' || variant === 'minimal' ? (\n        <span style={infoStyle}>\n          {variant === 'minimal' ? `${page} / ${totalPages}` : `Page ${page} of ${totalPages}`}\n        </span>\n      ) : (\n        pages.map((p, index) =>\n          p === 'ellipsis' ? (\n            <span key={`ellipsis-${index}`} style={ellipsisStyle}>\n              ...\n            </span>\n          ) : (\n            <button\n              key={p}\n              type=\"button\"\n              aria-label={`Page ${p}`}\n              aria-current={p === page ? 'page' : undefined}\n              disabled={disabled}\n              style={getButtonStyle(p === page, disabled)}\n              onClick={() => handlePageChange(p)}\n              onMouseEnter={(e) => {\n                if (p !== page && !disabled) {\n                  e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                }\n              }}\n              onMouseLeave={(e) => {\n                if (p !== page) {\n                  e.currentTarget.style.backgroundColor = 'transparent'\n                }\n              }}\n            >\n              {p}\n            </button>\n          )\n        )\n      )}\n\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          aria-label=\"Next page\"\n          disabled={page === totalPages || disabled}\n          style={getButtonStyle(false, page === totalPages || disabled)}\n          onClick={() => handlePageChange(page + 1)}\n          onMouseEnter={(e) => {\n            if (page !== totalPages && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronRightIcon />\n        </button>\n      )}\n\n      {showFirstLast && variant !== 'minimal' && (\n        <button\n          type=\"button\"\n          aria-label=\"Last page\"\n          disabled={page === totalPages || disabled}\n          style={getButtonStyle(false, page === totalPages || disabled)}\n          onClick={() => handlePageChange(totalPages)}\n          onMouseEnter={(e) => {\n            if (page !== totalPages && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronsRightIcon />\n        </button>\n      )}\n    </nav>\n  )\n})\n\nPagination.displayName = 'Pagination'\n"],"names":["sizeConfig","ChevronLeftIcon","jsx","ChevronRightIcon","ChevronsLeftIcon","ChevronsRightIcon","Pagination","forwardRef","page","totalPages","onChange","size","variant","siblingCount","showFirstLast","showPrevNext","disabled","className","style","testId","props","ref","config","pages","useMemo","range","leftSibling","rightSibling","showLeftEllipsis","showRightEllipsis","containerStyle","getButtonStyle","isActive","isDisabled","ellipsisStyle","infoStyle","handlePageChange","newPage","jsxs","cx","e","p","index"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["/**\n * Pagination Component\n *\n * A pagination control for navigating through pages.\n * Supports different sizes and display modes.\n */\n\nimport { forwardRef, useMemo, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentGap } from '../../../design-system/primitives'\n\nexport type PaginationSize = 'sm' | 'md' | 'lg'\nexport type PaginationVariant = 'default' | 'simple' | 'minimal'\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  /** Current page (1-indexed) */\n  page: number\n  /** Total number of pages */\n  totalPages: number\n  /** Callback when page changes */\n  onChange: (page: number) => void\n  /** Pagination size */\n  size?: PaginationSize\n  /** Pagination variant */\n  variant?: PaginationVariant\n  /** Number of sibling pages to show on each side */\n  siblingCount?: number\n  /** Whether to show first/last buttons */\n  showFirstLast?: boolean\n  /** Whether to show prev/next buttons */\n  showPrevNext?: boolean\n  /** Whether the component is disabled */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<PaginationSize, { height: number; fontSize: number; gap: number; minWidth: number }> = {\n  sm: { height: spacing[7], fontSize: fontSizes.sm, gap: spacing[1], minWidth: spacing[7] },\n  md: { height: spacing[9], fontSize: fontSizes.base, gap: componentGap.sm, minWidth: spacing[9] },\n  lg: { height: spacing[11], fontSize: fontSizes.md, gap: spacing[2], minWidth: spacing[11] },\n}\n\nfunction ChevronLeftIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronsLeftIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M11 12l-4-4 4-4M7 12l-4-4 4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ChevronsRightIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M5 4l4 4-4 4M9 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    page,\n    totalPages,\n    onChange,\n    size = 'md',\n    variant = 'default',\n    siblingCount = 1,\n    showFirstLast = true,\n    showPrevNext = true,\n    disabled = false,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const config = sizeConfig[size]\n\n  // Generate page numbers to display\n  const pages = useMemo(() => {\n    if (variant === 'minimal' || variant === 'simple') {\n      return []\n    }\n\n    const range: (number | 'ellipsis')[] = []\n    const leftSibling = Math.max(page - siblingCount, 1)\n    const rightSibling = Math.min(page + siblingCount, totalPages)\n\n    const showLeftEllipsis = leftSibling > 2\n    const showRightEllipsis = rightSibling < totalPages - 1\n\n    if (!showLeftEllipsis) {\n      for (let i = 1; i <= Math.min(3 + siblingCount, totalPages); i++) {\n        range.push(i)\n      }\n      if (showRightEllipsis) {\n        range.push('ellipsis')\n        range.push(totalPages)\n      }\n    } else if (!showRightEllipsis) {\n      range.push(1)\n      range.push('ellipsis')\n      for (let i = Math.max(totalPages - 2 - siblingCount, 1); i <= totalPages; i++) {\n        range.push(i)\n      }\n    } else {\n      range.push(1)\n      range.push('ellipsis')\n      for (let i = leftSibling; i <= rightSibling; i++) {\n        range.push(i)\n      }\n      range.push('ellipsis')\n      range.push(totalPages)\n    }\n\n    return range\n  }, [page, totalPages, siblingCount, variant])\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: config.gap,\n    ...style,\n  }\n\n  const getButtonStyle = (isActive: boolean, isDisabled: boolean): CSSProperties => ({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: config.minWidth,\n    height: config.height,\n    padding: `0 ${config.gap + 4}px`,\n    fontSize: config.fontSize,\n    fontWeight: isActive ? 600 : 500,\n    color: isDisabled\n      ? 'var(--brycks-foreground-disabled)'\n      : isActive\n      ? 'var(--brycks-primary-default)'\n      : 'var(--brycks-foreground-default)',\n    backgroundColor: isActive ? 'var(--brycks-primary-50)' : 'transparent',\n    border: 'none',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    transition: `all ${durations.quick}ms ${easings.easeOut}`,\n    outline: 'none',\n  })\n\n  const ellipsisStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: config.minWidth,\n    height: config.height,\n    color: 'var(--brycks-foreground-muted)',\n    fontSize: config.fontSize,\n  }\n\n  const infoStyle: CSSProperties = {\n    fontSize: config.fontSize,\n    color: 'var(--brycks-foreground-muted)',\n    padding: `0 ${config.gap}px`,\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (newPage >= 1 && newPage <= totalPages && newPage !== page && !disabled) {\n      onChange(newPage)\n    }\n  }\n\n  return (\n    <nav\n      ref={ref}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      className={cx('brycks-pagination', `brycks-pagination--${size}`, `brycks-pagination--${variant}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      {...props}\n    >\n      {showFirstLast && variant !== 'minimal' && (\n        <button\n          type=\"button\"\n          aria-label=\"First page\"\n          disabled={page === 1 || disabled}\n          style={getButtonStyle(false, page === 1 || disabled)}\n          onClick={() => handlePageChange(1)}\n          onMouseEnter={(e) => {\n            if (page !== 1 && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronsLeftIcon />\n        </button>\n      )}\n\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          aria-label=\"Previous page\"\n          disabled={page === 1 || disabled}\n          style={getButtonStyle(false, page === 1 || disabled)}\n          onClick={() => handlePageChange(page - 1)}\n          onMouseEnter={(e) => {\n            if (page !== 1 && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronLeftIcon />\n        </button>\n      )}\n\n      {variant === 'simple' || variant === 'minimal' ? (\n        <span style={infoStyle}>\n          {variant === 'minimal' ? `${page} / ${totalPages}` : `Page ${page} of ${totalPages}`}\n        </span>\n      ) : (\n        pages.map((p, index) =>\n          p === 'ellipsis' ? (\n            <span key={`ellipsis-${index}`} style={ellipsisStyle}>\n              ...\n            </span>\n          ) : (\n            <button\n              key={p}\n              type=\"button\"\n              aria-label={`Page ${p}`}\n              aria-current={p === page ? 'page' : undefined}\n              disabled={disabled}\n              style={getButtonStyle(p === page, disabled)}\n              onClick={() => handlePageChange(p)}\n              onMouseEnter={(e) => {\n                if (p !== page && !disabled) {\n                  e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                }\n              }}\n              onMouseLeave={(e) => {\n                if (p !== page) {\n                  e.currentTarget.style.backgroundColor = 'transparent'\n                }\n              }}\n            >\n              {p}\n            </button>\n          )\n        )\n      )}\n\n      {showPrevNext && (\n        <button\n          type=\"button\"\n          aria-label=\"Next page\"\n          disabled={page === totalPages || disabled}\n          style={getButtonStyle(false, page === totalPages || disabled)}\n          onClick={() => handlePageChange(page + 1)}\n          onMouseEnter={(e) => {\n            if (page !== totalPages && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronRightIcon />\n        </button>\n      )}\n\n      {showFirstLast && variant !== 'minimal' && (\n        <button\n          type=\"button\"\n          aria-label=\"Last page\"\n          disabled={page === totalPages || disabled}\n          style={getButtonStyle(false, page === totalPages || disabled)}\n          onClick={() => handlePageChange(totalPages)}\n          onMouseEnter={(e) => {\n            if (page !== totalPages && !disabled) {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }}\n        >\n          <ChevronsRightIcon />\n        </button>\n      )}\n    </nav>\n  )\n})\n\nPagination.displayName = 'Pagination'\n"],"names":["sizeConfig","spacing","fontSizes","componentGap","ChevronLeftIcon","jsx","ChevronRightIcon","ChevronsLeftIcon","ChevronsRightIcon","Pagination","forwardRef","page","totalPages","onChange","size","variant","siblingCount","showFirstLast","showPrevNext","disabled","className","style","testId","props","ref","config","pages","useMemo","range","leftSibling","rightSibling","showLeftEllipsis","showRightEllipsis","containerStyle","getButtonStyle","isActive","isDisabled","durations","easings","ellipsisStyle","infoStyle","handlePageChange","newPage","jsxs","cx","e","p","index"],"mappings":"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"}

package/dist/components/navigation/Stepper/Stepper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),y=require("react"),w=require("../../../utils/styles.cjs"),r=require("../../../design-system/tokens/spacing.cjs"),l=require("../../../design-system/tokens/typography.cjs"),d=require("../../../design-system/tokens/motion.cjs"),W=y.createContext(null);function H(){const f=y.useContext(W);if(!f)throw new Error("Step components must be used within a Stepper");return f}const $={sm:{indicator:r.spacing[6],fontSize:l.fontSizes.sm,labelSize:l.fontSizes.xs,gap:r.spacing[2],lineWidth:2},md:{indicator:r.spacing[8],fontSize:l.fontSizes.base,labelSize:l.fontSizes.sm,gap:r.spacing[3],lineWidth:2},lg:{indicator:r.spacing[10],fontSize:l.fontSizes.md,labelSize:l.fontSizes.base,gap:r.spacing[4],lineWidth:3}};function F(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{d:"M3.5 8l3 3 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}const q=y.forwardRef(function({currentStep:h,onStepChange:m,size:a="md",orientation:o="horizontal",clickable:c=!1,className:s,style:S,children:p,testId:b,...v},x){const e=$[a],g=Array.isArray(p)?p.length:1,k={display:"flex",flexDirection:o==="horizontal"?"row":"column",gap:o==="horizontal"?0:e.gap,alignItems:o==="horizontal"?"flex-start":"stretch",...S};return t.jsx(W.Provider,{value:{size:a,orientation:o,currentStep:h,totalSteps:g,onStepClick:m,clickable:c},children:t.jsx("div",{ref:x,role:"navigation","aria-label":"Progress",className:w.cx("brycks-stepper",`brycks-stepper--${a}`,`brycks-stepper--${o}`,s),style:k,"data-testid":b,...v,children:p})})});q.displayName="Stepper";const I=y.forwardRef(function({index:h,title:m,description:a,icon:o,disabled:c=!1,hasError:s=!1,className:S,style:p,...b},v){const{size:x,orientation:e,currentStep:g,totalSteps:k,onStepClick:j,clickable:R}=H(),n=$[x],u=h??0,z=u===k-1,i=u<g?"completed":u===g?"current":"upcoming",C=R&&!c&&i!=="current",L=()=>{C&&j&&j(u)},D={display:"flex",flexDirection:e==="horizontal"?"column":"row",alignItems:e==="horizontal"?"center":"flex-start",gap:n.gap,flex:e==="horizontal"&&!z?1:void 0,cursor:C?"pointer":"default",opacity:c?.5:1,...p},N={display:"flex",alignItems:"center",flexDirection:e==="horizontal"?"row":"column",gap:0,flex:e==="horizontal"&&!z?1:void 0},O=()=>s?"var(--brycks-error-default)":i==="completed"?"var(--brycks-success-default)":i==="current"?"var(--brycks-primary-default)":"var(--brycks-border-default)",A={display:"flex",alignItems:"center",justifyContent:"center",width:n.indicator,height:n.indicator,borderRadius:"50%",backgroundColor:i==="upcoming"?"var(--brycks-background-default)":O(),border:i==="upcoming"?`${n.lineWidth}px solid ${s?"var(--brycks-error-default)":"var(--brycks-border-default)"}`:"none",color:i==="upcoming"?s?"var(--brycks-error-default)":"var(--brycks-foreground-muted)":"white",fontSize:n.labelSize,fontWeight:600,flexShrink:0,transition:`all ${d.durations.normal}ms ${d.easings.easeOut}`},P={flex:1,height:e==="horizontal"?n.lineWidth:r.spacing[6],width:e==="horizontal"?void 0:n.lineWidth,backgroundColor:i==="completed"?"var(--brycks-success-default)":"var(--brycks-border-muted)",marginLeft:e==="horizontal"?r.spacing[2]:(n.indicator-n.lineWidth)/2,marginRight:e==="horizontal"?r.spacing[2]:void 0,marginTop:e==="vertical"?r.spacing[1]:void 0,marginBottom:e==="vertical"?r.spacing[1]:void 0,transition:`background-color ${d.durations.normal}ms ${d.easings.easeOut}`},B={display:"flex",flexDirection:"column",gap:r.spacing[.5],textAlign:e==="horizontal"?"center":"left",minWidth:e==="horizontal"?80:void 0,paddingLeft:e==="vertical"?r.spacing[3]:void 0,flex:e==="vertical"?1:void 0},M={fontSize:n.fontSize,fontWeight:i==="current"?600:500,color:c?"var(--brycks-foreground-disabled)":s?"var(--brycks-error-default)":i==="upcoming"?"var(--brycks-foreground-muted)":"var(--brycks-foreground-default)",transition:`color ${d.durations.fast}ms ${d.easings.easeOut}`},T={fontSize:n.labelSize,color:"var(--brycks-foreground-muted)",lineHeight:1.4};return t.jsxs("div",{ref:v,role:"listitem","aria-current":i==="current"?"step":void 0,className:w.cx("brycks-step",`brycks-step--${i}`,s&&"brycks-step--error",c&&"brycks-step--disabled",S),style:D,onClick:L,...b,children:[t.jsxs("div",{style:N,children:[t.jsx("div",{style:A,children:o||(i==="completed"?t.jsx(F,{}):t.jsx("span",{children:u+1}))}),!z&&t.jsx("div",{style:P,"aria-hidden":"true"})]}),t.jsxs("div",{style:B,children:[t.jsx("div",{style:M,children:m}),a&&t.jsx("div",{style:T,children:a})]})]})});I.displayName="Step";exports.Step=I;exports.Stepper=q;
+//# sourceMappingURL=Stepper.cjs.map

package/dist/components/navigation/Stepper/Stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.cjs","sources":["../../../../src/components/navigation/Stepper/Stepper.tsx"],"sourcesContent":["/**\n * Stepper Component\n *\n * A step indicator for multi-step processes like wizards and forms.\n * Shows progress and allows navigation between steps.\n *\n * @module components/navigation/Stepper\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type CSSProperties,\n  type ReactNode,\n  type HTMLAttributes,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\n\nexport type StepperSize = 'sm' | 'md' | 'lg'\nexport type StepperOrientation = 'horizontal' | 'vertical'\nexport type StepStatus = 'completed' | 'current' | 'upcoming'\n\ninterface StepperContextValue {\n  size: StepperSize\n  orientation: StepperOrientation\n  currentStep: number\n  totalSteps: number\n  onStepClick?: (step: number) => void\n  clickable: boolean\n}\n\nconst StepperContext = createContext<StepperContextValue | null>(null)\n\nfunction useStepperContext() {\n  const context = useContext(StepperContext)\n  if (!context) {\n    throw new Error('Step components must be used within a Stepper')\n  }\n  return context\n}\n\nexport interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Current active step (0-indexed) */\n  currentStep: number\n  /** Callback when step is clicked */\n  onStepChange?: (step: number) => void\n  /** Stepper size */\n  size?: StepperSize\n  /** Stepper orientation */\n  orientation?: StepperOrientation\n  /** Whether steps are clickable */\n  clickable?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<StepperSize, { indicator: number; fontSize: number; labelSize: number; gap: number; lineWidth: number }> = {\n  sm: { indicator: spacing[6], fontSize: fontSizes.sm, labelSize: fontSizes.xs, gap: spacing[2], lineWidth: 2 },\n  md: { indicator: spacing[8], fontSize: fontSizes.base, labelSize: fontSizes.sm, gap: spacing[3], lineWidth: 2 },\n  lg: { indicator: spacing[10], fontSize: fontSizes.md, labelSize: fontSizes.base, gap: spacing[4], lineWidth: 3 },\n}\n\nfunction CheckIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d=\"M3.5 8l3 3 6-6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport const Stepper = forwardRef<HTMLDivElement, StepperProps>(function Stepper(\n  {\n    currentStep,\n    onStepChange,\n    size = 'md',\n    orientation = 'horizontal',\n    clickable = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const config = sizeConfig[size]\n  const childCount = Array.isArray(children) ? children.length : 1\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: orientation === 'horizontal' ? 'row' : 'column',\n    gap: orientation === 'horizontal' ? 0 : config.gap,\n    alignItems: orientation === 'horizontal' ? 'flex-start' : 'stretch',\n    ...style,\n  }\n\n  return (\n    <StepperContext.Provider\n      value={{\n        size,\n        orientation,\n        currentStep,\n        totalSteps: childCount,\n        onStepClick: onStepChange,\n        clickable,\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"navigation\"\n        aria-label=\"Progress\"\n        className={cx(\n          'brycks-stepper',\n          `brycks-stepper--${size}`,\n          `brycks-stepper--${orientation}`,\n          className\n        )}\n        style={containerStyle}\n        data-testid={testId}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  )\n})\n\nStepper.displayName = 'Stepper'\n\n// Step Component\nexport interface StepProps extends HTMLAttributes<HTMLDivElement> {\n  /** Step index (auto-set by parent, or can be overridden) */\n  index?: number\n  /** Step title */\n  title: string\n  /** Step description */\n  description?: string\n  /** Custom icon (replaces number/check) */\n  icon?: ReactNode\n  /** Whether the step is disabled */\n  disabled?: boolean\n  /** Whether this step has an error */\n  hasError?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const Step = forwardRef<HTMLDivElement, StepProps>(function Step(\n  {\n    index: propIndex,\n    title,\n    description,\n    icon,\n    disabled = false,\n    hasError = false,\n    className,\n    style,\n    ...props\n  },\n  ref\n) {\n  const { size, orientation, currentStep, totalSteps, onStepClick, clickable } = useStepperContext()\n  const config = sizeConfig[size]\n\n  // Try to infer index from props or use 0\n  const index = propIndex ?? 0\n  const isLast = index === totalSteps - 1\n\n  const status: StepStatus =\n    index < currentStep ? 'completed' : index === currentStep ? 'current' : 'upcoming'\n\n  const isClickable = clickable && !disabled && status !== 'current'\n\n  const handleClick = () => {\n    if (isClickable && onStepClick) {\n      onStepClick(index)\n    }\n  }\n\n  const stepStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: orientation === 'horizontal' ? 'column' : 'row',\n    alignItems: orientation === 'horizontal' ? 'center' : 'flex-start',\n    gap: config.gap,\n    flex: orientation === 'horizontal' && !isLast ? 1 : undefined,\n    cursor: isClickable ? 'pointer' : 'default',\n    opacity: disabled ? 0.5 : 1,\n    ...style,\n  }\n\n  const indicatorWrapperStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: orientation === 'horizontal' ? 'row' : 'column',\n    gap: 0,\n    flex: orientation === 'horizontal' && !isLast ? 1 : undefined,\n  }\n\n  const getIndicatorColor = (): string => {\n    if (hasError) return 'var(--brycks-error-default)'\n    if (status === 'completed') return 'var(--brycks-success-default)'\n    if (status === 'current') return 'var(--brycks-primary-default)'\n    return 'var(--brycks-border-default)'\n  }\n\n  const indicatorStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.indicator,\n    height: config.indicator,\n    borderRadius: '50%',\n    backgroundColor:\n      status === 'upcoming' ? 'var(--brycks-background-default)' : getIndicatorColor(),\n    border:\n      status === 'upcoming'\n        ? `${config.lineWidth}px solid ${hasError ? 'var(--brycks-error-default)' : 'var(--brycks-border-default)'}`\n        : 'none',\n    color:\n      status === 'upcoming'\n        ? hasError\n          ? 'var(--brycks-error-default)'\n          : 'var(--brycks-foreground-muted)'\n        : 'white',\n    fontSize: config.labelSize,\n    fontWeight: 600,\n    flexShrink: 0,\n    transition: `all ${durations.normal}ms ${easings.easeOut}`,\n  }\n\n  const lineStyle: CSSProperties = {\n    flex: 1,\n    height: orientation === 'horizontal' ? config.lineWidth : spacing[6],\n    width: orientation === 'horizontal' ? undefined : config.lineWidth,\n    backgroundColor:\n      status === 'completed' ? 'var(--brycks-success-default)' : 'var(--brycks-border-muted)',\n    marginLeft: orientation === 'horizontal' ? spacing[2] : (config.indicator - config.lineWidth) / 2,\n    marginRight: orientation === 'horizontal' ? spacing[2] : undefined,\n    marginTop: orientation === 'vertical' ? spacing[1] : undefined,\n    marginBottom: orientation === 'vertical' ? spacing[1] : undefined,\n    transition: `background-color ${durations.normal}ms ${easings.easeOut}`,\n  }\n\n  const contentStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: spacing[0.5],\n    textAlign: orientation === 'horizontal' ? 'center' : 'left',\n    minWidth: orientation === 'horizontal' ? 80 : undefined,\n    paddingLeft: orientation === 'vertical' ? spacing[3] : undefined,\n    flex: orientation === 'vertical' ? 1 : undefined,\n  }\n\n  const titleStyle: CSSProperties = {\n    fontSize: config.fontSize,\n    fontWeight: status === 'current' ? 600 : 500,\n    color:\n      disabled\n        ? 'var(--brycks-foreground-disabled)'\n        : hasError\n        ? 'var(--brycks-error-default)'\n        : status === 'upcoming'\n        ? 'var(--brycks-foreground-muted)'\n        : 'var(--brycks-foreground-default)',\n    transition: `color ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const descriptionStyle: CSSProperties = {\n    fontSize: config.labelSize,\n    color: 'var(--brycks-foreground-muted)',\n    lineHeight: 1.4,\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"listitem\"\n      aria-current={status === 'current' ? 'step' : undefined}\n      className={cx(\n        'brycks-step',\n        `brycks-step--${status}`,\n        hasError && 'brycks-step--error',\n        disabled && 'brycks-step--disabled',\n        className\n      )}\n      style={stepStyle}\n      onClick={handleClick}\n      {...props}\n    >\n      <div style={indicatorWrapperStyle}>\n        <div style={indicatorStyle}>\n          {icon ? (\n            icon\n          ) : status === 'completed' ? (\n            <CheckIcon />\n          ) : (\n            <span>{index + 1}</span>\n          )}\n        </div>\n        {!isLast && <div style={lineStyle} aria-hidden=\"true\" />}\n      </div>\n      <div style={contentStyle}>\n        <div style={titleStyle}>{title}</div>\n        {description && <div style={descriptionStyle}>{description}</div>}\n      </div>\n    </div>\n  )\n})\n\nStep.displayName = 'Step'\n"],"names":["StepperContext","createContext","useStepperContext","context","useContext","sizeConfig","spacing","fontSizes","CheckIcon","jsx","Stepper","forwardRef","currentStep","onStepChange","size","orientation","clickable","className","style","children","testId","props","ref","config","childCount","containerStyle","cx","Step","propIndex","title","description","icon","disabled","hasError","totalSteps","onStepClick","index","isLast","status","isClickable","handleClick","stepStyle","indicatorWrapperStyle","getIndicatorColor","indicatorStyle","durations","easings","lineStyle","contentStyle","titleStyle","descriptionStyle","jsxs"],"mappings":"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"}