@goliapkg/gds 0.9.3 → 0.9.5

package/dist/avatar-By0U5Vts.js

@@ -0,0 +1,74 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n } from "./button-avu-rQU4.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/l3-atoms/avatar.tsx
+var o = n("relative inline-flex shrink-0 select-none items-center justify-center rounded-full font-medium", {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: "h-8 w-8 text-xs",
+		lg: "h-10 w-10 text-sm",
+		sm: "h-6 w-6 text-[10px]",
+		xs: "h-5 w-5 text-[9px]"
+	} }
+}), s = [
+	"bg-palette-0",
+	"bg-palette-1",
+	"bg-palette-2",
+	"bg-palette-3",
+	"bg-palette-4",
+	"bg-palette-5",
+	"bg-palette-6",
+	"bg-palette-7",
+	"bg-palette-8",
+	"bg-palette-9"
+], c = {
+	away: "bg-warning",
+	busy: "bg-danger",
+	offline: "bg-fg-muted/30",
+	online: "bg-success"
+}, l = {
+	default: "h-2.5 w-2.5",
+	lg: "h-3 w-3",
+	sm: "h-2 w-2",
+	xs: "h-1.5 w-1.5"
+};
+function u(e) {
+	let t = e.trim().split(/\s+/);
+	return t.length >= 2 ? `${t[0][0]}${t[1][0]}`.toUpperCase() : e.slice(0, 2).toUpperCase();
+}
+function d(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) | 0;
+	return Math.abs(t);
+}
+var f = r(function({ className: n, glass: r, name: f, size: p = "default", src: m, status: h, ...g }, _) {
+	let v = p ?? "default", y = f === void 0 ? 0 : d(f) % 10;
+	return /* @__PURE__ */ a("span", {
+		className: e(o({ size: p }), m === void 0 && s[y], m === void 0 && "text-accent-fg", t(r), n),
+		"data-component": "avatar",
+		ref: _,
+		...g,
+		children: [m === void 0 ? /* @__PURE__ */ i("span", { children: f === void 0 ? "?" : u(f) }) : /* @__PURE__ */ i("img", {
+			alt: f ?? "",
+			className: "absolute inset-0 h-full w-full rounded-full object-cover",
+			src: m
+		}), h !== void 0 && /* @__PURE__ */ i("span", { className: e("absolute right-0 bottom-0 rounded-full ring-2 ring-bg", l[v], c[h]) })]
+	});
+}), p = r(function({ children: t, className: n, max: r, ...i }, o) {
+	let s = Array.isArray(t) ? t : [t], c = r === void 0 ? s : s.slice(0, r), l = r === void 0 ? 0 : s.length - r;
+	return /* @__PURE__ */ a("div", {
+		className: e("flex -space-x-2", n),
+		"data-component": "avatar-group",
+		ref: o,
+		...i,
+		children: [c, l > 0 && /* @__PURE__ */ a("span", {
+			className: "inline-flex gds-sq items-center justify-center rounded-full bg-bg-tertiary gds-text-body font-medium text-fg-muted ring-2 ring-bg",
+			children: ["+", l]
+		})]
+	});
+});
+//#endregion
+export { p as n, o as r, f as t };
+
+//# sourceMappingURL=avatar-By0U5Vts.js.map

