@gnome-ui/react 1.45.0 → 1.45.2

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/ExpanderRow.cjs

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

package/dist/components/Footer/Footer.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Footer.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({start:n,end:r,children:i,flat:a=!1,className:o,...s}){return(0,t.jsxs)(`footer`,{className:[e.default.footer,a?e.default.flat:null,o].filter(Boolean).join(` `),...s,children:[(0,t.jsx)(`div`,{className:e.default.slot,children:n}),i!=null&&(0,t.jsx)(`div`,{className:e.default.center,children:i}),(0,t.jsx)(`div`,{className:[e.default.slot,e.default.slotEnd].filter(Boolean).join(` `),children:r})]})}exports.Footer=n;
+const e=require("./Footer.module.css.cjs");let t=require("react/jsx-runtime");var n=({start:n,end:r,children:i,flat:a=!1,className:o,...s})=>(0,t.jsxs)(`footer`,{className:[e.default.footer,a?e.default.flat:null,o].filter(Boolean).join(` `),...s,children:[(0,t.jsx)(`div`,{className:e.default.slot,children:n}),i!=null&&(0,t.jsx)(`div`,{className:e.default.center,children:i}),(0,t.jsx)(`div`,{className:[e.default.slot,e.default.slotEnd].filter(Boolean).join(` `),children:r})]});exports.Footer=n;
 //# sourceMappingURL=Footer.cjs.map

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 const 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].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,IAAa,GAAU,CACrB,QACA,MACA,WACA,OAAO,GACP,YACA,GAAG,MAGD,EAAA,EAAA,MAAC,SAAD,CACE,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAO,EAAA,QAAO,KAAO,KAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACzF,GAAI,WAFN,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,EAExC,GAAa,OACZ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAS,UAAc,CAAA,GAGhD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,WAAI,CAAS,CAAA,CAC7E"}

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

