@gnome-ui/react 1.36.1 → 1.36.3

package/dist/components/Box/Box.cjs

@@ -0,0 +1,2 @@
+let e=require(`react/jsx-runtime`);function t({orientation:t=`vertical`,spacing:n=6,align:r,justify:i=`start`,className:a,style:o,children:s,...c}){let l=t===`horizontal`?`center`:`stretch`;return(0,e.jsx)(`div`,{className:a,style:{display:`flex`,flexDirection:t===`horizontal`?`row`:`column`,gap:typeof n==`number`?`${n}px`:n,alignItems:r??l,justifyContent:i,...o},...c,children:s})}exports.Box=t;
+//# sourceMappingURL=Box.cjs.map

package/dist/components/Box/Box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.cjs","names":[],"sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\n\n/** GNOME HIG standard spacing values (matches GtkBox spacing tokens). */\nexport type BoxSpacing = 3 | 6 | 12 | 18 | 24 | 32 | 48;\n\nexport type BoxOrientation = \"horizontal\" | \"vertical\";\nexport type BoxAlign = \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\nexport type BoxJustify =\n  | \"start\"\n  | \"center\"\n  | \"end\"\n  | \"space-between\"\n  | \"space-around\"\n  | \"space-evenly\";\n\nexport interface BoxProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Direction children are arranged.\n   * `\"vertical\"` → `flex-direction: column` (default).\n   * `\"horizontal\"` → `flex-direction: row`.\n   */\n  orientation?: BoxOrientation;\n  /**\n   * Gap between children in pixels.\n   * Accepts any of the GNOME HIG standard spacing values or any CSS string.\n   * Defaults to `6` (the HIG \"standard\" inner spacing).\n   */\n  spacing?: BoxSpacing | number | string;\n  /**\n   * Cross-axis alignment (`align-items`).\n   * Defaults to `\"stretch\"` for vertical, `\"center\"` for horizontal.\n   */\n  align?: BoxAlign;\n  /**\n   * Main-axis distribution (`justify-content`).\n   * Defaults to `\"start\"`.\n   */\n  justify?: BoxJustify;\n  children?: ReactNode;\n}\n\n/**\n * Fundamental flex layout primitive — the web equivalent of `GtkBox`.\n *\n * Arranges children in a single row or column with consistent spacing\n * following the GNOME Human Interface Guidelines spacing scale:\n *\n * | Token | px | Use |\n * |-------|----|-----|\n * | tight | 3  | Dense UI, icon + label pairs |\n * | standard | 6 | Default inner spacing |\n * | medium | 12 | Between related groups |\n * | large | 18 | Between loosely related sections |\n * | section | 24 | Page-level section gaps |\n * | loose | 32 | Large content separation |\n * | jumbo | 48 | Hero / splash spacing |\n *\n * **Usage:**\n * ```tsx\n * // Vertical section (heading + content)\n * <Box spacing={8}>\n *   <Text variant=\"caption-heading\" color=\"dim\">Devices</Text>\n *   <BoxedList>…</BoxedList>\n * </Box>\n *\n * // Horizontal icon + label\n * <Box orientation=\"horizontal\" spacing={6} align=\"center\">\n *   <Icon name=\"folder\" />\n *   <Text>Documents</Text>\n * </Box>\n * ```\n *\n * @see https://developer.gnome.org/hig/guidelines/spacing.html\n */\nexport function Box({\n  orientation = \"vertical\",\n  spacing = 6,\n  align,\n  justify = \"start\",\n  className,\n  style,\n  children,\n  ...props\n}: BoxProps) {\n  const defaultAlign: BoxAlign =\n    orientation === \"horizontal\" ? \"center\" : \"stretch\";\n\n  const resolvedStyle: CSSProperties = {\n    display: \"flex\",\n    flexDirection: orientation === \"horizontal\" ? \"row\" : \"column\",\n    gap: typeof spacing === \"number\" ? `${spacing}px` : spacing,\n    alignItems: align ?? defaultAlign,\n    justifyContent: justify,\n    ...style,\n  };\n\n  return (\n    <div className={className} style={resolvedStyle} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"mCA0EA,SAAgB,EAAI,CAClB,cAAc,WACd,UAAU,EACV,QACA,UAAU,QACV,YACA,QACA,WACA,GAAG,GACQ,CACX,IAAM,EACJ,IAAgB,aAAe,SAAW,UAW5C,OACE,EAAA,EAAA,KAAC,MAAD,CAAgB,YAAW,MAVQ,CACnC,QAAS,OACT,cAAe,IAAgB,aAAe,MAAQ,SACtD,IAAK,OAAO,GAAY,SAAW,GAAG,EAAQ,IAAM,EACpD,WAAY,GAAS,EACrB,eAAgB,EAChB,GAAG,EACJ,CAGkD,GAAI,EAClD,WACG,CAAA"}

