@goliapkg/gds 2.1.2 → 2.2.0

package/dist/loading-dots-C1LPHGa0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-dots-C1LPHGa0.js","names":[],"sources":["../src/l3-atoms/tooltip.tsx","../src/l3-atoms/loading-dots.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { forwardRef, useCallback, useRef, useState } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nconst positionClasses: Record<string, string> = {\n  bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n  left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n  right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n  top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n}\n\nconst arrowClasses: Record<string, string> = {\n  bottom:\n    'bottom-full left-1/2 -translate-x-1/2 border-b-bg-tertiary border-x-transparent border-t-transparent border-4',\n  left: 'left-full top-1/2 -translate-y-1/2 border-l-bg-tertiary border-y-transparent border-r-transparent border-4',\n  right:\n    'right-full top-1/2 -translate-y-1/2 border-r-bg-tertiary border-y-transparent border-l-transparent border-4',\n  top: 'top-full left-1/2 -translate-x-1/2 border-t-bg-tertiary border-x-transparent border-b-transparent border-4',\n}\n\ntype TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n  content: ReactNode\n  delay?: number\n  glass?: boolean\n  interactive?: boolean\n  maxWidth?: number\n  placement?: 'bottom' | 'left' | 'right' | 'top'\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(\n    {\n      children,\n      className,\n      content,\n      delay = 300,\n      glass,\n      interactive = false,\n      maxWidth,\n      placement = 'top',\n      ...props\n    },\n    ref\n  ) {\n    const [open, setOpen] = useState(false)\n    const enterTimer = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const leaveTimer = useRef<ReturnType<typeof setTimeout>>(undefined)\n\n    const handleEnter = useCallback(() => {\n      clearTimeout(leaveTimer.current)\n      enterTimer.current = setTimeout(() => setOpen(true), delay)\n    }, [delay])\n\n    const handleLeave = useCallback(() => {\n      clearTimeout(enterTimer.current)\n      if (interactive) {\n        leaveTimer.current = setTimeout(() => setOpen(false), 150)\n      } else {\n        setOpen(false)\n      }\n    }, [interactive])\n\n    return (\n      <div\n        className={cx('relative inline-flex', className)}\n        data-component=\"tooltip\"\n        data-state={open ? 'open' : 'closed'}\n        onMouseEnter={handleEnter}\n        onMouseLeave={handleLeave}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {open && (\n          <div\n            className={cx(\n              'animate-popup gds-radius-tooltip gds-pad-x-sm gds-pad-y-sm gds-text-label text-fg pointer-events-none absolute z-50 whitespace-nowrap',\n              interactive && 'pointer-events-auto',\n              glass === true ? glassClass(glass) : 'bg-bg-tertiary',\n              glass === true && 'border border-white/10'\n            )}\n            onMouseEnter={interactive ? handleEnter : undefined}\n            onMouseLeave={interactive ? handleLeave : undefined}\n            style={\n              maxWidth !== undefined\n                ? { maxWidth, whiteSpace: 'normal' }\n                : undefined\n            }\n          >\n            <span className={cx('absolute', arrowClasses[placement])} />\n            <span className={positionClasses[placement] ? '' : ''}>\n              {content}\n            </span>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nexport type { TooltipProps }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype LoadingDotsProps = React.HTMLAttributes<HTMLSpanElement> & {\n  count?: number\n  size?: 'default' | 'sm'\n}\n\nconst sizeMap = {\n  default: 'h-1.5 w-1.5',\n  sm: 'h-1 w-1',\n}\n\nexport const LoadingDots = forwardRef<HTMLSpanElement, LoadingDotsProps>(\n  function LoadingDots(\n    { className, count = 3, size = 'default', ...props },\n    ref\n  ) {\n    return (\n      <span\n        className={cx('gds-gap-xs inline-flex items-center', className)}\n        data-component=\"loading-dots\"\n        ref={ref}\n        role=\"status\"\n        {...props}\n      >\n        {Array.from({ length: count }, (_, i) => (\n          <span\n            className={cx(\n              'gds-radius-badge bg-fg-muted/40 animate-pulse',\n              sizeMap[size]\n            )}\n            key={i}\n            style={{ animationDelay: `${i * 150}ms` }}\n          />\n        ))}\n      </span>\n    )\n  }\n)\n\nexport type { LoadingDotsProps }\n"],"mappings":";;;;AAMA,IAAM,IAA0C;CAC9C,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACN,EAEK,IAAuC;CAC3C,QACE;CACF,MAAM;CACN,OACE;CACF,KAAK;CACN,EAWY,IAAU,EACrB,SACE,EACE,aACA,cACA,YACA,WAAQ,KACR,UACA,iBAAc,IACd,aACA,eAAY,OACZ,GAAG,KAEL,GACA;CACA,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAa,EAAsC,KAAA,EAAU,EAC7D,IAAa,EAAsC,KAAA,EAAU,EAE7D,IAAc,QAAkB;AAEpC,EADA,aAAa,EAAW,QAAQ,EAChC,EAAW,UAAU,iBAAiB,EAAQ,GAAK,EAAE,EAAM;IAC1D,CAAC,EAAM,CAAC,EAEL,IAAc,QAAkB;AAEpC,EADA,aAAa,EAAW,QAAQ,EAC5B,IACF,EAAW,UAAU,iBAAiB,EAAQ,GAAM,EAAE,IAAI,GAE1D,EAAQ,GAAM;IAEf,CAAC,EAAY,CAAC;AAEjB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,wBAAwB,EAAU;EAChD,kBAAe;EACf,cAAY,IAAO,SAAS;EAC5B,cAAc;EACd,cAAc;EACT;EACL,GAAI;YAPN,CASG,GACA,KACC,kBAAC,OAAD;GACE,WAAW,EACT,yIACA,KAAe,uBACf,MAAU,KAAO,EAAW,EAAM,GAAG,kBACrC,MAAU,MAAQ,yBACnB;GACD,cAAc,IAAc,IAAc,KAAA;GAC1C,cAAc,IAAc,IAAc,KAAA;GAC1C,OACE,MAAa,KAAA,IAET,KAAA,IADA;IAAE;IAAU,YAAY;IAAU;aAX1C,CAeE,kBAAC,QAAD,EAAM,WAAW,EAAG,YAAY,EAAa,GAAW,EAAI,CAAA,EAC5D,kBAAC,QAAD;IAAM,YAAW,EAAgB,IAAa;cAC3C;IACI,CAAA,CACH;KAEJ;;EAGX,EC3FK,IAAU;CACd,SAAS;CACT,IAAI;CACL,EAEY,IAAc,EACzB,SACE,EAAE,cAAW,WAAQ,GAAG,UAAO,WAAW,GAAG,KAC7C,GACA;AACA,QACE,kBAAC,QAAD;EACE,WAAW,EAAG,uCAAuC,EAAU;EAC/D,kBAAe;EACV;EACL,MAAK;EACL,GAAI;YAEH,MAAM,KAAK,EAAE,QAAQ,GAAO,GAAG,GAAG,MACjC,kBAAC,QAAD;GACE,WAAW,EACT,iDACA,EAAQ,GACT;GAED,OAAO,EAAE,gBAAgB,GAAG,IAAI,IAAI,KAAK;GACzC,EAFK,EAEL,CACF;EACG,CAAA;EAGZ"}

