@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/lib/color.mjs

@@ -0,0 +1,86 @@
+//#region src/lib/color.ts
+var e = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+function t(t) {
+	let n = e.exec(t.trim());
+	if (!n) return null;
+	let r = n[1], i = r.length <= 4 ? r.split("").map((e) => e + e).join("") : r, a = (e) => parseInt(i.slice(e, e + 2), 16), o = i.length === 8;
+	return {
+		r: a(0),
+		g: a(2),
+		b: a(4),
+		alpha: o ? a(6) : 255,
+		hasAlpha: o
+	};
+}
+function n(e) {
+	return Number.isFinite(e) ? (e % 360 + 360) % 360 : 0;
+}
+function r(e, t) {
+	return e === void 0 || Number.isNaN(e) ? t : Math.min(1, Math.max(0, e));
+}
+function i(e) {
+	let t = n(e.h) / 60, i = r(e.s, 0), a = r(e.v, 0), o = a * i, s = o * (1 - Math.abs(t % 2 - 1)), c = a - o, l;
+	return l = t < 1 ? [
+		o,
+		s,
+		0
+	] : t < 2 ? [
+		s,
+		o,
+		0
+	] : t < 3 ? [
+		0,
+		o,
+		s
+	] : t < 4 ? [
+		0,
+		s,
+		o
+	] : t < 5 ? [
+		s,
+		0,
+		o
+	] : [
+		o,
+		0,
+		s
+	], {
+		r: (l[0] + c) * 255,
+		g: (l[1] + c) * 255,
+		b: (l[2] + c) * 255
+	};
+}
+function a(e, t, n) {
+	let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = o - Math.min(r, i, a), c = 0;
+	return s !== 0 && (c = o === r ? (i - a) / s % 6 : o === i ? (a - r) / s + 2 : (r - i) / s + 4, c *= 60, c < 0 && (c += 360)), {
+		h: c,
+		s: o === 0 ? 0 : s / o,
+		v: o
+	};
+}
+function o(e) {
+	return Math.round(e).toString(16).padStart(2, "0");
+}
+function s(e) {
+	let { r: t, g: n, b: a } = i(e), s = Math.round(r(e.a, 1) * 255), c = `#${o(t)}${o(n)}${o(a)}`;
+	return s === 255 ? c : c + o(s);
+}
+function c(e) {
+	let n = t(e);
+	if (!n) return null;
+	let { h: r, s: i, v: o } = a(n.r, n.g, n.b);
+	return n.hasAlpha ? {
+		h: r,
+		s: i,
+		v: o,
+		a: n.alpha / 255
+	} : {
+		h: r,
+		s: i,
+		v: o
+	};
+}
+//#endregion
+export { r as clampUnit, c as hexToHsv, s as hsvToHex, i as hsvToRgb, t as parseHexBytes, a as rgbToHsv, n as wrapHue };
+
+//# sourceMappingURL=color.mjs.map

package/dist/lib/color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.mjs","names":["HEX_COLOR","parseHexBytes","match","value","digits","long","d","byte","index","hasAlpha","wrapHue","h","clampUnit","fallback","hsvToRgb","color","s","v","c","x","m","rgb","rgbToHsv","red","r","green","g","blue","b","max","delta","toHexByte","hsvToHex","alpha","hex","hexToHsv","bytes"],"sources":["../../src/lib/color.ts"],"sourcesContent":["/**\n * Conversions between HSV colors and hex strings (spec P3-05, D18). Server-safe: no React and no\n * DOM, so the helpers run in a Server Component and during server rendering.\n *\n * Public: `hsvToHex` and `hexToHsv`, exported from the package entry. The other exports are\n * internal helpers of the color components (not exported from the package).\n */\nimport type { HsvColor } from './types';\n\nconst HEX_COLOR = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\n\n/** @internal The channels of a hex color as bytes (0–255). */\nexport interface HexBytes {\n  r: number;\n  g: number;\n  b: number;\n  /** The alpha byte; 255 when the input has no alpha digits. */\n  alpha: number;\n  /** Whether the input has alpha digits (`#rgba`, `#rrggbbaa`). */\n  hasAlpha: boolean;\n}\n\n/**\n * @internal Parses `#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa` (surrounding whitespace ignored, any\n * case), else `null`. The one hex grammar of the library: `colorUtils.parseHexColor` reads it too.\n */\nexport function parseHexBytes(value: string): HexBytes | null {\n  const match = HEX_COLOR.exec(value.trim());\n  if (!match) return null;\n  const digits = match[1];\n  const long =\n    digits.length <= 4\n      ? digits\n          .split('')\n          .map((d) => d + d)\n          .join('')\n      : digits;\n  const byte = (index: number) => parseInt(long.slice(index, index + 2), 16);\n  const hasAlpha = long.length === 8;\n  return { r: byte(0), g: byte(2), b: byte(4), alpha: hasAlpha ? byte(6) : 255, hasAlpha };\n}\n\n/** @internal `h` wrapped into [0, 360); a hue that is not finite reads as 0. */\nexport function wrapHue(h: number): number {\n  return Number.isFinite(h) ? ((h % 360) + 360) % 360 : 0;\n}\n\n/** @internal `value` clamped to [0, 1]; `NaN` or `undefined` reads as `fallback`. */\nexport function clampUnit(value: number | undefined, fallback: number): number {\n  if (value === undefined || Number.isNaN(value)) return fallback;\n  return Math.min(1, Math.max(0, value));\n}\n\n/** @internal An HSV color, normalized first, as sRGB channels from 0 to 255 (unrounded). */\nexport function hsvToRgb(color: HsvColor): { r: number; g: number; b: number } {\n  const h = wrapHue(color.h) / 60;\n  const s = clampUnit(color.s, 0);\n  const v = clampUnit(color.v, 0);\n  const c = v * s;\n  const x = c * (1 - Math.abs((h % 2) - 1));\n  const m = v - c;\n  let rgb: [number, number, number];\n  if (h < 1) rgb = [c, x, 0];\n  else if (h < 2) rgb = [x, c, 0];\n  else if (h < 3) rgb = [0, c, x];\n  else if (h < 4) rgb = [0, x, c];\n  else if (h < 5) rgb = [x, 0, c];\n  else rgb = [c, 0, x];\n  return { r: (rgb[0] + m) * 255, g: (rgb[1] + m) * 255, b: (rgb[2] + m) * 255 };\n}\n\n/** @internal sRGB channels (0–255) as a hue in degrees and saturation and brightness from 0 to 1. */\nexport function rgbToHsv(r: number, g: number, b: number): { h: number; s: number; v: number } {\n  const red = r / 255;\n  const green = g / 255;\n  const blue = b / 255;\n  const max = Math.max(red, green, blue);\n  const delta = max - Math.min(red, green, blue);\n  let h = 0;\n  if (delta !== 0) {\n    if (max === red) h = ((green - blue) / delta) % 6;\n    else if (max === green) h = (blue - red) / delta + 2;\n    else h = (red - green) / delta + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n  return { h, s: max === 0 ? 0 : delta / max, v: max };\n}\n\nfunction toHexByte(value: number): string {\n  return Math.round(value).toString(16).padStart(2, '0');\n}\n\n/**\n * The hex string of an HSV color: lowercase `#rrggbb`, or `#rrggbbaa` when `a` is below 1\n * (ColorPicker's value format). The hue wraps into [0, 360); saturation, brightness and alpha are\n * clamped to [0, 1]; a channel that is not a number reads as 0 (alpha: as left out, so opaque).\n *\n * @example hsvToHex({ h: 208, s: 0.92, v: 0.74 }) // '#0f6cbd'\n */\nexport function hsvToHex(color: HsvColor): string {\n  const { r, g, b } = hsvToRgb(color);\n  const alpha = Math.round(clampUnit(color.a, 1) * 255);\n  const hex = `#${toHexByte(r)}${toHexByte(g)}${toHexByte(b)}`;\n  return alpha === 255 ? hex : hex + toHexByte(alpha);\n}\n\n/**\n * The HSV color of a hex string: `#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa` (surrounding whitespace\n * ignored, any case). `a` is set only when the input has alpha digits. Returns `null` for anything\n * else (named colors, `rgb()`, a missing `#`). `hsvToHex(hexToHsv(x))` gives `x` back in\n * ColorPicker's normal form.\n *\n * @example hexToHsv('#ff000080') // { h: 0, s: 1, v: 1, a: 0.50196… }\n */\nexport function hexToHsv(hex: string): HsvColor | null {\n  const bytes = parseHexBytes(hex);\n  if (!bytes) return null;\n  const { h, s, v } = rgbToHsv(bytes.r, bytes.g, bytes.b);\n  return bytes.hasAlpha ? { h, s, v, a: bytes.alpha / 255 } : { h, s, v };\n}\n"],"mappings":";AASA,IAAMA,IAAY;AAiBlB,SAAgBC,EAAc,GAAgC;CAC5D,IAAMC,IAAQF,EAAU,KAAKG,EAAM,KAAK,CAAC;CACzC,IAAI,CAACD,GAAO,OAAO;CACnB,IAAME,IAASF,EAAM,IACfG,IACJD,EAAO,UAAU,IACbA,EACG,MAAM,EAAE,CAAC,CACT,KAAK,MAAME,IAAIA,CAAC,CAAC,CACjB,KAAK,EAAE,IACVF,GACAG,KAAQ,MAAkB,SAASF,EAAK,MAAMG,GAAOA,IAAQ,CAAC,GAAG,EAAE,GACnEC,IAAWJ,EAAK,WAAW;CACjC,OAAO;EAAE,GAAGE,EAAK,CAAC;EAAG,GAAGA,EAAK,CAAC;EAAG,GAAGA,EAAK,CAAC;EAAG,OAAOE,IAAWF,EAAK,CAAC,IAAI;EAAK;CAAS;AACzF;AAGA,SAAgBG,EAAQ,GAAmB;CACzC,OAAO,OAAO,SAASC,CAAC,KAAMA,IAAI,MAAO,OAAO,MAAM;AACxD;AAGA,SAAgBC,EAAU,GAA2B,GAA0B;CAE7E,OADIT,MAAU,KAAA,KAAa,OAAO,MAAMA,CAAK,IAAUU,IAChD,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGV,CAAK,CAAC;AACvC;AAGA,SAAgBW,EAAS,GAAsD;CAC7E,IAAMH,IAAID,EAAQK,EAAM,CAAC,IAAI,IACvBC,IAAIJ,EAAUG,EAAM,GAAG,CAAC,GACxBE,IAAIL,EAAUG,EAAM,GAAG,CAAC,GACxBG,IAAID,IAAID,GACRG,IAAID,KAAK,IAAI,KAAK,IAAKP,IAAI,IAAK,CAAC,IACjCS,IAAIH,IAAIC,GACVG;CAOJ,OANA,AAKKA,IALDV,IAAI,IAAS;EAACO;EAAGC;EAAG;CAAC,IAChBR,IAAI,IAAS;EAACQ;EAAGD;EAAG;CAAC,IACrBP,IAAI,IAAS;EAAC;EAAGO;EAAGC;CAAC,IACrBR,IAAI,IAAS;EAAC;EAAGQ;EAAGD;CAAC,IACrBP,IAAI,IAAS;EAACQ;EAAG;EAAGD;CAAC,IACnB;EAACA;EAAG;EAAGC;CAAC,GACZ;EAAE,IAAIE,EAAI,KAAKD,KAAK;EAAK,IAAIC,EAAI,KAAKD,KAAK;EAAK,IAAIC,EAAI,KAAKD,KAAK;CAAI;AAC/E;AAGA,SAAgBE,EAAS,GAAW,GAAW,GAAgD;CAC7F,IAAMC,IAAMC,IAAI,KACVC,IAAQC,IAAI,KACZC,IAAOC,IAAI,KACXC,IAAM,KAAK,IAAIN,GAAKE,GAAOE,CAAI,GAC/BG,IAAQD,IAAM,KAAK,IAAIN,GAAKE,GAAOE,CAAI,GACzChB,IAAI;CAQR,OAPImB,MAAU,MACZ,AAEKnB,IAFDkB,MAAQN,KAAWE,IAAQE,KAAQG,IAAS,IACvCD,MAAQJ,KAAYE,IAAOJ,KAAOO,IAAQ,KACzCP,IAAME,KAASK,IAAQ,GACjC,KAAK,IACDnB,IAAI,MAAG,KAAK,OAEX;EAAE;EAAG,GAAGkB,MAAQ,IAAI,IAAIC,IAAQD;EAAK,GAAGA;CAAI;AACrD;AAEA,SAASE,EAAU,GAAuB;CACxC,OAAO,KAAK,MAAM5B,CAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AACvD;AASA,SAAgB6B,EAAS,GAAyB;CAChD,IAAM,EAAE,MAAG,MAAG,SAAMlB,EAASC,CAAK,GAC5BkB,IAAQ,KAAK,MAAMrB,EAAUG,EAAM,GAAG,CAAC,IAAI,GAAG,GAC9CmB,IAAM,IAAIH,EAAUP,CAAC,IAAIO,EAAUL,CAAC,IAAIK,EAAUH,CAAC;CACzD,OAAOK,MAAU,MAAMC,IAAMA,IAAMH,EAAUE,CAAK;AACpD;AAUA,SAAgBE,EAAS,GAA8B;CACrD,IAAMC,IAAQnC,EAAciC,CAAG;CAC/B,IAAI,CAACE,GAAO,OAAO;CACnB,IAAM,EAAE,MAAG,MAAG,SAAMd,EAASc,EAAM,GAAGA,EAAM,GAAGA,EAAM,CAAC;CACtD,OAAOA,EAAM,WAAW;EAAE;EAAG;EAAG;EAAG,GAAGA,EAAM,QAAQ;CAAI,IAAI;EAAE;EAAG;EAAG;CAAE;AACxE"}

package/dist/lib/globalRegistry.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"globalRegistry.cjs","names":["getGlobalRegistry","symbol","key","store","create"],"sources":["../../src/lib/globalRegistry.ts"],"sourcesContent":["const NAMESPACE = '@mortenbrudvik/waveui/';\n\ntype GlobalStore = Record<symbol, unknown>;\n\n/**\n * Returns the module singleton registered under `key`, creating it with `create` on first use.\n *\n * The value is stored on `globalThis[Symbol.for('@mortenbrudvik/waveui/' + key)]` (non-enumerable),\n * so an app that evaluates the library twice — the ESM and the CJS build side by side (Next.js\n * server CJS + client ESM, or a dependency that `require`s the package) — still shares one state\n * per key. A change to the value shape stored under a key must stay compatible with the other copy.\n *\n * Keys and their users:\n * - `'layers'` — the dismiss-layer stack (`layers.ts`);\n * - `'traps'` — the focus-trap stack (`useFocusTrap`);\n * - `'scrollLock'` — the scroll-lock counter (`useScrollLock`);\n * - `'inert'` — the elements made inert behind a modal (`useModalIsolation`);\n * - `'restoreFocusTracker'` — the pointer/focus tracker of `useRestoreFocus`;\n * - `'announcer'` — the live-region announcer (`useAnnounce`);\n * - `'orderedSurfaces'` — the open surfaces whose keyboard order `usePopoverTabOrder` manages\n *   (`Popover.shared.tsx`);\n * - `'warnings'` and `'missing-context'` — the warn-once keys and the logged missing-context\n *   texts (`dev.ts`).\n *\n * @param key     Registry name, e.g. `'warnings'` or `'layers'`.\n * @param create  Factory for the initial value; called at most once per realm.\n */\nexport function getGlobalRegistry<T>(key: string, create: () => T): T {\n  const symbol = Symbol.for(NAMESPACE + key);\n  const store = globalThis as unknown as GlobalStore;\n  if (!Object.prototype.hasOwnProperty.call(store, symbol)) {\n    Object.defineProperty(store, symbol, {\n      value: create(),\n      configurable: true,\n      enumerable: false,\n      writable: true,\n    });\n  }\n  return store[symbol] as T;\n}\n"],"mappings":"AA2BA,SAAgBA,EAAqB,EAAa,EAAoB,CACpE,IAAMC,EAAS,OAAO,IAAI,yBAAYC,CAAG,EACnCC,EAAQ,WASd,OARK,OAAO,UAAU,eAAe,KAAKA,EAAOF,CAAM,GACrD,OAAO,eAAeE,EAAOF,EAAQ,CACnC,MAAOG,EAAO,EACd,aAAc,GACd,WAAY,GACZ,SAAU,EACZ,CAAC,EAEID,EAAMF,EACf"}
+{"version":3,"file":"globalRegistry.cjs","names":["getGlobalRegistry","symbol","key","store","create"],"sources":["../../src/lib/globalRegistry.ts"],"sourcesContent":["const NAMESPACE = '@mortenbrudvik/waveui/';\n\ntype GlobalStore = Record<symbol, unknown>;\n\n/**\n * Returns the module singleton registered under `key`, creating it with `create` on first use.\n *\n * The value is stored on `globalThis[Symbol.for('@mortenbrudvik/waveui/' + key)]` (non-enumerable),\n * so an app that evaluates the library twice — the ESM and the CJS build side by side (Next.js\n * server CJS + client ESM, or a dependency that `require`s the package) — still shares one state\n * per key. A change to the value shape stored under a key must stay compatible with the other copy.\n *\n * Keys and their users:\n * - `'layers'` — the dismiss-layer stack (`layers.ts`);\n * - `'traps'` — the focus-trap stack (`useFocusTrap`);\n * - `'scrollLock'` — the scroll-lock counter (`useScrollLock`);\n * - `'inert'` — the elements made inert behind a modal (`useModalIsolation`);\n * - `'restoreFocusTracker'` — the pointer/focus tracker of `useRestoreFocus`;\n * - `'announcer'` — the live-region announcer (`useAnnounce`);\n * - `'orderedSurfaces'` — the open surfaces whose keyboard order `usePopoverTabOrder` manages\n *   (`Popover.shared.tsx`);\n * - `'toasterHandles'` — the state of every `createToaster()` handle (`toaster.ts`);\n * - `'warnings'` and `'missing-context'` — the warn-once keys and the logged missing-context\n *   texts (`dev.ts`).\n *\n * @param key     Registry name, e.g. `'warnings'` or `'layers'`.\n * @param create  Factory for the initial value; called at most once per realm.\n */\nexport function getGlobalRegistry<T>(key: string, create: () => T): T {\n  const symbol = Symbol.for(NAMESPACE + key);\n  const store = globalThis as unknown as GlobalStore;\n  if (!Object.prototype.hasOwnProperty.call(store, symbol)) {\n    Object.defineProperty(store, symbol, {\n      value: create(),\n      configurable: true,\n      enumerable: false,\n      writable: true,\n    });\n  }\n  return store[symbol] as T;\n}\n"],"mappings":"AA4BA,SAAgBA,EAAqB,EAAa,EAAoB,CACpE,IAAMC,EAAS,OAAO,IAAI,yBAAYC,CAAG,EACnCC,EAAQ,WASd,OARK,OAAO,UAAU,eAAe,KAAKA,EAAOF,CAAM,GACrD,OAAO,eAAeE,EAAOF,EAAQ,CACnC,MAAOG,EAAO,EACd,aAAc,GACd,WAAY,GACZ,SAAU,EACZ,CAAC,EAEID,EAAMF,EACf"}

