@gnome-ui/react 1.45.0 → 1.45.1

package/dist/components/ExpanderRow/ExpanderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderRow.js","names":[],"sources":["../../../src/components/ExpanderRow/ExpanderRow.tsx"],"sourcesContent":["import { useState, Children, useId, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Separator } from \"../Separator\";\nimport styles from \"./ExpanderRow.module.css\";\n\nexport interface ExpanderRowProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge of the header row. */\n  leading?: ReactNode;\n  /**\n   * Widget placed at the trailing edge of the header row, before the chevron\n   * (e.g. a value label or a Switch). Stop event propagation inside it so the\n   * row's toggle isn't triggered.\n   */\n  trailing?: ReactNode;\n  /**\n   * Nested rows revealed when expanded. Use `ActionRow`, `ButtonRow`, or any\n   * row-shaped element — separators are inserted automatically.\n   */\n  children?: ReactNode;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Initial expanded state when uncontrolled. Defaults to `false`. */\n  defaultExpanded?: boolean;\n  /** Called when the expanded state changes. */\n  onExpandedChange?: (expanded: boolean) => void;\n}\n\n/**\n * Collapsible `ActionRow` that reveals nested rows on activation.\n *\n * Mirrors `AdwExpanderRow` — the header row toggles a reveal animation exposing\n * child rows. Supports both controlled and uncontrolled expand state.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ExpanderRow.html\n */\nexport function ExpanderRow({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  children,\n  expanded: controlledExpanded,\n  defaultExpanded = false,\n  onExpandedChange,\n  className,\n  ...props\n}: ExpanderRowProps) {\n  const isControlled = controlledExpanded !== undefined;\n  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultExpanded);\n  const expanded = isControlled ? controlledExpanded : uncontrolledExpanded;\n\n  const panelId = useId();\n  const headerId = useId();\n\n  const toggle = () => {\n    const next = !expanded;\n    if (!isControlled) setUncontrolledExpanded(next);\n    onExpandedChange?.(next);\n  };\n\n  const childItems = Children.toArray(children).filter(Boolean);\n\n  return (\n    <div\n      className={[styles.expanderRow, expanded ? styles.expanded : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {/* ─── Header (toggle button) ─────────────────────────────────────── */}\n      <button\n        id={headerId}\n        className={styles.header}\n        aria-expanded={expanded}\n        aria-controls={panelId}\n        onClick={toggle}\n      >\n        {leading && <span className={styles.leading}>{leading}</span>}\n\n        <span className={styles.content}>\n          <span className={styles.title}>{title}</span>\n          {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n        </span>\n\n        {trailing && <span className={styles.trailing}>{trailing}</span>}\n\n        <span className={[styles.chevronWrap, expanded ? styles.chevronOpen : null].filter(Boolean).join(\" \")} aria-hidden=\"true\">\n          <svg className={styles.chevron} width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" focusable=\"false\">\n            <path\n              d=\"M4 6l4 4 4-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </span>\n      </button>\n\n      {/* ─── Reveal panel ───────────────────────────────────────────────── */}\n      <div\n        id={panelId}\n        role=\"region\"\n        aria-labelledby={headerId}\n        className={styles.panel}\n      >\n        <div className={styles.panelInner}>\n          {childItems.map((child, i) => (\n            <div key={i} className={styles.childItem}>\n              <Separator aria-hidden=\"true\" />\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAsCA,SAAgB,EAAY,EAC1B,UACA,aACA,YACA,aACA,aACA,UAAU,GACV,qBAAkB,IAClB,qBACA,cACA,GAAG,KACgB;CACnB,IAAM,IAAe,MAAuB,KAAA,GACtC,CAAC,GAAsB,KAA2B,EAAS,EAAgB,EAC3E,IAAW,IAAe,IAAqB,GAE/C,IAAU,GAAO,EACjB,IAAW,GAAO,EAElB,UAAe;EACnB,IAAM,IAAO,CAAC;AAEd,EADK,KAAc,EAAwB,EAAK,EAChD,IAAmB,EAAK;IAGpB,IAAa,EAAS,QAAQ,EAAS,CAAC,OAAO,QAAQ;AAE7D,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAa,IAAW,EAAO,WAAW;GAAM;GAAU,CAC1E,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN,CAOE,kBAAC,UAAD;GACE,IAAI;GACJ,WAAW,EAAO;GAClB,iBAAe;GACf,iBAAe;GACf,SAAS;aALX;IAOG,KAAW,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;KAAe,CAAA;IAE7D,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACE,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAQ;MAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAW;MAAgB,CAAA,CAC3D;;IAEN,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;KAAgB,CAAA;IAEhE,kBAAC,QAAD;KAAM,WAAW,CAAC,EAAO,aAAa,IAAW,EAAO,cAAc,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;KAAE,eAAY;eACjH,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAS,OAAM;MAAK,QAAO;MAAK,SAAQ;MAAY,WAAU;gBACnF,kBAAC,QAAD;OACE,GAAE;OACF,MAAK;OACL,QAAO;OACP,aAAY;OACZ,eAAc;OACd,gBAAe;OACf,CAAA;MACE,CAAA;KACD,CAAA;IACA;MAGT,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,WAAW,EAAO;aAElB,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB,EAAW,KAAK,GAAO,MACtB,kBAAC,OAAD;KAAa,WAAW,EAAO;eAA/B,CACE,kBAAC,GAAD,EAAW,eAAY,QAAS,CAAA,EAC/B,EACG;OAHI,EAGJ,CACN;IACE,CAAA;GACF,CAAA,CACF"}
+{"version":3,"file":"ExpanderRow.js","names":[],"sources":["../../../src/components/ExpanderRow/ExpanderRow.tsx"],"sourcesContent":["import { Children, type HTMLAttributes, type ReactNode, useId, useState } from 'react';\n\nimport { Separator } from '../Separator';\n\nimport styles from './ExpanderRow.module.css';\n\nexport interface ExpanderRowProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge of the header row. */\n  leading?: ReactNode;\n  /**\n   * Widget placed at the trailing edge of the header row, before the chevron\n   * (e.g. a value label or a Switch). Stop event propagation inside it so the\n   * row's toggle isn't triggered.\n   */\n  trailing?: ReactNode;\n  /**\n   * Nested rows revealed when expanded. Use `ActionRow`, `ButtonRow`, or any\n   * row-shaped element — separators are inserted automatically.\n   */\n  children?: ReactNode;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Initial expanded state when uncontrolled. Defaults to `false`. */\n  defaultExpanded?: boolean;\n  /** Called when the expanded state changes. */\n  onExpandedChange?: (expanded: boolean) => void;\n}\n\n/**\n * Collapsible `ActionRow` that reveals nested rows on activation.\n *\n * Mirrors `AdwExpanderRow` — the header row toggles a reveal animation exposing\n * child rows. Supports both controlled and uncontrolled expand state.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ExpanderRow.html\n */\nexport function ExpanderRow({\n  title,\n  subtitle,\n  leading,\n  trailing,\n  children,\n  expanded: controlledExpanded,\n  defaultExpanded = false,\n  onExpandedChange,\n  className,\n  ...props\n}: ExpanderRowProps) {\n  const isControlled = controlledExpanded !== undefined;\n  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultExpanded);\n  const expanded = isControlled ? controlledExpanded : uncontrolledExpanded;\n\n  const panelId = useId();\n  const headerId = useId();\n\n  const toggle = () => {\n    const next = !expanded;\n\n    if (!isControlled) {\n      setUncontrolledExpanded(next);\n    }\n\n    onExpandedChange?.(next);\n  };\n\n  const childItems = Children.toArray(children).filter(Boolean);\n\n  return (\n    <div\n      className={[styles.expanderRow, expanded ? styles.expanded : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {/* ─── Header (toggle button) ─────────────────────────────────────── */}\n      <button\n        id={headerId}\n        className={styles.header}\n        aria-expanded={expanded}\n        aria-controls={panelId}\n        onClick={toggle}\n      >\n        {leading && <span className={styles.leading}>{leading}</span>}\n\n        <span className={styles.content}>\n          <span className={styles.title}>{title}</span>\n          {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n        </span>\n\n        {trailing && <span className={styles.trailing}>{trailing}</span>}\n\n        <span\n          className={[styles.chevronWrap, expanded ? styles.chevronOpen : null]\n            .filter(Boolean)\n            .join(' ')}\n          aria-hidden=\"true\"\n        >\n          <svg\n            className={styles.chevron}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M4 6l4 4 4-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </span>\n      </button>\n\n      {/* ─── Reveal panel ───────────────────────────────────────────────── */}\n      <div id={panelId} role=\"region\" aria-labelledby={headerId} className={styles.panel}>\n        <div className={styles.panelInner}>\n          {childItems.map((child, i) => (\n            <div key={i} className={styles.childItem}>\n              <Separator aria-hidden=\"true\" />\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAwCA,SAAgB,EAAY,EAC1B,UACA,aACA,YACA,aACA,aACA,UAAU,GACV,qBAAkB,IAClB,qBACA,cACA,GAAG,KACgB;CACnB,IAAM,IAAe,MAAuB,KAAA,GACtC,CAAC,GAAsB,KAA2B,EAAS,EAAgB,EAC3E,IAAW,IAAe,IAAqB,GAE/C,IAAU,GAAO,EACjB,IAAW,GAAO,EAElB,UAAe;EACnB,IAAM,IAAO,CAAC;AAMd,EAJK,KACH,EAAwB,EAAK,EAG/B,IAAmB,EAAK;IAGpB,IAAa,EAAS,QAAQ,EAAS,CAAC,OAAO,QAAQ;AAE7D,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAa,IAAW,EAAO,WAAW;GAAM;GAAU,CAC1E,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN,CAOE,kBAAC,UAAD;GACE,IAAI;GACJ,WAAW,EAAO;GAClB,iBAAe;GACf,iBAAe;GACf,SAAS;aALX;IAOG,KAAW,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;KAAe,CAAA;IAE7D,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACE,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAQ;MAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAW;MAAgB,CAAA,CAC3D;;IAEN,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;KAAgB,CAAA;IAEhE,kBAAC,QAAD;KACE,WAAW,CAAC,EAAO,aAAa,IAAW,EAAO,cAAc,KAAK,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI;KACZ,eAAY;eAEZ,kBAAC,OAAD;MACE,WAAW,EAAO;MAClB,OAAM;MACN,QAAO;MACP,SAAQ;MACR,WAAU;gBAEV,kBAAC,QAAD;OACE,GAAE;OACF,MAAK;OACL,QAAO;OACP,aAAY;OACZ,eAAc;OACd,gBAAe;OACf,CAAA;MACE,CAAA;KACD,CAAA;IACA;MAGT,kBAAC,OAAD;GAAK,IAAI;GAAS,MAAK;GAAS,mBAAiB;GAAU,WAAW,EAAO;aAC3E,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB,EAAW,KAAK,GAAO,MACtB,kBAAC,OAAD;KAAa,WAAW,EAAO;eAA/B,CACE,kBAAC,GAAD,EAAW,eAAY,QAAS,CAAA,EAC/B,EACG;OAHI,EAGJ,CACN;IACE,CAAA;GACF,CAAA,CACF"}

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

@@ -1,2 +1,2 @@
-var e={expanderRow:`_expanderRow_1wh8c_3`,header:`_header_1wh8c_11`,leading:`_leading_1wh8c_55`,content:`_content_1wh8c_64`,title:`_title_1wh8c_72`,subtitle:`_subtitle_1wh8c_83`,trailing:`_trailing_1wh8c_97`,chevronWrap:`_chevronWrap_1wh8c_106`,chevronOpen:`_chevronOpen_1wh8c_115`,chevron:`_chevron_1wh8c_106`,panel:`_panel_1wh8c_125`,expanded:`_expanded_1wh8c_131`,panelInner:`_panelInner_1wh8c_135`,childItem:`_childItem_1wh8c_142`};exports.default=e;
+var e={expanderRow:`_expanderRow_ye1vu_3`,header:`_header_ye1vu_11`,leading:`_leading_ye1vu_55`,content:`_content_ye1vu_64`,title:`_title_ye1vu_72`,subtitle:`_subtitle_ye1vu_83`,trailing:`_trailing_ye1vu_97`,chevronWrap:`_chevronWrap_ye1vu_106`,chevronOpen:`_chevronOpen_ye1vu_115`,chevron:`_chevron_ye1vu_106`,panel:`_panel_ye1vu_125`,expanded:`_expanded_ye1vu_131`,panelInner:`_panelInner_ye1vu_135`,childItem:`_childItem_ye1vu_142`};exports.default=e;
 //# sourceMappingURL=ExpanderRow.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExpanderRow.module.css.cjs","names":[],"sources":["../../../src/components/ExpanderRow/ExpanderRow.module.css"],"sourcesContent":["/* ─── Wrapper ───────────────────────────────────────────────────────────────── */\n\n.expanderRow {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* ─── Header button ─────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.header:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.header:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.header:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.header:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Trailing ──────────────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevronWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: 0.55;\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n.chevron {\n  display: block;\n}\n\n/* ─── Reveal panel (CSS grid height animation) ──────────────────────────────── */\n\n.panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--gnome-duration-normal, 200ms) var(--gnome-easing-default);\n}\n\n.expanded .panel {\n  grid-template-rows: 1fr;\n}\n\n.panelInner {\n  overflow: hidden;\n  min-height: 0;\n}\n\n/* ─── Child row wrapper + divider ───────────────────────────────────────────── */\n\n.childItem {\n  display: flex;\n  flex-direction: column;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .header:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n        var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n        var(--gnome-window-bg-color, #fafafa);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: none;\n  }\n\n  .chevronWrap {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ExpanderRow.module.css.cjs","names":[],"sources":["../../../src/components/ExpanderRow/ExpanderRow.module.css"],"sourcesContent":["/* ─── Wrapper ───────────────────────────────────────────────────────────────── */\n\n.expanderRow {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* ─── Header button ─────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.header:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.header:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.header:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.header:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Trailing ──────────────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevronWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: 0.55;\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n.chevron {\n  display: block;\n}\n\n/* ─── Reveal panel (CSS grid height animation) ──────────────────────────────── */\n\n.panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--gnome-duration-normal, 200ms) var(--gnome-easing-default);\n}\n\n.expanded .panel {\n  grid-template-rows: 1fr;\n}\n\n.panelInner {\n  overflow: hidden;\n  min-height: 0;\n}\n\n/* ─── Child row wrapper + divider ───────────────────────────────────────────── */\n\n.childItem {\n  display: flex;\n  flex-direction: column;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .header:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: none;\n  }\n\n  .chevronWrap {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,18 +1,18 @@
 var e = {
-	expanderRow: "_expanderRow_1wh8c_3",
-	header: "_header_1wh8c_11",
-	leading: "_leading_1wh8c_55",
-	content: "_content_1wh8c_64",
-	title: "_title_1wh8c_72",
-	subtitle: "_subtitle_1wh8c_83",
-	trailing: "_trailing_1wh8c_97",
-	chevronWrap: "_chevronWrap_1wh8c_106",
-	chevronOpen: "_chevronOpen_1wh8c_115",
-	chevron: "_chevron_1wh8c_106",
-	panel: "_panel_1wh8c_125",
-	expanded: "_expanded_1wh8c_131",
-	panelInner: "_panelInner_1wh8c_135",
-	childItem: "_childItem_1wh8c_142"
+	expanderRow: "_expanderRow_ye1vu_3",
+	header: "_header_ye1vu_11",
+	leading: "_leading_ye1vu_55",
+	content: "_content_ye1vu_64",
+	title: "_title_ye1vu_72",
+	subtitle: "_subtitle_ye1vu_83",
+	trailing: "_trailing_ye1vu_97",
+	chevronWrap: "_chevronWrap_ye1vu_106",
+	chevronOpen: "_chevronOpen_ye1vu_115",
+	chevron: "_chevron_ye1vu_106",
+	panel: "_panel_ye1vu_125",
+	expanded: "_expanded_ye1vu_131",
+	panelInner: "_panelInner_ye1vu_135",
+	childItem: "_childItem_ye1vu_142"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ExpanderRow.module.css.js","names":[],"sources":["../../../src/components/ExpanderRow/ExpanderRow.module.css"],"sourcesContent":["/* ─── Wrapper ───────────────────────────────────────────────────────────────── */\n\n.expanderRow {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* ─── Header button ─────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.header:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.header:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.header:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.header:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Trailing ──────────────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevronWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: 0.55;\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n.chevron {\n  display: block;\n}\n\n/* ─── Reveal panel (CSS grid height animation) ──────────────────────────────── */\n\n.panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--gnome-duration-normal, 200ms) var(--gnome-easing-default);\n}\n\n.expanded .panel {\n  grid-template-rows: 1fr;\n}\n\n.panelInner {\n  overflow: hidden;\n  min-height: 0;\n}\n\n/* ─── Child row wrapper + divider ───────────────────────────────────────────── */\n\n.childItem {\n  display: flex;\n  flex-direction: column;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .header:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n        var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n        var(--gnome-window-bg-color, #fafafa);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: none;\n  }\n\n  .chevronWrap {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ExpanderRow.module.css.js","names":[],"sources":["../../../src/components/ExpanderRow/ExpanderRow.module.css"],"sourcesContent":["/* ─── Wrapper ───────────────────────────────────────────────────────────────── */\n\n.expanderRow {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* ─── Header button ─────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.header:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.header:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.header:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.header:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Trailing ──────────────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevronWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: 0.55;\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n.chevron {\n  display: block;\n}\n\n/* ─── Reveal panel (CSS grid height animation) ──────────────────────────────── */\n\n.panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--gnome-duration-normal, 200ms) var(--gnome-easing-default);\n}\n\n.expanded .panel {\n  grid-template-rows: 1fr;\n}\n\n.panelInner {\n  overflow: hidden;\n  min-height: 0;\n}\n\n/* ─── Child row wrapper + divider ───────────────────────────────────────────── */\n\n.childItem {\n  display: flex;\n  flex-direction: column;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .header:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: none;\n  }\n\n  .chevronWrap {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { ExpanderRow } from './ExpanderRow';
 export type { ExpanderRowProps } from './ExpanderRow';
+export { ExpanderRow } from './ExpanderRow';

package/dist/components/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","names":[],"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Footer.module.css\";\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n  /** Content placed at the leading (left) edge — links, copyright, etc. */\n  start?: ReactNode;\n  /** Content placed at the trailing (right) edge — actions, links, etc. */\n  end?: ReactNode;\n  /** Center content or arbitrary children. */\n  children?: ReactNode;\n  /**\n   * When true the footer has no top border.\n   * Use when the footer is separated from content by another visual boundary.\n   */\n  flat?: boolean;\n}\n\n/**\n * Bottom bar with leading/trailing slots and optional center content.\n *\n * Mirrors the `HeaderBar` pattern at the bottom of a view or window.\n * Accepts plain text, links, and arbitrary ReactNode in each slot.\n *\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function Footer({\n  start,\n  end,\n  children,\n  flat = false,\n  className,\n  ...props\n}: FooterProps) {\n  return (\n    <footer\n      className={[styles.footer, flat ? styles.flat : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      <div className={styles.slot}>{start}</div>\n\n      {children != null && (\n        <div className={styles.center}>{children}</div>\n      )}\n\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(\" \")}>\n        {end}\n      </div>\n    </footer>\n  );\n}\n"],"mappings":"8EAyBA,SAAgB,EAAO,CACrB,QACA,MACA,WACA,OAAO,GACP,YACA,GAAG,GACW,CACd,OACE,EAAA,EAAA,MAAC,SAAD,CACE,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAO,EAAA,QAAO,KAAO,KAAM,EAAU,CAC7D,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,EAAY,CAAA,CAEzC,GAAY,OACX,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAS,WAAe,CAAA,EAGjD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,UACpE,EACG,CAAA,CACC"}
+{"version":3,"file":"Footer.cjs","names":[],"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Footer.module.css';\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n  /** Content placed at the leading (left) edge — links, copyright, etc. */\n  start?: ReactNode;\n  /** Content placed at the trailing (right) edge — actions, links, etc. */\n  end?: ReactNode;\n  /** Center content or arbitrary children. */\n  children?: ReactNode;\n  /**\n   * When true the footer has no top border.\n   * Use when the footer is separated from content by another visual boundary.\n   */\n  flat?: boolean;\n}\n\n/**\n * Bottom bar with leading/trailing slots and optional center content.\n *\n * Mirrors the `HeaderBar` pattern at the bottom of a view or window.\n * Accepts plain text, links, and arbitrary ReactNode in each slot.\n *\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function Footer({ start, end, children, flat = false, className, ...props }: FooterProps) {\n  return (\n    <footer\n      className={[styles.footer, flat ? styles.flat : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div className={styles.slot}>{start}</div>\n\n      {children !== null && children !== undefined && (\n        <div className={styles.center}>{children}</div>\n      )}\n\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(' ')}>{end}</div>\n    </footer>\n  );\n}\n"],"mappings":"8EA0BA,SAAgB,EAAO,CAAE,QAAO,MAAK,WAAU,OAAO,GAAO,YAAW,GAAG,GAAsB,CAC/F,OACE,EAAA,EAAA,MAAC,SAAD,CACE,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAO,EAAA,QAAO,KAAO,KAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC1F,GAAI,WAFN,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,EAAY,CAAA,CAEzC,GAAa,OACZ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAS,WAAe,CAAA,EAGjD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,UAAG,EAAU,CAAA,CAC7E"}

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Footer.module.css\";\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n  /** Content placed at the leading (left) edge — links, copyright, etc. */\n  start?: ReactNode;\n  /** Content placed at the trailing (right) edge — actions, links, etc. */\n  end?: ReactNode;\n  /** Center content or arbitrary children. */\n  children?: ReactNode;\n  /**\n   * When true the footer has no top border.\n   * Use when the footer is separated from content by another visual boundary.\n   */\n  flat?: boolean;\n}\n\n/**\n * Bottom bar with leading/trailing slots and optional center content.\n *\n * Mirrors the `HeaderBar` pattern at the bottom of a view or window.\n * Accepts plain text, links, and arbitrary ReactNode in each slot.\n *\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function Footer({\n  start,\n  end,\n  children,\n  flat = false,\n  className,\n  ...props\n}: FooterProps) {\n  return (\n    <footer\n      className={[styles.footer, flat ? styles.flat : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      <div className={styles.slot}>{start}</div>\n\n      {children != null && (\n        <div className={styles.center}>{children}</div>\n      )}\n\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(\" \")}>\n        {end}\n      </div>\n    </footer>\n  );\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAO,EACrB,UACA,QACA,aACA,UAAO,IACP,cACA,GAAG,KACW;AACd,QACE,kBAAC,UAAD;EACE,WAAW;GAAC,EAAO;GAAQ,IAAO,EAAO,OAAO;GAAM;GAAU,CAC7D,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN;GAME,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAO;IAAY,CAAA;GAEzC,KAAY,QACX,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAS;IAAe,CAAA;GAGjD,kBAAC,OAAD;IAAK,WAAW,CAAC,EAAO,MAAM,EAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;cACpE;IACG,CAAA;GACC"}
+{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Footer.module.css';\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n  /** Content placed at the leading (left) edge — links, copyright, etc. */\n  start?: ReactNode;\n  /** Content placed at the trailing (right) edge — actions, links, etc. */\n  end?: ReactNode;\n  /** Center content or arbitrary children. */\n  children?: ReactNode;\n  /**\n   * When true the footer has no top border.\n   * Use when the footer is separated from content by another visual boundary.\n   */\n  flat?: boolean;\n}\n\n/**\n * Bottom bar with leading/trailing slots and optional center content.\n *\n * Mirrors the `HeaderBar` pattern at the bottom of a view or window.\n * Accepts plain text, links, and arbitrary ReactNode in each slot.\n *\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function Footer({ start, end, children, flat = false, className, ...props }: FooterProps) {\n  return (\n    <footer\n      className={[styles.footer, flat ? styles.flat : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div className={styles.slot}>{start}</div>\n\n      {children !== null && children !== undefined && (\n        <div className={styles.center}>{children}</div>\n      )}\n\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(' ')}>{end}</div>\n    </footer>\n  );\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAO,EAAE,UAAO,QAAK,aAAU,UAAO,IAAO,cAAW,GAAG,KAAsB;AAC/F,QACE,kBAAC,UAAD;EACE,WAAW;GAAC,EAAO;GAAQ,IAAO,EAAO,OAAO;GAAM;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC1F,GAAI;YAFN;GAIE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAO;IAAY,CAAA;GAEzC,KAAa,QACZ,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAS;IAAe,CAAA;GAGjD,kBAAC,OAAD;IAAK,WAAW,CAAC,EAAO,MAAM,EAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;cAAG;IAAU,CAAA;GAC7E"}

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

@@ -1,2 +1,2 @@
-export { Footer } from './Footer';
 export type { FooterProps } from './Footer';
+export { Footer } from './Footer';

package/dist/components/Frame/Frame.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.cjs","names":[],"sources":["../../../src/components/Frame/Frame.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Frame.module.css\";\n\nexport interface FrameProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\n/**\n * Simple bordered surface with border-radius but no background fill.\n *\n * Use to visually delimit a region without adding the elevated appearance\n * of a `Card`. Mirrors `GtkFrame` default styling and the libadwaita\n * `.frame` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#frame-style-class\n */\nexport function Frame({ children, className, ...props }: FrameProps) {\n  return (\n    <div\n      className={[styles.frame, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"6EAgBA,SAAgB,EAAM,CAAE,WAAU,YAAW,GAAG,GAAqB,CACnE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9D,GAAI,EAEH,WACG,CAAA"}
+{"version":3,"file":"Frame.cjs","names":[],"sources":["../../../src/components/Frame/Frame.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Frame.module.css';\n\nexport interface FrameProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\n/**\n * Simple bordered surface with border-radius but no background fill.\n *\n * Use to visually delimit a region without adding the elevated appearance\n * of a `Card`. Mirrors `GtkFrame` default styling and the libadwaita\n * `.frame` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#frame-style-class\n */\nexport function Frame({ children, className, ...props }: FrameProps) {\n  return (\n    <div className={[styles.frame, className].filter(Boolean).join(' ')} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"6EAiBA,SAAgB,EAAM,CAAE,WAAU,YAAW,GAAG,GAAqB,CACnE,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAE,GAAI,EACtE,WACG,CAAA"}

package/dist/components/Frame/Frame.js.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.js","names":[],"sources":["../../../src/components/Frame/Frame.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Frame.module.css\";\n\nexport interface FrameProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\n/**\n * Simple bordered surface with border-radius but no background fill.\n *\n * Use to visually delimit a region without adding the elevated appearance\n * of a `Card`. Mirrors `GtkFrame` default styling and the libadwaita\n * `.frame` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#frame-style-class\n */\nexport function Frame({ children, className, ...props }: FrameProps) {\n  return (\n    <div\n      className={[styles.frame, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAgBA,SAAgB,EAAM,EAAE,aAAU,cAAW,GAAG,KAAqB;AACnE,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC9D,GAAI;EAEH;EACG,CAAA"}
+{"version":3,"file":"Frame.js","names":[],"sources":["../../../src/components/Frame/Frame.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Frame.module.css';\n\nexport interface FrameProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\n/**\n * Simple bordered surface with border-radius but no background fill.\n *\n * Use to visually delimit a region without adding the elevated appearance\n * of a `Card`. Mirrors `GtkFrame` default styling and the libadwaita\n * `.frame` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#frame-style-class\n */\nexport function Frame({ children, className, ...props }: FrameProps) {\n  return (\n    <div className={[styles.frame, className].filter(Boolean).join(' ')} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAM,EAAE,aAAU,cAAW,GAAG,KAAqB;AACnE,QACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAAE,GAAI;EACtE;EACG,CAAA"}

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

@@ -1,2 +1,2 @@
-export { Frame } from './Frame';
 export type { FrameProps } from './Frame';
+export { Frame } from './Frame';

package/dist/components/GnomeProvider/GnomeContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GnomeContext.cjs","names":[],"sources":["../../../src/components/GnomeProvider/GnomeContext.ts"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\n\nexport type GnomeDir = \"ltr\" | \"rtl\";\nexport type GnomeColorScheme = \"light\" | \"dark\" | \"system\";\nexport type GnomeNamedAccentColor =\n  | \"blue\"\n  | \"green\"\n  | \"yellow\"\n  | \"orange\"\n  | \"red\"\n  | \"purple\"\n  | \"brown\";\nexport type GnomeAccentColor = GnomeNamedAccentColor | (string & {});\n\nexport interface GnomeContextValue {\n  locale: string | undefined;\n  dir: GnomeDir;\n  numberFormat: Intl.NumberFormatOptions | undefined;\n  dateTimeFormat: Intl.DateTimeFormatOptions | undefined;\n  colorScheme: GnomeColorScheme;\n  resolvedColorScheme: \"light\" | \"dark\";\n  accentColor: GnomeAccentColor;\n}\n\nexport const GnomeContext = createContext<GnomeContextValue>({\n  locale: undefined,\n  dir: \"ltr\",\n  numberFormat: undefined,\n  dateTimeFormat: undefined,\n  colorScheme: \"system\",\n  resolvedColorScheme: \"light\",\n  accentColor: \"blue\",\n});\n\n/** Returns the locale set by the nearest `GnomeProvider`, or `undefined` to use the browser locale. */\nexport function useLocale(): string | undefined {\n  return useContext(GnomeContext).locale;\n}\n\n/** Returns the text direction set by the nearest `GnomeProvider`. Defaults to `\"ltr\"`. */\nexport function useDir(): GnomeDir {\n  return useContext(GnomeContext).dir;\n}\n\n/** Returns an `Intl.NumberFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useNumberFormatter(\n  options?: Intl.NumberFormatOptions,\n): Intl.NumberFormat {\n  const { locale, numberFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.NumberFormat(locale, { ...numberFormat, ...options }),\n    [locale, numberFormat, options],\n  );\n}\n\n/** Returns an `Intl.DateTimeFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useDateTimeFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const { locale, dateTimeFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.DateTimeFormat(locale, { ...dateTimeFormat, ...options }),\n    [locale, dateTimeFormat, options],\n  );\n}\n\n/** Returns the color scheme preference set by the nearest `GnomeProvider`. Defaults to `\"system\"`. */\nexport function useColorScheme(): GnomeColorScheme {\n  return useContext(GnomeContext).colorScheme;\n}\n\n/** Returns the resolved color scheme (`\"light\"` or `\"dark\"`), accounting for the system preference when `colorScheme` is `\"system\"`. */\nexport function useResolvedColorScheme(): \"light\" | \"dark\" {\n  return useContext(GnomeContext).resolvedColorScheme;\n}\n\n/** Returns the accent color set by the nearest `GnomeProvider`. Defaults to `\"blue\"`. */\nexport function useAccentColor(): GnomeAccentColor {\n  return useContext(GnomeContext).accentColor;\n}\n"],"mappings":"0FAwBA,IAAa,GAAA,EAAA,EAAA,eAAgD,CAC3D,OAAQ,IAAA,GACR,IAAK,MACL,aAAc,IAAA,GACd,eAAgB,IAAA,GAChB,YAAa,SACb,oBAAqB,QACrB,YAAa,OACd,CAAC,CAGF,SAAgB,GAAgC,CAC9C,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,OAIlC,SAAgB,GAAmB,CACjC,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,IAIlC,SAAgB,EACd,EACmB,CACnB,GAAM,CAAE,SAAQ,iBAAA,EAAA,EAAA,YAA4B,EAAa,CAEzD,OAAA,EAAA,EAAA,aACQ,IAAI,KAAK,aAAa,EAAQ,CAAE,GAAG,EAAc,GAAG,EAAS,CAAC,CACpE,CAAC,EAAQ,EAAc,EAAQ,CAChC,CAIH,SAAgB,EACd,EACqB,CACrB,GAAM,CAAE,SAAQ,mBAAA,EAAA,EAAA,YAA8B,EAAa,CAE3D,OAAA,EAAA,EAAA,aACQ,IAAI,KAAK,eAAe,EAAQ,CAAE,GAAG,EAAgB,GAAG,EAAS,CAAC,CACxE,CAAC,EAAQ,EAAgB,EAAQ,CAClC,CAIH,SAAgB,GAAmC,CACjD,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,YAIlC,SAAgB,GAA2C,CACzD,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,oBAIlC,SAAgB,GAAmC,CACjD,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC"}
+{"version":3,"file":"GnomeContext.cjs","names":[],"sources":["../../../src/components/GnomeProvider/GnomeContext.ts"],"sourcesContent":["import { createContext, useContext, useMemo } from 'react';\n\nexport type GnomeDir = 'ltr' | 'rtl';\nexport type GnomeColorScheme = 'light' | 'dark' | 'system';\nexport type GnomeNamedAccentColor =\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'red'\n  | 'purple'\n  | 'brown';\nexport type GnomeAccentColor = GnomeNamedAccentColor | (string & {});\n\nexport interface GnomeContextValue {\n  locale: string | undefined;\n  dir: GnomeDir;\n  numberFormat: Intl.NumberFormatOptions | undefined;\n  dateTimeFormat: Intl.DateTimeFormatOptions | undefined;\n  colorScheme: GnomeColorScheme;\n  resolvedColorScheme: 'light' | 'dark';\n  accentColor: GnomeAccentColor;\n}\n\nexport const GnomeContext = createContext<GnomeContextValue>({\n  locale: undefined,\n  dir: 'ltr',\n  numberFormat: undefined,\n  dateTimeFormat: undefined,\n  colorScheme: 'system',\n  resolvedColorScheme: 'light',\n  accentColor: 'blue',\n});\n\n/** Returns the locale set by the nearest `GnomeProvider`, or `undefined` to use the browser locale. */\nexport function useLocale(): string | undefined {\n  return useContext(GnomeContext).locale;\n}\n\n/** Returns the text direction set by the nearest `GnomeProvider`. Defaults to `\"ltr\"`. */\nexport function useDir(): GnomeDir {\n  return useContext(GnomeContext).dir;\n}\n\n/** Returns an `Intl.NumberFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useNumberFormatter(options?: Intl.NumberFormatOptions): Intl.NumberFormat {\n  const { locale, numberFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.NumberFormat(locale, { ...numberFormat, ...options }),\n    [locale, numberFormat, options],\n  );\n}\n\n/** Returns an `Intl.DateTimeFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useDateTimeFormatter(options?: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  const { locale, dateTimeFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.DateTimeFormat(locale, { ...dateTimeFormat, ...options }),\n    [locale, dateTimeFormat, options],\n  );\n}\n\n/** Returns the color scheme preference set by the nearest `GnomeProvider`. Defaults to `\"system\"`. */\nexport function useColorScheme(): GnomeColorScheme {\n  return useContext(GnomeContext).colorScheme;\n}\n\n/** Returns the resolved color scheme (`\"light\"` or `\"dark\"`), accounting for the system preference when `colorScheme` is `\"system\"`. */\nexport function useResolvedColorScheme(): 'light' | 'dark' {\n  return useContext(GnomeContext).resolvedColorScheme;\n}\n\n/** Returns the accent color set by the nearest `GnomeProvider`. Defaults to `\"blue\"`. */\nexport function useAccentColor(): GnomeAccentColor {\n  return useContext(GnomeContext).accentColor;\n}\n"],"mappings":"0FAwBA,IAAa,GAAA,EAAA,EAAA,eAAgD,CAC3D,OAAQ,IAAA,GACR,IAAK,MACL,aAAc,IAAA,GACd,eAAgB,IAAA,GAChB,YAAa,SACb,oBAAqB,QACrB,YAAa,OACd,CAAC,CAGF,SAAgB,GAAgC,CAC9C,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,OAIlC,SAAgB,GAAmB,CACjC,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,IAIlC,SAAgB,EAAmB,EAAuD,CACxF,GAAM,CAAE,SAAQ,iBAAA,EAAA,EAAA,YAA4B,EAAa,CAEzD,OAAA,EAAA,EAAA,aACQ,IAAI,KAAK,aAAa,EAAQ,CAAE,GAAG,EAAc,GAAG,EAAS,CAAC,CACpE,CAAC,EAAQ,EAAc,EAAQ,CAChC,CAIH,SAAgB,EAAqB,EAA2D,CAC9F,GAAM,CAAE,SAAQ,mBAAA,EAAA,EAAA,YAA8B,EAAa,CAE3D,OAAA,EAAA,EAAA,aACQ,IAAI,KAAK,eAAe,EAAQ,CAAE,GAAG,EAAgB,GAAG,EAAS,CAAC,CACxE,CAAC,EAAQ,EAAgB,EAAQ,CAClC,CAIH,SAAgB,GAAmC,CACjD,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,YAIlC,SAAgB,GAA2C,CACzD,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC,oBAIlC,SAAgB,GAAmC,CACjD,OAAA,EAAA,EAAA,YAAkB,EAAa,CAAC"}

package/dist/components/GnomeProvider/GnomeContext.d.ts

@@ -1,6 +1,6 @@
-export type GnomeDir = "ltr" | "rtl";
-export type GnomeColorScheme = "light" | "dark" | "system";
-export type GnomeNamedAccentColor = "blue" | "green" | "yellow" | "orange" | "red" | "purple" | "brown";
+export type GnomeDir = 'ltr' | 'rtl';
+export type GnomeColorScheme = 'light' | 'dark' | 'system';
+export type GnomeNamedAccentColor = 'blue' | 'green' | 'yellow' | 'orange' | 'red' | 'purple' | 'brown';
 export type GnomeAccentColor = GnomeNamedAccentColor | (string & {});
 export interface GnomeContextValue {
     locale: string | undefined;
@@ -8,7 +8,7 @@ export interface GnomeContextValue {
     numberFormat: Intl.NumberFormatOptions | undefined;
     dateTimeFormat: Intl.DateTimeFormatOptions | undefined;
     colorScheme: GnomeColorScheme;
-    resolvedColorScheme: "light" | "dark";
+    resolvedColorScheme: 'light' | 'dark';
     accentColor: GnomeAccentColor;
 }
 export declare const GnomeContext: import('react').Context<GnomeContextValue>;
@@ -23,6 +23,6 @@ export declare function useDateTimeFormatter(options?: Intl.DateTimeFormatOption
 /** Returns the color scheme preference set by the nearest `GnomeProvider`. Defaults to `"system"`. */
 export declare function useColorScheme(): GnomeColorScheme;
 /** Returns the resolved color scheme (`"light"` or `"dark"`), accounting for the system preference when `colorScheme` is `"system"`. */
-export declare function useResolvedColorScheme(): "light" | "dark";
+export declare function useResolvedColorScheme(): 'light' | 'dark';
 /** Returns the accent color set by the nearest `GnomeProvider`. Defaults to `"blue"`. */
 export declare function useAccentColor(): GnomeAccentColor;

package/dist/components/GnomeProvider/GnomeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"GnomeContext.js","names":[],"sources":["../../../src/components/GnomeProvider/GnomeContext.ts"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\n\nexport type GnomeDir = \"ltr\" | \"rtl\";\nexport type GnomeColorScheme = \"light\" | \"dark\" | \"system\";\nexport type GnomeNamedAccentColor =\n  | \"blue\"\n  | \"green\"\n  | \"yellow\"\n  | \"orange\"\n  | \"red\"\n  | \"purple\"\n  | \"brown\";\nexport type GnomeAccentColor = GnomeNamedAccentColor | (string & {});\n\nexport interface GnomeContextValue {\n  locale: string | undefined;\n  dir: GnomeDir;\n  numberFormat: Intl.NumberFormatOptions | undefined;\n  dateTimeFormat: Intl.DateTimeFormatOptions | undefined;\n  colorScheme: GnomeColorScheme;\n  resolvedColorScheme: \"light\" | \"dark\";\n  accentColor: GnomeAccentColor;\n}\n\nexport const GnomeContext = createContext<GnomeContextValue>({\n  locale: undefined,\n  dir: \"ltr\",\n  numberFormat: undefined,\n  dateTimeFormat: undefined,\n  colorScheme: \"system\",\n  resolvedColorScheme: \"light\",\n  accentColor: \"blue\",\n});\n\n/** Returns the locale set by the nearest `GnomeProvider`, or `undefined` to use the browser locale. */\nexport function useLocale(): string | undefined {\n  return useContext(GnomeContext).locale;\n}\n\n/** Returns the text direction set by the nearest `GnomeProvider`. Defaults to `\"ltr\"`. */\nexport function useDir(): GnomeDir {\n  return useContext(GnomeContext).dir;\n}\n\n/** Returns an `Intl.NumberFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useNumberFormatter(\n  options?: Intl.NumberFormatOptions,\n): Intl.NumberFormat {\n  const { locale, numberFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.NumberFormat(locale, { ...numberFormat, ...options }),\n    [locale, numberFormat, options],\n  );\n}\n\n/** Returns an `Intl.DateTimeFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useDateTimeFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const { locale, dateTimeFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.DateTimeFormat(locale, { ...dateTimeFormat, ...options }),\n    [locale, dateTimeFormat, options],\n  );\n}\n\n/** Returns the color scheme preference set by the nearest `GnomeProvider`. Defaults to `\"system\"`. */\nexport function useColorScheme(): GnomeColorScheme {\n  return useContext(GnomeContext).colorScheme;\n}\n\n/** Returns the resolved color scheme (`\"light\"` or `\"dark\"`), accounting for the system preference when `colorScheme` is `\"system\"`. */\nexport function useResolvedColorScheme(): \"light\" | \"dark\" {\n  return useContext(GnomeContext).resolvedColorScheme;\n}\n\n/** Returns the accent color set by the nearest `GnomeProvider`. Defaults to `\"blue\"`. */\nexport function useAccentColor(): GnomeAccentColor {\n  return useContext(GnomeContext).accentColor;\n}\n"],"mappings":";;AAwBA,IAAa,IAAe,EAAiC;CAC3D,QAAQ,KAAA;CACR,KAAK;CACL,cAAc,KAAA;CACd,gBAAgB,KAAA;CAChB,aAAa;CACb,qBAAqB;CACrB,aAAa;CACd,CAAC;AAGF,SAAgB,IAAgC;AAC9C,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,IAAmB;AACjC,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,EACd,GACmB;CACnB,IAAM,EAAE,WAAQ,oBAAiB,EAAW,EAAa;AAEzD,QAAO,QACC,IAAI,KAAK,aAAa,GAAQ;EAAE,GAAG;EAAc,GAAG;EAAS,CAAC,EACpE;EAAC;EAAQ;EAAc;EAAQ,CAChC;;AAIH,SAAgB,EACd,GACqB;CACrB,IAAM,EAAE,WAAQ,sBAAmB,EAAW,EAAa;AAE3D,QAAO,QACC,IAAI,KAAK,eAAe,GAAQ;EAAE,GAAG;EAAgB,GAAG;EAAS,CAAC,EACxE;EAAC;EAAQ;EAAgB;EAAQ,CAClC;;AAIH,SAAgB,IAAmC;AACjD,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,IAA2C;AACzD,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,IAAmC;AACjD,QAAO,EAAW,EAAa,CAAC"}
+{"version":3,"file":"GnomeContext.js","names":[],"sources":["../../../src/components/GnomeProvider/GnomeContext.ts"],"sourcesContent":["import { createContext, useContext, useMemo } from 'react';\n\nexport type GnomeDir = 'ltr' | 'rtl';\nexport type GnomeColorScheme = 'light' | 'dark' | 'system';\nexport type GnomeNamedAccentColor =\n  | 'blue'\n  | 'green'\n  | 'yellow'\n  | 'orange'\n  | 'red'\n  | 'purple'\n  | 'brown';\nexport type GnomeAccentColor = GnomeNamedAccentColor | (string & {});\n\nexport interface GnomeContextValue {\n  locale: string | undefined;\n  dir: GnomeDir;\n  numberFormat: Intl.NumberFormatOptions | undefined;\n  dateTimeFormat: Intl.DateTimeFormatOptions | undefined;\n  colorScheme: GnomeColorScheme;\n  resolvedColorScheme: 'light' | 'dark';\n  accentColor: GnomeAccentColor;\n}\n\nexport const GnomeContext = createContext<GnomeContextValue>({\n  locale: undefined,\n  dir: 'ltr',\n  numberFormat: undefined,\n  dateTimeFormat: undefined,\n  colorScheme: 'system',\n  resolvedColorScheme: 'light',\n  accentColor: 'blue',\n});\n\n/** Returns the locale set by the nearest `GnomeProvider`, or `undefined` to use the browser locale. */\nexport function useLocale(): string | undefined {\n  return useContext(GnomeContext).locale;\n}\n\n/** Returns the text direction set by the nearest `GnomeProvider`. Defaults to `\"ltr\"`. */\nexport function useDir(): GnomeDir {\n  return useContext(GnomeContext).dir;\n}\n\n/** Returns an `Intl.NumberFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useNumberFormatter(options?: Intl.NumberFormatOptions): Intl.NumberFormat {\n  const { locale, numberFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.NumberFormat(locale, { ...numberFormat, ...options }),\n    [locale, numberFormat, options],\n  );\n}\n\n/** Returns an `Intl.DateTimeFormat` configured from `GnomeProvider` defaults plus local overrides. */\nexport function useDateTimeFormatter(options?: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  const { locale, dateTimeFormat } = useContext(GnomeContext);\n\n  return useMemo(\n    () => new Intl.DateTimeFormat(locale, { ...dateTimeFormat, ...options }),\n    [locale, dateTimeFormat, options],\n  );\n}\n\n/** Returns the color scheme preference set by the nearest `GnomeProvider`. Defaults to `\"system\"`. */\nexport function useColorScheme(): GnomeColorScheme {\n  return useContext(GnomeContext).colorScheme;\n}\n\n/** Returns the resolved color scheme (`\"light\"` or `\"dark\"`), accounting for the system preference when `colorScheme` is `\"system\"`. */\nexport function useResolvedColorScheme(): 'light' | 'dark' {\n  return useContext(GnomeContext).resolvedColorScheme;\n}\n\n/** Returns the accent color set by the nearest `GnomeProvider`. Defaults to `\"blue\"`. */\nexport function useAccentColor(): GnomeAccentColor {\n  return useContext(GnomeContext).accentColor;\n}\n"],"mappings":";;AAwBA,IAAa,IAAe,EAAiC;CAC3D,QAAQ,KAAA;CACR,KAAK;CACL,cAAc,KAAA;CACd,gBAAgB,KAAA;CAChB,aAAa;CACb,qBAAqB;CACrB,aAAa;CACd,CAAC;AAGF,SAAgB,IAAgC;AAC9C,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,IAAmB;AACjC,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,EAAmB,GAAuD;CACxF,IAAM,EAAE,WAAQ,oBAAiB,EAAW,EAAa;AAEzD,QAAO,QACC,IAAI,KAAK,aAAa,GAAQ;EAAE,GAAG;EAAc,GAAG;EAAS,CAAC,EACpE;EAAC;EAAQ;EAAc;EAAQ,CAChC;;AAIH,SAAgB,EAAqB,GAA2D;CAC9F,IAAM,EAAE,WAAQ,sBAAmB,EAAW,EAAa;AAE3D,QAAO,QACC,IAAI,KAAK,eAAe,GAAQ;EAAE,GAAG;EAAgB,GAAG;EAAS,CAAC,EACxE;EAAC;EAAQ;EAAgB;EAAQ,CAClC;;AAIH,SAAgB,IAAmC;AACjD,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,IAA2C;AACzD,QAAO,EAAW,EAAa,CAAC;;AAIlC,SAAgB,IAAmC;AACjD,QAAO,EAAW,EAAa,CAAC"}

package/dist/components/GnomeProvider/GnomeProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GnomeProvider.cjs","names":[],"sources":["../../../src/components/GnomeProvider/GnomeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, type ReactNode } from \"react\";\nimport {\n  GnomeContext,\n  type GnomeAccentColor,\n  type GnomeColorScheme,\n  type GnomeDir,\n} from \"./GnomeContext\";\n\nconst NAMED_ACCENT_COLORS = new Set<string>([\n  \"blue\", \"green\", \"yellow\", \"orange\", \"red\", \"purple\", \"brown\",\n]);\n\nexport interface GnomeProviderProps {\n  /**\n   * BCP 47 locale tag (e.g. `\"es-ES\"`, `\"de-DE\"`).\n   * When omitted, components fall back to the browser locale.\n   */\n  locale?: string;\n  /** Text direction. Defaults to `\"ltr\"`. */\n  dir?: GnomeDir;\n  /**\n   * Global defaults for number formatting.\n   *\n   * Use `{ notation: \"compact\", compactDisplay: \"short\" }` for compact\n   * values such as `1K`; omit it or set `{ notation: \"standard\" }` for\n   * full values such as `1,000`.\n   */\n  numberFormat?: Intl.NumberFormatOptions;\n  /** Global defaults for date/time formatting. */\n  dateTimeFormat?: Intl.DateTimeFormatOptions;\n  /**\n   * Color scheme preference. When set to `\"system\"` (default), the OS\n   * preference is respected via `prefers-color-scheme`. When set to\n   * `\"light\"` or `\"dark\"`, the `data-theme` attribute is applied to\n   * `document.documentElement` to force that theme.\n   */\n  colorScheme?: GnomeColorScheme;\n  /**\n   * Accent color. Accepts a named GNOME palette color (`\"blue\"`, `\"green\"`,\n   * `\"yellow\"`, `\"orange\"`, `\"red\"`, `\"purple\"`, `\"brown\"`) or any CSS color\n   * string (e.g. `\"#ff0000\"`). Named colors are theme-aware and use the\n   * correct shade for light/dark mode automatically. Defaults to `\"blue\"`.\n   */\n  accentColor?: GnomeAccentColor;\n  children: ReactNode;\n}\n\nfunction getSystemIsDark(): boolean {\n  return typeof window !== \"undefined\" &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\n/** Provides locale, text direction, color scheme, and accent color to all descendant gnome-ui components. */\nexport function GnomeProvider({\n  locale,\n  dir = \"ltr\",\n  numberFormat,\n  dateTimeFormat,\n  colorScheme = \"system\",\n  accentColor = \"blue\",\n  children,\n}: GnomeProviderProps) {\n  const [, forceUpdate] = useReducer((n: number) => n + 1, 0);\n\n  useEffect(() => {\n    if (colorScheme !== \"system\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    mq.addEventListener(\"change\", forceUpdate);\n    return () => mq.removeEventListener(\"change\", forceUpdate);\n  }, [colorScheme]);\n\n  useEffect(() => {\n    const root = document.documentElement;\n    if (colorScheme === \"system\") {\n      root.removeAttribute(\"data-theme\");\n    } else {\n      root.setAttribute(\"data-theme\", colorScheme);\n    }\n  }, [colorScheme]);\n\n  const resolvedColorScheme = colorScheme === \"system\"\n    ? (getSystemIsDark() ? \"dark\" : \"light\")\n    : colorScheme;\n\n  useEffect(() => {\n    const root = document.documentElement;\n    if (accentColor === \"blue\") {\n      root.style.removeProperty(\"--gnome-accent-color\");\n      root.style.removeProperty(\"--gnome-accent-bg-color\");\n      return;\n    }\n    if (NAMED_ACCENT_COLORS.has(accentColor)) {\n      const shade = resolvedColorScheme === \"dark\" ? \"2\" : \"3\";\n      root.style.setProperty(\"--gnome-accent-color\", `var(--gnome-${accentColor}-${shade})`);\n      root.style.setProperty(\"--gnome-accent-bg-color\", `var(--gnome-${accentColor}-3)`);\n    } else {\n      root.style.setProperty(\"--gnome-accent-color\", accentColor);\n      root.style.setProperty(\"--gnome-accent-bg-color\", accentColor);\n    }\n  }, [accentColor, resolvedColorScheme]);\n\n  const value = useMemo(\n    () => ({ locale, dir, numberFormat, dateTimeFormat, colorScheme, resolvedColorScheme, accentColor }),\n    [locale, dir, numberFormat, dateTimeFormat, colorScheme, resolvedColorScheme, accentColor],\n  );\n\n  return (\n    <GnomeContext.Provider value={value}>\n      {children}\n    </GnomeContext.Provider>\n  );\n}\n"],"mappings":"+JAQA,IAAM,EAAsB,IAAI,IAAY,CAC1C,OAAQ,QAAS,SAAU,SAAU,MAAO,SAAU,QACvD,CAAC,CAqCF,SAAS,GAA2B,CAClC,OAAO,OAAO,OAAW,KACvB,OAAO,WAAW,+BAA+B,CAAC,QAItD,SAAgB,EAAc,CAC5B,SACA,MAAM,MACN,eACA,iBACA,cAAc,SACd,cAAc,OACd,YACqB,CACrB,GAAM,EAAG,IAAA,EAAA,EAAA,YAA2B,GAAc,EAAI,EAAG,EAAE,EAE3D,EAAA,EAAA,eAAgB,CACd,GAAI,IAAgB,SAAU,OAC9B,IAAM,EAAK,OAAO,WAAW,+BAA+B,CAE5D,OADA,EAAG,iBAAiB,SAAU,EAAY,KAC7B,EAAG,oBAAoB,SAAU,EAAY,EACzD,CAAC,EAAY,CAAC,EAEjB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAO,SAAS,gBAClB,IAAgB,SAClB,EAAK,gBAAgB,aAAa,CAElC,EAAK,aAAa,aAAc,EAAY,EAE7C,CAAC,EAAY,CAAC,CAEjB,IAAM,EAAsB,IAAgB,SACvC,GAAiB,CAAG,OAAS,QAC9B,GAEJ,EAAA,EAAA,eAAgB,CACd,IAAM,EAAO,SAAS,gBACtB,GAAI,IAAgB,OAAQ,CAC1B,EAAK,MAAM,eAAe,uBAAuB,CACjD,EAAK,MAAM,eAAe,0BAA0B,CACpD,OAEF,GAAI,EAAoB,IAAI,EAAY,CAAE,CACxC,IAAM,EAAQ,IAAwB,OAAS,IAAM,IACrD,EAAK,MAAM,YAAY,uBAAwB,eAAe,EAAY,GAAG,EAAM,GAAG,CACtF,EAAK,MAAM,YAAY,0BAA2B,eAAe,EAAY,KAAK,MAElF,EAAK,MAAM,YAAY,uBAAwB,EAAY,CAC3D,EAAK,MAAM,YAAY,0BAA2B,EAAY,EAE/D,CAAC,EAAa,EAAoB,CAAC,CAEtC,IAAM,GAAA,EAAA,EAAA,cACG,CAAE,SAAQ,MAAK,eAAc,iBAAgB,cAAa,sBAAqB,cAAa,EACnG,CAAC,EAAQ,EAAK,EAAc,EAAgB,EAAa,EAAqB,EAAY,CAC3F,CAED,OACE,EAAA,EAAA,KAAC,EAAA,aAAa,SAAd,CAA8B,QAC3B,WACqB,CAAA"}
+{"version":3,"file":"GnomeProvider.cjs","names":[],"sources":["../../../src/components/GnomeProvider/GnomeProvider.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useMemo, useReducer } from 'react';\n\nimport {\n  type GnomeAccentColor,\n  type GnomeColorScheme,\n  GnomeContext,\n  type GnomeDir,\n} from './GnomeContext';\n\nconst NAMED_ACCENT_COLORS = new Set<string>([\n  'blue',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n  'purple',\n  'brown',\n]);\n\nexport interface GnomeProviderProps {\n  /**\n   * BCP 47 locale tag (e.g. `\"es-ES\"`, `\"de-DE\"`).\n   * When omitted, components fall back to the browser locale.\n   */\n  locale?: string;\n  /** Text direction. Defaults to `\"ltr\"`. */\n  dir?: GnomeDir;\n  /**\n   * Global defaults for number formatting.\n   *\n   * Use `{ notation: \"compact\", compactDisplay: \"short\" }` for compact\n   * values such as `1K`; omit it or set `{ notation: \"standard\" }` for\n   * full values such as `1,000`.\n   */\n  numberFormat?: Intl.NumberFormatOptions;\n  /** Global defaults for date/time formatting. */\n  dateTimeFormat?: Intl.DateTimeFormatOptions;\n  /**\n   * Color scheme preference. When set to `\"system\"` (default), the OS\n   * preference is respected via `prefers-color-scheme`. When set to\n   * `\"light\"` or `\"dark\"`, the `data-theme` attribute is applied to\n   * `document.documentElement` to force that theme.\n   */\n  colorScheme?: GnomeColorScheme;\n  /**\n   * Accent color. Accepts a named GNOME palette color (`\"blue\"`, `\"green\"`,\n   * `\"yellow\"`, `\"orange\"`, `\"red\"`, `\"purple\"`, `\"brown\"`) or any CSS color\n   * string (e.g. `\"#ff0000\"`). Named colors are theme-aware and use the\n   * correct shade for light/dark mode automatically. Defaults to `\"blue\"`.\n   */\n  accentColor?: GnomeAccentColor;\n  children: ReactNode;\n}\n\nfunction getSystemIsDark(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\n/** Provides locale, text direction, color scheme, and accent color to all descendant gnome-ui components. */\nexport function GnomeProvider({\n  locale,\n  dir = 'ltr',\n  numberFormat,\n  dateTimeFormat,\n  colorScheme = 'system',\n  accentColor = 'blue',\n  children,\n}: GnomeProviderProps) {\n  const [, forceUpdate] = useReducer((n: number) => n + 1, 0);\n\n  useEffect(() => {\n    if (colorScheme !== 'system') {\n      return;\n    }\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n\n    mq.addEventListener('change', forceUpdate);\n\n    return () => mq.removeEventListener('change', forceUpdate);\n  }, [colorScheme]);\n\n  useEffect(() => {\n    const root = document.documentElement;\n\n    if (colorScheme === 'system') {\n      root.removeAttribute('data-theme');\n    } else {\n      root.setAttribute('data-theme', colorScheme);\n    }\n  }, [colorScheme]);\n\n  const resolvedColorScheme =\n    colorScheme === 'system' ? (getSystemIsDark() ? 'dark' : 'light') : colorScheme;\n\n  useEffect(() => {\n    const root = document.documentElement;\n\n    if (accentColor === 'blue') {\n      root.style.removeProperty('--gnome-accent-color');\n      root.style.removeProperty('--gnome-accent-bg-color');\n\n      return;\n    }\n\n    if (NAMED_ACCENT_COLORS.has(accentColor)) {\n      const shade = resolvedColorScheme === 'dark' ? '2' : '3';\n\n      root.style.setProperty('--gnome-accent-color', `var(--gnome-${accentColor}-${shade})`);\n      root.style.setProperty('--gnome-accent-bg-color', `var(--gnome-${accentColor}-3)`);\n    } else {\n      root.style.setProperty('--gnome-accent-color', accentColor);\n      root.style.setProperty('--gnome-accent-bg-color', accentColor);\n    }\n  }, [accentColor, resolvedColorScheme]);\n\n  const value = useMemo(\n    () => ({\n      locale,\n      dir,\n      numberFormat,\n      dateTimeFormat,\n      colorScheme,\n      resolvedColorScheme,\n      accentColor,\n    }),\n    [locale, dir, numberFormat, dateTimeFormat, colorScheme, resolvedColorScheme, accentColor],\n  );\n\n  return <GnomeContext.Provider value={value}>{children}</GnomeContext.Provider>;\n}\n"],"mappings":"+JASA,IAAM,EAAsB,IAAI,IAAY,CAC1C,OACA,QACA,SACA,SACA,MACA,SACA,QACD,CAAC,CAqCF,SAAS,GAA2B,CAClC,OAAO,OAAO,OAAW,KAAe,OAAO,WAAW,+BAA+B,CAAC,QAI5F,SAAgB,EAAc,CAC5B,SACA,MAAM,MACN,eACA,iBACA,cAAc,SACd,cAAc,OACd,YACqB,CACrB,GAAM,EAAG,IAAA,EAAA,EAAA,YAA2B,GAAc,EAAI,EAAG,EAAE,EAE3D,EAAA,EAAA,eAAgB,CACd,GAAI,IAAgB,SAClB,OAGF,IAAM,EAAK,OAAO,WAAW,+BAA+B,CAI5D,OAFA,EAAG,iBAAiB,SAAU,EAAY,KAE7B,EAAG,oBAAoB,SAAU,EAAY,EACzD,CAAC,EAAY,CAAC,EAEjB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAO,SAAS,gBAElB,IAAgB,SAClB,EAAK,gBAAgB,aAAa,CAElC,EAAK,aAAa,aAAc,EAAY,EAE7C,CAAC,EAAY,CAAC,CAEjB,IAAM,EACJ,IAAgB,SAAY,GAAiB,CAAG,OAAS,QAAW,GAEtE,EAAA,EAAA,eAAgB,CACd,IAAM,EAAO,SAAS,gBAEtB,GAAI,IAAgB,OAAQ,CAC1B,EAAK,MAAM,eAAe,uBAAuB,CACjD,EAAK,MAAM,eAAe,0BAA0B,CAEpD,OAGF,GAAI,EAAoB,IAAI,EAAY,CAAE,CACxC,IAAM,EAAQ,IAAwB,OAAS,IAAM,IAErD,EAAK,MAAM,YAAY,uBAAwB,eAAe,EAAY,GAAG,EAAM,GAAG,CACtF,EAAK,MAAM,YAAY,0BAA2B,eAAe,EAAY,KAAK,MAElF,EAAK,MAAM,YAAY,uBAAwB,EAAY,CAC3D,EAAK,MAAM,YAAY,0BAA2B,EAAY,EAE/D,CAAC,EAAa,EAAoB,CAAC,CAEtC,IAAM,GAAA,EAAA,EAAA,cACG,CACL,SACA,MACA,eACA,iBACA,cACA,sBACA,cACD,EACD,CAAC,EAAQ,EAAK,EAAc,EAAgB,EAAa,EAAqB,EAAY,CAC3F,CAED,OAAO,EAAA,EAAA,KAAC,EAAA,aAAa,SAAd,CAA8B,QAAQ,WAAiC,CAAA"}

