@gnome-ui/react 1.48.0 → 1.49.1

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.module.css.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Switch track ──────────────────────────────────────────────────────────── */\n\n.switchTrack {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.12));\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* When checked, colour the track */\n.row[aria-checked=\"true\"] .switchTrack {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* ─── Switch thumb ──────────────────────────────────────────────────────────── */\n\n.switchThumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.switchThumbOn {\n  transform: translateX(28px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switchTrack {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n\n  .switchThumb {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .row[aria-checked=\"true\"] .switchThumb {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .switchTrack {\n    border-width: 2px;\n  }\n\n  .switchThumb {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switchTrack,\n  .switchThumb {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SwitchRow.module.css.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Switch track ──────────────────────────────────────────────────────────── */\n\n.switchTrack {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle, rgb(0 0 0 / 0.12));\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* When checked, colour the track */\n.row[aria-checked=\"true\"] .switchTrack {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* ─── Switch thumb ──────────────────────────────────────────────────────────── */\n\n.switchThumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #fff;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.switchThumbOn {\n  transform: translateX(28px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switchTrack {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n\n  .switchThumb {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .row[aria-checked=\"true\"] .switchThumb {\n    background-color: #fff;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .switchTrack {\n    border-width: 2px;\n  }\n\n  .switchThumb {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switchTrack,\n  .switchThumb {\n    transition: none;\n  }\n}\n"],"mappings":""}

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");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;
+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)`)??[]),{activeElement:n}=document,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 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"}
+{"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;\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,CAAE,iBAAkB,SACpB,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.js

@@ -5,7 +5,7 @@ import { jsx as n } from "react/jsx-runtime";
 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;
+		let t = Array.from(c.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), { activeElement: n } = document, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
 		if (r === -1) return;
 		let i = r;
 		if (e.key === "ArrowRight") i = (r + 1) % t.length;

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 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"}
+{"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;\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,EAAE,qBAAkB,UACpB,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/Tabs.module.css.cjs

@@ -1,2 +1,2 @@
-var e={bar:`_bar_1faeq_3`,list:`_list_1faeq_10`,tab:`_tab_1faeq_26`,active:`_active_1faeq_81`,tabIcon:`_tabIcon_1faeq_102`,tabLabel:`_tabLabel_1faeq_110`,tabBadge:`_tabBadge_1faeq_119`,closeBtn:`_closeBtn_1faeq_126`,panel:`_panel_1faeq_164`,inline:`_inline_1faeq_174`};exports.default=e;
+var e={bar:`_bar_1lfti_3`,list:`_list_1lfti_10`,tab:`_tab_1lfti_26`,active:`_active_1lfti_77`,tabIcon:`_tabIcon_1lfti_98`,tabLabel:`_tabLabel_1lfti_106`,tabBadge:`_tabBadge_1lfti_115`,closeBtn:`_closeBtn_1lfti_122`,panel:`_panel_1lfti_158`,inline:`_inline_1lfti_168`};exports.default=e;
 //# sourceMappingURL=Tabs.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.css.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.7;\n\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tabs.module.css.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.7;\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,14 +1,14 @@
 var e = {
-	bar: "_bar_1faeq_3",
-	list: "_list_1faeq_10",
-	tab: "_tab_1faeq_26",
-	active: "_active_1faeq_81",
-	tabIcon: "_tabIcon_1faeq_102",
-	tabLabel: "_tabLabel_1faeq_110",
-	tabBadge: "_tabBadge_1faeq_119",
-	closeBtn: "_closeBtn_1faeq_126",
-	panel: "_panel_1faeq_164",
-	inline: "_inline_1faeq_174"
+	bar: "_bar_1lfti_3",
+	list: "_list_1lfti_10",
+	tab: "_tab_1lfti_26",
+	active: "_active_1lfti_77",
+	tabIcon: "_tabIcon_1lfti_98",
+	tabLabel: "_tabLabel_1lfti_106",
+	tabBadge: "_tabBadge_1lfti_115",
+	closeBtn: "_closeBtn_1lfti_122",
+	panel: "_panel_1lfti_158",
+	inline: "_inline_1lfti_168"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.css.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.7;\n\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tabs.module.css.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.7;\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={terminal:`_terminal_1gr0s_3`,pre:`_pre_1gr0s_18`,line:`_line_1gr0s_25`,success:`_success_1gr0s_41`,warning:`_warning_1gr0s_45`,destructive:`_destructive_1gr0s_49`};exports.default=e;
+var e={terminal:`_terminal_4hd0o_3`,pre:`_pre_4hd0o_18`,line:`_line_4hd0o_25`,success:`_success_4hd0o_41`,warning:`_warning_4hd0o_45`,destructive:`_destructive_4hd0o_49`};exports.default=e;
 //# sourceMappingURL=TerminalView.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TerminalView.module.css.cjs","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgba(255, 255, 255, 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}
+{"version":3,"file":"TerminalView.module.css.cjs","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgb(255 255 255 / 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgb(255 255 255 / 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n    scrollbar-color: rgb(0 0 0 / 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
 var e = {
-	terminal: "_terminal_1gr0s_3",
-	pre: "_pre_1gr0s_18",
-	line: "_line_1gr0s_25",
-	success: "_success_1gr0s_41",
-	warning: "_warning_1gr0s_45",
-	destructive: "_destructive_1gr0s_49"
+	terminal: "_terminal_4hd0o_3",
+	pre: "_pre_4hd0o_18",
+	line: "_line_4hd0o_25",
+	success: "_success_4hd0o_41",
+	warning: "_warning_4hd0o_45",
+	destructive: "_destructive_4hd0o_49"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TerminalView.module.css.js","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgba(255, 255, 255, 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}
+{"version":3,"file":"TerminalView.module.css.js","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgb(255 255 255 / 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgb(255 255 255 / 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n    scrollbar-color: rgb(0 0 0 / 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-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;
+var e={text:`_text_v6j3x_1`,"large-title":`_large-title_v6j3x_9`,"title-1":`_title-1_v6j3x_16`,"title-2":`_title-2_v6j3x_22`,"title-3":`_title-3_v6j3x_28`,"title-4":`_title-4_v6j3x_34`,heading:`_heading_v6j3x_41`,body:`_body_v6j3x_48`,document:`_document_v6j3x_55`,caption:`_caption_v6j3x_62`,"caption-heading":`_caption-heading_v6j3x_69`,monospace:`_monospace_v6j3x_78`,numeric:`_numeric_v6j3x_85`,"color-default":`_color-default_v6j3x_95`,"color-dim":`_color-dim_v6j3x_99`,"color-accent":`_color-accent_v6j3x_103`,"color-destructive":`_color-destructive_v6j3x_107`,"color-success":`_color-success_v6j3x_111`,"color-warning":`_color-warning_v6j3x_115`,"color-error":`_color-error_v6j3x_119`};exports.default=e;
 //# sourceMappingURL=Text.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.module.css.cjs","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.css.cjs","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}

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

@@ -1,24 +1,24 @@
 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"
+	text: "_text_v6j3x_1",
+	"large-title": "_large-title_v6j3x_9",
+	"title-1": "_title-1_v6j3x_16",
+	"title-2": "_title-2_v6j3x_22",
+	"title-3": "_title-3_v6j3x_28",
+	"title-4": "_title-4_v6j3x_34",
+	heading: "_heading_v6j3x_41",
+	body: "_body_v6j3x_48",
+	document: "_document_v6j3x_55",
+	caption: "_caption_v6j3x_62",
+	"caption-heading": "_caption-heading_v6j3x_69",
+	monospace: "_monospace_v6j3x_78",
+	numeric: "_numeric_v6j3x_85",
+	"color-default": "_color-default_v6j3x_95",
+	"color-dim": "_color-dim_v6j3x_99",
+	"color-accent": "_color-accent_v6j3x_103",
+	"color-destructive": "_color-destructive_v6j3x_107",
+	"color-success": "_color-success_v6j3x_111",
+	"color-warning": "_color-warning_v6j3x_115",
+	"color-error": "_color-error_v6j3x_119"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.module.css.js","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.css.js","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_zlv0c_3`,disabled:`_disabled_zlv0c_9`,label:`_label_zlv0c_15`,input:`_input_zlv0c_25`,errorInput:`_errorInput_zlv0c_74`,hint:`_hint_zlv0c_89`,errorHint:`_errorHint_zlv0c_97`};exports.default=e;
+var e={wrapper:`_wrapper_1ix43_3`,disabled:`_disabled_1ix43_9`,label:`_label_1ix43_15`,input:`_input_1ix43_25`,errorInput:`_errorInput_1ix43_69`,hint:`_hint_1ix43_84`,errorHint:`_errorHint_1ix43_92`};exports.default=e;
 //# sourceMappingURL=TextField.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.module.css.cjs","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  -webkit-appearance: none;\n\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-view-fg-color, rgba(0, 0, 0, 0.8));\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextField.module.css.cjs","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-view-fg-color, rgb(0 0 0 / 0.8));\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	wrapper: "_wrapper_zlv0c_3",
