@brycks/core-front 0.2.7 → 0.2.9

package/dist/components/utility/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/utility/Badge/Badge.tsx"],"sourcesContent":["/**\r\n * Badge Component\r\n *\r\n * Small label for status, counts, or categorization.\r\n * Clean, minimal design with subtle color coding.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\r\nexport type BadgeIntent = 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\r\nexport type BadgeSize = 'sm' | 'md' | 'lg'\r\n\r\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\r\n  /** Visual variant */\r\n  variant?: BadgeVariant\r\n  /** Color intent */\r\n  intent?: BadgeIntent\r\n  /** Size */\r\n  size?: BadgeSize\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Badge content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst sizeStyles: Record<BadgeSize, CSSProperties> = {\r\n  sm: { fontSize: 10, padding: '2px 6px', height: 18 },\r\n  md: { fontSize: 11, padding: '3px 8px', height: 22 },\r\n  lg: { fontSize: 12, padding: '4px 10px', height: 26 },\r\n}\r\n\r\nconst intentColors: Record<BadgeIntent, Record<BadgeVariant, CSSProperties>> = {\r\n  neutral: {\r\n    solid: { backgroundColor: 'var(--brycks-foreground-default)', color: 'var(--brycks-background-app)' },\r\n    subtle: { backgroundColor: 'var(--brycks-background-muted)', color: 'var(--brycks-foreground-default)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-foreground-default)', borderColor: 'var(--brycks-border-default)' },\r\n  },\r\n  primary: {\r\n    solid: { backgroundColor: 'var(--brycks-primary-default)', color: 'var(--brycks-primary-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-primary-muted)', color: 'var(--brycks-primary-hover)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-primary-default)', borderColor: 'var(--brycks-primary-default)' },\r\n  },\r\n  accent: {\r\n    solid: { backgroundColor: 'var(--brycks-accent-default)', color: 'var(--brycks-accent-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-accent-muted)', color: 'var(--brycks-accent-hover)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-accent-default)', borderColor: 'var(--brycks-accent-default)' },\r\n  },\r\n  success: {\r\n    solid: { backgroundColor: 'var(--brycks-success-default)', color: 'var(--brycks-success-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-success-muted)', color: 'var(--brycks-success-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-success-default)', borderColor: 'var(--brycks-success-default)' },\r\n  },\r\n  warning: {\r\n    solid: { backgroundColor: 'var(--brycks-warning-default)', color: 'var(--brycks-warning-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-warning-muted)', color: 'var(--brycks-warning-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-warning-default)', borderColor: 'var(--brycks-warning-default)' },\r\n  },\r\n  error: {\r\n    solid: { backgroundColor: 'var(--brycks-error-default)', color: 'var(--brycks-error-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-error-muted)', color: 'var(--brycks-error-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-error-default)', borderColor: 'var(--brycks-error-default)' },\r\n  },\r\n  info: {\r\n    solid: { backgroundColor: 'var(--brycks-info-default)', color: 'var(--brycks-info-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-info-muted)', color: 'var(--brycks-info-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-info-default)', borderColor: 'var(--brycks-info-default)' },\r\n  },\r\n}\r\n\r\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\r\n  {\r\n    variant = 'subtle',\r\n    intent = 'neutral',\r\n    size = 'md',\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const sizeValue = sizeStyles[size]\r\n  const colorValue = intentColors[intent][variant]\r\n\r\n  const badgeStyle: CSSProperties = {\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    fontWeight: 500,\r\n    fontFamily: 'var(--brycks-font-sans)',\r\n    lineHeight: 1,\r\n    borderRadius: 'var(--brycks-radius-full)',\r\n    whiteSpace: 'nowrap',\r\n    border: variant === 'outline' ? '1px solid' : 'none',\r\n    ...sizeValue,\r\n    ...colorValue,\r\n    ...style,\r\n  }\r\n\r\n  return (\r\n    <span\r\n      ref={ref}\r\n      className={cx(\r\n        'brycks-badge',\r\n        `brycks-badge--${variant}`,\r\n        `brycks-badge--${intent}`,\r\n        `brycks-badge--${size}`,\r\n        className\r\n      )}\r\n      style={badgeStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </span>\r\n  )\r\n})\r\n\r\nBadge.displayName = 'Badge'\r\n"],"names":["sizeStyles","intentColors","Badge","forwardRef","variant","intent","size","className","style","testId","children","props","ref","sizeValue","colorValue","badgeStyle","jsx","cx"],"mappings":"+KAkCMA,EAA+C,CACnD,GAAI,CAAE,SAAU,GAAI,QAAS,UAAW,OAAQ,EAAA,EAChD,GAAI,CAAE,SAAU,GAAI,QAAS,UAAW,OAAQ,EAAA,EAChD,GAAI,CAAE,SAAU,GAAI,QAAS,WAAY,OAAQ,EAAA,CACnD,EAEMC,EAAyE,CAC7E,QAAS,CACP,MAAO,CAAE,gBAAiB,mCAAoC,MAAO,8BAAA,EACrE,OAAQ,CAAE,gBAAiB,iCAAkC,MAAO,kCAAA,EACpE,QAAS,CAAE,gBAAiB,cAAe,MAAO,mCAAoC,YAAa,8BAAA,CAA+B,EAEpI,QAAS,CACP,MAAO,CAAE,gBAAiB,gCAAiC,MAAO,kCAAA,EAClE,OAAQ,CAAE,gBAAiB,8BAA+B,MAAO,6BAAA,EACjE,QAAS,CAAE,gBAAiB,cAAe,MAAO,gCAAiC,YAAa,+BAAA,CAAgC,EAElI,OAAQ,CACN,MAAO,CAAE,gBAAiB,+BAAgC,MAAO,iCAAA,EACjE,OAAQ,CAAE,gBAAiB,6BAA8B,MAAO,4BAAA,EAChE,QAAS,CAAE,gBAAiB,cAAe,MAAO,+BAAgC,YAAa,8BAAA,CAA+B,EAEhI,QAAS,CACP,MAAO,CAAE,gBAAiB,gCAAiC,MAAO,kCAAA,EAClE,OAAQ,CAAE,gBAAiB,8BAA+B,MAAO,gCAAA,EACjE,QAAS,CAAE,gBAAiB,cAAe,MAAO,gCAAiC,YAAa,+BAAA,CAAgC,EAElI,QAAS,CACP,MAAO,CAAE,gBAAiB,gCAAiC,MAAO,kCAAA,EAClE,OAAQ,CAAE,gBAAiB,8BAA+B,MAAO,gCAAA,EACjE,QAAS,CAAE,gBAAiB,cAAe,MAAO,gCAAiC,YAAa,+BAAA,CAAgC,EAElI,MAAO,CACL,MAAO,CAAE,gBAAiB,8BAA+B,MAAO,gCAAA,EAChE,OAAQ,CAAE,gBAAiB,4BAA6B,MAAO,8BAAA,EAC/D,QAAS,CAAE,gBAAiB,cAAe,MAAO,8BAA+B,YAAa,6BAAA,CAA8B,EAE9H,KAAM,CACJ,MAAO,CAAE,gBAAiB,6BAA8B,MAAO,+BAAA,EAC/D,OAAQ,CAAE,gBAAiB,2BAA4B,MAAO,6BAAA,EAC9D,QAAS,CAAE,gBAAiB,cAAe,MAAO,6BAA8B,YAAa,4BAAA,CAA6B,CAE9H,EAEaC,EAAQC,EAAAA,WAAwC,SAC3D,CACE,QAAAC,EAAU,SACV,OAAAC,EAAS,UACT,KAAAC,EAAO,KACP,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAYb,EAAWM,CAAI,EAC3BQ,EAAab,EAAaI,CAAM,EAAED,CAAO,EAEzCW,EAA4B,CAChC,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,WAAY,IACZ,WAAY,0BACZ,WAAY,EACZ,aAAc,4BACd,WAAY,SACZ,OAAQX,IAAY,UAAY,YAAc,OAC9C,GAAGS,EACH,GAAGC,EACH,GAAGN,CAAA,EAGL,OACEQ,EAAAA,IAAC,OAAA,CACC,IAAAJ,EACA,UAAWK,EAAAA,GACT,eACA,iBAAiBb,CAAO,GACxB,iBAAiBC,CAAM,GACvB,iBAAiBC,CAAI,GACrBC,CAAA,EAEF,MAAOQ,EACP,cAAaN,EACZ,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC,EAEDR,EAAM,YAAc"}

