@avento-space/ts-ui 1.2.2 → 1.2.4

package/dist/chunk-AOFVLHAJ.js

@@ -0,0 +1,2254 @@
+import { effect } from './chunk-Q5RCPPCF.js';
+
+// src/core/tokens.ts
+var sheet = new CSSStyleSheet();
+var LIGHT = {
+  "u-color-primary": "#3b82f6",
+  "u-color-primary-hover": "#2563eb",
+  "u-color-primary-text": "#2563eb",
+  "u-color-danger": "#ef4444",
+  "u-color-danger-hover": "#dc2626",
+  "u-color-success": "#16a34a",
+  "u-color-warning": "#d97706",
+  "u-color-info": "#0284c7",
+  "u-color-text": "#111827",
+  "u-color-text-secondary": "#374151",
+  "u-color-text-muted": "#4b5563",
+  "u-color-text-disabled": "#6b7280",
+  "u-color-border": "#9ca3af",
+  "u-color-border-light": "#d1d5db",
+  "u-color-border-lighter": "#e5e7eb",
+  "u-color-bg": "#fff",
+  "u-color-bg-muted": "#f9fafb",
+  "u-color-bg-hover": "#f3f4f6",
+  "u-color-bg-hover-strong": "#e5e7eb",
+  "u-color-bg-selected": "#eff6ff",
+  "u-color-focus": "#3b82f6",
+  "u-color-overlay": "rgba(0,0,0,0.5)",
+  "u-color-white": "#fff",
+  "u-color-tooltip-bg": "#1f2937",
+  "u-color-success-bg": "#dcfce7",
+  "u-color-success-text": "#15803d",
+  "u-color-warning-bg": "#fef3c7",
+  "u-color-warning-text": "#b45309",
+  "u-color-danger-bg": "#fef2f2",
+  "u-color-danger-text": "#dc2626",
+  "u-color-info-bg": "#e0f2fe",
+  "u-color-info-text": "#0369a1",
+  // Shadows
+  "u-shadow-sm": "0 1px 3px rgba(0,0,0,.05)",
+  "u-shadow-md": "0 4px 16px rgba(0,0,0,.08)",
+  "u-shadow-lg": "0 8px 24px rgba(0,0,0,.12)",
+  "u-shadow-xl": "0 20px 60px rgba(0,0,0,.15)",
+  "u-shadow-focus": "0 0 0 2px rgba(59,130,246,.25)",
+  "u-shadow-tooltip": "0 4px 12px rgba(0,0,0,.25)",
+  "u-shadow-drawer": "0 0 40px rgba(0,0,0,.1)",
+  "u-shadow-thumb": "0 1px 2px rgba(0,0,0,.15)",
+  "u-shadow-combobox": "0 4px 20px rgba(0,0,0,.1)",
+  "u-shadow-calendar": "0 4px 20px rgba(0,0,0,.08)",
+  "u-shadow-command-palette": "0 20px 60px rgba(0,0,0,.2)"
+};
+var DARK = {
+  "u-color-primary": "#60a5fa",
+  "u-color-primary-hover": "#93c5fd",
+  "u-color-primary-text": "#93c5fd",
+  "u-color-danger": "#f87171",
+  "u-color-danger-hover": "#fca5a5",
+  "u-color-success": "#22c55e",
+  "u-color-warning": "#eab308",
+  "u-color-info": "#0ea5e9",
+  "u-color-text": "#f1f5f9",
+  "u-color-text-secondary": "#cbd5e1",
+  "u-color-text-muted": "#94a3b8",
+  "u-color-text-disabled": "#64748b",
+  "u-color-border": "#475569",
+  "u-color-border-light": "#334155",
+  "u-color-border-lighter": "#1e293b",
+  "u-color-bg": "#0f172a",
+  "u-color-bg-muted": "#1e293b",
+  "u-color-bg-hover": "#334155",
+  "u-color-bg-hover-strong": "#475569",
+  "u-color-bg-selected": "#1e3a5f",
+  "u-color-focus": "#60a5fa",
+  "u-color-overlay": "rgba(0,0,0,0.7)",
+  "u-color-white": "#fff",
+  "u-color-tooltip-bg": "#334155",
+  "u-color-success-bg": "#052e16",
+  "u-color-success-text": "#4ade80",
+  "u-color-warning-bg": "#422006",
+  "u-color-warning-text": "#fbbf24",
+  "u-color-danger-bg": "#450a0a",
+  "u-color-danger-text": "#f87171",
+  "u-color-info-bg": "#0c4a6e",
+  "u-color-info-text": "#38bdf8",
+  // Shadows (more visible on dark backgrounds)
+  "u-shadow-sm": "0 1px 3px rgba(0,0,0,.25)",
+  "u-shadow-md": "0 4px 16px rgba(0,0,0,.35)",
+  "u-shadow-lg": "0 8px 24px rgba(0,0,0,.45)",
+  "u-shadow-xl": "0 20px 60px rgba(0,0,0,.5)",
+  "u-shadow-focus": "0 0 0 2px rgba(96,165,250,.4)",
+  "u-shadow-tooltip": "0 4px 12px rgba(0,0,0,.5)",
+  "u-shadow-drawer": "0 0 40px rgba(0,0,0,.4)",
+  "u-shadow-thumb": "0 1px 2px rgba(0,0,0,.3)",
+  "u-shadow-combobox": "0 4px 20px rgba(0,0,0,.4)",
+  "u-shadow-calendar": "0 4px 20px rgba(0,0,0,.35)",
+  "u-shadow-command-palette": "0 20px 60px rgba(0,0,0,.55)"
+};
+function tokensToCSS(vals) {
+  return Object.entries(vals).map(([k, v]) => `  --${k}: ${v};`).join("\n");
+}
+function generateColorTokenCSS() {
+  return `:root {
+${tokensToCSS(LIGHT)}
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+${tokensToCSS(DARK)}
+  }
+}
+:root[data-theme="dark"] {
+${tokensToCSS(DARK)}
+}
+`;
+}
+sheet.replaceSync(`
+:host {
+  --u-radius-xs: 2px;
+  --u-radius-sm: 4px;
+  --u-radius-md: 6px;
+  --u-radius-lg: 8px;
+  --u-radius-xl: 10px;
+  --u-radius-2xl: 12px;
+  --u-radius-full: 999px;
+  --u-radius-round: 50%;
+  --u-font-tiny: 0.8rem;
+  --u-font-2xs: 0.6875rem;
+  --u-font-xs: 0.75rem;
+  --u-font-sm: 0.875rem;
+  --u-font-md: 1rem;
+  --u-font-lg: 1.125rem;
+  --u-font-xl: 1.25rem;
+  --u-font-2xl: 1.5rem;
+  --u-font-3xl: 1.875rem;
+  --u-font-weight-normal: 400;
+  --u-font-weight-medium: 500;
+  --u-font-weight-semibold: 600;
+  --u-font-weight-bold: 700;
+  --u-line-height-none: 1;
+  --u-line-height-tight: 1.3;
+  --u-line-height-sm: 1.4;
+  --u-line-height-md: 1.5;
+  --u-line-height-lg: 1.6;
+  --u-letter-spacing-wide: 0.05em;
+  --u-spacing-05: 2px;
+  --u-spacing-1: 4px;
+  --u-spacing-2: 8px;
+  --u-spacing-3: 12px;
+  --u-spacing-4: 16px;
+  --u-spacing-5: 20px;
+  --u-spacing-6: 24px;
+  --u-spacing-8: 32px;
+  --u-opacity-disabled: 0.5;
+  --u-opacity-muted: 0.4;
+  --u-opacity-fade: 0.3;
+  --u-z-backdrop: 100;
+  --u-z-modal: 200;
+  --u-z-command-palette: 300;
+  --u-z-dropdown: 400;
+  --u-z-drag: 500;
+  --u-z-toast: 600;
+  --u-blur: 4px;
+  --u-transition-fast: 100ms;
+  --u-transition-base: 150ms;
+  --u-transition-slow: 200ms;
+  --u-transition-slower: 250ms;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+`);
+var globalStyles = sheet;
+function setTheme(theme) {
+  const root = document.documentElement;
+  if (theme === "system") {
+    root.removeAttribute("data-theme");
+  } else {
+    root.setAttribute("data-theme", theme);
+  }
+  try {
+    localStorage.setItem("u-theme", theme);
+  } catch {
+  }
+}
+function getTheme() {
+  const root = document.documentElement;
+  if (root.hasAttribute("data-theme")) {
+    return root.getAttribute("data-theme");
+  }
+  return "system";
+}
+function restoreTheme() {
+  let theme = null;
+  try {
+    theme = localStorage.getItem("u-theme");
+  } catch {
+  }
+  if (theme) setTheme(theme);
+}
+var STYLE_ID = "u-color-tokens";
+function injectColorTokens() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = generateColorTokenCSS();
+  document.head.appendChild(style);
+}
+injectColorTokens();
+
+// src/core/element.ts
+var nextId = 0;
+var UElement = class extends HTMLElement {
+  constructor() {
+    super();
+    this._cleanups = [];
+    this._id = ++nextId;
+    this._root = this.attachShadow({ mode: "open" });
+    try {
+      this._root.adoptedStyleSheets = [globalStyles];
+    } catch {
+      const style = document.createElement("style");
+      style.textContent = ":host {}";
+      this._root.appendChild(style);
+    }
+  }
+  connectedCallback() {
+    this._mount();
+  }
+  disconnectedCallback() {
+    for (const fn of this._cleanups) {
+      try {
+        fn();
+      } catch (e) {
+        console.error(e);
+      }
+    }
+    this._cleanups = [];
+  }
+  adoptEffect(fn) {
+    const dispose = effect(fn);
+    this._cleanups.push(dispose);
+    return dispose;
+  }
+};
+
+// src/components/styles/button.ts
+var buttonStyles = `
+:host {
+  display: inline-block;
+}
+button {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  line-height: var(--u-line-height-none);
+  border: 1px solid transparent;
+  border-radius: var(--u-radius-md);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  transition: background-color var(--u-transition-base), opacity var(--u-transition-base), box-shadow var(--u-transition-base);
+  outline: none;
+}
+button:focus-visible {
+  box-shadow: 0 0 0 2px var(--u-color-focus);
+}
+button:disabled {
+  opacity: var(--u-opacity-disabled);
+  cursor: not-allowed;
+}
+.btn-primary {
+  background: var(--u-color-primary);
+  color: var(--u-color-white);
+  border-color: var(--u-color-primary-hover);
+}
+.btn-primary:hover:not(:disabled) {
+  background: var(--u-color-primary-hover);
+}
+.btn-secondary {
+  background: var(--u-color-bg-hover);
+  color: var(--u-color-text-secondary);
+  border-color: var(--u-color-border);
+}
+.btn-secondary:hover:not(:disabled) {
+  background: var(--u-color-bg-hover-strong);
+}
+.btn-ghost {
+  background: transparent;
+  color: var(--u-color-text-secondary);
+  border-color: transparent;
+}
+.btn-ghost:hover:not(:disabled) {
+  background: var(--u-color-bg-hover);
+}
+.btn-danger {
+  background: var(--u-color-danger);
+  color: var(--u-color-white);
+  border-color: var(--u-color-danger);
+}
+.btn-danger:hover:not(:disabled) {
+  background: var(--u-color-danger-hover);
+}
+.btn-sm { height: var(--u-spacing-8); padding: 0 var(--u-spacing-3); font-size: 13px; }
+.btn-md { height: 40px; padding: 0 var(--u-spacing-4); font-size: var(--u-font-sm); }
+.btn-lg { height: 48px; padding: 0 var(--u-spacing-6); font-size: var(--u-font-md); }
+.btn-link {
+  background: transparent;
+  color: var(--u-color-primary-hover);
+  border-color: transparent;
+  padding: 0;
+  height: auto;
+  font-size: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+  border-radius: var(--u-radius-xs);
+}
+.btn-link:hover:not(:disabled) {
+  background: transparent;
+  text-decoration: underline;
+  color: var(--u-color-primary-hover);
+}
+.btn-link:disabled {
+  opacity: var(--u-opacity-disabled);
+  cursor: not-allowed;
+}
+`;
+
+// src/components/styles/input.ts
+var inputStyles = `
+:host {
+  display: inline-block;
+}
+.input-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+input {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  line-height: var(--u-line-height-md);
+  padding: var(--u-spacing-2) var(--u-spacing-3);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-md);
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+  background: var(--u-color-bg);
+  color: var(--u-color-text);
+  transition: border-color var(--u-transition-base);
+}
+input::placeholder { color: var(--u-color-text-muted); }
+input:focus {
+  border-color: var(--u-color-primary-hover);
+  box-shadow: var(--u-shadow-focus);
+}
+input:disabled {
+  background: var(--u-color-bg-muted);
+  color: var(--u-color-text-muted);
+  cursor: not-allowed;
+}
+`;
+
+// src/components/styles/box.ts
+var boxStyles = `
+:host {
+  display: block;
+}
+`;
+
+// src/components/styles/list.ts
+var listStyles = `
+:host {
+  display: block;
+}
+ul, ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.list-empty {
+  padding: var(--u-spacing-6);
+  text-align: center;
+  color: var(--u-color-text-muted);
+}
+`;
+
+// src/components/styles/icon.ts
+var iconStyles = `
+:host {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+svg {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+`;
+
+// src/components/styles/text.ts
+var textStyles = `
+:host {
+  display: inline;
+}
+[part="text"] {
+  margin: 0;
+  font-family: inherit;
+  line-height: var(--u-line-height-md);
+}
+.text-xs { font-size: var(--u-font-xs); }
+.text-sm { font-size: var(--u-font-sm); }
+.text-md { font-size: var(--u-font-md); }
+.text-lg { font-size: var(--u-font-lg); }
+.text-xl { font-size: var(--u-font-xl); }
+.text-2xl { font-size: var(--u-font-2xl); }
+.text-3xl { font-size: var(--u-font-3xl); }
+.text-normal { font-weight: var(--u-font-weight-normal); }
+.text-medium { font-weight: var(--u-font-weight-medium); }
+.text-semibold { font-weight: var(--u-font-weight-semibold); }
+.text-bold { font-weight: var(--u-font-weight-bold); }
+.text-default { color: inherit; }
+.text-muted { color: var(--u-color-text-muted); }
+.text-accent { color: var(--u-color-primary-hover); }
+.text-danger { color: var(--u-color-danger); }
+.text-success { color: var(--u-color-success); }
+.text-left { text-align: left; }
+.text-center { text-align: center; }
+.text-right { text-align: right; }
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+`;
+
+// src/components/styles/stack.ts
+var stackStyles = `
+:host {
+  display: flex;
+}
+[part="stack"] {
+  display: flex;
+  width: 100%;
+}
+.stack-v {
+  flex-direction: column;
+}
+.stack-h {
+  flex-direction: row;
+}
+`;
+
+// src/components/styles/grid.ts
+var gridStyles = `
+:host {
+  display: block;
+}
+[part="grid"] {
+  display: grid;
+}
+`;
+
+// src/components/styles/overlay.ts
+var overlayStyles = `
+:host {
+  position: fixed;
+  inset: 0;
+  z-index: var(--u-z-backdrop);
+}
+[part="overlay"] {
+  position: fixed;
+  inset: 0;
+  background: var(--u-color-overlay);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.overlay-blur {
+  backdrop-filter: blur(var(--u-blur));
+}
+[hidden] {
+  display: none !important;
+}
+`;
+
+// src/components/styles/field.ts
+var fieldStyles = `
+:host {
+  display: block;
+}
+[part="field"] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--u-spacing-1);
+}
+.field-label {
+  font-size: var(--u-font-sm);
+  font-weight: var(--u-font-weight-medium);
+  color: var(--u-color-text-secondary);
+}
+.field-label-required::after {
+  content: ' *';
+  color: var(--u-color-danger);
+}
+.field-content {
+  display: flex;
+  flex-direction: column;
+}
+.field-hint {
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+}
+.field-error {
+  font-size: var(--u-font-xs);
+  color: var(--u-color-danger);
+}
+.hidden {
+  display: none;
+}
+`;
+
+// src/components/styles/checkbox.ts
+var checkboxStyles = `
+:host {
+  display: inline-flex;
+  align-items: center;
+}
+[part="checkbox"] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--u-spacing-2);
+  cursor: pointer;
+}
+:host(:focus-visible) .checkbox-indicator { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+.checkbox-indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border: 2px solid var(--u-color-border);
+  border-radius: var(--u-radius-sm);
+  transition: all var(--u-transition-base);
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+.checkbox-indicator.checked {
+  background: var(--u-color-primary);
+  border-color: var(--u-color-primary-hover);
+  color: var(--u-color-white);
+}
+.checkbox-indicator svg {
+  opacity: 0;
+  transition: opacity var(--u-transition-base);
+}
+.checkbox-indicator.checked svg {
+  opacity: 1;
+}
+.checkbox-label {
+  font-size: var(--u-font-sm);
+  color: var(--u-color-text-secondary);
+}
+:host([disabled]) [part="checkbox"] {
+  opacity: var(--u-opacity-disabled);
+  cursor: not-allowed;
+}
+`;
+
+// src/components/styles/select.ts
+var selectStyles = `
+:host {
+  display: inline-block;
+  position: relative;
+}
+.select-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.select {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  line-height: var(--u-line-height-md);
+  padding: var(--u-spacing-2) var(--u-spacing-8) var(--u-spacing-2) var(--u-spacing-3);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-md);
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+  background: var(--u-color-bg);
+  color: var(--u-color-text);
+  transition: border-color var(--u-transition-base);
+  appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer;
+}
+.select:focus {
+  border-color: var(--u-color-primary-hover);
+  box-shadow: var(--u-shadow-focus);
+}
+.select:disabled {
+  background: var(--u-color-bg-muted);
+  color: var(--u-color-text-muted);
+  cursor: not-allowed;
+}
+.select-arrow {
+  position: absolute;
+  right: var(--u-spacing-2);
+  pointer-events: none;
+  color: var(--u-color-text-muted);
+  display: flex;
+  align-items: center;
+}
+`;
+
+// src/components/styles/link.ts
+var linkStyles = `
+:host {
+  display: inline;
+}
+[part="link"] {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  cursor: pointer;
+  transition: color var(--u-transition-base);
+  text-decoration: none;
+  border-radius: var(--u-radius-xs);
+}
+[part="link"]:focus-visible {
+  outline: 2px solid var(--u-color-focus);
+  outline-offset: 2px;
+}
+.link-default { color: var(--u-color-primary-hover); }
+.link-default:hover { color: var(--u-color-primary-hover); text-decoration: underline; }
+.link-accent { color: var(--u-color-text-secondary); font-weight: var(--u-font-weight-medium); }
+.link-accent:hover { color: var(--u-color-text); text-decoration: underline; }
+.link-muted { color: var(--u-color-text-muted); }
+.link-muted:hover { color: var(--u-color-text-secondary); text-decoration: underline; }
+.link-danger { color: var(--u-color-danger); }
+.link-danger:hover { color: var(--u-color-danger-hover); text-decoration: underline; }
+.link-underline-always { text-decoration: underline; }
+.link-underline-none:hover { text-decoration: none; }
+.link-disabled {
+  color: var(--u-color-text-muted) !important;
+  cursor: not-allowed;
+  pointer-events: none;
+  text-decoration: none !important;
+}
+`;
+
+// src/components/styles/container.ts
+var containerStyles = `
+:host {
+  display: block;
+  width: 100%;
+}
+[part="container"] {
+  margin: 0 auto;
+  width: 100%;
+  box-sizing: border-box;
+}
+`;
+
+// src/components/styles/dialog.ts
+var dialogStyles = `
+:host {
+  display: contents;
+}
+[part="dialog-root"] {
+  display: contents;
+}
+`;
+
+// src/components/styles/tooltip.ts
+var tooltipStyles = `
+:host {
+  position: relative;
+  display: inline-flex;
+}
+[part="tooltip"] {
+  position: fixed;
+  z-index: var(--u-z-dropdown);
+  background: var(--u-color-tooltip-bg);
+  color: var(--u-color-white);
+  font-size: var(--u-font-xs);
+  padding: 6px 10px;
+  border-radius: var(--u-radius-md);
+  pointer-events: none;
+  line-height: var(--u-line-height-sm);
+  max-width: 200px;
+  box-shadow: var(--u-shadow-tooltip);
+  animation: u-tooltip-in 120ms ease;
+}
+@keyframes u-tooltip-in {
+  from { opacity: 0; transform: translateY(3px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  background: var(--u-color-tooltip-bg);
+  transform: rotate(45deg);
+}
+.arrow-top { bottom: -3px; left: calc(50% - 3px); }
+.arrow-bottom { top: -3px; left: calc(50% - 3px); }
+.arrow-left { right: -3px; top: calc(50% - 3px); }
+.arrow-right { left: -3px; top: calc(50% - 3px); }
+`;
+
+// src/components/styles/textarea.ts
+var textareaStyles = `
+:host {
+  display: inline-block;
+}
+.textarea-wrapper {
+  position: relative;
+  display: flex;
+}
+textarea {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  line-height: var(--u-line-height-md);
+  padding: var(--u-spacing-2) var(--u-spacing-3);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-md);
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+  background: var(--u-color-bg);
+  color: var(--u-color-text);
+  transition: border-color var(--u-transition-base);
+  resize: vertical;
+  min-height: 60px;
+}
+textarea::placeholder { color: var(--u-color-text-muted); }
+textarea:focus {
+  border-color: var(--u-color-primary-hover);
+  box-shadow: var(--u-shadow-focus);
+}
+textarea:disabled {
+  background: var(--u-color-bg-muted);
+  color: var(--u-color-text-muted);
+  cursor: not-allowed;
+}
+`;
+
+// src/components/styles/radio.ts
+var radioStyles = `
+:host {
+  display: block;
+}
+[part="group"] {
+  display: flex;
+}
+[part="radio"] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--u-spacing-2);
+  cursor: pointer;
+  font-size: var(--u-font-sm);
+  color: var(--u-color-text-secondary);
+}
+:host(:focus-visible) .radio-circle { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+input[type="radio"] {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+.radio-circle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border: 2px solid var(--u-color-border);
+  border-radius: var(--u-radius-round);
+  transition: all var(--u-transition-base);
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+.radio-circle.checked {
+  border-color: var(--u-color-primary-hover);
+  background: var(--u-color-primary);
+  box-shadow: inset 0 0 0 3px var(--u-color-white);
+}
+:host([disabled]) [part="radio"] {
+  opacity: var(--u-opacity-disabled);
+  cursor: not-allowed;
+}
+`;
+
+// src/components/styles/switch.ts
+var switchStyles = `
+:host {
+  display: inline-flex;
+}
+[part="switch"] {
+  display: inline-flex;
+  cursor: pointer;
+}
+:host(:focus-visible) .switch-track { outline: 2px solid var(--u-color-focus); outline-offset: 3px; }
+input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+.switch-track {
+  width: 40px;
+  height: 22px;
+  background: var(--u-color-border);
+  border-radius: 11px;
+  position: relative;
+  transition: background var(--u-transition-slow);
+}
+.switch-track.checked {
+  background: var(--u-color-primary);
+}
+.switch-thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 18px;
+  height: 18px;
+  background: var(--u-color-bg);
+  border-radius: var(--u-radius-round);
+  transition: transform var(--u-transition-slow);
+  box-shadow: var(--u-shadow-thumb);
+}
+.switch-track.checked .switch-thumb {
+  transform: translateX(18px);
+}
+:host([disabled]) [part="switch"] {
+  opacity: var(--u-opacity-disabled);
+  cursor: not-allowed;
+}
+`;
+
+// src/components/styles/label.ts
+var labelStyles = `
+:host {
+  display: inline;
+}
+[part="label"] {
+  font-size: var(--u-font-sm);
+  font-weight: var(--u-font-weight-medium);
+  color: var(--u-color-text-secondary);
+  cursor: default;
+}
+.label-required::after {
+  content: ' *';
+  color: var(--u-color-danger);
+}
+`;
+
+// src/components/styles/tree.ts
+var treeStyles = `
+:host {
+  display: block;
+}
+[part="tree"] {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: var(--u-font-sm);
+}
+.tree-node {
+  list-style: none;
+}
+.tree-row {
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-1);
+  padding: var(--u-spacing-1) var(--u-spacing-2);
+  cursor: pointer;
+  border-radius: var(--u-radius-sm);
+}
+.tree-row:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }
+.tree-row:hover {
+  background: var(--u-color-bg-hover);
+}
+.tree-toggle {
+  width: var(--u-spacing-4);
+  flex-shrink: 0;
+  text-align: center;
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+}
+.tree-toggle-spacer {
+  width: var(--u-spacing-4);
+  flex-shrink: 0;
+}
+.tree-label {
+  color: var(--u-color-text-secondary);
+}
+.tree-children {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+`;
+
+// src/components/styles/table.ts
+var tableStyles = `
+:host {
+  display: block;
+  overflow-x: auto;
+}
+.table-wrapper {
+  width: 100%;
+}
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--u-font-sm);
+}
+.table th {
+  text-align: left;
+  padding: 10px var(--u-spacing-3);
+  border-bottom: 2px solid var(--u-color-border-lighter);
+  font-weight: var(--u-font-weight-semibold);
+  color: var(--u-color-text-secondary);
+  white-space: nowrap;
+  background: var(--u-color-bg-muted);
+}
+.table th.sortable {
+  cursor: pointer;
+  user-select: none;
+}
+.table th.sortable:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }
+.table th.sortable:hover {
+  background: var(--u-color-bg-hover);
+}
+.table td {
+  padding: 10px var(--u-spacing-3);
+  border-bottom: 1px solid var(--u-color-border-lighter);
+  color: var(--u-color-text-muted);
+}
+.table tr:hover td {
+  background: var(--u-color-bg-muted);
+}
+`;
+
+// src/components/styles/breadcrumb.ts
+var breadcrumbStyles = `
+:host {
+  display: block;
+}
+[part="breadcrumb"] {
+  font-size: var(--u-font-sm);
+}
+[part="list"] {
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-1);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.breadcrumb-item {
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-1);
+  color: var(--u-color-text-muted);
+}
+.breadcrumb-item a {
+  color: var(--u-color-primary-text);
+  text-decoration: none;
+}
+.breadcrumb-item a:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; border-radius: var(--u-radius-xs); }
+.breadcrumb-item a:hover {
+  text-decoration: underline;
+}
+.breadcrumb-item[aria-current="page"] {
+  color: var(--u-color-text);
+  font-weight: var(--u-font-weight-medium);
+}
+.breadcrumb-separator {
+  color: var(--u-color-border-light);
+  margin: 0 var(--u-spacing-05);
+}
+`;
+
+// src/components/styles/tabs.ts
+var tabsStyles = `
+:host {
+  display: block;
+}
+[part="tabs"] {
+  display: flex;
+  flex-direction: column;
+}
+[part="tablist"] {
+  display: flex;
+  gap: 0;
+  position: relative;
+  outline: none;
+}
+.tablist-underline {
+  border-bottom: 1px solid var(--u-color-border-light);
+}
+.tablist-underline .tab-indicator {
+  position: absolute;
+  bottom: 0;
+  height: 2px;
+  background: var(--u-color-primary);
+  transition: left var(--u-transition-slow) ease, width var(--u-transition-slow) ease;
+  border-radius: 1px;
+}
+.tablist-pills {
+  gap: var(--u-spacing-1);
+  flex-wrap: wrap;
+}
+.tablist-buttons {
+  gap: var(--u-spacing-1);
+  flex-wrap: wrap;
+}
+.tablist-full {
+  width: 100%;
+}
+.tablist-full .tab-trigger {
+  flex: 1;
+  text-align: center;
+}
+.tab-trigger {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  padding: 10px var(--u-spacing-4);
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--u-color-text-muted);
+  transition: all var(--u-transition-base);
+  outline: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--u-spacing-2);
+  white-space: nowrap;
+  user-select: none;
+  position: relative;
+  border-radius: 0;
+}
+.tab-trigger:hover:not(:disabled):not(.active) {
+  color: var(--u-color-text-secondary);
+}
+.tab-trigger.active {
+  color: var(--u-color-primary-text);
+  font-weight: var(--u-font-weight-medium);
+}
+.tab-trigger:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--u-color-focus);
+}
+.tab-trigger:disabled {
+  opacity: var(--u-opacity-muted);
+  cursor: not-allowed;
+}
+.tab-trigger-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--u-spacing-4);
+  height: var(--u-spacing-4);
+  flex-shrink: 0;
+}
+.tab-trigger-icon svg {
+  width: var(--u-spacing-4);
+  height: var(--u-spacing-4);
+}
+.tablist-pills .tab-trigger {
+  border-radius: var(--u-radius-full);
+  padding: 6px 14px;
+}
+.tablist-pills .tab-trigger:hover:not(:disabled) {
+  background: var(--u-color-bg-hover);
+}
+.tablist-pills .tab-trigger.active {
+  background: var(--u-color-bg-selected);
+  color: var(--u-color-primary-text);
+}
+.tablist-buttons .tab-trigger {
+  border-radius: var(--u-radius-md);
+  padding: 6px 14px;
+}
+.tablist-buttons .tab-trigger:hover:not(:disabled) {
+  background: var(--u-color-bg-hover);
+}
+.tablist-buttons .tab-trigger.active {
+  background: var(--u-color-primary);
+  color: var(--u-color-white);
+}
+[part="tabpanels"] {
+  padding: var(--u-spacing-4) 0;
+  outline: none;
+}
+.tab-panel {
+  outline: none;
+  animation: u-tab-panel-in var(--u-transition-base) ease;
+}
+@keyframes u-tab-panel-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+`;
+
+// src/components/styles/visually-hidden.ts
+var visuallyHiddenStyles = `
+:host {
+  display: inline;
+}
+[part="hidden"] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  white-space: nowrap;
+  border: 0;
+}
+`;
+
+// src/components/styles/presence.ts
+var presenceStyles = `
+[part="presence"] {
+  animation-fill-mode: both;
+}
+.presence-enter {
+  opacity: 0;
+}
+.presence-enter-active {
+  opacity: 1;
+  transition: opacity var(--duration, 200ms) ease;
+}
+.presence-leave {
+  opacity: 1;
+}
+.presence-leave-active {
+  opacity: 0;
+  transition: opacity var(--duration, 200ms) ease;
+}
+`;
+
+// src/components/styles/animate.ts
+var animateKeyframes = `
+@keyframes u-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes u-fade-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+@keyframes u-slide-in-up {
+  from { opacity: 0; transform: translateY(20px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+@keyframes u-slide-in-down {
+  from { opacity: 0; transform: translateY(-20px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+@keyframes u-slide-in-left {
+  from { opacity: 0; transform: translateX(20px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+@keyframes u-slide-in-right {
+  from { opacity: 0; transform: translateX(-20px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+@keyframes u-slide-out-up {
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(-20px); }
+}
+@keyframes u-slide-out-down {
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(20px); }
+}
+@keyframes u-scale-in {
+  from { opacity: 0; transform: scale(0.95); }
+  to { opacity: 1; transform: scale(1); }
+}
+@keyframes u-scale-out {
+  from { opacity: 1; transform: scale(1); }
+  to { opacity: 0; transform: scale(0.95); }
+}
+@keyframes u-bounce-in {
+  0% { opacity: 0; transform: scale(0.3); }
+  50% { transform: scale(1.05); }
+  70% { transform: scale(0.9); }
+  100% { opacity: 1; transform: scale(1); }
+}
+`;
+
+// src/components/styles/modal.ts
+var modalStyles = `
+:host {
+  display: contents;
+}
+@keyframes u-modal-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes u-modal-scale-in {
+  from { opacity: 0; transform: scale(0.95) translateY(8px); }
+  to { opacity: 1; transform: scale(1) translateY(0); }
+}
+.modal-backdrop {
+  position: fixed;
+  inset: 0;
+  background: var(--u-color-overlay);
+  z-index: var(--u-z-backdrop);
+  animation: u-modal-fade-in var(--u-transition-base) ease;
+}
+.modal-backdrop[hidden] {
+  display: none !important;
+}
+.modal {
+  position: fixed;
+  inset: 0;
+  z-index: var(--u-z-modal);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--u-spacing-4);
+}
+.modal[hidden] {
+  display: none !important;
+}
+.modal-wrapper {
+  background: var(--u-color-bg);
+  border-radius: var(--u-radius-2xl);
+  box-shadow: var(--u-shadow-xl);
+  display: flex;
+  flex-direction: column;
+  max-height: 85vh;
+  width: 100%;
+  animation: u-modal-scale-in var(--u-transition-slow) ease;
+}
+.modal-sm { max-width: 400px; }
+.modal-md { max-width: 500px; }
+.modal-lg { max-width: 640px; }
+.modal-xl { max-width: 800px; }
+.modal-full { max-width: calc(100vw - 32px); }
+.modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--u-spacing-4) var(--u-spacing-5);
+  border-bottom: 1px solid var(--u-color-border-lighter);
+  gap: var(--u-spacing-3);
+}
+.modal-title {
+  font-weight: var(--u-font-weight-semibold);
+  font-size: var(--u-font-lg);
+  color: var(--u-color-text);
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.modal-close {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--u-color-text-muted);
+  padding: var(--u-spacing-1);
+  line-height: var(--u-line-height-none);
+  border-radius: var(--u-radius-md);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: color var(--u-transition-base), background var(--u-transition-base);
+}
+.modal-close:hover { color: var(--u-color-text-secondary); background: var(--u-color-bg-hover); }
+.modal-close:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+.modal-close svg {
+  width: 18px;
+  height: 18px;
+}
+.modal-content {
+  padding: var(--u-spacing-5);
+  overflow-y: auto;
+  flex: 1;
+  color: var(--u-color-text-secondary);
+  font-size: var(--u-font-sm);
+  line-height: var(--u-line-height-lg);
+}
+.modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--u-spacing-2);
+  padding: var(--u-spacing-3) var(--u-spacing-5);
+  border-top: 1px solid var(--u-color-border-lighter);
+}
+.modal-mobile.modal-wrapper {
+  max-height: calc(100vh - 32px) !important;
+  border-radius: var(--u-radius-xl);
+}
+`;
+
+// src/components/styles/drawer.ts
+var drawerStyles = `
+:host {
+  display: contents;
+}
+.drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  background: var(--u-color-overlay);
+  z-index: var(--u-z-backdrop);
+}
+.drawer {
+  position: fixed;
+  z-index: var(--u-z-modal);
+}
+.drawer-right { top: 0; right: 0; height: 100%; }
+.drawer-left { top: 0; left: 0; height: 100%; }
+.drawer-top { top: 0; left: 0; width: 100%; }
+.drawer-bottom { bottom: 0; left: 0; width: 100%; }
+.drawer-content {
+  background: var(--u-color-bg);
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--u-shadow-drawer);
+}
+.drawer-right .drawer-content { height: 100%; transform: translateX(100%); transition: transform var(--u-transition-slower) ease; border-radius: var(--u-radius-2xl) 0 0 var(--u-radius-2xl); }
+.drawer-left .drawer-content { height: 100%; transform: translateX(-100%); transition: transform var(--u-transition-slower) ease; border-radius: 0 var(--u-radius-2xl) var(--u-radius-2xl) 0; }
+.drawer-top .drawer-content { width: 100%; transform: translateY(-100%); transition: transform var(--u-transition-slower) ease; border-radius: 0 0 var(--u-radius-2xl) var(--u-radius-2xl); }
+.drawer-bottom .drawer-content { width: 100%; transform: translateY(100%); transition: transform var(--u-transition-slower) ease; border-radius: var(--u-radius-2xl) var(--u-radius-2xl) 0 0; }
+.drawer-open .drawer-content { transform: translate(0,0); }
+.drawer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--u-spacing-4) var(--u-spacing-5);
+  border-bottom: 1px solid var(--u-color-border-lighter);
+  font-weight: var(--u-font-weight-semibold);
+  font-size: var(--u-font-lg);
+}
+.drawer-close {
+  background: none;
+  border: none;
+  font-size: var(--u-font-2xl);
+  cursor: pointer;
+  color: var(--u-color-text-muted);
+  padding: 0;
+  line-height: var(--u-line-height-none);
+}
+.drawer-close:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+.drawer-close:hover { color: var(--u-color-text-secondary); }
+.drawer-body { padding: var(--u-spacing-5); overflow-y: auto; flex: 1; color: var(--u-color-text-muted); font-size: var(--u-font-sm); }
+.drawer-footer { padding: var(--u-spacing-3) var(--u-spacing-5); border-top: 1px solid var(--u-color-border-lighter); display: flex; gap: var(--u-spacing-2); justify-content: flex-end; }
+`;
+
+// src/components/styles/popover.ts
+var popoverStyles = `
+:host {
+  position: relative;
+  display: inline-flex;
+}
+.popover-trigger {
+  display: inline-flex;
+}
+.popover {
+  position: fixed;
+  z-index: var(--u-z-dropdown);
+  filter: drop-shadow(0 8px 24px rgba(0,0,0,.14));
+}
+.popover-content {
+  background: var(--u-color-bg);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-xl);
+  padding: var(--u-spacing-2);
+  font-size: var(--u-font-sm);
+  color: var(--u-color-text-secondary);
+  min-width: 160px;
+  animation: u-popover-in var(--u-transition-base) ease;
+}
+@keyframes u-popover-in {
+  from { opacity: 0; transform: scale(.95); }
+  to { opacity: 1; transform: scale(1); }
+}
+.popover-arrow {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: var(--u-color-bg);
+  border: 1px solid var(--u-color-border-light);
+  transform: rotate(45deg);
+  z-index: -1;
+}
+.arrow-top { bottom: -5px; left: calc(50% - 5px); border-top: none; border-left: none; }
+.arrow-bottom { top: -5px; left: calc(50% - 5px); border-bottom: none; border-right: none; }
+.arrow-left { right: -5px; top: calc(50% - 5px); border-bottom: none; border-left: none; }
+.arrow-right { left: -5px; top: calc(50% - 5px); border-top: none; border-right: none; }
+`;
+
+// src/components/styles/dropdown.ts
+var dropdownStyles = `
+:host {
+  position: relative;
+  display: inline-flex;
+}
+.dropdown-trigger {
+  display: inline-flex;
+}
+.dropdown-menu {
+  position: fixed;
+  z-index: var(--u-z-dropdown);
+  background: var(--u-color-bg);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-xl);
+  box-shadow: var(--u-shadow-lg);
+  padding: var(--u-spacing-1);
+  min-width: 180px;
+  outline: none;
+  animation: u-dropdown-in 120ms ease;
+}
+@keyframes u-dropdown-in {
+  from { opacity: 0; transform: scale(.95); }
+  to { opacity: 1; transform: scale(1); }
+}
+.dropdown-items {
+  display: flex;
+  flex-direction: column;
+}
+.dropdown-item {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  padding: var(--u-spacing-2) var(--u-spacing-3);
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--u-color-text-secondary);
+  text-align: left;
+  border-radius: var(--u-radius-md);
+  transition: background var(--u-transition-fast);
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-2);
+  width: 100%;
+  box-sizing: border-box;
+}
+.dropdown-item:hover { background: var(--u-color-bg-hover); }
+.dropdown-item:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }
+.dropdown-item.selected { color: var(--u-color-primary-hover); font-weight: var(--u-font-weight-medium); background: var(--u-color-bg-selected); }
+.dropdown-item:disabled { opacity: var(--u-opacity-muted); cursor: not-allowed; }
+.dropdown-item-active { background: var(--u-color-bg-selected); color: var(--u-color-primary-hover); }
+.dropdown-item-icon {
+  width: var(--u-spacing-4);
+  height: var(--u-spacing-4);
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--u-color-text-muted);
+}
+.dropdown-item-icon svg {
+  width: var(--u-spacing-4);
+  height: var(--u-spacing-4);
+}
+.dropdown-item-text {
+  flex: 1;
+  min-width: 0;
+}
+.dropdown-item-label {
+  display: block;
+  line-height: var(--u-line-height-sm);
+}
+.dropdown-item-desc {
+  display: block;
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+  line-height: var(--u-line-height-tight);
+  margin-top: 1px;
+}
+.dropdown-item-shortcut {
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+  padding: 2px 6px;
+  background: var(--u-color-bg-hover);
+  border-radius: var(--u-radius-sm);
+  font-family: inherit;
+  flex-shrink: 0;
+}
+.dropdown-group-label {
+  font-size: var(--u-font-xs);
+  font-weight: var(--u-font-weight-semibold);
+  color: var(--u-color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--u-letter-spacing-wide);
+  padding: var(--u-spacing-2) var(--u-spacing-3) var(--u-spacing-1);
+}
+.dropdown-divider { height: 1px; background: var(--u-color-bg-hover); margin: var(--u-spacing-1) 0; }
+`;
+
+// src/components/styles/accordion.ts
+var accordionStyles = `
+:host {
+  display: block;
+}
+[part="accordion"] {
+  border: 1px solid var(--u-color-border);
+  border-radius: var(--u-radius-lg);
+  overflow: hidden;
+}
+.accordion-item {
+  border-bottom: 1px solid var(--u-color-border-lighter);
+}
+.accordion-item:last-child { border-bottom: none; }
+.accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--u-spacing-3) var(--u-spacing-4);
+  cursor: pointer;
+  font-weight: var(--u-font-weight-medium);
+  font-size: var(--u-font-sm);
+  color: var(--u-color-text-secondary);
+  transition: background var(--u-transition-base);
+  user-select: none;
+}
+.accordion-header:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }
+.accordion-header:hover { background: var(--u-color-bg-muted); }
+.accordion-icon {
+  transition: transform var(--u-transition-slow);
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+}
+.accordion-item[open] .accordion-icon { transform: rotate(180deg); }
+.accordion-content {
+  overflow: hidden;
+  transition: height var(--u-transition-slower) ease;
+}
+.accordion-body {
+  padding: 0 var(--u-spacing-4) var(--u-spacing-3);
+  font-size: var(--u-font-sm);
+  color: var(--u-color-text-muted);
+}
+`;
+
+// src/components/styles/calendar.ts
+var calendarStyles = `
+:host {
+  display: inline-block;
+}
+.calendar {
+  font-size: var(--u-font-sm);
+  width: 280px;
+  background: var(--u-color-bg);
+  border-radius: var(--u-radius-lg);
+  box-shadow: var(--u-shadow-calendar);
+  padding: var(--u-spacing-4);
+}
+.cal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--u-spacing-3);
+}
+.cal-title {
+  font-weight: var(--u-font-weight-semibold);
+  color: var(--u-color-text);
+}
+.cal-nav-btn {
+  background: none;
+  border: 1px solid var(--u-color-border);
+  border-radius: var(--u-radius-md);
+  width: var(--u-spacing-8);
+  height: var(--u-spacing-8);
+  cursor: pointer;
+  font-size: 1.2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--u-color-text-muted);
+  transition: all var(--u-transition-base);
+}
+.cal-nav-btn:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }
+.cal-nav-btn:hover {
+  background: var(--u-color-bg-hover);
+  color: var(--u-color-text-secondary);
+}
+.cal-day-names {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  text-align: center;
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+  font-weight: var(--u-font-weight-medium);
+  margin-bottom: var(--u-spacing-2);
+}
+.cal-day-name {
+  padding: var(--u-spacing-1) 0;
+}
+.cal-days-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 2px;
+}
+.cal-day {
+  background: none;
+  border: none;
+  border-radius: var(--u-radius-md);
+  width: 100%;
+  aspect-ratio: 1;
+  cursor: pointer;
+  font-size: var(--u-font-sm);
+  color: var(--u-color-text-secondary);
+  transition: all var(--u-transition-fast);
+  font-family: inherit;
+}
+.cal-day:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }
+.cal-day:hover { background: var(--u-color-bg-hover); }
+.cal-day-empty { pointer-events: none; }
+.cal-today { font-weight: var(--u-font-weight-semibold); color: var(--u-color-primary-text); }
+.cal-selected { background: var(--u-color-primary); color: var(--u-color-white); font-weight: var(--u-font-weight-semibold); }
+.cal-selected:hover { background: var(--u-color-primary-hover); }
+.cal-disabled { opacity: var(--u-opacity-fade); pointer-events: none; }
+`;
+
+// src/components/styles/data-table.ts
+var dataTableStyles = `
+:host {
+  display: block;
+}
+.data-table {
+  font-size: var(--u-font-sm);
+  border: 1px solid var(--u-color-border);
+  border-radius: var(--u-radius-lg);
+  overflow: hidden;
+}
+.dt-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--u-spacing-3) var(--u-spacing-4);
+  border-bottom: 1px solid var(--u-color-border);
+  background: var(--u-color-bg-muted);
+}
+.dt-search-input {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  padding: 6px var(--u-spacing-3);
+  border: 1px solid var(--u-color-border);
+  border-radius: var(--u-radius-md);
+  outline: none;
+  width: 200px;
+}
+.dt-search-input:focus {
+  border-color: var(--u-color-primary-text);
+  box-shadow: var(--u-shadow-focus);
+}
+.dt-page-info { color: var(--u-color-text-muted); font-size: var(--u-font-xs); }
+.dt-table-wrapper { overflow-x: auto; }
+.dt-table { width: 100%; border-collapse: collapse; }
+.dt-table th {
+  text-align: left;
+  padding: 10px var(--u-spacing-3);
+  border-bottom: 2px solid var(--u-color-border-lighter);
+  font-weight: var(--u-font-weight-semibold);
+  color: var(--u-color-text-secondary);
+  white-space: nowrap;
+  background: var(--u-color-bg-muted);
+}
+.dt-table th.dt-sortable { cursor: pointer; user-select: none; }
+.dt-table th.dt-sortable:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }
+.dt-table th.dt-sortable:hover { background: var(--u-color-bg-hover); }
+.dt-table td { padding: 10px var(--u-spacing-3); border-bottom: 1px solid var(--u-color-border-lighter); color: var(--u-color-text-muted); }
+.dt-table tr:hover td { background: var(--u-color-bg-muted); }
+.dt-row-selected td { background: var(--u-color-bg-selected); }
+.dt-col-check { width: 40px; }
+.dt-empty { text-align: center; color: var(--u-color-text-muted); padding: var(--u-spacing-8); }
+.dt-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--u-spacing-2) var(--u-spacing-4);
+  border-top: 1px solid var(--u-color-border);
+  background: var(--u-color-bg-muted);
+}
+.dt-page-btn {
+  font-family: inherit;
+  font-size: var(--u-font-xs);
+  padding: 6px var(--u-spacing-3);
+  border: 1px solid var(--u-color-border);
+  border-radius: var(--u-radius-md);
+  background: var(--u-color-bg);
+  cursor: pointer;
+  color: var(--u-color-text-secondary);
+}
+.dt-page-btn:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+.dt-page-btn:hover { background: var(--u-color-bg-hover); }
+.dt-page-numbers { display: flex; gap: var(--u-spacing-1); }
+.dt-page-num {
+  font-family: inherit;
+  font-size: var(--u-font-xs);
+  width: var(--u-spacing-8);
+  height: var(--u-spacing-8);
+  border: 1px solid transparent;
+  border-radius: var(--u-radius-md);
+  background: none;
+  cursor: pointer;
+  color: var(--u-color-text-muted);
+}
+.dt-page-num:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+.dt-page-num:hover { background: var(--u-color-bg-hover); }
+.dt-page-num.active { background: var(--u-color-primary); color: var(--u-color-white); font-weight: var(--u-font-weight-semibold); }
+`;
+
+// src/components/styles/command-palette.ts
+var commandPaletteStyles = `
+:host {
+  display: contents;
+}
+.cp-backdrop {
+  position: fixed;
+  inset: 0;
+  background: var(--u-color-overlay);
+  z-index: var(--u-z-backdrop);
+}
+.cp-dialog {
+  position: fixed;
+  top: 20%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: var(--u-z-command-palette);
+  width: 540px;
+  max-width: calc(100vw - 32px);
+}
+.cp-dialog-inner {
+  background: var(--u-color-bg);
+  border-radius: var(--u-radius-2xl);
+  box-shadow: var(--u-shadow-command-palette);
+  overflow: hidden;
+}
+.cp-search-wrapper {
+  display: flex;
+  align-items: center;
+  padding: var(--u-spacing-3) var(--u-spacing-4);
+  border-bottom: 1px solid var(--u-color-border-lighter);
+  gap: var(--u-spacing-2);
+}
+.cp-search-icon { font-size: var(--u-font-md); color: var(--u-color-text-muted); }
+.cp-search-input {
+  flex: 1;
+  border: none;
+  outline: none;
+  font-family: inherit;
+  font-size: var(--u-font-md);
+  color: var(--u-color-text);
+  background: none;
+}
+.cp-shortcut-hint {
+  font-size: var(--u-font-xs);
+  padding: 2px 6px;
+  background: var(--u-color-bg-hover);
+  border-radius: var(--u-radius-sm);
+  color: var(--u-color-text-muted);
+  font-family: inherit;
+}
+.cp-results {
+  max-height: 320px;
+  overflow-y: auto;
+  padding: var(--u-spacing-1);
+}
+.cp-group-label {
+  padding: var(--u-spacing-2) var(--u-spacing-3) var(--u-spacing-1);
+  font-size: var(--u-font-xs);
+  font-weight: var(--u-font-weight-semibold);
+  color: var(--u-color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--u-letter-spacing-wide);
+}
+.cp-item {
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-2);
+  width: 100%;
+  padding: 10px var(--u-spacing-3);
+  border: none;
+  background: none;
+  cursor: pointer;
+  text-align: left;
+  border-radius: var(--u-radius-md);
+  font-family: inherit;
+  box-sizing: border-box;
+}
+.cp-item:hover { background: var(--u-color-bg-hover); }
+.cp-item:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }
+.cp-item-active { background: var(--u-color-bg-selected); }
+.cp-item-label { font-size: var(--u-font-sm); color: var(--u-color-text); flex: 1; }
+.cp-item-desc { font-size: var(--u-font-xs); color: var(--u-color-text-muted); flex: 1; }
+.cp-item-shortcut {
+  font-size: var(--u-font-xs);
+  padding: 2px 6px;
+  background: var(--u-color-bg-hover);
+  border-radius: var(--u-radius-sm);
+  color: var(--u-color-text-muted);
+  font-family: inherit;
+}
+.cp-empty { padding: var(--u-spacing-6); text-align: center; color: var(--u-color-text-muted); font-size: var(--u-font-sm); }
+.cp-footer {
+  display: flex;
+  gap: var(--u-spacing-4);
+  padding: var(--u-spacing-2) var(--u-spacing-4);
+  border-top: 1px solid var(--u-color-border-lighter);
+  font-size: var(--u-font-xs);
+  color: var(--u-color-text-muted);
+}
+`;
+
+// src/components/styles/combobox.ts
+var comboboxStyles = `
+:host {
+  display: inline-block;
+  position: relative;
+}
+.combobox {
+  position: relative;
+}
+.combobox-input-wrapper {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-md);
+  transition: border-color var(--u-transition-base);
+  background: var(--u-color-bg);
+}
+.combobox-input-wrapper:focus-within {
+  border-color: var(--u-color-primary-hover);
+  box-shadow: var(--u-shadow-focus);
+}
+.combobox-input {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  padding: var(--u-spacing-2) var(--u-spacing-3);
+  border: none;
+  outline: none;
+  background: none;
+  width: 100%;
+  box-sizing: border-box;
+  color: var(--u-color-text);
+}
+.combobox-toggle {
+  background: none;
+  border: none;
+  padding: 0 var(--u-spacing-2);
+  cursor: pointer;
+  color: var(--u-color-text-muted);
+  font-size: var(--u-font-xs);
+  display: flex;
+  align-items: center;
+}
+.combobox-listbox {
+  position: fixed;
+  z-index: var(--u-z-dropdown);
+  background: var(--u-color-bg);
+  border-radius: var(--u-radius-md);
+  box-shadow: var(--u-shadow-combobox);
+  max-height: 240px;
+  overflow-y: auto;
+  padding: var(--u-spacing-1);
+}
+.combobox-option {
+  display: block;
+  width: 100%;
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  padding: var(--u-spacing-2) var(--u-spacing-3);
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--u-color-text-secondary);
+  text-align: left;
+  border-radius: var(--u-radius-sm);
+  box-sizing: border-box;
+}
+.combobox-option:hover { background: var(--u-color-bg-hover); }
+.combobox-option.active { color: var(--u-color-primary-hover); font-weight: var(--u-font-weight-medium); }
+.combobox-option:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }
+.combobox-empty { padding: var(--u-spacing-3); text-align: center; color: var(--u-color-text-muted); font-size: var(--u-font-sm); }
+`;
+
+// src/components/styles/toast.ts
+var toastStyles = `
+:host {
+  display: block;
+  position: fixed;
+  z-index: var(--u-z-toast);
+  pointer-events: none;
+}
+.toast-container {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  gap: var(--u-spacing-2);
+  padding: var(--u-spacing-4);
+  pointer-events: none;
+  z-index: var(--u-z-toast);
+}
+.toast-top-right { top: 0; right: 0; }
+.toast-top-left { top: 0; left: 0; }
+.toast-top-center { top: 0; left: 50%; transform: translateX(-50%); }
+.toast-bottom-right { bottom: 0; right: 0; flex-direction: column-reverse; }
+.toast-bottom-left { bottom: 0; left: 0; flex-direction: column-reverse; }
+.toast-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); flex-direction: column-reverse; }
+.toast {
+  pointer-events: auto;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--u-spacing-3);
+  padding: 14px var(--u-spacing-4);
+  border-radius: var(--u-radius-lg);
+  box-shadow: var(--u-shadow-lg);
+  font-size: var(--u-font-sm);
+  min-width: 280px;
+  max-width: 400px;
+  animation: u-slide-in-right var(--u-transition-slow) ease;
+  background: var(--u-color-bg);
+  border: 1px solid var(--u-color-border);
+}
+.toast-exit {
+  animation: u-slide-out-right var(--u-transition-slow) ease forwards;
+}
+.toast-info { border-left: 4px solid var(--u-color-primary); }
+.toast-success { border-left: 4px solid var(--u-color-success); }
+.toast-warning { border-left: 4px solid var(--u-color-warning); }
+.toast-error { border-left: 4px solid var(--u-color-danger); }
+.toast-body { flex: 1; }
+.toast-title { font-weight: var(--u-font-weight-semibold); color: var(--u-color-text); }
+.toast-desc { color: var(--u-color-text-muted); margin-top: var(--u-spacing-1); font-size: var(--u-font-tiny); }
+.toast-action {
+  background: none;
+  border: none;
+  color: var(--u-color-primary-hover);
+  cursor: pointer;
+  font-weight: var(--u-font-weight-medium);
+  font-family: inherit;
+  font-size: var(--u-font-tiny);
+  white-space: nowrap;
+  padding: 0;
+  margin-top: var(--u-spacing-1);
+}
+.toast-action:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; border-radius: var(--u-radius-xs); }
+.toast-action:hover { color: var(--u-color-primary-hover); }
+.toast-close {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--u-color-text-muted);
+  font-size: 1.2rem;
+  padding: 0;
+  line-height: var(--u-line-height-none);
+  flex-shrink: 0;
+}
+.toast-close:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; border-radius: var(--u-radius-xs); }
+.toast-close:hover { color: var(--u-color-text-secondary); }
+`;
+
+// src/components/styles/context-menu.ts
+var contextMenuStyles = `
+:host {
+  position: relative;
+  display: inline-flex;
+}
+.cm-trigger {
+  display: inline;
+}
+.cm-menu {
+  position: fixed;
+  z-index: var(--u-z-dropdown);
+  background: var(--u-color-bg);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-xl);
+  box-shadow: var(--u-shadow-lg);
+  padding: var(--u-spacing-1);
+  min-width: 180px;
+  max-height: 320px;
+  overflow-y: auto;
+  animation: u-cm-in 120ms ease;
+}
+@keyframes u-cm-in {
+  from { opacity: 0; transform: scale(.95); }
+  to { opacity: 1; transform: scale(1); }
+}
+.cm-items {
+  display: flex;
+  flex-direction: column;
+}
+.cm-item {
+  font-family: inherit;
+  font-size: var(--u-font-sm);
+  padding: var(--u-spacing-2) var(--u-spacing-3);
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--u-color-text-secondary);
+  text-align: left;
+  border-radius: var(--u-radius-md);
+  transition: background var(--u-transition-fast);
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-2);
+  width: 100%;
+  box-sizing: border-box;
+}
+.cm-item:hover { background: var(--u-color-bg-hover); }
+.cm-item:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }
+.cm-item:disabled { opacity: var(--u-opacity-muted); cursor: not-allowed; }
+.cm-item-icon { width: var(--u-spacing-4); text-align: center; font-size: var(--u-font-md); flex-shrink: 0; }
+.cm-item-label { flex: 1; }
+.cm-divider { height: 1px; background: var(--u-color-bg-hover); margin: var(--u-spacing-1) 0; }
+`;
+
+// src/components/styles/sortable.ts
+var sortableStyles = `
+:host {
+  display: block;
+}
+.sortable {
+  display: flex;
+  flex-direction: column;
+  gap: var(--u-spacing-1);
+}
+.sortable-dragging {
+  opacity: 0.9;
+  box-shadow: var(--u-shadow-lg);
+  border-radius: var(--u-radius-md);
+  cursor: grabbing;
+}
+.sortable-item:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }
+.sortable-placeholder {
+  border: 2px dashed var(--u-color-border-light);
+  border-radius: var(--u-radius-md);
+  opacity: var(--u-opacity-disabled);
+  box-sizing: border-box;
+  transition: height var(--u-transition-base) ease, margin var(--u-transition-base) ease;
+}
+`;
+
+// src/components/styles/form.ts
+var formStyles = `
+:host {
+  display: block;
+}
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--u-spacing-4);
+}
+`;
+
+// src/components/styles/badge.ts
+var badgeStyles = `
+:host {
+  display: inline-flex;
+  vertical-align: middle;
+}
+[part="badge"] {
+  font-family: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--u-font-weight-medium);
+  line-height: var(--u-line-height-none);
+  white-space: nowrap;
+  user-select: none;
+  transition: background var(--u-transition-base), color var(--u-transition-base);
+}
+.badge-pill {
+  border-radius: var(--u-radius-full);
+}
+.badge-square {
+  border-radius: var(--u-radius-sm);
+}
+.badge-sm {
+  font-size: var(--u-font-2xs);
+  padding: 2px 6px;
+  min-height: var(--u-spacing-4);
+  min-width: var(--u-spacing-4);
+}
+.badge-md {
+  font-size: var(--u-font-xs);
+  padding: 3px var(--u-spacing-2);
+  min-height: var(--u-spacing-5);
+  min-width: var(--u-spacing-5);
+}
+.badge-lg {
+  font-size: var(--u-font-xs);
+  padding: var(--u-spacing-1) 10px;
+  min-height: var(--u-spacing-6);
+  min-width: var(--u-spacing-6);
+}
+.badge-default {
+  background: var(--u-color-bg-hover);
+  color: var(--u-color-text-secondary);
+}
+.badge-primary {
+  background: var(--u-color-bg-selected);
+  color: var(--u-color-primary-hover);
+}
+.badge-success {
+  background: var(--u-color-success-bg);
+  color: var(--u-color-success-text);
+}
+.badge-warning {
+  background: var(--u-color-warning-bg);
+  color: var(--u-color-warning-text);
+}
+.badge-danger {
+  background: var(--u-color-danger-bg);
+  color: var(--u-color-danger-text);
+}
+.badge-info {
+  background: var(--u-color-info-bg);
+  color: var(--u-color-info-text);
+}
+.badge-dot {
+  width: var(--u-spacing-2);
+  height: var(--u-spacing-2);
+  padding: 0;
+  border-radius: var(--u-radius-round);
+  min-width: var(--u-spacing-2);
+  min-height: var(--u-spacing-2);
+}
+.badge-dot.badge-sm {
+  width: 6px;
+  height: 6px;
+  min-width: 6px;
+  min-height: 6px;
+}
+.badge-dot.badge-lg {
+  width: 10px;
+  height: 10px;
+  min-width: 10px;
+  min-height: 10px;
+}
+`;
+
+// src/components/styles/card.ts
+var cardStyles = `
+:host {
+  display: block;
+}
+[part="card"] {
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  transition: box-shadow var(--u-transition-slow), border-color var(--u-transition-slow), transform var(--u-transition-slow);
+  position: relative;
+  overflow: hidden;
+}
+.card-default {
+  background: var(--u-color-bg);
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-2xl);
+  box-shadow: var(--u-shadow-sm);
+}
+.card-outlined {
+  background: transparent;
+  border: 1px solid var(--u-color-border-light);
+  border-radius: var(--u-radius-2xl);
+}
+.card-elevated {
+  background: var(--u-color-bg);
+  border: 1px solid transparent;
+  border-radius: var(--u-radius-2xl);
+  box-shadow: var(--u-shadow-md);
+}
+.card-hoverable:hover {
+  box-shadow: var(--u-shadow-lg);
+  border-color: var(--u-color-border);
+  transform: translateY(-2px);
+}
+.card-image {
+  width: 100%;
+  overflow: hidden;
+  line-height: 0;
+}
+.card-image img,
+.card-image ::slotted(img) {
+  width: 100%;
+  height: auto;
+  display: block;
+  object-fit: cover;
+}
+.card-image-full {
+  border-radius: 0;
+}
+.card-image-top {
+  border-radius: var(--u-radius-2xl) var(--u-radius-2xl) 0 0;
+}
+.card-image-bottom {
+  border-radius: 0 0 var(--u-radius-2xl) var(--u-radius-2xl);
+}
+[part="header"] {
+  padding: var(--u-spacing-4) var(--u-spacing-5) 0;
+  font-weight: var(--u-font-weight-semibold);
+  font-size: var(--u-font-md);
+  color: var(--u-color-text);
+}
+[part="content"] {
+  padding: var(--u-spacing-4) var(--u-spacing-5);
+  flex: 1;
+  min-width: 0;
+  color: var(--u-color-text-secondary);
+  font-size: var(--u-font-sm);
+  line-height: var(--u-line-height-lg);
+}
+[part="footer"] {
+  padding: 0 var(--u-spacing-5) var(--u-spacing-4);
+  display: flex;
+  align-items: center;
+  gap: var(--u-spacing-2);
+}
+.card-padding-none [part="header"] { padding: 0; }
+.card-padding-none [part="content"] { padding: 0; }
+.card-padding-none [part="footer"] { padding: 0; }
+.card-padding-sm [part="header"] { padding: var(--u-spacing-3) 14px 0; }
+.card-padding-sm [part="content"] { padding: var(--u-spacing-3) 14px; }
+.card-padding-sm [part="footer"] { padding: 0 14px var(--u-spacing-3); }
+.card-padding-lg [part="header"] { padding: var(--u-spacing-5) var(--u-spacing-6) 0; }
+.card-padding-lg [part="content"] { padding: var(--u-spacing-5) var(--u-spacing-6); }
+.card-padding-lg [part="footer"] { padding: 0 var(--u-spacing-6) var(--u-spacing-5); }
+`;
+
+export { UElement, accordionStyles, animateKeyframes, badgeStyles, boxStyles, breadcrumbStyles, buttonStyles, calendarStyles, cardStyles, checkboxStyles, comboboxStyles, commandPaletteStyles, containerStyles, contextMenuStyles, dataTableStyles, dialogStyles, drawerStyles, dropdownStyles, fieldStyles, formStyles, getTheme, gridStyles, iconStyles, inputStyles, labelStyles, linkStyles, listStyles, modalStyles, overlayStyles, popoverStyles, presenceStyles, radioStyles, restoreTheme, selectStyles, setTheme, sortableStyles, stackStyles, switchStyles, tableStyles, tabsStyles, textStyles, textareaStyles, toastStyles, tooltipStyles, treeStyles, visuallyHiddenStyles };
+//# sourceMappingURL=chunk-AOFVLHAJ.js.map
+//# sourceMappingURL=chunk-AOFVLHAJ.js.map