@gnome-ui/react 1.45.1 → 1.46.0

package/dist/components/Avatar/Avatar.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Avatar.module.css.cjs`);let t=require(`react/jsx-runtime`);var n=[`blue`,`green`,`yellow`,`orange`,`red`,`purple`,`brown`,`teal`,`slate`];function r(e){let t=0;for(let n=0;n<e.length;n++)t=t*31+e.charCodeAt(n)>>>0;return n[t%n.length]}function i(e){let t=e.trim().split(/\s+/).filter(Boolean);return t.length===0?``:t.length===1?t[0].charAt(0).toUpperCase():t[0].charAt(0).toUpperCase()+t[t.length-1].charAt(0).toUpperCase()}function a({name:n=``,src:a,alt:o,size:s=`md`,color:c,className:l,...u}){let d=c??(n?r(n):`blue`),f=i(n),p=[e.default.avatar,e.default[s],a?null:e.default[`color-${d}`],l].filter(Boolean).join(` `);return(0,t.jsx)(`span`,{role:`img`,"aria-label":o??n??`Avatar`,className:p,...u,children:a?(0,t.jsx)(`img`,{src:a,alt:o??n,className:e.default.image}):(0,t.jsx)(`span`,{"aria-hidden":`true`,className:e.default.initials,children:f})})}exports.Avatar=a;
+const e=require("./Avatar.module.css.cjs");let t=require("react/jsx-runtime");var n=[`blue`,`green`,`yellow`,`orange`,`red`,`purple`,`brown`,`teal`,`slate`];function r(e){let t=0;for(let n=0;n<e.length;n++)t=t*31+e.charCodeAt(n)>>>0;return n[t%n.length]}function i(e){let t=e.trim().split(/\s+/).filter(Boolean);return t.length===0?``:t.length===1?t[0].charAt(0).toUpperCase():t[0].charAt(0).toUpperCase()+t[t.length-1].charAt(0).toUpperCase()}var a=({name:n=``,src:a,alt:o,size:s=`md`,color:c,className:l,...u})=>{let d=c??(n?r(n):`blue`),f=i(n),p=[e.default.avatar,e.default[s],a?null:e.default[`color-${d}`],l].filter(Boolean).join(` `);return(0,t.jsx)(`span`,{role:`img`,"aria-label":o??n??`Avatar`,className:p,...u,children:a?(0,t.jsx)(`img`,{src:a,alt:o??n,className:e.default.image}):(0,t.jsx)(`span`,{"aria-hidden":`true`,className:e.default.initials,children:f})})};exports.Avatar=a;
 //# sourceMappingURL=Avatar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Named color palette for the initials fallback.\n * Mirrors libadwaita's avatar color set.\n */\nexport type AvatarColor =\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'red'\n  | 'purple'\n  | 'brown'\n  | 'teal'\n  | 'slate';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Full name used to generate initials and — when `color` is omitted —\n   * to deterministically pick a background color.\n   */\n  name?: string;\n  /** Image URL. When provided the initials fallback is hidden. */\n  src?: string;\n  /** Alt text for the image. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /**\n   * Override the auto-derived background color for the initials fallback.\n   * When omitted a color is derived from `name` via a stable hash.\n   */\n  color?: AvatarColor;\n}\n\nconst COLOR_LIST: AvatarColor[] = [\n  'blue',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n  'purple',\n  'brown',\n  'teal',\n  'slate',\n];\n\n/** Stable, non-cryptographic hash → index into COLOR_LIST. */\nfunction nameToColor(name: string): AvatarColor {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = (hash * 31 + name.charCodeAt(i)) >>> 0;\n  }\n\n  return COLOR_LIST[hash % COLOR_LIST.length];\n}\n\n/** Extract up to 2 initials from a name string. */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (parts.length === 0) {\n    return '';\n  }\n\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase();\n  }\n\n  return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase();\n}\n\n/**\n * Circular avatar with image or initials fallback.\n *\n * Follows the Adwaita `AdwAvatar` pattern — deterministic color from name,\n * up to two initials when no image is supplied.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Avatar.html\n */\nexport function Avatar({\n  name = '',\n  src,\n  alt,\n  size = 'md',\n  color,\n  className,\n  ...props\n}: AvatarProps) {\n  const resolvedColor = color ?? (name ? nameToColor(name) : 'blue');\n  const initials = getInitials(name);\n\n  const classes = [\n    styles.avatar,\n    styles[size],\n    !src ? styles[`color-${resolvedColor}`] : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span role=\"img\" aria-label={alt ?? name ?? 'Avatar'} className={classes} {...props}>\n      {src ? (\n        <img src={src} alt={alt ?? name} className={styles.image} />\n      ) : (\n        <span aria-hidden=\"true\" className={styles.initials}>\n          {initials}\n        </span>\n      )}\n    </span>\n  );\n}\n"],"mappings":"8EAwCA,IAAM,EAA4B,CAChC,OACA,QACA,SACA,SACA,MACA,SACA,QACA,OACA,QACD,CAGD,SAAS,EAAY,EAA2B,CAC9C,IAAI,EAAO,EACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,OAAQ,IAC/B,EAAQ,EAAO,GAAK,EAAK,WAAW,EAAE,GAAM,EAG9C,OAAO,EAAW,EAAO,EAAW,QAItC,SAAS,EAAY,EAAsB,CACzC,IAAM,EAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ,CAUtD,OARI,EAAM,SAAW,EACZ,GAGL,EAAM,SAAW,EACZ,EAAM,GAAG,OAAO,EAAE,CAAC,aAAa,CAGlC,EAAM,GAAG,OAAO,EAAE,CAAC,aAAa,CAAG,EAAM,EAAM,OAAS,GAAG,OAAO,EAAE,CAAC,aAAa,CAW3F,SAAgB,EAAO,CACrB,OAAO,GACP,MACA,MACA,OAAO,KACP,QACA,YACA,GAAG,GACW,CACd,IAAM,EAAgB,IAAU,EAAO,EAAY,EAAK,CAAG,QACrD,EAAW,EAAY,EAAK,CAE5B,EAAU,CACd,EAAA,QAAO,OACP,EAAA,QAAO,GACN,EAAyC,KAAnC,EAAA,QAAO,SAAS,KACvB,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CAEZ,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,KAAK,MAAM,aAAY,GAAO,GAAQ,SAAU,UAAW,EAAS,GAAI,WAC3E,GACC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,IAAK,GAAO,EAAM,UAAW,EAAA,QAAO,MAAS,CAAA,EAE5D,EAAA,EAAA,KAAC,OAAD,CAAM,cAAY,OAAO,UAAW,EAAA,QAAO,kBACxC,EACI,CAAA,CAEJ,CAAA"}
+{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Named color palette for the initials fallback.\n * Mirrors libadwaita's avatar color set.\n */\nexport type AvatarColor =\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'red'\n  | 'purple'\n  | 'brown'\n  | 'teal'\n  | 'slate';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Full name used to generate initials and — when `color` is omitted —\n   * to deterministically pick a background color.\n   */\n  name?: string;\n  /** Image URL. When provided the initials fallback is hidden. */\n  src?: string;\n  /** Alt text for the image. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /**\n   * Override the auto-derived background color for the initials fallback.\n   * When omitted a color is derived from `name` via a stable hash.\n   */\n  color?: AvatarColor;\n}\n\nconst COLOR_LIST: AvatarColor[] = [\n  'blue',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n  'purple',\n  'brown',\n  'teal',\n  'slate',\n];\n\n/** Stable, non-cryptographic hash → index into COLOR_LIST. */\nfunction nameToColor(name: string): AvatarColor {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = (hash * 31 + name.charCodeAt(i)) >>> 0;\n  }\n\n  return COLOR_LIST[hash % COLOR_LIST.length];\n}\n\n/** Extract up to 2 initials from a name string. */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (parts.length === 0) {\n    return '';\n  }\n\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase();\n  }\n\n  return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase();\n}\n\n/**\n * Circular avatar with image or initials fallback.\n *\n * Follows the Adwaita `AdwAvatar` pattern — deterministic color from name,\n * up to two initials when no image is supplied.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Avatar.html\n */\nexport const Avatar = ({\n  name = '',\n  src,\n  alt,\n  size = 'md',\n  color,\n  className,\n  ...props\n}: AvatarProps) => {\n  const resolvedColor = color ?? (name ? nameToColor(name) : 'blue');\n  const initials = getInitials(name);\n\n  const classes = [\n    styles.avatar,\n    styles[size],\n    !src ? styles[`color-${resolvedColor}`] : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span role=\"img\" aria-label={alt ?? name ?? 'Avatar'} className={classes} {...props}>\n      {src ? (\n        <img src={src} alt={alt ?? name} className={styles.image} />\n      ) : (\n        <span aria-hidden=\"true\" className={styles.initials}>\n          {initials}\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":"8EAwCA,IAAM,EAA4B,CAChC,OACA,QACA,SACA,SACA,MACA,SACA,QACA,OACA,OACF,EAGA,SAAS,EAAY,EAA2B,CAC9C,IAAI,EAAO,EACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,OAAQ,IAC/B,EAAQ,EAAO,GAAK,EAAK,WAAW,CAAC,IAAO,EAG9C,OAAO,EAAW,EAAO,EAAW,OACtC,CAGA,SAAS,EAAY,EAAsB,CACzC,IAAM,EAAQ,EAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,EAUrD,OARI,EAAM,SAAW,EACZ,GAGL,EAAM,SAAW,EACZ,EAAM,GAAG,OAAO,CAAC,EAAE,YAAY,EAGjC,EAAM,GAAG,OAAO,CAAC,EAAE,YAAY,EAAI,EAAM,EAAM,OAAS,GAAG,OAAO,CAAC,EAAE,YAAY,CAC1F,CAUA,IAAa,GAAU,CACrB,OAAO,GACP,MACA,MACA,OAAO,KACP,QACA,YACA,GAAG,KACc,CACjB,IAAM,EAAgB,IAAU,EAAO,EAAY,CAAI,EAAI,QACrD,EAAW,EAAY,CAAI,EAE3B,EAAU,CACd,EAAA,QAAO,OACP,EAAA,QAAO,GACN,EAAyC,KAAnC,EAAA,QAAO,SAAS,KACvB,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,KAAK,MAAM,aAAY,GAAO,GAAQ,SAAU,UAAW,EAAS,GAAI,WAC3E,GACC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,IAAK,GAAO,EAAM,UAAW,EAAA,QAAO,KAAQ,CAAA,GAE3D,EAAA,EAAA,KAAC,OAAD,CAAM,cAAY,OAAO,UAAW,EAAA,QAAO,kBACxC,CACG,CAAA,CAEJ,CAAA,CAEV"}

package/dist/components/Avatar/Avatar.d.ts

@@ -31,4 +31,4 @@ export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Avatar.html
  */
-export declare function Avatar({ name, src, alt, size, color, className, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ name, src, alt, size, color, className, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/Avatar.js

@@ -21,7 +21,7 @@ function i(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "" : t.length === 1 ? t[0].charAt(0).toUpperCase() : t[0].charAt(0).toUpperCase() + t[t.length - 1].charAt(0).toUpperCase();
 }
-function a({ name: n = "", src: a, alt: o, size: s = "md", color: c, className: l, ...u }) {
+var a = ({ name: n = "", src: a, alt: o, size: s = "md", color: c, className: l, ...u }) => {
 	let d = c ?? (n ? r(n) : "blue"), f = i(n), p = [
 		e.avatar,
 		e[s],
@@ -43,7 +43,7 @@ function a({ name: n = "", src: a, alt: o, size: s = "md", color: c, className:
 			children: f
 		})
 	});
-}
+};
 //#endregion
 export { a as Avatar };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Named color palette for the initials fallback.\n * Mirrors libadwaita's avatar color set.\n */\nexport type AvatarColor =\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'red'\n  | 'purple'\n  | 'brown'\n  | 'teal'\n  | 'slate';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Full name used to generate initials and — when `color` is omitted —\n   * to deterministically pick a background color.\n   */\n  name?: string;\n  /** Image URL. When provided the initials fallback is hidden. */\n  src?: string;\n  /** Alt text for the image. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /**\n   * Override the auto-derived background color for the initials fallback.\n   * When omitted a color is derived from `name` via a stable hash.\n   */\n  color?: AvatarColor;\n}\n\nconst COLOR_LIST: AvatarColor[] = [\n  'blue',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n  'purple',\n  'brown',\n  'teal',\n  'slate',\n];\n\n/** Stable, non-cryptographic hash → index into COLOR_LIST. */\nfunction nameToColor(name: string): AvatarColor {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = (hash * 31 + name.charCodeAt(i)) >>> 0;\n  }\n\n  return COLOR_LIST[hash % COLOR_LIST.length];\n}\n\n/** Extract up to 2 initials from a name string. */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (parts.length === 0) {\n    return '';\n  }\n\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase();\n  }\n\n  return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase();\n}\n\n/**\n * Circular avatar with image or initials fallback.\n *\n * Follows the Adwaita `AdwAvatar` pattern — deterministic color from name,\n * up to two initials when no image is supplied.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Avatar.html\n */\nexport function Avatar({\n  name = '',\n  src,\n  alt,\n  size = 'md',\n  color,\n  className,\n  ...props\n}: AvatarProps) {\n  const resolvedColor = color ?? (name ? nameToColor(name) : 'blue');\n  const initials = getInitials(name);\n\n  const classes = [\n    styles.avatar,\n    styles[size],\n    !src ? styles[`color-${resolvedColor}`] : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span role=\"img\" aria-label={alt ?? name ?? 'Avatar'} className={classes} {...props}>\n      {src ? (\n        <img src={src} alt={alt ?? name} className={styles.image} />\n      ) : (\n        <span aria-hidden=\"true\" className={styles.initials}>\n          {initials}\n        </span>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;AAwCA,IAAM,IAA4B;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAGD,SAAS,EAAY,GAA2B;CAC9C,IAAI,IAAO;AACX,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,IAC/B,KAAQ,IAAO,KAAK,EAAK,WAAW,EAAE,KAAM;AAG9C,QAAO,EAAW,IAAO,EAAW;;AAItC,SAAS,EAAY,GAAsB;CACzC,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAUtD,QARI,EAAM,WAAW,IACZ,KAGL,EAAM,WAAW,IACZ,EAAM,GAAG,OAAO,EAAE,CAAC,aAAa,GAGlC,EAAM,GAAG,OAAO,EAAE,CAAC,aAAa,GAAG,EAAM,EAAM,SAAS,GAAG,OAAO,EAAE,CAAC,aAAa;;AAW3F,SAAgB,EAAO,EACrB,UAAO,IACP,QACA,QACA,UAAO,MACP,UACA,cACA,GAAG,KACW;CACd,IAAM,IAAgB,MAAU,IAAO,EAAY,EAAK,GAAG,SACrD,IAAW,EAAY,EAAK,EAE5B,IAAU;EACd,EAAO;EACP,EAAO;EACN,IAAyC,OAAnC,EAAO,SAAS;EACvB;EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,kBAAC,QAAD;EAAM,MAAK;EAAM,cAAY,KAAO,KAAQ;EAAU,WAAW;EAAS,GAAI;YAC3E,IACC,kBAAC,OAAD;GAAU;GAAK,KAAK,KAAO;GAAM,WAAW,EAAO;GAAS,CAAA,GAE5D,kBAAC,QAAD;GAAM,eAAY;GAAO,WAAW,EAAO;aACxC;GACI,CAAA;EAEJ,CAAA"}
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Named color palette for the initials fallback.\n * Mirrors libadwaita's avatar color set.\n */\nexport type AvatarColor =\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'red'\n  | 'purple'\n  | 'brown'\n  | 'teal'\n  | 'slate';\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Full name used to generate initials and — when `color` is omitted —\n   * to deterministically pick a background color.\n   */\n  name?: string;\n  /** Image URL. When provided the initials fallback is hidden. */\n  src?: string;\n  /** Alt text for the image. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /**\n   * Override the auto-derived background color for the initials fallback.\n   * When omitted a color is derived from `name` via a stable hash.\n   */\n  color?: AvatarColor;\n}\n\nconst COLOR_LIST: AvatarColor[] = [\n  'blue',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n  'purple',\n  'brown',\n  'teal',\n  'slate',\n];\n\n/** Stable, non-cryptographic hash → index into COLOR_LIST. */\nfunction nameToColor(name: string): AvatarColor {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = (hash * 31 + name.charCodeAt(i)) >>> 0;\n  }\n\n  return COLOR_LIST[hash % COLOR_LIST.length];\n}\n\n/** Extract up to 2 initials from a name string. */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (parts.length === 0) {\n    return '';\n  }\n\n  if (parts.length === 1) {\n    return parts[0].charAt(0).toUpperCase();\n  }\n\n  return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase();\n}\n\n/**\n * Circular avatar with image or initials fallback.\n *\n * Follows the Adwaita `AdwAvatar` pattern — deterministic color from name,\n * up to two initials when no image is supplied.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Avatar.html\n */\nexport const Avatar = ({\n  name = '',\n  src,\n  alt,\n  size = 'md',\n  color,\n  className,\n  ...props\n}: AvatarProps) => {\n  const resolvedColor = color ?? (name ? nameToColor(name) : 'blue');\n  const initials = getInitials(name);\n\n  const classes = [\n    styles.avatar,\n    styles[size],\n    !src ? styles[`color-${resolvedColor}`] : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span role=\"img\" aria-label={alt ?? name ?? 'Avatar'} className={classes} {...props}>\n      {src ? (\n        <img src={src} alt={alt ?? name} className={styles.image} />\n      ) : (\n        <span aria-hidden=\"true\" className={styles.initials}>\n          {initials}\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;AAwCA,IAAM,IAA4B;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAGA,SAAS,EAAY,GAA2B;CAC9C,IAAI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAC/B,IAAQ,IAAO,KAAK,EAAK,WAAW,CAAC,MAAO;CAG9C,OAAO,EAAW,IAAO,EAAW;AACtC;AAGA,SAAS,EAAY,GAAsB;CACzC,IAAM,IAAQ,EAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;CAUrD,OARI,EAAM,WAAW,IACZ,KAGL,EAAM,WAAW,IACZ,EAAM,GAAG,OAAO,CAAC,EAAE,YAAY,IAGjC,EAAM,GAAG,OAAO,CAAC,EAAE,YAAY,IAAI,EAAM,EAAM,SAAS,GAAG,OAAO,CAAC,EAAE,YAAY;AAC1F;AAUA,IAAa,KAAU,EACrB,UAAO,IACP,QACA,QACA,UAAO,MACP,UACA,cACA,GAAG,QACc;CACjB,IAAM,IAAgB,MAAU,IAAO,EAAY,CAAI,IAAI,SACrD,IAAW,EAAY,CAAI,GAE3B,IAAU;EACd,EAAO;EACP,EAAO;EACN,IAAyC,OAAnC,EAAO,SAAS;EACvB;CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;CAEX,OACE,kBAAC,QAAD;EAAM,MAAK;EAAM,cAAY,KAAO,KAAQ;EAAU,WAAW;EAAS,GAAI;YAC3E,IACC,kBAAC,OAAD;GAAU;GAAK,KAAK,KAAO;GAAM,WAAW,EAAO;EAAQ,CAAA,IAE3D,kBAAC,QAAD;GAAM,eAAY;GAAO,WAAW,EAAO;aACxC;EACG,CAAA;CAEJ,CAAA;AAEV"}

package/dist/components/Avatar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Avatar/Avatar.cjs`);exports.Avatar=e.Avatar;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Avatar/Avatar.cjs");exports.Avatar=e.Avatar;

