@gnome-ui/react 1.44.0 → 1.45.1

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

@@ -1,20 +1,20 @@
 var e = {
-	avatar: "_avatar_1f2cd_3",
-	sm: "_sm_1f2cd_17",
-	md: "_md_1f2cd_22",
-	lg: "_lg_1f2cd_27",
-	xl: "_xl_1f2cd_32",
-	image: "_image_1f2cd_39",
-	initials: "_initials_1f2cd_48",
-	"color-blue": "_color-blue_1f2cd_64",
-	"color-green": "_color-green_1f2cd_65",
-	"color-yellow": "_color-yellow_1f2cd_66",
-	"color-orange": "_color-orange_1f2cd_72",
-	"color-red": "_color-red_1f2cd_73",
-	"color-purple": "_color-purple_1f2cd_74",
-	"color-brown": "_color-brown_1f2cd_75",
-	"color-teal": "_color-teal_1f2cd_76",
-	"color-slate": "_color-slate_1f2cd_77"
+	avatar: "_avatar_ig6e6_3",
+	sm: "_sm_ig6e6_17",
+	md: "_md_ig6e6_22",
+	lg: "_lg_ig6e6_27",
+	xl: "_xl_ig6e6_32",
+	image: "_image_ig6e6_39",
+	initials: "_initials_ig6e6_48",
+	"color-blue": "_color-blue_ig6e6_72",
+	"color-green": "_color-green_ig6e6_75",
+	"color-yellow": "_color-yellow_ig6e6_78",
+	"color-orange": "_color-orange_ig6e6_86",
+	"color-red": "_color-red_ig6e6_89",
+	"color-purple": "_color-purple_ig6e6_92",
+	"color-brown": "_color-brown_ig6e6_95",
+	"color-teal": "_color-teal_ig6e6_98",
+	"color-slate": "_color-slate_ig6e6_101"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.css.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  /* Subtle ring so the avatar reads on any background */\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 24px;\n  height: 24px;\n}\n\n.md {\n  width: 32px;\n  height: 32px;\n}\n\n.lg {\n  width: 48px;\n  height: 48px;\n}\n\n.xl {\n  width: 64px;\n  height: 64px;\n}\n\n/* ─── Image ────────────────────────────────────────────────────────────────── */\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* ─── Initials ─────────────────────────────────────────────────────────────── */\n\n.initials {\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  color: #ffffff;\n  /* Scale initials font relative to the avatar size */\n  font-size: 0.42em;\n}\n\n.sm .initials  { font-size: 0.5em; }\n.md .initials  { font-size: 0.60em; }\n.lg .initials  { font-size: 1.0em; }\n.xl .initials  { font-size: 1.40em; }\n\n/* ─── Color variants (initials fallback) ───────────────────────────────────── */\n\n.color-blue   { background-color: var(--gnome-blue-3,   #3584e4); }\n.color-green  { background-color: var(--gnome-green-4,  #2ec27e); }\n.color-yellow {\n  background-color: var(--gnome-yellow-4, #f5c211);\n  /* yellow needs dark initials for contrast */\n}\n.color-yellow .initials { color: rgba(0, 0, 0, 0.8); }\n\n.color-orange { background-color: var(--gnome-orange-4, #e66100); }\n.color-red    { background-color: var(--gnome-red-3,    #e01b24); }\n.color-purple { background-color: var(--gnome-purple-3, #9141ac); }\n.color-brown  { background-color: var(--gnome-brown-3,  #986a44); }\n.color-teal   { background-color: #2190a4; }\n.color-slate  { background-color: var(--gnome-dark-2,   #5e5c64); }\n\n/* ─── Dark mode ring ───────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .avatar {\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.module.css.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  /* Subtle ring so the avatar reads on any background */\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 24px;\n  height: 24px;\n}\n\n.md {\n  width: 32px;\n  height: 32px;\n}\n\n.lg {\n  width: 48px;\n  height: 48px;\n}\n\n.xl {\n  width: 64px;\n  height: 64px;\n}\n\n/* ─── Image ────────────────────────────────────────────────────────────────── */\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* ─── Initials ─────────────────────────────────────────────────────────────── */\n\n.initials {\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  color: #ffffff;\n  /* Scale initials font relative to the avatar size */\n  font-size: 0.42em;\n}\n\n.sm .initials {\n  font-size: 0.5em;\n}\n.md .initials {\n  font-size: 0.6em;\n}\n.lg .initials {\n  font-size: 1em;\n}\n.xl .initials {\n  font-size: 1.4em;\n}\n\n/* ─── Color variants (initials fallback) ───────────────────────────────────── */\n\n.color-blue {\n  background-color: var(--gnome-blue-3, #3584e4);\n}\n.color-green {\n  background-color: var(--gnome-green-4, #2ec27e);\n}\n.color-yellow {\n  background-color: var(--gnome-yellow-4, #f5c211);\n  /* yellow needs dark initials for contrast */\n}\n.color-yellow .initials {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.color-orange {\n  background-color: var(--gnome-orange-4, #e66100);\n}\n.color-red {\n  background-color: var(--gnome-red-3, #e01b24);\n}\n.color-purple {\n  background-color: var(--gnome-purple-3, #9141ac);\n}\n.color-brown {\n  background-color: var(--gnome-brown-3, #986a44);\n}\n.color-teal {\n  background-color: #2190a4;\n}\n.color-slate {\n  background-color: var(--gnome-dark-2, #5e5c64);\n}\n\n/* ─── Dark mode ring ───────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .avatar {\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
+export type { AvatarColor, AvatarProps, AvatarSize } from './Avatar';
 export { Avatar } from './Avatar';
-export type { AvatarProps, AvatarSize, AvatarColor } from './Avatar';

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarRotator.cjs","names":[],"sources":["../../../src/components/AvatarRotator/AvatarRotator.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n} from \"react\";\nimport { Avatar, type AvatarColor, type AvatarSize } from \"../Avatar\";\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) return 0;\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) return;\n\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setPrefersReducedMotion(query.matches);\n\n    const handleChange = () => setPrefersReducedMotion(query.matches);\n    query.addEventListener?.(\"change\", handleChange);\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(\n    () => avatars.map((src) => src.trim()).filter(Boolean),\n    [avatars],\n  );\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(\n    isControlled ? activeIndex : internalIndex,\n    sources.length,\n  );\n\n  useEffect(() => {\n    if (sources.length <= 1) return;\n    if (interval <= 0) return;\n    if (isPaused || prefersReducedMotion) return;\n\n    const timer = window.setInterval(() => {\n      const nextIndex = clampIndex(currentIndex + 1, sources.length);\n      if (!isControlled) setInternalIndex(nextIndex);\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]\n        .filter(Boolean)\n        .join(\" \")}\n      style={transitionStyle}\n      onMouseEnter={(event) => {\n        if (pauseOnHover) setIsPaused(true);\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        if (pauseOnHover) setIsPaused(false);\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        if (pauseOnHover) setIsPaused(true);\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        if (pauseOnHover) setIsPaused(false);\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={[\n            styles.layer,\n            index === currentIndex ? styles.active : null,\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":"0IAsCA,SAAS,EAAW,EAAe,EAAgB,CAEjD,OADI,GAAU,EAAU,GACf,EAAQ,EAAU,GAAU,EAGvC,SAAS,GAA0B,CACjC,GAAM,CAAC,EAAsB,IAAA,EAAA,EAAA,UAAoC,GAAM,CAavE,OAXA,EAAA,EAAA,eAAgB,CACd,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,WAAY,OAEzD,IAAM,EAAQ,OAAO,WAAW,mCAAmC,CACnE,EAAwB,EAAM,QAAQ,CAEtC,IAAM,MAAqB,EAAwB,EAAM,QAAQ,CAEjE,OADA,EAAM,mBAAmB,SAAU,EAAa,KACnC,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,aACE,EAAQ,IAAK,GAAQ,EAAI,MAAM,CAAC,CAAC,OAAO,QAAQ,CACtD,CAAC,EAAQ,CACV,CACK,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,EACnB,EAAe,EAAc,EAC7B,EAAQ,OACT,CAwBD,IAtBA,EAAA,EAAA,eAAgB,CAGd,GAFI,EAAQ,QAAU,GAClB,GAAY,GACZ,GAAY,EAAsB,OAEtC,IAAM,EAAQ,OAAO,gBAAkB,CACrC,IAAM,EAAY,EAAW,EAAe,EAAG,EAAQ,OAAO,CACzD,GAAc,EAAiB,EAAU,CAC9C,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,CACjD,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,MAAO,EACP,aAAe,GAAU,CACnB,GAAc,EAAY,GAAK,CACnC,IAAe,EAAM,EAEvB,aAAe,GAAU,CACnB,GAAc,EAAY,GAAM,CACpC,IAAe,EAAM,EAEvB,QAAU,GAAU,CACd,GAAc,EAAY,GAAK,CACnC,IAAU,EAAM,EAElB,OAAS,GAAU,CACb,GAAc,EAAY,GAAM,CACpC,IAAS,EAAM,EAEjB,GAAI,WAEH,EAAQ,KAAK,EAAK,KACjB,EAAA,EAAA,KAAC,EAAA,OAAD,CAEQ,OACD,MACL,IAAI,GACE,OACN,cAAY,OACZ,UAAW,CACT,EAAA,QAAO,MACP,IAAU,EAAe,EAAA,QAAO,OAAS,KAC1C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,CAZK,GAAG,EAAI,GAAG,IAYf,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 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarRotator.js","names":[],"sources":["../../../src/components/AvatarRotator/AvatarRotator.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n} from \"react\";\nimport { Avatar, type AvatarColor, type AvatarSize } from \"../Avatar\";\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) return 0;\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) return;\n\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setPrefersReducedMotion(query.matches);\n\n    const handleChange = () => setPrefersReducedMotion(query.matches);\n    query.addEventListener?.(\"change\", handleChange);\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(\n    () => avatars.map((src) => src.trim()).filter(Boolean),\n    [avatars],\n  );\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(\n    isControlled ? activeIndex : internalIndex,\n    sources.length,\n  );\n\n  useEffect(() => {\n    if (sources.length <= 1) return;\n    if (interval <= 0) return;\n    if (isPaused || prefersReducedMotion) return;\n\n    const timer = window.setInterval(() => {\n      const nextIndex = clampIndex(currentIndex + 1, sources.length);\n      if (!isControlled) setInternalIndex(nextIndex);\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]\n        .filter(Boolean)\n        .join(\" \")}\n      style={transitionStyle}\n      onMouseEnter={(event) => {\n        if (pauseOnHover) setIsPaused(true);\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        if (pauseOnHover) setIsPaused(false);\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        if (pauseOnHover) setIsPaused(true);\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        if (pauseOnHover) setIsPaused(false);\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={[\n            styles.layer,\n            index === currentIndex ? styles.active : null,\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        />\n      ))}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAsCA,SAAS,EAAW,GAAe,GAAgB;AAEjD,QADI,KAAU,IAAU,KACf,IAAQ,IAAU,KAAU;;AAGvC,SAAS,IAA0B;CACjC,IAAM,CAAC,GAAsB,KAA2B,EAAS,GAAM;AAavE,QAXA,QAAgB;AACd,MAAI,OAAO,SAAW,OAAe,CAAC,OAAO,WAAY;EAEzD,IAAM,IAAQ,OAAO,WAAW,mCAAmC;AACnE,IAAwB,EAAM,QAAQ;EAEtC,IAAM,UAAqB,EAAwB,EAAM,QAAQ;AAEjE,SADA,EAAM,mBAAmB,UAAU,EAAa,QACnC,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,QACR,EAAQ,KAAK,MAAQ,EAAI,MAAM,CAAC,CAAC,OAAO,QAAQ,EACtD,CAAC,EAAQ,CACV,EACK,IAAe,MAAgB,KAAA,GAC/B,CAAC,GAAe,KAAoB,EAAS,EAAmB,EAChE,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,IAAuB,GAAyB,EAChD,IAAe,EACnB,IAAe,IAAc,GAC7B,EAAQ,OACT;AAwBD,KAtBA,QAAgB;AAGd,MAFI,EAAQ,UAAU,KAClB,KAAY,KACZ,KAAY,EAAsB;EAEtC,IAAM,IAAQ,OAAO,kBAAkB;GACrC,IAAM,IAAY,EAAW,IAAe,GAAG,EAAQ,OAAO;AAE9D,GADK,KAAc,EAAiB,EAAU,EAC9C,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,CACjD,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,OAAO;EACP,eAAe,MAAU;AAEvB,GADI,KAAc,EAAY,GAAK,EACnC,IAAe,EAAM;;EAEvB,eAAe,MAAU;AAEvB,GADI,KAAc,EAAY,GAAM,EACpC,IAAe,EAAM;;EAEvB,UAAU,MAAU;AAElB,GADI,KAAc,EAAY,GAAK,EACnC,IAAU,EAAM;;EAElB,SAAS,MAAU;AAEjB,GADI,KAAc,EAAY,GAAM,EACpC,IAAS,EAAM;;EAEjB,GAAI;YAEH,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;GAEQ;GACD;GACL,KAAI;GACE;GACN,eAAY;GACZ,WAAW,CACT,EAAO,OACP,MAAU,IAAe,EAAO,SAAS,KAC1C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;GACZ,EAZK,GAAG,EAAI,GAAG,IAYf,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 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"}

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

