@brycks/core-front 0.3.5 → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/navigation/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["/**\n * SegmentedControl Component\n *\n * A compact single-select control for switching between a small set of\n * mutually-exclusive options (e.g. a view toggle: list / kanban / table).\n *\n * Implemented as an ARIA `radiogroup` with roving focus: arrow keys move the\n * selection, Home/End jump to the ends. All color styles are handled via CSS\n * classes for easy customization.\n */\n\nimport React, {\n  forwardRef,\n  useRef,\n  type ReactNode,\n  type KeyboardEvent,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type SegmentedControlSize = 'sm' | 'md' | 'lg'\n\nexport interface SegmentedControlOption<T extends string = string> {\n  /** Unique value */\n  value: T\n  /** Display label */\n  label: ReactNode\n  /** Optional leading icon */\n  icon?: ReactNode\n  /** Whether the option is disabled */\n  disabled?: boolean\n}\n\nexport interface SegmentedControlProps<T extends string = string> {\n  /** Available options */\n  options: SegmentedControlOption<T>[]\n  /** Currently selected value (controlled) */\n  value: T\n  /** Callback when the selection changes */\n  onValueChange: (value: T) => void\n  /** Component size */\n  size?: SegmentedControlSize\n  /** Whether the control should fill its container width */\n  fullWidth?: boolean\n  /** Accessible label for the group */\n  'aria-label'?: string\n  /** ID of an element that labels the group */\n  'aria-labelledby'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nfunction SegmentedControlInner<T extends string = string>(\n  {\n    options,\n    value,\n    onValueChange,\n    size = 'md',\n    fullWidth = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    className,\n    testId,\n  }: SegmentedControlProps<T>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const buttonsRef = useRef<(HTMLButtonElement | null)[]>([])\n\n  const enabledIndexes = options\n    .map((opt, i) => (opt.disabled ? -1 : i))\n    .filter((i) => i !== -1)\n\n  const focusByIndex = (index: number) => {\n    const btn = buttonsRef.current[index]\n    btn?.focus()\n  }\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>, currentIndex: number) => {\n    if (enabledIndexes.length === 0) return\n\n    const posInEnabled = enabledIndexes.indexOf(currentIndex)\n    let nextIndex: number | null = null\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        nextIndex = enabledIndexes[(posInEnabled + 1) % enabledIndexes.length]\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        nextIndex = enabledIndexes[(posInEnabled - 1 + enabledIndexes.length) % enabledIndexes.length]\n        break\n      case 'Home':\n        nextIndex = enabledIndexes[0]\n        break\n      case 'End':\n        nextIndex = enabledIndexes[enabledIndexes.length - 1]\n        break\n      default:\n        return\n    }\n\n    if (nextIndex !== null) {\n      e.preventDefault()\n      focusByIndex(nextIndex)\n      onValueChange(options[nextIndex].value)\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      className={cx(\n        'brycks-segmented',\n        `brycks-segmented--${size}`,\n        fullWidth && 'brycks-segmented--full-width',\n        className\n      )}\n      data-testid={testId}\n    >\n      {options.map((option, index) => {\n        const isSelected = option.value === value\n        return (\n          <button\n            key={option.value}\n            ref={(node) => {\n              buttonsRef.current[index] = node\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isSelected}\n            disabled={option.disabled}\n            // Roving tabindex: only the selected (or first enabled) item is tabbable.\n            tabIndex={isSelected ? 0 : -1}\n            className={cx(\n              'brycks-segmented__item',\n              isSelected && 'brycks-segmented__item--selected'\n            )}\n            onClick={() => !option.disabled && onValueChange(option.value)}\n            onKeyDown={(e) => handleKeyDown(e, index)}\n          >\n            {option.icon && <span className=\"brycks-segmented__icon\">{option.icon}</span>}\n            {option.label}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const SegmentedControl = forwardRef(SegmentedControlInner) as <T extends string = string>(\n  props: SegmentedControlProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.JSX.Element\n\n// @ts-expect-error -- attach displayName to the cast forwardRef\nSegmentedControl.displayName = 'SegmentedControl'\n"],"names":["SegmentedControlInner","options","value","onValueChange","size","fullWidth","ariaLabel","ariaLabelledby","className","testId","ref","buttonsRef","useRef","enabledIndexes","opt","i","focusByIndex","index","handleKeyDown","currentIndex","posInEnabled","nextIndex","jsx","cx","option","isSelected","jsxs","node","e","SegmentedControl","forwardRef"],"mappings":";;;AAqDA,SAASA,EACP;AAAA,EACE,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,WAAAC;AAAA,EACA,QAAAC;AACF,GACAC,GACA;AACA,QAAMC,IAAaC,EAAqC,EAAE,GAEpDC,IAAiBZ,EACpB,IAAI,CAACa,GAAKC,MAAOD,EAAI,WAAW,KAAKC,CAAE,EACvC,OAAO,CAACA,MAAMA,MAAM,EAAE,GAEnBC,IAAe,CAACC,MAAkB;AAEtC,IADYN,EAAW,QAAQM,CAAK,GAC/B,MAAA;AAAA,EACP,GAEMC,IAAgB,CAAC,GAAqCC,MAAyB;AACnF,QAAIN,EAAe,WAAW,EAAG;AAEjC,UAAMO,IAAeP,EAAe,QAAQM,CAAY;AACxD,QAAIE,IAA2B;AAE/B,YAAQ,EAAE,KAAA;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AACH,QAAAA,IAAYR,GAAgBO,IAAe,KAAKP,EAAe,MAAM;AACrE;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,QAAAQ,IAAYR,GAAgBO,IAAe,IAAIP,EAAe,UAAUA,EAAe,MAAM;AAC7F;AAAA,MACF,KAAK;AACH,QAAAQ,IAAYR,EAAe,CAAC;AAC5B;AAAA,MACF,KAAK;AACH,QAAAQ,IAAYR,EAAeA,EAAe,SAAS,CAAC;AACpD;AAAA,MACF;AACE;AAAA,IAAA;AAGJ,IAAIQ,MAAc,SAChB,EAAE,eAAA,GACFL,EAAaK,CAAS,GACtBlB,EAAcF,EAAQoB,CAAS,EAAE,KAAK;AAAA,EAE1C;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,MAAK;AAAA,MACL,cAAYJ;AAAA,MACZ,mBAAiBC;AAAA,MACjB,WAAWgB;AAAA,QACT;AAAA,QACA,qBAAqBnB,CAAI;AAAA,QACzBC,KAAa;AAAA,QACbG;AAAA,MAAA;AAAA,MAEF,eAAaC;AAAA,MAEZ,UAAAR,EAAQ,IAAI,CAACuB,GAAQP,MAAU;AAC9B,cAAMQ,IAAaD,EAAO,UAAUtB;AACpC,eACE,gBAAAwB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,KAAK,CAACC,MAAS;AACb,cAAAhB,EAAW,QAAQM,CAAK,IAAIU;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAcF;AAAA,YACd,UAAUD,EAAO;AAAA,YAEjB,UAAUC,IAAa,IAAI;AAAA,YAC3B,WAAWF;AAAA,cACT;AAAA,cACAE,KAAc;AAAA,YAAA;AAAA,YAEhB,SAAS,MAAM,CAACD,EAAO,YAAYrB,EAAcqB,EAAO,KAAK;AAAA,YAC7D,WAAW,CAACI,MAAMV,EAAcU,GAAGX,CAAK;AAAA,YAEvC,UAAA;AAAA,cAAAO,EAAO,QAAQ,gBAAAF,EAAC,QAAA,EAAK,WAAU,0BAA0B,YAAO,MAAK;AAAA,cACrEE,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAlBHA,EAAO;AAAA,QAAA;AAAA,MAqBlB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAMK,IAAmBC,EAAW9B,CAAqB;AAKhE6B,EAAiB,cAAc;"}

