@inf-monkeys-tech/monkeys-design 0.4.55 → 0.4.56

package/dist/provider/index.js

@@ -0,0 +1,2688 @@
+'use strict';
+
+var react = require('react');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/provider/MonkeysProvider.tsx
+
+// src/locale/en-US.ts
+var enUS = {
+  locale: "en-US",
+  messages: {
+    pagination: {
+      navigation: "Pagination",
+      first: "First",
+      previous: "Previous",
+      next: "Next",
+      last: "Last",
+      page: ({ page, pageCount }) => `Page ${page} of ${pageCount}`,
+      currentPage: ({ page, pageCount }) => `Page ${page} of ${pageCount}, current page`,
+      emptyResults: "0 results",
+      range: ({ start, end, total }) => `${start}-${end} of ${total}`
+    },
+    dialog: {
+      close: "Close dialog"
+    },
+    dropdownMenu: {
+      actions: "Actions"
+    },
+    loading: {
+      spinner: "Loading"
+    },
+    layout: {
+      resizePanels: "Resize panels"
+    },
+    steps: {
+      label: "Progress",
+      current: "Current",
+      completed: "Completed",
+      error: "Error",
+      disabled: "Disabled"
+    },
+    numberInput: {
+      increment: "Increase value",
+      decrement: "Decrease value"
+    },
+    passwordInput: {
+      showPassword: "Show password",
+      hidePassword: "Hide password"
+    },
+    multiSelect: {
+      placeholder: "Select options",
+      empty: "No options",
+      removeOption: ({ value }) => `Remove ${value}`
+    },
+    table: {
+      dragColumn: ({ columnId }) => `Drag column ${columnId}`,
+      resizeColumn: ({ columnId }) => `Resize column ${columnId}`,
+      sortColumn: ({ columnId }) => columnId ? `Sort column ${columnId}` : "Sort column",
+      loadingRow: "Loading table row"
+    },
+    toolbar: {
+      theme: {
+        label: "Appearance",
+        toggle: "Toggle theme",
+        auto: "Auto",
+        light: "Light",
+        dark: "Dark"
+      },
+      language: {
+        label: "Language",
+        switch: "Switch language"
+      }
+    },
+    toast: {
+      errorTitle: "Error",
+      warningTitle: "Warning",
+      defaultErrorDescription: "Something went wrong.",
+      defaultWarningDescription: "Please check and try again."
+    },
+    dataExplorer: {
+      viewTree: {
+        actions: "More actions",
+        expand: "Expand",
+        collapse: "Collapse",
+        loading: "Loading...",
+        empty: "No views",
+        error: "Unable to load views"
+      }
+    },
+    workbench: {
+      interactiveTable: {
+        columnActions: "Column actions",
+        freezeColumn: "Freeze to left",
+        freezeEndColumn: "Freeze to right",
+        unfreezeColumn: "Unfreeze from left",
+        unfreezeEndColumn: "Unfreeze from right",
+        unfreezeAllColumns: "Unfreeze all columns",
+        resetColumnWidth: "Reset column width",
+        frozenColumnTitle: "Frozen column"
+      }
+    }
+  }
+};
+
+// src/locale/zh-CN.ts
+var zhCN = {
+  locale: "zh-CN",
+  messages: {
+    pagination: {
+      navigation: "\u5206\u9875\u5BFC\u822A",
+      first: "\u9996\u9875",
+      previous: "\u4E0A\u4E00\u9875",
+      next: "\u4E0B\u4E00\u9875",
+      last: "\u672B\u9875",
+      page: ({ page, pageCount }) => `\u7B2C ${page} \u9875\uFF0C\u5171 ${pageCount} \u9875`,
+      currentPage: ({ page, pageCount }) => `\u7B2C ${page} \u9875\uFF0C\u5171 ${pageCount} \u9875\uFF0C\u5F53\u524D\u9875`,
+      emptyResults: "\u5171 0 \u6761",
+      range: ({ start, end, total }) => `\u7B2C ${start}-${end} \u6761\uFF0C\u5171 ${total} \u6761`
+    },
+    dialog: {
+      close: "\u5173\u95ED\u5BF9\u8BDD\u6846"
+    },
+    dropdownMenu: {
+      actions: "\u64CD\u4F5C"
+    },
+    loading: {
+      spinner: "\u6B63\u5728\u52A0\u8F7D"
+    },
+    layout: {
+      resizePanels: "\u8C03\u6574\u9762\u677F\u5927\u5C0F"
+    },
+    steps: {
+      label: "\u8FDB\u5EA6",
+      current: "\u5F53\u524D\u6B65\u9AA4",
+      completed: "\u5DF2\u5B8C\u6210",
+      error: "\u9519\u8BEF",
+      disabled: "\u5DF2\u7981\u7528"
+    },
+    numberInput: {
+      increment: "\u589E\u52A0\u6570\u503C",
+      decrement: "\u51CF\u5C11\u6570\u503C"
+    },
+    passwordInput: {
+      showPassword: "\u663E\u793A\u5BC6\u7801",
+      hidePassword: "\u9690\u85CF\u5BC6\u7801"
+    },
+    multiSelect: {
+      placeholder: "\u8BF7\u9009\u62E9",
+      empty: "\u6682\u65E0\u9009\u9879",
+      removeOption: ({ value }) => `\u79FB\u9664 ${value}`
+    },
+    table: {
+      dragColumn: ({ columnId }) => `\u62D6\u52A8\u5217 ${columnId}`,
+      resizeColumn: ({ columnId }) => `\u8C03\u6574\u5217\u5BBD ${columnId}`,
+      sortColumn: ({ columnId }) => columnId ? `\u6392\u5E8F\u5217 ${columnId}` : "\u6392\u5E8F\u5217",
+      loadingRow: "\u6B63\u5728\u52A0\u8F7D\u8868\u683C\u884C"
+    },
+    toolbar: {
+      theme: {
+        label: "\u5916\u89C2",
+        toggle: "\u5207\u6362\u4E3B\u9898",
+        auto: "\u8DDF\u968F\u7CFB\u7EDF",
+        light: "\u6D45\u8272\u6A21\u5F0F",
+        dark: "\u6DF1\u8272\u6A21\u5F0F"
+      },
+      language: {
+        label: "\u8BED\u8A00",
+        switch: "\u5207\u6362\u8BED\u8A00"
+      }
+    },
+    toast: {
+      errorTitle: "\u9519\u8BEF",
+      warningTitle: "\u63D0\u793A",
+      defaultErrorDescription: "\u53D1\u751F\u9519\u8BEF\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002",
+      defaultWarningDescription: "\u8BF7\u68C0\u67E5\u540E\u91CD\u8BD5\u3002"
+    },
+    dataExplorer: {
+      viewTree: {
+        actions: "\u66F4\u591A\u64CD\u4F5C",
+        expand: "\u5C55\u5F00",
+        collapse: "\u6536\u8D77",
+        loading: "\u6B63\u5728\u52A0\u8F7D...",
+        empty: "\u6682\u65E0\u89C6\u56FE",
+        error: "\u65E0\u6CD5\u52A0\u8F7D\u89C6\u56FE"
+      }
+    },
+    workbench: {
+      interactiveTable: {
+        columnActions: "\u5217\u64CD\u4F5C",
+        freezeColumn: "\u56FA\u5B9A\u5230\u5DE6\u4FA7",
+        freezeEndColumn: "\u56FA\u5B9A\u5230\u53F3\u4FA7",
+        unfreezeColumn: "\u53D6\u6D88\u5DE6\u4FA7\u56FA\u5B9A",
+        unfreezeEndColumn: "\u53D6\u6D88\u53F3\u4FA7\u56FA\u5B9A",
+        unfreezeAllColumns: "\u53D6\u6D88\u5168\u90E8\u56FA\u5B9A",
+        resetColumnWidth: "\u91CD\u7F6E\u5217\u5BBD",
+        frozenColumnTitle: "\u5DF2\u56FA\u5B9A\u5217"
+      }
+    }
+  }
+};
+
+// src/locale/resolve-locale.ts
+var BUILT_IN_LOCALES = {
+  "en-US": enUS,
+  "zh-CN": zhCN
+};
+function normalizeLocaleId(locale) {
+  if (typeof locale !== "string" || !locale.trim()) {
+    throw new TypeError("Monkeys locale must be a non-empty BCP 47 string.");
+  }
+  try {
+    return Intl.getCanonicalLocales(locale)[0];
+  } catch {
+    throw new RangeError(
+      `Monkeys locale "${locale}" is not a valid BCP 47 identifier.`
+    );
+  }
+}
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function validateMessageOverride(value, schema, path) {
+  if (!isRecord(value) || !isRecord(schema)) {
+    throw new TypeError(`${path} must be an object.`);
+  }
+  for (const [key, candidate] of Object.entries(value)) {
+    if (candidate === void 0) continue;
+    if (!(key in schema)) {
+      throw new TypeError(`${path}.${key} is not a supported Monkeys message.`);
+    }
+    const expected = schema[key];
+    const candidatePath = `${path}.${key}`;
+    if (typeof expected === "function") {
+      if (typeof candidate !== "function") {
+        throw new TypeError(`${candidatePath} must be a function.`);
+      }
+    } else if (typeof expected === "string") {
+      if (typeof candidate !== "string") {
+        throw new TypeError(`${candidatePath} must be a string.`);
+      }
+    } else {
+      validateMessageOverride(candidate, expected, candidatePath);
+    }
+  }
+}
+function assertMessagesOverride(value, path) {
+  validateMessageOverride(value, enUS.messages, path);
+}
+function isBuiltInLocale(locale) {
+  return locale === "en-US" || locale === "zh-CN";
+}
+function normalizeLocaleInput(input) {
+  if (input === void 0) {
+    return {
+      locale: void 0,
+      messages: void 0,
+      hasExplicitLocale: false
+    };
+  }
+  if (typeof input === "string") {
+    const locale2 = normalizeLocaleId(input);
+    if (!isBuiltInLocale(locale2)) {
+      throw new RangeError(
+        `Unsupported built-in Monkeys locale "${locale2}". Provide a locale pack object for custom locales.`
+      );
+    }
+    return { locale: locale2, messages: void 0, hasExplicitLocale: true };
+  }
+  if (!input || typeof input !== "object" || Array.isArray(input)) {
+    throw new TypeError("Monkeys locale must be a locale id or locale pack object.");
+  }
+  const locale = normalizeLocaleId(input.locale);
+  assertMessagesOverride(input.messages, "Monkeys locale messages");
+  return {
+    locale,
+    messages: input.messages,
+    hasExplicitLocale: true
+  };
+}
+function mergeMonkeysLocaleMessages(base, override) {
+  if (!override) return base;
+  return {
+    pagination: { ...base.pagination, ...override.pagination },
+    dialog: { ...base.dialog, ...override.dialog },
+    dropdownMenu: { ...base.dropdownMenu, ...override.dropdownMenu },
+    loading: { ...base.loading, ...override.loading },
+    layout: { ...base.layout, ...override.layout },
+    steps: { ...base.steps, ...override.steps },
+    numberInput: { ...base.numberInput, ...override.numberInput },
+    passwordInput: { ...base.passwordInput, ...override.passwordInput },
+    multiSelect: { ...base.multiSelect, ...override.multiSelect },
+    table: { ...base.table, ...override.table },
+    toolbar: {
+      theme: { ...base.toolbar.theme, ...override.toolbar?.theme },
+      language: { ...base.toolbar.language, ...override.toolbar?.language }
+    },
+    toast: { ...base.toast, ...override.toast },
+    dataExplorer: {
+      viewTree: {
+        ...base.dataExplorer.viewTree,
+        ...override.dataExplorer?.viewTree
+      }
+    },
+    workbench: {
+      interactiveTable: {
+        ...base.workbench.interactiveTable,
+        ...override.workbench?.interactiveTable
+      }
+    }
+  };
+}
+var defaultMonkeysLocale = {
+  locale: enUS.locale,
+  messages: mergeMonkeysLocaleMessages(
+    enUS.messages
+  )
+};
+function resolveMonkeysLocale(input, override, parent) {
+  if (override !== void 0) {
+    assertMessagesOverride(override, "MonkeysProvider messages");
+  }
+  const normalized = normalizeLocaleInput(input);
+  const locale = normalized.locale ?? parent?.locale ?? enUS.locale;
+  const builtInMessages = isBuiltInLocale(locale) ? BUILT_IN_LOCALES[locale].messages : void 0;
+  let messages = mergeMonkeysLocaleMessages(
+    enUS.messages,
+    builtInMessages
+  );
+  if (parent && (!normalized.hasExplicitLocale || parent.locale === locale)) {
+    messages = mergeMonkeysLocaleMessages(messages, parent.messages);
+  }
+  messages = mergeMonkeysLocaleMessages(messages, normalized.messages);
+  messages = mergeMonkeysLocaleMessages(messages, override);
+  return { locale, messages };
+}
+var EMPTY_ENVIRONMENT = Object.freeze({});
+var EMPTY_PORTAL = Object.freeze({});
+var MONKEYS_PROVIDER_CONTEXTS_KEY = /* @__PURE__ */ Symbol.for(
+  "@inf-monkeys-tech/monkeys-design/provider-context@1"
+);
+function createMonkeysProviderContexts() {
+  return Object.freeze({
+    locale: react.createContext({
+      ...defaultMonkeysLocale,
+      provided: false
+    }),
+    theme: react.createContext({
+      provided: false
+    }),
+    direction: react.createContext({
+      provided: false
+    }),
+    environment: react.createContext({
+      provided: false,
+      environment: EMPTY_ENVIRONMENT,
+      portal: EMPTY_PORTAL
+    })
+  });
+}
+function getMonkeysProviderContexts() {
+  const host = globalThis;
+  const existing = host[MONKEYS_PROVIDER_CONTEXTS_KEY];
+  if (existing) return existing;
+  const contexts = createMonkeysProviderContexts();
+  Object.defineProperty(host, MONKEYS_PROVIDER_CONTEXTS_KEY, {
+    value: contexts,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+  return contexts;
+}
+var providerContexts = getMonkeysProviderContexts();
+var MonkeysLocaleContext = providerContexts.locale;
+var MonkeysThemeContext = providerContexts.theme;
+var MonkeysDirectionContext = providerContexts.direction;
+var MonkeysEnvironmentContext = providerContexts.environment;
+function mergeAppearance(inherited, explicit) {
+  if (explicit === void 0) return inherited;
+  if (inherited === void 0) return explicit;
+  return {
+    ...inherited,
+    ...explicit,
+    slots: inherited.slots || explicit.slots ? { ...inherited.slots, ...explicit.slots } : void 0,
+    styles: inherited.styles || explicit.styles ? { ...inherited.styles, ...explicit.styles } : void 0
+  };
+}
+function useMonkeysLocale() {
+  return react.useContext(MonkeysLocaleContext);
+}
+function useMonkeysLocaleMessages() {
+  return react.useContext(MonkeysLocaleContext).messages;
+}
+function useMonkeysResolvedTheme() {
+  return react.useContext(MonkeysThemeContext).resolvedTheme;
+}
+function useMonkeysBaseAppearance(explicit) {
+  const inherited = react.useContext(MonkeysThemeContext).baseAppearance;
+  return react.useMemo(
+    () => mergeAppearance(inherited, explicit),
+    [explicit, inherited]
+  );
+}
+function useMonkeysDataExplorerAppearance(explicit) {
+  const inherited = react.useContext(MonkeysThemeContext).dataExplorerAppearance;
+  return react.useMemo(
+    () => mergeAppearance(inherited, explicit),
+    [explicit, inherited]
+  );
+}
+function useMonkeysDirection() {
+  return react.useContext(MonkeysDirectionContext).direction;
+}
+function useMonkeysEnvironment() {
+  return react.useContext(MonkeysEnvironmentContext).environment;
+}
+function useMonkeysPortalOptions() {
+  return react.useContext(MonkeysEnvironmentContext).portal;
+}
+function useMonkeysComponentAttributes() {
+  const locale = react.useContext(MonkeysLocaleContext);
+  const theme = react.useContext(MonkeysThemeContext);
+  const direction = react.useContext(MonkeysDirectionContext);
+  const providerActive = locale.provided || theme.provided || direction.provided;
+  return react.useMemo(
+    () => providerActive ? {
+      dir: direction.direction,
+      "data-monkeys-direction": direction.direction,
+      "data-monkeys-locale": locale.locale,
+      "data-monkeys-theme": theme.resolvedTheme?.id,
+      "data-monkeys-theme-mode": theme.resolvedTheme?.tokens.mode
+    } : {},
+    [
+      direction.direction,
+      locale.locale,
+      providerActive,
+      theme.resolvedTheme?.id,
+      theme.resolvedTheme?.tokens.mode
+    ]
+  );
+}
+function cn(...parts) {
+  return tailwindMerge.twMerge(parts.filter(Boolean).join(" "));
+}
+
+// src/components/base/theme.ts
+var emptyStyles = {};
+var motionBase = "motion-safe:transition motion-safe:duration-300 motion-safe:ease-out";
+var motionInteractive = "motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out";
+var motionTransform = "motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-out";
+var tableScrollbarChrome = cn(
+  "[scrollbar-width:thin]",
+  "[scrollbar-color:hsl(var(--muted-foreground)/0.45)_transparent]",
+  "[&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-2",
+  "[&::-webkit-scrollbar-button]:hidden [&::-webkit-scrollbar-button]:h-0 [&::-webkit-scrollbar-button]:w-0 [&::-webkit-scrollbar-button]:bg-transparent",
+  "[&::-webkit-scrollbar-button:single-button]:hidden [&::-webkit-scrollbar-button:single-button]:h-0 [&::-webkit-scrollbar-button:single-button]:w-0",
+  "[&::-webkit-scrollbar-button:double-button]:hidden [&::-webkit-scrollbar-button:double-button]:h-0 [&::-webkit-scrollbar-button:double-button]:w-0",
+  "[&::-webkit-scrollbar-corner]:bg-transparent",
+  "[&::-webkit-scrollbar-track]:bg-transparent",
+  "[&:has(thead.sticky)::-webkit-scrollbar-track]:mt-[var(--base-table-header-height)]",
+  "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/40",
+  "hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/55"
+);
+var tableStickyHeaderCells = cn(
+  "[&.sticky_th]:sticky [&.sticky_th]:top-0 [&.sticky_th]:z-[2]",
+  "[&.sticky_th]:bg-[var(--base-table-sticky-header-bg)]",
+  "[&.sticky_th]:shadow-[inset_0_-1px_0_var(--base-table-header-separator)]"
+);
+var baseSlots = {
+  buttonBase: cn(
+    "group/button inline-flex min-w-0 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium focus-visible:outline-none",
+    "cursor-pointer disabled:!cursor-not-allowed",
+    motionInteractive
+  ),
+  buttonDefault: "border-border bg-background text-foreground hover:bg-accent/60",
+  buttonPrimary: "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15",
+  buttonSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 hover:bg-emerald-500/15",
+  buttonWarning: "border-amber-500/30 bg-amber-500/10 text-amber-700 hover:bg-amber-500/15",
+  buttonDanger: "border-destructive/20 bg-destructive/10 text-destructive-text hover:bg-destructive/15",
+  buttonMuted: "border-border/60 bg-muted/45 text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+  buttonActive: "border-primary/35 bg-primary/10 text-primary",
+  buttonDisabled: "!cursor-not-allowed opacity-60",
+  buttonIconOnly: "w-9 px-0",
+  buttonIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+  buttonLabel: "min-w-0 truncate",
+  badgeBase: cn(
+    "inline-flex max-w-full items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs font-medium",
+    motionBase
+  ),
+  badgeDefault: "border-border/60 bg-background text-foreground",
+  badgePrimary: "border-primary/30 bg-primary/10 text-primary",
+  badgeSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700",
+  badgeWarning: "border-amber-500/30 bg-amber-500/10 text-amber-700",
+  badgeDanger: "border-destructive/30 bg-destructive/10 text-destructive-text",
+  badgeMuted: "border-border/60 bg-muted text-muted-foreground",
+  badgeIcon: "inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center",
+  badgeLabel: "min-w-0 truncate",
+  textRoot: "min-w-0 break-words leading-6",
+  textSizeXs: "text-xs",
+  textSizeSm: "text-sm",
+  textSizeMd: "text-base",
+  textSizeLg: "text-lg",
+  textSizeXl: "text-xl",
+  typographyToneDefault: "text-foreground",
+  typographyToneMuted: "text-muted-foreground",
+  typographyTonePrimary: "text-primary",
+  typographyToneSuccess: "text-emerald-700 dark:text-emerald-400",
+  typographyToneWarning: "text-amber-700 dark:text-amber-400",
+  typographyToneDanger: "text-destructive-text",
+  typographyToneInherit: "text-inherit",
+  headingRoot: "min-w-0 break-words font-semibold tracking-tight",
+  headingSizeXs: "text-sm leading-5",
+  headingSizeSm: "text-base leading-6",
+  headingSizeMd: "text-lg leading-7",
+  headingSizeLg: "text-xl leading-7",
+  headingSizeXl: "text-2xl leading-8",
+  headingSize2xl: "text-3xl leading-9",
+  linkRoot: "inline break-words underline decoration-current/40 underline-offset-4 hover:decoration-current focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+  codeInline: "rounded border border-border/70 bg-muted/60 px-1.5 py-0.5 font-mono text-[0.875em] leading-[1.45] text-foreground",
+  codeBlock: "m-0 max-w-full overflow-x-auto rounded-md border border-border/70 bg-muted/60 p-4 text-foreground",
+  codeContent: "font-mono text-sm leading-6",
+  kbdRoot: "inline-flex min-h-5 items-center rounded border border-border bg-muted/70 px-1.5 font-mono text-[0.75em] font-medium leading-5 text-foreground shadow-[inset_0_-1px_0_hsl(var(--monkeys-color-border))]",
+  listRoot: "m-0 min-w-0 list-outside break-words ps-5 text-foreground",
+  listSpacingCompact: "[&>li+li]:mt-1",
+  listSpacingDefault: "[&>li+li]:mt-2",
+  listSpacingRelaxed: "[&>li+li]:mt-3",
+  listMarkerNone: "list-none ps-0",
+  listMarkerDisc: "list-disc",
+  listMarkerCircle: "list-[circle]",
+  listMarkerSquare: "list-[square]",
+  listMarkerDecimal: "list-decimal",
+  listMarkerLowerAlpha: "list-[lower-alpha]",
+  listMarkerUpperAlpha: "list-[upper-alpha]",
+  listItem: "min-w-0 ps-1 leading-6 marker:text-muted-foreground",
+  stackRoot: "flex min-w-0 flex-col",
+  inlineRoot: "flex min-w-0 flex-row",
+  gridRoot: "grid min-w-0",
+  containerRoot: "mx-auto w-full min-w-0",
+  aspectRatioRoot: "relative min-w-0 overflow-hidden [&>*]:h-full [&>*]:w-full",
+  spinnerRoot: "inline-flex shrink-0 items-center justify-center text-current align-middle",
+  spinnerIndicator: "h-5 w-5 rounded-full border-2 border-current border-r-transparent motion-safe:animate-spin motion-reduce:animate-none",
+  visuallyHiddenRoot: "sr-only",
+  visuallyHiddenFocusable: "focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[1000] focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-foreground focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-ring focus-within:not-sr-only focus-within:fixed focus-within:left-4 focus-within:top-4 focus-within:z-[1000] focus-within:rounded-md focus-within:bg-background focus-within:px-4 focus-within:py-2 focus-within:text-foreground focus-within:shadow-lg focus-within:ring-2 focus-within:ring-ring",
+  fieldsetRoot: "min-w-0 border-0 p-0 text-foreground",
+  fieldsetLegend: "min-w-0 text-sm font-semibold leading-6 text-foreground",
+  fieldsetDescription: "mt-1 text-sm leading-5 text-muted-foreground",
+  fieldsetError: "mt-1 text-sm leading-5 text-destructive-text",
+  fieldsetContent: "mt-3 grid min-w-0 gap-3",
+  stepsRoot: "m-0 min-w-0 list-none p-0 text-foreground",
+  stepsHorizontal: "flex w-full max-w-full items-start overflow-x-auto pb-2",
+  stepsVertical: "grid",
+  stepsItem: "relative min-w-0",
+  stepsItemHorizontal: "flex min-w-52 flex-1 items-start",
+  stepsItemVertical: "pb-6 last:pb-0",
+  stepsTrigger: "flex min-w-0 flex-1 items-start gap-3 rounded-md border-0 bg-transparent p-1 text-start text-inherit",
+  stepsTriggerInteractive: "cursor-pointer hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  stepsTriggerDisabled: "!cursor-not-allowed opacity-60",
+  stepsIndicator: "relative z-[1] inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border text-xs font-semibold",
+  stepsIndicatorPending: "border-border bg-background text-muted-foreground",
+  stepsIndicatorCurrent: "border-primary/50 bg-primary/10 text-primary",
+  stepsIndicatorCompleted: "border-primary bg-primary text-primary-foreground",
+  stepsIndicatorError: "border-destructive bg-destructive text-destructive-foreground",
+  stepsContent: "grid min-w-0 gap-1 pt-0.5",
+  stepsLabel: "min-w-0 break-words text-sm font-medium leading-5",
+  stepsDescription: "min-w-0 break-words text-sm leading-5 text-muted-foreground",
+  stepsStatus: "sr-only",
+  stepsConnector: "shrink-0 bg-border",
+  stepsConnectorHorizontal: "mt-3.5 h-px w-8",
+  stepsConnectorVertical: "absolute bottom-0 top-8 start-3.5 w-px -translate-x-1/2",
+  stepsConnectorCompleted: "bg-primary/60",
+  stepsConnectorError: "bg-destructive/60",
+  scrollAreaViewport: "min-h-0 min-w-0",
+  numberInputControl: "tabular-nums",
+  numberInputStepControls: "me-1 flex shrink-0 self-stretch overflow-hidden border-s border-border",
+  numberInputStepButton: "flex min-h-6 w-7 cursor-pointer items-center justify-center border-0 bg-transparent px-1 text-xs leading-none text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:z-[1] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:!cursor-not-allowed disabled:opacity-40",
+  passwordInputControl: "pe-2",
+  passwordInputToggle: "me-1 inline-flex min-h-7 shrink-0 cursor-pointer items-center justify-center rounded px-2 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:!cursor-not-allowed disabled:opacity-40",
+  inputGroupRoot: cn(
+    "relative flex min-w-0 items-stretch overflow-hidden rounded-md border border-border bg-background text-foreground focus-within:border-primary/50 focus-within:ring-2 focus-within:ring-ring/30",
+    motionBase
+  ),
+  inputGroupInvalid: "border-destructive/55 focus-within:border-destructive/70 focus-within:ring-destructive/25",
+  inputGroupDisabled: "!cursor-not-allowed bg-muted/35",
+  inputGroupContent: "flex min-w-0 flex-1 items-stretch [&>*]:min-w-0",
+  inputGroupStartElement: "inline-flex shrink-0 items-center justify-center ps-3 pe-1 text-foreground/75",
+  inputGroupEndElement: "inline-flex shrink-0 items-center justify-center ps-1 pe-3 text-foreground/75",
+  inputGroupStartAddon: "inline-flex max-w-[min(40%,16rem)] shrink-0 items-center overflow-hidden border-e border-border bg-muted/60 px-3 text-sm text-foreground/75 text-ellipsis whitespace-nowrap [&>*]:min-w-0",
+  inputGroupEndAddon: "inline-flex max-w-[min(40%,16rem)] shrink-0 items-center overflow-hidden border-s border-border bg-muted/60 px-3 text-sm text-foreground/75 text-ellipsis whitespace-nowrap [&>*]:min-w-0",
+  panelRoot: cn(
+    "group relative flex min-w-0 flex-col overflow-hidden rounded-lg border border-border/70 bg-background",
+    motionInteractive
+  ),
+  panelInteractive: "cursor-pointer hover:shadow-md",
+  panelSelected: "border-primary/45 bg-primary/5",
+  panelDisabled: "!cursor-not-allowed opacity-60",
+  panelMedia: "shrink-0 overflow-hidden",
+  panelHeader: "min-w-0 p-4",
+  panelTitle: "min-w-0 truncate text-sm font-semibold leading-none text-foreground",
+  panelDescription: "mt-1 text-sm leading-5 text-muted-foreground",
+  panelBody: "min-w-0 px-4 pb-4 text-sm text-foreground",
+  panelBodyStandalone: "pt-4",
+  panelFooter: "shrink-0 border-t border-border/60 px-4 py-3",
+  stateRoot: cn(
+    "flex min-h-48 flex-col items-center justify-center rounded-lg border border-border/70 bg-background px-6 py-10 text-center",
+    motionBase
+  ),
+  stateIcon: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground motion-safe:animate-in motion-safe:fade-in",
+  stateTitle: "text-sm font-semibold text-foreground",
+  stateDescription: "mt-2 max-w-md text-sm leading-6 text-muted-foreground",
+  stateActions: "mt-5 flex flex-wrap items-center justify-center gap-2",
+  loadingSpinner: "h-5 w-5 motion-safe:animate-spin motion-reduce:animate-none",
+  fieldRoot: "grid min-w-0 gap-2",
+  fieldLabelRow: "flex min-w-0 items-center justify-between gap-3",
+  fieldLabel: "min-w-0 text-sm font-medium leading-none text-foreground",
+  fieldRequired: "text-destructive-text",
+  fieldDescription: "text-sm leading-5 text-muted-foreground",
+  fieldMessage: "text-sm leading-5 text-muted-foreground",
+  fieldControl: "min-w-0",
+  controlWrapper: cn(
+    "relative flex min-w-0 items-center rounded-md border border-border bg-background text-foreground focus-within:border-primary/35",
+    motionBase
+  ),
+  controlBase: "min-w-0 flex-1 bg-transparent px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:!cursor-not-allowed",
+  controlInput: "h-9",
+  controlTextarea: "min-h-24 resize-y py-2 leading-6",
+  controlSelect: "h-9 cursor-pointer appearance-none pr-9 disabled:!cursor-not-allowed",
+  controlIcon: "pointer-events-none ml-3 inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground",
+  controlTrailing: "mr-3 inline-flex shrink-0 items-center justify-center text-muted-foreground",
+  controlInvalid: "border-destructive/45 focus-within:border-destructive/60",
+  controlDisabled: "!cursor-not-allowed opacity-60",
+  controlReadOnly: "bg-muted/35",
+  selectChevron: cn(
+    "pointer-events-none absolute right-3 top-1/2 h-2 w-2 -translate-y-1/2 rotate-45 border-b border-r border-current text-muted-foreground",
+    motionTransform
+  ),
+  selectMenu: "absolute left-0 right-0 top-[calc(100%+0.375rem)] z-50 max-h-60 origin-top overflow-auto rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg outline-none motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  selectOption: cn(
+    "flex min-h-8 w-full min-w-0 cursor-pointer items-center rounded-sm px-2.5 py-1.5 text-left text-sm text-foreground",
+    motionInteractive
+  ),
+  selectOptionActive: "bg-accent text-accent-foreground",
+  selectOptionSelected: "bg-primary/10 text-primary",
+  selectOptionDisabled: "!cursor-not-allowed opacity-50",
+  selectPlaceholder: "text-muted-foreground",
+  selectNative: "sr-only",
+  switchRoot: "inline-flex min-w-0 cursor-pointer items-start gap-3",
+  switchInput: "sr-only",
+  switchTrack: cn(
+    "relative mt-0.5 inline-flex h-6 w-10 shrink-0 items-center rounded-full border border-border bg-muted focus-within:border-primary/35",
+    motionBase
+  ),
+  switchThumb: cn(
+    "h-4 w-4 translate-x-1 rounded-full bg-background shadow-sm",
+    motionTransform
+  ),
+  switchChecked: "border-primary/40 bg-primary/80 text-primary-foreground",
+  switchDisabled: "!cursor-not-allowed opacity-60",
+  switchContent: "grid min-w-0 gap-1",
+  switchLabel: "text-sm font-medium leading-none text-foreground",
+  switchDescription: "text-sm leading-5 text-muted-foreground",
+  checkboxRoot: "inline-flex min-w-0 cursor-pointer items-start gap-3",
+  checkboxInput: "sr-only",
+  checkboxBox: cn(
+    "mt-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded border border-border bg-background text-primary focus-within:border-primary/40",
+    motionBase
+  ),
+  checkboxBoxChecked: "border-primary/45 bg-primary text-primary-foreground",
+  checkboxBoxInvalid: "border-destructive/50",
+  checkboxIndicator: "text-[11px] font-bold leading-none",
+  checkboxDisabled: "!cursor-not-allowed opacity-60",
+  checkboxContent: "grid min-w-0 gap-1",
+  checkboxLabel: "text-sm font-medium leading-none text-foreground",
+  checkboxDescription: "text-sm leading-5 text-muted-foreground",
+  radioGroupRoot: "grid min-w-0 gap-2",
+  radioOption: cn(
+    "inline-flex min-w-0 cursor-pointer items-start gap-3 rounded-md border border-border/60 bg-background px-3 py-2 text-sm",
+    motionInteractive,
+    "hover:bg-muted/35"
+  ),
+  radioInput: "sr-only",
+  radioMarker: cn(
+    "mt-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-border bg-background text-primary focus-within:border-primary/40",
+    motionBase
+  ),
+  radioMarkerChecked: "border-primary/50 bg-primary/10",
+  radioIndicator: "h-2 w-2 rounded-full bg-primary",
+  radioOptionDisabled: "!cursor-not-allowed opacity-60 hover:bg-background",
+  radioContent: "grid min-w-0 gap-1",
+  radioLabel: "text-sm font-medium leading-none text-foreground",
+  radioDescription: "text-sm leading-5 text-muted-foreground",
+  dialogRoot: "relative",
+  dialogTrigger: "",
+  dialogTriggerDisabled: "!cursor-not-allowed opacity-60",
+  dialogOverlay: "fixed inset-0 z-50 bg-background/70 backdrop-blur-sm motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  dialogContent: "pointer-events-none fixed inset-0 z-50 flex min-h-0 items-center justify-center p-4",
+  dialogPanel: cn(
+    "pointer-events-auto relative flex max-h-[min(85vh,720px)] w-full max-w-lg min-w-0 flex-col overflow-hidden rounded-lg border border-border/70 bg-background text-foreground shadow-xl",
+    "motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-95 motion-safe:duration-300 motion-safe:ease-out"
+  ),
+  dialogHeader: "grid min-w-0 gap-1 border-b border-border/60 px-5 py-4",
+  dialogTitle: "min-w-0 pr-8 text-base font-semibold leading-6 text-foreground",
+  dialogDescription: "text-sm leading-6 text-muted-foreground",
+  dialogBody: "min-h-0 min-w-0 overflow-auto px-5 py-4 text-sm text-foreground",
+  dialogFooter: "flex shrink-0 flex-wrap items-center justify-end gap-2 border-t border-border/60 px-5 py-4",
+  dialogClose: cn(
+    "absolute right-3 top-3 inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+    motionInteractive
+  ),
+  dropdownRoot: "relative inline-flex min-w-0",
+  dropdownTrigger: "",
+  dropdownTriggerDisabled: "!cursor-not-allowed opacity-60",
+  dropdownMenu: "z-50 min-w-48 overflow-hidden rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  dropdownMenuTop: "bottom-[calc(100%+0.375rem)] top-auto",
+  dropdownMenuEnd: "left-auto right-0",
+  dropdownLabel: "px-2.5 py-1.5 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground",
+  dropdownSeparator: "my-1 h-px bg-border/70",
+  dropdownItem: cn(
+    "flex min-w-0 cursor-pointer items-center gap-2 rounded-sm px-2.5 py-2 text-left text-sm text-foreground hover:bg-accent/60 focus:bg-accent/60 data-[highlighted]:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+    motionInteractive
+  ),
+  dropdownItemDanger: "text-destructive-text hover:bg-destructive/10 focus:bg-destructive/10 data-[highlighted]:bg-destructive/10",
+  dropdownItemDisabled: "!cursor-not-allowed opacity-50 hover:bg-transparent focus:bg-transparent data-[highlighted]:bg-transparent",
+  dropdownItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+  dropdownItemContent: "grid min-w-0 flex-1 gap-0.5",
+  dropdownItemLabel: "min-w-0 truncate",
+  dropdownItemDescription: "min-w-0 truncate text-xs leading-4 text-muted-foreground",
+  dropdownItemShortcut: "ml-3 shrink-0 text-xs font-medium text-muted-foreground",
+  tooltipRoot: "relative inline-flex min-w-0",
+  tooltipTrigger: "inline-flex min-w-0",
+  tooltipContent: "pointer-events-none z-50 max-w-xs rounded-md border border-border bg-popover px-2.5 py-1.5 text-xs leading-5 text-popover-foreground shadow-lg motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  noticeBase: cn(
+    "flex min-w-0 gap-3 rounded-lg border px-4 py-3 text-sm",
+    motionBase,
+    "motion-safe:animate-in motion-safe:fade-in"
+  ),
+  noticeDefault: "border-border bg-background text-foreground",
+  noticePrimary: "border-primary/25 bg-primary/10 text-primary",
+  noticeSuccess: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700",
+  noticeWarning: "border-amber-500/30 bg-amber-500/10 text-amber-700",
+  noticeDanger: "border-destructive/30 bg-destructive/10 text-destructive-text",
+  noticeMuted: "border-border/60 bg-muted/35 text-muted-foreground",
+  noticeIcon: "mt-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center motion-safe:animate-in motion-safe:fade-in",
+  noticeTitle: "font-semibold leading-5",
+  noticeDescription: "leading-6",
+  noticeActions: "mt-3 flex flex-wrap items-center gap-2",
+  dividerRoot: cn("shrink-0 border-border/70", motionBase),
+  dividerLabel: "mx-3 shrink-0 text-xs font-medium uppercase tracking-[0.12em] text-muted-foreground motion-safe:animate-in motion-safe:fade-in",
+  sectionHeaderRoot: "flex min-w-0 flex-wrap items-start justify-between gap-3 motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out",
+  sectionHeaderContent: "grid min-w-0 gap-1",
+  sectionHeaderEyebrow: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground",
+  sectionHeaderTitle: "text-base font-semibold leading-6 text-foreground",
+  sectionHeaderDescription: "max-w-2xl text-sm leading-6 text-muted-foreground",
+  sectionHeaderActions: "flex shrink-0 flex-wrap items-center gap-2",
+  tabsRoot: "grid min-w-0 gap-3",
+  tabsList: cn(
+    "inline-flex min-w-0 flex-wrap items-center gap-1 rounded-lg border border-border/70 bg-muted/30 p-1",
+    motionBase
+  ),
+  tabsTrigger: cn(
+    "inline-flex min-w-0 cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground hover:bg-background/70 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:ring-offset-1 motion-reduce:transition-none",
+    motionInteractive
+  ),
+  tabsTriggerActive: "bg-background text-foreground shadow-sm",
+  tabsTriggerDisabled: "!cursor-not-allowed opacity-50 hover:bg-transparent",
+  tabsPanel: "min-w-0 rounded-lg border border-border/70 bg-background p-4 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out motion-reduce:transition-none",
+  segmentedRoot: cn(
+    "inline-flex min-w-0 items-center gap-1 rounded-lg border border-border/70 bg-muted/30 p-1",
+    motionBase
+  ),
+  segmentedItem: cn(
+    "inline-flex min-w-0 cursor-pointer items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground hover:bg-background/70 hover:text-foreground focus-visible:outline-none",
+    motionInteractive
+  ),
+  segmentedItemActive: "bg-background text-foreground shadow-sm",
+  segmentedItemDisabled: "!cursor-not-allowed opacity-50 hover:bg-transparent",
+  progressRoot: "grid min-w-0 gap-2",
+  progressTrack: "h-2 w-full overflow-hidden rounded-full bg-muted",
+  progressIndicator: "h-full rounded-full bg-primary motion-safe:transition-[width] motion-safe:duration-500 motion-safe:ease-out",
+  progressLabelRow: "flex min-w-0 items-center justify-between gap-3",
+  progressLabel: "min-w-0 truncate text-sm font-medium text-foreground",
+  progressValue: "shrink-0 text-xs font-medium text-muted-foreground",
+  skeletonRoot: "relative overflow-hidden rounded-md bg-muted/70",
+  avatarRoot: "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-muted text-sm font-semibold text-muted-foreground motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  avatarImage: "h-full w-full object-cover",
+  avatarFallback: "flex h-full w-full items-center justify-center bg-muted text-foreground",
+  avatarStatus: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-muted-foreground motion-safe:animate-pulse",
+  avatarText: "min-w-0 truncate text-sm font-medium text-foreground",
+  toolbarRoot: cn(
+    "flex min-w-0 flex-wrap items-center justify-between gap-3 rounded-lg border border-border/70 bg-background px-4 py-3",
+    motionBase
+  ),
+  toolbarLeading: "flex min-w-0 items-center gap-3",
+  toolbarTitle: "min-w-0 truncate text-sm font-semibold text-foreground",
+  toolbarDescription: "mt-0.5 text-sm leading-5 text-muted-foreground",
+  toolbarContent: "min-w-0 flex-1",
+  toolbarActions: "flex shrink-0 flex-wrap items-center gap-2",
+  breadcrumbRoot: "min-w-0 text-sm text-muted-foreground",
+  breadcrumbList: "flex min-w-0 flex-wrap items-center gap-1.5",
+  breadcrumbItem: "inline-flex min-w-0 items-center gap-1.5",
+  breadcrumbLink: "min-w-0 cursor-pointer truncate text-muted-foreground hover:text-foreground disabled:!cursor-not-allowed disabled:opacity-50 aria-disabled:!cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  breadcrumbCurrent: "min-w-0 truncate font-medium text-foreground",
+  breadcrumbSeparator: "shrink-0 text-muted-foreground/70",
+  paginationRoot: "flex min-w-0 flex-wrap items-center justify-between gap-3 text-sm",
+  paginationInfo: "min-w-0 text-muted-foreground",
+  paginationControls: "flex min-w-0 flex-wrap items-center justify-end gap-1.5",
+  paginationButton: "inline-flex h-8 min-w-8 cursor-pointer items-center justify-center whitespace-nowrap rounded-md border border-border bg-background px-2.5 text-sm font-medium text-foreground hover:bg-accent/60 disabled:!cursor-not-allowed disabled:opacity-50 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out",
+  paginationButtonDisabled: "!cursor-not-allowed opacity-50",
+  paginationPage: "inline-flex h-8 min-w-8 cursor-default items-center justify-center rounded-md bg-muted/50 px-2.5 text-sm font-medium text-foreground hover:bg-muted/50",
+  paginationEllipsis: "inline-flex h-8 min-w-6 items-center justify-center px-1 text-sm text-muted-foreground",
+  descriptionListRoot: "grid min-w-0 gap-3 text-sm",
+  descriptionListItem: "grid min-w-0 gap-1 rounded-md border border-border/60 bg-background px-3 py-2 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out hover:shadow-sm",
+  descriptionListTerm: "min-w-0 truncate text-xs font-medium uppercase tracking-[0.08em] text-muted-foreground",
+  descriptionListValue: "min-w-0 text-sm leading-6 text-foreground",
+  accordionRoot: "grid min-w-0 gap-2",
+  accordionItem: "overflow-hidden rounded-lg border border-border/70 bg-background motion-safe:transition motion-safe:duration-300 motion-safe:ease-out motion-reduce:transition-none",
+  accordionTrigger: "flex w-full min-w-0 cursor-pointer items-center justify-between gap-3 px-4 py-3 text-start text-sm font-medium text-foreground hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:!cursor-not-allowed disabled:opacity-50 motion-safe:transition motion-safe:duration-300 motion-safe:ease-out motion-reduce:transition-none",
+  accordionTriggerIcon: cn(
+    "h-2 w-2 shrink-0 rotate-45 border-b border-r border-current text-muted-foreground",
+    motionTransform,
+    "motion-reduce:transition-none"
+  ),
+  accordionPanel: "border-t border-border/60 px-4 py-3 text-sm leading-6 text-muted-foreground motion-safe:animate-in motion-safe:fade-in motion-safe:duration-300 motion-safe:ease-out motion-reduce:animate-none",
+  menuTrigger: "inline-flex min-w-0",
+  menuContent: "z-50 min-w-44 overflow-hidden rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg outline-none motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-95 motion-safe:duration-300 motion-safe:ease-out",
+  menuLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+  menuSeparator: "-mx-1 my-1 h-px bg-border",
+  menuItem: cn(
+    "relative flex min-h-8 min-w-0 cursor-pointer select-none items-center gap-2 rounded-sm px-2.5 py-1.5 text-sm text-foreground outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:!cursor-not-allowed data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+    motionInteractive
+  ),
+  menuItemDefault: "text-foreground",
+  menuItemPrimary: "text-primary focus:text-primary data-[highlighted]:text-primary",
+  menuItemSuccess: "text-emerald-700 focus:text-emerald-700 data-[highlighted]:text-emerald-700",
+  menuItemWarning: "text-amber-700 focus:text-amber-700 data-[highlighted]:text-amber-700",
+  menuItemDanger: "text-destructive-text focus:text-destructive-text data-[highlighted]:text-destructive-text",
+  menuItemMuted: "text-muted-foreground focus:text-foreground data-[highlighted]:text-foreground",
+  menuItemDisabled: "!cursor-not-allowed opacity-50 data-[disabled]:pointer-events-none",
+  menuItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+  menuItemLabel: "min-w-0 flex-1 truncate",
+  menuItemShortcut: "ml-4 shrink-0 text-xs font-medium text-muted-foreground",
+  menuCheckboxIndicator: "absolute left-2 inline-flex h-4 w-4 items-center justify-center text-current",
+  menuRadioIndicator: "absolute left-2 inline-flex h-4 w-4 items-center justify-center text-current",
+  menuSubTrigger: cn(
+    "relative flex min-h-8 min-w-0 cursor-pointer select-none items-center gap-2 rounded-sm px-2.5 py-1.5 text-sm text-foreground outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:!cursor-not-allowed data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+    motionInteractive
+  ),
+  menuSubTriggerIcon: "ml-auto inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground",
+  menuSubContent: "z-50 min-w-40 overflow-hidden rounded-md border border-border bg-background p-1 text-sm text-foreground shadow-lg outline-none motion-safe:animate-in motion-safe:fade-in motion-safe:zoom-in-95 motion-safe:duration-300 motion-safe:ease-out",
+  tableContainer: cn(
+    "relative isolate min-w-0 overflow-auto rounded-lg border border-border/70 bg-background/95 bg-clip-padding [scrollbar-gutter:stable]",
+    "[--base-table-header-height:2.75rem] [--base-table-split-scrollbar-gutter:0.75rem]",
+    "[--base-table-sticky-header-bg:hsl(var(--background))] [--base-table-header-separator:hsl(var(--border)_/_0.7)]",
+    tableScrollbarChrome,
+    motionBase
+  ),
+  tableContainerFooterAttached: "!rounded-b-none !shadow-none",
+  tableRoot: "w-full caption-bottom border-separate border-spacing-0 text-sm text-foreground",
+  tableCaption: "mt-3 text-sm text-muted-foreground",
+  tableHeader: cn(
+    "relative z-[2] bg-transparent [&_tr]:bg-transparent",
+    tableStickyHeaderCells
+  ),
+  tableBody: "[&_tr:last-child>*]:border-b-0",
+  tableFooter: "bg-muted/30 font-medium [&_tr>*]:border-t [&_tr>*]:border-border/70",
+  tableFooterBar: cn(
+    "flex min-w-0 flex-wrap items-center justify-between gap-3 rounded-lg border border-border/70 bg-muted/20 px-4 py-3 text-sm text-foreground shadow-none",
+    motionBase
+  ),
+  tableFooterBarAttached: "-mt-px rounded-t-none border-t border-border/70 shadow-none",
+  tableFooterBarLeading: "flex min-w-0 items-center gap-2",
+  tableFooterBarContent: "min-w-0 flex-1",
+  tableFooterBarActions: "ms-auto flex shrink-0 flex-wrap items-center gap-2",
+  tableSplitRoot: "grid w-full min-w-0 grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)_auto] caption-bottom border-separate border-spacing-0 text-sm text-foreground",
+  tableSplitHeader: "block w-full min-w-0 shrink-0 overflow-x-hidden overflow-y-hidden bg-transparent",
+  tableSplitBody: cn(
+    "block min-h-0 w-full min-w-0 max-w-full justify-self-stretch overflow-auto [scrollbar-gutter:stable]",
+    tableScrollbarChrome
+  ),
+  tableSplitFooter: "block w-full min-w-0 shrink-0 overflow-x-hidden overflow-y-hidden",
+  tableSplitRow: "grid w-max min-w-full [grid-template-columns:var(--base-table-column-template)]",
+  tableSplitHead: "flex min-w-0 overflow-hidden",
+  tableSplitCell: "block min-w-0 overflow-hidden [overflow-wrap:anywhere]",
+  tableRow: cn(
+    "[&>*]:border-b [&>*]:border-border/60 data-[state=selected]:bg-primary/5 data-[state=selected]:[&>*]:bg-primary/5",
+    motionBase
+  ),
+  tableRowInteractive: "cursor-pointer [--base-table-row-hover-bg:hsl(var(--muted)_/_0.35)] hover:bg-[var(--base-table-row-hover-bg)] hover:[&>*]:bg-[var(--base-table-row-hover-bg)]",
+  tableRowSelected: "bg-primary/5 [&>*]:bg-primary/5",
+  tableRowDisabled: "!cursor-not-allowed opacity-60",
+  tableHead: "relative h-11 whitespace-nowrap px-3 py-2 text-left align-middle text-xs font-semibold text-muted-foreground shadow-[inset_0_-1px_0_var(--base-table-header-separator)]",
+  tableHeadContent: "flex min-w-0 items-center justify-between gap-2",
+  tableHeadMain: "flex min-w-0 items-center gap-2",
+  tableHeadIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground",
+  tableHeadText: "grid min-w-0 gap-0.5",
+  tableHeadLabel: "min-w-0 truncate text-xs font-semibold leading-4 text-foreground",
+  tableHeadDescription: "min-w-0 truncate text-[11px] font-normal leading-4 text-muted-foreground",
+  tableHeadMeta: "shrink-0 text-[11px] font-medium text-muted-foreground",
+  tableHeadActions: "flex shrink-0 items-center gap-1",
+  tableHeadSortButton: cn(
+    "inline-flex min-w-0 cursor-pointer items-center gap-1 rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed disabled:opacity-60",
+    motionBase
+  ),
+  tableHeadSortIcon: cn(
+    "inline-flex h-3 w-3 shrink-0 items-center justify-center text-muted-foreground",
+    motionTransform
+  ),
+  tableHeadDragHandle: cn(
+    "inline-flex h-5 w-4 shrink-0 cursor-grab items-center justify-center rounded-sm text-muted-foreground hover:bg-muted active:cursor-grabbing focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed disabled:opacity-50",
+    motionBase
+  ),
+  tableHeadResizeHandle: cn(
+    "absolute end-0 top-1/2 h-7 w-2 -translate-y-1/2 cursor-col-resize touch-none rounded-sm after:absolute after:start-1/2 after:top-1/2 after:h-5 after:w-px after:-translate-x-1/2 after:-translate-y-1/2 after:bg-border hover:after:bg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:!cursor-not-allowed disabled:opacity-50",
+    motionBase
+  ),
+  tableCell: "min-w-0 px-3 py-2 align-middle text-sm text-foreground [overflow-wrap:anywhere]",
+  tableCellAlignCenter: "text-center",
+  tableCellAlignRight: "text-right",
+  tableEmptyRow: "[&>*]:border-b [&>*]:border-border/60",
+  tableEmptyCell: "px-4 py-10 text-center",
+  tableEmptyContent: "mx-auto flex max-w-md flex-col items-center justify-center text-center",
+  tableEmptyIcon: "mb-3 flex h-10 w-10 items-center justify-center rounded-full bg-muted text-muted-foreground",
+  tableEmptyTitle: "text-sm font-semibold text-foreground",
+  tableEmptyDescription: "mt-1 text-sm leading-6 text-muted-foreground",
+  tableEmptyActions: "mt-4 flex flex-wrap items-center justify-center gap-2",
+  tableLoadingRow: "[&>*]:border-b [&>*]:border-border/60",
+  tableLoadingCell: "px-3 py-2",
+  tableLoadingSkeleton: "h-4 w-full rounded-md bg-muted/70",
+  layoutRoot: cn(
+    "grid min-w-0 overflow-hidden grid-rows-[auto_minmax(0,1fr)_auto] gap-3 rounded-lg border border-border/70 bg-background p-3 text-foreground",
+    motionBase
+  ),
+  layoutRootFull: "h-full min-h-0",
+  layoutHeader: "min-w-0",
+  layoutBody: "grid min-h-0 min-w-0 overflow-hidden gap-3",
+  layoutSidebar: "min-h-0 min-w-0 overflow-hidden",
+  layoutMain: "min-h-0 min-w-0 overflow-hidden",
+  layoutAside: "min-h-0 min-w-0 overflow-hidden",
+  layoutFooter: "min-w-0",
+  layoutPane: cn(
+    "h-full max-h-full min-h-0 min-w-0 overflow-hidden rounded-lg bg-background text-foreground",
+    motionBase
+  ),
+  layoutPaneScrollable: "overflow-auto",
+  layoutPaneBordered: "border border-border/70",
+  layoutPaneMuted: "bg-muted/25",
+  layoutPaneSoft: "bg-background/95 shadow-sm",
+  layoutPaneTransparent: "bg-transparent shadow-none",
+  layoutSplitRoot: "grid min-h-0 min-w-0 overflow-hidden",
+  layoutSplitHorizontal: "grid-flow-col",
+  layoutSplitVertical: "grid-flow-row",
+  layoutSplitPane: "min-h-0 min-w-0 overflow-hidden",
+  layoutSplitPrimary: "",
+  layoutSplitSecondary: "",
+  layoutResizeHandle: cn(
+    "group/resize relative z-10 flex shrink-0 items-center justify-center bg-transparent text-muted-foreground hover:bg-border/60 active:bg-border/70 focus-visible:bg-border/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+    motionInteractive
+  ),
+  layoutResizeHandleHorizontal: "w-2 cursor-col-resize",
+  layoutResizeHandleVertical: "h-2 cursor-row-resize",
+  layoutResizeHandleDisabled: "cursor-default opacity-60",
+  layoutResizeHandleIndicator: "rounded-full bg-muted-foreground/45 group-hover/resize:bg-primary/70"
+};
+var densitySlots = {
+  compact: {
+    buttonBase: "h-8 px-2.5 text-xs",
+    buttonIconOnly: "h-8 w-8 px-0",
+    badgeBase: "px-1.5 py-0 text-[11px]",
+    panelHeader: "p-3",
+    panelBody: "px-3 pb-3 text-xs",
+    panelBodyStandalone: "pt-3",
+    panelFooter: "px-3 py-2",
+    stateRoot: "min-h-36 px-4 py-7",
+    stateIcon: "mb-3 h-10 w-10",
+    fieldRoot: "gap-1.5",
+    fieldLabel: "text-xs",
+    fieldDescription: "text-xs leading-5",
+    fieldMessage: "text-xs leading-5",
+    controlInput: "h-8 text-xs",
+    controlTextarea: "min-h-20 text-xs",
+    controlSelect: "h-8 text-xs",
+    selectMenu: "text-xs",
+    selectOption: "min-h-7 px-2 py-1 text-xs",
+    switchTrack: "h-5 w-9",
+    switchThumb: "h-3.5 w-3.5",
+    checkboxBox: "h-3.5 w-3.5",
+    checkboxLabel: "text-xs",
+    checkboxDescription: "text-xs leading-5",
+    radioOption: "px-2 py-1.5 text-xs",
+    radioMarker: "h-3.5 w-3.5",
+    radioIndicator: "h-1.5 w-1.5",
+    radioLabel: "text-xs",
+    radioDescription: "text-xs leading-5",
+    dialogPanel: "max-w-md",
+    dialogHeader: "px-4 py-3",
+    dialogTitle: "text-sm leading-5",
+    dialogDescription: "text-xs leading-5",
+    dialogBody: "px-4 py-3 text-xs",
+    dialogFooter: "px-4 py-3",
+    dropdownMenu: "min-w-44 text-xs",
+    dropdownItem: "px-2 py-1.5 text-xs",
+    tooltipContent: "text-[11px] leading-4",
+    noticeBase: "px-3 py-2 text-xs",
+    dividerLabel: "text-[11px]",
+    sectionHeaderRoot: "gap-2",
+    sectionHeaderTitle: "text-sm leading-5",
+    sectionHeaderDescription: "text-xs leading-5",
+    tabsList: "gap-0.5 p-0.5",
+    tabsTrigger: "px-2 py-1 text-xs",
+    tabsPanel: "p-3 text-xs",
+    segmentedRoot: "gap-0.5 p-0.5",
+    segmentedItem: "px-2 py-1 text-xs",
+    progressTrack: "h-1.5",
+    avatarRoot: "text-xs",
+    toolbarRoot: "gap-2 px-3 py-2",
+    toolbarTitle: "text-xs",
+    toolbarDescription: "text-xs leading-5",
+    paginationButton: "h-7 min-w-7 px-2 text-xs",
+    paginationPage: "h-7 min-w-7 px-2 text-xs",
+    descriptionListRoot: "gap-2 text-xs",
+    descriptionListItem: "px-2 py-1.5",
+    descriptionListTerm: "text-[11px]",
+    descriptionListValue: "text-xs leading-5",
+    accordionTrigger: "px-3 py-2 text-xs",
+    accordionPanel: "px-3 py-2 text-xs leading-5",
+    menuContent: "min-w-40 p-0.5 text-xs",
+    menuSubContent: "min-w-36 p-0.5 text-xs",
+    menuLabel: "px-2 py-1 text-[11px]",
+    menuItem: "min-h-7 px-2 py-1 text-xs",
+    menuSubTrigger: "min-h-7 px-2 py-1 text-xs",
+    menuItemShortcut: "text-[11px]",
+    tableContainer: "[--base-table-header-height:2.25rem]",
+    tableHead: "h-9 px-2 py-1.5 text-[11px]",
+    tableCell: "px-2 py-1.5 text-xs",
+    tableHeadLabel: "text-[11px]",
+    tableHeadDescription: "text-[10px] leading-3",
+    tableLoadingCell: "px-2 py-1.5",
+    layoutRoot: "gap-2 p-2",
+    layoutBody: "gap-2",
+    layoutPane: "rounded-md text-xs",
+    layoutResizeHandleHorizontal: "w-1.5",
+    layoutResizeHandleVertical: "h-1.5"
+  },
+  default: {
+    buttonBase: "h-9"
+  },
+  comfortable: {
+    buttonBase: "h-10 px-3.5",
+    buttonIconOnly: "h-10 w-10 px-0",
+    badgeBase: "px-2.5 py-1",
+    panelHeader: "p-5",
+    panelBody: "px-5 pb-5",
+    panelBodyStandalone: "pt-5",
+    panelFooter: "px-5 py-3.5",
+    stateRoot: "min-h-56 px-8 py-12",
+    stateIcon: "mb-5 h-14 w-14",
+    fieldRoot: "gap-2.5",
+    controlInput: "h-10",
+    controlTextarea: "min-h-28",
+    controlSelect: "h-10",
+    selectMenu: "p-1.5",
+    selectOption: "min-h-9 px-3 py-2",
+    switchTrack: "h-7 w-12",
+    switchThumb: "h-5 w-5",
+    checkboxBox: "h-5 w-5",
+    radioOption: "px-4 py-3",
+    radioMarker: "h-5 w-5",
+    radioIndicator: "h-2.5 w-2.5",
+    dialogPanel: "max-w-xl",
+    dialogHeader: "px-6 py-5",
+    dialogBody: "px-6 py-5",
+    dialogFooter: "px-6 py-5",
+    dropdownMenu: "min-w-56",
+    dropdownItem: "px-3 py-2.5",
+    noticeBase: "px-5 py-4",
+    sectionHeaderTitle: "text-lg leading-7",
+    tabsTrigger: "px-3.5 py-2",
+    tabsPanel: "p-5",
+    segmentedItem: "px-3.5 py-2",
+    progressTrack: "h-2.5",
+    toolbarRoot: "px-5 py-4",
+    paginationButton: "h-9 min-w-9 px-3",
+    paginationPage: "h-9 min-w-9 px-3",
+    descriptionListItem: "px-4 py-3",
+    accordionTrigger: "px-5 py-4",
+    accordionPanel: "px-5 py-4",
+    menuContent: "min-w-48 p-1.5",
+    menuSubContent: "min-w-44 p-1.5",
+    menuItem: "min-h-9 px-3 py-2",
+    menuSubTrigger: "min-h-9 px-3 py-2",
+    tableContainer: "[--base-table-header-height:3rem]",
+    tableHead: "h-12 px-4 py-3",
+    tableCell: "px-4 py-3",
+    tableLoadingCell: "px-4 py-3",
+    layoutRoot: "gap-4 p-4",
+    layoutBody: "gap-4",
+    layoutPane: "rounded-xl",
+    layoutResizeHandleHorizontal: "w-2.5",
+    layoutResizeHandleVertical: "h-2.5"
+  }
+};
+var radiusSlots = {
+  none: {
+    buttonBase: "rounded-none",
+    badgeBase: "rounded-none",
+    panelRoot: "rounded-none",
+    stateRoot: "rounded-none",
+    stateIcon: "rounded-none",
+    controlWrapper: "rounded-none",
+    selectMenu: "rounded-none",
+    selectOption: "rounded-none",
+    switchTrack: "rounded-none",
+    switchThumb: "rounded-none",
+    checkboxBox: "rounded-none",
+    radioOption: "rounded-none",
+    dialogPanel: "rounded-none",
+    dialogClose: "rounded-none",
+    dropdownMenu: "rounded-none",
+    dropdownItem: "rounded-none",
+    tooltipContent: "rounded-none",
+    noticeBase: "rounded-none",
+    tabsList: "rounded-none",
+    tabsTrigger: "rounded-none",
+    tabsPanel: "rounded-none",
+    segmentedRoot: "rounded-none",
+    segmentedItem: "rounded-none",
+    progressTrack: "rounded-none",
+    progressIndicator: "rounded-none",
+    skeletonRoot: "rounded-none",
+    avatarRoot: "rounded-none",
+    avatarStatus: "rounded-none",
+    toolbarRoot: "rounded-none",
+    paginationButton: "rounded-none",
+    paginationPage: "rounded-none",
+    descriptionListItem: "rounded-none",
+    accordionItem: "rounded-none",
+    menuContent: "rounded-none",
+    menuItem: "rounded-none",
+    menuSubTrigger: "rounded-none",
+    menuSubContent: "rounded-none",
+    tableContainer: "rounded-none",
+    tableEmptyIcon: "rounded-none",
+    tableLoadingSkeleton: "rounded-none",
+    layoutRoot: "rounded-none",
+    layoutPane: "rounded-none"
+  },
+  sm: {
+    buttonBase: "rounded-sm",
+    badgeBase: "rounded-sm",
+    panelRoot: "rounded-sm",
+    stateRoot: "rounded-sm",
+    stateIcon: "rounded-sm",
+    controlWrapper: "rounded-sm",
+    selectMenu: "rounded-sm",
+    selectOption: "rounded-sm",
+    switchTrack: "rounded-sm",
+    switchThumb: "rounded-sm",
+    checkboxBox: "rounded-sm",
+    radioOption: "rounded-sm",
+    dialogPanel: "rounded-sm",
+    dialogClose: "rounded-sm",
+    dropdownMenu: "rounded-sm",
+    dropdownItem: "rounded-sm",
+    tooltipContent: "rounded-sm",
+    noticeBase: "rounded-sm",
+    tabsList: "rounded-sm",
+    tabsTrigger: "rounded-sm",
+    tabsPanel: "rounded-sm",
+    segmentedRoot: "rounded-sm",
+    segmentedItem: "rounded-sm",
+    progressTrack: "rounded-sm",
+    progressIndicator: "rounded-sm",
+    skeletonRoot: "rounded-sm",
+    avatarRoot: "rounded-sm",
+    avatarStatus: "rounded-sm",
+    toolbarRoot: "rounded-sm",
+    paginationButton: "rounded-sm",
+    paginationPage: "rounded-sm",
+    descriptionListItem: "rounded-sm",
+    accordionItem: "rounded-sm",
+    menuContent: "rounded-sm",
+    menuItem: "rounded-sm",
+    menuSubTrigger: "rounded-sm",
+    menuSubContent: "rounded-sm",
+    tableContainer: "rounded-sm",
+    tableEmptyIcon: "rounded-sm",
+    tableLoadingSkeleton: "rounded-sm",
+    layoutRoot: "rounded-sm",
+    layoutPane: "rounded-sm"
+  },
+  md: {},
+  lg: {
+    buttonBase: "rounded-lg",
+    badgeBase: "rounded-lg",
+    panelRoot: "rounded-xl",
+    stateRoot: "rounded-xl",
+    stateIcon: "rounded-xl",
+    controlWrapper: "rounded-lg",
+    selectMenu: "rounded-lg",
+    selectOption: "rounded-md",
+    switchTrack: "rounded-full",
+    switchThumb: "rounded-full",
+    checkboxBox: "rounded-md",
+    radioOption: "rounded-xl",
+    dialogPanel: "rounded-xl",
+    dialogClose: "rounded-lg",
+    dropdownMenu: "rounded-lg",
+    dropdownItem: "rounded-md",
+    tooltipContent: "rounded-md",
+    noticeBase: "rounded-xl",
+    tabsList: "rounded-xl",
+    tabsTrigger: "rounded-lg",
+    tabsPanel: "rounded-xl",
+    segmentedRoot: "rounded-xl",
+    segmentedItem: "rounded-lg",
+    skeletonRoot: "rounded-lg",
+    toolbarRoot: "rounded-xl",
+    descriptionListItem: "rounded-lg",
+    accordionItem: "rounded-xl",
+    menuContent: "rounded-lg",
+    menuItem: "rounded-md",
+    menuSubTrigger: "rounded-md",
+    menuSubContent: "rounded-lg",
+    tableContainer: "rounded-xl",
+    tableEmptyIcon: "rounded-xl",
+    tableLoadingSkeleton: "rounded-lg",
+    layoutRoot: "rounded-xl",
+    layoutPane: "rounded-xl"
+  },
+  xl: {
+    buttonBase: "rounded-xl",
+    badgeBase: "rounded-xl",
+    panelRoot: "rounded-2xl",
+    stateRoot: "rounded-2xl",
+    stateIcon: "rounded-2xl",
+    controlWrapper: "rounded-xl",
+    selectMenu: "rounded-xl",
+    selectOption: "rounded-lg",
+    switchTrack: "rounded-full",
+    switchThumb: "rounded-full",
+    checkboxBox: "rounded-lg",
+    radioOption: "rounded-2xl",
+    dialogPanel: "rounded-2xl",
+    dialogClose: "rounded-xl",
+    dropdownMenu: "rounded-xl",
+    dropdownItem: "rounded-lg",
+    tooltipContent: "rounded-lg",
+    noticeBase: "rounded-2xl",
+    tabsList: "rounded-2xl",
+    tabsTrigger: "rounded-xl",
+    tabsPanel: "rounded-2xl",
+    segmentedRoot: "rounded-2xl",
+    segmentedItem: "rounded-xl",
+    skeletonRoot: "rounded-xl",
+    toolbarRoot: "rounded-2xl",
+    paginationButton: "rounded-xl",
+    paginationPage: "rounded-xl",
+    descriptionListItem: "rounded-xl",
+    accordionItem: "rounded-2xl",
+    menuContent: "rounded-xl",
+    menuItem: "rounded-lg",
+    menuSubTrigger: "rounded-lg",
+    menuSubContent: "rounded-xl",
+    tableContainer: "rounded-2xl",
+    tableEmptyIcon: "rounded-2xl",
+    tableLoadingSkeleton: "rounded-xl",
+    layoutRoot: "rounded-2xl",
+    layoutPane: "rounded-2xl"
+  },
+  full: {
+    buttonBase: "rounded-full",
+    badgeBase: "rounded-full",
+    panelRoot: "rounded-2xl",
+    stateRoot: "rounded-2xl",
+    stateIcon: "rounded-full",
+    controlWrapper: "rounded-full",
+    selectMenu: "rounded-2xl",
+    selectOption: "rounded-full",
+    switchTrack: "rounded-full",
+    switchThumb: "rounded-full",
+    checkboxBox: "rounded-full",
+    radioOption: "rounded-2xl",
+    dialogPanel: "rounded-2xl",
+    dialogClose: "rounded-full",
+    dropdownMenu: "rounded-2xl",
+    dropdownItem: "rounded-full",
+    tooltipContent: "rounded-full",
+    noticeBase: "rounded-2xl",
+    tabsList: "rounded-full",
+    tabsTrigger: "rounded-full",
+    tabsPanel: "rounded-2xl",
+    segmentedRoot: "rounded-full",
+    segmentedItem: "rounded-full",
+    progressTrack: "rounded-full",
+    progressIndicator: "rounded-full",
+    skeletonRoot: "rounded-full",
+    avatarRoot: "rounded-full",
+    avatarStatus: "rounded-full",
+    toolbarRoot: "rounded-2xl",
+    paginationButton: "rounded-full",
+    paginationPage: "rounded-full",
+    descriptionListItem: "rounded-2xl",
+    accordionItem: "rounded-2xl",
+    menuContent: "rounded-2xl",
+    menuItem: "rounded-full",
+    menuSubTrigger: "rounded-full",
+    menuSubContent: "rounded-2xl",
+    tableContainer: "rounded-2xl",
+    tableEmptyIcon: "rounded-full",
+    tableLoadingSkeleton: "rounded-full",
+    layoutRoot: "rounded-2xl",
+    layoutPane: "rounded-2xl"
+  }
+};
+var borderSlots = {
+  none: {
+    buttonBase: "border-transparent",
+    badgeBase: "border-transparent",
+    panelRoot: "border-transparent",
+    panelFooter: "border-transparent",
+    stateRoot: "border-transparent",
+    controlWrapper: "border-transparent",
+    selectMenu: "border-transparent",
+    switchTrack: "border-transparent",
+    checkboxBox: "border-transparent",
+    radioOption: "border-transparent",
+    radioMarker: "border-transparent",
+    dialogPanel: "border-transparent",
+    dialogHeader: "border-transparent",
+    dialogFooter: "border-transparent",
+    dropdownMenu: "border-transparent",
+    tooltipContent: "border-transparent",
+    noticeBase: "border-transparent",
+    dividerRoot: "border-transparent",
+    tabsList: "border-transparent",
+    tabsPanel: "border-transparent",
+    segmentedRoot: "border-transparent",
+    avatarRoot: "border-transparent",
+    toolbarRoot: "border-transparent",
+    paginationButton: "border-transparent",
+    descriptionListItem: "border-transparent",
+    accordionItem: "border-transparent",
+    accordionPanel: "border-transparent",
+    menuContent: "border-transparent",
+    menuSeparator: "bg-transparent",
+    menuSubContent: "border-transparent",
+    tableContainer: "border-transparent [--base-table-header-separator:transparent]",
+    tableHeader: "border-transparent",
+    tableFooter: "[&_tr>*]:border-transparent",
+    tableFooterBar: "border-transparent",
+    tableFooterBarAttached: "border-t border-transparent",
+    tableRow: "[&>*]:border-transparent",
+    tableEmptyRow: "[&>*]:border-transparent",
+    tableLoadingRow: "[&>*]:border-transparent",
+    layoutRoot: "border-transparent",
+    layoutPaneBordered: "border-transparent",
+    layoutResizeHandle: "bg-transparent hover:bg-transparent active:bg-transparent focus-visible:bg-transparent"
+  },
+  subtle: {
+    buttonDefault: "border-border/60",
+    badgeDefault: "border-border/60",
+    panelRoot: "border-border/60",
+    panelFooter: "border-border/60",
+    stateRoot: "border-border/60",
+    controlWrapper: "border-border/60",
+    selectMenu: "border-border/60",
+    switchTrack: "border-border/60",
+    checkboxBox: "border-border/60",
+    radioOption: "border-border/60",
+    radioMarker: "border-border/60",
+    dialogPanel: "border-border/60",
+    dialogHeader: "border-border/60",
+    dialogFooter: "border-border/60",
+    dropdownMenu: "border-border/60",
+    tooltipContent: "border-border/60",
+    noticeDefault: "border-border/60",
+    dividerRoot: "border-border/60",
+    tabsList: "border-border/60",
+    tabsPanel: "border-border/60",
+    segmentedRoot: "border-border/60",
+    avatarRoot: "border-border/60",
+    toolbarRoot: "border-border/60",
+    paginationButton: "border-border/60",
+    descriptionListItem: "border-border/60",
+    accordionItem: "border-border/60",
+    accordionPanel: "border-border/60",
+    menuContent: "border-border/60",
+    menuSeparator: "bg-border/60",
+    menuSubContent: "border-border/60",
+    tableContainer: "border-border/60 [--base-table-header-separator:hsl(var(--border)_/_0.6)]",
+    tableHeader: "border-border/60",
+    tableFooter: "[&_tr>*]:border-border/60",
+    tableFooterBar: "border-border/60",
+    tableFooterBarAttached: "border-t border-border/60",
+    tableRow: "[&>*]:border-border/50",
+    tableEmptyRow: "[&>*]:border-border/50",
+    tableLoadingRow: "[&>*]:border-border/50",
+    layoutRoot: "border-border/60",
+    layoutPaneBordered: "border-border/60"
+  },
+  solid: {},
+  strong: {
+    buttonDefault: "border-foreground/20",
+    badgeDefault: "border-foreground/20",
+    panelRoot: "border-foreground/20",
+    panelFooter: "border-foreground/20",
+    stateRoot: "border-foreground/20",
+    controlWrapper: "border-foreground/20",
+    selectMenu: "border-foreground/20",
+    switchTrack: "border-foreground/20",
+    checkboxBox: "border-foreground/20",
+    radioOption: "border-foreground/20",
+    radioMarker: "border-foreground/20",
+    dialogPanel: "border-foreground/20",
+    dialogHeader: "border-foreground/15",
+    dialogFooter: "border-foreground/15",
+    dropdownMenu: "border-foreground/20",
+    tooltipContent: "border-foreground/20",
+    noticeDefault: "border-foreground/20",
+    dividerRoot: "border-foreground/20",
+    tabsList: "border-foreground/20",
+    tabsPanel: "border-foreground/20",
+    segmentedRoot: "border-foreground/20",
+    avatarRoot: "border-foreground/20",
+    toolbarRoot: "border-foreground/20",
+    paginationButton: "border-foreground/20",
+    descriptionListItem: "border-foreground/20",
+    accordionItem: "border-foreground/20",
+    accordionPanel: "border-foreground/20",
+    menuContent: "border-foreground/20",
+    menuSeparator: "bg-foreground/15",
+    menuSubContent: "border-foreground/20",
+    tableContainer: "border-foreground/20 [--base-table-header-separator:hsl(var(--foreground)_/_0.15)]",
+    tableHeader: "border-foreground/20",
+    tableFooter: "[&_tr>*]:border-foreground/20",
+    tableFooterBar: "border-foreground/20",
+    tableFooterBarAttached: "border-t border-foreground/20",
+    tableRow: "[&>*]:border-foreground/15",
+    tableEmptyRow: "[&>*]:border-foreground/15",
+    tableLoadingRow: "[&>*]:border-foreground/15",
+    layoutRoot: "border-foreground/20",
+    layoutPaneBordered: "border-foreground/20",
+    layoutResizeHandle: "hover:bg-foreground/15 active:bg-foreground/20 focus-visible:bg-foreground/15"
+  }
+};
+var backgroundSlots = {
+  plain: {},
+  muted: {
+    buttonDefault: "bg-muted/20 hover:bg-muted/45",
+    panelRoot: "bg-card",
+    panelFooter: "bg-muted/20",
+    stateRoot: "bg-muted/20",
+    controlWrapper: "bg-background",
+    selectMenu: "bg-background",
+    selectOptionActive: "bg-muted/70 text-foreground",
+    checkboxBox: "bg-background",
+    radioOption: "bg-card hover:bg-muted/45",
+    radioMarker: "bg-background",
+    dialogPanel: "bg-card",
+    dropdownMenu: "bg-background",
+    dropdownItem: "hover:bg-muted/60",
+    tooltipContent: "bg-popover",
+    noticeDefault: "bg-muted/20",
+    tabsList: "bg-muted/35",
+    tabsTriggerActive: "bg-background",
+    tabsPanel: "bg-card",
+    segmentedRoot: "bg-muted/35",
+    segmentedItemActive: "bg-background",
+    progressTrack: "bg-muted/60",
+    skeletonRoot: "bg-muted",
+    toolbarRoot: "bg-card",
+    paginationButton: "bg-background hover:bg-muted/60",
+    paginationPage: "bg-muted/60",
+    descriptionListItem: "bg-card",
+    accordionItem: "bg-card",
+    menuContent: "bg-background",
+    menuItem: "focus:bg-muted/70 data-[highlighted]:bg-muted/70",
+    menuSubTrigger: "focus:bg-muted/70 data-[highlighted]:bg-muted/70 data-[state=open]:bg-muted/70",
+    menuSubContent: "bg-background",
+    tableContainer: "bg-background/95 [scrollbar-gutter:stable]",
+    tableFooter: "bg-muted/35",
+    tableFooterBar: "bg-muted/30 shadow-none",
+    tableRowInteractive: "cursor-pointer [--base-table-row-hover-bg:hsl(var(--muted)_/_0.45)]",
+    tableLoadingSkeleton: "bg-muted",
+    layoutRoot: "bg-card",
+    layoutPane: "bg-card",
+    layoutPaneMuted: "bg-muted/35",
+    layoutResizeHandle: "hover:bg-border/70 active:bg-border/80 focus-visible:bg-border/70"
+  },
+  soft: {
+    buttonDefault: "bg-muted/30 hover:bg-muted/55",
+    panelRoot: "bg-background/95 shadow-sm",
+    stateRoot: "bg-background/95 shadow-sm",
+    controlWrapper: "bg-background/95",
+    selectMenu: "bg-background/95 shadow-xl",
+    selectOptionActive: "bg-muted/60 text-foreground",
+    checkboxBox: "bg-background/95",
+    radioOption: "bg-background/95 shadow-sm hover:bg-muted/35",
+    radioMarker: "bg-background/95",
+    dialogPanel: "bg-background/95 shadow-xl",
+    dropdownMenu: "bg-background/95 shadow-xl",
+    dropdownItem: "hover:bg-muted/55",
+    tooltipContent: "bg-popover shadow-xl",
+    noticeDefault: "bg-background/95 shadow-sm",
+    tabsList: "bg-background/60 shadow-sm",
+    tabsTriggerActive: "bg-background",
+    tabsPanel: "bg-background/95 shadow-sm",
+    segmentedRoot: "bg-background/60 shadow-sm",
+    segmentedItemActive: "bg-background",
+    skeletonRoot: "bg-background/80",
+    toolbarRoot: "bg-background/95 shadow-sm",
+    paginationButton: "bg-background/95 hover:bg-muted/55",
+    descriptionListItem: "bg-background/95 shadow-sm",
+    accordionItem: "bg-background/95 shadow-sm",
+    menuContent: "bg-background/95 shadow-xl",
+    menuItem: "focus:bg-muted/60 data-[highlighted]:bg-muted/60",
+    menuSubTrigger: "focus:bg-muted/60 data-[highlighted]:bg-muted/60 data-[state=open]:bg-muted/60",
+    menuSubContent: "bg-background/95 shadow-xl",
+    tableContainer: "bg-background/95 shadow-sm [scrollbar-gutter:stable]",
+    tableFooter: "bg-muted/25",
+    tableFooterBar: "bg-muted/25 shadow-none",
+    tableRowInteractive: "cursor-pointer [--base-table-row-hover-bg:hsl(var(--muted)_/_0.35)]",
+    tableLoadingSkeleton: "bg-muted/65",
+    layoutRoot: "bg-background/95 shadow-sm",
+    layoutPane: "bg-background/95 shadow-sm",
+    layoutPaneSoft: "bg-background/95 shadow-md"
+  },
+  glass: {
+    buttonBase: "backdrop-blur-md",
+    buttonDefault: "border-white/10 bg-white/[0.08] text-foreground hover:bg-white/[0.14]",
+    badgeDefault: "border-white/10 bg-white/[0.08] text-foreground",
+    panelRoot: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    panelFooter: "border-white/10 bg-white/[0.05]",
+    stateRoot: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    stateIcon: "bg-white/10 text-foreground",
+    controlWrapper: "border-white/10 bg-white/[0.08] text-foreground backdrop-blur-md",
+    selectMenu: "border-white/10 bg-white/[0.10] text-foreground shadow-[0_18px_60px_rgba(15,23,42,0.18)] backdrop-blur-md",
+    selectOption: "text-foreground",
+    selectOptionActive: "bg-white/[0.14] text-foreground",
+    selectOptionSelected: "bg-white/[0.18] text-foreground",
+    switchTrack: "border-white/10 bg-white/[0.12] backdrop-blur-md",
+    checkboxBox: "border-white/10 bg-white/[0.08] backdrop-blur-md",
+    checkboxBoxChecked: "border-white/20 bg-white/[0.22] text-foreground",
+    radioOption: "border-white/10 bg-white/[0.06] backdrop-blur-md hover:bg-white/[0.10]",
+    radioMarker: "border-white/10 bg-white/[0.08] backdrop-blur-md",
+    radioMarkerChecked: "border-white/25 bg-white/[0.16]",
+    dialogOverlay: "bg-background/45 backdrop-blur-md",
+    dialogPanel: "border-white/10 bg-white/[0.08] shadow-2xl backdrop-blur-md",
+    dialogHeader: "border-white/10",
+    dialogFooter: "border-white/10",
+    dropdownMenu: "border-white/10 bg-white/[0.10] text-foreground shadow-[0_18px_60px_rgba(15,23,42,0.18)] backdrop-blur-md",
+    dropdownItem: "text-foreground hover:bg-white/[0.14]",
+    tooltipContent: "border-white/10 bg-white/[0.14] text-foreground shadow-[0_18px_60px_rgba(15,23,42,0.18)] backdrop-blur-md",
+    noticeDefault: "border-white/10 bg-white/[0.08] text-foreground backdrop-blur-md",
+    dividerRoot: "border-white/15",
+    tabsList: "border-white/10 bg-white/[0.08] backdrop-blur-md",
+    tabsTrigger: "text-muted-foreground hover:bg-white/[0.12] hover:text-foreground",
+    tabsTriggerActive: "bg-white/[0.16] text-foreground shadow-none",
+    tabsPanel: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    segmentedRoot: "border-white/10 bg-white/[0.08] backdrop-blur-md",
+    segmentedItem: "text-muted-foreground hover:bg-white/[0.12] hover:text-foreground",
+    segmentedItemActive: "bg-white/[0.16] text-foreground shadow-none",
+    progressTrack: "bg-white/[0.12]",
+    skeletonRoot: "bg-white/[0.16]",
+    avatarRoot: "border-white/10 bg-white/[0.12] text-foreground",
+    avatarFallback: "bg-white/[0.12] text-foreground",
+    avatarStatus: "border-background",
+    toolbarRoot: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    paginationButton: "border-white/10 bg-white/[0.08] text-foreground hover:bg-white/[0.14]",
+    paginationPage: "bg-white/[0.12] text-foreground",
+    descriptionListItem: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    accordionItem: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    accordionPanel: "border-white/10",
+    menuContent: "border-white/10 bg-white/[0.10] text-foreground shadow-[0_18px_60px_rgba(15,23,42,0.18)] backdrop-blur-md",
+    menuSeparator: "bg-white/10",
+    menuItem: "text-foreground focus:bg-white/[0.14] focus:text-foreground data-[highlighted]:bg-white/[0.14] data-[highlighted]:text-foreground",
+    menuSubTrigger: "text-foreground focus:bg-white/[0.14] focus:text-foreground data-[highlighted]:bg-white/[0.14] data-[highlighted]:text-foreground data-[state=open]:bg-white/[0.16]",
+    menuSubContent: "border-white/10 bg-white/[0.10] text-foreground shadow-[0_18px_60px_rgba(15,23,42,0.18)] backdrop-blur-md",
+    tableContainer: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md [scrollbar-gutter:stable] [--base-table-sticky-header-bg:rgb(255_255_255_/_0.94)] [--base-table-header-separator:rgb(255_255_255_/_0.24)]",
+    tableHeader: "border-white/10",
+    tableFooter: "bg-white/[0.05] [&_tr>*]:border-white/10",
+    tableFooterBar: "border-white/10 bg-white/[0.05] shadow-none backdrop-blur-md",
+    tableFooterBarAttached: "border-t border-white/10",
+    tableRow: "[&>*]:border-white/10",
+    tableRowInteractive: "cursor-pointer [--base-table-row-hover-bg:rgb(255_255_255_/_0.08)]",
+    tableHeadLabel: "text-foreground",
+    tableLoadingSkeleton: "bg-white/[0.16]",
+    layoutRoot: "border-white/10 bg-white/[0.05] shadow-none backdrop-blur-md",
+    layoutPane: "border-white/10 bg-white/[0.06] shadow-none backdrop-blur-md",
+    layoutPaneMuted: "bg-white/[0.08]",
+    layoutPaneSoft: "bg-white/[0.10] shadow-none backdrop-blur-md",
+    layoutResizeHandle: "text-foreground/65 hover:bg-white/10 active:bg-white/15 focus-visible:bg-white/10",
+    layoutResizeHandleIndicator: "bg-white/45 group-hover/resize:bg-white/75"
+  },
+  dark: {
+    buttonBase: "border-white/15 text-white shadow-lg backdrop-blur",
+    buttonDefault: "bg-black/30 hover:bg-black/[0.45]",
+    buttonPrimary: "border-white/25 bg-white/20 text-white hover:bg-white/25",
+    buttonMuted: "border-white/10 bg-black/20 text-white/70 hover:bg-black/[0.35] hover:text-white",
+    badgeDefault: "border-white/10 bg-white/[0.08] text-white",
+    badgeMuted: "border-white/10 bg-black/20 text-white/70",
+    panelRoot: "border-white/10 bg-slate-950 text-white shadow-none",
+    panelTitle: "text-white",
+    panelDescription: "text-white/65",
+    panelBody: "text-white/85",
+    panelFooter: "border-white/10 bg-white/[0.04]",
+    stateRoot: "border-white/10 bg-slate-950 text-white shadow-none",
+    stateIcon: "bg-white/10 text-white/75",
+    stateTitle: "text-white",
+    stateDescription: "text-white/65",
+    fieldLabel: "text-white",
+    fieldDescription: "text-white/65",
+    fieldMessage: "text-white/65",
+    controlWrapper: "border-white/15 bg-black/30 text-white shadow-lg backdrop-blur focus-within:border-white/35",
+    controlBase: "text-white placeholder:text-white/45",
+    selectChevron: "text-white/65",
+    selectMenu: "border-white/15 bg-slate-950 text-white shadow-2xl",
+    selectOption: "text-white",
+    selectOptionActive: "bg-white/[0.12] text-white",
+    selectOptionSelected: "bg-white/[0.16] text-white",
+    selectPlaceholder: "text-white/45",
+    switchTrack: "border-white/15 bg-black/30 shadow-lg backdrop-blur",
+    switchChecked: "border-white/25 bg-white/25 text-white",
+    switchLabel: "text-white",
+    switchDescription: "text-white/65",
+    checkboxBox: "border-white/15 bg-black/30 text-white shadow-lg backdrop-blur",
+    checkboxBoxChecked: "border-white/25 bg-white/25 text-white",
+    checkboxLabel: "text-white",
+    checkboxDescription: "text-white/65",
+    radioOption: "border-white/10 bg-white/[0.06] text-white hover:bg-white/[0.08]",
+    radioMarker: "border-white/15 bg-black/30 text-white shadow-lg backdrop-blur",
+    radioMarkerChecked: "border-white/25 bg-white/25",
+    radioIndicator: "bg-white",
+    radioLabel: "text-white",
+    radioDescription: "text-white/65",
+    dialogOverlay: "bg-slate-950/75",
+    dialogPanel: "border-white/10 bg-slate-950 text-white shadow-2xl",
+    dialogHeader: "border-white/10",
+    dialogTitle: "text-white",
+    dialogDescription: "text-white/65",
+    dialogBody: "text-white/85",
+    dialogFooter: "border-white/10",
+    dialogClose: "text-white/65 hover:bg-white/[0.08] hover:text-white",
+    dropdownMenu: "border-white/15 bg-slate-950 text-white shadow-2xl",
+    dropdownLabel: "text-white/55",
+    dropdownSeparator: "bg-white/15",
+    dropdownItem: "text-white hover:bg-white/[0.10]",
+    dropdownItemDescription: "text-white/55",
+    dropdownItemShortcut: "text-white/55",
+    tooltipContent: "border-white/15 bg-slate-950 text-white shadow-2xl",
+    noticeDefault: "border-white/10 bg-white/[0.08] text-white",
+    noticeMuted: "border-white/10 bg-black/20 text-white/70",
+    dividerRoot: "border-white/15",
+    dividerLabel: "text-white/55",
+    sectionHeaderEyebrow: "text-white/55",
+    sectionHeaderTitle: "text-white",
+    sectionHeaderDescription: "text-white/65",
+    tabsList: "border-white/10 bg-white/[0.08]",
+    tabsTrigger: "text-white/65 hover:bg-white/[0.12] hover:text-white",
+    tabsTriggerActive: "bg-white/[0.16] text-white shadow-none",
+    tabsPanel: "border-white/10 bg-white/[0.06] text-white",
+    segmentedRoot: "border-white/10 bg-white/[0.08]",
+    segmentedItem: "text-white/65 hover:bg-white/[0.12] hover:text-white",
+    segmentedItemActive: "bg-white/[0.16] text-white shadow-none",
+    progressTrack: "bg-white/[0.12]",
+    progressLabel: "text-white",
+    progressValue: "text-white/65",
+    skeletonRoot: "bg-white/[0.14]",
+    avatarRoot: "border-white/15 bg-white/[0.10] text-white",
+    avatarFallback: "bg-white/[0.10] text-white/75",
+    avatarText: "text-white",
+    avatarStatus: "border-slate-950",
+    toolbarRoot: "border-white/10 bg-white/[0.06] text-white",
+    toolbarTitle: "text-white",
+    toolbarDescription: "text-white/65",
+    breadcrumbLink: "text-white/65 hover:text-white",
+    breadcrumbCurrent: "text-white",
+    breadcrumbSeparator: "text-white/45",
+    paginationInfo: "text-white/65",
+    paginationButton: "border-white/10 bg-white/[0.08] text-white hover:bg-white/[0.14]",
+    paginationPage: "bg-white/[0.14] text-white",
+    descriptionListItem: "border-white/10 bg-white/[0.06]",
+    descriptionListTerm: "text-white/55",
+    descriptionListValue: "text-white",
+    accordionItem: "border-white/10 bg-white/[0.06]",
+    accordionTrigger: "text-white hover:bg-white/[0.08]",
+    accordionPanel: "border-white/10 text-white/70",
+    tableContainer: "border-white/10 bg-slate-950 text-white shadow-none [scrollbar-gutter:stable] [--base-table-sticky-header-bg:rgb(2_6_23_/_0.98)] [--base-table-header-separator:rgb(255_255_255_/_0.16)]",
+    tableRoot: "text-white",
+    tableHeader: "border-white/10",
+    tableFooter: "bg-white/[0.05] [&_tr>*]:border-white/10",
+    tableFooterBar: "border-white/10 bg-white/[0.05] text-white/65",
+    tableFooterBarAttached: "border-t border-white/10",
+    tableRow: "[&>*]:border-white/10",
+    tableRowInteractive: "cursor-pointer [--base-table-row-hover-bg:rgb(255_255_255_/_0.06)]",
+    tableHead: "text-white/65",
+    tableHeadLabel: "text-white",
+    tableHeadDescription: "text-white/55",
+    tableHeadMeta: "text-white/55",
+    tableHeadIcon: "text-white/55",
+    tableHeadSortIcon: "text-white/55",
+    tableHeadDragHandle: "text-white/55 hover:bg-white/[0.08]",
+    tableHeadResizeHandle: "after:bg-white/20 hover:after:bg-white/60",
+    tableCell: "text-white/85",
+    tableEmptyIcon: "bg-white/10 text-white/65",
+    tableEmptyTitle: "text-white",
+    tableEmptyDescription: "text-white/60",
+    menuContent: "border-white/10 bg-slate-950 text-white shadow-2xl",
+    menuLabel: "text-white/55",
+    menuSeparator: "bg-white/10",
+    menuItem: "text-white focus:bg-white/[0.10] focus:text-white data-[highlighted]:bg-white/[0.10] data-[highlighted]:text-white",
+    menuItemDefault: "text-white",
+    menuItemPrimary: "text-sky-200 focus:text-sky-200 data-[highlighted]:text-sky-200",
+    menuItemSuccess: "text-emerald-200 focus:text-emerald-200 data-[highlighted]:text-emerald-200",
+    menuItemWarning: "text-amber-200 focus:text-amber-200 data-[highlighted]:text-amber-200",
+    menuItemDanger: "text-red-200 focus:text-red-200 data-[highlighted]:text-red-200",
+    menuItemMuted: "text-white/65 focus:text-white data-[highlighted]:text-white",
+    menuItemShortcut: "text-white/45",
+    menuSubTrigger: "text-white focus:bg-white/[0.10] focus:text-white data-[highlighted]:bg-white/[0.10] data-[highlighted]:text-white data-[state=open]:bg-white/[0.12]",
+    menuSubTriggerIcon: "text-white/55",
+    menuSubContent: "border-white/10 bg-slate-950 text-white shadow-2xl",
+    tableLoadingSkeleton: "bg-white/[0.14]",
+    layoutRoot: "border-white/10 bg-slate-950 text-white shadow-none",
+    layoutPane: "border-white/10 bg-slate-950 text-white shadow-none",
+    layoutPaneMuted: "bg-white/[0.06]",
+    layoutPaneSoft: "bg-white/[0.08] shadow-none",
+    layoutResizeHandle: "text-white/65 hover:bg-white/10 active:bg-white/15 focus-visible:bg-white/10",
+    layoutResizeHandleIndicator: "bg-white/45 group-hover/resize:bg-white/75"
+  }
+};
+var presetDefaults = {
+  default: {
+    density: "default",
+    radius: "md",
+    border: "solid",
+    background: "plain"
+  },
+  admin: {
+    density: "default",
+    radius: "lg",
+    border: "subtle",
+    background: "soft"
+  },
+  monkey: {
+    density: "compact",
+    radius: "md",
+    border: "subtle",
+    background: "muted"
+  },
+  bsd: {
+    density: "default",
+    radius: "lg",
+    border: "subtle",
+    background: "glass"
+  },
+  glass: {
+    density: "default",
+    radius: "xl",
+    border: "subtle",
+    background: "glass"
+  },
+  "hard-edge": {
+    density: "compact",
+    radius: "none",
+    border: "strong",
+    background: "plain"
+  }
+};
+var presetSlots = {
+  admin: {
+    buttonBase: "font-medium",
+    panelRoot: "border-border/70",
+    controlWrapper: "font-medium",
+    tabsTrigger: "font-medium",
+    segmentedItem: "font-medium",
+    toolbarRoot: "border-border/70",
+    tableContainer: "border-border/70",
+    tableFooterBar: "border-border/70",
+    tableHeadLabel: "font-semibold",
+    menuItemLabel: "font-medium"
+  },
+  monkey: {
+    buttonBase: "text-xs",
+    badgeBase: "text-[11px]",
+    fieldLabel: "text-xs",
+    controlBase: "text-xs",
+    selectOption: "text-xs",
+    menuItem: "text-xs",
+    menuSubTrigger: "text-xs",
+    noticeBase: "text-xs",
+    sectionHeaderTitle: "text-sm",
+    tabsTrigger: "text-xs",
+    segmentedItem: "text-xs",
+    toolbarTitle: "text-xs",
+    paginationRoot: "text-xs"
+  },
+  bsd: {
+    buttonPrimary: "border-sky-300/25 bg-sky-300/15 text-sky-50 hover:bg-sky-300/20",
+    badgePrimary: "border-sky-300/25 bg-sky-300/15 text-sky-50",
+    noticePrimary: "border-sky-300/25 bg-sky-300/15 text-sky-50",
+    progressIndicator: "bg-sky-300",
+    avatarStatus: "border-slate-950"
+  },
+  glass: {
+    panelRoot: "shadow-[0_24px_80px_rgba(15,23,42,0.12)]",
+    stateRoot: "shadow-[0_24px_80px_rgba(15,23,42,0.12)]",
+    noticeBase: "shadow-[0_18px_60px_rgba(15,23,42,0.10)]",
+    tabsPanel: "shadow-[0_18px_60px_rgba(15,23,42,0.10)]",
+    toolbarRoot: "shadow-[0_18px_60px_rgba(15,23,42,0.10)]",
+    descriptionListItem: "shadow-[0_12px_40px_rgba(15,23,42,0.08)]",
+    accordionItem: "shadow-[0_12px_40px_rgba(15,23,42,0.08)]"
+  },
+  "hard-edge": {
+    buttonBase: "shadow-none",
+    panelRoot: "shadow-none",
+    stateRoot: "shadow-none",
+    controlWrapper: "shadow-none",
+    selectMenu: "shadow-none",
+    menuContent: "shadow-none",
+    menuSubContent: "shadow-none",
+    noticeBase: "shadow-none",
+    tabsList: "shadow-none",
+    tabsTriggerActive: "shadow-none",
+    tabsPanel: "shadow-none",
+    segmentedRoot: "shadow-none",
+    segmentedItemActive: "shadow-none",
+    toolbarRoot: "shadow-none",
+    descriptionListItem: "shadow-none",
+    accordionItem: "shadow-none"
+  }
+};
+function getPresetDefaults(preset) {
+  return presetDefaults[preset] ?? presetDefaults.default;
+}
+var slotKeys = Object.keys(baseSlots);
+function mergeSlots(...sources) {
+  return slotKeys.reduce((resolved, key) => {
+    resolved[key] = cn(...sources.map((source) => source?.[key]));
+    return resolved;
+  }, {});
+}
+function mergeStyles(...styleSets) {
+  return Object.assign({}, ...styleSets.filter(Boolean));
+}
+function resolveBaseAppearance(appearance) {
+  const preset = appearance?.preset ?? "default";
+  const defaults = getPresetDefaults(preset);
+  const density = appearance?.density ?? defaults.density ?? "default";
+  const radius = appearance?.radius ?? defaults.radius ?? "md";
+  const border = appearance?.border ?? defaults.border ?? "solid";
+  const background = appearance?.background ?? defaults.background ?? "plain";
+  return {
+    preset,
+    density,
+    radius,
+    border,
+    background,
+    styles: mergeStyles(emptyStyles, appearance?.styles),
+    slots: mergeSlots(
+      baseSlots,
+      presetSlots[preset],
+      densitySlots[density],
+      radiusSlots[radius],
+      borderSlots[border],
+      backgroundSlots[background],
+      appearance?.slots
+    )
+  };
+}
+
+// src/components/data-explorer/utils.ts
+function cn2(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+
+// src/components/data-explorer/theme.ts
+var emptyStyles2 = {};
+var baseSlots2 = {
+  toolbarRoot: "flex flex-wrap items-center gap-2 border-b border-border bg-background px-4 py-3",
+  toolbarLeading: "flex items-center gap-2",
+  toolbarSearch: "flex h-10 min-w-52 flex-1 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm",
+  toolbarSearchIcon: "inline-flex shrink-0 text-muted-foreground",
+  toolbarSearchInput: "min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+  toolbarViewSwitch: "flex items-center rounded-md border border-border bg-background p-0.5",
+  toolbarViewButton: "inline-flex h-9 min-w-9 items-center justify-center gap-2 rounded-md px-2 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+  toolbarViewButtonActive: "bg-muted text-foreground",
+  toolbarActions: "flex items-center gap-2",
+  actionBarRoot: "flex min-w-0 flex-wrap items-center gap-2",
+  actionBarLeading: "flex shrink-0 items-center gap-2",
+  actionBarActions: "flex min-w-0 flex-1 flex-wrap items-center gap-2",
+  actionBarTrailing: "flex shrink-0 items-center gap-2",
+  actionButtonBase: "inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  actionButtonDefault: "border-border bg-background text-foreground hover:bg-accent/60",
+  actionButtonPrimary: "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15",
+  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive-text hover:bg-destructive/15",
+  actionButtonMuted: "border-border/60 bg-muted/45 text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+  actionButtonActive: "ring-1 ring-primary/30",
+  actionButtonDisabled: "cursor-not-allowed opacity-60",
+  actionIconButton: "w-9 px-0",
+  actionToggleActive: "border-primary/30 bg-primary/10 text-primary",
+  controlButton: "inline-flex h-10 min-w-0 items-center justify-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium text-foreground transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60",
+  controlButtonIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+  controlButtonLabel: "min-w-0 truncate",
+  controlSelectTrigger: "inline-flex h-10 min-w-28 items-center justify-between gap-3 rounded-md border border-border bg-background px-3 text-sm font-medium text-foreground transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60",
+  controlSelectValue: "flex min-w-0 items-center gap-1 truncate",
+  controlCheckbox: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm font-medium text-foreground transition-colors hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60",
+  controlCheckboxIndicator: "flex h-4 w-4 shrink-0 items-center justify-center rounded border border-border bg-background text-primary",
+  controlCheckboxLabel: "min-w-0 truncate",
+  menuTrigger: "inline-flex h-8 w-8 items-center justify-center rounded-md text-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+  menuContent: "z-50 min-w-36 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none",
+  menuLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+  menuSeparator: "-mx-1 my-1 h-px bg-border",
+  menuItem: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  menuItemPrimary: "text-primary focus:text-primary",
+  menuItemDanger: "text-destructive-text focus:text-destructive-text",
+  menuItemMuted: "text-muted-foreground",
+  menuItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+  menuItemLabel: "truncate",
+  cardRoot: "group relative flex min-w-0 flex-col overflow-hidden rounded-lg border border-border/70 bg-background transition-shadow",
+  cardInteractive: "cursor-pointer hover:shadow-sm",
+  cardSelected: "ring-2 ring-primary",
+  cardDisabled: "opacity-60",
+  cardHeader: "p-4",
+  cardMedia: "shrink-0 overflow-hidden",
+  cardFooter: "shrink-0 border-t border-border/60 px-4 py-3",
+  recordCardRoot: "group relative border-border/70 transition-shadow hover:shadow-sm",
+  recordCardActive: "z-10 ring-2 ring-monkeys-500",
+  footerRoot: "flex items-center border-t border-border bg-background px-4 py-3",
+  footerSummary: "flex items-center gap-1 whitespace-nowrap text-sm text-muted-foreground",
+  footerJumpButton: "inline-flex items-center gap-1 text-muted-foreground underline-offset-4 hover:text-foreground hover:underline",
+  footerPageSizeSelect: "h-8 rounded-md border border-border bg-background px-2 text-sm text-foreground",
+  previewRoot: "relative h-full min-h-0 w-full flex-1 select-none self-stretch overflow-hidden bg-slate-950",
+  previewPlaceholder: "flex h-full w-full items-center justify-center rounded-xl bg-white/5 px-6 text-center text-sm text-white/60",
+  previewActions: "absolute right-4 top-4 z-20 flex flex-col gap-2",
+  previewControls: "absolute bottom-4 right-4 z-20 flex flex-col gap-2",
+  previewZoomLabel: "min-w-[3rem] rounded-full border border-white/15 bg-black/30 px-1 py-1 text-center text-xs font-medium text-white/70 shadow-lg backdrop-blur",
+  previewControlButton: "inline-flex h-9 w-9 items-center justify-center rounded-full border border-white/15 bg-black/30 text-white/90 shadow-lg backdrop-blur transition hover:bg-black/45",
+  previewNavigationButton: "absolute top-1/2 flex h-10 w-10 -translate-y-1/2 items-center justify-center rounded-full border border-white/15 bg-black/30 text-white/90 shadow-lg backdrop-blur transition-colors hover:bg-black/45 disabled:pointer-events-none disabled:opacity-40",
+  detailRoot: "flex h-full flex-col overflow-hidden bg-background",
+  detailHeader: "flex items-center justify-between gap-3 border-b border-border bg-background px-4 py-4 sm:px-5",
+  detailLeading: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
+  detailNavigation: "hidden items-center gap-1 rounded-lg border border-border bg-background px-1 py-1 md:flex",
+  detailNavigationButton: "flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
+  detailCloseButton: "flex h-10 w-10 items-center justify-center rounded-full border border-border bg-background text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+  detailPreviewPanel: "min-h-0 overflow-hidden border-b border-border bg-background xl:border-b-0",
+  detailPreviewFrame: "relative h-full min-h-0 w-full overflow-hidden bg-background",
+  detailRightPanel: "min-h-0 min-w-0 border-t border-border bg-background xl:border-l xl:border-t-0",
+  detailRightPanelBody: "h-full overflow-y-auto overscroll-contain bg-background p-5",
+  treeRoot: "min-w-0 space-y-1 overflow-hidden text-sm",
+  treeGroup: "min-w-0 space-y-1",
+  treeGroupHeader: "group/tree-group flex min-w-0 items-center gap-1",
+  treeGroupHeaderButton: "flex h-9 min-w-0 flex-1 items-center gap-2 rounded-md px-2 text-left font-medium text-muted-foreground transition-colors hover:bg-accent/55 hover:text-foreground",
+  treeGroupContent: "min-w-0 space-y-0.5",
+  treeGroupActions: "shrink-0 opacity-0 transition-opacity group-hover/tree-group:opacity-100 data-[state=open]:opacity-100",
+  treeNode: "min-w-0",
+  treeNodeButton: "group/tree-node flex min-h-9 w-full min-w-0 items-center gap-1 rounded-md pr-1 text-left text-sm text-foreground transition-colors hover:bg-accent/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+  treeNodeSelected: "bg-accent text-accent-foreground",
+  treeNodeDisabled: "cursor-not-allowed opacity-55",
+  treeNodeDragging: "opacity-50",
+  treeNodeToggle: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+  treeNodeIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground group-hover/tree-node:text-foreground",
+  treeNodeLabel: "min-w-0 truncate",
+  treeNodeDescription: "mt-0.5 truncate text-xs text-muted-foreground",
+  treeNodeMeta: "ml-2 shrink-0 text-xs text-muted-foreground",
+  treeNodeBadge: "ml-2 shrink-0 rounded-full border border-border bg-muted px-1.5 py-0.5 text-[11px] leading-none text-muted-foreground",
+  treeNodeActions: "ml-1 shrink-0 opacity-0 transition-opacity group-hover/tree-node:opacity-100 data-[state=open]:opacity-100",
+  treeNodeChildren: "mt-0.5 min-w-0 space-y-0.5",
+  treeNodeDragHandle: "inline-flex h-5 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground active:cursor-grabbing group-hover/tree-node:opacity-100",
+  treeEmpty: "px-3 py-2 text-xs text-muted-foreground",
+  treeError: "px-3 py-2 text-xs text-destructive-text",
+  treeLoading: "px-3 py-2 text-xs text-muted-foreground"
+};
+var densitySlots2 = {
+  compact: {
+    toolbarRoot: "px-3 py-2",
+    toolbarSearch: "h-9 min-w-48",
+    toolbarViewButton: "h-8 min-w-8 text-xs",
+    actionButtonBase: "h-8 px-2.5 text-xs",
+    actionIconButton: "h-8 w-8 px-0",
+    controlButton: "h-9 px-2.5 text-xs",
+    controlSelectTrigger: "h-9 min-w-24 px-2.5 text-xs",
+    controlCheckbox: "h-8 px-2.5 text-xs",
+    menuTrigger: "h-8 w-8",
+    footerRoot: "px-3 py-2",
+    footerPageSizeSelect: "h-8 text-xs",
+    treeGroupHeaderButton: "h-8 text-xs",
+    treeNodeButton: "min-h-8 text-xs",
+    treeEmpty: "py-1.5 text-xs",
+    treeError: "py-1.5 text-xs",
+    treeLoading: "py-1.5 text-xs"
+  },
+  default: {},
+  comfortable: {
+    toolbarRoot: "px-5 py-4",
+    toolbarSearch: "h-11",
+    toolbarViewButton: "h-10 min-w-10",
+    actionButtonBase: "h-10 px-3.5",
+    actionIconButton: "h-10 w-10 px-0",
+    controlButton: "h-11 px-3.5",
+    controlSelectTrigger: "h-11 min-w-32 px-3.5",
+    controlCheckbox: "h-10 px-3.5",
+    menuTrigger: "h-9 w-9",
+    footerRoot: "px-5 py-3.5",
+    treeGroupHeaderButton: "h-10",
+    treeNodeButton: "min-h-10"
+  }
+};
+var radiusSlots2 = {
+  none: {
+    toolbarSearch: "rounded-none",
+    toolbarViewSwitch: "rounded-none",
+    toolbarViewButton: "rounded-none",
+    actionButtonBase: "rounded-none",
+    controlButton: "rounded-none",
+    controlSelectTrigger: "rounded-none",
+    controlCheckbox: "rounded-none",
+    controlCheckboxIndicator: "rounded-none",
+    menuTrigger: "rounded-none",
+    menuContent: "rounded-none",
+    menuItem: "rounded-none",
+    cardRoot: "rounded-none",
+    footerPageSizeSelect: "rounded-none",
+    detailLeading: "rounded-none",
+    detailNavigation: "rounded-none",
+    detailNavigationButton: "rounded-none",
+    detailCloseButton: "rounded-none",
+    treeGroupHeaderButton: "rounded-none",
+    treeNodeButton: "rounded-none",
+    treeNodeToggle: "rounded-none",
+    treeNodeBadge: "rounded-none",
+    treeNodeDragHandle: "rounded-none"
+  },
+  sm: {
+    toolbarSearch: "rounded-sm",
+    toolbarViewSwitch: "rounded-sm",
+    toolbarViewButton: "rounded-sm",
+    actionButtonBase: "rounded-sm",
+    controlButton: "rounded-sm",
+    controlSelectTrigger: "rounded-sm",
+    controlCheckbox: "rounded-sm",
+    controlCheckboxIndicator: "rounded-sm",
+    menuTrigger: "rounded-sm",
+    menuContent: "rounded-sm",
+    menuItem: "rounded-sm",
+    cardRoot: "rounded-sm",
+    treeGroupHeaderButton: "rounded-sm",
+    treeNodeButton: "rounded-sm",
+    treeNodeToggle: "rounded-sm",
+    treeNodeBadge: "rounded-sm",
+    treeNodeDragHandle: "rounded-sm"
+  },
+  md: {},
+  lg: {
+    toolbarSearch: "rounded-lg",
+    toolbarViewSwitch: "rounded-lg",
+    toolbarViewButton: "rounded-lg",
+    actionButtonBase: "rounded-lg",
+    controlButton: "rounded-lg",
+    controlSelectTrigger: "rounded-lg",
+    controlCheckbox: "rounded-lg",
+    controlCheckboxIndicator: "rounded-md",
+    menuTrigger: "rounded-lg",
+    menuContent: "rounded-lg",
+    cardRoot: "rounded-xl",
+    treeGroupHeaderButton: "rounded-lg",
+    treeNodeButton: "rounded-lg",
+    treeNodeToggle: "rounded-md",
+    treeNodeBadge: "rounded-lg",
+    treeNodeDragHandle: "rounded-md"
+  },
+  xl: {
+    toolbarSearch: "rounded-xl",
+    toolbarViewSwitch: "rounded-xl",
+    toolbarViewButton: "rounded-xl",
+    actionButtonBase: "rounded-xl",
+    controlButton: "rounded-xl",
+    controlSelectTrigger: "rounded-xl",
+    controlCheckbox: "rounded-xl",
+    controlCheckboxIndicator: "rounded-lg",
+    menuTrigger: "rounded-xl",
+    menuContent: "rounded-xl",
+    cardRoot: "rounded-2xl",
+    treeGroupHeaderButton: "rounded-xl",
+    treeNodeButton: "rounded-xl",
+    treeNodeToggle: "rounded-lg",
+    treeNodeBadge: "rounded-xl",
+    treeNodeDragHandle: "rounded-lg"
+  },
+  full: {
+    toolbarSearch: "rounded-full",
+    toolbarViewSwitch: "rounded-full",
+    toolbarViewButton: "rounded-full",
+    actionButtonBase: "rounded-full",
+    controlButton: "rounded-full",
+    controlSelectTrigger: "rounded-full",
+    controlCheckbox: "rounded-full",
+    controlCheckboxIndicator: "rounded-full",
+    menuTrigger: "rounded-full",
+    cardRoot: "rounded-2xl",
+    treeGroupHeaderButton: "rounded-full",
+    treeNodeButton: "rounded-full",
+    treeNodeToggle: "rounded-full",
+    treeNodeBadge: "rounded-full",
+    treeNodeDragHandle: "rounded-full"
+  }
+};
+var borderSlots2 = {
+  none: {
+    toolbarRoot: "border-transparent",
+    toolbarSearch: "border-transparent",
+    toolbarViewSwitch: "border-transparent",
+    actionButtonBase: "border-transparent",
+    controlButton: "border-transparent",
+    controlSelectTrigger: "border-transparent",
+    controlCheckbox: "border-transparent",
+    cardRoot: "border-transparent",
+    footerRoot: "border-transparent",
+    detailHeader: "border-transparent",
+    detailPreviewPanel: "border-transparent",
+    detailRightPanel: "border-transparent"
+  },
+  subtle: {
+    toolbarRoot: "border-border/60",
+    toolbarSearch: "border-border/60",
+    toolbarViewSwitch: "border-border/60",
+    actionButtonDefault: "border-border/60",
+    controlButton: "border-border/60",
+    controlSelectTrigger: "border-border/60",
+    controlCheckbox: "border-border/60",
+    cardRoot: "border-border/60",
+    footerRoot: "border-border/60"
+  },
+  solid: {},
+  strong: {
+    toolbarRoot: "border-foreground/20",
+    toolbarSearch: "border-foreground/20",
+    toolbarViewSwitch: "border-foreground/20",
+    actionButtonDefault: "border-foreground/20",
+    controlButton: "border-foreground/20",
+    controlSelectTrigger: "border-foreground/20",
+    controlCheckbox: "border-foreground/20",
+    cardRoot: "border-foreground/20",
+    footerRoot: "border-foreground/20"
+  }
+};
+var backgroundSlots2 = {
+  plain: {},
+  muted: {
+    toolbarRoot: "bg-muted/20",
+    toolbarSearch: "bg-background",
+    toolbarViewSwitch: "bg-background",
+    controlButton: "bg-background",
+    controlSelectTrigger: "bg-background",
+    controlCheckbox: "bg-background",
+    cardRoot: "bg-card",
+    footerRoot: "bg-muted/20",
+    detailHeader: "bg-muted/20"
+  },
+  soft: {
+    toolbarRoot: "bg-background/95",
+    actionButtonDefault: "bg-muted/30 hover:bg-muted/55",
+    controlButton: "bg-muted/30 hover:bg-muted/55",
+    controlSelectTrigger: "bg-muted/30 hover:bg-muted/55",
+    controlCheckbox: "bg-muted/30 hover:bg-muted/55",
+    cardRoot: "bg-background/95 shadow-sm",
+    footerRoot: "bg-background/95"
+  },
+  glass: {
+    toolbarRoot: "border-white/10 bg-white/5 backdrop-blur-md",
+    toolbarSearch: "border-white/10 bg-white/5",
+    toolbarViewSwitch: "border-white/10 bg-white/5",
+    actionButtonDefault: "border-white/10 bg-white/[0.08] text-foreground hover:bg-white/[0.14]",
+    controlButton: "border-white/10 bg-white/[0.08] text-foreground hover:bg-white/[0.14]",
+    controlSelectTrigger: "border-white/10 bg-white/[0.08] text-foreground hover:bg-white/[0.14]",
+    controlCheckbox: "border-white/10 bg-white/[0.08] text-foreground hover:bg-white/[0.14]",
+    controlCheckboxIndicator: "border-white/15 bg-white/10",
+    cardRoot: "border-white/10 bg-white/[0.06] shadow-none",
+    footerRoot: "border-white/10 bg-white/5 backdrop-blur-md"
+  },
+  "dark-stage": {
+    previewRoot: "bg-slate-950",
+    previewPlaceholder: "bg-white/5 text-white/60",
+    actionButtonBase: "inline-flex h-9 items-center justify-center gap-2 rounded-full border px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/45 focus-visible:ring-offset-0",
+    actionButtonDefault: "border-white/15 bg-black/30 text-white/90 shadow-lg backdrop-blur hover:bg-black/[0.45]",
+    controlButton: "border-white/15 bg-black/30 text-white/90 shadow-lg backdrop-blur hover:bg-black/[0.45]",
+    controlSelectTrigger: "border-white/15 bg-black/30 text-white/90 shadow-lg backdrop-blur hover:bg-black/[0.45]",
+    controlCheckbox: "border-white/15 bg-black/30 text-white/90 shadow-lg backdrop-blur hover:bg-black/[0.45]",
+    actionButtonPrimary: "border-white/25 bg-white/20 text-white shadow-lg backdrop-blur hover:bg-white/28",
+    actionButtonMuted: "border-white/10 bg-black/20 text-white/70 shadow-lg backdrop-blur hover:bg-black/[0.35] hover:text-white",
+    actionIconButton: "h-9 w-9 px-0"
+  }
+};
+var presetDefaults2 = {
+  default: {
+    density: "default",
+    radius: "md",
+    border: "solid",
+    background: "plain"
+  },
+  admin: {
+    density: "default",
+    radius: "md",
+    border: "subtle",
+    background: "plain"
+  },
+  monkey: {
+    density: "compact",
+    radius: "md",
+    border: "subtle",
+    background: "soft"
+  },
+  bsd: {
+    density: "default",
+    radius: "lg",
+    border: "subtle",
+    background: "glass"
+  },
+  "knowledge-base": {
+    density: "compact",
+    radius: "none",
+    border: "solid",
+    background: "plain"
+  },
+  glass: {
+    density: "default",
+    radius: "lg",
+    border: "subtle",
+    background: "glass"
+  },
+  "hard-edge": {
+    density: "compact",
+    radius: "none",
+    border: "solid",
+    background: "plain"
+  }
+};
+var presetSlots2 = {
+  admin: {
+    actionButtonBase: "font-medium",
+    controlButton: "font-medium",
+    controlSelectTrigger: "font-medium",
+    controlCheckbox: "font-medium",
+    menuTrigger: "rounded-full",
+    cardRoot: "border-border/70"
+  },
+  monkey: {
+    toolbarRoot: "gap-2",
+    actionButtonBase: "text-xs",
+    controlButton: "text-xs",
+    controlSelectTrigger: "text-xs",
+    controlCheckbox: "text-xs",
+    footerRoot: "text-xs"
+  },
+  bsd: {
+    actionButtonDefault: "border-white/10 bg-white/10 text-white/90 hover:bg-white/[0.16]",
+    actionButtonPrimary: "border-white/20 bg-white/[0.18] text-white hover:bg-white/[0.24]",
+    actionButtonMuted: "border-white/10 bg-white/5 text-white/70 hover:bg-white/12 hover:text-white",
+    controlButton: "border-white/10 bg-white/10 text-white/90 hover:bg-white/[0.16]",
+    controlSelectTrigger: "border-white/10 bg-white/10 text-white/90 hover:bg-white/[0.16]",
+    controlCheckbox: "border-white/10 bg-white/10 text-white/90 hover:bg-white/[0.16]",
+    controlCheckboxIndicator: "border-white/15 bg-white/10 text-white",
+    menuContent: "border-white/10 bg-slate-950/95 text-white shadow-2xl",
+    menuSeparator: "bg-white/10",
+    menuItem: "focus:bg-white/10 focus:text-white",
+    cardSelected: "ring-2 ring-white/80",
+    previewRoot: "bg-slate-950",
+    treeGroupHeaderButton: "text-white/80 hover:bg-white/10 hover:text-white",
+    treeNodeButton: "text-white/90 hover:bg-white/10 hover:text-white focus-visible:ring-white/50",
+    treeNodeSelected: "bg-white/10 text-white",
+    treeNodeToggle: "text-white/65 hover:bg-white/10 hover:text-white",
+    treeNodeIcon: "text-white/70 group-hover/tree-node:text-white",
+    treeNodeMeta: "text-white/60",
+    treeNodeBadge: "border-white/10 bg-white/10 text-white/70",
+    treeNodeActions: "text-white/75",
+    treeNodeDragHandle: "text-white/55 hover:bg-white/10 hover:text-white group-hover/tree-node:opacity-100",
+    treeEmpty: "text-white/55",
+    treeError: "text-red-200",
+    treeLoading: "text-white/55"
+  },
+  "knowledge-base": {
+    toolbarRoot: "border-slate-200 bg-white",
+    toolbarSearch: "rounded-none border-slate-200 bg-white shadow-none",
+    toolbarViewSwitch: "rounded-none border-slate-200 bg-white shadow-none",
+    actionButtonBase: "rounded-none shadow-none",
+    controlButton: "rounded-none border-slate-200 bg-white text-slate-700 shadow-none hover:bg-slate-50",
+    controlSelectTrigger: "rounded-none border-slate-200 bg-white text-slate-700 shadow-none hover:bg-slate-50",
+    controlCheckbox: "rounded-none border-slate-200 bg-white text-slate-700 shadow-none hover:bg-slate-50",
+    actionButtonDefault: "border-slate-200 bg-white text-slate-700 hover:bg-slate-50",
+    menuTrigger: "rounded-none border border-slate-200 bg-white text-slate-700 shadow-none hover:bg-slate-50",
+    menuContent: "rounded-none border-slate-200 bg-white shadow-none",
+    cardRoot: "rounded-none border-slate-200 bg-white shadow-none",
+    footerRoot: "border-slate-200 bg-white",
+    treeRoot: "space-y-1 text-sm",
+    treeGroupHeader: "group/tree-group flex min-w-0 items-center",
+    treeGroupHeaderButton: "h-9 rounded-none px-3 text-slate-600 shadow-none hover:bg-slate-100 hover:text-slate-950",
+    treeGroupContent: "space-y-1",
+    treeNodeButton: "min-h-9 rounded-none text-slate-700 hover:bg-slate-100 hover:text-slate-950 focus-visible:ring-slate-300",
+    treeNodeSelected: "bg-slate-100 text-slate-950",
+    treeNodeToggle: "rounded-none text-slate-500 hover:bg-transparent hover:text-slate-950",
+    treeNodeIcon: "text-slate-500 group-hover/tree-node:text-slate-950",
+    treeNodeDragHandle: "rounded-none text-slate-400 hover:bg-transparent hover:text-slate-700",
+    treeNodeActions: "text-slate-500"
+  },
+  glass: {
+    menuContent: "border-white/10 bg-slate-950/90 text-white backdrop-blur-xl",
+    menuSeparator: "bg-white/10",
+    menuItem: "focus:bg-white/10 focus:text-white"
+  },
+  "hard-edge": {
+    toolbarRoot: "border-slate-200 bg-white",
+    actionButtonBase: "rounded-none shadow-none",
+    controlButton: "rounded-none shadow-none",
+    controlSelectTrigger: "rounded-none shadow-none",
+    controlCheckbox: "rounded-none shadow-none",
+    cardRoot: "rounded-none border-slate-200 bg-white shadow-none",
+    footerRoot: "border-slate-200 bg-white",
+    footerPageSizeSelect: "rounded-none border-slate-200 shadow-none"
+  }
+};
+var slotKeys2 = Object.keys(baseSlots2);
+function mergeSlots2(...sources) {
+  return slotKeys2.reduce((resolved, key) => {
+    resolved[key] = cn2(...sources.map((source) => source?.[key]));
+    return resolved;
+  }, {});
+}
+function mergeStyles2(...sources) {
+  return sources.reduce(
+    (resolved, source) => ({
+      ...resolved,
+      ...source
+    }),
+    {}
+  );
+}
+function getPresetDefaults2(preset) {
+  return presetDefaults2[preset] ?? presetDefaults2.default;
+}
+function resolveDataExplorerAppearance(appearance) {
+  const preset = appearance?.preset ?? "default";
+  const defaults = getPresetDefaults2(preset);
+  const density = appearance?.density ?? defaults.density ?? "default";
+  const radius = appearance?.radius ?? defaults.radius ?? "md";
+  const border = appearance?.border ?? defaults.border ?? "solid";
+  const background = appearance?.background ?? defaults.background ?? "plain";
+  return {
+    preset,
+    density,
+    radius,
+    border,
+    background,
+    styles: mergeStyles2(emptyStyles2, appearance?.styles),
+    slots: mergeSlots2(
+      baseSlots2,
+      presetSlots2[preset],
+      densitySlots2[density],
+      radiusSlots2[radius],
+      borderSlots2[border],
+      backgroundSlots2[background],
+      appearance?.slots
+    )
+  };
+}
+
+// src/theme-system/resolve-theme.ts
+var DEFAULT_THEME_ID = "default";
+var DEFAULT_THEME_NAME = "Monkeys Default Theme";
+var DEFAULT_PRIMARY_COLOR = "#4D8F9D";
+var DEFAULT_TOKENS = {
+  primaryColor: DEFAULT_PRIMARY_COLOR,
+  mode: "shadow",
+  radius: "0.5rem"
+};
+var DEFAULT_BASE_APPEARANCE = {
+  preset: "default"
+};
+var DEFAULT_DATA_EXPLORER_APPEARANCE = {
+  preset: "default"
+};
+function isRecord2(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeThemeInput(input) {
+  if (!input) {
+    return {
+      config: void 0,
+      source: { kind: "default", provided: false }
+    };
+  }
+  if (!isRecord2(input)) {
+    throw new TypeError("Monkeys theme input must be an object when provided.");
+  }
+  if ("theme" in input) {
+    if (input.theme !== void 0 && input.theme !== null && !isRecord2(input.theme)) {
+      throw new TypeError("Monkeys system config theme must be an object.");
+    }
+    return {
+      config: input.theme ?? void 0,
+      source: { kind: "system-config", provided: true }
+    };
+  }
+  return {
+    config: input,
+    source: { kind: "theme-config", provided: true }
+  };
+}
+function assertStringValue(value, fieldName) {
+  if (typeof value !== "string") {
+    throw new TypeError(`${fieldName} must be a string.`);
+  }
+  if (!value.trim()) {
+    throw new TypeError(`${fieldName} cannot be empty.`);
+  }
+}
+function readString(value, fieldName) {
+  if (value === void 0 || value === null) return void 0;
+  assertStringValue(value, fieldName);
+  return value;
+}
+function readThemeAsset(value, fieldName) {
+  if (value === void 0 || value === null) return void 0;
+  if (typeof value === "string") {
+    if (!value.trim()) {
+      throw new TypeError(`${fieldName} cannot be empty.`);
+    }
+    return value;
+  }
+  if (!isRecord2(value)) {
+    throw new TypeError(`${fieldName} must be a string or an object.`);
+  }
+  const light = readString(value.light, `${fieldName}.light`);
+  const dark = readString(value.dark, `${fieldName}.dark`);
+  const alt = readString(value.alt, `${fieldName}.alt`);
+  if (!light && !dark) {
+    throw new TypeError(`${fieldName} must include light or dark asset url.`);
+  }
+  return { light, dark, alt };
+}
+function resolveBrand(config, defaults) {
+  const defaultBrand = defaults?.brand;
+  const configBrand = config?.brand;
+  return {
+    title: readString(configBrand?.title, "brand.title") ?? readString(config?.title, "title") ?? readString(defaultBrand?.title, "defaults.brand.title") ?? readString(defaults?.title, "defaults.title"),
+    logo: readThemeAsset(configBrand?.logo, "brand.logo") ?? readThemeAsset(config?.logo, "logo") ?? readThemeAsset(defaultBrand?.logo, "defaults.brand.logo") ?? readThemeAsset(defaults?.logo, "defaults.logo"),
+    favicon: readThemeAsset(configBrand?.favicon, "brand.favicon") ?? readThemeAsset(config?.favicon, "favicon") ?? readThemeAsset(defaultBrand?.favicon, "defaults.brand.favicon") ?? readThemeAsset(defaults?.favicon, "defaults.favicon")
+  };
+}
+function resolveRadius(config, defaults) {
+  const mode = config?.tokens?.mode ?? config?.themeMode ?? defaults?.tokens?.mode ?? defaults?.themeMode ?? DEFAULT_TOKENS.mode;
+  const fallbackRadius = mode === "border" ? "0.75rem" : DEFAULT_TOKENS.radius;
+  return readString(config?.tokens?.radius, "tokens.radius") ?? readString(config?.roundedSize, "roundedSize") ?? readString(defaults?.tokens?.radius, "defaults.tokens.radius") ?? readString(defaults?.roundedSize, "defaults.roundedSize") ?? fallbackRadius;
+}
+function resolveTokens(config, defaults) {
+  const mode = config?.tokens?.mode ?? config?.themeMode ?? defaults?.tokens?.mode ?? defaults?.themeMode ?? DEFAULT_TOKENS.mode;
+  return {
+    primaryColor: readString(config?.tokens?.primaryColor, "tokens.primaryColor") ?? readString(config?.colors?.primaryColor, "colors.primaryColor") ?? readString(defaults?.tokens?.primaryColor, "defaults.tokens.primaryColor") ?? readString(defaults?.colors?.primaryColor, "defaults.colors.primaryColor") ?? DEFAULT_TOKENS.primaryColor,
+    mode,
+    radius: resolveRadius(config, defaults),
+    neocard: config?.tokens?.neocard ?? config?.colors?.neocard ?? defaults?.tokens?.neocard ?? defaults?.colors?.neocard
+  };
+}
+function resolveBaseInput(config, defaults) {
+  return {
+    ...DEFAULT_BASE_APPEARANCE,
+    ...defaults?.appearances?.base,
+    ...defaults?.baseAppearance,
+    ...config?.appearances?.base,
+    ...config?.baseAppearance
+  };
+}
+function resolveDataExplorerInput(config, defaults) {
+  return {
+    ...DEFAULT_DATA_EXPLORER_APPEARANCE,
+    ...defaults?.appearances?.dataExplorer,
+    ...defaults?.dataExplorerAppearance,
+    ...config?.appearances?.dataExplorer,
+    ...config?.dataExplorerAppearance
+  };
+}
+function resolveMonkeysTheme(input, options = {}) {
+  const { config, source } = normalizeThemeInput(input);
+  const defaults = options.defaults;
+  const tokens = resolveTokens(config, defaults);
+  const baseInput = resolveBaseInput(config, defaults);
+  const dataExplorerInput = resolveDataExplorerInput(config, defaults);
+  return {
+    id: readString(config?.id, "id") ?? readString(defaults?.id, "defaults.id") ?? DEFAULT_THEME_ID,
+    name: readString(config?.name, "name") ?? readString(defaults?.name, "defaults.name") ?? DEFAULT_THEME_NAME,
+    description: readString(config?.description, "description") ?? readString(defaults?.description, "defaults.description"),
+    version: readString(config?.version, "version") ?? readString(defaults?.version, "defaults.version"),
+    tokens,
+    brand: resolveBrand(config, defaults),
+    appearances: {
+      base: {
+        input: baseInput,
+        resolved: resolveBaseAppearance(baseInput)
+      },
+      dataExplorer: {
+        input: dataExplorerInput,
+        resolved: resolveDataExplorerAppearance(dataExplorerInput)
+      }
+    },
+    source
+  };
+}
+var DEFAULT_RESOLVED_THEME = resolveMonkeysTheme();
+function isRecord3(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isResolvedTheme(value) {
+  if (!isRecord3(value)) return false;
+  return isRecord3(value.tokens) && isRecord3(value.appearances) && isRecord3(value.source) && typeof value.id === "string" && typeof value.name === "string";
+}
+function resolvedThemeToConfig(theme) {
+  return {
+    id: theme.id,
+    name: theme.name,
+    description: theme.description,
+    version: theme.version,
+    brand: theme.brand,
+    tokens: theme.tokens,
+    appearances: {
+      base: theme.appearances.base.input,
+      dataExplorer: theme.appearances.dataExplorer.input
+    }
+  };
+}
+function mergeProviderAppearance(theme, appearance) {
+  if (!appearance) return theme;
+  const resolved = resolveMonkeysTheme({
+    ...resolvedThemeToConfig(theme),
+    appearances: {
+      base: {
+        ...theme.appearances.base.input,
+        ...appearance.base,
+        slots: {
+          ...theme.appearances.base.input.slots,
+          ...appearance.base?.slots
+        },
+        styles: {
+          ...theme.appearances.base.input.styles,
+          ...appearance.base?.styles
+        }
+      },
+      dataExplorer: {
+        ...theme.appearances.dataExplorer.input,
+        ...appearance.dataExplorer,
+        slots: {
+          ...theme.appearances.dataExplorer.input.slots,
+          ...appearance.dataExplorer?.slots
+        },
+        styles: {
+          ...theme.appearances.dataExplorer.input.styles,
+          ...appearance.dataExplorer?.styles
+        }
+      }
+    }
+  });
+  return { ...resolved, source: theme.source };
+}
+function resolveProviderTheme(input, appearance, parent) {
+  let resolved;
+  if (input === void 0) {
+    resolved = parent ?? DEFAULT_RESOLVED_THEME;
+  } else if (isResolvedTheme(input)) {
+    resolved = input;
+  } else {
+    resolved = resolveMonkeysTheme(input, {
+      defaults: parent ? resolvedThemeToConfig(parent) : void 0
+    });
+  }
+  return mergeProviderAppearance(resolved, appearance);
+}
+function validateDirection(direction) {
+  if (direction !== void 0 && direction !== "ltr" && direction !== "rtl") {
+    throw new TypeError('MonkeysProvider direction must be "ltr" or "rtl".');
+  }
+}
+function validateEnvironment(environment) {
+  if (environment === void 0) return;
+  if (!isRecord3(environment)) {
+    throw new TypeError("MonkeysProvider environment must be an object.");
+  }
+  if (environment.getDocument !== void 0 && typeof environment.getDocument !== "function") {
+    throw new TypeError(
+      "MonkeysProvider environment.getDocument must be a function."
+    );
+  }
+  if (environment.getWindow !== void 0 && typeof environment.getWindow !== "function") {
+    throw new TypeError(
+      "MonkeysProvider environment.getWindow must be a function."
+    );
+  }
+}
+function validatePortal(portal) {
+  if (portal === void 0) return;
+  if (!isRecord3(portal)) {
+    throw new TypeError("MonkeysProvider portal must be an object.");
+  }
+  if (portal.disabled !== void 0 && typeof portal.disabled !== "boolean") {
+    throw new TypeError("MonkeysProvider portal.disabled must be a boolean.");
+  }
+  if (portal.container == null) return;
+  if (typeof portal.container !== "function" && typeof portal.container !== "object") {
+    throw new TypeError(
+      "MonkeysProvider portal.container must be an Element, null, or a function."
+    );
+  }
+}
+function MonkeysProvider({
+  children,
+  locale,
+  messages,
+  direction,
+  theme,
+  appearance,
+  environment,
+  portal
+}) {
+  const parentLocale = react.useContext(MonkeysLocaleContext);
+  const parentTheme = react.useContext(MonkeysThemeContext);
+  const parentDirection = react.useContext(MonkeysDirectionContext);
+  const parentEnvironment = react.useContext(MonkeysEnvironmentContext);
+  validateDirection(direction);
+  validateEnvironment(environment);
+  validatePortal(portal);
+  const resolvedLocale = react.useMemo(
+    () => resolveMonkeysLocale(locale, messages, parentLocale),
+    [locale, messages, parentLocale]
+  );
+  const localeValue = react.useMemo(
+    () => ({ ...resolvedLocale, provided: true }),
+    [resolvedLocale]
+  );
+  const resolvedTheme = react.useMemo(
+    () => resolveProviderTheme(theme, appearance, parentTheme.resolvedTheme),
+    [appearance, parentTheme.resolvedTheme, theme]
+  );
+  const themeValue = react.useMemo(
+    () => ({
+      provided: true,
+      resolvedTheme,
+      baseAppearance: resolvedTheme.appearances.base.input,
+      dataExplorerAppearance: resolvedTheme.appearances.dataExplorer.input
+    }),
+    [resolvedTheme]
+  );
+  const directionValue = react.useMemo(
+    () => ({
+      provided: true,
+      direction: direction ?? parentDirection.direction ?? "ltr"
+    }),
+    [direction, parentDirection.direction]
+  );
+  const environmentValue = react.useMemo(
+    () => ({
+      provided: true,
+      environment: {
+        ...parentEnvironment.environment,
+        ...environment
+      },
+      portal: {
+        ...parentEnvironment.portal,
+        ...portal
+      }
+    }),
+    [
+      environment,
+      parentEnvironment.environment,
+      parentEnvironment.portal,
+      portal
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(MonkeysLocaleContext.Provider, { value: localeValue, children: /* @__PURE__ */ jsxRuntime.jsx(MonkeysThemeContext.Provider, { value: themeValue, children: /* @__PURE__ */ jsxRuntime.jsx(MonkeysDirectionContext.Provider, { value: directionValue, children: /* @__PURE__ */ jsxRuntime.jsx(MonkeysEnvironmentContext.Provider, { value: environmentValue, children }) }) }) });
+}
+
+exports.MonkeysProvider = MonkeysProvider;
+exports.useMonkeysBaseAppearance = useMonkeysBaseAppearance;
+exports.useMonkeysComponentAttributes = useMonkeysComponentAttributes;
+exports.useMonkeysDataExplorerAppearance = useMonkeysDataExplorerAppearance;
+exports.useMonkeysDirection = useMonkeysDirection;
+exports.useMonkeysEnvironment = useMonkeysEnvironment;
+exports.useMonkeysLocale = useMonkeysLocale;
+exports.useMonkeysLocaleMessages = useMonkeysLocaleMessages;
+exports.useMonkeysPortalOptions = useMonkeysPortalOptions;
+exports.useMonkeysResolvedTheme = useMonkeysResolvedTheme;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map