package/dist/components/Box/Box.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/Box/Box.tsx
+function t({ orientation: t = "vertical", spacing: n = 6, align: r, justify: i = "start", className: a, style: o, children: s, ...c }) {
+	let l = t === "horizontal" ? "center" : "stretch";
+	return /* @__PURE__ */ e("div", {
+		className: a,
+		style: {
+			display: "flex",
+			flexDirection: t === "horizontal" ? "row" : "column",
+			gap: typeof n == "number" ? `${n}px` : n,
+			alignItems: r ?? l,
+			justifyContent: i,
+			...o
+		},
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { t as Box };
+
+//# sourceMappingURL=Box.js.map

package/dist/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","names":[],"sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\n\n/** GNOME HIG standard spacing values (matches GtkBox spacing tokens). */\nexport type BoxSpacing = 3 | 6 | 12 | 18 | 24 | 32 | 48;\n\nexport type BoxOrientation = \"horizontal\" | \"vertical\";\nexport type BoxAlign = \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\nexport type BoxJustify =\n  | \"start\"\n  | \"center\"\n  | \"end\"\n  | \"space-between\"\n  | \"space-around\"\n  | \"space-evenly\";\n\nexport interface BoxProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Direction children are arranged.\n   * `\"vertical\"` → `flex-direction: column` (default).\n   * `\"horizontal\"` → `flex-direction: row`.\n   */\n  orientation?: BoxOrientation;\n  /**\n   * Gap between children in pixels.\n   * Accepts any of the GNOME HIG standard spacing values or any CSS string.\n   * Defaults to `6` (the HIG \"standard\" inner spacing).\n   */\n  spacing?: BoxSpacing | number | string;\n  /**\n   * Cross-axis alignment (`align-items`).\n   * Defaults to `\"stretch\"` for vertical, `\"center\"` for horizontal.\n   */\n  align?: BoxAlign;\n  /**\n   * Main-axis distribution (`justify-content`).\n   * Defaults to `\"start\"`.\n   */\n  justify?: BoxJustify;\n  children?: ReactNode;\n}\n\n/**\n * Fundamental flex layout primitive — the web equivalent of `GtkBox`.\n *\n * Arranges children in a single row or column with consistent spacing\n * following the GNOME Human Interface Guidelines spacing scale:\n *\n * | Token | px | Use |\n * |-------|----|-----|\n * | tight | 3  | Dense UI, icon + label pairs |\n * | standard | 6 | Default inner spacing |\n * | medium | 12 | Between related groups |\n * | large | 18 | Between loosely related sections |\n * | section | 24 | Page-level section gaps |\n * | loose | 32 | Large content separation |\n * | jumbo | 48 | Hero / splash spacing |\n *\n * **Usage:**\n * ```tsx\n * // Vertical section (heading + content)\n * <Box spacing={8}>\n *   <Text variant=\"caption-heading\" color=\"dim\">Devices</Text>\n *   <BoxedList>…</BoxedList>\n * </Box>\n *\n * // Horizontal icon + label\n * <Box orientation=\"horizontal\" spacing={6} align=\"center\">\n *   <Icon name=\"folder\" />\n *   <Text>Documents</Text>\n * </Box>\n * ```\n *\n * @see https://developer.gnome.org/hig/guidelines/spacing.html\n */\nexport function Box({\n  orientation = \"vertical\",\n  spacing = 6,\n  align,\n  justify = \"start\",\n  className,\n  style,\n  children,\n  ...props\n}: BoxProps) {\n  const defaultAlign: BoxAlign =\n    orientation === \"horizontal\" ? \"center\" : \"stretch\";\n\n  const resolvedStyle: CSSProperties = {\n    display: \"flex\",\n    flexDirection: orientation === \"horizontal\" ? \"row\" : \"column\",\n    gap: typeof spacing === \"number\" ? `${spacing}px` : spacing,\n    alignItems: align ?? defaultAlign,\n    justifyContent: justify,\n    ...style,\n  };\n\n  return (\n    <div className={className} style={resolvedStyle} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;AA0EA,SAAgB,EAAI,EAClB,iBAAc,YACd,aAAU,GACV,UACA,aAAU,SACV,cACA,UACA,aACA,GAAG,KACQ;CACX,IAAM,IACJ,MAAgB,eAAe,WAAW;AAW5C,QACE,kBAAC,OAAD;EAAgB;EAAW,OAVQ;GACnC,SAAS;GACT,eAAe,MAAgB,eAAe,QAAQ;GACtD,KAAK,OAAO,KAAY,WAAW,GAAG,EAAQ,MAAM;GACpD,YAAY,KAAS;GACrB,gBAAgB;GAChB,GAAG;GACJ;EAGkD,GAAI;EAClD;EACG,CAAA"}

package/dist/components/Box.cjs

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

package/dist/components/Box.d.ts

@@ -0,0 +1,2 @@
+export * from './Box/index'
+export {}

package/dist/components/Box.js

@@ -0,0 +1,2 @@
+import { Box as e } from "./Box/Box.js";
+export { e as Box };

package/dist/components/BoxedList/BoxedList.cjs

@@ -0,0 +1,2 @@
+const e=require(`../Separator/Separator.cjs`),t=require(`./BoxedList.module.css.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i({children:i,variant:a=`default`,className:o,...s}){let c=n.Children.toArray(i).filter(Boolean),l=a===`separate`;return(0,r.jsx)(`ul`,{role:`list`,className:[t.default.list,l?t.default.separate:null,o].filter(Boolean).join(` `),...s,children:c.map((n,i)=>(0,r.jsxs)(`li`,{className:l?t.default.separateItem:t.default.item,children:[!l&&i>0&&(0,r.jsx)(e.Separator,{"aria-hidden":`true`}),n]},i))})}exports.BoxedList=i;
+//# sourceMappingURL=BoxedList.cjs.map

package/dist/components/BoxedList/BoxedList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxedList.cjs","names":[],"sources":["../../../src/components/BoxedList/BoxedList.tsx"],"sourcesContent":["import { Children, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Separator } from \"../Separator\";\nimport styles from \"./BoxedList.module.css\";\n\nexport type BoxedListVariant = \"default\" | \"separate\";\n\nexport interface BoxedListProps extends HTMLAttributes<HTMLUListElement> {\n  children?: ReactNode;\n  /**\n   * `\"separate\"` renders each child as its own standalone rounded card\n   * instead of a single joined list — mirrors `.boxed-list-separate`.\n   * Use when rows are independent items rather than a continuous group.\n   */\n  variant?: BoxedListVariant;\n}\n\n/**\n * Rounded bordered list — the most common container pattern in GNOME apps.\n *\n * Mirrors the Adwaita `.boxed-list` style applied to a `GtkListBox`.\n * Separators between rows are inserted automatically.\n * Each child is wrapped in a `<li>` — use with `ActionRow` or any row-shaped element.\n *\n * Use `variant=\"separate\"` to render each child as its own card, mirroring\n * the `.boxed-list-separate` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html#boxed-lists-cards\n * @see https://developer.gnome.org/hig/patterns/containers.html\n */\nexport function BoxedList({ children, variant = \"default\", className, ...props }: BoxedListProps) {\n  const items = Children.toArray(children).filter(Boolean);\n  const separate = variant === \"separate\";\n\n  return (\n    <ul\n      role=\"list\"\n      className={[styles.list, separate ? styles.separate : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {items.map((child, i) => (\n        <li key={i} className={separate ? styles.separateItem : styles.item}>\n          {!separate && i > 0 && <Separator aria-hidden=\"true\" />}\n          {child}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"4IA6BA,SAAgB,EAAU,CAAE,WAAU,UAAU,UAAW,YAAW,GAAG,GAAyB,CAChG,IAAM,EAAQ,EAAA,SAAS,QAAQ,EAAS,CAAC,OAAO,QAAQ,CAClD,EAAW,IAAY,WAE7B,OACE,EAAA,EAAA,KAAC,KAAD,CACE,KAAK,OACL,UAAW,CAAC,EAAA,QAAO,KAAM,EAAW,EAAA,QAAO,SAAW,KAAM,EAAU,CACnE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAEH,EAAM,KAAK,EAAO,KACjB,EAAA,EAAA,MAAC,KAAD,CAAY,UAAW,EAAW,EAAA,QAAO,aAAe,EAAA,QAAO,cAA/D,CACG,CAAC,GAAY,EAAI,IAAK,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,cAAY,OAAS,CAAA,CACtD,EACE,EAHI,EAGJ,CACL,CACC,CAAA"}

package/dist/components/BoxedList/BoxedList.js

@@ -0,0 +1,25 @@
+import { Separator as e } from "../Separator/Separator.js";
+import t from "./BoxedList.module.css.js";
+import { Children as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/BoxedList/BoxedList.tsx
+function a({ children: a, variant: o = "default", className: s, ...c }) {
+	let l = n.toArray(a).filter(Boolean), u = o === "separate";
+	return /* @__PURE__ */ r("ul", {
+		role: "list",
+		className: [
+			t.list,
+			u ? t.separate : null,
+			s
+		].filter(Boolean).join(" "),
+		...c,
+		children: l.map((n, a) => /* @__PURE__ */ i("li", {
+			className: u ? t.separateItem : t.item,
+			children: [!u && a > 0 && /* @__PURE__ */ r(e, { "aria-hidden": "true" }), n]
+		}, a))
+	});
+}
+//#endregion
+export { a as BoxedList };
+
+//# sourceMappingURL=BoxedList.js.map

package/dist/components/BoxedList/BoxedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxedList.js","names":[],"sources":["../../../src/components/BoxedList/BoxedList.tsx"],"sourcesContent":["import { Children, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Separator } from \"../Separator\";\nimport styles from \"./BoxedList.module.css\";\n\nexport type BoxedListVariant = \"default\" | \"separate\";\n\nexport interface BoxedListProps extends HTMLAttributes<HTMLUListElement> {\n  children?: ReactNode;\n  /**\n   * `\"separate\"` renders each child as its own standalone rounded card\n   * instead of a single joined list — mirrors `.boxed-list-separate`.\n   * Use when rows are independent items rather than a continuous group.\n   */\n  variant?: BoxedListVariant;\n}\n\n/**\n * Rounded bordered list — the most common container pattern in GNOME apps.\n *\n * Mirrors the Adwaita `.boxed-list` style applied to a `GtkListBox`.\n * Separators between rows are inserted automatically.\n * Each child is wrapped in a `<li>` — use with `ActionRow` or any row-shaped element.\n *\n * Use `variant=\"separate\"` to render each child as its own card, mirroring\n * the `.boxed-list-separate` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html#boxed-lists-cards\n * @see https://developer.gnome.org/hig/patterns/containers.html\n */\nexport function BoxedList({ children, variant = \"default\", className, ...props }: BoxedListProps) {\n  const items = Children.toArray(children).filter(Boolean);\n  const separate = variant === \"separate\";\n\n  return (\n    <ul\n      role=\"list\"\n      className={[styles.list, separate ? styles.separate : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {items.map((child, i) => (\n        <li key={i} className={separate ? styles.separateItem : styles.item}>\n          {!separate && i > 0 && <Separator aria-hidden=\"true\" />}\n          {child}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";;;;;AA6BA,SAAgB,EAAU,EAAE,aAAU,aAAU,WAAW,cAAW,GAAG,KAAyB;CAChG,IAAM,IAAQ,EAAS,QAAQ,EAAS,CAAC,OAAO,QAAQ,EAClD,IAAW,MAAY;AAE7B,QACE,kBAAC,MAAD;EACE,MAAK;EACL,WAAW;GAAC,EAAO;GAAM,IAAW,EAAO,WAAW;GAAM;GAAU,CACnE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAEH,EAAM,KAAK,GAAO,MACjB,kBAAC,MAAD;GAAY,WAAW,IAAW,EAAO,eAAe,EAAO;aAA/D,CACG,CAAC,KAAY,IAAI,KAAK,kBAAC,GAAD,EAAW,eAAY,QAAS,CAAA,EACtD,EACE;KAHI,EAGJ,CACL;EACC,CAAA"}

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

@@ -0,0 +1,2 @@
+var e={list:`_list_1m4lm_3`,item:`_item_1m4lm_16`,separate:`_separate_1m4lm_37`,separateItem:`_separateItem_1m4lm_47`,divider:`_divider_1m4lm_69`};exports.default=e;
+//# sourceMappingURL=BoxedList.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxedList.module.css.cjs","names":[],"sources":["../../../src/components/BoxedList/BoxedList.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  border: 1px solid var(--gnome-divider-color);\n  border-radius: var(--gnome-radius-lg);\n}\n\n/* ─── Row wrapper ──────────────────────────────────────────────────────────── */\n\n.item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.item:first-child > * {\n  border-radius: var(--gnome-radius-lg) var(--gnome-radius-lg) 0 0;\n}\n\n.item:last-child > * {\n  border-radius: 0 0 var(--gnome-radius-lg) var(--gnome-radius-lg);\n}\n\n.item:only-child > * {\n  border-radius: var(--gnome-radius-lg);\n}\n\n\n/* ─── Separate variant ─────────────────────────────────────────────────────── */\n\n.separate {\n  background: none;\n  border: none;\n  border-radius: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-2, 12px);\n  overflow: visible;\n}\n\n.separateItem {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-divider-color);\n  border-radius: var(--gnome-radius-lg);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n@media (prefers-color-scheme: dark) {\n  .separateItem {\n    background-color: var(--gnome-card-bg-color, #2d2d2d);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .list {\n    border-width: 2px;\n  }\n\n  .divider {\n    height: 2px;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+var e = {
+	list: "_list_1m4lm_3",
+	item: "_item_1m4lm_16",
+	separate: "_separate_1m4lm_37",
+	separateItem: "_separateItem_1m4lm_47",
+	divider: "_divider_1m4lm_69"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=BoxedList.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxedList.module.css.js","names":[],"sources":["../../../src/components/BoxedList/BoxedList.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  border: 1px solid var(--gnome-divider-color);\n  border-radius: var(--gnome-radius-lg);\n}\n\n/* ─── Row wrapper ──────────────────────────────────────────────────────────── */\n\n.item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.item:first-child > * {\n  border-radius: var(--gnome-radius-lg) var(--gnome-radius-lg) 0 0;\n}\n\n.item:last-child > * {\n  border-radius: 0 0 var(--gnome-radius-lg) var(--gnome-radius-lg);\n}\n\n.item:only-child > * {\n  border-radius: var(--gnome-radius-lg);\n}\n\n\n/* ─── Separate variant ─────────────────────────────────────────────────────── */\n\n.separate {\n  background: none;\n  border: none;\n  border-radius: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-2, 12px);\n  overflow: visible;\n}\n\n.separateItem {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-divider-color);\n  border-radius: var(--gnome-radius-lg);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n@media (prefers-color-scheme: dark) {\n  .separateItem {\n    background-color: var(--gnome-card-bg-color, #2d2d2d);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .list {\n    border-width: 2px;\n  }\n\n  .divider {\n    height: 2px;\n  }\n}\n"],"mappings":""}

package/dist/components/BoxedList.cjs

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

package/dist/components/BoxedList.d.ts

@@ -0,0 +1,2 @@
+export * from './BoxedList/index'
+export {}

package/dist/components/BoxedList.js

@@ -0,0 +1,2 @@
+import { BoxedList as e } from "./BoxedList/BoxedList.js";
+export { e as BoxedList };

package/dist/components/BreakpointBin/BreakpointBin.cjs

@@ -0,0 +1,2 @@
+let e=require(`react`),t=require(`react/jsx-runtime`);function n({breakpoints:n,children:r,className:i,style:a,...o}){let s=(0,e.useRef)(null),[c,l]=(0,e.useState)({activeBreakpoint:null,width:0});return(0,e.useEffect)(()=>{let e=s.current;if(!e)return;let t=[...n].sort((e,t)=>e.maxWidth-t.maxWidth),r=e=>({activeBreakpoint:(t.find(t=>e<=t.maxWidth)??null)?.name??null,width:e});l(r(e.offsetWidth));let i=new ResizeObserver(e=>{let t=e[0];t&&l(r(t.contentBoxSize?.[0]?.inlineSize??t.contentRect.width))});return i.observe(e),()=>i.disconnect()},[JSON.stringify(n)]),(0,t.jsx)(`div`,{ref:s,className:i,style:{minWidth:0,...a},"data-breakpoint":c.activeBreakpoint??void 0,...o,children:r(c)})}exports.BreakpointBin=n;
+//# sourceMappingURL=BreakpointBin.cjs.map

package/dist/components/BreakpointBin/BreakpointBin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointBin.cjs","names":[],"sources":["../../../src/components/BreakpointBin/BreakpointBin.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type CSSProperties,\n} from \"react\";\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface BreakpointDefinition {\n  /**\n   * Identifier for this breakpoint, e.g. `\"compact\"` or `\"narrow\"`.\n   * Exposed as `data-breakpoint` on the container element for CSS targeting.\n   */\n  name: string;\n  /**\n   * Container width threshold in pixels.\n   * This breakpoint becomes active when the container width is ≤ this value.\n   */\n  maxWidth: number;\n}\n\nexport interface BreakpointBinState {\n  /**\n   * Name of the currently active breakpoint, or `null` when the container\n   * is wider than all defined breakpoints.\n   */\n  activeBreakpoint: string | null;\n  /** Current container width in px (from `ResizeObserver`). */\n  width: number;\n}\n\nexport interface BreakpointBinProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /**\n   * Breakpoint definitions sorted by `maxWidth` ascending.\n   * The active breakpoint is the smallest `maxWidth` ≥ the container's current width.\n   */\n  breakpoints: BreakpointDefinition[];\n  /**\n   * Render prop that receives the current breakpoint state.\n   *\n   * @example\n   * ```tsx\n   * <BreakpointBin breakpoints={[{ name: \"compact\", maxWidth: 400 }]}>\n   *   {({ activeBreakpoint }) =>\n   *     activeBreakpoint === \"compact\" ? <CompactLayout /> : <WideLayout />\n   *   }\n   * </BreakpointBin>\n   * ```\n   */\n  children: (state: BreakpointBinState) => ReactNode;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Container that fires layout changes when **its own width** crosses defined\n * thresholds — the CSS container-query equivalent of `AdwBreakpointBin`\n * (libadwaita 1.9 / GNOME 50).\n *\n * Unlike `useBreakpoint` (which watches the viewport), `BreakpointBin` uses\n * `ResizeObserver` to watch the element itself. This makes it composable:\n * the same component can behave differently depending on how much space it\n * is given by its parent, regardless of the viewport size.\n *\n * ### How it works\n * - Breakpoints are evaluated in ascending `maxWidth` order.\n * - The active breakpoint is the first one whose `maxWidth` ≥ the container width.\n * - When no breakpoint matches (container is wider than all), `activeBreakpoint` is `null`.\n * - The active name is set as `data-breakpoint` on the wrapper `<div>` for CSS targeting.\n *\n * ### CSS targeting\n * ```css\n * .myWidget[data-breakpoint=\"compact\"] .layout { flex-direction: column; }\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.BreakpointBin.html\n */\nexport function BreakpointBin({\n  breakpoints,\n  children,\n  className,\n  style,\n  ...props\n}: BreakpointBinProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [state, setState] = useState<BreakpointBinState>({\n    activeBreakpoint: null,\n    width: 0,\n  });\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    // Sort breakpoints ascending so we find the smallest matching threshold\n    const sorted = [...breakpoints].sort((a, b) => a.maxWidth - b.maxWidth);\n\n    const evaluate = (width: number): BreakpointBinState => {\n      const match = sorted.find((bp) => width <= bp.maxWidth) ?? null;\n      return { activeBreakpoint: match?.name ?? null, width };\n    };\n\n    // Initial measurement\n    setState(evaluate(el.offsetWidth));\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n      // contentBoxSize is more reliable than contentRect for inline-size\n      const width =\n        entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;\n      setState(evaluate(width));\n    });\n\n    observer.observe(el);\n    return () => observer.disconnect();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(breakpoints)]);\n\n  const containerStyle: CSSProperties = {\n    // Ensure the container establishes a containing block\n    // so ResizeObserver reflects actual layout width\n    minWidth: 0,\n    ...style,\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      style={containerStyle}\n      data-breakpoint={state.activeBreakpoint ?? undefined}\n      {...props}\n    >\n      {children(state)}\n    </div>\n  );\n}\n"],"mappings":"sDAiFA,SAAgB,EAAc,CAC5B,cACA,WACA,YACA,QACA,GAAG,GACkB,CACrB,IAAM,GAAA,EAAA,EAAA,QAAsC,KAAK,CAC3C,CAAC,EAAO,IAAA,EAAA,EAAA,UAAyC,CACrD,iBAAkB,KAClB,MAAO,EACR,CAAC,CAsCF,OApCA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAK,EAAa,QACxB,GAAI,CAAC,EAAI,OAGT,IAAM,EAAS,CAAC,GAAG,EAAY,CAAC,MAAM,EAAG,IAAM,EAAE,SAAW,EAAE,SAAS,CAEjE,EAAY,IAET,CAAE,kBADK,EAAO,KAAM,GAAO,GAAS,EAAG,SAAS,EAAI,OACzB,MAAQ,KAAM,QAAO,EAIzD,EAAS,EAAS,EAAG,YAAY,CAAC,CAElC,IAAM,EAAW,IAAI,eAAgB,GAAY,CAC/C,IAAM,EAAQ,EAAQ,GACjB,GAIL,EAAS,EADP,EAAM,iBAAiB,IAAI,YAAc,EAAM,YAAY,MACrC,CAAC,EACzB,CAGF,OADA,EAAS,QAAQ,EAAG,KACP,EAAS,YAAY,EAEjC,CAAC,KAAK,UAAU,EAAY,CAAC,CAAC,EAU/B,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACM,YACX,MAXkC,CAGpC,SAAU,EACV,GAAG,EACJ,CAOG,kBAAiB,EAAM,kBAAoB,IAAA,GAC3C,GAAI,WAEH,EAAS,EAAM,CACZ,CAAA"}

package/dist/components/BreakpointBin/BreakpointBin.js

@@ -0,0 +1,37 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/BreakpointBin/BreakpointBin.tsx
+function i({ breakpoints: i, children: a, className: o, style: s, ...c }) {
+	let l = t(null), [u, d] = n({
+		activeBreakpoint: null,
+		width: 0
+	});
+	return e(() => {
+		let e = l.current;
+		if (!e) return;
+		let t = [...i].sort((e, t) => e.maxWidth - t.maxWidth), n = (e) => ({
+			activeBreakpoint: (t.find((t) => e <= t.maxWidth) ?? null)?.name ?? null,
+			width: e
+		});
+		d(n(e.offsetWidth));
+		let r = new ResizeObserver((e) => {
+			let t = e[0];
+			t && d(n(t.contentBoxSize?.[0]?.inlineSize ?? t.contentRect.width));
+		});
+		return r.observe(e), () => r.disconnect();
+	}, [JSON.stringify(i)]), /* @__PURE__ */ r("div", {
+		ref: l,
+		className: o,
+		style: {
+			minWidth: 0,
+			...s
+		},
+		"data-breakpoint": u.activeBreakpoint ?? void 0,
+		...c,
+		children: a(u)
+	});
+}
+//#endregion
+export { i as BreakpointBin };
+
+//# sourceMappingURL=BreakpointBin.js.map

package/dist/components/BreakpointBin/BreakpointBin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointBin.js","names":[],"sources":["../../../src/components/BreakpointBin/BreakpointBin.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type CSSProperties,\n} from \"react\";\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface BreakpointDefinition {\n  /**\n   * Identifier for this breakpoint, e.g. `\"compact\"` or `\"narrow\"`.\n   * Exposed as `data-breakpoint` on the container element for CSS targeting.\n   */\n  name: string;\n  /**\n   * Container width threshold in pixels.\n   * This breakpoint becomes active when the container width is ≤ this value.\n   */\n  maxWidth: number;\n}\n\nexport interface BreakpointBinState {\n  /**\n   * Name of the currently active breakpoint, or `null` when the container\n   * is wider than all defined breakpoints.\n   */\n  activeBreakpoint: string | null;\n  /** Current container width in px (from `ResizeObserver`). */\n  width: number;\n}\n\nexport interface BreakpointBinProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /**\n   * Breakpoint definitions sorted by `maxWidth` ascending.\n   * The active breakpoint is the smallest `maxWidth` ≥ the container's current width.\n   */\n  breakpoints: BreakpointDefinition[];\n  /**\n   * Render prop that receives the current breakpoint state.\n   *\n   * @example\n   * ```tsx\n   * <BreakpointBin breakpoints={[{ name: \"compact\", maxWidth: 400 }]}>\n   *   {({ activeBreakpoint }) =>\n   *     activeBreakpoint === \"compact\" ? <CompactLayout /> : <WideLayout />\n   *   }\n   * </BreakpointBin>\n   * ```\n   */\n  children: (state: BreakpointBinState) => ReactNode;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Container that fires layout changes when **its own width** crosses defined\n * thresholds — the CSS container-query equivalent of `AdwBreakpointBin`\n * (libadwaita 1.9 / GNOME 50).\n *\n * Unlike `useBreakpoint` (which watches the viewport), `BreakpointBin` uses\n * `ResizeObserver` to watch the element itself. This makes it composable:\n * the same component can behave differently depending on how much space it\n * is given by its parent, regardless of the viewport size.\n *\n * ### How it works\n * - Breakpoints are evaluated in ascending `maxWidth` order.\n * - The active breakpoint is the first one whose `maxWidth` ≥ the container width.\n * - When no breakpoint matches (container is wider than all), `activeBreakpoint` is `null`.\n * - The active name is set as `data-breakpoint` on the wrapper `<div>` for CSS targeting.\n *\n * ### CSS targeting\n * ```css\n * .myWidget[data-breakpoint=\"compact\"] .layout { flex-direction: column; }\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.BreakpointBin.html\n */\nexport function BreakpointBin({\n  breakpoints,\n  children,\n  className,\n  style,\n  ...props\n}: BreakpointBinProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [state, setState] = useState<BreakpointBinState>({\n    activeBreakpoint: null,\n    width: 0,\n  });\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    // Sort breakpoints ascending so we find the smallest matching threshold\n    const sorted = [...breakpoints].sort((a, b) => a.maxWidth - b.maxWidth);\n\n    const evaluate = (width: number): BreakpointBinState => {\n      const match = sorted.find((bp) => width <= bp.maxWidth) ?? null;\n      return { activeBreakpoint: match?.name ?? null, width };\n    };\n\n    // Initial measurement\n    setState(evaluate(el.offsetWidth));\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n      // contentBoxSize is more reliable than contentRect for inline-size\n      const width =\n        entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;\n      setState(evaluate(width));\n    });\n\n    observer.observe(el);\n    return () => observer.disconnect();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(breakpoints)]);\n\n  const containerStyle: CSSProperties = {\n    // Ensure the container establishes a containing block\n    // so ResizeObserver reflects actual layout width\n    minWidth: 0,\n    ...style,\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={className}\n      style={containerStyle}\n      data-breakpoint={state.activeBreakpoint ?? undefined}\n      {...props}\n    >\n      {children(state)}\n    </div>\n  );\n}\n"],"mappings":";;;AAiFA,SAAgB,EAAc,EAC5B,gBACA,aACA,cACA,UACA,GAAG,KACkB;CACrB,IAAM,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAO,KAAY,EAA6B;EACrD,kBAAkB;EAClB,OAAO;EACR,CAAC;AAsCF,QApCA,QAAgB;EACd,IAAM,IAAK,EAAa;AACxB,MAAI,CAAC,EAAI;EAGT,IAAM,IAAS,CAAC,GAAG,EAAY,CAAC,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,SAAS,EAEjE,KAAY,OAET;GAAE,mBADK,EAAO,MAAM,MAAO,KAAS,EAAG,SAAS,IAAI,OACzB,QAAQ;GAAM;GAAO;AAIzD,IAAS,EAAS,EAAG,YAAY,CAAC;EAElC,IAAM,IAAW,IAAI,gBAAgB,MAAY;GAC/C,IAAM,IAAQ,EAAQ;AACjB,QAIL,EAAS,EADP,EAAM,iBAAiB,IAAI,cAAc,EAAM,YAAY,MACrC,CAAC;IACzB;AAGF,SADA,EAAS,QAAQ,EAAG,QACP,EAAS,YAAY;IAEjC,CAAC,KAAK,UAAU,EAAY,CAAC,CAAC,EAU/B,kBAAC,OAAD;EACE,KAAK;EACM;EACX,OAXkC;GAGpC,UAAU;GACV,GAAG;GACJ;EAOG,mBAAiB,EAAM,oBAAoB,KAAA;EAC3C,GAAI;YAEH,EAAS,EAAM;EACZ,CAAA"}