package/dist/components/navigation.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./navigation/Tabs/Tabs.cjs"),n=require("./navigation/Accordion/Accordion.cjs"),r=require("./navigation/Dropdown/Dropdown.cjs"),o=require("./navigation/Menu/Menu.cjs"),c=require("./navigation/Pagination/Pagination.cjs"),t=require("./navigation/Breadcrumb/Breadcrumb.cjs"),i=require("./navigation/Stepper/Stepper.cjs"),u=require("./navigation/ContextMenu/ContextMenu.cjs");exports.Tab=e.Tab;exports.TabList=e.TabList;exports.TabPanel=e.TabPanel;exports.TabPanels=e.TabPanels;exports.Tabs=e.Tabs;exports.Accordion=n.Accordion;exports.AccordionContent=n.AccordionContent;exports.AccordionItem=n.AccordionItem;exports.AccordionTrigger=n.AccordionTrigger;exports.Dropdown=r.Dropdown;exports.DropdownDivider=r.DropdownDivider;exports.DropdownItem=r.DropdownItem;exports.DropdownLabel=r.DropdownLabel;exports.Menu=o.Menu;exports.MenuDivider=o.MenuDivider;exports.MenuGroup=o.MenuGroup;exports.MenuItem=o.MenuItem;exports.Pagination=c.Pagination;exports.Breadcrumb=t.Breadcrumb;exports.BreadcrumbItem=t.BreadcrumbItem;exports.Step=i.Step;exports.Stepper=i.Stepper;exports.ContextMenu=u.ContextMenu;exports.useContextMenu=u.useContextMenu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./navigation/Tabs/Tabs.cjs"),n=require("./navigation/Accordion/Accordion.cjs"),o=require("./navigation/Dropdown/Dropdown.cjs"),r=require("./navigation/Menu/Menu.cjs"),c=require("./navigation/Pagination/Pagination.cjs"),t=require("./navigation/Breadcrumb/Breadcrumb.cjs"),i=require("./navigation/Stepper/Stepper.cjs"),u=require("./navigation/ContextMenu/ContextMenu.cjs"),d=require("./navigation/SegmentedControl/SegmentedControl.cjs");exports.Tab=e.Tab;exports.TabList=e.TabList;exports.TabPanel=e.TabPanel;exports.TabPanels=e.TabPanels;exports.Tabs=e.Tabs;exports.Accordion=n.Accordion;exports.AccordionContent=n.AccordionContent;exports.AccordionItem=n.AccordionItem;exports.AccordionTrigger=n.AccordionTrigger;exports.Dropdown=o.Dropdown;exports.DropdownDivider=o.DropdownDivider;exports.DropdownItem=o.DropdownItem;exports.DropdownLabel=o.DropdownLabel;exports.Menu=r.Menu;exports.MenuDivider=r.MenuDivider;exports.MenuGroup=r.MenuGroup;exports.MenuItem=r.MenuItem;exports.Pagination=c.Pagination;exports.Breadcrumb=t.Breadcrumb;exports.BreadcrumbItem=t.BreadcrumbItem;exports.Step=i.Step;exports.Stepper=i.Stepper;exports.ContextMenu=u.ContextMenu;exports.useContextMenu=u.useContextMenu;exports.SegmentedControl=d.SegmentedControl;
 //# sourceMappingURL=navigation.cjs.map

