@gnome-ui/react 1.45.1 → 1.45.2

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

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

package/dist/components/Badge/Badge.d.ts

@@ -28,4 +28,4 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
  *
  * @see https://developer.gnome.org/hig/patterns/feedback/badges.html
  */
-export declare function Badge({ variant, dot, children, anchor, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ variant, dot, children, anchor, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.js

@@ -1,7 +1,7 @@
 import e from "./Badge.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Badge/Badge.tsx
-function r({ variant: r = "accent", dot: i = !1, children: a, anchor: o, className: s, ...c }) {
+var r = ({ variant: r = "accent", dot: i = !1, children: a, anchor: o, className: s, ...c }) => {
 	let l = /* @__PURE__ */ t("span", {
 		className: [
 			e.badge,
@@ -17,7 +17,7 @@ function r({ variant: r = "accent", dot: i = !1, children: a, anchor: o, classNa
 		className: e.wrapper,
 		children: [o, l]
 	}) : l;
-}
+};
 //#endregion
 export { r as Badge };
 

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

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

package/dist/components/Badge.cjs

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

package/dist/components/Banner/Banner.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","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 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].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":"8EA0CA,SAAgB,EAAO,CACrB,UAAU,OACV,WACA,cACA,WACA,cAAc,GACd,YACA,YACA,GAAG,GACW,CACd,OACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,SACL,YAAU,SACV,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAChF,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAU,WAAgB,CAAA,EAEhD,GAAe,KACf,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACG,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,UAAW,EAAA,QAAO,aAAa,KAAW,CAC1D,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,QAAS,WAER,EACM,CAAA,CAEV,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAA,QAAO,WAClB,QAAS,EACT,aAAW,oBAGX,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,KACN,OAAO,KACP,QAAQ,YACR,cAAY,OACZ,KAAK,yBAEL,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,+LAAiM,CAAA,CACrM,CAAA,CACC,CAAA,CAEN,GAEL"}
+{"version":3,"file":"Banner.cjs","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":"8EA0CA,IAAa,GAAU,CACrB,UAAU,OACV,WACA,cACA,WACA,cAAc,GACd,YACA,YACA,GAAG,MAGD,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,SACL,YAAU,SACV,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/E,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAU,UAAe,CAAA,GAE/C,GAAe,KACf,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACG,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,UAAW,EAAA,QAAO,aAAa,IAAU,EACzD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAS,WAER,CACK,CAAA,EAET,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAA,QAAO,WAClB,QAAS,EACT,aAAW,oBAGX,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,KACN,OAAO,KACP,QAAQ,YACR,cAAY,OACZ,KAAK,yBAEL,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,8LAAgM,CAAA,CACrM,CAAA,CACC,CAAA,CAEN,GAEL"}

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

@@ -35,4 +35,4 @@ export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Banner.html
  * @see https://developer.gnome.org/hig/patterns/feedback/banners.html
  */
-export declare function Banner({ variant, children, actionLabel, onAction, dismissible, onDismiss, className, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ variant, children, actionLabel, onAction, dismissible, onDismiss, className, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/Banner.js

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

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';\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 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].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,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,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAChF,GAAI;YAJN,CAME,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_1w4m1_3`,t=`_message_1w4m1_17`,n=`_actions_1w4m1_24`,r=`_actionBtn_1w4m1_33`,i=`_dismissBtn_1w4m1_55`,a=`_info_1w4m1_89`,o=`_warning_1w4m1_103`,s=`_error_1w4m1_117`,c=`_success_1w4m1_131`,l={banner:e,message:t,actions:n,actionBtn:r,dismissBtn:i,info:a,"actionBtn-info":`_actionBtn-info_1w4m1_94`,warning:o,"actionBtn-warning":`_actionBtn-warning_1w4m1_108`,error:s,"actionBtn-error":`_actionBtn-error_1w4m1_122`,success:c,"actionBtn-success":`_actionBtn-success_1w4m1_136`};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.js

@@ -1,20 +1,19 @@
-//#region src/components/Banner/Banner.module.css
-var e = "_banner_1w4m1_3", t = "_message_1w4m1_17", n = "_actions_1w4m1_24", r = "_actionBtn_1w4m1_33", i = "_dismissBtn_1w4m1_55", a = "_info_1w4m1_89", o = "_warning_1w4m1_103", s = "_error_1w4m1_117", c = "_success_1w4m1_131", l = {
-	banner: e,
-	message: t,
-	actions: n,
-	actionBtn: r,
-	dismissBtn: i,
-	info: a,
+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: o,
+	warning: "_warning_1w4m1_103",
 	"actionBtn-warning": "_actionBtn-warning_1w4m1_108",
-	error: s,
+	error: "_error_1w4m1_117",
 	"actionBtn-error": "_actionBtn-error_1w4m1_122",
-	success: c,
+	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.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.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';\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 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].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,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,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACpF,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,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

@@ -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';\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 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].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,SAAgB,EAAW,EACzB,aAAU,WACV,SACA,SACA,aACA,cACA,GAAG,KACe;AAClB,QACE,kBAAC,cAAD;EACE,WAAW;GAAC,EAAO;GAAY,EAAO;GAAU;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACpF,GAAI;YAFN,CAIE,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.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  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 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\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,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,GAE9D,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,CAEX,OAGF,GAAI,EAAE,MAAQ,MACZ,OAGF,IAAM,EAAY,MAAM,KACtB,EAAS,SAAS,iBAA8B,EAAU,EAAI,EAAE,CACjE,CAED,GAAI,EAAU,SAAW,EACvB,OAGF,IAAM,EAAQ,EAAU,GAClB,EAAO,EAAU,EAAU,OAAS,GAEtC,EAAE,SACA,SAAS,gBAAkB,IAC7B,EAAE,gBAAgB,CAClB,EAAK,OAAO,EAGV,SAAS,gBAAkB,IAC7B,EAAE,gBAAgB,CAClB,EAAM,OAAO,GAInB,CAAC,EAAQ,CACV,CAED,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,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,eACjC,EACG,CAAA,CAIP,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CACzD,GACF,CAAA,CAOR,OAJI,OAAO,SAAa,IACf,GAGT,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

@@ -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  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 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\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;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,GAE9D,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;AAEX;;AAGF,MAAI,EAAE,QAAQ,MACZ;EAGF,IAAM,IAAY,MAAM,KACtB,EAAS,SAAS,iBAA8B,EAAU,IAAI,EAAE,CACjE;AAED,MAAI,EAAU,WAAW,EACvB;EAGF,IAAM,IAAQ,EAAU,IAClB,IAAO,EAAU,EAAU,SAAS;AAE1C,EAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,gBAAgB,EAClB,EAAK,OAAO,IAGV,SAAS,kBAAkB,MAC7B,EAAE,gBAAgB,EAClB,EAAM,OAAO;IAInB,CAAC,EAAQ,CACV;AAED,KAAI,CAAC,EACH,QAAO;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,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;eACjC;KACG,CAAA;IAIP,KAAY,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAU;KAAe,CAAA;IACzD;;EACF,CAAA;AAOR,QAJI,OAAO,WAAa,MACf,IAGF,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_1a57s_3`,t=`_sheet_1a57s_30`,n=`_handle_1a57s_57`,r=`_handleBar_1a57s_64`,i=`_title_1a57s_74`,a=`_content_1a57s_87`,o={backdrop:e,"backdrop-in":`_backdrop-in_1a57s_1`,sheet:t,"sheet-in":`_sheet-in_1a57s_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.js

@@ -1,15 +1,14 @@
-//#region src/components/BottomSheet/BottomSheet.module.css
-var e = "_backdrop_1a57s_3", t = "_sheet_1a57s_30", n = "_handle_1a57s_57", r = "_handleBar_1a57s_64", i = "_title_1a57s_74", a = "_content_1a57s_87", o = {
-	backdrop: e,
+var e = {
+	backdrop: "_backdrop_1a57s_3",
 	"backdrop-in": "_backdrop-in_1a57s_1",
-	sheet: t,
+	sheet: "_sheet_1a57s_30",
 	"sheet-in": "_sheet-in_1a57s_1",
-	handle: n,
-	handleBar: r,
-	title: i,
-	content: a
+	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

package/dist/components/BottomSheet.cjs

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

package/dist/components/Box/Box.cjs

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