@@ -20,4 +20,4 @@ export interface FooterProps extends HTMLAttributes<HTMLElement> {
  *
  * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html
  */
-export declare function Footer({ start, end, children, flat, className, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ start, end, children, flat, className, ...props }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Footer/Footer.js

@@ -1,30 +1,28 @@
 import e from "./Footer.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Footer/Footer.tsx
-function r({ start: r, end: i, children: a, flat: o = !1, className: s, ...c }) {
-	return /* @__PURE__ */ n("footer", {
-		className: [
-			e.footer,
-			o ? e.flat : null,
-			s
-		].filter(Boolean).join(" "),
-		...c,
-		children: [
-			/* @__PURE__ */ t("div", {
-				className: e.slot,
-				children: r
-			}),
-			a != null && /* @__PURE__ */ t("div", {
-				className: e.center,
-				children: a
-			}),
-			/* @__PURE__ */ t("div", {
-				className: [e.slot, e.slotEnd].filter(Boolean).join(" "),
-				children: i
-			})
-		]
-	});
-}
+var r = ({ start: r, end: i, children: a, flat: o = !1, className: s, ...c }) => /* @__PURE__ */ n("footer", {
+	className: [
+		e.footer,
+		o ? e.flat : null,
+		s
+	].filter(Boolean).join(" "),
+	...c,
+	children: [
+		/* @__PURE__ */ t("div", {
+			className: e.slot,
+			children: r
+		}),
+		a != null && /* @__PURE__ */ t("div", {
+			className: e.center,
+			children: a
+		}),
+		/* @__PURE__ */ t("div", {
+			className: [e.slot, e.slotEnd].filter(Boolean).join(" "),
+			children: i
+		})
+	]
+});
 //#endregion
 export { r as Footer };
 

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 const 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].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,IAAa,KAAU,EACrB,UACA,QACA,aACA,UAAO,IACP,cACA,GAAG,QAGD,kBAAC,UAAD;CACE,WAAW;EAAC,EAAO;EAAQ,IAAO,EAAO,OAAO;EAAM;CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CACzF,GAAI;WAFN;EAIE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAO;EAAW,CAAA;EAExC,KAAa,QACZ,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAS;EAAc,CAAA;EAGhD,kBAAC,OAAD;GAAK,WAAW,CAAC,EAAO,MAAM,EAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;aAAI;EAAS,CAAA;CAC7E"}

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/Footer.cjs

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

package/dist/components/Frame/Frame.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Frame.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({children:n,className:r,...i}){return(0,t.jsx)(`div`,{className:[e.default.frame,r].filter(Boolean).join(` `),...i,children:n})}exports.Frame=n;
+const e=require("./Frame.module.css.cjs");let t=require("react/jsx-runtime");var n=({children:n,className:r,...i})=>(0,t.jsx)(`div`,{className:[e.default.frame,r].filter(Boolean).join(` `),...i,children:n});exports.Frame=n;
 //# sourceMappingURL=Frame.cjs.map

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 const 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,IAAa,GAAS,CAAE,WAAU,YAAW,GAAG,MAE5C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,GAAI,EACtE,UACE,CAAA"}

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

@@ -11,4 +11,4 @@ export interface FrameProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#frame-style-class
  */
-export declare function Frame({ children, className, ...props }: FrameProps): import("react/jsx-runtime").JSX.Element;
+export declare const Frame: ({ children, className, ...props }: FrameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Frame/Frame.js

@@ -1,13 +1,11 @@
 import e from "./Frame.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Frame/Frame.tsx
-function n({ children: n, className: r, ...i }) {
-	return /* @__PURE__ */ t("div", {
-		className: [e.frame, r].filter(Boolean).join(" "),
-		...i,
-		children: n
-	});
-}
+var n = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+	className: [e.frame, r].filter(Boolean).join(" "),
+	...i,
+	children: n
+});
 //#endregion
 export { n as Frame };
 

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 const 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,IAAa,KAAS,EAAE,aAAU,cAAW,GAAG,QAE5C,kBAAC,OAAD;CAAK,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAAG,GAAI;CACtE;AACE,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/Frame.cjs

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

