@gnome-ui/react 1.45.1 → 1.46.0

package/dist/components/StatusPage/StatusPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport styles from './StatusPage.module.css';\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon ? (\n    <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n  ) : (\n    (iconNode ?? null)\n  );\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && <p className={styles.description}>{description}</p>}\n\n      {children && <div className={styles.actions}>{children}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AA6CA,SAAgB,EAAW,EACzB,SACA,aACA,UACA,gBACA,aACA,aAAU,IACV,cACA,GAAG,KACe;CAClB,IAAM,IAAW,IAAU,KAAK,KAC1B,IAAc,IAClB,kBAAC,GAAD;EAAY;EAAM,OAAO;EAAU,QAAQ;EAAU,eAAA;EAAc,CAAA,GAElE,KAAY;AAGf,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAM,IAAU,EAAO,UAAU;GAAM;GAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,eAAY;cAC1C;IACG,CAAA;GAGR,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAQ;IAAU,CAAA;GAEtC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;IAAgB,CAAA;GAElE,KAAY,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;IAAe,CAAA;GACzD"}
+{"version":3,"file":"StatusPage.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport styles from './StatusPage.module.css';\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport const StatusPage = ({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) => {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon ? (\n    <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n  ) : (\n    (iconNode ?? null)\n  );\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && <p className={styles.description}>{description}</p>}\n\n      {children && <div className={styles.actions}>{children}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA6CA,IAAa,KAAc,EACzB,SACA,aACA,UACA,gBACA,aACA,aAAU,IACV,cACA,GAAG,QACkB;CACrB,IAAM,IAAW,IAAU,KAAK,KAC1B,IAAc,IAClB,kBAAC,GAAD;EAAY;EAAM,OAAO;EAAU,QAAQ;EAAU,eAAA;CAAa,CAAA,IAEjE,KAAY;CAGf,OACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAM,IAAU,EAAO,UAAU;GAAM;EAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,eAAY;cAC1C;GACE,CAAA;GAGP,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAQ;GAAS,CAAA;GAErC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;GAAe,CAAA;GAEjE,KAAY,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;GAAc,CAAA;EACzD;;AAET"}

package/dist/components/StatusPage.cjs

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

package/dist/components/Switch/Switch.cjs

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

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n"],"mappings":"8EAiBA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsB,CAC3D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,WACL,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC/D,GAAI,EACJ,CAAA"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport const Switch = ({ className, ...props }: SwitchProps) => {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":"8EAiBA,IAAa,GAAU,CAAE,YAAW,GAAG,MAEnC,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,WACL,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,OAAQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC9D,GAAI,CACL,CAAA"}

package/dist/components/Switch/Switch.d.ts

@@ -11,4 +11,4 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
  *
  * @see https://developer.gnome.org/hig/patterns/controls/switches.html
  */