package/dist/avatar-By0U5Vts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-By0U5Vts.js","names":[],"sources":["../src/l3-atoms/avatar.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\n\nconst avatarVariants = cva(\n  'relative inline-flex shrink-0 select-none items-center justify-center rounded-full font-medium',\n  {\n    defaultVariants: { size: 'default' },\n    variants: {\n      size: {\n        default: 'h-8 w-8 text-xs',\n        lg: 'h-10 w-10 text-sm',\n        sm: 'h-6 w-6 text-[10px]',\n        xs: 'h-5 w-5 text-[9px]',\n      },\n    },\n  },\n)\n\nconst paletteColors = [\n  'bg-palette-0', 'bg-palette-1', 'bg-palette-2', 'bg-palette-3', 'bg-palette-4',\n  'bg-palette-5', 'bg-palette-6', 'bg-palette-7', 'bg-palette-8', 'bg-palette-9',\n]\n\nconst statusColors: Record<string, string> = {\n  away: 'bg-warning',\n  busy: 'bg-danger',\n  offline: 'bg-fg-muted/30',\n  online: 'bg-success',\n}\n\nconst statusSizeMap: Record<string, string> = {\n  default: 'h-2.5 w-2.5',\n  lg: 'h-3 w-3',\n  sm: 'h-2 w-2',\n  xs: 'h-1.5 w-1.5',\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length >= 2) return `${parts[0][0]}${parts[1][0]}`.toUpperCase()\n  return name.slice(0, 2).toUpperCase()\n}\n\nfunction hashName(name: string): number {\n  let hash = 0\n  for (let i = 0; i < name.length; i++) {\n    hash = (hash * 31 + name.charCodeAt(i)) | 0\n  }\n  return Math.abs(hash)\n}\n\ntype AvatarStatus = 'away' | 'busy' | 'offline' | 'online'\n\ntype AvatarProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof avatarVariants> & {\n    glass?: boolean\n    name?: string\n    src?: string\n    status?: AvatarStatus\n  }\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  function Avatar({ className, glass, name, size = 'default', src, status, ...props }, ref) {\n    const sizeKey = size ?? 'default'\n    const colorIdx = name !== undefined ? hashName(name) % 10 : 0\n\n    return (\n      <span\n        className={cx(\n          avatarVariants({ size }),\n          src === undefined && paletteColors[colorIdx],\n          src === undefined && 'text-accent-fg',\n          glassClass(glass),\n          className,\n        )}\n        data-component=\"avatar\"\n        ref={ref}\n        {...props}\n      >\n        {src !== undefined ? (\n          <img alt={name ?? ''} className=\"absolute inset-0 h-full w-full rounded-full object-cover\" src={src} />\n        ) : (\n          <span>{name !== undefined ? getInitials(name) : '?'}</span>\n        )}\n        {status !== undefined && (\n          <span\n            className={cx(\n              'absolute right-0 bottom-0 rounded-full ring-2 ring-bg',\n              statusSizeMap[sizeKey],\n              statusColors[status],\n            )}\n          />\n        )}\n      </span>\n    )\n  },\n)\n\ntype AvatarGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  max?: number\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  function AvatarGroup({ children, className, max, ...props }, ref) {\n    const items = Array.isArray(children) ? children : [children]\n    const visible = max !== undefined ? items.slice(0, max) : items\n    const overflow = max !== undefined ? items.length - max : 0\n\n    return (\n      <div\n        className={cx('flex -space-x-2', className)}\n        data-component=\"avatar-group\"\n        ref={ref}\n        {...props}\n      >\n        {visible}\n        {overflow > 0 && (\n          <span className=\"inline-flex gds-sq items-center justify-center rounded-full bg-bg-tertiary gds-text-body font-medium text-fg-muted ring-2 ring-bg\">\n            +{overflow}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n\nexport { avatarVariants }\nexport type { AvatarGroupProps, AvatarProps, AvatarStatus }\n"],"mappings":";;;;;AAOA,IAAM,IAAiB,EACrB,kGACA;CACE,iBAAiB,EAAE,MAAM,WAAW;CACpC,UAAU,EACR,MAAM;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CACF,EAEK,IAAgB;CACpB;CAAgB;CAAgB;CAAgB;CAAgB;CAChE;CAAgB;CAAgB;CAAgB;CAAgB;CACjE,EAEK,IAAuC;CAC3C,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACT,EAEK,IAAwC;CAC5C,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAS,EAAY,GAAsB;CACzC,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM;AAEtC,QADI,EAAM,UAAU,IAAU,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,GACnE,EAAK,MAAM,GAAG,EAAE,CAAC,aAAa;;AAGvC,SAAS,EAAS,GAAsB;CACtC,IAAI,IAAO;AACX,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,IAC/B,KAAQ,IAAO,KAAK,EAAK,WAAW,EAAE,GAAI;AAE5C,QAAO,KAAK,IAAI,EAAK;;AAavB,IAAa,IAAS,EACpB,SAAgB,EAAE,cAAW,UAAO,SAAM,UAAO,WAAW,QAAK,WAAQ,GAAG,KAAS,GAAK;CACxF,IAAM,IAAU,KAAQ,WAClB,IAAW,MAAS,KAAA,IAAkC,IAAtB,EAAS,EAAK,GAAG;AAEvD,QACE,kBAAC,QAAD;EACE,WAAW,EACT,EAAe,EAAE,SAAM,CAAC,EACxB,MAAQ,KAAA,KAAa,EAAc,IACnC,MAAQ,KAAA,KAAa,kBACrB,EAAW,EAAM,EACjB,EACD;EACD,kBAAe;EACV;EACL,GAAI;YAVN,CAYG,MAAQ,KAAA,IAGP,kBAAC,QAAD,EAAA,UAAO,MAAS,KAAA,IAAgC,MAApB,EAAY,EAAK,EAAc,CAAA,GAF3D,kBAAC,OAAD;GAAK,KAAK,KAAQ;GAAI,WAAU;GAAgE;GAAO,CAAA,EAIxG,MAAW,KAAA,KACV,kBAAC,QAAD,EACE,WAAW,EACT,yDACA,EAAc,IACd,EAAa,GACd,EACD,CAAA,CAEC;;EAGZ,EAMY,IAAc,EACzB,SAAqB,EAAE,aAAU,cAAW,QAAK,GAAG,KAAS,GAAK;CAChE,IAAM,IAAQ,MAAM,QAAQ,EAAS,GAAG,IAAW,CAAC,EAAS,EACvD,IAAU,MAAQ,KAAA,IAAkC,IAAtB,EAAM,MAAM,GAAG,EAAI,EACjD,IAAW,MAAQ,KAAA,IAAiC,IAArB,EAAM,SAAS;AAEpD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,mBAAmB,EAAU;EAC3C,kBAAe;EACV;EACL,GAAI;YAJN,CAMG,GACA,IAAW,KACV,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAoJ,KAChJ,EACG;KAEL;;EAGX"}

package/dist/badge-DTJq6AXr.js

