@gnome-ui/react 1.45.0 → 1.45.2

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

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

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

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

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

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

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

@@ -1,20 +1,19 @@
-//#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"
+var e = {
+	banner: "_banner_1w4m1_3",
+	message: "_message_1w4m1_17",
+	actions: "_actions_1w4m1_24",
+	actionBtn: "_actionBtn_1w4m1_33",
+	dismissBtn: "_dismissBtn_1w4m1_55",
+	info: "_info_1w4m1_89",
+	"actionBtn-info": "_actionBtn-info_1w4m1_94",
+	warning: "_warning_1w4m1_103",
+	"actionBtn-warning": "_actionBtn-warning_1w4m1_108",
+	error: "_error_1w4m1_117",
+	"actionBtn-error": "_actionBtn-error_1w4m1_122",
+	success: "_success_1w4m1_131",
+	"actionBtn-success": "_actionBtn-success_1w4m1_136"
 };
 //#endregion
-export { l as default };
+export { e as default };
 
 //# sourceMappingURL=Banner.module.css.js.map

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

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

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

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

package/dist/components/Banner.cjs

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

package/dist/components/Bin/Bin.cjs

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

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

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

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

@@ -15,4 +15,4 @@ export interface BinProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Bin.html
  */
-export declare function Bin({ children, ...props }: BinProps): import("react/jsx-runtime").JSX.Element;
+export declare const Bin: ({ children, ...props }: BinProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Bin/Bin.js

@@ -1,11 +1,9 @@
 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
-	});
-}
+var t = ({ children: t, ...n }) => /* @__PURE__ */ e("div", {
+	...n,
+	children: t
+});
 //#endregion
 export { t as Bin };
 

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

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

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

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

package/dist/components/Bin.cjs

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

package/dist/components/Blockquote/Blockquote.cjs

@@ -1,2 +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;
+const e=require("./Blockquote.module.css.cjs");let t=require("react/jsx-runtime");var n=({variant:n=`default`,icon:r,cite:i,children:a,className:o,...s})=>(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

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

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type BlockquoteVariant = "default" | "info" | "warning" | "error" | "success";
+export type BlockquoteVariant = 'default' | 'info' | 'warning' | 'error' | 'success';
 export interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {
     /**
      * Visual emphasis style.
@@ -38,4 +38,4 @@ export interface BlockquoteProps extends HTMLAttributes<HTMLQuoteElement> {
  * </Blockquote>
  * ```
  */
-export declare function Blockquote({ variant, icon, cite, children, className, ...props }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;
+export declare const Blockquote: ({ variant, icon, cite, children, className, ...props }: BlockquoteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Blockquote/Blockquote.js

@@ -1,33 +1,31 @@
 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
-			})
+var r = ({ variant: r = "default", icon: i, cite: a, children: o, className: s, ...c }) => /* @__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 };
 

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Blockquote.cjs

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

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -1,2 +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;
+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"])`,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

@@ -1 +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"}
+{"version":3,"file":"BottomSheet.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\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 const 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\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\n        return;\n      }\n\n      if (e.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = Array.from(\n        sheetRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [],\n      );\n\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === first) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (document.activeElement === last) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    },\n    [onClose],\n  );\n\n  if (!open) {\n    return null;\n  }\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}>\n            {title}\n          </div>\n        )}\n\n        {/* Content */}\n        {children && <div className={styles.content}>{children}</div>}\n      </div>\n    </div>\n  );\n\n  if (typeof document === 'undefined') {\n    return node;\n  }\n\n  return createPortal(node, document.body);\n};\n"],"mappings":"6HAcA,IAAM,EACJ,2IA4BW,GAAe,CAC1B,OACA,QACA,WACA,UACA,kBAAkB,GAClB,YACA,GAAG,KACmB,CACtB,IAAM,GAAA,EAAA,EAAA,QAAkC,IAAI,EACtC,GAAA,EAAA,EAAA,OAAgB,EAChB,GAAA,EAAA,EAAA,QAA2C,IAAI,GAGrD,EAAA,EAAA,eAAgB,CACV,GACF,EAAkB,QAAU,SAAS,eAC1B,EAAS,SAAS,cAA2B,CAAS,IAE7D,MAAM,GAEV,EAAmB,SAAgC,MAAM,CAE7D,EAAG,CAAC,CAAI,CAAC,EAGT,IAAM,GAAA,EAAA,EAAA,aACH,GAAqC,CACpC,GAAI,EAAE,MAAQ,SAAU,CACtB,EAAE,eAAe,EACjB,IAAU,EAEV,MACF,CAEA,GAAI,EAAE,MAAQ,MACZ,OAGF,IAAM,EAAY,MAAM,KACtB,EAAS,SAAS,iBAA8B,CAAS,GAAK,CAAC,CACjE,EAEA,GAAI,EAAU,SAAW,EACvB,OAGF,IAAM,EAAQ,EAAU,GAClB,EAAO,EAAU,EAAU,OAAS,GAEtC,EAAE,SACA,SAAS,gBAAkB,IAC7B,EAAE,eAAe,EACjB,EAAK,MAAM,GAGT,SAAS,gBAAkB,IAC7B,EAAE,eAAe,EACjB,EAAM,MAAM,EAGlB,EACA,CAAC,CAAO,CACV,EAEA,GAAI,CAAC,EACH,OAAO,KAGT,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,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,UAAW,EACX,QAAU,GAAM,EAAE,gBAAgB,EAClC,GAAI,WARN,EAWE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,OAAQ,cAAY,iBACzC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,SAAY,CAAA,CAChC,CAAA,EAGJ,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAS,UAAW,EAAA,QAAO,eACjC,CACE,CAAA,EAIN,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,UAAc,CAAA,CACzD,GACF,CAAA,EAOP,OAJI,OAAO,SAAa,IACf,GAGT,EAAA,EAAA,cAAoB,EAAM,SAAS,IAAI,CACzC"}

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+export interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Whether the sheet is visible. */
     open: boolean;
     /**
@@ -24,4 +24,4 @@ export interface BottomSheetProps extends Omit<HTMLAttributes<HTMLDivElement>, "
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.BottomSheet.html
  */