package/dist/components/AvatarRotator/AvatarRotator.cjs

@@ -1,2 +1,2 @@
-const e=require(`../Avatar/Avatar.cjs`),t=require(`./AvatarRotator.module.css.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i(e,t){return t<=0?0:(e%t+t)%t}function a(){let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(typeof window>`u`||!window.matchMedia)return;let e=window.matchMedia(`(prefers-reduced-motion: reduce)`);t(e.matches);let n=()=>t(e.matches);return e.addEventListener?.(`change`,n),()=>e.removeEventListener?.(`change`,n)},[]),e}function o({name:o=``,avatars:s=[],alt:c,size:l=`md`,color:u,interval:d=3e3,transitionDuration:f=240,pauseOnHover:p=!0,activeIndex:m,defaultActiveIndex:h=0,onIndexChange:g,className:_,style:v,onMouseEnter:y,onMouseLeave:b,onFocus:x,onBlur:S,...C}){let w=(0,n.useMemo)(()=>s.map(e=>e.trim()).filter(Boolean),[s]),T=m!==void 0,[E,D]=(0,n.useState)(h),[O,k]=(0,n.useState)(!1),A=a(),j=i(T?m:E,w.length);if((0,n.useEffect)(()=>{if(w.length<=1||d<=0||O||A)return;let e=window.setInterval(()=>{let e=i(j+1,w.length);T||D(e),g?.(e)},d);return()=>window.clearInterval(e)},[j,d,T,O,g,A,w.length]),w.length===0)return(0,r.jsx)(e.Avatar,{name:o,alt:c,size:l,color:u,className:_,style:v,...C});let M=c??o??`Avatar`,N={...v,"--avatar-rotator-duration":`${Math.max(0,f)}ms`};return(0,r.jsx)(`span`,{role:`img`,"aria-label":M,className:[t.default.rotator,t.default[l],_].filter(Boolean).join(` `),style:N,onMouseEnter:e=>{p&&k(!0),y?.(e)},onMouseLeave:e=>{p&&k(!1),b?.(e)},onFocus:e=>{p&&k(!0),x?.(e)},onBlur:e=>{p&&k(!1),S?.(e)},...C,children:w.map((n,i)=>(0,r.jsx)(e.Avatar,{name:o,src:n,alt:``,size:l,"aria-hidden":`true`,className:[t.default.layer,i===j?t.default.active:null].filter(Boolean).join(` `)},`${n}-${i}`))})}exports.AvatarRotator=o;
+const e=require("../Avatar/Avatar.cjs"),t=require("./AvatarRotator.module.css.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e,t){return t<=0?0:(e%t+t)%t}function a(){let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(typeof window>`u`||!window.matchMedia)return;let e=window.matchMedia(`(prefers-reduced-motion: reduce)`);t(e.matches);let n=()=>t(e.matches);return e.addEventListener?.(`change`,n),()=>e.removeEventListener?.(`change`,n)},[]),e}var o=({name:o=``,avatars:s=[],alt:c,size:l=`md`,color:u,interval:d=3e3,transitionDuration:f=240,pauseOnHover:p=!0,activeIndex:m,defaultActiveIndex:h=0,onIndexChange:g,className:_,style:v,onMouseEnter:y,onMouseLeave:b,onFocus:x,onBlur:S,...C})=>{let w=(0,n.useMemo)(()=>s.map(e=>e.trim()).filter(Boolean),[s]),T=m!==void 0,[E,D]=(0,n.useState)(h),[O,k]=(0,n.useState)(!1),A=a(),j=i(T?m:E,w.length);if((0,n.useEffect)(()=>{if(w.length<=1||d<=0||O||A)return;let e=window.setInterval(()=>{let e=i(j+1,w.length);T||D(e),g?.(e)},d);return()=>window.clearInterval(e)},[j,d,T,O,g,A,w.length]),w.length===0)return(0,r.jsx)(e.Avatar,{name:o,alt:c,size:l,color:u,className:_,style:v,...C});let M=c??o??`Avatar`,N={...v,"--avatar-rotator-duration":`${Math.max(0,f)}ms`};return(0,r.jsx)(`span`,{role:`img`,"aria-label":M,className:[t.default.rotator,t.default[l],_].filter(Boolean).join(` `),style:N,onMouseEnter:e=>{p&&k(!0),y?.(e)},onMouseLeave:e=>{p&&k(!1),b?.(e)},onFocus:e=>{p&&k(!0),x?.(e)},onBlur:e=>{p&&k(!1),S?.(e)},...C,children:w.map((n,i)=>(0,r.jsx)(e.Avatar,{name:o,src:n,alt:``,size:l,"aria-hidden":`true`,className:[t.default.layer,i===j?t.default.active:null].filter(Boolean).join(` `)},`${n}-${i}`))})};exports.AvatarRotator=o;
 //# sourceMappingURL=AvatarRotator.cjs.map

package/dist/components/AvatarRotator/AvatarRotator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarRotator.cjs","names":[],"sources":["../../../src/components/AvatarRotator/AvatarRotator.tsx"],"sourcesContent":["import { type CSSProperties, type HTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { Avatar, type AvatarColor, type AvatarSize } from '../Avatar';\n\nimport styles from './AvatarRotator.module.css';\n\nexport interface AvatarRotatorProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Full name used for the accessible label and initials fallback. */\n  name?: string;\n  /** Image URLs to rotate through. */\n  avatars?: string[];\n  /** Accessible label. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /** Fallback initials color when no avatar image is available. */\n  color?: AvatarColor;\n  /** Time between avatar changes in milliseconds. Defaults to `3000`. */\n  interval?: number;\n  /** Crossfade duration in milliseconds. Defaults to `240`. */\n  transitionDuration?: number;\n  /** Pause automatic rotation while hovered or focused. Defaults to `true`. */\n  pauseOnHover?: boolean;\n  /**\n   * Controlled active avatar index.\n   * When omitted the rotator manages index state internally.\n   */\n  activeIndex?: number;\n  /** Initial active avatar index for uncontrolled usage. Defaults to `0`. */\n  defaultActiveIndex?: number;\n  /** Called when the active avatar changes. */\n  onIndexChange?: (index: number) => void;\n}\n\nfunction clampIndex(index: number, length: number) {\n  if (length <= 0) {\n    return 0;\n  }\n\n  return ((index % length) + length) % length;\n}\n\nfunction usePrefersReducedMotion() {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) {\n      return;\n    }\n\n    const query = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    setPrefersReducedMotion(query.matches);\n\n    const handleChange = () => setPrefersReducedMotion(query.matches);\n\n    query.addEventListener?.('change', handleChange);\n\n    return () => query.removeEventListener?.('change', handleChange);\n  }, []);\n\n  return prefersReducedMotion;\n}\n\n/**\n * Single avatar surface that rotates through multiple image sources.\n *\n * Keeps `Avatar` focused on rendering one identity, while this component owns\n * timing, crossfade animation, and pause behavior.\n */\nexport function AvatarRotator({\n  name = '',\n  avatars = [],\n  alt,\n  size = 'md',\n  color,\n  interval = 3000,\n  transitionDuration = 240,\n  pauseOnHover = true,\n  activeIndex,\n  defaultActiveIndex = 0,\n  onIndexChange,\n  className,\n  style,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: AvatarRotatorProps) {\n  const sources = useMemo(() => avatars.map((src) => src.trim()).filter(Boolean), [avatars]);\n  const isControlled = activeIndex !== undefined;\n  const [internalIndex, setInternalIndex] = useState(defaultActiveIndex);\n  const [isPaused, setIsPaused] = useState(false);\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const currentIndex = clampIndex(isControlled ? activeIndex : internalIndex, sources.length);\n\n  useEffect(() => {\n    if (sources.length <= 1) {\n      return;\n    }\n\n    if (interval <= 0) {\n      return;\n    }\n\n    if (isPaused || prefersReducedMotion) {\n      return;\n    }\n\n    const timer = window.setInterval(() => {\n      const nextIndex = clampIndex(currentIndex + 1, sources.length);\n\n      if (!isControlled) {\n        setInternalIndex(nextIndex);\n      }\n\n      onIndexChange?.(nextIndex);\n    }, interval);\n\n    return () => window.clearInterval(timer);\n  }, [\n    currentIndex,\n    interval,\n    isControlled,\n    isPaused,\n    onIndexChange,\n    prefersReducedMotion,\n    sources.length,\n  ]);\n\n  if (sources.length === 0) {\n    return (\n      <Avatar\n        name={name}\n        alt={alt}\n        size={size}\n        color={color}\n        className={className}\n        style={style}\n        {...props}\n      />\n    );\n  }\n\n  const label = alt ?? name ?? 'Avatar';\n  const transitionStyle = {\n    ...style,\n    '--avatar-rotator-duration': `${Math.max(0, transitionDuration)}ms`,\n  } as CSSProperties;\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={label}\n      className={[styles.rotator, styles[size], className].filter(Boolean).join(' ')}\n      style={transitionStyle}\n      onMouseEnter={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onBlur?.(event);\n      }}\n      {...props}\n    >\n      {sources.map((src, index) => (\n        <Avatar\n          key={`${src}-${index}`}\n          name={name}\n          src={src}\n          alt=\"\"\n          size={size}\n          aria-hidden=\"true\"\n          className={[styles.layer, index === currentIndex ? styles.active : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":"0IAkCA,SAAS,EAAW,EAAe,EAAgB,CAKjD,OAJI,GAAU,EACL,GAGA,EAAQ,EAAU,GAAU,EAGvC,SAAS,GAA0B,CACjC,GAAM,CAAC,EAAsB,IAAA,EAAA,EAAA,UAAoC,GAAM,CAkBvE,OAhBA,EAAA,EAAA,eAAgB,CACd,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,WAC3C,OAGF,IAAM,EAAQ,OAAO,WAAW,mCAAmC,CAEnE,EAAwB,EAAM,QAAQ,CAEtC,IAAM,MAAqB,EAAwB,EAAM,QAAQ,CAIjE,OAFA,EAAM,mBAAmB,SAAU,EAAa,KAEnC,EAAM,sBAAsB,SAAU,EAAa,EAC/D,EAAE,CAAC,CAEC,EAST,SAAgB,EAAc,CAC5B,OAAO,GACP,UAAU,EAAE,CACZ,MACA,OAAO,KACP,QACA,WAAW,IACX,qBAAqB,IACrB,eAAe,GACf,cACA,qBAAqB,EACrB,gBACA,YACA,QACA,eACA,eACA,UACA,SACA,GAAG,GACkB,CACrB,IAAM,GAAA,EAAA,EAAA,aAAwB,EAAQ,IAAK,GAAQ,EAAI,MAAM,CAAC,CAAC,OAAO,QAAQ,CAAE,CAAC,EAAQ,CAAC,CACpF,EAAe,IAAgB,IAAA,GAC/B,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,EAAmB,CAChE,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,EAAuB,GAAyB,CAChD,EAAe,EAAW,EAAe,EAAc,EAAe,EAAQ,OAAO,CAoC3F,IAlCA,EAAA,EAAA,eAAgB,CASd,GARI,EAAQ,QAAU,GAIlB,GAAY,GAIZ,GAAY,EACd,OAGF,IAAM,EAAQ,OAAO,gBAAkB,CACrC,IAAM,EAAY,EAAW,EAAe,EAAG,EAAQ,OAAO,CAEzD,GACH,EAAiB,EAAU,CAG7B,IAAgB,EAAU,EACzB,EAAS,CAEZ,UAAa,OAAO,cAAc,EAAM,EACvC,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EAAQ,OACT,CAAC,CAEE,EAAQ,SAAW,EACrB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACQ,OACD,MACC,OACC,QACI,YACJ,QACP,GAAI,EACJ,CAAA,CAIN,IAAM,EAAQ,GAAO,GAAQ,SACvB,EAAkB,CACtB,GAAG,EACH,4BAA6B,GAAG,KAAK,IAAI,EAAG,EAAmB,CAAC,IACjE,CAED,OACE,EAAA,EAAA,KAAC,OAAD,CACE,KAAK,MACL,aAAY,EACZ,UAAW,CAAC,EAAA,QAAO,QAAS,EAAA,QAAO,GAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9E,MAAO,EACP,aAAe,GAAU,CACnB,GACF,EAAY,GAAK,CAGnB,IAAe,EAAM,EAEvB,aAAe,GAAU,CACnB,GACF,EAAY,GAAM,CAGpB,IAAe,EAAM,EAEvB,QAAU,GAAU,CACd,GACF,EAAY,GAAK,CAGnB,IAAU,EAAM,EAElB,OAAS,GAAU,CACb,GACF,EAAY,GAAM,CAGpB,IAAS,EAAM,EAEjB,GAAI,WAEH,EAAQ,KAAK,EAAK,KACjB,EAAA,EAAA,KAAC,EAAA,OAAD,CAEQ,OACD,MACL,IAAI,GACE,OACN,cAAY,OACZ,UAAW,CAAC,EAAA,QAAO,MAAO,IAAU,EAAe,EAAA,QAAO,OAAS,KAAK,CACrE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,CATK,GAAG,EAAI,GAAG,IASf,CACF,CACG,CAAA"}
+{"version":3,"file":"AvatarRotator.cjs","names":[],"sources":["../../../src/components/AvatarRotator/AvatarRotator.tsx"],"sourcesContent":["import { type CSSProperties, type HTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { Avatar, type AvatarColor, type AvatarSize } from '../Avatar';\n\nimport styles from './AvatarRotator.module.css';\n\nexport interface AvatarRotatorProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Full name used for the accessible label and initials fallback. */\n  name?: string;\n  /** Image URLs to rotate through. */\n  avatars?: string[];\n  /** Accessible label. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /** Fallback initials color when no avatar image is available. */\n  color?: AvatarColor;\n  /** Time between avatar changes in milliseconds. Defaults to `3000`. */\n  interval?: number;\n  /** Crossfade duration in milliseconds. Defaults to `240`. */\n  transitionDuration?: number;\n  /** Pause automatic rotation while hovered or focused. Defaults to `true`. */\n  pauseOnHover?: boolean;\n  /**\n   * Controlled active avatar index.\n   * When omitted the rotator manages index state internally.\n   */\n  activeIndex?: number;\n  /** Initial active avatar index for uncontrolled usage. Defaults to `0`. */\n  defaultActiveIndex?: number;\n  /** Called when the active avatar changes. */\n  onIndexChange?: (index: number) => void;\n}\n\nfunction clampIndex(index: number, length: number) {\n  if (length <= 0) {\n    return 0;\n  }\n\n  return ((index % length) + length) % length;\n}\n\nfunction usePrefersReducedMotion() {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) {\n      return;\n    }\n\n    const query = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    setPrefersReducedMotion(query.matches);\n\n    const handleChange = () => setPrefersReducedMotion(query.matches);\n\n    query.addEventListener?.('change', handleChange);\n\n    return () => query.removeEventListener?.('change', handleChange);\n  }, []);\n\n  return prefersReducedMotion;\n}\n\n/**\n * Single avatar surface that rotates through multiple image sources.\n *\n * Keeps `Avatar` focused on rendering one identity, while this component owns\n * timing, crossfade animation, and pause behavior.\n */\nexport const AvatarRotator = ({\n  name = '',\n  avatars = [],\n  alt,\n  size = 'md',\n  color,\n  interval = 3000,\n  transitionDuration = 240,\n  pauseOnHover = true,\n  activeIndex,\n  defaultActiveIndex = 0,\n  onIndexChange,\n  className,\n  style,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: AvatarRotatorProps) => {\n  const sources = useMemo(() => avatars.map((src) => src.trim()).filter(Boolean), [avatars]);\n  const isControlled = activeIndex !== undefined;\n  const [internalIndex, setInternalIndex] = useState(defaultActiveIndex);\n  const [isPaused, setIsPaused] = useState(false);\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const currentIndex = clampIndex(isControlled ? activeIndex : internalIndex, sources.length);\n\n  useEffect(() => {\n    if (sources.length <= 1) {\n      return;\n    }\n\n    if (interval <= 0) {\n      return;\n    }\n\n    if (isPaused || prefersReducedMotion) {\n      return;\n    }\n\n    const timer = window.setInterval(() => {\n      const nextIndex = clampIndex(currentIndex + 1, sources.length);\n\n      if (!isControlled) {\n        setInternalIndex(nextIndex);\n      }\n\n      onIndexChange?.(nextIndex);\n    }, interval);\n\n    return () => window.clearInterval(timer);\n  }, [\n    currentIndex,\n    interval,\n    isControlled,\n    isPaused,\n    onIndexChange,\n    prefersReducedMotion,\n    sources.length,\n  ]);\n\n  if (sources.length === 0) {\n    return (\n      <Avatar\n        name={name}\n        alt={alt}\n        size={size}\n        color={color}\n        className={className}\n        style={style}\n        {...props}\n      />\n    );\n  }\n\n  const label = alt ?? name ?? 'Avatar';\n  const transitionStyle = {\n    ...style,\n    '--avatar-rotator-duration': `${Math.max(0, transitionDuration)}ms`,\n  } as CSSProperties;\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={label}\n      className={[styles.rotator, styles[size], className].filter(Boolean).join(' ')}\n      style={transitionStyle}\n      onMouseEnter={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onBlur?.(event);\n      }}\n      {...props}\n    >\n      {sources.map((src, index) => (\n        <Avatar\n          key={`${src}-${index}`}\n          name={name}\n          src={src}\n          alt=\"\"\n          size={size}\n          aria-hidden=\"true\"\n          className={[styles.layer, index === currentIndex ? styles.active : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      ))}\n    </span>\n  );\n};\n"],"mappings":"0IAkCA,SAAS,EAAW,EAAe,EAAgB,CAKjD,OAJI,GAAU,EACL,GAGA,EAAQ,EAAU,GAAU,CACvC,CAEA,SAAS,GAA0B,CACjC,GAAM,CAAC,EAAsB,IAAA,EAAA,EAAA,UAAoC,EAAK,EAkBtE,OAhBA,EAAA,EAAA,eAAgB,CACd,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,WAC3C,OAGF,IAAM,EAAQ,OAAO,WAAW,kCAAkC,EAElE,EAAwB,EAAM,OAAO,EAErC,IAAM,MAAqB,EAAwB,EAAM,OAAO,EAIhE,OAFA,EAAM,mBAAmB,SAAU,CAAY,MAElC,EAAM,sBAAsB,SAAU,CAAY,CACjE,EAAG,CAAC,CAAC,EAEE,CACT,CAQA,IAAa,GAAiB,CAC5B,OAAO,GACP,UAAU,CAAC,EACX,MACA,OAAO,KACP,QACA,WAAW,IACX,qBAAqB,IACrB,eAAe,GACf,cACA,qBAAqB,EACrB,gBACA,YACA,QACA,eACA,eACA,UACA,SACA,GAAG,KACqB,CACxB,IAAM,GAAA,EAAA,EAAA,aAAwB,EAAQ,IAAK,GAAQ,EAAI,KAAK,CAAC,EAAE,OAAO,OAAO,EAAG,CAAC,CAAO,CAAC,EACnF,EAAe,IAAgB,IAAA,GAC/B,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,CAAkB,EAC/D,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,EAAK,EACxC,EAAuB,EAAwB,EAC/C,EAAe,EAAW,EAAe,EAAc,EAAe,EAAQ,MAAM,EAoC1F,IAlCA,EAAA,EAAA,eAAgB,CASd,GARI,EAAQ,QAAU,GAIlB,GAAY,GAIZ,GAAY,EACd,OAGF,IAAM,EAAQ,OAAO,gBAAkB,CACrC,IAAM,EAAY,EAAW,EAAe,EAAG,EAAQ,MAAM,EAExD,GACH,EAAiB,CAAS,EAG5B,IAAgB,CAAS,CAC3B,EAAG,CAAQ,EAEX,UAAa,OAAO,cAAc,CAAK,CACzC,EAAG,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EAAQ,MACV,CAAC,EAEG,EAAQ,SAAW,EACrB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACQ,OACD,MACC,OACC,QACI,YACJ,QACP,GAAI,CACL,CAAA,EAIL,IAAM,EAAQ,GAAO,GAAQ,SACvB,EAAkB,CACtB,GAAG,EACH,4BAA6B,GAAG,KAAK,IAAI,EAAG,CAAkB,EAAE,GAClE,EAEA,OACE,EAAA,EAAA,KAAC,OAAD,CACE,KAAK,MACL,aAAY,EACZ,UAAW,CAAC,EAAA,QAAO,QAAS,EAAA,QAAO,GAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7E,MAAO,EACP,aAAe,GAAU,CACnB,GACF,EAAY,EAAI,EAGlB,IAAe,CAAK,CACtB,EACA,aAAe,GAAU,CACnB,GACF,EAAY,EAAK,EAGnB,IAAe,CAAK,CACtB,EACA,QAAU,GAAU,CACd,GACF,EAAY,EAAI,EAGlB,IAAU,CAAK,CACjB,EACA,OAAS,GAAU,CACb,GACF,EAAY,EAAK,EAGnB,IAAS,CAAK,CAChB,EACA,GAAI,WAEH,EAAQ,KAAK,EAAK,KACjB,EAAA,EAAA,KAAC,EAAA,OAAD,CAEQ,OACD,MACL,IAAI,GACE,OACN,cAAY,OACZ,UAAW,CAAC,EAAA,QAAO,MAAO,IAAU,EAAe,EAAA,QAAO,OAAS,IAAI,EACpE,OAAO,OAAO,EACd,KAAK,GAAG,CACZ,EATM,GAAG,EAAI,GAAG,GAShB,CACF,CACG,CAAA,CAEV"}

package/dist/components/AvatarRotator/AvatarRotator.d.ts

@@ -33,4 +33,4 @@ export interface AvatarRotatorProps extends HTMLAttributes<HTMLSpanElement> {
  * Keeps `Avatar` focused on rendering one identity, while this component owns
  * timing, crossfade animation, and pause behavior.
  */
-export declare function AvatarRotator({ name, avatars, alt, size, color, interval, transitionDuration, pauseOnHover, activeIndex, defaultActiveIndex, onIndexChange, className, style, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: AvatarRotatorProps): import("react/jsx-runtime").JSX.Element;
+export declare const AvatarRotator: ({ name, avatars, alt, size, color, interval, transitionDuration, pauseOnHover, activeIndex, defaultActiveIndex, onIndexChange, className, style, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: AvatarRotatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AvatarRotator/AvatarRotator.js

@@ -16,7 +16,7 @@ function s() {
 		return e.addEventListener?.("change", n), () => e.removeEventListener?.("change", n);
 	}, []), e;
 }
-function c({ name: c = "", avatars: l = [], alt: u, size: d = "md", color: f, interval: p = 3e3, transitionDuration: m = 240, pauseOnHover: h = !0, activeIndex: g, defaultActiveIndex: _ = 0, onIndexChange: v, className: y, style: b, onMouseEnter: x, onMouseLeave: S, onFocus: C, onBlur: w, ...T }) {
+var c = ({ name: c = "", avatars: l = [], alt: u, size: d = "md", color: f, interval: p = 3e3, transitionDuration: m = 240, pauseOnHover: h = !0, activeIndex: g, defaultActiveIndex: _ = 0, onIndexChange: v, className: y, style: b, onMouseEnter: x, onMouseLeave: S, onFocus: C, onBlur: w, ...T }) => {
 	let E = r(() => l.map((e) => e.trim()).filter(Boolean), [l]), D = g !== void 0, [O, k] = i(_), [A, j] = i(!1), M = s(), N = o(D ? g : O, E.length);
 	if (n(() => {
 		if (E.length <= 1 || p <= 0 || A || M) return;
@@ -77,7 +77,7 @@ function c({ name: c = "", avatars: l = [], alt: u, size: d = "md", color: f, in
 			className: [t.layer, r === N ? t.active : null].filter(Boolean).join(" ")
 		}, `${n}-${r}`))
 	});
-}
+};
 //#endregion
 export { c as AvatarRotator };
 

package/dist/components/AvatarRotator/AvatarRotator.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarRotator.js","names":[],"sources":["../../../src/components/AvatarRotator/AvatarRotator.tsx"],"sourcesContent":["import { type CSSProperties, type HTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { Avatar, type AvatarColor, type AvatarSize } from '../Avatar';\n\nimport styles from './AvatarRotator.module.css';\n\nexport interface AvatarRotatorProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Full name used for the accessible label and initials fallback. */\n  name?: string;\n  /** Image URLs to rotate through. */\n  avatars?: string[];\n  /** Accessible label. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /** Fallback initials color when no avatar image is available. */\n  color?: AvatarColor;\n  /** Time between avatar changes in milliseconds. Defaults to `3000`. */\n  interval?: number;\n  /** Crossfade duration in milliseconds. Defaults to `240`. */\n  transitionDuration?: number;\n  /** Pause automatic rotation while hovered or focused. Defaults to `true`. */\n  pauseOnHover?: boolean;\n  /**\n   * Controlled active avatar index.\n   * When omitted the rotator manages index state internally.\n   */\n  activeIndex?: number;\n  /** Initial active avatar index for uncontrolled usage. Defaults to `0`. */\n  defaultActiveIndex?: number;\n  /** Called when the active avatar changes. */\n  onIndexChange?: (index: number) => void;\n}\n\nfunction clampIndex(index: number, length: number) {\n  if (length <= 0) {\n    return 0;\n  }\n\n  return ((index % length) + length) % length;\n}\n\nfunction usePrefersReducedMotion() {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) {\n      return;\n    }\n\n    const query = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    setPrefersReducedMotion(query.matches);\n\n    const handleChange = () => setPrefersReducedMotion(query.matches);\n\n    query.addEventListener?.('change', handleChange);\n\n    return () => query.removeEventListener?.('change', handleChange);\n  }, []);\n\n  return prefersReducedMotion;\n}\n\n/**\n * Single avatar surface that rotates through multiple image sources.\n *\n * Keeps `Avatar` focused on rendering one identity, while this component owns\n * timing, crossfade animation, and pause behavior.\n */\nexport function AvatarRotator({\n  name = '',\n  avatars = [],\n  alt,\n  size = 'md',\n  color,\n  interval = 3000,\n  transitionDuration = 240,\n  pauseOnHover = true,\n  activeIndex,\n  defaultActiveIndex = 0,\n  onIndexChange,\n  className,\n  style,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: AvatarRotatorProps) {\n  const sources = useMemo(() => avatars.map((src) => src.trim()).filter(Boolean), [avatars]);\n  const isControlled = activeIndex !== undefined;\n  const [internalIndex, setInternalIndex] = useState(defaultActiveIndex);\n  const [isPaused, setIsPaused] = useState(false);\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const currentIndex = clampIndex(isControlled ? activeIndex : internalIndex, sources.length);\n\n  useEffect(() => {\n    if (sources.length <= 1) {\n      return;\n    }\n\n    if (interval <= 0) {\n      return;\n    }\n\n    if (isPaused || prefersReducedMotion) {\n      return;\n    }\n\n    const timer = window.setInterval(() => {\n      const nextIndex = clampIndex(currentIndex + 1, sources.length);\n\n      if (!isControlled) {\n        setInternalIndex(nextIndex);\n      }\n\n      onIndexChange?.(nextIndex);\n    }, interval);\n\n    return () => window.clearInterval(timer);\n  }, [\n    currentIndex,\n    interval,\n    isControlled,\n    isPaused,\n    onIndexChange,\n    prefersReducedMotion,\n    sources.length,\n  ]);\n\n  if (sources.length === 0) {\n    return (\n      <Avatar\n        name={name}\n        alt={alt}\n        size={size}\n        color={color}\n        className={className}\n        style={style}\n        {...props}\n      />\n    );\n  }\n\n  const label = alt ?? name ?? 'Avatar';\n  const transitionStyle = {\n    ...style,\n    '--avatar-rotator-duration': `${Math.max(0, transitionDuration)}ms`,\n  } as CSSProperties;\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={label}\n      className={[styles.rotator, styles[size], className].filter(Boolean).join(' ')}\n      style={transitionStyle}\n      onMouseEnter={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onBlur?.(event);\n      }}\n      {...props}\n    >\n      {sources.map((src, index) => (\n        <Avatar\n          key={`${src}-${index}`}\n          name={name}\n          src={src}\n          alt=\"\"\n          size={size}\n          aria-hidden=\"true\"\n          className={[styles.layer, index === currentIndex ? styles.active : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAkCA,SAAS,EAAW,GAAe,GAAgB;AAKjD,QAJI,KAAU,IACL,KAGA,IAAQ,IAAU,KAAU;;AAGvC,SAAS,IAA0B;CACjC,IAAM,CAAC,GAAsB,KAA2B,EAAS,GAAM;AAkBvE,QAhBA,QAAgB;AACd,MAAI,OAAO,SAAW,OAAe,CAAC,OAAO,WAC3C;EAGF,IAAM,IAAQ,OAAO,WAAW,mCAAmC;AAEnE,IAAwB,EAAM,QAAQ;EAEtC,IAAM,UAAqB,EAAwB,EAAM,QAAQ;AAIjE,SAFA,EAAM,mBAAmB,UAAU,EAAa,QAEnC,EAAM,sBAAsB,UAAU,EAAa;IAC/D,EAAE,CAAC,EAEC;;AAST,SAAgB,EAAc,EAC5B,UAAO,IACP,aAAU,EAAE,EACZ,QACA,UAAO,MACP,UACA,cAAW,KACX,wBAAqB,KACrB,kBAAe,IACf,gBACA,wBAAqB,GACrB,kBACA,cACA,UACA,iBACA,iBACA,YACA,WACA,GAAG,KACkB;CACrB,IAAM,IAAU,QAAc,EAAQ,KAAK,MAAQ,EAAI,MAAM,CAAC,CAAC,OAAO,QAAQ,EAAE,CAAC,EAAQ,CAAC,EACpF,IAAe,MAAgB,KAAA,GAC/B,CAAC,GAAe,KAAoB,EAAS,EAAmB,EAChE,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,IAAuB,GAAyB,EAChD,IAAe,EAAW,IAAe,IAAc,GAAe,EAAQ,OAAO;AAoC3F,KAlCA,QAAgB;AASd,MARI,EAAQ,UAAU,KAIlB,KAAY,KAIZ,KAAY,EACd;EAGF,IAAM,IAAQ,OAAO,kBAAkB;GACrC,IAAM,IAAY,EAAW,IAAe,GAAG,EAAQ,OAAO;AAM9D,GAJK,KACH,EAAiB,EAAU,EAG7B,IAAgB,EAAU;KACzB,EAAS;AAEZ,eAAa,OAAO,cAAc,EAAM;IACvC;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAQ;EACT,CAAC,EAEE,EAAQ,WAAW,EACrB,QACE,kBAAC,GAAD;EACQ;EACD;EACC;EACC;EACI;EACJ;EACP,GAAI;EACJ,CAAA;CAIN,IAAM,IAAQ,KAAO,KAAQ,UACvB,IAAkB;EACtB,GAAG;EACH,6BAA6B,GAAG,KAAK,IAAI,GAAG,EAAmB,CAAC;EACjE;AAED,QACE,kBAAC,QAAD;EACE,MAAK;EACL,cAAY;EACZ,WAAW;GAAC,EAAO;GAAS,EAAO;GAAO;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC9E,OAAO;EACP,eAAe,MAAU;AAKvB,GAJI,KACF,EAAY,GAAK,EAGnB,IAAe,EAAM;;EAEvB,eAAe,MAAU;AAKvB,GAJI,KACF,EAAY,GAAM,EAGpB,IAAe,EAAM;;EAEvB,UAAU,MAAU;AAKlB,GAJI,KACF,EAAY,GAAK,EAGnB,IAAU,EAAM;;EAElB,SAAS,MAAU;AAKjB,GAJI,KACF,EAAY,GAAM,EAGpB,IAAS,EAAM;;EAEjB,GAAI;YAEH,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;GAEQ;GACD;GACL,KAAI;GACE;GACN,eAAY;GACZ,WAAW,CAAC,EAAO,OAAO,MAAU,IAAe,EAAO,SAAS,KAAK,CACrE,OAAO,QAAQ,CACf,KAAK,IAAI;GACZ,EATK,GAAG,EAAI,GAAG,IASf,CACF;EACG,CAAA"}
+{"version":3,"file":"AvatarRotator.js","names":[],"sources":["../../../src/components/AvatarRotator/AvatarRotator.tsx"],"sourcesContent":["import { type CSSProperties, type HTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { Avatar, type AvatarColor, type AvatarSize } from '../Avatar';\n\nimport styles from './AvatarRotator.module.css';\n\nexport interface AvatarRotatorProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Full name used for the accessible label and initials fallback. */\n  name?: string;\n  /** Image URLs to rotate through. */\n  avatars?: string[];\n  /** Accessible label. Defaults to `name`. */\n  alt?: string;\n  /** Size of the avatar. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n  /** Fallback initials color when no avatar image is available. */\n  color?: AvatarColor;\n  /** Time between avatar changes in milliseconds. Defaults to `3000`. */\n  interval?: number;\n  /** Crossfade duration in milliseconds. Defaults to `240`. */\n  transitionDuration?: number;\n  /** Pause automatic rotation while hovered or focused. Defaults to `true`. */\n  pauseOnHover?: boolean;\n  /**\n   * Controlled active avatar index.\n   * When omitted the rotator manages index state internally.\n   */\n  activeIndex?: number;\n  /** Initial active avatar index for uncontrolled usage. Defaults to `0`. */\n  defaultActiveIndex?: number;\n  /** Called when the active avatar changes. */\n  onIndexChange?: (index: number) => void;\n}\n\nfunction clampIndex(index: number, length: number) {\n  if (length <= 0) {\n    return 0;\n  }\n\n  return ((index % length) + length) % length;\n}\n\nfunction usePrefersReducedMotion() {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) {\n      return;\n    }\n\n    const query = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    setPrefersReducedMotion(query.matches);\n\n    const handleChange = () => setPrefersReducedMotion(query.matches);\n\n    query.addEventListener?.('change', handleChange);\n\n    return () => query.removeEventListener?.('change', handleChange);\n  }, []);\n\n  return prefersReducedMotion;\n}\n\n/**\n * Single avatar surface that rotates through multiple image sources.\n *\n * Keeps `Avatar` focused on rendering one identity, while this component owns\n * timing, crossfade animation, and pause behavior.\n */\nexport const AvatarRotator = ({\n  name = '',\n  avatars = [],\n  alt,\n  size = 'md',\n  color,\n  interval = 3000,\n  transitionDuration = 240,\n  pauseOnHover = true,\n  activeIndex,\n  defaultActiveIndex = 0,\n  onIndexChange,\n  className,\n  style,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: AvatarRotatorProps) => {\n  const sources = useMemo(() => avatars.map((src) => src.trim()).filter(Boolean), [avatars]);\n  const isControlled = activeIndex !== undefined;\n  const [internalIndex, setInternalIndex] = useState(defaultActiveIndex);\n  const [isPaused, setIsPaused] = useState(false);\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const currentIndex = clampIndex(isControlled ? activeIndex : internalIndex, sources.length);\n\n  useEffect(() => {\n    if (sources.length <= 1) {\n      return;\n    }\n\n    if (interval <= 0) {\n      return;\n    }\n\n    if (isPaused || prefersReducedMotion) {\n      return;\n    }\n\n    const timer = window.setInterval(() => {\n      const nextIndex = clampIndex(currentIndex + 1, sources.length);\n\n      if (!isControlled) {\n        setInternalIndex(nextIndex);\n      }\n\n      onIndexChange?.(nextIndex);\n    }, interval);\n\n    return () => window.clearInterval(timer);\n  }, [\n    currentIndex,\n    interval,\n    isControlled,\n    isPaused,\n    onIndexChange,\n    prefersReducedMotion,\n    sources.length,\n  ]);\n\n  if (sources.length === 0) {\n    return (\n      <Avatar\n        name={name}\n        alt={alt}\n        size={size}\n        color={color}\n        className={className}\n        style={style}\n        {...props}\n      />\n    );\n  }\n\n  const label = alt ?? name ?? 'Avatar';\n  const transitionStyle = {\n    ...style,\n    '--avatar-rotator-duration': `${Math.max(0, transitionDuration)}ms`,\n  } as CSSProperties;\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={label}\n      className={[styles.rotator, styles[size], className].filter(Boolean).join(' ')}\n      style={transitionStyle}\n      onMouseEnter={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(true);\n        }\n\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        if (pauseOnHover) {\n          setIsPaused(false);\n        }\n\n        onBlur?.(event);\n      }}\n      {...props}\n    >\n      {sources.map((src, index) => (\n        <Avatar\n          key={`${src}-${index}`}\n          name={name}\n          src={src}\n          alt=\"\"\n          size={size}\n          aria-hidden=\"true\"\n          className={[styles.layer, index === currentIndex ? styles.active : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      ))}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAkCA,SAAS,EAAW,GAAe,GAAgB;CAKjD,OAJI,KAAU,IACL,KAGA,IAAQ,IAAU,KAAU;AACvC;AAEA,SAAS,IAA0B;CACjC,IAAM,CAAC,GAAsB,KAA2B,EAAS,EAAK;CAkBtE,OAhBA,QAAgB;EACd,IAAI,OAAO,SAAW,OAAe,CAAC,OAAO,YAC3C;EAGF,IAAM,IAAQ,OAAO,WAAW,kCAAkC;EAElE,EAAwB,EAAM,OAAO;EAErC,IAAM,UAAqB,EAAwB,EAAM,OAAO;EAIhE,OAFA,EAAM,mBAAmB,UAAU,CAAY,SAElC,EAAM,sBAAsB,UAAU,CAAY;CACjE,GAAG,CAAC,CAAC,GAEE;AACT;AAQA,IAAa,KAAiB,EAC5B,UAAO,IACP,aAAU,CAAC,GACX,QACA,UAAO,MACP,UACA,cAAW,KACX,wBAAqB,KACrB,kBAAe,IACf,gBACA,wBAAqB,GACrB,kBACA,cACA,UACA,iBACA,iBACA,YACA,WACA,GAAG,QACqB;CACxB,IAAM,IAAU,QAAc,EAAQ,KAAK,MAAQ,EAAI,KAAK,CAAC,EAAE,OAAO,OAAO,GAAG,CAAC,CAAO,CAAC,GACnF,IAAe,MAAgB,KAAA,GAC/B,CAAC,GAAe,KAAoB,EAAS,CAAkB,GAC/D,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,IAAuB,EAAwB,GAC/C,IAAe,EAAW,IAAe,IAAc,GAAe,EAAQ,MAAM;CAoC1F,IAlCA,QAAgB;EASd,IARI,EAAQ,UAAU,KAIlB,KAAY,KAIZ,KAAY,GACd;EAGF,IAAM,IAAQ,OAAO,kBAAkB;GACrC,IAAM,IAAY,EAAW,IAAe,GAAG,EAAQ,MAAM;GAM7D,AAJK,KACH,EAAiB,CAAS,GAG5B,IAAgB,CAAS;EAC3B,GAAG,CAAQ;EAEX,aAAa,OAAO,cAAc,CAAK;CACzC,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAQ;CACV,CAAC,GAEG,EAAQ,WAAW,GACrB,OACE,kBAAC,GAAD;EACQ;EACD;EACC;EACC;EACI;EACJ;EACP,GAAI;CACL,CAAA;CAIL,IAAM,IAAQ,KAAO,KAAQ,UACvB,IAAkB;EACtB,GAAG;EACH,6BAA6B,GAAG,KAAK,IAAI,GAAG,CAAkB,EAAE;CAClE;CAEA,OACE,kBAAC,QAAD;EACE,MAAK;EACL,cAAY;EACZ,WAAW;GAAC,EAAO;GAAS,EAAO;GAAO;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC7E,OAAO;EACP,eAAe,MAAU;GAKvB,AAJI,KACF,EAAY,EAAI,GAGlB,IAAe,CAAK;EACtB;EACA,eAAe,MAAU;GAKvB,AAJI,KACF,EAAY,EAAK,GAGnB,IAAe,CAAK;EACtB;EACA,UAAU,MAAU;GAKlB,AAJI,KACF,EAAY,EAAI,GAGlB,IAAU,CAAK;EACjB;EACA,SAAS,MAAU;GAKjB,AAJI,KACF,EAAY,EAAK,GAGnB,IAAS,CAAK;EAChB;EACA,GAAI;YAEH,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;GAEQ;GACD;GACL,KAAI;GACE;GACN,eAAY;GACZ,WAAW,CAAC,EAAO,OAAO,MAAU,IAAe,EAAO,SAAS,IAAI,EACpE,OAAO,OAAO,EACd,KAAK,GAAG;EACZ,GATM,GAAG,EAAI,GAAG,GAShB,CACF;CACG,CAAA;AAEV"}

package/dist/components/AvatarRotator.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./AvatarRotator/AvatarRotator.cjs`);exports.AvatarRotator=e.AvatarRotator;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./AvatarRotator/AvatarRotator.cjs");exports.AvatarRotator=e.AvatarRotator;

