@zhama/a2ui 0.11.0 → 0.13.0

package/dist/styles/index.js

@@ -1,4 +1,4 @@
-function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-${t} { opacity: ${r}; }`);}for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-ho-${t}:hover { opacity: ${r}; }`);}return e.push(`
+function F(){let t=[];for(let r=0;r<=100;r+=5){let e=r/100;t.push(`.a2-opacity-${r} { opacity: ${e}; }`);}for(let r=0;r<=100;r+=5){let e=r/100;t.push(`.a2-ho-${r}:hover { opacity: ${e}; }`);}return t.push(`
     .a2-cursor-auto { cursor: auto; }
     .a2-cursor-default { cursor: default; }
     .a2-cursor-pointer { cursor: pointer; }
@@ -10,19 +10,19 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-cursor-none { cursor: none; }
     .a2-cursor-grab { cursor: grab; }
     .a2-cursor-grabbing { cursor: grabbing; }
-  `),e.push(`
+  `),t.push(`
     .a2-pe-none { pointer-events: none; }
     .a2-pe-auto { pointer-events: auto; }
-  `),e.push(`
+  `),t.push(`
     .a2-select-none { user-select: none; }
     .a2-select-text { user-select: text; }
     .a2-select-all { user-select: all; }
     .a2-select-auto { user-select: auto; }
-  `),e.push(`
+  `),t.push(`
     .a2-visible { visibility: visible; }
     .a2-invisible { visibility: hidden; }
     .a2-collapse { visibility: collapse; }
-  `),e.push(`
+  `),t.push(`
     .a2-transition-none { transition-property: none; }
     .a2-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
     .a2-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
@@ -30,7 +30,7 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
     .a2-transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
     .a2-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
-  `),e.push(`
+  `),t.push(`
     .a2-duration-75 { transition-duration: 75ms; }
     .a2-duration-100 { transition-duration: 100ms; }
     .a2-duration-150 { transition-duration: 150ms; }
@@ -39,12 +39,12 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-duration-500 { transition-duration: 500ms; }
     .a2-duration-700 { transition-duration: 700ms; }
     .a2-duration-1000 { transition-duration: 1000ms; }
-  `),e.push(`
+  `),t.push(`
     .a2-ease-linear { transition-timing-function: linear; }
     .a2-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
     .a2-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
     .a2-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
-  `),e.push(`
+  `),t.push(`
     .a2-scale-0 { transform: scale(0); }
     .a2-scale-50 { transform: scale(0.5); }
     .a2-scale-75 { transform: scale(0.75); }
@@ -74,15 +74,15 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-translate-y-1 { transform: translateY(4px); }
     .a2-translate-y-2 { transform: translateY(8px); }
     .a2-translate-y-4 { transform: translateY(16px); }
-  `),e.push(`
+  `),t.push(`
     .a2-hover-scale-105:hover { transform: scale(1.05); }
     .a2-hover-scale-110:hover { transform: scale(1.1); }
     .a2-hover--translate-y-1:hover { transform: translateY(-4px); }
     .a2-hover--translate-y-2:hover { transform: translateY(-8px); }
-  `),e.push(`
+  `),t.push(`
     .a2-active-scale-95:active { transform: scale(0.95); }
     .a2-active-scale-90:active { transform: scale(0.9); }
-  `),e.push(`
+  `),t.push(`
     .a2-shadow-none { box-shadow: 0 0 #0000; }
     .a2-shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
     .a2-shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
@@ -91,11 +91,11 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); }
     .a2-shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); }
     .a2-shadow-inner { box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); }