package/dist/components/navigation.js

@@ -1,33 +1,35 @@
-import { Tab as e, TabList as n, TabPanel as t, TabPanels as p, Tabs as m } from "./navigation/Tabs/Tabs.js";
-import { Accordion as d, AccordionContent as i, AccordionItem as c, AccordionTrigger as u } from "./navigation/Accordion/Accordion.js";
-import { Dropdown as b, DropdownDivider as f, DropdownItem as D, DropdownLabel as M } from "./navigation/Dropdown/Dropdown.js";
-import { Menu as s, MenuDivider as w, MenuGroup as A, MenuItem as I } from "./navigation/Menu/Menu.js";
-import { Pagination as l } from "./navigation/Pagination/Pagination.js";
-import { Breadcrumb as P, BreadcrumbItem as v } from "./navigation/Breadcrumb/Breadcrumb.js";
-import { Step as L, Stepper as S } from "./navigation/Stepper/Stepper.js";
+import { Tab as r, TabList as t, TabPanel as n, TabPanels as p, Tabs as m } from "./navigation/Tabs/Tabs.js";
+import { Accordion as a, AccordionContent as i, AccordionItem as x, AccordionTrigger as c } from "./navigation/Accordion/Accordion.js";
+import { Dropdown as f, DropdownDivider as b, DropdownItem as D, DropdownLabel as M } from "./navigation/Dropdown/Dropdown.js";
+import { Menu as g, MenuDivider as l, MenuGroup as s, MenuItem as w } from "./navigation/Menu/Menu.js";
+import { Pagination as C } from "./navigation/Pagination/Pagination.js";
+import { Breadcrumb as P, BreadcrumbItem as S } from "./navigation/Breadcrumb/Breadcrumb.js";
+import { Step as B, Stepper as L } from "./navigation/Stepper/Stepper.js";
 import { ContextMenu as h, useContextMenu as j } from "./navigation/ContextMenu/ContextMenu.js";