package/dist/lib/globalRegistry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"globalRegistry.mjs","names":["getGlobalRegistry","symbol","key","store","create"],"sources":["../../src/lib/globalRegistry.ts"],"sourcesContent":["const NAMESPACE = '@mortenbrudvik/waveui/';\n\ntype GlobalStore = Record<symbol, unknown>;\n\n/**\n * Returns the module singleton registered under `key`, creating it with `create` on first use.\n *\n * The value is stored on `globalThis[Symbol.for('@mortenbrudvik/waveui/' + key)]` (non-enumerable),\n * so an app that evaluates the library twice — the ESM and the CJS build side by side (Next.js\n * server CJS + client ESM, or a dependency that `require`s the package) — still shares one state\n * per key. A change to the value shape stored under a key must stay compatible with the other copy.\n *\n * Keys and their users:\n * - `'layers'` — the dismiss-layer stack (`layers.ts`);\n * - `'traps'` — the focus-trap stack (`useFocusTrap`);\n * - `'scrollLock'` — the scroll-lock counter (`useScrollLock`);\n * - `'inert'` — the elements made inert behind a modal (`useModalIsolation`);\n * - `'restoreFocusTracker'` — the pointer/focus tracker of `useRestoreFocus`;\n * - `'announcer'` — the live-region announcer (`useAnnounce`);\n * - `'orderedSurfaces'` — the open surfaces whose keyboard order `usePopoverTabOrder` manages\n *   (`Popover.shared.tsx`);\n * - `'warnings'` and `'missing-context'` — the warn-once keys and the logged missing-context\n *   texts (`dev.ts`).\n *\n * @param key     Registry name, e.g. `'warnings'` or `'layers'`.\n * @param create  Factory for the initial value; called at most once per realm.\n */\nexport function getGlobalRegistry<T>(key: string, create: () => T): T {\n  const symbol = Symbol.for(NAMESPACE + key);\n  const store = globalThis as unknown as GlobalStore;\n  if (!Object.prototype.hasOwnProperty.call(store, symbol)) {\n    Object.defineProperty(store, symbol, {\n      value: create(),\n      configurable: true,\n      enumerable: false,\n      writable: true,\n    });\n  }\n  return store[symbol] as T;\n}\n"],"mappings":"AA2BA,SAAgBA,EAAqB,GAAa,GAAoB;CACpE,IAAMC,IAAS,OAAO,IAAI,2BAAYC,CAAG,GACnCC,IAAQ;CASd,OARK,OAAO,UAAU,eAAe,KAAKA,GAAOF,CAAM,KACrD,OAAO,eAAeE,GAAOF,GAAQ;EACnC,OAAOG,EAAO;EACd,cAAc;EACd,YAAY;EACZ,UAAU;CACZ,CAAC,GAEID,EAAMF;AACf"}
+{"version":3,"file":"globalRegistry.mjs","names":["getGlobalRegistry","symbol","key","store","create"],"sources":["../../src/lib/globalRegistry.ts"],"sourcesContent":["const NAMESPACE = '@mortenbrudvik/waveui/';\n\ntype GlobalStore = Record<symbol, unknown>;\n\n/**\n * Returns the module singleton registered under `key`, creating it with `create` on first use.\n *\n * The value is stored on `globalThis[Symbol.for('@mortenbrudvik/waveui/' + key)]` (non-enumerable),\n * so an app that evaluates the library twice — the ESM and the CJS build side by side (Next.js\n * server CJS + client ESM, or a dependency that `require`s the package) — still shares one state\n * per key. A change to the value shape stored under a key must stay compatible with the other copy.\n *\n * Keys and their users:\n * - `'layers'` — the dismiss-layer stack (`layers.ts`);\n * - `'traps'` — the focus-trap stack (`useFocusTrap`);\n * - `'scrollLock'` — the scroll-lock counter (`useScrollLock`);\n * - `'inert'` — the elements made inert behind a modal (`useModalIsolation`);\n * - `'restoreFocusTracker'` — the pointer/focus tracker of `useRestoreFocus`;\n * - `'announcer'` — the live-region announcer (`useAnnounce`);\n * - `'orderedSurfaces'` — the open surfaces whose keyboard order `usePopoverTabOrder` manages\n *   (`Popover.shared.tsx`);\n * - `'toasterHandles'` — the state of every `createToaster()` handle (`toaster.ts`);\n * - `'warnings'` and `'missing-context'` — the warn-once keys and the logged missing-context\n *   texts (`dev.ts`).\n *\n * @param key     Registry name, e.g. `'warnings'` or `'layers'`.\n * @param create  Factory for the initial value; called at most once per realm.\n */\nexport function getGlobalRegistry<T>(key: string, create: () => T): T {\n  const symbol = Symbol.for(NAMESPACE + key);\n  const store = globalThis as unknown as GlobalStore;\n  if (!Object.prototype.hasOwnProperty.call(store, symbol)) {\n    Object.defineProperty(store, symbol, {\n      value: create(),\n      configurable: true,\n      enumerable: false,\n      writable: true,\n    });\n  }\n  return store[symbol] as T;\n}\n"],"mappings":"AA4BA,SAAgBA,EAAqB,GAAa,GAAoB;CACpE,IAAMC,IAAS,OAAO,IAAI,2BAAYC,CAAG,GACnCC,IAAQ;CASd,OARK,OAAO,UAAU,eAAe,KAAKA,GAAOF,CAAM,KACrD,OAAO,eAAeE,GAAOF,GAAQ;EACnC,OAAOG,EAAO;EACd,cAAc;EACd,YAAY;EACZ,UAAU;CACZ,CAAC,GAEID,EAAMF;AACf"}