-  `),e.push(`
+  `),t.push(`
     .a2-hover-shadow:hover { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
     .a2-hover-shadow-md:hover { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
     .a2-hover-shadow-lg:hover { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
-  `),e.push(`
+  `),t.push(`
     .a2-blur-none { backdrop-filter: none; }
     .a2-blur-sm { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
     .a2-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
@@ -104,7 +104,7 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-blur-xl { backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
     .a2-blur-2xl { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
     .a2-blur-3xl { backdrop-filter: blur(64px); -webkit-backdrop-filter: blur(64px); }
-  `),e.push(`
+  `),t.push(`
     .a2-focus-visible-ring:focus-visible {
       outline: 2px solid var(--p-50, currentColor);
       outline-offset: 2px;
@@ -112,14 +112,14 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-focus-visible-none:focus-visible {
       outline: none;
     }
-  `),e.push(`
+  `),t.push(`
     .a2-disabled:disabled,
     .a2-disabled[disabled] {
       opacity: 0.5;
       pointer-events: none;
       cursor: not-allowed;
     }
-  `),e.push(`
+  `),t.push(`
     .a2-scrollbar-none {
       scrollbar-width: none;
       -ms-overflow-style: none;
@@ -130,8 +130,30 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-scrollbar-thin {
       scrollbar-width: thin;
     }
-  `),e.join(`
-`)}var b=j();var u=4,f=[0,5,10,15,20,25,30,35,40,50,60,70,80,90,95,98,99,100],k=["p","s","t","n","nv","e"];function s(e){return `--${e.replace(/([a-z]+)(\d+)/,"$1-$2")}`}function v(e){let t=e.match(/^([a-z]+)(\d+)$/);if(!t)return e;let r=t[1],a=t[2];if(!r||!a)return e;let n=100-parseInt(a,10),i=f.reduce((c,l)=>Math.abs(l-n)<Math.abs(c-n)?l:c);return `${r}${i}`}function z(){let e=[];for(let t=0;t<=24;t++)e.push(`.a2-br-${t} { border-radius: ${t*4}px; }`);e.push(`
+  `),t.push(`
+    @keyframes a2-spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+    @keyframes a2-pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+    @keyframes a2-bounce {
+      0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
+      50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
+    }
+    @keyframes a2-ping {
+      75%, 100% { transform: scale(2); opacity: 0; }
+    }
+  `),t.push(`
+    .a2-animate-spin { animation: a2-spin 1s linear infinite; }
+    .a2-animate-pulse { animation: a2-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
+    .a2-animate-bounce { animation: a2-bounce 1s infinite; }
+    .a2-animate-ping { animation: a2-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
+    .a2-animate-none { animation: none; }
+  `),t.join(`
+`)}var m=F();var d=4,f=[0,5,10,15,20,25,30,35,40,50,60,70,80,90,95,98,99,100],v=["p","s","t","n","nv","e"];function i(t){return `--${t.replace(/([a-z]+)(\d+)/,"$1-$2")}`}function k(t){let r=t.match(/^([a-z]+)(\d+)$/);if(!r)return t;let e=r[1],a=r[2];if(!e||!a)return t;let n=100-parseInt(a,10),s=f.reduce((u,l)=>Math.abs(l-n)<Math.abs(u-n)?l:u);return `${e}${s}`}function z(){let t=[];for(let r=0;r<=24;r++)t.push(`.a2-br-${r} { border-radius: ${r*4}px; }`);t.push(`
     .a2-br-none { border-radius: 0; }
     .a2-br-sm { border-radius: 2px; }
     .a2-br-md { border-radius: 6px; }
@@ -141,31 +163,31 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-br-3xl { border-radius: 24px; }
     .a2-br-full { border-radius: 9999px; }
     .a2-br-50pc { border-radius: 50%; }
-  `);for(let t=0;t<=8;t++){let r=t*4;e.push(`
-      .a2-br-t-${t} { border-top-left-radius: ${r}px; border-top-right-radius: ${r}px; }
-      .a2-br-r-${t} { border-top-right-radius: ${r}px; border-bottom-right-radius: ${r}px; }
-      .a2-br-b-${t} { border-bottom-left-radius: ${r}px; border-bottom-right-radius: ${r}px; }
-      .a2-br-l-${t} { border-top-left-radius: ${r}px; border-bottom-left-radius: ${r}px; }
-      .a2-br-tl-${t} { border-top-left-radius: ${r}px; }
-      .a2-br-tr-${t} { border-top-right-radius: ${r}px; }
-      .a2-br-bl-${t} { border-bottom-left-radius: ${r}px; }
-      .a2-br-br-${t} { border-bottom-right-radius: ${r}px; }
-    `);}for(let t=0;t<=8;t++)e.push(`
-      .a2-bw-${t} { border-width: ${t}px; }
-      .a2-bw-t-${t} { border-top-width: ${t}px; }
-      .a2-bw-r-${t} { border-right-width: ${t}px; }
-      .a2-bw-b-${t} { border-bottom-width: ${t}px; }
-      .a2-bw-l-${t} { border-left-width: ${t}px; }
-      .a2-bw-x-${t} { border-left-width: ${t}px; border-right-width: ${t}px; }
-      .a2-bw-y-${t} { border-top-width: ${t}px; border-bottom-width: ${t}px; }
-    `);return e.push(`
+  `);for(let r=0;r<=8;r++){let e=r*4;t.push(`
+      .a2-br-t-${r} { border-top-left-radius: ${e}px; border-top-right-radius: ${e}px; }
+      .a2-br-r-${r} { border-top-right-radius: ${e}px; border-bottom-right-radius: ${e}px; }
+      .a2-br-b-${r} { border-bottom-left-radius: ${e}px; border-bottom-right-radius: ${e}px; }
+      .a2-br-l-${r} { border-top-left-radius: ${e}px; border-bottom-left-radius: ${e}px; }
+      .a2-br-tl-${r} { border-top-left-radius: ${e}px; }
+      .a2-br-tr-${r} { border-top-right-radius: ${e}px; }
+      .a2-br-bl-${r} { border-bottom-left-radius: ${e}px; }
+      .a2-br-br-${r} { border-bottom-right-radius: ${e}px; }
+    `);}for(let r=0;r<=8;r++)t.push(`
+      .a2-bw-${r} { border-width: ${r}px; }
+      .a2-bw-t-${r} { border-top-width: ${r}px; }
+      .a2-bw-r-${r} { border-right-width: ${r}px; }
+      .a2-bw-b-${r} { border-bottom-width: ${r}px; }
+      .a2-bw-l-${r} { border-left-width: ${r}px; }
+      .a2-bw-x-${r} { border-left-width: ${r}px; border-right-width: ${r}px; }
+      .a2-bw-y-${r} { border-top-width: ${r}px; border-bottom-width: ${r}px; }
+    `);return t.push(`
     .a2-bs-none { border-style: none; }
     .a2-bs-solid { border-style: solid; }
     .a2-bs-dashed { border-style: dashed; }
     .a2-bs-dotted { border-style: dotted; }
     .a2-bs-double { border-style: double; }
     .a2-bs-hidden { border-style: hidden; }
-  `),e.push(`
+  `),t.push(`
     .a2-border { border-width: 1px; border-style: solid; }
     .a2-border-t { border-top-width: 1px; border-top-style: solid; }
     .a2-border-r { border-right-width: 1px; border-right-style: solid; }
@@ -174,170 +196,504 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-border-x { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; }
     .a2-border-y { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }
     .a2-border-none { border: none; }
-  `),e.push(`
+  `),t.push(`
     .a2-divide-y > * + * { border-top-width: 1px; border-top-style: solid; }
     .a2-divide-x > * + * { border-left-width: 1px; border-left-style: solid; }
-  `),e.push(`
+  `),t.push(`
     .a2-outline-none { outline: 2px solid transparent; outline-offset: 2px; }
     .a2-outline { outline-style: solid; }
     .a2-outline-dashed { outline-style: dashed; }
     .a2-outline-dotted { outline-style: dotted; }
     .a2-outline-double { outline-style: double; }
-  `),e.push(`
+  `),t.push(`
     .a2-ring-0 { box-shadow: 0 0 0 0px var(--a2-ring-color, currentColor); }
     .a2-ring-1 { box-shadow: 0 0 0 1px var(--a2-ring-color, currentColor); }
     .a2-ring-2 { box-shadow: 0 0 0 2px var(--a2-ring-color, currentColor); }
     .a2-ring-4 { box-shadow: 0 0 0 4px var(--a2-ring-color, currentColor); }
     .a2-ring-inset { box-shadow: inset 0 0 0 2px var(--a2-ring-color, currentColor); }
     .a2-ring-primary { --a2-ring-color: light-dark(var(--p-35), var(--p-60)); }
-  `),e.join(`
-`)}var h=z();function T(e){let t=[];for(let r of f){let a=`${e}${r}`,o=v(a);t.push(`.a2-bc-${a} { border-color: light-dark(var(${s(a)}), var(${s(o)})); }`),t.push(`.a2-bgc-${a} { background-color: light-dark(var(${s(a)}), var(${s(o)})); }`),t.push(`.a2-bbgc-${a}::backdrop { background-color: light-dark(var(${s(a)}), var(${s(o)})); }`);for(let n=1;n<=9;n++){let i=n*10;t.push(`
-        .a2-bgc-${a}_${i} {
+  `),t.join(`
+`)}var h=z();function j(t){let r=[];for(let e of f){let a=`${t}${e}`,o=k(a);r.push(`.a2-bc-${a} { border-color: light-dark(var(${i(a)}), var(${i(o)})); }`),r.push(`.a2-bgc-${a} { background-color: light-dark(var(${i(a)}), var(${i(o)})); }`),r.push(`.a2-bbgc-${a}::backdrop { background-color: light-dark(var(${i(a)}), var(${i(o)})); }`);for(let n=1;n<=9;n++){let s=n*10;r.push(`
+        .a2-bgc-${a}_${s} {
           background-color: light-dark(
-            oklch(from var(${s(a)}) l c h / ${n/10}),
-            oklch(from var(${s(o)}) l c h / ${n/10})
+            oklch(from var(${i(a)}) l c h / ${n/10}),
+            oklch(from var(${i(o)}) l c h / ${n/10})
           );
         }
-        .a2-bbgc-${a}_${i}::backdrop {
+        .a2-bbgc-${a}_${s}::backdrop {
           background-color: light-dark(
-            oklch(from var(${s(a)}) l c h / ${n/10}),
-            oklch(from var(${s(o)}) l c h / ${n/10})
+            oklch(from var(${i(a)}) l c h / ${n/10}),
+            oklch(from var(${i(o)}) l c h / ${n/10})
           );
         }
-      `);}t.push(`.a2-c-${a} { color: light-dark(var(${s(a)}), var(${s(o)})); }`);}return t.join(`
-`)}function R(){let e=[];e.push(`
+      `);}r.push(`.a2-c-${a} { color: light-dark(var(${i(a)}), var(${i(o)})); }`);}return r.join(`
+`)}function T(){return `
+    /* ========================================
+     * A2UI \u4E3B\u9898\u53D8\u91CF\u7CFB\u7EDF
+     *
+     * \u5BBF\u4E3B\u5E94\u7528\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E\u8FD9\u4E9B\u53D8\u91CF\u6765\u81EA\u5B9A\u4E49\u4E3B\u9898
+     * \u6240\u6709\u53D8\u91CF\u4F7F\u7528 HSL \u683C\u5F0F\uFF08\u4E0D\u542B hsl() \u51FD\u6570\uFF09
+     * \u4F8B\u5982: --a2-primary: 230 83% 60%;
+     * ======================================== */
+
+    :root, :host, .a2ui-root {
+      /* ===== \u8BED\u4E49\u5316\u989C\u8272\u53D8\u91CF ===== */
+
+      /* Primary - \u4E3B\u8272\u8C03\uFF08\u6309\u94AE\u3001\u94FE\u63A5\u3001\u5F3A\u8C03\u5143\u7D20\uFF09 */
+      --a2-primary: 230 83% 60%;
+      --a2-primary-foreground: 210 40% 98%;
+
+      /* Secondary - \u6B21\u8981\u8272\uFF08\u6B21\u8981\u6309\u94AE\u3001\u6807\u7B7E\uFF09 */
+      --a2-secondary: 210 40% 96%;
+      --a2-secondary-foreground: 222 84% 5%;
+
+      /* Muted - \u67D4\u548C\u8272\uFF08\u7981\u7528\u72B6\u6001\u3001\u6B21\u8981\u6587\u5B57\uFF09 */
+      --a2-muted: 210 40% 96%;
+      --a2-muted-foreground: 215 16% 47%;
+
+      /* Accent - \u5F3A\u8C03\u8272\uFF08\u60AC\u505C\u3001\u9009\u4E2D\u72B6\u6001\uFF09 */
+      --a2-accent: 210 40% 96%;
+      --a2-accent-foreground: 222 84% 5%;
+
+      /* Destructive - \u5371\u9669\u8272\uFF08\u5220\u9664\u3001\u9519\u8BEF\uFF09 */
+      --a2-destructive: 0 84% 60%;
+      --a2-destructive-foreground: 210 40% 98%;
+
+      /* Background & Foreground - \u80CC\u666F\u548C\u524D\u666F */
+      --a2-background: 0 0% 100%;
+      --a2-foreground: 222 84% 5%;
+
+      /* Card - \u5361\u7247 */
+      --a2-card: 0 0% 100%;
+      --a2-card-foreground: 222 84% 5%;
+
+      /* Popover - \u5F39\u51FA\u5C42 */
+      --a2-popover: 0 0% 100%;
+      --a2-popover-foreground: 222 84% 5%;
+
+      /* Border & Input - \u8FB9\u6846\u548C\u8F93\u5165\u6846 */
+      --a2-border: 214 32% 91%;
+      --a2-input: 214 32% 91%;
+      --a2-ring: 230 83% 60%;
+
+      /* Success/Warning/Info - \u72B6\u6001\u8272 */
+      --a2-success: 142 76% 36%;
+      --a2-success-foreground: 0 0% 98%;
+      --a2-warning: 38 92% 50%;
+      --a2-warning-foreground: 0 0% 98%;
+      --a2-info: 199 89% 48%;
+      --a2-info-foreground: 0 0% 98%;
+
+      /* ===== \u5E03\u5C40\u53D8\u91CF ===== */
+      --a2-radius: 0.5rem;
+      --a2-radius-sm: 0.25rem;
+      --a2-radius-lg: 0.75rem;
+
+      /* ===== \u5B57\u4F53\u53D8\u91CF ===== */
+      --a2-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      --a2-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
+
+      /* ===== \u9634\u5F71\u53D8\u91CF ===== */
+      --a2-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+      --a2-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+      --a2-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+      --a2-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    }
+
+    /* \u6697\u8272\u4E3B\u9898 */
+    .dark, [data-theme="dark"] {
+      --a2-primary: 230 85% 65%;
+      --a2-primary-foreground: 0 0% 17%;
+
+      --a2-secondary: 0 0% 22%;
+      --a2-secondary-foreground: 0 0% 95%;
+
+      --a2-muted: 0 0% 22%;
+      --a2-muted-foreground: 0 0% 70%;
+
+      --a2-accent: 0 0% 22%;
+      --a2-accent-foreground: 0 0% 95%;
+
+      --a2-destructive: 0 63% 31%;
+      --a2-destructive-foreground: 0 0% 95%;
+
+      --a2-background: 0 0% 17%;
+      --a2-foreground: 0 0% 95%;
+
+      --a2-card: 0 0% 20%;
+      --a2-card-foreground: 0 0% 95%;
+
+      --a2-popover: 0 0% 17%;
+      --a2-popover-foreground: 0 0% 95%;
+
+      --a2-border: 0 0% 27%;
+      --a2-input: 0 0% 30%;
+      --a2-ring: 230 85% 65%;
+
+      --a2-success: 142 70% 45%;
+      --a2-warning: 38 92% 50%;
+      --a2-info: 199 89% 48%;
+    }
+  `}function R(){return `
+    /* ========================================
+     * \u8BED\u4E49\u5316\u989C\u8272\u5DE5\u5177\u7C7B
+     * \u4F7F\u7528 A2UI \u4E3B\u9898\u53D8\u91CF (--a2-*)
+     * ======================================== */
+
+    /* Primary */
+    .a2-bg-primary { background-color: hsl(var(--a2-primary)); }
+    .a2-bg-primary-foreground { background-color: hsl(var(--a2-primary-foreground)); }
+    .a2-text-primary { color: hsl(var(--a2-primary)); }
+    .a2-text-primary-foreground { color: hsl(var(--a2-primary-foreground)); }
+    .a2-border-primary { border-color: hsl(var(--a2-primary)); }
+
+    /* Secondary */
+    .a2-bg-secondary { background-color: hsl(var(--a2-secondary)); }
+    .a2-text-secondary-foreground { color: hsl(var(--a2-secondary-foreground)); }
+    .a2-border-secondary { border-color: hsl(var(--a2-secondary)); }
+
+    /* Muted */
+    .a2-bg-muted { background-color: hsl(var(--a2-muted)); }
+    .a2-text-muted-foreground { color: hsl(var(--a2-muted-foreground)); }
+
+    /* Accent */
+    .a2-bg-accent { background-color: hsl(var(--a2-accent)); }
+    .a2-text-accent-foreground { color: hsl(var(--a2-accent-foreground)); }
+
+    /* Destructive */
+    .a2-bg-destructive { background-color: hsl(var(--a2-destructive)); }
+    .a2-text-destructive { color: hsl(var(--a2-destructive)); }
+    .a2-text-destructive-foreground { color: hsl(var(--a2-destructive-foreground)); }
+
+    /* Background & Foreground */
+    .a2-bg-background { background-color: hsl(var(--a2-background)); }
+    .a2-text-foreground { color: hsl(var(--a2-foreground)); }
+
+    /* Card */
+    .a2-bg-card { background-color: hsl(var(--a2-card)); }
+    .a2-text-card-foreground { color: hsl(var(--a2-card-foreground)); }
+
+    /* Popover */
+    .a2-bg-popover { background-color: hsl(var(--a2-popover)); }
+    .a2-text-popover-foreground { color: hsl(var(--a2-popover-foreground)); }
+
+    /* Border */
+    .a2-border-default { border-color: hsl(var(--a2-border)); }
+    .a2-border-input { border-color: hsl(var(--a2-input)); }
+
+    /* Ring */
+    .a2-ring { box-shadow: 0 0 0 2px hsl(var(--a2-ring)); }
+    .a2-ring-offset { box-shadow: 0 0 0 2px hsl(var(--a2-background)), 0 0 0 4px hsl(var(--a2-ring)); }
+
+    /* Status Colors */
+    .a2-bg-success { background-color: hsl(var(--a2-success)); }
+    .a2-text-success { color: hsl(var(--a2-success)); }
+    .a2-bg-warning { background-color: hsl(var(--a2-warning)); }
+    .a2-text-warning { color: hsl(var(--a2-warning)); }
+    .a2-bg-info { background-color: hsl(var(--a2-info)); }
+    .a2-text-info { color: hsl(var(--a2-info)); }
+
+    /* Radius */
+    .a2-rounded { border-radius: var(--a2-radius); }
+    .a2-rounded-sm { border-radius: var(--a2-radius-sm); }
+    .a2-rounded-lg { border-radius: var(--a2-radius-lg); }
+    .a2-rounded-full { border-radius: 9999px; }
+    .a2-rounded-none { border-radius: 0; }
+
+    /* Shadow */
+    .a2-shadow-sm { box-shadow: var(--a2-shadow-sm); }
+    .a2-shadow { box-shadow: var(--a2-shadow); }
+    .a2-shadow-md { box-shadow: var(--a2-shadow-md); }
+    .a2-shadow-lg { box-shadow: var(--a2-shadow-lg); }
+    .a2-shadow-none { box-shadow: none; }
+
+    /* ========================================
+     * Markdown \u6837\u5F0F - \u4E13\u4E1A\u7B80\u6D01\u8BBE\u8BA1
+     * \u4F7F\u7528 !important \u786E\u4FDD\u4F18\u5148\u4E8E Tailwind preflight reset
+     * ======================================== */
+
+    p.a2-md-p {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 400 !important;
+      font-size: 14px !important;
+      line-height: 1.7 !important;
+      color: inherit !important;
+      margin: 0 0 12px 0 !important;
+    }
+
+    p.a2-md-p:last-child {
+      margin-bottom: 0 !important;
+    }
+
+    h1.a2-md-h1 {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 700 !important;
+      font-size: 24px !important;
+      line-height: 1.4 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin: 24px 0 16px 0 !important;
+      letter-spacing: -0.02em !important;
+    }
+
+    h1.a2-md-h1:first-child {
+      margin-top: 0 !important;
+    }
+
+    h2.a2-md-h2 {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 600 !important;
+      font-size: 18px !important;
+      line-height: 1.45 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin: 20px 0 12px 0 !important;
+      letter-spacing: -0.01em !important;
+    }
+
+    h2.a2-md-h2:first-child {
+      margin-top: 0 !important;
+    }
+
+    h3.a2-md-h3 {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 600 !important;
+      font-size: 16px !important;
+      line-height: 1.5 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin: 16px 0 8px 0 !important;
+    }
+
+    h3.a2-md-h3:first-child {
+      margin-top: 0 !important;
+    }
+
+    h4.a2-md-h4 {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 600 !important;
+      font-size: 14px !important;
+      line-height: 1.55 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin: 12px 0 6px 0 !important;
+    }
+
+    h4.a2-md-h4:first-child {
+      margin-top: 0 !important;
+    }
+
+    h5.a2-md-h5 {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 500 !important;
+      font-size: 13px !important;
+      line-height: 1.55 !important;
+      color: hsl(var(--a2-muted-foreground)) !important;
+      margin: 8px 0 4px 0 !important;
+    }
+
+    h5.a2-md-h5:first-child {
+      margin-top: 0 !important;
+    }
+
+    ul.a2-md-ul {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-size: 14px !important;
+      line-height: 1.7 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin: 0 0 12px 0 !important;
+      padding-left: 20px !important;
+      list-style-type: disc !important;
+    }
+
+    ol.a2-md-ol {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-size: 14px !important;
+      line-height: 1.7 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin: 0 0 12px 0 !important;
+      padding-left: 20px !important;
+      list-style-type: decimal !important;
+    }
+
+    li.a2-md-li {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-size: 14px !important;
+      line-height: 1.7 !important;
+      color: hsl(var(--a2-foreground)) !important;
+      margin-bottom: 4px !important;
+    }
+
+    a.a2-md-a {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-weight: 500 !important;
+      color: hsl(var(--a2-primary)) !important;
+      text-decoration: none !important;
+      transition: opacity 0.15s ease !important;
+    }
+
+    a.a2-md-a:hover {
+      opacity: 0.8 !important;
+      text-decoration: underline !important;
+    }
+
+    strong.a2-md-strong {
+      font-weight: 600 !important;
+      color: inherit !important;
+    }
+
+    em.a2-md-em {
+      font-style: italic !important;
+    }
+
+    code.a2-md-code {
+      font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace !important;
+      font-size: 13px !important;
+      background-color: hsl(var(--a2-muted)) !important;
+      color: hsl(var(--a2-foreground)) !important;
+      padding: 2px 6px !important;
+      border-radius: 4px !important;
+    }
+
+    blockquote.a2-md-blockquote {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
+      font-size: 14px !important;
+      line-height: 1.7 !important;
+      color: hsl(var(--a2-muted-foreground)) !important;
+      font-style: italic !important;
+      margin: 12px 0 !important;
+      padding-left: 16px !important;
+      border-left: 3px solid hsl(var(--a2-primary)) !important;
+    }
+  `}function I(){let t=[];t.push(T()),t.push(R()),t.push(`
     :root, :host, .a2ui-root {
-      /* Primary */
-      --p-0: oklch(100% 0 0);
-      --p-5: oklch(97.8% 0.014 238.66);
-      --p-10: oklch(95.3% 0.026 236.62);
-      --p-15: oklch(92.8% 0.039 235.74);
-      --p-20: oklch(90.3% 0.052 235.13);
-      --p-25: oklch(87.8% 0.064 234.68);
-      --p-30: oklch(85.3% 0.076 234.33);
-      --p-35: oklch(78.8% 0.108 233.32);
-      --p-40: oklch(72.3% 0.139 232.51);
-      --p-50: oklch(64.8% 0.161 232.01);
-      --p-60: oklch(57.3% 0.174 231.57);
-      --p-70: oklch(49.8% 0.171 231.41);
-      --p-80: oklch(42.3% 0.154 231.36);
-      --p-90: oklch(34.8% 0.128 231.43);
-      --p-95: oklch(29.8% 0.105 231.5);
-      --p-98: oklch(26.3% 0.088 231.55);
-      --p-99: oklch(24.8% 0.079 231.58);
-      --p-100: oklch(23.3% 0.071 231.6);
-
-      /* Secondary */
-      --s-0: oklch(100% 0 0);
-      --s-5: oklch(97.8% 0.012 285);
-      --s-10: oklch(95.3% 0.024 285);
-      --s-15: oklch(92.8% 0.036 285);
-      --s-20: oklch(90.3% 0.048 285);
-      --s-25: oklch(87.8% 0.06 285);
-      --s-30: oklch(85.3% 0.072 285);
-      --s-35: oklch(78.8% 0.096 285);
-      --s-40: oklch(72.3% 0.12 285);
-      --s-50: oklch(64.8% 0.144 285);
-      --s-60: oklch(57.3% 0.156 285);
-      --s-70: oklch(49.8% 0.156 285);
-      --s-80: oklch(42.3% 0.14 285);
-      --s-90: oklch(34.8% 0.116 285);
-      --s-95: oklch(29.8% 0.096 285);
-      --s-98: oklch(26.3% 0.08 285);
-      --s-99: oklch(24.8% 0.072 285);
-      --s-100: oklch(23.3% 0.064 285);
-
-      /* Tertiary */
-      --t-0: oklch(100% 0 0);
-      --t-5: oklch(97.8% 0.012 160);
-      --t-10: oklch(95.3% 0.024 160);
-      --t-15: oklch(92.8% 0.036 160);
-      --t-20: oklch(90.3% 0.048 160);
-      --t-25: oklch(87.8% 0.06 160);
-      --t-30: oklch(85.3% 0.072 160);
-      --t-35: oklch(78.8% 0.096 160);
-      --t-40: oklch(72.3% 0.12 160);
-      --t-50: oklch(64.8% 0.144 160);
-      --t-60: oklch(57.3% 0.156 160);
-      --t-70: oklch(49.8% 0.156 160);
-      --t-80: oklch(42.3% 0.14 160);
-      --t-90: oklch(34.8% 0.116 160);
-      --t-95: oklch(29.8% 0.096 160);
-      --t-98: oklch(26.3% 0.08 160);
-      --t-99: oklch(24.8% 0.072 160);
-      --t-100: oklch(23.3% 0.064 160);
-
-      /* Neutral */
-      --n-0: oklch(100% 0 0);
-      --n-5: oklch(97% 0 0);
-      --n-10: oklch(94% 0 0);
-      --n-15: oklch(91% 0 0);
-      --n-20: oklch(88% 0 0);
-      --n-25: oklch(85% 0 0);
-      --n-30: oklch(82% 0 0);
-      --n-35: oklch(75% 0 0);
-      --n-40: oklch(68% 0 0);
-      --n-50: oklch(58% 0 0);
-      --n-60: oklch(48% 0 0);
-      --n-70: oklch(38% 0 0);
-      --n-80: oklch(30% 0 0);
-      --n-90: oklch(22% 0 0);
-      --n-95: oklch(18% 0 0);
-      --n-98: oklch(15% 0 0);
-      --n-99: oklch(13% 0 0);
-      --n-100: oklch(11% 0 0);
-
-      /* Neutral Variant */
-      --nv-0: oklch(100% 0 0);
-      --nv-5: oklch(97% 0.006 240);
-      --nv-10: oklch(94% 0.012 240);
-      --nv-15: oklch(91% 0.018 240);
-      --nv-20: oklch(88% 0.024 240);
-      --nv-25: oklch(85% 0.03 240);
-      --nv-30: oklch(82% 0.036 240);
-      --nv-35: oklch(75% 0.048 240);
-      --nv-40: oklch(68% 0.06 240);
-      --nv-50: oklch(58% 0.072 240);
-      --nv-60: oklch(48% 0.078 240);
-      --nv-70: oklch(38% 0.078 240);
-      --nv-80: oklch(30% 0.07 240);
-      --nv-90: oklch(22% 0.058 240);
-      --nv-95: oklch(18% 0.048 240);
-      --nv-98: oklch(15% 0.04 240);
-      --nv-99: oklch(13% 0.036 240);
-      --nv-100: oklch(11% 0.032 240);
-
-      /* Error */
-      --e-0: oklch(100% 0 0);
-      --e-5: oklch(97.8% 0.016 25);
-      --e-10: oklch(95.3% 0.032 25);
-      --e-15: oklch(92.8% 0.048 25);
-      --e-20: oklch(90.3% 0.064 25);
-      --e-25: oklch(87.8% 0.08 25);
-      --e-30: oklch(85.3% 0.096 25);
-      --e-35: oklch(78.8% 0.128 25);
-      --e-40: oklch(72.3% 0.16 25);
-      --e-50: oklch(64.8% 0.192 25);
-      --e-60: oklch(57.3% 0.208 25);
-      --e-70: oklch(49.8% 0.208 25);
-      --e-80: oklch(42.3% 0.187 25);
-      --e-90: oklch(34.8% 0.155 25);
-      --e-95: oklch(29.8% 0.128 25);
-      --e-98: oklch(26.3% 0.107 25);
-      --e-99: oklch(24.8% 0.096 25);
-      --e-100: oklch(23.3% 0.086 25);
+      /* Primary - tego-os \u84DD\u8272\u4E3B\u9898 */
+      --p-0: hsl(0 0% 100%);
+      --p-5: hsl(230 83% 97%);
+      --p-10: hsl(230 83% 94%);
+      --p-15: hsl(230 83% 90%);
+      --p-20: hsl(230 83% 85%);
+      --p-25: hsl(230 83% 80%);
+      --p-30: hsl(230 83% 70%);
+      --p-35: hsl(230 83% 60%);
+      --p-40: hsl(230 83% 55%);
+      --p-50: hsl(230 83% 50%);
+      --p-60: hsl(230 83% 45%);
+      --p-70: hsl(230 83% 40%);
+      --p-80: hsl(230 83% 35%);
+      --p-90: hsl(230 83% 28%);
+      --p-95: hsl(230 83% 23%);
+      --p-98: hsl(230 83% 18%);
+      --p-99: hsl(230 83% 15%);
+      --p-100: hsl(230 83% 10%);
+
+      /* Neutral - tego-os \u7070\u8272\u7CFB\uFF08\u5E26\u8F7B\u5FAE\u84DD\u8C03\uFF09 */
+      --n-0: hsl(0 0% 100%);
+      --n-5: hsl(210 40% 98%);
+      --n-10: hsl(210 40% 96%);
+      --n-15: hsl(214 32% 94%);
+      --n-20: hsl(214 32% 91%);
+      --n-25: hsl(214 32% 85%);
+      --n-30: hsl(215 20% 70%);
+      --n-35: hsl(215 16% 60%);
+      --n-40: hsl(215 16% 50%);
+      --n-50: hsl(215 16% 47%);
+      --n-60: hsl(220 14% 35%);
+      --n-70: hsl(220 20% 25%);
+      --n-80: hsl(222 40% 15%);
+      --n-90: hsl(222 84% 10%);
+      --n-95: hsl(222 84% 7%);
+      --n-98: hsl(222 84% 6%);
+      --n-99: hsl(222 84% 5.5%);
+      --n-100: hsl(222 84% 5%);
+
+      /* Secondary - \u6B21\u8981\u8272\uFF08\u6D45\u7070\uFF09 */
+      --s-0: hsl(0 0% 100%);
+      --s-5: hsl(210 40% 98%);
+      --s-10: hsl(210 40% 96%);
+      --s-15: hsl(210 40% 94%);
+      --s-20: hsl(210 40% 90%);
+      --s-25: hsl(210 40% 85%);
+      --s-30: hsl(210 40% 80%);
+      --s-35: hsl(210 40% 70%);
+      --s-40: hsl(210 40% 60%);
+      --s-50: hsl(210 40% 50%);
+      --s-60: hsl(210 40% 40%);
+      --s-70: hsl(210 40% 30%);
+      --s-80: hsl(210 40% 20%);
+      --s-90: hsl(210 40% 15%);
+      --s-95: hsl(210 40% 10%);
+      --s-98: hsl(210 40% 7%);
+      --s-99: hsl(210 40% 5%);
+      --s-100: hsl(210 40% 3%);
+
+      /* Tertiary - \u5F3A\u8C03\u8272\uFF08\u7EFF\u8272\uFF09 */
+      --t-0: hsl(0 0% 100%);
+      --t-5: hsl(142 76% 97%);
+      --t-10: hsl(142 76% 90%);
+      --t-15: hsl(142 76% 80%);
+      --t-20: hsl(142 76% 70%);
+      --t-25: hsl(142 76% 60%);
+      --t-30: hsl(142 76% 50%);
+      --t-35: hsl(142 76% 45%);
+      --t-40: hsl(142 76% 40%);
+      --t-50: hsl(142 76% 36%);
+      --t-60: hsl(142 76% 32%);
+      --t-70: hsl(142 76% 28%);
+      --t-80: hsl(142 76% 24%);
+      --t-90: hsl(142 76% 20%);
+      --t-95: hsl(142 76% 16%);
+      --t-98: hsl(142 76% 12%);
+      --t-99: hsl(142 76% 10%);
+      --t-100: hsl(142 76% 8%);
+
+      /* Neutral Variant - \u7070\u8272\u53D8\u4F53 */
+      --nv-0: hsl(0 0% 100%);
+      --nv-5: hsl(210 40% 98%);
+      --nv-10: hsl(210 40% 96%);
+      --nv-15: hsl(214 32% 94%);
+      --nv-20: hsl(214 32% 91%);
+      --nv-25: hsl(214 32% 85%);
+      --nv-30: hsl(215 20% 70%);
+      --nv-35: hsl(215 16% 60%);
+      --nv-40: hsl(215 16% 50%);
+      --nv-50: hsl(215 16% 47%);
+      --nv-60: hsl(220 14% 35%);
+      --nv-70: hsl(220 20% 25%);
+      --nv-80: hsl(222 40% 15%);
+      --nv-90: hsl(222 84% 10%);
+      --nv-95: hsl(222 84% 7%);
+      --nv-98: hsl(222 84% 6%);
+      --nv-99: hsl(222 84% 5.5%);
+      --nv-100: hsl(222 84% 5%);
+
+      /* Error - \u7EA2\u8272\uFF08\u5371\u9669/\u9519\u8BEF\uFF09 */
+      --e-0: hsl(0 0% 100%);
+      --e-5: hsl(0 84% 97%);
+      --e-10: hsl(0 84% 92%);
+      --e-15: hsl(0 84% 85%);
+      --e-20: hsl(0 84% 78%);
+      --e-25: hsl(0 84% 72%);
+      --e-30: hsl(0 84% 66%);
+      --e-35: hsl(0 84% 60%);
+      --e-40: hsl(0 84% 55%);
+      --e-50: hsl(0 84% 50%);
+      --e-60: hsl(0 84% 45%);
+      --e-70: hsl(0 84% 40%);
+      --e-80: hsl(0 84% 35%);
+      --e-90: hsl(0 84% 28%);
+      --e-95: hsl(0 84% 22%);
+      --e-98: hsl(0 84% 16%);
+      --e-99: hsl(0 84% 12%);
+      --e-100: hsl(0 84% 8%);
 
       /* Color scheme */
-      color-scheme: var(--a2-color-scheme, light dark);
+      color-scheme: light dark;
     }
-  `);for(let t of k)e.push(T(t));return e.push(`
+  `);for(let r of v)t.push(j(r));return t.push(`
     .a2-bgc-transparent { background-color: transparent; }
     .a2-c-inherit { color: inherit; }
     .a2-c-current { color: currentColor; }
     .a2-bc-transparent { border-color: transparent; }
     .a2-bc-current { border-color: currentColor; }
-  `),e.join(`
-`)}var x=R();function C(){return `
+  `),t.join(`
+`)}var g=I();function M(){return `
     /* Material Icons Support */
     .a2-icon {
       font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
@@ -367,33 +723,33 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-icon-outlined {
       font-variation-settings: 'FILL' 0;
     }
-  `}var m=C();function A(){let e=[];e.push(`
+  `}var b=M();function A(){let t=[];t.push(`
     :root, :host, .a2ui-root {
-      ${Array.from({length:16},(t,r)=>`--a2-g-${r+1}: ${(r+1)*4}px;`).join(`
+      ${Array.from({length:16},(r,e)=>`--a2-g-${e+1}: ${(e+1)*4}px;`).join(`
       `)}
     }
-  `);for(let t=-24;t<=24;t++){let r=t<0?`n${Math.abs(t)}`:t.toString(),a=t*4;e.push(`
-      .a2-p-${r} { --a2-padding: ${a}px; padding: var(--a2-padding); }
-      .a2-pt-${r} { padding-top: ${a}px; }
-      .a2-pr-${r} { padding-right: ${a}px; }
-      .a2-pb-${r} { padding-bottom: ${a}px; }
-      .a2-pl-${r} { padding-left: ${a}px; }
-      .a2-px-${r} { padding-left: ${a}px; padding-right: ${a}px; }
-      .a2-py-${r} { padding-top: ${a}px; padding-bottom: ${a}px; }
-
-      .a2-m-${r} { --a2-margin: ${a}px; margin: var(--a2-margin); }
-      .a2-mt-${r} { margin-top: ${a}px; }
-      .a2-mr-${r} { margin-right: ${a}px; }
-      .a2-mb-${r} { margin-bottom: ${a}px; }
-      .a2-ml-${r} { margin-left: ${a}px; }
-      .a2-mx-${r} { margin-left: ${a}px; margin-right: ${a}px; }
-      .a2-my-${r} { margin-top: ${a}px; margin-bottom: ${a}px; }
-
-      .a2-t-${r} { top: ${a}px; }
-      .a2-r-${r} { right: ${a}px; }
-      .a2-b-${r} { bottom: ${a}px; }
-      .a2-l-${r} { left: ${a}px; }
-    `);}for(let t=0;t<=24;t++)e.push(`.a2-gap-${t} { gap: ${t*4}px; }`);for(let t=1;t<=8;t++)e.push(`.a2-grid-cols-${t} { grid-template-columns: ${"1fr ".repeat(t).trim()}; }`);for(let t=1;t<=10;t++){let r=t*10;e.push(`.a2-w-${r} { width: ${r}%; max-width: ${r}%; }`);}for(let t=0;t<=15;t++)e.push(`.a2-wp-${t} { width: ${t*4}px; }`);for(let t=1;t<=10;t++){let r=t*10;e.push(`.a2-h-${r} { height: ${r}%; }`);}for(let t=0;t<=15;t++)e.push(`.a2-hp-${t} { height: ${t*4}px; }`);return e.push(`
+  `);for(let r=-24;r<=24;r++){let e=r<0?`n${Math.abs(r)}`:r.toString(),a=r*4;t.push(`
+      .a2-p-${e} { --a2-padding: ${a}px; padding: var(--a2-padding); }
+      .a2-pt-${e} { padding-top: ${a}px; }
+      .a2-pr-${e} { padding-right: ${a}px; }
+      .a2-pb-${e} { padding-bottom: ${a}px; }
+      .a2-pl-${e} { padding-left: ${a}px; }
+      .a2-px-${e} { padding-left: ${a}px; padding-right: ${a}px; }
+      .a2-py-${e} { padding-top: ${a}px; padding-bottom: ${a}px; }
+
+      .a2-m-${e} { --a2-margin: ${a}px; margin: var(--a2-margin); }
+      .a2-mt-${e} { margin-top: ${a}px; }
+      .a2-mr-${e} { margin-right: ${a}px; }
+      .a2-mb-${e} { margin-bottom: ${a}px; }
+      .a2-ml-${e} { margin-left: ${a}px; }
+      .a2-mx-${e} { margin-left: ${a}px; margin-right: ${a}px; }
+      .a2-my-${e} { margin-top: ${a}px; margin-bottom: ${a}px; }
+
+      .a2-t-${e} { top: ${a}px; }
+      .a2-r-${e} { right: ${a}px; }
+      .a2-b-${e} { bottom: ${a}px; }
+      .a2-l-${e} { left: ${a}px; }
+    `);}for(let r=0;r<=24;r++)t.push(`.a2-gap-${r} { gap: ${r*4}px; }`);for(let r=1;r<=8;r++)t.push(`.a2-grid-cols-${r} { grid-template-columns: ${"1fr ".repeat(r).trim()}; }`);for(let r=1;r<=10;r++){let e=r*10;t.push(`.a2-w-${e} { width: ${e}%; max-width: ${e}%; }`);}for(let r=0;r<=15;r++)t.push(`.a2-wp-${r} { width: ${r*4}px; }`);for(let r=1;r<=10;r++){let e=r*10;t.push(`.a2-h-${e} { height: ${e}%; }`);}for(let r=0;r<=15;r++)t.push(`.a2-hp-${r} { height: ${r*4}px; }`);return t.push(`
     /* Position */
     .a2-pos-abs { position: absolute; }
     .a2-pos-rel { position: relative; }
@@ -466,6 +822,21 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     .a2-min-h-0 { min-height: 0; }
     .a2-min-w-0 { min-width: 0; }
     .a2-max-w-full { max-width: 100%; }
+    .a2-max-w-xs { max-width: 20rem; }
+    .a2-max-w-sm { max-width: 24rem; }
+    .a2-max-w-md { max-width: 28rem; }
+    .a2-max-w-lg { max-width: 32rem; }
+    .a2-max-w-xl { max-width: 36rem; }
+    .a2-max-h-20 { max-height: 80px; }
+    .a2-max-h-24 { max-height: 96px; }
+    .a2-max-h-32 { max-height: 128px; }
+    .a2-max-h-40 { max-height: 160px; }
+    .a2-max-h-48 { max-height: 192px; }
+    .a2-max-h-56 { max-height: 224px; }
+    .a2-max-h-64 { max-height: 256px; }
+    .a2-max-h-72 { max-height: 288px; }
+    .a2-max-h-80 { max-height: 320px; }
+    .a2-max-h-96 { max-height: 384px; }
 
     /* Overflow */
     .a2-overflow-auto { overflow: auto; }
@@ -512,8 +883,8 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
       object-fit: cover;
       margin: 0;
     }
-  `),e.join(`
-`)}var g=A();function I(){let e=[];e.push(`
+  `),t.join(`
+`)}var x=A();function C(){let t=[];t.push(`
     :root, :host, .a2ui-root {
       /* Font families */
       --a2-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -545,57 +916,57 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
       --a2-text-dm: 45px;
       --a2-text-dl: 57px;
     }
-  `),e.push(`
+  `),t.push(`
     .a2-font-sans { font-family: var(--a2-font-sans); }
     .a2-font-serif { font-family: var(--a2-font-serif); }
     .a2-font-mono { font-family: var(--a2-font-mono); }
-  `);for(let a=1;a<=9;a++){let o=a*100;e.push(`.a2-fw-${o} { font-weight: ${o}; }`);}let t={bs:"var(--a2-text-bs)",bm:"var(--a2-text-bm)",bl:"var(--a2-text-bl)",ls:"var(--a2-text-ls)",lm:"var(--a2-text-lm)",ll:"var(--a2-text-ll)",ts:"var(--a2-text-ts)",tm:"var(--a2-text-tm)",tl:"var(--a2-text-tl)",hs:"var(--a2-text-hs)",hm:"var(--a2-text-hm)",hl:"var(--a2-text-hl)",ds:"var(--a2-text-ds)",dm:"var(--a2-text-dm)",dl:"var(--a2-text-dl)"};for(let[a,o]of Object.entries(t))e.push(`.a2-text-${a} { font-size: ${o}; }`);let r=[10,11,12,13,14,15,16,18,20,24,28,32,36,40,48,56,64];for(let a of r)e.push(`.a2-text-${a} { font-size: ${a}px; }`);return e.push(`
+  `);for(let a=1;a<=9;a++){let o=a*100;t.push(`.a2-fw-${o} { font-weight: ${o}; }`);}let r={bs:"var(--a2-text-bs)",bm:"var(--a2-text-bm)",bl:"var(--a2-text-bl)",ls:"var(--a2-text-ls)",lm:"var(--a2-text-lm)",ll:"var(--a2-text-ll)",ts:"var(--a2-text-ts)",tm:"var(--a2-text-tm)",tl:"var(--a2-text-tl)",hs:"var(--a2-text-hs)",hm:"var(--a2-text-hm)",hl:"var(--a2-text-hl)",ds:"var(--a2-text-ds)",dm:"var(--a2-text-dm)",dl:"var(--a2-text-dl)"};for(let[a,o]of Object.entries(r))t.push(`.a2-text-${a} { font-size: ${o}; }`);let e=[10,11,12,13,14,15,16,18,20,24,28,32,36,40,48,56,64];for(let a of e)t.push(`.a2-text-${a} { font-size: ${a}px; }`);return t.push(`
     .a2-fs-normal { font-style: normal; }
     .a2-fs-italic { font-style: italic; }
-  `),e.push(`
+  `),t.push(`
     .a2-ta-left { text-align: left; }
     .a2-ta-center { text-align: center; }
     .a2-ta-right { text-align: right; }
     .a2-ta-justify { text-align: justify; }
     .a2-ta-start { text-align: start; }
     .a2-ta-end { text-align: end; }
-  `),e.push(`
+  `),t.push(`
     .a2-td-none { text-decoration: none; }
     .a2-td-underline { text-decoration: underline; }
     .a2-td-overline { text-decoration: overline; }
     .a2-td-through { text-decoration: line-through; }
-  `),e.push(`
+  `),t.push(`
     .a2-tt-none { text-transform: none; }
     .a2-tt-upper { text-transform: uppercase; }
     .a2-tt-lower { text-transform: lowercase; }
     .a2-tt-cap { text-transform: capitalize; }
-  `),e.push(`
+  `),t.push(`
     .a2-lh-none { line-height: 1; }
     .a2-lh-tight { line-height: 1.25; }
     .a2-lh-snug { line-height: 1.375; }
     .a2-lh-normal { line-height: 1.5; }
     .a2-lh-relaxed { line-height: 1.625; }
     .a2-lh-loose { line-height: 2; }
-  `),e.push(`
+  `),t.push(`
     .a2-ls-tighter { letter-spacing: -0.05em; }
     .a2-ls-tight { letter-spacing: -0.025em; }
     .a2-ls-normal { letter-spacing: 0; }
     .a2-ls-wide { letter-spacing: 0.025em; }
     .a2-ls-wider { letter-spacing: 0.05em; }
     .a2-ls-widest { letter-spacing: 0.1em; }
-  `),e.push(`
+  `),t.push(`
     .a2-ws-normal { white-space: normal; }
     .a2-ws-nowrap { white-space: nowrap; }
     .a2-ws-pre { white-space: pre; }
     .a2-ws-preline { white-space: pre-line; }
     .a2-ws-prewrap { white-space: pre-wrap; }
     .a2-ws-break { white-space: break-spaces; }
-  `),e.push(`
+  `),t.push(`
     .a2-wb-normal { word-break: normal; }
     .a2-wb-words { overflow-wrap: break-word; }
     .a2-wb-all { word-break: break-all; }
     .a2-wb-keep { word-break: keep-all; }
-  `),e.push(`
+  `),t.push(`
     .a2-truncate {
       overflow: hidden;
       text-overflow: ellipsis;
@@ -603,22 +974,22 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
     }
     .a2-text-clip { text-overflow: clip; }
     .a2-text-ellipsis { text-overflow: ellipsis; }
-  `),e.push(`
+  `),t.push(`
     .a2-va-baseline { vertical-align: baseline; }
     .a2-va-top { vertical-align: top; }
     .a2-va-middle { vertical-align: middle; }
     .a2-va-bottom { vertical-align: bottom; }
     .a2-va-text-top { vertical-align: text-top; }
     .a2-va-text-bottom { vertical-align: text-bottom; }
-  `),e.join(`
-`)}var w=I();var F=`
+  `),t.join(`
+`)}var y=C();var U=`
   /* A2UI Base Styles */
   .a2ui-root {
     font-family: var(--a2-font-sans);
     font-size: var(--a2-text-bm);
     line-height: 1.5;
-    color: light-dark(var(--n-10), var(--n-90));
-    background-color: light-dark(var(--n-0), var(--n-100));
+    color: hsl(var(--a2-foreground));
+    background-color: transparent;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     box-sizing: border-box;
@@ -698,5 +1069,8 @@ function j(){let e=[];for(let t=0;t<=100;t+=5){let r=t/100;e.push(`.a2-opacity-$
   .a2ui-root::-webkit-scrollbar-thumb:hover {
     background: light-dark(var(--n-40), var(--n-60));
   }
-`,O=[F,g,x,w,h,b,m].join(`
-`);function X(){return O}function p(){return {}}var $={additionalStyles:{Button:{},Card:{},Text:{h1:{},h2:{},h3:{},h4:{},h5:{},body:{},caption:{}}},components:{AudioPlayer:{"a2-w-full":true},Button:{"a2-dsp-iflex":true,"a2-al-center":true,"a2-jc-center":true,"a2-gap-2":true,"a2-px-4":true,"a2-py-2":true,"a2-br-3":true,"a2-bw-0":true,"a2-bs-solid":true,"a2-bgc-p35":true,"a2-c-n0":true,"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-cursor-pointer":true,"a2-transition":true,"a2-ho-80":true,"a2-active-scale-95":true,"a2-select-none":true},Card:{"a2-pos-rel":true,"a2-br-4":true,"a2-p-4":true,"a2-bgc-n0":true,"a2-border":true,"a2-bc-n90":true,"a2-shadow":true,"a2-transition":true,"a2-hover-shadow-md":true,"a2-overflow-hidden":true},Column:{"a2-dsp-flexvert":true,"a2-gap-2":true},CheckBox:{container:{"a2-dsp-iflex":true,"a2-al-center":true,"a2-gap-2":true,"a2-cursor-pointer":true},element:{"a2-wp-4":true,"a2-hp-4":true,"a2-br-1":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-cursor-pointer":true},label:{"a2-font-sans":true,"a2-text-bm":true,"a2-fw-400":true,"a2-c-n70":true,"a2-flex-1":true}},DateTimeInput:{container:{"a2-dsp-flexhor":true,"a2-al-center":true,"a2-gap-2":true,"a2-w-full":true,"a2-text-bm":true,"a2-ws-nowrap":true},element:{"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-c-n70":true,"a2-transition-colors":true},label:{"a2-c-n70":true,"a2-text-bm":true,"a2-flex-0":true}},Divider:{"a2-bgc-n90":true,"a2-my-4":true},Image:{all:{"a2-br-2":true,"a2-media-cover":true,"a2-w-full":true,"a2-h-full":true},avatar:{"a2-br-50pc":true},header:p(),icon:p(),largeFeature:p(),mediumFeature:p(),smallFeature:p()},Icon:{"a2-icon":true,"a2-dsp-iflex":true,"a2-al-center":true,"a2-jc-center":true},List:{"a2-dsp-flexvert":true,"a2-gap-4":true,"a2-p-2":true},Modal:{backdrop:{"a2-pos-fixed":true,"a2-inset-0":true,"a2-dsp-flex":true,"a2-al-center":true,"a2-jc-center":true,"a2-bgc-n100_50":true,"a2-z-50":true,"a2-blur-sm":true},element:{"a2-br-4":true,"a2-bgc-n0":true,"a2-p-4":true,"a2-border":true,"a2-bc-n80":true,"a2-shadow-xl":true}},MultipleChoice:{container:{"a2-dsp-flexvert":true,"a2-gap-2":true},element:{"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-w-full":true},label:{"a2-text-bm":true,"a2-fw-500":true}},Row:{"a2-dsp-flexhor":true,"a2-gap-4":true},Slider:{container:{"a2-dsp-flexvert":true,"a2-gap-1":true},element:{"a2-w-full":true},label:{"a2-text-bm":true,"a2-fw-500":true}},Tabs:{container:{"a2-dsp-flexvert":true,"a2-gap-4":true},controls:{all:{"a2-px-4":true,"a2-py-2":true,"a2-text-bm":true,"a2-fw-500":true,"a2-cursor-pointer":true,"a2-transition-colors":true,"a2-br-t-2":true},selected:{"a2-bw-b-2":true,"a2-bc-p50":true,"a2-c-p50":true}},element:{"a2-dsp-flexhor":true,"a2-border-b":true,"a2-bc-n90":true}},Text:{all:{},h1:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-hs":true,"a2-m-0":true,"a2-p-0":true,"a2-c-n95":true},h2:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-tl":true,"a2-m-0":true,"a2-p-0":true,"a2-c-n95":true},h3:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-tm":true,"a2-m-0":true,"a2-p-0":true,"a2-c-n90":true},h4:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bl":true,"a2-m-0":true,"a2-p-0":true,"a2-c-n90":true},h5:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-m-0":true,"a2-p-0":true,"a2-c-n80":true},h6:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bs":true,"a2-m-0":true,"a2-p-0":true,"a2-c-n70":true},body:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bm":true,"a2-lh-relaxed":true,"a2-c-n80":true},caption:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bs":true,"a2-c-n60":true},label:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-c-n70":true}},TextField:{container:{"a2-dsp-flexhor":true,"a2-al-center":true,"a2-gap-2":true,"a2-w-full":true,"a2-text-bm":true,"a2-ws-nowrap":true},element:{"a2-text-bm":true,"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-c-n90":true,"a2-flex-1":true,"a2-transition-colors":true,"a2-focus-visible-ring":true},label:{"a2-flex-0":true,"a2-c-n70":true,"a2-fw-500":true}},Video:{"a2-br-2":true,"a2-media-cover":true}},elements:{a:{"a2-font-sans":true,"a2-fw-500":true,"a2-dsp-iflex":true,"a2-al-center":true,"a2-td-none":true,"a2-c-p40":true},audio:{"a2-w-full":true},body:{"a2-font-serif":true,"a2-fw-400":true,"a2-text-bm":true,"a2-mt-0":true,"a2-mb-2":true,"a2-c-n90":true},button:{"a2-font-sans":true,"a2-fw-500":true,"a2-py-3":true,"a2-px-5":true,"a2-mb-1":true,"a2-br-4":true,"a2-bw-0":true,"a2-bs-solid":true,"a2-bgc-s30":true,"a2-ho-80":true},h1:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true},h2:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true},h3:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true},h4:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true},h5:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true},iframe:{"a2-scrollbar-none":true},input:{"a2-font-sans":true,"a2-fw-400":true,"a2-px-4":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-s70":true,"a2-bs-solid":true,"a2-c-n90":true},p:{"a2-font-serif":true,"a2-fw-400":true,"a2-m-0":true,"a2-text-bm":true,"a2-c-n90":true},pre:{"a2-font-mono":true,"a2-fw-400":true,"a2-text-bm":true,"a2-ws-pre":true},textarea:{"a2-font-sans":true,"a2-fw-400":true,"a2-px-4":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-s70":true,"a2-bs-solid":true,"a2-c-n90":true,"a2-resize-y":true},video:{"a2-media-cover":true}},markdown:{p:["a2-font-serif","a2-fw-400","a2-text-bm","a2-lh-relaxed","a2-c-n90","a2-mb-2"],h1:["a2-font-sans","a2-fw-500","a2-text-hs","a2-m-0","a2-mb-2"],h2:["a2-font-sans","a2-fw-500","a2-text-tl","a2-m-0","a2-mb-2"],h3:["a2-font-sans","a2-fw-500","a2-text-tm","a2-m-0","a2-mb-2"],h4:["a2-font-sans","a2-fw-500","a2-text-bl","a2-m-0","a2-mb-2"],h5:["a2-font-sans","a2-fw-500","a2-text-bm","a2-m-0","a2-mb-1","a2-c-n70"],ul:["a2-font-serif","a2-fw-400","a2-text-bm","a2-m-0"],ol:["a2-font-serif","a2-fw-400","a2-text-bm","a2-m-0"],li:["a2-font-serif","a2-fw-400","a2-text-bm"],a:["a2-font-sans","a2-fw-500","a2-c-p40","a2-td-none"],strong:["a2-fw-700"],em:["a2-fs-italic"],code:["a2-font-mono","a2-text-bs","a2-bgc-n95","a2-px-1","a2-br-1"],blockquote:["a2-pl-4","a2-border-l","a2-bw-l-3","a2-bc-p60","a2-c-n50","a2-fs-italic"]}};function S(e,t){let r={...e};for(let a in t)if(Object.prototype.hasOwnProperty.call(t,a)){let o=r[a],n=t[a];typeof o=="object"&&o!==null&&typeof n=="object"&&n!==null&&!Array.isArray(o)&&!Array.isArray(n)?r[a]=S(o,n):r[a]=n;}return r}function st(e){return S($,e)}function it(...e){let t={};for(let r of e)if(r)for(let[a,o]of Object.entries(r)){let n=a.split("-").slice(0,2).join("-")+"-",i=Object.keys(t).filter(c=>c.startsWith(n));for(let c of i)delete t[c];t[a]=o;}return t}function lt(){return JSON.parse(JSON.stringify($))}function ut(...e){let t={};for(let r of e)if(r)for(let[a,o]of Object.entries(r)){let n=a.split("-"),i=n.length>=3?n.slice(0,2).join("-")+"-":a,c=Object.keys(t).filter(l=>l.startsWith(i));for(let l of c)delete t[l];t[a]=o;}return t}function pt(e,t,...r){let a=structuredClone(e);for(let o of r)for(let n of Object.keys(o)){let i=n.split("-").slice(0,2).join("-")+"-";for(let[c,l]of Object.entries(a)){if(t.includes(c))continue;let y=false;for(let d=0;d<l.length;d++)l[d]?.startsWith(i)&&(y=true,l[d]=n);y||l.push(n);}}return a}function dt(e){return Object.entries(e).filter(([,t])=>t).map(([t])=>t).join(" ")}function bt(e){let t={};for(let[r,a]of Object.entries(e)){let o=r.replace(/-([a-z])/g,(n,i)=>i.toUpperCase());t[o]=a;}return t}function ft(...e){let t=[];for(let r of e)if(r){if(typeof r=="string")t.push(r);else if(typeof r=="object")for(let[a,o]of Object.entries(r))o&&t.push(a);}return t.join(" ")}export{u as GRID,k as PALETTE_KEYS,f as SHADES,pt as appendToAll,F as baseStyles,b as behaviorStyles,h as borderStyles,dt as classesToString,lt as cloneDefaultTheme,ft as cn,x as colorStyles,st as createTheme,$ as defaultTheme,X as getA2UIStyles,v as getInverseKey,m as iconStyles,g as layoutStyles,ut as merge,it as mergeStyles,O as structuralStyles,bt as stylesToCSS,s as toProp,w as typographyStyles};
+`,B=[U,x,g,y,h,m,b].join(`
+`);function Q(){return B}function p(){return {}}var $={additionalStyles:{Button:{},Card:{},Text:{h1:{},h2:{},h3:{},h4:{},h5:{},body:{},caption:{}}},components:{AudioPlayer:{"a2-w-full":true},Button:{"a2-dsp-iflex":true,"a2-al-center":true,"a2-jc-center":true,"a2-gap-2":true,"a2-px-6":true,"a2-py-3":true,"a2-br-2":true,"a2-bw-0":true,"a2-bs-solid":true,"a2-bg-primary":true,"a2-text-primary-foreground":true,"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-cursor-pointer":true,"a2-transition":true,"a2-ho-80":true,"a2-active-scale-95":true,"a2-select-none":true},Card:{"a2-pos-rel":true,"a2-br-2":true,"a2-p-4":true,"a2-bg-card":true,"a2-text-card-foreground":true,"a2-border":true,"a2-border-default":true,"a2-shadow-sm":true,"a2-transition":true,"a2-hover-shadow-md":true,"a2-overflow-hidden":true},Column:{"a2-dsp-flexvert":true,"a2-gap-2":true},CheckBox:{container:{"a2-dsp-iflex":true,"a2-al-center":true,"a2-gap-2":true,"a2-cursor-pointer":true},element:{"a2-wp-4":true,"a2-hp-4":true,"a2-br-1":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-cursor-pointer":true},label:{"a2-font-sans":true,"a2-text-bm":true,"a2-fw-400":true,"a2-c-n70":true,"a2-flex-1":true}},DateTimeInput:{container:{"a2-dsp-flexhor":true,"a2-al-center":true,"a2-gap-2":true,"a2-w-full":true,"a2-text-bm":true,"a2-ws-nowrap":true},element:{"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-c-n70":true,"a2-transition-colors":true},label:{"a2-c-n70":true,"a2-text-bm":true,"a2-flex-0":true}},Divider:{"a2-bgc-n90":true,"a2-my-4":true},Image:{all:{"a2-br-2":true,"a2-media-cover":true,"a2-w-full":true,"a2-h-full":true},avatar:{"a2-br-50pc":true},header:p(),icon:p(),largeFeature:p(),mediumFeature:p(),smallFeature:p()},Icon:{"a2-icon":true,"a2-dsp-iflex":true,"a2-al-center":true,"a2-jc-center":true,"a2-c-inherit":true},List:{"a2-dsp-flexvert":true,"a2-gap-4":true,"a2-p-2":true},Modal:{backdrop:{"a2-pos-fixed":true,"a2-inset-0":true,"a2-dsp-flex":true,"a2-al-center":true,"a2-jc-center":true,"a2-bgc-n100_50":true,"a2-z-50":true,"a2-blur-sm":true},element:{"a2-br-4":true,"a2-bgc-n0":true,"a2-p-4":true,"a2-border":true,"a2-bc-n80":true,"a2-shadow-xl":true}},MultipleChoice:{container:{"a2-dsp-flexvert":true,"a2-gap-2":true},element:{"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-w-full":true},label:{"a2-text-bm":true,"a2-fw-500":true}},Row:{"a2-dsp-flexhor":true,"a2-gap-4":true},Slider:{container:{"a2-dsp-flexvert":true,"a2-gap-1":true},element:{"a2-w-full":true},label:{"a2-text-bm":true,"a2-fw-500":true}},Tabs:{container:{"a2-dsp-flexvert":true,"a2-gap-4":true},controls:{all:{"a2-px-4":true,"a2-py-2":true,"a2-text-bm":true,"a2-fw-500":true,"a2-cursor-pointer":true,"a2-transition-colors":true,"a2-br-t-2":true},selected:{"a2-bw-b-2":true,"a2-bc-p50":true,"a2-c-p50":true}},element:{"a2-dsp-flexhor":true,"a2-border-b":true,"a2-bc-n20":true}},Text:{all:{"a2-c-inherit":true},h1:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-hs":true,"a2-m-0":true,"a2-p-0":true},h2:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-tl":true,"a2-m-0":true,"a2-p-0":true},h3:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-tm":true,"a2-m-0":true,"a2-p-0":true},h4:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bl":true,"a2-m-0":true,"a2-p-0":true},h5:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-m-0":true,"a2-p-0":true},h6:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bs":true,"a2-m-0":true,"a2-p-0":true},body:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bm":true,"a2-lh-relaxed":true},caption:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bs":true,"a2-text-muted-foreground":true},label:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true}},TextField:{container:{"a2-dsp-flexhor":true,"a2-al-center":true,"a2-gap-2":true,"a2-w-full":true,"a2-text-bm":true,"a2-ws-nowrap":true},element:{"a2-text-bm":true,"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-c-n90":true,"a2-flex-1":true,"a2-transition-colors":true,"a2-focus-visible-ring":true},label:{"a2-flex-0":true,"a2-c-n70":true,"a2-fw-500":true}},Video:{"a2-br-2":true,"a2-media-cover":true}},elements:{a:{"a2-font-sans":true,"a2-fw-500":true,"a2-dsp-iflex":true,"a2-al-center":true,"a2-td-none":true,"a2-text-primary":true},audio:{"a2-w-full":true},body:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bm":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},button:{"a2-font-sans":true,"a2-fw-500":true,"a2-py-3":true,"a2-px-5":true,"a2-mb-1":true,"a2-br-2":true,"a2-bw-0":true,"a2-bs-solid":true,"a2-bg-primary":true,"a2-text-primary-foreground":true,"a2-ho-80":true},h1:{"a2-font-sans":true,"a2-fw-600":true,"a2-mt-0":true,"a2-mb-3":true,"a2-text-foreground":true},h2:{"a2-font-sans":true,"a2-fw-600":true,"a2-mt-0":true,"a2-mb-3":true,"a2-text-foreground":true},h3:{"a2-font-sans":true,"a2-fw-600":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},h4:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},h5:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},iframe:{"a2-scrollbar-none":true},input:{"a2-font-sans":true,"a2-fw-400":true,"a2-px-4":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-border-input":true,"a2-bs-solid":true,"a2-text-foreground":true},p:{"a2-font-sans":true,"a2-fw-400":true,"a2-m-0":true,"a2-text-bm":true,"a2-text-foreground":true},pre:{"a2-font-mono":true,"a2-fw-400":true,"a2-text-bm":true,"a2-ws-pre":true,"a2-text-foreground":true},textarea:{"a2-font-sans":true,"a2-fw-400":true,"a2-px-4":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-border-input":true,"a2-bs-solid":true,"a2-text-foreground":true,"a2-resize-y":true},video:{"a2-media-cover":true}},markdown:{p:["a2-md-p"],h1:["a2-md-h1"],h2:["a2-md-h2"],h3:["a2-md-h3"],h4:["a2-md-h4"],h5:["a2-md-h5"],ul:["a2-md-ul"],ol:["a2-md-ol"],li:["a2-md-li"],a:["a2-md-a"],strong:["a2-md-strong"],em:["a2-md-em"],code:["a2-md-code"],blockquote:["a2-md-blockquote"]}};function S(t,r){let e={...t};for(let a in r)if(Object.prototype.hasOwnProperty.call(r,a)){let o=e[a],n=r[a];typeof o=="object"&&o!==null&&typeof n=="object"&&n!==null&&!Array.isArray(o)&&!Array.isArray(n)?e[a]=S(o,n):e[a]=n;}return e}function lr(t){return S($,t)}function ur(...t){let r={};for(let e of t)if(e)for(let[a,o]of Object.entries(e)){let n=a.split("-").slice(0,2).join("-")+"-",s=Object.keys(r).filter(u=>u.startsWith(n));for(let u of s)delete r[u];r[a]=o;}return r}function dr(){return JSON.parse(JSON.stringify($))}var cr={primary:"230 83% 60%",primaryForeground:"210 40% 98%",secondary:"210 40% 96%",secondaryForeground:"222 84% 5%",muted:"210 40% 96%",mutedForeground:"215 16% 47%",accent:"210 40% 96%",accentForeground:"222 84% 5%",destructive:"0 84% 60%",destructiveForeground:"210 40% 98%",background:"0 0% 100%",foreground:"222 84% 5%",card:"0 0% 100%",cardForeground:"222 84% 5%",popover:"0 0% 100%",popoverForeground:"222 84% 5%",border:"214 32% 91%",input:"214 32% 91%",ring:"230 83% 60%",success:"142 76% 36%",successForeground:"0 0% 98%",warning:"38 92% 50%",warningForeground:"0 0% 98%",info:"199 89% 48%",infoForeground:"0 0% 98%",radius:"0.5rem",radiusSm:"0.25rem",radiusLg:"0.75rem"},mr={primary:"230 85% 65%",primaryForeground:"0 0% 17%",secondary:"0 0% 22%",secondaryForeground:"0 0% 95%",muted:"0 0% 22%",mutedForeground:"0 0% 70%",accent:"0 0% 22%",accentForeground:"0 0% 95%",destructive:"0 63% 31%",destructiveForeground:"0 0% 95%",background:"0 0% 17%",foreground:"0 0% 95%",card:"0 0% 20%",cardForeground:"0 0% 95%",popover:"0 0% 17%",popoverForeground:"0 0% 95%",border:"0 0% 27%",input:"0 0% 30%",ring:"230 85% 65%",success:"142 70% 45%",warning:"38 92% 50%",info:"199 89% 48%",radius:"0.5rem",radiusSm:"0.25rem",radiusLg:"0.75rem"};function fr(t,r=document.documentElement){let e={primary:"--a2-primary",primaryForeground:"--a2-primary-foreground",secondary:"--a2-secondary",secondaryForeground:"--a2-secondary-foreground",muted:"--a2-muted",mutedForeground:"--a2-muted-foreground",accent:"--a2-accent",accentForeground:"--a2-accent-foreground",destructive:"--a2-destructive",destructiveForeground:"--a2-destructive-foreground",background:"--a2-background",foreground:"--a2-foreground",card:"--a2-card",cardForeground:"--a2-card-foreground",popover:"--a2-popover",popoverForeground:"--a2-popover-foreground",border:"--a2-border",input:"--a2-input",ring:"--a2-ring",success:"--a2-success",successForeground:"--a2-success-foreground",warning:"--a2-warning",warningForeground:"--a2-warning-foreground",info:"--a2-info",infoForeground:"--a2-info-foreground",radius:"--a2-radius",radiusSm:"--a2-radius-sm",radiusLg:"--a2-radius-lg",fontSans:"--a2-font-sans",fontMono:"--a2-font-mono",shadowSm:"--a2-shadow-sm",shadow:"--a2-shadow",shadowMd:"--a2-shadow-md",shadowLg:"--a2-shadow-lg"};for(let[a,o]of Object.entries(t))if(o!==void 0){let n=e[a];n&&r.style.setProperty(n,o);}}function hr(t,r=":root"){let e=[],a={primary:"--a2-primary",primaryForeground:"--a2-primary-foreground",secondary:"--a2-secondary",secondaryForeground:"--a2-secondary-foreground",muted:"--a2-muted",mutedForeground:"--a2-muted-foreground",accent:"--a2-accent",accentForeground:"--a2-accent-foreground",destructive:"--a2-destructive",destructiveForeground:"--a2-destructive-foreground",background:"--a2-background",foreground:"--a2-foreground",card:"--a2-card",cardForeground:"--a2-card-foreground",popover:"--a2-popover",popoverForeground:"--a2-popover-foreground",border:"--a2-border",input:"--a2-input",ring:"--a2-ring",success:"--a2-success",successForeground:"--a2-success-foreground",warning:"--a2-warning",warningForeground:"--a2-warning-foreground",info:"--a2-info",infoForeground:"--a2-info-foreground",radius:"--a2-radius",radiusSm:"--a2-radius-sm",radiusLg:"--a2-radius-lg",fontSans:"--a2-font-sans",fontMono:"--a2-font-mono",shadowSm:"--a2-shadow-sm",shadow:"--a2-shadow",shadowMd:"--a2-shadow-md",shadowLg:"--a2-shadow-lg"};for(let[o,n]of Object.entries(t))if(n!==void 0){let s=a[o];s&&e.push(`  ${s}: ${n};`);}return `${r} {
+${e.join(`
+`)}
+}`}function br(...t){let r={};for(let e of t)if(e)for(let[a,o]of Object.entries(e)){let n=a.split("-"),s=n.length>=3?n.slice(0,2).join("-")+"-":a,u=Object.keys(r).filter(l=>l.startsWith(s));for(let l of u)delete r[l];r[a]=o;}return r}function xr(t,r,...e){let a=structuredClone(t);for(let o of e)for(let n of Object.keys(o)){let s=n.split("-").slice(0,2).join("-")+"-";for(let[u,l]of Object.entries(a)){if(r.includes(u))continue;let w=false;for(let c=0;c<l.length;c++)l[c]?.startsWith(s)&&(w=true,l[c]=n);w||l.push(n);}}return a}function yr(t){return Object.entries(t).filter(([,r])=>r).map(([r])=>r).join(" ")}function wr(t){let r={};for(let[e,a]of Object.entries(t)){let o=e.replace(/-([a-z])/g,(n,s)=>s.toUpperCase());r[o]=a;}return r}function vr(...t){let r=[];for(let e of t)if(e){if(typeof e=="string")r.push(e);else if(typeof e=="object")for(let[a,o]of Object.entries(e))o&&r.push(a);}return r.join(" ")}export{d as GRID,v as PALETTE_KEYS,f as SHADES,xr as appendToAll,U as baseStyles,m as behaviorStyles,h as borderStyles,yr as classesToString,dr as cloneDefaultTheme,vr as cn,g as colorStyles,lr as createTheme,$ as defaultTheme,hr as generateThemeCSS,Q as getA2UIStyles,k as getInverseKey,b as iconStyles,fr as injectTheme,x as layoutStyles,br as merge,ur as mergeStyles,B as structuralStyles,wr as stylesToCSS,mr as tegoOSDarkTheme,cr as tegoOSTheme,i as toProp,y as typographyStyles};