package/dist/motion-DUPegem-.js

@@ -1,22 +0,0 @@
-//#region src/utils/a11y.ts
-var e = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg", t = "absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", n = {
-	fadeIn: "animate-fade-in",
-	fadeOut: "animate-fade-out",
-	scaleIn: "animate-scale-in",
-	scaleOut: "animate-scale-out",
-	slideUp: "animate-slide-up",
-	slideDown: "animate-slide-down",
-	slideLeft: "animate-slide-left",
-	slideRight: "animate-slide-right"
-};
-function r(e) {
-	return e === void 0 ? "" : n[e] ?? "";
-}
-function i(e, t) {
-	let n = r(e);
-	return n === "" ? "" : t === "fast" ? `${n} animate-fast` : t === "slow" ? `${n} animate-slow` : n;
-}
-//#endregion
-export { t as i, i as n, e as r, r as t };
-
-//# sourceMappingURL=motion-DUPegem-.js.map

package/dist/motion-DUPegem-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion-DUPegem-.js","names":[],"sources":["../src/utils/a11y.ts","../src/utils/motion.ts"],"sourcesContent":["// a11y utilities — used by all layers from L2+\n// values reference L0 tokens via Tailwind classes\n\n// focus-visible ring for all interactive elements\n// uses --gds-focus-ring-color (= --gds-accent), 2px ring, 1px offset\nexport const focusCls =\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg'\n\n// screen reader only — visually hidden but accessible to assistive tech\nexport const srOnly =\n  'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]'\n","// L-dep — motion helper\n// converts a motion prop value to a CSS class name\n// this is the bridge between component props and the CSS animation system\n// zero friction: <Card motion=\"scaleIn\"> → className=\"animate-scale-in\"\n\nconst PRESET_TO_CLASS: Record<string, string> = {\n  fadeIn: 'animate-fade-in',\n  fadeOut: 'animate-fade-out',\n  scaleIn: 'animate-scale-in',\n  scaleOut: 'animate-scale-out',\n  slideUp: 'animate-slide-up',\n  slideDown: 'animate-slide-down',\n  slideLeft: 'animate-slide-left',\n  slideRight: 'animate-slide-right',\n}\n\n// convert motion prop to className — returns empty string if no motion\nexport function motionClass(motion?: string): string {\n  if (motion === undefined) return ''\n  return PRESET_TO_CLASS[motion] ?? ''\n}\n\n// convert motion prop with speed variant\nexport function motionClassWithSpeed(\n  motion?: string,\n  speed?: 'fast' | 'slow'\n): string {\n  const base = motionClass(motion)\n  if (base === '') return ''\n  if (speed === 'fast') return `${base} animate-fast`\n  if (speed === 'slow') return `${base} animate-slow`\n  return base\n}\n"],"mappings":";AAKA,IAAa,IACX,sIAGW,IACX,0FCLI,IAA0C;CAC9C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,UAAU;CACV,SAAS;CACT,WAAW;CACX,WAAW;CACX,YAAY;CACb;AAGD,SAAgB,EAAY,GAAyB;AAEnD,QADI,MAAW,KAAA,IAAkB,KAC1B,EAAgB,MAAW;;AAIpC,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IAAO,EAAY,EAAO;AAIhC,QAHI,MAAS,KAAW,KACpB,MAAU,SAAe,GAAG,EAAK,iBACjC,MAAU,SAAe,GAAG,EAAK,iBAC9B"}