package/dist/lib/styles.cjs

@@ -1,2 +1,2 @@
-var e=`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,t=`focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring`,n=`h-8 w-full rounded border border-input bg-background px-3 text-body-1 text-foreground placeholder:text-muted-foreground`,r=`focus:outline-hidden focus:border-b-2 focus:border-b-primary`,i=`focus-within:border-b-2 focus-within:border-b-primary`,a=`border-destructive focus:border-b-destructive`,o=`border-destructive focus-within:border-b-destructive`,s=`disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100`,c=`transition motion-reduce:transition-none`,l=`forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none`,u={selectedLeaf:l,selectedContainer:`forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2`,control:`forced-colors:border-[ButtonText]`,border:`forced-colors:border-[CanvasText]`,fill:`forced-colors:bg-[Highlight] forced-colors:forced-color-adjust-none`,rangeInput:`forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]`,ringArc:`forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]`,disabled:`forced-colors:text-[GrayText] forced-colors:border-[GrayText]`,selected:l};exports.disabledStyles=s,exports.focusRing=e,exports.focusRingInset=t,exports.forcedColors=u,exports.inputBase=n,exports.inputFocus=r,exports.inputFocusWithin=i,exports.inputInvalid=a,exports.inputInvalidWithin=o,exports.motionSafeTransition=c;
+var e=`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,t=`focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring`,n={small:`h-6`,medium:`h-8`,large:`h-10`},r={small:`text-caption-1`,medium:`text-body-1`,large:`text-body-2`},i={small:`px-2`,medium:`px-3`,large:`px-4`},a={outline:`rounded border border-input border-b-stroke-accessible bg-background`,underline:`rounded-none border-0 border-b border-b-stroke-accessible bg-transparent forced-colors:border-[ButtonText]`,"filled-darker":`rounded border border-input-filled-stroke bg-input-filled-darker forced-colors:border-[ButtonText]`,"filled-lighter":`rounded border border-input-filled-stroke bg-input-filled-lighter forced-colors:border-[ButtonText]`},o=`before:absolute before:-inset-0.5`,s=`focus:outline-hidden focus:border-b-2 focus:border-b-primary`,c=`focus-within:border-b-2 focus-within:border-b-primary`,l=`border-destructive`,u=`border-destructive`,d=`disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100`,f=`transition motion-reduce:transition-none`,p=`forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none`,m={selectedLeaf:p,selectedContainer:`forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2`,control:`forced-colors:border-[ButtonText]`,border:`forced-colors:border-[CanvasText]`,fill:`forced-colors:bg-[Highlight] forced-colors:forced-color-adjust-none`,rangeInput:`forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]`,ringArc:`forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]`,disabled:`forced-colors:text-[GrayText] forced-colors:border-[GrayText]`,selected:p};exports.disabledStyles=d,exports.focusRing=e,exports.focusRingInset=t,exports.forcedColors=m,exports.hitAreaLayer=o,exports.inputAppearanceClasses=a,exports.inputFocus=s,exports.inputFocusWithin=c,exports.inputHeightClasses=n,exports.inputInvalid=l,exports.inputInvalidWithin=u,exports.inputPaddingClasses=i,exports.inputTextClasses=r,exports.motionSafeTransition=f;
 //# sourceMappingURL=styles.cjs.map

