@gnome-ui/react 1.45.0 → 1.45.2

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

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

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type TerminalVariant = "default" | "success" | "warning" | "destructive";
+export type TerminalVariant = 'default' | 'success' | 'warning' | 'destructive';
 export interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {
     /** Lines of text to display. */
     lines: string[];
@@ -10,4 +10,4 @@ export interface TerminalViewProps extends HTMLAttributes<HTMLDivElement> {
     /** Automatically scroll to the latest line when content changes. Defaults to `true`. */
     autoScroll?: boolean;
 }
-export declare function TerminalView({ lines, variant, maxLines, autoScroll, className, ...props }: TerminalViewProps): import("react/jsx-runtime").JSX.Element;
+export declare const TerminalView: ({ lines, variant, maxLines, autoScroll, className, ...props }: TerminalViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TerminalView/TerminalView.js

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

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

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

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

@@ -1,2 +1,2 @@
+export type { TerminalVariant, TerminalViewProps } from './TerminalView';
 export { TerminalView } from './TerminalView';
-export type { TerminalViewProps, TerminalVariant } from './TerminalView';

package/dist/components/TerminalView.cjs

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

package/dist/components/Text/Text.cjs

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

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

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

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

@@ -1,6 +1,6 @@
 import { ElementType, HTMLAttributes, ReactNode } from 'react';
-export type TextVariant = "large-title" | "title-1" | "title-2" | "title-3" | "title-4" | "heading" | "body" | "document" | "caption" | "caption-heading" | "monospace" | "numeric";
-export type TextColor = "default" | "dim" | "accent" | "destructive" | "success" | "warning" | "error";
+export type TextVariant = 'large-title' | 'title-1' | 'title-2' | 'title-3' | 'title-4' | 'heading' | 'body' | 'document' | 'caption' | 'caption-heading' | 'monospace' | 'numeric';
+export type TextColor = 'default' | 'dim' | 'accent' | 'destructive' | 'success' | 'warning' | 'error';
 export interface TextProps extends HTMLAttributes<HTMLElement> {
     /** Typography style. Mirrors Adwaita / GNOME HIG text styles. */
     variant?: TextVariant;
@@ -20,4 +20,4 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
  * @see https://developer.gnome.org/hig/guidelines/typography.html
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/style-classes.html
  */
-export declare function Text({ variant, color, as, className, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ variant, color, as, className, children, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Text/Text.js

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
+export type { TextColor, TextProps, TextVariant } from './Text';
 export { Text } from './Text';
-export type { TextProps, TextVariant, TextColor } from './Text';

package/dist/components/Text.cjs

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

package/dist/components/TextField/TextField.cjs

@@ -1,2 +1,2 @@
-const e=require(`./TextField.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({label:r,helperText:i,error:a,id:o,className:s,disabled:c,...l}){let u=(0,t.useId)(),d=o??u,f=`${d}-help`;return(0,n.jsxs)(`div`,{className:[e.default.wrapper,c?e.default.disabled:null].filter(Boolean).join(` `),children:[r&&(0,n.jsx)(`label`,{htmlFor:d,className:e.default.label,children:r}),(0,n.jsx)(`input`,{id:d,disabled:c,"aria-describedby":a||i?f:void 0,"aria-invalid":a?!0:void 0,className:[e.default.input,a?e.default.errorInput:null,s].filter(Boolean).join(` `),...l}),(a||i)&&(0,n.jsx)(`span`,{id:f,className:[e.default.hint,a?e.default.errorHint:null].filter(Boolean).join(` `),children:a??i})]})}exports.TextField=r;
+const e=require("./TextField.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=({label:r,helperText:i,error:a,id:o,className:s,disabled:c,...l})=>{let u=(0,t.useId)(),d=o??u,f=`${d}-help`;return(0,n.jsxs)(`div`,{className:[e.default.wrapper,c?e.default.disabled:null].filter(Boolean).join(` `),children:[r&&(0,n.jsx)(`label`,{htmlFor:d,className:e.default.label,children:r}),(0,n.jsx)(`input`,{id:d,disabled:c,"aria-describedby":a||i?f:void 0,"aria-invalid":a?!0:void 0,className:[e.default.input,a?e.default.errorInput:null,s].filter(Boolean).join(` `),...l}),(a||i)&&(0,n.jsx)(`span`,{id:f,className:[e.default.hint,a?e.default.errorHint:null].filter(Boolean).join(` `),children:a??i})]})};exports.TextField=r;
 //# sourceMappingURL=TextField.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.cjs","names":[],"sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { useId, type InputHTMLAttributes } from \"react\";\nimport styles from \"./TextField.module.css\";\n\nexport interface TextFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"id\"> {\n  /** Visible label rendered above the input. */\n  label?: string;\n  /** Helper text rendered below the input. Hidden when `error` is set. */\n  helperText?: string;\n  /**\n   * Error message rendered below the input in place of `helperText`.\n   * Also applies the error visual state to the input border.\n   */\n  error?: string;\n  /** Explicit id. Auto-generated when omitted. */\n  id?: string;\n}\n\n/**\n * Single-line text input with label, helper text, and error state.\n *\n * Follows the Adwaita `GtkEntry` / `.entry` style class.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/text-fields.html\n */\nexport function TextField({\n  label,\n  helperText,\n  error,\n  id: idProp,\n  className,\n  disabled,\n  ...props\n}: TextFieldProps) {\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helpId = `${id}-help`;\n\n  return (\n    <div className={[styles.wrapper, disabled ? styles.disabled : null].filter(Boolean).join(\" \")}>\n      {label && (\n        <label htmlFor={id} className={styles.label}>\n          {label}\n        </label>\n      )}\n\n      <input\n        id={id}\n        disabled={disabled}\n        aria-describedby={error || helperText ? helpId : undefined}\n        aria-invalid={error ? true : undefined}\n        className={[\n          styles.input,\n          error ? styles.errorInput : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        {...props}\n      />\n\n      {(error || helperText) && (\n        <span\n          id={helpId}\n          className={[styles.hint, error ? styles.errorHint : null]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          {error ?? helperText}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"oGAyBA,SAAgB,EAAU,CACxB,QACA,aACA,QACA,GAAI,EACJ,YACA,WACA,GAAG,GACc,CACjB,IAAM,GAAA,EAAA,EAAA,QAAgB,CAChB,EAAK,GAAU,EACf,EAAS,GAAG,EAAG,OAErB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,QAAS,EAAW,EAAA,QAAO,SAAW,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,UAA7F,CACG,IACC,EAAA,EAAA,KAAC,QAAD,CAAO,QAAS,EAAI,UAAW,EAAA,QAAO,eACnC,EACK,CAAA,EAGV,EAAA,EAAA,KAAC,QAAD,CACM,KACM,WACV,mBAAkB,GAAS,EAAa,EAAS,IAAA,GACjD,eAAc,EAAQ,GAAO,IAAA,GAC7B,UAAW,CACT,EAAA,QAAO,MACP,EAAQ,EAAA,QAAO,WAAa,KAC5B,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,EACJ,CAAA,EAEA,GAAS,KACT,EAAA,EAAA,KAAC,OAAD,CACE,GAAI,EACJ,UAAW,CAAC,EAAA,QAAO,KAAM,EAAQ,EAAA,QAAO,UAAY,KAAK,CACtD,OAAO,QAAQ,CACf,KAAK,IAAI,UAEX,GAAS,EACL,CAAA,CAEL"}
+{"version":3,"file":"TextField.cjs","names":[],"sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { type InputHTMLAttributes, useId } from 'react';\n\nimport styles from './TextField.module.css';\n\nexport interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> {\n  /** Visible label rendered above the input. */\n  label?: string;\n  /** Helper text rendered below the input. Hidden when `error` is set. */\n  helperText?: string;\n  /**\n   * Error message rendered below the input in place of `helperText`.\n   * Also applies the error visual state to the input border.\n   */\n  error?: string;\n  /** Explicit id. Auto-generated when omitted. */\n  id?: string;\n}\n\n/**\n * Single-line text input with label, helper text, and error state.\n *\n * Follows the Adwaita `GtkEntry` / `.entry` style class.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/text-fields.html\n */\nexport const TextField = ({\n  label,\n  helperText,\n  error,\n  id: idProp,\n  className,\n  disabled,\n  ...props\n}: TextFieldProps) => {\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helpId = `${id}-help`;\n\n  return (\n    <div className={[styles.wrapper, disabled ? styles.disabled : null].filter(Boolean).join(' ')}>\n      {label && (\n        <label htmlFor={id} className={styles.label}>\n          {label}\n        </label>\n      )}\n\n      <input\n        id={id}\n        disabled={disabled}\n        aria-describedby={error || helperText ? helpId : undefined}\n        aria-invalid={error ? true : undefined}\n        className={[styles.input, error ? styles.errorInput : null, className]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n\n      {(error || helperText) && (\n        <span\n          id={helpId}\n          className={[styles.hint, error ? styles.errorHint : null].filter(Boolean).join(' ')}\n        >\n          {error ?? helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":"oGAyBA,IAAa,GAAa,CACxB,QACA,aACA,QACA,GAAI,EACJ,YACA,WACA,GAAG,KACiB,CACpB,IAAM,GAAA,EAAA,EAAA,OAAe,EACf,EAAK,GAAU,EACf,EAAS,GAAG,EAAG,OAErB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,QAAS,EAAW,EAAA,QAAO,SAAW,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,WAA5F,CACG,IACC,EAAA,EAAA,KAAC,QAAD,CAAO,QAAS,EAAI,UAAW,EAAA,QAAO,eACnC,CACI,CAAA,GAGT,EAAA,EAAA,KAAC,QAAD,CACM,KACM,WACV,mBAAkB,GAAS,EAAa,EAAS,IAAA,GACjD,eAAc,EAAQ,GAAO,IAAA,GAC7B,UAAW,CAAC,EAAA,QAAO,MAAO,EAAQ,EAAA,QAAO,WAAa,KAAM,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,CACL,CAAA,GAEC,GAAS,KACT,EAAA,EAAA,KAAC,OAAD,CACE,GAAI,EACJ,UAAW,CAAC,EAAA,QAAO,KAAM,EAAQ,EAAA,QAAO,UAAY,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,WAEjF,GAAS,CACN,CAAA,CAEL,GAET"}

package/dist/components/TextField/TextField.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "id"> {
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> {
     /** Visible label rendered above the input. */
     label?: string;
     /** Helper text rendered below the input. Hidden when `error` is set. */
@@ -19,4 +19,4 @@ export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElemen
  *
  * @see https://developer.gnome.org/hig/patterns/controls/text-fields.html
  */
-export declare function TextField({ label, helperText, error, id: idProp, className, disabled, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const TextField: ({ label, helperText, error, id: idProp, className, disabled, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TextField/TextField.js

@@ -2,7 +2,7 @@ import e from "./TextField.module.css.js";
 import { useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/TextField/TextField.tsx
-function i({ label: i, helperText: a, error: o, id: s, className: c, disabled: l, ...u }) {
+var i = ({ label: i, helperText: a, error: o, id: s, className: c, disabled: l, ...u }) => {
 	let d = t(), f = s ?? d, p = `${f}-help`;
 	return /* @__PURE__ */ r("div", {
 		className: [e.wrapper, l ? e.disabled : null].filter(Boolean).join(" "),
@@ -31,7 +31,7 @@ function i({ label: i, helperText: a, error: o, id: s, className: c, disabled: l
 			})
 		]
 	});
-}
+};
 //#endregion
 export { i as TextField };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { useId, type InputHTMLAttributes } from \"react\";\nimport styles from \"./TextField.module.css\";\n\nexport interface TextFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"id\"> {\n  /** Visible label rendered above the input. */\n  label?: string;\n  /** Helper text rendered below the input. Hidden when `error` is set. */\n  helperText?: string;\n  /**\n   * Error message rendered below the input in place of `helperText`.\n   * Also applies the error visual state to the input border.\n   */\n  error?: string;\n  /** Explicit id. Auto-generated when omitted. */\n  id?: string;\n}\n\n/**\n * Single-line text input with label, helper text, and error state.\n *\n * Follows the Adwaita `GtkEntry` / `.entry` style class.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/text-fields.html\n */\nexport function TextField({\n  label,\n  helperText,\n  error,\n  id: idProp,\n  className,\n  disabled,\n  ...props\n}: TextFieldProps) {\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helpId = `${id}-help`;\n\n  return (\n    <div className={[styles.wrapper, disabled ? styles.disabled : null].filter(Boolean).join(\" \")}>\n      {label && (\n        <label htmlFor={id} className={styles.label}>\n          {label}\n        </label>\n      )}\n\n      <input\n        id={id}\n        disabled={disabled}\n        aria-describedby={error || helperText ? helpId : undefined}\n        aria-invalid={error ? true : undefined}\n        className={[\n          styles.input,\n          error ? styles.errorInput : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        {...props}\n      />\n\n      {(error || helperText) && (\n        <span\n          id={helpId}\n          className={[styles.hint, error ? styles.errorHint : null]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          {error ?? helperText}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAyBA,SAAgB,EAAU,EACxB,UACA,eACA,UACA,IAAI,GACJ,cACA,aACA,GAAG,KACc;CACjB,IAAM,IAAS,GAAO,EAChB,IAAK,KAAU,GACf,IAAS,GAAG,EAAG;AAErB,QACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,SAAS,IAAW,EAAO,WAAW,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;YAA7F;GACG,KACC,kBAAC,SAAD;IAAO,SAAS;IAAI,WAAW,EAAO;cACnC;IACK,CAAA;GAGV,kBAAC,SAAD;IACM;IACM;IACV,oBAAkB,KAAS,IAAa,IAAS,KAAA;IACjD,gBAAc,IAAQ,KAAO,KAAA;IAC7B,WAAW;KACT,EAAO;KACP,IAAQ,EAAO,aAAa;KAC5B;KACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;IACZ,GAAI;IACJ,CAAA;IAEA,KAAS,MACT,kBAAC,QAAD;IACE,IAAI;IACJ,WAAW,CAAC,EAAO,MAAM,IAAQ,EAAO,YAAY,KAAK,CACtD,OAAO,QAAQ,CACf,KAAK,IAAI;cAEX,KAAS;IACL,CAAA;GAEL"}
+{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { type InputHTMLAttributes, useId } from 'react';\n\nimport styles from './TextField.module.css';\n\nexport interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> {\n  /** Visible label rendered above the input. */\n  label?: string;\n  /** Helper text rendered below the input. Hidden when `error` is set. */\n  helperText?: string;\n  /**\n   * Error message rendered below the input in place of `helperText`.\n   * Also applies the error visual state to the input border.\n   */\n  error?: string;\n  /** Explicit id. Auto-generated when omitted. */\n  id?: string;\n}\n\n/**\n * Single-line text input with label, helper text, and error state.\n *\n * Follows the Adwaita `GtkEntry` / `.entry` style class.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/text-fields.html\n */\nexport const TextField = ({\n  label,\n  helperText,\n  error,\n  id: idProp,\n  className,\n  disabled,\n  ...props\n}: TextFieldProps) => {\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helpId = `${id}-help`;\n\n  return (\n    <div className={[styles.wrapper, disabled ? styles.disabled : null].filter(Boolean).join(' ')}>\n      {label && (\n        <label htmlFor={id} className={styles.label}>\n          {label}\n        </label>\n      )}\n\n      <input\n        id={id}\n        disabled={disabled}\n        aria-describedby={error || helperText ? helpId : undefined}\n        aria-invalid={error ? true : undefined}\n        className={[styles.input, error ? styles.errorInput : null, className]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n\n      {(error || helperText) && (\n        <span\n          id={helpId}\n          className={[styles.hint, error ? styles.errorHint : null].filter(Boolean).join(' ')}\n        >\n          {error ?? helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AAyBA,IAAa,KAAa,EACxB,UACA,eACA,UACA,IAAI,GACJ,cACA,aACA,GAAG,QACiB;CACpB,IAAM,IAAS,EAAM,GACf,IAAK,KAAU,GACf,IAAS,GAAG,EAAG;CAErB,OACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,SAAS,IAAW,EAAO,WAAW,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;YAA5F;GACG,KACC,kBAAC,SAAD;IAAO,SAAS;IAAI,WAAW,EAAO;cACnC;GACI,CAAA;GAGT,kBAAC,SAAD;IACM;IACM;IACV,oBAAkB,KAAS,IAAa,IAAS,KAAA;IACjD,gBAAc,IAAQ,KAAO,KAAA;IAC7B,WAAW;KAAC,EAAO;KAAO,IAAQ,EAAO,aAAa;KAAM;IAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG;IACX,GAAI;GACL,CAAA;IAEC,KAAS,MACT,kBAAC,QAAD;IACE,IAAI;IACJ,WAAW,CAAC,EAAO,MAAM,IAAQ,EAAO,YAAY,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;cAEjF,KAAS;GACN,CAAA;EAEL;;AAET"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_q91d8_3`,disabled:`_disabled_q91d8_9`,label:`_label_q91d8_15`,input:`_input_q91d8_25`,errorInput:`_errorInput_q91d8_74`,hint:`_hint_q91d8_89`,errorHint:`_errorHint_q91d8_97`};exports.default=e;
+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;
 //# 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, 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":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	wrapper: "_wrapper_q91d8_3",
-	disabled: "_disabled_q91d8_9",
-	label: "_label_q91d8_15",
-	input: "_input_q91d8_25",
-	errorInput: "_errorInput_q91d8_74",
-	hint: "_hint_q91d8_89",
-	errorHint: "_errorHint_q91d8_97"
+	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"
 };
 //#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, 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":""}

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

@@ -1,2 +1,2 @@
-export { TextField } from './TextField';
 export type { TextFieldProps } from './TextField';
+export { TextField } from './TextField';

package/dist/components/TextField.cjs

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

package/dist/components/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Timeline.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({items:n,orientation:r=`vertical`,variant:i=`default`,className:a,...o}){let s=r===`horizontal`,c=i!==`none`;return(0,t.jsx)(`div`,{role:`list`,className:[e.default.root,s?e.default.horizontal:e.default.vertical,a].filter(Boolean).join(` `),...o,children:n.map((r,a)=>{let o=a===0,l=a===n.length-1,u=[e.default.line,i===`dotted`?e.default.lineDotted:null].filter(Boolean).join(` `),d=(0,t.jsx)(`div`,{className:[e.default.node,r.icon?e.default.nodeWithIcon:e.default.nodeDot].filter(Boolean).join(` `),children:r.icon&&(0,t.jsx)(`span`,{className:e.default.iconWrap,"aria-hidden":`true`,children:r.icon})});return(0,t.jsxs)(`div`,{role:`listitem`,className:e.default.item,children:[(0,t.jsx)(`div`,{className:e.default.leading,children:r.leading}),s?(0,t.jsxs)(`div`,{className:e.default.nodeTrack,children:[(0,t.jsx)(`div`,{className:[e.default.line,i===`dotted`?e.default.lineDotted:null,o||!c?e.default.lineInvisible:null].filter(Boolean).join(` `),"aria-hidden":`true`}),d,(0,t.jsx)(`div`,{className:[e.default.line,i===`dotted`?e.default.lineDotted:null,l||!c?e.default.lineInvisible:null].filter(Boolean).join(` `),"aria-hidden":`true`})]}):(0,t.jsxs)(`div`,{className:e.default.nodeTrack,children:[d,!l&&c&&(0,t.jsx)(`div`,{className:u,"aria-hidden":`true`})]}),(0,t.jsx)(`div`,{className:e.default.content,children:r.content})]},a)})})}exports.Timeline=n;
+const e=require("./Timeline.module.css.cjs");let t=require("react/jsx-runtime");var n=({items:n,orientation:r=`vertical`,variant:i=`default`,className:a,...o})=>{let s=r===`horizontal`,c=i!==`none`;return(0,t.jsx)(`div`,{role:`list`,className:[e.default.root,s?e.default.horizontal:e.default.vertical,a].filter(Boolean).join(` `),...o,children:n.map((r,a)=>{let o=a===0,l=a===n.length-1,u=[e.default.line,i===`dotted`?e.default.lineDotted:null].filter(Boolean).join(` `),d=(0,t.jsx)(`div`,{className:[e.default.node,r.icon?e.default.nodeWithIcon:e.default.nodeDot].filter(Boolean).join(` `),children:r.icon&&(0,t.jsx)(`span`,{className:e.default.iconWrap,"aria-hidden":`true`,children:r.icon})});return(0,t.jsxs)(`div`,{role:`listitem`,className:e.default.item,children:[(0,t.jsx)(`div`,{className:e.default.leading,children:r.leading}),s?(0,t.jsxs)(`div`,{className:e.default.nodeTrack,children:[(0,t.jsx)(`div`,{className:[e.default.line,i===`dotted`?e.default.lineDotted:null,o||!c?e.default.lineInvisible:null].filter(Boolean).join(` `),"aria-hidden":`true`}),d,(0,t.jsx)(`div`,{className:[e.default.line,i===`dotted`?e.default.lineDotted:null,l||!c?e.default.lineInvisible:null].filter(Boolean).join(` `),"aria-hidden":`true`})]}):(0,t.jsxs)(`div`,{className:e.default.nodeTrack,children:[d,!l&&c&&(0,t.jsx)(`div`,{className:u,"aria-hidden":`true`})]}),(0,t.jsx)(`div`,{className:e.default.content,children:r.content})]},a)})})};exports.Timeline=n;
 //# sourceMappingURL=Timeline.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Timeline.module.css\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TimelineOrientation = \"vertical\" | \"horizontal\";\nexport type TimelineVariant = \"default\" | \"dotted\" | \"none\";\n\nexport interface TimelineItem {\n  /** Icon rendered inside the timeline node. */\n  icon?: ReactNode;\n  /**\n   * Content at the leading edge of the node.\n   * - **Vertical:** rendered to the left of the connector track.\n   * - **Horizontal:** rendered above the node.\n   *\n   * Typical use: timestamp, badge, short label.\n   */\n  leading?: ReactNode;\n  /** Main event content rendered adjacent to the node (title, description…). */\n  content: ReactNode;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLDivElement> {\n  /** Ordered list of timeline events. */\n  items: TimelineItem[];\n  /**\n   * Axis direction of the connector line.\n   * - `\"vertical\"` — events stack top-to-bottom (default).\n   * - `\"horizontal\"` — events flow left-to-right (stepper / progress pattern).\n   */\n  orientation?: TimelineOrientation;\n  /**\n   * Visual style of the connector between nodes.\n   * - `\"default\"` — solid thin line.\n   * - `\"dotted\"` — dotted line; useful for future or pending events.\n   * - `\"none\"` — no connector; each node stands alone.\n   */\n  variant?: TimelineVariant;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Ordered sequence of events connected by a visual timeline.\n *\n * Supports two orientations — vertical (activity feed, history log) and\n * horizontal (stepper, progress indicator) — and three connector styles.\n *\n * ```tsx\n * <Timeline\n *   items={[\n *     {\n *       leading: <Text variant=\"caption\" color=\"dim\">10:32</Text>,\n *       icon: <Icon icon={Check} />,\n *       content: <Text variant=\"body\">Approved</Text>,\n *     },\n *   ]}\n * />\n *\n * <Timeline orientation=\"horizontal\" variant=\"dotted\" items={steps} />\n * ```\n */\nexport function Timeline({\n  items,\n  orientation = \"vertical\",\n  variant = \"default\",\n  className,\n  ...props\n}: TimelineProps) {\n  const horizontal = orientation === \"horizontal\";\n  const showLine = variant !== \"none\";\n\n  return (\n    <div\n      role=\"list\"\n      className={[\n        styles.root,\n        horizontal ? styles.horizontal : styles.vertical,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {items.map((item, i) => {\n        const isFirst = i === 0;\n        const isLast = i === items.length - 1;\n\n        const lineClass = [\n          styles.line,\n          variant === \"dotted\" ? styles.lineDotted : null,\n        ]\n          .filter(Boolean)\n          .join(\" \");\n\n        const node = (\n          <div\n            className={[\n              styles.node,\n              item.icon ? styles.nodeWithIcon : styles.nodeDot,\n            ]\n              .filter(Boolean)\n              .join(\" \")}\n          >\n            {item.icon && (\n              <span className={styles.iconWrap} aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n          </div>\n        );\n\n        return (\n          <div key={i} role=\"listitem\" className={styles.item}>\n            {/* ── Leading (timestamp / label) ── */}\n            {/* Always rendered — even when empty — so every item has the same\n                3 children (leading · nodeTrack · content) that map to the\n                subgrid columns (vertical) or rows (horizontal). */}\n            <div className={styles.leading}>{item.leading}</div>\n\n            {/* ── Node track ── */}\n            {horizontal ? (\n              /*\n               * Always render both half-lines so the node stays centered in\n               * the item regardless of its position. Edge lines are hidden\n               * with visibility:hidden (take space, invisible).\n               */\n              <div className={styles.nodeTrack}>\n                <div\n                  className={[\n                    styles.line,\n                    variant === \"dotted\" ? styles.lineDotted : null,\n                    (isFirst || !showLine) ? styles.lineInvisible : null,\n                  ].filter(Boolean).join(\" \")}\n                  aria-hidden=\"true\"\n                />\n                {node}\n                <div\n                  className={[\n                    styles.line,\n                    variant === \"dotted\" ? styles.lineDotted : null,\n                    (isLast || !showLine) ? styles.lineInvisible : null,\n                  ].filter(Boolean).join(\" \")}\n                  aria-hidden=\"true\"\n                />\n              </div>\n            ) : (\n              <div className={styles.nodeTrack}>\n                {node}\n                {!isLast && showLine && (\n                  <div className={lineClass} aria-hidden=\"true\" />\n                )}\n              </div>\n            )}\n\n            {/* ── Content ── */}\n            <div className={styles.content}>{item.content}</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"gFA+DA,SAAgB,EAAS,CACvB,QACA,cAAc,WACd,UAAU,UACV,YACA,GAAG,GACa,CAChB,IAAM,EAAa,IAAgB,aAC7B,EAAW,IAAY,OAE7B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,UAAW,CACT,EAAA,QAAO,KACP,EAAa,EAAA,QAAO,WAAa,EAAA,QAAO,SACxC,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAEH,EAAM,KAAK,EAAM,IAAM,CACtB,IAAM,EAAU,IAAM,EAChB,EAAS,IAAM,EAAM,OAAS,EAE9B,EAAY,CAChB,EAAA,QAAO,KACP,IAAY,SAAW,EAAA,QAAO,WAAa,KAC5C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CAEN,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,KACP,EAAK,KAAO,EAAA,QAAO,aAAe,EAAA,QAAO,QAC1C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,UAEX,EAAK,OACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,cAAY,gBAC3C,EAAK,KACD,CAAA,CAEL,CAAA,CAGR,OACE,EAAA,EAAA,MAAC,MAAD,CAAa,KAAK,WAAW,UAAW,EAAA,QAAO,cAA/C,EAKE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,EAAK,QAAc,CAAA,CAGnD,GAMC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBAAvB,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,KACP,IAAY,SAAW,EAAA,QAAO,WAAa,KAC1C,GAAW,CAAC,EAAY,EAAA,QAAO,cAAgB,KACjD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC3B,cAAY,OACZ,CAAA,CACD,GACD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,KACP,IAAY,SAAW,EAAA,QAAO,WAAa,KAC1C,GAAU,CAAC,EAAY,EAAA,QAAO,cAAgB,KAChD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC3B,cAAY,OACZ,CAAA,CACE,IAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBAAvB,CACG,EACA,CAAC,GAAU,IACV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAW,cAAY,OAAS,CAAA,CAE9C,IAIR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,EAAK,QAAc,CAAA,CAChD,EA5CI,EA4CJ,EAER,CACE,CAAA"}
+{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Timeline.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TimelineOrientation = 'vertical' | 'horizontal';\nexport type TimelineVariant = 'default' | 'dotted' | 'none';\n\nexport interface TimelineItem {\n  /** Icon rendered inside the timeline node. */\n  icon?: ReactNode;\n  /**\n   * Content at the leading edge of the node.\n   * - **Vertical:** rendered to the left of the connector track.\n   * - **Horizontal:** rendered above the node.\n   *\n   * Typical use: timestamp, badge, short label.\n   */\n  leading?: ReactNode;\n  /** Main event content rendered adjacent to the node (title, description…). */\n  content: ReactNode;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLDivElement> {\n  /** Ordered list of timeline events. */\n  items: TimelineItem[];\n  /**\n   * Axis direction of the connector line.\n   * - `\"vertical\"` — events stack top-to-bottom (default).\n   * - `\"horizontal\"` — events flow left-to-right (stepper / progress pattern).\n   */\n  orientation?: TimelineOrientation;\n  /**\n   * Visual style of the connector between nodes.\n   * - `\"default\"` — solid thin line.\n   * - `\"dotted\"` — dotted line; useful for future or pending events.\n   * - `\"none\"` — no connector; each node stands alone.\n   */\n  variant?: TimelineVariant;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Ordered sequence of events connected by a visual timeline.\n *\n * Supports two orientations — vertical (activity feed, history log) and\n * horizontal (stepper, progress indicator) — and three connector styles.\n *\n * ```tsx\n * <Timeline\n *   items={[\n *     {\n *       leading: <Text variant=\"caption\" color=\"dim\">10:32</Text>,\n *       icon: <Icon icon={Check} />,\n *       content: <Text variant=\"body\">Approved</Text>,\n *     },\n *   ]}\n * />\n *\n * <Timeline orientation=\"horizontal\" variant=\"dotted\" items={steps} />\n * ```\n */\nexport const Timeline = ({\n  items,\n  orientation = 'vertical',\n  variant = 'default',\n  className,\n  ...props\n}: TimelineProps) => {\n  const horizontal = orientation === 'horizontal';\n  const showLine = variant !== 'none';\n\n  return (\n    <div\n      role=\"list\"\n      className={[styles.root, horizontal ? styles.horizontal : styles.vertical, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {items.map((item, i) => {\n        const isFirst = i === 0;\n        const isLast = i === items.length - 1;\n\n        const lineClass = [styles.line, variant === 'dotted' ? styles.lineDotted : null]\n          .filter(Boolean)\n          .join(' ');\n\n        const node = (\n          <div\n            className={[styles.node, item.icon ? styles.nodeWithIcon : styles.nodeDot]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {item.icon && (\n              <span className={styles.iconWrap} aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n          </div>\n        );\n\n        return (\n          <div key={i} role=\"listitem\" className={styles.item}>\n            {/* ── Leading (timestamp / label) ── */}\n            {/* Always rendered — even when empty — so every item has the same\n                3 children (leading · nodeTrack · content) that map to the\n                subgrid columns (vertical) or rows (horizontal). */}\n            <div className={styles.leading}>{item.leading}</div>\n\n            {/* ── Node track ── */}\n            {horizontal ? (\n              /*\n               * Always render both half-lines so the node stays centered in\n               * the item regardless of its position. Edge lines are hidden\n               * with visibility:hidden (take space, invisible).\n               */\n              <div className={styles.nodeTrack}>\n                <div\n                  className={[\n                    styles.line,\n                    variant === 'dotted' ? styles.lineDotted : null,\n                    isFirst || !showLine ? styles.lineInvisible : null,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  aria-hidden=\"true\"\n                />\n                {node}\n                <div\n                  className={[\n                    styles.line,\n                    variant === 'dotted' ? styles.lineDotted : null,\n                    isLast || !showLine ? styles.lineInvisible : null,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  aria-hidden=\"true\"\n                />\n              </div>\n            ) : (\n              <div className={styles.nodeTrack}>\n                {node}\n                {!isLast && showLine && <div className={lineClass} aria-hidden=\"true\" />}\n              </div>\n            )}\n\n            {/* ── Content ── */}\n            <div className={styles.content}>{item.content}</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"gFAgEA,IAAa,GAAY,CACvB,QACA,cAAc,WACd,UAAU,UACV,YACA,GAAG,KACgB,CACnB,IAAM,EAAa,IAAgB,aAC7B,EAAW,IAAY,OAE7B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,UAAW,CAAC,EAAA,QAAO,KAAM,EAAa,EAAA,QAAO,WAAa,EAAA,QAAO,SAAU,CAAS,EACjF,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,WAEH,EAAM,KAAK,EAAM,IAAM,CACtB,IAAM,EAAU,IAAM,EAChB,EAAS,IAAM,EAAM,OAAS,EAE9B,EAAY,CAAC,EAAA,QAAO,KAAM,IAAY,SAAW,EAAA,QAAO,WAAa,IAAI,EAC5E,OAAO,OAAO,EACd,KAAK,GAAG,EAEL,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAK,KAAO,EAAA,QAAO,aAAe,EAAA,QAAO,OAAO,EACtE,OAAO,OAAO,EACd,KAAK,GAAG,WAEV,EAAK,OACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,cAAY,gBAC3C,EAAK,IACF,CAAA,CAEL,CAAA,EAGP,OACE,EAAA,EAAA,MAAC,MAAD,CAAa,KAAK,WAAW,UAAW,EAAA,QAAO,cAA/C,EAKE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,EAAK,OAAa,CAAA,EAGlD,GAMC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBAAvB,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,KACP,IAAY,SAAW,EAAA,QAAO,WAAa,KAC3C,GAAW,CAAC,EAAW,EAAA,QAAO,cAAgB,IAChD,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAY,MACb,CAAA,EACA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,KACP,IAAY,SAAW,EAAA,QAAO,WAAa,KAC3C,GAAU,CAAC,EAAW,EAAA,QAAO,cAAgB,IAC/C,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAY,MACb,CAAA,CACE,KAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBAAvB,CACG,EACA,CAAC,GAAU,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAW,cAAY,MAAQ,CAAA,CACpE,KAIP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,EAAK,OAAa,CAAA,CAChD,GA9CK,CA8CL,CAET,CAAC,CACE,CAAA,CAET"}

package/dist/components/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type TimelineOrientation = "vertical" | "horizontal";
-export type TimelineVariant = "default" | "dotted" | "none";
+export type TimelineOrientation = 'vertical' | 'horizontal';
+export type TimelineVariant = 'default' | 'dotted' | 'none';
 export interface TimelineItem {
     /** Icon rendered inside the timeline node. */
     icon?: ReactNode;
@@ -52,4 +52,4 @@ export interface TimelineProps extends HTMLAttributes<HTMLDivElement> {
  * <Timeline orientation="horizontal" variant="dotted" items={steps} />
  * ```
  */
-export declare function Timeline({ items, orientation, variant, className, ...props }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare const Timeline: ({ items, orientation, variant, className, ...props }: TimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Timeline/Timeline.js

@@ -1,7 +1,7 @@
 import e from "./Timeline.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/Timeline/Timeline.tsx
-function r({ items: r, orientation: i = "vertical", variant: a = "default", className: o, ...s }) {
+var r = ({ items: r, orientation: i = "vertical", variant: a = "default", className: o, ...s }) => {
 	let c = i === "horizontal", l = a !== "none";
 	return /* @__PURE__ */ t("div", {
 		role: "list",
@@ -64,7 +64,7 @@ function r({ items: r, orientation: i = "vertical", variant: a = "default", clas
 			}, o);
 		})
 	});
-}
+};
 //#endregion
 export { r as Timeline };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Timeline.module.css\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TimelineOrientation = \"vertical\" | \"horizontal\";\nexport type TimelineVariant = \"default\" | \"dotted\" | \"none\";\n\nexport interface TimelineItem {\n  /** Icon rendered inside the timeline node. */\n  icon?: ReactNode;\n  /**\n   * Content at the leading edge of the node.\n   * - **Vertical:** rendered to the left of the connector track.\n   * - **Horizontal:** rendered above the node.\n   *\n   * Typical use: timestamp, badge, short label.\n   */\n  leading?: ReactNode;\n  /** Main event content rendered adjacent to the node (title, description…). */\n  content: ReactNode;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLDivElement> {\n  /** Ordered list of timeline events. */\n  items: TimelineItem[];\n  /**\n   * Axis direction of the connector line.\n   * - `\"vertical\"` — events stack top-to-bottom (default).\n   * - `\"horizontal\"` — events flow left-to-right (stepper / progress pattern).\n   */\n  orientation?: TimelineOrientation;\n  /**\n   * Visual style of the connector between nodes.\n   * - `\"default\"` — solid thin line.\n   * - `\"dotted\"` — dotted line; useful for future or pending events.\n   * - `\"none\"` — no connector; each node stands alone.\n   */\n  variant?: TimelineVariant;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Ordered sequence of events connected by a visual timeline.\n *\n * Supports two orientations — vertical (activity feed, history log) and\n * horizontal (stepper, progress indicator) — and three connector styles.\n *\n * ```tsx\n * <Timeline\n *   items={[\n *     {\n *       leading: <Text variant=\"caption\" color=\"dim\">10:32</Text>,\n *       icon: <Icon icon={Check} />,\n *       content: <Text variant=\"body\">Approved</Text>,\n *     },\n *   ]}\n * />\n *\n * <Timeline orientation=\"horizontal\" variant=\"dotted\" items={steps} />\n * ```\n */\nexport function Timeline({\n  items,\n  orientation = \"vertical\",\n  variant = \"default\",\n  className,\n  ...props\n}: TimelineProps) {\n  const horizontal = orientation === \"horizontal\";\n  const showLine = variant !== \"none\";\n\n  return (\n    <div\n      role=\"list\"\n      className={[\n        styles.root,\n        horizontal ? styles.horizontal : styles.vertical,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {items.map((item, i) => {\n        const isFirst = i === 0;\n        const isLast = i === items.length - 1;\n\n        const lineClass = [\n          styles.line,\n          variant === \"dotted\" ? styles.lineDotted : null,\n        ]\n          .filter(Boolean)\n          .join(\" \");\n\n        const node = (\n          <div\n            className={[\n              styles.node,\n              item.icon ? styles.nodeWithIcon : styles.nodeDot,\n            ]\n              .filter(Boolean)\n              .join(\" \")}\n          >\n            {item.icon && (\n              <span className={styles.iconWrap} aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n          </div>\n        );\n\n        return (\n          <div key={i} role=\"listitem\" className={styles.item}>\n            {/* ── Leading (timestamp / label) ── */}\n            {/* Always rendered — even when empty — so every item has the same\n                3 children (leading · nodeTrack · content) that map to the\n                subgrid columns (vertical) or rows (horizontal). */}\n            <div className={styles.leading}>{item.leading}</div>\n\n            {/* ── Node track ── */}\n            {horizontal ? (\n              /*\n               * Always render both half-lines so the node stays centered in\n               * the item regardless of its position. Edge lines are hidden\n               * with visibility:hidden (take space, invisible).\n               */\n              <div className={styles.nodeTrack}>\n                <div\n                  className={[\n                    styles.line,\n                    variant === \"dotted\" ? styles.lineDotted : null,\n                    (isFirst || !showLine) ? styles.lineInvisible : null,\n                  ].filter(Boolean).join(\" \")}\n                  aria-hidden=\"true\"\n                />\n                {node}\n                <div\n                  className={[\n                    styles.line,\n                    variant === \"dotted\" ? styles.lineDotted : null,\n                    (isLast || !showLine) ? styles.lineInvisible : null,\n                  ].filter(Boolean).join(\" \")}\n                  aria-hidden=\"true\"\n                />\n              </div>\n            ) : (\n              <div className={styles.nodeTrack}>\n                {node}\n                {!isLast && showLine && (\n                  <div className={lineClass} aria-hidden=\"true\" />\n                )}\n              </div>\n            )}\n\n            {/* ── Content ── */}\n            <div className={styles.content}>{item.content}</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AA+DA,SAAgB,EAAS,EACvB,UACA,iBAAc,YACd,aAAU,WACV,cACA,GAAG,KACa;CAChB,IAAM,IAAa,MAAgB,cAC7B,IAAW,MAAY;AAE7B,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW;GACT,EAAO;GACP,IAAa,EAAO,aAAa,EAAO;GACxC;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAEH,EAAM,KAAK,GAAM,MAAM;GACtB,IAAM,IAAU,MAAM,GAChB,IAAS,MAAM,EAAM,SAAS,GAE9B,IAAY,CAChB,EAAO,MACP,MAAY,WAAW,EAAO,aAAa,KAC5C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,EAEN,IACJ,kBAAC,OAAD;IACE,WAAW,CACT,EAAO,MACP,EAAK,OAAO,EAAO,eAAe,EAAO,QAC1C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;cAEX,EAAK,QACJ,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAU,eAAY;eAC3C,EAAK;KACD,CAAA;IAEL,CAAA;AAGR,UACE,kBAAC,OAAD;IAAa,MAAK;IAAW,WAAW,EAAO;cAA/C;KAKE,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAU,EAAK;MAAc,CAAA;KAGnD,IAMC,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB;OACE,kBAAC,OAAD;QACE,WAAW;SACT,EAAO;SACP,MAAY,WAAW,EAAO,aAAa;SAC1C,KAAW,CAAC,IAAY,EAAO,gBAAgB;SACjD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;QAC3B,eAAY;QACZ,CAAA;OACD;OACD,kBAAC,OAAD;QACE,WAAW;SACT,EAAO;SACP,MAAY,WAAW,EAAO,aAAa;SAC1C,KAAU,CAAC,IAAY,EAAO,gBAAgB;SAChD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;QAC3B,eAAY;QACZ,CAAA;OACE;UAEN,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACG,GACA,CAAC,KAAU,KACV,kBAAC,OAAD;OAAK,WAAW;OAAW,eAAY;OAAS,CAAA,CAE9C;;KAIR,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAU,EAAK;MAAc,CAAA;KAChD;MA5CI,EA4CJ;IAER;EACE,CAAA"}
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Timeline.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TimelineOrientation = 'vertical' | 'horizontal';\nexport type TimelineVariant = 'default' | 'dotted' | 'none';\n\nexport interface TimelineItem {\n  /** Icon rendered inside the timeline node. */\n  icon?: ReactNode;\n  /**\n   * Content at the leading edge of the node.\n   * - **Vertical:** rendered to the left of the connector track.\n   * - **Horizontal:** rendered above the node.\n   *\n   * Typical use: timestamp, badge, short label.\n   */\n  leading?: ReactNode;\n  /** Main event content rendered adjacent to the node (title, description…). */\n  content: ReactNode;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLDivElement> {\n  /** Ordered list of timeline events. */\n  items: TimelineItem[];\n  /**\n   * Axis direction of the connector line.\n   * - `\"vertical\"` — events stack top-to-bottom (default).\n   * - `\"horizontal\"` — events flow left-to-right (stepper / progress pattern).\n   */\n  orientation?: TimelineOrientation;\n  /**\n   * Visual style of the connector between nodes.\n   * - `\"default\"` — solid thin line.\n   * - `\"dotted\"` — dotted line; useful for future or pending events.\n   * - `\"none\"` — no connector; each node stands alone.\n   */\n  variant?: TimelineVariant;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Ordered sequence of events connected by a visual timeline.\n *\n * Supports two orientations — vertical (activity feed, history log) and\n * horizontal (stepper, progress indicator) — and three connector styles.\n *\n * ```tsx\n * <Timeline\n *   items={[\n *     {\n *       leading: <Text variant=\"caption\" color=\"dim\">10:32</Text>,\n *       icon: <Icon icon={Check} />,\n *       content: <Text variant=\"body\">Approved</Text>,\n *     },\n *   ]}\n * />\n *\n * <Timeline orientation=\"horizontal\" variant=\"dotted\" items={steps} />\n * ```\n */\nexport const Timeline = ({\n  items,\n  orientation = 'vertical',\n  variant = 'default',\n  className,\n  ...props\n}: TimelineProps) => {\n  const horizontal = orientation === 'horizontal';\n  const showLine = variant !== 'none';\n\n  return (\n    <div\n      role=\"list\"\n      className={[styles.root, horizontal ? styles.horizontal : styles.vertical, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {items.map((item, i) => {\n        const isFirst = i === 0;\n        const isLast = i === items.length - 1;\n\n        const lineClass = [styles.line, variant === 'dotted' ? styles.lineDotted : null]\n          .filter(Boolean)\n          .join(' ');\n\n        const node = (\n          <div\n            className={[styles.node, item.icon ? styles.nodeWithIcon : styles.nodeDot]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {item.icon && (\n              <span className={styles.iconWrap} aria-hidden=\"true\">\n                {item.icon}\n              </span>\n            )}\n          </div>\n        );\n\n        return (\n          <div key={i} role=\"listitem\" className={styles.item}>\n            {/* ── Leading (timestamp / label) ── */}\n            {/* Always rendered — even when empty — so every item has the same\n                3 children (leading · nodeTrack · content) that map to the\n                subgrid columns (vertical) or rows (horizontal). */}\n            <div className={styles.leading}>{item.leading}</div>\n\n            {/* ── Node track ── */}\n            {horizontal ? (\n              /*\n               * Always render both half-lines so the node stays centered in\n               * the item regardless of its position. Edge lines are hidden\n               * with visibility:hidden (take space, invisible).\n               */\n              <div className={styles.nodeTrack}>\n                <div\n                  className={[\n                    styles.line,\n                    variant === 'dotted' ? styles.lineDotted : null,\n                    isFirst || !showLine ? styles.lineInvisible : null,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  aria-hidden=\"true\"\n                />\n                {node}\n                <div\n                  className={[\n                    styles.line,\n                    variant === 'dotted' ? styles.lineDotted : null,\n                    isLast || !showLine ? styles.lineInvisible : null,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  aria-hidden=\"true\"\n                />\n              </div>\n            ) : (\n              <div className={styles.nodeTrack}>\n                {node}\n                {!isLast && showLine && <div className={lineClass} aria-hidden=\"true\" />}\n              </div>\n            )}\n\n            {/* ── Content ── */}\n            <div className={styles.content}>{item.content}</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;AAgEA,IAAa,KAAY,EACvB,UACA,iBAAc,YACd,aAAU,WACV,cACA,GAAG,QACgB;CACnB,IAAM,IAAa,MAAgB,cAC7B,IAAW,MAAY;CAE7B,OACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW;GAAC,EAAO;GAAM,IAAa,EAAO,aAAa,EAAO;GAAU;EAAS,EACjF,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;YAEH,EAAM,KAAK,GAAM,MAAM;GACtB,IAAM,IAAU,MAAM,GAChB,IAAS,MAAM,EAAM,SAAS,GAE9B,IAAY,CAAC,EAAO,MAAM,MAAY,WAAW,EAAO,aAAa,IAAI,EAC5E,OAAO,OAAO,EACd,KAAK,GAAG,GAEL,IACJ,kBAAC,OAAD;IACE,WAAW,CAAC,EAAO,MAAM,EAAK,OAAO,EAAO,eAAe,EAAO,OAAO,EACtE,OAAO,OAAO,EACd,KAAK,GAAG;cAEV,EAAK,QACJ,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAU,eAAY;eAC3C,EAAK;IACF,CAAA;GAEL,CAAA;GAGP,OACE,kBAAC,OAAD;IAAa,MAAK;IAAW,WAAW,EAAO;cAA/C;KAKE,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAU,EAAK;KAAa,CAAA;KAGlD,IAMC,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB;OACE,kBAAC,OAAD;QACE,WAAW;SACT,EAAO;SACP,MAAY,WAAW,EAAO,aAAa;SAC3C,KAAW,CAAC,IAAW,EAAO,gBAAgB;QAChD,EACG,OAAO,OAAO,EACd,KAAK,GAAG;QACX,eAAY;OACb,CAAA;OACA;OACD,kBAAC,OAAD;QACE,WAAW;SACT,EAAO;SACP,MAAY,WAAW,EAAO,aAAa;SAC3C,KAAU,CAAC,IAAW,EAAO,gBAAgB;QAC/C,EACG,OAAO,OAAO,EACd,KAAK,GAAG;QACX,eAAY;OACb,CAAA;MACE;UAEL,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACG,GACA,CAAC,KAAU,KAAY,kBAAC,OAAD;OAAK,WAAW;OAAW,eAAY;MAAQ,CAAA,CACpE;;KAIP,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAU,EAAK;KAAa,CAAA;IAChD;MA9CK,CA8CL;EAET,CAAC;CACE,CAAA;AAET"}

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

@@ -1,2 +1,2 @@
+export type { TimelineItem, TimelineOrientation, TimelineProps, TimelineVariant } from './Timeline';
 export { Timeline } from './Timeline';
-export type { TimelineProps, TimelineItem, TimelineOrientation, TimelineVariant } from './Timeline';

package/dist/components/Timeline.cjs

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

package/dist/components/Toast/Toast.cjs

@@ -1,2 +1,2 @@
-const e=require(`../Icon/Icon.cjs`),t=require(`./Toast.module.css.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`@gnome-ui/icons`);function a({title:a,duration:o=3e3,onDismiss:s,actionLabel:c,onAction:l,dismissible:u=!1,className:d,...f}){let p=(0,n.useRef)(null),m=(0,n.useRef)(o),h=(0,n.useRef)(0),g=()=>{p.current&&=(clearTimeout(p.current),null)},_=e=>{e<=0||!s||(g(),h.current=Date.now(),p.current=setTimeout(()=>s(),e))};(0,n.useEffect)(()=>(o>0&&(m.current=o,_(o)),g),[o]);let v=()=>{if(p.current){let e=Date.now()-h.current;m.current=Math.max(0,m.current-e),g()}},y=()=>{_(m.current)},b=()=>{g(),l?.(),s?.()};return(0,r.jsxs)(`div`,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,className:[t.default.toast,d].filter(Boolean).join(` `),onMouseEnter:v,onMouseLeave:y,onFocus:v,onBlur:y,...f,children:[(0,r.jsx)(`span`,{className:t.default.title,children:a}),(c||u)&&(0,r.jsxs)(`span`,{className:t.default.actions,children:[c&&(0,r.jsx)(`button`,{type:`button`,className:t.default.actionBtn,onClick:b,children:c}),u&&(0,r.jsx)(`button`,{type:`button`,className:t.default.dismissBtn,"aria-label":`Dismiss`,onClick:()=>{g(),s?.()},children:(0,r.jsx)(e.Icon,{icon:i.Close,size:`md`,"aria-hidden":!0})})]})]})}exports.Toast=a;
+const e=require("../Icon/Icon.cjs"),t=require("./Toast.module.css.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("@gnome-ui/icons");var a=({title:a,duration:o=3e3,onDismiss:s,actionLabel:c,onAction:l,dismissible:u=!1,className:d,...f})=>{let p=(0,n.useRef)(null),m=(0,n.useRef)(o),h=(0,n.useRef)(0),g=(0,n.useCallback)(()=>{p.current&&=(clearTimeout(p.current),null)},[]),_=(0,n.useCallback)(e=>{e<=0||!s||(g(),h.current=Date.now(),p.current=setTimeout(()=>s(),e))},[s,g]);(0,n.useEffect)(()=>(o>0&&(m.current=o,_(o)),g),[o,_,g]);let v=()=>{if(p.current){let e=Date.now()-h.current;m.current=Math.max(0,m.current-e),g()}},y=()=>{_(m.current)},b=()=>{g(),l?.(),s?.()};return(0,r.jsxs)(`div`,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,className:[t.default.toast,d].filter(Boolean).join(` `),onMouseEnter:v,onMouseLeave:y,onFocus:v,onBlur:y,...f,children:[(0,r.jsx)(`span`,{className:t.default.title,children:a}),(c||u)&&(0,r.jsxs)(`span`,{className:t.default.actions,children:[c&&(0,r.jsx)(`button`,{type:`button`,className:t.default.actionBtn,onClick:b,children:c}),u&&(0,r.jsx)(`button`,{type:`button`,className:t.default.dismissBtn,"aria-label":`Dismiss`,onClick:()=>{g(),s?.()},children:(0,r.jsx)(e.Icon,{icon:i.Close,size:`md`,"aria-hidden":!0})})]})]})};exports.Toast=a;
 //# sourceMappingURL=Toast.cjs.map