@goliapkg/gds 0.9.4 → 0.9.6

package/dist/switch-DC85Os9r.js

@@ -0,0 +1,130 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n } from "./button-avu-rQU4.js";
+import { r } from "./motion-DUPegem-.js";
+import { forwardRef as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/l3-atoms/chip.tsx
+var c = n("inline-flex select-none items-center gds-gap-xs gds-radius-badge gds-pad-x-sm gds-pad-y-sm gds-text-label font-medium", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		accent: "bg-accent/10 text-accent",
+		danger: "bg-danger/10 text-danger",
+		default: "bg-fg-muted/10 text-fg-muted",
+		success: "bg-success/10 text-success",
+		warning: "bg-warning/10 text-warning"
+	} }
+});
+function l() {
+	return /* @__PURE__ */ o("svg", {
+		className: "h-3 w-3",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ o("path", {
+			d: "M18 6L6 18M6 6l12 12",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+var u = i(function({ className: n, glass: r, icon: i, label: a, onRemove: u, removeIcon: d, variant: f, ...p }, m) {
+	return /* @__PURE__ */ s("span", {
+		className: e(c({ variant: f }), t(r), r === !0 && "border border-white/10 bg-white/5", n),
+		"data-component": "chip",
+		"data-variant": f ?? "default",
+		ref: m,
+		...p,
+		children: [
+			i !== void 0 && /* @__PURE__ */ o("span", {
+				className: "gds-icon-child-sm",
+				children: i
+			}),
+			a,
+			u !== void 0 && /* @__PURE__ */ o("button", {
+				className: e("ml-0.5 gds-radius-badge p-0.5 transition-colors hover:bg-current/10", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				onClick: u,
+				tabIndex: -1,
+				type: "button",
+				children: d ?? /* @__PURE__ */ o(l, {})
+			})
+		]
+	});
+}), d = i(function({ className: t, disabled: n = !1, max: i = 100, min: c = 0, onChange: l, showValue: u = !1, step: d = 1, value: f, ...p }, m) {
+	let h = a(() => {
+		let e = i - c;
+		return e <= 0 ? 0 : (f - c) / e * 100;
+	}, [
+		f,
+		c,
+		i
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: e("relative flex items-center select-none", n && "cursor-not-allowed opacity-50", t),
+		"data-component": "range-slider",
+		"data-state": n ? "disabled" : "enabled",
+		children: [u && /* @__PURE__ */ o("span", {
+			className: "absolute -top-5 text-[10px] font-medium text-fg-muted transition-[left]",
+			style: {
+				left: `${h}%`,
+				transform: "translateX(-50%)"
+			},
+			children: f
+		}), /* @__PURE__ */ o("input", {
+			className: e("gds-range-slider h-1.5 w-full cursor-pointer appearance-none rounded-full bg-bg-tertiary", r, n && "pointer-events-none"),
+			disabled: n,
+			max: i,
+			min: c,
+			onChange: (e) => l(Number(e.target.value)),
+			ref: m,
+			step: d,
+			style: { background: `linear-gradient(to right, var(--gds-accent) 0%, var(--gds-accent) ${h}%, var(--gds-bg-tertiary) ${h}%, var(--gds-bg-tertiary) 100%)` },
+			type: "range",
+			value: f,
+			...p
+		})]
+	});
+}), f = n("relative inline-flex shrink-0 cursor-pointer select-none items-center gds-radius-badge transition-colors " + r, {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: "h-5 w-9",
+		sm: "h-4 w-7"
+	} }
+}), p = {
+	default: "gds-icon",
+	sm: "h-3 w-3"
+}, m = {
+	default: {
+		off: "translate-x-0.5",
+		on: "translate-x-4"
+	},
+	sm: {
+		off: "translate-x-0.5",
+		on: "translate-x-3.5"
+	}
+}, h = i(function({ checked: t = !1, className: n, disabled: r = !1, label: i, onChange: a, size: c = "default", ...l }, u) {
+	let d = c ?? "default";
+	return /* @__PURE__ */ s("label", {
+		className: e("inline-flex select-none items-center gds-gap-sm", r && "cursor-not-allowed opacity-50", n),
+		"data-component": "switch",
+		"data-state": t ? "on" : "off",
+		children: [/* @__PURE__ */ o("button", {
+			"aria-checked": t,
+			className: e(f({ size: c }), t ? "bg-accent" : "bg-bg-tertiary", r && "cursor-not-allowed"),
+			disabled: r,
+			onClick: () => a?.(!t),
+			ref: u,
+			role: "switch",
+			type: "button",
+			...l,
+			children: /* @__PURE__ */ o("span", { className: e("gds-radius-badge bg-fg gds-shadow-sm transition-transform", p[d], t ? m[d].on : m[d].off) })
+		}), i !== void 0 && /* @__PURE__ */ o("span", {
+			className: "gds-text-body text-fg",
+			children: i
+		})]
+	});
+});
+//#endregion
+export { c as a, u as i, f as n, d as r, h as t };
+
+//# sourceMappingURL=switch-DC85Os9r.js.map

package/dist/switch-DC85Os9r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DC85Os9r.js","names":[],"sources":["../src/l3-atoms/chip.tsx","../src/l3-atoms/range-slider.tsx","../src/l3-atoms/switch.tsx"],"sourcesContent":["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 type { VariantProps } from '../utils/types'\n\nconst chipVariants = cva(\n  'inline-flex select-none items-center gds-gap-xs gds-radius-badge gds-pad-x-sm gds-pad-y-sm gds-text-label font-medium',\n  {\n    defaultVariants: { variant: 'default' },\n    variants: {\n      variant: {\n        accent: 'bg-accent/10 text-accent',\n        danger: 'bg-danger/10 text-danger',\n        default: 'bg-fg-muted/10 text-fg-muted',\n        success: 'bg-success/10 text-success',\n        warning: 'bg-warning/10 text-warning',\n      },\n    },\n  },\n)\n\ntype ChipProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof chipVariants> & {\n    glass?: boolean\n    icon?: ReactNode\n    label: string\n    onRemove?: () => void\n    removeIcon?: ReactNode\n  }\n\n// default X SVG\nfunction DefaultRemoveIcon() {\n  return (\n    <svg className=\"h-3 w-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} viewBox=\"0 0 24 24\">\n      <path d=\"M18 6L6 18M6 6l12 12\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(\n  function Chip(\n    { className, glass, icon, label, onRemove, removeIcon, variant, ...props },\n    ref,\n  ) {\n    return (\n      <span\n        className={cx(\n          chipVariants({ variant }),\n          glassClass(glass),\n          glass === true && 'border border-white/10 bg-white/5',\n          className,\n        )}\n        data-component=\"chip\"\n        data-variant={variant ?? 'default'}\n        ref={ref}\n        {...props}\n      >\n        {icon !== undefined && (\n          <span className=\"gds-icon-child-sm\">{icon}</span>\n        )}\n        {label}\n        {onRemove !== undefined && (\n          <button\n            className={cx(\n              'ml-0.5 gds-radius-badge p-0.5 transition-colors hover:bg-current/10',\n              focusCls,\n            )}\n            onClick={onRemove}\n            tabIndex={-1}\n            type=\"button\"\n          >\n            {removeIcon ?? <DefaultRemoveIcon />}\n          </button>\n        )}\n      </span>\n    )\n  },\n)\n\nexport { chipVariants }\nexport type { ChipProps }\n","// range-slider — styled native range input with optional value label\nimport { forwardRef, useMemo } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\ntype RangeSliderProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type' | 'value'> & {\n  disabled?: boolean\n  max?: number\n  min?: number\n  onChange: (value: number) => void\n  showValue?: boolean\n  step?: number\n  value: number\n}\n\nexport const RangeSlider = forwardRef<HTMLInputElement, RangeSliderProps>(\n  function RangeSlider(\n    {\n      className,\n      disabled = false,\n      max = 100,\n      min = 0,\n      onChange,\n      showValue = false,\n      step = 1,\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const percent = useMemo(() => {\n      const range = max - min\n      if (range <= 0) return 0\n      return ((value - min) / range) * 100\n    }, [value, min, max])\n\n    return (\n      <div\n        className={cx(\n          'relative flex items-center select-none',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        data-component=\"range-slider\"\n        data-state={disabled ? 'disabled' : 'enabled'}\n      >\n        {showValue && (\n          <span\n            className=\"absolute -top-5 text-[10px] font-medium text-fg-muted transition-[left]\"\n            style={{ left: `${percent}%`, transform: 'translateX(-50%)' }}\n          >\n            {value}\n          </span>\n        )}\n        <input\n          className={cx(\n            'gds-range-slider h-1.5 w-full cursor-pointer appearance-none rounded-full bg-bg-tertiary',\n            focusCls,\n            disabled && 'pointer-events-none',\n          )}\n          disabled={disabled}\n          max={max}\n          min={min}\n          onChange={(e) => onChange(Number(e.target.value))}\n          ref={ref}\n          step={step}\n          style={{\n            background: `linear-gradient(to right, var(--gds-accent) 0%, var(--gds-accent) ${percent}%, var(--gds-bg-tertiary) ${percent}%, var(--gds-bg-tertiary) 100%)`,\n          }}\n          type=\"range\"\n          value={value}\n          {...props}\n        />\n      </div>\n    )\n  },\n)\n\nexport type { RangeSliderProps }\n","import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst switchVariants = cva(\n  'relative inline-flex shrink-0 cursor-pointer select-none items-center gds-radius-badge transition-colors ' +\n    focusCls,\n  {\n    defaultVariants: { size: 'default' },\n    variants: {\n      size: {\n        default: 'h-5 w-9',\n        sm: 'h-4 w-7',\n      },\n    },\n  },\n)\n\nconst thumbSizeMap = {\n  default: 'gds-icon',\n  sm: 'h-3 w-3',\n}\n\nconst thumbTranslateMap = {\n  default: { off: 'translate-x-0.5', on: 'translate-x-4' },\n  sm: { off: 'translate-x-0.5', on: 'translate-x-3.5' },\n}\n\ntype SwitchProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> &\n  VariantProps<typeof switchVariants> & {\n    checked?: boolean\n    label?: string\n    onChange?: (checked: boolean) => void\n  }\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  function Switch(\n    { checked = false, className, disabled = false, label, onChange, size = 'default', ...props },\n    ref,\n  ) {\n    const sizeKey = size ?? 'default'\n\n    return (\n      <label\n        className={cx(\n          'inline-flex select-none items-center gds-gap-sm',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        data-component=\"switch\"\n        data-state={checked ? 'on' : 'off'}\n      >\n        <button\n          aria-checked={checked}\n          className={cx(\n            switchVariants({ size }),\n            checked ? 'bg-accent' : 'bg-bg-tertiary',\n            disabled && 'cursor-not-allowed',\n          )}\n          disabled={disabled}\n          onClick={() => onChange?.(!checked)}\n          ref={ref}\n          role=\"switch\"\n          type=\"button\"\n          {...props}\n        >\n          <span\n            className={cx(\n              'gds-radius-badge bg-fg gds-shadow-sm transition-transform',\n              thumbSizeMap[sizeKey],\n              checked ? thumbTranslateMap[sizeKey].on : thumbTranslateMap[sizeKey].off,\n            )}\n          />\n        </button>\n        {label !== undefined && (\n          <span className=\"gds-text-body text-fg\">{label}</span>\n        )}\n      </label>\n    )\n  },\n)\n\nexport { switchVariants }\nexport type { SwitchProps }\n"],"mappings":"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"}

package/dist/textarea-BJCl_aH2.js

@@ -0,0 +1,40 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n } from "./button-avu-rQU4.js";
+import { r } from "./motion-DUPegem-.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/l2-primitives/kbd.tsx
+var o = i(function({ children: n, className: r, glass: i, ...o }, s) {
+	return /* @__PURE__ */ a("kbd", {
+		className: e("inline-flex select-none items-center gds-radius-button border border-border/60 bg-bg-tertiary gds-pad-x-sm gds-pad-y-sm font-mono gds-text-label text-fg-muted", t(i), i === !0 && "border-white/10 bg-bg/60", r),
+		"data-component": "kbd",
+		ref: s,
+		...o,
+		children: n
+	});
+}), s = n("w-full gds-radius-input border bg-bg gds-pad-x gds-pad-y text-fg gds-text-body placeholder:text-fg-muted/50 outline-none disabled:cursor-not-allowed disabled:opacity-50 " + r, {
+	compoundVariants: [{
+		error: !0,
+		className: "focus-visible:ring-danger"
+	}],
+	defaultVariants: { error: !1 },
+	variants: { error: {
+		false: "border-border hover:border-border-strong",
+		true: "border-danger"
+	} }
+}), c = {
+	both: "resize",
+	none: "resize-none",
+	vertical: "resize-y"
+}, l = i(function({ autoGrow: n = !1, className: r, error: i, glass: o, resize: l = "vertical", ...u }, d) {
+	return /* @__PURE__ */ a("textarea", {
+		className: e(s({ error: i }), c[l], n && "[field-sizing:content] overflow-hidden", t(o), o === !0 && "border-white/10 bg-bg/60", r),
+		"data-component": "textarea",
+		ref: d,
+		...u
+	});
+});
+//#endregion
+export { s as n, o as r, l as t };
+
+//# sourceMappingURL=textarea-BJCl_aH2.js.map

package/dist/textarea-BJCl_aH2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-BJCl_aH2.js","names":[],"sources":["../src/l2-primitives/kbd.tsx","../src/l2-primitives/textarea.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype KbdProps = React.HTMLAttributes<HTMLElement> & {\n  children: ReactNode\n  glass?: boolean\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(\n  function Kbd({ children, className, glass, ...props }, ref) {\n    return (\n      <kbd\n        className={cx(\n          'inline-flex select-none items-center gds-radius-button border border-border/60 bg-bg-tertiary gds-pad-x-sm gds-pad-y-sm font-mono gds-text-label text-fg-muted',\n          glassClass(glass),\n          glass === true && 'border-white/10 bg-bg/60',\n          className,\n        )}\n        data-component=\"kbd\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nexport type { KbdProps }\n","import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\n\ntype TextareaResize = 'both' | 'none' | 'vertical'\n\nconst textareaVariants = cva(\n  'w-full gds-radius-input border bg-bg gds-pad-x gds-pad-y text-fg gds-text-body placeholder:text-fg-muted/50 outline-none disabled:cursor-not-allowed disabled:opacity-50 ' +\n    focusCls,\n  {\n    compoundVariants: [\n      {\n        error: true,\n        className: 'focus-visible:ring-danger',\n      },\n    ],\n    defaultVariants: {\n      error: false,\n    },\n    variants: {\n      error: {\n        false: 'border-border hover:border-border-strong',\n        true: 'border-danger',\n      },\n    },\n  },\n)\n\nconst resizeClasses: Record<TextareaResize, string> = {\n  both: 'resize',\n  none: 'resize-none',\n  vertical: 'resize-y',\n}\n\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> &\n  VariantProps<typeof textareaVariants> & {\n    autoGrow?: boolean\n    glass?: boolean\n    resize?: TextareaResize\n  }\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      autoGrow = false,\n      className,\n      error,\n      glass,\n      resize = 'vertical',\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <textarea\n        className={cx(\n          textareaVariants({ error }),\n          resizeClasses[resize],\n          autoGrow && '[field-sizing:content] overflow-hidden',\n          glassClass(glass),\n          glass === true && 'border-white/10 bg-bg/60',\n          className,\n        )}\n        data-component=\"textarea\"\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\n\nexport { textareaVariants }\nexport type { TextareaProps, TextareaResize }\n"],"mappings":";;;;;;AAWA,IAAa,IAAM,EACjB,SAAa,EAAE,aAAU,cAAW,UAAO,GAAG,KAAS,GAAK;AAC1D,QACE,kBAAC,OAAD;EACE,WAAW,EACT,kKACA,EAAW,EAAM,EACjB,MAAU,MAAQ,4BAClB,EACD;EACD,kBAAe;EACV;EACL,GAAI;EAEH;EACG,CAAA;EAGX,ECnBK,IAAmB,EACvB,8KACE,GACF;CACE,kBAAkB,CAChB;EACE,OAAO;EACP,WAAW;EACZ,CACF;CACD,iBAAiB,EACf,OAAO,IACR;CACD,UAAU,EACR,OAAO;EACL,OAAO;EACP,MAAM;EACP,EACF;CACF,CACF,EAEK,IAAgD;CACpD,MAAM;CACN,MAAM;CACN,UAAU;CACX,EASY,IAAW,EACtB,SACE,EACE,cAAW,IACX,cACA,UACA,UACA,YAAS,YACT,GAAG,KAEL,GACA;AACA,QACE,kBAAC,YAAD;EACE,WAAW,EACT,EAAiB,EAAE,UAAO,CAAC,EAC3B,EAAc,IACd,KAAY,0CACZ,EAAW,EAAM,EACjB,MAAU,MAAQ,4BAClB,EACD;EACD,kBAAe;EACV;EACL,GAAI;EACJ,CAAA;EAGP"}

package/dist/toast-DN5xANLM.js

@@ -0,0 +1,442 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n } from "./motion-DUPegem-.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("flex items-center justify-between gds-gap gds-text", n),
+		"data-component": "audit-entry",
+		ref: d,
+		...u,
+		children: [/* @__PURE__ */ o("span", {
+			className: "shrink-0 text-xs text-fg-muted",
+			children: i
+		}), /* @__PURE__ */ s("span", {
+			className: "flex-1 truncate",
+			children: [
+				/* @__PURE__ */ o("span", {
+					className: "font-medium text-fg",
+					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("bg-transparent gds-text-body text-fg outline-none border-b border-accent/50 px-0.5", 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("shrink-0 p-0.5 text-success hover:text-success/80", n),
+					"aria-label": "Save",
+					children: u
+				}),
+				/* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: T,
+					className: e("shrink-0 p-0.5 text-fg-muted hover:text-fg", n),
+					"aria-label": "Cancel",
+					children: d
+				})
+			]
+		}), x !== null && /* @__PURE__ */ o("span", {
+			className: "mt-0.5 text-[10px] text-danger",
+			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 transition-colors group-hover:text-fg-muted/60",
+			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("flex items-center gap-3 gds-pad-x gds-pad-y-sm gds-text-body select-none", f && "cursor-pointer hover:bg-bg-tertiary", c === !0 && "border-l-2 border-l-accent bg-accent/5", 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: "shrink-0 text-fg-muted",
+				children: t
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ o("div", {
+					className: "font-medium text-fg",
+					children: n
+				}), r !== void 0 && /* @__PURE__ */ o("div", {
+					className: "mt-0.5 text-fg-muted gds-text-caption",
+					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("flex w-full items-start gds-gap gds-radius-popover border border-border border-l-2 gds-pad-x gds-pad-y", 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 font-medium text-fg",
+					children: n
+				}), r !== void 0 && /* @__PURE__ */ o("p", {
+					className: "mt-0.5 gds-text-label text-fg-muted",
+					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("shrink-0 gds-radius-button p-0.5 text-fg-muted 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: "shrink-0 accent-accent",
+				onChange: i,
+				type: "checkbox"
+			}),
+			/* @__PURE__ */ o("span", {
+				className: e("flex-1 truncate", n && "line-through text-fg-muted"),
+				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: "shrink-0 text-xs text-fg-muted",
+				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("flex items-start gds-gap gds-radius-popover border border-border border-l-4 bg-surface gds-pad-x gds-pad-y gds-shadow-lg", 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 font-medium text-fg",
+					children: t
+				}), n !== void 0 && /* @__PURE__ */ o("p", {
+					className: "mt-0.5 gds-text-label text-fg-muted",
+					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("shrink-0 gds-radius-button p-0.5 text-fg-muted 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-DN5xANLM.js.map