package/dist/components/GnomeProvider/GnomeContext.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react`);var t=(0,e.createContext)({locale:void 0,dir:`ltr`,numberFormat:void 0,dateTimeFormat:void 0,colorScheme:`system`,resolvedColorScheme:`light`,accentColor:`blue`});function n(){return(0,e.useContext)(t).locale}function r(){return(0,e.useContext)(t).dir}function i(n){let{locale:r,numberFormat:i}=(0,e.useContext)(t);return(0,e.useMemo)(()=>new Intl.NumberFormat(r,{...i,...n}),[r,i,n])}function a(n){let{locale:r,dateTimeFormat:i}=(0,e.useContext)(t);return(0,e.useMemo)(()=>new Intl.DateTimeFormat(r,{...i,...n}),[r,i,n])}function o(){return(0,e.useContext)(t).colorScheme}function s(){return(0,e.useContext)(t).resolvedColorScheme}function c(){return(0,e.useContext)(t).accentColor}exports.GnomeContext=t,exports.useAccentColor=c,exports.useColorScheme=o,exports.useDateTimeFormatter=a,exports.useDir=r,exports.useLocale=n,exports.useNumberFormatter=i,exports.useResolvedColorScheme=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react");var t=(0,e.createContext)({locale:void 0,dir:`ltr`,numberFormat:void 0,dateTimeFormat:void 0,colorScheme:`system`,resolvedColorScheme:`light`,accentColor:`blue`});function n(){return(0,e.useContext)(t).locale}function r(){return(0,e.useContext)(t).dir}function i(n){let{locale:r,numberFormat:i}=(0,e.useContext)(t);return(0,e.useMemo)(()=>new Intl.NumberFormat(r,{...i,...n}),[r,i,n])}function a(n){let{locale:r,dateTimeFormat:i}=(0,e.useContext)(t);return(0,e.useMemo)(()=>new Intl.DateTimeFormat(r,{...i,...n}),[r,i,n])}function o(){return(0,e.useContext)(t).colorScheme}function s(){return(0,e.useContext)(t).resolvedColorScheme}function c(){return(0,e.useContext)(t).accentColor}exports.GnomeContext=t,exports.useAccentColor=c,exports.useColorScheme=o,exports.useDateTimeFormatter=a,exports.useDir=r,exports.useLocale=n,exports.useNumberFormatter=i,exports.useResolvedColorScheme=s;
 //# sourceMappingURL=GnomeContext.cjs.map

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,MACf,CAAC,EAGD,SAAgB,GAAgC,CAC9C,OAAA,EAAA,EAAA,YAAkB,CAAY,EAAE,MAClC,CAGA,SAAgB,GAAmB,CACjC,OAAA,EAAA,EAAA,YAAkB,CAAY,EAAE,GAClC,CAGA,SAAgB,EAAmB,EAAuD,CACxF,GAAM,CAAE,SAAQ,iBAAA,EAAA,EAAA,YAA4B,CAAY,EAExD,OAAA,EAAA,EAAA,aACQ,IAAI,KAAK,aAAa,EAAQ,CAAE,GAAG,EAAc,GAAG,CAAQ,CAAC,EACnE,CAAC,EAAQ,EAAc,CAAO,CAChC,CACF,CAGA,SAAgB,EAAqB,EAA2D,CAC9F,GAAM,CAAE,SAAQ,mBAAA,EAAA,EAAA,YAA8B,CAAY,EAE1D,OAAA,EAAA,EAAA,aACQ,IAAI,KAAK,eAAe,EAAQ,CAAE,GAAG,EAAgB,GAAG,CAAQ,CAAC,EACvE,CAAC,EAAQ,EAAgB,CAAO,CAClC,CACF,CAGA,SAAgB,GAAmC,CACjD,OAAA,EAAA,EAAA,YAAkB,CAAY,EAAE,WAClC,CAGA,SAAgB,GAA2C,CACzD,OAAA,EAAA,EAAA,YAAkB,CAAY,EAAE,mBAClC,CAGA,SAAgB,GAAmC,CACjD,OAAA,EAAA,EAAA,YAAkB,CAAY,EAAE,WAClC"}

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;AACf,CAAC;AAGD,SAAgB,IAAgC;CAC9C,OAAO,EAAW,CAAY,EAAE;AAClC;AAGA,SAAgB,IAAmB;CACjC,OAAO,EAAW,CAAY,EAAE;AAClC;AAGA,SAAgB,EAAmB,GAAuD;CACxF,IAAM,EAAE,WAAQ,oBAAiB,EAAW,CAAY;CAExD,OAAO,QACC,IAAI,KAAK,aAAa,GAAQ;EAAE,GAAG;EAAc,GAAG;CAAQ,CAAC,GACnE;EAAC;EAAQ;EAAc;CAAO,CAChC;AACF;AAGA,SAAgB,EAAqB,GAA2D;CAC9F,IAAM,EAAE,WAAQ,sBAAmB,EAAW,CAAY;CAE1D,OAAO,QACC,IAAI,KAAK,eAAe,GAAQ;EAAE,GAAG;EAAgB,GAAG;CAAQ,CAAC,GACvE;EAAC;EAAQ;EAAgB;CAAO,CAClC;AACF;AAGA,SAAgB,IAAmC;CACjD,OAAO,EAAW,CAAY,EAAE;AAClC;AAGA,SAAgB,IAA2C;CACzD,OAAO,EAAW,CAAY,EAAE;AAClC;AAGA,SAAgB,IAAmC;CACjD,OAAO,EAAW,CAAY,EAAE;AAClC"}

package/dist/components/GnomeProvider/GnomeProvider.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./GnomeContext.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=new Set([`blue`,`green`,`yellow`,`orange`,`red`,`purple`,`brown`]);function i(){return typeof window<`u`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches}function a({locale:a,dir:o=`ltr`,numberFormat:s,dateTimeFormat:c,colorScheme:l=`system`,accentColor:u=`blue`,children:d}){let[,f]=(0,t.useReducer)(e=>e+1,0);(0,t.useEffect)(()=>{if(l!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);return e.addEventListener(`change`,f),()=>e.removeEventListener(`change`,f)},[l]),(0,t.useEffect)(()=>{let e=document.documentElement;l===`system`?e.removeAttribute(`data-theme`):e.setAttribute(`data-theme`,l)},[l]);let p=l===`system`?i()?`dark`:`light`:l;(0,t.useEffect)(()=>{let e=document.documentElement;if(u===`blue`){e.style.removeProperty(`--gnome-accent-color`),e.style.removeProperty(`--gnome-accent-bg-color`);return}if(r.has(u)){let t=p===`dark`?`2`:`3`;e.style.setProperty(`--gnome-accent-color`,`var(--gnome-${u}-${t})`),e.style.setProperty(`--gnome-accent-bg-color`,`var(--gnome-${u}-3)`)}else e.style.setProperty(`--gnome-accent-color`,u),e.style.setProperty(`--gnome-accent-bg-color`,u)},[u,p]);let m=(0,t.useMemo)(()=>({locale:a,dir:o,numberFormat:s,dateTimeFormat:c,colorScheme:l,resolvedColorScheme:p,accentColor:u}),[a,o,s,c,l,p,u]);return(0,n.jsx)(e.GnomeContext.Provider,{value:m,children:d})}exports.GnomeProvider=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./GnomeContext.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=new Set([`blue`,`green`,`yellow`,`orange`,`red`,`purple`,`brown`]);function i(){return typeof window<`u`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches}var a=({locale:a,dir:o=`ltr`,numberFormat:s,dateTimeFormat:c,colorScheme:l=`system`,accentColor:u=`blue`,children:d})=>{let[,f]=(0,t.useReducer)(e=>e+1,0);(0,t.useEffect)(()=>{if(l!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);return e.addEventListener(`change`,f),()=>e.removeEventListener(`change`,f)},[l]),(0,t.useEffect)(()=>{let e=document.documentElement;l===`system`?e.removeAttribute(`data-theme`):e.setAttribute(`data-theme`,l)},[l]);let p=l===`system`?i()?`dark`:`light`:l;(0,t.useEffect)(()=>{let e=document.documentElement;if(u===`blue`){e.style.removeProperty(`--gnome-accent-color`),e.style.removeProperty(`--gnome-accent-bg-color`);return}if(r.has(u)){let t=p===`dark`?`2`:`3`;e.style.setProperty(`--gnome-accent-color`,`var(--gnome-${u}-${t})`),e.style.setProperty(`--gnome-accent-bg-color`,`var(--gnome-${u}-3)`)}else e.style.setProperty(`--gnome-accent-color`,u),e.style.setProperty(`--gnome-accent-bg-color`,u)},[u,p]);let m=(0,t.useMemo)(()=>({locale:a,dir:o,numberFormat:s,dateTimeFormat:c,colorScheme:l,resolvedColorScheme:p,accentColor:u}),[a,o,s,c,l,p,u]);return(0,n.jsx)(e.GnomeContext.Provider,{value:m,children:d})};exports.GnomeProvider=a;
 //# sourceMappingURL=GnomeProvider.cjs.map

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 const 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,OACF,CAAC,EAqCD,SAAS,GAA2B,CAClC,OAAO,OAAO,OAAW,KAAe,OAAO,WAAW,8BAA8B,EAAE,OAC5F,CAGA,IAAa,GAAiB,CAC5B,SACA,MAAM,MACN,eACA,iBACA,cAAc,SACd,cAAc,OACd,cACwB,CACxB,GAAM,EAAG,IAAA,EAAA,EAAA,YAA2B,GAAc,EAAI,EAAG,CAAC,GAE1D,EAAA,EAAA,eAAgB,CACd,GAAI,IAAgB,SAClB,OAGF,IAAM,EAAK,OAAO,WAAW,8BAA8B,EAI3D,OAFA,EAAG,iBAAiB,SAAU,CAAW,MAE5B,EAAG,oBAAoB,SAAU,CAAW,CAC3D,EAAG,CAAC,CAAW,CAAC,GAEhB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAO,SAAS,gBAElB,IAAgB,SAClB,EAAK,gBAAgB,YAAY,EAEjC,EAAK,aAAa,aAAc,CAAW,CAE/C,EAAG,CAAC,CAAW,CAAC,EAEhB,IAAM,EACJ,IAAgB,SAAY,EAAgB,EAAI,OAAS,QAAW,GAEtE,EAAA,EAAA,eAAgB,CACd,IAAM,EAAO,SAAS,gBAEtB,GAAI,IAAgB,OAAQ,CAC1B,EAAK,MAAM,eAAe,sBAAsB,EAChD,EAAK,MAAM,eAAe,yBAAyB,EAEnD,MACF,CAEA,GAAI,EAAoB,IAAI,CAAW,EAAG,CACxC,IAAM,EAAQ,IAAwB,OAAS,IAAM,IAErD,EAAK,MAAM,YAAY,uBAAwB,eAAe,EAAY,GAAG,EAAM,EAAE,EACrF,EAAK,MAAM,YAAY,0BAA2B,eAAe,EAAY,IAAI,CACnF,MACE,EAAK,MAAM,YAAY,uBAAwB,CAAW,EAC1D,EAAK,MAAM,YAAY,0BAA2B,CAAW,CAEjE,EAAG,CAAC,EAAa,CAAmB,CAAC,EAErC,IAAM,GAAA,EAAA,EAAA,cACG,CACL,SACA,MACA,eACA,iBACA,cACA,sBACA,aACF,GACA,CAAC,EAAQ,EAAK,EAAc,EAAgB,EAAa,EAAqB,CAAW,CAC3F,EAEA,OAAO,EAAA,EAAA,KAAC,EAAA,aAAa,SAAd,CAA8B,QAAQ,UAAgC,CAAA,CAC/E"}

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

@@ -35,4 +35,4 @@ export interface GnomeProviderProps {
     children: ReactNode;
 }
 /** Provides locale, text direction, color scheme, and accent color to all descendant gnome-ui components. */
-export declare function GnomeProvider({ locale, dir, numberFormat, dateTimeFormat, colorScheme, accentColor, children, }: GnomeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const GnomeProvider: ({ locale, dir, numberFormat, dateTimeFormat, colorScheme, accentColor, children, }: GnomeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GnomeProvider/GnomeProvider.js

@@ -14,7 +14,7 @@ var a = new Set([
 function o() {
 	return typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function s({ locale: s, dir: c = "ltr", numberFormat: l, dateTimeFormat: u, colorScheme: d = "system", accentColor: f = "blue", children: p }) {
+var s = ({ locale: s, dir: c = "ltr", numberFormat: l, dateTimeFormat: u, colorScheme: d = "system", accentColor: f = "blue", children: p }) => {
 	let [, m] = r((e) => e + 1, 0);
 	t(() => {
 		if (d !== "system") return;
@@ -57,7 +57,7 @@ function s({ locale: s, dir: c = "ltr", numberFormat: l, dateTimeFormat: u, colo
 		value: g,
 		children: p
 	});
-}
+};
 //#endregion
 export { s as GnomeProvider };
 

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 const 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;AACF,CAAC;AAqCD,SAAS,IAA2B;CAClC,OAAO,OAAO,SAAW,OAAe,OAAO,WAAW,8BAA8B,EAAE;AAC5F;AAGA,IAAa,KAAiB,EAC5B,WACA,SAAM,OACN,iBACA,mBACA,iBAAc,UACd,iBAAc,QACd,kBACwB;CACxB,IAAM,GAAG,KAAe,GAAY,MAAc,IAAI,GAAG,CAAC;CAc1D,AAZA,QAAgB;EACd,IAAI,MAAgB,UAClB;EAGF,IAAM,IAAK,OAAO,WAAW,8BAA8B;EAI3D,OAFA,EAAG,iBAAiB,UAAU,CAAW,SAE5B,EAAG,oBAAoB,UAAU,CAAW;CAC3D,GAAG,CAAC,CAAW,CAAC,GAEhB,QAAgB;EACd,IAAM,IAAO,SAAS;EAEtB,AAAI,MAAgB,WAClB,EAAK,gBAAgB,YAAY,IAEjC,EAAK,aAAa,cAAc,CAAW;CAE/C,GAAG,CAAC,CAAW,CAAC;CAEhB,IAAM,IACJ,MAAgB,WAAY,EAAgB,IAAI,SAAS,UAAW;CAEtE,QAAgB;EACd,IAAM,IAAO,SAAS;EAEtB,IAAI,MAAgB,QAAQ;GAE1B,AADA,EAAK,MAAM,eAAe,sBAAsB,GAChD,EAAK,MAAM,eAAe,yBAAyB;GAEnD;EACF;EAEA,IAAI,EAAoB,IAAI,CAAW,GAAG;GACxC,IAAM,IAAQ,MAAwB,SAAS,MAAM;GAGrD,AADA,EAAK,MAAM,YAAY,wBAAwB,eAAe,EAAY,GAAG,EAAM,EAAE,GACrF,EAAK,MAAM,YAAY,2BAA2B,eAAe,EAAY,IAAI;EACnF,OAEE,AADA,EAAK,MAAM,YAAY,wBAAwB,CAAW,GAC1D,EAAK,MAAM,YAAY,2BAA2B,CAAW;CAEjE,GAAG,CAAC,GAAa,CAAmB,CAAC;CAErC,IAAM,IAAQ,SACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAQ;EAAK;EAAc;EAAgB;EAAa;EAAqB;CAAW,CAC3F;CAEA,OAAO,kBAAC,EAAa,UAAd;EAA8B;EAAQ;CAAgC,CAAA;AAC/E"}

package/dist/components/HeaderBar/HeaderBar.cjs

@@ -1,2 +1,2 @@
-const e=require(`./HeaderBar.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({title:n,start:r,end:i,flat:a=!1,className:o,...s}){return(0,t.jsxs)(`header`,{className:[e.default.headerBar,a?e.default.flat:null,o].filter(Boolean).join(` `),...s,children:[(0,t.jsx)(`div`,{className:e.default.slot,children:r}),(0,t.jsx)(`div`,{className:e.default.titleSlot,"aria-live":`polite`,children:typeof n==`string`?(0,t.jsx)(`span`,{className:e.default.title,children:n}):n}),(0,t.jsx)(`div`,{className:[e.default.slot,e.default.slotEnd].filter(Boolean).join(` `),children:i})]})}exports.HeaderBar=n;
+const e=require("./HeaderBar.module.css.cjs");let t=require("react/jsx-runtime");var n=({title:n,start:r,end:i,flat:a=!1,className:o,...s})=>(0,t.jsxs)(`header`,{className:[e.default.headerBar,a?e.default.flat:null,o].filter(Boolean).join(` `),...s,children:[(0,t.jsx)(`div`,{className:e.default.slot,children:r}),(0,t.jsx)(`div`,{className:e.default.titleSlot,"aria-live":`polite`,children:typeof n==`string`?(0,t.jsx)(`span`,{className:e.default.title,children:n}):n}),(0,t.jsx)(`div`,{className:[e.default.slot,e.default.slotEnd].filter(Boolean).join(` `),children:i})]});exports.HeaderBar=n;
 //# sourceMappingURL=HeaderBar.cjs.map

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 const 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,IAAa,GAAa,CACxB,QACA,QACA,MACA,OAAO,GACP,YACA,GAAG,MAGD,EAAA,EAAA,MAAC,SAAD,CACE,UAAW,CAAC,EAAA,QAAO,UAAW,EAAO,EAAA,QAAO,KAAO,KAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC5F,GAAI,WAFN,EAKE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GAGzC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,UAAW,YAAU,kBACzC,OAAO,GAAU,UAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAAI,CAC1E,CAAA,GAGL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,WAAI,CAAS,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. */
@@ -22,4 +22,4 @@ export interface HeaderBarProps extends Omit<HTMLAttributes<HTMLElement>, "title
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.HeaderBar.html
  * @see https://developer.gnome.org/hig/patterns/containers/header-bars.html
  */