-export declare function Switch({ className, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ className, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/Switch.js

@@ -1,14 +1,12 @@
 import e from "./Switch.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Switch/Switch.tsx
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("input", {
-		type: "checkbox",
-		role: "switch",
-		className: [e.switch, n].filter(Boolean).join(" "),
-		...r
-	});
-}
+var n = ({ className: n, ...r }) => /* @__PURE__ */ t("input", {
+	type: "checkbox",
+	role: "switch",
+	className: [e.switch, n].filter(Boolean).join(" "),
+	...r
+});
 //#endregion
 export { n as Switch };
 

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAO,EAAE,cAAW,GAAG,KAAsB;AAC3D,QACE,kBAAC,SAAD;EACE,MAAK;EACL,MAAK;EACL,WAAW,CAAC,EAAO,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC/D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport const Switch = ({ className, ...props }: SwitchProps) => {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;AAiBA,IAAa,KAAU,EAAE,cAAW,GAAG,QAEnC,kBAAC,SAAD;CACE,MAAK;CACL,MAAK;CACL,WAAW,CAAC,EAAO,QAAQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC9D,GAAI;AACL,CAAA"}

package/dist/components/Switch.cjs

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

package/dist/components/SwitchRow/SwitchRow.cjs

@@ -1,2 +1,2 @@
-const e=require(`./SwitchRow.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({title:r,subtitle:i,leading:a,checked:o,defaultChecked:s=!1,onCheckedChange:c,disabled:l=!1,className:u,onClick:d,...f}){let p=o!==void 0,[m,h]=(0,t.useState)(s),g=p?o:m,_=(0,t.useId)(),v=e=>{let t=!g;p||h(t),c?.(t),d?.(e)};return(0,n.jsxs)(`button`,{role:`switch`,"aria-checked":g,"aria-labelledby":_,disabled:l,className:[e.default.row,l?e.default.disabled:null,u].filter(Boolean).join(` `),onClick:v,...f,children:[a&&(0,n.jsx)(`span`,{className:e.default.leading,children:a}),(0,n.jsxs)(`span`,{className:e.default.content,id:_,children:[(0,n.jsx)(`span`,{className:e.default.title,children:r}),i&&(0,n.jsx)(`span`,{className:e.default.subtitle,children:i})]}),(0,n.jsx)(`span`,{className:e.default.switchTrack,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:[e.default.switchThumb,g?e.default.switchThumbOn:null].filter(Boolean).join(` `)})})]})}exports.SwitchRow=r;
+const e=require("./SwitchRow.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=({title:r,subtitle:i,leading:a,checked:o,defaultChecked:s=!1,onCheckedChange:c,disabled:l=!1,className:u,onClick:d,...f})=>{let p=o!==void 0,[m,h]=(0,t.useState)(s),g=p?o:m,_=(0,t.useId)();return(0,n.jsxs)(`button`,{role:`switch`,"aria-checked":g,"aria-labelledby":_,disabled:l,className:[e.default.row,l?e.default.disabled:null,u].filter(Boolean).join(` `),onClick:e=>{let t=!g;p||h(t),c?.(t),d?.(e)},...f,children:[a&&(0,n.jsx)(`span`,{className:e.default.leading,children:a}),(0,n.jsxs)(`span`,{className:e.default.content,id:_,children:[(0,n.jsx)(`span`,{className:e.default.title,children:r}),i&&(0,n.jsx)(`span`,{className:e.default.subtitle,children:i})]}),(0,n.jsx)(`span`,{className:e.default.switchTrack,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:[e.default.switchThumb,g?e.default.switchThumbOn:null].filter(Boolean).join(` `)})})]})};exports.SwitchRow=r;
 //# sourceMappingURL=SwitchRow.cjs.map

package/dist/components/SwitchRow/SwitchRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.cjs","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './SwitchRow.module.css';\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport function SwitchRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span\n          className={[styles.switchThumb, checked ? styles.switchThumbOn : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      </span>\n    </button>\n  );\n}\n"],"mappings":"oGAgCA,SAAgB,EAAU,CACxB,QACA,WACA,UACA,QAAS,EACT,iBAAiB,GACjB,kBACA,WAAW,GACX,YACA,UACA,GAAG,GACc,CACjB,IAAM,EAAe,IAAsB,IAAA,GACrC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,EAAe,CACxE,EAAU,EAAe,EAAoB,EAE7C,GAAA,EAAA,EAAA,QAAkB,CAElB,EAAe,GAAqC,CACxD,IAAM,EAAO,CAAC,EAET,GACH,EAAuB,EAAK,CAG9B,IAAkB,EAAK,CACvB,IAAU,EAAE,EAGd,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,eAAc,EACd,kBAAiB,EACP,WACV,UAAW,CAAC,EAAA,QAAO,IAAK,EAAW,EAAA,QAAO,SAAW,KAAM,EAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,QAAS,EACT,GAAI,WATN,CAWG,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,EAAe,CAAA,EAE7D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,GAAI,WAArC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAgB,CAAA,CAC3D,IAGP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAa,cAAY,iBAC/C,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,EAAA,QAAO,cAAgB,KAAK,CACnE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,CAAA,CACG,CAAA,CACA"}
+{"version":3,"file":"SwitchRow.cjs","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './SwitchRow.module.css';\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport const SwitchRow = ({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) => {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span\n          className={[styles.switchThumb, checked ? styles.switchThumbOn : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      </span>\n    </button>\n  );\n};\n"],"mappings":"oGAgCA,IAAa,GAAa,CACxB,QACA,WACA,UACA,QAAS,EACT,iBAAiB,GACjB,kBACA,WAAW,GACX,YACA,UACA,GAAG,KACiB,CACpB,IAAM,EAAe,IAAsB,IAAA,GACrC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,CAAc,EACvE,EAAU,EAAe,EAAoB,EAE7C,GAAA,EAAA,EAAA,OAAiB,EAavB,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,eAAc,EACd,kBAAiB,EACP,WACV,UAAW,CAAC,EAAA,QAAO,IAAK,EAAW,EAAA,QAAO,SAAW,KAAM,CAAS,EACjE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QApBiB,GAAqC,CACxD,IAAM,EAAO,CAAC,EAET,GACH,EAAuB,CAAI,EAG7B,IAAkB,CAAI,EACtB,IAAU,CAAC,CACb,EAYI,GAAI,WATN,CAWG,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,CAAc,CAAA,GAE5D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,GAAI,WAArC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAC3C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,CAC3D,KAGN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAa,cAAY,iBAC/C,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,EAAA,QAAO,cAAgB,IAAI,EAClE,OAAO,OAAO,EACd,KAAK,GAAG,CACZ,CAAA,CACG,CAAA,CACA,GAEZ"}

package/dist/components/SwitchRow/SwitchRow.d.ts

@@ -26,4 +26,4 @@ export interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>,
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html
  */
-export declare function SwitchRow({ title, subtitle, leading, checked: controlledChecked, defaultChecked, onCheckedChange, disabled, className, onClick, ...props }: SwitchRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const SwitchRow: ({ title, subtitle, leading, checked: controlledChecked, defaultChecked, onCheckedChange, disabled, className, onClick, ...props }: SwitchRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SwitchRow/SwitchRow.js

@@ -2,11 +2,8 @@ import e from "./SwitchRow.module.css.js";
 import { useId as t, useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/SwitchRow/SwitchRow.tsx
-function a({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l = !1, onCheckedChange: u, disabled: d = !1, className: f, onClick: p, ...m }) {
-	let h = c !== void 0, [g, _] = n(l), v = h ? c : g, y = t(), b = (e) => {
-		let t = !v;
-		h || _(t), u?.(t), p?.(e);
-	};
+var a = ({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l = !1, onCheckedChange: u, disabled: d = !1, className: f, onClick: p, ...m }) => {
+	let h = c !== void 0, [g, _] = n(l), v = h ? c : g, y = t();
 	return /* @__PURE__ */ i("button", {
 		role: "switch",
 		"aria-checked": v,
@@ -17,7 +14,10 @@ function a({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l =
 			d ? e.disabled : null,
 			f
 		].filter(Boolean).join(" "),
-		onClick: b,
+		onClick: (e) => {
+			let t = !v;
+			h || _(t), u?.(t), p?.(e);
+		},
 		...m,
 		children: [
 			s && /* @__PURE__ */ r("span", {
@@ -42,7 +42,7 @@ function a({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l =
 			})
 		]
 	});
-}
+};
 //#endregion
 export { a as SwitchRow };
 

package/dist/components/SwitchRow/SwitchRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './SwitchRow.module.css';\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport function SwitchRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span\n          className={[styles.switchThumb, checked ? styles.switchThumbOn : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      </span>\n    </button>\n  );\n}\n"],"mappings":";;;;AAgCA,SAAgB,EAAU,EACxB,UACA,aACA,YACA,SAAS,GACT,oBAAiB,IACjB,oBACA,cAAW,IACX,cACA,YACA,GAAG,KACc;CACjB,IAAM,IAAe,MAAsB,KAAA,GACrC,CAAC,GAAqB,KAA0B,EAAS,EAAe,EACxE,IAAU,IAAe,IAAoB,GAE7C,IAAW,GAAO,EAElB,KAAe,MAAqC;EACxD,IAAM,IAAO,CAAC;AAOd,EALK,KACH,EAAuB,EAAK,EAG9B,IAAkB,EAAK,EACvB,IAAU,EAAE;;AAGd,QACE,kBAAC,UAAD;EACE,MAAK;EACL,gBAAc;EACd,mBAAiB;EACP;EACV,WAAW;GAAC,EAAO;GAAK,IAAW,EAAO,WAAW;GAAM;GAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,SAAS;EACT,GAAI;YATN;GAWG,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;IAAe,CAAA;GAE7D,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,IAAI;cAArC,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;KAAgB,CAAA,CAC3D;;GAGP,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAa,eAAY;cAC/C,kBAAC,QAAD,EACE,WAAW,CAAC,EAAO,aAAa,IAAU,EAAO,gBAAgB,KAAK,CACnE,OAAO,QAAQ,CACf,KAAK,IAAI,EACZ,CAAA;IACG,CAAA;GACA"}
+{"version":3,"file":"SwitchRow.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './SwitchRow.module.css';\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport const SwitchRow = ({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) => {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span\n          className={[styles.switchThumb, checked ? styles.switchThumbOn : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      </span>\n    </button>\n  );\n};\n"],"mappings":";;;;AAgCA,IAAa,KAAa,EACxB,UACA,aACA,YACA,SAAS,GACT,oBAAiB,IACjB,oBACA,cAAW,IACX,cACA,YACA,GAAG,QACiB;CACpB,IAAM,IAAe,MAAsB,KAAA,GACrC,CAAC,GAAqB,KAA0B,EAAS,CAAc,GACvE,IAAU,IAAe,IAAoB,GAE7C,IAAW,EAAM;CAavB,OACE,kBAAC,UAAD;EACE,MAAK;EACL,gBAAc;EACd,mBAAiB;EACP;EACV,WAAW;GAAC,EAAO;GAAK,IAAW,EAAO,WAAW;GAAM;EAAS,EACjE,OAAO,OAAO,EACd,KAAK,GAAG;EACX,UApBiB,MAAqC;GACxD,IAAM,IAAO,CAAC;GAOd,AALK,KACH,EAAuB,CAAI,GAG7B,IAAkB,CAAI,GACtB,IAAU,CAAC;EACb;EAYI,GAAI;YATN;GAWG,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;GAAc,CAAA;GAE5D,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,IAAI;cAArC,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GAC3C,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;IAAe,CAAA,CAC3D;;GAGN,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAa,eAAY;cAC/C,kBAAC,QAAD,EACE,WAAW,CAAC,EAAO,aAAa,IAAU,EAAO,gBAAgB,IAAI,EAClE,OAAO,OAAO,EACd,KAAK,GAAG,EACZ,CAAA;GACG,CAAA;EACA;;AAEZ"}

package/dist/components/SwitchRow.cjs

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

package/dist/components/Tabs/TabBar.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Tabs.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({children:r,className:i,inline:a=!1,"aria-label":o=`Tabs`,...s}){let c=(0,t.useRef)(null);function l(e){let t=Array.from(c.current?.querySelectorAll(`[role=tab]:not(:disabled)`)??[]),n=document.activeElement,r=n instanceof HTMLButtonElement?t.indexOf(n):-1;if(r===-1)return;let i=r;if(e.key===`ArrowRight`)i=(r+1)%t.length;else if(e.key===`ArrowLeft`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus()}return(0,n.jsx)(`div`,{className:[e.default.bar,a?e.default.inline:null,i].filter(Boolean).join(` `),...s,children:(0,n.jsx)(`div`,{ref:c,role:`tablist`,"aria-label":o,className:e.default.list,onKeyDown:l,children:r})})}exports.TabBar=r;
+const e=require("./Tabs.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=({children:r,className:i,inline:a=!1,"aria-label":o=`Tabs`,...s})=>{let c=(0,t.useRef)(null);function l(e){let t=Array.from(c.current?.querySelectorAll(`[role=tab]:not(:disabled)`)??[]),n=document.activeElement,r=n instanceof HTMLButtonElement?t.indexOf(n):-1;if(r===-1)return;let i=r;if(e.key===`ArrowRight`)i=(r+1)%t.length;else if(e.key===`ArrowLeft`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus()}return(0,n.jsx)(`div`,{className:[e.default.bar,a?e.default.inline:null,i].filter(Boolean).join(` `),...s,children:(0,n.jsx)(`div`,{ref:c,role:`tablist`,"aria-label":o,className:e.default.list,onKeyDown:l,children:r})})};exports.TabBar=r;
 //# sourceMappingURL=TabBar.cjs.map

package/dist/components/Tabs/TabBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.cjs","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport function TabBar({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"+FAuBA,SAAgB,EAAO,CACrB,WACA,YACA,SAAS,GACT,aAAc,EAAY,OAC1B,GAAG,GACW,CACd,IAAM,GAAA,EAAA,EAAA,QAAiC,KAAK,CAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,4BAA4B,EAAI,EAAE,CACxF,CACK,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAK,QAAQ,EAAc,CAAG,GAEvF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,aACZ,GAAQ,EAAM,GAAK,EAAK,eACf,EAAE,MAAQ,YACnB,GAAQ,EAAM,EAAI,EAAK,QAAU,EAAK,eAC7B,EAAE,MAAQ,OACnB,EAAO,UACE,EAAE,MAAQ,MACnB,EAAO,EAAK,OAAS,OAErB,OAGF,EAAE,gBAAgB,CAClB,EAAK,GAAM,OAAO,CAGpB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,IAAK,EAAS,EAAA,QAAO,OAAS,KAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC3F,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,aAAY,EACZ,UAAW,EAAA,QAAO,KAClB,UAAW,EAEV,WACG,CAAA,CACF,CAAA"}
+{"version":3,"file":"TabBar.cjs","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport const TabBar = ({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"+FAuBA,IAAa,GAAU,CACrB,WACA,YACA,SAAS,GACT,aAAc,EAAY,OAC1B,GAAG,KACc,CACjB,IAAM,GAAA,EAAA,EAAA,QAAiC,IAAI,EAE3C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,2BAA2B,GAAK,CAAC,CACxF,EACM,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAK,QAAQ,CAAa,EAAI,GAEvF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,aACZ,GAAQ,EAAM,GAAK,EAAK,YACnB,GAAI,EAAE,MAAQ,YACnB,GAAQ,EAAM,EAAI,EAAK,QAAU,EAAK,YACjC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAK,OAAS,OAErB,OAGF,EAAE,eAAe,EACjB,EAAK,GAAM,MAAM,CACnB,CAEA,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,IAAK,EAAS,EAAA,QAAO,OAAS,KAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,aAAY,EACZ,UAAW,EAAA,QAAO,KAClB,UAAW,EAEV,UACE,CAAA,CACF,CAAA,CAET"}

package/dist/components/Tabs/TabBar.d.ts

@@ -17,4 +17,4 @@ export interface TabBarProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://developer.gnome.org/hig/patterns/nav/tabs.html
  */
-export declare function TabBar({ children, className, inline, 'aria-label': ariaLabel, ...props }: TabBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabBar: ({ children, className, inline, "aria-label": ariaLabel, ...props }: TabBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabBar.js

@@ -2,7 +2,7 @@ import e from "./Tabs.module.css.js";
 import { useRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Tabs/TabBar.tsx
-function r({ children: r, className: i, inline: a = !1, "aria-label": o = "Tabs", ...s }) {
+var r = ({ children: r, className: i, inline: a = !1, "aria-label": o = "Tabs", ...s }) => {
 	let c = t(null);
 	function l(e) {
 		let t = Array.from(c.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = document.activeElement, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
@@ -31,7 +31,7 @@ function r({ children: r, className: i, inline: a = !1, "aria-label": o = "Tabs"
 			children: r
 		})
 	});
-}
+};
 //#endregion
 export { r as TabBar };
 

package/dist/components/Tabs/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport function TabBar({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAuBA,SAAgB,EAAO,EACrB,aACA,cACA,YAAS,IACT,cAAc,IAAY,QAC1B,GAAG,KACW;CACd,IAAM,IAAU,EAAuB,KAAK;CAE5C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,4BAA4B,IAAI,EAAE,CACxF,EACK,IAAgB,SAAS,eACzB,IAAM,aAAyB,oBAAoB,EAAK,QAAQ,EAAc,GAAG;AAEvF,MAAI,MAAQ,GACV;EAGF,IAAI,IAAO;AACX,MAAI,EAAE,QAAQ,aACZ,MAAQ,IAAM,KAAK,EAAK;WACf,EAAE,QAAQ,YACnB,MAAQ,IAAM,IAAI,EAAK,UAAU,EAAK;WAC7B,EAAE,QAAQ,OACnB,KAAO;WACE,EAAE,QAAQ,MACnB,KAAO,EAAK,SAAS;MAErB;AAIF,EADA,EAAE,gBAAgB,EAClB,EAAK,GAAM,OAAO;;AAGpB,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAK,IAAS,EAAO,SAAS;GAAM;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC3F,GAAI;YAEJ,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY;GACZ,WAAW,EAAO;GAClB,WAAW;GAEV;GACG,CAAA;EACF,CAAA"}
+{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport const TabBar = ({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAuBA,IAAa,KAAU,EACrB,aACA,cACA,YAAS,IACT,cAAc,IAAY,QAC1B,GAAG,QACc;CACjB,IAAM,IAAU,EAAuB,IAAI;CAE3C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,2BAA2B,KAAK,CAAC,CACxF,GACM,IAAgB,SAAS,eACzB,IAAM,aAAyB,oBAAoB,EAAK,QAAQ,CAAa,IAAI;EAEvF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,cACZ,KAAQ,IAAM,KAAK,EAAK;OACnB,IAAI,EAAE,QAAQ,aACnB,KAAQ,IAAM,IAAI,EAAK,UAAU,EAAK;OACjC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAK,SAAS;OAErB;EAIF,AADA,EAAE,eAAe,GACjB,EAAK,GAAM,MAAM;CACnB;CAEA,OACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAK,IAAS,EAAO,SAAS;GAAM;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC1F,GAAI;YAEJ,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY;GACZ,WAAW,EAAO;GAClB,WAAW;GAEV;EACE,CAAA;CACF,CAAA;AAET"}

package/dist/components/Tabs/TabItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../Badge/Badge.cjs`),t=require(`../Icon/Icon.cjs`),n=require(`./Tabs.module.css.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.memo)(function({label:r,icon:a,active:o=!1,panelId:s,onClose:c,closeLabel:l=`Close tab`,count:u,className:d,disabled:f,...p}){return(0,i.jsxs)(`button`,{role:`tab`,type:`button`,"aria-selected":o,"aria-controls":s,tabIndex:o?0:-1,disabled:f,className:[n.default.tab,o?n.default.active:null,c?n.default.closeable:null,d].filter(Boolean).join(` `),...p,children:[a&&(0,i.jsx)(`span`,{className:n.default.tabIcon,children:(0,i.jsx)(t.Icon,{icon:a,size:`sm`,"aria-hidden":!0})}),(0,i.jsx)(`span`,{className:n.default.tabLabel,children:r}),u!==void 0&&(0,i.jsx)(e.Badge,{className:n.default.tabBadge,children:u>99?`99+`:u}),c&&(0,i.jsx)(`button`,{type:`button`,"aria-label":l,className:n.default.closeBtn,onClick:e=>{e.stopPropagation(),c()},children:`×`})]})});exports.TabItem=a;
+const e=require("../Badge/Badge.cjs"),t=require("../Icon/Icon.cjs"),n=require("./Tabs.module.css.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.memo)(function({label:r,icon:a,active:o=!1,panelId:s,onClose:c,closeLabel:l=`Close tab`,count:u,className:d,disabled:f,...p}){return(0,i.jsxs)(`button`,{role:`tab`,type:`button`,"aria-selected":o,"aria-controls":s,tabIndex:o?0:-1,disabled:f,className:[n.default.tab,o?n.default.active:null,c?n.default.closeable:null,d].filter(Boolean).join(` `),...p,children:[a&&(0,i.jsx)(`span`,{className:n.default.tabIcon,children:(0,i.jsx)(t.Icon,{icon:a,size:`sm`,"aria-hidden":!0})}),(0,i.jsx)(`span`,{className:n.default.tabLabel,children:r}),u!==void 0&&(0,i.jsx)(e.Badge,{className:n.default.tabBadge,children:u>99?`99+`:u}),c&&(0,i.jsx)(`button`,{type:`button`,"aria-label":l,className:n.default.closeBtn,onClick:e=>{e.stopPropagation(),c()},children:`×`})]})});exports.TabItem=a;
 //# sourceMappingURL=TabItem.cjs.map

package/dist/components/Tabs/TabItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.cjs","names":[],"sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { Badge } from '../Badge';\nimport { Icon } from '../Icon';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tab label. */\n  label: string;\n  /** Optional icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /** Marks this tab as the currently selected one. */\n  active?: boolean;\n  /**\n   * id of the `TabPanel` this tab controls.\n   * Sets `aria-controls` automatically.\n   */\n  panelId?: string;\n  /**\n   * When provided, a close (×) button is rendered at the trailing edge.\n   * Called when the user clicks the close button.\n   */\n  onClose?: () => void;\n  /** Accessible label for the close button. Defaults to `\"Close tab\"`. */\n  closeLabel?: string;\n  /** Optional count shown as a badge next to the label (e.g. unread messages). Values above 99 render as \"99+\". */\n  count?: number;\n  children?: ReactNode;\n}\n\n/**\n * Individual tab button inside a `TabBar`.\n */\nexport const TabItem = memo(function TabItem({\n  label,\n  icon,\n  active = false,\n  panelId,\n  onClose,\n  closeLabel = 'Close tab',\n  count,\n  className,\n  disabled,\n  ...props\n}: TabItemProps) {\n  return (\n    <button\n      role=\"tab\"\n      type=\"button\"\n      aria-selected={active}\n      aria-controls={panelId}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      className={[\n        styles.tab,\n        active ? styles.active : null,\n        onClose ? styles.closeable : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.tabIcon}>\n          <Icon icon={icon} size=\"sm\" aria-hidden />\n        </span>\n      )}\n      <span className={styles.tabLabel}>{label}</span>\n\n      {count !== undefined && (\n        <Badge className={styles.tabBadge}>{count > 99 ? '99+' : count}</Badge>\n      )}\n\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          className={styles.closeBtn}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ×\n        </button>\n      )}\n    </button>\n  );\n});\n"],"mappings":"6JAoCA,IAAa,GAAA,EAAA,EAAA,MAAe,SAAiB,CAC3C,QACA,OACA,SAAS,GACT,UACA,UACA,aAAa,YACb,QACA,YACA,WACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,MACL,KAAK,SACL,gBAAe,EACf,gBAAe,EACf,SAAU,EAAS,EAAI,GACb,WACV,UAAW,CACT,EAAA,QAAO,IACP,EAAS,EAAA,QAAO,OAAS,KACzB,EAAU,EAAA,QAAO,UAAY,KAC7B,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAfN,CAiBG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,GAAc,CAAA,CACrC,CAAA,EAET,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAa,CAAA,CAE/C,IAAU,IAAA,KACT,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAW,EAAA,QAAO,kBAAW,EAAQ,GAAK,MAAQ,EAAc,CAAA,CAGxE,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,aAAY,EACZ,UAAW,EAAA,QAAO,SAClB,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,GAAS,WAEZ,IAEQ,CAAA,CAEJ,IAEX"}
+{"version":3,"file":"TabItem.cjs","names":[],"sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { Badge } from '../Badge';\nimport { Icon } from '../Icon';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tab label. */\n  label: string;\n  /** Optional icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /** Marks this tab as the currently selected one. */\n  active?: boolean;\n  /**\n   * id of the `TabPanel` this tab controls.\n   * Sets `aria-controls` automatically.\n   */\n  panelId?: string;\n  /**\n   * When provided, a close (×) button is rendered at the trailing edge.\n   * Called when the user clicks the close button.\n   */\n  onClose?: () => void;\n  /** Accessible label for the close button. Defaults to `\"Close tab\"`. */\n  closeLabel?: string;\n  /** Optional count shown as a badge next to the label (e.g. unread messages). Values above 99 render as \"99+\". */\n  count?: number;\n  children?: ReactNode;\n}\n\n/**\n * Individual tab button inside a `TabBar`.\n */\nexport const TabItem = memo(function TabItem({\n  label,\n  icon,\n  active = false,\n  panelId,\n  onClose,\n  closeLabel = 'Close tab',\n  count,\n  className,\n  disabled,\n  ...props\n}: TabItemProps) {\n  return (\n    <button\n      role=\"tab\"\n      type=\"button\"\n      aria-selected={active}\n      aria-controls={panelId}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      className={[\n        styles.tab,\n        active ? styles.active : null,\n        onClose ? styles.closeable : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.tabIcon}>\n          <Icon icon={icon} size=\"sm\" aria-hidden />\n        </span>\n      )}\n      <span className={styles.tabLabel}>{label}</span>\n\n      {count !== undefined && (\n        <Badge className={styles.tabBadge}>{count > 99 ? '99+' : count}</Badge>\n      )}\n\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          className={styles.closeBtn}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ×\n        </button>\n      )}\n    </button>\n  );\n});\n"],"mappings":"6JAoCA,IAAa,GAAA,EAAA,EAAA,MAAe,SAAiB,CAC3C,QACA,OACA,SAAS,GACT,UACA,UACA,aAAa,YACb,QACA,YACA,WACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,MACL,KAAK,SACL,gBAAe,EACf,gBAAe,EACf,SAAU,EAAS,EAAI,GACb,WACV,UAAW,CACT,EAAA,QAAO,IACP,EAAS,EAAA,QAAO,OAAS,KACzB,EAAU,EAAA,QAAO,UAAY,KAC7B,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,WAfN,CAiBG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,EAAa,CAAA,CACrC,CAAA,GAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAY,CAAA,EAE9C,IAAU,IAAA,KACT,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAW,EAAA,QAAO,kBAAW,EAAQ,GAAK,MAAQ,CAAa,CAAA,EAGvE,IACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,aAAY,EACZ,UAAW,EAAA,QAAO,SAClB,QAAU,GAAM,CACd,EAAE,gBAAgB,EAClB,EAAQ,CACV,WACD,GAEO,CAAA,CAEJ,GAEZ,CAAC"}