package/dist/components/GnomeProvider/GnomeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"GnomeProvider.js","names":[],"sources":["../../../src/components/GnomeProvider/GnomeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, type ReactNode } from \"react\";\nimport {\n  GnomeContext,\n  type GnomeAccentColor,\n  type GnomeColorScheme,\n  type GnomeDir,\n} from \"./GnomeContext\";\n\nconst NAMED_ACCENT_COLORS = new Set<string>([\n  \"blue\", \"green\", \"yellow\", \"orange\", \"red\", \"purple\", \"brown\",\n]);\n\nexport interface GnomeProviderProps {\n  /**\n   * BCP 47 locale tag (e.g. `\"es-ES\"`, `\"de-DE\"`).\n   * When omitted, components fall back to the browser locale.\n   */\n  locale?: string;\n  /** Text direction. Defaults to `\"ltr\"`. */\n  dir?: GnomeDir;\n  /**\n   * Global defaults for number formatting.\n   *\n   * Use `{ notation: \"compact\", compactDisplay: \"short\" }` for compact\n   * values such as `1K`; omit it or set `{ notation: \"standard\" }` for\n   * full values such as `1,000`.\n   */\n  numberFormat?: Intl.NumberFormatOptions;\n  /** Global defaults for date/time formatting. */\n  dateTimeFormat?: Intl.DateTimeFormatOptions;\n  /**\n   * Color scheme preference. When set to `\"system\"` (default), the OS\n   * preference is respected via `prefers-color-scheme`. When set to\n   * `\"light\"` or `\"dark\"`, the `data-theme` attribute is applied to\n   * `document.documentElement` to force that theme.\n   */\n  colorScheme?: GnomeColorScheme;\n  /**\n   * Accent color. Accepts a named GNOME palette color (`\"blue\"`, `\"green\"`,\n   * `\"yellow\"`, `\"orange\"`, `\"red\"`, `\"purple\"`, `\"brown\"`) or any CSS color\n   * string (e.g. `\"#ff0000\"`). Named colors are theme-aware and use the\n   * correct shade for light/dark mode automatically. Defaults to `\"blue\"`.\n   */\n  accentColor?: GnomeAccentColor;\n  children: ReactNode;\n}\n\nfunction getSystemIsDark(): boolean {\n  return typeof window !== \"undefined\" &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\n/** Provides locale, text direction, color scheme, and accent color to all descendant gnome-ui components. */\nexport function GnomeProvider({\n  locale,\n  dir = \"ltr\",\n  numberFormat,\n  dateTimeFormat,\n  colorScheme = \"system\",\n  accentColor = \"blue\",\n  children,\n}: GnomeProviderProps) {\n  const [, forceUpdate] = useReducer((n: number) => n + 1, 0);\n\n  useEffect(() => {\n    if (colorScheme !== \"system\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    mq.addEventListener(\"change\", forceUpdate);\n    return () => mq.removeEventListener(\"change\", forceUpdate);\n  }, [colorScheme]);\n\n  useEffect(() => {\n    const root = document.documentElement;\n    if (colorScheme === \"system\") {\n      root.removeAttribute(\"data-theme\");\n    } else {\n      root.setAttribute(\"data-theme\", colorScheme);\n    }\n  }, [colorScheme]);\n\n  const resolvedColorScheme = colorScheme === \"system\"\n    ? (getSystemIsDark() ? \"dark\" : \"light\")\n    : colorScheme;\n\n  useEffect(() => {\n    const root = document.documentElement;\n    if (accentColor === \"blue\") {\n      root.style.removeProperty(\"--gnome-accent-color\");\n      root.style.removeProperty(\"--gnome-accent-bg-color\");\n      return;\n    }\n    if (NAMED_ACCENT_COLORS.has(accentColor)) {\n      const shade = resolvedColorScheme === \"dark\" ? \"2\" : \"3\";\n      root.style.setProperty(\"--gnome-accent-color\", `var(--gnome-${accentColor}-${shade})`);\n      root.style.setProperty(\"--gnome-accent-bg-color\", `var(--gnome-${accentColor}-3)`);\n    } else {\n      root.style.setProperty(\"--gnome-accent-color\", accentColor);\n      root.style.setProperty(\"--gnome-accent-bg-color\", accentColor);\n    }\n  }, [accentColor, resolvedColorScheme]);\n\n  const value = useMemo(\n    () => ({ locale, dir, numberFormat, dateTimeFormat, colorScheme, resolvedColorScheme, accentColor }),\n    [locale, dir, numberFormat, dateTimeFormat, colorScheme, resolvedColorScheme, accentColor],\n  );\n\n  return (\n    <GnomeContext.Provider value={value}>\n      {children}\n    </GnomeContext.Provider>\n  );\n}\n"],"mappings":";;;;AAQA,IAAM,IAAsB,IAAI,IAAY;CAC1C;CAAQ;CAAS;CAAU;CAAU;CAAO;CAAU;CACvD,CAAC;AAqCF,SAAS,IAA2B;AAClC,QAAO,OAAO,SAAW,OACvB,OAAO,WAAW,+BAA+B,CAAC;;AAItD,SAAgB,EAAc,EAC5B,WACA,SAAM,OACN,iBACA,mBACA,iBAAc,UACd,iBAAc,QACd,eACqB;CACrB,IAAM,GAAG,KAAe,GAAY,MAAc,IAAI,GAAG,EAAE;AAS3D,CAPA,QAAgB;AACd,MAAI,MAAgB,SAAU;EAC9B,IAAM,IAAK,OAAO,WAAW,+BAA+B;AAE5D,SADA,EAAG,iBAAiB,UAAU,EAAY,QAC7B,EAAG,oBAAoB,UAAU,EAAY;IACzD,CAAC,EAAY,CAAC,EAEjB,QAAgB;EACd,IAAM,IAAO,SAAS;AACtB,EAAI,MAAgB,WAClB,EAAK,gBAAgB,aAAa,GAElC,EAAK,aAAa,cAAc,EAAY;IAE7C,CAAC,EAAY,CAAC;CAEjB,IAAM,IAAsB,MAAgB,WACvC,GAAiB,GAAG,SAAS,UAC9B;AAEJ,SAAgB;EACd,IAAM,IAAO,SAAS;AACtB,MAAI,MAAgB,QAAQ;AAE1B,GADA,EAAK,MAAM,eAAe,uBAAuB,EACjD,EAAK,MAAM,eAAe,0BAA0B;AACpD;;AAEF,MAAI,EAAoB,IAAI,EAAY,EAAE;GACxC,IAAM,IAAQ,MAAwB,SAAS,MAAM;AAErD,GADA,EAAK,MAAM,YAAY,wBAAwB,eAAe,EAAY,GAAG,EAAM,GAAG,EACtF,EAAK,MAAM,YAAY,2BAA2B,eAAe,EAAY,KAAK;QAGlF,CADA,EAAK,MAAM,YAAY,wBAAwB,EAAY,EAC3D,EAAK,MAAM,YAAY,2BAA2B,EAAY;IAE/D,CAAC,GAAa,EAAoB,CAAC;CAEtC,IAAM,IAAQ,SACL;EAAE;EAAQ;EAAK;EAAc;EAAgB;EAAa;EAAqB;EAAa,GACnG;EAAC;EAAQ;EAAK;EAAc;EAAgB;EAAa;EAAqB;EAAY,CAC3F;AAED,QACE,kBAAC,EAAa,UAAd;EAA8B;EAC3B;EACqB,CAAA"}
+{"version":3,"file":"GnomeProvider.js","names":[],"sources":["../../../src/components/GnomeProvider/GnomeProvider.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useMemo, useReducer } from 'react';\n\nimport {\n  type GnomeAccentColor,\n  type GnomeColorScheme,\n  GnomeContext,\n  type GnomeDir,\n} from './GnomeContext';\n\nconst NAMED_ACCENT_COLORS = new Set<string>([\n  'blue',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n  'purple',\n  'brown',\n]);\n\nexport interface GnomeProviderProps {\n  /**\n   * BCP 47 locale tag (e.g. `\"es-ES\"`, `\"de-DE\"`).\n   * When omitted, components fall back to the browser locale.\n   */\n  locale?: string;\n  /** Text direction. Defaults to `\"ltr\"`. */\n  dir?: GnomeDir;\n  /**\n   * Global defaults for number formatting.\n   *\n   * Use `{ notation: \"compact\", compactDisplay: \"short\" }` for compact\n   * values such as `1K`; omit it or set `{ notation: \"standard\" }` for\n   * full values such as `1,000`.\n   */\n  numberFormat?: Intl.NumberFormatOptions;\n  /** Global defaults for date/time formatting. */\n  dateTimeFormat?: Intl.DateTimeFormatOptions;\n  /**\n   * Color scheme preference. When set to `\"system\"` (default), the OS\n   * preference is respected via `prefers-color-scheme`. When set to\n   * `\"light\"` or `\"dark\"`, the `data-theme` attribute is applied to\n   * `document.documentElement` to force that theme.\n   */\n  colorScheme?: GnomeColorScheme;\n  /**\n   * Accent color. Accepts a named GNOME palette color (`\"blue\"`, `\"green\"`,\n   * `\"yellow\"`, `\"orange\"`, `\"red\"`, `\"purple\"`, `\"brown\"`) or any CSS color\n   * string (e.g. `\"#ff0000\"`). Named colors are theme-aware and use the\n   * correct shade for light/dark mode automatically. Defaults to `\"blue\"`.\n   */\n  accentColor?: GnomeAccentColor;\n  children: ReactNode;\n}\n\nfunction getSystemIsDark(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\n/** Provides locale, text direction, color scheme, and accent color to all descendant gnome-ui components. */\nexport function GnomeProvider({\n  locale,\n  dir = 'ltr',\n  numberFormat,\n  dateTimeFormat,\n  colorScheme = 'system',\n  accentColor = 'blue',\n  children,\n}: GnomeProviderProps) {\n  const [, forceUpdate] = useReducer((n: number) => n + 1, 0);\n\n  useEffect(() => {\n    if (colorScheme !== 'system') {\n      return;\n    }\n\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n\n    mq.addEventListener('change', forceUpdate);\n\n    return () => mq.removeEventListener('change', forceUpdate);\n  }, [colorScheme]);\n\n  useEffect(() => {\n    const root = document.documentElement;\n\n    if (colorScheme === 'system') {\n      root.removeAttribute('data-theme');\n    } else {\n      root.setAttribute('data-theme', colorScheme);\n    }\n  }, [colorScheme]);\n\n  const resolvedColorScheme =\n    colorScheme === 'system' ? (getSystemIsDark() ? 'dark' : 'light') : colorScheme;\n\n  useEffect(() => {\n    const root = document.documentElement;\n\n    if (accentColor === 'blue') {\n      root.style.removeProperty('--gnome-accent-color');\n      root.style.removeProperty('--gnome-accent-bg-color');\n\n      return;\n    }\n\n    if (NAMED_ACCENT_COLORS.has(accentColor)) {\n      const shade = resolvedColorScheme === 'dark' ? '2' : '3';\n\n      root.style.setProperty('--gnome-accent-color', `var(--gnome-${accentColor}-${shade})`);\n      root.style.setProperty('--gnome-accent-bg-color', `var(--gnome-${accentColor}-3)`);\n    } else {\n      root.style.setProperty('--gnome-accent-color', accentColor);\n      root.style.setProperty('--gnome-accent-bg-color', accentColor);\n    }\n  }, [accentColor, resolvedColorScheme]);\n\n  const value = useMemo(\n    () => ({\n      locale,\n      dir,\n      numberFormat,\n      dateTimeFormat,\n      colorScheme,\n      resolvedColorScheme,\n      accentColor,\n    }),\n    [locale, dir, numberFormat, dateTimeFormat, colorScheme, resolvedColorScheme, accentColor],\n  );\n\n  return <GnomeContext.Provider value={value}>{children}</GnomeContext.Provider>;\n}\n"],"mappings":";;;;AASA,IAAM,IAAsB,IAAI,IAAY;CAC1C;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAqCF,SAAS,IAA2B;AAClC,QAAO,OAAO,SAAW,OAAe,OAAO,WAAW,+BAA+B,CAAC;;AAI5F,SAAgB,EAAc,EAC5B,WACA,SAAM,OACN,iBACA,mBACA,iBAAc,UACd,iBAAc,QACd,eACqB;CACrB,IAAM,GAAG,KAAe,GAAY,MAAc,IAAI,GAAG,EAAE;AAc3D,CAZA,QAAgB;AACd,MAAI,MAAgB,SAClB;EAGF,IAAM,IAAK,OAAO,WAAW,+BAA+B;AAI5D,SAFA,EAAG,iBAAiB,UAAU,EAAY,QAE7B,EAAG,oBAAoB,UAAU,EAAY;IACzD,CAAC,EAAY,CAAC,EAEjB,QAAgB;EACd,IAAM,IAAO,SAAS;AAEtB,EAAI,MAAgB,WAClB,EAAK,gBAAgB,aAAa,GAElC,EAAK,aAAa,cAAc,EAAY;IAE7C,CAAC,EAAY,CAAC;CAEjB,IAAM,IACJ,MAAgB,WAAY,GAAiB,GAAG,SAAS,UAAW;AAEtE,SAAgB;EACd,IAAM,IAAO,SAAS;AAEtB,MAAI,MAAgB,QAAQ;AAE1B,GADA,EAAK,MAAM,eAAe,uBAAuB,EACjD,EAAK,MAAM,eAAe,0BAA0B;AAEpD;;AAGF,MAAI,EAAoB,IAAI,EAAY,EAAE;GACxC,IAAM,IAAQ,MAAwB,SAAS,MAAM;AAGrD,GADA,EAAK,MAAM,YAAY,wBAAwB,eAAe,EAAY,GAAG,EAAM,GAAG,EACtF,EAAK,MAAM,YAAY,2BAA2B,eAAe,EAAY,KAAK;QAGlF,CADA,EAAK,MAAM,YAAY,wBAAwB,EAAY,EAC3D,EAAK,MAAM,YAAY,2BAA2B,EAAY;IAE/D,CAAC,GAAa,EAAoB,CAAC;CAEtC,IAAM,IAAQ,SACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAQ;EAAK;EAAc;EAAgB;EAAa;EAAqB;EAAY,CAC3F;AAED,QAAO,kBAAC,EAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA"}