@@ -0,0 +1,59 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n } from "./button-avu-rQU4.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/l2-primitives/badge.tsx
+var o = n("inline-flex select-none items-center gds-gap-xs gds-radius-badge gds-pad-x-sm gds-pad-y-sm gds-text-caption font-medium", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		danger: "bg-danger/10 text-danger",
+		default: "bg-fg-muted/10 text-fg-muted",
+		info: "bg-accent/10 text-accent",
+		"palette-0": "bg-palette-0/10 text-palette-0",
+		"palette-1": "bg-palette-1/10 text-palette-1",
+		"palette-2": "bg-palette-2/10 text-palette-2",
+		"palette-3": "bg-palette-3/10 text-palette-3",
+		"palette-4": "bg-palette-4/10 text-palette-4",
+		"palette-5": "bg-palette-5/10 text-palette-5",
+		"palette-6": "bg-palette-6/10 text-palette-6",
+		"palette-7": "bg-palette-7/10 text-palette-7",
+		"palette-8": "bg-palette-8/10 text-palette-8",
+		"palette-9": "bg-palette-9/10 text-palette-9",
+		success: "bg-success/10 text-success",
+		warning: "bg-warning/10 text-warning"
+	} }
+}), s = {
+	danger: "bg-danger",
+	default: "bg-fg-muted",
+	info: "bg-accent",
+	success: "bg-success",
+	warning: "bg-warning"
+}, c = r(function({ children: n, className: r, count: c, countMax: l = 99, dot: u, glass: d, variant: f, ...p }, m) {
+	if (c !== void 0) {
+		if (c <= 0) return null;
+		let n = c > l ? `${l}+` : String(c);
+		return /* @__PURE__ */ i("span", {
+			className: e("inline-flex items-center justify-center gds-radius-badge gds-text-caption font-bold text-accent-fg select-none", "h-[18px] min-w-[18px] px-1", f === "danger" ? "animate-pulse bg-danger" : "bg-accent", t(d), d === !0 && "border border-white/10 bg-white/5", r),
+			"data-component": "badge",
+			"data-variant": "count",
+			ref: m,
+			...p,
+			children: n
+		});
+	}
+	return /* @__PURE__ */ a("span", {
+		className: e(o({ variant: f }), t(d), d === !0 && "border border-white/10 bg-white/5", r),
+		"data-component": "badge",
+		"data-variant": f ?? "default",
+		ref: m,
+		...p,
+		children: [u === !0 && /* @__PURE__ */ i("span", { className: e("h-1.5 w-1.5 gds-radius-badge", s[f ?? "default"] ?? "bg-fg-muted") }), n]
+	});
+});
+function l(e) {
+	return `palette-${e % 10}`;
+}
+//#endregion
+export { o as n, l as r, c as t };
+
+//# sourceMappingURL=badge-DTJq6AXr.js.map

