@goliapkg/gds 2.1.1 → 2.2.0

package/dist/toast-BujeTn1T.js

@@ -0,0 +1,442 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { t as n } from "./a11y-CoNNB_xa.js";
+import { forwardRef as r, useCallback as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/l4-molecules/audit-entry.tsx
+var c = {
+	default: "text-fg",
+	success: "text-success",
+	warning: "text-warning",
+	danger: "text-danger"
+}, l = r(function({ action: t, className: n, target: r, timestamp: i, user: a, variant: l = "default", ...u }, d) {
+	return /* @__PURE__ */ s("div", {
+		className: e("gds-gap gds-text flex items-center justify-between", n),
+		"data-component": "audit-entry",
+		ref: d,
+		...u,
+		children: [/* @__PURE__ */ o("span", {
+			className: "text-fg-muted shrink-0 text-xs",
+			children: i
+		}), /* @__PURE__ */ s("span", {
+			className: "flex-1 truncate",
+			children: [
+				/* @__PURE__ */ o("span", {
+					className: "text-fg font-medium",
+					children: a
+				}),
+				" ",
+				/* @__PURE__ */ o("span", {
+					className: c[l],
+					children: t
+				}),
+				r !== void 0 && /* @__PURE__ */ s("span", {
+					className: "text-fg-muted",
+					children: [" ", r]
+				})
+			]
+		})]
+	});
+}), u = /* @__PURE__ */ o("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ o("path", { d: "M2.5 7.5l3 3 6-6.5" })
+}), d = /* @__PURE__ */ o("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ o("path", { d: "M3 3l8 8M11 3l-8 8" })
+}), f = /* @__PURE__ */ o("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ o("path", { d: "M7 2l3 3-7 7H0V9z" })
+}), p = r(function({ value: t, onSave: r, onCancel: c, validate: l, placeholder: p = "Click to edit", disabled: m, className: h }, g) {
+	let [_, v] = a(!1), [y, b] = a(t), [x, S] = a(null), C = i(() => {
+		m !== !0 && (b(t), S(null), v(!0));
+	}, [m, t]), w = i(() => {
+		if (l !== void 0) {
+			let e = l(y);
+			if (e !== null) {
+				S(e);
+				return;
+			}
+		}
+		v(!1), S(null), r(y);
+	}, [
+		y,
+		r,
+		l
+	]), T = i(() => {
+		v(!1), b(t), S(null), c !== void 0 && c();
+	}, [c, t]), E = i((e) => {
+		e.key === "Enter" && w(), e.key === "Escape" && T();
+	}, [w, T]);
+	if (_) return /* @__PURE__ */ s("div", {
+		ref: g,
+		className: e("inline-flex flex-col", h),
+		"data-component": "inline-edit",
+		"data-state": "editing",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ o("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: y
+				}),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: w,
+					className: e("text-success hover:text-success/80 shrink-0 p-0.5", n),
+					"aria-label": "Save",
+					children: u
+				}),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: T,
+					className: e("text-fg-muted hover:text-fg shrink-0 p-0.5", n),
+					"aria-label": "Cancel",
+					children: d
+				})
+			]
+		}), x !== null && /* @__PURE__ */ o("span", {
+			className: "text-danger mt-0.5 text-[10px]",
+			children: x
+		})]
+	});
+	let D = t === "";
+	return /* @__PURE__ */ s("div", {
+		ref: g,
+		className: e("group inline-flex cursor-pointer items-center gap-1", m === !0 && "pointer-events-none opacity-50", h),
+		"data-component": "inline-edit",
+		"data-state": "display",
+		onClick: C,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && C();
+		},
+		role: "button",
+		tabIndex: m === !0 ? -1 : 0,
+		children: [/* @__PURE__ */ o("span", {
+			className: e("gds-text-body", D ? "text-fg-muted" : "text-fg", n),
+			children: D ? p : t
+		}), /* @__PURE__ */ o("span", {
+			className: "text-fg-muted/0 group-hover:text-fg-muted/60 transition-colors",
+			children: f
+		})]
+	});
+}), m = r(function({ icon: t, title: n, description: r, trailing: i, onClick: a, active: c, disabled: l, className: u }, d) {
+	let f = a !== void 0 && l !== !0;
+	return /* @__PURE__ */ s("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", c === !0 && "border-l-accent bg-accent/5 border-l-2", l === !0 && "pointer-events-none opacity-50", u),
+		"data-component": "list-item",
+		"data-state": c === !0 ? "active" : void 0,
+		children: [
+			t !== void 0 && /* @__PURE__ */ o("span", {
+				className: "text-fg-muted shrink-0",
+				children: t
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ o("div", {
+					className: "text-fg font-medium",
+					children: n
+				}), r !== void 0 && /* @__PURE__ */ o("div", {
+					className: "text-fg-muted gds-text-caption mt-0.5",
+					children: r
+				})]
+			}),
+			i !== void 0 && /* @__PURE__ */ o("span", {
+				className: "shrink-0",
+				children: i
+			})
+		]
+	});
+}), h = {
+	info: "border-l-accent",
+	success: "border-l-success",
+	warning: "border-l-warning",
+	danger: "border-l-danger"
+}, g = {
+	info: "bg-accent/5",
+	success: "bg-success/5",
+	warning: "bg-warning/5",
+	danger: "bg-danger/5"
+}, _ = {
+	info: "text-accent",
+	success: "text-success",
+	warning: "text-warning",
+	danger: "text-danger"
+}, v = {
+	info: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ o("path", { d: "M8 5.5h.01M8 7.5v3" })]
+	}),
+	success: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ o("path", { d: "M5.5 8l2 2 3-3.5" })]
+	}),
+	warning: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ o("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ o("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
+	}),
+	danger: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ o("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
+	})
+}, y = r(function({ title: n, description: r, variant: i = "info", action: a, onClose: c, glass: l, className: u, ...d }, f) {
+	let p = i ?? "info";
+	return /* @__PURE__ */ s("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", h[p], g[p], l === !0 && t(l), u),
+		"data-component": "notification",
+		"data-variant": p,
+		role: "alert",
+		...d,
+		children: [
+			/* @__PURE__ */ o("span", {
+				className: e("mt-px shrink-0", _[p]),
+				children: v[p]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ o("p", {
+					className: "gds-text-body text-fg font-medium",
+					children: n
+				}), r !== void 0 && /* @__PURE__ */ o("p", {
+					className: "gds-text-label text-fg-muted mt-0.5",
+					children: r
+				})]
+			}),
+			a !== void 0 && /* @__PURE__ */ o("div", {
+				className: "shrink-0",
+				children: a
+			}),
+			c !== void 0 && /* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: c,
+				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__ */ o("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ o("path", { d: "M2 2l8 8M10 2l-8 8" })
+				})
+			})
+		]
+	});
+}), b = {
+	low: "bg-success/15 text-success",
+	medium: "bg-warning/15 text-warning",
+	high: "bg-danger/15 text-danger",
+	critical: "bg-danger text-white"
+}, x = r(function({ className: t, completed: n = !1, dueDate: r, onToggle: i, priority: a, title: c, ...l }, u) {
+	return /* @__PURE__ */ s("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,
+		...l,
+		children: [
+			/* @__PURE__ */ o("input", {
+				checked: n,
+				className: "accent-accent shrink-0",
+				onChange: i,
+				type: "checkbox"
+			}),
+			/* @__PURE__ */ o("span", {
+				className: e("flex-1 truncate", n && "text-fg-muted line-through"),
+				children: c
+			}),
+			a !== void 0 && /* @__PURE__ */ o("span", {
+				className: e("rounded px-1.5 py-0.5 text-[10px] font-medium uppercase", b[a]),
+				children: a
+			}),
+			r !== void 0 && /* @__PURE__ */ o("span", {
+				className: "text-fg-muted shrink-0 text-xs",
+				children: r
+			})
+		]
+	});
+}), S = {
+	default: "border-l-accent",
+	success: "border-l-success",
+	warning: "border-l-warning",
+	danger: "border-l-danger"
+}, C = {
+	default: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ o("path", { d: "M8 5.5h.01M8 7.5v3" })]
+	}),
+	success: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ o("path", { d: "M5.5 8l2 2 3-3.5" })]
+	}),
+	warning: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ o("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ o("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
+	}),
+	danger: /* @__PURE__ */ s("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ o("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
+	})
+}, w = {
+	default: "text-accent",
+	success: "text-success",
+	warning: "text-warning",
+	danger: "text-danger"
+}, T = r(function({ title: t, description: n, variant: r = "default", onClose: i, action: a, className: c, ...l }, u) {
+	return /* @__PURE__ */ s("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", S[r], c),
+		"data-component": "toast",
+		"data-variant": r,
+		role: "status",
+		...l,
+		children: [
+			/* @__PURE__ */ o("span", {
+				className: e("mt-px shrink-0", w[r]),
+				children: C[r]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ o("p", {
+					className: "gds-text-body text-fg font-medium",
+					children: t
+				}), n !== void 0 && /* @__PURE__ */ o("p", {
+					className: "gds-text-label text-fg-muted mt-0.5",
+					children: n
+				})]
+			}),
+			a !== void 0 && /* @__PURE__ */ o("div", {
+				className: "shrink-0",
+				children: a
+			}),
+			i !== void 0 && /* @__PURE__ */ o("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__ */ o("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ o("path", { d: "M2 2l8 8M10 2l-8 8" })
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { p as a, m as i, x as n, l as o, y as r, T as t };
+
+//# sourceMappingURL=toast-BujeTn1T.js.map

package/dist/toast-BujeTn1T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-BujeTn1T.js","names":[],"sources":["../src/l4-molecules/audit-entry.tsx","../src/l4-molecules/inline-edit.tsx","../src/l4-molecules/list-item.tsx","../src/l4-molecules/notification.tsx","../src/l4-molecules/task-item.tsx","../src/l4-molecules/toast.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype AuditEntryVariant = 'danger' | 'default' | 'success' | 'warning'\n\ntype AuditEntryProps = React.HTMLAttributes<HTMLDivElement> & {\n  action: string\n  target?: string\n  timestamp: string\n  user: string\n  variant?: AuditEntryVariant\n}\n\nconst variantCls: Record<AuditEntryVariant, string> = {\n  default: 'text-fg',\n  success: 'text-success',\n  warning: 'text-warning',\n  danger: 'text-danger',\n}\n\nexport const AuditEntry = forwardRef<HTMLDivElement, AuditEntryProps>(\n  function AuditEntry(\n    {\n      action,\n      className,\n      target,\n      timestamp,\n      user,\n      variant = 'default',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <div\n        className={cx(\n          'gds-gap gds-text flex items-center justify-between',\n          className\n        )}\n        data-component=\"audit-entry\"\n        ref={ref}\n        {...props}\n      >\n        <span className=\"text-fg-muted shrink-0 text-xs\">{timestamp}</span>\n        <span className=\"flex-1 truncate\">\n          <span className=\"text-fg font-medium\">{user}</span>{' '}\n          <span className={variantCls[variant]}>{action}</span>\n          {target !== undefined && (\n            <span className=\"text-fg-muted\"> {target}</span>\n          )}\n        </span>\n      </div>\n    )\n  }\n)\n\nexport type { AuditEntryProps, AuditEntryVariant }\n","// inline-edit — editable text with confirm/cancel buttons and validation\nimport { forwardRef, useCallback, useState } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\nexport type InlineEditProps = {\n  value: string\n  onSave: (value: string) => void\n  onCancel?: () => void\n  validate?: (value: string) => string | null\n  placeholder?: string\n  disabled?: boolean\n  className?: string\n}\n\nconst checkIcon = (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M2.5 7.5l3 3 6-6.5\" />\n  </svg>\n)\n\nconst cancelIcon = (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n  >\n    <path d=\"M3 3l8 8M11 3l-8 8\" />\n  </svg>\n)\n\nconst editIcon = (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M7 2l3 3-7 7H0V9z\" />\n  </svg>\n)\n\nexport const InlineEdit = forwardRef<HTMLDivElement, InlineEditProps>(\n  function InlineEdit(\n    {\n      value,\n      onSave,\n      onCancel,\n      validate,\n      placeholder = 'Click to edit',\n      disabled,\n      className,\n    },\n    ref\n  ) {\n    const [editing, setEditing] = useState(false)\n    const [editValue, setEditValue] = useState(value)\n    const [error, setError] = useState<string | null>(null)\n\n    const startEditing = useCallback(() => {\n      if (disabled === true) return\n      setEditValue(value)\n      setError(null)\n      setEditing(true)\n    }, [disabled, value])\n\n    const save = useCallback(() => {\n      if (validate !== undefined) {\n        const err = validate(editValue)\n        if (err !== null) {\n          setError(err)\n          return\n        }\n      }\n      setEditing(false)\n      setError(null)\n      onSave(editValue)\n    }, [editValue, onSave, validate])\n\n    const cancel = useCallback(() => {\n      setEditing(false)\n      setEditValue(value)\n      setError(null)\n      if (onCancel !== undefined) {\n        onCancel()\n      }\n    }, [onCancel, value])\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          save()\n        }\n        if (e.key === 'Escape') {\n          cancel()\n        }\n      },\n      [save, cancel]\n    )\n\n    if (editing) {\n      return (\n        <div\n          ref={ref}\n          className={cx('inline-flex flex-col', className)}\n          data-component=\"inline-edit\"\n          data-state=\"editing\"\n        >\n          <div className=\"flex items-center gap-1\">\n            <input\n              autoFocus\n              className={cx(\n                'gds-text-body text-fg border-accent/50 border-b bg-transparent px-0.5 outline-none',\n                error !== null && 'border-danger/50',\n                focusCls\n              )}\n              onChange={(e) => {\n                setEditValue(e.target.value)\n                setError(null)\n              }}\n              onKeyDown={handleKeyDown}\n              type=\"text\"\n              value={editValue}\n            />\n            <button\n              type=\"button\"\n              onClick={save}\n              className={cx(\n                'text-success hover:text-success/80 shrink-0 p-0.5',\n                focusCls\n              )}\n              aria-label=\"Save\"\n            >\n              {checkIcon}\n            </button>\n            <button\n              type=\"button\"\n              onClick={cancel}\n              className={cx(\n                'text-fg-muted hover:text-fg shrink-0 p-0.5',\n                focusCls\n              )}\n              aria-label=\"Cancel\"\n            >\n              {cancelIcon}\n            </button>\n          </div>\n          {error !== null && (\n            <span className=\"text-danger mt-0.5 text-[10px]\">{error}</span>\n          )}\n        </div>\n      )\n    }\n\n    const isEmpty = value === ''\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'group inline-flex cursor-pointer items-center gap-1',\n          disabled === true && 'pointer-events-none opacity-50',\n          className\n        )}\n        data-component=\"inline-edit\"\n        data-state=\"display\"\n        onClick={startEditing}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') startEditing()\n        }}\n        role=\"button\"\n        tabIndex={disabled === true ? -1 : 0}\n      >\n        <span\n          className={cx(\n            'gds-text-body',\n            isEmpty ? 'text-fg-muted' : 'text-fg',\n            focusCls\n          )}\n        >\n          {isEmpty ? placeholder : value}\n        </span>\n        <span className=\"text-fg-muted/0 group-hover:text-fg-muted/60 transition-colors\">\n          {editIcon}\n        </span>\n      </div>\n    )\n  }\n)\n","// list-item — structured list row with icon, title, description, and trailing element\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type ListItemProps = {\n  icon?: ReactNode\n  title: string\n  description?: string\n  trailing?: ReactNode\n  onClick?: () => void\n  active?: boolean\n  disabled?: boolean\n  className?: string\n}\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(\n    {\n      icon,\n      title,\n      description,\n      trailing,\n      onClick,\n      active,\n      disabled,\n      className,\n    },\n    ref\n  ) {\n    const isClickable = onClick !== undefined && disabled !== true\n\n    return (\n      <div\n        ref={ref}\n        role={isClickable ? 'button' : undefined}\n        tabIndex={isClickable ? 0 : undefined}\n        onClick={isClickable ? onClick : undefined}\n        onKeyDown={\n          isClickable\n            ? (e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                  onClick()\n                }\n              }\n            : undefined\n        }\n        className={cx(\n          'gds-pad-x gds-pad-y-sm gds-text-body flex items-center gap-3 select-none',\n          isClickable && 'hover:bg-bg-tertiary cursor-pointer',\n          active === true && 'border-l-accent bg-accent/5 border-l-2',\n          disabled === true && 'pointer-events-none opacity-50',\n          className\n        )}\n        data-component=\"list-item\"\n        data-state={active === true ? 'active' : undefined}\n      >\n        {icon !== undefined && (\n          <span className=\"text-fg-muted shrink-0\">{icon}</span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-fg font-medium\">{title}</div>\n          {description !== undefined && (\n            <div className=\"text-fg-muted gds-text-caption mt-0.5\">\n              {description}\n            </div>\n          )}\n        </div>\n        {trailing !== undefined && <span className=\"shrink-0\">{trailing}</span>}\n      </div>\n    )\n  }\n)\n","// notification — persistent banner with variant, title, description, and action\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype NotificationVariant = 'danger' | 'info' | 'success' | 'warning'\n\nconst borderColorMap: Record<NotificationVariant, string> = {\n  info: 'border-l-accent',\n  success: 'border-l-success',\n  warning: 'border-l-warning',\n  danger: 'border-l-danger',\n}\n\nconst bgColorMap: Record<NotificationVariant, string> = {\n  info: 'bg-accent/5',\n  success: 'bg-success/5',\n  warning: 'bg-warning/5',\n  danger: 'bg-danger/5',\n}\n\nconst iconColorMap: Record<NotificationVariant, string> = {\n  info: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  danger: 'text-danger',\n}\n\nconst iconMap: Record<NotificationVariant, ReactNode> = {\n  info: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    >\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n      <path d=\"M8 5.5h.01M8 7.5v3\" />\n    </svg>\n  ),\n  success: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n      <path d=\"M5.5 8l2 2 3-3.5\" />\n    </svg>\n  ),\n  warning: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    >\n      <path d=\"M7.13 2.5l-5.5 10h11l-5.5-10z\" />\n      <path d=\"M7.63 6.5v2.5M7.63 11h.01\" />\n    </svg>\n  ),\n  danger: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    >\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n      <path d=\"M5.5 5.5l5 5M10.5 5.5l-5 5\" />\n    </svg>\n  ),\n}\n\ntype NotificationProps = React.HTMLAttributes<HTMLDivElement> & {\n  title: string\n  description?: string\n  variant?: NotificationVariant\n  action?: ReactNode\n  onClose?: () => void\n  glass?: boolean\n}\n\nconst Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  function Notification(\n    {\n      title,\n      description,\n      variant = 'info',\n      action,\n      onClose,\n      glass,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const v = variant ?? 'info'\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-gap gds-radius-popover border-border gds-pad-x gds-pad-y flex w-full items-start border border-l-2',\n          borderColorMap[v],\n          bgColorMap[v],\n          glass === true && glassClass(glass),\n          className\n        )}\n        data-component=\"notification\"\n        data-variant={v}\n        role=\"alert\"\n        {...props}\n      >\n        <span className={cx('mt-px shrink-0', iconColorMap[v])}>\n          {iconMap[v]}\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"gds-text-body text-fg font-medium\">{title}</p>\n          {description !== undefined && (\n            <p className=\"gds-text-label text-fg-muted mt-0.5\">{description}</p>\n          )}\n        </div>\n        {action !== undefined && <div className=\"shrink-0\">{action}</div>}\n        {onClose !== undefined && (\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className={cx(\n              'gds-radius-button text-fg-muted shrink-0 p-0.5 opacity-60 hover:opacity-100',\n              focusCls\n            )}\n            aria-label=\"Dismiss\"\n          >\n            <svg\n              width=\"12\"\n              height=\"12\"\n              viewBox=\"0 0 12 12\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n            >\n              <path d=\"M2 2l8 8M10 2l-8 8\" />\n            </svg>\n          </button>\n        )}\n      </div>\n    )\n  }\n)\n\nexport { Notification }\nexport type { NotificationProps, NotificationVariant }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype TaskItemPriority = 'low' | 'medium' | 'high' | 'critical'\n\ntype TaskItemProps = React.HTMLAttributes<HTMLDivElement> & {\n  completed?: boolean\n  dueDate?: string\n  onToggle?: () => void\n  priority?: TaskItemPriority\n  title: string\n}\n\nconst priorityCls: Record<TaskItemPriority, string> = {\n  low: 'bg-success/15 text-success',\n  medium: 'bg-warning/15 text-warning',\n  high: 'bg-danger/15 text-danger',\n  critical: 'bg-danger text-white',\n}\n\nconst TaskItem = forwardRef<HTMLDivElement, TaskItemProps>(function TaskItem(\n  {\n    className,\n    completed = false,\n    dueDate,\n    onToggle,\n    priority,\n    title,\n    ...props\n  },\n  ref\n) {\n  return (\n    <div\n      className={cx(\n        'flex items-center gap-2 rounded px-2 py-1.5 text-sm',\n        className\n      )}\n      data-component=\"task-item\"\n      data-completed={completed}\n      ref={ref}\n      {...props}\n    >\n      <input\n        checked={completed}\n        className=\"accent-accent shrink-0\"\n        onChange={onToggle}\n        type=\"checkbox\"\n      />\n      <span\n        className={cx(\n          'flex-1 truncate',\n          completed && 'text-fg-muted line-through'\n        )}\n      >\n        {title}\n      </span>\n      {priority !== undefined && (\n        <span\n          className={cx(\n            'rounded px-1.5 py-0.5 text-[10px] font-medium uppercase',\n            priorityCls[priority]\n          )}\n        >\n          {priority}\n        </span>\n      )}\n      {dueDate !== undefined && (\n        <span className=\"text-fg-muted shrink-0 text-xs\">{dueDate}</span>\n      )}\n    </div>\n  )\n})\n\nexport { TaskItem }\nexport type { TaskItemPriority, TaskItemProps }\n","// toast — notification card with variant, title, description, and action\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\nexport type ToastVariant = 'danger' | 'default' | 'success' | 'warning'\n\nconst borderColorMap: Record<ToastVariant, string> = {\n  default: 'border-l-accent',\n  success: 'border-l-success',\n  warning: 'border-l-warning',\n  danger: 'border-l-danger',\n}\n\nconst iconMap: Record<ToastVariant, ReactNode> = {\n  default: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    >\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n      <path d=\"M8 5.5h.01M8 7.5v3\" />\n    </svg>\n  ),\n  success: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n      <path d=\"M5.5 8l2 2 3-3.5\" />\n    </svg>\n  ),\n  warning: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    >\n      <path d=\"M7.13 2.5l-5.5 10h11l-5.5-10z\" />\n      <path d=\"M7.63 6.5v2.5M7.63 11h.01\" />\n    </svg>\n  ),\n  danger: (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    >\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n      <path d=\"M5.5 5.5l5 5M10.5 5.5l-5 5\" />\n    </svg>\n  ),\n}\n\nconst iconColorMap: Record<ToastVariant, string> = {\n  default: 'text-accent',\n  success: 'text-success',\n  warning: 'text-warning',\n  danger: 'text-danger',\n}\n\nexport type ToastProps = React.HTMLAttributes<HTMLDivElement> & {\n  title: string\n  description?: string\n  variant?: ToastVariant\n  onClose?: () => void\n  action?: ReactNode\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  {\n    title,\n    description,\n    variant = 'default',\n    onClose,\n    action,\n    className,\n    ...props\n  },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        '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',\n        borderColorMap[variant],\n        className\n      )}\n      data-component=\"toast\"\n      data-variant={variant}\n      role=\"status\"\n      {...props}\n    >\n      <span className={cx('mt-px shrink-0', iconColorMap[variant])}>\n        {iconMap[variant]}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"gds-text-body text-fg font-medium\">{title}</p>\n        {description !== undefined && (\n          <p className=\"gds-text-label text-fg-muted mt-0.5\">{description}</p>\n        )}\n      </div>\n      {action !== undefined && <div className=\"shrink-0\">{action}</div>}\n      {onClose !== undefined && (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className={cx(\n            'gds-radius-button text-fg-muted shrink-0 p-0.5 opacity-60 hover:opacity-100',\n            focusCls\n          )}\n          aria-label=\"Dismiss\"\n        >\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n          >\n            <path d=\"M2 2l8 8M10 2l-8 8\" />\n          </svg>\n        </button>\n      )}\n    </div>\n  )\n})\n"],"mappings":"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"}

package/dist/{loading-dots-C1LPHGa0.js → tooltip-BlvhLCp0.js}

@@ -40,23 +40,8 @@ var c = {
 			})]
 		})]
 	});