package/dist/components/utility/Badge/Badge.js

@@ -0,0 +1,90 @@
+import { jsx as k } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cx as y } from "../../../utils/styles.js";
+const g = {
+  sm: { fontSize: 10, padding: "2px 6px", height: 18 },
+  md: { fontSize: 11, padding: "3px 8px", height: 22 },
+  lg: { fontSize: 12, padding: "4px 10px", height: 26 }
+}, f = {
+  neutral: {
+    solid: { backgroundColor: "var(--brycks-foreground-default)", color: "var(--brycks-background-app)" },
+    subtle: { backgroundColor: "var(--brycks-background-muted)", color: "var(--brycks-foreground-default)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-foreground-default)", borderColor: "var(--brycks-border-default)" }
+  },
+  primary: {
+    solid: { backgroundColor: "var(--brycks-primary-default)", color: "var(--brycks-primary-foreground)" },
+    subtle: { backgroundColor: "var(--brycks-primary-muted)", color: "var(--brycks-primary-hover)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-primary-default)", borderColor: "var(--brycks-primary-default)" }
+  },
+  accent: {
+    solid: { backgroundColor: "var(--brycks-accent-default)", color: "var(--brycks-accent-foreground)" },
+    subtle: { backgroundColor: "var(--brycks-accent-muted)", color: "var(--brycks-accent-hover)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-accent-default)", borderColor: "var(--brycks-accent-default)" }
+  },
+  success: {
+    solid: { backgroundColor: "var(--brycks-success-default)", color: "var(--brycks-success-foreground)" },
+    subtle: { backgroundColor: "var(--brycks-success-muted)", color: "var(--brycks-success-on-muted)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-success-default)", borderColor: "var(--brycks-success-default)" }
+  },
+  warning: {
+    solid: { backgroundColor: "var(--brycks-warning-default)", color: "var(--brycks-warning-foreground)" },
+    subtle: { backgroundColor: "var(--brycks-warning-muted)", color: "var(--brycks-warning-on-muted)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-warning-default)", borderColor: "var(--brycks-warning-default)" }
+  },
+  error: {
+    solid: { backgroundColor: "var(--brycks-error-default)", color: "var(--brycks-error-foreground)" },
+    subtle: { backgroundColor: "var(--brycks-error-muted)", color: "var(--brycks-error-on-muted)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-error-default)", borderColor: "var(--brycks-error-default)" }
+  },
+  info: {
+    solid: { backgroundColor: "var(--brycks-info-default)", color: "var(--brycks-info-foreground)" },
+    subtle: { backgroundColor: "var(--brycks-info-muted)", color: "var(--brycks-info-on-muted)" },
+    outline: { backgroundColor: "transparent", color: "var(--brycks-info-default)", borderColor: "var(--brycks-info-default)" }
+  }
+}, v = i(function({
+  variant: r = "subtle",
+  intent: o = "neutral",
+  size: a = "md",
+  className: e,
+  style: c,
+  testId: n,
+  children: s,
+  ...l
+}, d) {
+  const t = g[a], u = f[o][r], b = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontWeight: 500,
+    fontFamily: "var(--brycks-font-sans)",
+    lineHeight: 1,
+    borderRadius: "var(--brycks-radius-full)",
+    whiteSpace: "nowrap",
+    border: r === "outline" ? "1px solid" : "none",
+    ...t,
+    ...u,
+    ...c
+  };
+  return /* @__PURE__ */ k(
+    "span",
+    {
+      ref: d,
+      className: y(
+        "brycks-badge",
+        `brycks-badge--${r}`,
+        `brycks-badge--${o}`,
+        `brycks-badge--${a}`,
+        e
+      ),
+      style: b,
+      "data-testid": n,
+      ...l,
+      children: s
+    }
+  );
+});
+v.displayName = "Badge";
+export {
+  v as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/utility/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/utility/Badge/Badge.tsx"],"sourcesContent":["/**\r\n * Badge Component\r\n *\r\n * Small label for status, counts, or categorization.\r\n * Clean, minimal design with subtle color coding.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type BadgeVariant = 'solid' | 'subtle' | 'outline'\r\nexport type BadgeIntent = 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\r\nexport type BadgeSize = 'sm' | 'md' | 'lg'\r\n\r\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\r\n  /** Visual variant */\r\n  variant?: BadgeVariant\r\n  /** Color intent */\r\n  intent?: BadgeIntent\r\n  /** Size */\r\n  size?: BadgeSize\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Badge content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst sizeStyles: Record<BadgeSize, CSSProperties> = {\r\n  sm: { fontSize: 10, padding: '2px 6px', height: 18 },\r\n  md: { fontSize: 11, padding: '3px 8px', height: 22 },\r\n  lg: { fontSize: 12, padding: '4px 10px', height: 26 },\r\n}\r\n\r\nconst intentColors: Record<BadgeIntent, Record<BadgeVariant, CSSProperties>> = {\r\n  neutral: {\r\n    solid: { backgroundColor: 'var(--brycks-foreground-default)', color: 'var(--brycks-background-app)' },\r\n    subtle: { backgroundColor: 'var(--brycks-background-muted)', color: 'var(--brycks-foreground-default)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-foreground-default)', borderColor: 'var(--brycks-border-default)' },\r\n  },\r\n  primary: {\r\n    solid: { backgroundColor: 'var(--brycks-primary-default)', color: 'var(--brycks-primary-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-primary-muted)', color: 'var(--brycks-primary-hover)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-primary-default)', borderColor: 'var(--brycks-primary-default)' },\r\n  },\r\n  accent: {\r\n    solid: { backgroundColor: 'var(--brycks-accent-default)', color: 'var(--brycks-accent-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-accent-muted)', color: 'var(--brycks-accent-hover)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-accent-default)', borderColor: 'var(--brycks-accent-default)' },\r\n  },\r\n  success: {\r\n    solid: { backgroundColor: 'var(--brycks-success-default)', color: 'var(--brycks-success-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-success-muted)', color: 'var(--brycks-success-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-success-default)', borderColor: 'var(--brycks-success-default)' },\r\n  },\r\n  warning: {\r\n    solid: { backgroundColor: 'var(--brycks-warning-default)', color: 'var(--brycks-warning-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-warning-muted)', color: 'var(--brycks-warning-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-warning-default)', borderColor: 'var(--brycks-warning-default)' },\r\n  },\r\n  error: {\r\n    solid: { backgroundColor: 'var(--brycks-error-default)', color: 'var(--brycks-error-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-error-muted)', color: 'var(--brycks-error-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-error-default)', borderColor: 'var(--brycks-error-default)' },\r\n  },\r\n  info: {\r\n    solid: { backgroundColor: 'var(--brycks-info-default)', color: 'var(--brycks-info-foreground)' },\r\n    subtle: { backgroundColor: 'var(--brycks-info-muted)', color: 'var(--brycks-info-on-muted)' },\r\n    outline: { backgroundColor: 'transparent', color: 'var(--brycks-info-default)', borderColor: 'var(--brycks-info-default)' },\r\n  },\r\n}\r\n\r\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\r\n  {\r\n    variant = 'subtle',\r\n    intent = 'neutral',\r\n    size = 'md',\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const sizeValue = sizeStyles[size]\r\n  const colorValue = intentColors[intent][variant]\r\n\r\n  const badgeStyle: CSSProperties = {\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    fontWeight: 500,\r\n    fontFamily: 'var(--brycks-font-sans)',\r\n    lineHeight: 1,\r\n    borderRadius: 'var(--brycks-radius-full)',\r\n    whiteSpace: 'nowrap',\r\n    border: variant === 'outline' ? '1px solid' : 'none',\r\n    ...sizeValue,\r\n    ...colorValue,\r\n    ...style,\r\n  }\r\n\r\n  return (\r\n    <span\r\n      ref={ref}\r\n      className={cx(\r\n        'brycks-badge',\r\n        `brycks-badge--${variant}`,\r\n        `brycks-badge--${intent}`,\r\n        `brycks-badge--${size}`,\r\n        className\r\n      )}\r\n      style={badgeStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </span>\r\n  )\r\n})\r\n\r\nBadge.displayName = 'Badge'\r\n"],"names":["sizeStyles","intentColors","Badge","forwardRef","variant","intent","size","className","style","testId","children","props","ref","sizeValue","colorValue","badgeStyle","jsx","cx"],"mappings":"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"}

package/dist/components/utility/Divider/Divider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),k=require("react"),b=require("../../../utils/styles.cjs"),h=k.forwardRef(function({orientation:r="horizontal",variant:e="solid",label:o,labelPosition:t="center",className:c,style:n,testId:l,...a},y){const d=r==="horizontal",p={display:"flex",alignItems:"center",width:d?"100%":void 0,height:d?void 0:"100%",flexDirection:d?"row":"column",...n},s={flex:1,backgroundColor:e==="solid"?"var(--brycks-border-muted)":"transparent",borderStyle:e,borderColor:"var(--brycks-border-muted)",...d?{height:1,borderWidth:e==="solid"?0:"1px 0 0 0"}:{width:1,borderWidth:e==="solid"?0:"0 0 0 1px"}},u={padding:d?"0 12px":"12px 0",fontSize:12,fontWeight:500,color:"var(--brycks-foreground-muted)",whiteSpace:"nowrap"};if(!o)return i.jsx("div",{ref:y,role:"separator","aria-orientation":r,className:b.cx("brycks-divider",`brycks-divider--${r}`,`brycks-divider--${e}`,c),style:{...s,...n},"data-testid":l,...a});const x=t==="center"||t==="end",v=t==="center"||t==="start";return i.jsxs("div",{ref:y,role:"separator","aria-orientation":r,className:b.cx("brycks-divider",`brycks-divider--${r}`,`brycks-divider--${e}`,"brycks-divider--with-label",c),style:p,"data-testid":l,...a,children:[x&&i.jsx("span",{style:s}),i.jsx("span",{style:u,children:o}),v&&i.jsx("span",{style:s})]})});h.displayName="Divider";exports.Divider=h;
+//# sourceMappingURL=Divider.cjs.map