package/dist/components/Tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","names":[],"sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { Badge } from '../Badge';\nimport { Icon } from '../Icon';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tab label. */\n  label: string;\n  /** Optional icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /** Marks this tab as the currently selected one. */\n  active?: boolean;\n  /**\n   * id of the `TabPanel` this tab controls.\n   * Sets `aria-controls` automatically.\n   */\n  panelId?: string;\n  /**\n   * When provided, a close (×) button is rendered at the trailing edge.\n   * Called when the user clicks the close button.\n   */\n  onClose?: () => void;\n  /** Accessible label for the close button. Defaults to `\"Close tab\"`. */\n  closeLabel?: string;\n  /** Optional count shown as a badge next to the label (e.g. unread messages). Values above 99 render as \"99+\". */\n  count?: number;\n  children?: ReactNode;\n}\n\n/**\n * Individual tab button inside a `TabBar`.\n */\nexport const TabItem = memo(function TabItem({\n  label,\n  icon,\n  active = false,\n  panelId,\n  onClose,\n  closeLabel = 'Close tab',\n  count,\n  className,\n  disabled,\n  ...props\n}: TabItemProps) {\n  return (\n    <button\n      role=\"tab\"\n      type=\"button\"\n      aria-selected={active}\n      aria-controls={panelId}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      className={[\n        styles.tab,\n        active ? styles.active : null,\n        onClose ? styles.closeable : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.tabIcon}>\n          <Icon icon={icon} size=\"sm\" aria-hidden />\n        </span>\n      )}\n      <span className={styles.tabLabel}>{label}</span>\n\n      {count !== undefined && (\n        <Badge className={styles.tabBadge}>{count > 99 ? '99+' : count}</Badge>\n      )}\n\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          className={styles.closeBtn}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ×\n        </button>\n      )}\n    </button>\n  );\n});\n"],"mappings":";;;;;;AAoCA,IAAa,IAAU,EAAK,SAAiB,EAC3C,UACA,SACA,YAAS,IACT,YACA,YACA,gBAAa,aACb,UACA,cACA,aACA,GAAG,KACY;AACf,QACE,kBAAC,UAAD;EACE,MAAK;EACL,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,UAAU,IAAS,IAAI;EACb;EACV,WAAW;GACT,EAAO;GACP,IAAS,EAAO,SAAS;GACzB,IAAU,EAAO,YAAY;GAC7B;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAfN;GAiBG,KACC,kBAAC,QAAD;IAAM,WAAW,EAAO;cACtB,kBAAC,GAAD;KAAY;KAAM,MAAK;KAAK,eAAA;KAAc,CAAA;IACrC,CAAA;GAET,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAW;IAAa,CAAA;GAE/C,MAAU,KAAA,KACT,kBAAC,GAAD;IAAO,WAAW,EAAO;cAAW,IAAQ,KAAK,QAAQ;IAAc,CAAA;GAGxE,KACC,kBAAC,UAAD;IACE,MAAK;IACL,cAAY;IACZ,WAAW,EAAO;IAClB,UAAU,MAAM;AAEd,KADA,EAAE,iBAAiB,EACnB,GAAS;;cAEZ;IAEQ,CAAA;GAEJ;;EAEX"}
+{"version":3,"file":"TabItem.js","names":[],"sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { memo } from 'react';\n\nimport { Badge } from '../Badge';\nimport { Icon } from '../Icon';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tab label. */\n  label: string;\n  /** Optional icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /** Marks this tab as the currently selected one. */\n  active?: boolean;\n  /**\n   * id of the `TabPanel` this tab controls.\n   * Sets `aria-controls` automatically.\n   */\n  panelId?: string;\n  /**\n   * When provided, a close (×) button is rendered at the trailing edge.\n   * Called when the user clicks the close button.\n   */\n  onClose?: () => void;\n  /** Accessible label for the close button. Defaults to `\"Close tab\"`. */\n  closeLabel?: string;\n  /** Optional count shown as a badge next to the label (e.g. unread messages). Values above 99 render as \"99+\". */\n  count?: number;\n  children?: ReactNode;\n}\n\n/**\n * Individual tab button inside a `TabBar`.\n */\nexport const TabItem = memo(function TabItem({\n  label,\n  icon,\n  active = false,\n  panelId,\n  onClose,\n  closeLabel = 'Close tab',\n  count,\n  className,\n  disabled,\n  ...props\n}: TabItemProps) {\n  return (\n    <button\n      role=\"tab\"\n      type=\"button\"\n      aria-selected={active}\n      aria-controls={panelId}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      className={[\n        styles.tab,\n        active ? styles.active : null,\n        onClose ? styles.closeable : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.tabIcon}>\n          <Icon icon={icon} size=\"sm\" aria-hidden />\n        </span>\n      )}\n      <span className={styles.tabLabel}>{label}</span>\n\n      {count !== undefined && (\n        <Badge className={styles.tabBadge}>{count > 99 ? '99+' : count}</Badge>\n      )}\n\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          className={styles.closeBtn}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ×\n        </button>\n      )}\n    </button>\n  );\n});\n"],"mappings":";;;;;;AAoCA,IAAa,IAAU,EAAK,SAAiB,EAC3C,UACA,SACA,YAAS,IACT,YACA,YACA,gBAAa,aACb,UACA,cACA,aACA,GAAG,KACY;CACf,OACE,kBAAC,UAAD;EACE,MAAK;EACL,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,UAAU,IAAS,IAAI;EACb;EACV,WAAW;GACT,EAAO;GACP,IAAS,EAAO,SAAS;GACzB,IAAU,EAAO,YAAY;GAC7B;EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;YAfN;GAiBG,KACC,kBAAC,QAAD;IAAM,WAAW,EAAO;cACtB,kBAAC,GAAD;KAAY;KAAM,MAAK;KAAK,eAAA;IAAa,CAAA;GACrC,CAAA;GAER,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAW;GAAY,CAAA;GAE9C,MAAU,KAAA,KACT,kBAAC,GAAD;IAAO,WAAW,EAAO;cAAW,IAAQ,KAAK,QAAQ;GAAa,CAAA;GAGvE,KACC,kBAAC,UAAD;IACE,MAAK;IACL,cAAY;IACZ,WAAW,EAAO;IAClB,UAAU,MAAM;KAEd,AADA,EAAE,gBAAgB,GAClB,EAAQ;IACV;cACD;GAEO,CAAA;EAEJ;;AAEZ,CAAC"}

