@zhama/a2ui 0.10.5 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +179 -70
- package/dist/{a2ui-CnaCcq4c.d.ts → a2ui-CZYqbeoz.d.ts} +2 -1
- package/dist/{a2ui-vyxwZCoa.d.cts → a2ui-Dpl-E-Do.d.cts} +2 -1
- package/dist/context/index.cjs +702 -1
- package/dist/context/index.d.cts +35 -2
- package/dist/context/index.d.ts +35 -2
- package/dist/context/index.js +702 -1
- package/dist/data/index.cjs +2 -2
- package/dist/data/index.d.cts +3 -2
- package/dist/data/index.d.ts +3 -2
- package/dist/data/index.js +2 -2
- package/dist/events/index.d.cts +3 -2
- package/dist/events/index.d.ts +3 -2
- package/dist/index-BvhdLkQ7.d.ts +111 -0
- package/dist/{index-DCv59E9u.d.cts → index-CWQNUF1X.d.ts} +65 -20
- package/dist/index-Ccel8ysN.d.cts +111 -0
- package/dist/index-CfG_a073.d.cts +143 -0
- package/dist/{index-CEWReOmS.d.ts → index-DF2gGMk6.d.ts} +1 -1
- package/dist/index-DZnukf8z.d.ts +143 -0
- package/dist/{index-CfuPxsd1.d.cts → index-DfVLIScc.d.cts} +1 -1
- package/dist/{index-DKh6MRhF.d.cts → index-K0C1W74m.d.ts} +26 -15
- package/dist/{index-BJe-XUR4.d.ts → index-PGBpNFSS.d.cts} +26 -15
- package/dist/{index-BWAU7Xp2.d.ts → index-nNr2JOQb.d.cts} +65 -20
- package/dist/index.cjs +702 -2
- package/dist/index.d.cts +71 -8
- package/dist/index.d.ts +71 -8
- package/dist/index.js +702 -2
- package/dist/styles/index.cjs +702 -1
- package/dist/styles/index.d.cts +3 -2
- package/dist/styles/index.d.ts +3 -2
- package/dist/styles/index.js +702 -1
- package/dist/types/index.cjs +1 -1
- package/dist/types/index.d.cts +2 -2
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.js +1 -0
- package/dist/{types-CtrG7MJe.d.cts → types-Csi2jaoN.d.cts} +122 -178
- package/dist/{types-CtrG7MJe.d.ts → types-Csi2jaoN.d.ts} +122 -178
- package/dist/ui/index.cjs +2 -2
- package/dist/ui/index.d.cts +4 -3
- package/dist/ui/index.d.ts +4 -3
- package/dist/ui/index.js +2 -2
- package/package.json +3 -12
- package/dist/index-Bgqafemj.d.ts +0 -106
- package/dist/index-BltkjFKi.d.ts +0 -67
- package/dist/index-Bzqwwd1k.d.cts +0 -106
- package/dist/index-CLn74O53.d.cts +0 -67
- package/dist/styles/a2ui-variables.css +0 -106
- package/dist/styles/a2ui.css +0 -143
- package/tailwind.preset.js +0 -326
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,702 @@
|
|
|
1
|
-
'use strict';var nt=require('react-markdown'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),Ze=require('lucide-react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var nt__default=/*#__PURE__*/_interopDefault(nt);var Ze__namespace=/*#__PURE__*/_interopNamespace(Ze);var Be=Object.defineProperty;var it=(e,t,o)=>t in e?Be(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o;var ee=(e,t)=>{for(var o in t)Be(e,o,{get:t[o],enumerable:true});};var T=(e,t,o)=>it(e,typeof t!="symbol"?t+"":t,o);var Le={};ee(Le,{A2uiMessageProcessor:()=>R,createMessageProcessor:()=>$e,isAnyComponentNode:()=>N,isBooleanValue:()=>Ne,isComponentArrayReference:()=>re,isNumberValue:()=>ve,isObject:()=>f,isPath:()=>te,isResolvedAudioPlayer:()=>oe,isResolvedButton:()=>ne,isResolvedCard:()=>se,isResolvedCheckbox:()=>ie,isResolvedColumn:()=>ae,isResolvedDateTimeInput:()=>le,isResolvedDivider:()=>ce,isResolvedIcon:()=>ue,isResolvedImage:()=>de,isResolvedList:()=>pe,isResolvedModal:()=>me,isResolvedMultipleChoice:()=>fe,isResolvedRow:()=>he,isResolvedSlider:()=>ye,isResolvedTabItem:()=>Ie,isResolvedTabs:()=>ge,isResolvedText:()=>xe,isResolvedTextField:()=>be,isResolvedVideo:()=>Re,isStringValue:()=>I,isValueMap:()=>Fe});function Fe(e){return f(e)&&"key"in e}function te(e,t){return e==="path"&&typeof t=="string"}function f(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function re(e){return f(e)?"explicitList"in e||"template"in e:false}function I(e){return f(e)&&("path"in e||"literal"in e&&typeof e.literal=="string"||"literalString"in e)}function ve(e){return f(e)&&("path"in e||"literal"in e&&typeof e.literal=="number"||"literalNumber"in e)}function Ne(e){return f(e)&&("path"in e||"literal"in e&&typeof e.literal=="boolean"||"literalBoolean"in e)}function N(e){return f(e)?"id"in e&&"type"in e&&"properties"in e:false}function oe(e){return f(e)&&"url"in e&&I(e.url)}function ne(e){return f(e)&&"child"in e&&N(e.child)&&"action"in e}function se(e){return f(e)?"child"in e?N(e.child):"children"in e?Array.isArray(e.children)&&e.children.every(N):false:false}function ie(e){return f(e)&&"label"in e&&I(e.label)&&"value"in e&&Ne(e.value)}function ae(e){return f(e)&&"children"in e&&Array.isArray(e.children)&&e.children.every(N)}function le(e){return f(e)&&"value"in e&&I(e.value)}function ce(e){return f(e)}function de(e){return f(e)&&"url"in e&&I(e.url)}function ue(e){return f(e)&&"name"in e&&I(e.name)}function pe(e){return f(e)&&"children"in e&&Array.isArray(e.children)&&e.children.every(N)}function me(e){return f(e)&&"entryPointChild"in e&&N(e.entryPointChild)&&"contentChild"in e&&N(e.contentChild)}function fe(e){return f(e)&&"selections"in e}function he(e){return f(e)&&"children"in e&&Array.isArray(e.children)&&e.children.every(N)}function ye(e){return f(e)&&"value"in e&&ve(e.value)}function Ie(e){return f(e)&&"title"in e&&I(e.title)&&"child"in e&&N(e.child)}function ge(e){return f(e)&&"tabItems"in e&&Array.isArray(e.tabItems)&&e.tabItems.every(Ie)}function xe(e){return f(e)&&"text"in e&&I(e.text)}function be(e){return f(e)&&"label"in e&&I(e.label)}function Re(e){return f(e)&&"url"in e&&I(e.url)}var U=class U{constructor(t={}){T(this,"mapCtor",Map);T(this,"arrayCtor",Array);T(this,"setCtor",Set);T(this,"objCtor",Object);T(this,"surfaces");this.arrayCtor=t.arrayCtor??Array,this.mapCtor=t.mapCtor??Map,this.setCtor=t.setCtor??Set,this.objCtor=t.objCtor??Object,this.surfaces=new this.mapCtor;}getSurfaces(){return this.surfaces}clearSurfaces(){this.surfaces.clear();}processMessages(t){for(let o of t)o.beginRendering&&this.handleBeginRendering(o.beginRendering,o.beginRendering.surfaceId),o.surfaceUpdate&&this.handleSurfaceUpdate(o.surfaceUpdate,o.surfaceUpdate.surfaceId),o.dataModelUpdate&&this.handleDataModelUpdate(o.dataModelUpdate,o.dataModelUpdate.surfaceId),o.deleteSurface&&this.handleDeleteSurface(o.deleteSurface);}getData(t,o,n=U.DEFAULT_SURFACE_ID){let s=this.getOrCreateSurface(n);if(!s)return null;let r;return o==="."||o===""?r=t.dataContextPath??"/":r=this.resolvePath(o,t.dataContextPath),this.getDataByPath(s.dataModel,r)}setData(t,o,n,s=U.DEFAULT_SURFACE_ID){if(!t){console.warn("No component node set");return}let r=this.getOrCreateSurface(s);if(!r)return;let i;o==="."||o===""?i=t.dataContextPath??"/":i=this.resolvePath(o,t.dataContextPath),this.setDataByPath(r.dataModel,i,n);}resolvePath(t,o){return t.startsWith("/")?t:o&&o!=="/"?o.endsWith("/")?`${o}${t}`:`${o}/${t}`:`/${t}`}parseIfJsonString(t){if(typeof t!="string")return t;let o=t.trim();if(o.startsWith("{")&&o.endsWith("}")||o.startsWith("[")&&o.endsWith("]"))try{return JSON.parse(t)}catch{return console.warn(`Failed to parse potential JSON string: "${t.substring(0,50)}..."`),t}return t}convertKeyValueArrayToMap(t){let o=new this.mapCtor;for(let n of t){if(!f(n)||!("key"in n))continue;let s=n.key,r=this.findValueKey(n);if(!r)continue;let i=n[r];r==="valueMap"&&Array.isArray(i)?i=this.convertKeyValueArrayToMap(i):typeof i=="string"&&(i=this.parseIfJsonString(i)),this.setDataByPath(o,s,i);}return o}setDataByPath(t,o,n){if(Array.isArray(n)&&(n.length===0||f(n[0])&&"key"in n[0]))if(n.length===1&&f(n[0])&&n[0].key==="."){let a=n[0],c=this.findValueKey(a);c?(n=a[c],c==="valueMap"&&Array.isArray(n)?n=this.convertKeyValueArrayToMap(n):typeof n=="string"&&(n=this.parseIfJsonString(n))):n=this.convertKeyValueArrayToMap(n);}else n=this.convertKeyValueArrayToMap(n);let s=this.normalizePath(o).split("/").filter(a=>a);if(s.length===0){if(n instanceof Map||f(n)){!(n instanceof Map)&&f(n)&&(n=new this.mapCtor(Object.entries(n))),t.clear();for(let[a,c]of n.entries())t.set(a,c);}else console.error("Cannot set root of DataModel to a non-Map value.");return}let r=t;for(let a=0;a<s.length-1;a++){let c=s[a],u;r instanceof Map?u=r.get(c):Array.isArray(r)&&/^\d+$/.test(c)&&(u=r[parseInt(c,10)]),(u===void 0||typeof u!="object"||u===null)&&(u=new this.mapCtor,r instanceof this.mapCtor?r.set(c,u):Array.isArray(r)&&(r[parseInt(c,10)]=u)),r=u;}let i=s[s.length-1];r instanceof this.mapCtor?r.set(i,n):Array.isArray(r)&&/^\d+$/.test(i)&&(r[parseInt(i,10)]=n);}normalizePath(t){return "/"+t.replace(/\[(\d+)\]/g,".$1").split(".").filter(s=>s.length>0).join("/")}getDataByPath(t,o){let n=this.normalizePath(o).split("/").filter(r=>r),s=t;for(let r of n){if(s==null)return null;if(s instanceof Map)s=s.get(r);else if(Array.isArray(s)&&/^\d+$/.test(r))s=s[parseInt(r,10)];else if(f(s))s=s[r];else return null}return s??null}getOrCreateSurface(t){let o=this.surfaces.get(t);return o||(o={rootComponentId:null,componentTree:null,dataModel:new this.mapCtor,components:new this.mapCtor,styles:{}},this.surfaces.set(t,o)),o}handleBeginRendering(t,o){let n=this.getOrCreateSurface(o);n.rootComponentId=t.root,n.styles=t.styles??{},this.rebuildComponentTree(n);}handleSurfaceUpdate(t,o){let n=this.getOrCreateSurface(o);for(let s of t.components)n.components.set(s.id,s);this.rebuildComponentTree(n);}handleDataModelUpdate(t,o){let n=this.getOrCreateSurface(o),s=t.path??"/";this.setDataByPath(n.dataModel,s,t.contents),this.rebuildComponentTree(n);}handleDeleteSurface(t){this.surfaces.delete(t.surfaceId);}rebuildComponentTree(t){if(!t.rootComponentId){t.componentTree=null;return}let o=new this.setCtor;t.componentTree=this.buildNodeRecursive(t.rootComponentId,t,o,"/","");}findValueKey(t){return Object.keys(t).find(o=>o.startsWith("value"))}buildNodeRecursive(t,o,n,s,r=""){let i=`${t}${r}`,{components:a}=o;if(!a.has(t))return null;if(n.has(i))throw new Error(`Circular dependency for component "${i}".`);n.add(i);let c=a.get(t),u=c.component??{},l=Object.keys(u)[0]??"Unknown",b=u[l],p={};if(f(b))for(let[D,S]of Object.entries(b))p[D]=this.resolvePropertyValue(S,o,n,s,r);n.delete(i);let y={id:i,dataContextPath:s,weight:c.weight??"initial"};switch(l){case "Text":if(!xe(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Text",properties:p};case "Image":if(!de(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Image",properties:p};case "Icon":if(!ue(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Icon",properties:p};case "Video":if(!Re(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Video",properties:p};case "AudioPlayer":if(!oe(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"AudioPlayer",properties:p};case "Row":if(!he(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Row",properties:p};case "Column":if(!ae(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Column",properties:p};case "List":if(!pe(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"List",properties:p};case "Card":if(!se(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Card",properties:p};case "Tabs":if(!ge(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Tabs",properties:p};case "Divider":if(!ce(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Divider",properties:p};case "Modal":if(!me(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Modal",properties:p};case "Button":if(!ne(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Button",properties:p};case "CheckBox":if(!ie(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"CheckBox",properties:p};case "TextField":if(!be(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"TextField",properties:p};case "DateTimeInput":if(!le(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"DateTimeInput",properties:p};case "MultipleChoice":if(!fe(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"MultipleChoice",properties:p};case "Slider":if(!ye(p))throw new Error(`Invalid data; expected ${l}`);return {...y,type:"Slider",properties:p};default:return {...y,type:l,properties:p}}}resolvePropertyValue(t,o,n,s,r=""){if(typeof t=="string"&&o.components.has(t))return this.buildNodeRecursive(t,o,n,s,r);if(re(t)){if(t.explicitList)return t.explicitList.map(i=>this.buildNodeRecursive(i,o,n,s,r));if(t.template){let i=this.resolvePath(t.template.dataBinding,s),a=this.getDataByPath(o.dataModel,i),c=t.template;return Array.isArray(a)?a.map((u,l)=>{let y=`:${[...s.split("/").filter(S=>/^\d+$/.test(S)),l].join(":")}`,D=`${i}/${l}`;return this.buildNodeRecursive(c.componentId,o,n,D,y)}):a instanceof Map?Array.from(a.keys(),u=>{let l=`:${u}`,b=`${i}/${u}`;return this.buildNodeRecursive(c.componentId,o,n,b,l)}):[]}}if(Array.isArray(t))return t.map(i=>this.resolvePropertyValue(i,o,n,s,r));if(f(t)){let i={};for(let[a,c]of Object.entries(t)){let u=c;if(te(a,c)&&s!=="/"){u=c.replace(/^\.?\/item/,"").replace(/^\.?\/text/,"").replace(/^\.?\/label/,"").replace(/^\.?\//,""),i[a]=u;continue}i[a]=this.resolvePropertyValue(u,o,n,s,r);}return i}return t}};T(U,"DEFAULT_SURFACE_ID","@default");var R=U;function $e(){return new R}var _e={};ee(_e,{A2UI_EVENT_NAME:()=>Oe});var Oe="a2uiaction";var at={};var Ye={};ee(Ye,{appendToAll:()=>ze,classesToString:()=>Ke,createTheme:()=>Je,defaultTheme:()=>k,merge:()=>A,stylesToCSS:()=>He});function A(...e){let t={};for(let o of e)if(o)for(let[n,s]of Object.entries(o)){let r=n.split("-").slice(0,-1).join("-")+"-",i=Object.keys(t).filter(a=>a.startsWith(r));for(let a of i)delete t[a];t[n]=s;}return t}function ze(e,t,...o){let n=structuredClone(e);for(let s of o)for(let r of Object.keys(s)){let i=r.split("-").slice(0,-1).join("-")+"-";for(let[a,c]of Object.entries(n)){if(t.includes(a))continue;let u=false;for(let l=0;l<c.length;l++)c[l]?.startsWith(i)&&(u=true,c[l]=r);u||c.push(r);}}return n}function Ke(e){return Object.entries(e).filter(([,t])=>t).map(([t])=>t).join(" ")}function He(e){let t={};for(let[o,n]of Object.entries(e)){let s=o.replace(/-([a-z])/g,(r,i)=>i.toUpperCase());t[s]=n;}return t}function w(){return {}}var k={components:{AudioPlayer:w(),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:w(),body:{"text-base":true},button:w(),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:w(),input:w(),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:w(),video:w()},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 We(e,t){let o={...e};for(let n in t)if(Object.prototype.hasOwnProperty.call(t,n)){let s=o[n],r=t[n];typeof s=="object"&&s!==null&&typeof r=="object"&&r!==null&&!Array.isArray(s)&&!Array.isArray(r)?o[n]=We(s,r):o[n]=r;}return o}function Je(e){return We(k,e)}var st={};ee(st,{Audio:()=>L,Button:()=>O,Card:()=>H,Checkbox:()=>q,Column:()=>z,ComponentRegistry:()=>P,ComponentRenderer:()=>v,DateTimeInput:()=>G,Divider:()=>J,Icon:()=>F,Image:()=>B,List:()=>K,Markdown:()=>Ee,Modal:()=>Y,MultipleChoice:()=>Q,Root:()=>E,Row:()=>_,Slider:()=>X,Surface:()=>Ve,Tabs:()=>W,Text:()=>j,TextField:()=>Z,Video:()=>$,cn:()=>d,componentRegistry:()=>V,extractNumberValue:()=>M,extractStringValue:()=>g,renderMarkdown:()=>Ue});var Te=react.createContext(k);function dt({theme:e=k,children:t}){return jsxRuntime.jsx(Te.Provider,{value:e,children:t})}function m(){return react.useContext(Te)}function g(e,t,o,n){if(e!==null&&typeof e=="object"){if("literalString"in e)return e.literalString??"";if("literal"in e&&e.literal!==void 0)return e.literal??"";if(e&&"path"in e&&e.path){if(!o||!t)return "(no model)";let s=o.getData(t,e.path,n??R.DEFAULT_SURFACE_ID);return s===null||typeof s!="string"?"":s}}return ""}function M(e,t,o,n){if(e!==null&&typeof e=="object"){if("literalNumber"in e)return e.literalNumber??0;if("literal"in e&&e.literal!==void 0)return e.literal??0;if(e&&"path"in e&&e.path){if(!o||!t)return -1;let s=o.getData(t,e.path,n??R.DEFAULT_SURFACE_ID);return typeof s=="string"&&(s=Number.parseInt(s,10),Number.isNaN(s)&&(s=null)),s===null||typeof s!="number"?-1:s}}return 0}function d(...e){let t=[];for(let o of e)if(o){if(typeof o=="string")t.push(o);else if(typeof o=="object")for(let[n,s]of Object.entries(o))s&&t.push(n);}return t.join(" ")}function j({component:e,processor:t,surfaceId:o,text:n,usageHint:s="body",markdown:r=true}){let i=m(),a=g(n,e,t,o);if(!a)return jsxRuntime.jsx("span",{className:"text-gray-400",children:"(empty)"});let c=A(i.components.Text.all,s?i.components.Text[s]:{});if(r){let u=()=>{switch(s){case "h1":return `# ${a}`;case "h2":return `## ${a}`;case "h3":return `### ${a}`;case "h4":return `#### ${a}`;case "h5":return `##### ${a}`;case "caption":return `*${a}*`;default:return a}};return jsxRuntime.jsx("section",{className:d(c),children:jsxRuntime.jsx(nt__default.default,{components:{p:({children:l})=>jsxRuntime.jsx("p",{className:i.markdown.p.join(" "),children:l}),h1:({children:l})=>jsxRuntime.jsx("h1",{className:i.markdown.h1.join(" "),children:l}),h2:({children:l})=>jsxRuntime.jsx("h2",{className:i.markdown.h2.join(" "),children:l}),h3:({children:l})=>jsxRuntime.jsx("h3",{className:i.markdown.h3.join(" "),children:l}),h4:({children:l})=>jsxRuntime.jsx("h4",{className:i.markdown.h4.join(" "),children:l}),h5:({children:l})=>jsxRuntime.jsx("h5",{className:i.markdown.h5.join(" "),children:l}),ul:({children:l})=>jsxRuntime.jsx("ul",{className:i.markdown.ul.join(" "),children:l}),ol:({children:l})=>jsxRuntime.jsx("ol",{className:i.markdown.ol.join(" "),children:l}),li:({children:l})=>jsxRuntime.jsx("li",{className:i.markdown.li.join(" "),children:l}),a:({children:l,href:b})=>jsxRuntime.jsx("a",{href:b,className:i.markdown.a.join(" "),children:l}),strong:({children:l})=>jsxRuntime.jsx("strong",{className:i.markdown.strong.join(" "),children:l}),em:({children:l})=>jsxRuntime.jsx("em",{className:i.markdown.em.join(" "),children:l})},children:u()})})}switch(s){case "h1":return jsxRuntime.jsx("h1",{className:d(c),children:a});case "h2":return jsxRuntime.jsx("h2",{className:d(c),children:a});case "h3":return jsxRuntime.jsx("h3",{className:d(c),children:a});case "h4":return jsxRuntime.jsx("h4",{className:d(c),children:a});case "h5":return jsxRuntime.jsx("h5",{className:d(c),children:a});case "caption":return jsxRuntime.jsx("span",{className:d(c),children:a});default:return jsxRuntime.jsx("p",{className:d(c),children:a})}}function B({component:e,processor:t,surfaceId:o,url:n,usageHint:s,fit:r="cover"}){let i=m(),a=g(n,e,t,o);if(!a)return jsxRuntime.jsx("div",{className:"text-gray-400",children:"(no image)"});let c=A(i.components.Image.all,s?i.components.Image[s]:{}),u={objectFit:r??"cover"};return jsxRuntime.jsx("img",{src:a,alt:"",className:d(c),style:u})}function F({component:e,processor:t,surfaceId:o,name:n,size:s=20,className:r,container:i,variant:a}){let c=m(),u=g(n,e,t,o);if(!u)return null;let l=u.split("-").map(S=>S.charAt(0).toUpperCase()+S.slice(1)).join(""),b=Ze__namespace[l]??Ze__namespace[u],p={blue:"bg-blue-50 text-blue-600",green:"bg-green-50 text-green-600",purple:"bg-purple-50 text-purple-600",orange:"bg-orange-50 text-orange-600",red:"bg-red-50 text-red-600",primary:"bg-primary/10 text-primary"},y=a?p[a]:p.primary,D=()=>b?jsxRuntime.jsx(b,{size:s,className:d(c.components.Icon,r)}):jsxRuntime.jsx("span",{className:d(c.components.Icon,"material-icons",r),style:{fontSize:s},children:u});return i?jsxRuntime.jsx("div",{className:d("flex shrink-0 items-center justify-center rounded-xl transition-all duration-300","group-hover:scale-110 group-hover:shadow-sm",y),style:{width:40,height:40},children:D()}):D()}function $({component:e,processor:t,surfaceId:o,url:n}){let s=m(),r=g(n,e,t,o);return r?jsxRuntime.jsx("section",{className:d(s.components.Video),children:jsxRuntime.jsx("video",{controls:true,src:r,className:"w-full"})}):jsxRuntime.jsx("div",{className:"text-gray-400",children:"(no video)"})}function L({component:e,processor:t,surfaceId:o,url:n,description:s}){let r=m(),i=g(n,e,t,o),a=s?g(s,e,t,o):void 0;return i?jsxRuntime.jsxs("section",{className:d(r.components.AudioPlayer),children:[a&&jsxRuntime.jsx("p",{className:"mb-2 text-sm",children:a}),jsxRuntime.jsx("audio",{controls:true,src:i,className:"w-full"})]}):jsxRuntime.jsx("div",{className:"text-gray-400",children:"(no audio)"})}function O({component:e,action:t,children:o,onAction:n}){let s=m(),r=()=>{if(!t||!n)return;let i={eventType:"a2ui.action",action:t,dataContextPath:e.dataContextPath??"/",sourceComponentId:e.id,sourceComponent:e};n(i);};return jsxRuntime.jsx("button",{type:"button",className:d(s.components.Button),onClick:r,children:o})}var Ge={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},Qe={start:"justify-start",center:"justify-center",end:"justify-end",spaceBetween:"justify-between",spaceAround:"justify-around",spaceEvenly:"justify-evenly"};function _({component:e,alignment:t="stretch",distribution:o="start",children:n}){let s=m(),r=Ge[t]??Ge.stretch,i=Qe[o]??Qe.start,a=e.properties??{},c=a.gap!==void 0?`gap-${a.gap}`:"";return jsxRuntime.jsx("section",{className:d(s.components.Row,r,i,c),children:n})}var Xe={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},et={start:"justify-start",center:"justify-center",end:"justify-end",spaceBetween:"justify-between",spaceAround:"justify-around",spaceEvenly:"justify-evenly"};function z({component:e,alignment:t="stretch",distribution:o="start",children:n}){let s=m(),r=Xe[t]??Xe.stretch,i=et[o]??et.start,a=e.properties??{},c=a.spaceY!==void 0?`space-y-${a.spaceY}`:"";return jsxRuntime.jsx("section",{className:d(s.components.Column,r,i,c),children:n})}function K({direction:e="vertical",children:t}){let o=m(),n=e==="horizontal"?"flex-row overflow-x-auto":"flex-col";return jsxRuntime.jsx("section",{className:d(o.components.List,n),children:t})}function H({children:e}){let t=m();return jsxRuntime.jsx("section",{className:d(t.components.Card),children:e})}function W({component:e,processor:t,surfaceId:o,titles:n,children:s}){let r=m(),[i,a]=react.useState(0),c=()=>jsxRuntime.jsx("div",{className:d(r.components.Tabs.element),children:n.map((l,b)=>{let p=g(l,e,t,o),y=i===b?A(r.components.Tabs.controls.all,r.components.Tabs.controls.selected):{...r.components.Tabs.controls.all};return jsxRuntime.jsx("button",{disabled:i===b,className:d(y),onClick:()=>a(b),children:p},b)})}),u=s?.[i];return jsxRuntime.jsxs("section",{className:d(r.components.Tabs.container),children:[c(),jsxRuntime.jsx("div",{className:"mt-4",children:u})]})}function J({axis:e="horizontal",thickness:t=1,color:o}){let n=m(),s={};o&&(s.borderColor=o),t&&(s.borderWidth=t);let r=e==="vertical"?"border-l h-full":"border-t w-full";return jsxRuntime.jsx("hr",{className:d(n.components.Divider,r),style:s})}function Y({entryPoint:e,content:t}){let o=m(),[n,s]=react.useState(false),r=react.useCallback(()=>{s(false);},[]);return react.useEffect(()=>{if(!n)return;let i=a=>{a.key==="Escape"&&r();};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[n,r]),n?jsxRuntime.jsx("dialog",{className:d(o.components.Modal.backdrop),open:true,role:"dialog","aria-modal":"true",onClick:i=>{i.target===i.currentTarget&&r();},children:jsxRuntime.jsxs("section",{className:d(o.components.Modal.element),children:[jsxRuntime.jsx("div",{className:"mb-2 flex justify-end",children:jsxRuntime.jsx("button",{type:"button",className:"rounded p-1 hover:bg-gray-100",onClick:r,"aria-label":"Close modal",children:"\u2715"})}),t]})}):jsxRuntime.jsx("button",{type:"button",onClick:()=>s(true),className:"cursor-pointer",children:e})}function q({component:e,processor:t,surfaceId:o,label:n,value:s}){let r=m(),i=g(n,e,t,o),a=false;s&&("literalBoolean"in s&&s.literalBoolean!==void 0?a=s.literalBoolean:"path"in s&&s.path&&t&&e&&(a=!!t.getData(e,s.path,o??R.DEFAULT_SURFACE_ID)));let c=u=>{!s||!t||!("path"in s)||!s.path||t.setData(e,s.path,u.target.checked,o??R.DEFAULT_SURFACE_ID);};return jsxRuntime.jsxs("section",{className:d(r.components.CheckBox.container),children:[jsxRuntime.jsx("input",{type:"checkbox",id:`checkbox-${e.id}`,className:d(r.components.CheckBox.element),checked:a,onChange:c}),jsxRuntime.jsx("label",{htmlFor:`checkbox-${e.id}`,className:d(r.components.CheckBox.label),children:i})]})}function Z({component:e,processor:t,surfaceId:o,label:n,text:s,type:r="shortText"}){let i=m(),a=g(n,e,t,o),c=s?g(s,e,t,o):"",u=p=>{!s||!t||!("path"in s)||!s.path||t.setData(e,s.path,p.target.value,o??R.DEFAULT_SURFACE_ID);},l=r==="number"?"number":r==="date"?"date":"text",b=r==="longText";return jsxRuntime.jsxs("section",{className:d(i.components.TextField.container),children:[a&&jsxRuntime.jsx("label",{htmlFor:`textfield-${e.id}`,className:d(i.components.TextField.label),children:a}),b?jsxRuntime.jsx("textarea",{id:`textfield-${e.id}`,className:d(i.components.TextField.element),value:c,onChange:u,placeholder:"Please enter a value",rows:4}):jsxRuntime.jsx("input",{id:`textfield-${e.id}`,type:l,className:d(i.components.TextField.element),value:c,onChange:u,placeholder:"Please enter a value",autoComplete:"off"})]})}function G({component:e,processor:t,surfaceId:o,value:n,enableDate:s=true,enableTime:r=true}){let i=m(),a=g(n,e,t,o),c=l=>{!n||!t||!("path"in n)||!n.path||t.setData(e,n.path,l.target.value,o??R.DEFAULT_SURFACE_ID);},u="datetime-local";return s&&!r?u="date":!s&&r&&(u="time"),jsxRuntime.jsx("section",{className:d(i.components.DateTimeInput.container),children:jsxRuntime.jsx("input",{type:u,id:`datetime-${e.id}`,className:d(i.components.DateTimeInput.element),value:a,onChange:c})})}function Q({component:e,processor:t,surfaceId:o,selections:n,options:s=[]}){let r=m(),i=a=>{!n||!t||!("path"in n)||!n.path||t.setData(e,n.path,[a.target.value],o??R.DEFAULT_SURFACE_ID);};return jsxRuntime.jsxs("section",{className:d(r.components.MultipleChoice.container),children:[jsxRuntime.jsx("label",{htmlFor:`multichoice-${e.id}`,className:d(r.components.MultipleChoice.label),children:"Select an item"}),jsxRuntime.jsx("select",{id:`multichoice-${e.id}`,className:d(r.components.MultipleChoice.element),onChange:i,children:s?.map((a,c)=>{let u=g(a.label,e,t,o);return jsxRuntime.jsx("option",{value:a.value,children:u},c)})})]})}function X({component:e,processor:t,surfaceId:o,value:n,minValue:s,maxValue:r}){let i=m(),a=M(n,e,t,o),c=typeof s=="number"?s:s?M(s,e,t,o):0,u=typeof r=="number"?r:r?M(r,e,t,o):100,l=b=>{!n||!t||!("path"in n)||!n.path||t.setData(e,n.path,Number(b.target.value),o??R.DEFAULT_SURFACE_ID);};return jsxRuntime.jsxs("section",{className:d(i.components.Slider.container),children:[jsxRuntime.jsx("input",{type:"range",id:`slider-${e.id}`,className:d(i.components.Slider.element),value:a,min:c,max:u,onChange:l}),jsxRuntime.jsx("span",{className:d(i.components.Slider.label),children:a})]})}var P=class{constructor(){T(this,"registry",new Map);}register(t,o){if(!/^[a-zA-Z0-9]+$/.test(t))throw new Error(`[Registry] Invalid typeName '${t}'. Must be alphanumeric.`);this.registry.set(t,o);}get(t){return this.registry.get(t)}has(t){return this.registry.has(t)}unregister(t){return this.registry.delete(t)}getRegisteredTypes(){return Array.from(this.registry.keys())}},V=new P;function E({processor:e,surfaceId:t,childComponents:o,enableCustomElements:n=false,onAction:s}){return !o||!Array.isArray(o)?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:o.map(r=>jsxRuntime.jsx(v,{component:r,processor:e,surfaceId:t,enableCustomElements:n,onAction:s},r.id))})}function v({component:e,processor:t,surfaceId:o,enableCustomElements:n,onAction:s}){if(n){let r=V.get(e.type);if(r)return jsxRuntime.jsx(r,{component:e,processor:t,surfaceId:o,...e.properties},e.id)}switch(e.type){case "Text":{let r=e;return jsxRuntime.jsx(j,{component:r,processor:t,surfaceId:o,text:r.properties.text,usageHint:r.properties.usageHint},r.id)}case "Image":{let r=e;return jsxRuntime.jsx(B,{component:r,processor:t,surfaceId:o,url:r.properties.url,usageHint:r.properties.usageHint,fit:r.properties.fit},r.id)}case "Icon":{let r=e;return jsxRuntime.jsx(F,{component:r,processor:t,surfaceId:o,name:r.properties.name,container:r.properties.container,variant:r.properties.variant,size:r.properties.size},r.id)}case "Video":{let r=e;return jsxRuntime.jsx($,{component:r,processor:t,surfaceId:o,url:r.properties.url},r.id)}case "AudioPlayer":{let r=e;return jsxRuntime.jsx(L,{component:r,processor:t,surfaceId:o,url:r.properties.url,description:r.properties.description},r.id)}case "Button":{let r=e;return jsxRuntime.jsx(O,{component:r,processor:t,surfaceId:o,action:r.properties.action,onAction:s,children:r.properties.child&&jsxRuntime.jsx(v,{component:r.properties.child,processor:t,surfaceId:o,enableCustomElements:n,onAction:s})},r.id)}case "Row":{let r=e;return jsxRuntime.jsx(_,{component:r,processor:t,surfaceId:o,alignment:r.properties.alignment,distribution:r.properties.distribution,children:r.properties.children?.map(i=>jsxRuntime.jsx(v,{component:i,processor:t,surfaceId:o,enableCustomElements:n,onAction:s},i.id))},r.id)}case "Column":{let r=e;return jsxRuntime.jsx(z,{component:r,processor:t,surfaceId:o,alignment:r.properties.alignment,distribution:r.properties.distribution,children:r.properties.children?.map(i=>jsxRuntime.jsx(v,{component:i,processor:t,surfaceId:o,enableCustomElements:n,onAction:s},i.id))},r.id)}case "List":{let r=e;return jsxRuntime.jsx(K,{component:r,processor:t,surfaceId:o,direction:r.properties.direction,children:r.properties.children?.map(i=>jsxRuntime.jsx(v,{component:i,processor:t,surfaceId:o,enableCustomElements:n,onAction:s},i.id))},r.id)}case "Card":{let r=e,i=r.properties.children??(r.properties.child?[r.properties.child]:[]);return jsxRuntime.jsx(H,{component:r,processor:t,surfaceId:o,children:i.map(a=>jsxRuntime.jsx(v,{component:a,processor:t,surfaceId:o,enableCustomElements:n,onAction:s},a.id))},r.id)}case "Tabs":{let r=e,i=r.properties.tabItems?.map(c=>c.title)??[],a=r.properties.tabItems?.map(c=>jsxRuntime.jsx(v,{component:c.child,processor:t,surfaceId:o,enableCustomElements:n,onAction:s},c.child.id));return jsxRuntime.jsx(W,{component:r,processor:t,surfaceId:o,titles:i,children:a},r.id)}case "Divider":{let r=e;return jsxRuntime.jsx(J,{component:r,processor:t,surfaceId:o,axis:r.properties.axis,thickness:r.properties.thickness,color:r.properties.color},r.id)}case "Modal":{let r=e;return jsxRuntime.jsx(Y,{component:r,processor:t,surfaceId:o,entryPoint:jsxRuntime.jsx(v,{component:r.properties.entryPointChild,processor:t,surfaceId:o,enableCustomElements:n,onAction:s}),content:jsxRuntime.jsx(v,{component:r.properties.contentChild,processor:t,surfaceId:o,enableCustomElements:n,onAction:s})},r.id)}case "CheckBox":{let r=e;return jsxRuntime.jsx(q,{component:r,processor:t,surfaceId:o,label:r.properties.label,value:r.properties.value},r.id)}case "TextField":{let r=e;return jsxRuntime.jsx(Z,{component:r,processor:t,surfaceId:o,label:r.properties.label,text:r.properties.text,type:r.properties.type,validationRegexp:r.properties.validationRegexp},r.id)}case "DateTimeInput":{let r=e;return jsxRuntime.jsx(G,{component:r,processor:t,surfaceId:o,value:r.properties.value,enableDate:r.properties.enableDate,enableTime:r.properties.enableTime},r.id)}case "MultipleChoice":{let r=e;return jsxRuntime.jsx(Q,{component:r,processor:t,surfaceId:o,selections:r.properties.selections,options:r.properties.options,maxAllowedSelections:r.properties.maxAllowedSelections},r.id)}case "Slider":{let r=e;return jsxRuntime.jsx(X,{component:r,processor:t,surfaceId:o,value:r.properties.value,minValue:r.properties.minValue,maxValue:r.properties.maxValue},r.id)}default:{if(n){let r=V.get(e.type);if(r)return jsxRuntime.jsx(r,{component:e,processor:t,surfaceId:o,...e.properties},e.id)}return jsxRuntime.jsxs("div",{className:"rounded border border-yellow-300 p-2 text-yellow-600",children:["Unknown component type: ",e.type]},e.id)}}}function Ve({surfaceId:e,surface:t,processor:o,enableCustomElements:n=false,onAction:s}){if(!t)return null;let r=()=>t.styles?.logoUrl?jsxRuntime.jsx("div",{className:"mb-4 flex justify-center",children:jsxRuntime.jsx("img",{src:t.styles.logoUrl,alt:"Logo",className:"w-1/2 max-w-[220px]"})}):null,i=()=>jsxRuntime.jsx(E,{surfaceId:e,processor:o,childComponents:t.componentTree?[t.componentTree]:null,enableCustomElements:n,onAction:s});return jsxRuntime.jsxs("div",{className:"a2ui-surface a2ui-root flex flex-col gap-8 p-10 pb-20",style:{"--p-50":t.styles?.primaryColor??"var(--primary)"},children:[r(),i()]})}function Ee({children:e,className:t}){let o=m();return jsxRuntime.jsx("div",{className:t,children:jsxRuntime.jsx(nt__default.default,{components:{p:({children:n})=>jsxRuntime.jsx("p",{className:o.markdown.p.join(" "),children:n}),h1:({children:n})=>jsxRuntime.jsx("h1",{className:o.markdown.h1.join(" "),children:n}),h2:({children:n})=>jsxRuntime.jsx("h2",{className:o.markdown.h2.join(" "),children:n}),h3:({children:n})=>jsxRuntime.jsx("h3",{className:o.markdown.h3.join(" "),children:n}),h4:({children:n})=>jsxRuntime.jsx("h4",{className:o.markdown.h4.join(" "),children:n}),h5:({children:n})=>jsxRuntime.jsx("h5",{className:o.markdown.h5.join(" "),children:n}),ul:({children:n})=>jsxRuntime.jsx("ul",{className:o.markdown.ul.join(" "),children:n}),ol:({children:n})=>jsxRuntime.jsx("ol",{className:o.markdown.ol.join(" "),children:n}),li:({children:n})=>jsxRuntime.jsx("li",{className:o.markdown.li.join(" "),children:n}),a:({children:n,href:s})=>jsxRuntime.jsx("a",{href:s,className:o.markdown.a.join(" "),children:n}),strong:({children:n})=>jsxRuntime.jsx("strong",{className:o.markdown.strong.join(" "),children:n}),em:({children:n})=>jsxRuntime.jsx("em",{className:o.markdown.em.join(" "),children:n})},children:e})})}function Ue(e){return jsxRuntime.jsx(nt__default.default,{children:e})}var je=react.createContext({processor:null,surfaceId:null});function Ut({processor:e,surfaceId:t="@default",children:o}){return jsxRuntime.jsx(je.Provider,{value:{processor:e,surfaceId:t},children:o})}function jt(){return react.useContext(je)}
|
|
2
|
-
|
|
1
|
+
'use strict';var a2uiCore=require('@zhama/a2ui-core'),kt=require('react-markdown'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),gt=require('lucide-react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var kt__default=/*#__PURE__*/_interopDefault(kt);var gt__namespace=/*#__PURE__*/_interopNamespace(gt);var Xe=Object.defineProperty;var wo=(e,t,o)=>t in e?Xe(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o;var $=(e,t)=>{for(var o in t)Xe(e,o,{get:t[o],enumerable:true});};var I=(e,t,o)=>wo(e,typeof t!="symbol"?t+"":t,o);var Qe={};$(Qe,{A2uiMessageProcessor:()=>y,createMessageProcessor:()=>Ze,isAnyComponentNode:()=>k,isBooleanValue:()=>Ve,isComponentArrayReference:()=>ae,isNumberValue:()=>$e,isObject:()=>f,isPath:()=>ne,isResolvedAudioPlayer:()=>se,isResolvedButton:()=>ie,isResolvedCard:()=>le,isResolvedCheckbox:()=>ce,isResolvedColumn:()=>pe,isResolvedDateTimeInput:()=>de,isResolvedDivider:()=>ue,isResolvedIcon:()=>fe,isResolvedImage:()=>me,isResolvedList:()=>he,isResolvedModal:()=>ge,isResolvedMultipleChoice:()=>xe,isResolvedRow:()=>be,isResolvedSlider:()=>ye,isResolvedTabItem:()=>Ee,isResolvedTabs:()=>ve,isResolvedText:()=>Ce,isResolvedTextField:()=>Re,isResolvedVideo:()=>we,isStringValue:()=>N,isValueMap:()=>qe});function qe(e){return f(e)}function ne(e,t){return e==="path"&&typeof t=="string"}function f(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ae(e){return f(e)?"explicitList"in e||"template"in e:false}function N(e){return !!(typeof e=="string"||f(e)&&"path"in e&&typeof e.path=="string")}function $e(e){return !!(typeof e=="number"||f(e)&&"path"in e&&typeof e.path=="string")}function Ve(e){return !!(typeof e=="boolean"||f(e)&&"path"in e&&typeof e.path=="string")}function k(e){return f(e)?"id"in e&&"type"in e&&"properties"in e:false}function se(e){return f(e)&&"url"in e&&N(e.url)}function ie(e){return f(e)&&"child"in e&&k(e.child)&&"action"in e}function le(e){return f(e)?"child"in e?k(e.child):"children"in e?Array.isArray(e.children)&&e.children.every(k):false:false}function ce(e){return f(e)&&"label"in e&&N(e.label)&&"value"in e&&Ve(e.value)}function pe(e){return f(e)&&"children"in e&&Array.isArray(e.children)&&e.children.every(k)}function de(e){return f(e)&&"value"in e&&N(e.value)}function ue(e){return f(e)}function me(e){return f(e)&&"url"in e&&N(e.url)}function fe(e){return f(e)&&"name"in e&&N(e.name)}function he(e){return f(e)&&"children"in e&&Array.isArray(e.children)&&e.children.every(k)}function ge(e){return f(e)&&"entryPointChild"in e&&k(e.entryPointChild)&&"contentChild"in e&&k(e.contentChild)}function xe(e){return f(e)&&"selections"in e}function be(e){return f(e)&&"children"in e&&Array.isArray(e.children)&&e.children.every(k)}function ye(e){return f(e)&&"value"in e&&$e(e.value)}function Ee(e){return f(e)&&"title"in e&&N(e.title)&&"child"in e&&k(e.child)}function ve(e){return f(e)&&"tabItems"in e&&Array.isArray(e.tabItems)&&e.tabItems.every(Ee)}function Ce(e){return f(e)&&"text"in e&&N(e.text)}function Re(e){return f(e)&&"label"in e&&N(e.label)}function we(e){return f(e)&&"url"in e&&N(e.url)}var B=class B{constructor(t={}){I(this,"mapCtor",Map);I(this,"arrayCtor",Array);I(this,"setCtor",Set);I(this,"objCtor",Object);I(this,"surfaces");this.arrayCtor=t.arrayCtor??Array,this.mapCtor=t.mapCtor??Map,this.setCtor=t.setCtor??Set,this.objCtor=t.objCtor??Object,this.surfaces=new this.mapCtor;}getSurfaces(){return this.surfaces}clearSurfaces(){this.surfaces.clear();}processMessages(t){console.log("[A2UI] processMessages called with",t.length,"messages");for(let o of t)"createSurface"in o?this.handleCreateSurface(o):"updateComponents"in o?this.handleUpdateComponents(o):"updateDataModel"in o?this.handleUpdateDataModel(o):"deleteSurface"in o?this.handleDeleteSurface(o):console.warn("[A2UI] Unknown message type:",Object.keys(o));}getData(t,o,n=B.DEFAULT_SURFACE_ID){let a=this.getOrCreateSurface(n);if(!a)return console.warn("[A2UI] getData: surface not found:",n),null;let r;return o==="."||o===""?r=t.dataContextPath??"/":r=this.resolvePath(o,t.dataContextPath),this.getDataByPath(a.dataModel,r)}setData(t,o,n,a=B.DEFAULT_SURFACE_ID){if(!t){console.warn("No component node set");return}let r=this.getOrCreateSurface(a);if(!r)return;let s;o==="."||o===""?s=t.dataContextPath??"/":s=this.resolvePath(o,t.dataContextPath),this.setDataByPath(r.dataModel,s,n);}resolvePath(t,o){return t.startsWith("/")?t:o&&o!=="/"?o.endsWith("/")?`${o}${t}`:`${o}/${t}`:`/${t}`}handleCreateSurface(t){let{createSurface:o}=t,n=o.surfaceId,a=this.getOrCreateSurface(n);a.catalogId=o.catalogId;}handleUpdateComponents(t){let{updateComponents:o}=t,n=o.surfaceId,a=this.getOrCreateSurface(n);for(let r of o.components)a.components.set(r.id,r),a.rootComponentId||(a.rootComponentId=r.id);this.rebuildComponentTree(a);}handleUpdateDataModel(t){let{updateDataModel:o}=t,n=o.surfaceId,a=this.getOrCreateSurface(n),r=o.path??"/",s=o.op??"replace",i=o.value;s==="remove"?this.removeDataByPath(a.dataModel,r):i!==void 0&&this.setDataByPath(a.dataModel,r,i),this.rebuildComponentTree(a);}handleDeleteSurface(t){let{deleteSurface:o}=t;this.surfaces.delete(o.surfaceId);}setDataByPath(t,o,n){let a=this.normalizePath(o).split("/").filter(i=>i);if(a.length===0){if(f(n)&&!(n instanceof Map)){t.clear();for(let[i,l]of Object.entries(n))t.set(i,l);}return}let r=t;for(let i=0;i<a.length-1;i++){let l=a[i],c;if(r instanceof Map?c=r.get(l):Array.isArray(r)&&/^\d+$/.test(l)&&(c=r[parseInt(l,10)]),c===void 0||typeof c!="object"||c===null){let u=new this.mapCtor;r instanceof Map?r.set(l,u):Array.isArray(r)&&(r[parseInt(l,10)]=u),c=u;}r=c;}let s=a[a.length-1];r instanceof Map?r.set(s,n):Array.isArray(r)&&/^\d+$/.test(s)&&(r[parseInt(s,10)]=n);}removeDataByPath(t,o){let n=this.normalizePath(o).split("/").filter(s=>s);if(n.length===0){t.clear();return}let a=t;for(let s=0;s<n.length-1;s++){let i=n[s],l;if(a instanceof Map?l=a.get(i):Array.isArray(a)&&/^\d+$/.test(i)&&(l=a[parseInt(i,10)]),l===void 0||typeof l!="object"||l===null)return;a=l;}let r=n[n.length-1];a instanceof Map&&a.delete(r);}normalizePath(t){return "/"+t.replace(/\[(\d+)\]/g,".$1").split(".").filter(a=>a.length>0).join("/")}getDataByPath(t,o){let n=this.normalizePath(o).split("/").filter(r=>r),a=t;for(let r of n){if(a==null)return null;if(a instanceof Map)a=a.get(r);else if(Array.isArray(a)&&/^\d+$/.test(r))a=a[parseInt(r,10)];else if(f(a))a=a[r];else return null}return a??null}getOrCreateSurface(t){let o=this.surfaces.get(t);return o||(o={rootComponentId:null,componentTree:null,dataModel:new this.mapCtor,components:new this.mapCtor,styles:{}},this.surfaces.set(t,o)),o}rebuildComponentTree(t){if(!t.rootComponentId){t.componentTree=null;return}let o=new this.setCtor;t.componentTree=this.buildNodeRecursive(t.rootComponentId,t,o,"/","");}buildNodeRecursive(t,o,n,a,r=""){let s=`${t}${r}`,{components:i}=o;if(!i.has(t))return null;if(n.has(s))throw new Error(`Circular dependency for component "${s}".`);n.add(s);let l=i.get(t),c=l.component,u={...l};delete u.id,delete u.component;let d={};for(let[P,D]of Object.entries(u))d[P]=this.resolvePropertyValue(D,o,n,a,r);n.delete(s);let w=l.weight,x={id:s,dataContextPath:a,weight:typeof w=="number"||typeof w=="string"?w:void 0};switch(c){case "Text":if(!Ce(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Text",properties:d};case "Image":if(!me(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Image",properties:d};case "Icon":if(!fe(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Icon",properties:d};case "Video":if(!we(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Video",properties:d};case "AudioPlayer":if(!se(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"AudioPlayer",properties:d};case "Row":if(!be(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Row",properties:d};case "Column":if(!pe(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Column",properties:d};case "List":if(!he(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"List",properties:d};case "Card":if(!le(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Card",properties:d};case "Tabs":if(!ve(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Tabs",properties:d};case "Divider":if(!ue(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Divider",properties:d};case "Modal":if(!ge(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Modal",properties:d};case "Button":if(!ie(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Button",properties:d};case "CheckBox":if(!ce(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"CheckBox",properties:d};case "TextField":if(!Re(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"TextField",properties:d};case "DateTimeInput":if(!de(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"DateTimeInput",properties:d};case "MultipleChoice":if(!xe(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"MultipleChoice",properties:d};case "Slider":if(!ye(d))throw new Error(`Invalid data; expected ${c}`);return {...x,type:"Slider",properties:d};default:return {...x,type:c,properties:d}}}resolvePropertyValue(t,o,n,a,r=""){if(typeof t=="string"&&o.components.has(t))return this.buildNodeRecursive(t,o,n,a,r);if(ae(t)){if(t.explicitList)return t.explicitList.map(s=>this.buildNodeRecursive(s,o,n,a,r));if(t.template){let s=this.resolvePath(t.template.dataBinding,a),i=this.getDataByPath(o.dataModel,s),l=t.template;return Array.isArray(i)?i.map((c,u)=>{let x=`:${[...a.split("/").filter(D=>/^\d+$/.test(D)),u].join(":")}`,P=`${s}/${u}`;return this.buildNodeRecursive(l.componentId,o,n,P,x)}):i instanceof Map?Array.from(i.keys(),c=>{let u=`:${c}`,d=`${s}/${c}`;return this.buildNodeRecursive(l.componentId,o,n,d,u)}):[]}}if(Array.isArray(t))return t.map(s=>this.resolvePropertyValue(s,o,n,a,r));if(f(t)){let s={};for(let[i,l]of Object.entries(t)){let c=l;if(ne(i,l)&&a!=="/"){c=l.replace(/^\.?\/item/,"").replace(/^\.?\/text/,"").replace(/^\.?\/label/,"").replace(/^\.?\//,""),s[i]=c;continue}s[i]=this.resolvePropertyValue(c,o,n,a,r);}return s}return t}};I(B,"DEFAULT_SURFACE_ID","@default");var y=B;function Ze(){return new y}var tt={};$(tt,{A2UI_EVENT_NAME:()=>et});var et="a2uiaction";var ot={};$(ot,{A2UI_EXTENSION_URI:()=>a2uiCore.A2UI_EXTENSION_URI,A2UI_MIME_TYPE:()=>a2uiCore.A2UI_MIME_TYPE,STANDARD_CATALOG_ID:()=>a2uiCore.STANDARD_CATALOG_ID,isV09Message:()=>a2uiCore.isV09Message});var mt={};$(mt,{GRID:()=>S,PALETTE_KEYS:()=>je,SHADES:()=>Ne,appendToAll:()=>ct,baseStyles:()=>rt,behaviorStyles:()=>ke,borderStyles:()=>Se,classesToString:()=>pt,cloneDefaultTheme:()=>lt,cn:()=>ut,colorStyles:()=>Ie,createTheme:()=>st,defaultTheme:()=>M,getA2UIStyles:()=>nt,getInverseKey:()=>Be,iconStyles:()=>Te,layoutStyles:()=>Ae,merge:()=>T,mergeStyles:()=>it,structuralStyles:()=>A,stylesToCSS:()=>dt,toProp:()=>C,typographyStyles:()=>Me});function To(){let e=[];for(let t=0;t<=100;t+=5){let o=t/100;e.push(`.a2-opacity-${t} { opacity: ${o}; }`);}for(let t=0;t<=100;t+=5){let o=t/100;e.push(`.a2-ho-${t}:hover { opacity: ${o}; }`);}return e.push(`
|
|
2
|
+
.a2-cursor-auto { cursor: auto; }
|
|
3
|
+
.a2-cursor-default { cursor: default; }
|
|
4
|
+
.a2-cursor-pointer { cursor: pointer; }
|
|
5
|
+
.a2-cursor-wait { cursor: wait; }
|
|
6
|
+
.a2-cursor-text { cursor: text; }
|
|
7
|
+
.a2-cursor-move { cursor: move; }
|
|
8
|
+
.a2-cursor-help { cursor: help; }
|
|
9
|
+
.a2-cursor-not-allowed { cursor: not-allowed; }
|
|
10
|
+
.a2-cursor-none { cursor: none; }
|
|
11
|
+
.a2-cursor-grab { cursor: grab; }
|
|
12
|
+
.a2-cursor-grabbing { cursor: grabbing; }
|
|
13
|
+
`),e.push(`
|
|
14
|
+
.a2-pe-none { pointer-events: none; }
|
|
15
|
+
.a2-pe-auto { pointer-events: auto; }
|
|
16
|
+
`),e.push(`
|
|
17
|
+
.a2-select-none { user-select: none; }
|
|
18
|
+
.a2-select-text { user-select: text; }
|
|
19
|
+
.a2-select-all { user-select: all; }
|
|
20
|
+
.a2-select-auto { user-select: auto; }
|
|
21
|
+
`),e.push(`
|
|
22
|
+
.a2-visible { visibility: visible; }
|
|
23
|
+
.a2-invisible { visibility: hidden; }
|
|
24
|
+
.a2-collapse { visibility: collapse; }
|
|
25
|
+
`),e.push(`
|
|
26
|
+
.a2-transition-none { transition-property: none; }
|
|
27
|
+
.a2-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
28
|
+
.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; }
|
|
29
|
+
.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; }
|
|
30
|
+
.a2-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
31
|
+
.a2-transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
32
|
+
.a2-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
33
|
+
`),e.push(`
|
|
34
|
+
.a2-duration-75 { transition-duration: 75ms; }
|
|
35
|
+
.a2-duration-100 { transition-duration: 100ms; }
|
|
36
|
+
.a2-duration-150 { transition-duration: 150ms; }
|
|
37
|
+
.a2-duration-200 { transition-duration: 200ms; }
|
|
38
|
+
.a2-duration-300 { transition-duration: 300ms; }
|
|
39
|
+
.a2-duration-500 { transition-duration: 500ms; }
|
|
40
|
+
.a2-duration-700 { transition-duration: 700ms; }
|
|
41
|
+
.a2-duration-1000 { transition-duration: 1000ms; }
|
|
42
|
+
`),e.push(`
|
|
43
|
+
.a2-ease-linear { transition-timing-function: linear; }
|
|
44
|
+
.a2-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
|
|
45
|
+
.a2-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
|
|
46
|
+
.a2-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
|
|
47
|
+
`),e.push(`
|
|
48
|
+
.a2-scale-0 { transform: scale(0); }
|
|
49
|
+
.a2-scale-50 { transform: scale(0.5); }
|
|
50
|
+
.a2-scale-75 { transform: scale(0.75); }
|
|
51
|
+
.a2-scale-90 { transform: scale(0.9); }
|
|
52
|
+
.a2-scale-95 { transform: scale(0.95); }
|
|
53
|
+
.a2-scale-100 { transform: scale(1); }
|
|
54
|
+
.a2-scale-105 { transform: scale(1.05); }
|
|
55
|
+
.a2-scale-110 { transform: scale(1.1); }
|
|
56
|
+
.a2-scale-125 { transform: scale(1.25); }
|
|
57
|
+
.a2-scale-150 { transform: scale(1.5); }
|
|
58
|
+
|
|
59
|
+
.a2-rotate-0 { transform: rotate(0deg); }
|
|
60
|
+
.a2-rotate-1 { transform: rotate(1deg); }
|
|
61
|
+
.a2-rotate-2 { transform: rotate(2deg); }
|
|
62
|
+
.a2-rotate-3 { transform: rotate(3deg); }
|
|
63
|
+
.a2-rotate-6 { transform: rotate(6deg); }
|
|
64
|
+
.a2-rotate-12 { transform: rotate(12deg); }
|
|
65
|
+
.a2-rotate-45 { transform: rotate(45deg); }
|
|
66
|
+
.a2-rotate-90 { transform: rotate(90deg); }
|
|
67
|
+
.a2-rotate-180 { transform: rotate(180deg); }
|
|
68
|
+
|
|
69
|
+
.a2-translate-x-0 { transform: translateX(0); }
|
|
70
|
+
.a2-translate-y-0 { transform: translateY(0); }
|
|
71
|
+
.a2--translate-y-1 { transform: translateY(-4px); }
|
|
72
|
+
.a2--translate-y-2 { transform: translateY(-8px); }
|
|
73
|
+
.a2--translate-y-4 { transform: translateY(-16px); }
|
|
74
|
+
.a2-translate-y-1 { transform: translateY(4px); }
|
|
75
|
+
.a2-translate-y-2 { transform: translateY(8px); }
|
|
76
|
+
.a2-translate-y-4 { transform: translateY(16px); }
|
|
77
|
+
`),e.push(`
|
|
78
|
+
.a2-hover-scale-105:hover { transform: scale(1.05); }
|
|
79
|
+
.a2-hover-scale-110:hover { transform: scale(1.1); }
|
|
80
|
+
.a2-hover--translate-y-1:hover { transform: translateY(-4px); }
|
|
81
|
+
.a2-hover--translate-y-2:hover { transform: translateY(-8px); }
|
|
82
|
+
`),e.push(`
|
|
83
|
+
.a2-active-scale-95:active { transform: scale(0.95); }
|
|
84
|
+
.a2-active-scale-90:active { transform: scale(0.9); }
|
|
85
|
+
`),e.push(`
|
|
86
|
+
.a2-shadow-none { box-shadow: 0 0 #0000; }
|
|
87
|
+
.a2-shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
|
|
88
|
+
.a2-shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
|
|
89
|
+
.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); }
|
|
90
|
+
.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); }
|
|
91
|
+
.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); }
|
|
92
|
+
.a2-shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); }
|
|
93
|
+
.a2-shadow-inner { box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); }
|
|
94
|
+
`),e.push(`
|
|
95
|
+
.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); }
|
|
96
|
+
.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); }
|
|
97
|
+
.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); }
|
|
98
|
+
`),e.push(`
|
|
99
|
+
.a2-blur-none { backdrop-filter: none; }
|
|
100
|
+
.a2-blur-sm { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
|
|
101
|
+
.a2-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
|
|
102
|
+
.a2-blur-md { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
|
|
103
|
+
.a2-blur-lg { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
|
|
104
|
+
.a2-blur-xl { backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
|
|
105
|
+
.a2-blur-2xl { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
|
|
106
|
+
.a2-blur-3xl { backdrop-filter: blur(64px); -webkit-backdrop-filter: blur(64px); }
|
|
107
|
+
`),e.push(`
|
|
108
|
+
.a2-focus-visible-ring:focus-visible {
|
|
109
|
+
outline: 2px solid var(--p-50, currentColor);
|
|
110
|
+
outline-offset: 2px;
|
|
111
|
+
}
|
|
112
|
+
.a2-focus-visible-none:focus-visible {
|
|
113
|
+
outline: none;
|
|
114
|
+
}
|
|
115
|
+
`),e.push(`
|
|
116
|
+
.a2-disabled:disabled,
|
|
117
|
+
.a2-disabled[disabled] {
|
|
118
|
+
opacity: 0.5;
|
|
119
|
+
pointer-events: none;
|
|
120
|
+
cursor: not-allowed;
|
|
121
|
+
}
|
|
122
|
+
`),e.push(`
|
|
123
|
+
.a2-scrollbar-none {
|
|
124
|
+
scrollbar-width: none;
|
|
125
|
+
-ms-overflow-style: none;
|
|
126
|
+
}
|
|
127
|
+
.a2-scrollbar-none::-webkit-scrollbar {
|
|
128
|
+
display: none;
|
|
129
|
+
}
|
|
130
|
+
.a2-scrollbar-thin {
|
|
131
|
+
scrollbar-width: thin;
|
|
132
|
+
}
|
|
133
|
+
`),e.join(`
|
|
134
|
+
`)}var ke=To();var S=4,Ne=[0,5,10,15,20,25,30,35,40,50,60,70,80,90,95,98,99,100],je=["p","s","t","n","nv","e"];function C(e){return `--${e.replace(/([a-z]+)(\d+)/,"$1-$2")}`}function Be(e){let t=e.match(/^([a-z]+)(\d+)$/);if(!t)return e;let o=t[1],n=t[2];if(!o||!n)return e;let r=100-parseInt(n,10),s=Ne.reduce((i,l)=>Math.abs(l-r)<Math.abs(i-r)?l:i);return `${o}${s}`}function Ao(){let e=[];for(let t=0;t<=24;t++)e.push(`.a2-br-${t} { border-radius: ${t*4}px; }`);e.push(`
|
|
135
|
+
.a2-br-none { border-radius: 0; }
|
|
136
|
+
.a2-br-sm { border-radius: 2px; }
|
|
137
|
+
.a2-br-md { border-radius: 6px; }
|
|
138
|
+
.a2-br-lg { border-radius: 8px; }
|
|
139
|
+
.a2-br-xl { border-radius: 12px; }
|
|
140
|
+
.a2-br-2xl { border-radius: 16px; }
|
|
141
|
+
.a2-br-3xl { border-radius: 24px; }
|
|
142
|
+
.a2-br-full { border-radius: 9999px; }
|
|
143
|
+
.a2-br-50pc { border-radius: 50%; }
|
|
144
|
+
`);for(let t=0;t<=8;t++){let o=t*4;e.push(`
|
|
145
|
+
.a2-br-t-${t} { border-top-left-radius: ${o}px; border-top-right-radius: ${o}px; }
|
|
146
|
+
.a2-br-r-${t} { border-top-right-radius: ${o}px; border-bottom-right-radius: ${o}px; }
|
|
147
|
+
.a2-br-b-${t} { border-bottom-left-radius: ${o}px; border-bottom-right-radius: ${o}px; }
|
|
148
|
+
.a2-br-l-${t} { border-top-left-radius: ${o}px; border-bottom-left-radius: ${o}px; }
|
|
149
|
+
.a2-br-tl-${t} { border-top-left-radius: ${o}px; }
|
|
150
|
+
.a2-br-tr-${t} { border-top-right-radius: ${o}px; }
|
|
151
|
+
.a2-br-bl-${t} { border-bottom-left-radius: ${o}px; }
|
|
152
|
+
.a2-br-br-${t} { border-bottom-right-radius: ${o}px; }
|
|
153
|
+
`);}for(let t=0;t<=8;t++)e.push(`
|
|
154
|
+
.a2-bw-${t} { border-width: ${t}px; }
|
|
155
|
+
.a2-bw-t-${t} { border-top-width: ${t}px; }
|
|
156
|
+
.a2-bw-r-${t} { border-right-width: ${t}px; }
|
|
157
|
+
.a2-bw-b-${t} { border-bottom-width: ${t}px; }
|
|
158
|
+
.a2-bw-l-${t} { border-left-width: ${t}px; }
|
|
159
|
+
.a2-bw-x-${t} { border-left-width: ${t}px; border-right-width: ${t}px; }
|
|
160
|
+
.a2-bw-y-${t} { border-top-width: ${t}px; border-bottom-width: ${t}px; }
|
|
161
|
+
`);return e.push(`
|
|
162
|
+
.a2-bs-none { border-style: none; }
|
|
163
|
+
.a2-bs-solid { border-style: solid; }
|
|
164
|
+
.a2-bs-dashed { border-style: dashed; }
|
|
165
|
+
.a2-bs-dotted { border-style: dotted; }
|
|
166
|
+
.a2-bs-double { border-style: double; }
|
|
167
|
+
.a2-bs-hidden { border-style: hidden; }
|
|
168
|
+
`),e.push(`
|
|
169
|
+
.a2-border { border-width: 1px; border-style: solid; }
|
|
170
|
+
.a2-border-t { border-top-width: 1px; border-top-style: solid; }
|
|
171
|
+
.a2-border-r { border-right-width: 1px; border-right-style: solid; }
|
|
172
|
+
.a2-border-b { border-bottom-width: 1px; border-bottom-style: solid; }
|
|
173
|
+
.a2-border-l { border-left-width: 1px; border-left-style: solid; }
|
|
174
|
+
.a2-border-x { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; }
|
|
175
|
+
.a2-border-y { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }
|
|
176
|
+
.a2-border-none { border: none; }
|
|
177
|
+
`),e.push(`
|
|
178
|
+
.a2-divide-y > * + * { border-top-width: 1px; border-top-style: solid; }
|
|
179
|
+
.a2-divide-x > * + * { border-left-width: 1px; border-left-style: solid; }
|
|
180
|
+
`),e.push(`
|
|
181
|
+
.a2-outline-none { outline: 2px solid transparent; outline-offset: 2px; }
|
|
182
|
+
.a2-outline { outline-style: solid; }
|
|
183
|
+
.a2-outline-dashed { outline-style: dashed; }
|
|
184
|
+
.a2-outline-dotted { outline-style: dotted; }
|
|
185
|
+
.a2-outline-double { outline-style: double; }
|
|
186
|
+
`),e.push(`
|
|
187
|
+
.a2-ring-0 { box-shadow: 0 0 0 0px var(--a2-ring-color, currentColor); }
|
|
188
|
+
.a2-ring-1 { box-shadow: 0 0 0 1px var(--a2-ring-color, currentColor); }
|
|
189
|
+
.a2-ring-2 { box-shadow: 0 0 0 2px var(--a2-ring-color, currentColor); }
|
|
190
|
+
.a2-ring-4 { box-shadow: 0 0 0 4px var(--a2-ring-color, currentColor); }
|
|
191
|
+
.a2-ring-inset { box-shadow: inset 0 0 0 2px var(--a2-ring-color, currentColor); }
|
|
192
|
+
.a2-ring-primary { --a2-ring-color: light-dark(var(--p-35), var(--p-60)); }
|
|
193
|
+
`),e.join(`
|
|
194
|
+
`)}var Se=Ao();function Mo(e){let t=[];for(let o of Ne){let n=`${e}${o}`,a=Be(n);t.push(`.a2-bc-${n} { border-color: light-dark(var(${C(n)}), var(${C(a)})); }`),t.push(`.a2-bgc-${n} { background-color: light-dark(var(${C(n)}), var(${C(a)})); }`),t.push(`.a2-bbgc-${n}::backdrop { background-color: light-dark(var(${C(n)}), var(${C(a)})); }`);for(let r=1;r<=9;r++){let s=r*10;t.push(`
|
|
195
|
+
.a2-bgc-${n}_${s} {
|
|
196
|
+
background-color: light-dark(
|
|
197
|
+
oklch(from var(${C(n)}) l c h / ${r/10}),
|
|
198
|
+
oklch(from var(${C(a)}) l c h / ${r/10})
|
|
199
|
+
);
|
|
200
|
+
}
|
|
201
|
+
.a2-bbgc-${n}_${s}::backdrop {
|
|
202
|
+
background-color: light-dark(
|
|
203
|
+
oklch(from var(${C(n)}) l c h / ${r/10}),
|
|
204
|
+
oklch(from var(${C(a)}) l c h / ${r/10})
|
|
205
|
+
);
|
|
206
|
+
}
|
|
207
|
+
`);}t.push(`.a2-c-${n} { color: light-dark(var(${C(n)}), var(${C(a)})); }`);}return t.join(`
|
|
208
|
+
`)}function Po(){let e=[];e.push(`
|
|
209
|
+
:root, :host, .a2ui-root {
|
|
210
|
+
/* Primary */
|
|
211
|
+
--p-0: oklch(100% 0 0);
|
|
212
|
+
--p-5: oklch(97.8% 0.014 238.66);
|
|
213
|
+
--p-10: oklch(95.3% 0.026 236.62);
|
|
214
|
+
--p-15: oklch(92.8% 0.039 235.74);
|
|
215
|
+
--p-20: oklch(90.3% 0.052 235.13);
|
|
216
|
+
--p-25: oklch(87.8% 0.064 234.68);
|
|
217
|
+
--p-30: oklch(85.3% 0.076 234.33);
|
|
218
|
+
--p-35: oklch(78.8% 0.108 233.32);
|
|
219
|
+
--p-40: oklch(72.3% 0.139 232.51);
|
|
220
|
+
--p-50: oklch(64.8% 0.161 232.01);
|
|
221
|
+
--p-60: oklch(57.3% 0.174 231.57);
|
|
222
|
+
--p-70: oklch(49.8% 0.171 231.41);
|
|
223
|
+
--p-80: oklch(42.3% 0.154 231.36);
|
|
224
|
+
--p-90: oklch(34.8% 0.128 231.43);
|
|
225
|
+
--p-95: oklch(29.8% 0.105 231.5);
|
|
226
|
+
--p-98: oklch(26.3% 0.088 231.55);
|
|
227
|
+
--p-99: oklch(24.8% 0.079 231.58);
|
|
228
|
+
--p-100: oklch(23.3% 0.071 231.6);
|
|
229
|
+
|
|
230
|
+
/* Secondary */
|
|
231
|
+
--s-0: oklch(100% 0 0);
|
|
232
|
+
--s-5: oklch(97.8% 0.012 285);
|
|
233
|
+
--s-10: oklch(95.3% 0.024 285);
|
|
234
|
+
--s-15: oklch(92.8% 0.036 285);
|
|
235
|
+
--s-20: oklch(90.3% 0.048 285);
|
|
236
|
+
--s-25: oklch(87.8% 0.06 285);
|
|
237
|
+
--s-30: oklch(85.3% 0.072 285);
|
|
238
|
+
--s-35: oklch(78.8% 0.096 285);
|
|
239
|
+
--s-40: oklch(72.3% 0.12 285);
|
|
240
|
+
--s-50: oklch(64.8% 0.144 285);
|
|
241
|
+
--s-60: oklch(57.3% 0.156 285);
|
|
242
|
+
--s-70: oklch(49.8% 0.156 285);
|
|
243
|
+
--s-80: oklch(42.3% 0.14 285);
|
|
244
|
+
--s-90: oklch(34.8% 0.116 285);
|
|
245
|
+
--s-95: oklch(29.8% 0.096 285);
|
|
246
|
+
--s-98: oklch(26.3% 0.08 285);
|
|
247
|
+
--s-99: oklch(24.8% 0.072 285);
|
|
248
|
+
--s-100: oklch(23.3% 0.064 285);
|
|
249
|
+
|
|
250
|
+
/* Tertiary */
|
|
251
|
+
--t-0: oklch(100% 0 0);
|
|
252
|
+
--t-5: oklch(97.8% 0.012 160);
|
|
253
|
+
--t-10: oklch(95.3% 0.024 160);
|
|
254
|
+
--t-15: oklch(92.8% 0.036 160);
|
|
255
|
+
--t-20: oklch(90.3% 0.048 160);
|
|
256
|
+
--t-25: oklch(87.8% 0.06 160);
|
|
257
|
+
--t-30: oklch(85.3% 0.072 160);
|
|
258
|
+
--t-35: oklch(78.8% 0.096 160);
|
|
259
|
+
--t-40: oklch(72.3% 0.12 160);
|
|
260
|
+
--t-50: oklch(64.8% 0.144 160);
|
|
261
|
+
--t-60: oklch(57.3% 0.156 160);
|
|
262
|
+
--t-70: oklch(49.8% 0.156 160);
|
|
263
|
+
--t-80: oklch(42.3% 0.14 160);
|
|
264
|
+
--t-90: oklch(34.8% 0.116 160);
|
|
265
|
+
--t-95: oklch(29.8% 0.096 160);
|
|
266
|
+
--t-98: oklch(26.3% 0.08 160);
|
|
267
|
+
--t-99: oklch(24.8% 0.072 160);
|
|
268
|
+
--t-100: oklch(23.3% 0.064 160);
|
|
269
|
+
|
|
270
|
+
/* Neutral */
|
|
271
|
+
--n-0: oklch(100% 0 0);
|
|
272
|
+
--n-5: oklch(97% 0 0);
|
|
273
|
+
--n-10: oklch(94% 0 0);
|
|
274
|
+
--n-15: oklch(91% 0 0);
|
|
275
|
+
--n-20: oklch(88% 0 0);
|
|
276
|
+
--n-25: oklch(85% 0 0);
|
|
277
|
+
--n-30: oklch(82% 0 0);
|
|
278
|
+
--n-35: oklch(75% 0 0);
|
|
279
|
+
--n-40: oklch(68% 0 0);
|
|
280
|
+
--n-50: oklch(58% 0 0);
|
|
281
|
+
--n-60: oklch(48% 0 0);
|
|
282
|
+
--n-70: oklch(38% 0 0);
|
|
283
|
+
--n-80: oklch(30% 0 0);
|
|
284
|
+
--n-90: oklch(22% 0 0);
|
|
285
|
+
--n-95: oklch(18% 0 0);
|
|
286
|
+
--n-98: oklch(15% 0 0);
|
|
287
|
+
--n-99: oklch(13% 0 0);
|
|
288
|
+
--n-100: oklch(11% 0 0);
|
|
289
|
+
|
|
290
|
+
/* Neutral Variant */
|
|
291
|
+
--nv-0: oklch(100% 0 0);
|
|
292
|
+
--nv-5: oklch(97% 0.006 240);
|
|
293
|
+
--nv-10: oklch(94% 0.012 240);
|
|
294
|
+
--nv-15: oklch(91% 0.018 240);
|
|
295
|
+
--nv-20: oklch(88% 0.024 240);
|
|
296
|
+
--nv-25: oklch(85% 0.03 240);
|
|
297
|
+
--nv-30: oklch(82% 0.036 240);
|
|
298
|
+
--nv-35: oklch(75% 0.048 240);
|
|
299
|
+
--nv-40: oklch(68% 0.06 240);
|
|
300
|
+
--nv-50: oklch(58% 0.072 240);
|
|
301
|
+
--nv-60: oklch(48% 0.078 240);
|
|
302
|
+
--nv-70: oklch(38% 0.078 240);
|
|
303
|
+
--nv-80: oklch(30% 0.07 240);
|
|
304
|
+
--nv-90: oklch(22% 0.058 240);
|
|
305
|
+
--nv-95: oklch(18% 0.048 240);
|
|
306
|
+
--nv-98: oklch(15% 0.04 240);
|
|
307
|
+
--nv-99: oklch(13% 0.036 240);
|
|
308
|
+
--nv-100: oklch(11% 0.032 240);
|
|
309
|
+
|
|
310
|
+
/* Error */
|
|
311
|
+
--e-0: oklch(100% 0 0);
|
|
312
|
+
--e-5: oklch(97.8% 0.016 25);
|
|
313
|
+
--e-10: oklch(95.3% 0.032 25);
|
|
314
|
+
--e-15: oklch(92.8% 0.048 25);
|
|
315
|
+
--e-20: oklch(90.3% 0.064 25);
|
|
316
|
+
--e-25: oklch(87.8% 0.08 25);
|
|
317
|
+
--e-30: oklch(85.3% 0.096 25);
|
|
318
|
+
--e-35: oklch(78.8% 0.128 25);
|
|
319
|
+
--e-40: oklch(72.3% 0.16 25);
|
|
320
|
+
--e-50: oklch(64.8% 0.192 25);
|
|
321
|
+
--e-60: oklch(57.3% 0.208 25);
|
|
322
|
+
--e-70: oklch(49.8% 0.208 25);
|
|
323
|
+
--e-80: oklch(42.3% 0.187 25);
|
|
324
|
+
--e-90: oklch(34.8% 0.155 25);
|
|
325
|
+
--e-95: oklch(29.8% 0.128 25);
|
|
326
|
+
--e-98: oklch(26.3% 0.107 25);
|
|
327
|
+
--e-99: oklch(24.8% 0.096 25);
|
|
328
|
+
--e-100: oklch(23.3% 0.086 25);
|
|
329
|
+
|
|
330
|
+
/* Color scheme */
|
|
331
|
+
color-scheme: var(--a2-color-scheme, light dark);
|
|
332
|
+
}
|
|
333
|
+
`);for(let t of je)e.push(Mo(t));return e.push(`
|
|
334
|
+
.a2-bgc-transparent { background-color: transparent; }
|
|
335
|
+
.a2-c-inherit { color: inherit; }
|
|
336
|
+
.a2-c-current { color: currentColor; }
|
|
337
|
+
.a2-bc-transparent { border-color: transparent; }
|
|
338
|
+
.a2-bc-current { border-color: currentColor; }
|
|
339
|
+
`),e.join(`
|
|
340
|
+
`)}var Ie=Po();function Do(){return `
|
|
341
|
+
/* Material Icons Support */
|
|
342
|
+
.a2-icon {
|
|
343
|
+
font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
|
|
344
|
+
font-weight: normal;
|
|
345
|
+
font-style: normal;
|
|
346
|
+
font-size: 24px;
|
|
347
|
+
line-height: 1;
|
|
348
|
+
letter-spacing: normal;
|
|
349
|
+
text-transform: none;
|
|
350
|
+
display: inline-block;
|
|
351
|
+
white-space: nowrap;
|
|
352
|
+
word-wrap: normal;
|
|
353
|
+
direction: ltr;
|
|
354
|
+
-webkit-font-feature-settings: 'liga';
|
|
355
|
+
-webkit-font-smoothing: antialiased;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.a2-icon-sm { font-size: 18px; }
|
|
359
|
+
.a2-icon-md { font-size: 24px; }
|
|
360
|
+
.a2-icon-lg { font-size: 32px; }
|
|
361
|
+
.a2-icon-xl { font-size: 48px; }
|
|
362
|
+
|
|
363
|
+
.a2-icon-filled {
|
|
364
|
+
font-variation-settings: 'FILL' 1;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
.a2-icon-outlined {
|
|
368
|
+
font-variation-settings: 'FILL' 0;
|
|
369
|
+
}
|
|
370
|
+
`}var Te=Do();function $o(){let e=[];e.push(`
|
|
371
|
+
:root, :host, .a2ui-root {
|
|
372
|
+
${Array.from({length:16},(t,o)=>`--a2-g-${o+1}: ${(o+1)*4}px;`).join(`
|
|
373
|
+
`)}
|
|
374
|
+
}
|
|
375
|
+
`);for(let t=-24;t<=24;t++){let o=t<0?`n${Math.abs(t)}`:t.toString(),n=t*4;e.push(`
|
|
376
|
+
.a2-p-${o} { --a2-padding: ${n}px; padding: var(--a2-padding); }
|
|
377
|
+
.a2-pt-${o} { padding-top: ${n}px; }
|
|
378
|
+
.a2-pr-${o} { padding-right: ${n}px; }
|
|
379
|
+
.a2-pb-${o} { padding-bottom: ${n}px; }
|
|
380
|
+
.a2-pl-${o} { padding-left: ${n}px; }
|
|
381
|
+
.a2-px-${o} { padding-left: ${n}px; padding-right: ${n}px; }
|
|
382
|
+
.a2-py-${o} { padding-top: ${n}px; padding-bottom: ${n}px; }
|
|
383
|
+
|
|
384
|
+
.a2-m-${o} { --a2-margin: ${n}px; margin: var(--a2-margin); }
|
|
385
|
+
.a2-mt-${o} { margin-top: ${n}px; }
|
|
386
|
+
.a2-mr-${o} { margin-right: ${n}px; }
|
|
387
|
+
.a2-mb-${o} { margin-bottom: ${n}px; }
|
|
388
|
+
.a2-ml-${o} { margin-left: ${n}px; }
|
|
389
|
+
.a2-mx-${o} { margin-left: ${n}px; margin-right: ${n}px; }
|
|
390
|
+
.a2-my-${o} { margin-top: ${n}px; margin-bottom: ${n}px; }
|
|
391
|
+
|
|
392
|
+
.a2-t-${o} { top: ${n}px; }
|
|
393
|
+
.a2-r-${o} { right: ${n}px; }
|
|
394
|
+
.a2-b-${o} { bottom: ${n}px; }
|
|
395
|
+
.a2-l-${o} { left: ${n}px; }
|
|
396
|
+
`);}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 o=t*10;e.push(`.a2-w-${o} { width: ${o}%; max-width: ${o}%; }`);}for(let t=0;t<=15;t++)e.push(`.a2-wp-${t} { width: ${t*4}px; }`);for(let t=1;t<=10;t++){let o=t*10;e.push(`.a2-h-${o} { height: ${o}%; }`);}for(let t=0;t<=15;t++)e.push(`.a2-hp-${t} { height: ${t*4}px; }`);return e.push(`
|
|
397
|
+
/* Position */
|
|
398
|
+
.a2-pos-abs { position: absolute; }
|
|
399
|
+
.a2-pos-rel { position: relative; }
|
|
400
|
+
.a2-pos-fixed { position: fixed; }
|
|
401
|
+
.a2-pos-sticky { position: sticky; }
|
|
402
|
+
.a2-inset-0 { inset: 0; }
|
|
403
|
+
|
|
404
|
+
/* Display */
|
|
405
|
+
.a2-dsp-none { display: none; }
|
|
406
|
+
.a2-dsp-block { display: block; }
|
|
407
|
+
.a2-dsp-inline { display: inline; }
|
|
408
|
+
.a2-dsp-iblock { display: inline-block; }
|
|
409
|
+
.a2-dsp-grid { display: grid; }
|
|
410
|
+
.a2-dsp-iflex { display: inline-flex; }
|
|
411
|
+
.a2-dsp-flex { display: flex; }
|
|
412
|
+
.a2-dsp-flexvert { display: flex; flex-direction: column; }
|
|
413
|
+
.a2-dsp-flexhor { display: flex; flex-direction: row; }
|
|
414
|
+
|
|
415
|
+
/* Flex Direction */
|
|
416
|
+
.a2-flex-row { flex-direction: row; }
|
|
417
|
+
.a2-flex-col { flex-direction: column; }
|
|
418
|
+
.a2-flex-wrap { flex-wrap: wrap; }
|
|
419
|
+
.a2-flex-nowrap { flex-wrap: nowrap; }
|
|
420
|
+
|
|
421
|
+
/* Align Items */
|
|
422
|
+
.a2-al-start { align-items: flex-start; }
|
|
423
|
+
.a2-al-end { align-items: flex-end; }
|
|
424
|
+
.a2-al-center { align-items: center; }
|
|
425
|
+
.a2-al-stretch { align-items: stretch; }
|
|
426
|
+
.a2-al-baseline { align-items: baseline; }
|
|
427
|
+
|
|
428
|
+
/* Align Self */
|
|
429
|
+
.a2-as-auto { align-self: auto; }
|
|
430
|
+
.a2-as-start { align-self: flex-start; }
|
|
431
|
+
.a2-as-end { align-self: flex-end; }
|
|
432
|
+
.a2-as-center { align-self: center; }
|
|
433
|
+
.a2-as-stretch { align-self: stretch; }
|
|
434
|
+
|
|
435
|
+
/* Justify Content */
|
|
436
|
+
.a2-jc-start { justify-content: flex-start; }
|
|
437
|
+
.a2-jc-end { justify-content: flex-end; }
|
|
438
|
+
.a2-jc-center { justify-content: center; }
|
|
439
|
+
.a2-jc-between { justify-content: space-between; }
|
|
440
|
+
.a2-jc-around { justify-content: space-around; }
|
|
441
|
+
.a2-jc-evenly { justify-content: space-evenly; }
|
|
442
|
+
|
|
443
|
+
/* Justify Self */
|
|
444
|
+
.a2-js-auto { justify-self: auto; }
|
|
445
|
+
.a2-js-start { justify-self: start; }
|
|
446
|
+
.a2-js-end { justify-self: end; }
|
|
447
|
+
.a2-js-center { justify-self: center; }
|
|
448
|
+
|
|
449
|
+
/* Flex */
|
|
450
|
+
.a2-flex-0 { flex: 0 0 auto; }
|
|
451
|
+
.a2-flex-1 { flex: 1 1 0%; }
|
|
452
|
+
.a2-flex-auto { flex: 1 1 auto; }
|
|
453
|
+
.a2-flex-none { flex: none; }
|
|
454
|
+
.a2-flex-grow { flex-grow: 1; }
|
|
455
|
+
.a2-flex-shrink { flex-shrink: 1; }
|
|
456
|
+
|
|
457
|
+
/* Sizing */
|
|
458
|
+
.a2-w-full { width: 100%; }
|
|
459
|
+
.a2-w-auto { width: auto; }
|
|
460
|
+
.a2-w-fit { width: fit-content; }
|
|
461
|
+
.a2-w-min { width: min-content; }
|
|
462
|
+
.a2-w-max { width: max-content; }
|
|
463
|
+
.a2-h-full { height: 100%; }
|
|
464
|
+
.a2-h-auto { height: auto; }
|
|
465
|
+
.a2-h-fit { height: fit-content; }
|
|
466
|
+
.a2-min-h-0 { min-height: 0; }
|
|
467
|
+
.a2-min-w-0 { min-width: 0; }
|
|
468
|
+
.a2-max-w-full { max-width: 100%; }
|
|
469
|
+
|
|
470
|
+
/* Overflow */
|
|
471
|
+
.a2-overflow-auto { overflow: auto; }
|
|
472
|
+
.a2-overflow-hidden { overflow: hidden; }
|
|
473
|
+
.a2-overflow-scroll { overflow: scroll; }
|
|
474
|
+
.a2-overflow-visible { overflow: visible; }
|
|
475
|
+
.a2-overflow-x-auto { overflow-x: auto; }
|
|
476
|
+
.a2-overflow-y-auto { overflow-y: auto; }
|
|
477
|
+
.a2-overflow-x-hidden { overflow-x: hidden; }
|
|
478
|
+
.a2-overflow-y-hidden { overflow-y: hidden; }
|
|
479
|
+
|
|
480
|
+
/* Resize */
|
|
481
|
+
.a2-resize-none { resize: none; }
|
|
482
|
+
.a2-resize-y { resize: vertical; }
|
|
483
|
+
.a2-resize-x { resize: horizontal; }
|
|
484
|
+
.a2-resize { resize: both; }
|
|
485
|
+
|
|
486
|
+
/* Object Fit */
|
|
487
|
+
.a2-obj-contain { object-fit: contain; }
|
|
488
|
+
.a2-obj-cover { object-fit: cover; }
|
|
489
|
+
.a2-obj-fill { object-fit: fill; }
|
|
490
|
+
.a2-obj-none { object-fit: none; }
|
|
491
|
+
.a2-obj-scale { object-fit: scale-down; }
|
|
492
|
+
|
|
493
|
+
/* Aspect Ratio */
|
|
494
|
+
.a2-aspect-auto { aspect-ratio: auto; }
|
|
495
|
+
.a2-aspect-square { aspect-ratio: 1 / 1; }
|
|
496
|
+
.a2-aspect-video { aspect-ratio: 16 / 9; }
|
|
497
|
+
|
|
498
|
+
/* Z-Index */
|
|
499
|
+
.a2-z-0 { z-index: 0; }
|
|
500
|
+
.a2-z-10 { z-index: 10; }
|
|
501
|
+
.a2-z-20 { z-index: 20; }
|
|
502
|
+
.a2-z-30 { z-index: 30; }
|
|
503
|
+
.a2-z-40 { z-index: 40; }
|
|
504
|
+
.a2-z-50 { z-index: 50; }
|
|
505
|
+
.a2-z-auto { z-index: auto; }
|
|
506
|
+
|
|
507
|
+
/* Image/Video container */
|
|
508
|
+
.a2-media-cover img,
|
|
509
|
+
.a2-media-cover video {
|
|
510
|
+
width: 100%;
|
|
511
|
+
height: 100%;
|
|
512
|
+
object-fit: cover;
|
|
513
|
+
margin: 0;
|
|
514
|
+
}
|
|
515
|
+
`),e.join(`
|
|
516
|
+
`)}var Ae=$o();function Vo(){let e=[];e.push(`
|
|
517
|
+
:root, :host, .a2ui-root {
|
|
518
|
+
/* Font families */
|
|
519
|
+
--a2-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
520
|
+
--a2-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
521
|
+
--a2-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
|
|
522
|
+
|
|
523
|
+
/* Font sizes - Body */
|
|
524
|
+
--a2-text-bs: 12px;
|
|
525
|
+
--a2-text-bm: 14px;
|
|
526
|
+
--a2-text-bl: 16px;
|
|
527
|
+
|
|
528
|
+
/* Font sizes - Label */
|
|
529
|
+
--a2-text-ls: 10px;
|
|
530
|
+
--a2-text-lm: 11px;
|
|
531
|
+
--a2-text-ll: 12px;
|
|
532
|
+
|
|
533
|
+
/* Font sizes - Title */
|
|
534
|
+
--a2-text-ts: 14px;
|
|
535
|
+
--a2-text-tm: 16px;
|
|
536
|
+
--a2-text-tl: 22px;
|
|
537
|
+
|
|
538
|
+
/* Font sizes - Headline */
|
|
539
|
+
--a2-text-hs: 24px;
|
|
540
|
+
--a2-text-hm: 28px;
|
|
541
|
+
--a2-text-hl: 32px;
|
|
542
|
+
|
|
543
|
+
/* Font sizes - Display */
|
|
544
|
+
--a2-text-ds: 36px;
|
|
545
|
+
--a2-text-dm: 45px;
|
|
546
|
+
--a2-text-dl: 57px;
|
|
547
|
+
}
|
|
548
|
+
`),e.push(`
|
|
549
|
+
.a2-font-sans { font-family: var(--a2-font-sans); }
|
|
550
|
+
.a2-font-serif { font-family: var(--a2-font-serif); }
|
|
551
|
+
.a2-font-mono { font-family: var(--a2-font-mono); }
|
|
552
|
+
`);for(let n=1;n<=9;n++){let a=n*100;e.push(`.a2-fw-${a} { font-weight: ${a}; }`);}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[n,a]of Object.entries(t))e.push(`.a2-text-${n} { font-size: ${a}; }`);let o=[10,11,12,13,14,15,16,18,20,24,28,32,36,40,48,56,64];for(let n of o)e.push(`.a2-text-${n} { font-size: ${n}px; }`);return e.push(`
|
|
553
|
+
.a2-fs-normal { font-style: normal; }
|
|
554
|
+
.a2-fs-italic { font-style: italic; }
|
|
555
|
+
`),e.push(`
|
|
556
|
+
.a2-ta-left { text-align: left; }
|
|
557
|
+
.a2-ta-center { text-align: center; }
|
|
558
|
+
.a2-ta-right { text-align: right; }
|
|
559
|
+
.a2-ta-justify { text-align: justify; }
|
|
560
|
+
.a2-ta-start { text-align: start; }
|
|
561
|
+
.a2-ta-end { text-align: end; }
|
|
562
|
+
`),e.push(`
|
|
563
|
+
.a2-td-none { text-decoration: none; }
|
|
564
|
+
.a2-td-underline { text-decoration: underline; }
|
|
565
|
+
.a2-td-overline { text-decoration: overline; }
|
|
566
|
+
.a2-td-through { text-decoration: line-through; }
|
|
567
|
+
`),e.push(`
|
|
568
|
+
.a2-tt-none { text-transform: none; }
|
|
569
|
+
.a2-tt-upper { text-transform: uppercase; }
|
|
570
|
+
.a2-tt-lower { text-transform: lowercase; }
|
|
571
|
+
.a2-tt-cap { text-transform: capitalize; }
|
|
572
|
+
`),e.push(`
|
|
573
|
+
.a2-lh-none { line-height: 1; }
|
|
574
|
+
.a2-lh-tight { line-height: 1.25; }
|
|
575
|
+
.a2-lh-snug { line-height: 1.375; }
|
|
576
|
+
.a2-lh-normal { line-height: 1.5; }
|
|
577
|
+
.a2-lh-relaxed { line-height: 1.625; }
|
|
578
|
+
.a2-lh-loose { line-height: 2; }
|
|
579
|
+
`),e.push(`
|
|
580
|
+
.a2-ls-tighter { letter-spacing: -0.05em; }
|
|
581
|
+
.a2-ls-tight { letter-spacing: -0.025em; }
|
|
582
|
+
.a2-ls-normal { letter-spacing: 0; }
|
|
583
|
+
.a2-ls-wide { letter-spacing: 0.025em; }
|
|
584
|
+
.a2-ls-wider { letter-spacing: 0.05em; }
|
|
585
|
+
.a2-ls-widest { letter-spacing: 0.1em; }
|
|
586
|
+
`),e.push(`
|
|
587
|
+
.a2-ws-normal { white-space: normal; }
|
|
588
|
+
.a2-ws-nowrap { white-space: nowrap; }
|
|
589
|
+
.a2-ws-pre { white-space: pre; }
|
|
590
|
+
.a2-ws-preline { white-space: pre-line; }
|
|
591
|
+
.a2-ws-prewrap { white-space: pre-wrap; }
|
|
592
|
+
.a2-ws-break { white-space: break-spaces; }
|
|
593
|
+
`),e.push(`
|
|
594
|
+
.a2-wb-normal { word-break: normal; }
|
|
595
|
+
.a2-wb-words { overflow-wrap: break-word; }
|
|
596
|
+
.a2-wb-all { word-break: break-all; }
|
|
597
|
+
.a2-wb-keep { word-break: keep-all; }
|
|
598
|
+
`),e.push(`
|
|
599
|
+
.a2-truncate {
|
|
600
|
+
overflow: hidden;
|
|
601
|
+
text-overflow: ellipsis;
|
|
602
|
+
white-space: nowrap;
|
|
603
|
+
}
|
|
604
|
+
.a2-text-clip { text-overflow: clip; }
|
|
605
|
+
.a2-text-ellipsis { text-overflow: ellipsis; }
|
|
606
|
+
`),e.push(`
|
|
607
|
+
.a2-va-baseline { vertical-align: baseline; }
|
|
608
|
+
.a2-va-top { vertical-align: top; }
|
|
609
|
+
.a2-va-middle { vertical-align: middle; }
|
|
610
|
+
.a2-va-bottom { vertical-align: bottom; }
|
|
611
|
+
.a2-va-text-top { vertical-align: text-top; }
|
|
612
|
+
.a2-va-text-bottom { vertical-align: text-bottom; }
|
|
613
|
+
`),e.join(`
|
|
614
|
+
`)}var Me=Vo();var rt=`
|
|
615
|
+
/* A2UI Base Styles */
|
|
616
|
+
.a2ui-root {
|
|
617
|
+
font-family: var(--a2-font-sans);
|
|
618
|
+
font-size: var(--a2-text-bm);
|
|
619
|
+
line-height: 1.5;
|
|
620
|
+
color: light-dark(var(--n-10), var(--n-90));
|
|
621
|
+
background-color: light-dark(var(--n-0), var(--n-100));
|
|
622
|
+
-webkit-font-smoothing: antialiased;
|
|
623
|
+
-moz-osx-font-smoothing: grayscale;
|
|
624
|
+
box-sizing: border-box;
|
|
625
|
+
width: 100%;
|
|
626
|
+
height: 100%;
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
.a2ui-root *,
|
|
630
|
+
.a2ui-root *::before,
|
|
631
|
+
.a2ui-root *::after {
|
|
632
|
+
box-sizing: border-box;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
/* Reset headings */
|
|
636
|
+
.a2ui-root h1,
|
|
637
|
+
.a2ui-root h2,
|
|
638
|
+
.a2ui-root h3,
|
|
639
|
+
.a2ui-root h4,
|
|
640
|
+
.a2ui-root h5,
|
|
641
|
+
.a2ui-root h6 {
|
|
642
|
+
margin: 0;
|
|
643
|
+
font-weight: 600;
|
|
644
|
+
line-height: 1.25;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
.a2ui-root p {
|
|
648
|
+
margin: 0;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
.a2ui-root ul,
|
|
652
|
+
.a2ui-root ol {
|
|
653
|
+
margin: 0;
|
|
654
|
+
padding: 0;
|
|
655
|
+
list-style: none;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
.a2ui-root a {
|
|
659
|
+
color: inherit;
|
|
660
|
+
text-decoration: none;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
/* \u6309\u94AE\u57FA\u7840\u91CD\u7F6E - \u53EA\u8BBE\u7F6E\u7EE7\u627F\u5C5E\u6027\uFF0C\u4E0D\u8986\u76D6\u5DE5\u5177\u7C7B */
|
|
664
|
+
.a2ui-root button {
|
|
665
|
+
font: inherit;
|
|
666
|
+
margin: 0;
|
|
667
|
+
cursor: pointer;
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.a2ui-root input,
|
|
671
|
+
.a2ui-root textarea,
|
|
672
|
+
.a2ui-root select {
|
|
673
|
+
font: inherit;
|
|
674
|
+
color: inherit;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
.a2ui-root img,
|
|
678
|
+
.a2ui-root video {
|
|
679
|
+
max-width: 100%;
|
|
680
|
+
height: auto;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
/* Scrollbar styling */
|
|
684
|
+
.a2ui-root::-webkit-scrollbar {
|
|
685
|
+
width: 6px;
|
|
686
|
+
height: 6px;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
.a2ui-root::-webkit-scrollbar-track {
|
|
690
|
+
background: transparent;
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
.a2ui-root::-webkit-scrollbar-thumb {
|
|
694
|
+
background: light-dark(var(--n-30), var(--n-70));
|
|
695
|
+
border-radius: 3px;
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
.a2ui-root::-webkit-scrollbar-thumb:hover {
|
|
699
|
+
background: light-dark(var(--n-40), var(--n-60));
|
|
700
|
+
}
|
|
701
|
+
`,A=[rt,Ae,Ie,Me,Se,ke,Te].join(`
|
|
702
|
+
`);function nt(){return A}function U(){return {}}var M={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:U(),icon:U(),largeFeature:U(),mediumFeature:U(),smallFeature:U()},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 at(e,t){let o={...e};for(let n in t)if(Object.prototype.hasOwnProperty.call(t,n)){let a=o[n],r=t[n];typeof a=="object"&&a!==null&&typeof r=="object"&&r!==null&&!Array.isArray(a)&&!Array.isArray(r)?o[n]=at(a,r):o[n]=r;}return o}function st(e){return at(M,e)}function it(...e){let t={};for(let o of e)if(o)for(let[n,a]of Object.entries(o)){let r=n.split("-").slice(0,2).join("-")+"-",s=Object.keys(t).filter(i=>i.startsWith(r));for(let i of s)delete t[i];t[n]=a;}return t}function lt(){return JSON.parse(JSON.stringify(M))}function T(...e){let t={};for(let o of e)if(o)for(let[n,a]of Object.entries(o)){let r=n.split("-"),s=r.length>=3?r.slice(0,2).join("-")+"-":n,i=Object.keys(t).filter(l=>l.startsWith(s));for(let l of i)delete t[l];t[n]=a;}return t}function ct(e,t,...o){let n=structuredClone(e);for(let a of o)for(let r of Object.keys(a)){let s=r.split("-").slice(0,2).join("-")+"-";for(let[i,l]of Object.entries(n)){if(t.includes(i))continue;let c=false;for(let u=0;u<l.length;u++)l[u]?.startsWith(s)&&(c=true,l[u]=r);c||l.push(r);}}return n}function pt(e){return Object.entries(e).filter(([,t])=>t).map(([t])=>t).join(" ")}function dt(e){let t={};for(let[o,n]of Object.entries(e)){let a=o.replace(/-([a-z])/g,(r,s)=>s.toUpperCase());t[a]=n;}return t}function ut(...e){let t=[];for(let o of e)if(o){if(typeof o=="string")t.push(o);else if(typeof o=="object")for(let[n,a]of Object.entries(o))a&&t.push(n);}return t.join(" ")}var Nt={};$(Nt,{Audio:()=>H,Button:()=>Y,Card:()=>J,Checkbox:()=>Q,Column:()=>G,ComponentRegistry:()=>V,ComponentRenderer:()=>R,DateTimeInput:()=>te,Divider:()=>q,Icon:()=>L,Image:()=>O,List:()=>W,Markdown:()=>Ge,Modal:()=>Z,MultipleChoice:()=>oe,Root:()=>j,Row:()=>K,Slider:()=>re,Surface:()=>Ke,Tabs:()=>X,Text:()=>z,TextField:()=>ee,Video:()=>_,cn:()=>p,componentRegistry:()=>E,extractNumberValue:()=>F,extractStringValue:()=>g,renderMarkdown:()=>We});var Ue=react.createContext(M);function Bo({theme:e=M,children:t}){return jsxRuntime.jsx(Ue.Provider,{value:e,children:t})}function m(){return react.useContext(Ue)}function g(e,t,o,n){if(e===null)return "";if(typeof e=="string")return e;if(typeof e=="object"&&"path"in e&&e.path){if(!o||!t)return console.warn("[A2UI] extractStringValue: no processor or component for path:",e.path),"(no model)";let a=o.getData(t,e.path,n??y.DEFAULT_SURFACE_ID);return a===null?(console.warn("[A2UI] extractStringValue: null value for path:",e.path),""):typeof a=="number"?String(a):typeof a!="string"?(console.warn("[A2UI] extractStringValue: non-string value for path:",e.path,typeof a),""):a}return ""}function F(e,t,o,n){if(e===null)return 0;if(typeof e=="number")return e;if(typeof e=="object"&&"path"in e&&e.path){if(!o||!t)return -1;let a=o.getData(t,e.path,n??y.DEFAULT_SURFACE_ID);return typeof a=="string"&&(a=Number.parseInt(a,10),Number.isNaN(a)&&(a=null)),a===null||typeof a!="number"?-1:a}return 0}function ft(e,t,o,n){if(e===null)return false;if(typeof e=="boolean")return e;if(typeof e=="object"&&"path"in e&&e.path){if(!o||!t)return false;let a=o.getData(t,e.path,n??y.DEFAULT_SURFACE_ID);return typeof a=="boolean"?a:typeof a=="string"?a.toLowerCase()==="true":false}return false}function p(...e){let t=[];for(let o of e)if(o){if(typeof o=="string")t.push(o);else if(typeof o=="object")for(let[n,a]of Object.entries(o))a&&t.push(n);}return t.join(" ")}function z({component:e,processor:t,surfaceId:o,text:n,usageHint:a="body",markdown:r=true}){let s=m(),i=g(n,e,t,o);if(!i)return jsxRuntime.jsx("span",{className:"a2-c-n50",children:"(empty)"});let l=T(s.components.Text.all,a?s.components.Text[a]:{});if(r){let c=()=>{switch(a){case "h1":return `# ${i}`;case "h2":return `## ${i}`;case "h3":return `### ${i}`;case "h4":return `#### ${i}`;case "h5":return `##### ${i}`;case "caption":return `*${i}*`;default:return i}};return jsxRuntime.jsx("section",{className:p(l),children:jsxRuntime.jsx(kt__default.default,{components:{p:({children:u})=>jsxRuntime.jsx("p",{className:s.markdown.p.join(" "),children:u}),h1:({children:u})=>jsxRuntime.jsx("h1",{className:s.markdown.h1.join(" "),children:u}),h2:({children:u})=>jsxRuntime.jsx("h2",{className:s.markdown.h2.join(" "),children:u}),h3:({children:u})=>jsxRuntime.jsx("h3",{className:s.markdown.h3.join(" "),children:u}),h4:({children:u})=>jsxRuntime.jsx("h4",{className:s.markdown.h4.join(" "),children:u}),h5:({children:u})=>jsxRuntime.jsx("h5",{className:s.markdown.h5.join(" "),children:u}),ul:({children:u})=>jsxRuntime.jsx("ul",{className:s.markdown.ul.join(" "),children:u}),ol:({children:u})=>jsxRuntime.jsx("ol",{className:s.markdown.ol.join(" "),children:u}),li:({children:u})=>jsxRuntime.jsx("li",{className:s.markdown.li.join(" "),children:u}),a:({children:u,href:d})=>jsxRuntime.jsx("a",{href:d,className:s.markdown.a.join(" "),children:u}),strong:({children:u})=>jsxRuntime.jsx("strong",{className:s.markdown.strong.join(" "),children:u}),em:({children:u})=>jsxRuntime.jsx("em",{className:s.markdown.em.join(" "),children:u})},children:c()})})}switch(a){case "h1":return jsxRuntime.jsx("h1",{className:p(l),children:i});case "h2":return jsxRuntime.jsx("h2",{className:p(l),children:i});case "h3":return jsxRuntime.jsx("h3",{className:p(l),children:i});case "h4":return jsxRuntime.jsx("h4",{className:p(l),children:i});case "h5":return jsxRuntime.jsx("h5",{className:p(l),children:i});case "caption":return jsxRuntime.jsx("span",{className:p(l),children:i});default:return jsxRuntime.jsx("p",{className:p(l),children:i})}}function O({component:e,processor:t,surfaceId:o,url:n,usageHint:a,fit:r="cover"}){let s=m(),i=g(n,e,t,o);if(!i)return jsxRuntime.jsx("div",{className:"a2-c-n50",children:"(no image)"});let l=T(s.components.Image.all,a?s.components.Image[a]:{}),c={objectFit:r??"cover"};return jsxRuntime.jsx("img",{src:i,alt:"",className:p(l),style:c})}function L({component:e,processor:t,surfaceId:o,name:n,size:a=20,className:r,container:s,variant:i}){let l=m(),c=g(n,e,t,o);if(!c)return null;let u=c.split("-").map(D=>D.charAt(0).toUpperCase()+D.slice(1)).join(""),d=gt__namespace[u]??gt__namespace[c],w={blue:{backgroundColor:"oklch(95% 0.04 240)",color:"oklch(55% 0.15 240)"},green:{backgroundColor:"oklch(95% 0.04 160)",color:"oklch(55% 0.15 160)"},purple:{backgroundColor:"oklch(95% 0.04 285)",color:"oklch(55% 0.15 285)"},orange:{backgroundColor:"oklch(95% 0.04 60)",color:"oklch(55% 0.15 60)"},red:{backgroundColor:"oklch(95% 0.04 25)",color:"oklch(55% 0.15 25)"},primary:{backgroundColor:"light-dark(var(--p-5), var(--p-95))",color:"light-dark(var(--p-50), var(--p-40))"}},x=i?w[i]:w.primary,P=()=>d?jsxRuntime.jsx(d,{size:a,className:p(l.components.Icon,r)}):jsxRuntime.jsx("span",{className:p(l.components.Icon,"material-icons",r),style:{fontSize:a},children:c});return s?jsxRuntime.jsx("div",{className:"a2-dsp-flex a2-flex-0 a2-al-center a2-jc-center a2-br-xl a2-transition",style:{width:40,height:40,...x},children:P()}):P()}function _({component:e,processor:t,surfaceId:o,url:n}){let a=m(),r=g(n,e,t,o);return r?jsxRuntime.jsx("section",{className:p(a.components.Video),children:jsxRuntime.jsx("video",{controls:true,src:r,className:"a2-w-full"})}):jsxRuntime.jsx("div",{className:"a2-c-n50",children:"(no video)"})}function H({component:e,processor:t,surfaceId:o,url:n,description:a}){let r=m(),s=g(n,e,t,o),i=a?g(a,e,t,o):void 0;return s?jsxRuntime.jsxs("section",{className:p(r.components.AudioPlayer),children:[i&&jsxRuntime.jsx("p",{className:"a2-mb-2 a2-text-bm",children:i}),jsxRuntime.jsx("audio",{controls:true,src:s,className:"a2-w-full"})]}):jsxRuntime.jsx("div",{className:"a2-c-n50",children:"(no audio)"})}function Y({component:e,action:t,children:o,onAction:n}){let a=m(),r=()=>{if(!t||!n)return;let s={eventType:"a2ui.action",action:t,dataContextPath:e.dataContextPath??"/",sourceComponentId:e.id,sourceComponent:e};n(s);};return jsxRuntime.jsx("button",{type:"button",className:p(a.components.Button),onClick:r,children:o})}var xt={start:"a2-al-start",center:"a2-al-center",end:"a2-al-end",stretch:"a2-al-stretch"},bt={start:"a2-jc-start",center:"a2-jc-center",end:"a2-jc-end",spaceBetween:"a2-jc-between",spaceAround:"a2-jc-around",spaceEvenly:"a2-jc-evenly"};function K({component:e,alignment:t="stretch",distribution:o="start",children:n}){let a=m(),r=xt[t]??xt.stretch,s=bt[o]??bt.start,l=(e.properties??{}).gap,c=l!==void 0?{gap:`${l*4}px`}:void 0;return jsxRuntime.jsx("section",{className:p(a.components.Row,r,s),style:c,children:n})}var yt={start:"a2-al-start",center:"a2-al-center",end:"a2-al-end",stretch:"a2-al-stretch"},vt={start:"a2-jc-start",center:"a2-jc-center",end:"a2-jc-end",spaceBetween:"a2-jc-between",spaceAround:"a2-jc-around",spaceEvenly:"a2-jc-evenly"};function G({component:e,alignment:t="stretch",distribution:o="start",children:n}){let a=m(),r=yt[t]??yt.stretch,s=vt[o]??vt.start,l=(e.properties??{}).spaceY,c=l!==void 0?{gap:`${l*4}px`}:void 0;return jsxRuntime.jsx("section",{className:p(a.components.Column,r,s),style:c,children:n})}function W({component:e,direction:t="vertical",columns:o=2,children:n}){let a=m(),s=(e?.properties??{}).columns??o,i,l,c=a.components.List;switch(t==="grid"&&typeof c=="object"&&(c=Object.fromEntries(Object.entries(c).filter(([u])=>!u.includes("flex")&&!u.includes("flexvert")&&!u.includes("flexhor")))),t){case "horizontal":i="a2-flex-row a2-overflow-x-auto";break;case "grid":i="a2-dsp-grid",l={gridTemplateColumns:`repeat(${s}, minmax(0, 1fr))`};break;default:i="a2-flex-col";}return jsxRuntime.jsx("section",{className:p(c,i),style:l,children:n})}function J({component:e,children:t}){let o=m(),a=(e.properties??{}).padding,r=a!==void 0?{padding:`${a*.25}rem`}:void 0;return jsxRuntime.jsx("section",{className:p(o.components.Card),style:r,children:t})}function X({component:e,processor:t,surfaceId:o,titles:n,children:a}){let r=m(),[s,i]=react.useState(0),l=()=>jsxRuntime.jsx("div",{className:p(r.components.Tabs.element),children:n.map((u,d)=>{let w=g(u,e,t,o),x=s===d?T(r.components.Tabs.controls.all,r.components.Tabs.controls.selected):{...r.components.Tabs.controls.all};return jsxRuntime.jsx("button",{disabled:s===d,className:p(x),onClick:()=>i(d),children:w},d)})}),c=a?.[s];return jsxRuntime.jsxs("section",{className:p(r.components.Tabs.container),children:[l(),jsxRuntime.jsx("div",{className:"a2-mt-4",children:c})]})}function q({axis:e="horizontal",thickness:t=1,color:o}){let n=m(),a={};o&&(a.borderColor=o),t&&(a.borderWidth=t);let r=e==="vertical"?"a2-border-l a2-h-full":"a2-border-t a2-w-full";return jsxRuntime.jsx("hr",{className:p(n.components.Divider,r),style:a})}function Z({entryPoint:e,content:t}){let o=m(),[n,a]=react.useState(false),r=react.useCallback(()=>{a(false);},[]);return react.useEffect(()=>{if(!n)return;let s=i=>{i.key==="Escape"&&r();};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,r]),n?jsxRuntime.jsx("dialog",{className:p(o.components.Modal.backdrop),open:true,role:"dialog","aria-modal":"true",onClick:s=>{s.target===s.currentTarget&&r();},children:jsxRuntime.jsxs("section",{className:p(o.components.Modal.element),children:[jsxRuntime.jsx("div",{className:"a2-mb-2 a2-dsp-flexhor a2-jc-end",children:jsxRuntime.jsx("button",{type:"button",className:"a2-br-2 a2-p-1 a2-ho-80 a2-transition-colors",onClick:r,"aria-label":"Close modal",children:"\u2715"})}),t]})}):jsxRuntime.jsx("button",{type:"button",onClick:()=>a(true),className:"a2-cursor-pointer",children:e})}function Q({component:e,processor:t,surfaceId:o,label:n,value:a}){let r=m(),s=g(n,e,t,o),i=ft(a,e,t,o),l=c=>{!a||!t||typeof a!="object"||!("path"in a)||!a.path||t.setData(e,a.path,c.target.checked,o??y.DEFAULT_SURFACE_ID);};return jsxRuntime.jsxs("section",{className:p(r.components.CheckBox.container),children:[jsxRuntime.jsx("input",{type:"checkbox",id:`checkbox-${e.id}`,className:p(r.components.CheckBox.element),checked:i,onChange:l}),jsxRuntime.jsx("label",{htmlFor:`checkbox-${e.id}`,className:p(r.components.CheckBox.label),children:s})]})}function ee({component:e,processor:t,surfaceId:o,label:n,text:a,usageHint:r="shortText"}){let s=m(),i=g(n,e,t,o),l=a?g(a,e,t,o):"",c=w=>{!a||!t||typeof a!="object"||!("path"in a)||!a.path||t.setData(e,a.path,w.target.value,o??y.DEFAULT_SURFACE_ID);},u=r==="number"?"number":r==="obscured"?"password":"text",d=r==="longText";return jsxRuntime.jsxs("section",{className:p(s.components.TextField.container),children:[i&&jsxRuntime.jsx("label",{htmlFor:`textfield-${e.id}`,className:p(s.components.TextField.label),children:i}),d?jsxRuntime.jsx("textarea",{id:`textfield-${e.id}`,className:p(s.components.TextField.element),value:l,onChange:c,placeholder:"Please enter a value",rows:4}):jsxRuntime.jsx("input",{id:`textfield-${e.id}`,type:u,className:p(s.components.TextField.element),value:l,onChange:c,placeholder:"Please enter a value",autoComplete:"off"})]})}function te({component:e,processor:t,surfaceId:o,value:n,enableDate:a=true,enableTime:r=true}){let s=m(),i=g(n,e,t,o),l=u=>{!n||!t||typeof n!="object"||!("path"in n)||!n.path||t.setData(e,n.path,u.target.value,o??y.DEFAULT_SURFACE_ID);},c="datetime-local";return a&&!r?c="date":!a&&r&&(c="time"),jsxRuntime.jsx("section",{className:p(s.components.DateTimeInput.container),children:jsxRuntime.jsx("input",{type:c,id:`datetime-${e.id}`,className:p(s.components.DateTimeInput.element),value:i,onChange:l})})}function oe({component:e,processor:t,surfaceId:o,value:n,options:a=[],label:r}){let s=m(),i=r?g(r,e,t,o):"Select an item",l=c=>{!n||!t||typeof n!="object"||!("path"in n)||!n.path||t.setData(e,n.path,[c.target.value],o??y.DEFAULT_SURFACE_ID);};return jsxRuntime.jsxs("section",{className:p(s.components.MultipleChoice.container),children:[jsxRuntime.jsx("label",{htmlFor:`multichoice-${e.id}`,className:p(s.components.MultipleChoice.label),children:i}),jsxRuntime.jsx("select",{id:`multichoice-${e.id}`,className:p(s.components.MultipleChoice.element),onChange:l,children:a?.map((c,u)=>{let d=g(c.label,e,t,o);return jsxRuntime.jsx("option",{value:c.value,children:d},u)})})]})}function re({component:e,processor:t,surfaceId:o,value:n,min:a=0,max:r=100}){let s=m(),i=F(n,e,t,o),l=c=>{!n||!t||typeof n!="object"||!("path"in n)||!n.path||t.setData(e,n.path,Number(c.target.value),o??y.DEFAULT_SURFACE_ID);};return jsxRuntime.jsxs("section",{className:p(s.components.Slider.container),children:[jsxRuntime.jsx("input",{type:"range",id:`slider-${e.id}`,className:p(s.components.Slider.element),value:i,min:a,max:r,onChange:l}),jsxRuntime.jsx("span",{className:p(s.components.Slider.label),children:i})]})}var V=class{constructor(){I(this,"registry",new Map);}register(t,o){if(!/^[a-zA-Z0-9]+$/.test(t))throw new Error(`[Registry] Invalid typeName '${t}'. Must be alphanumeric.`);this.registry.set(t,o);}get(t){return this.registry.get(t)}has(t){return this.registry.has(t)}unregister(t){return this.registry.delete(t)}getRegisteredTypes(){return Array.from(this.registry.keys())}},E=new V;function j({processor:e,surfaceId:t,childComponents:o,enableCustomElements:n=false,onAction:a}){return !o||!Array.isArray(o)?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:o.map(r=>jsxRuntime.jsx(R,{component:r,processor:e,surfaceId:t,enableCustomElements:n,onAction:a},r.id))})}function R({component:e,processor:t,surfaceId:o,enableCustomElements:n,onAction:a}){if(n){let r=E.get(e.type);if(r)return jsxRuntime.jsx(r,{component:e,processor:t,surfaceId:o,...e.properties},e.id)}switch(e.type){case "Text":{let r=e;return jsxRuntime.jsx(z,{component:r,processor:t,surfaceId:o,text:r.properties.text,usageHint:r.properties.usageHint},r.id)}case "Image":{let r=e;return jsxRuntime.jsx(O,{component:r,processor:t,surfaceId:o,url:r.properties.url,usageHint:r.properties.usageHint,fit:r.properties.fit},r.id)}case "Icon":{let r=e;return jsxRuntime.jsx(L,{component:r,processor:t,surfaceId:o,name:r.properties.name,container:r.properties.container,variant:r.properties.variant,size:r.properties.size},r.id)}case "Video":{let r=e;return jsxRuntime.jsx(_,{component:r,processor:t,surfaceId:o,url:r.properties.url},r.id)}case "AudioPlayer":{let r=e;return jsxRuntime.jsx(H,{component:r,processor:t,surfaceId:o,url:r.properties.url,description:r.properties.description},r.id)}case "Button":{let r=e;return jsxRuntime.jsx(Y,{component:r,processor:t,surfaceId:o,action:r.properties.action,onAction:a,children:r.properties.child&&jsxRuntime.jsx(R,{component:r.properties.child,processor:t,surfaceId:o,enableCustomElements:n,onAction:a})},r.id)}case "Row":{let r=e;return jsxRuntime.jsx(K,{component:r,processor:t,surfaceId:o,alignment:r.properties.alignment,distribution:r.properties.distribution,children:r.properties.children?.map(s=>jsxRuntime.jsx(R,{component:s,processor:t,surfaceId:o,enableCustomElements:n,onAction:a},s.id))},r.id)}case "Column":{let r=e;return jsxRuntime.jsx(G,{component:r,processor:t,surfaceId:o,alignment:r.properties.alignment,distribution:r.properties.distribution,children:r.properties.children?.map(s=>jsxRuntime.jsx(R,{component:s,processor:t,surfaceId:o,enableCustomElements:n,onAction:a},s.id))},r.id)}case "List":{let r=e;return jsxRuntime.jsx(W,{component:r,processor:t,surfaceId:o,direction:r.properties.direction,children:r.properties.children?.map(s=>jsxRuntime.jsx(R,{component:s,processor:t,surfaceId:o,enableCustomElements:n,onAction:a},s.id))},r.id)}case "Card":{let r=e,s=r.properties.children??(r.properties.child?[r.properties.child]:[]);return jsxRuntime.jsx(J,{component:r,processor:t,surfaceId:o,children:s.map(i=>jsxRuntime.jsx(R,{component:i,processor:t,surfaceId:o,enableCustomElements:n,onAction:a},i.id))},r.id)}case "Tabs":{let r=e,s=r.properties.tabItems?.map(l=>l.title)??[],i=r.properties.tabItems?.map(l=>jsxRuntime.jsx(R,{component:l.child,processor:t,surfaceId:o,enableCustomElements:n,onAction:a},l.child.id));return jsxRuntime.jsx(X,{component:r,processor:t,surfaceId:o,titles:s,children:i},r.id)}case "Divider":{let r=e;return jsxRuntime.jsx(q,{component:r,processor:t,surfaceId:o,axis:r.properties.axis,thickness:r.properties.thickness,color:r.properties.color},r.id)}case "Modal":{let r=e;return jsxRuntime.jsx(Z,{component:r,processor:t,surfaceId:o,entryPoint:jsxRuntime.jsx(R,{component:r.properties.entryPointChild,processor:t,surfaceId:o,enableCustomElements:n,onAction:a}),content:jsxRuntime.jsx(R,{component:r.properties.contentChild,processor:t,surfaceId:o,enableCustomElements:n,onAction:a})},r.id)}case "CheckBox":{let r=e;return jsxRuntime.jsx(Q,{component:r,processor:t,surfaceId:o,label:r.properties.label,value:r.properties.value},r.id)}case "TextField":{let r=e;return jsxRuntime.jsx(ee,{component:r,processor:t,surfaceId:o,label:r.properties.label,text:r.properties.text,usageHint:r.properties.usageHint,validationRegexp:r.properties.validationRegexp},r.id)}case "DateTimeInput":{let r=e;return jsxRuntime.jsx(te,{component:r,processor:t,surfaceId:o,value:r.properties.value,enableDate:r.properties.enableDate,enableTime:r.properties.enableTime},r.id)}case "MultipleChoice":{let r=e;return jsxRuntime.jsx(oe,{component:r,processor:t,surfaceId:o,value:r.properties.value,options:r.properties.options,label:r.properties.label,usageHint:r.properties.usageHint},r.id)}case "Slider":{let r=e;return jsxRuntime.jsx(re,{component:r,processor:t,surfaceId:o,value:r.properties.value,min:r.properties.min,max:r.properties.max,label:r.properties.label},r.id)}default:{if(n){let r=E.get(e.type);if(r)return jsxRuntime.jsx(r,{component:e,processor:t,surfaceId:o,...e.properties},e.id)}return jsxRuntime.jsxs("div",{className:"a2-br-2 a2-border a2-bc-e30 a2-p-2 a2-c-e50",children:["Unknown component type: ",e.type]},e.id)}}}function Ke({surfaceId:e,surface:t,processor:o,enableCustomElements:n=false,onAction:a,themeColors:r}){if(!t)return null;let s=()=>t.styles?.logoUrl?jsxRuntime.jsx("div",{className:"a2-mb-4 a2-dsp-flexhor a2-jc-center",children:jsxRuntime.jsx("img",{src:t.styles.logoUrl,alt:"Logo",className:"a2-w-50",style:{maxWidth:"220px"}})}):null,i=()=>jsxRuntime.jsx(j,{surfaceId:e,processor:o,childComponents:t.componentTree?[t.componentTree]:null,enableCustomElements:n,onAction:a}),l={paddingBottom:"80px",...r,...t.styles?.primaryColor&&!r?.["--p-50"]?{"--p-50":t.styles.primaryColor}:{}};return jsxRuntime.jsxs("div",{className:"a2ui-surface a2ui-root a2-dsp-flexvert a2-gap-8 a2-p-10",style:l,children:[s(),i()]})}function Ge({children:e,className:t}){let o=m();return jsxRuntime.jsx("div",{className:t,children:jsxRuntime.jsx(kt__default.default,{components:{p:({children:n})=>jsxRuntime.jsx("p",{className:o.markdown.p.join(" "),children:n}),h1:({children:n})=>jsxRuntime.jsx("h1",{className:o.markdown.h1.join(" "),children:n}),h2:({children:n})=>jsxRuntime.jsx("h2",{className:o.markdown.h2.join(" "),children:n}),h3:({children:n})=>jsxRuntime.jsx("h3",{className:o.markdown.h3.join(" "),children:n}),h4:({children:n})=>jsxRuntime.jsx("h4",{className:o.markdown.h4.join(" "),children:n}),h5:({children:n})=>jsxRuntime.jsx("h5",{className:o.markdown.h5.join(" "),children:n}),ul:({children:n})=>jsxRuntime.jsx("ul",{className:o.markdown.ul.join(" "),children:n}),ol:({children:n})=>jsxRuntime.jsx("ol",{className:o.markdown.ol.join(" "),children:n}),li:({children:n})=>jsxRuntime.jsx("li",{className:o.markdown.li.join(" "),children:n}),a:({children:n,href:a})=>jsxRuntime.jsx("a",{href:a,className:o.markdown.a.join(" "),children:n}),strong:({children:n})=>jsxRuntime.jsx("strong",{className:o.markdown.strong.join(" "),children:n}),em:({children:n})=>jsxRuntime.jsx("em",{className:o.markdown.em.join(" "),children:n})},children:e})})}function We(e){return jsxRuntime.jsx(kt__default.default,{children:e})}var St={};$(St,{DEFAULT_PATH_MAPPINGS:()=>a2uiCore.DEFAULT_PATH_MAPPINGS,SURFACE_IDS:()=>a2uiCore.SURFACE_IDS,audioPlayer:()=>a2uiCore.audioPlayer,body:()=>a2uiCore.body,button:()=>a2uiCore.button,caption:()=>a2uiCore.caption,card:()=>a2uiCore.card,checkbox:()=>a2uiCore.checkbox,choicePicker:()=>a2uiCore.choicePicker,column:()=>a2uiCore.column,createChatSurface:()=>a2uiCore.createChatSurface,createInputFormSurface:()=>a2uiCore.createInputFormSurface,createOrchestrationSurface:()=>a2uiCore.createOrchestrationSurface,createRecommendationSurface:()=>a2uiCore.createRecommendationSurface,createStatusSurface:()=>a2uiCore.createStatusSurface,createSurface:()=>a2uiCore.createSurface,createV09Messages:()=>a2uiCore.createV09Messages,dateTimeInput:()=>a2uiCore.dateTimeInput,deleteSurface:()=>a2uiCore.deleteSurface,divider:()=>a2uiCore.divider,flattenObjectToValueMap:()=>a2uiCore.flattenObjectToValueMap,generateId:()=>a2uiCore.generateId,h1:()=>a2uiCore.h1,h2:()=>a2uiCore.h2,h3:()=>a2uiCore.h3,h4:()=>a2uiCore.h4,h5:()=>a2uiCore.h5,icon:()=>a2uiCore.icon,image:()=>a2uiCore.image,jsonlToMessages:()=>a2uiCore.jsonlToMessages,list:()=>a2uiCore.list,messagesToJsonl:()=>a2uiCore.messagesToJsonl,modal:()=>a2uiCore.modal,normalizePath:()=>a2uiCore.normalizePath,objectToValueMap:()=>a2uiCore.objectToValueMap,resetIdCounter:()=>a2uiCore.resetIdCounter,row:()=>a2uiCore.row,slider:()=>a2uiCore.slider,tabs:()=>a2uiCore.tabs,text:()=>a2uiCore.text,textButton:()=>a2uiCore.textButton,textField:()=>a2uiCore.textField,updateComponents:()=>a2uiCore.updateComponents,updateDataModel:()=>a2uiCore.updateDataModel,updatesToValueMap:()=>a2uiCore.updatesToValueMap,valueMapToObject:()=>a2uiCore.valueMapToObject,valueToValueMap:()=>a2uiCore.valueToValueMap,video:()=>a2uiCore.video});var Je=react.createContext({processor:null,surfaceId:null});function lr({processor:e,surfaceId:t="@default",children:o}){return jsxRuntime.jsx(Je.Provider,{value:{processor:e,surfaceId:t},children:o})}function cr(){return react.useContext(Je)}var De=false;function ur(e){if(De)return;if(document.getElementById(e)){De=true;return}let t=document.createElement("style");t.id=e,t.textContent=A,document.head.appendChild(t),De=true;}function mr(e){let t=document.getElementById(e);t&&(t.remove(),De=false);}var Ro="a2ui-structural-styles";function fr({children:e,removeOnUnmount:t=false}){return react.useEffect(()=>(ur(Ro),()=>{t&&mr(Ro);}),[t]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:e})}function hr(){return A}function gr(){let e=document.createElement("style");return e.textContent=A,e}Object.defineProperty(exports,"A2UI_EXTENSION_URI",{enumerable:true,get:function(){return a2uiCore.A2UI_EXTENSION_URI}});Object.defineProperty(exports,"A2UI_MIME_TYPE",{enumerable:true,get:function(){return a2uiCore.A2UI_MIME_TYPE}});Object.defineProperty(exports,"DEFAULT_PATH_MAPPINGS",{enumerable:true,get:function(){return a2uiCore.DEFAULT_PATH_MAPPINGS}});Object.defineProperty(exports,"STANDARD_CATALOG_ID",{enumerable:true,get:function(){return a2uiCore.STANDARD_CATALOG_ID}});Object.defineProperty(exports,"SURFACE_IDS",{enumerable:true,get:function(){return a2uiCore.SURFACE_IDS}});Object.defineProperty(exports,"audioPlayer",{enumerable:true,get:function(){return a2uiCore.audioPlayer}});Object.defineProperty(exports,"body",{enumerable:true,get:function(){return a2uiCore.body}});Object.defineProperty(exports,"button",{enumerable:true,get:function(){return a2uiCore.button}});Object.defineProperty(exports,"caption",{enumerable:true,get:function(){return a2uiCore.caption}});Object.defineProperty(exports,"card",{enumerable:true,get:function(){return a2uiCore.card}});Object.defineProperty(exports,"checkbox",{enumerable:true,get:function(){return a2uiCore.checkbox}});Object.defineProperty(exports,"choicePicker",{enumerable:true,get:function(){return a2uiCore.choicePicker}});Object.defineProperty(exports,"column",{enumerable:true,get:function(){return a2uiCore.column}});Object.defineProperty(exports,"createChatSurface",{enumerable:true,get:function(){return a2uiCore.createChatSurface}});Object.defineProperty(exports,"createInputFormSurface",{enumerable:true,get:function(){return a2uiCore.createInputFormSurface}});Object.defineProperty(exports,"createOrchestrationSurface",{enumerable:true,get:function(){return a2uiCore.createOrchestrationSurface}});Object.defineProperty(exports,"createRecommendationSurface",{enumerable:true,get:function(){return a2uiCore.createRecommendationSurface}});Object.defineProperty(exports,"createStatusSurface",{enumerable:true,get:function(){return a2uiCore.createStatusSurface}});Object.defineProperty(exports,"createSurface",{enumerable:true,get:function(){return a2uiCore.createSurface}});Object.defineProperty(exports,"createV09Messages",{enumerable:true,get:function(){return a2uiCore.createV09Messages}});Object.defineProperty(exports,"dateTimeInput",{enumerable:true,get:function(){return a2uiCore.dateTimeInput}});Object.defineProperty(exports,"deleteSurface",{enumerable:true,get:function(){return a2uiCore.deleteSurface}});Object.defineProperty(exports,"divider",{enumerable:true,get:function(){return a2uiCore.divider}});Object.defineProperty(exports,"flattenObjectToValueMap",{enumerable:true,get:function(){return a2uiCore.flattenObjectToValueMap}});Object.defineProperty(exports,"generateId",{enumerable:true,get:function(){return a2uiCore.generateId}});Object.defineProperty(exports,"h1",{enumerable:true,get:function(){return a2uiCore.h1}});Object.defineProperty(exports,"h2",{enumerable:true,get:function(){return a2uiCore.h2}});Object.defineProperty(exports,"h3",{enumerable:true,get:function(){return a2uiCore.h3}});Object.defineProperty(exports,"h4",{enumerable:true,get:function(){return a2uiCore.h4}});Object.defineProperty(exports,"h5",{enumerable:true,get:function(){return a2uiCore.h5}});Object.defineProperty(exports,"icon",{enumerable:true,get:function(){return a2uiCore.icon}});Object.defineProperty(exports,"image",{enumerable:true,get:function(){return a2uiCore.image}});Object.defineProperty(exports,"isV09Message",{enumerable:true,get:function(){return a2uiCore.isV09Message}});Object.defineProperty(exports,"jsonlToMessages",{enumerable:true,get:function(){return a2uiCore.jsonlToMessages}});Object.defineProperty(exports,"list",{enumerable:true,get:function(){return a2uiCore.list}});Object.defineProperty(exports,"messagesToJsonl",{enumerable:true,get:function(){return a2uiCore.messagesToJsonl}});Object.defineProperty(exports,"modal",{enumerable:true,get:function(){return a2uiCore.modal}});Object.defineProperty(exports,"normalizePath",{enumerable:true,get:function(){return a2uiCore.normalizePath}});Object.defineProperty(exports,"objectToValueMap",{enumerable:true,get:function(){return a2uiCore.objectToValueMap}});Object.defineProperty(exports,"resetIdCounter",{enumerable:true,get:function(){return a2uiCore.resetIdCounter}});Object.defineProperty(exports,"row",{enumerable:true,get:function(){return a2uiCore.row}});Object.defineProperty(exports,"slider",{enumerable:true,get:function(){return a2uiCore.slider}});Object.defineProperty(exports,"tabs",{enumerable:true,get:function(){return a2uiCore.tabs}});Object.defineProperty(exports,"text",{enumerable:true,get:function(){return a2uiCore.text}});Object.defineProperty(exports,"textButton",{enumerable:true,get:function(){return a2uiCore.textButton}});Object.defineProperty(exports,"textField",{enumerable:true,get:function(){return a2uiCore.textField}});Object.defineProperty(exports,"updateComponents",{enumerable:true,get:function(){return a2uiCore.updateComponents}});Object.defineProperty(exports,"updateDataModel",{enumerable:true,get:function(){return a2uiCore.updateDataModel}});Object.defineProperty(exports,"updatesToValueMap",{enumerable:true,get:function(){return a2uiCore.updatesToValueMap}});Object.defineProperty(exports,"valueMapToObject",{enumerable:true,get:function(){return a2uiCore.valueMapToObject}});Object.defineProperty(exports,"valueToValueMap",{enumerable:true,get:function(){return a2uiCore.valueToValueMap}});Object.defineProperty(exports,"video",{enumerable:true,get:function(){return a2uiCore.video}});exports.A2UIRoot=j;exports.A2UI_EVENT_NAME=et;exports.A2uiMessageProcessor=y;exports.Audio=H;exports.Builders=St;exports.Button=Y;exports.Card=J;exports.Checkbox=Q;exports.Column=G;exports.ComponentRegistry=V;exports.ComponentRenderer=R;exports.Data=Qe;exports.DateTimeInput=te;exports.Divider=q;exports.Events=tt;exports.Icon=L;exports.Image=O;exports.List=W;exports.Markdown=Ge;exports.Modal=Z;exports.MultipleChoice=oe;exports.ProcessorContext=Je;exports.ProcessorProvider=lr;exports.Root=j;exports.Row=K;exports.Slider=re;exports.StyleProvider=fr;exports.Styles=mt;exports.Surface=Ke;exports.Tabs=X;exports.Text=z;exports.TextField=ee;exports.ThemeContext=Ue;exports.ThemeProvider=Bo;exports.Types=ot;exports.UI=Nt;exports.Video=_;exports.appendToAll=ct;exports.classesToString=pt;exports.cloneDefaultTheme=lt;exports.cn=p;exports.cnStyles=ut;exports.componentRegistry=E;exports.createMessageProcessor=Ze;exports.createStyleElement=gr;exports.createTheme=st;exports.defaultTheme=M;exports.extractNumberValue=F;exports.extractStringValue=g;exports.getA2UIStyles=nt;exports.getStylesCSS=hr;exports.isAnyComponentNode=k;exports.isBooleanValue=Ve;exports.isComponentArrayReference=ae;exports.isNumberValue=$e;exports.isObject=f;exports.isPath=ne;exports.isResolvedAudioPlayer=se;exports.isResolvedButton=ie;exports.isResolvedCard=le;exports.isResolvedCheckbox=ce;exports.isResolvedColumn=pe;exports.isResolvedDateTimeInput=de;exports.isResolvedDivider=ue;exports.isResolvedIcon=fe;exports.isResolvedImage=me;exports.isResolvedList=he;exports.isResolvedModal=ge;exports.isResolvedMultipleChoice=xe;exports.isResolvedRow=be;exports.isResolvedSlider=ye;exports.isResolvedTabItem=Ee;exports.isResolvedTabs=ve;exports.isResolvedText=Ce;exports.isResolvedTextField=Re;exports.isResolvedVideo=we;exports.isStringValue=N;exports.isValueMap=qe;exports.merge=T;exports.mergeStyles=it;exports.renderMarkdown=We;exports.structuralStyles=A;exports.stylesToCSS=dt;exports.useProcessor=cr;exports.useTheme=m;
|