-export declare function HeaderBar({ title, start, end, flat, className, ...props }: HeaderBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const HeaderBar: ({ title, start, end, flat, className, ...props }: HeaderBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HeaderBar/HeaderBar.js

@@ -1,34 +1,32 @@
 import e from "./HeaderBar.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/HeaderBar/HeaderBar.tsx
-function r({ title: r, start: i, end: a, flat: o = !1, className: s, ...c }) {
-	return /* @__PURE__ */ n("header", {
-		className: [
-			e.headerBar,
-			o ? e.flat : null,
-			s
-		].filter(Boolean).join(" "),
-		...c,
-		children: [
-			/* @__PURE__ */ t("div", {
-				className: e.slot,
-				children: i
-			}),
-			/* @__PURE__ */ t("div", {
-				className: e.titleSlot,
-				"aria-live": "polite",
-				children: typeof r == "string" ? /* @__PURE__ */ t("span", {
-					className: e.title,
-					children: r
-				}) : r
-			}),
-			/* @__PURE__ */ t("div", {
-				className: [e.slot, e.slotEnd].filter(Boolean).join(" "),
-				children: a
-			})
-		]
-	});
-}
+var r = ({ title: r, start: i, end: a, flat: o = !1, className: s, ...c }) => /* @__PURE__ */ n("header", {
+	className: [
+		e.headerBar,
+		o ? e.flat : null,
+		s
+	].filter(Boolean).join(" "),
+	...c,
+	children: [
+		/* @__PURE__ */ t("div", {
+			className: e.slot,
+			children: i
+		}),
+		/* @__PURE__ */ t("div", {
+			className: e.titleSlot,
+			"aria-live": "polite",
+			children: typeof r == "string" ? /* @__PURE__ */ t("span", {
+				className: e.title,
+				children: r
+			}) : r
+		}),
+		/* @__PURE__ */ t("div", {
+			className: [e.slot, e.slotEnd].filter(Boolean).join(" "),
+			children: a
+		})
+	]
+});
 //#endregion
 export { r as HeaderBar };
 

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 const 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,IAAa,KAAa,EACxB,UACA,UACA,QACA,UAAO,IACP,cACA,GAAG,QAGD,kBAAC,UAAD;CACE,WAAW;EAAC,EAAO;EAAW,IAAO,EAAO,OAAO;EAAM;CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC5F,GAAI;WAFN;EAKE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAO;EAAW,CAAA;EAGzC,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAW,aAAU;aACzC,OAAO,KAAU,WAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAY,CAAA,IAAI;EAC1E,CAAA;EAGL,kBAAC,OAAD;GAAK,WAAW,CAAC,EAAO,MAAM,EAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;aAAI;EAAS,CAAA;CAC7E"}

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/HeaderBar.cjs

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