-}), d = {
-	default: "h-1.5 w-1.5",
-	sm: "h-1 w-1"
-}, f = n(function({ className: t, count: n = 3, size: r = "default", ...i }, a) {
-	return /* @__PURE__ */ o("span", {
-		className: e("gds-gap-xs inline-flex items-center", t),
-		"data-component": "loading-dots",
-		ref: a,
-		role: "status",
-		...i,
-		children: Array.from({ length: n }, (t, n) => /* @__PURE__ */ o("span", {
-			className: e("gds-radius-badge bg-fg-muted/40 animate-pulse", d[r]),
-			style: { animationDelay: `${n * 150}ms` }
-		}, n))
-	});
 });
 //#endregion
-export { u as n, f as t };
+export { u as t };
 
-//# sourceMappingURL=loading-dots-C1LPHGa0.js.map
+//# sourceMappingURL=tooltip-BlvhLCp0.js.map

package/dist/tooltip-BlvhLCp0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-BlvhLCp0.js","names":[],"sources":["../src/l3-atoms/tooltip.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"],"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"}

package/dist/utils/index.js

@@ -1,8 +1,9 @@
 import { n as e, r as t, t as n } from "../glass-CQTlX7IO.js";
-import { i as r, n as i, r as a, t as o } from "../motion-DUPegem-.js";
-import { t as s } from "../portal-Bbl6F_Wj.js";
-import { i as c, n as l, r as u, t as d } from "../dom-17XgfxMq.js";
-import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "../hooks-BE-_EmDI.js";
-import { t as y } from "../sanitize-BF45M9xp.js";
-import { i as b, n as x, r as S, t as C } from "../gesture-I79dlTuS.js";
-export { C as applyInertia, d as clamp, t as cx, a as focusCls, n as glassClass, e as glassSurface, l as isActivationKey, u as mergeRefs, o as motionClass, i as motionClassWithSpeed, s as renderPortal, y as sanitizeEmailHtml, r as srOnly, c as uid, v as useClickOutside, x as useDrag, m as useEscapeKey, g as useFocusTrap, p as useIsDesktop, f as useIsMobile, S as useLongPress, h as useMediaQuery, _ as useScrollLock, b as useSwipe };
+import { n as r, t as i } from "../a11y-CoNNB_xa.js";
+import { n as a, t as o } from "../motion-CKB1OKVd.js";
+import { t as s } from "../portal-B7bfstxv.js";
+import { i as c, n as l, r as u, t as d } from "../dom-DkPgnDHP.js";
+import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "../hooks-CejfTXVD.js";
+import { i as y, n as b, r as x, t as S } from "../gesture-CVcSA-iZ.js";
+import { t as C } from "../sanitize-CO5dRqZX.js";
+export { S as applyInertia, d as clamp, t as cx, i as focusCls, n as glassClass, e as glassSurface, l as isActivationKey, u as mergeRefs, o as motionClass, a as motionClassWithSpeed, s as renderPortal, C as sanitizeEmailHtml, r as srOnly, c as uid, v as useClickOutside, b as useDrag, m as useEscapeKey, g as useFocusTrap, p as useIsDesktop, f as useIsMobile, x as useLongPress, h as useMediaQuery, _ as useScrollLock, y as useSwipe };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goliapkg/gds",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "GOLIA Design System — enterprise-grade UI component library with contextual depth, glass materials, AI-native structure, and 10 design principles",
   "license": "MIT",
   "type": "module",