package/dist/components/HeaderBar/HeaderBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBar.cjs","names":[],"sources":["../../../src/components/HeaderBar/HeaderBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./HeaderBar.module.css\";\n\nexport interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Centered title. Pass a string or a custom element. */\n  title?: ReactNode;\n  /** Controls placed at the leading (left) edge — back button, menu, etc. */\n  start?: ReactNode;\n  /** Controls placed at the trailing (right) edge — actions, overflow menu, etc. */\n  end?: ReactNode;\n  /**\n   * When true the header bar blends into the window chrome\n   * (no bottom border, slightly transparent background).\n   * Use for the topmost bar of a full-window layout.\n   */\n  flat?: boolean;\n}\n\n/**\n * Title bar with centered title and leading/trailing action slots.\n *\n * Mirrors the Adwaita `AdwHeaderBar` pattern. Use `flat` buttons\n * (`<Button variant=\"flat\">`) inside the header bar per GNOME HIG.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.HeaderBar.html\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function HeaderBar({\n  title,\n  start,\n  end,\n  flat = false,\n  className,\n  ...props\n}: HeaderBarProps) {\n  return (\n    <header\n      className={[styles.headerBar, flat ? styles.flat : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {/* Leading slot */}\n      <div className={styles.slot}>\n        {start}\n      </div>\n\n      {/* Centered title */}\n      <div className={styles.titleSlot} aria-live=\"polite\">\n        {typeof title === \"string\" ? (\n          <span className={styles.title}>{title}</span>\n        ) : (\n          title\n        )}\n      </div>\n\n      {/* Trailing slot */}\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(\" \")}>\n        {end}\n      </div>\n    </header>\n  );\n}\n"],"mappings":"iFA2BA,SAAgB,EAAU,CACxB,QACA,QACA,MACA,OAAO,GACP,YACA,GAAG,GACc,CACjB,OACE,EAAA,EAAA,MAAC,SAAD,CACE,UAAW,CAAC,EAAA,QAAO,UAAW,EAAO,EAAA,QAAO,KAAO,KAAM,EAAU,CAChE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAJN,EAOE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cACpB,EACG,CAAA,EAGN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,UAAW,YAAU,kBACzC,OAAO,GAAU,UAChB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAE7C,EAEE,CAAA,EAGN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,UACpE,EACG,CAAA,CACC"}
+{"version":3,"file":"HeaderBar.cjs","names":[],"sources":["../../../src/components/HeaderBar/HeaderBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './HeaderBar.module.css';\n\nexport interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** Centered title. Pass a string or a custom element. */\n  title?: ReactNode;\n  /** Controls placed at the leading (left) edge — back button, menu, etc. */\n  start?: ReactNode;\n  /** Controls placed at the trailing (right) edge — actions, overflow menu, etc. */\n  end?: ReactNode;\n  /**\n   * When true the header bar blends into the window chrome\n   * (no bottom border, slightly transparent background).\n   * Use for the topmost bar of a full-window layout.\n   */\n  flat?: boolean;\n}\n\n/**\n * Title bar with centered title and leading/trailing action slots.\n *\n * Mirrors the Adwaita `AdwHeaderBar` pattern. Use `flat` buttons\n * (`<Button variant=\"flat\">`) inside the header bar per GNOME HIG.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.HeaderBar.html\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function HeaderBar({\n  title,\n  start,\n  end,\n  flat = false,\n  className,\n  ...props\n}: HeaderBarProps) {\n  return (\n    <header\n      className={[styles.headerBar, flat ? styles.flat : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {/* Leading slot */}\n      <div className={styles.slot}>{start}</div>\n\n      {/* Centered title */}\n      <div className={styles.titleSlot} aria-live=\"polite\">\n        {typeof title === 'string' ? <span className={styles.title}>{title}</span> : title}\n      </div>\n\n      {/* Trailing slot */}\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(' ')}>{end}</div>\n    </header>\n  );\n}\n"],"mappings":"iFA4BA,SAAgB,EAAU,CACxB,QACA,QACA,MACA,OAAO,GACP,YACA,GAAG,GACc,CACjB,OACE,EAAA,EAAA,MAAC,SAAD,CACE,UAAW,CAAC,EAAA,QAAO,UAAW,EAAO,EAAA,QAAO,KAAO,KAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC7F,GAAI,WAFN,EAKE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,EAAY,CAAA,EAG1C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,UAAW,YAAU,kBACzC,OAAO,GAAU,UAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAAG,EACzE,CAAA,EAGN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,UAAG,EAAU,CAAA,CAC7E"}

