@brycks/core-front 0.3.6 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/utility/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type ButtonHTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<AvatarSize, number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 48,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<AvatarSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 18,\n  xl: 24,\n}\n\nexport interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Size of the avatar */\n  size?: AvatarSize\n  /** Name to display initials from */\n  name?: string\n  /** Image source URL */\n  src?: string\n  /** Alt text for the image */\n  alt?: string\n  /** Custom content to render inside */\n  children?: ReactNode\n  /** Whether the avatar is interactive (button) or static (div) */\n  interactive?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase()\n  }\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n}\n\nexport const Avatar = forwardRef<HTMLButtonElement | HTMLDivElement, AvatarProps>(\n  function Avatar(\n    {\n      size = 'md',\n      name,\n      src,\n      alt,\n      children,\n      interactive = false,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n\n    const avatarStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: '50%',\n      background: src\n        ? 'transparent'\n        : 'linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)',\n      color: 'white',\n      fontWeight: 600,\n      fontSize,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      border: 'none',\n      padding: 0,\n      cursor: interactive ? 'pointer' : 'default',\n      ...style,\n    }\n\n    const content = src ? (\n      <img\n        src={src}\n        alt={alt || name || 'Avatar'}\n        style={{\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n        }}\n      />\n    ) : children ? (\n      children\n    ) : name ? (\n      getInitials(name)\n    ) : (\n      '?'\n    )\n\n    if (interactive) {\n      return (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          className={cx('brycks-avatar', className)}\n          style={avatarStyle}\n          data-testid={testId}\n          {...props}\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={cx('brycks-avatar', className)}\n        style={avatarStyle}\n        data-testid={testId}\n        aria-hidden={!alt}\n      >\n        {content}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n"],"names":["sizeMap","fontSizeMap","getInitials","name","parts","Avatar","forwardRef","size","src","alt","children","interactive","className","testId","style","props","ref","dimension","fontSize","avatarStyle","content","jsx","cx"],"mappings":"+KAKMA,EAAsC,CAC1C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEMC,EAA0C,CAC9C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAqBA,SAASC,EAAYC,EAAsB,CACzC,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EACrC,OAAIC,EAAM,SAAW,EACZA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA,GAEpBA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAIA,EAAMA,EAAM,OAAS,CAAC,EAAE,OAAO,CAAC,GAAG,YAAA,CAClE,CAEO,MAAMC,EAASC,EAAAA,WACpB,SACE,CACE,KAAAC,EAAO,KACP,KAAAJ,EACA,IAAAK,EACA,IAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAYjB,EAAQO,CAAI,EACxBW,EAAWjB,EAAYM,CAAI,EAE3BY,EAA6B,CACjC,MAAOF,EACP,OAAQA,EACR,SAAUA,EACV,aAAc,MACd,WAAYT,EACR,cACA,8FACJ,MAAO,QACP,WAAY,IACZ,SAAAU,EACA,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,SAAU,SACV,OAAQ,OACR,QAAS,EACT,OAAQP,EAAc,UAAY,UAClC,GAAGG,CAAA,EAGCM,EAAUZ,EACda,EAAAA,IAAC,MAAA,CACC,IAAAb,EACA,IAAKC,GAAON,GAAQ,SACpB,MAAO,CACL,MAAO,OACP,OAAQ,OACR,UAAW,OAAA,CACb,CAAA,EAEAO,IAEAP,EACFD,EAAYC,CAAI,EAEhB,KAGF,OAAIQ,EAEAU,EAAAA,IAAC,SAAA,CACC,IAAAL,EACA,KAAK,SACL,UAAWM,EAAAA,GAAG,gBAAiBV,CAAS,EACxC,MAAOO,EACP,cAAaN,EACZ,GAAGE,EAEH,SAAAK,CAAA,CAAA,EAMLC,EAAAA,IAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,GAAG,gBAAiBV,CAAS,EACxC,MAAOO,EACP,cAAaN,EACb,cAAa,CAACJ,EAEb,SAAAW,CAAA,CAAA,CAGP,CACF,EAEAf,EAAO,YAAc"}
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/utility/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type ButtonHTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<AvatarSize, number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 48,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<AvatarSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 18,\n  xl: 24,\n}\n\nexport interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Size of the avatar */\n  size?: AvatarSize\n  /** Name to display initials from */\n  name?: string\n  /** Image source URL */\n  src?: string\n  /** Alt text for the image */\n  alt?: string\n  /** Custom content to render inside */\n  children?: ReactNode\n  /** Whether the avatar is interactive (button) or static (div) */\n  interactive?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase()\n  }\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n}\n\nexport const Avatar = forwardRef<HTMLButtonElement | HTMLDivElement, AvatarProps>(\n  function Avatar(\n    {\n      size = 'md',\n      name,\n      src,\n      alt,\n      children,\n      interactive = false,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n\n    const avatarStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: '50%',\n      background: src ? 'transparent' : 'var(--brycks-primary-default)',\n      color: 'var(--brycks-primary-foreground)',\n      fontWeight: 600,\n      fontSize,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      border: 'none',\n      padding: 0,\n      cursor: interactive ? 'pointer' : 'default',\n      ...style,\n    }\n\n    const content = src ? (\n      <img\n        src={src}\n        alt={alt || name || 'Avatar'}\n        style={{\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n        }}\n      />\n    ) : children ? (\n      children\n    ) : name ? (\n      getInitials(name)\n    ) : (\n      '?'\n    )\n\n    if (interactive) {\n      return (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          className={cx('brycks-avatar', className)}\n          style={avatarStyle}\n          data-testid={testId}\n          {...props}\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={cx('brycks-avatar', className)}\n        style={avatarStyle}\n        data-testid={testId}\n        aria-hidden={!alt}\n      >\n        {content}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n"],"names":["sizeMap","fontSizeMap","getInitials","name","parts","Avatar","forwardRef","size","src","alt","children","interactive","className","testId","style","props","ref","dimension","fontSize","avatarStyle","content","jsx","cx"],"mappings":"+KAKMA,EAAsC,CAC1C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEMC,EAA0C,CAC9C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAqBA,SAASC,EAAYC,EAAsB,CACzC,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EACrC,OAAIC,EAAM,SAAW,EACZA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA,GAEpBA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAIA,EAAMA,EAAM,OAAS,CAAC,EAAE,OAAO,CAAC,GAAG,YAAA,CAClE,CAEO,MAAMC,EAASC,EAAAA,WACpB,SACE,CACE,KAAAC,EAAO,KACP,KAAAJ,EACA,IAAAK,EACA,IAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAYjB,EAAQO,CAAI,EACxBW,EAAWjB,EAAYM,CAAI,EAE3BY,EAA6B,CACjC,MAAOF,EACP,OAAQA,EACR,SAAUA,EACV,aAAc,MACd,WAAYT,EAAM,cAAgB,gCAClC,MAAO,mCACP,WAAY,IACZ,SAAAU,EACA,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,SAAU,SACV,OAAQ,OACR,QAAS,EACT,OAAQP,EAAc,UAAY,UAClC,GAAGG,CAAA,EAGCM,EAAUZ,EACda,EAAAA,IAAC,MAAA,CACC,IAAAb,EACA,IAAKC,GAAON,GAAQ,SACpB,MAAO,CACL,MAAO,OACP,OAAQ,OACR,UAAW,OAAA,CACb,CAAA,EAEAO,IAEAP,EACFD,EAAYC,CAAI,EAEhB,KAGF,OAAIQ,EAEAU,EAAAA,IAAC,SAAA,CACC,IAAAL,EACA,KAAK,SACL,UAAWM,EAAAA,GAAG,gBAAiBV,CAAS,EACxC,MAAOO,EACP,cAAaN,EACZ,GAAGE,EAEH,SAAAK,CAAA,CAAA,EAMLC,EAAAA,IAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,GAAG,gBAAiBV,CAAS,EACxC,MAAOO,EACP,cAAaN,EACb,cAAa,CAACJ,EAEb,SAAAW,CAAA,CAAA,CAGP,CACF,EAEAf,EAAO,YAAc"}

package/dist/components/utility/Avatar/Avatar.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
-import { cx as f } from "../../../utils/styles.js";
+import { cx as h } from "../../../utils/styles.js";
 const b = {
   xs: 24,
   sm: 32,
@@ -14,8 +14,8 @@ const b = {
   lg: 18,
   xl: 24
 };
-function A(i) {
-  const t = i.trim().split(/\s+/);
+function A(o) {
+  const t = o.trim().split(/\s+/);
   return t.length === 1 ? t[0].charAt(0).toUpperCase() : (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase();
 }
 const k = v(
@@ -23,23 +23,23 @@ const k = v(
     size: t = "md",
     name: r,
     src: a,
-    alt: o,
+    alt: i,
     children: s,
     interactive: d = !1,
     className: c,
     testId: l,
-    style: g,
-    ...u
+    style: u,
+    ...y
   }, p) {
-    const e = b[t], y = x[t], h = {
+    const e = b[t], g = x[t], f = {
       width: e,
       height: e,
       minWidth: e,
       borderRadius: "50%",
-      background: a ? "transparent" : "linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)",
-      color: "white",
+      background: a ? "transparent" : "var(--brycks-primary-default)",
+      color: "var(--brycks-primary-foreground)",
       fontWeight: 600,
-      fontSize: y,
+      fontSize: g,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -47,12 +47,12 @@ const k = v(
       border: "none",
       padding: 0,
       cursor: d ? "pointer" : "default",
-      ...g
+      ...u
     }, m = a ? /* @__PURE__ */ n(
       "img",
       {
         src: a,
-        alt: o || r || "Avatar",
+        alt: i || r || "Avatar",
         style: {
           width: "100%",
           height: "100%",
@@ -65,20 +65,20 @@ const k = v(
       {
         ref: p,
         type: "button",
-        className: f("brycks-avatar", c),
-        style: h,
+        className: h("brycks-avatar", c),
+        style: f,
         "data-testid": l,
-        ...u,
+        ...y,
         children: m
       }
     ) : /* @__PURE__ */ n(
       "div",
       {
         ref: p,
-        className: f("brycks-avatar", c),
-        style: h,
+        className: h("brycks-avatar", c),
+        style: f,
         "data-testid": l,
-        "aria-hidden": !o,
+        "aria-hidden": !i,
         children: m
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/utility/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type ButtonHTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<AvatarSize, number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 48,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<AvatarSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 18,\n  xl: 24,\n}\n\nexport interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Size of the avatar */\n  size?: AvatarSize\n  /** Name to display initials from */\n  name?: string\n  /** Image source URL */\n  src?: string\n  /** Alt text for the image */\n  alt?: string\n  /** Custom content to render inside */\n  children?: ReactNode\n  /** Whether the avatar is interactive (button) or static (div) */\n  interactive?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase()\n  }\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n}\n\nexport const Avatar = forwardRef<HTMLButtonElement | HTMLDivElement, AvatarProps>(\n  function Avatar(\n    {\n      size = 'md',\n      name,\n      src,\n      alt,\n      children,\n      interactive = false,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n\n    const avatarStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: '50%',\n      background: src\n        ? 'transparent'\n        : 'linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)',\n      color: 'white',\n      fontWeight: 600,\n      fontSize,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      border: 'none',\n      padding: 0,\n      cursor: interactive ? 'pointer' : 'default',\n      ...style,\n    }\n\n    const content = src ? (\n      <img\n        src={src}\n        alt={alt || name || 'Avatar'}\n        style={{\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n        }}\n      />\n    ) : children ? (\n      children\n    ) : name ? (\n      getInitials(name)\n    ) : (\n      '?'\n    )\n\n    if (interactive) {\n      return (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          className={cx('brycks-avatar', className)}\n          style={avatarStyle}\n          data-testid={testId}\n          {...props}\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={cx('brycks-avatar', className)}\n        style={avatarStyle}\n        data-testid={testId}\n        aria-hidden={!alt}\n      >\n        {content}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n"],"names":["sizeMap","fontSizeMap","getInitials","name","parts","Avatar","forwardRef","size","src","alt","children","interactive","className","testId","style","props","ref","dimension","fontSize","avatarStyle","content","jsx","cx"],"mappings":";;;AAKA,MAAMA,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAqBA,SAASC,EAAYC,GAAsB;AACzC,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK;AACrC,SAAIC,EAAM,WAAW,IACZA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA,KAEpBA,EAAM,CAAC,EAAE,OAAO,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG,YAAA;AAClE;AAEO,MAAMC,IAASC;AAAA,EACpB,SACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,MAAAJ;AAAA,IACA,KAAAK;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAYjB,EAAQO,CAAI,GACxBW,IAAWjB,EAAYM,CAAI,GAE3BY,IAA6B;AAAA,MACjC,OAAOF;AAAA,MACP,QAAQA;AAAA,MACR,UAAUA;AAAA,MACV,cAAc;AAAA,MACd,YAAYT,IACR,gBACA;AAAA,MACJ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAAU;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQP,IAAc,YAAY;AAAA,MAClC,GAAGG;AAAA,IAAA,GAGCM,IAAUZ,IACd,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,KAAKC,KAAON,KAAQ;AAAA,QACpB,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,IAEAO,MAEAP,IACFD,EAAYC,CAAI,IAEhB;AAGF,WAAIQ,IAEA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,MAAK;AAAA,QACL,WAAWM,EAAG,iBAAiBV,CAAS;AAAA,QACxC,OAAOO;AAAA,QACP,eAAaN;AAAA,QACZ,GAAGE;AAAA,QAEH,UAAAK;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM,EAAG,iBAAiBV,CAAS;AAAA,QACxC,OAAOO;AAAA,QACP,eAAaN;AAAA,QACb,eAAa,CAACJ;AAAA,QAEb,UAAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAf,EAAO,cAAc;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/utility/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type ButtonHTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<AvatarSize, number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 48,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<AvatarSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 18,\n  xl: 24,\n}\n\nexport interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Size of the avatar */\n  size?: AvatarSize\n  /** Name to display initials from */\n  name?: string\n  /** Image source URL */\n  src?: string\n  /** Alt text for the image */\n  alt?: string\n  /** Custom content to render inside */\n  children?: ReactNode\n  /** Whether the avatar is interactive (button) or static (div) */\n  interactive?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase()\n  }\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n}\n\nexport const Avatar = forwardRef<HTMLButtonElement | HTMLDivElement, AvatarProps>(\n  function Avatar(\n    {\n      size = 'md',\n      name,\n      src,\n      alt,\n      children,\n      interactive = false,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n\n    const avatarStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: '50%',\n      background: src ? 'transparent' : 'var(--brycks-primary-default)',\n      color: 'var(--brycks-primary-foreground)',\n      fontWeight: 600,\n      fontSize,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      border: 'none',\n      padding: 0,\n      cursor: interactive ? 'pointer' : 'default',\n      ...style,\n    }\n\n    const content = src ? (\n      <img\n        src={src}\n        alt={alt || name || 'Avatar'}\n        style={{\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n        }}\n      />\n    ) : children ? (\n      children\n    ) : name ? (\n      getInitials(name)\n    ) : (\n      '?'\n    )\n\n    if (interactive) {\n      return (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          className={cx('brycks-avatar', className)}\n          style={avatarStyle}\n          data-testid={testId}\n          {...props}\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={cx('brycks-avatar', className)}\n        style={avatarStyle}\n        data-testid={testId}\n        aria-hidden={!alt}\n      >\n        {content}\n      </div>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n"],"names":["sizeMap","fontSizeMap","getInitials","name","parts","Avatar","forwardRef","size","src","alt","children","interactive","className","testId","style","props","ref","dimension","fontSize","avatarStyle","content","jsx","cx"],"mappings":";;;AAKA,MAAMA,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAqBA,SAASC,EAAYC,GAAsB;AACzC,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK;AACrC,SAAIC,EAAM,WAAW,IACZA,EAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA,KAEpBA,EAAM,CAAC,EAAE,OAAO,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG,YAAA;AAClE;AAEO,MAAMC,IAASC;AAAA,EACpB,SACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,MAAAJ;AAAA,IACA,KAAAK;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAYjB,EAAQO,CAAI,GACxBW,IAAWjB,EAAYM,CAAI,GAE3BY,IAA6B;AAAA,MACjC,OAAOF;AAAA,MACP,QAAQA;AAAA,MACR,UAAUA;AAAA,MACV,cAAc;AAAA,MACd,YAAYT,IAAM,gBAAgB;AAAA,MAClC,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAAU;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQP,IAAc,YAAY;AAAA,MAClC,GAAGG;AAAA,IAAA,GAGCM,IAAUZ,IACd,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACA,KAAKC,KAAON,KAAQ;AAAA,QACpB,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,IAEAO,MAEAP,IACFD,EAAYC,CAAI,IAEhB;AAGF,WAAIQ,IAEA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,MAAK;AAAA,QACL,WAAWM,EAAG,iBAAiBV,CAAS;AAAA,QACxC,OAAOO;AAAA,QACP,eAAaN;AAAA,QACZ,GAAGE;AAAA,QAEH,UAAAK;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM,EAAG,iBAAiBV,CAAS;AAAA,QACxC,OAAOO;AAAA,QACP,eAAaN;AAAA,QACb,eAAa,CAACJ;AAAA,QAEb,UAAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAf,EAAO,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),i=require("react"),o=require("../../../utils/styles.cjs"),e=i.forwardRef(function({variant:a="subtle",intent:s="neutral",size:t="md",className:r,style:d,testId:c,children:n,...b},u){return g.jsx("span",{ref:u,className:o.cx("brycks-badge",`brycks-badge--${a}`,`brycks-badge--${s}`,`brycks-badge--${t}`,r),style:d,"data-testid":c,...b,children:n})});e.displayName="Badge";exports.Badge=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),k=require("../../../utils/styles.cjs"),r=o.forwardRef(function({variant:d="subtle",intent:c="neutral",size:t="md",dot:e=!1,leftIcon:a,className:n,style:i,testId:b,children:g,...l},u){const y=e||!!a;return s.jsxs("span",{ref:u,className:k.cx("brycks-badge",`brycks-badge--${d}`,`brycks-badge--${c}`,`brycks-badge--${t}`,y&&"brycks-badge--with-leading",n),style:i,"data-testid":b,...l,children:[e&&s.jsx("span",{className:"brycks-badge__dot","aria-hidden":"true"}),!e&&a&&s.jsx("span",{className:"brycks-badge__icon",children:a}),g]})});r.displayName="Badge";exports.Badge=r;
 //# sourceMappingURL=Badge.cjs.map

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

@@ -1 +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 * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport {\r\n  forwardRef,\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\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  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={style}\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":["Badge","forwardRef","variant","intent","size","className","style","testId","children","props","ref","jsx","cx"],"mappings":"+KAmCaA,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,OACEC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,eACA,iBAAiBV,CAAO,GACxB,iBAAiBC,CAAM,GACvB,iBAAiBC,CAAI,GACrBC,CAAA,EAEF,MAAAC,EACA,cAAaC,EACZ,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC,EAEDR,EAAM,YAAc"}
+{"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 * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport {\r\n  forwardRef,\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  /** Show a leading status dot in the intent color (a non-color status cue) */\r\n  dot?: boolean\r\n  /** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */\r\n  leftIcon?: ReactNode\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\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\r\n  {\r\n    variant = 'subtle',\r\n    intent = 'neutral',\r\n    size = 'md',\r\n    dot = false,\r\n    leftIcon,\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 hasLeading = dot || !!leftIcon\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        hasLeading && 'brycks-badge--with-leading',\r\n        className\r\n      )}\r\n      style={style}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {dot && <span className=\"brycks-badge__dot\" aria-hidden=\"true\" />}\r\n      {!dot && leftIcon && <span className=\"brycks-badge__icon\">{leftIcon}</span>}\r\n      {children}\r\n    </span>\r\n  )\r\n})\r\n\r\nBadge.displayName = 'Badge'\r\n"],"names":["Badge","forwardRef","variant","intent","size","dot","leftIcon","className","style","testId","children","props","ref","hasLeading","jsxs","cx","jsx"],"mappings":"+KAuCaA,EAAQC,EAAAA,WAAwC,SAC3D,CACE,QAAAC,EAAU,SACV,OAAAC,EAAS,UACT,KAAAC,EAAO,KACP,IAAAC,EAAM,GACN,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAaR,GAAO,CAAC,CAACC,EAE5B,OACEQ,EAAAA,KAAC,OAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,eACA,iBAAiBb,CAAO,GACxB,iBAAiBC,CAAM,GACvB,iBAAiBC,CAAI,GACrBS,GAAc,6BACdN,CAAA,EAEF,MAAAC,EACA,cAAaC,EACZ,GAAGE,EAEH,SAAA,CAAAN,GAAOW,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAoB,cAAY,OAAO,EAC9D,CAACX,GAAOC,SAAa,OAAA,CAAK,UAAU,qBAAsB,SAAAA,EAAS,EACnEI,CAAA,CAAA,CAAA,CAGP,CAAC,EAEDV,EAAM,YAAc"}

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

@@ -1,36 +1,44 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { cx as f } from "../../../utils/styles.js";
-const i = g(function({
-  variant: a = "subtle",
-  intent: r = "neutral",
-  size: e = "md",
-  className: d,
-  style: s,
-  testId: t,
-  children: o,
-  ...b
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cx as y } from "../../../utils/styles.js";
+const k = p(function({
+  variant: r = "subtle",
+  intent: d = "neutral",
+  size: b = "md",
+  dot: a = !1,
+  leftIcon: s,
+  className: c,
+  style: i,
+  testId: n,
+  children: g,
+  ...t
 }, m) {
-  return /* @__PURE__ */ c(
+  const o = a || !!s;
+  return /* @__PURE__ */ l(
     "span",
     {
       ref: m,
-      className: f(
+      className: y(
         "brycks-badge",
-        `brycks-badge--${a}`,
         `brycks-badge--${r}`,
-        `brycks-badge--${e}`,
-        d
+        `brycks-badge--${d}`,
+        `brycks-badge--${b}`,
+        o && "brycks-badge--with-leading",
+        c
       ),
-      style: s,
-      "data-testid": t,
-      ...b,
-      children: o
+      style: i,
+      "data-testid": n,
+      ...t,
+      children: [
+        a && /* @__PURE__ */ e("span", { className: "brycks-badge__dot", "aria-hidden": "true" }),
+        !a && s && /* @__PURE__ */ e("span", { className: "brycks-badge__icon", children: s }),
+        g
+      ]
     }
   );
 });
-i.displayName = "Badge";
+k.displayName = "Badge";
 export {
-  i as Badge
+  k as Badge
 };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +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 * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport {\r\n  forwardRef,\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\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  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={style}\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":["Badge","forwardRef","variant","intent","size","className","style","testId","children","props","ref","jsx","cx"],"mappings":";;;AAmCO,MAAMA,IAAQC,EAAwC,SAC3D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA,iBAAiBV,CAAO;AAAA,QACxB,iBAAiBC,CAAM;AAAA,QACvB,iBAAiBC,CAAI;AAAA,QACrBC;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MACA,eAAaC;AAAA,MACZ,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDR,EAAM,cAAc;"}
+{"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 * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport {\r\n  forwardRef,\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  /** Show a leading status dot in the intent color (a non-color status cue) */\r\n  dot?: boolean\r\n  /** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */\r\n  leftIcon?: ReactNode\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\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\r\n  {\r\n    variant = 'subtle',\r\n    intent = 'neutral',\r\n    size = 'md',\r\n    dot = false,\r\n    leftIcon,\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 hasLeading = dot || !!leftIcon\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        hasLeading && 'brycks-badge--with-leading',\r\n        className\r\n      )}\r\n      style={style}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {dot && <span className=\"brycks-badge__dot\" aria-hidden=\"true\" />}\r\n      {!dot && leftIcon && <span className=\"brycks-badge__icon\">{leftIcon}</span>}\r\n      {children}\r\n    </span>\r\n  )\r\n})\r\n\r\nBadge.displayName = 'Badge'\r\n"],"names":["Badge","forwardRef","variant","intent","size","dot","leftIcon","className","style","testId","children","props","ref","hasLeading","jsxs","cx","jsx"],"mappings":";;;AAuCO,MAAMA,IAAQC,EAAwC,SAC3D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAaR,KAAO,CAAC,CAACC;AAE5B,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACA,iBAAiBb,CAAO;AAAA,QACxB,iBAAiBC,CAAM;AAAA,QACvB,iBAAiBC,CAAI;AAAA,QACrBS,KAAc;AAAA,QACdN;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MACA,eAAaC;AAAA,MACZ,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAN,KAAO,gBAAAW,EAAC,QAAA,EAAK,WAAU,qBAAoB,eAAY,QAAO;AAAA,QAC9D,CAACX,KAAOC,uBAAa,QAAA,EAAK,WAAU,sBAAsB,UAAAA,GAAS;AAAA,QACnEI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDV,EAAM,cAAc;"}

package/dist/components/utility/Kbd/Kbd.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),n=require("../../../utils/styles.cjs"),e=i.forwardRef(function({size:t="md",className:r,testId:s,children:d,...c},b){return a.jsx("kbd",{ref:b,className:n.cx("brycks-kbd",`brycks-kbd--${t}`,r),"data-testid":s,...c,children:d})});e.displayName="Kbd";exports.Kbd=e;
+//# sourceMappingURL=Kbd.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.cjs","sources":["../../../../src/components/utility/Kbd/Kbd.tsx"],"sourcesContent":["/**\n * Kbd Component\n *\n * Renders a keyboard key or shortcut (e.g. ⌘K, Ctrl, Esc) with the semantic\n * `<kbd>` element. Use inside hints, command palettes, and shortcut lists.\n *\n * All styles are handled via CSS classes for easy customization.\n */\n\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type KbdSize = 'sm' | 'md'\n\nexport interface KbdProps extends HTMLAttributes<HTMLElement> {\n  /** Size */\n  size?: KbdSize\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n  /** Key content */\n  children?: ReactNode\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { size = 'md', className, testId, children, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cx('brycks-kbd', `brycks-kbd--${size}`, className)}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </kbd>\n  )\n})\n\nKbd.displayName = 'Kbd'\n"],"names":["Kbd","forwardRef","size","className","testId","children","props","ref","jsx","cx"],"mappings":"+KA6BaA,EAAMC,EAAAA,WAAkC,SACnD,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAW,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAA,EAC/CC,EACA,CACA,OACEC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,aAAc,eAAeP,CAAI,GAAIC,CAAS,EAC5D,cAAaC,EACZ,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC,EAEDL,EAAI,YAAc"}

package/dist/components/utility/Kbd/Kbd.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cx as c } from "../../../utils/styles.js";
+const e = a(function({ size: r = "md", className: d, testId: o, children: t, ...m }, b) {
+  return /* @__PURE__ */ s(
+    "kbd",
+    {
+      ref: b,
+      className: c("brycks-kbd", `brycks-kbd--${r}`, d),
+      "data-testid": o,
+      ...m,
+      children: t
+    }
+  );
+});
+e.displayName = "Kbd";
+export {
+  e as Kbd
+};
+//# sourceMappingURL=Kbd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../../../src/components/utility/Kbd/Kbd.tsx"],"sourcesContent":["/**\n * Kbd Component\n *\n * Renders a keyboard key or shortcut (e.g. ⌘K, Ctrl, Esc) with the semantic\n * `<kbd>` element. Use inside hints, command palettes, and shortcut lists.\n *\n * All styles are handled via CSS classes for easy customization.\n */\n\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type KbdSize = 'sm' | 'md'\n\nexport interface KbdProps extends HTMLAttributes<HTMLElement> {\n  /** Size */\n  size?: KbdSize\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n  /** Key content */\n  children?: ReactNode\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { size = 'md', className, testId, children, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cx('brycks-kbd', `brycks-kbd--${size}`, className)}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </kbd>\n  )\n})\n\nKbd.displayName = 'Kbd'\n"],"names":["Kbd","forwardRef","size","className","testId","children","props","ref","jsx","cx"],"mappings":";;;AA6BO,MAAMA,IAAMC,EAAkC,SACnD,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAA,GAC/CC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,cAAc,eAAeP,CAAI,IAAIC,CAAS;AAAA,MAC5D,eAAaC;AAAA,MACZ,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDL,EAAI,cAAc;"}

package/dist/components/utility/Logo/Logo.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),u=require("react"),y=require("../../../utils/styles.cjs"),f={sm:32,md:40,lg:56,xl:64},p={sm:14,md:18,lg:24,xl:28},x={sm:8,md:10,lg:14,xl:16},o=u.forwardRef(function({size:t="md",children:r,className:s,testId:i,style:n,...a},d){const e=f[t],c=p[t],l=x[t],g={width:e,height:e,minWidth:e,borderRadius:l,background:"linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontWeight:700,fontSize:c,boxShadow:"0 2px 8px rgba(59, 92, 233, 0.3)",...n};return m.jsx("div",{ref:d,className:y.cx("brycks-logo",s),style:g,"data-testid":i,"aria-hidden":"true",...a,children:r})});o.displayName="Logo";exports.Logo=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("react"),y=require("../../../utils/styles.cjs"),f={sm:32,md:40,lg:56,xl:64},p={sm:14,md:18,lg:24,xl:28},b={sm:8,md:10,lg:14,xl:16},e=m.forwardRef(function({size:t="md",children:r,className:s,testId:n,style:i,...a},c){const o=f[t],d=p[t],l=b[t],u={width:o,height:o,minWidth:o,borderRadius:l,background:"var(--brycks-primary-default)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--brycks-primary-foreground)",fontWeight:700,fontSize:d,...i};return g.jsx("div",{ref:c,className:y.cx("brycks-logo",s),style:u,"data-testid":n,"aria-hidden":"true",...a,children:r})});e.displayName="Logo";exports.Logo=e;
 //# sourceMappingURL=Logo.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.cjs","sources":["../../../../src/components/utility/Logo/Logo.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type LogoSize = 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<LogoSize, number> = {\n  sm: 32,\n  md: 40,\n  lg: 56,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<LogoSize, number> = {\n  sm: 14,\n  md: 18,\n  lg: 24,\n  xl: 28,\n}\n\nconst radiusMap: Record<LogoSize, number> = {\n  sm: 8,\n  md: 10,\n  lg: 14,\n  xl: 16,\n}\n\nexport interface LogoProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size of the logo */\n  size?: LogoSize\n  /** Content to display (usually a letter or icon) */\n  children?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Logo = forwardRef<HTMLDivElement, LogoProps>(\n  function Logo(\n    {\n      size = 'md',\n      children,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n    const radius = radiusMap[size]\n\n    const logoStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: radius,\n      background: 'linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'white',\n      fontWeight: 700,\n      fontSize,\n      boxShadow: '0 2px 8px rgba(59, 92, 233, 0.3)',\n      ...style,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cx('brycks-logo', className)}\n        style={logoStyle}\n        data-testid={testId}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nLogo.displayName = 'Logo'\n"],"names":["sizeMap","fontSizeMap","radiusMap","Logo","forwardRef","size","children","className","testId","style","props","ref","dimension","fontSize","radius","logoStyle","jsx","cx"],"mappings":"+KAKMA,EAAoC,CACxC,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEMC,EAAwC,CAC5C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEMC,EAAsC,CAC1C,GAAI,EACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAaaC,EAAOC,EAAAA,WAClB,SACE,CACE,KAAAC,EAAO,KACP,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAYZ,EAAQK,CAAI,EACxBQ,EAAWZ,EAAYI,CAAI,EAC3BS,EAASZ,EAAUG,CAAI,EAEvBU,EAA2B,CAC/B,MAAOH,EACP,OAAQA,EACR,SAAUA,EACV,aAAcE,EACd,WAAY,8FACZ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,QACP,WAAY,IACZ,SAAAD,EACA,UAAW,mCACX,GAAGJ,CAAA,EAGL,OACEO,EAAAA,IAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,GAAG,cAAeV,CAAS,EACtC,MAAOQ,EACP,cAAaP,EACb,cAAY,OACX,GAAGE,EAEH,SAAAJ,CAAA,CAAA,CAGP,CACF,EAEAH,EAAK,YAAc"}
+{"version":3,"file":"Logo.cjs","sources":["../../../../src/components/utility/Logo/Logo.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type LogoSize = 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<LogoSize, number> = {\n  sm: 32,\n  md: 40,\n  lg: 56,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<LogoSize, number> = {\n  sm: 14,\n  md: 18,\n  lg: 24,\n  xl: 28,\n}\n\nconst radiusMap: Record<LogoSize, number> = {\n  sm: 8,\n  md: 10,\n  lg: 14,\n  xl: 16,\n}\n\nexport interface LogoProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size of the logo */\n  size?: LogoSize\n  /** Content to display (usually a letter or icon) */\n  children?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Logo = forwardRef<HTMLDivElement, LogoProps>(\n  function Logo(\n    {\n      size = 'md',\n      children,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n    const radius = radiusMap[size]\n\n    const logoStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: radius,\n      // Flat + on-palette: solid primary, no gradient, no decorative shadow.\n      background: 'var(--brycks-primary-default)',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'var(--brycks-primary-foreground)',\n      fontWeight: 700,\n      fontSize,\n      ...style,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cx('brycks-logo', className)}\n        style={logoStyle}\n        data-testid={testId}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nLogo.displayName = 'Logo'\n"],"names":["sizeMap","fontSizeMap","radiusMap","Logo","forwardRef","size","children","className","testId","style","props","ref","dimension","fontSize","radius","logoStyle","jsx","cx"],"mappings":"+KAKMA,EAAoC,CACxC,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEMC,EAAwC,CAC5C,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEMC,EAAsC,CAC1C,GAAI,EACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAaaC,EAAOC,EAAAA,WAClB,SACE,CACE,KAAAC,EAAO,KACP,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAYZ,EAAQK,CAAI,EACxBQ,EAAWZ,EAAYI,CAAI,EAC3BS,EAASZ,EAAUG,CAAI,EAEvBU,EAA2B,CAC/B,MAAOH,EACP,OAAQA,EACR,SAAUA,EACV,aAAcE,EAEd,WAAY,gCACZ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,mCACP,WAAY,IACZ,SAAAD,EACA,GAAGJ,CAAA,EAGL,OACEO,EAAAA,IAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,GAAG,cAAeV,CAAS,EACtC,MAAOQ,EACP,cAAaP,EACb,cAAY,OACX,GAAGE,EAEH,SAAAJ,CAAA,CAAA,CAGP,CACF,EAEAH,EAAK,YAAc"}

package/dist/components/utility/Logo/Logo.js

@@ -1,12 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { cx as p } from "../../../utils/styles.js";
-const f = {
+import { forwardRef as f } from "react";
+import { cx as g } from "../../../utils/styles.js";
+const p = {
   sm: 32,
   md: 40,
   lg: 56,
   xl: 64
-}, x = {
+}, u = {
   sm: 14,
   md: 18,
   lg: 24,
@@ -16,46 +16,46 @@ const f = {
   md: 10,
   lg: 14,
   xl: 16
-}, h = g(
+}, x = f(
   function({
     size: o = "md",
     children: r,
-    className: e,
+    className: s,
     testId: i,
-    style: a,
-    ...n
-  }, s) {
-    const t = f[o], d = x[o], m = y[o], c = {
+    style: n,
+    ...e
+  }, a) {
+    const t = p[o], d = u[o], m = y[o], c = {
       width: t,
       height: t,
       minWidth: t,
       borderRadius: m,
-      background: "linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)",
+      // Flat + on-palette: solid primary, no gradient, no decorative shadow.
+      background: "var(--brycks-primary-default)",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: "white",
+      color: "var(--brycks-primary-foreground)",
       fontWeight: 700,
       fontSize: d,
-      boxShadow: "0 2px 8px rgba(59, 92, 233, 0.3)",
-      ...a
+      ...n
     };
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: s,
-        className: p("brycks-logo", e),
+        ref: a,
+        className: g("brycks-logo", s),
         style: c,
         "data-testid": i,
         "aria-hidden": "true",
-        ...n,
+        ...e,
         children: r
       }
     );
   }
 );
-h.displayName = "Logo";
+x.displayName = "Logo";
 export {
-  h as Logo
+  x as Logo
 };
 //# sourceMappingURL=Logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../src/components/utility/Logo/Logo.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type LogoSize = 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<LogoSize, number> = {\n  sm: 32,\n  md: 40,\n  lg: 56,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<LogoSize, number> = {\n  sm: 14,\n  md: 18,\n  lg: 24,\n  xl: 28,\n}\n\nconst radiusMap: Record<LogoSize, number> = {\n  sm: 8,\n  md: 10,\n  lg: 14,\n  xl: 16,\n}\n\nexport interface LogoProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size of the logo */\n  size?: LogoSize\n  /** Content to display (usually a letter or icon) */\n  children?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Logo = forwardRef<HTMLDivElement, LogoProps>(\n  function Logo(\n    {\n      size = 'md',\n      children,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n    const radius = radiusMap[size]\n\n    const logoStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: radius,\n      background: 'linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-hover) 100%)',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'white',\n      fontWeight: 700,\n      fontSize,\n      boxShadow: '0 2px 8px rgba(59, 92, 233, 0.3)',\n      ...style,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cx('brycks-logo', className)}\n        style={logoStyle}\n        data-testid={testId}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nLogo.displayName = 'Logo'\n"],"names":["sizeMap","fontSizeMap","radiusMap","Logo","forwardRef","size","children","className","testId","style","props","ref","dimension","fontSize","radius","logoStyle","jsx","cx"],"mappings":";;;AAKA,MAAMA,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAwC;AAAA,EAC5C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAaaC,IAAOC;AAAA,EAClB,SACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAYZ,EAAQK,CAAI,GACxBQ,IAAWZ,EAAYI,CAAI,GAC3BS,IAASZ,EAAUG,CAAI,GAEvBU,IAA2B;AAAA,MAC/B,OAAOH;AAAA,MACP,QAAQA;AAAA,MACR,UAAUA;AAAA,MACV,cAAcE;AAAA,MACd,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAAD;AAAA,MACA,WAAW;AAAA,MACX,GAAGJ;AAAA,IAAA;AAGL,WACE,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM,EAAG,eAAeV,CAAS;AAAA,QACtC,OAAOQ;AAAA,QACP,eAAaP;AAAA,QACb,eAAY;AAAA,QACX,GAAGE;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAH,EAAK,cAAc;"}
+{"version":3,"file":"Logo.js","sources":["../../../../src/components/utility/Logo/Logo.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ReactNode, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type LogoSize = 'sm' | 'md' | 'lg' | 'xl'\n\nconst sizeMap: Record<LogoSize, number> = {\n  sm: 32,\n  md: 40,\n  lg: 56,\n  xl: 64,\n}\n\nconst fontSizeMap: Record<LogoSize, number> = {\n  sm: 14,\n  md: 18,\n  lg: 24,\n  xl: 28,\n}\n\nconst radiusMap: Record<LogoSize, number> = {\n  sm: 8,\n  md: 10,\n  lg: 14,\n  xl: 16,\n}\n\nexport interface LogoProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size of the logo */\n  size?: LogoSize\n  /** Content to display (usually a letter or icon) */\n  children?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Logo = forwardRef<HTMLDivElement, LogoProps>(\n  function Logo(\n    {\n      size = 'md',\n      children,\n      className,\n      testId,\n      style,\n      ...props\n    },\n    ref\n  ) {\n    const dimension = sizeMap[size]\n    const fontSize = fontSizeMap[size]\n    const radius = radiusMap[size]\n\n    const logoStyle: CSSProperties = {\n      width: dimension,\n      height: dimension,\n      minWidth: dimension,\n      borderRadius: radius,\n      // Flat + on-palette: solid primary, no gradient, no decorative shadow.\n      background: 'var(--brycks-primary-default)',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'var(--brycks-primary-foreground)',\n      fontWeight: 700,\n      fontSize,\n      ...style,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cx('brycks-logo', className)}\n        style={logoStyle}\n        data-testid={testId}\n        aria-hidden=\"true\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nLogo.displayName = 'Logo'\n"],"names":["sizeMap","fontSizeMap","radiusMap","Logo","forwardRef","size","children","className","testId","style","props","ref","dimension","fontSize","radius","logoStyle","jsx","cx"],"mappings":";;;AAKA,MAAMA,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAwC;AAAA,EAC5C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAaaC,IAAOC;AAAA,EAClB,SACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAYZ,EAAQK,CAAI,GACxBQ,IAAWZ,EAAYI,CAAI,GAC3BS,IAASZ,EAAUG,CAAI,GAEvBU,IAA2B;AAAA,MAC/B,OAAOH;AAAA,MACP,QAAQA;AAAA,MACR,UAAUA;AAAA,MACV,cAAcE;AAAA;AAAA,MAEd,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAAD;AAAA,MACA,GAAGJ;AAAA,IAAA;AAGL,WACE,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM,EAAG,eAAeV,CAAS;AAAA,QACtC,OAAOQ;AAAA,QACP,eAAaP;AAAA,QACb,eAAY;AAAA,QACX,GAAGE;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAH,EAAK,cAAc;"}

package/dist/components/utility.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./utility/Badge/Badge.cjs"),e=require("./utility/Loader/Loader.cjs"),r=require("./utility/Skeleton/Skeleton.cjs"),a=require("./utility/Divider/Divider.cjs"),t=require("./utility/EmptyState/EmptyState.cjs"),i=require("./utility/Portal/Portal.cjs"),c=require("./utility/FocusTrap/FocusTrap.cjs"),l=require("./utility/Overlay/Overlay.cjs"),o=require("./utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),S=require("./utility/Avatar/Avatar.cjs"),u=require("./utility/Logo/Logo.cjs");exports.Badge=n.Badge;exports.Loader=e.Loader;exports.Spinner=e.Spinner;exports.Skeleton=r.Skeleton;exports.SkeletonText=r.SkeletonText;exports.Divider=a.Divider;exports.EmptyState=t.EmptyState;exports.EmptyStateIcon=t.EmptyStateIcon;exports.Portal=i.Portal;exports.FocusTrap=c.FocusTrap;exports.Overlay=l.Overlay;exports.ScreenReaderOnly=o.ScreenReaderOnly;exports.SrOnly=o.SrOnly;exports.Avatar=S.Avatar;exports.Logo=u.Logo;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./utility/Badge/Badge.cjs"),e=require("./utility/Loader/Loader.cjs"),r=require("./utility/Skeleton/Skeleton.cjs"),a=require("./utility/Divider/Divider.cjs"),t=require("./utility/EmptyState/EmptyState.cjs"),i=require("./utility/Portal/Portal.cjs"),c=require("./utility/FocusTrap/FocusTrap.cjs"),l=require("./utility/Overlay/Overlay.cjs"),o=require("./utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),S=require("./utility/Avatar/Avatar.cjs"),u=require("./utility/Logo/Logo.cjs"),d=require("./utility/Kbd/Kbd.cjs");exports.Badge=n.Badge;exports.Loader=e.Loader;exports.Spinner=e.Spinner;exports.Skeleton=r.Skeleton;exports.SkeletonText=r.SkeletonText;exports.Divider=a.Divider;exports.EmptyState=t.EmptyState;exports.EmptyStateIcon=t.EmptyStateIcon;exports.Portal=i.Portal;exports.FocusTrap=c.FocusTrap;exports.Overlay=l.Overlay;exports.ScreenReaderOnly=o.ScreenReaderOnly;exports.SrOnly=o.SrOnly;exports.Avatar=S.Avatar;exports.Logo=u.Logo;exports.Kbd=d.Kbd;
 //# sourceMappingURL=utility.cjs.map

package/dist/components/utility.js

@@ -2,22 +2,24 @@ import { Badge as e } from "./utility/Badge/Badge.js";
 import { Loader as p, Spinner as m } from "./utility/Loader/Loader.js";
 import { Skeleton as f, SkeletonText as a } from "./utility/Skeleton/Skeleton.js";
 import { Divider as S } from "./utility/Divider/Divider.js";
-import { EmptyState as y, EmptyStateIcon as d } from "./utility/EmptyState/EmptyState.js";
+import { EmptyState as d, EmptyStateIcon as y } from "./utility/EmptyState/EmptyState.js";
 import { Portal as i } from "./utility/Portal/Portal.js";
 import { FocusTrap as O } from "./utility/FocusTrap/FocusTrap.js";
 import { Overlay as k } from "./utility/Overlay/Overlay.js";
 import { ScreenReaderOnly as L, SrOnly as T } from "./utility/ScreenReaderOnly/ScreenReaderOnly.js";
-import { Avatar as u } from "./utility/Avatar/Avatar.js";
-import { Logo as B } from "./utility/Logo/Logo.js";
+import { Avatar as s } from "./utility/Avatar/Avatar.js";
+import { Logo as A } from "./utility/Logo/Logo.js";
+import { Kbd as D } from "./utility/Kbd/Kbd.js";
 export {
-  u as Avatar,
+  s as Avatar,
   e as Badge,
   S as Divider,
-  y as EmptyState,
-  d as EmptyStateIcon,
+  d as EmptyState,
+  y as EmptyStateIcon,
   O as FocusTrap,
+  D as Kbd,
   p as Loader,
-  B as Logo,
+  A as Logo,
   k as Overlay,
   i as Portal,
   L as ScreenReaderOnly,

package/dist/components/utility.js.map

@@ -1 +1 @@
-{"version":3,"file":"utility.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"utility.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/data.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { TdHTMLAttributes } from 'react';
@@ -135,6 +136,23 @@ export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellEl
     className?: string;
 }
 
+export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
+
+export declare interface TableEmptyProps {
+    /** Number of columns to span (match the table's column count) */
+    colSpan: number;
+    /** Icon or illustration */
+    icon?: ReactNode;
+    /** Title text */
+    title?: ReactNode;
+    /** Description text */
+    description?: ReactNode;
+    /** Action element (button, link) */
+    action?: ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+
 export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
 
 export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
@@ -194,7 +212,22 @@ export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElemen
 
 export declare type TableSize = 'sm' | 'md' | 'lg';
 
-export declare type TableVariant = 'default' | 'striped' | 'bordered';
+export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
+
+export declare namespace TableSkeleton {
+    var displayName: string;
+}
+
+export declare interface TableSkeletonProps {
+    /** Number of skeleton rows */
+    rows?: number;
+    /** Number of columns per row (match the table's column count) */
+    columns: number;
+    /** Custom class name applied to each row */
+    className?: string;
+}
+
+export declare type TableVariant = 'default' | 'bordered';
 
 export declare interface TreeNode {
     /** Unique identifier */

package/dist/feedback.d.ts

@@ -39,6 +39,71 @@ export declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>,
 
 export declare type AlertVariant = 'subtle' | 'solid' | 'outline';
 
+export declare const Banner: default_2.ForwardRefExoticComponent<BannerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral';
+
+export declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Visual intent/status */
+    intent?: BannerIntent;
+    /** Banner title (stronger weight, sits above the description) */
+    title?: ReactNode;
+    /** Custom icon (overrides the default per-intent icon) */
+    icon?: ReactNode;
+    /** Whether to show the leading icon */
+    showIcon?: boolean;
+    /** Action element (button, link) shown on the trailing edge */
+    action?: ReactNode;
+    /** Whether the banner can be dismissed */
+    isDismissible?: boolean;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Accessible label of the dismiss button */
+    dismissLabel?: string;
+    /**
+     * ARIA live-region role. Defaults to `alert` for warning/error and
+     * `status` for info/success/neutral. Override when the default is wrong.
+     */
+    role?: 'alert' | 'status';
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Banner content (description) */
+    children?: ReactNode;
+}
+
+export declare const ConfirmDialog: ForwardRefExoticComponent<ConfirmDialogProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ConfirmDialogProps {
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Callback when the dialog should close (cancel / overlay / escape) */
+    onClose: () => void;
+    /** Callback when the user confirms */
+    onConfirm: () => void;
+    /** Dialog title */
+    title: ReactNode;
+    /** Body message (use `children` for richer content) */
+    message?: ReactNode;
+    /** Label of the confirm button */
+    confirmLabel?: string;
+    /** Label of the cancel button */
+    cancelLabel?: string;
+    /** Accessible label of the modal close button */
+    closeLabel?: string;
+    /** Visual variant — `danger` for destructive actions */
+    variant?: ConfirmDialogVariant;
+    /** Whether the confirm action is in progress (disables cancel, spins confirm) */
+    isLoading?: boolean;
+    /** Test ID */
+    testId?: string;
+    /** Richer body content (rendered below `message`) */
+    children?: ReactNode;
+}
+
+export declare type ConfirmDialogVariant = 'default' | 'danger';
+
 export declare const Drawer: ForwardRefExoticComponent<DrawerProps & RefAttributes<HTMLDivElement>>;
 
 export declare type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
@@ -93,6 +158,8 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
     showCloseButton?: boolean;
     /** Accessible label of the close button */
     closeLabel?: string;
+    /** Footer content (e.g. action buttons), pinned below the scrollable body */
+    footer?: ReactNode;
     /** Custom class name */
     className?: string;
     /** Test ID */
@@ -130,8 +197,6 @@ export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement
     closeDelay?: number;
     /** Whether to close on outside click */
     closeOnOutsideClick?: boolean;
-    /** Whether to show arrow */
-    showArrow?: boolean;
     /** Custom class name for content */
     className?: string;
     /** Test ID */