@@ -60,6 +60,10 @@
       "import": "./dist/l5-organisms/index.js",
       "types": "./dist/l5-organisms/index.d.ts"
     },
+    "./editor": {
+      "import": "./dist/editor/index.js",
+      "types": "./dist/editor/index.d.ts"
+    },
     "./charts": {
       "import": "./dist/l6-charts/index.js",
       "types": "./dist/l6-charts/index.d.ts"

package/dist/button-BD3VHhwq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BD3VHhwq.js","names":[],"sources":["../node_modules/class-variance-authority/dist/index.mjs","../src/l2-primitives/button.tsx"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","import { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { motionClass } from '../utils/motion'\nimport type { VariantProps } from '../utils/types'\n\nconst buttonVariants = cva(\n  'inline-flex select-none items-center justify-center font-medium transition-colors ' +\n    focusCls,\n  {\n    defaultVariants: {\n      size: 'default',\n      variant: 'primary',\n    },\n    variants: {\n      size: {\n        default: 'gds-h gds-gap-sm gds-radius-button gds-pad-x gds-text-body',\n        lg: 'gds-h-lg gds-gap gds-radius-button gds-pad-x-lg gds-text-body',\n        sm: 'gds-h-sm gds-gap-xs gds-radius-button gds-pad-x-sm gds-text-label',\n      },\n      variant: {\n        danger: 'bg-danger text-accent-fg hover:bg-danger/90',\n        ghost:\n          'bg-transparent text-fg-muted hover:bg-bg-tertiary hover:text-fg',\n        primary: 'bg-accent text-accent-fg hover:bg-accent-hover',\n        secondary:\n          'border border-border bg-transparent text-fg hover:bg-bg-tertiary',\n      },\n    },\n  }\n)\n\ntype ButtonSize = 'default' | 'lg' | 'sm'\ntype ButtonVariant = 'danger' | 'ghost' | 'primary' | 'secondary'\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    /** Visual style: primary, secondary, ghost, danger */\n    variant?: 'danger' | 'ghost' | 'primary' | 'secondary'\n    /** Height and text scale preset */\n    size?: 'default' | 'lg' | 'sm'\n    fullWidth?: boolean\n    /** Enable frosted glass translucency effect */\n    glass?: boolean\n    /** Icon element rendered before children */\n    icon?: ReactNode\n    iconRight?: ReactNode\n    /** Show spinner and disable interaction */\n    loading?: boolean\n    /** Animation preset name (e.g. 'fade', 'scale') */\n    motion?: string\n  }\n\n// inline SVG spinner to avoid circular L2 dependency\nfunction InlineSpinner() {\n  return (\n    <svg className=\"h-3 w-3 animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      children,\n      className,\n      disabled,\n      fullWidth,\n      glass,\n      icon,\n      iconRight,\n      loading,\n      motion: m,\n      size,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <button\n        className={cx(\n          buttonVariants({ size, variant }),\n          (disabled === true || loading === true) &&\n            'cursor-not-allowed opacity-50',\n          fullWidth === true && 'w-full',\n          glassClass(glass),\n          glass === true && 'bg-bg/60 border border-white/10',\n          motionClass(m),\n          className\n        )}\n        data-component=\"button\"\n        data-variant={variant ?? 'primary'}\n        disabled={disabled === true || loading === true}\n        ref={ref}\n        {...props}\n      >\n        {loading === true ? (\n          <InlineSpinner />\n        ) : icon !== undefined ? (\n          <span className=\"gds-icon-child-sm\">{icon}</span>\n        ) : null}\n        {children}\n        {iconRight !== undefined && (\n          <span className=\"gds-icon-child-sm\">{iconRight}</span>\n        )}\n      </button>\n    )\n  }\n)\n\nexport { buttonVariants }\nexport type { ButtonProps, ButtonSize, ButtonVariant }\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAeA,IAAM,KAAiB,MAAQ,OAAO,KAAU,YAAY,GAAG,MAAU,MAAU,IAAI,MAAM,GAChF,IAAK,GACL,KAAO,GAAM,OAAU,MAAQ;AAEpC,KAAK,GAAuD,YAAa,KAAM,QAAO,EAAG,GAAM,GAAoD,OAAO,GAAoD,UAAU;CACxN,IAAM,EAAE,aAAU,uBAAoB,GAChC,IAAuB,OAAO,KAAK,EAAS,CAAC,KAAK,MAAU;EAC9D,IAAM,IAAc,IAAoD,IAClE,IAAqB,IAAkF;AAC7G,MAAI,MAAgB,KAAM,QAAO;EACjC,IAAM,IAAa,EAAc,EAAY,IAAI,EAAc,EAAmB;AAClF,SAAO,EAAS,GAAS;GAC3B,EACI,IAAwB,KAAS,OAAO,QAAQ,EAAM,CAAC,QAAQ,GAAK,MAAQ;EAC9E,IAAI,CAAC,GAAK,KAAS;AAKnB,SAJI,MAAU,KAAA,MAGd,EAAI,KAAO,IAFA;IAIZ,EAAE,CAAC;AAkBN,QAAO,EAAG,GAAM,GAjBqB,GAAmF,kBAAsG,QAAQ,GAAK,MAAQ;EAC/O,IAAI,EAAE,OAAO,GAAS,WAAW,GAAa,GAAG,MAA2B;AAC5E,SAAO,OAAO,QAAQ,EAAuB,CAAC,OAAO,MAAQ;GACzD,IAAI,CAAC,GAAK,KAAS;AACnB,UAAO,MAAM,QAAQ,EAAM,GAAG,EAAM,SAAS;IACzC,GAAG;IACH,GAAG;IACN,CAAC,GAAK,GAAI;IACP,GAAG;IACH,GAAG;IACN,CAAE,OAAS;IACd,GAAG;GACD,GAAG;GACH;GACA;GACH,GAAG;IACL,EAAE,CAAC,EAC8D,GAAoD,OAAO,GAAoD,UAAU;GC3C/L,IAAiB,EACrB,uFACE,GACF;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,QAAQ;GACR,OACE;GACF,SAAS;GACT,WACE;GACH;EACF;CACF,CACF;AAwBD,SAAS,IAAgB;AACvB,QACE,kBAAC,OAAD;EAAK,WAAU;EAAuB,MAAK;EAAO,SAAQ;YAA1D,CACE,kBAAC,UAAD;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;GACZ,CAAA,EACF,kBAAC,QAAD;GACE,WAAU;GACV,GAAE;GACF,MAAK;GACL,CAAA,CACE;;;AAIV,IAAa,IAAS,EACpB,SACE,EACE,aACA,cACA,aACA,cACA,UACA,SACA,cACA,YACA,QAAQ,GACR,SACA,YACA,GAAG,KAEL,GACA;AACA,QACE,kBAAC,UAAD;EACE,WAAW,EACT,EAAe;GAAE;GAAM;GAAS,CAAC,GAChC,MAAa,MAAQ,MAAY,OAChC,iCACF,MAAc,MAAQ,UACtB,EAAW,EAAM,EACjB,MAAU,MAAQ,mCAClB,EAAY,EAAE,EACd,EACD;EACD,kBAAe;EACf,gBAAc,KAAW;EACzB,UAAU,MAAa,MAAQ,MAAY;EACtC;EACL,GAAI;YAfN;GAiBG,MAAY,KACX,kBAAC,GAAD,EAAiB,CAAA,GACf,MAAS,KAAA,IAET,OADF,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAY,CAAA;GAElD;GACA,MAAc,KAAA,KACb,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAiB,CAAA;GAEjD;;EAGd"}