package/dist/components/BreakpointBin.cjs

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

package/dist/components/BreakpointBin.d.ts

@@ -0,0 +1,2 @@
+export * from './BreakpointBin/index'
+export {}

package/dist/components/BreakpointBin.js

@@ -0,0 +1,2 @@
+import { BreakpointBin as e } from "./BreakpointBin/BreakpointBin.js";
+export { e as BreakpointBin };

package/dist/components/Button/Button.cjs

@@ -0,0 +1,2 @@
+const e=require(`./Button.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({variant:n=`default`,size:r=`md`,shape:i=`default`,osd:a=!1,leadingIcon:o,trailingIcon:s,children:c,className:l,...u}){return(0,t.jsxs)(`button`,{className:[e.default.button,e.default[n],r===`md`?null:e.default[r],i===`default`?null:e.default[i],a?e.default.osd:null,l].filter(Boolean).join(` `),...u,children:[o,c,s]})}exports.Button=n;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Button.module.css\";\n\nexport type ButtonVariant = \"default\" | \"suggested\" | \"destructive\" | \"flat\" | \"raised\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonShape = \"default\" | \"pill\" | \"circular\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style of the button. Follows GNOME HIG button types. */\n  variant?: ButtonVariant;\n  /** Size of the button. */\n  size?: ButtonSize;\n  /** Shape of the button. \"pill\" for primary actions in open space, \"circular\" for icon-only buttons. */\n  shape?: ButtonShape;\n  /**\n   * Dark semi-transparent overlay style for buttons placed on top of\n   * media or images — mirrors the `.osd` style class.\n   */\n  osd?: boolean;\n  /** Icon placed before the label. */\n  leadingIcon?: ReactNode;\n  /** Icon placed after the label. */\n  trailingIcon?: ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * Button component following GNOME Human Interface Guidelines.\n *\n * Variants:\n * - `default`     — Standard action, flat appearance with subtle border.\n * - `suggested`   — Affirmative/primary action (accent color). Use at most once per view.\n * - `destructive` — Dangerous or irreversible action (red). Use sparingly.\n * - `flat`        — No border or background; ideal for header bars and toolbars.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/buttons.html\n */\nexport function Button({\n  variant = \"default\",\n  size = \"md\",\n  shape = \"default\",\n  osd = false,\n  leadingIcon,\n  trailingIcon,\n  children,\n  className,\n  ...props\n}: ButtonProps) {\n  const classes = [\n    styles.button,\n    styles[variant],\n    size !== \"md\" ? styles[size] : null,\n    shape !== \"default\" ? styles[shape] : null,\n    osd ? styles.osd : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <button className={classes} {...props}>\n      {leadingIcon}\n      {children}\n      {trailingIcon}\n    </button>\n  );\n}\n"],"mappings":"8EAqCA,SAAgB,EAAO,CACrB,UAAU,UACV,OAAO,KACP,QAAQ,UACR,MAAM,GACN,cACA,eACA,WACA,YACA,GAAG,GACW,CAYd,OACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAZM,CACd,EAAA,QAAO,OACP,EAAA,QAAO,GACP,IAAS,KAAsB,KAAf,EAAA,QAAO,GACvB,IAAU,UAA4B,KAAhB,EAAA,QAAO,GAC7B,EAAM,EAAA,QAAO,IAAM,KACnB,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CAGkB,GAAI,WAAhC,CACG,EACA,EACA,EACM"}

package/dist/components/Button/Button.js

@@ -0,0 +1,25 @@
+import e from "./Button.module.css.js";
+import { jsxs as t } from "react/jsx-runtime";
+//#region src/components/Button/Button.tsx
+function n({ variant: n = "default", size: r = "md", shape: i = "default", osd: a = !1, leadingIcon: o, trailingIcon: s, children: c, className: l, ...u }) {
+	return /* @__PURE__ */ t("button", {
+		className: [
+			e.button,
+			e[n],
+			r === "md" ? null : e[r],
+			i === "default" ? null : e[i],
+			a ? e.osd : null,
+			l
+		].filter(Boolean).join(" "),
+		...u,
+		children: [
+			o,
+			c,
+			s
+		]
+	});
+}
+//#endregion
+export { n as Button };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Button.module.css\";\n\nexport type ButtonVariant = \"default\" | \"suggested\" | \"destructive\" | \"flat\" | \"raised\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonShape = \"default\" | \"pill\" | \"circular\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style of the button. Follows GNOME HIG button types. */\n  variant?: ButtonVariant;\n  /** Size of the button. */\n  size?: ButtonSize;\n  /** Shape of the button. \"pill\" for primary actions in open space, \"circular\" for icon-only buttons. */\n  shape?: ButtonShape;\n  /**\n   * Dark semi-transparent overlay style for buttons placed on top of\n   * media or images — mirrors the `.osd` style class.\n   */\n  osd?: boolean;\n  /** Icon placed before the label. */\n  leadingIcon?: ReactNode;\n  /** Icon placed after the label. */\n  trailingIcon?: ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * Button component following GNOME Human Interface Guidelines.\n *\n * Variants:\n * - `default`     — Standard action, flat appearance with subtle border.\n * - `suggested`   — Affirmative/primary action (accent color). Use at most once per view.\n * - `destructive` — Dangerous or irreversible action (red). Use sparingly.\n * - `flat`        — No border or background; ideal for header bars and toolbars.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/buttons.html\n */\nexport function Button({\n  variant = \"default\",\n  size = \"md\",\n  shape = \"default\",\n  osd = false,\n  leadingIcon,\n  trailingIcon,\n  children,\n  className,\n  ...props\n}: ButtonProps) {\n  const classes = [\n    styles.button,\n    styles[variant],\n    size !== \"md\" ? styles[size] : null,\n    shape !== \"default\" ? styles[shape] : null,\n    osd ? styles.osd : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <button className={classes} {...props}>\n      {leadingIcon}\n      {children}\n      {trailingIcon}\n    </button>\n  );\n}\n"],"mappings":";;;AAqCA,SAAgB,EAAO,EACrB,aAAU,WACV,UAAO,MACP,WAAQ,WACR,SAAM,IACN,gBACA,iBACA,aACA,cACA,GAAG,KACW;AAYd,QACE,kBAAC,UAAD;EAAQ,WAZM;GACd,EAAO;GACP,EAAO;GACP,MAAS,OAAsB,OAAf,EAAO;GACvB,MAAU,YAA4B,OAAhB,EAAO;GAC7B,IAAM,EAAO,MAAM;GACnB;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EAGkB,GAAI;YAAhC;GACG;GACA;GACA;GACM"}

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

@@ -0,0 +1,2 @@
+var e={button:`_button_1qgdy_1`,pill:`_pill_1qgdy_52`,circular:`_circular_1qgdy_59`,default:`_default_1qgdy_71`,suggested:`_suggested_1qgdy_105`,destructive:`_destructive_1qgdy_120`,flat:`_flat_1qgdy_135`,raised:`_raised_1qgdy_150`,osd:`_osd_1qgdy_184`,sm:`_sm_1qgdy_228`,lg:`_lg_1qgdy_235`};exports.default=e;
+//# sourceMappingURL=Button.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.css.cjs","names":[],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1);\n\n  /* Typography */\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  /* Shape */\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  min-height: 34px;\n  min-width: 5.5rem;\n\n  /* Behavior */\n  cursor: pointer;\n  user-select: none;\n  text-decoration: none;\n  vertical-align: middle;\n  outline: none;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Focus ───────────────────────────────────────────────────── */\n\n.button:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color);\n}\n\n/* ─── Disabled ────────────────────────────────────────────────── */\n\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Pill shape ──────────────────────────────────────────────── */\n\n.pill {\n  border-radius: var(--gnome-radius-pill);\n  padding-inline: var(--gnome-space-3);\n}\n\n/* ─── Circular shape ──────────────────────────────────────────── */\n\n.circular {\n  border-radius: var(--gnome-radius-pill);\n  padding: var(--gnome-space-1);\n  min-width: 34px;\n  min-height: 34px;\n  width: 34px;\n  height: 34px;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n/* Default — slight raised appearance with visible border */\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n}\n\n.default:hover:not(:disabled) {\n  background-color: var(--gnome-light-2, #f6f5f4);\n}\n\n.default:active:not(:disabled) {\n  background-color: var(--gnome-light-3, #deddda);\n  box-shadow: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .default:active:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.14);\n    box-shadow: none;\n  }\n}\n\n/* Suggested — accent color for primary / affirmative actions */\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  color: var(--gnome-accent-fg-color);\n  border-color: transparent;\n}\n\n.suggested:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n/* Destructive — red for dangerous / irreversible actions */\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  color: var(--gnome-destructive-fg-color);\n  border-color: transparent;\n}\n\n.destructive:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n/* Flat — no border, no background. Used inside header bars */\n.flat {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.flat:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.flat:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n/* Raised — explicit raised look inside flat/toolbar contexts */\n.raised {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n}\n\n.raised:hover:not(:disabled) {\n  background-color: var(--gnome-light-2, #f6f5f4);\n}\n\n.raised:active:not(:disabled) {\n  background-color: var(--gnome-light-3, #deddda);\n  box-shadow: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  .raised {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: var(--gnome-shadow-sm);\n  }\n\n  .raised:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .raised:active:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.14);\n    box-shadow: none;\n  }\n}\n\n/* OSD — dark semi-transparent overlay style for media/image contexts */\n.osd {\n  background-color: rgba(0, 0, 0, 0.65) !important;\n  color: rgba(255, 255, 255, 0.95) !important;\n  border-color: rgba(255, 255, 255, 0.12) !important;\n  box-shadow: none !important;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n}\n\n.osd:hover:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.75) !important;\n  filter: none;\n}\n\n.osd:active:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.85) !important;\n  filter: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  .osd {\n    background-color: rgba(0, 0, 0, 0.65) !important;\n    border-color: rgba(255, 255, 255, 0.1) !important;\n  }\n}\n\n/* ─── High contrast ───────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .button:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px) var(--gnome-window-bg-color);\n  }\n}\n\n/* ─── Sizes ───────────────────────────────────────────────────── */\n\n.sm {\n  font-size: var(--gnome-font-size-caption);\n  min-height: 28px;\n  padding: 4px var(--gnome-space-1);\n  min-width: 4rem;\n}\n\n.lg {\n  font-size: var(--gnome-font-size-title-4);\n  min-height: 42px;\n  padding: var(--gnome-space-1) var(--gnome-space-3);\n}\n"],"mappings":""}

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

@@ -0,0 +1,17 @@
+var e = {
+	button: "_button_1qgdy_1",
+	pill: "_pill_1qgdy_52",
+	circular: "_circular_1qgdy_59",
+	default: "_default_1qgdy_71",
+	suggested: "_suggested_1qgdy_105",
+	destructive: "_destructive_1qgdy_120",
+	flat: "_flat_1qgdy_135",
+	raised: "_raised_1qgdy_150",
+	osd: "_osd_1qgdy_184",
+	sm: "_sm_1qgdy_228",
+	lg: "_lg_1qgdy_235"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Button.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.css.js","names":[],"sources":["../../../src/components/Button/Button.module.css"],"sourcesContent":[".button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1);\n\n  /* Typography */\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  /* Shape */\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  min-height: 34px;\n  min-width: 5.5rem;\n\n  /* Behavior */\n  cursor: pointer;\n  user-select: none;\n  text-decoration: none;\n  vertical-align: middle;\n  outline: none;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Focus ───────────────────────────────────────────────────── */\n\n.button:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color);\n}\n\n/* ─── Disabled ────────────────────────────────────────────────── */\n\n.button:disabled,\n.button[aria-disabled=\"true\"] {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Pill shape ──────────────────────────────────────────────── */\n\n.pill {\n  border-radius: var(--gnome-radius-pill);\n  padding-inline: var(--gnome-space-3);\n}\n\n/* ─── Circular shape ──────────────────────────────────────────── */\n\n.circular {\n  border-radius: var(--gnome-radius-pill);\n  padding: var(--gnome-space-1);\n  min-width: 34px;\n  min-height: 34px;\n  width: 34px;\n  height: 34px;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n/* Default — slight raised appearance with visible border */\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n}\n\n.default:hover:not(:disabled) {\n  background-color: var(--gnome-light-2, #f6f5f4);\n}\n\n.default:active:not(:disabled) {\n  background-color: var(--gnome-light-3, #deddda);\n  box-shadow: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .default:active:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.14);\n    box-shadow: none;\n  }\n}\n\n/* Suggested — accent color for primary / affirmative actions */\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  color: var(--gnome-accent-fg-color);\n  border-color: transparent;\n}\n\n.suggested:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n/* Destructive — red for dangerous / irreversible actions */\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  color: var(--gnome-destructive-fg-color);\n  border-color: transparent;\n}\n\n.destructive:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n/* Flat — no border, no background. Used inside header bars */\n.flat {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.flat:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.flat:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n/* Raised — explicit raised look inside flat/toolbar contexts */\n.raised {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n}\n\n.raised:hover:not(:disabled) {\n  background-color: var(--gnome-light-2, #f6f5f4);\n}\n\n.raised:active:not(:disabled) {\n  background-color: var(--gnome-light-3, #deddda);\n  box-shadow: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  .raised {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: var(--gnome-shadow-sm);\n  }\n\n  .raised:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .raised:active:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.14);\n    box-shadow: none;\n  }\n}\n\n/* OSD — dark semi-transparent overlay style for media/image contexts */\n.osd {\n  background-color: rgba(0, 0, 0, 0.65) !important;\n  color: rgba(255, 255, 255, 0.95) !important;\n  border-color: rgba(255, 255, 255, 0.12) !important;\n  box-shadow: none !important;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n}\n\n.osd:hover:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.75) !important;\n  filter: none;\n}\n\n.osd:active:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.85) !important;\n  filter: none;\n}\n\n@media (prefers-color-scheme: dark) {\n  .osd {\n    background-color: rgba(0, 0, 0, 0.65) !important;\n    border-color: rgba(255, 255, 255, 0.1) !important;\n  }\n}\n\n/* ─── High contrast ───────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .button:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px) var(--gnome-window-bg-color);\n  }\n}\n\n/* ─── Sizes ───────────────────────────────────────────────────── */\n\n.sm {\n  font-size: var(--gnome-font-size-caption);\n  min-height: 28px;\n  padding: 4px var(--gnome-space-1);\n  min-width: 4rem;\n}\n\n.lg {\n  font-size: var(--gnome-font-size-title-4);\n  min-height: 42px;\n  padding: var(--gnome-space-1) var(--gnome-space-3);\n}\n"],"mappings":""}

package/dist/components/Button.cjs

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

package/dist/components/Button.d.ts

@@ -0,0 +1,2 @@
+export * from './Button/index'
+export {}

package/dist/components/Button.js

@@ -0,0 +1,2 @@
+import { Button as e } from "./Button/Button.js";
+export { e as Button };

package/dist/components/ButtonContent/ButtonContent.cjs

@@ -0,0 +1,2 @@
+const e=require(`./ButtonContent.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({icon:n,label:r,iconPosition:i=`start`,className:a,...o}){return(0,t.jsxs)(`span`,{className:[e.default.content,i===`end`?e.default.iconEnd:null,a].filter(Boolean).join(` `),...o,children:[n&&i===`start`&&(0,t.jsx)(`span`,{className:e.default.icon,"aria-hidden":`true`,children:n}),(0,t.jsx)(`span`,{className:e.default.label,children:r}),n&&i===`end`&&(0,t.jsx)(`span`,{className:e.default.icon,"aria-hidden":`true`,children:n})]})}exports.ButtonContent=n;
+//# sourceMappingURL=ButtonContent.cjs.map

package/dist/components/ButtonContent/ButtonContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContent.cjs","names":[],"sources":["../../../src/components/ButtonContent/ButtonContent.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./ButtonContent.module.css\";\n\nexport interface ButtonContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Icon element placed before the label. */\n  icon?: ReactNode;\n  /** Text label. */\n  label: string;\n  /**\n   * Position of the icon relative to the label.\n   * Defaults to `\"start\"`.\n   */\n  iconPosition?: \"start\" | \"end\";\n}\n\n/**\n * Icon + label layout helper for buttons that contain both an icon and text.\n *\n * Pass as the `children` of a `Button` to get the correct Adwaita spacing\n * between the icon and label (4 px gap, icon centred vertically with the text).\n *\n * Mirrors `AdwButtonContent`.\n *\n * @example\n * ```tsx\n * <Button>\n *   <ButtonContent icon={<Icon name=\"document-save-symbolic\" />} label=\"Save\" />\n * </Button>\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ButtonContent.html\n */\nexport function ButtonContent({\n  icon,\n  label,\n  iconPosition = \"start\",\n  className,\n  ...props\n}: ButtonContentProps) {\n  return (\n    <span\n      className={[\n        styles.content,\n        iconPosition === \"end\" ? styles.iconEnd : null,\n        className,\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {icon && iconPosition === \"start\" && (\n        <span className={styles.icon} aria-hidden=\"true\">{icon}</span>\n      )}\n      <span className={styles.label}>{label}</span>\n      {icon && iconPosition === \"end\" && (\n        <span className={styles.icon} aria-hidden=\"true\">{icon}</span>\n      )}\n    </span>\n  );\n}\n"],"mappings":"qFAgCA,SAAgB,EAAc,CAC5B,OACA,QACA,eAAe,QACf,YACA,GAAG,GACkB,CACrB,OACE,EAAA,EAAA,MAAC,OAAD,CACE,UAAW,CACT,EAAA,QAAO,QACP,IAAiB,MAAQ,EAAA,QAAO,QAAU,KAC1C,EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC3B,GAAI,WANN,CAQG,GAAQ,IAAiB,UACxB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,cAAY,gBAAQ,EAAY,CAAA,EAEhE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,GAAQ,IAAiB,QACxB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAM,cAAY,gBAAQ,EAAY,CAAA,CAE3D"}