+import { SegmentedControl as q } from "./navigation/SegmentedControl/SegmentedControl.js";
 export {
-  d as Accordion,
+  a as Accordion,
   i as AccordionContent,
-  c as AccordionItem,
-  u as AccordionTrigger,
+  x as AccordionItem,
+  c as AccordionTrigger,
   P as Breadcrumb,
-  v as BreadcrumbItem,
+  S as BreadcrumbItem,
   h as ContextMenu,
-  b as Dropdown,
-  f as DropdownDivider,
+  f as Dropdown,
+  b as DropdownDivider,
   D as DropdownItem,
   M as DropdownLabel,
-  s as Menu,
-  w as MenuDivider,
-  A as MenuGroup,
-  I as MenuItem,
-  l as Pagination,
-  L as Step,
-  S as Stepper,
-  e as Tab,
-  n as TabList,
-  t as TabPanel,
+  g as Menu,
+  l as MenuDivider,
+  s as MenuGroup,
+  w as MenuItem,
+  C as Pagination,
+  q as SegmentedControl,
+  B as Step,
+  L as Stepper,
+  r as Tab,
+  t as TabList,
+  n as TabPanel,
   p as TabPanels,
   m as Tabs,
   j as useContextMenu

package/dist/components/navigation.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),y=require("../../../utils/styles.cjs"),x={xs:24,sm:32,md:40,lg:48,xl:64},A={xs:10,sm:12,md:14,lg:18,xl:24};function j(s){const t=s.trim().split(/\s+/);return t.length===1?t[0].charAt(0).toUpperCase():(t[0].charAt(0)+t[t.length-1].charAt(0)).toUpperCase()}const g=b.forwardRef(function({size:t="md",name:e,src:r,alt:i,children:o,interactive:c=!1,className:d,testId:l,style:f,...m},u){const a=x[t],v=A[t],h={width:a,height:a,minWidth:a,borderRadius:"50%",background:r?"transparent":"linear-gradient(135deg, var(--brycks-primary-default) 0%, var(--brycks-primary-600) 100%)",color:"white",fontWeight:600,fontSize:v,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",border:"none",padding:0,cursor:c?"pointer":"default",...f},p=r?n.jsx("img",{src:r,alt:i||e||"Avatar",style:{width:"100%",height:"100%",objectFit:"cover"}}):o||(e?j(e):"?");return c?n.jsx("button",{ref:u,type:"button",className:y.cx("brycks-avatar",d),style:h,"data-testid":l,...m,children:p}):n.jsx("div",{ref:u,className:y.cx("brycks-avatar",d),style:h,"data-testid":l,"aria-hidden":!i,children:p})});g.displayName="Avatar";exports.Avatar=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),f=require("../../../utils/styles.cjs"),x={xs:24,sm:32,md:40,lg:48,xl:64},A={xs:10,sm:12,md:14,lg:18,xl:24};function j(s){const t=s.trim().split(/\s+/);return t.length===1?t[0].charAt(0).toUpperCase():(t[0].charAt(0)+t[t.length-1].charAt(0)).toUpperCase()}const h=b.forwardRef(function({size:t="md",name:e,src:r,alt:i,children:o,interactive:c=!1,className:d,testId:l,style:g,...m},u){const a=x[t],v=A[t],p={width:a,height:a,minWidth:a,borderRadius:"50%",background:r?"transparent":"var(--brycks-primary-default)",color:"var(--brycks-primary-foreground)",fontWeight:600,fontSize:v,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",border:"none",padding:0,cursor:c?"pointer":"default",...g},y=r?n.jsx("img",{src:r,alt:i||e||"Avatar",style:{width:"100%",height:"100%",objectFit:"cover"}}):o||(e?j(e):"?");return c?n.jsx("button",{ref:u,type:"button",className:f.cx("brycks-avatar",d),style:p,"data-testid":l,...m,children:y}):n.jsx("div",{ref:u,className:f.cx("brycks-avatar",d),style:p,"data-testid":l,"aria-hidden":!i,children:y})});h.displayName="Avatar";exports.Avatar=h;
 //# sourceMappingURL=Avatar.cjs.map

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-600) 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,4FACJ,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

@@ -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], m = {
+    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-600) 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
-    }, f = a ? /* @__PURE__ */ n(
+      ...u
+    }, m = a ? /* @__PURE__ */ n(
       "img",
       {
         src: a,
-        alt: o || r || "Avatar",
+        alt: i || r || "Avatar",
         style: {
           width: "100%",
           height: "100%",
@@ -66,20 +66,20 @@ const k = v(
         ref: p,
         type: "button",
         className: h("brycks-avatar", c),
-        style: m,
+        style: f,
         "data-testid": l,
-        ...u,
-        children: f
+        ...y,
+        children: m
       }
     ) : /* @__PURE__ */ n(
       "div",
       {
         ref: p,
         className: h("brycks-avatar", c),
-        style: m,
+        style: f,
         "data-testid": l,
-        "aria-hidden": !o,
-        children: f
+        "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-600) 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-600) 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-600) 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,4FACZ,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
-}, u = g(
+}, x = f(
   function({
     size: o = "md",
     children: r,
-    className: i,
-    testId: a,
-    style: e,
-    ...n
-  }, s) {
-    const t = f[o], d = x[o], m = y[o], c = {
+    className: s,
+    testId: i,
+    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-600) 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)",
-      ...e
+      ...n
     };
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: s,
-        className: p("brycks-logo", i),
+        ref: a,
+        className: g("brycks-logo", s),
         style: c,
-        "data-testid": a,
+        "data-testid": i,
         "aria-hidden": "true",
-        ...n,
+        ...e,
         children: r
       }
     );
   }
 );
-u.displayName = "Logo";
+x.displayName = "Logo";
 export {
-  u 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-600) 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":";;;;;;;;;;;;"}