package/dist/components/utility/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":["../../../../src/components/utility/Divider/Divider.tsx"],"sourcesContent":["/**\r\n * Divider Component\r\n *\r\n * Visual separator for content sections.\r\n * Supports horizontal and vertical orientations with optional labels.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type DividerOrientation = 'horizontal' | 'vertical'\r\nexport type DividerVariant = 'solid' | 'dashed' | 'dotted'\r\n\r\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\r\n  /** Divider orientation */\r\n  orientation?: DividerOrientation\r\n  /** Visual variant */\r\n  variant?: DividerVariant\r\n  /** Label text in the middle */\r\n  label?: ReactNode\r\n  /** Label position */\r\n  labelPosition?: 'start' | 'center' | 'end'\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(function Divider(\r\n  {\r\n    orientation = 'horizontal',\r\n    variant = 'solid',\r\n    label,\r\n    labelPosition = 'center',\r\n    className,\r\n    style,\r\n    testId,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const isHorizontal = orientation === 'horizontal'\r\n\r\n  const wrapperStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    width: isHorizontal ? '100%' : undefined,\r\n    height: isHorizontal ? undefined : '100%',\r\n    flexDirection: isHorizontal ? 'row' : 'column',\r\n    ...style,\r\n  }\r\n\r\n  const lineStyle: CSSProperties = {\r\n    flex: 1,\r\n    backgroundColor: variant === 'solid' ? 'var(--brycks-border-muted)' : 'transparent',\r\n    borderStyle: variant,\r\n    borderColor: 'var(--brycks-border-muted)',\r\n    ...(isHorizontal\r\n      ? {\r\n          height: 1,\r\n          borderWidth: variant === 'solid' ? 0 : '1px 0 0 0',\r\n        }\r\n      : {\r\n          width: 1,\r\n          borderWidth: variant === 'solid' ? 0 : '0 0 0 1px',\r\n        }),\r\n  }\r\n\r\n  const labelStyle: CSSProperties = {\r\n    padding: isHorizontal ? '0 12px' : '12px 0',\r\n    fontSize: 12,\r\n    fontWeight: 500,\r\n    color: 'var(--brycks-foreground-muted)',\r\n    whiteSpace: 'nowrap',\r\n  }\r\n\r\n  if (!label) {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"separator\"\r\n        aria-orientation={orientation}\r\n        className={cx(\r\n          'brycks-divider',\r\n          `brycks-divider--${orientation}`,\r\n          `brycks-divider--${variant}`,\r\n          className\r\n        )}\r\n        style={{ ...lineStyle, ...style }}\r\n        data-testid={testId}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n\r\n  const showStartLine = labelPosition === 'center' || labelPosition === 'end'\r\n  const showEndLine = labelPosition === 'center' || labelPosition === 'start'\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"separator\"\r\n      aria-orientation={orientation}\r\n      className={cx(\r\n        'brycks-divider',\r\n        `brycks-divider--${orientation}`,\r\n        `brycks-divider--${variant}`,\r\n        'brycks-divider--with-label',\r\n        className\r\n      )}\r\n      style={wrapperStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showStartLine && <span style={lineStyle} />}\r\n      <span style={labelStyle}>{label}</span>\r\n      {showEndLine && <span style={lineStyle} />}\r\n    </div>\r\n  )\r\n})\r\n\r\nDivider.displayName = 'Divider'\r\n"],"names":["Divider","forwardRef","orientation","variant","label","labelPosition","className","style","testId","props","ref","isHorizontal","wrapperStyle","lineStyle","labelStyle","jsx","cx","showStartLine","showEndLine","jsxs"],"mappings":"+KAiCaA,EAAUC,EAAAA,WAAyC,SAC9D,CACE,YAAAC,EAAc,aACd,QAAAC,EAAU,QACV,MAAAC,EACA,cAAAC,EAAgB,SAChB,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAeT,IAAgB,aAE/BU,EAA8B,CAClC,QAAS,OACT,WAAY,SACZ,MAAOD,EAAe,OAAS,OAC/B,OAAQA,EAAe,OAAY,OACnC,cAAeA,EAAe,MAAQ,SACtC,GAAGJ,CAAA,EAGCM,EAA2B,CAC/B,KAAM,EACN,gBAAiBV,IAAY,QAAU,6BAA+B,cACtE,YAAaA,EACb,YAAa,6BACb,GAAIQ,EACA,CACE,OAAQ,EACR,YAAaR,IAAY,QAAU,EAAI,WAAA,EAEzC,CACE,MAAO,EACP,YAAaA,IAAY,QAAU,EAAI,WAAA,CACzC,EAGAW,EAA4B,CAChC,QAASH,EAAe,SAAW,SACnC,SAAU,GACV,WAAY,IACZ,MAAO,iCACP,WAAY,QAAA,EAGd,GAAI,CAACP,EACH,OACEW,EAAAA,IAAC,MAAA,CACC,IAAAL,EACA,KAAK,YACL,mBAAkBR,EAClB,UAAWc,EAAAA,GACT,iBACA,mBAAmBd,CAAW,GAC9B,mBAAmBC,CAAO,GAC1BG,CAAA,EAEF,MAAO,CAAE,GAAGO,EAAW,GAAGN,CAAA,EAC1B,cAAaC,EACZ,GAAGC,CAAA,CAAA,EAKV,MAAMQ,EAAgBZ,IAAkB,UAAYA,IAAkB,MAChEa,EAAcb,IAAkB,UAAYA,IAAkB,QAEpE,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAT,EACA,KAAK,YACL,mBAAkBR,EAClB,UAAWc,EAAAA,GACT,iBACA,mBAAmBd,CAAW,GAC9B,mBAAmBC,CAAO,GAC1B,6BACAG,CAAA,EAEF,MAAOM,EACP,cAAaJ,EACZ,GAAGC,EAEH,SAAA,CAAAQ,GAAiBF,EAAAA,IAAC,OAAA,CAAK,MAAOF,CAAA,CAAW,EAC1CE,EAAAA,IAAC,OAAA,CAAK,MAAOD,EAAa,SAAAV,EAAM,EAC/Bc,GAAeH,EAAAA,IAAC,OAAA,CAAK,MAAOF,CAAA,CAAW,CAAA,CAAA,CAAA,CAG9C,CAAC,EAEDb,EAAQ,YAAc"}

package/dist/components/utility/Divider/Divider.js

@@ -0,0 +1,87 @@
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { cx as p } from "../../../utils/styles.js";
+const x = k(function({
+  orientation: e = "horizontal",
+  variant: r = "solid",
+  label: s,
+  labelPosition: i = "center",
+  className: c,
+  style: l,
+  testId: n,
+  ...a
+}, y) {
+  const d = e === "horizontal", h = {
+    display: "flex",
+    alignItems: "center",
+    width: d ? "100%" : void 0,
+    height: d ? void 0 : "100%",
+    flexDirection: d ? "row" : "column",
+    ...l
+  }, o = {
+    flex: 1,
+    backgroundColor: r === "solid" ? "var(--brycks-border-muted)" : "transparent",
+    borderStyle: r,
+    borderColor: "var(--brycks-border-muted)",
+    ...d ? {
+      height: 1,
+      borderWidth: r === "solid" ? 0 : "1px 0 0 0"
+    } : {
+      width: 1,
+      borderWidth: r === "solid" ? 0 : "0 0 0 1px"
+    }
+  }, b = {
+    padding: d ? "0 12px" : "12px 0",
+    fontSize: 12,
+    fontWeight: 500,
+    color: "var(--brycks-foreground-muted)",
+    whiteSpace: "nowrap"
+  };
+  if (!s)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: y,
+        role: "separator",
+        "aria-orientation": e,
+        className: p(
+          "brycks-divider",
+          `brycks-divider--${e}`,
+          `brycks-divider--${r}`,
+          c
+        ),
+        style: { ...o, ...l },
+        "data-testid": n,
+        ...a
+      }
+    );
+  const m = i === "center" || i === "end", f = i === "center" || i === "start";
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: y,
+      role: "separator",
+      "aria-orientation": e,
+      className: p(
+        "brycks-divider",
+        `brycks-divider--${e}`,
+        `brycks-divider--${r}`,
+        "brycks-divider--with-label",
+        c
+      ),
+      style: h,
+      "data-testid": n,
+      ...a,
+      children: [
+        m && /* @__PURE__ */ t("span", { style: o }),
+        /* @__PURE__ */ t("span", { style: b, children: s }),
+        f && /* @__PURE__ */ t("span", { style: o })
+      ]
+    }
+  );
+});
+x.displayName = "Divider";
+export {
+  x as Divider
+};
+//# sourceMappingURL=Divider.js.map

