lucent-ui 0.39.1 → 0.41.0

package/dist/LucentProvider-DluNb5H9.cjs

@@ -0,0 +1,109 @@
+"use strict";const c=require("react/jsx-runtime"),m=require("react"),Lt=require("react-dom"),Ct={primary:{background:"var(--lucent-accent-default)",color:"var(--lucent-accent-fg)",border:"1px solid transparent"},secondary:{background:"color-mix(in srgb, var(--lucent-accent-default) 16%, transparent)",color:"var(--lucent-text-primary)",border:"1px solid transparent"},outline:{background:"transparent",color:"var(--lucent-text-primary)",border:"1px solid color-mix(in srgb, var(--lucent-accent-default) 35%, var(--lucent-border-default))"},ghost:{background:"transparent",color:"var(--lucent-text-primary)",border:"1px solid transparent"},danger:{background:"var(--lucent-danger-default)",color:"#ffffff",border:"1px solid var(--lucent-danger-default)"},"danger-outline":{background:"transparent",color:"var(--lucent-danger-text)",border:"1px solid var(--lucent-danger-default)"},"danger-ghost":{background:"transparent",color:"var(--lucent-danger-text)",border:"1px solid transparent"}},Ft={"2xs":{height:"22px",padding:"0 var(--lucent-space-2)",fontSize:"var(--lucent-font-size-xs)",borderRadius:"var(--lucent-radius-md)"},xs:{height:"26px",padding:"0 var(--lucent-space-3)",fontSize:"var(--lucent-font-size-xs)"},sm:{height:"calc(var(--lucent-space-8) * 0.5 + 18px)",padding:"0 var(--lucent-space-4)",fontSize:"var(--lucent-font-size-sm)"},md:{height:"calc(var(--lucent-space-10) * 0.5 + 22px)",padding:"0 var(--lucent-space-5)",fontSize:"var(--lucent-font-size-md)"},lg:{height:"calc(var(--lucent-space-12) * 0.5 + 26px)",padding:"0 var(--lucent-space-6)",fontSize:"var(--lucent-font-size-lg)"}},Ie=m.forwardRef(({variant:e="primary",size:t="md",loading:s=!1,fullWidth:a=!1,spread:n=!1,leftIcon:r,rightIcon:o,chevron:i=!1,disableHoverStyles:u=!1,bordered:f=!0,href:d,target:x,rel:v,children:b,disabled:y,style:P,type:T,onClick:M,...p},h)=>{const D=y??s,I=!b&&!s&&(!!r||!!o),L=d!==void 0,N=L?"a":"button",W={display:"inline-flex",alignItems:"center",justifyContent:n?"space-between":"center",gap:"var(--lucent-space-2)",fontFamily:"var(--lucent-font-family-base)",fontWeight:"var(--lucent-font-weight-medium)",lineHeight:1,letterSpacing:"0.01em",borderRadius:"var(--lucent-radius-lg)",cursor:D?"not-allowed":"pointer",width:a?"100%":void 0,transition:"background var(--lucent-duration-fast) var(--lucent-easing-default), border-color var(--lucent-duration-fast) var(--lucent-easing-default), box-shadow var(--lucent-duration-fast) var(--lucent-easing-default), transform 80ms var(--lucent-easing-default)",whiteSpace:"nowrap",boxSizing:"border-box",outline:"none",margin:0,...Ft[t],...I&&{padding:0,aspectRatio:"1"},...Ct[e],...L&&{textDecoration:"none"},...P,...D&&{background:"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",color:"var(--lucent-text-disabled)",borderColor:"transparent",...L&&{pointerEvents:"none"}},...f===!1&&{border:"none"}};return c.jsxs(N,{ref:h,"aria-busy":s,style:W,...L?{role:"link",...D?{"aria-disabled":!0,tabIndex:-1}:{href:d},...x!==void 0&&{target:x},...v!==void 0&&{rel:v}}:{disabled:D,...T!==void 0&&{type:T}},onMouseEnter:k=>{var $;!D&&!u&&Ht(k.currentTarget,e,f),($=p.onMouseEnter)==null||$.call(p,k)},onMouseLeave:k=>{var $;!D&&!u&&Et(k.currentTarget,e,f),($=p.onMouseLeave)==null||$.call(p,k)},onMouseDown:k=>{var $;if(!D){const B=e==="danger"||e==="danger-outline"||e==="danger-ghost"?"color-mix(in srgb, var(--lucent-danger-default) 40%, transparent)":"color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)";k.currentTarget.style.transform="translateY(1px)",k.currentTarget.style.boxShadow=`0 0 0 4px ${B}`,k.currentTarget.dataset.pressed="1"}($=p.onMouseDown)==null||$.call(p,k)},onMouseUp:k=>{var $;k.currentTarget.style.transform="",k.currentTarget.style.boxShadow="",delete k.currentTarget.dataset.pressed,($=p.onMouseUp)==null||$.call(p,k)},onFocus:k=>{var $;k.currentTarget.dataset.pressed||(k.currentTarget.style.boxShadow="0 0 0 3px var(--lucent-accent-subtle)"),($=p.onFocus)==null||$.call(p,k)},onBlur:k=>{var $;k.currentTarget.style.boxShadow="",($=p.onBlur)==null||$.call(p,k)},onClick:k=>{if(L&&D){k.preventDefault();return}M==null||M(k)},...p,children:[r,s?c.jsx(Ot,{}):b,!s&&o,!s&&i&&c.jsx(At,{size:t})]})});Ie.displayName="Button";const Wt={primary:"0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 25%, transparent)",secondary:"0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",outline:"0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",ghost:"0 4px 14px -2px color-mix(in srgb, var(--lucent-accent-default) 15%, transparent)",danger:"0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 25%, transparent)","danger-outline":"0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 20%, transparent)","danger-ghost":"0 4px 14px -2px color-mix(in srgb, var(--lucent-danger-default) 15%, transparent)"};function Ht(e,t,s){e.style.transform="translateY(-1px)",e.style.boxShadow=Wt[t],t==="primary"?e.style.background="var(--lucent-accent-hover)":t==="secondary"?e.style.background="color-mix(in srgb, var(--lucent-accent-default) 22%, transparent)":t==="outline"?e.style.background="color-mix(in srgb, var(--lucent-accent-default) 10%, transparent)":t==="ghost"?e.style.background="color-mix(in srgb, var(--lucent-accent-default) 8%, transparent)":t==="danger"?(e.style.background="var(--lucent-danger-hover)",s!==!1&&(e.style.borderColor="var(--lucent-danger-hover)")):t==="danger-outline"?(e.style.background="color-mix(in srgb, var(--lucent-danger-default) 10%, var(--lucent-surface))",s!==!1&&(e.style.borderColor="var(--lucent-danger-hover)")):t==="danger-ghost"&&(e.style.background="color-mix(in srgb, var(--lucent-danger-default) 8%, var(--lucent-surface))")}function Et(e,t,s){e.style.transform="",e.style.boxShadow="",t==="primary"?e.style.background="var(--lucent-accent-default)":t==="secondary"?e.style.background="color-mix(in srgb, var(--lucent-accent-default) 16%, transparent)":t==="outline"||t==="ghost"?e.style.background="transparent":t==="danger"?(e.style.background="var(--lucent-danger-default)",s!==!1&&(e.style.borderColor="var(--lucent-danger-default)")):t==="danger-outline"?(e.style.background="transparent",s!==!1&&(e.style.borderColor="var(--lucent-danger-default)")):t==="danger-ghost"&&(e.style.background="transparent")}const Nt={"2xs":8,xs:10,sm:12,md:14,lg:16};function At({size:e}){const t=Nt[e];return c.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,style:{flexShrink:0,marginLeft:-2},children:c.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Ot(){return c.jsxs("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round","aria-hidden":!0,style:{animation:"lucent-spin 0.7s linear infinite",flexShrink:0},children:[c.jsx("style",{children:"@keyframes lucent-spin { to { transform: rotate(360deg); } }"}),c.jsx("path",{d:"M12 2a10 10 0 0 1 10 10"})]})}const Xt={sm:"calc(var(--lucent-space-8) * 0.5 + 16px)",md:"calc(var(--lucent-space-10) * 0.5 + 20px)",lg:"calc(var(--lucent-space-12) * 0.5 + 24px)"},_e={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},ke={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-sm)",lg:"var(--lucent-font-size-md)"},Q={sm:"var(--lucent-space-3)",md:"var(--lucent-space-4)",lg:"var(--lucent-space-4)"},Ke={sm:"calc(var(--lucent-space-3) + 14px + var(--lucent-space-2))",md:"calc(var(--lucent-space-4) + 18px + var(--lucent-space-2))",lg:"calc(var(--lucent-space-4) + 20px + var(--lucent-space-3))"},Y=m.forwardRef(({size:e="md",label:t,helperText:s,errorText:a,leftElement:n,rightElement:r,prefix:o,suffix:i,id:u,style:f,...d},x)=>{const v=u??`lucent-input-${Math.random().toString(36).slice(2,7)}`,b=!!a,y=!!d.disabled,[P,T]=m.useState(!1),[M,p]=m.useState(!1),h=y?"transparent":b?"var(--lucent-danger-default)":P?"var(--lucent-accent-border)":M?"var(--lucent-border-strong)":"var(--lucent-border-default)",D=P?`0 0 0 3px ${b?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none",I={display:"flex",alignItems:"center",color:y?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",fontSize:_e[e],fontFamily:"var(--lucent-font-family-base)",whiteSpace:"nowrap",userSelect:"none",flexShrink:0},L={...I,paddingLeft:Q[e],paddingRight:"2px"},N={...I,paddingLeft:"2px",paddingRight:Q[e]};return c.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...f},children:[t&&c.jsx("label",{htmlFor:v,style:{fontSize:ke[e],fontWeight:"var(--lucent-font-weight-medium)",color:y?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:t}),c.jsxs("div",{style:{display:"flex",alignItems:"stretch",height:Xt[e],border:`1px solid ${h}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:D,background:y?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",overflow:"hidden",cursor:y?"not-allowed":void 0,transition:["border-color var(--lucent-duration-fast) var(--lucent-easing-default)","box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)"].join(", ")},onMouseEnter:()=>{y||p(!0)},onMouseLeave:()=>p(!1),children:[o&&c.jsx("span",{style:L,children:o}),c.jsxs("div",{style:{position:"relative",flex:1,display:"flex",alignItems:"center",minWidth:0},children:[n&&c.jsx("span",{style:{position:"absolute",left:Q[e],color:y?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center",pointerEvents:"none"},children:n}),c.jsx("input",{ref:x,id:v,"aria-invalid":b,"aria-describedby":b?`${v}-error`:s?`${v}-helper`:void 0,style:{width:"100%",height:"100%",paddingLeft:n?Ke[e]:Q[e],paddingRight:r?Ke[e]:Q[e],fontSize:_e[e],fontFamily:"var(--lucent-font-family-base)",color:y?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",outline:"none",cursor:y?"not-allowed":void 0,boxSizing:"border-box"},...d,onFocus:W=>{var k;T(!0),(k=d.onFocus)==null||k.call(d,W)},onBlur:W=>{var k;T(!1),(k=d.onBlur)==null||k.call(d,W)}}),r&&c.jsx("span",{style:{position:"absolute",right:Q[e],color:y?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:r})]}),i&&c.jsx("span",{style:N,children:i})]}),b&&c.jsx("span",{id:`${v}-error`,role:"alert",style:{fontSize:ke[e],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:a}),!b&&s&&c.jsx("span",{id:`${v}-helper`,style:{fontSize:ke[e],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:s})]})});Y.displayName="Input";const Ut={neutral:{bg:"var(--lucent-surface-secondary)",color:"var(--lucent-text-secondary)",border:"var(--lucent-border-default)"},accent:{bg:"var(--lucent-accent-default)",color:"var(--lucent-accent-fg)",border:"var(--lucent-accent-default)"},success:{bg:"var(--lucent-success-subtle)",color:"var(--lucent-success-text)",border:"var(--lucent-success-subtle)"},warning:{bg:"var(--lucent-warning-subtle)",color:"var(--lucent-warning-text)",border:"var(--lucent-warning-subtle)"},danger:{bg:"var(--lucent-danger-subtle)",color:"var(--lucent-danger-text)",border:"var(--lucent-danger-subtle)"},info:{bg:"var(--lucent-info-subtle)",color:"var(--lucent-info-text)",border:"var(--lucent-info-subtle)"}},qt={sm:{fontSize:"var(--lucent-font-size-xs)",padding:"0 var(--lucent-space-2)",height:"18px"},md:{fontSize:"var(--lucent-font-size-sm)",padding:"0 var(--lucent-space-2)",height:"22px"}};function Gt({variant:e="neutral",size:t="md",dot:s=!1,children:a,style:n}){const r=Ut[e],o=qt[t];return c.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--lucent-space-1)",height:o.height,padding:o.padding,fontSize:o.fontSize,fontFamily:"var(--lucent-font-family-base)",fontWeight:"var(--lucent-font-weight-medium)",lineHeight:1,borderRadius:"var(--lucent-radius-full)",background:r.bg,color:r.color,border:`1px solid ${r.border}`,whiteSpace:"nowrap",boxSizing:"border-box",...n},children:[s&&c.jsx("span",{style:{width:6,height:6,borderRadius:"var(--lucent-radius-full)",background:"currentColor",flexShrink:0}}),a]})}const Vt={sm:"calc(var(--lucent-space-8) * 0.5 + 16px)",md:"calc(var(--lucent-space-10) * 0.5 + 20px)",lg:"calc(var(--lucent-space-12) * 0.5 + 24px)"},_t={sm:{track:[28,16],thumb:12},md:{track:[36,20],thumb:16},lg:{track:[44,24],thumb:20}},Ye="cubic-bezier(0.34, 1.56, 0.64, 1)",Kt=`
+@keyframes lucent-toggle-pop {
+  0%   { transform: scale(1); }
+  35%  { transform: scale(0.94); }
+  70%  { transform: scale(1.06); }
+  100% { transform: scale(1); }
+}
+`;function Yt({label:e,size:t="md",checked:s,defaultChecked:a,contained:n=!1,helperText:r,align:o="left",disabled:i,id:u,onChange:f,style:d,...x}){const v=u??`lucent-toggle-${Math.random().toString(36).slice(2,7)}`,b=s!==void 0,[y,P]=m.useState(a??!1),T=b?!!s:y,M=m.useRef(T),[p,h]=m.useState(0),[D,I]=m.useState(!1);m.useEffect(()=>{if(!i&&M.current!==T){M.current=T,h(X=>X+1),I(!0);const H=setTimeout(()=>I(!1),150);return()=>clearTimeout(H)}},[T,i]);const{track:[L,N],thumb:W}=_t[t],k=T?L-W-2:2,$=H=>{b||P(H.target.checked),f==null||f(H)},G=c.jsxs("span",{"aria-hidden":!0,style:{position:"relative",width:L,height:N,borderRadius:N/2,flexShrink:0},children:[c.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"inherit",background:i?"var(--lucent-surface-secondary)":T?"var(--lucent-accent-default)":"color-mix(in srgb, var(--lucent-text-primary) 12%, transparent)",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)",animation:p>0?`lucent-toggle-pop 240ms ${Ye} forwards`:void 0}},p),c.jsx("span",{style:{position:"absolute",top:2,left:k,width:D?W*1.3:W,height:W,borderRadius:W,background:"#ffffff",boxShadow:"0 1px 3px rgb(0 0 0 / 0.2)",transition:`left 260ms ${Ye}, width 200ms cubic-bezier(0.22, 1, 0.36, 1)`}})]}),B=c.jsxs("label",{style:{display:o==="right"?"flex":"inline-flex",alignItems:r?"flex-start":"center",gap:"var(--lucent-space-2)",...o==="right"?{width:"100%"}:{},cursor:i?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:t==="sm"?"var(--lucent-font-size-sm)":"var(--lucent-font-size-md)",color:i?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",userSelect:"none",...n?{}:d},children:[c.jsx("input",{type:"checkbox",role:"switch",id:v,checked:b?s:y,disabled:i,onChange:$,"aria-checked":T,style:{position:"absolute",opacity:0,width:0,height:0,margin:0,pointerEvents:"none"},...x}),o==="left"&&G,e||r?c.jsxs("span",{style:{display:"flex",flexDirection:"column",flex:o==="right"?1:void 0},children:[e&&c.jsx("span",{style:{fontWeight:r?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",lineHeight:r?1.3:1},children:e}),r&&c.jsx("span",{style:{fontSize:"var(--lucent-font-size-xs)",color:i?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",marginTop:"2px"},children:r})]}):null,o==="right"&&G]});return c.jsxs(c.Fragment,{children:[c.jsx("style",{children:Kt}),n?c.jsx("div",{style:{border:"1px solid var(--lucent-border-strong)",borderRadius:"var(--lucent-radius-lg)",...r?{padding:"var(--lucent-space-3)"}:{minHeight:Vt[t],padding:"0 var(--lucent-space-3)",display:"flex",alignItems:"center"},background:T&&!i?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"transparent",transition:"border-color var(--lucent-duration-fast) var(--lucent-easing-default), background var(--lucent-duration-fast) var(--lucent-easing-default)",cursor:i?"not-allowed":"pointer",...d},onClick:H=>{if(!i&&H.target===H.currentTarget){const X=H.currentTarget.querySelector("input");X==null||X.click()}},children:B}):B]})}const Zt={sm:"calc(var(--lucent-space-8) * 0.5 + 16px)",md:"calc(var(--lucent-space-10) * 0.5 + 20px)",lg:"calc(var(--lucent-space-12) * 0.5 + 24px)"},Jt={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},De={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-sm)",lg:"var(--lucent-font-size-md)"},Ze={sm:"var(--lucent-space-2)",md:"var(--lucent-space-3)",lg:"var(--lucent-space-3)"},Be=m.forwardRef(({options:e,size:t="md",label:s,helperText:a,errorText:n,placeholder:r,disabled:o,id:i,style:u,...f},d)=>{const x=i??`lucent-select-${Math.random().toString(36).slice(2,7)}`,v=!!n,b=!!o,[y,P]=m.useState(!1),[T,M]=m.useState(!1),p=b?"transparent":v?"var(--lucent-danger-default)":y?"var(--lucent-accent-border)":T?"var(--lucent-border-strong)":"var(--lucent-border-default)",h=y?`0 0 0 3px ${v?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none";return c.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...u},children:[s&&c.jsx("label",{htmlFor:x,style:{fontSize:De[t],fontWeight:"var(--lucent-font-weight-medium)",color:b?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:s}),c.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",height:Zt[t],border:`1px solid ${p}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:h,background:b?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",cursor:b?"not-allowed":"pointer",transition:["border-color var(--lucent-duration-fast) var(--lucent-easing-default)","box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)"].join(", ")},onMouseEnter:()=>{b||M(!0)},onMouseLeave:()=>M(!1),children:[c.jsxs("select",{ref:d,id:x,disabled:o,"aria-invalid":v,"aria-describedby":v?`${x}-error`:a?`${x}-helper`:void 0,style:{width:"100%",height:"100%",padding:`0 var(--lucent-space-8) 0 ${Ze[t]}`,fontSize:Jt[t],fontFamily:"var(--lucent-font-family-base)",color:b?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",borderRadius:"var(--lucent-radius-lg)",outline:"none",appearance:"none",cursor:b?"not-allowed":"pointer",boxSizing:"border-box"},onFocus:D=>{var I;b||P(!0),(I=f.onFocus)==null||I.call(f,D)},onBlur:D=>{var I;P(!1),(I=f.onBlur)==null||I.call(f,D)},onMouseDown:()=>{b||P(!0)},...f,children:[r&&c.jsx("option",{value:"",disabled:!0,children:r}),e.map(D=>c.jsx("option",{value:D.value,disabled:D.disabled,children:D.label},D.value))]}),c.jsx("span",{"aria-hidden":!0,style:{position:"absolute",right:Ze[t],pointerEvents:"none",color:b?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:c.jsx("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:c.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),v&&c.jsx("span",{id:`${x}-error`,role:"alert",style:{fontSize:De[t],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:n}),!v&&a&&c.jsx("span",{id:`${x}-helper`,style:{fontSize:De[t],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:a})]})});Be.displayName="Select";const Qt={primary:"var(--lucent-text-primary)",secondary:"var(--lucent-text-secondary)",disabled:"var(--lucent-text-disabled)",inverse:"var(--lucent-text-inverse)",onAccent:"var(--lucent-accent-fg)",success:"var(--lucent-success-text)",warning:"var(--lucent-warning-text)",danger:"var(--lucent-danger-text)",info:"var(--lucent-info-text)"},ea={xs:"var(--lucent-font-size-xs)",sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-lg)",xl:"var(--lucent-font-size-xl)","2xl":"var(--lucent-font-size-2xl)","3xl":"var(--lucent-font-size-3xl)"},ta={regular:"var(--lucent-font-weight-regular)",medium:"var(--lucent-font-weight-medium)",semibold:"var(--lucent-font-weight-semibold)",bold:"var(--lucent-font-weight-bold)"},aa={tight:"var(--lucent-line-height-tight)",base:"var(--lucent-line-height-base)",relaxed:"var(--lucent-line-height-relaxed)"},na={base:"var(--lucent-font-family-base)",mono:"var(--lucent-font-family-mono)",display:"var(--lucent-font-family-display)"};function ra({as:e="p",size:t="md",weight:s="regular",color:a="primary",align:n,lineHeight:r="base",family:o="base",truncate:i=!1,children:u,style:f,...d}){const x={fontSize:ea[t],fontWeight:ta[s],color:Qt[a],...n!==void 0&&{textAlign:n},lineHeight:aa[r],fontFamily:na[o],margin:0,...i&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...f},v=e;return c.jsx(v,{style:x,...d,children:u})}const sa={sm:"3px",md:"4px",lg:"5px"},oa={sm:"14px",md:"18px",lg:"22px"},la=`
+.lucent-slider {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+  margin: 0;
+  padding: 6px 0;
+  box-sizing: border-box;
+}
+.lucent-slider:disabled { cursor: not-allowed; }
+
+/* WebKit track */
+.lucent-slider::-webkit-slider-runnable-track {
+  height: var(--ls-track-h);
+  border-radius: 999px;
+  background: linear-gradient(
+    to right,
+    var(--lucent-accent-default) 0%,
+    var(--lucent-accent-default) var(--ls-fill),
+    color-mix(in srgb, var(--lucent-text-primary) 10%, transparent) var(--ls-fill),
+    color-mix(in srgb, var(--lucent-text-primary) 10%, transparent) 100%
+  );
+}
+.lucent-slider:disabled::-webkit-slider-runnable-track {
+  background: color-mix(in srgb, var(--lucent-text-primary) 10%, transparent);
+}
+
+/* WebKit thumb */
+.lucent-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: var(--ls-thumb);
+  height: var(--ls-thumb);
+  border-radius: 50%;
+  background: var(--lucent-accent-default);
+  border: 2px solid var(--lucent-surface);
+  box-shadow: 0 1px 3px rgb(0 0 0 / 0.15);
+  margin-top: calc((var(--ls-thumb) - var(--ls-track-h)) / -2);
+  transition: transform 120ms ease, box-shadow 120ms ease;
+  cursor: pointer;
+}
+.lucent-slider:not(:disabled):hover::-webkit-slider-thumb {
+  transform: scale(1.15);
+}
+.lucent-slider:focus-visible::-webkit-slider-thumb {
+  box-shadow: 0 0 0 3px var(--lucent-accent-subtle);
+}
+.lucent-slider:disabled::-webkit-slider-thumb {
+  background: color-mix(in srgb, var(--lucent-text-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--lucent-text-primary) 10%, transparent);
+  cursor: not-allowed;
+}
+
+/* Firefox track */
+.lucent-slider::-moz-range-track {
+  height: var(--ls-track-h);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--lucent-text-primary) 10%, transparent);
+}
+.lucent-slider::-moz-range-progress {
+  height: var(--ls-track-h);
+  border-radius: 999px;
+  background: var(--lucent-accent-default);
+}
+.lucent-slider:disabled::-moz-range-progress {
+  background: transparent;
+}
+
+/* Firefox thumb */
+.lucent-slider::-moz-range-thumb {
+  width: var(--ls-thumb);
+  height: var(--ls-thumb);
+  border-radius: 50%;
+  background: var(--lucent-accent-default);
+  border: 2px solid var(--lucent-surface);
+  box-shadow: 0 1px 3px rgb(0 0 0 / 0.15);
+  cursor: pointer;
+  transition: transform 120ms ease, box-shadow 120ms ease;
+}
+.lucent-slider:not(:disabled):hover::-moz-range-thumb {
+  transform: scale(1.15);
+}
+.lucent-slider:focus-visible::-moz-range-thumb {
+  box-shadow: 0 0 0 3px var(--lucent-accent-subtle);
+}
+.lucent-slider:disabled::-moz-range-thumb {
+  background: color-mix(in srgb, var(--lucent-text-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--lucent-text-primary) 10%, transparent);
+  cursor: not-allowed;
+}
+`;function ca({label:e,showValue:t=!1,size:s="md",min:a=0,max:n=100,step:r=1,value:o,defaultValue:i,disabled:u,id:f,onChange:d,style:x,...v}){const b=f??`lucent-slider-${Math.random().toString(36).slice(2,7)}`,y=o!==void 0,[P,T]=m.useState(i??Math.round((a+n)/2)),M=y?o:P,p=`${(M-a)/(n-a)*100}%`,h=D=>{y||T(Number(D.target.value)),d==null||d(D)};return c.jsxs(c.Fragment,{children:[c.jsx("style",{children:la}),c.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",fontFamily:"var(--lucent-font-family-base)",...x},children:[(e||t)&&c.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline"},children:[e&&c.jsx("label",{htmlFor:b,style:{fontSize:"var(--lucent-font-size-sm)",fontWeight:"var(--lucent-font-weight-medium)",color:u?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",cursor:u?"not-allowed":"default"},children:e}),t&&c.jsx("span",{style:{fontSize:"var(--lucent-font-size-sm)",color:u?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",fontVariantNumeric:"tabular-nums"},children:M})]}),c.jsx("input",{type:"range",id:b,className:"lucent-slider",min:a,max:n,step:r,disabled:u,value:y?o:P,onChange:h,style:{"--ls-track-h":sa[s],"--ls-thumb":oa[s],"--ls-fill":p},...v})]})]})}const Je={sm:"calc(var(--lucent-space-8) * 0.5 + 18px)",md:"calc(var(--lucent-space-10) * 0.5 + 22px)",lg:"calc(var(--lucent-space-12) * 0.5 + 26px)"},ia={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-lg)"},ua={sm:"var(--lucent-space-3)",md:"var(--lucent-space-4)",lg:"var(--lucent-space-5)"};function Re({options:e,value:t,defaultValue:s,onChange:a,size:n="md",disabled:r=!1,fullWidth:o=!0,id:i,style:u}){var M;const[f,d]=m.useState(s??((M=e[0])==null?void 0:M.value)??""),x=t!==void 0?t:f,v=m.useRef(null),[b,y]=m.useState(null),P=m.useRef(!1);m.useLayoutEffect(()=>{const p=v.current;if(!p)return;const h=()=>{const I=p.querySelector(`[data-sc-value="${x}"]`);I&&(y({left:I.offsetLeft,width:I.offsetWidth,animate:P.current}),P.current=!0)};h();const D=new ResizeObserver(h);return D.observe(p),()=>D.disconnect()},[x,e]);const T=p=>{r||p.disabled||(t===void 0&&d(p.value),a==null||a(p.value))};return c.jsxs("div",{id:i,ref:v,role:"group",style:{position:"relative",display:"flex",alignItems:"center",width:o?"100%":"fit-content",height:Je[n],background:"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",borderRadius:"var(--lucent-radius-lg)",padding:0,gap:0,opacity:r?.5:1,...u},children:[b&&c.jsx("span",{"aria-hidden":!0,style:{position:"absolute",top:3,left:b.left+3,width:b.width-6,height:"calc(100% - 6px)",background:"var(--lucent-surface)",borderRadius:"var(--lucent-radius-lg)",boxShadow:"var(--lucent-shadow-sm)",transition:b.animate?"left var(--lucent-duration-base) cubic-bezier(0.34, 1.56, 0.64, 1), width var(--lucent-duration-base) cubic-bezier(0.22, 1, 0.36, 1)":"none",zIndex:0,pointerEvents:"none"}}),e.map(p=>{const h=p.value===x,D=r||!!p.disabled;return c.jsx("button",{"data-sc-value":p.value,type:"button",role:"radio","aria-checked":h,disabled:D,onClick:()=>T(p),style:{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--lucent-space-1)",flex:1,height:Je[n],padding:`0 ${ua[n]}`,fontSize:ia[n],fontFamily:"var(--lucent-font-family-base)",fontWeight:h?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:D?"var(--lucent-text-disabled)":h?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",background:"transparent",border:"none",borderRadius:"var(--lucent-radius-lg)",cursor:D?"not-allowed":"pointer",outline:"none",whiteSpace:"nowrap",transition:["color var(--lucent-duration-fast) var(--lucent-easing-default)","font-weight var(--lucent-duration-fast) var(--lucent-easing-default)"].join(", ")},onFocus:I=>{I.currentTarget.matches(":focus-visible")&&(I.currentTarget.style.boxShadow="0 0 0 2px var(--lucent-accent-subtle)")},onBlur:I=>{I.currentTarget.style.boxShadow=""},children:p.label},p.value)})]})}Re.displayName="SegmentedControl";const da={xs:12,sm:16,md:22,lg:28,xl:36,"2xl":48},fa={xs:"var(--lucent-radius-sm)",sm:"var(--lucent-radius-sm)",md:"var(--lucent-radius-md)",lg:"var(--lucent-radius-md)",xl:"var(--lucent-radius-lg)","2xl":"var(--lucent-radius-lg)"},Qe="inset 0 0 0 1px rgba(0,0,0,0.2)",et="inset 0 0 0 2px rgba(0,0,0,0.5)",pa="inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";function ga(e){return{backgroundImage:[`linear-gradient(${e}, ${e})`,"linear-gradient(45deg, #e5e5e5 25%, transparent 25%)","linear-gradient(-45deg, #e5e5e5 25%, transparent 25%)","linear-gradient(45deg, transparent 75%, #e5e5e5 75%)","linear-gradient(-45deg, transparent 75%, #e5e5e5 75%)"].join(", "),backgroundSize:"auto, 8px 8px, 8px 8px, 8px 8px, 8px 8px",backgroundPosition:"0 0, 0 0, 0 4px, 4px -4px, -4px 0",backgroundColor:"#fff"}}const re=m.forwardRef(({color:e,size:t="md",shape:s="circle",showCheckerboard:a=!1,selected:n=!1,disabled:r=!1,style:o,onFocus:i,onBlur:u,onClick:f,...d},x)=>{const v=da[t],b=s==="circle"?"50%":fa[t];return c.jsx("button",{ref:x,type:"button",disabled:r,onClick:f,style:{width:v,height:v,flexShrink:0,...a?ga(e):{background:e},border:"none",borderRadius:b,cursor:r?"not-allowed":f?"pointer":"default",padding:0,outline:"none",opacity:r?.4:1,boxShadow:n?et:Qe,transition:"box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",...o},onFocus:y=>{r||(y.currentTarget.style.boxShadow=pa),i==null||i(y)},onBlur:y=>{y.currentTarget.style.boxShadow=n?et:Qe,u==null||u(y)},...d})});re.displayName="ColorSwatch";function me(e,t,s){return Math.max(t,Math.min(s,e))}function ba(e,t,s){const a=t/100,n=s/100,r=n*a,o=r*(1-Math.abs(e/60%2-1)),i=n-r;let u=0,f=0,d=0;return e<60?(u=r,f=o):e<120?(u=o,f=r):e<180?(f=r,d=o):e<240?(f=o,d=r):e<300?(u=o,d=r):(u=r,d=o),{r:Math.round((u+i)*255),g:Math.round((f+i)*255),b:Math.round((d+i)*255)}}function xa(e,t,s){const a=e/255,n=t/255,r=s/255,o=Math.max(a,n,r),i=Math.min(a,n,r),u=o-i,f=o,d=o===0?0:u/o;let x=0;return u!==0&&(o===a?x=((n-r)/u+(n<r?6:0))/6:o===n?x=((r-a)/u+2)/6:x=((a-n)/u+4)/6),{h:Math.round(x*360),s:Math.round(d*100),v:Math.round(f*100)}}function ma(e,t,s){const a=e/255,n=t/255,r=s/255,o=Math.max(a,n,r),i=Math.min(a,n,r),u=(o+i)/2;if(o===i)return{h:0,s:0,l:Math.round(u*100)};const f=o-i,d=u>.5?f/(2-o-i):f/(o+i);let x=0;return o===a?x=((n-r)/f+(n<r?6:0))/6:o===n?x=((r-a)/f+2)/6:x=((a-n)/f+4)/6,{h:Math.round(x*360),s:Math.round(d*100),l:Math.round(u*100)}}function xe(e,t,s){const a=t/100,n=s/100,r=(1-Math.abs(2*n-1))*a,o=r*(1-Math.abs(e/60%2-1)),i=n-r/2;let u=0,f=0,d=0;return e<60?(u=r,f=o):e<120?(u=o,f=r):e<180?(f=r,d=o):e<240?(f=o,d=r):e<300?(u=o,d=r):(u=r,d=o),{r:Math.round((u+i)*255),g:Math.round((f+i)*255),b:Math.round((d+i)*255)}}function $e(e){const t=e.replace("#","");return t.length===3?`#${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`:t.length===6||t.length===8?`#${t}`:"#000000"}function lt(e){const t=$e(e);return{r:parseInt(t.slice(1,3),16),g:parseInt(t.slice(3,5),16),b:parseInt(t.slice(5,7),16),a:t.length===9?+(parseInt(t.slice(7,9),16)/255).toFixed(2):1}}function Te({r:e,g:t,b:s,a}){const n=o=>me(Math.round(o),0,255).toString(16).padStart(2,"0"),r=`#${n(e)}${n(t)}${n(s)}`;return a<1?`${r}${n(Math.round(a*255))}`:r}function ct({h:e,s:t,v:s,a}){return{...ba(e,t,s),a}}function O({r:e,g:t,b:s,a}){return{...xa(e,t,s),a}}function fe(e){return Te(ct(e))}function pe(e){const t=e.trim();if(t.startsWith("#")){const n=$e(t);return/^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(n)?lt(n):null}const s=t.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*([\d.]+))?\s*\)$/);if(s){const n=+(s[1]??"0"),r=+(s[2]??"0"),o=+(s[3]??"0"),i=s[4]!==void 0?+s[4]:1;return[n,r,o].every(u=>u<=255)&&i>=0&&i<=1?{r:n,g:r,b:o,a:i}:null}const a=t.match(/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%?\s*,\s*(\d{1,3})%?\s*\)$/);if(a){const n=+(a[1]??"0"),r=+(a[2]??"0"),o=+(a[3]??"0");return n<=360&&r<=100&&o<=100?{...xe(n,r,o),a:1}:null}return null}const ha=[{label:"Presets",colors:["#000000","#2563eb","#16a34a","#ca8a04","#dc2626","#0ea5e9","#9333ea","#4f46e5","#e11d48"]}],va=["linear-gradient(45deg, #c0c0c0 25%, transparent 25%)","linear-gradient(-45deg, #c0c0c0 25%, transparent 25%)","linear-gradient(45deg, transparent 75%, #c0c0c0 75%)","linear-gradient(-45deg, transparent 75%, #c0c0c0 75%)"].join(", ");function tt({value:e,min:t,max:s,onChange:a,trackStyle:n,formatTooltip:r}){const o=m.useRef(null),[i,u]=m.useState(!1),f=m.useCallback(x=>{const v=o.current.getBoundingClientRect(),b=me((x.clientX-v.left)/v.width,0,1);a(t+b*(s-t))},[t,s,a]),d=(e-t)/(s-t)*100;return c.jsx("div",{ref:o,style:{position:"relative",height:12,borderRadius:6,cursor:"crosshair",userSelect:"none",...n},onPointerDown:x=>{x.currentTarget.setPointerCapture(x.pointerId),u(!0),f(x)},onPointerMove:x=>{x.buttons>0&&f(x)},onPointerUp:()=>u(!1),onPointerCancel:()=>u(!1),children:c.jsx("div",{style:{position:"absolute",left:`${d}%`,top:"50%",transform:"translate(-50%, -50%)",width:14,height:14,borderRadius:"50%",background:"white",border:"2px solid rgba(0,0,0,0.22)",boxShadow:"0 1px 4px rgba(0,0,0,0.3)",zIndex:1,pointerEvents:"none"},children:i&&r&&c.jsx("div",{style:{position:"absolute",bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:6,background:"rgba(0,0,0,0.75)",color:"#fff",fontSize:11,fontFamily:"var(--lucent-font-family-base)",fontWeight:500,borderRadius:4,padding:"2px 6px",whiteSpace:"nowrap",pointerEvents:"none"},children:r(e)})})})}function ya(){return c.jsxs("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[c.jsx("path",{d:"M2 22l1-1h3l9-9"}),c.jsx("path",{d:"M3 21v-3l9-9"}),c.jsx("path",{d:"M15 6l3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"})]})}function it({value:e,onChange:t,label:s,size:a="md",inline:n=!1,disabled:r=!1,presetGroups:o=ha,portalContainer:i,id:u,style:f}){var S,R;const d=a==="sm"?24:40,x=m.useId(),v=u??x,[b,y]=m.useState(!1),[P,T]=m.useState("hex"),[M,p]=m.useState(0),[h,D]=m.useState(()=>{const l=e?pe(e)??{r:0,g:0,b:0,a:1}:{r:0,g:0,b:0,a:1};return O(l)}),[I,L]=m.useState(()=>fe(h).slice(1).toUpperCase()),N=m.useRef(null),W=m.useRef(null),k=m.useRef(null),[$,G]=m.useState({top:0,left:0});m.useLayoutEffect(()=>{if(!b||!N.current)return;const l=N.current.getBoundingClientRect();let g=l.left;const w=l.bottom+8;if(k.current){const z=k.current.offsetWidth;g+z>window.innerWidth&&(g=l.right-z)}G({top:w,left:g})},[b]),m.useEffect(()=>{if(!e)return;const l=pe(e);l&&(D(O(l)),L(Te(l).slice(1).toUpperCase()))},[e]),m.useEffect(()=>{if(!b)return;const l=g=>{var z,E;const w=g.target;(z=N.current)!=null&&z.contains(w)||(E=k.current)!=null&&E.contains(w)||y(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[b]);const B=m.useCallback(l=>{D(l);const g=fe(l);L(g.slice(1).toUpperCase()),t==null||t(g)},[t]),H=m.useCallback(l=>{const g=W.current.getBoundingClientRect(),w=Math.round(me((l.clientX-g.left)/g.width,0,1)*100),z=Math.round((1-me((l.clientY-g.top)/g.height,0,1))*100);B({...h,s:w,v:z})},[h,B]),X=m.useCallback(async()=>{if("EyeDropper"in window)try{const l=await new window.EyeDropper().open(),g=pe(l.sRGBHex);g&&B(O(g))}catch{}},[B]),F=ct(h),A=ma(F.r,F.g,F.b),ae=fe(h),de=fe({...h,a:1}),V=Math.round(h.a*100),Se=[{id:"hex",label:"Hex"},{id:"rgb",label:"RGB"},{id:"hsl",label:"HSL"},{id:"hsb",label:"HSB"}],ne=typeof window<"u"&&"EyeDropper"in window;return c.jsxs("div",{ref:N,style:{display:"inline-flex",flexDirection:n?"row":"column",alignItems:n?"center":void 0,gap:"var(--lucent-space-1)",position:"relative",...f},children:[c.jsx("style",{children:`
+        .lucent-cp-field::-webkit-outer-spin-button,
+        .lucent-cp-field::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
+        .lucent-cp-field { -moz-appearance: textfield; }
+      `}),s&&!n&&c.jsx("label",{htmlFor:`${v}-swatch`,style:{fontSize:a==="sm"?"var(--lucent-font-size-xs)":"var(--lucent-font-size-sm)",fontWeight:"var(--lucent-font-weight-medium)",color:r?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:s}),c.jsx(re,{id:`${v}-swatch`,color:`rgba(${F.r},${F.g},${F.b},${h.a})`,shape:"square",showCheckerboard:!0,disabled:r,onClick:()=>y(l=>!l),"aria-expanded":b,"aria-haspopup":"dialog",style:{width:d,height:d,borderRadius:a==="sm"?"var(--lucent-radius-md)":"var(--lucent-radius-lg)",boxShadow:b?"inset 0 0 0 2px var(--lucent-accent-border), 0 0 0 3px var(--lucent-accent-subtle)":"inset 0 0 0 1px rgba(0,0,0,0.2)"}}),s&&n&&c.jsx("label",{htmlFor:`${v}-swatch`,style:{fontSize:a==="sm"?"var(--lucent-font-size-xs)":"var(--lucent-font-size-sm)",fontWeight:"var(--lucent-font-weight-medium)",color:r?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)",cursor:"pointer"},children:s}),b&&Lt.createPortal(c.jsxs("div",{ref:k,role:"dialog","aria-label":"Color picker",style:{position:"fixed",top:$.top,left:$.left,zIndex:999999,background:"color-mix(in srgb, var(--lucent-surface-overlay) 85%, transparent)",backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",border:"1px solid color-mix(in srgb, var(--lucent-accent-default) 15%, var(--lucent-border-default))",borderRadius:"var(--lucent-radius-xl)",boxShadow:"0 0 24px -4px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), var(--lucent-shadow-md)",width:280,overflow:"hidden",display:"flex",flexDirection:"column"},children:[c.jsxs("div",{ref:W,style:{position:"relative",height:160,background:`hsl(${h.h}, 100%, 50%)`,cursor:"crosshair",userSelect:"none",flexShrink:0},onPointerDown:l=>{l.currentTarget.setPointerCapture(l.pointerId),H(l)},onPointerMove:l=>{l.buttons>0&&H(l)},children:[c.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to right, #fff, transparent)"}}),c.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to bottom, transparent, #000)"}}),c.jsx("div",{style:{position:"absolute",left:`${h.s}%`,top:`${100-h.v}%`,transform:"translate(-50%, -50%)",width:14,height:14,borderRadius:"50%",border:"2px solid #fff",boxShadow:"0 0 0 1px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.35)",pointerEvents:"none"}})]}),c.jsxs("div",{style:{padding:12,display:"flex",flexDirection:"column",gap:10},children:[c.jsxs("div",{style:{display:"flex",gap:10,alignItems:"center"},children:[c.jsx(re,{color:`rgba(${F.r},${F.g},${F.b},${h.a})`,shape:"square",showCheckerboard:!0,style:{width:44,height:44,borderRadius:8}}),c.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:8},children:[c.jsx(tt,{value:h.h,min:0,max:360,onChange:l=>B({...h,h:Math.round(l)}),trackStyle:{background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},formatTooltip:l=>`${Math.round(l)}°`}),c.jsxs("div",{style:{position:"relative",borderRadius:6,overflow:"hidden"},children:[c.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:va,backgroundSize:"8px 8px",backgroundPosition:"0 0, 0 4px, 4px -4px, -4px 0",backgroundColor:"#fff"}}),c.jsx("div",{style:{position:"absolute",inset:0,background:`linear-gradient(to right, transparent, ${de})`}}),c.jsx(tt,{value:h.a,min:0,max:1,onChange:l=>B({...h,a:Math.round(l*100)/100}),trackStyle:{background:"transparent",position:"relative",zIndex:1},formatTooltip:l=>`${Math.round(l*100)}%`})]})]})]}),c.jsx(Re,{size:"sm",value:P,onChange:l=>T(l),options:Se.map(({id:l,label:g})=>({value:l,label:g}))}),P==="hex"&&c.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[c.jsx(Ie,{variant:"secondary",size:"sm",onClick:X,disabled:!ne,title:ne?"Pick color from screen":"Not supported in this browser",leftIcon:c.jsx(ya,{}),style:{flexShrink:0,paddingLeft:8,paddingRight:8}}),c.jsx(Y,{size:"sm",prefix:"#",value:I,onChange:l=>{const g=l.target.value.replace(/[^0-9a-fA-F]/g,"");if(L(g.toUpperCase()),/^[0-9a-f]{6}$/i.test(g)||/^[0-9a-f]{8}$/i.test(g)){const w=pe(`#${g}`);if(w){const z=O(w);D(z),t==null||t(Te(w))}}},spellCheck:!1,placeholder:"000000",maxLength:8,style:{flex:1}}),c.jsx(Y,{size:"sm",type:"number",suffix:"%",value:V,min:0,max:100,onChange:l=>{const g=+l.target.value;!isNaN(g)&&g>=0&&g<=100&&B({...h,a:g/100})},className:"lucent-cp-field",style:{width:68,flexShrink:0}})]}),P==="rgb"&&c.jsx("div",{style:{display:"flex",gap:6},children:[{label:"R",val:F.r,max:255,fn:l=>B(O({...F,r:l}))},{label:"G",val:F.g,max:255,fn:l=>B(O({...F,g:l}))},{label:"B",val:F.b,max:255,fn:l=>B(O({...F,b:l}))},{label:"A",val:V,max:100,fn:l=>B({...h,a:l/100})}].map(({label:l,val:g,max:w,fn:z})=>c.jsx(Y,{size:"sm",type:"number",prefix:l,value:g,min:0,max:w,onChange:E=>{const C=+E.target.value;!isNaN(C)&&C>=0&&C<=w&&z(C)},className:"lucent-cp-field",style:{flex:1}},l))}),P==="hsl"&&c.jsx("div",{style:{display:"flex",gap:6},children:[{label:"H",val:A.h,max:360,fn:l=>{const{r:g,g:w,b:z}=xe(l,A.s,A.l);B(O({r:g,g:w,b:z,a:h.a}))}},{label:"S",val:A.s,max:100,fn:l=>{const{r:g,g:w,b:z}=xe(A.h,l,A.l);B(O({r:g,g:w,b:z,a:h.a}))}},{label:"L",val:A.l,max:100,fn:l=>{const{r:g,g:w,b:z}=xe(A.h,A.s,l);B(O({r:g,g:w,b:z,a:h.a}))}},{label:"A",val:V,max:100,fn:l=>B({...h,a:l/100})}].map(({label:l,val:g,max:w,fn:z})=>c.jsx(Y,{size:"sm",type:"number",prefix:l,value:g,min:0,max:w,onChange:E=>{const C=+E.target.value;!isNaN(C)&&C>=0&&C<=w&&z(C)},className:"lucent-cp-field",style:{flex:1}},l))}),P==="hsb"&&c.jsx("div",{style:{display:"flex",gap:6},children:[{label:"H",val:h.h,max:360,fn:l=>B({...h,h:l})},{label:"S",val:h.s,max:100,fn:l=>B({...h,s:l})},{label:"B",val:h.v,max:100,fn:l=>B({...h,v:l})},{label:"A",val:V,max:100,fn:l=>B({...h,a:l/100})}].map(({label:l,val:g,max:w,fn:z})=>c.jsx(Y,{size:"sm",type:"number",prefix:l,value:g,min:0,max:w,onChange:E=>{const C=+E.target.value;!isNaN(C)&&C>=0&&C<=w&&z(C)},className:"lucent-cp-field",style:{flex:1}},l))}),o.length>0&&c.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[o.length>1&&c.jsx(Be,{size:"sm",value:String(M),onChange:l=>p(Number(l.target.value)),options:o.map((l,g)=>({value:String(g),label:l.label}))}),o.length===1&&c.jsx("span",{style:{fontSize:"var(--lucent-font-size-xs)",fontWeight:"var(--lucent-font-weight-medium)",color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:(S=o[0])==null?void 0:S.label}),c.jsx("div",{style:{display:"flex",gap:6,flexWrap:"wrap"},children:(((R=o[M])==null?void 0:R.colors)??[]).map(l=>{const g=$e(l).toLowerCase()===ae.slice(0,7).toLowerCase();return c.jsx(re,{color:l,selected:g,onClick:()=>B(O(lt(l)))},l)})})]})]})]}),i??document.body)]})}it.displayName="ColorPicker";const wa={sm:{fontSize:"var(--lucent-font-size-sm)",buttonPadding:"var(--lucent-space-1) var(--lucent-space-1)",buttonPaddingUnderline:"0 var(--lucent-space-1) var(--lucent-space-2)",innerPadding:"var(--lucent-space-1) var(--lucent-space-2)",panelPadding:"var(--lucent-space-3) 0",dropdownPadding:"var(--lucent-space-1) var(--lucent-space-3)"},md:{fontSize:"var(--lucent-font-size-md)",buttonPadding:"var(--lucent-space-1) var(--lucent-space-2)",buttonPaddingUnderline:"var(--lucent-space-1) var(--lucent-space-2) var(--lucent-space-3)",innerPadding:"var(--lucent-space-1) var(--lucent-space-3)",panelPadding:"var(--lucent-space-4) 0",dropdownPadding:"var(--lucent-space-2) var(--lucent-space-4)"}};function Sa({tabs:e,defaultValue:t,value:s,onChange:a,variant:n="underline",size:r="md",style:o}){var ne;const i=s!==void 0,[u,f]=m.useState(t??((ne=e[0])==null?void 0:ne.value)??""),d=i?s:u,[x,v]=m.useState(null),b=m.useRef([]),[y,P]=m.useState(null),T=m.useRef(!1),M=n==="pills",p=wa[r],h=m.useRef(null),D=m.useRef(null),I=m.useRef(null),[L,N]=m.useState(e.length),[W,k]=m.useState(!1),[$,G]=m.useState(!1),[B,H]=m.useState(null),X=e.slice(0,L),F=e.slice(L),A=F.length>0,ae=F.some(S=>S.value===d),de=()=>{if(ae){P(null);return}const S=e.findIndex((l,g)=>g<L&&l.value===d),R=b.current[S];if(R){if(M){const l=R.querySelector("span");if(!l)return;P({left:l.offsetLeft+R.offsetLeft,width:l.offsetWidth,animate:T.current})}else P({left:R.offsetLeft,width:R.offsetWidth,animate:T.current});T.current=!0}};m.useLayoutEffect(()=>{de(),document.fonts.ready.then(de)},[d,L,M]),m.useEffect(()=>{const S=h.current;if(!S)return;const R=()=>{const z=S.clientWidth,E=70;let C=0,_=0;for(let K=0;K<e.length;K++){const Z=b.current[K];if(!Z){_++;continue}const J=Z.offsetWidth;if(K<e.length-1){if(C+J+E>z)break}else if(C+J>z)break;C+=J,_++}if(_>=e.length-1&&_<e.length){let K=0;for(let Z=0;Z<e.length;Z++){const J=b.current[Z];J&&(K+=J.offsetWidth)}K<=z&&(_=e.length)}N(_<1?1:_)};let l;(()=>{l=requestAnimationFrame(()=>{l=requestAnimationFrame(R)})})();const w=new ResizeObserver(R);return w.observe(S),()=>{w.disconnect(),cancelAnimationFrame(l)}},[e]),m.useEffect(()=>{if(!W)return;const S=R=>{I.current&&!I.current.contains(R.target)&&D.current&&!D.current.contains(R.target)&&(k(!1),H(null))};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[W]);const V=S=>{i||f(S),a==null||a(S)},Se=(S,R)=>{var z;const l=X.map((E,C)=>E.disabled?-1:C).filter(E=>E!==-1),g=l.indexOf(R);let w=-1;S.key==="ArrowRight"&&(w=l[(g+1)%l.length]??-1),S.key==="ArrowLeft"&&(w=l[(g-1+l.length)%l.length]??-1),S.key==="Home"&&(w=l[0]??-1),S.key==="End"&&(w=l[l.length-1]??-1),w!==-1&&(S.preventDefault(),(z=b.current[w])==null||z.focus(),V(X[w].value))};return c.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",...o},children:[c.jsxs("div",{ref:h,role:"tablist",style:{position:"relative",display:"flex",overflow:"hidden",...M?{padding:"var(--lucent-space-1)"}:{borderBottom:"1px solid var(--lucent-border-default)"}},children:[e.map((S,R)=>{const l=R<L,g=S.value===d,w=S.disabled??!1;return c.jsxs("button",{ref:z=>{b.current[R]=z},role:"tab","aria-selected":g,"aria-controls":`lucent-tabpanel-${S.value}`,id:`lucent-tab-${S.value}`,disabled:w,tabIndex:g&&l?0:-1,onClick:()=>{w||V(S.value)},onKeyDown:z=>Se(z,R),onMouseEnter:()=>{!w&&l&&v(R)},onMouseLeave:()=>v(null),style:{padding:M?p.buttonPadding:p.buttonPaddingUnderline,background:"none",border:"none",cursor:w?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:p.fontSize,fontWeight:g?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:w?"var(--lucent-text-disabled)":M&&g?"var(--lucent-accent-fg)":g?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",transition:"color var(--lucent-duration-fast) var(--lucent-easing-default)",whiteSpace:"nowrap",outline:"none",position:l?"relative":"absolute",zIndex:g?1:0,...l?{}:{visibility:"hidden",pointerEvents:"none",left:-9999}},children:[c.jsx("span",{style:{display:"block",padding:p.innerPadding,borderRadius:"var(--lucent-radius-md)",background:!M&&x===R&&!g&&!w?"var(--lucent-surface-secondary)":"transparent",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"},children:S.label}),M&&x===R&&!g&&!w&&l&&c.jsx("span",{"aria-hidden":!0,style:{position:"absolute",top:0,bottom:0,left:0,right:0,borderRadius:"var(--lucent-radius-md)",background:"var(--lucent-surface-secondary)",zIndex:-1,transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"}})]},S.value)}),A&&c.jsx("button",{ref:D,onClick:()=>k(S=>!S),onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),style:{padding:M?p.buttonPadding:p.buttonPaddingUnderline,background:"none",border:"none",cursor:"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:p.fontSize,fontWeight:ae?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:ae?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",whiteSpace:"nowrap",outline:"none",position:"relative",flexShrink:0},children:c.jsx("span",{style:{display:"block",padding:p.innerPadding,borderRadius:"var(--lucent-radius-md)",background:$?"var(--lucent-surface-secondary)":"transparent",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"},children:"More…"})}),y!=null&&c.jsx("span",{"aria-hidden":!0,style:M?{position:"absolute",top:"var(--lucent-space-1)",bottom:"var(--lucent-space-1)",left:y.left,width:y.width,background:"var(--lucent-accent-default)",borderRadius:"var(--lucent-radius-md)",transition:y.animate?"left 220ms var(--lucent-easing-default), width 220ms var(--lucent-easing-default)":"none"}:{position:"absolute",bottom:0,left:y.left,width:y.width,height:2,background:"var(--lucent-accent-default)",borderRadius:"var(--lucent-radius-sm)",transition:y.animate?"left 220ms var(--lucent-easing-default), width 220ms var(--lucent-easing-default)":"none"}})]}),A&&W&&c.jsx("div",{ref:I,style:{position:"absolute",top:"100%",right:0,zIndex:50,marginTop:"var(--lucent-space-1)",background:"var(--lucent-surface-primary)",border:"1px solid var(--lucent-border-default)",borderRadius:"var(--lucent-radius-md)",boxShadow:"var(--lucent-shadow-md)",padding:"var(--lucent-space-1) 0",minWidth:140},children:F.map((S,R)=>{const l=S.value===d,g=S.disabled??!1,w=B===R;return c.jsx("button",{disabled:g,onClick:()=>{g||(V(S.value),k(!1))},onMouseEnter:()=>{g||H(R)},onMouseLeave:()=>H(null),style:{display:"block",width:"100%",padding:p.dropdownPadding,background:l||w?"var(--lucent-surface-secondary)":"none",border:"none",cursor:g?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:p.fontSize,fontWeight:l?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:g?"var(--lucent-text-disabled)":l||w?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",textAlign:"left",outline:"none",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default), color var(--lucent-duration-fast) var(--lucent-easing-default)"},children:S.label},S.value)})}),e.some(S=>S.content!=null)&&e.map(S=>c.jsx("div",{role:"tabpanel",id:`lucent-tabpanel-${S.value}`,"aria-labelledby":`lucent-tab-${S.value}`,hidden:S.value!==d,style:{padding:p.panelPadding,outline:"none"},tabIndex:0,children:S.content},S.value))]})}const ka={fontFamilyBase:'"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',fontFamilyMono:'"DM Mono", "Fira Code", "Cascadia Code", monospace',fontFamilyDisplay:'"Georama", "DM Sans", sans-serif',fontSizeXs:"0.79rem",fontSizeSm:"0.889rem",fontSizeMd:"1rem",fontSizeLg:"1.125rem",fontSizeXl:"1.266rem",fontSize2xl:"1.424rem",fontSize3xl:"1.602rem",fontWeightRegular:"400",fontWeightMedium:"500",fontWeightSemibold:"600",fontWeightBold:"700",lineHeightTight:"1.25",lineHeightBase:"1.5",lineHeightRelaxed:"1.75",letterSpacingTight:"-0.02em",letterSpacingBase:"0em",letterSpacingWide:"0.04em"},Da={space0:"0px",space1:"0.25rem",space2:"0.5rem",space3:"0.75rem",space4:"1rem",space5:"1.25rem",space6:"1.5rem",space8:"2rem",space10:"2.5rem",space12:"3rem",space16:"4rem",space20:"5rem",space24:"6rem"},Ma={radiusNone:"0px",radiusSm:"0.25rem",radiusMd:"0.375rem",radiusLg:"0.5rem",radiusXl:"0.75rem",radiusFull:"9999px"},ja={durationFast:"100ms",durationBase:"200ms",durationSlow:"350ms",easingDefault:"cubic-bezier(0.4, 0, 0.2, 1)",easingEmphasized:"cubic-bezier(0.2, 0, 0, 1)",easingDecelerate:"cubic-bezier(0, 0, 0.2, 1)"},ut={shadowNone:"none",shadowSm:"0 1px 2px rgb(0 0 0 / 0.12)",shadowMd:"0 2px 4px rgb(0 0 0 / 0.18)",shadowLg:"0 3px 8px rgb(0 0 0 / 0.18)",shadowXl:"0 5px 14px rgb(0 0 0 / 0.2)"},dt={shadowNone:"none",shadowSm:"inset 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 1px 2px rgba(0, 0, 0, 0.4)",shadowMd:"inset 0 1px 0 0 rgba(255, 255, 255, 0.06), 0 1px 4px rgba(0, 0, 0, 0.45)",shadowLg:"inset 0 1px 0 0 rgba(255, 255, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.45)",shadowXl:"inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 4px 14px rgba(0, 0, 0, 0.5)"},se={...ka,...Da,...Ma,...ja,...ut,navigation:"#f4f6f8",bgBase:"#ffffff",bgSubtle:"#fafafa",bgOverlay:"rgb(0 0 0 / 0.4)",surface:"#ffffff",surfaceSecondary:"#f5f5f5",surfaceRaised:"#ffffff",surfaceOverlay:"#ffffff",surfaceTint:"#f5f5f5",borderDefault:"#e5e7eb",borderSubtle:"#f3f4f6",borderStrong:"#979faf",controlTrack:"#d1d5db",textPrimary:"#111827",textSecondary:"#6b7280",textDisabled:"#d1d5db",textInverse:"#ffffff",accentDefault:"#111827",accentHover:"#192339",accentSubtle:"#f1f3f9",accentBorder:"#000000",accentFg:"#f0f1f5",successDefault:"#16a34a",successSubtle:"#f0fdf4",successText:"#15803d",warningDefault:"#d97706",warningSubtle:"#fffbeb",warningText:"#b45309",dangerDefault:"#dc2626",dangerHover:"#b91c1c",dangerSubtle:"#fef2f2",dangerText:"#b91c1c",infoDefault:"#2563eb",infoSubtle:"#eff6ff",infoText:"#1d4ed8"};function za(e){const t=parseInt(e.slice(1,3),16),s=parseInt(e.slice(3,5),16),a=parseInt(e.slice(5,7),16);return{r:t,g:s,b:a}}function Ta({r:e,g:t,b:s}){const a=n=>n.toString(16).padStart(2,"0");return`#${a(e)}${a(t)}${a(s)}`}function q(e){const{r:t,g:s,b:a}=za(e),n=t/255,r=s/255,o=a/255,i=Math.max(n,r,o),u=Math.min(n,r,o);let f=0,d=0;const x=(i+u)/2;if(i!==u){const v=i-u;switch(d=x>.5?v/(2-i-u):v/(i+u),i){case n:f=(r-o)/v+(r<o?6:0);break;case r:f=(o-n)/v+2;break;case o:f=(n-r)/v+4;break}f/=6}return[f*360,d,x]}function U(e,t,s){e=(e%360+360)%360,t=Math.min(1,Math.max(0,t)),s=Math.min(1,Math.max(0,s));const a=(1-Math.abs(2*s-1))*t,n=a*(1-Math.abs(e/60%2-1)),r=s-a/2;let o=0,i=0,u=0;return e<60?(o=a,i=n):e<120?(o=n,i=a):e<180?(i=a,u=n):e<240?(i=n,u=a):e<300?(o=n,u=a):(o=a,u=n),Ta({r:Math.round((o+r)*255),g:Math.round((i+r)*255),b:Math.round((u+r)*255)})}function j(e,t){const[s,a,n]=q(e);return U(s,a,Math.min(1,Math.max(0,n+t)))}const Pa=222,Ia=.12;function ft(e,t){return t<.04?[Pa,Ia]:[e,t]}function at(e){const[t,s,a]=q(e),[n,r]=ft(t,s);return U(n,r,Math.max(.04,Math.min(.2,.07+(1-a))))}function Me(e){const[t,s,a]=q(e),[n,r]=ft(t,s);return U(n,r,Math.max(.06,Math.min(.5,(1-a)*.6+.06)))}function je(e){const[t,s,a]=q(e);return U(t,s,Math.max(.04,Math.min(.97,1-a+.04)))}function ze(e){const[t,s,a]=q(e);return U(t,s,Math.max(.02,Math.min(.98,1-a)))}function pt(e){const t=at(e.navigation),s=at(e.bgBase),[a,n,r]=q(s),o=i=>U(a,n,Math.min(.25,r+i));return{...e,...dt,navigation:t,bgBase:s,bgSubtle:o(.02),bgOverlay:"rgb(0 0 0 / 0.6)",surface:o(.02),surfaceSecondary:o(.05),surfaceRaised:o(.08),surfaceOverlay:o(.08),surfaceTint:o(.03),borderDefault:Me(e.borderDefault),borderSubtle:Me(e.borderSubtle),borderStrong:Me(e.borderStrong),controlTrack:o(.1),textPrimary:je(e.textPrimary),textSecondary:je(e.textSecondary),textDisabled:je(e.textDisabled),textInverse:s,accentDefault:ze(e.accentDefault),accentHover:ze(e.accentHover),accentSubtle:ze(e.accentSubtle),accentBorder:e.accentBorder,accentFg:e.accentFg,successDefault:j(e.successDefault,.1),successSubtle:j(e.successDefault,-.25),successText:j(e.successText,.15),warningDefault:j(e.warningDefault,.1),warningSubtle:j(e.warningDefault,-.25),warningText:j(e.warningText,.15),dangerDefault:j(e.dangerDefault,.1),dangerHover:j(e.dangerHover,.1),dangerSubtle:j(e.dangerDefault,-.25),dangerText:j(e.dangerText,.15),infoDefault:j(e.infoDefault,.1),infoSubtle:j(e.infoDefault,-.25),infoText:j(e.infoText,.15)}}const Le=pt(se);function gt(e){return"--lucent-"+e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`).replace(/([a-z])(\d)/g,(t,s,a)=>`${s}-${a}`)}function bt(e,t=":root"){const s=Object.entries(e).map(([a,n])=>`  ${gt(a)}: ${n};`).join(`
+`);return`${t} {
+${s}
+}`}function Ba(e){const t=parseInt(e.slice(1,3),16)/255,s=parseInt(e.slice(3,5),16)/255,a=parseInt(e.slice(5,7),16)/255,n=r=>r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4);return .2126*n(t)+.7152*n(s)+.0722*n(a)}const Ra=.2126729,$a=.7151522,La=.072175,Ca=.56,Fa=.57,Wa=.65,Ha=.62,nt=.022,Ea=1.414,Na=1.14,Aa=1.14,rt=.027,st=.027;function ot(e){const t=parseInt(e.slice(1,3),16)/255,s=parseInt(e.slice(3,5),16)/255,a=parseInt(e.slice(5,7),16)/255,n=Math.pow(t,2.4),r=Math.pow(s,2.4),o=Math.pow(a,2.4);let i=Ra*n+$a*r+La*o;return i<0&&(i=0),i<nt?i+Math.pow(nt-i,Ea):i}function he(e,t){const s=ot(e),a=ot(t);let n;if(s>a){const r=(Math.pow(s,Ca)-Math.pow(a,Fa))*Na;n=r<rt?0:r-rt}else{const r=(Math.pow(s,Wa)-Math.pow(a,Ha))*Aa;n=r>-st?0:r+st}return n*100}function xt(e){const t=Math.abs(he(e,"#ffffff")),s=Math.abs(he(e,"#000000"));return t>=s?"#ffffff":"#000000"}function Ce(e){const t=parseInt(e.slice(1,3),16)/255,s=parseInt(e.slice(3,5),16)/255,a=parseInt(e.slice(5,7),16)/255,n=Math.max(t,s,a),r=Math.min(t,s,a);let o=0,i=0;if(n!==r){const f=n-r;i=(n+r)/2>.5?f/(2-n-r):f/(n+r),n===t?o=((s-a)/f+(s<a?6:0))/6:n===s?o=((a-t)/f+2)/6:o=((t-s)/f+4)/6}return xt(e)==="#000000"?Pe(o,Math.min(i,.6),.12):Pe(o,Math.min(i,.2),.95)}function mt(e,t,s=60){if(Math.abs(he(e,t))>=s)return e;const a=parseInt(e.slice(1,3),16)/255,n=parseInt(e.slice(3,5),16)/255,r=parseInt(e.slice(5,7),16)/255,o=Math.max(a,n,r),i=Math.min(a,n,r);let u=0,f=0,d=(o+i)/2;if(o!==i){const b=o-i;f=d>.5?b/(2-o-i):b/(o+i),o===a?u=((n-r)/b+(n<r?6:0))/6:o===n?u=((r-a)/b+2)/6:u=((a-n)/b+4)/6}const v=Ba(t)>.5?-.005:.005;for(let b=0;b<100;b++){d=Math.min(1,Math.max(0,d+v));const y=Pe(u,f,d);if(Math.abs(he(y,t))>=s)return y}return e}function Pe(e,t,s){const a=(u,f,d)=>(d<0&&(d+=1),d>1&&(d-=1),d<.16666666666666666?u+(f-u)*6*d:d<.5?f:d<.6666666666666666?u+(f-u)*(.6666666666666666-d)*6:u);let n,r,o;if(t===0)n=r=o=s;else{const u=s<.5?s*(1+t):s+t-s*t,f=2*s-u;n=a(f,u,e+1/3),r=a(f,u,e),o=a(f,u,e-1/3)}const i=u=>Math.round(u*255).toString(16).padStart(2,"0");return`#${i(n)}${i(r)}${i(o)}`}function Oa(e,t){const[s,a,n]=q(e);return t?U(s,a*.3,Math.min(1,n+(1-n)*.85)):U(s,a,Math.min(.25,n+.04))}const ve={subtle:{light:.95,dark:.12},text:{light:.28,dark:.78}};function ge(e,t){const[s,a]=q(e);return U(s,a*.5,t?ve.subtle.light:ve.subtle.dark)}function be(e,t){const[s,a]=q(e);return U(s,a,t?ve.text.light:ve.text.dark)}function Fe(e,t,s){const a={},n=s==="light";if("borderDefault"in e&&("borderSubtle"in e||(a.borderSubtle=j(t.borderDefault,n?.05:-.02)),"borderStrong"in e||(a.borderStrong=j(t.borderDefault,n?-.27:.19))),"bgBase"in e&&("bgSubtle"in e||(a.bgSubtle=j(t.bgBase,n?-.02:.02)),"surfaceTint"in e||(a.surfaceTint=j(t.bgBase,n?-.04:.03)),!("surface"in e))){const r=Oa(t.bgBase,n);a.surface=r,"surfaceSecondary"in e||(a.surfaceSecondary=j(r,n?-.04:.03)),"surfaceRaised"in e||(a.surfaceRaised=j(r,n?0:.06)),"surfaceOverlay"in e||(a.surfaceOverlay=j(r,n?0:.06))}return"surface"in e&&("surfaceSecondary"in e||(a.surfaceSecondary=j(t.surface,n?-.04:.03)),"surfaceRaised"in e||(a.surfaceRaised=j(t.surface,n?0:.06)),"surfaceOverlay"in e||(a.surfaceOverlay=j(t.surface,n?0:.06))),"textPrimary"in e&&("textSecondary"in e||(a.textSecondary=j(t.textPrimary,n?.2:-.15)),"textDisabled"in e||(a.textDisabled=j(t.textPrimary,n?.58:-.62))),"accentDefault"in e&&("accentHover"in e||(a.accentHover=j(t.accentDefault,n?.05:-.07)),"accentSubtle"in e||(a.accentSubtle=j(t.accentDefault,n?.85:-.6))),"successDefault"in e&&("successSubtle"in e||(a.successSubtle=ge(t.successDefault,n)),"successText"in e||(a.successText=be(t.successDefault,n))),"warningDefault"in e&&("warningSubtle"in e||(a.warningSubtle=ge(t.warningDefault,n)),"warningText"in e||(a.warningText=be(t.warningDefault,n))),"dangerDefault"in e&&("dangerHover"in e||(a.dangerHover=j(t.dangerDefault,n?.05:-.07)),"dangerSubtle"in e||(a.dangerSubtle=ge(t.dangerDefault,n)),"dangerText"in e||(a.dangerText=be(t.dangerDefault,n))),"infoDefault"in e&&("infoSubtle"in e||(a.infoSubtle=ge(t.infoDefault,n)),"infoText"in e||(a.infoText=be(t.infoDefault,n))),a}function We(e,t="light"){const a={...t==="dark"?Le:se,...e},n=Fe(e,a,t),r=t==="light"?j(a.accentDefault,-.15):j(a.accentDefault,.15);return{...a,...n,accentFg:Ce(a.accentDefault),accentBorder:r}}const He={name:"default",light:{navigation:"#f4f6f8",bgBase:"#ffffff",surface:"#ffffff",borderDefault:"#e5e7eb",accentDefault:"#111827",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#0b0c12",bgBase:"#12131a",surface:"#181a20",borderDefault:"#2e3039",accentDefault:"#f9fafb",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},ht={name:"brand",light:{navigation:"#fffefb",bgBase:"#f2f0e8",surface:"#fffdf7",borderDefault:"#e8e3d6",accentDefault:"#e9c96b",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#0c0b08",bgBase:"#151310",surface:"#1c1a15",borderDefault:"#33302a",accentDefault:"#e9c96b",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},oe={name:"indigo",light:{navigation:"#ffffff",bgBase:"#faf9fb",surface:"#faf9fe",borderDefault:"#e0dde9",accentDefault:"#6366f1",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#09081a",bgBase:"#100e24",surface:"#191820",borderDefault:"#2e2d3a",accentDefault:"#818cf8",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},vt={name:"violet",light:{navigation:"#f8f4ff",bgBase:"#eee8fa",surface:"#faf8fd",borderDefault:"#e2dce9",accentDefault:"#8b5cf6",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#0a0818",bgBase:"#120e22",surface:"#1a1822",borderDefault:"#302d3b",accentDefault:"#a78bfa",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},Ee={name:"emerald",light:{navigation:"#f4fcf9",bgBase:"#e9f6f1",surface:"#f7fcf9",borderDefault:"#dbe8df",accentDefault:"#10b981",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#061008",bgBase:"#0c1a16",surface:"#151c18",borderDefault:"#263330",accentDefault:"#34d399",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},Xa={name:"teal",light:{navigation:"#f9fbfc",bgBase:"#eef2f5",surface:"#f6fcfa",borderDefault:"#d4e5e0",accentDefault:"#0d9488",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#060e0c",bgBase:"#0c1816",surface:"#161d1c",borderDefault:"#283836",accentDefault:"#2dd4bf",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},Ne={name:"rose",light:{navigation:"#fff4f6",bgBase:"#f5e8ec",surface:"#fef9fa",borderDefault:"#ecdde1",accentDefault:"#f43f5e",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#10060a",bgBase:"#1a1016",surface:"#1d1518",borderDefault:"#3a282e",accentDefault:"#fb7185",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},yt={name:"coral",light:{navigation:"#fff9f7",bgBase:"#f2ece8",surface:"#fef9f7",borderDefault:"#e9ddd8",accentDefault:"#e8624a",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#b91c1c",infoDefault:"#2563eb"},dark:{navigation:"#0e0806",bgBase:"#1a1210",surface:"#1e1816",borderDefault:"#3b312c",accentDefault:"#f38b76",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},Ua={name:"amber",light:{navigation:"#fffdf6",bgBase:"#f2f0e6",surface:"#fefcf6",borderDefault:"#e8e1d0",accentDefault:"#d97706",successDefault:"#16a34a",warningDefault:"#b45309",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#0c0a06",bgBase:"#151310",surface:"#1e1a15",borderDefault:"#3a3329",accentDefault:"#f59e0b",successDefault:"#22c55e",warningDefault:"#d97706",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},Ae={name:"ocean",light:{navigation:"#ebf1ff",bgBase:"#f1f4ff",surface:"#f6fafd",borderDefault:"#d9e4ec",accentDefault:"#0ea5e9",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#060b14",bgBase:"#0e1522",surface:"#141a20",borderDefault:"#243038",accentDefault:"#38bdf8",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},wt={name:"slate",light:{navigation:"#f7f8fa",bgBase:"#eceef2",surface:"#f7f8fa",borderDefault:"#dde1e6",accentDefault:"#475569",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#080a10",bgBase:"#0e1118",surface:"#161920",borderDefault:"#2b3040",accentDefault:"#94a3b8",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},qa={name:"sage",light:{navigation:"#f4f8f4",bgBase:"#e8efe8",surface:"#f5f7f5",borderDefault:"#d8ddd6",accentDefault:"#5f8c6e",successDefault:"#16a34a",warningDefault:"#d97706",dangerDefault:"#dc2626",infoDefault:"#2563eb"},dark:{navigation:"#060a06",bgBase:"#0e140e",surface:"#171c17",borderDefault:"#2c372c",accentDefault:"#86b394",successDefault:"#22c55e",warningDefault:"#f59e0b",dangerDefault:"#ef4444",infoDefault:"#3b82f6"}},le={name:"sharp",tokens:{radiusNone:"0px",radiusSm:"0.125rem",radiusMd:"0.1875rem",radiusLg:"0.25rem",radiusXl:"0.375rem",radiusFull:"9999px"}},ee={name:"rounded",tokens:{radiusNone:"0px",radiusSm:"0.25rem",radiusMd:"0.375rem",radiusLg:"0.5rem",radiusXl:"0.75rem",radiusFull:"9999px"}},ce={name:"pill",tokens:{radiusNone:"0px",radiusSm:"0.5rem",radiusMd:"0.75rem",radiusLg:"1rem",radiusXl:"1.5rem",radiusFull:"9999px"}},ie={name:"compact",tokens:{space0:"0px",space1:"0.1rem",space2:"0.25rem",space3:"0.6rem",space4:"0.8rem",space5:"1rem",space6:"1.2rem",space8:"1.6rem",space10:"2rem",space12:"2.4rem",space16:"3.2rem",space20:"4rem",space24:"4.8rem"}},te={name:"default",tokens:{space0:"0px",space1:"0.25rem",space2:"0.5rem",space3:"0.75rem",space4:"1rem",space5:"1.25rem",space6:"1.5rem",space8:"2rem",space10:"2.5rem",space12:"3rem",space16:"4rem",space20:"5rem",space24:"6rem"}},ue={name:"spacious",tokens:{space0:"0px",space1:"0.375rem",space2:"0.75rem",space3:"1.125rem",space4:"1.25rem",space5:"1.5625rem",space6:"1.875rem",space8:"2.5rem",space10:"3.125rem",space12:"3.75rem",space16:"5rem",space20:"6.25rem",space24:"7.5rem"}},ye={name:"flat",light:{shadowNone:"none",shadowSm:"none",shadowMd:"none",shadowLg:"none",shadowXl:"none"},dark:{shadowNone:"none",shadowSm:"none",shadowMd:"none",shadowLg:"none",shadowXl:"none"}},Oe={name:"subtle",light:{shadowNone:"none",shadowSm:"rgba(17, 17, 26, 0.04) 0px 2px 8px, rgba(17, 17, 26, 0.02) 0px 4px 16px",shadowMd:"rgba(17, 17, 26, 0.06) 0px 4px 16px, rgba(17, 17, 26, 0.03) 0px 8px 32px",shadowLg:"rgba(17, 17, 26, 0.06) 0px 8px 24px, rgba(17, 17, 26, 0.04) 0px 16px 48px",shadowXl:"rgba(17, 17, 26, 0.08) 0px 12px 32px, rgba(17, 17, 26, 0.05) 0px 24px 64px"},dark:{shadowNone:"none",shadowSm:"0 0 20px color-mix(in srgb, var(--lucent-accent-default) 5%, transparent)",shadowMd:"0 0 30px color-mix(in srgb, var(--lucent-accent-default) 7%, transparent), inset 0 1px 0 0 rgba(255, 255, 255, 0.04)",shadowLg:"0 0 40px color-mix(in srgb, var(--lucent-accent-default) 9%, transparent), inset 0 1px 0 0 rgba(255, 255, 255, 0.05)",shadowXl:"0 0 56px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent), inset 0 1px 0 0 rgba(255, 255, 255, 0.06)"}},Xe={name:"elevated",light:{shadowNone:"none",shadowSm:"0 2px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08)",shadowMd:"0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08)",shadowLg:"0 8px 24px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.08)",shadowXl:"0 16px 40px rgba(0, 0, 0, 0.18), 0 6px 12px rgba(0, 0, 0, 0.1)"},dark:{shadowNone:"none",shadowSm:"inset 0 1px 0 0 rgba(255, 255, 255, 0.06), inset 0 0 12px rgba(255, 255, 255, 0.02)",shadowMd:"inset 0 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.03), 0 0 1px rgba(255, 255, 255, 0.06)",shadowLg:"inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 0 28px rgba(255, 255, 255, 0.04), 0 0 1px rgba(255, 255, 255, 0.08)",shadowXl:"inset 0 1px 0 0 rgba(255, 255, 255, 0.12), inset 0 0 36px rgba(255, 255, 255, 0.05), 0 0 1px rgba(255, 255, 255, 0.1)"}},Ue={name:"liquidGlass",light:{shadowNone:"none",shadowSm:"0 4px 30px rgba(0, 0, 0, 0.04)",shadowMd:"0 8px 50px rgba(0, 0, 0, 0.05), 0 2px 10px rgba(0, 0, 0, 0.02)",shadowLg:"0 12px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03)",shadowXl:"0 20px 80px rgba(0, 0, 0, 0.08), 0 8px 30px rgba(0, 0, 0, 0.04)"},dark:{shadowNone:"none",shadowSm:"inset 0 1px 0 0 rgba(255, 255, 255, 0.06), 0 0 30px rgba(255, 255, 255, 0.02)",shadowMd:"inset 0 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 0 20px rgba(255, 255, 255, 0.02), 0 0 40px rgba(255, 255, 255, 0.03)",shadowLg:"inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 0 30px rgba(255, 255, 255, 0.03), 0 0 50px rgba(255, 255, 255, 0.04)",shadowXl:"inset 0 1px 0 0 rgba(255, 255, 255, 0.12), inset 0 0 40px rgba(255, 255, 255, 0.04), 0 0 70px rgba(255, 255, 255, 0.05)"}},qe={name:"brutalist",light:{shadowNone:"none",shadowSm:"0 0 0 2px var(--lucent-text-primary), 3px 3px 0 0 color-mix(in srgb, var(--lucent-accent-default) 50%, transparent)",shadowMd:"0 0 0 2px var(--lucent-text-primary), 5px 5px 0 0 color-mix(in srgb, var(--lucent-accent-default) 60%, transparent)",shadowLg:"0 0 0 3px var(--lucent-text-primary), 6px 6px 0 0 color-mix(in srgb, var(--lucent-accent-default) 70%, transparent)",shadowXl:"0 0 0 3px var(--lucent-text-primary), 8px 8px 0 0 color-mix(in srgb, var(--lucent-accent-default) 80%, transparent)"},dark:{shadowNone:"none",shadowSm:"0 0 0 2px color-mix(in srgb, var(--lucent-accent-default) 60%, transparent), 3px 3px 0 0 color-mix(in srgb, var(--lucent-accent-default) 30%, transparent)",shadowMd:"0 0 0 2px color-mix(in srgb, var(--lucent-accent-default) 65%, transparent), 5px 5px 0 0 color-mix(in srgb, var(--lucent-accent-default) 35%, transparent)",shadowLg:"0 0 0 3px color-mix(in srgb, var(--lucent-accent-default) 70%, transparent), 6px 6px 0 0 color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)",shadowXl:"0 0 0 3px color-mix(in srgb, var(--lucent-accent-default) 75%, transparent), 8px 8px 0 0 color-mix(in srgb, var(--lucent-accent-default) 45%, transparent)"}},Ge={name:"neumorphic",light:{shadowNone:"none",shadowSm:"0 8px 16px rgba(0, 0, 0, 0.12)",shadowMd:"0 12px 24px rgba(0, 0, 0, 0.16)",shadowLg:"0 20px 30px rgba(0, 0, 0, 0.2)",shadowXl:"0 28px 40px rgba(0, 0, 0, 0.24)"},dark:{shadowNone:"none",shadowSm:"0 8px 16px rgba(0, 0, 0, 0.4)",shadowMd:"0 12px 24px rgba(0, 0, 0, 0.45)",shadowLg:"0 20px 30px rgba(0, 0, 0, 0.5)",shadowXl:"0 28px 40px rgba(0, 0, 0, 0.55)"}},Ve={name:"natural",light:{shadowNone:"none",shadowSm:"rgba(17, 17, 26, 0.05) 0px 2px 8px, rgba(17, 17, 26, 0.03) 0px 4px 16px",shadowMd:"rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px",shadowLg:"rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.08) 0px 16px 48px",shadowXl:"rgba(17, 17, 26, 0.12) 0px 12px 32px, rgba(17, 17, 26, 0.1) 0px 24px 64px"},dark:{shadowNone:"none",shadowSm:"inset 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.03)",shadowMd:"inset 0 1px 0 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 1px 3px rgba(0, 0, 0, 0.15)",shadowLg:"inset 0 1px 0 0 rgba(255, 255, 255, 0.09), inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 16px rgba(255, 255, 255, 0.02), 0 2px 6px rgba(0, 0, 0, 0.15)",shadowXl:"inset 0 1px 0 0 rgba(255, 255, 255, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.06), inset 0 0 24px rgba(255, 255, 255, 0.03), 0 4px 10px rgba(0, 0, 0, 0.15)"}},we={name:"glow",light:{shadowNone:"none",shadowSm:"0 1px 3px rgba(0, 0, 0, 0.06), 0 0 12px color-mix(in srgb, var(--lucent-accent-default) 12%, transparent)",shadowMd:"0 2px 6px rgba(0, 0, 0, 0.06), 0 0 20px color-mix(in srgb, var(--lucent-accent-default) 16%, transparent)",shadowLg:"0 4px 10px rgba(0, 0, 0, 0.06), 0 0 30px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",shadowXl:"0 6px 14px rgba(0, 0, 0, 0.06), 0 0 44px color-mix(in srgb, var(--lucent-accent-default) 25%, transparent)"},dark:{shadowNone:"none",shadowSm:"0 0 16px color-mix(in srgb, var(--lucent-accent-default) 20%, transparent)",shadowMd:"0 0 24px color-mix(in srgb, var(--lucent-accent-default) 28%, transparent)",shadowLg:"0 0 36px color-mix(in srgb, var(--lucent-accent-default) 35%, transparent)",shadowXl:"0 0 50px color-mix(in srgb, var(--lucent-accent-default) 40%, transparent)"}},St={name:"modern",palette:oe,shape:ee,density:te,shadow:Oe},kt={name:"enterprise",palette:He,shape:le,density:ie,shadow:ye},Dt={name:"playful",palette:Ne,shape:ce,density:ue,shadow:Xe},Mt={name:"liquidGlass",palette:Ae,shape:ce,density:ue,shadow:Ue},jt={name:"bento",palette:oe,shape:ee,density:te,shadow:Ve},zt={name:"brutalist",palette:yt,shape:le,density:ie,shadow:qe},Tt={name:"terminal",palette:Ee,shape:le,density:ie,shadow:we},Pt={name:"softUI",palette:vt,shape:ce,density:te,shadow:Ge},It={name:"bloom",palette:oe,shape:ee,density:ue,shadow:we},Bt={name:"minimal",palette:wt,shape:ee,density:te,shadow:ye},Ga={default:He,brand:ht,indigo:oe,violet:vt,emerald:Ee,teal:Xa,rose:Ne,coral:yt,amber:Ua,ocean:Ae,slate:wt,sage:qa},Va={sharp:le,rounded:ee,pill:ce},_a={compact:ie,default:te,spacious:ue},Ka={flat:ye,subtle:Oe,elevated:Xe,liquidGlass:Ue,brutalist:qe,neumorphic:Ge,natural:Ve,glow:we},Ya={modern:St,enterprise:kt,playful:Dt,liquidGlass:Mt,bento:jt,brutalist:zt,terminal:Tt,softUI:Pt,bloom:It,minimal:Bt};function Za(e){return typeof e=="string"?Ga[e]:e}function Ja(e){return typeof e=="string"?Va[e]:e}function Qa(e){return typeof e=="string"?_a[e]:e}function en(e){return typeof e=="string"?Ka[e]:e}function Rt(e,t){let s,a,n,r;if(typeof e=="string"){const i=Ya[e];if(!i)return{};s=i.palette,a=i.shape,n=i.density,r=i.shadow}else e.palette!==void 0&&(s=Za(e.palette)),e.shape!==void 0&&(a=Ja(e.shape)),e.density!==void 0&&(n=Qa(e.density)),e.shadow!==void 0&&(r=en(e.shadow));const o={};if(s){const i=We(s[t],t);Object.assign(o,i)}return a&&Object.assign(o,a.tokens),n&&Object.assign(o,n.tokens),r&&Object.assign(o,r[t]),o}const $t=m.createContext({theme:"light",tokens:se});function tn({theme:e="light",preset:t,tokens:s,anchors:a,children:n}){const r=m.useId().replace(/:/g,""),o=t?Rt(t,e):void 0,i=(()=>{if(a){const T=We(a,e);if(o){const M={};for(const[p,h]of Object.entries(o))(p.startsWith("space")||p.startsWith("radius")||p.startsWith("shadow")||p.startsWith("duration")||p.startsWith("easing"))&&(M[p]=h);return{...T,...M}}return T}const f=e==="dark"?Le:se,d=o?{...o,...s}:s,x=d?{...f,...d}:f,v=d?Fe(d,x,e):{},b=(d==null?void 0:d.accentBorder)??(e==="light"?j(x.accentDefault,-.15):j(x.accentDefault,.15)),y=(d==null?void 0:d.accentFg)??Ce(x.accentDefault),P=mt(x.accentDefault,y);return{...x,...v,accentDefault:P,accentFg:y,accentBorder:b}})(),u=`html { font-size: 14px; }
+`+bt(i,":root");return m.useLayoutEffect(()=>{let f=document.getElementById(`lucent-tokens-${r}`);return f||(f=document.createElement("style"),f.id=`lucent-tokens-${r}`,document.head.appendChild(f)),f.textContent=u,()=>{var d;(d=document.getElementById(`lucent-tokens-${r}`))==null||d.remove()}},[r,u]),c.jsx($t.Provider,{value:{theme:e,tokens:i},children:n})}function an(){return m.useContext($t)}exports.Badge=Gt;exports.Button=Ie;exports.ColorPicker=it;exports.ColorSwatch=re;exports.Input=Y;exports.LucentProvider=tn;exports.SegmentedControl=Re;exports.Select=Be;exports.Slider=ca;exports.Tabs=Sa;exports.Text=ra;exports.Toggle=Yt;exports.adjustLightness=j;exports.bentoPreset=jt;exports.bloomPreset=It;exports.brandPalette=ht;exports.brutalistPreset=zt;exports.brutalistShadow=qe;exports.compactDensity=ie;exports.createTheme=We;exports.darkShadowTokens=dt;exports.darkTokens=Le;exports.defaultDensity=te;exports.defaultPalette=He;exports.deriveDarkFromLight=pt;exports.deriveTokens=Fe;exports.elevatedShadow=Xe;exports.emeraldPalette=Ee;exports.ensureContrast=mt;exports.enterprisePreset=kt;exports.flatShadow=ye;exports.getAccentFg=Ce;exports.getContrastText=xt;exports.glowShadow=we;exports.indigoPalette=oe;exports.lightShadowTokens=ut;exports.lightTokens=se;exports.liquidGlassPreset=Mt;exports.liquidGlassShadow=Ue;exports.makeLibraryCSS=bt;exports.minimalPreset=Bt;exports.modernPreset=St;exports.naturalShadow=Ve;exports.neumorphicShadow=Ge;exports.oceanPalette=Ae;exports.pillShape=ce;exports.playfulPreset=Dt;exports.resolvePreset=Rt;exports.rosePalette=Ne;exports.roundedShape=ee;exports.sharpShape=le;exports.softUIPreset=Pt;exports.spaciousDensity=ue;exports.subtleShadow=Oe;exports.terminalPreset=Tt;exports.tokenToCssVar=gt;exports.useLucent=an;