@exponential-at/ui 0.0.0-stage → 0.1.0

package/dist/web/index.js

@@ -0,0 +1,2303 @@
+// packages/exponential-ui/src/web/theme-css.ts
+import { ANIMATIONS, animatesOpacity, coreCatalog, easingCss, parseTokenRef, shadowCss } from "@exponential-at/ui";
+var LAYERS = `@layer xui-base, xui-recipe, xui-node, xui-part;`;
+var UNITLESS = new Set([`flexGrow`, `flexShrink`, `opacity`, `fontWeight`, `aspectRatio`, `zIndex`]);
+var kebab = (key) => key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+function tokenVarName(ref) {
+  const parsed = parseTokenRef(ref);
+  if (!parsed)
+    return null;
+  const { group, name } = parsed;
+  if (group === `type.family`)
+    return `--xui-font-${name}`;
+  return `--xui-${group.replace(/\./g, `-`)}-${name}`;
+}
+function tokenVar(ref) {
+  const name = tokenVarName(ref);
+  return name ? `var(${name})` : null;
+}
+function cssString(text) {
+  return `"${text.replace(/\\/g, `\\\\`).replace(/"/g, `\\"`)}"`;
+}
+function fontStack(family, fonts) {
+  const fallback = fonts[family]?.fallback;
+  return fallback ? `${cssString(family)}, ${fallback}` : cssString(family);
+}
+function cssValue(key, value, fonts = {}) {
+  if (value === undefined || value === null || typeof value === `boolean`)
+    return null;
+  if (typeof value === `string` && value.startsWith(`var(--xd-`))
+    return value;
+  if (typeof value === `string` && value.startsWith(`$`)) {
+    const v = tokenVar(value);
+    if (v)
+      return v;
+  }
+  if (key === `boxShadow`)
+    return Array.isArray(value) ? shadowCss(value) : String(value);
+  if (key === `fontFamily`)
+    return fontStack(String(value), fonts);
+  if (key === `gridTemplateAreas` && Array.isArray(value))
+    return value.map((row) => `"${row}"`).join(` `);
+  if (key === `backgroundGradient`)
+    return gradientValue(value);
+  if (key === `transitionEasing`)
+    return Array.isArray(value) ? easingCss(value) : String(value);
+  if (key === `transition`)
+    return typeof value === `number` ? `${value}ms` : String(value);
+  if (typeof value === `object`)
+    return null;
+  if (typeof value === `number`)
+    return UNITLESS.has(key) ? String(value) : `${value}px`;
+  if ((key === `overflow` || key === `overflowX` || key === `overflowY`) && value === `hidden`)
+    return `clip`;
+  return String(value);
+}
+function gradientValue(value) {
+  if (typeof value !== `object` || value === null)
+    return null;
+  const g = value;
+  if (!Array.isArray(g.stops) || g.stops.length < 2)
+    return null;
+  const stops = g.stops.map((s) => {
+    const color = typeof s.color === `string` && s.color.startsWith(`$`) ? tokenVar(s.color) ?? s.color : String(s.color);
+    return `${color} ${Math.round(Number(s.offset ?? 0) * 1e4) / 100}%`;
+  });
+  return `linear-gradient(${Number(g.angle ?? 180)}deg, ${stops.join(`, `)})`;
+}
+var SHORTHANDS = {
+  paddingHorizontal: [`padding-left`, `padding-right`],
+  paddingVertical: [`padding-top`, `padding-bottom`],
+  marginHorizontal: [`margin-left`, `margin-right`],
+  marginVertical: [`margin-top`, `margin-bottom`],
+  backgroundGradient: [`background-image`],
+  transition: [`transition-property:all`, `transition-duration`],
+  transitionEasing: [`transition-timing-function`]
+};
+var BORDER_WIDTHS = [`borderWidth`, `borderTopWidth`, `borderRightWidth`, `borderBottomWidth`, `borderLeftWidth`];
+function declarations(style, fonts = {}, base) {
+  const out = [];
+  const animation = `animation` in style ? style.animation : base?.animation;
+  const multiply = typeof animation === `string` && animatesOpacity(animation) && ((`animation` in style) || (`opacity` in style));
+  for (const [key, value] of Object.entries(style)) {
+    if (key === `native` || key.startsWith(`@`) || key.startsWith(`:`))
+      continue;
+    if (typeof value === `object` && value !== null && !Array.isArray(value) && key !== `backgroundGradient`)
+      continue;
+    if (key === `backdropBlur`) {
+      const v = cssValue(key, value, fonts);
+      if (v)
+        out.push([`-webkit-backdrop-filter`, `blur(${v})`], [`backdrop-filter`, `blur(${v})`]);
+      continue;
+    }
+    if (key === `animation`) {
+      out.push(...animationDeclarations(value, style.animationDuration));
+      continue;
+    }
+    if (key === `animationDuration`) {
+      const v = typeof value === `string` ? tokenVar(value) : null;
+      if (v && !(`animation` in style))
+        out.push([`animation-duration`, `calc(${v} * var(--xui-anim-factor, 1))`]);
+      continue;
+    }
+    const css = cssValue(key, value, fonts);
+    if (css === null)
+      continue;
+    for (const target of SHORTHANDS[key] ?? [kebab(key)]) {
+      const fixed = target.indexOf(`:`);
+      if (fixed > 0)
+        out.push([target.slice(0, fixed), target.slice(fixed + 1)]);
+      else
+        out.push([target, css]);
+    }
+  }
+  if (multiply) {
+    const at = out.findIndex(([p]) => p === `opacity`);
+    const ownStyle = `opacity` in style ? style : base && (`opacity` in base) ? base : null;
+    const own = at >= 0 ? out[at][1] : ownStyle ? cssValue(`opacity`, ownStyle.opacity, fonts) : null;
+    const value = own === null ? `var(--xui-a-opacity, 1)` : `calc(${own} * var(--xui-a-opacity, 1))`;
+    if (at >= 0)
+      out[at] = [`opacity`, value];
+    else
+      out.push([`opacity`, value]);
+  }
+  if (!(`borderStyle` in style) && BORDER_WIDTHS.some((k) => (k in style)))
+    out.push([`border-style`, `solid`]);
+  return out;
+}
+function animationDeclarations(name, durationToken) {
+  const def = typeof name === `string` ? ANIMATIONS[name] : undefined;
+  if (!def)
+    return [[`animation-name`, `none`]];
+  const token = typeof durationToken === `string` && parseTokenRef(durationToken)?.group === `motion` ? durationToken : def.duration;
+  const ease = def.easing === `linear` ? `linear` : tokenVar(def.easing) ?? `linear`;
+  return [
+    [`--xui-anim-factor`, String(def.factor)],
+    [`animation-name`, `xui-${name}`],
+    [`animation-duration`, `calc(${tokenVar(token) ?? `0ms`} * ${def.factor})`],
+    [`animation-timing-function`, ease],
+    [`animation-iteration-count`, def.iterations === `infinite` ? `infinite` : String(def.iterations)],
+    [`animation-fill-mode`, `both`]
+  ];
+}
+function shimmerRule(selector, style) {
+  if (style.animation !== `shimmer`)
+    return ``;
+  const band = ANIMATIONS.shimmer?.band;
+  const color = (band && tokenVar(band.color)) ?? `var(--xui-color-background)`;
+  const stops = (band?.stops ?? [{ offset: 0, alpha: 0 }, { offset: 0.5, alpha: 0.5 }, { offset: 1, alpha: 0 }]).map((s) => `color-mix(in srgb, ${color} ${Math.round(s.alpha * 100)}%, transparent) calc(var(--xui-band, 1) * 100% + ${Math.round(s.offset * 100)}%)`);
+  const sel = selector.split(`,`).map((x) => `${x}::after`).join(`,`);
+  return `${sel}{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(90deg, ${stops.join(`, `)})}`;
+}
+var rule = (selector, decls) => decls.length === 0 ? `` : `${selector}{${decls.map(([p, v]) => `${p}:${v}`).join(`;`)}}`;
+var STATE_SELECTORS = {
+  hover: [`:hover`, `[data-xs~="hover"]`],
+  pressed: [`:active`, `[data-xs~="pressed"]`],
+  focus: [`:focus-visible`, `[data-xs~="focus"]`],
+  disabled: [`:disabled`, `[data-disabled]`, `[aria-disabled="true"]`, `[data-xs~="disabled"]`],
+  checked: [`[data-state="checked"]`, `[data-xs~="checked"]`],
+  open: [`[data-state="open"]`, `[data-xs~="open"]`],
+  selected: [`[data-state="active"]`, `[data-state="on"]`, `[data-highlighted]`, `[data-xs~="selected"]`],
+  invalid: [`[aria-invalid="true"]`, `[data-xs~="invalid"]`],
+  dragover: [`[data-dragover]`, `[data-xs~="dragover"]`]
+};
+function stateSuffixes(states) {
+  let out = [``];
+  for (const state of states) {
+    const alts = STATE_SELECTORS[state] ?? [`[data-xs~="${state}"]`];
+    out = out.flatMap((prefix) => alts.map((alt) => prefix + alt));
+  }
+  return out;
+}
+var propAttribute = (macro, prop) => `data-${macro ? `m` : `r`}-${kebab(prop)}`;
+function propSelector(when, macro) {
+  if (!when)
+    return [``];
+  let out = [``];
+  for (const [key, want] of Object.entries(when)) {
+    if (key === `state`)
+      continue;
+    const values = Array.isArray(want) ? want : [want];
+    out = out.flatMap((prefix) => values.map((v) => `${prefix}[${propAttribute(macro, key)}="${String(v)}"]`));
+  }
+  return out;
+}
+function ruleSelectors(base, rule, macro = false) {
+  const states = rule.when?.state === undefined ? [] : Array.isArray(rule.when.state) ? rule.when.state.map(String) : [String(rule.when.state)];
+  const props = propSelector(rule.when, macro);
+  const suffixes = stateSuffixes(states);
+  return props.flatMap((p) => suffixes.map((s) => `${base}${p}${s}`));
+}
+function hash(text) {
+  let h = 2166136261;
+  for (let i = 0;i < text.length; i++) {
+    h ^= text.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0).toString(36);
+}
+function themeScope(theme) {
+  return `xui-t-${theme.id.replace(/[^a-z0-9-]/gi, `-`)}-${hash(JSON.stringify(theme))}`;
+}
+var SHADCN_ALIASES = [
+  [`--background`, `background`],
+  [`--foreground`, `foreground`],
+  [`--card`, `card`],
+  [`--card-foreground`, `cardForeground`],
+  [`--popover`, `popover`],
+  [`--popover-foreground`, `popoverForeground`],
+  [`--primary`, `primary`],
+  [`--primary-foreground`, `primaryForeground`],
+  [`--secondary`, `secondary`],
+  [`--secondary-foreground`, `secondaryForeground`],
+  [`--muted`, `muted`],
+  [`--muted-foreground`, `mutedForeground`],
+  [`--accent`, `accent`],
+  [`--accent-foreground`, `accentForeground`],
+  [`--destructive`, `destructive`],
+  [`--destructive-foreground`, `destructiveForeground`],
+  [`--success`, `success`],
+  [`--success-foreground`, `successForeground`],
+  [`--warning`, `warning`],
+  [`--warning-foreground`, `warningForeground`],
+  [`--info`, `info`],
+  [`--info-foreground`, `infoForeground`],
+  [`--border`, `border`],
+  [`--input`, `input`],
+  [`--ring`, `ring`],
+  [`--chart-1`, `chart1`],
+  [`--chart-2`, `chart2`],
+  [`--chart-3`, `chart3`],
+  [`--chart-4`, `chart4`],
+  [`--chart-5`, `chart5`],
+  [`--chart-6`, `chart6`],
+  [`--chart-7`, `chart7`],
+  [`--chart-8`, `chart8`],
+  [`--sidebar`, `background`],
+  [`--sidebar-foreground`, `foreground`],
+  [`--sidebar-primary`, `primary`],
+  [`--sidebar-primary-foreground`, `primaryForeground`],
+  [`--sidebar-accent`, `accent`],
+  [`--sidebar-accent-foreground`, `accentForeground`],
+  [`--sidebar-border`, `border`],
+  [`--sidebar-ring`, `ring`],
+  [`--glass-fill-section`, `muted`],
+  [`--glass-fill-row`, `muted`],
+  [`--glass-fill-card`, `card`],
+  [`--glass-fill-panel`, `popover`],
+  [`--glass-fill-active`, `accent`],
+  [`--glass-stroke-row`, `border`],
+  [`--glass-stroke-section`, `border`],
+  [`--glass-stroke-card`, `border`],
+  [`--glass-stroke-strong`, `input`],
+  [`--glass-stroke-active`, `ring`],
+  [`--glass-background-top`, `background`],
+  [`--glass-background-bottom`, `background`]
+];
+function tokenBlock(theme) {
+  const decls = [];
+  const tokens = theme.tokens;
+  for (const group of [`spacing`, `radius`, `control`, `opacity`, `border`, `motion`]) {
+    for (const [name, value] of Object.entries(tokens[group] ?? {})) {
+      const unit = group === `opacity` ? `` : group === `motion` ? `ms` : `px`;
+      decls.push([`--xui-${group}-${name}`, `${value}${unit}`]);
+    }
+  }
+  for (const [name, px] of Object.entries(theme.tokens.blur ?? {}))
+    decls.push([`--xui-blur-${name}`, `${px}px`]);
+  for (const [name, value] of Object.entries(theme.tokens.scale ?? {}))
+    decls.push([`--xui-scale-${name}`, String(value)]);
+  for (const [name, curve] of Object.entries(theme.tokens.ease ?? {}))
+    decls.push([`--xui-ease-${name}`, easingCss(curve)]);
+  for (const [name, px] of Object.entries(theme.tokens.breakpoint ?? {}))
+    decls.push([`--xui-breakpoint-${name}`, `${px}px`]);
+  for (const [name, value] of Object.entries(theme.tokens.type.size))
+    decls.push([`--xui-type-size-${name}`, `${value}px`]);
+  for (const [name, value] of Object.entries(theme.tokens.type.lineHeight))
+    decls.push([`--xui-type-lineHeight-${name}`, `${value}px`]);
+  for (const [name, value] of Object.entries(theme.tokens.type.weight))
+    decls.push([`--xui-type-weight-${name}`, String(value)]);
+  for (const [name, family] of Object.entries(theme.tokens.type.family))
+    decls.push([`--xui-font-${name}`, fontStack(family, theme.fonts)]);
+  decls.push([`--radius`, `var(--xui-radius-lg)`], [`--font-sans`, `var(--xui-font-sans)`], [`--font-mono`, `var(--xui-font-mono)`]);
+  decls.push([`--xui-duration-fast`, `var(--xui-motion-fast)`], [`--xui-duration-standard`, `var(--xui-motion-standard)`]);
+  return decls.map(([p, v]) => `${p}:${v}`).join(`;`);
+}
+function modeBlock(theme, mode) {
+  const decls = [];
+  for (const [name, hex] of Object.entries(theme.modes[mode].color))
+    decls.push([`--xui-color-${name}`, hex]);
+  for (const [name, layers] of Object.entries(theme.modes[mode].shadow))
+    decls.push([`--xui-shadow-${name}`, shadowCss(layers)]);
+  for (const [alias, token] of SHADCN_ALIASES)
+    decls.push([alias, `var(--xui-color-${token})`]);
+  decls.push([`color-scheme`, mode]);
+  return decls.map(([p, v]) => `${p}:${v}`).join(`;`);
+}
+var MACROS = new Set(Object.entries(coreCatalog.components).filter(([, d]) => d.kind === `macro`).map(([n]) => n));
+function isMacroComponent(component, extensionMacros = new Set) {
+  return MACROS.has(component) || extensionMacros.has(component);
+}
+var partClass = (component, part) => `xui-${component}-${part}`;
+function compileTheme(theme, options = {}) {
+  const scope = themeScope(theme);
+  const root = `.xui-surface.${scope}`;
+  const chunks = [LAYERS];
+  chunks.push(`${root}{${tokenBlock(theme)}}`);
+  chunks.push(`${root}[data-xui-mode="light"]{${modeBlock(theme, `light`)}}`);
+  chunks.push(`${root}[data-xui-mode="dark"]{${modeBlock(theme, `dark`)}}`);
+  const recipe = [];
+  const part = [];
+  for (const [component, parts] of Object.entries(theme.recipes)) {
+    const macro = isMacroComponent(component, options.extensionMacros);
+    const target = macro ? part : recipe;
+    for (const [partName, rules] of Object.entries(parts)) {
+      const base = `.${scope}.${partClass(component, partName)}`;
+      for (const r of rules) {
+        const decls = declarations(r.style, theme.fonts);
+        if (decls.length === 0)
+          continue;
+        const selector = ruleSelectors(base, r, macro).join(`,`);
+        target.push(rule(selector, decls) + shimmerRule(selector, r.style));
+      }
+    }
+  }
+  chunks.push(`@layer xui-recipe{${recipe.join(``)}}`);
+  chunks.push(`@layer xui-part{${part.join(``)}}`);
+  return { scope, css: chunks.join(`
+`), theme };
+}
+var cache = new WeakMap;
+function compiledTheme(theme, options) {
+  if (options?.extensionMacros && options.extensionMacros.size > 0)
+    return compileTheme(theme, options);
+  let hit = cache.get(theme);
+  if (!hit) {
+    hit = compileTheme(theme);
+    cache.set(theme, hit);
+  }
+  return hit;
+}
+function globalsCss(theme, options = {}) {
+  const block = (mode, shared) => {
+    const color = theme.modes[mode].color;
+    const decls = [];
+    for (const [alias, token] of SHADCN_ALIASES)
+      if (color[token] !== undefined)
+        decls.push([alias, color[token]]);
+    if (shared) {
+      const radius = theme.tokens.radius.lg;
+      if (radius !== undefined)
+        decls.push([`--radius`, `${radius}px`]);
+      for (const name of [`sans`, `mono`]) {
+        const family = theme.tokens.type.family[name];
+        if (family)
+          decls.push([`--font-${name}`, fontStack(family, theme.fonts)]);
+      }
+    }
+    return decls.map(([p, v]) => `  ${p}: ${v};`).join(`
+`);
+  };
+  return `${options.light ?? `:root`} {
+${block(`light`, true)}
+}
+
+${options.dark ?? `.dark`} {
+${block(`dark`, false)}
+}
+`;
+}
+// packages/exponential-ui/src/web/box-css.ts
+import { parseMediaCondition, parseTokenRef as parseTokenRef2 } from "@exponential-at/ui";
+
+// packages/exponential-ui/src/web/data.ts
+import { CORE_FUNCTIONS, DEFAULT_LOCALE, FORMAT_FUNCTION_NAMES, displayString, formatFunctions, hasRowSlots, intlFormatter, isDataSchema, resolveString, sharedCatalogView, truthy, writePointer } from "@exponential-at/ui";
+function isBinding(value) {
+  return typeof value === `object` && value !== null && !Array.isArray(value) && typeof value.path === `string` && Object.keys(value).length === 1;
+}
+function isCall(value) {
+  return typeof value === `object` && value !== null && !Array.isArray(value) && typeof value.call === `string`;
+}
+var unescape = (token) => token.replace(/~1/g, `/`).replace(/~0/g, `~`);
+function pointerTokens(pointer) {
+  if (pointer === `` || pointer === `/`)
+    return [];
+  return (pointer.startsWith(`/`) ? pointer.slice(1) : pointer).split(`/`).map(unescape);
+}
+function absolutePath(path, scope = ``) {
+  if (path.startsWith(`/`))
+    return path;
+  if (!scope)
+    return `/${path}`;
+  return path === `` ? scope : `${scope}/${path}`;
+}
+function getPointer(data, pointer) {
+  let cur = data;
+  for (const token of pointerTokens(pointer)) {
+    if (cur === null || typeof cur !== `object`)
+      return;
+    if (Array.isArray(cur))
+      cur = /^[0-9]+$/.test(token) ? cur[Number(token)] : undefined;
+    else
+      cur = Object.prototype.hasOwnProperty.call(cur, token) ? cur[token] : undefined;
+  }
+  return cur;
+}
+function setPointer(data, pointer, value) {
+  return writePointer(data, pointer, value).data;
+}
+var LITERAL_ROWS_ROOT = `/$xuiRows`;
+function hostPath(path) {
+  return path === undefined || path === LITERAL_ROWS_ROOT || path.startsWith(`${LITERAL_ROWS_ROOT}/`) ? undefined : path;
+}
+var num = (v) => typeof v === `number` ? v : Number(v);
+function interpolate(text, ctx) {
+  return text.replace(/\$\{([^}]+)\}/g, (_, expr) => {
+    return displayString(getPointer(ctx.data, absolutePath(expr.trim(), ctx.scope)));
+  });
+}
+function memoFormatter(base, max = 4096) {
+  const hits = new Map;
+  const memo = (key, run) => {
+    const hit = hits.get(key);
+    if (hit !== undefined)
+      return hit;
+    const out = run();
+    if (hits.size >= max)
+      hits.clear();
+    hits.set(key, out);
+    return out;
+  };
+  const valueKey = (v) => v instanceof Date ? `t${v.getTime()}` : typeof v === `string` ? `s${v}` : `${typeof v}${String(v)}`;
+  return {
+    locale: base.locale,
+    number: (value, o) => memo(`n|${value}|${o?.decimals}|${o?.grouping}`, () => base.number(value, o)),
+    currency: (value, currency, o) => memo(`c|${currency}|${value}|${o?.decimals}|${o?.grouping}`, () => base.currency(value, currency, o)),
+    percent: (value, o) => memo(`p|${value}|${o?.decimals}`, () => base.percent(value, o)),
+    date: (value, o) => memo(`d|${o?.format}|${o?.style}|${o?.time}|${valueKey(value)}`, () => base.date(value, o)),
+    relativeTime: (value, now) => base.relativeTime(value, now),
+    plural: (value) => memo(`l|${value}`, () => base.plural(value))
+  };
+}
+var formatterCache = new Map;
+function formatterOf(ctx) {
+  if (ctx.formatter)
+    return ctx.formatter;
+  const locale = ctx.locale ?? DEFAULT_LOCALE;
+  let hit = formatterCache.get(locale);
+  if (!hit)
+    formatterCache.set(locale, hit = memoFormatter(intlFormatter(locale, `UTC`)));
+  return hit;
+}
+var formatTables = new WeakMap;
+function formatCall(name) {
+  return (args, ctx) => {
+    const formatter = formatterOf(ctx);
+    let hit = formatTables.get(formatter);
+    if (!hit || hit.now !== ctx.now)
+      formatTables.set(formatter, hit = { now: ctx.now, table: formatFunctions(formatter, ctx.now) });
+    return hit.table[name](args);
+  };
+}
+var FORMAT = Object.fromEntries(FORMAT_FUNCTION_NAMES.map((name) => [name, formatCall(name)]));
+var CORE = Object.fromEntries(Object.entries(CORE_FUNCTIONS).map(([name, fn]) => [name, (args) => fn(args)]));
+var CLIENT_FUNCTIONS = {
+  required: ({ value }) => truthy(value) && !(Array.isArray(value) && value.length === 0),
+  regex: ({ value, pattern }) => {
+    try {
+      return new RegExp(String(pattern)).test(String(value ?? ``));
+    } catch {
+      return false;
+    }
+  },
+  length: ({ value, min, max }) => {
+    const n = String(value ?? ``).length;
+    return (min === undefined || n >= num(min)) && (max === undefined || n <= num(max));
+  },
+  numeric: ({ value, min, max }) => {
+    const n = num(value);
+    return Number.isFinite(n) && (min === undefined || n >= num(min)) && (max === undefined || n <= num(max));
+  },
+  email: ({ value }) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(value ?? ``)),
+  formatString: ({ value }, ctx) => interpolate(String(value ?? ``), ctx),
+  openUrl: ({ url }, ctx) => {
+    if (typeof url === `string`)
+      ctx.openUrl?.(url);
+    return;
+  },
+  and: ({ values }) => Array.isArray(values) ? values.every(truthy) : false,
+  or: ({ values }) => Array.isArray(values) ? values.some(truthy) : false,
+  not: ({ value }) => !truthy(value),
+  ...CORE,
+  ...FORMAT
+};
+function resolveValue(value, ctx) {
+  if (isBinding(value))
+    return getPointer(ctx.data, absolutePath(value.path, ctx.scope));
+  if (isCall(value)) {
+    const fn = ctx.functions?.[value.call] ?? CLIENT_FUNCTIONS[value.call];
+    if (!fn)
+      return;
+    const args = {};
+    for (const [k, v] of Object.entries(value.args ?? {}))
+      args[k] = resolveValue(v, ctx);
+    return fn(args, ctx);
+  }
+  if (typeof value === `string`)
+    return ctx.strings && value.startsWith(`$string.`) ? resolveString(value, ctx.strings) : value;
+  if (Array.isArray(value))
+    return value.map((item) => resolveValue(item, ctx));
+  if (typeof value === `object` && value !== null) {
+    const out = {};
+    for (const [k, v] of Object.entries(value))
+      out[k] = resolveValue(v, ctx);
+    return out;
+  }
+  return value;
+}
+function resolveProps(props, ctx) {
+  return resolveValue(props, ctx);
+}
+function viewOf(extensions) {
+  return sharedCatalogView(extensions);
+}
+var isPlainObject = (v) => typeof v === `object` && v !== null && !Array.isArray(v);
+function resolveAlong(value, schema, ctx, defs) {
+  if (isBinding(value) || isCall(value))
+    return resolveValue(value, ctx);
+  if (isDataSchema(schema))
+    return value;
+  if (schema?.type === `array` && schema.items && Array.isArray(value))
+    return value.map((item) => resolveAlong(item, schema.items, ctx, defs));
+  const shape = schema?.type === `object` && schema.shape ? defs[schema.shape] : undefined;
+  if (shape && isPlainObject(value)) {
+    const out = {};
+    for (const [k, v] of Object.entries(value))
+      out[k] = resolveAlong(v, shape.properties[k], ctx, defs);
+    return out;
+  }
+  return resolveValue(value, ctx);
+}
+function resolveNodeProps(component, props, ctx, extensions) {
+  const view = viewOf(extensions);
+  const def = view.components[component];
+  const out = {};
+  for (const [k, v] of Object.entries(props)) {
+    const r = resolveAlong(v, def?.props[k], ctx, view.defs);
+    if (r !== undefined)
+      out[k] = r;
+  }
+  return out;
+}
+function boundPath(props, name, scope = ``) {
+  const raw = props[name];
+  return isBinding(raw) ? absolutePath(raw.path, scope) : undefined;
+}
+function resolveVisible(visible, ctx) {
+  if (visible === undefined)
+    return true;
+  return truthy(resolveValue(visible, ctx));
+}
+function hasDynamic(value) {
+  if (isBinding(value) || isCall(value))
+    return true;
+  if (Array.isArray(value))
+    return value.some(hasDynamic);
+  if (typeof value === `object` && value !== null)
+    return Object.values(value).some(hasDynamic);
+  return false;
+}
+function resolveAccessibility(accessibility, ctx) {
+  if (!accessibility || typeof accessibility !== `object`)
+    return null;
+  const out = {};
+  for (const [k, v] of Object.entries(resolveValue(accessibility, ctx)))
+    if (v !== undefined)
+      out[k] = v;
+  return Object.keys(out).length ? out : null;
+}
+function ariaAttributes(a11y) {
+  const out = {};
+  if (!a11y)
+    return out;
+  const role = a11y.role;
+  if (role === `hidden`)
+    out[`aria-hidden`] = `true`;
+  else if (typeof role === `string` && role !== `text` && role !== ``)
+    out.role = role;
+  if (a11y.label !== undefined && a11y.label !== null && a11y.label !== ``)
+    out[`aria-label`] = String(a11y.label);
+  if (a11y.description !== undefined && a11y.description !== null && a11y.description !== ``)
+    out[`aria-description`] = String(a11y.description);
+  if (typeof a11y.level === `number` || typeof a11y.level === `string` && a11y.level !== ``)
+    out[`aria-level`] = String(a11y.level);
+  for (const [key, attr] of [[`expanded`, `aria-expanded`], [`selected`, `aria-selected`], [`pressed`, `aria-pressed`], [`checked`, `aria-checked`]]) {
+    const v = a11y[key];
+    if (typeof v === `boolean` || v === `mixed`)
+      out[attr] = String(v);
+  }
+  if (a11y.current !== undefined && a11y.current !== null && a11y.current !== false && a11y.current !== ``)
+    out[`aria-current`] = a11y.current === true ? `true` : String(a11y.current);
+  for (const [key, attr] of [[`valueNow`, `aria-valuenow`], [`valueMin`, `aria-valuemin`], [`valueMax`, `aria-valuemax`]]) {
+    const v = a11y[key];
+    if (typeof v === `number` && Number.isFinite(v))
+      out[attr] = String(v);
+  }
+  if (a11y.hidden === true)
+    out[`aria-hidden`] = `true`;
+  if (a11y.autoFocus === true)
+    out[`data-xui-autofocus`] = ``;
+  return out;
+}
+function bindTree(node, ctx, extensions) {
+  if (!resolveVisible(node.visible, ctx))
+    return null;
+  const out = { id: node.id, component: node.component, props: resolveNodeProps(node.component, node.props, ctx, extensions), children: [] };
+  if (node.style)
+    out.style = resolveValue(node.style, ctx);
+  if (node.on)
+    out.on = node.on;
+  if (node.accessibility) {
+    const a11y = resolveAccessibility(node.accessibility, ctx);
+    if (a11y)
+      out.accessibility = a11y;
+  }
+  for (const child of node.children) {
+    const bound = bindTree(child, ctx, extensions);
+    if (bound)
+      out.children.push(bound);
+  }
+  if (node.slots) {
+    if (hasRowSlots(viewOf(extensions).components[node.component]))
+      out.slots = node.slots;
+    else
+      for (const [name, slot] of Object.entries(node.slots)) {
+        const bound = bindTree(slot, ctx, extensions);
+        if (bound)
+          (out.slots ??= {})[name] = bound;
+      }
+  }
+  if (node.template)
+    out.template = node.template;
+  if (node.recipe)
+    out.recipe = { ...node.recipe, props: resolveValue(node.recipe.props, ctx) };
+  return out;
+}
+
+// packages/exponential-ui/src/web/box-css.ts
+var nodeClass = (id) => `xui-n-${cssEscape(id)}`;
+var surfaceClass = (surfaceId) => `xui-s-${cssEscape(surfaceId)}`;
+function cssEscape(text) {
+  return text.replace(/[^a-zA-Z0-9_-]/g, (c) => `_${c.charCodeAt(0).toString(16)}_`);
+}
+function* walkNodes(root) {
+  yield root;
+  for (const slot of Object.values(root.slots ?? {}))
+    yield* walkNodes(slot);
+  for (const child of root.children)
+    yield* walkNodes(child);
+}
+function dynamicStyleEntries(style) {
+  const out = [];
+  if (!style)
+    return out;
+  const visit = (block, s) => {
+    for (const [key, value] of Object.entries(s)) {
+      if (key.startsWith(`@`) || key.startsWith(`:`))
+        continue;
+      if (hasDynamic(value))
+        out.push({ name: `--xd-${out.length}`, block, key, value });
+    }
+  };
+  visit(``, style);
+  for (const [key, value] of Object.entries(style)) {
+    if ((key.startsWith(`@`) || key.startsWith(`:`)) && typeof value === `object` && value !== null)
+      visit(key, value);
+  }
+  return out;
+}
+function queryToken(key) {
+  return cssEscape(key.replace(/^@media \(|\)$/g, ``).replace(/: /, `-`));
+}
+function resolvedMediaKey(key, theme) {
+  const condition = parseMediaCondition(key);
+  if (!condition)
+    return null;
+  if (condition.feature === `orientation` || condition.feature === `hover` || condition.feature === `prefers-reduced-motion`)
+    return key;
+  const px = breakpointPx(condition.value, theme);
+  return px === null ? null : `@media (${condition.feature}: ${px}px)`;
+}
+var isDirection = (v) => v === `ltr` || v === `rtl`;
+function styleDirection(style, theme, matches) {
+  if (!style)
+    return;
+  let out = isDirection(style.direction) ? style.direction : undefined;
+  for (const [key, value] of Object.entries(style)) {
+    if (!key.startsWith(`@`) || typeof value !== `object` || value === null)
+      continue;
+    const d = value.direction;
+    if (!isDirection(d))
+      continue;
+    const resolved = resolvedMediaKey(key, theme);
+    if (resolved && matches(resolved))
+      out = d;
+  }
+  return out;
+}
+function breakpointPx(value, theme) {
+  const ref = parseTokenRef2(value);
+  if (ref) {
+    if (ref.group !== `breakpoint`)
+      return null;
+    const px = theme?.tokens.breakpoint?.[ref.name];
+    return typeof px === `number` ? px : null;
+  }
+  const n = parseFloat(value);
+  return Number.isFinite(n) ? n : null;
+}
+var chunkCache = new WeakMap;
+function nodeChunk(node, style, scope, theme, fonts) {
+  const hit = chunkCache.get(node);
+  if (hit && hit.scope === scope && hit.theme === theme && hit.fonts === fonts)
+    return hit.chunk;
+  const rules = [];
+  const queries = new Set;
+  const dyn = dynamicStyleEntries(style);
+  const withVars = (block, s) => {
+    const mine = dyn.filter((d) => d.block === block);
+    if (mine.length === 0)
+      return s;
+    const copy = { ...s };
+    for (const d of mine)
+      copy[d.key] = `var(${d.name})`;
+    return copy;
+  };
+  const cls = nodeClass(node.id);
+  const sel = `${scope} .${cls}`;
+  const own = withVars(``, style);
+  const base = declarations(own, fonts);
+  if (base.length)
+    rules.push(rule(sel, base) + shimmerRule(sel, style));
+  for (const [key, value] of Object.entries(style)) {
+    if (!key.startsWith(`@`) || typeof value !== `object` || value === null)
+      continue;
+    const block = declarations(withVars(key, value), fonts, own);
+    if (block.length === 0)
+      continue;
+    const condition = parseMediaCondition(key);
+    if (!condition)
+      continue;
+    if (isDirection(value.direction)) {
+      const resolved = resolvedMediaKey(key, theme);
+      if (resolved)
+        queries.add(resolved);
+    }
+    const band = (selector) => shimmerRule(selector, value);
+    switch (condition.feature) {
+      case `min-width`:
+      case `max-width`: {
+        const px = breakpointPx(condition.value, theme);
+        if (px === null)
+          break;
+        const op = condition.feature === `min-width` ? `>=` : `<`;
+        rules.push(`@container xui (width ${op} ${px}px){${rule(sel, block)}${band(sel)}}`);
+        break;
+      }
+      case `min-height`:
+      case `max-height`: {
+        const px = breakpointPx(condition.value, theme);
+        if (px === null)
+          break;
+        const resolved = `@media (${condition.feature}: ${px}px)`;
+        queries.add(resolved);
+        const q = `${scope}:where([data-xq~="${queryToken(resolved)}"]) .${cls}`;
+        rules.push(rule(q, block) + band(q));
+        break;
+      }
+      case `orientation`:
+        queries.add(key);
+        const q = `${scope}:where([data-xq~="${queryToken(key)}"]) .${cls}`;
+        rules.push(rule(q, block) + band(q));
+        break;
+      case `hover`:
+      case `prefers-reduced-motion`:
+        rules.push(`@media (${condition.feature}: ${condition.value}){${rule(sel, block)}${band(sel)}}`);
+        break;
+    }
+  }
+  const states = [
+    [`:hover`, `${sel}:hover,${sel}[data-xs~="hover"]`],
+    [`:focus-visible`, `${sel}:focus-visible,${sel}[data-xs~="focus-visible"]`],
+    [`:pressed`, `${sel}:active,${sel}[data-xs~="pressed"]`]
+  ];
+  for (const [key, selector] of states) {
+    const value = style[key];
+    if (typeof value !== `object` || value === null)
+      continue;
+    const block = declarations(withVars(key, value), fonts, own);
+    if (block.length)
+      rules.push(rule(selector, block) + shimmerRule(selector, value));
+  }
+  const chunk = { css: rules.join(``), queries: [...queries] };
+  chunkCache.set(node, { scope, theme, fonts, chunk });
+  return chunk;
+}
+function compileNodeSheet(roots, surfaceId, theme, fonts = theme?.fonts ?? {}) {
+  const scope = `.${surfaceClass(surfaceId)}`;
+  const chunks = new Map;
+  const queries = new Set;
+  const seen = new Set;
+  for (const root of roots) {
+    for (const node of walkNodes(root)) {
+      const style = node.style;
+      if (!style || seen.has(node.id))
+        continue;
+      seen.add(node.id);
+      const chunk = nodeChunk(node, style, scope, theme, fonts);
+      if (chunk.css)
+        chunks.set(node.id, chunk.css);
+      for (const q of chunk.queries)
+        queries.add(q);
+    }
+  }
+  return { css: `@layer xui-node{${[...chunks.values()].join(``)}}`, queries: [...queries], chunks };
+}
+var sheetBatch = (chunks) => ({ chunks, css: `@layer xui-node{${[...chunks.values()].join(``)}}` });
+function nodeSheetBatches(prev, chunks) {
+  const out = [];
+  const placed = new Set;
+  for (const b of prev) {
+    let dirty = false;
+    for (const [id, css] of b.chunks) {
+      placed.add(id);
+      if (chunks.get(id) !== css)
+        dirty = true;
+    }
+    if (!dirty) {
+      out.push(b);
+      continue;
+    }
+    const kept = new Map;
+    for (const id of b.chunks.keys()) {
+      const css = chunks.get(id);
+      if (css !== undefined)
+        kept.set(id, css);
+    }
+    if (kept.size)
+      out.push(sheetBatch(kept));
+  }
+  const fresh = new Map;
+  for (const [id, css] of chunks)
+    if (!placed.has(id))
+      fresh.set(id, css);
+  if (fresh.size)
+    out.push(sheetBatch(fresh));
+  while (out.length > 1 && out[out.length - 1].chunks.size >= out[out.length - 2].chunks.size) {
+    const last = out.pop();
+    const before = out.pop();
+    out.push(sheetBatch(new Map([...before.chunks, ...last.chunks])));
+  }
+  return out;
+}
+function nodeSheet(root, surfaceId, fontsOrTheme = {}, extra = []) {
+  const theme = isTheme(fontsOrTheme) ? fontsOrTheme : undefined;
+  const fonts = theme ? theme.fonts : fontsOrTheme;
+  return compileNodeSheet([root, ...extra], surfaceId, theme, fonts).css;
+}
+function isTheme(v) {
+  return typeof v === `object` && v !== null && `tokens` in v && `modes` in v;
+}
+// packages/exponential-ui/src/web/base-css.ts
+import { ANIMATION_NAMES, ANIMATION_PROPERTIES_CSS, RTL_MIRRORED_ICONS, SEARCH_LIST_FADE, SKELETON_OPACITY_HIGH, SKELETON_OPACITY_LOW, SKELETON_PULSE_MS, SKELETON_REDUCED_OPACITY, TEXT_SHIMMER, keyframesCss } from "@exponential-at/ui";
+var S = TEXT_SHIMMER;
+var SHIMMER_CSS = `@keyframes xui-shimmer{from{background-position:100% 0}to{background-position:0 0}}
+[data-xui-shimmer]{--_spread:${S.spreadPx}px;--_base:currentColor;--_highlight:oklch(from currentColor l c h / calc(alpha * ${S.lightAlphaFactor}));background-image:linear-gradient(calc(90deg + ${S.angleDeg}deg),var(--_base) calc(50% - var(--_spread)),color-mix(in oklab,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * .5),var(--_highlight) 50%,color-mix(in oklab,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * .5),var(--_base) calc(50% + var(--_spread)));background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:xui-shimmer ${S.durationMs}ms linear infinite}
+[data-xui-mode="dark"] [data-xui-shimmer]{--_highlight:oklch(from currentColor min(1, max(${S.highlightLightnessMin}, calc(l + ${S.highlightLightnessBoost}))) c h / min(1, calc(alpha + ${S.highlightAlphaBoost})))}
+[dir="rtl"] [data-xui-shimmer]{animation-direction:reverse}`;
+var REDUCED_EXTRA = `.xui-surface [data-xui-shimmer]{animation:none !important;background-image:none !important;-webkit-text-fill-color:currentColor !important}.xui-surface [data-xui-c="Button"].xui-el:active{scale:none !important}.xui-surface [data-xui-c="Skeleton"].xui-el:not([data-rows]),.xui-surface .xui-Skeleton-dot,.xui-surface .xui-Skeleton-bar{animation:none !important;opacity:${SKELETON_REDUCED_OPACITY} !important}`;
+var ROUND2_CSS = `${ANIMATION_NAMES.map(keyframesCss).join(`
+`)}
+:is(${RTL_MIRRORED_ICONS.map((n) => `svg[data-icon="${n}"]`).join(`,`)}):dir(rtl){scale:-1 1}`;
+var BASE_CSS = `${ANIMATION_PROPERTIES_CSS}
+@layer xui-base{
+${ROUND2_CSS}
+.xui-surface{display:block;position:relative;font-family:var(--xui-font-sans);color:var(--xui-color-foreground);font-size:var(--xui-type-size-sm);line-height:var(--xui-type-lineHeight-sm);-webkit-font-smoothing:antialiased}
+.xui-surface *{box-sizing:border-box}
+.xui-container{container-type:inline-size;container-name:xui;width:100%;position:relative}
+:where([data-xui-part]){border:0 solid transparent}
+.xui-el{box-sizing:border-box;display:flex;flex-direction:row;position:relative;margin:0;padding:0;border:0 solid transparent;min-width:auto;min-height:auto;font:inherit;color:inherit;background:transparent;text-align:start;text-decoration:none;outline:none;appearance:none;-webkit-appearance:none}
+button:where([data-xui-part],.xui-calendar-nav,.xui-table-sort,.xui-carousel-nav){margin:0;padding:0;border:0 solid transparent;background:transparent;color:inherit;font:inherit;appearance:none;-webkit-appearance:none}
+.xui-el:focus-visible{outline:2px solid var(--xui-color-ring);outline-offset:1px}
+.xui-leaf{flex-direction:column}
+.xui-leaf>.xui-measured{flex-shrink:0}
+[data-xui-c="Text"].xui-el{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
+[data-xui-c="Text"][data-lines="1"].xui-el{white-space:nowrap;overflow:clip;text-overflow:ellipsis;min-width:0}
+[data-xui-c="Text"][data-clamp].xui-el{display:-webkit-box;-webkit-box-orient:vertical;overflow:clip}
+[data-xui-c="Text"][data-xui-align="start"].xui-el{text-align:start}
+[data-xui-c="Text"][data-xui-align="center"].xui-el{text-align:center}
+[data-xui-c="Text"][data-xui-align="end"].xui-el{text-align:end}
+[data-xui-c="Button"].xui-el,[data-xui-c="Toggle"].xui-el,[data-xui-c="Link"].xui-el{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;user-select:none;flex-shrink:0;transition:background-color var(--xui-motion-fast) var(--xui-ease-standard,ease),color var(--xui-motion-fast) var(--xui-ease-standard,ease),opacity var(--xui-motion-fast) var(--xui-ease-standard,ease),border-color var(--xui-motion-fast) var(--xui-ease-standard,ease),scale var(--xui-motion-fast) var(--xui-ease-standard,ease)}
+[data-xui-c="Button"].xui-el:disabled,[data-xui-c="Toggle"].xui-el:disabled{cursor:default;pointer-events:none}
+[data-xui-c="Link"].xui-el{text-decoration:underline;text-underline-offset:3px}
+.xui-Button-icon,.xui-Button-spinner,.xui-Toggle-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
+.xui-Button-icon>svg,.xui-Toggle-icon>svg,.xui-Button-spinner>svg,.xui-icon>svg{width:100%;height:100%}
+.xui-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
+[data-xui-c="Icon"].xui-el{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
+[data-xui-c="Icon"].xui-el>svg{width:100%;height:100%}
+[data-xui-c="Image"].xui-el{overflow:clip}
+[data-xui-c="Image"].xui-el>img{display:block;position:absolute;inset:0;width:100%;height:100%}
+.xui-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:24px;background:repeating-linear-gradient(45deg,color-mix(in srgb,currentColor 12%,transparent) 0 6px,color-mix(in srgb,currentColor 4%,transparent) 6px 12px);color:var(--xui-color-mutedForeground);font-size:var(--xui-type-size-xs)}
+[data-xui-c="Video"].xui-el{overflow:clip}
+.xui-media-sizer{display:block;max-width:100%;height:0;flex:0 1 auto;visibility:hidden;pointer-events:none}
+[data-xui-c="Video"].xui-el>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
+[data-xui-c="AudioPlayer"].xui-el>audio{width:100%;display:block;flex-shrink:0}
+[data-xui-c="Avatar"].xui-el{overflow:clip;flex-shrink:0;align-items:center;justify-content:center}
+.xui-Avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}
+.xui-Avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;text-transform:uppercase;user-select:none}
+[data-xui-c="List"].xui-el{flex-direction:column;overflow:auto;min-height:0}
+[data-xui-c="List"][data-r-direction="horizontal"].xui-el{flex-direction:row}
+.xui-List-divider{flex-shrink:0;align-self:stretch;border-style:solid;border-width:0}
+.xui-list-window{position:relative;width:100%;flex-shrink:0}
+.xui-list-window[data-axis="horizontal"]{width:auto;align-self:flex-start}
+.xui-list-item{position:absolute;left:0;right:0}
+.xui-list-window[data-axis="horizontal"]>.xui-list-item{left:auto;right:auto;top:0}
+.xui-list-row{display:flex;flex-direction:column;position:relative}
+.xui-list-row[data-axis="horizontal"]{flex-direction:row}
+.xui-list-gap{position:absolute;display:flex;pointer-events:none}
+.xui-list-gap[data-axis="vertical"]{left:0;right:0;flex-direction:column;transform:translateY(-50%)}
+.xui-list-gap[data-axis="horizontal"]{top:0;bottom:0;flex-direction:row;transform:translateX(-50%)}
+.xui-list-gap[data-axis="horizontal"]:dir(rtl){transform:translateX(50%)}
+.xui-List-section{display:flex;flex-direction:row;align-items:center;flex-shrink:0}
+[data-xui-c="Resizable"].xui-el{flex-direction:row;align-items:stretch;min-width:0;min-height:0}
+[data-xui-c="Resizable"][data-orientation="vertical"].xui-el{flex-direction:column}
+.xui-Resizable-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:clip}
+.xui-Resizable-handle{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 var(--xui-control-hairline);min-width:0;min-height:0;touch-action:none;user-select:none;outline:none;z-index:1}
+[data-orientation="horizontal"]>.xui-Resizable-handle{cursor:col-resize}
+[data-orientation="vertical"]>.xui-Resizable-handle{cursor:row-resize}
+.xui-Resizable-handle:focus-visible{outline:2px solid var(--xui-color-ring);outline-offset:1px}
+.xui-resize-hit{position:absolute}
+[data-orientation="horizontal"]>.xui-Resizable-handle>.xui-resize-hit{top:0;bottom:0;left:50%;transform:translateX(-50%)}
+[data-orientation="vertical"]>.xui-Resizable-handle>.xui-resize-hit{left:0;right:0;top:50%;transform:translateY(-50%)}
+.xui-Resizable-grip{flex:none;pointer-events:none}
+[data-xui-c="Carousel"].xui-el{flex-direction:column;overflow:clip}
+.xui-carousel-track{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:var(--xui-spacing-sm)}
+.xui-carousel-track::-webkit-scrollbar{display:none}
+.xui-Carousel-page{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column}
+.xui-carousel-dots{display:flex;justify-content:center;gap:var(--xui-spacing-xs);padding-top:var(--xui-spacing-sm)}
+.xui-Carousel-indicator{width:6px;height:6px;border-radius:9999px;background:var(--xui-color-border);padding:0;cursor:pointer}
+.xui-Carousel-indicator[data-xs~="selected"]{background:var(--xui-color-primary)}
+[data-xui-c="Tabs"].xui-el{flex-direction:column}
+.xui-Tabs-list{display:flex;flex-direction:row;align-self:flex-start;flex-shrink:0}
+.xui-Tabs-list[data-fill="true"]{align-self:stretch}
+.xui-Tabs-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--xui-spacing-xs);cursor:pointer;white-space:nowrap;flex:0 0 auto;position:relative}
+.xui-Tabs-list[data-fill="true"]>.xui-Tabs-tab{flex:1 1 0}
+.xui-Tabs-tab-body{display:inline-flex;align-items:center;gap:var(--xui-spacing-xs)}
+.xui-Tabs-close,.xui-Tabs-new{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;cursor:pointer;padding:0;border:0}
+.xui-Tabs-close>svg{width:12px;height:12px}
+.xui-Tabs-new>svg{width:16px;height:16px}
+.xui-Tabs-indicator{position:absolute;left:0;right:0;bottom:0}
+.xui-Tabs-content{display:flex;flex-direction:column;outline:none}
+.xui-Tabs-content[hidden]{display:none}
+[data-xui-c="Segmented"].xui-el{display:inline-flex;align-items:center;align-self:flex-start;flex-wrap:nowrap}
+[data-xui-c="Segmented"][data-r-fill="true"].xui-el,[data-xui-c="Segmented"][data-r-variant="bar"].xui-el{align-self:stretch}
+.xui-Segmented-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;flex:0 0 auto;min-width:0}
+[data-xui-c="Segmented"][data-r-fill="true"].xui-el>.xui-Segmented-item,[data-xui-c="Segmented"][data-r-variant="bar"].xui-el>.xui-Segmented-item{flex:1 1 0}
+[data-xui-c="Segmented"][data-r-variant="bar"].xui-el{align-items:stretch;height:var(--xui-control-tabBar);width:100%}
+[data-xui-c="Segmented"][data-r-variant="bar"].xui-el>.xui-Segmented-item{flex-direction:column;gap:var(--xui-spacing-xxs);padding:var(--xui-spacing-xs) 0}
+[data-xui-c="Segmented"][data-r-variant="bar"].xui-el .xui-Segmented-label{font-size:var(--xui-type-size-xs);line-height:var(--xui-type-lineHeight-xs);white-space:nowrap}
+.xui-Segmented-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
+.xui-Segmented-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
+[data-xui-c="Accordion"].xui-el{flex-direction:column}
+.xui-Accordion-item{display:flex;flex-direction:column}
+.xui-Accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:start}
+.xui-Accordion-trigger>svg{transition:transform var(--xui-motion-fast) var(--xui-ease-standard,ease)}
+.xui-Accordion-trigger[data-state="open"]>svg{transform:rotate(180deg)}
+.xui-Accordion-content{display:flex;flex-direction:column;overflow:clip}
+.xui-Accordion-content[hidden]{display:none}
+.xui-Dialog-overlay,.xui-Drawer-overlay{position:fixed;inset:0;z-index:50}
+.xui-Dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;display:flex;flex-direction:column;width:calc(100% - 32px);max-width:480px;max-height:calc(100% - 32px);overflow:auto;outline:none}
+.xui-Drawer-content{position:fixed;z-index:51;display:flex;flex-direction:column;overflow:auto;outline:none}
+.xui-Drawer-content[data-side="bottom"]{left:0;right:0;bottom:0;max-height:85%}
+.xui-Drawer-content[data-side="top"]{left:0;right:0;top:0;max-height:85%}
+.xui-Drawer-content[data-side="left"]{left:0;top:0;bottom:0;width:min(85%,360px)}
+.xui-Drawer-content[data-side="right"]{right:0;top:0;bottom:0;width:min(85%,360px)}
+.xui-Drawer-handle{align-self:center;width:36px;height:4px;border-radius:9999px;background:var(--xui-color-border);flex-shrink:0}
+.xui-overlay-head{display:flex;flex-direction:column;gap:var(--xui-spacing-xxs)}
+.xui-overlay-body{display:flex;flex-direction:column;gap:var(--xui-spacing-md);min-height:0}
+.xui-Dialog-footer,.xui-Drawer-footer{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap}
+.xui-Dialog-close{position:absolute;top:var(--xui-spacing-sm);inset-inline-end:var(--xui-spacing-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
+.xui-Dialog-close>svg{width:16px;height:16px}
+.xui-Popover-content,.xui-Tooltip-content,.xui-Menu-content,.xui-Select-content,.xui-TimePicker-list{z-index:52;display:flex;flex-direction:column;outline:none;max-height:var(--radix-popper-available-height,320px);overflow:auto}
+.xui-Tooltip-content{max-width:280px}
+.xui-Menu-item,.xui-Select-item,.xui-TimePicker-item{display:flex;align-items:center;cursor:pointer;user-select:none;white-space:nowrap;outline:none}
+.xui-Menu-item[data-disabled],.xui-Select-item[data-disabled],.xui-Select-item[aria-disabled="true"]{pointer-events:none}
+.xui-Menu-item>svg,.xui-Select-item>svg{width:16px;height:16px;flex-shrink:0}
+.xui-Menu-separator{align-self:stretch;flex-shrink:0}
+.xui-Menu-label{display:flex;align-items:center}
+.xui-Menu-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;cursor:pointer}
+[data-xui-overlay-root].xui-el{flex-direction:row;align-self:auto;align-items:flex-start}
+[data-xui-overlay-root="stretch"].xui-el{align-items:stretch}
+[data-xui-overlay-root="none"].xui-el{display:contents}
+.xui-trigger{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;min-width:0}
+.xui-Tooltip-anchor{display:flex;flex-direction:row;flex:1 1 auto;min-width:0}
+.xui-field-column{display:flex;flex-direction:column;gap:var(--xui-spacing-xs);min-width:0}
+.xui-field-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--xui-spacing-sm);min-width:0}
+.xui-field-text{display:flex;flex-direction:column;gap:var(--xui-spacing-xxs);min-width:0}
+[data-xui-c="Input"].xui-el,[data-xui-c="Textarea"].xui-el,[data-xui-c="Select"].xui-el,[data-xui-c="DatePicker"].xui-el,[data-xui-c="DateRangePicker"].xui-el,[data-xui-c="TimePicker"].xui-el,[data-xui-c="NumberField"].xui-el,[data-xui-c="ChipInput"].xui-el,[data-xui-c="FileUpload"].xui-el,[data-xui-c="Slider"].xui-el,[data-xui-c="Radio"].xui-el,[data-xui-c="Composer"].xui-el{flex-direction:column;gap:var(--xui-spacing-xs);min-width:0}
+[data-xui-c="Checkbox"].xui-el{flex-direction:row;align-items:flex-start;gap:var(--xui-spacing-sm);cursor:pointer}
+[data-xui-c="Checkbox"].xui-el>.xui-field-text{flex:1 1 0%}
+.xui-Checkbox-box{margin-top:max(0px,calc((var(--xui-type-lineHeight-sm) - var(--xui-control-checkbox)) / 2))}
+[data-xui-c="Switch"].xui-el{flex-direction:row;align-items:center;cursor:pointer}
+.xui-Switch-body{display:flex;flex-direction:column;gap:var(--xui-spacing-xxs);flex:1 1 0%;min-width:0}
+.xui-Input-field,.xui-Textarea-field{display:block;width:100%;min-width:0;margin:0;outline:none;appearance:none;border:0 solid transparent;background:transparent;color:inherit;font:inherit}
+.xui-Input-field::placeholder,.xui-Textarea-field::placeholder,.xui-Composer-field::placeholder{color:var(--xui-color-mutedForeground)}
+.xui-Textarea-field{resize:vertical;line-height:var(--xui-type-lineHeight-sm);padding-top:var(--xui-spacing-sm);padding-bottom:var(--xui-spacing-sm)}
+.xui-Input-label,.xui-Textarea-label,.xui-Select-label,.xui-DatePicker-label,.xui-DateRangePicker-label,.xui-TimePicker-label,.xui-NumberField-label,.xui-ChipInput-label,.xui-FileUpload-label,.xui-Slider-label,.xui-Radio-label,.xui-Checkbox-label,.xui-Switch-label{display:block;cursor:inherit}
+.xui-Select-trigger,.xui-DatePicker-trigger,.xui-DateRangePicker-trigger,.xui-TimePicker-trigger{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--xui-spacing-sm);width:100%;min-width:0;cursor:pointer;text-align:start;white-space:nowrap}
+.xui-Select-trigger>span,.xui-DatePicker-trigger>span,.xui-DateRangePicker-trigger>span,.xui-TimePicker-trigger>span{overflow:clip;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
+.xui-Select-trigger>svg,.xui-DatePicker-trigger>svg,.xui-DateRangePicker-trigger>svg,.xui-TimePicker-trigger>svg{width:16px;height:16px;flex-shrink:0;opacity:.6}
+.xui-Select-search{display:flex;width:100%;min-width:0;margin:0 0 var(--xui-spacing-xs);padding:var(--xui-spacing-xs) var(--xui-spacing-sm);outline:none;border:0;border-bottom:1px solid var(--xui-color-border);background:transparent;color:inherit;font:inherit}
+.xui-Select-check{display:inline-flex;margin-inline-start:auto;flex-shrink:0}
+.xui-Checkbox-box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer}
+.xui-Checkbox-check{display:inline-flex;align-items:center;justify-content:center}
+.xui-Checkbox-check>svg{width:100%;height:100%}
+[data-xui-c="Radio"][data-r-orientation="horizontal"].xui-el>.xui-radio-items{flex-direction:row;flex-wrap:wrap}
+.xui-radio-items{display:flex;flex-direction:column;gap:inherit}
+.xui-radio-row{display:flex;align-items:center;gap:var(--xui-spacing-sm);cursor:pointer}
+.xui-Radio-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer}
+.xui-ChoiceTiles-tile{display:flex;flex-direction:column;align-items:stretch;min-width:0;margin:0;font:inherit;color:inherit;text-align:start;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}
+.xui-ChoiceTiles-tile:focus-visible{outline:2px solid var(--xui-color-ring);outline-offset:1px}
+.xui-ChoiceTiles-tile:disabled{cursor:not-allowed}
+.xui-ChoiceTiles-picture{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;aspect-ratio:1.6;flex-shrink:0;min-width:0;overflow:clip;color:var(--xui-color-mutedForeground)}
+.xui-ChoiceTiles-picture>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.xui-ChoiceTiles-picture>svg{width:var(--xui-control-iconMd);height:var(--xui-control-iconMd);opacity:.6}
+.xui-ChoiceTiles-label,.xui-ChoiceTiles-description{display:block;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
+.xui-ChoiceTiles-error{grid-column:1/-1;display:flex;flex-direction:column;gap:2px}
+.xui-Switch-track{display:inline-flex;align-items:center;flex-shrink:0;padding:2px;cursor:pointer;transition:background-color var(--xui-motion-fast) var(--xui-ease-standard,ease)}
+.xui-Switch-thumb{display:block;transition:transform var(--xui-motion-fast) var(--xui-ease-standard,ease);transform:translateX(0)}
+.xui-Switch-track[data-state="checked"]>.xui-Switch-thumb{transform:translateX(var(--xui-switch-travel,12px))}
+.xui-Switch-track[data-state="checked"]>.xui-Switch-thumb:dir(rtl){transform:translateX(calc(-1 * var(--xui-switch-travel,12px)))}
+.xui-slider-head{display:flex;justify-content:space-between;gap:var(--xui-spacing-sm)}
+.xui-Slider-track{position:relative;display:flex;align-items:center;width:100%;flex-grow:1;overflow:visible;touch-action:none;user-select:none}
+.xui-slider-root{display:flex;align-items:center;width:100%;min-height:var(--xui-control-slider);touch-action:none;user-select:none;position:relative}
+.xui-Slider-range{position:absolute;height:100%;left:0;border-radius:inherit}
+.xui-Slider-thumb{display:block;cursor:grab;outline:none}
+.xui-DatePicker-calendar,.xui-DateRangePicker-calendar{display:flex;flex-direction:column;gap:var(--xui-spacing-sm);padding:var(--xui-spacing-sm)}
+.xui-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--xui-spacing-sm);font-weight:var(--xui-type-weight-medium)}
+.xui-calendar-nav{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--xui-radius-sm);cursor:pointer;padding:0}
+.xui-calendar-nav:hover{background:var(--xui-color-accent)}
+.xui-calendar-nav>svg{width:16px;height:16px}
+.xui-calendar-grid{display:grid;grid-template-columns:repeat(7,32px);gap:2px}
+.xui-calendar-weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:var(--xui-type-size-xs);color:var(--xui-color-mutedForeground)}
+.xui-DatePicker-day,.xui-DateRangePicker-day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--xui-radius-sm);cursor:pointer;padding:0;font-size:var(--xui-type-size-sm)}
+.xui-DatePicker-day:hover,.xui-DateRangePicker-day:hover{background:var(--xui-color-accent)}
+.xui-DatePicker-day[data-xs~="selected"],.xui-DateRangePicker-day[data-xs~="selected"]{background:var(--xui-color-primary);color:var(--xui-color-primaryForeground)}
+.xui-DatePicker-day[data-outside],.xui-DateRangePicker-day[data-outside]{opacity:.4}
+.xui-DatePicker-day:disabled,.xui-DateRangePicker-day:disabled{opacity:.3;cursor:default;pointer-events:none}
+.xui-Composer-field{display:block;width:100%;min-width:0;margin:0;padding:0;outline:none;border:0;background:transparent;color:inherit;font:inherit;resize:none;max-height:200px}
+.xui-composer-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--xui-spacing-xs)}
+.xui-Composer-attachment{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
+.xui-Composer-send{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
+.xui-Composer-send>svg,.xui-Composer-attachment>svg{width:16px;height:16px}
+.xui-Composer-send:disabled{opacity:.5;pointer-events:none}
+[data-xui-c="Ring"].xui-el,[data-xui-c="Spinner"].xui-el{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
+[data-xui-c="Ring"].xui-el>svg,[data-xui-c="Spinner"].xui-el>svg{width:100%;height:100%;display:block}
+.xui-Ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
+[data-xui-c="Spinner"].xui-el>svg,.xui-Button-spinner>svg{animation:xui-spin 0.8s linear infinite}
+[data-xui-c="Skeleton"].xui-el:not([data-rows]),.xui-Skeleton-dot,.xui-Skeleton-bar{animation:xui-skeleton ${SKELETON_PULSE_MS}ms ease-in-out infinite;opacity:${SKELETON_OPACITY_LOW};flex-shrink:0}
+[data-xui-c="Skeleton"][data-rows].xui-el{display:flex;flex-direction:column;align-self:stretch;flex-shrink:0;background:none;border-radius:0}
+.xui-Skeleton-row{display:flex;flex-direction:row;align-items:center;flex-shrink:0}
+.xui-Skeleton-row+.xui-Skeleton-row{border-top:var(--xui-border-hairline) solid var(--xui-color-border)}
+.xui-Skeleton-dot{display:block}
+.xui-Skeleton-bar{display:block}
+.xui-Skeleton-bar[data-title]{flex-shrink:1;min-width:0}
+@keyframes xui-skeleton{0%,100%{opacity:${SKELETON_OPACITY_LOW}}50%{opacity:${SKELETON_OPACITY_HIGH}}}
+[data-xui-c="SearchList"].xui-el{display:flex;flex-direction:column;overflow:hidden;min-width:0}
+.xui-SearchList-head,.xui-Menu-head{display:flex;flex-direction:row;align-items:center;flex-shrink:0}
+.xui-SearchList-search,.xui-Menu-search{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;align-self:stretch}
+.xui-SearchList-search>svg,.xui-Menu-search>svg{width:16px;height:16px;opacity:.6;flex-shrink:0}
+.xui-SearchList-search>input,.xui-Menu-search>input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit}
+.xui-SearchList-count,.xui-Menu-count{flex-shrink:0;font-variant-numeric:tabular-nums}
+.xui-SearchList-body,.xui-Menu-body{display:flex;flex-direction:column;position:relative;flex-shrink:1;min-height:0}
+.xui-SearchList-list,.xui-Menu-list{display:flex;flex-direction:column;flex-shrink:1;min-height:0;overflow-y:auto}
+.xui-SearchList-item{display:flex;flex-direction:row;align-items:center;flex-shrink:0;cursor:pointer;user-select:none;white-space:nowrap}
+.xui-SearchList-item[aria-disabled="true"]{pointer-events:none}
+.xui-SearchList-icon,.xui-SearchList-check{display:inline-flex;flex-shrink:0}
+.xui-SearchList-icon>svg,.xui-SearchList-check>svg{width:100%;height:100%}
+.xui-SearchList-identifier{flex-shrink:0}
+.xui-SearchList-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
+.xui-SearchList-fade,.xui-Menu-fade{position:absolute;left:0;right:0;bottom:0;height:${SEARCH_LIST_FADE}px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--xui-color-popover)) !important}
+.xui-menu-search{display:flex;flex-direction:column;min-width:240px}
+.xui-menu-search .xui-Menu-item{flex-shrink:0}
+[data-xui-c="Markdown"].xui-el{display:block;min-width:0;overflow-wrap:anywhere}
+[data-xui-c="Markdown"][data-lines].xui-el{display:-webkit-box;-webkit-box-orient:vertical;overflow:clip}
+.xui-md>:first-child{margin-top:0}
+.xui-md>:last-child{margin-bottom:0}
+.xui-Markdown-paragraph{margin:0 0 var(--xui-spacing-sm)}
+.xui-Markdown-heading{margin:var(--xui-spacing-md) 0 var(--xui-spacing-xs);font-weight:var(--xui-type-weight-semibold);line-height:1.25}
+.xui-md ul,.xui-md ol{margin:0 0 var(--xui-spacing-sm);padding-inline-start:1.4em}
+.xui-md ul{list-style:disc}
+.xui-md ol{list-style:decimal}
+.xui-md li>ul,.xui-md li>ol{margin-bottom:0}
+.xui-Markdown-listItem{margin:0}
+.xui-Markdown-code{font-family:var(--xui-font-mono);font-size:.925em;padding:0 .3em;border-radius:4px;background:var(--xui-color-muted)}
+.xui-Markdown-codeBlock{display:block;font-family:var(--xui-font-mono);font-size:var(--xui-type-size-xs);white-space:pre;overflow:auto;padding:var(--xui-spacing-sm);margin:0 0 var(--xui-spacing-sm);border-radius:var(--xui-radius-sm);background:var(--xui-color-muted)}
+.xui-Markdown-quote{margin:0 0 var(--xui-spacing-sm);padding-inline-start:var(--xui-spacing-md);border-inline-start:2px solid var(--xui-color-border);color:var(--xui-color-mutedForeground)}
+.xui-Markdown-link{color:var(--xui-color-primary);text-decoration:underline;text-underline-offset:3px}
+.xui-Markdown-table{border-collapse:collapse;margin:0 0 var(--xui-spacing-sm);width:100%}
+.xui-Markdown-table th,.xui-Markdown-table td{border:1px solid var(--xui-color-border);padding:var(--xui-spacing-xs) var(--xui-spacing-sm);text-align:start}
+.xui-Markdown-image{height:160px;margin:0 0 var(--xui-spacing-sm);overflow:hidden}
+.xui-Markdown-image>img{display:block;width:100%;height:100%;object-fit:contain;object-position:0 0}
+.xui-Markdown-image>img:dir(rtl){object-position:100% 0}
+.xui-Markdown-imageAlt{color:var(--xui-color-mutedForeground)}
+[data-xui-c="Chart"].xui-el{flex-direction:column;gap:var(--xui-spacing-xs);min-width:0}
+.xui-Chart-legend,.xui-Chart-title{flex-shrink:0}
+[data-xui-c="Chart"].xui-el>svg{width:100%;display:block}
+.xui-Chart-legend{display:flex;flex-wrap:wrap;gap:var(--xui-spacing-sm);font-size:var(--xui-type-size-xs);color:var(--xui-color-mutedForeground)}
+.xui-Chart-legend>span{display:inline-flex;align-items:center;gap:var(--xui-spacing-xxs)}
+.xui-Chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}
+.xui-Chart-title{font-weight:var(--xui-type-weight-medium)}
+[data-xui-c="TreeGuides"].xui-el{flex-direction:row;align-self:stretch;flex-shrink:0}
+[data-xui-c="TreeGuides"].xui-el{overflow:visible}
+.xui-tree-col{position:relative;align-self:stretch;flex-shrink:0;overflow:visible}
+.xui-tree-col>.xui-TreeGuides-line{position:absolute;background:currentColor;display:block;padding:0;margin:0;box-sizing:border-box}
+.xui-tree-col>.xui-TreeGuides-line[data-elbow]{background:none;border-style:solid;border-color:currentColor;border-top-width:0;border-right-width:0}
+[data-xui-c="Unknown"].xui-el{flex-direction:column;gap:var(--xui-spacing-xxs)}
+[data-xui-c="Box"][data-pressable="true"].xui-el{cursor:pointer}
+.xui-layer{position:absolute;top:0;left:0;width:0;height:0;overflow:visible}
+.xui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+
+.xui-calendar-row{display:contents}
+.xui-calendar-cell{display:flex;align-items:center;justify-content:center}
+.xui-calendar-day-label{position:relative}
+.xui-DatePicker-day[data-today]>.xui-calendar-day-label,.xui-DateRangePicker-day[data-today]>.xui-calendar-day-label{text-decoration:underline;text-underline-offset:3px}
+.xui-DateRangePicker-day{position:relative}
+.xui-DateRangePicker-range{position:absolute;inset:0;border-radius:inherit}
+.xui-DateRangePicker-day[data-range]{background:var(--xui-color-accent)}
+.xui-calendar-nav{color:inherit}
+[data-xui-c="Form"].xui-el{flex-direction:column}
+.xui-form-fields{display:contents;border:0;margin:0;padding:0;min-width:0}
+.xui-Form-summary{display:flex;flex-direction:column}
+.xui-form-summary-list{margin:0;padding-inline-start:1.2em}
+.xui-Input-error,.xui-Textarea-error,.xui-NumberField-error,.xui-ChipInput-error,.xui-FileUpload-error,.xui-Select-error,.xui-Checkbox-error,.xui-Switch-error,.xui-Radio-error,.xui-DatePicker-error,.xui-DateRangePicker-error,.xui-TimePicker-error{display:flex;flex-direction:column;gap:2px}
+[data-xui-numberfield]{display:flex;flex-direction:row;align-items:center;gap:var(--xui-spacing-xxs);min-width:0}
+.xui-NumberField-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:0;text-align:start;font-variant-numeric:tabular-nums}
+.xui-NumberField-decrement,.xui-NumberField-increment,.xui-ChipInput-remove,.xui-FileUpload-remove,.xui-Toast-close,.xui-CodeBlock-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer}
+.xui-NumberField-decrement>svg,.xui-NumberField-increment>svg,.xui-ChipInput-remove>svg,.xui-FileUpload-remove>svg,.xui-Toast-close>svg,.xui-CodeBlock-copy>svg{width:16px;height:16px}
+.xui-NumberField-decrement:disabled,.xui-NumberField-increment:disabled{opacity:.4;pointer-events:none}
+.xui-NumberField-unit{flex-shrink:0}
+[data-xui-chipfield]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;cursor:text}
+.xui-chip-list{display:contents;list-style:none;margin:0;padding:0}
+.xui-ChipInput-chip{display:inline-flex;align-items:center;flex-shrink:0;outline:none}
+.xui-ChipInput-input{flex:1 1 80px;min-width:80px;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:0;height:var(--xui-type-lineHeight-sm)}
+.xui-ChipInput-suggestions{display:flex;flex-direction:column;border:1px solid var(--xui-color-border);border-radius:var(--xui-radius-md);background:var(--xui-color-popover);color:var(--xui-color-popoverForeground);padding:var(--xui-spacing-xs);box-shadow:var(--xui-shadow-md)}
+.xui-ChipInput-suggestion{display:flex;align-items:center;padding:var(--xui-spacing-xs) var(--xui-spacing-sm);border-radius:var(--xui-radius-sm);cursor:pointer}
+.xui-ChipInput-suggestion[data-active]{background:var(--xui-color-accent);color:var(--xui-color-accentForeground)}
+.xui-FileUpload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;outline:none}
+.xui-FileUpload-dropzone[aria-disabled="true"]{cursor:default}
+.xui-FileUpload-icon{display:inline-flex}
+.xui-FileUpload-icon>svg{width:100%;height:100%}
+.xui-FileUpload-title{font-weight:var(--xui-type-weight-medium)}
+.xui-file-list{display:flex;flex-direction:column;gap:var(--xui-spacing-xs);list-style:none;margin:0;padding:0}
+.xui-FileUpload-file{display:flex;flex-direction:row;align-items:center}
+.xui-FileUpload-fileIcon{display:inline-flex;flex-shrink:0;opacity:.7}
+.xui-FileUpload-fileIcon>svg{width:16px;height:16px}
+.xui-FileUpload-browse{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;height:var(--xui-control-buttonSm)}
+.xui-FileUpload-fileName{flex:1 1 auto;min-width:0;overflow:clip;text-overflow:ellipsis;white-space:nowrap}
+[data-xui-c="CodeBlock"].xui-el{flex-direction:column;min-width:0;overflow:clip}
+.xui-CodeBlock-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}
+.xui-CodeBlock-copy>svg{width:12px;height:12px}
+.xui-codeblock-scroll{overflow:auto;min-width:0;outline:none}
+.xui-codeblock-scroll[data-max-lines]{max-height:calc(var(--xui-code-lines) * 1lh)}
+.xui-codeblock-pre{margin:0;padding:0;font:inherit;white-space:pre;tab-size:2;min-width:max-content}
+.xui-codeblock-scroll[data-wrap="true"]>.xui-codeblock-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
+.xui-codeblock-pre>code{font:inherit;display:block}
+.xui-CodeBlock-line{display:flex;flex-direction:row}
+.xui-codeblock-text{flex:0 1 auto;min-width:0}
+.xui-CodeBlock-gutter{display:flex;flex-direction:row;justify-content:flex-end;flex-shrink:0;user-select:none}
+.xui-CodeBlock-lineNumber{display:block}
+[data-xui-c="Table"].xui-el{flex-direction:column;min-width:0;overflow:auto}
+.xui-Table-header{display:flex;flex-direction:column}
+.xui-Table-header[data-sticky="true"]{position:sticky;top:0;z-index:1}
+.xui-table-row,.xui-Table-row{display:grid;align-items:stretch;min-width:0}
+.xui-table-body{display:flex;flex-direction:column;position:relative}
+.xui-table-check{display:flex;align-items:center;justify-content:center;min-width:0}
+.xui-Table-headerCell,.xui-Table-cell{display:flex;flex-direction:row;align-items:center;min-width:0;overflow:clip;text-overflow:ellipsis;white-space:nowrap;gap:var(--xui-spacing-xs)}
+.xui-Table-headerCell[data-r-align="end"],.xui-Table-cell[data-r-align="end"]{justify-content:flex-end;text-align:end}
+.xui-Table-headerCell[data-r-align="center"],.xui-Table-cell[data-r-align="center"]{justify-content:center;text-align:center}
+.xui-Table-cell[data-type="number"]{font-variant-numeric:tabular-nums}
+.xui-Table-cell>svg{width:16px;height:16px}
+.xui-Table-row{outline:none}
+.xui-Table-row:focus-visible{box-shadow:inset 0 0 0 2px var(--xui-color-ring)}
+.xui-Table-row[tabindex]{cursor:pointer}
+.xui-table-sort{display:inline-flex;align-items:center;gap:var(--xui-spacing-xxs);padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-width:0}
+.xui-Table-headerCell[data-r-align="end"]>.xui-table-sort{flex-direction:row}
+.xui-Table-sortIcon{display:inline-flex;flex-shrink:0}
+.xui-Table-sortIcon>svg{width:100%;height:100%}
+.xui-Table-empty{display:flex;justify-content:center}
+.xui-table-badge{display:inline-flex;align-items:center;height:var(--xui-control-badge);padding:0 var(--xui-spacing-sm);border-radius:var(--xui-radius-full);background:var(--xui-color-secondary);color:var(--xui-color-secondaryForeground);font-size:var(--xui-type-size-xs)}
+.xui-chart-plot{position:relative;width:100%;min-width:0;flex:1 1 0%;min-height:0;overflow:visible}
+.xui-chart-svg{position:absolute;top:0;left:0;display:block;overflow:visible;outline:none}
+.xui-chart-svg:focus-visible{outline:2px solid var(--xui-color-ring);outline-offset:2px;border-radius:var(--xui-radius-sm)}
+.xui-Chart-grid{opacity:.7}
+.xui-Chart-tooltip{display:flex;flex-direction:column;gap:2px;z-index:2;min-width:120px;white-space:nowrap}
+.xui-chart-tip-row{display:inline-flex;align-items:center;gap:var(--xui-spacing-xxs)}
+.xui-chart-tip-row>i{display:inline-block;width:8px;height:8px;border-radius:2px}
+.xui-Chart-valueLabel{fill:currentColor}
+[data-xui-c="Chart"][data-kind="sparkline"].xui-el{gap:0}
+.xui-Image-fallback{display:flex;align-items:center;justify-content:center;position:absolute;inset:0}
+.xui-Image-fallback>svg{width:var(--xui-control-iconLg);height:var(--xui-control-iconLg)}
+[data-xui-c="Image"][data-state="loading"].xui-el{background:var(--xui-color-muted)}
+.xui-carousel-controls{display:flex;align-items:center;justify-content:center}
+.xui-carousel-controls>.xui-carousel-dots{padding-top:0}
+.xui-carousel-nav{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer}
+.xui-carousel-nav:disabled{pointer-events:none}
+.xui-carousel-nav>svg{width:var(--xui-control-iconSm);height:var(--xui-control-iconSm)}
+.xui-menu-label{flex:1 1 auto;min-width:0}
+.xui-Menu-shortcut{margin-inline-start:auto;padding-inline-start:var(--xui-spacing-lg)}
+.xui-Menu-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
+.xui-Menu-check svg,.xui-Menu-submenuIndicator>svg{width:100%;height:100%}
+.xui-Menu-submenuIndicator{display:inline-flex;margin-inline-start:auto;flex-shrink:0}
+.xui-Select-searchbox{display:flex;align-items:center;gap:var(--xui-spacing-xs);padding-inline-start:var(--xui-spacing-sm)}
+.xui-Select-searchbox>svg{width:16px;height:16px;opacity:.6;flex-shrink:0}
+.xui-Select-searchbox>.xui-Select-search{margin:0;border-bottom:0;padding-inline-start:0}
+.xui-Select-listbox,.xui-TimePicker-listbox{display:flex;flex-direction:column;outline:none;overflow:auto;max-height:280px}
+.xui-Select-empty{display:flex}
+.xui-TimePicker-list{min-width:var(--radix-popover-trigger-width)}
+[data-xui-c="Toast"].xui-el{flex-direction:row;align-items:flex-start;width:min(360px,calc(100vw - 32px));pointer-events:auto}
+.xui-Toast-icon{display:inline-flex;flex-shrink:0}
+.xui-Toast-icon>svg{width:100%;height:100%}
+.xui-toast-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
+.xui-Toast-action{display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer;white-space:nowrap}
+.xui-toast-layer{position:fixed;bottom:var(--xui-spacing-lg);left:50%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:var(--xui-spacing-sm);pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
+.xui-toast-layer>:nth-last-child(n+4){display:none}
+.xui-Popover-content[data-open-on="hover"]{pointer-events:auto}
+@keyframes xui-fade-out{to{opacity:0}}
+@keyframes xui-pop-in{from{opacity:0;scale:var(--xui-scale-popoverFrom,.96)}}
+@keyframes xui-pop-out{to{opacity:0}}
+@keyframes xui-slide-bottom-in{from{translate:0 100%}}
+@keyframes xui-slide-bottom-out{to{translate:0 100%}}
+@keyframes xui-slide-top-in{from{translate:0 -100%}}
+@keyframes xui-slide-top-out{to{translate:0 -100%}}
+@keyframes xui-slide-left-in{from{translate:-100% 0}}
+@keyframes xui-slide-left-out{to{translate:-100% 0}}
+@keyframes xui-slide-right-in{from{translate:100% 0}}
+@keyframes xui-slide-right-out{to{translate:100% 0}}
+@keyframes xui-toast-in{from{opacity:0;translate:0 12px}}
+@keyframes xui-accordion-open{from{height:0}to{height:var(--radix-accordion-content-height)}}
+@keyframes xui-accordion-close{from{height:var(--radix-accordion-content-height)}to{height:0}}
+.xui-Popover-content,.xui-Tooltip-content,.xui-Menu-content,.xui-Select-content,.xui-DatePicker-calendar,.xui-DateRangePicker-calendar,.xui-TimePicker-list{transform-origin:var(--radix-popper-transform-origin)}
+.xui-Popover-content[data-state="open"],.xui-Tooltip-content[data-state$="open"],.xui-Menu-content[data-state="open"],.xui-Select-content[data-state="open"],.xui-DatePicker-calendar[data-state="open"],.xui-DateRangePicker-calendar[data-state="open"],.xui-TimePicker-list[data-state="open"],.xui-Dialog-content[data-state="open"]{animation:xui-pop-in var(--xui-motion-standard) var(--xui-ease-decelerate,ease-out)}
+[data-xui-c="Button"].xui-el:active:not(:disabled){scale:var(--xui-scale-press,1)}
+.xui-Popover-content[data-state="closed"],.xui-Tooltip-content[data-state="closed"],.xui-Menu-content[data-state="closed"],.xui-Select-content[data-state="closed"],.xui-DatePicker-calendar[data-state="closed"],.xui-DateRangePicker-calendar[data-state="closed"],.xui-TimePicker-list[data-state="closed"],.xui-Dialog-content[data-state="closed"]{animation:xui-pop-out var(--xui-motion-fast) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-Dialog-overlay[data-state="open"],.xui-Drawer-overlay[data-state="open"]{animation:xui-fade-in var(--xui-motion-standard) var(--xui-ease-decelerate,ease-out)}
+.xui-Dialog-overlay[data-state="closed"],.xui-Drawer-overlay[data-state="closed"]{animation:xui-fade-out var(--xui-motion-standard) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-Drawer-content[data-side="bottom"][data-state="open"]{animation:xui-slide-bottom-in var(--xui-motion-slow) var(--xui-ease-decelerate,ease-out)}
+.xui-Drawer-content[data-side="bottom"][data-state="closed"]{animation:xui-slide-bottom-out var(--xui-motion-standard) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-Drawer-content[data-side="top"][data-state="open"]{animation:xui-slide-top-in var(--xui-motion-slow) var(--xui-ease-decelerate,ease-out)}
+.xui-Drawer-content[data-side="top"][data-state="closed"]{animation:xui-slide-top-out var(--xui-motion-standard) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-Drawer-content[data-side="left"][data-state="open"]{animation:xui-slide-left-in var(--xui-motion-slow) var(--xui-ease-decelerate,ease-out)}
+.xui-Drawer-content[data-side="left"][data-state="closed"]{animation:xui-slide-left-out var(--xui-motion-standard) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-Drawer-content[data-side="right"][data-state="open"]{animation:xui-slide-right-in var(--xui-motion-slow) var(--xui-ease-decelerate,ease-out)}
+.xui-Drawer-content[data-side="right"][data-state="closed"]{animation:xui-slide-right-out var(--xui-motion-standard) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-Accordion-content[data-state="open"]{animation:xui-accordion-open var(--xui-motion-standard) var(--xui-ease-standard,ease)}
+.xui-Accordion-content[data-state="closed"]{animation:xui-accordion-close var(--xui-motion-standard) var(--xui-ease-standard,ease)}
+.xui-Tabs-content[data-state="active"]{animation:xui-fade-in var(--xui-motion-fast) var(--xui-ease-decelerate,ease-out)}
+[data-xui-c="Toast"][data-state="open"].xui-el{animation:xui-toast-in var(--xui-motion-standard) var(--xui-ease-decelerate,ease-out)}
+[data-xui-c="Toast"][data-state="closed"].xui-el{animation:xui-fade-out var(--xui-motion-standard) var(--xui-ease-accelerate,ease-in) forwards}
+.xui-accordion-title{display:inline-flex;align-items:baseline;gap:var(--xui-spacing-xs);min-width:0}
+.xui-Collapsible-chevron.xui-el{transition:transform var(--xui-motion-fast) var(--xui-ease-standard,ease)}
+${SHIMMER_CSS}
+}
+@media (prefers-reduced-motion: reduce){@layer xui-base{.xui-surface *,.xui-surface *::before,.xui-surface *::after{animation-duration:0ms !important;animation-iteration-count:1 !important;transition-duration:0ms !important;scroll-behavior:auto !important}${REDUCED_EXTRA}}}
+.xui-surface[data-xui-motion="reduce"] *,.xui-surface[data-xui-motion="reduce"] *::after{animation-duration:0ms !important;animation-iteration-count:1 !important;transition-duration:0ms !important}
+${REDUCED_EXTRA.replace(/\.xui-surface /g, `.xui-surface[data-xui-motion="reduce"] `)}`;
+// packages/exponential-ui/src/web/urls.ts
+import { DEFAULT_MEDIA_SCHEMES, decideUrl, isPrivateHost, mediaRequest, safeHref } from "@exponential-at/ui";
+var documentBase = () => typeof document !== `undefined` && document.baseURI ? document.baseURI : undefined;
+function ownPrivateHosts() {
+  try {
+    const base = documentBase();
+    if (!base)
+      return [];
+    const host = new URL(base).hostname.toLowerCase();
+    return isPrivateHost(host) ? [host] : [];
+  } catch {
+    return [];
+  }
+}
+function withOwnOrigin(allow) {
+  const own = ownPrivateHosts();
+  if (!own.length)
+    return allow;
+  return [...allow ?? [], ...own.filter((h) => !(allow ?? []).includes(h))];
+}
+function urlPolicyOf(host) {
+  const urls = host.urls ?? {};
+  const withBase = urls.baseUrl ? urls : { ...urls, baseUrl: host.media?.baseUrl ?? documentBase() };
+  return { ...withBase, allowPrivate: withOwnOrigin(withBase.allowPrivate) };
+}
+function linkHref(host, href) {
+  return safeHref(urlPolicyOf(host), href);
+}
+function mediaRequestOf(host, src) {
+  if (typeof src !== `string` || !src)
+    return null;
+  const rewritten = host.resolveUrl ? host.resolveUrl(src) : src;
+  const req = host.mediaRequest ? host.mediaRequest(rewritten) : mediaRequest(rewritten, { baseUrl: documentBase(), ...host.media, allowPrivate: withOwnOrigin(host.media?.allowPrivate) });
+  if (!req)
+    return null;
+  return mediaUrlAllowed(host, req.url) ? req : null;
+}
+function mediaUrlAllowed(host, url) {
+  return decideUrl({ schemes: host.media?.schemes ?? DEFAULT_MEDIA_SCHEMES, hosts: host.media?.hosts, allowPrivate: withOwnOrigin(host.media?.allowPrivate) }, url).allowed;
+}
+function openAllowed(host, url) {
+  const href = linkHref(host, url);
+  if (!href)
+    return;
+  if (host.openUrl)
+    host.openUrl(href);
+  else if (typeof window !== `undefined`)
+    window.open(href, `_blank`, `noopener,noreferrer`);
+}
+// packages/exponential-ui/src/web/host-types.ts
+function lookupIcon(icons, name, fallbacks = {}) {
+  if (!icons)
+    return fallbacks[name];
+  const hit = typeof icons === `function` ? icons(name) : icons[name];
+  return hit ?? fallbacks[name];
+}
+// packages/exponential-ui/src/web/coerce.ts
+import { DEFAULT_STRINGS, coreCatalog as coreCatalog2 } from "@exponential-at/ui";
+var str = (v, fallback = ``) => v === undefined || v === null ? fallback : typeof v === `object` ? JSON.stringify(v) : String(v);
+var num2 = (v, fallback = 0) => typeof v === `number` && Number.isFinite(v) ? v : typeof v === `string` && v.trim() !== `` && Number.isFinite(Number(v)) ? Number(v) : fallback;
+var bool = (v) => v === true || v === `true`;
+var arr = (v) => Array.isArray(v) ? v : [];
+var objects = (v) => Array.isArray(v) ? v.filter((e) => e !== null && typeof e === `object` && !Array.isArray(e)) : [];
+function phrase(ctx, id, params, fallback) {
+  return ctx.strings[id] !== undefined ? ctx.t(id, params) : fallback();
+}
+var SIZE_UNITS = [`byte`, `kilobyte`, `megabyte`, `gigabyte`];
+var sizeFormats = new Map;
+function formatFileSize(bytes, locale) {
+  let fmts = sizeFormats.get(locale);
+  if (!fmts) {
+    fmts = SIZE_UNITS.map((unit) => {
+      try {
+        return new Intl.NumberFormat(locale, { style: `unit`, unit, unitDisplay: `short`, maximumFractionDigits: 1 });
+      } catch {
+        return new Intl.NumberFormat(locale, { maximumFractionDigits: 1 });
+      }
+    });
+    sizeFormats.set(locale, fmts);
+  }
+  let i = 0;
+  let n = Math.max(0, bytes);
+  while (n >= 1024 && i < SIZE_UNITS.length - 1) {
+    n /= 1024;
+    i++;
+  }
+  return fmts[i].format(n);
+}
+function acceptsFile(accept, file) {
+  const rules = accept.split(`,`).map((r) => r.trim().toLowerCase()).filter(Boolean);
+  if (rules.length === 0)
+    return true;
+  const name = file.name.toLowerCase();
+  const type = (file.type || ``).toLowerCase();
+  return rules.some((r) => r.startsWith(`.`) ? name.endsWith(r) : r.endsWith(`/*`) ? type.startsWith(r.slice(0, -1)) : type === r);
+}
+function failingChecks(checks, fallback = DEFAULT_STRINGS.invalidValue) {
+  const out = [];
+  for (const check of objects(checks)) {
+    if (check && typeof check === `object` && `condition` in check && (check.condition === false || check.condition === null || check.condition === undefined || check.condition === ``))
+      out.push(str(check.message, fallback));
+  }
+  return out;
+}
+function failingCheck(checks, fallback) {
+  return failingChecks(checks, fallback)[0] ?? null;
+}
+var BUILTIN_ICONS = coreCatalog2.builtinIcons;
+function builtinIconName(slot) {
+  return BUILTIN_ICONS[slot] ?? `ui-icon-placeholder`;
+}
+function joinIds(...ids) {
+  const out = ids.filter(Boolean).join(` `);
+  return out || undefined;
+}
+// packages/exponential-ui/src/web/table.ts
+function sortRows(rows, sort, column, locale) {
+  const order = rows.map((_, i) => i);
+  if (!sort || !column)
+    return order;
+  const collator = new Intl.Collator(locale, { numeric: true, sensitivity: `base` });
+  const dir = sort.direction === `desc` ? -1 : 1;
+  const missing = (v) => v === undefined || v === null || v === ``;
+  return order.sort((a, b) => {
+    const va = rows[a]?.[sort.key];
+    const vb = rows[b]?.[sort.key];
+    if (missing(va) && missing(vb))
+      return a - b;
+    if (missing(va))
+      return 1;
+    if (missing(vb))
+      return -1;
+    let c;
+    if (typeof va === `number` && typeof vb === `number`)
+      c = va - vb;
+    else if (column.type === `number`)
+      c = num2(va) - num2(vb);
+    else if (column.type === `date`)
+      c = new Date(String(va)).getTime() - new Date(String(vb)).getTime();
+    else if (typeof va === `boolean` || typeof vb === `boolean`)
+      c = Number(Boolean(va)) - Number(Boolean(vb));
+    else
+      c = collator.compare(String(va), String(vb));
+    return c === 0 ? a - b : c * dir;
+  });
+}
+// packages/exponential-ui/src/web/dates.ts
+var isoDate = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, `0`)}-${String(d.getDate()).padStart(2, `0`)}`;
+var parseIsoDate = (s) => {
+  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(s);
+  return m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : null;
+};
+var addDays = (d, n) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
+var addMonths = (d, n) => {
+  const last = new Date(d.getFullYear(), d.getMonth() + n + 1, 0).getDate();
+  return new Date(d.getFullYear(), d.getMonth() + n, Math.min(d.getDate(), last));
+};
+var sameDay = (a, b) => Boolean(a && b && isoDate(a) === isoDate(b));
+function monthGrid(view, first) {
+  const start = new Date(view.getFullYear(), view.getMonth(), 1);
+  const lead = (start.getDay() - first + 7) % 7;
+  return Array.from({ length: 42 }, (_, i) => new Date(start.getFullYear(), start.getMonth(), 1 - lead + i));
+}
+function calendarStop(days, view, focus, disabled) {
+  const inMonth = days.filter((d) => d.getMonth() === view.getMonth() && d.getFullYear() === view.getFullYear() && !disabled(d));
+  if (inMonth.some((d) => sameDay(d, focus)))
+    return focus;
+  let best = null;
+  for (const d of inMonth)
+    if (!best || Math.abs(d.getTime() - focus.getTime()) < Math.abs(best.getTime() - focus.getTime()))
+      best = d;
+  return best;
+}
+// packages/exponential-ui/src/web/inputs.ts
+var DEBOUNCE_MS = 150;
+
+class HostOwnedController {
+  value;
+  revision = 0;
+  pending = false;
+  focused = false;
+  acked = 0;
+  timer = null;
+  live = true;
+  send;
+  writeLocal;
+  debounceMs;
+  onChange;
+  constructor(options) {
+    this.value = options.initial;
+    this.send = options.send;
+    this.writeLocal = options.writeLocal;
+    this.debounceMs = options.debounceMs ?? DEBOUNCE_MS;
+    this.onChange = options.onChange;
+  }
+  configure(options) {
+    this.send = options.send;
+    this.writeLocal = options.writeLocal;
+    this.debounceMs = options.debounceMs ?? DEBOUNCE_MS;
+  }
+  edit(next) {
+    this.value = next;
+    this.revision += 1;
+    this.pending = true;
+    this.writeLocal?.(next);
+    this.clearTimer();
+    this.timer = setTimeout(() => {
+      this.timer = null;
+      this.dispatch(`change`);
+    }, this.debounceMs);
+    this.notify();
+  }
+  commit() {
+    this.clearTimer();
+    this.dispatch(`commit`);
+  }
+  focus() {
+    this.focused = true;
+    this.notify();
+  }
+  blur() {
+    this.focused = false;
+    this.notify();
+    this.commit();
+  }
+  push(external) {
+    if (this.focused)
+      return false;
+    if (this.revision > this.acked)
+      return false;
+    if (Object.is(external, this.value))
+      return false;
+    this.value = external;
+    this.notify();
+    return true;
+  }
+  attach() {
+    this.live = true;
+  }
+  dispose() {
+    this.live = false;
+    this.clearTimer();
+  }
+  clearTimer() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = null;
+    }
+  }
+  notify() {
+    if (this.live)
+      this.onChange?.();
+  }
+  ack(rev) {
+    if (rev > this.acked)
+      this.acked = rev;
+    if (this.live && this.acked >= this.revision && this.pending) {
+      this.pending = false;
+      this.notify();
+    }
+  }
+  dispatch(kind) {
+    const rev = this.revision;
+    let result;
+    try {
+      result = this.send(this.value, rev, kind);
+    } catch {
+      result = undefined;
+    }
+    if (result && typeof result.then === `function`) {
+      result.then(() => this.ack(rev), () => this.ack(rev));
+    } else
+      this.ack(rev);
+  }
+}
+var localeDigits = new Map;
+function digitMap(locale) {
+  let hit = localeDigits.get(locale);
+  if (!hit) {
+    hit = new Map;
+    const fmt = new Intl.NumberFormat(locale, { useGrouping: false });
+    for (let d = 0;d <= 9; d++) {
+      const glyph = fmt.format(d);
+      if (glyph !== String(d))
+        hit.set(glyph, String(d));
+    }
+    localeDigits.set(locale, hit);
+  }
+  return hit;
+}
+function parseLocaleNumber(text, locale) {
+  const parts = new Intl.NumberFormat(locale).formatToParts(12345.6);
+  const group = parts.find((p) => p.type === `group`)?.value ?? `,`;
+  const decimal = parts.find((p) => p.type === `decimal`)?.value ?? `.`;
+  const digits = digitMap(locale);
+  const ascii = digits.size ? Array.from(text, (ch) => digits.get(ch) ?? ch).join(``) : text;
+  const clean = ascii.trim().split(group).join(``).replace(/[\s‎‏؜]/g, ``).replace(decimal, `.`).replace(/[−–]/g, `-`);
+  if (clean === `` || clean === `-`)
+    return null;
+  const n = Number(clean);
+  return Number.isFinite(n) ? n : null;
+}
+// packages/exponential-ui/src/web/media.ts
+import { MEDIA_LIMITS, mediaImageWithinLimits } from "@exponential-at/ui";
+var MEDIA_CACHE_IDLE_MAX = 64;
+var blobs = new Map;
+function mediaCacheKey(url, headers) {
+  return `${url}
+${JSON.stringify(headers)}`;
+}
+function touch(k, e) {
+  blobs.delete(k);
+  blobs.set(k, e);
+}
+function acquireMedia(k, load) {
+  let e = blobs.get(k);
+  if (!e) {
+    const entry = { refs: 0, promise: Promise.resolve(``) };
+    entry.promise = load().then((url) => {
+      entry.url = url;
+      if (blobs.get(k) !== entry)
+        URL.revokeObjectURL(url);
+      return url;
+    });
+    entry.promise.catch(() => {
+      if (blobs.get(k) === entry)
+        blobs.delete(k);
+    });
+    e = entry;
+  }
+  e.refs += 1;
+  touch(k, e);
+  return e;
+}
+function releaseMedia(k, e) {
+  e.refs -= 1;
+  if (e.refs > 0 || blobs.get(k) !== e)
+    return;
+  touch(k, e);
+  let idle = 0;
+  for (const v of blobs.values())
+    if (v.refs === 0)
+      idle += 1;
+  for (const [ok, v] of blobs) {
+    if (idle <= MEDIA_CACHE_IDLE_MAX)
+      break;
+    if (v.refs > 0)
+      continue;
+    blobs.delete(ok);
+    if (v.url)
+      URL.revokeObjectURL(v.url);
+    idle -= 1;
+  }
+}
+function mediaCacheStats() {
+  let inUse = 0;
+  for (const v of blobs.values())
+    if (v.refs > 0)
+      inUse += 1;
+  return { entries: blobs.size, inUse };
+}
+function clearMediaCache() {
+  for (const [k, v] of blobs) {
+    if (v.refs > 0)
+      continue;
+    blobs.delete(k);
+    if (v.url)
+      URL.revokeObjectURL(v.url);
+  }
+}
+function openMediaSource(host, src, kind = `image`) {
+  const req = mediaRequestOf(host, src);
+  const headers = req?.headers ?? {};
+  const fetched = req !== null && Object.keys(headers).length > 0;
+  const k = fetched ? `${kind}
+${mediaCacheKey(req.url, headers)}` : ``;
+  return {
+    fetched,
+    key: k,
+    direct: req ? req.url : undefined,
+    denied: Boolean(src) && req === null,
+    open: () => {
+      if (!req || !fetched)
+        return { promise: Promise.resolve(req ? req.url : ``), release: () => {} };
+      const hosted = kind === `stream` && host.mediaStreamUrl !== undefined;
+      const entry = hosted ? streamEntry(host, req) : acquireMedia(k, () => (kind === `stream` ? fetchStream(req.url, headers) : fetchLimited(req.url, headers)).then((b) => URL.createObjectURL(b)));
+      return { promise: entry.promise, release: hosted ? () => {} : () => releaseMedia(k, entry) };
+    }
+  };
+}
+function streamEntry(host, req) {
+  const promise = Promise.resolve(host.mediaStreamUrl(req)).then((url) => {
+    if (typeof url !== `string` || !mediaUrlAllowed(host, url))
+      throw new Error(`stream url denied by the media policy`);
+    return url;
+  });
+  return { promise, refs: 0 };
+}
+function fetchStream(url, headers, limits = MEDIA_LIMITS) {
+  return fetchLimited(url, headers, { ...limits, maxPixels: Infinity }, false);
+}
+async function fetchLimited(url, headers, limits = MEDIA_LIMITS, image = true) {
+  const abort = new AbortController;
+  const timer = setTimeout(() => abort.abort(new Error(`media timed out after ${limits.timeoutMs} ms`)), limits.timeoutMs);
+  const over = () => new Error(`media is over ${limits.maxBytes} bytes`);
+  try {
+    const r = await fetch(url, { headers, signal: abort.signal });
+    if (!r.ok)
+      throw new Error(`HTTP ${r.status}`);
+    if (Number(r.headers.get(`content-length`) ?? NaN) > limits.maxBytes)
+      throw over();
+    const chunks = [];
+    let total = 0;
+    if (r.body) {
+      const reader = r.body.getReader();
+      for (;; ) {
+        const { done, value } = await reader.read();
+        if (done)
+          break;
+        total += value.byteLength;
+        if (total > limits.maxBytes) {
+          abort.abort();
+          throw over();
+        }
+        chunks.push(value);
+      }
+    } else {
+      const all = new Uint8Array(await r.arrayBuffer());
+      if (all.byteLength > limits.maxBytes)
+        throw over();
+      chunks.push(all);
+    }
+    if (image) {
+      const refused = mediaImageWithinLimits(chunks.length === 1 ? chunks[0] : concat(chunks), limits);
+      if (refused)
+        throw new Error(refused);
+    }
+    return new Blob(chunks, { type: r.headers.get(`content-type`) ?? `` });
+  } finally {
+    clearTimeout(timer);
+  }
+}
+function concat(chunks) {
+  const out = new Uint8Array(chunks.reduce((n, c) => n + c.byteLength, 0));
+  let at = 0;
+  for (const c of chunks) {
+    out.set(c, at);
+    at += c.byteLength;
+  }
+  return out;
+}
+// packages/exponential-ui/src/web/markdown.ts
+var MAX_LINK_NESTING = 32;
+var MAX_LINK_DEST = 8192;
+var TITLE = /\s+(?:"[^"]*"|'[^']*')/y;
+
+class LinkScanner {
+  s;
+  close;
+  balance;
+  nextWs;
+  nextGt;
+  nextLtNl;
+  escaped;
+  constructor(s) {
+    this.s = s;
+    const n = s.length;
+    this.close = new Int32Array(n).fill(-1);
+    this.balance = new Int32Array(n + 1);
+    this.escaped = new Uint8Array(n);
+    const brackets = [];
+    const parens = [];
+    let esc = false;
+    let bal = 0;
+    for (let i = 0;i < n; i++) {
+      this.balance[i] = bal;
+      if (esc) {
+        this.escaped[i] = 1;
+        esc = false;
+        continue;
+      }
+      const c = s[i];
+      if (c === `\\`)
+        esc = true;
+      else if (c === `[`)
+        brackets.push(i);
+      else if (c === `]`) {
+        const o = brackets.pop();
+        if (o !== undefined)
+          this.close[o] = i;
+      } else if (c === `(`) {
+        parens.push(i);
+        bal++;
+      } else if (c === `)`) {
+        const o = parens.pop();
+        if (o !== undefined)
+          this.close[o] = i;
+        bal--;
+      }
+    }
+    this.balance[n] = bal;
+    this.nextWs = new Int32Array(n + 1);
+    this.nextGt = new Int32Array(n + 1);
+    this.nextLtNl = new Int32Array(n + 1);
+    this.nextWs[n] = n;
+    this.nextGt[n] = -1;
+    this.nextLtNl[n] = n;
+    for (let i = n - 1;i >= 0; i--) {
+      const c = s[i];
+      this.nextWs[i] = !this.escaped[i] && /\s/.test(c) ? i : this.nextWs[i + 1];
+      this.nextGt[i] = c === `>` ? i : this.nextGt[i + 1];
+      this.nextLtNl[i] = c === `<` || c === `
+` ? i : this.nextLtNl[i + 1];
+    }
+  }
+  at(at) {
+    const s = this.s;
+    if (s[at] !== `[` || this.escaped[at])
+      return null;
+    const i = this.close[at];
+    if (i < 0 || s[i + 1] !== `(`)
+      return null;
+    let j = i + 2;
+    let dest;
+    if (s[j] === `<`) {
+      const close = this.nextGt[j];
+      if (close < 0 || this.nextLtNl[j + 1] < close || close - j - 1 > MAX_LINK_DEST)
+        return null;
+      dest = s.slice(j + 1, close);
+      j = close + 1;
+    } else {
+      const k = this.close[i + 1];
+      const w = this.nextWs[j];
+      let stop;
+      if (k >= 0 && k < w)
+        stop = k;
+      else if (this.balance[w] === this.balance[j])
+        stop = w;
+      else
+        return null;
+      if (stop - j > MAX_LINK_DEST)
+        return null;
+      dest = s.slice(j, stop).replace(/\\([()])/g, `$1`);
+      j = stop;
+    }
+    TITLE.lastIndex = j;
+    if (TITLE.exec(s))
+      j = TITLE.lastIndex;
+    while (s[j] === ` `)
+      j++;
+    if (s[j] !== `)`)
+      return null;
+    return { label: s.slice(at + 1, i), dest, end: j + 1 };
+  }
+}
+function linkAt(s, at) {
+  return s[at] === `[` ? new LinkScanner(s).at(at) : null;
+}
+function wholeImage(text) {
+  if (text[0] !== `!`)
+    return null;
+  const l = linkAt(text, 1);
+  return l && l.end === text.length ? { alt: l.label, src: l.dest } : null;
+}
+var SIMPLE = /(`[^`]+`)|(\*\*([^*]+)\*\*)|(__([^_]+)__)|(\*([^*\s][^*]*)\*)|(_([^_\s][^_]*)_)|(~~([^~]+)~~)/;
+function parseInline(text, depth = 0) {
+  const out = [];
+  const scan = depth < MAX_LINK_NESTING && text.includes(`[`) ? new LinkScanner(text) : null;
+  const simple = new RegExp(SIMPLE.source, `g`);
+  let pos = 0;
+  let m = null;
+  let searched = false;
+  while (pos < text.length) {
+    if (!searched || m && m.index < pos) {
+      simple.lastIndex = pos;
+      m = simple.exec(text);
+      searched = true;
+    }
+    const limit = m ? m.index : text.length;
+    let link = null;
+    if (scan) {
+      for (let p = text.indexOf(`[`, pos);p >= 0 && p < limit; p = text.indexOf(`[`, p + 1)) {
+        const l = scan.at(p);
+        if (!l)
+          continue;
+        const image = p > pos && text[p - 1] === `!`;
+        link = { at: image ? p - 1 : p, image, ...l };
+        break;
+      }
+    }
+    if (link) {
+      if (link.at > pos)
+        out.push(text.slice(pos, link.at));
+      if (link.image)
+        out.push(link.label);
+      else
+        out.push({ type: `link`, dest: link.dest, children: parseInline(link.label, depth + 1) });
+      pos = link.end;
+      continue;
+    }
+    if (!m) {
+      out.push(text.slice(pos));
+      break;
+    }
+    if (m.index > pos)
+      out.push(text.slice(pos, m.index));
+    if (m[1])
+      out.push({ type: `code`, text: m[1].slice(1, -1) });
+    else if (m[2])
+      out.push({ type: `strong`, children: parseInline(m[3], depth) });
+    else if (m[4])
+      out.push({ type: `strong`, children: parseInline(m[5], depth) });
+    else if (m[6])
+      out.push({ type: `em`, children: parseInline(m[7], depth) });
+    else if (m[8])
+      out.push({ type: `em`, children: parseInline(m[9], depth) });
+    else if (m[10])
+      out.push({ type: `del`, text: m[11] });
+    pos = m.index + m[0].length;
+  }
+  return out;
+}
+var LIST_ITEM = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/;
+function parseList(lines) {
+  const indentOf = (ws) => ws.replace(/\t/g, `    `).length;
+  const first = lines.length ? LIST_ITEM.exec(lines[0]) : null;
+  if (!first)
+    return { indent: 0, ordered: false, items: [] };
+  const root = { indent: indentOf(first[1]), ordered: /\d/.test(first[2]), items: [] };
+  const stack = [root];
+  for (const line of lines) {
+    const m = LIST_ITEM.exec(line);
+    if (!m)
+      continue;
+    const indent = indentOf(m[1]);
+    while (stack.length > 1 && indent < stack[stack.length - 1].indent)
+      stack.pop();
+    let list = stack[stack.length - 1];
+    const parent = list.items[list.items.length - 1];
+    if (parent && indent >= list.indent + 2 && stack.length < MAX_BLOCK_NESTING) {
+      const child = { indent, ordered: /\d/.test(m[2]), items: [] };
+      parent.children.push(child);
+      stack.push(child);
+      list = child;
+    }
+    const task = /^\[([ xX])\]\s+(.*)$/.exec(m[3]);
+    list.items.push(task ? { text: task[2], content: parseInline(task[2]), task: task[1] !== ` `, children: [] } : { text: m[3], content: parseInline(m[3]), children: [] });
+  }
+  return root;
+}
+var isTableRow = (line) => /^\s*\|.*\|\s*$/.test(line);
+var isTableRule = (line) => /^\s*\|(\s*:?-+:?\s*\|)+\s*$/.test(line);
+var cells = (line) => line.trim().replace(/^\|/, ``).replace(/\|$/, ``).split(/(?<!\\)\|/).map((c) => c.replace(/\\\|/g, `|`).trim());
+var MAX_BLOCK_NESTING = 32;
+function parseMarkdown(text) {
+  return parseBlocks(text, 0);
+}
+function parseBlocks(text, depth) {
+  const lines = text.replace(/\r\n?/g, `
+`).split(`
+`);
+  const blocks = [];
+  let i = 0;
+  const para = [];
+  const flush = () => {
+    if (para.length === 0)
+      return;
+    const text = para.join(` `);
+    const image = wholeImage(text);
+    if (image)
+      blocks.push({ type: `image`, alt: image.alt, src: image.src });
+    else
+      blocks.push({ type: `paragraph`, children: parseInline(text) });
+    para.length = 0;
+  };
+  while (i < lines.length) {
+    const line = lines[i];
+    const fence = /^```(\w*)\s*$/.exec(line);
+    if (fence) {
+      flush();
+      const body = [];
+      i++;
+      while (i < lines.length && !/^```\s*$/.test(lines[i]))
+        body.push(lines[i++]);
+      i++;
+      blocks.push({ type: `codeBlock`, lang: fence[1] || undefined, text: body.join(`
+`) });
+      continue;
+    }
+    const heading = /^(#{1,6})\s+(.*)$/.exec(line);
+    if (heading) {
+      flush();
+      blocks.push({ type: `heading`, level: heading[1].length, children: parseInline(heading[2]) });
+      i++;
+      continue;
+    }
+    if (depth < MAX_BLOCK_NESTING && /^\s*>/.test(line)) {
+      flush();
+      const body = [];
+      while (i < lines.length && /^\s*>/.test(lines[i]))
+        body.push(lines[i++].replace(/^\s*>\s?/, ``));
+      blocks.push({ type: `quote`, children: parseBlocks(body.join(`
+`), depth + 1) });
+      continue;
+    }
+    if (LIST_ITEM.test(line)) {
+      flush();
+      const body = [];
+      while (i < lines.length && LIST_ITEM.test(lines[i]))
+        body.push(lines[i++]);
+      blocks.push({ type: `list`, list: parseList(body) });
+      continue;
+    }
+    if (isTableRow(line) && i + 1 < lines.length && isTableRule(lines[i + 1])) {
+      flush();
+      const head = cells(line);
+      const align = cells(lines[i + 1]).map((c) => c.startsWith(`:`) && c.endsWith(`:`) ? `center` : c.endsWith(`:`) ? `end` : c.startsWith(`:`) ? `start` : undefined);
+      i += 2;
+      const rows = [];
+      while (i < lines.length && isTableRow(lines[i]))
+        rows.push(cells(lines[i++]));
+      blocks.push({ type: `table`, align, head: head.map((h) => parseInline(h)), rows: rows.map((r) => r.map((c) => parseInline(c))) });
+      continue;
+    }
+    if (/^\s*([-*_])(\s*\1){2,}\s*$/.test(line)) {
+      flush();
+      blocks.push({ type: `rule` });
+      i++;
+      continue;
+    }
+    if (line.trim() === ``) {
+      flush();
+      i++;
+      continue;
+    }
+    para.push(line.trim());
+    i++;
+  }
+  flush();
+  return blocks;
+}
+// packages/exponential-ui/src/web/form.ts
+import { coreCatalog as coreCatalog3 } from "@exponential-at/ui";
+var VALIDATE_ON = Object.fromEntries(Object.entries(coreCatalog3.components).flatMap(([name, def]) => {
+  const d = def.props.validateOn?.default;
+  return d === undefined ? [] : [[name, String(d)]];
+}));
+function validateOnDefault(component) {
+  return VALIDATE_ON[component];
+}
+function fieldErrorsVisible(state) {
+  return state.submitted || state.attempts > 0 || (state.validateOn === `change` ? state.dirty : state.validateOn === `blur` ? state.touched : false);
+}
+function documentOrder(fields) {
+  return [...fields].sort((a, b) => {
+    const ea = a.element();
+    const eb = b.element();
+    if (!ea || !eb)
+      return 0;
+    return ea.compareDocumentPosition(eb) & 4 ? -1 : 1;
+  });
+}
+
+class FormRegistry {
+  fields = new Set;
+  register(field) {
+    this.fields.add(field);
+    return () => void this.fields.delete(field);
+  }
+  check() {
+    const list = documentOrder(this.fields);
+    const errors = [];
+    let first = null;
+    for (const f of list) {
+      const errs = f.errors();
+      if (errs.length && !first)
+        first = f;
+      for (const message of errs)
+        errors.push({ name: f.name, message });
+    }
+    if (errors.length)
+      return { ok: false, errors, first };
+    const values = {};
+    for (const f of list)
+      values[f.name] = f.value();
+    return { ok: true, values };
+  }
+  stillFailing(summary) {
+    return summary.filter((e) => [...this.fields].some((f) => f.name === e.name && f.errors().includes(e.message)));
+  }
+}
+// packages/exponential-ui/src/web/list.ts
+function scrollParent(el, axis = `vertical`) {
+  let cur = el?.parentElement ?? null;
+  while (cur && cur !== document.body && cur !== document.documentElement) {
+    const cs = getComputedStyle(cur);
+    const o = axis === `vertical` ? cs.overflowY : cs.overflowX;
+    const scrolls = axis === `vertical` ? cur.scrollHeight > cur.clientHeight + 1 : cur.scrollWidth > cur.clientWidth + 1;
+    if ((o === `auto` || o === `scroll`) && scrolls)
+      return cur;
+    cur = cur.parentElement;
+  }
+  return null;
+}
+function listViewport(el, axis, rtl, known) {
+  const scroller = known === undefined ? scrollParent(el, axis) : known;
+  const r = el.getBoundingClientRect();
+  if (axis === `vertical`) {
+    if (scroller) {
+      const s = scroller.getBoundingClientRect();
+      return { scroll: s.top + scroller.clientTop - r.top, viewport: scroller.clientHeight, scroller };
+    }
+    return { scroll: -r.top, viewport: window.innerHeight, scroller };
+  }
+  if (scroller) {
+    const s = scroller.getBoundingClientRect();
+    const scroll = rtl ? r.right - (s.right - scroller.clientLeft) : s.left + scroller.clientLeft - r.left;
+    return { scroll, viewport: scroller.clientWidth, scroller };
+  }
+  return { scroll: rtl ? r.right - window.innerWidth : -r.left, viewport: window.innerWidth, scroller };
+}
+// packages/exponential-ui/src/web/listbox.ts
+var TYPEAHEAD_RESET_MS = 700;
+function nextEnabledIndex(count, from, delta, isDisabled = () => false) {
+  if (count === 0)
+    return -1;
+  let i = from;
+  for (let n = 0;n < count; n++) {
+    i = ((i + delta) % count + count) % count;
+    if (!isDisabled(i))
+      return i;
+  }
+  return -1;
+}
+function typeaheadStep(buffer, key, now, active, count, isDisabled, labelOf) {
+  const next = { text: now - buffer.at > TYPEAHEAD_RESET_MS ? key.toLowerCase() : buffer.text + key.toLowerCase(), at: now };
+  for (let n = 1;n <= count; n++) {
+    const i = (Math.max(0, active) + (next.text.length > 1 ? n - 1 : n)) % count;
+    if (!isDisabled(i) && labelOf(i).toLowerCase().startsWith(next.text))
+      return { buffer: next, index: i };
+  }
+  return { buffer: next, index: -1 };
+}
+// packages/exponential-ui/src/web/parts.ts
+var PLACED = {
+  Switch: [`body`, `label`, `description`, `track`],
+  Input: [`label`, `field`, `description`, `error`],
+  Textarea: [`label`, `field`, `description`, `error`],
+  NumberField: [`label`, `field`, `decrement`, `input`, `unit`, `increment`, `description`, `error`],
+  ChipInput: [`label`, `field`, `input`, `description`, `error`],
+  Select: [`label`, `trigger`],
+  DatePicker: [`label`, `trigger`],
+  DateRangePicker: [`label`, `trigger`],
+  TimePicker: [`label`, `trigger`],
+  Radio: [`label`, `items`],
+  ChoiceTiles: [`error`],
+  Checkbox: [`box`, `label`, `description`],
+  Slider: [`header`, `label`, `value`, `track`],
+  Tabs: [`list`, `content`, `new`],
+  SearchList: [`head`, `search`, `count`, `body`, `list`, `empty`, `fade`],
+  Menu: [`trigger`, `head`, `search`, `count`, `body`, `list`, `empty`, `fade`],
+  Table: [`header`, `body`, `caption`, `empty`],
+  Carousel: [`page`, `indicator`, `controls`, `previous`, `next`],
+  Tooltip: [`anchor`],
+  FileUpload: [`label`, `dropzone`, `icon`, `title`, `hint`, `browse`, `description`],
+  CodeBlock: [`header`, `title`, `copy`, `body`],
+  AudioPlayer: [`track`, `controls`],
+  Video: [`controls`],
+  Image: [`fallback`],
+  Ring: [`label`]
+};
+function placedPartId(component, part, domId) {
+  return PLACED[component]?.includes(part) ? `${domId}.${part}` : null;
+}
+// packages/exponential-ui/src/web/share.ts
+var isPlainObject2 = (v) => {
+  const proto = Object.getPrototypeOf(v);
+  return proto === Object.prototype || proto === null;
+};
+var idOf = (v) => typeof v === `object` && v !== null && typeof v.id === `string` ? v.id : undefined;
+function share(prev, next) {
+  if (Object.is(prev, next) || typeof prev !== `object` || typeof next !== `object` || prev === null || next === null)
+    return next;
+  if (Array.isArray(next)) {
+    if (!Array.isArray(prev))
+      return next;
+    const byId = prev.length > 0 && idOf(prev[0]) !== undefined ? new Map(prev.map((p) => [idOf(p), p])) : null;
+    let same = prev.length === next.length;
+    const out = next.map((v, i) => {
+      const id = byId ? idOf(v) : undefined;
+      const s = share(id !== undefined ? byId.get(id) : prev[i], v);
+      if (s !== prev[i])
+        same = false;
+      return s;
+    });
+    return same ? prev : out;
+  }
+  if (Array.isArray(prev) || !isPlainObject2(prev) || !isPlainObject2(next))
+    return next;
+  const p = prev;
+  const keys = Object.keys(next);
+  let same = keys.length === Object.keys(p).length;
+  const out = {};
+  for (const k of keys) {
+    const had = Object.prototype.hasOwnProperty.call(p, k);
+    const s = share(had ? p[k] : undefined, next[k]);
+    out[k] = s;
+    if (!had || s !== p[k])
+      same = false;
+  }
+  return same ? prev : out;
+}
+export {
+  BASE_CSS,
+  CLIENT_FUNCTIONS,
+  DEBOUNCE_MS,
+  FormRegistry,
+  HostOwnedController,
+  LAYERS,
+  LIST_ITEM,
+  LITERAL_ROWS_ROOT,
+  MAX_BLOCK_NESTING,
+  MAX_LINK_DEST,
+  MAX_LINK_NESTING,
+  MEDIA_CACHE_IDLE_MAX,
+  PLACED,
+  STATE_SELECTORS,
+  TYPEAHEAD_RESET_MS,
+  absolutePath,
+  acceptsFile,
+  acquireMedia,
+  addDays,
+  addMonths,
+  animationDeclarations,
+  ariaAttributes,
+  arr,
+  bindTree,
+  bool,
+  boundPath,
+  builtinIconName,
+  calendarStop,
+  clearMediaCache,
+  compileNodeSheet,
+  compileTheme,
+  compiledTheme,
+  cssEscape,
+  cssValue,
+  declarations,
+  documentOrder,
+  dynamicStyleEntries,
+  failingCheck,
+  failingChecks,
+  fetchLimited,
+  fetchStream,
+  fieldErrorsVisible,
+  formatFileSize,
+  formatterOf,
+  getPointer,
+  globalsCss,
+  hasDynamic,
+  hostPath,
+  isBinding,
+  isCall,
+  isMacroComponent,
+  isoDate,
+  joinIds,
+  linkAt,
+  linkHref,
+  listViewport,
+  lookupIcon,
+  mediaCacheKey,
+  mediaCacheStats,
+  mediaRequestOf,
+  mediaUrlAllowed,
+  memoFormatter,
+  monthGrid,
+  nextEnabledIndex,
+  nodeClass,
+  nodeSheet,
+  nodeSheetBatches,
+  num2 as num,
+  objects,
+  openAllowed,
+  openMediaSource,
+  ownPrivateHosts,
+  parseInline,
+  parseIsoDate,
+  parseList,
+  parseLocaleNumber,
+  parseMarkdown,
+  partClass,
+  phrase,
+  placedPartId,
+  pointerTokens,
+  propAttribute,
+  queryToken,
+  releaseMedia,
+  resolveAccessibility,
+  resolveNodeProps,
+  resolveProps,
+  resolveValue,
+  resolveVisible,
+  resolvedMediaKey,
+  rule,
+  ruleSelectors,
+  sameDay,
+  scrollParent,
+  setPointer,
+  share,
+  shimmerRule,
+  sortRows,
+  str,
+  streamEntry,
+  styleDirection,
+  surfaceClass,
+  themeScope,
+  tokenVar,
+  tokenVarName,
+  typeaheadStep,
+  urlPolicyOf,
+  validateOnDefault,
+  viewOf,
+  walkNodes,
+  wholeImage
+};
+
+//# debugId=F23A7429A2CCC72864756E2164756E21
+//# sourceMappingURL=index.js.map