package/dist/components/ButtonContent/ButtonContent.js

@@ -0,0 +1,33 @@
+import e from "./ButtonContent.module.css.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/ButtonContent/ButtonContent.tsx
+function r({ icon: r, label: i, iconPosition: a = "start", className: o, ...s }) {
+	return /* @__PURE__ */ n("span", {
+		className: [
+			e.content,
+			a === "end" ? e.iconEnd : null,
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [
+			r && a === "start" && /* @__PURE__ */ t("span", {
+				className: e.icon,
+				"aria-hidden": "true",
+				children: r
+			}),
+			/* @__PURE__ */ t("span", {
+				className: e.label,
+				children: i
+			}),
+			r && a === "end" && /* @__PURE__ */ t("span", {
+				className: e.icon,
+				"aria-hidden": "true",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+export { r as ButtonContent };
+
+//# sourceMappingURL=ButtonContent.js.map

package/dist/components/ButtonContent/ButtonContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContent.js","names":[],"sources":["../../../src/components/ButtonContent/ButtonContent.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./ButtonContent.module.css\";\n\nexport interface ButtonContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Icon element placed before the label. */\n  icon?: ReactNode;\n  /** Text label. */\n  label: string;\n  /**\n   * Position of the icon relative to the label.\n   * Defaults to `\"start\"`.\n   */\n  iconPosition?: \"start\" | \"end\";\n}\n\n/**\n * Icon + label layout helper for buttons that contain both an icon and text.\n *\n * Pass as the `children` of a `Button` to get the correct Adwaita spacing\n * between the icon and label (4 px gap, icon centred vertically with the text).\n *\n * Mirrors `AdwButtonContent`.\n *\n * @example\n * ```tsx\n * <Button>\n *   <ButtonContent icon={<Icon name=\"document-save-symbolic\" />} label=\"Save\" />\n * </Button>\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ButtonContent.html\n */\nexport function ButtonContent({\n  icon,\n  label,\n  iconPosition = \"start\",\n  className,\n  ...props\n}: ButtonContentProps) {\n  return (\n    <span\n      className={[\n        styles.content,\n        iconPosition === \"end\" ? styles.iconEnd : null,\n        className,\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {icon && iconPosition === \"start\" && (\n        <span className={styles.icon} aria-hidden=\"true\">{icon}</span>\n      )}\n      <span className={styles.label}>{label}</span>\n      {icon && iconPosition === \"end\" && (\n        <span className={styles.icon} aria-hidden=\"true\">{icon}</span>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;AAgCA,SAAgB,EAAc,EAC5B,SACA,UACA,kBAAe,SACf,cACA,GAAG,KACkB;AACrB,QACE,kBAAC,QAAD;EACE,WAAW;GACT,EAAO;GACP,MAAiB,QAAQ,EAAO,UAAU;GAC1C;GACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC3B,GAAI;YANN;GAQG,KAAQ,MAAiB,WACxB,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAY;cAAQ;IAAY,CAAA;GAEhE,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;IAAa,CAAA;GAC5C,KAAQ,MAAiB,SACxB,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAY;cAAQ;IAAY,CAAA;GAE3D"}

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

@@ -0,0 +1,2 @@
+var e={content:`_content_1xkwk_3`,icon:`_icon_1xkwk_9`,label:`_label_1xkwk_15`};exports.default=e;
+//# sourceMappingURL=ButtonContent.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContent.module.css.cjs","names":[],"sources":["../../../src/components/ButtonContent/ButtonContent.module.css"],"sourcesContent":["/* ─── ButtonContent ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.label {\n  /* Inherit all button text styles */\n}\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+var e = {
+	content: "_content_1xkwk_3",
+	icon: "_icon_1xkwk_9",
+	label: "_label_1xkwk_15"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ButtonContent.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContent.module.css.js","names":[],"sources":["../../../src/components/ButtonContent/ButtonContent.module.css"],"sourcesContent":["/* ─── ButtonContent ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.label {\n  /* Inherit all button text styles */\n}\n"],"mappings":""}

package/dist/components/ButtonContent.cjs

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

package/dist/components/ButtonContent.d.ts

@@ -0,0 +1,2 @@
+export * from './ButtonContent/index'
+export {}

package/dist/components/ButtonContent.js

@@ -0,0 +1,2 @@
+import { ButtonContent as e } from "./ButtonContent/ButtonContent.js";
+export { e as ButtonContent };

package/dist/components/ButtonRow/ButtonRow.cjs

@@ -0,0 +1,2 @@
+const e=require(`./ButtonRow.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({title:n,variant:r=`default`,leading:i,trailing:a,className:o,...s}){return(0,t.jsxs)(`button`,{className:[e.default.row,e.default[r],o].filter(Boolean).join(` `),...s,children:[i&&(0,t.jsx)(`span`,{className:e.default.leading,children:i}),(0,t.jsx)(`span`,{className:e.default.title,children:n}),a&&(0,t.jsx)(`span`,{className:e.default.trailing,children:a})]})}exports.ButtonRow=n;
+//# sourceMappingURL=ButtonRow.cjs.map

package/dist/components/ButtonRow/ButtonRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.cjs","names":[],"sources":["../../../src/components/ButtonRow/ButtonRow.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./ButtonRow.module.css\";\n\nexport type ButtonRowVariant = \"default\" | \"suggested\" | \"destructive\";\n\nexport interface ButtonRowProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Label displayed centered in the row. */\n  title: string;\n  /** Visual style that colours the title text. */\n  variant?: ButtonRowVariant;\n  /** Icon placed at the leading edge. */\n  leading?: ReactNode;\n  /** Icon placed at the trailing edge. */\n  trailing?: ReactNode;\n}\n\n/**\n * Full-width activatable row styled as a button inside a `BoxedList`.\n *\n * Mirrors `AdwButtonRow` — use when an entire list row should trigger a single\n * action. Prefer `ActionRow` with `interactive` when the row also needs a\n * title/subtitle layout; prefer `ButtonRow` for single-label CTA rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ButtonRow.html\n */\nexport function ButtonRow({\n  title,\n  variant = \"default\",\n  leading,\n  trailing,\n  className,\n  ...props\n}: ButtonRowProps) {\n  const classes = [\n    styles.row,\n    styles[variant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <button className={classes} {...props}>\n      {leading && <span className={styles.leading}>{leading}</span>}\n      <span className={styles.title}>{title}</span>\n      {trailing && <span className={styles.trailing}>{trailing}</span>}\n    </button>\n  );\n}\n"],"mappings":"iFAyBA,SAAgB,EAAU,CACxB,QACA,UAAU,UACV,UACA,WACA,YACA,GAAG,GACc,CASjB,OACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UATM,CACd,EAAA,QAAO,IACP,EAAA,QAAO,GACP,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CAGkB,GAAI,WAAhC,CACG,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,EAAe,CAAA,EAC7D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAgB,CAAA,CACzD"}

package/dist/components/ButtonRow/ButtonRow.js

@@ -0,0 +1,31 @@
+import e from "./ButtonRow.module.css.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/ButtonRow/ButtonRow.tsx
+function r({ title: r, variant: i = "default", leading: a, trailing: o, className: s, ...c }) {
+	return /* @__PURE__ */ n("button", {
+		className: [
+			e.row,
+			e[i],
+			s
+		].filter(Boolean).join(" "),
+		...c,
+		children: [
+			a && /* @__PURE__ */ t("span", {
+				className: e.leading,
+				children: a
+			}),
+			/* @__PURE__ */ t("span", {
+				className: e.title,
+				children: r
+			}),
+			o && /* @__PURE__ */ t("span", {
+				className: e.trailing,
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { r as ButtonRow };
+
+//# sourceMappingURL=ButtonRow.js.map

package/dist/components/ButtonRow/ButtonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.js","names":[],"sources":["../../../src/components/ButtonRow/ButtonRow.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./ButtonRow.module.css\";\n\nexport type ButtonRowVariant = \"default\" | \"suggested\" | \"destructive\";\n\nexport interface ButtonRowProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Label displayed centered in the row. */\n  title: string;\n  /** Visual style that colours the title text. */\n  variant?: ButtonRowVariant;\n  /** Icon placed at the leading edge. */\n  leading?: ReactNode;\n  /** Icon placed at the trailing edge. */\n  trailing?: ReactNode;\n}\n\n/**\n * Full-width activatable row styled as a button inside a `BoxedList`.\n *\n * Mirrors `AdwButtonRow` — use when an entire list row should trigger a single\n * action. Prefer `ActionRow` with `interactive` when the row also needs a\n * title/subtitle layout; prefer `ButtonRow` for single-label CTA rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ButtonRow.html\n */\nexport function ButtonRow({\n  title,\n  variant = \"default\",\n  leading,\n  trailing,\n  className,\n  ...props\n}: ButtonRowProps) {\n  const classes = [\n    styles.row,\n    styles[variant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <button className={classes} {...props}>\n      {leading && <span className={styles.leading}>{leading}</span>}\n      <span className={styles.title}>{title}</span>\n      {trailing && <span className={styles.trailing}>{trailing}</span>}\n    </button>\n  );\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAU,EACxB,UACA,aAAU,WACV,YACA,aACA,cACA,GAAG,KACc;AASjB,QACE,kBAAC,UAAD;EAAQ,WATM;GACd,EAAO;GACP,EAAO;GACP;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EAGkB,GAAI;YAAhC;GACG,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;IAAe,CAAA;GAC7D,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;IAAa,CAAA;GAC5C,KAAY,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAW;IAAgB,CAAA;GACzD"}

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

@@ -0,0 +1,2 @@
+var e={row:`_row_1ba2f_3`,title:`_title_1ba2f_48`,leading:`_leading_1ba2f_59`,trailing:`_trailing_1ba2f_60`,default:`_default_1ba2f_68`,suggested:`_suggested_1ba2f_77`,destructive:`_destructive_1ba2f_86`};exports.default=e;
+//# sourceMappingURL=ButtonRow.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.module.css.cjs","names":[],"sources":["../../../src/components/ButtonRow/ButtonRow.module.css"],"sourcesContent":["/* ─── Base row ─────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: 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  /* Reset button */\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: center;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row: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.row:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\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-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  flex: 1;\n  text-align: center;\n}\n\n/* ─── Leading / trailing icons ─────────────────────────────────────────────── */\n\n.leading,\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Variants ─────────────────────────────────────────────────────────────── */\n\n.default .title {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .leading,\n.default .trailing {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.suggested .title {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.suggested .leading,\n.suggested .trailing {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.destructive .title {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.destructive .leading,\n.destructive .trailing {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row: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"],"mappings":""}

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

@@ -0,0 +1,13 @@
+var e = {
+	row: "_row_1ba2f_3",
+	title: "_title_1ba2f_48",
+	leading: "_leading_1ba2f_59",
+	trailing: "_trailing_1ba2f_60",
+	default: "_default_1ba2f_68",
+	suggested: "_suggested_1ba2f_77",
+	destructive: "_destructive_1ba2f_86"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ButtonRow.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.module.css.js","names":[],"sources":["../../../src/components/ButtonRow/ButtonRow.module.css"],"sourcesContent":["/* ─── Base row ─────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: 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  /* Reset button */\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: center;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row: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.row:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\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-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  flex: 1;\n  text-align: center;\n}\n\n/* ─── Leading / trailing icons ─────────────────────────────────────────────── */\n\n.leading,\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Variants ─────────────────────────────────────────────────────────────── */\n\n.default .title {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .leading,\n.default .trailing {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.suggested .title {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.suggested .leading,\n.suggested .trailing {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.destructive .title {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.destructive .leading,\n.destructive .trailing {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row: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"],"mappings":""}

package/dist/components/ButtonRow.cjs

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

package/dist/components/ButtonRow.d.ts

@@ -0,0 +1,2 @@
+export * from './ButtonRow/index'
+export {}

package/dist/components/ButtonRow.js

@@ -0,0 +1,2 @@
+import { ButtonRow as e } from "./ButtonRow/ButtonRow.js";
+export { e as ButtonRow };

package/dist/components/Card/Card.cjs

@@ -0,0 +1,2 @@
+const e=require(`./Card.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({interactive:n=!1,padding:r=`md`,as:i,className:a,children:o,...s}){return(0,t.jsx)(i??(n?`button`:`div`),{className:[e.default.card,e.default[`padding-${r}`],n?e.default.interactive:null,a].filter(Boolean).join(` `),...s,children:o})}exports.Card=n;
+//# sourceMappingURL=Card.cjs.map

package/dist/components/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":[],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Card.module.css\";\n\nexport type CardPadding = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface CardProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * When true the card becomes clickable (Adwaita `.activatable`).\n   * Renders as `<button>` by default; override with `as`.\n   */\n  interactive?: boolean;\n  /** Internal spacing. Defaults to `\"md\"`. */\n  padding?: CardPadding;\n  /** Override the rendered HTML element. */\n  as?: ElementType;\n  children?: ReactNode;\n}\n\n/**\n * Card component following the GNOME HIG and Adwaita `.card` style class.\n *\n * Use for grouping related content on an elevated surface.\n * For clickable cards (e.g. grid item, settings shortcut) set `interactive`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html\n * @see https://developer.gnome.org/hig/patterns/containers.html\n */\nexport function Card({\n  interactive = false,\n  padding = \"md\",\n  as,\n  className,\n  children,\n  ...props\n}: CardProps) {\n  const Tag: ElementType = as ?? (interactive ? \"button\" : \"div\");\n\n  const classes = [\n    styles.card,\n    styles[`padding-${padding}`],\n    interactive ? styles.interactive : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n}\n"],"mappings":"4EA2BA,SAAgB,EAAK,CACnB,cAAc,GACd,UAAU,KACV,KACA,YACA,WACA,GAAG,GACS,CAYZ,OACE,EAAA,EAAA,KAZuB,IAAO,EAAc,SAAW,OAYvD,CAAK,UAVS,CACd,EAAA,QAAO,KACP,EAAA,QAAO,WAAW,KAClB,EAAc,EAAA,QAAO,YAAc,KACnC,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CAGe,GAAI,EAC1B,WACG,CAAA"}