package/dist/components/HeaderBar/HeaderBar.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+export interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
     /** Centered title. Pass a string or a custom element. */
     title?: ReactNode;
     /** Controls placed at the leading (left) edge — back button, menu, etc. */

package/dist/components/HeaderBar/HeaderBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBar.js","names":[],"sources":["../../../src/components/HeaderBar/HeaderBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./HeaderBar.module.css\";\n\nexport interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Centered title. Pass a string or a custom element. */\n  title?: ReactNode;\n  /** Controls placed at the leading (left) edge — back button, menu, etc. */\n  start?: ReactNode;\n  /** Controls placed at the trailing (right) edge — actions, overflow menu, etc. */\n  end?: ReactNode;\n  /**\n   * When true the header bar blends into the window chrome\n   * (no bottom border, slightly transparent background).\n   * Use for the topmost bar of a full-window layout.\n   */\n  flat?: boolean;\n}\n\n/**\n * Title bar with centered title and leading/trailing action slots.\n *\n * Mirrors the Adwaita `AdwHeaderBar` pattern. Use `flat` buttons\n * (`<Button variant=\"flat\">`) inside the header bar per GNOME HIG.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.HeaderBar.html\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function HeaderBar({\n  title,\n  start,\n  end,\n  flat = false,\n  className,\n  ...props\n}: HeaderBarProps) {\n  return (\n    <header\n      className={[styles.headerBar, flat ? styles.flat : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {/* Leading slot */}\n      <div className={styles.slot}>\n        {start}\n      </div>\n\n      {/* Centered title */}\n      <div className={styles.titleSlot} aria-live=\"polite\">\n        {typeof title === \"string\" ? (\n          <span className={styles.title}>{title}</span>\n        ) : (\n          title\n        )}\n      </div>\n\n      {/* Trailing slot */}\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(\" \")}>\n        {end}\n      </div>\n    </header>\n  );\n}\n"],"mappings":";;;AA2BA,SAAgB,EAAU,EACxB,UACA,UACA,QACA,UAAO,IACP,cACA,GAAG,KACc;AACjB,QACE,kBAAC,UAAD;EACE,WAAW;GAAC,EAAO;GAAW,IAAO,EAAO,OAAO;GAAM;GAAU,CAChE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN;GAOE,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB;IACG,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAW,aAAU;cACzC,OAAO,KAAU,WAChB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,GAE7C;IAEE,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAW,CAAC,EAAO,MAAM,EAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;cACpE;IACG,CAAA;GACC"}
+{"version":3,"file":"HeaderBar.js","names":[],"sources":["../../../src/components/HeaderBar/HeaderBar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './HeaderBar.module.css';\n\nexport interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  /** Centered title. Pass a string or a custom element. */\n  title?: ReactNode;\n  /** Controls placed at the leading (left) edge — back button, menu, etc. */\n  start?: ReactNode;\n  /** Controls placed at the trailing (right) edge — actions, overflow menu, etc. */\n  end?: ReactNode;\n  /**\n   * When true the header bar blends into the window chrome\n   * (no bottom border, slightly transparent background).\n   * Use for the topmost bar of a full-window layout.\n   */\n  flat?: boolean;\n}\n\n/**\n * Title bar with centered title and leading/trailing action slots.\n *\n * Mirrors the Adwaita `AdwHeaderBar` pattern. Use `flat` buttons\n * (`<Button variant=\"flat\">`) inside the header bar per GNOME HIG.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.HeaderBar.html\n * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html\n */\nexport function HeaderBar({\n  title,\n  start,\n  end,\n  flat = false,\n  className,\n  ...props\n}: HeaderBarProps) {\n  return (\n    <header\n      className={[styles.headerBar, flat ? styles.flat : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {/* Leading slot */}\n      <div className={styles.slot}>{start}</div>\n\n      {/* Centered title */}\n      <div className={styles.titleSlot} aria-live=\"polite\">\n        {typeof title === 'string' ? <span className={styles.title}>{title}</span> : title}\n      </div>\n\n      {/* Trailing slot */}\n      <div className={[styles.slot, styles.slotEnd].filter(Boolean).join(' ')}>{end}</div>\n    </header>\n  );\n}\n"],"mappings":";;;AA4BA,SAAgB,EAAU,EACxB,UACA,UACA,QACA,UAAO,IACP,cACA,GAAG,KACc;AACjB,QACE,kBAAC,UAAD;EACE,WAAW;GAAC,EAAO;GAAW,IAAO,EAAO,OAAO;GAAM;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC7F,GAAI;YAFN;GAKE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAO;IAAY,CAAA;GAG1C,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAW,aAAU;cACzC,OAAO,KAAU,WAAW,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,GAAG;IACzE,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAW,CAAC,EAAO,MAAM,EAAO,QAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;cAAG;IAAU,CAAA;GAC7E"}

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