@@ -1,2 +1,2 @@
-export { AvatarRotator } from './AvatarRotator';
 export type { AvatarRotatorProps } from './AvatarRotator';
+export { AvatarRotator } from './AvatarRotator';

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\";\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":"6EAkCA,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 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"}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type BadgeVariant = "accent" | "success" | "warning" | "error" | "neutral";
+export type BadgeVariant = 'accent' | 'success' | 'warning' | 'error' | 'neutral';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Visual style. Defaults to `"accent"`.

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\";\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":";;;AAkCA,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 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"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_1apop_3`,badge:`_badge_1apop_11`,anchored:`_anchored_1apop_32`,dot:`_dot_1apop_41`,accent:`_accent_1apop_56`,success:`_success_1apop_61`,warning:`_warning_1apop_66`,error:`_error_1apop_71`,neutral:`_neutral_1apop_76`};exports.default=e;
+var e={wrapper:`_wrapper_dy5mc_3`,badge:`_badge_dy5mc_11`,anchored:`_anchored_dy5mc_33`,dot:`_dot_dy5mc_42`,accent:`_accent_dy5mc_57`,success:`_success_dy5mc_62`,warning:`_warning_dy5mc_67`,error:`_error_dy5mc_72`,neutral:`_neutral_dy5mc_77`};exports.default=e;
 //# sourceMappingURL=Badge.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.css.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem;        /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgba(255, 255, 255, 0.87);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.css.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem; /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgba(255, 255, 255, 0.87);\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	wrapper: "_wrapper_1apop_3",
-	badge: "_badge_1apop_11",
-	anchored: "_anchored_1apop_32",
-	dot: "_dot_1apop_41",
-	accent: "_accent_1apop_56",
-	success: "_success_1apop_61",
-	warning: "_warning_1apop_66",
-	error: "_error_1apop_71",
-	neutral: "_neutral_1apop_76"
+	wrapper: "_wrapper_dy5mc_3",
+	badge: "_badge_dy5mc_11",
+	anchored: "_anchored_dy5mc_33",
+	dot: "_dot_dy5mc_42",
+	accent: "_accent_dy5mc_57",
+	success: "_success_dy5mc_62",
+	warning: "_warning_dy5mc_67",
+	error: "_error_dy5mc_72",
+	neutral: "_neutral_dy5mc_77"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.css.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem;        /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgba(255, 255, 255, 0.87);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.css.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem; /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgba(255, 255, 255, 0.87);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { Badge } from './Badge';
 export type { BadgeProps, BadgeVariant } from './Badge';
+export { Badge } from './Badge';

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\";\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]\n        .filter(Boolean)\n        .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":"8EAyCA,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,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WANN,EAQE,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 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"}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type BannerVariant = "info" | "warning" | "error" | "success";
+export type BannerVariant = 'info' | 'warning' | 'error' | 'success';
 export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Visual emphasis level.

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\";\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]\n        .filter(Boolean)\n        .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":";;;AAyCA,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,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YANN,CAQE,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 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"}

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

@@ -1,2 +1,2 @@
-var e=`_banner_1x3b0_3`,t=`_message_1x3b0_17`,n=`_actions_1x3b0_24`,r=`_actionBtn_1x3b0_33`,i=`_dismissBtn_1x3b0_55`,a=`_info_1x3b0_85`,o=`_warning_1x3b0_99`,s=`_error_1x3b0_113`,c=`_success_1x3b0_127`,l={banner:e,message:t,actions:n,actionBtn:r,dismissBtn:i,info:a,"actionBtn-info":`_actionBtn-info_1x3b0_90`,warning:o,"actionBtn-warning":`_actionBtn-warning_1x3b0_104`,error:s,"actionBtn-error":`_actionBtn-error_1x3b0_118`,success:c,"actionBtn-success":`_actionBtn-success_1x3b0_132`};exports.default=l;
+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;
 //# sourceMappingURL=Banner.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.module.css.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      currentColor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\n  transition:\n    opacity      var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dismissBtn:hover  { opacity: 1; }\n.dismissBtn:active { opacity: 0.8; }\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      currentColor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-info:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.actionBtn-warning:active {\n  background-color: rgba(0, 0, 0, 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-error:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-success:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.module.css.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n}\n.dismissBtn:active {\n  opacity: 0.8;\n}\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-info:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.actionBtn-warning:active {\n  background-color: rgba(0, 0, 0, 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-error:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-success:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n"],"mappings":""}

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

@@ -1,18 +1,18 @@
 //#region src/components/Banner/Banner.module.css
-var e = "_banner_1x3b0_3", t = "_message_1x3b0_17", n = "_actions_1x3b0_24", r = "_actionBtn_1x3b0_33", i = "_dismissBtn_1x3b0_55", a = "_info_1x3b0_85", o = "_warning_1x3b0_99", s = "_error_1x3b0_113", c = "_success_1x3b0_127", l = {
+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_1x3b0_90",
+	"actionBtn-info": "_actionBtn-info_1w4m1_94",
 	warning: o,
-	"actionBtn-warning": "_actionBtn-warning_1x3b0_104",
+	"actionBtn-warning": "_actionBtn-warning_1w4m1_108",
 	error: s,
-	"actionBtn-error": "_actionBtn-error_1x3b0_118",
+	"actionBtn-error": "_actionBtn-error_1w4m1_122",
 	success: c,
-	"actionBtn-success": "_actionBtn-success_1x3b0_132"
+	"actionBtn-success": "_actionBtn-success_1w4m1_136"
 };
 //#endregion
 export { l as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.module.css.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      currentColor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\n  transition:\n    opacity      var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dismissBtn:hover  { opacity: 1; }\n.dismissBtn:active { opacity: 0.8; }\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      currentColor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-info:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.actionBtn-warning:active {\n  background-color: rgba(0, 0, 0, 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-error:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-success:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.module.css.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n}\n.dismissBtn:active {\n  opacity: 0.8;\n}\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-info:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.actionBtn-warning:active {\n  background-color: rgba(0, 0, 0, 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-error:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-success:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { Banner } from './Banner';
 export type { BannerProps, BannerVariant } from './Banner';
+export { Banner } from './Banner';

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 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"}

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 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"}

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

@@ -1,2 +1,2 @@
-export { Bin } from './Bin';
 export type { BinProps } from './Bin';
+export { Bin } from './Bin';

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\";\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]\n        .filter(Boolean)\n        .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":"kFAgDA,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,CACvD,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAJN,EAME,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 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"}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type BlockquoteVariant = "default" | "info" | "warning" | "error" | "success";
+export type BlockquoteVariant = 'default' | 'info' | 'warning' | 'error' | 'success';
 export interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {
     /**
      * Visual emphasis style.

package/dist/components/Blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","names":[],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\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]\n        .filter(Boolean)\n        .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":";;;AAgDA,SAAgB,EAAW,EACzB,aAAU,WACV,SACA,SACA,aACA,cACA,GAAG,KACe;AAClB,QACE,kBAAC,cAAD;EACE,WAAW;GAAC,EAAO;GAAY,EAAO;GAAU;GAAU,CACvD,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN,CAME,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,KACC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAY;cACvC;IACI,CAAA,EAET,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAU;IAAa,CAAA,CACxC;MAEL,MAAS,KAAA,KACR,kBAAC,UAAD;GAAQ,WAAW,EAAO;aACxB,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;IAAY,CAAA;GACpC,CAAA,CAEA"}
+{"version":3,"file":"Blockquote.js","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":";;;AAiDA,SAAgB,EAAW,EACzB,aAAU,WACV,SACA,SACA,aACA,cACA,GAAG,KACe;AAClB,QACE,kBAAC,cAAD;EACE,WAAW;GAAC,EAAO;GAAY,EAAO;GAAU;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACpF,GAAI;YAFN,CAIE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,KACC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAY;cACvC;IACI,CAAA,EAET,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAU;IAAa,CAAA,CACxC;MAEL,MAAS,KAAA,KACR,kBAAC,UAAD;GAAQ,WAAW,EAAO;aACxB,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;IAAY,CAAA;GACpC,CAAA,CAEA"}

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

@@ -1,2 +1,2 @@
-var e={blockquote:`_blockquote_j7x50_3`,body:`_body_j7x50_15`,icon:`_icon_j7x50_21`,content:`_content_j7x50_28`,footer:`_footer_j7x50_36`,cite:`_cite_j7x50_42`,default:`_default_j7x50_48`,info:`_info_j7x50_52`,warning:`_warning_j7x50_61`,error:`_error_j7x50_70`,success:`_success_j7x50_79`};exports.default=e;
+var e={blockquote:`_blockquote_mmiw1_3`,body:`_body_mmiw1_15`,icon:`_icon_mmiw1_21`,content:`_content_mmiw1_28`,footer:`_footer_mmiw1_36`,cite:`_cite_mmiw1_42`,default:`_default_mmiw1_48`,info:`_info_mmiw1_52`,warning:`_warning_mmiw1_57`,error:`_error_mmiw1_62`,success:`_success_mmiw1_67`};exports.default=e;
 //# sourceMappingURL=Blockquote.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.module.css.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.blockquote {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-3, 18px);\n  border-left: var(--gnome-blockquote-border-width, 3px) solid;\n  border-radius: 0 var(--gnome-radius-sm, 4px) var(--gnome-radius-sm, 4px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Body (icon + text) ──────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gnome-space-2, 12px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-top: 2px; /* optical alignment with first text baseline */\n}\n\n.content {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Attribution ─────────────────────────────────────────────────────────── */\n\n.footer {\n  margin-top: var(--gnome-space-1, 6px);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.cite {\n  font-style: normal;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.default {\n  border-color: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.info {\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-accent-bg-color, #3584e4) 8%,\n    transparent\n  );\n}\n\n.warning {\n  border-color: var(--gnome-warning-bg-color, #f6d32d);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-warning-bg-color, #f6d32d) 14%,\n    transparent\n  );\n}\n\n.error {\n  border-color: var(--gnome-error-bg-color, #e01b24);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-error-bg-color, #e01b24) 8%,\n    transparent\n  );\n}\n\n.success {\n  border-color: var(--gnome-success-bg-color, #2ec27e);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-success-bg-color, #2ec27e) 8%,\n    transparent\n  );\n}\n"],"mappings":""}
+{"version":3,"file":"Blockquote.module.css.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.blockquote {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-3, 18px);\n  border-left: var(--gnome-blockquote-border-width, 3px) solid;\n  border-radius: 0 var(--gnome-radius-sm, 4px) var(--gnome-radius-sm, 4px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Body (icon + text) ──────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gnome-space-2, 12px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-top: 2px; /* optical alignment with first text baseline */\n}\n\n.content {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Attribution ─────────────────────────────────────────────────────────── */\n\n.footer {\n  margin-top: var(--gnome-space-1, 6px);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.cite {\n  font-style: normal;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.default {\n  border-color: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.info {\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 8%, transparent);\n}\n\n.warning {\n  border-color: var(--gnome-warning-bg-color, #f6d32d);\n  background-color: color-mix(in srgb, var(--gnome-warning-bg-color, #f6d32d) 14%, transparent);\n}\n\n.error {\n  border-color: var(--gnome-error-bg-color, #e01b24);\n  background-color: color-mix(in srgb, var(--gnome-error-bg-color, #e01b24) 8%, transparent);\n}\n\n.success {\n  border-color: var(--gnome-success-bg-color, #2ec27e);\n  background-color: color-mix(in srgb, var(--gnome-success-bg-color, #2ec27e) 8%, transparent);\n}\n"],"mappings":""}

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

@@ -1,15 +1,15 @@
 var e = {
-	blockquote: "_blockquote_j7x50_3",
-	body: "_body_j7x50_15",
-	icon: "_icon_j7x50_21",
-	content: "_content_j7x50_28",
-	footer: "_footer_j7x50_36",
-	cite: "_cite_j7x50_42",
-	default: "_default_j7x50_48",
-	info: "_info_j7x50_52",
-	warning: "_warning_j7x50_61",
-	error: "_error_j7x50_70",
-	success: "_success_j7x50_79"
+	blockquote: "_blockquote_mmiw1_3",
+	body: "_body_mmiw1_15",
+	icon: "_icon_mmiw1_21",
+	content: "_content_mmiw1_28",
+	footer: "_footer_mmiw1_36",
+	cite: "_cite_mmiw1_42",
+	default: "_default_mmiw1_48",
+	info: "_info_mmiw1_52",
+	warning: "_warning_mmiw1_57",
+	error: "_error_mmiw1_62",
+	success: "_success_mmiw1_67"
 };
 //#endregion
 export { e as default };

package/dist/components/Blockquote/Blockquote.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.module.css.js","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.blockquote {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-3, 18px);\n  border-left: var(--gnome-blockquote-border-width, 3px) solid;\n  border-radius: 0 var(--gnome-radius-sm, 4px) var(--gnome-radius-sm, 4px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Body (icon + text) ──────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gnome-space-2, 12px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-top: 2px; /* optical alignment with first text baseline */\n}\n\n.content {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Attribution ─────────────────────────────────────────────────────────── */\n\n.footer {\n  margin-top: var(--gnome-space-1, 6px);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.cite {\n  font-style: normal;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.default {\n  border-color: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.info {\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-accent-bg-color, #3584e4) 8%,\n    transparent\n  );\n}\n\n.warning {\n  border-color: var(--gnome-warning-bg-color, #f6d32d);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-warning-bg-color, #f6d32d) 14%,\n    transparent\n  );\n}\n\n.error {\n  border-color: var(--gnome-error-bg-color, #e01b24);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-error-bg-color, #e01b24) 8%,\n    transparent\n  );\n}\n\n.success {\n  border-color: var(--gnome-success-bg-color, #2ec27e);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-success-bg-color, #2ec27e) 8%,\n    transparent\n  );\n}\n"],"mappings":""}
+{"version":3,"file":"Blockquote.module.css.js","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.blockquote {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-3, 18px);\n  border-left: var(--gnome-blockquote-border-width, 3px) solid;\n  border-radius: 0 var(--gnome-radius-sm, 4px) var(--gnome-radius-sm, 4px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Body (icon + text) ──────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gnome-space-2, 12px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-top: 2px; /* optical alignment with first text baseline */\n}\n\n.content {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Attribution ─────────────────────────────────────────────────────────── */\n\n.footer {\n  margin-top: var(--gnome-space-1, 6px);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.cite {\n  font-style: normal;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.default {\n  border-color: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.info {\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 8%, transparent);\n}\n\n.warning {\n  border-color: var(--gnome-warning-bg-color, #f6d32d);\n  background-color: color-mix(in srgb, var(--gnome-warning-bg-color, #f6d32d) 14%, transparent);\n}\n\n.error {\n  border-color: var(--gnome-error-bg-color, #e01b24);\n  background-color: color-mix(in srgb, var(--gnome-error-bg-color, #e01b24) 8%, transparent);\n}\n\n.success {\n  border-color: var(--gnome-success-bg-color, #2ec27e);\n  background-color: color-mix(in srgb, var(--gnome-success-bg-color, #2ec27e) 8%, transparent);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { Blockquote } from './Blockquote';
 export type { BlockquoteProps, BlockquoteVariant } from './Blockquote';
+export { Blockquote } from './Blockquote';