lucent-ui 0.37.0 → 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{LucentProvider-F0EN_7TD.js → LucentProvider-Bm39MMvv.js} +550 -532
- package/dist/{LucentProvider-LqNc0AxD.cjs → LucentProvider-CzEDW5SL.cjs} +6 -6
- package/dist/devtools.cjs +1 -1
- package/dist/devtools.js +1 -1
- package/dist/index.cjs +87 -41
- package/dist/index.d.ts +92 -5
- package/dist/index.js +1519 -1285
- package/dist-server/src/components/atoms/Row/Row.manifest.js +10 -2
- package/dist-server/src/components/atoms/Stack/Stack.manifest.js +6 -2
- package/dist-server/src/components/molecules/Breadcrumb/Breadcrumb.manifest.js +27 -0
- package/dist-server/src/components/molecules/PageHeader/PageHeader.manifest.js +144 -0
- package/dist-server/src/manifest/examples/button.manifest.js +39 -1
- package/dist-server/src/manifest/patterns/action-bar.pattern.js +34 -6
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";const l=require("react/jsx-runtime"),b=require("react"),$t=require("react-dom"),Lt={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"}},Pt={"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)"}},Te=b.forwardRef(({variant:e="primary",size:t="md",loading:s=!1,fullWidth:a=!1,spread:n=!1,leftIcon:r,rightIcon:o,chevron:i=!1,disableHoverStyles:d=!1,bordered:u=!0,children:f,disabled:g,style:v,...p},S)=>{const M=g??s,k=!f&&!s&&(!!r||!!o);return l.jsxs("button",{ref:S,disabled:M,"aria-busy":s,style:{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:M?"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,...Pt[t],...k&&{padding:0,aspectRatio:"1"},...Lt[e],...v,...M&&{background:"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",color:"var(--lucent-text-disabled)",borderColor:"transparent"},...u===!1&&{border:"none"}},onMouseEnter:y=>{var x;!M&&!d&&Ft(y.currentTarget,e,u),(x=p.onMouseEnter)==null||x.call(p,y)},onMouseLeave:y=>{var x;!M&&!d&&Wt(y.currentTarget,e,u),(x=p.onMouseLeave)==null||x.call(p,y)},onMouseDown:y=>{var x;if(!M){const D=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)";y.currentTarget.style.transform="translateY(1px)",y.currentTarget.style.boxShadow=`0 0 0 4px ${D}`,y.currentTarget.dataset.pressed="1"}(x=p.onMouseDown)==null||x.call(p,y)},onMouseUp:y=>{var x;y.currentTarget.style.transform="",y.currentTarget.style.boxShadow="",delete y.currentTarget.dataset.pressed,(x=p.onMouseUp)==null||x.call(p,y)},onFocus:y=>{var x;y.currentTarget.dataset.pressed||(y.currentTarget.style.boxShadow="0 0 0 3px var(--lucent-accent-subtle)"),(x=p.onFocus)==null||x.call(p,y)},onBlur:y=>{var x;y.currentTarget.style.boxShadow="",(x=p.onBlur)==null||x.call(p,y)},...p,children:[r,s?l.jsx(Nt,{}):f,!s&&o,!s&&i&&l.jsx(Et,{size:t})]})});Te.displayName="Button";const Ct={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 Ft(e,t,s){e.style.transform="translateY(-1px)",e.style.boxShadow=Ct[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 Wt(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 Ht={"2xs":8,xs:10,sm:12,md:14,lg:16};function Et({size:e}){const t=Ht[e];return l.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:l.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Nt(){return l.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:[l.jsx("style",{children:"@keyframes lucent-spin { to { transform: rotate(360deg); } }"}),l.jsx("path",{d:"M12 2a10 10 0 0 1 10 10"})]})}const At={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)"},Ge={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},we={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)"},Ve={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))"},K=b.forwardRef(({size:e="md",label:t,helperText:s,errorText:a,leftElement:n,rightElement:r,prefix:o,suffix:i,id:d,style:u,...f},g)=>{const v=d??`lucent-input-${Math.random().toString(36).slice(2,7)}`,p=!!a,S=!!f.disabled,[M,k]=b.useState(!1),[y,x]=b.useState(!1),m=S?"transparent":p?"var(--lucent-danger-default)":M?"var(--lucent-accent-border)":y?"var(--lucent-border-strong)":"var(--lucent-border-default)",D=M?`0 0 0 3px ${p?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none",$={display:"flex",alignItems:"center",color:S?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",fontSize:Ge[e],fontFamily:"var(--lucent-font-family-base)",whiteSpace:"nowrap",userSelect:"none",flexShrink:0},A={...$,paddingLeft:Q[e],paddingRight:"2px"},N={...$,paddingLeft:"2px",paddingRight:Q[e]};return l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...u},children:[t&&l.jsx("label",{htmlFor:v,style:{fontSize:we[e],fontWeight:"var(--lucent-font-weight-medium)",color:S?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:t}),l.jsxs("div",{style:{display:"flex",alignItems:"stretch",height:At[e],border:`1px solid ${m}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:D,background:S?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",overflow:"hidden",cursor:S?"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:()=>{S||x(!0)},onMouseLeave:()=>x(!1),children:[o&&l.jsx("span",{style:A,children:o}),l.jsxs("div",{style:{position:"relative",flex:1,display:"flex",alignItems:"center",minWidth:0},children:[n&&l.jsx("span",{style:{position:"absolute",left:Q[e],color:S?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center",pointerEvents:"none"},children:n}),l.jsx("input",{ref:g,id:v,"aria-invalid":p,"aria-describedby":p?`${v}-error`:s?`${v}-helper`:void 0,style:{width:"100%",height:"100%",paddingLeft:n?Ve[e]:Q[e],paddingRight:r?Ve[e]:Q[e],fontSize:Ge[e],fontFamily:"var(--lucent-font-family-base)",color:S?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",outline:"none",cursor:S?"not-allowed":void 0,boxSizing:"border-box"},...f,onFocus:E=>{var W;k(!0),(W=f.onFocus)==null||W.call(f,E)},onBlur:E=>{var W;k(!1),(W=f.onBlur)==null||W.call(f,E)}}),r&&l.jsx("span",{style:{position:"absolute",right:Q[e],color:S?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:r})]}),i&&l.jsx("span",{style:N,children:i})]}),p&&l.jsx("span",{id:`${v}-error`,role:"alert",style:{fontSize:we[e],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:a}),!p&&s&&l.jsx("span",{id:`${v}-helper`,style:{fontSize:we[e],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:s})]})});K.displayName="Input";const Ot={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)"}},Xt={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 qt({variant:e="neutral",size:t="md",dot:s=!1,children:a,style:n}){const r=Ot[e],o=Xt[t];return l.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&&l.jsx("span",{style:{width:6,height:6,borderRadius:"var(--lucent-radius-full)",background:"currentColor",flexShrink:0}}),a]})}const Ut={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)"},Gt={sm:{track:[28,16],thumb:12},md:{track:[36,20],thumb:16},lg:{track:[44,24],thumb:20}},_e="cubic-bezier(0.34, 1.56, 0.64, 1)",Vt=`
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),x=require("react"),$t=require("react-dom"),Lt={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"}},Pt={"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)"}},ze=x.forwardRef(({variant:e="primary",size:t="md",loading:s=!1,fullWidth:a=!1,spread:n=!1,leftIcon:r,rightIcon:o,chevron:i=!1,disableHoverStyles:d=!1,bordered:u=!0,href:f,target:g,rel:v,children:p,disabled:w,style:z,type:D,onClick:R,...b},h)=>{const S=w??s,$=!p&&!s&&(!!r||!!o),H=f!==void 0,A=H?"a":"button",E={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:S?"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,...Pt[t],...$&&{padding:0,aspectRatio:"1"},...Lt[e],...H&&{textDecoration:"none"},...z,...S&&{background:"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)",color:"var(--lucent-text-disabled)",borderColor:"transparent",...H&&{pointerEvents:"none"}},...u===!1&&{border:"none"}};return l.jsxs(A,{ref:h,"aria-busy":s,style:E,...H?{role:"link",...S?{"aria-disabled":!0,tabIndex:-1}:{href:f},...g!==void 0&&{target:g},...v!==void 0&&{rel:v}}:{disabled:S,...D!==void 0&&{type:D}},onMouseEnter:k=>{var P;!S&&!d&&Ft(k.currentTarget,e,u),(P=b.onMouseEnter)==null||P.call(b,k)},onMouseLeave:k=>{var P;!S&&!d&&Wt(k.currentTarget,e,u),(P=b.onMouseLeave)==null||P.call(b,k)},onMouseDown:k=>{var P;if(!S){const I=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 ${I}`,k.currentTarget.dataset.pressed="1"}(P=b.onMouseDown)==null||P.call(b,k)},onMouseUp:k=>{var P;k.currentTarget.style.transform="",k.currentTarget.style.boxShadow="",delete k.currentTarget.dataset.pressed,(P=b.onMouseUp)==null||P.call(b,k)},onFocus:k=>{var P;k.currentTarget.dataset.pressed||(k.currentTarget.style.boxShadow="0 0 0 3px var(--lucent-accent-subtle)"),(P=b.onFocus)==null||P.call(b,k)},onBlur:k=>{var P;k.currentTarget.style.boxShadow="",(P=b.onBlur)==null||P.call(b,k)},onClick:k=>{if(H&&S){k.preventDefault();return}R==null||R(k)},...b,children:[r,s?l.jsx(Nt,{}):p,!s&&o,!s&&i&&l.jsx(Et,{size:t})]})});ze.displayName="Button";const Ct={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 Ft(e,t,s){e.style.transform="translateY(-1px)",e.style.boxShadow=Ct[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 Wt(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 Ht={"2xs":8,xs:10,sm:12,md:14,lg:16};function Et({size:e}){const t=Ht[e];return l.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:l.jsx("polyline",{points:"6 9 12 15 18 9"})})}function Nt(){return l.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:[l.jsx("style",{children:"@keyframes lucent-spin { to { transform: rotate(360deg); } }"}),l.jsx("path",{d:"M12 2a10 10 0 0 1 10 10"})]})}const At={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)"},Ge={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},we={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)"},Ve={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=x.forwardRef(({size:e="md",label:t,helperText:s,errorText:a,leftElement:n,rightElement:r,prefix:o,suffix:i,id:d,style:u,...f},g)=>{const v=d??`lucent-input-${Math.random().toString(36).slice(2,7)}`,p=!!a,w=!!f.disabled,[z,D]=x.useState(!1),[R,b]=x.useState(!1),h=w?"transparent":p?"var(--lucent-danger-default)":z?"var(--lucent-accent-border)":R?"var(--lucent-border-strong)":"var(--lucent-border-default)",S=z?`0 0 0 3px ${p?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none",$={display:"flex",alignItems:"center",color:w?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",fontSize:Ge[e],fontFamily:"var(--lucent-font-family-base)",whiteSpace:"nowrap",userSelect:"none",flexShrink:0},H={...$,paddingLeft:Q[e],paddingRight:"2px"},A={...$,paddingLeft:"2px",paddingRight:Q[e]};return l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...u},children:[t&&l.jsx("label",{htmlFor:v,style:{fontSize:we[e],fontWeight:"var(--lucent-font-weight-medium)",color:w?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:t}),l.jsxs("div",{style:{display:"flex",alignItems:"stretch",height:At[e],border:`1px solid ${h}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:S,background:w?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",overflow:"hidden",cursor:w?"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:()=>{w||b(!0)},onMouseLeave:()=>b(!1),children:[o&&l.jsx("span",{style:H,children:o}),l.jsxs("div",{style:{position:"relative",flex:1,display:"flex",alignItems:"center",minWidth:0},children:[n&&l.jsx("span",{style:{position:"absolute",left:Q[e],color:w?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center",pointerEvents:"none"},children:n}),l.jsx("input",{ref:g,id:v,"aria-invalid":p,"aria-describedby":p?`${v}-error`:s?`${v}-helper`:void 0,style:{width:"100%",height:"100%",paddingLeft:n?Ve[e]:Q[e],paddingRight:r?Ve[e]:Q[e],fontSize:Ge[e],fontFamily:"var(--lucent-font-family-base)",color:w?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",outline:"none",cursor:w?"not-allowed":void 0,boxSizing:"border-box"},...f,onFocus:E=>{var k;D(!0),(k=f.onFocus)==null||k.call(f,E)},onBlur:E=>{var k;D(!1),(k=f.onBlur)==null||k.call(f,E)}}),r&&l.jsx("span",{style:{position:"absolute",right:Q[e],color:w?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:r})]}),i&&l.jsx("span",{style:A,children:i})]}),p&&l.jsx("span",{id:`${v}-error`,role:"alert",style:{fontSize:we[e],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:a}),!p&&s&&l.jsx("span",{id:`${v}-helper`,style:{fontSize:we[e],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:s})]})});Y.displayName="Input";const Ot={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)"}},Xt={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 qt({variant:e="neutral",size:t="md",dot:s=!1,children:a,style:n}){const r=Ot[e],o=Xt[t];return l.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&&l.jsx("span",{style:{width:6,height:6,borderRadius:"var(--lucent-radius-full)",background:"currentColor",flexShrink:0}}),a]})}const Ut={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)"},Gt={sm:{track:[28,16],thumb:12},md:{track:[36,20],thumb:16},lg:{track:[44,24],thumb:20}},_e="cubic-bezier(0.34, 1.56, 0.64, 1)",Vt=`
|
|
2
2
|
@keyframes lucent-toggle-pop {
|
|
3
3
|
0% { transform: scale(1); }
|
|
4
4
|
35% { transform: scale(0.94); }
|
|
5
5
|
70% { transform: scale(1.06); }
|
|
6
6
|
100% { transform: scale(1); }
|
|
7
7
|
}
|
|
8
|
-
`;function _t({label:e,size:t="md",checked:s,defaultChecked:a,contained:n=!1,helperText:r,align:o="left",disabled:i,id:d,onChange:u,style:f,...g}){const v=d??`lucent-toggle-${Math.random().toString(36).slice(2,7)}`,p=s!==void 0,[
|
|
8
|
+
`;function _t({label:e,size:t="md",checked:s,defaultChecked:a,contained:n=!1,helperText:r,align:o="left",disabled:i,id:d,onChange:u,style:f,...g}){const v=d??`lucent-toggle-${Math.random().toString(36).slice(2,7)}`,p=s!==void 0,[w,z]=x.useState(a??!1),D=p?!!s:w,R=x.useRef(D),[b,h]=x.useState(0),[S,$]=x.useState(!1);x.useEffect(()=>{if(!i&&R.current!==D){R.current=D,h(U=>U+1),$(!0);const O=setTimeout(()=>$(!1),150);return()=>clearTimeout(O)}},[D,i]);const{track:[H,A],thumb:E}=Gt[t],k=D?H-E-2:2,P=O=>{p||z(O.target.checked),u==null||u(O)},V=l.jsxs("span",{"aria-hidden":!0,style:{position:"relative",width:H,height:A,borderRadius:A/2,flexShrink:0},children:[l.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"inherit",background:i?"var(--lucent-surface-secondary)":D?"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:b>0?`lucent-toggle-pop 240ms ${_e} forwards`:void 0}},b),l.jsx("span",{style:{position:"absolute",top:2,left:k,width:S?E*1.3:E,height:E,borderRadius:E,background:"#ffffff",boxShadow:"0 1px 3px rgb(0 0 0 / 0.2)",transition:`left 260ms ${_e}, width 200ms cubic-bezier(0.22, 1, 0.36, 1)`}})]}),I=l.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?{}:f},children:[l.jsx("input",{type:"checkbox",role:"switch",id:v,checked:p?s:w,disabled:i,onChange:P,"aria-checked":D,style:{position:"absolute",opacity:0,width:0,height:0,margin:0,pointerEvents:"none"},...g}),o==="left"&&V,e||r?l.jsxs("span",{style:{display:"flex",flexDirection:"column",flex:o==="right"?1:void 0},children:[e&&l.jsx("span",{style:{fontWeight:r?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",lineHeight:r?1.3:1},children:e}),r&&l.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"&&V]});return l.jsxs(l.Fragment,{children:[l.jsx("style",{children:Vt}),n?l.jsx("div",{style:{border:"1px solid var(--lucent-border-strong)",borderRadius:"var(--lucent-radius-lg)",...r?{padding:"var(--lucent-space-3)"}:{minHeight:Ut[t],padding:"0 var(--lucent-space-3)",display:"flex",alignItems:"center"},background:D&&!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",...f},onClick:O=>{if(!i&&O.target===O.currentTarget){const U=O.currentTarget.querySelector("input");U==null||U.click()}},children:I}):I]})}const Kt={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)"},Yt={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},Se={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-sm)",lg:"var(--lucent-font-size-md)"},Ke={sm:"var(--lucent-space-2)",md:"var(--lucent-space-3)",lg:"var(--lucent-space-3)"},Ie=x.forwardRef(({options:e,size:t="md",label:s,helperText:a,errorText:n,placeholder:r,disabled:o,id:i,style:d,...u},f)=>{const g=i??`lucent-select-${Math.random().toString(36).slice(2,7)}`,v=!!n,p=!!o,[w,z]=x.useState(!1),[D,R]=x.useState(!1),b=p?"transparent":v?"var(--lucent-danger-default)":w?"var(--lucent-accent-border)":D?"var(--lucent-border-strong)":"var(--lucent-border-default)",h=w?`0 0 0 3px ${v?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none";return l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...d},children:[s&&l.jsx("label",{htmlFor:g,style:{fontSize:Se[t],fontWeight:"var(--lucent-font-weight-medium)",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:s}),l.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",height:Kt[t],border:`1px solid ${b}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:h,background:p?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",cursor:p?"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:()=>{p||R(!0)},onMouseLeave:()=>R(!1),children:[l.jsxs("select",{ref:f,id:g,disabled:o,"aria-invalid":v,"aria-describedby":v?`${g}-error`:a?`${g}-helper`:void 0,style:{width:"100%",height:"100%",padding:`0 var(--lucent-space-8) 0 ${Ke[t]}`,fontSize:Yt[t],fontFamily:"var(--lucent-font-family-base)",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",borderRadius:"var(--lucent-radius-lg)",outline:"none",appearance:"none",cursor:p?"not-allowed":"pointer",boxSizing:"border-box"},onFocus:S=>{var $;p||z(!0),($=u.onFocus)==null||$.call(u,S)},onBlur:S=>{var $;z(!1),($=u.onBlur)==null||$.call(u,S)},onMouseDown:()=>{p||z(!0)},...u,children:[r&&l.jsx("option",{value:"",disabled:!0,children:r}),e.map(S=>l.jsx("option",{value:S.value,disabled:S.disabled,children:S.label},S.value))]}),l.jsx("span",{"aria-hidden":!0,style:{position:"absolute",right:Ke[t],pointerEvents:"none",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:l.jsx("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:l.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),v&&l.jsx("span",{id:`${g}-error`,role:"alert",style:{fontSize:Se[t],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:n}),!v&&a&&l.jsx("span",{id:`${g}-helper`,style:{fontSize:Se[t],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:a})]})});Ie.displayName="Select";const Zt={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)"},Jt={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)"},Qt={regular:"var(--lucent-font-weight-regular)",medium:"var(--lucent-font-weight-medium)",semibold:"var(--lucent-font-weight-semibold)",bold:"var(--lucent-font-weight-bold)"},ea={tight:"var(--lucent-line-height-tight)",base:"var(--lucent-line-height-base)",relaxed:"var(--lucent-line-height-relaxed)"},ta={base:"var(--lucent-font-family-base)",mono:"var(--lucent-font-family-mono)",display:"var(--lucent-font-family-display)"};function aa({as:e="p",size:t="md",weight:s="regular",color:a="primary",align:n,lineHeight:r="base",family:o="base",truncate:i=!1,children:d,style:u,...f}){const g={fontSize:Jt[t],fontWeight:Qt[s],color:Zt[a],...n!==void 0&&{textAlign:n},lineHeight:ea[r],fontFamily:ta[o],margin:0,...i&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...u},v=e;return l.jsx(v,{style:g,...f,children:d})}const na={sm:"3px",md:"4px",lg:"5px"},ra={sm:"14px",md:"18px",lg:"22px"},sa=`
|
|
9
9
|
.lucent-slider {
|
|
10
10
|
-webkit-appearance: none;
|
|
11
11
|
appearance: none;
|
|
@@ -98,12 +98,12 @@
|
|
|
98
98
|
border-color: color-mix(in srgb, var(--lucent-text-primary) 10%, transparent);
|
|
99
99
|
cursor: not-allowed;
|
|
100
100
|
}
|
|
101
|
-
`;function oa({label:e,showValue:t=!1,size:s="md",min:a=0,max:n=100,step:r=1,value:o,defaultValue:i,disabled:d,id:u,onChange:f,style:g,...v}){const p=u??`lucent-slider-${Math.random().toString(36).slice(2,7)}`,S=o!==void 0,[M,k]=b.useState(i??Math.round((a+n)/2)),y=S?o:M,x=`${(y-a)/(n-a)*100}%`,m=D=>{S||k(Number(D.target.value)),f==null||f(D)};return l.jsxs(l.Fragment,{children:[l.jsx("style",{children:sa}),l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",fontFamily:"var(--lucent-font-family-base)",...g},children:[(e||t)&&l.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline"},children:[e&&l.jsx("label",{htmlFor:p,style:{fontSize:"var(--lucent-font-size-sm)",fontWeight:"var(--lucent-font-weight-medium)",color:d?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",cursor:d?"not-allowed":"default"},children:e}),t&&l.jsx("span",{style:{fontSize:"var(--lucent-font-size-sm)",color:d?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",fontVariantNumeric:"tabular-nums"},children:y})]}),l.jsx("input",{type:"range",id:p,className:"lucent-slider",min:a,max:n,step:r,disabled:d,value:S?o:M,onChange:m,style:{"--ls-track-h":na[s],"--ls-thumb":ra[s],"--ls-fill":x},...v})]})]})}const Ye={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)"},la={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-lg)"},ca={sm:"var(--lucent-space-3)",md:"var(--lucent-space-4)",lg:"var(--lucent-space-5)"};function Be({options:e,value:t,defaultValue:s,onChange:a,size:n="md",disabled:r=!1,fullWidth:o=!0,id:i,style:d}){var y;const[u,f]=b.useState(s??((y=e[0])==null?void 0:y.value)??""),g=t!==void 0?t:u,v=b.useRef(null),[p,S]=b.useState(null),M=b.useRef(!1);b.useLayoutEffect(()=>{const x=v.current;if(!x)return;const m=()=>{const $=x.querySelector(`[data-sc-value="${g}"]`);$&&(S({left:$.offsetLeft,width:$.offsetWidth,animate:M.current}),M.current=!0)};m();const D=new ResizeObserver(m);return D.observe(x),()=>D.disconnect()},[g,e]);const k=x=>{r||x.disabled||(t===void 0&&f(x.value),a==null||a(x.value))};return l.jsxs("div",{id:i,ref:v,role:"group",style:{position:"relative",display:"flex",alignItems:"center",width:o?"100%":"fit-content",height:Ye[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,...d},children:[p&&l.jsx("span",{"aria-hidden":!0,style:{position:"absolute",top:3,left:p.left+3,width:p.width-6,height:"calc(100% - 6px)",background:"var(--lucent-surface)",borderRadius:"var(--lucent-radius-lg)",boxShadow:"var(--lucent-shadow-sm)",transition:p.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(x=>{const m=x.value===g,D=r||!!x.disabled;return l.jsx("button",{"data-sc-value":x.value,type:"button",role:"radio","aria-checked":m,disabled:D,onClick:()=>k(x),style:{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--lucent-space-1)",flex:1,height:Ye[n],padding:`0 ${ca[n]}`,fontSize:la[n],fontFamily:"var(--lucent-font-family-base)",fontWeight:m?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:D?"var(--lucent-text-disabled)":m?"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:$=>{$.currentTarget.matches(":focus-visible")&&($.currentTarget.style.boxShadow="0 0 0 2px var(--lucent-accent-subtle)")},onBlur:$=>{$.currentTarget.style.boxShadow=""},children:x.label},x.value)})]})}Be.displayName="SegmentedControl";const ia={xs:12,sm:16,md:22,lg:28,xl:36,"2xl":48},ua={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)"},Ze="inset 0 0 0 1px rgba(0,0,0,0.2)",Je="inset 0 0 0 2px rgba(0,0,0,0.5)",da="inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";function fa(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 ne=b.forwardRef(({color:e,size:t="md",shape:s="circle",showCheckerboard:a=!1,selected:n=!1,disabled:r=!1,style:o,onFocus:i,onBlur:d,onClick:u,...f},g)=>{const v=ia[t],p=s==="circle"?"50%":ua[t];return l.jsx("button",{ref:g,type:"button",disabled:r,onClick:u,style:{width:v,height:v,flexShrink:0,...a?fa(e):{background:e},border:"none",borderRadius:p,cursor:r?"not-allowed":u?"pointer":"default",padding:0,outline:"none",opacity:r?.4:1,boxShadow:n?Je:Ze,transition:"box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",...o},onFocus:S=>{r||(S.currentTarget.style.boxShadow=da),i==null||i(S)},onBlur:S=>{S.currentTarget.style.boxShadow=n?Je:Ze,d==null||d(S)},...f})});ne.displayName="ColorSwatch";function be(e,t,s){return Math.max(t,Math.min(s,e))}function pa(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 d=0,u=0,f=0;return e<60?(d=r,u=o):e<120?(d=o,u=r):e<180?(u=r,f=o):e<240?(u=o,f=r):e<300?(d=o,f=r):(d=r,f=o),{r:Math.round((d+i)*255),g:Math.round((u+i)*255),b:Math.round((f+i)*255)}}function ga(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),d=o-i,u=o,f=o===0?0:d/o;let g=0;return d!==0&&(o===a?g=((n-r)/d+(n<r?6:0))/6:o===n?g=((r-a)/d+2)/6:g=((a-n)/d+4)/6),{h:Math.round(g*360),s:Math.round(f*100),v:Math.round(u*100)}}function ba(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),d=(o+i)/2;if(o===i)return{h:0,s:0,l:Math.round(d*100)};const u=o-i,f=d>.5?u/(2-o-i):u/(o+i);let g=0;return o===a?g=((n-r)/u+(n<r?6:0))/6:o===n?g=((r-a)/u+2)/6:g=((a-n)/u+4)/6,{h:Math.round(g*360),s:Math.round(f*100),l:Math.round(d*100)}}function ge(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 d=0,u=0,f=0;return e<60?(d=r,u=o):e<120?(d=o,u=r):e<180?(u=r,f=o):e<240?(u=o,f=r):e<300?(d=o,f=r):(d=r,f=o),{r:Math.round((d+i)*255),g:Math.round((u+i)*255),b:Math.round((f+i)*255)}}function Re(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 st(e){const t=Re(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 je({r:e,g:t,b:s,a}){const n=o=>be(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 ot({h:e,s:t,v:s,a}){return{...pa(e,t,s),a}}function X({r:e,g:t,b:s,a}){return{...ga(e,t,s),a}}function ue(e){return je(ot(e))}function de(e){const t=e.trim();if(t.startsWith("#")){const n=Re(t);return/^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(n)?st(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(d=>d<=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?{...ge(n,r,o),a:1}:null}return null}const xa=[{label:"Presets",colors:["#000000","#2563eb","#16a34a","#ca8a04","#dc2626","#0ea5e9","#9333ea","#4f46e5","#e11d48"]}],ha=["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 Qe({value:e,min:t,max:s,onChange:a,trackStyle:n,formatTooltip:r}){const o=b.useRef(null),[i,d]=b.useState(!1),u=b.useCallback(g=>{const v=o.current.getBoundingClientRect(),p=be((g.clientX-v.left)/v.width,0,1);a(t+p*(s-t))},[t,s,a]),f=(e-t)/(s-t)*100;return l.jsx("div",{ref:o,style:{position:"relative",height:12,borderRadius:6,cursor:"crosshair",userSelect:"none",...n},onPointerDown:g=>{g.currentTarget.setPointerCapture(g.pointerId),d(!0),u(g)},onPointerMove:g=>{g.buttons>0&&u(g)},onPointerUp:()=>d(!1),onPointerCancel:()=>d(!1),children:l.jsx("div",{style:{position:"absolute",left:`${f}%`,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&&l.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 ma(){return l.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:[l.jsx("path",{d:"M2 22l1-1h3l9-9"}),l.jsx("path",{d:"M3 21v-3l9-9"}),l.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 lt({value:e,onChange:t,label:s,size:a="md",inline:n=!1,disabled:r=!1,presetGroups:o=xa,portalContainer:i,id:d,style:u}){var z,L;const f=a==="sm"?24:40,g=b.useId(),v=d??g,[p,S]=b.useState(!1),[M,k]=b.useState("hex"),[y,x]=b.useState(0),[m,D]=b.useState(()=>{const c=e?de(e)??{r:0,g:0,b:0,a:1}:{r:0,g:0,b:0,a:1};return X(c)}),[$,A]=b.useState(()=>ue(m).slice(1).toUpperCase()),N=b.useRef(null),E=b.useRef(null),W=b.useRef(null),[Y,V]=b.useState({top:0,left:0});b.useLayoutEffect(()=>{if(!p||!N.current)return;const c=N.current.getBoundingClientRect();let h=c.left;const T=c.bottom+8;if(W.current){const I=W.current.offsetWidth;h+I>window.innerWidth&&(h=c.right-I)}V({top:T,left:h})},[p]),b.useEffect(()=>{if(!e)return;const c=de(e);c&&(D(X(c)),A(je(c).slice(1).toUpperCase()))},[e]),b.useEffect(()=>{if(!p)return;const c=h=>{var I,F;const T=h.target;(I=N.current)!=null&&I.contains(T)||(F=W.current)!=null&&F.contains(T)||S(!1)};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[p]);const B=b.useCallback(c=>{D(c);const h=ue(c);A(h.slice(1).toUpperCase()),t==null||t(h)},[t]),H=b.useCallback(c=>{const h=E.current.getBoundingClientRect(),T=Math.round(be((c.clientX-h.left)/h.width,0,1)*100),I=Math.round((1-be((c.clientY-h.top)/h.height,0,1))*100);B({...m,s:T,v:I})},[m,B]),q=b.useCallback(async()=>{if("EyeDropper"in window)try{const c=await new window.EyeDropper().open(),h=de(c.sRGBHex);h&&B(X(h))}catch{}},[B]),C=ot(m),O=ba(C.r,C.g,C.b),ae=ue(m),ye=ue({...m,a:1}),_=Math.round(m.a*100),w=[{id:"hex",label:"Hex"},{id:"rgb",label:"RGB"},{id:"hsl",label:"HSL"},{id:"hsb",label:"HSB"}],R=typeof window<"u"&&"EyeDropper"in window;return l.jsxs("div",{ref:N,style:{display:"inline-flex",flexDirection:n?"row":"column",alignItems:n?"center":void 0,gap:"var(--lucent-space-1)",position:"relative",...u},children:[l.jsx("style",{children:`
|
|
101
|
+
`;function oa({label:e,showValue:t=!1,size:s="md",min:a=0,max:n=100,step:r=1,value:o,defaultValue:i,disabled:d,id:u,onChange:f,style:g,...v}){const p=u??`lucent-slider-${Math.random().toString(36).slice(2,7)}`,w=o!==void 0,[z,D]=x.useState(i??Math.round((a+n)/2)),R=w?o:z,b=`${(R-a)/(n-a)*100}%`,h=S=>{w||D(Number(S.target.value)),f==null||f(S)};return l.jsxs(l.Fragment,{children:[l.jsx("style",{children:sa}),l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",fontFamily:"var(--lucent-font-family-base)",...g},children:[(e||t)&&l.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline"},children:[e&&l.jsx("label",{htmlFor:p,style:{fontSize:"var(--lucent-font-size-sm)",fontWeight:"var(--lucent-font-weight-medium)",color:d?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",cursor:d?"not-allowed":"default"},children:e}),t&&l.jsx("span",{style:{fontSize:"var(--lucent-font-size-sm)",color:d?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",fontVariantNumeric:"tabular-nums"},children:R})]}),l.jsx("input",{type:"range",id:p,className:"lucent-slider",min:a,max:n,step:r,disabled:d,value:w?o:z,onChange:h,style:{"--ls-track-h":na[s],"--ls-thumb":ra[s],"--ls-fill":b},...v})]})]})}const Ye={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)"},la={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-lg)"},ca={sm:"var(--lucent-space-3)",md:"var(--lucent-space-4)",lg:"var(--lucent-space-5)"};function Be({options:e,value:t,defaultValue:s,onChange:a,size:n="md",disabled:r=!1,fullWidth:o=!0,id:i,style:d}){var R;const[u,f]=x.useState(s??((R=e[0])==null?void 0:R.value)??""),g=t!==void 0?t:u,v=x.useRef(null),[p,w]=x.useState(null),z=x.useRef(!1);x.useLayoutEffect(()=>{const b=v.current;if(!b)return;const h=()=>{const $=b.querySelector(`[data-sc-value="${g}"]`);$&&(w({left:$.offsetLeft,width:$.offsetWidth,animate:z.current}),z.current=!0)};h();const S=new ResizeObserver(h);return S.observe(b),()=>S.disconnect()},[g,e]);const D=b=>{r||b.disabled||(t===void 0&&f(b.value),a==null||a(b.value))};return l.jsxs("div",{id:i,ref:v,role:"group",style:{position:"relative",display:"flex",alignItems:"center",width:o?"100%":"fit-content",height:Ye[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,...d},children:[p&&l.jsx("span",{"aria-hidden":!0,style:{position:"absolute",top:3,left:p.left+3,width:p.width-6,height:"calc(100% - 6px)",background:"var(--lucent-surface)",borderRadius:"var(--lucent-radius-lg)",boxShadow:"var(--lucent-shadow-sm)",transition:p.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(b=>{const h=b.value===g,S=r||!!b.disabled;return l.jsx("button",{"data-sc-value":b.value,type:"button",role:"radio","aria-checked":h,disabled:S,onClick:()=>D(b),style:{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--lucent-space-1)",flex:1,height:Ye[n],padding:`0 ${ca[n]}`,fontSize:la[n],fontFamily:"var(--lucent-font-family-base)",fontWeight:h?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:S?"var(--lucent-text-disabled)":h?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",background:"transparent",border:"none",borderRadius:"var(--lucent-radius-lg)",cursor:S?"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:$=>{$.currentTarget.matches(":focus-visible")&&($.currentTarget.style.boxShadow="0 0 0 2px var(--lucent-accent-subtle)")},onBlur:$=>{$.currentTarget.style.boxShadow=""},children:b.label},b.value)})]})}Be.displayName="SegmentedControl";const ia={xs:12,sm:16,md:22,lg:28,xl:36,"2xl":48},ua={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)"},Ze="inset 0 0 0 1px rgba(0,0,0,0.2)",Je="inset 0 0 0 2px rgba(0,0,0,0.5)",da="inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 3px var(--lucent-accent-subtle)";function fa(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 ne=x.forwardRef(({color:e,size:t="md",shape:s="circle",showCheckerboard:a=!1,selected:n=!1,disabled:r=!1,style:o,onFocus:i,onBlur:d,onClick:u,...f},g)=>{const v=ia[t],p=s==="circle"?"50%":ua[t];return l.jsx("button",{ref:g,type:"button",disabled:r,onClick:u,style:{width:v,height:v,flexShrink:0,...a?fa(e):{background:e},border:"none",borderRadius:p,cursor:r?"not-allowed":u?"pointer":"default",padding:0,outline:"none",opacity:r?.4:1,boxShadow:n?Je:Ze,transition:"box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)",...o},onFocus:w=>{r||(w.currentTarget.style.boxShadow=da),i==null||i(w)},onBlur:w=>{w.currentTarget.style.boxShadow=n?Je:Ze,d==null||d(w)},...f})});ne.displayName="ColorSwatch";function be(e,t,s){return Math.max(t,Math.min(s,e))}function pa(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 d=0,u=0,f=0;return e<60?(d=r,u=o):e<120?(d=o,u=r):e<180?(u=r,f=o):e<240?(u=o,f=r):e<300?(d=o,f=r):(d=r,f=o),{r:Math.round((d+i)*255),g:Math.round((u+i)*255),b:Math.round((f+i)*255)}}function ga(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),d=o-i,u=o,f=o===0?0:d/o;let g=0;return d!==0&&(o===a?g=((n-r)/d+(n<r?6:0))/6:o===n?g=((r-a)/d+2)/6:g=((a-n)/d+4)/6),{h:Math.round(g*360),s:Math.round(f*100),v:Math.round(u*100)}}function ba(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),d=(o+i)/2;if(o===i)return{h:0,s:0,l:Math.round(d*100)};const u=o-i,f=d>.5?u/(2-o-i):u/(o+i);let g=0;return o===a?g=((n-r)/u+(n<r?6:0))/6:o===n?g=((r-a)/u+2)/6:g=((a-n)/u+4)/6,{h:Math.round(g*360),s:Math.round(f*100),l:Math.round(d*100)}}function ge(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 d=0,u=0,f=0;return e<60?(d=r,u=o):e<120?(d=o,u=r):e<180?(u=r,f=o):e<240?(u=o,f=r):e<300?(d=o,f=r):(d=r,f=o),{r:Math.round((d+i)*255),g:Math.round((u+i)*255),b:Math.round((f+i)*255)}}function Re(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 st(e){const t=Re(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 je({r:e,g:t,b:s,a}){const n=o=>be(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 ot({h:e,s:t,v:s,a}){return{...pa(e,t,s),a}}function q({r:e,g:t,b:s,a}){return{...ga(e,t,s),a}}function ue(e){return je(ot(e))}function de(e){const t=e.trim();if(t.startsWith("#")){const n=Re(t);return/^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(n)?st(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(d=>d<=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?{...ge(n,r,o),a:1}:null}return null}const xa=[{label:"Presets",colors:["#000000","#2563eb","#16a34a","#ca8a04","#dc2626","#0ea5e9","#9333ea","#4f46e5","#e11d48"]}],ma=["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 Qe({value:e,min:t,max:s,onChange:a,trackStyle:n,formatTooltip:r}){const o=x.useRef(null),[i,d]=x.useState(!1),u=x.useCallback(g=>{const v=o.current.getBoundingClientRect(),p=be((g.clientX-v.left)/v.width,0,1);a(t+p*(s-t))},[t,s,a]),f=(e-t)/(s-t)*100;return l.jsx("div",{ref:o,style:{position:"relative",height:12,borderRadius:6,cursor:"crosshair",userSelect:"none",...n},onPointerDown:g=>{g.currentTarget.setPointerCapture(g.pointerId),d(!0),u(g)},onPointerMove:g=>{g.buttons>0&&u(g)},onPointerUp:()=>d(!1),onPointerCancel:()=>d(!1),children:l.jsx("div",{style:{position:"absolute",left:`${f}%`,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&&l.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 ha(){return l.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:[l.jsx("path",{d:"M2 22l1-1h3l9-9"}),l.jsx("path",{d:"M3 21v-3l9-9"}),l.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 lt({value:e,onChange:t,label:s,size:a="md",inline:n=!1,disabled:r=!1,presetGroups:o=xa,portalContainer:i,id:d,style:u}){var j,C;const f=a==="sm"?24:40,g=x.useId(),v=d??g,[p,w]=x.useState(!1),[z,D]=x.useState("hex"),[R,b]=x.useState(0),[h,S]=x.useState(()=>{const c=e?de(e)??{r:0,g:0,b:0,a:1}:{r:0,g:0,b:0,a:1};return q(c)}),[$,H]=x.useState(()=>ue(h).slice(1).toUpperCase()),A=x.useRef(null),E=x.useRef(null),k=x.useRef(null),[P,V]=x.useState({top:0,left:0});x.useLayoutEffect(()=>{if(!p||!A.current)return;const c=A.current.getBoundingClientRect();let m=c.left;const T=c.bottom+8;if(k.current){const B=k.current.offsetWidth;m+B>window.innerWidth&&(m=c.right-B)}V({top:T,left:m})},[p]),x.useEffect(()=>{if(!e)return;const c=de(e);c&&(S(q(c)),H(je(c).slice(1).toUpperCase()))},[e]),x.useEffect(()=>{if(!p)return;const c=m=>{var B,N;const T=m.target;(B=A.current)!=null&&B.contains(T)||(N=k.current)!=null&&N.contains(T)||w(!1)};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[p]);const I=x.useCallback(c=>{S(c);const m=ue(c);H(m.slice(1).toUpperCase()),t==null||t(m)},[t]),O=x.useCallback(c=>{const m=E.current.getBoundingClientRect(),T=Math.round(be((c.clientX-m.left)/m.width,0,1)*100),B=Math.round((1-be((c.clientY-m.top)/m.height,0,1))*100);I({...h,s:T,v:B})},[h,I]),U=x.useCallback(async()=>{if("EyeDropper"in window)try{const c=await new window.EyeDropper().open(),m=de(c.sRGBHex);m&&I(q(m))}catch{}},[I]),W=ot(h),X=ba(W.r,W.g,W.b),ae=ue(h),ye=ue({...h,a:1}),K=Math.round(h.a*100),y=[{id:"hex",label:"Hex"},{id:"rgb",label:"RGB"},{id:"hsl",label:"HSL"},{id:"hsb",label:"HSB"}],L=typeof window<"u"&&"EyeDropper"in window;return l.jsxs("div",{ref:A,style:{display:"inline-flex",flexDirection:n?"row":"column",alignItems:n?"center":void 0,gap:"var(--lucent-space-1)",position:"relative",...u},children:[l.jsx("style",{children:`
|
|
102
102
|
.lucent-cp-field::-webkit-outer-spin-button,
|
|
103
103
|
.lucent-cp-field::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
|
|
104
104
|
.lucent-cp-field { -moz-appearance: textfield; }
|
|
105
|
-
`}),s&&!n&&l.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}),l.jsx(ne,{id:`${v}-swatch`,color:`rgba(${C.r},${C.g},${C.b},${m.a})`,shape:"square",showCheckerboard:!0,disabled:r,onClick:()=>S(c=>!c),"aria-expanded":p,"aria-haspopup":"dialog",style:{width:f,height:f,borderRadius:a==="sm"?"var(--lucent-radius-md)":"var(--lucent-radius-lg)",boxShadow:p?"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&&l.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}),p&&$t.createPortal(l.jsxs("div",{ref:W,role:"dialog","aria-label":"Color picker",style:{position:"fixed",top:Y.top,left:Y.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:[l.jsxs("div",{ref:E,style:{position:"relative",height:160,background:`hsl(${m.h}, 100%, 50%)`,cursor:"crosshair",userSelect:"none",flexShrink:0},onPointerDown:c=>{c.currentTarget.setPointerCapture(c.pointerId),H(c)},onPointerMove:c=>{c.buttons>0&&H(c)},children:[l.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to right, #fff, transparent)"}}),l.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to bottom, transparent, #000)"}}),l.jsx("div",{style:{position:"absolute",left:`${m.s}%`,top:`${100-m.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"}})]}),l.jsxs("div",{style:{padding:12,display:"flex",flexDirection:"column",gap:10},children:[l.jsxs("div",{style:{display:"flex",gap:10,alignItems:"center"},children:[l.jsx(ne,{color:`rgba(${C.r},${C.g},${C.b},${m.a})`,shape:"square",showCheckerboard:!0,style:{width:44,height:44,borderRadius:8}}),l.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:8},children:[l.jsx(Qe,{value:m.h,min:0,max:360,onChange:c=>B({...m,h:Math.round(c)}),trackStyle:{background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},formatTooltip:c=>`${Math.round(c)}°`}),l.jsxs("div",{style:{position:"relative",borderRadius:6,overflow:"hidden"},children:[l.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:ha,backgroundSize:"8px 8px",backgroundPosition:"0 0, 0 4px, 4px -4px, -4px 0",backgroundColor:"#fff"}}),l.jsx("div",{style:{position:"absolute",inset:0,background:`linear-gradient(to right, transparent, ${ye})`}}),l.jsx(Qe,{value:m.a,min:0,max:1,onChange:c=>B({...m,a:Math.round(c*100)/100}),trackStyle:{background:"transparent",position:"relative",zIndex:1},formatTooltip:c=>`${Math.round(c*100)}%`})]})]})]}),l.jsx(Be,{size:"sm",value:M,onChange:c=>k(c),options:w.map(({id:c,label:h})=>({value:c,label:h}))}),M==="hex"&&l.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[l.jsx(Te,{variant:"secondary",size:"sm",onClick:q,disabled:!R,title:R?"Pick color from screen":"Not supported in this browser",leftIcon:l.jsx(ma,{}),style:{flexShrink:0,paddingLeft:8,paddingRight:8}}),l.jsx(K,{size:"sm",prefix:"#",value:$,onChange:c=>{const h=c.target.value.replace(/[^0-9a-fA-F]/g,"");if(A(h.toUpperCase()),/^[0-9a-f]{6}$/i.test(h)||/^[0-9a-f]{8}$/i.test(h)){const T=de(`#${h}`);if(T){const I=X(T);D(I),t==null||t(je(T))}}},spellCheck:!1,placeholder:"000000",maxLength:8,style:{flex:1}}),l.jsx(K,{size:"sm",type:"number",suffix:"%",value:_,min:0,max:100,onChange:c=>{const h=+c.target.value;!isNaN(h)&&h>=0&&h<=100&&B({...m,a:h/100})},className:"lucent-cp-field",style:{width:68,flexShrink:0}})]}),M==="rgb"&&l.jsx("div",{style:{display:"flex",gap:6},children:[{label:"R",val:C.r,max:255,fn:c=>B(X({...C,r:c}))},{label:"G",val:C.g,max:255,fn:c=>B(X({...C,g:c}))},{label:"B",val:C.b,max:255,fn:c=>B(X({...C,b:c}))},{label:"A",val:_,max:100,fn:c=>B({...m,a:c/100})}].map(({label:c,val:h,max:T,fn:I})=>l.jsx(K,{size:"sm",type:"number",prefix:c,value:h,min:0,max:T,onChange:F=>{const P=+F.target.value;!isNaN(P)&&P>=0&&P<=T&&I(P)},className:"lucent-cp-field",style:{flex:1}},c))}),M==="hsl"&&l.jsx("div",{style:{display:"flex",gap:6},children:[{label:"H",val:O.h,max:360,fn:c=>{const{r:h,g:T,b:I}=ge(c,O.s,O.l);B(X({r:h,g:T,b:I,a:m.a}))}},{label:"S",val:O.s,max:100,fn:c=>{const{r:h,g:T,b:I}=ge(O.h,c,O.l);B(X({r:h,g:T,b:I,a:m.a}))}},{label:"L",val:O.l,max:100,fn:c=>{const{r:h,g:T,b:I}=ge(O.h,O.s,c);B(X({r:h,g:T,b:I,a:m.a}))}},{label:"A",val:_,max:100,fn:c=>B({...m,a:c/100})}].map(({label:c,val:h,max:T,fn:I})=>l.jsx(K,{size:"sm",type:"number",prefix:c,value:h,min:0,max:T,onChange:F=>{const P=+F.target.value;!isNaN(P)&&P>=0&&P<=T&&I(P)},className:"lucent-cp-field",style:{flex:1}},c))}),M==="hsb"&&l.jsx("div",{style:{display:"flex",gap:6},children:[{label:"H",val:m.h,max:360,fn:c=>B({...m,h:c})},{label:"S",val:m.s,max:100,fn:c=>B({...m,s:c})},{label:"B",val:m.v,max:100,fn:c=>B({...m,v:c})},{label:"A",val:_,max:100,fn:c=>B({...m,a:c/100})}].map(({label:c,val:h,max:T,fn:I})=>l.jsx(K,{size:"sm",type:"number",prefix:c,value:h,min:0,max:T,onChange:F=>{const P=+F.target.value;!isNaN(P)&&P>=0&&P<=T&&I(P)},className:"lucent-cp-field",style:{flex:1}},c))}),o.length>0&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[o.length>1&&l.jsx(Ie,{size:"sm",value:String(y),onChange:c=>x(Number(c.target.value)),options:o.map((c,h)=>({value:String(h),label:c.label}))}),o.length===1&&l.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:(z=o[0])==null?void 0:z.label}),l.jsx("div",{style:{display:"flex",gap:6,flexWrap:"wrap"},children:(((L=o[y])==null?void 0:L.colors)??[]).map(c=>{const h=Re(c).toLowerCase()===ae.slice(0,7).toLowerCase();return l.jsx(ne,{color:c,selected:h,onClick:()=>B(X(st(c)))},c)})})]})]})]}),i??document.body)]})}lt.displayName="ColorPicker";function va({tabs:e,defaultValue:t,value:s,onChange:a,variant:n="underline",style:r}){var _;const o=s!==void 0,[i,d]=b.useState(t??((_=e[0])==null?void 0:_.value)??""),u=o?s:i,[f,g]=b.useState(null),v=b.useRef([]),[p,S]=b.useState(null),M=b.useRef(!1),k=n==="pills",y=b.useRef(null),x=b.useRef(null),m=b.useRef(null),[D,$]=b.useState(e.length),[A,N]=b.useState(!1),[E,W]=b.useState(!1),[Y,V]=b.useState(null),B=e.slice(0,D),H=e.slice(D),q=H.length>0,C=H.some(w=>w.value===u),O=()=>{if(C){S(null);return}const w=e.findIndex((z,L)=>L<D&&z.value===u),R=v.current[w];if(R){if(k){const z=R.querySelector("span");if(!z)return;S({left:z.offsetLeft+R.offsetLeft,width:z.offsetWidth,animate:M.current})}else S({left:R.offsetLeft,width:R.offsetWidth,animate:M.current});M.current=!0}};b.useLayoutEffect(()=>{O(),document.fonts.ready.then(O)},[u,D,k]),b.useEffect(()=>{const w=y.current;if(!w)return;const R=()=>{const h=w.clientWidth,T=70;let I=0,F=0;for(let P=0;P<e.length;P++){const Z=v.current[P];if(!Z){F++;continue}const J=Z.offsetWidth;if(P<e.length-1){if(I+J+T>h)break}else if(I+J>h)break;I+=J,F++}if(F>=e.length-1&&F<e.length){let P=0;for(let Z=0;Z<e.length;Z++){const J=v.current[Z];J&&(P+=J.offsetWidth)}P<=h&&(F=e.length)}$(F<1?1:F)};let z;(()=>{z=requestAnimationFrame(()=>{z=requestAnimationFrame(R)})})();const c=new ResizeObserver(R);return c.observe(w),()=>{c.disconnect(),cancelAnimationFrame(z)}},[e]),b.useEffect(()=>{if(!A)return;const w=R=>{m.current&&!m.current.contains(R.target)&&x.current&&!x.current.contains(R.target)&&(N(!1),V(null))};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[A]);const ae=w=>{o||d(w),a==null||a(w)},ye=(w,R)=>{var h;const z=B.map((T,I)=>T.disabled?-1:I).filter(T=>T!==-1),L=z.indexOf(R);let c=-1;w.key==="ArrowRight"&&(c=z[(L+1)%z.length]??-1),w.key==="ArrowLeft"&&(c=z[(L-1+z.length)%z.length]??-1),w.key==="Home"&&(c=z[0]??-1),w.key==="End"&&(c=z[z.length-1]??-1),c!==-1&&(w.preventDefault(),(h=v.current[c])==null||h.focus(),ae(B[c].value))};return l.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",...r},children:[l.jsxs("div",{ref:y,role:"tablist",style:{position:"relative",display:"flex",overflow:"hidden",...k?{padding:"var(--lucent-space-1)"}:{borderBottom:"1px solid var(--lucent-border-default)"}},children:[e.map((w,R)=>{const z=R<D,L=w.value===u,c=w.disabled??!1;return l.jsxs("button",{ref:h=>{v.current[R]=h},role:"tab","aria-selected":L,"aria-controls":`lucent-tabpanel-${w.value}`,id:`lucent-tab-${w.value}`,disabled:c,tabIndex:L&&z?0:-1,onClick:()=>{c||ae(w.value)},onKeyDown:h=>ye(h,R),onMouseEnter:()=>{!c&&z&&g(R)},onMouseLeave:()=>g(null),style:{padding:k?"var(--lucent-space-1) var(--lucent-space-2)":"var(--lucent-space-1) var(--lucent-space-2) var(--lucent-space-3)",background:"none",border:"none",cursor:c?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:"var(--lucent-font-size-md)",fontWeight:L?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:c?"var(--lucent-text-disabled)":k&&L?"var(--lucent-accent-fg)":L?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",transition:"color var(--lucent-duration-fast) var(--lucent-easing-default)",whiteSpace:"nowrap",outline:"none",position:z?"relative":"absolute",zIndex:L?1:0,...z?{}:{visibility:"hidden",pointerEvents:"none",left:-9999}},children:[l.jsx("span",{style:{display:"block",padding:"var(--lucent-space-1) var(--lucent-space-3)",borderRadius:"var(--lucent-radius-md)",background:!k&&f===R&&!L&&!c?"var(--lucent-surface-secondary)":"transparent",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"},children:w.label}),k&&f===R&&!L&&!c&&z&&l.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)"}})]},w.value)}),q&&l.jsx("button",{ref:x,onClick:()=>N(w=>!w),onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),style:{padding:k?"var(--lucent-space-1) var(--lucent-space-2)":"var(--lucent-space-1) var(--lucent-space-2) var(--lucent-space-3)",background:"none",border:"none",cursor:"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:"var(--lucent-font-size-md)",fontWeight:C?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:C?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",whiteSpace:"nowrap",outline:"none",position:"relative",flexShrink:0},children:l.jsx("span",{style:{display:"block",padding:"var(--lucent-space-1) var(--lucent-space-3)",borderRadius:"var(--lucent-radius-md)",background:E?"var(--lucent-surface-secondary)":"transparent",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"},children:"More…"})}),p!=null&&l.jsx("span",{"aria-hidden":!0,style:k?{position:"absolute",top:"var(--lucent-space-1)",bottom:"var(--lucent-space-1)",left:p.left,width:p.width,background:"var(--lucent-accent-default)",borderRadius:"var(--lucent-radius-md)",transition:p.animate?"left 220ms var(--lucent-easing-default), width 220ms var(--lucent-easing-default)":"none"}:{position:"absolute",bottom:0,left:p.left,width:p.width,height:2,background:"var(--lucent-accent-default)",borderRadius:"var(--lucent-radius-sm)",transition:p.animate?"left 220ms var(--lucent-easing-default), width 220ms var(--lucent-easing-default)":"none"}})]}),q&&A&&l.jsx("div",{ref:m,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:H.map((w,R)=>{const z=w.value===u,L=w.disabled??!1,c=Y===R;return l.jsx("button",{disabled:L,onClick:()=>{L||(ae(w.value),N(!1))},onMouseEnter:()=>{L||V(R)},onMouseLeave:()=>V(null),style:{display:"block",width:"100%",padding:"var(--lucent-space-2) var(--lucent-space-4)",background:z||c?"var(--lucent-surface-secondary)":"none",border:"none",cursor:L?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:"var(--lucent-font-size-md)",fontWeight:z?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:L?"var(--lucent-text-disabled)":z||c?"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:w.label},w.value)})}),e.some(w=>w.content!=null)&&e.map(w=>l.jsx("div",{role:"tabpanel",id:`lucent-tabpanel-${w.value}`,"aria-labelledby":`lucent-tab-${w.value}`,hidden:w.value!==u,style:{padding:"var(--lucent-space-4) 0",outline:"none"},tabIndex:0,children:w.content},w.value))]})}const ya={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"},wa={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"},Sa={radiusNone:"0px",radiusSm:"0.25rem",radiusMd:"0.375rem",radiusLg:"0.5rem",radiusXl:"0.75rem",radiusFull:"9999px"},ka={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)"},ct={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)"},it={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)"},re={...ya,...wa,...Sa,...ka,...ct,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 Da(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 Ma({r:e,g:t,b:s}){const a=n=>n.toString(16).padStart(2,"0");return`#${a(e)}${a(t)}${a(s)}`}function G(e){const{r:t,g:s,b:a}=Da(e),n=t/255,r=s/255,o=a/255,i=Math.max(n,r,o),d=Math.min(n,r,o);let u=0,f=0;const g=(i+d)/2;if(i!==d){const v=i-d;switch(f=g>.5?v/(2-i-d):v/(i+d),i){case n:u=(r-o)/v+(r<o?6:0);break;case r:u=(o-n)/v+2;break;case o:u=(n-r)/v+4;break}u/=6}return[u*360,f,g]}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,d=0;return e<60?(o=a,i=n):e<120?(o=n,i=a):e<180?(i=a,d=n):e<240?(i=n,d=a):e<300?(o=n,d=a):(o=a,d=n),Ma({r:Math.round((o+r)*255),g:Math.round((i+r)*255),b:Math.round((d+r)*255)})}function j(e,t){const[s,a,n]=G(e);return U(s,a,Math.min(1,Math.max(0,n+t)))}const ja=222,za=.12;function ut(e,t){return t<.04?[ja,za]:[e,t]}function et(e){const[t,s,a]=G(e),[n,r]=ut(t,s);return U(n,r,Math.max(.04,Math.min(.2,.07+(1-a))))}function ke(e){const[t,s,a]=G(e),[n,r]=ut(t,s);return U(n,r,Math.max(.06,Math.min(.5,(1-a)*.6+.06)))}function De(e){const[t,s,a]=G(e);return U(t,s,Math.max(.04,Math.min(.97,1-a+.04)))}function Me(e){const[t,s,a]=G(e);return U(t,s,Math.max(.02,Math.min(.98,1-a)))}function dt(e){const t=et(e.navigation),s=et(e.bgBase),[a,n,r]=G(s),o=i=>U(a,n,Math.min(.25,r+i));return{...e,...it,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:ke(e.borderDefault),borderSubtle:ke(e.borderSubtle),borderStrong:ke(e.borderStrong),controlTrack:o(.1),textPrimary:De(e.textPrimary),textSecondary:De(e.textSecondary),textDisabled:De(e.textDisabled),textInverse:s,accentDefault:Me(e.accentDefault),accentHover:Me(e.accentHover),accentSubtle:Me(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 $e=dt(re);function ft(e){return"--lucent-"+e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`).replace(/([a-z])(\d)/g,(t,s,a)=>`${s}-${a}`)}function pt(e,t=":root"){const s=Object.entries(e).map(([a,n])=>` ${ft(a)}: ${n};`).join(`
|
|
105
|
+
`}),s&&!n&&l.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}),l.jsx(ne,{id:`${v}-swatch`,color:`rgba(${W.r},${W.g},${W.b},${h.a})`,shape:"square",showCheckerboard:!0,disabled:r,onClick:()=>w(c=>!c),"aria-expanded":p,"aria-haspopup":"dialog",style:{width:f,height:f,borderRadius:a==="sm"?"var(--lucent-radius-md)":"var(--lucent-radius-lg)",boxShadow:p?"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&&l.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}),p&&$t.createPortal(l.jsxs("div",{ref:k,role:"dialog","aria-label":"Color picker",style:{position:"fixed",top:P.top,left:P.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:[l.jsxs("div",{ref:E,style:{position:"relative",height:160,background:`hsl(${h.h}, 100%, 50%)`,cursor:"crosshair",userSelect:"none",flexShrink:0},onPointerDown:c=>{c.currentTarget.setPointerCapture(c.pointerId),O(c)},onPointerMove:c=>{c.buttons>0&&O(c)},children:[l.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to right, #fff, transparent)"}}),l.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to bottom, transparent, #000)"}}),l.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"}})]}),l.jsxs("div",{style:{padding:12,display:"flex",flexDirection:"column",gap:10},children:[l.jsxs("div",{style:{display:"flex",gap:10,alignItems:"center"},children:[l.jsx(ne,{color:`rgba(${W.r},${W.g},${W.b},${h.a})`,shape:"square",showCheckerboard:!0,style:{width:44,height:44,borderRadius:8}}),l.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:8},children:[l.jsx(Qe,{value:h.h,min:0,max:360,onChange:c=>I({...h,h:Math.round(c)}),trackStyle:{background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},formatTooltip:c=>`${Math.round(c)}°`}),l.jsxs("div",{style:{position:"relative",borderRadius:6,overflow:"hidden"},children:[l.jsx("div",{style:{position:"absolute",inset:0,backgroundImage:ma,backgroundSize:"8px 8px",backgroundPosition:"0 0, 0 4px, 4px -4px, -4px 0",backgroundColor:"#fff"}}),l.jsx("div",{style:{position:"absolute",inset:0,background:`linear-gradient(to right, transparent, ${ye})`}}),l.jsx(Qe,{value:h.a,min:0,max:1,onChange:c=>I({...h,a:Math.round(c*100)/100}),trackStyle:{background:"transparent",position:"relative",zIndex:1},formatTooltip:c=>`${Math.round(c*100)}%`})]})]})]}),l.jsx(Be,{size:"sm",value:z,onChange:c=>D(c),options:y.map(({id:c,label:m})=>({value:c,label:m}))}),z==="hex"&&l.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[l.jsx(ze,{variant:"secondary",size:"sm",onClick:U,disabled:!L,title:L?"Pick color from screen":"Not supported in this browser",leftIcon:l.jsx(ha,{}),style:{flexShrink:0,paddingLeft:8,paddingRight:8}}),l.jsx(Y,{size:"sm",prefix:"#",value:$,onChange:c=>{const m=c.target.value.replace(/[^0-9a-fA-F]/g,"");if(H(m.toUpperCase()),/^[0-9a-f]{6}$/i.test(m)||/^[0-9a-f]{8}$/i.test(m)){const T=de(`#${m}`);if(T){const B=q(T);S(B),t==null||t(je(T))}}},spellCheck:!1,placeholder:"000000",maxLength:8,style:{flex:1}}),l.jsx(Y,{size:"sm",type:"number",suffix:"%",value:K,min:0,max:100,onChange:c=>{const m=+c.target.value;!isNaN(m)&&m>=0&&m<=100&&I({...h,a:m/100})},className:"lucent-cp-field",style:{width:68,flexShrink:0}})]}),z==="rgb"&&l.jsx("div",{style:{display:"flex",gap:6},children:[{label:"R",val:W.r,max:255,fn:c=>I(q({...W,r:c}))},{label:"G",val:W.g,max:255,fn:c=>I(q({...W,g:c}))},{label:"B",val:W.b,max:255,fn:c=>I(q({...W,b:c}))},{label:"A",val:K,max:100,fn:c=>I({...h,a:c/100})}].map(({label:c,val:m,max:T,fn:B})=>l.jsx(Y,{size:"sm",type:"number",prefix:c,value:m,min:0,max:T,onChange:N=>{const F=+N.target.value;!isNaN(F)&&F>=0&&F<=T&&B(F)},className:"lucent-cp-field",style:{flex:1}},c))}),z==="hsl"&&l.jsx("div",{style:{display:"flex",gap:6},children:[{label:"H",val:X.h,max:360,fn:c=>{const{r:m,g:T,b:B}=ge(c,X.s,X.l);I(q({r:m,g:T,b:B,a:h.a}))}},{label:"S",val:X.s,max:100,fn:c=>{const{r:m,g:T,b:B}=ge(X.h,c,X.l);I(q({r:m,g:T,b:B,a:h.a}))}},{label:"L",val:X.l,max:100,fn:c=>{const{r:m,g:T,b:B}=ge(X.h,X.s,c);I(q({r:m,g:T,b:B,a:h.a}))}},{label:"A",val:K,max:100,fn:c=>I({...h,a:c/100})}].map(({label:c,val:m,max:T,fn:B})=>l.jsx(Y,{size:"sm",type:"number",prefix:c,value:m,min:0,max:T,onChange:N=>{const F=+N.target.value;!isNaN(F)&&F>=0&&F<=T&&B(F)},className:"lucent-cp-field",style:{flex:1}},c))}),z==="hsb"&&l.jsx("div",{style:{display:"flex",gap:6},children:[{label:"H",val:h.h,max:360,fn:c=>I({...h,h:c})},{label:"S",val:h.s,max:100,fn:c=>I({...h,s:c})},{label:"B",val:h.v,max:100,fn:c=>I({...h,v:c})},{label:"A",val:K,max:100,fn:c=>I({...h,a:c/100})}].map(({label:c,val:m,max:T,fn:B})=>l.jsx(Y,{size:"sm",type:"number",prefix:c,value:m,min:0,max:T,onChange:N=>{const F=+N.target.value;!isNaN(F)&&F>=0&&F<=T&&B(F)},className:"lucent-cp-field",style:{flex:1}},c))}),o.length>0&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[o.length>1&&l.jsx(Ie,{size:"sm",value:String(R),onChange:c=>b(Number(c.target.value)),options:o.map((c,m)=>({value:String(m),label:c.label}))}),o.length===1&&l.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:(j=o[0])==null?void 0:j.label}),l.jsx("div",{style:{display:"flex",gap:6,flexWrap:"wrap"},children:(((C=o[R])==null?void 0:C.colors)??[]).map(c=>{const m=Re(c).toLowerCase()===ae.slice(0,7).toLowerCase();return l.jsx(ne,{color:c,selected:m,onClick:()=>I(q(st(c)))},c)})})]})]})]}),i??document.body)]})}lt.displayName="ColorPicker";function va({tabs:e,defaultValue:t,value:s,onChange:a,variant:n="underline",style:r}){var K;const o=s!==void 0,[i,d]=x.useState(t??((K=e[0])==null?void 0:K.value)??""),u=o?s:i,[f,g]=x.useState(null),v=x.useRef([]),[p,w]=x.useState(null),z=x.useRef(!1),D=n==="pills",R=x.useRef(null),b=x.useRef(null),h=x.useRef(null),[S,$]=x.useState(e.length),[H,A]=x.useState(!1),[E,k]=x.useState(!1),[P,V]=x.useState(null),I=e.slice(0,S),O=e.slice(S),U=O.length>0,W=O.some(y=>y.value===u),X=()=>{if(W){w(null);return}const y=e.findIndex((j,C)=>C<S&&j.value===u),L=v.current[y];if(L){if(D){const j=L.querySelector("span");if(!j)return;w({left:j.offsetLeft+L.offsetLeft,width:j.offsetWidth,animate:z.current})}else w({left:L.offsetLeft,width:L.offsetWidth,animate:z.current});z.current=!0}};x.useLayoutEffect(()=>{X(),document.fonts.ready.then(X)},[u,S,D]),x.useEffect(()=>{const y=R.current;if(!y)return;const L=()=>{const m=y.clientWidth,T=70;let B=0,N=0;for(let F=0;F<e.length;F++){const Z=v.current[F];if(!Z){N++;continue}const J=Z.offsetWidth;if(F<e.length-1){if(B+J+T>m)break}else if(B+J>m)break;B+=J,N++}if(N>=e.length-1&&N<e.length){let F=0;for(let Z=0;Z<e.length;Z++){const J=v.current[Z];J&&(F+=J.offsetWidth)}F<=m&&(N=e.length)}$(N<1?1:N)};let j;(()=>{j=requestAnimationFrame(()=>{j=requestAnimationFrame(L)})})();const c=new ResizeObserver(L);return c.observe(y),()=>{c.disconnect(),cancelAnimationFrame(j)}},[e]),x.useEffect(()=>{if(!H)return;const y=L=>{h.current&&!h.current.contains(L.target)&&b.current&&!b.current.contains(L.target)&&(A(!1),V(null))};return document.addEventListener("mousedown",y),()=>document.removeEventListener("mousedown",y)},[H]);const ae=y=>{o||d(y),a==null||a(y)},ye=(y,L)=>{var m;const j=I.map((T,B)=>T.disabled?-1:B).filter(T=>T!==-1),C=j.indexOf(L);let c=-1;y.key==="ArrowRight"&&(c=j[(C+1)%j.length]??-1),y.key==="ArrowLeft"&&(c=j[(C-1+j.length)%j.length]??-1),y.key==="Home"&&(c=j[0]??-1),y.key==="End"&&(c=j[j.length-1]??-1),c!==-1&&(y.preventDefault(),(m=v.current[c])==null||m.focus(),ae(I[c].value))};return l.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",...r},children:[l.jsxs("div",{ref:R,role:"tablist",style:{position:"relative",display:"flex",overflow:"hidden",...D?{padding:"var(--lucent-space-1)"}:{borderBottom:"1px solid var(--lucent-border-default)"}},children:[e.map((y,L)=>{const j=L<S,C=y.value===u,c=y.disabled??!1;return l.jsxs("button",{ref:m=>{v.current[L]=m},role:"tab","aria-selected":C,"aria-controls":`lucent-tabpanel-${y.value}`,id:`lucent-tab-${y.value}`,disabled:c,tabIndex:C&&j?0:-1,onClick:()=>{c||ae(y.value)},onKeyDown:m=>ye(m,L),onMouseEnter:()=>{!c&&j&&g(L)},onMouseLeave:()=>g(null),style:{padding:D?"var(--lucent-space-1) var(--lucent-space-2)":"var(--lucent-space-1) var(--lucent-space-2) var(--lucent-space-3)",background:"none",border:"none",cursor:c?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:"var(--lucent-font-size-md)",fontWeight:C?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:c?"var(--lucent-text-disabled)":D&&C?"var(--lucent-accent-fg)":C?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",transition:"color var(--lucent-duration-fast) var(--lucent-easing-default)",whiteSpace:"nowrap",outline:"none",position:j?"relative":"absolute",zIndex:C?1:0,...j?{}:{visibility:"hidden",pointerEvents:"none",left:-9999}},children:[l.jsx("span",{style:{display:"block",padding:"var(--lucent-space-1) var(--lucent-space-3)",borderRadius:"var(--lucent-radius-md)",background:!D&&f===L&&!C&&!c?"var(--lucent-surface-secondary)":"transparent",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"},children:y.label}),D&&f===L&&!C&&!c&&j&&l.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)"}})]},y.value)}),U&&l.jsx("button",{ref:b,onClick:()=>A(y=>!y),onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{padding:D?"var(--lucent-space-1) var(--lucent-space-2)":"var(--lucent-space-1) var(--lucent-space-2) var(--lucent-space-3)",background:"none",border:"none",cursor:"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:"var(--lucent-font-size-md)",fontWeight:W?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:W?"var(--lucent-text-primary)":"var(--lucent-text-secondary)",whiteSpace:"nowrap",outline:"none",position:"relative",flexShrink:0},children:l.jsx("span",{style:{display:"block",padding:"var(--lucent-space-1) var(--lucent-space-3)",borderRadius:"var(--lucent-radius-md)",background:E?"var(--lucent-surface-secondary)":"transparent",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)"},children:"More…"})}),p!=null&&l.jsx("span",{"aria-hidden":!0,style:D?{position:"absolute",top:"var(--lucent-space-1)",bottom:"var(--lucent-space-1)",left:p.left,width:p.width,background:"var(--lucent-accent-default)",borderRadius:"var(--lucent-radius-md)",transition:p.animate?"left 220ms var(--lucent-easing-default), width 220ms var(--lucent-easing-default)":"none"}:{position:"absolute",bottom:0,left:p.left,width:p.width,height:2,background:"var(--lucent-accent-default)",borderRadius:"var(--lucent-radius-sm)",transition:p.animate?"left 220ms var(--lucent-easing-default), width 220ms var(--lucent-easing-default)":"none"}})]}),U&&H&&l.jsx("div",{ref:h,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:O.map((y,L)=>{const j=y.value===u,C=y.disabled??!1,c=P===L;return l.jsx("button",{disabled:C,onClick:()=>{C||(ae(y.value),A(!1))},onMouseEnter:()=>{C||V(L)},onMouseLeave:()=>V(null),style:{display:"block",width:"100%",padding:"var(--lucent-space-2) var(--lucent-space-4)",background:j||c?"var(--lucent-surface-secondary)":"none",border:"none",cursor:C?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:"var(--lucent-font-size-md)",fontWeight:j?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",color:C?"var(--lucent-text-disabled)":j||c?"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:y.label},y.value)})}),e.some(y=>y.content!=null)&&e.map(y=>l.jsx("div",{role:"tabpanel",id:`lucent-tabpanel-${y.value}`,"aria-labelledby":`lucent-tab-${y.value}`,hidden:y.value!==u,style:{padding:"var(--lucent-space-4) 0",outline:"none"},tabIndex:0,children:y.content},y.value))]})}const ya={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"},wa={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"},Sa={radiusNone:"0px",radiusSm:"0.25rem",radiusMd:"0.375rem",radiusLg:"0.5rem",radiusXl:"0.75rem",radiusFull:"9999px"},ka={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)"},ct={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)"},it={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)"},re={...ya,...wa,...Sa,...ka,...ct,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 Da(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 Ma({r:e,g:t,b:s}){const a=n=>n.toString(16).padStart(2,"0");return`#${a(e)}${a(t)}${a(s)}`}function _(e){const{r:t,g:s,b:a}=Da(e),n=t/255,r=s/255,o=a/255,i=Math.max(n,r,o),d=Math.min(n,r,o);let u=0,f=0;const g=(i+d)/2;if(i!==d){const v=i-d;switch(f=g>.5?v/(2-i-d):v/(i+d),i){case n:u=(r-o)/v+(r<o?6:0);break;case r:u=(o-n)/v+2;break;case o:u=(n-r)/v+4;break}u/=6}return[u*360,f,g]}function G(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,d=0;return e<60?(o=a,i=n):e<120?(o=n,i=a):e<180?(i=a,d=n):e<240?(i=n,d=a):e<300?(o=n,d=a):(o=a,d=n),Ma({r:Math.round((o+r)*255),g:Math.round((i+r)*255),b:Math.round((d+r)*255)})}function M(e,t){const[s,a,n]=_(e);return G(s,a,Math.min(1,Math.max(0,n+t)))}const ja=222,Ta=.12;function ut(e,t){return t<.04?[ja,Ta]:[e,t]}function et(e){const[t,s,a]=_(e),[n,r]=ut(t,s);return G(n,r,Math.max(.04,Math.min(.2,.07+(1-a))))}function ke(e){const[t,s,a]=_(e),[n,r]=ut(t,s);return G(n,r,Math.max(.06,Math.min(.5,(1-a)*.6+.06)))}function De(e){const[t,s,a]=_(e);return G(t,s,Math.max(.04,Math.min(.97,1-a+.04)))}function Me(e){const[t,s,a]=_(e);return G(t,s,Math.max(.02,Math.min(.98,1-a)))}function dt(e){const t=et(e.navigation),s=et(e.bgBase),[a,n,r]=_(s),o=i=>G(a,n,Math.min(.25,r+i));return{...e,...it,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:ke(e.borderDefault),borderSubtle:ke(e.borderSubtle),borderStrong:ke(e.borderStrong),controlTrack:o(.1),textPrimary:De(e.textPrimary),textSecondary:De(e.textSecondary),textDisabled:De(e.textDisabled),textInverse:s,accentDefault:Me(e.accentDefault),accentHover:Me(e.accentHover),accentSubtle:Me(e.accentSubtle),accentBorder:e.accentBorder,accentFg:e.accentFg,successDefault:M(e.successDefault,.1),successSubtle:M(e.successDefault,-.25),successText:M(e.successText,.15),warningDefault:M(e.warningDefault,.1),warningSubtle:M(e.warningDefault,-.25),warningText:M(e.warningText,.15),dangerDefault:M(e.dangerDefault,.1),dangerHover:M(e.dangerHover,.1),dangerSubtle:M(e.dangerDefault,-.25),dangerText:M(e.dangerText,.15),infoDefault:M(e.infoDefault,.1),infoSubtle:M(e.infoDefault,-.25),infoText:M(e.infoText,.15)}}const $e=dt(re);function ft(e){return"--lucent-"+e.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`).replace(/([a-z])(\d)/g,(t,s,a)=>`${s}-${a}`)}function pt(e,t=":root"){const s=Object.entries(e).map(([a,n])=>` ${ft(a)}: ${n};`).join(`
|
|
106
106
|
`);return`${t} {
|
|
107
107
|
${s}
|
|
108
|
-
}`}function Ta(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 Ia=.2126729,Ba=.7151522,Ra=.072175,$a=.56,La=.57,Pa=.65,Ca=.62,tt=.022,Fa=1.414,Wa=1.14,Ha=1.14,at=.027,nt=.027;function rt(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=Ia*n+Ba*r+Ra*o;return i<0&&(i=0),i<tt?i+Math.pow(tt-i,Fa):i}function xe(e,t){const s=rt(e),a=rt(t);let n;if(s>a){const r=(Math.pow(s,$a)-Math.pow(a,La))*Wa;n=r<at?0:r-at}else{const r=(Math.pow(s,Pa)-Math.pow(a,Ca))*Ha;n=r>-nt?0:r+nt}return n*100}function gt(e){const t=Math.abs(xe(e,"#ffffff")),s=Math.abs(xe(e,"#000000"));return t>=s?"#ffffff":"#000000"}function Le(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 u=n-r;i=(n+r)/2>.5?u/(2-n-r):u/(n+r),n===t?o=((s-a)/u+(s<a?6:0))/6:n===s?o=((a-t)/u+2)/6:o=((t-s)/u+4)/6}return gt(e)==="#000000"?ze(o,Math.min(i,.6),.12):ze(o,Math.min(i,.2),.95)}function bt(e,t,s=60){if(Math.abs(xe(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 d=0,u=0,f=(o+i)/2;if(o!==i){const p=o-i;u=f>.5?p/(2-o-i):p/(o+i),o===a?d=((n-r)/p+(n<r?6:0))/6:o===n?d=((r-a)/p+2)/6:d=((a-n)/p+4)/6}const v=Ta(t)>.5?-.005:.005;for(let p=0;p<100;p++){f=Math.min(1,Math.max(0,f+v));const S=ze(d,u,f);if(Math.abs(xe(S,t))>=s)return S}return e}function ze(e,t,s){const a=(d,u,f)=>(f<0&&(f+=1),f>1&&(f-=1),f<.16666666666666666?d+(u-d)*6*f:f<.5?u:f<.6666666666666666?d+(u-d)*(.6666666666666666-f)*6:d);let n,r,o;if(t===0)n=r=o=s;else{const d=s<.5?s*(1+t):s+t-s*t,u=2*s-d;n=a(u,d,e+1/3),r=a(u,d,e),o=a(u,d,e-1/3)}const i=d=>Math.round(d*255).toString(16).padStart(2,"0");return`#${i(n)}${i(r)}${i(o)}`}function Ea(e,t){const[s,a,n]=G(e);return t?U(s,a*.3,Math.min(1,n+(1-n)*.85)):U(s,a,Math.min(.25,n+.04))}const he={subtle:{light:.95,dark:.12},text:{light:.28,dark:.78}};function fe(e,t){const[s,a]=G(e);return U(s,a*.5,t?he.subtle.light:he.subtle.dark)}function pe(e,t){const[s,a]=G(e);return U(s,a,t?he.text.light:he.text.dark)}function Pe(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=Ea(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=fe(t.successDefault,n)),"successText"in e||(a.successText=pe(t.successDefault,n))),"warningDefault"in e&&("warningSubtle"in e||(a.warningSubtle=fe(t.warningDefault,n)),"warningText"in e||(a.warningText=pe(t.warningDefault,n))),"dangerDefault"in e&&("dangerHover"in e||(a.dangerHover=j(t.dangerDefault,n?.05:-.07)),"dangerSubtle"in e||(a.dangerSubtle=fe(t.dangerDefault,n)),"dangerText"in e||(a.dangerText=pe(t.dangerDefault,n))),"infoDefault"in e&&("infoSubtle"in e||(a.infoSubtle=fe(t.infoDefault,n)),"infoText"in e||(a.infoText=pe(t.infoDefault,n))),a}function Ce(e,t="light"){const a={...t==="dark"?$e:re,...e},n=Pe(e,a,t),r=t==="light"?j(a.accentDefault,-.15):j(a.accentDefault,.15);return{...a,...n,accentFg:Le(a.accentDefault),accentBorder:r}}const Fe={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"}},xt={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"}},se={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"}},ht={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"}},We={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"}},Na={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"}},He={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"}},mt={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"}},Aa={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"}},Ee={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"}},vt={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"}},Oa={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"}},oe={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"}},le={name:"pill",tokens:{radiusNone:"0px",radiusSm:"0.5rem",radiusMd:"0.75rem",radiusLg:"1rem",radiusXl:"1.5rem",radiusFull:"9999px"}},ce={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"}},ie={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"}},me={name:"flat",light:{shadowNone:"none",shadowSm:"none",shadowMd:"none",shadowLg:"none",shadowXl:"none"},dark:{shadowNone:"none",shadowSm:"none",shadowMd:"none",shadowLg:"none",shadowXl:"none"}},Ne={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)"}},Ae={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)"}},Oe={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)"}},Xe={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)"}},qe={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)"}},Ue={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)"}},ve={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)"}},yt={name:"modern",palette:se,shape:ee,density:te,shadow:Ne},wt={name:"enterprise",palette:Fe,shape:oe,density:ce,shadow:me},St={name:"playful",palette:He,shape:le,density:ie,shadow:Ae},kt={name:"liquidGlass",palette:Ee,shape:le,density:ie,shadow:Oe},Dt={name:"bento",palette:se,shape:ee,density:te,shadow:Ue},Mt={name:"brutalist",palette:mt,shape:oe,density:ce,shadow:Xe},jt={name:"terminal",palette:We,shape:oe,density:ce,shadow:ve},zt={name:"softUI",palette:ht,shape:le,density:te,shadow:qe},Tt={name:"bloom",palette:se,shape:ee,density:ie,shadow:ve},It={name:"minimal",palette:vt,shape:ee,density:te,shadow:me},Xa={default:Fe,brand:xt,indigo:se,violet:ht,emerald:We,teal:Na,rose:He,coral:mt,amber:Aa,ocean:Ee,slate:vt,sage:Oa},qa={sharp:oe,rounded:ee,pill:le},Ua={compact:ce,default:te,spacious:ie},Ga={flat:me,subtle:Ne,elevated:Ae,liquidGlass:Oe,brutalist:Xe,neumorphic:qe,natural:Ue,glow:ve},Va={modern:yt,enterprise:wt,playful:St,liquidGlass:kt,bento:Dt,brutalist:Mt,terminal:jt,softUI:zt,bloom:Tt,minimal:It};function _a(e){return typeof e=="string"?Xa[e]:e}function Ka(e){return typeof e=="string"?qa[e]:e}function Ya(e){return typeof e=="string"?Ua[e]:e}function Za(e){return typeof e=="string"?Ga[e]:e}function Bt(e,t){let s,a,n,r;if(typeof e=="string"){const i=Va[e];if(!i)return{};s=i.palette,a=i.shape,n=i.density,r=i.shadow}else e.palette!==void 0&&(s=_a(e.palette)),e.shape!==void 0&&(a=Ka(e.shape)),e.density!==void 0&&(n=Ya(e.density)),e.shadow!==void 0&&(r=Za(e.shadow));const o={};if(s){const i=Ce(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 Rt=b.createContext({theme:"light",tokens:re});function Ja({theme:e="light",preset:t,tokens:s,anchors:a,children:n}){const r=b.useId().replace(/:/g,""),o=t?Bt(t,e):void 0,i=(()=>{if(a){const k=Ce(a,e);if(o){const y={};for(const[x,m]of Object.entries(o))(x.startsWith("space")||x.startsWith("radius")||x.startsWith("shadow")||x.startsWith("duration")||x.startsWith("easing"))&&(y[x]=m);return{...k,...y}}return k}const u=e==="dark"?$e:re,f=o?{...o,...s}:s,g=f?{...u,...f}:u,v=f?Pe(f,g,e):{},p=(f==null?void 0:f.accentBorder)??(e==="light"?j(g.accentDefault,-.15):j(g.accentDefault,.15)),S=(f==null?void 0:f.accentFg)??Le(g.accentDefault),M=bt(g.accentDefault,S);return{...g,...v,accentDefault:M,accentFg:S,accentBorder:p}})(),d=`html { font-size: 14px; }
|
|
109
|
-
`+pt(i,":root");return
|
|
108
|
+
}`}function za(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 Ia=.2126729,Ba=.7151522,Ra=.072175,$a=.56,La=.57,Pa=.65,Ca=.62,tt=.022,Fa=1.414,Wa=1.14,Ha=1.14,at=.027,nt=.027;function rt(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=Ia*n+Ba*r+Ra*o;return i<0&&(i=0),i<tt?i+Math.pow(tt-i,Fa):i}function xe(e,t){const s=rt(e),a=rt(t);let n;if(s>a){const r=(Math.pow(s,$a)-Math.pow(a,La))*Wa;n=r<at?0:r-at}else{const r=(Math.pow(s,Pa)-Math.pow(a,Ca))*Ha;n=r>-nt?0:r+nt}return n*100}function gt(e){const t=Math.abs(xe(e,"#ffffff")),s=Math.abs(xe(e,"#000000"));return t>=s?"#ffffff":"#000000"}function Le(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 u=n-r;i=(n+r)/2>.5?u/(2-n-r):u/(n+r),n===t?o=((s-a)/u+(s<a?6:0))/6:n===s?o=((a-t)/u+2)/6:o=((t-s)/u+4)/6}return gt(e)==="#000000"?Te(o,Math.min(i,.6),.12):Te(o,Math.min(i,.2),.95)}function bt(e,t,s=60){if(Math.abs(xe(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 d=0,u=0,f=(o+i)/2;if(o!==i){const p=o-i;u=f>.5?p/(2-o-i):p/(o+i),o===a?d=((n-r)/p+(n<r?6:0))/6:o===n?d=((r-a)/p+2)/6:d=((a-n)/p+4)/6}const v=za(t)>.5?-.005:.005;for(let p=0;p<100;p++){f=Math.min(1,Math.max(0,f+v));const w=Te(d,u,f);if(Math.abs(xe(w,t))>=s)return w}return e}function Te(e,t,s){const a=(d,u,f)=>(f<0&&(f+=1),f>1&&(f-=1),f<.16666666666666666?d+(u-d)*6*f:f<.5?u:f<.6666666666666666?d+(u-d)*(.6666666666666666-f)*6:d);let n,r,o;if(t===0)n=r=o=s;else{const d=s<.5?s*(1+t):s+t-s*t,u=2*s-d;n=a(u,d,e+1/3),r=a(u,d,e),o=a(u,d,e-1/3)}const i=d=>Math.round(d*255).toString(16).padStart(2,"0");return`#${i(n)}${i(r)}${i(o)}`}function Ea(e,t){const[s,a,n]=_(e);return t?G(s,a*.3,Math.min(1,n+(1-n)*.85)):G(s,a,Math.min(.25,n+.04))}const me={subtle:{light:.95,dark:.12},text:{light:.28,dark:.78}};function fe(e,t){const[s,a]=_(e);return G(s,a*.5,t?me.subtle.light:me.subtle.dark)}function pe(e,t){const[s,a]=_(e);return G(s,a,t?me.text.light:me.text.dark)}function Pe(e,t,s){const a={},n=s==="light";if("borderDefault"in e&&("borderSubtle"in e||(a.borderSubtle=M(t.borderDefault,n?.05:-.02)),"borderStrong"in e||(a.borderStrong=M(t.borderDefault,n?-.27:.19))),"bgBase"in e&&("bgSubtle"in e||(a.bgSubtle=M(t.bgBase,n?-.02:.02)),"surfaceTint"in e||(a.surfaceTint=M(t.bgBase,n?-.04:.03)),!("surface"in e))){const r=Ea(t.bgBase,n);a.surface=r,"surfaceSecondary"in e||(a.surfaceSecondary=M(r,n?-.04:.03)),"surfaceRaised"in e||(a.surfaceRaised=M(r,n?0:.06)),"surfaceOverlay"in e||(a.surfaceOverlay=M(r,n?0:.06))}return"surface"in e&&("surfaceSecondary"in e||(a.surfaceSecondary=M(t.surface,n?-.04:.03)),"surfaceRaised"in e||(a.surfaceRaised=M(t.surface,n?0:.06)),"surfaceOverlay"in e||(a.surfaceOverlay=M(t.surface,n?0:.06))),"textPrimary"in e&&("textSecondary"in e||(a.textSecondary=M(t.textPrimary,n?.2:-.15)),"textDisabled"in e||(a.textDisabled=M(t.textPrimary,n?.58:-.62))),"accentDefault"in e&&("accentHover"in e||(a.accentHover=M(t.accentDefault,n?.05:-.07)),"accentSubtle"in e||(a.accentSubtle=M(t.accentDefault,n?.85:-.6))),"successDefault"in e&&("successSubtle"in e||(a.successSubtle=fe(t.successDefault,n)),"successText"in e||(a.successText=pe(t.successDefault,n))),"warningDefault"in e&&("warningSubtle"in e||(a.warningSubtle=fe(t.warningDefault,n)),"warningText"in e||(a.warningText=pe(t.warningDefault,n))),"dangerDefault"in e&&("dangerHover"in e||(a.dangerHover=M(t.dangerDefault,n?.05:-.07)),"dangerSubtle"in e||(a.dangerSubtle=fe(t.dangerDefault,n)),"dangerText"in e||(a.dangerText=pe(t.dangerDefault,n))),"infoDefault"in e&&("infoSubtle"in e||(a.infoSubtle=fe(t.infoDefault,n)),"infoText"in e||(a.infoText=pe(t.infoDefault,n))),a}function Ce(e,t="light"){const a={...t==="dark"?$e:re,...e},n=Pe(e,a,t),r=t==="light"?M(a.accentDefault,-.15):M(a.accentDefault,.15);return{...a,...n,accentFg:Le(a.accentDefault),accentBorder:r}}const Fe={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"}},xt={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"}},se={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"}},mt={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"}},We={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"}},Na={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"}},He={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"}},ht={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"}},Aa={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"}},Ee={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"}},vt={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"}},Oa={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"}},oe={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"}},le={name:"pill",tokens:{radiusNone:"0px",radiusSm:"0.5rem",radiusMd:"0.75rem",radiusLg:"1rem",radiusXl:"1.5rem",radiusFull:"9999px"}},ce={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"}},ie={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"}},he={name:"flat",light:{shadowNone:"none",shadowSm:"none",shadowMd:"none",shadowLg:"none",shadowXl:"none"},dark:{shadowNone:"none",shadowSm:"none",shadowMd:"none",shadowLg:"none",shadowXl:"none"}},Ne={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)"}},Ae={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)"}},Oe={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)"}},Xe={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)"}},qe={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)"}},Ue={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)"}},ve={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)"}},yt={name:"modern",palette:se,shape:ee,density:te,shadow:Ne},wt={name:"enterprise",palette:Fe,shape:oe,density:ce,shadow:he},St={name:"playful",palette:He,shape:le,density:ie,shadow:Ae},kt={name:"liquidGlass",palette:Ee,shape:le,density:ie,shadow:Oe},Dt={name:"bento",palette:se,shape:ee,density:te,shadow:Ue},Mt={name:"brutalist",palette:ht,shape:oe,density:ce,shadow:Xe},jt={name:"terminal",palette:We,shape:oe,density:ce,shadow:ve},Tt={name:"softUI",palette:mt,shape:le,density:te,shadow:qe},zt={name:"bloom",palette:se,shape:ee,density:ie,shadow:ve},It={name:"minimal",palette:vt,shape:ee,density:te,shadow:he},Xa={default:Fe,brand:xt,indigo:se,violet:mt,emerald:We,teal:Na,rose:He,coral:ht,amber:Aa,ocean:Ee,slate:vt,sage:Oa},qa={sharp:oe,rounded:ee,pill:le},Ua={compact:ce,default:te,spacious:ie},Ga={flat:he,subtle:Ne,elevated:Ae,liquidGlass:Oe,brutalist:Xe,neumorphic:qe,natural:Ue,glow:ve},Va={modern:yt,enterprise:wt,playful:St,liquidGlass:kt,bento:Dt,brutalist:Mt,terminal:jt,softUI:Tt,bloom:zt,minimal:It};function _a(e){return typeof e=="string"?Xa[e]:e}function Ka(e){return typeof e=="string"?qa[e]:e}function Ya(e){return typeof e=="string"?Ua[e]:e}function Za(e){return typeof e=="string"?Ga[e]:e}function Bt(e,t){let s,a,n,r;if(typeof e=="string"){const i=Va[e];if(!i)return{};s=i.palette,a=i.shape,n=i.density,r=i.shadow}else e.palette!==void 0&&(s=_a(e.palette)),e.shape!==void 0&&(a=Ka(e.shape)),e.density!==void 0&&(n=Ya(e.density)),e.shadow!==void 0&&(r=Za(e.shadow));const o={};if(s){const i=Ce(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 Rt=x.createContext({theme:"light",tokens:re});function Ja({theme:e="light",preset:t,tokens:s,anchors:a,children:n}){const r=x.useId().replace(/:/g,""),o=t?Bt(t,e):void 0,i=(()=>{if(a){const D=Ce(a,e);if(o){const R={};for(const[b,h]of Object.entries(o))(b.startsWith("space")||b.startsWith("radius")||b.startsWith("shadow")||b.startsWith("duration")||b.startsWith("easing"))&&(R[b]=h);return{...D,...R}}return D}const u=e==="dark"?$e:re,f=o?{...o,...s}:s,g=f?{...u,...f}:u,v=f?Pe(f,g,e):{},p=(f==null?void 0:f.accentBorder)??(e==="light"?M(g.accentDefault,-.15):M(g.accentDefault,.15)),w=(f==null?void 0:f.accentFg)??Le(g.accentDefault),z=bt(g.accentDefault,w);return{...g,...v,accentDefault:z,accentFg:w,accentBorder:p}})(),d=`html { font-size: 14px; }
|
|
109
|
+
`+pt(i,":root");return x.useLayoutEffect(()=>{let u=document.getElementById(`lucent-tokens-${r}`);return u||(u=document.createElement("style"),u.id=`lucent-tokens-${r}`,document.head.appendChild(u)),u.textContent=d,()=>{var f;(f=document.getElementById(`lucent-tokens-${r}`))==null||f.remove()}},[r,d]),l.jsx(Rt.Provider,{value:{theme:e,tokens:i},children:n})}function Qa(){return x.useContext(Rt)}exports.Badge=qt;exports.Button=ze;exports.ColorPicker=lt;exports.ColorSwatch=ne;exports.Input=Y;exports.LucentProvider=Ja;exports.SegmentedControl=Be;exports.Select=Ie;exports.Slider=oa;exports.Tabs=va;exports.Text=aa;exports.Toggle=_t;exports.adjustLightness=M;exports.bentoPreset=Dt;exports.bloomPreset=zt;exports.brandPalette=xt;exports.brutalistPreset=Mt;exports.brutalistShadow=Xe;exports.compactDensity=ce;exports.createTheme=Ce;exports.darkShadowTokens=it;exports.darkTokens=$e;exports.defaultDensity=te;exports.defaultPalette=Fe;exports.deriveDarkFromLight=dt;exports.deriveTokens=Pe;exports.elevatedShadow=Ae;exports.emeraldPalette=We;exports.ensureContrast=bt;exports.enterprisePreset=wt;exports.flatShadow=he;exports.getAccentFg=Le;exports.getContrastText=gt;exports.glowShadow=ve;exports.indigoPalette=se;exports.lightShadowTokens=ct;exports.lightTokens=re;exports.liquidGlassPreset=kt;exports.liquidGlassShadow=Oe;exports.makeLibraryCSS=pt;exports.minimalPreset=It;exports.modernPreset=yt;exports.naturalShadow=Ue;exports.neumorphicShadow=qe;exports.oceanPalette=Ee;exports.pillShape=le;exports.playfulPreset=St;exports.resolvePreset=Bt;exports.rosePalette=He;exports.roundedShape=ee;exports.sharpShape=oe;exports.softUIPreset=Tt;exports.spaciousDensity=ie;exports.subtleShadow=Ne;exports.terminalPreset=jt;exports.tokenToCssVar=ft;exports.useLucent=Qa;
|
package/dist/devtools.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),ae=require("react-dom"),n=require("./LucentProvider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),ae=require("react-dom"),n=require("./LucentProvider-CzEDW5SL.cjs");function re(){const{tokens:t}=n.useLucent(),[s,o]=g.useState({}),l=g.useRef(s);l.current=s;const c=g.useCallback((f,d)=>{document.documentElement.style.setProperty(n.tokenToCssVar(f),d),o(m=>({...m,[f]:d}))},[]),i=g.useCallback(f=>{document.documentElement.style.removeProperty(n.tokenToCssVar(f)),o(d=>{const m={...d};return delete m[f],m})},[]),y=g.useCallback(()=>{for(const f of Object.keys(l.current))document.documentElement.style.removeProperty(n.tokenToCssVar(f));o({})},[]);return{tokens:t,overrides:s,overrideCount:Object.keys(s).length,setOverride:c,removeOverride:i,resetAll:y}}function u(t){return{key:t,controlType:"color"}}function p(t,s,o,l,c){return{key:t,controlType:"slider",sliderConfig:{min:s,max:o,step:l,unit:c}}}function x(t){return{key:t,controlType:"text"}}const H=[{label:"Colors",defaultExpanded:!0,subgroups:[{label:"Navigation",tokens:[u("navigation")]},{label:"Background",tokens:[u("bgBase"),u("bgSubtle"),u("bgOverlay")]},{label:"Surface",tokens:[u("surface"),u("surfaceSecondary"),u("surfaceRaised"),u("surfaceOverlay"),u("surfaceTint")]},{label:"Border",tokens:[u("borderDefault"),u("borderSubtle"),u("borderStrong"),u("controlTrack")]},{label:"Text",tokens:[u("textPrimary"),u("textSecondary"),u("textDisabled"),u("textInverse")]},{label:"Accent",tokens:[u("accentDefault"),u("accentHover"),u("accentSubtle"),u("accentBorder"),u("accentFg")]},{label:"Success",tokens:[u("successDefault"),u("successSubtle"),u("successText")]},{label:"Warning",tokens:[u("warningDefault"),u("warningSubtle"),u("warningText")]},{label:"Danger",tokens:[u("dangerDefault"),u("dangerHover"),u("dangerSubtle"),u("dangerText")]},{label:"Info",tokens:[u("infoDefault"),u("infoSubtle"),u("infoText")]}]},{label:"Typography",tokens:[x("fontFamilyBase"),x("fontFamilyMono"),x("fontFamilyDisplay"),p("fontSizeXs",.5,2,.0625,"rem"),p("fontSizeSm",.5,2,.0625,"rem"),p("fontSizeMd",.5,2,.0625,"rem"),p("fontSizeLg",.5,3,.0625,"rem"),p("fontSizeXl",.5,3,.0625,"rem"),p("fontSize2xl",.5,4,.0625,"rem"),p("fontSize3xl",.5,4,.0625,"rem"),x("fontWeightRegular"),x("fontWeightMedium"),x("fontWeightSemibold"),x("fontWeightBold"),x("lineHeightTight"),x("lineHeightBase"),x("lineHeightRelaxed"),x("letterSpacingTight"),x("letterSpacingBase"),x("letterSpacingWide")]},{label:"Spacing",tokens:[p("space0",0,6,.125,"rem"),p("space1",0,6,.125,"rem"),p("space2",0,6,.125,"rem"),p("space3",0,6,.125,"rem"),p("space4",0,6,.125,"rem"),p("space5",0,6,.125,"rem"),p("space6",0,6,.125,"rem"),p("space8",0,6,.125,"rem"),p("space10",0,6,.125,"rem"),p("space12",0,8,.125,"rem"),p("space16",0,10,.125,"rem"),p("space20",0,12,.125,"rem"),p("space24",0,12,.125,"rem")]},{label:"Radius",tokens:[x("radiusNone"),p("radiusSm",0,2,.0625,"rem"),p("radiusMd",0,2,.0625,"rem"),p("radiusLg",0,2,.0625,"rem"),p("radiusXl",0,3,.0625,"rem"),x("radiusFull")]},{label:"Shadows",tokens:[x("shadowNone"),x("shadowSm"),x("shadowMd"),x("shadowLg"),x("shadowXl")]},{label:"Motion",tokens:[x("durationFast"),x("durationBase"),x("durationSlow"),x("easingDefault"),x("easingEmphasized"),x("easingDecelerate")]}];function le(t){return Object.keys(t).length===0?`<LucentProvider>
|
|
2
2
|
{children}
|
|
3
3
|
</LucentProvider>`:`<LucentProvider tokens={{
|
|
4
4
|
${Object.entries(t).map(([o,l])=>` ${o}: '${l}'`).join(`,
|
package/dist/devtools.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as c, jsx as t, Fragment as fe } from "react/jsx-runtime";
|
|
2
2
|
import { useState as z, useRef as ue, useCallback as L, useEffect as W, useMemo as be, createContext as ve } from "react";
|
|
3
3
|
import { createPortal as xe } from "react-dom";
|
|
4
|
-
import { _ as ye, $ as S, T as y, C as P, B as F, e as j, I as ge, a0 as Se, a1 as ke, z as we, K as Ce, M as ze, m as Be, F as Fe, u as Te, Y as Me, x as Re, a as M, g as De, a2 as Oe, S as Le, d as ae, p as Pe, h as Ee, f as Ie, b as Ae } from "./LucentProvider-
|
|
4
|
+
import { _ as ye, $ as S, T as y, C as P, B as F, e as j, I as ge, a0 as Se, a1 as ke, z as we, K as Ce, M as ze, m as Be, F as Fe, u as Te, Y as Me, x as Re, a as M, g as De, a2 as Oe, S as Le, d as ae, p as Pe, h as Ee, f as Ie, b as Ae } from "./LucentProvider-Bm39MMvv.js";
|
|
5
5
|
function Ge() {
|
|
6
6
|
const { tokens: e } = ye(), [n, a] = z({}), l = ue(n);
|
|
7
7
|
l.current = n;
|