@@ -1,2 +1,2 @@
-export { HeaderBar } from './HeaderBar';
 export type { HeaderBarProps } from './HeaderBar';
+export { HeaderBar } from './HeaderBar';

package/dist/components/Icon/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { AnyIconDefinition, IconDefinition } from \"@gnome-ui/icons\";\n\nexport type IconSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */\n  icon: AnyIconDefinition;\n  /**\n   * Rendered size.\n   * - `sm` — 12 px\n   * - `md` — 16 px (default)\n   * - `lg` — 20 px\n   *\n   * Override with `width`/`height` for non-standard sizes.\n   */\n  size?: IconSize;\n  /** Accessible label. Omit for decorative icons — they are hidden from screen readers. */\n  label?: string;\n}\n\nconst SIZE_MAP: Record<IconSize, number> = { sm: 12, md: 16, lg: 20 };\n\nfunction isIconDefinition(icon: AnyIconDefinition): icon is IconDefinition {\n  // When an object has both `path` and `paths`, `paths` wins.\n  return \"paths\" in icon && Array.isArray((icon as IconDefinition).paths);\n}\n\n/**\n * Renders an icon as an inline SVG.\n *\n * Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain\n * `{ path }` object. Uses `currentColor` so the icon inherits the text color\n * of its parent. Pass `label` only when the icon conveys meaning on its own.\n *\n * @example\n * import { Search } from \"@gnome-ui/icons\";\n * <Icon icon={Search} label=\"Search\" />\n *\n * @example\n * import { siGithub } from \"simple-icons\";\n * <Icon icon={siGithub} label=\"GitHub\" />\n */\nexport function Icon({\n  icon,\n  size = \"md\",\n  label,\n  width,\n  height,\n  ...props\n}: IconProps) {\n  const px = SIZE_MAP[size];\n\n  const resolvedViewBox = isIconDefinition(icon)\n    ? icon.viewBox\n    : (icon.viewBox ?? \"0 0 24 24\");\n\n  const paths = isIconDefinition(icon)\n    ? icon.paths.map((p, i) => (\n        <path key={i} d={p.d} fillRule={p.fillRule} clipRule={p.clipRule} transform={p.transform} />\n      ))\n    : [<path key={0} d={icon.path} />];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={resolvedViewBox}\n      width={width ?? px}\n      height={height ?? px}\n      fill=\"currentColor\"\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      role={label ? \"img\" : undefined}\n      focusable=\"false\"\n      {...props}\n    >\n      {paths}\n    </svg>\n  );\n}\n"],"mappings":"mCAqBA,IAAM,EAAqC,CAAE,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,CAErE,SAAS,EAAiB,EAAiD,CAEzE,MAAO,UAAW,GAAQ,MAAM,QAAS,EAAwB,MAAM,CAkBzE,SAAgB,EAAK,CACnB,OACA,OAAO,KACP,QACA,QACA,SACA,GAAG,GACS,CACZ,IAAM,EAAK,EAAS,GAEd,EAAkB,EAAiB,EAAK,CAC1C,EAAK,QACJ,EAAK,SAAW,YAEf,EAAQ,EAAiB,EAAK,CAChC,EAAK,MAAM,KAAK,EAAG,KACjB,EAAA,EAAA,KAAC,OAAD,CAAc,EAAG,EAAE,EAAG,SAAU,EAAE,SAAU,SAAU,EAAE,SAAU,UAAW,EAAE,UAAa,CAAjF,EAAiF,CAC5F,CACF,EAAC,EAAA,EAAA,KAAC,OAAD,CAAc,EAAG,EAAK,KAAQ,CAAnB,EAAmB,CAAC,CAEpC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAS,EACT,MAAO,GAAS,EAChB,OAAQ,GAAU,EAClB,KAAK,eACL,aAAY,EACZ,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,GAAI,WAEH,EACG,CAAA"}
+{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { AnyIconDefinition, IconDefinition } from '@gnome-ui/icons';\nimport type { SVGAttributes } from 'react';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */\n  icon: AnyIconDefinition;\n  /**\n   * Rendered size.\n   * - `sm` — 12 px\n   * - `md` — 16 px (default)\n   * - `lg` — 20 px\n   *\n   * Override with `width`/`height` for non-standard sizes.\n   */\n  size?: IconSize;\n  /** Accessible label. Omit for decorative icons — they are hidden from screen readers. */\n  label?: string;\n}\n\nconst SIZE_MAP: Record<IconSize, number> = { sm: 12, md: 16, lg: 20 };\n\nfunction isIconDefinition(icon: AnyIconDefinition): icon is IconDefinition {\n  // When an object has both `path` and `paths`, `paths` wins.\n  return 'paths' in icon && Array.isArray((icon as IconDefinition).paths);\n}\n\n/**\n * Renders an icon as an inline SVG.\n *\n * Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain\n * `{ path }` object. Uses `currentColor` so the icon inherits the text color\n * of its parent. Pass `label` only when the icon conveys meaning on its own.\n *\n * @example\n * import { Search } from \"@gnome-ui/icons\";\n * <Icon icon={Search} label=\"Search\" />\n *\n * @example\n * import { siGithub } from \"simple-icons\";\n * <Icon icon={siGithub} label=\"GitHub\" />\n */\nexport function Icon({ icon, size = 'md', label, width, height, ...props }: IconProps) {\n  const px = SIZE_MAP[size];\n\n  const resolvedViewBox = isIconDefinition(icon) ? icon.viewBox : (icon.viewBox ?? '0 0 24 24');\n\n  const paths = isIconDefinition(icon)\n    ? icon.paths.map((p, i) => (\n        <path key={i} d={p.d} fillRule={p.fillRule} clipRule={p.clipRule} transform={p.transform} />\n      ))\n    : [<path key={0} d={icon.path} />];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={resolvedViewBox}\n      width={width ?? px}\n      height={height ?? px}\n      fill=\"currentColor\"\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      role={label ? 'img' : undefined}\n      focusable=\"false\"\n      {...props}\n    >\n      {paths}\n    </svg>\n  );\n}\n"],"mappings":"mCAqBA,IAAM,EAAqC,CAAE,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,CAErE,SAAS,EAAiB,EAAiD,CAEzE,MAAO,UAAW,GAAQ,MAAM,QAAS,EAAwB,MAAM,CAkBzE,SAAgB,EAAK,CAAE,OAAM,OAAO,KAAM,QAAO,QAAO,SAAQ,GAAG,GAAoB,CACrF,IAAM,EAAK,EAAS,GAEd,EAAkB,EAAiB,EAAK,CAAG,EAAK,QAAW,EAAK,SAAW,YAE3E,EAAQ,EAAiB,EAAK,CAChC,EAAK,MAAM,KAAK,EAAG,KACjB,EAAA,EAAA,KAAC,OAAD,CAAc,EAAG,EAAE,EAAG,SAAU,EAAE,SAAU,SAAU,EAAE,SAAU,UAAW,EAAE,UAAa,CAAjF,EAAiF,CAC5F,CACF,EAAC,EAAA,EAAA,KAAC,OAAD,CAAc,EAAG,EAAK,KAAQ,CAAnB,EAAmB,CAAC,CAEpC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAS,EACT,MAAO,GAAS,EAChB,OAAQ,GAAU,EAClB,KAAK,eACL,aAAY,EACZ,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,GAAI,WAEH,EACG,CAAA"}

package/dist/components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
-import { SVGAttributes } from 'react';
 import { AnyIconDefinition } from '@gnome-ui/icons';
-export type IconSize = "sm" | "md" | "lg";
+import { SVGAttributes } from 'react';
+export type IconSize = 'sm' | 'md' | 'lg';
 export interface IconProps extends SVGAttributes<SVGSVGElement> {
     /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */
     icon: AnyIconDefinition;

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { AnyIconDefinition, IconDefinition } from \"@gnome-ui/icons\";\n\nexport type IconSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */\n  icon: AnyIconDefinition;\n  /**\n   * Rendered size.\n   * - `sm` — 12 px\n   * - `md` — 16 px (default)\n   * - `lg` — 20 px\n   *\n   * Override with `width`/`height` for non-standard sizes.\n   */\n  size?: IconSize;\n  /** Accessible label. Omit for decorative icons — they are hidden from screen readers. */\n  label?: string;\n}\n\nconst SIZE_MAP: Record<IconSize, number> = { sm: 12, md: 16, lg: 20 };\n\nfunction isIconDefinition(icon: AnyIconDefinition): icon is IconDefinition {\n  // When an object has both `path` and `paths`, `paths` wins.\n  return \"paths\" in icon && Array.isArray((icon as IconDefinition).paths);\n}\n\n/**\n * Renders an icon as an inline SVG.\n *\n * Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain\n * `{ path }` object. Uses `currentColor` so the icon inherits the text color\n * of its parent. Pass `label` only when the icon conveys meaning on its own.\n *\n * @example\n * import { Search } from \"@gnome-ui/icons\";\n * <Icon icon={Search} label=\"Search\" />\n *\n * @example\n * import { siGithub } from \"simple-icons\";\n * <Icon icon={siGithub} label=\"GitHub\" />\n */\nexport function Icon({\n  icon,\n  size = \"md\",\n  label,\n  width,\n  height,\n  ...props\n}: IconProps) {\n  const px = SIZE_MAP[size];\n\n  const resolvedViewBox = isIconDefinition(icon)\n    ? icon.viewBox\n    : (icon.viewBox ?? \"0 0 24 24\");\n\n  const paths = isIconDefinition(icon)\n    ? icon.paths.map((p, i) => (\n        <path key={i} d={p.d} fillRule={p.fillRule} clipRule={p.clipRule} transform={p.transform} />\n      ))\n    : [<path key={0} d={icon.path} />];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={resolvedViewBox}\n      width={width ?? px}\n      height={height ?? px}\n      fill=\"currentColor\"\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      role={label ? \"img\" : undefined}\n      focusable=\"false\"\n      {...props}\n    >\n      {paths}\n    </svg>\n  );\n}\n"],"mappings":";;AAqBA,IAAM,IAAqC;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI;AAErE,SAAS,EAAiB,GAAiD;AAEzE,QAAO,WAAW,KAAQ,MAAM,QAAS,EAAwB,MAAM;;AAkBzE,SAAgB,EAAK,EACnB,SACA,UAAO,MACP,UACA,UACA,WACA,GAAG,KACS;CACZ,IAAM,IAAK,EAAS,IAEd,IAAkB,EAAiB,EAAK,GAC1C,EAAK,UACJ,EAAK,WAAW,aAEf,IAAQ,EAAiB,EAAK,GAChC,EAAK,MAAM,KAAK,GAAG,MACjB,kBAAC,QAAD;EAAc,GAAG,EAAE;EAAG,UAAU,EAAE;EAAU,UAAU,EAAE;EAAU,WAAW,EAAE;EAAa,EAAjF,EAAiF,CAC5F,GACF,CAAC,kBAAC,QAAD,EAAc,GAAG,EAAK,MAAQ,EAAnB,EAAmB,CAAC;AAEpC,QACE,kBAAC,OAAD;EACE,OAAM;EACN,SAAS;EACT,OAAO,KAAS;EAChB,QAAQ,KAAU;EAClB,MAAK;EACL,cAAY;EACZ,eAAa,IAAQ,KAAA,IAAY;EACjC,MAAM,IAAQ,QAAQ,KAAA;EACtB,WAAU;EACV,GAAI;YAEH;EACG,CAAA"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { AnyIconDefinition, IconDefinition } from '@gnome-ui/icons';\nimport type { SVGAttributes } from 'react';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\n\nexport interface IconProps extends SVGAttributes<SVGSVGElement> {\n  /** Icon from `@gnome-ui/icons`, a `simple-icons` icon, or a raw `{ path }` object. */\n  icon: AnyIconDefinition;\n  /**\n   * Rendered size.\n   * - `sm` — 12 px\n   * - `md` — 16 px (default)\n   * - `lg` — 20 px\n   *\n   * Override with `width`/`height` for non-standard sizes.\n   */\n  size?: IconSize;\n  /** Accessible label. Omit for decorative icons — they are hidden from screen readers. */\n  label?: string;\n}\n\nconst SIZE_MAP: Record<IconSize, number> = { sm: 12, md: 16, lg: 20 };\n\nfunction isIconDefinition(icon: AnyIconDefinition): icon is IconDefinition {\n  // When an object has both `path` and `paths`, `paths` wins.\n  return 'paths' in icon && Array.isArray((icon as IconDefinition).paths);\n}\n\n/**\n * Renders an icon as an inline SVG.\n *\n * Accepts icons from `@gnome-ui/icons`, any `simple-icons` icon, or a plain\n * `{ path }` object. Uses `currentColor` so the icon inherits the text color\n * of its parent. Pass `label` only when the icon conveys meaning on its own.\n *\n * @example\n * import { Search } from \"@gnome-ui/icons\";\n * <Icon icon={Search} label=\"Search\" />\n *\n * @example\n * import { siGithub } from \"simple-icons\";\n * <Icon icon={siGithub} label=\"GitHub\" />\n */\nexport function Icon({ icon, size = 'md', label, width, height, ...props }: IconProps) {\n  const px = SIZE_MAP[size];\n\n  const resolvedViewBox = isIconDefinition(icon) ? icon.viewBox : (icon.viewBox ?? '0 0 24 24');\n\n  const paths = isIconDefinition(icon)\n    ? icon.paths.map((p, i) => (\n        <path key={i} d={p.d} fillRule={p.fillRule} clipRule={p.clipRule} transform={p.transform} />\n      ))\n    : [<path key={0} d={icon.path} />];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={resolvedViewBox}\n      width={width ?? px}\n      height={height ?? px}\n      fill=\"currentColor\"\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      role={label ? 'img' : undefined}\n      focusable=\"false\"\n      {...props}\n    >\n      {paths}\n    </svg>\n  );\n}\n"],"mappings":";;AAqBA,IAAM,IAAqC;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI;AAErE,SAAS,EAAiB,GAAiD;AAEzE,QAAO,WAAW,KAAQ,MAAM,QAAS,EAAwB,MAAM;;AAkBzE,SAAgB,EAAK,EAAE,SAAM,UAAO,MAAM,UAAO,UAAO,WAAQ,GAAG,KAAoB;CACrF,IAAM,IAAK,EAAS,IAEd,IAAkB,EAAiB,EAAK,GAAG,EAAK,UAAW,EAAK,WAAW,aAE3E,IAAQ,EAAiB,EAAK,GAChC,EAAK,MAAM,KAAK,GAAG,MACjB,kBAAC,QAAD;EAAc,GAAG,EAAE;EAAG,UAAU,EAAE;EAAU,UAAU,EAAE;EAAU,WAAW,EAAE;EAAa,EAAjF,EAAiF,CAC5F,GACF,CAAC,kBAAC,QAAD,EAAc,GAAG,EAAK,MAAQ,EAAnB,EAAmB,CAAC;AAEpC,QACE,kBAAC,OAAD;EACE,OAAM;EACN,SAAS;EACT,OAAO,KAAS;EAChB,QAAQ,KAAU;EAClB,MAAK;EACL,cAAY;EACZ,eAAa,IAAQ,KAAA,IAAY;EACjC,MAAM,IAAQ,QAAQ,KAAA;EACtB,WAAU;EACV,GAAI;YAEH;EACG,CAAA"}

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

@@ -1,2 +1,2 @@
-export { Icon } from './Icon';
 export type { IconProps, IconSize } from './Icon';
+export { Icon } from './Icon';

package/dist/components/IconButton/IconButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.cjs","names":[],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from \"../Button\";\nimport { Icon, type IconSize } from \"../Icon\";\nimport { Tooltip, type TooltipPlacement } from \"../Tooltip\";\n\nexport type IconButtonVariant = ButtonVariant | \"osd\";\nexport type IconButtonSize = ButtonSize;\n\nexport interface IconButtonProps\n  extends Omit<\n    ButtonProps,\n    \"aria-label\" | \"children\" | \"leadingIcon\" | \"osd\" | \"shape\" | \"trailingIcon\" | \"variant\"\n  > {\n  /** Icon definition imported from `@gnome-ui/icons`. */\n  icon: IconDefinition;\n  /** Accessible name for the icon-only button. */\n  label: string;\n  /** Visual style of the button. Use `\"osd\"` for media overlay controls. */\n  variant?: IconButtonVariant;\n  /** Size of the button. */\n  size?: IconButtonSize;\n  /** Override the rendered icon size. Defaults to a size matched to `size`. */\n  iconSize?: IconSize;\n  /** Optional tooltip text shown on hover/focus. */\n  tooltip?: string;\n  /** Preferred tooltip placement. */\n  tooltipPlacement?: TooltipPlacement;\n  /** Tooltip delay in milliseconds. */\n  tooltipDelay?: number;\n}\n\nconst ICON_SIZE_BY_BUTTON_SIZE: Record<IconButtonSize, IconSize> = {\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\n/**\n * Icon-only action button composed from `Button`, `Icon`, and optionally `Tooltip`.\n *\n * `label` is required because the button has no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton({\n  icon,\n  label,\n  variant = \"default\",\n  size = \"md\",\n  iconSize,\n  tooltip,\n  tooltipPlacement,\n  tooltipDelay,\n  ...props\n}, ref) {\n  const buttonVariant = variant === \"osd\" ? \"flat\" : variant;\n\n  const button = (\n    <Button\n      ref={ref}\n      aria-label={label}\n      shape=\"circular\"\n      size={size}\n      variant={buttonVariant}\n      osd={variant === \"osd\"}\n      {...props}\n    >\n      <Icon icon={icon} size={iconSize ?? ICON_SIZE_BY_BUTTON_SIZE[size]} />\n    </Button>\n  );\n\n  if (!tooltip) return button;\n\n  return (\n    <Tooltip\n      label={tooltip}\n      placement={tooltipPlacement}\n      delay={tooltipDelay}\n    >\n      {button}\n    </Tooltip>\n  );\n});\n"],"mappings":"gKAgCA,IAAM,EAA6D,CACjE,GAAI,KACJ,GAAI,KACJ,GAAI,KACL,CAOY,GAAA,EAAA,EAAA,YAA4D,SAAoB,CAC3F,OACA,QACA,UAAU,UACV,OAAO,KACP,WACA,UACA,mBACA,eACA,GAAG,GACF,EAAK,CACN,IAAM,EAAgB,IAAY,MAAQ,OAAS,EAE7C,GACJ,EAAA,EAAA,KAAC,EAAA,OAAD,CACO,MACL,aAAY,EACZ,MAAM,WACA,OACN,QAAS,EACT,IAAK,IAAY,MACjB,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAM,GAAY,EAAyB,GAAS,CAAA,CAC/D,CAAA,CAKX,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,EACP,UAAW,EACX,MAAO,WAEN,EACO,CAAA,CATS,GAWrB"}
+{"version":3,"file":"IconButton.cjs","names":[],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport { forwardRef } from 'react';\n\nimport { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from '../Button';\nimport { Icon, type IconSize } from '../Icon';\nimport { Tooltip, type TooltipPlacement } from '../Tooltip';\n\nexport type IconButtonVariant = ButtonVariant | 'osd';\nexport type IconButtonSize = ButtonSize;\n\nexport interface IconButtonProps\n  extends Omit<\n    ButtonProps,\n    'aria-label' | 'children' | 'leadingIcon' | 'osd' | 'shape' | 'trailingIcon' | 'variant'\n  > {\n  /** Icon definition imported from `@gnome-ui/icons`. */\n  icon: IconDefinition;\n  /** Accessible name for the icon-only button. */\n  label: string;\n  /** Visual style of the button. Use `\"osd\"` for media overlay controls. */\n  variant?: IconButtonVariant;\n  /** Size of the button. */\n  size?: IconButtonSize;\n  /** Override the rendered icon size. Defaults to a size matched to `size`. */\n  iconSize?: IconSize;\n  /** Optional tooltip text shown on hover/focus. */\n  tooltip?: string;\n  /** Preferred tooltip placement. */\n  tooltipPlacement?: TooltipPlacement;\n  /** Tooltip delay in milliseconds. */\n  tooltipDelay?: number;\n}\n\nconst ICON_SIZE_BY_BUTTON_SIZE: Record<IconButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n};\n\n/**\n * Icon-only action button composed from `Button`, `Icon`, and optionally `Tooltip`.\n *\n * `label` is required because the button has no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    icon,\n    label,\n    variant = 'default',\n    size = 'md',\n    iconSize,\n    tooltip,\n    tooltipPlacement,\n    tooltipDelay,\n    ...props\n  },\n  ref,\n) {\n  const buttonVariant = variant === 'osd' ? 'flat' : variant;\n\n  const button = (\n    <Button\n      ref={ref}\n      aria-label={label}\n      shape=\"circular\"\n      size={size}\n      variant={buttonVariant}\n      osd={variant === 'osd'}\n      {...props}\n    >\n      <Icon icon={icon} size={iconSize ?? ICON_SIZE_BY_BUTTON_SIZE[size]} />\n    </Button>\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  return (\n    <Tooltip label={tooltip} placement={tooltipPlacement} delay={tooltipDelay}>\n      {button}\n    </Tooltip>\n  );\n});\n"],"mappings":"gKAiCA,IAAM,EAA6D,CACjE,GAAI,KACJ,GAAI,KACJ,GAAI,KACL,CAOY,GAAA,EAAA,EAAA,YAA4D,SACvE,CACE,OACA,QACA,UAAU,UACV,OAAO,KACP,WACA,UACA,mBACA,eACA,GAAG,GAEL,EACA,CACA,IAAM,EAAgB,IAAY,MAAQ,OAAS,EAE7C,GACJ,EAAA,EAAA,KAAC,EAAA,OAAD,CACO,MACL,aAAY,EACZ,MAAM,WACA,OACN,QAAS,EACT,IAAK,IAAY,MACjB,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAM,GAAY,EAAyB,GAAS,CAAA,CAC/D,CAAA,CAOX,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,MAAO,EAAS,UAAW,EAAkB,MAAO,WAC1D,EACO,CAAA,CANH,GAQT"}

package/dist/components/IconButton/IconButton.d.ts

@@ -2,9 +2,9 @@ import { IconDefinition } from '@gnome-ui/icons';
 import { ButtonProps, ButtonSize, ButtonVariant } from '../Button';
 import { IconSize } from '../Icon';
 import { TooltipPlacement } from '../Tooltip';
-export type IconButtonVariant = ButtonVariant | "osd";
+export type IconButtonVariant = ButtonVariant | 'osd';
 export type IconButtonSize = ButtonSize;
-export interface IconButtonProps extends Omit<ButtonProps, "aria-label" | "children" | "leadingIcon" | "osd" | "shape" | "trailingIcon" | "variant"> {
+export interface IconButtonProps extends Omit<ButtonProps, 'aria-label' | 'children' | 'leadingIcon' | 'osd' | 'shape' | 'trailingIcon' | 'variant'> {
     /** Icon definition imported from `@gnome-ui/icons`. */
     icon: IconDefinition;
     /** Accessible name for the icon-only button. */

package/dist/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":[],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from \"../Button\";\nimport { Icon, type IconSize } from \"../Icon\";\nimport { Tooltip, type TooltipPlacement } from \"../Tooltip\";\n\nexport type IconButtonVariant = ButtonVariant | \"osd\";\nexport type IconButtonSize = ButtonSize;\n\nexport interface IconButtonProps\n  extends Omit<\n    ButtonProps,\n    \"aria-label\" | \"children\" | \"leadingIcon\" | \"osd\" | \"shape\" | \"trailingIcon\" | \"variant\"\n  > {\n  /** Icon definition imported from `@gnome-ui/icons`. */\n  icon: IconDefinition;\n  /** Accessible name for the icon-only button. */\n  label: string;\n  /** Visual style of the button. Use `\"osd\"` for media overlay controls. */\n  variant?: IconButtonVariant;\n  /** Size of the button. */\n  size?: IconButtonSize;\n  /** Override the rendered icon size. Defaults to a size matched to `size`. */\n  iconSize?: IconSize;\n  /** Optional tooltip text shown on hover/focus. */\n  tooltip?: string;\n  /** Preferred tooltip placement. */\n  tooltipPlacement?: TooltipPlacement;\n  /** Tooltip delay in milliseconds. */\n  tooltipDelay?: number;\n}\n\nconst ICON_SIZE_BY_BUTTON_SIZE: Record<IconButtonSize, IconSize> = {\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\n/**\n * Icon-only action button composed from `Button`, `Icon`, and optionally `Tooltip`.\n *\n * `label` is required because the button has no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton({\n  icon,\n  label,\n  variant = \"default\",\n  size = \"md\",\n  iconSize,\n  tooltip,\n  tooltipPlacement,\n  tooltipDelay,\n  ...props\n}, ref) {\n  const buttonVariant = variant === \"osd\" ? \"flat\" : variant;\n\n  const button = (\n    <Button\n      ref={ref}\n      aria-label={label}\n      shape=\"circular\"\n      size={size}\n      variant={buttonVariant}\n      osd={variant === \"osd\"}\n      {...props}\n    >\n      <Icon icon={icon} size={iconSize ?? ICON_SIZE_BY_BUTTON_SIZE[size]} />\n    </Button>\n  );\n\n  if (!tooltip) return button;\n\n  return (\n    <Tooltip\n      label={tooltip}\n      placement={tooltipPlacement}\n      delay={tooltipDelay}\n    >\n      {button}\n    </Tooltip>\n  );\n});\n"],"mappings":";;;;;;AAgCA,IAAM,IAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAOY,IAAa,EAA+C,SAAoB,EAC3F,SACA,UACA,aAAU,WACV,UAAO,MACP,aACA,YACA,qBACA,iBACA,GAAG,KACF,GAAK;CACN,IAAM,IAAgB,MAAY,QAAQ,SAAS,GAE7C,IACJ,kBAAC,GAAD;EACO;EACL,cAAY;EACZ,OAAM;EACA;EACN,SAAS;EACT,KAAK,MAAY;EACjB,GAAI;YAEJ,kBAAC,GAAD;GAAY;GAAM,MAAM,KAAY,EAAyB;GAAS,CAAA;EAC/D,CAAA;AAKX,QAFK,IAGH,kBAAC,GAAD;EACE,OAAO;EACP,WAAW;EACX,OAAO;YAEN;EACO,CAAA,GATS;EAWrB"}
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport { forwardRef } from 'react';\n\nimport { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from '../Button';\nimport { Icon, type IconSize } from '../Icon';\nimport { Tooltip, type TooltipPlacement } from '../Tooltip';\n\nexport type IconButtonVariant = ButtonVariant | 'osd';\nexport type IconButtonSize = ButtonSize;\n\nexport interface IconButtonProps\n  extends Omit<\n    ButtonProps,\n    'aria-label' | 'children' | 'leadingIcon' | 'osd' | 'shape' | 'trailingIcon' | 'variant'\n  > {\n  /** Icon definition imported from `@gnome-ui/icons`. */\n  icon: IconDefinition;\n  /** Accessible name for the icon-only button. */\n  label: string;\n  /** Visual style of the button. Use `\"osd\"` for media overlay controls. */\n  variant?: IconButtonVariant;\n  /** Size of the button. */\n  size?: IconButtonSize;\n  /** Override the rendered icon size. Defaults to a size matched to `size`. */\n  iconSize?: IconSize;\n  /** Optional tooltip text shown on hover/focus. */\n  tooltip?: string;\n  /** Preferred tooltip placement. */\n  tooltipPlacement?: TooltipPlacement;\n  /** Tooltip delay in milliseconds. */\n  tooltipDelay?: number;\n}\n\nconst ICON_SIZE_BY_BUTTON_SIZE: Record<IconButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n};\n\n/**\n * Icon-only action button composed from `Button`, `Icon`, and optionally `Tooltip`.\n *\n * `label` is required because the button has no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    icon,\n    label,\n    variant = 'default',\n    size = 'md',\n    iconSize,\n    tooltip,\n    tooltipPlacement,\n    tooltipDelay,\n    ...props\n  },\n  ref,\n) {\n  const buttonVariant = variant === 'osd' ? 'flat' : variant;\n\n  const button = (\n    <Button\n      ref={ref}\n      aria-label={label}\n      shape=\"circular\"\n      size={size}\n      variant={buttonVariant}\n      osd={variant === 'osd'}\n      {...props}\n    >\n      <Icon icon={icon} size={iconSize ?? ICON_SIZE_BY_BUTTON_SIZE[size]} />\n    </Button>\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  return (\n    <Tooltip label={tooltip} placement={tooltipPlacement} delay={tooltipDelay}>\n      {button}\n    </Tooltip>\n  );\n});\n"],"mappings":";;;;;;AAiCA,IAAM,IAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAOY,IAAa,EAA+C,SACvE,EACE,SACA,UACA,aAAU,WACV,UAAO,MACP,aACA,YACA,qBACA,iBACA,GAAG,KAEL,GACA;CACA,IAAM,IAAgB,MAAY,QAAQ,SAAS,GAE7C,IACJ,kBAAC,GAAD;EACO;EACL,cAAY;EACZ,OAAM;EACA;EACN,SAAS;EACT,KAAK,MAAY;EACjB,GAAI;YAEJ,kBAAC,GAAD;GAAY;GAAM,MAAM,KAAY,EAAyB;GAAS,CAAA;EAC/D,CAAA;AAOX,QAJK,IAKH,kBAAC,GAAD;EAAS,OAAO;EAAS,WAAW;EAAkB,OAAO;YAC1D;EACO,CAAA,GANH;EAQT"}

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

@@ -1,2 +1,2 @@
-export { IconButton } from './IconButton';
 export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton';
+export { IconButton } from './IconButton';

package/dist/components/InlineViewSwitcher/InlineViewSwitcher.cjs

@@ -1,2 +1,2 @@
-const e=require(`./InlineViewSwitcher.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.createContext)(null);function i(){let e=(0,t.useContext)(r);if(!e)throw Error(`InlineViewSwitcherItem must be used inside InlineViewSwitcher`);return e}function a({value:i,onValueChange:a,variant:o=`default`,"aria-label":s=`View switcher`,children:c,className:l,...u}){let d=(0,t.useRef)(null);function f(e){let t=Array.from(d.current?.querySelectorAll(`[role=radio]:not(:disabled)`)??[]),n=t.findIndex(e=>e===document.activeElement);if(n===-1)return;let r=n;if(e.key===`ArrowRight`||e.key===`ArrowDown`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),t[r].focus(),t[r].click()}return(0,n.jsx)(r.Provider,{value:{value:i,onValueChange:a},children:(0,n.jsx)(`div`,{ref:d,role:`radiogroup`,"aria-label":s,onKeyDown:f,className:[e.default.switcher,e.default[o],l].filter(Boolean).join(` `),...u,children:c})})}exports.InlineViewSwitcher=a,exports.useInlineViewSwitcher=i;
+const e=require(`./InlineViewSwitcher.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.createContext)(null);function i(){let e=(0,t.useContext)(r);if(!e)throw Error(`InlineViewSwitcherItem must be used inside InlineViewSwitcher`);return e}function a({value:i,onValueChange:a,variant:o=`default`,"aria-label":s=`View switcher`,children:c,className:l,...u}){let d=(0,t.useRef)(null);function f(e){let t=Array.from(d.current?.querySelectorAll(`[role=radio]:not(:disabled)`)??[]),n=document.activeElement,r=n instanceof HTMLButtonElement?t.indexOf(n):-1;if(r===-1)return;let i=r;if(e.key===`ArrowRight`||e.key===`ArrowDown`)i=(r+1)%t.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus(),t[i].click()}return(0,n.jsx)(r.Provider,{value:{value:i,onValueChange:a},children:(0,n.jsx)(`div`,{ref:d,role:`radiogroup`,"aria-label":s,onKeyDown:f,className:[e.default.switcher,e.default[o],l].filter(Boolean).join(` `),...u,children:c})})}exports.InlineViewSwitcher=a,exports.useInlineViewSwitcher=i;
 //# sourceMappingURL=InlineViewSwitcher.cjs.map

package/dist/components/InlineViewSwitcher/InlineViewSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineViewSwitcher.cjs","names":[],"sources":["../../../src/components/InlineViewSwitcher/InlineViewSwitcher.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport styles from \"./InlineViewSwitcher.module.css\";\n\nexport type InlineViewSwitcherVariant = \"default\" | \"flat\" | \"round\" | \"pill\";\n\n// ─── Internal context ──────────────────────────────────────────────────────────\n\ninterface InlineViewSwitcherContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n}\n\nconst InlineViewSwitcherContext =\n  createContext<InlineViewSwitcherContextValue | null>(null);\n\nexport function useInlineViewSwitcher() {\n  const ctx = useContext(InlineViewSwitcherContext);\n  if (!ctx)\n    throw new Error(\n      \"InlineViewSwitcherItem must be used inside InlineViewSwitcher\",\n    );\n  return ctx;\n}\n\n// ─── InlineViewSwitcher ────────────────────────────────────────────────────────\n\nexport interface InlineViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  /** Currently active view name. */\n  value: string;\n  /** Called with the new value when a view is selected. */\n  onValueChange: (value: string) => void;\n  /**\n   * Visual style of the switcher.\n   * - `default` — card background with border and shadow (same as `ToggleGroup`).\n   * - `flat`    — no background or border; active indicator only.\n   * - `round`   — pill-shaped container and items.\n   * - `pill`    — segmented-control style; active item appears lifted, no accent color.\n   */\n  variant?: InlineViewSwitcherVariant;\n  /** Accessible label for the group. */\n  \"aria-label\"?: string;\n  children?: ReactNode;\n}\n\n/**\n * Compact inline view switcher for placing inside content areas, cards, or\n * toolbars — wherever `ViewSwitcher` (header-bar sized) would be too heavy.\n *\n * Built on `ToggleGroup` internals with `flat` and `round` style variants.\n * Mirrors `AdwInlineViewSwitcher` (libadwaita 1.7 / GNOME 48).\n *\n * Compose with `InlineViewSwitcherItem`. Keyboard: ← / → cycle, Home / End jump.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.InlineViewSwitcher.html\n */\nexport function InlineViewSwitcher({\n  value,\n  onValueChange,\n  variant = \"default\",\n  \"aria-label\": ariaLabel = \"View switcher\",\n  children,\n  className,\n  ...props\n}: InlineViewSwitcherProps) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>(\n        \"[role=radio]:not(:disabled)\",\n      ) ?? [],\n    );\n    const idx = items.findIndex((el) => el === document.activeElement);\n    if (idx === -1) return;\n\n    let next = idx;\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\")\n      next = (idx + 1) % items.length;\n    else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\")\n      next = (idx - 1 + items.length) % items.length;\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = items.length - 1;\n    else return;\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <InlineViewSwitcherContext.Provider value={{ value, onValueChange }}>\n      <div\n        ref={groupRef}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={[styles.switcher, styles[variant], className]\n          .filter(Boolean)\n          .join(\" \")}\n        {...props}\n      >\n        {children}\n      </div>\n    </InlineViewSwitcherContext.Provider>\n  );\n}\n"],"mappings":"6GAmBA,IAAM,GAAA,EAAA,EAAA,eACiD,KAAK,CAE5D,SAAgB,GAAwB,CACtC,IAAM,GAAA,EAAA,EAAA,YAAiB,EAA0B,CACjD,GAAI,CAAC,EACH,MAAU,MACR,gEACD,CACH,OAAO,EAkCT,SAAgB,EAAmB,CACjC,QACA,gBACA,UAAU,UACV,aAAc,EAAY,gBAC1B,WACA,YACA,GAAG,GACuB,CAC1B,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAE7C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAChB,8BACD,EAAI,EAAE,CACR,CACK,EAAM,EAAM,UAAW,GAAO,IAAO,SAAS,cAAc,CAClE,GAAI,IAAQ,GAAI,OAEhB,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,eAClB,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC1C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,eACjC,EAAE,MAAQ,OAAQ,EAAO,UACzB,EAAE,MAAQ,MAAO,EAAO,EAAM,OAAS,OAC3C,OAEL,EAAE,gBAAgB,CAClB,EAAM,GAAM,OAAO,CACnB,EAAM,GAAM,OAAO,CAGrB,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CAAoC,MAAO,CAAE,QAAO,gBAAe,WACjE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,SAAU,EAAA,QAAO,GAAU,EAAU,CACrD,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,EAEH,WACG,CAAA,CAC6B,CAAA"}
+{"version":3,"file":"InlineViewSwitcher.cjs","names":[],"sources":["../../../src/components/InlineViewSwitcher/InlineViewSwitcher.tsx"],"sourcesContent":["import {\n  createContext,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useContext,\n  useRef,\n} from 'react';\n\nimport styles from './InlineViewSwitcher.module.css';\n\nexport type InlineViewSwitcherVariant = 'default' | 'flat' | 'round' | 'pill';\n\n// ─── Internal context ──────────────────────────────────────────────────────────\n\ninterface InlineViewSwitcherContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n}\n\nconst InlineViewSwitcherContext = createContext<InlineViewSwitcherContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useInlineViewSwitcher() {\n  const ctx = useContext(InlineViewSwitcherContext);\n\n  if (!ctx) {\n    throw new Error('InlineViewSwitcherItem must be used inside InlineViewSwitcher');\n  }\n\n  return ctx;\n}\n\n// ─── InlineViewSwitcher ────────────────────────────────────────────────────────\n\nexport interface InlineViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  /** Currently active view name. */\n  value: string;\n  /** Called with the new value when a view is selected. */\n  onValueChange: (value: string) => void;\n  /**\n   * Visual style of the switcher.\n   * - `default` — card background with border and shadow (same as `ToggleGroup`).\n   * - `flat`    — no background or border; active indicator only.\n   * - `round`   — pill-shaped container and items.\n   * - `pill`    — segmented-control style; active item appears lifted, no accent color.\n   */\n  variant?: InlineViewSwitcherVariant;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Compact inline view switcher for placing inside content areas, cards, or\n * toolbars — wherever `ViewSwitcher` (header-bar sized) would be too heavy.\n *\n * Built on `ToggleGroup` internals with `flat` and `round` style variants.\n * Mirrors `AdwInlineViewSwitcher` (libadwaita 1.7 / GNOME 48).\n *\n * Compose with `InlineViewSwitcherItem`. Keyboard: ← / → cycle, Home / End jump.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.InlineViewSwitcher.html\n */\nexport function InlineViewSwitcher({\n  value,\n  onValueChange,\n  variant = 'default',\n  'aria-label': ariaLabel = 'View switcher',\n  children,\n  className,\n  ...props\n}: InlineViewSwitcherProps) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <InlineViewSwitcherContext.Provider value={{ value, onValueChange }}>\n      <div\n        ref={groupRef}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={[styles.switcher, styles[variant], className].filter(Boolean).join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    </InlineViewSwitcherContext.Provider>\n  );\n}\n"],"mappings":"6GAoBA,IAAM,GAAA,EAAA,EAAA,eAAiF,KAAK,CAG5F,SAAgB,GAAwB,CACtC,IAAM,GAAA,EAAA,EAAA,YAAiB,EAA0B,CAEjD,GAAI,CAAC,EACH,MAAU,MAAM,gEAAgE,CAGlF,OAAO,EAkCT,SAAgB,EAAmB,CACjC,QACA,gBACA,UAAU,UACV,aAAc,EAAY,gBAC1B,WACA,YACA,GAAG,GACuB,CAC1B,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAE7C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,8BAA8B,EAAI,EAAE,CAC3F,CACK,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAM,QAAQ,EAAc,CAAG,GAExF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,eAChB,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC5C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,eAC/B,EAAE,MAAQ,OACnB,EAAO,UACE,EAAE,MAAQ,MACnB,EAAO,EAAM,OAAS,OAEtB,OAGF,EAAE,gBAAgB,CAClB,EAAM,GAAM,OAAO,CACnB,EAAM,GAAM,OAAO,CAGrB,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CAAoC,MAAO,CAAE,QAAO,gBAAe,WACjE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,SAAU,EAAA,QAAO,GAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAClF,GAAI,EAEH,WACG,CAAA,CAC6B,CAAA"}