-	disabled: "_disabled_zlv0c_9",
-	label: "_label_zlv0c_15",
-	input: "_input_zlv0c_25",
-	errorInput: "_errorInput_zlv0c_74",
-	hint: "_hint_zlv0c_89",
-	errorHint: "_errorHint_zlv0c_97"
+	wrapper: "_wrapper_1ix43_3",
+	disabled: "_disabled_1ix43_9",
+	label: "_label_1ix43_15",
+	input: "_input_1ix43_25",
+	errorInput: "_errorInput_1ix43_69",
+	hint: "_hint_1ix43_84",
+	errorHint: "_errorHint_1ix43_92"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.module.css.js","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  -webkit-appearance: none;\n\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-view-fg-color, rgba(0, 0, 0, 0.8));\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextField.module.css.js","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-view-fg-color, rgb(0 0 0 / 0.8));\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={vertical:`_vertical_12mfk_12`,item:`_item_12mfk_18`,leading:`_leading_12mfk_25`,nodeTrack:`_nodeTrack_12mfk_32`,content:`_content_12mfk_41`,horizontal:`_horizontal_12mfk_65`,node:`_node_12mfk_32`,nodeDot:`_nodeDot_12mfk_114`,nodeWithIcon:`_nodeWithIcon_12mfk_121`,iconWrap:`_iconWrap_12mfk_128`,lineInvisible:`_lineInvisible_12mfk_139`,line:`_line_12mfk_139`,lineDotted:`_lineDotted_12mfk_153`};exports.default=e;
+var e={vertical:`_vertical_1o7kv_12`,item:`_item_1o7kv_18`,leading:`_leading_1o7kv_25`,nodeTrack:`_nodeTrack_1o7kv_32`,content:`_content_1o7kv_42`,horizontal:`_horizontal_1o7kv_66`,node:`_node_1o7kv_32`,nodeDot:`_nodeDot_1o7kv_115`,nodeWithIcon:`_nodeWithIcon_1o7kv_122`,iconWrap:`_iconWrap_1o7kv_129`,lineInvisible:`_lineInvisible_1o7kv_140`,line:`_line_1o7kv_140`,lineDotted:`_lineDotted_1o7kv_154`};exports.default=e;
 //# sourceMappingURL=Timeline.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.css.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Timeline.module.css.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n}\n"],"mappings":""}

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