package/dist/components/utility/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/utility/Divider/Divider.tsx"],"sourcesContent":["/**\r\n * Divider Component\r\n *\r\n * Visual separator for content sections.\r\n * Supports horizontal and vertical orientations with optional labels.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type DividerOrientation = 'horizontal' | 'vertical'\r\nexport type DividerVariant = 'solid' | 'dashed' | 'dotted'\r\n\r\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\r\n  /** Divider orientation */\r\n  orientation?: DividerOrientation\r\n  /** Visual variant */\r\n  variant?: DividerVariant\r\n  /** Label text in the middle */\r\n  label?: ReactNode\r\n  /** Label position */\r\n  labelPosition?: 'start' | 'center' | 'end'\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(function Divider(\r\n  {\r\n    orientation = 'horizontal',\r\n    variant = 'solid',\r\n    label,\r\n    labelPosition = 'center',\r\n    className,\r\n    style,\r\n    testId,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const isHorizontal = orientation === 'horizontal'\r\n\r\n  const wrapperStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    width: isHorizontal ? '100%' : undefined,\r\n    height: isHorizontal ? undefined : '100%',\r\n    flexDirection: isHorizontal ? 'row' : 'column',\r\n    ...style,\r\n  }\r\n\r\n  const lineStyle: CSSProperties = {\r\n    flex: 1,\r\n    backgroundColor: variant === 'solid' ? 'var(--brycks-border-muted)' : 'transparent',\r\n    borderStyle: variant,\r\n    borderColor: 'var(--brycks-border-muted)',\r\n    ...(isHorizontal\r\n      ? {\r\n          height: 1,\r\n          borderWidth: variant === 'solid' ? 0 : '1px 0 0 0',\r\n        }\r\n      : {\r\n          width: 1,\r\n          borderWidth: variant === 'solid' ? 0 : '0 0 0 1px',\r\n        }),\r\n  }\r\n\r\n  const labelStyle: CSSProperties = {\r\n    padding: isHorizontal ? '0 12px' : '12px 0',\r\n    fontSize: 12,\r\n    fontWeight: 500,\r\n    color: 'var(--brycks-foreground-muted)',\r\n    whiteSpace: 'nowrap',\r\n  }\r\n\r\n  if (!label) {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"separator\"\r\n        aria-orientation={orientation}\r\n        className={cx(\r\n          'brycks-divider',\r\n          `brycks-divider--${orientation}`,\r\n          `brycks-divider--${variant}`,\r\n          className\r\n        )}\r\n        style={{ ...lineStyle, ...style }}\r\n        data-testid={testId}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n\r\n  const showStartLine = labelPosition === 'center' || labelPosition === 'end'\r\n  const showEndLine = labelPosition === 'center' || labelPosition === 'start'\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"separator\"\r\n      aria-orientation={orientation}\r\n      className={cx(\r\n        'brycks-divider',\r\n        `brycks-divider--${orientation}`,\r\n        `brycks-divider--${variant}`,\r\n        'brycks-divider--with-label',\r\n        className\r\n      )}\r\n      style={wrapperStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showStartLine && <span style={lineStyle} />}\r\n      <span style={labelStyle}>{label}</span>\r\n      {showEndLine && <span style={lineStyle} />}\r\n    </div>\r\n  )\r\n})\r\n\r\nDivider.displayName = 'Divider'\r\n"],"names":["Divider","forwardRef","orientation","variant","label","labelPosition","className","style","testId","props","ref","isHorizontal","wrapperStyle","lineStyle","labelStyle","jsx","cx","showStartLine","showEndLine","jsxs"],"mappings":";;;AAiCO,MAAMA,IAAUC,EAAyC,SAC9D;AAAA,EACE,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAeT,MAAgB,cAE/BU,IAA8B;AAAA,IAClC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAOD,IAAe,SAAS;AAAA,IAC/B,QAAQA,IAAe,SAAY;AAAA,IACnC,eAAeA,IAAe,QAAQ;AAAA,IACtC,GAAGJ;AAAA,EAAA,GAGCM,IAA2B;AAAA,IAC/B,MAAM;AAAA,IACN,iBAAiBV,MAAY,UAAU,+BAA+B;AAAA,IACtE,aAAaA;AAAA,IACb,aAAa;AAAA,IACb,GAAIQ,IACA;AAAA,MACE,QAAQ;AAAA,MACR,aAAaR,MAAY,UAAU,IAAI;AAAA,IAAA,IAEzC;AAAA,MACE,OAAO;AAAA,MACP,aAAaA,MAAY,UAAU,IAAI;AAAA,IAAA;AAAA,EACzC,GAGAW,IAA4B;AAAA,IAChC,SAASH,IAAe,WAAW;AAAA,IACnC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAGd,MAAI,CAACP;AACH,WACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,MAAK;AAAA,QACL,oBAAkBR;AAAA,QAClB,WAAWc;AAAA,UACT;AAAA,UACA,mBAAmBd,CAAW;AAAA,UAC9B,mBAAmBC,CAAO;AAAA,UAC1BG;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,GAAGO,GAAW,GAAGN,EAAA;AAAA,QAC1B,eAAaC;AAAA,QACZ,GAAGC;AAAA,MAAA;AAAA,IAAA;AAKV,QAAMQ,IAAgBZ,MAAkB,YAAYA,MAAkB,OAChEa,IAAcb,MAAkB,YAAYA,MAAkB;AAEpE,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAT;AAAA,MACA,MAAK;AAAA,MACL,oBAAkBR;AAAA,MAClB,WAAWc;AAAA,QACT;AAAA,QACA,mBAAmBd,CAAW;AAAA,QAC9B,mBAAmBC,CAAO;AAAA,QAC1B;AAAA,QACAG;AAAA,MAAA;AAAA,MAEF,OAAOM;AAAA,MACP,eAAaJ;AAAA,MACZ,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAQ,KAAiB,gBAAAF,EAAC,QAAA,EAAK,OAAOF,EAAA,CAAW;AAAA,QAC1C,gBAAAE,EAAC,QAAA,EAAK,OAAOD,GAAa,UAAAV,GAAM;AAAA,QAC/Bc,KAAe,gBAAAH,EAAC,QAAA,EAAK,OAAOF,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C,CAAC;AAEDb,EAAQ,cAAc;"}

package/dist/components/utility/EmptyState/EmptyState.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),v=require("../../../utils/styles.cjs"),n=S.forwardRef(function({icon:o,title:c,description:r,action:l,secondaryAction:i,className:a,style:y,testId:x,children:d,...h},u){const m={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"48px 24px",...y},f={marginBottom:16,color:"var(--brycks-foreground-subtle)"},p={fontSize:18,fontWeight:600,color:"var(--brycks-foreground-default)",marginBottom:r?8:0,maxWidth:400},g={fontSize:14,color:"var(--brycks-foreground-muted)",lineHeight:1.5,maxWidth:400},j={display:"flex",alignItems:"center",gap:12,marginTop:24};return t.jsxs("div",{ref:u,className:v.cx("brycks-empty-state",a),style:m,"data-testid":x,...h,children:[o&&t.jsx("div",{style:f,children:o}),c&&t.jsx("h3",{style:p,children:c}),r&&t.jsx("p",{style:g,children:r}),d,(l||i)&&t.jsxs("div",{style:j,children:[l,i]})]})});n.displayName="EmptyState";function s({size:e=64}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 64 64",fill:"none",style:{opacity:.5},children:[t.jsx("rect",{x:"8",y:"12",width:"48",height:"40",rx:"4",stroke:"currentColor",strokeWidth:"2"}),t.jsx("path",{d:"M8 24h48",stroke:"currentColor",strokeWidth:"2"}),t.jsx("circle",{cx:"16",cy:"18",r:"2",fill:"currentColor"}),t.jsx("circle",{cx:"24",cy:"18",r:"2",fill:"currentColor"}),t.jsx("circle",{cx:"32",cy:"18",r:"2",fill:"currentColor"}),t.jsx("rect",{x:"16",y:"32",width:"32",height:"4",rx:"2",fill:"currentColor",opacity:"0.3"}),t.jsx("rect",{x:"16",y:"40",width:"20",height:"4",rx:"2",fill:"currentColor",opacity:"0.3"})]})}s.displayName="EmptyStateIcon";exports.EmptyState=n;exports.EmptyStateIcon=s;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/components/utility/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/utility/EmptyState/EmptyState.tsx"],"sourcesContent":["/**\r\n * EmptyState Component\r\n *\r\n * Placeholder for empty or zero-state content.\r\n * Provides visual feedback with optional actions.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Icon or illustration */\r\n  icon?: ReactNode\r\n  /** Title text */\r\n  title?: ReactNode\r\n  /** Description text */\r\n  description?: ReactNode\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Secondary action */\r\n  secondaryAction?: ReactNode\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\r\n  {\r\n    icon,\r\n    title,\r\n    description,\r\n    action,\r\n    secondaryAction,\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const containerStyle: CSSProperties = {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    textAlign: 'center',\r\n    padding: '48px 24px',\r\n    ...style,\r\n  }\r\n\r\n  const iconStyle: CSSProperties = {\r\n    marginBottom: 16,\r\n    color: 'var(--brycks-foreground-subtle)',\r\n  }\r\n\r\n  const titleStyle: CSSProperties = {\r\n    fontSize: 18,\r\n    fontWeight: 600,\r\n    color: 'var(--brycks-foreground-default)',\r\n    marginBottom: description ? 8 : 0,\r\n    maxWidth: 400,\r\n  }\r\n\r\n  const descriptionStyle: CSSProperties = {\r\n    fontSize: 14,\r\n    color: 'var(--brycks-foreground-muted)',\r\n    lineHeight: 1.5,\r\n    maxWidth: 400,\r\n  }\r\n\r\n  const actionsStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: 12,\r\n    marginTop: 24,\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className={cx('brycks-empty-state', className)}\r\n      style={containerStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {icon && <div style={iconStyle}>{icon}</div>}\r\n\r\n      {title && <h3 style={titleStyle}>{title}</h3>}\r\n\r\n      {description && <p style={descriptionStyle}>{description}</p>}\r\n\r\n      {children}\r\n\r\n      {(action || secondaryAction) && (\r\n        <div style={actionsStyle}>\r\n          {action}\r\n          {secondaryAction}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\n/** Default empty state icon */\r\nexport function EmptyStateIcon({ size = 64 }: { size?: number }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 64 64\"\r\n      fill=\"none\"\r\n      style={{ opacity: 0.5 }}\r\n    >\r\n      <rect\r\n        x=\"8\"\r\n        y=\"12\"\r\n        width=\"48\"\r\n        height=\"40\"\r\n        rx=\"4\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n      />\r\n      <path\r\n        d=\"M8 24h48\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n      />\r\n      <circle cx=\"16\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\r\n      <circle cx=\"24\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\r\n      <circle cx=\"32\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\r\n      <rect\r\n        x=\"16\"\r\n        y=\"32\"\r\n        width=\"32\"\r\n        height=\"4\"\r\n        rx=\"2\"\r\n        fill=\"currentColor\"\r\n        opacity=\"0.3\"\r\n      />\r\n      <rect\r\n        x=\"16\"\r\n        y=\"40\"\r\n        width=\"20\"\r\n        height=\"4\"\r\n        rx=\"2\"\r\n        fill=\"currentColor\"\r\n        opacity=\"0.3\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nEmptyStateIcon.displayName = 'EmptyStateIcon'\r\n"],"names":["EmptyState","forwardRef","icon","title","description","action","secondaryAction","className","style","testId","children","props","ref","containerStyle","iconStyle","titleStyle","descriptionStyle","actionsStyle","jsxs","cx","jsx","EmptyStateIcon","size"],"mappings":"+KAgCaA,EAAaC,EAAAA,WAA4C,SACpE,CACE,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAgC,CACpC,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,UAAW,SACX,QAAS,YACT,GAAGL,CAAA,EAGCM,EAA2B,CAC/B,aAAc,GACd,MAAO,iCAAA,EAGHC,EAA4B,CAChC,SAAU,GACV,WAAY,IACZ,MAAO,mCACP,aAAcX,EAAc,EAAI,EAChC,SAAU,GAAA,EAGNY,EAAkC,CACtC,SAAU,GACV,MAAO,iCACP,WAAY,IACZ,SAAU,GAAA,EAGNC,EAA8B,CAClC,QAAS,OACT,WAAY,SACZ,IAAK,GACL,UAAW,EAAA,EAGb,OACEC,EAAAA,KAAC,MAAA,CACC,IAAAN,EACA,UAAWO,EAAAA,GAAG,qBAAsBZ,CAAS,EAC7C,MAAOM,EACP,cAAaJ,EACZ,GAAGE,EAEH,SAAA,CAAAT,GAAQkB,EAAAA,IAAC,MAAA,CAAI,MAAON,EAAY,SAAAZ,EAAK,EAErCC,GAASiB,EAAAA,IAAC,KAAA,CAAG,MAAOL,EAAa,SAAAZ,EAAM,EAEvCC,GAAegB,EAAAA,IAAC,IAAA,CAAE,MAAOJ,EAAmB,SAAAZ,EAAY,EAExDM,GAECL,GAAUC,IACVY,EAAAA,KAAC,MAAA,CAAI,MAAOD,EACT,SAAA,CAAAZ,EACAC,CAAA,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC,EAEDN,EAAW,YAAc,aAGlB,SAASqB,EAAe,CAAE,KAAAC,EAAO,IAAyB,CAC/D,OACEJ,EAAAA,KAAC,MAAA,CACC,MAAOI,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,OACL,MAAO,CAAE,QAAS,EAAA,EAElB,SAAA,CAAAF,EAAAA,IAAC,OAAA,CACC,EAAE,IACF,EAAE,KACF,MAAM,KACN,OAAO,KACP,GAAG,IACH,OAAO,eACP,YAAY,GAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,EAAE,WACF,OAAO,eACP,YAAY,GAAA,CAAA,EAEdA,EAAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAA,CAAe,EAClDA,EAAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAA,CAAe,EAClDA,EAAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAA,CAAe,EAClDA,EAAAA,IAAC,OAAA,CACC,EAAE,KACF,EAAE,KACF,MAAM,KACN,OAAO,IACP,GAAG,IACH,KAAK,eACL,QAAQ,KAAA,CAAA,EAEVA,EAAAA,IAAC,OAAA,CACC,EAAE,KACF,EAAE,KACF,MAAM,KACN,OAAO,IACP,GAAG,IACH,KAAK,eACL,QAAQ,KAAA,CAAA,CACV,CAAA,CAAA,CAGN,CAEAC,EAAe,YAAc"}

