plainframe-ui 0.1.31 → 0.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +5 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import me,{forwardRef,createContext,useId,useMemo,useState,useCallback,useRef,useEffect,useContext,isValidElement,cloneElement,Children,memo,useSyncExternalStore,useLayoutEffect}from'react';import {css,keyframes,useTheme,ThemeProvider,Global}from'@emotion/react';import {jsxs,jsx,Fragment}from'@emotion/react/jsx-runtime';import {ChevronDown,CircleAlert,TriangleAlert,CircleCheckBig,Info,X,Eye,EyeOff,ChevronRight,Check,ChevronFirst,ChevronLeft,ChevronLast,ChevronsUpDown}from'lucide-react';import {useFloating,offset,flip,shift,autoUpdate,useDismiss,useRole,useInteractions,FloatingPortal,size,arrow,useHover,safePolygon,useFocus}from'@floating-ui/react';import {motion,AnimatePresence,useAnimationControls}from'framer-motion';import {createRoot}from'react-dom/client';var ha={xxs:"0.15rem",xs:"0.25rem",sm:"0.5rem",md:"0.75rem",lg:"1rem",xl:"1.5rem"},ya={xxs:"0.3rem",xs:"0.4rem",sm:"0.6rem",md:"0.7rem",lg:"1rem",xl:"2rem",full:"9999px"},xa={sm:32,md:36,lg:40,border:"1px"},va={fonts:{sans:"system-ui, -apple-system, Segoe UI, Roboto, sans-serif",mono:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"},sizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px","6xl":"60px"}},qr={0:"#ffffff",50:"#f9f9f9",100:"#f5f5f5",200:"#eeeeee",300:"#e5e5e5",400:"#C6C6C6",500:"#b3b3b3",600:"#737373",700:"#4a4a4a",800:"#2b2b2b",900:"#111111"},Gr={0:"#0c0c0c",50:"#121212",100:"#1a1a1a",200:"#222222",300:"#2b2b2b",400:"#333333",500:"#444444",600:"#6e6e6e",700:"#a6a6a6",800:"#e5e5e5",900:"#ffffff"},ga={mono:{0:"#FFFFFF",50:"#FAFAFA",100:"#F2F2F2",200:"#E6E6E6",300:"#D1D1D1",400:"#8A8A8A",500:"#2A2A2A",600:"#1A1A1A",700:"#121212",800:"#0B0B0B",900:"#000000"},danger:{0:"#FFFFFF",50:"#FFF1F1",100:"#FFE0E0",200:"#ffd2d5ff",300:"#FF9AA6",400:"#FF6A7B",500:"#EF2F23",600:"#E7000B",700:"#DB1424",800:"#C11225",900:"#7A0A18"},success:{0:"#FFFFFF",50:"#EEFFF3",100:"#D7FFE8",200:"#d6ffe7ff",300:"#8EF5BB",400:"#5BEA9A",500:"#0FD45D",600:"#00C853",700:"#109C47",800:"#0E8242",900:"#064D2B"},warning:{0:"#FFFFFF",50:"#FFF7EB",100:"#FFEFC6",200:"#FFE094",300:"#FFC552",400:"#FFB83A",500:"#FFA414",600:"#FF9F0A",700:"#D97500",800:"#AF5E00",900:"#6E3600"},info:{0:"#FFFFFF",50:"#ECFAFF",100:"#D2F2FF",200:"#AEE6FF",300:"#84D6FF",400:"#4BC1FF",500:"#2B9FFF",600:"#1093FF",700:"#0077C0",800:"#0066A8",900:"#083B61"},red:{0:"#FFFFFF",50:"#FFF1F1",100:"#FFE0E0",200:"#ffd2d5ff",300:"#FF9AA6",400:"#FF6A7B",500:"#EF2F23",600:"#E7000B",700:"#DB1424",800:"#C11225",900:"#7A0A18"},amber:{0:"#FFFFFF",50:"#FFF3EA",100:"#FFE3D1",200:"#FFC7A6",300:"#FFAC80",400:"#FF874D",500:"#FF6C1F",600:"#FF5A00",700:"#D24500",800:"#B63C00",900:"#6F2300"},orange:{0:"#FFFFFF",50:"#FFF4EB",100:"#FFE6CC",200:"#FFCE9E",300:"#FFAE66",400:"#FF8B33",500:"#FF7310",600:"#FF6B00",700:"#CC4400",800:"#AF3F00",900:"#6B2400"},yellow:{0:"#FFFFFF",50:"#FFFAE6",100:"#FFF2BF",200:"#FFE780",300:"#FFDB3D",400:"#FFD000",500:"#FFE03F",600:"#FFD60A",700:"#B38600",800:"#8E6D00",900:"#534300"},lime:{0:"#FFFFFF",50:"#F6FFE8",100:"#E7FFC2",200:"#CCFF83",300:"#A8FA3D",400:"#8BE11C",500:"#87DE10",600:"#7ACC00",700:"#4A8C00",800:"#3B7100",900:"#224300"},green:{0:"#FFFFFF",50:"#F0FFF5",100:"#DBFFE9",200:"#BDF7CF",300:"#8FE7A8",400:"#5BD57D",500:"#1DAE52",600:"#16A34A",700:"#168A40",800:"#136A34",900:"#0B3D1F"},teal:{0:"#FFFFFF",50:"#EDFFFB",100:"#D2FFF4",200:"#A6FAEA",300:"#74EEDC",400:"#41DECB",500:"#00CFAA",600:"#00BFA5",700:"#0C8C7F",800:"#0B786C",900:"#084741"},cyan:{0:"#FFFFFF",50:"#EFFFFF",100:"#D4FCFF",200:"#AFF5FD",300:"#7FE8F6",400:"#45D3EB",500:"#09C6E7",600:"#00B8D9",700:"#0A7C92",800:"#0B6E81",900:"#0A4250"},blue:{0:"#FFFFFF",50:"#EFF6FF",100:"#DBE8FF",200:"#B8D3FF",300:"#90BAFF",400:"#5E97FF",500:"#406FFF",600:"#2F66FF",700:"#2452DE",800:"#2248C8",900:"#172C80"},indigo:{0:"#FFFFFF",50:"#EEF2FF",100:"#E0E6FF",200:"#C5D0FF",300:"#A3B5FF",400:"#879CFF",500:"#707AF5",600:"#5A63F3",700:"#4951DA",800:"#3E40BF",900:"#2A2A82"},purple:{0:"#FFFFFF",50:"#F4F0FF",100:"#E8DBFF",200:"#D2B8FF",300:"#B590FF",400:"#996AF5",500:"#7A52F1",600:"#6B3CF0",700:"#592FBE",800:"#4D27A3",900:"#2F1767"},magenta:{0:"#FFFFFF",50:"#FFF0FE",100:"#FCE0FF",200:"#F7BCFF",300:"#F393FD",400:"#E85FF8",500:"#C645D6",600:"#C026D3",700:"#951CAB",800:"#801790",900:"#4C0C59"},pink:{0:"#FFFFFF",50:"#FFF0F7",100:"#FFE0F0",200:"#FFC0E2",300:"#FF9ACE",400:"#FF6CB3",500:"#ED5CA2",600:"#EC4899",700:"#AB236F",800:"#96205D",900:"#5A1238"},rose:{0:"#FFFFFF",50:"#FFF0F3",100:"#FFE1E9",200:"#FFC1D3",300:"#FF98B8",400:"#FF6B98",500:"#EE4278",600:"#E52E69",700:"#B52156",800:"#991A43",900:"#5B0F28"}},ba={mono:{0:"#0B0B0C",50:"#0F0F10",100:"#151515",200:"#1B1B1C",300:"#232323",400:"#DADADA",500:"#E0E0E0",600:"#EDEDED",700:"#F5F5F5",800:"#FCFCFC",900:"#FFFFFF"},danger:{0:"#17080A",50:"#1E0B0D",100:"#290F11",200:"#3A1416",300:"#4B191B",400:"#6A1D21",500:"#FF3B30",600:"#E7000B",700:"#FF2A20",800:"#FF463D",900:"#FFD9DB"},success:{0:"#06150B",50:"#0A1B10",100:"#0E2416",200:"#11301C",300:"#143B21",400:"#16502C",500:"#22D85A",600:"#00C853",700:"#2FE976",800:"#7FF1AE",900:"#D6FADF"},warning:{0:"#150E05",50:"#1C1408",100:"#261B0B",200:"#31240E",300:"#3D2C12",400:"#583C16",500:"#FFA61A",600:"#FF9F0A",700:"#FFB347",800:"#FFD089",900:"#FFF0C9"},info:{0:"#07131E",50:"#0A1926",100:"#0E2233",200:"#112C44",300:"#143654",400:"#184A78",500:"#1C9CFF",600:"#1093FF",700:"#4FB2FF",800:"#9DD2FF",900:"#D8ECFF"},red:{0:"#17080A",50:"#1E0B0D",100:"#290F11",200:"#3A1416",300:"#4B191B",400:"#6A1D21",500:"#FF3B30",600:"#E7000B",700:"#FF2A20",800:"#FF463D",900:"#FFD9DB"},amber:{0:"#150D07",50:"#1C120A",100:"#26180E",200:"#311F12",300:"#3E2716",400:"#59361C",500:"#FF6A1E",600:"#FF5A00",700:"#FF8747",800:"#FFB98A",900:"#FFE2CC"},orange:{0:"#140D07",50:"#1B120A",100:"#25190D",200:"#302010",300:"#3B2813",400:"#553817",500:"#FF7F22",600:"#FF6B00",700:"#FF9247",800:"#FFBE8A",900:"#FFE1CC"},yellow:{0:"#141303",50:"#1B1906",100:"#25210A",200:"#2F2A0D",300:"#383212",400:"#524717",500:"#FFE042",600:"#FFD60A",700:"#FFE457",800:"#FFF194",900:"#FFF8CF"},lime:{0:"#0C1306",50:"#101A08",100:"#14210B",200:"#1A2B0F",300:"#203614",400:"#2A4A1A",500:"#86E21A",600:"#7ACC00",700:"#9EEA3B",800:"#C9F57F",900:"#EAFCC4"},green:{0:"#07140C",50:"#0B1B11",100:"#0E2416",200:"#112C1B",300:"#143722",400:"#17502F",500:"#20BF55",600:"#16A34A",700:"#39C964",800:"#86E5A5",900:"#D4F6E1"},teal:{0:"#081815",50:"#0B1F1C",100:"#0F2824",200:"#13322E",300:"#173E39",400:"#14584F",500:"#14CEBD",600:"#00BFA5",700:"#2CD6C6",800:"#7FEAE3",900:"#CFF7F3"},cyan:{0:"#07171C",50:"#0A1E24",100:"#0E2830",200:"#11333D",300:"#153E4A",400:"#165B6A",500:"#20CBE6",600:"#00B8D9",700:"#3FD2E9",800:"#93EBF6",900:"#D5F7FC"},blue:{0:"#081421",50:"#0A1829",100:"#0E2139",200:"#112A4B",300:"#153660",400:"#184A86",500:"#4A78FF",600:"#2F66FF",700:"#5A8AFF",800:"#A7C3FF",900:"#D9E7FF"},indigo:{0:"#0B1023",50:"#0E162C",100:"#141F3F",200:"#1C2A56",300:"#24366E",400:"#2F4894",500:"#707CF6",600:"#5A63F3",700:"#7D86FF",800:"#B5C0FF",900:"#E0E6FF"},purple:{0:"#100B1F",50:"#130E26",100:"#1A1638",200:"#231F4E",300:"#2E2A67",400:"#3C388D",500:"#8256F3",600:"#6B3CF0",700:"#8B66FA",800:"#C1B0FF",900:"#E4DCFF"},magenta:{0:"#160A18",50:"#1C0C21",100:"#25102E",200:"#321544",300:"#421A5C",400:"#58247C",500:"#CB44DB",600:"#C026D3",700:"#D960EB",800:"#F0B5FA",900:"#F9E4FE"},pink:{0:"#170911",50:"#1D0C18",100:"#271220",200:"#371830",300:"#462042",400:"#622C5C",500:"#F067AE",600:"#EC4899",700:"#F679BB",800:"#FFC2E1",900:"#FFE6F3"},rose:{0:"#17090E",50:"#1F0C13",100:"#2A121B",200:"#3A1B28",300:"#4B2636",400:"#673449",500:"#EE457B",600:"#E52E69",700:"#FF558A",800:"#FFA9C6",900:"#FFE0EA"}},Ca=e=>({...e,red:e.danger,error:e.danger,green:e.success,success:e.success,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,teal:e.teal,cyan:e.cyan,blue:e.blue,indigo:e.indigo,purple:e.purple,violet:e.purple,magenta:e.magenta,fuchsia:e.magenta,pink:e.pink,rose:e.rose,gray:e.mono,grey:e.mono,neutral:e.mono}),Qn=(e,t)=>e==="light"?{appBg:t[0],panelBg:t[0],subtleBg:t[100],panelHover:t[50],subtleHover:t[200],overlayBg:"linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.525))",border:t[300]}:{appBg:t[0],panelBg:t[0],subtleBg:t[50],panelHover:t[50],subtleHover:t[100],overlayBg:"linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.75))",border:t[200]},Ko=e=>({primary:e[900],secondary:e[600],muted:e[500],onColors:{}}),_o=e=>({primary:e[900],secondary:e[700],muted:e[600],onColors:{}}),mc=["danger","success","warning","info","amber","orange","yellow","lime","green","teal","cyan","blue","indigo","purple","magenta","pink","rose"],Ra=e=>mc.reduce((t,n)=>(t[n]=e[n]??"#FFFFFF",t),{}),jo={spacing:ha,radius:ya,componentHeights:xa,typography:va,neutral:qr,palette:{...Ca(ga),primary:ga.mono},surface:Qn("light",qr),text:{...Ko(qr),onColors:{primary:"#FFFFFF",...Ra({yellow:"#000000"})}}},Ta={spacing:ha,radius:ya,componentHeights:xa,typography:va,neutral:Gr,palette:{...Ca(ba),primary:ba.mono},surface:Qn("dark",Gr),text:{..._o(Gr),onColors:{primary:"#000000",...Ra({yellow:"#000000",lime:"#000000"})}}};function Ea(e){let t=e,n=new Set;return {get:()=>t,set:o=>{t=o,n.forEach(r=>r());},subscribe:o=>(n.add(o),()=>n.delete(o))}}var Ia={destructive:"danger",error:"danger",violet:"purple",fuchsia:"magenta",gray:"mono",grey:"mono",neutral:"mono"},eo=e=>Ia[e]??e;function an(e){let t={...e};return Object.entries(Ia).forEach(([n,o])=>{t[o]!=null&&t[n]==null&&(t[n]=t[o]);}),t}var Sa=me.createContext(null),Ma=me.createContext(null),Fa=me.createContext({setMode:e=>{},toggleMode:()=>{}}),Aa=me.createContext({setPrimary:e=>{}}),Pa=me.createContext(null);function V(){return useTheme()}function bc(){let e=me.useContext(Sa);if(!e)throw new Error("useColorMode must be used within ThemeProvider");console.log("[useColorMode] store:",e),console.log("[useColorMode] store.get():",e.get());let t=me.useContext(Fa),[n,o]=me.useState(()=>{let s=e.get();return console.log("[useColorMode] useState initializer, store.get():",s),s});console.log("[useColorMode] mode state value:",n),me.useEffect(()=>{console.log("[useColorMode] useEffect running, store.get():",e.get()),o(e.get());let s=e.subscribe(()=>{console.log("[useColorMode] subscription fired, new value:",e.get()),o(e.get());});return ()=>{s();}},[e]);let r={mode:n,setMode:t.setMode,toggleMode:t.toggleMode};return console.log("[useColorMode] returning:",r),r}function hc(){let e=me.useContext(Ma);if(!e)throw new Error("usePrimary must be used within ThemeProvider");let t=me.useContext(Aa),[n,o]=me.useState(()=>e.get());return me.useEffect(()=>{o(e.get());let r=e.subscribe(()=>{o(e.get());});return ()=>{r();}},[e]),{primary:n,setPrimary:t.setPrimary}}function ob(e){let t=me.useContext(Pa);if(!t)throw new Error("usePrimitives must be used within ThemeProvider");let{mode:n}=bc(),{primary:o}=hc(),r=me.useMemo(()=>{let s=n==="light"?t.light:t.dark,i=s.palette[eo(o)]??s.palette.primary,u=an(s.text.onColors)[eo(o)]??Yr(i[600]);return {...s,palette:{...s.palette,primary:i},text:{...s.text,onColors:{...an(s.text.onColors),primary:u,[eo(o)]:u,[o]:u}}}},[t,n,o]);return e?e(r):r}function Vo(e,t){return t?{...e,spacing:{...e.spacing,...t.spacing??{}},radius:{...e.radius,...t.radius??{}},componentHeights:{...e.componentHeights,...t.componentHeights??{}},typography:{fonts:{...e.typography.fonts,...t.typography?.fonts??{}},sizes:{...e.typography.sizes,...t.typography?.sizes??{}}},palette:{...e.palette,...t.palette??{}},neutral:t.neutral??e.neutral,surface:{...e.surface,...t.surface??{}},text:{...e.text,...t.text??{},onColors:{...e.text.onColors,...t.text?.onColors??{}}}}:e}function Yr(e){let t=e.replace("#",""),n=parseInt(t.slice(0,2),16),o=parseInt(t.slice(2,4),16),r=parseInt(t.slice(4,6),16),s=u=>{let a=u/255;return a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)};return .2126*s(n)+.7152*s(o)+.0722*s(r)>.53?"#000":"#FFF"}function ka(e,t){if(e.current)return;let n=document.createElement("style");n.id=t,document.head.appendChild(n),e.current=n;}function Xr(e){return e?`[data-pfui-scope="${e}"]`:":root"}function qo(e,t,n){let o=[],r=a=>a.startsWith("var(")?a.replace(/^var\([^,]+,\s*/,"").replace(/\)\s*$/,"").trim():a;o.push(`--pf-font-sans:${r(e.typography.fonts.sans)};`),o.push(`--pf-font-mono:${r(e.typography.fonts.mono)};`),o.push(`--pf-text-primary:${e.text.primary};`),o.push(`--pf-text-secondary:${e.text.secondary};`),o.push(`--pf-text-muted:${e.text.muted};`),Object.entries(e.text.onColors).forEach(([a,l])=>o.push(`--pf-text-on-${a}:${l};`)),Object.entries(e.spacing).forEach(([a,l])=>o.push(`--pf-space-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.radius).forEach(([a,l])=>o.push(`--pf-radius-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.typography.sizes).forEach(([a,l])=>o.push(`--pf-fontSize-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.componentHeights).forEach(([a,l])=>o.push(`--pf-cmph-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.neutral).forEach(([a,l])=>o.push(`--pf-neutral-${a}:${l};`)),o.push(`--pf-surface-appBg:${e.surface.appBg};`),o.push(`--pf-surface-panelBg:${e.surface.panelBg};`),o.push(`--pf-surface-subtleBg:${e.surface.subtleBg};`),o.push(`--pf-surface-panelHover:${e.surface.panelHover};`),o.push(`--pf-surface-subtleHover:${e.surface.subtleHover};`),o.push(`--pf-surface-overlayBg:${e.surface.overlayBg};`),o.push(`--pf-surface-border:${e.surface.border};`),o.push("--pf-focus-main:var(--pf-neutral-400);"),o.push(n==="dark"?"--pf-focus-soft:var(--pf-neutral-200);":"--pf-focus-soft:var(--pf-neutral-300);"),Object.entries(e.palette).forEach(([a,l])=>{Object.entries(l).forEach(([c,d])=>{o.push(`--pf-palette-${a}-${c}:${d};`);});});let s="300";Object.keys(e.palette).forEach(a=>{o.push(`--pf-focus-${a}-main: var(--pf-palette-${a}-${s});`),o.push(`--pf-focus-${a}-soft: transparent;`);});let i=t;[0,50,100,200,300,400,500,600,700,800,900].forEach(a=>o.push(`--pf-primary-${a}:var(--pf-palette-${i}-${a});`)),o.push("--pf-focus-accent-main:var(--pf-primary-300);"),o.push("--pf-focus-accent-soft: transparent;");let u=e.text.onColors[i]??(()=>{let l=(e.palette[i]?.[600]??e.palette.primary[600]).replace("#",""),c=parseInt(l.slice(0,2),16),d=parseInt(l.slice(2,4),16),R=parseInt(l.slice(4,6),16),f=k=>{let x=k/255;return x<=.03928?x/12.92:Math.pow((x+.055)/1.055,2.4)};return .2126*f(c)+.7152*f(d)+.0722*f(R)>.53?"#000":"#FFF"})();return o.push(`--pf-text-on-primary:${u};`),o.push(`color-scheme:${n==="dark"?"dark":"light"};`),o}function Uo(e,t,n){return qo(e,t,n).join("")}var Na=({children:e,theme:t,initialMode:n="light",storageKey:o="pfui:pref",scope:r})=>{let s=!!r,i=t?.primaryKey??"mono",a=useRef((()=>{if(!s)try{let g=JSON.parse(localStorage.getItem(o)||"null");if(g?.mode==="light"||g?.mode==="dark")return g.mode}catch{}return n==="system"?window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light":n??"light"})());console.log("[ThemeProvider] initialModeRef.current:",a.current);let l=me.useMemo(()=>{let g=Ea(a.current);return console.log("[ThemeProvider] created modeStore, initial value:",g.get()),g},[]),c=me.useMemo(()=>Ea(i),[i]),d=useRef(null),R=useRef(0),f=useRef(r??"__root__");me.useLayoutEffect(()=>{let g=0,h=d.current;for(;h&&h!==document.body;)h.hasAttribute("data-pfui-scope")&&g++,h=h.parentElement;R.current=g;},[r]);let v=useMemo(()=>{let g=Vo(jo,t),h=Vo(g,t?.light),A=t?.light?.primaryKey??i,H=eo(A),B=h.palette.primary??h.palette[H]??h.palette.mono,M=an({...Ko(h.neutral).onColors,...h.text.onColors}),E=M[H]??Yr(B[600]),L=t?.surface||t?.light?.surface?h.surface:Qn("light",h.neutral),O={...t?.text||t?.light?.text?h.text:Ko(h.neutral),onColors:an({...M,primary:E,[H]:E})};return {...h,palette:{...h.palette,primary:B},surface:L,text:O}},[t,i]),k=useMemo(()=>{let g=Vo(Ta,t),h=Vo(g,t?.dark),A=t?.dark?.primaryKey??i,H=eo(A),B=h.palette.primary??h.palette[H]??h.palette.mono,M=an({..._o(h.neutral).onColors,...h.text.onColors}),E=M[H]??Yr(B[600]),L=t?.surface||t?.dark?.surface?h.surface:Qn("dark",h.neutral),O={...t?.text||t?.dark?.text?h.text:_o(h.neutral),onColors:an({...M,primary:E,[H]:E})};return {...h,palette:{...h.palette,primary:B},surface:L,text:O}},[t,i]),x=useRef(null),w=useRef(null),b=me.useInsertionEffect||me.useLayoutEffect,m=me.useRef(false),p=useCallback(()=>{let g=Xr(r);ka(w,s?`pfui-guard-${r}`:"pfui-guard-root"),w.current.textContent=`${g} *{transition:none!important;animation:none!important}`,requestAnimationFrame(()=>{w.current.textContent="";});},[r,s]);b(()=>{ka(x,s?`pfui-vars-${r}`:"pfui-vars-root");let g=t?.light?.primaryKey??t?.primaryKey??i,h=t?.dark?.primaryKey??t?.primaryKey??i,A=Xr(r),H=Uo(v,g,"light"),B=Uo(k,h,"dark");x.current.textContent=`${A}.pf-light{${H}}
|
|
1
|
+
import me,{forwardRef,createContext,useId,useMemo,useState,useCallback,useRef,useEffect,useContext,isValidElement,cloneElement,Children,memo,useSyncExternalStore,useLayoutEffect}from'react';import {css,keyframes,useTheme,ThemeProvider,Global}from'@emotion/react';import {jsxs,jsx,Fragment}from'@emotion/react/jsx-runtime';import {ChevronDown,CircleAlert,TriangleAlert,CircleCheckBig,Info,X,Eye,EyeOff,ChevronRight,Check,ChevronFirst,ChevronLeft,ChevronLast,ChevronsUpDown}from'lucide-react';import {useFloating,offset,flip,shift,autoUpdate,useDismiss,useRole,useInteractions,FloatingPortal,size,arrow,useHover,safePolygon,useFocus}from'@floating-ui/react';import {motion,AnimatePresence,useAnimationControls}from'framer-motion';import {createRoot}from'react-dom/client';var ha={xxs:"0.15rem",xs:"0.25rem",sm:"0.5rem",md:"0.75rem",lg:"1rem",xl:"1.5rem"},ya={xxs:"0.3rem",xs:"0.4rem",sm:"0.6rem",md:"0.7rem",lg:"1rem",xl:"2rem",full:"9999px"},xa={sm:32,md:36,lg:40,border:"1px"},va={fonts:{sans:"system-ui, -apple-system, Segoe UI, Roboto, sans-serif",mono:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"},sizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px","6xl":"60px"}},qr={0:"#ffffff",50:"#f9f9f9",100:"#f5f5f5",200:"#eeeeee",300:"#e5e5e5",400:"#C6C6C6",500:"#b3b3b3",600:"#737373",700:"#4a4a4a",800:"#2b2b2b",900:"#111111"},Gr={0:"#0c0c0c",50:"#121212",100:"#1a1a1a",200:"#222222",300:"#2b2b2b",400:"#333333",500:"#444444",600:"#6e6e6e",700:"#a6a6a6",800:"#e5e5e5",900:"#ffffff"},ga={mono:{0:"#FFFFFF",50:"#FAFAFA",100:"#F2F2F2",200:"#E6E6E6",300:"#D1D1D1",400:"#8A8A8A",500:"#2A2A2A",600:"#1A1A1A",700:"#121212",800:"#0B0B0B",900:"#000000"},danger:{0:"#FFFFFF",50:"#FFF1F1",100:"#FFE0E0",200:"#ffd2d5ff",300:"#FF9AA6",400:"#FF6A7B",500:"#EF2F23",600:"#E7000B",700:"#DB1424",800:"#C11225",900:"#7A0A18"},success:{0:"#FFFFFF",50:"#EEFFF3",100:"#D7FFE8",200:"#d6ffe7ff",300:"#8EF5BB",400:"#5BEA9A",500:"#0FD45D",600:"#00C853",700:"#109C47",800:"#0E8242",900:"#064D2B"},warning:{0:"#FFFFFF",50:"#FFF7EB",100:"#FFEFC6",200:"#FFE094",300:"#FFC552",400:"#FFB83A",500:"#FFA414",600:"#FF9F0A",700:"#D97500",800:"#AF5E00",900:"#6E3600"},info:{0:"#FFFFFF",50:"#ECFAFF",100:"#D2F2FF",200:"#AEE6FF",300:"#84D6FF",400:"#4BC1FF",500:"#2B9FFF",600:"#1093FF",700:"#0077C0",800:"#0066A8",900:"#083B61"},red:{0:"#FFFFFF",50:"#FFF1F1",100:"#FFE0E0",200:"#ffd2d5ff",300:"#FF9AA6",400:"#FF6A7B",500:"#EF2F23",600:"#E7000B",700:"#DB1424",800:"#C11225",900:"#7A0A18"},amber:{0:"#FFFFFF",50:"#FFF3EA",100:"#FFE3D1",200:"#FFC7A6",300:"#FFAC80",400:"#FF874D",500:"#FF6C1F",600:"#FF5A00",700:"#D24500",800:"#B63C00",900:"#6F2300"},orange:{0:"#FFFFFF",50:"#FFF4EB",100:"#FFE6CC",200:"#FFCE9E",300:"#FFAE66",400:"#FF8B33",500:"#FF7310",600:"#FF6B00",700:"#CC4400",800:"#AF3F00",900:"#6B2400"},yellow:{0:"#FFFFFF",50:"#FFFAE6",100:"#FFF2BF",200:"#FFE780",300:"#FFDB3D",400:"#FFD000",500:"#FFE03F",600:"#FFD60A",700:"#B38600",800:"#8E6D00",900:"#534300"},lime:{0:"#FFFFFF",50:"#F6FFE8",100:"#E7FFC2",200:"#CCFF83",300:"#A8FA3D",400:"#8BE11C",500:"#87DE10",600:"#7ACC00",700:"#4A8C00",800:"#3B7100",900:"#224300"},green:{0:"#FFFFFF",50:"#F0FFF5",100:"#DBFFE9",200:"#BDF7CF",300:"#8FE7A8",400:"#5BD57D",500:"#1DAE52",600:"#16A34A",700:"#168A40",800:"#136A34",900:"#0B3D1F"},teal:{0:"#FFFFFF",50:"#EDFFFB",100:"#D2FFF4",200:"#A6FAEA",300:"#74EEDC",400:"#41DECB",500:"#00CFAA",600:"#00BFA5",700:"#0C8C7F",800:"#0B786C",900:"#084741"},cyan:{0:"#FFFFFF",50:"#EFFFFF",100:"#D4FCFF",200:"#AFF5FD",300:"#7FE8F6",400:"#45D3EB",500:"#09C6E7",600:"#00B8D9",700:"#0A7C92",800:"#0B6E81",900:"#0A4250"},blue:{0:"#FFFFFF",50:"#EFF6FF",100:"#DBE8FF",200:"#B8D3FF",300:"#90BAFF",400:"#5E97FF",500:"#406FFF",600:"#2F66FF",700:"#2452DE",800:"#2248C8",900:"#172C80"},indigo:{0:"#FFFFFF",50:"#EEF2FF",100:"#E0E6FF",200:"#C5D0FF",300:"#A3B5FF",400:"#879CFF",500:"#707AF5",600:"#5A63F3",700:"#4951DA",800:"#3E40BF",900:"#2A2A82"},purple:{0:"#FFFFFF",50:"#F4F0FF",100:"#E8DBFF",200:"#D2B8FF",300:"#B590FF",400:"#996AF5",500:"#7A52F1",600:"#6B3CF0",700:"#592FBE",800:"#4D27A3",900:"#2F1767"},magenta:{0:"#FFFFFF",50:"#FFF0FE",100:"#FCE0FF",200:"#F7BCFF",300:"#F393FD",400:"#E85FF8",500:"#C645D6",600:"#C026D3",700:"#951CAB",800:"#801790",900:"#4C0C59"},pink:{0:"#FFFFFF",50:"#FFF0F7",100:"#FFE0F0",200:"#FFC0E2",300:"#FF9ACE",400:"#FF6CB3",500:"#ED5CA2",600:"#EC4899",700:"#AB236F",800:"#96205D",900:"#5A1238"},rose:{0:"#FFFFFF",50:"#FFF0F3",100:"#FFE1E9",200:"#FFC1D3",300:"#FF98B8",400:"#FF6B98",500:"#EE4278",600:"#E52E69",700:"#B52156",800:"#991A43",900:"#5B0F28"}},ba={mono:{0:"#0B0B0C",50:"#0F0F10",100:"#151515",200:"#1B1B1C",300:"#232323",400:"#DADADA",500:"#E0E0E0",600:"#EDEDED",700:"#F5F5F5",800:"#FCFCFC",900:"#FFFFFF"},danger:{0:"#17080A",50:"#1E0B0D",100:"#290F11",200:"#3A1416",300:"#4B191B",400:"#6A1D21",500:"#FF3B30",600:"#E7000B",700:"#FF2A20",800:"#FF463D",900:"#FFD9DB"},success:{0:"#06150B",50:"#0A1B10",100:"#0E2416",200:"#11301C",300:"#143B21",400:"#16502C",500:"#22D85A",600:"#00C853",700:"#2FE976",800:"#7FF1AE",900:"#D6FADF"},warning:{0:"#150E05",50:"#1C1408",100:"#261B0B",200:"#31240E",300:"#3D2C12",400:"#583C16",500:"#FFA61A",600:"#FF9F0A",700:"#FFB347",800:"#FFD089",900:"#FFF0C9"},info:{0:"#07131E",50:"#0A1926",100:"#0E2233",200:"#112C44",300:"#143654",400:"#184A78",500:"#1C9CFF",600:"#1093FF",700:"#4FB2FF",800:"#9DD2FF",900:"#D8ECFF"},red:{0:"#17080A",50:"#1E0B0D",100:"#290F11",200:"#3A1416",300:"#4B191B",400:"#6A1D21",500:"#FF3B30",600:"#E7000B",700:"#FF2A20",800:"#FF463D",900:"#FFD9DB"},amber:{0:"#150D07",50:"#1C120A",100:"#26180E",200:"#311F12",300:"#3E2716",400:"#59361C",500:"#FF6A1E",600:"#FF5A00",700:"#FF8747",800:"#FFB98A",900:"#FFE2CC"},orange:{0:"#140D07",50:"#1B120A",100:"#25190D",200:"#302010",300:"#3B2813",400:"#553817",500:"#FF7F22",600:"#FF6B00",700:"#FF9247",800:"#FFBE8A",900:"#FFE1CC"},yellow:{0:"#141303",50:"#1B1906",100:"#25210A",200:"#2F2A0D",300:"#383212",400:"#524717",500:"#FFE042",600:"#FFD60A",700:"#FFE457",800:"#FFF194",900:"#FFF8CF"},lime:{0:"#0C1306",50:"#101A08",100:"#14210B",200:"#1A2B0F",300:"#203614",400:"#2A4A1A",500:"#86E21A",600:"#7ACC00",700:"#9EEA3B",800:"#C9F57F",900:"#EAFCC4"},green:{0:"#07140C",50:"#0B1B11",100:"#0E2416",200:"#112C1B",300:"#143722",400:"#17502F",500:"#20BF55",600:"#16A34A",700:"#39C964",800:"#86E5A5",900:"#D4F6E1"},teal:{0:"#081815",50:"#0B1F1C",100:"#0F2824",200:"#13322E",300:"#173E39",400:"#14584F",500:"#14CEBD",600:"#00BFA5",700:"#2CD6C6",800:"#7FEAE3",900:"#CFF7F3"},cyan:{0:"#07171C",50:"#0A1E24",100:"#0E2830",200:"#11333D",300:"#153E4A",400:"#165B6A",500:"#20CBE6",600:"#00B8D9",700:"#3FD2E9",800:"#93EBF6",900:"#D5F7FC"},blue:{0:"#081421",50:"#0A1829",100:"#0E2139",200:"#112A4B",300:"#153660",400:"#184A86",500:"#4A78FF",600:"#2F66FF",700:"#5A8AFF",800:"#A7C3FF",900:"#D9E7FF"},indigo:{0:"#0B1023",50:"#0E162C",100:"#141F3F",200:"#1C2A56",300:"#24366E",400:"#2F4894",500:"#707CF6",600:"#5A63F3",700:"#7D86FF",800:"#B5C0FF",900:"#E0E6FF"},purple:{0:"#100B1F",50:"#130E26",100:"#1A1638",200:"#231F4E",300:"#2E2A67",400:"#3C388D",500:"#8256F3",600:"#6B3CF0",700:"#8B66FA",800:"#C1B0FF",900:"#E4DCFF"},magenta:{0:"#160A18",50:"#1C0C21",100:"#25102E",200:"#321544",300:"#421A5C",400:"#58247C",500:"#CB44DB",600:"#C026D3",700:"#D960EB",800:"#F0B5FA",900:"#F9E4FE"},pink:{0:"#170911",50:"#1D0C18",100:"#271220",200:"#371830",300:"#462042",400:"#622C5C",500:"#F067AE",600:"#EC4899",700:"#F679BB",800:"#FFC2E1",900:"#FFE6F3"},rose:{0:"#17090E",50:"#1F0C13",100:"#2A121B",200:"#3A1B28",300:"#4B2636",400:"#673449",500:"#EE457B",600:"#E52E69",700:"#FF558A",800:"#FFA9C6",900:"#FFE0EA"}},Ca=e=>({...e,red:e.danger,error:e.danger,green:e.success,success:e.success,orange:e.orange,amber:e.amber,yellow:e.yellow,lime:e.lime,teal:e.teal,cyan:e.cyan,blue:e.blue,indigo:e.indigo,purple:e.purple,violet:e.purple,magenta:e.magenta,fuchsia:e.magenta,pink:e.pink,rose:e.rose,gray:e.mono,grey:e.mono,neutral:e.mono}),Qn=(e,t)=>e==="light"?{appBg:t[0],panelBg:t[0],subtleBg:t[100],panelHover:t[50],subtleHover:t[200],overlayBg:"linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.525))",border:t[300]}:{appBg:t[0],panelBg:t[0],subtleBg:t[50],panelHover:t[50],subtleHover:t[100],overlayBg:"linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.75))",border:t[200]},Ko=e=>({primary:e[900],secondary:e[600],muted:e[500],onColors:{}}),_o=e=>({primary:e[900],secondary:e[700],muted:e[600],onColors:{}}),mc=["danger","success","warning","info","amber","orange","yellow","lime","green","teal","cyan","blue","indigo","purple","magenta","pink","rose"],Ra=e=>mc.reduce((t,n)=>(t[n]=e[n]??"#FFFFFF",t),{}),jo={spacing:ha,radius:ya,componentHeights:xa,typography:va,neutral:qr,palette:{...Ca(ga),primary:ga.mono},surface:Qn("light",qr),text:{...Ko(qr),onColors:{primary:"#FFFFFF",...Ra({yellow:"#000000"})}}},Ta={spacing:ha,radius:ya,componentHeights:xa,typography:va,neutral:Gr,palette:{...Ca(ba),primary:ba.mono},surface:Qn("dark",Gr),text:{..._o(Gr),onColors:{primary:"#000000",...Ra({yellow:"#000000",lime:"#000000"})}}};function Ea(e){let t=e,n=new Set;return {get:()=>t,set:o=>{t=o,n.forEach(r=>r());},subscribe:o=>(n.add(o),()=>n.delete(o))}}var Ia={destructive:"danger",error:"danger",violet:"purple",fuchsia:"magenta",gray:"mono",grey:"mono",neutral:"mono"},eo=e=>Ia[e]??e;function an(e){let t={...e};return Object.entries(Ia).forEach(([n,o])=>{t[o]!=null&&t[n]==null&&(t[n]=t[o]);}),t}var Sa=me.createContext(null),Ma=me.createContext(null),Fa=me.createContext({setMode:e=>{},toggleMode:()=>{}}),Aa=me.createContext({setPrimary:e=>{}}),Pa=me.createContext(null);function V(){return useTheme()}function bc(){let e=me.useContext(Sa);if(!e)throw new Error("useColorMode must be used within ThemeProvider");console.log("[useColorMode] store:",e),console.log("[useColorMode] store.get():",e.get());let t=me.useContext(Fa),[n,o]=me.useState(()=>{let s=e.get();return console.log("[useColorMode] useState initializer, store.get():",s),s});console.log("[useColorMode] mode state value:",n),me.useEffect(()=>{console.log("[useColorMode] useEffect running, store.get():",e.get()),o(e.get());let s=e.subscribe(()=>{console.log("[useColorMode] subscription fired, new value:",e.get()),o(e.get());});return ()=>{s();}},[e]);let r={mode:n,setMode:t.setMode,toggleMode:t.toggleMode};return console.log("[useColorMode] returning:",r),r}function hc(){let e=me.useContext(Ma);if(!e)throw new Error("usePrimary must be used within ThemeProvider");let t=me.useContext(Aa),[n,o]=me.useState(()=>e.get());return me.useEffect(()=>{o(e.get());let r=e.subscribe(()=>{o(e.get());});return ()=>{r();}},[e]),{primary:n,setPrimary:t.setPrimary}}function ob(e){let t=me.useContext(Pa);if(!t)throw new Error("usePrimitives must be used within ThemeProvider");let{mode:n}=bc(),{primary:o}=hc(),r=me.useMemo(()=>{let s=n==="light"?t.light:t.dark,i=s.palette[eo(o)]??s.palette.primary,u=an(s.text.onColors)[eo(o)]??Yr(i[600]);return {...s,palette:{...s.palette,primary:i},text:{...s.text,onColors:{...an(s.text.onColors),primary:u,[eo(o)]:u,[o]:u}}}},[t,n,o]);return e?e(r):r}function Vo(e,t){return t?{...e,spacing:{...e.spacing,...t.spacing??{}},radius:{...e.radius,...t.radius??{}},componentHeights:{...e.componentHeights,...t.componentHeights??{}},typography:{fonts:{...e.typography.fonts,...t.typography?.fonts??{}},sizes:{...e.typography.sizes,...t.typography?.sizes??{}}},palette:{...e.palette,...t.palette??{}},neutral:t.neutral??e.neutral,surface:{...e.surface,...t.surface??{}},text:{...e.text,...t.text??{},onColors:{...e.text.onColors,...t.text?.onColors??{}}}}:e}function Yr(e){let t=e.replace("#",""),n=parseInt(t.slice(0,2),16),o=parseInt(t.slice(2,4),16),r=parseInt(t.slice(4,6),16),s=u=>{let a=u/255;return a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)};return .2126*s(n)+.7152*s(o)+.0722*s(r)>.53?"#000":"#FFF"}function ka(e,t){if(e.current)return;let n=document.createElement("style");n.id=t,document.head.appendChild(n),e.current=n;}function Xr(e){return e?`[data-pfui-scope="${e}"]`:":root"}function qo(e,t,n){let o=[],r=a=>a.startsWith("var(")?a.replace(/^var\([^,]+,\s*/,"").replace(/\)\s*$/,"").trim():a;o.push(`--pf-font-sans:${r(e.typography.fonts.sans)};`),o.push(`--pf-font-mono:${r(e.typography.fonts.mono)};`),o.push(`--pf-text-primary:${e.text.primary};`),o.push(`--pf-text-secondary:${e.text.secondary};`),o.push(`--pf-text-muted:${e.text.muted};`),Object.entries(e.text.onColors).forEach(([a,l])=>o.push(`--pf-text-on-${a}:${l};`)),Object.entries(e.spacing).forEach(([a,l])=>o.push(`--pf-space-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.radius).forEach(([a,l])=>o.push(`--pf-radius-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.typography.sizes).forEach(([a,l])=>o.push(`--pf-fontSize-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.componentHeights).forEach(([a,l])=>o.push(`--pf-cmph-${a}:${typeof l=="number"?`${l}px`:l};`)),Object.entries(e.neutral).forEach(([a,l])=>o.push(`--pf-neutral-${a}:${l};`)),o.push(`--pf-surface-appBg:${e.surface.appBg};`),o.push(`--pf-surface-panelBg:${e.surface.panelBg};`),o.push(`--pf-surface-subtleBg:${e.surface.subtleBg};`),o.push(`--pf-surface-panelHover:${e.surface.panelHover};`),o.push(`--pf-surface-subtleHover:${e.surface.subtleHover};`),o.push(`--pf-surface-overlayBg:${e.surface.overlayBg};`),o.push(`--pf-surface-border:${e.surface.border};`),o.push("--pf-focus-main:var(--pf-neutral-400);"),o.push(n==="dark"?"--pf-focus-soft:var(--pf-neutral-200);":"--pf-focus-soft:var(--pf-neutral-300);"),Object.entries(e.palette).forEach(([a,l])=>{Object.entries(l).forEach(([c,d])=>{o.push(`--pf-palette-${a}-${c}:${d};`);});});let s="300";Object.keys(e.palette).forEach(a=>{o.push(`--pf-focus-${a}-main: var(--pf-palette-${a}-${s});`),o.push(`--pf-focus-${a}-soft: transparent;`);});let i=t;[0,50,100,200,300,400,500,600,700,800,900].forEach(a=>o.push(`--pf-primary-${a}:var(--pf-palette-${i}-${a});`)),o.push("--pf-focus-accent-main:var(--pf-primary-300);"),o.push("--pf-focus-accent-soft: transparent;");let u=e.text.onColors[i]??(()=>{let l=(e.palette[i]?.[600]??e.palette.primary[600]).replace("#",""),c=parseInt(l.slice(0,2),16),d=parseInt(l.slice(2,4),16),R=parseInt(l.slice(4,6),16),f=k=>{let y=k/255;return y<=.03928?y/12.92:Math.pow((y+.055)/1.055,2.4)};return .2126*f(c)+.7152*f(d)+.0722*f(R)>.53?"#000":"#FFF"})();return o.push(`--pf-text-on-primary:${u};`),o.push(`color-scheme:${n==="dark"?"dark":"light"};`),o}function Uo(e,t,n){return qo(e,t,n).join("")}var Na=({children:e,theme:t,initialMode:n="light",storageKey:o="pfui:pref",scope:r})=>{let s=!!r,i=t?.primaryKey??"mono",a=useRef((()=>{if(!s)try{let g=JSON.parse(localStorage.getItem(o)||"null");if(g?.mode==="light"||g?.mode==="dark")return g.mode}catch{}return n==="system"?window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light":n??"light"})());console.log("[ThemeProvider] initialModeRef.current:",a.current);let l=me.useMemo(()=>{let g=Ea(a.current);return console.log("[ThemeProvider] created modeStore, initial value:",g.get()),g},[]),c=me.useMemo(()=>Ea(i),[i]),d=useRef(null),R=useRef(0),f=useRef(r??"__root__");me.useLayoutEffect(()=>{let g=0,h=d.current;for(;h&&h!==document.body;)h.hasAttribute("data-pfui-scope")&&g++,h=h.parentElement;R.current=g;},[r]);let v=useMemo(()=>{let g=Vo(jo,t),h=Vo(g,t?.light),A=t?.light?.primaryKey??i,H=eo(A),B=h.palette.primary??h.palette[H]??h.palette.mono,M=an({...Ko(h.neutral).onColors,...h.text.onColors}),E=M[H]??Yr(B[600]),L=t?.surface||t?.light?.surface?h.surface:Qn("light",h.neutral),O={...t?.text||t?.light?.text?h.text:Ko(h.neutral),onColors:an({...M,primary:E,[H]:E})};return {...h,palette:{...h.palette,primary:B},surface:L,text:O}},[t,i]),k=useMemo(()=>{let g=Vo(Ta,t),h=Vo(g,t?.dark),A=t?.dark?.primaryKey??i,H=eo(A),B=h.palette.primary??h.palette[H]??h.palette.mono,M=an({..._o(h.neutral).onColors,...h.text.onColors}),E=M[H]??Yr(B[600]),L=t?.surface||t?.dark?.surface?h.surface:Qn("dark",h.neutral),O={...t?.text||t?.dark?.text?h.text:_o(h.neutral),onColors:an({...M,primary:E,[H]:E})};return {...h,palette:{...h.palette,primary:B},surface:L,text:O}},[t,i]),y=useRef(null),w=useRef(null),b=me.useInsertionEffect||me.useLayoutEffect,m=me.useRef(false),p=useCallback(()=>{let g=Xr(r);ka(w,s?`pfui-guard-${r}`:"pfui-guard-root"),w.current.textContent=`${g} *{transition:none!important;animation:none!important}`,requestAnimationFrame(()=>{w.current.textContent="";});},[r,s]);b(()=>{ka(y,s?`pfui-vars-${r}`:"pfui-vars-root");let g=t?.light?.primaryKey??t?.primaryKey??i,h=t?.dark?.primaryKey??t?.primaryKey??i,A=Xr(r),H=Uo(v,g,"light"),B=Uo(k,h,"dark");y.current.textContent=`${A}.pf-light{${H}}
|
|
2
2
|
${A}.pf-dark{${B}}`+(s?`
|
|
3
|
-
${A}{background:var(--pf-surface-appBg);color:var(--pf-text-primary);}`:"");},[v,k,t?.primaryKey,t?.light?.primaryKey,t?.dark?.primaryKey,r,s,i]),me.useLayoutEffect(()=>{if(!m.current){m.current=true;let g=s?d.current:document.documentElement;g&&(g.classList.toggle("pf-dark",a.current==="dark"),g.classList.toggle("pf-light",a.current!=="dark"),l.set(a.current));}},[s,l]);let C=useCallback(()=>{window.__pfuiActiveScope={id:f.current,depth:R.current,ts:Date.now()};},[]),N=useCallback(()=>{let g=s?d.current:document.documentElement,h={capture:true},A=()=>C();return g?.addEventListener("pointerdown",A,h),g?.addEventListener("mouseenter",A,h),g?.addEventListener("focusin",A,h),g?.addEventListener("keydown",A,h),()=>{g?.removeEventListener("pointerdown",A,h),g?.removeEventListener("mouseenter",A,h),g?.removeEventListener("focusin",A,h),g?.removeEventListener("keydown",A,h);}},[s,C]),
|
|
3
|
+
${A}{background:var(--pf-surface-appBg);color:var(--pf-text-primary);}`:"");},[v,k,t?.primaryKey,t?.light?.primaryKey,t?.dark?.primaryKey,r,s,i]),me.useLayoutEffect(()=>{if(!m.current){m.current=true;let g=s?d.current:document.documentElement;g&&(g.classList.toggle("pf-dark",a.current==="dark"),g.classList.toggle("pf-light",a.current!=="dark"),l.set(a.current));}},[s,l]);let C=useCallback(()=>{window.__pfuiActiveScope={id:f.current,depth:R.current,ts:Date.now()};},[]),N=useCallback(()=>{let g=s?d.current:document.documentElement,h={capture:true},A=()=>C();return g?.addEventListener("pointerdown",A,h),g?.addEventListener("mouseenter",A,h),g?.addEventListener("focusin",A,h),g?.addEventListener("keydown",A,h),()=>{g?.removeEventListener("pointerdown",A,h),g?.removeEventListener("mouseenter",A,h),g?.removeEventListener("focusin",A,h),g?.removeEventListener("keydown",A,h);}},[s,C]),x=useCallback(g=>{let h=window.__pfuiActiveScope,A=h&&Date.now()-h.ts<1500;if(!h||!A||h.id!==f.current)return;let H=l.get(),B=c.get(),E=qo(H==="light"?v:k,B,H).join("");g.style.cssText+=`;${E}`,g.classList.toggle("pf-light",H==="light"),g.classList.toggle("pf-dark",H==="dark"),g.setAttribute("data-pfui-portal-owner",f.current);},[l,c,v,k]),T=g=>{if(g.getAttribute("data-floating-ui-portal")==="true"||g.getAttribute("data-radix-portal")==="true"||g.getAttribute("data-portal")==="true")return true;let h=g.getAttribute("role");if(h==="tooltip"||h==="dialog")return true;let A=window.getComputedStyle(g);return A.position==="fixed"||A.position==="absolute"},P=useCallback(()=>{let g=new MutationObserver(h=>{for(let A of h)A.addedNodes.forEach(H=>{H instanceof HTMLElement&&(T(H)&&x(H),H.querySelectorAll('[data-floating-ui-portal="true"],[data-radix-portal="true"],[data-portal="true"],[role="tooltip"],[role="dialog"]').forEach(B=>x(B)));});});return g.observe(document.body,{childList:true,subtree:true}),()=>g.disconnect()},[x]);me.useEffect(()=>{let g=N(),h=P();return ()=>{g(),h();}},[N,P]);let $=useCallback(g=>{let h=s?d.current:document.documentElement,A=c.get(),B=qo(g==="light"?v:k,A,g).join("");h.style.cssText+=`;${B}`,h.classList.toggle("pf-light",g==="light"),h.classList.toggle("pf-dark",g==="dark");},[s,v,k,c]),K=useCallback(g=>{let h=c.get(),H=qo(g==="light"?v:k,h,g).join("");document.querySelectorAll(`[data-pfui-portal-owner="${f.current}"]`).forEach(B=>{B.style.cssText+=`;${H}`,B.classList.toggle("pf-light",g==="light"),B.classList.toggle("pf-dark",g==="dark");});},[v,k,c]),W=useCallback(g=>{if(l.get()!==g&&(p(),l.set(g),$(g),K(g),!s))try{let h=JSON.parse(localStorage.getItem(o)||"{}");localStorage.setItem(o,JSON.stringify({...h,mode:g}));}catch{}},[l,s,o,p,$,K]),S=useCallback(()=>W(l.get()==="light"?"dark":"light"),[W,l]),F=useCallback(g=>{c.set(g);let h=Xr(r),A=Uo(v,g,"light"),H=Uo(k,g,"dark");y.current&&(y.current.textContent=`${h}.pf-light{${A}}
|
|
4
4
|
${h}.pf-dark{${H}}`+(s?`
|
|
5
|
-
${h}{background:var(--pf-surface-appBg);color:var(--pf-text-primary);}`:"")),p();let B=l.get();if($(B),K(B),!s)try{let M=JSON.parse(localStorage.getItem(o)||"{}");localStorage.setItem(o,JSON.stringify({...M,primary:g}));}catch{}},[v,k,r,s,l,c,p,$,K]),I=jsx(Pa.Provider,{value:{light:v,dark:k},children:jsx(Sa.Provider,{value:l,children:jsx(Ma.Provider,{value:c,children:jsx(Fa.Provider,{value:{setMode:W,toggleMode:S},children:jsx(Aa.Provider,{value:{setPrimary:F},children:jsx(ThemeProvider,{theme:yc(v),children:e})})})})})});return s?jsx("div",{ref:d,"data-pfui-scope":r,style:{background:"var(--pf-surface-appBg)",color:"var(--pf-text-primary)"},children:I}):jsx("div",{ref:d,children:I})};function yc(e){let t=(l,c)=>Object.fromEntries(Object.keys(l).map(d=>[d,c(d)])),n=t(e.spacing,l=>`var(--pf-space-${l})`),o=t(e.radius,l=>`var(--pf-radius-${l})`),r=t(e.typography.sizes,l=>`var(--pf-fontSize-${l})`),s=t(e.componentHeights,l=>`var(--pf-cmph-${l})`),i={sans:"var(--pf-font-sans)",mono:"var(--pf-font-mono)"},u=t(e.neutral,l=>`var(--pf-neutral-${l})`),a={};return Object.keys(e.palette).forEach(l=>{a[l]={},Object.keys(e.palette[l]).forEach(c=>{a[l][c]=`var(--pf-palette-${l}-${c})`;});}),a.primary=Object.fromEntries(["0","50","100","200","300","400","500","600","700","800","900"].map(l=>[l,`var(--pf-primary-${l})`])),{...e,spacing:n,radius:o,componentHeights:s,typography:{fonts:i,sizes:r},neutral:u,palette:a,surface:{appBg:"var(--pf-surface-appBg)",panelBg:"var(--pf-surface-panelBg)",subtleBg:"var(--pf-surface-subtleBg)",panelHover:"var(--pf-surface-panelHover)",subtleHover:"var(--pf-surface-subtleHover)",overlayBg:"var(--pf-surface-overlayBg)",border:"var(--pf-surface-border)"},text:{primary:"var(--pf-text-primary)",secondary:"var(--pf-text-secondary)",muted:"var(--pf-text-muted)",onColors:Object.fromEntries(Object.keys(an(e.text.onColors)).map(l=>[l,`var(--pf-text-on-${l})`]))}}}var xc=(e,t)=>{let n=e?.palette??{};return !t||t==="neutral"?"neutral":n[t]?t:"neutral"},Da=(e,t)=>{let n=xc(e,t);if(n==="neutral")return {soft:"var(--pf-focus-soft)",main:"var(--pf-focus-main)"};let o=e?.palette?.[n];return o?{soft:o[300]??"transparent",main:o[600]??o[500]??"currentColor"}:{soft:"var(--pf-focus-soft)",main:"var(--pf-focus-main)"}};function xe(){let e=V();return t=>{if(!((t?.enabled??true)&&!t?.disabled)||t?.mode==="none")return css({});let{soft:o,main:r}=Da(e,t?.color),s=t?.haloWidth??3,i=t?.offset??0,u=t?.mode==="always"?"&:focus":"&:focus-visible",a={transition:"box-shadow .16s ease, border-color 0s ease, outline-color 0s ease, outline-offset .16s ease",":root.pf-mode-switching &":{transition:"none !important"},"&[disabled], &[aria-disabled='true'], &[data-disabled='true']":{boxShadow:"none !important"}};return a[u]={boxShadow:`0 0 0 ${s}px ${o}`,borderColor:r,outlineColor:r,outlineOffset:i,zIndex:1e4},css(a)}}function Xo(){let e=V();return t=>{if(!((t?.enabled??true)&&!t?.disabled)||t?.mode==="none")return css({});let{soft:o,main:r}=Da(e,t?.color),s=t?.haloWidth??3,i=t?.offset??0,u=t?.mode==="always"?"&:focus-within":"&:has(:focus-visible)",a={position:"relative",transition:"box-shadow .16s ease, border-color 0s ease, outline-color 0s ease, outline-offset .16s ease",":root.pf-mode-switching &":{transition:"none !important"},"&[disabled], &[aria-disabled='true'], &[data-disabled='true']":{boxShadow:"none !important"}};return a[u]={boxShadow:`0 0 0 ${s}px ${o}`,borderColor:r,outlineColor:r,outlineOffset:i,zIndex:1e3},css(a)}}var $a=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,za=e=>{let t=e.type;return t?.__PFUI_SLOT||t?.displayName||t?.name||""},es=forwardRef(({children:e,expandIcon:t,expandIconPosition:n="right",hideExpandIcon:o=false,className:r,css:s,expandIconCss:i},u)=>{let a=V(),l=a.typography.sizes.sm,c=20,d=10,R=a.spacing.lg,f=a.spacing.md,v=Number(a.componentHeights?.md),k=a.text,x=css({display:"flex",alignItems:"center",outline:"none",userSelect:"none",fontWeight:500,minHeight:v,padding:`${f} ${R}`,gap:d,fontSize:l,color:k.primary}),w=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",display:"flex",alignItems:"center",gap:8}),b=css({marginRight:0,marginLeft:-2,lineHeight:0,color:a.text.secondary}),m=css({marginLeft:5,marginRight:-2,lineHeight:0,color:a.text.secondary});return jsxs("div",{ref:u,role:"presentation",tabIndex:-1,className:["plainframe-ui-accordion-summary",r||""].join(" ").trim(),css:[x,s],children:[!o&&n==="left"&&jsx("span",{className:"plainframe-ui-accordion-icon plainframe-ui-accordion-icon-left",css:[b,i],children:t??jsx(ChevronDown,{strokeWidth:2,css:{width:c,height:c}})}),jsx("span",{className:"plainframe-ui-accordion-content",css:w,children:e}),!o&&n==="right"&&jsx("span",{className:"plainframe-ui-accordion-icon plainframe-ui-accordion-icon-right",css:[m,i],children:t??jsx(ChevronDown,{strokeWidth:2,css:{width:c,height:c}})})]})});es.__PFUI_SLOT="AccordionSummary";es.displayName="AccordionSummary";var ts=({children:e,className:t,css:n})=>{let o=V(),r=o.typography.sizes.sm,s=o.spacing.lg,i="0.15rem",u=o.spacing.md,a=css({padding:`${i} ${s} ${u} ${s}`,fontSize:r,boxSizing:"border-box",minHeight:0});return jsx("div",{className:["plainframe-ui-accordion-details",t||""].join(" ").trim(),css:[a,n],tabIndex:-1,children:e})};ts.__PFUI_SLOT="AccordionDetails";ts.displayName="AccordionDetails";var Oa=({open:e,defaultOpen:t=false,onChange:n,className:o,variant:r="subtle",disabled:s=false,width:i,fullWidth:u=false,css:a,children:l})=>{let c=V(),d=useId(),R=useId(),f=c.radius?.md,v=c.text,k=c.componentHeights?.border??1,x=$a(k)??"1px",w=e!==void 0,[b,m]=useState(!!t),p=w?!!e:b,C=xe(),[N,y]=useState(0),[T,P]=useState(false),$=useRef(null),K=useRef(null),W=useRef(null),S=()=>{if(!p)return;let D=document.activeElement;K.current?.contains(D)&&W.current?.focus();},F=()=>{s||(S(),w?n?.(!e):m(D=>{let U=!D;return n?.(U),U}));},I=me.Children.toArray(l).filter(D=>isValidElement(D)),g=I.findIndex(D=>za(D)==="AccordionSummary"),h=I.findIndex(D=>za(D)==="AccordionDetails");g===-1&&I.length&&(g=0),h===-1&&(h=I.findIndex((D,U)=>U!==g),h===-1&&I.length>=2&&(h=1));let A=I[g]??null,H=I[h]??null,B=r==="subtle"?c.surface.subtleBg:r==="outlined"?c.surface.panelBg:"transparent",M=css({backgroundColor:B,color:v.primary,borderRadius:f,border:r==="outlined"?`${x} solid ${c.surface.border}`:"none",outline:"none",marginBottom:c.spacing.sm,maxWidth:i!=null?$a(i):void 0,width:u?"100%":i!=null?void 0:"auto",boxSizing:"border-box",opacity:s?.55:1,cursor:s?"not-allowed":void 0});useLayoutEffect(()=>{let D=$.current;D&&y(D.scrollHeight);},[p,l]),useEffect(()=>{let D=$.current;if(!D)return;let U=new ResizeObserver(()=>y(D.scrollHeight));return U.observe(D),()=>U.disconnect()},[]),useEffect(()=>{N>0&&!T&&P(true);},[N,T]),useLayoutEffect(()=>{if(!p&&K.current){let D=document.activeElement;K.current.contains(D)&&W.current?.focus();}},[p]),useLayoutEffect(()=>{let D=K.current;if(!D)return;let U=Array.from(D.querySelectorAll("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, [tabindex]"));p?(U.forEach(X=>{let se=X.dataset.accordionTabindex;se!=null&&(se===""?X.removeAttribute("tabindex"):X.tabIndex=Number(se),delete X.dataset.accordionTabindex);}),D.removeAttribute("inert")):(U.forEach(X=>{X.dataset.accordionTabindex==null&&(X.dataset.accordionTabindex=X.hasAttribute("tabindex")?X.getAttribute("tabindex")??"":""),X.tabIndex=-1;}),D.setAttribute("inert",""));},[p]);let E=css({maxHeight:p?N||"none":0,overflow:p&&!T?"visible":"hidden",transition:T?"max-height 0.36s cubic-bezier(.25,.8,.4,1)":"none",willChange:T?"max-height":void 0}),L=css({opacity:p?1:0,transform:p?"translateY(0)":"translateY(1rem)",transition:T?"transform 0.28s ease, opacity 0.28s ease":"none"}),z=css({"& .plainframe-ui-accordion-icon":{transition:"transform 0.3s cubic-bezier(.6,1.3,.5,1)",transform:p?"rotate(180deg)":"rotate(0deg)"}}),O=A&&cloneElement(A,{...typeof A.props=="object"&&A.props?A.props:{},className:[A.props?.className,"plainframe-ui-accordion-summary-managed"].filter(Boolean).join(" ")}),_=H;return jsxs("div",{className:["plainframe-ui-accordion",`plainframe-ui-accordion-${r}`,o||""].join(" ").trim(),"data-variant":r,"data-open":p?"true":"false","data-disabled":s?"true":"false",css:[C(),M,a],tabIndex:s?-1:0,ref:W,role:"button","aria-expanded":p,"aria-controls":d,"aria-labelledby":R,"aria-disabled":s||void 0,onClick:D=>{D.detail===0&&document.activeElement!==W.current||F();},onKeyDown:D=>{s||document.activeElement===W.current&&D.target===W.current&&(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),F());},children:[jsx("div",{id:R,className:"plainframe-ui-accordion-summary-wrapper",css:[css({cursor:s?"not-allowed":"pointer"}),z],children:O}),jsx("div",{id:d,"aria-hidden":!p,className:"plainframe-ui-accordion-details-clip",css:E,tabIndex:-1,ref:K,onClick:D=>D.stopPropagation(),children:jsx("div",{ref:$,className:"plainframe-ui-accordion-details-inner",css:L,children:_})})]})};Oa.displayName="Accordion";var Fc=e=>isValidElement(e),Ac=e=>Fc(e)?e.type?.displayName||e.type?.name:void 0,Ka=e=>Ac(e)==="Accordion",Pc=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Nc=(e,t=1)=>e==null?`${t}px`:typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,_a=({children:e,attached:t=false,variant:n,exclusive:o=false,openIndex:r,defaultOpenIndex:s,onOpenIndexChange:i,disabled:u=false,width:a,fullWidth:l=false,className:c,role:d="group",css:R})=>{let f=V(),v=useRef(null),k=Children.toArray(e),x=k.filter(Ka),w=x.length,b=o&&r!==void 0,[m,p]=useState(()=>{if(!o)return null;if(s!==void 0)return s;for(let F=0;F<x.length;F++){let I=x[F].props;if(I.open||I.defaultOpen)return F}return null}),C=o?b?r??null:m:null,N=Nc(f.componentHeights?.border,1),y=f.surface.border,T=f.radius.md,P=n,$=P==="outlined";useEffect(()=>{let F=v.current;if(!F)return;let I=g=>{if(g.key!=="ArrowDown"&&g.key!=="ArrowUp"&&g.key!=="Home"&&g.key!=="End")return;let A=Array.from(F.querySelectorAll(".plainframe-ui-accordion")).filter(E=>E.getAttribute("data-disabled")!=="true");if(A.length===0)return;let H=document.activeElement,B=A.findIndex(E=>E.contains(H));if(B===-1)return;g.preventDefault();let M=B;g.key==="ArrowDown"?M=(B+1)%A.length:g.key==="ArrowUp"?M=(B-1+A.length)%A.length:g.key==="Home"?M=0:g.key==="End"&&(M=A.length-1),A[M]?.focus();};return F.addEventListener("keydown",I),()=>F.removeEventListener("keydown",I)},[w]);let K=css({display:"flex",flexDirection:"column",maxWidth:a!=null?Pc(a):void 0,width:l?"100%":a!=null?void 0:"auto",gap:t?0:f.spacing.sm,border:t&&$?`${N} solid ${y}`:"none",borderRadius:t&&$?T:void 0,background:t&&$?f.surface.panelBg:"transparent"}),W=0,S=[];return k.forEach((F,I)=>{if(!Ka(F)){S.push(F);return}let g=F.props,h=W++,A=h===0,H=h===w-1,B=u||!!g.disabled,M=P??g.variant,E=t?css({width:"100%",marginBottom:0,borderTopLeftRadius:A?T:0,borderTopRightRadius:A?T:0,borderBottomLeftRadius:H?T:0,borderBottomRightRadius:H?T:0}):css({width:"100%",marginBottom:0}),L=!A&&w>1&&t?css({borderTop:`${N} solid ${y}`}):null,z=$?css({border:"1px solid transparent"}):null,O={variant:M,disabled:B,width:"100%",css:[g.css,E,z,L],className:[g.className,"plainframe-ui-accordion-group-item"].filter(Boolean).join(" ")};if(o){let _=g.onChange,D=C===h;O.open=D,O.defaultOpen=void 0,O.onChange=U=>{let X=U?h:null;b||p(X),i?.(X),_?.(U);};}S.push(cloneElement(F,{...g,...O,key:F?.key??I}));}),jsx("div",{ref:v,role:d,"aria-orientation":"vertical","data-attached":t||void 0,"data-exclusive":o||void 0,className:["plainframe-ui-accordion-group",c||""].join(" ").trim(),css:[K,R],children:S})};_a.displayName="AccordionGroup";var jt=e=>typeof e=="number"?`${e}px`:e,Va=({children:e,open:t=true,anchorOrigin:n={horizontal:"center",vertical:"bottom"},direction:o="horizontal",padding:r="sm",gap:s="xs",radius:i="lg",offset:u=0,offsetX:a=0,offsetY:l=0,elevated:c=true,unstyled:d=false,fullWidth:R=false,width:f,height:v,role:k="toolbar","aria-label":x,onClose:w})=>{let b=V(),m=useRef(null),p=useRef(null),C=useRef(false),N=useRef(t),y=n.horizontal??"center",T=n.vertical??"bottom",P=M=>typeof M=="string"?b.spacing[M]??M:M,$=M=>typeof M=="string"?b.radius[M]??M:M,K=jt(P(u)),W=jt(P(a)),S=jt(P(l)),F={position:"fixed",left:0,right:0,top:0,bottom:0,display:"flex",pointerEvents:"none",zIndex:1e3,justifyContent:y==="left"?"flex-start":y==="right"?"flex-end":"center",alignItems:T==="top"?"flex-start":T==="bottom"?"flex-end":"center"},I=()=>`${y==="left"?"left":y==="right"?"right":"center"} ${T==="top"?"top":T==="bottom"?"bottom":"center"}`,g=()=>T==="top"||T==="bottom"?`translateY(${T==="bottom"?100:-100}px) scale(0.98)`:T==="center"?y==="left"?"translateX(-100px) scale(0.98)":y==="right"?"translateX(100px) scale(0.98)":"scale(0.95)":"scale(0.98)",h=()=>T==="center"&&y==="center"?"scale(1)":"translateX(0) translateY(0) scale(1)",A=24,H={margin:A,marginTop:T==="top"?`calc(${A}px + ${K} + ${S})`:A,marginBottom:T==="bottom"?`calc(${A}px + ${K} + ${S})`:A,marginLeft:y==="left"?`calc(${A}px + ${K} + ${W})`:A,marginRight:y==="right"?`calc(${A}px + ${K} + ${W})`:A,padding:d?0:jt(P(r)),background:d?"transparent":b.surface.panelBg,border:d?"none":`1px solid ${b.surface.border}`,borderRadius:d?0:jt($(i)),boxShadow:d||!c?"none":"0 20px 40px rgba(0,0,0,.08)",display:"flex",flexDirection:o==="vertical"?"column":"row",gap:jt(P(s)),transformOrigin:I(),pointerEvents:t?"auto":"none",width:R?"calc(100% - 48px)":f?jt(f):"auto",height:v?jt(v):"auto",maxWidth:R?"100%":"none"},B=css({"& .plainframe-ui-textfield":{flex:1,minWidth:0}});return useLayoutEffect(()=>{let M=m.current;if(!M)return;let E=g(),L=h();if(!C.current){C.current=true,N.current=t,M.style.opacity=t?"1":"0",M.style.transform=t?L:E;return}if(N.current===t){M.style.opacity=t?"1":"0",M.style.transform=t?L:E;return}N.current=t,p.current&&p.current.cancel();let z=t?[{opacity:0,transform:E},{opacity:1,transform:L}]:[{opacity:1,transform:L},{opacity:0,transform:E}];return p.current=M.animate(z,{duration:250,easing:"ease",fill:"forwards"}),()=>{p.current&&p.current.cancel();}},[t,y,T]),useEffect(()=>{if(!t||!w)return;let M=E=>{E.key==="Escape"&&w();};return document.addEventListener("keydown",M),()=>document.removeEventListener("keydown",M)},[t,w]),jsx("div",{css:F,children:jsx("div",{ref:m,css:B,style:H,role:k,"aria-label":x,"aria-hidden":!t,...!t&&{inert:true},children:e})})};Va.displayName="ActionBar";var qa=(e,t,n)=>Math.min(n,Math.max(t,e)),ns=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,Ua=1,zc=keyframes`100% { transform: rotate(360deg); }`,Oc=keyframes`
|
|
5
|
+
${h}{background:var(--pf-surface-appBg);color:var(--pf-text-primary);}`:"")),p();let B=l.get();if($(B),K(B),!s)try{let M=JSON.parse(localStorage.getItem(o)||"{}");localStorage.setItem(o,JSON.stringify({...M,primary:g}));}catch{}},[v,k,r,s,l,c,p,$,K]),I=jsx(Pa.Provider,{value:{light:v,dark:k},children:jsx(Sa.Provider,{value:l,children:jsx(Ma.Provider,{value:c,children:jsx(Fa.Provider,{value:{setMode:W,toggleMode:S},children:jsx(Aa.Provider,{value:{setPrimary:F},children:jsx(ThemeProvider,{theme:yc(v),children:e})})})})})});return s?jsx("div",{ref:d,"data-pfui-scope":r,style:{background:"var(--pf-surface-appBg)",color:"var(--pf-text-primary)"},children:I}):jsx("div",{ref:d,children:I})};function yc(e){let t=(l,c)=>Object.fromEntries(Object.keys(l).map(d=>[d,c(d)])),n=t(e.spacing,l=>`var(--pf-space-${l})`),o=t(e.radius,l=>`var(--pf-radius-${l})`),r=t(e.typography.sizes,l=>`var(--pf-fontSize-${l})`),s=t(e.componentHeights,l=>`var(--pf-cmph-${l})`),i={sans:"var(--pf-font-sans)",mono:"var(--pf-font-mono)"},u=t(e.neutral,l=>`var(--pf-neutral-${l})`),a={};return Object.keys(e.palette).forEach(l=>{a[l]={},Object.keys(e.palette[l]).forEach(c=>{a[l][c]=`var(--pf-palette-${l}-${c})`;});}),a.primary=Object.fromEntries(["0","50","100","200","300","400","500","600","700","800","900"].map(l=>[l,`var(--pf-primary-${l})`])),{...e,spacing:n,radius:o,componentHeights:s,typography:{fonts:i,sizes:r},neutral:u,palette:a,surface:{appBg:"var(--pf-surface-appBg)",panelBg:"var(--pf-surface-panelBg)",subtleBg:"var(--pf-surface-subtleBg)",panelHover:"var(--pf-surface-panelHover)",subtleHover:"var(--pf-surface-subtleHover)",overlayBg:"var(--pf-surface-overlayBg)",border:"var(--pf-surface-border)"},text:{primary:"var(--pf-text-primary)",secondary:"var(--pf-text-secondary)",muted:"var(--pf-text-muted)",onColors:Object.fromEntries(Object.keys(an(e.text.onColors)).map(l=>[l,`var(--pf-text-on-${l})`]))}}}var xc=(e,t)=>{let n=e?.palette??{};return !t||t==="neutral"?"neutral":n[t]?t:"neutral"},Da=(e,t)=>{let n=xc(e,t);if(n==="neutral")return {soft:"var(--pf-focus-soft)",main:"var(--pf-focus-main)"};let o=e?.palette?.[n];return o?{soft:o[300]??"transparent",main:o[600]??o[500]??"currentColor"}:{soft:"var(--pf-focus-soft)",main:"var(--pf-focus-main)"}};function xe(){let e=V();return t=>{if(!((t?.enabled??true)&&!t?.disabled)||t?.mode==="none")return css({});let{soft:o,main:r}=Da(e,t?.color),s=t?.haloWidth??3,i=t?.offset??0,u=t?.mode==="always"?"&:focus":"&:focus-visible",a={transition:"box-shadow .16s ease, border-color 0s ease, outline-color 0s ease, outline-offset .16s ease",":root.pf-mode-switching &":{transition:"none !important"},"&[disabled], &[aria-disabled='true'], &[data-disabled='true']":{boxShadow:"none !important"}};return a[u]={boxShadow:`0 0 0 ${s}px ${o}`,borderColor:r,outlineColor:r,outlineOffset:i,zIndex:1e4},css(a)}}function Xo(){let e=V();return t=>{if(!((t?.enabled??true)&&!t?.disabled)||t?.mode==="none")return css({});let{soft:o,main:r}=Da(e,t?.color),s=t?.haloWidth??3,i=t?.offset??0,u=t?.mode==="always"?"&:focus-within":"&:has(:focus-visible)",a={position:"relative",transition:"box-shadow .16s ease, border-color 0s ease, outline-color 0s ease, outline-offset .16s ease",":root.pf-mode-switching &":{transition:"none !important"},"&[disabled], &[aria-disabled='true'], &[data-disabled='true']":{boxShadow:"none !important"}};return a[u]={boxShadow:`0 0 0 ${s}px ${o}`,borderColor:r,outlineColor:r,outlineOffset:i,zIndex:1e3},css(a)}}var $a=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,za=e=>{let t=e.type;return t?.__PFUI_SLOT||t?.displayName||t?.name||""},es=forwardRef(({children:e,expandIcon:t,expandIconPosition:n="right",hideExpandIcon:o=false,className:r,css:s,expandIconCss:i},u)=>{let a=V(),l=a.typography.sizes.sm,c=20,d=10,R=a.spacing.lg,f=a.spacing.md,v=Number(a.componentHeights?.md),k=a.text,y=css({display:"flex",alignItems:"center",outline:"none",userSelect:"none",fontWeight:500,minHeight:v,padding:`${f} ${R}`,gap:d,fontSize:l,color:k.primary}),w=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",display:"flex",alignItems:"center",gap:8}),b=css({marginRight:0,marginLeft:-2,lineHeight:0,color:a.text.secondary}),m=css({marginLeft:5,marginRight:-2,lineHeight:0,color:a.text.secondary});return jsxs("div",{ref:u,role:"presentation",tabIndex:-1,className:["plainframe-ui-accordion-summary",r||""].join(" ").trim(),css:[y,s],children:[!o&&n==="left"&&jsx("span",{className:"plainframe-ui-accordion-icon plainframe-ui-accordion-icon-left",css:[b,i],children:t??jsx(ChevronDown,{strokeWidth:2,css:{width:c,height:c}})}),jsx("span",{className:"plainframe-ui-accordion-content",css:w,children:e}),!o&&n==="right"&&jsx("span",{className:"plainframe-ui-accordion-icon plainframe-ui-accordion-icon-right",css:[m,i],children:t??jsx(ChevronDown,{strokeWidth:2,css:{width:c,height:c}})})]})});es.__PFUI_SLOT="AccordionSummary";es.displayName="AccordionSummary";var ts=({children:e,className:t,css:n})=>{let o=V(),r=o.typography.sizes.sm,s=o.spacing.lg,i="0.15rem",u=o.spacing.md,a=css({padding:`${i} ${s} ${u} ${s}`,fontSize:r,boxSizing:"border-box",minHeight:0});return jsx("div",{className:["plainframe-ui-accordion-details",t||""].join(" ").trim(),css:[a,n],tabIndex:-1,children:e})};ts.__PFUI_SLOT="AccordionDetails";ts.displayName="AccordionDetails";var Oa=({open:e,defaultOpen:t=false,onChange:n,className:o,variant:r="subtle",disabled:s=false,width:i,fullWidth:u=false,css:a,children:l})=>{let c=V(),d=useId(),R=useId(),f=c.radius?.md,v=c.text,k=c.componentHeights?.border??1,y=$a(k)??"1px",w=e!==void 0,[b,m]=useState(!!t),p=w?!!e:b,C=xe(),[N,x]=useState(0),[T,P]=useState(false),$=useRef(null),K=useRef(null),W=useRef(null),S=()=>{if(!p)return;let D=document.activeElement;K.current?.contains(D)&&W.current?.focus();},F=()=>{s||(S(),w?n?.(!e):m(D=>{let U=!D;return n?.(U),U}));},I=me.Children.toArray(l).filter(D=>isValidElement(D)),g=I.findIndex(D=>za(D)==="AccordionSummary"),h=I.findIndex(D=>za(D)==="AccordionDetails");g===-1&&I.length&&(g=0),h===-1&&(h=I.findIndex((D,U)=>U!==g),h===-1&&I.length>=2&&(h=1));let A=I[g]??null,H=I[h]??null,B=r==="subtle"?c.surface.subtleBg:r==="outlined"?c.surface.panelBg:"transparent",M=css({backgroundColor:B,color:v.primary,borderRadius:f,border:r==="outlined"?`${y} solid ${c.surface.border}`:"none",outline:"none",marginBottom:c.spacing.sm,maxWidth:i!=null?$a(i):void 0,width:u?"100%":i!=null?void 0:"auto",boxSizing:"border-box",opacity:s?.55:1,cursor:s?"not-allowed":void 0});useLayoutEffect(()=>{let D=$.current;D&&x(D.scrollHeight);},[p,l]),useEffect(()=>{let D=$.current;if(!D)return;let U=new ResizeObserver(()=>x(D.scrollHeight));return U.observe(D),()=>U.disconnect()},[]),useEffect(()=>{N>0&&!T&&P(true);},[N,T]),useLayoutEffect(()=>{if(!p&&K.current){let D=document.activeElement;K.current.contains(D)&&W.current?.focus();}},[p]),useLayoutEffect(()=>{let D=K.current;if(!D)return;let U=Array.from(D.querySelectorAll("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, [tabindex]"));p?(U.forEach(X=>{let ae=X.dataset.accordionTabindex;ae!=null&&(ae===""?X.removeAttribute("tabindex"):X.tabIndex=Number(ae),delete X.dataset.accordionTabindex);}),D.removeAttribute("inert")):(U.forEach(X=>{X.dataset.accordionTabindex==null&&(X.dataset.accordionTabindex=X.hasAttribute("tabindex")?X.getAttribute("tabindex")??"":""),X.tabIndex=-1;}),D.setAttribute("inert",""));},[p]);let E=css({maxHeight:p?N||"none":0,overflow:p&&!T?"visible":"hidden",transition:T?"max-height 0.36s cubic-bezier(.25,.8,.4,1)":"none",willChange:T?"max-height":void 0}),L=css({opacity:p?1:0,transform:p?"translateY(0)":"translateY(1rem)",transition:T?"transform 0.28s ease, opacity 0.28s ease":"none"}),z=css({"& .plainframe-ui-accordion-icon":{transition:"transform 0.3s cubic-bezier(.6,1.3,.5,1)",transform:p?"rotate(180deg)":"rotate(0deg)"}}),O=A&&cloneElement(A,{...typeof A.props=="object"&&A.props?A.props:{},className:[A.props?.className,"plainframe-ui-accordion-summary-managed"].filter(Boolean).join(" ")}),_=H;return jsxs("div",{className:["plainframe-ui-accordion",`plainframe-ui-accordion-${r}`,o||""].join(" ").trim(),"data-variant":r,"data-open":p?"true":"false","data-disabled":s?"true":"false",css:[C(),M,a],tabIndex:s?-1:0,ref:W,role:"button","aria-expanded":p,"aria-controls":d,"aria-labelledby":R,"aria-disabled":s||void 0,onClick:D=>{D.detail===0&&document.activeElement!==W.current||F();},onKeyDown:D=>{s||document.activeElement===W.current&&D.target===W.current&&(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),F());},children:[jsx("div",{id:R,className:"plainframe-ui-accordion-summary-wrapper",css:[css({cursor:s?"not-allowed":"pointer"}),z],children:O}),jsx("div",{id:d,"aria-hidden":!p,className:"plainframe-ui-accordion-details-clip",css:E,tabIndex:-1,ref:K,onClick:D=>D.stopPropagation(),children:jsx("div",{ref:$,className:"plainframe-ui-accordion-details-inner",css:L,children:_})})]})};Oa.displayName="Accordion";var Fc=e=>isValidElement(e),Ac=e=>Fc(e)?e.type?.displayName||e.type?.name:void 0,Ka=e=>Ac(e)==="Accordion",Pc=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Nc=(e,t=1)=>e==null?`${t}px`:typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,_a=({children:e,attached:t=false,variant:n,exclusive:o=false,openIndex:r,defaultOpenIndex:s,onOpenIndexChange:i,disabled:u=false,width:a,fullWidth:l=false,className:c,role:d="group",css:R})=>{let f=V(),v=useRef(null),k=Children.toArray(e),y=k.filter(Ka),w=y.length,b=o&&r!==void 0,[m,p]=useState(()=>{if(!o)return null;if(s!==void 0)return s;for(let F=0;F<y.length;F++){let I=y[F].props;if(I.open||I.defaultOpen)return F}return null}),C=o?b?r??null:m:null,N=Nc(f.componentHeights?.border,1),x=f.surface.border,T=f.radius.md,P=n,$=P==="outlined";useEffect(()=>{let F=v.current;if(!F)return;let I=g=>{if(g.key!=="ArrowDown"&&g.key!=="ArrowUp"&&g.key!=="Home"&&g.key!=="End")return;let A=Array.from(F.querySelectorAll(".plainframe-ui-accordion")).filter(E=>E.getAttribute("data-disabled")!=="true");if(A.length===0)return;let H=document.activeElement,B=A.findIndex(E=>E.contains(H));if(B===-1)return;g.preventDefault();let M=B;g.key==="ArrowDown"?M=(B+1)%A.length:g.key==="ArrowUp"?M=(B-1+A.length)%A.length:g.key==="Home"?M=0:g.key==="End"&&(M=A.length-1),A[M]?.focus();};return F.addEventListener("keydown",I),()=>F.removeEventListener("keydown",I)},[w]);let K=css({display:"flex",flexDirection:"column",maxWidth:a!=null?Pc(a):void 0,width:l?"100%":a!=null?void 0:"auto",gap:t?0:f.spacing.sm,border:t&&$?`${N} solid ${x}`:"none",borderRadius:t&&$?T:void 0,background:t&&$?f.surface.panelBg:"transparent"}),W=0,S=[];return k.forEach((F,I)=>{if(!Ka(F)){S.push(F);return}let g=F.props,h=W++,A=h===0,H=h===w-1,B=u||!!g.disabled,M=P??g.variant,E=t?css({width:"100%",marginBottom:0,borderTopLeftRadius:A?T:0,borderTopRightRadius:A?T:0,borderBottomLeftRadius:H?T:0,borderBottomRightRadius:H?T:0}):css({width:"100%",marginBottom:0}),L=!A&&w>1&&t?css({borderTop:`${N} solid ${x}`}):null,z=$?css({border:"1px solid transparent"}):null,O={variant:M,disabled:B,width:"100%",css:[g.css,E,z,L],className:[g.className,"plainframe-ui-accordion-group-item"].filter(Boolean).join(" ")};if(o){let _=g.onChange,D=C===h;O.open=D,O.defaultOpen=void 0,O.onChange=U=>{let X=U?h:null;b||p(X),i?.(X),_?.(U);};}S.push(cloneElement(F,{...g,...O,key:F?.key??I}));}),jsx("div",{ref:v,role:d,"aria-orientation":"vertical","data-attached":t||void 0,"data-exclusive":o||void 0,className:["plainframe-ui-accordion-group",c||""].join(" ").trim(),css:[K,R],children:S})};_a.displayName="AccordionGroup";var jt=e=>typeof e=="number"?`${e}px`:e,Va=({children:e,open:t=true,anchorOrigin:n={horizontal:"center",vertical:"bottom"},direction:o="horizontal",padding:r="sm",gap:s="xs",radius:i="lg",offset:u=0,offsetX:a=0,offsetY:l=0,elevated:c=true,unstyled:d=false,fullWidth:R=false,width:f,height:v,role:k="toolbar","aria-label":y,onClose:w})=>{let b=V(),m=useRef(null),p=useRef(null),C=useRef(false),N=useRef(t),x=n.horizontal??"center",T=n.vertical??"bottom",P=M=>typeof M=="string"?b.spacing[M]??M:M,$=M=>typeof M=="string"?b.radius[M]??M:M,K=jt(P(u)),W=jt(P(a)),S=jt(P(l)),F={position:"fixed",left:0,right:0,top:0,bottom:0,display:"flex",pointerEvents:"none",zIndex:1e3,justifyContent:x==="left"?"flex-start":x==="right"?"flex-end":"center",alignItems:T==="top"?"flex-start":T==="bottom"?"flex-end":"center"},I=()=>`${x==="left"?"left":x==="right"?"right":"center"} ${T==="top"?"top":T==="bottom"?"bottom":"center"}`,g=()=>T==="top"||T==="bottom"?`translateY(${T==="bottom"?100:-100}px) scale(0.98)`:T==="center"?x==="left"?"translateX(-100px) scale(0.98)":x==="right"?"translateX(100px) scale(0.98)":"scale(0.95)":"scale(0.98)",h=()=>T==="center"&&x==="center"?"scale(1)":"translateX(0) translateY(0) scale(1)",A=24,H={margin:A,marginTop:T==="top"?`calc(${A}px + ${K} + ${S})`:A,marginBottom:T==="bottom"?`calc(${A}px + ${K} + ${S})`:A,marginLeft:x==="left"?`calc(${A}px + ${K} + ${W})`:A,marginRight:x==="right"?`calc(${A}px + ${K} + ${W})`:A,padding:d?0:jt(P(r)),background:d?"transparent":b.surface.panelBg,border:d?"none":`1px solid ${b.surface.border}`,borderRadius:d?0:jt($(i)),boxShadow:d||!c?"none":"0 20px 40px rgba(0,0,0,.08)",display:"flex",flexDirection:o==="vertical"?"column":"row",gap:jt(P(s)),transformOrigin:I(),pointerEvents:t?"auto":"none",width:R?"calc(100% - 48px)":f?jt(f):"auto",height:v?jt(v):"auto",maxWidth:R?"100%":"none"},B=css({"& .plainframe-ui-textfield":{flex:1,minWidth:0}});return useLayoutEffect(()=>{let M=m.current;if(!M)return;let E=g(),L=h();if(!C.current){C.current=true,N.current=t,M.style.opacity=t?"1":"0",M.style.transform=t?L:E;return}if(N.current===t){M.style.opacity=t?"1":"0",M.style.transform=t?L:E;return}N.current=t,p.current&&p.current.cancel();let z=t?[{opacity:0,transform:E},{opacity:1,transform:L}]:[{opacity:1,transform:L},{opacity:0,transform:E}];return p.current=M.animate(z,{duration:250,easing:"ease",fill:"forwards"}),()=>{p.current&&p.current.cancel();}},[t,x,T]),useEffect(()=>{if(!t||!w)return;let M=E=>{E.key==="Escape"&&w();};return document.addEventListener("keydown",M),()=>document.removeEventListener("keydown",M)},[t,w]),jsx("div",{css:F,children:jsx("div",{ref:m,css:B,style:H,role:k,"aria-label":y,"aria-hidden":!t,...!t&&{inert:true},children:e})})};Va.displayName="ActionBar";var qa=(e,t,n)=>Math.min(n,Math.max(t,e)),ns=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,Ua=1,zc=keyframes`100% { transform: rotate(360deg); }`,Oc=keyframes`
|
|
6
6
|
0% { left: -35%; right: 100%; }
|
|
7
7
|
60% { left: 100%; right: -90%; }
|
|
8
8
|
100% { left: 100%; right: -90%; }
|
|
@@ -10,14 +10,14 @@ ${h}{background:var(--pf-surface-appBg);color:var(--pf-text-primary);}`:"")),p()
|
|
|
10
10
|
0% { left: -200%; right: 100%; }
|
|
11
11
|
60% { left: 107%; right: -8%; }
|
|
12
12
|
100% { left: 107%; right: -8%; }
|
|
13
|
-
`,Kc=e=>e.startsWith("#")||e.startsWith("rgb(")||e.startsWith("rgba(")||e.startsWith("hsl(")||e.startsWith("hsla(")||e.startsWith("oklch(")||e.startsWith("lab(")||e.startsWith("color(")||e.startsWith("var("),_c=new Set(["0","50","100","200","300","400","500","600","700","800","900"]);function jc(e,t){if(!t||t.trim()==="")return e.text.primary;let n=t.trim();if(Kc(n))return n;let o=n.match(/^([a-zA-Z0-9_-]+)[\.\-:\s]?([0-9]{1,3})?$/);if(o){let r=o[1],s=o[2]&&_c.has(o[2])?o[2]:"600";if(r==="primary"&&e.palette.primary?.[s])return e.palette.primary[s];let i=e.palette[r];if(i&&i[s]!=null)return i[s];if(r==="neutral"||r==="secondary"&&e.neutral[s]!=null)return e.neutral[s]}return e.palette.primary[600]}var no=me.memo(({variant:e="circular",value:t,min:n=0,max:o=100,color:r,size:s,thickness:i,spinDuration:u=.75,wrapperCss:a,trackCss:l,barCss:c,circleCss:d,"aria-label":R})=>{let f=V(),v=typeof t=="number",k=Math.max(o-n,1),x=v?qa(t,n,o):void 0,w=v?(x-n)/k*100:void 0,b=jc(f,r),m=f.surface.subtleBg,p=f.radius?.md;return e==="circular"?jsx(Uc,{size:s,active:b,isDeterminate:v,percent:w,spinDuration:u,wrapperCss:a,trackCss:l,circleCss:d,ariaLabel:R,thickness:i}):jsx(Vc,{thickness:i,active:b,track:m,radius:p,isDeterminate:v,percent:w,wrapperCss:a,trackCss:l,barCss:c,ariaLabel:R,min:n,max:o,value:x})}),Vc=({thickness:e=4,active:t,track:n,radius:o,isDeterminate:r,percent:s,wrapperCss:i,trackCss:u,barCss:a,ariaLabel:l,min:c,max:d,value:R})=>{let f=o==null?"8px":typeof o=="number"?`${o}px`:String(o),v=css([{display:"inline-block",width:"100%"},...Array.isArray(i)?i:i?[i]:[]]),k=css([{position:"relative",width:"100%",height:ns(e,"6px"),backgroundColor:n,borderRadius:f,overflow:"hidden"},...Array.isArray(u)?u:u?[u]:[]]),x=r?Math.max(s??0,Ua):Ua,w=css([{position:"absolute",inset:0,backgroundColor:t,borderRadius:"inherit",transformOrigin:"left",transform:`scaleX(${x/100})`,transition:"transform 160ms cubic-bezier(.2,0,.2,1)",willChange:"transform"},...Array.isArray(a)?a:a?[a]:[]]),b={position:"absolute",top:0,bottom:0,backgroundColor:t,borderRadius:"inherit",willChange:"left,right","@media (prefers-reduced-motion: reduce)":{animation:"none"}},m=css([{...b,left:"-35%",right:"100%",animation:`${Oc} 2.1s cubic-bezier(.65,.815,.735,.395) infinite`},...Array.isArray(a)?a:a?[a]:[]]),p=css([{...b,left:"-200%",right:"100%",animation:`${Wc} 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite`},...Array.isArray(a)?a:a?[a]:[]]),C=r?{role:"progressbar","aria-valuemin":c,"aria-valuemax":d,"aria-valuenow":R}:{role:"progressbar","aria-busy":true};return l&&(C["aria-label"]=l),jsx("span",{css:v,...C,children:jsx("div",{className:"plainframe-ui-progress-linear-track",css:k,children:r?jsx("div",{className:"plainframe-ui-progress-linear-fill",css:w}):jsxs(Fragment,{children:[jsx("div",{className:"plainframe-ui-progress-linear-runner1",css:m}),jsx("div",{className:"plainframe-ui-progress-linear-runner2",css:p})]})})})},Uc=({size:e,thickness:t=4,active:n,isDeterminate:o,percent:r,spinDuration:s,wrapperCss:i,trackCss:u,circleCss:a,ariaLabel:l})=>{let c=V(),d=40,R=(d-t)/2,f=2*Math.PI*R,k=`${(o?qa((r??0)/100,.01,1):.7)*f} ${f}`,x=css([{display:"inline-block",width:ns(e,`${c.componentHeights.md}`),height:ns(e,`${c.componentHeights.md}`)},...Array.isArray(i)?i:i?[i]:[]]),w=css([{width:"100%",height:"100%",transform:"rotate(-90deg)",transformBox:"fill-box",transformOrigin:"50% 50%"},...Array.isArray(u)?u:u?[u]:[]]),b=css([{stroke:n,strokeLinecap:"butt",strokeDasharray:k,strokeDashoffset:0,transition:o?"stroke-dasharray 160ms cubic-bezier(.2,0,.2,1)":"none",transformBox:"fill-box",transformOrigin:"50% 50%",fill:"none",willChange:o?"stroke-dasharray":"transform",animation:o?"none":`${zc} ${s}s linear infinite`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}},...Array.isArray(a)?a:a?[a]:[]]),m=o?{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r??0)}:{role:"progressbar","aria-busy":true};return l&&(m["aria-label"]=l),jsx("span",{css:x,className:"plainframe-ui-progress-circular",...m,children:jsx("svg",{css:w,viewBox:`0 0 ${d} ${d}`,focusable:"false","aria-hidden":true,children:jsx("circle",{cx:d/2,cy:d/2,r:R,strokeWidth:t,css:b})})})};var Ya=createContext(null),Ja=()=>{let e=useContext(Ya);if(!e)throw new Error("AlertTitle and AlertDescription must be used inside <Alert>.");return e},nu=css({display:"flex",flexDirection:"column",textAlign:"left",minWidth:0,flex:1}),ou=css({lineHeight:0,display:"flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto"}),ru=css({display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",background:"transparent",padding:0,cursor:"pointer",lineHeight:0,transition:"opacity 140ms ease","&:disabled":{cursor:"not-allowed",opacity:.5}}),Za=forwardRef(function({intent:t="neutral",variant:n="soft",intentIcon:o,closeIcon:r,onClose:s,width:i="100%",size:u="md",loading:a=false,css:l,children:c,...d},R){let f=V(),v=useId(),k=useId(),x=useMemo(()=>{let F={sm:{paddingX:f.spacing?.md,paddingY:f.spacing?.md,gap:f.spacing?.sm,radius:f.radius?.md,fontSize:f.typography?.sizes?.xs,titleWeight:600,iconSize:16},md:{paddingX:f.spacing?.lg,paddingY:f.spacing?.lg,gap:f.spacing?.md,radius:f.radius?.md,fontSize:f.typography?.sizes?.sm,titleWeight:600,iconSize:20},lg:{paddingX:f.spacing?.lg,paddingY:f.spacing?.lg,gap:f.spacing?.md,radius:f.radius?.md,fontSize:f.typography?.sizes?.md,titleWeight:600,iconSize:24}};return ["sm","md","lg"].includes(u)?F[u]:F.md},[u,f.typography,f.radius,f.spacing]),w=f.palette??{},b=f.neutral??{},m=useMemo(()=>{let I=(E=>E==="danger"?w.danger??w.error??b:E==="warning"?w.warning??b:E==="success"?w.success??b:E==="info"?w.info??w.primary??b:b)(t),g=I?.[50]??b[50],h=I?.[300]??b[300],A=I?.[600]??I?.[500]??b[600],H=I?.[700]??A,B=I?.[800]??f.text?.primary??"#000",M=f.text?.onColors?.[t]??f.text?.onColors?.primary??f.text?.primary??"#fff";return n==="filled"?{bg:A,fg:M,border:void 0,iconColor:M}:n==="outlined"?{bg:g,fg:B,border:`1px solid ${h}`,iconColor:B}:n==="ghost"?{bg:"transparent",fg:H,border:"none",iconColor:H}:{bg:g,fg:B,border:void 0,iconColor:H}},[t,n,b,w,f.text]),p=t==="danger"||t==="warning"?"alert":"status",C=useMemo(()=>a?jsx(no,{variant:"circular",color:m.iconColor,size:x.iconSize/1.25,thickness:4.5}):o??(t==="danger"?jsx(CircleAlert,{css:{width:x.iconSize,height:x.iconSize},color:m.iconColor}):t==="warning"?jsx(TriangleAlert,{css:{width:x.iconSize,height:x.iconSize},color:m.iconColor}):t==="success"?jsx(CircleCheckBig,{css:{width:x.iconSize,height:x.iconSize},color:m.iconColor}):jsx(Info,{css:{width:x.iconSize,height:x.iconSize},color:m.iconColor})),[a,o,t,x.iconSize,m.iconColor]),N=useMemo(()=>css({display:"flex",alignItems:"flex-start",justifyContent:"space-between",padding:`${x.paddingY} ${x.paddingX}`,gap:x.gap,borderRadius:x.radius,backgroundColor:m.bg,color:m.fg,border:m.border,fontSize:x.fontSize,fontWeight:500,maxWidth:typeof i=="number"?`${i}px`:i,width:"100%"}),[m.bg,m.border,m.fg,x.fontSize,x.gap,x.paddingX,x.paddingY,x.radius,i]),y=useMemo(()=>css({display:"flex",alignItems:"flex-start",gap:x.gap,minWidth:0,flex:1}),[x.gap]),T=useMemo(()=>[ou,{color:m.iconColor}],[m.iconColor]),P=useMemo(()=>css({display:"flex",alignItems:"center",gap:x.gap,marginLeft:x.gap,flex:"0 0 auto"}),[x.gap]),$=useMemo(()=>[ru,{color:m.fg}],[m.fg]),K=useMemo(()=>({fg:m.fg,iconColor:m.iconColor,s:x,titleId:v,descId:k}),[m.fg,m.iconColor,x,v,k]),W=me.Children.toArray(c).some(F=>me.isValidElement(F)&&F.type===ss),S=me.Children.toArray(c).some(F=>me.isValidElement(F)&&F.type===as);return jsx(Ya.Provider,{value:K,children:jsxs("div",{ref:R,role:p,"aria-live":p==="alert"?"assertive":"polite","aria-atomic":"true","aria-busy":a,"aria-labelledby":W?v:void 0,"aria-describedby":S?k:void 0,className:`plainframe-ui-alert plainframe-ui-alert-${t} plainframe-ui-alert-${n}`,css:[N,l],...d,children:[jsxs("div",{className:"plainframe-ui-alert-left",css:y,children:[C&&jsx("span",{className:"plainframe-ui-alert-icon",css:T,children:C}),jsx("div",{className:"plainframe-ui-alert-content",css:nu,children:c})]}),s&&jsx("div",{className:"plainframe-ui-alert-actions",css:P,children:jsx("button",{type:"button","aria-label":"Close alert",onClick:s,disabled:a,className:"plainframe-ui-alert-close",css:$,children:r??jsx(X,{strokeWidth:2,size:x.iconSize-2})})})]})})});Za.displayName="Alert";var ss=forwardRef(function({children:t,css:n,...o},r){let{fg:s,s:i,titleId:u}=Ja(),a=useMemo(()=>css({color:s,fontWeight:i.titleWeight,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),[s,i.titleWeight]);return jsx("span",{ref:r,id:u,className:"plainframe-ui-alert-title",css:[a,n],...o,children:t})});ss.displayName="AlertTitle";var as=forwardRef(function({children:t,css:n,...o},r){let{fg:s,descId:i}=Ja(),u=useMemo(()=>css({color:s,marginTop:2,lineHeight:1.35,wordBreak:"break-word"}),[s]);return jsx("span",{ref:r,id:i,className:"plainframe-ui-alert-desc",css:[u,n],...o,children:t})});as.displayName="AlertDescription";var is=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Gt=e=>e==null?[]:Array.isArray(e)?e:[e],Xt=(...e)=>css(e.filter(Boolean));function ei(e,t,n="currentColor"){if(!isValidElement(e))return e;let o=e.props,r={};o.size==null&&(r.size=t),o.color==null&&(r.color=n);let s=o.style;return s?.fontSize==null&&(r.style={...s||{},fontSize:t}),cloneElement(e,{...o,...r})}var Zo=me.memo(forwardRef(function({label:t,value:n,defaultValue:o="",onChange:r,placeholder:s,error:i,helperText:u,disabled:a=false,fullWidth:l=false,width:c=250,size:d="md",variant:R="subtle",rounded:f=false,startIcon:v,endIcon:k,togglePasswordVisible:x=false,showClear:w,type:b="text",step:m,focusRingMode:p="always",className:C,wrapperCss:N,inputCss:y,labelCss:T,helperRowCss:P,helperTextCss:$,startIconCss:K,endIconCss:W,css:S,onBlur:F,onFocus:I,onKeyDown:g,autoFocus:h,name:A,id:H,tabIndex:B,autoComplete:M,readOnly:E,required:L,maxLength:z,onSurfaceClick:O},_){let D=V(),U=Xo(),X$1=useId(),se=useMemo(()=>{let ce={sm:{fontSize:D.typography.sizes.sm,minHeight:D.componentHeights.sm,labelFont:D.typography.sizes.xs,helperFont:D.typography.sizes.xs,width:"12.5rem",paddingY:0,paddingX:D.spacing.md,iconSize:D.typography.sizes.xs,codeFontSize:21},md:{fontSize:D.typography.sizes.sm,minHeight:D.componentHeights.md,labelFont:D.typography.sizes.sm,helperFont:D.typography.sizes.xs,width:"15rem",paddingY:0,paddingX:D.spacing.md,iconSize:D.typography.sizes.xs,codeFontSize:24},lg:{fontSize:D.typography.sizes.sm,minHeight:D.componentHeights.lg,labelFont:D.typography.sizes.md,helperFont:D.typography.sizes.sm,width:"18.125rem",paddingY:0,paddingX:D.spacing.md,iconSize:D.typography.sizes.xs,codeFontSize:28}},ke=["sm","md","lg"].includes(d)?d:"md";return ce[ke]},[d,D]),q=D.neutral,Y=D.text,le=b==="number",ie=b==="password",be=n!==void 0,[Pe,Re]=useState(o),Ce=be?n:Pe,Ie=useCallback(ce=>{be||Re(ce),r?.(ce);},[be,r]),Te=/^-?\d*(?:[.,]\d*)?$/,we=le&&(m!=null&&String(m).includes(".")||/[.,]/.test(Ce??"")),he=le?we?"decimal":"numeric":void 0,je=le?we?"[0-9]*[.,]?[0-9]*":"[0-9]*":void 0,Z=useCallback(ce=>{(ce===""||Te.test(ce))&&Ie(ce);},[Ie]),Ee=a?q[200]:i&&R==="outlined"?D.palette.danger?.[50]??D.surface.panelBg:i&&R==="subtle"?D.palette.danger?.[50]??D.surface.subtleBg:R==="outlined"?D.surface.panelBg:R==="subtle"?D.surface.subtleBg:"transparent",Q=D.componentHeights.border,ee=R==="outlined"?`${Q} solid ${i?D.palette.danger?.[300]??D.surface.border:D.surface.border}`:"none",ae=Xt({boxSizing:"border-box",display:"block",minWidth:0,width:"100%",maxWidth:l?"100%":c!=null?is(c):void 0,flex:"0 0 auto",fontWeight:500}),pe=useMemo(()=>Xt({fontSize:se.labelFont,fontWeight:500,color:i?D.palette.danger?.[700]??Y.primary:a?q[500]:Y.primary,marginBottom:4,display:"inline-block"},...Gt(T)),[se.labelFont,i,a,q,Y,D.palette.danger,T]),Se=useMemo(()=>Xt({display:"flex",alignItems:"center",gap:D.spacing.sm,padding:`${is(se.paddingY)} ${is(se.paddingX)}`,background:Ee,border:ee,borderRadius:f?D.radius.full:D.radius.md,minHeight:se.minHeight,boxSizing:"border-box",width:"100%",cursor:a?"not-allowed":"text",opacity:a?.65:1,transition:"box-shadow .18s, border-color .16s"},...Gt(N),...Gt(S)),[D,se.minHeight,se.paddingX,se.paddingY,Ee,ee,f,a,N,S]),Ne=useMemo(()=>Xt({flex:1,minWidth:0,fontSize:se.fontSize,fontWeight:500,fontFamily:"inherit",color:a?q[500]:i?D.palette.danger?.[800]??Y.primary:Y.primary,background:"transparent",border:"none",outline:"none",padding:0,lineHeight:1.25,cursor:a?"not-allowed":"text",appearance:le?"textfield":"auto","&::placeholder":{color:i?D.palette.danger?.[700]??Y.secondary:Y.secondary},"&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus":{WebkitTextFillColor:`${i?D.palette.danger?.[800]??Y.primary:Y.primary} !important`,boxShadow:`0 0 0 1000px ${Ee} inset !important`,transition:"opacity 99999s ease-out",caretColor:i?D.palette.danger?.[800]??Y.primary:Y.primary},":focus-within":{outline:"none",border:"none",boxShadow:"none"}},...Gt(y)),[se.fontSize,a,q,Y,i,D.palette.danger,le,Ee,y]),J=useMemo(()=>Xt({display:"inline-flex",alignItems:"center",color:i?D.palette.danger?.[800]??Y.secondary:Y.secondary,marginLeft:-3},...Gt(K)),[i,D.palette.danger,Y.secondary,K]),oe=useMemo(()=>Xt({display:"inline-flex",alignItems:"center",color:i?D.palette.danger?.[800]??Y.secondary:Y.secondary,border:"none",background:"transparent",lineHeight:0,cursor:"inherit",padding:0},...Gt(W)),[i,D.palette.danger,Y.secondary,a,W]),re=useMemo(()=>Xt({minHeight:16,fontSize:se.helperFont,color:i?D.palette.danger?.[700]??Y.secondary:Y.secondary,paddingTop:3,display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:8,width:"100%"},...Gt(P)),[se.helperFont,i,D.palette.danger,Y.secondary,P]),qe=useMemo(()=>Xt({flex:1,wordBreak:"break-word",whiteSpace:"pre-wrap",minWidth:0,fontWeight:400},...Gt($)),[$]),j=useRef(null),ue=useCallback(ce=>{j.current=ce,_&&(typeof _=="function"?_(ce):_.current=ce);},[_]),de=useCallback(ce=>{let ke=ce.target.value;if(le){Z(ke);return}z&&ke.length>z||Ie(ke);},[le,z,Ie,Z]),[fe,ze]=useState(false),Oe=useCallback(()=>{a||ze(ce=>!ce);},[a]),st=useCallback(()=>{a||(Ie(""),j.current?.focus());},[a,Ie]),Ye=useMemo(()=>{let ce=se.fontSize;if(typeof ce=="number")return ce;let ke=parseFloat(String(ce));return Number.isFinite(ke)?ke:16},[se.fontSize]),yt=useMemo(()=>v?jsx("span",{css:J,children:ei(v,Ye)}):null,[v,J,Ye]),tn=useMemo(()=>css({display:"flex",alignItems:"center",gap:4}),[]),nn=useMemo(()=>{let ce=[];if(ie&&x){let bt=fe?jsx(Eye,{strokeWidth:2.5,size:Ye}):jsx(EyeOff,{strokeWidth:2.5,size:Ye});ce.push(jsx("button",{type:"button",css:oe,onMouseDown:Zn=>Zn.preventDefault(),onClick:Zn=>{Zn.stopPropagation(),Oe();},tabIndex:-1,"aria-label":fe?"Hide password":"Show password",disabled:a,children:bt},"pw-toggle"));}w&&Ce&&Ce.length>0&&!a&&ce.push(jsx("button",{type:"button",css:oe,onMouseDown:bt=>bt.preventDefault(),onClick:bt=>{bt.stopPropagation(),st();},tabIndex:-1,"aria-label":"Clear",children:jsx(X,{strokeWidth:2.5,size:Ye})},"clear"));let ke=k?jsx("span",{css:oe,children:ei(k,Ye)},"user-end"):null,at=ce.length>0,De=!!ke;return !at&&!De?null:!at&&De?ke:at&&!De?ce.length===1?ce[0]:jsx("span",{css:tn,children:ce}):jsxs("span",{css:tn,children:[ce,ke]})},[ie,x,fe,Ye,oe,tn,a,w,Ce,k,Oe,st]),Sn=u!=null?`${H??X$1}-help`:void 0,on=H??X$1,Je=useCallback(ce=>{if(a)return;ce.stopPropagation();let ke=j.current;if(!ke)return;let at=ce.target;if(!(ke.contains(at)||at.closest("button,[role='button']"))){if(document.activeElement===ke){ce.preventDefault();return}ce.preventDefault();}},[a]),xt=useCallback(ce=>{if(a)return;let ke=j.current;if(ke&&(O?.(ce),document.activeElement!==ke)){ke.focus({preventScroll:true});try{let at=ke.value?.length??0;ke.setSelectionRange?.(at,at);}catch{}}},[a,O]);return jsxs("div",{className:["plainframe-ui-textfield",C||""].join(" ").trim(),css:ae,children:[t&&jsx("label",{htmlFor:on,className:"plainframe-ui-textfield-label",css:pe,children:t}),jsxs("div",{className:"plainframe-ui-textfield-surface",css:[U({enabled:p!=="none",color:i?"danger":void 0}),Se],onPointerDownCapture:Je,onClick:xt,"aria-invalid":!!i||void 0,children:[yt,jsx("input",{ref:ue,id:on,className:"plainframe-ui-textfield-input",css:Ne,type:ie&&!fe?"password":b==="number"?"text":b,inputMode:he,pattern:je,value:Ce,maxLength:le?void 0:z,onChange:le?ce=>Z(ce.target.value):de,placeholder:s||"",disabled:a,onBlur:F,onFocus:I,onKeyDown:g,autoFocus:h,name:A,tabIndex:B,autoComplete:M,readOnly:E,required:L,"aria-invalid":!!i||void 0,"aria-describedby":Sn}),nn]}),u!=null&&jsx("div",{className:"plainframe-ui-textfield-helper-row",css:re,children:jsx("span",{id:Sn,className:"plainframe-ui-textfield-helper-text",css:qe,children:u})})]})}));Zo.displayName="TextField";var Qo=me.createContext("ghost"),Tt=me.createContext(false),si=forwardRef(function({variant:t="ghost",size:n="md",width:o,maxHeight:r,unstyled:s=false,className:i,css:u,children:a,label:l,allItemsTabbable:c=false,...d},R){let f=V(),[v,k]=useState(false),x=useRef(null),w=typeof f.spacing.xs=="number"?`${f.spacing.xs}px`:String(f.spacing.xs),b=t==="outlined"?f.surface.panelBg:t==="subtle"?f.surface.subtleBg??f.neutral[50]:"transparent",m=s?void 0:css({background:b,border:t==="outlined"?`${f.componentHeights.border} solid ${f.surface.border}`:"none",borderRadius:f.radius.lg,"--pfui-panel-pad":w,padding:t==="ghost"?0:"var(--pfui-panel-pad)",color:f.text.primary,width:"100%",maxHeight:r,overflowY:r!=null?"auto":void 0,display:"flex",flexDirection:"column",outline:"none",position:"relative","&[data-keyboard-nav]":{cursor:"none"},"&[data-keyboard-nav] *":{cursor:"none !important",pointerEvents:"none"}}),p=n==="sm",C=useMemo(()=>({isKeyboardNav:v,setIsKeyboardNav:k}),[v]),N=useMemo(()=>({allItemsTabbable:c}),[c]),y=useCallback(I=>Array.from(I.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(g=>{if(g.closest('[role="menu"]')!==I)return false;let h=window.getComputedStyle(g);return h.display!=="none"&&h.visibility!=="hidden"}),[]),T=useCallback(I=>{I.removeAttribute("data-keyboard-nav"),I.querySelectorAll("[data-highlighted]").forEach(g=>g.removeAttribute("data-highlighted")),k(false);},[]),P=useRef(false),$=useCallback(I=>{if(I.target!==I.currentTarget)return;if(P.current){P.current=false;return}let g=I.currentTarget,h=y(g);h.length>0&&(k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(A=>A.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(A=>A.removeAttribute("data-hovered")),h[0].setAttribute("data-highlighted",""),h[0].focus({preventScroll:true}));},[y]),K=useCallback(I=>{let g=I.currentTarget,h=y(g);if(h.length===0)return;if(I.key==="Tab"){P.current=true,g.removeAttribute("data-keyboard-nav"),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),k(false),g.tabIndex=-1,requestAnimationFrame(()=>{g.tabIndex=0,P.current=false;});return}let A=g.querySelector("[data-highlighted]"),H=g.querySelector("[data-hovered]"),B=A||H,M=B?h.indexOf(B):-1;if(I.key==="ArrowDown"||I.key==="ArrowUp"){I.preventDefault(),I.stopPropagation(),k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(z=>z.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(z=>z.removeAttribute("data-hovered")),M===-1&&(M=I.key==="ArrowDown"?-1:h.length);let E=I.key==="ArrowDown"?1:-1,L=(M+E+h.length)%h.length;h[L].setAttribute("data-highlighted",""),h[L].focus({preventScroll:true});return}if(I.key==="Home"){I.preventDefault(),I.stopPropagation(),k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(E=>E.removeAttribute("data-hovered")),h[0].setAttribute("data-highlighted",""),h[0].focus({preventScroll:true});return}if(I.key==="End"){I.preventDefault(),I.stopPropagation(),k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(E=>E.removeAttribute("data-hovered")),h[h.length-1].setAttribute("data-highlighted",""),h[h.length-1].focus({preventScroll:true});return}if(I.key==="Escape"){I.preventDefault(),g.removeAttribute("data-keyboard-nav"),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),k(false),g.blur();return}},[y]),W=useCallback(I=>{let g=I.currentTarget;g.hasAttribute("data-keyboard-nav")&&T(g);},[T]),S=useCallback(I=>{let g=I.currentTarget;g.hasAttribute("data-keyboard-nav")&&T(g);},[T]),F=useCallback(I=>{x.current=I,typeof R=="function"?R(I):R&&(R.current=I);},[R]);return jsx(oo.Provider,{value:C,children:jsx(ro.Provider,{value:N,children:jsx(Tt.Provider,{value:p,children:jsx(Qo.Provider,{value:t,children:jsxs("div",{css:{display:"flex",flexDirection:"column",gap:f.spacing.sm,width:"100%",maxWidth:o},children:[l?jsx("div",{css:{width:"100%",textAlign:"left"},children:jsx("span",{css:{display:"block",color:f.text.secondary,fontSize:f.typography.sizes.xs,fontWeight:600,textTransform:"uppercase",letterSpacing:".04em",padding:typeof f.spacing.sm=="number"?`${f.spacing.sm}px`:f.spacing.sm,paddingTop:0},children:l})}):null,jsx("div",{ref:F,role:"menu","data-keyboard-nav":v?"":void 0,tabIndex:0,"aria-label":l||void 0,className:["plainframe-ui-menu",i||""].join(" ").trim(),css:[m,u],onFocus:$,onKeyDown:K,onPointerMove:W,onPointerDown:S,...d,children:a})]})})})})})});si.displayName="Menu";var ii=createContext(null),nr=()=>{let e=useContext(ii);if(!e)throw new Error("Popover components must be used inside <Popover>.");return e};function Nu(e,t){e&&(typeof e=="function"?e(t):e.current=t);}var io=(...e)=>t=>{for(let n of e)Nu(n,t);},cs=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Du=e=>{useEffect(()=>{if(!e||typeof document>"u"||typeof window>"u")return;let t=document.body,n=t.style.overflow,o=t.style.paddingRight,r=window.innerWidth-document.documentElement.clientWidth,s=parseFloat(getComputedStyle(t).paddingRight||"0");return t.style.overflow="hidden",r>0&&(t.style.paddingRight=`${s+r}px`),()=>{t.style.overflow=n,t.style.paddingRight=o;}},[e]);},er=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"&&t&&e in t){let n=t[e];return typeof n=="number"?`${n}px`:String(n)}return e}},Hu=({open:e,defaultOpen:t,onOpenChange:n,triggerOn:o="click",lockScroll:r=true,trapFocus:s=true,children:i})=>{let[u,a]=useState(!!t),l=e??u,c=x=>{e===void 0&&a(x),n?.(x);},d=useRef(null),R=useRef(null),f=(x=120)=>{R.current!=null&&window.clearTimeout(R.current),R.current=window.setTimeout(()=>c(false),x);},v=()=>{R.current!=null&&(window.clearTimeout(R.current),R.current=null);};Du(r&&l),useEffect(()=>{if(!s||!l||typeof document>"u")return;let x=w=>{if(w.key!=="Tab")return;let b=document.querySelector(".plainframe-ui-popover");if(!b)return;let m=Array.from(b.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled]), [role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(y=>{let T=window.getComputedStyle(y);return T.display!=="none"&&T.visibility!=="hidden"});if(m.length===0)return;let p=m[0],C=m[m.length-1],N=document.activeElement;w.shiftKey&&N===p?(w.preventDefault(),C.focus()):!w.shiftKey&&N===C&&(w.preventDefault(),p.focus());};return document.addEventListener("keydown",x,true),()=>document.removeEventListener("keydown",x,true)},[s,l]);let k=useMemo(()=>({open:l,setOpen:c,triggerOn:o,referenceRef:d,scheduleClose:f,cancelClose:v}),[l,o]);return jsx(ii.Provider,{value:k,children:i})},li=forwardRef(({asChild:e=true,children:t,css:n},o)=>{let{open:r,setOpen:s,triggerOn:i,referenceRef:u,scheduleClose:a,cancelClose:l}=nr(),c=me.Children.only(t),d=c.props||{},R=io(u,o,c.ref),f=i==="click"?{onClick:k=>{k.stopPropagation(),s(!r),d.onClick?.(k);}}:{onMouseEnter:k=>{l(),r||s(true),d.onMouseEnter?.(k);},onMouseLeave:k=>{a(),d.onMouseLeave?.(k);}},v={"aria-haspopup":"dialog","aria-expanded":r};if(e){let k=c.props?.css;return me.cloneElement(c,{...f,...v,ref:R,css:[k,n].filter(Boolean)})}return me.createElement("button",{ref:R,type:"button",css:[n],...f,...v,children:c})});li.displayName="PopoverTrigger";var ci=forwardRef(({asChild:e=true,width:t,css:n,children:o},r)=>{let{referenceRef:s}=nr(),i=me.Children.only(o),u=io(s,r,i.ref);if(e){let l=i.props?.css;return me.cloneElement(i,{ref:u,css:[l,n].filter(Boolean)})}let a=css({display:"inline-block",width:cs(t),verticalAlign:"middle",...n});return jsx("span",{ref:u,css:a,children:i})});ci.displayName="PopoverAnchor";function Lu(e){let t=e?.vertical??"bottom",n=e?.horizontal??"center";if(t==="top"||t==="bottom"){let s=t,i=n==="left"?"start":n==="right"?"end":"center";return i==="center"?s:`${s}-${i}`}let o=n==="left"?"left":"right",r="center";return r==="center"?o:`${o}-${r}`}var ui=forwardRef(({anchorOrigin:e={vertical:"bottom",horizontal:"center"},sideOffset:t=8,alignOffset:n=0,collisionPadding:o=8,unstyled:r=false,children:s,width:i,height:u,padding:a,paddingX:l,paddingY:c,radius:d="lg",css:R,...f},v)=>{let{open:k,setOpen:x,triggerOn:w,referenceRef:b,scheduleClose:m,cancelClose:p}=nr(),C=V(),N=Lu(e),{refs:y,x:T,y:P,strategy:$,context:K}=useFloating({open:k,onOpenChange:x,whileElementsMounted:autoUpdate,placement:N,strategy:"fixed",middleware:[offset({mainAxis:t,crossAxis:n}),flip({padding:o}),shift({padding:o})]});useEffect(()=>{b.current&&y.setReference(b.current);},[y,b]);let W=useDismiss(K,{outsidePressEvent:"pointerdown",escapeKey:true}),S=useRole(K,{role:"dialog"}),{getFloatingProps:F}=useInteractions([W,S]),[I]=K.placement.split("-"),g=I,h=`${g==="left"?"right":g==="right"?"left":"center"} ${g==="top"?"bottom":g==="bottom"?"top":"center"}`,A=8,H=g==="top"?{y:A}:g==="bottom"?{y:-A}:g==="left"?{x:A}:{x:-A},B={initial:{opacity:0,scale:.96,...H},animate:{opacity:1,scale:1,x:0,y:0},exit:{opacity:0,scale:.96,...H},transition:{scale:{type:"spring",stiffness:520,damping:32,mass:.5},x:{type:"spring",stiffness:420,damping:30,mass:.6},y:{type:"spring",stiffness:420,damping:30,mass:.6},opacity:{duration:.16,ease:"linear"}}},M=C.surface.panelBg,E=C.text.primary,L=`${C.componentHeights.border} solid ${C.surface.border}`,z=er(a,C.spacing),O=er(l,C.spacing),_=er(c,C.spacing),D={};z&&(D.padding=z),O&&(D.paddingInline=O),_&&(D.paddingBlock=_);let U=er(d,C.radius)??C.radius.md,X="0 8px 32px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.02)",se=css({position:$,top:P??0,left:T??0,zIndex:1e3,transformOrigin:h,pointerEvents:"auto",display:"inline-flex",flexDirection:"column",width:cs(i)??"fit-content",height:cs(u)??"fit-content",boxSizing:"border-box",willChange:"opacity, transform"}),q=r?css({}):css({background:M,color:E,border:L,borderRadius:U,boxShadow:X,...D,...D.padding||D.paddingInline||D.paddingBlock?{}:{padding:typeof C.spacing?.sm=="number"?`${C.spacing.sm}px ${C.spacing.md}px`:`${C.spacing?.sm??"0.5rem"} ${C.spacing?.md??"1rem"}`}}),Y=w==="hover"?{onMouseEnter:p,onMouseLeave:()=>m()}:{},le=io(y.setFloating,v),ie=jsx(motion.div,{className:"plainframe-ui-popover",...F({...f,ref:le,...Y}),...B,css:[se,q,R],children:s});return jsx(FloatingPortal,{children:jsx(AnimatePresence,{children:k?ie:null})})});ui.displayName="PopoverContent";var Bu=()=>{let e=nr();return {open:e.open,close:()=>e.setOpen(false),setOpen:e.setOpen}};var ms=me.memo(forwardRef(function({checked:t,defaultChecked:n=false,onChange:o,disabled:r=false,size:s="md",label:i,className:u,css:a,trackCss:l,thumbCss:c,labelCss:d,...R},f){let v=V(),k=xe(),x={sm:{trackW:25,trackH:16,thumb:11,labelGap:8},md:{trackW:35,trackH:20,thumb:14,labelGap:8},lg:{trackW:45,trackH:24,thumb:18,labelGap:10}},w={slideMs:250,pressMs:150,easing:"ease"},b=t!==void 0,[m,p]=useState(n),C=b?!!t:m,[N,y]=useState(false);useEffect(()=>{if(r)return;y(true);let O=setTimeout(()=>y(false),w.pressMs);return ()=>clearTimeout(O)},[C,r]);let T=["sm","md","lg"].includes(s)?s:"md",P=x[T],$=`${w.slideMs}ms ${w.easing}`,K=v.palette?.primary?.[600]??v.neutral[900],W=v.neutral[300],S=C?K:W,F=C?v.text.onColors.primary:"#ffffff",{trackW:I,trackH:g,thumb:h}=P,A=(g-h)/2,H=css({display:"inline-flex",alignItems:"center",gap:P.labelGap,cursor:r?"not-allowed":"pointer",width:"fit-content",padding:v.spacing.xs,borderRadius:v.radius.sm,outline:"none"}),B=css({position:"relative",width:I,height:g,backgroundColor:S,borderRadius:v.radius.full,transition:`background-color ${$}, opacity 120ms ease`,willChange:"background-color",cursor:r?"not-allowed":"pointer",opacity:r?.5:1}),M=css({position:"absolute",top:A,left:C?I-h-A:A,width:h,height:h,backgroundColor:F,borderRadius:v.radius.full,transition:`left ${$}, transform ${$}, background-color 0.25s ease`,transform:N?"scaleX(1.2)":"scaleX(1)",transformOrigin:C?"right center":"left center"}),E=css({fontSize:v.typography.sizes.sm,fontWeight:500,color:r?v.text.muted:v.text.primary}),L=()=>{if(r)return;let O=!C;b||p(O),o?.(O);};return jsxs("label",{ref:f,role:"switch","aria-checked":C,"aria-disabled":r||void 0,"data-checked":C?"":void 0,"data-disabled":r?"":void 0,tabIndex:r?-1:0,onClick:L,onKeyDown:O=>{r||(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),L());},className:["plainframe-ui-switch",u||""].join(" ").trim(),css:[H,k({color:C?"primary":"neutral"}),a],...R,children:[jsx("div",{className:"plainframe-ui-switch-track",css:[B,l],children:jsx("div",{className:"plainframe-ui-switch-thumb",css:[M,c]})}),i!=null&&jsx("span",{className:"plainframe-ui-switch-label",css:[E,d],children:i})]})}));var Vu=(e,t)=>t==="sm"?{box:16,labelFont:e.typography.sizes.xs,gap:8,borderRadius:e.radius.xxs,borderWidth:e.componentHeights.border,iconRatioW:.7,iconRatioH:.75}:t==="lg"?{box:24,labelFont:e.typography.sizes.md,gap:8,borderRadius:e.radius.xs,borderWidth:e.componentHeights.border,iconRatioW:.7,iconRatioH:.75}:{box:20,labelFont:e.typography.sizes.sm,gap:8,borderRadius:e.radius.xs,borderWidth:e.componentHeights.border,iconRatioW:.7,iconRatioH:.75},rr=me.memo(forwardRef(({checked:e,defaultChecked:t=false,onChange:n,disabled:o=false,size:r="md",label:s,description:i,rounded:u=false,checkedIcon:a,color:l="primary",css:c,boxCss:d,checkCss:R,labelCss:f,descriptionCss:v,className:k,...x},w)=>{let b=V(),m=xe(),p=typeof e=="boolean",[C,N]=useState(t),y=p?e:C,T=r==="sm"||r==="lg"?r:"md",P=useMemo(()=>Vu(b,T),[b,T]),{checkedBg:$,checkColor:K,borderCol:W,hoverBg:S,gapPx:F}=useMemo(()=>{let O=b.palette||{},_=b.neutral||{},D=b.text?.onColors||{},U,X;l==="neutral"||l==="secondary"?(U=_,X="neutral"):typeof l=="string"&&Object.prototype.hasOwnProperty.call(O,l)?(U=O[l]||O.primary||_,X=l):(U=O.primary||_,X="primary");let se=U[600]??U[500]??U[400]??Object.values(U)[0]??b.palette.primary[600],q=D[X]??D.primary??b.text?.onColors?.primary??b.text.primary,Y=typeof P.gap=="number"?P.gap+2:P.gap;return {checkedBg:se,checkColor:q,borderCol:b.surface.border,hoverBg:b.surface.panelHover,gapPx:Y}},[P.gap,l,b]),I=useMemo(()=>css({display:"inline-flex",alignItems:s&&i?"flex-start":"center",gap:F,cursor:o?"not-allowed":"pointer",userSelect:"auto",position:"relative",width:"fit-content",borderRadius:b.radius.sm,padding:b.spacing.xs,transition:"background-color .16s ease, color .16s ease, opacity .16s ease",'&:not([data-disabled="true"]):hover input:not(:checked) + .plainframe-ui-checkbox-box':{outlineColor:W,backgroundColor:S},"input:checked + .plainframe-ui-checkbox-box":{backgroundColor:$,outlineColor:$,"--pfui-bleed":$},'&:not([data-disabled="true"]):hover input:checked + .plainframe-ui-checkbox-box':{outlineColor:$,backgroundColor:$,"--pfui-bleed":$},".plainframe-ui-checkbox-check":{opacity:0,transform:"scale(0.2)"},"input:checked + .plainframe-ui-checkbox-box .plainframe-ui-checkbox-check":{opacity:1,transform:"scale(1)"}}),[W,$,i,o,F,S,s,b.radius.sm,b.spacing.xs]),g=useMemo(()=>css({position:"absolute",opacity:0,width:0,height:0,margin:0,padding:0,pointerEvents:"none"}),[]),h=useMemo(()=>css({width:P.box,height:P.box,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",outline:`${P.borderWidth} solid ${W}`,outlineOffset:`-${P.borderWidth}`,boxShadow:"inset 0 0 0 0.5px var(--pfui-bleed, transparent)",borderRadius:u?b.radius.full:P.borderRadius,transition:"background-color .16s ease, outline-color .05s ease, box-shadow .16s ease, transform .16s ease",flex:"0 0 auto",verticalAlign:"middle",overflow:"hidden",transform:"translateZ(0)",backfaceVisibility:"hidden"}),[P.box,P.borderRadius,P.borderWidth,W,u,b.radius.full]),A=useMemo(()=>({w:Math.round(P.box*P.iconRatioW),h:Math.round(P.box*P.iconRatioH)}),[P.box,P.iconRatioH,P.iconRatioW]),H=useMemo(()=>css({width:A.w,height:A.h,transition:"opacity .14s ease, transform .14s ease",color:K,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:0,pointerEvents:"none","& > svg, & > img":{width:"100%",height:"100%",display:"block"}}),[K,A.h,A.w]),B=useMemo(()=>css({display:"flex",flexDirection:"column",minWidth:0,userSelect:"text",WebkitUserSelect:"text"}),[]),M=useMemo(()=>css({fontSize:P.labelFont,lineHeight:1.1,fontWeight:500,userSelect:"text",WebkitUserSelect:"text",color:b.text.primary}),[P.labelFont,b.text.primary]),E=useMemo(()=>css({fontSize:P.labelFont,lineHeight:1.25,color:b.text.secondary,fontWeight:400,marginTop:s&&i?b.spacing.xs:0,userSelect:"text",WebkitUserSelect:"text"}),[P.labelFont,i,s,b.spacing.xs,b.text.secondary]),L=useCallback(()=>{o||(p?n?.(!y):N(O=>{let _=!O;return n?.(_),_}));},[o,p,y,n]),z=useCallback(O=>{o||(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),L());},[o,L]);return jsxs("label",{ref:w,role:"checkbox","aria-checked":y,"aria-disabled":o||void 0,"data-state":y?"checked":"unchecked",className:["plainframe-ui-checkbox",k||""].join(" ").trim(),css:[I,m({color:y?"primary":"neutral"}),c,o?css({opacity:.6}):null],"data-disabled":o?"true":"false",tabIndex:o?-1:0,onKeyDown:z,children:[jsx("input",{type:"checkbox",checked:y,onChange:L,disabled:o,css:g,...x,tabIndex:-1}),jsx("span",{className:"plainframe-ui-checkbox-box",css:[h,d],"aria-hidden":"true",children:jsx("span",{className:"plainframe-ui-checkbox-check",css:[H,R],children:y&&(a||jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:K,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",css:css({width:"100%",height:"100%",display:"block"}),"aria-hidden":"true",focusable:"false",children:jsx("polyline",{points:"20 6 9 17 4 12"})}))})}),(s||i)&&jsxs("span",{className:"plainframe-ui-checkbox-text",css:B,children:[s&&jsx("span",{className:"plainframe-ui-checkbox-label",css:[M,f],children:s}),i&&jsx("span",{className:"plainframe-ui-checkbox-description",css:[E,v],children:i})]})]})}));rr.displayName="Checkbox";var Gu=()=>useContext(fn),Xu=()=>useContext(ro),Yu=()=>useContext(cr),dn=null,gi=(e,t=35)=>{dn!==null&&window.clearTimeout(dn),dn=window.setTimeout(()=>{e(),dn=null;},t);},lo=()=>{dn!==null&&(window.clearTimeout(dn),dn=null);},pn=me.forwardRef(function({disabled:t=false,destructive:n=false,inset:o,closeOnSelect:r=true,onSelect:s,children:i,className:u,css:a,startIcon:l,endIcon:c,selected:d=false,active:R,meta:f,__index:v,__skipListReg:k,...x},w){let b=Gu(),m=Yu(),p=lr(),C=uo(),N=Xu(),y=V(),P=!!useContext(Tt),$=x["data-subtrigger"]!==void 0,K=$&&c===void 0?jsx(ChevronRight,{size:18,strokeWidth:2.5}):c,S=typeof o=="number"?o:o===false?0:0,F=useContext(Qo),I=F==="subtle"?y.surface?.subtleHover??y.neutral[100]:y.surface?.subtleBg??y.neutral[100],g=useMemo(()=>css({width:"100%",borderRadius:y.radius.md,padding:`${y.spacing.sm} ${y.spacing.sm}`,paddingLeft:S>0?`calc(${y.spacing.md} + (${y.spacing.xl} * ${S}))`:y.spacing.md,minHeight:P?y.componentHeights.sm:y.componentHeights.md,display:"flex",alignItems:"center",gap:y.spacing.sm,fontWeight:500,fontSize:y.typography.sizes.sm,cursor:t?"not-allowed":"pointer",opacity:t?.55:1,userSelect:"none",background:"transparent",color:n?y.palette.danger[800]:y.text.primary,transition:"background-color .16s ease, color .16s ease",outline:"none","[role='menu']:not([data-keyboard-nav]) &:hover":t?{}:{background:n?y.palette.danger[50]:I},"&[data-highlighted]":t?{}:{background:n?y.palette.danger[50]:I},"&[data-active]":t?{}:{background:n?y.palette.danger[50]:I},"&[data-subtrigger][aria-expanded='true']":t?{}:{background:n?y.palette.danger[50]:I},"[role='menu']:not([data-keyboard-nav]) &:not([data-disabled]):hover [data-menu-checkbox-wrapper],&:not([data-disabled])[data-highlighted] [data-menu-checkbox-wrapper],&:not([data-disabled])[data-active] [data-menu-checkbox-wrapper],&[data-subtrigger][aria-expanded='true'] [data-menu-checkbox-wrapper]":{background:y.surface.border},"& > [data-label]":{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}),[y,P,S,t,n,I]),h=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,"& > *":{flexShrink:0},"& > svg:only-child":{width:16,height:16,display:"block"}}),[]),A=useMemo(()=>css({marginLeft:"auto",display:"inline-flex",alignItems:"center",justifyContent:"flex-end",flex:"0 0 auto",flexShrink:0,whiteSpace:"nowrap",lineHeight:0,gap:y.spacing.sm,"& > svg":{width:16,height:16,display:"block"},color:y.text.secondary}),[y.text.secondary,y.spacing.sm]),H=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",color:y.palette.primary[600],"& > svg":{width:16,height:16,display:"block"}}),[y.palette.primary]),B=[];P&&B.push({minHeight:y.componentHeights.sm,paddingLeft:y.spacing.sm,paddingRight:y.spacing.xs,paddingTop:y.spacing.xs,paddingBottom:y.spacing.xs});let M=()=>{s?.(),r&&!$&&m?.closeAll();},E=(z,O)=>{let _=z.closest('[role="menu"]');if(!_)return;let D=Array.from(_.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(Y=>{if(Y.closest('[role="menu"]')!==_)return false;let le=window.getComputedStyle(Y);return le.display!=="none"&&le.visibility!=="hidden"});if(!D.length)return;let U=D.indexOf(z),X=U>=0?U:0,se=O(D.length,X),q=D[se];q&&(document.querySelectorAll("[data-highlighted]").forEach(Y=>{Y.removeAttribute("data-highlighted");}),q.setAttribute("data-highlighted",""),q.focus(),b&&v!=null&&b.setActiveIndex(se));},L=t?-1:N?.allItemsTabbable?0:-1;return jsxs("div",{role:"menuitem","aria-disabled":t||void 0,"data-disabled":t?"":void 0,"data-active":R?"":void 0,tabIndex:L,ref:z=>{if(b&&!k){let O=b.listRef.current;z&&(v!=null?O[v]=z:O.includes(z)||O.push(z));}typeof w=="function"?w(z):w&&"current"in w&&(w.current=z);},onMouseMove:z=>{if(z.currentTarget.hasAttribute("data-hovered"))return;let O=!!z.currentTarget.closest("[data-submenu-content]");!$&&p&&!O&&gi(p.closeAllSubMenus),document.querySelectorAll("[data-hovered]").forEach(D=>{D.removeAttribute("data-hovered");}),document.querySelectorAll("[data-highlighted]").forEach(D=>{D.removeAttribute("data-highlighted");}),document.querySelectorAll("[data-active]").forEach(D=>{D.removeAttribute("data-active");}),z.currentTarget.setAttribute("data-hovered","");let _=z.currentTarget.closest("[data-menu-id]")||z.currentTarget.closest('[role="menu"]');_?.hasAttribute("data-keyboard-nav")&&_.removeAttribute("data-keyboard-nav"),!t&&b&&v!=null&&b.setActiveIndex(v),!t&&!N?.allItemsTabbable&&z.currentTarget.focus({preventScroll:true});},onMouseEnter:z=>{if($)lo();else {let D=!!z.currentTarget.closest("[data-submenu-content]");p&&!D&&gi(p.closeAllSubMenus);}z.currentTarget.hasAttribute("data-hovered")||(document.querySelectorAll("[data-highlighted]").forEach(D=>{D.removeAttribute("data-highlighted");}),document.querySelectorAll("[data-hovered]").forEach(D=>{D.removeAttribute("data-hovered");}),document.querySelectorAll("[data-active]").forEach(D=>{D.removeAttribute("data-active");})),z.currentTarget.setAttribute("data-hovered","");let _=z.currentTarget.closest("[data-menu-id]")||z.currentTarget.closest('[role="menu"]');!t&&b&&v!=null&&(_?.hasAttribute("data-keyboard-nav")&&(_.removeAttribute("data-keyboard-nav"),C&&C.setIsKeyboardNav(false)),b.setActiveIndex(v)),!t&&!N?.allItemsTabbable&&z.currentTarget.focus({preventScroll:true});},onFocus:()=>{},onMouseLeave:()=>{b&&b.setActiveIndex(null);},onKeyDown:z=>{if(t)return;let O=z.currentTarget;if(z.key==="Tab"&&b&&!N?.allItemsTabbable){z.preventDefault();return}if(z.key==="Tab"&&!b){let _=O.closest('[role="menu"]');if(_){_.removeAttribute("data-keyboard-nav"),document.querySelectorAll("[data-highlighted]").forEach(U=>U.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(U=>U.removeAttribute("data-hovered"));let D=_.tabIndex;_.tabIndex=-1,requestAnimationFrame(()=>{_.tabIndex=D>=0?D:0;});}C&&C.setIsKeyboardNav(false);return}if(z.key==="Enter"||z.key===" "||z.key==="ArrowRight"){$||z.key!=="ArrowRight"&&(z.preventDefault(),z.stopPropagation(),M());return}if(z.key==="ArrowLeft"&&O.closest('[role="menu"]')?.closest("[data-submenu-content]")){z.preventDefault(),z.stopPropagation();let U=document.querySelector('[data-subtrigger][aria-expanded="true"]');if(U){let X=U.__pfuiCloseSubmenu;X&&X(),document.querySelectorAll("[data-highlighted]").forEach(q=>q.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(q=>q.removeAttribute("data-hovered")),U.setAttribute("data-highlighted",""),U.focus();let se=U.closest("[data-menu-id]");se&&se.setAttribute("data-keyboard-nav","");}return}if(z.key==="Escape"){z.preventDefault(),z.stopPropagation(),m?.closeAll(),O.closest('[role="menu"]')&&document.querySelector('[aria-expanded="true"][aria-haspopup="menu"]')?.focus();return}if(z.key==="ArrowDown"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');if(!_)return;_.setAttribute("data-keyboard-nav",""),C&&C.setIsKeyboardNav(true),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,(D,U)=>(U+1)%D);return}if(z.key==="ArrowUp"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');if(!_)return;_.setAttribute("data-keyboard-nav",""),C&&C.setIsKeyboardNav(true),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,(D,U)=>(U-1+D)%D);return}if(z.key==="Home"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');_&&_.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,()=>0);return}if(z.key==="End"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');_&&_.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,D=>D-1);return}},className:["plainframe-ui-menu-item",u||""].join(" ").trim(),css:css(...[g,...B,a].flat()),...x,onClick:z=>{t||(z.currentTarget.removeAttribute("data-highlighted"),M());},children:[l&&jsx("span",{className:"plainframe-ui-menu-item-start",css:h,children:l}),i,(f!=null||K||d)&&jsxs("span",{className:"plainframe-ui-menu-item-end",css:A,children:[f!=null?jsx("span",{className:"plainframe-ui-menu-item-meta",css:css({lineHeight:1,fontSize:y.typography.sizes.sm,color:y.text.secondary,whiteSpace:"nowrap"}),children:f}):null,K,d&&jsx("span",{className:"plainframe-ui-menu-item-selected",css:H,children:jsx(Check,{size:16,strokeWidth:2.5})})]})]})}),hi=me.createContext(null),gs=({values:e,defaultValues:t,onValuesChange:n,children:o})=>{let[r,s]=useState(t??[]),i=e!==void 0,u=i?e:r,a=useRef(u);a.current=u;let l=useRef(n);l.current=n;let c=useCallback(R=>{let f=a.current,k=f.some(x=>Object.is(x,R))?f.filter(x=>!Object.is(x,R)):[...f,R];i||s(k),l.current?.(k);},[i]),d=useMemo(()=>({values:u,toggle:c}),[u,c]);return jsx(hi.Provider,{value:d,children:o})},co=forwardRef(function({checked:t,defaultChecked:n=false,onCheckedChange:o,value:r,children:s,__index:i,disabled:u=false,css:a,className:l,startIcon:c,endIcon:d,...R},f){let v=useContext(hi),k=!!v&&r!==void 0,x=!k&&t!==void 0,[w,b]=useState(()=>k?v.values.some(W=>Object.is(W,r)):!!n),m=k?v.values.some(W=>Object.is(W,r)):x?!!t:w,p=V(),N=!!useContext(Tt),y=()=>{if(!u)if(k)v.toggle(r);else {let W=!m;x||b(W),o?.(W);}},T=css({width:18,height:18,display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,marginLeft:N?-1:-3,borderRadius:p.radius.xs,transition:"background-color .12s ease"}),P=css({pointerEvents:"none"}),$=useCallback(W=>{W&&(W.querySelectorAll("[tabindex]").forEach(S=>{S.tabIndex=-1;}),W.querySelectorAll('input, button, a, [role="checkbox"]').forEach(S=>{S.tabIndex=-1;}));},[]),K=jsxs(Fragment,{children:[jsx("span",{ref:$,"data-menu-checkbox-wrapper":true,className:"plainframe-ui-menu-checkbox-wrapper",css:T,"aria-hidden":"true",children:jsx(rr,{size:"sm",checked:m,css:P})}),c]});return jsx(pn,{...R,className:["plainframe-ui-menu-checkbox-item",l||""].join(" ").trim(),ref:f,__index:i,role:"menuitemcheckbox","aria-checked":m,closeOnSelect:false,onSelect:y,disabled:u,startIcon:K,endIcon:d,css:a,selected:false,children:s})});co.displayName="MenuCheckboxItem";var yi=forwardRef(function({checked:t,defaultChecked:n=false,onCheckedChange:o,children:r,__index:s,disabled:i=false,css:u,switchSize:a="md",switchCss:l,startIcon:c,className:d,...R},f){let v=t!==void 0,[k,x]=useState(!!n),w=v?!!t:k,m=!!useContext(Tt),p=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),C=css({marginLeft:"auto",display:"inline-flex",alignItems:"center",justifyContent:"flex-end",flex:"0 0 auto",flexShrink:0,paddingRight:m?2:void 0}),N=()=>{if(i)return;let T=!w;v||x(T),o?.(T);},y=css({display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,"& > *":{flexShrink:0},"& > svg:only-child":{width:16,height:16,display:"block"}});return jsxs(pn,{...R,className:["plainframe-ui-menu-switch-item",d||""].join(" ").trim(),ref:f,__index:s,disabled:i,closeOnSelect:false,onSelect:N,css:u,selected:false,children:[c&&jsx("span",{className:"plainframe-ui-menu-item-start",css:y,children:c}),jsx("span",{"data-label":true,css:p,className:"plainframe-ui-menu-item-label",children:r}),jsx("span",{className:"plainframe-ui-menu-switch-wrap",css:C,children:jsx(ms,{checked:w,css:css({pointerEvents:"none",padding:0,marginRight:-1},l),className:"plainframe-ui-menu-switch",tabIndex:-1,size:a})})]})});yi.displayName="MenuSwitchItem";var xi=me.createContext(null),ir=({value:e,defaultValue:t,onValueChange:n,children:o})=>{let[r,s]=useState(t),i=e??r,u=l=>{e!==void 0||s(l),n?.(l);},a=useMemo(()=>({value:i,onChange:u}),[i]);return jsx(xi.Provider,{value:a,children:o})};ir.displayName="MenuRadioGroup";var Ju=forwardRef(function({value:t,children:n,__index:o,disabled:r=false,css:s,className:i,...u},a){let l=useContext(xi),c=l?.value===t,d=V(),R=css({width:d.spacing.md,display:"inline-flex",justifyContent:"center",alignItems:"center",marginLeft:-1}),f=css({width:7,height:7,borderRadius:"100%",backgroundColor:d.palette.primary[600],transform:c?"scale(1)":"scale(0.4)",opacity:c?1:0,transition:"transform 140ms ease-out, opacity 140ms linear",transformOrigin:"center center"}),v=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});return jsxs(pn,{...u,className:["plainframe-ui-menu-radio-item",i||""].join(" ").trim(),ref:a,__index:o,role:"menuitemradio","aria-checked":c,closeOnSelect:false,onSelect:()=>{r||l?.onChange?.(t);},disabled:r,css:s,selected:false,children:[jsx("span",{className:"plainframe-ui-menu-radio-dotbox",css:R,children:jsx("span",{className:"plainframe-ui-menu-radio-dot",css:f})}),jsx("span",{className:"plainframe-ui-menu-item-label",css:v,children:n})]})}),mn=forwardRef(function({inset:t,className:n,css:o,children:r,startIcon:s,endIcon:i,wrap:u=false,color:a="primary",...l},c){let d=V(),f=!!useContext(Tt),v=a==="primary"?d.text.primary:a==="secondary"?d.text.secondary:d.palette[a]?.[700]??d.text.primary,k=css({display:"flex",alignItems:"center",padding:f?`${d.spacing.sm} ${d.spacing.md}`:`${d.spacing.sm} ${d.spacing.md}`,fontSize:d.typography.sizes.sm,color:v,fontWeight:500,...t?{paddingLeft:`calc(${d.spacing.lg} * 2)`}:null,gap:d.spacing.xs}),x=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:u?"normal":"nowrap"}),w=css({display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,padding:"0 3px 0 2px",marginLeft:-2,"& > svg":{width:16,height:16,display:"block"}}),b=css({display:"inline-flex",alignItems:"center",justifyContent:"flex-end",flex:"0 0 auto",flexShrink:0,lineHeight:0,"& > svg":{width:16,height:16,display:"block"}});return jsxs("div",{ref:c,role:"presentation",className:["plainframe-ui-menu-label",n||""].join(" ").trim(),css:css(k,o),...l,children:[s&&jsx("span",{className:"plainframe-ui-menu-label-start",css:w,children:s}),jsx("span",{className:"plainframe-ui-menu-label-text",css:x,children:r}),i&&jsx("span",{className:"plainframe-ui-menu-label-end",css:b,children:i})]})});mn.displayName="MenuLabel";var Zu=({className:e,css:t,variant:n="full",...o})=>{let r=V(),s=`var(--pfui-panel-pad, ${typeof r.spacing.xs=="number"?r.spacing.xs+"px":String(r.spacing.xs)})`,i=css({height:1,background:r.surface.border,marginTop:s,marginBottom:s,marginLeft:"calc(var(--pfui-panel-pad, 0px) * -1)",marginRight:"calc(var(--pfui-panel-pad, 0px) * -1)"}),u=css({height:1,background:r.surface.border,marginTop:s,marginBottom:s,marginLeft:`${r.spacing.md}`,marginRight:`${r.spacing.md}`}),a=css({height:1,background:r.surface.border,marginTop:s,marginBottom:s,marginLeft:`${r.spacing.lg}`,marginRight:0}),l=n==="full"?i:n==="middle"?u:a;return jsx("div",{role:"separator",className:["plainframe-ui-menu-separator",e||""].join(" ").trim(),css:css(l,t),...o})};var bs=io,po=0,ur=null,dr=null,dd=()=>typeof window>"u"||typeof document>"u"?0:window.innerWidth-document.documentElement.clientWidth;function pd(){if(!(typeof document>"u")){if(po===0){let e=document.body;ur=e.style.overflow||"",dr=e.style.paddingRight||"";let t=dd();e.style.overflow="hidden",t>0&&(e.style.paddingRight=`${t}px`);}po+=1;}}function md(){if(!(typeof document>"u")&&(po>0&&(po-=1),po===0)){let e=document.body;ur!==null&&(e.style.overflow=ur),dr!==null&&(e.style.paddingRight=dr),ur=null,dr=null;}}var fn=createContext(null),pr=()=>{let e=useContext(fn);if(!e)throw new Error("DropdownMenu components must be used inside <DropdownMenu>.");return e},mo=createContext(null),fd=()=>useContext(mo),oo=createContext(null),uo=()=>useContext(oo),Ci=createContext(null),lr=()=>useContext(Ci),Ri=createContext(false),gd=()=>useContext(Ri),ro=createContext({allItemsTabbable:true}),cr=me.createContext(null),hs=()=>useContext(cr);function bd(){let e=[],t=new Set,n={current:false};return {registerCloser(o){return e.push(o),()=>{let r=e.indexOf(o);r>=0&&e.splice(r,1);}},closeAll(){if(!n.current){n.current=true;for(let o=e.length-1;o>=0;o--)try{e[o]();}catch{}queueMicrotask(()=>{n.current=false;});}},registerHoverCtl(o){return t.add(o),()=>t.delete(o)},clearAllHover(){t.forEach(o=>o.clear());},isBusClosingRef:n}}var hd=()=>fd()?.activeIndex??null,Ti=0,$n=({open:e,defaultOpen:t,onOpenChange:n,trigger:o="click",lockScroll:r=true,size:s="md",children:i})=>{let[u,a]=useState(!!t),l=e??u,c=useCallback(F=>{e===void 0&&a(F),n?.(F);},[e,n]),d=useRef(`pfui-menu-${++Ti}`),R=useRef(null),f=useRef([]),v=useRef(null),[k,x]=useState(null),[w,b]=useState(false);useEffect(()=>{l||(x(null),f.current=[],b(false));},[l]);let m=useRef(null),p=useCallback((F,I)=>{if(o!=="hover")return;window.clearTimeout(m.current??0);let g=I??20;m.current=window.setTimeout(()=>c(F),g);},[o,c]),C=useCallback(()=>{m.current&&(window.clearTimeout(m.current),m.current=null);},[]);useEffect(()=>()=>C(),[C]),useEffect(()=>{if(!(!r||!l))return pd(),()=>md()},[l,r]);let N=hs(),[y]=useState(()=>N??bd()),T=useRef(new Set),P=useMemo(()=>({registerSubMenu:F=>(T.current.add(F),()=>T.current.delete(F)),closeAllSubMenus:()=>{T.current.forEach(F=>F());}}),[]),$=useMemo(()=>({open:l,setOpen:c,trigger:o,referenceRef:R,listRef:f,floatingRef:v,setActiveIndex:x,scheduleSubmenuHover:p,clearSubmenuHover:C,menuId:d.current}),[l,c,o,x,p,C]),K=useMemo(()=>({activeIndex:k,setActiveIndex:x}),[k,x]),W=useMemo(()=>({isKeyboardNav:w,setIsKeyboardNav:b}),[w]),S=s==="sm";return jsx(cr.Provider,{value:y,children:jsx(Tt.Provider,{value:S,children:jsx(oo.Provider,{value:W,children:jsx(Ci.Provider,{value:P,children:jsx(mo.Provider,{value:K,children:jsx(fn.Provider,{value:$,children:i})})})})})})};$n.displayName="DropdownMenu";var zn=me.forwardRef(({asChild:e=true,children:t,width:n,className:o,css:r,...s},i)=>{let{open:u,setOpen:a,trigger:l,referenceRef:c,listRef:d,setActiveIndex:R,scheduleSubmenuHover:f,clearSubmenuHover:v,floatingRef:k,menuId:x}=pr(),w=uo(),b=lr(),m=!!e&&isValidElement(t),p=m?t:null,C=p&&p.props&&typeof p.props=="object"&&"onKeyDown"in p.props?p.props.onKeyDown:void 0,N=p&&p.props&&typeof p.props=="object"&&"onClick"in p.props?p.props.onClick:void 0,{onKeyDown:y,onClick:T,...P}=s,$=useMemo(()=>bs(i,m&&isValidElement(t)&&"ref"in t?t.ref:void 0,c),[i,m,t,c]),K=useCallback(()=>d.current.filter(Boolean),[d]),W=useCallback(h=>{let A=K();requestAnimationFrame(()=>A[h]?.focus());},[K]),S=useCallback(h=>{if(h.key==="Tab"&&u){h.preventDefault(),w?.setIsKeyboardNav(true);let A=k?.current;if(A){A.setAttribute("data-keyboard-nav","");let H=A.querySelector('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])');H&&(document.querySelectorAll("[data-highlighted]").forEach(B=>B.removeAttribute("data-highlighted")),H.setAttribute("data-highlighted",""),H.focus());}return}if(h.key==="ArrowRight"&&u){let A=document.querySelector("[data-subtrigger][data-hovered]");if(A){h.preventDefault(),h.stopPropagation(),w?.setIsKeyboardNav(true),A.removeAttribute("data-hovered"),A.setAttribute("data-highlighted",""),A.focus(),requestAnimationFrame(()=>{let H=new KeyboardEvent("keydown",{key:"ArrowRight",bubbles:true,cancelable:true});A.dispatchEvent(H);});return}}if(h.key==="ArrowDown"||h.key==="ArrowUp"){if(w?.setIsKeyboardNav(true),!u){h.preventDefault(),a(true),requestAnimationFrame(()=>{let A=x?document.querySelector(`[data-menu-id="${x}"]`):k?.current;if(A){A.setAttribute("data-keyboard-nav","");let H=Array.from(A.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(B=>{let M=B.closest("[data-submenu-content]");if(M&&M!==A)return false;let E=window.getComputedStyle(B);return E.display!=="none"&&E.visibility!=="hidden"});if(H.length>0){let B=h.key==="ArrowDown"?0:H.length-1;R(B),H[B]?.setAttribute("data-highlighted",""),H[B]?.focus();}}}),C?.(h),y?.(h);return}if(u){h.preventDefault();let A=document.querySelectorAll("[data-hovered]");for(let B of Array.from(A))if(B.closest("[data-submenu-content]")){let E=B.closest('[role="menu"]');if(E){E.setAttribute("data-keyboard-nav","");let L=Array.from(E.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled])')).filter(O=>{if(O.closest('[role="menu"]')!==E)return false;let _=window.getComputedStyle(O);return _.display!=="none"&&_.visibility!=="hidden"}),z=L.indexOf(B);if(document.querySelectorAll("[data-highlighted]").forEach(O=>O.removeAttribute("data-highlighted")),B.removeAttribute("data-hovered"),z!==-1&&L.length>0){let O=h.key==="ArrowDown"?1:-1,_=(z+O+L.length)%L.length;L[_]?.setAttribute("data-highlighted",""),L[_]?.focus();}return}}let H=x?document.querySelector(`[data-menu-id="${x}"]`):k?.current;if(H){H.setAttribute("data-keyboard-nav",""),b?.closeAllSubMenus();let B=Array.from(H.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(M=>{if(M.closest('[role="menu"]')!==H)return false;let E=window.getComputedStyle(M);return E.display!=="none"&&E.visibility!=="hidden"});if(B.length>0){let M=H.querySelector("[data-highlighted]"),E=H.querySelector("[data-hovered]"),L=-1;M?L=B.indexOf(M):E&&(L=B.indexOf(E)),document.querySelectorAll("[data-highlighted]").forEach(_=>_.removeAttribute("data-highlighted")),E&&E.removeAttribute("data-hovered"),L===-1&&(L=h.key==="ArrowDown"?-1:B.length);let z=h.key==="ArrowDown"?1:-1,O=(L+z+B.length)%B.length;R(O),B[O]?.setAttribute("data-highlighted",""),B[O]?.focus();}}C?.(h),y?.(h);return}}if((h.key==="Enter"||h.key===" ")&&!u){h.preventDefault(),w?.setIsKeyboardNav(true),a(true),requestAnimationFrame(()=>{let A=x?document.querySelector(`[data-menu-id="${x}"]`):k?.current;if(A){A.setAttribute("data-keyboard-nav","");let H=Array.from(A.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(B=>{let M=B.closest("[data-submenu-content]");if(M&&M!==A)return false;let E=window.getComputedStyle(B);return E.display!=="none"&&E.visibility!=="hidden"});H.length>0&&(R(0),H[0]?.setAttribute("data-highlighted",""),H[0]?.focus());}}),C?.(h),y?.(h);return}C?.(h),y?.(h);},[u,a,R,C,y,K,W,d,w,x,k,b]),F=useCallback(h=>{l==="click"&&((h.nativeEvent.composedPath?.()??[]).some(M=>{let E=M;if(!E||!("tagName"in E))return false;let L=String(E.tagName).toUpperCase();if(L==="INPUT"||L==="TEXTAREA"||"isContentEditable"in E&&E.isContentEditable)return true;let z="getAttribute"in E?E.getAttribute("role"):null;return z==="textbox"||z==="combobox"})||(h.stopPropagation(),a(!u))),N?.(h),T?.(h);},[l,u,a,N,T]),I=l==="hover"?{onMouseEnter:()=>{v(),a(true);},onMouseLeave:()=>{f(false);}}:{},g=n!=null?css({width:typeof n=="number"?`${n}px`:n}):void 0;if(m&&p){let h=p.props,A=h.css,H=typeof h.className=="string"?h.className:void 0,B=typeof h.tabIndex=="number"?h.tabIndex:0,M={ref:$,tabIndex:B,className:[H,o].filter(Boolean).join(" ")||void 0,css:[A,g,r].filter(Boolean),"aria-haspopup":"menu","aria-expanded":u,onClick:F,onKeyDown:S,...I,...P};return cloneElement(p,M)}return jsx("button",{ref:$,className:o,css:[css({display:"inline-block"}),g,r],type:"button",tabIndex:0,"aria-haspopup":"menu","aria-expanded":u,onClick:F,onKeyDown:S,...I,...P,children:t})});zn.displayName="DropdownMenuTrigger";var hn=me.forwardRef(({anchor:e,side:t="bottom",align:n="start",sideOffset:o=6,alignOffset:r=0,collisionPadding:s=8,sameWidth:i=false,width:u,height:a,maxHeight:l,unstyled:c=false,closeOnBlur:d=false,allItemsTabbable:R=false,className:f,css:v,children:k,exitPlacement:x,animateOnBusClose:w=true,gap:b,ignoreOutsidePressRefs:m,disableOutsidePressDismiss:p=false,returnFocus:C=false,...N},y)=>{let{open:T,setOpen:P,referenceRef:$,clearSubmenuHover:K,setActiveIndex:W,floatingRef:S,menuId:F}=pr(),I=V(),g=hs(),h=uo();useEffect(()=>{if(!g)return;let J=g.registerCloser(()=>P(false));return ()=>{J&&J();}},[g,P]);let A=typeof o=="string"?parseFloat(o):o,H=typeof r=="string"?parseFloat(r):r,B=typeof s=="string"?parseFloat(s):s,M=`${t}${n==="center"?"":`-${n}`}`,E=useCallback(J=>({getBoundingClientRect:()=>{let oe=Math.round(J.x),re=Math.round(J.y);return {x:oe,y:re,left:oe,top:re,right:oe,bottom:re,width:0,height:0,toJSON:()=>({x:oe,y:re,left:oe,top:re,right:oe,bottom:re,width:0,height:0})}},contextElement:void 0}),[]),L=useMemo(()=>{if(!e)return null;if(e instanceof HTMLElement||typeof e=="object"&&e!==null&&"getBoundingClientRect"in e&&typeof e.getBoundingClientRect=="function")return e;let J=e;return E({x:J.x,y:J.y})},[e,E]),{refs:z,x:O,y:_,strategy:D,context:U,update:X}=useFloating({open:T,onOpenChange:P,placement:M,whileElementsMounted:autoUpdate,middleware:[offset({mainAxis:A??0,crossAxis:H??0}),flip({padding:B??8}),shift({padding:B??8}),size({apply({rects:J,elements:oe}){let re=oe.floating;re.style.boxSizing="border-box",a!=null?re.style.height=typeof a=="number"?`${a}px`:String(a):re.style.removeProperty("height"),u!=null?re.style.width=typeof u=="number"?`${u}px`:String(u):i?re.style.width=`${Math.round(J.reference.width)}px`:re.style.width="200px",l!=null?re.style.maxHeight=typeof l=="number"?`${l}px`:String(l):re.style.removeProperty("max-height");}})]});useEffect(()=>{L?z.setReference(L):$.current&&z.setReference($.current);},[z,L,$]),useEffect(()=>{if(!T)return;let J=L||$.current,oe=z.floating.current;if(!(!J||!oe))return autoUpdate(J,oe,X)},[T,L,$,z,X]),useEffect(()=>{X();},[X,i,u,a,l]),useEffect(()=>{T&&!R&&W(0);},[T,R,W]),useEffect(()=>{if(!d||!T)return;let J=()=>{let oe=document.activeElement,re=$.current,qe=z.floating.current;oe&&(re?.contains(oe)||qe?.contains(oe)||P(false));};return document.addEventListener("focusin",J,true),()=>document.removeEventListener("focusin",J,true)},[d,T,P,$,z.floating]);let se=useDismiss(U,{outsidePressEvent:"pointerdown",escapeKey:true,outsidePress:p?false:J=>{if(m?.length){let oe=J.target;for(let re of m)if(re.current?.contains(oe))return false}return true}}),q=useRole(U,{role:"menu"}),{getFloatingProps:Y}=useInteractions([se,q]),le=useRef(false);useEffect(()=>{T?le.current=true:le.current&&$.current&&C&&(g?.isBusClosingRef.current||requestAnimationFrame(()=>{$.current?.focus();}));},[T,$,g,C]);let ie=typeof I.spacing.xs=="number"?`${I.spacing.xs}px`:String(I.spacing.xs),be=b===void 0?void 0:typeof b=="number"?b:I.spacing[b]??b,Pe=c?void 0:css({boxSizing:"border-box",background:I.surface.panelBg,border:`${I.componentHeights.border} solid ${I.surface.border}`,borderRadius:I.radius.lg,boxShadow:"0 8px 32px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.02)","--pfui-panel-pad":ie,padding:"var(--pfui-panel-pad)",color:I.text.primary,maxHeight:l,overflowY:"auto",display:"flex",flexDirection:"column",gap:be,"& > *":{flexShrink:0},"&[data-keyboard-nav]":{cursor:"none"},"&[data-keyboard-nav] *":{cursor:"none !important",pointerEvents:"none"}}),Re=-1,Ce=J=>{if(!J||typeof J!="object"||!isValidElement(J))return J;let re=J.type?.displayName;if(re==="DropdownMenu"||re==="DropdownMenuSub")return J;if(re==="MenuItem"||re==="MenuCheckboxItem"||re==="MenuRadioItem"||re==="MenuSwitchItem")return Re+=1,cloneElement(J,{__index:Re,key:J.key??Re});if(re==="DropdownMenuTrigger"){let j=J.props.children;return cloneElement(J,{children:me.Children.map(j,Ce)})}if(re==="DropdownMenuSubTrigger"){Re+=1;let j=Re;return cloneElement(J,{__index:j,key:J.key??j})}let qe=J.props.children;return qe==null?J:cloneElement(J,{children:me.Children.map(qe,Ce)})},Ie=me.Children.map(k,Ce),we=U.placement.split("-")[0]||"bottom",he=we==="bottom"?"center top":we==="top"?"center bottom":we==="left"?"right center":"left center",je=we==="bottom"?{opacity:0,y:-8,scale:.96}:we==="top"?{opacity:0,y:8,scale:.96}:we==="left"?{opacity:0,x:8,scale:.96}:{opacity:0,x:-8,scale:.96},Z=x??we,Ee=Z==="bottom"?{opacity:0,y:-8,scale:.96}:Z==="top"?{opacity:0,y:8,scale:.96}:Z==="left"?{opacity:0,x:8,scale:.96}:{opacity:0,x:-8,scale:.96},ee=!!g?.isBusClosingRef.current&&!w?{scale:{duration:0},x:{duration:0},y:{duration:0},opacity:{duration:0}}:{scale:{type:"spring",stiffness:520,damping:38,mass:.5},x:{type:"spring",stiffness:420,damping:30,mass:.6},y:{type:"spring",stiffness:420,damping:30,mass:.6},opacity:{duration:.12,ease:"linear"}},ae=css({position:D,top:_??0,left:O??0,zIndex:1e3,transformOrigin:he}),pe=useCallback(J=>{if(J.key==="Tab"){J.preventDefault();return}if(J.key==="ArrowDown"||J.key==="ArrowUp"){J.preventDefault(),h?.setIsKeyboardNav(true);let oe=J.currentTarget;oe.setAttribute("data-keyboard-nav","");let re=Array.from(oe.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(qe=>{if(qe.closest('[role="menu"]')!==oe)return false;let j=window.getComputedStyle(qe);return j.display!=="none"&&j.visibility!=="hidden"});if(re.length>0){let qe=oe.querySelector("[data-highlighted]"),j=oe.querySelector("[data-hovered]"),ue=-1;qe?ue=re.indexOf(qe):j&&(ue=re.indexOf(j)),document.querySelectorAll("[data-highlighted]").forEach(ze=>ze.removeAttribute("data-highlighted")),j&&j.removeAttribute("data-hovered"),ue===-1&&(ue=J.key==="ArrowDown"?-1:re.length);let de=J.key==="ArrowDown"?1:-1,fe=(ue+de+re.length)%re.length;W(fe),re[fe]?.setAttribute("data-highlighted",""),re[fe]?.focus();}}},[h,W]),Se=useCallback(J=>{let oe=J.currentTarget;oe.removeAttribute("data-keyboard-nav"),oe.querySelectorAll("[data-highlighted]").forEach(re=>re.removeAttribute("data-highlighted")),h?.isKeyboardNav&&h.setIsKeyboardNav(false);},[h]),Ne=useCallback(J=>{J.removeAttribute("data-keyboard-nav"),J.querySelectorAll("[data-highlighted]").forEach(oe=>oe.removeAttribute("data-highlighted")),h?.isKeyboardNav&&h.setIsKeyboardNav(false);},[h]);return jsx(FloatingPortal,{children:jsx(AnimatePresence,{children:T?jsx(ro.Provider,{value:{allItemsTabbable:R},children:jsx(motion.div,{...Y({...N,ref:bs(y,z.setFloating,J=>{S&&(S.current=J);})}),"data-menu-id":F,"data-keyboard-nav":h?.isKeyboardNav?"":void 0,className:f,css:[Pe,ae,v],initial:je,animate:{opacity:1,x:0,y:0,scale:1},exit:Ee,transition:ee,onPointerMove:J=>Ne(J.currentTarget),onPointerDown:J=>Ne(J.currentTarget),onKeyDown:pe,onMouseMove:Se,onMouseEnter:()=>{K(),g?.clearAllHover();},onMouseLeave:()=>{document.querySelectorAll("[data-hovered]").forEach(J=>J.removeAttribute("data-hovered"));},children:Ie})}):null})})});hn.displayName="DropdownMenuContent";var wi=({open:e,defaultOpen:t,onOpenChange:n,trigger:o="hover",dense:r,children:s})=>{let i=gd(),[u,a]=useState(!!t),l=e??u,c=useCallback(S=>{e===void 0&&a(S),n?.(S);},[e,n]),d=useRef(null),R=useRef(false),f=useCallback((S,F)=>{if(o!=="hover")return;window.clearTimeout(d.current??0),R.current=S;let I=F??20;d.current=window.setTimeout(()=>{R.current=false,c(S);},I);},[o,c]),v=useCallback(()=>{d.current&&(window.clearTimeout(d.current),d.current=null,R.current=false);},[]);useEffect(()=>()=>v(),[v]);let k=lr();useEffect(()=>{if(!k)return;let S=()=>{v(),c(false);};return k.registerSubMenu(S)},[k,c,v]);let x=useRef(`pfui-submenu-${++Ti}`),w=useRef(null),b=useRef([]),m=useRef(null),[p,C]=useState(null),[N,y]=useState(false);useEffect(()=>{l||(C(null),b.current=[],y(false));},[l]);let T=useContext(Tt),P=r??T,$=useMemo(()=>({open:l,setOpen:c,trigger:o,referenceRef:w,listRef:b,floatingRef:m,setActiveIndex:C,scheduleSubmenuHover:f,clearSubmenuHover:v,pendingOpenRef:R,menuId:x.current}),[l,c,o,C,f,v]),K=useMemo(()=>({activeIndex:p,setActiveIndex:C}),[p,C]),W=useMemo(()=>({isKeyboardNav:N,setIsKeyboardNav:y}),[N]);return i?(console.warn("[DropdownMenu] Nested submenus are not supported. DropdownMenuSub can only be used one level deep inside DropdownMenu. The nested submenu content will not be rendered."),jsx(Fragment,{children:me.Children.map(s,S=>{if(!isValidElement(S))return S;let F=S.type;return F?.displayName==="DropdownMenuSubTrigger"||F?.displayName==="DropdownMenuSubContent"?null:S})})):jsx(Ri.Provider,{value:true,children:jsx(Tt.Provider,{value:P,children:jsx(mo.Provider,{value:K,children:jsx(oo.Provider,{value:W,children:jsx(fn.Provider,{value:$,children:s})})})})})};wi.displayName="DropdownMenuSub";var Ei=me.forwardRef(({asChild:e=true,children:t,width:n,className:o,css:r,...s},i)=>{let{open:u,setOpen:a,trigger:l,referenceRef:c,scheduleSubmenuHover:d,clearSubmenuHover:R,pendingOpenRef:f,menuId:v}=pr(),k=uo(),x=useCallback(S=>{S&&(S.__pfuiCloseSubmenu=()=>a(false));},[a]),w=!!e&&isValidElement(t),b=w?t:null,m=b?.props,p=m?.onKeyDown,C=m?.onClick,{onKeyDown:N,onClick:y,...T}=s,P=useMemo(()=>bs(i,w&&isValidElement(t)&&"ref"in t?t.ref:void 0,c,x),[i,w,t,c,x]),$=n!=null?css({width:typeof n=="number"?`${n}px`:n}):void 0,K=useCallback(S=>{if(S.key==="Tab"){S.preventDefault();return}let F=S.currentTarget,I=g=>{k?.setIsKeyboardNav(true);let h=F.closest("[data-menu-id]");if(!h)return;h.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted"));let A=Array.from(h.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(E=>{if(E.closest("[data-menu-id]")!==h)return false;let L=window.getComputedStyle(E);return L.display!=="none"&&L.visibility!=="hidden"});if(!A.length)return;let H=A.indexOf(F),B=H>=0?H:0,M=g==="next"?(B+1)%A.length:(B-1+A.length)%A.length;A[M]?.setAttribute("data-highlighted",""),A[M]?.focus();};if(S.key==="ArrowDown"){S.preventDefault(),S.stopPropagation(),u&&a(false),I("next");return}if(S.key==="ArrowUp"){S.preventDefault(),S.stopPropagation(),u&&a(false),I("prev");return}if(S.key==="ArrowRight"||S.key==="Enter"||S.key===" "){S.preventDefault(),S.stopPropagation(),k?.setIsKeyboardNav(true);let g=S.currentTarget;a(true),requestAnimationFrame(()=>{let h=v?document.querySelector(`[data-menu-id="${v}"]`):document.querySelector("[data-submenu-content]");if(h){h.setAttribute("data-keyboard-nav",""),g.removeAttribute("data-highlighted"),g.removeAttribute("data-hovered");let A=h.querySelector('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]):not([data-subtrigger]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])');A&&(A.setAttribute("data-highlighted",""),A.focus());}});return}if(S.key==="ArrowLeft"){S.preventDefault(),S.stopPropagation(),u&&a(false);let g=F.closest("[data-menu-id]");g&&g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(h=>h.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(h=>h.removeAttribute("data-hovered")),F.setAttribute("data-highlighted",""),F.focus(),k&&k.setIsKeyboardNav(true);return}if(S.key==="Escape"){S.preventDefault(),S.stopPropagation(),p?.(S);return}p?.(S),N?.(S);},[u,a,p,N,c,k,v]),W=l==="hover"?{onMouseEnter:S=>{let F=S.currentTarget;lo(),R(),document.querySelectorAll("[data-hovered]").forEach(g=>g.removeAttribute("data-hovered")),document.querySelectorAll("[data-highlighted]").forEach(g=>g.removeAttribute("data-highlighted")),F.setAttribute("data-hovered",""),F.focus({preventScroll:true});let I=F.closest("[data-menu-id]");I?.hasAttribute("data-keyboard-nav")&&I.removeAttribute("data-keyboard-nav"),k&&k.setIsKeyboardNav(false),u||d(true,90);},onMouseMove:S=>{let F=S.currentTarget;lo(),F.hasAttribute("data-hovered")||(document.querySelectorAll("[data-hovered]").forEach(I=>I.removeAttribute("data-hovered")),document.querySelectorAll("[data-highlighted]").forEach(I=>I.removeAttribute("data-highlighted")),F.setAttribute("data-hovered","")),!u&&!f?.current&&d(true,90);},onMouseLeave:()=>{d(false,60);}}:{onClick:S=>{S.stopPropagation(),a(!u),C?.(S),y?.(S);}};if(w&&b){let S=m?.css,F=typeof m?.className=="string"?m.className:void 0,I=typeof m?.tabIndex=="number"?m.tabIndex:0,g={ref:P,tabIndex:I,className:[F,o].filter(Boolean).join(" ")||void 0,css:[S,$,r].filter(Boolean),"aria-haspopup":"menu","aria-expanded":u,"data-subtrigger":"",__skipListReg:true,onKeyDown:K,onFocus:h=>{if(h.target.hasAttribute("data-highlighted")){let A=h.target.closest("[data-menu-id]");A&&!A.hasAttribute("data-keyboard-nav")&&(A.setAttribute("data-keyboard-nav",""),k&&k.setIsKeyboardNav(true));}m&&"onFocus"in m&&typeof m.onFocus=="function"&&m.onFocus(h);},...W,...T};return cloneElement(b,g)}return jsx("div",{ref:P,role:"menuitem",tabIndex:0,className:o,css:[css({display:"flex",alignItems:"center",gap:8,cursor:"pointer"}),$,r],"aria-haspopup":"menu","aria-expanded":u,"data-subtrigger":"",onKeyDown:K,onFocus:S=>{if(S.currentTarget.hasAttribute("data-highlighted")){let F=S.currentTarget.closest("[data-menu-id]");F&&!F.hasAttribute("data-keyboard-nav")&&(F.setAttribute("data-keyboard-nav",""),k&&k.setIsKeyboardNav(true));}},...W,...T,children:t})});Ei.displayName="DropdownMenuSubTrigger";var ki=me.forwardRef((e,t)=>{let n=hs(),{referenceRef:o,clearSubmenuHover:r,scheduleSubmenuHover:s}=pr(),i=[e.className,"plainframe-ui-submenu-content"].filter(Boolean).join(" ");return jsx(hn,{ref:t,side:"right",align:"start",exitPlacement:"bottom",animateOnBusClose:true,...e,className:i,"data-submenu-content":"",anchor:o.current,onMouseEnter:u=>{r(),n?.clearAllHover(),lo(),e.onMouseEnter?.(u);},onMouseLeave:u=>{s(false,60),e.onMouseLeave?.(u);}})});ki.displayName="DropdownMenuSubContent";var mr=e=>e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/\s+/g," ").trim().toLowerCase(),vd=css({display:"inline"}),Si=css({display:"inline",fontWeight:700}),Cd=css({position:"absolute",inset:0,pointerEvents:"none",opacity:0,zIndex:-1,outline:"none"}),Rd=css({display:"flex",alignItems:"center",gap:4}),Td=css({flex:"1 1 auto",minWidth:0,display:"flex",flexDirection:"column",gap:2}),Mi=css({fontWeight:500,overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word"}),wd=css({fontSize:"0.875em",overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word",fontWeight:400}),Ed=()=>{},kd=e=>e,Id=e=>`plainframe-ui-autocomplete${e?`-${e}`:""}`,Sd=e=>{e.preventDefault(),e.stopPropagation();},Md=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation());},Fd=e=>{e.preventDefault(),e.stopPropagation();},Fi=me.memo(({onCapture:e})=>{let t=useContext(fn),n=useContext(mo),o=useMemo(()=>({...t,activeIndex:n?.activeIndex??null,setActiveIndex:n?.setActiveIndex??t?.setActiveIndex}),[t,n]);return useEffect(()=>{e(o);},[o,e]),null});Fi.displayName="CtxCapture";var ys=me.memo(({item:e,absIndex:t,multiple:n,getCurrentMulti:o,isSelected:r,renderItem:s,paint:i,cls:u,closeOnSelect:a,pickSingle:l,handleItemKeyDown:c,handleItemMouseDown:d,descriptionColor:R})=>{let f=o(),v=useMemo(()=>{let w=String(e.title??e.value);return s?w:i(w)},[i,e.title,e.value,s]),k=useMemo(()=>e.description?jsxs("span",{className:"plainframe-ui-autocomplete-item-content",css:Td,children:[jsx("span",{className:"plainframe-ui-autocomplete-item-title",css:Mi,children:v}),jsx("span",{className:"plainframe-ui-autocomplete-item-description",css:[wd,{color:R}],children:e.description})]}):jsx("span",{className:"plainframe-ui-autocomplete-item-title",css:Mi,children:v}),[v,e.description,R]),x=useCallback(()=>{e.disabled||l(e.value);},[e.disabled,e.value,l]);if(n){let w=f.some(b=>Object.is(b,e.value));return s?jsx(co,{__index:t,value:e.value,disabled:!!e.disabled,closeOnSelect:false,"aria-disabled":!!e.disabled,className:`plainframe-ui-select-option ${u("checkbox-item")}`.trim(),css:e.css,onMouseDown:d,children:s(e,w)},e.value):jsx(co,{__index:t,value:e.value,disabled:!!e.disabled,closeOnSelect:false,"aria-disabled":!!e.disabled,className:`plainframe-ui-select-option ${u("checkbox-item")}`.trim(),css:e.css,onMouseDown:d,startIcon:e.startIcon,endIcon:e.endIcon,children:k},e.value)}return s?jsx(pn,{__index:t,onClick:x,onSelect:x,onKeyDown:c,"aria-disabled":!!e.disabled,disabled:!!e.disabled,className:u("item"),css:e.css,closeOnSelect:a,onMouseDown:d,selected:r,children:s(e,r)},e.value):jsx(pn,{startIcon:e.startIcon,endIcon:e.endIcon,__index:t,onClick:x,onSelect:x,onKeyDown:c,"aria-disabled":!!e.disabled,disabled:!!e.disabled,className:u("item"),css:e.css,closeOnSelect:a,onMouseDown:d,selected:r,children:k},e.value)},(e,t)=>!(e.item.value!==t.item.value||e.item.disabled!==t.item.disabled||e.item.description!==t.item.description||e.absIndex!==t.absIndex||e.multiple!==t.multiple||e.closeOnSelect!==t.closeOnSelect||e.renderItem!==t.renderItem||e.pickSingle!==t.pickSingle||e.isSelected!==t.isSelected||e.paint!==t.paint||e.descriptionColor!==t.descriptionColor));ys.displayName="AutocompleteRow";var Ai=me.memo(({items:e=[],onSelect:t,width:n=300,fullWidth:o=false,placeholder:r,renderItem:s,focusRingMode:i,css:u,inputCss:a,containerCss:l,label:c,helperText:d,variant:R,startIcon:f,endIcon:v,size:k,disabled:x=false,error:w=false,showClear:b=false,open:m,onOpenChange:p,openOnFocus:C=false,openOnType:N=true,openOnClick:y=true,closeOnSelect:T=true,closeOnBlur:P=true,blurOnSelect:$=false,freeSolo:K=false,customValueLabel:W=false,maxHeight:S,maxItems:F,noResultsText:I="No Items Found",highlightTypedValue:g,typedValueHighlightCss:h,showNoResults:A=true,noResultsLabelCss:H,loadingLabelCss:B,loadItems:M,loading:E,loadingText:L="Loading\u2026",debounceMs:z=200,multiple:O=false,selectedValues:_,defaultSelectedValues:D,onChangeSelected:U,expandIcon:X,showExpandIcon:se=true,expandIconCss:q,textFieldWrapperCss:Y,textFieldInputCss:le,textFieldLabelCss:ie,textFieldHelperRowCss:be,textFieldHelperTextCss:Pe,textFieldStartIconCss:Re,textFieldEndIconCss:Ce,menuContentCss:Ie})=>{let we=V().text.secondary,[he,je]=useState(""),Z=typeof m=="boolean",[Ee,Q]=useState(false),ee=Z?m:Ee,ae=useRef(null),pe=useRef(null),Se=useRef(null),Ne=useRef(null),J=useRef(false),oe=useRef(null),re=useRef(false),qe=useRef(0),j=useMemo(()=>[pe],[]),[ue,de]=useState(D??[]),fe=_??ue,ze=useRef(fe);ze.current=fe;let[Oe,st]=useState(null),Ye=useRef(Oe);Ye.current=Oe;let yt=useCallback(()=>ze.current,[]),[tn,nn]=useState([]),[Sn,on]=useState(false),Je=typeof M=="function",xt=Je?tn:e,ce=useRef(xt);ce.current=xt;let ke=!!E||Sn&&Je,at=useRef(p);useEffect(()=>{at.current=p;},[p]);let De=useCallback(G=>{Z||Q(G),at.current?.(G);},[Z]),bt=useRef(null);useEffect(()=>{if(!Je)return;bt.current&&window.clearTimeout(bt.current);let G=he;return bt.current=window.setTimeout(async()=>{on(true);try{let ne=await M(G)||[];nn(Array.isArray(ne)?ne:[]);}catch{nn([]);}finally{on(false);}},Math.max(0,z)),()=>{bt.current&&window.clearTimeout(bt.current);}},[he,Je,M,z]);let Zn=useMemo(()=>{let G=mr(he);return G?xt.some(ne=>mr(ne.title??ne.value)===G):false},[xt,he]),sa=K&&!!W&&he.trim().length>0&&!Zn,tc=G=>{if(typeof W=="object"){let ne=Object.prototype.hasOwnProperty.call(W,"prefix"),ve=Object.prototype.hasOwnProperty.call(W,"suffix");if(ne||ve){let Me=ne?W.prefix??"":"",ge=ve?W.suffix??"":"";return `${Me}${G}${ge}`}return `Add "${G}"`}return `Add "${G}"`},Or=useMemo(()=>{if(Je)return xt;let G=mr(he);if(!G)return xt;let ne=[],ve=[];for(let Me of xt){let ge=mr(Me.title??Me.value);ge.split(" ").some(Ze=>Ze.startsWith(G))?ne.push(Me):ge.includes(G)&&ve.push(Me);}return ne.length>0?ne:ve},[xt,he,Je]),aa=useMemo(()=>{if(sa){let G=he.trim();return [...Or,{value:G,title:tc(G),__pfui_free__:true}]}return Or},[Or,sa,he]),Kt=useMemo(()=>{let G=[],ne=new Map;for(let pt of aa){let Ze=pt.group??"__ungrouped__";ne.has(Ze)||(ne.set(Ze,[]),G.push(Ze)),ne.get(Ze).push(pt);}let Me=typeof F=="number"?Math.max(0,F):1/0,ge=[];for(let pt of G){if(Me<=0)break;let sn=ne.get(pt).slice(0,Me);sn.length>0&&(ge.push({label:pt==="__ungrouped__"?void 0:pt,items:sn}),Me-=sn.length);}return ge},[aa,F]),Mn=useMemo(()=>Kt.reduce((G,ne)=>(G.push(...ne.items),G),[]),[Kt]),Do=Mn.length>0,Wr=!Do&&!!A&&!ke&&he.trim().length>0,Fn=ke||Do||Wr,Ho=Fn||Je;useEffect(()=>{!Je&&ee&&!Fn&&(re.current=true,De(false),setTimeout(()=>{re.current=false;},150));},[Je,ee,Fn,De]);let Kr=useRef(null),_r=useRef(false);useEffect(()=>{if(K&&!O){if(_r.current){_r.current=false;return}let G=he.trim();if(Kr.current===G)return;Kr.current=G,t?.({value:G,title:G});}},[he,K,O,t]);let jr=useCallback(G=>{let ne=ce.current,ve=new Map(ne.map(ge=>[ge.value,ge])),Me=G.map(ge=>ve.get(ge)??{value:ge,title:ge});U?.(Me);},[U]),Lo=useCallback(G=>{let ne=G.map(String);_||de(ne),jr(ne);},[_,jr]),ia=useCallback(G=>{let ve=fe.includes(G)?fe.filter(Me=>Me!==G):[...fe,G];Lo(ve);},[fe,Lo]),Bo=useCallback(G=>{let ne=ce.current.find(ve=>ve.value===G)??{value:G,title:G};ne.disabled||(_r.current=true,Kr.current=(ne.title??ne.value).trim(),st(ne),je(ne.title??ne.value),t?.(ne),Z||(T?(J.current=false,re.current=true,Q(false),at.current?.(false),setTimeout(()=>{re.current=false;},150)):J.current=true),!T&&Se.current?.setActiveIndex&&Se.current.setActiveIndex(null),$?(J.current=false,setTimeout(()=>{Ne.current&&ae.current?(Ne.current.tabIndex=0,Ne.current.focus(),Ne.current.blur(),Ne.current.tabIndex=-1):ae.current?.blur();},0)):requestAnimationFrame(()=>ae.current?.focus()));},[t,Z,T,$]),nc=useCallback(G=>{if(x)return;je(G);let ne=!G.trim();O||(ne?(st(null),t?.(null)):K&&st(null)),!Z&&!ne&&N&&!ee&&De(true);},[O,Z,N,ee,De,x,K,t]),it=Id,la=Ed,oc=kd,ca=useMemo(()=>h?[Si,h]:Si,[h]),rc=useCallback(G=>{let ne=he.trim();if(!ne||ne.length<1)return G;let ve=ne.toLowerCase(),ge=G.toLowerCase().indexOf(ve);return ge<0?G:jsxs("span",{className:"plainframe-ui-autocomplete-highlight-wrap",css:vd,children:[G.slice(0,ge),jsx("span",{className:"plainframe-ui-autocomplete-highlight",css:ca,children:G.slice(ge,ge+ne.length)}),G.slice(ge+ne.length)]})},[he,ca]),$o=g?rc:oc,sc=useMemo(()=>css({position:"relative",display:o?"block":"inline-block",width:"100%",maxWidth:o?"100%":n}),[o,n]),zo=Sd,Oo=Md,ac=useCallback(G=>{Se.current=G;},[]),ua=useCallback(G=>{let ne=Se.current;if(!ne)return;let ve=Mn.length;if(ve===0)return;let Me=pe.current?.querySelector("[data-menu-id]")??document.querySelector("[data-menu-id]"),ge=-1;if(Me){let Ze=Me.querySelectorAll('[role="menuitem"], [role="menuitemcheckbox"]'),sn=Me.querySelector("[data-active]")||Me.querySelector("[data-hovered]");sn&&(ge=Array.from(Ze).indexOf(sn));}ge<0&&typeof ne.activeIndex=="number"&&(ge=ne.activeIndex);let pt=ge<0?G===1?0:ve-1:(ge+G+ve)%ve;ne.setActiveIndex?.(pt),requestAnimationFrame(()=>{let Ze=pe.current?.querySelector("[data-menu-id]")??document.querySelector("[data-menu-id]");if(!Ze)return;Ze.setAttribute("data-keyboard-nav",""),Ze.querySelectorAll("[data-active]").forEach(Ur=>Ur.removeAttribute("data-active")),Ze.querySelectorAll("[data-hovered]").forEach(Ur=>Ur.removeAttribute("data-hovered"));let Vr=Ze.querySelectorAll('[role="menuitem"], [role="menuitemcheckbox"]')[pt];Vr&&(Vr.setAttribute("data-active",""),Vr.scrollIntoView?.({block:"nearest"}));});},[Mn.length]),ic=useCallback(G=>{if(G.key===" "||G.code==="Space"||G.key==="Spacebar"){G.stopPropagation();return}if(G.key==="ArrowDown"||G.key==="ArrowUp"){if(x||!Fn&&!Je)return;G.preventDefault(),!ee&&!Z&&De(true),ua(G.key==="ArrowDown"?1:-1);return}if(G.key==="Enter"){if(x)return;let ne=Se.current&&typeof Se.current.activeIndex=="number"?Se.current.activeIndex:-1,ve=ne>=0&&ne<Mn.length?Mn[ne]:null;if(ee&&ve&&ne>=0){G.preventDefault(),G.stopPropagation(),O?(ia(ve.value),T||requestAnimationFrame(()=>ae.current?.focus())):Bo(ve.value);return}}else G.key==="Escape"?(G.preventDefault(),G.stopPropagation(),ee&&!Z&&(re.current=true,De(false),G.target.focus(),setTimeout(()=>{re.current=false;},150))):G.key==="Tab"&&ee&&!Z&&De(false);},[Fn,Je,ee,Z,Mn,O,T,ua,ia,Bo,De,x]),lc=useCallback(()=>{x||re.current||C&&Ho&&(qe.current=Date.now(),Z||De(true));},[Z,C,Ho,De,x]),cc=useCallback(()=>{if(J.current){J.current=false;return}P&&De(false),!K&&!O&&(Oe?je(Oe.title??Oe.value):he.trim()&&je(""));},[P,K,O,Oe,he,De]),da=useCallback(()=>{let G=[],ne=0;return Kt.forEach((ve,Me)=>{ve.label&&G.push(jsx(mn,{className:it("group-label"),children:ve.label},`g-${Me}`)),ve.items.forEach(ge=>{G.push(jsx(ys,{item:ge,absIndex:ne,multiple:true,getCurrentMulti:yt,isSelected:false,renderItem:s,paint:$o,cls:it,closeOnSelect:false,pickSingle:la,handleItemKeyDown:Oo,handleItemMouseDown:zo,descriptionColor:we},`${ge.group??"__"}|${ge.value}`)),ne+=1;});}),jsx(gs,{values:fe,onValuesChange:Lo,children:G},"multi-group")},[Kt,it,yt,s,$o,fe,Lo,la,Oo,zo,we]),pa=useCallback(()=>{let G=[],ne=0;return Kt.forEach((ve,Me)=>{ve.label&&G.push(jsx(mn,{className:it("group-label"),children:ve.label},`g-${Me}`)),ve.items.forEach(ge=>{let pt=Oe?.value===ge.value;G.push(jsx(ys,{item:ge,absIndex:ne,multiple:false,getCurrentMulti:yt,isSelected:pt,renderItem:s,paint:$o,cls:it,closeOnSelect:T,pickSingle:Bo,handleItemKeyDown:Oo,handleItemMouseDown:zo,descriptionColor:we},`${ge.group??"__"}|${ge.value}`)),ne+=1;});}),G},[Kt,it,Oe,yt,s,$o,T,Bo,Oo,zo,we]),uc=useMemo(()=>ke?jsx(mn,{css:B,className:it("label-loading"),children:L},"loading"):Wr?jsx(mn,{css:H,className:it("label-empty"),children:I},"empty"):Kt.length===0?null:O?da():pa(),[ke,Wr,Kt.length,it,L,I,O,da,pa]),rn=ee?false:x||!Je&&!Do&&!A,ma=useCallback(G=>{G.preventDefault(),G.stopPropagation(),!(rn||x)&&(Z||(ee?(re.current=true,De(false),queueMicrotask(()=>ae.current?.focus()),setTimeout(()=>{re.current=false;},150)):(De(true),queueMicrotask(()=>ae.current?.focus()))));},[ee,Do,Je,De,rn,x,Z]),fa=useMemo(()=>css({transition:"transform 0.3s cubic-bezier(.6,1.3,.5,1), opacity 0.15s ease",transform:ee?"rotate(180deg)":"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",cursor:rn?"not-allowed":"pointer",userSelect:"none",opacity:rn?.5:1}),[ee,rn]),Wo=useMemo(()=>se?jsx("span",{ref:oe,role:"button",tabIndex:-1,css:[fa,q],"aria-disabled":rn||void 0,onMouseDown:Fd,onClick:ma,children:X??jsx(ChevronDown,{size:18,strokeWidth:2})}):null,[se,fa,q,rn,ma,X]),dc=useMemo(()=>v&&Wo?jsxs("span",{css:Rd,children:[v,Wo]}):v??Wo,[v,Wo]),pc=useCallback(G=>{if(!(oe.current&&oe.current.contains(G.target)||re.current||x||Date.now()-qe.current<300)){if(ee){!he.trim()&&!Z&&(re.current=true,De(false),setTimeout(()=>{re.current=false;},150));return}y&&Ho&&(!Z||y)&&De(true);}},[ee,he,y,Ho,De,x,Z]);return jsx("div",{ref:pe,className:it(""),css:[sc,l,u],children:jsxs($n,{open:x?false:ee,onOpenChange:x?void 0:De,children:[jsx(Fi,{onCapture:ac}),jsx(zn,{asChild:true,children:jsx("span",{className:it("anchor"),css:Cd,style:{pointerEvents:"none",position:"absolute",visibility:"hidden"},tabIndex:-1})}),jsx(Zo,{ref:ae,className:it("input"),focusRingMode:i,value:he,onChange:nc,onKeyDown:ic,onFocus:lc,onBlur:cc,onSurfaceClick:pc,placeholder:r,label:c,helperText:d,variant:R,startIcon:f,endIcon:dc,size:k,width:n,fullWidth:o,disabled:x,error:w,showClear:b,css:a,wrapperCss:Y,inputCss:le,labelCss:ie,helperRowCss:be,helperTextCss:Pe,startIconCss:Re,endIconCss:Ce}),jsx("span",{ref:Ne,tabIndex:-1,"aria-hidden":"true",style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0}}),Fn&&jsx(hn,{className:it("menu"),side:"bottom",align:"start",sameWidth:true,allItemsTabbable:true,maxHeight:typeof S=="number"?`${S}px`:S,css:Ie,ignoreOutsidePressRefs:j,disableOutsidePressDismiss:Z,returnFocus:!$,children:uc})]})})});Ai.displayName="Autocomplete";var Hd=["sm","md","lg"],Ld=(e,t)=>typeof e=="number"?e:Hd.includes(e)?t.componentHeights[e]:t.componentHeights.md,Bd=(e,t)=>{let n=e.palette?.[t??"primary"]??e.palette.primary;return n?.[600]??n?.[500]??e.neutral?.[600]??e.neutral?.[500]},$d=(e,t)=>{let n=e.text?.onColors??{};return n[t??"primary"]??n.primary??e.text?.primary??"#fff"},zd=(e,t)=>typeof e=="string"?e:(t?.trim()?.[0]||"").toUpperCase(),Pi=me.memo(forwardRef(({src:e,alt:t,size:n="md",color:o="primary",rounded:r=true,className:s,css:i,children:u,...a},l)=>{let c=V(),[d,R]=useState(!!e);useEffect(()=>{R(!!e);},[e]);let f=Ld(n,c),v=typeof f=="number"?f:Number.parseFloat(String(f))||0,k=v?Math.round(v*(v<=28?.55:.52)):void 0,x=r?c.radius.full:c.radius.md,w=Bd(c,o),b=$d(c,o),m=zd(u,t),p=css({width:f,height:f,borderRadius:x,display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:d?"transparent":w,color:d?"inherit":b,boxSizing:"border-box",userSelect:"none"}),C=css({width:"100%",height:"100%",display:"block",objectFit:"cover"}),N=css({fontSize:k,lineHeight:1,fontWeight:600,display:"inline-flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",marginTop:-1});return jsx("div",{ref:l,className:["plainframe-ui-avatar",s||""].join(" ").trim(),css:[p,i],role:d?void 0:"img","aria-label":d?void 0:t,...a,children:d&&e?jsx("img",{className:"plainframe-ui-avatar-img",src:e,alt:t,css:C,onError:()=>R(false),decoding:"async",loading:"lazy"}):typeof u=="string"?jsx("span",{className:"plainframe-ui-avatar-initials",css:N,children:u}):u||jsx("span",{className:"plainframe-ui-avatar-initials",css:N,children:m})})}));Pi.displayName="Avatar";var Ni=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,_d=({children:e,max:t,size:n="md",overlap:o=-7,css:r,rounded:s=true,bgColor:i,extraLabelCss:u,outlineThickness:a=4,className:l})=>{let c=V(),d=xe(),f=(()=>{if(typeof n=="number")return `${n}px`;if(typeof n=="string"){let y=(c.componentHeights&&c.componentHeights[n])??(c.spacing&&c.spacing[n]);return Ni(y??n)}return "32px"})(),v=Children.toArray(e).filter(Boolean),k=typeof t=="number"&&t>=0,x=k&&v.length>t?v.slice(0,t):v,w=k&&v.length>t?v.length-t:0,b=i==="panel"?c.surface.panelBg:i==="subtle"?c.surface.subtleBg:i??c.surface.appBg,m=Ni(a)??"4px",p=css({display:"flex",alignItems:"center"}),C=y=>css({marginLeft:y===0?0:o,zIndex:x.length-y,boxShadow:`0 0 0 ${m} ${b}`,backgroundColor:b,borderRadius:s?c.radius.full:c.radius.md,display:"inline-flex",width:f,height:f,overflow:"hidden",alignItems:"center",justifyContent:"center",lineHeight:0,flex:"0 0 auto"}),N=css({width:"100%",height:"100%",display:"inline-flex",alignItems:"center",justifyContent:"center",objectFit:"cover",boxSizing:"border-box"});return jsxs("div",{role:"group",tabIndex:-1,"aria-label":"Avatar group",className:`plainframe-ui-avatar-group${l?` ${l}`:""}`,css:[p,r,d()],children:[x.map((y,T)=>{if(!isValidElement(y))return jsx("div",{className:"plainframe-ui-avatar-group-item",css:C(T),children:jsx("span",{css:N,children:y})},T);let P=y,$=P.props?.css,K=$==null?N:[N,$],W=cloneElement(P,{size:n,rounded:s,css:K,style:{...P.props?.style,width:"100%",height:"100%",objectFit:P.props?.objectFit??"cover"}});return jsx("div",{className:"plainframe-ui-avatar-group-item",css:C(T),children:W},T)}),w>0&&jsxs("span",{className:"plainframe-ui-avatar-group-extra",css:[css({marginLeft:5,fontSize:c.typography.sizes.sm,fontWeight:600,lineHeight:1,padding:"2px 1px",zIndex:2,color:c.text.secondary}),u],"aria-label":`+${w} more`,children:["+",w]})]})};var Li=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Vd=(e,t)=>{let n=e,o=n.palette||{},r=n.neutral||{};return t==="neutral"||t==="secondary"?{scale:r,onKey:"neutral"}:typeof t=="string"&&o[t]?{scale:o[t],onKey:t}:{scale:n.primary||r,onKey:"primary"}},Ud=e=>e[600]??e[500]??e[400]??Object.values(e)[0]??"#000",qd=(e,t,n,o)=>o??t[n]??t.primary??e.text?.primary??"#fff",Gd=(e,t,n)=>n==="dot"?"":typeof e=="number"&&typeof t=="number"&&e>t?`${t}+`:e??"",Xd=(e,t,n,o)=>e&&(t==="dot"||!!n||n===0&&o),Yd=me.memo(({content:e,color:t="primary",fontColor:n,fontWeight:o=600,fontSize:r,variant:s="dot",max:i=99,showZero:u=false,visible:a=true,anchorOrigin:l={vertical:"top",horizontal:"right"},overlap:c="rectangular",children:d,animate:R=true,size:f,outline:v=false,outlineColor:k,className:x,badgeClassName:w,css:b,badgeCss:m,offsetX:p,offsetY:C})=>{let N=V(),y=s==="dot",T=f??(y?8:17),P=r??(y?0:10),{scale:$,onKey:K}=Vd(N,t),W=Ud($),S=N.text?.onColors||{},F=qd(N,S,K,n),I=Gd(e,i,s),g=Xd(a,s,e,u),h=css({position:"relative",display:"inline-block"}),A=c==="circular"?y?"12.5%":"5%":y?"5%":"2.5%",H=Li(p??A),B=Li(C??A),M=l.vertical||"top",E=l.horizontal||"right",L={},z="0",O="0";M==="center"?(L.top="50%",O="-50%"):M==="top"?(L.top=B,O="-45%"):(L.bottom=B,O="45%"),E==="center"?(L.left="50%",z="-50%"):E==="right"?(L.right=H,z="45%"):(L.left=H,z="-45%");let _=g?1:.8,D=css({minWidth:y?T:T/2,height:T,background:W,color:F,fontSize:typeof P=="number"?`${P}px`:P,fontWeight:o,borderRadius:999,padding:y?0:`0 ${T/4}px`,boxShadow:"0 2px 8px rgba(0,0,0,0.04)",lineHeight:1,position:"absolute",pointerEvents:"none",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",...v?{boxShadow:`0 0 0 2px ${k??N.surface?.appBg}`}:{},opacity:g?1:0,transform:`translate(${z}, ${O}) scale(${g?_:.5})`,...R?{transition:"opacity .18s cubic-bezier(.4,1.6,.6,1), transform .18s cubic-bezier(.4,1.6,.6,1)"}:{},...L});return jsxs("div",{className:["plainframe-ui-badge-wrapper",x||""].join(" ").trim(),css:[h,b],children:[d,jsx("span",{"aria-hidden":!g,className:["plainframe-ui-badge",w||""].join(" ").trim(),css:[D,m],children:I})]})});var Es=({on:e,onClickAway:t,blur:n=false,blurDepth:o=2.5,color:r,zIndex:s=1e3,css:i,contentCss:u,overlayCss:a,children:l,transitionDuration:c=300,keepMounted:d=true,className:R,contentClassName:f,lockScroll:v=true,...k})=>{let x=V(),w=useMemo(()=>r??x.surface.overlayBg,[r,x.surface.overlayBg]),[b,m]=useState(e),[p,C]=useState(e),N=useRef(null),y=useRef(null),T=useRef(null);useEffect(()=>(N.current&&(clearTimeout(N.current),N.current=null),y.current!=null&&(cancelAnimationFrame(y.current),y.current=null),e?(m(true),y.current=requestAnimationFrame(()=>{C(true),y.current=null;})):(C(false),N.current=setTimeout(()=>{m(false),N.current=null;},c)),()=>{N.current&&(clearTimeout(N.current),N.current=null),y.current!=null&&(cancelAnimationFrame(y.current),y.current=null);}),[e,c]),useEffect(()=>{if(!v||!e)return;let F=document.body,I=F.style.overflow,g=F.style.paddingRight,h=window.innerWidth-document.documentElement.clientWidth,A=parseFloat(getComputedStyle(F).paddingRight||"0");return F.style.overflow="hidden",h>0&&(F.style.paddingRight=`${A+h}px`),()=>{F.style.overflow=I,F.style.paddingRight=g;}},[e,v]),useEffect(()=>{if(!p||!t)return;let F=I=>{I.key==="Escape"&&t();};return document.addEventListener("keydown",F),()=>document.removeEventListener("keydown",F)},[p,t]);let P=F=>{if(!p||!t||!T.current)return;let I=F.target;I&&!T.current.contains(I)&&t();},$=n&&o?typeof o=="number"?`${o}px`:o:void 0;if(!d&&!b)return null;let K=css({position:"fixed",inset:0,width:"100vw",height:"100vh",zIndex:s,display:"grid",placeItems:"center",pointerEvents:p?"auto":"none",visibility:b?"visible":"hidden"}),W=css({position:"absolute",inset:0,background:w,backdropFilter:$?`blur(${$})`:void 0,WebkitBackdropFilter:$?`blur(${$})`:void 0,opacity:p?1:0,transition:`opacity ${c}ms cubic-bezier(.4,0,.2,1)`,pointerEvents:p?"auto":"none"}),S=css({position:"relative",zIndex:1,pointerEvents:p?"auto":"none"});return jsxs("div",{"aria-hidden":!b||void 0,className:["plainframe-ui-backdrop",R||""].join(" ").trim(),css:[K,i],onPointerDown:P,...k,children:[jsx("div",{className:"plainframe-ui-backdrop-overlay",css:[W,a],role:"presentation"}),jsx("div",{ref:T,className:["plainframe-ui-backdrop-content",f||""].join(" ").trim(),css:[S,u],children:l})]})};var hr=()=>null;Object.defineProperty(hr,"displayName",{value:"PF.BreadCrumbItem",configurable:true});function tp(e){let t=e.props??{};return {type:typeof t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__<"u"?t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__:e.type,props:t}}var np=me.memo(({children:e,separator:t="/",css:n,crumbCss:o,activeCrumbCss:r,inactiveCrumbCss:s,linkCrumbCss:i,separatorCss:u,hover:a=true,className:l,...c})=>{let d=V(),R=xe(),f=me.useMemo(()=>me.Children.toArray(e).flatMap(m=>{if(!me.isValidElement(m))return [];let{type:p,props:C}=tp(m);if(!(p===hr||typeof p=="function"&&"displayName"in p&&p.displayName===hr.displayName))return [];let y=C;return [{href:y.href,disabled:y.disabled,node:y.children,className:y.className,css:y.css,onClick:y.onClick,startIcon:y.startIcon,endIcon:y.endIcon}]}),[e]),v=me.useMemo(()=>css({display:"flex",alignItems:"center",fontSize:d.typography.sizes.sm,fontWeight:500,gap:d.spacing.xs,cursor:"default"}),[d]),k=me.useMemo(()=>css({margin:"0 0.15rem",color:d.neutral[500],flex:"0 0 auto",justifyContent:"center",alignItems:"center",display:"flex"}),[d]),x=me.useCallback((m,p,C)=>{let N=m?d.text.primary:d.text.secondary,y=a&&p&&!C;return css({display:"inline-flex",alignItems:"center",gap:d.spacing.xs,color:N,cursor:p&&!C?"pointer":"default",textDecoration:"none",borderRadius:d.radius.xs,fontWeight:500,outline:"none",transition:"all .16s ease !important","&:hover":y?{textDecoration:"underline",color:d.text.primary}:{textDecoration:"none"}})},[d,a]),w=me.useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:0}),[]),b=me.useMemo(()=>css({display:"inline-block"}),[]);return jsx("nav",{"aria-label":"Breadcrumb",className:["plainframe-ui-breadcrumbs",l||""].join(" ").trim(),css:[v,n],...c,children:f.map((m,p)=>{let C=p===f.length-1,N=!!m.href&&!m.disabled&&!C,y=["plainframe-ui-breadcrumb",C?"plainframe-ui-breadcrumb--active":"plainframe-ui-breadcrumb--inactive",N?"plainframe-ui-breadcrumb--link":"",m.className||""].join(" ").trim(),T=[x(C,N,m.disabled),o,C?r:s,N?i:void 0,R(),m.css],P=jsxs(Fragment,{children:[m.startIcon&&jsx("span",{className:"plainframe-ui-breadcrumb-icon-start",css:w,children:m.startIcon}),jsx("span",{className:"plainframe-ui-breadcrumb-label",css:b,children:m.node}),m.endIcon&&jsx("span",{className:"plainframe-ui-breadcrumb-icon-end",css:w,children:m.endIcon})]});return jsxs(me.Fragment,{children:[p!==0&&jsx("span",{className:"plainframe-ui-breadcrumb-separator",css:[k,u],children:t}),N?jsx("a",{href:m.href,onClick:m.onClick,tabIndex:0,"data-active":C?"true":"false","data-link":"true",className:y,css:T,children:P}):jsx("span",{"aria-current":C?"page":void 0,tabIndex:C?-1:0,"data-active":C?"true":"false","data-link":"false",className:y,css:T,children:P})]},p)})})});var ks=(e,t)=>{if(!isValidElement(e))return e;let n=e.props,o={};return n.size===void 0&&(o.size=t),n.color===void 0&&(o.color="currentColor"),cloneElement(e,{...n,...o})},Is=e=>typeof e=="number"?`${e}px`:e,Oi=e=>{let t=false;return me.Children.forEach(e,n=>{t||(typeof n=="string"||typeof n=="number"?String(n).trim()!==""&&(t=true):Array.isArray(n)&&Oi(n)&&(t=true));}),t};function ap(e,t){let n=e,o=typeof t=="string"&&(t==="sm"||t==="md"||t==="lg")?t:"md";return o==="sm"?{fontSize:n.typography.sizes.sm,paddingY:n.spacing.xs,paddingX:n.spacing.md,paddingXIcon:n.spacing.md,iconSize:14,minHeight:n.componentHeights.sm,radius:n.radius.sm}:o==="lg"?{fontSize:n.typography.sizes.md,paddingY:n.spacing.sm,paddingX:n.spacing.lg,paddingXIcon:n.spacing.md,iconSize:18,minHeight:n.componentHeights.lg,radius:n.radius.md}:{fontSize:n.typography.sizes.sm,paddingY:n.spacing.sm,paddingX:n.spacing.lg,paddingXIcon:n.spacing.md,iconSize:16,minHeight:n.componentHeights.md,radius:n.radius.md}}function ip(e,t){let n=e.neutral,o=e.text,r=e.palette,s=r.primary||n,i=r.danger||r.error||s,u=e.text.onColors||{},a=u.primary??o.onColors.primary,l=u.danger??a,c=(d,R,f)=>d&&d[R]||f;if(t==="primary"){let d=s,R=c(d,600,n[900])||c(d,500,n[900]),f=c(d,500,n[800])||c(d,600,n[800]);return {bg:R,fg:a,hoverBg:f,border:"none"}}if(t==="destructive"){let d=i,R=c(d,600,n[900])||c(d,500,n[900]),f=c(d,500,n[800])||c(d,600,n[800]);return {bg:R,fg:l,hoverBg:f,border:"none"}}return t==="ghost-destructive"?{bg:"transparent",fg:i[700],hoverBg:e.palette.danger[50],border:"none"}:t==="subtle"?{bg:e.surface.subtleBg,fg:o.primary,hoverBg:e.surface.subtleHover,border:"none"}:t==="outlined"?{bg:e.surface.panelBg,fg:o.primary,hoverBg:e.surface.panelHover,border:`${e.componentHeights.border} solid ${e.surface.border}`}:t==="ghost"?{bg:"transparent",fg:e.text.primary,hoverBg:e.surface.subtleBg,border:"none"}:t==="quiet"?{bg:"transparent",fg:o.secondary,hoverBg:e.surface.subtleBg,border:"none"}:{bg:"transparent",fg:o.secondary,hoverBg:e.surface.subtleBg,border:"none"}}var Wi=me.memo(me.forwardRef(({variant:e="primary",size:t="md",startIcon:n,endIcon:o,rounded:r=false,fullWidth:s=false,disabled:i=false,loading:u=false,loadingIndicator:a,loadingPosition:l="center",children:c,className:d,hoverEffect:R=true,icon:f,onClick:v,css:k,...x},w)=>{let b=V(),m=xe(),p=useMemo(()=>ap(b,t),[b,t]),C=useMemo(()=>ip(b,e),[b,e]),N=useMemo(()=>f===true?true:f===false?false:!n&&!o&&!Oi(c)&&me.Children.count(c)===1,[f,n,o,c]),y=p.iconSize,T=useMemo(()=>ks(n,y),[n,y]),P=useMemo(()=>ks(o,y),[o,y]),$=useMemo(()=>a??jsx(no,{color:C.fg,variant:"circular",size:14,thickness:5}),[a,C]),K=useMemo(()=>N?"center":l??"center",[N,l]),W=!!u&&K==="center",S=!!u&&K==="start",F=!!u&&K==="end",I=i||u,g=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",gap:0,width:s?"100%":"auto",minHeight:p.minHeight,lineHeight:1,fontWeight:600,cursor:I?"not-allowed":"pointer",opacity:I?.5:1,userSelect:"none",position:"relative",borderRadius:r?b.radius.full:p.radius,outline:"none",willChange:"box-shadow, transform, outline-offset",transition:"box-shadow 140ms ease, transform 90ms ease, outline-offset 140ms ease"}),[s,p,r,b,I]),h=useMemo(()=>css({backgroundColor:C.bg,color:C.fg,border:C.border}),[C]),A=useMemo(()=>css({overflow:"hidden","::before":{content:'""',position:"absolute",inset:0,backgroundColor:C.hoverBg,opacity:0,pointerEvents:"none",transition:"opacity 140ms ease",zIndex:0},"@media (hover: hover) and (pointer: fine)":R&&!I?{":hover::before":{opacity:1}}:{}}),[C,R,I]),H=useMemo(()=>css(N&&!s?{width:"100%",height:"100%",maxWidth:p.minHeight,minWidth:p.minHeight,maxHeight:p.minHeight,display:"flex",alignItems:"center",justifyContent:"center",fontSize:Is(p.iconSize)}:{fontSize:Is(p.fontSize),padding:n||o?`${p.paddingY} ${p.paddingXIcon}`:`${p.paddingY} ${p.paddingX}`}),[N,s,p,n,o]),B=useMemo(()=>css({position:"relative",zIndex:1,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Is(b.spacing.sm),opacity:W?0:1,transition:"opacity 140ms ease"}),[b,W]),M=useMemo(()=>css({height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}),[]),E=useMemo(()=>typeof p.iconSize=="number"?p.iconSize:Math.max(12,Math.round(parseFloat(String(p.iconSize))||16)),[p.iconSize]),L=useMemo(()=>css({position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:E,minWidth:E,maxWidth:E,height:"1em"}),[E]),z=useMemo(()=>X=>css({position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",opacity:X?1:0,transition:"opacity 140ms ease"}),[]),O=useMemo(()=>css({position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",opacity:W?1:0,pointerEvents:"none",zIndex:2,transition:"opacity 140ms ease"}),[W]),_=useMemo(()=>()=>{if(N)return null;let X=!!n;return !X&&!S?null:jsxs("span",{css:L,"aria-hidden":u?true:void 0,children:[jsx("span",{css:z(!S),children:X?T||n:null}),jsx("span",{css:z(!!S),children:$})]})},[N,n,S,L,z,T,u,$]),D=useMemo(()=>()=>{if(N)return null;let X=!!o;return !X&&!F?null:jsxs("span",{css:L,"aria-hidden":u?true:void 0,children:[jsx("span",{css:z(!F),children:X?P||o:null}),jsx("span",{css:z(!!F),children:$})]})},[N,o,F,L,z,P,u,$]),U=!(i||u);return jsxs("button",{ref:w,type:"type"in x&&x.type?x.type:"button","data-variant":e,className:["plainframe-ui-button",d||""].join(" ").trim(),css:[g,m({color:e==="primary"?"primary":e==="destructive"||e==="ghost-destructive"?"danger":"neutral"}),h,A,H,k],onClick:U?v:void 0,disabled:i||void 0,tabIndex:u?-1:void 0,"aria-disabled":i||void 0,"aria-busy":u||void 0,...x,children:[jsxs("span",{className:"plainframe-ui-button-content",css:B,children:[_(),jsx("span",{className:"plainframe-ui-button-label",css:M,children:N?u?$:ks(c,p.iconSize):c}),D()]}),jsx("span",{className:"plainframe-ui-button-center-overlay",css:O,"aria-hidden":"true",children:W?$:null})]})}));Wi.displayName="Button";var Cr=e=>isValidElement(e),lp=e=>{let t=e.type;return t.displayName??t.name},As=(e,t)=>lp(e)===t,ji=e=>As(e,"ButtonGroup"),Vi=e=>As(e,"DropdownMenu"),Ms=e=>As(e,"DropdownMenuTrigger"),Kn=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,cp=(e,t=1)=>e==null?`${t}px`:typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,up=e=>typeof e=="string"&&/^(outlined|outlined-soft|outline-soft)$/i.test(e),Fs=(e,t)=>{if(!Cr(e))return null;if(ji(e)){let n=Children.toArray(e.props.children).filter(isValidElement);return n.length?Fs(t?n[0]:n[n.length-1],t):null}if(Vi(e)){let o=Children.toArray(e.props.children).filter(isValidElement).find(Ms);return o?Fs(o,t):null}if(Ms(e)){let n=Children.toArray(e.props.children??[]).filter(isValidElement);return n.length?n[0]:null}return e},_i=(e,t)=>{if(!e)return false;let n=Fs(e,t==="left"),o=n&&n.props&&typeof n.props=="object"?n.props.variant:void 0;return up(o)},Ui=me.memo(me.forwardRef(function({children:t,attached:n=false,direction:o="horizontal",fullWidth:r=false,disabled:s=false,size:i="md",rounded:u=false,gap:a,width:l,className:c,role:d="group",css:R,__clipLeft:f,__clipRight:v,...k},x){let w=V(),b=i==="sm"?w.radius.sm:w.radius.md,m=u?w.radius.full:b,p=o==="vertical",C=cp(w.componentHeights.border,1),N=w.surface.border,y=n&&!!f,T=n&&!!v,P=css({display:"flex",flexDirection:p?"column":"row",width:r?"100%":l!=null?Kn(l):"auto",maxWidth:"none",backgroundColor:"transparent",gap:n?0:Kn(a??w.spacing.sm)}),$=Children.toArray(t),W=$.filter(Cr).length,S=0,F=false,I=[];for(let g of $){if(!Cr(g)){I.push(g);continue}let h=S===0,A=S===W-1,H=g.props??{},B=H.disabled??s,M=H.size??i,E=0,L=0,z=0,O=0;n&&(p?(E=h?y?0:m:0,L=h?T?0:m:0,O=A?y?0:m:0,z=A?T?0:m:0):(E=h?y?0:m:0,O=h?y?0:m:0,L=A?T?0:m:0,z=A?T?0:m:0));let _=_i(g,"left"),D=_i(g,"right"),se=n&&!h&&!(F&&_)&&!(F||_)?css({[p?"borderTop":"borderLeft"]:`${C} solid ${N}`}):null,q=n&&!h&&F&&_?css(p?{borderTopWidth:0}:{borderLeftWidth:0}):null,Y=n?css({borderTopLeftRadius:Kn(E),borderTopRightRadius:Kn(L),borderBottomRightRadius:Kn(z),borderBottomLeftRadius:Kn(O)}):null,le=r?css({flex:1}):null,ie=css([Y,se,q,le]);if(!Vi(g)){let Ce=H.css,Ie=[H.className,"plainframe-ui-button-group-item"].filter(Boolean).join(" "),Te=ji(g)&&n?{__clipLeft:!h,__clipRight:!A}:{},we=cloneElement(g,{...H,disabled:B,size:M,className:Ie,css:[Ce,ie],...Te});I.push(we),F=D,S+=1;continue}let be=H.children,Pe=Children.map(be,Ce=>{if(!Cr(Ce)||!Ms(Ce))return Ce;let Ie=Ce.props,Te=[Ie.className,"plainframe-ui-button-group-item"].filter(Boolean).join(" ");return cloneElement(Ce,{...Ie,css:[Ie.css,ie],className:Te,disabled:B,size:M})}),Re=cloneElement(g,{...H,children:Pe});I.push(Re),F=D,S+=1;}return jsx("div",{ref:x,role:d,"aria-orientation":p?"vertical":"horizontal","data-attached":n||void 0,"data-direction":o,className:["plainframe-ui-button-group",c||""].join(" ").trim(),css:[P,R],...k,children:I})}));Ui.displayName="ButtonGroup";var Rr=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,bp=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.spacing??t.space;return Rr(n?.[e]??e)}}},hp=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.radius??t.radii;return Rr(n?.[e]??e)}}},yp=(e,t)=>{let n=t.surface??{};return e==="panel"||e==="outlined"?n.panelBg??"transparent":e==="subtle"?n.subtleBg??"transparent":"transparent"},xp=(e,t,n)=>{let o=t.surface??{};return e==="panel"||e==="outlined"?o.panelHover??o.panelBg??n:e==="subtle"?o.subtleHover??o.subtleBg??n:o.subtleBg??n},_n=me.memo(forwardRef(function({children:t,css:n,variant:o="ghost",padding:r,radius:s,className:i,hoverable:u,selectable:a,selected:l,defaultSelected:c,onSelectedChange:d,width:R,height:f,onClick:v,onKeyDown:k,role:x,tabIndex:w,...b},m){let p=V(),C=p.surface??{},[N,y]=useState(!!c),T=l!=null,P=T?!!l:N,$=useMemo(()=>yp(o,p),[o,p]),K=useMemo(()=>xp(o,p,$),[o,p,$]),W=K,S=useMemo(()=>bp(r,p),[r,p]),F=useMemo(()=>hp(s,p),[s,p]),I=!!u||!!a,g=useMemo(()=>css({backgroundColor:$,padding:S,borderRadius:F,border:o==="outlined"?`${p.componentHeights?.border??"1px"} solid ${C.border??"transparent"}`:void 0,backgroundClip:"padding-box",boxSizing:"border-box",width:R?"100%":void 0,maxWidth:Rr(R),height:Rr(f),outline:"none",transition:"background-color .16s ease, border-color .16s ease",cursor:I?"pointer":void 0,...I?{"&:hover":{backgroundColor:K}}:{},'&[data-selected="true"]':{backgroundColor:W},...I?{'&[data-selected="true"]:hover':{backgroundColor:W}}:{}}),[$,S,F,o,p.componentHeights,C.border,R,f,I,K,W]),h=useCallback(()=>{if(!a)return;let M=!P;T||y(M),d?.(M);},[T,d,a,P]),A=useCallback(M=>{a&&h(),v?.(M);},[a,h,v]),H=useCallback(M=>{a&&(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),h()),k?.(M);},[a,h,k]),B=xe();return jsx("div",{ref:m,"data-variant":o,"data-selected":a&&P?"true":void 0,"aria-pressed":a?P:void 0,className:["plainframe-ui-container",i||""].join(" ").trim(),css:[B(),g,n],onClick:A,onKeyDown:H,role:a?x??"button":x,tabIndex:a?w??0:w,...b,children:t})}));_n.displayName="Container";var Cp=e=>e==null?void 0:typeof e=="number"?`${e}px`:e;function Ns(e,t){if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.spacing??t.space;if(n&&e in n){let o=n[e];return Cp(o)}return e}}}function yo(e){switch(e){case "center":return "center";case "end":return "flex-end";case "start":default:return "flex-start"}}function Ds(e){switch(e){case "center":return "center";case "end":return "right";case "start":default:return "left"}}function Rp(e,t){if(e==null)return t.spacing?.md??void 0;if(typeof e=="number")return e;if(typeof e=="string"){let n=t.spacing??t.space??{};return e in n?n[e]:e}}function xo(e,t,n,o){let r=Ns(t,e),s=Ns(n,e),i=Ns(o,e),u={};return r&&!s&&!i&&(u.padding=r),s&&(u.paddingLeft=s,u.paddingRight=s),i&&(u.paddingTop=i,u.paddingBottom=i),u}function qi(e,t){if(t)return t==="primary"?e.text?.primary:t==="secondary"?e.text?.secondary:t}var Gi=me.createContext("horizontal"),Hs=()=>me.useContext(Gi),Xi=me.memo(me.forwardRef(({children:e,css:t,variant:n="ghost",padding:o="md",radius:r="lg",hoverable:s,selectable:i,selected:u,defaultSelected:a,onSelectedChange:l,width:c="100%",height:d,gap:R,direction:f="horizontal",className:v,onClick:k,...x},w)=>{let b=V(),m=xe(),p=f==="vertical",C=css({position:"relative",display:"flex",flexDirection:p?"column":"row",gap:Rp(R,b),alignItems:p?"stretch":"center",transition:"all .16s ease"});return jsx(Gi.Provider,{value:f,children:jsx(_n,{ref:w,variant:n,padding:o,radius:r,hoverable:s,selectable:i,selected:u,defaultSelected:a,onSelectedChange:l,width:c,height:d,className:["plainframe-ui-card",v||""].join(" ").trim(),css:[m(),C,t],onClick:k,tabIndex:k?0:void 0,...x,children:e})})}));Xi.displayName="Card";me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,...u})=>{let a=V(),c=Hs()==="vertical",d=css({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:yo(o),textAlign:Ds(o),...c?{width:"100%"}:{flex:1,minWidth:0},...xo(a,r,s,i)});return jsx("div",{"data-slot":"card-content",className:["plainframe-ui-card-content",n||""].join(" ").trim(),css:[d,t],...u,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,...u})=>{let a=V(),c=Hs()==="vertical",d=css({display:"flex",flexShrink:0,justifyContent:yo(o),alignItems:yo(o),...c?{width:"100%"}:{},...xo(a,r,s,i)});return jsx("div",{"data-slot":"card-start",className:["plainframe-ui-card-start",n||""].join(" ").trim(),css:[d,t],...u,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,...u})=>{let a=V(),c=Hs()==="vertical",d=css({display:"flex",flexShrink:0,justifyContent:yo(o),alignItems:yo(o),...c?{width:"100%"}:{},gap:a.spacing.xs,color:a.text.secondary,...xo(a,r,s,i)});return jsx("div",{"data-slot":"card-end",className:["plainframe-ui-card-end",n||""].join(" ").trim(),css:[d,t],...u,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,weight:u,size:a,color:l,...c})=>{let d=V(),R=css({fontWeight:u??500,fontSize:a??(d.typography?.sizes?.sm!==void 0?d.typography.sizes.sm:"1rem"),color:qi(d,l)??d.text?.primary,textAlign:Ds(o),...xo(d,r,s,i),display:"flex",alignItems:"center",gap:d.spacing?.xs??6});return jsx("div",{"data-slot":"card-title",className:["plainframe-ui-card-title",n||""].join(" ").trim(),css:[R,t],...c,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,weight:u,size:a,color:l,...c})=>{let d=V(),R=css({fontWeight:u??400,fontSize:a??(d.typography?.sizes?.sm!==void 0?d.typography.sizes.sm:"0.875rem"),color:qi(d,l)??d.text?.secondary,marginTop:d.spacing?.xxs??2,textAlign:Ds(o),...xo(d,r,s,i)});return jsx("div",{"data-slot":"card-description",className:["plainframe-ui-card-description",n||""].join(" ").trim(),css:[R,t],...c,children:e})});var Ji=e=>isValidElement(e),kp=e=>Ji(e)?e.type?.displayName||e.type?.name:void 0,Yi=e=>kp(e)==="Card",Ip=e=>typeof e=="number"?`${e}px`:e,Zi=({children:e,attached:t=false,gap:n,width:o,direction:r="vertical",variant:s,className:i,role:u="group",css:a})=>{let l=V(),c=r==="vertical",d=String(l.componentHeights?.border??"1px"),R=l.surface.border,f={display:"flex",flexDirection:c?"column":"row",width:typeof o=="string"||typeof o=="number"?Ip(o):"auto",maxWidth:"none",gap:t?0:n??l.spacing?.sm},v=Children.toArray(e),x=v.filter(Yi).length,w=0,b=v.map((m,p)=>{if(!Yi(m)||!Ji(m))return m;let C=m.props,N=w++,y=N===0,T=N===x-1,P=s??C.variant,$=t?c?{borderTopLeftRadius:y?C.radius:0,borderTopRightRadius:y?C.radius:0,borderBottomLeftRadius:T?C.radius:0,borderBottomRightRadius:T?C.radius:0}:{borderTopLeftRadius:y?C.radius:0,borderBottomLeftRadius:y?C.radius:0,borderTopRightRadius:T?C.radius:0,borderBottomRightRadius:T?C.radius:0}:void 0,K=t&&!y?c?{borderTopWidth:0}:{borderLeftWidth:0}:void 0,W=P==="subtle"&&x>1&&!y?c?{borderTop:`${d} solid ${R}`}:{borderLeft:`${d} solid ${R}`}:null,F=[$,K,W,t?{width:"100%"}:{width:"100%",marginBottom:c?0:void 0,marginRight:c?void 0:0}].filter(Boolean),I=[C.className,"plainframe-ui-card-group-item"].filter(Boolean).join(" ");return cloneElement(m,{...C,variant:P??C.variant,css:[C.css,...F],className:I,key:typeof m=="object"&&"key"in m?m.key:p})});return jsx("div",{role:u,"aria-orientation":c?"vertical":"horizontal","data-attached":t||void 0,"data-direction":r,className:["plainframe-ui-card-group",i||""].join(" ").trim(),css:[f,a],children:b})};Zi.displayName="CardGroup";var Le=e=>typeof e=="number"?`${e}px`:e,el=e=>{let t=false;return me.Children.forEach(e,n=>{t||(typeof n=="string"||typeof n=="number"?String(n).trim()!==""&&(t=true):Array.isArray(n)&&el(n)&&(t=true));}),t},Ap=(e,t)=>t==="sm"?{fontSize:e.typography.sizes.xs,paddingX:`calc(${e.spacing.sm} * 0.7)`,paddingY:e.spacing.xs,gap:e.spacing.xxs,iconSize:e.typography.sizes.xs,radius:`calc(${e.radius.sm} * 0.8)`,soloPadding:e.spacing.xs,iconOffset:"0px",iconOffsetRounded:"-2px"}:t==="lg"?{fontSize:e.typography.sizes.md,paddingX:e.spacing.sm,paddingY:`calc(${e.spacing.sm} * 0.6)`,gap:e.spacing.xs,iconSize:e.typography.sizes.md,radius:e.radius.md,soloPadding:e.spacing.sm,iconOffset:"0px",iconOffsetRounded:"-3px"}:{fontSize:e.typography.sizes.sm,paddingX:`calc(${e.spacing.sm} * 0.9)`,paddingY:e.spacing.xs,gap:e.spacing.xxs,iconSize:e.typography.sizes.sm,radius:e.radius.sm,soloPadding:e.spacing.xs,iconOffset:"-1px",iconOffsetRounded:"-3px"},tl=me.memo(forwardRef(function({children:t,labelCss:n,variant:o="soft",color:r="primary",rounded:s=false,startIcon:i,endIcon:u,size:a="md",onClick:l,onDelete:c,deleteIcon:d,disabled:R,cursor:f,className:v,css:k},x){let w=V(),b=xe(),m=["sm","md","lg"].includes(a)?a:"md",p=useMemo(()=>Ap(w,m),[w,m]),C=!!l&&!R,N=R?"not-allowed":f||(C?"pointer":"inherit"),y=String(w.componentHeights?.border??"1px"),T=useMemo(()=>{let X=w.palette;return r==="secondary"||r==="neutral"?"neutral":r&&X[r]?r:"primary"},[r,w.palette]),P=useCallback(X=>{let se=w.palette;return (T==="neutral"?w.neutral[X]:se[T]?.[X])??se.primary?.[X]},[T,w.neutral,w.palette]),$=useMemo(()=>T==="neutral"?w.neutral[100]:P(50),[T,P,w.neutral]),K=useMemo(()=>T==="neutral"?w.text.secondary:P(800),[T,P,w.text.secondary]),W=useMemo(()=>T==="neutral"?w.neutral[100]:P(50),[T,P,w.neutral]),S=useMemo(()=>T==="neutral"?w.text.secondary:P(800),[T,P,w.text.secondary]),F=useMemo(()=>T==="neutral"?w.neutral[400]:P(300),[T,P,w.neutral]),I=useMemo(()=>T==="neutral"?w.surface.subtleBg:P(600),[T,P,w.surface.subtleBg]),g=useMemo(()=>(w.text.onColors??{})[T]??(T==="neutral"?w.neutral[900]:w.neutral[0]??"#fff"),[T,w.text.onColors,w.neutral]),h="transparent",A=useMemo(()=>T==="neutral"?w.text.secondary:P(700)??w.text.primary,[T,P,w.text.primary,w.text.secondary]),H=useMemo(()=>!i&&!u&&t!=null&&!el(t)&&me.Children.count(t)===1,[i,u,t]),B=useMemo(()=>o==="filled"?css({backgroundColor:I,color:g,border:"none",boxShadow:"none"}):o==="outlined"?css({backgroundColor:W,color:S,border:"none",boxShadow:`inset 0 0 0 ${y} ${F}`}):o==="ghost"?css({backgroundColor:h,color:A,border:"none",boxShadow:"none"}):css({backgroundColor:$,color:K,border:"none",boxShadow:"none"}),[I,g,A,W,S,F,$,K,y,o]),M=useMemo(()=>css({display:"inline-flex",alignItems:"center",gap:Le(p.gap),padding:o==="ghost"?0:H||t==null?Le(p.soloPadding):`${Le(p.paddingY)} ${Le(p.paddingX)}`,borderRadius:s?w.radius.full:p.radius,fontWeight:600,cursor:N,opacity:R?.55:1,transition:"outline .16s ease, outline-offset .16s ease",overflow:o==="ghost"?"visible":"hidden",...H?{lineHeight:1,minWidth:`calc(${Le(p.iconSize)} + ${Le(p.soloPadding)} * 2)`,minHeight:`calc(${Le(p.iconSize)} + ${Le(p.soloPadding)} * 2)`,justifyContent:"center"}:null}),[p,N,t,R,H,s,w.radius.full,o]),E=useMemo(()=>css({fontSize:Le(H?p.iconSize:p.fontSize),lineHeight:1.2,minWidth:0,display:"inline-flex",alignItems:"center",justifyContent:"center","& > svg":{width:H?Le(p.iconSize):void 0,height:H?Le(p.iconSize):void 0,display:H?"block":void 0}}),[p.fontSize,p.iconSize,H]),L=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:Le(p.iconSize),lineHeight:0,"& > svg":{width:Le(p.iconSize),height:Le(p.iconSize),display:"block"}}),[p.iconSize]),z=useMemo(()=>css({marginRight:H||t==null?0:Le(p.gap),marginLeft:H||t==null?0:Le(p.iconOffset)}),[p.gap,p.iconOffset,t,H]),O=useMemo(()=>css({marginLeft:H||t==null?0:Le(p.gap),marginRight:H||t==null?0:Le(s?p.iconOffsetRounded:p.iconOffset)}),[p.gap,p.iconOffset,p.iconOffsetRounded,t,H,s]),_=useMemo(()=>css({marginRight:s?0:Le(p.iconOffset),padding:0,border:"none",outline:"none",background:"transparent",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:R?"not-allowed":"pointer",color:"currentColor",opacity:R?.4:.85,transition:"background-color .16s ease, color .16s ease, opacity .16s ease, outline .16s ease, outline-offset .16s ease",fontSize:Le(p.iconSize),borderRadius:w.radius.xs}),[p.iconOffset,p.iconSize,R,s,w.radius.xs]),D=useCallback(X=>{C&&(X.key==="Enter"||X.key===" ")&&(X.preventDefault(),l?.());},[C,l]),U=useMemo(()=>jsx(X,{css:{width:p.iconSize,height:p.iconSize},strokeWidth:2.5}),[p.iconSize]);return jsxs("div",{ref:x,className:["plainframe-ui-chip",C?"plainframe-ui-chip-clickable":"",v||""].join(" ").trim(),css:[M,B,C?b({color:r??"primary"}):null,k],onClick:C?l:void 0,onKeyDown:D,role:C?"button":void 0,tabIndex:C?0:void 0,"aria-disabled":R||void 0,"data-variant":o,"data-color":T,"data-size":a,"data-icon-only":H||void 0,children:[i&&jsx("span",{css:[L,z],className:"plainframe-ui-chip-icon-left",children:i}),t!=null&&jsx("span",{css:[E,n],className:"plainframe-ui-chip-label",children:t}),u&&jsx("span",{css:[L,O],className:"plainframe-ui-chip-icon-right",children:u}),c&&jsx("button",{type:"button","aria-label":"Delete",disabled:R,tabIndex:0,onClick:X=>{X.stopPropagation(),R||c?.();},css:[_,b({color:r??"primary"})],className:"plainframe-ui-chip-delete",children:d||U})]})}));tl.displayName="Chip";var Hp=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Lp=me.memo(function({value:t,onChange:n,len:o,theme:r,sizeKey:s,s:i,variant:u,error:a,disabled:l,ringEnabled:c,focusRingMode:d,placeholder:R,separator:f,gapPx:v}){let k=xe(),x=r.neutral,w=r.text,b=r.componentHeights.border,m=useRef([]),[p,C]=useState(0),N=useMemo(()=>(t??"").padEnd(o,"").slice(0,o).split(""),[t,o]),y=useMemo(()=>{if(!R)return Array(o).fill("");if(R.length===1)return Array(o).fill(R);let H=R.slice(0,o).split("");for(;H.length<o;)H.push("");return H},[R,o]),T=useMemo(()=>{let H=r.componentHeights[s];return `calc(${typeof H=="number"?`${H}px`:H} * 1.5)`},[r.componentHeights,s]),P=l?x[200]:a&&u==="outlined"?r.palette.danger?.[50]??r.surface.panelBg:a&&u==="subtle"?r.palette.danger?.[50]??r.surface.subtleBg:u==="subtle"?r.surface.subtleBg:u==="outlined"?r.surface.panelBg:"transparent",$=u==="outlined"?`${b} solid ${a?r.palette.danger?.[300]??r.surface.border:r.surface.border}`:"none",K=H=>css({width:T,height:T,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:P,border:$,borderRadius:r.radius.lg,transition:"box-shadow .16s, border-color .16s, background .16s",fontSize:i.codeFontSize,fontWeight:600,color:l?x[500]:a?r.palette.danger?.[800]??w.primary:w.primary,textAlign:"center",backgroundClip:"padding-box",appearance:"textfield",outline:"none",caretColor:a?r.palette.danger?.[800]??w.primary:w.primary,"&::placeholder":{color:a?r.palette.danger?.[700]??w.secondary:w.secondary,opacity:.85}},c?k({enabled:true,disabled:l,mode:d==="always"?"always":"visible",color:a?"danger":void 0}):void 0,H?css({}):null),W=css({display:"flex",gap:v,justifyContent:"center",width:"auto",pointerEvents:l?"none":"auto",opacity:l?.65:1}),S=css({display:"inline-flex",alignItems:"center",justifyContent:"center",color:w.secondary,userSelect:"none"}),F=H=>H.replace(/[^a-zA-Z0-9]/g,"").toUpperCase(),I=useCallback(H=>{let B=Math.max(0,Math.min(o-1,H));C(B),m.current[B]?.focus();},[o]),g=useCallback((H,B)=>{let M=F(B).slice(0,1),E=[...N];E[H]=M,n(E.join("")),M&&H<o-1&&I(H+1);},[N,o,n,I]),h=useCallback((H,B)=>{if(B.key==="Backspace")if(!N[H]&&H>0){let M=[...N];M[H-1]="",n(M.join("")),I(H-1),B.preventDefault();return}else {let M=[...N];M[H]="",n(M.join(""));return}if(B.key==="ArrowLeft"&&H>0){B.preventDefault(),I(H-1);return}if(B.key==="ArrowRight"&&H<o-1){B.preventDefault(),I(H+1);return}if(B.key==="Home"){B.preventDefault(),I(0);return}if(B.key==="End"){B.preventDefault(),I(o-1);return}},[N,o,n,I]),A=useCallback(H=>{let B=F(H.clipboardData.getData("text")).slice(0,o);B&&(n(B),requestAnimationFrame(()=>{let M=Math.min(B.length,o-1);I(M);}),H.preventDefault());},[o,n,I]);return jsx("div",{className:"plainframe-ui-code-boxes",css:W,children:Array.from({length:o}).map((H,B)=>jsxs(me.Fragment,{children:[jsx("input",{ref:M=>{m.current[B]=M;},type:"text",inputMode:"text",maxLength:1,value:N[B]||"",placeholder:N[B]?"":y[B]||"",disabled:l,onChange:M=>g(B,M.target.value),onKeyDown:M=>h(B,M),onFocus:()=>C(B),onPaste:B===0?A:void 0,className:"plainframe-ui-code-box",css:K(B===p),"aria-label":`Code character ${B+1}`,tabIndex:B===p?0:-1}),f&&B<o-1?jsx("span",{"aria-hidden":true,role:"presentation",css:S,children:f}):null]},B))})}),Bp=({label:e,value:t,defaultValue:n="",onChange:o,placeholder:r,separator:s,error:i,helperText:u,disabled:a=false,gap:l,size:c="md",variant:d="subtle",length:R=4,focusRingMode:f="always",className:v,wrapperCss:k,labelCss:x,helperRowCss:w,helperTextCss:b,css:m})=>{let p=V(),C=useId(),N=useMemo(()=>({sm:{labelFont:p.typography.sizes.xs,helperFont:p.typography.sizes.xs,minHeight:p.componentHeights.sm,paddingY:0,paddingX:p.spacing.md,codeFontSize:21},md:{labelFont:p.typography.sizes.sm,helperFont:p.typography.sizes.xs,minHeight:p.componentHeights.md,paddingY:0,paddingX:p.spacing.md,codeFontSize:24},lg:{labelFont:p.typography.sizes.md,helperFont:p.typography.sizes.sm,minHeight:p.componentHeights.lg,paddingY:0,paddingX:p.spacing.md,codeFontSize:28}}),[p]),y=["sm","md","lg"].includes(c)?c:"md",T=N[y],P=p.neutral,$=p.text,K=t!=null,[W,S]=useState(n),F=K?t:W,I=z=>{K||S(z),o?.(z);},g=Math.max(2,Math.min(R,10)),h=p.spacing.sm,A=Hp(l??h)??"0px",H=css({boxSizing:"border-box",display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:4,width:"auto",maxWidth:"unset",fontWeight:500,cursor:a?"not-allowed":"auto"},...Array.isArray(k)?k:k?[k]:[]),B=css({fontSize:T.labelFont,fontWeight:500,color:i?p.palette.danger?.[700]??$.primary:a?P[500]:$.primary,marginBottom:4,display:"block",cursor:a?"not-allowed":"auto"},...Array.isArray(x)?x:x?[x]:[]),M=css({display:"flex",alignItems:"center",justifyContent:"center",gap:A,width:"auto",background:"transparent",outline:"none",boxShadow:"none"},...Array.isArray(m)?m:m?[m]:[]),E=css({minHeight:16,fontSize:T.helperFont,color:i?p.palette.danger?.[700]??$.secondary:$.secondary,paddingTop:3,display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:8,width:"100%"},...Array.isArray(w)?w:w?[w]:[]),L=css({flex:1,wordBreak:"break-word",whiteSpace:"pre-wrap",minWidth:0,fontWeight:400,color:i?p.palette.danger?.[700]??$.primary:a?P[500]:$.primary},...Array.isArray(b)?b:b?[b]:[]);return jsxs("div",{className:["plainframe-ui-codefield",v||""].join(" ").trim(),css:H,children:[e&&jsx("span",{id:C,className:"plainframe-ui-codefield-label",css:B,children:e}),jsx("div",{className:"plainframe-ui-codefield-row",css:M,role:"group","aria-labelledby":e?C:void 0,tabIndex:-1,children:jsx(Lp,{value:F||"",onChange:I,len:g,theme:p,sizeKey:y,s:{codeFontSize:T.codeFontSize},variant:d,error:!!i,disabled:a,ringEnabled:f!=="none",focusRingMode:f,placeholder:r,separator:s,gapPx:A})}),u!=null&&jsx("div",{className:"plainframe-ui-codefield-helper",css:E,children:jsx("span",{className:"plainframe-ui-codefield-helper-text",css:L,children:u})})]})};var al=e=>{if(typeof e=="object"&&e!==null&&"type"in e&&e.type){let t=e.type;return (typeof t=="object"&&t!==null||typeof t=="function")&&(t?.displayName||t?.name)||""}return ""},Bs=e=>{if(!e||typeof e!="object")return false;let t=al(e);if(t==="DropdownMenu"||t==="DropdownMenuContent")return true;let n=e?.props,o=n&&typeof n=="object"&&n!==null&&"children"in n?n.children:void 0;return o==null?false:Array.isArray(o)?o.some(Bs):Bs(o)},zp=({children:e,content:t,trigger:n="contextmenu",onOpenChange:o,hoverPosition:r="cursor",hoverOffset:s=10})=>{let i=me.useRef(null),[u,a]=me.useState(false),l=me.useCallback(E=>{a(E),o?.(E);},[o]),c=me.useCallback(()=>l(false),[l]),d=me.useRef({x:0,y:0}),R=me.useRef(null),f=me.useRef(null),v=me.useCallback(()=>{f.current=null;let E=R.current;if(!E)return;let L=Math.round(d.current.x),z=Math.round(d.current.y);E.style.transform=`translate3d(${L}px, ${z}px, 0)`;},[]),k=me.useCallback(()=>{f.current==null&&(f.current=requestAnimationFrame(v));},[v]);me.useEffect(()=>()=>{f.current&&cancelAnimationFrame(f.current);},[]);let x=me.useMemo(()=>({getBoundingClientRect:()=>{let E=Math.round(d.current.x),L=Math.round(d.current.y);return {x:E,y:L,left:E,top:L,right:E,bottom:L,width:0,height:0,toJSON:()=>({x:E,y:L})}}}),[]),w=me.useRef(`cz-${Math.random().toString(36).slice(2)}`),b=me.useCallback(()=>typeof document<"u"?document.querySelector(`[data-cz-id="${w.current}"]`):null,[]),m=me.useRef(null),p=me.useRef(null),C=me.useCallback(()=>{m.current!=null&&clearTimeout(m.current),m.current=null;},[]),N=me.useCallback(()=>{p.current!=null&&clearTimeout(p.current),p.current=null;},[]),y=me.useCallback(()=>{N(),p.current=window.setTimeout(()=>l(false),0);},[N,l]),T=me.useCallback(()=>{let E=i.current?.getBoundingClientRect();return E?{x:E.left+E.width/2,y:E.top+E.height/2}:{x:0,y:0}},[]),P=me.useCallback((E,L)=>{d.current={x:E,y:L},k(),l(true);},[k,l]),$=typeof t=="function"?t({close:c}):t,K=Bs($),W=E=>{if(!me.isValidElement(E))return E;let L=al(E),z=E,O=z.props.children,_=O==null?O:Array.isArray(O)?O.map(D=>me.isValidElement(D)?W(D):D):me.isValidElement(O)?W(O):O;if(L==="DropdownMenu"){let D=z.props.onOpenChange;return me.cloneElement(z,{...z.props,open:u,onOpenChange:U=>{D?.(U),l(U);},children:_})}if(L==="DropdownMenuContent"){let D=z.props.onMouseEnter,U=z.props.onMouseLeave;return me.cloneElement(z,{...z.props,anchor:x,"data-cz-id":w.current,onMouseEnter:X=>{N(),D?.(X);},onMouseLeave:X=>{y(),U?.(X);},children:_})}return _===O?z:me.cloneElement(z,{...z.props,children:_})},S=K?W($):$,F=me.useCallback(E=>{E.preventDefault(),P(E.clientX,E.clientY);},[P]),I=me.useCallback(E=>{n==="contextmenu"&&F(E);},[n,F]),g=me.useCallback(E=>{n==="dblclick"&&F(E);},[n,F]),h=me.useCallback(E=>{n==="click"&&F(E);},[n,F]),A=me.useCallback(E=>{if(n!=="hover")return;C(),N();let L=r==="center"?T():{x:E.clientX,y:E.clientY};m.current=window.setTimeout(()=>{let z=L.x+(r==="cursor"?s:0),O=L.y+(r==="cursor"?s:0);P(z,O);},0);},[n,r,s,T,P,C,N]),H=me.useCallback(E=>{n==="hover"&&u&&r==="cursor"&&!K&&(d.current={x:E.clientX+s,y:E.clientY+s},k());},[n,u,r,K,s,k]),B=me.useCallback(()=>{n==="hover"&&(C(),y());},[n,C,y]);me.useEffect(()=>{if(n!=="hover")return;let E=()=>{if(!u)return;let L=i.current?.matches(":hover"),z=b()?.matches?.(":hover");L||z?N():y();};return window.addEventListener("pointermove",E,{passive:true,capture:true}),()=>window.removeEventListener("pointermove",E,{capture:true})},[u,n,b,N,y]),me.useEffect(()=>{let E=()=>{if(u)if(n==="hover"){let L=i.current?.matches(":hover"),z=b()?.matches?.(":hover");if(L||z?N():y(),r==="center"&&i.current){let O=T();d.current={x:O.x,y:O.y},k();}}else l(false);};return window.addEventListener("scroll",E,true),window.addEventListener("resize",E,true),()=>{window.removeEventListener("scroll",E,true),window.removeEventListener("resize",E,true);}},[u,n,r,T,k,l,N,y,b]),me.useEffect(()=>()=>{C(),N();},[C,N]);let M=({children:E})=>u?jsx("div",{ref:R,style:{position:"fixed",left:0,top:0,transform:`translate3d(${Math.round(d.current.x)}px, ${Math.round(d.current.y)}px, 0)`,willChange:"transform",zIndex:1e3,pointerEvents:"auto"},onMouseEnter:()=>n==="hover"&&N(),onMouseLeave:()=>n==="hover"&&y(),children:E}):null;return jsxs("div",{ref:i,onContextMenu:I,onDoubleClick:g,onClick:h,onMouseEnter:A,onMouseMove:H,onMouseLeave:B,css:css({position:"relative"}),className:"plainframe-ui-context-zone-wrapper",children:[e,K?S:jsx(M,{children:S})]})};var Vn=(e,t="0px")=>e==null?t:typeof e=="number"?`${e}px`:e,_p=me.memo(forwardRef(function({label:t,variant:n="full",direction:o="horizontal",labelPosition:r="center",thickness:s=1,width:i,middleMargin:u="5px",insetMargin:a="10px",chip:l=false,chipVariant:c="subtle",rounded:d=false,margin:R=10,css:f,labelCss:v,strokeCss:k,className:x,...w},b){let m=V(),{t:p,strokeColor:C,labelTextColor:N,chipSubtleBg:y,chipOutlinedBg:T,outerM:P,padX:$,verticalStrokeMargin:K}=useMemo(()=>{let g=typeof s=="number"?`${s}px`:s,h=m.surface.border,A=m.text.secondary,H=m.surface.subtleBg,B=m.surface.panelBg,M=Vn(R,"10px"),E=o==="horizontal"?n==="middle"?Vn(u):n==="inset"?Vn(a,"0px"):"0":"0",L=o==="vertical"?n==="middle"?Vn(u):n==="inset"?Vn(a,"0px"):"0":"0";return {t:g,strokeColor:h,labelTextColor:A,chipSubtleBg:H,chipOutlinedBg:B,outerM:M,padX:E,verticalStrokeMargin:L}},[s,m,o,n,u,a,R]),W=useMemo(()=>css([{display:"flex",alignItems:"center"},o==="vertical"?{flexDirection:"column",alignSelf:"stretch",width:t?"max-content":p,minWidth:t?"max-content":p,marginLeft:P,marginRight:P}:{flexDirection:"row",width:i?Vn(i):"100%",minWidth:0,paddingLeft:$,paddingRight:n==="middle"?$:"0",marginTop:P,marginBottom:P},...Array.isArray(f)?f:f?[f]:[]]),[o,t,p,P,i,$,n,f]),S=useMemo(()=>css([{background:C,borderRadius:d?m.radius.full:m.radius.xs},o==="vertical"?{width:p,minHeight:18,flex:1,marginTop:K,marginBottom:K}:{height:p,flex:1}]),[C,d,m.radius.full,m.radius.xs,o,p,K]),F=useMemo(()=>css([{margin:l?o==="vertical"?"4px 0":0:o==="vertical"?"2px 0":0,padding:l?"3px 7px":0,borderRadius:l?d?m.radius.full:`calc(${m.radius.sm} * 0.75)`:`calc(${m.radius.sm} * 0.75)`,color:N,fontWeight:500,fontSize:13,textAlign:"center",alignSelf:"center",whiteSpace:o==="vertical"?"normal":"pre",wordBreak:o==="vertical"?"break-all":void 0,...l?c==="subtle"?{background:y,border:"none"}:{background:T,border:`${p} solid ${C}`}:{}},...Array.isArray(v)?v:v?[v]:[]]),[l,o,d,m.radius.full,m.radius.sm,N,c,y,T,p,C,v]),I=useMemo(()=>jsx("div",{className:"plainframe-ui-divider-stroke",css:[S,k]}),[S,k]);return o==="vertical"?jsxs("div",{ref:b,"data-direction":"vertical","data-variant":n,"data-chip":l?"true":void 0,className:["plainframe-ui-divider-wrapper","is-vertical",x||""].join(" ").trim(),css:W,...w,children:[t&&r!=="top"&&I,t&&jsx("span",{className:"plainframe-ui-divider-label",css:F,children:t}),t&&r!=="bottom"&&I,!t&&I]}):jsxs("div",{ref:b,"data-direction":"horizontal","data-variant":n,"data-chip":l?"true":void 0,className:["plainframe-ui-divider-wrapper",x||""].join(" ").trim(),css:W,...w,children:[t&&r!=="left"&&I,t&&jsx("span",{className:"plainframe-ui-divider-label",css:F,children:t}),t&&r!=="right"&&I,!t&&I]})}));var ml=me.createContext(null),fl=()=>{let e=useContext(ml);if(!e)throw new Error("Drawer components must be used within <Drawer>.");return e},gl=({children:e,open:t,defaultOpen:n,onOpenChange:o,lockScroll:r=true,closeOnEscape:s=true})=>{let[i,u]=useState(!!n),a=t??i,l=useCallback(d=>{t===void 0&&u(d),o?.(d);},[t,o]),c=useMemo(()=>({open:a,setOpen:l,lockScroll:r,closeOnEscape:s}),[a,l,r,s]);return jsx(ml.Provider,{value:c,children:e})},Up=forwardRef(({asChild:e=true,children:t,className:n,css:o,...r},s)=>{let{setOpen:i}=fl(),u=!!e&&me.isValidElement(t),a=useCallback(c=>{if(u){let d;me.isValidElement(t)&&(d=t.props.onClick),d?.(c);}r.onClick?.(c),c.defaultPrevented||i(true);},[u,t,r.onClick,i]),l=useCallback(c=>{if((c.key==="Enter"||c.key===" ")&&(c.preventDefault(),i(true)),u){let d;me.isValidElement(t)&&(d=t.props.onKeyDown),d?.(c);}r.onKeyDown?.(c);},[u,t,r.onKeyDown,i]);if(u){let c=t,d=c.props.css;return me.cloneElement(c,{...c.props||{},className:[c.props.className,n].filter(Boolean).join(" ")||void 0,css:[d,o].filter(Boolean),onClick:a,onKeyDown:l,...r})}return jsx("button",{ref:s,type:"button",className:n,css:o,onClick:a,onKeyDown:l,...r,children:t})});Up.displayName="DrawerTrigger";var To=0,bl="",hl="",qp=()=>typeof window>"u"?0:window.innerWidth-document.documentElement.clientWidth;function Gp(){if(!(typeof document>"u")){if(To===0){let e=document.body;bl=e.style.overflow||"",hl=e.style.paddingRight||"";let t=qp();e.style.overflow="hidden",t>0&&(e.style.paddingRight=`${t}px`);}To+=1;}}function Xp(){if(!(typeof document>"u")&&(To>0&&(To-=1),To===0)){let e=document.body;e.style.overflow=bl,e.style.paddingRight=hl;}}var Yp=(e,t=0)=>e==null?t:typeof e=="number"?e:parseFloat(String(e))||t,yl=forwardRef(function({children:t,width:n,height:o,position:r="left",variant:s="inset",margin:i=10,radius:u,backdropBlur:a=true,backdropBlurDepth:l,closeOnClickAway:c=true,transitionMs:d,snapClosePct:R=.33,velocityClosePxS:f=950,dragElasticOut:v=.2,className:k,css:x,...w},b){let m=V(),{open:p,setOpen:C,lockScroll:N,closeOnEscape:y}=fl();useEffect(()=>{if(!(!N||!p))return Gp(),()=>Xp()},[p,N]);let T=useMemo(()=>Yp(i,0),[i]),P=useMemo(()=>r==="left"||r==="right"?"x":"y",[r]),$=useMemo(()=>r==="left"||r==="top"?-1:1,[r]),K=useMemo(()=>n??(r==="left"||r==="right"?320:s==="inset"?`calc(100% - ${T*2}px)`:"100%"),[n,r,s,T]),W=useMemo(()=>o??(r==="top"||r==="bottom"?420:s==="inset"?`calc(100% - ${T*2}px)`:"100%"),[o,r,s,T]),S=useMemo(()=>{let q=String(m.radius.lg);switch(r){case "left":return `0 ${q} ${q} 0`;case "right":return `${q} 0 0 ${q}`;case "top":return `0 0 ${q} ${q}`;default:return `${q} ${q} 0 0`}},[r,m.radius.lg]),F=useMemo(()=>u??(s==="inset"?m.radius.lg:S),[u,s,m.radius.lg,S]),I=useMemo(()=>s==="inset"?{top:r==="bottom"?void 0:T,bottom:r==="top"?void 0:T,left:r==="right"?void 0:T,right:r==="left"?void 0:T}:{top:r==="bottom"?void 0:0,bottom:r==="top"?void 0:0,left:r==="right"?void 0:0,right:r==="left"?void 0:0},[s,r,T]),g=useRef(null),h=useCallback(()=>{let q=g.current;if(!q)return 1;let Y=q.getBoundingClientRect();return P==="x"?Y.width:Y.height},[P]),A=useMemo(()=>({type:"spring",stiffness:520,damping:40,mass:.7}),[]),H=useMemo(()=>({duration:(d??280)/1e3,ease:[.22,1,.36,1]}),[d]),B=useMemo(()=>$*1.1,[$]),M=useMemo(()=>P==="x"?{x:`${B*100}%`,y:0}:{y:`${B*100}%`,x:0},[P,B]),E=useMemo(()=>css({position:"fixed",zIndex:1100,...I,width:K,height:W,backgroundColor:m.surface.panelBg,borderRadius:F,overflowY:"auto",WebkitOverflowScrolling:"touch",overscrollBehavior:"contain",willChange:"transform, box-shadow, opacity",backfaceVisibility:"hidden",pointerEvents:p?"auto":"none",touchAction:P==="x"?"pan-y":"pan-x","@media (prefers-reduced-motion: reduce)":{transition:"none"}}),[I,K,W,m.surface,F,p,P]),L=useMemo(()=>css({position:"fixed",inset:0,zIndex:1099,background:m.surface.overlayBg,transition:"all .3s ease",...a?{backdropFilter:`blur(${l??"2px"})`}:null}),[a,l,m.surface]),z=useCallback(()=>{c&&C(false);},[c,C]),O=useMemo(()=>P==="x"?{left:$===-1?v:0,right:$===1?v:0}:{top:$===-1?v:0,bottom:$===1?v:0},[P,$,v]),_=useMemo(()=>P==="x"?{left:0,right:0}:{top:0,bottom:0},[P]),D=useMemo(()=>Math.max(0,Math.min(1,R)),[R]),U=useCallback((q,Y)=>{let le=P==="x"?Y.offset.x:Y.offset.y,ie=P==="x"?Y.velocity.x:Y.velocity.y,be=$*le>0,Pe=Math.abs(le)>=h()*D,Re=$*ie>f;be&&(Pe||Re)&&C(false);},[P,$,h,D,f,C]),X=useRef(null);useEffect(()=>{if(!p)return;X.current=document.activeElement;let q=setTimeout(()=>{let ie=g.current;if(!ie)return;let be=ie.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');be.length>0?be[0].focus():ie.focus();},100),Y=ie=>{let be=g.current;if(!be||!ie.target)return;let Pe=ie.target;if(!be.contains(Pe)){ie.preventDefault();let Re=be.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');Re.length>0?Re[0].focus():be.focus();}},le=ie=>{ie.key==="Escape"&&y&&(ie.stopPropagation(),C(false));};return document.addEventListener("focusin",Y,true),window.addEventListener("keydown",le),()=>{clearTimeout(q),document.removeEventListener("focusin",Y,true),window.removeEventListener("keydown",le),X.current&&typeof X.current.focus=="function"&&X.current.focus();}},[p,C,y]);let{...se}=w;return jsx(AnimatePresence,{children:p?jsxs(Fragment,{children:[jsx(motion.div,{role:"presentation","aria-hidden":true,css:L,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:d?H:{duration:.18,ease:"linear"},onClick:z},"overlay"),jsx(motion.div,{ref:q=>{g.current=q,typeof b=="function"?b(q):b&&(b.current=q);},role:"dialog","aria-modal":"true",tabIndex:-1,"data-position":r,"data-variant":s,className:["plainframe-ui-drawer",k||""].join(" ").trim(),css:[E,x],drag:P,dragConstraints:_,dragElastic:O,dragMomentum:false,dragDirectionLock:true,onDragEnd:U,initial:{...M,opacity:.98},animate:{x:0,y:0,opacity:1},exit:{...M,opacity:.98},transition:d?H:A,...se,children:t},"panel")]}):null})});yl.displayName="DrawerContent";var Jp=forwardRef(function({open:t,on:n,defaultOpen:o,defaultOn:r,onOpenChange:s,onClose:i,children:u,...a},l){let c=t!==void 0?t:n,d=o!==void 0?o:r,R=c!==void 0,[f,v]=useState(!!d),k=R?!!c:f,x=useCallback(w=>{R||v(w),w||i?.(),s?.(w);},[R,i,s]);return jsx(gl,{open:k,onOpenChange:x,children:jsx(yl,{ref:l,...a,children:u})})});Jp.displayName="DrawerLegacy";var Ws=({children:e,duration:t=300,delay:n=0,on:o=false,onAnimationEnd:r,asChild:s=true,className:i,blur:u=false})=>{let a={opacity:o?1:0,filter:u?o?"none":"blur(10px)":"none",transition:`opacity ${t}ms ease ${n}ms, filter ${t}ms ease ${n}ms`,pointerEvents:o?"auto":"none",willChange:"opacity, filter",backfaceVisibility:"hidden"},l=d=>R=>{R.target===R.currentTarget&&(R.propertyName==="opacity"||R.propertyName==="filter")&&r?.(),d?.(R);};if(s&&isValidElement(e)){let d=e,R=d.props.css,f=Array.isArray(R)?[...R,a]:R?[R,a]:[a],v=["plainframe-ui-transition-fade",d.props.className||"",i||""].join(" ").trim(),k=d.props.onTransitionEnd;return cloneElement(d,{...d.props,css:f,className:v,onTransitionEnd:l(k)})}let c=css(a);return jsx("div",{className:["plainframe-ui-transition-fade",i||""].join(" ").trim(),css:c,onTransitionEnd:l(),children:e})};var xl=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,vl=me.memo(({direction:e="row",gap:t="sm",justify:n,align:o="center",className:r,css:s,children:i,width:u,height:a,...l})=>{let c=V(),d=e==="vertical"||e==="column"?"column":"row",R=t===void 0?void 0:typeof t=="number"?t:c.spacing[t]??t,f=css({display:"flex",flexDirection:d,gap:R,justifyContent:n,alignItems:o,maxWidth:xl(u),width:u?"100%":void 0,maxHeight:xl(a),height:a?"100%":void 0,boxSizing:"border-box"});return jsx("div",{className:["plainframe-ui-flex",r||""].join(" ").trim(),css:[f,s],...l,children:i})});vl.displayName="Flex";var Ks=({children:e,duration:t=300,delay:n=0,on:o=false,initialScale:r=0,finalScale:s=1,onAnimationEnd:i,asChild:u=true,className:a})=>{let l={transform:o?`scale(${s})`:`scale(${r})`,transition:`transform ${t}ms ease ${n}ms`,pointerEvents:o?"auto":"none",willChange:"transform",backfaceVisibility:"hidden"},c=R=>f=>{f.target===f.currentTarget&&f.propertyName==="transform"&&i?.(),R?.(f);};if(u&&isValidElement(e)){let R=e,f=R.props.css,v=Array.isArray(f)?[...f,l]:f?[f,l]:[l],k=R.props.onTransitionEnd,x=["plainframe-ui-transition-grow",R.props.className||"",a||""].join(" ").trim();return cloneElement(R,{...R.props,css:v,className:x,onTransitionEnd:c(k)})}let d=css(l);return jsx("div",{className:["plainframe-ui-transition-grow",a||""].join(" ").trim(),css:d,onTransitionEnd:c(),children:e})};var Cl={h1:{size:"2.25rem",weight:800,lh:1.1,ls:"-0.02em"},h2:{size:"1.875rem",weight:700,lh:1.15,ls:"-0.01em"},h3:{size:"1.5rem",weight:600,lh:1.2,ls:"-0.005em"},h4:{size:"1.25rem",weight:500,lh:1.2,ls:"0"},h5:{size:"1.125rem",weight:500,lh:1.3,ls:"0"},h6:{size:"1rem",weight:500,lh:1.3,ls:"0"},body:{size:"sm",weight:400,lh:1.4,ls:"0"},caption:{size:"xs",weight:400,lh:1.4,ls:"0.01em"}},pm=e=>e==null?void 0:typeof e=="number"?`${e}px`:String(e),mm={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"span",caption:"span"},Un=me.memo(({variant:e="body",children:t,color:n,size:o,weight:r,lineHeight:s,letterSpacing:i,align:u="left",textTransform:a="none",whiteSpace:l="normal",decoration:c="none",decorationStyle:d="solid",decorationThickness:R=1,decorationColor:f,italic:v,className:k,style:x,as:w})=>{let b=V(),m=Cl[e]??Cl.body,p=w??mm[e]??"span",C=F=>F==null?m.size:typeof F=="number"?F:b?.typography?.sizes?.[F]??F,N=C(o)??C(m.size),y=r??m.weight,T=s??m.lh,P=i??m.ls,$=n==="secondary"?b.text.secondary:n==="primary"?b.text.primary:n??"inherit",K=f??b.surface.border,W=css({boxSizing:"border-box",display:u==="left"?"inline":"block",textAlign:u==="left"?void 0:u,fontFamily:b?.typography?.fonts?.sans||"inherit",fontSize:N,fontWeight:y,lineHeight:T,letterSpacing:P,color:$,textTransform:a,whiteSpace:l,fontStyle:v?"italic":"normal",margin:0,padding:0}),S=c==="none"?css({textDecoration:"none"}):css({textDecorationLine:c,textDecorationStyle:d,textDecorationColor:K,textDecorationThickness:pm(R),textDecorationSkipInk:"auto"});return jsx(p,{className:[`pfui-typo-${e}`,k||""].join(" ").trim(),css:[W,S],style:x,"data-variant":e,children:t})});Un.displayName="Typography";var Us=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,bm=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){if(["xs","sm","md","lg","xl","full"].includes(e)){let n=t.radius&&t.radius[e]||t.radii&&t.radii[e];return Us(typeof n=="number"||typeof n=="string"?n:e)}return e}}},Tl=forwardRef(function({src:t,alt:n="",width:o,height:r,radius:s="md",shadow:i=false,hoverEffect:u="none",label:a,labelAlign:l="center",aspectRatio:c,loading:d="lazy",decoding:R="async",fetchPriority:f,srcSet:v,sizes:k,placeholder:x,blurDataURL:w,placeholderColor:b="#f1f1f1",fallbackSrc:m,className:p,css:C,onClick:N,onLoad:y,onError:T,...P},$){let[K,W]=useState(false),[S,F]=useState(false),[I,g]=useState(false),h=V(),A=bm(s,h)??"0px",H=a?"figure":"div",B=css({display:"flex",flexDirection:"column",gap:a?h.spacing.xs:0,width:"fit-content",borderRadius:`var(--pfui-image-radius, ${A})`}),M=css({position:"relative",borderRadius:`var(--pfui-image-radius, ${A})`,maxWidth:o?Us(o):"100%",maxHeight:r?Us(r):void 0,width:o?"100%":void 0,height:r?"100%":void 0,aspectRatio:c,boxShadow:i?"0 12px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.04)":"none",overflow:"hidden",padding:0,lineHeight:0,transition:"transform 0.3s ease",willChange:"transform",transform:K&&(u==="rotate"||u==="scale-rotate")?"rotate(3deg)":"none",cursor:N?"pointer":void 0}),E=css({position:"absolute",inset:0,background:x==="color"?b:void 0,backgroundImage:x==="blur"&&w?`url(${w})`:void 0,backgroundSize:"cover",backgroundPosition:"center",filter:x==="blur"?"blur(8px)":void 0,transition:"opacity 0.3s ease",opacity:I?0:1,pointerEvents:"none"}),L=css({width:"100%",height:"100%",display:"block",objectFit:"cover",transform:K&&(u==="scale"||u==="scale-rotate")?"scale(1.08)":"none",transition:"transform 0.3s ease",willChange:"transform"});return jsxs(H,{className:["plainframe-ui-image",p||""].join(" ").trim(),css:[B,C],tabIndex:-1,children:[jsxs("div",{className:"plainframe-ui-image-frame",css:M,onMouseEnter:()=>W(true),onMouseLeave:()=>W(false),onClick:N,children:[!I&&x&&jsx("div",{"aria-hidden":true,className:"plainframe-ui-image-placeholder",css:E}),jsx("img",{ref:$,className:"plainframe-ui-image-img",css:L,src:S&&m?m:t,alt:n,srcSet:v,sizes:k,loading:d,decoding:R,fetchPriority:f,onLoad:z=>{g(true),y?.(z);},onError:z=>{F(true),T?.(z);},...P})]}),a&&jsx(Un,{as:"figcaption",variant:"caption",align:l,children:a})]})});Tl.displayName="Image";var wl=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,vm=e=>{if(typeof e=="number"&&isFinite(e)&&e>0)return e;if(typeof e=="string"){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*\/\s*(\d+(?:\.\d+)?)$/);if(t){let o=parseFloat(t[1]),r=parseFloat(t[2]);if(o>0&&r>0)return o/r}let n=parseFloat(e);if(isFinite(n)&&n>0)return n}},Cm=e=>e*Math.PI/180,Rm=(e,t,n)=>{let o=Math.abs(Cm(n)),r=Math.cos(o),s=Math.sin(o);return {w:Math.abs(e*r)+Math.abs(t*s),h:Math.abs(t*r)+Math.abs(e*s)}};function Tm(e,t){if(t<=1){let r={ang:[0],dx:[0],dy:[0]};return {base:r,exp:r}}return e==="fan"?{base:t===2?{ang:[-14,10],dx:[-40,24],dy:[0,0]}:{ang:[-14,0,14],dx:[-55,0,55],dy:[-7.5,0,-7.5]},exp:t===2?{ang:[-7,5],dx:[-20,12],dy:[0,0]}:{ang:[-7,0,7],dx:[-32.5,0,32.5],dy:[0,0,0]}}:e==="slide"?{base:t===2?{ang:[-20,3],dx:[-10,5],dy:[-2,0]}:{ang:[-20,-5,10],dx:[-35,-10,12],dy:[4,0,4]},exp:t===2?{ang:[-10,1.5],dx:[-10,5],dy:[-2,0]}:{ang:[-10,-2.5,5],dx:[-30.5,-7.5,6],dy:[4,0,4]}}:e==="domino"?{base:t===2?{ang:[0,0],dx:[0,0],dy:[-11,5]}:{ang:[0,0,0],dx:[0,0,0],dy:[-18,-5,6]},exp:t===2?{ang:[0,0],dx:[0,0],dy:[-5,5]}:{ang:[0,0,0],dx:[0,0,0],dy:[-14,-2.5,7]}}:{base:t===2?{ang:[-4,8],dx:[-22,18],dy:[-30,40]}:{ang:[-10,10,.5],dx:[-30,30,-15],dy:[-65,2,65]},exp:t===2?{ang:[-3,6],dx:[-11,9],dy:[-22.5,30]}:{ang:[-7.5,7.5,.35],dx:[-15,20,-10.5],dy:[-55.5,2,55.5]}}}var wm=(e,t,n)=>e==="fan"?t===2?[.9,1.08][n]??1:[.8,1,.8][n]??1:e==="slide"?t===2?[.8,1][n]??1:[.7,.85,1][n]??1:e==="domino"?t===2?[.9,1][n]??1:[.85,.95,1][n]??1:1,El=[1.02,1.03,1.02],kl=[1.06,1.08,1.06],Em={sm:150,md:200,lg:260,xl:340},km=e=>e==null?void 0:typeof e=="number"?`${e}px`:e;function Im(e,t){if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){if(["xs","sm","md","lg","xl","full"].includes(e)){let n=t.radius&&t.radius[e]||t.radii&&t.radii[e];return km(typeof n=="number"||typeof n=="string"?n:e)}return e}}}var Sm=memo(function({children:t,variant:n="fan",width:o,aspectRatio:r="4/5",size:s="md",hoverEffect:i="none",hovering:u,maxItems:a=3,shadow:l=false,cursor:c,outline:d,outlineColor:R,outlineWidth:f=3,outlineOffset:v=0,radius:k="md",label:x,labelAlign:w="center",css:b,className:m,...p}){let C=V(),N=vm(r)??4/5,y=typeof o=="string"?o:void 0,T=typeof o=="number"?o:y&&/px$/.test(y)?parseFloat(y):Em[s],P=Math.max(1,T/N),K=Children.toArray(t).filter(isValidElement).slice(0,a),W=K.length,S=Tm(n,W),F=K.map((q,Y)=>wm(n,W,Y)),I=q=>P*.6*F[q],g=q=>I(q)*N,h=0,A=0;for(let q=0;q<W;q++){let Y=g(q),le=I(q),ie=Math.max(Math.abs(S.base.ang[q]??0),Math.abs(S.exp.ang[q]??0)),be=Math.max(Math.abs(S.base.dx[q]??0),Math.abs(S.exp.dx[q]??0)),Pe=Math.max(Math.abs(S.base.dy[q]??0),Math.abs(S.exp.dy[q]??0)),Re=i==="expand"?kl[q]??1.08:i==="reveal"?El[q]??1.03:1,Ce=Rm(Y,le,ie),Ie=Ce.w*Re,Te=Ce.h*Re,we=be/100*Y*Re,he=Pe/100*le*Re;h=Math.max(h,Ie/2+we),A=Math.max(A,Te/2+he);}let H=Math.max(1,2*h),B=Math.max(1,2*A),M=Math.min(1,T/H,P/B),E=u===void 0?"pointer":"controlled",L=u?"true":void 0,z=css({display:"flex",flexDirection:"column",cursor:c||"auto",lineHeight:0,position:"relative",isolation:"isolate",gap:x?C.spacing.xs:0}),O=css({position:"relative",width:wl(typeof o=="number"?o:T)??(typeof o=="string"?o:void 0),height:wl(P)}),_=css({position:"absolute",inset:0,left:"50%",top:"50%",width:`${H}px`,height:`${B}px`,transform:`translate(-50%, -50%) scale(${M})`,transformOrigin:"center center"}),D=Im(k,C)??"0px",U=q=>{let Y=n==="fan"?`rotate(${S.base.ang[q]}deg) translate(${S.base.dx[q]}%, ${S.base.dy[q]}%)`:n==="slide"?`translate(${S.base.dx[q]}%, ${S.base.dy[q]}%) rotate(${S.base.ang[q]}deg)`:n==="domino"?`translate(0%, ${S.base.dy[q]}%)`:`translate(${S.base.dx[q]}%, ${S.base.dy[q]}%) rotate(${S.base.ang[q]}deg)`,le=n==="fan"?`rotate(${S.exp.ang[q]}deg) translate(${S.exp.dx[q]}%, ${S.exp.dy[q]}%)`:n==="slide"?`translate(${S.exp.dx[q]}%, ${S.exp.dy[q]}%) rotate(${S.exp.ang[q]}deg)`:n==="domino"?`translate(0%, ${S.exp.dy[q]}%)`:`translate(${S.exp.dx[q]}%, ${S.exp.dy[q]}%) rotate(${S.exp.ang[q]}deg)`,ie=i==="reveal"?"translate(0,0) rotate(0) scale(1)":`${Y} scale(1)`,be=i==="expand"?`${le} scale(${kl[q]??1.06})`:i==="reveal"?`${Y} scale(${El[q]??1.03})`:`${Y} scale(1)`;return css({position:"absolute",top:"50%",left:"50%",transform:`translate(-50%, -50%) ${ie}`,transition:"transform .22s ease",willChange:"transform",backfaceVisibility:"hidden",zIndex:n==="fan"&&q===1?10:q+1,lineHeight:0,boxShadow:l?"rgba(0,0,0,.12) 0 8px 20px":"none",outline:d?`${f}px solid ${R??C.surface.appBg}`:void 0,outlineOffset:d?v:void 0,pointerEvents:"auto",".plainframe-ui-image-stack-wrapper[data-hover-mode='pointer']:hover &":{transform:`translate(-50%, -50%) ${be}`},".plainframe-ui-image-stack-wrapper[data-hover-mode='controlled'][data-hovered='true'] &":{transform:`translate(-50%, -50%) ${be}`}})},X=q=>css({width:`${g(q)}px`,aspectRatio:`${N}`,position:"relative",overflow:"hidden",borderRadius:D,"--pfui-image-radius":D,"& > *":{position:"absolute",inset:"0",width:"100% !important",height:"100% !important",maxWidth:"none !important",maxHeight:"none !important",display:"block"},"& img, & picture img, & video, & canvas":{width:"100% !important",height:"100% !important",objectFit:"cover",display:"block"}});return jsxs(x?"figure":"div",{className:["plainframe-ui-image-stack-wrapper",m||""].join(" ").trim(),"data-hover-mode":E,"data-hovered":L,css:[z,b],tabIndex:-1,...p,children:[jsx("div",{className:"plainframe-ui-image-stack",css:O,children:jsx("div",{className:"plainframe-ui-image-stack-stage",css:_,children:K.map((q,Y)=>jsx("div",{className:"plainframe-ui-image-stack-item",css:U(Y),children:jsx("div",{className:"plainframe-ui-image-stack-frame",css:X(Y),children:q})},Y))})}),x&&jsx(Un,{as:"figcaption",variant:"caption",align:w,children:x})]})});var Il=e=>typeof e=="number"?`${e}px`:e,Sl={sm:{h:20,px:6,font:10},md:{h:24,px:7,font:12},lg:{h:28,px:8,font:14}};function Am(e,t){if(e==null){let n=t.radius?.xs??t.radius?.sm??3;return Il(n)}if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.radius?.[e]??t.radii?.[e];if(n!=null)return Il(n)}return e}var Pm=forwardRef(function({children:t,variant:n="outlined",size:o="sm",radius:r,mono:s=true,uppercase:i=false,css:u,className:a="plainframe-ui-kbd",...l},c){let d=V(),R=xe(),f=Sl[o]??Sl.sm,v=Am(r,d),k={br:d.neutral[300],txt:d.neutral[800],inset:d.neutral[0]},x=css({all:"unset",boxSizing:"border-box",display:"inline-flex !important",alignItems:"center",justifyContent:"center",minHeight:n==="ghost"?void 0:`${f.h}px !important`,paddingInline:n==="ghost"?0:`${f.px}px !important`,paddingBlock:"0 !important",fontFamily:s?d.typography.fonts.mono:"inherit",fontSize:`${f.font}px !important`,fontWeight:600,letterSpacing:.2,textTransform:i?"uppercase":"none",borderRadius:v,userSelect:"none",verticalAlign:"baseline",position:"relative",outline:"none"}),w=css({"&&":{background:d.surface.subtleBg,border:"none",boxShadow:"none",color:k.txt}}),b=css({"&&":{background:"transparent",color:k.txt,border:"none",boxShadow:"none"}}),m=css({"&&":{background:d.surface.panelBg,color:k.txt,border:`1px solid ${k.br}`,boxShadow:`inset 0 1px 0 ${k.inset}AA, 0 1px 0 rgba(0,0,0,0.03)`}}),p=n==="subtle"?w:n==="ghost"?b:m;return jsx("kbd",{ref:c,className:a,css:[R(),x,p,u],...l,children:t})});var Bm=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,qs=({children:e,direction:t="up",duration:n=450,delay:o=0,on:r=false,onAnimationEnd:s,asChild:i=true,className:u,distance:a})=>{let c=Bm(a,t==="left"||t==="right"?"100vw":"100vh"),d=t==="left"?`-${c}`:t==="right"?c:"0",R=t==="up"?c:t==="down"?`-${c}`:"0",f={transform:r?"translate3d(0,0,0)":`translate3d(${d}, ${R}, 0)`,transition:`transform ${n}ms ease ${o}ms`,pointerEvents:r?"auto":"none",willChange:"transform",backfaceVisibility:"hidden"},v=x=>w=>{w.target===w.currentTarget&&w.propertyName==="transform"&&s?.(),x?.(w);};if(i&&isValidElement(e)){let x=e,w=x.props.css,b=Array.isArray(w)?[...w,f]:w?[w,f]:[f],m=["plainframe-ui-transition-slide",x.props.className||"",u||""].join(" ").trim(),p=x.props.onTransitionEnd;return cloneElement(x,{...x.props,css:b,className:m,onTransitionEnd:v(p)})}let k=css(f);return jsx("div",{className:["plainframe-ui-transition-slide",u||""].join(" ").trim(),css:k,onTransitionEnd:v(),children:e})};var Gs=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Al=me.createContext(null),Pl=()=>{let e=useContext(Al);if(!e)throw new Error("Modal components must be used within <Modal>.");return e},_m=({children:e,open:t,defaultOpen:n,onOpenChange:o,lockScroll:r=true,closeOnEscape:s=true})=>{let[i,u]=useState(!!n),a=t??i,l=useCallback(d=>{t===void 0&&u(d),o?.(d);},[t,o]);useEffect(()=>{if(!a||!s)return;let d=R=>{R.key==="Escape"&&(R.stopPropagation(),l(false));};return window.addEventListener("keydown",d,true),()=>window.removeEventListener("keydown",d,true)},[a,s,l]);let c=useMemo(()=>({open:a,setOpen:l,lockScroll:r,closeOnEscape:s}),[a,l,r,s]);return jsx(Al.Provider,{value:c,children:e})},Nl=forwardRef(({asChild:e=true,children:t,className:n,css:o,...r},s)=>{let{setOpen:i}=Pl(),u=!!e&&me.isValidElement(t),a=useCallback(c=>{if(u){let d;me.isValidElement(t)&&(d=t.props.onClick),d?.(c);}r.onClick?.(c),c.defaultPrevented||i(true);},[u,t,r.onClick,i]),l=useCallback(c=>{if((c.key==="Enter"||c.key===" ")&&(c.preventDefault(),i(true)),u){let d;me.isValidElement(t)&&(d=t.props.onKeyDown),d?.(c);}r.onKeyDown?.(c);},[u,t,r.onKeyDown,i]);if(u){let c=t,d=c.props.css;return me.cloneElement(c,{...c.props||{},className:[c.props.className,n].filter(Boolean).join(" ")||void 0,css:[d,o].filter(Boolean),"aria-haspopup":"dialog",onClick:a,onKeyDown:l,...r})}return jsx("button",{ref:s,type:"button",className:n,css:o,"aria-haspopup":"dialog",onClick:a,onKeyDown:l,...r,children:t})});Nl.displayName="ModalTrigger";var Dl=forwardRef(({children:e,variant:t="inset",width:n=500,height:o="auto",radius:r="lg",padding:s="lg",backdrop:i=true,backdropBlur:u=true,backdropBlurDepth:a=5,closeOnClickAway:l=true,transitionVariant:c="fade",direction:d="up",transitionDuration:R=300,containerCss:f,backdropCss:v,className:k,...x},w)=>{let b=V(),{open:m,setOpen:p,lockScroll:C}=Pl(),N=me.useRef(null),y=me.useRef(null);me.useEffect(()=>{if(!m)return;y.current=document.activeElement;let S=setTimeout(()=>{let I=N.current;if(!I)return;let g=I.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');g.length>0?g[0].focus():I.focus();},100),F=I=>{let g=N.current;if(!g||!I.target)return;let h=I.target;if(!g.contains(h)){I.preventDefault();let A=g.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');A.length>0?A[0].focus():g.focus();}};return document.addEventListener("focusin",F,true),()=>{clearTimeout(S),document.removeEventListener("focusin",F,true),y.current&&typeof y.current.focus=="function"&&y.current.focus();}},[m]);let T=typeof b.spacing.sm=="number"?`${b.spacing.sm}px`:String(b.spacing.sm),P=css({width:"100%",height:Gs(o),maxWidth:t==="inset"?`min(${Gs(n)||"100%"}, calc(100% - ${T} * 2))`:Gs(n),maxHeight:t==="inset"?`calc(100% - ${T} * 2)`:"100%",margin:t==="inset"?T:void 0}),$=jsx(_n,{role:"dialog","aria-modal":"true",tabIndex:-1,className:["plainframe-ui-modal",k||""].join(" ").trim(),padding:s,radius:r,variant:"panel",css:[P,f],ref:S=>{N.current=S,typeof w=="function"?w(S):w&&(w.current=S);},...x,children:e}),K=c==="none"?$:c==="slide"?jsx(qs,{on:m,direction:d,duration:R,children:$}):c==="grow"?jsx(Ks,{initialScale:.75,on:m,duration:R,children:$}):jsx(Ws,{on:m,duration:R,children:$});if(!i)return jsx(Fragment,{children:K});let W=css(t==="full"?{alignItems:"start",justifyItems:"start",justifyContent:"start"}:{alignItems:"center",justifyItems:"center",justifyContent:"center"});return jsx(Es,{on:m,blur:u,blurDepth:a,onClickAway:l?()=>p(false):void 0,css:[W,v].filter(Boolean),contentCss:W,lockScroll:C,children:K})});Dl.displayName="ModalContent";var Jm={xs:{h:22,px:8,font:11,radius:8,gap:4,icon:12},sm:{h:28,px:10,font:13,radius:9,gap:6,icon:14},md:{h:34,px:12,font:14,radius:10,gap:8,icon:16}},Zm=({count:e,page:t,defaultPage:n=1,onChange:o,siblingCount:r=1,boundaryCount:s=1,disabled:i=false,showFirstLast:u=false,loop:a=false,size:l="sm",variant:c="subtle",gap:d,className:R,css:f})=>{let v=V(),k=xe(),x=t!==void 0,[w,b]=useState(n),m=Math.max(1,e),p=Sr(x?t:w,1,m),C=useCallback(L=>{let z=Sr(L,1,m);x||b(z),o?.(z);},[x,m,o]),N=useMemo(()=>Qm({count:m,page:p,siblingCount:r,boundaryCount:s}),[m,p,r,s]),y=Jm[l],T=v.palette?.primary?.[600],P=v.surface?.border,$=c==="subtle"?v.surface.subtleHover:c==="ghost"?v.surface?.subtleBg:v.surface.panelHover,K=v.text?.primary??"#111",W=c==="subtle"?v.surface?.subtleBg:"transparent",S=css({display:"inline-flex",alignItems:"center",gap:d??y.gap,flexWrap:"wrap",borderRadius:v.radius?.md,background:W,padding:c==="subtle"?v.spacing.xs:0,userSelect:"none"},...Array.isArray(f)?f:f?[f]:[]),F=css({minWidth:y.h,height:y.h,padding:`0 ${y.px}px`,borderRadius:y.radius,fontSize:y.font,lineHeight:1,border:"1px solid transparent",background:"transparent",color:K,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:i?"not-allowed":"pointer",outline:"none",transition:"all .16s ease !important","&[aria-disabled='true']":{opacity:.55,pointerEvents:"none",cursor:"not-allowed"},fontWeight:600}),I=css({width:y.h,minWidth:y.h,height:y.h,padding:0}),g=(L=false)=>css([F,k({color:L?"primary":"neutral"}),c==="outlined"?L?{background:T,color:v.text.onColors.primary,borderColor:T}:{background:"transparent",borderColor:P,":hover":{background:$}}:c==="ghost"?L?{background:T,color:v.text.onColors.primary}:{":hover":{background:$}}:L?{background:T,color:v.text.onColors.primary,borderColor:T}:{":hover":{background:$}}]),h=useCallback(()=>C(1),[C]),A=useCallback(()=>C(m),[C,m]),H=useCallback(()=>{p===1?a&&C(m):C(p-1);},[p,a,m,C]),B=useCallback(()=>{p===m?a&&C(1):C(p+1);},[p,a,m,C]),M=i||p===1&&!a,E=i||p===m&&!a;return jsxs("nav",{"aria-label":"Pagination",className:["plainframe-ui-pagination",R||""].join(" ").trim(),css:S,onKeyDown:L=>{i||(L.key==="ArrowLeft"&&(L.preventDefault(),H()),L.key==="ArrowRight"&&(L.preventDefault(),B()),L.key==="Home"&&(L.preventDefault(),h()),L.key==="End"&&(L.preventDefault(),A()));},children:[u&&jsx("button",{className:"plainframe-ui-pagination-first-button",type:"button","aria-label":"First page","aria-disabled":M,disabled:M,css:[g(false),I],onClick:h,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronFirst,{strokeWidth:3,css:{width:y.icon,height:y.icon}})}),jsx("button",{className:"plainframe-ui-pagination-previous-button",type:"button","aria-label":"Previous page","aria-disabled":M,disabled:M,css:[g(false),I],onClick:H,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronLeft,{strokeWidth:3,css:{width:y.icon,height:y.icon}})}),N.map((L,z)=>typeof L=="number"?jsx("button",{className:"plainframe-ui-pagination-page-button",type:"button","aria-label":L===p?`Page ${L}, current page`:`Go to page ${L}`,"aria-current":L===p?"page":void 0,css:g(L===p),onClick:()=>C(L),children:L},L):jsx("span",{className:"plainframe-ui-pagination-ellipsis","aria-hidden":true,css:css([F,k(),{borderColor:"transparent",cursor:"default",opacity:.8,padding:0,minWidth:y.h}]),children:"\u2026"},`e${z}`)),jsx("button",{className:"plainframe-ui-pagination-next-button",type:"button","aria-label":"Next page","aria-disabled":E,disabled:E,css:[g(false),I],onClick:B,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronRight,{strokeWidth:3,css:{width:y.icon,height:y.icon}})}),u&&jsx("button",{className:"plainframe-ui-pagination-last-button",type:"button","aria-label":"Last page","aria-disabled":E,disabled:E,css:[g(false),I],onClick:A,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronLast,{strokeWidth:3,css:{width:y.icon,height:y.icon}})})]})};function Sr(e,t,n){return Math.max(t,Math.min(n,e))}function Qm({count:e,page:t,siblingCount:n,boundaryCount:o}){if(e<=0)return [1];let r=2*o+2*n+3;if(e<=r)return Ir(1,e);let s=Ir(1,Math.min(o,e)),i=Ir(Math.max(e-o+1,o+1),e),u=Sr(t-n,o+2,Math.max(o+2,e-o-2*n-1)),a=Sr(t+n,Math.min(o+2+2*n,e-o-1),e-o-1),l=[],c=d=>{let R=l[l.length-1];R!==d&&(R==="ellipsis"&&d==="ellipsis"||l.push(d));};return s.forEach(c),u>o+2?c("ellipsis"):o+1<u&&c(o+1),Ir(u,a).forEach(c),a<e-o-1?c("ellipsis"):e-o>a&&c(e-o),i.forEach(c),l}function Ir(e,t){if(t<e)return [];let n=[];for(let o=e;o<=t;o++)n.push(o);return n}var of=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,rf=me.memo(({children:e,direction:t="left",width:n,variant:o="solid",className:r,css:s})=>{let i=V(),u=i.surface.border,a=css({display:"inline-block",boxSizing:"border-box",maxWidth:of(n,"fit-content"),width:"100%",padding:`0 ${i.spacing.md}`,borderLeft:t==="left"?`3px ${o==="dashed"?"dashed":"solid"} ${u}`:"none",borderRight:t==="right"?`3px ${o==="dashed"?"dashed":"solid"} ${u}`:"none"},...Array.isArray(s)?s:s?[s]:[]);return jsx("div",{className:r??"plainframe-ui-quote",css:a,children:e})});var $l=createContext(null),cf=()=>{let e=useContext($l);if(!e)throw new Error("RadioItem must be used within a RadioGroup");return e},uf=e=>{let t=e?.horizontal??"left",n=e?.vertical??"center";return t==="center"&&n==="center"?{horizontal:"left",vertical:"center"}:{horizontal:t,vertical:n}},df=({value:e,defaultValue:t,onChange:n,disabled:o=false,size:r="md",direction:s="horizontal",variant:i="filled",className:u,children:a,anchorOrigin:l,css:c})=>{let d=V(),R=e!==void 0&&n!==void 0,[f,v]=useState(t),k=R?e:f,x=useRef([]),[w,b]=useState(0),m=()=>b(F=>F+1),p=useCallback(F=>{R||v(F),n?.(F);},[R,n]),C=useCallback(F=>(x.current.push(F),m(),x.current.length-1),[]),N=useCallback((F,I)=>{let g=x.current[F];g&&(x.current[F]={...g,...I},m());},[]),y=()=>x.current.map((F,I)=>({it:F,i:I})).filter(({it:F})=>F.ref&&!F.disabled).map(({i:F})=>F),T=useCallback((F,I)=>{let g=y();if(!g.length)return;let h=Math.max(0,g.indexOf(F)),A=g[(h+I+g.length)%g.length],H=x.current[A]?.ref;if(H){H.focus();let B=x.current[A]?.value;B!==void 0&&p(B);}},[p]),P=useCallback(F=>{let I=y();if(!I.length)return;let g=F==="first"?I[0]:I[I.length-1],h=x.current[g]?.ref;if(h){h.focus();let A=x.current[g]?.value;A!==void 0&&p(A);}},[p]),$=useMemo(()=>{let F=x.current.filter(g=>g.ref&&!g.disabled);return F.length?F.some(g=>g.value===k)?k:F[0]?.value:void 0},[k,w]),K=useMemo(()=>({selected:k,setSelected:p,disabled:o,size:r,direction:s,variant:i,register:C,update:N,moveFocusBy:T,moveToEdge:P,focusValue:$,theme:d,anchorOrigin:uf(l)}),[k,p,o,r,s,i,C,N,T,P,$,d,l]),W=css({width:"fit-content"}),S=css({display:"flex",flexDirection:s==="vertical"?"column":"row",gap:d.spacing.sm,width:"fit-content",alignItems:s==="vertical"?"stretch":"center"});return jsx("div",{className:u??"plainframe-ui-radio-group",css:[W,c],children:jsx("div",{className:"plainframe-ui-radio-row",role:"radiogroup","aria-disabled":o||void 0,css:S,children:jsx($l.Provider,{value:K,children:a})})})},pf=({value:e,disabled:t=false,className:n,children:o,css:r})=>{let{selected:s,setSelected:i,disabled:u,size:a,register:l,update:c,moveFocusBy:d,moveToEdge:R,theme:f,variant:v,focusValue:k,anchorOrigin:x}=cf(),w=u||t,b=s===e,m=["sm","md","lg"].includes(a)?a:"md",p=m==="sm"?16:m==="lg"?24:20,C=O=>f.palette?.primary?.[O],N=C(600),y=C(100),T=f.neutral[300],P=f.palette.primary[300],$=f.text.onColors?.primary??f.neutral[0],K="transparent",W=P,S=$;v==="soft"?(K=y,W=null,S=N):v==="outlined"?(K=C(50),W=P,S=N):(K=f.neutral[200],W="transparent",S=$),b&&(v==="outlined"?(K=y,W=P,S=N):v==="filled"?(K=N,W=null,S=$):(K=y,W=null,S=N));let F=v==="filled"?T:f.palette.primary[100],I=useRef(null),g=useRef(-1);useEffect(()=>{g.current=l({ref:I.current,value:e,disabled:!!w});},[l]),useEffect(()=>{c(g.current,{ref:I.current,value:e,disabled:!!w});},[c,w,e]);let h=css({border:"none",background:"transparent",display:"inline-grid",gridTemplateColumns:"auto auto auto",gridTemplateRows:"auto auto auto",columnGap:x.vertical==="center"?f.spacing.sm:0,rowGap:x.vertical==="center"?0:f.spacing.xs,justifyItems:"center",alignItems:"center",opacity:w?.5:1,borderRadius:f.radius.md,cursor:w?"not-allowed":"pointer",transition:"transform .16s ease",fontSize:f.typography.sizes.sm,fontWeight:500,padding:f.spacing.sm,"&:hover .plainframe-ui-radio-circle-outer":w||b?{}:{background:F,boxShadow:v==="outlined"?`inset 0 0 0 ${f.componentHeights.border} ${P}`:"none"},"&:focus-visible .plainframe-ui-radio-circle-outer":{outline:"none"}}),A=css({width:p,height:p,minWidth:p,minHeight:p,borderRadius:f.radius.full,background:K,boxShadow:W?`inset 0 0 0 ${f.componentHeights.border} ${W}`:"none",transition:"background-color .16s ease, box-shadow .16s ease, filter .16s ease",display:"inline-flex",alignItems:"center",justifyContent:"center"}),H=css({width:b?p*.45:0,height:b?p*.45:0,borderRadius:f.radius.full,background:b?S:"transparent",transition:"all 250ms cubic-bezier(.72,1.6,.32,1)",transform:b?"scale(1)":"scale(0.6)",opacity:b?1:0}),B=css({gridColumn:2,gridRow:2,minWidth:0,maxWidth:"100%",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",textAlign:"left"}),M=(()=>{let O=x.horizontal,_=x.vertical;return _==="center"?{col:O==="right"?3:1,row:2}:{col:2,row:_==="top"?1:3}})(),L=!w&&k===e?0:-1,z=xe();return jsxs("button",{ref:I,className:n??"plainframe-ui-radio-item",type:"button",role:"radio","aria-checked":b,"aria-disabled":w||void 0,disabled:w,tabIndex:L,onClick:()=>{w||i(e);},onKeyDown:O=>{w||(O.key==="Enter"||O.key===" "?(O.preventDefault(),i(e)):O.key==="ArrowRight"||O.key==="ArrowDown"?(O.preventDefault(),d(g.current,1)):O.key==="ArrowLeft"||O.key==="ArrowUp"?(O.preventDefault(),d(g.current,-1)):O.key==="Home"?(O.preventDefault(),R("first")):O.key==="End"&&(O.preventDefault(),R("last")));},css:[h,z({color:"primary"}),r],children:[jsx("span",{className:"plainframe-ui-radio-circle-outer",css:[A,css({gridColumn:M.col,gridRow:M.row})],children:jsx("span",{className:"plainframe-ui-radio-circle-dot",css:H})}),o!=null&&jsx("span",{className:"plainframe-ui-radio-label",css:B,children:o})]})};var hf=({children:e,duration:t=400,delay:n=0,on:o=false,initialAngle:r=360,finalAngle:s=0,onAnimationEnd:i,asChild:u=true,className:a})=>{let l={transform:`rotate(${o?s:r}deg)`,transition:`transform ${t}ms ease ${n}ms`,pointerEvents:o?"auto":"none",transformOrigin:"center center",willChange:"transform",backfaceVisibility:"hidden"},c=R=>f=>{f.target===f.currentTarget&&f.propertyName==="transform"&&i?.(),R?.(f);};if(u&&isValidElement(e)){let R=e,f=R.props.css,v=Array.isArray(f)?[...f,l]:f?[f,l]:[l],k=["plainframe-ui-transition-rotate",R.props.className||"",a||""].join(" ").trim(),x=R.props.onTransitionEnd;return cloneElement(R,{...R.props,css:v,className:k,onTransitionEnd:c(x)})}let d=css(l);return jsx("div",{className:["plainframe-ui-transition-rotate",a||""].join(" ").trim(),css:d,onTransitionEnd:c(),children:e})};var Mo=(...e)=>e.filter(Boolean).flat(),Mr=e=>me.isValidElement(e),Fo=(e,t)=>{if(!Mr(e))return false;let n=e.type,o=(n?.displayName??n?.name??"")||"";return typeof o=="string"&&t.includes(o)},vf=(e,t)=>{let n=e.props,o=n.value;if(typeof o<"u")return o;let r=n["data-value"];return typeof r<"u"?r:t};function Cf({value:e,defaultValue:t,onChange:n,label:o,placeholder:r="Select\u2026",startIcon:s,endIcon:i,disabled:u,size:a="md",variant:l="subtle",fullWidth:c,width:d=200,menuAlign:R="left",menuWidth:f,menuMaxHeight:v=280,wrapperCss:k,labelCss:x,triggerCss:w,menuCss:b,optionCss:m,children:p,className:C,menuSize:N="md",triggerRender:y}){let T=V(),P=xe(),$=me.useId(),K=`${$}-label`,W=`${$}-menu`,S={sm:{minHeight:T.componentHeights.sm,radius:T.radius.sm},md:{minHeight:T.componentHeights.md,radius:T.radius.md},lg:{minHeight:T.componentHeights.lg,radius:T.radius.md}},F=S[a]||S.md,[I,g]=me.useState(false),h=j=>g(!!j),A=typeof e<"u",H=Array.isArray(e)||Array.isArray(t),[B,M]=me.useState(typeof t<"u"?t:H?[]:void 0),E=A?e:B,L=j=>{A||M(j),n?.(j);},z=me.Children.toArray(p).filter(Mr),O,_=[];for(let j of z)if(Fo(j,["MenuRadioGroup"]))O=j;else if(Fo(j,["MenuCheckboxGroup"])){let ue=j.props.children,de=ue?me.Children.toArray(ue).filter(Mr):[];_.push(...de);}else _.push(j);let U=(O?me.Children.toArray(O.props.children).filter(Mr):_).filter(j=>!Fo(j,["MenuLabel","MenuSeparator"])).map((j,ue)=>{let de=j.props,fe=vf(j,ue),ze=de.children,Oe=de.label,st=typeof Oe=="string"||typeof Oe=="number"?String(Oe):typeof ze=="string"||typeof ze=="number"?String(ze):void 0,Ye=de.role??"",yt=Fo(j,["MenuCheckboxItem"]),tn=Fo(j,["MenuRadioItem"]),nn=yt||Ye==="menuitemcheckbox"||typeof de.onCheckedChange=="function"||typeof de.checked=="boolean"||typeof de.defaultChecked=="boolean",Sn=!nn&&(tn||Ye==="menuitemradio"||!!O),on=typeof de.children>"u"?st??String(fe):de.children;return {el:j,key:j.key??ue,value:fe,labelText:st,title:de.title,description:de.description,nodeForTrigger:on,disabled:!!de.disabled,className:de.className,itemCss:de.css,startIcon:de.startIcon,endIcon:de.endIcon,isCheckbox:nn,isRadio:Sn}}),X=U.some(j=>j.isCheckbox),se=U.length>0&&U.every(j=>j.isRadio),Y=(H||X)&&!se,le=me.useCallback(j=>Y?(Array.isArray(E)?E:[]).some(de=>Object.is(de,j)):Object.is(E,j),[E,Y]),ie=me.useMemo(()=>{if(Y){let ue=Array.isArray(E)?E:[];return U.filter(fe=>ue.some(ze=>Object.is(ze,fe.value))).map(fe=>typeof fe.nodeForTrigger=="string"||typeof fe.nodeForTrigger=="number"?String(fe.nodeForTrigger):fe.nodeForTrigger)}let j=U.find(ue=>Object.is(ue.value,E));if(j)return typeof j.nodeForTrigger=="string"||typeof j.nodeForTrigger=="number"?String(j.nodeForTrigger):j.nodeForTrigger},[E,Y,U]),be=j=>{u||(Object.is(j,E)||L(j),h(false));},Pe=j=>{u||Object.is(j,E)||L(j);},Re=j=>{if(u)return;let ue=Array.isArray(E)?E:[],fe=ue.some(ze=>Object.is(ze,j))?ue.filter(ze=>!Object.is(ze,j)):[...ue,j];L(fe);},Ce={position:"relative",width:c?"100%":typeof d=="number"?`${d}px`:d,maxWidth:"100%"},Ie={width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:F.radius,minHeight:F.minHeight,fontSize:T.typography.sizes.sm,padding:`0 ${typeof T.spacing.sm=="number"?`${T.spacing.sm}px`:T.spacing.sm} 0 ${typeof T.spacing.md=="number"?`${T.spacing.md}px`:T.spacing.md}`,fontWeight:500,lineHeight:1,userSelect:"none",cursor:u?"not-allowed":"pointer",border:"none",outline:"none",transition:"box-shadow .16s ease",color:T.text.primary,background:"transparent",whiteSpace:"nowrap"},Te=l==="subtle"?{background:T.surface.subtleBg}:l==="outlined"?{background:T.surface.panelBg,border:`1px solid ${T.surface.border}`}:{background:"transparent"},we={flex:1,minWidth:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"flex",alignItems:"center",textAlign:"left",gap:8},he={flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},je={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:500,display:"block"},Z=jsx(ChevronsUpDown,{size:16,css:css({color:T.text.secondary,flexShrink:0}),strokeWidth:2.5,className:"plainframe-ui-select-chevron"}),Ee=()=>{if(y)return y(ie);if(Array.isArray(ie)){let ue=ie.map(fe=>typeof fe=="string"?fe:"").filter(Boolean),de=ue.length?ue.join(", "):String(r);return jsxs(Fragment,{children:[s&&jsx("span",{css:css(he),children:s}),jsx("span",{css:css(je),title:de,children:de})]})}let j=ie??String(r);return jsxs(Fragment,{children:[s&&jsx("span",{css:css(he),children:s}),jsx("span",{css:css(je),title:typeof j=="string"?j:void 0,children:j})]})},Q={left:"start",center:"center",right:"end"},ee=j=>{u||(j.key==="ArrowDown"||j.key==="ArrowUp"||j.key==="Enter"||j.key===" ")&&(j.preventDefault(),h(true));},ae={flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",marginRight:8},pe={flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",marginLeft:8},Se={flex:"1 1 auto",minWidth:0,display:"flex",flexDirection:"column",gap:2},Ne={fontWeight:500,overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word"},J={fontSize:"0.875em",color:T.text.secondary,overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word",fontWeight:400},oe=(j,ue)=>{let de=j.title||j.description?jsxs("span",{className:"plainframe-ui-select-option-content",css:css(Se),children:[jsx("span",{className:"plainframe-ui-select-option-title",css:css(Ne),children:j.title??ue}),j.description&&jsx("span",{className:"plainframe-ui-select-option-description",css:css(J),children:j.description})]}):jsx("span",{className:"plainframe-ui-select-option-text",css:css(Ne),children:ue});return jsxs(Fragment,{children:[j.startIcon&&jsx("span",{css:css(ae),children:j.startIcon}),de,j.endIcon&&jsx("span",{css:css(pe),children:j.endIcon})]})},re=(j,ue)=>{let de=j.value,fe=le(de),ze=Mo(m,j.itemCss),Oe=j.el.props,st=typeof Oe.children>"u"?j.labelText??String(de):Oe.children;if(Y||j.isCheckbox)return me.cloneElement(j.el,{key:j.key??ue,disabled:u||j.disabled,checked:!!Oe.checked||fe,onCheckedChange:()=>Re(de),closeOnSelect:false,css:ze,className:`plainframe-ui-select-option ${j.className||""}`.trim(),children:oe(j,st)});if(j.isRadio)return me.cloneElement(j.el,{key:j.key??ue,value:de,disabled:u||j.disabled,closeOnSelect:false,css:ze,className:`plainframe-ui-select-option ${j.className||""}`.trim(),children:oe(j,st)});let Ye=yt=>{yt?.preventDefault?.(),be(de);};return me.cloneElement(j.el,{key:j.key??ue,role:"menuitem","aria-checked":void 0,"aria-selected":fe||void 0,"aria-disabled":u||j.disabled||void 0,disabled:u||j.disabled,closeOnSelect:true,onSelect:Ye,onClick:Ye,css:ze,className:`plainframe-ui-select-option ${j.className||""}`.trim(),children:oe(j,st)})},qe=(()=>{let j=!Y&&(O||U.length>0&&U.every(ue=>ue.isRadio));return O?me.cloneElement(O,{key:"controlled-inner-group",value:E,onValueChange:ue=>Pe(ue),children:U.map(re)}):j?jsx(ir,{value:E,onValueChange:ue=>Pe(ue),children:U.map(re)}):U.map(re)})();return jsxs("div",{css:Mo(Ce,k),className:["plainframe-ui-select-wrapper",C||""].join(" ").trim(),children:[o&&jsx("div",{id:K,className:"plainframe-ui-select-label",css:Mo({marginBottom:6,fontSize:T.typography.sizes.sm,fontWeight:500,color:T.text.secondary},x),children:o}),jsxs($n,{size:N,open:I,onOpenChange:h,children:[jsx(zn,{width:"100%",asChild:true,children:jsxs("button",{type:"button",disabled:u,"aria-haspopup":"menu","aria-expanded":I||void 0,"aria-controls":W,"aria-labelledby":o?K:void 0,onKeyDown:ee,onClick:()=>h(!I),className:"plainframe-ui-select-trigger",css:Mo(css(Ie),css(Te),w,P()),children:[jsx("div",{className:"plainframe-ui-select-trigger-content",css:css(we),children:Ee()}),i??Z]})}),jsx(hn,{id:W,gap:"xs",align:Q[R],sameWidth:f==null,width:f??d,className:"plainframe-ui-select-menu",css:Mo({maxHeight:typeof v=="number"?`${v}px`:v,overflowY:"auto"},b),children:qe})]})]})}var Zs=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,Tf=keyframes`
|
|
13
|
+
`,Kc=e=>e.startsWith("#")||e.startsWith("rgb(")||e.startsWith("rgba(")||e.startsWith("hsl(")||e.startsWith("hsla(")||e.startsWith("oklch(")||e.startsWith("lab(")||e.startsWith("color(")||e.startsWith("var("),_c=new Set(["0","50","100","200","300","400","500","600","700","800","900"]);function jc(e,t){if(!t||t.trim()==="")return e.text.primary;let n=t.trim();if(Kc(n))return n;let o=n.match(/^([a-zA-Z0-9_-]+)[\.\-:\s]?([0-9]{1,3})?$/);if(o){let r=o[1],s=o[2]&&_c.has(o[2])?o[2]:"600";if(r==="primary"&&e.palette.primary?.[s])return e.palette.primary[s];let i=e.palette[r];if(i&&i[s]!=null)return i[s];if(r==="neutral"||r==="secondary"&&e.neutral[s]!=null)return e.neutral[s]}return e.palette.primary[600]}var no=me.memo(({variant:e="circular",value:t,min:n=0,max:o=100,color:r,size:s,thickness:i,spinDuration:u=.75,wrapperCss:a,trackCss:l,barCss:c,circleCss:d,"aria-label":R})=>{let f=V(),v=typeof t=="number",k=Math.max(o-n,1),y=v?qa(t,n,o):void 0,w=v?(y-n)/k*100:void 0,b=jc(f,r),m=f.surface.subtleBg,p=f.radius?.md;return e==="circular"?jsx(Uc,{size:s,active:b,isDeterminate:v,percent:w,spinDuration:u,wrapperCss:a,trackCss:l,circleCss:d,ariaLabel:R,thickness:i}):jsx(Vc,{thickness:i,active:b,track:m,radius:p,isDeterminate:v,percent:w,wrapperCss:a,trackCss:l,barCss:c,ariaLabel:R,min:n,max:o,value:y})}),Vc=({thickness:e=4,active:t,track:n,radius:o,isDeterminate:r,percent:s,wrapperCss:i,trackCss:u,barCss:a,ariaLabel:l,min:c,max:d,value:R})=>{let f=o==null?"8px":typeof o=="number"?`${o}px`:String(o),v=css([{display:"inline-block",width:"100%"},...Array.isArray(i)?i:i?[i]:[]]),k=css([{position:"relative",width:"100%",height:ns(e,"6px"),backgroundColor:n,borderRadius:f,overflow:"hidden"},...Array.isArray(u)?u:u?[u]:[]]),y=r?Math.max(s??0,Ua):Ua,w=css([{position:"absolute",inset:0,backgroundColor:t,borderRadius:"inherit",transformOrigin:"left",transform:`scaleX(${y/100})`,transition:"transform 160ms cubic-bezier(.2,0,.2,1)",willChange:"transform"},...Array.isArray(a)?a:a?[a]:[]]),b={position:"absolute",top:0,bottom:0,backgroundColor:t,borderRadius:"inherit",willChange:"left,right","@media (prefers-reduced-motion: reduce)":{animation:"none"}},m=css([{...b,left:"-35%",right:"100%",animation:`${Oc} 2.1s cubic-bezier(.65,.815,.735,.395) infinite`},...Array.isArray(a)?a:a?[a]:[]]),p=css([{...b,left:"-200%",right:"100%",animation:`${Wc} 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite`},...Array.isArray(a)?a:a?[a]:[]]),C=r?{role:"progressbar","aria-valuemin":c,"aria-valuemax":d,"aria-valuenow":R}:{role:"progressbar","aria-busy":true};return l&&(C["aria-label"]=l),jsx("span",{css:v,...C,children:jsx("div",{className:"plainframe-ui-progress-linear-track",css:k,children:r?jsx("div",{className:"plainframe-ui-progress-linear-fill",css:w}):jsxs(Fragment,{children:[jsx("div",{className:"plainframe-ui-progress-linear-runner1",css:m}),jsx("div",{className:"plainframe-ui-progress-linear-runner2",css:p})]})})})},Uc=({size:e,thickness:t=4,active:n,isDeterminate:o,percent:r,spinDuration:s,wrapperCss:i,trackCss:u,circleCss:a,ariaLabel:l})=>{let c=V(),d=40,R=(d-t)/2,f=2*Math.PI*R,k=`${(o?qa((r??0)/100,.01,1):.7)*f} ${f}`,y=css([{display:"inline-block",width:ns(e,`${c.componentHeights.md}`),height:ns(e,`${c.componentHeights.md}`)},...Array.isArray(i)?i:i?[i]:[]]),w=css([{width:"100%",height:"100%",transform:"rotate(-90deg)",transformBox:"fill-box",transformOrigin:"50% 50%"},...Array.isArray(u)?u:u?[u]:[]]),b=css([{stroke:n,strokeLinecap:"butt",strokeDasharray:k,strokeDashoffset:0,transition:o?"stroke-dasharray 160ms cubic-bezier(.2,0,.2,1)":"none",transformBox:"fill-box",transformOrigin:"50% 50%",fill:"none",willChange:o?"stroke-dasharray":"transform",animation:o?"none":`${zc} ${s}s linear infinite`,"@media (prefers-reduced-motion: reduce)":{animation:"none"}},...Array.isArray(a)?a:a?[a]:[]]),m=o?{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r??0)}:{role:"progressbar","aria-busy":true};return l&&(m["aria-label"]=l),jsx("span",{css:y,className:"plainframe-ui-progress-circular",...m,children:jsx("svg",{css:w,viewBox:`0 0 ${d} ${d}`,focusable:"false","aria-hidden":true,children:jsx("circle",{cx:d/2,cy:d/2,r:R,strokeWidth:t,css:b})})})};var Ya=createContext(null),Ja=()=>{let e=useContext(Ya);if(!e)throw new Error("AlertTitle and AlertDescription must be used inside <Alert>.");return e},nu=css({display:"flex",flexDirection:"column",textAlign:"left",minWidth:0,flex:1}),ou=css({lineHeight:0,display:"flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto"}),ru=css({display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",background:"transparent",padding:0,cursor:"pointer",lineHeight:0,transition:"opacity 140ms ease","&:disabled":{cursor:"not-allowed",opacity:.5}}),Za=forwardRef(function({intent:t="neutral",variant:n="soft",intentIcon:o,closeIcon:r,onClose:s,width:i="100%",size:u="md",loading:a=false,css:l,children:c,...d},R){let f=V(),v=useId(),k=useId(),y=useMemo(()=>{let F={sm:{paddingX:f.spacing?.md,paddingY:f.spacing?.md,gap:f.spacing?.sm,radius:f.radius?.md,fontSize:f.typography?.sizes?.xs,titleWeight:600,iconSize:16},md:{paddingX:f.spacing?.lg,paddingY:f.spacing?.lg,gap:f.spacing?.md,radius:f.radius?.md,fontSize:f.typography?.sizes?.sm,titleWeight:600,iconSize:20},lg:{paddingX:f.spacing?.lg,paddingY:f.spacing?.lg,gap:f.spacing?.md,radius:f.radius?.md,fontSize:f.typography?.sizes?.md,titleWeight:600,iconSize:24}};return ["sm","md","lg"].includes(u)?F[u]:F.md},[u,f.typography,f.radius,f.spacing]),w=f.palette??{},b=f.neutral??{},m=useMemo(()=>{let I=(E=>E==="danger"?w.danger??w.error??b:E==="warning"?w.warning??b:E==="success"?w.success??b:E==="info"?w.info??w.primary??b:b)(t),g=I?.[50]??b[50],h=I?.[300]??b[300],A=I?.[600]??I?.[500]??b[600],H=I?.[700]??A,B=I?.[800]??f.text?.primary??"#000",M=f.text?.onColors?.[t]??f.text?.onColors?.primary??f.text?.primary??"#fff";return n==="filled"?{bg:A,fg:M,border:void 0,iconColor:M}:n==="outlined"?{bg:g,fg:B,border:`1px solid ${h}`,iconColor:B}:n==="ghost"?{bg:"transparent",fg:H,border:"none",iconColor:H}:{bg:g,fg:B,border:void 0,iconColor:H}},[t,n,b,w,f.text]),p=t==="danger"||t==="warning"?"alert":"status",C=useMemo(()=>a?jsx(no,{variant:"circular",color:m.iconColor,size:y.iconSize/1.25,thickness:4.5}):o??(t==="danger"?jsx(CircleAlert,{css:{width:y.iconSize,height:y.iconSize},color:m.iconColor}):t==="warning"?jsx(TriangleAlert,{css:{width:y.iconSize,height:y.iconSize},color:m.iconColor}):t==="success"?jsx(CircleCheckBig,{css:{width:y.iconSize,height:y.iconSize},color:m.iconColor}):jsx(Info,{css:{width:y.iconSize,height:y.iconSize},color:m.iconColor})),[a,o,t,y.iconSize,m.iconColor]),N=useMemo(()=>css({display:"flex",alignItems:"flex-start",justifyContent:"space-between",padding:`${y.paddingY} ${y.paddingX}`,gap:y.gap,borderRadius:y.radius,backgroundColor:m.bg,color:m.fg,border:m.border,fontSize:y.fontSize,fontWeight:500,maxWidth:typeof i=="number"?`${i}px`:i,width:"100%"}),[m.bg,m.border,m.fg,y.fontSize,y.gap,y.paddingX,y.paddingY,y.radius,i]),x=useMemo(()=>css({display:"flex",alignItems:"flex-start",gap:y.gap,minWidth:0,flex:1}),[y.gap]),T=useMemo(()=>[ou,{color:m.iconColor}],[m.iconColor]),P=useMemo(()=>css({display:"flex",alignItems:"center",gap:y.gap,marginLeft:y.gap,flex:"0 0 auto"}),[y.gap]),$=useMemo(()=>[ru,{color:m.fg}],[m.fg]),K=useMemo(()=>({fg:m.fg,iconColor:m.iconColor,s:y,titleId:v,descId:k}),[m.fg,m.iconColor,y,v,k]),W=me.Children.toArray(c).some(F=>me.isValidElement(F)&&F.type===ss),S=me.Children.toArray(c).some(F=>me.isValidElement(F)&&F.type===as);return jsx(Ya.Provider,{value:K,children:jsxs("div",{ref:R,role:p,"aria-live":p==="alert"?"assertive":"polite","aria-atomic":"true","aria-busy":a,"aria-labelledby":W?v:void 0,"aria-describedby":S?k:void 0,className:`plainframe-ui-alert plainframe-ui-alert-${t} plainframe-ui-alert-${n}`,css:[N,l],...d,children:[jsxs("div",{className:"plainframe-ui-alert-left",css:x,children:[C&&jsx("span",{className:"plainframe-ui-alert-icon",css:T,children:C}),jsx("div",{className:"plainframe-ui-alert-content",css:nu,children:c})]}),s&&jsx("div",{className:"plainframe-ui-alert-actions",css:P,children:jsx("button",{type:"button","aria-label":"Close alert",onClick:s,disabled:a,className:"plainframe-ui-alert-close",css:$,children:r??jsx(X,{strokeWidth:2,size:y.iconSize-2})})})]})})});Za.displayName="Alert";var ss=forwardRef(function({children:t,css:n,...o},r){let{fg:s,s:i,titleId:u}=Ja(),a=useMemo(()=>css({color:s,fontWeight:i.titleWeight,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),[s,i.titleWeight]);return jsx("span",{ref:r,id:u,className:"plainframe-ui-alert-title",css:[a,n],...o,children:t})});ss.displayName="AlertTitle";var as=forwardRef(function({children:t,css:n,...o},r){let{fg:s,descId:i}=Ja(),u=useMemo(()=>css({color:s,marginTop:2,lineHeight:1.35,wordBreak:"break-word"}),[s]);return jsx("span",{ref:r,id:i,className:"plainframe-ui-alert-desc",css:[u,n],...o,children:t})});as.displayName="AlertDescription";var is=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Gt=e=>e==null?[]:Array.isArray(e)?e:[e],Xt=(...e)=>css(e.filter(Boolean));function ei(e,t,n="currentColor"){if(!isValidElement(e))return e;let o=e.props,r={};o.size==null&&(r.size=t),o.color==null&&(r.color=n);let s=o.style;return s?.fontSize==null&&(r.style={...s||{},fontSize:t}),cloneElement(e,{...o,...r})}var Zo=me.memo(forwardRef(function({label:t,value:n,defaultValue:o="",onChange:r,placeholder:s,error:i,helperText:u,disabled:a=false,fullWidth:l=false,width:c=250,size:d="md",variant:R="subtle",rounded:f=false,startIcon:v,endIcon:k,togglePasswordVisible:y=false,showClear:w,type:b="text",step:m,focusRingMode:p="always",className:C,wrapperCss:N,inputCss:x,labelCss:T,helperRowCss:P,helperTextCss:$,startIconCss:K,endIconCss:W,css:S,onBlur:F,onFocus:I,onKeyDown:g,autoFocus:h,name:A,id:H,tabIndex:B,autoComplete:M,readOnly:E,required:L,maxLength:z,onSurfaceClick:O},_){let D=V(),U=Xo(),X$1=useId(),ae=useMemo(()=>{let ce={sm:{fontSize:D.typography.sizes.sm,minHeight:D.componentHeights.sm,labelFont:D.typography.sizes.xs,helperFont:D.typography.sizes.xs,width:"12.5rem",paddingY:0,paddingX:D.spacing.md,iconSize:D.typography.sizes.xs,codeFontSize:21},md:{fontSize:D.typography.sizes.sm,minHeight:D.componentHeights.md,labelFont:D.typography.sizes.sm,helperFont:D.typography.sizes.xs,width:"15rem",paddingY:0,paddingX:D.spacing.md,iconSize:D.typography.sizes.xs,codeFontSize:24},lg:{fontSize:D.typography.sizes.sm,minHeight:D.componentHeights.lg,labelFont:D.typography.sizes.md,helperFont:D.typography.sizes.sm,width:"18.125rem",paddingY:0,paddingX:D.spacing.md,iconSize:D.typography.sizes.xs,codeFontSize:28}},ke=["sm","md","lg"].includes(d)?d:"md";return ce[ke]},[d,D]),q=D.neutral,Y=D.text,le=b==="number",ie=b==="password",be=n!==void 0,[Pe,Re]=useState(o),Ce=be?n:Pe,Ie=useCallback(ce=>{be||Re(ce),r?.(ce);},[be,r]),Te=/^-?\d*(?:[.,]\d*)?$/,we=le&&(m!=null&&String(m).includes(".")||/[.,]/.test(Ce??"")),he=le?we?"decimal":"numeric":void 0,je=le?we?"[0-9]*[.,]?[0-9]*":"[0-9]*":void 0,Z=useCallback(ce=>{(ce===""||Te.test(ce))&&Ie(ce);},[Ie]),Ee=a?q[200]:i&&R==="outlined"?D.palette.danger?.[50]??D.surface.panelBg:i&&R==="subtle"?D.palette.danger?.[50]??D.surface.subtleBg:R==="outlined"?D.surface.panelBg:R==="subtle"?D.surface.subtleBg:"transparent",Q=D.componentHeights.border,ee=R==="outlined"?`${Q} solid ${i?D.palette.danger?.[300]??D.surface.border:D.surface.border}`:"none",se=Xt({boxSizing:"border-box",display:"block",minWidth:0,width:"100%",maxWidth:l?"100%":c!=null?is(c):void 0,flex:"0 0 auto",fontWeight:500}),pe=useMemo(()=>Xt({fontSize:ae.labelFont,fontWeight:500,color:i?D.palette.danger?.[700]??Y.primary:a?q[500]:Y.primary,marginBottom:4,display:"inline-block"},...Gt(T)),[ae.labelFont,i,a,q,Y,D.palette.danger,T]),Se=useMemo(()=>Xt({display:"flex",alignItems:"center",gap:D.spacing.sm,padding:`${is(ae.paddingY)} ${is(ae.paddingX)}`,background:Ee,border:ee,borderRadius:f?D.radius.full:D.radius.md,minHeight:ae.minHeight,boxSizing:"border-box",width:"100%",cursor:a?"not-allowed":"text",opacity:a?.65:1,transition:"box-shadow .18s, border-color .16s"},...Gt(N),...Gt(S)),[D,ae.minHeight,ae.paddingX,ae.paddingY,Ee,ee,f,a,N,S]),Ne=useMemo(()=>Xt({flex:1,minWidth:0,fontSize:ae.fontSize,fontWeight:500,fontFamily:"inherit",color:a?q[500]:i?D.palette.danger?.[800]??Y.primary:Y.primary,background:"transparent",border:"none",outline:"none",padding:0,lineHeight:1.25,cursor:a?"not-allowed":"text",appearance:le?"textfield":"auto","&::placeholder":{color:i?D.palette.danger?.[700]??Y.secondary:Y.secondary},"&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus":{WebkitTextFillColor:`${i?D.palette.danger?.[800]??Y.primary:Y.primary} !important`,boxShadow:`0 0 0 1000px ${Ee} inset !important`,transition:"opacity 99999s ease-out",caretColor:i?D.palette.danger?.[800]??Y.primary:Y.primary},":focus-within":{outline:"none",border:"none",boxShadow:"none"}},...Gt(x)),[ae.fontSize,a,q,Y,i,D.palette.danger,le,Ee,x]),J=useMemo(()=>Xt({display:"inline-flex",alignItems:"center",color:i?D.palette.danger?.[800]??Y.secondary:Y.secondary,marginLeft:-3},...Gt(K)),[i,D.palette.danger,Y.secondary,K]),oe=useMemo(()=>Xt({display:"inline-flex",alignItems:"center",color:i?D.palette.danger?.[800]??Y.secondary:Y.secondary,border:"none",background:"transparent",lineHeight:0,cursor:"inherit",padding:0},...Gt(W)),[i,D.palette.danger,Y.secondary,a,W]),re=useMemo(()=>Xt({minHeight:16,fontSize:ae.helperFont,color:i?D.palette.danger?.[700]??Y.secondary:Y.secondary,paddingTop:3,display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:8,width:"100%"},...Gt(P)),[ae.helperFont,i,D.palette.danger,Y.secondary,P]),qe=useMemo(()=>Xt({flex:1,wordBreak:"break-word",whiteSpace:"pre-wrap",minWidth:0,fontWeight:400},...Gt($)),[$]),j=useRef(null),ue=useCallback(ce=>{j.current=ce,_&&(typeof _=="function"?_(ce):_.current=ce);},[_]),de=useCallback(ce=>{let ke=ce.target.value;if(le){Z(ke);return}z&&ke.length>z||Ie(ke);},[le,z,Ie,Z]),[fe,ze]=useState(false),Oe=useCallback(()=>{a||ze(ce=>!ce);},[a]),st=useCallback(()=>{a||(Ie(""),j.current?.focus());},[a,Ie]),Ye=useMemo(()=>{let ce=ae.fontSize;if(typeof ce=="number")return ce;let ke=parseFloat(String(ce));return Number.isFinite(ke)?ke:16},[ae.fontSize]),yt=useMemo(()=>v?jsx("span",{css:J,children:ei(v,Ye)}):null,[v,J,Ye]),tn=useMemo(()=>css({display:"flex",alignItems:"center",gap:4}),[]),nn=useMemo(()=>{let ce=[];if(ie&&y){let bt=fe?jsx(Eye,{strokeWidth:2.5,size:Ye}):jsx(EyeOff,{strokeWidth:2.5,size:Ye});ce.push(jsx("button",{type:"button",css:oe,onMouseDown:Zn=>Zn.preventDefault(),onClick:Zn=>{Zn.stopPropagation(),Oe();},tabIndex:-1,"aria-label":fe?"Hide password":"Show password",disabled:a,children:bt},"pw-toggle"));}w&&Ce&&Ce.length>0&&!a&&ce.push(jsx("button",{type:"button",css:oe,onMouseDown:bt=>bt.preventDefault(),onClick:bt=>{bt.stopPropagation(),st();},tabIndex:-1,"aria-label":"Clear",children:jsx(X,{strokeWidth:2.5,size:Ye})},"clear"));let ke=k?jsx("span",{css:oe,children:ei(k,Ye)},"user-end"):null,at=ce.length>0,De=!!ke;return !at&&!De?null:!at&&De?ke:at&&!De?ce.length===1?ce[0]:jsx("span",{css:tn,children:ce}):jsxs("span",{css:tn,children:[ce,ke]})},[ie,y,fe,Ye,oe,tn,a,w,Ce,k,Oe,st]),Sn=u!=null?`${H??X$1}-help`:void 0,on=H??X$1,Je=useCallback(ce=>{if(a)return;ce.stopPropagation();let ke=j.current;if(!ke)return;let at=ce.target;if(!(ke.contains(at)||at.closest("button,[role='button']"))){if(document.activeElement===ke){ce.preventDefault();return}ce.preventDefault();}},[a]),xt=useCallback(ce=>{if(a)return;let ke=j.current;if(ke&&(O?.(ce),document.activeElement!==ke)){ke.focus({preventScroll:true});try{let at=ke.value?.length??0;ke.setSelectionRange?.(at,at);}catch{}}},[a,O]);return jsxs("div",{className:["plainframe-ui-textfield",C||""].join(" ").trim(),css:se,children:[t&&jsx("label",{htmlFor:on,className:"plainframe-ui-textfield-label",css:pe,children:t}),jsxs("div",{className:"plainframe-ui-textfield-surface",css:[U({enabled:p!=="none",color:i?"danger":void 0}),Se],onPointerDownCapture:Je,onClick:xt,"aria-invalid":!!i||void 0,children:[yt,jsx("input",{ref:ue,id:on,className:"plainframe-ui-textfield-input",css:Ne,type:ie&&!fe?"password":b==="number"?"text":b,inputMode:he,pattern:je,value:Ce,maxLength:le?void 0:z,onChange:le?ce=>Z(ce.target.value):de,placeholder:s||"",disabled:a,onBlur:F,onFocus:I,onKeyDown:g,autoFocus:h,name:A,tabIndex:B,autoComplete:M,readOnly:E,required:L,"aria-invalid":!!i||void 0,"aria-describedby":Sn}),nn]}),u!=null&&jsx("div",{className:"plainframe-ui-textfield-helper-row",css:re,children:jsx("span",{id:Sn,className:"plainframe-ui-textfield-helper-text",css:qe,children:u})})]})}));Zo.displayName="TextField";var Qo=me.createContext("ghost"),Tt=me.createContext(false),si=forwardRef(function({variant:t="ghost",size:n="md",width:o,maxHeight:r,unstyled:s=false,className:i,css:u,children:a,label:l,allItemsTabbable:c=false,...d},R){let f=V(),[v,k]=useState(false),y=useRef(null),w=typeof f.spacing.xs=="number"?`${f.spacing.xs}px`:String(f.spacing.xs),b=t==="outlined"?f.surface.panelBg:t==="subtle"?f.surface.subtleBg??f.neutral[50]:"transparent",m=s?void 0:css({background:b,border:t==="outlined"?`${f.componentHeights.border} solid ${f.surface.border}`:"none",borderRadius:f.radius.lg,"--pfui-panel-pad":w,padding:t==="ghost"?0:"var(--pfui-panel-pad)",color:f.text.primary,width:"100%",maxHeight:r,overflowY:r!=null?"auto":void 0,display:"flex",flexDirection:"column",outline:"none",position:"relative","&[data-keyboard-nav]":{cursor:"none"},"&[data-keyboard-nav] *":{cursor:"none !important",pointerEvents:"none"}}),p=n==="sm",C=useMemo(()=>({isKeyboardNav:v,setIsKeyboardNav:k}),[v]),N=useMemo(()=>({allItemsTabbable:c}),[c]),x=useCallback(I=>Array.from(I.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(g=>{if(g.closest('[role="menu"]')!==I)return false;let h=window.getComputedStyle(g);return h.display!=="none"&&h.visibility!=="hidden"}),[]),T=useCallback(I=>{I.removeAttribute("data-keyboard-nav"),I.querySelectorAll("[data-highlighted]").forEach(g=>g.removeAttribute("data-highlighted")),k(false);},[]),P=useRef(false),$=useCallback(I=>{if(I.target!==I.currentTarget)return;if(P.current){P.current=false;return}let g=I.currentTarget,h=x(g);h.length>0&&(k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(A=>A.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(A=>A.removeAttribute("data-hovered")),h[0].setAttribute("data-highlighted",""),h[0].focus({preventScroll:true}));},[x]),K=useCallback(I=>{let g=I.currentTarget,h=x(g);if(h.length===0)return;if(I.key==="Tab"){P.current=true,g.removeAttribute("data-keyboard-nav"),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),k(false),g.tabIndex=-1,requestAnimationFrame(()=>{g.tabIndex=0,P.current=false;});return}let A=g.querySelector("[data-highlighted]"),H=g.querySelector("[data-hovered]"),B=A||H,M=B?h.indexOf(B):-1;if(I.key==="ArrowDown"||I.key==="ArrowUp"){I.preventDefault(),I.stopPropagation(),k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(z=>z.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(z=>z.removeAttribute("data-hovered")),M===-1&&(M=I.key==="ArrowDown"?-1:h.length);let E=I.key==="ArrowDown"?1:-1,L=(M+E+h.length)%h.length;h[L].setAttribute("data-highlighted",""),h[L].focus({preventScroll:true});return}if(I.key==="Home"){I.preventDefault(),I.stopPropagation(),k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(E=>E.removeAttribute("data-hovered")),h[0].setAttribute("data-highlighted",""),h[0].focus({preventScroll:true});return}if(I.key==="End"){I.preventDefault(),I.stopPropagation(),k(true),g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(E=>E.removeAttribute("data-hovered")),h[h.length-1].setAttribute("data-highlighted",""),h[h.length-1].focus({preventScroll:true});return}if(I.key==="Escape"){I.preventDefault(),g.removeAttribute("data-keyboard-nav"),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted")),k(false),g.blur();return}},[x]),W=useCallback(I=>{let g=I.currentTarget;g.hasAttribute("data-keyboard-nav")&&T(g);},[T]),S=useCallback(I=>{let g=I.currentTarget;g.hasAttribute("data-keyboard-nav")&&T(g);},[T]),F=useCallback(I=>{y.current=I,typeof R=="function"?R(I):R&&(R.current=I);},[R]);return jsx(oo.Provider,{value:C,children:jsx(ro.Provider,{value:N,children:jsx(Tt.Provider,{value:p,children:jsx(Qo.Provider,{value:t,children:jsxs("div",{css:{display:"flex",flexDirection:"column",gap:f.spacing.sm,width:"100%",maxWidth:o},children:[l?jsx("div",{css:{width:"100%",textAlign:"left"},children:jsx("span",{css:{display:"block",color:f.text.secondary,fontSize:f.typography.sizes.xs,fontWeight:600,textTransform:"uppercase",letterSpacing:".04em",padding:typeof f.spacing.sm=="number"?`${f.spacing.sm}px`:f.spacing.sm,paddingTop:0},children:l})}):null,jsx("div",{ref:F,role:"menu","data-keyboard-nav":v?"":void 0,tabIndex:0,"aria-label":l||void 0,className:["plainframe-ui-menu",i||""].join(" ").trim(),css:[m,u],onFocus:$,onKeyDown:K,onPointerMove:W,onPointerDown:S,...d,children:a})]})})})})})});si.displayName="Menu";var ii=createContext(null),nr=()=>{let e=useContext(ii);if(!e)throw new Error("Popover components must be used inside <Popover>.");return e};function Nu(e,t){e&&(typeof e=="function"?e(t):e.current=t);}var io=(...e)=>t=>{for(let n of e)Nu(n,t);},cs=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Du=e=>{useEffect(()=>{if(!e||typeof document>"u"||typeof window>"u")return;let t=document.body,n=t.style.overflow,o=t.style.paddingRight,r=window.innerWidth-document.documentElement.clientWidth,s=parseFloat(getComputedStyle(t).paddingRight||"0");return t.style.overflow="hidden",r>0&&(t.style.paddingRight=`${s+r}px`),()=>{t.style.overflow=n,t.style.paddingRight=o;}},[e]);},er=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"&&t&&e in t){let n=t[e];return typeof n=="number"?`${n}px`:String(n)}return e}},Hu=({open:e,defaultOpen:t,onOpenChange:n,triggerOn:o="click",lockScroll:r=true,trapFocus:s=true,children:i})=>{let[u,a]=useState(!!t),l=e??u,c=y=>{e===void 0&&a(y),n?.(y);},d=useRef(null),R=useRef(null),f=(y=120)=>{R.current!=null&&window.clearTimeout(R.current),R.current=window.setTimeout(()=>c(false),y);},v=()=>{R.current!=null&&(window.clearTimeout(R.current),R.current=null);};Du(r&&l),useEffect(()=>{if(!s||!l||typeof document>"u")return;let y=w=>{if(w.key!=="Tab")return;let b=document.querySelector(".plainframe-ui-popover");if(!b)return;let m=Array.from(b.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled]), [role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(x=>{let T=window.getComputedStyle(x);return T.display!=="none"&&T.visibility!=="hidden"});if(m.length===0)return;let p=m[0],C=m[m.length-1],N=document.activeElement;w.shiftKey&&N===p?(w.preventDefault(),C.focus()):!w.shiftKey&&N===C&&(w.preventDefault(),p.focus());};return document.addEventListener("keydown",y,true),()=>document.removeEventListener("keydown",y,true)},[s,l]);let k=useMemo(()=>({open:l,setOpen:c,triggerOn:o,referenceRef:d,scheduleClose:f,cancelClose:v}),[l,o]);return jsx(ii.Provider,{value:k,children:i})},li=forwardRef(({asChild:e=true,children:t,css:n},o)=>{let{open:r,setOpen:s,triggerOn:i,referenceRef:u,scheduleClose:a,cancelClose:l}=nr(),c=me.Children.only(t),d=c.props||{},R=io(u,o,c.ref),f=i==="click"?{onClick:k=>{k.stopPropagation(),s(!r),d.onClick?.(k);}}:{onMouseEnter:k=>{l(),r||s(true),d.onMouseEnter?.(k);},onMouseLeave:k=>{a(),d.onMouseLeave?.(k);}},v={"aria-haspopup":"dialog","aria-expanded":r};if(e){let k=c.props?.css;return me.cloneElement(c,{...f,...v,ref:R,css:[k,n].filter(Boolean)})}return me.createElement("button",{ref:R,type:"button",css:[n],...f,...v,children:c})});li.displayName="PopoverTrigger";var ci=forwardRef(({asChild:e=true,width:t,css:n,children:o},r)=>{let{referenceRef:s}=nr(),i=me.Children.only(o),u=io(s,r,i.ref);if(e){let l=i.props?.css;return me.cloneElement(i,{ref:u,css:[l,n].filter(Boolean)})}let a=css({display:"inline-block",width:cs(t),verticalAlign:"middle",...n});return jsx("span",{ref:u,css:a,children:i})});ci.displayName="PopoverAnchor";function Lu(e){let t=e?.vertical??"bottom",n=e?.horizontal??"center";if(t==="top"||t==="bottom"){let s=t,i=n==="left"?"start":n==="right"?"end":"center";return i==="center"?s:`${s}-${i}`}let o=n==="left"?"left":"right",r="center";return r==="center"?o:`${o}-${r}`}var ui=forwardRef(({anchorOrigin:e={vertical:"bottom",horizontal:"center"},sideOffset:t=8,alignOffset:n=0,collisionPadding:o=8,unstyled:r=false,children:s,width:i,height:u,padding:a,paddingX:l,paddingY:c,radius:d="lg",css:R,...f},v)=>{let{open:k,setOpen:y,triggerOn:w,referenceRef:b,scheduleClose:m,cancelClose:p}=nr(),C=V(),N=Lu(e),{refs:x,x:T,y:P,strategy:$,context:K}=useFloating({open:k,onOpenChange:y,whileElementsMounted:autoUpdate,placement:N,strategy:"fixed",middleware:[offset({mainAxis:t,crossAxis:n}),flip({padding:o}),shift({padding:o})]});useEffect(()=>{b.current&&x.setReference(b.current);},[x,b]);let W=useDismiss(K,{outsidePressEvent:"pointerdown",escapeKey:true}),S=useRole(K,{role:"dialog"}),{getFloatingProps:F}=useInteractions([W,S]),[I]=K.placement.split("-"),g=I,h=`${g==="left"?"right":g==="right"?"left":"center"} ${g==="top"?"bottom":g==="bottom"?"top":"center"}`,A=8,H=g==="top"?{y:A}:g==="bottom"?{y:-A}:g==="left"?{x:A}:{x:-A},B={initial:{opacity:0,scale:.96,...H},animate:{opacity:1,scale:1,x:0,y:0},exit:{opacity:0,scale:.96,...H},transition:{scale:{type:"spring",stiffness:520,damping:32,mass:.5},x:{type:"spring",stiffness:420,damping:30,mass:.6},y:{type:"spring",stiffness:420,damping:30,mass:.6},opacity:{duration:.16,ease:"linear"}}},M=C.surface.panelBg,E=C.text.primary,L=`${C.componentHeights.border} solid ${C.surface.border}`,z=er(a,C.spacing),O=er(l,C.spacing),_=er(c,C.spacing),D={};z&&(D.padding=z),O&&(D.paddingInline=O),_&&(D.paddingBlock=_);let U=er(d,C.radius)??C.radius.md,X="0 8px 32px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.02)",ae=css({position:$,top:P??0,left:T??0,zIndex:1e3,transformOrigin:h,pointerEvents:"auto",display:"inline-flex",flexDirection:"column",width:cs(i)??"fit-content",height:cs(u)??"fit-content",boxSizing:"border-box",willChange:"opacity, transform"}),q=r?css({}):css({background:M,color:E,border:L,borderRadius:U,boxShadow:X,...D,...D.padding||D.paddingInline||D.paddingBlock?{}:{padding:typeof C.spacing?.sm=="number"?`${C.spacing.sm}px ${C.spacing.md}px`:`${C.spacing?.sm??"0.5rem"} ${C.spacing?.md??"1rem"}`}}),Y=w==="hover"?{onMouseEnter:p,onMouseLeave:()=>m()}:{},le=io(x.setFloating,v),ie=jsx(motion.div,{className:"plainframe-ui-popover",...F({...f,ref:le,...Y}),...B,css:[ae,q,R],children:s});return jsx(FloatingPortal,{children:jsx(AnimatePresence,{children:k?ie:null})})});ui.displayName="PopoverContent";var Bu=()=>{let e=nr();return {open:e.open,close:()=>e.setOpen(false),setOpen:e.setOpen}};var ms=me.memo(forwardRef(function({checked:t,defaultChecked:n=false,onChange:o,disabled:r=false,size:s="md",label:i,className:u,css:a,trackCss:l,thumbCss:c,labelCss:d,...R},f){let v=V(),k=xe(),y={sm:{trackW:25,trackH:16,thumb:11,labelGap:8},md:{trackW:35,trackH:20,thumb:14,labelGap:8},lg:{trackW:45,trackH:24,thumb:18,labelGap:10}},w={slideMs:250,pressMs:150,easing:"ease"},b=t!==void 0,[m,p]=useState(n),C=b?!!t:m,[N,x]=useState(false);useEffect(()=>{if(r)return;x(true);let O=setTimeout(()=>x(false),w.pressMs);return ()=>clearTimeout(O)},[C,r]);let T=["sm","md","lg"].includes(s)?s:"md",P=y[T],$=`${w.slideMs}ms ${w.easing}`,K=v.palette?.primary?.[600]??v.neutral[900],W=v.neutral[300],S=C?K:W,F=C?v.text.onColors.primary:"#ffffff",{trackW:I,trackH:g,thumb:h}=P,A=(g-h)/2,H=css({display:"inline-flex",alignItems:"center",gap:P.labelGap,cursor:r?"not-allowed":"pointer",width:"fit-content",padding:v.spacing.xs,borderRadius:v.radius.sm,outline:"none"}),B=css({position:"relative",width:I,height:g,backgroundColor:S,borderRadius:v.radius.full,transition:`background-color ${$}, opacity 120ms ease`,willChange:"background-color",cursor:r?"not-allowed":"pointer",opacity:r?.5:1}),M=css({position:"absolute",top:A,left:C?I-h-A:A,width:h,height:h,backgroundColor:F,borderRadius:v.radius.full,transition:`left ${$}, transform ${$}, background-color 0.25s ease`,transform:N?"scaleX(1.2)":"scaleX(1)",transformOrigin:C?"right center":"left center"}),E=css({fontSize:v.typography.sizes.sm,fontWeight:500,color:r?v.text.muted:v.text.primary}),L=()=>{if(r)return;let O=!C;b||p(O),o?.(O);};return jsxs("label",{ref:f,role:"switch","aria-checked":C,"aria-disabled":r||void 0,"data-checked":C?"":void 0,"data-disabled":r?"":void 0,tabIndex:r?-1:0,onClick:L,onKeyDown:O=>{r||(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),L());},className:["plainframe-ui-switch",u||""].join(" ").trim(),css:[H,k({color:C?"primary":"neutral"}),a],...R,children:[jsx("div",{className:"plainframe-ui-switch-track",css:[B,l],children:jsx("div",{className:"plainframe-ui-switch-thumb",css:[M,c]})}),i!=null&&jsx("span",{className:"plainframe-ui-switch-label",css:[E,d],children:i})]})}));var Vu=(e,t)=>t==="sm"?{box:16,labelFont:e.typography.sizes.xs,gap:8,borderRadius:e.radius.xxs,borderWidth:e.componentHeights.border,iconRatioW:.7,iconRatioH:.75}:t==="lg"?{box:24,labelFont:e.typography.sizes.md,gap:8,borderRadius:e.radius.xs,borderWidth:e.componentHeights.border,iconRatioW:.7,iconRatioH:.75}:{box:20,labelFont:e.typography.sizes.sm,gap:8,borderRadius:e.radius.xs,borderWidth:e.componentHeights.border,iconRatioW:.7,iconRatioH:.75},rr=me.memo(forwardRef(({checked:e,defaultChecked:t=false,onChange:n,disabled:o=false,size:r="md",label:s,description:i,rounded:u=false,checkedIcon:a,color:l="primary",css:c,boxCss:d,checkCss:R,labelCss:f,descriptionCss:v,className:k,...y},w)=>{let b=V(),m=xe(),p=typeof e=="boolean",[C,N]=useState(t),x=p?e:C,T=r==="sm"||r==="lg"?r:"md",P=useMemo(()=>Vu(b,T),[b,T]),{checkedBg:$,checkColor:K,borderCol:W,hoverBg:S,gapPx:F}=useMemo(()=>{let O=b.palette||{},_=b.neutral||{},D=b.text?.onColors||{},U,X;l==="neutral"||l==="secondary"?(U=_,X="neutral"):typeof l=="string"&&Object.prototype.hasOwnProperty.call(O,l)?(U=O[l]||O.primary||_,X=l):(U=O.primary||_,X="primary");let ae=U[600]??U[500]??U[400]??Object.values(U)[0]??b.palette.primary[600],q=D[X]??D.primary??b.text?.onColors?.primary??b.text.primary,Y=typeof P.gap=="number"?P.gap+2:P.gap;return {checkedBg:ae,checkColor:q,borderCol:b.surface.border,hoverBg:b.surface.panelHover,gapPx:Y}},[P.gap,l,b]),I=useMemo(()=>css({display:"inline-flex",alignItems:s&&i?"flex-start":"center",gap:F,cursor:o?"not-allowed":"pointer",userSelect:"auto",position:"relative",width:"fit-content",borderRadius:b.radius.sm,padding:b.spacing.xs,transition:"background-color .16s ease, color .16s ease, opacity .16s ease",'&:not([data-disabled="true"]):hover input:not(:checked) + .plainframe-ui-checkbox-box':{outlineColor:W,backgroundColor:S},"input:checked + .plainframe-ui-checkbox-box":{backgroundColor:$,outlineColor:$,"--pfui-bleed":$},'&:not([data-disabled="true"]):hover input:checked + .plainframe-ui-checkbox-box':{outlineColor:$,backgroundColor:$,"--pfui-bleed":$},".plainframe-ui-checkbox-check":{opacity:0,transform:"scale(0.2)"},"input:checked + .plainframe-ui-checkbox-box .plainframe-ui-checkbox-check":{opacity:1,transform:"scale(1)"}}),[W,$,i,o,F,S,s,b.radius.sm,b.spacing.xs]),g=useMemo(()=>css({position:"absolute",opacity:0,width:0,height:0,margin:0,padding:0,pointerEvents:"none"}),[]),h=useMemo(()=>css({width:P.box,height:P.box,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",outline:`${P.borderWidth} solid ${W}`,outlineOffset:`-${P.borderWidth}`,boxShadow:"inset 0 0 0 0.5px var(--pfui-bleed, transparent)",borderRadius:u?b.radius.full:P.borderRadius,transition:"background-color .16s ease, outline-color .05s ease, box-shadow .16s ease, transform .16s ease",flex:"0 0 auto",verticalAlign:"middle",overflow:"hidden",transform:"translateZ(0)",backfaceVisibility:"hidden"}),[P.box,P.borderRadius,P.borderWidth,W,u,b.radius.full]),A=useMemo(()=>({w:Math.round(P.box*P.iconRatioW),h:Math.round(P.box*P.iconRatioH)}),[P.box,P.iconRatioH,P.iconRatioW]),H=useMemo(()=>css({width:A.w,height:A.h,transition:"opacity .14s ease, transform .14s ease",color:K,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:0,pointerEvents:"none","& > svg, & > img":{width:"100%",height:"100%",display:"block"}}),[K,A.h,A.w]),B=useMemo(()=>css({display:"flex",flexDirection:"column",minWidth:0,userSelect:"text",WebkitUserSelect:"text"}),[]),M=useMemo(()=>css({fontSize:P.labelFont,lineHeight:1.1,fontWeight:500,userSelect:"text",WebkitUserSelect:"text",color:b.text.primary}),[P.labelFont,b.text.primary]),E=useMemo(()=>css({fontSize:P.labelFont,lineHeight:1.25,color:b.text.secondary,fontWeight:400,marginTop:s&&i?b.spacing.xs:0,userSelect:"text",WebkitUserSelect:"text"}),[P.labelFont,i,s,b.spacing.xs,b.text.secondary]),L=useCallback(()=>{o||(p?n?.(!x):N(O=>{let _=!O;return n?.(_),_}));},[o,p,x,n]),z=useCallback(O=>{o||(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),L());},[o,L]);return jsxs("label",{ref:w,role:"checkbox","aria-checked":x,"aria-disabled":o||void 0,"data-state":x?"checked":"unchecked",className:["plainframe-ui-checkbox",k||""].join(" ").trim(),css:[I,m({color:x?"primary":"neutral"}),c,o?css({opacity:.6}):null],"data-disabled":o?"true":"false",tabIndex:o?-1:0,onKeyDown:z,children:[jsx("input",{type:"checkbox",checked:x,onChange:L,disabled:o,css:g,...y,tabIndex:-1}),jsx("span",{className:"plainframe-ui-checkbox-box",css:[h,d],"aria-hidden":"true",children:jsx("span",{className:"plainframe-ui-checkbox-check",css:[H,R],children:x&&(a||jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:K,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",css:css({width:"100%",height:"100%",display:"block"}),"aria-hidden":"true",focusable:"false",children:jsx("polyline",{points:"20 6 9 17 4 12"})}))})}),(s||i)&&jsxs("span",{className:"plainframe-ui-checkbox-text",css:B,children:[s&&jsx("span",{className:"plainframe-ui-checkbox-label",css:[M,f],children:s}),i&&jsx("span",{className:"plainframe-ui-checkbox-description",css:[E,v],children:i})]})]})}));rr.displayName="Checkbox";var Gu=()=>useContext(fn),Xu=()=>useContext(ro),Yu=()=>useContext(cr),dn=null,gi=(e,t=35)=>{dn!==null&&window.clearTimeout(dn),dn=window.setTimeout(()=>{e(),dn=null;},t);},lo=()=>{dn!==null&&(window.clearTimeout(dn),dn=null);},pn=me.forwardRef(function({disabled:t=false,destructive:n=false,inset:o,closeOnSelect:r=true,onSelect:s,children:i,className:u,css:a,startIcon:l,endIcon:c,selected:d=false,active:R,meta:f,__index:v,__skipListReg:k,...y},w){let b=Gu(),m=Yu(),p=lr(),C=uo(),N=Xu(),x=V(),P=!!useContext(Tt),$=y["data-subtrigger"]!==void 0,K=$&&c===void 0?jsx(ChevronRight,{size:18,strokeWidth:2.5}):c,S=typeof o=="number"?o:o===false?0:0,F=useContext(Qo),I=F==="subtle"?x.surface?.subtleHover??x.neutral[100]:x.surface?.subtleBg??x.neutral[100],g=useMemo(()=>css({width:"100%",borderRadius:x.radius.md,padding:`${x.spacing.sm} ${x.spacing.sm}`,paddingLeft:S>0?`calc(${x.spacing.md} + (${x.spacing.xl} * ${S}))`:x.spacing.md,minHeight:P?x.componentHeights.sm:x.componentHeights.md,display:"flex",alignItems:"center",gap:x.spacing.sm,fontWeight:500,fontSize:x.typography.sizes.sm,cursor:t?"not-allowed":"pointer",opacity:t?.55:1,userSelect:"none",background:"transparent",color:n?x.palette.danger[800]:x.text.primary,transition:"background-color .16s ease, color .16s ease",outline:"none","[role='menu']:not([data-keyboard-nav]) &:hover":t?{}:{background:n?x.palette.danger[50]:I},"&[data-highlighted]":t?{}:{background:n?x.palette.danger[50]:I},"&[data-active]":t?{}:{background:n?x.palette.danger[50]:I},"&[data-subtrigger][aria-expanded='true']":t?{}:{background:n?x.palette.danger[50]:I},"[role='menu']:not([data-keyboard-nav]) &:not([data-disabled]):hover [data-menu-checkbox-wrapper],&:not([data-disabled])[data-highlighted] [data-menu-checkbox-wrapper],&:not([data-disabled])[data-active] [data-menu-checkbox-wrapper],&[data-subtrigger][aria-expanded='true'] [data-menu-checkbox-wrapper]":{background:x.surface.border},"& > [data-label]":{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}),[x,P,S,t,n,I]),h=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,"& > *":{flexShrink:0},"& > svg:only-child":{width:16,height:16,display:"block"}}),[]),A=useMemo(()=>css({marginLeft:"auto",display:"inline-flex",alignItems:"center",justifyContent:"flex-end",flex:"0 0 auto",flexShrink:0,whiteSpace:"nowrap",lineHeight:0,gap:x.spacing.sm,"& > svg":{width:16,height:16,display:"block"},color:x.text.secondary}),[x.text.secondary,x.spacing.sm]),H=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",color:x.palette.primary[600],"& > svg":{width:16,height:16,display:"block"}}),[x.palette.primary]),B=[];P&&B.push({minHeight:x.componentHeights.sm,paddingLeft:x.spacing.sm,paddingRight:x.spacing.xs,paddingTop:x.spacing.xs,paddingBottom:x.spacing.xs});let M=()=>{s?.(),r&&!$&&m?.closeAll();},E=(z,O)=>{let _=z.closest('[role="menu"]');if(!_)return;let D=Array.from(_.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(Y=>{if(Y.closest('[role="menu"]')!==_)return false;let le=window.getComputedStyle(Y);return le.display!=="none"&&le.visibility!=="hidden"});if(!D.length)return;let U=D.indexOf(z),X=U>=0?U:0,ae=O(D.length,X),q=D[ae];q&&(document.querySelectorAll("[data-highlighted]").forEach(Y=>{Y.removeAttribute("data-highlighted");}),q.setAttribute("data-highlighted",""),q.focus(),b&&v!=null&&b.setActiveIndex(ae));},L=t?-1:N?.allItemsTabbable?0:-1;return jsxs("div",{role:"menuitem","aria-disabled":t||void 0,"data-disabled":t?"":void 0,"data-active":R?"":void 0,tabIndex:L,ref:z=>{if(b&&!k){let O=b.listRef.current;z&&(v!=null?O[v]=z:O.includes(z)||O.push(z));}typeof w=="function"?w(z):w&&"current"in w&&(w.current=z);},onMouseMove:z=>{if(z.currentTarget.hasAttribute("data-hovered"))return;let O=!!z.currentTarget.closest("[data-submenu-content]");!$&&p&&!O&&gi(p.closeAllSubMenus),document.querySelectorAll("[data-hovered]").forEach(D=>{D.removeAttribute("data-hovered");}),document.querySelectorAll("[data-highlighted]").forEach(D=>{D.removeAttribute("data-highlighted");}),document.querySelectorAll("[data-active]").forEach(D=>{D.removeAttribute("data-active");}),z.currentTarget.setAttribute("data-hovered","");let _=z.currentTarget.closest("[data-menu-id]")||z.currentTarget.closest('[role="menu"]');_?.hasAttribute("data-keyboard-nav")&&_.removeAttribute("data-keyboard-nav"),!t&&b&&v!=null&&b.setActiveIndex(v),!t&&!N?.allItemsTabbable&&z.currentTarget.focus({preventScroll:true});},onMouseEnter:z=>{if($)lo();else {let D=!!z.currentTarget.closest("[data-submenu-content]");p&&!D&&gi(p.closeAllSubMenus);}z.currentTarget.hasAttribute("data-hovered")||(document.querySelectorAll("[data-highlighted]").forEach(D=>{D.removeAttribute("data-highlighted");}),document.querySelectorAll("[data-hovered]").forEach(D=>{D.removeAttribute("data-hovered");}),document.querySelectorAll("[data-active]").forEach(D=>{D.removeAttribute("data-active");})),z.currentTarget.setAttribute("data-hovered","");let _=z.currentTarget.closest("[data-menu-id]")||z.currentTarget.closest('[role="menu"]');!t&&b&&v!=null&&(_?.hasAttribute("data-keyboard-nav")&&(_.removeAttribute("data-keyboard-nav"),C&&C.setIsKeyboardNav(false)),b.setActiveIndex(v)),!t&&!N?.allItemsTabbable&&z.currentTarget.focus({preventScroll:true});},onFocus:()=>{},onMouseLeave:()=>{b&&b.setActiveIndex(null);},onKeyDown:z=>{if(t)return;let O=z.currentTarget;if(z.key==="Tab"&&b&&!N?.allItemsTabbable){z.preventDefault();return}if(z.key==="Tab"&&!b){let _=O.closest('[role="menu"]');if(_){_.removeAttribute("data-keyboard-nav"),document.querySelectorAll("[data-highlighted]").forEach(U=>U.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(U=>U.removeAttribute("data-hovered"));let D=_.tabIndex;_.tabIndex=-1,requestAnimationFrame(()=>{_.tabIndex=D>=0?D:0;});}C&&C.setIsKeyboardNav(false);return}if(z.key==="Enter"||z.key===" "||z.key==="ArrowRight"){$||z.key!=="ArrowRight"&&(z.preventDefault(),z.stopPropagation(),M());return}if(z.key==="ArrowLeft"&&O.closest('[role="menu"]')?.closest("[data-submenu-content]")){z.preventDefault(),z.stopPropagation();let U=document.querySelector('[data-subtrigger][aria-expanded="true"]');if(U){let X=U.__pfuiCloseSubmenu;X&&X(),document.querySelectorAll("[data-highlighted]").forEach(q=>q.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(q=>q.removeAttribute("data-hovered")),U.setAttribute("data-highlighted",""),U.focus();let ae=U.closest("[data-menu-id]");ae&&ae.setAttribute("data-keyboard-nav","");}return}if(z.key==="Escape"){z.preventDefault(),z.stopPropagation(),m?.closeAll(),O.closest('[role="menu"]')&&document.querySelector('[aria-expanded="true"][aria-haspopup="menu"]')?.focus();return}if(z.key==="ArrowDown"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');if(!_)return;_.setAttribute("data-keyboard-nav",""),C&&C.setIsKeyboardNav(true),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,(D,U)=>(U+1)%D);return}if(z.key==="ArrowUp"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');if(!_)return;_.setAttribute("data-keyboard-nav",""),C&&C.setIsKeyboardNav(true),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,(D,U)=>(U-1+D)%D);return}if(z.key==="Home"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');_&&_.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,()=>0);return}if(z.key==="End"){z.preventDefault(),z.stopPropagation();let _=O.closest("[data-menu-id]")||O.closest('[role="menu"]');_&&_.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(D=>D.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(D=>D.removeAttribute("data-hovered")),E(O,D=>D-1);return}},className:["plainframe-ui-menu-item",u||""].join(" ").trim(),css:css(...[g,...B,a].flat()),...y,onClick:z=>{t||(z.currentTarget.removeAttribute("data-highlighted"),M());},children:[l&&jsx("span",{className:"plainframe-ui-menu-item-start",css:h,children:l}),i,(f!=null||K||d)&&jsxs("span",{className:"plainframe-ui-menu-item-end",css:A,children:[f!=null?jsx("span",{className:"plainframe-ui-menu-item-meta",css:css({lineHeight:1,fontSize:x.typography.sizes.sm,color:x.text.secondary,whiteSpace:"nowrap"}),children:f}):null,K,d&&jsx("span",{className:"plainframe-ui-menu-item-selected",css:H,children:jsx(Check,{size:16,strokeWidth:2.5})})]})]})}),hi=me.createContext(null),gs=({values:e,defaultValues:t,onValuesChange:n,children:o})=>{let[r,s]=useState(t??[]),i=e!==void 0,u=i?e:r,a=useRef(u);a.current=u;let l=useRef(n);l.current=n;let c=useCallback(R=>{let f=a.current,k=f.some(y=>Object.is(y,R))?f.filter(y=>!Object.is(y,R)):[...f,R];i||s(k),l.current?.(k);},[i]),d=useMemo(()=>({values:u,toggle:c}),[u,c]);return jsx(hi.Provider,{value:d,children:o})},co=forwardRef(function({checked:t,defaultChecked:n=false,onCheckedChange:o,value:r,children:s,__index:i,disabled:u=false,css:a,className:l,startIcon:c,endIcon:d,...R},f){let v=useContext(hi),k=!!v&&r!==void 0,y=!k&&t!==void 0,[w,b]=useState(()=>k?v.values.some(W=>Object.is(W,r)):!!n),m=k?v.values.some(W=>Object.is(W,r)):y?!!t:w,p=V(),N=!!useContext(Tt),x=()=>{if(!u)if(k)v.toggle(r);else {let W=!m;y||b(W),o?.(W);}},T=css({width:18,height:18,display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,marginLeft:N?-1:-3,borderRadius:p.radius.xs,transition:"background-color .12s ease"}),P=css({pointerEvents:"none"}),$=useCallback(W=>{W&&(W.querySelectorAll("[tabindex]").forEach(S=>{S.tabIndex=-1;}),W.querySelectorAll('input, button, a, [role="checkbox"]').forEach(S=>{S.tabIndex=-1;}));},[]),K=jsxs(Fragment,{children:[jsx("span",{ref:$,"data-menu-checkbox-wrapper":true,className:"plainframe-ui-menu-checkbox-wrapper",css:T,"aria-hidden":"true",children:jsx(rr,{size:"sm",checked:m,css:P})}),c]});return jsx(pn,{...R,className:["plainframe-ui-menu-checkbox-item",l||""].join(" ").trim(),ref:f,__index:i,role:"menuitemcheckbox","aria-checked":m,closeOnSelect:false,onSelect:x,disabled:u,startIcon:K,endIcon:d,css:a,selected:false,children:s})});co.displayName="MenuCheckboxItem";var yi=forwardRef(function({checked:t,defaultChecked:n=false,onCheckedChange:o,children:r,__index:s,disabled:i=false,css:u,switchSize:a="md",switchCss:l,startIcon:c,className:d,...R},f){let v=t!==void 0,[k,y]=useState(!!n),w=v?!!t:k,m=!!useContext(Tt),p=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),C=css({marginLeft:"auto",display:"inline-flex",alignItems:"center",justifyContent:"flex-end",flex:"0 0 auto",flexShrink:0,paddingRight:m?2:void 0}),N=()=>{if(i)return;let T=!w;v||y(T),o?.(T);},x=css({display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,"& > *":{flexShrink:0},"& > svg:only-child":{width:16,height:16,display:"block"}});return jsxs(pn,{...R,className:["plainframe-ui-menu-switch-item",d||""].join(" ").trim(),ref:f,__index:s,disabled:i,closeOnSelect:false,onSelect:N,css:u,selected:false,children:[c&&jsx("span",{className:"plainframe-ui-menu-item-start",css:x,children:c}),jsx("span",{"data-label":true,css:p,className:"plainframe-ui-menu-item-label",children:r}),jsx("span",{className:"plainframe-ui-menu-switch-wrap",css:C,children:jsx(ms,{checked:w,css:css({pointerEvents:"none",padding:0,marginRight:-1},l),className:"plainframe-ui-menu-switch",tabIndex:-1,size:a})})]})});yi.displayName="MenuSwitchItem";var xi=me.createContext(null),ir=({value:e,defaultValue:t,onValueChange:n,children:o})=>{let[r,s]=useState(t),i=e??r,u=l=>{e!==void 0||s(l),n?.(l);},a=useMemo(()=>({value:i,onChange:u}),[i]);return jsx(xi.Provider,{value:a,children:o})};ir.displayName="MenuRadioGroup";var Ju=forwardRef(function({value:t,children:n,__index:o,disabled:r=false,css:s,className:i,...u},a){let l=useContext(xi),c=l?.value===t,d=V(),R=css({width:d.spacing.md,display:"inline-flex",justifyContent:"center",alignItems:"center",marginLeft:-1}),f=css({width:7,height:7,borderRadius:"100%",backgroundColor:d.palette.primary[600],transform:c?"scale(1)":"scale(0.4)",opacity:c?1:0,transition:"transform 140ms ease-out, opacity 140ms linear",transformOrigin:"center center"}),v=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});return jsxs(pn,{...u,className:["plainframe-ui-menu-radio-item",i||""].join(" ").trim(),ref:a,__index:o,role:"menuitemradio","aria-checked":c,closeOnSelect:false,onSelect:()=>{r||l?.onChange?.(t);},disabled:r,css:s,selected:false,children:[jsx("span",{className:"plainframe-ui-menu-radio-dotbox",css:R,children:jsx("span",{className:"plainframe-ui-menu-radio-dot",css:f})}),jsx("span",{className:"plainframe-ui-menu-item-label",css:v,children:n})]})}),mn=forwardRef(function({inset:t,className:n,css:o,children:r,startIcon:s,endIcon:i,wrap:u=false,color:a="primary",...l},c){let d=V(),f=!!useContext(Tt),v=a==="primary"?d.text.primary:a==="secondary"?d.text.secondary:d.palette[a]?.[700]??d.text.primary,k=css({display:"flex",alignItems:"center",padding:f?`${d.spacing.sm} ${d.spacing.md}`:`${d.spacing.sm} ${d.spacing.md}`,fontSize:d.typography.sizes.sm,color:v,fontWeight:500,...t?{paddingLeft:`calc(${d.spacing.lg} * 2)`}:null,gap:d.spacing.xs}),y=css({flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:u?"normal":"nowrap"}),w=css({display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",lineHeight:0,padding:"0 3px 0 2px",marginLeft:-2,"& > svg":{width:16,height:16,display:"block"}}),b=css({display:"inline-flex",alignItems:"center",justifyContent:"flex-end",flex:"0 0 auto",flexShrink:0,lineHeight:0,"& > svg":{width:16,height:16,display:"block"}});return jsxs("div",{ref:c,role:"presentation",className:["plainframe-ui-menu-label",n||""].join(" ").trim(),css:css(k,o),...l,children:[s&&jsx("span",{className:"plainframe-ui-menu-label-start",css:w,children:s}),jsx("span",{className:"plainframe-ui-menu-label-text",css:y,children:r}),i&&jsx("span",{className:"plainframe-ui-menu-label-end",css:b,children:i})]})});mn.displayName="MenuLabel";var Zu=({className:e,css:t,variant:n="full",...o})=>{let r=V(),s=`var(--pfui-panel-pad, ${typeof r.spacing.xs=="number"?r.spacing.xs+"px":String(r.spacing.xs)})`,i=css({height:1,background:r.surface.border,marginTop:s,marginBottom:s,marginLeft:"calc(var(--pfui-panel-pad, 0px) * -1)",marginRight:"calc(var(--pfui-panel-pad, 0px) * -1)"}),u=css({height:1,background:r.surface.border,marginTop:s,marginBottom:s,marginLeft:`${r.spacing.md}`,marginRight:`${r.spacing.md}`}),a=css({height:1,background:r.surface.border,marginTop:s,marginBottom:s,marginLeft:`${r.spacing.lg}`,marginRight:0}),l=n==="full"?i:n==="middle"?u:a;return jsx("div",{role:"separator",className:["plainframe-ui-menu-separator",e||""].join(" ").trim(),css:css(l,t),...o})};var bs=io,po=0,ur=null,dr=null,dd=()=>typeof window>"u"||typeof document>"u"?0:window.innerWidth-document.documentElement.clientWidth;function pd(){if(!(typeof document>"u")){if(po===0){let e=document.body;ur=e.style.overflow||"",dr=e.style.paddingRight||"";let t=dd();e.style.overflow="hidden",t>0&&(e.style.paddingRight=`${t}px`);}po+=1;}}function md(){if(!(typeof document>"u")&&(po>0&&(po-=1),po===0)){let e=document.body;ur!==null&&(e.style.overflow=ur),dr!==null&&(e.style.paddingRight=dr),ur=null,dr=null;}}var fn=createContext(null),pr=()=>{let e=useContext(fn);if(!e)throw new Error("DropdownMenu components must be used inside <DropdownMenu>.");return e},mo=createContext(null),fd=()=>useContext(mo),oo=createContext(null),uo=()=>useContext(oo),Ci=createContext(null),lr=()=>useContext(Ci),Ri=createContext(false),gd=()=>useContext(Ri),ro=createContext({allItemsTabbable:true}),cr=me.createContext(null),hs=()=>useContext(cr);function bd(){let e=[],t=new Set,n={current:false};return {registerCloser(o){return e.push(o),()=>{let r=e.indexOf(o);r>=0&&e.splice(r,1);}},closeAll(){if(!n.current){n.current=true;for(let o=e.length-1;o>=0;o--)try{e[o]();}catch{}queueMicrotask(()=>{n.current=false;});}},registerHoverCtl(o){return t.add(o),()=>t.delete(o)},clearAllHover(){t.forEach(o=>o.clear());},isBusClosingRef:n}}var hd=()=>fd()?.activeIndex??null,Ti=0,$n=({open:e,defaultOpen:t,onOpenChange:n,trigger:o="click",lockScroll:r=true,size:s="md",children:i})=>{let[u,a]=useState(!!t),l=e??u,c=useCallback(F=>{e===void 0&&a(F),n?.(F);},[e,n]),d=useRef(`pfui-menu-${++Ti}`),R=useRef(null),f=useRef([]),v=useRef(null),[k,y]=useState(null),[w,b]=useState(false);useEffect(()=>{l||(y(null),f.current=[],b(false));},[l]);let m=useRef(null),p=useCallback((F,I)=>{if(o!=="hover")return;window.clearTimeout(m.current??0);let g=I??20;m.current=window.setTimeout(()=>c(F),g);},[o,c]),C=useCallback(()=>{m.current&&(window.clearTimeout(m.current),m.current=null);},[]);useEffect(()=>()=>C(),[C]),useEffect(()=>{if(!(!r||!l))return pd(),()=>md()},[l,r]);let N=hs(),[x]=useState(()=>N??bd()),T=useRef(new Set),P=useMemo(()=>({registerSubMenu:F=>(T.current.add(F),()=>T.current.delete(F)),closeAllSubMenus:()=>{T.current.forEach(F=>F());}}),[]),$=useMemo(()=>({open:l,setOpen:c,trigger:o,referenceRef:R,listRef:f,floatingRef:v,setActiveIndex:y,scheduleSubmenuHover:p,clearSubmenuHover:C,menuId:d.current}),[l,c,o,y,p,C]),K=useMemo(()=>({activeIndex:k,setActiveIndex:y}),[k,y]),W=useMemo(()=>({isKeyboardNav:w,setIsKeyboardNav:b}),[w]),S=s==="sm";return jsx(cr.Provider,{value:x,children:jsx(Tt.Provider,{value:S,children:jsx(oo.Provider,{value:W,children:jsx(Ci.Provider,{value:P,children:jsx(mo.Provider,{value:K,children:jsx(fn.Provider,{value:$,children:i})})})})})})};$n.displayName="DropdownMenu";var zn=me.forwardRef(({asChild:e=true,children:t,width:n,className:o,css:r,...s},i)=>{let{open:u,setOpen:a,trigger:l,referenceRef:c,listRef:d,setActiveIndex:R,scheduleSubmenuHover:f,clearSubmenuHover:v,floatingRef:k,menuId:y}=pr(),w=uo(),b=lr(),m=!!e&&isValidElement(t),p=m?t:null,C=p&&p.props&&typeof p.props=="object"&&"onKeyDown"in p.props?p.props.onKeyDown:void 0,N=p&&p.props&&typeof p.props=="object"&&"onClick"in p.props?p.props.onClick:void 0,{onKeyDown:x,onClick:T,...P}=s,$=useMemo(()=>bs(i,m&&isValidElement(t)&&"ref"in t?t.ref:void 0,c),[i,m,t,c]),K=useCallback(()=>d.current.filter(Boolean),[d]),W=useCallback(h=>{let A=K();requestAnimationFrame(()=>A[h]?.focus());},[K]),S=useCallback(h=>{if(h.key==="Tab"&&u){h.preventDefault(),w?.setIsKeyboardNav(true);let A=k?.current;if(A){A.setAttribute("data-keyboard-nav","");let H=A.querySelector('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])');H&&(document.querySelectorAll("[data-highlighted]").forEach(B=>B.removeAttribute("data-highlighted")),H.setAttribute("data-highlighted",""),H.focus());}return}if(h.key==="ArrowRight"&&u){let A=document.querySelector("[data-subtrigger][data-hovered]");if(A){h.preventDefault(),h.stopPropagation(),w?.setIsKeyboardNav(true),A.removeAttribute("data-hovered"),A.setAttribute("data-highlighted",""),A.focus(),requestAnimationFrame(()=>{let H=new KeyboardEvent("keydown",{key:"ArrowRight",bubbles:true,cancelable:true});A.dispatchEvent(H);});return}}if(h.key==="ArrowDown"||h.key==="ArrowUp"){if(w?.setIsKeyboardNav(true),!u){h.preventDefault(),a(true),requestAnimationFrame(()=>{let A=y?document.querySelector(`[data-menu-id="${y}"]`):k?.current;if(A){A.setAttribute("data-keyboard-nav","");let H=Array.from(A.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(B=>{let M=B.closest("[data-submenu-content]");if(M&&M!==A)return false;let E=window.getComputedStyle(B);return E.display!=="none"&&E.visibility!=="hidden"});if(H.length>0){let B=h.key==="ArrowDown"?0:H.length-1;R(B),H[B]?.setAttribute("data-highlighted",""),H[B]?.focus();}}}),C?.(h),x?.(h);return}if(u){h.preventDefault();let A=document.querySelectorAll("[data-hovered]");for(let B of Array.from(A))if(B.closest("[data-submenu-content]")){let E=B.closest('[role="menu"]');if(E){E.setAttribute("data-keyboard-nav","");let L=Array.from(E.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled])')).filter(O=>{if(O.closest('[role="menu"]')!==E)return false;let _=window.getComputedStyle(O);return _.display!=="none"&&_.visibility!=="hidden"}),z=L.indexOf(B);if(document.querySelectorAll("[data-highlighted]").forEach(O=>O.removeAttribute("data-highlighted")),B.removeAttribute("data-hovered"),z!==-1&&L.length>0){let O=h.key==="ArrowDown"?1:-1,_=(z+O+L.length)%L.length;L[_]?.setAttribute("data-highlighted",""),L[_]?.focus();}return}}let H=y?document.querySelector(`[data-menu-id="${y}"]`):k?.current;if(H){H.setAttribute("data-keyboard-nav",""),b?.closeAllSubMenus();let B=Array.from(H.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(M=>{if(M.closest('[role="menu"]')!==H)return false;let E=window.getComputedStyle(M);return E.display!=="none"&&E.visibility!=="hidden"});if(B.length>0){let M=H.querySelector("[data-highlighted]"),E=H.querySelector("[data-hovered]"),L=-1;M?L=B.indexOf(M):E&&(L=B.indexOf(E)),document.querySelectorAll("[data-highlighted]").forEach(_=>_.removeAttribute("data-highlighted")),E&&E.removeAttribute("data-hovered"),L===-1&&(L=h.key==="ArrowDown"?-1:B.length);let z=h.key==="ArrowDown"?1:-1,O=(L+z+B.length)%B.length;R(O),B[O]?.setAttribute("data-highlighted",""),B[O]?.focus();}}C?.(h),x?.(h);return}}if((h.key==="Enter"||h.key===" ")&&!u){h.preventDefault(),w?.setIsKeyboardNav(true),a(true),requestAnimationFrame(()=>{let A=y?document.querySelector(`[data-menu-id="${y}"]`):k?.current;if(A){A.setAttribute("data-keyboard-nav","");let H=Array.from(A.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(B=>{let M=B.closest("[data-submenu-content]");if(M&&M!==A)return false;let E=window.getComputedStyle(B);return E.display!=="none"&&E.visibility!=="hidden"});H.length>0&&(R(0),H[0]?.setAttribute("data-highlighted",""),H[0]?.focus());}}),C?.(h),x?.(h);return}C?.(h),x?.(h);},[u,a,R,C,x,K,W,d,w,y,k,b]),F=useCallback(h=>{l==="click"&&((h.nativeEvent.composedPath?.()??[]).some(M=>{let E=M;if(!E||!("tagName"in E))return false;let L=String(E.tagName).toUpperCase();if(L==="INPUT"||L==="TEXTAREA"||"isContentEditable"in E&&E.isContentEditable)return true;let z="getAttribute"in E?E.getAttribute("role"):null;return z==="textbox"||z==="combobox"})||(h.stopPropagation(),a(!u))),N?.(h),T?.(h);},[l,u,a,N,T]),I=l==="hover"?{onMouseEnter:()=>{v(),a(true);},onMouseLeave:()=>{f(false);}}:{},g=n!=null?css({width:typeof n=="number"?`${n}px`:n}):void 0;if(m&&p){let h=p.props,A=h.css,H=typeof h.className=="string"?h.className:void 0,B=typeof h.tabIndex=="number"?h.tabIndex:0,M={ref:$,tabIndex:B,className:[H,o].filter(Boolean).join(" ")||void 0,css:[A,g,r].filter(Boolean),"aria-haspopup":"menu","aria-expanded":u,onClick:F,onKeyDown:S,...I,...P};return cloneElement(p,M)}return jsx("button",{ref:$,className:o,css:[css({display:"inline-block"}),g,r],type:"button",tabIndex:0,"aria-haspopup":"menu","aria-expanded":u,onClick:F,onKeyDown:S,...I,...P,children:t})});zn.displayName="DropdownMenuTrigger";var hn=me.forwardRef(({anchor:e,side:t="bottom",align:n="start",sideOffset:o=6,alignOffset:r=0,collisionPadding:s=8,sameWidth:i=false,width:u,height:a,maxHeight:l,unstyled:c=false,closeOnBlur:d=false,allItemsTabbable:R=false,className:f,css:v,children:k,exitPlacement:y,animateOnBusClose:w=true,gap:b,ignoreOutsidePressRefs:m,disableOutsidePressDismiss:p=false,returnFocus:C=false,...N},x)=>{let{open:T,setOpen:P,referenceRef:$,clearSubmenuHover:K,setActiveIndex:W,floatingRef:S,menuId:F}=pr(),I=V(),g=hs(),h=uo();useEffect(()=>{if(!g)return;let J=g.registerCloser(()=>P(false));return ()=>{J&&J();}},[g,P]);let A=typeof o=="string"?parseFloat(o):o,H=typeof r=="string"?parseFloat(r):r,B=typeof s=="string"?parseFloat(s):s,M=`${t}${n==="center"?"":`-${n}`}`,E=useCallback(J=>({getBoundingClientRect:()=>{let oe=Math.round(J.x),re=Math.round(J.y);return {x:oe,y:re,left:oe,top:re,right:oe,bottom:re,width:0,height:0,toJSON:()=>({x:oe,y:re,left:oe,top:re,right:oe,bottom:re,width:0,height:0})}},contextElement:void 0}),[]),L=useMemo(()=>{if(!e)return null;if(e instanceof HTMLElement||typeof e=="object"&&e!==null&&"getBoundingClientRect"in e&&typeof e.getBoundingClientRect=="function")return e;let J=e;return E({x:J.x,y:J.y})},[e,E]),{refs:z,x:O,y:_,strategy:D,context:U,update:X}=useFloating({open:T,onOpenChange:P,placement:M,whileElementsMounted:autoUpdate,middleware:[offset({mainAxis:A??0,crossAxis:H??0}),flip({padding:B??8}),shift({padding:B??8}),size({apply({rects:J,elements:oe}){let re=oe.floating;re.style.boxSizing="border-box",a!=null?re.style.height=typeof a=="number"?`${a}px`:String(a):re.style.removeProperty("height"),u!=null?re.style.width=typeof u=="number"?`${u}px`:String(u):i?re.style.width=`${Math.round(J.reference.width)}px`:re.style.width="200px",l!=null?re.style.maxHeight=typeof l=="number"?`${l}px`:String(l):re.style.removeProperty("max-height");}})]});useEffect(()=>{L?z.setReference(L):$.current&&z.setReference($.current);},[z,L,$]),useEffect(()=>{if(!T)return;let J=L||$.current,oe=z.floating.current;if(!(!J||!oe))return autoUpdate(J,oe,X)},[T,L,$,z,X]),useEffect(()=>{X();},[X,i,u,a,l]),useEffect(()=>{T&&!R&&W(0);},[T,R,W]),useEffect(()=>{if(!d||!T)return;let J=()=>{let oe=document.activeElement,re=$.current,qe=z.floating.current;oe&&(re?.contains(oe)||qe?.contains(oe)||P(false));};return document.addEventListener("focusin",J,true),()=>document.removeEventListener("focusin",J,true)},[d,T,P,$,z.floating]);let ae=useDismiss(U,{outsidePressEvent:"pointerdown",escapeKey:true,outsidePress:p?false:J=>{if(m?.length){let oe=J.target;for(let re of m)if(re.current?.contains(oe))return false}return true}}),q=useRole(U,{role:"menu"}),{getFloatingProps:Y}=useInteractions([ae,q]),le=useRef(false);useEffect(()=>{T?le.current=true:le.current&&$.current&&C&&(g?.isBusClosingRef.current||requestAnimationFrame(()=>{$.current?.focus();}));},[T,$,g,C]);let ie=typeof I.spacing.xs=="number"?`${I.spacing.xs}px`:String(I.spacing.xs),be=b===void 0?void 0:typeof b=="number"?b:I.spacing[b]??b,Pe=c?void 0:css({boxSizing:"border-box",background:I.surface.panelBg,border:`${I.componentHeights.border} solid ${I.surface.border}`,borderRadius:I.radius.lg,boxShadow:"0 8px 32px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.02)","--pfui-panel-pad":ie,padding:"var(--pfui-panel-pad)",color:I.text.primary,maxHeight:l,overflowY:"auto",display:"flex",flexDirection:"column",gap:be,"& > *":{flexShrink:0},"&[data-keyboard-nav]":{cursor:"none"},"&[data-keyboard-nav] *":{cursor:"none !important",pointerEvents:"none"}}),Re=-1,Ce=J=>{if(!J||typeof J!="object"||!isValidElement(J))return J;let re=J.type?.displayName;if(re==="DropdownMenu"||re==="DropdownMenuSub")return J;if(re==="MenuItem"||re==="MenuCheckboxItem"||re==="MenuRadioItem"||re==="MenuSwitchItem")return Re+=1,cloneElement(J,{__index:Re,key:J.key??Re});if(re==="DropdownMenuTrigger"){let j=J.props.children;return cloneElement(J,{children:me.Children.map(j,Ce)})}if(re==="DropdownMenuSubTrigger"){Re+=1;let j=Re;return cloneElement(J,{__index:j,key:J.key??j})}let qe=J.props.children;return qe==null?J:cloneElement(J,{children:me.Children.map(qe,Ce)})},Ie=me.Children.map(k,Ce),we=U.placement.split("-")[0]||"bottom",he=we==="bottom"?"center top":we==="top"?"center bottom":we==="left"?"right center":"left center",je=we==="bottom"?{opacity:0,y:-8,scale:.96}:we==="top"?{opacity:0,y:8,scale:.96}:we==="left"?{opacity:0,x:8,scale:.96}:{opacity:0,x:-8,scale:.96},Z=y??we,Ee=Z==="bottom"?{opacity:0,y:-8,scale:.96}:Z==="top"?{opacity:0,y:8,scale:.96}:Z==="left"?{opacity:0,x:8,scale:.96}:{opacity:0,x:-8,scale:.96},ee=!!g?.isBusClosingRef.current&&!w?{scale:{duration:0},x:{duration:0},y:{duration:0},opacity:{duration:0}}:{scale:{type:"spring",stiffness:520,damping:38,mass:.5},x:{type:"spring",stiffness:420,damping:30,mass:.6},y:{type:"spring",stiffness:420,damping:30,mass:.6},opacity:{duration:.12,ease:"linear"}},se=css({position:D,top:_??0,left:O??0,zIndex:1e3,transformOrigin:he}),pe=useCallback(J=>{if(J.key==="Tab"){J.preventDefault();return}if(J.key==="ArrowDown"||J.key==="ArrowUp"){J.preventDefault(),h?.setIsKeyboardNav(true);let oe=J.currentTarget;oe.setAttribute("data-keyboard-nav","");let re=Array.from(oe.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(qe=>{if(qe.closest('[role="menu"]')!==oe)return false;let j=window.getComputedStyle(qe);return j.display!=="none"&&j.visibility!=="hidden"});if(re.length>0){let qe=oe.querySelector("[data-highlighted]"),j=oe.querySelector("[data-hovered]"),ue=-1;qe?ue=re.indexOf(qe):j&&(ue=re.indexOf(j)),document.querySelectorAll("[data-highlighted]").forEach(ze=>ze.removeAttribute("data-highlighted")),j&&j.removeAttribute("data-hovered"),ue===-1&&(ue=J.key==="ArrowDown"?-1:re.length);let de=J.key==="ArrowDown"?1:-1,fe=(ue+de+re.length)%re.length;W(fe),re[fe]?.setAttribute("data-highlighted",""),re[fe]?.focus();}}},[h,W]),Se=useCallback(J=>{let oe=J.currentTarget;oe.removeAttribute("data-keyboard-nav"),oe.querySelectorAll("[data-highlighted]").forEach(re=>re.removeAttribute("data-highlighted")),h?.isKeyboardNav&&h.setIsKeyboardNav(false);},[h]),Ne=useCallback(J=>{J.removeAttribute("data-keyboard-nav"),J.querySelectorAll("[data-highlighted]").forEach(oe=>oe.removeAttribute("data-highlighted")),h?.isKeyboardNav&&h.setIsKeyboardNav(false);},[h]);return jsx(FloatingPortal,{children:jsx(AnimatePresence,{children:T?jsx(ro.Provider,{value:{allItemsTabbable:R},children:jsx(motion.div,{...Y({...N,ref:bs(x,z.setFloating,J=>{S&&(S.current=J);})}),"data-menu-id":F,"data-keyboard-nav":h?.isKeyboardNav?"":void 0,className:f,css:[Pe,se,v],initial:je,animate:{opacity:1,x:0,y:0,scale:1},exit:Ee,transition:ee,onPointerMove:J=>Ne(J.currentTarget),onPointerDown:J=>Ne(J.currentTarget),onKeyDown:pe,onMouseMove:Se,onMouseEnter:()=>{K(),g?.clearAllHover();},onMouseLeave:()=>{document.querySelectorAll("[data-hovered]").forEach(J=>J.removeAttribute("data-hovered"));},children:Ie})}):null})})});hn.displayName="DropdownMenuContent";var wi=({open:e,defaultOpen:t,onOpenChange:n,trigger:o="hover",dense:r,children:s})=>{let i=gd(),[u,a]=useState(!!t),l=e??u,c=useCallback(S=>{e===void 0&&a(S),n?.(S);},[e,n]),d=useRef(null),R=useRef(false),f=useCallback((S,F)=>{if(o!=="hover")return;window.clearTimeout(d.current??0),R.current=S;let I=F??20;d.current=window.setTimeout(()=>{R.current=false,c(S);},I);},[o,c]),v=useCallback(()=>{d.current&&(window.clearTimeout(d.current),d.current=null,R.current=false);},[]);useEffect(()=>()=>v(),[v]);let k=lr();useEffect(()=>{if(!k)return;let S=()=>{v(),c(false);};return k.registerSubMenu(S)},[k,c,v]);let y=useRef(`pfui-submenu-${++Ti}`),w=useRef(null),b=useRef([]),m=useRef(null),[p,C]=useState(null),[N,x]=useState(false);useEffect(()=>{l||(C(null),b.current=[],x(false));},[l]);let T=useContext(Tt),P=r??T,$=useMemo(()=>({open:l,setOpen:c,trigger:o,referenceRef:w,listRef:b,floatingRef:m,setActiveIndex:C,scheduleSubmenuHover:f,clearSubmenuHover:v,pendingOpenRef:R,menuId:y.current}),[l,c,o,C,f,v]),K=useMemo(()=>({activeIndex:p,setActiveIndex:C}),[p,C]),W=useMemo(()=>({isKeyboardNav:N,setIsKeyboardNav:x}),[N]);return i?(console.warn("[DropdownMenu] Nested submenus are not supported. DropdownMenuSub can only be used one level deep inside DropdownMenu. The nested submenu content will not be rendered."),jsx(Fragment,{children:me.Children.map(s,S=>{if(!isValidElement(S))return S;let F=S.type;return F?.displayName==="DropdownMenuSubTrigger"||F?.displayName==="DropdownMenuSubContent"?null:S})})):jsx(Ri.Provider,{value:true,children:jsx(Tt.Provider,{value:P,children:jsx(mo.Provider,{value:K,children:jsx(oo.Provider,{value:W,children:jsx(fn.Provider,{value:$,children:s})})})})})};wi.displayName="DropdownMenuSub";var Ei=me.forwardRef(({asChild:e=true,children:t,width:n,className:o,css:r,...s},i)=>{let{open:u,setOpen:a,trigger:l,referenceRef:c,scheduleSubmenuHover:d,clearSubmenuHover:R,pendingOpenRef:f,menuId:v}=pr(),k=uo(),y=useCallback(S=>{S&&(S.__pfuiCloseSubmenu=()=>a(false));},[a]),w=!!e&&isValidElement(t),b=w?t:null,m=b?.props,p=m?.onKeyDown,C=m?.onClick,{onKeyDown:N,onClick:x,...T}=s,P=useMemo(()=>bs(i,w&&isValidElement(t)&&"ref"in t?t.ref:void 0,c,y),[i,w,t,c,y]),$=n!=null?css({width:typeof n=="number"?`${n}px`:n}):void 0,K=useCallback(S=>{if(S.key==="Tab"){S.preventDefault();return}let F=S.currentTarget,I=g=>{k?.setIsKeyboardNav(true);let h=F.closest("[data-menu-id]");if(!h)return;h.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(E=>E.removeAttribute("data-highlighted"));let A=Array.from(h.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])')).filter(E=>{if(E.closest("[data-menu-id]")!==h)return false;let L=window.getComputedStyle(E);return L.display!=="none"&&L.visibility!=="hidden"});if(!A.length)return;let H=A.indexOf(F),B=H>=0?H:0,M=g==="next"?(B+1)%A.length:(B-1+A.length)%A.length;A[M]?.setAttribute("data-highlighted",""),A[M]?.focus();};if(S.key==="ArrowDown"){S.preventDefault(),S.stopPropagation(),u&&a(false),I("next");return}if(S.key==="ArrowUp"){S.preventDefault(),S.stopPropagation(),u&&a(false),I("prev");return}if(S.key==="ArrowRight"||S.key==="Enter"||S.key===" "){S.preventDefault(),S.stopPropagation(),k?.setIsKeyboardNav(true);let g=S.currentTarget;a(true),requestAnimationFrame(()=>{let h=v?document.querySelector(`[data-menu-id="${v}"]`):document.querySelector("[data-submenu-content]");if(h){h.setAttribute("data-keyboard-nav",""),g.removeAttribute("data-highlighted"),g.removeAttribute("data-hovered");let A=h.querySelector('[role="menuitem"]:not([aria-disabled="true"]):not([data-disabled]):not([data-subtrigger]), [role="menuitemcheckbox"]:not([aria-disabled="true"]):not([data-disabled]), [role="menuitemradio"]:not([aria-disabled="true"]):not([data-disabled])');A&&(A.setAttribute("data-highlighted",""),A.focus());}});return}if(S.key==="ArrowLeft"){S.preventDefault(),S.stopPropagation(),u&&a(false);let g=F.closest("[data-menu-id]");g&&g.setAttribute("data-keyboard-nav",""),document.querySelectorAll("[data-highlighted]").forEach(h=>h.removeAttribute("data-highlighted")),document.querySelectorAll("[data-hovered]").forEach(h=>h.removeAttribute("data-hovered")),F.setAttribute("data-highlighted",""),F.focus(),k&&k.setIsKeyboardNav(true);return}if(S.key==="Escape"){S.preventDefault(),S.stopPropagation(),p?.(S);return}p?.(S),N?.(S);},[u,a,p,N,c,k,v]),W=l==="hover"?{onMouseEnter:S=>{let F=S.currentTarget;lo(),R(),document.querySelectorAll("[data-hovered]").forEach(g=>g.removeAttribute("data-hovered")),document.querySelectorAll("[data-highlighted]").forEach(g=>g.removeAttribute("data-highlighted")),F.setAttribute("data-hovered",""),F.focus({preventScroll:true});let I=F.closest("[data-menu-id]");I?.hasAttribute("data-keyboard-nav")&&I.removeAttribute("data-keyboard-nav"),k&&k.setIsKeyboardNav(false),u||d(true,90);},onMouseMove:S=>{let F=S.currentTarget;lo(),F.hasAttribute("data-hovered")||(document.querySelectorAll("[data-hovered]").forEach(I=>I.removeAttribute("data-hovered")),document.querySelectorAll("[data-highlighted]").forEach(I=>I.removeAttribute("data-highlighted")),F.setAttribute("data-hovered","")),!u&&!f?.current&&d(true,90);},onMouseLeave:()=>{d(false,60);}}:{onClick:S=>{S.stopPropagation(),a(!u),C?.(S),x?.(S);}};if(w&&b){let S=m?.css,F=typeof m?.className=="string"?m.className:void 0,I=typeof m?.tabIndex=="number"?m.tabIndex:0,g={ref:P,tabIndex:I,className:[F,o].filter(Boolean).join(" ")||void 0,css:[S,$,r].filter(Boolean),"aria-haspopup":"menu","aria-expanded":u,"data-subtrigger":"",__skipListReg:true,onKeyDown:K,onFocus:h=>{if(h.target.hasAttribute("data-highlighted")){let A=h.target.closest("[data-menu-id]");A&&!A.hasAttribute("data-keyboard-nav")&&(A.setAttribute("data-keyboard-nav",""),k&&k.setIsKeyboardNav(true));}m&&"onFocus"in m&&typeof m.onFocus=="function"&&m.onFocus(h);},...W,...T};return cloneElement(b,g)}return jsx("div",{ref:P,role:"menuitem",tabIndex:0,className:o,css:[css({display:"flex",alignItems:"center",gap:8,cursor:"pointer"}),$,r],"aria-haspopup":"menu","aria-expanded":u,"data-subtrigger":"",onKeyDown:K,onFocus:S=>{if(S.currentTarget.hasAttribute("data-highlighted")){let F=S.currentTarget.closest("[data-menu-id]");F&&!F.hasAttribute("data-keyboard-nav")&&(F.setAttribute("data-keyboard-nav",""),k&&k.setIsKeyboardNav(true));}},...W,...T,children:t})});Ei.displayName="DropdownMenuSubTrigger";var ki=me.forwardRef((e,t)=>{let n=hs(),{referenceRef:o,clearSubmenuHover:r,scheduleSubmenuHover:s}=pr(),i=[e.className,"plainframe-ui-submenu-content"].filter(Boolean).join(" ");return jsx(hn,{ref:t,side:"right",align:"start",exitPlacement:"bottom",animateOnBusClose:true,...e,className:i,"data-submenu-content":"",anchor:o.current,onMouseEnter:u=>{r(),n?.clearAllHover(),lo(),e.onMouseEnter?.(u);},onMouseLeave:u=>{s(false,60),e.onMouseLeave?.(u);}})});ki.displayName="DropdownMenuSubContent";var mr=e=>e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/\s+/g," ").trim().toLowerCase(),vd=css({display:"inline"}),Si=css({display:"inline",fontWeight:700}),Cd=css({position:"absolute",inset:0,pointerEvents:"none",opacity:0,zIndex:-1,outline:"none"}),Rd=css({display:"flex",alignItems:"center",gap:4}),Td=css({flex:"1 1 auto",minWidth:0,display:"flex",flexDirection:"column",gap:2}),Mi=css({fontWeight:500,overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word"}),wd=css({fontSize:"0.875em",overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word",fontWeight:400}),Ed=()=>{},kd=e=>e,Id=e=>`plainframe-ui-autocomplete${e?`-${e}`:""}`,Sd=e=>{e.preventDefault(),e.stopPropagation();},Md=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation());},Fd=e=>{e.preventDefault(),e.stopPropagation();},Fi=me.memo(({onCapture:e})=>{let t=useContext(fn),n=useContext(mo),o=useMemo(()=>({...t,activeIndex:n?.activeIndex??null,setActiveIndex:n?.setActiveIndex??t?.setActiveIndex}),[t,n]);return useEffect(()=>{e(o);},[o,e]),null});Fi.displayName="CtxCapture";var ys=me.memo(({item:e,absIndex:t,multiple:n,getCurrentMulti:o,isSelected:r,renderItem:s,paint:i,cls:u,closeOnSelect:a,pickSingle:l,handleItemKeyDown:c,handleItemMouseDown:d,descriptionColor:R})=>{let f=o(),v=useMemo(()=>{let w=String(e.title??e.value);return s?w:i(w)},[i,e.title,e.value,s]),k=useMemo(()=>e.description?jsxs("span",{className:"plainframe-ui-autocomplete-item-content",css:Td,children:[jsx("span",{className:"plainframe-ui-autocomplete-item-title",css:Mi,children:v}),jsx("span",{className:"plainframe-ui-autocomplete-item-description",css:[wd,{color:R}],children:e.description})]}):jsx("span",{className:"plainframe-ui-autocomplete-item-title",css:Mi,children:v}),[v,e.description,R]),y=useCallback(()=>{e.disabled||l(e.value);},[e.disabled,e.value,l]);if(n){let w=f.some(b=>Object.is(b,e.value));return s?jsx(co,{__index:t,value:e.value,disabled:!!e.disabled,closeOnSelect:false,"aria-disabled":!!e.disabled,className:`plainframe-ui-select-option ${u("checkbox-item")}`.trim(),css:e.css,onMouseDown:d,children:s(e,w)},e.value):jsx(co,{__index:t,value:e.value,disabled:!!e.disabled,closeOnSelect:false,"aria-disabled":!!e.disabled,className:`plainframe-ui-select-option ${u("checkbox-item")}`.trim(),css:e.css,onMouseDown:d,startIcon:e.startIcon,endIcon:e.endIcon,children:k},e.value)}return s?jsx(pn,{__index:t,onClick:y,onSelect:y,onKeyDown:c,"aria-disabled":!!e.disabled,disabled:!!e.disabled,className:u("item"),css:e.css,closeOnSelect:a,onMouseDown:d,selected:r,children:s(e,r)},e.value):jsx(pn,{startIcon:e.startIcon,endIcon:e.endIcon,__index:t,onClick:y,onSelect:y,onKeyDown:c,"aria-disabled":!!e.disabled,disabled:!!e.disabled,className:u("item"),css:e.css,closeOnSelect:a,onMouseDown:d,selected:r,children:k},e.value)},(e,t)=>!(e.item.value!==t.item.value||e.item.disabled!==t.item.disabled||e.item.description!==t.item.description||e.absIndex!==t.absIndex||e.multiple!==t.multiple||e.closeOnSelect!==t.closeOnSelect||e.renderItem!==t.renderItem||e.pickSingle!==t.pickSingle||e.isSelected!==t.isSelected||e.paint!==t.paint||e.descriptionColor!==t.descriptionColor));ys.displayName="AutocompleteRow";var Ai=me.memo(({items:e=[],onSelect:t,width:n=300,fullWidth:o=false,placeholder:r,renderItem:s,focusRingMode:i,css:u,inputCss:a,containerCss:l,label:c,helperText:d,variant:R,startIcon:f,endIcon:v,size:k,disabled:y=false,error:w=false,showClear:b=false,open:m,onOpenChange:p,openOnFocus:C=false,openOnType:N=true,openOnClick:x=true,closeOnSelect:T=true,closeOnBlur:P=true,blurOnSelect:$=false,freeSolo:K=false,customValueLabel:W=false,maxHeight:S,maxItems:F,noResultsText:I="No Items Found",highlightTypedValue:g,typedValueHighlightCss:h,showNoResults:A=true,noResultsLabelCss:H,loadingLabelCss:B,loadItems:M,loading:E,loadingText:L="Loading\u2026",debounceMs:z=200,multiple:O=false,selectedValues:_,defaultSelectedValues:D,onChangeSelected:U,expandIcon:X,showExpandIcon:ae=true,expandIconCss:q,textFieldWrapperCss:Y,textFieldInputCss:le,textFieldLabelCss:ie,textFieldHelperRowCss:be,textFieldHelperTextCss:Pe,textFieldStartIconCss:Re,textFieldEndIconCss:Ce,menuContentCss:Ie})=>{let we=V().text.secondary,[he,je]=useState(""),Z=typeof m=="boolean",[Ee,Q]=useState(false),ee=Z?m:Ee,se=useRef(null),pe=useRef(null),Se=useRef(null),Ne=useRef(null),J=useRef(false),oe=useRef(null),re=useRef(false),qe=useRef(0),j=useMemo(()=>[pe],[]),[ue,de]=useState(D??[]),fe=_??ue,ze=useRef(fe);ze.current=fe;let[Oe,st]=useState(null),Ye=useRef(Oe);Ye.current=Oe;let yt=useCallback(()=>ze.current,[]),[tn,nn]=useState([]),[Sn,on]=useState(false),Je=typeof M=="function",xt=Je?tn:e,ce=useRef(xt);ce.current=xt;let ke=!!E||Sn&&Je,at=useRef(p);useEffect(()=>{at.current=p;},[p]);let De=useCallback(G=>{Z||Q(G),at.current?.(G);},[Z]),bt=useRef(null);useEffect(()=>{if(!Je)return;bt.current&&window.clearTimeout(bt.current);let G=he;return bt.current=window.setTimeout(async()=>{on(true);try{let ne=await M(G)||[];nn(Array.isArray(ne)?ne:[]);}catch{nn([]);}finally{on(false);}},Math.max(0,z)),()=>{bt.current&&window.clearTimeout(bt.current);}},[he,Je,M,z]);let Zn=useMemo(()=>{let G=mr(he);return G?xt.some(ne=>mr(ne.title??ne.value)===G):false},[xt,he]),sa=K&&!!W&&he.trim().length>0&&!Zn,tc=G=>{if(typeof W=="object"){let ne=Object.prototype.hasOwnProperty.call(W,"prefix"),ve=Object.prototype.hasOwnProperty.call(W,"suffix");if(ne||ve){let Me=ne?W.prefix??"":"",ge=ve?W.suffix??"":"";return `${Me}${G}${ge}`}return `Add "${G}"`}return `Add "${G}"`},Or=useMemo(()=>{if(Je)return xt;let G=mr(he);if(!G)return xt;let ne=[],ve=[];for(let Me of xt){let ge=mr(Me.title??Me.value);ge.split(" ").some(Ze=>Ze.startsWith(G))?ne.push(Me):ge.includes(G)&&ve.push(Me);}return ne.length>0?ne:ve},[xt,he,Je]),aa=useMemo(()=>{if(sa){let G=he.trim();return [...Or,{value:G,title:tc(G),__pfui_free__:true}]}return Or},[Or,sa,he]),Kt=useMemo(()=>{let G=[],ne=new Map;for(let pt of aa){let Ze=pt.group??"__ungrouped__";ne.has(Ze)||(ne.set(Ze,[]),G.push(Ze)),ne.get(Ze).push(pt);}let Me=typeof F=="number"?Math.max(0,F):1/0,ge=[];for(let pt of G){if(Me<=0)break;let sn=ne.get(pt).slice(0,Me);sn.length>0&&(ge.push({label:pt==="__ungrouped__"?void 0:pt,items:sn}),Me-=sn.length);}return ge},[aa,F]),Mn=useMemo(()=>Kt.reduce((G,ne)=>(G.push(...ne.items),G),[]),[Kt]),Do=Mn.length>0,Wr=!Do&&!!A&&!ke&&he.trim().length>0,Fn=ke||Do||Wr,Ho=Fn||Je;useEffect(()=>{!Je&&ee&&!Fn&&(re.current=true,De(false),setTimeout(()=>{re.current=false;},150));},[Je,ee,Fn,De]);let Kr=useRef(null),_r=useRef(false);useEffect(()=>{if(K&&!O){if(_r.current){_r.current=false;return}let G=he.trim();if(Kr.current===G)return;Kr.current=G,t?.({value:G,title:G});}},[he,K,O,t]);let jr=useCallback(G=>{let ne=ce.current,ve=new Map(ne.map(ge=>[ge.value,ge])),Me=G.map(ge=>ve.get(ge)??{value:ge,title:ge});U?.(Me);},[U]),Lo=useCallback(G=>{let ne=G.map(String);_||de(ne),jr(ne);},[_,jr]),ia=useCallback(G=>{let ve=fe.includes(G)?fe.filter(Me=>Me!==G):[...fe,G];Lo(ve);},[fe,Lo]),Bo=useCallback(G=>{let ne=ce.current.find(ve=>ve.value===G)??{value:G,title:G};ne.disabled||(_r.current=true,Kr.current=(ne.title??ne.value).trim(),st(ne),je(ne.title??ne.value),t?.(ne),Z||(T?(J.current=false,re.current=true,Q(false),at.current?.(false),setTimeout(()=>{re.current=false;},150)):J.current=true),!T&&Se.current?.setActiveIndex&&Se.current.setActiveIndex(null),$?(J.current=false,setTimeout(()=>{Ne.current&&se.current?(Ne.current.tabIndex=0,Ne.current.focus(),Ne.current.blur(),Ne.current.tabIndex=-1):se.current?.blur();},0)):requestAnimationFrame(()=>se.current?.focus()));},[t,Z,T,$]),nc=useCallback(G=>{if(y)return;je(G);let ne=!G.trim();O||(ne?(st(null),t?.(null)):K&&st(null)),!Z&&!ne&&N&&!ee&&De(true);},[O,Z,N,ee,De,y,K,t]),it=Id,la=Ed,oc=kd,ca=useMemo(()=>h?[Si,h]:Si,[h]),rc=useCallback(G=>{let ne=he.trim();if(!ne||ne.length<1)return G;let ve=ne.toLowerCase(),ge=G.toLowerCase().indexOf(ve);return ge<0?G:jsxs("span",{className:"plainframe-ui-autocomplete-highlight-wrap",css:vd,children:[G.slice(0,ge),jsx("span",{className:"plainframe-ui-autocomplete-highlight",css:ca,children:G.slice(ge,ge+ne.length)}),G.slice(ge+ne.length)]})},[he,ca]),$o=g?rc:oc,sc=useMemo(()=>css({position:"relative",display:o?"block":"inline-block",width:"100%",maxWidth:o?"100%":n}),[o,n]),zo=Sd,Oo=Md,ac=useCallback(G=>{Se.current=G;},[]),ua=useCallback(G=>{let ne=Se.current;if(!ne)return;let ve=Mn.length;if(ve===0)return;let Me=pe.current?.querySelector("[data-menu-id]")??document.querySelector("[data-menu-id]"),ge=-1;if(Me){let Ze=Me.querySelectorAll('[role="menuitem"], [role="menuitemcheckbox"]'),sn=Me.querySelector("[data-active]")||Me.querySelector("[data-hovered]");sn&&(ge=Array.from(Ze).indexOf(sn));}ge<0&&typeof ne.activeIndex=="number"&&(ge=ne.activeIndex);let pt=ge<0?G===1?0:ve-1:(ge+G+ve)%ve;ne.setActiveIndex?.(pt),requestAnimationFrame(()=>{let Ze=pe.current?.querySelector("[data-menu-id]")??document.querySelector("[data-menu-id]");if(!Ze)return;Ze.setAttribute("data-keyboard-nav",""),Ze.querySelectorAll("[data-active]").forEach(Ur=>Ur.removeAttribute("data-active")),Ze.querySelectorAll("[data-hovered]").forEach(Ur=>Ur.removeAttribute("data-hovered"));let Vr=Ze.querySelectorAll('[role="menuitem"], [role="menuitemcheckbox"]')[pt];Vr&&(Vr.setAttribute("data-active",""),Vr.scrollIntoView?.({block:"nearest"}));});},[Mn.length]),ic=useCallback(G=>{if(G.key===" "||G.code==="Space"||G.key==="Spacebar"){G.stopPropagation();return}if(G.key==="ArrowDown"||G.key==="ArrowUp"){if(y||!Fn&&!Je)return;G.preventDefault(),!ee&&!Z&&De(true),ua(G.key==="ArrowDown"?1:-1);return}if(G.key==="Enter"){if(y)return;let ne=Se.current&&typeof Se.current.activeIndex=="number"?Se.current.activeIndex:-1,ve=ne>=0&&ne<Mn.length?Mn[ne]:null;if(ee&&ve&&ne>=0){G.preventDefault(),G.stopPropagation(),O?(ia(ve.value),T||requestAnimationFrame(()=>se.current?.focus())):Bo(ve.value);return}}else G.key==="Escape"?(G.preventDefault(),G.stopPropagation(),ee&&!Z&&(re.current=true,De(false),G.target.focus(),setTimeout(()=>{re.current=false;},150))):G.key==="Tab"&&ee&&!Z&&De(false);},[Fn,Je,ee,Z,Mn,O,T,ua,ia,Bo,De,y]),lc=useCallback(()=>{y||re.current||C&&Ho&&(qe.current=Date.now(),Z||De(true));},[Z,C,Ho,De,y]),cc=useCallback(()=>{if(J.current){J.current=false;return}P&&De(false),!K&&!O&&(Oe?je(Oe.title??Oe.value):he.trim()&&je(""));},[P,K,O,Oe,he,De]),da=useCallback(()=>{let G=[],ne=0;return Kt.forEach((ve,Me)=>{ve.label&&G.push(jsx(mn,{className:it("group-label"),children:ve.label},`g-${Me}`)),ve.items.forEach(ge=>{G.push(jsx(ys,{item:ge,absIndex:ne,multiple:true,getCurrentMulti:yt,isSelected:false,renderItem:s,paint:$o,cls:it,closeOnSelect:false,pickSingle:la,handleItemKeyDown:Oo,handleItemMouseDown:zo,descriptionColor:we},`${ge.group??"__"}|${ge.value}`)),ne+=1;});}),jsx(gs,{values:fe,onValuesChange:Lo,children:G},"multi-group")},[Kt,it,yt,s,$o,fe,Lo,la,Oo,zo,we]),pa=useCallback(()=>{let G=[],ne=0;return Kt.forEach((ve,Me)=>{ve.label&&G.push(jsx(mn,{className:it("group-label"),children:ve.label},`g-${Me}`)),ve.items.forEach(ge=>{let pt=Oe?.value===ge.value;G.push(jsx(ys,{item:ge,absIndex:ne,multiple:false,getCurrentMulti:yt,isSelected:pt,renderItem:s,paint:$o,cls:it,closeOnSelect:T,pickSingle:Bo,handleItemKeyDown:Oo,handleItemMouseDown:zo,descriptionColor:we},`${ge.group??"__"}|${ge.value}`)),ne+=1;});}),G},[Kt,it,Oe,yt,s,$o,T,Bo,Oo,zo,we]),uc=useMemo(()=>ke?jsx(mn,{css:B,className:it("label-loading"),children:L},"loading"):Wr?jsx(mn,{css:H,className:it("label-empty"),children:I},"empty"):Kt.length===0?null:O?da():pa(),[ke,Wr,Kt.length,it,L,I,O,da,pa]),rn=ee?false:y||!Je&&!Do&&!A,ma=useCallback(G=>{G.preventDefault(),G.stopPropagation(),!(rn||y)&&(Z||(ee?(re.current=true,De(false),queueMicrotask(()=>se.current?.focus()),setTimeout(()=>{re.current=false;},150)):(De(true),queueMicrotask(()=>se.current?.focus()))));},[ee,Do,Je,De,rn,y,Z]),fa=useMemo(()=>css({transition:"transform 0.3s cubic-bezier(.6,1.3,.5,1), opacity 0.15s ease",transform:ee?"rotate(180deg)":"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",cursor:rn?"not-allowed":"pointer",userSelect:"none",opacity:rn?.5:1}),[ee,rn]),Wo=useMemo(()=>ae?jsx("span",{ref:oe,role:"button",tabIndex:-1,css:[fa,q],"aria-disabled":rn||void 0,onMouseDown:Fd,onClick:ma,children:X??jsx(ChevronDown,{size:18,strokeWidth:2})}):null,[ae,fa,q,rn,ma,X]),dc=useMemo(()=>v&&Wo?jsxs("span",{css:Rd,children:[v,Wo]}):v??Wo,[v,Wo]),pc=useCallback(G=>{if(!(oe.current&&oe.current.contains(G.target)||re.current||y||Date.now()-qe.current<300)){if(ee){!he.trim()&&!Z&&(re.current=true,De(false),setTimeout(()=>{re.current=false;},150));return}x&&Ho&&(!Z||x)&&De(true);}},[ee,he,x,Ho,De,y,Z]);return jsx("div",{ref:pe,className:it(""),css:[sc,l,u],children:jsxs($n,{open:y?false:ee,onOpenChange:y?void 0:De,children:[jsx(Fi,{onCapture:ac}),jsx(zn,{asChild:true,children:jsx("span",{className:it("anchor"),css:Cd,style:{pointerEvents:"none",position:"absolute",visibility:"hidden"},tabIndex:-1})}),jsx(Zo,{ref:se,className:it("input"),focusRingMode:i,value:he,onChange:nc,onKeyDown:ic,onFocus:lc,onBlur:cc,onSurfaceClick:pc,placeholder:r,label:c,helperText:d,variant:R,startIcon:f,endIcon:dc,size:k,width:n,fullWidth:o,disabled:y,error:w,showClear:b,css:a,wrapperCss:Y,inputCss:le,labelCss:ie,helperRowCss:be,helperTextCss:Pe,startIconCss:Re,endIconCss:Ce}),jsx("span",{ref:Ne,tabIndex:-1,"aria-hidden":"true",style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0}}),Fn&&jsx(hn,{className:it("menu"),side:"bottom",align:"start",sameWidth:true,allItemsTabbable:true,maxHeight:typeof S=="number"?`${S}px`:S,css:Ie,ignoreOutsidePressRefs:j,disableOutsidePressDismiss:Z,returnFocus:!$,children:uc})]})})});Ai.displayName="Autocomplete";var Hd=["sm","md","lg"],Ld=(e,t)=>typeof e=="number"?e:Hd.includes(e)?t.componentHeights[e]:t.componentHeights.md,Bd=(e,t)=>{let n=e.palette?.[t??"primary"]??e.palette.primary;return n?.[600]??n?.[500]??e.neutral?.[600]??e.neutral?.[500]},$d=(e,t)=>{let n=e.text?.onColors??{};return n[t??"primary"]??n.primary??e.text?.primary??"#fff"},zd=(e,t)=>typeof e=="string"?e:(t?.trim()?.[0]||"").toUpperCase(),Pi=me.memo(forwardRef(({src:e,alt:t,size:n="md",color:o="primary",rounded:r=true,className:s,css:i,children:u,...a},l)=>{let c=V(),[d,R]=useState(!!e);useEffect(()=>{R(!!e);},[e]);let f=Ld(n,c),v=typeof f=="number"?f:Number.parseFloat(String(f))||0,k=v?Math.round(v*(v<=28?.55:.52)):void 0,y=r?c.radius.full:c.radius.md,w=Bd(c,o),b=$d(c,o),m=zd(u,t),p=css({width:f,height:f,borderRadius:y,display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:d?"transparent":w,color:d?"inherit":b,boxSizing:"border-box",userSelect:"none"}),C=css({width:"100%",height:"100%",display:"block",objectFit:"cover"}),N=css({fontSize:k,lineHeight:1,fontWeight:600,display:"inline-flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",marginTop:-1});return jsx("div",{ref:l,className:["plainframe-ui-avatar",s||""].join(" ").trim(),css:[p,i],role:d?void 0:"img","aria-label":d?void 0:t,...a,children:d&&e?jsx("img",{className:"plainframe-ui-avatar-img",src:e,alt:t,css:C,onError:()=>R(false),decoding:"async",loading:"lazy"}):typeof u=="string"?jsx("span",{className:"plainframe-ui-avatar-initials",css:N,children:u}):u||jsx("span",{className:"plainframe-ui-avatar-initials",css:N,children:m})})}));Pi.displayName="Avatar";var Ni=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,_d=({children:e,max:t,size:n="md",overlap:o=-7,css:r,rounded:s=true,bgColor:i,extraLabelCss:u,outlineThickness:a=4,className:l})=>{let c=V(),d=xe(),f=(()=>{if(typeof n=="number")return `${n}px`;if(typeof n=="string"){let x=(c.componentHeights&&c.componentHeights[n])??(c.spacing&&c.spacing[n]);return Ni(x??n)}return "32px"})(),v=Children.toArray(e).filter(Boolean),k=typeof t=="number"&&t>=0,y=k&&v.length>t?v.slice(0,t):v,w=k&&v.length>t?v.length-t:0,b=i==="panel"?c.surface.panelBg:i==="subtle"?c.surface.subtleBg:i??c.surface.appBg,m=Ni(a)??"4px",p=css({display:"flex",alignItems:"center"}),C=x=>css({marginLeft:x===0?0:o,zIndex:y.length-x,boxShadow:`0 0 0 ${m} ${b}`,backgroundColor:b,borderRadius:s?c.radius.full:c.radius.md,display:"inline-flex",width:f,height:f,overflow:"hidden",alignItems:"center",justifyContent:"center",lineHeight:0,flex:"0 0 auto"}),N=css({width:"100%",height:"100%",display:"inline-flex",alignItems:"center",justifyContent:"center",objectFit:"cover",boxSizing:"border-box"});return jsxs("div",{role:"group",tabIndex:-1,"aria-label":"Avatar group",className:`plainframe-ui-avatar-group${l?` ${l}`:""}`,css:[p,r,d()],children:[y.map((x,T)=>{if(!isValidElement(x))return jsx("div",{className:"plainframe-ui-avatar-group-item",css:C(T),children:jsx("span",{css:N,children:x})},T);let P=x,$=P.props?.css,K=$==null?N:[N,$],W=cloneElement(P,{size:n,rounded:s,css:K,style:{...P.props?.style,width:"100%",height:"100%",objectFit:P.props?.objectFit??"cover"}});return jsx("div",{className:"plainframe-ui-avatar-group-item",css:C(T),children:W},T)}),w>0&&jsxs("span",{className:"plainframe-ui-avatar-group-extra",css:[css({marginLeft:5,fontSize:c.typography.sizes.sm,fontWeight:600,lineHeight:1,padding:"2px 1px",zIndex:2,color:c.text.secondary}),u],"aria-label":`+${w} more`,children:["+",w]})]})};var Li=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Vd=(e,t)=>{let n=e,o=n.palette||{},r=n.neutral||{};return t==="neutral"||t==="secondary"?{scale:r,onKey:"neutral"}:typeof t=="string"&&o[t]?{scale:o[t],onKey:t}:{scale:n.primary||r,onKey:"primary"}},Ud=e=>e[600]??e[500]??e[400]??Object.values(e)[0]??"#000",qd=(e,t,n,o)=>o??t[n]??t.primary??e.text?.primary??"#fff",Gd=(e,t,n)=>n==="dot"?"":typeof e=="number"&&typeof t=="number"&&e>t?`${t}+`:e??"",Xd=(e,t,n,o)=>e&&(t==="dot"||!!n||n===0&&o),Yd=me.memo(({content:e,color:t="primary",fontColor:n,fontWeight:o=600,fontSize:r,variant:s="dot",max:i=99,showZero:u=false,visible:a=true,anchorOrigin:l={vertical:"top",horizontal:"right"},overlap:c="rectangular",children:d,animate:R=true,size:f,outline:v=false,outlineColor:k,className:y,badgeClassName:w,css:b,badgeCss:m,offsetX:p,offsetY:C})=>{let N=V(),x=s==="dot",T=f??(x?8:17),P=r??(x?0:10),{scale:$,onKey:K}=Vd(N,t),W=Ud($),S=N.text?.onColors||{},F=qd(N,S,K,n),I=Gd(e,i,s),g=Xd(a,s,e,u),h=css({position:"relative",display:"inline-block"}),A=c==="circular"?x?"12.5%":"5%":x?"5%":"2.5%",H=Li(p??A),B=Li(C??A),M=l.vertical||"top",E=l.horizontal||"right",L={},z="0",O="0";M==="center"?(L.top="50%",O="-50%"):M==="top"?(L.top=B,O="-45%"):(L.bottom=B,O="45%"),E==="center"?(L.left="50%",z="-50%"):E==="right"?(L.right=H,z="45%"):(L.left=H,z="-45%");let _=g?1:.8,D=css({minWidth:x?T:T/2,height:T,background:W,color:F,fontSize:typeof P=="number"?`${P}px`:P,fontWeight:o,borderRadius:999,padding:x?0:`0 ${T/4}px`,boxShadow:"0 2px 8px rgba(0,0,0,0.04)",lineHeight:1,position:"absolute",pointerEvents:"none",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",...v?{boxShadow:`0 0 0 2px ${k??N.surface?.appBg}`}:{},opacity:g?1:0,transform:`translate(${z}, ${O}) scale(${g?_:.5})`,...R?{transition:"opacity .18s cubic-bezier(.4,1.6,.6,1), transform .18s cubic-bezier(.4,1.6,.6,1)"}:{},...L});return jsxs("div",{className:["plainframe-ui-badge-wrapper",y||""].join(" ").trim(),css:[h,b],children:[d,jsx("span",{"aria-hidden":!g,className:["plainframe-ui-badge",w||""].join(" ").trim(),css:[D,m],children:I})]})});var Es=({on:e,onClickAway:t,blur:n=false,blurDepth:o=2.5,color:r,zIndex:s=1e3,css:i,contentCss:u,overlayCss:a,children:l,transitionDuration:c=300,keepMounted:d=true,className:R,contentClassName:f,lockScroll:v=true,...k})=>{let y=V(),w=useMemo(()=>r??y.surface.overlayBg,[r,y.surface.overlayBg]),[b,m]=useState(e),[p,C]=useState(e),N=useRef(null),x=useRef(null),T=useRef(null);useEffect(()=>(N.current&&(clearTimeout(N.current),N.current=null),x.current!=null&&(cancelAnimationFrame(x.current),x.current=null),e?(m(true),x.current=requestAnimationFrame(()=>{C(true),x.current=null;})):(C(false),N.current=setTimeout(()=>{m(false),N.current=null;},c)),()=>{N.current&&(clearTimeout(N.current),N.current=null),x.current!=null&&(cancelAnimationFrame(x.current),x.current=null);}),[e,c]),useEffect(()=>{if(!v||!e)return;let F=document.body,I=F.style.overflow,g=F.style.paddingRight,h=window.innerWidth-document.documentElement.clientWidth,A=parseFloat(getComputedStyle(F).paddingRight||"0");return F.style.overflow="hidden",h>0&&(F.style.paddingRight=`${A+h}px`),()=>{F.style.overflow=I,F.style.paddingRight=g;}},[e,v]),useEffect(()=>{if(!p||!t)return;let F=I=>{I.key==="Escape"&&t();};return document.addEventListener("keydown",F),()=>document.removeEventListener("keydown",F)},[p,t]);let P=F=>{if(!p||!t||!T.current)return;let I=F.target;I&&!T.current.contains(I)&&t();},$=n&&o?typeof o=="number"?`${o}px`:o:void 0;if(!d&&!b)return null;let K=css({position:"fixed",inset:0,width:"100vw",height:"100vh",zIndex:s,display:"grid",placeItems:"center",pointerEvents:p?"auto":"none",visibility:b?"visible":"hidden"}),W=css({position:"absolute",inset:0,background:w,backdropFilter:$?`blur(${$})`:void 0,WebkitBackdropFilter:$?`blur(${$})`:void 0,opacity:p?1:0,transition:`opacity ${c}ms cubic-bezier(.4,0,.2,1)`,pointerEvents:p?"auto":"none"}),S=css({position:"relative",zIndex:1,pointerEvents:p?"auto":"none"});return jsxs("div",{"aria-hidden":!b||void 0,className:["plainframe-ui-backdrop",R||""].join(" ").trim(),css:[K,i],onPointerDown:P,...k,children:[jsx("div",{className:"plainframe-ui-backdrop-overlay",css:[W,a],role:"presentation"}),jsx("div",{ref:T,className:["plainframe-ui-backdrop-content",f||""].join(" ").trim(),css:[S,u],children:l})]})};var hr=()=>null;Object.defineProperty(hr,"displayName",{value:"PF.BreadCrumbItem",configurable:true});function tp(e){let t=e.props??{};return {type:typeof t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__<"u"?t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__:e.type,props:t}}var np=me.memo(({children:e,separator:t="/",css:n,crumbCss:o,activeCrumbCss:r,inactiveCrumbCss:s,linkCrumbCss:i,separatorCss:u,hover:a=true,className:l,...c})=>{let d=V(),R=xe(),f=me.useMemo(()=>me.Children.toArray(e).flatMap(m=>{if(!me.isValidElement(m))return [];let{type:p,props:C}=tp(m);if(!(p===hr||typeof p=="function"&&"displayName"in p&&p.displayName===hr.displayName))return [];let x=C;return [{href:x.href,disabled:x.disabled,node:x.children,className:x.className,css:x.css,onClick:x.onClick,startIcon:x.startIcon,endIcon:x.endIcon}]}),[e]),v=me.useMemo(()=>css({display:"flex",alignItems:"center",fontSize:d.typography.sizes.sm,fontWeight:500,gap:d.spacing.xs,cursor:"default"}),[d]),k=me.useMemo(()=>css({margin:"0 0.15rem",color:d.neutral[500],flex:"0 0 auto",justifyContent:"center",alignItems:"center",display:"flex"}),[d]),y=me.useCallback((m,p,C)=>{let N=m?d.text.primary:d.text.secondary,x=a&&p&&!C;return css({display:"inline-flex",alignItems:"center",gap:d.spacing.xs,color:N,cursor:p&&!C?"pointer":"default",textDecoration:"none",borderRadius:d.radius.xs,fontWeight:500,outline:"none",transition:"all .16s ease !important","&:hover":x?{textDecoration:"underline",color:d.text.primary}:{textDecoration:"none"}})},[d,a]),w=me.useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:0}),[]),b=me.useMemo(()=>css({display:"inline-block"}),[]);return jsx("nav",{"aria-label":"Breadcrumb",className:["plainframe-ui-breadcrumbs",l||""].join(" ").trim(),css:[v,n],...c,children:f.map((m,p)=>{let C=p===f.length-1,N=!!m.href&&!m.disabled&&!C,x=["plainframe-ui-breadcrumb",C?"plainframe-ui-breadcrumb--active":"plainframe-ui-breadcrumb--inactive",N?"plainframe-ui-breadcrumb--link":"",m.className||""].join(" ").trim(),T=[y(C,N,m.disabled),o,C?r:s,N?i:void 0,R(),m.css],P=jsxs(Fragment,{children:[m.startIcon&&jsx("span",{className:"plainframe-ui-breadcrumb-icon-start",css:w,children:m.startIcon}),jsx("span",{className:"plainframe-ui-breadcrumb-label",css:b,children:m.node}),m.endIcon&&jsx("span",{className:"plainframe-ui-breadcrumb-icon-end",css:w,children:m.endIcon})]});return jsxs(me.Fragment,{children:[p!==0&&jsx("span",{className:"plainframe-ui-breadcrumb-separator",css:[k,u],children:t}),N?jsx("a",{href:m.href,onClick:m.onClick,tabIndex:0,"data-active":C?"true":"false","data-link":"true",className:x,css:T,children:P}):jsx("span",{"aria-current":C?"page":void 0,tabIndex:C?-1:0,"data-active":C?"true":"false","data-link":"false",className:x,css:T,children:P})]},p)})})});var ks=(e,t)=>{if(!isValidElement(e))return e;let n=e.props,o={};return n.size===void 0&&(o.size=t),n.color===void 0&&(o.color="currentColor"),cloneElement(e,{...n,...o})},Is=e=>typeof e=="number"?`${e}px`:e,Oi=e=>{let t=false;return me.Children.forEach(e,n=>{t||(typeof n=="string"||typeof n=="number"?String(n).trim()!==""&&(t=true):Array.isArray(n)&&Oi(n)&&(t=true));}),t};function ap(e,t){let n=e,o=typeof t=="string"&&(t==="sm"||t==="md"||t==="lg")?t:"md";return o==="sm"?{fontSize:n.typography.sizes.sm,paddingY:n.spacing.xs,paddingX:n.spacing.md,paddingXIcon:n.spacing.md,iconSize:14,minHeight:n.componentHeights.sm,radius:n.radius.sm}:o==="lg"?{fontSize:n.typography.sizes.md,paddingY:n.spacing.sm,paddingX:n.spacing.lg,paddingXIcon:n.spacing.md,iconSize:18,minHeight:n.componentHeights.lg,radius:n.radius.md}:{fontSize:n.typography.sizes.sm,paddingY:n.spacing.sm,paddingX:n.spacing.lg,paddingXIcon:n.spacing.md,iconSize:16,minHeight:n.componentHeights.md,radius:n.radius.md}}function ip(e,t){let n=e.neutral,o=e.text,r=e.palette,s=r.primary||n,i=r.danger||r.error||s,u=e.text.onColors||{},a=u.primary??o.onColors.primary,l=u.danger??a,c=(d,R,f)=>d&&d[R]||f;if(t==="primary"){let d=s,R=c(d,600,n[900])||c(d,500,n[900]),f=c(d,500,n[800])||c(d,600,n[800]);return {bg:R,fg:a,hoverBg:f,border:"none"}}if(t==="destructive"){let d=i,R=c(d,600,n[900])||c(d,500,n[900]),f=c(d,500,n[800])||c(d,600,n[800]);return {bg:R,fg:l,hoverBg:f,border:"none"}}return t==="ghost-destructive"?{bg:"transparent",fg:i[700],hoverBg:e.palette.danger[50],border:"none"}:t==="subtle"?{bg:e.surface.subtleBg,fg:o.primary,hoverBg:e.surface.subtleHover,border:"none"}:t==="outlined"?{bg:e.surface.panelBg,fg:o.primary,hoverBg:e.surface.panelHover,border:`${e.componentHeights.border} solid ${e.surface.border}`}:t==="ghost"?{bg:"transparent",fg:e.text.primary,hoverBg:e.surface.subtleBg,border:"none"}:t==="quiet"?{bg:"transparent",fg:o.secondary,hoverBg:e.surface.subtleBg,border:"none"}:{bg:"transparent",fg:o.secondary,hoverBg:e.surface.subtleBg,border:"none"}}var Wi=me.memo(me.forwardRef(({variant:e="primary",size:t="md",startIcon:n,endIcon:o,rounded:r=false,fullWidth:s=false,disabled:i=false,loading:u=false,loadingIndicator:a,loadingPosition:l="center",children:c,className:d,hoverEffect:R=true,icon:f,onClick:v,css:k,...y},w)=>{let b=V(),m=xe(),p=useMemo(()=>ap(b,t),[b,t]),C=useMemo(()=>ip(b,e),[b,e]),N=useMemo(()=>f===true?true:f===false?false:!n&&!o&&!Oi(c)&&me.Children.count(c)===1,[f,n,o,c]),x=p.iconSize,T=useMemo(()=>ks(n,x),[n,x]),P=useMemo(()=>ks(o,x),[o,x]),$=useMemo(()=>a??jsx(no,{color:C.fg,variant:"circular",size:14,thickness:5}),[a,C]),K=useMemo(()=>N?"center":l??"center",[N,l]),W=!!u&&K==="center",S=!!u&&K==="start",F=!!u&&K==="end",I=i||u,g=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",gap:0,width:s?"100%":"auto",minHeight:p.minHeight,lineHeight:1,fontWeight:600,cursor:I?"not-allowed":"pointer",opacity:I?.5:1,userSelect:"none",position:"relative",borderRadius:r?b.radius.full:p.radius,outline:"none",willChange:"box-shadow, transform, outline-offset",transition:"box-shadow 140ms ease, transform 90ms ease, outline-offset 140ms ease"}),[s,p,r,b,I]),h=useMemo(()=>css({backgroundColor:C.bg,color:C.fg,border:C.border}),[C]),A=useMemo(()=>css({overflow:"hidden","::before":{content:'""',position:"absolute",inset:0,backgroundColor:C.hoverBg,opacity:0,pointerEvents:"none",transition:"opacity 140ms ease",zIndex:0},"@media (hover: hover) and (pointer: fine)":R&&!I?{":hover::before":{opacity:1}}:{}}),[C,R,I]),H=useMemo(()=>css(N&&!s?{width:"100%",height:"100%",maxWidth:p.minHeight,minWidth:p.minHeight,maxHeight:p.minHeight,display:"flex",alignItems:"center",justifyContent:"center",fontSize:Is(p.iconSize)}:{fontSize:Is(p.fontSize),padding:n||o?`${p.paddingY} ${p.paddingXIcon}`:`${p.paddingY} ${p.paddingX}`}),[N,s,p,n,o]),B=useMemo(()=>css({position:"relative",zIndex:1,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Is(b.spacing.sm),opacity:W?0:1,transition:"opacity 140ms ease"}),[b,W]),M=useMemo(()=>css({height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}),[]),E=useMemo(()=>typeof p.iconSize=="number"?p.iconSize:Math.max(12,Math.round(parseFloat(String(p.iconSize))||16)),[p.iconSize]),L=useMemo(()=>css({position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:E,minWidth:E,maxWidth:E,height:"1em"}),[E]),z=useMemo(()=>X=>css({position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",opacity:X?1:0,transition:"opacity 140ms ease"}),[]),O=useMemo(()=>css({position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",opacity:W?1:0,pointerEvents:"none",zIndex:2,transition:"opacity 140ms ease"}),[W]),_=useMemo(()=>()=>{if(N)return null;let X=!!n;return !X&&!S?null:jsxs("span",{css:L,"aria-hidden":u?true:void 0,children:[jsx("span",{css:z(!S),children:X?T||n:null}),jsx("span",{css:z(!!S),children:$})]})},[N,n,S,L,z,T,u,$]),D=useMemo(()=>()=>{if(N)return null;let X=!!o;return !X&&!F?null:jsxs("span",{css:L,"aria-hidden":u?true:void 0,children:[jsx("span",{css:z(!F),children:X?P||o:null}),jsx("span",{css:z(!!F),children:$})]})},[N,o,F,L,z,P,u,$]),U=!(i||u);return jsxs("button",{ref:w,type:"type"in y&&y.type?y.type:"button","data-variant":e,className:["plainframe-ui-button",d||""].join(" ").trim(),css:[g,m({color:e==="primary"?"primary":e==="destructive"||e==="ghost-destructive"?"danger":"neutral"}),h,A,H,k],onClick:U?v:void 0,disabled:i||void 0,tabIndex:u?-1:void 0,"aria-disabled":i||void 0,"aria-busy":u||void 0,...y,children:[jsxs("span",{className:"plainframe-ui-button-content",css:B,children:[_(),jsx("span",{className:"plainframe-ui-button-label",css:M,children:N?u?$:ks(c,p.iconSize):c}),D()]}),jsx("span",{className:"plainframe-ui-button-center-overlay",css:O,"aria-hidden":"true",children:W?$:null})]})}));Wi.displayName="Button";var Cr=e=>isValidElement(e),lp=e=>{let t=e.type;return t.displayName??t.name},As=(e,t)=>lp(e)===t,ji=e=>As(e,"ButtonGroup"),Vi=e=>As(e,"DropdownMenu"),Ms=e=>As(e,"DropdownMenuTrigger"),Kn=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,cp=(e,t=1)=>e==null?`${t}px`:typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,up=e=>typeof e=="string"&&/^(outlined|outlined-soft|outline-soft)$/i.test(e),Fs=(e,t)=>{if(!Cr(e))return null;if(ji(e)){let n=Children.toArray(e.props.children).filter(isValidElement);return n.length?Fs(t?n[0]:n[n.length-1],t):null}if(Vi(e)){let o=Children.toArray(e.props.children).filter(isValidElement).find(Ms);return o?Fs(o,t):null}if(Ms(e)){let n=Children.toArray(e.props.children??[]).filter(isValidElement);return n.length?n[0]:null}return e},_i=(e,t)=>{if(!e)return false;let n=Fs(e,t==="left"),o=n&&n.props&&typeof n.props=="object"?n.props.variant:void 0;return up(o)},Ui=me.memo(me.forwardRef(function({children:t,attached:n=false,direction:o="horizontal",fullWidth:r=false,disabled:s=false,size:i="md",rounded:u=false,gap:a,width:l,className:c,role:d="group",css:R,__clipLeft:f,__clipRight:v,...k},y){let w=V(),b=i==="sm"?w.radius.sm:w.radius.md,m=u?w.radius.full:b,p=o==="vertical",C=cp(w.componentHeights.border,1),N=w.surface.border,x=n&&!!f,T=n&&!!v,P=css({display:"flex",flexDirection:p?"column":"row",width:r?"100%":l!=null?Kn(l):"auto",maxWidth:"none",backgroundColor:"transparent",gap:n?0:Kn(a??w.spacing.sm)}),$=Children.toArray(t),W=$.filter(Cr).length,S=0,F=false,I=[];for(let g of $){if(!Cr(g)){I.push(g);continue}let h=S===0,A=S===W-1,H=g.props??{},B=H.disabled??s,M=H.size??i,E=0,L=0,z=0,O=0;n&&(p?(E=h?x?0:m:0,L=h?T?0:m:0,O=A?x?0:m:0,z=A?T?0:m:0):(E=h?x?0:m:0,O=h?x?0:m:0,L=A?T?0:m:0,z=A?T?0:m:0));let _=_i(g,"left"),D=_i(g,"right"),ae=n&&!h&&!(F&&_)&&!(F||_)?css({[p?"borderTop":"borderLeft"]:`${C} solid ${N}`}):null,q=n&&!h&&F&&_?css(p?{borderTopWidth:0}:{borderLeftWidth:0}):null,Y=n?css({borderTopLeftRadius:Kn(E),borderTopRightRadius:Kn(L),borderBottomRightRadius:Kn(z),borderBottomLeftRadius:Kn(O)}):null,le=r?css({flex:1}):null,ie=css([Y,ae,q,le]);if(!Vi(g)){let Ce=H.css,Ie=[H.className,"plainframe-ui-button-group-item"].filter(Boolean).join(" "),Te=ji(g)&&n?{__clipLeft:!h,__clipRight:!A}:{},we=cloneElement(g,{...H,disabled:B,size:M,className:Ie,css:[Ce,ie],...Te});I.push(we),F=D,S+=1;continue}let be=H.children,Pe=Children.map(be,Ce=>{if(!Cr(Ce)||!Ms(Ce))return Ce;let Ie=Ce.props,Te=[Ie.className,"plainframe-ui-button-group-item"].filter(Boolean).join(" ");return cloneElement(Ce,{...Ie,css:[Ie.css,ie],className:Te,disabled:B,size:M})}),Re=cloneElement(g,{...H,children:Pe});I.push(Re),F=D,S+=1;}return jsx("div",{ref:y,role:d,"aria-orientation":p?"vertical":"horizontal","data-attached":n||void 0,"data-direction":o,className:["plainframe-ui-button-group",c||""].join(" ").trim(),css:[P,R],...k,children:I})}));Ui.displayName="ButtonGroup";var Rr=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,bp=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.spacing??t.space;return Rr(n?.[e]??e)}}},hp=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.radius??t.radii;return Rr(n?.[e]??e)}}},yp=(e,t)=>{let n=t.surface??{};return e==="panel"||e==="outlined"?n.panelBg??"transparent":e==="subtle"?n.subtleBg??"transparent":"transparent"},xp=(e,t,n)=>{let o=t.surface??{};return e==="panel"||e==="outlined"?o.panelHover??o.panelBg??n:e==="subtle"?o.subtleHover??o.subtleBg??n:o.subtleBg??n},_n=me.memo(forwardRef(function({children:t,css:n,variant:o="ghost",padding:r,radius:s,className:i,hoverable:u,selectable:a,selected:l,defaultSelected:c,onSelectedChange:d,width:R,height:f,onClick:v,onKeyDown:k,role:y,tabIndex:w,...b},m){let p=V(),C=p.surface??{},[N,x]=useState(!!c),T=l!=null,P=T?!!l:N,$=useMemo(()=>yp(o,p),[o,p]),K=useMemo(()=>xp(o,p,$),[o,p,$]),W=K,S=useMemo(()=>bp(r,p),[r,p]),F=useMemo(()=>hp(s,p),[s,p]),I=!!u||!!a,g=useMemo(()=>css({backgroundColor:$,padding:S,borderRadius:F,border:o==="outlined"?`${p.componentHeights?.border??"1px"} solid ${C.border??"transparent"}`:void 0,backgroundClip:"padding-box",boxSizing:"border-box",width:R?"100%":void 0,maxWidth:Rr(R),height:Rr(f),outline:"none",transition:"background-color .16s ease, border-color .16s ease",cursor:I?"pointer":void 0,...I?{"&:hover":{backgroundColor:K}}:{},'&[data-selected="true"]':{backgroundColor:W},...I?{'&[data-selected="true"]:hover':{backgroundColor:W}}:{}}),[$,S,F,o,p.componentHeights,C.border,R,f,I,K,W]),h=useCallback(()=>{if(!a)return;let M=!P;T||x(M),d?.(M);},[T,d,a,P]),A=useCallback(M=>{a&&h(),v?.(M);},[a,h,v]),H=useCallback(M=>{a&&(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),h()),k?.(M);},[a,h,k]),B=xe();return jsx("div",{ref:m,"data-variant":o,"data-selected":a&&P?"true":void 0,"aria-pressed":a?P:void 0,className:["plainframe-ui-container",i||""].join(" ").trim(),css:[B(),g,n],onClick:A,onKeyDown:H,role:a?y??"button":y,tabIndex:a?w??0:w,...b,children:t})}));_n.displayName="Container";var Cp=e=>e==null?void 0:typeof e=="number"?`${e}px`:e;function Ns(e,t){if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.spacing??t.space;if(n&&e in n){let o=n[e];return Cp(o)}return e}}}function yo(e){switch(e){case "center":return "center";case "end":return "flex-end";case "start":default:return "flex-start"}}function Ds(e){switch(e){case "center":return "center";case "end":return "right";case "start":default:return "left"}}function Rp(e,t){if(e==null)return t.spacing?.md??void 0;if(typeof e=="number")return e;if(typeof e=="string"){let n=t.spacing??t.space??{};return e in n?n[e]:e}}function xo(e,t,n,o){let r=Ns(t,e),s=Ns(n,e),i=Ns(o,e),u={};return r&&!s&&!i&&(u.padding=r),s&&(u.paddingLeft=s,u.paddingRight=s),i&&(u.paddingTop=i,u.paddingBottom=i),u}function qi(e,t){if(t)return t==="primary"?e.text?.primary:t==="secondary"?e.text?.secondary:t}var Gi=me.createContext("horizontal"),Hs=()=>me.useContext(Gi),Xi=me.memo(me.forwardRef(({children:e,css:t,variant:n="ghost",padding:o="md",radius:r="lg",hoverable:s,selectable:i,selected:u,defaultSelected:a,onSelectedChange:l,width:c="100%",height:d,gap:R,direction:f="horizontal",className:v,onClick:k,...y},w)=>{let b=V(),m=xe(),p=f==="vertical",C=css({position:"relative",display:"flex",flexDirection:p?"column":"row",gap:Rp(R,b),alignItems:p?"stretch":"center",transition:"all .16s ease"});return jsx(Gi.Provider,{value:f,children:jsx(_n,{ref:w,variant:n,padding:o,radius:r,hoverable:s,selectable:i,selected:u,defaultSelected:a,onSelectedChange:l,width:c,height:d,className:["plainframe-ui-card",v||""].join(" ").trim(),css:[m(),C,t],onClick:k,tabIndex:k?0:void 0,...y,children:e})})}));Xi.displayName="Card";me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,...u})=>{let a=V(),c=Hs()==="vertical",d=css({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:yo(o),textAlign:Ds(o),...c?{width:"100%"}:{flex:1,minWidth:0},...xo(a,r,s,i)});return jsx("div",{"data-slot":"card-content",className:["plainframe-ui-card-content",n||""].join(" ").trim(),css:[d,t],...u,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,...u})=>{let a=V(),c=Hs()==="vertical",d=css({display:"flex",flexShrink:0,justifyContent:yo(o),alignItems:yo(o),...c?{width:"100%"}:{},...xo(a,r,s,i)});return jsx("div",{"data-slot":"card-start",className:["plainframe-ui-card-start",n||""].join(" ").trim(),css:[d,t],...u,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,...u})=>{let a=V(),c=Hs()==="vertical",d=css({display:"flex",flexShrink:0,justifyContent:yo(o),alignItems:yo(o),...c?{width:"100%"}:{},gap:a.spacing.xs,color:a.text.secondary,...xo(a,r,s,i)});return jsx("div",{"data-slot":"card-end",className:["plainframe-ui-card-end",n||""].join(" ").trim(),css:[d,t],...u,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,weight:u,size:a,color:l,...c})=>{let d=V(),R=css({fontWeight:u??500,fontSize:a??(d.typography?.sizes?.sm!==void 0?d.typography.sizes.sm:"1rem"),color:qi(d,l)??d.text?.primary,textAlign:Ds(o),...xo(d,r,s,i),display:"flex",alignItems:"center",gap:d.spacing?.xs??6});return jsx("div",{"data-slot":"card-title",className:["plainframe-ui-card-title",n||""].join(" ").trim(),css:[R,t],...c,children:e})});me.memo(({children:e,css:t,className:n,align:o="start",padding:r,paddingX:s,paddingY:i,weight:u,size:a,color:l,...c})=>{let d=V(),R=css({fontWeight:u??400,fontSize:a??(d.typography?.sizes?.sm!==void 0?d.typography.sizes.sm:"0.875rem"),color:qi(d,l)??d.text?.secondary,marginTop:d.spacing?.xxs??2,textAlign:Ds(o),...xo(d,r,s,i)});return jsx("div",{"data-slot":"card-description",className:["plainframe-ui-card-description",n||""].join(" ").trim(),css:[R,t],...c,children:e})});var Ji=e=>isValidElement(e),kp=e=>Ji(e)?e.type?.displayName||e.type?.name:void 0,Yi=e=>kp(e)==="Card",Ip=e=>typeof e=="number"?`${e}px`:e,Zi=({children:e,attached:t=false,gap:n,width:o,direction:r="vertical",variant:s,className:i,role:u="group",css:a})=>{let l=V(),c=r==="vertical",d=String(l.componentHeights?.border??"1px"),R=l.surface.border,f={display:"flex",flexDirection:c?"column":"row",width:typeof o=="string"||typeof o=="number"?Ip(o):"auto",maxWidth:"none",gap:t?0:n??l.spacing?.sm},v=Children.toArray(e),y=v.filter(Yi).length,w=0,b=v.map((m,p)=>{if(!Yi(m)||!Ji(m))return m;let C=m.props,N=w++,x=N===0,T=N===y-1,P=s??C.variant,$=t?c?{borderTopLeftRadius:x?C.radius:0,borderTopRightRadius:x?C.radius:0,borderBottomLeftRadius:T?C.radius:0,borderBottomRightRadius:T?C.radius:0}:{borderTopLeftRadius:x?C.radius:0,borderBottomLeftRadius:x?C.radius:0,borderTopRightRadius:T?C.radius:0,borderBottomRightRadius:T?C.radius:0}:void 0,K=t&&!x?c?{borderTopWidth:0}:{borderLeftWidth:0}:void 0,W=P==="subtle"&&y>1&&!x?c?{borderTop:`${d} solid ${R}`}:{borderLeft:`${d} solid ${R}`}:null,F=[$,K,W,t?{width:"100%"}:{width:"100%",marginBottom:c?0:void 0,marginRight:c?void 0:0}].filter(Boolean),I=[C.className,"plainframe-ui-card-group-item"].filter(Boolean).join(" ");return cloneElement(m,{...C,variant:P??C.variant,css:[C.css,...F],className:I,key:typeof m=="object"&&"key"in m?m.key:p})});return jsx("div",{role:u,"aria-orientation":c?"vertical":"horizontal","data-attached":t||void 0,"data-direction":r,className:["plainframe-ui-card-group",i||""].join(" ").trim(),css:[f,a],children:b})};Zi.displayName="CardGroup";var Le=e=>typeof e=="number"?`${e}px`:e,el=e=>{let t=false;return me.Children.forEach(e,n=>{t||(typeof n=="string"||typeof n=="number"?String(n).trim()!==""&&(t=true):Array.isArray(n)&&el(n)&&(t=true));}),t},Ap=(e,t)=>t==="sm"?{fontSize:e.typography.sizes.xs,paddingX:`calc(${e.spacing.sm} * 0.7)`,paddingY:e.spacing.xs,gap:e.spacing.xxs,iconSize:e.typography.sizes.xs,radius:`calc(${e.radius.sm} * 0.8)`,soloPadding:e.spacing.xs,iconOffset:"0px",iconOffsetRounded:"-2px"}:t==="lg"?{fontSize:e.typography.sizes.md,paddingX:e.spacing.sm,paddingY:`calc(${e.spacing.sm} * 0.6)`,gap:e.spacing.xs,iconSize:e.typography.sizes.md,radius:e.radius.md,soloPadding:e.spacing.sm,iconOffset:"0px",iconOffsetRounded:"-3px"}:{fontSize:e.typography.sizes.sm,paddingX:`calc(${e.spacing.sm} * 0.9)`,paddingY:e.spacing.xs,gap:e.spacing.xxs,iconSize:e.typography.sizes.sm,radius:e.radius.sm,soloPadding:e.spacing.xs,iconOffset:"-1px",iconOffsetRounded:"-3px"},tl=me.memo(forwardRef(function({children:t,labelCss:n,variant:o="soft",color:r="primary",rounded:s=false,startIcon:i,endIcon:u,size:a="md",onClick:l,onDelete:c,deleteIcon:d,disabled:R,cursor:f,className:v,css:k},y){let w=V(),b=xe(),m=["sm","md","lg"].includes(a)?a:"md",p=useMemo(()=>Ap(w,m),[w,m]),C=!!l&&!R,N=R?"not-allowed":f||(C?"pointer":"inherit"),x=String(w.componentHeights?.border??"1px"),T=useMemo(()=>{let X=w.palette;return r==="secondary"||r==="neutral"?"neutral":r&&X[r]?r:"primary"},[r,w.palette]),P=useCallback(X=>{let ae=w.palette;return (T==="neutral"?w.neutral[X]:ae[T]?.[X])??ae.primary?.[X]},[T,w.neutral,w.palette]),$=useMemo(()=>T==="neutral"?w.neutral[100]:P(50),[T,P,w.neutral]),K=useMemo(()=>T==="neutral"?w.text.secondary:P(800),[T,P,w.text.secondary]),W=useMemo(()=>T==="neutral"?w.neutral[100]:P(50),[T,P,w.neutral]),S=useMemo(()=>T==="neutral"?w.text.secondary:P(800),[T,P,w.text.secondary]),F=useMemo(()=>T==="neutral"?w.neutral[400]:P(300),[T,P,w.neutral]),I=useMemo(()=>T==="neutral"?w.surface.subtleBg:P(600),[T,P,w.surface.subtleBg]),g=useMemo(()=>(w.text.onColors??{})[T]??(T==="neutral"?w.neutral[900]:w.neutral[0]??"#fff"),[T,w.text.onColors,w.neutral]),h="transparent",A=useMemo(()=>T==="neutral"?w.text.secondary:P(700)??w.text.primary,[T,P,w.text.primary,w.text.secondary]),H=useMemo(()=>!i&&!u&&t!=null&&!el(t)&&me.Children.count(t)===1,[i,u,t]),B=useMemo(()=>o==="filled"?css({backgroundColor:I,color:g,border:"none",boxShadow:"none"}):o==="outlined"?css({backgroundColor:W,color:S,border:"none",boxShadow:`inset 0 0 0 ${x} ${F}`}):o==="ghost"?css({backgroundColor:h,color:A,border:"none",boxShadow:"none"}):css({backgroundColor:$,color:K,border:"none",boxShadow:"none"}),[I,g,A,W,S,F,$,K,x,o]),M=useMemo(()=>css({display:"inline-flex",alignItems:"center",gap:Le(p.gap),padding:o==="ghost"?0:H||t==null?Le(p.soloPadding):`${Le(p.paddingY)} ${Le(p.paddingX)}`,borderRadius:s?w.radius.full:p.radius,fontWeight:600,cursor:N,opacity:R?.55:1,transition:"outline .16s ease, outline-offset .16s ease",overflow:o==="ghost"?"visible":"hidden",...H?{lineHeight:1,minWidth:`calc(${Le(p.iconSize)} + ${Le(p.soloPadding)} * 2)`,minHeight:`calc(${Le(p.iconSize)} + ${Le(p.soloPadding)} * 2)`,justifyContent:"center"}:null}),[p,N,t,R,H,s,w.radius.full,o]),E=useMemo(()=>css({fontSize:Le(H?p.iconSize:p.fontSize),lineHeight:1.2,minWidth:0,display:"inline-flex",alignItems:"center",justifyContent:"center","& > svg":{width:H?Le(p.iconSize):void 0,height:H?Le(p.iconSize):void 0,display:H?"block":void 0}}),[p.fontSize,p.iconSize,H]),L=useMemo(()=>css({display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:Le(p.iconSize),lineHeight:0,"& > svg":{width:Le(p.iconSize),height:Le(p.iconSize),display:"block"}}),[p.iconSize]),z=useMemo(()=>css({marginRight:H||t==null?0:Le(p.gap),marginLeft:H||t==null?0:Le(p.iconOffset)}),[p.gap,p.iconOffset,t,H]),O=useMemo(()=>css({marginLeft:H||t==null?0:Le(p.gap),marginRight:H||t==null?0:Le(s?p.iconOffsetRounded:p.iconOffset)}),[p.gap,p.iconOffset,p.iconOffsetRounded,t,H,s]),_=useMemo(()=>css({marginRight:s?0:Le(p.iconOffset),padding:0,border:"none",outline:"none",background:"transparent",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:R?"not-allowed":"pointer",color:"currentColor",opacity:R?.4:.85,transition:"background-color .16s ease, color .16s ease, opacity .16s ease, outline .16s ease, outline-offset .16s ease",fontSize:Le(p.iconSize),borderRadius:w.radius.xs}),[p.iconOffset,p.iconSize,R,s,w.radius.xs]),D=useCallback(X=>{C&&(X.key==="Enter"||X.key===" ")&&(X.preventDefault(),l?.());},[C,l]),U=useMemo(()=>jsx(X,{css:{width:p.iconSize,height:p.iconSize},strokeWidth:2.5}),[p.iconSize]);return jsxs("div",{ref:y,className:["plainframe-ui-chip",C?"plainframe-ui-chip-clickable":"",v||""].join(" ").trim(),css:[M,B,C?b({color:r??"primary"}):null,k],onClick:C?l:void 0,onKeyDown:D,role:C?"button":void 0,tabIndex:C?0:void 0,"aria-disabled":R||void 0,"data-variant":o,"data-color":T,"data-size":a,"data-icon-only":H||void 0,children:[i&&jsx("span",{css:[L,z],className:"plainframe-ui-chip-icon-left",children:i}),t!=null&&jsx("span",{css:[E,n],className:"plainframe-ui-chip-label",children:t}),u&&jsx("span",{css:[L,O],className:"plainframe-ui-chip-icon-right",children:u}),c&&jsx("button",{type:"button","aria-label":"Delete",disabled:R,tabIndex:0,onClick:X=>{X.stopPropagation(),R||c?.();},css:[_,b({color:r??"primary"})],className:"plainframe-ui-chip-delete",children:d||U})]})}));tl.displayName="Chip";var Hp=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Lp=me.memo(function({value:t,onChange:n,len:o,theme:r,sizeKey:s,s:i,variant:u,error:a,disabled:l,ringEnabled:c,focusRingMode:d,placeholder:R,separator:f,gapPx:v}){let k=xe(),y=r.neutral,w=r.text,b=r.componentHeights.border,m=useRef([]),[p,C]=useState(0),N=useMemo(()=>(t??"").padEnd(o,"").slice(0,o).split(""),[t,o]),x=useMemo(()=>{if(!R)return Array(o).fill("");if(R.length===1)return Array(o).fill(R);let H=R.slice(0,o).split("");for(;H.length<o;)H.push("");return H},[R,o]),T=useMemo(()=>{let H=r.componentHeights[s];return `calc(${typeof H=="number"?`${H}px`:H} * 1.5)`},[r.componentHeights,s]),P=l?y[200]:a&&u==="outlined"?r.palette.danger?.[50]??r.surface.panelBg:a&&u==="subtle"?r.palette.danger?.[50]??r.surface.subtleBg:u==="subtle"?r.surface.subtleBg:u==="outlined"?r.surface.panelBg:"transparent",$=u==="outlined"?`${b} solid ${a?r.palette.danger?.[300]??r.surface.border:r.surface.border}`:"none",K=H=>css({width:T,height:T,display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:P,border:$,borderRadius:r.radius.lg,transition:"box-shadow .16s, border-color .16s, background .16s",fontSize:i.codeFontSize,fontWeight:600,color:l?y[500]:a?r.palette.danger?.[800]??w.primary:w.primary,textAlign:"center",backgroundClip:"padding-box",appearance:"textfield",outline:"none",caretColor:a?r.palette.danger?.[800]??w.primary:w.primary,"&::placeholder":{color:a?r.palette.danger?.[700]??w.secondary:w.secondary,opacity:.85}},c?k({enabled:true,disabled:l,mode:d==="always"?"always":"visible",color:a?"danger":void 0}):void 0,H?css({}):null),W=css({display:"flex",gap:v,justifyContent:"center",width:"auto",pointerEvents:l?"none":"auto",opacity:l?.65:1}),S=css({display:"inline-flex",alignItems:"center",justifyContent:"center",color:w.secondary,userSelect:"none"}),F=H=>H.replace(/[^a-zA-Z0-9]/g,"").toUpperCase(),I=useCallback(H=>{let B=Math.max(0,Math.min(o-1,H));C(B),m.current[B]?.focus();},[o]),g=useCallback((H,B)=>{let M=F(B).slice(0,1),E=[...N];E[H]=M,n(E.join("")),M&&H<o-1&&I(H+1);},[N,o,n,I]),h=useCallback((H,B)=>{if(B.key==="Backspace")if(!N[H]&&H>0){let M=[...N];M[H-1]="",n(M.join("")),I(H-1),B.preventDefault();return}else {let M=[...N];M[H]="",n(M.join(""));return}if(B.key==="ArrowLeft"&&H>0){B.preventDefault(),I(H-1);return}if(B.key==="ArrowRight"&&H<o-1){B.preventDefault(),I(H+1);return}if(B.key==="Home"){B.preventDefault(),I(0);return}if(B.key==="End"){B.preventDefault(),I(o-1);return}},[N,o,n,I]),A=useCallback(H=>{let B=F(H.clipboardData.getData("text")).slice(0,o);B&&(n(B),requestAnimationFrame(()=>{let M=Math.min(B.length,o-1);I(M);}),H.preventDefault());},[o,n,I]);return jsx("div",{className:"plainframe-ui-code-boxes",css:W,children:Array.from({length:o}).map((H,B)=>jsxs(me.Fragment,{children:[jsx("input",{ref:M=>{m.current[B]=M;},type:"text",inputMode:"text",maxLength:1,value:N[B]||"",placeholder:N[B]?"":x[B]||"",disabled:l,onChange:M=>g(B,M.target.value),onKeyDown:M=>h(B,M),onFocus:()=>C(B),onPaste:B===0?A:void 0,className:"plainframe-ui-code-box",css:K(B===p),"aria-label":`Code character ${B+1}`,tabIndex:B===p?0:-1}),f&&B<o-1?jsx("span",{"aria-hidden":true,role:"presentation",css:S,children:f}):null]},B))})}),Bp=({label:e,value:t,defaultValue:n="",onChange:o,placeholder:r,separator:s,error:i,helperText:u,disabled:a=false,gap:l,size:c="md",variant:d="subtle",length:R=4,focusRingMode:f="always",className:v,wrapperCss:k,labelCss:y,helperRowCss:w,helperTextCss:b,css:m})=>{let p=V(),C=useId(),N=useMemo(()=>({sm:{labelFont:p.typography.sizes.xs,helperFont:p.typography.sizes.xs,minHeight:p.componentHeights.sm,paddingY:0,paddingX:p.spacing.md,codeFontSize:21},md:{labelFont:p.typography.sizes.sm,helperFont:p.typography.sizes.xs,minHeight:p.componentHeights.md,paddingY:0,paddingX:p.spacing.md,codeFontSize:24},lg:{labelFont:p.typography.sizes.md,helperFont:p.typography.sizes.sm,minHeight:p.componentHeights.lg,paddingY:0,paddingX:p.spacing.md,codeFontSize:28}}),[p]),x=["sm","md","lg"].includes(c)?c:"md",T=N[x],P=p.neutral,$=p.text,K=t!=null,[W,S]=useState(n),F=K?t:W,I=z=>{K||S(z),o?.(z);},g=Math.max(2,Math.min(R,10)),h=p.spacing.sm,A=Hp(l??h)??"0px",H=css({boxSizing:"border-box",display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:4,width:"auto",maxWidth:"unset",fontWeight:500,cursor:a?"not-allowed":"auto"},...Array.isArray(k)?k:k?[k]:[]),B=css({fontSize:T.labelFont,fontWeight:500,color:i?p.palette.danger?.[700]??$.primary:a?P[500]:$.primary,marginBottom:4,display:"block",cursor:a?"not-allowed":"auto"},...Array.isArray(y)?y:y?[y]:[]),M=css({display:"flex",alignItems:"center",justifyContent:"center",gap:A,width:"auto",background:"transparent",outline:"none",boxShadow:"none"},...Array.isArray(m)?m:m?[m]:[]),E=css({minHeight:16,fontSize:T.helperFont,color:i?p.palette.danger?.[700]??$.secondary:$.secondary,paddingTop:3,display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:8,width:"100%"},...Array.isArray(w)?w:w?[w]:[]),L=css({flex:1,wordBreak:"break-word",whiteSpace:"pre-wrap",minWidth:0,fontWeight:400,color:i?p.palette.danger?.[700]??$.primary:a?P[500]:$.primary},...Array.isArray(b)?b:b?[b]:[]);return jsxs("div",{className:["plainframe-ui-codefield",v||""].join(" ").trim(),css:H,children:[e&&jsx("span",{id:C,className:"plainframe-ui-codefield-label",css:B,children:e}),jsx("div",{className:"plainframe-ui-codefield-row",css:M,role:"group","aria-labelledby":e?C:void 0,tabIndex:-1,children:jsx(Lp,{value:F||"",onChange:I,len:g,theme:p,sizeKey:x,s:{codeFontSize:T.codeFontSize},variant:d,error:!!i,disabled:a,ringEnabled:f!=="none",focusRingMode:f,placeholder:r,separator:s,gapPx:A})}),u!=null&&jsx("div",{className:"plainframe-ui-codefield-helper",css:E,children:jsx("span",{className:"plainframe-ui-codefield-helper-text",css:L,children:u})})]})};var al=e=>{if(typeof e=="object"&&e!==null&&"type"in e&&e.type){let t=e.type;return (typeof t=="object"&&t!==null||typeof t=="function")&&(t?.displayName||t?.name)||""}return ""},Bs=e=>{if(!e||typeof e!="object")return false;let t=al(e);if(t==="DropdownMenu"||t==="DropdownMenuContent")return true;let n=e?.props,o=n&&typeof n=="object"&&n!==null&&"children"in n?n.children:void 0;return o==null?false:Array.isArray(o)?o.some(Bs):Bs(o)},zp=({children:e,content:t,trigger:n="contextmenu",onOpenChange:o,hoverPosition:r="cursor",hoverOffset:s=10})=>{let i=me.useRef(null),[u,a]=me.useState(false),l=me.useCallback(E=>{a(E),o?.(E);},[o]),c=me.useCallback(()=>l(false),[l]),d=me.useRef({x:0,y:0}),R=me.useRef(null),f=me.useRef(null),v=me.useCallback(()=>{f.current=null;let E=R.current;if(!E)return;let L=Math.round(d.current.x),z=Math.round(d.current.y);E.style.transform=`translate3d(${L}px, ${z}px, 0)`;},[]),k=me.useCallback(()=>{f.current==null&&(f.current=requestAnimationFrame(v));},[v]);me.useEffect(()=>()=>{f.current&&cancelAnimationFrame(f.current);},[]);let y=me.useMemo(()=>({getBoundingClientRect:()=>{let E=Math.round(d.current.x),L=Math.round(d.current.y);return {x:E,y:L,left:E,top:L,right:E,bottom:L,width:0,height:0,toJSON:()=>({x:E,y:L})}}}),[]),w=me.useRef(`cz-${Math.random().toString(36).slice(2)}`),b=me.useCallback(()=>typeof document<"u"?document.querySelector(`[data-cz-id="${w.current}"]`):null,[]),m=me.useRef(null),p=me.useRef(null),C=me.useCallback(()=>{m.current!=null&&clearTimeout(m.current),m.current=null;},[]),N=me.useCallback(()=>{p.current!=null&&clearTimeout(p.current),p.current=null;},[]),x=me.useCallback(()=>{N(),p.current=window.setTimeout(()=>l(false),0);},[N,l]),T=me.useCallback(()=>{let E=i.current?.getBoundingClientRect();return E?{x:E.left+E.width/2,y:E.top+E.height/2}:{x:0,y:0}},[]),P=me.useCallback((E,L)=>{d.current={x:E,y:L},k(),l(true);},[k,l]),$=typeof t=="function"?t({close:c}):t,K=Bs($),W=E=>{if(!me.isValidElement(E))return E;let L=al(E),z=E,O=z.props.children,_=O==null?O:Array.isArray(O)?O.map(D=>me.isValidElement(D)?W(D):D):me.isValidElement(O)?W(O):O;if(L==="DropdownMenu"){let D=z.props.onOpenChange;return me.cloneElement(z,{...z.props,open:u,onOpenChange:U=>{D?.(U),l(U);},children:_})}if(L==="DropdownMenuContent"){let D=z.props.onMouseEnter,U=z.props.onMouseLeave;return me.cloneElement(z,{...z.props,anchor:y,"data-cz-id":w.current,onMouseEnter:X=>{N(),D?.(X);},onMouseLeave:X=>{x(),U?.(X);},children:_})}return _===O?z:me.cloneElement(z,{...z.props,children:_})},S=K?W($):$,F=me.useCallback(E=>{E.preventDefault(),P(E.clientX,E.clientY);},[P]),I=me.useCallback(E=>{n==="contextmenu"&&F(E);},[n,F]),g=me.useCallback(E=>{n==="dblclick"&&F(E);},[n,F]),h=me.useCallback(E=>{n==="click"&&F(E);},[n,F]),A=me.useCallback(E=>{if(n!=="hover")return;C(),N();let L=r==="center"?T():{x:E.clientX,y:E.clientY};m.current=window.setTimeout(()=>{let z=L.x+(r==="cursor"?s:0),O=L.y+(r==="cursor"?s:0);P(z,O);},0);},[n,r,s,T,P,C,N]),H=me.useCallback(E=>{n==="hover"&&u&&r==="cursor"&&!K&&(d.current={x:E.clientX+s,y:E.clientY+s},k());},[n,u,r,K,s,k]),B=me.useCallback(()=>{n==="hover"&&(C(),x());},[n,C,x]);me.useEffect(()=>{if(n!=="hover")return;let E=()=>{if(!u)return;let L=i.current?.matches(":hover"),z=b()?.matches?.(":hover");L||z?N():x();};return window.addEventListener("pointermove",E,{passive:true,capture:true}),()=>window.removeEventListener("pointermove",E,{capture:true})},[u,n,b,N,x]),me.useEffect(()=>{let E=()=>{if(u)if(n==="hover"){let L=i.current?.matches(":hover"),z=b()?.matches?.(":hover");if(L||z?N():x(),r==="center"&&i.current){let O=T();d.current={x:O.x,y:O.y},k();}}else l(false);};return window.addEventListener("scroll",E,true),window.addEventListener("resize",E,true),()=>{window.removeEventListener("scroll",E,true),window.removeEventListener("resize",E,true);}},[u,n,r,T,k,l,N,x,b]),me.useEffect(()=>()=>{C(),N();},[C,N]);let M=({children:E})=>u?jsx("div",{ref:R,style:{position:"fixed",left:0,top:0,transform:`translate3d(${Math.round(d.current.x)}px, ${Math.round(d.current.y)}px, 0)`,willChange:"transform",zIndex:1e3,pointerEvents:"auto"},onMouseEnter:()=>n==="hover"&&N(),onMouseLeave:()=>n==="hover"&&x(),children:E}):null;return jsxs("div",{ref:i,onContextMenu:I,onDoubleClick:g,onClick:h,onMouseEnter:A,onMouseMove:H,onMouseLeave:B,css:css({position:"relative"}),className:"plainframe-ui-context-zone-wrapper",children:[e,K?S:jsx(M,{children:S})]})};var Vn=(e,t="0px")=>e==null?t:typeof e=="number"?`${e}px`:e,_p=me.memo(forwardRef(function({label:t,variant:n="full",direction:o="horizontal",labelPosition:r="center",thickness:s=1,width:i,middleMargin:u="5px",insetMargin:a="10px",chip:l=false,chipVariant:c="subtle",rounded:d=false,margin:R=10,css:f,labelCss:v,strokeCss:k,className:y,...w},b){let m=V(),{t:p,strokeColor:C,labelTextColor:N,chipSubtleBg:x,chipOutlinedBg:T,outerM:P,padX:$,verticalStrokeMargin:K}=useMemo(()=>{let g=typeof s=="number"?`${s}px`:s,h=m.surface.border,A=m.text.secondary,H=m.surface.subtleBg,B=m.surface.panelBg,M=Vn(R,"10px"),E=o==="horizontal"?n==="middle"?Vn(u):n==="inset"?Vn(a,"0px"):"0":"0",L=o==="vertical"?n==="middle"?Vn(u):n==="inset"?Vn(a,"0px"):"0":"0";return {t:g,strokeColor:h,labelTextColor:A,chipSubtleBg:H,chipOutlinedBg:B,outerM:M,padX:E,verticalStrokeMargin:L}},[s,m,o,n,u,a,R]),W=useMemo(()=>css([{display:"flex",alignItems:"center"},o==="vertical"?{flexDirection:"column",alignSelf:"stretch",width:t?"max-content":p,minWidth:t?"max-content":p,marginLeft:P,marginRight:P}:{flexDirection:"row",width:i?Vn(i):"100%",minWidth:0,paddingLeft:$,paddingRight:n==="middle"?$:"0",marginTop:P,marginBottom:P},...Array.isArray(f)?f:f?[f]:[]]),[o,t,p,P,i,$,n,f]),S=useMemo(()=>css([{background:C,borderRadius:d?m.radius.full:m.radius.xs},o==="vertical"?{width:p,minHeight:18,flex:1,marginTop:K,marginBottom:K}:{height:p,flex:1}]),[C,d,m.radius.full,m.radius.xs,o,p,K]),F=useMemo(()=>css([{margin:l?o==="vertical"?"4px 0":0:o==="vertical"?"2px 0":0,padding:l?"3px 7px":0,borderRadius:l?d?m.radius.full:`calc(${m.radius.sm} * 0.75)`:`calc(${m.radius.sm} * 0.75)`,color:N,fontWeight:500,fontSize:13,textAlign:"center",alignSelf:"center",whiteSpace:o==="vertical"?"normal":"pre",wordBreak:o==="vertical"?"break-all":void 0,...l?c==="subtle"?{background:x,border:"none"}:{background:T,border:`${p} solid ${C}`}:{}},...Array.isArray(v)?v:v?[v]:[]]),[l,o,d,m.radius.full,m.radius.sm,N,c,x,T,p,C,v]),I=useMemo(()=>jsx("div",{className:"plainframe-ui-divider-stroke",css:[S,k]}),[S,k]);return o==="vertical"?jsxs("div",{ref:b,"data-direction":"vertical","data-variant":n,"data-chip":l?"true":void 0,className:["plainframe-ui-divider-wrapper","is-vertical",y||""].join(" ").trim(),css:W,...w,children:[t&&r!=="top"&&I,t&&jsx("span",{className:"plainframe-ui-divider-label",css:F,children:t}),t&&r!=="bottom"&&I,!t&&I]}):jsxs("div",{ref:b,"data-direction":"horizontal","data-variant":n,"data-chip":l?"true":void 0,className:["plainframe-ui-divider-wrapper",y||""].join(" ").trim(),css:W,...w,children:[t&&r!=="left"&&I,t&&jsx("span",{className:"plainframe-ui-divider-label",css:F,children:t}),t&&r!=="right"&&I,!t&&I]})}));var ml=me.createContext(null),fl=()=>{let e=useContext(ml);if(!e)throw new Error("Drawer components must be used within <Drawer>.");return e},gl=({children:e,open:t,defaultOpen:n,onOpenChange:o,lockScroll:r=true,closeOnEscape:s=true})=>{let[i,u]=useState(!!n),a=t??i,l=useCallback(d=>{t===void 0&&u(d),o?.(d);},[t,o]),c=useMemo(()=>({open:a,setOpen:l,lockScroll:r,closeOnEscape:s}),[a,l,r,s]);return jsx(ml.Provider,{value:c,children:e})},Up=forwardRef(({asChild:e=true,children:t,className:n,css:o,...r},s)=>{let{setOpen:i}=fl(),u=!!e&&me.isValidElement(t),a=useCallback(c=>{if(u){let d;me.isValidElement(t)&&(d=t.props.onClick),d?.(c);}r.onClick?.(c),c.defaultPrevented||i(true);},[u,t,r.onClick,i]),l=useCallback(c=>{if((c.key==="Enter"||c.key===" ")&&(c.preventDefault(),i(true)),u){let d;me.isValidElement(t)&&(d=t.props.onKeyDown),d?.(c);}r.onKeyDown?.(c);},[u,t,r.onKeyDown,i]);if(u){let c=t,d=c.props.css;return me.cloneElement(c,{...c.props||{},className:[c.props.className,n].filter(Boolean).join(" ")||void 0,css:[d,o].filter(Boolean),onClick:a,onKeyDown:l,...r})}return jsx("button",{ref:s,type:"button",className:n,css:o,onClick:a,onKeyDown:l,...r,children:t})});Up.displayName="DrawerTrigger";var To=0,bl="",hl="",qp=()=>typeof window>"u"?0:window.innerWidth-document.documentElement.clientWidth;function Gp(){if(!(typeof document>"u")){if(To===0){let e=document.body;bl=e.style.overflow||"",hl=e.style.paddingRight||"";let t=qp();e.style.overflow="hidden",t>0&&(e.style.paddingRight=`${t}px`);}To+=1;}}function Xp(){if(!(typeof document>"u")&&(To>0&&(To-=1),To===0)){let e=document.body;e.style.overflow=bl,e.style.paddingRight=hl;}}var Yp=(e,t=0)=>e==null?t:typeof e=="number"?e:parseFloat(String(e))||t,yl=forwardRef(function({children:t,width:n,height:o,position:r="left",variant:s="inset",margin:i=10,radius:u,backdropBlur:a=true,backdropBlurDepth:l,closeOnClickAway:c=true,transitionMs:d,snapClosePct:R=.33,velocityClosePxS:f=950,dragElasticOut:v=.2,className:k,css:y,...w},b){let m=V(),{open:p,setOpen:C,lockScroll:N,closeOnEscape:x}=fl();useEffect(()=>{if(!(!N||!p))return Gp(),()=>Xp()},[p,N]);let T=useMemo(()=>Yp(i,0),[i]),P=useMemo(()=>r==="left"||r==="right"?"x":"y",[r]),$=useMemo(()=>r==="left"||r==="top"?-1:1,[r]),K=useMemo(()=>n??(r==="left"||r==="right"?320:s==="inset"?`calc(100% - ${T*2}px)`:"100%"),[n,r,s,T]),W=useMemo(()=>o??(r==="top"||r==="bottom"?420:s==="inset"?`calc(100% - ${T*2}px)`:"100%"),[o,r,s,T]),S=useMemo(()=>{let q=String(m.radius.lg);switch(r){case "left":return `0 ${q} ${q} 0`;case "right":return `${q} 0 0 ${q}`;case "top":return `0 0 ${q} ${q}`;default:return `${q} ${q} 0 0`}},[r,m.radius.lg]),F=useMemo(()=>u??(s==="inset"?m.radius.lg:S),[u,s,m.radius.lg,S]),I=useMemo(()=>s==="inset"?{top:r==="bottom"?void 0:T,bottom:r==="top"?void 0:T,left:r==="right"?void 0:T,right:r==="left"?void 0:T}:{top:r==="bottom"?void 0:0,bottom:r==="top"?void 0:0,left:r==="right"?void 0:0,right:r==="left"?void 0:0},[s,r,T]),g=useRef(null),h=useCallback(()=>{let q=g.current;if(!q)return 1;let Y=q.getBoundingClientRect();return P==="x"?Y.width:Y.height},[P]),A=useMemo(()=>({type:"spring",stiffness:520,damping:40,mass:.7}),[]),H=useMemo(()=>({duration:(d??280)/1e3,ease:[.22,1,.36,1]}),[d]),B=useMemo(()=>$*1.1,[$]),M=useMemo(()=>P==="x"?{x:`${B*100}%`,y:0}:{y:`${B*100}%`,x:0},[P,B]),E=useMemo(()=>css({position:"fixed",zIndex:1100,...I,width:K,height:W,backgroundColor:m.surface.panelBg,borderRadius:F,overflowY:"auto",WebkitOverflowScrolling:"touch",overscrollBehavior:"contain",willChange:"transform, box-shadow, opacity",backfaceVisibility:"hidden",pointerEvents:p?"auto":"none",touchAction:P==="x"?"pan-y":"pan-x","@media (prefers-reduced-motion: reduce)":{transition:"none"}}),[I,K,W,m.surface,F,p,P]),L=useMemo(()=>css({position:"fixed",inset:0,zIndex:1099,background:m.surface.overlayBg,transition:"all .3s ease",...a?{backdropFilter:`blur(${l??"2px"})`}:null}),[a,l,m.surface]),z=useCallback(()=>{c&&C(false);},[c,C]),O=useMemo(()=>P==="x"?{left:$===-1?v:0,right:$===1?v:0}:{top:$===-1?v:0,bottom:$===1?v:0},[P,$,v]),_=useMemo(()=>P==="x"?{left:0,right:0}:{top:0,bottom:0},[P]),D=useMemo(()=>Math.max(0,Math.min(1,R)),[R]),U=useCallback((q,Y)=>{let le=P==="x"?Y.offset.x:Y.offset.y,ie=P==="x"?Y.velocity.x:Y.velocity.y,be=$*le>0,Pe=Math.abs(le)>=h()*D,Re=$*ie>f;be&&(Pe||Re)&&C(false);},[P,$,h,D,f,C]),X=useRef(null);useEffect(()=>{if(!p)return;X.current=document.activeElement;let q=setTimeout(()=>{let ie=g.current;if(!ie)return;let be=ie.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');be.length>0?be[0].focus():ie.focus();},100),Y=ie=>{let be=g.current;if(!be||!ie.target)return;let Pe=ie.target;if(!be.contains(Pe)){ie.preventDefault();let Re=be.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');Re.length>0?Re[0].focus():be.focus();}},le=ie=>{ie.key==="Escape"&&x&&(ie.stopPropagation(),C(false));};return document.addEventListener("focusin",Y,true),window.addEventListener("keydown",le),()=>{clearTimeout(q),document.removeEventListener("focusin",Y,true),window.removeEventListener("keydown",le),X.current&&typeof X.current.focus=="function"&&X.current.focus();}},[p,C,x]);let{...ae}=w;return jsx(AnimatePresence,{children:p?jsxs(Fragment,{children:[jsx(motion.div,{role:"presentation","aria-hidden":true,css:L,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:d?H:{duration:.18,ease:"linear"},onClick:z},"overlay"),jsx(motion.div,{ref:q=>{g.current=q,typeof b=="function"?b(q):b&&(b.current=q);},role:"dialog","aria-modal":"true",tabIndex:-1,"data-position":r,"data-variant":s,className:["plainframe-ui-drawer",k||""].join(" ").trim(),css:[E,y],drag:P,dragConstraints:_,dragElastic:O,dragMomentum:false,dragDirectionLock:true,onDragEnd:U,initial:{...M,opacity:.98},animate:{x:0,y:0,opacity:1},exit:{...M,opacity:.98},transition:d?H:A,...ae,children:t},"panel")]}):null})});yl.displayName="DrawerContent";var Jp=forwardRef(function({open:t,on:n,defaultOpen:o,defaultOn:r,onOpenChange:s,onClose:i,children:u,...a},l){let c=t!==void 0?t:n,d=o!==void 0?o:r,R=c!==void 0,[f,v]=useState(!!d),k=R?!!c:f,y=useCallback(w=>{R||v(w),w||i?.(),s?.(w);},[R,i,s]);return jsx(gl,{open:k,onOpenChange:y,children:jsx(yl,{ref:l,...a,children:u})})});Jp.displayName="DrawerLegacy";var Ws=({children:e,duration:t=300,delay:n=0,on:o=false,onAnimationEnd:r,asChild:s=true,className:i,blur:u=false})=>{let a={opacity:o?1:0,filter:u?o?"none":"blur(10px)":"none",transition:`opacity ${t}ms ease ${n}ms, filter ${t}ms ease ${n}ms`,pointerEvents:o?"auto":"none",willChange:"opacity, filter",backfaceVisibility:"hidden"},l=d=>R=>{R.target===R.currentTarget&&(R.propertyName==="opacity"||R.propertyName==="filter")&&r?.(),d?.(R);};if(s&&isValidElement(e)){let d=e,R=d.props.css,f=Array.isArray(R)?[...R,a]:R?[R,a]:[a],v=["plainframe-ui-transition-fade",d.props.className||"",i||""].join(" ").trim(),k=d.props.onTransitionEnd;return cloneElement(d,{...d.props,css:f,className:v,onTransitionEnd:l(k)})}let c=css(a);return jsx("div",{className:["plainframe-ui-transition-fade",i||""].join(" ").trim(),css:c,onTransitionEnd:l(),children:e})};var xl=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,vl=me.memo(({direction:e="row",gap:t="sm",justify:n,align:o="center",className:r,css:s,children:i,width:u,height:a,...l})=>{let c=V(),d=e==="vertical"||e==="column"?"column":"row",R=t===void 0?void 0:typeof t=="number"?t:c.spacing[t]??t,f=css({display:"flex",flexDirection:d,gap:R,justifyContent:n,alignItems:o,maxWidth:xl(u),width:u?"100%":void 0,maxHeight:xl(a),height:a?"100%":void 0,boxSizing:"border-box"});return jsx("div",{className:["plainframe-ui-flex",r||""].join(" ").trim(),css:[f,s],...l,children:i})});vl.displayName="Flex";var Ks=({children:e,duration:t=300,delay:n=0,on:o=false,initialScale:r=0,finalScale:s=1,onAnimationEnd:i,asChild:u=true,className:a})=>{let l={transform:o?`scale(${s})`:`scale(${r})`,transition:`transform ${t}ms ease ${n}ms`,pointerEvents:o?"auto":"none",willChange:"transform",backfaceVisibility:"hidden"},c=R=>f=>{f.target===f.currentTarget&&f.propertyName==="transform"&&i?.(),R?.(f);};if(u&&isValidElement(e)){let R=e,f=R.props.css,v=Array.isArray(f)?[...f,l]:f?[f,l]:[l],k=R.props.onTransitionEnd,y=["plainframe-ui-transition-grow",R.props.className||"",a||""].join(" ").trim();return cloneElement(R,{...R.props,css:v,className:y,onTransitionEnd:c(k)})}let d=css(l);return jsx("div",{className:["plainframe-ui-transition-grow",a||""].join(" ").trim(),css:d,onTransitionEnd:c(),children:e})};var Cl={h1:{size:"2.25rem",weight:800,lh:1.1,ls:"-0.02em"},h2:{size:"1.875rem",weight:700,lh:1.15,ls:"-0.01em"},h3:{size:"1.5rem",weight:600,lh:1.2,ls:"-0.005em"},h4:{size:"1.25rem",weight:500,lh:1.2,ls:"0"},h5:{size:"1.125rem",weight:500,lh:1.3,ls:"0"},h6:{size:"1rem",weight:500,lh:1.3,ls:"0"},body:{size:"sm",weight:400,lh:1.4,ls:"0"},caption:{size:"xs",weight:400,lh:1.4,ls:"0.01em"}},pm=e=>e==null?void 0:typeof e=="number"?`${e}px`:String(e),mm={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"span",caption:"span"},Un=me.memo(({variant:e="body",children:t,color:n,size:o,weight:r,lineHeight:s,letterSpacing:i,align:u="left",textTransform:a="none",whiteSpace:l="normal",decoration:c="none",decorationStyle:d="solid",decorationThickness:R=1,decorationColor:f,italic:v,className:k,style:y,as:w})=>{let b=V(),m=Cl[e]??Cl.body,p=w??mm[e]??"span",C=F=>F==null?m.size:typeof F=="number"?F:b?.typography?.sizes?.[F]??F,N=C(o)??C(m.size),x=r??m.weight,T=s??m.lh,P=i??m.ls,$=n==="secondary"?b.text.secondary:n==="primary"?b.text.primary:n??"inherit",K=f??b.surface.border,W=css({boxSizing:"border-box",display:u==="left"?"inline":"block",textAlign:u==="left"?void 0:u,fontFamily:b?.typography?.fonts?.sans||"inherit",fontSize:N,fontWeight:x,lineHeight:T,letterSpacing:P,color:$,textTransform:a,whiteSpace:l,fontStyle:v?"italic":"normal",margin:0,padding:0}),S=c==="none"?css({textDecoration:"none"}):css({textDecorationLine:c,textDecorationStyle:d,textDecorationColor:K,textDecorationThickness:pm(R),textDecorationSkipInk:"auto"});return jsx(p,{className:[`pfui-typo-${e}`,k||""].join(" ").trim(),css:[W,S],style:y,"data-variant":e,children:t})});Un.displayName="Typography";var Us=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,bm=(e,t)=>{if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){if(["xs","sm","md","lg","xl","full"].includes(e)){let n=t.radius&&t.radius[e]||t.radii&&t.radii[e];return Us(typeof n=="number"||typeof n=="string"?n:e)}return e}}},Tl=forwardRef(function({src:t,alt:n="",width:o,height:r,radius:s="md",shadow:i=false,hoverEffect:u="none",label:a,labelAlign:l="center",aspectRatio:c,loading:d="lazy",decoding:R="async",fetchPriority:f,srcSet:v,sizes:k,placeholder:y,blurDataURL:w,placeholderColor:b="#f1f1f1",fallbackSrc:m,className:p,css:C,onClick:N,onLoad:x,onError:T,...P},$){let[K,W]=useState(false),[S,F]=useState(false),[I,g]=useState(false),h=V(),A=bm(s,h)??"0px",H=a?"figure":"div",B=css({display:"flex",flexDirection:"column",gap:a?h.spacing.xs:0,width:"fit-content",borderRadius:`var(--pfui-image-radius, ${A})`}),M=css({position:"relative",borderRadius:`var(--pfui-image-radius, ${A})`,maxWidth:o?Us(o):"100%",maxHeight:r?Us(r):void 0,width:o?"100%":void 0,height:r?"100%":void 0,aspectRatio:c,boxShadow:i?"0 12px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.04)":"none",overflow:"hidden",padding:0,lineHeight:0,transition:"transform 0.3s ease",willChange:"transform",transform:K&&(u==="rotate"||u==="scale-rotate")?"rotate(3deg)":"none",cursor:N?"pointer":void 0}),E=css({position:"absolute",inset:0,background:y==="color"?b:void 0,backgroundImage:y==="blur"&&w?`url(${w})`:void 0,backgroundSize:"cover",backgroundPosition:"center",filter:y==="blur"?"blur(8px)":void 0,transition:"opacity 0.3s ease",opacity:I?0:1,pointerEvents:"none"}),L=css({width:"100%",height:"100%",display:"block",objectFit:"cover",transform:K&&(u==="scale"||u==="scale-rotate")?"scale(1.08)":"none",transition:"transform 0.3s ease",willChange:"transform"});return jsxs(H,{className:["plainframe-ui-image",p||""].join(" ").trim(),css:[B,C],tabIndex:-1,children:[jsxs("div",{className:"plainframe-ui-image-frame",css:M,onMouseEnter:()=>W(true),onMouseLeave:()=>W(false),onClick:N,children:[!I&&y&&jsx("div",{"aria-hidden":true,className:"plainframe-ui-image-placeholder",css:E}),jsx("img",{ref:$,className:"plainframe-ui-image-img",css:L,src:S&&m?m:t,alt:n,srcSet:v,sizes:k,loading:d,decoding:R,fetchPriority:f,onLoad:z=>{g(true),x?.(z);},onError:z=>{F(true),T?.(z);},...P})]}),a&&jsx(Un,{as:"figcaption",variant:"caption",align:l,children:a})]})});Tl.displayName="Image";var wl=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,vm=e=>{if(typeof e=="number"&&isFinite(e)&&e>0)return e;if(typeof e=="string"){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*\/\s*(\d+(?:\.\d+)?)$/);if(t){let o=parseFloat(t[1]),r=parseFloat(t[2]);if(o>0&&r>0)return o/r}let n=parseFloat(e);if(isFinite(n)&&n>0)return n}},Cm=e=>e*Math.PI/180,Rm=(e,t,n)=>{let o=Math.abs(Cm(n)),r=Math.cos(o),s=Math.sin(o);return {w:Math.abs(e*r)+Math.abs(t*s),h:Math.abs(t*r)+Math.abs(e*s)}};function Tm(e,t){if(t<=1){let r={ang:[0],dx:[0],dy:[0]};return {base:r,exp:r}}return e==="fan"?{base:t===2?{ang:[-14,10],dx:[-40,24],dy:[0,0]}:{ang:[-14,0,14],dx:[-55,0,55],dy:[-7.5,0,-7.5]},exp:t===2?{ang:[-7,5],dx:[-20,12],dy:[0,0]}:{ang:[-7,0,7],dx:[-32.5,0,32.5],dy:[0,0,0]}}:e==="slide"?{base:t===2?{ang:[-20,3],dx:[-10,5],dy:[-2,0]}:{ang:[-20,-5,10],dx:[-35,-10,12],dy:[4,0,4]},exp:t===2?{ang:[-10,1.5],dx:[-10,5],dy:[-2,0]}:{ang:[-10,-2.5,5],dx:[-30.5,-7.5,6],dy:[4,0,4]}}:e==="domino"?{base:t===2?{ang:[0,0],dx:[0,0],dy:[-11,5]}:{ang:[0,0,0],dx:[0,0,0],dy:[-18,-5,6]},exp:t===2?{ang:[0,0],dx:[0,0],dy:[-5,5]}:{ang:[0,0,0],dx:[0,0,0],dy:[-14,-2.5,7]}}:{base:t===2?{ang:[-4,8],dx:[-22,18],dy:[-30,40]}:{ang:[-10,10,.5],dx:[-30,30,-15],dy:[-65,2,65]},exp:t===2?{ang:[-3,6],dx:[-11,9],dy:[-22.5,30]}:{ang:[-7.5,7.5,.35],dx:[-15,20,-10.5],dy:[-55.5,2,55.5]}}}var wm=(e,t,n)=>e==="fan"?t===2?[.9,1.08][n]??1:[.8,1,.8][n]??1:e==="slide"?t===2?[.8,1][n]??1:[.7,.85,1][n]??1:e==="domino"?t===2?[.9,1][n]??1:[.85,.95,1][n]??1:1,El=[1.02,1.03,1.02],kl=[1.06,1.08,1.06],Em={sm:150,md:200,lg:260,xl:340},km=e=>e==null?void 0:typeof e=="number"?`${e}px`:e;function Im(e,t){if(e!=null){if(typeof e=="number")return `${e}px`;if(typeof e=="string"){if(["xs","sm","md","lg","xl","full"].includes(e)){let n=t.radius&&t.radius[e]||t.radii&&t.radii[e];return km(typeof n=="number"||typeof n=="string"?n:e)}return e}}}var Sm=memo(function({children:t,variant:n="fan",width:o,aspectRatio:r="4/5",size:s="md",hoverEffect:i="none",hovering:u,maxItems:a=3,shadow:l=false,cursor:c,outline:d,outlineColor:R,outlineWidth:f=3,outlineOffset:v=0,radius:k="md",label:y,labelAlign:w="center",css:b,className:m,...p}){let C=V(),N=vm(r)??4/5,x=typeof o=="string"?o:void 0,T=typeof o=="number"?o:x&&/px$/.test(x)?parseFloat(x):Em[s],P=Math.max(1,T/N),K=Children.toArray(t).filter(isValidElement).slice(0,a),W=K.length,S=Tm(n,W),F=K.map((q,Y)=>wm(n,W,Y)),I=q=>P*.6*F[q],g=q=>I(q)*N,h=0,A=0;for(let q=0;q<W;q++){let Y=g(q),le=I(q),ie=Math.max(Math.abs(S.base.ang[q]??0),Math.abs(S.exp.ang[q]??0)),be=Math.max(Math.abs(S.base.dx[q]??0),Math.abs(S.exp.dx[q]??0)),Pe=Math.max(Math.abs(S.base.dy[q]??0),Math.abs(S.exp.dy[q]??0)),Re=i==="expand"?kl[q]??1.08:i==="reveal"?El[q]??1.03:1,Ce=Rm(Y,le,ie),Ie=Ce.w*Re,Te=Ce.h*Re,we=be/100*Y*Re,he=Pe/100*le*Re;h=Math.max(h,Ie/2+we),A=Math.max(A,Te/2+he);}let H=Math.max(1,2*h),B=Math.max(1,2*A),M=Math.min(1,T/H,P/B),E=u===void 0?"pointer":"controlled",L=u?"true":void 0,z=css({display:"flex",flexDirection:"column",cursor:c||"auto",lineHeight:0,position:"relative",isolation:"isolate",gap:y?C.spacing.xs:0}),O=css({position:"relative",width:wl(typeof o=="number"?o:T)??(typeof o=="string"?o:void 0),height:wl(P)}),_=css({position:"absolute",inset:0,left:"50%",top:"50%",width:`${H}px`,height:`${B}px`,transform:`translate(-50%, -50%) scale(${M})`,transformOrigin:"center center"}),D=Im(k,C)??"0px",U=q=>{let Y=n==="fan"?`rotate(${S.base.ang[q]}deg) translate(${S.base.dx[q]}%, ${S.base.dy[q]}%)`:n==="slide"?`translate(${S.base.dx[q]}%, ${S.base.dy[q]}%) rotate(${S.base.ang[q]}deg)`:n==="domino"?`translate(0%, ${S.base.dy[q]}%)`:`translate(${S.base.dx[q]}%, ${S.base.dy[q]}%) rotate(${S.base.ang[q]}deg)`,le=n==="fan"?`rotate(${S.exp.ang[q]}deg) translate(${S.exp.dx[q]}%, ${S.exp.dy[q]}%)`:n==="slide"?`translate(${S.exp.dx[q]}%, ${S.exp.dy[q]}%) rotate(${S.exp.ang[q]}deg)`:n==="domino"?`translate(0%, ${S.exp.dy[q]}%)`:`translate(${S.exp.dx[q]}%, ${S.exp.dy[q]}%) rotate(${S.exp.ang[q]}deg)`,ie=i==="reveal"?"translate(0,0) rotate(0) scale(1)":`${Y} scale(1)`,be=i==="expand"?`${le} scale(${kl[q]??1.06})`:i==="reveal"?`${Y} scale(${El[q]??1.03})`:`${Y} scale(1)`;return css({position:"absolute",top:"50%",left:"50%",transform:`translate(-50%, -50%) ${ie}`,transition:"transform .22s ease",willChange:"transform",backfaceVisibility:"hidden",zIndex:n==="fan"&&q===1?10:q+1,lineHeight:0,boxShadow:l?"rgba(0,0,0,.12) 0 8px 20px":"none",outline:d?`${f}px solid ${R??C.surface.appBg}`:void 0,outlineOffset:d?v:void 0,pointerEvents:"auto",".plainframe-ui-image-stack-wrapper[data-hover-mode='pointer']:hover &":{transform:`translate(-50%, -50%) ${be}`},".plainframe-ui-image-stack-wrapper[data-hover-mode='controlled'][data-hovered='true'] &":{transform:`translate(-50%, -50%) ${be}`}})},X=q=>css({width:`${g(q)}px`,aspectRatio:`${N}`,position:"relative",overflow:"hidden",borderRadius:D,"--pfui-image-radius":D,"& > *":{position:"absolute",inset:"0",width:"100% !important",height:"100% !important",maxWidth:"none !important",maxHeight:"none !important",display:"block"},"& img, & picture img, & video, & canvas":{width:"100% !important",height:"100% !important",objectFit:"cover",display:"block"}});return jsxs(y?"figure":"div",{className:["plainframe-ui-image-stack-wrapper",m||""].join(" ").trim(),"data-hover-mode":E,"data-hovered":L,css:[z,b],tabIndex:-1,...p,children:[jsx("div",{className:"plainframe-ui-image-stack",css:O,children:jsx("div",{className:"plainframe-ui-image-stack-stage",css:_,children:K.map((q,Y)=>jsx("div",{className:"plainframe-ui-image-stack-item",css:U(Y),children:jsx("div",{className:"plainframe-ui-image-stack-frame",css:X(Y),children:q})},Y))})}),y&&jsx(Un,{as:"figcaption",variant:"caption",align:w,children:y})]})});var Il=e=>typeof e=="number"?`${e}px`:e,Sl={sm:{h:20,px:6,font:10},md:{h:24,px:7,font:12},lg:{h:28,px:8,font:14}};function Am(e,t){if(e==null){let n=t.radius?.xs??t.radius?.sm??3;return Il(n)}if(typeof e=="number")return `${e}px`;if(typeof e=="string"){let n=t.radius?.[e]??t.radii?.[e];if(n!=null)return Il(n)}return e}var Pm=forwardRef(function({children:t,variant:n="outlined",size:o="sm",radius:r,mono:s=true,uppercase:i=false,css:u,className:a="plainframe-ui-kbd",...l},c){let d=V(),R=xe(),f=Sl[o]??Sl.sm,v=Am(r,d),k={br:d.neutral[300],txt:d.neutral[800],inset:d.neutral[0]},y=css({all:"unset",boxSizing:"border-box",display:"inline-flex !important",alignItems:"center",justifyContent:"center",minHeight:n==="ghost"?void 0:`${f.h}px !important`,paddingInline:n==="ghost"?0:`${f.px}px !important`,paddingBlock:"0 !important",fontFamily:s?d.typography.fonts.mono:"inherit",fontSize:`${f.font}px !important`,fontWeight:600,letterSpacing:.2,textTransform:i?"uppercase":"none",borderRadius:v,userSelect:"none",verticalAlign:"baseline",position:"relative",outline:"none"}),w=css({"&&":{background:d.surface.subtleBg,border:"none",boxShadow:"none",color:k.txt}}),b=css({"&&":{background:"transparent",color:k.txt,border:"none",boxShadow:"none"}}),m=css({"&&":{background:d.surface.panelBg,color:k.txt,border:`1px solid ${k.br}`,boxShadow:`inset 0 1px 0 ${k.inset}AA, 0 1px 0 rgba(0,0,0,0.03)`}}),p=n==="subtle"?w:n==="ghost"?b:m;return jsx("kbd",{ref:c,className:a,css:[R(),y,p,u],...l,children:t})});var Bm=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,qs=({children:e,direction:t="up",duration:n=450,delay:o=0,on:r=false,onAnimationEnd:s,asChild:i=true,className:u,distance:a})=>{let c=Bm(a,t==="left"||t==="right"?"100vw":"100vh"),d=t==="left"?`-${c}`:t==="right"?c:"0",R=t==="up"?c:t==="down"?`-${c}`:"0",f={transform:r?"translate3d(0,0,0)":`translate3d(${d}, ${R}, 0)`,transition:`transform ${n}ms ease ${o}ms`,pointerEvents:r?"auto":"none",willChange:"transform",backfaceVisibility:"hidden"},v=y=>w=>{w.target===w.currentTarget&&w.propertyName==="transform"&&s?.(),y?.(w);};if(i&&isValidElement(e)){let y=e,w=y.props.css,b=Array.isArray(w)?[...w,f]:w?[w,f]:[f],m=["plainframe-ui-transition-slide",y.props.className||"",u||""].join(" ").trim(),p=y.props.onTransitionEnd;return cloneElement(y,{...y.props,css:b,className:m,onTransitionEnd:v(p)})}let k=css(f);return jsx("div",{className:["plainframe-ui-transition-slide",u||""].join(" ").trim(),css:k,onTransitionEnd:v(),children:e})};var Gs=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,Al=me.createContext(null),Pl=()=>{let e=useContext(Al);if(!e)throw new Error("Modal components must be used within <Modal>.");return e},_m=({children:e,open:t,defaultOpen:n,onOpenChange:o,lockScroll:r=true,closeOnEscape:s=true})=>{let[i,u]=useState(!!n),a=t??i,l=useCallback(d=>{t===void 0&&u(d),o?.(d);},[t,o]);useEffect(()=>{if(!a||!s)return;let d=R=>{R.key==="Escape"&&(R.stopPropagation(),l(false));};return window.addEventListener("keydown",d,true),()=>window.removeEventListener("keydown",d,true)},[a,s,l]);let c=useMemo(()=>({open:a,setOpen:l,lockScroll:r,closeOnEscape:s}),[a,l,r,s]);return jsx(Al.Provider,{value:c,children:e})},Nl=forwardRef(({asChild:e=true,children:t,className:n,css:o,...r},s)=>{let{setOpen:i}=Pl(),u=!!e&&me.isValidElement(t),a=useCallback(c=>{if(u){let d;me.isValidElement(t)&&(d=t.props.onClick),d?.(c);}r.onClick?.(c),c.defaultPrevented||i(true);},[u,t,r.onClick,i]),l=useCallback(c=>{if((c.key==="Enter"||c.key===" ")&&(c.preventDefault(),i(true)),u){let d;me.isValidElement(t)&&(d=t.props.onKeyDown),d?.(c);}r.onKeyDown?.(c);},[u,t,r.onKeyDown,i]);if(u){let c=t,d=c.props.css;return me.cloneElement(c,{...c.props||{},className:[c.props.className,n].filter(Boolean).join(" ")||void 0,css:[d,o].filter(Boolean),"aria-haspopup":"dialog",onClick:a,onKeyDown:l,...r})}return jsx("button",{ref:s,type:"button",className:n,css:o,"aria-haspopup":"dialog",onClick:a,onKeyDown:l,...r,children:t})});Nl.displayName="ModalTrigger";var Dl=forwardRef(({children:e,variant:t="inset",width:n=500,height:o="auto",radius:r="lg",padding:s="lg",backdrop:i=true,backdropBlur:u=true,backdropBlurDepth:a=5,closeOnClickAway:l=true,transitionVariant:c="fade",direction:d="up",transitionDuration:R=300,containerCss:f,backdropCss:v,className:k,...y},w)=>{let b=V(),{open:m,setOpen:p,lockScroll:C}=Pl(),N=me.useRef(null),x=me.useRef(null);me.useEffect(()=>{if(!m)return;x.current=document.activeElement;let S=setTimeout(()=>{let I=N.current;if(!I)return;let g=I.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');g.length>0?g[0].focus():I.focus();},100),F=I=>{let g=N.current;if(!g||!I.target)return;let h=I.target;if(!g.contains(h)){I.preventDefault();let A=g.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');A.length>0?A[0].focus():g.focus();}};return document.addEventListener("focusin",F,true),()=>{clearTimeout(S),document.removeEventListener("focusin",F,true),x.current&&typeof x.current.focus=="function"&&x.current.focus();}},[m]);let T=typeof b.spacing.sm=="number"?`${b.spacing.sm}px`:String(b.spacing.sm),P=css({width:"100%",height:Gs(o),maxWidth:t==="inset"?`min(${Gs(n)||"100%"}, calc(100% - ${T} * 2))`:Gs(n),maxHeight:t==="inset"?`calc(100% - ${T} * 2)`:"100%",margin:t==="inset"?T:void 0}),$=jsx(_n,{role:"dialog","aria-modal":"true",tabIndex:-1,className:["plainframe-ui-modal",k||""].join(" ").trim(),padding:s,radius:r,variant:"panel",css:[P,f],ref:S=>{N.current=S,typeof w=="function"?w(S):w&&(w.current=S);},...y,children:e}),K=c==="none"?$:c==="slide"?jsx(qs,{on:m,direction:d,duration:R,children:$}):c==="grow"?jsx(Ks,{initialScale:.75,on:m,duration:R,children:$}):jsx(Ws,{on:m,duration:R,children:$});if(!i)return jsx(Fragment,{children:K});let W=css(t==="full"?{alignItems:"start",justifyItems:"start",justifyContent:"start"}:{alignItems:"center",justifyItems:"center",justifyContent:"center"});return jsx(Es,{on:m,blur:u,blurDepth:a,onClickAway:l?()=>p(false):void 0,css:[W,v].filter(Boolean),contentCss:W,lockScroll:C,children:K})});Dl.displayName="ModalContent";var Jm={xs:{h:22,px:8,font:11,radius:8,gap:4,icon:12},sm:{h:28,px:10,font:13,radius:9,gap:6,icon:14},md:{h:34,px:12,font:14,radius:10,gap:8,icon:16}},Zm=({count:e,page:t,defaultPage:n=1,onChange:o,siblingCount:r=1,boundaryCount:s=1,disabled:i=false,showFirstLast:u=false,loop:a=false,size:l="sm",variant:c="subtle",gap:d,className:R,css:f})=>{let v=V(),k=xe(),y=t!==void 0,[w,b]=useState(n),m=Math.max(1,e),p=Sr(y?t:w,1,m),C=useCallback(L=>{let z=Sr(L,1,m);y||b(z),o?.(z);},[y,m,o]),N=useMemo(()=>Qm({count:m,page:p,siblingCount:r,boundaryCount:s}),[m,p,r,s]),x=Jm[l],T=v.palette?.primary?.[600],P=v.surface?.border,$=c==="subtle"?v.surface.subtleHover:c==="ghost"?v.surface?.subtleBg:v.surface.panelHover,K=v.text?.primary??"#111",W=c==="subtle"?v.surface?.subtleBg:"transparent",S=css({display:"inline-flex",alignItems:"center",gap:d??x.gap,flexWrap:"wrap",borderRadius:v.radius?.md,background:W,padding:c==="subtle"?v.spacing.xs:0,userSelect:"none"},...Array.isArray(f)?f:f?[f]:[]),F=css({minWidth:x.h,height:x.h,padding:`0 ${x.px}px`,borderRadius:x.radius,fontSize:x.font,lineHeight:1,border:"1px solid transparent",background:"transparent",color:K,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:i?"not-allowed":"pointer",outline:"none",transition:"all .16s ease !important","&[aria-disabled='true']":{opacity:.55,pointerEvents:"none",cursor:"not-allowed"},fontWeight:600}),I=css({width:x.h,minWidth:x.h,height:x.h,padding:0}),g=(L=false)=>css([F,k({color:L?"primary":"neutral"}),c==="outlined"?L?{background:T,color:v.text.onColors.primary,borderColor:T}:{background:"transparent",borderColor:P,":hover":{background:$}}:c==="ghost"?L?{background:T,color:v.text.onColors.primary}:{":hover":{background:$}}:L?{background:T,color:v.text.onColors.primary,borderColor:T}:{":hover":{background:$}}]),h=useCallback(()=>C(1),[C]),A=useCallback(()=>C(m),[C,m]),H=useCallback(()=>{p===1?a&&C(m):C(p-1);},[p,a,m,C]),B=useCallback(()=>{p===m?a&&C(1):C(p+1);},[p,a,m,C]),M=i||p===1&&!a,E=i||p===m&&!a;return jsxs("nav",{"aria-label":"Pagination",className:["plainframe-ui-pagination",R||""].join(" ").trim(),css:S,onKeyDown:L=>{i||(L.key==="ArrowLeft"&&(L.preventDefault(),H()),L.key==="ArrowRight"&&(L.preventDefault(),B()),L.key==="Home"&&(L.preventDefault(),h()),L.key==="End"&&(L.preventDefault(),A()));},children:[u&&jsx("button",{className:"plainframe-ui-pagination-first-button",type:"button","aria-label":"First page","aria-disabled":M,disabled:M,css:[g(false),I],onClick:h,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronFirst,{strokeWidth:3,css:{width:x.icon,height:x.icon}})}),jsx("button",{className:"plainframe-ui-pagination-previous-button",type:"button","aria-label":"Previous page","aria-disabled":M,disabled:M,css:[g(false),I],onClick:H,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronLeft,{strokeWidth:3,css:{width:x.icon,height:x.icon}})}),N.map((L,z)=>typeof L=="number"?jsx("button",{className:"plainframe-ui-pagination-page-button",type:"button","aria-label":L===p?`Page ${L}, current page`:`Go to page ${L}`,"aria-current":L===p?"page":void 0,css:g(L===p),onClick:()=>C(L),children:L},L):jsx("span",{className:"plainframe-ui-pagination-ellipsis","aria-hidden":true,css:css([F,k(),{borderColor:"transparent",cursor:"default",opacity:.8,padding:0,minWidth:x.h}]),children:"\u2026"},`e${z}`)),jsx("button",{className:"plainframe-ui-pagination-next-button",type:"button","aria-label":"Next page","aria-disabled":E,disabled:E,css:[g(false),I],onClick:B,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronRight,{strokeWidth:3,css:{width:x.icon,height:x.icon}})}),u&&jsx("button",{className:"plainframe-ui-pagination-last-button",type:"button","aria-label":"Last page","aria-disabled":E,disabled:E,css:[g(false),I],onClick:A,style:{backgroundColor:c==="subtle"?v.surface?.panelBg:void 0},children:jsx(ChevronLast,{strokeWidth:3,css:{width:x.icon,height:x.icon}})})]})};function Sr(e,t,n){return Math.max(t,Math.min(n,e))}function Qm({count:e,page:t,siblingCount:n,boundaryCount:o}){if(e<=0)return [1];let r=2*o+2*n+3;if(e<=r)return Ir(1,e);let s=Ir(1,Math.min(o,e)),i=Ir(Math.max(e-o+1,o+1),e),u=Sr(t-n,o+2,Math.max(o+2,e-o-2*n-1)),a=Sr(t+n,Math.min(o+2+2*n,e-o-1),e-o-1),l=[],c=d=>{let R=l[l.length-1];R!==d&&(R==="ellipsis"&&d==="ellipsis"||l.push(d));};return s.forEach(c),u>o+2?c("ellipsis"):o+1<u&&c(o+1),Ir(u,a).forEach(c),a<e-o-1?c("ellipsis"):e-o>a&&c(e-o),i.forEach(c),l}function Ir(e,t){if(t<e)return [];let n=[];for(let o=e;o<=t;o++)n.push(o);return n}var of=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,rf=me.memo(({children:e,direction:t="left",width:n,variant:o="solid",className:r,css:s})=>{let i=V(),u=i.surface.border,a=css({display:"inline-block",boxSizing:"border-box",maxWidth:of(n,"fit-content"),width:"100%",padding:`0 ${i.spacing.md}`,borderLeft:t==="left"?`3px ${o==="dashed"?"dashed":"solid"} ${u}`:"none",borderRight:t==="right"?`3px ${o==="dashed"?"dashed":"solid"} ${u}`:"none"},...Array.isArray(s)?s:s?[s]:[]);return jsx("div",{className:r??"plainframe-ui-quote",css:a,children:e})});var $l=createContext(null),cf=()=>{let e=useContext($l);if(!e)throw new Error("RadioItem must be used within a RadioGroup");return e},uf=e=>{let t=e?.horizontal??"left",n=e?.vertical??"center";return t==="center"&&n==="center"?{horizontal:"left",vertical:"center"}:{horizontal:t,vertical:n}},df=({value:e,defaultValue:t,onChange:n,disabled:o=false,size:r="md",direction:s="horizontal",variant:i="filled",className:u,children:a,anchorOrigin:l,css:c})=>{let d=V(),R=e!==void 0&&n!==void 0,[f,v]=useState(t),k=R?e:f,y=useRef([]),[w,b]=useState(0),m=()=>b(F=>F+1),p=useCallback(F=>{R||v(F),n?.(F);},[R,n]),C=useCallback(F=>(y.current.push(F),m(),y.current.length-1),[]),N=useCallback((F,I)=>{let g=y.current[F];g&&(y.current[F]={...g,...I},m());},[]),x=()=>y.current.map((F,I)=>({it:F,i:I})).filter(({it:F})=>F.ref&&!F.disabled).map(({i:F})=>F),T=useCallback((F,I)=>{let g=x();if(!g.length)return;let h=Math.max(0,g.indexOf(F)),A=g[(h+I+g.length)%g.length],H=y.current[A]?.ref;if(H){H.focus();let B=y.current[A]?.value;B!==void 0&&p(B);}},[p]),P=useCallback(F=>{let I=x();if(!I.length)return;let g=F==="first"?I[0]:I[I.length-1],h=y.current[g]?.ref;if(h){h.focus();let A=y.current[g]?.value;A!==void 0&&p(A);}},[p]),$=useMemo(()=>{let F=y.current.filter(g=>g.ref&&!g.disabled);return F.length?F.some(g=>g.value===k)?k:F[0]?.value:void 0},[k,w]),K=useMemo(()=>({selected:k,setSelected:p,disabled:o,size:r,direction:s,variant:i,register:C,update:N,moveFocusBy:T,moveToEdge:P,focusValue:$,theme:d,anchorOrigin:uf(l)}),[k,p,o,r,s,i,C,N,T,P,$,d,l]),W=css({width:"fit-content"}),S=css({display:"flex",flexDirection:s==="vertical"?"column":"row",gap:d.spacing.sm,width:"fit-content",alignItems:s==="vertical"?"stretch":"center"});return jsx("div",{className:u??"plainframe-ui-radio-group",css:[W,c],children:jsx("div",{className:"plainframe-ui-radio-row",role:"radiogroup","aria-disabled":o||void 0,css:S,children:jsx($l.Provider,{value:K,children:a})})})},pf=({value:e,disabled:t=false,className:n,children:o,css:r})=>{let{selected:s,setSelected:i,disabled:u,size:a,register:l,update:c,moveFocusBy:d,moveToEdge:R,theme:f,variant:v,focusValue:k,anchorOrigin:y}=cf(),w=u||t,b=s===e,m=["sm","md","lg"].includes(a)?a:"md",p=m==="sm"?16:m==="lg"?24:20,C=O=>f.palette?.primary?.[O],N=C(600),x=C(100),T=f.neutral[300],P=f.palette.primary[300],$=f.text.onColors?.primary??f.neutral[0],K="transparent",W=P,S=$;v==="soft"?(K=x,W=null,S=N):v==="outlined"?(K=C(50),W=P,S=N):(K=f.neutral[200],W="transparent",S=$),b&&(v==="outlined"?(K=x,W=P,S=N):v==="filled"?(K=N,W=null,S=$):(K=x,W=null,S=N));let F=v==="filled"?T:f.palette.primary[100],I=useRef(null),g=useRef(-1);useEffect(()=>{g.current=l({ref:I.current,value:e,disabled:!!w});},[l]),useEffect(()=>{c(g.current,{ref:I.current,value:e,disabled:!!w});},[c,w,e]);let h=css({border:"none",background:"transparent",display:"inline-grid",gridTemplateColumns:"auto auto auto",gridTemplateRows:"auto auto auto",columnGap:y.vertical==="center"?f.spacing.sm:0,rowGap:y.vertical==="center"?0:f.spacing.xs,justifyItems:"center",alignItems:"center",opacity:w?.5:1,borderRadius:f.radius.md,cursor:w?"not-allowed":"pointer",transition:"transform .16s ease",fontSize:f.typography.sizes.sm,fontWeight:500,padding:f.spacing.sm,"&:hover .plainframe-ui-radio-circle-outer":w||b?{}:{background:F,boxShadow:v==="outlined"?`inset 0 0 0 ${f.componentHeights.border} ${P}`:"none"},"&:focus-visible .plainframe-ui-radio-circle-outer":{outline:"none"}}),A=css({width:p,height:p,minWidth:p,minHeight:p,borderRadius:f.radius.full,background:K,boxShadow:W?`inset 0 0 0 ${f.componentHeights.border} ${W}`:"none",transition:"background-color .16s ease, box-shadow .16s ease, filter .16s ease",display:"inline-flex",alignItems:"center",justifyContent:"center"}),H=css({width:b?p*.45:0,height:b?p*.45:0,borderRadius:f.radius.full,background:b?S:"transparent",transition:"all 250ms cubic-bezier(.72,1.6,.32,1)",transform:b?"scale(1)":"scale(0.6)",opacity:b?1:0}),B=css({gridColumn:2,gridRow:2,minWidth:0,maxWidth:"100%",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",textAlign:"left"}),M=(()=>{let O=y.horizontal,_=y.vertical;return _==="center"?{col:O==="right"?3:1,row:2}:{col:2,row:_==="top"?1:3}})(),L=!w&&k===e?0:-1,z=xe();return jsxs("button",{ref:I,className:n??"plainframe-ui-radio-item",type:"button",role:"radio","aria-checked":b,"aria-disabled":w||void 0,disabled:w,tabIndex:L,onClick:()=>{w||i(e);},onKeyDown:O=>{w||(O.key==="Enter"||O.key===" "?(O.preventDefault(),i(e)):O.key==="ArrowRight"||O.key==="ArrowDown"?(O.preventDefault(),d(g.current,1)):O.key==="ArrowLeft"||O.key==="ArrowUp"?(O.preventDefault(),d(g.current,-1)):O.key==="Home"?(O.preventDefault(),R("first")):O.key==="End"&&(O.preventDefault(),R("last")));},css:[h,z({color:"primary"}),r],children:[jsx("span",{className:"plainframe-ui-radio-circle-outer",css:[A,css({gridColumn:M.col,gridRow:M.row})],children:jsx("span",{className:"plainframe-ui-radio-circle-dot",css:H})}),o!=null&&jsx("span",{className:"plainframe-ui-radio-label",css:B,children:o})]})};var hf=({children:e,duration:t=400,delay:n=0,on:o=false,initialAngle:r=360,finalAngle:s=0,onAnimationEnd:i,asChild:u=true,className:a})=>{let l={transform:`rotate(${o?s:r}deg)`,transition:`transform ${t}ms ease ${n}ms`,pointerEvents:o?"auto":"none",transformOrigin:"center center",willChange:"transform",backfaceVisibility:"hidden"},c=R=>f=>{f.target===f.currentTarget&&f.propertyName==="transform"&&i?.(),R?.(f);};if(u&&isValidElement(e)){let R=e,f=R.props.css,v=Array.isArray(f)?[...f,l]:f?[f,l]:[l],k=["plainframe-ui-transition-rotate",R.props.className||"",a||""].join(" ").trim(),y=R.props.onTransitionEnd;return cloneElement(R,{...R.props,css:v,className:k,onTransitionEnd:c(y)})}let d=css(l);return jsx("div",{className:["plainframe-ui-transition-rotate",a||""].join(" ").trim(),css:d,onTransitionEnd:c(),children:e})};var Mo=(...e)=>e.filter(Boolean).flat(),Mr=e=>me.isValidElement(e),Fo=(e,t)=>{if(!Mr(e))return false;let n=e.type,o=(n?.displayName??n?.name??"")||"";return typeof o=="string"&&t.includes(o)},vf=(e,t)=>{let n=e.props,o=n.value;if(typeof o<"u")return o;let r=n["data-value"];return typeof r<"u"?r:t};function Cf({value:e,defaultValue:t,onChange:n,label:o,placeholder:r="Select\u2026",startIcon:s,endIcon:i,disabled:u,size:a="md",variant:l="subtle",fullWidth:c,width:d=200,menuAlign:R="left",menuWidth:f,menuMaxHeight:v=280,wrapperCss:k,labelCss:y,triggerCss:w,menuCss:b,optionCss:m,children:p,className:C,menuSize:N="md",triggerRender:x}){let T=V(),P=xe(),$=me.useId(),K=`${$}-label`,W=`${$}-menu`,S={sm:{minHeight:T.componentHeights.sm,radius:T.radius.sm},md:{minHeight:T.componentHeights.md,radius:T.radius.md},lg:{minHeight:T.componentHeights.lg,radius:T.radius.md}},F=S[a]||S.md,[I,g]=me.useState(false),h=j=>g(!!j),A=typeof e<"u",H=Array.isArray(e)||Array.isArray(t),[B,M]=me.useState(typeof t<"u"?t:H?[]:void 0),E=A?e:B,L=j=>{A||M(j),n?.(j);},z=me.Children.toArray(p).filter(Mr),O,_=[];for(let j of z)if(Fo(j,["MenuRadioGroup"]))O=j;else if(Fo(j,["MenuCheckboxGroup"])){let ue=j.props.children,de=ue?me.Children.toArray(ue).filter(Mr):[];_.push(...de);}else _.push(j);let U=(O?me.Children.toArray(O.props.children).filter(Mr):_).filter(j=>!Fo(j,["MenuLabel","MenuSeparator"])).map((j,ue)=>{let de=j.props,fe=vf(j,ue),ze=de.children,Oe=de.label,st=typeof Oe=="string"||typeof Oe=="number"?String(Oe):typeof ze=="string"||typeof ze=="number"?String(ze):void 0,Ye=de.role??"",yt=Fo(j,["MenuCheckboxItem"]),tn=Fo(j,["MenuRadioItem"]),nn=yt||Ye==="menuitemcheckbox"||typeof de.onCheckedChange=="function"||typeof de.checked=="boolean"||typeof de.defaultChecked=="boolean",Sn=!nn&&(tn||Ye==="menuitemradio"||!!O),on=typeof de.children>"u"?st??String(fe):de.children;return {el:j,key:j.key??ue,value:fe,labelText:st,title:de.title,description:de.description,nodeForTrigger:on,disabled:!!de.disabled,className:de.className,itemCss:de.css,startIcon:de.startIcon,endIcon:de.endIcon,isCheckbox:nn,isRadio:Sn}}),X=U.some(j=>j.isCheckbox),ae=U.length>0&&U.every(j=>j.isRadio),Y=(H||X)&&!ae,le=me.useCallback(j=>Y?(Array.isArray(E)?E:[]).some(de=>Object.is(de,j)):Object.is(E,j),[E,Y]),ie=me.useMemo(()=>{if(Y){let ue=Array.isArray(E)?E:[];return U.filter(fe=>ue.some(ze=>Object.is(ze,fe.value))).map(fe=>typeof fe.nodeForTrigger=="string"||typeof fe.nodeForTrigger=="number"?String(fe.nodeForTrigger):fe.nodeForTrigger)}let j=U.find(ue=>Object.is(ue.value,E));if(j)return typeof j.nodeForTrigger=="string"||typeof j.nodeForTrigger=="number"?String(j.nodeForTrigger):j.nodeForTrigger},[E,Y,U]),be=j=>{u||(Object.is(j,E)||L(j),h(false));},Pe=j=>{u||Object.is(j,E)||L(j);},Re=j=>{if(u)return;let ue=Array.isArray(E)?E:[],fe=ue.some(ze=>Object.is(ze,j))?ue.filter(ze=>!Object.is(ze,j)):[...ue,j];L(fe);},Ce={position:"relative",width:c?"100%":typeof d=="number"?`${d}px`:d,maxWidth:"100%"},Ie={width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:F.radius,minHeight:F.minHeight,fontSize:T.typography.sizes.sm,padding:`0 ${typeof T.spacing.sm=="number"?`${T.spacing.sm}px`:T.spacing.sm} 0 ${typeof T.spacing.md=="number"?`${T.spacing.md}px`:T.spacing.md}`,fontWeight:500,lineHeight:1,userSelect:"none",cursor:u?"not-allowed":"pointer",border:"none",outline:"none",transition:"box-shadow .16s ease",color:T.text.primary,background:"transparent",whiteSpace:"nowrap"},Te=l==="subtle"?{background:T.surface.subtleBg}:l==="outlined"?{background:T.surface.panelBg,border:`1px solid ${T.surface.border}`}:{background:"transparent"},we={flex:1,minWidth:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"flex",alignItems:"center",textAlign:"left",gap:8},he={flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},je={flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:500,display:"block"},Z=jsx(ChevronsUpDown,{size:16,css:css({color:T.text.secondary,flexShrink:0}),strokeWidth:2.5,className:"plainframe-ui-select-chevron"}),Ee=()=>{if(x)return x(ie);if(Array.isArray(ie)){let ue=ie.map(fe=>typeof fe=="string"?fe:"").filter(Boolean),de=ue.length?ue.join(", "):String(r);return jsxs(Fragment,{children:[s&&jsx("span",{css:css(he),children:s}),jsx("span",{css:css(je),title:de,children:de})]})}let j=ie??String(r);return jsxs(Fragment,{children:[s&&jsx("span",{css:css(he),children:s}),jsx("span",{css:css(je),title:typeof j=="string"?j:void 0,children:j})]})},Q={left:"start",center:"center",right:"end"},ee=j=>{u||(j.key==="ArrowDown"||j.key==="ArrowUp"||j.key==="Enter"||j.key===" ")&&(j.preventDefault(),h(true));},se={flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",marginRight:8},pe={flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",marginLeft:8},Se={flex:"1 1 auto",minWidth:0,display:"flex",flexDirection:"column",gap:2},Ne={fontWeight:500,overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word"},J={fontSize:"0.875em",color:T.text.secondary,overflow:"hidden",overflowWrap:"break-word",wordBreak:"break-word",fontWeight:400},oe=(j,ue)=>{let de=j.title||j.description?jsxs("span",{className:"plainframe-ui-select-option-content",css:css(Se),children:[jsx("span",{className:"plainframe-ui-select-option-title",css:css(Ne),children:j.title??ue}),j.description&&jsx("span",{className:"plainframe-ui-select-option-description",css:css(J),children:j.description})]}):jsx("span",{className:"plainframe-ui-select-option-text",css:css(Ne),children:ue});return jsxs(Fragment,{children:[j.startIcon&&jsx("span",{css:css(se),children:j.startIcon}),de,j.endIcon&&jsx("span",{css:css(pe),children:j.endIcon})]})},re=(j,ue)=>{let de=j.value,fe=le(de),ze=Mo(m,j.itemCss),Oe=j.el.props,st=typeof Oe.children>"u"?j.labelText??String(de):Oe.children;if(Y||j.isCheckbox)return me.cloneElement(j.el,{key:j.key??ue,disabled:u||j.disabled,checked:!!Oe.checked||fe,onCheckedChange:()=>Re(de),closeOnSelect:false,css:ze,className:`plainframe-ui-select-option ${j.className||""}`.trim(),children:oe(j,st)});if(j.isRadio)return me.cloneElement(j.el,{key:j.key??ue,value:de,disabled:u||j.disabled,closeOnSelect:false,css:ze,className:`plainframe-ui-select-option ${j.className||""}`.trim(),children:oe(j,st)});let Ye=yt=>{yt?.preventDefault?.(),be(de);};return me.cloneElement(j.el,{key:j.key??ue,role:"menuitem","aria-checked":void 0,"aria-selected":fe||void 0,"aria-disabled":u||j.disabled||void 0,disabled:u||j.disabled,closeOnSelect:true,onSelect:Ye,onClick:Ye,css:ze,className:`plainframe-ui-select-option ${j.className||""}`.trim(),children:oe(j,st)})},qe=(()=>{let j=!Y&&(O||U.length>0&&U.every(ue=>ue.isRadio));return O?me.cloneElement(O,{key:"controlled-inner-group",value:E,onValueChange:ue=>Pe(ue),children:U.map(re)}):j?jsx(ir,{value:E,onValueChange:ue=>Pe(ue),children:U.map(re)}):U.map(re)})();return jsxs("div",{css:Mo(Ce,k),className:["plainframe-ui-select-wrapper",C||""].join(" ").trim(),children:[o&&jsx("div",{id:K,className:"plainframe-ui-select-label",css:Mo({marginBottom:6,fontSize:T.typography.sizes.sm,fontWeight:500,color:T.text.secondary},y),children:o}),jsxs($n,{size:N,open:I,onOpenChange:h,children:[jsx(zn,{width:"100%",asChild:true,children:jsxs("button",{type:"button",disabled:u,"aria-haspopup":"menu","aria-expanded":I||void 0,"aria-controls":W,"aria-labelledby":o?K:void 0,onKeyDown:ee,onClick:()=>h(!I),className:"plainframe-ui-select-trigger",css:Mo(css(Ie),css(Te),w,P()),children:[jsx("div",{className:"plainframe-ui-select-trigger-content",css:css(we),children:Ee()}),i??Z]})}),jsx(hn,{id:W,gap:"xs",align:Q[R],sameWidth:f==null,width:f??d,className:"plainframe-ui-select-menu",css:Mo({maxHeight:typeof v=="number"?`${v}px`:v,overflowY:"auto"},b),children:qe})]})]})}var Zs=(e,t)=>e==null?t:typeof e=="number"?`${e}px`:e,Tf=keyframes`
|
|
14
14
|
0% { background-position: -200% 0; }
|
|
15
15
|
100% { background-position: 200% 0; }
|
|
16
16
|
`,wf=keyframes`
|
|
17
17
|
0% { opacity: .6; }
|
|
18
18
|
50% { opacity: 1; }
|
|
19
19
|
100% { opacity: .6; }
|
|
20
|
-
`,Ef=me.memo(({isLoading:e=true,radius:t,animation:n="wave",children:o,width:r,height:s,style:i,className:u,css:a})=>{let l=V(),c=l.surface.subtleBg,d=l.neutral[200],R=Zs(t??l.radius?.lg??8,"8px"),f=css({position:"relative",display:"inline-block",verticalAlign:"middle",width:r==null?"fit-content":Zs(r,String(r)),height:s==null?"fit-content":Zs(s,String(s))}),v=css({position:"absolute",inset:0,borderRadius:R,pointerEvents:"none",background:c,willChange:"background-position, opacity"}),k=n==="wave"?css({backgroundImage:`linear-gradient(90deg, ${c} 25%, ${d} 50%, ${c} 75%)`,backgroundSize:"200% 100%",animation:`${Tf} 1.4s ease-in-out infinite`}):n==="pulse"?css({animation:`${wf} 1.2s ease-in-out infinite`}):css({}),x=css({visibility:e?"hidden":"visible",display:"inline-block",borderRadius:R});return jsxs("span",{className:["plainframe-ui-skeleton",u||""].join(" ").trim(),css:[f,a],style:i,"aria-busy":e||void 0,children:[e&&jsx("span",{"aria-hidden":true,css:[v,k]}),jsx("span",{className:"plainframe-ui-skeleton-content",css:x,children:o})]})});var Ar=8,Qs=20,Xn=4,_l=({value:e,defaultValue:t,onChange:n,min:o=0,max:r=100,step:s=1,disabled:i=false,rounded:u=false,showValue:a=false,showStepper:l=false,label:c,fullWidth:d=false,css:R,trackCss:f,thumbCss:v,direction:k="horizontal",className:x,...w})=>{let b=V(),m=k==="vertical",p=useRef(null),[C,N]=useState(false),[y,T]=useState(false),[P,$]=useState(false),K=e!==void 0,W=useCallback(Z=>Math.min(r,Math.max(o,Z)),[o,r]),S=useCallback(Z=>W(Math.round((Z-o)/s)*s+o),[o,s,W]),[F,I]=useState(()=>S(t??o)),g=K?S(e):F;useEffect(()=>{K||I(Z=>S(Z));},[o,r,s,K,S]);let h=b.palette.primary[600],A=b.surface.panelBg,H=b.neutral[500],B=useMemo(()=>{let Z=r-o||1;return (g-o)/Z*100},[g,o,r]),M=useCallback(Z=>{K||I(Z),n?.(Z);},[K,n]),E=useCallback((Z,Ee)=>{let Q=p.current;if(!Q)return g;let ee=Q.getBoundingClientRect(),ae=m?(ee.bottom-Ee)/ee.height:(Z-ee.left)/ee.width;return ae=Math.max(0,Math.min(1,ae)),S(o+ae*(r-o))},[g,m,o,r,S]),L=useCallback(Z=>{i||(Z.currentTarget.setPointerCapture?.(Z.pointerId),M(E(Z.clientX,Z.clientY)),N(true));},[i,M,E]),z=useCallback(Z=>{i||(Z.currentTarget.setPointerCapture?.(Z.pointerId),N(true));},[i]),O=useCallback(Z=>{!C||i||M(E(Z.clientX,Z.clientY));},[C,i,M,E]),_=useCallback(()=>N(false),[]);useEffect(()=>{if(C)return window.addEventListener("pointermove",O),window.addEventListener("pointerup",_),window.addEventListener("pointercancel",_),()=>{window.removeEventListener("pointermove",O),window.removeEventListener("pointerup",_),window.removeEventListener("pointercancel",_);}},[C,O,_]);let D=useCallback(Z=>{if(i)return;let Ee=g;if(Z.key==="ArrowRight"||Z.key==="ArrowUp")Ee=g+s;else if(Z.key==="ArrowLeft"||Z.key==="ArrowDown")Ee=g-s;else if(Z.key==="Home")Ee=o;else if(Z.key==="End")Ee=r;else return;Z.preventDefault(),M(S(Ee));},[i,g,s,o,r,M,S]),U=C||y||P,X=(y||C)&&!i,se=`color-mix(in srgb, ${h} 25%, transparent)`,q=css({display:"flex",flexDirection:m?"row":"column",alignItems:"center",padding:m?"1rem":"1rem 0",width:m?"fit-content":d?"100%":350,height:m?250:"auto",boxSizing:"border-box"}),Y=css({marginBottom:m?0:4,marginRight:m?8:0,color:b.text.primary,userSelect:"none"}),le=css({position:"relative",width:m?Ar:"100%",height:m?"100%":Ar,backgroundColor:b.neutral[200],borderRadius:b.radius.xs,cursor:i?"not-allowed":"pointer",touchAction:"none",outline:"none",overflow:"visible"}),ie=css({position:"absolute",left:m?"50%":0,top:m?2:"50%",transform:m?"translateX(-50%)":"translateY(-50%)",width:m?Ar:`calc(100% - ${Xn*.5}px)`,height:m?`calc(100% - ${Xn*.5}px)`:Ar,display:"flex",flexDirection:m?"column":"row",justifyContent:"space-between",alignItems:"center",pointerEvents:"none",zIndex:0,padding:0}),be=css({width:Xn,height:Xn,borderRadius:"50%",backgroundColor:b.text.primary,opacity:.15,flex:"0 0 auto"}),Pe=css({position:"absolute",left:0,top:m?`calc(${100-B}% )`:0,bottom:0,width:m?"100%":`${B}%`,height:m?`${B}%`:"100%",backgroundColor:i?H:h,borderRadius:b.radius.sm,zIndex:1,transition:"none",pointerEvents:"none"}),Re=css({position:"absolute",appearance:"none",WebkitAppearance:"none",background:A,width:Qs,height:Qs,left:m?"50%":`calc(${B}% - ${Qs/2}px)`,bottom:m?`${B}%`:"auto",top:m?"auto":"50%",transform:m?"translate(-50%, 50%)":"translateY(-50%)",borderRadius:u?b.radius.full:`calc(${b.radius.md} * 0.75)`,border:`2px solid ${i?H:h}`,cursor:i?"not-allowed":"grab",zIndex:5,padding:0,lineHeight:0,transition:"box-shadow .16s ease",boxShadow:X?`0 0 0 ${C?4:8}px ${se}`:`0 0 0 0px ${se}`,"&:focus-visible":{boxShadow:`0 0 0 4px ${se}`,outline:"none"}}),Ce=css({position:"relative",backgroundColor:"transparent",padding:"1rem",top:m?-7.5:-28,left:m?9:-7.5,pointerEvents:"none"}),Ie=css({position:"absolute",top:m?`calc(50% - ${Xn*2.5}px)`:0,left:m?"auto":`calc(50% - ${Xn*3}px)`,transform:m?"translateY(-50%)":"translateX(-50%)",backgroundColor:b.neutral[800],color:b.neutral[0],padding:"0.6rem 0.25rem",fontSize:12,borderRadius:6,whiteSpace:"nowrap",pointerEvents:"auto",zIndex:6,"&::after":{content:'""',position:"absolute",width:6,height:6,backgroundColor:b.neutral[800],borderRadius:2,bottom:m?"50%":-2,left:m?-2.5:"50%",transform:m?"translateY(50%) rotate(45deg)":"translateX(-50%) rotate(45deg)"}}),Te=R,we=f,he=v,je=Math.floor((r-o)/s)+1;return jsxs("div",{...w,role:"group","aria-label":c,className:["plainframe-ui-slider",x||""].join(" ").trim(),css:[q,Te],"data-orientation":m?"vertical":"horizontal",children:[c&&!m&&jsx("div",{className:"plainframe-ui-slider-label",css:Y,children:c}),jsxs("div",{ref:p,className:"plainframe-ui-slider-track",css:[le,we],onPointerDown:L,children:[l&&s>0&&jsx("div",{className:"plainframe-ui-slider-stepper",css:ie,children:Array.from({length:je}).map((Z,Ee)=>jsx("span",{className:"plainframe-ui-slider-step-dot",css:be},Ee))}),jsx("div",{className:"plainframe-ui-slider-fill",css:Pe}),jsxs("button",{type:"button",role:"slider","aria-valuemin":o,"aria-valuemax":r,"aria-valuenow":g,"aria-disabled":i||void 0,tabIndex:i?-1:0,onKeyDown:D,onPointerDown:z,onPointerUp:_,onPointerCancel:_,onMouseEnter:()=>T(true),onMouseLeave:()=>T(false),className:"plainframe-ui-slider-thumb",css:[Re,he],children:[jsx(AnimatePresence,{children:U&&jsx(motion.div,{className:"plainframe-ui-slider-tooltip-anchor",css:Ce,initial:{opacity:0,scale:.9,y:m?0:4,x:m?4:0},animate:{opacity:1,scale:1,y:0,x:0},exit:{opacity:0,scale:.9,y:m?0:4,x:m?4:0},transition:{duration:.16,ease:"easeOut"},children:jsx(motion.div,{className:"plainframe-ui-slider-tooltip",css:Ie,initial:{opacity:0,y:m?0:4,x:m?-4:0},animate:{opacity:1,y:0,x:0},exit:{opacity:0,y:m?0:4,x:m?-4:0},transition:{duration:.16,ease:"easeOut"},onMouseEnter:()=>$(true),onMouseLeave:()=>$(false),children:g})})}),null]})]}),c&&m&&jsx("div",{className:"plainframe-ui-slider-label",css:[Y,{marginLeft:8}],children:c})]})};_l.displayName="Slider";var Af=e=>css({"--pf-ease":"cubic-bezier(.4,0,.2,1)",display:"flex",flexDirection:"column",maxWidth:e==null?"100%":typeof e=="number"?`${e}px`:e,width:"100%"}),Pf=css({display:"flex",alignItems:"center",width:"100%",gap:12}),Nf=e=>css({display:"flex",minWidth:0,flex:"0 0 auto",alignItems:"center",justifyContent:"center",gap:8,flexDirection:e==="left"?"row-reverse":e==="right"?"row":e==="top"?"column-reverse":"column"}),Df=e=>css({position:"relative",flex:"1 1 24px",minWidth:6,height:2,borderRadius:1,background:e,overflow:"hidden"}),Hf=(e,t,n)=>css({position:"absolute",inset:0,transformOrigin:"left center",transform:`scaleX(${e})`,background:t,transition:n?"all .28s var(--pf-ease)":"none",willChange:"transform"}),Lf=css({flex:"1 1 24px",minWidth:2,display:"flex",alignItems:"center",justifyContent:"center"}),Bf=(e,t,n,o,r)=>css({position:"relative",appearance:"none",border:`2px solid ${o}`,width:e,height:e,minWidth:e,minHeight:e,borderRadius:r,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",userSelect:"none",background:t,color:n,transition:"all .22s var(--pf-ease)","&:disabled, &[aria-disabled='true']":{opacity:.55,cursor:"not-allowed"}}),$f=css({fontWeight:700,fontSize:14,lineHeight:1,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis"}),jl=e=>css({position:"absolute",inset:0,display:"inline-flex",alignItems:"center",justifyContent:"center",transform:`scale(${e?1:.3})`,opacity:e?1:0,transition:"background .22s var(--pf-ease), transform .16s var(--pf-ease), opacity .16s var(--pf-ease)",willChange:"transform, opacity"}),zf=(e,t,n,o,r)=>css({fontSize:14,color:e?t:n,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",transition:"all .16s ease",textAlign:"center",fontWeight:700,margin:`0 ${r}px`,borderRadius:o}),Of=me.memo(function({i:t,item:n,size:o,tokens:r,variant:s,titlePosition:i,isActive:u,completed:a,disabled:l,connectorColor:c,showConnector:d,animate:R,separator:f,canGoToIndex:v,setSelected:k}){let x=V(),w=xe(),{MAIN:b,ACTIVE_TEXT:m,ACTIVE_TEXT_OUTLINED:p,COMPLETE_BG:C,COMPLETE_FG:N,UPCOMING_BG_FILLED:y,UPCOMING_OUTLINE:T,UPCOMING_FG:P}=r,$="transparent",K=P,W=T;s==="subtle"?a?($=C,K=N,W=C):u?($=b,K=m,W=b):($=y,K=P,W=y):a?($=C,K=N,W=C):u?($="transparent",K=p,W=b):($="transparent",K=P,W=T);let S=n.label,F=n.icon??jsx("span",{css:$f,children:typeof S=="number"?S:t+1}),I=n.completedIcon??jsx(Check,{strokeWidth:3.25,size:16});return jsxs(Fragment,{children:[jsxs("div",{className:"plainframe-ui-step",css:Nf(i),children:[jsxs("button",{className:"plainframe-ui-step-node",css:[Bf(o,$,K,W,String(x.radius.full)),!l&&w({color:u?"primary":"neutral"})],onClick:()=>{!l&&v(t)&&k(n.value);},tabIndex:l?-1:0,"aria-current":u?"step":void 0,"aria-disabled":l||void 0,disabled:l,"aria-label":typeof S=="string"?S:`Step ${t+1}`,children:[jsx("span",{className:"plainframe-ui-step-content",css:jl(!a),children:F}),jsx("span",{className:"plainframe-ui-step-check",css:jl(!!a),children:I})]}),S&&jsx("span",{className:"plainframe-ui-step-label",css:zf(a||u,x.text.primary,x.text.secondary,String(x.radius.xs),Number(x.spacing.xs)),children:S})]}),d&&(f?jsx("div",{className:"plainframe-ui-stepper-separator",css:Lf,children:f}):jsx("div",{className:"plainframe-ui-step-connector",css:Df(x.neutral[300]),children:jsx("div",{className:"plainframe-ui-step-connector-fill",css:Hf(a?1:0,c,R),"aria-hidden":"true"})}))]})},(e,t)=>e.isActive===t.isActive&&e.completed===t.completed&&e.disabled===t.disabled&&e.variant===t.variant&&e.separator===t.separator&&e.connectorColor===t.connectorColor&&e.titlePosition===t.titlePosition&&e.size===t.size),na=()=>null;na.displayName="PlainframeUIStep";var Wf=({variant:e="subtle",value:t,defaultValue:n,onChange:o,disabled:r=false,allowForward:s=true,allComplete:i=false,color:u,activeBgColor:a,activeColor:l,completeBgColor:c,completeColor:d,separator:R,titlePosition:f="right",width:v,css:k,className:x,children:w,...b})=>{let m=V(),p=e==="outlined"?"outlined":"subtle",C=me.useMemo(()=>{let E=me.Children.toArray(w).filter(L=>me.isValidElement(L)&&L.type===na);return E.length?E.map((L,z)=>({index:z,...L.props})):[{value:1},{value:2},{value:3}]},[w]),N=me.useCallback((E,L)=>E?m.palette?.[E]??E:L,[m.palette]),y=me.useMemo(()=>({MAIN:String(N(a,typeof m.palette.primary[600]=="string"?m.palette.primary[600]:"")),ACTIVE_TEXT:String(N(l,typeof m.text.onColors?.primary=="string"?m.text.onColors?.primary:"")),ACTIVE_TEXT_OUTLINED:String(N(l,typeof m.text.primary=="string"?m.text.primary:"")),COMPLETE_BG:String(N(c,typeof m.palette.primary[600]=="string"?m.palette.primary[600]:"")),COMPLETE_FG:String(N(d,typeof m.text.onColors?.primary=="string"?m.text.onColors?.primary:"")),UPCOMING_BG_FILLED:String(typeof m.neutral[100]=="string"?m.neutral[100]:""),UPCOMING_OUTLINE:String(typeof m.neutral[300]=="string"?m.neutral[300]:""),UPCOMING_FG:String(typeof m.text.secondary=="string"?m.text.secondary:"")}),[N,a,l,c,d,m.palette.primary,m.neutral,m.text]),T=me.useMemo(()=>{let E=N(u,m.palette.primary[600]);return typeof E=="string"?E:String(E)},[N,u,m.palette.primary]),[P,$]=me.useState(()=>C.some(L=>L?.value===n)?n:C[0]?.value),K=t!==void 0,W=K?t:P,{activeIndex:S,afterLast:F}=me.useMemo(()=>{let E=C.findIndex(L=>L.value===W);if(E!==-1)return {activeIndex:E,afterLast:false};if(typeof W=="number"){let L=Math.floor(W)-1;if(L>=C.length)return {activeIndex:C.length-1,afterLast:true};if(L>=0)return {activeIndex:L,afterLast:false}}return {activeIndex:0,afterLast:false}},[C,W]),I=me.useCallback(E=>{r||(K||$(E),o?.(E));},[r,K,o]),g=me.useCallback(E=>i||!!C[E]?.complete||(F?true:E<S),[i,C,F,S]),h=me.useCallback(E=>{if(r)return false;let L=C[E];if(!L||L.disabled)return false;if(typeof s=="boolean"){if(s===false&&E>S)return false}else if(typeof s=="function"&&!s(S,E))return false;return true},[r,C,s,S]),[A,H]=me.useState(false);me.useEffect(()=>{let E=requestAnimationFrame(()=>H(true));return ()=>cancelAnimationFrame(E)},[]);let B=me.useCallback(E=>{if(!C.length||r)return;let L=S;if(E.key==="ArrowRight")L=Math.min(C.length-1,S+1);else if(E.key==="ArrowLeft")L=Math.max(0,S-1);else if(E.key==="Home")L=0;else if(E.key==="End")L=C.length-1;else return;E.preventDefault(),h(L)&&I(C[L].value);},[C,r,S,h,I]),M=34;return jsx("div",{tabIndex:-1,className:["plainframe-ui-stepper",x||""].join(" ").trim(),css:[Af(v),k],...b,children:jsx("div",{tabIndex:-1,className:"plainframe-ui-stepper-track",role:"list",onKeyDown:B,css:Pf,children:C.map((E,L)=>jsx(me.Fragment,{children:jsx(Of,{i:L,item:E,size:M,tokens:y,variant:p,titlePosition:f,isActive:!F&&L===S,completed:g(L),disabled:r||!!E.disabled,connectorColor:T,showConnector:L<C.length-1,animate:A,separator:R,canGoToIndex:h,setSelected:I})},String(E.value??L)))})})};var Nr=()=>null;Nr.displayName="PF.Tab";var Dr=()=>null;Dr.displayName="PF.TabContent";function _f(e){let t=e.props;return {type:t?.__EMOTION_TYPE_PLEASE_DO_NOT_USE__??e.type,props:t}}var jf=({children:e,defaultValue:t,value:n,onChange:o,variant:r="subtle",direction:s="horizontal",className:i,shadow:u=false,width:a,fullWidth:l=false,rounded:c=false,titlePosition:d="right",align:R,css:f,trackCss:v,thumbCss:k,activeTabCss:x,activeIndicatorCss:w})=>{let b=V(),m=xe(),p=s==="vertical",C=l||a!=null,N=R??(p?"left":"center"),y={left:"flex-start",center:"center",right:"flex-end"},{tabs:T,contents:P}=me.useMemo(()=>{let Q=[],ee=[];return me.Children.forEach(e,ae=>{if(!me.isValidElement(ae))return;let{type:pe,props:Se}=_f(ae),Ne=pe===Nr||pe?.displayName===Nr.displayName,J=pe===Dr||pe?.displayName===Dr.displayName;if(Ne){let oe=Se;if(oe?.value===void 0)return;Q.push({value:oe.value,disabled:oe.disabled,node:oe.children,className:oe.className,css:oe.css,activeCss:oe.activeCss});}else if(J){let oe=Se;if(oe?.value===void 0)return;ee.push({value:oe.value,node:oe.children,className:oe.className,css:oe.css});}}),{tabs:Q,contents:ee}},[e]),$=me.useMemo(()=>T.find(Q=>!Q.disabled)?.value,[T]),[K,W]=me.useState(()=>t!==void 0&&T.some(ee=>ee.value===t&&!ee.disabled)?t:$),S=n!==void 0,F=S?n:K,I=me.useRef(null),g=me.useRef([]),h=Math.max(0,T.findIndex(Q=>Q.value===F)),[A,H]=me.useState({left:0,top:0,width:0,height:0}),[B,M]=me.useState(false),[E,L]=me.useState(false),z=me.useCallback(()=>{let Q=I.current,ee=g.current[h];if(!Q||!ee)return;let ae=Q.getBoundingClientRect(),pe=ee.getBoundingClientRect();H({left:pe.left-ae.left,top:pe.top-ae.top,width:pe.width,height:pe.height});},[h]);me.useLayoutEffect(()=>{z(),B||(M(true),requestAnimationFrame(()=>L(true)));},[z,B]),me.useEffect(()=>{let Q=new ResizeObserver(()=>z());I.current&&Q.observe(I.current);let ee=g.current[h];ee&&Q.observe(ee);let ae=()=>z();return window.addEventListener("resize",ae),()=>{Q.disconnect(),window.removeEventListener("resize",ae);}},[z,h]);let O=(Q,ee)=>{if(!T.length)return Q;let ae=Q;for(let pe=0;pe<T.length;pe++)if(ae=(ae+ee+T.length)%T.length,!T[ae].disabled)return ae;return Q},_=Q=>{S||W(Q),o?.(Q);},D=Q=>{if(!T.length)return;let ee=h;if(Q.key===(p?"ArrowDown":"ArrowRight"))ee=O(h,1);else if(Q.key===(p?"ArrowUp":"ArrowLeft"))ee=O(h,-1);else if(Q.key==="Home")ee=T.findIndex(pe=>!pe.disabled);else if(Q.key==="End"){let pe=[...T].reverse().findIndex(Se=>!Se.disabled);ee=pe===-1?h:T.length-1-pe;}else return;Q.preventDefault();let ae=T[ee]?.value;ae!==void 0&&_(ae),requestAnimationFrame(()=>g.current[ee]?.focus());},U=b.text.primary,X=b.text.secondary,se=b.neutral[500],q=r==="subtle"?b.surface.subtleBg:"transparent",Y=r==="subtle"?b.surface.panelBg??b.surface.panelBg:r==="ghost"?b.surface.subtleBg:"transparent",le=b.text.primary,ie=r==="subtle"||r==="ghost"||r==="underlined",be=css({"--pf-ease":"cubic-bezier(.4,0,.2,1)",display:"block",width:l||a==null?"100%":typeof a=="number"?`${a}px`:a,margin:0,padding:0,boxSizing:"border-box"}),Pe=r==="subtle",Re=css({position:"relative",display:"flex",width:C?"100%":"auto",flexDirection:p?"column":"row",alignItems:p?"stretch":"center",justifyContent:C?"stretch":y[N],flexWrap:"nowrap",gap:b.spacing.xs,padding:Pe?b.spacing.xs:0,margin:0,background:q,borderRadius:r==="subtle"?c?p?b.radius.lg:b.radius.full:b.radius.lg:"none",boxSizing:"border-box"}),Ce=css({position:"absolute",zIndex:0,pointerEvents:"none",opacity:B?1:0,visibility:B?"visible":"hidden",transition:E?`${p?"top":"left"} .24s var(--pf-ease), ${p?"height":"width"} .24s var(--pf-ease), background-color .18s var(--pf-ease)`:"none",borderRadius:r==="subtle"||r==="ghost"?c?b.radius.full:b.radius.md:0,background:r==="underlined"?"transparent":Y,...p?{top:`${A.top}px`,height:`${A.height}px`,left:b.spacing.xs,right:b.spacing.xs}:{left:`${A.left}px`,width:`${A.width}px`,top:b.spacing.xs,bottom:b.spacing.xs},boxShadow:u&&r==="subtle"?"0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04)":"none",margin:0}),Ie=css(r!=="underlined"?{}:p?{background:"transparent",top:`${A.top}px`,height:`${A.height}px`,left:0,width:0,borderLeft:`2px solid ${le}`,borderBottom:"none",borderRadius:2}:{background:"transparent",left:`${A.left}px`,width:`${A.width}px`,bottom:0,top:"auto",height:0,borderBottom:`2px solid ${le}`,borderLeft:"none",borderRadius:2}),Te=css({position:"relative",zIndex:1,border:"none",background:"transparent",margin:0,padding:r==="underlined"&&s!=="vertical"?`${b.spacing.md}`:r==="ghost"&&s!=="vertical"?`${b.spacing.md}`:`${b.spacing.xs} ${b.spacing.md}`,borderRadius:(r==="subtle"||r==="ghost")&&c?b.radius.full:b.radius.md,minHeight:b.componentHeights.sm,outline:"none",transition:"color .16s ease !important",display:"flex",alignItems:"center",justifyContent:"center",...p?{width:C?"100%":"auto",flex:"0 0 auto",textAlign:N}:C?{flex:"1 1 0",minWidth:0,textAlign:"center"}:{flex:"0 0 auto",minWidth:"max-content",textAlign:"center"},whiteSpace:"nowrap",boxSizing:"border-box",cursor:"pointer",userSelect:"none",fontSize:b.typography.sizes.sm,fontWeight:600,color:X,"&[aria-selected='true']":{color:U},"&:hover":{color:U},"&[aria-disabled='true'], &:disabled":{opacity:.55,cursor:"not-allowed",color:se}}),we=css({display:"inline-flex",alignItems:"center",justifyContent:p?y[N]:"center",gap:6,width:"100%",margin:0,padding:0,flexDirection:d==="top"?"column-reverse":d==="bottom"?"column":d==="left"?"row-reverse":"row"}),he=css({display:"block",paddingTop:b.spacing.sm,width:"100%",margin:0,boxSizing:"border-box"}),je=me.useId(),Z=new Map;P.forEach((Q,ee)=>Z.set(Q.value,`${je}-panel-${ee}`));let Ee=Q=>`${je}-tab-${Q}`;return jsxs("div",{className:["plainframe-ui-tabs",i||""].join(" ").trim(),css:[be,f],children:[jsxs("div",{className:"plainframe-ui-tabs-track",ref:I,role:"tablist","aria-orientation":p?"vertical":"horizontal",onKeyDown:D,css:[Re,v],children:[ie&&jsx("div",{className:"plainframe-ui-tabs-thumb",css:[Ce,Ie,k,w]}),T.map((Q,ee)=>{let ae=F===Q.value;return jsx("button",{ref:pe=>{g.current[ee]=pe;},role:"tab",id:Ee(ee),"aria-selected":ae,"aria-controls":Z.get(Q.value),"aria-disabled":Q.disabled||void 0,disabled:Q.disabled,tabIndex:Q.disabled?-1:ee===h?0:-1,className:["plainframe-ui-tab",Q.className||""].join(" ").trim(),onClick:()=>{Q.disabled||_(Q.value);},css:[Te,!Q.disabled&&m(),Q.css,ae?Q.activeCss??x:void 0],children:jsx("span",{className:"plainframe-ui-tab-content",css:we,children:Q.node})},String(Q.value??ee))})]}),P.map((Q,ee)=>{if(!(Q.value===F))return null;let pe=T.findIndex(Ne=>Ne.value===Q.value),Se=pe>=0?Ee(pe):void 0;return jsx("div",{role:"tabpanel",id:Z.get(Q.value),"aria-labelledby":Se,className:["plainframe-ui-tab-panel",Q.className||""].join(" ").trim(),css:[he,Q.css],children:Q.node},ee)})]})};var Ao=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,kn=e=>e==null?[]:Array.isArray(e)?e:[e],Po=(...e)=>css(e.filter(Boolean)),Yf=({label:e,value:t,defaultValue:n="",onChange:o,placeholder:r,error:s,helperText:i,disabled:u=false,fullWidth:a=false,width:l=235,size:c="md",variant:d="subtle",rounded:R=false,rows:f=3,maxRows:v,maxLength:k,showCharCount:x,focusRingMode:w="always",resizable:b=false,className:m,wrapperCss:p,inputCss:C,labelCss:N,helperRowCss:y,helperTextCss:T,charCountCss:P,css:$,onBlur:K,onFocus:W,onKeyDown:S,autoFocus:F,name:I,id:g,tabIndex:h,autoComplete:A,readOnly:H,required:B})=>{let M=V(),E=Xo(),L=useId(),z=useMemo(()=>({sm:{fontSize:M.typography.sizes.sm,minHeight:M.componentHeights.sm,labelFont:M.typography.sizes.xs,helperFont:M.typography.sizes.xs,width:"12.5rem",paddingY:0,paddingX:M.spacing.md},md:{fontSize:M.typography.sizes.sm,minHeight:M.componentHeights.md,labelFont:M.typography.sizes.sm,helperFont:M.typography.sizes.xs,width:"15rem",paddingY:0,paddingX:M.spacing.md},lg:{fontSize:M.typography.sizes.sm,minHeight:M.componentHeights.lg,labelFont:M.typography.sizes.md,helperFont:M.typography.sizes.sm,width:"18.125rem",paddingY:0,paddingX:M.spacing.md}}),[M]),O=["sm","md","lg"].includes(c)?c:"md",_=z[O],D=M.neutral,U=M.text,X=t!==void 0,[se,q]=useState(n),Y=X?t:se,le=useCallback(ae=>{X||q(ae),o?.(ae);},[X,o]),ie=useMemo(()=>u?D[200]:s&&d==="outlined"?M.palette.danger?.[50]??M.surface.panelBg:s&&d==="subtle"?M.palette.danger?.[50]??M.surface.subtleBg:d==="outlined"?M.surface.panelBg:d==="subtle"?M.surface.subtleBg:"transparent",[u,s,d,D,M.surface,M.palette.danger]),be=M.componentHeights.border,Pe=useMemo(()=>d==="outlined"?`${be} solid ${s?M.palette.danger?.[300]??M.surface.border:M.surface.border}`:"none",[d,be,s,M.palette.danger,M.surface.border]),Re=useMemo(()=>css({boxSizing:"border-box",display:"block",minWidth:0,width:"100%",maxWidth:a?"100%":l!=null?Ao(l):void 0,flex:"0 0 auto",fontWeight:500}),[a,l]),Ce=useMemo(()=>Po({fontSize:_.labelFont,fontWeight:500,color:s?M.palette.danger?.[700]??U.primary:u?D[500]:U.primary,marginBottom:4,display:"inline-block"},...kn(N)),[_.labelFont,s,u,D,U,M.palette.danger,N]),Ie=useMemo(()=>[{display:"flex",alignItems:"stretch",gap:M.spacing.sm,padding:`${Ao(_.paddingY)} 0 ${Ao(_.paddingY)} ${Ao(_.paddingX)}`,background:ie,border:Pe,borderRadius:R?M.radius.full:M.radius.md,minHeight:_.minHeight,width:"100%",cursor:u?"not-allowed":"text",opacity:u?.65:1,transition:"box-shadow .18s, border-color .16s"},...kn(p),...kn($)],[M,_,ie,Pe,be,R,u,p,$]),Te=typeof _.minHeight=="number"?`${_.minHeight}px`:_.minHeight,we=useMemo(()=>Po({width:"100%",minWidth:0,flex:1,resize:b?"vertical":"none",font:"inherit",fontWeight:500,fontSize:_.fontSize,lineHeight:1.5,color:u?D[500]:s?M.palette.danger?.[800]??U.primary:U.primary,background:"transparent",border:"none",outline:"none",padding:0,paddingRight:Ao(_.paddingX),overflowY:"auto",minHeight:Te,"&::placeholder":{color:s?M.palette.danger?.[700]??U.secondary:U.secondary},"&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus":{WebkitTextFillColor:`${s?M.palette.danger?.[800]??U.primary:U.primary} !important`,boxShadow:`0 0 0 1000px ${ie} inset !important`,transition:"opacity 99999s ease-out",caretColor:s?M.palette.danger?.[800]??U.primary:U.primary},":focus-within":{outline:"none",boxShadow:"none"},...f===1?{paddingBlock:`calc((${Te} - 1.5em) / 2)`}:{paddingBlock:"clamp(4px, 0.5em, 12px)"}},...kn(C)),[b,_,u,s,D,U,M.palette.danger,Te,ie,f,C]),he=useMemo(()=>Po({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:8,paddingTop:3},...kn(y)),[y]),je=useMemo(()=>Po({fontSize:_.helperFont,color:s?M.palette.danger?.[700]??U.secondary:U.secondary,flex:1,minWidth:0},...kn(T)),[_.helperFont,s,M.palette.danger,U,T]),Z=useMemo(()=>Po({fontSize:_.helperFont,color:k&&Y.length>k?M.palette.danger?.[700]??U.secondary:U.secondary,flexShrink:0},...kn(P)),[_.helperFont,k,Y.length,M.palette.danger,U,P]),Ee=useRef(null);useLayoutEffect(()=>{if(typeof window>"u")return;let ae=Ee.current;if(!ae)return;if(b){let Se=window.getComputedStyle(ae),Ne=parseFloat(Se.lineHeight||"20"),J=typeof _.minHeight=="number"?_.minHeight:parseFloat(String(_.minHeight)),oe=Math.max(Ne*(f??1),J);ae.style.setProperty("--pf-minh",`${oe}px`);return}(()=>{let Se=window.getComputedStyle(ae),Ne=parseFloat(Se.lineHeight||"20"),J=typeof _.minHeight=="number"?_.minHeight:parseFloat(String(_.minHeight)),oe=Math.max(Ne*(f??1),J);ae.style.setProperty("--pf-minh",`${oe}px`);let re=v?Ne*v:1/0;ae.style.height="auto",ae.style.height=`${Math.min(ae.scrollHeight,re)}px`;})();},[Y,f,v,_.minHeight,b]);let Q=i!=null||x?`${g??L}-help`:void 0,ee=g??L;return jsxs("div",{className:["plainframe-ui-textarea",m||""].join(" ").trim(),css:Re,children:[e&&jsx("label",{htmlFor:ee,className:"plainframe-ui-textarea-label",css:Ce,children:e}),jsx("div",{className:"plainframe-ui-textarea-surface",css:[E({enabled:w!=="none",disabled:u,color:s?"danger":void 0}),Ie],"aria-invalid":!!s||void 0,"aria-disabled":u||void 0,onClick:()=>!u&&Ee.current?.focus(),children:jsx("textarea",{ref:Ee,id:ee,className:"plainframe-ui-textarea-input",css:we,rows:f,value:Y,onChange:ae=>{let pe=ae.target.value;k&&pe.length>k||le(pe);},placeholder:r||"",disabled:u,onBlur:K,onFocus:W,onKeyDown:S,autoFocus:F,name:I,tabIndex:h,autoComplete:A,readOnly:H,required:B,"aria-invalid":!!s||void 0,"aria-describedby":Q})}),(i!=null||x&&k!=null)&&jsxs("div",{className:"plainframe-ui-textarea-helper-row",css:he,children:[jsx("span",{id:Q,className:"plainframe-ui-textarea-helper-text",css:je,children:i}),x&&k!=null&&jsxs("span",{className:"plainframe-ui-textarea-char-count",css:Z,children:[Y.length,"/",k]})]})]})};var rg=jo,sg={type:"spring",stiffness:920,damping:100},ql="__toast_root__",ag=(e,t)=>t.split(".").reduce((n,o)=>n!=null&&typeof n=="object"?n[o]:void 0,e),Lr=(e,t)=>{for(let n of t){let o=ag(e,n);if(o!=null&&o!=="")return o}},ra=(e,t)=>e==null?`${t}px`:typeof e=="number"?`${e}px`:String(e);function ig(e){let t=Lr(e,["radius.md","shape.borderRadius","radii.md"]),n=Lr(e,["spacing.lg","space.4","spacing.4"]),o=Lr(e,["spacing.md","space.3","spacing.3"]),r=Lr(e,["shadows.lg","elevation.lg"])??"0 8px 24px rgba(0,0,0,.03), 0 2px 8px rgba(0,0,0,.05)";return {radius:ra(t,16),padX:ra(n,14),padY:ra(o,12),shadow:String(r)}}var lg=ig(rg),Wt=null,Yn=null,ye={max:5,position:"bottom-right",gutter:5,zIndex:1e3,duration:5e3,showDismiss:"hover",styles:{},renderer:void 0,bareRenderer:false};function Yl(){typeof document>"u"||(Wt||(Wt=document.getElementById("toast-host"),Wt||(Wt=document.createElement("div"),Wt.id="toast-host",document.body.appendChild(Wt))),Yn||(Yn=Wt[ql]??null,Yn||(Yn=createRoot(Wt),Wt[ql]=Yn,Yn.render(jsx(Na,{children:jsx(xg,{})})))));}var te={displayed:[],queue:[],entering:{},exiting:{},enterFrom:{},timers:new Map,expiry:new Map,remaining:new Map,paused:new Set,listeners:new Set,snapshot:{displayed:[],entering:{},exiting:{},enterFrom:{}},subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)},notify(){this.listeners.forEach(e=>e());},sync(){this.snapshot={displayed:[...this.displayed],entering:{...this.entering},exiting:{...this.exiting},enterFrom:{...this.enterFrom}};}},In=()=>{te.sync(),te.notify();},cg=()=>typeof crypto<"u"&&"randomUUID"in crypto&&typeof crypto.randomUUID=="function"?crypto.randomUUID():Math.random().toString(36).slice(2);function Br(e,t){if(t===null)return;let n=t??e.duration;if(n==null||te.timers.has(e.id))return;let o=Date.now(),r=te.remaining.get(e.id),s=r!=null?Math.max(0,r):n;te.expiry.set(e.id,o+s);let i=window.setTimeout(()=>Be.dismiss(e.id),s);te.timers.set(e.id,i);}function $r(e){let t=te.timers.get(e);t&&(clearTimeout(t),te.timers.delete(e));}function ug(){let e=false;for(;te.displayed.length<ye.max&&te.queue.length;){let t=te.queue.shift();te.displayed=[t,...te.displayed],te.enterFrom[t.id]="head",te.entering[t.id]=true,e=true,requestAnimationFrame(()=>{delete te.entering[t.id],In();}),Br(t);}e&&In();}function dg(){if(te.displayed.length<ye.max)return;let e=te.displayed.filter(o=>!te.exiting[o.id]);if(!e.length)return;let t=e.reduce((o,r)=>o.createdAt<=r.createdAt?o:r),n=te.expiry.get(t.id);n!=null&&te.remaining.set(t.id,Math.max(0,n-Date.now())),$r(t.id),te.exiting[t.id]=true,te.displayed=te.displayed.filter(o=>o.id!==t.id),delete te.enterFrom[t.id],te.queue.push(t),In();}var pg=e=>e==="danger"?"error":["default","success","error","warning","info"].includes(e)?e:"default";function mg(e,t){let n=pg(t),o=e,r=o.surface,s=o.text,i=r?.panelBg??"#fff",u=s?.primary??"#111",a=r?.border;if(n==="default"||n==="info")return {bg:i,fg:u,border:a};let l=s?.onColors??{},c=(d,R,f)=>{let v=o.colors,k=o.palette;return {bg:v?.[d]??k?.[d]?.[700]??R,fg:l?.[d]??f,border:"transparent"}};return n==="success"?c("success","#22C55E","#fff"):n==="warning"?c("warning","#F59E0B","#fff"):n==="error"?c("error","#EF4444","#fff"):{bg:i,fg:u,border:a}}var Be=Object.assign((e,t)=>{Yl();let n=a=>a!=null&&typeof a[Symbol.iterator]=="function",o=a=>!!a&&(typeof a=="object"||typeof a=="function")&&typeof a.then=="function",r;typeof e=="object"&&e!=null&&!me.isValidElement(e)&&!n(e)&&!o(e)?r=e:r={content:(me.isValidElement(e),e),...t||{}},r.content==null&&(r.title!=null||r.description!=null)&&(r.content=jsxs("div",{children:[r.title&&jsx("strong",{style:{display:"block",marginBottom:2},children:r.title}),r.description]}));let s=r.id??cg(),i=a=>{let l=a.findIndex(R=>R.id===s);if(l===-1)return false;let c=a[l],d={...c,status:r.status??c.status,content:r.content??c.content,title:r.title??c.title,description:r.description??c.description,startIcon:r.startIcon??c.startIcon,endIcon:r.endIcon??c.endIcon,action:r.action??c.action,onClose:r.onClose??c.onClose,duration:r.duration===void 0?c.duration:r.duration,pauseOnHover:r.pauseOnHover??c.pauseOnHover,showDismiss:r.showDismiss??c.showDismiss,render:r.render??c.render,bare:r.bare??c.bare,onClick:r.onClick??c.onClick,width:r.width??c.width};return a[l]=d,$r(s),te.remaining.delete(s),te.paused.has(s)||Br(d),In(),true};if(i(te.displayed)||i(te.queue))return s;let u={id:s,status:r.status??"default",content:r.content,title:r.title,description:r.description,startIcon:r.startIcon,endIcon:r.endIcon,action:r.action,duration:r.duration===void 0?ye.duration:r.duration,onClose:r.onClose,createdAt:Date.now(),pauseOnHover:r.pauseOnHover??true,showDismiss:r.showDismiss,render:r.render,bare:r.bare,onClick:r.onClick,width:r.width??300};return te.displayed.length>=ye.max&&dg(),te.displayed=[...te.displayed,u],te.enterFrom[u.id]="tail",te.entering[u.id]=true,requestAnimationFrame(()=>{delete te.entering[u.id],In();}),In(),Br(u),s},{success:(e,t={})=>Be(e,{...t,status:"success"}),error:(e,t={})=>Be(e,{...t,status:"error"}),warning:(e,t={})=>Be(e,{...t,status:"warning"}),info:(e,t={})=>Be(e,{...t,status:"info"}),custom:(e,t={})=>Be(e,{...t}),update:(e,t)=>Be({id:e,...t}),dismiss:e=>{if(!e){let n=te.displayed.find(o=>!te.exiting[o.id])?.id;n&&Be.dismiss(n);return}$r(e),te.remaining.delete(e),te.paused.delete(e),te.exiting[e]=true;let t=te.displayed.find(n=>n.id===e);te.displayed=te.displayed.filter(n=>n.id!==e),delete te.enterFrom[e],In(),window.setTimeout(()=>t?.onClose?.(),120),ug();},clear:()=>{[...te.displayed.map(t=>t.id)].forEach(t=>Be.dismiss(t));},pause:e=>{if(te.paused.has(e))return;let t=te.expiry.get(e);t!=null&&te.remaining.set(e,Math.max(0,t-Date.now())),te.paused.add(e),$r(e);},resume:e=>{if(!te.paused.has(e))return;te.paused.delete(e);let t=te.displayed.find(o=>o.id===e)??te.queue.find(o=>o.id===e),n=te.remaining.get(e);t&&Br(t,n??void 0),te.remaining.delete(e);},pauseLatest:()=>{let e=te.displayed.at(-1);e&&Be.pause(e.id);},resumeLatest:()=>{let e=te.displayed.at(-1);e&&Be.resume(e.id);},promise:(e,t,n={})=>{let o=Be(t.loading,{...n,status:"info",duration:null});return e.then(r=>{Be.update(o,{status:"success",content:t.success(r),duration:n.duration??2500});}).catch(r=>{Be.update(o,{status:"error",content:t.error(r),duration:n.duration??3e3});}),e},config:e=>{e.max!=null&&(ye.max=e.max),e.position&&(ye.position=e.position),e.gutter!=null&&(ye.gutter=e.gutter),e.zIndex!=null&&(ye.zIndex=e.zIndex),e.duration!==void 0&&(ye.duration=e.duration),e.showDismiss&&(ye.showDismiss=e.showDismiss),e.styles&&(ye.styles={...ye.styles,...e.styles}),e.renderer!==void 0&&(ye.renderer=e.renderer),e.bareRenderer!==void 0&&(ye.bareRenderer=e.bareRenderer);}});function fg(e){return typeof e=="string"?e:e===true?"always":e===false?"never":ye.showDismiss}function gg(e){return {"top-left":{top:16,left:16,alignItems:"flex-start"},"top-center":{top:16,left:"50%",transform:"translateX(-50%)",alignItems:"center"},"top-right":{top:16,right:16,alignItems:"flex-end"},"bottom-left":{bottom:16,left:16,alignItems:"flex-start"},"bottom-center":{bottom:16,left:"50%",transform:"translateX(-50%)",alignItems:"center"},"bottom-right":{bottom:16,right:16,alignItems:"flex-end"}}[e]}var bg=css({display:"flex",alignItems:"flex-start",gap:10}),Gl=css({flex:"0 0 auto",paddingTop:1,lineHeight:0,marginLeft:-3,"& svg, & img, & canvas, & video":{display:"block"}}),hg=css({fontSize:14,lineHeight:1.4,fontWeight:500,flex:1,minWidth:0}),yg=css({display:"flex",alignItems:"center",gap:6,marginRight:-2}),xg=me.memo(function(){let t=useSyncExternalStore(te.subscribe.bind(te),()=>te.snapshot,()=>te.snapshot),n=V(),o=ye.position.startsWith("bottom"),r=me.useMemo(()=>o?t.displayed:[...t.displayed].reverse(),[t.displayed,o]),s=me.useMemo(()=>({position:"fixed",zIndex:ye.zIndex,pointerEvents:"none",width:"100%",display:"flex",flexDirection:"column",...gg(ye.position),...ye.styles.stack??{}}),[]);return jsx("div",{className:"plainframe-ui-toast-stack",css:css(s),children:jsx(AnimatePresence,{initial:false,children:r.map((i,u)=>{let a=t.enterFrom[i.id]||"tail",l=o?a==="head"?-16:16:a==="head"?16:-16,c=u>0?ye.gutter:0,d={toast:i,close:Be.dismiss,pause:Be.pause,resume:Be.resume},{bg:R,fg:f,border:v}=mg(n,i.status),k={position:"relative",overflow:"hidden",borderRadius:n.radius.md,boxShadow:lg.shadow,padding:`${n.spacing.md} calc(${n.spacing.lg} + 30px) ${n.spacing.md} ${n.spacing.lg}`,display:"grid",gridTemplateColumns:"1fr auto",gap:10,background:R,color:f,cursor:i.onClick?"pointer":"default",border:v?`1px solid ${v}`:"1px solid transparent"},x=typeof ye.styles.surface=="function"?ye.styles.surface(i):ye.styles.surface??{},w=fg(i.showDismiss),b={},m="& .plainframe-ui-toast-close",p="&:hover .plainframe-ui-toast-close";w==="hover"?(b[m]={opacity:0,pointerEvents:"none"},b[p]={opacity:1,pointerEvents:"auto"}):w==="always"?b[m]={opacity:1,pointerEvents:"auto"}:w==="never"&&(b[m]={display:"none"});let C=css({...k,...x,...b}),N=css({position:"absolute",top:8,right:8,appearance:"none",border:0,background:"transparent",color:f,width:28,height:28,borderRadius:8,cursor:"pointer",lineHeight:1,transition:"opacity .12s ease",display:"grid",placeItems:"center",...ye.styles.close??{}}),y;if(i.bare&&i.render){let T=typeof i.render=="function"?i.render(d):i.render;y=jsx("div",{style:{pointerEvents:"auto"},onClick:P=>i.onClick?.(i.id,P),children:T});}else if(ye.bareRenderer&&ye.renderer){let T=typeof ye.renderer=="function"?ye.renderer(d):ye.renderer;y=jsx("div",{style:{pointerEvents:"auto"},onClick:P=>i.onClick?.(i.id,P),children:T});}else {let T;ye.renderer?T=typeof ye.renderer=="function"?ye.renderer(d):ye.renderer:i.render&&!i.bare?T=typeof i.render=="function"?i.render(d):i.render:T=jsxs(Fragment,{children:[jsxs("div",{css:bg,children:[i.startIcon&&jsx("div",{css:Gl,children:i.startIcon}),jsx("div",{css:hg,children:i.content}),i.endIcon&&jsx("div",{css:Gl,children:i.endIcon})]}),i.action&&jsx("div",{css:yg,children:i.action})]}),y=jsxs("div",{css:C,onClick:P=>i.onClick?.(i.id,P),children:[T,jsx("button",{className:"plainframe-ui-toast-close","aria-label":"Close",css:N,onClick:P=>{P.stopPropagation(),Be.dismiss(i.id);},children:jsx(X,{strokeWidth:2.5,size:14})})]});}return jsx(vg,{id:i.id,isBottom:o,mt:c,enterY:l,width:i.width,pauseOnHover:i.pauseOnHover!==false,children:y},i.id)})})})}),vg=me.memo(function(t){let{id:n,isBottom:o,mt:r,enterY:s,width:i,pauseOnHover:u,children:a}=t,l=useAnimationControls();useEffect(()=>{l.start({opacity:1,y:0,height:"auto",x:0,transition:sg});},[l]);let c={pointerEvents:"auto",willChange:"transform, opacity, height, margin, scale, width, max-width",marginTop:r,width:"100%",maxWidth:i!=null?typeof i=="number"?`${i}px`:i:"none",...ye.styles.item??{}};return jsx(motion.div,{layout:"position",className:"plainframe-ui-toast-item",css:css(c),initial:{opacity:0,y:s,height:"auto",x:0},animate:l,exit:{opacity:0,y:o?6:-6,height:0,marginTop:0,transition:{type:"tween",ease:"easeInOut",duration:.14}},drag:"x",dragElastic:.2,dragMomentum:true,whileDrag:{scale:.98,opacity:.95},onDragEnd:(d,R)=>{let f=Math.abs(R.offset.x),v=Math.abs(R.velocity.x);if(!(f>60||v>600)){l.start({x:0,opacity:1,transition:{type:"spring",stiffness:700,damping:40}});return}let w=(R.offset.x!==0?Math.sign(R.offset.x):Math.sign(R.velocity.x||1))*(window.innerWidth+160),b=typeof R.velocity.x=="number"?R.velocity.x/10:0;l.start({x:w,opacity:.9,transition:{type:"spring",stiffness:280,damping:24,velocity:b}}).then(()=>Be.dismiss(n));},onMouseEnter:u?()=>Be.pause(n):void 0,onMouseLeave:u?()=>Be.resume(n):void 0,children:a})}),Xl=false;(function(){Xl||(Xl=true,Yl());})();var _g=(...e)=>t=>{for(let n of e)if(n)if(typeof n=="function")n(t);else try{n.current=t;}catch{}},Ql=createContext(null),ec=()=>{let e=useContext(Ql);if(!e)throw new Error("TooltipTrigger/TooltipContent must be inside <Tooltip>.");return e},jg=({children:e,placement:t="top",open:n,defaultOpen:o=false,onOpenChange:r,delay:s=80,arrow:i=true,autoWidth:u=false,disableHoverListener:a=false})=>{let[l,c]=useState(!!o),d=n??l,R=y=>{n===void 0&&c(y),r?.(y);},f=useRef(null),v=useFloating({placement:t,open:d,onOpenChange:R,whileElementsMounted:autoUpdate,strategy:"fixed",transform:false,middleware:[offset(8),flip({padding:8}),shift({padding:8}),i?arrow({element:f,padding:4}):void 0].filter(Boolean)}),k=useHover(v.context,{enabled:!a,delay:{open:s,close:60},handleClose:safePolygon(),restMs:20}),x=useFocus(v.context),w=useDismiss(v.context,{escapeKey:true,outsidePress:true}),b=useRole(v.context,{role:"tooltip"}),{getReferenceProps:m,getFloatingProps:p}=useInteractions([k,x,w,b]),C=useId(),N=useMemo(()=>({open:d,setOpen:R,id:C,placement:v.placement,autoWidth:u,allowArrow:!!i,refs:v.refs,floatingStyles:v.floatingStyles,middlewareData:v.middlewareData,getReferenceProps:m,getFloatingProps:p,arrowRef:f}),[d,u,i,v.placement,v.refs,v.floatingStyles,v.middlewareData,m,p]);return jsx(Ql.Provider,{value:N,children:e})},Vg=({asChild:e=true,children:t,className:n,css:o})=>{let{refs:r,getReferenceProps:s,id:i}=ec(),u=me.isValidElement(t),a=u&&typeof t.type=="string";if(e&&u&&a){let l=t,c="ref"in l?l.ref:void 0,d=s({...l.props,"aria-describedby":i,ref:_g(c,r.setReference),className:[l.props?.className||"",n||""].join(" ").trim()||void 0}),R=[l.props?.css||void 0,o].filter(Boolean);return me.cloneElement(l,{...d,css:R})}return jsx("span",{ref:r.setReference,className:n,css:o,style:{display:"inline-flex"},...s({"aria-describedby":i}),children:t})},Ug=({children:e,className:t,css:n,arrowCss:o})=>{let {open:r,refs:s,floatingStyles:i,middlewareData:u,getFloatingProps:a,placement:l,id:c,autoWidth:d,allowArrow:R,arrowRef:f}=ec(),v=V(),k=l.split("-")[0]||"top",w=k==="bottom"?{opacity:0,y:-8,scale:.98}:k==="top"?{opacity:0,y:8,scale:.98}:k==="left"?{opacity:0,x:8,scale:.98}:{opacity:0,x:-8,scale:.98},b=w,m=k==="bottom"?"center top":k==="top"?"center bottom":k==="left"?"right center":"left center",p=css({zIndex:1300,backgroundColor:v.neutral[900],color:v.neutral[0],borderRadius:8,padding:"6px 9px",fontSize:12,fontWeight:500,lineHeight:1.25,maxWidth:260,whiteSpace:d?"nowrap":"normal",boxShadow:"0 10px 30px rgba(0,0,0,.18)",pointerEvents:"auto",transformOrigin:m}),C=css({position:"absolute",width:10,height:10,borderRadius:2,backgroundColor:v.neutral[900],transform:"rotate(45deg)",pointerEvents:"none"}),N=u.arrow,y={top:"bottom",bottom:"top",left:"right",right:"left"}[k];return jsx(FloatingPortal,{children:jsx(AnimatePresence,{children:r&&jsxs(motion.div,{id:c,ref:s.setFloating,role:"tooltip","data-state":"open",className:["plainframe-ui-tooltip",t||""].join(" ").trim(),css:[p,n],style:i,initial:w,animate:{opacity:1,x:0,y:0,scale:1},exit:b,transition:{scale:{type:"spring",stiffness:520,damping:36,mass:.6},x:{type:"spring",stiffness:420,damping:32,mass:.6},y:{type:"spring",stiffness:420,damping:32,mass:.6},opacity:{duration:.14,ease:"linear"}},...a(),children:[e,R&&jsx("div",{ref:f,className:"plainframe-ui-tooltip-arrow",css:[C,o],style:{left:N?.x!=null?`${N.x}px`:void 0,top:N?.y!=null?`${N.y}px`:void 0,[y]:"-3px"}})]})})})};function Yg(){let e=V();return jsx(Global,{styles:css`
|
|
20
|
+
`,Ef=me.memo(({isLoading:e=true,radius:t,animation:n="wave",children:o,width:r,height:s,style:i,className:u,css:a})=>{let l=V(),c=l.surface.subtleBg,d=l.neutral[200],R=Zs(t??l.radius?.lg??8,"8px"),f=css({position:"relative",display:"inline-block",verticalAlign:"middle",width:r==null?"fit-content":Zs(r,String(r)),height:s==null?"fit-content":Zs(s,String(s))}),v=css({position:"absolute",inset:0,borderRadius:R,pointerEvents:"none",background:c,willChange:"background-position, opacity"}),k=n==="wave"?css({backgroundImage:`linear-gradient(90deg, ${c} 25%, ${d} 50%, ${c} 75%)`,backgroundSize:"200% 100%",animation:`${Tf} 1.4s ease-in-out infinite`}):n==="pulse"?css({animation:`${wf} 1.2s ease-in-out infinite`}):css({}),y=css({visibility:e?"hidden":"visible",display:"inline-block",borderRadius:R});return jsxs("span",{className:["plainframe-ui-skeleton",u||""].join(" ").trim(),css:[f,a],style:i,"aria-busy":e||void 0,children:[e&&jsx("span",{"aria-hidden":true,css:[v,k]}),jsx("span",{className:"plainframe-ui-skeleton-content",css:y,children:o})]})});var Ar=8,Qs=20,Xn=4,_l=({value:e,defaultValue:t,onChange:n,min:o=0,max:r=100,step:s=1,disabled:i=false,rounded:u=false,showValue:a=false,showStepper:l=false,label:c,fullWidth:d=false,css:R,trackCss:f,thumbCss:v,direction:k="horizontal",className:y,...w})=>{let b=V(),m=k==="vertical",p=useRef(null),[C,N]=useState(false),[x,T]=useState(false),[P,$]=useState(false),K=e!==void 0,W=useCallback(Z=>Math.min(r,Math.max(o,Z)),[o,r]),S=useCallback(Z=>W(Math.round((Z-o)/s)*s+o),[o,s,W]),[F,I]=useState(()=>S(t??o)),g=K?S(e):F;useEffect(()=>{K||I(Z=>S(Z));},[o,r,s,K,S]);let h=b.palette.primary[600],A=b.surface.panelBg,H=b.neutral[500],B=useMemo(()=>{let Z=r-o||1;return (g-o)/Z*100},[g,o,r]),M=useCallback(Z=>{K||I(Z),n?.(Z);},[K,n]),E=useCallback((Z,Ee)=>{let Q=p.current;if(!Q)return g;let ee=Q.getBoundingClientRect(),se=m?(ee.bottom-Ee)/ee.height:(Z-ee.left)/ee.width;return se=Math.max(0,Math.min(1,se)),S(o+se*(r-o))},[g,m,o,r,S]),L=useCallback(Z=>{i||(Z.currentTarget.setPointerCapture?.(Z.pointerId),M(E(Z.clientX,Z.clientY)),N(true));},[i,M,E]),z=useCallback(Z=>{i||(Z.currentTarget.setPointerCapture?.(Z.pointerId),N(true));},[i]),O=useCallback(Z=>{!C||i||M(E(Z.clientX,Z.clientY));},[C,i,M,E]),_=useCallback(()=>N(false),[]);useEffect(()=>{if(C)return window.addEventListener("pointermove",O),window.addEventListener("pointerup",_),window.addEventListener("pointercancel",_),()=>{window.removeEventListener("pointermove",O),window.removeEventListener("pointerup",_),window.removeEventListener("pointercancel",_);}},[C,O,_]);let D=useCallback(Z=>{if(i)return;let Ee=g;if(Z.key==="ArrowRight"||Z.key==="ArrowUp")Ee=g+s;else if(Z.key==="ArrowLeft"||Z.key==="ArrowDown")Ee=g-s;else if(Z.key==="Home")Ee=o;else if(Z.key==="End")Ee=r;else return;Z.preventDefault(),M(S(Ee));},[i,g,s,o,r,M,S]),U=C||x||P,X=(x||C)&&!i,ae=`color-mix(in srgb, ${h} 25%, transparent)`,q=css({display:"flex",flexDirection:m?"row":"column",alignItems:"center",padding:m?"1rem":"1rem 0",width:m?"fit-content":d?"100%":350,height:m?250:"auto",boxSizing:"border-box"}),Y=css({marginBottom:m?0:4,marginRight:m?8:0,color:b.text.primary,userSelect:"none"}),le=css({position:"relative",width:m?Ar:"100%",height:m?"100%":Ar,backgroundColor:b.neutral[200],borderRadius:b.radius.xs,cursor:i?"not-allowed":"pointer",touchAction:"none",outline:"none",overflow:"visible"}),ie=css({position:"absolute",left:m?"50%":0,top:m?2:"50%",transform:m?"translateX(-50%)":"translateY(-50%)",width:m?Ar:`calc(100% - ${Xn*.5}px)`,height:m?`calc(100% - ${Xn*.5}px)`:Ar,display:"flex",flexDirection:m?"column":"row",justifyContent:"space-between",alignItems:"center",pointerEvents:"none",zIndex:0,padding:0}),be=css({width:Xn,height:Xn,borderRadius:"50%",backgroundColor:b.text.primary,opacity:.15,flex:"0 0 auto"}),Pe=css({position:"absolute",left:0,top:m?`calc(${100-B}% )`:0,bottom:0,width:m?"100%":`${B}%`,height:m?`${B}%`:"100%",backgroundColor:i?H:h,borderRadius:b.radius.sm,zIndex:1,transition:"none",pointerEvents:"none"}),Re=css({position:"absolute",appearance:"none",WebkitAppearance:"none",background:A,width:Qs,height:Qs,left:m?"50%":`calc(${B}% - ${Qs/2}px)`,bottom:m?`${B}%`:"auto",top:m?"auto":"50%",transform:m?"translate(-50%, 50%)":"translateY(-50%)",borderRadius:u?b.radius.full:`calc(${b.radius.md} * 0.75)`,border:`2px solid ${i?H:h}`,cursor:i?"not-allowed":"grab",zIndex:5,padding:0,lineHeight:0,transition:"box-shadow .16s ease",boxShadow:X?`0 0 0 ${C?4:8}px ${ae}`:`0 0 0 0px ${ae}`,"&:focus-visible":{boxShadow:`0 0 0 4px ${ae}`,outline:"none"}}),Ce=css({position:"relative",backgroundColor:"transparent",padding:"1rem",top:m?-7.5:-28,left:m?9:-7.5,pointerEvents:"none"}),Ie=css({position:"absolute",top:m?`calc(50% - ${Xn*2.5}px)`:0,left:m?"auto":`calc(50% - ${Xn*3}px)`,transform:m?"translateY(-50%)":"translateX(-50%)",backgroundColor:b.neutral[800],color:b.neutral[0],padding:"0.6rem 0.25rem",fontSize:12,borderRadius:6,whiteSpace:"nowrap",pointerEvents:"auto",zIndex:6,"&::after":{content:'""',position:"absolute",width:6,height:6,backgroundColor:b.neutral[800],borderRadius:2,bottom:m?"50%":-2,left:m?-2.5:"50%",transform:m?"translateY(50%) rotate(45deg)":"translateX(-50%) rotate(45deg)"}}),Te=R,we=f,he=v,je=Math.floor((r-o)/s)+1;return jsxs("div",{...w,role:"group","aria-label":c,className:["plainframe-ui-slider",y||""].join(" ").trim(),css:[q,Te],"data-orientation":m?"vertical":"horizontal",children:[c&&!m&&jsx("div",{className:"plainframe-ui-slider-label",css:Y,children:c}),jsxs("div",{ref:p,className:"plainframe-ui-slider-track",css:[le,we],onPointerDown:L,children:[l&&s>0&&jsx("div",{className:"plainframe-ui-slider-stepper",css:ie,children:Array.from({length:je}).map((Z,Ee)=>jsx("span",{className:"plainframe-ui-slider-step-dot",css:be},Ee))}),jsx("div",{className:"plainframe-ui-slider-fill",css:Pe}),jsxs("button",{type:"button",role:"slider","aria-valuemin":o,"aria-valuemax":r,"aria-valuenow":g,"aria-disabled":i||void 0,tabIndex:i?-1:0,onKeyDown:D,onPointerDown:z,onPointerUp:_,onPointerCancel:_,onMouseEnter:()=>T(true),onMouseLeave:()=>T(false),className:"plainframe-ui-slider-thumb",css:[Re,he],children:[jsx(AnimatePresence,{children:U&&jsx(motion.div,{className:"plainframe-ui-slider-tooltip-anchor",css:Ce,initial:{opacity:0,scale:.9,y:m?0:4,x:m?4:0},animate:{opacity:1,scale:1,y:0,x:0},exit:{opacity:0,scale:.9,y:m?0:4,x:m?4:0},transition:{duration:.16,ease:"easeOut"},children:jsx(motion.div,{className:"plainframe-ui-slider-tooltip",css:Ie,initial:{opacity:0,y:m?0:4,x:m?-4:0},animate:{opacity:1,y:0,x:0},exit:{opacity:0,y:m?0:4,x:m?-4:0},transition:{duration:.16,ease:"easeOut"},onMouseEnter:()=>$(true),onMouseLeave:()=>$(false),children:g})})}),null]})]}),c&&m&&jsx("div",{className:"plainframe-ui-slider-label",css:[Y,{marginLeft:8}],children:c})]})};_l.displayName="Slider";var Af=e=>css({"--pf-ease":"cubic-bezier(.4,0,.2,1)",display:"flex",flexDirection:"column",maxWidth:e==null?"100%":typeof e=="number"?`${e}px`:e,width:"100%"}),Pf=css({display:"flex",alignItems:"center",width:"100%",gap:12}),Nf=e=>css({display:"flex",minWidth:0,flex:"0 0 auto",alignItems:"center",justifyContent:"center",gap:8,flexDirection:e==="left"?"row-reverse":e==="right"?"row":e==="top"?"column-reverse":"column"}),Df=e=>css({position:"relative",flex:"1 1 24px",minWidth:6,height:2,borderRadius:1,background:e,overflow:"hidden"}),Hf=(e,t,n)=>css({position:"absolute",inset:0,transformOrigin:"left center",transform:`scaleX(${e})`,background:t,transition:n?"all .28s var(--pf-ease)":"none",willChange:"transform"}),Lf=css({flex:"1 1 24px",minWidth:2,display:"flex",alignItems:"center",justifyContent:"center"}),Bf=(e,t,n,o,r)=>css({position:"relative",appearance:"none",border:`2px solid ${o}`,width:e,height:e,minWidth:e,minHeight:e,borderRadius:r,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",userSelect:"none",background:t,color:n,transition:"all .22s var(--pf-ease)","&:disabled, &[aria-disabled='true']":{opacity:.55,cursor:"not-allowed"}}),$f=css({fontWeight:700,fontSize:14,lineHeight:1,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis"}),jl=e=>css({position:"absolute",inset:0,display:"inline-flex",alignItems:"center",justifyContent:"center",transform:`scale(${e?1:.3})`,opacity:e?1:0,transition:"background .22s var(--pf-ease), transform .16s var(--pf-ease), opacity .16s var(--pf-ease)",willChange:"transform, opacity"}),zf=(e,t,n,o,r)=>css({fontSize:14,color:e?t:n,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",transition:"all .16s ease",textAlign:"center",fontWeight:700,margin:`0 ${r}px`,borderRadius:o}),Of=me.memo(function({i:t,item:n,size:o,tokens:r,variant:s,titlePosition:i,isActive:u,completed:a,disabled:l,connectorColor:c,showConnector:d,animate:R,separator:f,canGoToIndex:v,setSelected:k}){let y=V(),w=xe(),{MAIN:b,ACTIVE_TEXT:m,ACTIVE_TEXT_OUTLINED:p,COMPLETE_BG:C,COMPLETE_FG:N,UPCOMING_BG_FILLED:x,UPCOMING_OUTLINE:T,UPCOMING_FG:P}=r,$="transparent",K=P,W=T;s==="subtle"?a?($=C,K=N,W=C):u?($=b,K=m,W=b):($=x,K=P,W=x):a?($=C,K=N,W=C):u?($="transparent",K=p,W=b):($="transparent",K=P,W=T);let S=n.label,F=n.icon??jsx("span",{css:$f,children:typeof S=="number"?S:t+1}),I=n.completedIcon??jsx(Check,{strokeWidth:3.25,size:16});return jsxs(Fragment,{children:[jsxs("div",{className:"plainframe-ui-step",css:Nf(i),children:[jsxs("button",{className:"plainframe-ui-step-node",css:[Bf(o,$,K,W,String(y.radius.full)),!l&&w({color:u?"primary":"neutral"})],onClick:()=>{!l&&v(t)&&k(n.value);},tabIndex:l?-1:0,"aria-current":u?"step":void 0,"aria-disabled":l||void 0,disabled:l,"aria-label":typeof S=="string"?S:`Step ${t+1}`,children:[jsx("span",{className:"plainframe-ui-step-content",css:jl(!a),children:F}),jsx("span",{className:"plainframe-ui-step-check",css:jl(!!a),children:I})]}),S&&jsx("span",{className:"plainframe-ui-step-label",css:zf(a||u,y.text.primary,y.text.secondary,String(y.radius.xs),Number(y.spacing.xs)),children:S})]}),d&&(f?jsx("div",{className:"plainframe-ui-stepper-separator",css:Lf,children:f}):jsx("div",{className:"plainframe-ui-step-connector",css:Df(y.neutral[300]),children:jsx("div",{className:"plainframe-ui-step-connector-fill",css:Hf(a?1:0,c,R),"aria-hidden":"true"})}))]})},(e,t)=>e.isActive===t.isActive&&e.completed===t.completed&&e.disabled===t.disabled&&e.variant===t.variant&&e.separator===t.separator&&e.connectorColor===t.connectorColor&&e.titlePosition===t.titlePosition&&e.size===t.size),na=()=>null;na.displayName="PlainframeUIStep";var Wf=({variant:e="subtle",value:t,defaultValue:n,onChange:o,disabled:r=false,allowForward:s=true,allComplete:i=false,color:u,activeBgColor:a,activeColor:l,completeBgColor:c,completeColor:d,separator:R,titlePosition:f="right",width:v,css:k,className:y,children:w,...b})=>{let m=V(),p=e==="outlined"?"outlined":"subtle",C=me.useMemo(()=>{let E=me.Children.toArray(w).filter(L=>me.isValidElement(L)&&L.type===na);return E.length?E.map((L,z)=>({index:z,...L.props})):[{value:1},{value:2},{value:3}]},[w]),N=me.useCallback((E,L)=>E?m.palette?.[E]??E:L,[m.palette]),x=me.useMemo(()=>({MAIN:String(N(a,typeof m.palette.primary[600]=="string"?m.palette.primary[600]:"")),ACTIVE_TEXT:String(N(l,typeof m.text.onColors?.primary=="string"?m.text.onColors?.primary:"")),ACTIVE_TEXT_OUTLINED:String(N(l,typeof m.text.primary=="string"?m.text.primary:"")),COMPLETE_BG:String(N(c,typeof m.palette.primary[600]=="string"?m.palette.primary[600]:"")),COMPLETE_FG:String(N(d,typeof m.text.onColors?.primary=="string"?m.text.onColors?.primary:"")),UPCOMING_BG_FILLED:String(typeof m.neutral[100]=="string"?m.neutral[100]:""),UPCOMING_OUTLINE:String(typeof m.neutral[300]=="string"?m.neutral[300]:""),UPCOMING_FG:String(typeof m.text.secondary=="string"?m.text.secondary:"")}),[N,a,l,c,d,m.palette.primary,m.neutral,m.text]),T=me.useMemo(()=>{let E=N(u,m.palette.primary[600]);return typeof E=="string"?E:String(E)},[N,u,m.palette.primary]),[P,$]=me.useState(()=>C.some(L=>L?.value===n)?n:C[0]?.value),K=t!==void 0,W=K?t:P,{activeIndex:S,afterLast:F}=me.useMemo(()=>{let E=C.findIndex(L=>L.value===W);if(E!==-1)return {activeIndex:E,afterLast:false};if(typeof W=="number"){let L=Math.floor(W)-1;if(L>=C.length)return {activeIndex:C.length-1,afterLast:true};if(L>=0)return {activeIndex:L,afterLast:false}}return {activeIndex:0,afterLast:false}},[C,W]),I=me.useCallback(E=>{r||(K||$(E),o?.(E));},[r,K,o]),g=me.useCallback(E=>i||!!C[E]?.complete||(F?true:E<S),[i,C,F,S]),h=me.useCallback(E=>{if(r)return false;let L=C[E];if(!L||L.disabled)return false;if(typeof s=="boolean"){if(s===false&&E>S)return false}else if(typeof s=="function"&&!s(S,E))return false;return true},[r,C,s,S]),[A,H]=me.useState(false);me.useEffect(()=>{let E=requestAnimationFrame(()=>H(true));return ()=>cancelAnimationFrame(E)},[]);let B=me.useCallback(E=>{if(!C.length||r)return;let L=S;if(E.key==="ArrowRight")L=Math.min(C.length-1,S+1);else if(E.key==="ArrowLeft")L=Math.max(0,S-1);else if(E.key==="Home")L=0;else if(E.key==="End")L=C.length-1;else return;E.preventDefault(),h(L)&&I(C[L].value);},[C,r,S,h,I]),M=34;return jsx("div",{tabIndex:-1,className:["plainframe-ui-stepper",y||""].join(" ").trim(),css:[Af(v),k],...b,children:jsx("div",{tabIndex:-1,className:"plainframe-ui-stepper-track",role:"list",onKeyDown:B,css:Pf,children:C.map((E,L)=>jsx(me.Fragment,{children:jsx(Of,{i:L,item:E,size:M,tokens:x,variant:p,titlePosition:f,isActive:!F&&L===S,completed:g(L),disabled:r||!!E.disabled,connectorColor:T,showConnector:L<C.length-1,animate:A,separator:R,canGoToIndex:h,setSelected:I})},String(E.value??L)))})})};var Nr=()=>null;Nr.displayName="PF.Tab";var Dr=()=>null;Dr.displayName="PF.TabContent";function _f(e){let t=e.props;return {type:t?.__EMOTION_TYPE_PLEASE_DO_NOT_USE__??e.type,props:t}}var jf=({children:e,defaultValue:t,value:n,onChange:o,variant:r="subtle",direction:s="horizontal",className:i,shadow:u=false,width:a,fullWidth:l=false,rounded:c=false,titlePosition:d="right",align:R,css:f,trackCss:v,thumbCss:k,activeTabCss:y,activeIndicatorCss:w})=>{let b=V(),m=xe(),p=s==="vertical",C=l||a!=null,N=R??(p?"left":"center"),x={left:"flex-start",center:"center",right:"flex-end"},{tabs:T,contents:P}=me.useMemo(()=>{let Q=[],ee=[];return me.Children.forEach(e,se=>{if(!me.isValidElement(se))return;let{type:pe,props:Se}=_f(se),Ne=pe===Nr||pe?.displayName===Nr.displayName,J=pe===Dr||pe?.displayName===Dr.displayName;if(Ne){let oe=Se;if(oe?.value===void 0)return;Q.push({value:oe.value,disabled:oe.disabled,node:oe.children,className:oe.className,css:oe.css,activeCss:oe.activeCss});}else if(J){let oe=Se;if(oe?.value===void 0)return;ee.push({value:oe.value,node:oe.children,className:oe.className,css:oe.css});}}),{tabs:Q,contents:ee}},[e]),$=me.useMemo(()=>T.find(Q=>!Q.disabled)?.value,[T]),[K,W]=me.useState(()=>t!==void 0&&T.some(ee=>ee.value===t&&!ee.disabled)?t:$),S=n!==void 0,F=S?n:K,I=me.useRef(null),g=me.useRef([]),h=Math.max(0,T.findIndex(Q=>Q.value===F)),[A,H]=me.useState({left:0,top:0,width:0,height:0}),[B,M]=me.useState(false),[E,L]=me.useState(false),z=me.useCallback(()=>{let Q=I.current,ee=g.current[h];if(!Q||!ee)return;let se=Q.getBoundingClientRect(),pe=ee.getBoundingClientRect();H({left:pe.left-se.left,top:pe.top-se.top,width:pe.width,height:pe.height});},[h]);me.useLayoutEffect(()=>{z(),B||(M(true),requestAnimationFrame(()=>L(true)));},[z,B]),me.useEffect(()=>{let Q=new ResizeObserver(()=>z());I.current&&Q.observe(I.current);let ee=g.current[h];ee&&Q.observe(ee);let se=()=>z();return window.addEventListener("resize",se),()=>{Q.disconnect(),window.removeEventListener("resize",se);}},[z,h]);let O=(Q,ee)=>{if(!T.length)return Q;let se=Q;for(let pe=0;pe<T.length;pe++)if(se=(se+ee+T.length)%T.length,!T[se].disabled)return se;return Q},_=Q=>{S||W(Q),o?.(Q);},D=Q=>{if(!T.length)return;let ee=h;if(Q.key===(p?"ArrowDown":"ArrowRight"))ee=O(h,1);else if(Q.key===(p?"ArrowUp":"ArrowLeft"))ee=O(h,-1);else if(Q.key==="Home")ee=T.findIndex(pe=>!pe.disabled);else if(Q.key==="End"){let pe=[...T].reverse().findIndex(Se=>!Se.disabled);ee=pe===-1?h:T.length-1-pe;}else return;Q.preventDefault();let se=T[ee]?.value;se!==void 0&&_(se),requestAnimationFrame(()=>g.current[ee]?.focus());},U=b.text.primary,X=b.text.secondary,ae=b.neutral[500],q=r==="subtle"?b.surface.subtleBg:"transparent",Y=r==="subtle"?b.surface.panelBg??b.surface.panelBg:r==="ghost"?b.surface.subtleBg:"transparent",le=b.text.primary,ie=r==="subtle"||r==="ghost"||r==="underlined",be=css({"--pf-ease":"cubic-bezier(.4,0,.2,1)",display:"flex",flexDirection:"column",width:l?"100%":a==null?"auto":typeof a=="number"?`${a}px`:a}),Pe=r==="subtle",Re=css({position:"relative",display:C?"flex":"inline-flex",width:C?"100%":"auto",flexDirection:p?"column":"row",alignItems:p?"stretch":"center",flexWrap:"nowrap",gap:b.spacing.xs,padding:Pe?b.spacing.xs:0,background:q,borderRadius:r==="subtle"?c?p?b.radius.lg:b.radius.full:b.radius.lg:"none"}),Ce=css({position:"absolute",zIndex:0,pointerEvents:"none",opacity:B?1:0,visibility:B?"visible":"hidden",transition:E?`${p?"top":"left"} .24s var(--pf-ease), ${p?"height":"width"} .24s var(--pf-ease), background-color .18s var(--pf-ease)`:"none",borderRadius:r==="subtle"||r==="ghost"?c?b.radius.full:b.radius.md:0,background:r==="underlined"?"transparent":Y,...p?{top:`${A.top}px`,height:`${A.height}px`,left:b.spacing.xs,right:b.spacing.xs}:{left:`${A.left}px`,width:`${A.width}px`,top:b.spacing.xs,bottom:b.spacing.xs},boxShadow:u&&r==="subtle"?"0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04)":"none"}),Ie=css(r!=="underlined"?{}:p?{background:"transparent",top:`${A.top}px`,height:`${A.height}px`,left:0,width:0,borderLeft:`2px solid ${le}`,borderBottom:"none",borderRadius:2}:{background:"transparent",left:`${A.left}px`,width:`${A.width}px`,bottom:0,top:"auto",height:0,borderBottom:`2px solid ${le}`,borderLeft:"none",borderRadius:2}),Te=css({position:"relative",zIndex:1,border:"none",background:"transparent",padding:r==="underlined"&&s!=="vertical"?`${b.spacing.md}`:r==="ghost"&&s!=="vertical"?`${b.spacing.md}`:`${b.spacing.xs} ${b.spacing.md}`,borderRadius:(r==="subtle"||r==="ghost")&&c?b.radius.full:b.radius.md,minHeight:b.componentHeights.sm,outline:"none",transition:"color .16s ease !important",display:"flex",alignItems:"center",justifyContent:"center",...p?{width:C?"100%":"auto",flex:"0 0 auto",textAlign:N}:C?{flex:"1 1 0",minWidth:0,textAlign:"center"}:{flex:"0 0 auto",minWidth:"max-content",textAlign:"center"},whiteSpace:"nowrap",boxSizing:"border-box",cursor:"pointer",userSelect:"none",fontSize:b.typography.sizes.sm,fontWeight:600,color:X,"&[aria-selected='true']":{color:U},"&:hover":{color:U},"&[aria-disabled='true'], &:disabled":{opacity:.55,cursor:"not-allowed",color:ae}}),we=css({display:"inline-flex",alignItems:"center",justifyContent:p?x[N]:"center",gap:6,width:"100%",flexDirection:d==="top"?"column-reverse":d==="bottom"?"column":d==="left"?"row-reverse":"row"}),he=css({marginTop:b.spacing.sm,width:"100%"}),je=me.useId(),Z=new Map;P.forEach((Q,ee)=>Z.set(Q.value,`${je}-panel-${ee}`));let Ee=Q=>`${je}-tab-${Q}`;return jsxs("div",{className:["plainframe-ui-tabs",i||""].join(" ").trim(),css:[be,f],children:[jsxs("div",{className:"plainframe-ui-tabs-track",ref:I,role:"tablist","aria-orientation":p?"vertical":"horizontal",onKeyDown:D,css:[Re,v],children:[ie&&jsx("div",{className:"plainframe-ui-tabs-thumb",css:[Ce,Ie,k,w]}),T.map((Q,ee)=>{let se=F===Q.value;return jsx("button",{ref:pe=>{g.current[ee]=pe;},role:"tab",id:Ee(ee),"aria-selected":se,"aria-controls":Z.get(Q.value),"aria-disabled":Q.disabled||void 0,disabled:Q.disabled,tabIndex:Q.disabled?-1:ee===h?0:-1,className:["plainframe-ui-tab",Q.className||""].join(" ").trim(),onClick:()=>{Q.disabled||_(Q.value);},css:[Te,!Q.disabled&&m(),Q.css,se?Q.activeCss??y:void 0],children:jsx("span",{className:"plainframe-ui-tab-content",css:we,children:Q.node})},String(Q.value??ee))})]}),P.map((Q,ee)=>{let se=Q.value===F;if(!se)return null;let pe=T.findIndex(Ne=>Ne.value===Q.value),Se=pe>=0?Ee(pe):void 0;return console.log("rendering panel for",Q.value,"active:",se),jsx("div",{role:"tabpanel",id:Z.get(Q.value),"aria-labelledby":Se,className:["plainframe-ui-tab-panel",Q.className||""].join(" ").trim(),css:[he,Q.css],children:Q.node},ee)})]})};var Ao=e=>e==null?void 0:typeof e=="number"?`${e}px`:e,kn=e=>e==null?[]:Array.isArray(e)?e:[e],Po=(...e)=>css(e.filter(Boolean)),Yf=({label:e,value:t,defaultValue:n="",onChange:o,placeholder:r,error:s,helperText:i,disabled:u=false,fullWidth:a=false,width:l=235,size:c="md",variant:d="subtle",rounded:R=false,rows:f=3,maxRows:v,maxLength:k,showCharCount:y,focusRingMode:w="always",resizable:b=false,className:m,wrapperCss:p,inputCss:C,labelCss:N,helperRowCss:x,helperTextCss:T,charCountCss:P,css:$,onBlur:K,onFocus:W,onKeyDown:S,autoFocus:F,name:I,id:g,tabIndex:h,autoComplete:A,readOnly:H,required:B})=>{let M=V(),E=Xo(),L=useId(),z=useMemo(()=>({sm:{fontSize:M.typography.sizes.sm,minHeight:M.componentHeights.sm,labelFont:M.typography.sizes.xs,helperFont:M.typography.sizes.xs,width:"12.5rem",paddingY:0,paddingX:M.spacing.md},md:{fontSize:M.typography.sizes.sm,minHeight:M.componentHeights.md,labelFont:M.typography.sizes.sm,helperFont:M.typography.sizes.xs,width:"15rem",paddingY:0,paddingX:M.spacing.md},lg:{fontSize:M.typography.sizes.sm,minHeight:M.componentHeights.lg,labelFont:M.typography.sizes.md,helperFont:M.typography.sizes.sm,width:"18.125rem",paddingY:0,paddingX:M.spacing.md}}),[M]),O=["sm","md","lg"].includes(c)?c:"md",_=z[O],D=M.neutral,U=M.text,X=t!==void 0,[ae,q]=useState(n),Y=X?t:ae,le=useCallback(se=>{X||q(se),o?.(se);},[X,o]),ie=useMemo(()=>u?D[200]:s&&d==="outlined"?M.palette.danger?.[50]??M.surface.panelBg:s&&d==="subtle"?M.palette.danger?.[50]??M.surface.subtleBg:d==="outlined"?M.surface.panelBg:d==="subtle"?M.surface.subtleBg:"transparent",[u,s,d,D,M.surface,M.palette.danger]),be=M.componentHeights.border,Pe=useMemo(()=>d==="outlined"?`${be} solid ${s?M.palette.danger?.[300]??M.surface.border:M.surface.border}`:"none",[d,be,s,M.palette.danger,M.surface.border]),Re=useMemo(()=>css({boxSizing:"border-box",display:"block",minWidth:0,width:"100%",maxWidth:a?"100%":l!=null?Ao(l):void 0,flex:"0 0 auto",fontWeight:500}),[a,l]),Ce=useMemo(()=>Po({fontSize:_.labelFont,fontWeight:500,color:s?M.palette.danger?.[700]??U.primary:u?D[500]:U.primary,marginBottom:4,display:"inline-block"},...kn(N)),[_.labelFont,s,u,D,U,M.palette.danger,N]),Ie=useMemo(()=>[{display:"flex",alignItems:"stretch",gap:M.spacing.sm,padding:`${Ao(_.paddingY)} 0 ${Ao(_.paddingY)} ${Ao(_.paddingX)}`,background:ie,border:Pe,borderRadius:R?M.radius.full:M.radius.md,minHeight:_.minHeight,width:"100%",cursor:u?"not-allowed":"text",opacity:u?.65:1,transition:"box-shadow .18s, border-color .16s"},...kn(p),...kn($)],[M,_,ie,Pe,be,R,u,p,$]),Te=typeof _.minHeight=="number"?`${_.minHeight}px`:_.minHeight,we=useMemo(()=>Po({width:"100%",minWidth:0,flex:1,resize:b?"vertical":"none",font:"inherit",fontWeight:500,fontSize:_.fontSize,lineHeight:1.5,color:u?D[500]:s?M.palette.danger?.[800]??U.primary:U.primary,background:"transparent",border:"none",outline:"none",padding:0,paddingRight:Ao(_.paddingX),overflowY:"auto",minHeight:Te,"&::placeholder":{color:s?M.palette.danger?.[700]??U.secondary:U.secondary},"&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus":{WebkitTextFillColor:`${s?M.palette.danger?.[800]??U.primary:U.primary} !important`,boxShadow:`0 0 0 1000px ${ie} inset !important`,transition:"opacity 99999s ease-out",caretColor:s?M.palette.danger?.[800]??U.primary:U.primary},":focus-within":{outline:"none",boxShadow:"none"},...f===1?{paddingBlock:`calc((${Te} - 1.5em) / 2)`}:{paddingBlock:"clamp(4px, 0.5em, 12px)"}},...kn(C)),[b,_,u,s,D,U,M.palette.danger,Te,ie,f,C]),he=useMemo(()=>Po({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:8,paddingTop:3},...kn(x)),[x]),je=useMemo(()=>Po({fontSize:_.helperFont,color:s?M.palette.danger?.[700]??U.secondary:U.secondary,flex:1,minWidth:0},...kn(T)),[_.helperFont,s,M.palette.danger,U,T]),Z=useMemo(()=>Po({fontSize:_.helperFont,color:k&&Y.length>k?M.palette.danger?.[700]??U.secondary:U.secondary,flexShrink:0},...kn(P)),[_.helperFont,k,Y.length,M.palette.danger,U,P]),Ee=useRef(null);useLayoutEffect(()=>{if(typeof window>"u")return;let se=Ee.current;if(!se)return;if(b){let Se=window.getComputedStyle(se),Ne=parseFloat(Se.lineHeight||"20"),J=typeof _.minHeight=="number"?_.minHeight:parseFloat(String(_.minHeight)),oe=Math.max(Ne*(f??1),J);se.style.setProperty("--pf-minh",`${oe}px`);return}(()=>{let Se=window.getComputedStyle(se),Ne=parseFloat(Se.lineHeight||"20"),J=typeof _.minHeight=="number"?_.minHeight:parseFloat(String(_.minHeight)),oe=Math.max(Ne*(f??1),J);se.style.setProperty("--pf-minh",`${oe}px`);let re=v?Ne*v:1/0;se.style.height="auto",se.style.height=`${Math.min(se.scrollHeight,re)}px`;})();},[Y,f,v,_.minHeight,b]);let Q=i!=null||y?`${g??L}-help`:void 0,ee=g??L;return jsxs("div",{className:["plainframe-ui-textarea",m||""].join(" ").trim(),css:Re,children:[e&&jsx("label",{htmlFor:ee,className:"plainframe-ui-textarea-label",css:Ce,children:e}),jsx("div",{className:"plainframe-ui-textarea-surface",css:[E({enabled:w!=="none",disabled:u,color:s?"danger":void 0}),Ie],"aria-invalid":!!s||void 0,"aria-disabled":u||void 0,onClick:()=>!u&&Ee.current?.focus(),children:jsx("textarea",{ref:Ee,id:ee,className:"plainframe-ui-textarea-input",css:we,rows:f,value:Y,onChange:se=>{let pe=se.target.value;k&&pe.length>k||le(pe);},placeholder:r||"",disabled:u,onBlur:K,onFocus:W,onKeyDown:S,autoFocus:F,name:I,tabIndex:h,autoComplete:A,readOnly:H,required:B,"aria-invalid":!!s||void 0,"aria-describedby":Q})}),(i!=null||y&&k!=null)&&jsxs("div",{className:"plainframe-ui-textarea-helper-row",css:he,children:[jsx("span",{id:Q,className:"plainframe-ui-textarea-helper-text",css:je,children:i}),y&&k!=null&&jsxs("span",{className:"plainframe-ui-textarea-char-count",css:Z,children:[Y.length,"/",k]})]})]})};var rg=jo,sg={type:"spring",stiffness:920,damping:100},ql="__toast_root__",ag=(e,t)=>t.split(".").reduce((n,o)=>n!=null&&typeof n=="object"?n[o]:void 0,e),Lr=(e,t)=>{for(let n of t){let o=ag(e,n);if(o!=null&&o!=="")return o}},ra=(e,t)=>e==null?`${t}px`:typeof e=="number"?`${e}px`:String(e);function ig(e){let t=Lr(e,["radius.md","shape.borderRadius","radii.md"]),n=Lr(e,["spacing.lg","space.4","spacing.4"]),o=Lr(e,["spacing.md","space.3","spacing.3"]),r=Lr(e,["shadows.lg","elevation.lg"])??"0 8px 24px rgba(0,0,0,.03), 0 2px 8px rgba(0,0,0,.05)";return {radius:ra(t,16),padX:ra(n,14),padY:ra(o,12),shadow:String(r)}}var lg=ig(rg),Wt=null,Yn=null,ye={max:5,position:"bottom-right",gutter:5,zIndex:1e3,duration:5e3,showDismiss:"hover",styles:{},renderer:void 0,bareRenderer:false};function Yl(){typeof document>"u"||(Wt||(Wt=document.getElementById("toast-host"),Wt||(Wt=document.createElement("div"),Wt.id="toast-host",document.body.appendChild(Wt))),Yn||(Yn=Wt[ql]??null,Yn||(Yn=createRoot(Wt),Wt[ql]=Yn,Yn.render(jsx(Na,{children:jsx(xg,{})})))));}var te={displayed:[],queue:[],entering:{},exiting:{},enterFrom:{},timers:new Map,expiry:new Map,remaining:new Map,paused:new Set,listeners:new Set,snapshot:{displayed:[],entering:{},exiting:{},enterFrom:{}},subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)},notify(){this.listeners.forEach(e=>e());},sync(){this.snapshot={displayed:[...this.displayed],entering:{...this.entering},exiting:{...this.exiting},enterFrom:{...this.enterFrom}};}},In=()=>{te.sync(),te.notify();},cg=()=>typeof crypto<"u"&&"randomUUID"in crypto&&typeof crypto.randomUUID=="function"?crypto.randomUUID():Math.random().toString(36).slice(2);function Br(e,t){if(t===null)return;let n=t??e.duration;if(n==null||te.timers.has(e.id))return;let o=Date.now(),r=te.remaining.get(e.id),s=r!=null?Math.max(0,r):n;te.expiry.set(e.id,o+s);let i=window.setTimeout(()=>Be.dismiss(e.id),s);te.timers.set(e.id,i);}function $r(e){let t=te.timers.get(e);t&&(clearTimeout(t),te.timers.delete(e));}function ug(){let e=false;for(;te.displayed.length<ye.max&&te.queue.length;){let t=te.queue.shift();te.displayed=[t,...te.displayed],te.enterFrom[t.id]="head",te.entering[t.id]=true,e=true,requestAnimationFrame(()=>{delete te.entering[t.id],In();}),Br(t);}e&&In();}function dg(){if(te.displayed.length<ye.max)return;let e=te.displayed.filter(o=>!te.exiting[o.id]);if(!e.length)return;let t=e.reduce((o,r)=>o.createdAt<=r.createdAt?o:r),n=te.expiry.get(t.id);n!=null&&te.remaining.set(t.id,Math.max(0,n-Date.now())),$r(t.id),te.exiting[t.id]=true,te.displayed=te.displayed.filter(o=>o.id!==t.id),delete te.enterFrom[t.id],te.queue.push(t),In();}var pg=e=>e==="danger"?"error":["default","success","error","warning","info"].includes(e)?e:"default";function mg(e,t){let n=pg(t),o=e,r=o.surface,s=o.text,i=r?.panelBg??"#fff",u=s?.primary??"#111",a=r?.border;if(n==="default"||n==="info")return {bg:i,fg:u,border:a};let l=s?.onColors??{},c=(d,R,f)=>{let v=o.colors,k=o.palette;return {bg:v?.[d]??k?.[d]?.[700]??R,fg:l?.[d]??f,border:"transparent"}};return n==="success"?c("success","#22C55E","#fff"):n==="warning"?c("warning","#F59E0B","#fff"):n==="error"?c("error","#EF4444","#fff"):{bg:i,fg:u,border:a}}var Be=Object.assign((e,t)=>{Yl();let n=a=>a!=null&&typeof a[Symbol.iterator]=="function",o=a=>!!a&&(typeof a=="object"||typeof a=="function")&&typeof a.then=="function",r;typeof e=="object"&&e!=null&&!me.isValidElement(e)&&!n(e)&&!o(e)?r=e:r={content:(me.isValidElement(e),e),...t||{}},r.content==null&&(r.title!=null||r.description!=null)&&(r.content=jsxs("div",{children:[r.title&&jsx("strong",{style:{display:"block",marginBottom:2},children:r.title}),r.description]}));let s=r.id??cg(),i=a=>{let l=a.findIndex(R=>R.id===s);if(l===-1)return false;let c=a[l],d={...c,status:r.status??c.status,content:r.content??c.content,title:r.title??c.title,description:r.description??c.description,startIcon:r.startIcon??c.startIcon,endIcon:r.endIcon??c.endIcon,action:r.action??c.action,onClose:r.onClose??c.onClose,duration:r.duration===void 0?c.duration:r.duration,pauseOnHover:r.pauseOnHover??c.pauseOnHover,showDismiss:r.showDismiss??c.showDismiss,render:r.render??c.render,bare:r.bare??c.bare,onClick:r.onClick??c.onClick,width:r.width??c.width};return a[l]=d,$r(s),te.remaining.delete(s),te.paused.has(s)||Br(d),In(),true};if(i(te.displayed)||i(te.queue))return s;let u={id:s,status:r.status??"default",content:r.content,title:r.title,description:r.description,startIcon:r.startIcon,endIcon:r.endIcon,action:r.action,duration:r.duration===void 0?ye.duration:r.duration,onClose:r.onClose,createdAt:Date.now(),pauseOnHover:r.pauseOnHover??true,showDismiss:r.showDismiss,render:r.render,bare:r.bare,onClick:r.onClick,width:r.width??300};return te.displayed.length>=ye.max&&dg(),te.displayed=[...te.displayed,u],te.enterFrom[u.id]="tail",te.entering[u.id]=true,requestAnimationFrame(()=>{delete te.entering[u.id],In();}),In(),Br(u),s},{success:(e,t={})=>Be(e,{...t,status:"success"}),error:(e,t={})=>Be(e,{...t,status:"error"}),warning:(e,t={})=>Be(e,{...t,status:"warning"}),info:(e,t={})=>Be(e,{...t,status:"info"}),custom:(e,t={})=>Be(e,{...t}),update:(e,t)=>Be({id:e,...t}),dismiss:e=>{if(!e){let n=te.displayed.find(o=>!te.exiting[o.id])?.id;n&&Be.dismiss(n);return}$r(e),te.remaining.delete(e),te.paused.delete(e),te.exiting[e]=true;let t=te.displayed.find(n=>n.id===e);te.displayed=te.displayed.filter(n=>n.id!==e),delete te.enterFrom[e],In(),window.setTimeout(()=>t?.onClose?.(),120),ug();},clear:()=>{[...te.displayed.map(t=>t.id)].forEach(t=>Be.dismiss(t));},pause:e=>{if(te.paused.has(e))return;let t=te.expiry.get(e);t!=null&&te.remaining.set(e,Math.max(0,t-Date.now())),te.paused.add(e),$r(e);},resume:e=>{if(!te.paused.has(e))return;te.paused.delete(e);let t=te.displayed.find(o=>o.id===e)??te.queue.find(o=>o.id===e),n=te.remaining.get(e);t&&Br(t,n??void 0),te.remaining.delete(e);},pauseLatest:()=>{let e=te.displayed.at(-1);e&&Be.pause(e.id);},resumeLatest:()=>{let e=te.displayed.at(-1);e&&Be.resume(e.id);},promise:(e,t,n={})=>{let o=Be(t.loading,{...n,status:"info",duration:null});return e.then(r=>{Be.update(o,{status:"success",content:t.success(r),duration:n.duration??2500});}).catch(r=>{Be.update(o,{status:"error",content:t.error(r),duration:n.duration??3e3});}),e},config:e=>{e.max!=null&&(ye.max=e.max),e.position&&(ye.position=e.position),e.gutter!=null&&(ye.gutter=e.gutter),e.zIndex!=null&&(ye.zIndex=e.zIndex),e.duration!==void 0&&(ye.duration=e.duration),e.showDismiss&&(ye.showDismiss=e.showDismiss),e.styles&&(ye.styles={...ye.styles,...e.styles}),e.renderer!==void 0&&(ye.renderer=e.renderer),e.bareRenderer!==void 0&&(ye.bareRenderer=e.bareRenderer);}});function fg(e){return typeof e=="string"?e:e===true?"always":e===false?"never":ye.showDismiss}function gg(e){return {"top-left":{top:16,left:16,alignItems:"flex-start"},"top-center":{top:16,left:"50%",transform:"translateX(-50%)",alignItems:"center"},"top-right":{top:16,right:16,alignItems:"flex-end"},"bottom-left":{bottom:16,left:16,alignItems:"flex-start"},"bottom-center":{bottom:16,left:"50%",transform:"translateX(-50%)",alignItems:"center"},"bottom-right":{bottom:16,right:16,alignItems:"flex-end"}}[e]}var bg=css({display:"flex",alignItems:"flex-start",gap:10}),Gl=css({flex:"0 0 auto",paddingTop:1,lineHeight:0,marginLeft:-3,"& svg, & img, & canvas, & video":{display:"block"}}),hg=css({fontSize:14,lineHeight:1.4,fontWeight:500,flex:1,minWidth:0}),yg=css({display:"flex",alignItems:"center",gap:6,marginRight:-2}),xg=me.memo(function(){let t=useSyncExternalStore(te.subscribe.bind(te),()=>te.snapshot,()=>te.snapshot),n=V(),o=ye.position.startsWith("bottom"),r=me.useMemo(()=>o?t.displayed:[...t.displayed].reverse(),[t.displayed,o]),s=me.useMemo(()=>({position:"fixed",zIndex:ye.zIndex,pointerEvents:"none",width:"100%",display:"flex",flexDirection:"column",...gg(ye.position),...ye.styles.stack??{}}),[]);return jsx("div",{className:"plainframe-ui-toast-stack",css:css(s),children:jsx(AnimatePresence,{initial:false,children:r.map((i,u)=>{let a=t.enterFrom[i.id]||"tail",l=o?a==="head"?-16:16:a==="head"?16:-16,c=u>0?ye.gutter:0,d={toast:i,close:Be.dismiss,pause:Be.pause,resume:Be.resume},{bg:R,fg:f,border:v}=mg(n,i.status),k={position:"relative",overflow:"hidden",borderRadius:n.radius.md,boxShadow:lg.shadow,padding:`${n.spacing.md} calc(${n.spacing.lg} + 30px) ${n.spacing.md} ${n.spacing.lg}`,display:"grid",gridTemplateColumns:"1fr auto",gap:10,background:R,color:f,cursor:i.onClick?"pointer":"default",border:v?`1px solid ${v}`:"1px solid transparent"},y=typeof ye.styles.surface=="function"?ye.styles.surface(i):ye.styles.surface??{},w=fg(i.showDismiss),b={},m="& .plainframe-ui-toast-close",p="&:hover .plainframe-ui-toast-close";w==="hover"?(b[m]={opacity:0,pointerEvents:"none"},b[p]={opacity:1,pointerEvents:"auto"}):w==="always"?b[m]={opacity:1,pointerEvents:"auto"}:w==="never"&&(b[m]={display:"none"});let C=css({...k,...y,...b}),N=css({position:"absolute",top:8,right:8,appearance:"none",border:0,background:"transparent",color:f,width:28,height:28,borderRadius:8,cursor:"pointer",lineHeight:1,transition:"opacity .12s ease",display:"grid",placeItems:"center",...ye.styles.close??{}}),x;if(i.bare&&i.render){let T=typeof i.render=="function"?i.render(d):i.render;x=jsx("div",{style:{pointerEvents:"auto"},onClick:P=>i.onClick?.(i.id,P),children:T});}else if(ye.bareRenderer&&ye.renderer){let T=typeof ye.renderer=="function"?ye.renderer(d):ye.renderer;x=jsx("div",{style:{pointerEvents:"auto"},onClick:P=>i.onClick?.(i.id,P),children:T});}else {let T;ye.renderer?T=typeof ye.renderer=="function"?ye.renderer(d):ye.renderer:i.render&&!i.bare?T=typeof i.render=="function"?i.render(d):i.render:T=jsxs(Fragment,{children:[jsxs("div",{css:bg,children:[i.startIcon&&jsx("div",{css:Gl,children:i.startIcon}),jsx("div",{css:hg,children:i.content}),i.endIcon&&jsx("div",{css:Gl,children:i.endIcon})]}),i.action&&jsx("div",{css:yg,children:i.action})]}),x=jsxs("div",{css:C,onClick:P=>i.onClick?.(i.id,P),children:[T,jsx("button",{className:"plainframe-ui-toast-close","aria-label":"Close",css:N,onClick:P=>{P.stopPropagation(),Be.dismiss(i.id);},children:jsx(X,{strokeWidth:2.5,size:14})})]});}return jsx(vg,{id:i.id,isBottom:o,mt:c,enterY:l,width:i.width,pauseOnHover:i.pauseOnHover!==false,children:x},i.id)})})})}),vg=me.memo(function(t){let{id:n,isBottom:o,mt:r,enterY:s,width:i,pauseOnHover:u,children:a}=t,l=useAnimationControls();useEffect(()=>{l.start({opacity:1,y:0,height:"auto",x:0,transition:sg});},[l]);let c={pointerEvents:"auto",willChange:"transform, opacity, height, margin, scale, width, max-width",marginTop:r,width:"100%",maxWidth:i!=null?typeof i=="number"?`${i}px`:i:"none",...ye.styles.item??{}};return jsx(motion.div,{layout:"position",className:"plainframe-ui-toast-item",css:css(c),initial:{opacity:0,y:s,height:"auto",x:0},animate:l,exit:{opacity:0,y:o?6:-6,height:0,marginTop:0,transition:{type:"tween",ease:"easeInOut",duration:.14}},drag:"x",dragElastic:.2,dragMomentum:true,whileDrag:{scale:.98,opacity:.95},onDragEnd:(d,R)=>{let f=Math.abs(R.offset.x),v=Math.abs(R.velocity.x);if(!(f>60||v>600)){l.start({x:0,opacity:1,transition:{type:"spring",stiffness:700,damping:40}});return}let w=(R.offset.x!==0?Math.sign(R.offset.x):Math.sign(R.velocity.x||1))*(window.innerWidth+160),b=typeof R.velocity.x=="number"?R.velocity.x/10:0;l.start({x:w,opacity:.9,transition:{type:"spring",stiffness:280,damping:24,velocity:b}}).then(()=>Be.dismiss(n));},onMouseEnter:u?()=>Be.pause(n):void 0,onMouseLeave:u?()=>Be.resume(n):void 0,children:a})}),Xl=false;(function(){Xl||(Xl=true,Yl());})();var _g=(...e)=>t=>{for(let n of e)if(n)if(typeof n=="function")n(t);else try{n.current=t;}catch{}},Ql=createContext(null),ec=()=>{let e=useContext(Ql);if(!e)throw new Error("TooltipTrigger/TooltipContent must be inside <Tooltip>.");return e},jg=({children:e,placement:t="top",open:n,defaultOpen:o=false,onOpenChange:r,delay:s=80,arrow:i=true,autoWidth:u=false,disableHoverListener:a=false})=>{let[l,c]=useState(!!o),d=n??l,R=x=>{n===void 0&&c(x),r?.(x);},f=useRef(null),v=useFloating({placement:t,open:d,onOpenChange:R,whileElementsMounted:autoUpdate,strategy:"fixed",transform:false,middleware:[offset(8),flip({padding:8}),shift({padding:8}),i?arrow({element:f,padding:4}):void 0].filter(Boolean)}),k=useHover(v.context,{enabled:!a,delay:{open:s,close:60},handleClose:safePolygon(),restMs:20}),y=useFocus(v.context),w=useDismiss(v.context,{escapeKey:true,outsidePress:true}),b=useRole(v.context,{role:"tooltip"}),{getReferenceProps:m,getFloatingProps:p}=useInteractions([k,y,w,b]),C=useId(),N=useMemo(()=>({open:d,setOpen:R,id:C,placement:v.placement,autoWidth:u,allowArrow:!!i,refs:v.refs,floatingStyles:v.floatingStyles,middlewareData:v.middlewareData,getReferenceProps:m,getFloatingProps:p,arrowRef:f}),[d,u,i,v.placement,v.refs,v.floatingStyles,v.middlewareData,m,p]);return jsx(Ql.Provider,{value:N,children:e})},Vg=({asChild:e=true,children:t,className:n,css:o})=>{let{refs:r,getReferenceProps:s,id:i}=ec(),u=me.isValidElement(t),a=u&&typeof t.type=="string";if(e&&u&&a){let l=t,c="ref"in l?l.ref:void 0,d=s({...l.props,"aria-describedby":i,ref:_g(c,r.setReference),className:[l.props?.className||"",n||""].join(" ").trim()||void 0}),R=[l.props?.css||void 0,o].filter(Boolean);return me.cloneElement(l,{...d,css:R})}return jsx("span",{ref:r.setReference,className:n,css:o,style:{display:"inline-flex"},...s({"aria-describedby":i}),children:t})},Ug=({children:e,className:t,css:n,arrowCss:o})=>{let {open:r,refs:s,floatingStyles:i,middlewareData:u,getFloatingProps:a,placement:l,id:c,autoWidth:d,allowArrow:R,arrowRef:f}=ec(),v=V(),k=l.split("-")[0]||"top",w=k==="bottom"?{opacity:0,y:-8,scale:.98}:k==="top"?{opacity:0,y:8,scale:.98}:k==="left"?{opacity:0,x:8,scale:.98}:{opacity:0,x:-8,scale:.98},b=w,m=k==="bottom"?"center top":k==="top"?"center bottom":k==="left"?"right center":"left center",p=css({zIndex:1300,backgroundColor:v.neutral[900],color:v.neutral[0],borderRadius:8,padding:"6px 9px",fontSize:12,fontWeight:500,lineHeight:1.25,maxWidth:260,whiteSpace:d?"nowrap":"normal",boxShadow:"0 10px 30px rgba(0,0,0,.18)",pointerEvents:"auto",transformOrigin:m}),C=css({position:"absolute",width:10,height:10,borderRadius:2,backgroundColor:v.neutral[900],transform:"rotate(45deg)",pointerEvents:"none"}),N=u.arrow,x={top:"bottom",bottom:"top",left:"right",right:"left"}[k];return jsx(FloatingPortal,{children:jsx(AnimatePresence,{children:r&&jsxs(motion.div,{id:c,ref:s.setFloating,role:"tooltip","data-state":"open",className:["plainframe-ui-tooltip",t||""].join(" ").trim(),css:[p,n],style:i,initial:w,animate:{opacity:1,x:0,y:0,scale:1},exit:b,transition:{scale:{type:"spring",stiffness:520,damping:36,mass:.6},x:{type:"spring",stiffness:420,damping:32,mass:.6},y:{type:"spring",stiffness:420,damping:32,mass:.6},opacity:{duration:.14,ease:"linear"}},...a(),children:[e,R&&jsx("div",{ref:f,className:"plainframe-ui-tooltip-arrow",css:[C,o],style:{left:N?.x!=null?`${N.x}px`:void 0,top:N?.y!=null?`${N.y}px`:void 0,[x]:"-3px"}})]})})})};function Yg(){let e=V();return jsx(Global,{styles:css`
|
|
21
21
|
*,*::before,*::after{box-sizing:border-box}
|
|
22
22
|
|
|
23
23
|
body{
|