@gnome-ui/react 1.36.2 → 1.36.3

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

@@ -0,0 +1,22 @@
+var e = {
+	avatar: "_avatar_1f2cd_3",
+	sm: "_sm_1f2cd_17",
+	md: "_md_1f2cd_22",
+	lg: "_lg_1f2cd_27",
+	xl: "_xl_1f2cd_32",
+	image: "_image_1f2cd_39",
+	initials: "_initials_1f2cd_48",
+	"color-blue": "_color-blue_1f2cd_64",
+	"color-green": "_color-green_1f2cd_65",
+	"color-yellow": "_color-yellow_1f2cd_66",
+	"color-orange": "_color-orange_1f2cd_72",
+	"color-red": "_color-red_1f2cd_73",
+	"color-purple": "_color-purple_1f2cd_74",
+	"color-brown": "_color-brown_1f2cd_75",
+	"color-teal": "_color-teal_1f2cd_76",
+	"color-slate": "_color-slate_1f2cd_77"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Avatar.module.css.js.map

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

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

package/dist/components/Avatar.cjs

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

package/dist/components/Avatar.d.ts

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

package/dist/components/Avatar.js

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

package/dist/components/Badge/Badge.cjs

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

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

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

package/dist/components/Badge/Badge.js

@@ -0,0 +1,24 @@
+import e from "./Badge.module.css.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Badge/Badge.tsx
+function r({ variant: r = "accent", dot: i = !1, children: a, anchor: o, className: s, ...c }) {
+	let l = /* @__PURE__ */ t("span", {
+		className: [
+			e.badge,
+			e[r],
+			i ? e.dot : null,
+			o ? e.anchored : null,
+			s
+		].filter(Boolean).join(" "),
+		...c,
+		children: !i && a
+	});
+	return o ? /* @__PURE__ */ n("span", {
+		className: e.wrapper,
+		children: [o, l]
+	}) : l;
+}
+//#endregion
+export { r as Badge };
+
+//# sourceMappingURL=Badge.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+var e = {
+	wrapper: "_wrapper_1apop_3",
+	badge: "_badge_1apop_11",
+	anchored: "_anchored_1apop_32",
+	dot: "_dot_1apop_41",
+	accent: "_accent_1apop_56",
+	success: "_success_1apop_61",
+	warning: "_warning_1apop_66",
+	error: "_error_1apop_71",
+	neutral: "_neutral_1apop_76"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Badge.module.css.js.map

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

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

package/dist/components/Badge.cjs

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

package/dist/components/Badge.d.ts

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

package/dist/components/Badge.js

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

package/dist/components/Banner/Banner.cjs

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

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

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

package/dist/components/Banner/Banner.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+//#region src/components/Banner/Banner.module.css
+var e = "_banner_1x3b0_3", t = "_message_1x3b0_17", n = "_actions_1x3b0_24", r = "_actionBtn_1x3b0_33", i = "_dismissBtn_1x3b0_55", a = "_info_1x3b0_85", o = "_warning_1x3b0_99", s = "_error_1x3b0_113", c = "_success_1x3b0_127", l = {
+	banner: e,
+	message: t,
+	actions: n,
+	actionBtn: r,
+	dismissBtn: i,
+	info: a,
+	"actionBtn-info": "_actionBtn-info_1x3b0_90",
+	warning: o,
+	"actionBtn-warning": "_actionBtn-warning_1x3b0_104",
+	error: s,
+	"actionBtn-error": "_actionBtn-error_1x3b0_118",
+	success: c,
+	"actionBtn-success": "_actionBtn-success_1x3b0_132"
+};
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=Banner.module.css.js.map

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

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

package/dist/components/Banner.cjs

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

package/dist/components/Banner.d.ts

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

package/dist/components/Banner.js

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

package/dist/components/Bin/Bin.cjs

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

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

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

package/dist/components/Bin/Bin.js

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

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

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

package/dist/components/Bin.cjs

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

package/dist/components/Bin.d.ts

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

package/dist/components/Bin.js

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

package/dist/components/Blockquote/Blockquote.cjs

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

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

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

package/dist/components/Blockquote/Blockquote.js

@@ -0,0 +1,34 @@
+import e from "./Blockquote.module.css.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Blockquote/Blockquote.tsx
+function r({ variant: r = "default", icon: i, cite: a, children: o, className: s, ...c }) {
+	return /* @__PURE__ */ n("blockquote", {
+		className: [
+			e.blockquote,
+			e[r],
+			s
+		].filter(Boolean).join(" "),
+		...c,
+		children: [/* @__PURE__ */ n("div", {
+			className: e.body,
+			children: [i && /* @__PURE__ */ t("span", {
+				className: e.icon,
+				"aria-hidden": "true",
+				children: i
+			}), /* @__PURE__ */ t("p", {
+				className: e.content,
+				children: o
+			})]
+		}), a !== void 0 && /* @__PURE__ */ t("footer", {
+			className: e.footer,
+			children: /* @__PURE__ */ t("cite", {
+				className: e.cite,
+				children: a
+			})
+		})]
+	});
+}
+//#endregion
+export { r as Blockquote };
+
+//# sourceMappingURL=Blockquote.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.js","names":[],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Blockquote.module.css\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type BlockquoteVariant = \"default\" | \"info\" | \"warning\" | \"error\" | \"success\";\n\nexport interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {\n  /**\n   * Visual emphasis style.\n   * - `\"default\"` — neutral left border; use for general quotations.\n   * - `\"info\"`    — accent blue; use for tips and noteworthy passages.\n   * - `\"warning\"` — yellow; use for cautionary content.\n   * - `\"error\"`   — red; use for critical or deprecated content.\n   * - `\"success\"` — green; use for positive or approved content.\n   */\n  variant?: BlockquoteVariant;\n  /**\n   * Optional icon displayed to the left of the quoted text.\n   * Typically a 16 px `<Icon>` component.\n   */\n  icon?: ReactNode;\n  /**\n   * Attribution rendered below the quote — author name, source title, etc.\n   * Rendered inside a `<footer><cite>` for semantic correctness.\n   */\n  cite?: ReactNode;\n  /** The quoted content. */\n  children: ReactNode;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Styled pull-quote with semantic `<blockquote>` markup.\n *\n * Supports five visual variants and optional icon + attribution.\n *\n * ```tsx\n * <Blockquote variant=\"info\" cite=\"Ada Lovelace, 1842\">\n *   The Analytical Engine has no pretensions to originate anything.\n * </Blockquote>\n *\n * <Blockquote variant=\"warning\" icon={<Icon icon={Warning} size={16} />}>\n *   This API is deprecated and will be removed in v3.\n * </Blockquote>\n * ```\n */\nexport function Blockquote({\n  variant = \"default\",\n  icon,\n  cite,\n  children,\n  className,\n  ...props\n}: BlockquoteProps) {\n  return (\n    <blockquote\n      className={[styles.blockquote, styles[variant], className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      <div className={styles.body}>\n        {icon && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        <p className={styles.content}>{children}</p>\n      </div>\n\n      {cite !== undefined && (\n        <footer className={styles.footer}>\n          <cite className={styles.cite}>{cite}</cite>\n        </footer>\n      )}\n    </blockquote>\n  );\n}\n"],"mappings":";;;AAgDA,SAAgB,EAAW,EACzB,aAAU,WACV,SACA,SACA,aACA,cACA,GAAG,KACe;AAClB,QACE,kBAAC,cAAD;EACE,WAAW;GAAC,EAAO;GAAY,EAAO;GAAU;GAAU,CACvD,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN,CAME,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,KACC,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAM,eAAY;cACvC;IACI,CAAA,EAET,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAU;IAAa,CAAA,CACxC;MAEL,MAAS,KAAA,KACR,kBAAC,UAAD;GAAQ,WAAW,EAAO;aACxB,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;IAAY,CAAA;GACpC,CAAA,CAEA"}

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

@@ -0,0 +1,2 @@
+var e={blockquote:`_blockquote_j7x50_3`,body:`_body_j7x50_15`,icon:`_icon_j7x50_21`,content:`_content_j7x50_28`,footer:`_footer_j7x50_36`,cite:`_cite_j7x50_42`,default:`_default_j7x50_48`,info:`_info_j7x50_52`,warning:`_warning_j7x50_61`,error:`_error_j7x50_70`,success:`_success_j7x50_79`};exports.default=e;
+//# sourceMappingURL=Blockquote.module.css.cjs.map

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

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

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

@@ -0,0 +1,17 @@
+var e = {
+	blockquote: "_blockquote_j7x50_3",
+	body: "_body_j7x50_15",
+	icon: "_icon_j7x50_21",
+	content: "_content_j7x50_28",
+	footer: "_footer_j7x50_36",
+	cite: "_cite_j7x50_42",
+	default: "_default_j7x50_48",
+	info: "_info_j7x50_52",
+	warning: "_warning_j7x50_61",
+	error: "_error_j7x50_70",
+	success: "_success_j7x50_79"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Blockquote.module.css.js.map

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

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

package/dist/components/Blockquote.cjs

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

package/dist/components/Blockquote.d.ts

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

package/dist/components/Blockquote.js

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

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,2 @@
+const e=require(`./BottomSheet.module.css.cjs`);let t=require(`react`),n=require(`react-dom`),r=require(`react/jsx-runtime`);var i=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`;function a({open:a,title:o,children:s,onClose:c,closeOnBackdrop:l=!0,className:u,...d}){let f=(0,t.useRef)(null),p=(0,t.useId)(),m=(0,t.useRef)(null);(0,t.useEffect)(()=>{a?(m.current=document.activeElement,(f.current?.querySelector(i))?.focus()):m.current?.focus()},[a]);let h=(0,t.useCallback)(e=>{if(e.key===`Escape`){e.preventDefault(),c?.();return}if(e.key!==`Tab`)return;let t=Array.from(f.current?.querySelectorAll(i)??[]);if(t.length===0)return;let n=t[0],r=t[t.length-1];e.shiftKey?document.activeElement===n&&(e.preventDefault(),r.focus()):document.activeElement===r&&(e.preventDefault(),n.focus())},[c]);if(!a)return null;let g=(0,r.jsx)(`div`,{className:e.default.backdrop,onClick:l?c:void 0,"aria-hidden":`true`,children:(0,r.jsxs)(`div`,{ref:f,role:`dialog`,"aria-modal":`true`,"aria-labelledby":o?p:void 0,className:[e.default.sheet,u].filter(Boolean).join(` `),onKeyDown:h,onClick:e=>e.stopPropagation(),...d,children:[(0,r.jsx)(`div`,{className:e.default.handle,"aria-hidden":`true`,children:(0,r.jsx)(`div`,{className:e.default.handleBar})}),o&&(0,r.jsx)(`div`,{id:p,className:e.default.title,children:o}),s&&(0,r.jsx)(`div`,{className:e.default.content,children:s})]})});return typeof document>`u`?g:(0,n.createPortal)(g,document.body)}exports.BottomSheet=a;
+//# sourceMappingURL=BottomSheet.cjs.map

package/dist/components/BottomSheet/BottomSheet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useCallback,\n  useId,\n  type KeyboardEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styles from \"./BottomSheet.module.css\";\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Whether the sheet is visible. */\n  open: boolean;\n  /**\n   * Optional heading shown in the drag handle area.\n   */\n  title?: ReactNode;\n  children?: ReactNode;\n  /** Called when the user dismisses the sheet (Escape or backdrop click). */\n  onClose?: () => void;\n  /**\n   * Whether clicking the backdrop closes the sheet.\n   * Defaults to `true`.\n   */\n  closeOnBackdrop?: boolean;\n}\n\n/**\n * Slide-up panel that overlays content from the bottom edge.\n *\n * Mirrors `AdwBottomSheet` (libadwaita 1.6+). Renders into a portal on\n * `document.body`. Traps focus, closes on Escape or backdrop click.\n * The handle bar is decorative — drag-to-close is not implemented.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.BottomSheet.html\n */\nexport function BottomSheet({\n  open,\n  title,\n  children,\n  onClose,\n  closeOnBackdrop = true,\n  className,\n  ...props\n}: BottomSheetProps) {\n  const sheetRef = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n  const previouslyFocused = useRef<Element | null>(null);\n\n  // Save / restore focus\n  useEffect(() => {\n    if (open) {\n      previouslyFocused.current = document.activeElement;\n      const el = sheetRef.current?.querySelector<HTMLElement>(FOCUSABLE);\n      el?.focus();\n    } else {\n      (previouslyFocused.current as HTMLElement | null)?.focus();\n    }\n  }, [open]);\n\n  // Focus trap + Escape\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        onClose?.();\n        return;\n      }\n      if (e.key !== \"Tab\") return;\n      const focusable = Array.from(\n        sheetRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (e.shiftKey) {\n        if (document.activeElement === first) { e.preventDefault(); last.focus(); }\n      } else {\n        if (document.activeElement === last) { e.preventDefault(); first.focus(); }\n      }\n    },\n    [onClose]\n  );\n\n  if (!open) return null;\n\n  const node = (\n    <div\n      className={styles.backdrop}\n      onClick={closeOnBackdrop ? onClose : undefined}\n      aria-hidden=\"true\"\n    >\n      <div\n        ref={sheetRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={[styles.sheet, className].filter(Boolean).join(\" \")}\n        onKeyDown={handleKeyDown}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {/* Handle bar */}\n        <div className={styles.handle} aria-hidden=\"true\">\n          <div className={styles.handleBar} />\n        </div>\n\n        {/* Optional title */}\n        {title && (\n          <div id={titleId} className={styles.title}>{title}</div>\n        )}\n\n        {/* Content */}\n        {children && (\n          <div className={styles.content}>{children}</div>\n        )}\n      </div>\n    </div>\n  );\n\n  if (typeof document === \"undefined\") return node;\n  return createPortal(node, document.body);\n}\n"],"mappings":"6HAYA,IAAM,EACJ,2IA4BF,SAAgB,EAAY,CAC1B,OACA,QACA,WACA,UACA,kBAAkB,GAClB,YACA,GAAG,GACgB,CACnB,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CACvC,GAAA,EAAA,EAAA,QAAiB,CACjB,GAAA,EAAA,EAAA,QAA2C,KAAK,EAGtD,EAAA,EAAA,eAAgB,CACV,GACF,EAAkB,QAAU,SAAS,eAC1B,EAAS,SAAS,cAA2B,EAAU,GAC9D,OAAO,EAEV,EAAkB,SAAgC,OAAO,EAE3D,CAAC,EAAK,CAAC,CAGV,IAAM,GAAA,EAAA,EAAA,aACH,GAAqC,CACpC,GAAI,EAAE,MAAQ,SAAU,CACtB,EAAE,gBAAgB,CAClB,KAAW,CACX,OAEF,GAAI,EAAE,MAAQ,MAAO,OACrB,IAAM,EAAY,MAAM,KACtB,EAAS,SAAS,iBAA8B,EAAU,EAAI,EAAE,CACjE,CACD,GAAI,EAAU,SAAW,EAAG,OAC5B,IAAM,EAAQ,EAAU,GAClB,EAAO,EAAU,EAAU,OAAS,GACtC,EAAE,SACA,SAAS,gBAAkB,IAAS,EAAE,gBAAgB,CAAE,EAAK,OAAO,EAEpE,SAAS,gBAAkB,IAAQ,EAAE,gBAAgB,CAAE,EAAM,OAAO,GAG5E,CAAC,EAAQ,CACV,CAED,GAAI,CAAC,EAAM,OAAO,KAElB,IAAM,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,QAAO,SAClB,QAAS,EAAkB,EAAU,IAAA,GACrC,cAAY,iBAEZ,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAQ,EAAU,IAAA,GACnC,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9D,UAAW,EACX,QAAU,GAAM,EAAE,iBAAiB,CACnC,GAAI,WARN,EAWE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAQ,cAAY,iBACzC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,UAAa,CAAA,CAChC,CAAA,CAGL,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAS,UAAW,EAAA,QAAO,eAAQ,EAAY,CAAA,CAIzD,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CAE9C,GACF,CAAA,CAIR,OADI,OAAO,SAAa,IAAoB,GAC5C,EAAA,EAAA,cAAoB,EAAM,SAAS,KAAK"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,60 @@
+import e from "./BottomSheet.module.css.js";
+import { useCallback as t, useEffect as n, useId as r, useRef as i } from "react";
+import { createPortal as a } from "react-dom";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/BottomSheet/BottomSheet.tsx
+var c = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function l({ open: l, title: u, children: d, onClose: f, closeOnBackdrop: p = !0, className: m, ...h }) {
+	let g = i(null), _ = r(), v = i(null);
+	n(() => {
+		l ? (v.current = document.activeElement, (g.current?.querySelector(c))?.focus()) : v.current?.focus();
+	}, [l]);
+	let y = t((e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), f?.();
+			return;
+		}
+		if (e.key !== "Tab") return;
+		let t = Array.from(g.current?.querySelectorAll(c) ?? []);
+		if (t.length === 0) return;
+		let n = t[0], r = t[t.length - 1];
+		e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
+	}, [f]);
+	if (!l) return null;
+	let b = /* @__PURE__ */ o("div", {
+		className: e.backdrop,
+		onClick: p ? f : void 0,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ s("div", {
+			ref: g,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": u ? _ : void 0,
+			className: [e.sheet, m].filter(Boolean).join(" "),
+			onKeyDown: y,
+			onClick: (e) => e.stopPropagation(),
+			...h,
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: e.handle,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ o("div", { className: e.handleBar })
+				}),
+				u && /* @__PURE__ */ o("div", {
+					id: _,
+					className: e.title,
+					children: u
+				}),
+				d && /* @__PURE__ */ o("div", {
+					className: e.content,
+					children: d
+				})
+			]
+		})
+	});
+	return typeof document > "u" ? b : a(b, document.body);
+}
+//#endregion
+export { l as BottomSheet };
+
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useCallback,\n  useId,\n  type KeyboardEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styles from \"./BottomSheet.module.css\";\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Whether the sheet is visible. */\n  open: boolean;\n  /**\n   * Optional heading shown in the drag handle area.\n   */\n  title?: ReactNode;\n  children?: ReactNode;\n  /** Called when the user dismisses the sheet (Escape or backdrop click). */\n  onClose?: () => void;\n  /**\n   * Whether clicking the backdrop closes the sheet.\n   * Defaults to `true`.\n   */\n  closeOnBackdrop?: boolean;\n}\n\n/**\n * Slide-up panel that overlays content from the bottom edge.\n *\n * Mirrors `AdwBottomSheet` (libadwaita 1.6+). Renders into a portal on\n * `document.body`. Traps focus, closes on Escape or backdrop click.\n * The handle bar is decorative — drag-to-close is not implemented.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.BottomSheet.html\n */\nexport function BottomSheet({\n  open,\n  title,\n  children,\n  onClose,\n  closeOnBackdrop = true,\n  className,\n  ...props\n}: BottomSheetProps) {\n  const sheetRef = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n  const previouslyFocused = useRef<Element | null>(null);\n\n  // Save / restore focus\n  useEffect(() => {\n    if (open) {\n      previouslyFocused.current = document.activeElement;\n      const el = sheetRef.current?.querySelector<HTMLElement>(FOCUSABLE);\n      el?.focus();\n    } else {\n      (previouslyFocused.current as HTMLElement | null)?.focus();\n    }\n  }, [open]);\n\n  // Focus trap + Escape\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        onClose?.();\n        return;\n      }\n      if (e.key !== \"Tab\") return;\n      const focusable = Array.from(\n        sheetRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (e.shiftKey) {\n        if (document.activeElement === first) { e.preventDefault(); last.focus(); }\n      } else {\n        if (document.activeElement === last) { e.preventDefault(); first.focus(); }\n      }\n    },\n    [onClose]\n  );\n\n  if (!open) return null;\n\n  const node = (\n    <div\n      className={styles.backdrop}\n      onClick={closeOnBackdrop ? onClose : undefined}\n      aria-hidden=\"true\"\n    >\n      <div\n        ref={sheetRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={[styles.sheet, className].filter(Boolean).join(\" \")}\n        onKeyDown={handleKeyDown}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {/* Handle bar */}\n        <div className={styles.handle} aria-hidden=\"true\">\n          <div className={styles.handleBar} />\n        </div>\n\n        {/* Optional title */}\n        {title && (\n          <div id={titleId} className={styles.title}>{title}</div>\n        )}\n\n        {/* Content */}\n        {children && (\n          <div className={styles.content}>{children}</div>\n        )}\n      </div>\n    </div>\n  );\n\n  if (typeof document === \"undefined\") return node;\n  return createPortal(node, document.body);\n}\n"],"mappings":";;;;;AAYA,IAAM,IACJ;AA4BF,SAAgB,EAAY,EAC1B,SACA,UACA,aACA,YACA,qBAAkB,IAClB,cACA,GAAG,KACgB;CACnB,IAAM,IAAW,EAAuB,KAAK,EACvC,IAAU,GAAO,EACjB,IAAoB,EAAuB,KAAK;AAGtD,SAAgB;AACd,EAAI,KACF,EAAkB,UAAU,SAAS,gBAC1B,EAAS,SAAS,cAA2B,EAAU,GAC9D,OAAO,IAEV,EAAkB,SAAgC,OAAO;IAE3D,CAAC,EAAK,CAAC;CAGV,IAAM,IAAgB,GACnB,MAAqC;AACpC,MAAI,EAAE,QAAQ,UAAU;AAEtB,GADA,EAAE,gBAAgB,EAClB,KAAW;AACX;;AAEF,MAAI,EAAE,QAAQ,MAAO;EACrB,IAAM,IAAY,MAAM,KACtB,EAAS,SAAS,iBAA8B,EAAU,IAAI,EAAE,CACjE;AACD,MAAI,EAAU,WAAW,EAAG;EAC5B,IAAM,IAAQ,EAAU,IAClB,IAAO,EAAU,EAAU,SAAS;AAC1C,EAAI,EAAE,WACA,SAAS,kBAAkB,MAAS,EAAE,gBAAgB,EAAE,EAAK,OAAO,IAEpE,SAAS,kBAAkB,MAAQ,EAAE,gBAAgB,EAAE,EAAM,OAAO;IAG5E,CAAC,EAAQ,CACV;AAED,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IACJ,kBAAC,OAAD;EACE,WAAW,EAAO;EAClB,SAAS,IAAkB,IAAU,KAAA;EACrC,eAAY;YAEZ,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB,IAAQ,IAAU,KAAA;GACnC,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;GAC9D,WAAW;GACX,UAAU,MAAM,EAAE,iBAAiB;GACnC,GAAI;aARN;IAWE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAQ,eAAY;eACzC,kBAAC,OAAD,EAAK,WAAW,EAAO,WAAa,CAAA;KAChC,CAAA;IAGL,KACC,kBAAC,OAAD;KAAK,IAAI;KAAS,WAAW,EAAO;eAAQ;KAAY,CAAA;IAIzD,KACC,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAU;KAAe,CAAA;IAE9C;;EACF,CAAA;AAIR,QADI,OAAO,WAAa,MAAoB,IACrC,EAAa,GAAM,SAAS,KAAK"}

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

@@ -0,0 +1,2 @@
+var e=`_backdrop_zzv98_3`,t=`_sheet_zzv98_26`,n=`_handle_zzv98_49`,r=`_handleBar_zzv98_56`,i=`_title_zzv98_66`,a=`_content_zzv98_79`,o={backdrop:e,"backdrop-in":`_backdrop-in_zzv98_1`,sheet:t,"sheet-in":`_sheet-in_zzv98_1`,handle:n,handleBar:r,title:i,content:a};exports.default=o;
+//# sourceMappingURL=BottomSheet.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.module.css.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n/* ─── Sheet ─────────────────────────────────────────────────────────────────── */\n\n.sheet {\n  width: min(560px, 100vw);\n  max-height: 90dvh;\n  overflow-y: auto;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px) var(--gnome-radius-xl, 16px) 0 0;\n  box-shadow:\n    0 -4px 24px rgba(0, 0, 0, 0.18),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n\n  animation: sheet-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes sheet-in {\n  from { transform: translateY(100%); }\n  to   { transform: translateY(0); }\n}\n\n/* ─── Handle bar ────────────────────────────────────────────────────────────── */\n\n.handle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gnome-space-2, 12px) 0 var(--gnome-space-1, 6px);\n}\n\n.handleBar {\n  width: 36px;\n  height: 4px;\n  border-radius: 2px;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n.title {\n  padding: 0 var(--gnome-space-4, 24px) var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: center;\n}\n\n/* ─── Content ───────────────────────────────────────────────────────────────── */\n\n.content {\n  padding: 0 var(--gnome-space-4, 24px) var(--gnome-space-4, 24px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\n  .sheet {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 -4px 24px rgba(0, 0, 0, 0.45),\n      0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .sheet {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,15 @@
+//#region src/components/BottomSheet/BottomSheet.module.css
+var e = "_backdrop_zzv98_3", t = "_sheet_zzv98_26", n = "_handle_zzv98_49", r = "_handleBar_zzv98_56", i = "_title_zzv98_66", a = "_content_zzv98_79", o = {
+	backdrop: e,
+	"backdrop-in": "_backdrop-in_zzv98_1",
+	sheet: t,
+	"sheet-in": "_sheet-in_zzv98_1",
+	handle: n,
+	handleBar: r,
+	title: i,
+	content: a
+};
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=BottomSheet.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.module.css.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n/* ─── Sheet ─────────────────────────────────────────────────────────────────── */\n\n.sheet {\n  width: min(560px, 100vw);\n  max-height: 90dvh;\n  overflow-y: auto;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px) var(--gnome-radius-xl, 16px) 0 0;\n  box-shadow:\n    0 -4px 24px rgba(0, 0, 0, 0.18),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n\n  animation: sheet-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes sheet-in {\n  from { transform: translateY(100%); }\n  to   { transform: translateY(0); }\n}\n\n/* ─── Handle bar ────────────────────────────────────────────────────────────── */\n\n.handle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gnome-space-2, 12px) 0 var(--gnome-space-1, 6px);\n}\n\n.handleBar {\n  width: 36px;\n  height: 4px;\n  border-radius: 2px;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n.title {\n  padding: 0 var(--gnome-space-4, 24px) var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: center;\n}\n\n/* ─── Content ───────────────────────────────────────────────────────────────── */\n\n.content {\n  padding: 0 var(--gnome-space-4, 24px) var(--gnome-space-4, 24px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\n  .sheet {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 -4px 24px rgba(0, 0, 0, 0.45),\n      0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .sheet {\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/components/BottomSheet.cjs

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

package/dist/components/BottomSheet.d.ts

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

package/dist/components/BottomSheet.js

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