package/dist/components/utility/EmptyState/EmptyState.js

@@ -0,0 +1,132 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
+import { cx as k } from "../../../utils/styles.js";
+const v = S(function({
+  icon: l,
+  title: i,
+  description: r,
+  action: c,
+  secondaryAction: n,
+  className: a,
+  style: s,
+  testId: y,
+  children: d,
+  ...h
+}, m) {
+  const f = {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    textAlign: "center",
+    padding: "48px 24px",
+    ...s
+  }, p = {
+    marginBottom: 16,
+    color: "var(--brycks-foreground-subtle)"
+  }, x = {
+    fontSize: 18,
+    fontWeight: 600,
+    color: "var(--brycks-foreground-default)",
+    marginBottom: r ? 8 : 0,
+    maxWidth: 400
+  }, u = {
+    fontSize: 14,
+    color: "var(--brycks-foreground-muted)",
+    lineHeight: 1.5,
+    maxWidth: 400
+  }, g = {
+    display: "flex",
+    alignItems: "center",
+    gap: 12,
+    marginTop: 24
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: m,
+      className: k("brycks-empty-state", a),
+      style: f,
+      "data-testid": y,
+      ...h,
+      children: [
+        l && /* @__PURE__ */ t("div", { style: p, children: l }),
+        i && /* @__PURE__ */ t("h3", { style: x, children: i }),
+        r && /* @__PURE__ */ t("p", { style: u, children: r }),
+        d,
+        (c || n) && /* @__PURE__ */ o("div", { style: g, children: [
+          c,
+          n
+        ] })
+      ]
+    }
+  );
+});
+v.displayName = "EmptyState";
+function C({ size: e = 64 }) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: "0 0 64 64",
+      fill: "none",
+      style: { opacity: 0.5 },
+      children: [
+        /* @__PURE__ */ t(
+          "rect",
+          {
+            x: "8",
+            y: "12",
+            width: "48",
+            height: "40",
+            rx: "4",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M8 24h48",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ t("circle", { cx: "16", cy: "18", r: "2", fill: "currentColor" }),
+        /* @__PURE__ */ t("circle", { cx: "24", cy: "18", r: "2", fill: "currentColor" }),
+        /* @__PURE__ */ t("circle", { cx: "32", cy: "18", r: "2", fill: "currentColor" }),
+        /* @__PURE__ */ t(
+          "rect",
+          {
+            x: "16",
+            y: "32",
+            width: "32",
+            height: "4",
+            rx: "2",
+            fill: "currentColor",
+            opacity: "0.3"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "rect",
+          {
+            x: "16",
+            y: "40",
+            width: "20",
+            height: "4",
+            rx: "2",
+            fill: "currentColor",
+            opacity: "0.3"
+          }
+        )
+      ]
+    }
+  );
+}
+C.displayName = "EmptyStateIcon";
+export {
+  v as EmptyState,
+  C as EmptyStateIcon
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/utility/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/utility/EmptyState/EmptyState.tsx"],"sourcesContent":["/**\r\n * EmptyState Component\r\n *\r\n * Placeholder for empty or zero-state content.\r\n * Provides visual feedback with optional actions.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Icon or illustration */\r\n  icon?: ReactNode\r\n  /** Title text */\r\n  title?: ReactNode\r\n  /** Description text */\r\n  description?: ReactNode\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Secondary action */\r\n  secondaryAction?: ReactNode\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\r\n  {\r\n    icon,\r\n    title,\r\n    description,\r\n    action,\r\n    secondaryAction,\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const containerStyle: CSSProperties = {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    textAlign: 'center',\r\n    padding: '48px 24px',\r\n    ...style,\r\n  }\r\n\r\n  const iconStyle: CSSProperties = {\r\n    marginBottom: 16,\r\n    color: 'var(--brycks-foreground-subtle)',\r\n  }\r\n\r\n  const titleStyle: CSSProperties = {\r\n    fontSize: 18,\r\n    fontWeight: 600,\r\n    color: 'var(--brycks-foreground-default)',\r\n    marginBottom: description ? 8 : 0,\r\n    maxWidth: 400,\r\n  }\r\n\r\n  const descriptionStyle: CSSProperties = {\r\n    fontSize: 14,\r\n    color: 'var(--brycks-foreground-muted)',\r\n    lineHeight: 1.5,\r\n    maxWidth: 400,\r\n  }\r\n\r\n  const actionsStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: 12,\r\n    marginTop: 24,\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className={cx('brycks-empty-state', className)}\r\n      style={containerStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {icon && <div style={iconStyle}>{icon}</div>}\r\n\r\n      {title && <h3 style={titleStyle}>{title}</h3>}\r\n\r\n      {description && <p style={descriptionStyle}>{description}</p>}\r\n\r\n      {children}\r\n\r\n      {(action || secondaryAction) && (\r\n        <div style={actionsStyle}>\r\n          {action}\r\n          {secondaryAction}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\n/** Default empty state icon */\r\nexport function EmptyStateIcon({ size = 64 }: { size?: number }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 64 64\"\r\n      fill=\"none\"\r\n      style={{ opacity: 0.5 }}\r\n    >\r\n      <rect\r\n        x=\"8\"\r\n        y=\"12\"\r\n        width=\"48\"\r\n        height=\"40\"\r\n        rx=\"4\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n      />\r\n      <path\r\n        d=\"M8 24h48\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n      />\r\n      <circle cx=\"16\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\r\n      <circle cx=\"24\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\r\n      <circle cx=\"32\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\r\n      <rect\r\n        x=\"16\"\r\n        y=\"32\"\r\n        width=\"32\"\r\n        height=\"4\"\r\n        rx=\"2\"\r\n        fill=\"currentColor\"\r\n        opacity=\"0.3\"\r\n      />\r\n      <rect\r\n        x=\"16\"\r\n        y=\"40\"\r\n        width=\"20\"\r\n        height=\"4\"\r\n        rx=\"2\"\r\n        fill=\"currentColor\"\r\n        opacity=\"0.3\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nEmptyStateIcon.displayName = 'EmptyStateIcon'\r\n"],"names":["EmptyState","forwardRef","icon","title","description","action","secondaryAction","className","style","testId","children","props","ref","containerStyle","iconStyle","titleStyle","descriptionStyle","actionsStyle","jsxs","cx","jsx","EmptyStateIcon","size"],"mappings":"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"}

package/dist/components/utility/FocusTrap/FocusTrap.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),F=require("react"),l=require("../../../hooks/useFocusTrap.cjs"),e=F.forwardRef(function({children:t,enabled:s=!0,autoFocus:c=!0,restoreFocus:o=!0,initialFocus:i,className:n,style:a},r){const{ref:p}=l.useFocusTrap({enabled:s,autoFocus:c,restoreFocus:o,initialFocus:i});return T.jsx("div",{ref:u=>{p.current=u,typeof r=="function"?r(u):r&&(r.current=u)},className:n,style:a,children:t})});e.displayName="FocusTrap";exports.FocusTrap=e;
+//# sourceMappingURL=FocusTrap.cjs.map

package/dist/components/utility/FocusTrap/FocusTrap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.cjs","sources":["../../../../src/components/utility/FocusTrap/FocusTrap.tsx"],"sourcesContent":["/**\n * FocusTrap Component\n *\n * Traps focus within its children.\n * Useful for modals, drawers, and dialogs.\n */\n\nimport { forwardRef, type ReactNode, type CSSProperties } from 'react'\nimport { useFocusTrap } from '../../../hooks/useFocusTrap'\n\nexport interface FocusTrapProps {\n  /** Content to trap focus within */\n  children: ReactNode\n  /** Whether the focus trap is active */\n  enabled?: boolean\n  /** Whether to auto-focus the first element */\n  autoFocus?: boolean\n  /** Whether to restore focus on unmount */\n  restoreFocus?: boolean\n  /** Initial element to focus (selector) */\n  initialFocus?: string\n  /** Custom class name */\n  className?: string\n  /** Custom inline styles */\n  style?: CSSProperties\n}\n\nexport const FocusTrap = forwardRef<HTMLDivElement, FocusTrapProps>(function FocusTrap(\n  {\n    children,\n    enabled = true,\n    autoFocus = true,\n    restoreFocus = true,\n    initialFocus,\n    className,\n    style,\n  },\n  forwardedRef\n) {\n  const { ref } = useFocusTrap<HTMLDivElement>({\n    enabled,\n    autoFocus,\n    restoreFocus,\n    initialFocus,\n  })\n\n  return (\n    <div\n      ref={(node) => {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node)\n        } else if (forwardedRef) {\n          forwardedRef.current = node\n        }\n      }}\n      className={className}\n      style={style}\n    >\n      {children}\n    </div>\n  )\n})\n\nFocusTrap.displayName = 'FocusTrap'\n"],"names":["FocusTrap","forwardRef","children","enabled","autoFocus","restoreFocus","initialFocus","className","style","forwardedRef","ref","useFocusTrap","jsx","node"],"mappings":"qLA2BaA,EAAYC,EAAAA,WAA2C,SAClE,CACE,SAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,aAAAC,EAAe,GACf,aAAAC,EACA,UAAAC,EACA,MAAAC,CACF,EACAC,EACA,CACA,KAAM,CAAE,IAAAC,CAAA,EAAQC,eAA6B,CAC3C,QAAAR,EACA,UAAAC,EACA,aAAAC,EACA,aAAAC,CAAA,CACD,EAED,OACEM,EAAAA,IAAC,MAAA,CACC,IAAMC,GAAS,CACZH,EAAsD,QAAUG,EAC7D,OAAOJ,GAAiB,WAC1BA,EAAaI,CAAI,EACRJ,IACTA,EAAa,QAAUI,EAE3B,EACA,UAAAN,EACA,MAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CAAC,EAEDF,EAAU,YAAc"}

package/dist/components/utility/FocusTrap/FocusTrap.js

@@ -0,0 +1,35 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useFocusTrap as a } from "../../../hooks/useFocusTrap.js";
+const F = f(function({
+  children: u,
+  enabled: o = !0,
+  autoFocus: c = !0,
+  restoreFocus: p = !0,
+  initialFocus: s,
+  className: i,
+  style: e
+}, r) {
+  const { ref: m } = a({
+    enabled: o,
+    autoFocus: c,
+    restoreFocus: p,
+    initialFocus: s
+  });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: (t) => {
+        m.current = t, typeof r == "function" ? r(t) : r && (r.current = t);
+      },
+      className: i,
+      style: e,
+      children: u
+    }
+  );
+});
+F.displayName = "FocusTrap";
+export {
+  F as FocusTrap
+};
+//# sourceMappingURL=FocusTrap.js.map