package/dist/badge-DTJq6AXr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-DTJq6AXr.js","names":[],"sources":["../src/l2-primitives/badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\n\nconst badgeVariants = cva(\n  'inline-flex select-none items-center gds-gap-xs gds-radius-badge gds-pad-x-sm gds-pad-y-sm gds-text-caption font-medium',\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        danger: 'bg-danger/10 text-danger',\n        default: 'bg-fg-muted/10 text-fg-muted',\n        info: 'bg-accent/10 text-accent',\n        'palette-0': 'bg-palette-0/10 text-palette-0',\n        'palette-1': 'bg-palette-1/10 text-palette-1',\n        'palette-2': 'bg-palette-2/10 text-palette-2',\n        'palette-3': 'bg-palette-3/10 text-palette-3',\n        'palette-4': 'bg-palette-4/10 text-palette-4',\n        'palette-5': 'bg-palette-5/10 text-palette-5',\n        'palette-6': 'bg-palette-6/10 text-palette-6',\n        'palette-7': 'bg-palette-7/10 text-palette-7',\n        'palette-8': 'bg-palette-8/10 text-palette-8',\n        'palette-9': 'bg-palette-9/10 text-palette-9',\n        success: 'bg-success/10 text-success',\n        warning: 'bg-warning/10 text-warning',\n      },\n    },\n  },\n)\n\nconst dotColors: Partial<Record<string, string>> = {\n  danger: 'bg-danger',\n  default: 'bg-fg-muted',\n  info: 'bg-accent',\n  success: 'bg-success',\n  warning: 'bg-warning',\n}\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>\n\ntype BadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof badgeVariants> & {\n    count?: number\n    countMax?: number\n    dot?: boolean\n    glass?: boolean\n  }\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  function Badge(\n    {\n      children,\n      className,\n      count,\n      countMax = 99,\n      dot,\n      glass,\n      variant,\n      ...props\n    },\n    ref,\n  ) {\n    // count badge mode\n    if (count !== undefined) {\n      if (count <= 0) return null\n      const display = count > countMax ? `${countMax}+` : String(count)\n      return (\n        <span\n          className={cx(\n            'inline-flex items-center justify-center gds-radius-badge gds-text-caption font-bold text-accent-fg select-none',\n            'h-[18px] min-w-[18px] px-1',\n            variant === 'danger' ? 'animate-pulse bg-danger' : 'bg-accent',\n            glassClass(glass),\n            glass === true && 'border border-white/10 bg-white/5',\n            className,\n          )}\n          data-component=\"badge\"\n          data-variant=\"count\"\n          ref={ref}\n          {...props}\n        >\n          {display}\n        </span>\n      )\n    }\n\n    // standard badge\n    return (\n      <span\n        className={cx(\n          badgeVariants({ variant }),\n          glassClass(glass),\n          glass === true && 'border border-white/10 bg-white/5',\n          className,\n        )}\n        data-component=\"badge\"\n        data-variant={variant ?? 'default'}\n        ref={ref}\n        {...props}\n      >\n        {dot === true && (\n          <span\n            className={cx(\n              'h-1.5 w-1.5 gds-radius-badge',\n              dotColors[variant ?? 'default'] ?? 'bg-fg-muted',\n            )}\n          />\n        )}\n        {children}\n      </span>\n    )\n  },\n)\n\n// map a numeric index to a palette variant\nexport function paletteVariant(index: number): BadgeVariant {\n  return `palette-${index % 10}` as BadgeVariant\n}\n\nexport { badgeVariants }\nexport type { BadgeProps, BadgeVariant }\n"],"mappings":";;;;;AAOA,IAAM,IAAgB,EACpB,2HACA;CACE,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,QAAQ;EACR,SAAS;EACT,MAAM;EACN,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,SAAS;EACT,SAAS;EACV,EACF;CACF,CACF,EAEK,IAA6C;CACjD,QAAQ;CACR,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACV,EAYY,IAAQ,EACnB,SACE,EACE,aACA,cACA,UACA,cAAW,IACX,QACA,UACA,YACA,GAAG,KAEL,GACA;AAEA,KAAI,MAAU,KAAA,GAAW;AACvB,MAAI,KAAS,EAAG,QAAO;EACvB,IAAM,IAAU,IAAQ,IAAW,GAAG,EAAS,KAAK,OAAO,EAAM;AACjE,SACE,kBAAC,QAAD;GACE,WAAW,EACT,kHACA,8BACA,MAAY,WAAW,4BAA4B,aACnD,EAAW,EAAM,EACjB,MAAU,MAAQ,qCAClB,EACD;GACD,kBAAe;GACf,gBAAa;GACR;GACL,GAAI;aAEH;GACI,CAAA;;AAKX,QACE,kBAAC,QAAD;EACE,WAAW,EACT,EAAc,EAAE,YAAS,CAAC,EAC1B,EAAW,EAAM,EACjB,MAAU,MAAQ,qCAClB,EACD;EACD,kBAAe;EACf,gBAAc,KAAW;EACpB;EACL,GAAI;YAVN,CAYG,MAAQ,MACP,kBAAC,QAAD,EACE,WAAW,EACT,gCACA,EAAU,KAAW,cAAc,cACpC,EACD,CAAA,EAEH,EACI;;EAGZ;AAGD,SAAgB,EAAe,GAA6B;AAC1D,QAAO,WAAW,IAAQ"}

package/dist/button-avu-rQU4.js

@@ -0,0 +1,99 @@
+import { i as e, r as t, t as n } from "./glass-CQTlX7IO.js";
+import { r, t as i } from "./motion-DUPegem-.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region node_modules/class-variance-authority/dist/index.mjs
+var c = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, l = e, u = (e, t) => (n) => {
+	if (t?.variants == null) return l(e, n?.class, n?.className);
+	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
+		let t = n?.[e], a = i?.[e];
+		if (t === null) return null;
+		let o = c(t) || c(a);
+		return r[e][o];
+	}), o = n && Object.entries(n).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return l(e, a, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...a } = t;
+		return Object.entries(a).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...i,
+				...o
+			}[t]) : {
+				...i,
+				...o
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), n?.class, n?.className);
+}, d = u("inline-flex select-none items-center justify-center font-medium transition-colors " + r, {
+	defaultVariants: {
+		size: "default",
+		variant: "primary"
+	},
+	variants: {
+		size: {
+			default: "gds-h gds-gap-sm gds-radius-button gds-pad-x gds-text-body",
+			lg: "gds-h-lg gds-gap gds-radius-button gds-pad-x-lg gds-text-body",
+			sm: "gds-h-sm gds-gap-xs gds-radius-button gds-pad-x-sm gds-text-label"
+		},
+		variant: {
+			danger: "bg-danger text-accent-fg hover:bg-danger/90",
+			ghost: "bg-transparent text-fg-muted hover:bg-bg-tertiary hover:text-fg",
+			primary: "bg-accent text-accent-fg hover:bg-accent-hover",
+			secondary: "border border-border bg-transparent text-fg hover:bg-bg-tertiary"
+		}
+	}
+});
+function f() {
+	return /* @__PURE__ */ s("svg", {
+		className: "h-3 w-3 animate-spin",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		children: [/* @__PURE__ */ o("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ o("path", {
+			className: "opacity-75",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z",
+			fill: "currentColor"
+		})]
+	});
+}
+var p = a(function({ children: e, className: r, disabled: a, fullWidth: c, glass: l, icon: u, iconRight: p, loading: m, motion: h, size: g, variant: _, ...v }, y) {
+	return /* @__PURE__ */ s("button", {
+		className: t(d({
+			size: g,
+			variant: _
+		}), (a === !0 || m === !0) && "cursor-not-allowed opacity-50", c === !0 && "w-full", n(l), l === !0 && "border border-white/10 bg-bg/60", i(h), r),
+		"data-component": "button",
+		"data-variant": _ ?? "primary",
+		disabled: a === !0 || m === !0,
+		ref: y,
+		...v,
+		children: [
+			m === !0 ? /* @__PURE__ */ o(f, {}) : u === void 0 ? null : /* @__PURE__ */ o("span", {
+				className: "gds-icon-child-sm",
+				children: u
+			}),
+			e,
+			p !== void 0 && /* @__PURE__ */ o("span", {
+				className: "gds-icon-child-sm",
+				children: p
+			})
+		]
+	});
+});
+//#endregion
+export { d as n, u as r, p as t };
+
+//# sourceMappingURL=button-avu-rQU4.js.map