package/dist/lib/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["focusRing","focusRingInset","inputBase","inputFocus","inputFocusWithin","inputInvalid","inputInvalidWithin","disabledStyles","motionSafeTransition","selectedLeaf","forcedColors"],"sources":["../../src/lib/styles.ts"],"sourcesContent":["/**\n * Shared class-string recipes. They are plain literals so Tailwind's scanner (`@source ../lib`)\n * generates every utility; compose them with `cn()` before the consumer's `className`.\n */\n\n/** Focus-visible ring for focusable controls (C-FOCUS). */\nexport const focusRing =\n  'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';\n\n/** Focus-visible ring drawn inside the element: cells, rows, list and menu items. */\nexport const focusRingInset =\n  'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring';\n\n/** Ring on a container while any descendant has focus. */\nexport const focusWithinRing =\n  'focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring';\n\n/** Base look of text-entry controls (Input, Textarea, Select, picker inputs). */\nexport const inputBase =\n  'h-8 w-full rounded border border-input bg-background px-3 text-body-1 text-foreground placeholder:text-muted-foreground';\n\n/**\n * Focus indicator of text-entry controls: a 2px primary bottom border. `focus:outline-hidden`\n * removes the outline while focused but — unlike `outline-none` — keeps a visible outline in\n * forced-colors mode, where the border colour change is not perceivable. (Scoped to `:focus` so\n * unfocused inputs do not show that outline in forced colors.)\n */\nexport const inputFocus = 'focus:outline-hidden focus:border-b-2 focus:border-b-primary';\n\n/**\n * Wrapper form of {@link inputFocus} for inputs rendered inside a styled wrapper (slots,\n * SearchBox, TagPicker). Put `focus:outline-hidden` on the inner control.\n */\nexport const inputFocusWithin = 'focus-within:border-b-2 focus-within:border-b-primary';\n\n/**\n * Invalid look of a text-entry control (Input, Select, Textarea, SearchBox, SpinButton, Combobox,\n * Dropdown, the picker inputs): the destructive border, kept on the bottom stroke while focused.\n * Apply it when the control's resolved `aria-invalid` is `true` (its own error state, the\n * consumer's `aria-invalid` or the surrounding Field's), after {@link inputBase} and\n * {@link inputFocus} in `cn()` so it replaces their border colours.\n */\nexport const inputInvalid = 'border-destructive focus:border-b-destructive';\n\n/**\n * Wrapper form of {@link inputInvalid} for a control drawn by a styled wrapper around the\n * focusable input (Input with slots, SpinButton), placed after {@link inputFocusWithin}.\n */\nexport const inputInvalidWithin = 'border-destructive focus-within:border-b-destructive';\n\n/**\n * Disabled look for native `disabled` and `aria-disabled` (C-DISABLED) controls. An\n * `aria-disabled` control that keeps keyboard focus (a self-disabling Pagination or Carousel\n * button) goes back to full opacity while it shows its focus ring, which `opacity` would dim below\n * 3:1, as a `disabledFocusable` button does.\n */\nexport const disabledStyles =\n  'disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100';\n\n/** Colour-transition recipe that is switched off for reduced motion (C-MOTION). */\nexport const motionSafeTransition = 'transition motion-reduce:transition-none';\n\nconst selectedLeaf =\n  'forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none';\n\n/**\n * Forced-colors (Windows High Contrast) recipes, built from system colours.\n */\nexport const forcedColors = {\n  /**\n   * Selected/checked state of a **leaf indicator** — Switch thumb, check glyph, radio dot,\n   * progress fill, selected day cell. Opts the element out of forced colours so the Highlight\n   * fill shows. Never use it on containers: `forced-color-adjust` is inherited and would opt\n   * every descendant (text, icons) of a row/option/card out of forced colours too.\n   */\n  selectedLeaf,\n  /**\n   * Selected state of a **container** — options, rows, cards, tabs. A Highlight outline as the\n   * non-colour indicator; the browser keeps system colours for the content.\n   */\n  selectedContainer:\n    'forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2',\n  /** Border of a control (Switch track, Checkbox box, Radio circle). */\n  control: 'forced-colors:border-[ButtonText]',\n  /** Border of a non-interactive surface (tracks, separators). */\n  border: 'forced-colors:border-[CanvasText]',\n  /**\n   * Fill of a **leaf indicator drawn with its own background** that must stay visible in forced\n   * colors, where author backgrounds become Canvas: a step dot or connector, a pager dot, a\n   * progress segment. Paints `Highlight` and opts the element out of forced colors\n   * (`forced-color-adjust` is inherited: leaf elements only, as with `selectedLeaf`).\n   *\n   * It only colors the element's own background, so it cannot reach an indicator drawn by a\n   * pseudo-element or a border: use `rangeInput` for a native range input (Slider) and `ringArc`\n   * for a border-drawn ring (Spinner).\n   */\n  fill: 'forced-colors:bg-[Highlight] forced-colors:forced-color-adjust-none',\n  /**\n   * A native `<input type=\"range\">` drawn through its track and thumb pseudo-elements (Slider):\n   * put it on the input, after the normal-mode classes. It opts the input out of forced colors\n   * and, because the pseudo-elements inherit that opt-out, gives every part the input paints a\n   * system color: the rail `CanvasText`, the thumb `Highlight` with a `Canvas` edge, rail and\n   * thumb `GrayText` while disabled, and the focus-visible outline `Highlight` (the opt-out would\n   * otherwise keep the author ring color). Covers the Blink/WebKit (`::-webkit-slider-*`) and\n   * Firefox (`::-moz-range-*`) parts.\n   */\n  rangeInput:\n    'forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]',\n  /**\n   * Arc of a **ring drawn with borders** whose top side is the arc (Spinner): put it on the ring,\n   * after its border classes. Forced colors would give all four sides the same system color, so\n   * the arc would disappear into the track. It opts the ring out of forced colors, hides the\n   * track in `Canvas` and draws the arc in `Highlight`. Leaf elements only, as with `fill`.\n   */\n  ringArc:\n    'forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]',\n  /** Disabled text and borders. */\n  disabled: 'forced-colors:text-[GrayText] forced-colors:border-[GrayText]',\n  /**\n   * @deprecated Ambiguous: use `selectedLeaf` for leaf indicators or `selectedContainer` for\n   * containers. Kept as an alias of `selectedLeaf`.\n   */\n  selected: selectedLeaf,\n} as const;\n"],"mappings":"AAMA,IAAaA,EACX,oFAGWC,EACX,qFAOWC,EACX,0HAQWC,EAAa,+DAMbC,EAAmB,wDASnBC,EAAe,gDAMfC,EAAqB,uDAQrBC,EACX,oJAGWC,EAAuB,2CAE9BC,EACJ,yGAKWC,EAAe,CAO1B,eAKA,kBACE,4FAEF,QAAS,oCAET,OAAQ,oCAWR,KAAM,sEAUN,WACE,iqBAOF,QACE,0GAEF,SAAU,gEAKV,SAAUD,CACZ"}
+{"version":3,"file":"styles.cjs","names":["focusRing","focusRingInset","inputHeightClasses","inputTextClasses","inputPaddingClasses","inputAppearanceClasses","hitAreaLayer","inputFocus","inputFocusWithin","inputInvalid","inputInvalidWithin","disabledStyles","motionSafeTransition","selectedLeaf","forcedColors"],"sources":["../../src/lib/styles.ts"],"sourcesContent":["/**\n * Shared class-string recipes. They are plain literals so Tailwind's scanner (`@source ../lib`)\n * generates every utility; compose them with `cn()` before the consumer's `className`.\n */\nimport type { CoreSize, InputAppearance } from './types';\n\n/** Focus-visible ring for focusable controls (C-FOCUS). */\nexport const focusRing =\n  'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';\n\n/** Focus-visible ring drawn inside the element: cells, rows, list and menu items. */\nexport const focusRingInset =\n  'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring';\n\n/** Ring on a container while any descendant has focus. */\nexport const focusWithinRing =\n  'focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring';\n\n/**\n * Base look of text-entry controls (Input, Textarea, Select, picker inputs).\n * @deprecated Compose inputHeightClasses, inputTextClasses, inputPaddingClasses and\n * inputAppearanceClasses.\n */\nexport const inputBase =\n  'h-8 w-full rounded border border-input bg-background px-3 text-body-1 text-foreground placeholder:text-muted-foreground';\n\n/** Height of a text control or picker per size: 24, 32 or 40px. */\nexport const inputHeightClasses: Readonly<Record<CoreSize, string>> = {\n  small: 'h-6',\n  medium: 'h-8',\n  large: 'h-10',\n};\n\n/** Type ramp of a text control or picker per size. */\nexport const inputTextClasses: Readonly<Record<CoreSize, string>> = {\n  small: 'text-caption-1',\n  medium: 'text-body-1',\n  large: 'text-body-2',\n};\n\n/** Horizontal padding of a text control drawn on its own element, per size: 8, 12 or 16px. */\nexport const inputPaddingClasses: Readonly<Record<CoreSize, string>> = {\n  small: 'px-2',\n  medium: 'px-3',\n  large: 'px-4',\n};\n\n/**\n * Fill, strokes and corners of each appearance, for a field drawn on its own element or on a\n * wrapper. Compose the focus and invalid recipes after it: they recolor the borders the appearance\n * draws. The filled appearances have a transparent stroke (a visible one in the high-contrast\n * theme). In forced colors, the filled appearances and the one with only a bottom stroke draw their\n * border in the system's button text color, so every appearance keeps a visible boundary.\n */\nexport const inputAppearanceClasses: Readonly<Record<InputAppearance, string>> = {\n  outline: 'rounded border border-input border-b-stroke-accessible bg-background',\n  underline:\n    'rounded-none border-0 border-b border-b-stroke-accessible bg-transparent forced-colors:border-[ButtonText]',\n  'filled-darker':\n    'rounded border border-input-filled-stroke bg-input-filled-darker forced-colors:border-[ButtonText]',\n  'filled-lighter':\n    'rounded border border-input-filled-stroke bg-input-filled-lighter forced-colors:border-[ButtonText]',\n};\n\n/**\n * Extends a 20px control's pointer target to 24px (WCAG 2.5.8): a transparent layer 2px beyond\n * each edge. The element must be positioned: the picker buttons already are, and any other element\n * sets its own position (the recipe sets none, because cn() would then replace the position of a\n * picker button).\n */\nexport const hitAreaLayer = 'before:absolute before:-inset-0.5';\n\n/**\n * Focus indicator of text-entry controls: a 2px primary bottom border. `focus:outline-hidden`\n * removes the outline while focused but — unlike `outline-none` — keeps a visible outline in\n * forced-colors mode, where the border colour change is not perceivable. (Scoped to `:focus` so\n * unfocused inputs do not show that outline in forced colors.)\n */\nexport const inputFocus = 'focus:outline-hidden focus:border-b-2 focus:border-b-primary';\n\n/**\n * Wrapper form of {@link inputFocus} for inputs rendered inside a styled wrapper (slots,\n * SearchBox, TagPicker). Put `focus:outline-hidden` on the inner control.\n */\nexport const inputFocusWithin = 'focus-within:border-b-2 focus-within:border-b-primary';\n\n/**\n * Invalid look of a text-entry control (Input, Select, Textarea, SearchBox, SpinButton, Combobox,\n * Dropdown, the picker inputs), for every appearance: the destructive color on every border the\n * appearance draws. Apply it when the control's resolved `aria-invalid` is `true`, after the\n * appearance and {@link inputFocus} in `cn()`: while the control is focused, the focus recipe\n * colors the 2px bottom border and the other borders stay destructive.\n */\nexport const inputInvalid = 'border-destructive';\n\n/**\n * Wrapper form of {@link inputInvalid} for a control drawn by a styled wrapper around the\n * focusable input (Input with slots, SearchBox, SpinButton, TagPicker), placed after\n * {@link inputFocusWithin}.\n */\nexport const inputInvalidWithin = 'border-destructive';\n\n/**\n * Disabled look for native `disabled` and `aria-disabled` (C-DISABLED) controls. An\n * `aria-disabled` control that keeps keyboard focus (a self-disabling Pagination or Carousel\n * button) goes back to full opacity while it shows its focus ring, which `opacity` would dim below\n * 3:1, as a `disabledFocusable` button does.\n */\nexport const disabledStyles =\n  'disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100';\n\n/** Colour-transition recipe that is switched off for reduced motion (C-MOTION). */\nexport const motionSafeTransition = 'transition motion-reduce:transition-none';\n\nconst selectedLeaf =\n  'forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none';\n\n/**\n * Forced-colors (Windows High Contrast) recipes, built from system colours.\n */\nexport const forcedColors = {\n  /**\n   * Selected/checked state of a **leaf indicator** — Switch thumb, check glyph, radio dot,\n   * progress fill, selected day cell. Opts the element out of forced colours so the Highlight\n   * fill shows. Never use it on containers: `forced-color-adjust` is inherited and would opt\n   * every descendant (text, icons) of a row/option/card out of forced colours too.\n   */\n  selectedLeaf,\n  /**\n   * Selected state of a **container** — options, rows, cards, tabs. A Highlight outline as the\n   * non-colour indicator; the browser keeps system colours for the content.\n   */\n  selectedContainer:\n    'forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2',\n  /** Border of a control (Switch track, Checkbox box, Radio circle). */\n  control: 'forced-colors:border-[ButtonText]',\n  /** Border of a non-interactive surface (tracks, separators). */\n  border: 'forced-colors:border-[CanvasText]',\n  /**\n   * Fill of a **leaf indicator drawn with its own background** that must stay visible in forced\n   * colors, where author backgrounds become Canvas: a step dot or connector, a pager dot, a\n   * progress segment. Paints `Highlight` and opts the element out of forced colors\n   * (`forced-color-adjust` is inherited: leaf elements only, as with `selectedLeaf`).\n   *\n   * It only colors the element's own background, so it cannot reach an indicator drawn by a\n   * pseudo-element or a border: use `rangeInput` for a native range input (Slider) and `ringArc`\n   * for a border-drawn ring (Spinner).\n   */\n  fill: 'forced-colors:bg-[Highlight] forced-colors:forced-color-adjust-none',\n  /**\n   * A native `<input type=\"range\">` drawn through its track and thumb pseudo-elements (Slider):\n   * put it on the input, after the normal-mode classes. It opts the input out of forced colors\n   * and, because the pseudo-elements inherit that opt-out, gives every part the input paints a\n   * system color: the rail `CanvasText`, the thumb `Highlight` with a `Canvas` edge, rail and\n   * thumb `GrayText` while disabled, and the focus-visible outline `Highlight` (the opt-out would\n   * otherwise keep the author ring color). Covers the Blink/WebKit (`::-webkit-slider-*`) and\n   * Firefox (`::-moz-range-*`) parts.\n   */\n  rangeInput:\n    'forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]',\n  /**\n   * Arc of a **ring drawn with borders** whose top side is the arc (Spinner): put it on the ring,\n   * after its border classes. Forced colors would give all four sides the same system color, so\n   * the arc would disappear into the track. It opts the ring out of forced colors, hides the\n   * track in `Canvas` and draws the arc in `Highlight`. Leaf elements only, as with `fill`.\n   */\n  ringArc:\n    'forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]',\n  /** Disabled text and borders. */\n  disabled: 'forced-colors:text-[GrayText] forced-colors:border-[GrayText]',\n  /**\n   * @deprecated Ambiguous: use `selectedLeaf` for leaf indicators or `selectedContainer` for\n   * containers. Kept as an alias of `selectedLeaf`.\n   */\n  selected: selectedLeaf,\n} as const;\n"],"mappings":"AAOA,IAAaA,EACX,oFAGWC,EACX,qFAeWC,EAAyD,CACpE,MAAO,MACP,OAAQ,MACR,MAAO,MACT,EAGaC,EAAuD,CAClE,MAAO,iBACP,OAAQ,cACR,MAAO,aACT,EAGaC,EAA0D,CACrE,MAAO,OACP,OAAQ,OACR,MAAO,MACT,EASaC,EAAoE,CAC/E,QAAS,uEACT,UACE,6GACF,gBACE,qGACF,iBACE,qGACJ,EAQaC,EAAe,oCAQfC,EAAa,+DAMbC,EAAmB,wDASnBC,EAAe,qBAOfC,EAAqB,qBAQrBC,EACX,oJAGWC,EAAuB,2CAE9BC,EACJ,yGAKWC,EAAe,CAO1B,eAKA,kBACE,4FAEF,QAAS,oCAET,OAAQ,oCAWR,KAAM,sEAUN,WACE,iqBAOF,QACE,0GAEF,SAAU,gEAKV,SAAUD,CACZ"}

package/dist/lib/styles.mjs

@@ -1,6 +1,23 @@
 //#region src/lib/styles.ts
