@zhama/a2ui 0.10.4 → 0.11.0

package/dist/styles/index.js

@@ -1 +1,702 @@
-function x(...u){let e={};for(let o of u)if(o)for(let[t,n]of Object.entries(o)){let r=t.split("-").slice(0,-1).join("-")+"-",l=Object.keys(e).filter(a=>a.startsWith(r));for(let a of l)delete e[a];e[t]=n;}return e}function p(u,e,...o){let t=structuredClone(u);for(let n of o)for(let r of Object.keys(n)){let l=r.split("-").slice(0,-1).join("-")+"-";for(let[a,d]of Object.entries(t)){if(e.includes(a))continue;let c=false;for(let s=0;s<d.length;s++)d[s]?.startsWith(l)&&(c=true,d[s]=r);c||d.push(r);}}return t}function g(u){return Object.entries(u).filter(([,e])=>e).map(([e])=>e).join(" ")}function h(u){let e={};for(let[o,t]of Object.entries(u)){let n=o.replace(/-([a-z])/g,(r,l)=>l.toUpperCase());e[n]=t;}return e}function i(){return {}}var f={components:{AudioPlayer:i(),Button:{"a2ui-btn":true,"inline-flex":true,"items-center":true,"justify-center":true,"whitespace-nowrap":true,"rounded-xl":true,"text-xs":true,"font-medium":true,"transition-all":true,"duration-300":true,"disabled:pointer-events-none":true,"disabled:opacity-50":true,"active:scale-95":true,"bg-primary":true,"text-primary-foreground":true,"hover:bg-primary/90":true,"shadow-sm":true,"h-9":true,"px-4":true,"py-2":true},Card:{"a2ui-card":true,group:true,relative:true,"rounded-2xl":true,border:true,"border-border/50":true,"bg-card":true,"text-card-foreground":true,"shadow-sm":true,"transition-all":true,"duration-300":true,"hover:shadow-md":true,"hover:border-primary/40":true,"hover:-translate-y-1":true,"p-5":true,"overflow-hidden":true},Column:{"a2ui-column":true,flex:true,"flex-col":true,"space-y-4":true},CheckBox:{container:{"a2ui-checkbox":true,flex:true,"items-center":true,"gap-2":true},element:{"w-4":true,"h-4":true},label:{"text-sm":true,"font-medium":true}},DateTimeInput:{container:{"a2ui-datetime":true,flex:true,"flex-col":true,"gap-1":true},element:{"px-3":true,"py-2":true,border:true,"border-input":true,"rounded-md":true,"bg-background":true,"transition-colors":true},label:{"text-sm":true,"font-medium":true}},Divider:{"a2ui-divider":true,"border-t":true,"border-border/50":true,"my-8":true},Image:{all:{"a2ui-image":true,"max-w-full":true,"h-auto":true},icon:{"w-6":true,"h-6":true},avatar:{"w-10":true,"h-10":true,"rounded-full":true},smallFeature:{"w-24":true,"h-24":true},mediumFeature:{"w-48":true,"h-48":true},largeFeature:{"w-full":true,"max-h-96":true},header:{"w-full":true,"h-32":true,"object-cover":true}},Icon:{"a2ui-icon":true,"w-5":true,"h-5":true},List:{"a2ui-list":true,grid:true,"grid-cols-1":true,"md:grid-cols-2":true,"gap-4":true,"w-full":true},Modal:{backdrop:{fixed:true,"inset-0":true,"bg-black/50":true,flex:true,"items-center":true,"justify-center":true,"z-50":true},element:{"bg-card":true,"rounded-lg":true,"p-6":true,"max-w-lg":true,"w-full":true,"mx-4":true,"shadow-xl":true,border:true,"border-border":true,"border-white/60":true}},MultipleChoice:{container:{"a2ui-multichoice":true,flex:true,"flex-col":true,"gap-2":true},element:{"px-3":true,"py-2":true,border:true,"border-input":true,"rounded-md":true,"bg-background":true,"w-full":true},label:{"text-sm":true,"font-medium":true}},Row:{"a2ui-row":true,flex:true,"flex-row":true,"items-center":true,"justify-between":true,"gap-6":true,"w-full":true},Slider:{container:{"a2ui-slider":true,flex:true,"flex-col":true,"gap-1":true},element:{"w-full":true},label:{"text-sm":true,"font-medium":true}},Tabs:{container:{"a2ui-tabs":true,flex:true,"flex-col":true,"space-y-4":true},element:{flex:true,"border-b":true,"border-border":true},controls:{all:{"px-4":true,"py-2":true,"text-sm":true,"font-medium":true,"cursor-pointer":true,"transition-colors":true,"rounded-t-md":true},selected:{"border-b-2":true,"border-primary":true,"text-primary":true,"-mb-px":true}}},Text:{all:{"a2ui-text":true},h1:{"text-3xl":true,"font-bold":true,"tracking-tight":true,"mb-4":true},h2:{"text-xl":true,"font-semibold":true,"mb-2":true},h3:{"text-lg":true,"font-medium":true,"mb-1":true},h4:{"text-base":true,"font-medium":true},h5:{"text-sm":true,"font-medium":true},h6:{"text-xs":true,"font-medium":true},body:{"text-base":true,"leading-relaxed":true,"text-foreground/90":true},caption:{"text-sm":true,"text-muted-foreground":true,"leading-relaxed":true},label:{"text-sm":true,"font-medium":true,"leading-none":true}},TextField:{container:{"a2ui-textfield":true,flex:true,"flex-col":true,"gap-1.5":true},element:{flex:true,"h-10":true,"w-full":true,"rounded-md":true,border:true,"border-input":true,"bg-background":true,"px-3":true,"py-2":true,"text-sm":true,"ring-offset-background":true,"transition-colors":true,"placeholder:text-muted-foreground":true,"focus-visible:outline-none":true,"focus-visible:ring-2":true,"focus-visible:ring-ring":true,"focus-visible:ring-offset-2":true,"disabled:cursor-not-allowed":true,"disabled:opacity-50":true},label:{"text-sm":true,"font-medium":true,"leading-none":true}},Video:{"a2ui-video":true,"w-full":true,"rounded-2xl":true,border:true,"border-border/50":true}},elements:{a:{"text-primary":true,"underline-offset-4":true,"hover:underline":true,"transition-colors":true},audio:i(),body:{"text-base":true},button:i(),h1:{"text-3xl":true,"font-bold":true,"tracking-tight":true},h2:{"text-xl":true,"font-semibold":true},h3:{"text-lg":true,"font-bold":true},h4:{"text-base":true,"font-semibold":true},h5:{"text-base":true,"font-medium":true},iframe:i(),input:i(),p:{"text-base":true,"leading-relaxed":true},pre:{"font-mono":true,"text-sm":true,"bg-muted":true,"p-4":true,"rounded-md":true,"overflow-x-auto":true,border:true,"border-border":true},textarea:i(),video:i()},markdown:{p:["text-[15px]","leading-[1.7]","mb-3"],h1:["text-xl","font-bold","tracking-tight","mt-6","mb-4"],h2:["text-[17px]","font-semibold","mt-5","mb-3"],h3:["text-[15px]","font-semibold","mt-4","mb-2"],h4:["text-[15px]","font-medium","mt-3","mb-2"],h5:["text-sm","font-medium","mt-3","mb-2"],ul:["list-disc","list-outside","ml-5","mb-3","space-y-1.5"],ol:["list-decimal","list-outside","ml-5","mb-3","space-y-1.5"],li:["text-[15px]","leading-[1.7]","pl-1"],a:["text-primary","underline-offset-2","hover:underline","font-medium"],strong:["font-semibold"],em:["not-italic","opacity-80"],code:["font-mono","text-[13px]","bg-muted/60","px-1.5","py-0.5","rounded","border","border-border/50"],blockquote:["border-l-3","border-primary/40","pl-4","py-2","text-muted-foreground","bg-muted/30","rounded-r","mb-3","text-[14px]"]}};function m(u,e){let o={...u};for(let t in e)if(Object.prototype.hasOwnProperty.call(e,t)){let n=o[t],r=e[t];typeof n=="object"&&n!==null&&typeof r=="object"&&r!==null&&!Array.isArray(n)&&!Array.isArray(r)?o[t]=m(n,r):o[t]=r;}return o}function w(u){return m(f,u)}export{p as appendToAll,g as classesToString,w as createTheme,f as defaultTheme,x as merge,h as stylesToCSS};
+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(`
+    .a2-cursor-auto { cursor: auto; }
+    .a2-cursor-default { cursor: default; }
+    .a2-cursor-pointer { cursor: pointer; }
+    .a2-cursor-wait { cursor: wait; }
+    .a2-cursor-text { cursor: text; }
+    .a2-cursor-move { cursor: move; }
+    .a2-cursor-help { cursor: help; }
+    .a2-cursor-not-allowed { cursor: not-allowed; }
+    .a2-cursor-none { cursor: none; }
+    .a2-cursor-grab { cursor: grab; }
+    .a2-cursor-grabbing { cursor: grabbing; }
+  `),e.push(`
+    .a2-pe-none { pointer-events: none; }
+    .a2-pe-auto { pointer-events: auto; }
+  `),e.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(`
+    .a2-visible { visibility: visible; }
+    .a2-invisible { visibility: hidden; }
+    .a2-collapse { visibility: collapse; }
+  `),e.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; }
+    .a2-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
+    .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(`
+    .a2-duration-75 { transition-duration: 75ms; }
+    .a2-duration-100 { transition-duration: 100ms; }
+    .a2-duration-150 { transition-duration: 150ms; }
+    .a2-duration-200 { transition-duration: 200ms; }
+    .a2-duration-300 { transition-duration: 300ms; }
+    .a2-duration-500 { transition-duration: 500ms; }
+    .a2-duration-700 { transition-duration: 700ms; }
+    .a2-duration-1000 { transition-duration: 1000ms; }
+  `),e.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(`
+    .a2-scale-0 { transform: scale(0); }
+    .a2-scale-50 { transform: scale(0.5); }
+    .a2-scale-75 { transform: scale(0.75); }
+    .a2-scale-90 { transform: scale(0.9); }
+    .a2-scale-95 { transform: scale(0.95); }
+    .a2-scale-100 { transform: scale(1); }
+    .a2-scale-105 { transform: scale(1.05); }
+    .a2-scale-110 { transform: scale(1.1); }
+    .a2-scale-125 { transform: scale(1.25); }
+    .a2-scale-150 { transform: scale(1.5); }
+
+    .a2-rotate-0 { transform: rotate(0deg); }
+    .a2-rotate-1 { transform: rotate(1deg); }
+    .a2-rotate-2 { transform: rotate(2deg); }
+    .a2-rotate-3 { transform: rotate(3deg); }
+    .a2-rotate-6 { transform: rotate(6deg); }
+    .a2-rotate-12 { transform: rotate(12deg); }
+    .a2-rotate-45 { transform: rotate(45deg); }
+    .a2-rotate-90 { transform: rotate(90deg); }
+    .a2-rotate-180 { transform: rotate(180deg); }
+
+    .a2-translate-x-0 { transform: translateX(0); }
+    .a2-translate-y-0 { transform: translateY(0); }
+    .a2--translate-y-1 { transform: translateY(-4px); }
+    .a2--translate-y-2 { transform: translateY(-8px); }
+    .a2--translate-y-4 { transform: translateY(-16px); }
+    .a2-translate-y-1 { transform: translateY(4px); }
+    .a2-translate-y-2 { transform: translateY(8px); }
+    .a2-translate-y-4 { transform: translateY(16px); }
+  `),e.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(`
+    .a2-active-scale-95:active { transform: scale(0.95); }
+    .a2-active-scale-90:active { transform: scale(0.9); }
+  `),e.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); }
+    .a2-shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
+    .a2-shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
+    .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(`
+    .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(`
+    .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); }
+    .a2-blur-md { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
+    .a2-blur-lg { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
+    .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(`
+    .a2-focus-visible-ring:focus-visible {
+      outline: 2px solid var(--p-50, currentColor);
+      outline-offset: 2px;
+    }
+    .a2-focus-visible-none:focus-visible {
+      outline: none;
+    }
+  `),e.push(`
+    .a2-disabled:disabled,
+    .a2-disabled[disabled] {
+      opacity: 0.5;
+      pointer-events: none;
+      cursor: not-allowed;
+    }
+  `),e.push(`
+    .a2-scrollbar-none {
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+    }
+    .a2-scrollbar-none::-webkit-scrollbar {
+      display: none;
+    }
+    .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(`
+    .a2-br-none { border-radius: 0; }
+    .a2-br-sm { border-radius: 2px; }
+    .a2-br-md { border-radius: 6px; }
+    .a2-br-lg { border-radius: 8px; }
+    .a2-br-xl { border-radius: 12px; }
+    .a2-br-2xl { border-radius: 16px; }
+    .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(`
+    .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(`
+    .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; }
+    .a2-border-b { border-bottom-width: 1px; border-bottom-style: solid; }
+    .a2-border-l { border-left-width: 1px; border-left-style: solid; }
+    .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(`
+    .a2-divide-y > * + * { border-top-width: 1px; border-top-style: solid; }
+    .a2-divide-x > * + * { border-left-width: 1px; border-left-style: solid; }
+  `),e.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(`
+    .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} {
+          background-color: light-dark(
+            oklch(from var(${s(a)}) l c h / ${n/10}),
+            oklch(from var(${s(o)}) l c h / ${n/10})
+          );
+        }
+        .a2-bbgc-${a}_${i}::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})
+          );
+        }
+      `);}t.push(`.a2-c-${a} { color: light-dark(var(${s(a)}), var(${s(o)})); }`);}return t.join(`
+`)}function R(){let e=[];e.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);
+
+      /* Color scheme */
+      color-scheme: var(--a2-color-scheme, light dark);
+    }
+  `);for(let t of k)e.push(T(t));return e.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 `
+    /* Material Icons Support */
+    .a2-icon {
+      font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
+      font-weight: normal;
+      font-style: normal;
+      font-size: 24px;
+      line-height: 1;
+      letter-spacing: normal;
+      text-transform: none;
+      display: inline-block;
+      white-space: nowrap;
+      word-wrap: normal;
+      direction: ltr;
+      -webkit-font-feature-settings: 'liga';
+      -webkit-font-smoothing: antialiased;
+    }
+
+    .a2-icon-sm { font-size: 18px; }
+    .a2-icon-md { font-size: 24px; }
+    .a2-icon-lg { font-size: 32px; }
+    .a2-icon-xl { font-size: 48px; }
+
+    .a2-icon-filled {
+      font-variation-settings: 'FILL' 1;
+    }
+
+    .a2-icon-outlined {
+      font-variation-settings: 'FILL' 0;
+    }
+  `}var m=C();function A(){let e=[];e.push(`
+    :root, :host, .a2ui-root {
+      ${Array.from({length:16},(t,r)=>`--a2-g-${r+1}: ${(r+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(`
+    /* Position */
+    .a2-pos-abs { position: absolute; }
+    .a2-pos-rel { position: relative; }
+    .a2-pos-fixed { position: fixed; }
+    .a2-pos-sticky { position: sticky; }
+    .a2-inset-0 { inset: 0; }
+
+    /* Display */
+    .a2-dsp-none { display: none; }
+    .a2-dsp-block { display: block; }
+    .a2-dsp-inline { display: inline; }
+    .a2-dsp-iblock { display: inline-block; }
+    .a2-dsp-grid { display: grid; }
+    .a2-dsp-iflex { display: inline-flex; }
+    .a2-dsp-flex { display: flex; }
+    .a2-dsp-flexvert { display: flex; flex-direction: column; }
+    .a2-dsp-flexhor { display: flex; flex-direction: row; }
+
+    /* Flex Direction */
+    .a2-flex-row { flex-direction: row; }
+    .a2-flex-col { flex-direction: column; }
+    .a2-flex-wrap { flex-wrap: wrap; }
+    .a2-flex-nowrap { flex-wrap: nowrap; }
+
+    /* Align Items */
+    .a2-al-start { align-items: flex-start; }
+    .a2-al-end { align-items: flex-end; }
+    .a2-al-center { align-items: center; }
+    .a2-al-stretch { align-items: stretch; }
+    .a2-al-baseline { align-items: baseline; }
+
+    /* Align Self */
+    .a2-as-auto { align-self: auto; }
+    .a2-as-start { align-self: flex-start; }
+    .a2-as-end { align-self: flex-end; }
+    .a2-as-center { align-self: center; }
+    .a2-as-stretch { align-self: stretch; }
+
+    /* Justify Content */
+    .a2-jc-start { justify-content: flex-start; }
+    .a2-jc-end { justify-content: flex-end; }
+    .a2-jc-center { justify-content: center; }
+    .a2-jc-between { justify-content: space-between; }
+    .a2-jc-around { justify-content: space-around; }
+    .a2-jc-evenly { justify-content: space-evenly; }
+
+    /* Justify Self */
+    .a2-js-auto { justify-self: auto; }
+    .a2-js-start { justify-self: start; }
+    .a2-js-end { justify-self: end; }
+    .a2-js-center { justify-self: center; }
+
+    /* Flex */
+    .a2-flex-0 { flex: 0 0 auto; }
+    .a2-flex-1 { flex: 1 1 0%; }
+    .a2-flex-auto { flex: 1 1 auto; }
+    .a2-flex-none { flex: none; }
+    .a2-flex-grow { flex-grow: 1; }
+    .a2-flex-shrink { flex-shrink: 1; }
+
+    /* Sizing */
+    .a2-w-full { width: 100%; }
+    .a2-w-auto { width: auto; }
+    .a2-w-fit { width: fit-content; }
+    .a2-w-min { width: min-content; }
+    .a2-w-max { width: max-content; }
+    .a2-h-full { height: 100%; }
+    .a2-h-auto { height: auto; }
+    .a2-h-fit { height: fit-content; }
+    .a2-min-h-0 { min-height: 0; }
+    .a2-min-w-0 { min-width: 0; }
+    .a2-max-w-full { max-width: 100%; }
+
+    /* Overflow */
+    .a2-overflow-auto { overflow: auto; }
+    .a2-overflow-hidden { overflow: hidden; }
+    .a2-overflow-scroll { overflow: scroll; }
+    .a2-overflow-visible { overflow: visible; }
+    .a2-overflow-x-auto { overflow-x: auto; }
+    .a2-overflow-y-auto { overflow-y: auto; }
+    .a2-overflow-x-hidden { overflow-x: hidden; }
+    .a2-overflow-y-hidden { overflow-y: hidden; }
+
+    /* Resize */
+    .a2-resize-none { resize: none; }
+    .a2-resize-y { resize: vertical; }
+    .a2-resize-x { resize: horizontal; }
+    .a2-resize { resize: both; }
+
+    /* Object Fit */
+    .a2-obj-contain { object-fit: contain; }
+    .a2-obj-cover { object-fit: cover; }
+    .a2-obj-fill { object-fit: fill; }
+    .a2-obj-none { object-fit: none; }
+    .a2-obj-scale { object-fit: scale-down; }
+
+    /* Aspect Ratio */
+    .a2-aspect-auto { aspect-ratio: auto; }
+    .a2-aspect-square { aspect-ratio: 1 / 1; }
+    .a2-aspect-video { aspect-ratio: 16 / 9; }
+
+    /* Z-Index */
+    .a2-z-0 { z-index: 0; }
+    .a2-z-10 { z-index: 10; }
+    .a2-z-20 { z-index: 20; }
+    .a2-z-30 { z-index: 30; }
+    .a2-z-40 { z-index: 40; }
+    .a2-z-50 { z-index: 50; }
+    .a2-z-auto { z-index: auto; }
+
+    /* Image/Video container */
+    .a2-media-cover img,
+    .a2-media-cover video {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      margin: 0;
+    }
+  `),e.join(`
+`)}var g=A();function I(){let e=[];e.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;
+      --a2-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      --a2-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+
+      /* Font sizes - Body */
+      --a2-text-bs: 12px;
+      --a2-text-bm: 14px;
+      --a2-text-bl: 16px;
+
+      /* Font sizes - Label */
+      --a2-text-ls: 10px;
+      --a2-text-lm: 11px;
+      --a2-text-ll: 12px;
+
+      /* Font sizes - Title */
+      --a2-text-ts: 14px;
+      --a2-text-tm: 16px;
+      --a2-text-tl: 22px;
+
+      /* Font sizes - Headline */
+      --a2-text-hs: 24px;
+      --a2-text-hm: 28px;
+      --a2-text-hl: 32px;
+
+      /* Font sizes - Display */
+      --a2-text-ds: 36px;
+      --a2-text-dm: 45px;
+      --a2-text-dl: 57px;
+    }
+  `),e.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(`
+    .a2-fs-normal { font-style: normal; }
+    .a2-fs-italic { font-style: italic; }
+  `),e.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(`
+    .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(`
+    .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(`
+    .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(`
+    .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(`
+    .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(`
+    .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(`
+    .a2-truncate {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .a2-text-clip { text-overflow: clip; }
+    .a2-text-ellipsis { text-overflow: ellipsis; }
+  `),e.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=`
+  /* 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));
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+  }
+
+  .a2ui-root *,
+  .a2ui-root *::before,
+  .a2ui-root *::after {
+    box-sizing: border-box;
+  }
+
+  /* Reset headings */
+  .a2ui-root h1,
+  .a2ui-root h2,
+  .a2ui-root h3,
+  .a2ui-root h4,
+  .a2ui-root h5,
+  .a2ui-root h6 {
+    margin: 0;
+    font-weight: 600;
+    line-height: 1.25;
+  }
+
+  .a2ui-root p {
+    margin: 0;
+  }
+
+  .a2ui-root ul,
+  .a2ui-root ol {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .a2ui-root a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  /* \u6309\u94AE\u57FA\u7840\u91CD\u7F6E - \u53EA\u8BBE\u7F6E\u7EE7\u627F\u5C5E\u6027\uFF0C\u4E0D\u8986\u76D6\u5DE5\u5177\u7C7B */
+  .a2ui-root button {
+    font: inherit;
+    margin: 0;
+    cursor: pointer;
+  }
+
+  .a2ui-root input,
+  .a2ui-root textarea,
+  .a2ui-root select {
+    font: inherit;
+    color: inherit;
+  }
+
+  .a2ui-root img,
+  .a2ui-root video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  /* Scrollbar styling */
+  .a2ui-root::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  .a2ui-root::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .a2ui-root::-webkit-scrollbar-thumb {
+    background: light-dark(var(--n-30), var(--n-70));
+    border-radius: 3px;
+  }
+
+  .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};