@@ -1,17 +1,17 @@
 var e = {
-	vertical: "_vertical_12mfk_12",
-	item: "_item_12mfk_18",
-	leading: "_leading_12mfk_25",
-	nodeTrack: "_nodeTrack_12mfk_32",
-	content: "_content_12mfk_41",
-	horizontal: "_horizontal_12mfk_65",
-	node: "_node_12mfk_32",
-	nodeDot: "_nodeDot_12mfk_114",
-	nodeWithIcon: "_nodeWithIcon_12mfk_121",
-	iconWrap: "_iconWrap_12mfk_128",
-	lineInvisible: "_lineInvisible_12mfk_139",
-	line: "_line_12mfk_139",
-	lineDotted: "_lineDotted_12mfk_153"
+	vertical: "_vertical_1o7kv_12",
+	item: "_item_1o7kv_18",
+	leading: "_leading_1o7kv_25",
+	nodeTrack: "_nodeTrack_1o7kv_32",
+	content: "_content_1o7kv_42",
+	horizontal: "_horizontal_1o7kv_66",
+	node: "_node_1o7kv_32",
+	nodeDot: "_nodeDot_1o7kv_115",
+	nodeWithIcon: "_nodeWithIcon_1o7kv_122",
+	iconWrap: "_iconWrap_1o7kv_129",
+	lineInvisible: "_lineInvisible_1o7kv_140",
+	line: "_line_1o7kv_140",
+	lineDotted: "_lineDotted_1o7kv_154"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.css.js","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Timeline.module.css.js","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={toaster:`_toaster_1poqp_3`,toasterBottom:`_toasterBottom_1poqp_18`,toasterTop:`_toasterTop_1poqp_22`,toast:`_toast_1poqp_3`,"toast-in":`_toast-in_1poqp_1`,title:`_title_1poqp_69`,actions:`_actions_1poqp_76`,actionBtn:`_actionBtn_1poqp_85`,dismissBtn:`_dismissBtn_1poqp_118`};exports.default=e;
+var e={toaster:`_toaster_ag5v3_3`,toasterBottom:`_toasterBottom_ag5v3_17`,toasterTop:`_toasterTop_ag5v3_21`,toast:`_toast_ag5v3_3`,"toast-in":`_toast-in_ag5v3_1`,title:`_title_ag5v3_64`,actions:`_actions_ag5v3_71`,actionBtn:`_actionBtn_ag5v3_80`,dismissBtn:`_dismissBtn_ag5v3_112`};exports.default=e;
 //# sourceMappingURL=Toast.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.css.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":["/* ─── Toaster (portal container) ────────────────────────────────────────────── */\n\n.toaster {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n\n  /* Don't intercept pointer events in empty space */\n  pointer-events: none;\n}\n\n.toasterBottom {\n  bottom: var(--gnome-space-4, 24px);\n}\n\n.toasterTop {\n  top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Toast card ─────────────────────────────────────────────────────────────── */\n\n.toast {\n  pointer-events: auto;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n\n  padding: 10px var(--gnome-space-2, 12px) 10px var(--gnome-space-3, 16px);\n  min-height: 44px;\n  max-width: 480px;\n  min-width: 240px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.15),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n\n  /* Slide in from bottom */\n  animation: toast-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ──────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 6px);\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.actionBtn:hover {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 10%, transparent);\n}\n\n.actionBtn:active {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 18%, transparent);\n}\n\n.actionBtn:focus {\n  outline: none;\n}\n\n.actionBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dismiss button ─────────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: var(--gnome-radius-sm, 6px);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.55;\n\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n  background-color: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.dismissBtn:active {\n  background-color: color-mix(in srgb, currentColor 18%, transparent);\n}\n\n.dismissBtn:focus {\n  outline: none;\n}\n\n.dismissBtn:focus-visible {\n  opacity: 1;\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: var(--gnome-card-bg-color, #383838);\n    box-shadow:\n      0 2px 12px rgba(0, 0, 0, 0.4),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n\n  .actionBtn,\n  .dismissBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Toast.module.css.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":["/* ─── Toaster (portal container) ────────────────────────────────────────────── */\n\n.toaster {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n\n  /* Don't intercept pointer events in empty space */\n  pointer-events: none;\n}\n\n.toasterBottom {\n  bottom: var(--gnome-space-4, 24px);\n}\n\n.toasterTop {\n  top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Toast card ─────────────────────────────────────────────────────────────── */\n\n.toast {\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-2, 12px) 10px var(--gnome-space-3, 16px);\n  min-height: 44px;\n  max-width: 480px;\n  min-width: 240px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 2px 8px rgb(0 0 0 / 0.15),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n\n  /* Slide in from bottom */\n  animation: toast-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ──────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 6px);\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.actionBtn:hover {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 10%, transparent);\n}\n\n.actionBtn:active {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 18%, transparent);\n}\n\n.actionBtn:focus {\n  outline: none;\n}\n\n.actionBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dismiss button ─────────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: var(--gnome-radius-sm, 6px);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.55;\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n  background-color: color-mix(in srgb, currentcolor 10%, transparent);\n}\n\n.dismissBtn:active {\n  background-color: color-mix(in srgb, currentcolor 18%, transparent);\n}\n\n.dismissBtn:focus {\n  outline: none;\n}\n\n.dismissBtn:focus-visible {\n  opacity: 1;\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: var(--gnome-card-bg-color, #383838);\n    box-shadow:\n      0 2px 12px rgb(0 0 0 / 0.4),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n\n  .actionBtn,\n  .dismissBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}