package/dist/components/utility/FocusTrap/FocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.js","sources":["../../../../src/components/utility/FocusTrap/FocusTrap.tsx"],"sourcesContent":["/**\n * FocusTrap Component\n *\n * Traps focus within its children.\n * Useful for modals, drawers, and dialogs.\n */\n\nimport { forwardRef, type ReactNode, type CSSProperties } from 'react'\nimport { useFocusTrap } from '../../../hooks/useFocusTrap'\n\nexport interface FocusTrapProps {\n  /** Content to trap focus within */\n  children: ReactNode\n  /** Whether the focus trap is active */\n  enabled?: boolean\n  /** Whether to auto-focus the first element */\n  autoFocus?: boolean\n  /** Whether to restore focus on unmount */\n  restoreFocus?: boolean\n  /** Initial element to focus (selector) */\n  initialFocus?: string\n  /** Custom class name */\n  className?: string\n  /** Custom inline styles */\n  style?: CSSProperties\n}\n\nexport const FocusTrap = forwardRef<HTMLDivElement, FocusTrapProps>(function FocusTrap(\n  {\n    children,\n    enabled = true,\n    autoFocus = true,\n    restoreFocus = true,\n    initialFocus,\n    className,\n    style,\n  },\n  forwardedRef\n) {\n  const { ref } = useFocusTrap<HTMLDivElement>({\n    enabled,\n    autoFocus,\n    restoreFocus,\n    initialFocus,\n  })\n\n  return (\n    <div\n      ref={(node) => {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node)\n        } else if (forwardedRef) {\n          forwardedRef.current = node\n        }\n      }}\n      className={className}\n      style={style}\n    >\n      {children}\n    </div>\n  )\n})\n\nFocusTrap.displayName = 'FocusTrap'\n"],"names":["FocusTrap","forwardRef","children","enabled","autoFocus","restoreFocus","initialFocus","className","style","forwardedRef","ref","useFocusTrap","jsx","node"],"mappings":";;;AA2BO,MAAMA,IAAYC,EAA2C,SAClE;AAAA,EACE,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,GACAC,GACA;AACA,QAAM,EAAE,KAAAC,EAAA,IAAQC,EAA6B;AAAA,IAC3C,SAAAR;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAACC,MAAS;AACZ,QAAAH,EAAsD,UAAUG,GAC7D,OAAOJ,KAAiB,aAC1BA,EAAaI,CAAI,IACRJ,MACTA,EAAa,UAAUI;AAAA,MAE3B;AAAA,MACA,WAAAN;AAAA,MACA,OAAAC;AAAA,MAEC,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDF,EAAU,cAAc;"}

