@goliapkg/gds 1.7.0 → 2.0.1

package/dist/{progress-wAKN3Czz.js → progress-dZIQEiTw.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./glass-CQTlX7IO.js";
-import { r as t } from "./button-avu-rQU4.js";
+import { r as t } from "./button-BD3VHhwq.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/l2-primitives/progress.tsx
@@ -18,7 +18,7 @@ var a = t("flex-1 overflow-hidden gds-radius-badge bg-bg-tertiary", {
 }, s = n(function({ className: t, showLabel: n = !1, size: s, value: c = 0, variant: l = "default", ...u }, d) {
 	let f = Math.max(0, Math.min(100, c));
 	return /* @__PURE__ */ i("div", {
-		className: e("flex items-center gds-gap-sm", t),
+		className: e("gds-gap-sm flex items-center", t),
 		"data-component": "progress",
 		ref: d,
 		...u,
@@ -29,11 +29,11 @@ var a = t("flex-1 overflow-hidden gds-radius-badge bg-bg-tertiary", {
 			className: a({ size: s }),
 			role: "progressbar",
 			children: /* @__PURE__ */ r("div", {
-				className: e("h-full gds-radius-badge transition-all", o[l]),
+				className: e("gds-radius-badge h-full transition-all", o[l]),
 				style: { width: `${f}%` }
 			})
 		}), n && /* @__PURE__ */ i("span", {
-			className: "shrink-0 font-mono gds-text-label text-fg-muted tabular-nums select-none",
+			className: "gds-text-label text-fg-muted shrink-0 font-mono tabular-nums select-none",
 			children: [f, "%"]
 		})]
 	});
@@ -41,4 +41,4 @@ var a = t("flex-1 overflow-hidden gds-radius-badge bg-bg-tertiary", {
 //#endregion
 export { a as n, s as t };
 
-//# sourceMappingURL=progress-wAKN3Czz.js.map
+//# sourceMappingURL=progress-dZIQEiTw.js.map

package/dist/progress-dZIQEiTw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-dZIQEiTw.js","names":[],"sources":["../src/l2-primitives/progress.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst progressVariants = cva(\n  'flex-1 overflow-hidden gds-radius-badge bg-bg-tertiary',\n  {\n    defaultVariants: { size: 'default' },\n    variants: {\n      size: {\n        default: 'h-2',\n        lg: 'h-3',\n        sm: 'h-1',\n      },\n    },\n  }\n)\n\nconst barColorMap = {\n  danger: 'bg-danger',\n  default: 'bg-accent',\n  success: 'bg-success',\n  warning: 'bg-warning',\n}\n\ntype ProgressProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof progressVariants> & {\n    showLabel?: boolean\n    value?: number\n    variant?: 'danger' | 'default' | 'success' | 'warning'\n  }\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  function Progress(\n    {\n      className,\n      showLabel = false,\n      size,\n      value = 0,\n      variant = 'default',\n      ...props\n    },\n    ref\n  ) {\n    const clamped = Math.max(0, Math.min(100, value))\n\n    return (\n      <div\n        className={cx('gds-gap-sm flex items-center', className)}\n        data-component=\"progress\"\n        ref={ref}\n        {...props}\n      >\n        <div\n          aria-valuemax={100}\n          aria-valuemin={0}\n          aria-valuenow={clamped}\n          className={progressVariants({ size })}\n          role=\"progressbar\"\n        >\n          <div\n            className={cx(\n              'gds-radius-badge h-full transition-all',\n              barColorMap[variant]\n            )}\n            style={{ width: `${clamped}%` }}\n          />\n        </div>\n        {showLabel && (\n          <span className=\"gds-text-label text-fg-muted shrink-0 font-mono tabular-nums select-none\">\n            {clamped}%\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nexport { progressVariants }\nexport type { ProgressProps }\n"],"mappings":";;;;;AAMA,IAAM,IAAmB,EACvB,0DACA;CACE,iBAAiB,EAAE,MAAM,WAAW;CACpC,UAAU,EACR,MAAM;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACL,EACF;CACF,CACF,EAEK,IAAc;CAClB,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACV,EASY,IAAW,EACtB,SACE,EACE,cACA,eAAY,IACZ,SACA,WAAQ,GACR,aAAU,WACV,GAAG,KAEL,GACA;CACA,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC;AAEjD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,gCAAgC,EAAU;EACxD,kBAAe;EACV;EACL,GAAI;YAJN,CAME,kBAAC,OAAD;GACE,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,WAAW,EAAiB,EAAE,SAAM,CAAC;GACrC,MAAK;aAEL,kBAAC,OAAD;IACE,WAAW,EACT,0CACA,EAAY,GACb;IACD,OAAO,EAAE,OAAO,GAAG,EAAQ,IAAI;IAC/B,CAAA;GACE,CAAA,EACL,KACC,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GAAQ,IACJ;KAEL;;EAGX"}

package/dist/{resize-handle-ilSc7QRM.js → resize-handle-BjSNhgJK.js}

@@ -5,7 +5,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/l3-atoms/checkbox.tsx
 function s() {
 	return /* @__PURE__ */ a("svg", {
-		className: "h-3 w-3 text-accent-fg",
+		className: "text-accent-fg h-3 w-3",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: 3,
@@ -20,7 +20,7 @@ function s() {
 var c = n(function({ checked: n = !1, checkIcon: r, className: i, disabled: c = !1, label: l, onChange: u, ...d }, f) {
 	return /* @__PURE__ */ o("button", {
 		"aria-checked": n,
-		className: e("inline-flex select-none items-center gds-gap-sm", c && "cursor-not-allowed opacity-50", i),
+		className: e("gds-gap-sm inline-flex items-center select-none", c && "cursor-not-allowed opacity-50", i),
 		"data-component": "checkbox",
 		"data-state": n ? "checked" : "unchecked",
 		disabled: c,
@@ -30,7 +30,7 @@ var c = n(function({ checked: n = !1, checkIcon: r, className: i, disabled: c =
 		type: "button",
 		...d,
 		children: [/* @__PURE__ */ a("span", {
-			className: e("inline-flex gds-icon shrink-0 items-center justify-center gds-radius-button border transition-colors", t, n ? "border-accent bg-accent" : "border-border bg-bg hover:border-accent/50"),
+			className: e("gds-icon gds-radius-button inline-flex shrink-0 items-center justify-center border transition-colors", t, n ? "border-accent bg-accent" : "border-border bg-bg hover:border-accent/50"),
 			children: /* @__PURE__ */ a("span", {
 				className: e("transition-opacity", n ? "opacity-100" : "opacity-0"),
 				children: r ?? /* @__PURE__ */ a(s, {})
@@ -71,10 +71,10 @@ var c = n(function({ checked: n = !1, checkIcon: r, className: i, disabled: c =
 		role: "separator",
 		"aria-orientation": c,
 		...l,
-		children: /* @__PURE__ */ a("div", { className: e("transition-colors", c === "vertical" ? "h-full w-0.5 bg-border group-hover:bg-accent/50 group-active:bg-accent" : "h-0.5 w-full bg-border group-hover:bg-accent/50 group-active:bg-accent") })
+		children: /* @__PURE__ */ a("div", { className: e("transition-colors", c === "vertical" ? "bg-border group-hover:bg-accent/50 group-active:bg-accent h-full w-0.5" : "bg-border group-hover:bg-accent/50 group-active:bg-accent h-0.5 w-full") })
 	});
 });
 //#endregion
 export { c as n, l as r, u as t };
 
-//# sourceMappingURL=resize-handle-ilSc7QRM.js.map
+//# sourceMappingURL=resize-handle-BjSNhgJK.js.map

package/dist/resize-handle-BjSNhgJK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handle-BjSNhgJK.js","names":[],"sources":["../src/l3-atoms/checkbox.tsx","../src/l3-atoms/resize-handle.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\ntype CheckboxProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onChange'\n> & {\n  checked?: boolean\n  checkIcon?: ReactNode\n  label?: string\n  onChange?: (checked: boolean) => void\n}\n\n// default check SVG (no lucide dependency)\nfunction DefaultCheck() {\n  return (\n    <svg\n      className=\"text-accent-fg h-3 w-3\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      viewBox=\"0 0 24 24\"\n    >\n      <path d=\"M5 13l4 4L19 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  function Checkbox(\n    {\n      checked = false,\n      checkIcon,\n      className,\n      disabled = false,\n      label,\n      onChange,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <button\n        aria-checked={checked}\n        className={cx(\n          'gds-gap-sm inline-flex items-center select-none',\n          disabled && 'cursor-not-allowed opacity-50',\n          className\n        )}\n        data-component=\"checkbox\"\n        data-state={checked ? 'checked' : 'unchecked'}\n        disabled={disabled}\n        onClick={() => onChange?.(!checked)}\n        ref={ref}\n        role=\"checkbox\"\n        type=\"button\"\n        {...props}\n      >\n        <span\n          className={cx(\n            'gds-icon gds-radius-button inline-flex shrink-0 items-center justify-center border transition-colors',\n            focusCls,\n            checked\n              ? 'border-accent bg-accent'\n              : 'border-border bg-bg hover:border-accent/50'\n          )}\n        >\n          <span\n            className={cx(\n              'transition-opacity',\n              checked ? 'opacity-100' : 'opacity-0'\n            )}\n          >\n            {checkIcon ?? <DefaultCheck />}\n          </span>\n        </span>\n        {label !== undefined && (\n          <span className=\"gds-text-body text-fg\">{label}</span>\n        )}\n      </button>\n    )\n  }\n)\n\nconst checkboxVariants = {\n  state: {\n    checked: 'border-accent bg-accent',\n    unchecked: 'border-border bg-bg hover:border-accent/50',\n  },\n} as const\n\nexport { checkboxVariants }\nexport type { CheckboxProps }\n","import { forwardRef, useCallback, useRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ResizeHandleProps = React.HTMLAttributes<HTMLDivElement> & {\n  orientation?: 'horizontal' | 'vertical'\n  onResize: (delta: number) => void\n  onResizeEnd?: () => void\n  disabled?: boolean\n}\n\nexport const ResizeHandle = forwardRef<HTMLDivElement, ResizeHandleProps>(\n  function ResizeHandle(\n    {\n      className,\n      disabled,\n      onResize,\n      onResizeEnd,\n      orientation = 'vertical',\n      ...props\n    },\n    ref\n  ) {\n    const startPos = useRef(0)\n\n    const handleMouseDown = useCallback(\n      (e: React.MouseEvent) => {\n        if (disabled) return\n        e.preventDefault()\n\n        const isVertical = orientation === 'vertical'\n        startPos.current = isVertical ? e.clientX : e.clientY\n\n        const handleMouseMove = (moveEvent: MouseEvent) => {\n          const current = isVertical ? moveEvent.clientX : moveEvent.clientY\n          const delta = current - startPos.current\n          startPos.current = current\n          onResize(delta)\n        }\n\n        const handleMouseUp = () => {\n          document.removeEventListener('mousemove', handleMouseMove)\n          document.removeEventListener('mouseup', handleMouseUp)\n          onResizeEnd?.()\n        }\n\n        document.addEventListener('mousemove', handleMouseMove)\n        document.addEventListener('mouseup', handleMouseUp)\n      },\n      [disabled, onResize, onResizeEnd, orientation]\n    )\n\n    return (\n      <div\n        className={cx(\n          'group relative flex items-center justify-center select-none',\n          orientation === 'vertical'\n            ? 'w-2 cursor-col-resize flex-col self-stretch'\n            : 'h-2 cursor-row-resize self-stretch',\n          disabled && 'pointer-events-none opacity-40',\n          className\n        )}\n        data-component=\"resize-handle\"\n        data-orientation={orientation}\n        onMouseDown={handleMouseDown}\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={orientation}\n        {...props}\n      >\n        <div\n          className={cx(\n            'transition-colors',\n            orientation === 'vertical'\n              ? 'bg-border group-hover:bg-accent/50 group-active:bg-accent h-full w-0.5'\n              : 'bg-border group-hover:bg-accent/50 group-active:bg-accent h-0.5 w-full'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nexport type { ResizeHandleProps }\n"],"mappings":";;;;;AAiBA,SAAS,IAAe;AACtB,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,QAAO;EACP,aAAa;EACb,SAAQ;YAER,kBAAC,QAAD;GAAM,GAAE;GAAiB,eAAc;GAAQ,gBAAe;GAAU,CAAA;EACpE,CAAA;;AAIV,IAAa,IAAW,EACtB,SACE,EACE,aAAU,IACV,cACA,cACA,cAAW,IACX,UACA,aACA,GAAG,KAEL,GACA;AACA,QACE,kBAAC,UAAD;EACE,gBAAc;EACd,WAAW,EACT,mDACA,KAAY,iCACZ,EACD;EACD,kBAAe;EACf,cAAY,IAAU,YAAY;EACxB;EACV,eAAe,IAAW,CAAC,EAAQ;EAC9B;EACL,MAAK;EACL,MAAK;EACL,GAAI;YAdN,CAgBE,kBAAC,QAAD;GACE,WAAW,EACT,wGACA,GACA,IACI,4BACA,6CACL;aAED,kBAAC,QAAD;IACE,WAAW,EACT,sBACA,IAAU,gBAAgB,YAC3B;cAEA,KAAa,kBAAC,GAAD,EAAgB,CAAA;IACzB,CAAA;GACF,CAAA,EACN,MAAU,KAAA,KACT,kBAAC,QAAD;GAAM,WAAU;aAAyB;GAAa,CAAA,CAEjD;;EAGd,EAEK,IAAmB,EACvB,OAAO;CACL,SAAS;CACT,WAAW;CACZ,EACF,ECjFY,IAAe,EAC1B,SACE,EACE,cACA,aACA,aACA,gBACA,iBAAc,YACd,GAAG,KAEL,GACA;CACA,IAAM,IAAW,EAAO,EAAE,EAEpB,IAAkB,GACrB,MAAwB;AACvB,MAAI,EAAU;AACd,IAAE,gBAAgB;EAElB,IAAM,IAAa,MAAgB;AACnC,IAAS,UAAU,IAAa,EAAE,UAAU,EAAE;EAE9C,IAAM,KAAmB,MAA0B;GACjD,IAAM,IAAU,IAAa,EAAU,UAAU,EAAU,SACrD,IAAQ,IAAU,EAAS;AAEjC,GADA,EAAS,UAAU,GACnB,EAAS,EAAM;KAGX,UAAsB;AAG1B,GAFA,SAAS,oBAAoB,aAAa,EAAgB,EAC1D,SAAS,oBAAoB,WAAW,EAAc,EACtD,KAAe;;AAIjB,EADA,SAAS,iBAAiB,aAAa,EAAgB,EACvD,SAAS,iBAAiB,WAAW,EAAc;IAErD;EAAC;EAAU;EAAU;EAAa;EAAY,CAC/C;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EACT,+DACA,MAAgB,aACZ,gDACA,sCACJ,KAAY,kCACZ,EACD;EACD,kBAAe;EACf,oBAAkB;EAClB,aAAa;EACR;EACL,MAAK;EACL,oBAAkB;EAClB,GAAI;YAEJ,kBAAC,OAAD,EACE,WAAW,EACT,qBACA,MAAgB,aACZ,2EACA,yEACL,EACD,CAAA;EACE,CAAA;EAGX"}

package/dist/sanitize-BF45M9xp.js

@@ -0,0 +1,33 @@
+import e from "dompurify";
+//#region src/utils/sanitize.ts
+var t = {
+	FORBID_TAGS: [
+		"script",
+		"iframe",
+		"object",
+		"embed",
+		"form",
+		"input"
+	],
+	ADD_ATTR: [
+		"style",
+		"align",
+		"bgcolor",
+		"target",
+		"rel"
+	],
+	RETURN_TRUSTED_TYPE: !1
+};
+function n(n) {
+	return e.sanitize(n, t);
+}
+function r(t, n) {
+	return e.sanitize(t, {
+		...n,
+		RETURN_TRUSTED_TYPE: !1
+	});
+}
+//#endregion
+export { r as n, n as t };
+
+//# sourceMappingURL=sanitize-BF45M9xp.js.map

package/dist/sanitize-BF45M9xp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-BF45M9xp.js","names":[],"sources":["../src/utils/sanitize.ts"],"sourcesContent":["// anti-corruption wrapper — HTML sanitization\n// L5 components import from here, never directly from dompurify\n// consumers who don't use EmailThread don't need dompurify installed\n\nimport DOMPurify, { type Config } from 'dompurify'\n\nexport type SanitizeConfig = Config\n\n// pre-configured sanitizer for email HTML rendering\nconst EMAIL_SANITIZE_CONFIG: SanitizeConfig = {\n  FORBID_TAGS: ['script', 'iframe', 'object', 'embed', 'form', 'input'],\n  ADD_ATTR: ['style', 'align', 'bgcolor', 'target', 'rel'],\n  RETURN_TRUSTED_TYPE: false,\n}\n\nexport function sanitizeEmailHtml(html: string): string {\n  return DOMPurify.sanitize(html, EMAIL_SANITIZE_CONFIG) as string\n}\n\nexport function sanitizeHtml(html: string, config?: SanitizeConfig): string {\n  return DOMPurify.sanitize(html, {\n    ...config,\n    RETURN_TRUSTED_TYPE: false,\n  }) as string\n}\n\nexport { EMAIL_SANITIZE_CONFIG }\n"],"mappings":";;AASA,IAAM,IAAwC;CAC5C,aAAa;EAAC;EAAU;EAAU;EAAU;EAAS;EAAQ;EAAQ;CACrE,UAAU;EAAC;EAAS;EAAS;EAAW;EAAU;EAAM;CACxD,qBAAqB;CACtB;AAED,SAAgB,EAAkB,GAAsB;AACtD,QAAO,EAAU,SAAS,GAAM,EAAsB;;AAGxD,SAAgB,EAAa,GAAc,GAAiC;AAC1E,QAAO,EAAU,SAAS,GAAM;EAC9B,GAAG;EACH,qBAAqB;EACtB,CAAC"}

package/dist/{scales-B23Guac-.js → scales-DlVrSOA2.js}

@@ -192,7 +192,7 @@ function ne(e, t) {
 		suggestion: "push lightness below 40% or above 60% for clearer text"
 	}), 8) : 0;
 }
-function re(e, t) {
+function S(e, t) {
 	return e < .2 ? (t.push({
 		id: "saturation-low",
 		severity: "warning",
@@ -205,7 +205,7 @@ function re(e, t) {
 		suggestion: "reduce to 70-90% for comfortable prolonged viewing"
 	}), 5) : 0;
 }
-function ie(e, t) {
+function re(e, t) {
 	return e < .15 ? (t.push({
 		id: "lightness-too-dark",
 		severity: "error",
@@ -218,7 +218,7 @@ function ie(e, t) {
 		suggestion: "decrease lightness below 70%"
 	}), 15) : 0;
 }
-function ae(e, t, n) {
+function ie(e, t, n) {
 	if (t <= .4) return null;
 	for (let t of x) if (e >= t.hueMin && e <= t.hueMax) return n.push({
 		id: "semantic-conflict",
@@ -228,14 +228,14 @@ function ae(e, t, n) {
 	}), t.name;
 	return null;
 }
-function oe(e) {
+function ae(e) {
 	return e < 60 ? "rejected" : e < 80 ? "warning" : e < 90 ? "good" : "excellent";
 }
-function S(t) {
-	let n = e(t), r = i(t), a = [], o = ee(n, a) + te(n, a) + ne(n, a) + re(r.s, a) + ie(r.l, a), c = ae(r.h, r.s, a), l = c === null ? 0 : 10, u = Math.max(0, Math.min(100, 100 - o - l));
+function C(t) {
+	let n = e(t), r = i(t), a = [], o = ee(n, a) + te(n, a) + ne(n, a) + S(r.s, a) + re(r.l, a), c = ie(r.h, r.s, a), l = c === null ? 0 : 10, u = Math.max(0, Math.min(100, 100 - o - l));
 	return {
 		score: u,
-		level: oe(u),
+		level: ae(u),
 		diagnostics: a,
 		details: {
 			contrastOnDark: s(n, _),
@@ -249,12 +249,12 @@ function S(t) {
 		}
 	};
 }
-function C(t) {
+function w(t) {
 	let n = e(t), r = s(y, n), i = s(b, n);
 	return r >= 3 ? "#ffffff" : i >= 3 ? "#000000" : r > i ? "#ffffff" : "#000000";
 }
-function se(e) {
-	let t = i(e), n = e, r = S(e).score, o = Math.max(.45, Math.min(.85, t.s));
+function oe(e) {
+	let t = i(e), n = e, r = C(e).score, o = Math.max(.45, Math.min(.85, t.s));
 	for (let e = .4; e <= .7; e += .02) {
 		let i = t.h;
 		for (let e of x) if (i >= e.hueMin && i <= e.hueMax) {
@@ -265,14 +265,14 @@ function se(e) {
 			h: i,
 			s: o,
 			l: e
-		}), c = S(s).score;
+		}), c = C(s).score;
 		c > r && (r = c, n = s);
 	}
 	return n;
 }
 //#endregion
 //#region src/l0-tokens/color-derive.ts
-var w = {
+var T = {
 	danger: {
 		dark: "#ef4444",
 		light: "#dc2626"
@@ -301,13 +301,13 @@ var w = {
 	actionUpdate: "#3b82f6",
 	actionDelete: "#ef4444",
 	dot: "#ef4444"
-}, ce = .06, le = .03;
-function T(e) {
-	let t = i(e), n = t.h, o = ce, s = a({
+}, se = .06, ce = .03;
+function E(e) {
+	let t = i(e), n = t.h, o = se, s = a({
 		h: n,
 		s: Math.max(.55, Math.min(.85, t.s)),
 		l: Math.max(.45, Math.min(.55, t.l))
-	}), c = l(s, .1), u = C(s), d = p(s, .12), f = p(s, .05), m = a({
+	}), c = l(s, .1), u = w(s), d = p(s, .12), f = p(s, .05), m = a({
 		h: n,
 		s: o,
 		l: .06
@@ -377,11 +377,11 @@ function T(e) {
 			s: o,
 			l: .04
 		}).b)}, 0.6)`,
-		palette: D(n, "dark")
+		palette: O(n, "dark")
 	};
 }
-function E(e) {
-	let t = i(e), n = t.h, r = le, o = a({
+function D(e) {
+	let t = i(e), n = t.h, r = ce, o = a({
 		h: n,
 		s: Math.max(.6, Math.min(.9, t.s)),
 		l: Math.max(.42, Math.min(.55, t.l))
@@ -389,7 +389,7 @@ function E(e) {
 	return {
 		accent: o,
 		accentHover: u(o, .06),
-		accentFg: C(o),
+		accentFg: w(o),
 		accentMuted: p(o, .1),
 		accentSubtle: p(o, .04),
 		bg: "#ffffff",
@@ -431,10 +431,10 @@ function E(e) {
 		surface: "#ffffff",
 		surfaceRaised: "#ffffff",
 		overlay: "rgba(0, 0, 0, 0.5)",
-		palette: D(n, "light")
+		palette: O(n, "light")
 	};
 }
-function D(e, t) {
+function O(e, t) {
 	let n = t === "dark" ? .65 : .55, r = t === "dark" ? .7 : .75;
 	return [
 		0,
@@ -453,8 +453,8 @@ function D(e, t) {
 		l: n
 	}));
 }
-function O(e, t) {
-	let n = w, r = t === "dark", i = {
+function k(e, t) {
+	let n = T, r = t === "dark", i = {
 		"--gds-bg": e.bg,
 		"--gds-bg-secondary": e.bgSecondary,
 		"--gds-bg-tertiary": e.bgTertiary,
@@ -492,7 +492,7 @@ function O(e, t) {
 }
 //#endregion
 //#region src/l0-tokens/size-system.ts
-var k = 4, ue = {
+var A = 4, le = {
 	0: 0,
 	1: 4,
 	2: 8,
@@ -504,22 +504,22 @@ var k = 4, ue = {
 	8: 40,
 	9: 48,
 	10: 64
-}, A = {
-	xs: k * 6,
-	sm: k * 7,
-	default: k * 8,
-	lg: k * 10,
-	xl: k * 12
 }, j = {
+	xs: A * 6,
+	sm: A * 7,
+	default: A * 8,
+	lg: A * 10,
+	xl: A * 12
+}, M = {
 	xs: 12,
 	sm: 14,
 	default: 16,
 	lg: 20,
 	xl: 24
-}, de = {
+}, ue = {
 	desktop: 32,
 	mobile: 44
-}, fe = {
+}, de = {
 	input: {
 		min: 120,
 		max: 480
@@ -539,29 +539,29 @@ var k = 4, ue = {
 		min: 160,
 		max: 320
 	}
-}, M = {
+}, N = {
 	compact: {
 		component: "sm",
 		icon: "sm",
-		gap: k * 1.5,
-		pad: k * 2,
+		gap: A * 1.5,
+		pad: A * 2,
 		text: 11
 	},
 	default: {
 		component: "default",
 		icon: "default",
-		gap: k * 3,
-		pad: k * 4,
+		gap: A * 3,
+		pad: A * 4,
 		text: 13
 	},
 	comfortable: {
 		component: "lg",
 		icon: "lg",
-		gap: k * 4,
-		pad: k * 6,
+		gap: A * 4,
+		pad: A * 6,
 		text: 14
 	}
-}, N = {
+}, P = {
 	compact: {
 		xs: 20,
 		sm: 24,
@@ -583,7 +583,7 @@ var k = 4, ue = {
 		lg: 40,
 		xl: 48
 	}
-}, pe = {
+}, fe = {
 	compact: {
 		xs: 10,
 		sm: 12,
@@ -602,7 +602,7 @@ var k = 4, ue = {
 		default: 20,
 		lg: 24
 	}
-}, me = {
+}, pe = {
 	compact: {
 		caption: 9,
 		label: 10,
@@ -618,7 +618,7 @@ var k = 4, ue = {
 		label: 12,
 		body: 14
 	}
-}, he = {
+}, me = {
 	compact: {
 		xs: 2,
 		sm: 4,
@@ -637,7 +637,7 @@ var k = 4, ue = {
 		default: 12,
 		lg: 16
 	}
-}, ge = {
+}, he = {
 	compact: {
 		sm: {
 			x: 4,
@@ -681,11 +681,11 @@ var k = 4, ue = {
 		}
 	}
 };
-function P(e) {
-	let t = e in N ? e : "default", n = M[t] ?? M.default, r = N[t], i = pe[t], a = me[t], o = he[t], s = ge[t];
+function F(e) {
+	let t = e in P ? e : "default", n = N[t] ?? N.default, r = P[t], i = fe[t], a = pe[t], o = me[t], s = he[t];
 	return {
-		"--gds-component-height": `${A[n.component]}px`,
-		"--gds-icon-size": `${j[n.icon]}px`,
+		"--gds-component-height": `${j[n.component]}px`,
+		"--gds-icon-size": `${M[n.icon]}px`,
 		"--gds-density-gap": `${n.gap}px`,
 		"--gds-density-pad": `${n.pad}px`,
 		"--gds-density-text": `${n.text}px`,
@@ -715,28 +715,28 @@ function P(e) {
 }
 //#endregion
 //#region src/l0-tokens/radius-system.ts
-var F = [
+var I = [
 	4,
 	6,
 	8,
 	12
-], _e = {
+], ge = {
 	sharp: .5,
 	default: 1,
 	rounded: 2
 };
-function I(e) {
-	let t = _e[e] ?? 1;
+function L(e) {
+	let t = ge[e] ?? 1;
 	return {
-		sm: Math.round(F[0] * t),
-		md: Math.round(F[1] * t),
-		lg: Math.round(F[2] * t),
-		xl: Math.round(F[3] * t),
+		sm: Math.round(I[0] * t),
+		md: Math.round(I[1] * t),
+		lg: Math.round(I[2] * t),
+		xl: Math.round(I[3] * t),
 		full: 9999
 	};
 }
-function L(e) {
-	let t = I(e);
+function R(e) {
+	let t = L(e);
 	return {
 		"--gds-radius-sm": `${t.sm}px`,
 		"--gds-radius-md": `${t.md}px`,
@@ -754,7 +754,7 @@ function L(e) {
 }
 //#endregion
 //#region src/l0-tokens/shadow-system.ts
-var ve = {
+var _e = {
 	xs: [{
 		blur: 1,
 		spread: 0,
@@ -800,39 +800,39 @@ var ve = {
 		yOffset: 8,
 		opacity: .1
 	}]
-}, ye = {
+}, ve = {
 	flat: 0,
 	subtle: .6,
 	raised: 1
-}, be = {
-	dark: 3,
+}, ye = {
+	dark: 4,
 	light: 1
 };
-function xe(e, t, n) {
+function be(e, t, n) {
 	if (t === 0) return "none";
 	let r = Math.min(1, e.opacity * t * n);
 	return `0 ${e.yOffset}px ${e.blur}px ${e.spread}px rgb(0 0 0 / ${r.toFixed(2)})`;
 }
-function R(e, t, n) {
-	let r = ve[e];
+function z(e, t, n) {
+	let r = _e[e];
 	if (r === void 0) return "none";
-	let i = ye[t] ?? 1;
+	let i = ve[t] ?? 1;
 	if (i === 0) return "none";
-	let a = be[n] ?? 1;
-	return r.map((e) => xe(e, i, a)).join(", ");
+	let a = ye[n] ?? 1;
+	return r.map((e) => be(e, i, a)).join(", ");
 }
-function z(e, t) {
+function B(e, t) {
 	return {
-		"--gds-shadow-xs": R("xs", e, t),
-		"--gds-shadow-sm": R("sm", e, t),
-		"--gds-shadow-md": R("md", e, t),
-		"--gds-shadow-lg": R("lg", e, t),
-		"--gds-shadow-xl": R("xl", e, t)
+		"--gds-shadow-xs": z("xs", e, t),
+		"--gds-shadow-sm": z("sm", e, t),
+		"--gds-shadow-md": z("md", e, t),
+		"--gds-shadow-lg": z("lg", e, t),
+		"--gds-shadow-xl": z("xl", e, t)
 	};
 }
 //#endregion
 //#region src/l0-tokens/glass-system.ts
-var Se = {
+var xe = {
 	off: {
 		blurSm: 0,
 		blurMd: 0,
@@ -860,19 +860,19 @@ var Se = {
 		saturateLg: 200,
 		bgOpacity: .15
 	}
-}, Ce = {
+}, Se = {
 	dark: -.05,
 	light: .1
 };
-function B(e, t) {
-	let n = Se[e], r = Ce[t] ?? 0;
+function V(e, t) {
+	let n = xe[e], r = Se[t] ?? 0;
 	return {
 		...n,
 		bgOpacity: Math.min(.95, Math.max(.05, n.bgOpacity + r))
 	};
 }
-function V(e, t) {
-	let n = B(e, t);
+function H(e, t) {
+	let n = V(e, t);
 	return {
 		"--gds-glass-blur-sm": `${n.blurSm}px`,
 		"--gds-glass-blur-md": `${n.blurMd}px`,
@@ -883,23 +883,24 @@ function V(e, t) {
 		"--gds-glass-bg-opacity": `${n.bgOpacity}`
 	};
 }
-function we() {
+function Ce() {
 	return typeof CSS > "u" ? !1 : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)");
 }
 //#endregion
 //#region src/l0-tokens/motion-system.ts
-var Te = 100, Ee = {
+var we = 100, Te = {
 	fast: 1,
+	medium: 1.5,
 	normal: 2,
 	slow: 3,
 	slower: 5
-}, H = {
+}, Ee = {
 	off: 0,
 	reduced: .5,
 	full: 1
 };
 function U(e, t) {
-	return Math.round(Te * Ee[e] * H[t]);
+	return Math.round(we * Te[e] * Ee[t]);
 }
 var W = {
 	default: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -1002,6 +1003,7 @@ var W = {
 function G(e) {
 	return {
 		"--gds-duration-fast": `${U("fast", e)}ms`,
+		"--gds-duration-medium": `${U("medium", e)}ms`,
 		"--gds-duration-normal": `${U("normal", e)}ms`,
 		"--gds-duration-slow": `${U("slow", e)}ms`,
 		"--gds-duration-slower": `${U("slower", e)}ms`,
@@ -1274,12 +1276,12 @@ function Ae(e) {
 var Q = "#3b82f6";
 function $(e) {
 	return {
-		...O(e === "dark" ? T(Q) : E(Q), e),
+		...k(e === "dark" ? E(Q) : D(Q), e),
 		...Z(),
-		...L("default"),
-		...P("default"),
-		...z("raised", e),
-		...V("full", e),
+		...R("default"),
+		...F("default"),
+		...B("raised", e),
+		...H("full", e),
 		...G("full")
 	};
 }
@@ -1291,14 +1293,14 @@ function je(e, t) {
 //#region src/l0-tokens/scales.ts
 function Me(e, t, n, r, i, a) {
 	return {
-		...L(e),
-		...P(t),
-		...z(n, a),
-		...V(r, a),
+		...R(e),
+		...F(t),
+		...B(n, a),
+		...H(r, a),
 		...G(i)
 	};
 }
 //#endregion
-export { d as $, ue as A, m as B, I as C, M as D, fe as E, O as F, a as G, u as H, se as I, c as J, r as K, C as L, w as M, T as N, j as O, E as P, n as Q, S as R, R as S, A as T, i as U, s as V, e as W, o as X, l as Y, t as Z, De as _, q as a, we as b, K as c, Ae as d, g as et, ke as f, G as g, Oe as h, $ as i, de as j, P as k, Z as l, W as m, Q as n, Y as o, U as p, f as q, je as r, X as s, Me as t, p as tt, J as u, B as v, L as w, z as x, V as y, h as z };
+export { d as $, le as A, m as B, L as C, N as D, de as E, k as F, a as G, u as H, oe as I, c as J, r as K, w as L, T as M, E as N, M as O, D as P, n as Q, C as R, z as S, j as T, i as U, s as V, e as W, o as X, l as Y, t as Z, De as _, q as a, Ce as b, K as c, Ae as d, g as et, ke as f, G as g, Oe as h, $ as i, ue as j, F as k, Z as l, W as m, Q as n, Y as o, U as p, f as q, je as r, X as s, Me as t, p as tt, J as u, V as v, R as w, B as x, H as y, h as z };
 
-//# sourceMappingURL=scales-B23Guac-.js.map
+//# sourceMappingURL=scales-DlVrSOA2.js.map