-export declare function BottomSheet({ open, title, children, onClose, closeOnBackdrop, className, ...props }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const BottomSheet: ({ open, title, children, onClose, closeOnBackdrop, className, ...props }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/BottomSheet/BottomSheet.js

@@ -3,8 +3,7 @@ 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 }) {
+var c = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", 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();
@@ -53,7 +52,7 @@ function l({ open: l, title: u, children: d, onClose: f, closeOnBackdrop: p = !0
 		})
 	});
 	return typeof document > "u" ? b : a(b, document.body);
-}
+};
 //#endregion
 export { l as BottomSheet };
 

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

@@ -1 +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"}
+{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\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 const 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\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\n        return;\n      }\n\n      if (e.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = Array.from(\n        sheetRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [],\n      );\n\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === first) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (document.activeElement === last) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    },\n    [onClose],\n  );\n\n  if (!open) {\n    return null;\n  }\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}>\n            {title}\n          </div>\n        )}\n\n        {/* Content */}\n        {children && <div className={styles.content}>{children}</div>}\n      </div>\n    </div>\n  );\n\n  if (typeof document === 'undefined') {\n    return node;\n  }\n\n  return createPortal(node, document.body);\n};\n"],"mappings":";;;;;AAcA,IAAM,IACJ,8IA4BW,KAAe,EAC1B,SACA,UACA,aACA,YACA,qBAAkB,IAClB,cACA,GAAG,QACmB;CACtB,IAAM,IAAW,EAAuB,IAAI,GACtC,IAAU,EAAM,GAChB,IAAoB,EAAuB,IAAI;CAGrD,QAAgB;EACd,AAAI,KACF,EAAkB,UAAU,SAAS,gBAC1B,EAAS,SAAS,cAA2B,CAAS,IAE7D,MAAM,KAEV,EAAmB,SAAgC,MAAM;CAE7D,GAAG,CAAC,CAAI,CAAC;CAGT,IAAM,IAAgB,GACnB,MAAqC;EACpC,IAAI,EAAE,QAAQ,UAAU;GAEtB,AADA,EAAE,eAAe,GACjB,IAAU;GAEV;EACF;EAEA,IAAI,EAAE,QAAQ,OACZ;EAGF,IAAM,IAAY,MAAM,KACtB,EAAS,SAAS,iBAA8B,CAAS,KAAK,CAAC,CACjE;EAEA,IAAI,EAAU,WAAW,GACvB;EAGF,IAAM,IAAQ,EAAU,IAClB,IAAO,EAAU,EAAU,SAAS;EAE1C,AAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAK,MAAM,KAGT,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAM,MAAM;CAGlB,GACA,CAAC,CAAO,CACV;CAEA,IAAI,CAAC,GACH,OAAO;CAGT,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,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;GAC7D,WAAW;GACX,UAAU,MAAM,EAAE,gBAAgB;GAClC,GAAI;aARN;IAWE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAQ,eAAY;eACzC,kBAAC,OAAD,EAAK,WAAW,EAAO,UAAY,CAAA;IAChC,CAAA;IAGJ,KACC,kBAAC,OAAD;KAAK,IAAI;KAAS,WAAW,EAAO;eACjC;IACE,CAAA;IAIN,KAAY,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAU;IAAc,CAAA;GACzD;;CACF,CAAA;CAOP,OAJI,OAAO,WAAa,MACf,IAGF,EAAa,GAAM,SAAS,IAAI;AACzC"}

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

@@ -1,2 +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;
+var e={backdrop:`_backdrop_1a57s_3`,"backdrop-in":`_backdrop-in_1a57s_1`,sheet:`_sheet_1a57s_30`,"sheet-in":`_sheet-in_1a57s_1`,handle:`_handle_1a57s_57`,handleBar:`_handleBar_1a57s_64`,title:`_title_1a57s_74`,content:`_content_1a57s_87`};exports.default=e;
 //# sourceMappingURL=BottomSheet.module.css.cjs.map

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

@@ -1 +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":""}
+{"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 {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\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 {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\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

@@ -1,15 +1,14 @@
-//#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
+var e = {
+	backdrop: "_backdrop_1a57s_3",
+	"backdrop-in": "_backdrop-in_1a57s_1",
+	sheet: "_sheet_1a57s_30",
+	"sheet-in": "_sheet-in_1a57s_1",
+	handle: "_handle_1a57s_57",
+	handleBar: "_handleBar_1a57s_64",
+	title: "_title_1a57s_74",
+	content: "_content_1a57s_87"
 };
 //#endregion
-export { o as default };
+export { e as default };
 
 //# sourceMappingURL=BottomSheet.module.css.js.map