package/dist/components/Tabs/TabPanel.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Tabs.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({id:n,active:r=!1,className:i,children:a,...o}){return(0,t.jsx)(`div`,{id:n,role:`tabpanel`,hidden:!r,className:[e.default.panel,i].filter(Boolean).join(` `),...o,children:a})}exports.TabPanel=n;
+const e=require("./Tabs.module.css.cjs");let t=require("react/jsx-runtime");var n=({id:n,active:r=!1,className:i,children:a,...o})=>(0,t.jsx)(`div`,{id:n,role:`tabpanel`,hidden:!r,className:[e.default.panel,i].filter(Boolean).join(` `),...o,children:a});exports.TabPanel=n;
 //# sourceMappingURL=TabPanel.cjs.map

package/dist/components/Tabs/TabPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.cjs","names":[],"sources":["../../../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  /** Must match the `panelId` passed to the corresponding `TabItem`. */\n  id: string;\n  /** Controls whether this panel is rendered. */\n  active?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Content panel associated with a `TabItem`.\n * Hidden panels are kept in the DOM but visually hidden.\n */\nexport function TabPanel({ id, active = false, className, children, ...props }: TabPanelProps) {\n  return (\n    <div\n      id={id}\n      role=\"tabpanel\"\n      hidden={!active}\n      className={[styles.panel, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"4EAgBA,SAAgB,EAAS,CAAE,KAAI,SAAS,GAAO,YAAW,WAAU,GAAG,GAAwB,CAC7F,OACE,EAAA,EAAA,KAAC,MAAD,CACM,KACJ,KAAK,WACL,OAAQ,CAAC,EACT,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9D,GAAI,EAEH,WACG,CAAA"}
+{"version":3,"file":"TabPanel.cjs","names":[],"sources":["../../../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  /** Must match the `panelId` passed to the corresponding `TabItem`. */\n  id: string;\n  /** Controls whether this panel is rendered. */\n  active?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Content panel associated with a `TabItem`.\n * Hidden panels are kept in the DOM but visually hidden.\n */\nexport const TabPanel = ({ id, active = false, className, children, ...props }: TabPanelProps) => {\n  return (\n    <div\n      id={id}\n      role=\"tabpanel\"\n      hidden={!active}\n      className={[styles.panel, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"4EAgBA,IAAa,GAAY,CAAE,KAAI,SAAS,GAAO,YAAW,WAAU,GAAG,MAEnE,EAAA,EAAA,KAAC,MAAD,CACM,KACJ,KAAK,WACL,OAAQ,CAAC,EACT,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,GAAI,EAEH,UACE,CAAA"}

package/dist/components/Tabs/TabPanel.d.ts

@@ -10,4 +10,4 @@ export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
  * Content panel associated with a `TabItem`.
  * Hidden panels are kept in the DOM but visually hidden.
  */
-export declare function TabPanel({ id, active, className, children, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabPanel: ({ id, active, className, children, ...props }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabPanel.js

@@ -1,16 +1,14 @@
 import e from "./Tabs.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Tabs/TabPanel.tsx
-function n({ id: n, active: r = !1, className: i, children: a, ...o }) {
-	return /* @__PURE__ */ t("div", {
-		id: n,
-		role: "tabpanel",
-		hidden: !r,
-		className: [e.panel, i].filter(Boolean).join(" "),
-		...o,
-		children: a
-	});
-}
+var n = ({ id: n, active: r = !1, className: i, children: a, ...o }) => /* @__PURE__ */ t("div", {
+	id: n,
+	role: "tabpanel",
+	hidden: !r,
+	className: [e.panel, i].filter(Boolean).join(" "),
+	...o,
+	children: a
+});
 //#endregion
 export { n as TabPanel };
 

package/dist/components/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":[],"sources":["../../../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  /** Must match the `panelId` passed to the corresponding `TabItem`. */\n  id: string;\n  /** Controls whether this panel is rendered. */\n  active?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Content panel associated with a `TabItem`.\n * Hidden panels are kept in the DOM but visually hidden.\n */\nexport function TabPanel({ id, active = false, className, children, ...props }: TabPanelProps) {\n  return (\n    <div\n      id={id}\n      role=\"tabpanel\"\n      hidden={!active}\n      className={[styles.panel, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAgBA,SAAgB,EAAS,EAAE,OAAI,YAAS,IAAO,cAAW,aAAU,GAAG,KAAwB;AAC7F,QACE,kBAAC,OAAD;EACM;EACJ,MAAK;EACL,QAAQ,CAAC;EACT,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC9D,GAAI;EAEH;EACG,CAAA"}
+{"version":3,"file":"TabPanel.js","names":[],"sources":["../../../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  /** Must match the `panelId` passed to the corresponding `TabItem`. */\n  id: string;\n  /** Controls whether this panel is rendered. */\n  active?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Content panel associated with a `TabItem`.\n * Hidden panels are kept in the DOM but visually hidden.\n */\nexport const TabPanel = ({ id, active = false, className, children, ...props }: TabPanelProps) => {\n  return (\n    <div\n      id={id}\n      role=\"tabpanel\"\n      hidden={!active}\n      className={[styles.panel, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAgBA,IAAa,KAAY,EAAE,OAAI,YAAS,IAAO,cAAW,aAAU,GAAG,QAEnE,kBAAC,OAAD;CACM;CACJ,MAAK;CACL,QAAQ,CAAC;CACT,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC7D,GAAI;CAEH;AACE,CAAA"}

package/dist/components/Tabs.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Tabs/TabBar.cjs`),t=require(`./Tabs/TabItem.cjs`),n=require(`./Tabs/TabPanel.cjs`);exports.TabBar=e.TabBar,exports.TabItem=t.TabItem,exports.TabPanel=n.TabPanel;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Tabs/TabBar.cjs"),t=require("./Tabs/TabItem.cjs"),n=require("./Tabs/TabPanel.cjs");exports.TabBar=e.TabBar,exports.TabItem=t.TabItem,exports.TabPanel=n.TabPanel;

package/dist/components/TerminalView/TerminalView.cjs

@@ -1,2 +1,2 @@
-const e=require(`./TerminalView.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({lines:r,variant:i=`default`,maxLines:a=500,autoScroll:o=!0,className:s,...c}){let l=(0,t.useRef)(null),u=r.slice(-a);return(0,t.useEffect)(()=>{o&&l.current?.scrollIntoView({block:`nearest`})},[o]),(0,n.jsx)(`div`,{className:[e.default.terminal,e.default[i],s].filter(Boolean).join(` `),...c,children:(0,n.jsxs)(`pre`,{className:e.default.pre,children:[u.map((t,r)=>(0,n.jsx)(`div`,{className:e.default.line,children:t},r)),(0,n.jsx)(`div`,{ref:l})]})})}exports.TerminalView=r;
+const e=require("./TerminalView.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=({lines:r,variant:i=`default`,maxLines:a=500,autoScroll:o=!0,className:s,...c})=>{let l=(0,t.useRef)(null),u=r.slice(-a);return(0,t.useEffect)(()=>{o&&l.current?.scrollIntoView({block:`nearest`})},[o]),(0,n.jsx)(`div`,{className:[e.default.terminal,e.default[i],s].filter(Boolean).join(` `),...c,children:(0,n.jsxs)(`pre`,{className:e.default.pre,children:[u.map((t,r)=>(0,n.jsx)(`div`,{className:e.default.line,children:t},r)),(0,n.jsx)(`div`,{ref:l})]})})};exports.TerminalView=r;
 //# sourceMappingURL=TerminalView.cjs.map

package/dist/components/TerminalView/TerminalView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalView.cjs","names":[],"sources":["../../../src/components/TerminalView/TerminalView.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useRef } from 'react';\n\nimport styles from './TerminalView.module.css';\n\nexport type TerminalVariant = 'default' | 'success' | 'warning' | 'destructive';\n\nexport interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {\n  /** Lines of text to display. */\n  lines: string[];\n  /** Colorize text based on semantic meaning. Defaults to `\"default\"`. */\n  variant?: TerminalVariant;\n  /** Maximum number of lines to keep in the buffer. Defaults to `500`. */\n  maxLines?: number;\n  /** Automatically scroll to the latest line when content changes. Defaults to `true`. */\n  autoScroll?: boolean;\n}\n\nexport function TerminalView({\n  lines,\n  variant = 'default',\n  maxLines = 500,\n  autoScroll = true,\n  className,\n  ...props\n}: TerminalViewProps) {\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const visibleLines = lines.slice(-maxLines);\n\n  useEffect(() => {\n    if (autoScroll) {\n      bottomRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [autoScroll]);\n\n  return (\n    <div\n      className={[styles.terminal, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <pre className={styles.pre}>\n        {visibleLines.map((line, i) => (\n          <div key={i} className={styles.line}>\n            {line}\n          </div>\n        ))}\n        <div ref={bottomRef} />\n      </pre>\n    </div>\n  );\n}\n"],"mappings":"uGAiBA,SAAgB,EAAa,CAC3B,QACA,UAAU,UACV,WAAW,IACX,aAAa,GACb,YACA,GAAG,GACiB,CACpB,IAAM,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,EAAe,EAAM,MAAM,CAAC,EAAS,CAQ3C,OANA,EAAA,EAAA,eAAgB,CACV,GACF,EAAU,SAAS,eAAe,CAAE,MAAO,UAAW,CAAC,EAExD,CAAC,EAAW,CAAC,EAGd,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,SAAU,EAAA,QAAO,GAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAClF,GAAI,YAEJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,CACG,EAAa,KAAK,EAAM,KACvB,EAAA,EAAA,KAAC,MAAD,CAAa,UAAW,EAAA,QAAO,cAC5B,EACG,CAFI,EAEJ,CACN,EACF,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAa,CAAA,CACnB,GACF,CAAA"}
+{"version":3,"file":"TerminalView.cjs","names":[],"sources":["../../../src/components/TerminalView/TerminalView.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useRef } from 'react';\n\nimport styles from './TerminalView.module.css';\n\nexport type TerminalVariant = 'default' | 'success' | 'warning' | 'destructive';\n\nexport interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {\n  /** Lines of text to display. */\n  lines: string[];\n  /** Colorize text based on semantic meaning. Defaults to `\"default\"`. */\n  variant?: TerminalVariant;\n  /** Maximum number of lines to keep in the buffer. Defaults to `500`. */\n  maxLines?: number;\n  /** Automatically scroll to the latest line when content changes. Defaults to `true`. */\n  autoScroll?: boolean;\n}\n\nexport const TerminalView = ({\n  lines,\n  variant = 'default',\n  maxLines = 500,\n  autoScroll = true,\n  className,\n  ...props\n}: TerminalViewProps) => {\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const visibleLines = lines.slice(-maxLines);\n\n  useEffect(() => {\n    if (autoScroll) {\n      bottomRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [autoScroll]);\n\n  return (\n    <div\n      className={[styles.terminal, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <pre className={styles.pre}>\n        {visibleLines.map((line, i) => (\n          <div key={i} className={styles.line}>\n            {line}\n          </div>\n        ))}\n        <div ref={bottomRef} />\n      </pre>\n    </div>\n  );\n};\n"],"mappings":"uGAiBA,IAAa,GAAgB,CAC3B,QACA,UAAU,UACV,WAAW,IACX,aAAa,GACb,YACA,GAAG,KACoB,CACvB,IAAM,GAAA,EAAA,EAAA,QAAmC,IAAI,EACvC,EAAe,EAAM,MAAM,CAAC,CAAQ,EAQ1C,OANA,EAAA,EAAA,eAAgB,CACV,GACF,EAAU,SAAS,eAAe,CAAE,MAAO,SAAU,CAAC,CAE1D,EAAG,CAAC,CAAU,CAAC,GAGb,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,SAAU,EAAA,QAAO,GAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACjF,GAAI,YAEJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,CACG,EAAa,KAAK,EAAM,KACvB,EAAA,EAAA,KAAC,MAAD,CAAa,UAAW,EAAA,QAAO,cAC5B,CACE,EAFK,CAEL,CACN,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,CAAY,CAAA,CACnB,GACF,CAAA,CAET"}

package/dist/components/TerminalView/TerminalView.d.ts

@@ -10,4 +10,4 @@ export interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {
     /** Automatically scroll to the latest line when content changes. Defaults to `true`. */
     autoScroll?: boolean;
 }
-export declare function TerminalView({ lines, variant, maxLines, autoScroll, className, ...props }: TerminalViewProps): import("react/jsx-runtime").JSX.Element;
+export declare const TerminalView: ({ lines, variant, maxLines, autoScroll, className, ...props }: TerminalViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TerminalView/TerminalView.js

@@ -2,7 +2,7 @@ import e from "./TerminalView.module.css.js";
 import { useEffect as t, useRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/TerminalView/TerminalView.tsx
-function a({ lines: a, variant: o = "default", maxLines: s = 500, autoScroll: c = !0, className: l, ...u }) {
+var a = ({ lines: a, variant: o = "default", maxLines: s = 500, autoScroll: c = !0, className: l, ...u }) => {
 	let d = n(null), f = a.slice(-s);
 	return t(() => {
 		c && d.current?.scrollIntoView({ block: "nearest" });
@@ -21,7 +21,7 @@ function a({ lines: a, variant: o = "default", maxLines: s = 500, autoScroll: c
 			}, n)), /* @__PURE__ */ r("div", { ref: d })]
 		})
 	});
-}
+};
 //#endregion
 export { a as TerminalView };
 

package/dist/components/TerminalView/TerminalView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalView.js","names":[],"sources":["../../../src/components/TerminalView/TerminalView.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useRef } from 'react';\n\nimport styles from './TerminalView.module.css';\n\nexport type TerminalVariant = 'default' | 'success' | 'warning' | 'destructive';\n\nexport interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {\n  /** Lines of text to display. */\n  lines: string[];\n  /** Colorize text based on semantic meaning. Defaults to `\"default\"`. */\n  variant?: TerminalVariant;\n  /** Maximum number of lines to keep in the buffer. Defaults to `500`. */\n  maxLines?: number;\n  /** Automatically scroll to the latest line when content changes. Defaults to `true`. */\n  autoScroll?: boolean;\n}\n\nexport function TerminalView({\n  lines,\n  variant = 'default',\n  maxLines = 500,\n  autoScroll = true,\n  className,\n  ...props\n}: TerminalViewProps) {\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const visibleLines = lines.slice(-maxLines);\n\n  useEffect(() => {\n    if (autoScroll) {\n      bottomRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [autoScroll]);\n\n  return (\n    <div\n      className={[styles.terminal, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <pre className={styles.pre}>\n        {visibleLines.map((line, i) => (\n          <div key={i} className={styles.line}>\n            {line}\n          </div>\n        ))}\n        <div ref={bottomRef} />\n      </pre>\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAa,EAC3B,UACA,aAAU,WACV,cAAW,KACX,gBAAa,IACb,cACA,GAAG,KACiB;CACpB,IAAM,IAAY,EAAuB,KAAK,EACxC,IAAe,EAAM,MAAM,CAAC,EAAS;AAQ3C,QANA,QAAgB;AACd,EAAI,KACF,EAAU,SAAS,eAAe,EAAE,OAAO,WAAW,CAAC;IAExD,CAAC,EAAW,CAAC,EAGd,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAU,EAAO;GAAU;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAClF,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,EAAa,KAAK,GAAM,MACvB,kBAAC,OAAD;IAAa,WAAW,EAAO;cAC5B;IACG,EAFI,EAEJ,CACN,EACF,kBAAC,OAAD,EAAK,KAAK,GAAa,CAAA,CACnB;;EACF,CAAA"}
+{"version":3,"file":"TerminalView.js","names":[],"sources":["../../../src/components/TerminalView/TerminalView.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useRef } from 'react';\n\nimport styles from './TerminalView.module.css';\n\nexport type TerminalVariant = 'default' | 'success' | 'warning' | 'destructive';\n\nexport interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {\n  /** Lines of text to display. */\n  lines: string[];\n  /** Colorize text based on semantic meaning. Defaults to `\"default\"`. */\n  variant?: TerminalVariant;\n  /** Maximum number of lines to keep in the buffer. Defaults to `500`. */\n  maxLines?: number;\n  /** Automatically scroll to the latest line when content changes. Defaults to `true`. */\n  autoScroll?: boolean;\n}\n\nexport const TerminalView = ({\n  lines,\n  variant = 'default',\n  maxLines = 500,\n  autoScroll = true,\n  className,\n  ...props\n}: TerminalViewProps) => {\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const visibleLines = lines.slice(-maxLines);\n\n  useEffect(() => {\n    if (autoScroll) {\n      bottomRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [autoScroll]);\n\n  return (\n    <div\n      className={[styles.terminal, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <pre className={styles.pre}>\n        {visibleLines.map((line, i) => (\n          <div key={i} className={styles.line}>\n            {line}\n          </div>\n        ))}\n        <div ref={bottomRef} />\n      </pre>\n    </div>\n  );\n};\n"],"mappings":";;;;AAiBA,IAAa,KAAgB,EAC3B,UACA,aAAU,WACV,cAAW,KACX,gBAAa,IACb,cACA,GAAG,QACoB;CACvB,IAAM,IAAY,EAAuB,IAAI,GACvC,IAAe,EAAM,MAAM,CAAC,CAAQ;CAQ1C,OANA,QAAgB;EACd,AAAI,KACF,EAAU,SAAS,eAAe,EAAE,OAAO,UAAU,CAAC;CAE1D,GAAG,CAAC,CAAU,CAAC,GAGb,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAU,EAAO;GAAU;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EACjF,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,EAAa,KAAK,GAAM,MACvB,kBAAC,OAAD;IAAa,WAAW,EAAO;cAC5B;GACE,GAFK,CAEL,CACN,GACD,kBAAC,OAAD,EAAK,KAAK,EAAY,CAAA,CACnB;;CACF,CAAA;AAET"}

package/dist/components/TerminalView.cjs

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

package/dist/components/Text/Text.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Text.module.css.cjs`);let t=require(`react/jsx-runtime`);var n={"large-title":`h1`,"title-1":`h1`,"title-2":`h2`,"title-3":`h3`,"title-4":`h4`,heading:`h3`,body:`p`,document:`p`,caption:`span`,"caption-heading":`span`,monospace:`code`,numeric:`span`};function r({variant:r=`body`,color:i=`default`,as:a,className:o,children:s,...c}){return(0,t.jsx)(a??n[r],{className:[e.default.text,e.default[r],e.default[`color-${i}`],o].filter(Boolean).join(` `),...c,children:s})}exports.Text=r;
+const e=require("./Text.module.css.cjs");let t=require("react/jsx-runtime");var n={"large-title":`h1`,"title-1":`h1`,"title-2":`h2`,"title-3":`h3`,"title-4":`h4`,heading:`h3`,body:`p`,document:`p`,caption:`span`,"caption-heading":`span`,monospace:`code`,numeric:`span`},r=({variant:r=`body`,color:i=`default`,as:a,className:o,children:s,...c})=>(0,t.jsx)(a??n[r],{className:[e.default.text,e.default[r],e.default[`color-${i}`],o].filter(Boolean).join(` `),...c,children:s});exports.Text=r;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Text.module.css';\n\nexport type TextVariant =\n  | 'large-title'\n  | 'title-1'\n  | 'title-2'\n  | 'title-3'\n  | 'title-4'\n  | 'heading'\n  | 'body'\n  | 'document'\n  | 'caption'\n  | 'caption-heading'\n  | 'monospace'\n  | 'numeric';\n\nexport type TextColor =\n  | 'default'\n  | 'dim'\n  | 'accent'\n  | 'destructive'\n  | 'success'\n  | 'warning'\n  | 'error';\n\n/** Default HTML element rendered for each variant */\nconst defaultElement: Record<TextVariant, ElementType> = {\n  'large-title': 'h1',\n  'title-1': 'h1',\n  'title-2': 'h2',\n  'title-3': 'h3',\n  'title-4': 'h4',\n  heading: 'h3',\n  body: 'p',\n  document: 'p',\n  caption: 'span',\n  'caption-heading': 'span',\n  monospace: 'code',\n  numeric: 'span',\n};\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  /** Typography style. Mirrors Adwaita / GNOME HIG text styles. */\n  variant?: TextVariant;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Override the rendered HTML element. */\n  as?: ElementType;\n  children?: ReactNode;\n}\n\n/**\n * Text component following GNOME Human Interface Guidelines typography styles.\n *\n * Variants map directly to Adwaita style classes:\n * `large-title`, `title-1`–`title-4`, `heading`, `body`, `document`,\n * `caption`, `caption-heading`, `monospace`, `numeric`.\n *\n * @see https://developer.gnome.org/hig/guidelines/typography.html\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html\n */\nexport function Text({\n  variant = 'body',\n  color = 'default',\n  as,\n  className,\n  children,\n  ...props\n}: TextProps) {\n  const Tag = as ?? defaultElement[variant];\n\n  const classes = [styles.text, styles[variant], styles[`color-${color}`], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n}\n"],"mappings":"4EA4BA,IAAM,EAAmD,CACvD,cAAe,KACf,UAAW,KACX,UAAW,KACX,UAAW,KACX,UAAW,KACX,QAAS,KACT,KAAM,IACN,SAAU,IACV,QAAS,OACT,kBAAmB,OACnB,UAAW,OACX,QAAS,OACV,CAsBD,SAAgB,EAAK,CACnB,UAAU,OACV,QAAQ,UACR,KACA,YACA,WACA,GAAG,GACS,CAOZ,OACE,EAAA,EAAA,KAPU,GAAM,EAAe,GAO/B,CAAK,UALS,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,GAAU,EAAA,QAAO,SAAS,KAAU,EAAU,CAChF,OAAO,QAAQ,CACf,KAAK,IAAI,CAGe,GAAI,EAC1B,WACG,CAAA"}
+{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Text.module.css';\n\nexport type TextVariant =\n  | 'large-title'\n  | 'title-1'\n  | 'title-2'\n  | 'title-3'\n  | 'title-4'\n  | 'heading'\n  | 'body'\n  | 'document'\n  | 'caption'\n  | 'caption-heading'\n  | 'monospace'\n  | 'numeric';\n\nexport type TextColor =\n  | 'default'\n  | 'dim'\n  | 'accent'\n  | 'destructive'\n  | 'success'\n  | 'warning'\n  | 'error';\n\n/** Default HTML element rendered for each variant */\nconst defaultElement: Record<TextVariant, ElementType> = {\n  'large-title': 'h1',\n  'title-1': 'h1',\n  'title-2': 'h2',\n  'title-3': 'h3',\n  'title-4': 'h4',\n  heading: 'h3',\n  body: 'p',\n  document: 'p',\n  caption: 'span',\n  'caption-heading': 'span',\n  monospace: 'code',\n  numeric: 'span',\n};\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  /** Typography style. Mirrors Adwaita / GNOME HIG text styles. */\n  variant?: TextVariant;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Override the rendered HTML element. */\n  as?: ElementType;\n  children?: ReactNode;\n}\n\n/**\n * Text component following GNOME Human Interface Guidelines typography styles.\n *\n * Variants map directly to Adwaita style classes:\n * `large-title`, `title-1`–`title-4`, `heading`, `body`, `document`,\n * `caption`, `caption-heading`, `monospace`, `numeric`.\n *\n * @see https://developer.gnome.org/hig/guidelines/typography.html\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html\n */\nexport const Text = ({\n  variant = 'body',\n  color = 'default',\n  as,\n  className,\n  children,\n  ...props\n}: TextProps) => {\n  const Tag = as ?? defaultElement[variant];\n\n  const classes = [styles.text, styles[variant], styles[`color-${color}`], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n};\n"],"mappings":"4EA4BA,IAAM,EAAmD,CACvD,cAAe,KACf,UAAW,KACX,UAAW,KACX,UAAW,KACX,UAAW,KACX,QAAS,KACT,KAAM,IACN,SAAU,IACV,QAAS,OACT,kBAAmB,OACnB,UAAW,OACX,QAAS,MACX,EAsBa,GAAQ,CACnB,UAAU,OACV,QAAQ,UACR,KACA,YACA,WACA,GAAG,MASD,EAAA,EAAA,KAPU,GAAM,EAAe,GAO/B,CAAK,UALS,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,GAAU,EAAA,QAAO,SAAS,KAAU,CAAS,EAC/E,OAAO,OAAO,EACd,KAAK,GAGU,EAAS,GAAI,EAC1B,UACE,CAAA"}

package/dist/components/Text/Text.d.ts

@@ -20,4 +20,4 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
  * @see https://developer.gnome.org/hig/guidelines/typography.html
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html
  */
-export declare function Text({ variant, color, as, className, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ variant, color, as, className, children, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Text/Text.js

@@ -14,19 +14,16 @@ var n = {
 	"caption-heading": "span",
 	monospace: "code",
 	numeric: "span"
-};
-function r({ variant: r = "body", color: i = "default", as: a, className: o, children: s, ...c }) {
-	return /* @__PURE__ */ t(a ?? n[r], {
-		className: [
-			e.text,
-			e[r],
-			e[`color-${i}`],
-			o
-		].filter(Boolean).join(" "),
-		...c,
-		children: s
-	});
-}
+}, r = ({ variant: r = "body", color: i = "default", as: a, className: o, children: s, ...c }) => /* @__PURE__ */ t(a ?? n[r], {
+	className: [
+		e.text,
+		e[r],
+		e[`color-${i}`],
+		o
+	].filter(Boolean).join(" "),
+	...c,
+	children: s
+});
 //#endregion
 export { r as Text };
 

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Text.module.css';\n\nexport type TextVariant =\n  | 'large-title'\n  | 'title-1'\n  | 'title-2'\n  | 'title-3'\n  | 'title-4'\n  | 'heading'\n  | 'body'\n  | 'document'\n  | 'caption'\n  | 'caption-heading'\n  | 'monospace'\n  | 'numeric';\n\nexport type TextColor =\n  | 'default'\n  | 'dim'\n  | 'accent'\n  | 'destructive'\n  | 'success'\n  | 'warning'\n  | 'error';\n\n/** Default HTML element rendered for each variant */\nconst defaultElement: Record<TextVariant, ElementType> = {\n  'large-title': 'h1',\n  'title-1': 'h1',\n  'title-2': 'h2',\n  'title-3': 'h3',\n  'title-4': 'h4',\n  heading: 'h3',\n  body: 'p',\n  document: 'p',\n  caption: 'span',\n  'caption-heading': 'span',\n  monospace: 'code',\n  numeric: 'span',\n};\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  /** Typography style. Mirrors Adwaita / GNOME HIG text styles. */\n  variant?: TextVariant;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Override the rendered HTML element. */\n  as?: ElementType;\n  children?: ReactNode;\n}\n\n/**\n * Text component following GNOME Human Interface Guidelines typography styles.\n *\n * Variants map directly to Adwaita style classes:\n * `large-title`, `title-1`–`title-4`, `heading`, `body`, `document`,\n * `caption`, `caption-heading`, `monospace`, `numeric`.\n *\n * @see https://developer.gnome.org/hig/guidelines/typography.html\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html\n */\nexport function Text({\n  variant = 'body',\n  color = 'default',\n  as,\n  className,\n  children,\n  ...props\n}: TextProps) {\n  const Tag = as ?? defaultElement[variant];\n\n  const classes = [styles.text, styles[variant], styles[`color-${color}`], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n}\n"],"mappings":";;;AA4BA,IAAM,IAAmD;CACvD,eAAe;CACf,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;CACV,SAAS;CACT,mBAAmB;CACnB,WAAW;CACX,SAAS;CACV;AAsBD,SAAgB,EAAK,EACnB,aAAU,QACV,WAAQ,WACR,OACA,cACA,aACA,GAAG,KACS;AAOZ,QACE,kBAPU,KAAM,EAAe,IAO/B;EAAK,WALS;GAAC,EAAO;GAAM,EAAO;GAAU,EAAO,SAAS;GAAU;GAAU,CAChF,OAAO,QAAQ,CACf,KAAK,IAAI;EAGe,GAAI;EAC1B;EACG,CAAA"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Text.module.css';\n\nexport type TextVariant =\n  | 'large-title'\n  | 'title-1'\n  | 'title-2'\n  | 'title-3'\n  | 'title-4'\n  | 'heading'\n  | 'body'\n  | 'document'\n  | 'caption'\n  | 'caption-heading'\n  | 'monospace'\n  | 'numeric';\n\nexport type TextColor =\n  | 'default'\n  | 'dim'\n  | 'accent'\n  | 'destructive'\n  | 'success'\n  | 'warning'\n  | 'error';\n\n/** Default HTML element rendered for each variant */\nconst defaultElement: Record<TextVariant, ElementType> = {\n  'large-title': 'h1',\n  'title-1': 'h1',\n  'title-2': 'h2',\n  'title-3': 'h3',\n  'title-4': 'h4',\n  heading: 'h3',\n  body: 'p',\n  document: 'p',\n  caption: 'span',\n  'caption-heading': 'span',\n  monospace: 'code',\n  numeric: 'span',\n};\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n  /** Typography style. Mirrors Adwaita / GNOME HIG text styles. */\n  variant?: TextVariant;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Override the rendered HTML element. */\n  as?: ElementType;\n  children?: ReactNode;\n}\n\n/**\n * Text component following GNOME Human Interface Guidelines typography styles.\n *\n * Variants map directly to Adwaita style classes:\n * `large-title`, `title-1`–`title-4`, `heading`, `body`, `document`,\n * `caption`, `caption-heading`, `monospace`, `numeric`.\n *\n * @see https://developer.gnome.org/hig/guidelines/typography.html\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html\n */\nexport const Text = ({\n  variant = 'body',\n  color = 'default',\n  as,\n  className,\n  children,\n  ...props\n}: TextProps) => {\n  const Tag = as ?? defaultElement[variant];\n\n  const classes = [styles.text, styles[variant], styles[`color-${color}`], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n};\n"],"mappings":";;;AA4BA,IAAM,IAAmD;CACvD,eAAe;CACf,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;CACV,SAAS;CACT,mBAAmB;CACnB,WAAW;CACX,SAAS;AACX,GAsBa,KAAQ,EACnB,aAAU,QACV,WAAQ,WACR,OACA,cACA,aACA,GAAG,QASD,kBAPU,KAAM,EAAe,IAO/B;CAAK,WALS;EAAC,EAAO;EAAM,EAAO;EAAU,EAAO,SAAS;EAAU;CAAS,EAC/E,OAAO,OAAO,EACd,KAAK,GAGU;CAAS,GAAI;CAC1B;AACE,CAAA"}

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

@@ -1,2 +1,2 @@
-var e=`_text_102e3_1`,t=`_heading_102e3_41`,n=`_body_102e3_48`,r=`_document_102e3_55`,i=`_caption_102e3_62`,a=`_monospace_102e3_78`,o=`_numeric_102e3_85`,s={text:e,"large-title":`_large-title_102e3_9`,"title-1":`_title-1_102e3_16`,"title-2":`_title-2_102e3_22`,"title-3":`_title-3_102e3_28`,"title-4":`_title-4_102e3_34`,heading:t,body:n,document:r,caption:i,"caption-heading":`_caption-heading_102e3_69`,monospace:a,numeric:o,"color-default":`_color-default_102e3_95`,"color-dim":`_color-dim_102e3_99`,"color-accent":`_color-accent_102e3_103`,"color-destructive":`_color-destructive_102e3_107`,"color-success":`_color-success_102e3_111`,"color-warning":`_color-warning_102e3_115`,"color-error":`_color-error_102e3_119`};exports.default=s;
+var e={text:`_text_102e3_1`,"large-title":`_large-title_102e3_9`,"title-1":`_title-1_102e3_16`,"title-2":`_title-2_102e3_22`,"title-3":`_title-3_102e3_28`,"title-4":`_title-4_102e3_34`,heading:`_heading_102e3_41`,body:`_body_102e3_48`,document:`_document_102e3_55`,caption:`_caption_102e3_62`,"caption-heading":`_caption-heading_102e3_69`,monospace:`_monospace_102e3_78`,numeric:`_numeric_102e3_85`,"color-default":`_color-default_102e3_95`,"color-dim":`_color-dim_102e3_99`,"color-accent":`_color-accent_102e3_103`,"color-destructive":`_color-destructive_102e3_107`,"color-success":`_color-success_102e3_111`,"color-warning":`_color-warning_102e3_115`,"color-error":`_color-error_102e3_119`};exports.default=e;
 //# sourceMappingURL=Text.module.css.cjs.map

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

@@ -1,18 +1,17 @@
-//#region src/components/Text/Text.module.css
-var e = "_text_102e3_1", t = "_heading_102e3_41", n = "_body_102e3_48", r = "_document_102e3_55", i = "_caption_102e3_62", a = "_monospace_102e3_78", o = "_numeric_102e3_85", s = {
-	text: e,
+var e = {
+	text: "_text_102e3_1",
 	"large-title": "_large-title_102e3_9",
 	"title-1": "_title-1_102e3_16",
 	"title-2": "_title-2_102e3_22",
 	"title-3": "_title-3_102e3_28",
 	"title-4": "_title-4_102e3_34",
-	heading: t,
-	body: n,
-	document: r,
-	caption: i,
+	heading: "_heading_102e3_41",
+	body: "_body_102e3_48",
+	document: "_document_102e3_55",
+	caption: "_caption_102e3_62",
 	"caption-heading": "_caption-heading_102e3_69",
-	monospace: a,
-	numeric: o,
+	monospace: "_monospace_102e3_78",
+	numeric: "_numeric_102e3_85",
 	"color-default": "_color-default_102e3_95",
 	"color-dim": "_color-dim_102e3_99",
 	"color-accent": "_color-accent_102e3_103",
@@ -22,6 +21,6 @@ var e = "_text_102e3_1", t = "_heading_102e3_41", n = "_body_102e3_48", r = "_do
 	"color-error": "_color-error_102e3_119"
 };
 //#endregion
-export { s as default };
+export { e as default };
 
 //# sourceMappingURL=Text.module.css.js.map