package/dist/components/Badge/Badge.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Badge.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({variant:n=`accent`,dot:r=!1,children:i,anchor:a,className:o,...s}){let c=(0,t.jsx)(`span`,{className:[e.default.badge,e.default[n],r?e.default.dot:null,a?e.default.anchored:null,o].filter(Boolean).join(` `),...s,children:!r&&i});return a?(0,t.jsxs)(`span`,{className:e.default.wrapper,children:[a,c]}):c}exports.Badge=n;
+const e=require("./Badge.module.css.cjs");let t=require("react/jsx-runtime");var n=({variant:n=`accent`,dot:r=!1,children:i,anchor:a,className:o,...s})=>{let c=(0,t.jsx)(`span`,{className:[e.default.badge,e.default[n],r?e.default.dot:null,a?e.default.anchored:null,o].filter(Boolean).join(` `),...s,children:!r&&i});return a?(0,t.jsxs)(`span`,{className:e.default.wrapper,children:[a,c]}):c};exports.Badge=n;
 //# sourceMappingURL=Badge.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Badge.module.css';\n\nexport type BadgeVariant = 'accent' | 'success' | 'warning' | 'error' | 'neutral';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"accent\"`.\n   * - `accent`  — blue, for counts and highlights.\n   * - `success` — green, for positive status.\n   * - `warning` — yellow, for cautionary status.\n   * - `error`   — red, for failures or urgent counts.\n   * - `neutral` — gray, for inactive or secondary counts.\n   */\n  variant?: BadgeVariant;\n  /**\n   * When true, renders a small dot with no label — used for unread/online indicators.\n   * The `children` are ignored in dot mode.\n   */\n  dot?: boolean;\n  /** Number or short text to display. Keep to 1–3 characters. */\n  children?: ReactNode;\n  /**\n   * When provided, the badge is absolutely positioned over this child element\n   * at the top-right corner. The wrapper becomes `position: relative`.\n   */\n  anchor?: ReactNode;\n}\n\n/**\n * Counter or status indicator, optionally overlaid on another element.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/badges.html\n */\nexport function Badge({\n  variant = 'accent',\n  dot = false,\n  children,\n  anchor,\n  className,\n  ...props\n}: BadgeProps) {\n  const badgeEl = (\n    <span\n      className={[\n        styles.badge,\n        styles[variant],\n        dot ? styles.dot : null,\n        anchor ? styles.anchored : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {!dot && children}\n    </span>\n  );\n\n  if (anchor) {\n    return (\n      <span className={styles.wrapper}>\n        {anchor}\n        {badgeEl}\n      </span>\n    );\n  }\n\n  return badgeEl;\n}\n"],"mappings":"6EAmCA,SAAgB,EAAM,CACpB,UAAU,SACV,MAAM,GACN,WACA,SACA,YACA,GAAG,GACU,CACb,IAAM,GACJ,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CACT,EAAA,QAAO,MACP,EAAA,QAAO,GACP,EAAM,EAAA,QAAO,IAAM,KACnB,EAAS,EAAA,QAAO,SAAW,KAC3B,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAEH,CAAC,GAAO,EACJ,CAAA,CAYT,OATI,GAEA,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACG,EACA,EACI,GAIJ"}