-var e = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", t = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring", n = "h-8 w-full rounded border border-input bg-background px-3 text-body-1 text-foreground placeholder:text-muted-foreground", r = "focus:outline-hidden focus:border-b-2 focus:border-b-primary", i = "focus-within:border-b-2 focus-within:border-b-primary", a = "border-destructive focus:border-b-destructive", o = "border-destructive focus-within:border-b-destructive", s = "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100", c = "transition motion-reduce:transition-none", l = "forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none", u = {
-	selectedLeaf: l,
+var e = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", t = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring", n = {
+	small: "h-6",
+	medium: "h-8",
+	large: "h-10"
+}, r = {
+	small: "text-caption-1",
+	medium: "text-body-1",
+	large: "text-body-2"
+}, i = {
+	small: "px-2",
+	medium: "px-3",
+	large: "px-4"
+}, a = {
+	outline: "rounded border border-input border-b-stroke-accessible bg-background",
+	underline: "rounded-none border-0 border-b border-b-stroke-accessible bg-transparent forced-colors:border-[ButtonText]",
+	"filled-darker": "rounded border border-input-filled-stroke bg-input-filled-darker forced-colors:border-[ButtonText]",
+	"filled-lighter": "rounded border border-input-filled-stroke bg-input-filled-lighter forced-colors:border-[ButtonText]"
+}, o = "before:absolute before:-inset-0.5", s = "focus:outline-hidden focus:border-b-2 focus:border-b-primary", c = "focus-within:border-b-2 focus-within:border-b-primary", l = "border-destructive", u = "border-destructive", d = "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100", f = "transition motion-reduce:transition-none", p = "forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none", m = {
+	selectedLeaf: p,
 	selectedContainer: "forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2",
 	control: "forced-colors:border-[ButtonText]",
 	border: "forced-colors:border-[CanvasText]",
@@ -8,9 +25,9 @@ var e = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:ou
 	rangeInput: "forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]",
 	ringArc: "forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]",
 	disabled: "forced-colors:text-[GrayText] forced-colors:border-[GrayText]",
-	selected: l
+	selected: p
 };
 //#endregion
-export { s as disabledStyles, e as focusRing, t as focusRingInset, u as forcedColors, n as inputBase, r as inputFocus, i as inputFocusWithin, a as inputInvalid, o as inputInvalidWithin, c as motionSafeTransition };
+export { d as disabledStyles, e as focusRing, t as focusRingInset, m as forcedColors, o as hitAreaLayer, a as inputAppearanceClasses, s as inputFocus, c as inputFocusWithin, n as inputHeightClasses, l as inputInvalid, u as inputInvalidWithin, i as inputPaddingClasses, r as inputTextClasses, f as motionSafeTransition };
 
 //# sourceMappingURL=styles.mjs.map

package/dist/lib/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":["focusRing","focusRingInset","inputBase","inputFocus","inputFocusWithin","inputInvalid","inputInvalidWithin","disabledStyles","motionSafeTransition","selectedLeaf","forcedColors"],"sources":["../../src/lib/styles.ts"],"sourcesContent":["/**\n * Shared class-string recipes. They are plain literals so Tailwind's scanner (`@source ../lib`)\n * generates every utility; compose them with `cn()` before the consumer's `className`.\n */\n\n/** Focus-visible ring for focusable controls (C-FOCUS). */\nexport const focusRing =\n  'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';\n\n/** Focus-visible ring drawn inside the element: cells, rows, list and menu items. */\nexport const focusRingInset =\n  'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring';\n\n/** Ring on a container while any descendant has focus. */\nexport const focusWithinRing =\n  'focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring';\n\n/** Base look of text-entry controls (Input, Textarea, Select, picker inputs). */\nexport const inputBase =\n  'h-8 w-full rounded border border-input bg-background px-3 text-body-1 text-foreground placeholder:text-muted-foreground';\n\n/**\n * Focus indicator of text-entry controls: a 2px primary bottom border. `focus:outline-hidden`\n * removes the outline while focused but — unlike `outline-none` — keeps a visible outline in\n * forced-colors mode, where the border colour change is not perceivable. (Scoped to `:focus` so\n * unfocused inputs do not show that outline in forced colors.)\n */\nexport const inputFocus = 'focus:outline-hidden focus:border-b-2 focus:border-b-primary';\n\n/**\n * Wrapper form of {@link inputFocus} for inputs rendered inside a styled wrapper (slots,\n * SearchBox, TagPicker). Put `focus:outline-hidden` on the inner control.\n */\nexport const inputFocusWithin = 'focus-within:border-b-2 focus-within:border-b-primary';\n\n/**\n * Invalid look of a text-entry control (Input, Select, Textarea, SearchBox, SpinButton, Combobox,\n * Dropdown, the picker inputs): the destructive border, kept on the bottom stroke while focused.\n * Apply it when the control's resolved `aria-invalid` is `true` (its own error state, the\n * consumer's `aria-invalid` or the surrounding Field's), after {@link inputBase} and\n * {@link inputFocus} in `cn()` so it replaces their border colours.\n */\nexport const inputInvalid = 'border-destructive focus:border-b-destructive';\n\n/**\n * Wrapper form of {@link inputInvalid} for a control drawn by a styled wrapper around the\n * focusable input (Input with slots, SpinButton), placed after {@link inputFocusWithin}.\n */\nexport const inputInvalidWithin = 'border-destructive focus-within:border-b-destructive';\n\n/**\n * Disabled look for native `disabled` and `aria-disabled` (C-DISABLED) controls. An\n * `aria-disabled` control that keeps keyboard focus (a self-disabling Pagination or Carousel\n * button) goes back to full opacity while it shows its focus ring, which `opacity` would dim below\n * 3:1, as a `disabledFocusable` button does.\n */\nexport const disabledStyles =\n  'disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100';\n\n/** Colour-transition recipe that is switched off for reduced motion (C-MOTION). */\nexport const motionSafeTransition = 'transition motion-reduce:transition-none';\n\nconst selectedLeaf =\n  'forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none';\n\n/**\n * Forced-colors (Windows High Contrast) recipes, built from system colours.\n */\nexport const forcedColors = {\n  /**\n   * Selected/checked state of a **leaf indicator** — Switch thumb, check glyph, radio dot,\n   * progress fill, selected day cell. Opts the element out of forced colours so the Highlight\n   * fill shows. Never use it on containers: `forced-color-adjust` is inherited and would opt\n   * every descendant (text, icons) of a row/option/card out of forced colours too.\n   */\n  selectedLeaf,\n  /**\n   * Selected state of a **container** — options, rows, cards, tabs. A Highlight outline as the\n   * non-colour indicator; the browser keeps system colours for the content.\n   */\n  selectedContainer:\n    'forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2',\n  /** Border of a control (Switch track, Checkbox box, Radio circle). */\n  control: 'forced-colors:border-[ButtonText]',\n  /** Border of a non-interactive surface (tracks, separators). */\n  border: 'forced-colors:border-[CanvasText]',\n  /**\n   * Fill of a **leaf indicator drawn with its own background** that must stay visible in forced\n   * colors, where author backgrounds become Canvas: a step dot or connector, a pager dot, a\n   * progress segment. Paints `Highlight` and opts the element out of forced colors\n   * (`forced-color-adjust` is inherited: leaf elements only, as with `selectedLeaf`).\n   *\n   * It only colors the element's own background, so it cannot reach an indicator drawn by a\n   * pseudo-element or a border: use `rangeInput` for a native range input (Slider) and `ringArc`\n   * for a border-drawn ring (Spinner).\n   */\n  fill: 'forced-colors:bg-[Highlight] forced-colors:forced-color-adjust-none',\n  /**\n   * A native `<input type=\"range\">` drawn through its track and thumb pseudo-elements (Slider):\n   * put it on the input, after the normal-mode classes. It opts the input out of forced colors\n   * and, because the pseudo-elements inherit that opt-out, gives every part the input paints a\n   * system color: the rail `CanvasText`, the thumb `Highlight` with a `Canvas` edge, rail and\n   * thumb `GrayText` while disabled, and the focus-visible outline `Highlight` (the opt-out would\n   * otherwise keep the author ring color). Covers the Blink/WebKit (`::-webkit-slider-*`) and\n   * Firefox (`::-moz-range-*`) parts.\n   */\n  rangeInput:\n    'forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]',\n  /**\n   * Arc of a **ring drawn with borders** whose top side is the arc (Spinner): put it on the ring,\n   * after its border classes. Forced colors would give all four sides the same system color, so\n   * the arc would disappear into the track. It opts the ring out of forced colors, hides the\n   * track in `Canvas` and draws the arc in `Highlight`. Leaf elements only, as with `fill`.\n   */\n  ringArc:\n    'forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]',\n  /** Disabled text and borders. */\n  disabled: 'forced-colors:text-[GrayText] forced-colors:border-[GrayText]',\n  /**\n   * @deprecated Ambiguous: use `selectedLeaf` for leaf indicators or `selectedContainer` for\n   * containers. Kept as an alias of `selectedLeaf`.\n   */\n  selected: selectedLeaf,\n} as const;\n"],"mappings":";AAMA,IAAaA,IACX,qFAGWC,IACX,sFAOWC,IACX,2HAQWC,IAAa,gEAMbC,IAAmB,yDASnBC,IAAe,iDAMfC,IAAqB,wDAQrBC,IACX,qJAGWC,IAAuB,4CAE9BC,IACJ,0GAKWC,IAAe;CAO1B;CAKA,mBACE;CAEF,SAAS;CAET,QAAQ;CAWR,MAAM;CAUN,YACE;CAOF,SACE;CAEF,UAAU;CAKV,UAAUD;AACZ"}
+{"version":3,"file":"styles.mjs","names":["focusRing","focusRingInset","inputHeightClasses","inputTextClasses","inputPaddingClasses","inputAppearanceClasses","hitAreaLayer","inputFocus","inputFocusWithin","inputInvalid","inputInvalidWithin","disabledStyles","motionSafeTransition","selectedLeaf","forcedColors"],"sources":["../../src/lib/styles.ts"],"sourcesContent":["/**\n * Shared class-string recipes. They are plain literals so Tailwind's scanner (`@source ../lib`)\n * generates every utility; compose them with `cn()` before the consumer's `className`.\n */\nimport type { CoreSize, InputAppearance } from './types';\n\n/** Focus-visible ring for focusable controls (C-FOCUS). */\nexport const focusRing =\n  'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';\n\n/** Focus-visible ring drawn inside the element: cells, rows, list and menu items. */\nexport const focusRingInset =\n  'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring';\n\n/** Ring on a container while any descendant has focus. */\nexport const focusWithinRing =\n  'focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring';\n\n/**\n * Base look of text-entry controls (Input, Textarea, Select, picker inputs).\n * @deprecated Compose inputHeightClasses, inputTextClasses, inputPaddingClasses and\n * inputAppearanceClasses.\n */\nexport const inputBase =\n  'h-8 w-full rounded border border-input bg-background px-3 text-body-1 text-foreground placeholder:text-muted-foreground';\n\n/** Height of a text control or picker per size: 24, 32 or 40px. */\nexport const inputHeightClasses: Readonly<Record<CoreSize, string>> = {\n  small: 'h-6',\n  medium: 'h-8',\n  large: 'h-10',\n};\n\n/** Type ramp of a text control or picker per size. */\nexport const inputTextClasses: Readonly<Record<CoreSize, string>> = {\n  small: 'text-caption-1',\n  medium: 'text-body-1',\n  large: 'text-body-2',\n};\n\n/** Horizontal padding of a text control drawn on its own element, per size: 8, 12 or 16px. */\nexport const inputPaddingClasses: Readonly<Record<CoreSize, string>> = {\n  small: 'px-2',\n  medium: 'px-3',\n  large: 'px-4',\n};\n\n/**\n * Fill, strokes and corners of each appearance, for a field drawn on its own element or on a\n * wrapper. Compose the focus and invalid recipes after it: they recolor the borders the appearance\n * draws. The filled appearances have a transparent stroke (a visible one in the high-contrast\n * theme). In forced colors, the filled appearances and the one with only a bottom stroke draw their\n * border in the system's button text color, so every appearance keeps a visible boundary.\n */\nexport const inputAppearanceClasses: Readonly<Record<InputAppearance, string>> = {\n  outline: 'rounded border border-input border-b-stroke-accessible bg-background',\n  underline:\n    'rounded-none border-0 border-b border-b-stroke-accessible bg-transparent forced-colors:border-[ButtonText]',\n  'filled-darker':\n    'rounded border border-input-filled-stroke bg-input-filled-darker forced-colors:border-[ButtonText]',\n  'filled-lighter':\n    'rounded border border-input-filled-stroke bg-input-filled-lighter forced-colors:border-[ButtonText]',\n};\n\n/**\n * Extends a 20px control's pointer target to 24px (WCAG 2.5.8): a transparent layer 2px beyond\n * each edge. The element must be positioned: the picker buttons already are, and any other element\n * sets its own position (the recipe sets none, because cn() would then replace the position of a\n * picker button).\n */\nexport const hitAreaLayer = 'before:absolute before:-inset-0.5';\n\n/**\n * Focus indicator of text-entry controls: a 2px primary bottom border. `focus:outline-hidden`\n * removes the outline while focused but — unlike `outline-none` — keeps a visible outline in\n * forced-colors mode, where the border colour change is not perceivable. (Scoped to `:focus` so\n * unfocused inputs do not show that outline in forced colors.)\n */\nexport const inputFocus = 'focus:outline-hidden focus:border-b-2 focus:border-b-primary';\n\n/**\n * Wrapper form of {@link inputFocus} for inputs rendered inside a styled wrapper (slots,\n * SearchBox, TagPicker). Put `focus:outline-hidden` on the inner control.\n */\nexport const inputFocusWithin = 'focus-within:border-b-2 focus-within:border-b-primary';\n\n/**\n * Invalid look of a text-entry control (Input, Select, Textarea, SearchBox, SpinButton, Combobox,\n * Dropdown, the picker inputs), for every appearance: the destructive color on every border the\n * appearance draws. Apply it when the control's resolved `aria-invalid` is `true`, after the\n * appearance and {@link inputFocus} in `cn()`: while the control is focused, the focus recipe\n * colors the 2px bottom border and the other borders stay destructive.\n */\nexport const inputInvalid = 'border-destructive';\n\n/**\n * Wrapper form of {@link inputInvalid} for a control drawn by a styled wrapper around the\n * focusable input (Input with slots, SearchBox, SpinButton, TagPicker), placed after\n * {@link inputFocusWithin}.\n */\nexport const inputInvalidWithin = 'border-destructive';\n\n/**\n * Disabled look for native `disabled` and `aria-disabled` (C-DISABLED) controls. An\n * `aria-disabled` control that keeps keyboard focus (a self-disabling Pagination or Carousel\n * button) goes back to full opacity while it shows its focus ring, which `opacity` would dim below\n * 3:1, as a `disabledFocusable` button does.\n */\nexport const disabledStyles =\n  'disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100';\n\n/** Colour-transition recipe that is switched off for reduced motion (C-MOTION). */\nexport const motionSafeTransition = 'transition motion-reduce:transition-none';\n\nconst selectedLeaf =\n  'forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:forced-color-adjust-none';\n\n/**\n * Forced-colors (Windows High Contrast) recipes, built from system colours.\n */\nexport const forcedColors = {\n  /**\n   * Selected/checked state of a **leaf indicator** — Switch thumb, check glyph, radio dot,\n   * progress fill, selected day cell. Opts the element out of forced colours so the Highlight\n   * fill shows. Never use it on containers: `forced-color-adjust` is inherited and would opt\n   * every descendant (text, icons) of a row/option/card out of forced colours too.\n   */\n  selectedLeaf,\n  /**\n   * Selected state of a **container** — options, rows, cards, tabs. A Highlight outline as the\n   * non-colour indicator; the browser keeps system colours for the content.\n   */\n  selectedContainer:\n    'forced-colors:outline-2 forced-colors:outline-[Highlight] forced-colors:-outline-offset-2',\n  /** Border of a control (Switch track, Checkbox box, Radio circle). */\n  control: 'forced-colors:border-[ButtonText]',\n  /** Border of a non-interactive surface (tracks, separators). */\n  border: 'forced-colors:border-[CanvasText]',\n  /**\n   * Fill of a **leaf indicator drawn with its own background** that must stay visible in forced\n   * colors, where author backgrounds become Canvas: a step dot or connector, a pager dot, a\n   * progress segment. Paints `Highlight` and opts the element out of forced colors\n   * (`forced-color-adjust` is inherited: leaf elements only, as with `selectedLeaf`).\n   *\n   * It only colors the element's own background, so it cannot reach an indicator drawn by a\n   * pseudo-element or a border: use `rangeInput` for a native range input (Slider) and `ringArc`\n   * for a border-drawn ring (Spinner).\n   */\n  fill: 'forced-colors:bg-[Highlight] forced-colors:forced-color-adjust-none',\n  /**\n   * A native `<input type=\"range\">` drawn through its track and thumb pseudo-elements (Slider):\n   * put it on the input, after the normal-mode classes. It opts the input out of forced colors\n   * and, because the pseudo-elements inherit that opt-out, gives every part the input paints a\n   * system color: the rail `CanvasText`, the thumb `Highlight` with a `Canvas` edge, rail and\n   * thumb `GrayText` while disabled, and the focus-visible outline `Highlight` (the opt-out would\n   * otherwise keep the author ring color). Covers the Blink/WebKit (`::-webkit-slider-*`) and\n   * Firefox (`::-moz-range-*`) parts.\n   */\n  rangeInput:\n    'forced-colors:forced-color-adjust-none forced-colors:[&::-webkit-slider-runnable-track]:bg-[CanvasText] forced-colors:[&::-moz-range-track]:bg-[CanvasText] forced-colors:[&::-webkit-slider-thumb]:bg-[Highlight] forced-colors:[&::-webkit-slider-thumb]:border-[Canvas] forced-colors:[&::-moz-range-thumb]:bg-[Highlight] forced-colors:[&::-moz-range-thumb]:border-[Canvas] forced-colors:disabled:[&::-webkit-slider-runnable-track]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-track]:bg-[GrayText] forced-colors:disabled:[&::-webkit-slider-thumb]:bg-[GrayText] forced-colors:disabled:[&::-moz-range-thumb]:bg-[GrayText] forced-colors:focus-visible:outline-[Highlight]',\n  /**\n   * Arc of a **ring drawn with borders** whose top side is the arc (Spinner): put it on the ring,\n   * after its border classes. Forced colors would give all four sides the same system color, so\n   * the arc would disappear into the track. It opts the ring out of forced colors, hides the\n   * track in `Canvas` and draws the arc in `Highlight`. Leaf elements only, as with `fill`.\n   */\n  ringArc:\n    'forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:border-t-[Highlight]',\n  /** Disabled text and borders. */\n  disabled: 'forced-colors:text-[GrayText] forced-colors:border-[GrayText]',\n  /**\n   * @deprecated Ambiguous: use `selectedLeaf` for leaf indicators or `selectedContainer` for\n   * containers. Kept as an alias of `selectedLeaf`.\n   */\n  selected: selectedLeaf,\n} as const;\n"],"mappings":";AAOA,IAAaA,IACX,qFAGWC,IACX,sFAeWC,IAAyD;CACpE,OAAO;CACP,QAAQ;CACR,OAAO;AACT,GAGaC,IAAuD;CAClE,OAAO;CACP,QAAQ;CACR,OAAO;AACT,GAGaC,IAA0D;CACrE,OAAO;CACP,QAAQ;CACR,OAAO;AACT,GASaC,IAAoE;CAC/E,SAAS;CACT,WACE;CACF,iBACE;CACF,kBACE;AACJ,GAQaC,IAAe,qCAQfC,IAAa,gEAMbC,IAAmB,yDASnBC,IAAe,sBAOfC,IAAqB,sBAQrBC,IACX,qJAGWC,IAAuB,4CAE9BC,IACJ,0GAKWC,IAAe;CAO1B;CAKA,mBACE;CAEF,SAAS;CAET,QAAQ;CAWR,MAAM;CAUN,YACE;CAOF,SACE;CAEF,UAAU;CAKV,UAAUD;AACZ"}

package/dist/lib/toaster.cjs

@@ -0,0 +1,2 @@
+const e=require("./globalRegistry.cjs");function t(e){if(typeof e!=`object`||!e||`$$typeof`in e||Symbol.iterator in e||typeof e.then==`function`)return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null}var n=e.getGlobalRegistry(`toasterHandles`,()=>({states:new WeakMap,count:0}));function r(){n.count+=1;let e=`wave-toaster-h${n.count}`,r=0,i={controller:null,owner:null,queue:[]},a=()=>(r+=1,`${e}-${r}`),o=(e,t)=>{if(typeof window>`u`)return e;if(i.controller)return t(i.controller),e;let n=i.queue.findIndex(t=>t.id===e);return n===-1?i.queue.push({id:e,run:t}):i.queue[n]={id:e,run:t},e};function s(e,n){if(t(e)){let t=e.toastId??a(),n={...e,toastId:t};return o(t,e=>{e.dispatchToast(n)})}let r=n?.toastId??a(),i={...n,toastId:r};return o(r,t=>{t.dispatchToast(e,i)})}let c={dispatchToast:s,dismissToast(e){i.controller?i.controller.dismissToast(e):i.queue=i.queue.filter(t=>t.id!==e)},dismissAllToasts(){i.controller?i.controller.dismissAllToasts():i.queue=[]}};return n.states.set(c,i),c}function i(e,t,r){let i=n.states.get(e);if(!i)return{status:`unknown`};if(i.owner!==null&&i.owner!==t)return{status:`taken`};i.owner=t,i.controller=r;let a=i.queue;i.queue=[];for(let e of a)e.run(r);return{status:`bound`,unbind:()=>{i.owner===t&&(i.owner=null,i.controller=null)}}}exports.bindToasterHandle=i,exports.createToaster=r,exports.isToastOptions=t;
+//# sourceMappingURL=toaster.cjs.map

package/dist/lib/toaster.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.cjs","names":["getGlobalRegistry","require_globalRegistry","isToastOptions","value","proto","handleRegistry","createToaster","prefix","dispatchCount","state","nextId","send","id","run","index","call","dispatchToast","first","options","controller","second","handle","bindToasterHandle","owner","queued"],"sources":["../../src/lib/toaster.ts"],"sourcesContent":["/**\n * The toaster module (P3-01, P3-08): the options recogniser and the toaster handle. Server-safe:\n * it imports only types (and the dependency-free global registry) and touches no DOM, so a Server\n * Component may import it.\n */\nimport type * as React from 'react';\nimport { getGlobalRegistry } from './globalRegistry';\nimport type {\n  ToastController,\n  ToastDispatchOptions,\n  ToastOptions,\n} from '../components/feedback/Toaster';\n\n/**\n * Whether a `dispatchToast` argument is the options form (0.5): a plain object (prototype\n * `Object.prototype` or `null`, from any realm) that is no React node — no `$$typeof`, not\n * iterable, not a thenable (the slot-object rule of `src/lib/slot.ts`). Anything else is content:\n * an element, a portal, a string, a number, an array or another iterable, a thenable, `null`.\n */\nexport function isToastOptions(value: unknown): value is ToastOptions {\n  if (typeof value !== 'object' || value === null) return false;\n  if ('$$typeof' in value || Symbol.iterator in value) return false;\n  if (typeof (value as { then?: unknown }).then === 'function') return false;\n  const proto: unknown = Object.getPrototypeOf(value);\n  return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null;\n}\n\n/**\n * A toast controller that code outside React components can call (a query-cache callback, a\n * server-event handler, a shared helper). Bind it to one Toaster with `<Toaster toaster={handle}>`;\n * toasts dispatched through it render there. One handle per Toaster is also how an app runs\n * several Toasters (Fluent's `toasterId`).\n */\nexport type ToasterHandle = ToastController;\n\n/** A dispatch waiting for a Toaster to bind the handle. */\ninterface QueuedDispatch {\n  id: string;\n  run: (controller: ToastController) => void;\n}\n\n/** The internal state of a handle, never reachable from the handle itself. */\ninterface HandleState {\n  controller: ToastController | null;\n  /** The Toaster the handle is bound to (an identity token), or `null`. */\n  owner: object | null;\n  queue: QueuedDispatch[];\n}\n\n/** Shared by the ESM and CJS copies of the library, so either copy's Toaster binds either's handle. */\nconst handleRegistry = getGlobalRegistry('toasterHandles', () => ({\n  states: new WeakMap<object, HandleState>(),\n  count: 0,\n}));\n\n/**\n * Creates a handle. It touches no DOM, so a module-scope handle is safe during server rendering;\n * a dispatch on the server does nothing (it returns the id), so no toast is carried from one\n * request to the next.\n *\n * - `dispatchToast` returns the id at once: `toastId`, or one the handle generates.\n * - Before a Toaster binds the handle, dispatches wait in its queue, in dispatch order (a dispatch\n *   with the id of a waiting one replaces it in place); `dismissToast` removes a waiting toast and\n *   `dismissAllToasts` empties the queue. The Toaster that binds takes the queue.\n *\n * @example\n * export const appToaster = createToaster();\n * // <Toaster toaster={appToaster}><App /></Toaster>\n * queryClient.getMutationCache().config.onError = () => {\n *   appToaster.dispatchToast({ status: 'error', title: 'Could not save' });\n * };\n */\nexport function createToaster(): ToasterHandle {\n  handleRegistry.count += 1;\n  const prefix = `wave-toaster-h${handleRegistry.count}`;\n  let dispatchCount = 0;\n  const state: HandleState = { controller: null, owner: null, queue: [] };\n  const nextId = () => {\n    dispatchCount += 1;\n    return `${prefix}-${dispatchCount}`;\n  };\n  const send = (id: string, run: (controller: ToastController) => void): string => {\n    if (typeof window === 'undefined') return id;\n    if (state.controller) {\n      run(state.controller);\n      return id;\n    }\n    const index = state.queue.findIndex((call) => call.id === id);\n    if (index === -1) state.queue.push({ id, run });\n    else state.queue[index] = { id, run };\n    return id;\n  };\n\n  function dispatchToast(content: React.ReactNode, options?: ToastDispatchOptions): string;\n  function dispatchToast(options: ToastOptions): string;\n  function dispatchToast(\n    first: React.ReactNode | ToastOptions,\n    second?: ToastDispatchOptions,\n  ): string {\n    if (isToastOptions(first)) {\n      const id = first.toastId ?? nextId();\n      const options: ToastOptions = { ...first, toastId: id };\n      return send(id, (controller) => {\n        controller.dispatchToast(options);\n      });\n    }\n    const id = second?.toastId ?? nextId();\n    const options: ToastDispatchOptions = { ...second, toastId: id };\n    return send(id, (controller) => {\n      controller.dispatchToast(first, options);\n    });\n  }\n\n  const handle: ToasterHandle = {\n    dispatchToast,\n    dismissToast(id) {\n      if (state.controller) state.controller.dismissToast(id);\n      else state.queue = state.queue.filter((call) => call.id !== id);\n    },\n    dismissAllToasts() {\n      if (state.controller) state.controller.dismissAllToasts();\n      else state.queue = [];\n    },\n  };\n  handleRegistry.states.set(handle, state);\n  return handle;\n}\n\n/** The result of {@link bindToasterHandle}. */\nexport type ToasterHandleBinding =\n  { status: 'bound'; unbind: () => void } | { status: 'taken' } | { status: 'unknown' };\n\n/**\n * Internal (the Toaster's layout effect; not exported from the package): binds `handle` to the\n * controller of the Toaster identified by `owner` and replays the queue in dispatch order. A handle\n * bound to another mounted Toaster is `taken`; an object that `createToaster()` did not make is\n * `unknown`. The same owner binding again (StrictMode's remount) finds the queue already taken.\n */\nexport function bindToasterHandle(\n  handle: ToastController,\n  owner: object,\n  controller: ToastController,\n): ToasterHandleBinding {\n  const state = handleRegistry.states.get(handle);\n  if (!state) return { status: 'unknown' };\n  if (state.owner !== null && state.owner !== owner) return { status: 'taken' };\n  state.owner = owner;\n  state.controller = controller;\n  const queued = state.queue;\n  state.queue = [];\n  for (const call of queued) call.run(controller);\n  return {\n    status: 'bound',\n    unbind: () => {\n      if (state.owner !== owner) return;\n      state.owner = null;\n      state.controller = null;\n    },\n  };\n}\n"],"mappings":"wCAmBA,SAAgBE,EAAe,EAAuC,CAGpE,GAFI,OAAOC,GAAU,WAAYA,GAC7B,aAAcA,GAAS,OAAO,YAAYA,GAC1C,OAAQA,EAA6B,MAAS,WAAY,MAAO,GACrE,IAAMC,EAAiB,OAAO,eAAeD,CAAK,EAClD,OAAOC,IAAU,MAAQA,IAAU,OAAO,WAAa,OAAO,eAAeA,CAAK,IAAM,IAC1F,CAyBA,IAAMC,EAAiBL,EAAAA,kBAAkB,sBAAyB,CAChE,OAAQ,IAAI,QACZ,MAAO,CACT,EAAE,EAmBF,SAAgBM,GAA+B,CAC7C,EAAe,OAAS,EACxB,IAAMC,EAAS,iBAAiBF,EAAe,QAC3CG,EAAgB,EACdC,EAAqB,CAAE,WAAY,KAAM,MAAO,KAAM,MAAO,CAAC,CAAE,EAChEC,OACJ,GAAiB,EACV,GAAGH,EAAO,GAAGC,KAEhBG,GAAQ,EAAY,IAAuD,CAC/E,GAAI,OAAO,OAAW,IAAa,OAAOC,EAC1C,GAAIH,EAAM,WAER,OADAI,EAAIJ,EAAM,UAAU,EACbG,EAET,IAAME,EAAQL,EAAM,MAAM,UAAW,GAASM,EAAK,KAAOH,CAAE,EAG5D,OAFIE,IAAU,GAAIL,EAAM,MAAM,KAAK,CAAE,KAAI,KAAI,CAAC,EACzC,EAAM,MAAMK,GAAS,CAAE,KAAI,KAAI,EAC7BF,CACT,EAIA,SAASI,EACP,EACA,EACQ,CACR,GAAId,EAAee,CAAK,EAAG,CACzB,IAAML,EAAKK,EAAM,SAAWP,EAAO,EAC7BQ,EAAwB,CAAE,GAAGD,EAAO,QAASL,CAAG,EACtD,OAAOD,EAAKC,EAAK,GAAe,CAC9BO,EAAW,cAAcD,CAAO,CAClC,CAAC,CACH,CACA,IAAMN,EAAKQ,GAAQ,SAAWV,EAAO,EAC/BQ,EAAgC,CAAE,GAAGE,EAAQ,QAASR,CAAG,EAC/D,OAAOD,EAAKC,EAAK,GAAe,CAC9BO,EAAW,cAAcF,EAAOC,CAAO,CACzC,CAAC,CACH,CAEA,IAAMG,EAAwB,CAC5B,gBACA,aAAa,EAAI,CACXZ,EAAM,WAAYA,EAAM,WAAW,aAAaG,CAAE,EACjD,EAAM,MAAQH,EAAM,MAAM,OAAQ,GAASM,EAAK,KAAOH,CAAE,CAChE,EACA,kBAAmB,CACbH,EAAM,WAAYA,EAAM,WAAW,iBAAiB,EACnD,EAAM,MAAQ,CAAC,CACtB,CACF,EAEA,OADAJ,EAAe,OAAO,IAAIgB,EAAQZ,CAAK,EAChCY,CACT,CAYA,SAAgBC,EACd,EACA,EACA,EACsB,CACtB,IAAMb,EAAQJ,EAAe,OAAO,IAAIgB,CAAM,EAC9C,GAAI,CAACZ,EAAO,MAAO,CAAE,OAAQ,SAAU,EACvC,GAAIA,EAAM,QAAU,MAAQA,EAAM,QAAUc,EAAO,MAAO,CAAE,OAAQ,OAAQ,EAC5E,EAAM,MAAQA,EACd,EAAM,WAAaJ,EACnB,IAAMK,EAASf,EAAM,MACrB,EAAM,MAAQ,CAAC,EACf,IAAK,IAAMM,KAAQS,EAAQT,EAAK,IAAII,CAAU,EAC9C,MAAO,CACL,OAAQ,QACR,WAAc,CACRV,EAAM,QAAUc,IACpB,EAAM,MAAQ,KACd,EAAM,WAAa,KACrB,CACF,CACF"}

package/dist/lib/toaster.mjs

@@ -0,0 +1,77 @@
+import { getGlobalRegistry as e } from "./globalRegistry.mjs";
+//#region src/lib/toaster.ts
+function t(e) {
+	if (typeof e != "object" || !e || "$$typeof" in e || Symbol.iterator in e || typeof e.then == "function") return !1;
+	let t = Object.getPrototypeOf(e);
+	return t === null || t === Object.prototype || Object.getPrototypeOf(t) === null;
+}
+var n = e("toasterHandles", () => ({
+	states: /* @__PURE__ */ new WeakMap(),
+	count: 0
+}));
+function r() {
+	n.count += 1;
+	let e = `wave-toaster-h${n.count}`, r = 0, i = {
+		controller: null,
+		owner: null,
+		queue: []
+	}, a = () => (r += 1, `${e}-${r}`), o = (e, t) => {
+		if (typeof window > "u") return e;
+		if (i.controller) return t(i.controller), e;
+		let n = i.queue.findIndex((t) => t.id === e);
+		return n === -1 ? i.queue.push({
+			id: e,
+			run: t
+		}) : i.queue[n] = {
+			id: e,
+			run: t
+		}, e;
+	};
+	function s(e, n) {
+		if (t(e)) {
+			let t = e.toastId ?? a(), n = {
+				...e,
+				toastId: t
+			};
+			return o(t, (e) => {
+				e.dispatchToast(n);
+			});
+		}
+		let r = n?.toastId ?? a(), i = {
+			...n,
+			toastId: r
+		};
+		return o(r, (t) => {
+			t.dispatchToast(e, i);
+		});
+	}
+	let c = {
+		dispatchToast: s,
+		dismissToast(e) {
+			i.controller ? i.controller.dismissToast(e) : i.queue = i.queue.filter((t) => t.id !== e);
+		},
+		dismissAllToasts() {
+			i.controller ? i.controller.dismissAllToasts() : i.queue = [];
+		}
+	};
+	return n.states.set(c, i), c;
+}
+function i(e, t, r) {
+	let i = n.states.get(e);
+	if (!i) return { status: "unknown" };
+	if (i.owner !== null && i.owner !== t) return { status: "taken" };
+	i.owner = t, i.controller = r;
+	let a = i.queue;
+	i.queue = [];
+	for (let e of a) e.run(r);
+	return {
+		status: "bound",
+		unbind: () => {
+			i.owner === t && (i.owner = null, i.controller = null);
+		}
+	};
+}
+//#endregion
+export { i as bindToasterHandle, r as createToaster, t as isToastOptions };
+
+//# sourceMappingURL=toaster.mjs.map

package/dist/lib/toaster.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.mjs","names":["isToastOptions","value","proto","handleRegistry","getGlobalRegistry","createToaster","prefix","dispatchCount","state","nextId","send","id","run","index","call","dispatchToast","first","options","second","handle","bindToasterHandle","owner","controller","queued"],"sources":["../../src/lib/toaster.ts"],"sourcesContent":["/**\n * The toaster module (P3-01, P3-08): the options recogniser and the toaster handle. Server-safe:\n * it imports only types (and the dependency-free global registry) and touches no DOM, so a Server\n * Component may import it.\n */\nimport type * as React from 'react';\nimport { getGlobalRegistry } from './globalRegistry';\nimport type {\n  ToastController,\n  ToastDispatchOptions,\n  ToastOptions,\n} from '../components/feedback/Toaster';\n\n/**\n * Whether a `dispatchToast` argument is the options form (0.5): a plain object (prototype\n * `Object.prototype` or `null`, from any realm) that is no React node — no `$$typeof`, not\n * iterable, not a thenable (the slot-object rule of `src/lib/slot.ts`). Anything else is content:\n * an element, a portal, a string, a number, an array or another iterable, a thenable, `null`.\n */\nexport function isToastOptions(value: unknown): value is ToastOptions {\n  if (typeof value !== 'object' || value === null) return false;\n  if ('$$typeof' in value || Symbol.iterator in value) return false;\n  if (typeof (value as { then?: unknown }).then === 'function') return false;\n  const proto: unknown = Object.getPrototypeOf(value);\n  return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null;\n}\n\n/**\n * A toast controller that code outside React components can call (a query-cache callback, a\n * server-event handler, a shared helper). Bind it to one Toaster with `<Toaster toaster={handle}>`;\n * toasts dispatched through it render there. One handle per Toaster is also how an app runs\n * several Toasters (Fluent's `toasterId`).\n */\nexport type ToasterHandle = ToastController;\n\n/** A dispatch waiting for a Toaster to bind the handle. */\ninterface QueuedDispatch {\n  id: string;\n  run: (controller: ToastController) => void;\n}\n\n/** The internal state of a handle, never reachable from the handle itself. */\ninterface HandleState {\n  controller: ToastController | null;\n  /** The Toaster the handle is bound to (an identity token), or `null`. */\n  owner: object | null;\n  queue: QueuedDispatch[];\n}\n\n/** Shared by the ESM and CJS copies of the library, so either copy's Toaster binds either's handle. */\nconst handleRegistry = getGlobalRegistry('toasterHandles', () => ({\n  states: new WeakMap<object, HandleState>(),\n  count: 0,\n}));\n\n/**\n * Creates a handle. It touches no DOM, so a module-scope handle is safe during server rendering;\n * a dispatch on the server does nothing (it returns the id), so no toast is carried from one\n * request to the next.\n *\n * - `dispatchToast` returns the id at once: `toastId`, or one the handle generates.\n * - Before a Toaster binds the handle, dispatches wait in its queue, in dispatch order (a dispatch\n *   with the id of a waiting one replaces it in place); `dismissToast` removes a waiting toast and\n *   `dismissAllToasts` empties the queue. The Toaster that binds takes the queue.\n *\n * @example\n * export const appToaster = createToaster();\n * // <Toaster toaster={appToaster}><App /></Toaster>\n * queryClient.getMutationCache().config.onError = () => {\n *   appToaster.dispatchToast({ status: 'error', title: 'Could not save' });\n * };\n */\nexport function createToaster(): ToasterHandle {\n  handleRegistry.count += 1;\n  const prefix = `wave-toaster-h${handleRegistry.count}`;\n  let dispatchCount = 0;\n  const state: HandleState = { controller: null, owner: null, queue: [] };\n  const nextId = () => {\n    dispatchCount += 1;\n    return `${prefix}-${dispatchCount}`;\n  };\n  const send = (id: string, run: (controller: ToastController) => void): string => {\n    if (typeof window === 'undefined') return id;\n    if (state.controller) {\n      run(state.controller);\n      return id;\n    }\n    const index = state.queue.findIndex((call) => call.id === id);\n    if (index === -1) state.queue.push({ id, run });\n    else state.queue[index] = { id, run };\n    return id;\n  };\n\n  function dispatchToast(content: React.ReactNode, options?: ToastDispatchOptions): string;\n  function dispatchToast(options: ToastOptions): string;\n  function dispatchToast(\n    first: React.ReactNode | ToastOptions,\n    second?: ToastDispatchOptions,\n  ): string {\n    if (isToastOptions(first)) {\n      const id = first.toastId ?? nextId();\n      const options: ToastOptions = { ...first, toastId: id };\n      return send(id, (controller) => {\n        controller.dispatchToast(options);\n      });\n    }\n    const id = second?.toastId ?? nextId();\n    const options: ToastDispatchOptions = { ...second, toastId: id };\n    return send(id, (controller) => {\n      controller.dispatchToast(first, options);\n    });\n  }\n\n  const handle: ToasterHandle = {\n    dispatchToast,\n    dismissToast(id) {\n      if (state.controller) state.controller.dismissToast(id);\n      else state.queue = state.queue.filter((call) => call.id !== id);\n    },\n    dismissAllToasts() {\n      if (state.controller) state.controller.dismissAllToasts();\n      else state.queue = [];\n    },\n  };\n  handleRegistry.states.set(handle, state);\n  return handle;\n}\n\n/** The result of {@link bindToasterHandle}. */\nexport type ToasterHandleBinding =\n  { status: 'bound'; unbind: () => void } | { status: 'taken' } | { status: 'unknown' };\n\n/**\n * Internal (the Toaster's layout effect; not exported from the package): binds `handle` to the\n * controller of the Toaster identified by `owner` and replays the queue in dispatch order. A handle\n * bound to another mounted Toaster is `taken`; an object that `createToaster()` did not make is\n * `unknown`. The same owner binding again (StrictMode's remount) finds the queue already taken.\n */\nexport function bindToasterHandle(\n  handle: ToastController,\n  owner: object,\n  controller: ToastController,\n): ToasterHandleBinding {\n  const state = handleRegistry.states.get(handle);\n  if (!state) return { status: 'unknown' };\n  if (state.owner !== null && state.owner !== owner) return { status: 'taken' };\n  state.owner = owner;\n  state.controller = controller;\n  const queued = state.queue;\n  state.queue = [];\n  for (const call of queued) call.run(controller);\n  return {\n    status: 'bound',\n    unbind: () => {\n      if (state.owner !== owner) return;\n      state.owner = null;\n      state.controller = null;\n    },\n  };\n}\n"],"mappings":";;AAmBA,SAAgBA,EAAe,GAAuC;CAGpE,IAFI,OAAOC,KAAU,aAAYA,KAC7B,cAAcA,KAAS,OAAO,YAAYA,KAC1C,OAAQA,EAA6B,QAAS,YAAY,OAAO;CACrE,IAAMC,IAAiB,OAAO,eAAeD,CAAK;CAClD,OAAOC,MAAU,QAAQA,MAAU,OAAO,aAAa,OAAO,eAAeA,CAAK,MAAM;AAC1F;AAyBA,IAAMC,IAAiBC,EAAkB,yBAAyB;CAChE,wBAAQ,IAAI,QAA6B;CACzC,OAAO;AACT,EAAE;AAmBF,SAAgBC,IAA+B;CAC7C,EAAe,SAAS;CACxB,IAAMC,IAAS,iBAAiBH,EAAe,SAC3CI,IAAgB,GACdC,IAAqB;EAAE,YAAY;EAAM,OAAO;EAAM,OAAO,CAAC;CAAE,GAChEC,WACJ,KAAiB,GACV,GAAGH,EAAO,GAAGC,MAEhBG,KAAQ,GAAY,MAAuD;EAC/E,IAAI,OAAO,SAAW,KAAa,OAAOC;EAC1C,IAAIH,EAAM,YAER,OADAI,EAAIJ,EAAM,UAAU,GACbG;EAET,IAAME,IAAQL,EAAM,MAAM,WAAW,MAASM,EAAK,OAAOH,CAAE;EAG5D,OAFIE,MAAU,KAAIL,EAAM,MAAM,KAAK;GAAE;GAAI;EAAI,CAAC,IACzC,EAAM,MAAMK,KAAS;GAAE;GAAI;EAAI,GAC7BF;CACT;CAIA,SAASI,EACP,GACA,GACQ;EACR,IAAIf,EAAegB,CAAK,GAAG;GACzB,IAAML,IAAKK,EAAM,WAAWP,EAAO,GAC7BQ,IAAwB;IAAE,GAAGD;IAAO,SAASL;GAAG;GACtD,OAAOD,EAAKC,IAAK,MAAe;IAC9B,EAAW,cAAcM,CAAO;GAClC,CAAC;EACH;EACA,IAAMN,IAAKO,GAAQ,WAAWT,EAAO,GAC/BQ,IAAgC;GAAE,GAAGC;GAAQ,SAASP;EAAG;EAC/D,OAAOD,EAAKC,IAAK,MAAe;GAC9B,EAAW,cAAcK,GAAOC,CAAO;EACzC,CAAC;CACH;CAEA,IAAME,IAAwB;EAC5B;EACA,aAAa,GAAI;GACf,AAAIX,EAAM,aAAYA,EAAM,WAAW,aAAaG,CAAE,IACjD,EAAM,QAAQH,EAAM,MAAM,QAAQ,MAASM,EAAK,OAAOH,CAAE;EAChE;EACA,mBAAmB;GACjB,AAAIH,EAAM,aAAYA,EAAM,WAAW,iBAAiB,IACnD,EAAM,QAAQ,CAAC;EACtB;CACF;CAEA,OADAL,EAAe,OAAO,IAAIgB,GAAQX,CAAK,GAChCW;AACT;AAYA,SAAgBC,EACd,GACA,GACA,GACsB;CACtB,IAAMZ,IAAQL,EAAe,OAAO,IAAIgB,CAAM;CAC9C,IAAI,CAACX,GAAO,OAAO,EAAE,QAAQ,UAAU;CACvC,IAAIA,EAAM,UAAU,QAAQA,EAAM,UAAUa,GAAO,OAAO,EAAE,QAAQ,QAAQ;CAE5E,AADA,EAAM,QAAQA,GACd,EAAM,aAAaC;CACnB,IAAMC,IAASf,EAAM;CACrB,EAAM,QAAQ,CAAC;CACf,KAAK,IAAMM,KAAQS,GAAQ,EAAK,IAAID,CAAU;CAC9C,OAAO;EACL,QAAQ;EACR,cAAc;GACZ,AAAId,EAAM,UAAUa,MACpB,EAAM,QAAQ,MACd,EAAM,aAAa;EACrB;CACF;AACF"}