package/dist/button-avu-rQU4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-avu-rQU4.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: '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: 'border border-border bg-transparent text-fg hover:bg-bg-tertiary',\n      },\n    },\n  },\n)\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof buttonVariants> & {\n    fullWidth?: boolean\n    glass?: boolean\n    icon?: ReactNode\n    iconRight?: ReactNode\n    loading?: boolean\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) && 'cursor-not-allowed opacity-50',\n          fullWidth === true && 'w-full',\n          glassClass(glass),\n          glass === true && 'border border-white/10 bg-bg/60',\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 }\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,OAAO;GACP,SAAS;GACT,WAAW;GACZ;EACF;CACF,CACF;AAaD,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,OAAS,iCAC3C,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;YAdN;GAgBG,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"}

package/dist/dom-17XgfxMq.js

@@ -0,0 +1,20 @@
+//#region src/utils/dom.ts
+function e(e) {
+	return e.key === "Enter" || e.key === " ";
+}
+function t(...e) {
+	return (t) => {
+		for (let n of e) n != null && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+function n(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+var r = 0;
+function i(e = "gds") {
+	return r += 1, `${e}-${r}`;
+}
+//#endregion
+export { i, e as n, t as r, n as t };
+
+//# sourceMappingURL=dom-17XgfxMq.js.map

package/dist/dom-17XgfxMq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-17XgfxMq.js","names":[],"sources":["../src/utils/dom.ts"],"sourcesContent":["// dom utilities — keyboard, event, and element helpers\n\n// check if keyboard event should trigger click (Enter or Space)\nexport function isActivationKey(e: React.KeyboardEvent): boolean {\n  return e.key === 'Enter' || e.key === ' '\n}\n\n// merge multiple refs into one callback ref\nexport function mergeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (ref === undefined || ref === null) continue\n      if (typeof ref === 'function') {\n        ref(value)\n      } else {\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\n// clamp a number between min and max (immutable)\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max)\n}\n\n// generate a unique id with optional prefix\nlet counter = 0\nexport function uid(prefix = 'gds'): string {\n  counter += 1\n  return `${prefix}-${counter}`\n}\n"],"mappings":";AAGA,SAAgB,EAAgB,GAAiC;AAC/D,QAAO,EAAE,QAAQ,WAAW,EAAE,QAAQ;;AAIxC,SAAgB,EACd,GAAG,GACmB;AACtB,SAAQ,MAAU;AAChB,OAAK,IAAM,KAAO,EACZ,MAA6B,SAC7B,OAAO,KAAQ,aACjB,EAAI,EAAM,GAER,EAAyC,UAAU;;;AAO7D,SAAgB,EAAM,GAAe,GAAa,GAAqB;AACrE,QAAO,KAAK,IAAI,KAAK,IAAI,GAAO,EAAI,EAAE,EAAI;;AAI5C,IAAI,IAAU;AACd,SAAgB,EAAI,IAAS,OAAe;AAE1C,QADA,KAAW,GACJ,GAAG,EAAO,GAAG"}

package/dist/gesture-BCGijGek.js

@@ -0,0 +1,104 @@
+import { a as e, c as t, i as n, t as r } from "./gesture-system-v-bjvnCe.js";
+import { useCallback as i, useRef as a } from "react";
+//#region src/utils/gesture.ts
+function o(e) {
+	let n = a(null);
+	return {
+		onPointerDown: i((e) => {
+			n.current = {
+				startX: e.clientX,
+				startY: e.clientY,
+				startTime: Date.now(),
+				currentX: e.clientX,
+				currentY: e.clientY,
+				pointerId: e.pointerId
+			}, e.target.setPointerCapture(e.pointerId);
+		}, []),
+		onPointerMove: i((e) => {
+			n.current !== null && (n.current.currentX = e.clientX, n.current.currentY = e.clientY);
+		}, []),
+		onPointerUp: i(() => {
+			let r = n.current;
+			if (r === null) return;
+			n.current = null;
+			let i = r.currentX - r.startX, a = r.currentY - r.startY, o = Math.max(1, Date.now() - r.startTime), s = Math.abs(i), c = Math.abs(a), l = s > c, u = l ? s : c, d = l ? c : s, f = u / o;
+			if (u < t.minDistance || f < t.minVelocity || d > t.maxCrossDeviation) return;
+			let p;
+			p = l ? i > 0 ? "right" : "left" : a > 0 ? "down" : "up", e(p, f);
+		}, [e])
+	};
+}
+function s(t) {
+	let n = a(null), r = a(null);
+	return {
+		onPointerDown: i((i) => {
+			r.current = {
+				x: i.clientX,
+				y: i.clientY
+			}, n.current = setTimeout(() => {
+				t(), n.current = null;
+			}, e.duration);
+		}, [t]),
+		onPointerMove: i((t) => {
+			if (r.current === null || n.current === null) return;
+			let i = Math.abs(t.clientX - r.current.x), a = Math.abs(t.clientY - r.current.y);
+			(i > e.maxMovement || a > e.maxMovement) && (clearTimeout(n.current), n.current = null);
+		}, []),
+		onPointerUp: i(() => {
+			n.current !== null && (clearTimeout(n.current), n.current = null), r.current = null;
+		}, [])
+	};
+}
+function c(e, t) {
+	let n = a(null), o = a(!1);
+	return {
+		onPointerDown: i((e) => {
+			n.current = {
+				startX: e.clientX,
+				startY: e.clientY,
+				startTime: Date.now(),
+				currentX: e.clientX,
+				currentY: e.clientY,
+				pointerId: e.pointerId
+			}, o.current = !1, e.target.setPointerCapture(e.pointerId);
+		}, []),
+		onPointerMove: i((t) => {
+			let i = n.current;
+			if (i === null) return;
+			let a = t.clientX - i.startX, s = t.clientY - i.startY;
+			if (!o.current) {
+				if (Math.abs(a) < r.startThreshold && Math.abs(s) < r.startThreshold) return;
+				o.current = !0;
+			}
+			i.currentX = t.clientX, i.currentY = t.clientY, e({
+				dx: a,
+				dy: s,
+				isDragging: !0
+			});
+		}, [e]),
+		onPointerUp: i(() => {
+			let e = n.current;
+			if (e === null) return;
+			let r = e.currentX - e.startX, i = e.currentY - e.startY;
+			o.current && t && t({
+				dx: r,
+				dy: i,
+				isDragging: !1
+			}), n.current = null, o.current = !1;
+		}, [t])
+	};
+}
+function l(e, t, r, i) {
+	let a = Math.min(Math.abs(e), n.maxVelocity) * Math.sign(e), o = t, s, c = () => {
+		if (a *= n.friction, o += a, Math.abs(a) < n.minVelocity) {
+			r(o), i?.();
+			return;
+		}
+		r(o), s = requestAnimationFrame(c);
+	};
+	return s = requestAnimationFrame(c), () => cancelAnimationFrame(s);
+}
+//#endregion
+export { o as i, c as n, s as r, l as t };
+
+//# sourceMappingURL=gesture-BCGijGek.js.map

package/dist/gesture-BCGijGek.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture-BCGijGek.js","names":[],"sources":["../src/utils/gesture.ts"],"sourcesContent":["// L-dep — gesture hooks\n// consumes L0 gesture-system thresholds\n// provides touch/pointer gesture recognition for components\n\nimport { useCallback, useRef } from 'react'\n\nimport type { GestureDirection } from '../l0-tokens/gesture-system'\nimport { drag, inertia, longPress, swipe } from '../l0-tokens/gesture-system'\n\n// shared pointer state tracked during gestures\ntype PointerState = {\n  startX: number\n  startY: number\n  startTime: number\n  currentX: number\n  currentY: number\n  pointerId: number\n}\n\n// === useSwipe ===\n// detects swipe gestures on an element\n// returns handlers to spread on the target element\nexport type SwipeHandler = (dir: GestureDirection, velocity: number) => void\n\nexport function useSwipe(onSwipe: SwipeHandler) {\n  const stateRef = useRef<PointerState | null>(null)\n\n  const onPointerDown = useCallback((e: React.PointerEvent) => {\n    stateRef.current = {\n      startX: e.clientX,\n      startY: e.clientY,\n      startTime: Date.now(),\n      currentX: e.clientX,\n      currentY: e.clientY,\n      pointerId: e.pointerId,\n    }\n    ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n  }, [])\n\n  const onPointerMove = useCallback((e: React.PointerEvent) => {\n    if (stateRef.current === null) return\n    stateRef.current.currentX = e.clientX\n    stateRef.current.currentY = e.clientY\n  }, [])\n\n  const onPointerUp = useCallback(() => {\n    const s = stateRef.current\n    if (s === null) return\n    stateRef.current = null\n\n    const dx = s.currentX - s.startX\n    const dy = s.currentY - s.startY\n    const dt = Math.max(1, Date.now() - s.startTime)\n    const absDx = Math.abs(dx)\n    const absDy = Math.abs(dy)\n\n    // determine if it's a horizontal or vertical swipe\n    const isHorizontal = absDx > absDy\n    const distance = isHorizontal ? absDx : absDy\n    const crossDeviation = isHorizontal ? absDy : absDx\n    const velocity = distance / dt\n\n    // must meet thresholds\n    if (distance < swipe.minDistance) return\n    if (velocity < swipe.minVelocity) return\n    if (crossDeviation > swipe.maxCrossDeviation) return\n\n    let dir: GestureDirection\n    if (isHorizontal) {\n      dir = dx > 0 ? 'right' : 'left'\n    } else {\n      dir = dy > 0 ? 'down' : 'up'\n    }\n\n    onSwipe(dir, velocity)\n  }, [onSwipe])\n\n  return { onPointerDown, onPointerMove, onPointerUp }\n}\n\n// === useLongPress ===\n// detects long press on an element\nexport function useLongPress(onLongPress: () => void) {\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const startRef = useRef<{ x: number, y: number } | null>(null)\n\n  const onPointerDown = useCallback((e: React.PointerEvent) => {\n    startRef.current = { x: e.clientX, y: e.clientY }\n    timerRef.current = setTimeout(() => {\n      onLongPress()\n      timerRef.current = null\n    }, longPress.duration)\n  }, [onLongPress])\n\n  const onPointerMove = useCallback((e: React.PointerEvent) => {\n    if (startRef.current === null || timerRef.current === null) return\n    const dx = Math.abs(e.clientX - startRef.current.x)\n    const dy = Math.abs(e.clientY - startRef.current.y)\n    if (dx > longPress.maxMovement || dy > longPress.maxMovement) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n  }, [])\n\n  const onPointerUp = useCallback(() => {\n    if (timerRef.current !== null) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    startRef.current = null\n  }, [])\n\n  return { onPointerDown, onPointerMove, onPointerUp }\n}\n\n// === useDrag ===\n// provides drag position tracking with start threshold\nexport type DragState = {\n  dx: number\n  dy: number\n  isDragging: boolean\n}\n\nexport type DragHandler = (state: DragState) => void\n\nexport function useDrag(onDrag: DragHandler, onDragEnd?: (state: DragState) => void) {\n  const stateRef = useRef<PointerState | null>(null)\n  const isDragging = useRef(false)\n\n  const onPointerDown = useCallback((e: React.PointerEvent) => {\n    stateRef.current = {\n      startX: e.clientX,\n      startY: e.clientY,\n      startTime: Date.now(),\n      currentX: e.clientX,\n      currentY: e.clientY,\n      pointerId: e.pointerId,\n    }\n    isDragging.current = false\n    ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n  }, [])\n\n  const onPointerMove = useCallback((e: React.PointerEvent) => {\n    const s = stateRef.current\n    if (s === null) return\n\n    const dx = e.clientX - s.startX\n    const dy = e.clientY - s.startY\n\n    // start threshold — prevent accidental drag on tap\n    if (!isDragging.current) {\n      if (Math.abs(dx) < drag.startThreshold && Math.abs(dy) < drag.startThreshold) return\n      isDragging.current = true\n    }\n\n    s.currentX = e.clientX\n    s.currentY = e.clientY\n    onDrag({ dx, dy, isDragging: true })\n  }, [onDrag])\n\n  const onPointerUp = useCallback(() => {\n    const s = stateRef.current\n    if (s === null) return\n\n    const dx = s.currentX - s.startX\n    const dy = s.currentY - s.startY\n\n    if (isDragging.current && onDragEnd) {\n      onDragEnd({ dx, dy, isDragging: false })\n    }\n\n    stateRef.current = null\n    isDragging.current = false\n  }, [onDragEnd])\n\n  return { onPointerDown, onPointerMove, onPointerUp }\n}\n\n// === useInertia ===\n// applies momentum to a value after drag release\nexport function applyInertia(\n  velocity: number,\n  position: number,\n  onFrame: (pos: number) => void,\n  onEnd?: () => void,\n): () => void {\n  let vel = Math.min(Math.abs(velocity), inertia.maxVelocity) * Math.sign(velocity)\n  let pos = position\n  let frame: number\n\n  const step = () => {\n    vel *= inertia.friction\n    pos += vel\n\n    if (Math.abs(vel) < inertia.minVelocity) {\n      onFrame(pos)\n      onEnd?.()\n      return\n    }\n\n    onFrame(pos)\n    frame = requestAnimationFrame(step)\n  }\n\n  frame = requestAnimationFrame(step)\n\n  // return cancel function\n  return () => cancelAnimationFrame(frame)\n}\n"],"mappings":"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"}

package/dist/gesture-system-v-bjvnCe.js

@@ -0,0 +1,56 @@
+//#region src/l0-tokens/gesture-system.ts
+var e = {
+	minDistance: 30,
+	minVelocity: .3,
+	maxCrossDeviation: 75,
+	dismissDuration: 200,
+	snapBack: {
+		tension: 300,
+		friction: 25
+	}
+}, t = {
+	triggerDistance: 80,
+	maxDistance: 120,
+	resistanceFactor: .4,
+	indicatorSize: 32
+}, n = {
+	minScaleDelta: .05,
+	minScale: .5,
+	maxScale: 4,
+	snapScales: [
+		1,
+		2,
+		3
+	]
+}, r = {
+	duration: 500,
+	maxMovement: 10
+}, i = {
+	startThreshold: 5,
+	snapDistance: 20
+}, a = {
+	friction: .95,
+	minVelocity: .1,
+	maxVelocity: 5
+}, o = {
+	swipe: e,
+	pullToRefresh: t,
+	pinchZoom: n,
+	longPress: r,
+	drag: i,
+	inertia: a
+};
+function s() {
+	return {
+		"--gds-gesture-dismiss-duration": `${e.dismissDuration}ms`,
+		"--gds-gesture-snap-tension": `${e.snapBack.tension}`,
+		"--gds-gesture-snap-friction": `${e.snapBack.friction}`,
+		"--gds-gesture-pull-trigger": `${t.triggerDistance}px`,
+		"--gds-gesture-pull-max": `${t.maxDistance}px`,
+		"--gds-gesture-longpress-duration": `${r.duration}ms`
+	};
+}
+//#endregion
+export { r as a, e as c, a as i, o as n, n as o, s as r, t as s, i as t };
+
+//# sourceMappingURL=gesture-system-v-bjvnCe.js.map

package/dist/gesture-system-v-bjvnCe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture-system-v-bjvnCe.js","names":[],"sources":["../src/l0-tokens/gesture-system.ts"],"sourcesContent":["// L0 — gesture system\n// touch/pointer gesture recognition primitives\n// defines thresholds, velocities, and directions for gesture detection\n// actual React hooks consume these constants (in L-dep utils/hooks)\n\n// gesture direction\nexport type GestureDirection = 'down' | 'left' | 'right' | 'up'\n\n// swipe detection thresholds\nexport const swipe = {\n  // minimum distance (px) to recognize as swipe, not tap\n  minDistance: 30,\n  // minimum velocity (px/ms) to count as intentional swipe\n  minVelocity: 0.3,\n  // maximum deviation in cross-axis (px) — prevents diagonal from triggering\n  maxCrossDeviation: 75,\n  // animation: how long the dismiss/snap animation takes\n  dismissDuration: 200,\n  // spring config for snap-back when swipe cancelled\n  snapBack: { tension: 300, friction: 25 },\n} as const\n\n// pull-to-refresh thresholds\nexport const pullToRefresh = {\n  // how far user must pull before refresh triggers\n  triggerDistance: 80,\n  // maximum pull distance (resistance beyond this)\n  maxDistance: 120,\n  // resistance factor after triggerDistance (0-1, lower = more resistance)\n  resistanceFactor: 0.4,\n  // indicator size\n  indicatorSize: 32,\n} as const\n\n// pinch zoom thresholds\nexport const pinchZoom = {\n  // minimum scale change to start zooming\n  minScaleDelta: 0.05,\n  // zoom limits\n  minScale: 0.5,\n  maxScale: 4.0,\n  // snap-to scales (double-tap cycles through these)\n  snapScales: [1, 2, 3] as readonly number[],\n} as const\n\n// long press\nexport const longPress = {\n  // how long to hold before triggering (ms)\n  duration: 500,\n  // max movement during press before cancel (px)\n  maxMovement: 10,\n} as const\n\n// drag\nexport const drag = {\n  // minimum distance before drag starts (prevents accidental drag on tap)\n  startThreshold: 5,\n  // snap-to-edge distance (px) — item snaps to edge when within this range\n  snapDistance: 20,\n} as const\n\n// velocity damping — for inertial scroll / flick gestures\nexport const inertia = {\n  // friction multiplier per frame (0.95 = slow stop, 0.99 = long coast)\n  friction: 0.95,\n  // minimum velocity before stopping (px/ms)\n  minVelocity: 0.1,\n  // maximum velocity clamp (px/ms)\n  maxVelocity: 5,\n} as const\n\n// export all thresholds as a single object for L-dep hooks\nexport const gestureConfig = {\n  swipe,\n  pullToRefresh,\n  pinchZoom,\n  longPress,\n  drag,\n  inertia,\n} as const\n\n// CSS vars for gesture-related animations\nexport function gestureToCssVars(): Record<string, string> {\n  return {\n    '--gds-gesture-dismiss-duration': `${swipe.dismissDuration}ms`,\n    '--gds-gesture-snap-tension': `${swipe.snapBack.tension}`,\n    '--gds-gesture-snap-friction': `${swipe.snapBack.friction}`,\n    '--gds-gesture-pull-trigger': `${pullToRefresh.triggerDistance}px`,\n    '--gds-gesture-pull-max': `${pullToRefresh.maxDistance}px`,\n    '--gds-gesture-longpress-duration': `${longPress.duration}ms`,\n  }\n}\n"],"mappings":";AASA,IAAa,IAAQ;CAEnB,aAAa;CAEb,aAAa;CAEb,mBAAmB;CAEnB,iBAAiB;CAEjB,UAAU;EAAE,SAAS;EAAK,UAAU;EAAI;CACzC,EAGY,IAAgB;CAE3B,iBAAiB;CAEjB,aAAa;CAEb,kBAAkB;CAElB,eAAe;CAChB,EAGY,IAAY;CAEvB,eAAe;CAEf,UAAU;CACV,UAAU;CAEV,YAAY;EAAC;EAAG;EAAG;EAAE;CACtB,EAGY,IAAY;CAEvB,UAAU;CAEV,aAAa;CACd,EAGY,IAAO;CAElB,gBAAgB;CAEhB,cAAc;CACf,EAGY,IAAU;CAErB,UAAU;CAEV,aAAa;CAEb,aAAa;CACd,EAGY,IAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACD;AAGD,SAAgB,IAA2C;AACzD,QAAO;EACL,kCAAkC,GAAG,EAAM,gBAAgB;EAC3D,8BAA8B,GAAG,EAAM,SAAS;EAChD,+BAA+B,GAAG,EAAM,SAAS;EACjD,8BAA8B,GAAG,EAAc,gBAAgB;EAC/D,0BAA0B,GAAG,EAAc,YAAY;EACvD,oCAAoC,GAAG,EAAU,SAAS;EAC3D"}