npm - @app-studio/components - Versions diffs - 0.10.17 - Mend

@app-studio/components 0.10.17

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.

Files changed (1648) hide show

package/dist/web.umd.js ADDED Viewed

@@ -0,0 +1,36 @@
+(function(I,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react"),require("app-studio"),require("zustand"),require("react-router-dom"),require("react-dom"),require("formik")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","app-studio","zustand","react-router-dom","react-dom","formik"],r):(I=typeof globalThis<"u"?globalThis:I||self,r(I.AppStudioWeb={},I.jsxRuntime,I.React,I.appStudio,I.zustand,I.ReactRouterDOM,I.ReactDOM,I.Formik))})(this,function(I,r,h,i,tr,os,rs,Me){"use strict";var mb=Object.defineProperty;var hb=(I,r,h)=>r in I?mb(I,r,{enumerable:!0,configurable:!0,writable:!0,value:h}):I[r]=h;var Ne=(I,r,h)=>hb(I,typeof r!="symbol"?r+"":r,h);var co,cn;const Gr=(e="id")=>`${e}-${Math.random().toString(36).substring(2,9)}`,ts=({type:e="single",value:o,defaultValue:t,onValueChange:n,collapsible:a=!1})=>{const l=o!==void 0,s=o??t,m=()=>e==="multiple"?Array.isArray(s)?s:s?[s]:[]:Array.isArray(s)?s[0]:s,[d,c]=h.useState(m()),f=h.useMemo(()=>Gr("accordion"),[]),g=l?o:d,p=h.useMemo(()=>g===void 0?[]:Array.isArray(g)?g:[g],[g]);h.useEffect(()=>{l&&(e==="multiple"&&!Array.isArray(o)?(console.warn('Accordion with type="multiple" received non-array value:',o),c(o?[String(o)]:[])):e==="single"&&Array.isArray(o)?(console.warn('Accordion with type="single" received array value:',o),c(o.length>0?o[0]:void 0)):c(o))},[o,l,e]);const u=h.useCallback(y=>{let x;if(e==="single")g===y&&a?x=void 0:g!==y?x=y:x=g;else{const C=Array.isArray(g)?g:[];C.includes(y)?x=C.filter(w=>w!==y):x=[...C,y],Array.isArray(x)&&x.length===0&&(x=[])}l||c(x),n&&n(x)},[e,g,a,l,n]),b=h.useCallback(y=>p.includes(y),[p]);return{expandedItems:p,toggleItem:u,isItemExpanded:b,type:e,collapsible:a,baseId:f}},ns={square:{borderRadius:0},rounded:{borderRadius:8}},as={default:{borderWidth:0,style:{backgroundColor:"transparent"},transition:"background-color 0.15s ease"},outline:{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",transition:"border-color 0.15s ease, background-color 0.15s ease",_hover:{borderColor:"color-gray-300"}},filled:{backgroundColor:"color-gray-50",transition:"background-color 0.15s ease",_hover:{backgroundColor:"color-gray-100"}}},nr={airbnb:{metadata:{id:"airbnb",label:"Airbnb",sourcePath:"design.md/html/airbnb.html",sourceTitle:"Design System Inspiration of Airbnb",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"]},theme:{primary:"#ff385c",secondary:"#222222",success:"#428bff",warning:"#460479",error:"#c13515",canvas:"#ffffff",surface:"#f7f7f7",text:"#222222",muted:"#6a6a6a",border:"#dddddd",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#ff385c","primary-active":"#e00b41","primary-disabled":"#ffd1da",error:"#c13515",luxe:"#460479",plus:"#92174d",ink:"#222222",body:"#3f3f3f",muted:"#6a6a6a","muted-soft":"#929292",hairline:"#dddddd","hairline-soft":"#ebebeb","border-strong":"#c1c1c1",canvas:"#ffffff","surface-soft":"#f7f7f7","surface-strong":"#f2f2f2","on-primary":"#ffffff","legal-link":"#428bff",shadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",display:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",text:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, sans-serif"},colors:[{name:"primary",value:"#ff385c",role:"primary"},{name:"primary-active",value:"#e00b41",role:"primary active"},{name:"primary-disabled",value:"#ffd1da",role:"primary disabled"},{name:"error",value:"#c13515",role:"error"},{name:"luxe",value:"#460479",role:"luxe"},{name:"plus",value:"#92174d",role:"plus"},{name:"ink",value:"#222222",role:"ink"},{name:"body",value:"#3f3f3f",role:"body"},{name:"muted",value:"#6a6a6a",role:"muted"},{name:"muted-soft",value:"#929292",role:"muted soft"},{name:"hairline",value:"#dddddd",role:"hairline"},{name:"hairline-soft",value:"#ebebeb",role:"hairline soft"},{name:"border-strong",value:"#c1c1c1",role:"border strong"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface-soft",value:"#f7f7f7",role:"surface soft"},{name:"surface-strong",value:"#f2f2f2",role:"surface strong"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"legal-link",value:"#428bff",role:"legal link"},{name:"shadow",value:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",role:"shadow"}],typography:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","14px","48px","18px","20px","11px","28px","13px","12px","8px","64px","21px","10px","24px","36px","15px"],fontWeights:["400","600","700","500"],lineHeights:["1.5","1.1","1.43","1.25","2","1","1.2","1.35","1.4"]},spacing:["2px","4px","5px","6px","7px","8px","10px","11px","12px","13px","14px","16px","20px","23px","24px","28px","32px","40px","48px","56px"],radii:["9999px","8px","14px","4px","6px","3px"],shadows:["rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0","var(--shadow)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:null,color:null,borderColor:null,borderRadius:6,fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},header:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-secondary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-secondary"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-secondary",borderRadius:"14px"},trigger:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-secondary",borderColor:"theme-border",borderRadius:16},thead:{backgroundColor:"theme-surface",color:"theme-secondary"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-secondary",borderColor:"theme-border",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:"50%"},fallback:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:16},title:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"14px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-secondary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:"14px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:16,pillRadius:9999,badgeRadius:6,voice:"warm-welcoming"}},apple:{metadata:{id:"apple",label:"Apple",sourcePath:"design.md/html/apple.html",sourceTitle:"Design System Inspiration of Apple",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#0071E3",secondary:"#1d1d1f",success:"#0071e3",warning:"#272729",error:"#2997ff",canvas:"#ffffff",surface:"#f5f5f7",text:"#1d1d1f",muted:"#7a7a7a",border:"#e0e0e0",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#0066cc","primary-focus":"#0071e3","primary-on-dark":"#2997ff",ink:"#1d1d1f",body:"#1d1d1f","body-on-dark":"#ffffff","body-muted":"#cccccc","ink-muted-80":"#333333","ink-muted-48":"#7a7a7a","divider-soft":"#f0f0f0",hairline:"#e0e0e0",canvas:"#ffffff","canvas-parchment":"#f5f5f7","surface-pearl":"#fafafc","surface-tile-1":"#272729","surface-tile-2":"#2a2a2c","surface-tile-3":"#252527","surface-black":"#000000","surface-chip-translucent":"rgba(210, 210, 215, 0.64)","on-primary":"#ffffff","on-dark":"#ffffff",display:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",text:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},colors:[{name:"primary",value:"#0071E3",role:"primary"},{name:"primary-focus",value:"#0071e3",role:"primary focus"},{name:"primary-on-dark",value:"#2997ff",role:"primary on dark"},{name:"ink",value:"#1d1d1f",role:"ink"},{name:"body",value:"#1d1d1f",role:"body"},{name:"body-on-dark",value:"#ffffff",role:"body on dark"},{name:"body-muted",value:"#cccccc",role:"body muted"},{name:"ink-muted-80",value:"#333333",role:"ink muted 80"},{name:"ink-muted-48",value:"#7a7a7a",role:"ink muted 48"},{name:"divider-soft",value:"#f0f0f0",role:"divider soft"},{name:"hairline",value:"#e0e0e0",role:"hairline"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"canvas-parchment",value:"#f5f5f7",role:"canvas parchment"},{name:"surface-pearl",value:"#fafafc",role:"surface pearl"},{name:"surface-tile-1",value:"#272729",role:"surface tile 1"},{name:"surface-tile-2",value:"#2a2a2c",role:"surface tile 2"},{name:"surface-tile-3",value:"#252527",role:"surface tile 3"},{name:"surface-black",value:"#000000",role:"surface black"},{name:"surface-chip-translucent",value:"rgba(210, 210, 215, 0.64)",role:"surface chip translucent"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"on-dark",value:"#ffffff",role:"on dark"}],typography:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["17px","14px","56px","21px","12px","40px","24px","13px","18px","28px","11px","34px","44px","32px","19px"],fontWeights:["400","600","300","700"],lineHeights:["1.47","1.07","1.19","1.1","1.43","1.5","1","1.14","2.0","2.41","1.2","1.35"]},spacing:["5px","6px","7px","8px","10px","11px","12px","14px","15px","16px","18px","20px","21px","22px","24px","28px","32px","44px","48px","50px"],radii:["9999px","18px","28px","24px","8px","11px","50%","12px","4px","6px","3px"],shadows:["0 5px 30px rgba(0, 0, 0, 0.22)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,borderColor:"theme-primary",letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:8,fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",letterSpacing:"-0.022em",textTransform:"none",fontWeight:300,fontStyle:"normal"},text:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:18,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 5px 30px rgba(0, 0, 0, 0.22)"},header:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.022em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-secondary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-secondary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-secondary",borderRadius:"18px"},trigger:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-secondary",borderColor:"theme-border",borderRadius:18},thead:{backgroundColor:"theme-surface",color:"theme-secondary"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-secondary",borderColor:"theme-border",letterSpacing:"-0.022em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.022em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:"50%"},fallback:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:18},title:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"18px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-secondary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:"18px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary"}}}},personality:{cornerStyle:"soft",typeWeight:"light",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.022em",accentTreatment:"flat",signatureMotif:"◯",density:"spacious",surfaceTone:"paper",cardRadius:18,pillRadius:9999,badgeRadius:8,voice:"minimal-precise"}},coinbase:{metadata:{id:"coinbase",label:"Coinbase",sourcePath:"design.md/html/coinbase.html",sourceTitle:"Design System Inspiration of Coinbase",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap"]},theme:{primary:"#0052ff",secondary:"#0a0b0d",success:"#16a34a",warning:"#003ecc",error:"#dc2626",canvas:"#ffffff",surface:"#f7f7f7",text:"#0a0b0d",muted:"#5b616e",border:"#dee1e6",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#0052ff","primary-active":"#003ecc","primary-disabled":"#a8b8cc",ink:"#0a0b0d",body:"#5b616e",muted:"#7c828a","muted-soft":"#a8acb3",hairline:"#dee1e6","hairline-soft":"#eef0f3",canvas:"#ffffff","surface-soft":"#f7f7f7","surface-strong":"#eef0f3","surface-dark":"#0a0b0d","surface-dark-elevated":"#16181c","on-primary":"#ffffff","on-dark":"#ffffff","on-dark-soft":"#a8acb3","semantic-up":"#05b169","semantic-down":"#cf202f","accent-yellow":"#f4b000",display:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",text:"'Inter', 'Coinbase Sans', sans-serif",mono:"'JetBrains Mono', 'Coinbase Mono', monospace"},colors:[{name:"primary",value:"#0052ff",role:"primary"},{name:"primary-active",value:"#003ecc",role:"primary active"},{name:"primary-disabled",value:"#a8b8cc",role:"primary disabled"},{name:"ink",value:"#0a0b0d",role:"ink"},{name:"body",value:"#5b616e",role:"body"},{name:"muted",value:"#7c828a",role:"muted"},{name:"muted-soft",value:"#a8acb3",role:"muted soft"},{name:"hairline",value:"#dee1e6",role:"hairline"},{name:"hairline-soft",value:"#eef0f3",role:"hairline soft"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface-soft",value:"#f7f7f7",role:"surface soft"},{name:"surface-strong",value:"#eef0f3",role:"surface strong"},{name:"surface-dark",value:"#0a0b0d",role:"surface dark"},{name:"surface-dark-elevated",value:"#16181c",role:"surface dark elevated"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-soft",value:"#a8acb3",role:"on dark soft"},{name:"semantic-up",value:"#05b169",role:"semantic up"},{name:"semantic-down",value:"#cf202f",role:"semantic down"},{name:"accent-yellow",value:"#f4b000",role:"accent yellow"}],typography:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",monoFamily:"'JetBrains Mono', 'Coinbase Mono', monospace",fontSizes:["16px","14px","72px","18px","13px","36px","12px","44px","11px","52px","28px","40px","32px","48px","26px"],fontWeights:["500","600","400","700"],lineHeights:["1.5","1.2","1.05","1.15","1.0","1.09","1","1.35","1.4"]},spacing:["4px","5px","6px","8px","10px","11px","12px","13px","14px","15px","16px","19px","20px","24px","28px","32px","40px","44px","48px","56px"],radii:["100px","24px","20px","16px","9999px","14px","12px","8px","6px","3px"],shadows:["0 16px 40px rgba(0,0,0,0.5)","0 16px 40px rgba(0,0,0,0.4)","0 4px 12px rgba(0,0,0,0.04)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 16px 40px rgba(0,0,0,0.5)"},header:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-secondary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-secondary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-secondary",borderRadius:"16px"},trigger:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-secondary",borderColor:"theme-border",borderRadius:12},thead:{backgroundColor:"theme-surface",color:"theme-secondary"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"'JetBrains Mono', 'Coinbase Mono', monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-secondary",borderColor:"theme-border",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:"50%"},fallback:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:12},title:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"16px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-secondary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:"16px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"◆",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"trustworthy-financial"}},figma:{metadata:{id:"figma",label:"Figma",sourcePath:"design.md/html/figma.html",sourceTitle:"Design System Inspiration of Figma",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300..700&family=JetBrains+Mono:wght@400;500&display=swap"]},theme:{primary:"#F24E1E",secondary:"#A259FF",success:"#0ACF83",warning:"#FFC700",error:"#FF7262",canvas:"#ffffff",surface:"#f7f7f5",text:"#000000",muted:"#6b7280",border:"#e6e6e6",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#000000","on-primary":"#ffffff",ink:"#000000",canvas:"#ffffff","inverse-canvas":"#000000","inverse-ink":"#ffffff",hairline:"#e6e6e6","hairline-soft":"#f1f1f1","surface-soft":"#f7f7f5","block-lime":"#dceeb1","block-lilac":"#c5b0f4","block-cream":"#f4ecd6","block-pink":"#efd4d4","block-mint":"#c8e6cd","block-coral":"#f3c9b6","block-navy":"#1f1d3d","accent-magenta":"#ff3d8b","semantic-success":"#1ea64a",sans:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",mono:"'JetBrains Mono', 'SF Mono', Menlo, monospace"},colors:[{name:"primary",value:"#F24E1E",role:"primary"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#000000",role:"ink"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"inverse-canvas",value:"#000000",role:"inverse canvas"},{name:"inverse-ink",value:"#ffffff",role:"inverse ink"},{name:"hairline",value:"#e6e6e6",role:"hairline"},{name:"hairline-soft",value:"#f1f1f1",role:"hairline soft"},{name:"surface-soft",value:"#f7f7f5",role:"surface soft"},{name:"block-lime",value:"#dceeb1",role:"block lime"},{name:"block-lilac",value:"#c5b0f4",role:"block lilac"},{name:"block-cream",value:"#f4ecd6",role:"block cream"},{name:"block-pink",value:"#efd4d4",role:"block pink"},{name:"block-mint",value:"#c8e6cd",role:"block mint"},{name:"block-coral",value:"#f3c9b6",role:"block coral"},{name:"block-navy",value:"#1f1d3d",role:"block navy"},{name:"accent-magenta",value:"#ff3d8b",role:"accent magenta"},{name:"semantic-success",value:"#1ea64a",role:"semantic success"}],typography:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",monoFamily:"'JetBrains Mono', 'SF Mono', Menlo, monospace",fontSizes:["18px","16px","80px","20px","12px","40px","14px","11px","26px","24px","32px","13px","10px","56px","36px"],fontWeights:["320","330","480","600","500","700"],lineHeights:["1.45","1.0","1.4","1.1","1.6","1.35","1","1.2"]},spacing:["5px","6px","8px","10px","12px","14px","16px","20px","22px","24px","28px","32px","36px","40px","44px","48px","56px","64px","96px","100px"],radii:["50px","8px","9999px","24px","6px","2px","3px"],shadows:["0 0 0 2px rgba(0,0,0,0.08)","none","0 4px 16px rgba(0,0,0,0.06)","0 12px 32px rgba(0,0,0,0.18)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:4,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary",borderRadius:8,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 2px rgba(0,0,0,0.08)"},header:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-primary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-primary",borderRadius:"12px"},trigger:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-primary",borderColor:"theme-border",borderRadius:8},thead:{backgroundColor:"theme-surface",color:"theme-primary"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"'JetBrains Mono', 'SF Mono', Menlo, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-primary",borderColor:"theme-border",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:8},title:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"8px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:"12px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"✦",density:"comfortable",surfaceTone:"paper",cardRadius:8,pillRadius:9999,badgeRadius:4,voice:"playful-creative"}},linear:{metadata:{id:"linear",label:"Linear",sourcePath:"design.md/html/linear.html",sourceTitle:"Design System Inspiration of Linear",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400&display=swap"]},theme:{primary:"#5e6ad2",secondary:"#828fff",success:"#27a644",warning:"#5e69d1",error:"#828fff",canvas:"#08090A",surface:"#1C1D1F",text:"#f7f8f8",muted:"#8a8f98",border:"#23252a",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#5e6ad2","primary-hover":"#828fff","primary-focus":"#5e69d1","on-primary":"#ffffff",ink:"#f7f8f8","ink-muted":"#d0d6e0","ink-subtle":"#8a8f98","ink-tertiary":"#62666d",canvas:"#010102","surface-1":"#0f1011","surface-2":"#141516","surface-3":"#18191a","surface-4":"#191a1b",hairline:"#23252a","hairline-strong":"#34343a","hairline-tertiary":"#3e3e44","semantic-success":"#27a644",sans:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",mono:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace"},colors:[{name:"primary",value:"#5e6ad2",role:"primary"},{name:"primary-hover",value:"#828fff",role:"primary hover"},{name:"primary-focus",value:"#5e69d1",role:"primary focus"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#f7f8f8",role:"ink"},{name:"ink-muted",value:"#d0d6e0",role:"ink muted"},{name:"ink-subtle",value:"#8a8f98",role:"ink subtle"},{name:"ink-tertiary",value:"#62666d",role:"ink tertiary"},{name:"canvas",value:"#08090A",role:"canvas"},{name:"surface-1",value:"#0f1011",role:"surface 1"},{name:"surface-2",value:"#141516",role:"surface 2"},{name:"surface-3",value:"#18191a",role:"surface 3"},{name:"surface-4",value:"#191a1b",role:"surface 4"},{name:"hairline",value:"#23252a",role:"hairline"},{name:"hairline-strong",value:"#34343a",role:"hairline strong"},{name:"hairline-tertiary",value:"#3e3e44",role:"hairline tertiary"},{name:"semantic-success",value:"#27a644",role:"semantic success"}],typography:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",monoFamily:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace",fontSizes:["16px","14px","80px","18px","13px","56px","15px","12px","11px","28px","40px","22px","10px","36px"],fontWeights:["400","500","600","700"],lineHeights:["1.50","1.05","1.20","1.10","1.5","1.6","1.25","1","1.2","1.35","1.4"]},spacing:["2px","5px","6px","8px","10px","12px","14px","16px","20px","24px","28px","32px","36px","40px","48px","56px","64px","80px","96px","120px"],radii:["8px","12px","9999px","16px","4px","2px","6px","3px"],shadows:["rgba(255,255,255,0.05) 0 0.5px 0 0.5px","0 0 0 2px rgba(94,105,209,0.25)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-on-primary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-on-primary",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",letterSpacing:"-0.025em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(255,255,255,0.05) 0 0.5px 0 0.5px"},header:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.025em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.025em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.025em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-text"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-text"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-text",borderRadius:"12px"},trigger:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-text",borderColor:"theme-border",borderRadius:12},thead:{backgroundColor:"theme-surface",color:"theme-text"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-text",borderColor:"theme-border",letterSpacing:"-0.025em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.025em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:"50%"},fallback:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:12},title:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"8px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-text"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:"12px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.025em",accentTreatment:"gradient",signatureMotif:"↗",density:"tight",surfaceTone:"glass",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"speed-clarity"}},nike:{metadata:{id:"nike",label:"Nike",sourcePath:"design.md/html/nike.html",sourceTitle:"Design System Inspiration of Nike",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"#111111",secondary:"#FA5400",success:"#76E0B5",warning:"#1151ff",error:"#d30005",canvas:"#ffffff",surface:"#f5f5f5",text:"#111111",muted:"#707072",border:"#cacacb",onPrimary:"#ffffff"},tokens:{rawCssVars:{ink:"#111111","on-primary":"#ffffff",canvas:"#ffffff","soft-cloud":"#f5f5f5",charcoal:"#39393b",ash:"#4b4b4d",mute:"#707072",stone:"#9e9ea0",hairline:"#cacacb","hairline-soft":"#e5e5e5",sale:"#d30005","sale-deep":"#780700",success:"#007d48","success-bright":"#1eaa52",info:"#1151ff","info-deep":"#0034e3","accent-pink":"#ed1aa0","accent-pink-soft":"#ffb0dd","accent-purple-soft":"#beaffd","accent-purple-pale":"#d6d1ff","accent-teal":"#0a7281","accent-pink-deep":"#4c012d","font-display":"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif","font-ui":"'Inter', 'Helvetica Now Text Medium', Helvetica, Arial, sans-serif","font-body":"'Inter', 'Helvetica Now Text', Helvetica, Arial, sans-serif"},colors:[{name:"ink",value:"#111111",role:"ink"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"soft-cloud",value:"#f5f5f5",role:"soft cloud"},{name:"charcoal",value:"#39393b",role:"charcoal"},{name:"ash",value:"#4b4b4d",role:"ash"},{name:"mute",value:"#707072",role:"mute"},{name:"stone",value:"#9e9ea0",role:"stone"},{name:"hairline",value:"#cacacb",role:"hairline"},{name:"hairline-soft",value:"#e5e5e5",role:"hairline soft"},{name:"sale",value:"#d30005",role:"sale"},{name:"sale-deep",value:"#780700",role:"sale deep"},{name:"success",value:"#76E0B5",role:"success"},{name:"success-bright",value:"#1eaa52",role:"success bright"},{name:"info",value:"#1151ff",role:"info"},{name:"info-deep",value:"#0034e3",role:"info deep"},{name:"accent-pink",value:"#ed1aa0",role:"accent pink"},{name:"accent-pink-soft",value:"#ffb0dd",role:"accent pink soft"},{name:"accent-purple-soft",value:"#beaffd",role:"accent purple soft"},{name:"accent-purple-pale",value:"#d6d1ff",role:"accent purple pale"},{name:"accent-teal",value:"#0a7281",role:"accent teal"},{name:"accent-pink-deep",value:"#4c012d",role:"accent pink deep"}],typography:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","15px","14px","96px","18px","12px","56px","13px","11px","24px","40px","64px","48px","32px"],fontWeights:["700","500","600"],lineHeights:["1.5","0.92","1","1.4","1.6","0.9","1.2","1.75","1.7","1.35"]},spacing:["2px","4px","5px","6px","8px","10px","12px","14px","16px","18px","20px","24px","28px","30px","32px","36px","40px","44px","48px","56px"],radii:["9999px","24px","14px","6px","3px"],shadows:["0 0 0 12px var(--soft-cloud)","0 20px 30px -10px rgba(0,0,0,0.18)","0 0 0 2px var(--canvas), 0 0 0 4px var(--ink)","inset 0 -1px 0 var(--hairline-soft)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:0,fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,borderColor:"theme-primary",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"italic",backgroundColor:null},content:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"italic"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:800,fontStyle:"italic"},text:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"theme-secondary",borderColor:"theme-border",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 12px var(--soft-cloud)"},header:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontStyle:"italic",letterSpacing:"0.02em"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontStyle:"italic",letterSpacing:"0.02em"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{},text:{letterSpacing:"0.02em",fontStyle:"italic"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},infoText:{color:"theme-muted"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-primary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-primary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-secondary",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-primary",borderColor:"theme-border",borderRadius:4},thead:{backgroundColor:"theme-secondary",color:"theme-primary"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},tr:{borderColor:"theme-border"},td:{color:"theme-primary",borderColor:"theme-border",letterSpacing:"0.02em",fontStyle:"italic"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"0.02em"}}},avatar:{views:{container:{backgroundColor:"theme-secondary",borderColor:"theme-border",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-secondary",borderColor:"theme-border",borderRadius:4},title:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},description:{color:"theme-muted",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:0,views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:0},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-secondary",borderColor:"theme-border",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"black",typeCase:"uppercase",typeStyle:"italic",letterSpacing:"0.02em",accentTreatment:"flat",signatureMotif:"▶",density:"tight",surfaceTone:"mono",cardRadius:4,pillRadius:0,badgeRadius:0,voice:"athletic-bold"}},notion:{metadata:{id:"notion",label:"Notion",sourcePath:"design.md/html/notion.html",sourceTitle:"Design System Inspiration of Notion",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"]},theme:{primary:"#5645d4",secondary:"#ff64c8",success:"#1aae39",warning:"#dd5b00",error:"#ff64c8",canvas:"#ffffff",surface:"#fafaf9",text:"#1a1a1a",muted:"#bbb8b1",border:"#e5e3df",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#5645d4","primary-pressed":"#4534b3","primary-deep":"#3a2a99","on-primary":"#ffffff","brand-navy":"#0a1530","brand-navy-deep":"#070f24","link-blue":"#0075de","brand-pink":"#ff64c8","brand-orange":"#dd5b00","brand-purple":"#7b3ff2","brand-purple-800":"#391c57","brand-orange-deep":"#793400","brand-green":"#1aae39","brand-yellow":"#f5d75e","brand-teal":"#2a9d99","tint-peach":"#ffe8d4","tint-rose":"#fde0ec","tint-mint":"#d9f3e1","tint-lavender":"#e6e0f5","tint-sky":"#dcecfa","tint-yellow":"#fef7d6","tint-yellow-bold":"#f9e79f","tint-cream":"#f8f5e8",canvas:"#ffffff",surface:"#f6f5f4","surface-soft":"#fafaf9",hairline:"#e5e3df","hairline-soft":"#ede9e4","hairline-strong":"#c8c4be","hairline-dark":"rgba(255,255,255,0.16)","ink-deep":"#000000",ink:"#1a1a1a",charcoal:"#37352f",slate:"#5d5b54",steel:"#787671",stone:"#a4a097",muted:"#bbb8b1","on-dark":"#ffffff","on-dark-muted":"#a4a097"},colors:[{name:"primary",value:"#5645d4",role:"primary"},{name:"primary-pressed",value:"#4534b3",role:"primary pressed"},{name:"primary-deep",value:"#3a2a99",role:"primary deep"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"brand-navy",value:"#0a1530",role:"brand navy"},{name:"brand-navy-deep",value:"#070f24",role:"brand navy deep"},{name:"link-blue",value:"#0075de",role:"link blue"},{name:"brand-pink",value:"#ff64c8",role:"brand pink"},{name:"brand-orange",value:"#dd5b00",role:"brand orange"},{name:"brand-purple",value:"#7b3ff2",role:"brand purple"},{name:"brand-purple-800",value:"#391c57",role:"brand purple 800"},{name:"brand-orange-deep",value:"#793400",role:"brand orange deep"},{name:"brand-green",value:"#1aae39",role:"brand green"},{name:"brand-yellow",value:"#f5d75e",role:"brand yellow"},{name:"brand-teal",value:"#2a9d99",role:"brand teal"},{name:"tint-peach",value:"#ffe8d4",role:"tint peach"},{name:"tint-rose",value:"#fde0ec",role:"tint rose"},{name:"tint-mint",value:"#d9f3e1",role:"tint mint"},{name:"tint-lavender",value:"#e6e0f5",role:"tint lavender"},{name:"tint-sky",value:"#dcecfa",role:"tint sky"},{name:"tint-yellow",value:"#fef7d6",role:"tint yellow"},{name:"tint-yellow-bold",value:"#f9e79f",role:"tint yellow bold"},{name:"tint-cream",value:"#f8f5e8",role:"tint cream"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface",value:"#f6f5f4",role:"surface"},{name:"surface-soft",value:"#fafaf9",role:"surface soft"},{name:"hairline",value:"#e5e3df",role:"hairline"},{name:"hairline-soft",value:"#ede9e4",role:"hairline soft"},{name:"hairline-strong",value:"#c8c4be",role:"hairline strong"},{name:"hairline-dark",value:"rgba(255,255,255,0.16)",role:"hairline dark"},{name:"ink-deep",value:"#000000",role:"ink deep"},{name:"ink",value:"#1a1a1a",role:"ink"},{name:"charcoal",value:"#37352f",role:"charcoal"},{name:"slate",value:"#5d5b54",role:"slate"},{name:"steel",value:"#787671",role:"steel"},{name:"stone",value:"#a4a097",role:"stone"},{name:"muted",value:"#bbb8b1",role:"muted"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-muted",value:"#a4a097",role:"on dark muted"}],typography:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["14px","15px","12px","80px","18px","48px","16px","13px","22px","11px","56px","36px","10px","20px","28px"],fontWeights:["500","600","400","700"],lineHeights:["1.55","1","1.05","1.15","1.4","1.3","1.5","1.1","1.2","1.35"]},spacing:["2px","4px","5px","6px","8px","10px","11px","12px","14px","15px","16px","18px","20px","24px","31px","32px","40px","44px","48px","56px"],radii:["6px","8px","16px","50%","12px","9999px","4px","3px"],shadows:["rgba(15, 15, 15, 0.20) 0px 24px 48px -8px","rgba(15,15,15,0.04) 0px 1px 2px 0px","rgba(15,15,15,0.08) 0px 4px 12px 0px","rgba(15,15,15,0.20) 0px 24px 48px -8px","rgba(15,15,15,0.16) 0px 16px 48px -8px"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,borderColor:"theme-primary",letterSpacing:"0em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:4,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",letterSpacing:"0em",textTransform:"none",fontWeight:400,fontStyle:"normal"},text:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(15, 15, 15, 0.20) 0px 24px 48px -8px"},header:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontStyle:"normal",letterSpacing:"0em"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontStyle:"normal",letterSpacing:"0em"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-text"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-text"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-text",borderRadius:"12px"},trigger:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-text",borderColor:"theme-border",borderRadius:10},thead:{backgroundColor:"theme-surface",color:"theme-text"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-text",borderColor:"theme-border",letterSpacing:"0em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"0em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:"50%"},fallback:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:10},title:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"8px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-text"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:"12px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text"}}}},personality:{cornerStyle:"soft",typeWeight:"regular",typeCase:"normal",typeStyle:"normal",letterSpacing:"0em",accentTreatment:"flat",signatureMotif:"◇",density:"comfortable",surfaceTone:"paper",cardRadius:10,pillRadius:9999,badgeRadius:4,voice:"thoughtful-quiet"}},revolut:{metadata:{id:"revolut",label:"Revolut",sourcePath:"design.md/html/revolut.html",sourceTitle:"Design System Inspiration of Revolut",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"#1361F0",secondary:"#101D31",success:"#16a34a",warning:"#d97706",error:"#e61e49",canvas:"#ffffff",surface:"#f4f4f4",text:"#191c1f",muted:"#505a63",border:"#e5e7eb",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#494fdf","primary-bright":"#4f55f1","primary-deep":"#3a40c4","on-primary":"#ffffff",ink:"#191c1f",body:"#1f2226",charcoal:"#3a3d40",mute:"#505a63",ash:"#5c5e60",stone:"#8d969e",faint:"#c9c9cd","on-dark":"#ffffff","on-dark-mute":"rgba(255,255,255,0.72)","canvas-light":"#ffffff","canvas-dark":"#000000","surface-soft":"#f4f4f4","surface-card":"#ffffff","surface-deep":"#0a0a0a","surface-elevated":"#16181a","hairline-light":"#e2e2e7","hairline-dark":"rgba(255,255,255,0.12)","hairline-strong":"#191c1f","divider-soft":"rgba(255,255,255,0.06)",teal:"#00a87e","light-blue":"#007bc2","blue-link":"#376cd5","light-green":"#428619","green-text":"#006400",yellow:"#b09000",warning:"#ec7e00",pink:"#e61e49",danger:"#e23b4a","deep-red":"#8b0000",brown:"#936d62","font-display":"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif","font-ui":"'Inter', system-ui, sans-serif"},colors:[{name:"primary",value:"#1361F0",role:"primary"},{name:"primary-bright",value:"#4f55f1",role:"primary bright"},{name:"primary-deep",value:"#3a40c4",role:"primary deep"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#191c1f",role:"ink"},{name:"body",value:"#1f2226",role:"body"},{name:"charcoal",value:"#3a3d40",role:"charcoal"},{name:"mute",value:"#505a63",role:"mute"},{name:"ash",value:"#5c5e60",role:"ash"},{name:"stone",value:"#8d969e",role:"stone"},{name:"faint",value:"#c9c9cd",role:"faint"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-mute",value:"rgba(255,255,255,0.72)",role:"on dark mute"},{name:"canvas-light",value:"#ffffff",role:"canvas light"},{name:"canvas-dark",value:"#000000",role:"canvas dark"},{name:"surface-soft",value:"#f4f4f4",role:"surface soft"},{name:"surface-card",value:"#ffffff",role:"surface card"},{name:"surface-deep",value:"#0a0a0a",role:"surface deep"},{name:"surface-elevated",value:"#16181a",role:"surface elevated"},{name:"hairline-light",value:"#e2e2e7",role:"hairline light"},{name:"hairline-dark",value:"rgba(255,255,255,0.12)",role:"hairline dark"},{name:"hairline-strong",value:"#191c1f",role:"hairline strong"},{name:"divider-soft",value:"rgba(255,255,255,0.06)",role:"divider soft"},{name:"teal",value:"#00a87e",role:"teal"},{name:"light-blue",value:"#007bc2",role:"light blue"},{name:"blue-link",value:"#376cd5",role:"blue link"},{name:"light-green",value:"#428619",role:"light green"},{name:"green-text",value:"#006400",role:"green text"},{name:"yellow",value:"#b09000",role:"yellow"},{name:"warning",value:"#d97706",role:"warning"},{name:"pink",value:"#e61e49",role:"pink"},{name:"danger",value:"#e23b4a",role:"danger"},{name:"deep-red",value:"#8b0000",role:"deep red"},{name:"brown",value:"#936d62",role:"brown"}],typography:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","14px","18px","12px","96px","56px","24px","13px","32px","11px","64px","44px"],fontWeights:["600","500","700"],lineHeights:["1.5","1.0","1.56","1.4","1.33","1.19","1.6","1.2","1.35"]},spacing:["4px","6px","8px","10px","12px","13px","14px","16px","20px","24px","27px","28px","32px","36px","40px","48px","56px","64px","80px","88px"],radii:["9999px","20px","28px","36px","24px","12px","3px"],shadows:[]},components:{button:{variant:"filled",size:"md",shape:"pill",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:9999,fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",letterSpacing:"-0.02em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:20,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.08)"},header:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:9999},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:9999}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-text"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-text"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-text",borderRadius:"24px"},trigger:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-text",borderColor:"theme-border",borderRadius:20},thead:{backgroundColor:"theme-surface",color:"theme-text"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-text",borderColor:"theme-border",letterSpacing:"-0.02em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.02em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:"50%"},fallback:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:20},title:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"24px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-text"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:"24px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text"}}}},personality:{cornerStyle:"pill",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.02em",accentTreatment:"gradient",signatureMotif:"★",density:"comfortable",surfaceTone:"glass",cardRadius:20,pillRadius:9999,badgeRadius:9999,voice:"bold-fintech"}},shopify:{metadata:{id:"shopify",label:"Shopify",sourcePath:"design.md/html/shopify.html",sourceTitle:"Design System Inspired by Shopify",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#008060",secondary:"#202223",success:"#008060",warning:"#FFC453",error:"#D72C0D",canvas:"#FFFFFF",surface:"#F6F6F7",text:"#202223",muted:"#6D7175",border:"#E1E3E5",onPrimary:"#FFFFFF"},tokens:{rawCssVars:{white:"#FFFFFF",black:"#000000","neon-green":"#36F4A4",aloe:"#C1FBD4",pistachio:"#D4F9E0","deep-teal":"#02090A","dark-forest":"#061A1C",forest:"#102620","card-border":"#1E2C31","shade-30":"#D4D4D8",muted:"#A1A1AA","shade-50":"#71717A","shade-60":"#52525B","shade-70":"#3F3F46","light-border":"#E4E4E7","link-muted":"#9797A2","shadow-card":"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},colors:[{name:"white",value:"#FFFFFF",role:"white"},{name:"black",value:"#000000",role:"black"},{name:"neon-green",value:"#36F4A4",role:"neon green"},{name:"aloe",value:"#C1FBD4",role:"aloe"},{name:"pistachio",value:"#D4F9E0",role:"pistachio"},{name:"deep-teal",value:"#02090A",role:"deep teal"},{name:"dark-forest",value:"#061A1C",role:"dark forest"},{name:"forest",value:"#102620",role:"forest"},{name:"card-border",value:"#1E2C31",role:"card border"},{name:"shade-30",value:"#D4D4D8",role:"shade 30"},{name:"muted",value:"#A1A1AA",role:"muted"},{name:"shade-50",value:"#71717A",role:"shade 50"},{name:"shade-60",value:"#52525B",role:"shade 60"},{name:"shade-70",value:"#3F3F46",role:"shade 70"},{name:"light-border",value:"#E4E4E7",role:"light border"},{name:"link-muted",value:"#9797A2",role:"link muted"},{name:"shadow-card",value:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset",role:"shadow card"}],typography:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["20px","16px","14px","80px","48px","18px","12px","13px","11px","55px","32px","28px","24px","36px"],fontWeights:["400","600","500","330","360","550","700"],lineHeights:["1.5","0.96","1.14","1.56","1.16","1.28","1.4","1.49","1.2","1.35"]},spacing:["4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","40px","48px","64px","72px","80px","100px"],radii:["9999px","8px","4px","12px","2px","3px"],shadows:["rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset","0 0 0 2px var(--neon-green)","var(--shadow-card)","rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"color-aloe",color:"theme-canvas",borderColor:"color-aloe",borderRadius:6,fontFamily:"'Inter', Helvetica, Arial, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},header:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-secondary"},valueLabel:{color:"color-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"color-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-secondary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-canvas",color:"theme-secondary",borderRadius:"24px"},trigger:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-secondary",borderColor:"theme-border",borderRadius:12},thead:{backgroundColor:"theme-canvas",color:"theme-secondary"},th:{color:"color-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-secondary",borderColor:"theme-border",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:"50%"},fallback:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",borderRadius:12},title:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"16px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-secondary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:"24px"},item:{color:"color-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-muted"},title:{color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"commerce-friendly"}},spacex:{metadata:{id:"spacex",label:"SpaceX",sourcePath:"design.md/html/spaceX.html",sourceTitle:"Design System Preview: SpaceX (Light)",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Share+Tech&display=swap"]},theme:{primary:"#f0f0fa",secondary:"#a3a3a3",success:"#4ade80",warning:"#fbbf24",error:"#ef4444",canvas:"#000000",surface:"#0c0c12",text:"#f0f0fa",muted:"#7a7a8a",border:"#2a2a32",onPrimary:"#000000"},tokens:{rawCssVars:{black:"#000000",spectral:"#f0f0fa","ghost-bg":"rgba(240,240,250,0.1)","ghost-border":"rgba(240,240,250,0.35)",overlay:"rgba(0,0,0,0.5)",font:"'Share Tech', Arial, Verdana, sans-serif"},colors:[{name:"black",value:"#000000",role:"black"},{name:"spectral",value:"#f0f0fa",role:"spectral"},{name:"ghost-bg",value:"rgba(240,240,250,0.1)",role:"ghost bg"},{name:"ghost-border",value:"rgba(240,240,250,0.35)",role:"ghost border"},{name:"overlay",value:"rgba(0,0,0,0.5)",role:"overlay"}],typography:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","13px","12px","48px","10px","32px","11px","9px","14px"],fontWeights:["700","400","600"],lineHeights:["1.50","1.00","1.70","1.2","1.35","1.4"]},spacing:["8px","10px","12px","14px","16px","18px","20px","24px","28px","32px","48px","60px","64px","72px","80px","120px"],radii:["32px","4px","2px","3px"],shadows:[]},components:{button:{variant:"ghost",size:"md",shape:"square",color:"theme-primary",textColor:"theme-primary",views:{container:{borderRadius:0,fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,borderColor:"theme-border",backgroundColor:"theme-surface",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"},content:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-surface",color:"theme-canvas",borderColor:"theme-surface",borderRadius:0,fontFamily:"'Share Tech', Arial, Verdana, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:800,fontStyle:"normal"},text:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.08)"},header:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-border",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontStyle:"normal",letterSpacing:"0.06em"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontStyle:"normal",letterSpacing:"0.06em"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0.06em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-border"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-border"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-primary"},valueLabel:{color:"theme-border"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-border",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"32px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},content:{color:"theme-border"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-primary",borderColor:"theme-border",borderRadius:2},thead:{backgroundColor:"theme-surface",color:"theme-primary"},th:{color:"theme-border",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-primary",borderColor:"theme-border",letterSpacing:"0.06em",fontStyle:"normal"},caption:{color:"theme-border",fontStyle:"italic",letterSpacing:"0.06em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:2},title:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},description:{color:"theme-border",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:0,views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-border",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:0},item:{color:"theme-border"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},eyebrow:{color:"theme-border"},title:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},description:{color:"theme-border"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"black",typeCase:"uppercase",typeStyle:"normal",letterSpacing:"0.06em",accentTreatment:"glow",signatureMotif:"⚡",density:"tight",surfaceTone:"mono",cardRadius:2,pillRadius:0,badgeRadius:0,voice:"technical-mission"}},spotify:{metadata:{id:"spotify",label:"Spotify",sourcePath:"design.md/html/spotify.html",sourceTitle:"Design System Inspired by Shopify",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#1DB954",secondary:"#C1FBD4",success:"#1DB954",warning:"#D4F9E0",error:"#D4D4D8",canvas:"#000000",surface:"#121212",text:"#FFFFFF",muted:"#A1A1AA",border:"#1E2C31",onPrimary:"#000000"},tokens:{rawCssVars:{white:"#FFFFFF",black:"#000000","spotify-green":"#1DB954",aloe:"#C1FBD4",pistachio:"#D4F9E0","deep-teal":"#02090A","dark-forest":"#061A1C",forest:"#102620","card-border":"#1E2C31","shade-30":"#D4D4D8",muted:"#A1A1AA","shade-50":"#71717A","shade-60":"#52525B","shade-70":"#3F3F46","light-border":"#E4E4E7","link-muted":"#9797A2","shadow-card":"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},colors:[{name:"white",value:"#FFFFFF",role:"white"},{name:"black",value:"#000000",role:"black"},{name:"spotify-green",value:"#1DB954",role:"neon green"},{name:"aloe",value:"#C1FBD4",role:"aloe"},{name:"pistachio",value:"#D4F9E0",role:"pistachio"},{name:"deep-teal",value:"#02090A",role:"deep teal"},{name:"dark-forest",value:"#061A1C",role:"dark forest"},{name:"forest",value:"#102620",role:"forest"},{name:"card-border",value:"#1E2C31",role:"card border"},{name:"shade-30",value:"#D4D4D8",role:"shade 30"},{name:"muted",value:"#A1A1AA",role:"muted"},{name:"shade-50",value:"#71717A",role:"shade 50"},{name:"shade-60",value:"#52525B",role:"shade 60"},{name:"shade-70",value:"#3F3F46",role:"shade 70"},{name:"light-border",value:"#E4E4E7",role:"light border"},{name:"link-muted",value:"#9797A2",role:"link muted"},{name:"shadow-card",value:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset",role:"shadow card"}],typography:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["20px","16px","14px","80px","48px","18px","12px","13px","11px","55px","32px","28px","24px","36px"],fontWeights:["400","600","500","330","360","550","700"],lineHeights:["1.5","0.96","1.14","1.56","1.16","1.28","1.4","1.49","1.2","1.35"]},spacing:["4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","40px","48px","64px","72px","80px","100px"],radii:["9999px","8px","4px","12px","2px","3px"],shadows:["rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset","0 0 0 2px var(--neon-green)","var(--shadow-card)","rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"]},components:{button:{variant:"filled",size:"md",shape:"pill",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,borderColor:"theme-primary",letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",letterSpacing:"-0.02em",textTransform:"none",fontWeight:800,fontStyle:"normal"},text:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:8,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},header:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:9999},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:9999}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-text"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-text"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-text",borderRadius:"24px"},trigger:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-text",borderColor:"theme-border",borderRadius:8},thead:{backgroundColor:"theme-surface",color:"theme-text"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-text",borderColor:"theme-border",letterSpacing:"-0.02em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.02em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text",borderRadius:"50%"},fallback:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:8},title:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"16px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-text"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:"24px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-text"}}}},personality:{cornerStyle:"pill",typeWeight:"black",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.02em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"matte",cardRadius:8,pillRadius:9999,badgeRadius:9999,voice:"rhythmic-vibrant"}},stripe:{metadata:{id:"stripe",label:"Stripe",sourcePath:"design.md/html/stripe.html",sourceTitle:"Design System Preview: Stripe (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500;700&display=swap"]},theme:{primary:"#635BFF",secondary:"#f96bee",success:"#15be53",warning:"#9b6829",error:"#ea2261",canvas:"#ffffff",surface:"#ffffff",text:"#061b31",muted:"#64748d",border:"#e5edf5",onPrimary:"#ffffff"},tokens:{rawCssVars:{purple:"#533afd","purple-hover":"#4434d4","purple-deep":"#2e2b8c","purple-light":"#b9b9f9","purple-mid":"#665efd",navy:"#061b31","dark-navy":"#0d253d","brand-dark":"#1c1e54",white:"#ffffff",ruby:"#ea2261",magenta:"#f96bee","magenta-light":"#ffd7ef",success:"#15be53","success-text":"#108c3d",lemon:"#9b6829",slate:"#64748d","dark-slate":"#273951",border:"#e5edf5","border-purple":"#b9b9f9","border-soft":"#d6d9fc","shadow-blue":"rgba(50,50,93,0.25)","shadow-dark-blue":"rgba(3,3,39,0.25)","shadow-black":"rgba(0,0,0,0.1)","shadow-ambient":"rgba(23,23,23,0.08)","shadow-soft":"rgba(23,23,23,0.06)","shadow-card":"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px","shadow-ambient-card":"rgba(23,23,23,0.08) 0px 15px 35px 0px","shadow-subtle":"rgba(23,23,23,0.06) 0px 3px 6px 0px","font-primary":"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif","font-mono":"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace"},colors:[{name:"purple",value:"#533afd",role:"purple"},{name:"purple-hover",value:"#4434d4",role:"purple hover"},{name:"purple-deep",value:"#2e2b8c",role:"purple deep"},{name:"purple-light",value:"#b9b9f9",role:"purple light"},{name:"purple-mid",value:"#665efd",role:"purple mid"},{name:"navy",value:"#061b31",role:"navy"},{name:"dark-navy",value:"#0d253d",role:"dark navy"},{name:"brand-dark",value:"#1c1e54",role:"brand dark"},{name:"white",value:"#ffffff",role:"white"},{name:"ruby",value:"#ea2261",role:"ruby"},{name:"magenta",value:"#f96bee",role:"magenta"},{name:"magenta-light",value:"#ffd7ef",role:"magenta light"},{name:"success",value:"#15be53",role:"success"},{name:"success-text",value:"#108c3d",role:"success text"},{name:"lemon",value:"#9b6829",role:"lemon"},{name:"slate",value:"#64748d",role:"slate"},{name:"dark-slate",value:"#273951",role:"dark slate"},{name:"border",value:"#e5edf5",role:"border"},{name:"border-purple",value:"#b9b9f9",role:"border purple"},{name:"border-soft",value:"#d6d9fc",role:"border soft"},{name:"shadow-blue",value:"rgba(50,50,93,0.25)",role:"shadow blue"},{name:"shadow-dark-blue",value:"rgba(3,3,39,0.25)",role:"shadow dark blue"},{name:"shadow-black",value:"rgba(0,0,0,0.1)",role:"shadow black"},{name:"shadow-ambient",value:"rgba(23,23,23,0.08)",role:"shadow ambient"},{name:"shadow-soft",value:"rgba(23,23,23,0.06)",role:"shadow soft"},{name:"shadow-card",value:"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px",role:"shadow card"},{name:"shadow-ambient-card",value:"rgba(23,23,23,0.08) 0px 15px 35px 0px",role:"shadow ambient card"},{name:"shadow-subtle",value:"rgba(23,23,23,0.06) 0px 3px 6px 0px",role:"shadow subtle"}],typography:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",monoFamily:"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace",fontSizes:["16px","14px","48px","18px","12px","32px","13px","11px","10px","22px"],fontWeights:["100 900","300","400","500","700","600"],lineHeights:["1.40","1.15","1.10","1.50","1.2","1.35","1.4"]},spacing:["1px","6px","8px","10px","12px","14px","16px","20px","24px","28px","32px","48px","64px","72px","80px","96px"],radii:["0 0 6px 6px","4px","6px","2px","3px"],shadows:["rgba(50,50,93,0.25)","rgba(3,3,39,0.25)","rgba(0,0,0,0.1)","rgba(23,23,23,0.08)","rgba(23,23,23,0.06)","rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px","rgba(23,23,23,0.08) 0px 15px 35px 0px","rgba(23,23,23,0.06) 0px 3px 6px 0px","var(--shadow-subtle)","var(--shadow-card)","0 0 0 1px theme-primary","0 0 0 1px var(--ruby)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:9999,fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",letterSpacing:"-0.022em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(23,23,23,0.06) 0px 3px 6px 0px"},header:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.022em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-text"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-text"},container:{borderRadius:"4px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-canvas",color:"theme-text",borderRadius:"6px"},trigger:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-text",borderColor:"theme-border",borderRadius:12},thead:{backgroundColor:"theme-canvas",color:"theme-text"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-text",borderColor:"theme-border",letterSpacing:"-0.022em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.022em"}}},avatar:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:"50%"},fallback:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",borderRadius:12},title:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"6px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-text"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text",borderRadius:"6px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-text",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-text"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.022em",accentTreatment:"gradient",signatureMotif:"↗",density:"comfortable",surfaceTone:"glass",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"refined-fintech"}},tesla:{metadata:{id:"tesla",label:"Tesla",sourcePath:"design.md/html/tesla.html",sourceTitle:"Design System Inspired by Tesla",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"]},theme:{primary:"#3E6AE1",secondary:"#171A20",success:"#3E6AE1",warning:"#5C5E62",error:"#171A20",canvas:"#FFFFFF",surface:"#F4F4F4",text:"#171A20",muted:"#5C5E62",border:"#D0D1D2",onPrimary:"#FFFFFF"},tokens:{rawCssVars:{"electric-blue":"#3E6AE1","pure-white":"#FFFFFF","carbon-dark":"#171A20",graphite:"#393C41",pewter:"#5C5E62","silver-fog":"#8E8E8E","cloud-gray":"#EEEEEE","pale-silver":"#D0D1D2","light-ash":"#F4F4F4","frosted-glass":"rgba(255,255,255,0.75)",overlay:"rgba(128,128,128,0.65)","subtle-shadow":"rgba(0,0,0,0.05)","font-display":"'Inter', -apple-system, Arial, sans-serif","font-text":"'Inter', -apple-system, Arial, sans-serif"},colors:[{name:"electric-blue",value:"#3E6AE1",role:"electric blue"},{name:"pure-white",value:"#FFFFFF",role:"pure white"},{name:"carbon-dark",value:"#171A20",role:"carbon dark"},{name:"graphite",value:"#393C41",role:"graphite"},{name:"pewter",value:"#5C5E62",role:"pewter"},{name:"silver-fog",value:"#8E8E8E",role:"silver fog"},{name:"cloud-gray",value:"#EEEEEE",role:"cloud gray"},{name:"pale-silver",value:"#D0D1D2",role:"pale silver"},{name:"light-ash",value:"#F4F4F4",role:"light ash"},{name:"frosted-glass",value:"rgba(255,255,255,0.75)",role:"frosted glass"},{name:"overlay",value:"rgba(128,128,128,0.65)",role:"overlay"},{name:"subtle-shadow",value:"rgba(0,0,0,0.05)",role:"subtle shadow"}],typography:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["14px","40px","28px","13px","12px","11px","17px","16px"],fontWeights:["400","500","700","600"],lineHeights:["1.43","48px","20px","1.2","1.3","36px","1.35","1.4"]},spacing:["4px","6px","8px","10px","12px","14px","16px","20px","24px","32px","40px","48px","56px","60px","64px","80px","100px"],radii:["4px","4px 4px 0 0","0 0 4px 4px","12px","3px"],shadows:["rgba(0,0,0,0.05)","0 1px 0 var(--pewter)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:0,fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,borderColor:"theme-primary",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'Inter', -apple-system, Arial, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:300,fontStyle:"normal"},text:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:0,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.05)"},header:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontStyle:"normal",letterSpacing:"0.02em"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontStyle:"normal",letterSpacing:"0.02em"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-warning"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-warning"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-secondary"},valueLabel:{color:"theme-warning"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-warning",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', -apple-system, Arial, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-secondary"},container:{borderRadius:"4px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-secondary",borderRadius:0},trigger:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},content:{color:"theme-warning"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-secondary",borderColor:"theme-border",borderRadius:0},thead:{backgroundColor:"theme-surface",color:"theme-secondary"},th:{color:"theme-warning",borderColor:"theme-border",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-secondary",borderColor:"theme-border",letterSpacing:"0.02em",fontStyle:"normal"},caption:{color:"theme-warning",fontStyle:"italic",letterSpacing:"0.02em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary",borderRadius:"50%"},fallback:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:0},title:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},description:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"4px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-secondary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-secondary",borderRadius:0},item:{color:"theme-warning"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},eyebrow:{color:"theme-warning"},title:{color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},description:{color:"theme-warning"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-secondary",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-secondary"}}}},personality:{cornerStyle:"sharp",typeWeight:"light",typeCase:"uppercase",typeStyle:"normal",letterSpacing:"0.02em",accentTreatment:"flat",signatureMotif:"▲",density:"spacious",surfaceTone:"mono",cardRadius:0,pillRadius:0,badgeRadius:0,voice:"futurist-clean"}},uber:{metadata:{id:"uber",label:"Uber",sourcePath:"design.md/html/uber.html",sourceTitle:"Design System Preview: Uber (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700&display=swap"]},theme:{primary:"#000000",secondary:"#efefef",success:"#06C167",warning:"#e2e2e2",error:"#000000",canvas:"#ffffff",surface:"#ffffff",text:"#000000",muted:"#4b4b4b",border:"#e2e2e2",onPrimary:"#ffffff"},tokens:{rawCssVars:{"color-black":"#000000","color-white":"#ffffff","color-hover-gray":"#e2e2e2","color-hover-light":"#f3f3f3","color-chip-gray":"#efefef","color-body-gray":"#4b4b4b","color-muted-gray":"#afafaf","shadow-card":"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px","shadow-medium":"rgba(0, 0, 0, 0.16) 0px 4px 16px 0px","shadow-float":"rgba(0, 0, 0, 0.16) 0px 2px 8px 0px","shadow-press":"rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset","font-display":"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif","font-body":"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif","bg-page":"#ffffff","bg-card":"#ffffff","bg-nav":"rgba(255,255,255,0.92)","text-primary":"#000000","text-secondary":"#4b4b4b","text-tertiary":"#afafaf","border-color":"#efefef","section-label-color":"#000000"},colors:[{name:"color-black",value:"#000000",role:"color black"},{name:"color-white",value:"#ffffff",role:"color white"},{name:"color-hover-gray",value:"#e2e2e2",role:"color hover gray"},{name:"color-hover-light",value:"#f3f3f3",role:"color hover light"},{name:"color-chip-gray",value:"#efefef",role:"color chip gray"},{name:"color-body-gray",value:"#4b4b4b",role:"color body gray"},{name:"color-muted-gray",value:"#afafaf",role:"color muted gray"},{name:"shadow-card",value:"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px",role:"shadow card"},{name:"shadow-medium",value:"rgba(0, 0, 0, 0.16) 0px 4px 16px 0px",role:"shadow medium"},{name:"shadow-float",value:"rgba(0, 0, 0, 0.16) 0px 2px 8px 0px",role:"shadow float"},{name:"shadow-press",value:"rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset",role:"shadow press"},{name:"bg-page",value:"#ffffff",role:"bg page"},{name:"bg-card",value:"#ffffff",role:"bg card"},{name:"bg-nav",value:"rgba(255,255,255,0.92)",role:"bg nav"},{name:"text-primary",value:"#000000",role:"text primary"},{name:"text-secondary",value:"#4b4b4b",role:"text secondary"},{name:"text-tertiary",value:"#afafaf",role:"text tertiary"},{name:"border-color",value:"#efefef",role:"border color"},{name:"section-label-color",value:"#000000",role:"section label color"}],typography:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","18px","14px","64px","20px","12px","36px","13px","24px","28px"],fontWeights:["700","500","400","600"],lineHeights:["1.50","1.10","1.22","1.33","2.0","1.2","1.35","1.4"]},spacing:["8px","10px","12px","14px","16px","20px","24px","28px","32px","36px","40px","50px","60px","64px","80px","100px","120px","140px"],radii:["8px","999px","12px","16px","4px","3px"],shadows:["rgba(0, 0, 0, 0.12) 0px 4px 16px 0px","rgba(0, 0, 0, 0.16) 0px 4px 16px 0px","rgba(0, 0, 0, 0.16) 0px 2px 8px 0px","rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset","var(--shadow-card)","var(--shadow-float)","var(--shadow-medium)","0 0 0 1px color-black","rgba(0,0,0,0.12) 0px 4px 16px 0px","rgba(0,0,0,0.16) 0px 4px 16px 0px","rgba(0,0,0,0.16) 0px 2px 8px 0px","rgba(0,0,0,0.08) 0px 0px 0px 999px inset"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:0,fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px"},header:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"theme-warning"},content:{color:"theme-muted",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},footer:{borderColor:"theme-warning"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-warning",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-warning",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-warning"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-warning"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-primary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-warning"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},activeText:{color:"theme-canvas"},content:{color:"theme-primary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-warning",backgroundColor:"theme-canvas",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-primary",borderColor:"theme-warning",borderRadius:4},thead:{backgroundColor:"theme-canvas",color:"theme-primary"},th:{color:"theme-muted",borderColor:"theme-warning",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-warning"},td:{color:"theme-primary",borderColor:"theme-warning",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",borderRadius:4},title:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-warning",radius:"8px",views:{container:{backgroundColor:"theme-warning",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-warning",views:{container:{borderColor:"theme-warning"},label:{color:"theme-muted",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary",borderRadius:0},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},eyebrow:{color:"theme-muted"},title:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},section:{backgroundColor:"theme-canvas",borderColor:"theme-warning"},surface:{backgroundColor:"theme-canvas",borderColor:"theme-warning",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"▶",density:"tight",surfaceTone:"mono",cardRadius:4,pillRadius:0,badgeRadius:0,voice:"motion-utility"}},vercel:{metadata:{id:"vercel",label:"Vercel",sourcePath:"design.md/html/vercel.html",sourceTitle:"Design System Preview: Vercel (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap"]},theme:{primary:"#000000",secondary:"#0072f5",success:"#0a72ef",warning:"#de1d8d",error:"#ff5b4f",canvas:"#ffffff",surface:"#fafafa",text:"#000000",muted:"#666666",border:"#ebebeb",onPrimary:"#ffffff"},tokens:{rawCssVars:{black:"#171717",white:"#ffffff","gray-50":"#fafafa","gray-100":"#ebebeb","gray-400":"#808080","gray-500":"#666666","gray-600":"#4d4d4d","link-blue":"#0072f5","focus-blue":"hsl(212,100%,48%)","ship-red":"#ff5b4f","preview-pink":"#de1d8d","develop-blue":"#0a72ef","console-blue":"#0070f3","console-purple":"#7928ca","console-pink":"#eb367f","badge-bg":"#ebf5ff","badge-text":"#0068d6","shadow-ring":"rgba(0,0,0,0.08) 0px 0px 0px 1px","shadow-ring-light":"rgb(235,235,235) 0px 0px 0px 1px","shadow-subtle":"rgba(0,0,0,0.04) 0px 2px 2px 0px","shadow-card":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px","shadow-card-full":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px","font-sans":"'Geist', system-ui, -apple-system, Arial, sans-serif","font-mono":"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace"},colors:[{name:"black",value:"#171717",role:"black"},{name:"white",value:"#ffffff",role:"white"},{name:"gray-50",value:"#fafafa",role:"gray 50"},{name:"gray-100",value:"#ebebeb",role:"gray 100"},{name:"gray-400",value:"#808080",role:"gray 400"},{name:"gray-500",value:"#666666",role:"gray 500"},{name:"gray-600",value:"#4d4d4d",role:"gray 600"},{name:"link-blue",value:"#0072f5",role:"link blue"},{name:"focus-blue",value:"hsl(212,100%,48%)",role:"focus blue"},{name:"ship-red",value:"#ff5b4f",role:"ship red"},{name:"preview-pink",value:"#de1d8d",role:"preview pink"},{name:"develop-blue",value:"#0a72ef",role:"develop blue"},{name:"console-blue",value:"#0070f3",role:"console blue"},{name:"console-purple",value:"#7928ca",role:"console purple"},{name:"console-pink",value:"#eb367f",role:"console pink"},{name:"badge-bg",value:"#ebf5ff",role:"badge bg"},{name:"badge-text",value:"#0068d6",role:"badge text"},{name:"shadow-ring",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px",role:"shadow ring"},{name:"shadow-ring-light",value:"rgb(235,235,235) 0px 0px 0px 1px",role:"shadow ring light"},{name:"shadow-subtle",value:"rgba(0,0,0,0.04) 0px 2px 2px 0px",role:"shadow subtle"},{name:"shadow-card",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px",role:"shadow card"},{name:"shadow-card-full",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px",role:"shadow card full"}],typography:{fontFamily:"var(--font-sans)",monoFamily:"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace",fontSizes:["16px","14px","48px","20px","12px","32px","13px","11px","10px","36px"],fontWeights:["400","600","500","700"],lineHeights:["1.50","1.00","1.80","1.25","1.2","1.35","1.4"]},spacing:["2px","4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","48px","64px","72px","80px","96px"],radii:["6px","8px","9999px","3px"],shadows:["rgba(0,0,0,0.08) 0px 0px 0px 1px","rgb(235,235,235) 0px 0px 0px 1px","rgba(0,0,0,0.04) 0px 2px 2px 0px","rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px","rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px","var(--shadow-ring)","var(--shadow-ring-light)","var(--shadow-card)","var(--shadow-card-full)","0 0 0 2px var(--focus-blue)","0 0 0 2px var(--ship-red)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-canvas",views:{container:{borderRadius:4,fontFamily:"var(--font-sans)",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-canvas",borderColor:"theme-secondary",borderRadius:4,fontFamily:"var(--font-sans)",letterSpacing:"-0.04em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"var(--font-sans)",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},header:{color:"theme-primary",fontFamily:"var(--font-sans)",fontWeight:600,borderColor:"theme-border"},content:{color:"theme-muted",fontFamily:"var(--font-sans)"},footer:{borderColor:"theme-border"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)",fontStyle:"normal",letterSpacing:"-0.04em"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)",fontStyle:"normal",letterSpacing:"-0.04em"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.04em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-border",backgroundColor:"theme-canvas",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-border",backgroundColor:"theme-canvas"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},infoText:{color:"theme-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-border"},circle:{backgroundColor:"theme-canvas"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-border"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"theme-canvas"},label:{color:"theme-primary"},valueLabel:{color:"theme-muted"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"theme-border"},tab:{color:"theme-muted",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"var(--font-sans)"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"6px"}}},accordion:{views:{container:{borderColor:"theme-border",backgroundColor:"theme-surface",color:"theme-primary",borderRadius:"6px"},trigger:{color:"theme-primary",fontFamily:"var(--font-sans)"},content:{color:"theme-muted"}}},table:{views:{table:{backgroundColor:"theme-canvas",color:"theme-primary",borderColor:"theme-border",borderRadius:4},thead:{backgroundColor:"theme-surface",color:"theme-primary"},th:{color:"theme-muted",borderColor:"theme-border",fontFamily:"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-border"},td:{color:"theme-primary",borderColor:"theme-border",letterSpacing:"-0.04em",fontStyle:"normal"},caption:{color:"theme-muted",fontStyle:"italic",letterSpacing:"-0.04em"}}},avatar:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"var(--font-sans)"}}},alert:{views:{container:{backgroundColor:"theme-surface",borderColor:"theme-border",borderRadius:4},title:{color:"theme-primary",fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},description:{color:"theme-muted",fontFamily:"var(--font-sans)"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"var(--font-sans)"}}},progress:{color:"theme-primary",backgroundColor:"theme-border",radius:"6px",views:{container:{backgroundColor:"theme-border",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-border",views:{container:{borderColor:"theme-border"},label:{color:"theme-muted",fontFamily:"var(--font-sans)"}}},navigation:{views:{container:{backgroundColor:"theme-canvas",borderColor:"theme-border",color:"theme-primary",borderRadius:"6px"},item:{color:"theme-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"var(--font-sans)"},eyebrow:{color:"theme-muted"},title:{color:"theme-primary",fontFamily:"var(--font-sans)"},description:{color:"theme-muted"}}},page:{views:{container:{backgroundColor:"theme-canvas",color:"theme-primary",fontFamily:"var(--font-sans)"},section:{backgroundColor:"theme-canvas",borderColor:"theme-border"},surface:{backgroundColor:"theme-surface",borderColor:"theme-border",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.04em",accentTreatment:"flat",signatureMotif:"▲",density:"comfortable",surfaceTone:"mono",cardRadius:4,pillRadius:4,badgeRadius:4,voice:"deploy-geometric"}}},ls=Object.values(nr),fn=nr.airbnb,Po=e=>!!e&&typeof e=="object"&&!Array.isArray(e)&&Object.prototype.toString.call(e)==="[object Object]",Yr=e=>e,Ee=(...e)=>{const o={};return e.forEach(t=>{Po(t)&&Object.entries(t).forEach(([n,a])=>{if(a!=null){if(Po(a)&&Po(o[n])){o[n]=Ee(o[n],a);return}o[n]=a}})}),o},gn=e=>{if(Array.isArray(e)||!Po(e))return e;const o={};for(const[t,n]of Object.entries(e))n!==null&&(o[t]=Po(n)?gn(n):n);return o},Xr=(e,o)=>{if(!o)return{};const t=o.components[e]||{};return Yr(gn(t))},pn=(e,o,t)=>{const{config:n,...a}=o,l=Xr(e,t),s=Ee(l,n||{});return Yr(Ee(s,a))},un=h.createContext({isEnabled:!1}),bn=({children:e,config:o,configId:t})=>{const n=o||(t?nr[t]:null)||fn,a=h.useMemo(()=>({config:n,configId:n.metadata.id,isEnabled:!0}),[n]);return r.jsx(un.Provider,{value:a,children:r.jsx(i.ThemeProvider,{theme:n.theme,mode:n.metadata.defaultAppearance,transparentWrapper:!0,children:r.jsx("div",{"data-design-system":n.metadata.id,"data-appearance":n.metadata.defaultAppearance,style:{display:"contents"},children:e})})})},ar=()=>h.useContext(un),mo=e=>{const{config:o}=ar();return Xr(e,o)},fe=(e,o)=>{const{config:t}=ar();return pn(e,o,t)},yn=h.createContext({expandedItems:[],toggleItem:()=>{},isItemExpanded:()=>!1,type:"single",collapsible:!1,baseId:""}),is=({children:e,value:o})=>r.jsx(yn.Provider,{value:o,children:e}),xn=()=>{const e=h.useContext(yn);if(!e)throw new Error("useAccordionContext must be used within an AccordionProvider");return e},ss=({value:e,children:o,isDisabled:t=!1,views:n,...a})=>{var p;const{isItemExpanded:l,baseId:s}=xn(),m=mo("accordion"),d=Ee({item:(p=m.views)==null?void 0:p.container},n),c=l(e),f=`${s}-trigger-${e}`,g=`${s}-content-${e}`;return r.jsx(i.View,{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",overflow:"hidden",opacity:t?.5:1,pointerEvents:t?"none":"auto","data-state":c?"open":"closed","data-disabled":t?"":void 0,...d==null?void 0:d.item,...a,children:h.Children.map(o,u=>h.isValidElement(u)?h.cloneElement(u,{...u.props,value:e,isExpanded:c,isDisabled:t,triggerId:f,contentId:g}):u)})},cs=({children:e,value:o,isExpanded:t,isDisabled:n,triggerId:a,contentId:l,views:s,asChild:m=!1,...d})=>{var b;const{toggleItem:c}=xn(),f=mo("accordion"),g=Ee({container:(b=f.views)==null?void 0:b.trigger},s),u={id:a,"aria-expanded":t,"aria-controls":l,"aria-disabled":n,"data-state":t?"open":"closed","data-disabled":n?"":void 0,onClick:()=>{o&&!n&&c(o)},padding:16,cursor:n?"not-allowed":"pointer",alignItems:"center",justifyContent:"space-between",width:"100%",style:{backgroundColor:"transparent"},...g==null?void 0:g.container,...d};if(m&&h.isValidElement(e)){const y=h.Children.only(e);return h.cloneElement(y,{...u,...y.props})}return r.jsxs(i.Horizontal,{...u,children:[e,r.jsx(i.View,{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:t?"rotate(180deg)":"rotate(0deg)",...g==null?void 0:g.icon,children:r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{d:"M16.59 8.59L12 13.17L7.41 8.59L6 10L12 16L18 10L16.59 8.59Z",fill:"currentColor"})})})]})},ds=({children:e,isExpanded:o,isDisabled:t,triggerId:n,contentId:a,views:l,...s})=>{var w;const m=mo("accordion"),d=Ee({container:(w=m.views)==null?void 0:w.content},l),c=260,f=h.useRef(null),g=h.useRef(null),[p,u]=h.useState(!!o),[b,y]=h.useState(o?"none":"0px"),[x,C]=h.useState(o?1:0);return h.useEffect(()=>()=>{g.current&&clearTimeout(g.current)},[]),h.useEffect(()=>{var k;if(g.current&&(clearTimeout(g.current),g.current=null),o){u(!0),requestAnimationFrame(()=>{var T;const S=((T=f.current)==null?void 0:T.scrollHeight)??0;y(`${S}px`),C(1)});return}const v=((k=f.current)==null?void 0:k.scrollHeight)??0;y(`${v}px`),C(1),requestAnimationFrame(()=>{y("0px"),C(0)}),g.current=setTimeout(()=>{u(!1)},c)},[o,e]),h.useEffect(()=>{var k;if(!o||!p)return;const v=((k=f.current)==null?void 0:k.scrollHeight)??0;y(`${v}px`)},[e,o,p]),p?r.jsx(i.View,{id:a,role:"region","aria-labelledby":n,overflow:"hidden",maxHeight:b,opacity:x,transition:`max-height ${c}ms cubic-bezier(0.22, 1, 0.36, 1), opacity ${c}ms ease`,"data-state":o?"open":"closed","data-disabled":t?"":void 0,style:{backgroundColor:"transparent"},...d==null?void 0:d.container,...s,children:r.jsx(i.View,{ref:f,padding:16,children:e})}):null},ms=({children:e,shape:o="rounded",variant:t="default",views:n,baseId:a,type:l,collapsible:s,themeMode:m,...d})=>r.jsx(i.Vertical,{width:"100%","data-orientation":"vertical",...ns[o],...as[t],...n==null?void 0:n.container,...d,children:e}),We=e=>{const o=fe("accordion",e),{children:t,type:n="single",value:a,defaultValue:l,onValueChange:s,collapsible:m=!1,shape:d="rounded",variant:c="default",views:f,...g}=o,p=Array.isArray(l)?l:l?[l]:void 0,u=ts({type:n,value:a,defaultValue:l??p,onValueChange:s,collapsible:m});return r.jsx(is,{value:{expandedItems:u.expandedItems,toggleItem:u.toggleItem,isItemExpanded:u.isItemExpanded,type:u.type,collapsible:u.collapsible,baseId:u.baseId},children:r.jsx(ms,{shape:d,variant:c,views:f,baseId:u.baseId,type:u.type,collapsible:u.collapsible,...g,children:t})})};We.Item=ss,We.Trigger=cs,We.Content=ds;const Kr=new Map,hs=(e,o,t)=>(Kr.has(e)||Kr.set(e,h.lazy(()=>import("lucide-react/dynamicIconImports").then(n=>{const a=n.default[e];return a?a():{default:()=>r.jsx(r.Fragment,{children:o||t})}}))),Kr.get(e)),Cn=h.memo(({widthHeight:e,color:o="currentColor",transform:t,orientation:n="up",children:a,...l})=>r.jsx(i.View,{widthHeight:e,color:o,display:"flex",alignItems:"center",justifyContent:"center",transform:t||(n==="left"?"rotate(-90deg)":n==="right"?"rotate(90deg)":n==="up"?"rotate(0deg)":n==="down"?"rotate(180deg)":"none"),...l,children:a})),lr=h.memo(({name:e="circle",widthHeight:o=24,color:t="currentColor",filled:n=!1,strokeWidth:a=1,size:l,children:s,fallback:m,...d})=>{const{getColor:c}=i.useTheme(),f=l||o,g=h.useMemo(()=>{const b=c(t);return{fill:n?b:"none",stroke:b,strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round"}},[n,t,a,c]);if(!e)return r.jsx(Cn,{widthHeight:o,color:t,...d,children:s});const p=e.toLowerCase().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),u=hs(p,m,s);return r.jsx(Cn,{widthHeight:f,color:t,...d,children:r.jsx(h.Suspense,{fallback:m||null,children:r.jsx(u,{size:f,...g})})})}),U=(e,o={})=>{const t=n=>r.jsx(lr,{name:e,...o,...n});return t.displayName=`${e}Icon`,t},fs=U("user",{filled:!1}),gs=U("circle-help",{filled:!1}),ps=U("folder",{filled:!1}),ce=U("chevron-up",{filled:!1}),us=U("grip-vertical",{filled:!1}),Ze=U("file",{filled:!1}),bs=U("video",{filled:!1}),ys=U("image",{filled:!1}),ho=U("volume",{filled:!1}),xs=U("twitter",{filled:!1}),Cs=U("x",{filled:!1}),ks=U("twitch",{filled:!1}),ve=U("x",{filled:!1,strokeWidth:2}),ws=U("instagram",{filled:!1}),Ss=U("youtube",{filled:!1}),vs=U("facebook",{filled:!1}),Ts=U("linkedin",{filled:!1}),Is=U("at-sign",{filled:!1}),kn=U("minus",{filled:!1}),qe=U("info",{filled:!1}),wn=U("play",{filled:!1}),Fs=U("pause",{filled:!1}),zs=U("heart",{filled:!1}),Ms=U("star",{filled:!1}),Ws=U("save",{filled:!1}),Jr=U("triangle-alert",{filled:!1}),Hs=U("battery",{filled:!1}),js=U("bookmark",{filled:!1}),Ps=U("cloud",{filled:!1}),As=U("copy",{filled:!1}),ir=U("trash",{filled:!1}),Es=ir,Vs=U("edit",{filled:!1}),Qr=U("mic",{filled:!1}),sr=U("square",{filled:!1}),Zr=U("send",{filled:!1}),Rr=U("loader",{filled:!1}),Ao=U("paperclip",{filled:!1}),cr=U("search",{filled:!1}),Ds=U("home",{filled:!1}),Sn=U("settings",{filled:!1}),$s=U("download",{filled:!1}),vn=U("share",{filled:!1}),dr=U("check",{filled:!1}),Bs=U("plus",{filled:!1}),et=U("eye-off",{filled:!1}),ot=U("eye",{filled:!1}),Ls=U("lock",{filled:!1}),_s=U("user",{filled:!1}),Tn=U("external-link",{filled:!1}),rt=U("check-circle",{filled:!1}),mr=U("alert-circle",{filled:!1}),Os=U("bell",{filled:!1}),Ns=U("file-text",{filled:!1}),qs=U("bar-chart",{filled:!1}),Us=U("moon",{filled:!1}),In=U("panel-left",{filled:!1}),tt=U("upload",{filled:!1}),Gs=dr,Ys=e=>r.jsx(ce,{orientation:"left",...e}),Xs=U("zoom-out",{filled:!1}),Ks=U("type",{filled:!1}),Js=U("shapes",{filled:!1}),Qs=U("rotate-cw",{filled:!1}),Zs=U("gift",{filled:!1}),Rs=U("shield",{filled:!1}),ec=U("log-out",{filled:!1}),oc=U("power",{filled:!1}),rc=U("link",{filled:!1}),tc=U("layout",{filled:!1}),nc=U("zap",{filled:!1}),ac=U("credit-card",{filled:!1}),lc=U("more-horizontal",{filled:!1}),ic=ir,sc=U("filter",{filled:!1}),cc=U("calendar",{filled:!1}),dc=U("clock",{filled:!1}),mc=U("map-pin",{filled:!1}),hc=U("menu",{filled:!1}),fc=U("refresh-cw",{filled:!1}),gc=U("printer",{filled:!1}),pc=U("wand",{filled:!1}),uc=U("thumbs-down",{filled:!1}),bc=U("thumbs-up",{filled:!1}),yc=U("camera",{filled:!1}),xc=U("bluetooth",{filled:!1}),Cc=U("unlock",{filled:!1}),kc=U("wifi",{filled:!1}),wc=U("arrow-right",{filled:!1}),Sc=U("arrow-up",{filled:!1}),vc=U("loader",{filled:!1}),Tc=U("sliders-horizontal",{filled:!1}),Ic=U("crop",{filled:!1}),Fc=U("zoom-in",{filled:!1}),zc=U("grip-horizontal",{filled:!1}),Fn=U("mouse-pointer-2",{filled:!1}),Mc=e=>{const o=e==="dark";return{default:{container:{backgroundColor:o?"color-gray-900":"color-gray-50",borderColor:o?"color-gray-700":"color-gray-200",boxShadow:o?"0 1px 3px rgba(0, 0, 0, 0.3)":"0 1px 2px rgba(0, 0, 0, 0.05)"},content:{color:o?"color-gray-200":"color-gray-700"},icon:{color:o?"color-gray-400":"color-gray-500"}},info:{container:{backgroundColor:o?"color-blue-950":"color-blue-50",borderColor:o?"color-blue-800":"color-blue-200",boxShadow:o?"0 1px 3px rgba(29, 78, 216, 0.25)":"0 1px 2px rgba(59, 130, 246, 0.05)"},content:{color:o?"color-blue-200":"color-blue-700"},icon:{color:o?"color-blue-300":"color-blue-500"}},success:{container:{backgroundColor:o?"color-green-950":"color-green-50",borderColor:o?"color-green-800":"color-green-200",boxShadow:o?"0 1px 3px rgba(34, 197, 94, 0.2)":"0 1px 2px rgba(34, 197, 94, 0.05)"},content:{color:o?"color-green-200":"color-green-700"},icon:{color:o?"color-green-300":"color-green-500"}},error:{container:{backgroundColor:o?"color-red-950":"color-red-50",borderColor:o?"color-red-800":"color-red-200",boxShadow:o?"0 1px 3px rgba(239, 68, 68, 0.2)":"0 1px 2px rgba(239, 68, 68, 0.05)"},content:{color:o?"color-red-200":"color-red-700"},icon:{color:o?"color-red-300":"color-red-500"}},warning:{container:{backgroundColor:o?"color-orange-950":"color-orange-50",borderColor:o?"color-orange-800":"color-orange-200",boxShadow:o?"0 1px 3px rgba(249, 115, 22, 0.2)":"0 1px 2px rgba(249, 115, 22, 0.05)"},content:{color:o?"color-orange-200":"color-orange-700"},icon:{color:o?"color-orange-300":"color-orange-500"}}}},Wc=h.memo(({icon:e,title:o="",views:t,description:n="",variant:a="default",themeMode:l,children:s,...m})=>{const{themeMode:d}=i.useTheme(),c=l||d,f=h.useMemo(()=>Mc(c),[c]),g=()=>{var b;if(e)return e;const u={size:20,color:((b=t==null?void 0:t.icon)==null?void 0:b.color)??f[a].icon.color};switch(a){case"info":return r.jsx(qe,{...u});case"success":return r.jsx(rt,{...u});case"error":return r.jsx(mr,{...u});case"warning":default:return r.jsx(Jr,{...u})}};return r.jsxs(i.Horizontal,{gap:12,padding:"12px 16px",flexWrap:"nowrap",alignItems:"flex-start",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:f[a].container.borderColor,backgroundColor:f[a].container.backgroundColor,boxShadow:f[a].container.boxShadow,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...t==null?void 0:t.container,...m,children:[r.jsx(i.View,{alignSelf:"flex-start",marginTop:"2px",...t==null?void 0:t.icon,children:g()}),r.jsxs(i.Vertical,{gap:4,children:[o?r.jsx(i.Text,{fontSize:"14px",fontWeight:"600",lineHeight:"20px",color:f[a].content.color,...t==null?void 0:t.title,children:o}):null,r.jsx(i.Text,{fontSize:"12px",fontWeight:"400",lineHeight:"16px",color:f[a].content.color,...t==null?void 0:t.description,children:n||s})]})]})}),nt=e=>{const o=fe("alert",e);return r.jsx(Wc,{...o})},Hc=({ratio:e=16/9,children:o,views:t,...n})=>r.jsx(i.View,{width:"100%",position:"relative",overflow:"hidden",paddingTop:`${1/e*100}%`,borderRadius:8,...n,...t==null?void 0:t.center,children:r.jsx(i.View,{position:"absolute",top:0,right:0,bottom:0,left:0,...t==null?void 0:t.view,children:o})}),zn=({ratio:e,children:o,...t})=>r.jsx(Hc,{ratio:e,...t,children:o});function jc(e,o,t){return Math.min(Math.max(e,o),t)}const Pc=({bars:e,isPaused:o,...t})=>{const a=[6,16,23,24,18,9,14,22,24,20,11,12,20,24,21,13,9,19,24,23,16,7,17,23,23,18,8,15,22,24,20,10];return r.jsx(i.Horizontal,{alignItems:"center",minWidth:120,gap:2,height:24,width:"100%",maxWidth:"100%",...t,children:e.map((l,s)=>r.jsx(i.View,{width:3,borderRadius:2,backgroundColor:o?"color-gray-300":l>=0?"theme-primary":"color-gray-300",style:{height:`${l>=0?jc(l*300,6,24):a[s%a.length]}px`}},s))})},at=({analyserNode:e,isPaused:o,...t})=>{const n=h.useRef(null),a=60,l=32,[s,m]=h.useState([]);return h.useEffect(()=>{if(!e){m(Array(a).fill(-1));return}const d=e.frequencyBinCount,c=new Uint8Array(d),f=()=>{e.getByteTimeDomainData(c);let g=0;for(let u=0;u<d;u++){const b=(c[u]-128)/128;g+=b*b}const p=Math.sqrt(g/d);h.startTransition(()=>{m(u=>{const y=[...u,p].slice(-a);return y.length<a?[...Array(a-y.length).fill(-1),...y]:y})})};return n.current=setInterval(f,l),()=>{n.current&&clearInterval(n.current)}},[e]),r.jsx(Pc,{bars:s,isPaused:o,...t})},hr=tr.create(e=>({visible:!1,title:"",subtitle:"",variant:"info",isClosable:!1,views:{},action:()=>{},actionText:"",showIcon:!1,timeout:3e3,show:(o,t="",n="",a,l,s,m,d,c)=>e({visible:!0,variant:o,title:t,subtitle:n,isClosable:a,views:l,action:s,actionText:m,showIcon:d,timeout:c}),hide:()=>e({visible:!1})})),Mn=(e,o,t,n)=>{hr.getState().show(e,o,t,n==null?void 0:n.isClosable,n==null?void 0:n.views,n==null?void 0:n.action,n==null?void 0:n.actionText,n==null?void 0:n.showIcon,n==null?void 0:n.timeout)},Wn=()=>{hr.getState().hide()},Ac={info:{container:{backgroundColor:"color-white",border:"rgba(191, 219, 254, 0.95)"},icon:{color:"theme-primary",name:"InformationIcon"},content:{color:"color-gray-900"},close:{color:"color-gray-500",name:"CloseIcon"}},success:{container:{backgroundColor:"#F0FDF4",border:"#BBF7D0"},icon:{color:"#16A34A",name:"SuccessIcon"},content:{color:"#14532D"},close:{color:"#15803D",name:"CloseIcon"}},error:{container:{backgroundColor:"#FEF2F2",border:"#FECACA"},icon:{color:"#DC2626",name:"ErrorIcon"},content:{color:"#7F1D1D"},close:{color:"#B91C1C",name:"CloseIcon"}},warning:{container:{backgroundColor:"#FFF7ED",border:"#FED7AA"},icon:{color:"#EA580C",name:"WarningIcon"},content:{color:"#9A3412"},close:{color:"#C2410C",name:"CloseIcon"}}},Hn=({variant:e,hide:o,title:t,subtitle:n,theme:a,action:l,actionText:s,showIcon:m=!1,isClosable:d=!1,timeout:c=3e3,views:f})=>{var C,w;h.useEffect(()=>{if(c&&!d){const v=setTimeout(()=>{o()},c);return()=>{clearTimeout(v)}}},[]);const g=a??Ac,p=!!(l&&s),u={borderWidth:1,borderStyle:"solid",borderRadius:12,borderColor:`${g[e].container.border}`,boxShadow:"0 8px 24px rgba(15, 23, 42, 0.06)"},b={info:"#3b82f6",success:"#4ade80",warning:"#f97316",error:"#ef4444"}[e],y={info:r.jsx(qe,{widthHeight:24,color:b,...f==null?void 0:f.icon}),success:r.jsx(rt,{widthHeight:24,color:b,...f==null?void 0:f.icon}),warning:r.jsx(Jr,{widthHeight:24,color:b,...f==null?void 0:f.icon}),error:r.jsx(mr,{widthHeight:24,color:b,...f==null?void 0:f.icon})}[e],x=m&&y;return r.jsxs(i.Horizontal,{role:"messageContent",gap:12,width:"100%",maxWidth:520,flexWrap:"nowrap",position:"relative",alignItems:"flex-start",padding:"12px 14px",color:`${g[e].content.color}`,backgroundColor:`${g[e].container.backgroundColor}`,onClick:d?()=>{}:()=>{o()},...u,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...f==null?void 0:f.container,children:[x&&y,r.jsxs(i.Vertical,{gap:4,width:"100%",children:[r.jsx(i.Text,{size:"md",weight:"semiBold",...f==null?void 0:f.title,children:t}),n&&r.jsx(i.Text,{size:"sm",lineHeight:"20px",color:g[e].content.color,...f==null?void 0:f.subtitle,children:n})]}),p&&r.jsx(i.View,{as:"button",type:"button",onClick:l,backgroundColor:"rgba(255, 255, 255, 0.9)",borderWidth:"1px",borderStyle:"solid",borderColor:g[e].container.border,borderRadius:"9999px",padding:"6px 12px",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease",...f==null?void 0:f.actionText,children:r.jsx(i.Text,{whiteSpace:"nowrap",size:"sm",weight:"semiBold",color:g[e].content.color,children:s})}),d&&r.jsx(i.View,{position:"absolute",zIndex:1e4,right:8,top:8,onClick:()=>{o()},cursor:"pointer",padding:"4px",borderRadius:"9999px",transition:"background-color 0.2s ease",...(C=f==null?void 0:f.closingIcon)==null?void 0:C.container,children:r.jsx(ve,{widthHeight:16,color:g[e].close.color,...(w=f==null?void 0:f.closingIcon)==null?void 0:w.icon})})]})},Ec=({container:e,theme:o,position:t="topRight"})=>{const{visible:n,title:a,variant:l,subtitle:s,isClosable:m,views:d,action:c,actionText:f,showIcon:g,timeout:p}=hr(),u={topLeft:{top:6,left:8},topRight:{top:6,right:8},bottomLeft:{bottom:8,left:6},bottomRight:{bottom:8,right:6}}[t],b=()=>r.jsx(Hn,{variant:l,subtitle:s,show:n,title:a,theme:o,isClosable:m,views:d,action:c,actionText:f,showIcon:g,timeout:p,hide:()=>Wn()}),y=e?h.cloneElement(e,{},b()):r.jsx(i.View,{position:"absolute",zIndex:1e4,...u,children:b()});return n?y:null},Vc=(e,o)=>{const t=document.createElement("video");t.preload="metadata",t.onloadedmetadata=()=>{t.currentTime=1},t.oncanplay=()=>{const n=document.createElement("canvas");n.width=t.videoWidth,n.height=t.videoHeight;const a=n.getContext("2d");if(a){a.drawImage(t,0,0,n.width,n.height);const l=n.toDataURL("image/jpeg");o(l)}URL.revokeObjectURL(t.src)},t.src=URL.createObjectURL(e)},Dc=({maxSize:e=100*1024*1024,onFileSelect:o,onMultipleFileSelect:t,validateFile:n,thumbnail:a,multiple:l=!1,onError:s=m=>{Mn("error","Error",m)}})=>{const m=h.useRef(null),d=h.useRef(null),[c,f]=h.useState(null),[g,p]=h.useState([]),[u,b]=h.useState(null),[y,x]=h.useState(null),[C,w]=h.useState(a||null),v=h.useCallback(S=>{const T=S.target.files;if(b(null),!T||T.length===0){s("No file selected"),b("No file selected");return}if(l){const z=Array.from(T),M=[];for(const P of z){if(P.size>e){s(`File ${P.name} exceeds ${Math.round(e/(1024*1024))}MB.`),b(`File ${P.name} exceeds ${Math.round(e/(1024*1024))}MB.`);continue}if(n){const D=n(P);if(D){s(`${P.name}: ${D}`),b(`${P.name}: ${D}`);continue}}M.push(P)}M.length>0&&(p(M),t&&t(M))}else{const z=T[0];if(z.size>e){s(`File exceeds ${Math.round(e/(1024*1024))}MB.`),b(`File exceeds ${Math.round(e/(1024*1024))}MB.`);return}if(n){const M=n(z);if(M){s(M),b(M);return}}x(URL.createObjectURL(z)),z.type.startsWith("video/")&&Vc(z,w),o&&(f(z),o(z))}},[e,o,t,n,l]),k=()=>{var S;return(S=m.current)==null?void 0:S.click()};return h.useEffect(()=>()=>{y&&URL.revokeObjectURL(y),C&&URL.revokeObjectURL(C)},[y,C]),{previewUrl:y,thumbnailUrl:C,errorMessage:u,fileInputRef:m,videoRef:d,selectedFile:c,selectedFiles:g,handleFileChange:v,handleClick:k}},$c=({accept:e,isLoading:o=!1,progress:t=0,icon:n,text:a,previewUrl:l,thumbnailUrl:s,errorMessage:m,fileInputRef:d,videoRef:c,selectedFile:f,selectedFiles:g,handleFileChange:p,handleClick:u,multiple:b=!1,containerProps:y,errorMessageProps:x,progressProps:C,videoProps:w,imageProps:v,iconProps:k,textProps:S,fileType:T,previewUrl:z,renderError:M=({errorMessage:W,errorMessageProps:A,themeMode:j})=>r.jsx(i.Text,{color:"red",fontSize:12,marginTop:8,...A,...H==null?void 0:H.text,children:W}),renderText:P=({text:W,textProps:A})=>r.jsx(i.Text,{marginTop:8,...A,...H==null?void 0:H.text,children:W}),renderFile:D=({selectedFile:W,textProps:A})=>W?r.jsxs(i.Center,{marginTop:8,gap:10,flexDirection:"column",...H==null?void 0:H.container,children:[r.jsx(i.Text,{maxLines:2,...A,...H==null?void 0:H.text,children:W.name}),r.jsxs(i.Text,{...A,...H==null?void 0:H.text,children:["(",Math.round(W.size/1024)," KB)"]})]}):null,renderVideo:F=({selectedFile:W,videoRef:A,videoProps:j})=>r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...H==null?void 0:H.view,children:r.jsx(i.View,{as:"video",width:"100%",height:"100%",src:W?URL.createObjectURL(W):void 0,style:{objectFit:"cover"},ref:A,...j,...H==null?void 0:H.view})}),renderImage:V=({previewUrl:W,imageProps:A})=>(console.log("Rendering image with URL:",W),r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...H==null?void 0:H.view,children:r.jsx(i.Image,{src:W,alt:"Preview",width:"100%",height:"100%",objectFit:"cover",style:{maxHeight:"100%",maxWidth:"100%"},...A,...H==null?void 0:H.image})})),renderProgress:E=({progress:W,progressProps:A})=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",...A,...H==null?void 0:H.horizontal,children:[r.jsx(i.View,{height:4,backgroundColor:"rgba(0,0,0,0.1)",width:"100%",borderRadius:2,...H==null?void 0:H.view,children:r.jsx(i.View,{height:4,width:`${W}%`,borderRadius:2,backgroundColor:"color-dark-50",...H==null?void 0:H.view})}),r.jsxs(i.Text,{fontSize:12,...H==null?void 0:H.text,children:[W,"%"]})]}),views:H={}})=>{const W=z||l;return r.jsxs(i.Center,{onClick:u,cursor:"pointer",border:"1px solid rgba(0,0,0,0.1)",borderRadius:8,padding:16,flexDirection:"column",overflow:"hidden",position:"relative",height:f&&t===100?"200px":"auto",...y,...H==null?void 0:H.container,children:[t===100&&T==="image"&&W&&V({previewUrl:W,imageProps:v}),t===100&&T==="video"&&s&&F({selectedFile:f,thumbnailUrl:s,videoRef:c,videoProps:w,imageProps:v}),t===100&&T==="file"&&f&&D({selectedFile:f,textProps:S}),t<100&&(n||r.jsx(tt,{widthHeight:32,...k})),!o&&!f&&a&&P({text:a,textProps:S}),o&&E({progress:t,progressProps:C}),!o&&m&&M({errorMessage:m,errorMessageProps:x}),r.jsx(i.Input,{type:"file",ref:d,onChange:p,accept:e,multiple:b,style:{display:"none"},...H==null?void 0:H.view})]})},fr=({accept:e="*/*",icon:o,text:t,maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:s,isLoading:m=!1,progress:d=0,fileType:c,multiple:f=!1,...g})=>{const{previewUrl:p,thumbnailUrl:u,errorMessage:b,videoRef:y,fileInputRef:x,selectedFile:C,selectedFiles:w,handleFileChange:v,handleClick:k}=Dc({maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:s,multiple:f}),T=(()=>{if(c)return c;if(C)return C.type.startsWith("image/")?"image":C.type.startsWith("video/")?"video":"file"})();return r.jsx($c,{handleClick:k,accept:e,isLoading:m,progress:d,icon:o,text:t,maxSize:n,onFileSelect:a,validateFile:s,errorMessage:b,handleFileChange:v,selectedFile:C,selectedFiles:w,videoRef:y,fileInputRef:x,previewUrl:p,thumbnailUrl:u,fileType:T,multiple:f,...g})};function Bc(e){const o=Math.floor(e/60),t=e%60;return`${o}:${t.toString().padStart(2,"0")}`}function Lc({onAudio:e,recording:o,paused:t,audioBlob:n,analyserNode:a,duration:l,error:s,startRecording:m,stopRecording:d,pauseRecording:c,resumeRecording:f,resetRecording:g,handleFileChange:p,...u}){const[b,y]=h.useState(null);h.useEffect(()=>{if(n){const w=URL.createObjectURL(n);return y({url:w,label:`recording-${Date.now()}.webm`}),()=>{URL.revokeObjectURL(w)}}return()=>{}},[n]);const x=()=>{b!=null&&b.url&&URL.revokeObjectURL(b.url),y(null),g()},C=w=>{e(w),b!=null&&b.url&&URL.revokeObjectURL(b.url),y({url:URL.createObjectURL(w),label:w.name})};return r.jsxs(i.Vertical,{gap:"10px",width:"100%",...u,children:[r.jsxs(i.Horizontal,{gap:12,alignItems:"center",padding:"12px 14px",border:"1px solid #E5E7EB",borderRadius:"12px",backgroundColor:"color-white",children:[r.jsx(fr,{accept:"audio/*",icon:r.jsx(Ao,{widthHeight:16}),maxSize:100*1024*1024,onFileSelect:C,fileType:"file",multiple:!1,renderError:({errorMessage:w})=>null,views:{container:{width:"36px",height:"36px",cursor:"pointer",border:"1px solid #E5E7EB",borderRadius:"10px",backgroundColor:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease",_hover:{backgroundColor:"#F8FAFC",borderColor:"#CBD5E1"}}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"10px",width:"36px",height:"36px"},validateFile:w=>w.size>100*1024*1024?"File size exceeds 100MB limit":w.type.startsWith("audio/")?null:"Only audio files are allowed"}),r.jsx(i.View,{as:"button",type:"button",onClick:o?d:m,width:"36px",height:"36px",minWidth:"36px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"theme-primary",color:"color-white",borderRadius:"999px",border:"0",cursor:"pointer",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.92},children:o?r.jsx(sr,{widthHeight:14,color:"currentColor",filled:!1}):r.jsx(Qr,{widthHeight:18,color:"currentColor",filled:!1})}),r.jsx(i.View,{flex:1,minWidth:120,children:r.jsx(at,{analyserNode:o?a:null,isPaused:!o||t})}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",whiteSpace:"nowrap",children:Bc(l)})]}),b&&!o&&r.jsxs(i.Vertical,{gap:"8px",padding:"12px 14px",border:"1px solid #E5E7EB",borderRadius:"12px",backgroundColor:"color-white",children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:8,children:[r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",children:b.label}),r.jsx(i.View,{as:"button",type:"button",onClick:x,width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",border:"0",backgroundColor:"transparent",color:"color-gray-500",cursor:"pointer",children:r.jsx(ve,{widthHeight:14,color:"currentColor"})})]}),r.jsx(i.View,{as:"audio",controls:!0,src:b.url,width:"100%"})]}),s&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:"color-red-500",children:s})]})}function jn(){const[e,o]=h.useState(!1),[t,n]=h.useState(!1),[a,l]=h.useState(0),[s,m]=h.useState(null),[d,c]=h.useState(null),[f,g]=h.useState(null),p=h.useRef(null),u=h.useRef(null),b=h.useRef(null),y=h.useRef(null),x=h.useRef([]),C=h.useRef(null),w=typeof MediaRecorder<"u"&&MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":"audio/webm",v=h.useCallback(()=>{p.current&&(p.current.state!=="inactive"&&p.current.stop(),p.current=null),y.current&&(y.current.getTracks().forEach(P=>P.stop()),y.current=null),u.current&&(u.current.close(),u.current=null),b.current&&(b.current.disconnect(),b.current=null),c(null),C.current&&(clearInterval(C.current),C.current=null)},[]),k=h.useCallback(async()=>{v(),m(null),l(0),x.current=[];try{const P=await navigator.mediaDevices.getUserMedia({audio:!0});y.current=P;const D=MediaRecorder.isTypeSupported(w)?w:void 0,F=new MediaRecorder(P,D?{mimeType:D}:void 0);p.current=F;const V=new(window.AudioContext||window.webkitAudioContext);u.current=V;const E=V.createMediaStreamSource(P),H=V.createAnalyser();H.fftSize=256,H.smoothingTimeConstant=.8,E.connect(H),b.current=H,c(H),F.ondataavailable=W=>{W.data.size>0&&x.current.push(W.data)},F.onstop=()=>{const W=new Blob(x.current,{type:F.mimeType||w});g(W),v()},F.start(),o(!0),n(!1),C.current=setInterval(()=>{l(W=>W+1)},1e3)}catch{m("Microphone access denied or unavailable."),v()}},[v]),S=h.useCallback(()=>{p.current&&p.current.state!=="inactive"&&p.current.stop(),o(!1),n(!1),C.current&&(clearInterval(C.current),C.current=null)},[]),T=h.useCallback(()=>{p.current&&p.current.state==="recording"&&(p.current.pause(),n(!0),C.current&&(clearInterval(C.current),C.current=null))},[]),z=h.useCallback(()=>{p.current&&p.current.state==="paused"&&(p.current.resume(),n(!1),C.current||(C.current=setInterval(()=>{l(P=>P+1)},1e3)))},[]),M=h.useCallback(()=>{v(),o(!1),n(!1),g(null),l(0),m(null),x.current=[]},[v]);return h.useEffect(()=>()=>v(),[v]),{recording:e,paused:t,audioBlob:f,analyserNode:d,duration:a,error:s,startRecording:k,stopRecording:S,pauseRecording:T,resumeRecording:z,resetRecording:M}}function _c(e){const{onAudio:o}=e,{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:s,error:m,startRecording:d,stopRecording:c,pauseRecording:f,resumeRecording:g,resetRecording:p}=jn();return h.useEffect(()=>{if(a&&o){const b=new File([a],"recording.webm",{type:a.type||"audio/webm;codecs=opus"});o(b)}},[a,o]),{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:s,error:m,startRecording:d,stopRecording:c,pauseRecording:f,resumeRecording:g,resetRecording:p,handleFileChange:b=>{var x;const y=(x=b.target.files)==null?void 0:x[0];y&&o&&o(y)}}}function Oc(e){const o=_c(e);return r.jsx(Lc,{...e,...o})}const Nc=()=>{const[e,o]=h.useState(!1);return{imageError:e,setImageError:o}},qc={xs:24,sm:32,md:44,lg:56,xl:72},lt={container:{borderRadius:"50%",overflow:"hidden",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"theme-primary",transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},fallback:{fontWeight:"600",color:"color-white",letterSpacing:"-0.02em"},image:{objectFit:"cover",transition:"opacity 0.2s ease"}},Uc=({src:e,size:o="md",fallback:t="IM",views:n,imageError:a,setImageError:l,onClick:s=()=>{},children:m})=>{const d=qc[o],c={...lt.image,...(n==null?void 0:n.image)||{}};return r.jsxs(i.Center,{role:"avatar",width:d,height:d,...lt.container,borderColor:a?"color-gray-400":"transparent",onClick:s,...n==null?void 0:n.container,children:[!a&&e?r.jsx(i.Image,{alt:"IM",src:e,style:c,width:d,height:d,onError:()=>l(!0)}):r.jsx(i.Text,{size:o,...lt.fallback,...n==null?void 0:n.fallback,children:t}),m]})},Pn=e=>{const o=fe("avatar",e),{src:t,size:n,views:a,fallback:l,onClick:s,children:m}=o,{imageError:d,setImageError:c}=Nc();return r.jsx(Uc,{src:t,size:n,views:a,fallback:l,imageError:d,setImageError:c,onClick:s,children:m})},Gc={xs:{minWidth:"20px",height:"20px",padding:"0 6px",fontSize:"10px",fontWeight:"600",lineHeight:"12px",letterSpacing:"-0.01em"},sm:{minWidth:"24px",height:"24px",padding:"0 8px",fontSize:"12px",fontWeight:"600",lineHeight:"16px",letterSpacing:"-0.01em"},md:{minWidth:"28px",height:"28px",padding:"0 10px",fontSize:"14px",fontWeight:"600",lineHeight:"20px",letterSpacing:"-0.01em"},lg:{minWidth:"32px",height:"32px",padding:"0 12px",fontSize:"16px",fontWeight:"600",lineHeight:"24px",letterSpacing:"-0.01em"},xl:{minWidth:"36px",height:"36px",padding:"0 14px",fontSize:"20px",fontWeight:"600",lineHeight:"28px",letterSpacing:"-0.01em"}},Yc={xs:{gap:"6px",padding:"3px 8px 3px 3px"},sm:{gap:"8px",padding:"4px 10px 4px 4px"},md:{gap:"12px",padding:"6px 16px 6px 6px"},lg:{gap:"12px",padding:"7px 18px 7px 7px"},xl:{gap:"14px",padding:"8px 20px 8px 8px"}},Xc={xs:{padding:"2px 6px",fontSize:"9px",lineHeight:"12px"},sm:{padding:"3px 8px",fontSize:"10px",lineHeight:"14px"},md:{padding:"6px 12px",fontSize:"11px",lineHeight:"14px"},lg:{padding:"7px 14px",fontSize:"12px",lineHeight:"16px"},xl:{padding:"8px 16px",fontSize:"13px",lineHeight:"18px"}},An={xs:{fontSize:"11px",lineHeight:"14px"},sm:{fontSize:"12px",lineHeight:"16px"},md:{fontSize:"13px",lineHeight:"18px"},lg:{fontSize:"14px",lineHeight:"20px"},xl:{fontSize:"15px",lineHeight:"22px"}},Kc={square:0,rounded:"8px",pill:"9999px"},Jc={"top-right":{top:"4px",right:"4px",position:"absolute"},"top-left":{top:"4px",left:"4px",position:"absolute"},"bottom-right":{bottom:"4px",right:"4px",position:"absolute"},"bottom-left":{bottom:"4px",left:"4px",position:"absolute"}},Qc=e=>{const o=e==="dark";return{display:"inline-flex",height:"auto",minWidth:"auto",backgroundColor:o?"rgba(39, 39, 42, 0.68)":"rgba(255, 255, 255, 0.6)",color:o?"color-white":"color-gray-900",borderWidth:"1px",borderStyle:"solid",borderColor:o?"rgba(255, 255, 255, 0.16)":"color-white",backdropFilter:"blur(12px)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.08)",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",_hover:{backgroundColor:o?"rgba(63, 63, 70, 0.76)":"rgba(255, 255, 255, 0.8)",boxShadow:"0 2px 8px rgba(15, 23, 42, 0.1)"}}},Zc=e=>{const o=e==="dark";return{filled:{backgroundColor:"theme-primary",color:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.9},_active:{opacity:.95}},outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary",color:"theme-primary",style:{backgroundColor:"transparent"},transition:"border-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.9},_active:{opacity:.95}},link:{borderWidth:0,borderStyle:"none",borderColor:"theme-primary",color:"theme-primary",textDecoration:"underline",style:{backgroundColor:"transparent",textUnderlineOffset:"2px",textDecorationThickness:"1px"},transition:"opacity 0.2s ease",_hover:{opacity:.8}},ghost:{color:o?"color-gray-300":"color-gray-500",borderWidth:0,borderStyle:"solid",borderColor:o?"color-gray-300":"color-gray-500",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease",_hover:{backgroundColor:o?"color-gray-800":"color-gray-100"}}}},En=e=>({default:{indicator:{backgroundColor:"color-gray-400"},label:{color:"inherit"}},info:{indicator:{backgroundColor:"color-blue-500"},label:{color:"inherit"}},success:{indicator:{backgroundColor:"color-green-500"},label:{color:"inherit"}},warning:{indicator:{backgroundColor:"color-orange-500"},label:{color:"inherit"}},error:{indicator:{backgroundColor:"color-red-500"},label:{color:"inherit"}}}),Rc=h.memo(({content:e,children:o,icon:t,pastil:n,pastilContent:a,action:l,position:s,shape:m="pill",variant:d="filled",size:c="md",views:f,themeMode:g,...p})=>{const{themeMode:u}=i.useTheme(),b=g||u,y=h.useMemo(()=>Zc(b)[d],[b,d]),x=h.useMemo(()=>Qc(b),[b]),C=h.useMemo(()=>En(),[b]),w=a!=null,v=l!=null,k=w||v,S=o??e,T=S!=null,z=h.useMemo(()=>{const P={width:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",borderRadius:Kc[m],...Gc[c],...y,...k?Yc[c]:{},...k?x:{},...s?Jc[s]:{},...f==null?void 0:f.container};return d!=="filled"&&!k&&(y.color!==void 0&&(P.color=y.color),y.borderColor!==void 0&&(P.borderColor=y.borderColor),y.backgroundColor!==void 0&&(P.backgroundColor=y.backgroundColor),y&&y.style&&(P.style={...P.style||{},...y.style})),P},[m,c,d,y,k,x,s,f==null?void 0:f.container]);let M="currentColor";return typeof n=="string"?n in C?M=C[n].indicator.backgroundColor:M=n:n===!0&&(M="color-green-500",d==="filled"&&(M="color-white")),r.jsxs(i.Center,{role:"badge",...z,...p,children:[t&&r.jsx(i.View,{role:"badge-icon",...f==null?void 0:f.icon,children:t}),w&&r.jsx(i.Text,{role:"badge-pastil-content",backgroundColor:b==="dark"?"color-white":"color-gray-900",borderRadius:"9999px",color:b==="dark"?"color-gray-900":"color-white",fontWeight:"700",letterSpacing:0,textTransform:"uppercase",whiteSpace:"nowrap",...Xc[c],...f==null?void 0:f.pastilContent,children:a}),n&&r.jsx(i.View,{role:"badge-pastil",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:M,...f==null?void 0:f.pastil}),T&&r.jsx(i.Text,{role:"badgeText",color:k?b==="dark"?"color-gray-50":"color-gray-900":z.color,fontWeight:k?"700":"600",textAlign:"center",letterSpacing:k?0:"0.02em",whiteSpace:k?"nowrap":void 0,...k?An[c]:{},...f==null?void 0:f.text,children:S}),v&&r.jsx(i.Text,{role:"badge-action",color:"color-gray-400",fontWeight:"500",letterSpacing:0,whiteSpace:"nowrap",...An[c],...f==null?void 0:f.action,children:l})]})}),ke=e=>{const o=fe("badge",e);return r.jsx(Rc,{...o})},ed=()=>{const[e,o]=h.useState(!1);return{isHovered:e,setIsHovered:o}},od={xs:12,sm:14,md:16,lg:18,xl:20},Vn=h.forwardRef(({children:e,to:o="/",iconSize:t="sm",underline:n="default",isHovered:a=!1,isExternal:l=!1,views:s={icon:{},text:{}},setIsHovered:m=()=>{},...d},c)=>{const f=()=>{n==="hover"&&m(!0)},g=()=>{n==="hover"&&m(!1)},p=()=>n==="underline"||n==="hover"&&a?"underline":"none";return r.jsx(os.Link,{ref:c,to:o,target:l?"_blank":"_self",style:{textDecoration:"inherit",color:"inherit"},children:r.jsxs(i.Horizontal,{onMouseEnter:f,onMouseLeave:g,gap:3,alignItems:"center",flexWrap:"nowrap",textDecoration:p(),...s.text,...d,children:[e,l&&r.jsx(Tn,{widthHeight:od[t]})]})})});Vn.displayName="LinkView";const Dn=h.forwardRef((e,o)=>{const t=ed();return r.jsx(Vn,{ref:o,...t,...e})});Dn.displayName="Link";const it=Dn,st={xs:14,sm:18,md:22,lg:26,xl:30},ct={fast:50,normal:100,slow:300},rd=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),td=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),m=l(t,{themeMode:n||s}),d=typeof e=="number"?e:st[e],[c,f]=h.useState(0);return h.useEffect(()=>{const g=setInterval(()=>{f(p=>p+45)},ct[o]);return()=>clearInterval(g)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:`${d}px`,height:`${d}px`,viewBox:"0 0 24 24",fill:"none",stroke:m,strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:`rotate(${c}deg)`},...a,children:[r.jsx("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),r.jsx("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("g",{id:"SVGRepo_iconCarrier",children:r.jsx("path",{d:"M21 12a9 9 0 11-6.219-8.56"})})]})},nd=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),m=l(t,{themeMode:n||s}),d=typeof e=="number"?e:st[e],[c,f]=h.useState(0);return h.useEffect(()=>{const g=setInterval(()=>{f(p=>p+45)},ct[o]);return()=>clearInterval(g)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${d}px`,height:`${d}px`,style:{transform:`rotate(${c}deg)`},...a,children:[r.jsx("circle",{cx:"10",cy:"25",r:"4",fill:m}),r.jsx("circle",{cx:"25",cy:"25",r:"4",fill:m}),r.jsx("circle",{cx:"40",cy:"25",r:"4",fill:m})]})},ad=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),m=l(t,{themeMode:n||s}),d=typeof e=="number"?e:st[e],[c,f]=h.useState(0);return h.useEffect(()=>{const g=setInterval(()=>{f(p=>p+45)},ct[o]);return()=>clearInterval(g)},[o]),r.jsx(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${d}px`,height:`${d}px`,style:{transform:`rotate(${c}deg)`},...a,children:r.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:m,strokeWidth:"5",strokeDasharray:"1,10"})})},ld=({size:e,children:o,textColor:t,loaderColor:n,type:a="default",speed:l="normal",textPosition:s="right",views:m,...d})=>{const{getColor:c}=i.useTheme(),f=u=>rd(u)?u:c(u||"theme-loading");n=f(n||d.color||"theme-loading"),t=f(t||d.color||"theme-loading");const g={size:e,speed:l,color:n},p={default:r.jsx(td,{...g}),dotted:r.jsx(nd,{...g}),quarter:r.jsx(ad,{...g})};return r.jsxs(i.Center,{gap:10,flexDirection:s==="top"||s==="bottom"?"column":"row",...d,...m==null?void 0:m.container,children:[(s==="left"||s==="top")&&o&&r.jsx(i.View,{color:t,...m==null?void 0:m.text,children:o}),p[a],(s==="right"||s==="bottom")&&o&&r.jsx(i.View,{color:t,...m==null?void 0:m.text,children:o})]})},fo=e=>{const o=fe("loader",e);return r.jsx(ld,{...o})},$n={xs:{minHeight:24,paddingHorizontal:12,paddingVertical:6,fontSize:10,fontWeight:500,lineHeight:12,letterSpacing:"-0.01em"},sm:{minHeight:32,paddingHorizontal:16,paddingVertical:8,fontSize:12,fontWeight:500,lineHeight:16,letterSpacing:"-0.01em"},md:{minHeight:40,paddingHorizontal:20,paddingVertical:10,fontSize:14,fontWeight:500,lineHeight:20,letterSpacing:"-0.01em"},lg:{minHeight:48,paddingHorizontal:24,paddingVertical:12,fontSize:16,fontWeight:500,lineHeight:24,letterSpacing:"-0.01em"},xl:{minHeight:56,paddingHorizontal:28,paddingVertical:14,fontSize:20,fontWeight:500,lineHeight:28,letterSpacing:"-0.01em"}},Eo={square:0,rounded:8,pill:999},id={xs:{width:16,height:16,padding:6},sm:{width:20,height:20,padding:6},md:{width:24,height:24,padding:8},lg:{width:24,height:24,padding:12},xl:{width:28,height:28,padding:14}},Ve=e=>/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,sd=(e,o,t=!1,n)=>{const a=t?o:e,l=t?e:o,s=t?o:e,d=(e==="theme-primary"||n&&e===n.primary)&&(n!=null&&n.onPrimary)?n.onPrimary:l,c=`0 0 0 2px ${Ve("color-white")}, 0 0 0 4px ${Ve(s)}`;return{filled:{backgroundColor:a,color:d,borderWidth:1,borderStyle:"solid",borderColor:a,_hover:{opacity:.92},_active:{opacity:.96},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},empty:{color:s,borderWidth:1,borderStyle:"solid",borderColor:s,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, opacity 0.2s ease"},outline:{color:s,borderWidth:1,borderStyle:"solid",borderColor:s,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{color:s,borderWidth:0,borderStyle:"solid",borderColor:s,backgroundColor:"transparent",_hover:{opacity:.86},_active:{opacity:.94},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, color 0.2s ease"},link:{color:s,borderWidth:0,borderStyle:"none",borderColor:s,minHeight:"auto",paddingHorizontal:"4px",paddingVertical:"10px",textDecoration:"underline",backgroundColor:"transparent",style:{textUnderlineOffset:"2px",textDecorationThickness:"1px",textDecorationColor:Ve(s)},_hover:{opacity:.8},_active:{opacity:.9},_focusVisible:{outline:"none",boxShadow:c},transition:"opacity 0.2s ease"},subtle:{backgroundColor:`${s}-${t?200:100}`,color:s,borderWidth:1,borderStyle:"solid",borderColor:`${s}-${t?400:250}`,_hover:{backgroundColor:`${s}-${t?300:180}`},_active:{backgroundColor:`${s}-${t?380:240}`},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}}},cd=h.memo(({children:e,icon:o,isLoading:t,iconPosition:n="left",loaderPosition:a="left",size:l="md",resolvedTextColor:s,isIconRounded:m,views:d})=>{const c=["left","right"].includes(n)?i.Horizontal:i.Vertical,f=$n[l];return r.jsxs(c,{gap:8,alignItems:"center",justifyContent:"center",fontSize:f.fontSize,fontWeight:f.fontWeight,lineHeight:f.lineHeight,letterSpacing:f.letterSpacing,whiteSpace:"nowrap",color:s,...d==null?void 0:d.content,children:[t&&a==="left"&&r.jsx(fo,{size:l==="xs"||l==="sm"?"sm":"md",color:s,...d==null?void 0:d.loader}),o&&["left","top"].includes(n)&&!t&&r.jsx(i.View,{color:s,...d==null?void 0:d.icon,children:o}),e,o&&["right","bottom"].includes(n)&&!t&&r.jsx(i.View,{color:s,...d==null?void 0:d.icon,children:o}),t&&a==="right"&&r.jsx(fo,{size:l==="xs"||l==="sm"?"sm":"md",color:s,...d==null?void 0:d.loader})]})}),dd=e=>{const o=Eo[e];return typeof o=="number"?o:typeof o=="string"&&parseInt(o,10)||0},md=({asComponent:e,isDisabled:o,isLoading:t,isWrapped:n=!1,borderRadius:a,width:l,height:s,baseStyles:m,sizeStyles:d,iconPad:c,mainTone:f,resolvedTextColor:g,children:p,borderWidth:u=0,...b})=>r.jsx(i.Element,{as:e,disabled:!!(o||t),display:n?"flex":"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:a,width:l,height:s,...m,...d,...c,backgroundColor:(m==null?void 0:m.backgroundColor)||(n?f:void 0),color:g,borderWidth:n?0:void 0,cursor:o?"default":"pointer",...b,children:p}),hd=({shape:e,isDisabled:o,onClick:t,shadow:n,borderWidth:a,isAuto:l,isFilled:s,views:m,children:d,...c})=>r.jsx(i.Element,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Eo[e],cursor:o?"default":"pointer",onClick:t,boxShadow:n,padding:a,width:l?"fit-content":s?"100%":void 0,...m==null?void 0:m.container,...c,children:d}),fd=({variant:e,animation:o,to:t,isDisabled:n,isLoading:a,isAuto:l,isFilled:s,isExternal:m,shape:d="rounded",shadow:c,onClick:f,views:g,baseStyles:p,sizeStyles:u,iconPad:b,containerRef:y,resolvedTextColor:x,content:C,size:w,mainTone:v,borderMovingDuration:k=2,borderMovingGradientColors:S=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:T="#705CFF",animatedStrokeTextColor:z="#333333",...M})=>{var V;const P=dd(d),D=t?r.jsx(it,{to:t,isExternal:m,color:"currentColor",textDecoration:"inherit",_hover:{color:"currentColor"},...g==null?void 0:g.link,children:C}):C,F={isDisabled:n,isLoading:a,baseStyles:p,sizeStyles:u,iconPad:b,resolvedTextColor:x,mainTone:v,children:D};if(o==="borderMoving"&&S){const H={from:{backgroundPosition:"0% 50%"},to:{backgroundPosition:"200% 50%"},duration:`${k}s`,timingFunction:"linear",iterationCount:"infinite"};return r.jsx(hd,{shape:d,isDisabled:n,onClick:f,shadow:c,borderWidth:3,isAuto:l,isFilled:s,views:g,background:`linear-gradient(90deg, ${Ve(S[0])}, ${Ve(S[1])}, ${Ve(S[2])}, ${Ve(S[0])})`,backgroundSize:"200% 100%",animate:H,...M,children:r.jsx(md,{asComponent:t?"div":"button",isWrapped:!0,borderRadius:Math.max(0,P-3),width:"100%",height:"100%",...F})})}if(o==="animatedStroke"){const E=Ve(T),H=Ve(z),W=1e3,A={from:{strokeWidth:"8px",strokeDasharray:`0 ${W}`,strokeDashoffset:-Math.round(W*.63)},to:{strokeWidth:"3px",strokeDasharray:`${W}`,strokeDashoffset:0},duration:"0.9s",timingFunction:"ease-in",fillMode:"forwards"},j=["group",(V=g==null?void 0:g.container)==null?void 0:V.className,M==null?void 0:M.className].filter(Boolean).join(" ");return r.jsxs(i.Element,{ref:y,as:t?"div":"button",type:t?void 0:"button",disabled:!!(!t&&(n||a)),onClick:f,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":s?"100%":void 0,borderRadius:Eo[d],boxShadow:c,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:n?"default":"pointer",color:H,backgroundColor:"transparent",borderWidth:0,...g==null?void 0:g.container,...M,className:j,children:[r.jsx(i.View,{as:"svg",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",pointerEvents:"none",zIndex:1,"aria-hidden":"true",children:r.jsx(i.View,{as:"rect",x:"0",y:"0",height:"100%",width:"100%",rx:P,ry:P,fill:"transparent",stroke:E,strokeWidth:"8px",strokeDasharray:`0 ${W}`,strokeDashoffset:-Math.round(W*.63),pathLength:W,on:{groupHover:{animate:A}}})}),r.jsx(i.View,{position:"relative",zIndex:0,children:D})]})}if(o==="borderReveal"){const H=Ve((S==null?void 0:S[0])||v||"#000000"),A=k*.75/4,j=`linear-gradient(90deg, ${H} 50%, transparent 50%)`,B=`linear-gradient(180deg, ${H} 50%, transparent 50%)`,_=`linear-gradient(270deg, ${H} 50%, transparent 50%)`,$=`linear-gradient(0deg, ${H} 50%, transparent 50%)`,N="100% 0, 100% 100%, 0 100%, 0 0",O="0 0, 100% 0, 100% 100%, 0 100%",G=`0s, ${A}s, ${A*2}s, ${A*2}s`,q=`${A*2}s, ${A*2}s, ${A}s, 0s`,K=4;return r.jsx(i.Element,{ref:y,as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Eo[d],cursor:n?"default":"pointer",onClick:f,boxShadow:c,padding:3,background:`
+          ${j} no-repeat,
+          ${B} no-repeat,
+          ${_} no-repeat,
+          ${$} no-repeat
+        `,backgroundSize:`200% ${K}px, ${K}px 200%, 200% ${K}px, ${K}px 200%`,backgroundPosition:N,transitionProperty:"background-position",transitionDuration:`${A}s`,transitionTimingFunction:"linear",transitionDelay:q,_hover:{backgroundPosition:O,transitionDelay:G},width:l?"fit-content":s?"100%":void 0,...g==null?void 0:g.container,...M,children:r.jsx(i.View,{as:t?"div":"button",disabled:!!(n||a),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:Math.max(0,P-3),width:"100%",height:"100%",...p,...u,...b,backgroundColor:(p==null?void 0:p.backgroundColor)||v,color:x,borderWidth:0,cursor:n?"default":"pointer",children:D})})}return r.jsx(i.Element,{ref:y,as:e==="link"&&t?"div":"button",type:e==="link"&&t?void 0:"button",disabled:!!(n||a),...u,...b,display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":s?"100%":void 0,borderRadius:Eo[d],boxShadow:c,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:n?"default":"pointer",onClick:f,...p,...g==null?void 0:g.container,...M,children:D})},gd=h.memo(h.forwardRef(({variant:e="filled",size:o="md",shape:t="rounded",iconPosition:n="left",loaderPosition:a="left",backgroundColor:l,color:s,textColor:m,reversed:d=!1,isAuto:c=!0,isFilled:f,isDisabled:g,isLoading:p,isIconRounded:u,isHovered:b,icon:y,children:x,to:C,isExternal:w,shadow:v,onClick:k,views:S={},animation:T,loaderProps:z,config:M,ariaLabel:P,borderMovingDuration:D=2,borderMovingGradientColors:F=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:V="#705CFF",animatedStrokeTextColor:E="#333333",...H},W)=>{const j=g?"theme-disabled":p?"theme-loading":l??s??"theme-primary",B=m??"color-white",{config:_}=ar(),$=_==null?void 0:_.theme,O=h.useMemo(()=>{const Y=sd(j,B,d,$);return M!=null&&M.variants&&Object.keys(M.variants).forEach(Q=>{Y[Q]&&(Y[Q]=Ee(Y[Q],M.variants[Q]))}),Y},[j,B,d,$,M==null?void 0:M.variants])[e],G=(O==null?void 0:O.color)??B,q=r.jsx(cd,{icon:y,isLoading:p,iconPosition:n,loaderPosition:a,size:o,resolvedTextColor:G,isIconRounded:u,views:S,children:x}),K=$n[o],L=u?id[o]:{};return r.jsx(fd,{variant:e,animation:T,to:C,isDisabled:g,isLoading:p,isAuto:c,isFilled:f,isExternal:w,shape:t,shadow:v,onClick:k,views:S,baseStyles:O,sizeStyles:K,iconPad:L,resolvedTextColor:G,content:q,size:o,mainTone:j,borderMovingDuration:D,borderMovingGradientColors:F,animatedStrokeAccentColor:V,animatedStrokeTextColor:E,containerRef:W,...H})})),ie=e=>{const[o,t]=i.useHover(),n=fe("button",e);return r.jsx(gd,{isHovered:t,...n})},pd={sm:{padding:"12px"},md:{padding:"16px"},lg:{padding:"24px"}},ud={square:0,rounded:"8px",pill:"24px"},bd=e=>{const o=e==="dark";return{default:{backgroundColor:o?"color-gray-900":"color-white",border:"none",transition:"background-color 0.2s ease, box-shadow 0.2s ease"},outlined:{backgroundColor:o?"color-gray-900":"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:o?"color-gray-700":"color-gray-200",transition:"border-color 0.2s ease, box-shadow 0.2s ease",_hover:{borderColor:o?"color-gray-600":"color-gray-300",boxShadow:o?"0px 1px 3px rgba(0, 0, 0, 0.3)":"0px 1px 3px rgba(0, 0, 0, 0.05)"}},elevated:{backgroundColor:o?"color-gray-900":"color-white",boxShadow:o?"0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.3)":"0px 1px 3px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.06)",border:"none",transition:"box-shadow 0.2s ease",_hover:{boxShadow:o?"0px 4px 6px rgba(0, 0, 0, 0.4), 0px 2px 4px rgba(0, 0, 0, 0.35)":"0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.06)"}}}},gr=e=>{const o=e.themeMode==="dark";return{container:{backgroundColor:o?"color-gray-900":"color-white",color:o?"color-white":"color-gray-900",borderRadius:"8px",overflow:"hidden",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},header:{padding:"16px",borderBottom:"1px solid",borderColor:o?"color-gray-800":"color-gray-100",color:"theme-primary",fontWeight:600,fontSize:14},content:{padding:"16px",color:o?"color-gray-300":"color-gray-600",fontSize:12,lineHeight:"18px"},footer:{padding:"16px",borderTop:"1px solid",borderColor:o?"color-gray-800":"color-gray-100",justifyContent:"flex-end",gap:8}}},Bn=h.createContext({}),dt=()=>h.useContext(Bn),mt=({children:e,views:o,style:t,themeMode:n,...a})=>{var c;const l=i.useTheme(),{styles:s}=dt(),m=gr(l).header,d={...m,...s==null?void 0:s.header,...a,style:{...m==null?void 0:m.style,...(c=s==null?void 0:s.header)==null?void 0:c.style,...t}};return r.jsx(i.Vertical,{gap:8,...d,children:e})},ht=({children:e,views:o,style:t,themeMode:n,...a})=>{var c;const l=i.useTheme(),{styles:s}=dt(),m=gr(l).content,d={...m,...s==null?void 0:s.content,...a,style:{...m==null?void 0:m.style,...(c=s==null?void 0:s.content)==null?void 0:c.style,...t}};return r.jsx(i.Vertical,{gap:12,...d,children:e})},ft=({children:e,views:o,style:t,themeMode:n,...a})=>{var c;const l=i.useTheme(),{styles:s}=dt(),m=gr(l).footer,d={...m,...s==null?void 0:s.footer,...a,style:{...m==null?void 0:m.style,...(c=s==null?void 0:s.footer)==null?void 0:c.style,...t}};return r.jsx(i.Vertical,{gap:8,...d,children:e})},yd=({variant:e="default",size:o="md",shape:t="rounded",children:n,header:a,footer:l,isFullWidth:s=!1,views:m,style:d,themeMode:c,config:f,...g})=>{var S,T;const p=i.useTheme(),u=gr(p),b=((S=pd[o])==null?void 0:S.padding)||"16px",y=h.useMemo(()=>({styles:{container:{...u.container,borderRadius:ud[t],...m==null?void 0:m.container},header:{...u.header,padding:b,...m==null?void 0:m.header},content:{...u.content,padding:b,...m==null?void 0:m.content},footer:{...u.footer,padding:b,...m==null?void 0:m.footer}}}),[u,m,b,t]),x=h.Children.toArray(n).some(z=>h.isValidElement(z)&&(z.type===mt||z.type===ht||z.type===ft)),{themeMode:C}=p,v=bd(c||C)[e],k={width:s?"100%":"auto",overflow:"hidden",...v,...y.styles.container,...g,style:{...(T=y.styles.container)==null?void 0:T.style,...d}};return r.jsx(Bn.Provider,{value:y,children:r.jsx(i.View,{...k,children:x?n:r.jsxs(i.Vertical,{width:"100%",children:[a&&r.jsx(mt,{children:a}),r.jsx(ht,{children:n}),l&&r.jsx(ft,{children:l})]})})})},be=e=>{const o=fe("card",e);return r.jsx(yd,{...o})};be.Header=mt,be.Content=ht,be.Footer=ft;const xd=({defaultActiveIndex:e=0,activeIndex:o,onChange:t,autoPlay:n=!1,autoPlayInterval:a=3e3,pauseOnHover:l=!0,infinite:s=!0,totalSlides:m,stepIndices:d})=>{const c=h.useRef(m||0),[f,g]=h.useState(m||0),p=h.useRef(new Set),u=h.useRef(0),b=h.useMemo(()=>Gr("carousel-content"),[]),[y,x]=h.useState(o!==void 0?o:e),[C,w]=h.useState(!1),[v,k]=h.useState(!1),[S,T]=h.useState(0),[z,M]=h.useState(0),P=h.useRef(null);h.useEffect(()=>{o!==void 0&&x(o)},[o]);const D=h.useCallback(O=>{let G=O;s?O<0?G=f-1:O>=f&&(G=0):G=Math.max(0,Math.min(O,f-1)),d&&d.length>0&&(d.includes(G)||(G=d.reduce((K,L)=>Math.abs(L-G)<Math.abs(K-G)?L:K))),o===void 0&&x(G),t&&t(G)},[o,s,t,f]),F=h.useCallback(()=>{D(y+1)},[y,D]),V=h.useCallback(()=>{D(y-1)},[y,D]);h.useEffect(()=>(n&&!C&&!v&&(P.current=setInterval(()=>{F()},a)),()=>{P.current&&clearInterval(P.current)}),[n,a,C,v,F,l]);const E=h.useCallback(()=>{l&&w(!0)},[l]),H=h.useCallback(()=>{w(!1)},[]),W=h.useCallback(O=>{k(!0),"touches"in O?(T(O.touches[0].clientX),M(O.touches[0].clientY)):(T(O.clientX),M(O.clientY))},[]),A=h.useCallback(O=>{if(!v)return;let G,q;"touches"in O?(G=O.touches[0].clientX,q=O.touches[0].clientY):(G=O.clientX,q=O.clientY);const K=G-S,L=q-z;Math.abs(K)>Math.abs(L)&&Math.abs(K)>50&&(K>0?V():F(),k(!1))},[v,S,z,F,V]),j=h.useCallback(()=>{k(!1)},[]),B=h.useCallback(()=>{const O=u.current++;p.current.add(O);const G=p.current.size;return c.current=G,g(G),O},[]),_=h.useCallback(O=>{p.current.delete(O);const G=p.current.size;if(c.current=G,g(G),G>0&&y>=G){const q=Math.max(0,G-1);o===void 0&&x(q),t&&t(q)}},[y,o,t]),$=s||y>0,N=s||y<f-1;return{activeIndex:y,totalSlides:f,goToSlide:D,nextSlide:F,prevSlide:V,canGoNext:N,canGoPrevious:$,handleMouseEnter:E,handleMouseLeave:H,handleDragStart:W,handleDragMove:A,handleDragEnd:j,registerSlide:B,unregisterSlide:_,contentId:b,infinite:s}},Cd={dot:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",transition:"background-color 0.3s ease"},line:{width:"20px",height:"4px",borderRadius:"2px",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",transition:"background-color 0.3s ease"},number:{minWidth:"24px",height:"24px",borderRadius:"50%",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",transition:"background-color 0.3s ease"}},kd={dot:{backgroundColor:"theme-primary"},line:{backgroundColor:"theme-primary"},number:{backgroundColor:"theme-primary",color:"color-white"}},pr={width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"color-white",color:"color-gray-800",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 2px 5px rgba(0, 0, 0, 0.1)",zIndex:1,transition:"background-color 0.3s ease",_hover:{backgroundColor:"color-gray-100"}},Vo=()=>({container:{position:"relative",overflow:"hidden"},content:{overflow:"hidden",width:"100%",height:"100%"},innerContainer:{display:"flex",transitionProperty:"transform",transitionDuration:"300ms",transitionTimingFunction:"ease-in-out",height:"100%"},item:{flex:"0 0 100%",minWidth:0,position:"relative",height:"100%"},prevButton:{position:"absolute",top:"50%",left:"16px",transform:"translateY(-50%)",zIndex:10,...pr},nextButton:{position:"absolute",top:"50%",right:"16px",transform:"translateY(-50%)",zIndex:10,...pr}}),Ln=h.createContext(null),ur=()=>{const e=h.useContext(Ln);if(!e)throw new Error("Carousel compound components must be used within <Carousel>");return e},_n=({children:e,isActive:o,index:t,views:n,...a})=>r.jsx(i.View,{flexShrink:0,width:"100%",height:"100%",display:o?"block":"none",...n,...a,children:e}),On=({views:e,children:o,...t})=>{const{goToPrevious:n,canGoPrevious:a,styles:l}=ur(),m={...Vo().prevButton,...l==null?void 0:l.prevButton,...e==null?void 0:e.prevButton};return r.jsx(ie,{"aria-label":"Previous slide",onClick:()=>n(),isDisabled:!a,...m,...t,children:o??r.jsx(ce,{orientation:"left",widthHeight:16})})},Nn=({views:e,children:o,...t})=>{const{goToNext:n,canGoNext:a,styles:l}=ur(),m={...Vo().nextButton,...l==null?void 0:l.nextButton,...e==null?void 0:e.nextButton};return r.jsx(ie,{"aria-label":"Next slide",onClick:()=>n(),isDisabled:!a,...m,...t,children:o??r.jsx(ce,{orientation:"right",widthHeight:16})})},qn=({children:e,views:o,...t})=>{const{registerSlide:n,unregisterSlide:a,styles:l}=ur(),s=h.useRef(null);h.useEffect(()=>{const c=n();return s.current=c,()=>{s.current!==null&&a(s.current)}},[n,a]);const d={...Vo().item,...l==null?void 0:l.item,...o==null?void 0:o.item};return r.jsx(i.View,{role:"group","aria-roledescription":"slide",...d,...t,children:e})},Un=({children:e,views:o,style:t,...n})=>{const{currentIndex:a,styles:l,contentId:s}=ur(),m=Vo(),d={...m.content,...l==null?void 0:l.content,...o==null?void 0:o.content},c={...m.innerContainer,...l==null?void 0:l.innerContainer,...o==null?void 0:o.innerContainer},f=`-${a*100}%`;return r.jsx(i.View,{...d,...n,style:{...d==null?void 0:d.style,...t},id:s,"aria-live":"polite",children:r.jsx(i.View,{...c,style:{...c==null?void 0:c.style,transform:`translateX(${f})`},children:e})})},wd=({children:e,defaultActiveIndex:o=0,activeIndex:t,onChange:n,showNavigation:a=!0,navigationPosition:l="inside",prevButton:s,nextButton:m,showIndicators:d=!0,indicatorPosition:c="bottom",indicatorVariant:f="dot",autoPlay:g=!1,autoPlayInterval:p=3e3,pauseOnHover:u=!0,infinite:b=!0,direction:y="horizontal",transitionDuration:x=300,views:C,stepIndices:w,themeMode:v,...k})=>{const S=h.useMemo(()=>h.Children.toArray(e),[e]),T=xd({defaultActiveIndex:o,activeIndex:t,onChange:n,autoPlay:g,autoPlayInterval:p,pauseOnHover:u,infinite:b,totalSlides:S.length}),{activeIndex:z,totalSlides:M,goToSlide:P,nextSlide:D,prevSlide:F,handleMouseEnter:V,handleMouseLeave:E,handleDragStart:H,handleDragMove:W,handleDragEnd:A}=T,j=()=>{if(!a)return null;const $=s||r.jsx(i.View,{as:"button","aria-label":"Previous slide",...pr,...C==null?void 0:C.prevButton,children:"❮"}),N=m||r.jsx(i.View,{as:"button","aria-label":"Next slide",...pr,...C==null?void 0:C.nextButton,children:"❯"});return r.jsxs(r.Fragment,{children:[r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",left:l==="inside"?"10px":"-40px",onClick:F,cursor:!b&&z===0?"not-allowed":"pointer",opacity:!b&&z===0?.5:1,children:$}),r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",right:l==="inside"?"10px":"-40px",onClick:D,cursor:!b&&z===S.length-1?"not-allowed":"pointer",opacity:!b&&z===S.length-1?.5:1,children:N})]})},B=()=>d?r.jsx(i.Horizontal,{position:"absolute",left:"0",right:"0",justifyContent:"center",...c==="top"?{top:"10px"}:{bottom:"10px"},...C==null?void 0:C.indicators,children:S.map(($,N)=>r.jsx(i.View,{onClick:()=>P(N),cursor:"pointer",...Cd[f],...N===z?{...kd[f]}:{},...C==null?void 0:C.indicator,...N===z?C==null?void 0:C.activeIndicator:{},children:f==="number"&&N+1},N))}):null;return h.useMemo(()=>h.Children.toArray(e).some($=>h.isValidElement($)&&($.type===Un||$.type===qn||$.type===On||$.type===Nn)),[e])?r.jsx(Ln.Provider,{value:{currentIndex:z,totalSlides:M,goToSlide:P,goToNext:D,goToPrevious:F,canGoNext:T.canGoNext,canGoPrevious:T.canGoPrevious,registerSlide:T.registerSlide,unregisterSlide:T.unregisterSlide,styles:{...Vo(),...C},contentId:T.contentId,infinite:b},children:r.jsx(i.View,{role:"region","aria-roledescription":"carousel","aria-label":"Carousel",position:"relative",width:"100%",height:"100%",overflow:"hidden",...C==null?void 0:C.container,...k,children:e})}):r.jsxs(i.View,{position:"relative",width:"100%",height:"100%",overflow:"hidden",onMouseEnter:V,onMouseLeave:E,onTouchStart:H,onTouchMove:W,onTouchEnd:A,onMouseDown:H,onMouseMove:W,onMouseUp:A,...C==null?void 0:C.container,...k,children:[r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...C==null?void 0:C.slideWrapper,children:S.map(($,N)=>r.jsx(_n,{isActive:N===z,index:N,views:C==null?void 0:C.slide,children:$},N))}),j(),B()]})},He=e=>r.jsx(wd,{...e});He.Slide=_n,He.Content=Un,He.Item=qn,He.Previous=On,He.Next=Nn;const je={blue:"color-blue-500",green:"color-green-500",purple:"color-purple-500",orange:"color-orange-500",red:"color-red-500",teal:"color-teal-500",pink:"color-pink-500",indigo:"color-indigo-500",yellow:"color-yellow-500",cyan:"color-cyan-500"},Gn=[je.blue,je.green,je.purple,je.orange,je.red,je.teal,je.pink,je.indigo,je.yellow,je.cyan],go=Gn,Sd={width:"100%",height:"100%",position:"relative",display:"flex",flexDirection:"column"},vd={fontSize:"18px",fontWeight:"700",marginBottom:"24px",textAlign:"center",color:"color-gray-900"},Td={display:"flex",flexWrap:"wrap",justifyContent:"flex-start",marginTop:"16px",gap:"12px"},Id={display:"flex",alignItems:"center",padding:"4px 8px",borderRadius:"6px",cursor:"pointer",transition:"background-color 0.2s ease",_hover:{backgroundColor:"color-gray-50"}},Fd={width:"10px",height:"10px",borderRadius:"50%",marginRight:"8px"},zd={fontSize:"13px",fontWeight:"500",color:"color-gray-600"},br={position:"absolute",backgroundColor:"color-white",padding:"12px 16px",borderRadius:"8px",boxShadow:"0px 12px 24px rgba(15, 23, 42, 0.18)",border:"1px solid color-gray-200",fontSize:"14px",display:"flex",flexDirection:"column",pointerEvents:"none",zIndex:100},Yn={stroke:"color-gray-100",strokeWidth:"1px",strokeDasharray:"4 4"},yr={stroke:"color-gray-200",strokeWidth:"1px"},xr={fontSize:"12px",fill:"color-gray-500",fontWeight:"500"},Md={rx:"4px",ry:"4px",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{filter:"brightness(1.1)"}},Wd={strokeWidth:"3px",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",transition:"stroke-width 0.2s ease"},Hd={r:"5px",strokeWidth:"2.5px",stroke:"white",cursor:"pointer",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{r:"7px"}},Cr={strokeWidth:"2px",stroke:"white",cursor:"pointer",transition:"all 0.3s ease",_hover:{transform:"scale(1.02)"}},gt={position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.8)",borderRadius:"4px",zIndex:10,padding:"24px",textAlign:"center"},jd={...gt},Pd={...gt,backgroundColor:"rgba(254, 242, 242, 0.8)",color:"color-red-600"},Ad={...gt,backgroundColor:"rgba(249, 250, 251, 0.8)",color:"color-gray-500"},Ed=({data:e,dataPoints:o,animated:t=!0,animationDuration:n=500,showTooltips:a=!0})=>{const[l,s]=h.useState(t?0:1),[m,d]=h.useState({visible:!1,x:0,y:0,content:null}),c=h.useRef(null),f=h.useRef(null);h.useEffect(()=>{if(!t){s(1);return}const w=Date.now(),v=()=>{const k=Date.now()-w,S=Math.min(k/n,1);s(S),S<1&&(c.current=requestAnimationFrame(v))};return c.current=requestAnimationFrame(v),()=>{c.current&&cancelAnimationFrame(c.current)}},[t,n]);const[g,p]=h.useState(new Set),u=h.useCallback(w=>{p(v=>{const k=new Set(v);return k.has(w)?k.delete(w):k.add(w),k})},[]),b=h.useCallback(()=>e?{...e,series:e.series.map((w,v)=>({...w,color:w.color||go[v%go.length],hidden:g.has(w.name)}))}:o?o.map((w,v)=>({...w,color:w.color||go[v%go.length],hidden:g.has(w.label)})):null,[e,o,g]),y=h.useCallback((w,v,k)=>{a&&d({visible:!0,x:w,y:v,content:k})},[a]),x=h.useCallback(()=>{d(w=>({...w,visible:!1}))},[]),C=h.useCallback(()=>{if(!f.current)return{width:0,height:0};const{width:w,height:v}=f.current.getBoundingClientRect();return{width:w,height:v}},[]);return{animationProgress:l,tooltip:m,containerRef:f,processedData:b,showTooltip:y,hideTooltip:x,getChartDimensions:C,toggleSeries:u}},Vd=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onBarClick:l,showTooltip:s,hideTooltip:m,views:d})=>{const{getColor:c}=i.useTheme(),f={top:20,right:20,bottom:40,left:50},g=o-f.left-f.right,p=t-f.top-f.bottom,u=h.useMemo(()=>{let S=0;return e.series.forEach(T=>{T.data.forEach(z=>{S=Math.max(S,z)})}),S},[e]),b=e.labels.length,y=e.series.length,x=g/b,C=x*.8/y,w=x*.2/(y+1),v=u||10,k=h.useMemo(()=>{const T=[];for(let z=0;z<=5;z++){const M=v/5*z;T.push(M)}return T},[u]);return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((S,T)=>{const z=S.color?c(S.color):"black";return r.jsxs("linearGradient",{id:`bar-gradient-${T}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:z,stopOpacity:1}),r.jsx("stop",{offset:"100%",stopColor:z,stopOpacity:.7})]},`bar-gradient-${T}`)})}),r.jsx("line",{x1:f.left,y1:t-f.bottom,x2:o-f.right,y2:t-f.bottom,...yr,...d==null?void 0:d.axis}),r.jsx("line",{x1:f.left,y1:f.top,x2:f.left,y2:t-f.bottom,...yr,...d==null?void 0:d.axis}),e.labels.map((S,T)=>{const z=f.left+(T+.5)*x,M=t-f.bottom+20;return r.jsx("text",{x:z,y:M,textAnchor:"middle",...xr,...d==null?void 0:d.axisLabel,children:S},`x-label-${T}`)}),k.map((S,T)=>{const z=t-f.bottom-S/v*p;return r.jsxs(h.Fragment,{children:[r.jsx("text",{x:f.left-10,y:z,textAnchor:"end",dominantBaseline:"middle",...xr,...d==null?void 0:d.axisLabel,children:S.toFixed(0)}),a&&r.jsx("line",{x1:f.left,y1:z,x2:o-f.right,y2:z,...Yn,...d==null?void 0:d.grid})]},`y-tick-${T}`)}),e.series.map((S,T)=>S.hidden?null:r.jsx(h.Fragment,{children:S.data.map((z,M)=>{const P=z/v*p*n,D=f.left+M*x+w*(T+1)+C*T,F=t-f.bottom-P,V=e.labels[M],E=e.series.reduce((B,_)=>{const $=_.data[M];return B+(typeof $=="number"?$:0)},0),H=E>0?(z/E*100).toFixed(1):null,W=S.color?c(S.color):"black",A=B=>{const _=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"180px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:S.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:W})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:V}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:z.toLocaleString()})]}),H!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:`${H}%`})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Category total"}),r.jsx(i.Text,{fontWeight:"medium",children:E.toLocaleString()})]})]})]}),$=B.currentTarget.getBoundingClientRect(),N=$.left+$.width/2,O=$.top;s(N,O,_)},j=()=>{l&&l(S.name,M)};return r.jsx("rect",{x:D,y:F,width:C,height:P,fill:`url(#bar-gradient-${T})`,onMouseEnter:A,onMouseMove:A,onMouseLeave:m,onClick:j,...Md,...d==null?void 0:d.bar},`bar-${T}-${M}`)})},`series-${T}`))]})},Dd=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onPointClick:l,showTooltip:s,hideTooltip:m,views:d})=>{const{getColor:c}=i.useTheme(),f={top:20,right:20,bottom:40,left:40},g=o-f.left-f.right,p=t-f.top-f.bottom,u=h.useMemo(()=>{let w=0;return e.series.forEach(v=>{v.data.forEach(k=>{w=Math.max(w,k)})}),w},[e]),b=u||10,y=h.useMemo(()=>{const v=[];for(let k=0;k<=5;k++){const S=b/5*k;v.push(S)}return v},[u]),x=w=>{if(w.length<2)return"";const v=w.map((S,T)=>({x:f.left+T/(e.labels.length-1)*g,y:t-f.bottom-S/b*p*n}));let k=`M ${v[0].x},${v[0].y}`;for(let S=0;S<v.length-1;S++){const T=v[S===0?S:S-1],z=v[S],M=v[S+1],P=v[S+2===v.length?S+1:S+2],D=z.x+(M.x-T.x)/6,F=z.y+(M.y-T.y)/6,V=M.x-(P.x-z.x)/6,E=M.y-(P.y-z.y)/6;k+=` C ${D},${F} ${V},${E} ${M.x},${M.y}`}return k},C=w=>{if(w.length<2)return"";const v=x(w),k=f.left,S=f.left+g,T=t-f.bottom;return`${v} L ${S},${T} L ${k},${T} Z`};return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((w,v)=>{const k=w.color?c(w.color):"black";return r.jsxs("linearGradient",{id:`gradient-${v}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:k,stopOpacity:.3}),r.jsx("stop",{offset:"100%",stopColor:k,stopOpacity:0})]},`gradient-${v}`)})}),r.jsx("line",{x1:f.left,y1:t-f.bottom,x2:o-f.right,y2:t-f.bottom,...yr,...d==null?void 0:d.axis}),r.jsx("line",{x1:f.left,y1:f.top,x2:f.left,y2:t-f.bottom,...yr,...d==null?void 0:d.axis}),e.labels.map((w,v)=>{const k=f.left+v/(e.labels.length-1)*g,S=t-f.bottom+20;return r.jsx("text",{x:k,y:S,textAnchor:"middle",...xr,...d==null?void 0:d.axisLabel,children:w},`x-label-${v}`)}),y.map((w,v)=>{const k=t-f.bottom-w/b*p;return r.jsxs(h.Fragment,{children:[r.jsx("text",{x:f.left-10,y:k,textAnchor:"end",dominantBaseline:"middle",...xr,...d==null?void 0:d.axisLabel,children:w.toFixed(0)}),a&&r.jsx("line",{x1:f.left,y1:k,x2:o-f.right,y2:k,...Yn,...d==null?void 0:d.grid})]},`y-tick-${v}`)}),e.series.map((w,v)=>{if(w.hidden)return null;const k=w.color?c(w.color):"black";return r.jsxs(h.Fragment,{children:[r.jsx("path",{d:C(w.data),fill:`url(#gradient-${v})`,...d==null?void 0:d.area}),r.jsx("path",{d:x(w.data),stroke:k,...Wd,...d==null?void 0:d.line}),w.data.map((S,T)=>{const z=f.left+T/(e.labels.length-1)*g,M=t-f.bottom-S/b*p*n,P=e.labels[T],D=e.series.reduce((j,B)=>{const _=B.data[T];return j+(typeof _=="number"?_:0)},0),F=D>0?(S/D*100).toFixed(1):null,V=T>0&&typeof w.data[T-1]=="number"?w.data[T-1]:null,E=typeof V=="number"?S-V:null,H=typeof E=="number"?`${E>=0?"+":""}${E.toLocaleString()}`:null,W=j=>{const B=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"200px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:w.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:k})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:P}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:S.toLocaleString()})]}),H!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Change"}),r.jsx(i.Text,{fontWeight:"medium",children:H})]}),F!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:`${F}%`})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Category total"}),r.jsx(i.Text,{fontWeight:"medium",children:D.toLocaleString()})]})]})]}),_=j.currentTarget.getBoundingClientRect(),$=_.left+_.width/2,N=_.top+_.height/2;s($,N,B)},A=()=>{l&&l(w.name,T)};return r.jsx("circle",{cx:z,cy:M,fill:k,onMouseEnter:W,onMouseMove:W,onMouseLeave:m,onClick:A,...Hd,...d==null?void 0:d.point},`point-${v}-${T}`)})]},`series-${v}`)})]})},$d=({dataPoints:e,width:o,height:t,animationProgress:n,isDonut:a=!1,onSliceClick:l,showTooltip:s,hideTooltip:m,views:d})=>{const{getColor:c}=i.useTheme(),{ref:f,relation:g}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),p=h.useRef(null);h.useEffect(()=>{p.current&&f&&(f.current=p.current)},[p,f]);const b=Math.min(o,t)/2*.8,y=o/2,x=t/2,C=a?b*.6:0,w=h.useMemo(()=>e.filter(S=>!S.hidden),[e]),v=h.useMemo(()=>w.reduce((S,T)=>S+T.value,0),[w]),k=h.useMemo(()=>{if(v===0)return[{path:a?[`M ${y} ${x-b}`,`A ${b} ${b} 0 1 1 ${y} ${x+b}`,`A ${b} ${b} 0 1 1 ${y} ${x-b}`,`M ${y} ${x-C}`,`A ${C} ${C} 0 1 0 ${y} ${x+C}`,`A ${C} ${C} 0 1 0 ${y} ${x-C}`,"Z"].join(" "):[`M ${y} ${x}`,`M ${y} ${x-b}`,`A ${b} ${b} 0 1 1 ${y} ${x+b}`,`A ${b} ${b} 0 1 1 ${y} ${x-b}`,"Z"].join(" "),color:"#E2E8F0",label:"Total",value:0,percentage:"0%",labelX:y,labelY:x,startAngle:0,endAngle:Math.PI*2,index:-1}];const S=[];let T=-Math.PI/2;for(let z=0;z<w.length;z++){const P=w[z].value/v,D=P*2*Math.PI*n,V=Math.max(0,D-.02),E=T+V,H=y+Math.cos(T)*b,W=x+Math.sin(T)*b,A=y+Math.cos(E)*b,j=x+Math.sin(E)*b,B=y+Math.cos(T)*C,_=x+Math.sin(T)*C,$=y+Math.cos(E)*C,N=x+Math.sin(E)*C,O=V>Math.PI?1:0;let G;a?G=[`M ${H} ${W}`,`A ${b} ${b} 0 ${O} 1 ${A} ${j}`,`L ${$} ${N}`,`A ${C} ${C} 0 ${O} 0 ${B} ${_}`,"Z"].join(" "):G=[`M ${y} ${x}`,`L ${H} ${W}`,`A ${b} ${b} 0 ${O} 1 ${A} ${j}`,"Z"].join(" ");const q=T+V/2,K=a?(b+C)/2:b*.7,L=y+Math.cos(q)*K,Y=x+Math.sin(q)*K,Q=`${(P*100).toFixed(1)}%`,oe=w[z].color||go[z%go.length],Z=c(oe);S.push({path:G,color:Z,label:w[z].label,value:w[z].value,percentage:Q,labelX:L,labelY:Y,startAngle:T,endAngle:E,index:z,originalIndex:e.findIndex(re=>re.label===w[z].label)}),T=E}return S},[w,v,b,y,x,C,n,a,e]);return r.jsxs("svg",{ref:p,width:o,height:t,style:{overflow:"visible"},children:[a&&r.jsxs("g",{pointerEvents:"none",children:[r.jsx("circle",{cx:y,cy:x,r:C,fill:"white"}),r.jsx("text",{x:y,y:x-8,textAnchor:"middle",dominantBaseline:"middle",fontSize:"14px",fontWeight:"500",fill:"color-gray-500",children:"Total"}),r.jsx("text",{x:y,y:x+12,textAnchor:"middle",dominantBaseline:"middle",fontSize:"20px",fontWeight:"800",fill:"color-gray-900",children:v.toLocaleString()})]}),k.map((S,T)=>{const z=D=>{const F=v>0?S.value/v*100:0,V=v>0?Math.max(0,100-F):null,E=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"200px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:S.label}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:S.color})]}),r.jsxs(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:["Slice ",S.index+1," of ",w.length]}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:S.value.toLocaleString()})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:S.percentage})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Total"}),r.jsx(i.Text,{fontWeight:"medium",children:v.toLocaleString()})]}),V!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Remaining"}),r.jsx(i.Text,{fontWeight:"medium",children:`${V.toFixed(1)}%`})]})]})]});let H=D.clientX,W=D.clientY;if(p.current){const A=p.current.getBoundingClientRect();H=A.left+S.labelX,W=A.top+S.labelY}s(H,W,E)},M=()=>{S.index!==-1&&l&&l(e[S.index],S.index)},P=S.index===-1;return r.jsxs("g",{children:[r.jsx("path",{d:S.path,fill:S.color,onMouseEnter:P?void 0:z,onMouseMove:P?void 0:z,onMouseLeave:P?void 0:m,onClick:M,...Cr,style:{...Cr==null?void 0:Cr.style,cursor:P?"default":"pointer"},...d==null?void 0:d.pie}),!P&&S.endAngle-S.startAngle>.25&&r.jsx("text",{x:S.labelX,y:S.labelY,textAnchor:"middle",dominantBaseline:"middle",fill:"white",fontSize:"11px",fontWeight:"800",pointerEvents:"none",paintOrder:"stroke",stroke:"rgba(0,0,0,0.2)",strokeWidth:"2px",children:S.percentage})]},`slice-${T}`)})]})},Bd=({visible:e,x:o,y:t,content:n,maxDistance:a=100,views:l})=>{const s=h.useRef(null),[m,d]=h.useState({left:0,top:0});return h.useEffect(()=>{if(!e||!s.current)return;const f=s.current.getBoundingClientRect(),g=f.width||200,p=f.height||100,u=20,b=16;let y=o-g/2,x=t-p-u;x<b&&(x=t+u),y+g>window.innerWidth-b?y=window.innerWidth-g-b:y<b&&(y=b),x=Math.max(b,Math.min(x,window.innerHeight-p-b)),d({left:y,top:x})},[e,o,t]),e?r.jsx(i.View,{ref:s,position:"fixed",left:`${m.left}px`,top:`${m.top}px`,...br,...l==null?void 0:l.tooltip,style:{...br==null?void 0:br.style,pointerEvents:"none",transition:"all 0.1s ease-out"},children:n}):null},Ld=({type:e,data:o,dataPoints:t,title:n,showLegend:a=!0,legendPosition:l="bottom",showGrid:s=!0,showTooltips:m=!0,animated:d=!0,animationDuration:c=500,responsive:f=!0,aspectRatio:g=16/9,width:p=200,height:u=200,views:b,onDataPointClick:y,onSeriesClick:x,isLoading:C=!1,error:w,noData:v,loadingIndicator:k,errorIndicator:S,noDataIndicator:T,"aria-label":z,themeMode:M,...P})=>{const{animationProgress:D,tooltip:F,containerRef:V,processedData:E,showTooltip:H,hideTooltip:W,getChartDimensions:A,toggleSeries:j}=Ed({data:o,dataPoints:t,animated:d,animationDuration:c,showTooltips:m}),B=E(),{width:_,height:$}=A(),N=p||_,O=u||(f?_/g:$),G=()=>{if(!a||!B)return null;let Z=[];return e==="pie"||e==="donut"?Array.isArray(B)&&(Z=B):B&&B.series&&(Z=B.series),!Z||Z.length===0?null:r.jsx(i.Horizontal,{flexWrap:"wrap",justifyContent:"flex-start",marginTop:l==="bottom"?"16px":0,marginBottom:l==="top"?"16px":0,...Td,...b==null?void 0:b.legend,children:Z.map((re,le)=>{const te=re.hidden,X=re.name||re.label;return r.jsxs(i.View,{...Id,onClick:()=>j(X),opacity:te?.4:1,...b==null?void 0:b.legendItem,children:[r.jsx(i.View,{backgroundColor:re.color,...Fd,opacity:te?.3:1}),r.jsx(i.Text,{...zd,textDecoration:te?"line-through":"none",children:X})]},`legend-${le}`)})})},q=()=>{if(!B)return null;switch(e){case"bar":return r.jsx(Vd,{data:B,width:N,height:O,animationProgress:D,showGrid:s,onBarClick:x,showTooltip:H,hideTooltip:W,views:b});case"line":case"area":return r.jsx(Dd,{data:B,width:N,height:O,animationProgress:D,showGrid:s,onPointClick:x,showTooltip:H,hideTooltip:W,views:b});case"pie":case"donut":return r.jsx($d,{dataPoints:B,width:N,height:O,animationProgress:D,isDonut:e==="donut",onSliceClick:y,showTooltip:H,hideTooltip:W,views:b});default:return null}},K=()=>C?r.jsx(i.View,{...jd,...b==null?void 0:b.loadingOverlay,children:k||r.jsx(i.Center,{children:r.jsx(fo,{size:"lg"})})}):null,L=()=>w?r.jsx(i.View,{...Pd,...b==null?void 0:b.errorOverlay,children:S||r.jsx(i.Text,{fontWeight:"medium",children:typeof w=="string"?w:"An error occurred"})}):null,Y=()=>v?r.jsx(i.View,{...Ad,...b==null?void 0:b.noDataOverlay,children:T||r.jsx(i.Text,{children:typeof v=="string"?v:"No data available"})}):null,Q=z??(typeof n=="string"?n:"Chart"),oe=!w&&!C&&!v;return r.jsxs(i.View,{ref:V,role:"region","aria-label":Q,"aria-busy":C,...Sd,...b==null?void 0:b.container,...P,children:[n&&r.jsx(i.Text,{...vd,children:n}),oe&&l==="top"&&G(),r.jsxs(i.View,{flex:1,width:"100%",position:"relative",...b==null?void 0:b.chart,children:[oe&&q(),K(),L(),Y(),r.jsx(Bd,{visible:m&&F.visible,x:F.x,y:F.y,content:F.content,maxDistance:100,views:b})]}),oe&&l==="bottom"&&G()]})},_d=e=>r.jsx(Ld,{...e}),Od=(e=365)=>{const[o,t]=h.useState(!1),[n,a]=h.useState(null),l="app-studio-cookie-consent";h.useEffect(()=>{const c=localStorage.getItem(l);a(c!==null?c==="true":!1)},[]);const s=c=>{localStorage.setItem(l,String(c));const f=new Date;f.setDate(f.getDate()+e),localStorage.setItem(`${l}-expires`,f.toISOString()),a(c)};return{isHovered:o,setIsHovered:t,hasConsent:n,acceptCookies:()=>{s(!0)},resetConsent:()=>{localStorage.removeItem(l),localStorage.removeItem(`${l}-expires`),a(!1)}}},Nd=e=>{const o=e==="dark";return{default:{container:{backgroundColor:o?"color-gray-800":"color-white",borderColor:o?"color-gray-700":"color-gray-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:o?"color-gray-200":"color-gray-800"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:o?"color-gray-200":"color-gray-600",borderColor:o?"color-gray-600":"color-gray-300",hoverBackgroundColor:o?"color-gray-700":"color-gray-100"}},info:{container:{backgroundColor:o?"color-blue-900":"color-blue-50",borderColor:o?"color-blue-800":"color-blue-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:o?"color-blue-200":"color-blue-800"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:o?"color-blue-200":"color-blue-800",borderColor:o?"color-blue-500":"color-blue-300",hoverBackgroundColor:o?"color-blue-800":"color-blue-100"}},primary:{container:{backgroundColor:o?"color-lightBlue-900":"color-lightBlue-50",borderColor:o?"color-lightBlue-700":"color-lightBlue-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:o?"color-lightBlue-200":"color-lightBlue-700"},acceptButton:{backgroundColor:"color-lightBlue-500",color:"color-white",hoverBackgroundColor:"color-lightBlue-600"},customizeButton:{backgroundColor:"transparent",color:o?"color-lightBlue-200":"color-lightBlue-700",borderColor:o?"color-lightBlue-500":"color-lightBlue-300",hoverBackgroundColor:o?"color-lightBlue-700":"color-lightBlue-100"}}}},qd=({title:e="Nous utilisons des cookies",description:o="Ce site utilise des cookies pour améliorer votre expérience. En continuant à naviguer sur ce site, vous acceptez notre utilisation des cookies conformément à notre politique de confidentialité.",acceptButtonText:t="Accepter",customizeButtonText:n="Personnaliser",position:a="bottom",variant:l="default",onAccept:s,onCustomize:m,views:d,showCustomizeButton:c=!0,cookieExpiration:f=365,themeMode:g,...p})=>{const{themeMode:u}=i.useTheme(),b=g||u||"light",{hasConsent:y,acceptCookies:x}=Od(f),w=Nd(b)[l];if(y)return null;const v=()=>{x(),s&&s()},k=()=>{m&&m()};return r.jsx(i.View,{style:{position:"fixed",left:16,right:16,zIndex:1e3,...a==="bottom"?{bottom:16}:{top:16}},padding:16,borderWidth:"1px",borderStyle:"solid",borderRadius:8,maxWidth:"800px",marginLeft:"auto",marginRight:"auto",transition:"opacity 0.3s ease, transform 0.3s ease",...w.container,...d==null?void 0:d.container,...p,children:r.jsxs(i.Vertical,{gap:12,maxWidth:1200,marginLeft:"auto",marginRight:"auto",children:[e&&r.jsx(i.Text,{fontWeight:"bold",fontSize:18,color:"color-black",...d==null?void 0:d.title,children:e}),o&&r.jsx(i.Text,{fontSize:14,color:"color-black",...d==null?void 0:d.description,children:o}),r.jsxs(i.Horizontal,{gap:12,justifyContent:"flex-end",marginTop:8,...d==null?void 0:d.buttonGroup,children:[c&&r.jsx(ie,{variant:"outline",onClick:k,size:"sm",...d==null?void 0:d.customizeButton,children:n}),r.jsx(ie,{variant:"primary",onClick:v,size:"sm",...d==null?void 0:d.acceptButton,children:t})]})]})})},Ud=e=>r.jsx(qd,{...e}),Gd=e=>{const{size:o,variant:t,onOpenChange:n}=e||{},[a,l]=h.useState(!1),[s,m]=h.useState({x:0,y:0}),[d,c]=h.useState(null),f=h.useRef(null),g=h.useRef(null),p=h.useMemo(()=>Gr("contextmenu-content"),[]),u=h.useCallback(y=>{m({x:y.clientX,y:y.clientY}),l(!0),n==null||n(!0)},[n]),b=h.useCallback(()=>{l(!1),c(null),n==null||n(!1)},[n]);return h.useEffect(()=>{const y=w=>{g.current&&!g.current.contains(w.target)&&b()},x=()=>{a&&b()},C=w=>{w.key==="Escape"&&a&&b()};return document.addEventListener("mousedown",y),window.addEventListener("resize",x),document.addEventListener("keydown",C),()=>{document.removeEventListener("mousedown",y),window.removeEventListener("resize",x),document.removeEventListener("keydown",C)}},[a,b]),{isOpen:a,setIsOpen:l,position:s,setPosition:m,activeSubmenuId:d,setActiveSubmenuId:c,size:o,variant:t,triggerRef:f,contentRef:g,contentId:p,openMenu:u,closeMenu:b}},Xn={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},Yd={default:{backgroundColor:"color-white",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},Kn={hover:{backgroundColor:"color-gray-100"}},Jn=h.createContext({isOpen:!1,setIsOpen:()=>{},position:{x:0,y:0},setPosition:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null},contentRef:{current:null},contentId:"contextmenu-content",closeMenu:()=>{},openMenu:()=>{}}),Xd=({children:e,value:o})=>r.jsx(Jn.Provider,{value:o,children:e}),kr=()=>{const e=h.useContext(Jn);if(!e)throw new Error("useContextMenuContext must be used within a ContextMenuProvider");return e},Qn=({children:e,disableNativeContextMenu:o=!0,asChild:t=!1,isDisabled:n=!1,views:a,...l})=>{const{triggerRef:s,contentId:m,openMenu:d}=kr(),f={ref:s,onContextMenu:g=>{if(!n)if(o&&g.preventDefault(),d)d(g);else{const{setIsOpen:p,setPosition:u}=kr();u({x:g.clientX,y:g.clientY}),p(!0)}},"aria-controls":m,"aria-haspopup":"menu","data-disabled":n?"":void 0,...t&&h.isValidElement(e)&&e.props.isDisabled===void 0&&{isDisabled:n},...a==null?void 0:a.container,...l};if(t&&h.isValidElement(e)){const g=h.Children.only(e);return h.cloneElement(g,{...f,...g.props})}return r.jsx(i.View,{...f,children:e})},pt=({items:e,children:o,position:t,side:n="right",align:a="start",views:l,style:s,...m})=>{const{isOpen:d,position:c,contentRef:f,contentId:g,variant:p}=kr(),u=h.useRef(null),b=f||u,{ref:y,relation:x}=i.useElementPosition({}),[C,w]=h.useState({x:0,y:0});if(h.useEffect(()=>{if(d&&b.current){const k=t||c,S=b.current.offsetWidth,T=b.current.offsetHeight,z=window.innerWidth,M=window.innerHeight;let P=k.x,D=k.y;x&&(x.space.horizontal==="left"?P=k.x-S:P=k.x,x.space.vertical==="top"?D=k.y-T:D=k.y),P+S>z&&(P=z-S-8),P<8&&(P=8),D+T>M&&(D=M-T-8),D<8&&(D=8),w({x:P,y:D})}},[d,c,t,n,a,b,x]),!d)return null;const v={position:"fixed",top:`${C.y}px`,left:`${C.x}px`,zIndex:1e3,transformOrigin:"top left"};return r.jsxs(i.View,{id:g||"context-menu",ref:b,role:"menu",tabIndex:-1,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:{...v,...s},...Yd[p],...l==null?void 0:l.menu,...l==null?void 0:l.content,...m,children:[e&&e.map((k,S)=>k.divider?r.jsx(Rn,{views:l},`divider-${S}`):r.jsx(Zn,{item:k,views:l},k.id)),o]})},Zn=({item:e,children:o,onSelect:t,isDisabled:n=!1,views:a,variant:l,shape:s,isLoading:m,loaderProps:d,loaderPosition:c,icon:f,iconPosition:g,isFilled:p,isAuto:u,isIconRounded:b,isHovered:y,shadow:x,ariaLabel:C,animation:w,textColor:v,reversed:k,borderMovingDuration:S,borderMovingGradientColors:T,animatedStrokeAccentColor:z,animatedStrokeTextColor:M,to:P,isExternal:D,config:F,...V})=>{const{activeSubmenuId:E,setActiveSubmenuId:H,size:W,closeMenu:A}=kr();if(e){const[B,_]=h.useState(!1),$=e.items&&e.items.length>0,N=E===e.id,[O,G]=h.useState({x:0,y:0}),q=e.disabled||n,K=()=>{_(!0),$&&H(e.id)},L=()=>{_(!1)},Y=()=>{q||!$&&e.onClick&&(e.onClick(),A&&A())},{ref:Q,relation:oe}=i.useElementPosition({});return h.useEffect(()=>{if(N&&Q.current){const Z=Q.current.getBoundingClientRect(),re=window.innerWidth,le=200;let te=!1;if(oe)te=oe.space.horizontal==="left";else{const X=re-Z.right,R=Z.left;te=X<le&&R>X}G({x:te?Z.left-le:Z.right,y:Z.top})}},[N,e.items,oe]),r.jsxs(i.View,{ref:Q,role:"menuitem",display:"flex",alignItems:"center",cursor:q?"not-allowed":"pointer",opacity:q?.5:1,position:"relative","aria-disabled":q,"data-disabled":q?"":void 0,...Xn[W],_hover:q?{}:Kn.hover,backgroundColor:B&&!q?"color-gray-100":"transparent",onMouseEnter:K,onMouseLeave:L,onClick:Y,...a==null?void 0:a.item,...V,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),$&&r.jsx(i.View,{marginLeft:8,...a==null?void 0:a.submenuIndicator,children:r.jsx(ce,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),N&&$&&r.jsx(pt,{items:e.items||[],position:O,side:"right",align:"start",views:a})]})}const j=B=>{n||(t==null||t(B),A&&A())};return r.jsx(i.View,{role:"menuitem",onClick:j,cursor:n?"not-allowed":"pointer",opacity:n?.5:1,"aria-disabled":n,"data-disabled":n?"":void 0,...Xn[W],_hover:n?{}:Kn.hover,...a==null?void 0:a.item,...V,children:o})},Rn=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",role:"separator","aria-orientation":"horizontal",...e==null?void 0:e.divider,...o}),Kd=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",role:"separator","aria-orientation":"horizontal",...e==null?void 0:e.separator,...o}),Jd=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,views:l,themeMode:s,onOpenChange:m,...d})=>!o||o.length===0?r.jsx(r.Fragment,{children:e}):r.jsxs(r.Fragment,{children:[r.jsx(Qn,{disableNativeContextMenu:a,views:l,...d,children:e}),r.jsx(pt,{items:o,views:l})]}),po=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,onOpenChange:l,views:s,...m})=>{const d=Gd({size:t,variant:n,onOpenChange:l}),{isOpen:c,setIsOpen:f,position:g,setPosition:p,activeSubmenuId:u,setActiveSubmenuId:b,triggerRef:y,contentRef:x,contentId:C,openMenu:w,closeMenu:v}=d;return r.jsx(Xd,{value:{isOpen:c,setIsOpen:f,position:g,setPosition:p,activeSubmenuId:u,setActiveSubmenuId:b,size:t,variant:n,triggerRef:y,contentRef:x,contentId:C,openMenu:w,closeMenu:v,styles:s},children:r.jsx(Jd,{items:o,size:t,variant:n,disableNativeContextMenu:a,views:s,...m,children:e})})};po.Trigger=Qn,po.Content=pt,po.Item=Zn,po.Divider=Rn,po.Separator=Kd;const Qd=({src:e,color:o,views:t,themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),m=o?{fill:l(o,{themeMode:s}),stroke:l(o,{themeMode:s})}:{};return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...a,...t==null?void 0:t.container,children:r.jsx(i.Image,{...m,content:'url("'+e+'")',width:"100%",height:"100%",...t==null?void 0:t.image})})},Zd=({path:e,...o})=>r.jsx(i.Image,{src:e,...o}),ea=({placeholder:e,isMulti:o,options:t,id:n=`select-${Math.random().toString(36).substr(2,9)}`})=>{const a=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,s]=h.useState(!1),[m,d]=h.useState(!1),[c,f]=h.useState(a),[g,p]=h.useState(0),[u,b]=h.useState(!0);return{id:n,value:c,setValue:f,hide:u,setHide:b,isHovered:l,setIsHovered:s,isFocused:m,setIsFocused:d,highlightedIndex:g,setHighlightedIndex:p}},oa=({children:e,containerId:o="portal-root"})=>{const[t,n]=h.useState(null);return h.useEffect(()=>{let a=document.getElementById(o),l=!1;return a||(l=!0,a=document.createElement("div"),a.setAttribute("id",o),document.body.appendChild(a)),n(a),()=>{l&&a&&a.parentNode&&a.childNodes.length===0&&a.parentNode.removeChild(a)}},[o]),t?rs.createPortal(e,t):null},ut=({children:e,views:o={helperText:{}},...t})=>r.jsx(i.Text,{fontSize:"11px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"16px",marginVertical:0,marginHorizontal:0,color:"color-gray-500",transition:"color 0.2s ease, opacity 0.2s ease",...o.helperText,...t,children:e}),Be=h.forwardRef(({children:e,helperText:o,error:t=!1,views:n,...a},l)=>r.jsxs(i.Vertical,{ref:l,gap:4,position:"relative",width:"100%",marginVertical:0,...a,...n==null?void 0:n.container,children:[e,!t&&o&&r.jsx(ut,{marginTop:0,...n==null?void 0:n.helperText,children:o}),t&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",marginTop:0,marginHorizontal:0,fontWeight:"500",color:"color-red-500",transition:"color 0.2s ease, opacity 0.2s ease",...n==null?void 0:n.error,children:t})]}));Be.displayName="FieldContainer";const Rd={default:{borderRadius:"8px"},square:{borderRadius:0},rounded:{borderRadius:"8px"},pill:{borderRadius:"9999px"}},em={xs:"10px",sm:"11px",md:"11px",lg:"12px",xl:"12px"},om={outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"transparent",color:"inherit",transition:"border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",_hover:{borderColor:"color-gray-300"},_focus:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"},_focusVisible:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"}},default:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"8px",backgroundColor:"transparent",color:"inherit",transition:"border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",_hover:{borderColor:"color-gray-300"},_focus:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"},_focusVisible:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"}},none:{border:"none",style:{backgroundColor:"transparent"},color:"inherit",transition:"background-color 0.2s ease"}},rm={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},tm={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},Ue=({label:e,shadow:o,children:t,value:n,size:a="md",shape:l="default",variant:s="default",error:m=!1,showLabel:d=!1,isFocused:c=!1,isHovered:f=!1,isDisabled:g=!1,isReadOnly:p=!1,views:u={pickerBox:{}},...b})=>{const{themeMode:y}=i.useTheme(),x=y==="dark",w=m?"color-red-500":(f||c)&&!g?"theme-primary":"color-gray-200";return r.jsx(i.Horizontal,{gap:8,width:"100%",display:"flex",flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-start",borderStyle:"solid",borderColor:w,backgroundColor:x?"color-gray-900":"color-white",fontSize:i.Typography.fontSizes[a],cursor:g?"not-allowed":p?"auto":"text",opacity:g?.7:1,transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...d?rm:tm,...typeof o=="object"&&o!==null?o:{},...Rd[l],...om[s],...u==null?void 0:u.container,...b,children:t})},bt=({children:e,...o})=>r.jsx(i.Horizontal,{gap:10,right:10,zIndex:500,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end",...o,children:e}),nm={h1:{fontSize:96,letterSpacing:-1.5},h2:{fontSize:60,letterSpacing:-.5},h3:{fontSize:48,letterSpacing:0},h4:{fontSize:34,letterSpacing:.25},h5:{fontSize:24,letterSpacing:0},h6:{fontSize:20,letterSpacing:.15}},am=({children:e,heading:o,isItalic:t=!1,isUnderlined:n=!1,isStriked:a=!1,weight:l="normal",size:s="sm",dropDown:m,error:d,isDisabled:c,helperText:f,views:g,...p})=>{const u=o?nm[o]:{};return r.jsx(i.Element,{as:"label",width:"100%",fontSize:s,fontStyle:t?"italic":"normal",fontWeight:i.Typography.fontWeights[l],textDecoration:a?"line-through":n?"underline":"none",...u,...p,children:e})},Do=e=>r.jsx(am,{...e}),Re=({children:e,size:o="md",error:t=!1,color:n="theme-primary",views:a={label:{}},helperText:l,...s})=>r.jsx(Do,{position:"static",fontSize:em[o],letterSpacing:"-0.01em",whiteSpace:"nowrap",fontWeight:500,opacity:t?1:.72,color:t?"color-red-500":"inherit",transition:"color 0.2s ease",...a.label,...s,children:e}),uo=({children:e,...o})=>r.jsx(i.Vertical,{display:"flex",flexDirection:"column",gap:4,flex:1,width:"100%",maxWidth:"100%",...o,children:e}),ra={xs:12,sm:14,md:16,lg:18,xl:20},lm={maxHeight:"280px",overflowY:"auto",zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},im={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"}},sm={padding:"10px 12px",cursor:"pointer",borderRadius:8,margin:"2px 4px",transition:"all 0.15s ease-in-out"},wr={default:{},highlighted:{backgroundColor:"color-gray-100"},selected:{backgroundColor:"color-gray-100"},selectedHighlighted:{backgroundColor:"color-gray-200"}},ta={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},cm={padding:"4px 8px",borderRadius:8,backgroundColor:"color-gray-100",fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},dm={scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.15) transparent"},mm=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},$o={xs:{minHeight:24,shellPaddingY:6,shellPaddingX:10},sm:{minHeight:32,shellPaddingY:8,shellPaddingX:10},md:{minHeight:40,shellPaddingY:10,shellPaddingX:12},lg:{minHeight:48,shellPaddingY:12,shellPaddingX:14},xl:{minHeight:56,shellPaddingY:14,shellPaddingX:16}},hm=({isHovered:e,setIsHovered:o=()=>{},option:t,size:n="md",callback:a=()=>{},style:l,isSelected:s=!1,...m})=>{const d=(g,p)=>{g.stopPropagation(),g.preventDefault(),typeof a=="function"&&a(p)},c=()=>o(!e),f=()=>s&&e?wr.selectedHighlighted:s?wr.selected:e?wr.highlighted:wr.default;return r.jsxs(i.Element,{as:"li",display:"flex",alignItems:"center",justifyContent:"space-between",listStyleType:"none",...sm,...f(),onMouseEnter:c,onMouseLeave:c,onClick:g=>d(g,t.value),...m,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[n],fontWeight:s?"500":"400",lineHeight:"14px",color:s?"color-gray-900":"color-gray-700",...l,children:t.label}),s&&r.jsx(i.Element,{as:"span",color:"theme-primary",fontSize:"14px",marginLeft:8,display:"flex",alignItems:"center",children:"✓"})]})},fm=({size:e="md",views:o={field:{},text:{}},value:t,isDisabled:n,placeholder:a,removeOption:l=()=>{},options:s})=>{const m=(o==null?void 0:o.field)||{},d=(o==null?void 0:o.text)||{},c={margin:0,width:"95%",height:"100%",border:"none",paddingVertical:4,paddingHorizontal:0,fontSize:i.Typography.fontSizes[e],fontWeight:"400",lineHeight:"20px",letterSpacing:"-0.01em",color:n?"color-gray-400":"color-gray-900",cursor:n?"not-allowed":"pointer",transition:"all 0.2s ease-in-out",...m,...d,style:{backgroundColor:"transparent",...m.style,...d.style}},f=s.length>0&&s.find(g=>g.value===t);return r.jsx(i.Text,{...c,children:(t===""||Array.isArray(t)&&t.length===0)&&a?a:r.jsx(r.Fragment,{children:typeof t=="string"?(f&&f.label)??t:Array.isArray(t)&&t.length>0?r.jsx(i.Horizontal,{gap:6,children:t.map(g=>r.jsx(um,{option:g,removeOption:l},g))}):r.jsx("span",{children:t})})})},gm=({id:e,name:o,value:t,onChange:n,isMulti:a=!1,isDisabled:l=!1,isReadOnly:s=!1,options:m=[],...d})=>{const c=f=>{n&&n(f)};return r.jsx(i.Element,{id:e,name:o,as:"select",opacity:0,width:1,height:1,overflow:"hidden",position:"absolute",pointerEvents:"none",tabIndex:-1,"aria-hidden":"true",value:t,disabled:l,readOnly:s,onChange:c,multiple:a,...d,children:m.length>0&&m.map(f=>r.jsx("option",{value:f.value,children:f.label},f.value))})},pm=({size:e,views:o={},options:t,callback:n=()=>{},highlightedIndex:a,setHighlightedIndex:l=()=>{},selectedValue:s})=>{const m=c=>n(c),d=c=>Array.isArray(s)?s.includes(c):s===c;return r.jsx(i.Element,{as:"ul",role:"listbox",display:"flex",flexDirection:"column",margin:0,padding:"4px",...lm,style:dm,...o==null?void 0:o.dropDown,children:t&&t.length>0&&t.map((c,f)=>r.jsx(hm,{size:e,style:o.text,option:c,callback:m,isSelected:d(c.value),isHovered:f===a,setIsHovered:()=>{},onMouseEnter:()=>l(f)},c.value))})},um=({option:e,size:o="md",removeOption:t=()=>{},...n})=>{const a=()=>t(e);return r.jsxs(i.Horizontal,{gap:6,alignItems:"center",onClick:l=>l.stopPropagation(),...cm,_hover:{backgroundColor:"color-gray-200"},...n,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[o],fontWeight:"500",color:"color-gray-700",children:e}),r.jsx(ve,{role:"close-button",color:"color-gray-500",widthHeight:ra[o],onClick:a,cursor:"pointer",transition:"all 0.2s ease-in-out",_hover:{color:"color-gray-700"}})]})},na=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:s=!1,error:m=!1,isMulti:d=!1,isFocused:c=!1,isHovered:f=!1,isDisabled:g=!1,isReadOnly:p=!1,options:u=[],shadow:b={},size:y="md",shape:x="default",variant:C="default",views:w={text:{},icon:{},dropDown:{},selectBox:{},label:{},helperText:{}},onChange:v=()=>{},setHide:k=()=>{},setValue:S=()=>{},setIsHovered:T=()=>{},setIsFocused:z=()=>{},setHighlightedIndex:M,highlightedIndex:P,isScrollable:D,...F})=>{const{ref:V,relation:E,updateRelation:H}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),W=h.useRef(null),A=()=>{var Y;if(!V.current)return{};const q=V.current.getBoundingClientRect(),K={position:"fixed",left:q.left,width:q.width,zIndex:1e4};return((Y=E==null?void 0:E.space)==null?void 0:Y.vertical)==="top"?{...K,bottom:window.innerHeight-q.top+8}:{...K,top:q.bottom+8}};h.useEffect(()=>{const q=()=>k(!0);return document.addEventListener("closeAllSelects",q),()=>document.removeEventListener("closeAllSelects",q)},[k]),h.useEffect(()=>{const q=K=>{!K.target.closest(`#${e}`)&&!s&&k(!0)};return document.addEventListener("click",q),()=>{document.removeEventListener("click",q)}},[e,s,k]);const j=()=>T(!f),B=()=>z(!0),_=q=>{document.dispatchEvent(new Event("closeAllSelects")),q&&q.stopPropagation&&q.stopPropagation();const K=!s;k(K),z(!K)},$=h.useCallback(q=>{if(k(!0),document.dispatchEvent(new Event("closeAllSelects")),d&&Array.isArray(n)){if(!n.includes(q)){const K=[...n,q];S(K),v&&v(q)}}else S(q),v&&v(q);z(!0)},[d,n,k,S,v,z]),N=q=>{if(Array.isArray(n)&&n.includes(q)){const K=n.filter(L=>L!==q);S(K.length===0?[]:K)}},O=!!t,G=mm(w);return r.jsx(Be,{ref:V,position:"relative",width:"100%",display:"inline-block",id:e,role:"SelectBox",helperText:l,error:m,views:G,onClick:q=>{q.stopPropagation(),g||p||_(q)},children:r.jsxs(Ue,{label:t,size:y,error:m,shape:x,views:w,shadow:b,variant:C,value:n,color:"theme-primary",isHovered:f,isDisabled:g,isReadOnly:p,isFocused:c,showLabel:O,minHeight:`${$o[y].minHeight}px`,paddingTop:$o[y].shellPaddingY,paddingBottom:$o[y].shellPaddingY,paddingLeft:$o[y].shellPaddingX,paddingRight:$o[y].shellPaddingX,onMouseEnter:j,onMouseLeave:j,position:"relative",...w==null?void 0:w.content,children:[r.jsxs(uo,{children:[O&&r.jsx(Re,{htmlFor:e,color:"theme-primary",error:m,...w==null?void 0:w.label,children:t}),r.jsx(gm,{id:e,name:o,options:u,onChange:v,value:n,isDisabled:g,isReadOnly:p,isMulti:d,onFocus:B,...F}),r.jsx(fm,{options:u,size:y,views:w,value:n,isDisabled:g,placeholder:a,removeOption:N})]}),r.jsx(bt,{children:!p&&!g&&r.jsx(i.Element,{display:"flex",alignItems:"center",justifyContent:"center",style:s?ta.closed:ta.open,children:r.jsx(ce,{color:"inherit",widthHeight:ra[y],style:w.icon,orientation:"down"})})}),!s&&u.length>0&&r.jsx(oa,{children:r.jsx(i.Element,{ref:W,onClick:q=>q.stopPropagation(),style:{...A(),...im.enter},children:r.jsx(pm,{size:y,views:w,options:u,callback:$,highlightedIndex:P,setHighlightedIndex:M,selectedValue:n})})})]})})},Bo=e=>{const o=fe("select",e),t={...o,options:o.options||[]},n=ea(t);return r.jsx(na,{...n,...t,onClick:a=>{a.stopPropagation(),o.onClick&&o.onClick(a)}})},aa=({isDisabled:e,isChecked:o})=>{const[t,n]=h.useState(!1),[a,l]=h.useState(o||!1),[s,m]=h.useState(o||!1);return h.useEffect(()=>{o!==void 0&&(l(o),m(o))},[o]),{isHovered:t,setIsHovered:n,on:a,setOn:l,value:s,setValue:m}},la={xs:{height:"10px",width:"10px"},sm:{height:"14px",width:"14px"},md:{height:"18px",width:"18px"},lg:{height:"22px",width:"22px"},xl:{height:"26px",width:"26px"}},bm={xs:{height:"20px",width:"40px"},sm:{height:"24px",width:"48px"},md:{height:"28px",width:"56px"},lg:{height:"32px",width:"64px"},xl:{height:"36px",width:"72px"}},ym={xs:{height:"22px",width:"52px"},sm:{height:"26px",width:"62px"},md:{height:"30px",width:"72px"},lg:{height:"34px",width:"84px"},xl:{height:"38px",width:"96px"}},xm={xs:"9px",sm:"10px",md:"11px",lg:"12px",xl:"13px"},Sr={xs:{paddingVertical:5,paddingHorizontal:3},sm:{paddingVertical:5,paddingHorizontal:3},md:{paddingVertical:5,paddingHorizontal:5},lg:{paddingVertical:5,paddingHorizontal:5},xl:{paddingVertical:5,paddingHorizontal:5}},eo={default:{active:"theme-primary",inactive:"color-gray-300",knob:"color-white",disabled:"color-gray-200"},states:{hover:{active:"theme-primary",inactive:"color-gray-400",activeOpacity:.9}}},ia={slider:{transition:"all 0.2s ease-in-out"},knob:{transition:"all 0.2s ease-in-out"}},Cm=e=>r.jsx(i.Input,{type:"checkbox",...e}),sa=({id:e,name:o,label:t,inActiveChild:n,isChecked:a,activeChild:l,labelPosition:s="right",shadow:m={},size:d="sm",value:c=!1,isHovered:f=!1,isDisabled:g=!1,isReadOnly:p=!1,on:u,setOn:b=()=>{},onChange:y,setValue:x=()=>{},setIsHovered:C=()=>{},helperText:w,views:v={slider:{},circle:{},label:{}},...k})=>{const S=typeof a=="boolean"?a:c,z=!!(l||n)?ym[d]:bm[d],M=`${Sr[d].paddingHorizontal}px`,P=`${Sr[d].paddingHorizontal+2}px`,D=`calc(${la[d].width} + ${Sr[d].paddingHorizontal}px + 4px)`,F=xm[d],V=A=>{if(!p&&!g){const j=A.target.checked;x(j),b(j),y&&y(j)}},E=()=>C(!0),H=()=>C(!1),W={container:{gap:12,display:"flex",height:"fit-content",width:"fit-content",alignItems:"center",cursor:g?"not-allowed":p?"default":"pointer",opacity:g?.6:1,transition:"all 0.2s ease-in-out",...v.label}};return r.jsxs(Do,{htmlFor:e,onMouseEnter:E,onMouseLeave:H,...W.container,...k,children:[r.jsx(Cm,{id:e,name:o,opacity:0,width:0,height:0,checked:S,onChange:V,disabled:g,readOnly:p,...k}),s==="left"&&t&&r.jsx(i.Text,{fontWeight:"500",color:g?"color-gray-400":"inherit",transition:"color 0.2s ease, opacity 0.2s ease",children:t}),r.jsxs(i.View,{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",marginBottom:4,borderRadius:"9999px",backgroundColor:g?eo.default.disabled:S?f?eo.states.hover.active:eo.default.active:f?eo.states.hover.inactive:eo.default.inactive,opacity:!g&&S&&f?eo.states.hover.activeOpacity:1,cursor:"pointer",...ia.slider,...m,...Sr[d],...z,...v.slider,children:[l&&S&&r.jsx(i.View,{marginLeft:P,marginRight:D,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:F,lineHeight:1,color:"color-white",fontWeight:600,children:l}),r.jsx(i.View,{position:"absolute",top:"50%",left:S?void 0:M,right:S?M:void 0,borderRadius:"50%",backgroundColor:eo.default.knob,boxShadow:f?"0 4px 10px rgba(15, 23, 42, 0.18)":"0 1px 3px rgba(15, 23, 42, 0.18)",transform:`translateY(-50%) ${f?"scale(1.05)":"scale(1)"}`,...ia.knob,zIndex:1,...la[d],...v.circle}),n&&!S&&r.jsx(i.View,{marginLeft:D,marginRight:P,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:F,lineHeight:1,color:"color-white",fontWeight:600,children:n})]}),s==="right"&&t&&r.jsx(i.Text,{fontWeight:"500",color:g?"color-gray-400":"inherit",transition:"all 0.2s ease-in-out",children:t})]})},yt=e=>{const o=fe("switch",e),t=aa(o);return r.jsx(sa,{...t,...o})},ca=({placeholder:e,isMulti:o,options:t,id:n=`selector-${Math.random().toString(36).substr(2,9)}`})=>{const a=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,s]=h.useState(!1),[m,d]=h.useState(!1),[c,f]=h.useState(a),[g,p]=h.useState(0),[u,b]=h.useState(!0);return{id:n,value:c,setValue:f,hide:u,setHide:b,isHovered:l,setIsHovered:s,isFocused:m,setIsFocused:d,highlightedIndex:g,setHighlightedIndex:p}},da=({id:e,name:o,label:t,value:n,views:a={},options:l=[],onChange:s=()=>{},setValue:m=()=>{}})=>{const d=h.useCallback(c=>{m(c.value),s&&s(c.value)},[m,s]);return r.jsxs(Be,{id:e,width:"100%",views:a,children:[t&&r.jsxs(i.Horizontal,{fontSize:"10px",letterSpacing:"wider",color:"color-black-500",fontWeight:"bold",marginBottom:12,alignItems:"center",gap:6,style:{textTransform:"uppercase"},children:[r.jsx(qe,{widthHeight:14})," ",r.jsx(i.Text,{children:t})]}),r.jsx(i.Horizontal,{gap:0,children:l.map((c,f,g)=>{const p=n===c.value,u=c.color??"theme-primary",b=p?u:"color-gray-200",y=p?u:"color-gray-500",x=f===0,C=f===g.length-1,w=C||p;return r.jsx(i.View,{as:"button",type:"button",onClick:()=>d(c),flex:1,paddingVertical:6,paddingHorizontal:12,fontSize:"12px",fontWeight:p?"bold":"normal",cursor:"pointer",backgroundColor:"transparent",color:y,borderStyle:"solid",borderColor:b,borderTopWidth:1,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:w?1:0,borderRadius:x?"6px 0 0 6px":C?"0 6px 6px 0":"0",zIndex:p?1:0,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...a.item,children:c.label},c.value)})}),r.jsx("input",{type:"hidden",id:e,name:o,value:Array.isArray(n)?n.join(","):n,onChange:()=>{}})]})},km=e=>{const o={...e,options:e.options||[]},t=ca(o);return r.jsx(da,{...t,...o,onClick:n=>{n.stopPropagation(),e.onClick&&e.onClick(n)}})},ma=({label:e,placeholder:o,value:t})=>{const[n,a]=h.useState(e??o),[l,s]=h.useState(!1),[m,d]=h.useState(t||""),[c,f]=h.useState(!1);return h.useMemo(()=>{a(c&&!m?o??"":e??o)},[m,c,e,o]),{hint:n,setHint:a,isHovered:l,setIsHovered:s,value:m,setValue:d,isFocused:c,setIsFocused:f}},wm=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},Sm=(e,o)=>{if(o!=="pill")return e;if(typeof e=="number")return Math.min(e,28);if(typeof e=="string"){const t=Number.parseFloat(e);if(Number.isFinite(t)&&e.trim().endsWith("px"))return`${Math.min(t,28)}px`}return"28px"},ha=({id:e,name:o,hint:t,error:n,value:a,label:l,shadow:s,helperText:m,placeholder:d,size:c="sm",shape:f="default",variant:g="default",isHovered:p=!1,isFocused:u=!1,isEditable:b=!1,isReadOnly:y=!1,isDisabled:x=!1,isAutoFocus:C=!1,isMultiline:w=!1,maxRows:v=3,maxCols:k=30,onBlur:S=()=>{},onChange:T,onFocus:z,setHint:M=()=>{},setValue:P=()=>{},setIsFocused:D=()=>{},setIsHovered:F=()=>{},onChangeText:V,onSubmit:E,isWorkerRunning:H,views:W={label:{},helperText:{}},...A})=>{const j=!!l,B={xs:{minHeight:"72px",shellPaddingY:6,shellPaddingX:10,fontSize:12,lineHeight:"16px"},sm:{minHeight:"88px",shellPaddingY:8,shellPaddingX:10,fontSize:12,lineHeight:"16px"},md:{minHeight:"104px",shellPaddingY:10,shellPaddingX:12,fontSize:14,lineHeight:"20px"},lg:{minHeight:"120px",shellPaddingY:12,shellPaddingX:14,fontSize:16,lineHeight:"24px"},xl:{minHeight:"136px",shellPaddingY:14,shellPaddingX:16,fontSize:18,lineHeight:"28px"}},_=(W==null?void 0:W.field)||{},$=(W==null?void 0:W.container)||{},N=Sm($.borderRadius,f),O={...W,container:{...$,...N!==void 0?{borderRadius:N}:{},overflow:"hidden"}},G=wm(W),q={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:B[c].minHeight,maxHeight:"calc(100vh - 100px)",border:"none",on:{focus:{outline:"none"}},fontSize:B[c].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:x?"color-gray-400":"color-gray-900",cursor:x?"not-allowed":"text",opacity:x?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",..._,style:{backgroundColor:"transparent",..._.style}},K=()=>{D(!0),z&&z()},L=Q=>{S(Q),D(!1)},Y=Q=>{typeof Q=="string"?(P(Q),T&&T(Q)):(P(Q.target.value),T&&T(Q.target.value))};return r.jsx(Be,{helperText:m,error:n,views:G,children:r.jsx(Ue,{label:l,size:c,error:n,shape:f,views:O,shadow:s,variant:g,value:a,color:"theme-primary",isHovered:p,isDisabled:x,isReadOnly:y,isFocused:u,showLabel:j,alignItems:"flex-start",minHeight:B[c].minHeight,paddingTop:B[c].shellPaddingY,paddingBottom:B[c].shellPaddingY,paddingLeft:B[c].shellPaddingX,paddingRight:B[c].shellPaddingX,onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),...O==null?void 0:O.content,children:r.jsxs(uo,{...W==null?void 0:W.warper,children:[j&&r.jsx(Re,{htmlFor:e,color:"theme-primary",error:n,...W==null?void 0:W.label,children:l}),r.jsx(i.Element,{as:"textarea",id:e,name:o,rows:v,cols:k,value:a,readOnly:y,disabled:x,autoFocus:C,placeholder:d||t,onBlur:L,onFocus:K,onChange:Q=>Y(Q),...q,...A,style:{resize:x||y?"none":"vertical",...q.style,...A.style||{}},...W==null?void 0:W.textarea})]})})})},xt=e=>{const o=fe("textarea",e),t=ma(o);return r.jsx(ha,{...t,...o})},Ct=({label:e,placeholder:o,value:t})=>{const[n,a]=h.useState(e??o),[l,s]=h.useState(!1),[m,d]=h.useState(!1),[c,f]=h.useState(t);return h.useMemo(()=>{a(l&&!c?o??"":e??o)},[c,l,e,o]),{hint:n,setHint:a,isFocused:l,setIsFocused:s,isHovered:m,setIsHovered:d,setValue:f,value:c}},Lo=({id:e,name:o,label:t,hint:n,value:a,onChange:l,left:s,right:m,helperText:d,placeholder:c,onChangeText:f,shadow:g={},views:p={container:{},field:{},label:{},helperText:{},text:{}},size:u="md",shape:b="default",variant:y="default",error:x=!1,isFocused:C=!1,isHovered:w=!1,isDisabled:v=!1,isReadOnly:k=!1,isClearable:S=!0,isAutoFocus:T=!1,setHint:z=()=>{},setIsFocused:M=()=>{},setIsHovered:P=()=>{},setValue:D=()=>{},onClick:F=()=>{},onFocus:V,onBlur:E=()=>{},themeMode:H,...W})=>{const{getColor:A,themeMode:j}=i.useTheme(),B=A(v?"color-gray-400":"color-gray-500",{themeMode:H||j}),_=!!t,$={xs:{minHeight:24,shellPaddingY:6,shellPaddingX:10,fontSize:12,lineHeight:"16px"},sm:{minHeight:32,shellPaddingY:8,shellPaddingX:10,fontSize:12,lineHeight:"16px"},md:{minHeight:40,shellPaddingY:10,shellPaddingX:12,fontSize:14,lineHeight:"20px"},lg:{minHeight:48,shellPaddingY:12,shellPaddingX:14,fontSize:16,lineHeight:"24px"},xl:{minHeight:56,shellPaddingY:14,shellPaddingX:16,fontSize:18,lineHeight:"28px"}},N=(p==null?void 0:p.field)||{},O="0 0 0 1000px var(--theme-canvas) inset",G={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:"auto",border:"none",backgroundColor:"transparent",fontSize:$[u].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:v?"color-gray-400":"color-gray-900",cursor:v?"not-allowed":"text",opacity:v?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",_focus:{outline:"none",_placeholder:{opacity:.7}},_placeholder:{color:"color-gray-400",opacity:1,transition:"opacity 0.2s ease-out"},_selection:{backgroundColor:"color-mix(in srgb, var(--theme-primary) 20%, transparent)"},_webkitAutofill:{boxShadow:O,WebkitBoxShadow:O,WebkitTextFillColor:"var(--theme-text)",transition:"background-color 5000s ease-in-out 0s"},_webkitContactsAutoFillButton:{visibility:"hidden",pointerEvents:"none",position:"absolute",right:0},...N},q=()=>{M(!0),V&&V()},K=()=>P(!0),L=()=>P(!1),Y=te=>{E&&E(te),M(!1)},Q=te=>{typeof te=="string"?(D(te),f&&f(te),l&&l(te)):(D(te.target.value),f&&f(te.target.value),l&&l(te.target.value))},oe=()=>{D(""),l&&(E({target:{name:o}}),f&&f(""),l&&l("")),typeof document>"u"&&f&&f("")},{container:Z,content:re,...le}=p||{};return r.jsx(Be,{helperText:d,error:x,views:le,children:r.jsxs(Ue,{label:t,size:u,error:x,shape:b,views:p,shadow:g,variant:y,value:a,color:"theme-primary",isHovered:w,isDisabled:v,isReadOnly:k,isFocused:C,showLabel:_,minHeight:`${$[u].minHeight}px`,paddingTop:$[u].shellPaddingY,paddingBottom:$[u].shellPaddingY,paddingLeft:$[u].shellPaddingX,paddingRight:$[u].shellPaddingX,onMouseEnter:K,onMouseLeave:L,children:[s,r.jsxs(uo,{children:[_&&r.jsx(Re,{htmlFor:e,color:"theme-primary",error:x,...p==null?void 0:p.label,children:t}),r.jsx(i.Input,{type:"text",id:e,name:o,readOnly:k,disabled:v,autoFocus:T,placeholder:c||n,onFocus:q,onBlur:Y,autoComplete:"off",...G,...W,onChange:Q,value:a})]}),S&&a&&!k&&!v&&r.jsx(bt,{children:r.jsx(ve,{size:20,color:B,onClick:oe,cursor:"pointer",borderRadius:"50%",transition:"background-color 0.2s ease, transform 0.2s ease",_hover:{backgroundColor:"color-gray-100",transform:"scale(1.05)"},_active:{transform:"scale(0.95)"}})}),m]})})},Te=e=>{const o=fe("input",e),t=Ct(o);return r.jsx(Lo,{...t,...o})},fa=({defaultIsSelected:e=!1})=>{const[o,t]=h.useState(!1),[n,a]=h.useState(e);return{isHovered:o,setIsHovered:t,isSelected:n,setIsSelected:a}},vm={xs:{height:"12px",width:"12px"},sm:{height:"16px",width:"16px"},md:{height:"20px",width:"20px"},lg:{height:"24px",width:"24px"},xl:{height:"28px",width:"28px"}},ga={xs:10,sm:14,md:16,lg:20,xl:24},Tm={selected:{backgroundColor:"theme-primary",borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid",color:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"},unselected:{backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",color:"inherit",transition:"all 0.2s ease-in-out"},indeterminate:{backgroundColor:"theme-primary",borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid",color:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}},kt={hover:{selected:{opacity:.9},unselected:{borderColor:"color-gray-400",backgroundColor:"color-gray-50"},indeterminate:{opacity:.9}},disabled:{selected:{backgroundColor:"color-gray-300",borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"},unselected:{borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"},indeterminate:{backgroundColor:"color-gray-300",borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"}},error:{selected:{backgroundColor:"color-red-500",borderColor:"color-red-500"},unselected:{borderColor:"color-red-500"},indeterminate:{backgroundColor:"color-red-500",borderColor:"color-red-500"}}},pa=({id:e,icon:o,name:t,label:n,isChecked:a,onChange:l,onValueChange:s,shadow:m={},labelPosition:d="right",size:c="md",error:f=!1,isSelected:g=!1,isHovered:p=!1,isDisabled:u=!1,isReadOnly:b=!1,isIndeterminate:y=!1,defaultIsSelected:x=!1,setIsSelected:C=()=>{},setIsHovered:w=()=>{},setIsChecked:v,views:k={checkbox:{},label:{}},infoText:S,helperText:T,...z})=>{const M=()=>w(!p),P=()=>{!b&&!u&&(C&&C(!g),l&&l(!a),s&&s(!a))},D=y?"indeterminate":a||g?"selected":"unselected",F=f?kt.error[D]:u?kt.disabled[D]:p?kt.hover[D]:{},V={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",color:f?"color-red-600":u?"color-gray-400":"inherit",cursor:u?"not-allowed":b?"default":"pointer",opacity:u?.6:1,transition:"all 0.2s ease-in-out",...k.label},checkbox:{...Tm[D],...F,borderRadius:6,...vm[c],transition:"all 0.2s ease-in-out",...m,...k.checkbox}};return r.jsxs(Do,{htmlFor:e,as:"div",onClick:P,onMouseEnter:M,onMouseLeave:M,size:i.Typography.fontSizes[c],...V.container,...z,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",d==="left"&&n&&r.jsx(i.Text,{size:c,fontWeight:"500",...k==null?void 0:k.label,children:n}),r.jsx(i.Center,{...V.checkbox,children:y?r.jsx(kn,{widthHeight:ga[c],color:"color-white",transition:"opacity 0.2s ease"}):(a||g)&&(o??r.jsx(dr,{widthHeight:ga[c],color:"color-white",transition:"opacity 0.2s ease"}))}),d==="right"&&n&&r.jsx(i.Text,{size:c,fontWeight:"500",...k==null?void 0:k.label,children:n})]}),S&&r.jsx(i.Text,{marginLeft:d==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...k==null?void 0:k.infoText,children:S})]}),f&&r.jsx(i.Text,{size:"xs",marginTop:4,marginHorizontal:0,color:"color-red-500",fontWeight:"500",transition:"all 0.2s ease-in-out",children:f})]})},wt=e=>{const o=fe("checkbox",e),t=fa(o);return r.jsx(pa,{...t,...o})},ua=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,onOpen:l,onClose:s,closeOnSelect:m=!0,maxRecentColors:d=8,showRecentColors:c=!0,isAutoFocus:f=!1}=e,[g,p]=h.useState(!1),[u,b]=h.useState(o??t),[y,x]=h.useState(""),[C,w]=h.useState([]),[v,k]=h.useState(!1),[S,T]=h.useState(!1),z=h.useRef(null),M=h.useRef(null);h.useEffect(()=>{o!==void 0&&b(o)},[o]),h.useEffect(()=>{if(c)try{const A=localStorage.getItem("colorInput-recentColors");A&&w(JSON.parse(A))}catch(A){console.warn("Failed to load recent colors from localStorage:",A)}},[c]),h.useEffect(()=>{f&&z.current&&z.current.focus()},[f]),h.useEffect(()=>{const A=j=>{g&&z.current&&M.current&&!z.current.contains(j.target)&&!M.current.contains(j.target)&&H()};return document.addEventListener("mousedown",A),()=>document.removeEventListener("mousedown",A)},[g]);const P=h.useCallback(A=>{c&&w(j=>{const B=j.filter($=>$!==A),_=[A,...B].slice(0,d);try{localStorage.setItem("colorInput-recentColors",JSON.stringify(_))}catch($){console.warn("Failed to save recent colors to localStorage:",$)}return _})},[c,d]),D=h.useCallback(()=>{const A=!g;p(A),A?l==null||l():s==null||s()},[g,l,s]),F=h.useCallback(A=>{b(A),P(A),n==null||n(A),a==null||a(A),m&&(p(!1),s==null||s())},[n,a,m,s,P]),V=h.useCallback(A=>{x(A)},[]),E=h.useCallback(()=>{y&&(F(y),x(""))},[y,F]),H=h.useCallback(()=>{p(!1),s==null||s()},[s]),W=h.useCallback(A=>{b(A),n==null||n(A)},[n]);return{isOpen:g,selectedColor:u,recentColors:C,customColor:y,isFocused:v,isHovered:S,handleToggle:D,handleColorSelect:F,handleCustomColorChange:V,handleCustomColorSubmit:E,handleClose:H,setIsFocused:k,setIsHovered:T,setValue:W,triggerRef:z,dropdownRef:M}},_o={container:{position:"relative",display:"inline-block",width:"fit-content"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300",padding:"8px 12px",borderRadius:8},dropdown:{position:"absolute",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"280px"},colorGrid:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gap:"8px"},recentColors:{display:"flex",gap:"4px",flexWrap:"wrap"}},Im={xs:{height:"28px",fontSize:"10px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"16px",padding:"12px 16px"},xl:{height:"56px",fontSize:"20px",padding:"16px 20px"}},Fm={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},zm={default:{backgroundColor:"color-white",borderColor:"color-gray-300",borderWidth:"1px",borderStyle:"solid"},outline:{backgroundColor:"transparent",borderColor:"color-gray-300",borderWidth:"1px",borderStyle:"solid"},none:{backgroundColor:"transparent",borderColor:"transparent",borderWidth:"0px"}},Mm=[{name:"Red 500",value:"color-red-500"},{name:"Orange 500",value:"color-orange-500"},{name:"Yellow 500",value:"color-yellow-500"},{name:"Green 500",value:"color-green-500"},{name:"Blue 500",value:"color-blue-500"},{name:"Indigo 500",value:"color-indigo-500"},{name:"Purple 500",value:"color-purple-500"},{name:"Pink 500",value:"color-pink-500"},{name:"Red 300",value:"color-red-300"},{name:"Orange 300",value:"color-orange-300"},{name:"Yellow 300",value:"color-yellow-300"},{name:"Green 300",value:"color-green-300"},{name:"Blue 300",value:"color-blue-300"},{name:"Indigo 300",value:"color-indigo-300"},{name:"Purple 300",value:"color-purple-300"},{name:"Pink 300",value:"color-pink-300"},{name:"Red 700",value:"color-red-700"},{name:"Orange 700",value:"color-orange-700"},{name:"Yellow 700",value:"color-yellow-700"},{name:"Green 700",value:"color-green-700"},{name:"Blue 700",value:"color-blue-700"},{name:"Indigo 700",value:"color-indigo-700"},{name:"Purple 700",value:"color-purple-700"},{name:"Pink 700",value:"color-pink-700"},{name:"Gray 100",value:"color-gray-100"},{name:"Gray 300",value:"color-gray-300"},{name:"Gray 500",value:"color-gray-500"},{name:"Gray 700",value:"color-gray-700"},{name:"Gray 900",value:"color-gray-900"},{name:"White",value:"color-white"},{name:"Black",value:"color-black"},{name:"Transparent",value:"transparent"}],ba=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:s="md",shape:m="default",variant:d="default",shadow:c,error:f=!1,isDisabled:g=!1,isReadOnly:p=!1,isFocused:u=!1,isHovered:b=!1,predefinedColors:y=Mm,showCustomInput:x=!0,showRecentColors:C=!0,isOpen:w=!1,selectedColor:v="",recentColors:k=[],customColor:S="",handleToggle:T=()=>{},handleColorSelect:z=()=>{},handleCustomColorChange:M=()=>{},handleCustomColorSubmit:P=()=>{},handleClose:D,setIsFocused:F=()=>{},setIsHovered:V=()=>{},setValue:E,triggerRef:H,dropdownRef:W,onChange:A,onChangeComplete:j,onOpen:B,onClose:_,colorFormat:$,maxRecentColors:N,closeOnSelect:O,value:G,defaultValue:q,...K})=>{const{getColor:L}=i.useTheme(),Y={..._o.container,...l==null?void 0:l.container},Q={..._o.trigger,...Im[s],...Fm[m],...zm[d],...f&&{borderColor:"color-red-500"},...g&&{opacity:.6,cursor:"not-allowed"},...u&&{borderColor:"theme-primary",boxShadow:"0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(29, 78, 216, 0.16)"},...b&&!g&&{borderColor:"color-gray-400"},...l==null?void 0:l.trigger,...c&&c},oe={..._o.dropdown,...l==null?void 0:l.dropdown},Z={..._o.colorGrid,...l==null?void 0:l.colorGrid},re={..._o.recentColors,...l==null?void 0:l.recentColors},le=v||"color-gray-200";return r.jsxs(i.View,{...Y,...K,children:[t&&r.jsx(Do,{htmlFor:e,size:s,isDisabled:g,error:f,views:l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:H,onClick:g||p?void 0:T,onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),onFocus:()=>F(!0),onBlur:()=>F(!1),tabIndex:g?-1:0,role:"button","aria-expanded":w,"aria-haspopup":"listbox","aria-label":t||n,width:"fit-content",gap:8,...Q,children:[r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"4px",backgroundColor:le,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"}),!p&&!g&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:w?"up":"down"})]}),w&&r.jsxs(i.View,{ref:W,...oe,children:[r.jsx(i.View,{...Z,children:y.map((te,X)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:te.value,borderWidth:"2px",borderStyle:"solid",borderColor:v===te.value?"theme-primary":"transparent",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>z(te.value),title:te.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"},...l==null?void 0:l.colorSwatch},X))}),C&&k.length>0&&r.jsxs(i.Vertical,{gap:8,marginTop:"16px",children:[r.jsx(i.Text,{fontSize:"12px",fontWeight:"500",color:"color-gray-600",children:"Recent Colors"}),r.jsx(i.Horizontal,{gap:4,flexWrap:"wrap",...re,children:k.map((te,X)=>r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"8px",backgroundColor:te,borderWidth:"1px",borderStyle:"solid",borderColor:v===te?"theme-primary":"color-gray-300",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>z(te),title:te,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"}},X))})]}),x&&r.jsxs(i.Vertical,{gap:8,marginTop:"16px",children:[r.jsx(i.Text,{fontSize:"12px",fontWeight:"500",color:"color-gray-600",children:"Custom Color"}),r.jsxs(i.Horizontal,{gap:8,children:[r.jsx(Te,{value:S,onChange:te=>M(te.target.value),placeholder:"#000000 or rgb(0,0,0)",size:"sm",style:{flex:1},views:l==null?void 0:l.customInput}),r.jsx(i.View,{padding:"8px 12px",backgroundColor:"theme-primary",borderRadius:"8px",cursor:"pointer",onClick:P,transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{backgroundColor:"color-blue-700"},children:r.jsx(i.Text,{color:"color-white",fontSize:"12px",fontWeight:"500",children:"Add"})})]})]})]}),a&&r.jsx(i.Text,{fontSize:"12px",color:f?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:a}),f&&typeof f=="string"&&r.jsx(i.Text,{fontSize:"12px",color:"color-red-500",marginTop:"4px",...l==null?void 0:l.error,children:f})]})},Wm=e=>{const o=ua(e);return r.jsx(ba,{...o,...e})},St=[{name:"Afghanistan",dial_code:"+93",emoji:"🇦🇫",code:"AF"},{name:"Aland Islands",dial_code:"+358",emoji:"🇦🇽",code:"AX"},{name:"Albania",dial_code:"+355",emoji:"🇦🇱",code:"AL"},{name:"Algeria",dial_code:"+213",emoji:"🇩🇿",code:"DZ"},{name:"AmericanSamoa",dial_code:"+1684",emoji:"🇦🇸",code:"AS"},{name:"Andorra",dial_code:"+376",emoji:"🇦🇩",code:"AD"},{name:"Angola",dial_code:"+244",emoji:"🇦🇴",code:"AO"},{name:"Anguilla",dial_code:"+1264",emoji:"🇦🇮",code:"AI"},{name:"Antarctica",dial_code:"+672",emoji:"🇦🇶",code:"AQ"},{name:"Antigua and Barbuda",dial_code:"+1268",emoji:"🇦🇬",code:"AG"},{name:"Argentina",dial_code:"+54",emoji:"🇦🇷",code:"AR"},{name:"Armenia",dial_code:"+374",emoji:"🇦🇲",code:"AM"},{name:"Aruba",dial_code:"+297",emoji:"🇦🇼",code:"AW"},{name:"Australia",dial_code:"+61",emoji:"🇦🇺",code:"AU"},{name:"Austria",dial_code:"+43",emoji:"🇦🇹",code:"AT"},{name:"Azerbaijan",dial_code:"+994",emoji:"🇦🇿",code:"AZ"},{name:"Bahamas",dial_code:"+1242",emoji:"🇧🇸",code:"BS"},{name:"Bahrain",dial_code:"+973",emoji:"🇧🇭",code:"BH"},{name:"Bangladesh",dial_code:"+880",emoji:"🇧🇩",code:"BD"},{name:"Barbados",dial_code:"+1246",emoji:"🇧🇧",code:"BB"},{name:"Belarus",dial_code:"+375",emoji:"🇧🇾",code:"BY"},{name:"Belgium",dial_code:"+32",emoji:"🇧🇪",code:"BE"},{name:"Belize",dial_code:"+501",emoji:"🇧🇿",code:"BZ"},{name:"Benin",dial_code:"+229",emoji:"🇧🇯",code:"BJ"},{name:"Bermuda",dial_code:"+1441",emoji:"🇧🇲",code:"BM"},{name:"Bhutan",dial_code:"+975",emoji:"🇧🇹",code:"BT"},{name:"Bolivia, Plurinational State of",dial_code:"+591",emoji:"🇧🇴",code:"BO"},{name:"Bosnia and Herzegovina",dial_code:"+387",emoji:"🇧🇦",code:"BA"},{name:"Botswana",dial_code:"+267",emoji:"🇧🇼",code:"BW"},{name:"Brazil",dial_code:"+55",emoji:"🇧🇷",code:"BR"},{name:"British Indian Ocean Territory",dial_code:"+246",emoji:"🇮🇴",code:"IO"},{name:"Brunei Darussalam",dial_code:"+673",emoji:"🇧🇳",code:"BN"},{name:"Bulgaria",dial_code:"+359",emoji:"🇧🇬",code:"BG"},{name:"Burkina Faso",dial_code:"+226",emoji:"🇧🇫",code:"BF"},{name:"Burundi",dial_code:"+257",emoji:"🇧🇮",code:"BI"},{name:"Cambodia",dial_code:"+855",emoji:"🇰🇭",code:"KH"},{name:"Cameroon",dial_code:"+237",emoji:"🇨🇲",code:"CM"},{name:"Canada",dial_code:"+1",emoji:"🇨🇦",code:"CA"},{name:"Cape Verde",dial_code:"+238",emoji:"🇨🇻",code:"CV"},{name:"Cayman Islands",dial_code:"+345",emoji:"🇰🇾",code:"KY"},{name:"Central African Republic",dial_code:"+236",emoji:"🇨🇫",code:"CF"},{name:"Chad",dial_code:"+235",emoji:"🇹🇩",code:"TD"},{name:"Chile",dial_code:"+56",emoji:"🇨🇱",code:"CL"},{name:"China",dial_code:"+86",emoji:"🇨🇳",code:"CN"},{name:"Christmas Island",dial_code:"+61",emoji:"🇨🇽",code:"CX"},{name:"Cocos (Keeling) Islands",dial_code:"+61",emoji:"🇨🇨",code:"CC"},{name:"Colombia",dial_code:"+57",emoji:"🇨🇴",code:"CO"},{name:"Comoros",dial_code:"+269",emoji:"🇰🇲",code:"KM"},{name:"Congo",dial_code:"+242",emoji:"🇨🇬",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dial_code:"+243",emoji:"🇨🇩",code:"CD"},{name:"Cook Islands",dial_code:"+682",emoji:"🇨🇰",code:"CK"},{name:"Costa Rica",dial_code:"+506",emoji:"🇨🇷",code:"CR"},{name:"Cote d'Ivoire",dial_code:"+225",emoji:"🇨🇮",code:"CI"},{name:"Croatia",dial_code:"+385",emoji:"🇭🇷",code:"HR"},{name:"Cuba",dial_code:"+53",emoji:"🇨🇺",code:"CU"},{name:"Cyprus",dial_code:"+357",emoji:"🇨🇾",code:"CY"},{name:"Czech Republic",dial_code:"+420",emoji:"🇨🇿",code:"CZ"},{name:"Denmark",dial_code:"+45",emoji:"🇩🇰",code:"DK"},{name:"Djibouti",dial_code:"+253",emoji:"🇩🇯",code:"DJ"},{name:"Dominica",dial_code:"+1767",emoji:"🇩🇲",code:"DM"},{name:"Dominican Republic",dial_code:"+1849",emoji:"🇩🇴",code:"DO"},{name:"Ecuador",dial_code:"+593",emoji:"🇪🇨",code:"EC"},{name:"Egypt",dial_code:"+20",emoji:"🇪🇬",code:"EG"},{name:"El Salvador",dial_code:"+503",emoji:"🇸🇻",code:"SV"},{name:"Equatorial Guinea",dial_code:"+240",emoji:"🇬🇶",code:"GQ"},{name:"Eritrea",dial_code:"+291",emoji:"🇪🇷",code:"ER"},{name:"Estonia",dial_code:"+372",emoji:"🇪🇪",code:"EE"},{name:"Ethiopia",dial_code:"+251",emoji:"🇪🇹",code:"ET"},{name:"Falkland Islands (Malvinas)",dial_code:"+500",emoji:"🇫🇰",code:"FK"},{name:"Faroe Islands",dial_code:"+298",emoji:"🇫🇴",code:"FO"},{name:"Fiji",dial_code:"+679",emoji:"🇫🇯",code:"FJ"},{name:"Finland",dial_code:"+358",emoji:"🇫🇮",code:"FI"},{name:"France",dial_code:"+33",emoji:"🇫🇷",code:"FR"},{name:"French Guiana",dial_code:"+594",emoji:"🇬🇫",code:"GF"},{name:"French Polynesia",dial_code:"+689",emoji:"🇵🇫",code:"PF"},{name:"Gabon",dial_code:"+241",emoji:"🇬🇦",code:"GA"},{name:"Gambia",dial_code:"+220",emoji:"🇬🇲",code:"GM"},{name:"Georgia",dial_code:"+995",emoji:"🇬🇪",code:"GE"},{name:"Germany",dial_code:"+49",emoji:"🇩🇪",code:"DE"},{name:"Ghana",dial_code:"+233",emoji:"🇬🇭",code:"GH"},{name:"Gibraltar",dial_code:"+350",emoji:"🇬🇮",code:"GI"},{name:"Greece",dial_code:"+30",emoji:"🇬🇷",code:"GR"},{name:"Greenland",dial_code:"+299",emoji:"🇬🇱",code:"GL"},{name:"Grenada",dial_code:"+1473",emoji:"🇬🇩",code:"GD"},{name:"Guadeloupe",dial_code:"+590",emoji:"🇬🇵",code:"GP"},{name:"Guam",dial_code:"+1671",emoji:"🇬🇺",code:"GU"},{name:"Guatemala",dial_code:"+502",emoji:"🇬🇹",code:"GT"},{name:"Guernsey",dial_code:"+44",emoji:"🇬🇬",code:"GG"},{name:"Guinea",dial_code:"+224",emoji:"🇬🇳",code:"GN"},{name:"Guinea-Bissau",dial_code:"+245",emoji:"🇬🇼",code:"GW"},{name:"Guyana",dial_code:"+595",emoji:"🇬🇾",code:"GY"},{name:"Haiti",dial_code:"+509",emoji:"🇭🇹",code:"HT"},{name:"Holy See (Vatican City State)",dial_code:"+379",emoji:"🇻🇦",code:"VA"},{name:"Honduras",dial_code:"+504",emoji:"🇭🇳",code:"HN"},{name:"Hong Kong",dial_code:"+852",emoji:"🇭🇰",code:"HK"},{name:"Hungary",dial_code:"+36",emoji:"🇭🇺",code:"HU"},{name:"Iceland",dial_code:"+354",emoji:"🇮🇸",code:"IS"},{name:"India",dial_code:"+91",emoji:"🇮🇳",code:"IN"},{name:"Indonesia",dial_code:"+62",emoji:"🇮🇩",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dial_code:"+98",emoji:"🇮🇷",code:"IR"},{name:"Iraq",dial_code:"+964",emoji:"🇮🇷",code:"IQ"},{name:"Ireland",dial_code:"+353",emoji:"🇮🇪",code:"IE"},{name:"Isle of Man",dial_code:"+44",emoji:"🇮🇲",code:"IM"},{name:"Israel",dial_code:"+972",emoji:"🇮🇱",code:"IL"},{name:"Italy",dial_code:"+39",emoji:"🇮🇹",code:"IT"},{name:"Jamaica",dial_code:"+1876",emoji:"🇯🇲",code:"JM"},{name:"Japan",dial_code:"+81",emoji:"🇯🇵",code:"JP"},{name:"Jersey",dial_code:"+44",emoji:"🇯🇪",code:"JE"},{name:"Jordan",dial_code:"+962",emoji:"🇯🇴",code:"JO"},{name:"Kazakhstan",dial_code:"+77",emoji:"🇰🇿",code:"KZ"},{name:"Kenya",dial_code:"+254",emoji:"🇰🇪",code:"KE"},{name:"Kiribati",dial_code:"+686",emoji:"🇰🇮",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dial_code:"+850",emoji:"🇰🇵",code:"KP"},{name:"Korea, Republic of South Korea",dial_code:"+82",emoji:"🇰🇷",code:"KR"},{name:"Kuwait",dial_code:"+965",emoji:"🇰🇼",code:"KW"},{name:"Kyrgyzstan",dial_code:"+996",emoji:"🇰🇬",code:"KG"},{name:"Laos",dial_code:"+856",emoji:"🇱🇦",code:"LA"},{name:"Latvia",dial_code:"+371",emoji:"🇱🇻",code:"LV"},{name:"Lebanon",dial_code:"+961",emoji:"🇱🇧",code:"LB"},{name:"Lesotho",dial_code:"+266",emoji:"🇱🇸",code:"LS"},{name:"Liberia",dial_code:"+231",emoji:"🇱🇷",code:"LR"},{name:"Libyan Arab Jamahiriya",dial_code:"+218",emoji:"🇱🇾",code:"LY"},{name:"Liechtenstein",dial_code:"+423",emoji:"🇱🇮",code:"LI"},{name:"Lithuania",dial_code:"+370",emoji:"🇱🇹",code:"LT"},{name:"Luxembourg",dial_code:"+352",emoji:"🇱🇺",code:"LU"},{name:"Macao",dial_code:"+853",emoji:"🇲🇴",code:"MO"},{name:"Macedonia",dial_code:"+389",emoji:"🇲🇰",code:"MK"},{name:"Madagascar",dial_code:"+261",emoji:"🇲🇬",code:"MG"},{name:"Malawi",dial_code:"+265",emoji:"🇲🇼",code:"MW"},{name:"Malaysia",dial_code:"+60",emoji:"🇲🇾",code:"MY"},{name:"Maldives",dial_code:"+960",emoji:"🇲🇻",code:"MV"},{name:"Mali",dial_code:"+223",emoji:"🇲🇱",code:"ML"},{name:"Malta",dial_code:"+356",emoji:"🇲🇹",code:"MT"},{name:"Marshall Islands",dial_code:"+692",emoji:"🇲🇭",code:"MH"},{name:"Martinique",dial_code:"+596",emoji:"🇲🇶",code:"MQ"},{name:"Mauritania",dial_code:"+222",emoji:"🇲🇷",code:"MR"},{name:"Mauritius",dial_code:"+230",emoji:"🇲🇺",code:"MU"},{name:"Mayotte",dial_code:"+262",emoji:"🇾🇹",code:"YT"},{name:"Mexico",dial_code:"+52",emoji:"🇲🇽",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dial_code:"+691",emoji:"🇫🇲",code:"FM"},{name:"Moldova",dial_code:"+373",emoji:"🇲🇩",code:"MD"},{name:"Monaco",dial_code:"+377",emoji:"🇲🇨",code:"MC"},{name:"Mongolia",dial_code:"+976",emoji:"🇲🇳",code:"MN"},{name:"Montenegro",dial_code:"+382",emoji:"🇲🇪",code:"ME"},{name:"Montserrat",dial_code:"+1664",emoji:"🇲🇸",code:"MS"},{name:"Morocco",dial_code:"+212",emoji:"🇲🇦",code:"MA"},{name:"Mozambique",dial_code:"+258",emoji:"🇲🇿",code:"MZ"},{name:"Myanmar",dial_code:"+95",emoji:"🇲🇲",code:"MM"},{name:"Namibia",emoji:"🇳🇦",dial_code:"+264",code:"NA"},{name:"Nauru",dial_code:"+674",emoji:"🇳🇷",code:"NR"},{name:"Nepal",dial_code:"+977",emoji:"🇳🇵",code:"NP"},{name:"Netherlands",dial_code:"+31",emoji:"🇳🇱",code:"NL"},{name:"Netherlands Antilles",dial_code:"+599",emoji:"🇧🇶",code:"AN"},{name:"New Caledonia",dial_code:"+687",emoji:"🇳🇨",code:"NC"},{name:"New Zealand",dial_code:"+64",emoji:"🇳🇿",code:"NZ"},{name:"Nicaragua",dial_code:"+505",emoji:"🇳🇮",code:"NI"},{name:"Niger",dial_code:"+227",emoji:"🇳🇪",code:"NE"},{name:"Nigeria",dial_code:"+234",emoji:"🇳🇬",code:"NG"},{name:"Niue",dial_code:"+683",emoji:"🇳🇺",code:"NU"},{name:"Norfolk Island",dial_code:"+672",emoji:"🇳🇫",code:"NF"},{name:"Northern Mariana Islands",dial_code:"+1670",emoji:"🇲🇵",code:"MP"},{name:"Norway",dial_code:"+47",emoji:"🇳🇴",code:"NO"},{name:"Oman",dial_code:"+968",emoji:"🇴🇲",code:"OM"},{name:"Pakistan",dial_code:"+92",emoji:"🇵🇰",code:"PK"},{name:"Palau",dial_code:"+680",emoji:"🇵🇼",code:"PW"},{name:"Palestinian Territory, Occupied",dial_code:"+970",emoji:"🇵🇸",code:"PS"},{name:"Panama",dial_code:"+507",emoji:"🇵🇦",code:"PA"},{name:"Papua New Guinea",dial_code:"+675",emoji:"🇵🇬",code:"PG"},{name:"Paraguay",dial_code:"+595",emoji:"🇵🇾",code:"PY"},{name:"Peru",dial_code:"+51",emoji:"🇵🇪",code:"PE"},{name:"Philippines",dial_code:"+63",emoji:"🇵🇭",code:"PH"},{name:"Pitcairn",dial_code:"+872",emoji:"🇵🇳",code:"PN"},{name:"Poland",dial_code:"+48",emoji:"🇵🇱",code:"PL"},{name:"Portugal",dial_code:"+351",emoji:"🇵🇹",code:"PT"},{name:"Puerto Rico",dial_code:"+1939",emoji:"🇵🇷",code:"PR"},{name:"Qatar",dial_code:"+974",emoji:"🇶🇦",code:"QA"},{name:"Romania",dial_code:"+40",emoji:"🇷🇴",code:"RO"},{name:"Russia",dial_code:"+7",emoji:"🇷🇺",code:"RU"},{name:"Rwanda",dial_code:"+250",emoji:"🇷🇼",code:"RW"},{name:"Reunion",dial_code:"+262",emoji:"🇷🇪",code:"RE"},{name:"Saint Barthelemy",dial_code:"+590",emoji:"🇧🇱",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dial_code:"+290",emoji:"🇸🇭",code:"SH"},{name:"Saint Kitts and Nevis",dial_code:"+1869",emoji:"🇰🇳",code:"KN"},{name:"Saint Lucia",dial_code:"+1758",emoji:"🇱🇨",code:"LC"},{name:"Saint Martin",dial_code:"+590",emoji:"🇲🇫",code:"MF"},{name:"Saint Pierre and Miquelon",dial_code:"+508",emoji:"🇵🇲",code:"PM"},{name:"Saint Vincent and the Grenadines",dial_code:"+1784",emoji:"🇻🇨",code:"VC"},{name:"Samoa",dial_code:"+685",emoji:"🇼🇸",code:"WS"},{name:"San Marino",dial_code:"+378",emoji:"🇸🇲",code:"SM"},{name:"Sao Tome and Principe",dial_code:"+239",emoji:"🇸🇹",code:"ST"},{name:"Saudi Arabia",dial_code:"+966",emoji:"🇸🇦",code:"SA"},{name:"Senegal",dial_code:"+221",emoji:"🇸🇳",code:"SN"},{name:"Serbia",dial_code:"+381",emoji:"🇷🇸",code:"RS"},{name:"Seychelles",dial_code:"+248",emoji:"🇸🇨",code:"SC"},{name:"Sierra Leone",dial_code:"+232",emoji:"🇸🇱",code:"SL"},{name:"Singapore",dial_code:"+65",emoji:"🇸🇬",code:"SG"},{name:"Slovakia",dial_code:"+421",emoji:"🇸🇰",code:"SK"},{name:"Slovenia",dial_code:"+386",emoji:"🇸🇮",code:"SI"},{name:"Solomon Islands",dial_code:"+677",emoji:"🇸🇧",code:"SB"},{name:"Somalia",dial_code:"+252",emoji:"🇸🇴",code:"SO"},{name:"South Africa",dial_code:"+27",emoji:"🇿🇦",code:"ZA"},{name:"South Sudan",dial_code:"+211",emoji:"🇸🇸",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dial_code:"+500",emoji:"🇬🇸",code:"GS"},{name:"Spain",dial_code:"+34",emoji:"🇪🇸",code:"ES"},{name:"Sri Lanka",dial_code:"+94",emoji:"🇱🇰",code:"LK"},{name:"Sudan",dial_code:"+249",emoji:"🇸🇩",code:"SD"},{name:"Suriname",dial_code:"+597",emoji:"🇸🇷",code:"SR"},{name:"Svalbard and Jan Mayen",dial_code:"+47",emoji:"🇸🇯",code:"SJ"},{name:"Swaziland",dial_code:"+268",emoji:"🇸🇿",code:"SZ"},{name:"Sweden",dial_code:"+46",emoji:"🇸🇪",code:"SE"},{name:"Switzerland",dial_code:"+41",emoji:"🇨🇭",code:"CH"},{name:"Syrian Arab Republic",dial_code:"+963",emoji:"🇸🇾",code:"SY"},{name:"Taiwan",dial_code:"+886",emoji:"🇹🇼",code:"TW"},{name:"Tajikistan",dial_code:"+992",emoji:"🇹🇯",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dial_code:"+255",emoji:"🇹🇿",code:"TZ"},{name:"Thailand",dial_code:"+66",emoji:"🇹🇭",code:"TH"},{name:"Timor-Leste",dial_code:"+670",emoji:"🇹🇱",code:"TL"},{name:"Togo",dial_code:"+228",emoji:"🇹🇬",code:"TG"},{name:"Tokelau",dial_code:"+690",emoji:"🇹🇰",code:"TK"},{name:"Tonga",dial_code:"+676",emoji:"🇹🇴",code:"TO"},{name:"Trinidad and Tobago",dial_code:"+1868",emoji:"🇹🇹",code:"TT"},{name:"Tunisia",dial_code:"+216",emoji:"🇹🇳",code:"TN"},{name:"Turkey",dial_code:"+90",emoji:"🇹🇷",code:"TR"},{name:"Turkmenistan",dial_code:"+993",emoji:"🇹🇲",code:"TM"},{name:"Turks and Caicos Islands",dial_code:"+1649",emoji:"🇹🇨",code:"TC"},{name:"Tuvalu",dial_code:"+688",emoji:"🇹🇻",code:"TV"},{name:"Uganda",dial_code:"+256",emoji:"🇺🇬",code:"UG"},{name:"Ukraine",dial_code:"+380",emoji:"🇺🇦",code:"UA"},{name:"United Arab Emirates",dial_code:"+971",emoji:"🇦🇪",code:"AE"},{name:"United Kingdom",dial_code:"+44",emoji:"🇬🇧",code:"GB"},{name:"United States",dial_code:"+1",emoji:"🇺🇸",code:"US"},{name:"Uruguay",dial_code:"+598",emoji:"🇺🇾",code:"UY"},{name:"Uzbekistan",dial_code:"+998",emoji:"🇺🇿",code:"UZ"},{name:"Vanuatu",dial_code:"+678",emoji:"🇻🇺",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dial_code:"+58",emoji:"🇻🇪",code:"VE"},{name:"Vietnam",dial_code:"+84",emoji:"🇻🇳",code:"VN"},{name:"Virgin Islands, British",dial_code:"+1284",emoji:"🇻🇬",code:"VG"},{name:"Virgin Islands, U.S.",dial_code:"+1340",emoji:"🇻🇮",code:"VI"},{name:"Wallis and Futuna",dial_code:"+681",emoji:"🇼🇫",code:"WF"},{name:"Yemen",dial_code:"+967",emoji:"🇾🇪",code:"YE"},{name:"Zambia",dial_code:"+260",emoji:"🇿🇲",code:"ZM"},{name:"Zimbabwe",dial_code:"+263",emoji:"🇿🇼",code:"ZW"}],ya=({placeholder:e})=>{const[o,t]=h.useState(St),[n,a]=h.useState(e??St[0].name),[l,s]=h.useState(!0),[m,d]=h.useState(!1),[c,f]=h.useState(!1);return{hide:l,setHide:s,newOptions:o,setNewOptions:t,isHovered:c,setIsHovered:f,isFocused:m,setIsFocused:d,value:n,setValue:a}},xa={xs:8,sm:10,md:12,lg:14,xl:16},Hm=({size:e,...o})=>r.jsx(i.Element,{as:"ul",...o}),jm=e=>r.jsx(i.Input,{type:"country",...e}),Pm=({size:e,...o})=>r.jsx(i.Element,{as:"li",...o}),Am=({option:e,size:o="md",callback:t=()=>{},views:n={text:{}}})=>{const a=l=>{l&&l.stopPropagation&&l.stopPropagation(),t(e)};return r.jsx(Pm,{margin:0,role:"DropDownItem",listStyleType:"none",fontWeight:"normal",paddingVertical:6,paddingHorizontal:12,onClick:a,fontSize:i.Typography.fontSizes[o],_hover:{backgroundColor:"color-gray-100",transition:"all 0.15s ease-in-out"},...n.text,children:e})},Em=({size:e,views:o={dropDown:{}},options:t=[],callback:n=()=>{}})=>{const a=l=>n(l);return r.jsx(Hm,{role:"dropDown",margin:0,padding:0,top:"100%",width:"100%",display:"flex",zIndex:1e3,overflow:"auto",maxHeight:"300px",borderRadius:12,position:"absolute",flexDirection:"column",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",...o.dropDown,children:t.map(l=>r.jsx(Am,{size:e,option:l.name,callback:a,...o.text},l.code))})},Ca=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:s=!1,error:m=!1,isHovered:d=!1,isFocused:c=!1,isAutoFocus:f=!1,isDisabled:g=!1,isReadOnly:p=!1,shadow:u={},newOptions:b=[],size:y="md",variant:x="default",shape:C="default",onChange:w,onBlur:v=()=>{},setHide:k=()=>{},setNewOptions:S=()=>{},setIsHovered:T=()=>{},setIsFocused:z=()=>{},setValue:M=()=>{},selected:P,setSelected:D,views:F={text:{},icon:{},label:{},dropDown:{},helperText:{}},themeMode:V,...E})=>{const{getColor:H,themeMode:W}=i.useTheme(),A=(V||W)==="dark",j=H(A?"color-gray-400":"color-gray-500",{themeMode:V||W}),B=()=>z(!0),_=K=>{k(!s),M(K),w&&w(K)},$=()=>{!g&&!p&&k(!s)},N=K=>{const L=K.target.value,Y=St.filter(Q=>Q.name.toLowerCase().startsWith(L.toLowerCase()));s&&k(!1),S(Y),w&&w(L)},O=K=>{v(K),z(!1)},G=!!(t&&(c||n)),q={margin:0,paddingVertical:8,paddingHorizontal:0,width:"100%",heigth:"100%",border:"none",on:{focus:{outline:"none"}},transition:"all 0.2s ease-in-out",fontSize:i.Typography.fontSizes[y],backgroundColor:"transparent",color:g?A?"color-gray-500":"color-gray-400":A?"color-gray-100":"color-gray-900",cursor:g?"not-allowed":p?"auto":"pointer",...F.field};return r.jsxs(Be,{helperText:l,error:m,views:F,onClick:$,children:[r.jsxs(Ue,{label:t,size:y,error:m,shape:C,views:F,shadow:u,variant:x,value:n,color:"theme-primary",isDisabled:g,isReadOnly:p,isFocused:c,showLabel:G,_hover:!g&&!m?{borderColor:"theme-primary"}:void 0,children:[r.jsxs(uo,{children:[G&&r.jsx(Re,{htmlFor:e,color:"theme-primary",error:m,views:F,children:t}),r.jsx(jm,{id:e,name:o,placeholder:a,readOnly:p,disabled:g,autoFocus:f,onBlur:O,onFocus:B,...q,...E,value:n,onChange:N})]}),r.jsx(bt,{children:s?r.jsx(ce,{orientation:"down",widthHeight:xa[y],color:j,style:F.icon}):r.jsx(ce,{orientation:"up",widthHeight:xa[y],color:j,style:F.icon})})]}),!s&&r.jsx(Em,{size:y,views:F,options:b,callback:_})]})},Vm=e=>{const o=ya(e);return r.jsx(Ca,{...o,...e})};function vr(e){"@babel/helpers - typeof";return vr=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o){return typeof o}:function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},vr(e)}function we(e,o){if(o.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+o.length+" present")}function Dm(e){return we(1,arguments),e instanceof Date||vr(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function De(e){we(1,arguments);var o=Object.prototype.toString.call(e);return e instanceof Date||vr(e)==="object"&&o==="[object Date]"?new Date(e.getTime()):typeof e=="number"||o==="[object Number]"?new Date(e):((typeof e=="string"||o==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}function $m(e){if(we(1,arguments),!Dm(e)&&typeof e!="number")return!1;var o=De(e);return!isNaN(Number(o))}function oo(e){if(e===null||e===!0||e===!1)return NaN;var o=Number(e);return isNaN(o)?o:o<0?Math.ceil(o):Math.floor(o)}function Bm(e,o){we(2,arguments);var t=De(e).getTime(),n=oo(o);return new Date(t+n)}function Lm(e,o){we(2,arguments);var t=oo(o);return Bm(e,-t)}var _m=864e5;function Om(e){we(1,arguments);var o=De(e),t=o.getTime();o.setUTCMonth(0,1),o.setUTCHours(0,0,0,0);var n=o.getTime(),a=t-n;return Math.floor(a/_m)+1}function Tr(e){we(1,arguments);var o=1,t=De(e),n=t.getUTCDay(),a=(n<o?7:0)+n-o;return t.setUTCDate(t.getUTCDate()-a),t.setUTCHours(0,0,0,0),t}function ka(e){we(1,arguments);var o=De(e),t=o.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(t+1,0,4),n.setUTCHours(0,0,0,0);var a=Tr(n),l=new Date(0);l.setUTCFullYear(t,0,4),l.setUTCHours(0,0,0,0);var s=Tr(l);return o.getTime()>=a.getTime()?t+1:o.getTime()>=s.getTime()?t:t-1}function Nm(e){we(1,arguments);var o=ka(e),t=new Date(0);t.setUTCFullYear(o,0,4),t.setUTCHours(0,0,0,0);var n=Tr(t);return n}var qm=6048e5;function Um(e){we(1,arguments);var o=De(e),t=Tr(o).getTime()-Nm(o).getTime();return Math.round(t/qm)+1}var Gm={};function Ir(){return Gm}function Fr(e,o){var t,n,a,l,s,m,d,c;we(1,arguments);var f=Ir(),g=oo((t=(n=(a=(l=o==null?void 0:o.weekStartsOn)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(m=s.options)===null||m===void 0?void 0:m.weekStartsOn)!==null&&a!==void 0?a:f.weekStartsOn)!==null&&n!==void 0?n:(d=f.locale)===null||d===void 0||(c=d.options)===null||c===void 0?void 0:c.weekStartsOn)!==null&&t!==void 0?t:0);if(!(g>=0&&g<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=De(e),u=p.getUTCDay(),b=(u<g?7:0)+u-g;return p.setUTCDate(p.getUTCDate()-b),p.setUTCHours(0,0,0,0),p}function wa(e,o){var t,n,a,l,s,m,d,c;we(1,arguments);var f=De(e),g=f.getUTCFullYear(),p=Ir(),u=oo((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(m=s.options)===null||m===void 0?void 0:m.firstWeekContainsDate)!==null&&a!==void 0?a:p.firstWeekContainsDate)!==null&&n!==void 0?n:(d=p.locale)===null||d===void 0||(c=d.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&t!==void 0?t:1);if(!(u>=1&&u<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var b=new Date(0);b.setUTCFullYear(g+1,0,u),b.setUTCHours(0,0,0,0);var y=Fr(b,o),x=new Date(0);x.setUTCFullYear(g,0,u),x.setUTCHours(0,0,0,0);var C=Fr(x,o);return f.getTime()>=y.getTime()?g+1:f.getTime()>=C.getTime()?g:g-1}function Ym(e,o){var t,n,a,l,s,m,d,c;we(1,arguments);var f=Ir(),g=oo((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(m=s.options)===null||m===void 0?void 0:m.firstWeekContainsDate)!==null&&a!==void 0?a:f.firstWeekContainsDate)!==null&&n!==void 0?n:(d=f.locale)===null||d===void 0||(c=d.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&t!==void 0?t:1),p=wa(e,o),u=new Date(0);u.setUTCFullYear(p,0,g),u.setUTCHours(0,0,0,0);var b=Fr(u,o);return b}var Xm=6048e5;function Km(e,o){we(1,arguments);var t=De(e),n=Fr(t,o).getTime()-Ym(t,o).getTime();return Math.round(n/Xm)+1}function ne(e,o){for(var t=e<0?"-":"",n=Math.abs(e).toString();n.length<o;)n="0"+n;return t+n}var Ge={y:function(o,t){var n=o.getUTCFullYear(),a=n>0?n:1-n;return ne(t==="yy"?a%100:a,t.length)},M:function(o,t){var n=o.getUTCMonth();return t==="M"?String(n+1):ne(n+1,2)},d:function(o,t){return ne(o.getUTCDate(),t.length)},a:function(o,t){var n=o.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h:function(o,t){return ne(o.getUTCHours()%12||12,t.length)},H:function(o,t){return ne(o.getUTCHours(),t.length)},m:function(o,t){return ne(o.getUTCMinutes(),t.length)},s:function(o,t){return ne(o.getUTCSeconds(),t.length)},S:function(o,t){var n=t.length,a=o.getUTCMilliseconds(),l=Math.floor(a*Math.pow(10,n-3));return ne(l,t.length)}},bo={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},Jm={G:function(o,t,n){var a=o.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(o,t,n){if(t==="yo"){var a=o.getUTCFullYear(),l=a>0?a:1-a;return n.ordinalNumber(l,{unit:"year"})}return Ge.y(o,t)},Y:function(o,t,n,a){var l=wa(o,a),s=l>0?l:1-l;if(t==="YY"){var m=s%100;return ne(m,2)}return t==="Yo"?n.ordinalNumber(s,{unit:"year"}):ne(s,t.length)},R:function(o,t){var n=ka(o);return ne(n,t.length)},u:function(o,t){var n=o.getUTCFullYear();return ne(n,t.length)},Q:function(o,t,n){var a=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"Q":return String(a);case"QQ":return ne(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(o,t,n){var a=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"q":return String(a);case"qq":return ne(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(o,t,n){var a=o.getUTCMonth();switch(t){case"M":case"MM":return Ge.M(o,t);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(o,t,n){var a=o.getUTCMonth();switch(t){case"L":return String(a+1);case"LL":return ne(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(o,t,n,a){var l=Km(o,a);return t==="wo"?n.ordinalNumber(l,{unit:"week"}):ne(l,t.length)},I:function(o,t,n){var a=Um(o);return t==="Io"?n.ordinalNumber(a,{unit:"week"}):ne(a,t.length)},d:function(o,t,n){return t==="do"?n.ordinalNumber(o.getUTCDate(),{unit:"date"}):Ge.d(o,t)},D:function(o,t,n){var a=Om(o);return t==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):ne(a,t.length)},E:function(o,t,n){var a=o.getUTCDay();switch(t){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(o,t,n,a){var l=o.getUTCDay(),s=(l-a.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return ne(s,2);case"eo":return n.ordinalNumber(s,{unit:"day"});case"eee":return n.day(l,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(l,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(l,{width:"short",context:"formatting"});case"eeee":default:return n.day(l,{width:"wide",context:"formatting"})}},c:function(o,t,n,a){var l=o.getUTCDay(),s=(l-a.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return ne(s,t.length);case"co":return n.ordinalNumber(s,{unit:"day"});case"ccc":return n.day(l,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(l,{width:"narrow",context:"standalone"});case"cccccc":return n.day(l,{width:"short",context:"standalone"});case"cccc":default:return n.day(l,{width:"wide",context:"standalone"})}},i:function(o,t,n){var a=o.getUTCDay(),l=a===0?7:a;switch(t){case"i":return String(l);case"ii":return ne(l,t.length);case"io":return n.ordinalNumber(l,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(o,t,n){var a=o.getUTCHours(),l=a/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},b:function(o,t,n){var a=o.getUTCHours(),l;switch(a===12?l=bo.noon:a===0?l=bo.midnight:l=a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},B:function(o,t,n){var a=o.getUTCHours(),l;switch(a>=17?l=bo.evening:a>=12?l=bo.afternoon:a>=4?l=bo.morning:l=bo.night,t){case"B":case"BB":case"BBB":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},h:function(o,t,n){if(t==="ho"){var a=o.getUTCHours()%12;return a===0&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return Ge.h(o,t)},H:function(o,t,n){return t==="Ho"?n.ordinalNumber(o.getUTCHours(),{unit:"hour"}):Ge.H(o,t)},K:function(o,t,n){var a=o.getUTCHours()%12;return t==="Ko"?n.ordinalNumber(a,{unit:"hour"}):ne(a,t.length)},k:function(o,t,n){var a=o.getUTCHours();return a===0&&(a=24),t==="ko"?n.ordinalNumber(a,{unit:"hour"}):ne(a,t.length)},m:function(o,t,n){return t==="mo"?n.ordinalNumber(o.getUTCMinutes(),{unit:"minute"}):Ge.m(o,t)},s:function(o,t,n){return t==="so"?n.ordinalNumber(o.getUTCSeconds(),{unit:"second"}):Ge.s(o,t)},S:function(o,t){return Ge.S(o,t)},X:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();if(s===0)return"Z";switch(t){case"X":return va(s);case"XXXX":case"XX":return ro(s);case"XXXXX":case"XXX":default:return ro(s,":")}},x:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();switch(t){case"x":return va(s);case"xxxx":case"xx":return ro(s);case"xxxxx":case"xxx":default:return ro(s,":")}},O:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Sa(s,":");case"OOOO":default:return"GMT"+ro(s,":")}},z:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Sa(s,":");case"zzzz":default:return"GMT"+ro(s,":")}},t:function(o,t,n,a){var l=a._originalDate||o,s=Math.floor(l.getTime()/1e3);return ne(s,t.length)},T:function(o,t,n,a){var l=a._originalDate||o,s=l.getTime();return ne(s,t.length)}};function Sa(e,o){var t=e>0?"-":"+",n=Math.abs(e),a=Math.floor(n/60),l=n%60;if(l===0)return t+String(a);var s=o;return t+String(a)+s+ne(l,2)}function va(e,o){if(e%60===0){var t=e>0?"-":"+";return t+ne(Math.abs(e)/60,2)}return ro(e,o)}function ro(e,o){var t=o||"",n=e>0?"-":"+",a=Math.abs(e),l=ne(Math.floor(a/60),2),s=ne(a%60,2);return n+l+t+s}var Ta=function(o,t){switch(o){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},Ia=function(o,t){switch(o){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},Qm=function(o,t){var n=o.match(/(P+)(p+)?/)||[],a=n[1],l=n[2];if(!l)return Ta(o,t);var s;switch(a){case"P":s=t.dateTime({width:"short"});break;case"PP":s=t.dateTime({width:"medium"});break;case"PPP":s=t.dateTime({width:"long"});break;case"PPPP":default:s=t.dateTime({width:"full"});break}return s.replace("{{date}}",Ta(a,t)).replace("{{time}}",Ia(l,t))},Zm={p:Ia,P:Qm};function Rm(e){var o=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return o.setUTCFullYear(e.getFullYear()),e.getTime()-o.getTime()}var eh=["D","DD"],oh=["YY","YYYY"];function rh(e){return eh.indexOf(e)!==-1}function th(e){return oh.indexOf(e)!==-1}function Fa(e,o,t){if(e==="YYYY")throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(o,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="YY")throw new RangeError("Use `yy` instead of `YY` (in `".concat(o,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="D")throw new RangeError("Use `d` instead of `D` (in `".concat(o,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="DD")throw new RangeError("Use `dd` instead of `DD` (in `".concat(o,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var nh={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},ah=function(o,t,n){var a,l=nh[o];return typeof l=="string"?a=l:t===1?a=l.one:a=l.other.replace("{{count}}",t.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function vt(e){return function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=o.width?String(o.width):e.defaultWidth,n=e.formats[t]||e.formats[e.defaultWidth];return n}}var lh={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},ih={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},sh={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},ch={date:vt({formats:lh,defaultWidth:"full"}),time:vt({formats:ih,defaultWidth:"full"}),dateTime:vt({formats:sh,defaultWidth:"full"})},dh={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},mh=function(o,t,n,a){return dh[o]};function Oo(e){return function(o,t){var n=t!=null&&t.context?String(t.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var l=e.defaultFormattingWidth||e.defaultWidth,s=t!=null&&t.width?String(t.width):l;a=e.formattingValues[s]||e.formattingValues[l]}else{var m=e.defaultWidth,d=t!=null&&t.width?String(t.width):e.defaultWidth;a=e.values[d]||e.values[m]}var c=e.argumentCallback?e.argumentCallback(o):o;return a[c]}}var hh={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},fh={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},gh={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},ph={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},uh={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},bh={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},yh=function(o,t){var n=Number(o),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},xh={ordinalNumber:yh,era:Oo({values:hh,defaultWidth:"wide"}),quarter:Oo({values:fh,defaultWidth:"wide",argumentCallback:function(o){return o-1}}),month:Oo({values:gh,defaultWidth:"wide"}),day:Oo({values:ph,defaultWidth:"wide"}),dayPeriod:Oo({values:uh,defaultWidth:"wide",formattingValues:bh,defaultFormattingWidth:"wide"})};function No(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],l=o.match(a);if(!l)return null;var s=l[0],m=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],d=Array.isArray(m)?kh(m,function(g){return g.test(s)}):Ch(m,function(g){return g.test(s)}),c;c=e.valueCallback?e.valueCallback(d):d,c=t.valueCallback?t.valueCallback(c):c;var f=o.slice(s.length);return{value:c,rest:f}}}function Ch(e,o){for(var t in e)if(e.hasOwnProperty(t)&&o(e[t]))return t}function kh(e,o){for(var t=0;t<e.length;t++)if(o(e[t]))return t}function wh(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=o.match(e.matchPattern);if(!n)return null;var a=n[0],l=o.match(e.parsePattern);if(!l)return null;var s=e.valueCallback?e.valueCallback(l[0]):l[0];s=t.valueCallback?t.valueCallback(s):s;var m=o.slice(a.length);return{value:s,rest:m}}}var Sh=/^(\d+)(th|st|nd|rd)?/i,vh=/\d+/i,Th={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Ih={any:[/^b/i,/^(a|c)/i]},Fh={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},zh={any:[/1/i,/2/i,/3/i,/4/i]},Mh={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Wh={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Hh={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},jh={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Ph={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Ah={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Eh={ordinalNumber:wh({matchPattern:Sh,parsePattern:vh,valueCallback:function(o){return parseInt(o,10)}}),era:No({matchPatterns:Th,defaultMatchWidth:"wide",parsePatterns:Ih,defaultParseWidth:"any"}),quarter:No({matchPatterns:Fh,defaultMatchWidth:"wide",parsePatterns:zh,defaultParseWidth:"any",valueCallback:function(o){return o+1}}),month:No({matchPatterns:Mh,defaultMatchWidth:"wide",parsePatterns:Wh,defaultParseWidth:"any"}),day:No({matchPatterns:Hh,defaultMatchWidth:"wide",parsePatterns:jh,defaultParseWidth:"any"}),dayPeriod:No({matchPatterns:Ph,defaultMatchWidth:"any",parsePatterns:Ah,defaultParseWidth:"any"})},Vh={code:"en-US",formatDistance:ah,formatLong:ch,formatRelative:mh,localize:xh,match:Eh,options:{weekStartsOn:0,firstWeekContainsDate:1}},Dh=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,$h=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Bh=/^'([^]*?)'?$/,Lh=/''/g,_h=/[a-zA-Z]/;function Oh(e,o,t){var n,a,l,s,m,d,c,f,g,p,u,b,y,x;we(2,arguments);var C=String(o),w=Ir(),v=(n=(a=void 0)!==null&&a!==void 0?a:w.locale)!==null&&n!==void 0?n:Vh,k=oo((l=(s=(m=(d=void 0)!==null&&d!==void 0?d:void 0)!==null&&m!==void 0?m:w.firstWeekContainsDate)!==null&&s!==void 0?s:(c=w.locale)===null||c===void 0||(f=c.options)===null||f===void 0?void 0:f.firstWeekContainsDate)!==null&&l!==void 0?l:1);if(!(k>=1&&k<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var S=oo((g=(p=(u=(b=void 0)!==null&&b!==void 0?b:void 0)!==null&&u!==void 0?u:w.weekStartsOn)!==null&&p!==void 0?p:(y=w.locale)===null||y===void 0||(x=y.options)===null||x===void 0?void 0:x.weekStartsOn)!==null&&g!==void 0?g:0);if(!(S>=0&&S<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!v.localize)throw new RangeError("locale must contain localize property");if(!v.formatLong)throw new RangeError("locale must contain formatLong property");var T=De(e);if(!$m(T))throw new RangeError("Invalid time value");var z=Rm(T),M=Lm(T,z),P={firstWeekContainsDate:k,weekStartsOn:S,locale:v,_originalDate:T},D=C.match($h).map(function(F){var V=F[0];if(V==="p"||V==="P"){var E=Zm[V];return E(F,v.formatLong)}return F}).join("").match(Dh).map(function(F){if(F==="''")return"'";var V=F[0];if(V==="'")return Nh(F);var E=Jm[V];if(E)return th(F)&&Fa(F,o,String(e)),rh(F)&&Fa(F,o,String(e)),E(M,F,v.localize,P);if(V.match(_h))throw new RangeError("Format string contains an unescaped latin alphabet character `"+V+"`");return F}).join("");return D}function Nh(e){var o=e.match(Bh);return o?o[1].replace(Lh,"'"):e}const za=()=>{const[e,o]=h.useState(!1),[t,n]=h.useState(!1),[a,l]=h.useState(Oh(new Date,"yyyy-MM-dd"));return{date:a,setDate:l,isHovered:e,setIsHovered:o,isFocused:t,setIsFocused:n}},qh=e=>r.jsx(i.Input,{type:"date",...e}),Ma=({id:e,icon:o,name:t,label:n,date:a,children:l,helperText:s,shadow:m={},size:d="md",variant:c="default",shape:f="default",views:g={container:{},label:{},helperText:{},text:{},field:{}},error:p=!1,isHovered:u=!1,isFocused:b=!1,isDisabled:y=!1,isReadOnly:x=!1,setDate:C=()=>{},setIsFocused:w=()=>{},setIsHovered:v=()=>{},onChange:k,onChangeText:S,...T})=>{const{themeMode:z}=i.useTheme(),M=z==="dark",P=!!(b&&n),D=()=>v(!u),F=()=>w(!0),V=H=>{typeof H=="string"?(C(H),S&&S(H)):(C(H.target.value),k&&k(H.target.value))},E={margin:0,paddingVertical:8,paddingHorizontal:0,width:"100%",heigth:"100%",border:"none",on:{focus:{outline:"none",backgroundColor:"transparent"}},transition:"all 0.2s ease-in-out",fontSize:i.Typography.fontSizes[d],backgroundColor:"transparent",color:y?M?"color-gray-500":"color-gray-400":M?"color-gray-100":"color-gray-900",cursor:y?"not-allowed":x?"auto":"pointer",...g.field};return r.jsx(Be,{helperText:s,error:p,views:g,children:r.jsx(Ue,{label:n,size:d,error:p,shape:f,views:g,shadow:m,color:"theme-primary",variant:c,value:a,isHovered:u,isDisabled:y,isReadOnly:x,isFocused:b,showLabel:P,onMouseEnter:D,onMouseLeave:D,children:r.jsxs(uo,{children:[P&&r.jsx(Re,{htmlFor:e,color:"theme-primary",error:p,views:g,children:n}),r.jsx(qh,{id:e,name:t,onFocus:F,disabled:y,readOnly:x,...E,...T,...S&&{onChangeText:V},onChange:V})]})})})},Uh=e=>{const o=za();return r.jsx(Ma,{...o,...e})},Wa=e=>{const o=Ct(e),[t,n]=h.useState(!1);return{isVisible:t,setIsVisible:n,...e,...o}},Gh=({visibleIcon:e=r.jsx(ot,{widthHeight:14}),hiddenIcon:o=r.jsx(et,{widthHeight:14}),...t})=>{const{isVisible:n,setIsVisible:a,...l}=Wa(t);return r.jsx(Lo,{...l,type:n?"text":"password",isClearable:!1,right:r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",color:"color-gray-500",cursor:t.isDisabled?"not-allowed":"pointer",transition:"color 0.2s ease",onClick:()=>{t.isDisabled||a(!n)},children:n?e:o})})},Ha=(e,o,t)=>{const[n,a]=h.useState(e),[l,s]=h.useState(o?{value:o,label:o}:e[0]),[m,d]=h.useState([]),[c,f]=h.useState(0),[g,p]=h.useState(t??""),[u,b]=h.useState(!1);return{filteredItems:n,setFilteredItems:a,selectedItem:l,setSelectedItem:s,selectedItems:m,setSelectedItems:d,highlightedIndex:c,setHighlightedIndex:f,searchQuery:g,setSearchQuery:p,isDropdownVisible:u,setIsDropdownVisible:b}},Yh={maxHeight:"280px",overflowY:"auto",zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},ja={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"},initial:{opacity:0,transform:"translateY(-8px) scale(0.96)"}},Xh={padding:"8px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-100",backgroundColor:"color-gray-50",borderTopLeftRadius:10,borderTopRightRadius:10},Kh={padding:"8px 10px",cursor:"pointer",borderRadius:8,margin:"1px 4px",transition:"all 0.15s ease-in-out"},Jh={padding:"24px 16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},Pa={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},Qh={display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 8px",backgroundColor:"color-gray-100",borderRadius:8,fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},Aa=({placeholder:e,items:o,showTick:t=!0,onSelect:n,searchEnabled:a=!0,left:l,right:s,label:m,filteredItems:d,setSelectedItem:c,selectedItem:f,selectedItems:g,setSelectedItems:p,highlightedIndex:u,setHighlightedIndex:b,searchQuery:y,setSearchQuery:x,setFilteredItems:C,views:w,isDropdownVisible:v,setIsDropdownVisible:k,isMulti:S=!1,searchPlaceholder:T,...z})=>{const{ref:M,relation:P}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),D=h.useRef(null),[F,V]=h.useState(!1),[E,H]=h.useState(!1),W=()=>{var q;const $=E?ja.enter:ja.initial;if(!M.current)return{};const N=M.current.getBoundingClientRect(),O={position:"fixed",left:N.left,width:N.width,zIndex:1e4,...$};return((q=P==null?void 0:P.space)==null?void 0:q.vertical)==="top"?{...O,bottom:window.innerHeight-N.top+6}:{...O,top:N.bottom+6}};h.useEffect(()=>{if(v){const $=setTimeout(()=>H(!0),10);return()=>clearTimeout($)}H(!1)},[v]),h.useEffect(()=>{const $=N=>{!N.composedPath().some(q=>(q==null?void 0:q.id)==="combobox-dropdown")&&M.current&&!M.current.contains(N.target)&&k(!1)};return document.addEventListener("mousedown",$),()=>document.removeEventListener("mousedown",$)},[]);const A=$=>{if(x($),$==="")C(o);else{const N=o.filter(O=>O.label.toLowerCase().includes($.toLowerCase()));C(N)}b(0)},j=$=>{if(S){const N=g.some(G=>G.value===$.value);let O;N?O=g.filter(G=>G.value!==$.value):O=[...g,$],p(O),n==null||n(O)}else c($),n==null||n($),k(!1)},B=($,N)=>{$.stopPropagation();const O=g.filter(G=>G.value!==N.value);p(O),n==null||n(O)},_=$=>S?g.some(N=>N.value===$.value):$.value===f.value;return r.jsxs(i.Horizontal,{role:"combobox",flexWrap:"nowrap",gap:15,alignItems:"center",width:"100%",...z,children:[m&&r.jsx(i.Text,{views:w==null?void 0:w.label,htmlFor:z.id,children:m}),r.jsxs(i.View,{position:"relative",width:"100%",children:[r.jsx("div",{ref:M,onClick:()=>k(!v),style:{width:"100%"},children:r.jsxs(Ue,{isHovered:F,isFocused:v,onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),cursor:"pointer",views:{container:w==null?void 0:w.container},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",width:"100%",flexWrap:S?"wrap":"nowrap",...w==null?void 0:w.labelContainer,children:[l,S?g.length>0?r.jsx(i.Horizontal,{gap:6,flexWrap:"wrap",alignItems:"center",children:g.map($=>r.jsxs(i.Horizontal,{...Qh,_hover:{backgroundColor:"color-gray-200"},children:[$.icon&&r.jsx(i.View,{flexShrink:0,children:$.icon}),r.jsx(i.Text,{size:"sm",color:"color-gray-700",weight:"medium",children:$.label}),r.jsx(ve,{widthHeight:12,color:"color-gray-500",cursor:"pointer",onClick:N=>B(N,$)})]},$.value))}):r.jsx(i.Text,{weight:"medium",flexGrow:1,color:"color-gray-500",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...w==null?void 0:w.label,children:e}):r.jsxs(r.Fragment,{children:[f.icon&&f.label!==e&&r.jsx(i.View,{children:f.icon}),r.jsx(i.Text,{weight:"medium",flexGrow:1,color:f.label===e?"color-gray-500":"color-gray-800",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...w==null?void 0:w.label,children:f.label})]})]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[s,r.jsx(i.View,{style:v?Pa.open:Pa.closed,children:r.jsx(ce,{widthHeight:16,orientation:"down",color:v?"color-gray-700":"color-gray-400"})})]})]})}),v&&r.jsx(oa,{children:r.jsxs(i.View,{ref:D,id:"combobox-dropdown",role:"listbox","aria-labelledby":z.id,...Yh,style:W(),...w==null?void 0:w.dropdown,children:[a&&r.jsx(i.View,{...Xh,children:r.jsx(Lo,{id:`${z.id}-search`,name:`${z.name}-search`,width:"100%",type:"search",autoFocus:!0,value:y,onChange:$=>A($),hint:e||"Search...",isClearable:!1,left:r.jsx(cr,{widthHeight:14,color:"color-gray-400"}),views:{container:{width:"100%",padding:"0",backgroundColor:"transparent",borderColor:"color-gray-200",...w==null?void 0:w.text},field:{fontSize:"13px"}}})}),d.length>0&&r.jsx(i.View,{margin:0,padding:"4px",children:d.map(($,N)=>{const O=_($),G=N===u;return r.jsxs(i.Horizontal,{role:"option","aria-selected":O,justifyContent:"space-between",alignItems:"center",...Kh,backgroundColor:O&&G?"color-blue-100":O?"color-blue-50":G?"color-gray-100":"transparent",onMouseEnter:()=>b(N),onClick:()=>j($),...w==null?void 0:w.item,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[$.icon&&r.jsx(i.View,{flexShrink:0,children:$.icon}),r.jsx(i.Text,{size:"sm",color:O?"theme-primary":"color-gray-800",weight:O?"medium":"normal",children:$.label})]}),O&&t&&r.jsx(dr,{widthHeight:16,color:"theme-primary"})]},$.value)})}),d.length===0&&r.jsxs(i.Vertical,{...Jh,children:[r.jsx(cr,{widthHeight:24,color:"color-gray-300"}),r.jsx(i.Text,{color:"color-gray-500",size:"sm",align:"center",children:"No results found"}),r.jsx(i.Text,{color:"color-gray-400",size:"xs",align:"center",children:"Try a different search term"})]})]})})]})]})},Zh=({id:e,name:o,items:t,placeholder:n,searchPlaceholder:a,...l})=>{const s=Ha(t,n,a);return r.jsx(Aa,{id:e,name:o,items:t,...s,...l})},Ea=e=>{const{tags:o,defaultTags:t=[],onTagsChange:n,onTagAdd:a,onTagRemove:l,maxTags:s,minTagLength:m=1,maxTagLength:d=50,allowDuplicates:c=!1,separators:f=["enter","comma"],isDisabled:g=!1,isReadOnly:p=!1}=e,[u,b]=h.useState(""),[y,x]=h.useState(()=>(o||t||[]).map((H,W)=>({id:`tag-${W}-${Date.now()}`,value:H}))),[C,w]=h.useState(!1),[v,k]=h.useState(!1),S=o&&Array.isArray(o)?o.map((E,H)=>({id:`tag-${H}-${Date.now()}`,value:E})):y;h.useEffect(()=>{o&&Array.isArray(o)&&x(o.map((E,H)=>({id:`tag-${H}-${Date.now()}`,value:E})))},[o]);const T=h.useCallback(E=>{const H=E.trim();return!(H.length<m||H.length>d||!c&&S.map(A=>A.value.toLowerCase()).includes(H.toLowerCase())||s&&S.length>=s)},[S,m,d,c,s]),z=h.useCallback(E=>{if(g||p)return;const H=E.trim();if(!H||!T(H))return;const W={id:`tag-${Date.now()}-${Math.random()}`,value:H},A=[...S,W],j=A.map(B=>B.value);o||x(A),n==null||n(j),a==null||a(H),b("")},[S,T,n,a,g,p,o]),M=h.useCallback(E=>{if(g||p)return;const H=S[E];if(!H)return;const W=S.filter((j,B)=>B!==E),A=W.map(j=>j.value);o||x(W),n==null||n(A),l==null||l(H.value,E)},[S,n,l,g,p,o]),P=h.useCallback(E=>{if(g||p)return;const H=E.target.value;if(f.includes("comma")&&H.includes(",")){const W=H.split(","),A=W[0],j=W.slice(1).join(",");A.trim()&&z(A),b(j);return}b(H)},[z,f,g,p]),D=h.useCallback(E=>{if(g||p)return;const{key:H}=E;if(f.includes("enter")&&H==="Enter"){E.preventDefault(),u.trim()&&z(u);return}if(f.includes("tab")&&H==="Tab"&&u.trim()){E.preventDefault(),z(u);return}if(f.includes("space")&&H===" "&&u.trim()){E.preventDefault(),z(u);return}if(H==="Backspace"&&!u&&S.length>0){E.preventDefault(),M(S.length-1);return}},[z,M,u,S,f,g,p]),F=h.useCallback(()=>{var E;w(!0),(E=e.onFocus)==null||E.call(e)},[e.onFocus]),V=h.useCallback(()=>{var E;w(!1),u.trim()&&z(u),(E=e.onBlur)==null||E.call(e)},[z,u,e.onBlur]);return{inputValue:u,setInputValue:b,tags:S,setTags:x,isFocused:C,setIsFocused:w,isHovered:v,setIsHovered:k,addTag:z,removeTag:M,handleInputChange:P,handleKeyDown:D,handleFocus:F,handleBlur:V,validateTag:T}},Rh=({tag:e,onRemove:o,isRemovable:t,size:n,views:a,isDisabled:l,isReadOnly:s})=>{const[m,d]=h.useState(!1),c={xs:{padding:"2px 8px",fontSize:"10px",iconSize:10},sm:{padding:"4px 10px",fontSize:"12px",iconSize:12},md:{padding:"6px 14px",fontSize:"14px",iconSize:14},lg:{padding:"8px 16px",fontSize:"16px",iconSize:16},xl:{padding:"10px 18px",fontSize:"18px",iconSize:18}}[n]||{padding:"6px 14px",fontSize:"14px",iconSize:14};return r.jsxs(i.Horizontal,{alignItems:"center",gap:6,padding:c.padding,backgroundColor:"theme-primary-100",borderRadius:"9999px",borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary-250",transition:"all 0.15s ease-in-out",opacity:l?.6:1,_hover:!l&&!s?{backgroundColor:"theme-primary-180",borderColor:"theme-primary-400"}:{},...a==null?void 0:a.tag,children:[r.jsx(i.Text,{fontSize:c.fontSize,color:l?"color-gray-400":"theme-primary",whiteSpace:"nowrap",...a==null?void 0:a.tagText,children:e}),t&&!l&&!s&&r.jsx(i.View,{cursor:"pointer",padding:"2px",borderRadius:"50%",transition:"all 0.15s ease-in-out",backgroundColor:m?"color-red-100":"transparent",opacity:m?1:.7,onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onClick:f=>{f.stopPropagation(),o()},_hover:{backgroundColor:"color-red-100"},...a==null?void 0:a.tagRemove,children:r.jsx(ve,{widthHeight:c.iconSize,color:m?"color-red-500":"color-gray-400"})})]})},Va=({id:e,name:o,label:t,placeholder:n="Type and press Enter to add tags...",helperText:a,error:l=!1,inputValue:s="",tags:m=[],left:d,right:c,shadow:f={},views:g={},size:p="md",shape:u="default",variant:b="default",isDisabled:y=!1,isReadOnly:x=!1,isAutoFocus:C=!1,isRemovable:w=!0,isFocused:v=!1,isHovered:k=!1,maxTags:S,handleInputChange:T,handleKeyDown:z,handleFocus:M,handleBlur:P,removeTag:D,setIsHovered:F,onClick:V,setInputValue:E,setTags:H,setIsFocused:W,addTag:A,filteredItems:j,activeItemIndex:B,isMenuOpen:_,handleMenuItemSelect:$,defaultTags:N,onTagsChange:O,onTagAdd:G,onTagRemove:q,minTagLength:K,maxTagLength:L,allowDuplicates:Y,separators:Q,menuItems:oe,onMenuItemSelect:Z,onFocus:re,onBlur:le,validateTag:te,...X})=>{const{getColor:R,themeMode:ae}=i.useTheme(),J=!!(t&&(v||m.length>0||s)),ee=S&&m.length>=S,se={border:"none",outline:"none",backgroundColor:"transparent",fontSize:i.Typography.fontSizes[p],color:y?"color-gray-400":"color-gray-800",flex:1,minWidth:"120px",transition:"all 0.2s ease-in-out",...g==null?void 0:g.input};return r.jsx(Be,{error:!!l,helperText:typeof l=="string"?l:a,views:g,...X,children:r.jsxs(Ue,{label:t,shadow:f,value:m.length>0||s?"has-content":"",size:p,shape:u,variant:b,error:!!l,showLabel:J,isFocused:v,isHovered:k,isDisabled:y,isReadOnly:x,views:{...g,container:{...g==null?void 0:g.container,...g==null?void 0:g.inputContainer}},onClick:V,onMouseEnter:()=>F==null?void 0:F(!0),onMouseLeave:()=>F==null?void 0:F(!1),children:[d,r.jsxs(uo,{children:[t&&r.jsx(Re,{size:p,error:!!l,views:g,children:t}),r.jsxs(i.Horizontal,{alignItems:"center",gap:8,flexWrap:"wrap",width:"100%",minHeight:i.Typography.fontSizes[p],padding:"8px 0",...g==null?void 0:g.tagsContainer,children:[m.map((he,xe)=>r.jsx(Rh,{tag:he.value,onRemove:()=>D==null?void 0:D(xe),isRemovable:w,size:p,views:g,isDisabled:y,isReadOnly:x},he.id)),!ee&&r.jsx(i.Input,{id:e,name:o,type:"text",value:s,placeholder:m.length===0?n:"",disabled:y,readOnly:x,autoFocus:C,onChange:T,onKeyDown:z,onFocus:M,onBlur:P,autoComplete:"off",...se}),ee&&r.jsxs(i.Text,{fontSize:i.Typography.fontSizes[p],color:"color-gray-500",fontStyle:"italic",...g==null?void 0:g.placeholder,children:["Maximum ",S," tags reached"]})]})]}),c]})})},e0=e=>{const o=Ea(e),{tags:t,...n}=e;return r.jsx(Va,{...o,...n})};function o0(e){const o=setTimeout(e,0),t=setTimeout(e,10),n=setTimeout(e,50);return[o,t,n]}const Da=({value:e,defaultValue:o="",length:t=6,onChange:n,onChangeText:a,onComplete:l,onKeyDown:s,onKeyPress:m,onBlur:d,onFocus:c,isReadOnly:f,isDisabled:g,pattern:p,stepValues:u,pasteTransformer:b})=>{var q,K;const y=e!==void 0,x=y?e:o,[C,w]=h.useState(String(x??"").slice(0,t)||""),[v,k]=h.useState(!1),[S,T]=h.useState(!1),[z,M]=h.useState(null),[P,D]=h.useState(null),F=h.useRef(null),V=h.useRef(null),E=h.useRef({value:C,onChange:n||(()=>{}),isIOS:typeof window<"u"&&((K=(q=window==null?void 0:window.CSS)==null?void 0:q.supports)==null?void 0:K.call(q,"-webkit-touch-callout","none"))}),H=h.useRef({prev:[null,null,"none"]}),W=p?typeof p=="string"?new RegExp(p):p:null;h.useEffect(()=>{y&&e!==C&&w(String(e??"").slice(0,t)||"")},[y,e,t,C]);const A=h.useCallback(L=>{let Y=L;if(u&&u.length>0&&L){const Q=parseInt(L,10);if(!isNaN(Q)){let oe=u[0],Z=Math.abs(Q-oe);for(let re=1;re<u.length;re++){const le=Math.abs(Q-u[re]);le<Z&&(Z=le,oe=u[re])}Y=oe.toString()}}w(Y),n&&n(Y),a&&a(Y),l&&Y.length===t&&l(Y)},[n,a,l,t,u]),j=h.useCallback(L=>{L&&F.current!==L&&Object.defineProperty(F,"current",{value:L,writable:!0})},[]),B=h.useCallback(L=>{const Y=L.currentTarget.value.slice(0,t);if(Y.length>0&&W&&!W.test(Y)){L.preventDefault();return}A(Y),F.current&&(F.current.value=Y)},[t,W,A,F]),_=h.useCallback(()=>{var L;if(F.current){const Y=Math.min(F.current.value.length,t-1),Q=F.current.value.length;(L=F.current)==null||L.setSelectionRange(Y,Q),M(Y),D(Q)}k(!0)},[t]),$=h.useCallback(()=>{k(!1)},[]),N=h.useCallback(L=>{s&&s(L)},[]),O=h.useCallback(L=>{m&&m(L)},[]),G=h.useCallback(L=>{const Y=F.current;if(!L.clipboardData||!Y)return;const Q=L.clipboardData.getData("text/plain"),oe=b?b(Q):Q;L.preventDefault();const Z=Y.selectionStart||0,re=Y.selectionEnd||0,X=(Z!==re?C.slice(0,Z)+oe+C.slice(re):C.slice(0,Z)+oe+C.slice(Z)).slice(0,t);if(X.length>0&&W&&!W.test(X))return;Y.value=X,A(X),w(X);const R=Math.min(X.length,t-1),ae=X.length;Y.setSelectionRange(R,ae),M(R),D(ae)},[t,b,W,A,C,w]);return h.useEffect(()=>{const L=F.current,Y=V.current;if(!L||!Y)return;E.current.value!==L.value&&E.current.onChange&&E.current.onChange(L.value),H.current.prev=[L.selectionStart,L.selectionEnd,L.selectionDirection];function Q(){if(document.activeElement!==L){M(null),D(null);return}const re=(L==null?void 0:L.selectionStart)??null,le=(L==null?void 0:L.selectionEnd)??null,te=(L==null?void 0:L.selectionDirection)??null,X=(L==null?void 0:L.maxLength)??0,R=(L==null?void 0:L.value)??"",ae=H.current.prev;let J=-1,ee=-1,se="none";if(R.length!==0&&re!==null&&le!==null){const Oe=re===le,dn=re===R.length&&R.length<X;if(Oe&&!dn){const Ae=re;if(Ae===0)J=0,ee=1,se="forward";else if(Ae===X)J=Ae-1,ee=Ae,se="backward";else if(X>1&&R.length>1){let Ur=0;if(ae[0]!==null&&ae[1]!==null){se=Ae<ae[1]?"backward":"forward";const mn=ae[0]===ae[1]&&ae[0]<X;se==="backward"&&!mn&&(Ur=-1)}J=Ur+Ae,ee=Ur+Ae+1}}J!==-1&&ee!==-1&&J!==ee&&F.current&&F.current.setSelectionRange(J,ee,se)}const he=J!==-1?J:re,xe=ee!==-1?ee:le,$e=se!=="none"?se:te;M(he),D(xe),H.current.prev=[he,xe,$e]}document.addEventListener("selectionchange",Q,{capture:!0}),Q(),document.activeElement===L&&k(!0);const oe=()=>{Y&&Y.style.setProperty("--root-height",`${L.clientHeight}px`)};oe();const Z=new window.ResizeObserver(oe);return Z.observe(L),()=>{document.removeEventListener("selectionchange",Q,{capture:!0}),Z.disconnect()}},[]),h.useEffect(()=>{o0(()=>{var oe,Z,re,le;(oe=F.current)==null||oe.dispatchEvent(new Event("input"));const L=(Z=F.current)==null?void 0:Z.selectionStart,Y=(re=F.current)==null?void 0:re.selectionEnd,Q=(le=F.current)==null?void 0:le.selectionDirection;L!==null&&Y!==null&&L!==void 0&&Y!==void 0&&(M(L),D(Y),H.current.prev=[L,Y,Q||"none"])})},[C,v]),{value:C,setValue:A,isFocused:v,setIsFocused:k,isHovered:S,setIsHovered:T,inputRef:F,containerRef:V,mirrorSelectionStart:z,mirrorSelectionEnd:P,setMirrorSelectionStart:M,setMirrorSelectionEnd:D,setInputRef:j,handleChange:B,handleFocus:_,handleBlur:$,handleKeyDown:N,handleKeyPress:O,handlePaste:G}},r0=h.createContext({slots:[],isFocused:!1,isHovering:!1}),t0=`
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+`;function yo(e,o){try{e.insertRule(o)}catch{console.error("input-otp could not insert CSS rule:",o)}}const $a=({id:e,name:o,label:t,value:n="",length:a=6,onChange:l,onChangeText:s,onComplete:m,helperText:d,placeholder:c="",shadow:f,views:g={},size:p="md",shape:u="rounded",variant:b="outline",gap:y=8,type:x="text",error:C=!1,isFocused:w=!1,isHovered:v=!1,isDisabled:k=!1,isReadOnly:S=!1,isAutoFocus:T=!1,setValue:z,setIsFocused:M,setIsHovered:P,inputRef:D,containerRef:F,mirrorSelectionStart:V,mirrorSelectionEnd:E,setMirrorSelectionStart:H,setMirrorSelectionEnd:W,handlePaste:A,handleChange:j,handleFocus:B,handleBlur:_,handleKeyDown:$,handleKeyPress:N,secureTextEntry:O,isFirstColumn:G,stepValues:q,setInputRef:K,onBlur:L=()=>{},onClick:Y=()=>{},onFocus:Q=()=>{},onKeyPress:oe,pattern:Z,pasteTransformer:re,...le})=>{i.useTheme();const te=!!t,X=h.useMemo(()=>({slots:Array.from({length:a}).map((J,ee)=>{const se=w&&V!==null&&E!==null&&(V===E&&ee===V||ee>=V&&ee<E),he=n[ee]!==void 0?n[ee]:null,xe=n[0]!==void 0?null:(c==null?void 0:c[ee])??null;return{char:he,placeholderChar:xe,isActive:se,hasFakeCaret:se&&he===null}}),isFocused:w,isHovering:!k&&v}),[w,v,k,a,E,V,c,n]);h.useEffect(()=>{T&&D.current&&D.current.focus()},[T,D]),h.useEffect(()=>{if(!document.getElementById("input-otp-style")){const J=document.createElement("style");if(J.id="input-otp-style",document.head.appendChild(J),J.sheet){const ee="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";yo(J.sheet,"@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }"),yo(J.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),yo(J.sheet,`[data-input-otp]:autofill { ${ee} }`),yo(J.sheet,`[data-input-otp]:-webkit-autofill { ${ee} }`),yo(J.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),yo(J.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}},[]);const R=()=>r.jsx(i.Horizontal,{gap:y,width:"100%",justifyContent:"center",minHeight:p==="xs"?"32px":p==="sm"?"36px":p==="md"?"40px":p==="lg"?"48px":"56px",...g.container,children:X.slots.map((J,ee)=>r.jsxs(Ue,{size:p,error:C,shape:u,views:g,variant:b,value:J.char||"",color:"theme-primary",isHovered:v,isDisabled:k,isReadOnly:S,isFocused:J.isActive,showLabel:!1,onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),justifyContent:"center",alignItems:"center",width:"100%",position:"relative",height:p==="xs"?"32px":p==="sm"?"36px":p==="md"?"40px":p==="lg"?"48px":"56px",...g.container,children:[J.char?r.jsx(i.View,{textAlign:"center",fontSize:p==="xs"?"14px":p==="sm"?"16px":p==="md"?"18px":p==="lg"?"20px":"24px",fontWeight:"medium",...g.text,children:x==="password"?"•":J.char}):J.placeholderChar?r.jsx(i.View,{textAlign:"center",fontSize:p==="xs"?"14px":p==="sm"?"16px":p==="md"?"18px":p==="lg"?"20px":"24px",color:"color-gray-400",opacity:.5,...g.text,children:J.placeholderChar}):null,J.hasFakeCaret&&r.jsx(i.View,{position:"absolute",width:"2px",height:"60%",backgroundColor:"theme-primary",animation:"blink 1s step-start infinite",style:{animationName:"blink",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"step-start"}})]},`${e||o}-${ee}`))}),ae={position:"absolute",inset:0,width:"100%",height:"100%",display:"flex",textAlign:"center",opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"};return r.jsxs(r.Fragment,{children:[r.jsx("noscript",{children:r.jsx("style",{children:t0})}),r.jsxs(Be,{helperText:d,error:C,views:g,...le,children:[te&&r.jsx(Re,{htmlFor:e,color:"theme-primary",error:C,...g.label,children:t}),r.jsxs(i.View,{ref:F,"data-input-otp-container":!0,position:"relative",cursor:k?"default":"text",userSelect:"none",pointerEvents:"none",children:[r.jsx(r0.Provider,{value:X,children:R()}),r.jsx(i.View,{position:"absolute",inset:0,pointerEvents:"none",children:r.jsx(i.Input,{ref:J=>K(J),"data-input-otp":!0,"data-input-otp-placeholder-shown":n.length===0||void 0,"data-input-otp-mss":V,"data-input-otp-mse":E,id:e||o,name:o,type:x==="password"?"password":"text",inputMode:x!=="password"?"numeric":void 0,pattern:"[0-9]*",maxLength:a,readOnly:S,disabled:k,placeholder:c,value:n,onChange:j,onKeyDown:$,onPaste:A,onFocus:B,onBlur:_,onClick:Y,onMouseOver:()=>P(!0),onMouseLeave:()=>P(!1),autoComplete:"one-time-code","aria-label":`OTP input with ${a} digits`,style:ae,...g.input})})]})]})]})},Ba=e=>{const{value:o}=e,{value:t,setValue:n,isFocused:a,setIsFocused:l,isHovered:s,setIsHovered:m,inputRef:d,containerRef:c,mirrorSelectionStart:f,mirrorSelectionEnd:g,setMirrorSelectionStart:p,setMirrorSelectionEnd:u,setInputRef:b,handleChange:y,handleFocus:x,handleBlur:C,handleKeyDown:w,handlePaste:v,handleKeyPress:k}=Da(e),S=o!==void 0?o:t;return r.jsx($a,{...e,value:String(S??""),setValue:n,isFocused:a,setIsFocused:l,isHovered:s,setIsHovered:m,inputRef:d,containerRef:c,mirrorSelectionStart:f,mirrorSelectionEnd:g,setMirrorSelectionStart:p,setMirrorSelectionEnd:u,setInputRef:b,handleChange:y,handleFocus:x,handleBlur:C,handleKeyDown:w,handleKeyPress:k,handlePaste:v,stepValues:e.stepValues})},La=h.createContext({active:!1,focusNextInput:()=>{},setInputRef:()=>{},handleSubmitEditing:()=>{},getReturnKeyType:()=>"next"}),n0=()=>h.useContext(La),a0=({children:e,autoFocus:o=!1,initFocus:t,onChange:n=()=>{},...a})=>{const l=Me.useFormikContext();h.useEffect(()=>{n(l.values)},[l.values]);const s=h.useRef({}),m=h.useRef([]),d=(g,p)=>{s.current[g]=p,m.current.includes(g)||m.current.push(g)},c=g=>{var p;if(o){const b=m.current.indexOf(g)+1;b<m.current.length?(p=s.current[m.current[b]])==null||p.focus():l.onSubmit&&l.onSubmit(l.values)}},f={active:o,focusNextInput:c,setInputRef:d,handleSubmitEditing:c,getReturnKeyType:g=>m.current.indexOf(g)===m.current.length-1?"done":"next"};return h.useEffect(()=>{var g,p;o&&(t&&s.current[t]?(g=s.current[t])==null||g.focus():m.current[0]&&((p=s.current[m.current[0]])==null||p.focus()))},[o,t]),r.jsx(La.Provider,{value:f,children:r.jsx(i.Form,{...a,children:e})})},l0=e=>{switch(e){case"email":return{autoCorrect:"off",inputMode:"email",autoCapitalize:"none"};case"password":return{autoCorrect:"off",secureTextEntry:!0,autoCapitalize:"none"};case"digits":return{inputMode:"tel"};case"numeric":return{inputMode:"numeric"};case"name":return{autoCorrect:"off"};default:return{}}},pe=({name:e,type:o,...t})=>{const n=n0(),{touched:a,errors:l,submitCount:s,values:m,setFieldTouched:d,setFieldValue:c}=Me.useFormikContext(),f=C=>{var w;c(e,C),(w=t.onChangeText)==null||w.call(t,C)},g=C=>{var w;c(e,C),(w=t.onChange)==null||w.call(t,C)},p=()=>{d(e,!0)},u=C=>{C.key==="Enter"&&(C.preventDefault(),n.focusNextInput(e))},b=["text","password","email","digits"].includes(o),y=Me.getIn(a,e)||s>0?Me.getIn(l,e):void 0,x=Me.getIn(m,e);return{...l0(o),...t,value:x,error:y,onBlur:p,onKeyPress:u,...b?{onChangeText:f}:{onChange:g},...n.active?{handleKeyPress:u}:{}}},i0=e=>{let{value:o,...t}=pe(e);t.isChecked=o;const n=fa(e);return r.jsx(pa,{...n,...t})},_a=({defaultIsSelected:e=!1,isChecked:o})=>{const[t,n]=h.useState(!1),[a,l]=h.useState(o!==void 0?o:e);return h.useEffect(()=>{o!==void 0&&l(o)},[o]),{isHovered:t,setIsHovered:n,isSelected:a,setIsSelected:l}},s0={xs:{height:"16px",width:"16px"},sm:{height:"20px",width:"20px"},md:{height:"24px",width:"24px"},lg:{height:"28px",width:"28px"},xl:{height:"32px",width:"32px"}},c0={xs:{height:"8px",width:"8px"},sm:{height:"10px",width:"10px"},md:{height:"12px",width:"12px"},lg:{height:"14px",width:"14px"},xl:{height:"16px",width:"16px"}},d0={selected:{borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid"},unselected:{borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"}}},m0={selected:{backgroundColor:"theme-primary"},unselected:{style:{backgroundColor:"transparent"}}},Tt={hover:{selected:{borderColor:"color-blue-600"},unselected:{borderColor:"color-gray-400"}},disabled:{selected:{borderColor:"color-gray-300",opacity:.6},unselected:{borderColor:"color-gray-300",opacity:.6}},error:{selected:{borderColor:"color-red-500"},unselected:{borderColor:"color-red-500"}}},It={hover:{selected:{backgroundColor:"color-blue-600"},unselected:{style:{backgroundColor:"transparent"}}},disabled:{selected:{backgroundColor:"color-gray-300",opacity:.6},unselected:{opacity:.6,style:{backgroundColor:"transparent"}}},error:{selected:{backgroundColor:"color-red-500"},unselected:{style:{backgroundColor:"transparent"}}}},Oa=({id:e,icon:o,name:t,label:n,value:a,isChecked:l,onChange:s,onValueChange:m,shadow:d={},labelPosition:c="right",size:f="md",error:g=!1,isSelected:p=!1,isHovered:u=!1,isDisabled:b=!1,isReadOnly:y=!1,defaultIsSelected:x=!1,setIsSelected:C=()=>{},setIsHovered:w=()=>{},views:v={radio:{},label:{}},infoText:k,helperText:S,...T})=>{const z=()=>w(!u),M=()=>{!y&&!b&&(C&&C(!0),s&&s(a),m&&m(a))},P=l||p?"selected":"unselected",D=g?Tt.error[P]:b?Tt.disabled[P]:u?Tt.hover[P]:{},F=g?It.error[P]:b?It.disabled[P]:u?It.hover[P]:{},V={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",selected:{borderColor:"theme-primary"},color:g?"color-red-600":b?"color-gray-400":"inherit",cursor:b?"not-allowed":y?"default":"pointer",opacity:b?.6:1,transition:"all 0.2s ease-in-out",...v.label},radio:{...d0[P],...D,borderRadius:"50%",selected:{backgroundColor:"theme-primary"},backgroundColor:"color-white",...s0[f],transition:"all 0.2s ease-in-out",...d,...v.radio},dot:{...m0[P],...F,borderRadius:"50%",...c0[f],transition:"all 0.2s ease-in-out"}};return r.jsxs(Do,{htmlFor:e,as:"div",onClick:M,onMouseEnter:z,onMouseLeave:z,size:i.Typography.fontSizes[f],...V.container,...T,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",c==="left"&&n&&r.jsx(i.Text,{size:f,fontWeight:"500",...v==null?void 0:v.label,children:n}),r.jsx(i.Center,{...V.radio,children:(l||p)&&r.jsx(i.View,{...V.dot})}),c==="right"&&n&&r.jsx(i.Text,{size:f,fontWeight:"500",...v==null?void 0:v.label,children:n})]}),k&&r.jsx(i.Text,{marginLeft:c==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...v==null?void 0:v.infoText,children:k})]}),g&&r.jsx(i.Text,{size:"xs",marginTop:4,marginHorizontal:0,color:"color-red-500",fontWeight:"500",transition:"color 0.2s ease, opacity 0.2s ease",children:g})]})},h0=e=>{let{value:o,...t}=pe(e);t.isChecked=o===e.value;const n=_a(e);return r.jsx(Oa,{...n,...t})},Na=e=>{const{value:o,onChange:t,onSubmit:n,autoFocus:a=!0,loading:l=!1,disabled:s=!1,isAgentRunning:m=!1,onStopAgent:d,sandboxId:c,onUploadProgress:f,onUploadSuccess:g,onUploadError:p,onFileUpload:u}=e,b=o!==void 0&&t!==void 0,[y,x]=h.useState(""),C=b?o:y,[w,v]=h.useState([]),[k,S]=h.useState([]),[T,z]=h.useState(!1),[M,P]=h.useState(0),[D,F]=h.useState([]),[V,E]=h.useState(!1),H=h.useRef(null),[W,A]=h.useState(!1),[j,B]=h.useState("gpt-4"),[_]=h.useState([{id:"gpt-3.5-turbo",name:"GPT-3.5"},{id:"gpt-4",name:"GPT-4"},{id:"gpt-4-thinking",name:"GPT-4 (Thinking)",isThinking:!0},{id:"claude-3-5-sonnet",name:"Claude 3.5 Sonnet"}]),$=h.useRef(null),N=h.useRef(null),[O,G]=h.useState(e.showGuideTip||!1);h.useEffect(()=>{a&&$.current&&$.current.focus()},[a]),h.useEffect(()=>()=>{w.forEach(J=>{})},[w]);const q=J=>{b&&t?t(J):x(J)},K=J=>{if(J.preventDefault(),!C.trim()&&w.length===0||l||s&&!m)return;if(m&&d){d();return}let ee=C;if(w.length>0){const xe=w.map($e=>`[Uploaded File: ${URL.createObjectURL($e)}}]`).join(`
+`);ee=ee?`${ee}
+${xe}`:xe}let se=j,he=!1;j.endsWith("-thinking")&&(se=j.replace(/-thinking$/,""),he=!0),n==null||n(ee,{model_name:se,enable_thinking:he}),b||x(""),v([]),S([])},L=J=>{v(ee=>ee.filter((se,he)=>he!==J)),!c&&k.length>J&&S(ee=>ee.filter((se,he)=>he!==J))},Y=J=>{J.preventDefault(),J.stopPropagation(),A(!0)},Q=J=>{J.preventDefault(),J.stopPropagation(),A(!1)},oe=h.useCallback(J=>{!J||J.length===0||(S(ee=>[...ee,...J]),v(ee=>[...ee,...J]),F(ee=>[...ee,...J]),z(!0))},[S,v]),Z=h.useCallback(()=>{if(D.length>0&&!V&&u){E(!0);const J=D[0];H.current=J,P(0);try{u(J)}catch(ee){F(se=>se.slice(1)),E(!1),H.current=null,P(0),z(se=>D.length-1>0||!1),p==null||p(ee)}}else D.length===0&&T&&(z(!1),P(0))},[D,V,u,T,p]);h.useEffect(()=>{Z()},[D,V,Z]);const re="active",le=J=>!0,te=()=>{G(!1),e.onGuideClose&&e.onGuideClose()},X=J=>{b&&t?t(J.text):x(J.text),e.onPromptExampleSelect&&e.onPromptExampleSelect(J),$.current&&$.current.focus()},R=h.useCallback(()=>k,[k]),ae=h.useCallback(()=>S([]),[]);return{onSubmit:n,getPendingFiles:R,clearPendingFiles:ae,value:C,handleChange:q,handleSubmit:K,editableRef:$,fileInputRef:N,isUploading:T,uploadProgress:M,isDraggingOver:W,uploadedFiles:w,pendingFiles:k,removeUploadedFile:L,setPendingFiles:S,setUploadedFiles:v,setIsUploading:z,startUpload:oe,selectedModel:j,handleModelChange:B,modelOptions:_,subscriptionStatus:re,canAccessModel:le,handleDragOver:Y,handleDragLeave:Q,isGuideTipShown:O,hideGuideTip:te,handlePromptExampleSelect:X}},f0={attachmentRemove:{position:"absolute",top:"2px",right:"2px",width:"20px",height:"20px",borderRadius:"50%",backgroundColor:"color-black-900",color:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",zIndex:1}},qa={container:{width:"100%",maxWidth:"100%",borderRadius:"12px",backgroundColor:"color-white",transition:"background-color 0.2s ease, box-shadow 0.2s ease"},content:{width:"100%",padding:"12px",borderRadius:"12px",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}},g0={default:{borderRadius:"8px"},square:{borderRadius:"0px"},rounded:{borderRadius:"8px"}},p0={xs:{fontSize:"10px",padding:"4px 8px"},sm:{fontSize:"12px",padding:"6px 10px"},md:{fontSize:"14px",padding:"8px 12px"},lg:{fontSize:"16px",padding:"10px 14px"},xl:{fontSize:"20px",padding:"12px 16px"}},u0={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"},none:{backgroundColor:"transparent",border:"none"}},Ua=e=>`${e}-${Math.random().toString(36).substring(2,9)}`,b0=({openDelay:e=200,closeDelay:o=300}={})=>{const[t,n]=h.useState(!1),a=h.useRef(null),l=h.useRef(null),s=h.useRef(null),m=h.useRef(null),d=h.useMemo(()=>Ua("hovercard-content"),[]),c=h.useMemo(()=>Ua("hovercard-trigger"),[]),f=h.useCallback(()=>{a.current&&(clearTimeout(a.current),a.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]),g=h.useCallback(()=>{f(),t||(a.current=setTimeout(()=>{n(!0)},e))},[t,e,f]),p=h.useCallback(()=>{f(),t&&(l.current=setTimeout(()=>{n(!1)},o))},[t,o,f]),u=h.useCallback(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]);return h.useEffect(()=>()=>f(),[f]),{isOpen:t,openCard:g,closeCard:p,cancelCloseTimer:u,triggerRef:s,contentRef:m,contentId:d,triggerId:c}},Ga=h.createContext({isOpen:!1,openCard:()=>{},closeCard:()=>{},cancelCloseTimer:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),y0=({children:e,value:o})=>r.jsx(Ga.Provider,{value:o,children:e}),Ya=()=>{const e=h.useContext(Ga);if(!e)throw new Error("useHoverCardContext must be used within a HoverCardProvider");return e},x0=({children:e,views:o,asChild:t=!1,...n})=>{const{openCard:a,closeCard:l,triggerRef:s,contentId:m,triggerId:d}=Ya(),u={ref:s,onMouseEnter:()=>a(),onMouseLeave:()=>l(),onFocus:()=>a(),onBlur:()=>l(),id:d,"aria-describedby":m,...o==null?void 0:o.container,...n};if(t&&h.isValidElement(e)){const b=h.Children.only(e);return h.cloneElement(b,{...u,...b.props})}return r.jsx(i.View,{position:"relative",display:"inline-block",...u,children:e})},C0=({children:e,views:o,side:t="bottom",align:n="center",sideOffset:a=8,style:l,backgroundColor:s="white",borderRadius:m="4px",boxShadow:d="0px 2px 8px rgba(0, 0, 0, 0.15)",padding:c="12px",minWidth:f="50px",maxWidth:g="300px",...p})=>{const{isOpen:u,cancelCloseTimer:b,closeCard:y,contentRef:x,triggerRef:C,contentId:w,triggerId:v}=Ya(),{ref:k,relation:S}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0});h.useEffect(()=>{C!=null&&C.current&&(k==null?void 0:k.current)!==C.current&&k&&(k.current=C.current)},[C,k,u]);const T=()=>b(),z=()=>y();if(!u)return null;const M=()=>{if(!S||!(C!=null&&C.current))return{position:"absolute",top:0,left:0,zIndex:1e3};const F=C.current.getBoundingClientRect();let V=t;t==="bottom"&&S.space.vertical==="top"?V="top":t==="top"&&S.space.vertical==="bottom"?V="bottom":t==="right"&&S.space.horizontal==="left"?V="left":t==="left"&&S.space.horizontal==="right"&&(V="right");let E=0,H=0;switch(V){case"bottom":E=F.left+F.width/2,H=F.bottom+a;break;case"top":E=F.left+F.width/2,H=F.top-a;break;case"right":E=F.right+a,H=F.top+F.height/2;break;case"left":E=F.left-a,H=F.top+F.height/2;break}return{position:"fixed",left:E,top:H,zIndex:1e3,transform:P(V)}},P=F=>{switch(F){case"bottom":return"translate(-50%, 0)";case"top":return"translate(-50%, -100%)";case"right":return"translate(0, -50%)";case"left":return"translate(-100%, -50%)";default:return"translate(-50%, 0)"}},D=M();return r.jsx(i.View,{ref:x,id:w,role:"tooltip","aria-labelledby":v,onMouseEnter:T,onMouseLeave:z,backgroundColor:s,borderRadius:m,boxShadow:d,padding:c,minWidth:f,maxWidth:g,style:{...D,...l},...o==null?void 0:o.container,...p,children:e})},Se=({children:e,views:o,openDelay:t,closeDelay:n,...a})=>{const l=b0({openDelay:t,closeDelay:n});return r.jsx(y0,{value:l,children:r.jsx(i.View,{position:"relative",display:"inline-block",...o==null?void 0:o.container,...a,children:e})})};Se.Trigger=x0,Se.Content=C0;const k0=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:s={}})=>{if(e.length===0)return null;const m=h.useCallback(c=>c<1024?`${c} B`:c<1024*1024?`${(c/1024).toFixed(1)} KB`:`${(c/(1024*1024)).toFixed(1)} MB`,[]),d=h.useCallback(c=>c.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:c.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:c.type.startsWith("audio/")?{backgroundColor:"#DCFCE7",color:"#16A34A"}:{backgroundColor:"#E2E8F0",color:"#475569"},[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:a,overflowY:"auto",...s==null?void 0:s.container,children:e.map((c,f)=>{const g=(c==null?void 0:c.path)||(c==null?void 0:c.url)||(l?URL.createObjectURL(c):""),p=c.type.startsWith("image/"),u=c.type.startsWith("video/"),b=c.type.startsWith("audio/"),y=d(c);return l?r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...s==null?void 0:s.item,children:l&&r.jsxs(Se,{children:[r.jsxs(Se.Trigger,{children:[p&&r.jsx(i.Image,{src:g,alt:c.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),u&&r.jsx(i.View,{as:"video",src:g,alt:c.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),b&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(ho,{widthHeight:24,color:"color-black"})}),!p&&!u&&!b&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(Ze,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...f0.attachmentRemove,onClick:x=>{x.stopPropagation(),t(f)},"aria-label":`Remove ${c.name}`,children:"×"})]}),r.jsxs(Se.Content,{children:[p&&r.jsx(i.Image,{src:g,alt:c.name,maxWidth:"100%"}),u&&r.jsx(i.View,{as:"video",src:g,controls:!0,maxWidth:"100%"}),b&&r.jsx(i.View,{as:"audio",src:g,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...s==null?void 0:s.name,children:[c.name," (",m(c.size),")"]})]})]})},f):r.jsxs(i.Horizontal,{alignItems:"center",gap:"8px",padding:"6px 10px 6px 8px",borderRadius:"9999px",border:"1px solid #E2E8F0",backgroundColor:"color-white",maxWidth:"100%",animate:{from:{opacity:0,scale:.96},to:{opacity:1,scale:1}},animationDuration:.2,...s==null?void 0:s.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:y.backgroundColor,color:y.color,children:b?r.jsx(ho,{widthHeight:12,color:"currentColor"}):r.jsx(Ze,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...s==null?void 0:s.name,children:[c.name," · ",m(c.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(f),"aria-label":`Remove ${c.name}`,display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",border:"none",backgroundColor:"transparent",color:"color-gray-400",padding:0,cursor:"pointer",transition:"color 0.2s ease, opacity 0.2s ease",_hover:{color:"color-gray-600"},children:"×"})]},f)})})},Xa=h.forwardRef(({value:e,onChange:o,placeholder:t="Type your message...",disabled:n=!1,autoFocus:a=!0,suggestions:l=[],onSuggestionSelect:s,showSuggestions:m=!1,mentionData:d=[],mentionTrigger:c="@",onMentionSelect:f,maxHeight:g="200px",minHeight:p="40px",views:u={}},b)=>{var le,te;const y=h.useRef(e),[x,C]=h.useState(-1),[w,v]=h.useState(!e),k=h.useRef(null),[S,T]=h.useState(!1),[z,M]=h.useState(!1),[P,D]=h.useState(""),[F,V]=h.useState(-1),[E,H]=h.useState(-1),[W,A]=h.useState([]),{ref:j,relation:B}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[_,$]=h.useState({x:0,y:0}),[N,O]=h.useState({x:0,y:0});h.useEffect(()=>{const X=b;X.current&&e!==y.current&&(X.current.textContent=e,y.current=e,v(!e))},[e,b]),h.useEffect(()=>{a&&b&&typeof b=="object"&&b.current&&b.current.focus()},[a,b]);const G=()=>{const X=window.getSelection();if(!X||X.rangeCount===0)return-1;const R=X.getRangeAt(0),ae=R.cloneRange();return ae.selectNodeContents(b&&typeof b=="object"&&b.current?b.current:document.body),ae.setEnd(R.endContainer,R.endOffset),ae.toString().length},q=h.useCallback((X,R)=>{const ae=X.substring(0,R),J=ae.lastIndexOf(c);if(J!==-1){const ee=ae.substring(J+1);if(!ee.includes(" ")){const he=ee.toLowerCase(),xe=d.filter(Oe=>Oe.name.toLowerCase().includes(he));D(he),V(J),A(xe),M(xe.length>0),H(0);const $e=K();$($e);return}}M(!1),D(""),V(-1),H(-1)},[d,c]);h.useEffect(()=>{k.current&&j&&(j.current=k.current)},[k,j]);const K=h.useCallback((X=200)=>{if(!k.current)return{x:0,y:0};const R=k.current.getBoundingClientRect();if(B){const se=B.space.vertical==="top";return{x:R.left,y:se?R.top-X-8:R.bottom+8}}const ae=window.innerHeight,J={top:R.top,bottom:ae-R.bottom},ee=J.bottom<X+8&&J.top>J.bottom;return{x:R.left,y:ee?R.top-X-8:R.bottom+8}},[B]),L=h.useCallback(()=>{T(!0);const X=K();O(X)},[K]),Y=h.useCallback(()=>{setTimeout(()=>{T(!1),C(-1)},150)},[]),Q=X=>{const R=X.currentTarget.textContent||"";if(R!==y.current){o(R),y.current=R,v(!R);const ae=G();q(R,ae)}},oe=h.useCallback(X=>{if(b&&typeof b=="object"&&b.current){const R=b.current.textContent||"",ae=R.substring(0,F),J=R.substring(F+c.length+P.length),ee=ae+c+X.name+" "+J;o(ee),y.current=ee,b.current.textContent=ee;const se=ae.length+c.length+X.name.length+1;setTimeout(()=>{var he;if(b.current){const xe=document.createRange(),$e=window.getSelection(),Oe=b.current.firstChild;Oe&&$e&&(xe.setStart(Oe,Math.min(se,((he=Oe.textContent)==null?void 0:he.length)||0)),xe.collapse(!0),$e.removeAllRanges(),$e.addRange(xe))}},0)}M(!1),D(""),V(-1),H(-1),f&&f(X)},[F,c,P,o,f,b]),Z=h.useCallback(X=>{s&&s(X),C(-1)},[s]),re=X=>{if(z&&W.length>0){if(X.key==="ArrowDown"){X.preventDefault(),H(R=>R<W.length-1?R+1:0);return}if(X.key==="ArrowUp"){X.preventDefault(),H(R=>R>0?R-1:W.length-1);return}if((X.key==="Tab"||X.key==="Enter")&&E>=0){X.preventDefault(),oe(W[E]);return}if(X.key==="Escape"){M(!1),H(-1);return}}if(m&&l.length>0){if(X.key==="ArrowDown"){X.preventDefault(),C(R=>R<l.length-1?R+1:0);return}if(X.key==="ArrowUp"){X.preventDefault(),C(R=>R>0?R-1:l.length-1);return}if(X.key==="Tab"&&x>=0){X.preventDefault(),Z(l[x]);return}if(X.key==="Escape"){C(-1);return}}};return r.jsxs(i.View,{ref:k,width:"100%",position:"relative",...u==null?void 0:u.container,children:[r.jsxs(i.View,{width:"100%",minHeight:p,maxHeight:g,overflowY:"auto",position:"relative",children:[w&&r.jsx(i.Text,{position:"absolute",top:"8px",left:"8px",color:"color-gray-400",pointerEvents:"none",fontSize:"14px",zIndex:1,...u==null?void 0:u.placeholder,children:t}),r.jsx(i.View,{as:"div",ref:b,contentEditable:!n,suppressContentEditableWarning:!0,onInput:Q,onKeyDown:re,onFocus:L,onBlur:Y,role:"textbox","aria-multiline":"true","aria-placeholder":t,width:"100%",minHeight:"24px",padding:"8px",outline:"none",whiteSpace:"pre-wrap",wordBreak:"break-word",fontSize:"14px",color:"color-gray-900",backgroundColor:"transparent",...u==null?void 0:u.input})]}),z&&W.length>0&&r.jsx(i.View,{position:"fixed",left:_.x,top:_.y,width:((le=k.current)==null?void 0:le.offsetWidth)||300,backgroundColor:"color-white",border:"2px solid",borderColor:"color-blue-300",borderRadius:"8px",boxShadow:"0 8px 24px rgba(0, 0, 0, 0.15)",zIndex:9999,maxHeight:"200px",overflowY:"auto",...u==null?void 0:u.mentionContainer,children:r.jsxs(i.Vertical,{gap:0,children:[W.map((X,R)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:R===E?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>oe(X),onMouseEnter:()=>H(R),_hover:{backgroundColor:"color-blue-50"},...u==null?void 0:u.mentionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:[c,X.name]}),X.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:X.description})]})},X.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Mentions (Trigger: ",c,")",B&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",B.space.vertical,"-",B.space.horizontal]})]})]})}),m&&l.length>0&&!z&&S&&!e&&r.jsx(i.View,{position:"fixed",left:N.x,top:N.y,width:((te=k.current)==null?void 0:te.offsetWidth)||300,backgroundColor:"color-white",border:"2px solid",borderColor:"color-green-300",borderRadius:"8px",boxShadow:"0 8px 24px rgba(0, 0, 0, 0.15)",zIndex:9998,maxHeight:"200px",overflowY:"auto",...u==null?void 0:u.suggestionsContainer,children:r.jsxs(i.Vertical,{gap:0,children:[l.map((X,R)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:R===x?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>Z(X),onMouseEnter:()=>C(R),_hover:{backgroundColor:"color-blue-50"},...u==null?void 0:u.suggestionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:X.text}),X.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:X.description})]})},X.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Suggestions (Focus-triggered)",B&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",B.space.vertical,"-",B.space.horizontal]})]})]})})]})});Xa.displayName="EditableInput";const w0=({examples:e,onSelect:o,views:t={}})=>{const{getColor:n}=i.useTheme();return!e||e.length===0?null:r.jsx(i.Horizontal,{gap:8,overflowX:"auto",padding:"8px 0",width:"100%",...t==null?void 0:t.container,children:e.map(a=>r.jsx(i.View,{as:"button",type:"button",padding:"8px 12px",borderRadius:"9999px",backgroundColor:"color-white",border:"1px solid #E2E8F0",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease",onClick:()=>o(a),_hover:{backgroundColor:"#F8FAFC",borderColor:"#CBD5E1"},...t==null?void 0:t.item,children:r.jsx(i.Text,{fontSize:"14px",color:"color-gray-700",...t==null?void 0:t.text,children:a.text})},a.id))})},S0=({onRecordingComplete:e,onRecordingStart:o,views:t={}})=>{const{recording:n,paused:a,audioBlob:l,analyserNode:s,startRecording:m,stopRecording:d}=jn();h.useEffect(()=>{if(l){const f=new File([l],`recording-${Date.now()}.webm`,{type:l.type||"audio/webm;codecs=opus"});e(f)}},[l]);const c=h.useCallback(()=>{m(),o==null||o()},[]);return r.jsxs(i.Horizontal,{alignItems:"center",gap:4,children:[r.jsx(i.View,{minWidth:90,children:n&&s&&r.jsx(at,{analyserNode:s,isPaused:a})}),r.jsx(i.View,{as:"button",type:"button",onClick:n?d:c,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:n?"theme-error":"color-gray-100",color:n?"color-white":"color-gray-600",borderRadius:"50%",border:"none",cursor:"pointer",_hover:{backgroundColor:n?"color-red-600":"color-gray-200"},...t.button,children:n?r.jsx(sr,{widthHeight:16,color:"currentColor",filled:!1}):r.jsx(Qr,{widthHeight:16,color:"currentColor",filled:!1})})]})},Ka=h.memo(({onSubmit:e,placeholder:o="Type your message… use @ to mention",loading:t=!1,disabled:n=!1,isAgentRunning:a=!1,enableAudioRecording:l=!1,leftButtons:s,rightButtons:m,onStopAgent:d,loadingText:c="Agent is working...",autoFocus:f=!0,sandboxId:g,hideAttachments:p=!1,attachmentText:u="",promptExamples:b=[],suggestions:y=[],errorMessage:x,size:C="md",shape:w="rounded",variant:v="default",views:k={},mentionData:S=[],mentionTrigger:T="@",onMentionSelect:z,onAudioRecordingStart:M,onAudioRecordingStop:P,showGuideTip:D,guideVideoUrl:F,onGuideClose:V,onFileBrowse:E,onUploadProgress:H,onUploadSuccess:W,onUploadError:A,onFileUpload:j,onPromptExampleSelect:B,value:_,handleChange:$,handleSubmit:N,editableRef:O,fileInputRef:G,isUploading:q,uploadProgress:K,isDraggingOver:L,uploadedFiles:Y,pendingFiles:Q,getPendingFiles:oe,clearPendingFiles:Z,removeUploadedFile:re,setPendingFiles:le,setUploadedFiles:te,setIsUploading:X,startUpload:R,selectedModel:ae,handleModelChange:J,modelOptions:ee,subscriptionStatus:se,canAccessModel:he,isGuideTipShown:xe,hideGuideTip:$e,handlePromptExampleSelect:Oe,handleDragOver:dn,handleDragLeave:Ae,onChange:Ur,...mn})=>{i.useTheme();const Ri=h.useMemo(()=>({...qa.container,...g0[w],...k==null?void 0:k.container}),[w,k==null?void 0:k.container]),ib=h.useMemo(()=>({...qa.content,...p0[C],...u0[v],...k==null?void 0:k.content}),[C,v,k==null?void 0:k.content]),rr=((_==null?void 0:_.trim().length)??0)>0||Y.length>0,sb=h.useCallback(Ce=>{R([Ce]),P==null||P(Ce)},[R,P]),hn=h.useCallback(Ce=>{const jo=Ce.filter(es=>es.size>52428800?(console.error(`File size exceeds 50MB limit: ${es.name}`),!1):!0);jo.length>0&&R(jo)},[R]),cb=h.useCallback(Ce=>{if(Ce.preventDefault(),Ce.stopPropagation(),Ae(Ce),Ce.dataTransfer.files.length>0){const jo=Array.from(Ce.dataTransfer.files);hn(jo)}},[Ae,hn]),db=h.useMemo(()=>[...S||[],...Y.map((Ce,jo)=>({id:`file-${jo}`,name:Ce.name}))],[S,Y]);return r.jsxs(i.View,{display:"flex",flexDirection:"column",boxSizing:"border-box",...Ri,...mn,onDragOver:dn,onDragLeave:Ae,onDrop:cb,children:[b.length>0&&r.jsx(w0,{examples:b,onSelect:Oe,views:{container:k==null?void 0:k.promptExamples,item:k==null?void 0:k.promptExampleItem}}),a&&r.jsxs(i.Horizontal,{justifyContent:"center",alignItems:"center",gap:8,padding:"8px 0",animate:{from:{opacity:0,y:-10},to:{opacity:1,y:0},duration:"0.3s"},...k==null?void 0:k.loadingIndicator,children:[r.jsx(Rr,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",children:c})]}),r.jsx(i.View,{position:"relative",width:"100%",overflow:"visible",children:r.jsxs(i.View,{as:"form",onSubmit:N,overflow:"visible",display:"flex",flexDirection:"column",position:"relative",...ib,...Ri,paddingHorizontal:16,paddingVertical:10,backgroundColor:L?"color-blue-50":void 0,children:[r.jsx(k0,{files:Y,sandboxId:g,onRemove:re,showPreviews:!0,views:{container:k==null?void 0:k.attachments,item:k==null?void 0:k.attachmentItem,name:k==null?void 0:k.attachmentName,size:k==null?void 0:k.attachmentSize,removeButton:k==null?void 0:k.attachmentRemove}}),r.jsx(Xa,{ref:O,value:_||"",onChange:$,placeholder:o,disabled:n&&!a,autoFocus:f,suggestions:y||[],showSuggestions:y&&y.length>0&&!_,onSuggestionSelect:Ce=>{$(Ce.text)},mentionData:db,mentionTrigger:T,onMentionSelect:z,views:{container:{},input:k==null?void 0:k.editableInput}}),r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginTop:"8px",children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[!p&&r.jsx(fr,{accept:"*/*",icon:r.jsx(Ao,{widthHeight:16}),maxSize:50*1024*1024,multiple:!0,onMultipleFileSelect:hn,isLoading:q,progress:K||0,text:u,fileType:"file",renderError:({errorMessage:Ce})=>null,views:{container:{height:"36px",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},...k==null?void 0:k.fileButton}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,borderRadius:w==="rounded"?"50%":4,padding:10},textProps:{fontSize:"14px",color:"color-gray-600"},validateFile:Ce=>Ce.size>50*1024*1024?"File size exceeds 50MB limit":null}),s]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[l&&r.jsx(S0,{onRecordingStart:M,onRecordingComplete:sb,views:{button:k==null?void 0:k.recordButton}}),r.jsx(i.View,{as:"button",type:"button",onClick:N,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:a?"theme-error":rr?"theme-primary":"color-gray-300",color:"color-white",borderRadius:w==="rounded"?"50%":4,border:"none",cursor:rr?"pointer":"not-allowed",disabled:!rr||t||n&&!a,transition:"background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease",_hover:{opacity:rr||a?.9:1},_active:{opacity:rr||a?.95:1},_focusVisible:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px theme-primary"},...k==null?void 0:k.submitButton,children:a?r.jsx(sr,{widthHeight:16,color:"currentColor",filled:!1}):t?r.jsx(fo,{type:"quarter",size:16,color:"color-white"}):r.jsx(Zr,{widthHeight:16,color:"currentColor",filled:!1})}),m]})]})]})}),x&&r.jsx(i.Text,{color:"theme-error",marginTop:"4px",...k==null?void 0:k.bottomTip,children:x})]})}),v0=e=>{const{name:o,onSubmit:t,...n}=e,[a,l]=h.useState([]),s=pe({name:o,type:"text"}),m=p=>{s.onChangeText&&s.onChangeText(p)},d=(p,u)=>{t?t(p,u):m(p)},c=()=>a,f=()=>l([]),g=Na({...n,value:s.value||"",onChange:m,onSubmit:d});return r.jsx(Ka,{...n,...g,value:s.value||"",onChange:m,onSubmit:d,error:s.error,getPendingFiles:c,clearPendingFiles:f})},T0=e=>{const o=pe(e),t=ua(o);return r.jsx(ba,{...t,...o})},I0=e=>{const o=pe(e),t=za();return r.jsx(Ma,{...t,...o})},F0=e=>{const o=pe(e),t=ya(e);return r.jsx(Ca,{...t,...o})},z0=e=>{let o=pe(e);o.selected=o.value;const t=ea(e);return r.jsx(na,{...t,...o})},M0=e=>{const o=pe(e),t=aa(e);return r.jsx(sa,{...t,...o})},W0=e=>{const{name:o,...t}=e,{values:n,errors:a,touched:l,submitCount:s,setFieldValue:m,setFieldTouched:d}=Me.useFormikContext(),c=Me.getIn(n,o)||[],f=Me.getIn(l,o)||s>0?Me.getIn(a,o):void 0,g=h.useCallback(x=>{var w;const C=Array.isArray(x)?x.filter(v=>typeof v=="string"):[];m(o,C),(w=e.onTagsChange)==null||w.call(e,C)},[o,m,e.onTagsChange]),p=h.useCallback(()=>{var x;d(o,!0),(x=e.onBlur)==null||x.call(e)},[o,d,e.onBlur]),u=Ea({...t,tags:c,onTagsChange:g,onBlur:p}),{tags:b,...y}=u;return r.jsx(Va,{...y,...t,tags:b,error:f})},H0=e=>{const o=pe(e),t=ma(e);return r.jsx(ha,{...t,...o})},j0=e=>{const o=pe(e),{value:t,...n}=Ct(e);return r.jsx(Lo,{...n,...o})},P0=({visibleIcon:e=r.jsx(ot,{widthHeight:14}),hiddenIcon:o=r.jsx(et,{widthHeight:14}),...t})=>{const n=pe(t),{isVisible:a,setIsVisible:l,...s}=Wa(n);return r.jsx(Lo,{...s,type:a?"text":"password",isClearable:!1,right:r.jsx(i.View,{onClick:()=>{t.isDisabled||l(!a)},children:a?e:o})})},A0=({items:e,placeholder:o,searchPlaceholder:t,isMulti:n=!1,...a})=>{const l=pe(a),s=Ha(e,o,t);h.useEffect(()=>{if(n&&Array.isArray(l.value))s.setSelectedItems(l.value);else if(!n&&l.value){const d=typeof l.value=="object"?l.value:e.find(c=>c.value===l.value);d&&s.setSelectedItem(d)}},[l.value,n,e]);const m=d=>{l.onChange(d)};return r.jsx(Aa,{...s,...l,items:e,placeholder:o,isMulti:n,onSelect:m})},xo=(e,o,t)=>Math.min(Math.max(e,o),t),E0=(e,o,t,n,a,l,s)=>{const m=n-t;let d;if(l==="horizontal"){const c=o.width,f=e-o.left;d=xo(f/c,0,1)}else{const c=o.height,f=o.bottom-e;d=xo(f/c,0,1)}if(s&&s.length>0){const c=t+d*m;let f=s[0],g=Math.abs(c-f);for(let p=1;p<s.length;p++){const u=Math.abs(c-s[p]);u<g&&(g=u,f=s[p])}return f}else{const c=t+d*m,f=Math.round(c/a)*a;return xo(f,t,n)}},Ja=({min:e=0,max:o=100,step:t=1,value:n=0,defaultValue:a,onChange:l,onDrag:s,orientation:m="horizontal",isDisabled:d=!1,stepValues:c})=>{const f=xo(n??a??e,e,o),[g,p]=h.useState(f),[u,b]=h.useState(!1),[y,x]=h.useState(!1),C=h.useRef(null),w=h.useRef(null),v=n!==void 0,k=v?n:g;h.useEffect(()=>{v&&p(xo(n,e,o))},[n,v,e,o]);const S=h.useCallback(V=>{const E=xo(V,e,o);v||p(E),l&&E!==k&&l(E),u&&s&&s(E)},[v,e,o,l,k,u,s]),T=h.useCallback(V=>{if(d||!C.current)return;const E=C.current.getBoundingClientRect();let H;"touches"in V?H=m==="horizontal"?V.touches[0].clientX:V.touches[0].clientY:H=m==="horizontal"?V.clientX:V.clientY;const W=E0(H,E,e,o,t,m,c);S(W)},[e,o,t,m,S,d,c]),z=h.useCallback(V=>{if(d)return;V.preventDefault(),b(!0),T(V);const E=W=>{T(W)},H=()=>{b(!1),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",H),document.removeEventListener("touchmove",E),document.removeEventListener("touchend",H)};document.addEventListener("mousemove",E),document.addEventListener("mouseup",H),document.addEventListener("touchmove",E),document.addEventListener("touchend",H)},[T,d]),M=h.useCallback(V=>{w.current&&w.current.contains(V.target)||z(V)},[z]),P=h.useCallback(V=>{if(d)return;let E=k;switch(V.key){case"ArrowLeft":case"ArrowDown":E=k-t;break;case"ArrowRight":case"ArrowUp":E=k+t;break;case"Home":E=e;break;case"End":E=o;break;default:return}V.preventDefault(),S(E)},[k,e,o,t,S,d]),D=o-e,F=D===0?0:(k-e)/D*100;return{currentValue:k,isDragging:u,isHovered:y,setIsHovered:x,trackRef:C,thumbRef:w,handleThumbMouseDown:z,handleTrackMouseDown:M,handleKeyDown:P,thumbPositionPercent:F}},Qa={xs:{height:4,width:"100%"},sm:{height:6,width:"100%"},md:{height:8,width:"100%"},lg:{height:10,width:"100%"},xl:{height:12,width:"100%"}},Za={xs:{width:12,height:12},sm:{width:16,height:16},md:{width:20,height:20},lg:{width:24,height:24},xl:{width:28,height:28}},Ra={square:0,rounded:4,pill:24},el=(e=>({default:{backgroundColor:"color-gray-200",transition:"background-color 0.15s ease"},outline:{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"},transition:"border-color 0.15s ease"}}))(),V0={xs:{trackCrossAxisSize:4,thumbSize:12},sm:{trackCrossAxisSize:6,thumbSize:16},md:{trackCrossAxisSize:8,thumbSize:20},lg:{trackCrossAxisSize:10,thumbSize:24},xl:{trackCrossAxisSize:12,thumbSize:28}},D0={horizontal:{width:"100%",minWidth:"120px",height:"auto",flexDirection:"row",paddingVertical:8},vertical:{height:"100%",minHeight:"120px",width:"auto",flexDirection:"column-reverse",paddingHorizontal:8}},$0=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),qo=(e,o)=>$0(o)?{style:{[e]:o}}:{[e]:o},ol=h.memo(({min:e=0,max:o=100,step:t=1,currentValue:n,stepValues:a,shape:l="rounded",size:s="md",variant:m="default",orientation:d="horizontal",isDisabled:c=!1,showValue:f=!1,showTooltip:g=!1,backgroundColor:p="theme-primary",label:u,helperText:b,themeMode:y,shadow:x={},isDragging:C,isHovered:w,setIsHovered:v,trackRef:k,thumbRef:S,handleThumbMouseDown:T,handleTrackMouseDown:z,handleKeyDown:M,thumbPositionPercent:P,ariaLabel:D="Slider",views:F={container:{},track:{},progress:{},filledTrack:{},thumb:{},label:{},valueLabel:{},stepMarks:{},tooltip:{}},onChange:V,onDrag:E,value:H,defaultValue:W,...A})=>{var L,Y;const j=p,B="theme-disabled",_=el[m].backgroundColor,$=c?B:j,N=d==="vertical",{trackCrossAxisSize:O,thumbSize:G}=V0[s]||{trackCrossAxisSize:Qa[s].height,thumbSize:Za[s].width||16},q=r.jsxs(i.Vertical,{width:"100%",gap:8,...F.container,...A,children:[u&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...F.label,children:u}),f&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...F.valueLabel,children:n})]}),r.jsxs(i.View,{ref:k,position:"relative",cursor:c?"not-allowed":"pointer",opacity:c?.6:1,onMouseDown:z,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),...Qa[s],borderRadius:Ra[l],backgroundColor:_,...el[m],...x,...F.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(Q=>{const oe=(Q-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",top:"50%",left:`${oe}%`,transform:"translate(-50%, -50%)",width:4,height:4,borderRadius:"50%",zIndex:1,...qo("backgroundColor",$),...F.stepMarks},Q)})}),r.jsx(i.View,{position:"absolute",top:0,left:0,height:"100%",width:`${P}%`,borderRadius:Ra[l],transition:"width 0.1s ease-in-out",...qo("backgroundColor",$),...F.progress,...F.filledTrack}),r.jsx(i.View,{ref:S,role:"slider",tabIndex:c?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":d,"aria-disabled":c,"aria-label":D,position:"absolute",top:"50%",left:`${P}%`,borderRadius:"50%",backgroundColor:"color-white",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.2)",borderWidth:2,borderStyle:"solid",transition:C?"none":"transform 0.1s ease-in-out",...qo("borderColor",$),transform:w?"translate(-50%, -50%) scale(1.1)":"translate(-50%, -50%)",zIndex:2,onMouseDown:T,onTouchStart:T,onKeyDown:M,...Za[s],...F.thumb,children:g&&(w||C)&&r.jsx(i.View,{position:"absolute",bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:8,padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:4,fontSize:12,whiteSpace:"nowrap",zIndex:3,...F.tooltip,children:r.jsx(i.Text,{...(L=F.tooltip)==null?void 0:L.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),b&&r.jsx(ut,{children:b})]}),K=r.jsxs(i.Center,{...D0[d],position:"relative",onMouseEnter:()=>!c&&v(!0),onMouseLeave:()=>!c&&v(!1),...A,...F==null?void 0:F.container,children:[u&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginBottom:8,width:"100%",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...F.label,children:u}),f&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...F.valueLabel,children:n})]}),r.jsxs(i.View,{ref:k,position:"relative",borderRadius:O/2,backgroundColor:c?B:_,cursor:c?"not-allowed":"pointer",width:N?`${O}px`:"100%",height:N?"100%":`${O}px`,onMouseDown:z,onTouchStart:z,...F==null?void 0:F.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(Q=>{const oe=(Q-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",width:4,height:4,borderRadius:"50%",backgroundColor:$,zIndex:1,...N?{bottom:`${oe}%`,left:"50%",transform:"translate(-50%, 50%)"}:{left:`${oe}%`,top:"50%",transform:"translate(-50%, -50%)"},...F.stepMarks},Q)})}),r.jsx(i.View,{position:"absolute",borderRadius:O/2,...N?{bottom:0,left:0,width:"100%",height:`${P}%`}:{top:0,left:0,height:"100%",width:`${P}%`},...qo("backgroundColor",$),...F==null?void 0:F.filledTrack,...F==null?void 0:F.progress}),r.jsx(i.View,{ref:S,role:"slider",tabIndex:c?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":d,"aria-disabled":c,"aria-label":D,position:"absolute",width:`${G}px`,height:`${G}px`,borderRadius:"50%",borderWidth:2,borderStyle:"solid",borderColor:"color-white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.2)",cursor:c?"not-allowed":"grab",transform:N?"translateX(-50%)":"translateY(-50%)",zIndex:2,transition:C?"none":"left 0.1s, bottom 0.1s",...qo("backgroundColor",$),...N?{left:"50%",bottom:`${P}%`}:{top:"50%",left:`${P}%`},onMouseDown:T,onTouchStart:T,onKeyDown:M,...F==null?void 0:F.thumb,children:g&&(w||C)&&r.jsx(i.View,{position:"absolute",padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:"4px",whiteSpace:"nowrap",zIndex:3,...N?{left:"100%",marginLeft:"8px",bottom:"0",transform:"translateY(50%)"}:{bottom:"100%",left:"50%",marginBottom:"8px",transform:"translateX(-50%)"},...F==null?void 0:F.tooltip,children:r.jsx(i.Text,{...(Y=F==null?void 0:F.tooltip)==null?void 0:Y.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),b&&r.jsx(ut,{marginTop:8,children:b})]});return N||g?K:q}),B0=e=>{const o=pe(e),t=Ja({...e,value:o.value!==void 0?Number(o.value):void 0,onChange:n=>{var a;o.onChange(n),(a=e.onChange)==null||a.call(e,n)}});return r.jsx(ol,{...e,...t,...o})},L0=e=>{const o=pe(e),{isFocused:t,setIsFocused:n,isHovered:a,setIsHovered:l,inputRef:s,containerRef:m,mirrorSelectionStart:d,mirrorSelectionEnd:c,setMirrorSelectionStart:f,setMirrorSelectionEnd:g,setInputRef:p,handleFocus:u,handleBlur:b,handleKeyDown:y,handlePaste:x}=Da(e),C=h.useCallback(v=>{o.onChange&&o.onChange(v),e.onComplete&&v.length===(e.length||6)&&e.onComplete(v),s.current&&(s.current.value=v)},[o,e,s]),w=h.useCallback(v=>{const k=v.currentTarget.value.slice(0,e.length||6);C(k),s.current&&(s.current.value=k)},[e.length,C,s]);return r.jsx($a,{...e,...o,setValue:C,isFocused:t,setIsFocused:n,isHovered:a,setIsHovered:l,inputRef:s,containerRef:m,mirrorSelectionStart:d,mirrorSelectionEnd:c,setMirrorSelectionStart:f,setMirrorSelectionEnd:g,setInputRef:p,handleChange:w,handleFocus:u,handleBlur:b,handleKeyDown:y,handlePaste:x,stepValues:e.stepValues})},_0=e=>Array.isArray(e)?e:e==null?[]:[e],rl=({name:e,uploadFile:o,onUploadSuccess:t,onUploadError:n,transformResponse:a,onMultipleFileSelect:l,onFileSelect:s,multiple:m=!0,...d})=>{const{setFieldValue:c,setFieldTouched:f,values:g}=Me.useFormikContext(),[p,u]=h.useState(!1),[b,y]=h.useState(0),x=h.useCallback(async v=>{if(!v||v.length===0)return;f(e,!0,!0),u(!0);const k=[];for(const S of v){y(0);try{const T=await o(S,M=>{y(M??0)}),z=a?a(T,S):T;k.push(z),t==null||t(S,z)}catch(T){n==null||n(S,T)}}if(k.length>0){const S=_0(Me.getIn(g,e));c(e,[...S,...k],!0),y(100)}else y(0);u(!1)},[e,n,t,f,c,a,o,g]),C=h.useCallback(async v=>{l==null||l(v),await x(v)},[x,l]),w=h.useCallback(async v=>{s==null||s(v),await x([v])},[x,s]);return r.jsx(fr,{...d,multiple:m,onMultipleFileSelect:m?C:void 0,onFileSelect:m?void 0:w,isLoading:p,progress:b})};rl.displayName="FormikUploader";const O0=e=>{let o=pe(e);o.selected=o.value;const t=ca(e);return r.jsx(da,{...t,...o})},tl=e=>{const[o,t]=h.useState(!1),[n,a]=h.useState(e);return{isHovered:o,setIsHovered:t,isToggle:n,setIsToggled:a}},N0={square:0,rounded:8,pill:999},q0=(e,o)=>({outline:{backgroundColor:o?"color-white":"color-gray-900",color:e,borderWidth:1,borderStyle:"solid",borderColor:o?"color-gray-200":"color-gray-600",_hover:{backgroundColor:o?"color-gray-50":"color-gray-800",borderColor:o?"color-gray-300":"color-gray-500"},_active:{backgroundColor:o?"color-gray-100":"color-gray-800"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{backgroundColor:"transparent",color:e,borderWidth:0,borderStyle:"none",borderColor:"transparent",_hover:{backgroundColor:o?"color-gray-50":"color-gray-800"},_active:{backgroundColor:o?"color-gray-100":"color-gray-800"},transition:"background-color 0.2s ease, color 0.2s ease"},link:{backgroundColor:"transparent",color:e,borderWidth:1,borderStyle:"solid",borderColor:"transparent",textDecoration:"underline",textUnderlineOffset:"1px",textDecorationThickness:"1px",_hover:{opacity:.8},_active:{opacity:.9},transition:"opacity 0.2s ease"}}),nl=h.memo(({children:e,shape:o="rounded",variant:t="ghost",isHovered:n,setIsHovered:a,isDisabled:l,isToggle:s,setIsToggled:m,onToggle:d,views:c,backgroundColor:f,color:g,themeMode:p,...u})=>{const{getColor:b,themeMode:y}=i.useTheme(),x=p??y,w=b(l?"theme-disabled":f??g??"theme-primary",{themeMode:x}),k=h.useMemo(()=>q0(w,x==="light"),[w,x])[t],S=!!s,T=h.useCallback(()=>a(!0),[a]),z=h.useCallback(()=>{l||m(M=>{const P=!M;return d&&d(P),P})},[l,m,d]);return r.jsx(i.Center,{role:"Toggle",padding:o==="pill"?"8px 12px":"8px",width:"fit-content",cursor:l?"not-allowed":"pointer",borderRadius:N0[o],onClick:z,onMouseEnter:T,onMouseLeave:()=>a(!1),...k,...S&&{...t==="link"?{backgroundColor:"transparent"}:{backgroundColor:x==="light"?"color-blue-50":"color-blue-100",borderWidth:1,borderStyle:"solid",borderColor:x==="light"?"color-blue-200":w},color:w},...u,...c==null?void 0:c.container,children:e})}),U0=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...s})=>{const m=pe(s),{isHovered:d,setIsHovered:c,isToggle:f,setIsToggled:g}=tl(m.value??a);h.useEffect(()=>{g(m.value??a)},[m.value,a]);const p=u=>{g(u),m.onChange(u),l==null||l(u)};return r.jsx(nl,{shape:o,variant:t,isDisabled:n,isHovered:d,setIsHovered:c,isToggle:f,setIsToggled:g,onToggle:p,...s,children:e})},al=()=>{const[e,o]=h.useState([]);return{activeToggles:e,setActiveToggles:o}},Ft=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...s})=>{const{isHovered:m,setIsHovered:d,isToggle:c,setIsToggled:f}=tl(a);return h.useEffect(()=>{f(a)},[a]),r.jsx(nl,{shape:o,variant:t,isDisabled:n,isHovered:m,setIsHovered:d,isToggle:c,setIsToggled:f,onToggle:l,...s,children:e})},ll=({items:e,onToggleChange:o,activeToggles:t,setActiveToggles:n,shape:a="rounded",variant:l="ghost",views:s})=>{const m=h.useCallback((d,c)=>{n(f=>{let g;return c?g=f.includes(d)?f:[...f,d]:g=f.filter(p=>p!==d),o==null||o(g),g})},[o,n]);return r.jsx(i.Horizontal,{role:"ToggleGroup",display:"flex",gap:8,flexWrap:"wrap",...s==null?void 0:s.container,children:e.map(d=>r.jsx(Ft,{role:`toggle-${d.id}`,shape:a,variant:l,isToggled:t.includes(d.id)||d.isActive,onToggle:c=>m(d.id,c),isDisabled:d.isDisabled,views:s==null?void 0:s.toggle,children:d.value},d.id))})},G0=({items:e,shape:o,variant:t,onToggleChange:n,...a})=>{const l=pe(a),{activeToggles:s,setActiveToggles:m}=al();h.useEffect(()=>{Array.isArray(l.value)&&m(l.value)},[l.value]);const d=c=>{m(c),l.onChange(c),n==null||n(c)};return r.jsx(ll,{items:e,shape:o,variant:t,activeToggles:s,setActiveToggles:m,onToggleChange:d,...a})},il=["zoom-out","zoom-in","zap","zap-off","youtube","x","wrench","worm","workflow","wine","wine-off","wind","wind-arrow-down","wifi","wifi-zero","wifi-sync","wifi-pen","wifi-off","wifi-low","wifi-high","wifi-cog","whole-word","wheat","wheat-off","weight","weight-tilde","webhook","webhook-off","webcam","waypoints","waves","waves-ladder","waves-arrow-up","waves-arrow-down","watch","washing-machine","warehouse","wand","wand-sparkles","wallpaper","wallet","wallet-minimal","wallet-cards","vote","volume","volume-x","volume-off","volume-2","volume-1","volleyball","voicemail","view","videotape","video","video-off","vibrate","vibrate-off","venus","venus-and-mars","venetian-mask","vegan","vector-square","vault","variable","van","utility-pole","utensils","utensils-crossed","users","users-round","user","user-x","user-star","user-search","user-round","user-round-x","user-round-search","user-round-plus","user-round-pen","user-round-minus","user-round-cog","user-round-check","user-plus","user-pen","user-minus","user-lock","user-cog","user-check","usb","upload","unplug","unlink","unlink-2","university","ungroup","unfold-vertical","unfold-horizontal","undo","undo-dot","undo-2","underline","umbrella","umbrella-off","type","type-outline","twitter","twitch","tv","tv-minimal","tv-minimal-play","turtle","turntable","turkish-lira","truck","truck-electric","trophy","triangle","triangle-right","triangle-dashed","triangle-alert","trending-up","trending-up-down","trending-down","trello","trees","tree-pine","tree-palm","tree-deciduous","trash","trash-2","transgender","tram-front","train-track","train-front","train-front-tunnel","traffic-cone","tractor","toy-brick","tower-control","touchpad","touchpad-off","torus","tornado","toolbox","tool-case","toilet","toggle-right","toggle-left","timer","timer-reset","timer-off","tickets","tickets-plane","ticket","ticket-x","ticket-slash","ticket-plus","ticket-percent","ticket-minus","ticket-check","thumbs-up","thumbs-down","thermometer","thermometer-sun","thermometer-snowflake","theater","text-wrap","text-select","text-search","text-quote","text-initial","text-cursor","text-cursor-input","text-align-start","text-align-justify","text-align-end","text-align-center","test-tubes","test-tube","test-tube-diagonal","terminal","tent","tent-tree","telescope","target","tangent","tally-5","tally-4","tally-3","tally-2","tally-1","tags","tag","tablets","tablet","tablet-smartphone","table","table-rows-split","table-properties","table-of-contents","table-columns-split","table-cells-split","table-cells-merge","table-2","syringe","swords","sword","switch-camera","swiss-franc","swatch-book","superscript","sunset","sunrise","sun","sun-snow","sun-moon","sun-medium","sun-dim","subscript","strikethrough","stretch-vertical","stretch-horizontal","store","stone","sticky-note","sticker","stethoscope","step-forward","step-back","star","star-off","star-half","stamp","squirrel","squircle","squircle-dashed","squares-unite","squares-subtract","squares-intersect","squares-exclude","square","square-x","square-user","square-user-round","square-terminal","square-stop","square-star","square-stack","square-square","square-split-vertical","square-split-horizontal","square-slash","square-sigma","square-scissors","square-round-corner","square-radical","square-power","square-plus","square-play","square-pilcrow","square-pi","square-percent","square-pen","square-pause","square-parking","square-parking-off","square-mouse-pointer","square-minus","square-menu","square-m","square-library","square-kanban","square-function","square-equal","square-dot","square-divide","square-dashed","square-dashed-top-solid","square-dashed-mouse-pointer","square-dashed-kanban","square-dashed-bottom","square-dashed-bottom-code","square-code","square-chevron-up","square-chevron-right","square-chevron-left","square-chevron-down","square-check","square-check-big","square-chart-gantt","square-bottom-dashed-scissors","square-asterisk","square-arrow-up","square-arrow-up-right","square-arrow-up-left","square-arrow-right","square-arrow-out-up-right","square-arrow-out-up-left","square-arrow-out-down-right","square-arrow-out-down-left","square-arrow-left","square-arrow-down","square-arrow-down-right","square-arrow-down-left","square-activity","sprout","spray-can","spotlight","spool","split","spline","spline-pointer","spell-check","spell-check-2","speech","speaker","sparkles","sparkle","spade","space","soup","solar-panel","sofa","soap-dispenser-droplet","snowflake","snail","smile","smile-plus","smartphone","smartphone-nfc","smartphone-charging","sliders-vertical","sliders-horizontal","slice","slash","slack","skull","skip-forward","skip-back","siren","signpost","signpost-big","signature","signal","signal-zero","signal-medium","signal-low","signal-high","sigma","shuffle","shrub","shrink","shrimp","shredder","shower-head","shovel","shopping-cart","shopping-basket","shopping-bag","shirt","ship","ship-wheel","shield","shield-x","shield-user","shield-question-mark","shield-plus","shield-off","shield-minus","shield-half","shield-ellipsis","shield-check","shield-ban","shield-alert","shell","sheet","share","share-2","shapes","settings","settings-2","server","server-off","server-crash","server-cog","separator-vertical","separator-horizontal","send","send-to-back","send-horizontal","section","search","search-x","search-slash","search-code","search-check","search-alert","scroll","scroll-text","screen-share","screen-share-off","scooter","scissors","scissors-line-dashed","school","scan","scan-text","scan-search","scan-qr-code","scan-line","scan-heart","scan-face","scan-eye","scan-barcode","scaling","scale","scale-3d","save","save-off","save-all","saudi-riyal","satellite","satellite-dish","sandwich","salad","sailboat","russian-ruble","ruler","ruler-dimension-line","rss","rows-4","rows-3","rows-2","router","route","route-off","rotate-cw","rotate-cw-square","rotate-ccw","rotate-ccw-square","rotate-ccw-key","rotate-3d","rose","roller-coaster","rocking-chair","rocket","ribbon","rewind","reply","reply-all","replace","replace-all","repeat","repeat-2","repeat-1","remove-formatting","regex","refrigerator","refresh-cw","refresh-cw-off","refresh-ccw","refresh-ccw-dot","redo","redo-dot","redo-2","recycle","rectangle-vertical","rectangle-horizontal","rectangle-goggles","rectangle-ellipsis","rectangle-circle","receipt","receipt-turkish-lira","receipt-text","receipt-swiss-franc","receipt-russian-ruble","receipt-pound-sterling","receipt-japanese-yen","receipt-indian-rupee","receipt-euro","receipt-cent","ratio","rat","rainbow","rail-symbol","radius","radio","radio-tower","radio-receiver","radical","radiation","radar","rabbit","quote","qr-code","pyramid","puzzle","proportions","projector","printer","printer-check","presentation","power","power-off","pound-sterling","popsicle","popcorn","pointer","pointer-off","podcast","pocket","pocket-knife","plus","plug","plug-zap","plug-2","play","plane","plane-takeoff","plane-landing","pizza","pipette","pin","pin-off","pill","pill-bottle","pilcrow","pilcrow-right","pilcrow-left","piggy-bank","picture-in-picture","picture-in-picture-2","pickaxe","piano","pi","phone","phone-outgoing","phone-off","phone-missed","phone-incoming","phone-forwarded","phone-call","philippine-peso","person-standing","percent","pentagon","pencil","pencil-ruler","pencil-off","pencil-line","pen","pen-tool","pen-off","pen-line","pc-case","paw-print","pause","party-popper","parking-meter","parentheses","paperclip","panels-top-left","panels-right-bottom","panels-left-bottom","panel-top","panel-top-open","panel-top-dashed","panel-top-close","panel-top-bottom-dashed","panel-right","panel-right-open","panel-right-dashed","panel-right-close","panel-left","panel-left-right-dashed","panel-left-open","panel-left-dashed","panel-left-close","panel-bottom","panel-bottom-open","panel-bottom-dashed","panel-bottom-close","panda","palette","paintbrush","paintbrush-vertical","paint-roller","paint-bucket","package","package-x","package-search","package-plus","package-open","package-minus","package-check","package-2","origami","orbit","option","omega","octagon","octagon-x","octagon-pause","octagon-minus","octagon-alert","nut","nut-off","notepad-text","notepad-text-dashed","notebook","notebook-text","notebook-tabs","notebook-pen","non-binary","nfc","newspaper","network","navigation","navigation-off","navigation-2","navigation-2-off","music","music-4","music-3","music-2","move","move-vertical","move-up","move-up-right","move-up-left","move-right","move-left","move-horizontal","move-down","move-down-right","move-down-left","move-diagonal","move-diagonal-2","move-3d","mouse","mouse-pointer","mouse-pointer-click","mouse-pointer-ban","mouse-pointer-2","mouse-pointer-2-off","mouse-off","mountain","mountain-snow","motorbike","moon","moon-star","monitor","monitor-x","monitor-up","monitor-stop","monitor-speaker","monitor-smartphone","monitor-play","monitor-pause","monitor-off","monitor-down","monitor-dot","monitor-cog","monitor-cloud","monitor-check","minus","minimize","minimize-2","milk","milk-off","milestone","microwave","microscope","microchip","mic","mic-vocal","mic-off","messages-square","message-square","message-square-x","message-square-warning","message-square-text","message-square-share","message-square-reply","message-square-quote","message-square-plus","message-square-off","message-square-more","message-square-lock","message-square-heart","message-square-dot","message-square-diff","message-square-dashed","message-square-code","message-circle","message-circle-x","message-circle-warning","message-circle-reply","message-circle-question-mark","message-circle-plus","message-circle-off","message-circle-more","message-circle-heart","message-circle-dashed","message-circle-code","merge","menu","memory-stick","meh","megaphone","megaphone-off","medal","maximize","maximize-2","martini","mars","mars-stroke","map","map-plus","map-pinned","map-pin","map-pin-x","map-pin-x-inside","map-pin-plus","map-pin-plus-inside","map-pin-pen","map-pin-off","map-pin-minus","map-pin-minus-inside","map-pin-house","map-pin-check","map-pin-check-inside","map-minus","mails","mailbox","mail","mail-x","mail-warning","mail-search","mail-question-mark","mail-plus","mail-open","mail-minus","mail-check","magnet","luggage","lollipop","logs","log-out","log-in","lock","lock-open","lock-keyhole","lock-keyhole-open","locate","locate-off","locate-fixed","loader","loader-pinwheel","loader-circle","list","list-x","list-video","list-tree","list-todo","list-start","list-restart","list-plus","list-ordered","list-music","list-minus","list-indent-increase","list-indent-decrease","list-filter","list-filter-plus","list-end","list-collapse","list-chevrons-up-down","list-chevrons-down-up","list-checks","list-check","linkedin","link","link-2","link-2-off","line-squiggle","lightbulb","lightbulb-off","ligature","life-buoy","library","library-big","lectern","leafy-green","leaf","layout-template","layout-panel-top","layout-panel-left","layout-list","layout-grid","layout-dashboard","layers","layers-plus","layers-2","laugh","lasso","lasso-select","laptop","laptop-minimal","laptop-minimal-check","languages","landmark","land-plot","lamp","lamp-wall-up","lamp-wall-down","lamp-floor","lamp-desk","lamp-ceiling","keyboard","keyboard-off","keyboard-music","key","key-square","key-round","kayak","kanban","joystick","japanese-yen","iteration-cw","iteration-ccw","italic","instagram","inspection-panel","info","infinity","indian-rupee","inbox","import","images","image","image-upscale","image-up","image-plus","image-play","image-off","image-minus","image-down","id-card","id-card-lanyard","ice-cream-cone","ice-cream-bowl","house","house-wifi","house-plus","house-plug","house-heart","hourglass","hotel","hospital","hop","hop-off","history","highlighter","hexagon","helicopter","heater","heart","heart-pulse","heart-plus","heart-off","heart-minus","heart-handshake","heart-crack","headset","headphones","headphone-off","heading","heading-6","heading-5","heading-4","heading-3","heading-2","heading-1","hdmi-port","hd","haze","hat-glasses","hash","hard-hat","hard-drive","hard-drive-upload","hard-drive-download","handshake","handbag","hand","hand-platter","hand-metal","hand-helping","hand-heart","hand-grab","hand-fist","hand-coins","hammer","hamburger","ham","guitar","group","grip","grip-vertical","grip-horizontal","grid-3x3","grid-3x2","grid-2x2","grid-2x2-x","grid-2x2-plus","grid-2x2-check","grape","graduation-cap","gpu","goal","globe","globe-lock","glasses","glass-water","gitlab","github","git-pull-request","git-pull-request-draft","git-pull-request-create","git-pull-request-create-arrow","git-pull-request-closed","git-pull-request-arrow","git-merge","git-graph","git-fork","git-compare","git-compare-arrows","git-commit-vertical","git-commit-horizontal","git-branch","git-branch-plus","git-branch-minus","gift","ghost","georgian-lari","gem","gavel","gauge","gamepad","gamepad-directional","gamepad-2","gallery-vertical","gallery-vertical-end","gallery-thumbnails","gallery-horizontal","gallery-horizontal-end","funnel","funnel-x","funnel-plus","fullscreen","fuel","frown","framer","frame","forward","form","forklift","footprints","folders","folder","folder-x","folder-up","folder-tree","folder-sync","folder-symlink","folder-search","folder-search-2","folder-root","folder-plus","folder-pen","folder-output","folder-open","folder-open-dot","folder-minus","folder-lock","folder-key","folder-kanban","folder-input","folder-heart","folder-git","folder-git-2","folder-down","folder-dot","folder-cog","folder-code","folder-closed","folder-clock","folder-check","folder-archive","fold-vertical","fold-horizontal","focus","flower","flower-2","flip-vertical","flip-vertical-2","flip-horizontal","flip-horizontal-2","flask-round","flask-conical","flask-conical-off","flashlight","flashlight-off","flame","flame-kindling","flag","flag-triangle-right","flag-triangle-left","flag-off","fishing-hook","fish","fish-symbol","fish-off","fire-extinguisher","fingerprint-pattern","film","files","file","file-x","file-x-corner","file-volume","file-video-camera","file-user","file-up","file-type","file-type-corner","file-text","file-terminal","file-symlink","file-stack","file-spreadsheet","file-sliders","file-signal","file-search","file-search-corner","file-scan","file-question-mark","file-plus","file-plus-corner","file-play","file-pen","file-pen-line","file-output","file-music","file-minus","file-minus-corner","file-lock","file-key","file-input","file-image","file-heart","file-headphone","file-exclamation-point","file-down","file-digit","file-diff","file-cog","file-code","file-code-corner","file-clock","file-check","file-check-corner","file-chart-pie","file-chart-line","file-chart-column","file-chart-column-increasing","file-braces","file-braces-corner","file-box","file-badge","file-axis-3d","file-archive","figma","ferris-wheel","fence","feather","fast-forward","fan","factory","facebook","eye","eye-off","eye-closed","external-link","expand","ev-charger","euro","ethernet-port","eraser","equal","equal-not","equal-approximately","ellipsis","ellipsis-vertical","egg","egg-off","egg-fried","eclipse","earth","earth-lock","ear","ear-off","dumbbell","drumstick","drum","droplets","droplet","droplet-off","drone","drill","dribbble","drama","drafting-compass","download","dot","door-open","door-closed","door-closed-locked","donut","dollar-sign","dog","dock","dna","dna-off","divide","disc","disc-album","disc-3","disc-2","diff","dices","dice-6","dice-5","dice-4","dice-3","dice-2","dice-1","diamond","diamond-plus","diamond-percent","diamond-minus","diameter","dessert","delete","decimals-arrow-right","decimals-arrow-left","database","database-zap","database-backup","dam","cylinder","currency","cup-soda","cuboid","crown","crosshair","cross","crop","croissant","credit-card","creative-commons","cpu","corner-up-right","corner-up-left","corner-right-up","corner-right-down","corner-left-up","corner-left-down","corner-down-right","corner-down-left","copyright","copyleft","copy","copy-x","copy-slash","copy-plus","copy-minus","copy-check","cooking-pot","cookie","contrast","container","contact","contact-round","construction","cone","concierge-bell","computer","component","compass","command","combine","columns-4","columns-3","columns-3-cog","columns-2","coins","cog","coffee","codesandbox","codepen","code","code-xml","club","clover","cloudy","cloud","cloud-upload","cloud-sync","cloud-sun","cloud-sun-rain","cloud-snow","cloud-rain","cloud-rain-wind","cloud-off","cloud-moon","cloud-moon-rain","cloud-lightning","cloud-hail","cloud-fog","cloud-drizzle","cloud-download","cloud-cog","cloud-check","cloud-backup","cloud-alert","closed-caption","clock","clock-plus","clock-fading","clock-check","clock-arrow-up","clock-arrow-down","clock-alert","clock-9","clock-8","clock-7","clock-6","clock-5","clock-4","clock-3","clock-2","clock-12","clock-11","clock-10","clock-1","clipboard","clipboard-x","clipboard-type","clipboard-plus","clipboard-pen","clipboard-pen-line","clipboard-paste","clipboard-minus","clipboard-list","clipboard-copy","clipboard-clock","clipboard-check","clapperboard","citrus","circuit-board","circle","circle-x","circle-user","circle-user-round","circle-stop","circle-star","circle-small","circle-slash","circle-slash-2","circle-question-mark","circle-power","circle-pound-sterling","circle-plus","circle-play","circle-pile","circle-percent","circle-pause","circle-parking","circle-parking-off","circle-off","circle-minus","circle-gauge","circle-fading-plus","circle-fading-arrow-up","circle-equal","circle-ellipsis","circle-dot","circle-dot-dashed","circle-dollar-sign","circle-divide","circle-dashed","circle-chevron-up","circle-chevron-right","circle-chevron-left","circle-chevron-down","circle-check","circle-check-big","circle-arrow-up","circle-arrow-right","circle-arrow-out-up-right","circle-arrow-out-up-left","circle-arrow-out-down-right","circle-arrow-out-down-left","circle-arrow-left","circle-arrow-down","circle-alert","cigarette","cigarette-off","church","chromium","chevrons-up","chevrons-up-down","chevrons-right","chevrons-right-left","chevrons-left","chevrons-left-right","chevrons-left-right-ellipsis","chevrons-down","chevrons-down-up","chevron-up","chevron-right","chevron-left","chevron-last","chevron-first","chevron-down","chess-rook","chess-queen","chess-pawn","chess-knight","chess-king","chess-bishop","cherry","chef-hat","check","check-line","check-check","chart-spline","chart-scatter","chart-pie","chart-no-axes-gantt","chart-no-axes-combined","chart-no-axes-column","chart-no-axes-column-increasing","chart-no-axes-column-decreasing","chart-network","chart-line","chart-gantt","chart-column","chart-column-stacked","chart-column-increasing","chart-column-decreasing","chart-column-big","chart-candlestick","chart-bar","chart-bar-stacked","chart-bar-increasing","chart-bar-decreasing","chart-bar-big","chart-area","cctv","cat","castle","cast","cassette-tape","case-upper","case-sensitive","case-lower","carrot","card-sim","caravan","car","car-taxi-front","car-front","captions","captions-off","cannabis","cannabis-off","candy","candy-off","candy-cane","camera","camera-off","calendars","calendar","calendar-x","calendar-x-2","calendar-sync","calendar-search","calendar-range","calendar-plus","calendar-plus-2","calendar-off","calendar-minus","calendar-minus-2","calendar-heart","calendar-fold","calendar-days","calendar-cog","calendar-clock","calendar-check","calendar-check-2","calendar-arrow-up","calendar-arrow-down","calendar-1","calculator","cake","cake-slice","cable","cable-car","bus","bus-front","building","building-2","bug","bug-play","bug-off","bubbles","brush","brush-cleaning","bring-to-front","briefcase","briefcase-medical","briefcase-conveyor-belt","briefcase-business","brick-wall","brick-wall-shield","brick-wall-fire","brain","brain-cog","brain-circuit","brackets","braces","boxes","box","bow-arrow","bottle-wine","bot","bot-off","bot-message-square","boom-box","bookmark","bookmark-x","bookmark-plus","bookmark-minus","bookmark-check","book","book-x","book-user","book-up","book-up-2","book-type","book-text","book-search","book-plus","book-open","book-open-text","book-open-check","book-minus","book-marked","book-lock","book-key","book-image","book-heart","book-headphones","book-down","book-dashed","book-copy","book-check","book-audio","book-alert","book-a","bone","bomb","bolt","bold","bluetooth","bluetooth-searching","bluetooth-off","bluetooth-connected","blocks","blinds","blend","bitcoin","birdhouse","bird","biohazard","binoculars","binary","bike","biceps-flexed","between-vertical-start","between-vertical-end","between-horizontal-start","between-horizontal-end","bell","bell-ring","bell-plus","bell-off","bell-minus","bell-electric","bell-dot","beer","beer-off","beef","bed","bed-single","bed-double","bean","bean-off","beaker","battery","battery-warning","battery-plus","battery-medium","battery-low","battery-full","battery-charging","bath","baseline","barrel","barcode","banknote","banknote-x","banknote-arrow-up","banknote-arrow-down","bandage","banana","ban","balloon","baggage-claim","badge","badge-x","badge-turkish-lira","badge-swiss-franc","badge-russian-ruble","badge-question-mark","badge-pound-sterling","badge-plus","badge-percent","badge-minus","badge-japanese-yen","badge-info","badge-indian-rupee","badge-euro","badge-dollar-sign","badge-check","badge-cent","badge-alert","backpack","baby","axis-3d","axe","award","audio-waveform","audio-lines","atom","at-sign","asterisk","arrows-up-from-line","arrow-up","arrow-up-z-a","arrow-up-wide-narrow","arrow-up-to-line","arrow-up-right","arrow-up-narrow-wide","arrow-up-left","arrow-up-from-line","arrow-up-from-dot","arrow-up-down","arrow-up-a-z","arrow-up-1-0","arrow-up-0-1","arrow-right","arrow-right-to-line","arrow-right-left","arrow-right-from-line","arrow-left","arrow-left-to-line","arrow-left-right","arrow-left-from-line","arrow-down","arrow-down-z-a","arrow-down-wide-narrow","arrow-down-up","arrow-down-to-line","arrow-down-to-dot","arrow-down-right","arrow-down-narrow-wide","arrow-down-left","arrow-down-from-line","arrow-down-a-z","arrow-down-1-0","arrow-down-0-1","arrow-big-up","arrow-big-up-dash","arrow-big-right","arrow-big-right-dash","arrow-big-left","arrow-big-left-dash","arrow-big-down","arrow-big-down-dash","armchair","archive","archive-x","archive-restore","apple","app-window","app-window-mac","aperture","anvil","antenna","annoyed","angry","anchor","amphora","ampersands","ampersand","ambulance","align-vertical-space-between","align-vertical-space-around","align-vertical-justify-start","align-vertical-justify-end","align-vertical-justify-center","align-vertical-distribute-start","align-vertical-distribute-end","align-vertical-distribute-center","align-start-vertical","align-start-horizontal","align-horizontal-space-between","align-horizontal-space-around","align-horizontal-justify-start","align-horizontal-justify-end","align-horizontal-justify-center","align-horizontal-distribute-start","align-horizontal-distribute-end","align-horizontal-distribute-center","align-end-vertical","align-end-horizontal","align-center-vertical","align-center-horizontal","album","alarm-smoke","alarm-clock","alarm-clock-plus","alarm-clock-off","alarm-clock-minus","alarm-clock-check","airplay","air-vent","activity","accessibility","a-large-small","a-arrow-up","a-arrow-down"],sl=e=>{const{value:o,defaultValue:t,onChange:n,isOpen:a,onOpen:l,onClose:s,closeOnSelect:m=!0}=e,[d,c]=h.useState(a??!1),[f,g]=h.useState(o??t),[p,u]=h.useState(""),b=h.useRef(null),y=h.useRef(null);h.useEffect(()=>{o!==void 0&&g(o)},[o]),h.useEffect(()=>{a!==void 0&&c(a)},[a]);const x=h.useMemo(()=>p?il.filter(S=>S.toLowerCase().includes(p.toLowerCase())).slice(0,100):il.slice(0,100),[p]);h.useEffect(()=>{const S=T=>{d&&b.current&&y.current&&!b.current.contains(T.target)&&!y.current.contains(T.target)&&C()};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[d]);const C=h.useCallback(()=>{a===void 0&&c(!1),s&&s()},[s,a]),w=h.useCallback(()=>{const S=!d;a===void 0&&c(S),S?(l&&l(),u("")):s&&s()},[d,l,s,a]),v=h.useCallback(S=>{o===void 0&&g(S),n&&n(S),m&&C()},[n,m,C,o]),k=h.useCallback(S=>{u(S)},[]);return{isOpen:d,selectedIcon:f,searchQuery:p,filteredIcons:x,handleToggle:w,handleIconSelect:v,handleSearchChange:k,handleClose:C,triggerRef:b,dropdownRef:y}},Co={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out"},dropdown:{position:"absolute",mixBlendMode:"normal",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"280px",maxHeight:"320px",overflow:"hidden",display:"flex",flexDirection:"column"},searchInput:{marginBottom:"12px",flexShrink:0},iconGrid:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)",gap:"8px",overflowY:"auto",padding:"4px",color:"color-black",flexGrow:1},iconItem:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRadius:8,transition:"all 0.2s ease-in-out"}},Y0={xs:{height:"28px",fontSize:"12px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"14px",padding:"10px 14px"},xl:{height:"56px",fontSize:"16px",padding:"12px 16px"}},X0={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},K0={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},cl=({label:e,placeholder:o="Select an icon",helperText:t,views:n={},size:a="md",shape:l="default",variant:s="default",error:m=!1,isDisabled:d=!1,isReadOnly:c=!1,showSearch:f=!0,isOpen:g,selectedIcon:p,searchQuery:u,filteredIcons:b,handleToggle:y,handleIconSelect:x,handleSearchChange:C,triggerRef:w,dropdownRef:v,handleClose:k,onChange:S,value:T,defaultValue:z,onOpen:M,onClose:P,closeOnSelect:D,...F})=>{const{getColor:V}=i.useTheme(),E={...Co.container,...n==null?void 0:n.container},H={...Co.trigger,...Y0[a],...X0[l],...K0[s],...m&&{borderColor:"color-red-500"},...d&&{opacity:.6,cursor:"not-allowed"},...!d&&!c&&{_hover:{borderColor:"rgba(148, 163, 184, 0.9)"}},...n==null?void 0:n.trigger},W={...Co.dropdown,...n==null?void 0:n.dropdown},A={...Co.iconGrid,...n==null?void 0:n.iconGrid};return r.jsxs(i.View,{...E,...F,children:[e&&r.jsx(i.Text,{fontSize:a==="xs"?"12px":a==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...n==null?void 0:n.label,children:e}),r.jsxs(i.View,{ref:w,onClick:d||c?void 0:y,...H,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:p?r.jsxs(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:[r.jsx(lr,{name:p,widthHeight:16}),r.jsx(i.Text,{color:"color-gray-800",fontSize:"inherit",style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:p})]}):r.jsx(i.Text,{color:"color-gray-500",fontSize:"inherit",children:o})}),!c&&!d&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:g?"up":"down"})]}),g&&r.jsxs(i.View,{ref:v,...W,children:[f&&r.jsx(i.View,{...Co.searchInput,...n==null?void 0:n.searchInput,children:r.jsx(Te,{placeholder:"Search icons...",value:u,onChange:j=>C(j),size:"sm",autoFocus:!0})}),r.jsx(i.View,{...A,children:b.length>0?b.map(j=>r.jsx(i.View,{...Co.iconItem,onClick:()=>x(j),title:j,_hover:{backgroundColor:"#F8FAFC",transform:"scale(1.05)"},backgroundColor:p===j?"#EFF6FF":"transparent",borderWidth:p===j?"1px":"0px",borderStyle:"solid",borderColor:p===j?"#BFDBFE":"transparent",...n==null?void 0:n.iconItem,children:r.jsx(lr,{name:j,widthHeight:20})},j)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:"No icons found"})})})]}),t&&r.jsx(i.Text,{color:m?"color-red-500":"color-gray-600",marginTop:"4px",...n==null?void 0:n.helperText,children:t})]})},J0=e=>{const o=pe(e),t={...e,value:o.value??e.value??e.defaultValue},n=sl(t),a=l=>{n.handleIconSelect(l),o.onChange(l)};return r.jsx(cl,{...n,...t,handleIconSelect:a})},Ye={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out"},dropdown:{position:"absolute",mixBlendMode:"normal",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"320px",maxHeight:"400px",overflow:"hidden"},searchInput:{marginBottom:"12px"},categoryTabs:{display:"flex",borderBottom:"1px solid color-gray-100",marginBottom:"12px",overflowX:"auto"},categoryTab:{padding:"8px 12px",cursor:"pointer",borderBottom:"2px solid transparent",transition:"all 0.2s ease-in-out",fontSize:"14px",fontWeight:"500",color:"color-gray-600",whiteSpace:"nowrap",borderRadius:"8px 8px 0 0"},emojiGrid:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gap:"4px",maxHeight:"240px",overflowY:"auto",padding:"4px",color:"color-black"},emoji:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRadius:6,fontSize:"20px",transition:"all 0.2s ease-in-out"}},Q0={xs:{height:"28px",fontSize:"12px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"14px",padding:"10px 14px"},xl:{height:"56px",fontSize:"16px",padding:"12px 16px"}},Z0={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},R0={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},ef={recent:"🕒",smileys:"😀",people:"👤",animals:"🐶",food:"🍎",activities:"⚽",travel:"🚗",objects:"💡",symbols:"❤️",flags:"🏁"},of=[{emoji:"😀",name:"grinning face",category:"smileys",keywords:["happy","smile","grin"]},{emoji:"😃",name:"grinning face with big eyes",category:"smileys",keywords:["happy","smile","joy"]},{emoji:"😄",name:"grinning face with smiling eyes",category:"smileys",keywords:["happy","smile","joy"]},{emoji:"😁",name:"beaming face with smiling eyes",category:"smileys",keywords:["happy","smile","grin"]},{emoji:"😆",name:"grinning squinting face",category:"smileys",keywords:["happy","laugh","smile"]},{emoji:"😅",name:"grinning face with sweat",category:"smileys",keywords:["happy","sweat","relief"]},{emoji:"🤣",name:"rolling on the floor laughing",category:"smileys",keywords:["laugh","funny","rofl"]},{emoji:"😂",name:"face with tears of joy",category:"smileys",keywords:["laugh","cry","joy"]},{emoji:"🙂",name:"slightly smiling face",category:"smileys",keywords:["smile","happy"]},{emoji:"🙃",name:"upside-down face",category:"smileys",keywords:["silly","upside down"]},{emoji:"😉",name:"winking face",category:"smileys",keywords:["wink","flirt"]},{emoji:"😊",name:"smiling face with smiling eyes",category:"smileys",keywords:["happy","smile","blush"]},{emoji:"😇",name:"smiling face with halo",category:"smileys",keywords:["angel","innocent"]},{emoji:"🥰",name:"smiling face with hearts",category:"smileys",keywords:["love","hearts","adore"]},{emoji:"😍",name:"smiling face with heart-eyes",category:"smileys",keywords:["love","heart","eyes"]},{emoji:"🤩",name:"star-struck",category:"smileys",keywords:["star","struck","amazed"]},{emoji:"😘",name:"face blowing a kiss",category:"smileys",keywords:["kiss","love","flirt"]},{emoji:"😗",name:"kissing face",category:"smileys",keywords:["kiss","love"]},{emoji:"☺️",name:"smiling face",category:"smileys",keywords:["smile","happy","content"]},{emoji:"😚",name:"kissing face with closed eyes",category:"smileys",keywords:["kiss","love","closed eyes"]},{emoji:"😙",name:"kissing face with smiling eyes",category:"smileys",keywords:["kiss","love","smile"]},{emoji:"🥲",name:"smiling face with tear",category:"smileys",keywords:["happy","cry","tear","bittersweet"]},{emoji:"😋",name:"face savoring food",category:"smileys",keywords:["yum","delicious","food"]},{emoji:"😛",name:"face with tongue",category:"smileys",keywords:["tongue","silly","playful"]},{emoji:"😜",name:"winking face with tongue",category:"smileys",keywords:["wink","tongue","silly"]},{emoji:"🤪",name:"zany face",category:"smileys",keywords:["crazy","silly","wild"]},{emoji:"😝",name:"squinting face with tongue",category:"smileys",keywords:["tongue","silly","playful"]},{emoji:"🤑",name:"money-mouth face",category:"smileys",keywords:["money","rich","greedy"]},{emoji:"🤗",name:"hugging face",category:"smileys",keywords:["hug","love","care"]},{emoji:"🤭",name:"face with hand over mouth",category:"smileys",keywords:["oops","secret","quiet"]},{emoji:"🫢",name:"face with open eyes and hand over mouth",category:"smileys",keywords:["surprise","shock","oops"]},{emoji:"🫣",name:"face with peeking eye",category:"smileys",keywords:["peek","shy","embarrassed"]},{emoji:"🤫",name:"shushing face",category:"smileys",keywords:["quiet","secret","shh"]},{emoji:"🤔",name:"thinking face",category:"smileys",keywords:["think","consider","hmm"]},{emoji:"🫡",name:"saluting face",category:"smileys",keywords:["salute","respect","military"]},{emoji:"🤐",name:"zipper-mouth face",category:"smileys",keywords:["quiet","secret","zip"]},{emoji:"🤨",name:"face with raised eyebrow",category:"smileys",keywords:["suspicious","doubt","skeptical"]},{emoji:"😐",name:"neutral face",category:"smileys",keywords:["neutral","meh","blank"]},{emoji:"😑",name:"expressionless face",category:"smileys",keywords:["blank","deadpan","meh"]},{emoji:"😶",name:"face without mouth",category:"smileys",keywords:["quiet","speechless","silent"]},{emoji:"🫥",name:"dotted line face",category:"smileys",keywords:["invisible","depressed","disappear"]},{emoji:"😏",name:"smirking face",category:"smileys",keywords:["smirk","smug","confident"]},{emoji:"😒",name:"unamused face",category:"smileys",keywords:["unamused","bored","annoyed"]},{emoji:"🙄",name:"face with rolling eyes",category:"smileys",keywords:["eye roll","annoyed","whatever"]},{emoji:"😬",name:"grimacing face",category:"smileys",keywords:["grimace","awkward","oops"]},{emoji:"😮‍💨",name:"face exhaling",category:"smileys",keywords:["sigh","relief","tired"]},{emoji:"🤥",name:"lying face",category:"smileys",keywords:["lie","pinocchio","dishonest"]},{emoji:"😌",name:"relieved face",category:"smileys",keywords:["relief","calm","peaceful"]},{emoji:"😔",name:"pensive face",category:"smileys",keywords:["sad","thoughtful","pensive"]},{emoji:"😪",name:"sleepy face",category:"smileys",keywords:["sleepy","tired","drowsy"]},{emoji:"🤤",name:"drooling face",category:"smileys",keywords:["drool","desire","sleep"]},{emoji:"😴",name:"sleeping face",category:"smileys",keywords:["sleep","tired","zzz"]},{emoji:"😷",name:"face with medical mask",category:"smileys",keywords:["mask","sick","doctor"]},{emoji:"🤒",name:"face with thermometer",category:"smileys",keywords:["sick","fever","ill"]},{emoji:"🤕",name:"face with head-bandage",category:"smileys",keywords:["hurt","injured","bandage"]},{emoji:"🤢",name:"nauseated face",category:"smileys",keywords:["sick","nausea","disgusted"]},{emoji:"🤮",name:"face vomiting",category:"smileys",keywords:["vomit","sick","disgusted"]},{emoji:"🤧",name:"sneezing face",category:"smileys",keywords:["sneeze","sick","gesundheit"]},{emoji:"🥵",name:"hot face",category:"smileys",keywords:["hot","heat","sweat"]},{emoji:"🥶",name:"cold face",category:"smileys",keywords:["cold","freeze","blue"]},{emoji:"🥴",name:"woozy face",category:"smileys",keywords:["dizzy","drunk","confused"]},{emoji:"😵",name:"dizzy face",category:"smileys",keywords:["dizzy","confused","knocked out"]},{emoji:"😵‍💫",name:"face with spiral eyes",category:"smileys",keywords:["dizzy","hypnotized","confused"]},{emoji:"🤯",name:"exploding head",category:"smileys",keywords:["mind blown","shocked","amazed"]},{emoji:"🤠",name:"cowboy hat face",category:"smileys",keywords:["cowboy","hat","western"]},{emoji:"🥳",name:"partying face",category:"smileys",keywords:["party","celebration","birthday"]},{emoji:"🥸",name:"disguised face",category:"smileys",keywords:["disguise","glasses","incognito"]},{emoji:"😎",name:"smiling face with sunglasses",category:"smileys",keywords:["cool","sunglasses","awesome"]},{emoji:"🤓",name:"nerd face",category:"smileys",keywords:["nerd","geek","smart"]},{emoji:"🧐",name:"face with monocle",category:"smileys",keywords:["monocle","fancy","inspection"]},{emoji:"👋",name:"waving hand",category:"people",keywords:["wave","hello","goodbye"]},{emoji:"🤚",name:"raised back of hand",category:"people",keywords:["hand","stop"]},{emoji:"🖐️",name:"hand with fingers splayed",category:"people",keywords:["hand","five"]},{emoji:"✋",name:"raised hand",category:"people",keywords:["hand","stop","high five"]},{emoji:"🖖",name:"vulcan salute",category:"people",keywords:["spock","vulcan"]},{emoji:"👌",name:"OK hand",category:"people",keywords:["ok","perfect"]},{emoji:"🤌",name:"pinched fingers",category:"people",keywords:["italian","chef kiss"]},{emoji:"🤏",name:"pinching hand",category:"people",keywords:["small","tiny"]},{emoji:"✌️",name:"victory hand",category:"people",keywords:["peace","victory"]},{emoji:"🤞",name:"crossed fingers",category:"people",keywords:["luck","hope"]},{emoji:"🤟",name:"love-you gesture",category:"people",keywords:["love","you"]},{emoji:"🤘",name:"sign of the horns",category:"people",keywords:["rock","metal"]},{emoji:"🤙",name:"call me hand",category:"people",keywords:["call","phone"]},{emoji:"👈",name:"backhand index pointing left",category:"people",keywords:["point","left"]},{emoji:"👉",name:"backhand index pointing right",category:"people",keywords:["point","right"]},{emoji:"👆",name:"backhand index pointing up",category:"people",keywords:["point","up"]},{emoji:"🖕",name:"middle finger",category:"people",keywords:["middle finger","rude"]},{emoji:"👇",name:"backhand index pointing down",category:"people",keywords:["point","down"]},{emoji:"☝️",name:"index pointing up",category:"people",keywords:["point","up","one"]},{emoji:"👍",name:"thumbs up",category:"people",keywords:["thumbs up","good","yes"]},{emoji:"👎",name:"thumbs down",category:"people",keywords:["thumbs down","bad","no"]},{emoji:"✊",name:"raised fist",category:"people",keywords:["fist","power","solidarity"]},{emoji:"👊",name:"oncoming fist",category:"people",keywords:["fist","punch","bump"]},{emoji:"🤛",name:"left-facing fist",category:"people",keywords:["fist","bump","left"]},{emoji:"🤜",name:"right-facing fist",category:"people",keywords:["fist","bump","right"]},{emoji:"👏",name:"clapping hands",category:"people",keywords:["clap","applause","bravo"]},{emoji:"🙌",name:"raising hands",category:"people",keywords:["celebration","hooray","praise"]},{emoji:"👐",name:"open hands",category:"people",keywords:["open","hug","jazz hands"]},{emoji:"🤲",name:"palms up together",category:"people",keywords:["prayer","please","hope"]},{emoji:"🤝",name:"handshake",category:"people",keywords:["handshake","deal","agreement"]},{emoji:"🙏",name:"folded hands",category:"people",keywords:["prayer","thanks","please"]},{emoji:"✍️",name:"writing hand",category:"people",keywords:["write","author","signature"]},{emoji:"💅",name:"nail polish",category:"people",keywords:["nails","beauty","manicure"]},{emoji:"🤳",name:"selfie",category:"people",keywords:["selfie","camera","phone"]},{emoji:"💪",name:"flexed biceps",category:"people",keywords:["muscle","strong","flex"]},{emoji:"🦾",name:"mechanical arm",category:"people",keywords:["robot","prosthetic","cyborg"]},{emoji:"🦿",name:"mechanical leg",category:"people",keywords:["robot","prosthetic","cyborg"]},{emoji:"🦵",name:"leg",category:"people",keywords:["leg","limb","kick"]},{emoji:"🦶",name:"foot",category:"people",keywords:["foot","kick","stomp"]},{emoji:"👂",name:"ear",category:"people",keywords:["ear","hear","listen"]},{emoji:"🦻",name:"ear with hearing aid",category:"people",keywords:["hearing aid","deaf","accessibility"]},{emoji:"👃",name:"nose",category:"people",keywords:["nose","smell","sniff"]},{emoji:"🧠",name:"brain",category:"people",keywords:["brain","smart","think"]},{emoji:"🫀",name:"anatomical heart",category:"people",keywords:["heart","organ","love"]},{emoji:"🫁",name:"lungs",category:"people",keywords:["lungs","breathe","organ"]},{emoji:"🦷",name:"tooth",category:"people",keywords:["tooth","dental","smile"]},{emoji:"🦴",name:"bone",category:"people",keywords:["bone","skeleton","dog"]},{emoji:"👀",name:"eyes",category:"people",keywords:["eyes","look","see"]},{emoji:"👁️",name:"eye",category:"people",keywords:["eye","see","watch"]},{emoji:"👅",name:"tongue",category:"people",keywords:["tongue","taste","lick"]},{emoji:"👄",name:"mouth",category:"people",keywords:["mouth","lips","kiss"]},{emoji:"🫦",name:"biting lip",category:"people",keywords:["lip","bite","nervous"]},{emoji:"👶",name:"baby",category:"people",keywords:["baby","infant","child"]},{emoji:"🧒",name:"child",category:"people",keywords:["child","kid","young"]},{emoji:"👦",name:"boy",category:"people",keywords:["boy","child","male"]},{emoji:"👧",name:"girl",category:"people",keywords:["girl","child","female"]},{emoji:"🧑",name:"person",category:"people",keywords:["person","adult","human"]},{emoji:"👱",name:"person: blond hair",category:"people",keywords:["blond","hair","person"]},{emoji:"👨",name:"man",category:"people",keywords:["man","male","adult"]},{emoji:"🧔",name:"person: beard",category:"people",keywords:["beard","man","facial hair"]},{emoji:"👩",name:"woman",category:"people",keywords:["woman","female","adult"]},{emoji:"🧓",name:"older person",category:"people",keywords:["old","elderly","senior"]},{emoji:"👴",name:"old man",category:"people",keywords:["old","man","elderly"]},{emoji:"👵",name:"old woman",category:"people",keywords:["old","woman","elderly"]},{emoji:"🐶",name:"dog face",category:"animals",keywords:["dog","pet","animal"]},{emoji:"🐱",name:"cat face",category:"animals",keywords:["cat","pet","animal"]},{emoji:"🐭",name:"mouse face",category:"animals",keywords:["mouse","animal"]},{emoji:"🐹",name:"hamster",category:"animals",keywords:["hamster","pet"]},{emoji:"🐰",name:"rabbit face",category:"animals",keywords:["rabbit","bunny"]},{emoji:"🦊",name:"fox",category:"animals",keywords:["fox","animal"]},{emoji:"🐻",name:"bear",category:"animals",keywords:["bear","animal"]},{emoji:"🐼",name:"panda",category:"animals",keywords:["panda","bear"]},{emoji:"🐨",name:"koala",category:"animals",keywords:["koala","australia","marsupial"]},{emoji:"🐯",name:"tiger face",category:"animals",keywords:["tiger","cat","wild"]},{emoji:"🦁",name:"lion",category:"animals",keywords:["lion","king","cat"]},{emoji:"🐮",name:"cow face",category:"animals",keywords:["cow","moo","farm"]},{emoji:"🐷",name:"pig face",category:"animals",keywords:["pig","oink","farm"]},{emoji:"🐽",name:"pig nose",category:"animals",keywords:["pig","nose","snout"]},{emoji:"🐸",name:"frog",category:"animals",keywords:["frog","amphibian","green"]},{emoji:"🐵",name:"monkey face",category:"animals",keywords:["monkey","primate","banana"]},{emoji:"🙈",name:"see-no-evil monkey",category:"animals",keywords:["monkey","see no evil","eyes"]},{emoji:"🙉",name:"hear-no-evil monkey",category:"animals",keywords:["monkey","hear no evil","ears"]},{emoji:"🙊",name:"speak-no-evil monkey",category:"animals",keywords:["monkey","speak no evil","mouth"]},{emoji:"🐒",name:"monkey",category:"animals",keywords:["monkey","primate","zoo"]},{emoji:"🦍",name:"gorilla",category:"animals",keywords:["gorilla","ape","strong"]},{emoji:"🦧",name:"orangutan",category:"animals",keywords:["orangutan","ape","orange"]},{emoji:"🐺",name:"wolf",category:"animals",keywords:["wolf","howl","wild"]},{emoji:"🐗",name:"boar",category:"animals",keywords:["boar","pig","wild"]},{emoji:"🐴",name:"horse face",category:"animals",keywords:["horse","neigh","ride"]},{emoji:"🐎",name:"horse",category:"animals",keywords:["horse","racing","gallop"]},{emoji:"🦄",name:"unicorn",category:"animals",keywords:["unicorn","magical","horn"]},{emoji:"🦓",name:"zebra",category:"animals",keywords:["zebra","stripes","africa"]},{emoji:"🦌",name:"deer",category:"animals",keywords:["deer","antlers","forest"]},{emoji:"🦏",name:"rhinoceros",category:"animals",keywords:["rhino","horn","africa"]},{emoji:"🦛",name:"hippopotamus",category:"animals",keywords:["hippo","water","africa"]},{emoji:"🐘",name:"elephant",category:"animals",keywords:["elephant","trunk","memory"]},{emoji:"🦒",name:"giraffe",category:"animals",keywords:["giraffe","tall","neck"]},{emoji:"🦘",name:"kangaroo",category:"animals",keywords:["kangaroo","hop","australia"]},{emoji:"🦥",name:"sloth",category:"animals",keywords:["sloth","slow","lazy"]},{emoji:"🦦",name:"otter",category:"animals",keywords:["otter","water","cute"]},{emoji:"🦨",name:"skunk",category:"animals",keywords:["skunk","smell","stripe"]},{emoji:"🦡",name:"badger",category:"animals",keywords:["badger","honey","dig"]},{emoji:"🐾",name:"paw prints",category:"animals",keywords:["paw","prints","tracks"]},{emoji:"🐔",name:"chicken",category:"animals",keywords:["chicken","rooster","farm"]},{emoji:"🐓",name:"rooster",category:"animals",keywords:["rooster","cock","morning"]},{emoji:"🐣",name:"hatching chick",category:"animals",keywords:["chick","hatching","egg"]},{emoji:"🐤",name:"baby chick",category:"animals",keywords:["chick","baby","yellow"]},{emoji:"🐥",name:"front-facing baby chick",category:"animals",keywords:["chick","baby","cute"]},{emoji:"🦆",name:"duck",category:"animals",keywords:["duck","quack","water"]},{emoji:"🦅",name:"eagle",category:"animals",keywords:["eagle","bird","freedom"]},{emoji:"🦉",name:"owl",category:"animals",keywords:["owl","wise","night"]},{emoji:"🦇",name:"bat",category:"animals",keywords:["bat","vampire","night"]},{emoji:"",name:"bug",category:"animals",keywords:["bug","insect","crawl"]},{emoji:"🦋",name:"butterfly",category:"animals",keywords:["butterfly","beautiful","fly"]},{emoji:"🐌",name:"snail",category:"animals",keywords:["snail","slow","shell"]},{emoji:"🐞",name:"lady beetle",category:"animals",keywords:["ladybug","beetle","red"]},{emoji:"🐜",name:"ant",category:"animals",keywords:["ant","work","colony"]},{emoji:"🦟",name:"mosquito",category:"animals",keywords:["mosquito","bite","buzz"]},{emoji:"🕷️",name:"spider",category:"animals",keywords:["spider","web","eight legs"]},{emoji:"🦂",name:"scorpion",category:"animals",keywords:["scorpion","sting","desert"]},{emoji:"🐢",name:"turtle",category:"animals",keywords:["turtle","slow","shell"]},{emoji:"🐍",name:"snake",category:"animals",keywords:["snake","slither","reptile"]},{emoji:"🦎",name:"lizard",category:"animals",keywords:["lizard","gecko","reptile"]},{emoji:"🐙",name:"octopus",category:"animals",keywords:["octopus","tentacles","sea"]},{emoji:"🦑",name:"squid",category:"animals",keywords:["squid","tentacles","ocean"]},{emoji:"🦐",name:"shrimp",category:"animals",keywords:["shrimp","seafood","small"]},{emoji:"🦞",name:"lobster",category:"animals",keywords:["lobster","claws","red"]},{emoji:"🦀",name:"crab",category:"animals",keywords:["crab","claws","beach"]},{emoji:"🐡",name:"blowfish",category:"animals",keywords:["blowfish","puffer","spiky"]},{emoji:"🐠",name:"tropical fish",category:"animals",keywords:["fish","tropical","colorful"]},{emoji:"🐟",name:"fish",category:"animals",keywords:["fish","swim","water"]},{emoji:"🐬",name:"dolphin",category:"animals",keywords:["dolphin","smart","ocean"]},{emoji:"🐳",name:"spouting whale",category:"animals",keywords:["whale","spout","big"]},{emoji:"🐋",name:"whale",category:"animals",keywords:["whale","ocean","huge"]},{emoji:"🦈",name:"shark",category:"animals",keywords:["shark","teeth","dangerous"]},{emoji:"🐊",name:"crocodile",category:"animals",keywords:["crocodile","teeth","swamp"]},{emoji:"🌸",name:"cherry blossom",category:"animals",keywords:["flower","spring","pink"]},{emoji:"💐",name:"bouquet",category:"animals",keywords:["flowers","bouquet","gift"]},{emoji:"🌺",name:"hibiscus",category:"animals",keywords:["flower","tropical","red"]},{emoji:"🌻",name:"sunflower",category:"animals",keywords:["sunflower","yellow","big"]},{emoji:"🌹",name:"rose",category:"animals",keywords:["rose","love","red"]},{emoji:"🥀",name:"wilted flower",category:"animals",keywords:["flower","wilted","sad"]},{emoji:"🌷",name:"tulip",category:"animals",keywords:["tulip","spring","netherlands"]},{emoji:"🌼",name:"daisy",category:"animals",keywords:["daisy","white","simple"]},{emoji:"🌱",name:"seedling",category:"animals",keywords:["plant","grow","green"]},{emoji:"🌿",name:"herb",category:"animals",keywords:["herb","green","leaf"]},{emoji:"🍀",name:"four leaf clover",category:"animals",keywords:["clover","luck","green"]},{emoji:"🌳",name:"deciduous tree",category:"animals",keywords:["tree","nature","green"]},{emoji:"🌲",name:"evergreen tree",category:"animals",keywords:["tree","pine","christmas"]},{emoji:"🌴",name:"palm tree",category:"animals",keywords:["palm","tropical","beach"]},{emoji:"🌵",name:"cactus",category:"animals",keywords:["cactus","desert","spiky"]},{emoji:"🍎",name:"red apple",category:"food",keywords:["apple","fruit"]},{emoji:"🍊",name:"tangerine",category:"food",keywords:["orange","fruit"]},{emoji:"🍋",name:"lemon",category:"food",keywords:["lemon","fruit"]},{emoji:"🍌",name:"banana",category:"food",keywords:["banana","fruit"]},{emoji:"🍉",name:"watermelon",category:"food",keywords:["watermelon","fruit"]},{emoji:"🍇",name:"grapes",category:"food",keywords:["grapes","fruit"]},{emoji:"🍓",name:"strawberry",category:"food",keywords:["strawberry","fruit"]},{emoji:"🫐",name:"blueberries",category:"food",keywords:["blueberry","fruit"]},{emoji:"🥝",name:"kiwi fruit",category:"food",keywords:["kiwi","fruit","green"]},{emoji:"🍅",name:"tomato",category:"food",keywords:["tomato","red","vegetable"]},{emoji:"🫒",name:"olive",category:"food",keywords:["olive","green","oil"]},{emoji:"🥥",name:"coconut",category:"food",keywords:["coconut","tropical","milk"]},{emoji:"🥑",name:"avocado",category:"food",keywords:["avocado","green","healthy"]},{emoji:"🍆",name:"eggplant",category:"food",keywords:["eggplant","purple","vegetable"]},{emoji:"🥔",name:"potato",category:"food",keywords:["potato","vegetable","starch"]},{emoji:"🥕",name:"carrot",category:"food",keywords:["carrot","orange","vegetable"]},{emoji:"🌽",name:"ear of corn",category:"food",keywords:["corn","yellow","vegetable"]},{emoji:"🌶️",name:"hot pepper",category:"food",keywords:["pepper","hot","spicy"]},{emoji:"🫑",name:"bell pepper",category:"food",keywords:["pepper","bell","vegetable"]},{emoji:"🥒",name:"cucumber",category:"food",keywords:["cucumber","green","vegetable"]},{emoji:"🥬",name:"leafy greens",category:"food",keywords:["lettuce","greens","salad"]},{emoji:"🥦",name:"broccoli",category:"food",keywords:["broccoli","green","vegetable"]},{emoji:"🧄",name:"garlic",category:"food",keywords:["garlic","flavor","cooking"]},{emoji:"🧅",name:"onion",category:"food",keywords:["onion","cry","cooking"]},{emoji:"🍄",name:"mushroom",category:"food",keywords:["mushroom","fungi","cooking"]},{emoji:"🥜",name:"peanuts",category:"food",keywords:["peanuts","nuts","snack"]},{emoji:"🌰",name:"chestnut",category:"food",keywords:["chestnut","nut","autumn"]},{emoji:"🍞",name:"bread",category:"food",keywords:["bread","loaf","carbs"]},{emoji:"🥐",name:"croissant",category:"food",keywords:["croissant","french","pastry"]},{emoji:"🥖",name:"baguette bread",category:"food",keywords:["baguette","french","bread"]},{emoji:"🫓",name:"flatbread",category:"food",keywords:["flatbread","bread","thin"]},{emoji:"🥨",name:"pretzel",category:"food",keywords:["pretzel","twisted","snack"]},{emoji:"🥯",name:"bagel",category:"food",keywords:["bagel","round","breakfast"]},{emoji:"🥞",name:"pancakes",category:"food",keywords:["pancakes","breakfast","syrup"]},{emoji:"🧇",name:"waffle",category:"food",keywords:["waffle","breakfast","squares"]},{emoji:"🧀",name:"cheese wedge",category:"food",keywords:["cheese","dairy","yellow"]},{emoji:"🍖",name:"meat on bone",category:"food",keywords:["meat","bone","protein"]},{emoji:"🍗",name:"poultry leg",category:"food",keywords:["chicken","leg","meat"]},{emoji:"🥩",name:"cut of meat",category:"food",keywords:["steak","meat","red"]},{emoji:"🥓",name:"bacon",category:"food",keywords:["bacon","pork","breakfast"]},{emoji:"🍔",name:"hamburger",category:"food",keywords:["burger","hamburger","fast food"]},{emoji:"🍟",name:"french fries",category:"food",keywords:["fries","potato","fast food"]},{emoji:"🍕",name:"pizza",category:"food",keywords:["pizza","slice","italian"]},{emoji:"🌭",name:"hot dog",category:"food",keywords:["hot dog","sausage","fast food"]},{emoji:"🥪",name:"sandwich",category:"food",keywords:["sandwich","bread","lunch"]},{emoji:"🌮",name:"taco",category:"food",keywords:["taco","mexican","shell"]},{emoji:"🌯",name:"burrito",category:"food",keywords:["burrito","wrap","mexican"]},{emoji:"🫔",name:"tamale",category:"food",keywords:["tamale","mexican","corn"]},{emoji:"🥙",name:"stuffed flatbread",category:"food",keywords:["pita","flatbread","stuffed"]},{emoji:"🧆",name:"falafel",category:"food",keywords:["falafel","middle eastern","chickpea"]},{emoji:"🥚",name:"egg",category:"food",keywords:["egg","protein","breakfast"]},{emoji:"🍳",name:"cooking",category:"food",keywords:["cooking","frying pan","egg"]},{emoji:"🥘",name:"shallow pan of food",category:"food",keywords:["paella","pan","cooking"]},{emoji:"🍲",name:"pot of food",category:"food",keywords:["stew","pot","cooking"]},{emoji:"🫕",name:"fondue",category:"food",keywords:["fondue","cheese","pot"]},{emoji:"🥣",name:"bowl with spoon",category:"food",keywords:["bowl","cereal","soup"]},{emoji:"🥗",name:"green salad",category:"food",keywords:["salad","healthy","greens"]},{emoji:"🍿",name:"popcorn",category:"food",keywords:["popcorn","movie","snack"]},{emoji:"🧈",name:"butter",category:"food",keywords:["butter","dairy","spread"]},{emoji:"🧂",name:"salt",category:"food",keywords:["salt","seasoning","white"]},{emoji:"🥫",name:"canned food",category:"food",keywords:["can","canned","preserved"]},{emoji:"🍱",name:"bento box",category:"food",keywords:["bento","japanese","lunch box"]},{emoji:"🍘",name:"rice cracker",category:"food",keywords:["rice","cracker","japanese"]},{emoji:"🍙",name:"rice ball",category:"food",keywords:["rice ball","onigiri","japanese"]},{emoji:"🍚",name:"cooked rice",category:"food",keywords:["rice","cooked","bowl"]},{emoji:"🍛",name:"curry rice",category:"food",keywords:["curry","rice","spicy"]},{emoji:"🍜",name:"steaming bowl",category:"food",keywords:["ramen","noodles","soup"]},{emoji:"🍝",name:"spaghetti",category:"food",keywords:["spaghetti","pasta","italian"]},{emoji:"🍠",name:"roasted sweet potato",category:"food",keywords:["sweet potato","roasted","orange"]},{emoji:"🍢",name:"oden",category:"food",keywords:["oden","japanese","skewer"]},{emoji:"🍣",name:"sushi",category:"food",keywords:["sushi","japanese","fish"]},{emoji:"🍤",name:"fried shrimp",category:"food",keywords:["shrimp","fried","tempura"]},{emoji:"🍥",name:"fish cake with swirl",category:"food",keywords:["fish cake","japanese","swirl"]},{emoji:"🥮",name:"moon cake",category:"food",keywords:["moon cake","chinese","festival"]},{emoji:"🍡",name:"dango",category:"food",keywords:["dango","japanese","sweet"]},{emoji:"🥟",name:"dumpling",category:"food",keywords:["dumpling","chinese","steamed"]},{emoji:"🥠",name:"fortune cookie",category:"food",keywords:["fortune cookie","chinese","luck"]},{emoji:"🥡",name:"takeout box",category:"food",keywords:["takeout","chinese","box"]},{emoji:"🦀",name:"crab",category:"food",keywords:["crab","seafood","claws"]},{emoji:"🦞",name:"lobster",category:"food",keywords:["lobster","seafood","red"]},{emoji:"🦐",name:"shrimp",category:"food",keywords:["shrimp","seafood","small"]},{emoji:"🦑",name:"squid",category:"food",keywords:["squid","seafood","tentacles"]},{emoji:"🦪",name:"oyster",category:"food",keywords:["oyster","seafood","shell"]},{emoji:"🍦",name:"soft ice cream",category:"food",keywords:["ice cream","soft serve","cone"]},{emoji:"🍧",name:"shaved ice",category:"food",keywords:["shaved ice","snow cone","cold"]},{emoji:"🍨",name:"ice cream",category:"food",keywords:["ice cream","dessert","cold"]},{emoji:"🍩",name:"doughnut",category:"food",keywords:["donut","doughnut","sweet"]},{emoji:"🍪",name:"cookie",category:"food",keywords:["cookie","sweet","baked"]},{emoji:"🎂",name:"birthday cake",category:"food",keywords:["cake","birthday","celebration"]},{emoji:"🍰",name:"shortcake",category:"food",keywords:["cake","slice","dessert"]},{emoji:"🧁",name:"cupcake",category:"food",keywords:["cupcake","muffin","sweet"]},{emoji:"🥧",name:"pie",category:"food",keywords:["pie","dessert","slice"]},{emoji:"🍫",name:"chocolate bar",category:"food",keywords:["chocolate","bar","sweet"]},{emoji:"🍬",name:"candy",category:"food",keywords:["candy","sweet","wrapper"]},{emoji:"🍭",name:"lollipop",category:"food",keywords:["lollipop","candy","stick"]},{emoji:"🍮",name:"custard",category:"food",keywords:["custard","pudding","dessert"]},{emoji:"🍯",name:"honey pot",category:"food",keywords:["honey","sweet","bee"]},{emoji:"🍼",name:"baby bottle",category:"food",keywords:["bottle","baby","milk"]},{emoji:"🥛",name:"glass of milk",category:"food",keywords:["milk","glass","dairy"]},{emoji:"☕",name:"hot beverage",category:"food",keywords:["coffee","tea","hot"]},{emoji:"🫖",name:"teapot",category:"food",keywords:["teapot","tea","hot"]},{emoji:"🍵",name:"teacup without handle",category:"food",keywords:["tea","green tea","cup"]},{emoji:"🍶",name:"sake",category:"food",keywords:["sake","japanese","alcohol"]},{emoji:"🍾",name:"bottle with popping cork",category:"food",keywords:["champagne","celebration","cork"]},{emoji:"🍷",name:"wine glass",category:"food",keywords:["wine","glass","alcohol"]},{emoji:"🍸",name:"cocktail glass",category:"food",keywords:["cocktail","martini","alcohol"]},{emoji:"🍹",name:"tropical drink",category:"food",keywords:["tropical","cocktail","umbrella"]},{emoji:"🍺",name:"beer mug",category:"food",keywords:["beer","mug","alcohol"]},{emoji:"🍻",name:"clinking beer mugs",category:"food",keywords:["beer","cheers","celebration"]},{emoji:"🥂",name:"clinking glasses",category:"food",keywords:["champagne","cheers","celebration"]},{emoji:"🥃",name:"tumbler glass",category:"food",keywords:["whiskey","tumbler","alcohol"]},{emoji:"🫗",name:"pouring liquid",category:"food",keywords:["pour","liquid","drink"]},{emoji:"🥤",name:"cup with straw",category:"food",keywords:["soda","straw","drink"]},{emoji:"🧋",name:"bubble tea",category:"food",keywords:["bubble tea","boba","drink"]},{emoji:"🧃",name:"beverage box",category:"food",keywords:["juice box","drink","straw"]},{emoji:"🧉",name:"mate",category:"food",keywords:["mate","tea","south american"]},{emoji:"🧊",name:"ice",category:"food",keywords:["ice","cold","cube"]},{emoji:"⚽",name:"soccer ball",category:"activities",keywords:["soccer","football","sport"]},{emoji:"🏀",name:"basketball",category:"activities",keywords:["basketball","sport"]},{emoji:"🏈",name:"american football",category:"activities",keywords:["football","sport"]},{emoji:"⚾",name:"baseball",category:"activities",keywords:["baseball","sport"]},{emoji:"🥎",name:"softball",category:"activities",keywords:["softball","sport"]},{emoji:"🎾",name:"tennis",category:"activities",keywords:["tennis","sport"]},{emoji:"🚗",name:"automobile",category:"travel",keywords:["car","vehicle"]},{emoji:"🚕",name:"taxi",category:"travel",keywords:["taxi","car"]},{emoji:"🚙",name:"sport utility vehicle",category:"travel",keywords:["suv","car"]},{emoji:"🚌",name:"bus",category:"travel",keywords:["bus","vehicle"]},{emoji:"🚎",name:"trolleybus",category:"travel",keywords:["trolley","bus"]},{emoji:"🏎️",name:"racing car",category:"travel",keywords:["race","car","fast"]},{emoji:"💡",name:"light bulb",category:"objects",keywords:["idea","light","bulb"]},{emoji:"🔋",name:"battery",category:"objects",keywords:["battery","power"]},{emoji:"🖥️",name:"desktop computer",category:"objects",keywords:["computer","desktop"]},{emoji:"💻",name:"laptop",category:"objects",keywords:["laptop","computer"]},{emoji:"📱",name:"mobile phone",category:"objects",keywords:["phone","mobile"]},{emoji:"☎️",name:"telephone",category:"objects",keywords:["phone","telephone"]},{emoji:"❤️",name:"red heart",category:"symbols",keywords:["love","heart"]},{emoji:"🧡",name:"orange heart",category:"symbols",keywords:["love","heart"]},{emoji:"💛",name:"yellow heart",category:"symbols",keywords:["love","heart"]},{emoji:"💚",name:"green heart",category:"symbols",keywords:["love","heart"]},{emoji:"💙",name:"blue heart",category:"symbols",keywords:["love","heart"]},{emoji:"💜",name:"purple heart",category:"symbols",keywords:["love","heart"]},{emoji:"🖤",name:"black heart",category:"symbols",keywords:["love","heart"]},{emoji:"🤍",name:"white heart",category:"symbols",keywords:["love","heart"]},{emoji:"🏁",name:"chequered flag",category:"flags",keywords:["flag","race","finish"]},{emoji:"🚩",name:"triangular flag",category:"flags",keywords:["flag","warning"]},{emoji:"🏳️",name:"white flag",category:"flags",keywords:["flag","surrender"]},{emoji:"🏴",name:"black flag",category:"flags",keywords:["flag","pirate"]},{emoji:"🏳️‍🌈",name:"rainbow flag",category:"flags",keywords:["flag","rainbow","pride"]}],dl=e=>{const{value:o,defaultValue:t="",onChange:n,onEmojiSelect:a,isOpen:l,onOpen:s,onClose:m,closeOnSelect:d=!0,maxRecentEmojis:c=16,showRecentEmojis:f=!0,enabledCategories:g=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],customEmojis:p=[]}=e,[u,b]=h.useState(l??!1),[y,x]=h.useState(o??t),[C,w]=h.useState(""),[v,k]=h.useState("smileys"),[S,T]=h.useState([]),z=h.useRef(null),M=h.useRef(null),P=h.useMemo(()=>[...of,...p],[p]),D=h.useMemo(()=>{let j=P;if(v!=="recent"?j=j.filter(B=>B.category===v):j=S,C){const B=C.toLowerCase();j=j.filter(_=>_.name.toLowerCase().includes(B)||_.keywords.some($=>$.toLowerCase().includes(B)))}return j},[P,v,S,C]);h.useEffect(()=>{o!==void 0&&x(o)},[o]),h.useEffect(()=>{l!==void 0&&b(l)},[l]),h.useEffect(()=>{if(f){const j=localStorage.getItem("emojiPicker-recentEmojis");if(j)try{T(JSON.parse(j))}catch{}}},[f]),h.useEffect(()=>{const j=B=>{u&&z.current&&M.current&&!z.current.contains(B.target)&&!M.current.contains(B.target)&&A()};return document.addEventListener("mousedown",j),()=>document.removeEventListener("mousedown",j)},[u]);const F=h.useCallback(j=>{f&&T(B=>{const _=B.filter(N=>N.emoji!==j.emoji),$=[j,..._].slice(0,c);return localStorage.setItem("emojiPicker-recentEmojis",JSON.stringify($)),$})},[f,c]),V=h.useCallback(()=>{const j=!u;b(j),j?(s==null||s(),w(""),f&&S.length>0?k("recent"):k("smileys")):m==null||m()},[u,s,m,f,S.length]),E=h.useCallback(j=>{x(j.emoji),F(j),n==null||n(j.emoji),a==null||a(j),d&&(b(!1),m==null||m())},[n,a,d,m,F]),H=h.useCallback(j=>{w(j),j&&v==="recent"&&k("smileys")},[v]),W=h.useCallback(j=>{k(j),w("")},[]),A=h.useCallback(()=>{b(!1),m==null||m()},[m]);return{isOpen:u,selectedEmoji:y,recentEmojis:S,searchQuery:C,activeCategory:v,filteredEmojis:D,handleToggle:V,handleEmojiSelect:E,handleSearchChange:H,handleCategoryChange:W,handleClose:A,triggerRef:z,dropdownRef:M}},ml=({id:e,name:o,label:t,placeholder:n="Select an emoji",helperText:a,views:l={},size:s="md",shape:m="default",variant:d="default",error:c=!1,isDisabled:f=!1,isReadOnly:g=!1,showSearch:p=!0,showCategories:u=!0,showRecentEmojis:b=!0,enabledCategories:y=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],isOpen:x,selectedEmoji:C,recentEmojis:w,searchQuery:v,activeCategory:k,filteredEmojis:S,handleToggle:T,handleEmojiSelect:z,handleSearchChange:M,handleCategoryChange:P,handleClose:D,triggerRef:F,dropdownRef:V,onChange:E,onOpen:H,onClose:W,onEmojiSelect:A,customEmojis:j,closeOnSelect:B,maxRecentEmojis:_,value:$,defaultValue:N,...O})=>{const{getColor:G}=i.useTheme(),q={...Ye.container,...l==null?void 0:l.container},K={...Ye.trigger,...Q0[s],...Z0[m],...R0[d],...c&&{borderColor:"color-red-500"},...f&&{opacity:.6,cursor:"not-allowed"},...!f&&!g&&{_hover:{borderColor:"rgba(148, 163, 184, 0.9)"}},...l==null?void 0:l.trigger},L={...Ye.dropdown,...l==null?void 0:l.dropdown},Y={...Ye.categoryTabs,...l==null?void 0:l.categoryTabs},Q={...Ye.emojiGrid,...l==null?void 0:l.emojiGrid},oe=y.filter(Z=>Z==="recent"?b&&w.length>0:!0);return r.jsxs(i.View,{...q,...O,children:[t&&r.jsx(i.Text,{fontSize:s==="xs"?"12px":s==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:F,onClick:f||g?void 0:T,...K,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,children:r.jsx(i.Text,{color:C?"color-gray-800":"color-gray-500",fontSize:"inherit",children:C||n})}),!g&&!f&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:x?"up":"down"})]}),x&&r.jsxs(i.View,{ref:V,...L,children:[p&&r.jsx(i.View,{...Ye.searchInput,...l==null?void 0:l.searchInput,children:r.jsx(Te,{placeholder:"Search emojis...",value:v,onChange:Z=>M(Z.target.value),size:"sm"})}),u&&r.jsx(i.View,{...Y,children:oe.map(Z=>r.jsx(i.View,{...Ye.categoryTab,...k===Z&&{borderBottomColor:"theme-primary",color:"theme-primary",backgroundColor:"#EFF6FF"},onClick:()=>P(Z),title:Z.charAt(0).toUpperCase()+Z.slice(1),...l==null?void 0:l.categoryTab,children:ef[Z]},Z))}),r.jsx(i.View,{...Q,children:S.length>0?S.map((Z,re)=>r.jsx(i.View,{...Ye.emoji,onClick:()=>z(Z),title:Z.name,_hover:{backgroundColor:"#F8FAFC",transform:"scale(1.05)"},color:"color-gray-800",...l==null?void 0:l.emoji,children:Z.emoji},`${Z.emoji}-${re}`)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:v?"No emojis found":"No emojis in this category"})})})]}),a&&r.jsx(i.Text,{color:c?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:a})]})},rf=e=>{const o=pe(e),t={...e,value:o.value??e.value??e.defaultValue},n=dl(t),a=l=>{var s;n.handleEmojiSelect(l),o.onChange(l.emoji),(s=e.onEmojiSelect)==null||s.call(e,l)};return r.jsx(ml,{...n,...t,handleEmojiSelect:a})},tf=({files:e,onRemove:o,maxHeight:t="120px",views:n={}})=>{if(e.length===0)return null;const a=h.useCallback(l=>l<1024?`${l} B`:l<1024*1024?`${(l/1024).toFixed(1)} KB`:`${(l/(1024*1024)).toFixed(1)} MB`,[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:t,overflowY:"auto",...n==null?void 0:n.container,children:e.map((l,s)=>{const m=l.url||"",d=l.type.startsWith("image/"),c=l.type.startsWith("video/"),f=l.type.startsWith("audio/");return r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",position:"relative",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...n==null?void 0:n.item,children:r.jsxs(Se,{children:[r.jsx(Se.Trigger,{children:r.jsxs(i.View,{position:"relative",children:[d&&m&&r.jsx(i.Image,{src:m,alt:l.name,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),c&&m&&r.jsx(i.View,{as:"video",src:m,alt:l.name,controls:!1,muted:!0,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),f&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(ho,{widthHeight:24,color:"color-black"})}),!d&&!c&&!f&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(Ze,{widthHeight:24,color:"color-black"})}),o&&r.jsx(i.Button,{position:"absolute",top:"-4px",right:"-4px",width:"20px",height:"20px",minWidth:"20px",minHeight:"20px",borderRadius:"50%",backgroundColor:"color-red-500",color:"white",fontSize:14,fontWeight:"bold",padding:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid white",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{backgroundColor:"#DC2626"},onClick:g=>{g.stopPropagation(),o(s)},"aria-label":`Remove ${l.name}`,children:"×"})]})}),r.jsxs(Se.Content,{children:[d&&m&&r.jsx(i.Image,{src:m,alt:l.name,maxWidth:"300px"}),c&&m&&r.jsx(i.View,{as:"video",src:m,controls:!0,maxWidth:"300px"}),f&&m&&r.jsx(i.View,{as:"audio",src:m,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",fontSize:12,...n==null?void 0:n.name,children:[l.name," (",a(l.size),")"]})]})]})},s)})})},hl=e=>{const o=fe("slider",e),t=Ja(o);return r.jsx(ol,{...o,...t})},nf=({url:e,type:o,name:t,onOpen:n})=>{const a=o.toLowerCase(),l=a.startsWith("image"),s=a.startsWith("video"),m=a.startsWith("audio"),d=()=>{n&&n()};return r.jsxs(i.View,{width:"60px",height:"60px",flexShrink:0,borderRadius:"4px",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-gray-200",cursor:"pointer",onClick:d,children:[l&&r.jsx(i.Image,{src:e,alt:t,width:"100%",height:"100%",objectFit:"cover"}),s&&r.jsx(i.View,{as:"video",src:e,controls:!0,width:"100%",height:"100%",style:{objectFit:"cover"},onClick:c=>c.stopPropagation()}),m&&r.jsx(i.View,{as:"audio",controls:!0,src:e,width:"100%",onClick:c=>c.stopPropagation()}),!l&&!s&&!m&&r.jsx(Ze,{widthHeight:24,color:"color-gray-600"})]})},Xe=tr.create(e=>({modals:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},n={})=>{e(a=>({...a,modals:[...a.modals,{name:o,props:{...t,isVisible:!0},overlayProps:n}]}))},hide:o=>{e(t=>o?{...t,modals:t.modals.filter(n=>n.name!==o)}:{modals:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),af=(e,o={},t={})=>{Xe.getState().show(e,o,t),Xe.getState().onShow(e,o)},zt=e=>{console.log("hideModal",e),Xe.getState().onHide(e),Xe.getState().hide(typeof e=="string"?e:void 0)},lf={square:{borderRadius:0},rounded:{borderRadius:8}},sf={center:{justifyContent:"center",alignItems:"center"},top:{justifyContent:"center",alignItems:"flex-start"},right:{justifyContent:"flex-end",alignItems:"center"},bottom:{justifyContent:"center",alignItems:"flex-end"},left:{justifyContent:"flex-start",alignItems:"center"}},cf={xs:12,sm:16,md:20,lg:24,xl:28},Mt={body:{fontSize:"16px",fontWeight:"400",color:"color-gray-700"}},fl=h.memo(({children:e,blur:o,isOpen:t=!1,isClosePrevented:n=!1,onClose:a=()=>{},position:l="center",views:s,...m})=>{const d=h.useCallback(()=>{n||a()},[n,a]);return r.jsx(i.Center,{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1e3,onClick:d,visibility:t?"visible":"hidden",opacity:t?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease",...s==null?void 0:s.container,children:r.jsx(i.View,{position:"absolute",top:0,left:0,zIndex:1e3,width:"100vw",height:"100vh",display:"flex",backgroundColor:"color-blackAlpha-500",backdropFilter:o?`blur(${o}px)`:void 0,transition:"background-color 0.2s ease, backdrop-filter 0.2s ease",onClick:d,...sf[l],...m,...s==null?void 0:s.view,children:e})})}),df={boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.15)"},mf={elevation:5,shadowColor:"rgba(0, 0, 0, 0.15)",shadowOffset:{width:0,height:4},shadowOpacity:1,shadowRadius:16},hf=h.memo(({children:e,shadow:o,isFullScreen:t=!1,shape:n="rounded",views:a,isOpen:l=!0,position:s,...m})=>{const d=typeof document!==void 0?df:mf,c=h.useCallback(f=>{f&&f.stopPropagation&&f.stopPropagation()},[]);return r.jsx(i.Vertical,{cursor:"default",backgroundColor:"color-white",width:t?"100%":600,height:t?"100%":"fit-content",onClick:c,transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",opacity:l?1:0,transform:l?"translateY(0)":"translateY(8px)",...o||d,...lf[n],media:{mobile:{width:"90%",maxWidth:"100%",margin:"16px"}},...m,...a==null?void 0:a.container,children:e})}),ff=h.memo(({children:e,buttonColor:o="theme-primary",iconSize:t="md",buttonPosition:n="right",views:a,onClose:l,...s})=>{const m=l||zt,d=r.jsx(i.View,{onClick:m,children:r.jsx(ve,{widthHeight:cf[t],color:o})});return r.jsxs(i.Horizontal,{justifyContent:n==="none"?"center":"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",media:{mobile:{paddingVertical:12,paddingHorizontal:16}},...s,...a==null?void 0:a.header,children:[n==="left"&&d,e,n==="right"&&d]})}),gf=h.memo(({children:e,views:o,...t})=>r.jsx(i.View,{paddingVertical:16,paddingHorizontal:24,fontSize:Mt.body.fontSize,fontWeight:Mt.body.fontWeight,color:Mt.body.color,media:{mobile:{paddingVertical:12,paddingHorizontal:16,fontSize:"14px"}},...t,...o==null?void 0:o.view,children:e})),pf=h.memo(({children:e,views:o,...t})=>r.jsx(i.Horizontal,{marginTop:"auto",alignItems:"center",justifyContent:"flex-end",paddingVertical:16,paddingHorizontal:24,borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",gap:12,media:{mobile:{paddingVertical:12,paddingHorizontal:16,gap:8}},...t,...o==null?void 0:o.container,children:e})),uf=({modals:e,onShow:o,onHide:t})=>{const n=Xe(a=>a.modals);return h.useEffect(()=>{o&&Xe.getState().setOnShow(o)},[o]),h.useEffect(()=>{t&&Xe.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(h.Fragment,{children:n.map((a,l)=>{const s=e[a.name];return s?r.jsx(fl,{isOpen:a.props.isVisible,onClose:()=>zt(a.name),blur:5,...a.overlayProps,style:{zIndex:1e3+l},children:r.jsx(s,{...a.props})},l):(console.error(`${a.name} modal doesn't exist`),null)})})},to=({children:e})=>r.jsx(r.Fragment,{children:e});to.Overlay=fl,to.Container=hf,to.Header=ff,to.Body=gf,to.Footer=pf,to.Layout=uf;const gl={xs:"320px",sm:"380px",md:"480px",lg:"640px",xl:"768px",full:"100%"},bf={left:{top:0,left:0,bottom:0,height:"100vh",borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{top:0,right:0,bottom:0,height:"100vh",borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"},top:{top:0,left:0,right:0,width:"100vw",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},bottom:{bottom:0,left:0,right:0,width:"100vw",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200"}},Wt=({isOpen:e,onClose:o,isClosePrevented:t,blur:n,children:a,...l})=>{const s=()=>{t||o()};return h.useEffect(()=>{const m=d=>{d.key==="Escape"&&e&&!t&&o()};return e&&document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[e,t,o]),r.jsx(i.View,{"data-testid":"drawer-overlay",role:"dialog","aria-modal":"true",position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e3,visibility:e?"visible":"hidden",onClick:s,opacity:e?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease",backgroundColor:e?"color-blackAlpha-500":"transparent",backdropFilter:n?`blur(${n}px)`:void 0,pointerEvents:e?"auto":"none",...l,children:a})},Ht=({placement:e="right",size:o="md",isOpen:t=!1,children:n,...a})=>{const l=f=>{f.stopPropagation()},m=e==="top"||e==="bottom"?{height:o==="full"?"100vh":gl[o]||o,maxHeight:"100vh"}:{width:o==="full"?"100vw":gl[o]||o,maxWidth:"100vw"},d=e==="left"?"0 12px 12px 0":e==="right"?"12px 0 0 12px":e==="top"?"0 0 12px 12px":"12px 12px 0 0",c=t?"translate3d(0, 0, 0)":e==="left"?"translate3d(-100%, 0, 0)":e==="right"?"translate3d(100%, 0, 0)":e==="top"?"translate3d(0, -100%, 0)":"translate3d(0, 100%, 0)";return r.jsx(i.Vertical,{position:"absolute",backgroundColor:"color-white",borderRadius:d,...bf[e],...m,onClick:l,transform:c,willChange:"transform",transition:"transform 0.24s ease, box-shadow 0.2s ease",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",...a,children:n})},yf=({children:e,onClose:o,buttonPosition:t="right",...n})=>{const a=o&&r.jsx(i.View,{onClick:o,cursor:"pointer",padding:8,children:r.jsx(ve,{widthHeight:20,color:"color-gray-500"})});return r.jsxs(i.Horizontal,{paddingHorizontal:24,paddingVertical:16,borderBottomWidth:"1px",borderBottomColor:"color-gray-200",alignItems:"center",justifyContent:t==="none"?"center":"space-between",...n,children:[t==="left"&&a,e,t==="right"&&a]})},xf=({children:e,...o})=>r.jsx(i.Vertical,{padding:24,flex:1,overflowY:"auto",...o,children:e}),Cf=({children:e,...o})=>r.jsx(i.Horizontal,{paddingHorizontal:24,paddingVertical:16,borderTopWidth:"1px",borderTopColor:"color-gray-200",alignItems:"center",justifyContent:"flex-end",gap:12,...o,children:e}),Ke=tr.create(e=>({drawers:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},n={})=>{e(a=>({...a,drawers:[...a.drawers,{name:o,props:{...t,isOpen:!1},overlayProps:n}]}))},hide:o=>{e(t=>o?{...t,drawers:t.drawers.filter(n=>n.name!==o)}:{drawers:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),kf=(e,o={},t={})=>{const n=Ke.getState();n.hide(e),n.show(e,o,t),n.onShow(e,o),queueMicrotask(()=>{Ke.setState(a=>({drawers:a.drawers.map(l=>l.name===e?{...l,props:{...l.props,isOpen:!0}}:l)}))})},pl=e=>{Ke.getState().onHide(e),Ke.getState().hide(typeof e=="string"?e:void 0)},wf=({drawers:e,onShow:o,onHide:t})=>{const n=Ke(a=>a.drawers);return h.useEffect(()=>{o&&Ke.getState().setOnShow(o)},[o]),h.useEffect(()=>{t&&Ke.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(h.Fragment,{children:n.map((a,l)=>{var u;const s=e[a.name];if(!s)return console.error(`${a.name} drawer doesn't exist`),null;const{placement:m,size:d,isClosePrevented:c,blur:f,containerProps:g,...p}=a.props||{};return r.jsx(Wt,{isOpen:a.props.isOpen,onClose:()=>pl(a.name),isClosePrevented:c,blur:f,...a.overlayProps,style:{zIndex:1e3+l,...((u=a.overlayProps)==null?void 0:u.style)||{}},children:r.jsx(Ht,{placement:m,size:d,isOpen:a.props.isOpen,...g||{},children:r.jsx(h.Suspense,{fallback:null,children:r.jsx(s,{...p})})})},l)})})},no=({isOpen:e,onClose:o,placement:t="right",size:n="md",isClosePrevented:a,children:l,...s})=>r.jsx(Wt,{isOpen:e,onClose:o,isClosePrevented:a,...s,children:r.jsx(Ht,{placement:t,size:n,isOpen:e,children:l})});no.Overlay=Wt,no.Container=Ht,no.Header=yf,no.Body=xf,no.Footer=Cf,no.Layout=wf;const Sf=(e=null,o=[])=>{const[t,n]=h.useState(e),[a,l]=h.useState(o),s=h.useRef({});return{activeItemId:t,setActiveItemId:n,expandedItemIds:a,toggleExpandedItem:c=>{l(f=>f.includes(c)?f.filter(p=>p!==c):[...f,c])},isItemExpanded:c=>a.includes(c),triggerRefs:s}},jt={sm:{padding:"8px 12px",fontSize:"12px",fontWeight:"500",media:{mobile:{padding:"6px 10px",fontSize:"11px"}}},md:{padding:"10px 14px",fontSize:"14px",fontWeight:"500",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},lg:{padding:"12px 16px",fontSize:"14px",fontWeight:"600",media:{mobile:{padding:"10px 14px",fontSize:"12px"}}}},Pt={default:{color:"color-gray-800",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"}},ul={horizontal:{flexDirection:"row",gap:"8px",media:{mobile:{flexDirection:"column",gap:"4px"}}},vertical:{flexDirection:"column",gap:"4px"}},ko={active:{backgroundColor:"color-blue-50",color:"color-blue-700",fontWeight:"600",borderLeft:"3px solid",borderColor:"color-blue-600"},hover:{backgroundColor:"color-gray-100",transition:"background-color 0.2s ease"}},bl=h.createContext({activeItemId:null,setActiveItemId:()=>{},expandedItemIds:[],toggleExpandedItem:()=>{},isItemExpanded:()=>!1,orientation:"vertical",size:"md",variant:"default",triggerRefs:{current:{}}}),vf=({children:e,value:o})=>r.jsx(bl.Provider,{value:o,children:e}),Uo=()=>{const e=h.useContext(bl);if(!e)throw new Error("useNavigationMenuContext must be used within a NavigationMenuProvider");return e},At=({children:e,views:o})=>{const{orientation:t}=Uo(),n=t==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(n,{width:"100%",...ul[t],transition:"background-color 0.2s ease, border-color 0.2s ease",borderRadius:"8px",...o==null?void 0:o.container,children:e})},yl=h.createContext({itemValue:null,isDisabled:!1}),Tf=()=>{const e=h.useContext(yl);if(!e)throw new Error("useNavigationMenuItemContext must be used within a NavigationMenuItem");return e},Et=({item:e,value:o,isDisabled:t=!1,children:n,views:a})=>{var C;const{activeItemId:l,setActiveItemId:s,orientation:m,size:d,variant:c,onItemActivate:f}=Uo(),g=(e==null?void 0:e.id)||o,p=l===g,u=(e==null?void 0:e.items)&&e.items.length>0,b=(e==null?void 0:e.disabled)||t,y=()=>{b||g&&(s(g),f&&f(g))},x=m==="horizontal"?i.Horizontal:i.Vertical;return n?r.jsx(yl.Provider,{value:{itemValue:g||null,isDisabled:b},children:r.jsx(i.View,{width:"100%",cursor:b?"not-allowed":"pointer",opacity:b?.6:1,borderRadius:"8px",transition:"background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease",...jt[d],...Pt[c],...p?ko.active:{},_hover:b?{}:ko.hover,...a==null?void 0:a.item,children:n})}):u&&e?r.jsxs(x,{width:"100%",flexDirection:"column",position:"relative",...a==null?void 0:a.item,children:[r.jsxs(xl,{itemId:e.id,disabled:e.disabled,views:a,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),e.label]}),r.jsx(Cl,{itemId:e.id,children:r.jsx(At,{children:(C=e.items)==null?void 0:C.map(w=>r.jsx(Et,{item:w},w.id))})})]}):e?r.jsxs(i.View,{as:e.href?"a":"div",href:e.href,onClick:y,cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?.6:1,width:"100%",display:"flex",alignItems:"center",borderRadius:"8px",transition:"background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease",gap:"8px",...jt[d],...Pt[c],...p?ko.active:{},_hover:e.disabled?{}:ko.hover,...a==null?void 0:a.item,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),e.label]}):null},xl=({children:e,itemId:o,disabled:t,views:n})=>{const{activeItemId:a,toggleExpandedItem:l,isItemExpanded:s,size:m,variant:d,triggerRefs:c}=Uo(),f=h.useRef(null),g=a===o,p=s(o);h.useEffect(()=>(f.current&&o&&(c.current[o]=f.current),()=>{o&&delete c.current[o]}),[o,c]);const u=b=>{b.preventDefault(),!t&&l(o)};return r.jsxs(i.View,{ref:f,onClick:u,cursor:t?"not-allowed":"pointer",opacity:t?.5:1,width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:8,transition:"background-color 0.2s ease",...jt[m],...Pt[d],...g?ko.active:{},_hover:t?{}:ko.hover,...n==null?void 0:n.trigger,children:[r.jsx(i.View,{display:"flex",alignItems:"center",children:e}),r.jsx(i.View,{transition:"transform 0.2s ease",transform:p?"rotate(180deg)":"rotate(0deg)",...n==null?void 0:n.indicator,children:r.jsx(ce,{orientation:"down",widthHeight:16,color:"currentColor",filled:!0})})]})},Cl=({children:e,itemId:o,views:t})=>{const{isItemExpanded:n,orientation:a,triggerRefs:l}=Uo(),s=h.useRef(null),[m,d]=h.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),c=n(o);if(h.useEffect(()=>{if(c&&s.current&&o&&l.current[o]&&a==="horizontal"){const g=s.current.getBoundingClientRect(),p=l.current[o].getBoundingClientRect(),u=Math.max(g.width||200,200),b=Math.max(g.height||150,150),y=window.innerWidth,x=window.innerHeight,C={top:p.top,right:y-p.right,bottom:x-p.bottom,left:p.left},w=a==="horizontal"?[{placement:"bottom",space:C.bottom,fits:C.bottom>=b+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=b+8,x:p.left,y:p.top-b-8},{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top}]:[{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top},{placement:"bottom",space:C.bottom,fits:C.bottom>=b+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=b+8,x:p.left,y:p.top-b-8}],v=w.find(z=>z.fits);if(v){d({x:v.x,y:v.y,placement:v.placement});return}const k=w.reduce((z,M)=>M.space>z.space?M:z);let S=k.x,T=k.y;S+u>y&&(S=y-u-8),S<8&&(S=8),T+b>x&&(T=x-b-8),T<8&&(T=8),d({x:S,y:T,placement:k.placement})}},[c,a,o,l]),!c)return null;if(a==="vertical")return r.jsx(i.View,{paddingLeft:16,width:"100%",position:"relative",backgroundColor:"transparent",...t==null?void 0:t.container,children:e});const f={position:"fixed",left:m.x,top:m.y,zIndex:1e3};return r.jsx(i.View,{ref:s,role:"menu",minWidth:"200px",backgroundColor:"color-white",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:f,...t==null?void 0:t.container,children:e})},If=({href:e,children:o,views:t,underline:n,isExternal:a,iconSize:l,...s})=>{const{itemValue:m,isDisabled:d}=Tf(),{activeItemId:c,setActiveItemId:f,onItemActivate:g}=Uo(),p=c===m,u=b=>{if(d){b.preventDefault();return}m&&(f(m),g&&g(m)),s.onClick&&s.onClick(b)};return r.jsx(i.View,{as:"a",href:d?void 0:e,onClick:u,cursor:d?"not-allowed":"pointer",opacity:d?.5:1,width:"100%",display:"flex",alignItems:"center","aria-current":p?"page":void 0,"aria-disabled":d,"data-active":p?"":void 0,"data-disabled":d?"":void 0,...p?{fontWeight:"bold"}:{},...t==null?void 0:t.container,...s,children:o})},Ff=({items:e,orientation:o,views:t,themeMode:n})=>{const a=o==="horizontal"?i.Horizontal:i.Vertical;return!e||e.length===0?null:r.jsx(a,{width:"100%",...ul[o],...t==null?void 0:t.container,children:r.jsx(At,{views:t,children:e.map(l=>r.jsx(Et,{item:l,views:t},l.id))})})},ao=e=>{const o=fe("navigation",e),{items:t,children:n,orientation:a="vertical",size:l="md",variant:s="default",defaultActiveItemId:m=null,defaultExpandedItemIds:d=[],onItemActivate:c,views:f,...g}=o,{activeItemId:p,setActiveItemId:u,expandedItemIds:b,toggleExpandedItem:y,isItemExpanded:x,triggerRefs:C}=Sf(m,d);return r.jsx(vf,{value:{activeItemId:p,setActiveItemId:u,expandedItemIds:b,toggleExpandedItem:y,isItemExpanded:x,orientation:a,size:l,variant:s,onItemActivate:c,triggerRefs:C},children:t?r.jsx(Ff,{items:t,orientation:a,size:l,variant:s,views:f,...g}):n})};ao.List=At,ao.Item=Et,ao.Trigger=xl,ao.Content=Cl,ao.Link=If;const kl={},wl=h.createContext({views:kl,onRowClick:()=>{}}),zf=({children:e,views:o=kl,onRowClick:t})=>r.jsx(wl.Provider,{value:{views:o,onRowClick:t},children:e}),Je=()=>h.useContext(wl),ue={table:{width:"100%",color:"inherit",borderRadius:"8px",overflow:"hidden",boxShadow:"0px 1px 3px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(0, 0, 0, 0.04)",border:"1px solid",borderColor:"color-gray-200",transition:"box-shadow 0.2s ease",media:{mobile:{overflowX:"auto",display:"block",borderRadius:"4px"}}},thead:{backgroundColor:"color-gray-50",borderBottom:"1px solid",borderColor:"color-gray-200"},th:{padding:"12px 16px",fontWeight:"600",fontSize:"14px",color:"inherit",opacity:.72,textAlign:"left",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},td:{padding:"12px 16px",fontSize:"14px",borderBottom:"1px solid",borderColor:"color-gray-100",color:"inherit",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},tr:{transition:"background-color 0.15s ease",_hover:{backgroundColor:"color-gray-50"},_focus:{outline:"none",backgroundColor:"color-gray-100"}},tfoot:{backgroundColor:"color-gray-50",fontWeight:"600",borderTop:"2px solid",borderColor:"color-gray-200"},caption:{margin:"8px 0",color:"inherit",opacity:.62,fontSize:"14px",fontStyle:"italic",media:{mobile:{fontSize:"12px"}}}};({...ue.th},{...ue.td}),{...ue.tr},{...ue.td},{...ue.th},{...ue.table},{...ue.th},{...ue.td},{...ue.tr},{...ue.tfoot},{...ue.caption};const Sl=e=>{const{views:o}=Je();return r.jsx(i.Element,{as:"table",...ue.table,...o==null?void 0:o.table,...e,style:{borderCollapse:"collapse",...e.style||{}}})},vl=e=>{const{views:o}=Je();return r.jsx(i.Element,{as:"thead",textAlign:"left",...ue.thead,...o==null?void 0:o.thead,...e})},Tl=e=>{const{views:o}=Je();return r.jsx(i.Element,{as:"th",whiteSpace:"nowrap",...ue.th,...o==null?void 0:o.th,...e})},zr=e=>{const{views:o,onRowClick:t}=Je();return r.jsx(i.Element,{as:"tr",...ue.tr,...o==null?void 0:o.tr,onClick:t,...e})},Vt=({isFirstColumn:e,...o})=>{const{views:t}=Je();return r.jsx(i.Element,{as:"td",whiteSpace:"nowrap",fontWeight:e?"500":"400",...ue.td,...t==null?void 0:t.td,...o})},Il=e=>{const{views:o}=Je();return r.jsx(i.Element,{as:"tbody",...ue.tbody,...o==null?void 0:o.tbody,...e})},Fl=e=>{const{views:o}=Je();return r.jsx(i.Element,{as:"tfoot",...ue.tfoot,...o==null?void 0:o.tfoot,...e})},zl=e=>{const{views:o}=Je();return r.jsx(i.Element,{as:"caption",...ue.caption,...o==null?void 0:o.caption,...e})},Mf=({data:e,columns:o,footer:t,caption:n,themeMode:a})=>r.jsxs(Sl,{role:"Table",children:[n&&r.jsx(zl,{children:n}),r.jsx(vl,{children:r.jsx(zr,{children:o.map(l=>r.jsx(Tl,{children:l.title},l.field))})}),r.jsx(Il,{children:e.map((l,s)=>r.jsx(zr,{children:o.map((m,d)=>r.jsx(Vt,{isFirstColumn:d===0,children:l[m.field]},m.field))},s))}),t&&r.jsx(Fl,{children:r.jsx(zr,{children:t.map((l,s)=>r.jsx(Vt,{...l.props,children:l.value},s))})})]}),Fe=({children:e,views:o,onClick:t})=>{const n=fe("table",{views:o,onClick:t});return r.jsx(zf,{views:n.views,onRowClick:n.onClick,children:e})};Fe.Head=vl,Fe.HeadCell=Tl,Fe.Body=Il,Fe.Row=zr,Fe.Cell=Vt,Fe.Footer=Fl,Fe.Caption=zl,Fe.Container=Sl,Fe.Template=Mf;const Wf=(e,o,t)=>{const n=c=>c.value!==void 0?c.value:c.title,a=()=>{if(!(!e||e.length===0)){if(o!==void 0){const c=e.find(f=>n(f)===o);if(c)return c}return e[0]}},[l,s]=h.useState(a()),m=t!==void 0?e.find(c=>n(c)===t):l,d=c=>{t===void 0&&s(c)};return h.useEffect(()=>{if(t!==void 0)return;const c=a(),f=l&&e.some(g=>n(g)===n(l));c&&(!f||o!==void 0&&l&&n(l)!==o)?s(c):!c&&l&&s(void 0)},[e,o]),{activeTab:m,setActiveTab:d}},Hf=(e,o,t)=>{const[n,a]=h.useState(e||null);return{activeValue:o!==void 0?o:n,setActiveValue:m=>{o===void 0&&a(m),t&&t(m)}}},jf=h.memo(({tab:e,isActive:o,onClick:t,iconPosition:n="left",tabStyles:a,textStyles:l})=>{const s=()=>{switch(n){case"top":return"column";case"bottom":return"column-reverse";case"right":return"row-reverse";case"left":default:return"row"}},m=()=>["top","bottom"].includes(n)?"4px":"8px",d=e.icon&&h.isValidElement(e.icon)?h.cloneElement(e.icon,{strokeWidth:o?2.5:2}):e.icon;return r.jsxs(i.Element,{as:"div",role:"tab","aria-selected":o,tabIndex:o?0:-1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...a,flexDirection:s(),gap:m(),onClick:t,"data-state":o?"active":"inactive",children:[d&&r.jsx(i.Element,{children:d},o?"active-icon":"inactive-icon"),r.jsxs(i.Element,{display:"grid",alignItems:"center",justifyContent:"center",children:[r.jsx(i.Text,{...l,fontWeight:"600",visibility:"hidden",gridColumn:"1",gridRow:"1","aria-hidden":"true",children:e.title}),r.jsx(i.Text,{...l,fontWeight:o?"600":"500",gridColumn:"1",gridRow:"1",children:e.title})]})]})}),Dt=(e,o)=>{const t=o==="dark";return e==="segmented"?{header:{width:"fit-content",alignSelf:"flex-start",gap:6,padding:6,borderRadius:16,backgroundColor:t?"color-gray-800":"color-gray-100"},tab:{minHeight:44,padding:"0 22px",borderRadius:12,color:t?"color-gray-300":"color-gray-600",borderWidth:1,borderStyle:"solid",borderColor:t?"color-gray-800":"color-gray-100",style:{backgroundColor:"transparent"}},activeTab:{backgroundColor:t?"color-gray-700":"color-white",color:t?"color-white":"color-gray-900",boxShadow:t?"0 1px 3px rgba(0, 0, 0, 0.35)":"0 1px 2px rgba(0, 0, 0, 0.06)"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em"},activeText:{},content:{width:"100%"}}:e==="pill"?{header:{width:"100%",flexWrap:"wrap",gap:12},tab:{minHeight:44,padding:"0 22px",borderRadius:"999px",backgroundColor:t?"color-gray-900":"color-white",color:t?"color-gray-200":"color-gray-600",borderWidth:1,borderStyle:"solid",borderColor:t?"color-gray-700":"color-gray-200"},activeTab:{backgroundColor:"theme-primary",color:"color-white",borderColor:"theme-primary"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em",color:"inherit"},activeText:{color:"inherit"},content:{width:"100%"}}:{header:{width:"100%",gap:20,borderBottom:"none"},tab:{minHeight:44,padding:"0 4px",borderRadius:0,color:t?"color-gray-400":"color-gray-500",borderBottom:"3px solid",borderColor:t?"color-gray-900":"color-white",style:{backgroundColor:"transparent"}},activeTab:{color:"theme-primary",borderColor:"theme-primary"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em",color:"inherit"},activeText:{color:"inherit"},content:{width:"100%",paddingTop:12}}},Pf=({tabs:e=[],activeTab:o,handleTabClick:t,views:n={},renderTab:a,renderContent:l,variant:s="underline",iconPosition:m="left"})=>{const{themeMode:d}=i.useTheme(),c=Dt(s,d);return o?r.jsxs(i.Vertical,{width:"100%",height:"100%",...n.container,children:[r.jsx(i.Horizontal,{alignItems:"center",...c.header,...n.headerTabs,children:e.map(f=>{const g=(f.value!==void 0?f.value:f.title)===(o.value!==void 0?o.value:o.title),p=()=>t(f);return a?a(f,g,p):r.jsx(jf,{tab:f,isActive:g,onClick:p,iconPosition:m,tabStyles:{...c.tab,...n.tab,...g?c.activeTab:{},...g?n.activeTab:{}},textStyles:{...c.text,...n.title,...g?c.activeText:{},...g?n.activeText:{}}},f.title)})}),r.jsx(i.View,{height:"100%",...c.content,...n.content,children:l?l(o):o.content})]}):null},Ml=h.createContext(null),$t=()=>{const e=h.useContext(Ml);if(!e)throw new Error("useTabsContext must be used within a Tabs component");return e},Af=h.memo(({children:e,views:o})=>{var m;const{themeMode:t}=i.useTheme(),{variant:n="underline"}=$t(),a=Dt(n,t),l=mo("tabs"),s=Ee({container:(m=l.views)==null?void 0:m.headerTabs},o);return r.jsx(i.Horizontal,{alignItems:"center",...a.header,...s==null?void 0:s.container,children:e})}),Ef=h.memo(({value:e,children:o,disabled:t=!1,views:n})=>{var u,b;const{themeMode:a}=i.useTheme(),{activeValue:l,setActiveValue:s,variant:m="underline"}=$t(),d=l===e,c=Dt(m,a),f=mo("tabs"),g=Ee({trigger:(u=f.views)==null?void 0:u.tab,activeState:(b=f.views)==null?void 0:b.activeTab},n),p=h.useCallback(()=>{t||s(e)},[t,e,s]);return r.jsx(i.View,{cursor:t?"not-allowed":"pointer",opacity:t?.6:1,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",...c.tab,...d?c.activeTab:{},_hover:t?{}:m==="underline"?{color:"theme-primary"}:{opacity:.9},onClick:p,...g==null?void 0:g.trigger,...d?g==null?void 0:g.activeState:{},children:r.jsx(i.View,{...c.text,...d?c.activeText:{},children:o})})}),Vf=h.memo(({value:e,children:o,views:t})=>{const{activeValue:n}=$t();return n!==e?null:r.jsx(i.View,{width:"100%",padding:"24px",...t==null?void 0:t.content,children:o})}),Df=e=>{const o=fe("tabs",e),{tabs:t,views:n,defaultValue:a,onTabChange:l,renderTab:s,renderContent:m,variant:d="underline",iconPosition:c="left",value:f,onValueChange:g,children:p}=o,u=Hf(a,f,g),b=Wf(t||[],a,f);if(p)return r.jsx(Ml.Provider,{value:{...u,variant:d},children:p});if(t){const y=x=>{const C=w=>w.value!==void 0?w.value:w.title;(!b.activeTab||C(b.activeTab)!==C(x))&&(b.setActiveTab(x),l&&l(x))};return r.jsx(Pf,{tabs:t,views:n,activeTab:b.activeTab,handleTabClick:y,renderTab:s,renderContent:m,variant:d,iconPosition:c})}return null},wo=h.memo(Df);wo.List=Af,wo.Trigger=Ef,wo.Content=Vf;const $f=e=>{const{children:o,_isInView:t=!1,alternateHighlightText:n=[],alternateAnimation:a=!1,alternateDuration:l=3e3,highlightText:s,highlightTypewriter:m=!1,highlightSlide:d=!1,highlightSlideDuration:c=500,highlightSlideStagger:f=50,highlightSlideSequential:g=!0}=e,[p,u]=h.useState(o),[b,y]=h.useState(s);return h.useEffect(()=>{if(!a||n.length===0||!t||typeof o!="string"||typeof s!="string")return u(o),y(s),()=>{};const x=o,C=s;let w=0;const v=S=>{const T=n[S],z=C.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),M=new RegExp(z,"gi"),P=x.replace(M,T);u(P),y(T)};v(w);const k=setInterval(()=>{w=(w+1)%n.length,v(w)},l);return()=>clearInterval(k)},[a,n,l,s,o,t]),{finalDisplayedText:p,activeHighlightTarget:b,highlightTypewriter:m,highlightSlide:d,highlightSlideDuration:c,highlightSlideStagger:f,highlightSlideSequential:g}},Bf={xs:24,sm:32,md:48,lg:96,xl:110},Lf={xl:{media:{mobile:{fontSize:48},tablet:{fontSize:96},desktop:{fontSize:110}}},lg:{media:{mobile:{fontSize:48},tablet:{fontSize:48},desktop:{fontSize:70}}},md:{media:{mobile:{fontSize:32},tablet:{fontSize:40},desktop:{fontSize:56}}},sm:{media:{mobile:{fontSize:20},tablet:{fontSize:24},desktop:{fontSize:32}}},xs:{media:{mobile:{fontSize:14},tablet:{fontSize:18},desktop:{fontSize:20}}}},_f={underline:e=>({textDecoration:"underline",textDecorationColor:e,textDecorationThickness:"4px",textUnderlineOffset:"4px"}),background:e=>({backgroundColor:e,color:"color-white",padding:"0 8px",borderRadius:"4px"}),gradient:(e,o)=>({background:`linear-gradient(135deg, ${e}, ${o||e})`,backgroundClip:"text",WebkitBackgroundClip:"text !important",WebkitTextFillColor:"transparent",color:"transparent",display:"inline-block",textShadow:"none"}),outline:e=>({WebkitTextStroke:`1px ${e}`,WebkitTextFillColor:"transparent !important",color:"transparent",textShadow:"none"}),glow:e=>({color:e,textShadow:`0 0 10px ${e}80, 0 0 20px ${e}40, 0 0 30px ${e}20`}),solid:e=>({color:e}),default:()=>({})},Of=({text:e,typingSpeed:o=50,pauseTime:t=500,onComplete:n,showCursor:a=!0,cursorColor:l="currentColor",textStyle:s,textComponent:m,as:d,...c})=>{const f=m||i.Text,g=Array.isArray(e)?e:[e],[p,u]=h.useState(g.map(()=>"")),[b,y]=h.useState(!1),[x,C]=h.useState(0),[w,v]=h.useState(0);h.useEffect(()=>{u(g.map(()=>"")),y(!1),C(0),v(0)},[e]),h.useEffect(()=>{if(b){n&&n();return}const S=g[x];if(w>=S.length){if(x>=g.length-1){y(!0);return}const z=setTimeout(()=>{C(M=>M+1),v(0)},t);return()=>clearTimeout(z)}const T=setTimeout(()=>{u(z=>{const M=[...z];return M[x]=S.substring(0,w+1),M}),v(z=>z+1)},o);return()=>clearTimeout(T)},[g,x,w,b,n,t,o]);const k=S=>{if(!S||typeof S!="string")return S;const T=S.split("|");return T.length===1?S:T.map((z,M)=>r.jsxs(h.Fragment,{children:[z,M<T.length-1&&r.jsx("br",{})]},M))};return r.jsx(r.Fragment,{children:p.map((S,T)=>r.jsxs(h.Fragment,{children:[k(S),a&&T===x&&!b&&r.jsx(f,{as:"span",display:"inline-block",width:"0.1em",height:"1em",backgroundColor:l,animation:"blink 1s step-end infinite",verticalAlign:"text-bottom",marginLeft:"1px",...s})]},T))})},Nf=({text:e,duration:o=500,direction:t="up",stagger:n=50,sequential:a=!1,textStyle:l,as:s,wordProps:m,textComponent:d,...c})=>{const[f,g]=h.useState(e),[p,u]=h.useState("entering"),[b,y]=h.useState(0),x=d||i.Text,C=h.useRef(null),w=h.useRef(null);h.useEffect(()=>{e===f&&p==="visible"||e!==f&&(p==="entering"||p==="visible"?(C.current=e,u("exiting")):p==="exiting"&&(C.current=e))},[e,f,p]);const{lines:v,totalWordCount:k}=h.useMemo(()=>{const A=f.split("|").map(B=>B.trim().split(/\s+/).filter(_=>_.length>0)),j=A.reduce((B,_)=>B+_.length,0);return{lines:A,totalWordCount:j}},[f]),S=h.useMemo(()=>a?k*(o+n):(k-1)*n+o,[k,o,n,a]),T=h.useMemo(()=>a?k*(o+n):(k-1)*n+o,[k,o,n,a]);h.useEffect(()=>(w.current&&clearTimeout(w.current),p==="entering"?w.current=setTimeout(()=>{u("visible")},S+50):p==="exiting"&&(w.current=setTimeout(()=>{C.current!==null&&(g(C.current),C.current=null),y(W=>W+1),u("entering")},T+50)),()=>{w.current&&clearTimeout(w.current)}),[p,S,T]);const{style:z,...M}=m||{},P=t==="up",D=W=>a?W*(o+n):W*n,F=h.useMemo(()=>({display:"inline-block",position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",...l}),[l]),V=h.useMemo(()=>({display:"inline-flex",flexDirection:"column",alignItems:"center"}),[]),E=h.useMemo(()=>({display:"block",whiteSpace:"nowrap"}),[]);let H=0;return r.jsx(i.Element,{as:"span",style:F,...c,children:r.jsx("span",{style:V,children:v.map((W,A)=>r.jsx("span",{style:E,children:W.map((j,B)=>{const _=H++,$=D(_),N=B===W.length-1;let O;const G=`${o}ms`,q=`${$}ms`;p==="entering"?O=P?i.Animation.slideInUp({duration:G,delay:q,timingFunction:"ease-out",fillMode:"both"}):i.Animation.slideInDown({duration:G,delay:q,timingFunction:"ease-out",fillMode:"both"}):p==="exiting"&&(O=P?{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0},duration:G,delay:q,timingFunction:"ease-in",fillMode:"both"}:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0},duration:G,delay:q,timingFunction:"ease-in",fillMode:"both"});const K={...z,display:"inline-block",marginRight:N?0:"0.25em",transform:p==="visible"?"translateY(0)":void 0,opacity:p==="visible"?1:void 0};return r.jsx(x,{as:"span",animate:O,...M,...K,children:j},`${b}-${A}-${B}`)})},`line-${A}`))})})};function Wl(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const Bt=e=>{if(!e||typeof e!="string")return e;const o=e.split("|");return o.length===1?e:o.map((t,n)=>r.jsxs(h.Fragment,{children:[t,n<o.length-1&&r.jsx("br",{})]},n))},qf=({children:e,highlightText:o,highlightStyle:t="solid",highlightColor:n="theme-primary",highlightSecondaryColor:a,size:l="lg",views:s,highlightAnimate:m,animate:d,animationLoop:c=1,highlightAnimationLoop:f=1,highlightTypewriter:g=!1,highlightTypewriterDuration:p=3e3,highlightSlide:u=!1,highlightSlideDuration:b=500,highlightSlideStagger:y=50,highlightSlideSequential:x=!0,themeMode:C,responsive:w,alternateHighlightText:v,alternateAnimation:k,alternateDuration:S,_isInView:T,...z})=>{const{ref:M,inView:P}=i.useInView(),{finalDisplayedText:D,activeHighlightTarget:F,highlightTypewriter:V,highlightSlide:E,highlightSlideDuration:H,highlightSlideStagger:W,highlightSlideSequential:A}=$f({children:e,highlightText:o,_isInView:P,highlightTypewriter:g,highlightSlide:u,highlightSlideDuration:b,highlightSlideStagger:y,highlightSlideSequential:x,alternateHighlightText:v,alternateAnimation:k,alternateDuration:S,...z}),j=Bf[l],B={fontFamily:"Mulish, Inter, Geist, system-ui, sans-serif",fontWeight:l==="xl"?700:600,letterSpacing:l==="xl"?"-1.5px":"-0.01em"},_=_f[t](n,a),$=(L,Y)=>L&&(Array.isArray(L)?L.map(Q=>({...Q,iterationCount:Y.toString()})):{...L,iterationCount:Y.toString()}),N=$(d,c),O=$(m,f),G=typeof D=="string"?D:typeof e=="string"?e:"",q={ref:M,animate:P?N:void 0,as:"h1",fontSize:j,...w?Lf[l]:{},...B},K=L=>!P&&(V||E)?r.jsx("span",{style:{opacity:0},children:L}):V?r.jsx(Of,{text:L,typingSpeed:Math.max(30,p/(L.length*10)),cursorColor:"currentColor",..._}):E?r.jsx(Nf,{text:L,duration:H,stagger:W,sequential:A,direction:"up",wordProps:_}):Bt(L);if(typeof G=="string"&&F){const L=Array.isArray(F)?new RegExp(`(${F.map(Z=>Wl(String(Z))).join("|")})`,"gi"):new RegExp(`(${Wl(String(F))})`,"gi"),Y=[];let Q=0,oe;for(;oe=L.exec(G);)oe.index>Q&&Y.push(G.substring(Q,oe.index)),Y.push({highlight:!0,text:oe[0]}),Q=oe.index+oe[0].length;return Q<G.length&&Y.push(G.substring(Q)),r.jsx(i.Element,{...q,...s==null?void 0:s.container,...z,children:Y.map((Z,re)=>typeof Z=="string"?r.jsx(i.Text,{as:"span",display:"inline",...s==null?void 0:s.text,children:Bt(Z)},`text-${re}`):r.jsx(i.Text,{as:"span",display:"inline",animate:P?O:void 0,...E?{}:_,...s==null?void 0:s.highlight,children:K(Z.text)},`highlight-${re}`))})}return t&&!F?r.jsx(i.Element,{...q,...z,...s==null?void 0:s.container,children:r.jsx(i.Text,{as:"span",display:"inline",animate:P?O:void 0,...E?{}:_,...s==null?void 0:s.highlight,children:K(G)})}):r.jsx(i.Text,{...q,...z,...s==null?void 0:s.container,...s==null?void 0:s.text,children:Bt(G)})},Hl=e=>r.jsx(qf,{...e}),jl=({items:e,shape:o,variant:t,onToggleChange:n})=>{const{activeToggles:a,setActiveToggles:l}=al();return r.jsx(ll,{items:e,shape:o,variant:t,activeToggles:a,setActiveToggles:l,onToggleChange:n})},Uf=({items:e,onChange:o})=>{const[t,n]=h.useState(e),[a,l]=h.useState(null),[s,m]=h.useState(null),d=h.useRef({x:0,y:0}),c=h.useRef([]),f=h.useCallback((u,b)=>{u.preventDefault(),document.body.style.cursor="grabbing";const y="touches"in u?u.touches[0].clientX:u.clientX,x="touches"in u?u.touches[0].clientY:u.clientY;d.current={x:y,y:x},m(b),l(t[b])},[t]),g=h.useCallback(u=>{if(s===null)return;const b="touches"in u?u.touches[0].clientX:u.clientX,y="touches"in u?u.touches[0].clientY:u.clientY,x=c.current[s];if(!x)return;const C=b-d.current.x,w=y-d.current.y;x.style.transform=`translate(${C}px, ${w}px)`,x.style.zIndex="1000";const v=c.current.findIndex((k,S)=>{if(!k||S===s)return!1;const T=k.getBoundingClientRect();return y>=T.top&&y<=T.bottom});if(v!==-1&&v!==s){const k=[...t],[S]=k.splice(s,1);k.splice(v,0,S),n(k),m(v),o==null||o(k),d.current={x:b,y}}},[s,t,o]),p=h.useCallback(()=>{document.body.style.cursor="",c.current.forEach(u=>{u&&(u.style.transform="",u.style.zIndex="")}),m(null),l(null)},[s]);return h.useEffect(()=>(s!==null&&(window.addEventListener("mousemove",g),window.addEventListener("touchmove",g),window.addEventListener("mouseup",p),window.addEventListener("touchend",p)),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("touchmove",g),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p)}),[s,g,p]),{items:t,draggedItem:a,draggedIndex:s,itemRefs:c,handleDragStart:f}},Gf=({items:e,renderItem:o,containerProps:t,itemProps:n,draggedIndex:a,itemRefs:l,handleDragStart:s,views:m,themeMode:d})=>r.jsx(i.View,{overflow:"hidden",position:"relative",...t,...m==null?void 0:m.container,children:e.map((c,f)=>r.jsx(i.View,{ref:g=>{l.current[f]=g},onMouseDown:g=>s(g,f),onTouchStart:g=>s(g,f),position:"relative",cursor:"grab",transition:"transform 0.2s",...n,...m==null?void 0:m.item,children:o?o(c,f):c},f))}),Pl=e=>{const{items:o,draggedIndex:t,itemRefs:n,handleDragStart:a}=Uf(e);return r.jsx(Gf,{...e,items:o,draggedIndex:t,itemRefs:n,handleDragStart:a})},Yf=Pl,Xf=({onFileSelect:e,onMultipleFileSelect:o,validateFile:t,accept:n,multiple:a,disabled:l,previewUrl:s})=>{const[m,d]=h.useState(!1),[c,f]=h.useState(null),g=h.useRef(null),p=s!==void 0?s:c;h.useEffect(()=>()=>{c&&URL.revokeObjectURL(c)},[c]);const u=h.useCallback(k=>{k.preventDefault(),k.stopPropagation(),!l&&d(!0)},[l]),b=h.useCallback(k=>{k.preventDefault(),k.stopPropagation(),!l&&d(!1)},[l]),y=h.useCallback(k=>{k.preventDefault(),k.stopPropagation(),!l&&d(!0)},[l]),x=h.useCallback(k=>{if(!k||k.length===0)return;const S=Array.from(k);if(!a&&S.length>0){const T=S[0];if(T.type.startsWith("image/")){const z=URL.createObjectURL(T);f(M=>(M&&URL.revokeObjectURL(M),z))}else f(null)}a?o&&o(S):S.length>0&&e&&e(S[0])},[a,o,e]),C=h.useCallback(k=>{k.preventDefault(),k.stopPropagation(),d(!1),!l&&k.dataTransfer.files&&k.dataTransfer.files.length>0&&(x(k.dataTransfer.files),k.dataTransfer.clearData())},[l,x]),w=h.useCallback(()=>{var k;l||(k=g.current)==null||k.click()},[l]),v=h.useCallback(k=>{x(k.target.files),k.target.value&&(k.target.value="")},[x]);return{isDragActive:m,handleDragEnter:u,handleDragLeave:b,handleDragOver:y,handleDrop:C,handleClick:w,handleFileChange:v,inputRef:g,preview:p}},Kf={position:"absolute",top:"-4px",right:"-4px",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.5)",color:"white",border:"none",padding:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:"12px",zIndex:10,_hover:{backgroundColor:"rgba(0, 0, 0, 0.7)"}},Al=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:s={}})=>{if(e.length===0)return null;const m=h.useCallback(c=>c<1024?`${c} B`:c<1024*1024?`${(c/1024).toFixed(1)} KB`:`${(c/(1024*1024)).toFixed(1)} MB`,[]),d=h.useCallback(c=>c.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:c.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:c.type.startsWith("audio/")?{backgroundColor:"#DCFCE7",color:"#16A34A"}:{backgroundColor:"#E2E8F0",color:"#475569"},[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:a,overflowY:"auto",...s==null?void 0:s.container,children:e.map((c,f)=>{const g=(c==null?void 0:c.path)||(c==null?void 0:c.url)||(l?URL.createObjectURL(c):""),p=c.type.startsWith("image/"),u=c.type.startsWith("video/"),b=c.type.startsWith("audio/"),y=d(c);return l?r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...s==null?void 0:s.item,children:l&&r.jsxs(Se,{children:[r.jsxs(Se.Trigger,{children:[p&&r.jsx(i.Image,{src:g,alt:c.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),u&&r.jsx(i.View,{as:"video",src:g,alt:c.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),b&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(ho,{widthHeight:24,color:"color-black"})}),!p&&!u&&!b&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(Ze,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...Kf,onClick:x=>{x.stopPropagation(),t(f)},"aria-label":`Remove ${c.name}`,children:"×"})]}),r.jsxs(Se.Content,{children:[p&&r.jsx(i.Image,{src:g,alt:c.name,maxWidth:"100%"}),u&&r.jsx(i.View,{as:"video",src:g,controls:!0,maxWidth:"100%"}),b&&r.jsx(i.View,{as:"audio",src:g,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...s==null?void 0:s.name,children:[c.name," (",m(c.size),")"]})]})]})},f):r.jsxs(i.Horizontal,{alignItems:"center",gap:"8px",padding:"6px 10px 6px 8px",borderRadius:"9999px",border:"1px solid #E2E8F0",backgroundColor:"color-white",maxWidth:"100%",animate:{from:{opacity:0,scale:.96},to:{opacity:1,scale:1}},animationDuration:.2,...s==null?void 0:s.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:y.backgroundColor,color:y.color,children:b?r.jsx(ho,{widthHeight:12,color:"currentColor"}):r.jsx(Ze,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...s==null?void 0:s.name,children:[c.name," · ",m(c.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(f),"aria-label":`Remove ${c.name}`,display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",border:"none",backgroundColor:"transparent",color:"color-gray-400",padding:0,cursor:"pointer",transition:"color 0.2s ease, opacity 0.2s ease",_hover:{color:"color-gray-600"},children:"×"})]},f)})})},Jf=({children:e,text:o="Drop files here or click to upload",textProps:t,containerProps:n,disabled:a,accept:l,multiple:s,isDragActive:m,handleDragEnter:d,handleDragLeave:c,handleDragOver:f,handleDrop:g,handleClick:p,handleFileChange:u,inputRef:b,preview:y,imageProps:x,selectedFiles:C,onRemove:w})=>r.jsxs(i.Center,{width:"100%",minHeight:"200px",height:C&&C.length>0?"auto":"200px",borderWidth:2,borderStyle:"dashed",borderColor:m?"theme-primary":"rgba(203, 213, 225, 0.95)",borderRadius:12,backgroundColor:m?"#EFF6FF":"#F8FAFC",flexDirection:"column",cursor:a?"not-allowed":"pointer",opacity:a?.6:1,onClick:p,onDragEnter:d,onDragLeave:c,onDragOver:f,onDrop:g,transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease",overflow:"hidden",position:"relative",padding:16,...n,children:[r.jsx("input",{type:"file",ref:b,onChange:u,accept:l,multiple:s,style:{display:"none"},disabled:a}),y&&!s?r.jsxs(i.View,{width:"100%",height:"200px",position:"relative",children:[r.jsx(i.Image,{src:y,alt:"Preview",width:"100%",height:"100%",objectFit:"contain",...x}),r.jsx(i.Center,{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.3)",opacity:0,_hover:{opacity:1},transition:"opacity 0.2s",children:r.jsx(i.Text,{color:"white",fontWeight:600,children:"Click to replace"})})]}):r.jsxs(i.View,{flexDirection:"column",alignItems:"center",width:"100%",children:[e||r.jsxs(i.View,{flexDirection:"column",alignItems:"center",width:"100%",children:[r.jsx(tt,{widthHeight:40,color:m?"theme-primary":"rgba(100, 116, 139, 0.9)"}),r.jsx(i.Text,{marginTop:16,color:m?"theme-primary":"rgba(71, 85, 105, 0.95)",fontWeight:500,textAlign:"center",...t,children:o})]}),s&&C&&C.length>0&&r.jsx(i.View,{marginTop:16,width:"100%",children:r.jsx(Al,{files:C,onRemove:w||(()=>{}),showPreviews:!0,layout:"inline",maxHeight:"160px"})})]})]}),Qf=e=>{const o=Xf(e);return r.jsx(Jf,{...e,...o})},Zf=(e=!1)=>{const[o,t]=h.useState(e),[n,a]=h.useState(null);return h.useEffect(()=>{const l=d=>{!d.composedPath().some(g=>(g==null?void 0:g.id)==="dropdown-menu"||(g==null?void 0:g.id)==="dropdown-trigger")&&o&&(t(!1),a(null))},s=()=>{o&&(t(!1),a(null))},m=d=>{d.key==="Escape"&&o&&(t(!1),a(null))};return document.addEventListener("mousedown",l),window.addEventListener("resize",s),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",l),window.removeEventListener("resize",s),document.removeEventListener("keydown",m)}},[o]),{isOpen:o,setIsOpen:t,activeSubmenuId:n,setActiveSubmenuId:a}},Rf={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},eg={default:{backgroundColor:"color-white",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},og={hover:{backgroundColor:"color-gray-100"}},El=h.createContext({isOpen:!1,setIsOpen:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null}}),rg=({children:e,value:o})=>r.jsx(El.Provider,{value:o,children:e}),Lt=()=>{const e=h.useContext(El);if(!e)throw new Error("useDropdownMenuContext must be used within a DropdownMenuProvider");return e},Vl=({children:e,views:o,...t})=>{const{isOpen:n,setIsOpen:a,triggerRef:l}=Lt(),s=m=>{m.stopPropagation(),a(!n)};return r.jsx(i.View,{ref:l,id:"dropdown-trigger",onClick:s,cursor:"pointer",position:"relative",display:"inline-block",...o==null?void 0:o.container,...t,children:e})},_t=({items:e,side:o="bottom",align:t="start",views:n,...a})=>{const{isOpen:l,variant:s,triggerRef:m}=Lt(),d=h.useRef(null),{ref:c,relation:f}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[g,p]=h.useState({x:0,y:0,placement:o});if(h.useEffect(()=>{m.current&&c&&(c.current=m.current)},[m,c,l]),h.useEffect(()=>{if(l&&d.current&&m.current){const y=m.current.getBoundingClientRect();let x=o;f&&(o==="bottom"&&f.space.vertical==="top"?x="top":o==="top"&&f.space.vertical==="bottom"?x="bottom":o==="right"&&f.space.horizontal==="left"?x="left":o==="left"&&f.space.horizontal==="right"&&(x="right"));let C=0,w=0;switch(x){case"bottom":C=t==="start"?y.left:t==="end"?y.right-180:y.left+y.width/2-90,w=y.bottom+8;break;case"top":C=t==="start"?y.left:t==="end"?y.right-180:y.left+y.width/2-90,w=y.top-8;break;case"right":C=y.right+8,w=t==="start"?y.top:t==="end"?y.bottom-100:y.top+y.height/2-50;break;case"left":C=y.left-8,w=t==="start"?y.top:t==="end"?y.bottom-100:y.top+y.height/2-50;break}p({x:C,y:w,placement:x})}},[l,o,t,m,f]),!l)return null;const b=(()=>{const y={position:"fixed",left:g.x,top:g.y,zIndex:1e3};switch(g.placement){case"top":return{...y,transform:"translateY(-100%)"};case"left":return{...y,transform:"translateX(-100%)"};case"bottom":case"right":default:return y}})();return r.jsx(i.View,{ref:d,id:"dropdown-menu",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:b,...eg[s],...n==null?void 0:n.menu,...a,children:e.map((y,x)=>y.divider?r.jsx($l,{views:n},`divider-${x}`):r.jsx(Dl,{item:y,views:n},y.id))})},Dl=({item:e,views:o,...t})=>{const{activeSubmenuId:n,setActiveSubmenuId:a,size:l}=Lt(),[s,m]=h.useState(!1),d=e.items&&e.items.length>0,c=n===e.id,f=h.useRef(null),g=()=>{m(!0),d&&a(e.id)},p=()=>{m(!1)},u=b=>{b.stopPropagation(),!e.disabled&&!d&&e.onClick&&e.onClick()};return r.jsxs(i.View,{ref:f,display:"flex",alignItems:"center",cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?.5:1,position:"relative",...Rf[l],_hover:e.disabled?{}:og.hover,backgroundColor:s&&!e.disabled?"color-gray-100":"transparent",onMouseEnter:g,onMouseLeave:p,onClick:u,...o==null?void 0:o.item,...t,children:[e.icon&&r.jsx(i.View,{marginRight:8,...o==null?void 0:o.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),d&&r.jsx(i.View,{marginLeft:8,...o==null?void 0:o.submenuIndicator,children:r.jsx(ce,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),c&&d&&r.jsx(_t,{items:e.items||[],side:"right",align:"start",views:o})]})},$l=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.divider,...o}),tg=({trigger:e,items:o,side:t="bottom",align:n="start",views:a,themeMode:l,...s})=>r.jsxs(i.View,{position:"relative",display:"inline-block",...a==null?void 0:a.container,...s,children:[r.jsx(Vl,{views:a,children:e}),r.jsx(_t,{items:o,side:t,align:n,views:a})]}),Go=({trigger:e,items:o,size:t="md",variant:n="default",side:a="bottom",align:l="start",defaultOpen:s=!1,views:m,...d})=>{const{isOpen:c,setIsOpen:f,activeSubmenuId:g,setActiveSubmenuId:p}=Zf(s),u=h.useRef(null);return r.jsx(rg,{value:{isOpen:c,setIsOpen:f,activeSubmenuId:g,setActiveSubmenuId:p,size:t,variant:n,triggerRef:u},children:r.jsx(tg,{trigger:e,items:o,side:a,align:l,views:m,...d})})};Go.Trigger=Vl,Go.Content=_t,Go.Item=Dl,Go.Divider=$l;const ng=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,isOpen:l,onOpen:s,onClose:m,closeOnSelect:d=!0,maxRecentColors:c=8,showRecentColors:f=!0}=e,[g,p]=h.useState(l??!1),[u,b]=h.useState(o??t),[y,x]=h.useState(""),[C,w]=h.useState([]),v=h.useRef(null),k=h.useRef(null);h.useEffect(()=>{o!==void 0&&b(o)},[o]),h.useEffect(()=>{l!==void 0&&p(l)},[l]),h.useEffect(()=>{if(f){const F=localStorage.getItem("colorPicker-recentColors");if(F)try{w(JSON.parse(F))}catch{}}},[f]),h.useEffect(()=>{const F=V=>{g&&v.current&&k.current&&!v.current.contains(V.target)&&!k.current.contains(V.target)&&D()};return document.addEventListener("mousedown",F),()=>document.removeEventListener("mousedown",F)},[g]);const S=h.useCallback(F=>{f&&w(V=>{const E=V.filter(W=>W!==F),H=[F,...E].slice(0,c);return localStorage.setItem("colorPicker-recentColors",JSON.stringify(H)),H})},[f,c]),T=h.useCallback(()=>{const F=!g;p(F),F?s==null||s():m==null||m()},[g,s,m]),z=h.useCallback(F=>{b(F),S(F),n==null||n(F),a==null||a(F),d&&(p(!1),m==null||m())},[n,a,d,m,S]),M=h.useCallback(F=>{x(F)},[]),P=h.useCallback(()=>{y&&(z(y),x(""))},[y,z]),D=h.useCallback(()=>{p(!1),m==null||m()},[m]);return{isOpen:g,selectedColor:u,recentColors:C,customColor:y,handleToggle:T,handleColorSelect:z,handleCustomColorChange:M,handleCustomColorSubmit:P,handleClose:D,triggerRef:v,dropdownRef:k}},So={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"},dropdown:{position:"absolute",top:"calc(100% + 8px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"#E5E7EB",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.14)",padding:"16px",minWidth:"320px"},colorGrid:{display:"grid",gridTemplateColumns:"repeat(6, 36px)",gap:"12px",marginBottom:"16px"},customInput:{marginBottom:"12px"},recentColors:{borderTop:"1px solid #F3F4F6",paddingTop:"12px"}},ag={xs:{height:"32px",fontSize:"12px",padding:"4px 8px"},sm:{height:"40px",fontSize:"12px",padding:"8px 10px"},md:{height:"44px",fontSize:"14px",padding:"10px 12px"},lg:{height:"48px",fontSize:"16px",padding:"12px 14px"},xl:{height:"56px",fontSize:"18px",padding:"14px 16px"}},lg={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},ig={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"#E5E7EB",color:"color-gray-900"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"#E5E7EB",color:"color-gray-900"},filled:{backgroundColor:"#F8FAFC",borderWidth:"1px",borderStyle:"solid",borderColor:"#E5E7EB",color:"color-gray-900"}},sg=[{name:"Blue",value:"#1D4ED8",category:"primary"},{name:"Purple",value:"#A855F7",category:"primary"},{name:"Green",value:"#22C55E",category:"primary"},{name:"Orange",value:"#F97316",category:"primary"},{name:"Red",value:"#EF4444",category:"primary"},{name:"Ink",value:"#111827",category:"neutral"}],cg=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:s="md",shape:m="default",variant:d="default",error:c=!1,isDisabled:f=!1,isReadOnly:g=!1,predefinedColors:p=sg,showCustomInput:u=!0,showRecentColors:b=!0,isOpen:y,selectedColor:x,recentColors:C,customColor:w,handleToggle:v,handleColorSelect:k,handleCustomColorChange:S,handleCustomColorSubmit:T,handleClose:z,triggerRef:M,dropdownRef:P,onChange:D,onChangeComplete:F,onOpen:V,onClose:E,colorFormat:H,maxRecentColors:W,closeOnSelect:A,defaultValue:j,value:B,..._})=>{const $={...So.container,...l==null?void 0:l.container},N={...So.trigger,...ag[s],...lg[m],...ig[d],...c&&{borderColor:"color-red-500"},...f&&{opacity:.6,cursor:"not-allowed"},...!f&&!g&&{_hover:{borderColor:"rgba(148, 163, 184, 0.9)"}},...l==null?void 0:l.trigger},O={...So.dropdown,...l==null?void 0:l.dropdown},G={...So.colorGrid,...l==null?void 0:l.colorGrid},q={...So.recentColors,...l==null?void 0:l.recentColors},K=x||"color-gray-200";return r.jsxs(i.View,{...$,..._,children:[t&&r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",fontWeight:"500",color:"color-gray-600",marginBottom:"6px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:M,onClick:f||g?void 0:v,...N,children:[r.jsxs(i.Horizontal,{alignItems:"center",gap:8,children:[r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:K,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"}),r.jsx(i.Text,{color:x?"color-gray-900":"color-gray-500",fontSize:"inherit",children:x||n})]}),!g&&!f&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:y?"up":"down"})]}),y&&r.jsxs(i.View,{ref:P,...O,children:[r.jsx(i.View,{...G,children:p.map((L,Y)=>r.jsx(i.View,{width:"36px",height:"36px",borderRadius:"8px",backgroundColor:L.value,borderWidth:"1px",borderStyle:"solid",borderColor:x===L.value?"theme-primary":"transparent",cursor:"pointer",onClick:()=>k(L.value),title:L.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"},...l==null?void 0:l.colorSwatch},Y))}),u&&r.jsxs(i.View,{...So.customInput,...l==null?void 0:l.customInput,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",marginBottom:"10px",children:[r.jsx("input",{type:"color",value:w||"#1D4ED8",onChange:L=>{const Y=L.target.value;S(Y),k(Y)},style:{width:"36px",height:"36px",border:"1px solid #E5E7EB",borderRadius:"8px",cursor:"pointer",backgroundColor:"transparent"},title:"Pick a color"}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",children:"HEX"})]}),r.jsx(Te,{placeholder:"#1D4ED8",value:w,onChange:L=>S(L.target.value),onKeyPress:L=>{L.key==="Enter"&&T()},size:"sm",right:w&&r.jsx(i.View,{width:"18px",height:"18px",borderRadius:"6px",backgroundColor:w,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",onClick:T})})]}),b&&C.length>0&&r.jsxs(i.View,{...q,children:[r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",fontWeight:"500",color:"color-gray-500",marginBottom:"8px",children:"Recent Colors"}),r.jsx(i.Horizontal,{gap:8,flexWrap:"wrap",children:C.map((L,Y)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:L,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>k(L),title:L,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"}},Y))})]})]}),a&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:c?"color-red-500":"color-gray-500",marginTop:"4px",...l==null?void 0:l.helperText,children:a})]})},Bl=e=>{const o=ng(e);return r.jsx(cg,{...o,...e})},dg=e=>{const o=dl(e);return r.jsx(ml,{...o,...e})},mg=e=>{const o=sl(e);return r.jsx(cl,{...o,...e})},Ll={"to-right":"to right","to-left":"to left","to-bottom":"to bottom","to-top":"to top","to-top-right":"to top right","to-top-left":"to top left","to-bottom-right":"to bottom right","to-bottom-left":"to bottom left"},Mr={center:"center",top:"top",right:"right",bottom:"bottom",left:"left","top-right":"top right","top-left":"top left","bottom-right":"bottom right","bottom-left":"bottom left"},hg={linear:[{color:"color-blue-500",position:"0%"},{color:"color-purple-500",position:"100%"}],radial:[{color:"color-blue-500",position:"0%"},{color:"color-purple-500",position:"100%"}],conic:[{color:"color-red-500",position:"0deg"},{color:"color-yellow-500",position:"90deg"},{color:"color-green-500",position:"180deg"},{color:"color-blue-500",position:"270deg"},{color:"color-red-500",position:"360deg"}]},fg=(e,o,t,n,a)=>{const l=o.map(s=>`${s.color} ${s.position||""}`).join(", ");switch(e){case"linear":return`linear-gradient(${t&&Ll[t]?Ll[t]:t||"to right"}, ${l})`;case"radial":const m=a&&Mr[a]?Mr[a]:a||"center";return`radial-gradient(${n||"circle"} at ${m}, ${l})`;case"conic":return`conic-gradient(from 0deg at ${a&&Mr[a]?Mr[a]:a||"center"}, ${l})`;default:return`linear-gradient(to right, ${l})`}},gg={linear:{backgroundSize:"200% 200%",transition:"background-position 3s ease-in-out",animate:{from:{backgroundPosition:"0% 50%"},"50%":{backgroundPosition:"100% 50%"},to:{backgroundPosition:"0% 50%"}}},radial:{backgroundSize:"100% 100%",transition:"background-position 3s ease-in-out, background-size 3s ease-in-out",animate:{from:{backgroundPosition:"center",backgroundSize:"100% 100%"},"50%":{backgroundSize:"120% 120%"},to:{backgroundPosition:"center",backgroundSize:"100% 100%"}}},conic:{transition:"transform 3s linear",animate:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}}}},_l={container:{position:"relative",overflow:"hidden",borderRadius:"8px",transition:"border-radius 0.2s ease, opacity 0.2s ease"},content:{position:"relative",zIndex:1,width:"100%",height:"100%",padding:"16px"}},pg=({type:e="linear",direction:o="to-right",shape:t="circle",position:n="center",from:a,to:l,colors:s,animate:m=!1,animationDuration:d=3,children:c,views:f,themeMode:g,...p})=>{const u=h.useMemo(()=>s&&s.length>0?s:a&&l?[{color:a,position:"0%"},{color:l,position:"100%"}]:hg[e],[s,a,l,e]),b=h.useMemo(()=>{const x=u.map(C=>({...C,color:C.color}));return fg(e,x,o,t,n)},[e,u,o,t,n]),y=h.useMemo(()=>{if(!m)return{};const x=gg[e];return{...x,transition:x.transition.replace("3s",`${d}s`),animationDuration:`${d}s`,animationIterationCount:"infinite",animationTimingFunction:e==="conic"?"linear":"ease-in-out"}},[m,d,e]);return r.jsx(i.View,{background:b,..._l.container,...y,...f==null?void 0:f.container,...p,children:c&&r.jsx(i.View,{..._l.content,...f==null?void 0:f.content,children:c})})},Ol=e=>r.jsx(pg,{...e}),ug=(e=null,o=null)=>{const[t,n]=h.useState(e),[a,l]=h.useState(o),s=d=>a===d,m=d=>{l(c=>c===d?null:d)};return h.useEffect(()=>{const d=f=>{!f.composedPath().some(u=>(u==null?void 0:u.id)==="menubar-content"||(u==null?void 0:u.id)==="menubar-trigger")&&a!==null&&l(null)},c=f=>{f.key==="Escape"&&a!==null&&l(null)};return document.addEventListener("mousedown",d),document.addEventListener("keydown",c),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",c)}},[a]),{activeMenuId:t,setActiveMenuId:n,openMenuId:a,setOpenMenuId:l,isMenuOpen:s,toggleMenu:m}},Nl={sm:{padding:"6px 10px",fontSize:"14px"},md:{padding:"8px 12px",fontSize:"16px"},lg:{padding:"10px 16px",fontSize:"18px"}},bg={default:{backgroundColor:"transparent",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},yg={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Wr={active:{backgroundColor:"color-gray-200",fontWeight:"bold"},hover:{backgroundColor:"color-gray-100"},disabled:{opacity:.5,cursor:"not-allowed"}},ql=h.createContext({activeMenuId:null,setActiveMenuId:()=>{},openMenuId:null,setOpenMenuId:()=>{},isMenuOpen:()=>!1,toggleMenu:()=>{},orientation:"horizontal",size:"md",variant:"default",triggerRefs:{current:{}}}),Hr=()=>h.useContext(ql),xg=({value:e,children:o})=>r.jsx(ql.Provider,{value:e,children:o}),Ul=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",views:a,...l})=>{const s=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(s,{role:"menubar","aria-orientation":o,...yg[o],...bg[n],...a==null?void 0:a.container,...l,children:e})},Gl=({children:e,id:o,disabled:t=!1,views:n})=>{const{orientation:a}=Hr(),l=a==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(l,{role:"none",position:"relative",opacity:t?.5:1,pointerEvents:t?"none":"auto",...n==null?void 0:n.menu,children:h.Children.map(e,s=>h.isValidElement(s)?h.cloneElement(s,{...s.props,menuId:o}):s)})},Yl=({children:e,menuId:o,disabled:t=!1,views:n})=>{const{activeMenuId:a,setActiveMenuId:l,toggleMenu:s,isMenuOpen:m,size:d,triggerRefs:c}=Hr(),f=h.useRef(null),g=a===o,p=m(o);h.useEffect(()=>(f.current&&o&&(c.current[o]=f.current),()=>{o&&delete c.current[o]}),[o,c]);const u=()=>{t||(l(o),s(o))};return r.jsx(i.View,{ref:f,id:"menubar-trigger",role:"menuitem","aria-haspopup":"true","aria-expanded":p,userSelect:"none",display:"flex",alignItems:"center",justifyContent:"space-between",...Nl[d],...g?Wr.active:{},...t?Wr.disabled:{},_hover:t?{}:Wr.hover,onClick:u,...n==null?void 0:n.trigger,children:e})},Xl=({children:e,menuId:o,views:t})=>{const{isMenuOpen:n,orientation:a,triggerRefs:l}=Hr(),s=h.useRef(null),[m,d]=h.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),c=n(o);if(h.useEffect(()=>{if(c&&s.current&&o&&l.current[o]){const g=s.current.getBoundingClientRect(),p=l.current[o].getBoundingClientRect(),u=Math.max(g.width||200,200),b=Math.max(g.height||150,150),y=window.innerWidth,x=window.innerHeight,C={top:p.top,right:y-p.right,bottom:x-p.bottom,left:p.left},w=a==="horizontal"?[{placement:"bottom",space:C.bottom,fits:C.bottom>=b+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=b+8,x:p.left,y:p.top-b-8},{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top}]:[{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top},{placement:"bottom",space:C.bottom,fits:C.bottom>=b+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=b+8,x:p.left,y:p.top-b-8}],v=w.find(z=>z.fits);if(v){d({x:v.x,y:v.y,placement:v.placement});return}const k=w.reduce((z,M)=>M.space>z.space?M:z);let S=k.x,T=k.y;S+u>y&&(S=y-u-8),S<8&&(S=8),T+b>x&&(T=x-b-8),T<8&&(T=8),d({x:S,y:T,placement:k.placement})}},[c,a,o,l]),!c)return null;const f={position:"fixed",left:m.x,top:m.y,zIndex:1e3};return r.jsx(i.View,{ref:s,id:"menubar-content",role:"menu",minWidth:"200px",backgroundColor:"color-white",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:f,...t==null?void 0:t.content,children:e})},Kl=({children:e,icon:o,disabled:t=!1,onClick:n,views:a})=>{const{size:l}=Hr(),s=()=>{t||!n||n()};return r.jsxs(i.View,{role:"menuitem",cursor:t?"not-allowed":"pointer",userSelect:"none",display:"flex",alignItems:"center",opacity:t?.5:1,...Nl[l],_hover:t?{}:Wr.hover,onClick:s,...a==null?void 0:a.item,children:[o&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:o}),e]})},Jl=({views:e})=>r.jsx(i.View,{role:"separator",height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.separator}),Cg=({items:e,orientation:o,size:t,variant:n,views:a,themeMode:l})=>r.jsx(Ul,{orientation:o,size:t,variant:n,views:a,children:e.map(s=>r.jsxs(Gl,{id:s.id,disabled:s.disabled,views:a,children:[r.jsxs(Yl,{menuId:s.id,views:a,children:[s.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:s.icon}),s.label]}),s.items&&s.items.length>0&&r.jsx(Xl,{menuId:s.id,views:a,children:s.items.map((m,d)=>m.separator?r.jsx(Jl,{views:a},`separator-${d}`):r.jsx(Kl,{id:m.id,icon:m.icon,disabled:m.disabled,onClick:m.onClick,views:a,children:m.label},m.id))})]},s.id))}),lo=({items:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultActiveMenuId:a=null,defaultOpenMenuId:l=null,views:s,...m})=>{const{activeMenuId:d,setActiveMenuId:c,openMenuId:f,setOpenMenuId:g,isMenuOpen:p,toggleMenu:u}=ug(a,l),b=h.useRef({});return r.jsx(xg,{value:{activeMenuId:d,setActiveMenuId:c,openMenuId:f,setOpenMenuId:g,isMenuOpen:p,toggleMenu:u,orientation:o,size:t,variant:n,triggerRefs:b},children:r.jsx(Cg,{items:e,orientation:o,size:t,variant:n,views:s,...m})})};lo.Root=Ul,lo.Menu=Gl,lo.Trigger=Yl,lo.Content=Xl,lo.Item=Kl,lo.Separator=Jl;const kg=(e,o,t)=>{const[n,a]=h.useState([]);return h.useEffect(()=>{a((()=>{const s=[];if(o<=t)for(let m=1;m<=o;m++)s.push(m);else{s.push(1);let m=Math.max(2,e-Math.floor((t-2)/2)),d=Math.min(o-1,m+t-3);d>=o-1&&(d=o-1,m=Math.max(2,d-(t-3))),m>2&&s.push("...");for(let c=m;c<=d;c++)s.push(c);d<o-1&&s.push("..."),s.push(o)}return s})())},[e,o,t]),{visiblePageNumbers:n}},vo={sm:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px",media:{mobile:{fontSize:"11px",padding:"3px 6px",minWidth:"24px",height:"24px"}}},md:{fontSize:"14px",padding:"6px 10px",minWidth:"32px",height:"32px",media:{mobile:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px"}}},lg:{fontSize:"14px",padding:"8px 12px",minWidth:"36px",height:"36px",media:{mobile:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px"}}}},Yo={default:{backgroundColor:"transparent",color:"color-gray-800",borderWidth:"0px",borderStyle:"none",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-100"}},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",borderWidth:"0px",borderStyle:"none",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-200"}},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-100"}}},Xo={rounded:{borderRadius:8},square:{borderRadius:"0px"},circular:{borderRadius:"50%"}},wg={backgroundColor:"theme-primary",color:"color-white",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"theme-primary",opacity:.9}},jr={opacity:.5,cursor:"not-allowed",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"transparent"}},Sg=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"100 / page",value:100}],onPageSizeChange:l,showPageSizeSelector:s=!1,showPageInfo:m=!0,maxPageButtons:d=5,showFirstLastButtons:c=!1,size:f="md",variant:g="default",shape:p="rounded",visiblePageNumbers:u=[],views:b,...y})=>{const x=v=>{v<1||v>o||v===e||t(v)},C=v=>{l&&l(Number(v.target.value))},w=(v,k)=>{if(v==="...")return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...vo[f],...b==null?void 0:b.ellipsis,children:"..."},`ellipsis-${k}`);const S=v===e;return r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:S?"default":"pointer",...vo[f],...Yo[g],...Xo[p],...S?wg:{},onClick:()=>x(v),"aria-label":`Page ${v}`,"aria-current":S?"page":void 0,...S?b==null?void 0:b.activePageButton:b==null?void 0:b.pageButton,children:v},`page-${v}`)};return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,...b==null?void 0:b.container,...y,children:[c&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...vo[f],...Yo[g],...Xo[p],...e===1?jr:{},onClick:()=>x(1),"aria-label":"First page",disabled:e===1,...b==null?void 0:b.navigationButton,children:[r.jsx(ce,{orientation:"left",widthHeight:16}),r.jsx(ce,{orientation:"left",widthHeight:16,marginLeft:"-8px"})]}),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...vo[f],...Yo[g],...Xo[p],...e===1?jr:{},onClick:()=>x(e-1),"aria-label":"Previous page",disabled:e===1,...b==null?void 0:b.navigationButton,children:r.jsx(ce,{orientation:"left",widthHeight:16})}),u.map((v,k)=>w(v,k)),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...vo[f],...Yo[g],...Xo[p],...e===o?jr:{},onClick:()=>x(e+1),"aria-label":"Next page",disabled:e===o,...b==null?void 0:b.navigationButton,children:r.jsx(ce,{orientation:"right",widthHeight:16})}),c&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...vo[f],...Yo[g],...Xo[p],...e===o?jr:{},onClick:()=>x(o),"aria-label":"Last page",disabled:e===o,...b==null?void 0:b.navigationButton,children:[r.jsx(ce,{orientation:"right",widthHeight:16}),r.jsx(ce,{orientation:"right",widthHeight:16,marginLeft:"-8px"})]}),m&&r.jsxs(i.Text,{marginLeft:16,color:"color-gray-600",...b==null?void 0:b.pageInfo,children:["Page ",e," of ",o]}),s&&l&&r.jsx(i.View,{as:"select",marginLeft:16,padding:"4px 8px",borderRadius:"4px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"color-white",cursor:"pointer",value:n,onChange:C,...b==null?void 0:b.pageSizeSelector,children:a.map(v=>r.jsx("option",{value:v.value,children:v.label},v.value))})]})},Ql=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:s=!1,showPageInfo:m=!0,maxPageButtons:d=5,showFirstLastButtons:c=!1,size:f="md",variant:g="default",shape:p="rounded",views:u,...b})=>{const{visiblePageNumbers:y}=kg(e,o,d);return r.jsx(Sg,{currentPage:e,totalPages:o,onPageChange:t,pageSize:n,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:s,showPageInfo:m,maxPageButtons:d,showFirstLastButtons:c,size:f,variant:g,shape:p,visiblePageNumbers:y,views:u,...b})},vg=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Tg=h.memo(({shape:e="linear",value:o=0,max:t=100,color:n="theme-primary",backgroundColor:a="color-gray-200",height:l,size:s,radius:m=4,strokeWidth:d=10,showLabel:c=!1,labelColor:f="theme-text-primary",animated:g=!0,animationDuration:p="0.5s",views:u,themeMode:b,...y})=>{var D;const{getColor:x,themeMode:C}=i.useTheme(),w=b||C,k=Math.min(t,Math.max(0,o))/t*100,S=F=>vg(F)?F:x(F,{themeMode:w}),T=h.useMemo(()=>S(a),[x,a,w]),z=h.useMemo(()=>S(n),[x,n,w]);if(e==="circle"){const F=s||(typeof l=="number"?l:100),V=(F-d)/2,E=2*Math.PI*V,H=E-k/100*E;return r.jsxs(i.View,{width:F,height:F,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...u==null?void 0:u.container,...y,children:[r.jsxs("svg",{width:F,height:F,viewBox:`0 0 ${F} ${F}`,style:{transform:"rotate(-90deg)"},children:[r.jsx("circle",{cx:F/2,cy:F/2,r:V,stroke:T,strokeWidth:d,fill:"transparent",...u==null?void 0:u.track}),r.jsx("circle",{cx:F/2,cy:F/2,r:V,stroke:z,strokeWidth:d,strokeDasharray:E,strokeDashoffset:H,strokeLinecap:"round",fill:"transparent",style:{transition:g?`stroke-dashoffset ${p} ease-in-out`:"none"},...u==null?void 0:u.indicator})]}),c&&r.jsx(i.View,{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",children:r.jsxs(i.Text,{color:f,fontSize:`${F*.2}px`,fontWeight:"bold",...u==null?void 0:u.text,children:[Math.round(k),"%"]})})]})}const M=l||8,P={backgroundColor:T,...((D=u==null?void 0:u.container)==null?void 0:D.style)||{},...y.style||{}};return r.jsxs(i.View,{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,width:"100%",height:M,borderRadius:m,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...u==null?void 0:u.container,...y,style:P,children:[r.jsx("div",{style:{height:"100%",backgroundColor:z,borderRadius:typeof m=="number"?`${m}px`:m,position:"absolute",left:0,top:0,bottom:0,width:`${k}%`,transition:g?`width ${p} ease-in-out`:"none",...u==null?void 0:u.bar}}),c&&r.jsxs(i.Text,{color:f,fontSize:typeof M=="number"&&M>16?`${M*.6}px`:"10px",fontWeight:"bold",position:"relative",zIndex:1,...u==null?void 0:u.text,children:[Math.round(k),"%"]})]})}),Zl=e=>{const o=fe("progress",e);return r.jsx(Tg,{...o})},Ig=(e=>({solid:"solid",dashed:"dashed",dotted:"dotted"}))(),Fg={thin:"1px",medium:"2px",thick:"4px"},Ko={container:{transition:"opacity 0.15s ease"},label:{fontSize:"14px",fontWeight:"500",color:"color-gray-600",paddingHorizontal:"8px",backgroundColor:"color-white",transition:"color 0.15s ease"}},zg=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Mg=({orientation:e="horizontal",variant:o="solid",thickness:t="thin",color:n,spacing:a="0px",label:l,decorative:s=!1,views:m,themeMode:d,...c})=>{const{themeMode:f}=i.useTheme(),g=n||"color-gray-200",p=Ig[o],u=Fg[t],b=s?{"aria-hidden":!0}:{role:"separator","aria-orientation":e},y=zg(g)?{style:{borderColor:g}}:{borderColor:g};return l&&e==="horizontal"?r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"center",width:"100%",padding:a,...b,...c,children:[r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${u} ${p}`,...y,...Ko.container,...m==null?void 0:m.container}),r.jsx(i.Text,{...Ko.label,...m==null?void 0:m.label,children:l}),r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${u} ${p}`,...y,...Ko.container,...m==null?void 0:m.container})]}):e==="horizontal"?r.jsx(i.View,{height:"0px",width:"100%",borderTop:`${u} ${p}`,padding:a,...y,...Ko.container,...b,...m==null?void 0:m.container,...c}):r.jsx(i.View,{width:"0px",height:"100%",borderLeft:`${u} ${p}`,padding:a,...y,...Ko.container,...b,...m==null?void 0:m.container,...c})},Rl=e=>{const o=fe("separator",e);return r.jsx(Mg,{...o})},Pr=Rl,Wg=Rl,Hg={xs:12,sm:14,md:16,lg:18,xl:20},jg=({isSupported:e,isSharing:o,onShare:t,label:n,children:a,icon:l,size:s,isDisabled:m,isLoading:d,iconPosition:c,disableWhenUnsupported:f=!0,...g})=>{const p=s??"md",u=l??r.jsx(vn,{widthHeight:Hg[p],strokeWidth:1.5,filled:!1}),b=!!m||!e&&f,y=!!d||o;return r.jsx(ie,{...g,size:p,icon:u,iconPosition:c??"left",isDisabled:b,isLoading:y,onClick:t,children:a??n??"Share"})},ei=()=>typeof navigator>"u"?void 0:navigator,Pg=(e,o)=>{if(!e||typeof e.share!="function")return!1;if(typeof e.canShare=="function")try{return e.canShare(o)}catch{return!1}return!0},Ag=e=>{if(typeof e=="object"&&e!==null&&"name"in e)return String(e.name)},Eg=e=>{const{shareData:o,onClick:t,onUnsupported:n,onShareStart:a,onShareSuccess:l,onShareCancel:s,onShareError:m}=e,[d,c]=h.useState(!1),f=h.useMemo(()=>Pg(ei(),o),[o]),g=h.useCallback((...p)=>{t==null||t(...p);const u=ei();if(!u||typeof u.share!="function"){n==null||n();return}if(!d){if(typeof u.canShare=="function")try{if(!u.canShare(o)){n==null||n();return}}catch(b){m==null||m(b);return}c(!0),a==null||a();try{u.share(o).then(()=>{l==null||l()}).catch(b=>{if(Ag(b)==="AbortError"){s==null||s();return}m==null||m(b)}).finally(()=>{c(!1)})}catch(b){c(!1),m==null||m(b)}}},[d,t,s,m,a,l,n,o]);return{isSupported:f,isSharing:d,handleShare:g}},oi=e=>{const{isSupported:o,isSharing:t,handleShare:n}=Eg(e),{shareData:a,onShareStart:l,onShareSuccess:s,onShareCancel:m,onShareError:d,onUnsupported:c,onClick:f,...g}=e;return r.jsx(jg,{...g,isSupported:o,isSharing:t,onShare:n})},Vg=({label:e,status:o="default",views:t,themeMode:n,...a})=>{const{themeMode:l}=i.useTheme(),s=En();return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,role:"status-indicator",...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{role:"status-dot",width:"8px",height:"8px",borderRadius:"50%",...s[o].indicator,...t==null?void 0:t.indicator}),e&&r.jsx(i.Text,{role:"status-label",fontSize:"14px",lineHeight:"20px",...s[o].label,...t==null?void 0:t.label,children:e})]})},Ar=e=>{const o=fe("status",e);return r.jsx(Vg,{...o})},Dg=(e=!0,o,t,n)=>{const{on:a}=i.useResponsive(),l=a("mobile"),[s,m]=h.useState(o!==void 0?o:e);return h.useEffect(()=>{o!==void 0&&m(o)},[o]),{isExpanded:s,toggleExpanded:()=>{const g=!s;m(g),t&&t(g)},expand:()=>{s||(m(!0),t&&t(!0))},collapse:()=>{s&&(m(!1),t&&t(!1))},isMobile:l}},$g={sm:{expandedWidth:"240px",collapsedWidth:"64px"},md:{expandedWidth:"280px",collapsedWidth:"72px"},lg:{expandedWidth:"320px",collapsedWidth:"80px"},xl:{expandedWidth:"360px",collapsedWidth:"88px"}},Bg=(e=>({default:{backgroundColor:"color-white",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},subtle:{backgroundColor:"color-gray-50",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease"},elevated:{backgroundColor:"color-white",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",color:"color-gray-800",transition:"all 0.2s ease-in-out"}}))(),Lg={left:{left:0,borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{right:0,borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"}},_g={none:{},low:{boxShadow:"0 1px 3px rgba(0, 0, 0, 0.1)"},medium:{boxShadow:"0 4px 12px rgba(0, 0, 0, 0.12)"},high:{boxShadow:"0 10px 30px rgba(0, 0, 0, 0.15)"}},Og={fast:"all 0.2s ease-in-out",normal:"all 0.3s ease-in-out",slow:"all 0.5s ease-in-out",bounce:"all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)"},ri=h.createContext({isExpanded:!0,toggleExpanded:()=>{},expand:()=>{},collapse:()=>{},position:"left",size:"md",variant:"default"}),Er=()=>h.useContext(ri),Ng=({value:e,children:o})=>r.jsx(ri.Provider,{value:e,children:o}),qg=({children:e,showToggleButton:o=!0,views:t,...n})=>{const{isExpanded:a,toggleExpanded:l,position:s}=Er();return r.jsx(i.Horizontal,{width:"100%",padding:"16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",alignItems:"center",justifyContent:"space-between",...t==null?void 0:t.header,...n,children:a?r.jsxs(i.Horizontal,{width:"100%",alignItems:"center",justifyContent:"space-between",children:[e,o&&r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"4px",backgroundColor:"transparent",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},onClick:l,"aria-label":a?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(ce,{orientation:s==="left"?"left":"right",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})]}):r.jsx(i.View,{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",children:o&&r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"4px",backgroundColor:"transparent",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},onClick:l,"aria-label":a?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(ce,{orientation:s==="left"?"right":"left",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})})})},Ug=({children:e,views:o,...t})=>{const{isExpanded:n}=Er();return r.jsx(i.View,{flex:"1",width:"100%",overflowY:"auto",overflowX:"hidden",padding:n?"16px":"8px",...o==null?void 0:o.content,...t,children:e})},Gg=({children:e,views:o,...t})=>{const{isExpanded:n}=Er();return r.jsx(i.View,{width:"100%",padding:"16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",...o==null?void 0:o.footer,...t,children:n?e:null})},Yg=({children:e,position:o="left",size:t="md",variant:n="default",fixed:a=!1,hasBackdrop:l=!0,expandedWidth:s,collapsedWidth:m,breakpoint:d,breakpointBehavior:c="overlay",elevation:f="none",transitionPreset:g="normal",ariaLabel:p="Sidebar navigation",showToggleButton:u,toggleExpanded:b,expand:y,isExpanded:x,isMobile:C,collapse:w,views:v,themeMode:k,...S})=>{const T=$g[t],z=x?s||T.expandedWidth:m||T.collapsedWidth,M=!C||C&&c!=="hide",P=a||C&&c==="overlay"?"fixed":"relative",D=l&&C&&x&&c==="overlay";return r.jsxs(r.Fragment,{children:[D&&r.jsx(i.View,{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"color-blackAlpha-500",zIndex:998,onClick:w,...v==null?void 0:v.backdrop}),M&&r.jsx(i.Vertical,{position:P,top:0,height:"100vh",width:z,zIndex:999,transition:Og[g],transform:C&&c==="overlay"&&!x?`translateX(${o==="left"?"-100%":"100%"})`:"translateX(0)",role:"navigation","aria-label":p,...Bg[n],...Lg[o],..._g[f],...v==null?void 0:v.container,...S,children:h.Children.map(e,F=>F)})]})},Jo=({children:e,position:o="left",size:t="md",variant:n="default",defaultExpanded:a=!0,expanded:l,onExpandedChange:s,fixed:m=!1,hasBackdrop:d=!0,showToggleButton:c=!0,expandedWidth:f,collapsedWidth:g,breakpoint:p=768,breakpointBehavior:u="overlay",views:b,...y})=>{const{isExpanded:x,toggleExpanded:C,expand:w,collapse:v,isMobile:k}=Dg(a,l,s);return r.jsx(Ng,{value:{isExpanded:x,toggleExpanded:C,expand:w,collapse:v,position:o,size:t,variant:n,views:b},children:r.jsx(Yg,{position:o,size:t,variant:n,fixed:m,hasBackdrop:d,showToggleButton:c,expandedWidth:f,collapsedWidth:g,breakpoint:p,breakpointBehavior:u,isExpanded:x,isMobile:k,toggleExpanded:C,expand:w,collapse:v,views:b,...y,children:e})})};Jo.Header=qg,Jo.Content=Ug,Jo.Footer=Gg,Jo.useContext=Er;const Xg=()=>({getItem:e=>{try{return localStorage.getItem(`resizable-${e}`)}catch(o){return console.warn("Failed to access localStorage:",o),null}},setItem:(e,o)=>{try{localStorage.setItem(`resizable-${e}`,o)}catch(t){console.warn("Failed to write to localStorage:",t)}}}),Kg=(e,o,t,n=50,a=1/0,l=!1,s,m,d=10)=>{const[c,f]=h.useState(!1),[g,p]=h.useState([]),u=h.useRef(null),b=h.useRef(null),y=h.useRef(0),x=h.useRef([]),C=h.useRef(m||(typeof window<"u"?Xg():null)),w=h.useCallback(()=>u.current?e==="horizontal"?u.current.offsetWidth:u.current.offsetHeight:0,[e]),v=h.useCallback(()=>{if(!s||!C.current)return null;const W=C.current.getItem(s);if(!W)return null;try{const A=JSON.parse(W);return Array.isArray(A.sizes)?A.sizes:null}catch(A){return console.warn("Failed to parse saved panel sizes:",A),null}},[s]),k=h.useCallback(()=>{if(!s||!C.current||g.length===0)return;const W=g.map(A=>({id:A.id,size:A.size,collapsed:A.collapsed||!1}));C.current.setItem(s,JSON.stringify({sizes:W}))},[s,g]),S=h.useCallback((W,A,j,B,_)=>{p($=>$.some(N=>N.id===W)?$:[...$,{id:W,size:A,minSize:j??n,maxSize:B??a,collapsible:_??l,collapsed:!1}])},[n,a,l]),T=h.useCallback(W=>{p(A=>A.filter(j=>j.id!==W))},[]),z=h.useCallback(W=>{const A=g.find(j=>j.id===W);return A?A.size:0},[g]),M=h.useCallback((W,A)=>{p(j=>j.map(B=>B.id===W?{...B,size:A}:B))},[]),P=h.useCallback(W=>{const A=g.find(j=>j.id===W);return A?!!A.collapsed:!1},[g]),D=h.useCallback(W=>{p(A=>{const j=A.findIndex(N=>N.id===W);if(j===-1)return A;const B=A[j];if(!B.collapsible)return A;const _={...B,collapsed:!B.collapsed},$=[...A];return $[j]=_,$})},[]),F=h.useCallback((W,A)=>{b.current=W,y.current=A,x.current=g.map(j=>j.size),f(!0)},[g]),V=h.useCallback(W=>{if(!c||!b.current)return;const A=b.current,j=W-y.current;let B=-1;const _=A.match(/\d+$/);if(_&&(B=parseInt(_[0],10)-1),B===-1&&g.length>=2&&(B=0),B<0||B>=g.length-1)return;const $=g[B],N=g[B+1];if($.collapsed||N.collapsed)return;let O=x.current[B]+j,G=x.current[B+1]-j;O=Math.max($.minSize??n,Math.min($.maxSize??a,O)),G=Math.max(N.minSize??n,Math.min(N.maxSize??a,G)),p(q=>q.map((K,L)=>L===B?{...K,size:O}:L===B+1?{...K,size:G}:K))},[c,g,e,n,a]),E=h.useCallback(()=>{c&&t&&t(g.map(W=>W.size)),b.current=null,f(!1),s&&k()},[c,g,t,s,k]),H=h.useCallback(W=>{if(!c||!b.current)return;const A=b.current;let j=-1;const B=A.match(/\d+$/);if(B&&(j=parseInt(B[0],10)-1),j===-1&&g.length>=2&&(j=0),j<0||j>=g.length-1)return;let _=0;e==="horizontal"?(W.key==="ArrowLeft"&&(_=-d),W.key==="ArrowRight"&&(_=d),W.key==="Home"&&(_=-100),W.key==="End"&&(_=100)):(W.key==="ArrowUp"&&(_=-d),W.key==="ArrowDown"&&(_=d),W.key==="Home"&&(_=-100),W.key==="End"&&(_=100)),_!==0&&(W.preventDefault(),V(y.current+_)),W.key==="Escape"&&(p($=>$.map((N,O)=>({...N,size:x.current[O]}))),E())},[c,g,e,V,E,d]);return h.useEffect(()=>{const W=B=>{if(!c)return;const _=e==="horizontal"?B.clientX:B.clientY;V(_)},A=B=>{if(!c||B.touches.length===0)return;const _=B.touches[0],$=e==="horizontal"?_.clientX:_.clientY;V($)},j=()=>{c&&E()};return c&&(document.addEventListener("mousemove",W),document.addEventListener("touchmove",A),document.addEventListener("mouseup",j),document.addEventListener("touchend",j),document.addEventListener("keydown",H),document.body.style.cursor=e==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none"),()=>{document.removeEventListener("mousemove",W),document.removeEventListener("touchmove",A),document.removeEventListener("mouseup",j),document.removeEventListener("touchend",j),document.removeEventListener("keydown",H),document.body.style.cursor="",document.body.style.userSelect=""}},[c,e,V,E,H]),h.useEffect(()=>{if(g.length!==0){if(s){const W=v();if(W){p(A=>A.map(j=>{const B=W.find(_=>_.id===j.id);return B?{...j,size:B.size,collapsed:B.collapsed||!1}:j}));return}}if(!o){const A=w()/g.length;p(j=>j.map(B=>({...B,size:A})))}}},[g.length,o,w,s,v]),h.useEffect(()=>{if(!o||o.length===0||g.length===0)return;const W=w(),A=o.map(j=>typeof j=="string"&&j.endsWith("%")?parseFloat(j)/100*W:typeof j=="number"?j:parseFloat(j));p(j=>j.map((B,_)=>({...B,size:_<A.length?A[_]:B.size})))},[o,g.length,w]),h.useEffect(()=>{g.length>0&&s&&!c&&k()},[g,s,c,k]),{isResizing:c,setIsResizing:f,containerRef:u,panels:g,registerPanel:S,unregisterPanel:T,getPanelSize:z,setPanelSize:M,isPanelCollapsed:P,togglePanelCollapse:D,startResize:F,onResize:V,endResize:E}},Jg={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Qg=(e,o)=>({sm:{width:o==="horizontal"?"4px":"100%",height:o==="vertical"?"4px":"100%"},md:{width:o==="horizontal"?"6px":"100%",height:o==="vertical"?"6px":"100%"},lg:{width:o==="horizontal"?"8px":"100%",height:o==="vertical"?"8px":"100%"}})[e],Zg=(e=>({default:{backgroundColor:"transparent",_hover:{backgroundColor:"color-gray-200"},_active:{backgroundColor:"color-gray-300"}},subtle:{backgroundColor:"transparent",_hover:{backgroundColor:"color-gray-100"},_active:{backgroundColor:"color-gray-200"}},prominent:{backgroundColor:"color-gray-100",_hover:{backgroundColor:"color-gray-200"},_active:{backgroundColor:"color-gray-300"}}}))(),Vr={horizontal:{width:"2px",height:"20px",backgroundColor:"color-gray-400",margin:"0 1px"},vertical:{width:"20px",height:"2px",backgroundColor:"color-gray-400",margin:"1px 0"}},ti=h.createContext({orientation:"horizontal",size:"md",variant:"default",isResizing:!1,setIsResizing:()=>{},registerPanel:()=>{},unregisterPanel:()=>{},getPanelSize:()=>0,setPanelSize:()=>{},isPanelCollapsed:()=>!1,togglePanelCollapse:()=>{},startResize:()=>{},onResize:()=>{},endResize:()=>{}}),ni=()=>h.useContext(ti),Rg=({value:e,children:o})=>r.jsx(ti.Provider,{value:e,children:o}),ep=({children:e,id:o,defaultSize:t,minSize:n,maxSize:a,collapsible:l,defaultCollapsed:s,onCollapseChange:m,views:d,...c})=>{const{orientation:f,registerPanel:g,unregisterPanel:p,getPanelSize:u,isPanelCollapsed:b,togglePanelCollapse:y}=ni(),x=typeof t=="string"&&t.endsWith("%")?0:typeof t=="number"?t:0;h.useEffect(()=>(g(o,x,n,a,l),()=>p(o)),[o,x,n,a,l,g,p]);const C=u(o),w=b(o);return h.useEffect(()=>{m&&w!==void 0&&m(w)},[w,m]),h.useEffect(()=>{l&&s&&!w&&y(o)},[o,l,s,w,y]),w?r.jsx(i.View,{flex:"0 0 auto",width:f==="horizontal"?"10px":"100%",height:f==="vertical"?"10px":"100%",backgroundColor:"color-gray-200",cursor:"pointer",onClick:()=>y(o),"aria-label":`Expand panel ${o}`,role:"button",tabIndex:0,...d==null?void 0:d.collapsedPanel,...c}):r.jsx(i.View,{flex:C>0?"0 0 auto":"1",width:f==="horizontal"?`${C}px`:"100%",height:f==="vertical"?`${C}px`:"100%",overflow:"auto",...d==null?void 0:d.panel,...c,children:e})},op=({id:e,position:o="both",disabled:t=!1,withVisualIndicator:n=!0,withCollapseButton:a=!1,collapseTarget:l,views:s,...m})=>{const{orientation:d,size:c,variant:f,startResize:g,isPanelCollapsed:p,togglePanelCollapse:u}=ni(),y=(()=>{if(l)return l;const S=e.match(/\d+$/);if(!S)return"";const T=parseInt(S[0],10);return isNaN(T)?"":`panel${T}`})(),x=p(y),C=S=>{if(t)return;S.preventDefault();const T=d==="horizontal"?S.clientX:S.clientY;g(e,T)},w=S=>{if(t||S.touches.length===0)return;S.preventDefault();const T=S.touches[0],z=d==="horizontal"?T.clientX:T.clientY;g(e,z)},v=S=>{t||(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),g(e,0))},k=S=>{S.stopPropagation(),y&&u(y)};return r.jsxs(i.View,{role:"separator","aria-orientation":d,"aria-valuemin":0,"aria-valuemax":100,tabIndex:t?-1:0,cursor:d==="horizontal"?"col-resize":"row-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",...Qg(c,d),...Zg[f],onMouseDown:C,onTouchStart:w,onKeyDown:v,opacity:t?.5:1,pointerEvents:t?"none":"auto",...s==null?void 0:s.handle,...m,children:[n&&r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:d==="horizontal"?"100%":"auto",height:d==="vertical"?"100%":"auto",pointerEvents:"none",...s==null?void 0:s.handleIcon,children:d==="horizontal"?r.jsxs(i.Horizontal,{gap:1,children:[r.jsx(i.View,{...Vr.horizontal}),r.jsx(i.View,{...Vr.horizontal})]}):r.jsxs(i.Vertical,{gap:1,children:[r.jsx(i.View,{...Vr.vertical}),r.jsx(i.View,{...Vr.vertical})]})}),a&&y&&r.jsx(i.View,{position:"absolute",top:d==="horizontal"?"-20px":"50%",left:d==="horizontal"?"50%":"-20px",transform:d==="horizontal"?"translateX(-50%)":"translateY(-50%)",width:"16px",height:"16px",borderRadius:"full",backgroundColor:"color-gray-100",border:"1px solid",borderColor:"color-gray-300",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:1,onClick:k,"aria-label":x?`Expand panel ${y}`:`Collapse panel ${y}`,role:"button",tabIndex:0,pointerEvents:"auto",_hover:{backgroundColor:"color-gray-200"},...s==null?void 0:s.collapseIcon,children:r.jsx(i.View,{width:"8px",height:"8px",display:"flex",alignItems:"center",justifyContent:"center",children:x?r.jsxs(i.Horizontal,{children:[r.jsx(i.View,{width:"6px",height:"2px",backgroundColor:"color-gray-600"}),r.jsx(i.View,{width:"2px",height:"6px",backgroundColor:"color-gray-600",position:"absolute"})]}):r.jsx(i.View,{width:"6px",height:"2px",backgroundColor:"color-gray-600"})})})]})},rp=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,minSize:l,maxSize:s,collapsible:m=!1,containerRef:d,autoSaveId:c,keyboardResizeBy:f,onLayout:g,views:p,...u})=>{const b=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(b,{ref:d,width:"100%",height:"100%",position:"relative",overflow:"hidden",...Jg[o],...p==null?void 0:p.container,...u,children:e})},Ot=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,onSizesChange:l,minSize:s=50,maxSize:m,collapsible:d=!1,autoSaveId:c,storage:f,keyboardResizeBy:g=10,views:p,...u})=>{const{isResizing:b,setIsResizing:y,containerRef:x,registerPanel:C,unregisterPanel:w,getPanelSize:v,setPanelSize:k,isPanelCollapsed:S,togglePanelCollapse:T,startResize:z,onResize:M,endResize:P}=Kg(o,a,l,s,m,d,c,f,g);return r.jsx(Rg,{value:{orientation:o,size:t,variant:n,isResizing:b,setIsResizing:y,registerPanel:C,unregisterPanel:w,getPanelSize:v,setPanelSize:k,isPanelCollapsed:S,togglePanelCollapse:T,startResize:z,onResize:M,endResize:P},children:r.jsx(rp,{orientation:o,size:t,variant:n,defaultSizes:a,minSize:s,maxSize:m,collapsible:d,autoSaveId:c,keyboardResizeBy:g,containerRef:x,views:p,...u,children:e})})};Ot.Panel=ep,Ot.Handle=op;const Dr={info:{container:{backgroundColor:"color-blue-50",border:"color-blue-300"},content:{color:"color-blue-700"},icon:{color:"color-blue-500"}},success:{container:{backgroundColor:"color-green-50",border:"color-green-300"},content:{color:"color-green-700"},icon:{color:"color-green-500"}},warning:{container:{backgroundColor:"color-orange-50",border:"color-orange-300"},content:{color:"color-orange-700"},icon:{color:"color-orange-500"}},error:{container:{backgroundColor:"color-red-50",border:"color-red-300"},content:{color:"color-red-700"},icon:{color:"color-red-500"}}},tp={top:{top:"16px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"16px",right:"16px"},"top-left":{top:"16px",left:"16px"},bottom:{bottom:"16px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"16px",right:"16px"},"bottom-left":{bottom:"16px",left:"16px"}},np=()=>Math.random().toString(36).substring(2,9);let To=new Map;const Qo=tr.create(e=>({toasts:[],add:(o,t,n,a={})=>{const l=a.id||np(),s={id:l,variant:o,title:t,description:n,createdAt:Date.now(),isVisible:!0,...a};if(e(m=>({toasts:[...m.toasts,s]})),a.duration!==0){const m=a.duration||5e3,d=setTimeout(()=>{Qo.getState().remove(l)},m);To.set(l,d)}return l},remove:o=>{e(t=>({toasts:t.toasts.map(n=>n.id===o?{...n,isVisible:!1}:n)})),To.has(o)&&(clearTimeout(To.get(o)),To.delete(o)),setTimeout(()=>{e(t=>({toasts:t.toasts.filter(n=>n.id!==o)}))},300)},removeAll:()=>{To.forEach(clearTimeout),To.clear(),e(o=>({toasts:o.toasts.map(t=>({...t,isVisible:!1}))})),setTimeout(()=>{e({toasts:[]})},300)}})),io=(e,o,t,n)=>Qo.getState().add(e,o,t,n),ai=(e,o,t)=>io("info",e,o,t),li=(e,o,t)=>io("success",e,o,t),ii=(e,o,t)=>io("warning",e,o,t),si=(e,o,t)=>io("error",e,o,t),ci=e=>{Qo.getState().remove(e)},di=()=>{Qo.getState().removeAll()},mi=({variant:e,title:o,description:t,onClose:n,isClosable:a=!0,action:l,actionText:s,showIcon:m=!0,theme:d,views:c,render:f,icon:g,id:p,isVisible:u=!0,themeMode:b})=>{const y=d??Dr,x=()=>{var k,S;if(g!==void 0)return g;const v=e?(S=(k=Dr[e])==null?void 0:k.icon)==null?void 0:S.color:Dr.info.icon.color;switch(e){case"info":return r.jsx(qe,{widthHeight:20,color:v});case"success":return r.jsx(wn,{widthHeight:20,color:v});case"warning":return r.jsx(qe,{widthHeight:20,color:v,orientation:"down"});case"error":return r.jsx(ir,{widthHeight:20,color:v});default:return r.jsx(qe,{widthHeight:20,color:Dr.info.icon.color})}};if(f)return r.jsx(r.Fragment,{children:f({id:p||"",onClose:n})});const C=e==="error"?"alert":"status",w=e==="error"||e==="warning"?"assertive":"polite";return r.jsxs(i.Horizontal,{role:C,"aria-live":w,"aria-atomic":"true","data-state":u?"open":"closed",gap:12,width:"100%",maxWidth:"380px",borderWidth:"1px",borderStyle:"solid",borderRadius:"12px",padding:"12px 14px",alignItems:"flex-start",position:"relative",backgroundColor:y[e].container.backgroundColor,borderColor:y[e].container.border,boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",opacity:u?1:0,transform:u?"translateY(0)":"translateY(4px)",transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",...c==null?void 0:c.container,children:[m&&r.jsx(i.View,{marginTop:"2px",...c==null?void 0:c.icon,children:x()}),r.jsxs(i.Vertical,{gap:4,flex:"1",children:[r.jsx(i.Text,{size:"sm",lineHeight:"20px",fontWeight:"600",color:y[e].content.color,backgroundColor:y[e].container.backgroundColor,...c==null?void 0:c.title,children:o}),t&&r.jsx(i.Text,{size:"xs",lineHeight:"18px",color:y[e].content.color,fontWeight:"400",backgroundColor:y[e].container.backgroundColor,...c==null?void 0:c.description,children:t}),l&&s&&r.jsx(i.Text,{size:"sm",fontWeight:"600",marginTop:"6px",cursor:"pointer",color:y[e].content.color,backgroundColor:y[e].container.backgroundColor,onClick:v=>{v.stopPropagation(),l()},_hover:{textDecoration:"underline"},transition:"opacity 0.2s ease, color 0.2s ease",...c==null?void 0:c.actionButton,children:s})]}),a&&r.jsx(i.View,{as:"button","aria-label":"Close toast",backgroundColor:"transparent",border:"none",cursor:"pointer",padding:"4px",marginLeft:"8px",marginTop:"-2px",marginRight:"-4px",borderRadius:"9999px",onClick:v=>{v.stopPropagation(),n()},_hover:{backgroundColor:"color-blackAlpha-100"},transition:"background-color 0.2s ease, opacity 0.2s ease",...c==null?void 0:c.closeButton,children:r.jsx(ve,{widthHeight:16,color:y[e].content.color})})]})},ap=({position:e="top-right",gap:o=8,limit:t=5,containerStyle:n})=>{const{toasts:a,remove:l}=Qo(),m=h.useMemo(()=>{const d={top:[],"top-right":[],"top-left":[],bottom:[],"bottom-right":[],"bottom-left":[]};return a.forEach(c=>{const f=c.position||e;d[f].push(c)}),Object.keys(d).forEach(c=>{d[c]=d[c].slice(-t)}),d},[a,e,t])[e];return r.jsx(i.View,{position:"fixed",zIndex:9999,display:"flex",flexDirection:e.includes("bottom")?"column-reverse":"column",gap:`${o}px`,width:"fit-content",maxWidth:"100%",pointerEvents:"none",...tp[e],style:n,children:m.map(d=>r.jsx(i.View,{pointerEvents:"auto",animation:e.includes("right")?"slideInRight 0.3s ease-out, fadeIn 0.3s ease-out":e.includes("left")?"slideInLeft 0.3s ease-out, fadeIn 0.3s ease-out":e.includes("top")?"slideInDown 0.3s ease-out, fadeIn 0.3s ease-out":"slideInUp 0.3s ease-out, fadeIn 0.3s ease-out",children:r.jsx(mi,{id:d.id,variant:d.variant,title:d.title,description:d.description,onClose:()=>l(d.id),isClosable:d.isClosable,action:d.action,actionText:d.actionText,showIcon:d.showIcon,views:d.views,render:d.render,icon:d.icon,isVisible:d.isVisible})},d.id))})},lp=()=>({toast:(e,o,t,n)=>io(e,o,t,n),info:(e,o,t)=>ai(e,o,t),success:(e,o,t)=>li(e,o,t),warning:(e,o,t)=>ii(e,o,t),error:(e,o,t)=>si(e,o,t),remove:e=>ci(e),removeAll:()=>di()}),ip=Object.assign(e=>r.jsx(mi,{...e}),{Container:e=>r.jsx(ap,{...e}),show:io,info:ai,success:li,warning:ii,error:si,remove:ci,removeAll:di}),sp=lp,hi=(e,o)=>{var s,m;if(!e)return!0;const t=e.toLowerCase(),n=o.name.toLowerCase().includes(t),a=((s=o.description)==null?void 0:s.toLowerCase().includes(t))||!1,l=((m=o.keywords)==null?void 0:m.some(d=>d.toLowerCase().includes(t)))||!1;return n||a||l},cp=({open:e,onOpenChange:o,groups:t=[],commands:n=[],filter:a})=>{const[l,s]=h.useState(""),[m,d]=h.useState(0),c=h.useRef(null),f=h.useMemo(()=>a||hi,[a]),g=h.useMemo(()=>[...t.flatMap(x=>x.commands),...n],[t,n]),p=h.useMemo(()=>l.trim()?g.filter(y=>f(l,y)):g,[g,l,f]),u=h.useMemo(()=>{if(!l)return t;const y=a||hi;return t.map(x=>({...x,commands:x.commands.filter(C=>y(l,C))})).filter(x=>x.commands.length)},[t,l,a]);h.useEffect(()=>{d(0)},[p.length]);const b=h.useCallback(y=>{if(e)switch(y.key){case"ArrowDown":y.preventDefault(),d(x=>x<p.length-1?x+1:x);break;case"ArrowUp":y.preventDefault(),d(x=>x>0?x-1:x);break;case"Enter":y.preventDefault(),p[m]&&(p[m].onSelect(),o(!1),s(""));break;case"Escape":y.preventDefault(),o(!1),s("");break}},[e,p,m,o]);return h.useEffect(()=>(document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}),[b]),h.useEffect(()=>{if(c.current&&e){const y=c.current.querySelector(`[data-index="${m}"]`);y&&y.scrollIntoView({block:"nearest"})}},[m,e]),h.useEffect(()=>{e?d(0):s("")},[e]),{search:l,setSearch:s,selectedIndex:m,setSelectedIndex:d,filteredCommands:p,filteredGroups:u,listRef:c}},dp={sm:{width:"400px",maxHeight:"300px"},md:{width:"500px",maxHeight:"400px"},lg:{width:"600px",maxHeight:"500px"}},mp=(e=>({default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},outline:{backgroundColor:"color-white",borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"}}))(),hp={display:"flex",alignItems:"center",padding:"12px 16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},fp={overflow:"auto",padding:"8px 0"},gp={marginBottom:"8px"},pp={padding:"8px 16px",fontSize:"12px",fontWeight:"bold",color:"color-gray-500",textTransform:"uppercase"},up={display:"flex",alignItems:"center",padding:"8px 16px",cursor:"pointer",userSelect:"none",borderRadius:"4px",margin:"0 8px",_hover:{backgroundColor:"color-gray-100"}},bp={backgroundColor:"color-blue-50",_hover:{backgroundColor:"color-blue-100"}},yp={opacity:.5,cursor:"not-allowed",_hover:{backgroundColor:"transparent"}},xp={display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",color:"color-gray-500"},Cp={display:"flex",flexDirection:"column",flex:1},kp={fontSize:"14px",fontWeight:"medium"},wp={fontSize:"12px",color:"color-gray-500",marginTop:"2px"},Sp={display:"flex",alignItems:"center",marginLeft:"12px",fontSize:"12px",color:"color-gray-500"},vp={display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",color:"color-gray-500",textAlign:"center"},Tp={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",fontSize:"12px",color:"color-gray-500"},Ip=h.createContext({search:"",setSearch:()=>{},selectedIndex:0,setSelectedIndex:()=>{},filteredCommands:[],onSelect:()=>{}}),Fp=({value:e,children:o})=>r.jsx(Ip.Provider,{value:e,children:o}),fi=({value:e,onValueChange:o,placeholder:t="Type a command or search...",views:n,...a})=>{const l=h.useRef(null);return h.useEffect(()=>{l.current&&l.current.focus()},[]),r.jsxs(i.View,{...hp,...n==null?void 0:n.container,...a,children:[r.jsx(cr,{widthHeight:16,color:"color-gray-400",marginRight:"8px"}),r.jsx(i.View,{as:"input",type:"text",value:e,onChange:s=>o(s.target.value),placeholder:t,width:"100%",border:"none",outline:"none",backgroundColor:"transparent",fontSize:"14px",ref:l,...n==null?void 0:n.input})]})},zp=({children:e,views:o,...t})=>r.jsx(i.View,{...fp,...o==null?void 0:o.container,...t,children:e}),gi=({heading:e,children:o,views:t,...n})=>r.jsxs(i.View,{...gp,...t==null?void 0:t.container,...n,children:[r.jsx(i.Text,{...pp,...t==null?void 0:t.heading,children:e}),o]}),Nt=({item:e,selected:o=!1,onSelect:t,views:n,...a})=>{const l=()=>{!e.disabled&&t&&t()};return r.jsxs(i.Horizontal,{...up,...o?bp:{},...e.disabled?yp:{},onClick:l,...n==null?void 0:n.container,...a,children:[e.icon&&r.jsx(i.View,{...xp,...n==null?void 0:n.icon,children:e.icon}),r.jsxs(i.Vertical,{...Cp,...n==null?void 0:n.content,children:[r.jsx(i.Text,{...kp,...n==null?void 0:n.name,children:e.name}),e.description&&r.jsx(i.Text,{...wp,...n==null?void 0:n.description,children:e.description})]}),e.shortcut&&r.jsx(i.Text,{...Sp,...n==null?void 0:n.shortcut,children:e.shortcut})]})},pi=({children:e="No results found.",views:o,...t})=>r.jsx(i.View,{...vp,...o==null?void 0:o.container,...t,children:e}),Mp=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:s="default",emptyState:m,footer:d,search:c,setSearch:f,selectedIndex:g,setSelectedIndex:p,filteredCommands:u,filteredGroups:b,listRef:y,views:x,filter:C,...w})=>{if(!e)return null;const v=h.useCallback(M=>{M.disabled||(M.onSelect(),o(!1),f(""))},[o,f]),k=h.useCallback(M=>M.target===M.currentTarget&&o(!1),[o]),S=h.useMemo(()=>({search:c,setSearch:f,selectedIndex:g,setSelectedIndex:p,filteredCommands:u,onSelect:v}),[c,g,u,v,f,p]),T=t.length>0,z=u.length===0;return r.jsx(i.View,{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-blackAlpha-400",zIndex:9999,onClick:k,...w,children:r.jsx(Fp,{value:S,children:r.jsxs(i.View,{borderRadius:"8px",overflow:"hidden",display:"flex",flexDirection:"column",...dp[l],...mp[s],...x==null?void 0:x.container,onClick:M=>M.stopPropagation(),children:[r.jsx(fi,{value:c,onValueChange:f,placeholder:a,views:x==null?void 0:x.searchInput}),r.jsx(i.View,{ref:y,flex:1,overflow:"auto",...x==null?void 0:x.list,children:z?m||r.jsx(pi,{views:x==null?void 0:x.empty}):T?b.map(M=>r.jsx(gi,{heading:M.name,views:x==null?void 0:x.groupHeading,children:M.commands.map(P=>{const D=u.findIndex(F=>F.id===P.id);return r.jsx(Nt,{item:P,selected:D===g,onSelect:()=>v(P),"data-index":D,views:{container:x==null?void 0:x.item,icon:x==null?void 0:x.icon,content:x==null?void 0:x.content,name:x==null?void 0:x.name,description:x==null?void 0:x.description,shortcut:x==null?void 0:x.shortcut}},P.id)})},M.id)):u.map((M,P)=>r.jsx(Nt,{item:M,selected:P===g,onSelect:()=>v(M),"data-index":P,views:{container:x==null?void 0:x.item,icon:x==null?void 0:x.icon,content:x==null?void 0:x.content,name:x==null?void 0:x.name,description:x==null?void 0:x.description,shortcut:x==null?void 0:x.shortcut}},M.id))}),d&&r.jsx(i.View,{...Tp,...x==null?void 0:x.footer,children:d})]})})})},Io=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:s="default",filter:m,emptyState:d,footer:c,views:f,...g})=>{const{search:p,setSearch:u,selectedIndex:b,setSelectedIndex:y,filteredCommands:x,filteredGroups:C,listRef:w}=cp({open:e,onOpenChange:o,groups:t,commands:n,filter:m});return r.jsx(Mp,{open:e,onOpenChange:o,groups:t,commands:n,placeholder:a,size:l,variant:s,emptyState:d,footer:c,search:p,setSearch:u,selectedIndex:b,setSelectedIndex:y,filteredCommands:x,filteredGroups:C,listRef:w,views:f,...g})};Io.Input=fi,Io.List=zp,Io.Group=gi,Io.Item=Nt,Io.Empty=pi;const ui=()=>Math.random().toString(36).substring(2,11),Wp=({defaultOpen:e=!1,openDelay:o=200,closeDelay:t=200,isDisabled:n=!1}={})=>{const[a,l]=h.useState(e),s=h.useRef(null),m=h.useRef(null),d=h.useRef(null),c=h.useRef(null),f=h.useRef(`tooltip-trigger-${ui()}`).current,g=h.useRef(`tooltip-content-${ui()}`).current,p=h.useCallback(()=>{n||(c.current&&(clearTimeout(c.current),c.current=null),!a&&!d.current&&(d.current=setTimeout(()=>{l(!0),d.current=null},o)))},[a,o,n]),u=h.useCallback(()=>{d.current&&(clearTimeout(d.current),d.current=null),a&&!c.current&&(c.current=setTimeout(()=>{l(!1),c.current=null},t))},[a,t]),b=h.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return h.useEffect(()=>()=>{d.current&&clearTimeout(d.current),c.current&&clearTimeout(c.current)},[]),h.useEffect(()=>{const y=x=>{x.key==="Escape"&&a&&l(!1)};return document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}},[a]),{isOpen:a,openTooltip:p,closeTooltip:u,cancelCloseTimer:b,triggerRef:s,contentRef:m,triggerId:f,contentId:g}},Hp={sm:{padding:"4px 8px",fontSize:"12px",maxWidth:"200px"},md:{padding:"6px 10px",fontSize:"14px",maxWidth:"250px"},lg:{padding:"8px 12px",fontSize:"16px",maxWidth:"300px"}},jp=(e=>({default:{backgroundColor:"color-gray-900",color:"color-white",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",transition:"opacity 0.15s ease"},light:{backgroundColor:"color-white",color:"color-gray-800",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.04)",transition:"opacity 0.15s ease"},dark:{backgroundColor:"color-gray-950",color:"color-white",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.12)",transition:"opacity 0.15s ease"}}))(),Pp=e=>{const o={position:"absolute",width:"8px",height:"8px",backgroundColor:"inherit",borderStyle:"inherit",borderWidth:"inherit",borderColor:"inherit",transform:"rotate(45deg)"};switch(e){case"top":return{...o,bottom:"-4px",left:"50%",marginLeft:"-4px",borderTop:"none",borderLeft:"none"};case"right":return{...o,left:"-4px",top:"50%",marginTop:"-4px",borderRight:"none",borderTop:"none"};case"bottom":return{...o,top:"-4px",left:"50%",marginLeft:"-4px",borderBottom:"none",borderRight:"none"};case"left":return{...o,right:"-4px",top:"50%",marginTop:"-4px",borderLeft:"none",borderBottom:"none"};default:return o}},bi=h.createContext({isOpen:!1,openTooltip:()=>{},closeTooltip:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),qt=()=>h.useContext(bi),Ap=({value:e,children:o})=>r.jsx(bi.Provider,{value:e,children:o}),yi=h.memo(({children:e,views:o,asChild:t=!1,...n})=>{const{openTooltip:a,closeTooltip:l,triggerRef:s,contentId:m,triggerId:d}=qt(),c=h.useCallback(()=>a(),[a]),f=h.useCallback(()=>l(),[l]),g=h.useCallback(()=>a(),[a]),p=h.useCallback(()=>l(),[l]),u={ref:s,onMouseEnter:c,onMouseLeave:f,onFocus:g,onBlur:p,id:d,"aria-describedby":m,...o==null?void 0:o.container,...n};return t&&h.isValidElement(e)?h.cloneElement(e,u):r.jsx(i.View,{display:"inline-block",...u,children:e})}),Ep=h.memo(({children:e,views:o,...t})=>{const{isOpen:n,contentRef:a,contentId:l,triggerId:s}=qt();return n?r.jsx(i.View,{ref:a,id:l,role:"tooltip","aria-labelledby":s,...o==null?void 0:o.container,...t,children:e}):null}),Vp=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",showArrow:s=!0,views:m,themeMode:d,...c})=>{const{isOpen:f,triggerRef:g,contentRef:p,contentId:u,triggerId:b}=qt(),{ref:y,relation:x}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[C,w]=h.useState({x:0,y:0,placement:t});h.useEffect(()=>{g!=null&&g.current&&y&&(y.current=g.current)},[g,y,f]),h.useEffect(()=>{if(f&&(p!=null&&p.current)&&(g!=null&&g.current)){const S=g.current.getBoundingClientRect();let T=t;x&&(t==="top"&&x.space.vertical==="bottom"?T="bottom":t==="bottom"&&x.space.vertical==="top"?T="top":t==="right"&&x.space.horizontal==="left"?T="left":t==="left"&&x.space.horizontal==="right"&&(T="right"));let z=0,M=0;switch(T){case"top":z=n==="start"?S.left:n==="end"?S.right-120:S.left+S.width/2-60,M=S.top-8;break;case"bottom":z=n==="start"?S.left:n==="end"?S.right-120:S.left+S.width/2-60,M=S.bottom+8;break;case"right":z=S.right+8,M=n==="start"?S.top:n==="end"?S.bottom-32:S.top+S.height/2-16;break;case"left":z=S.left-8,M=n==="start"?S.top:n==="end"?S.bottom-32:S.top+S.height/2-16;break}w({x:z,y:M,placement:T})}},[f,t,n,g,p,x]);const v=h.useMemo(()=>s?Pp(C.placement):{},[s,C.placement]),k=h.useMemo(()=>{const S={position:"fixed",left:C.x,top:C.y,zIndex:1e3};switch(C.placement){case"top":return{...S,transform:"translateY(-100%)"};case"left":return{...S,transform:"translateX(-100%)"};case"bottom":case"right":default:return S}},[C.x,C.y,C.placement]);return r.jsxs(i.View,{position:"relative",display:"inline-block",...m==null?void 0:m.container,...c,children:[r.jsx(yi,{children:o}),f&&r.jsxs(i.View,{ref:p,id:u,role:"tooltip","aria-labelledby":b,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",style:k,...Hp[a],...jp[l],...m==null?void 0:m.content,children:[typeof e=="string"?r.jsx(i.Text,{...m==null?void 0:m.text,children:e}):e,s&&r.jsx(i.View,{...v,...m==null?void 0:m.arrow})]})]})},$r=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",openDelay:s=200,closeDelay:m=200,showArrow:d=!0,defaultOpen:c=!1,isDisabled:f=!1,views:g,...p})=>{const u=Wp({defaultOpen:c,openDelay:s,closeDelay:m,isDisabled:f});return r.jsx(Ap,{value:u,children:r.jsx(Vp,{content:e,position:t,align:n,size:a,variant:l,showArrow:d,views:g,...p,children:o})})};$r.Trigger=yi,$r.Content=Ep;const xi=h.forwardRef((e,o)=>{const t=Na(e);return r.jsx(Ka,{...e,...t})});xi.displayName="ChatInput";const Dp={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},Ci={container:{position:"relative",display:"flex",flexDirection:"column",height:"100vh",alignItems:"center",justifyContent:"center"},gradient:{position:"absolute",inset:"-10px",opacity:.5,pointerEvents:"none",filter:"blur(10px)",backgroundSize:"300% 200%",backgroundPosition:"50% 50%, 50% 50%"}},Ut={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},image:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundAttachment:"scroll"},content:{position:"relative",width:"100%",height:"100%",zIndex:2}},Gt={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},video:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover"},content:{position:"relative",zIndex:2}},$p=h.createContext({}),Bp=({children:e,showRadialGradient:o=!0,views:t,themeMode:n,...a})=>{const l={white:"rgba(255,255,255,1)",transparent:"rgba(255,255,255,0)"},s=["rgb(59, 130, 246)","rgb(196, 181, 253)","rgb(147, 197, 253)","rgb(221, 214, 254)","rgb(96, 165, 250)"],m={...Ci.gradient,backgroundImage:`
+      repeating-linear-gradient(100deg, ${s.join(", ")}),
+      repeating-linear-gradient(100deg, ${l.white} 0%, ${l.white} 7%, ${l.transparent} 10%, ${l.transparent} 12%, ${l.white} 16%)
+    `,animation:"aurora 4s ease infinite",...o?{maskImage:"radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%)"}:{}};return r.jsxs(i.View,{...Ci.container,...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{style:m}),e,r.jsx("style",{children:`
+          @keyframes aurora {
+            0% { background-position: 0% 50%; }
+            50% { background-position: 100% 50%; }
+            100% { background-position: 0% 50%; }
+          }
+        `})]})},Lp=({number:e=20,children:o,...t})=>{const n=Array.from({length:e},(a,l)=>l);return r.jsxs(i.View,{width:"100%",height:"100%",backgroundColor:"black",position:"relative",overflow:"hidden",...t,children:[n.map(a=>{const l=a*37%200-100+"px",s=.2+a*13%6*.1+"s",m=(1+a*7%9)/2+"s",d=300+a*17%100+"px";return r.jsx(i.View,{position:"absolute",top:"0px",left:l,width:"2px",height:"2px",borderRadius:"9999px",backgroundColor:"white",boxShadow:"0 0 0 1px rgba(255, 255, 255, 0.1)",transform:"rotate(215deg)",zIndex:0,animate:{from:{transform:"translateX(-100%) translateY(-100%)"},to:{transform:`translateX(${d}) translateY(${d})`},iterationCount:"infinite",timingFunction:"linear",fillMode:"forwards",duration:m,delay:s},children:r.jsx(i.View,{position:"absolute",top:"-1px",left:"-1px",width:"1px",height:"1px",borderRadius:"9999px",backgroundColor:"white",boxShadow:"0 10px 0 1px rgba(255, 255, 255, 0.1)"})},a)}),o&&r.jsx(i.View,{position:"relative",zIndex:1,width:"100%",height:"100%",children:o})]})},ki=["rgb(186, 230, 253)","rgb(249, 168, 212)","rgb(134, 239, 172)","rgb(253, 224, 71)","rgb(252, 165, 165)","rgb(216, 180, 254)","rgb(147, 197, 253)","rgb(165, 180, 252)","rgb(196, 181, 253)"],_p=()=>ki[Math.floor(Math.random()*ki.length)],Op=({rows:e=15,cols:o=10,squareSize:t=40,...n})=>{const a=Array(e).fill(1),l=Array(o).fill(1);return r.jsx(i.View,{padding:16,width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-50",zIndex:0,transform:"skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)",...n,children:a.map((s,m)=>r.jsx(i.Horizontal,{gap:0,children:l.map((d,c)=>r.jsx(i.View,{height:t/3,width:t,borderStyle:"solid",borderColor:"color-gray-200",borderWidth:.5,backgroundColor:"transparent",cursor:"pointer",on:{hover:{backgroundColor:_p(),transition:"background-color 0.2s ease"}}},`col-${c}`))},`row-${m}`))})},Np=["rgb(59, 130, 246)","rgb(147, 51, 234)","rgb(236, 72, 153)","rgb(34, 197, 94)","rgb(251, 146, 60)","rgb(168, 85, 247)"],qp=({count:e=50,colors:o=Np,speed:t="medium",shapes:n=["circle"],...a})=>{const l=Array.from({length:e},(c,f)=>f),s=()=>{switch(t){case"slow":return .5;case"fast":return 2;default:return 1}},m=()=>n[Math.floor(Math.random()*n.length)],d=()=>o[Math.floor(Math.random()*o.length)];return r.jsx(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:l.map(c=>{const f=Math.random()*8+4,g=Math.random()*400,p=Math.random()*300,u=Math.random()*400,b=Math.random()*300,y=(Math.random()*10+5)/s(),x=Math.random()*5,C=m(),w=d(),v={circle:{borderRadius:"50%"},square:{borderRadius:"2px"},triangle:{borderRadius:"0",clipPath:"polygon(50% 0%, 0% 100%, 100% 100%)"}};return r.jsx(i.View,{position:"absolute",width:f,height:f,backgroundColor:w,opacity:.7,style:{left:g,top:p,...v[C]},animate:{from:{transform:"translate(0px, 0px) scale(0.5)",opacity:0},to:{transform:`translate(${u-g}px, ${b-p}px) scale(1)`,opacity:.7},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${y}s`,delay:`${x}s`}},c)})})},Up=({gridSize:e=30,lineColor:o="rgba(59, 130, 246, 0.3)",pulseColor:t="rgba(59, 130, 246, 0.8)",animationSpeed:n="medium",...a})=>{const l=()=>{switch(n){case"slow":return 4;case"fast":return 1;default:return 2}},s=Math.floor(400/e),m=Math.floor(300/e),d=s*m,c=Array.from({length:d},(f,g)=>g);return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:[Array.from({length:s+1},(f,g)=>r.jsx(i.View,{position:"absolute",left:g*e,top:0,width:1,height:"100%",backgroundColor:o},`v-line-${g}`)),Array.from({length:m+1},(f,g)=>r.jsx(i.View,{position:"absolute",left:0,top:g*e,width:"100%",height:1,backgroundColor:o},`h-line-${g}`)),c.map(f=>{const g=f%s,p=Math.floor(f/s),u=(g+p)*.1;return r.jsx(i.View,{position:"absolute",left:g*e+1,top:p*e+1,width:e-2,height:e-2,backgroundColor:"transparent",animate:{from:{backgroundColor:"transparent"},to:{backgroundColor:t},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${l()}s`,delay:`${u}s`}},f)})]})},Gp=["rgba(59, 130, 246, 0.6)","rgba(147, 51, 234, 0.6)","rgba(236, 72, 153, 0.6)","rgba(34, 197, 94, 0.6)"],Yp=({rippleCount:e=5,colors:o=Gp,maxSize:t=200,frequency:n=3,...a})=>{const l=Array.from({length:e},(s,m)=>({id:m,x:Math.random()*400,y:Math.random()*300,color:o[m%o.length],delay:m*(n/e),duration:3+Math.random()*2}));return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-100",...a,children:[l.map(s=>r.jsx(i.View,{position:"absolute",width:20,height:20,borderRadius:"50%",style:{left:s.x-10,top:s.y-10,border:`2px solid ${s.color}`,backgroundColor:"transparent"},animate:{from:{transform:"scale(0)",opacity:1},to:{transform:`scale(${t/20})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${s.duration}s`,delay:`${s.delay}s`}},s.id)),l.map(s=>r.jsx(i.View,{position:"absolute",width:10,height:10,borderRadius:"50%",style:{left:s.x-5,top:s.y-5,backgroundColor:s.color},animate:{from:{transform:"scale(1)",opacity:.8},to:{transform:`scale(${t/40})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${s.duration*1.2}s`,delay:`${s.delay+.5}s`}},`secondary-${s.id}`))]})},Xp=({children:e,src:o,backgroundSize:t="cover",backgroundPosition:n="center",backgroundRepeat:a="no-repeat",backgroundAttachment:l="scroll",imageOpacity:s=1,overlay:m=null,blendMode:d="normal",views:c,themeMode:f,...g})=>{const p={...Ut.image,backgroundImage:`url(${o})`,backgroundSize:t,backgroundPosition:n,backgroundRepeat:a,backgroundAttachment:l,opacity:s};return r.jsxs(i.View,{...Ut.container,...c==null?void 0:c.container,...g,children:[r.jsx(i.View,{style:p,...c==null?void 0:c.image}),m,e&&r.jsx(i.View,{...Ut.content,...c==null?void 0:c.content,children:e})]})},Kp=({children:e,src:o,autoPlay:t=!0,loop:n=!0,muted:a=!0,playsInline:l=!0,overlay:s=null,blendMode:m="normal",views:d,themeMode:c,...f})=>r.jsxs(i.View,{...Gt.container,...d==null?void 0:d.container,...f,children:[r.jsx(i.View,{as:"video",src:o,autoPlay:t,loop:n,muted:a,playsInline:l,style:Gt.video,...d==null?void 0:d.video}),s,e&&r.jsx(i.View,{...Gt.content,...d==null?void 0:d.content,children:e})]}),Jp=({children:e,...o})=>r.jsx(Ol,{...o,children:e}),Qp=({contentPosition:e,backgroundColor:o="color-black-900",...t})=>{const a=(()=>{let l=`${o}-100`,s=`${o}-900`,m=`${o}-600`,d=`${o}-400`;switch(o.indexOf("-")===-1&&(l=`color-mix(in srgb, ${o} 10%, transparent)`,s=`color-mix(in srgb, ${o} 90%, transparent)`,m=`color-mix(in srgb, ${o} 70%, transparent)`,d=`color-mix(in srgb, ${o} 50%, transparent)`),e){case"left":return`radial-gradient(circle at 70% 50%, ${l} 0%, ${l} 100%), linear-gradient(to right, ${s} 0%, ${m} 65%, ${l} 100%)`;case"right":return`radial-gradient(circle at 30% 50%, ${l} 0%, ${l} 100%), linear-gradient(to left, ${s} 0%, ${m} 65%, ${l} 100%)`;case"top":return`radial-gradient(circle at 50% 40%, ${l} 0%, ${l} 100%), linear-gradient(to bottom, ${s} 0%, ${m} 60%, ${l} 100%)`;case"bottom":return`radial-gradient(circle at 50% 60%, ${l} 0%, ${l} 100%), linear-gradient(to top, ${s} 0%, ${m} 60%, ${l} 100%)`;case"center":return`radial-gradient(circle at 50% 70%, ${s} 0%, ${l} 100%)`;default:return d}})();return r.jsx(i.View,{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:a,pointerEvents:"none",zIndex:1,...t})},Zp=({children:e,views:o,...t})=>r.jsx($p.Provider,{value:{},children:r.jsx(i.View,{...Dp.container,...o==null?void 0:o.container,...t,children:e})}),wi=h.forwardRef(({children:e,designProps:o,shape:t="rounded",decorationRotation:n=5,decorationScale:a=1,decorationOpacity:l=.8,views:s,...m},d)=>{const f=(x=>{switch(x){case"square":return"0px";case"pill":return"9999px";case"rounded":default:return"16px"}})(t),g=Math.abs(n)*(Math.PI/180),p=Math.sin(g)*100,u=(a-1)*100/2,b=Math.ceil(p+u),y=m.backgroundColor??"theme-primary";return r.jsx(i.View,{...m,ref:d,backgroundColor:"transparent",position:"relative",overflow:"visible",...s==null?void 0:s.container,children:r.jsxs(i.View,{padding:m.padding??`${96+b}px ${b}px`,position:"relative",overflow:"visible",children:[r.jsx(i.View,{position:"absolute",top:b,left:b,right:b,bottom:b,backgroundColor:y,borderRadius:f,opacity:l/1.5,transform:`scale(${a})`,pointerEvents:"none",zIndex:1,...s==null?void 0:s.back}),r.jsx(i.View,{position:"absolute",top:b,left:b,right:b,bottom:b,transform:`rotate(${n}deg) scale(${a})`,opacity:l/1.2,backgroundColor:y,borderRadius:f,pointerEvents:"none",zIndex:2,...s==null?void 0:s.front}),r.jsx(i.View,{margin:"0 auto",position:"relative",zIndex:3,...s==null?void 0:s.content,children:e})]})})});wi.displayName="Background.Layout";const de=Zp;de.Aurora=Bp,de.Meteors=Lp,de.Wall=Op,de.Particles=qp,de.Grid=Up,de.Ripples=Yp,de.Image=Xp,de.Video=Kp,de.Gradient=Jp,de.Overlay=Qp,de.Layout=wi;const Si=h.forwardRef((e,o)=>r.jsx(de,{...e,ref:o}));Si.displayName="Background";const vi=Object.assign(Si,{Layout:de.Layout,Aurora:de.Aurora,Meteors:de.Meteors,Wall:de.Wall,Particles:de.Particles,Grid:de.Grid,Ripples:de.Ripples,Image:de.Image,Video:de.Video,Gradient:de.Gradient,Overlay:de.Overlay});vi.displayName="Background";function Rp(e){const{inputValue:o,onInputChange:t,onSubmit:n,messages:a=[]}=e,[l,s]=h.useState(""),m=h.useRef(null),d=h.useRef(null),c=o!==void 0,f=o!==void 0?o:l,g=h.useCallback(u=>{c?t==null||t(u):s(u)},[c,t]),p=h.useCallback(u=>{u&&u.preventDefault();const b=f.trim();b&&n&&(n(b),c||s(""),m.current&&(m.current.style.height="auto"))},[f,n,c]);return h.useEffect(()=>{d.current&&(d.current.scrollTop=d.current.scrollHeight)},[a.length]),{internalInputValue:f,handleInputChange:g,handleSubmit:p,inputRef:m,messagesRef:d}}const eu={sm:{fontSize:"12px",padding:"8px"},md:{fontSize:"14px",padding:"10px"},lg:{fontSize:"14px",padding:"12px"}},ou={default:{backgroundColor:"#ffffff",border:"1px solid #e2e8f0",borderRadius:"12px",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.08)"},glassy:{backgroundColor:"rgba(255, 255, 255, 0.92)",backdropFilter:"blur(10px)",border:"1px solid rgba(226, 232, 240, 0.9)",borderRadius:"12px",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.08)"},minimal:{backgroundColor:"#ffffff",border:"1px solid #e2e8f0",borderRadius:"12px"}},ru={sm:{fontSize:"12px",padding:"8px 10px",borderRadius:"12px"},md:{fontSize:"14px",padding:"10px 12px",borderRadius:"12px"},lg:{fontSize:"14px",padding:"12px 14px",borderRadius:"14px"}},tu={backgroundColor:"#1D4ED8",color:"#ffffff",alignSelf:"flex-end",borderBottomRightRadius:"4px"},nu={backgroundColor:"#ffffff",color:"#0F172A",alignSelf:"flex-start",borderBottomLeftRadius:"4px",border:"1px solid #E2E8F0"},Le={container:{display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"},messagesContainer:{flex:1,overflowY:"auto",display:"flex",flexDirection:"column",gap:"12px",padding:"16px",backgroundColor:"#F8FAFC"},inputContainer:{position:"relative",backgroundColor:"#ffffff",borderTop:"1px solid #E2E8F0",padding:"12px",display:"flex",alignItems:"flex-end",gap:"8px",transition:"background-color 0.2s ease, border-color 0.2s ease"},bubble:{maxWidth:"80%",position:"relative",wordWrap:"break-word",animation:"chatBubbleAppear 0.25s ease-out"},timestamp:{position:"absolute",top:"-24px",fontSize:"12px",color:"#64748B",backgroundColor:"rgba(255, 255, 255, 0.96)",padding:"2px 8px",borderRadius:"9999px",opacity:0,transition:"opacity 0.15s ease-out",border:"1px solid #E2E8F0"},input:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",resize:"none",fontFamily:"inherit",fontSize:"14px",minHeight:"24px",maxHeight:"120px"},sendButton:{width:"36px",height:"36px",borderRadius:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.2s ease, opacity 0.2s ease",flexShrink:0},attachmentButton:{width:"36px",height:"36px",borderRadius:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",transition:"background-color 0.2s ease",flexShrink:0}},au=({messages:e=[],inputPlaceholder:o="Type a message...",disableInput:t=!1,variant:n="default",size:a="md",showTimestamps:l=!0,enableAttachments:s=!1,enableContextPicker:m=!1,selectedContextElements:d=[],onContextPickerClick:c,onRemoveContextElement:f,isLoading:g=!1,loadingText:p="Loading...",styles:u={},maxHeight:b="600px",internalInputValue:y,handleInputChange:x,handleSubmit:C,inputRef:w,messagesRef:v,inputValue:k,onInputChange:S,...T})=>{var A;const z={...Le.container,...ou[n],...u.container},M={...Le.messagesContainer,maxHeight:b,...u.messagesContainer},P={...Le.inputContainer,...u.inputContainer},D={...Le.input,...eu[a],...u.input},F=h.useCallback(j=>{x(j.target.value),j.target.style.height="auto",j.target.style.height=`${j.target.scrollHeight}px`},[x]),V=h.useCallback(j=>{j.key==="Enter"&&!j.shiftKey&&(j.preventDefault(),C())},[C]),E=y.trim().length>0,{onSubmit:H,...W}=T;return r.jsxs(i.View,{...z,...W,children:[r.jsxs(i.View,{ref:v,...M,children:[e.length===0?r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",flex:1,color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:"No messages yet. Start a conversation."})}):e.map(j=>r.jsx(lu,{message:j,size:a,showTimestamp:l,styles:{bubble:u.bubble,userBubble:u.userBubble,assistantBubble:u.assistantBubble,timestamp:u.timestamp,reasoningContainer:u.reasoningContainer,reasoningContent:u.reasoningContent,errorMessage:u.errorMessage,systemMessage:u.systemMessage,toolMessage:u.toolMessage}},j.id)),g&&r.jsxs(i.Horizontal,{justifyContent:"flex-start",alignItems:"center",gap:8,marginTop:"8px",...u.loadingIndicator,children:[r.jsx(Rr,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",fontSize:"14px",children:p})]})]}),r.jsxs(i.View,{children:[d.length>0&&r.jsx(i.Horizontal,{gap:8,marginBottom:"8px",flexWrap:"wrap",padding:"0 12px 8px",...u.contextChipsContainer,children:d.map(j=>r.jsxs(i.Horizontal,{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200",borderRadius:"9999px",padding:"6px 10px",alignItems:"center",gap:6,children:[r.jsx(i.Text,{fontSize:"12px",color:"color-blue-700",fontWeight:"500",children:j.name}),r.jsx(i.View,{as:"button",type:"button",onClick:()=>f==null?void 0:f(j.id),cursor:"pointer",border:"none",backgroundColor:"transparent",display:"flex",alignItems:"center",children:r.jsx(ve,{widthHeight:12,color:"color-blue-700"})})]},j.id))}),r.jsxs(i.View,{as:"form",onSubmit:C,...P,children:[s&&r.jsx(i.View,{as:"button",type:"button",...Le.attachmentButton,...u.attachmentButton,_hover:{backgroundColor:"color-gray-100"},children:r.jsx(Ao,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"textarea",ref:w,value:y,onChange:F,onKeyDown:V,placeholder:o,disabled:t||g,...D,style:{...D,opacity:t||g?.5:1}}),r.jsxs(i.Vertical,{gap:4,alignItems:"center",children:[m&&r.jsx(i.View,{as:"button",type:"button",onClick:c,...Le.attachmentButton,...u.contextPickerButton,_hover:{backgroundColor:"#F1F5F9",...(A=u.contextPickerButton)==null?void 0:A._hover},title:"Select element from page",children:r.jsx(Fn,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"button",type:"submit",disabled:!E||t||g,...Le.sendButton,backgroundColor:E?"theme-primary":"color-gray-300",_hover:{backgroundColor:E?"#1D4ED8":"color-gray-300"},...u.sendButton,style:{cursor:E?"pointer":"not-allowed",opacity:!E||t||g?.6:1},children:r.jsx(Zr,{widthHeight:16,color:"color-white",filled:!1})})]})]})]})]})},lu=({message:e,size:o,showTimestamp:t,styles:n})=>{const[a,l]=h.useState(!1),[s,m]=h.useState(!1),d=e.role==="user",c=e.messageType==="system",f=e.messageType==="error",g=e.messageType==="tool";if(c)return r.jsx(i.View,{display:"flex",justifyContent:"center",padding:"8px",width:"100%",...n.systemMessage,children:r.jsxs(i.Horizontal,{gap:6,alignItems:"center",opacity:.7,children:[r.jsx(qe,{widthHeight:12,color:"color-gray-600"}),r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontStyle:"italic",children:e.content})]})});if(g)return r.jsx(i.View,{display:"flex",justifyContent:"flex-start",padding:"8px 16px",width:"100%",...n.toolMessage,children:r.jsxs(i.Horizontal,{gap:8,alignItems:"center",backgroundColor:"color-gray-50",padding:"8px 10px",borderRadius:"8px",width:"100%",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",children:[r.jsx(Sn,{widthHeight:14,color:"color-gray-600"}),r.jsxs(i.Vertical,{gap:2,children:[r.jsx(i.Text,{fontSize:"11px",fontWeight:"600",color:"color-gray-700",children:"Tool Usage"}),r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontFamily:"monospace",children:e.content})]})]})});const p={...Le.bubble,...ru[o],...d?tu:nu,...f?{backgroundColor:"color-red-50",borderWidth:1,borderStyle:"solid",borderColor:"color-red-200",color:"color-red-700"}:{},...n.bubble,...d?n.userBubble:n.assistantBubble,...f?n.errorMessage:{}},u={...Le.timestamp,[d?"right":"left"]:"8px",opacity:a?1:0,...n.timestamp};return r.jsx(i.View,{position:"relative",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),display:"flex",justifyContent:d?"flex-end":"flex-start",children:r.jsxs(i.View,{...p,children:[t&&r.jsx(i.View,{...u,children:e.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),f&&r.jsxs(i.Horizontal,{gap:6,marginBottom:"4px",alignItems:"center",children:[r.jsx(mr,{widthHeight:14,color:"color-red-700"}),r.jsx(i.Text,{fontWeight:"600",fontSize:"12px",children:"Error"})]}),e.reasoning&&r.jsxs(i.View,{marginBottom:"8px",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"color-gray-200",paddingBottom:"8px",...n.reasoningContainer,children:[r.jsxs(i.Horizontal,{as:"button",onClick:()=>m(!s),cursor:"pointer",gap:4,alignItems:"center",backgroundColor:"transparent",border:"none",padding:0,children:[r.jsx(i.Text,{fontSize:"11px",color:"color-gray-500",fontWeight:"600",children:"Thinking Process"}),r.jsx(ce,{orientation:s?"down":"right",widthHeight:10,color:"color-gray-500"})]}),s&&r.jsx(i.View,{padding:"8px",backgroundColor:"color-gray-50",borderRadius:"8px",marginTop:"4px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",...n.reasoningContent,children:r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontStyle:"italic",children:e.reasoning})})]}),r.jsx(i.View,{whiteSpace:"pre-wrap",wordBreak:"break-word",children:e.content}),e.attachments&&e.attachments.length>0&&r.jsx(i.Vertical,{gap:4,marginTop:"8px",children:e.attachments.map(b=>r.jsxs(i.Horizontal,{gap:6,padding:"6px 8px",backgroundColor:"color-gray-50",borderRadius:"8px",fontSize:"12px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",children:[r.jsx(Ao,{widthHeight:14}),r.jsx(i.Text,{children:b.name})]},b.id))}),e.contextElements&&e.contextElements.length>0&&r.jsxs(i.Vertical,{gap:4,marginTop:"8px",children:[r.jsx(i.Text,{fontSize:"11px",color:"color-black-500",fontWeight:"600",children:"Context:"}),e.contextElements.map(b=>r.jsx(i.Horizontal,{gap:6,padding:"6px 10px",backgroundColor:"color-blue-50",borderRadius:"9999px",fontSize:"11px",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200",children:r.jsx(i.Text,{color:"color-blue-700",fontWeight:"500",children:b.name})},b.id))]})]})})},Yt=e=>{const o=Rp(e);return r.jsx(au,{...e,...o})};Yt.displayName="ChatWidget";const Ti=Yt;function iu({onSelect:e,onCancel:o,active:t}){const[n,a]=h.useState(null);h.useRef(null);const l=h.useCallback(d=>{var u;if(!t)return;const c=document.elementFromPoint(d.clientX,d.clientY);if(!c||c===document.body||c.closest('[data-chatwidget-ignore="true"]')||c.closest("#chatwidget-overlay")){a(null);return}const f=c.getBoundingClientRect();let g=c.tagName.toLowerCase();if(c.id)g+=`#${c.id}`;else if(c.className&&typeof c.className=="string"){const b=c.className.split(" ")[0];b&&(g+=`.${b}`)}const p=(u=c.innerText)==null?void 0:u.slice(0,20);p&&(g+=` ("${p}...")`),a({id:c.id||`el-${Date.now()}`,name:g,tagName:c.tagName.toLowerCase(),rect:f})},[t]),s=h.useCallback(d=>{!t||d.target.closest('[data-chatwidget-ignore="true"]')||(d.preventDefault(),d.stopPropagation(),n&&e(n))},[t,n,e]),m=h.useCallback(d=>{t&&d.key==="Escape"&&o()},[t,o]);return h.useEffect(()=>(t?(document.addEventListener("mousemove",l),document.addEventListener("click",s,!0),document.addEventListener("keydown",m),document.body.style.cursor="crosshair"):(a(null),document.removeEventListener("mousemove",l),document.removeEventListener("click",s,!0),document.removeEventListener("keydown",m),document.body.style.cursor=""),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("click",s,!0),document.removeEventListener("keydown",m),document.body.style.cursor=""}),[t,l,s,m]),{highlightedElement:n}}function su({element:e}){return e?r.jsx("div",{id:"chatwidget-overlay",style:{position:"fixed",top:e.rect.top,left:e.rect.left,width:e.rect.width,height:e.rect.height,border:"2px solid #1D4ED8",backgroundColor:"rgba(29, 78, 216, 0.08)",pointerEvents:"none",zIndex:99999,transition:"top 0.1s ease-out, left 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out",borderRadius:"8px"},children:r.jsx("div",{style:{position:"absolute",top:"-24px",left:"0",backgroundColor:"#1D4ED8",color:"white",padding:"2px 8px",borderRadius:"9999px",fontSize:"12px",fontWeight:"bold",whiteSpace:"nowrap"},children:e.name})}):null}const cu=({initialMessages:e=[],onSendMessage:o,bubbleSize:t="md"})=>{const[n,a]=h.useState(!1),[l,s]=h.useState(!1),[m,d]=h.useState(e),[c,f]=h.useState([]),{highlightedElement:g}=iu({active:l,onSelect:x=>{f(C=>[...C,x]),s(!1),a(!0)},onCancel:()=>{s(!1),a(!0)}}),p=()=>a(!n),u=()=>{s(!0),a(!1)},b=x=>{f(C=>C.filter(w=>w.id!==x))},y=x=>{const C={id:Date.now().toString(),role:"user",content:x,timestamp:new Date,contextElements:[...c]};d(w=>[...w,C]),o==null||o(x,c),f([]),setTimeout(()=>{var S;const w=Math.random()>.7,v=Math.random()>.4,k={id:(Date.now()+1).toString(),role:"assistant",timestamp:new Date,content:w?"I will highlight the selected element.":`I received your message regarding: ${((S=C.contextElements)==null?void 0:S.map(T=>T.name).join(", "))||"general context"}. How can I assist you further?`,messageType:w?"tool":"text",reasoning:v?"Analyzing the user input and context... The user seems to be asking about specific elements. I should tailor my response to the selected context.":void 0};d(T=>[...T,k]),w&&setTimeout(()=>{d(T=>[...T,{id:(Date.now()+2).toString(),role:"assistant",messageType:"system",content:'Tool "highlightElement" executed successfully.',timestamp:new Date}])},800)},1e3)};return r.jsxs(i.View,{position:"fixed",bottom:24,right:24,zIndex:9999,children:[r.jsx(su,{element:g}),l&&r.jsx(i.View,{position:"fixed",top:24,left:"50%",transform:"translateX(-50%)",backgroundColor:"rgba(0,0,0,0.8)",color:"white",padding:"8px 16px",borderRadius:"24px",zIndex:1e4,boxShadow:"0 4px 6px rgba(0,0,0,0.1)",children:r.jsx(i.Text,{fontWeight:"600",fontSize:"14px",children:"Click an element to select it. Press ESC to cancel."})}),n&&r.jsxs(i.View,{position:"absolute",bottom:60,right:0,width:"400px",height:"600px",marginBottom:"16px",backgroundColor:"rgba(255, 255, 255, 0.8)",backdropFilter:"blur(20px)",borderRadius:"24px",border:"1px solid rgba(255, 255, 255, 0.4)",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",overflow:"hidden",animation:"slideUp 0.3s ease-out",style:{animation:"fadeIn 0.2s ease-out",transformOrigin:"bottom right"},children:[r.jsxs(i.View,{padding:"16px",borderBottom:"1px solid rgba(0,0,0,0.05)",display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"bold",color:"color-gray-800",children:"ChatWidget Assistant"}),r.jsx(i.View,{as:"button",onClick:()=>a(!1),cursor:"pointer",padding:"4px",borderRadius:"50%",border:"none",backgroundColor:"transparent",_hover:{backgroundColor:"rgba(0,0,0,0.05)"},children:r.jsx(ve,{widthHeight:16,color:"color-gray-500"})})]}),r.jsx(Ti,{messages:m,onSubmit:y,size:t,variant:"minimal",enableContextPicker:!0,selectedContextElements:c,onContextPickerClick:u,onRemoveContextElement:b,styles:{container:{height:"calc(100% - 60px)",backgroundColor:"transparent"},inputContainer:{backgroundColor:"white",margin:"0 16px 16px 16px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1)"}}})]}),!l&&r.jsx(i.View,{as:"button",onClick:p,width:"56px",height:"56px",borderRadius:"50%",backgroundColor:"theme-primary",border:"none",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",_hover:{transform:"scale(1.05)"},_active:{transform:"scale(0.95)"},"data-chatwidget-ignore":"true",children:n?r.jsx(ve,{widthHeight:24,color:"white"}):r.jsx(In,{widthHeight:24,color:"white"})})]})},Ii=e=>{const o=fe("radio",e),t=_a(o);return r.jsx(Oa,{...t,...o})};function Xt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var du=typeof Element<"u",mu=typeof Map=="function",hu=typeof Set=="function",fu=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function Br(e,o){if(e===o)return!0;if(e&&o&&typeof e=="object"&&typeof o=="object"){if(e.constructor!==o.constructor)return!1;var t,n,a;if(Array.isArray(e)){if(t=e.length,t!=o.length)return!1;for(n=t;n--!==0;)if(!Br(e[n],o[n]))return!1;return!0}var l;if(mu&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(l=e.entries();!(n=l.next()).done;)if(!o.has(n.value[0]))return!1;for(l=e.entries();!(n=l.next()).done;)if(!Br(n.value[1],o.get(n.value[0])))return!1;return!0}if(hu&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(l=e.entries();!(n=l.next()).done;)if(!o.has(n.value[0]))return!1;return!0}if(fu&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if(t=e.length,t!=o.length)return!1;for(n=t;n--!==0;)if(e[n]!==o[n])return!1;return!0}if(e.constructor===RegExp)return e.source===o.source&&e.flags===o.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf=="function"&&typeof o.valueOf=="function")return e.valueOf()===o.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString=="function"&&typeof o.toString=="function")return e.toString()===o.toString();if(a=Object.keys(e),t=a.length,t!==Object.keys(o).length)return!1;for(n=t;n--!==0;)if(!Object.prototype.hasOwnProperty.call(o,a[n]))return!1;if(du&&e instanceof Element)return!1;for(n=t;n--!==0;)if(!((a[n]==="_owner"||a[n]==="__v"||a[n]==="__o")&&e.$$typeof)&&!Br(e[a[n]],o[a[n]]))return!1;return!0}return e!==e&&o!==o}var gu=function(o,t){try{return Br(o,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}};const pu=Xt(gu);var uu=function(e,o,t,n,a,l,s,m){if(process.env.NODE_ENV!=="production"&&o===void 0)throw new Error("invariant requires an error message argument");if(!e){var d;if(o===void 0)d=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[t,n,a,l,s,m],f=0;d=new Error(o.replace(/%s/g,function(){return c[f++]})),d.name="Invariant Violation"}throw d.framesToPop=1,d}},bu=uu;const Fi=Xt(bu);var yu=function(o,t,n,a){var l=n?n.call(a,o,t):void 0;if(l!==void 0)return!!l;if(o===t)return!0;if(typeof o!="object"||!o||typeof t!="object"||!t)return!1;var s=Object.keys(o),m=Object.keys(t);if(s.length!==m.length)return!1;for(var d=Object.prototype.hasOwnProperty.bind(t),c=0;c<s.length;c++){var f=s[c];if(!d(f))return!1;var g=o[f],p=t[f];if(l=n?n.call(a,g,p,f):void 0,l===!1||l===void 0&&g!==p)return!1}return!0};const xu=Xt(yu);var zi=(e=>(e.BASE="base",e.BODY="body",e.HEAD="head",e.HTML="html",e.LINK="link",e.META="meta",e.NOSCRIPT="noscript",e.SCRIPT="script",e.STYLE="style",e.TITLE="title",e.FRAGMENT="Symbol(react.fragment)",e))(zi||{}),Kt={link:{rel:["amphtml","canonical","alternate"]},script:{type:["application/ld+json"]},meta:{charset:"",name:["generator","robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]}},Mi=Object.values(zi),Lr={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},Wi=Object.entries(Lr).reduce((e,[o,t])=>(e[t]=o,e),{}),Pe="data-rh",Fo={DEFAULT_TITLE:"defaultTitle",DEFER:"defer",ENCODE_SPECIAL_CHARACTERS:"encodeSpecialCharacters",ON_CHANGE_CLIENT_STATE:"onChangeClientState",TITLE_TEMPLATE:"titleTemplate",PRIORITIZE_SEO_TAGS:"prioritizeSeoTags"},zo=(e,o)=>{for(let t=e.length-1;t>=0;t-=1){const n=e[t];if(Object.prototype.hasOwnProperty.call(n,o))return n[o]}return null},Cu=e=>{let o=zo(e,"title");const t=zo(e,Fo.TITLE_TEMPLATE);if(Array.isArray(o)&&(o=o.join("")),t&&o)return t.replace(/%s/g,()=>o);const n=zo(e,Fo.DEFAULT_TITLE);return o||n||void 0},ku=e=>zo(e,Fo.ON_CHANGE_CLIENT_STATE)||(()=>{}),Jt=(e,o)=>o.filter(t=>typeof t[e]<"u").map(t=>t[e]).reduce((t,n)=>({...t,...n}),{}),wu=(e,o)=>o.filter(t=>typeof t.base<"u").map(t=>t.base).reverse().reduce((t,n)=>{if(!t.length){const a=Object.keys(n);for(let l=0;l<a.length;l+=1){const m=a[l].toLowerCase();if(e.indexOf(m)!==-1&&n[m])return t.concat(n)}}return t},[]),Su=e=>console&&typeof console.warn=="function"&&console.warn(e),Zo=(e,o,t)=>{const n={};return t.filter(a=>Array.isArray(a[e])?!0:(typeof a[e]<"u"&&Su(`Helmet: ${e} should be of type "Array". Instead found type "${typeof a[e]}"`),!1)).map(a=>a[e]).reverse().reduce((a,l)=>{const s={};l.filter(d=>{let c;const f=Object.keys(d);for(let p=0;p<f.length;p+=1){const u=f[p],b=u.toLowerCase();o.indexOf(b)!==-1&&!(c==="rel"&&d[c].toLowerCase()==="canonical")&&!(b==="rel"&&d[b].toLowerCase()==="stylesheet")&&(c=b),o.indexOf(u)!==-1&&(u==="innerHTML"||u==="cssText"||u==="itemprop")&&(c=u)}if(!c||!d[c])return!1;const g=d[c].toLowerCase();return n[c]||(n[c]={}),s[c]||(s[c]={}),n[c][g]?!1:(s[c][g]=!0,!0)}).reverse().forEach(d=>a.push(d));const m=Object.keys(s);for(let d=0;d<m.length;d+=1){const c=m[d],f={...n[c],...s[c]};n[c]=f}return a},[]).reverse()},vu=(e,o)=>{if(Array.isArray(e)&&e.length){for(let t=0;t<e.length;t+=1)if(e[t][o])return!0}return!1},Tu=e=>({baseTag:wu(["href"],e),bodyAttributes:Jt("bodyAttributes",e),defer:zo(e,Fo.DEFER),encode:zo(e,Fo.ENCODE_SPECIAL_CHARACTERS),htmlAttributes:Jt("htmlAttributes",e),linkTags:Zo("link",["rel","href"],e),metaTags:Zo("meta",["name","charset","http-equiv","property","itemprop"],e),noscriptTags:Zo("noscript",["innerHTML"],e),onChangeClientState:ku(e),scriptTags:Zo("script",["src","innerHTML"],e),styleTags:Zo("style",["cssText"],e),title:Cu(e),titleAttributes:Jt("titleAttributes",e),prioritizeSeoTags:vu(e,Fo.PRIORITIZE_SEO_TAGS)}),Hi=e=>Array.isArray(e)?e.join(""):e,Iu=(e,o)=>{const t=Object.keys(e);for(let n=0;n<t.length;n+=1)if(o[t[n]]&&o[t[n]].includes(e[t[n]]))return!0;return!1},Qt=(e,o)=>Array.isArray(e)?e.reduce((t,n)=>(Iu(n,o)?t.priority.push(n):t.default.push(n),t),{priority:[],default:[]}):{default:e,priority:[]},ji=(e,o)=>({...e,[o]:void 0}),Fu=["noscript","script","style"],Zt=(e,o=!0)=>o===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;"),Pi=e=>Object.keys(e).reduce((o,t)=>{const n=typeof e[t]<"u"?`${t}="${e[t]}"`:`${t}`;return o?`${o} ${n}`:n},""),zu=(e,o,t,n)=>{const a=Pi(t),l=Hi(o);return a?`<${e} ${Pe}="true" ${a}>${Zt(l,n)}</${e}>`:`<${e} ${Pe}="true">${Zt(l,n)}</${e}>`},Mu=(e,o,t=!0)=>o.reduce((n,a)=>{const l=a,s=Object.keys(l).filter(c=>!(c==="innerHTML"||c==="cssText")).reduce((c,f)=>{const g=typeof l[f]>"u"?f:`${f}="${Zt(l[f],t)}"`;return c?`${c} ${g}`:g},""),m=l.innerHTML||l.cssText||"",d=Fu.indexOf(e)===-1;return`${n}<${e} ${Pe}="true" ${s}${d?"/>":`>${m}</${e}>`}`},""),Ai=(e,o={})=>Object.keys(e).reduce((t,n)=>{const a=Lr[n];return t[a||n]=e[n],t},o),Wu=(e,o,t)=>{const n={key:o,[Pe]:!0},a=Ai(t,n);return[h.createElement("title",a,o)]},_r=(e,o)=>o.map((t,n)=>{const a={key:n,[Pe]:!0};return Object.keys(t).forEach(l=>{const m=Lr[l]||l;if(m==="innerHTML"||m==="cssText"){const d=t.innerHTML||t.cssText;a.dangerouslySetInnerHTML={__html:d}}else a[m]=t[l]}),h.createElement(e,a)}),ze=(e,o,t=!0)=>{switch(e){case"title":return{toComponent:()=>Wu(e,o.title,o.titleAttributes),toString:()=>zu(e,o.title,o.titleAttributes,t)};case"bodyAttributes":case"htmlAttributes":return{toComponent:()=>Ai(o),toString:()=>Pi(o)};default:return{toComponent:()=>_r(e,o),toString:()=>Mu(e,o,t)}}},Hu=({metaTags:e,linkTags:o,scriptTags:t,encode:n})=>{const a=Qt(e,Kt.meta),l=Qt(o,Kt.link),s=Qt(t,Kt.script);return{priorityMethods:{toComponent:()=>[..._r("meta",a.priority),..._r("link",l.priority),..._r("script",s.priority)],toString:()=>`${ze("meta",a.priority,n)} ${ze("link",l.priority,n)} ${ze("script",s.priority,n)}`},metaTags:a.default,linkTags:l.default,scriptTags:s.default}},ju=e=>{const{baseTag:o,bodyAttributes:t,encode:n=!0,htmlAttributes:a,noscriptTags:l,styleTags:s,title:m="",titleAttributes:d,prioritizeSeoTags:c}=e;let{linkTags:f,metaTags:g,scriptTags:p}=e,u={toComponent:()=>[],toString:()=>""};return c&&({priorityMethods:u,linkTags:f,metaTags:g,scriptTags:p}=Hu(e)),{priority:u,base:ze("base",o,n),bodyAttributes:ze("bodyAttributes",t,n),htmlAttributes:ze("htmlAttributes",a,n),link:ze("link",f,n),meta:ze("meta",g,n),noscript:ze("noscript",l,n),script:ze("script",p,n),style:ze("style",s,n),title:ze("title",{title:m,titleAttributes:d},n)}},Rt=ju,Or=[],en=!!(typeof window<"u"&&window.document&&window.document.createElement),on=class{constructor(e,o){Ne(this,"instances",[]);Ne(this,"canUseDOM",en);Ne(this,"context");Ne(this,"value",{setHelmet:e=>{this.context.helmet=e},helmetInstances:{get:()=>this.canUseDOM?Or:this.instances,add:e=>{(this.canUseDOM?Or:this.instances).push(e)},remove:e=>{const o=(this.canUseDOM?Or:this.instances).indexOf(e);(this.canUseDOM?Or:this.instances).splice(o,1)}}});this.context=e,this.canUseDOM=o||!1,o||(e.helmet=Rt({baseTag:[],bodyAttributes:{},htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))}},Pu=parseInt(h.version.split(".")[0],10),rn=Pu>=19,Au={},Ei=h.createContext(Au),Eu=(co=class extends h.Component{constructor(t){super(t);Ne(this,"helmetData");rn?this.helmetData=null:this.helmetData=new on(this.props.context||{},co.canUseDOM)}render(){return rn?h.createElement(h.Fragment,null,this.props.children):h.createElement(Ei.Provider,{value:this.helmetData.value},this.props.children)}},Ne(co,"canUseDOM",en),co),Mo=(e,o)=>{const t=document.head||document.querySelector("head"),n=t.querySelectorAll(`${e}[${Pe}]`),a=[].slice.call(n),l=[];let s;return o&&o.length&&o.forEach(m=>{const d=document.createElement(e);for(const c in m)if(Object.prototype.hasOwnProperty.call(m,c))if(c==="innerHTML")d.innerHTML=m.innerHTML;else if(c==="cssText"){const f=m.cssText;d.appendChild(document.createTextNode(f))}else{const f=c,g=typeof m[f]>"u"?"":m[f];d.setAttribute(c,g)}d.setAttribute(Pe,"true"),a.some((c,f)=>(s=f,d.isEqualNode(c)))?a.splice(s,1):l.push(d)}),a.forEach(m=>{var d;return(d=m.parentNode)==null?void 0:d.removeChild(m)}),l.forEach(m=>t.appendChild(m)),{oldTags:a,newTags:l}},tn=(e,o)=>{const t=document.getElementsByTagName(e)[0];if(!t)return;const n=t.getAttribute(Pe),a=n?n.split(","):[],l=[...a],s=Object.keys(o);for(const m of s){const d=o[m]||"";t.getAttribute(m)!==d&&t.setAttribute(m,d),a.indexOf(m)===-1&&a.push(m);const c=l.indexOf(m);c!==-1&&l.splice(c,1)}for(let m=l.length-1;m>=0;m-=1)t.removeAttribute(l[m]);a.length===l.length?t.removeAttribute(Pe):t.getAttribute(Pe)!==s.join(",")&&t.setAttribute(Pe,s.join(","))},Vu=(e,o)=>{typeof e<"u"&&document.title!==e&&(document.title=Hi(e)),tn("title",o)},Vi=(e,o)=>{const{baseTag:t,bodyAttributes:n,htmlAttributes:a,linkTags:l,metaTags:s,noscriptTags:m,onChangeClientState:d,scriptTags:c,styleTags:f,title:g,titleAttributes:p}=e;tn("body",n),tn("html",a),Vu(g,p);const u={baseTag:Mo("base",t),linkTags:Mo("link",l),metaTags:Mo("meta",s),noscriptTags:Mo("noscript",m),scriptTags:Mo("script",c),styleTags:Mo("style",f)},b={},y={};Object.keys(u).forEach(x=>{const{newTags:C,oldTags:w}=u[x];C.length&&(b[x]=C),w.length&&(y[x]=u[x].oldTags)}),o&&o(),d(e,b,y)},Ro=null,Du=e=>{Ro&&cancelAnimationFrame(Ro),e.defer?Ro=requestAnimationFrame(()=>{Vi(e,()=>{Ro=null})}):(Vi(e),Ro=null)},$u=Du,Di=class extends h.Component{constructor(){super(...arguments);Ne(this,"rendered",!1)}shouldComponentUpdate(o){return!xu(o,this.props)}componentDidUpdate(){this.emitChange()}componentWillUnmount(){const{helmetInstances:o}=this.props.context;o.remove(this),this.emitChange()}emitChange(){const{helmetInstances:o,setHelmet:t}=this.props.context;let n=null;const a=Tu(o.get().map(l=>{const{context:s,...m}=l.props;return m}));Eu.canUseDOM?$u(a):Rt&&(n=Rt(a)),t(n)}init(){if(this.rendered)return;this.rendered=!0;const{helmetInstances:o}=this.props.context;o.add(this),this.emitChange()}render(){return this.init(),null}},Nr=[],$i=e=>{const o={};for(const t of Object.keys(e))o[Wi[t]||t]=e[t];return o},so=e=>{const o={};for(const t of Object.keys(e)){const n=Lr[t];o[n||t]=e[t]}return o},Bi=(e,o)=>{if(!en)return;const t=document.getElementsByTagName(e)[0];if(!t)return;const n="data-rh-managed",a=t.getAttribute(n),l=a?a.split(","):[],s=Object.keys(o);for(const m of l)s.includes(m)||t.removeAttribute(m);for(const m of s){const d=o[m];d==null||d===!1?t.removeAttribute(m):d===!0?t.setAttribute(m,""):t.setAttribute(m,String(d))}s.length>0?t.setAttribute(n,s.join(",")):t.removeAttribute(n)},nn=()=>{const e={},o={};for(const t of Nr){const{htmlAttributes:n,bodyAttributes:a}=t.props;n&&Object.assign(e,$i(n)),a&&Object.assign(o,$i(a))}Bi("html",e),Bi("body",o)},Bu=class extends h.Component{componentDidMount(){Nr.push(this),nn()}componentDidUpdate(){nn()}componentWillUnmount(){const e=Nr.indexOf(this);e!==-1&&Nr.splice(e,1),nn()}resolveTitle(){const{title:e,titleTemplate:o,defaultTitle:t}=this.props;return e&&o?o.replace(/%s/g,()=>Array.isArray(e)?e.join(""):e):e||t||void 0}renderTitle(){const e=this.resolveTitle();if(e===void 0)return null;const o=this.props.titleAttributes||{};return h.createElement("title",so(o),e)}renderBase(){const{base:e}=this.props;return e?h.createElement("base",so(e)):null}renderMeta(){const{meta:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>h.createElement("meta",{key:t,...so(o)}))}renderLink(){const{link:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>h.createElement("link",{key:t,...so(o)}))}renderScript(){const{script:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=so(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("script",{key:t,...l})})}renderStyle(){const{style:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{cssText:n,...a}=o,l=so(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("style",{key:t,...l})})}renderNoscript(){const{noscript:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=so(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("noscript",{key:t,...l})})}render(){return h.createElement(h.Fragment,null,this.renderTitle(),this.renderBase(),this.renderMeta(),this.renderLink(),this.renderScript(),this.renderStyle(),this.renderNoscript())}},Lu=(cn=class extends h.Component{shouldComponentUpdate(e){return!pu(ji(this.props,"helmetData"),ji(e,"helmetData"))}mapNestedChildrenToProps(e,o){if(!o)return null;switch(e.type){case"script":case"noscript":return{innerHTML:o};case"style":return{cssText:o};default:throw new Error(`<${e.type} /> elements are self-closing and can not contain children. Refer to our API for more information.`)}}flattenArrayTypeChildren(e,o,t,n){return{...o,[e.type]:[...o[e.type]||[],{...t,...this.mapNestedChildrenToProps(e,n)}]}}mapObjectTypeChildren(e,o,t,n){switch(e.type){case"title":return{...o,[e.type]:n,titleAttributes:{...t}};case"body":return{...o,bodyAttributes:{...t}};case"html":return{...o,htmlAttributes:{...t}};default:return{...o,[e.type]:{...t}}}}mapArrayTypeChildrenToProps(e,o){let t={...o};return Object.keys(e).forEach(n=>{t={...t,[n]:e[n]}}),t}warnOnInvalidChildren(e,o){return Fi(Mi.some(t=>e.type===t),typeof e.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":`Only elements types ${Mi.join(", ")} are allowed. Helmet does not support rendering <${e.type}> elements. Refer to our API for more information.`),Fi(!o||typeof o=="string"||Array.isArray(o)&&!o.some(t=>typeof t!="string"),`Helmet expects a string as a child of <${e.type}>. Did you forget to wrap your children in braces? ( <${e.type}>{\`\`}</${e.type}> ) Refer to our API for more information.`),!0}mapChildrenToProps(e,o){let t={};return h.Children.forEach(e,n=>{if(!n||!n.props)return;const{children:a,...l}=n.props,s=Object.keys(l).reduce((d,c)=>(d[Wi[c]||c]=l[c],d),{});let{type:m}=n;switch(typeof m=="symbol"?m=m.toString():this.warnOnInvalidChildren(n,a),m){case"Symbol(react.fragment)":o=this.mapChildrenToProps(a,o);break;case"link":case"meta":case"noscript":case"script":case"style":t=this.flattenArrayTypeChildren(n,t,s,a);break;default:o=this.mapObjectTypeChildren(n,o,s,a);break}}),this.mapArrayTypeChildrenToProps(t,o)}render(){const{children:e,...o}=this.props;let t={...o},{helmetData:n}=o;if(e&&(t=this.mapChildrenToProps(e,t)),n&&!(n instanceof on)){const a=n;n=new on(a.context,!0),delete t.helmetData}return rn?h.createElement(Bu,{...t}):n?h.createElement(Di,{...t,context:n.value}):h.createElement(Ei.Consumer,null,a=>h.createElement(Di,{...t,context:a}))}},Ne(cn,"defaultProps",{defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1}),cn);const _u={airbnb:{highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},apple:{highlightStyle:"solid",fontWeight:600,letterSpacing:"-0.03em"},coinbase:{highlightStyle:"solid",fontWeight:600,letterSpacing:"-0.02em"},figma:{highlightStyle:"underline",fontWeight:600,letterSpacing:"-0.01em",highlightFontWeight:700},linear:{highlightStyle:"gradient",fontWeight:600,letterSpacing:"-0.03em"},nike:{highlightStyle:"underline",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",highlightFontStyle:"italic",highlightFontWeight:900},notion:{highlightStyle:"underline",fontWeight:600,letterSpacing:"-0.01em",highlightFontStyle:"italic"},revolut:{highlightStyle:"gradient",fontWeight:700,letterSpacing:"-0.03em"},shopify:{highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},spacex:{highlightStyle:"glow",fontWeight:700,letterSpacing:"0.04em",textTransform:"uppercase",highlightLetterSpacing:"0.06em"},spotify:{highlightStyle:"background",fontWeight:800,letterSpacing:"-0.03em"},stripe:{highlightStyle:"gradient",fontWeight:700,letterSpacing:"-0.03em"},tesla:{highlightStyle:"solid",fontWeight:500,letterSpacing:"-0.01em",textTransform:"uppercase"},uber:{highlightStyle:"underline",fontWeight:700,letterSpacing:"-0.02em"},vercel:{highlightStyle:"outline",fontWeight:700,letterSpacing:"-0.04em"}},Ou={highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},Nu=e=>_u[e.metadata.id]??Ou,qu=e=>e.metadata.defaultAppearance==="dark"?{...e.theme,canvas:"#ffffff",surface:"#f5f5f5",text:"#1a1a1a",muted:"rgba(0,0,0,0.6)",border:"rgba(0,0,0,0.1)",appearance:"light"}:{...e.theme,appearance:"light"},Uu=e=>e.metadata.defaultAppearance==="dark"?{...e.theme,appearance:"dark"}:{...e.theme,canvas:"#0d0d0d",surface:"#1a1a1a",text:"#ffffff",muted:"rgba(255,255,255,0.62)",border:"rgba(255,255,255,0.14)",appearance:"dark"},me=({palette:e,label:o,children:t})=>r.jsxs(i.Vertical,{gap:10,flex:"1 1 320px",minWidth:0,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:10,height:10,borderRadius:9999,backgroundColor:e.appearance==="dark"?"#111111":"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"rgba(0,0,0,0.15)"}),r.jsx(i.Text,{fontSize:11,fontWeight:"700",letterSpacing:"0.08em",textTransform:"uppercase",children:o})]}),r.jsx(i.View,{padding:20,borderRadius:16,borderWidth:1,borderStyle:"solid",style:{backgroundColor:e.canvas,borderColor:e.border,color:e.text},children:t})]}),Gu={cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"neutral"},Yu=e=>e.personality||Gu,_e=(e,o="normal")=>{let n={light:300,regular:400,bold:700,black:800}[e.typeWeight];return o==="light"&&(n=Math.max(300,n-200)),o==="heavy"&&(n=Math.min(900,n+100)),n},er=e=>{switch(e.density){case"tight":return{padding:16,gap:10,large:20};case"spacious":return{padding:28,gap:18,large:36};case"comfortable":default:return{padding:22,gap:14,large:28}}},Xu=e=>e.typeCase==="uppercase"?"uppercase":"none",qr=(e,o)=>{switch(e.surfaceTone){case"glass":return{backgroundColor:o.appearance==="dark"?"rgba(255,255,255,0.04)":"rgba(255,255,255,0.65)",backdropFilter:"blur(14px)"};case"mono":return{backgroundColor:o.appearance==="dark"?"#0a0a0a":o.surface};case"matte":return{backgroundColor:o.appearance==="dark"?"#181818":"#f4f4f4"};case"paper":default:return{backgroundColor:o.surface}}},Wo=(e,o)=>{switch(e.accentTreatment){case"gradient":return`linear-gradient(135deg, ${o.primary} 0%, ${o.secondary||o.primary} 100%)`;case"glow":return o.primary;case"stripe":return`repeating-linear-gradient(45deg, ${o.primary} 0 8px, ${o.secondary||o.primary} 8px 16px)`;case"halftone":return`radial-gradient(circle at 30% 30%, ${o.primary} 0%, ${o.secondary||o.primary} 70%)`;case"flat":default:return o.primary}},Ho=(e,o)=>{if(e.accentTreatment==="glow")return`0 0 24px ${o.primary}66, 0 0 4px ${o.primary}`},Qe=e=>({letterSpacing:e.letterSpacing,textTransform:Xu(e),fontStyle:e.typeStyle,fontWeight:_e(e,"heavy")}),ye=e=>({letterSpacing:e.typeCase==="uppercase"?"0.12em":"0.06em",textTransform:"uppercase",fontStyle:e.typeStyle,fontWeight:_e(e,"normal")}),Ku=(e,o)=>{var n,a,l;const t=(n=e.components)==null?void 0:n[o];return(l=(a=t==null?void 0:t.views)==null?void 0:a.container)==null?void 0:l.borderRadius},Ju=e=>{const o=e.tokens.rawCssVars||{},t=e.theme.border,n=e.theme.surface,a=e.theme.primary,l=o["shadow-ring"]||"rgba(0,0,0,0.08) 0px 0px 0px 1px",s=o["shadow-ring-light"]||`${t} 0px 0px 0px 1px`,m=o["shadow-card"]||`rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, ${n} 0px 0px 0px 1px`,d=o["shadow-card-full"]||`rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, ${n} 0px 0px 0px 1px`;return[{name:"Level 0",label:"Flat",description:"No shadow",shadow:"none"},{name:"Level 1",label:"Ring",description:"Shadow-as-border",shadow:l},{name:"Level 1b",label:"Light Ring",description:"Lighter ring",shadow:s},{name:"Level 2",label:"Card",description:"Ring + subtle lift",shadow:m},{name:"Level 3",label:"Full Card",description:"Ring + lift + ambient + glow",shadow:d},{name:"Focus",label:"Accessibility ring",description:"Focus state — 2px ring",shadow:`0 0 0 2px ${a}`}]},or=(e,o)=>{const n={accordion:["accordion","card","alert"],tabs:["tabs","button"],panel:["card","alert"]}[o]??[o];for(const a of n){const l=Ku(e,a);if(l!==void 0)return l}return"12px"},an=({glyph:e,badge:o})=>r.jsxs(i.View,{position:"relative",display:"inline-flex",children:[r.jsx(i.View,{width:32,height:32,borderRadius:"50%",display:"inline-flex",alignItems:"center",justifyContent:"center",style:{backgroundColor:"rgba(0,0,0,0.06)",fontSize:18,lineHeight:"20px"},children:e}),o?r.jsx(i.View,{position:"absolute",top:-10,right:-18,paddingHorizontal:6,paddingVertical:2,borderRadius:9999,style:{backgroundColor:"#ffffff",color:"#222222",fontSize:9,fontWeight:700,letterSpacing:"0.04em",boxShadow:"0 1px 3px rgba(0,0,0,0.18)"},children:o}):null]}),Qu=[{title:"Homes",value:"homes",icon:r.jsx(an,{glyph:"🏠"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Tokens, inputs, and feedback components share the active config."})},{title:"Experiences",value:"experiences",icon:r.jsx(an,{glyph:"🎈",badge:"NEW"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Explicit props still override the config defaults."})},{title:"Services",value:"services",icon:r.jsx(an,{glyph:"🛎️",badge:"NEW"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Each tab carries an icon. Active tab uses the theme primary underline."})}],Zu=[{title:"Token",field:"token"},{title:"Value",field:"value"},{title:"Role",field:"role"}],Ru=[{id:"overview",label:"Overview",href:"#"},{id:"components",label:"Components",href:"#"},{id:"tokens",label:"Tokens",href:"#"}],eb=({color:e,name:o,role:t,border:n})=>r.jsxs(i.View,{borderWidth:1,borderStyle:"solid",borderRadius:8,overflow:"hidden",minWidth:0,borderColor:n,children:[r.jsx(i.View,{height:76,backgroundColor:e}),r.jsxs(i.Vertical,{gap:4,padding:12,children:[r.jsx(i.Text,{fontSize:13,lineHeight:"18px",fontWeight:"700",children:o}),r.jsx(i.Text,{fontSize:12,lineHeight:"16px",opacity:.7,children:e}),r.jsx(i.Text,{fontSize:12,lineHeight:"16px",opacity:.72,children:t})]})]}),ge=({title:e,children:o,config:t})=>r.jsxs(i.Vertical,{gap:18,padding:24,borderWidth:1,borderStyle:"solid",borderRadius:12,style:{backgroundColor:t.theme.canvas,borderColor:t.theme.border},children:[r.jsx(i.Text,{fontSize:18,lineHeight:"24px",fontWeight:"700",color:t.theme.text,children:e}),o]}),ob=({config:e})=>{const o=Nu(e),t=o.highlightStyle==="background"?e.theme.onPrimary:e.theme.primary;return r.jsx(i.View,{width:"100%",borderRadius:20,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border,style:{backgroundColor:e.theme.surface},children:r.jsxs(i.Horizontal,{width:"100%",flexWrap:"wrap",alignItems:"stretch",gap:0,children:[r.jsxs(i.Vertical,{flex:"1 1 360px",minWidth:0,padding:36,gap:20,justifyContent:"center",children:[r.jsx(ke,{variant:"outline",content:`${e.metadata.label} hero`}),r.jsx(Hl,{size:"xl",responsive:!0,highlightText:"design system",highlightStyle:o.highlightStyle,highlightColor:e.theme.primary,highlightSecondaryColor:o.highlightStyle==="gradient"?e.theme.secondary:e.theme.onPrimary,views:{container:{color:e.theme.text},text:{color:e.theme.text,fontFamily:e.tokens.typography.fontFamily,fontWeight:o.fontWeight,style:{letterSpacing:o.letterSpacing,fontStyle:o.fontStyle??"normal",textTransform:o.textTransform??"none"}},highlight:{color:t,fontWeight:o.highlightFontWeight??o.fontWeight,style:{fontStyle:o.highlightFontStyle??o.fontStyle??"normal",letterSpacing:o.highlightLetterSpacing??o.letterSpacing,textTransform:o.textTransform??"none"}}},children:"Build a beautiful design system in minutes"},`${e.metadata.id}-${o.highlightStyle}`),r.jsxs(i.Text,{color:e.theme.muted,fontFamily:e.tokens.typography.fontFamily,style:{fontSize:16,lineHeight:"24px",maxWidth:520},children:["Each brand defines its own highlight treatment —"," ",r.jsx(i.Text,{as:"span",color:e.theme.primary,fontWeight:"700",children:o.highlightStyle})," ","with weight"," ",r.jsx(i.Text,{as:"span",fontWeight:"700",children:o.fontWeight}),o.highlightFontStyle==="italic"||o.fontStyle==="italic"?", italic":"",o.textTransform==="uppercase"?", uppercase":"","."]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",children:[r.jsx(ie,{colorScheme:"primary",size:"md",children:"Get started"}),r.jsx(ie,{variant:"outline",colorScheme:"primary",size:"md",children:"View docs"})]})]}),r.jsxs(i.View,{flex:"1 1 320px",minWidth:0,minHeight:260,position:"relative",overflow:"hidden",style:{backgroundImage:`linear-gradient(135deg, ${e.theme.primary}, ${e.theme.secondary||e.theme.primary})`},children:[r.jsx(i.View,{position:"absolute",top:"50%",left:"50%",width:180,height:180,borderRadius:9999,style:{transform:"translate(-50%, -50%)",backgroundColor:"rgba(255,255,255,0.18)",filter:"blur(40px)"}}),r.jsxs(i.Vertical,{width:"100%",height:"100%",minHeight:260,padding:32,justifyContent:"flex-end",alignItems:"flex-start",gap:12,children:[r.jsx(i.Text,{fontWeight:"700",fontFamily:e.tokens.typography.fontFamily,style:{color:e.theme.onPrimary,fontSize:13,letterSpacing:"0.08em",textTransform:"uppercase"},children:e.metadata.label}),r.jsx(i.Text,{fontWeight:"700",fontFamily:e.tokens.typography.fontFamily,style:{color:e.theme.onPrimary,fontSize:28,lineHeight:"32px",letterSpacing:"-0.02em"},children:e.theme.primary})]})]})]})})},rb=({config:e})=>{var t,n;const o=e.tokens.colors.slice(0,5).map(a=>({token:a.name,value:a.value,role:a.role}));return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(ge,{title:"Color",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(150px, 1fr))",gap:12,children:e.tokens.colors.slice(0,12).map(a=>r.jsx(eb,{color:a.value,name:a.name,role:a.role,text:e.theme.text,border:e.theme.border},a.name))})}),r.jsx(ge,{title:"Typography",config:e,children:r.jsxs(i.Vertical,{gap:24,children:[r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:48,lineHeight:"1.0",fontWeight:"700",letterSpacing:"0.96px",textTransform:"uppercase",children:"Making Life Multiplanetary"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Display — 48px / Bold / 1.00 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:16,lineHeight:"1.7",fontWeight:"400",children:"SpaceX designs, manufactures and launches advanced rockets and spacecraft. The company was founded to revolutionize space technology."}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Body — 16px / 400 / 1.70"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:13,lineHeight:"0.94",fontWeight:"700",letterSpacing:"1.17px",textTransform:"uppercase",children:"Falcon 9 · Starship · Dragon"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Nav Bold — 13px / 700 / 0.94 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:12,lineHeight:"1.0",fontWeight:"400",letterSpacing:"1px",textTransform:"uppercase",children:"Mission Overview"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Caption — 12px / 400 / 1.00 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:10,lineHeight:"0.94",fontWeight:"400",letterSpacing:"1px",textTransform:"uppercase",children:"Launch Date: 2026-04-15"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Micro — 10px / 400 / 0.94 / Uppercase"})]}),r.jsx(i.Horizontal,{gap:10,flexWrap:"wrap",marginTop:12,children:e.tokens.typography.fontSizes.map(a=>r.jsx(ke,{variant:"outline",content:a},a))})]})}),r.jsx(ge,{title:"Spacing, Radius, Shadow",config:e,children:r.jsxs(i.Vertical,{gap:18,children:[r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"flex-end",children:e.tokens.spacing.slice(0,10).map(a=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:a,minWidth:4,height:24,borderRadius:2,backgroundColor:e.theme.primary}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:a})]},a))}),r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",children:e.tokens.radii.slice(0,6).map(a=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:64,height:64,borderRadius:a,borderWidth:1,borderStyle:"solid",backgroundColor:e.theme.surface,borderColor:e.theme.border}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:a})]},a))}),r.jsx(i.View,{width:"100%",maxWidth:"100%",overflowX:"auto",style:{WebkitOverflowScrolling:"touch",color:e.theme.text},children:r.jsx(Fe,{views:(n=(t=e.components)==null?void 0:t.table)==null?void 0:n.views,children:r.jsx(Fe.Template,{caption:"First extracted color tokens",columns:Zu,data:o})})})]})})]})},Li=({palette:e})=>r.jsxs(be,{width:"min(100%, 420px)",views:{container:{backgroundColor:e.surface,color:e.text,borderWidth:1,borderStyle:"solid",borderColor:e.border},header:{color:e.text,borderColor:e.border},content:{color:e.text},footer:{borderColor:e.border}},children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:24,fontWeight:"800",color:e.text,children:"$182"}),r.jsx(i.Text,{fontSize:14,color:e.muted,children:"night"})]}),r.jsx(ke,{variant:"filled",content:"Best value"})]})}),r.jsx(be.Content,{children:r.jsxs(i.Vertical,{gap:12,children:[r.jsxs(i.Horizontal,{gap:0,borderRadius:10,borderWidth:1,borderStyle:"solid",borderColor:e.border,overflow:"hidden",children:[r.jsxs(i.Vertical,{flex:1,padding:10,gap:2,borderRightWidth:1,borderRightStyle:"solid",borderColor:e.border,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"CHECK-IN"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"Mar 12, 2026"})]}),r.jsxs(i.Vertical,{flex:1,padding:10,gap:2,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"CHECKOUT"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"Mar 18, 2026"})]})]}),r.jsxs(i.Vertical,{padding:10,gap:2,borderRadius:10,borderWidth:1,borderStyle:"solid",borderColor:e.border,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"GUESTS"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"2 adults"})]}),r.jsx(ie,{isFilled:!0,size:"lg",children:"Reserve"}),r.jsx(Pr,{}),r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"$182 × 6 nights"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$1,092"})]}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"Cleaning fee"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$48"})]}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"Service fee"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$165"})]})]}),r.jsx(Pr,{}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:15,fontWeight:"700",color:e.text,children:"Total before taxes"}),r.jsx(i.Text,{fontSize:15,fontWeight:"700",color:e.text,children:"$1,305"})]})]})})]}),_i=[{name:"Starter",tagline:"For solo makers shipping their first project.",price:"$0",period:"/ month",features:["1 workspace","Up to 3 projects","Community support"],ctaLabel:"Get started"},{name:"Pro",tagline:"For growing teams that need more room to build.",price:"$24",period:"/ month",features:["Unlimited projects","Advanced analytics","Priority email support","Custom domains"],ctaLabel:"Start free trial",featured:!0},{name:"Enterprise",tagline:"For organizations with security and scale needs.",price:"Custom",period:"",features:["SSO & SCIM","Audit logs","Dedicated success manager","99.99% uptime SLA"],ctaLabel:"Contact sales"}],Oi=({palette:e,tier:o,personality:t})=>{const n=er(t),a=qr(t,e),l=Wo(t,e),s=Ho(t,e);return r.jsx(i.View,{width:"min(100%, 280px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:o.featured?0:1,borderStyle:"solid",style:{...o.featured?{background:l,boxShadow:s}:a,borderColor:e.border,color:o.featured?e.onPrimary:e.text},children:r.jsxs(i.Vertical,{gap:n.gap,padding:n.padding,children:[r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:13,color:o.featured?e.onPrimary:e.text,style:ye(t),children:o.name}),o.featured?r.jsx(i.View,{paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,backgroundColor:"rgba(255,255,255,0.22)",children:r.jsxs(i.Horizontal,{gap:4,alignItems:"center",children:[r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:ye(t),children:t.voice.includes("mission")?"PRIORITY":"POPULAR"})]})}):null]}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:o.featured?"rgba(255,255,255,0.85)":e.muted,style:{fontStyle:t.typeStyle},children:o.tagline})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",gap:4,children:[r.jsx(i.Text,{fontSize:n.large+8,color:o.featured?e.onPrimary:e.text,style:Qe(t),children:o.price}),o.period?r.jsx(i.Text,{fontSize:14,color:o.featured?"rgba(255,255,255,0.85)":e.muted,style:{fontStyle:t.typeStyle},children:o.period}):null]}),r.jsx(i.Vertical,{gap:8,children:o.features.map(m=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:18,height:18,borderRadius:t.cornerStyle==="sharp"?2:9999,backgroundColor:o.featured?"rgba(255,255,255,0.22)":e.primary,alignItems:"center",justifyContent:"center",style:{display:"flex",flexShrink:0},children:r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1,fontWeight:_e(t,"heavy")},children:t.cornerStyle==="sharp"?"+":"✓"})}),r.jsx(i.Text,{fontSize:13,color:o.featured?e.onPrimary:e.text,style:{textTransform:t.typeCase==="uppercase"?"uppercase":"none",letterSpacing:t.typeCase==="uppercase"?"0.04em":"normal",fontStyle:t.typeStyle},children:m})]},m))}),r.jsx(i.View,{alignSelf:"stretch",paddingHorizontal:20,paddingVertical:12,borderRadius:t.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:o.featured?"rgba(255,255,255,0.95)":e.text},children:r.jsx(i.Text,{fontSize:14,color:o.featured?e.text:e.canvas,style:{...ye(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.02em"},children:o.ctaLabel})})]})})},Ni=({palette:e,personality:o})=>{const t=er(o),n=qr(o,e),a=o.voice.includes("athletic")||o.voice.includes("motion")?"Aero Runner GT":o.voice.includes("mission")||o.voice.includes("futurist")?"Module-04 Insulated Jacket":"Linen Throw Pillow",l=o.voice.includes("athletic")||o.voice.includes("motion")?"Court Black · Mens":o.voice.includes("mission")||o.voice.includes("futurist")?"Carbon · Standard fit":"Stonewashed · Sand";return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:o.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:t.gap,padding:t.padding,children:[r.jsx(i.View,{height:120,borderRadius:o.cardRadius,style:{background:o.accentTreatment==="gradient"?`linear-gradient(135deg, ${e.primary}33 0%, ${e.secondary||e.primary}33 100%)`:e.appearance==="dark"?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:15,color:e.text,style:Qe(o),children:a}),r.jsx(i.View,{paddingHorizontal:10,paddingVertical:3,borderRadius:o.badgeRadius,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.06)"},children:r.jsx(i.Text,{fontSize:10,color:e.text,style:ye(o),children:"IN STOCK"})})]}),r.jsx(i.Text,{fontSize:12,color:e.muted,style:{fontStyle:o.typeStyle,textTransform:o.typeCase==="uppercase"?"uppercase":"none",letterSpacing:o.typeCase==="uppercase"?"0.04em":"normal"},children:l})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",justifyContent:"space-between",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:24,color:e.text,style:Qe(o),children:"$42"}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{textDecoration:"line-through"},children:"$56"})]}),r.jsx(i.Text,{fontSize:12,color:e.success||e.muted,style:ye(o),children:"FREE SHIPPING"})]}),r.jsx(i.View,{alignSelf:"stretch",paddingHorizontal:20,paddingVertical:12,borderRadius:o.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",background:Wo(o,e),boxShadow:Ho(o,e)},children:r.jsx(i.Text,{fontSize:14,color:e.onPrimary,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})})},qi=({palette:e,personality:o})=>{const t=er(o),n=qr(o,e),a=o.signatureMotif,l=o.voice.includes("athletic")?"★":o.voice.includes("mission")||o.voice.includes("futurist")?"◉":"♥",s=o.voice.includes("athletic")?"Velocity AirFlow 7":o.voice.includes("mission")||o.voice.includes("futurist")?"Sentinel Pro Headset":o.voice.includes("refined")?"Pulse Studio Monitor":"Aurora Wireless Headphones",m=o.voice.includes("athletic")?"Lightweight knit · 280g":o.voice.includes("mission")||o.voice.includes("futurist")?"Mil-spec audio · 60h endurance":"Active noise cancelling · 40h battery",d=o.voice.includes("mission")?"MISSION PICK":o.voice.includes("athletic")?"TEAM PICK":o.voice.includes("futurist")?"SIGNATURE":"BEST SELLER";return r.jsxs(i.View,{position:"relative",width:"min(100%, 320px)",children:[r.jsx(i.View,{position:"absolute",top:-10,left:16,paddingHorizontal:12,paddingVertical:6,borderRadius:o.badgeRadius,zIndex:2,style:{background:Wo(o,e),boxShadow:Ho(o,e)||(e.appearance==="dark"?"0 6px 14px rgba(0,0,0,0.5)":"0 6px 14px rgba(0,0,0,0.12)")},children:r.jsxs(i.Horizontal,{gap:6,alignItems:"center",children:[r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1,fontWeight:_e(o,"heavy")},children:a}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:ye(o),children:d})]})}),r.jsx(i.View,{position:"absolute",top:12,right:12,width:36,height:36,borderRadius:o.cornerStyle==="sharp"?4:9999,borderWidth:1,borderStyle:"solid",zIndex:2,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:e.appearance==="dark"?"rgba(0,0,0,0.45)":"rgba(255,255,255,0.92)",borderColor:e.border,backdropFilter:"blur(6px)"},children:r.jsx(i.Text,{fontSize:16,color:l==="♥"&&e.error||e.primary,style:{lineHeight:1},children:l})}),r.jsx(i.View,{width:"100%",borderRadius:o.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:t.gap,padding:t.padding,children:[r.jsx(i.View,{height:140,borderRadius:o.cardRadius,style:{background:o.accentTreatment==="gradient"?`linear-gradient(135deg, ${e.primary}33 0%, ${e.secondary||e.primary}33 100%)`:e.appearance==="dark"?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{gap:6,alignItems:"center",children:[r.jsx(i.Text,{fontSize:13,color:e.warning||e.primary,style:{lineHeight:1},children:"★★★★★"}),r.jsx(i.Text,{fontSize:12,color:e.muted,children:"4.9 · 1,284 reviews"})]}),r.jsx(i.Text,{fontSize:18,color:e.text,style:Qe(o),children:s}),r.jsx(i.Text,{fontSize:12,color:e.muted,style:{fontStyle:o.typeStyle,textTransform:o.typeCase==="uppercase"?"uppercase":"none",letterSpacing:o.typeCase==="uppercase"?"0.04em":"normal"},children:m})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",justifyContent:"space-between",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:26,color:e.text,style:Qe(o),children:"$189"}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{textDecoration:"line-through"},children:"$249"})]}),r.jsx(i.View,{paddingHorizontal:8,paddingVertical:3,borderRadius:o.badgeRadius,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.06)"},children:r.jsx(i.Text,{fontSize:10,color:e.text,style:ye(o),children:"–24%"})})]}),r.jsxs(i.Horizontal,{gap:8,children:[r.jsx(i.View,{flex:1,paddingHorizontal:16,paddingVertical:12,borderRadius:o.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",background:Wo(o,e),boxShadow:Ho(o,e)},children:r.jsx(i.Text,{fontSize:13,color:e.onPrimary,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Buy now"})}),r.jsx(i.View,{paddingHorizontal:16,paddingVertical:12,borderRadius:o.pillRadius,borderWidth:1,borderStyle:"solid",alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",borderColor:e.border},children:r.jsx(i.Text,{fontSize:13,color:e.text,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})]})})]})},tb=[{slug:"PRIMARY-TINT",source:"primary",intensity:"tint",heading:"Bring everyone together with systems that scale",body:"Signature primary ground for systems, FAQ, and the contact form.",cta:"Get started"},{slug:"SECONDARY-TINT",source:"secondary",intensity:"tint",heading:"A faster, more efficient way of working",body:"Secondary ground for hero moments and supporting narrative.",cta:"Explore"},{slug:"WARNING-TINT",source:"warning",intensity:"tint",heading:"Designed for the way ideas actually move",body:"Warm tint for product storytelling and brand moments.",cta:"See the story"},{slug:"SUCCESS-TINT",source:"success",intensity:"tint",heading:"Ship with confidence, every single release",body:"Cool tint for changelogs, releases, and reliability notes.",cta:"Read changelog"},{slug:"ERROR-TINT",source:"error",intensity:"tint",heading:"Built for teams who care about the details",body:"Saturated tint for community stories and testimonials.",cta:"Meet the makers"},{slug:"INK-INVERTED",source:"ink",intensity:"inverted",heading:"Go deeper. Go further. Go all-in.",body:"Inverted ground for premium tiers and developer surfaces.",cta:"Open the docs"}],ln=(e,o)=>{const t=e.replace("#","").padEnd(6,"0").slice(0,6),n=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16);return[n,a,l].some(Number.isNaN)?e:`rgba(${n}, ${a}, ${l}, ${o})`},sn=e=>typeof e=="string"&&/^#([0-9a-f]{3}){1,2}$/i.test(e),Ie=(e,o,t)=>sn(e)?ln(e,o):e.startsWith("rgba")||e.startsWith("rgb")?e.replace(/rgba?\(([^)]+)\)/,(n,a)=>`rgba(${a.split(",").slice(0,3).map(s=>s.trim()).join(", ")}, ${o})`):t==="dark"?`rgba(255,255,255,${o})`:`rgba(0,0,0,${o})`,nb=({block:e,palette:o,personality:t})=>{const n=er(t);let a,l;if(e.source==="ink")a=o.text,l=o.canvas;else{const f=o[e.source]||o.primary;e.intensity==="solid"?(a=f,l=o.onPrimary):(a=Ie(f,.32,o.appearance),l=(o.appearance==="dark",o.text))}if(t.accentTreatment==="gradient"&&e.intensity==="tint"){const f=o[e.source],g=o.secondary;sn(f)&&sn(g)&&(a=`linear-gradient(135deg, ${ln(f,.32)} 0%, ${ln(g,.32)} 100%)`)}if(t.accentTreatment==="stripe"&&e.intensity==="tint"){const f=Ie(o[e.source],.32,o.appearance),g=Ie(o.secondary,.18,o.appearance);a=`repeating-linear-gradient(135deg, ${f} 0 18px, ${g} 18px 36px)`}const s=Ie(l,.72,o.appearance),m=Ie(l,.55,o.appearance),d=l,c=l===o.canvas?o.text:o.canvas;return r.jsx(i.View,{width:"min(100%, 460px)",borderRadius:t.cardRadius*2,padding:n.large,style:{background:a},children:r.jsxs(i.Vertical,{gap:n.gap+6,children:[r.jsxs(i.Text,{fontSize:11,color:m,style:{...ye(t),letterSpacing:"0.12em",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:[t.signatureMotif," ",e.slug]}),r.jsxs(i.Vertical,{gap:14,children:[r.jsx(i.Text,{fontSize:32,lineHeight:"36px",color:l,style:Qe(t),children:e.heading}),r.jsx(i.Text,{fontSize:16,lineHeight:"22px",color:s,style:{fontStyle:t.typeStyle},children:e.body})]}),r.jsx(i.View,{alignSelf:"flex-start",paddingHorizontal:28,paddingVertical:14,borderRadius:t.pillRadius,style:{backgroundColor:d,cursor:"pointer"},children:r.jsx(i.Text,{fontSize:15,color:c,style:{...ye(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.01em",textTransform:t.typeCase==="uppercase"?"uppercase":"none"},children:e.cta})})]})})},Ui=[{id:"design-tokens",badge:"NEW",badgeTone:"success",favorite:"♥",category:"Design systems",title:"Design tokens that survive a redesign",excerpt:"Why semantic naming beats raw values — and how to migrate a token set without breaking every consumer.",author:"Léa Martin",meta:"6 min read · Mar 10",imageTone:"warm"},{id:"shipping-faster",badge:"FEATURED",badgeTone:"primary",favorite:"★",category:"Engineering",title:"Shipping faster without skipping review",excerpt:"Three async patterns we use to keep PR cycle time under 24h while still catching the regressions that matter.",author:"Jordan Reyes",meta:"9 min read · Mar 04",imageTone:"cool"},{id:"a11y-audit",badge:"TRENDING",badgeTone:"warning",favorite:"⛉",category:"Accessibility",title:"The accessibility audit nobody asked for",excerpt:"A walkthrough of the 12 issues we found on our own marketing site — and the four-week fix plan that followed.",author:"Ines Okafor",meta:"12 min read · Feb 27",imageTone:"mono"}],Gi=({palette:e,article:o,personality:t})=>{const n=er(t),a=qr(t,e),l=e[o.badgeTone]||e.primary,s=e.secondary||e.primary,m=t.accentTreatment==="gradient"?`linear-gradient(135deg, ${Ie(l,.55,e.appearance)} 0%, ${Ie(s,.55,e.appearance)} 100%)`:t.accentTreatment==="stripe"?`repeating-linear-gradient(45deg, ${Ie(l,.45,e.appearance)} 0 16px, ${Ie(s,.25,e.appearance)} 16px 32px)`:t.accentTreatment==="halftone"?`radial-gradient(circle at 30% 30%, ${Ie(l,.55,e.appearance)} 0%, ${Ie(s,.35,e.appearance)} 70%)`:t.accentTreatment==="glow"?`radial-gradient(circle at 50% 60%, ${Ie(l,.45,e.appearance)} 0%, ${e.appearance==="dark"?"#050505":"#0a0a0a"} 100%)`:Ie(l,.32,e.appearance),d=t.voice.includes("mission")||t.voice.includes("futurist")?"◉":o.favorite,c=d==="♥"?e.error||e.primary:d==="★"&&e.warning||e.primary;return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...a,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:n.gap,padding:n.padding,children:[r.jsxs(i.View,{position:"relative",height:160,borderRadius:t.cardRadius,overflow:"hidden",style:{background:m},children:[r.jsx(i.View,{position:"absolute",top:12,left:12,paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,style:{background:Wo(t,{...e,primary:l}),boxShadow:Ho(t,e)},children:r.jsxs(i.Horizontal,{gap:4,alignItems:"center",children:[r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:{lineHeight:1,fontWeight:_e(t,"heavy")},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:ye(t),children:o.badge})]})}),r.jsx(i.View,{position:"absolute",top:10,right:10,width:36,height:36,borderRadius:t.cornerStyle==="sharp"?4:9999,borderWidth:1,borderStyle:"solid",alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:e.appearance==="dark"?"rgba(0,0,0,0.45)":"rgba(255,255,255,0.92)",borderColor:e.border,backdropFilter:"blur(6px)"},children:r.jsx(i.Text,{fontSize:16,color:c,style:{lineHeight:1},children:d})})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:ye(t),children:o.category}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.text,style:Qe(t),children:o.title}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:e.muted,style:{fontStyle:t.typeStyle},children:o.excerpt})]}),r.jsxs(i.Horizontal,{gap:10,alignItems:"center",children:[r.jsx(i.View,{width:28,height:28,borderRadius:t.cornerStyle==="sharp"?4:9999,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.08)"}}),r.jsxs(i.Vertical,{gap:0,children:[r.jsx(i.Text,{fontSize:12,color:e.text,style:{fontWeight:_e(t,"normal"),fontStyle:t.typeStyle},children:o.author}),r.jsx(i.Text,{fontSize:11,color:e.muted,children:o.meta})]})]})]})})},Yi=({palette:e,personality:o,config:t})=>{var g,p,u,b;const n=o.signatureMotif,a=e.primary,l=Wo(o,e),s=Ho(o,e),m=((p=(g=t.tokens)==null?void 0:g.typography)==null?void 0:p.fontFamily)||((b=(u=t.tokens)==null?void 0:u.rawCssVars)==null?void 0:b.display)||"inherit",d=o.voice.includes("mission")?"MAKING LIFE MULTIPLANETARY":o.voice.includes("athletic")?"JUST DO IT":o.voice.includes("refined")?"A new standard in payments":o.voice.includes("speed")?"Built for the makers":o.voice.includes("rhythmic")?"Music for everyone":o.voice.includes("thoughtful")?"The connected workspace":o.voice.includes("warm")?"Belong anywhere":o.voice.includes("minimal")?"Think different":o.voice.includes("commerce")?"The platform commerce is built on":o.voice.includes("bold-fintech")?"Money for the next generation":o.voice.includes("trustworthy")?"The future of money":o.voice.includes("playful")?"Nothing great is made alone":o.voice.includes("motion")?"Get there":o.voice.includes("deploy")?"Develop. Preview. Ship.":o.voice.includes("futurist")?"Accelerating the world to sustainable energy":`${t.metadata.label}`,c=o.typeCase==="uppercase"?"EXPLORE":"Get started",f=o.typeCase==="uppercase"?"LEARN MORE":"Learn more";return r.jsxs(i.View,{width:"100%",borderRadius:o.cardRadius*2,padding:o.density==="spacious"?56:o.density==="tight"?28:40,style:{backgroundColor:e.canvas,color:e.text,fontFamily:m,position:"relative",overflow:"hidden"},children:[o.accentTreatment==="glow"&&r.jsx(i.View,{position:"absolute",top:-120,right:-80,width:360,height:360,borderRadius:9999,style:{background:`radial-gradient(circle, ${a}40 0%, transparent 70%)`,pointerEvents:"none"}}),o.accentTreatment==="halftone"&&r.jsx(i.View,{position:"absolute",top:0,right:0,width:300,height:300,style:{background:`radial-gradient(circle at 70% 30%, ${a}30 0%, transparent 60%)`,pointerEvents:"none"}}),r.jsxs(i.Vertical,{gap:24,style:{position:"relative"},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",children:[r.jsx(i.View,{width:32,height:32,borderRadius:o.cornerStyle==="pill"?9999:o.cornerStyle==="sharp"?0:8,alignItems:"center",justifyContent:"center",style:{display:"flex",background:l,boxShadow:s},children:r.jsx(i.Text,{fontSize:16,color:e.onPrimary,style:{lineHeight:1,fontWeight:_e(o,"heavy")},children:n})}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.18em":"0.06em"},children:t.metadata.label})]}),r.jsx(i.Text,{fontSize:o.density==="spacious"?56:o.density==="tight"?40:48,lineHeight:o.density==="spacious"?"60px":o.density==="tight"?"44px":"52px",color:e.text,style:{...Qe(o),letterSpacing:o.typeCase==="uppercase"?"0.06em":o.letterSpacing,maxWidth:580,fontFamily:m},children:d}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(i.View,{paddingHorizontal:o.density==="spacious"?32:24,paddingVertical:o.density==="spacious"?16:14,borderRadius:o.pillRadius,style:{display:"flex",cursor:"pointer",background:l,boxShadow:s},children:r.jsx(i.Text,{fontSize:15,color:e.onPrimary,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:_e(o,"heavy"),fontFamily:m},children:c})}),r.jsx(i.View,{paddingHorizontal:24,paddingVertical:14,borderRadius:o.pillRadius,borderWidth:1,borderStyle:"solid",style:{display:"flex",cursor:"pointer",borderColor:e.text},children:r.jsx(i.Text,{fontSize:15,color:e.text,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:_e(o,"heavy"),fontFamily:m},children:f})})]}),r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"center",marginTop:8,children:[{label:"Primary",value:e.primary},{label:"Surface",value:e.surface},{label:"Text",value:e.text},{label:"Success",value:e.success}].map(y=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:20,height:20,borderRadius:o.cornerStyle==="sharp"?0:o.cornerStyle==="pill"?9999:4,borderWidth:1,borderStyle:"solid",style:{backgroundColor:y.value,borderColor:e.border}}),r.jsxs(i.Vertical,{gap:0,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:ye(o),children:y.label}),r.jsx(i.Text,{fontSize:11,color:e.text,style:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:y.value})]})]},y.label))})]})]})},Xi=({palette:e,config:o})=>r.jsxs(i.Vertical,{gap:20,padding:36,alignItems:"center",borderRadius:16,style:{backgroundColor:e.surface},children:[r.jsx(ke,{variant:"outline",content:"New release"}),r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsxs(i.Text,{fontSize:36,lineHeight:"40px",fontWeight:"800",textAlign:"center",color:e.text,children:[o.metadata.label," Pro"]}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.muted,textAlign:"center",children:"Pro. Beyond."})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",justifyContent:"center",children:[r.jsx(ie,{shape:"pill",size:"md",children:"Learn more"}),r.jsx(ie,{shape:"pill",size:"md",variant:"outline",children:"Buy"})]}),r.jsx(i.View,{width:220,height:140,borderRadius:20,backgroundColor:e.appearance==="dark"?e.canvas:e.text,opacity:.85})]}),Ki=({palette:e,config:o})=>r.jsxs(be,{width:"min(100%, 320px)",views:{container:{backgroundColor:e.surface,color:e.text,borderWidth:1,borderStyle:"solid",borderColor:e.border},header:{color:e.text,borderColor:e.border},content:{color:e.text},footer:{borderColor:e.border}},children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsx(i.Text,{color:e.text,fontWeight:"700",children:o.metadata.id==="spacex"?"Falcon 9":"Product Card"}),r.jsx(ke,{variant:"filled",content:"New"})]})}),r.jsx(be.Content,{children:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",color:e.text,children:o.metadata.id==="spacex"?"The world's first orbital-class reusable rocket. Designed for reliable and safe transport of people and payloads.":"Card surfaces, borders, typography, and shadows come from the active JSON config."})}),r.jsx(be.Footer,{children:r.jsx(ie,{size:"sm",children:o.metadata.id==="spacex"?"Explore":"Review"})})]}),Ji=({palette:e})=>r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{colorScheme:"primary",children:"Primary"}),r.jsx(ie,{colorScheme:"secondary",children:"Secondary"}),r.jsx(ie,{colorScheme:"black",children:"Black"}),r.jsx(ie,{colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{variant:"outline",colorScheme:"primary",children:"Primary"}),r.jsx(ie,{variant:"outline",colorScheme:"secondary",children:"Secondary"}),r.jsx(ie,{variant:"outline",colorScheme:"black",children:"Black"}),r.jsx(ie,{variant:"outline",colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{variant:"ghost",views:{container:{color:e.text}},children:"Ghost"}),r.jsx(ie,{variant:"link",views:{container:{color:e.primary}},children:"Link"}),r.jsx(ie,{isDisabled:!0,children:"Disabled"}),r.jsx(ie,{isLoading:!0,children:"Loading"})]})]}),Qi=({palette:e,config:o})=>r.jsx(i.View,{style:{color:e.text},children:r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:10,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ke,{content:"Badge"}),r.jsx(ke,{variant:"outline",content:"Outline"}),r.jsx(ke,{content:"Primary",views:{container:{backgroundColor:e.primary,color:e.onPrimary,borderColor:e.primary}}}),r.jsx(ke,{content:"Success",views:{container:{backgroundColor:e.success,color:e.onPrimary,borderColor:e.success}}}),r.jsx(ke,{content:"Warning",views:{container:{backgroundColor:e.warning,color:e.onPrimary,borderColor:e.warning}}}),r.jsx(ke,{content:"Error",views:{container:{backgroundColor:e.error,color:e.onPrimary,borderColor:e.error}}})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Ar,{status:"success",label:"Operational"}),r.jsx(Ar,{status:"warning",label:"Degraded"}),r.jsx(Ar,{status:"error",label:"Outage"}),r.jsx(fo,{size:"sm",loaderColor:o.theme.primary})]}),r.jsx(nt,{title:"Heads up",description:"Brand styling cascades through every alert.",variant:"info",views:{container:{backgroundColor:e.surface,borderColor:e.border,color:e.text},title:{color:e.text},description:{color:e.muted}}}),r.jsx(Zl,{value:64,height:10,showLabel:!0,color:e.primary,backgroundColor:e.border,views:{container:{backgroundColor:e.border},bar:{backgroundColor:e.primary}}})]})}),Zi=({palette:e,config:o,mode:t})=>{const n={container:{backgroundColor:e.surface,borderColor:e.border,color:e.text},field:{color:e.text}};return r.jsx(i.View,{style:{color:e.text},children:r.jsxs(i.Vertical,{gap:16,children:[r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:16,alignItems:"start",children:[r.jsx(Te,{size:"md",label:"Name",placeholder:"Ada Lovelace",views:n}),r.jsx(Bo,{id:`forms-${o.metadata.id}-${t}`,size:"md",label:"Plan",placeholder:"Select plan",options:[{label:"Starter",value:"starter"},{label:"Team",value:"team"},{label:"Enterprise",value:"enterprise"}],views:{container:n.container,field:{fontSize:14,lineHeight:"20px",color:e.text},text:{fontSize:14,lineHeight:"20px",color:e.text}}}),r.jsx(xt,{label:"Notes",placeholder:"Add implementation notes",views:n})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(wt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(Ii,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(yt,{label:"Enabled",isChecked:!0})]})]})})},ab=({config:e})=>{const[o,t]=h.useState(1),n=qu(e),a=Uu(e),l=Yu(e);return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(ge,{title:"Brand Snapshot (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Yi,{palette:n,personality:l,config:e})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Yi,{palette:a,personality:l,config:e})})]})}),r.jsx(ge,{title:"Buttons — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Ji,{palette:n})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Ji,{palette:a})})]})}),r.jsx(ge,{title:"Status & Feedback — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Qi,{palette:n,config:e})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Qi,{palette:a,config:e})})]})}),r.jsx(ge,{title:"Forms — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Zi,{palette:n,config:e,mode:"light"})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Zi,{palette:a,config:e,mode:"dark"})})]})}),r.jsx(ge,{title:"Forms (legacy preview)",config:e,children:r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",alignItems:"start",gap:16,children:[r.jsx(Te,{size:"md",label:"Name",placeholder:"Ada Lovelace"}),r.jsx(Bo,{id:`design-system-select-${e.metadata.id}`,size:"md",label:"Plan",placeholder:"Select plan",options:[{label:"Starter",value:"starter"},{label:"Team",value:"team"},{label:"Enterprise",value:"enterprise"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}}),r.jsx(xt,{label:"Notes",placeholder:"Add implementation notes"}),r.jsxs(i.Vertical,{gap:12,children:[r.jsx(wt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(Ii,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(yt,{label:"Enabled",isChecked:!0}),r.jsx(hl,{defaultValue:58,showValue:!0}),r.jsx(Ba,{length:6,label:"Verification Code"})]})]})}),r.jsx(ge,{title:"Form States",config:e,children:r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:16,alignItems:"start",children:[r.jsx(Te,{size:"md",label:"Default",placeholder:"Type here",helperText:"Resting state"}),r.jsx(Te,{size:"md",label:"Filled",defaultValue:"Ada Lovelace",helperText:"Has value"}),r.jsx(Te,{size:"md",label:"With helper",placeholder:"user@example.com",helperText:"We'll never share your email"}),r.jsx(Te,{size:"md",label:"Error",defaultValue:"invalid@",error:"Please enter a valid email"}),r.jsx(Te,{size:"md",label:"Disabled",isDisabled:!0,defaultValue:"Cannot edit",helperText:"Field locked"}),r.jsx(Te,{size:"md",label:"Read only",defaultValue:"Read-only value",isReadOnly:!0,helperText:"View only"}),r.jsx(Bo,{id:`design-system-select-error-${e.metadata.id}`,size:"md",label:"Select error",placeholder:"Pick one",error:!0,helperText:"Selection required",options:[{label:"Option A",value:"a"},{label:"Option B",value:"b"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}}),r.jsx(Bo,{id:`design-system-select-disabled-${e.metadata.id}`,size:"md",label:"Select disabled",placeholder:"Disabled",isDisabled:!0,options:[{label:"Option A",value:"a"},{label:"Option B",value:"b"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}})]})}),r.jsx(ge,{title:"Elevation & Depth",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:20,children:Ju(e).map(s=>r.jsxs(i.Vertical,{gap:12,children:[r.jsx(i.View,{height:120,borderRadius:12,backgroundColor:e.theme.canvas,style:{boxShadow:s.shadow}}),r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"baseline",flexWrap:"wrap",children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",children:s.name}),r.jsx(i.Text,{fontSize:11,fontWeight:"600",color:e.theme.primary,children:s.label})]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:s.description}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,style:{wordBreak:"break-word",opacity:.8},children:s.shadow})]})]},s.name))})}),r.jsx(ge,{title:"Color Blocks",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(160px, 1fr))",gap:12,children:[["primary","Primary",e.theme.onPrimary],["secondary","Secondary",e.theme.onPrimary],["success","Success","#ffffff"],["warning","Warning","#ffffff"],["error","Error","#ffffff"],["canvas","Canvas",e.theme.text],["surface","Surface",e.theme.text],["text","Text",e.theme.canvas],["muted","Muted",e.theme.canvas],["border","Border",e.theme.text],["onPrimary","On primary",e.theme.text]].map(([s,m,d])=>{const c=e.theme[s];return r.jsxs(i.Vertical,{gap:0,borderRadius:12,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border,children:[r.jsx(i.View,{height:88,backgroundColor:c}),r.jsxs(i.Vertical,{gap:4,padding:12,backgroundColor:e.theme.surface,children:[r.jsx(i.Text,{fontSize:13,fontWeight:"700",children:m}),r.jsxs(i.Text,{fontSize:11,color:e.theme.muted,children:["theme.",s]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:c})]})]},s)})})}),r.jsx(ge,{title:"Pricing — Booking (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Li,{palette:n})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Li,{palette:a})})]})}),r.jsx(ge,{title:"Pricing — SaaS Tiers (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:_i.map(s=>r.jsx(Oi,{palette:n,tier:s,personality:l},s.name))})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:_i.map(s=>r.jsx(Oi,{palette:a,tier:s,personality:l},s.name))})})]})}),r.jsx(ge,{title:"Pricing — Product (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Ni,{palette:n,personality:l})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Ni,{palette:a,personality:l})})]})}),r.jsx(ge,{title:"Pricing — Featured w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(qi,{palette:n,personality:l})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(qi,{palette:a,personality:l})})]})}),r.jsx(ge,{title:"Content — Color Block Cards",config:e,children:r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:tb.map(s=>r.jsx(nb,{block:s,palette:n,personality:l},s.slug))})}),r.jsx(ge,{title:"Content — Article Cards w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:Ui.map(s=>r.jsx(Gi,{palette:n,article:s,personality:l},s.id))})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:Ui.map(s=>r.jsx(Gi,{palette:a,article:s,personality:l},s.id))})})]})}),r.jsx(ge,{title:"CTA Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Xi,{palette:n,config:e})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Xi,{palette:a,config:e})})]})}),r.jsx(ge,{title:"Product Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(me,{palette:n,label:"On light surface",children:r.jsx(Ki,{palette:n,config:e})}),r.jsx(me,{palette:a,label:"On dark surface",children:r.jsx(Ki,{palette:a,config:e})})]})}),r.jsx(ge,{title:"Content & Layout",config:e,children:r.jsxs(i.Vertical,{gap:24,children:[r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:[r.jsxs(be,{width:"min(100%, 320px)",children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsx(i.Text,{fontWeight:"700",children:e.metadata.id==="spacex"?"Falcon 9":"Product Card"}),r.jsx(ke,{variant:"filled",content:"New"})]})}),r.jsx(be.Content,{children:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:e.metadata.id==="spacex"?"The world's first orbital-class reusable rocket. Designed for reliable and safe transport of people and payloads.":"Card surfaces, borders, typography, and shadows come from the active JSON config."})}),r.jsx(be.Footer,{children:r.jsx(ie,{size:"sm",children:e.metadata.id==="spacex"?"Explore":"Review"})})]}),r.jsxs(be,{width:"min(100%, 320px)",children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{gap:12,alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",children:[r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[r.jsx(Pn,{fallback:e.metadata.label.slice(0,2)}),r.jsxs(i.Vertical,{gap:2,children:[r.jsx(i.Text,{fontWeight:"700",children:e.metadata.id==="spacex"?"Starship":e.metadata.label}),r.jsx(i.Text,{fontSize:12,color:e.theme.muted,children:e.metadata.id==="spacex"?"Multiplanetary mission":"Config-driven preview"})]})]}),r.jsx(ke,{variant:"outline",content:"Active"})]})}),r.jsx(be.Content,{children:e.metadata.id==="spacex"?r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"The most powerful launch vehicle ever developed. Designed to carry crew and cargo to Mars and beyond."}):r.jsx(nt,{variant:"info",title:"Config active",description:"This alert is rendered by the shared component."})})]})]}),r.jsx(ob,{config:e}),r.jsx(zn,{ratio:16/9,borderRadius:12,overflow:"hidden",children:r.jsx(i.View,{width:"100%",height:"100%",backgroundColor:e.theme.primary,children:r.jsxs(i.Vertical,{height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[r.jsx(i.Text,{fontWeight:"700",color:e.theme.onPrimary,children:"16:9 Aspect Ratio"}),r.jsx(ke,{content:"Config primary color"})]})})}),r.jsxs(He,{children:[r.jsx(He.Content,{children:[1,2,3].map(s=>r.jsx(He.Item,{children:r.jsx(i.View,{height:200,borderRadius:12,alignItems:"center",justifyContent:"center",backgroundColor:e.theme.surface,borderColor:e.theme.border,borderWidth:1,borderStyle:"solid",children:r.jsxs(i.Text,{fontSize:24,fontWeight:"700",children:["Slide ",s]})})},s))}),r.jsxs(i.Horizontal,{gap:12,marginTop:12,justifyContent:"center",children:[r.jsx(He.Previous,{}),r.jsx(He.Next,{})]})]})]})}),r.jsx(ge,{title:"Navigation & Interactive",config:e,children:r.jsxs(i.Vertical,{gap:18,children:[r.jsxs(i.Vertical,{gap:20,children:[r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",color:e.theme.muted,children:"With icons"}),r.jsx(wo,{tabs:Qu,defaultValue:"homes",views:{tab:{borderRadius:or(e,"tabs")},activeTab:{borderRadius:or(e,"tabs")}}})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",color:e.theme.muted,children:"Without icons"}),r.jsx(wo,{defaultValue:"overview",views:{tab:{borderRadius:or(e,"tabs")},activeTab:{borderRadius:or(e,"tabs")}},tabs:[{title:"Overview",value:"overview",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Tokens and components share the active config."})},{title:"Usage",value:"usage",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Explicit props still override the config defaults."})},{title:"Audit",value:"audit",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Plain text tabs without icons."})}]})]})]}),r.jsx(ao,{items:Ru,orientation:"horizontal",defaultActiveItemId:"components"}),(()=>{const s=or(e,"accordion"),m={borderWidth:0,borderTopWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,marginBottom:0,borderRadius:0},d={...m,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.theme.border};return r.jsxs(We,{defaultValue:"tokens",collapsible:!0,shape:"rounded",views:{container:{borderRadius:s,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border}},children:[r.jsxs(We.Item,{value:"tokens",...m,views:{item:m,trigger:{borderRadius:0}},children:[r.jsx(We.Trigger,{children:"Token extraction"}),r.jsx(We.Content,{children:r.jsxs(i.Text,{color:e.theme.muted,children:[Object.keys(e.tokens.rawCssVars).length," raw CSS variables were extracted from ",e.metadata.sourcePath,"."]})})]}),r.jsxs(We.Item,{value:"overrides",...d,views:{item:d,trigger:{borderRadius:0}},children:[r.jsx(We.Trigger,{children:"Override behavior"}),r.jsx(We.Content,{children:r.jsx(i.Text,{color:e.theme.muted,children:"Props passed directly to components override the design-system defaults."})})]})]})})(),r.jsx(Pr,{label:"advanced tools"}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Ft,{color:e.theme.primary,children:"Toggle Button"}),r.jsx(jl,{color:e.theme.primary,items:[{id:"left",value:"Left"},{id:"center",value:"Center"},{id:"right",value:"Right"}]}),r.jsx($r,{content:"Tooltip message",children:r.jsx(ie,{variant:"outline",children:"Hover for Tooltip"})}),r.jsxs(Se,{children:[r.jsx(Se.Trigger,{children:r.jsx(ie,{variant:"ghost",children:"Hover Card"})}),r.jsx(Se.Content,{children:r.jsxs(i.Vertical,{gap:4,padding:12,children:[r.jsx(i.Text,{fontWeight:"700",children:"Detailed Info"}),r.jsx(i.Text,{fontSize:12,opacity:.8,children:"Hover cards provide more context."})]})})]}),r.jsx(Bl,{value:e.theme.primary}),r.jsx(oi,{shareData:{url:"https://example.com",title:"Example"}}),r.jsx(it,{to:"#",children:"Inline Link component"})]}),r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:r.jsx(Ql,{currentPage:o,totalPages:10,onPageChange:t})})]})})]})},lb=({config:e})=>{var o;return r.jsxs(bn,{config:e,children:[r.jsx(Lu,{children:(o=e.metadata.googleFontLinks)==null?void 0:o.map(t=>r.jsx("link",{rel:"stylesheet",href:t},t))}),r.jsx(i.View,{minHeight:"100vh",padding:28,fontFamily:e.tokens.typography.fontFamily,style:{backgroundColor:e.theme.canvas,color:e.theme.text,textTransform:e.metadata.id==="spacex"?"uppercase":"none"},children:r.jsxs(i.Vertical,{gap:28,children:[r.jsxs(i.Vertical,{gap:12,maxWidth:900,children:[r.jsxs(i.Text,{as:"h1",fontSize:44,lineHeight:"48px",fontWeight:"800",fontFamily:e.tokens.typography.fontFamily,children:[e.metadata.label," Design System"]}),r.jsxs(i.Text,{fontSize:16,lineHeight:"24px",color:e.theme.muted,fontFamily:e.tokens.typography.fontFamily,children:["Live App Studio components rendered with the ",e.metadata.label," config defaults."]})]}),r.jsxs(i.Vertical,{gap:28,children:[r.jsx(rb,{config:e}),r.jsx(ab,{config:e})]})]})})]})};I.Accordion=We,I.Alert=nt,I.ArrowIcon=Sc,I.AspectRatio=zn,I.AttachmentGroup=Al,I.AttachmentIcon=Ao,I.AttachmentPreview=tf,I.AudioIcon=ho,I.AudioInput=Oc,I.AudioWaveform=at,I.Avatar=Pn,I.BackIcon=Ys,I.Background=vi,I.Badge=ke,I.BatteryIcon=Hs,I.BluetoothIcon=xc,I.BoldArrowIcon=wc,I.BookmarkIcon=js,I.Button=ie,I.CHART_COLORS=je,I.CalendarIcon=cc,I.CameraIcon=yc,I.Card=be,I.Carousel=He,I.Chart=_d,I.ChartIcon=qs,I.ChatInput=xi,I.ChatWidget=Ti,I.ChatWidgetComponent=Yt,I.ChatWidgetWidget=cu,I.CheckIcon=Gs,I.Checkbox=wt,I.ChevronIcon=ce,I.ClockIcon=dc,I.CloseEyeIcon=et,I.CloseIcon=ve,I.CloudIcon=Ps,I.ColorInput=Wm,I.ColorPicker=Bl,I.ComboBox=Zh,I.Command=Io,I.ContextMenu=po,I.CookieConsent=Ud,I.CopyIcon=As,I.CountryPicker=Vm,I.CreditCardIcon=ac,I.CropIcon=Ic,I.DEFAULT_CHART_COLORS=Gn,I.DatePicker=Uh,I.DeleteIcon=Es,I.DesignSystem=lb,I.DesignSystemProvider=bn,I.Divider=Wg,I.DocumentIcon=Ns,I.DownloadIcon=$s,I.DragAndDrop=Yf,I.DragAndDropComponent=Pl,I.DragHandleIcon=us,I.DragHandleLinesIcon=zc,I.Drawer=no,I.DropZone=Qf,I.DropdownMenu=Go,I.DustBinIcon=ir,I.EditIcon=Vs,I.EmojiPicker=dg,I.ErrorIcon=mr,I.ExternalLinkIcon=Tn,I.FacebookIcon=vs,I.FileIcon=Ze,I.FileImage=Zd,I.FileSVG=Qd,I.FilterIcon=sc,I.FolderIcon=ps,I.FormikChatInput=v0,I.FormikCheckbox=i0,I.FormikColorInput=T0,I.FormikComboBox=A0,I.FormikCountryPicker=F0,I.FormikDatePicker=I0,I.FormikEmojiPicker=rf,I.FormikForm=a0,I.FormikIconPicker=J0,I.FormikOTPInput=L0,I.FormikPassword=P0,I.FormikRadio=h0,I.FormikSelect=z0,I.FormikSelector=O0,I.FormikSlider=B0,I.FormikSwitch=M0,I.FormikTagInput=W0,I.FormikTextArea=H0,I.FormikTextField=j0,I.FormikToggle=U0,I.FormikToggleGroup=G0,I.FormikUploader=rl,I.GiftIcon=Zs,I.Gradient=Ol,I.HeartIcon=zs,I.HelpIcon=gs,I.HomeIcon=Ds,I.HoverCard=Se,I.Icon=lr,I.IconPicker=mg,I.ImageIcon=ys,I.InfoIcon=qe,I.InstagramIcon=ws,I.LayoutIcon=tc,I.LikeIcon=bc,I.Link=it,I.LinkIcon=rc,I.LinkedinIcon=Ts,I.Loader=fo,I.LoadingSpinnerIcon=Rr,I.LockIcon=Ls,I.LogoutIcon=ec,I.MagicWandIcon=pc,I.MapPinIcon=mc,I.MediaPreview=nf,I.MenuIcon=hc,I.Menubar=lo,I.MessageLayout=Ec,I.MessageView=Hn,I.MicrophoneIcon=Qr,I.MinusIcon=kn,I.Modal=to,I.MoonIcon=Us,I.MoreIcon=lc,I.MousePointerIcon=Fn,I.NavigationMenu=ao,I.NotificationIcon=Os,I.OTPInput=Ba,I.OpenEyeIcon=ot,I.Pagination=Ql,I.PanelIcon=In,I.Password=Gh,I.PauseIcon=Fs,I.PlayIcon=wn,I.PlusIcon=Bs,I.PowerOffIcon=oc,I.PrintIcon=gc,I.ProfileIcon=_s,I.ProgressBar=Zl,I.RefreshIcon=fc,I.Resizable=Ot,I.RotateIcon=Qs,I.SaveIcon=Ws,I.SearchIcon=cr,I.Select=Bo,I.Selector=km,I.SendIcon=Zr,I.Separator=Pr,I.SettingsIcon=Sn,I.ShapeIcon=Js,I.ShareButton=oi,I.ShareIcon=vn,I.ShieldIcon=Rs,I.Sidebar=Jo,I.Slider=hl,I.SliderIcon=Tc,I.SpinnerIcon=vc,I.StarIcon=Ms,I.StatusIndicator=Ar,I.StopIcon=sr,I.SuccessIcon=rt,I.Switch=yt,I.Table=Fe,I.Tabs=wo,I.TagInput=e0,I.TextArea=xt,I.TextField=Te,I.TextIcon=Ks,I.ThreadsIcon=Is,I.TickIcon=dr,I.Title=Hl,I.Toast=ip,I.Toggle=Ft,I.ToggleGroup=jl,I.Tooltip=$r,I.TrashIcon=ic,I.TwitchIcon=ks,I.TwitterIcon=xs,I.UnLikeIcon=uc,I.UnlockIcon=Cc,I.UploadIcon=tt,I.Uploader=fr,I.UserIcon=fs,I.VideoIcon=bs,I.WarningIcon=Jr,I.WifiIcon=kc,I.XIcon=Cs,I.YoutubeIcon=Ss,I.ZapIcon=nc,I.ZoomInIcon=Fc,I.ZoomOutIcon=Xs,I.deepMerge=Ee,I.defaultDesignSystemConfig=fn,I.designSystemConfigList=ls,I.designSystemConfigs=nr,I.getDesignSystemComponentProps=Xr,I.hideDrawer=pl,I.hideMessage=Wn,I.hideModal=zt,I.mergeDesignSystemComponentProps=pn,I.normalizeDesignSystemComponentProps=Yr,I.showDrawer=kf,I.showMessage=Mn,I.showModal=af,I.showToast=io,I.useDesignSystem=ar,I.useDesignSystemComponentProps=mo,I.useDrawerStore=Ke,I.useMergedDesignSystemComponentProps=fe,I.useMessageStore=hr,I.useModalStore=Xe,I.useToast=sp,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=web.umd.js.map