package/dist/components/utility/Loader/Loader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),x=require("../../../utils/styles.cjs"),k={xs:14,sm:18,md:24,lg:32,xl:48},b=i.memo(function({size:e,color:r}){return s.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:"brycks-animate-spin","aria-hidden":"true",children:[s.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:r,strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.2"}),s.jsx("path",{d:"M12 2C6.47715 2 2 6.47715 2 12",stroke:r,strokeWidth:"2.5",strokeLinecap:"round"})]})}),f=i.memo(function({size:e,color:r}){const t=e/4,n=e/6;return s.jsx("div",{style:{display:"flex",alignItems:"center",gap:n,height:e},"aria-hidden":"true",children:[0,1,2].map(a=>s.jsx("span",{style:{width:t,height:t,borderRadius:"50%",backgroundColor:r,animation:"brycks-bounce-scale 1.4s ease-in-out infinite",animationDelay:`${a*.16}s`}},a))})}),g=i.memo(function({size:e,color:r}){return s.jsx("span",{style:{display:"block",width:e,height:e,borderRadius:"50%",backgroundColor:r,animation:"brycks-pulse-scale 1.5s ease-in-out infinite"},"aria-hidden":"true"})}),c=i.forwardRef(function({size:e="md",variant:r="spinner",color:t="var(--brycks-primary-default)",label:n="Loading",className:a,style:l,testId:u,...p},y){const d=k[e],m={display:"inline-flex",alignItems:"center",justifyContent:"center",...l},h=()=>{switch(r){case"dots":return s.jsx(f,{size:d,color:t});case"pulse":return s.jsx(g,{size:d,color:t});default:return s.jsx(b,{size:d,color:t})}};return s.jsxs("div",{ref:y,role:"status","aria-label":n,"aria-live":"polite",className:x.cx("brycks-loader",`brycks-loader--${r}`,`brycks-loader--${e}`,a),style:m,"data-testid":u,...p,children:[h(),s.jsx("span",{className:"brycks-sr-only",children:n})]})});c.displayName="Loader";const j=c;exports.Loader=c;exports.Spinner=j;
+//# sourceMappingURL=Loader.cjs.map

package/dist/components/utility/Loader/Loader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.cjs","sources":["../../../../src/components/utility/Loader/Loader.tsx"],"sourcesContent":["/**\r\n * Loader Component\r\n *\r\n * Elegant loading spinner with smooth animation.\r\n * Apple-inspired design with multiple sizes and variants.\r\n * Uses global CSS animations for reduced bundle size.\r\n */\r\n\r\nimport {\r\n  forwardRef,\r\n  memo,\r\n  type CSSProperties,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\r\nexport type LoaderVariant = 'spinner' | 'dots' | 'pulse'\r\n\r\nexport interface LoaderProps extends HTMLAttributes<HTMLDivElement> {\r\n  /** Loader size */\r\n  size?: LoaderSize\r\n  /** Loader variant */\r\n  variant?: LoaderVariant\r\n  /** Color (CSS value) */\r\n  color?: string\r\n  /** Accessible label */\r\n  label?: string\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n}\r\n\r\nconst sizeMap: Record<LoaderSize, number> = {\r\n  xs: 14,\r\n  sm: 18,\r\n  md: 24,\r\n  lg: 32,\r\n  xl: 48,\r\n}\r\n\r\n/** Spinner loader - uses global CSS animation */\r\nconst SpinnerLoader = memo(function SpinnerLoader({ size, color }: { size: number; color: string }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      className=\"brycks-animate-spin\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <circle\r\n        cx=\"12\"\r\n        cy=\"12\"\r\n        r=\"10\"\r\n        stroke={color}\r\n        strokeWidth=\"2.5\"\r\n        strokeLinecap=\"round\"\r\n        opacity=\"0.2\"\r\n      />\r\n      <path\r\n        d=\"M12 2C6.47715 2 2 6.47715 2 12\"\r\n        stroke={color}\r\n        strokeWidth=\"2.5\"\r\n        strokeLinecap=\"round\"\r\n      />\r\n    </svg>\r\n  )\r\n})\r\n\r\n/** Dots loader - uses global CSS animation */\r\nconst DotsLoader = memo(function DotsLoader({ size, color }: { size: number; color: string }) {\r\n  const dotSize = size / 4\r\n  const gap = size / 6\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        gap,\r\n        height: size,\r\n      }}\r\n      aria-hidden=\"true\"\r\n    >\r\n      {[0, 1, 2].map((i) => (\r\n        <span\r\n          key={i}\r\n          style={{\r\n            width: dotSize,\r\n            height: dotSize,\r\n            borderRadius: '50%',\r\n            backgroundColor: color,\r\n            animation: 'brycks-bounce-scale 1.4s ease-in-out infinite',\r\n            animationDelay: `${i * 0.16}s`,\r\n          }}\r\n        />\r\n      ))}\r\n    </div>\r\n  )\r\n})\r\n\r\n/** Pulse loader - uses global CSS animation */\r\nconst PulseLoader = memo(function PulseLoader({ size, color }: { size: number; color: string }) {\r\n  return (\r\n    <span\r\n      style={{\r\n        display: 'block',\r\n        width: size,\r\n        height: size,\r\n        borderRadius: '50%',\r\n        backgroundColor: color,\r\n        animation: 'brycks-pulse-scale 1.5s ease-in-out infinite',\r\n      }}\r\n      aria-hidden=\"true\"\r\n    />\r\n  )\r\n})\r\n\r\nexport const Loader = forwardRef<HTMLDivElement, LoaderProps>(function Loader(\r\n  {\r\n    size = 'md',\r\n    variant = 'spinner',\r\n    color = 'var(--brycks-primary-default)',\r\n    label = 'Loading',\r\n    className,\r\n    style,\r\n    testId,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const sizeValue = sizeMap[size]\r\n\r\n  const wrapperStyle: CSSProperties = {\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    ...style,\r\n  }\r\n\r\n  const renderLoader = () => {\r\n    switch (variant) {\r\n      case 'dots':\r\n        return <DotsLoader size={sizeValue} color={color} />\r\n      case 'pulse':\r\n        return <PulseLoader size={sizeValue} color={color} />\r\n      default:\r\n        return <SpinnerLoader size={sizeValue} color={color} />\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"status\"\r\n      aria-label={label}\r\n      aria-live=\"polite\"\r\n      className={cx(\r\n        'brycks-loader',\r\n        `brycks-loader--${variant}`,\r\n        `brycks-loader--${size}`,\r\n        className\r\n      )}\r\n      style={wrapperStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {renderLoader()}\r\n      {/* Visually hidden text for screen readers */}\r\n      <span className=\"brycks-sr-only\">{label}</span>\r\n    </div>\r\n  )\r\n})\r\n\r\nLoader.displayName = 'Loader'\r\n\r\n/** Alias for Loader */\r\nexport const Spinner = Loader\r\n"],"names":["sizeMap","SpinnerLoader","memo","size","color","jsxs","jsx","DotsLoader","dotSize","gap","i","PulseLoader","Loader","forwardRef","variant","label","className","style","testId","props","ref","sizeValue","wrapperStyle","renderLoader","cx","Spinner"],"mappings":"+KAkCMA,EAAsC,CAC1C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAGMC,EAAgBC,EAAAA,KAAK,SAAuB,CAAE,KAAAC,EAAM,MAAAC,GAA0C,CAClG,OACEC,EAAAA,KAAC,MAAA,CACC,MAAOF,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,OACL,UAAU,sBACV,cAAY,OAEZ,SAAA,CAAAG,EAAAA,IAAC,SAAA,CACC,GAAG,KACH,GAAG,KACH,EAAE,KACF,OAAQF,EACR,YAAY,MACZ,cAAc,QACd,QAAQ,KAAA,CAAA,EAEVE,EAAAA,IAAC,OAAA,CACC,EAAE,iCACF,OAAQF,EACR,YAAY,MACZ,cAAc,OAAA,CAAA,CAChB,CAAA,CAAA,CAGN,CAAC,EAGKG,EAAaL,EAAAA,KAAK,SAAoB,CAAE,KAAAC,EAAM,MAAAC,GAA0C,CAC5F,MAAMI,EAAUL,EAAO,EACjBM,EAAMN,EAAO,EAEnB,OACEG,EAAAA,IAAC,MAAA,CACC,MAAO,CACL,QAAS,OACT,WAAY,SACZ,IAAAG,EACA,OAAQN,CAAA,EAEV,cAAY,OAEX,UAAC,EAAG,EAAG,CAAC,EAAE,IAAKO,GACdJ,EAAAA,IAAC,OAAA,CAEC,MAAO,CACL,MAAOE,EACP,OAAQA,EACR,aAAc,MACd,gBAAiBJ,EACjB,UAAW,gDACX,eAAgB,GAAGM,EAAI,GAAI,GAAA,CAC7B,EARKA,CAAA,CAUR,CAAA,CAAA,CAGP,CAAC,EAGKC,EAAcT,EAAAA,KAAK,SAAqB,CAAE,KAAAC,EAAM,MAAAC,GAA0C,CAC9F,OACEE,EAAAA,IAAC,OAAA,CACC,MAAO,CACL,QAAS,QACT,MAAOH,EACP,OAAQA,EACR,aAAc,MACd,gBAAiBC,EACjB,UAAW,8CAAA,EAEb,cAAY,MAAA,CAAA,CAGlB,CAAC,EAEYQ,EAASC,EAAAA,WAAwC,SAC5D,CACE,KAAAV,EAAO,KACP,QAAAW,EAAU,UACV,MAAAV,EAAQ,gCACR,MAAAW,EAAQ,UACR,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAYrB,EAAQG,CAAI,EAExBmB,EAA8B,CAClC,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,GAAGL,CAAA,EAGCM,EAAe,IAAM,CACzB,OAAQT,EAAA,CACN,IAAK,OACH,OAAOR,EAAAA,IAACC,EAAA,CAAW,KAAMc,EAAW,MAAAjB,CAAA,CAAc,EACpD,IAAK,QACH,OAAOE,EAAAA,IAACK,EAAA,CAAY,KAAMU,EAAW,MAAAjB,CAAA,CAAc,EACrD,QACE,OAAOE,EAAAA,IAACL,EAAA,CAAc,KAAMoB,EAAW,MAAAjB,CAAA,CAAc,CAAA,CAE3D,EAEA,OACEC,EAAAA,KAAC,MAAA,CACC,IAAAe,EACA,KAAK,SACL,aAAYL,EACZ,YAAU,SACV,UAAWS,EAAAA,GACT,gBACA,kBAAkBV,CAAO,GACzB,kBAAkBX,CAAI,GACtBa,CAAA,EAEF,MAAOM,EACP,cAAaJ,EACZ,GAAGC,EAEH,SAAA,CAAAI,EAAA,EAEDjB,EAAAA,IAAC,OAAA,CAAK,UAAU,iBAAkB,SAAAS,CAAA,CAAM,CAAA,CAAA,CAAA,CAG9C,CAAC,EAEDH,EAAO,YAAc,SAGd,MAAMa,EAAUb"}