+{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Badge.module.css';\n\nexport type BadgeVariant = 'accent' | 'success' | 'warning' | 'error' | 'neutral';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"accent\"`.\n   * - `accent`  — blue, for counts and highlights.\n   * - `success` — green, for positive status.\n   * - `warning` — yellow, for cautionary status.\n   * - `error`   — red, for failures or urgent counts.\n   * - `neutral` — gray, for inactive or secondary counts.\n   */\n  variant?: BadgeVariant;\n  /**\n   * When true, renders a small dot with no label — used for unread/online indicators.\n   * The `children` are ignored in dot mode.\n   */\n  dot?: boolean;\n  /** Number or short text to display. Keep to 1–3 characters. */\n  children?: ReactNode;\n  /**\n   * When provided, the badge is absolutely positioned over this child element\n   * at the top-right corner. The wrapper becomes `position: relative`.\n   */\n  anchor?: ReactNode;\n}\n\n/**\n * Counter or status indicator, optionally overlaid on another element.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/badges.html\n */\nexport const Badge = ({\n  variant = 'accent',\n  dot = false,\n  children,\n  anchor,\n  className,\n  ...props\n}: BadgeProps) => {\n  const badgeEl = (\n    <span\n      className={[\n        styles.badge,\n        styles[variant],\n        dot ? styles.dot : null,\n        anchor ? styles.anchored : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {!dot && children}\n    </span>\n  );\n\n  if (anchor) {\n    return (\n      <span className={styles.wrapper}>\n        {anchor}\n        {badgeEl}\n      </span>\n    );\n  }\n\n  return badgeEl;\n};\n"],"mappings":"6EAmCA,IAAa,GAAS,CACpB,UAAU,SACV,MAAM,GACN,WACA,SACA,YACA,GAAG,KACa,CAChB,IAAM,GACJ,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CACT,EAAA,QAAO,MACP,EAAA,QAAO,GACP,EAAM,EAAA,QAAO,IAAM,KACnB,EAAS,EAAA,QAAO,SAAW,KAC3B,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,WAEH,CAAC,GAAO,CACL,CAAA,EAYR,OATI,GAEA,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACG,EACA,CACG,IAIH,CACT"}

package/dist/components/Badge/Badge.d.ts

@@ -28,4 +28,4 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
  *
  * @see https://developer.gnome.org/hig/patterns/feedback/badges.html
  */
-export declare function Badge({ variant, dot, children, anchor, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ variant, dot, children, anchor, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.js

@@ -1,7 +1,7 @@
 import e from "./Badge.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Badge/Badge.tsx
-function r({ variant: r = "accent", dot: i = !1, children: a, anchor: o, className: s, ...c }) {
+var r = ({ variant: r = "accent", dot: i = !1, children: a, anchor: o, className: s, ...c }) => {
 	let l = /* @__PURE__ */ t("span", {
 		className: [
 			e.badge,
@@ -17,7 +17,7 @@ function r({ variant: r = "accent", dot: i = !1, children: a, anchor: o, classNa
 		className: e.wrapper,
 		children: [o, l]
 	}) : l;
-}
+};
 //#endregion
 export { r as Badge };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Badge.module.css';\n\nexport type BadgeVariant = 'accent' | 'success' | 'warning' | 'error' | 'neutral';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"accent\"`.\n   * - `accent`  — blue, for counts and highlights.\n   * - `success` — green, for positive status.\n   * - `warning` — yellow, for cautionary status.\n   * - `error`   — red, for failures or urgent counts.\n   * - `neutral` — gray, for inactive or secondary counts.\n   */\n  variant?: BadgeVariant;\n  /**\n   * When true, renders a small dot with no label — used for unread/online indicators.\n   * The `children` are ignored in dot mode.\n   */\n  dot?: boolean;\n  /** Number or short text to display. Keep to 1–3 characters. */\n  children?: ReactNode;\n  /**\n   * When provided, the badge is absolutely positioned over this child element\n   * at the top-right corner. The wrapper becomes `position: relative`.\n   */\n  anchor?: ReactNode;\n}\n\n/**\n * Counter or status indicator, optionally overlaid on another element.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/badges.html\n */\nexport function Badge({\n  variant = 'accent',\n  dot = false,\n  children,\n  anchor,\n  className,\n  ...props\n}: BadgeProps) {\n  const badgeEl = (\n    <span\n      className={[\n        styles.badge,\n        styles[variant],\n        dot ? styles.dot : null,\n        anchor ? styles.anchored : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {!dot && children}\n    </span>\n  );\n\n  if (anchor) {\n    return (\n      <span className={styles.wrapper}>\n        {anchor}\n        {badgeEl}\n      </span>\n    );\n  }\n\n  return badgeEl;\n}\n"],"mappings":";;;AAmCA,SAAgB,EAAM,EACpB,aAAU,UACV,SAAM,IACN,aACA,WACA,cACA,GAAG,KACU;CACb,IAAM,IACJ,kBAAC,QAAD;EACE,WAAW;GACT,EAAO;GACP,EAAO;GACP,IAAM,EAAO,MAAM;GACnB,IAAS,EAAO,WAAW;GAC3B;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAEH,CAAC,KAAO;EACJ,CAAA;AAYT,QATI,IAEA,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,GACA,EACI;MAIJ"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Badge.module.css';\n\nexport type BadgeVariant = 'accent' | 'success' | 'warning' | 'error' | 'neutral';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"accent\"`.\n   * - `accent`  — blue, for counts and highlights.\n   * - `success` — green, for positive status.\n   * - `warning` — yellow, for cautionary status.\n   * - `error`   — red, for failures or urgent counts.\n   * - `neutral` — gray, for inactive or secondary counts.\n   */\n  variant?: BadgeVariant;\n  /**\n   * When true, renders a small dot with no label — used for unread/online indicators.\n   * The `children` are ignored in dot mode.\n   */\n  dot?: boolean;\n  /** Number or short text to display. Keep to 1–3 characters. */\n  children?: ReactNode;\n  /**\n   * When provided, the badge is absolutely positioned over this child element\n   * at the top-right corner. The wrapper becomes `position: relative`.\n   */\n  anchor?: ReactNode;\n}\n\n/**\n * Counter or status indicator, optionally overlaid on another element.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/badges.html\n */\nexport const Badge = ({\n  variant = 'accent',\n  dot = false,\n  children,\n  anchor,\n  className,\n  ...props\n}: BadgeProps) => {\n  const badgeEl = (\n    <span\n      className={[\n        styles.badge,\n        styles[variant],\n        dot ? styles.dot : null,\n        anchor ? styles.anchored : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {!dot && children}\n    </span>\n  );\n\n  if (anchor) {\n    return (\n      <span className={styles.wrapper}>\n        {anchor}\n        {badgeEl}\n      </span>\n    );\n  }\n\n  return badgeEl;\n};\n"],"mappings":";;;AAmCA,IAAa,KAAS,EACpB,aAAU,UACV,SAAM,IACN,aACA,WACA,cACA,GAAG,QACa;CAChB,IAAM,IACJ,kBAAC,QAAD;EACE,WAAW;GACT,EAAO;GACP,EAAO;GACP,IAAM,EAAO,MAAM;GACnB,IAAS,EAAO,WAAW;GAC3B;EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;YAEH,CAAC,KAAO;CACL,CAAA;CAYR,OATI,IAEA,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,GACA,CACG;MAIH;AACT"}

package/dist/components/Badge.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Badge/Badge.cjs`);exports.Badge=e.Badge;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Badge/Badge.cjs");exports.Badge=e.Badge;

package/dist/components/Banner/Banner.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Banner.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({variant:n=`info`,children:r,actionLabel:i,onAction:a,dismissible:o=!1,onDismiss:s,className:c,...l}){return(0,t.jsxs)(`div`,{role:`status`,"aria-live":`polite`,className:[e.default.banner,e.default[n],c].filter(Boolean).join(` `),...l,children:[(0,t.jsx)(`span`,{className:e.default.message,children:r}),(i||o)&&(0,t.jsxs)(`span`,{className:e.default.actions,children:[i&&(0,t.jsx)(`button`,{type:`button`,className:[e.default.actionBtn,e.default[`actionBtn-${n}`]].filter(Boolean).join(` `),onClick:a,children:i}),o&&(0,t.jsx)(`button`,{type:`button`,className:e.default.dismissBtn,onClick:s,"aria-label":`Dismiss`,children:(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,"aria-hidden":`true`,fill:`currentColor`,children:(0,t.jsx)(`path`,{d:`M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z`})})})]})]})}exports.Banner=n;
+const e=require("./Banner.module.css.cjs");let t=require("react/jsx-runtime");var n=({variant:n=`info`,children:r,actionLabel:i,onAction:a,dismissible:o=!1,onDismiss:s,className:c,...l})=>(0,t.jsxs)(`div`,{role:`status`,"aria-live":`polite`,className:[e.default.banner,e.default[n],c].filter(Boolean).join(` `),...l,children:[(0,t.jsx)(`span`,{className:e.default.message,children:r}),(i||o)&&(0,t.jsxs)(`span`,{className:e.default.actions,children:[i&&(0,t.jsx)(`button`,{type:`button`,className:[e.default.actionBtn,e.default[`actionBtn-${n}`]].filter(Boolean).join(` `),onClick:a,children:i}),o&&(0,t.jsx)(`button`,{type:`button`,className:e.default.dismissBtn,onClick:s,"aria-label":`Dismiss`,children:(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,"aria-hidden":`true`,fill:`currentColor`,children:(0,t.jsx)(`path`,{d:`M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z`})})})]})]});exports.Banner=n;
 //# sourceMappingURL=Banner.cjs.map

package/dist/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Banner.module.css';\n\nexport type BannerVariant = 'info' | 'warning' | 'error' | 'success';\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Visual emphasis level.\n   * - `info` (default) — neutral, accent-colored. Use for tips and notices.\n   * - `warning` — yellow. Use for recoverable problems.\n   * - `error` — red. Use for failures that need attention.\n   * - `success` — green. Use for confirmations.\n   */\n  variant?: BannerVariant;\n  /** The message text. Keep it short — one or two sentences. */\n  children: ReactNode;\n  /**\n   * Label for the optional action button placed at the trailing end.\n   * When provided, `onAction` should also be supplied.\n   */\n  actionLabel?: string;\n  /** Called when the user clicks the action button. */\n  onAction?: () => void;\n  /**\n   * When true a dismiss (×) button is shown at the trailing edge.\n   * Provide `onDismiss` to handle removal from the DOM.\n   */\n  dismissible?: boolean;\n  /** Called when the user clicks the dismiss button. */\n  onDismiss?: () => void;\n}\n\n/**\n * Persistent message strip displayed at the top of a view.\n *\n * Mirrors the Adwaita `AdwBanner` pattern. Use for important information\n * that persists until the user acts or explicitly dismisses it.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Banner.html\n * @see https://developer.gnome.org/hig/patterns/feedback/banners.html\n */\nexport function Banner({\n  variant = 'info',\n  children,\n  actionLabel,\n  onAction,\n  dismissible = false,\n  onDismiss,\n  className,\n  ...props\n}: BannerProps) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={[styles.banner, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <span className={styles.message}>{children}</span>\n\n      {(actionLabel || dismissible) && (\n        <span className={styles.actions}>\n          {actionLabel && (\n            <button\n              type=\"button\"\n              className={[styles.actionBtn, styles[`actionBtn-${variant}`]]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={onAction}\n            >\n              {actionLabel}\n            </button>\n          )}\n          {dismissible && (\n            <button\n              type=\"button\"\n              className={styles.dismissBtn}\n              onClick={onDismiss}\n              aria-label=\"Dismiss\"\n            >\n              {/* × close icon */}\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                aria-hidden=\"true\"\n                fill=\"currentColor\"\n              >\n                <path d=\"M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z\" />\n              </svg>\n            </button>\n          )}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"8EA0CA,SAAgB,EAAO,CACrB,UAAU,OACV,WACA,cACA,WACA,cAAc,GACd,YACA,YACA,GAAG,GACW,CACd,OACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,SACL,YAAU,SACV,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAChF,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAU,WAAgB,CAAA,EAEhD,GAAe,KACf,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACG,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,UAAW,EAAA,QAAO,aAAa,KAAW,CAC1D,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,QAAS,WAER,EACM,CAAA,CAEV,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAA,QAAO,WAClB,QAAS,EACT,aAAW,oBAGX,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,KACN,OAAO,KACP,QAAQ,YACR,cAAY,OACZ,KAAK,yBAEL,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,+LAAiM,CAAA,CACrM,CAAA,CACC,CAAA,CAEN,GAEL"}
+{"version":3,"file":"Banner.cjs","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Banner.module.css';\n\nexport type BannerVariant = 'info' | 'warning' | 'error' | 'success';\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Visual emphasis level.\n   * - `info` (default) — neutral, accent-colored. Use for tips and notices.\n   * - `warning` — yellow. Use for recoverable problems.\n   * - `error` — red. Use for failures that need attention.\n   * - `success` — green. Use for confirmations.\n   */\n  variant?: BannerVariant;\n  /** The message text. Keep it short — one or two sentences. */\n  children: ReactNode;\n  /**\n   * Label for the optional action button placed at the trailing end.\n   * When provided, `onAction` should also be supplied.\n   */\n  actionLabel?: string;\n  /** Called when the user clicks the action button. */\n  onAction?: () => void;\n  /**\n   * When true a dismiss (×) button is shown at the trailing edge.\n   * Provide `onDismiss` to handle removal from the DOM.\n   */\n  dismissible?: boolean;\n  /** Called when the user clicks the dismiss button. */\n  onDismiss?: () => void;\n}\n\n/**\n * Persistent message strip displayed at the top of a view.\n *\n * Mirrors the Adwaita `AdwBanner` pattern. Use for important information\n * that persists until the user acts or explicitly dismisses it.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Banner.html\n * @see https://developer.gnome.org/hig/patterns/feedback/banners.html\n */\nexport const Banner = ({\n  variant = 'info',\n  children,\n  actionLabel,\n  onAction,\n  dismissible = false,\n  onDismiss,\n  className,\n  ...props\n}: BannerProps) => {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={[styles.banner, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <span className={styles.message}>{children}</span>\n\n      {(actionLabel || dismissible) && (\n        <span className={styles.actions}>\n          {actionLabel && (\n            <button\n              type=\"button\"\n              className={[styles.actionBtn, styles[`actionBtn-${variant}`]]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={onAction}\n            >\n              {actionLabel}\n            </button>\n          )}\n          {dismissible && (\n            <button\n              type=\"button\"\n              className={styles.dismissBtn}\n              onClick={onDismiss}\n              aria-label=\"Dismiss\"\n            >\n              {/* × close icon */}\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                aria-hidden=\"true\"\n                fill=\"currentColor\"\n              >\n                <path d=\"M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z\" />\n              </svg>\n            </button>\n          )}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":"8EA0CA,IAAa,GAAU,CACrB,UAAU,OACV,WACA,cACA,WACA,cAAc,GACd,YACA,YACA,GAAG,MAGD,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,SACL,YAAU,SACV,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/E,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAU,UAAe,CAAA,GAE/C,GAAe,KACf,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACG,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,UAAW,EAAA,QAAO,aAAa,IAAU,EACzD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAS,WAER,CACK,CAAA,EAET,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAA,QAAO,WAClB,QAAS,EACT,aAAW,oBAGX,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,KACN,OAAO,KACP,QAAQ,YACR,cAAY,OACZ,KAAK,yBAEL,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,8LAAgM,CAAA,CACrM,CAAA,CACC,CAAA,CAEN,GAEL"}

package/dist/components/Banner/Banner.d.ts

@@ -35,4 +35,4 @@ export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Banner.html
  * @see https://developer.gnome.org/hig/patterns/feedback/banners.html
  */
-export declare function Banner({ variant, children, actionLabel, onAction, dismissible, onDismiss, className, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ variant, children, actionLabel, onAction, dismissible, onDismiss, className, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/Banner.js

@@ -1,43 +1,41 @@
 import e from "./Banner.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Banner/Banner.tsx
-function r({ variant: r = "info", children: i, actionLabel: a, onAction: o, dismissible: s = !1, onDismiss: c, className: l, ...u }) {
-	return /* @__PURE__ */ n("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: [
-			e.banner,
-			e[r],
-			l
-		].filter(Boolean).join(" "),
-		...u,
-		children: [/* @__PURE__ */ t("span", {
-			className: e.message,
-			children: i
-		}), (a || s) && /* @__PURE__ */ n("span", {
-			className: e.actions,
-			children: [a && /* @__PURE__ */ t("button", {
-				type: "button",
-				className: [e.actionBtn, e[`actionBtn-${r}`]].filter(Boolean).join(" "),
-				onClick: o,
-				children: a
-			}), s && /* @__PURE__ */ t("button", {
-				type: "button",
-				className: e.dismissBtn,
-				onClick: c,
-				"aria-label": "Dismiss",
-				children: /* @__PURE__ */ t("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 16 16",
-					"aria-hidden": "true",
-					fill: "currentColor",
-					children: /* @__PURE__ */ t("path", { d: "M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z" })
-				})
-			})]
+var r = ({ variant: r = "info", children: i, actionLabel: a, onAction: o, dismissible: s = !1, onDismiss: c, className: l, ...u }) => /* @__PURE__ */ n("div", {
+	role: "status",
+	"aria-live": "polite",
+	className: [
+		e.banner,
+		e[r],
+		l
+	].filter(Boolean).join(" "),
+	...u,
+	children: [/* @__PURE__ */ t("span", {
+		className: e.message,
+		children: i
+	}), (a || s) && /* @__PURE__ */ n("span", {
+		className: e.actions,
+		children: [a && /* @__PURE__ */ t("button", {
+			type: "button",
+			className: [e.actionBtn, e[`actionBtn-${r}`]].filter(Boolean).join(" "),
+			onClick: o,
+			children: a
+		}), s && /* @__PURE__ */ t("button", {
+			type: "button",
+			className: e.dismissBtn,
+			onClick: c,
+			"aria-label": "Dismiss",
+			children: /* @__PURE__ */ t("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				"aria-hidden": "true",
+				fill: "currentColor",
+				children: /* @__PURE__ */ t("path", { d: "M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z" })
+			})
 		})]
-	});
-}
+	})]
+});
 //#endregion
 export { r as Banner };
 

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Banner.module.css';\n\nexport type BannerVariant = 'info' | 'warning' | 'error' | 'success';\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Visual emphasis level.\n   * - `info` (default) — neutral, accent-colored. Use for tips and notices.\n   * - `warning` — yellow. Use for recoverable problems.\n   * - `error` — red. Use for failures that need attention.\n   * - `success` — green. Use for confirmations.\n   */\n  variant?: BannerVariant;\n  /** The message text. Keep it short — one or two sentences. */\n  children: ReactNode;\n  /**\n   * Label for the optional action button placed at the trailing end.\n   * When provided, `onAction` should also be supplied.\n   */\n  actionLabel?: string;\n  /** Called when the user clicks the action button. */\n  onAction?: () => void;\n  /**\n   * When true a dismiss (×) button is shown at the trailing edge.\n   * Provide `onDismiss` to handle removal from the DOM.\n   */\n  dismissible?: boolean;\n  /** Called when the user clicks the dismiss button. */\n  onDismiss?: () => void;\n}\n\n/**\n * Persistent message strip displayed at the top of a view.\n *\n * Mirrors the Adwaita `AdwBanner` pattern. Use for important information\n * that persists until the user acts or explicitly dismisses it.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Banner.html\n * @see https://developer.gnome.org/hig/patterns/feedback/banners.html\n */\nexport function Banner({\n  variant = 'info',\n  children,\n  actionLabel,\n  onAction,\n  dismissible = false,\n  onDismiss,\n  className,\n  ...props\n}: BannerProps) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={[styles.banner, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <span className={styles.message}>{children}</span>\n\n      {(actionLabel || dismissible) && (\n        <span className={styles.actions}>\n          {actionLabel && (\n            <button\n              type=\"button\"\n              className={[styles.actionBtn, styles[`actionBtn-${variant}`]]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={onAction}\n            >\n              {actionLabel}\n            </button>\n          )}\n          {dismissible && (\n            <button\n              type=\"button\"\n              className={styles.dismissBtn}\n              onClick={onDismiss}\n              aria-label=\"Dismiss\"\n            >\n              {/* × close icon */}\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                aria-hidden=\"true\"\n                fill=\"currentColor\"\n              >\n                <path d=\"M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z\" />\n              </svg>\n            </button>\n          )}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;AA0CA,SAAgB,EAAO,EACrB,aAAU,QACV,aACA,gBACA,aACA,iBAAc,IACd,cACA,cACA,GAAG,KACW;AACd,QACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW;GAAC,EAAO;GAAQ,EAAO;GAAU;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAChF,GAAI;YAJN,CAME,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAU;GAAgB,CAAA,GAEhD,KAAe,MACf,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAxB,CACG,KACC,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,CAAC,EAAO,WAAW,EAAO,aAAa,KAAW,CAC1D,OAAO,QAAQ,CACf,KAAK,IAAI;IACZ,SAAS;cAER;IACM,CAAA,EAEV,KACC,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,SAAS;IACT,cAAW;cAGX,kBAAC,OAAD;KACE,OAAM;KACN,QAAO;KACP,SAAQ;KACR,eAAY;KACZ,MAAK;eAEL,kBAAC,QAAD,EAAM,GAAE,gMAAiM,CAAA;KACrM,CAAA;IACC,CAAA,CAEN;KAEL"}
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Banner.module.css';\n\nexport type BannerVariant = 'info' | 'warning' | 'error' | 'success';\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Visual emphasis level.\n   * - `info` (default) — neutral, accent-colored. Use for tips and notices.\n   * - `warning` — yellow. Use for recoverable problems.\n   * - `error` — red. Use for failures that need attention.\n   * - `success` — green. Use for confirmations.\n   */\n  variant?: BannerVariant;\n  /** The message text. Keep it short — one or two sentences. */\n  children: ReactNode;\n  /**\n   * Label for the optional action button placed at the trailing end.\n   * When provided, `onAction` should also be supplied.\n   */\n  actionLabel?: string;\n  /** Called when the user clicks the action button. */\n  onAction?: () => void;\n  /**\n   * When true a dismiss (×) button is shown at the trailing edge.\n   * Provide `onDismiss` to handle removal from the DOM.\n   */\n  dismissible?: boolean;\n  /** Called when the user clicks the dismiss button. */\n  onDismiss?: () => void;\n}\n\n/**\n * Persistent message strip displayed at the top of a view.\n *\n * Mirrors the Adwaita `AdwBanner` pattern. Use for important information\n * that persists until the user acts or explicitly dismisses it.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Banner.html\n * @see https://developer.gnome.org/hig/patterns/feedback/banners.html\n */\nexport const Banner = ({\n  variant = 'info',\n  children,\n  actionLabel,\n  onAction,\n  dismissible = false,\n  onDismiss,\n  className,\n  ...props\n}: BannerProps) => {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={[styles.banner, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <span className={styles.message}>{children}</span>\n\n      {(actionLabel || dismissible) && (\n        <span className={styles.actions}>\n          {actionLabel && (\n            <button\n              type=\"button\"\n              className={[styles.actionBtn, styles[`actionBtn-${variant}`]]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={onAction}\n            >\n              {actionLabel}\n            </button>\n          )}\n          {dismissible && (\n            <button\n              type=\"button\"\n              className={styles.dismissBtn}\n              onClick={onDismiss}\n              aria-label=\"Dismiss\"\n            >\n              {/* × close icon */}\n              <svg\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                aria-hidden=\"true\"\n                fill=\"currentColor\"\n              >\n                <path d=\"M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z\" />\n              </svg>\n            </button>\n          )}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AA0CA,IAAa,KAAU,EACrB,aAAU,QACV,aACA,gBACA,aACA,iBAAc,IACd,cACA,cACA,GAAG,QAGD,kBAAC,OAAD;CACE,MAAK;CACL,aAAU;CACV,WAAW;EAAC,EAAO;EAAQ,EAAO;EAAU;CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC/E,GAAI;WAJN,CAME,kBAAC,QAAD;EAAM,WAAW,EAAO;EAAU;CAAe,CAAA,IAE/C,KAAe,MACf,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,KACC,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,CAAC,EAAO,WAAW,EAAO,aAAa,IAAU,EACzD,OAAO,OAAO,EACd,KAAK,GAAG;GACX,SAAS;aAER;EACK,CAAA,GAET,KACC,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAO;GAClB,SAAS;GACT,cAAW;aAGX,kBAAC,OAAD;IACE,OAAM;IACN,QAAO;IACP,SAAQ;IACR,eAAY;IACZ,MAAK;cAEL,kBAAC,QAAD,EAAM,GAAE,+LAAgM,CAAA;GACrM,CAAA;EACC,CAAA,CAEN;GAEL"}

package/dist/components/Banner/Banner.module.css.cjs

@@ -1,2 +1,2 @@
-var e=`_banner_1w4m1_3`,t=`_message_1w4m1_17`,n=`_actions_1w4m1_24`,r=`_actionBtn_1w4m1_33`,i=`_dismissBtn_1w4m1_55`,a=`_info_1w4m1_89`,o=`_warning_1w4m1_103`,s=`_error_1w4m1_117`,c=`_success_1w4m1_131`,l={banner:e,message:t,actions:n,actionBtn:r,dismissBtn:i,info:a,"actionBtn-info":`_actionBtn-info_1w4m1_94`,warning:o,"actionBtn-warning":`_actionBtn-warning_1w4m1_108`,error:s,"actionBtn-error":`_actionBtn-error_1w4m1_122`,success:c,"actionBtn-success":`_actionBtn-success_1w4m1_136`};exports.default=l;
+var e={banner:`_banner_1w4m1_3`,message:`_message_1w4m1_17`,actions:`_actions_1w4m1_24`,actionBtn:`_actionBtn_1w4m1_33`,dismissBtn:`_dismissBtn_1w4m1_55`,info:`_info_1w4m1_89`,"actionBtn-info":`_actionBtn-info_1w4m1_94`,warning:`_warning_1w4m1_103`,"actionBtn-warning":`_actionBtn-warning_1w4m1_108`,error:`_error_1w4m1_117`,"actionBtn-error":`_actionBtn-error_1w4m1_122`,success:`_success_1w4m1_131`,"actionBtn-success":`_actionBtn-success_1w4m1_136`};exports.default=e;
 //# sourceMappingURL=Banner.module.css.cjs.map

package/dist/components/Banner/Banner.module.css.js

@@ -1,20 +1,19 @@
-//#region src/components/Banner/Banner.module.css
-var e = "_banner_1w4m1_3", t = "_message_1w4m1_17", n = "_actions_1w4m1_24", r = "_actionBtn_1w4m1_33", i = "_dismissBtn_1w4m1_55", a = "_info_1w4m1_89", o = "_warning_1w4m1_103", s = "_error_1w4m1_117", c = "_success_1w4m1_131", l = {
-	banner: e,
-	message: t,
-	actions: n,
-	actionBtn: r,
-	dismissBtn: i,
-	info: a,
+var e = {
+	banner: "_banner_1w4m1_3",
+	message: "_message_1w4m1_17",
+	actions: "_actions_1w4m1_24",
+	actionBtn: "_actionBtn_1w4m1_33",
+	dismissBtn: "_dismissBtn_1w4m1_55",
+	info: "_info_1w4m1_89",
 	"actionBtn-info": "_actionBtn-info_1w4m1_94",
-	warning: o,
+	warning: "_warning_1w4m1_103",
 	"actionBtn-warning": "_actionBtn-warning_1w4m1_108",
-	error: s,
+	error: "_error_1w4m1_117",
 	"actionBtn-error": "_actionBtn-error_1w4m1_122",
-	success: c,
+	success: "_success_1w4m1_131",
 	"actionBtn-success": "_actionBtn-success_1w4m1_136"
 };
 //#endregion
-export { l as default };
+export { e as default };
 
 //# sourceMappingURL=Banner.module.css.js.map

package/dist/components/Banner.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Banner/Banner.cjs`);exports.Banner=e.Banner;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Banner/Banner.cjs");exports.Banner=e.Banner;

package/dist/components/Bin/Bin.cjs

@@ -1,2 +1,2 @@
-let e=require(`react/jsx-runtime`);function t({children:t,...n}){return(0,e.jsx)(`div`,{...n,children:t})}exports.Bin=t;
+let e=require("react/jsx-runtime");var t=({children:t,...n})=>(0,e.jsx)(`div`,{...n,children:t});exports.Bin=t;
 //# sourceMappingURL=Bin.cjs.map

package/dist/components/Bin/Bin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Bin.cjs","names":[],"sources":["../../../src/components/Bin/Bin.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface BinProps extends HTMLAttributes<HTMLDivElement> {\n  /** Single child. */\n  children?: ReactNode;\n}\n\n/**\n * Single-child container with no visual styling.\n *\n * A transparent wrapper that constrains its content to one child while\n * forwarding all HTML div attributes. Useful as a base for custom components\n * that need a neutral container — e.g. to apply layout or size constraints\n * without introducing visual chrome.\n *\n * Mirrors `AdwBin`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Bin.html\n */\nexport function Bin({ children, ...props }: BinProps) {\n  return <div {...props}>{children}</div>;\n}\n"],"mappings":"mCAmBA,SAAgB,EAAI,CAAE,WAAU,GAAG,GAAmB,CACpD,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAQ,WAAe,CAAA"}
+{"version":3,"file":"Bin.cjs","names":[],"sources":["../../../src/components/Bin/Bin.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface BinProps extends HTMLAttributes<HTMLDivElement> {\n  /** Single child. */\n  children?: ReactNode;\n}\n\n/**\n * Single-child container with no visual styling.\n *\n * A transparent wrapper that constrains its content to one child while\n * forwarding all HTML div attributes. Useful as a base for custom components\n * that need a neutral container — e.g. to apply layout or size constraints\n * without introducing visual chrome.\n *\n * Mirrors `AdwBin`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Bin.html\n */\nexport const Bin = ({ children, ...props }: BinProps) => {\n  return <div {...props}>{children}</div>;\n};\n"],"mappings":"mCAmBA,IAAa,GAAO,CAAE,WAAU,GAAG,MAC1B,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAQ,UAAc,CAAA"}

package/dist/components/Bin/Bin.d.ts

@@ -15,4 +15,4 @@ export interface BinProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Bin.html
  */
-export declare function Bin({ children, ...props }: BinProps): import("react/jsx-runtime").JSX.Element;
+export declare const Bin: ({ children, ...props }: BinProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Bin/Bin.js

@@ -1,11 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Bin/Bin.tsx
-function t({ children: t, ...n }) {
-	return /* @__PURE__ */ e("div", {
-		...n,
-		children: t
-	});
-}
+var t = ({ children: t, ...n }) => /* @__PURE__ */ e("div", {
+	...n,
+	children: t
+});
 //#endregion
 export { t as Bin };
 

package/dist/components/Bin/Bin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bin.js","names":[],"sources":["../../../src/components/Bin/Bin.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface BinProps extends HTMLAttributes<HTMLDivElement> {\n  /** Single child. */\n  children?: ReactNode;\n}\n\n/**\n * Single-child container with no visual styling.\n *\n * A transparent wrapper that constrains its content to one child while\n * forwarding all HTML div attributes. Useful as a base for custom components\n * that need a neutral container — e.g. to apply layout or size constraints\n * without introducing visual chrome.\n *\n * Mirrors `AdwBin`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Bin.html\n */\nexport function Bin({ children, ...props }: BinProps) {\n  return <div {...props}>{children}</div>;\n}\n"],"mappings":";;AAmBA,SAAgB,EAAI,EAAE,aAAU,GAAG,KAAmB;AACpD,QAAO,kBAAC,OAAD;EAAK,GAAI;EAAQ;EAAe,CAAA"}
+{"version":3,"file":"Bin.js","names":[],"sources":["../../../src/components/Bin/Bin.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface BinProps extends HTMLAttributes<HTMLDivElement> {\n  /** Single child. */\n  children?: ReactNode;\n}\n\n/**\n * Single-child container with no visual styling.\n *\n * A transparent wrapper that constrains its content to one child while\n * forwarding all HTML div attributes. Useful as a base for custom components\n * that need a neutral container — e.g. to apply layout or size constraints\n * without introducing visual chrome.\n *\n * Mirrors `AdwBin`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Bin.html\n */\nexport const Bin = ({ children, ...props }: BinProps) => {\n  return <div {...props}>{children}</div>;\n};\n"],"mappings":";;AAmBA,IAAa,KAAO,EAAE,aAAU,GAAG,QAC1B,kBAAC,OAAD;CAAK,GAAI;CAAQ;AAAc,CAAA"}

package/dist/components/Bin.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Bin/Bin.cjs`);exports.Bin=e.Bin;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Bin/Bin.cjs");exports.Bin=e.Bin;

package/dist/components/Blockquote/Blockquote.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Blockquote.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({variant:n=`default`,icon:r,cite:i,children:a,className:o,...s}){return(0,t.jsxs)(`blockquote`,{className:[e.default.blockquote,e.default[n],o].filter(Boolean).join(` `),...s,children:[(0,t.jsxs)(`div`,{className:e.default.body,children:[r&&(0,t.jsx)(`span`,{className:e.default.icon,"aria-hidden":`true`,children:r}),(0,t.jsx)(`p`,{className:e.default.content,children:a})]}),i!==void 0&&(0,t.jsx)(`footer`,{className:e.default.footer,children:(0,t.jsx)(`cite`,{className:e.default.cite,children:i})})]})}exports.Blockquote=n;
+const e=require("./Blockquote.module.css.cjs");let t=require("react/jsx-runtime");var n=({variant:n=`default`,icon:r,cite:i,children:a,className:o,...s})=>(0,t.jsxs)(`blockquote`,{className:[e.default.blockquote,e.default[n],o].filter(Boolean).join(` `),...s,children:[(0,t.jsxs)(`div`,{className:e.default.body,children:[r&&(0,t.jsx)(`span`,{className:e.default.icon,"aria-hidden":`true`,children:r}),(0,t.jsx)(`p`,{className:e.default.content,children:a})]}),i!==void 0&&(0,t.jsx)(`footer`,{className:e.default.footer,children:(0,t.jsx)(`cite`,{className:e.default.cite,children:i})})]});exports.Blockquote=n;
 //# sourceMappingURL=Blockquote.cjs.map

package/dist/components/Blockquote/Blockquote.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Blockquote.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type BlockquoteVariant = 'default' | 'info' | 'warning' | 'error' | 'success';\n\nexport interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {\n  /**\n   * Visual emphasis style.\n   * - `\"default\"` — neutral left border; use for general quotations.\n   * - `\"info\"`    — accent blue; use for tips and noteworthy passages.\n   * - `\"warning\"` — yellow; use for cautionary content.\n   * - `\"error\"`   — red; use for critical or deprecated content.\n   * - `\"success\"` — green; use for positive or approved content.\n   */\n  variant?: BlockquoteVariant;\n  /**\n   * Optional icon displayed to the left of the quoted text.\n   * Typically a 16 px `<Icon>` component.\n   */\n  icon?: ReactNode;\n  /**\n   * Attribution rendered below the quote — author name, source title, etc.\n   * Rendered inside a `<footer><cite>` for semantic correctness.\n   */\n  cite?: ReactNode;\n  /** The quoted content. */\n  children: ReactNode;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Styled pull-quote with semantic `<blockquote>` markup.\n *\n * Supports five visual variants and optional icon + attribution.\n *\n * ```tsx\n * <Blockquote variant=\"info\" cite=\"Ada Lovelace, 1842\">\n *   The Analytical Engine has no pretensions to originate anything.\n * </Blockquote>\n *\n * <Blockquote variant=\"warning\" icon={<Icon icon={Warning} size={16} />}>\n *   This API is deprecated and will be removed in v3.\n * </Blockquote>\n * ```\n */\nexport function Blockquote({\n  variant = 'default',\n  icon,\n  cite,\n  children,\n  className,\n  ...props\n}: BlockquoteProps) {\n  return (\n    <blockquote\n      className={[styles.blockquote, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div className={styles.body}>\n        {icon && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        <p className={styles.content}>{children}</p>\n      </div>\n\n      {cite !== undefined && (\n        <footer className={styles.footer}>\n          <cite className={styles.cite}>{cite}</cite>\n        </footer>\n      )}\n    </blockquote>\n  );\n}\n"],"mappings":"kFAiDA,SAAgB,EAAW,CACzB,UAAU,UACV,OACA,OACA,WACA,YACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,MAAC,aAAD,CACE,UAAW,CAAC,EAAA,QAAO,WAAY,EAAA,QAAO,GAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACpF,GAAI,WAFN,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAvB,CACG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,cAAY,gBACvC,EACI,CAAA,EAET,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,QAAU,WAAa,CAAA,CACxC,GAEL,IAAS,IAAA,KACR,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,iBACxB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAY,CAAA,CACpC,CAAA,CAEA"}
+{"version":3,"file":"Blockquote.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Blockquote.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type BlockquoteVariant = 'default' | 'info' | 'warning' | 'error' | 'success';\n\nexport interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {\n  /**\n   * Visual emphasis style.\n   * - `\"default\"` — neutral left border; use for general quotations.\n   * - `\"info\"`    — accent blue; use for tips and noteworthy passages.\n   * - `\"warning\"` — yellow; use for cautionary content.\n   * - `\"error\"`   — red; use for critical or deprecated content.\n   * - `\"success\"` — green; use for positive or approved content.\n   */\n  variant?: BlockquoteVariant;\n  /**\n   * Optional icon displayed to the left of the quoted text.\n   * Typically a 16 px `<Icon>` component.\n   */\n  icon?: ReactNode;\n  /**\n   * Attribution rendered below the quote — author name, source title, etc.\n   * Rendered inside a `<footer><cite>` for semantic correctness.\n   */\n  cite?: ReactNode;\n  /** The quoted content. */\n  children: ReactNode;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Styled pull-quote with semantic `<blockquote>` markup.\n *\n * Supports five visual variants and optional icon + attribution.\n *\n * ```tsx\n * <Blockquote variant=\"info\" cite=\"Ada Lovelace, 1842\">\n *   The Analytical Engine has no pretensions to originate anything.\n * </Blockquote>\n *\n * <Blockquote variant=\"warning\" icon={<Icon icon={Warning} size={16} />}>\n *   This API is deprecated and will be removed in v3.\n * </Blockquote>\n * ```\n */\nexport const Blockquote = ({\n  variant = 'default',\n  icon,\n  cite,\n  children,\n  className,\n  ...props\n}: BlockquoteProps) => {\n  return (\n    <blockquote\n      className={[styles.blockquote, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div className={styles.body}>\n        {icon && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        <p className={styles.content}>{children}</p>\n      </div>\n\n      {cite !== undefined && (\n        <footer className={styles.footer}>\n          <cite className={styles.cite}>{cite}</cite>\n        </footer>\n      )}\n    </blockquote>\n  );\n};\n"],"mappings":"kFAiDA,IAAa,GAAc,CACzB,UAAU,UACV,OACA,OACA,WACA,YACA,GAAG,MAGD,EAAA,EAAA,MAAC,aAAD,CACE,UAAW,CAAC,EAAA,QAAO,WAAY,EAAA,QAAO,GAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACnF,GAAI,WAFN,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAvB,CACG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,cAAY,gBACvC,CACG,CAAA,GAER,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,QAAU,UAAY,CAAA,CACxC,IAEJ,IAAS,IAAA,KACR,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,iBACxB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,CACpC,CAAA,CAEA"}

package/dist/components/Blockquote/Blockquote.d.ts

@@ -38,4 +38,4 @@ export interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {
  * </Blockquote>
  * ```
  */
-export declare function Blockquote({ variant, icon, cite, children, className, ...props }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;
+export declare const Blockquote: ({ variant, icon, cite, children, className, ...props }: BlockquoteProps) => import("react/jsx-runtime").JSX.Element;