package/dist/toast-QxCZG0Oy.js

@@ -1,614 +0,0 @@
-import { r as e, t } from "./glass-CQTlX7IO.js";
-import { r as n } from "./motion-DUPegem-.js";
-import { forwardRef as r, useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/l4-molecules/audit-entry.tsx
-var u = {
-	default: "text-fg",
-	success: "text-success",
-	warning: "text-warning",
-	danger: "text-danger"
-}, d = r(function({ action: t, className: n, target: r, timestamp: i, user: a, variant: o = "default", ...s }, d) {
-	return /* @__PURE__ */ l("div", {
-		className: e("gds-gap gds-text flex items-center justify-between", n),
-		"data-component": "audit-entry",
-		ref: d,
-		...s,
-		children: [/* @__PURE__ */ c("span", {
-			className: "text-fg-muted shrink-0 text-xs",
-			children: i
-		}), /* @__PURE__ */ l("span", {
-			className: "flex-1 truncate",
-			children: [
-				/* @__PURE__ */ c("span", {
-					className: "text-fg font-medium",
-					children: a
-				}),
-				" ",
-				/* @__PURE__ */ c("span", {
-					className: u[o],
-					children: t
-				}),
-				r !== void 0 && /* @__PURE__ */ l("span", {
-					className: "text-fg-muted",
-					children: [" ", r]
-				})
-			]
-		})]
-	});
-});
-//#endregion
-//#region src/l4-molecules/email-composer-field.tsx
-function f(e) {
-	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
-}
-function p(e) {
-	let t = 0;
-	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
-	let n = [
-		"bg-palette-0/20 text-palette-0",
-		"bg-palette-1/20 text-palette-1",
-		"bg-palette-2/20 text-palette-2",
-		"bg-palette-3/20 text-palette-3",
-		"bg-palette-4/20 text-palette-4",
-		"bg-palette-5/20 text-palette-5",
-		"bg-palette-6/20 text-palette-6",
-		"bg-palette-7/20 text-palette-7"
-	];
-	return n[Math.abs(t) % n.length];
-}
-function m({ contact: t, onRemove: n }) {
-	let r = t.name ?? t.email;
-	return /* @__PURE__ */ l("span", {
-		className: e("gds-text-label inline-flex items-center gap-1 rounded-full px-2 py-0.5 select-none", p(t.email)),
-		"data-component": "contact-chip",
-		children: [/* @__PURE__ */ c("span", {
-			className: "max-w-[160px] truncate",
-			children: r
-		}), /* @__PURE__ */ c("button", {
-			type: "button",
-			className: "shrink-0 rounded-full p-0.5 transition-colors hover:bg-white/10",
-			onClick: n,
-			"aria-label": `Remove ${r}`,
-			tabIndex: -1,
-			children: /* @__PURE__ */ c("svg", {
-				width: "10",
-				height: "10",
-				viewBox: "0 0 10 10",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				children: /* @__PURE__ */ c("path", { d: "M2 2l6 6M8 2l-6 6" })
-			})
-		})]
-	});
-}
-function h({ results: t, activeIndex: n, onSelect: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ c("div", {
-		className: "border-border bg-bg-secondary absolute top-full right-0 left-0 z-50 mt-1 max-h-48 overflow-hidden overflow-y-auto rounded-lg border shadow-lg",
-		role: "listbox",
-		id: "email-composer-suggestions",
-		children: t.map((t, i) => /* @__PURE__ */ l("button", {
-			type: "button",
-			className: e("gds-text-body flex w-full items-center gap-2 px-3 py-2 text-left transition-colors", i === n ? "bg-accent/10 text-accent" : "text-fg hover:bg-white/[0.04]"),
-			onClick: () => r(t),
-			"data-active": i === n,
-			role: "option",
-			"aria-selected": i === n,
-			children: [/* @__PURE__ */ c("span", {
-				className: e("gds-text-caption flex h-6 w-6 shrink-0 items-center justify-center rounded-full font-medium", p(t.email)),
-				children: (t.name ?? t.email).charAt(0).toUpperCase()
-			}), /* @__PURE__ */ l("div", {
-				className: "min-w-0 flex-1",
-				children: [t.name !== void 0 && /* @__PURE__ */ c("div", {
-					className: "text-fg truncate",
-					children: t.name
-				}), /* @__PURE__ */ c("div", {
-					className: "text-fg-muted gds-text-label truncate",
-					children: t.email
-				})]
-			})]
-		}, t.email))
-	});
-}
-var g = r(function({ value: n, onChange: r, onSearch: u, suggestions: d, label: p, placeholder: g, glass: _, className: v, ...y }, b) {
-	let [x, S] = s(""), [C, w] = s([]), [T, E] = s(0), [D, O] = s(!1), k = o(null), A = o(void 0), j = o(0), M = o(void 0);
-	a(() => () => {
-		M.current !== void 0 && clearTimeout(M.current);
-	}, []), a(() => {
-		if (x.length < 1) {
-			w(d ?? []);
-			return;
-		}
-		A.current !== void 0 && clearTimeout(A.current);
-		let e = ++j.current;
-		return A.current = setTimeout(async () => {
-			let t = await u(x);
-			e === j.current && (w(t.filter((e) => !n.some((t) => t.email === e.email))), E(0));
-		}, 200), () => {
-			A.current !== void 0 && clearTimeout(A.current);
-		};
-	}, [
-		x,
-		u,
-		d,
-		n
-	]);
-	let N = i((e) => {
-		n.some((t) => t.email === e.email) || (r([...n, e]), S(""), w([]), O(!1), k.current?.focus());
-	}, [n, r]), P = i((e) => {
-		let t = e.trim();
-		if (t === "") return;
-		let i = t.split(/[,;\n]+/).map((e) => e.trim()).filter((e) => e !== ""), a = [];
-		for (let e of i) f(e) && !n.some((t) => t.email === e) && a.push({ email: e });
-		a.length > 0 && (r([...n, ...a]), S(""));
-	}, [n, r]), F = i((e) => {
-		let t = [...n];
-		t.splice(e, 1), r(t);
-	}, [n, r]), I = i((e) => {
-		e.key === "ArrowDown" && D ? (e.preventDefault(), E((e) => (e + 1) % Math.max(C.length, 1))) : e.key === "ArrowUp" && D ? (e.preventDefault(), E((e) => (e - 1 + C.length) % Math.max(C.length, 1))) : e.key === "Enter" && D && C[T] !== void 0 ? (e.preventDefault(), N(C[T])) : e.key === "Enter" || e.key === "Tab" || e.key === "," ? x.trim() !== "" && (e.preventDefault(), P(x)) : e.key === "Backspace" && x === "" && n.length > 0 && F(n.length - 1);
-	}, [
-		D,
-		C,
-		T,
-		x,
-		n,
-		N,
-		P,
-		F
-	]), L = i((e) => {
-		let t = e.clipboardData.getData("text");
-		(t.includes(",") || t.includes(";") || t.includes("\n")) && (e.preventDefault(), P(t));
-	}, [P]);
-	return /* @__PURE__ */ l("div", {
-		...y,
-		ref: b,
-		className: e("relative", v),
-		"data-component": "email-composer-field",
-		children: [/* @__PURE__ */ l("div", {
-			className: e("border-border gds-radius-input bg-bg flex min-h-[36px] flex-wrap items-center gap-1 border px-2 py-1 transition-colors", "focus-within:ring-accent/30 focus-within:ring-2", _ === !0 && t(_), _ === !0 && "bg-bg/60 border-white/10"),
-			onClick: () => k.current?.focus(),
-			children: [
-				/* @__PURE__ */ c("span", {
-					className: "gds-text-label text-fg-muted w-6 shrink-0 select-none",
-					children: p
-				}),
-				n.map((e, t) => /* @__PURE__ */ c(m, {
-					contact: e,
-					onRemove: () => F(t)
-				}, e.email)),
-				/* @__PURE__ */ c("input", {
-					ref: k,
-					type: "text",
-					value: x,
-					onChange: (e) => {
-						S(e.target.value), O(!0);
-					},
-					onKeyDown: I,
-					onPaste: L,
-					onFocus: () => O(!0),
-					role: "combobox",
-					"aria-expanded": D && C.length > 0,
-					"aria-autocomplete": "list",
-					"aria-controls": "email-composer-suggestions",
-					"aria-label": `${p} recipients`,
-					onBlur: () => {
-						M.current !== void 0 && clearTimeout(M.current), M.current = setTimeout(() => {
-							M.current = void 0, O(!1), x.trim() !== "" && P(x);
-						}, 200);
-					},
-					placeholder: n.length === 0 ? g ?? `${p.toLowerCase()}@example.com` : "",
-					className: "gds-text-body text-fg placeholder:text-fg-muted/30 min-w-[120px] flex-1 bg-transparent outline-none"
-				})
-			]
-		}), D && C.length > 0 && /* @__PURE__ */ c(h, {
-			results: C,
-			activeIndex: T,
-			onSelect: N
-		})]
-	});
-}), _ = /* @__PURE__ */ c("svg", {
-	width: "14",
-	height: "14",
-	viewBox: "0 0 14 14",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	children: /* @__PURE__ */ c("path", { d: "M2.5 7.5l3 3 6-6.5" })
-}), v = /* @__PURE__ */ c("svg", {
-	width: "14",
-	height: "14",
-	viewBox: "0 0 14 14",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	children: /* @__PURE__ */ c("path", { d: "M3 3l8 8M11 3l-8 8" })
-}), y = /* @__PURE__ */ c("svg", {
-	width: "12",
-	height: "12",
-	viewBox: "0 0 12 12",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "1.5",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	children: /* @__PURE__ */ c("path", { d: "M7 2l3 3-7 7H0V9z" })
-}), b = r(function({ value: t, onSave: r, onCancel: a, validate: o, placeholder: u = "Click to edit", disabled: d, className: f }, p) {
-	let [m, h] = s(!1), [g, b] = s(t), [x, S] = s(null), C = i(() => {
-		d !== !0 && (b(t), S(null), h(!0));
-	}, [d, t]), w = i(() => {
-		if (o !== void 0) {
-			let e = o(g);
-			if (e !== null) {
-				S(e);
-				return;
-			}
-		}
-		h(!1), S(null), r(g);
-	}, [
-		g,
-		r,
-		o
-	]), T = i(() => {
-		h(!1), b(t), S(null), a !== void 0 && a();
-	}, [a, t]), E = i((e) => {
-		e.key === "Enter" && w(), e.key === "Escape" && T();
-	}, [w, T]);
-	if (m) return /* @__PURE__ */ l("div", {
-		ref: p,
-		className: e("inline-flex flex-col", f),
-		"data-component": "inline-edit",
-		"data-state": "editing",
-		children: [/* @__PURE__ */ l("div", {
-			className: "flex items-center gap-1",
-			children: [
-				/* @__PURE__ */ c("input", {
-					autoFocus: !0,
-					className: e("gds-text-body text-fg border-accent/50 border-b bg-transparent px-0.5 outline-none", x !== null && "border-danger/50", n),
-					onChange: (e) => {
-						b(e.target.value), S(null);
-					},
-					onKeyDown: E,
-					type: "text",
-					value: g
-				}),
-				/* @__PURE__ */ c("button", {
-					type: "button",
-					onClick: w,
-					className: e("text-success hover:text-success/80 shrink-0 p-0.5", n),
-					"aria-label": "Save",
-					children: _
-				}),
-				/* @__PURE__ */ c("button", {
-					type: "button",
-					onClick: T,
-					className: e("text-fg-muted hover:text-fg shrink-0 p-0.5", n),
-					"aria-label": "Cancel",
-					children: v
-				})
-			]
-		}), x !== null && /* @__PURE__ */ c("span", {
-			className: "text-danger mt-0.5 text-[10px]",
-			children: x
-		})]
-	});
-	let D = t === "";
-	return /* @__PURE__ */ l("div", {
-		ref: p,
-		className: e("group inline-flex cursor-pointer items-center gap-1", d === !0 && "pointer-events-none opacity-50", f),
-		"data-component": "inline-edit",
-		"data-state": "display",
-		onClick: C,
-		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && C();
-		},
-		role: "button",
-		tabIndex: d === !0 ? -1 : 0,
-		children: [/* @__PURE__ */ c("span", {
-			className: e("gds-text-body", D ? "text-fg-muted" : "text-fg", n),
-			children: D ? u : t
-		}), /* @__PURE__ */ c("span", {
-			className: "text-fg-muted/0 group-hover:text-fg-muted/60 transition-colors",
-			children: y
-		})]
-	});
-}), x = r(function({ icon: t, title: n, description: r, trailing: i, onClick: a, active: o, disabled: s, className: u }, d) {
-	let f = a !== void 0 && s !== !0;
-	return /* @__PURE__ */ l("div", {
-		ref: d,
-		role: f ? "button" : void 0,
-		tabIndex: f ? 0 : void 0,
-		onClick: f ? a : void 0,
-		onKeyDown: f ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
-		} : void 0,
-		className: e("gds-pad-x gds-pad-y-sm gds-text-body flex items-center gap-3 select-none", f && "hover:bg-bg-tertiary cursor-pointer", o === !0 && "border-l-accent bg-accent/5 border-l-2", s === !0 && "pointer-events-none opacity-50", u),
-		"data-component": "list-item",
-		"data-state": o === !0 ? "active" : void 0,
-		children: [
-			t !== void 0 && /* @__PURE__ */ c("span", {
-				className: "text-fg-muted shrink-0",
-				children: t
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ c("div", {
-					className: "text-fg font-medium",
-					children: n
-				}), r !== void 0 && /* @__PURE__ */ c("div", {
-					className: "text-fg-muted gds-text-caption mt-0.5",
-					children: r
-				})]
-			}),
-			i !== void 0 && /* @__PURE__ */ c("span", {
-				className: "shrink-0",
-				children: i
-			})
-		]
-	});
-}), S = {
-	info: "border-l-accent",
-	success: "border-l-success",
-	warning: "border-l-warning",
-	danger: "border-l-danger"
-}, C = {
-	info: "bg-accent/5",
-	success: "bg-success/5",
-	warning: "bg-warning/5",
-	danger: "bg-danger/5"
-}, w = {
-	info: "text-accent",
-	success: "text-success",
-	warning: "text-warning",
-	danger: "text-danger"
-}, T = {
-	info: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ c("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.5"
-		}), /* @__PURE__ */ c("path", { d: "M8 5.5h.01M8 7.5v3" })]
-	}),
-	success: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [/* @__PURE__ */ c("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.5"
-		}), /* @__PURE__ */ c("path", { d: "M5.5 8l2 2 3-3.5" })]
-	}),
-	warning: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ c("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ c("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
-	}),
-	danger: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ c("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.5"
-		}), /* @__PURE__ */ c("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
-	})
-}, E = r(function({ title: n, description: r, variant: i = "info", action: a, onClose: o, glass: s, className: u, ...d }, f) {
-	let p = i ?? "info";
-	return /* @__PURE__ */ l("div", {
-		ref: f,
-		className: e("gds-gap gds-radius-popover border-border gds-pad-x gds-pad-y flex w-full items-start border border-l-2", S[p], C[p], s === !0 && t(s), u),
-		"data-component": "notification",
-		"data-variant": p,
-		role: "alert",
-		...d,
-		children: [
-			/* @__PURE__ */ c("span", {
-				className: e("mt-px shrink-0", w[p]),
-				children: T[p]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ c("p", {
-					className: "gds-text-body text-fg font-medium",
-					children: n
-				}), r !== void 0 && /* @__PURE__ */ c("p", {
-					className: "gds-text-label text-fg-muted mt-0.5",
-					children: r
-				})]
-			}),
-			a !== void 0 && /* @__PURE__ */ c("div", {
-				className: "shrink-0",
-				children: a
-			}),
-			o !== void 0 && /* @__PURE__ */ c("button", {
-				type: "button",
-				onClick: o,
-				className: e("gds-radius-button text-fg-muted shrink-0 p-0.5 opacity-60 hover:opacity-100", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
-				"aria-label": "Dismiss",
-				children: /* @__PURE__ */ c("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 12 12",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					children: /* @__PURE__ */ c("path", { d: "M2 2l8 8M10 2l-8 8" })
-				})
-			})
-		]
-	});
-}), D = {
-	low: "bg-success/15 text-success",
-	medium: "bg-warning/15 text-warning",
-	high: "bg-danger/15 text-danger",
-	critical: "bg-danger text-white"
-}, O = r(function({ className: t, completed: n = !1, dueDate: r, onToggle: i, priority: a, title: o, ...s }, u) {
-	return /* @__PURE__ */ l("div", {
-		className: e("flex items-center gap-2 rounded px-2 py-1.5 text-sm", t),
-		"data-component": "task-item",
-		"data-completed": n,
-		ref: u,
-		...s,
-		children: [
-			/* @__PURE__ */ c("input", {
-				checked: n,
-				className: "accent-accent shrink-0",
-				onChange: i,
-				type: "checkbox"
-			}),
-			/* @__PURE__ */ c("span", {
-				className: e("flex-1 truncate", n && "text-fg-muted line-through"),
-				children: o
-			}),
-			a !== void 0 && /* @__PURE__ */ c("span", {
-				className: e("rounded px-1.5 py-0.5 text-[10px] font-medium uppercase", D[a]),
-				children: a
-			}),
-			r !== void 0 && /* @__PURE__ */ c("span", {
-				className: "text-fg-muted shrink-0 text-xs",
-				children: r
-			})
-		]
-	});
-}), k = {
-	default: "border-l-accent",
-	success: "border-l-success",
-	warning: "border-l-warning",
-	danger: "border-l-danger"
-}, A = {
-	default: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ c("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.5"
-		}), /* @__PURE__ */ c("path", { d: "M8 5.5h.01M8 7.5v3" })]
-	}),
-	success: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [/* @__PURE__ */ c("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.5"
-		}), /* @__PURE__ */ c("path", { d: "M5.5 8l2 2 3-3.5" })]
-	}),
-	warning: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ c("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ c("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
-	}),
-	danger: /* @__PURE__ */ l("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ c("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6.5"
-		}), /* @__PURE__ */ c("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
-	})
-}, j = {
-	default: "text-accent",
-	success: "text-success",
-	warning: "text-warning",
-	danger: "text-danger"
-}, M = r(function({ title: t, description: n, variant: r = "default", onClose: i, action: a, className: o, ...s }, u) {
-	return /* @__PURE__ */ l("div", {
-		ref: u,
-		className: e("gds-gap gds-radius-popover border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg flex items-start border border-l-4", k[r], o),
-		"data-component": "toast",
-		"data-variant": r,
-		role: "status",
-		...s,
-		children: [
-			/* @__PURE__ */ c("span", {
-				className: e("mt-px shrink-0", j[r]),
-				children: A[r]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ c("p", {
-					className: "gds-text-body text-fg font-medium",
-					children: t
-				}), n !== void 0 && /* @__PURE__ */ c("p", {
-					className: "gds-text-label text-fg-muted mt-0.5",
-					children: n
-				})]
-			}),
-			a !== void 0 && /* @__PURE__ */ c("div", {
-				className: "shrink-0",
-				children: a
-			}),
-			i !== void 0 && /* @__PURE__ */ c("button", {
-				type: "button",
-				onClick: i,
-				className: e("gds-radius-button text-fg-muted shrink-0 p-0.5 opacity-60 hover:opacity-100", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
-				"aria-label": "Dismiss",
-				children: /* @__PURE__ */ c("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 12 12",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					children: /* @__PURE__ */ c("path", { d: "M2 2l8 8M10 2l-8 8" })
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { b as a, x as i, O as n, g as o, E as r, d as s, M as t };
-
-//# sourceMappingURL=toast-QxCZG0Oy.js.map