@lemonsqueezy/wedges
Version:
An ever-expanding, open-source React UI library built with the Wedges Design System, Radix primitives, and Tailwind CSS.
2 lines • 81.2 kB
JavaScript
"use client";
import*as A from"react";import{Slot as Le}from"@radix-ui/react-slot";import*as Qe from"react";import{clsx as za}from"clsx";import tr from"color";import Je from"deepmerge";import Ma from"lodash.omit";import{extendTailwindMerge as Aa}from"tailwind-merge";import Da from"tailwindcss/plugin.js";var Ot={50:"#F0FAFF",100:"#DBF3FF",200:"#ADE4FF",300:"#70D1FF",400:"#38BEFF",500:"#00ACFF",600:"#0090D6",700:"#0075AD",800:"#005985",900:"#003E5C",DEFAULT:"#00ACFF"};var Kt={50:"#F7F7F8",100:"#EBEBEF",200:"#D1D1DB",300:"#A9A9BC",400:"#8A8AA3",500:"#6C6C89",600:"#55556D",700:"#3F3F50",800:"#282833",900:"#121217",DEFAULT:"#6C6C89"};var Ut={50:"#EEFBF4",100:"#DFF8EA",200:"#B2EECC",300:"#84E4AE",400:"#56D990",500:"#2DCA72",600:"#26A95F",700:"#1E874C",800:"#17663A",900:"#0F4527",DEFAULT:"#2DCA72"};var qt={50:"#FFF2EE",100:"#FFE8E1",200:"#FFCDBD",300:"#FFB399",400:"#FF9876",500:"#FF7D52",600:"#FF571F",700:"#EB3A00",800:"#B82E00",900:"#852100",DEFAULT:"#FF7D52"};var Zt={50:"#FEECFB",100:"#FDDDF8",200:"#FCC5F3",300:"#FA99EA",400:"#F87CE4",500:"#F75FDE",600:"#F42AD3",700:"#DB0BB9",800:"#A5088C",900:"#70065F",DEFAULT:"#F75FDE"};var jt={50:"#F4F1FD",100:"#E2DAFB",200:"#C6B6F7",300:"#A991F3",400:"#8D6CEF",500:"#7047EB",600:"#5423E7",700:"#4316CA",800:"#3712A5",900:"#2B0E81",DEFAULT:"#7047EB"};var Xt={50:"#FEF0F4",100:"#FDD8E1",200:"#FBB1C4",300:"#F98BA6",400:"#F76489",500:"#F53D6B",600:"#F3164E",700:"#D50B3E",800:"#AF0932",900:"#880727",DEFAULT:"#F53D6B"};var Yt={50:"#FFF9EB",100:"#FFF3D6",200:"#FFE7AD",300:"#FFDA85",400:"#FFCE5C",500:"#FFC233",600:"#FAAF00",700:"#C28800",800:"#8A6100",900:"#523900",DEFAULT:"#FFC233"};var k={white:{50:"rgba(255,255,255, 0.05)",100:"rgba(255,255,255, 0.1)",200:"rgba(255,255,255, 0.2)",300:"rgba(255,255,255, 0.3)",400:"rgba(255,255,255, 0.4)",500:"rgba(255,255,255, 0.5)",600:"rgba(255,255,255, 0.6)",700:"rgba(255,255,255, 0.8)",800:"rgba(255,255,255, 0.9)",900:"#FFFFFF",DEFAULT:"#FFFFFF"},black:{DEFAULT:"#000000"},blue:Ot,gray:Kt,green:Ut,orange:qt,pink:Zt,purple:jt,red:Xt,yellow:Yt};var Sa={background:"#FFFFFF",foreground:k.gray[900],primary:{...k.purple,DEFAULT:k.purple[500]},secondary:{...k.gray,DEFAULT:k.gray[900]},surface:{...k.gray,DEFAULT:k.gray[50],overlay:"#FFFFFF","overlay-foreground":k.gray[900],"overlay-focus":k.gray[50]},destructive:{...k.red}},Na={background:k.gray[900],foreground:"#FFFFFF",primary:{...k.purple,DEFAULT:k.purple[400],600:k.purple[500]},secondary:{...k.white,900:k.gray[900],DEFAULT:k.white[900]},surface:{50:"rgba(255,255,255, 0.1)",100:"rgba(255,255,255, 0.2)",200:"rgba(255,255,255, 0.3)",300:"rgba(255,255,255, 0.4)",400:"rgba(255,255,255, 0.5)",500:"rgba(255,255,255, 0.5)",600:"rgba(255,255,255, 0.7)",700:"rgba(255,255,255, 0.8)",800:"rgba(255,255,255, 0.9)",900:"#FFFFFF",DEFAULT:"rgba(255,255,255, 0.1)",overlay:"#292929","overlay-foreground":"rgba(255,255,255, 0.8)","overlay-focus":"rgba(255,255,255, 0.05)"},destructive:{...k.red}},Se={light:Sa,dark:Na};var Jt={xxs:["0.625rem",{lineHeight:"1rem"}],xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"3.5rem",letterSpacing:"-0.075rem"}],"6xl":["3.75rem",{lineHeight:"4.5rem",letterSpacing:"-0.09375rem"}],"7xl":["4.5rem",{lineHeight:"5rem",letterSpacing:"-0.1125rem"}],"8xl":["6rem",{lineHeight:"6.5rem",letterSpacing:"-0.15rem"}],"9xl":["8rem",{lineHeight:"8rem",letterSpacing:"-0.2rem"}]};var Ze={4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",10:"40px",12:"48px",14:"56px",16:"64px",20:"80px",24:"96px"};var Qt={xs:"0 1px 2px 0 rgba(18, 18, 23, 0.05)",sm:"0 1px 3px 0 rgba(18, 18, 23, 0.1), 0 1px 2px 0 rgba(18, 18, 23, 0.06)",md:"0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08)",lg:"0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08)",xl:"0px 10px 10px -5px rgba(18, 18, 23, 0.04), 0px 20px 25px -5px rgba(18, 18, 23, 0.10)","2xl":"0px 25px 50px -12px rgba(18, 18, 23, 0.25)",overlay:"0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.10)"};var je=(t,o,e,r)=>isNaN(+e)?r?`hsl(var(${t}) / var(${o}, var(${r})))`:`hsl(var(${t}) / var(${o}, 1))`:`hsl(var(${t}) / ${e})`;import{flatten as La}from"flat";var er=t=>t==="light"||t==="dark",Ia=t=>{let o={};for(let e in t){let r=e.endsWith("-DEFAULT")?e.replace("-DEFAULT",""):e;o[r]=t[e]}return o},Xe=t=>Ia(La(t,{safe:!0,delimiter:"-"}));var Ye=(t,o)=>{let e={};for(let r in t)e[`${o}-${r}`]=t[r];return e};var Ga="wg",rr=Aa({extend:{theme:{padding:["2px","4px","6px","8px","12px","14px","16px"]}}}),Va=(t={},o,e)=>{let r={variants:[],utilities:{},colors:{}};return Object.keys(t).forEach(a=>{let i=t[a]??{},{colors:s={},extend:l="light"}=i,c=Xe(s),d=`.${a},[data-theme="${a}"]`,f=a==="light"||a==="dark"?a:l;a===o&&(d=":where(:root)"),r.utilities[d]={"color-scheme":f},r.variants.push({name:a,definition:[`.${a}&`,`:is(.${a} > &:not([data-theme]))`,`:is(.${a} &:not(.${a} [data-theme]:not(.${a}) * ))`,`:is(.${a}:not(:has([data-theme])) &:not([data-theme]))`,`[data-theme='${a}']&`,`:is([data-theme='${a}'] > &:not([data-theme]))`,`:is([data-theme='${a}'] &:not([data-theme='${a}'] [data-theme]:not([data-theme='${a}']) * ))`,`:is([data-theme='${a}']:not(:has([data-theme])) &:not([data-theme]))`]}),Object.keys(c).forEach(u=>{let m=c[u];if(m)try{let[p,g,x,R=1]=tr(m).hsl().round().array(),P=`--${e}-${u}`,C=`--${e}-${u}-opacity`;r.utilities[d][P]=`${p} ${g}% ${x}%`,typeof R=="number"&&(r.utilities[d][C]=R.toFixed(2)),r.colors[u]=({opacityVariable:w,opacityValue:M})=>je(P,C,M,w)}catch(p){p instanceof Error?console.warn("wedges-tw-plugin-error",p.message):console.warn("wedges-tw-plugin-error",p)}})}),r},Fa=(t={},o,e,r)=>{let a=Va(t,o,e),i=Ye(k,"wg"),s=Ye(Qt,"wg"),l="cubic-bezier(.2,1,.4,1)";return Da(({addBase:c,addUtilities:d,addVariant:f,matchUtilities:u,theme:m})=>{c({":root":{"--wg-font-smooth--webkit":r==="antialiased"?"antialiased":"unset","--wg-font-smooth--moz":r==="antialiased"?"grayscale":"unset"},html:{color:`hsl(var(--${e}-foreground))`,backgroundColor:`hsl(var(--${e}-background))`}}),d({...a.utilities,".wg-antialiased":{"-webkit-font-smoothing":"var(--wg-font-smooth--webkit)","-moz-osx-font-smoothing":"var(--wg-font-smooth--moz)"}}),a.variants.forEach(({name:p,definition:g})=>f(p,g)),u({"wg-bg":p=>{if(typeof p=="function"){let x=p({opacityValue:"1",opacityVariable:"1"}).match(/var\(([^)]+)\)/);if(x)return{background:p("",""),[`--${e}-background`]:`var(${x[1]})`}}try{let[g,x,R,P]=tr(p).hsl().round().array();return{background:je(`--${e}-background`,`--${e}-background-opacity`,P),[`--${e}-background`]:`${g} ${x}% ${R}%`}}catch{let g=p.match(/var\(([^)]+)\)/);return{background:p,[`--${e}-background`]:g?`var(${g[1]})`:p}}}},{values:Xe(m("colors")),type:["color"]})},{theme:{extend:{colors:{...i,...a.colors},minWidth:{...Ze},minHeight:{...Ze},fontSize:{...Jt},boxShadow:{...s},screens:{xs:"480px"},padding:{"2px":"calc(2px - var(--wg-border-width, 0px))","4px":"calc(4px - var(--wg-border-width, 0px))","6px":"calc(6px - var(--wg-border-width, 0px))","8px":"calc(8px - var(--wg-border-width, 0px))","12px":"calc(12px - var(--wg-border-width, 0px))","14px":"14px","16px":"calc(16px - var(--wg-border-width, 0px))"},outlineOffset:{3:"3px"},textUnderlineOffset:{3:"3px"},animation:{"wg-fade-in-up":`fadeInUp 0.3s ${l}`,"wg-fade-in-down":`fadeInDown 0.3s ${l}`,"wg-fade-in-left":`fadeInLeft 0.3s ${l}`,"wg-fade-in-right":`fadeInRight 0.3s ${l}`,"wg-fade-out":`fadeOut 0.15s ${l}`,"wg-line-spinner":"lineSpinner 1.5s ease-in-out infinite both"},keyframes:{fadeInUp:{"0%":{opacity:"0",transform:"translateY(5px) scale(.97)"},"100%":{opacity:"1",transform:"translateY(0px) scale(1)"}},fadeInDown:{"0%":{opacity:"0",transform:"translateY(-5px) scale(.97)"},"100%":{opacity:"1",transform:"translateY(0px) scale(1)"}},fadeInLeft:{"0%":{opacity:"0",transform:"translateX(5px) scale(.97)"},"100%":{opacity:"1",transform:"translateX(0px) scale(1)"}},fadeInRight:{"0%":{opacity:"0",transform:"translateX(-5px) scale(.97)"},"100%":{opacity:"1",transform:"translateX(0px) scale(1)"}},fadeOut:{"0%":{opacity:"1",transform:"scale(1)"},"100%":{opacity:"0",transform:"scale(.97)"}},lineSpinner:{"0%, 25%":{strokeDashoffset:"var(--wg-dashoffset-97)",transform:"rotate(0)"},"50%, 75%":{strokeDashoffset:"var(--wg-dashoffset-25)",transform:"rotate(45deg)"},"100%":{strokeDashoffset:"var(--wg-dashoffset-97)",transform:"rotate(360deg)"}}}}}})},Ha=(t={})=>{let{defaultExtendTheme:o="light",defaultTheme:e="light",prefix:r=Ga,fontSmooth:a="antialiased",themes:i={}}=t,s=i.light?.colors??{},l=i.dark?.colors??{},c=Ma(i,["light","dark"]);Object.keys(c).forEach(m=>{let{colors:p,extend:g}=c[m]??{},x=g&&er(g)?g:o;p&&typeof p=="object"&&(c[m].colors=Je(Se[x],p))});let d={colors:Je(Se.light,s)},f={colors:Je(Se.dark,l)},u={light:d,dark:f,...c};return Fa(u,e,r,a)};var n=(...t)=>rr(za(t)),or=t=>{let o=t.trim();if(o.length===0||o.length===1||o.length===2)return o.toUpperCase();let e=o.split(" ");if(e.length===1)return o.charAt(0).toUpperCase();if(e.length>1){let r=e[0]?.charAt(0).toUpperCase()??"",a=e[e.length-1]?.charAt(0).toUpperCase()??"";return r+a}return t},ar=t=>{let o=0;for(let e=0;e<t.length;e++){let r=t.charCodeAt(e);o=(o<<5)-o+r,o|=0}return o},ir=(t,o)=>{let e=Math.abs(t)%o.length;return o[e]},h=t=>Qe.isValidElement(t);var re=t=>Qe.isValidElement(t)&&typeof t.props.children<"u";import*as H from"react";import{Slot as cr}from"@radix-ui/react-slot";import{cva as nr}from"cva";var sr=nr({base:"group inline-flex shrink-0 select-none items-center justify-center text-sm font-medium leading-6 transition-colors duration-100 wg-antialiased focus:outline-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",variants:{size:{"xs-icon":"gap-0 px-8px py-1",sm:"gap-0 px-8px py-1",md:"gap-1 px-12px py-2"},shape:{rounded:"rounded-lg",pill:"rounded-full"},variant:{primary:"bg-primary text-white outline-primary hover:bg-primary-600 disabled:opacity-50",secondary:"bg-secondary text-white outline-secondary hover:bg-secondary-700 disabled:bg-secondary-200 dark:text-secondary-900 dark:hover:bg-secondary-800 dark:disabled:text-wg-white-500",tertiary:"bg-surface hover:bg-surface-100",outline:"dark:shadow:none border border-surface-200 shadow-wg-xs [--wg-border-width:1px] hover:bg-surface disabled:border-surface-50 dark:border-surface-100",transparent:"bg-transparent hover:bg-surface",link:"p-0 underline underline-offset-3 focus-visible:text-primary"},destructive:{true:[],false:[]}},compoundVariants:[{variant:"outline",size:"md",class:"py-8px"},{variant:"outline",size:"sm",class:"py-4px"},{variant:["primary","secondary"],destructive:!0,class:"bg-destructive text-white outline-destructive hover:bg-destructive-600 disabled:bg-destructive disabled:opacity-50 dark:text-white dark:hover:bg-destructive-600 dark:disabled:text-white"},{variant:"tertiary",destructive:!0,class:"bg-destructive-50 hover:bg-destructive-100 disabled:bg-destructive-50 dark:bg-surface dark:hover:bg-surface-200"},{variant:"transparent",destructive:!0,class:"hover:bg-destructive-50 dark:hover:bg-surface"},{variant:"outline",destructive:!0,class:"border-destructive hover:bg-destructive-50 disabled:border-destructive-100 dark:border-destructive dark:hover:bg-surface dark:disabled:border-destructive-900"},{variant:"link",destructive:!0,class:"hover:text-destructive-800 focus-visible:text-destructive-800 dark:hover:text-destructive-400 dark:focus-visible:text-destructive-400"},{variant:["outline","tertiary","transparent","link"],class:"text-surface-900 outline-primary disabled:text-surface-300"},{variant:["outline","tertiary","transparent","link"],destructive:!0,class:"text-destructive-700 outline-destructive disabled:text-destructive-300 dark:text-destructive-500 dark:disabled:text-destructive/50"}],defaultVariants:{shape:"rounded",size:"md",variant:"primary"}}),lr=nr({base:"text-current",variants:{variant:{primary:"",secondary:"",tertiary:"",outline:"",transparent:"",link:""},destructive:{true:"text-current"},size:{"xs-icon":"size-5",sm:"size-5",md:"size-6"}},compoundVariants:[{variant:["tertiary","outline","transparent","link"],class:"opacity-50"}],defaultVariants:{variant:"primary",size:"md"}});import{Fragment as et,jsx as Ne,jsxs as pr}from"react/jsx-runtime";var Ba={md:"p-8px",sm:"p-6px","xs-icon":"p-2px"},dr=H.forwardRef(({after:t,asChild:o=!1,before:e,children:r,className:a,destructive:i=!1,disabled:s=!1,shape:l="rounded",size:c="md",variant:d="primary",isIconOnly:f=!1,...u},m)=>{let p=o&&h(r),g=p?cr:"button",x=H.useMemo(()=>(e&&!t&&!r&&c)??(t&&!e&&!r&&c)??f===!0??!1,[e,t,r,c,f]),R=H.useMemo(()=>["link","outline","tertiary","transparent"].includes(d),[d]),P=w=>{let M=H.isValidElement(w)?cr:"span",ye=d&&R&&x&&!i,se=n(lr({size:c,variant:d,destructive:i}),ye&&"group-hover:opacity-70",i&&"opacity-100",w.props?.className);return Ne(M,{className:se,children:w})},C=p?H.cloneElement(r,{children:pr(et,{children:[e?P(e):null,re(r)&&f&&P(r.props.children),re(r)&&!f&&Ne(et,{children:r.props.children}),t?P(t):null]})}):pr(et,{children:[e?P(e):null,H.isValidElement(r)&&f&&P(r),r&&!f&&Ne("span",{className:"px-1",children:r}),t?P(t):null]});return Ne(g,{ref:m,className:n(sr({size:c,variant:d,shape:l,destructive:i}),d==="link"&&r&&"focus-visible:outline-0",x&&Ba[c],a),disabled:s,...u,children:C})});dr.displayName="Button";var _=dr;import*as fr from"react";import{jsx as mr,jsxs as Wa}from"react/jsx-runtime";var ur=fr.forwardRef((t,o)=>{let{size:e,title:r,...a}=t,i=r?`wg-${Date.now()}-${Math.floor(Math.random()*1e4)}`:void 0;return Wa("svg",{ref:o,"aria-labelledby":i,className:"text-inherit",fill:"currentColor",height:e,stroke:"none",viewBox:"0 0 24 24",width:e,...a,children:[r&&mr("title",{id:i,children:r}),mr("path",{clipRule:"evenodd",d:"M6.21967 6.21967C6.51256 5.92678 6.98744 5.92678 7.28033 6.21967L12 10.9393L16.7197 6.21967C17.0126 5.92678 17.4874 5.92678 17.7803 6.21967C18.0732 6.51256 18.0732 6.98744 17.7803 7.28033L13.0607 12L17.7803 16.7197C18.0732 17.0126 18.0732 17.4874 17.7803 17.7803C17.4874 18.0732 17.0126 18.0732 16.7197 17.7803L12 13.0607L7.28033 17.7803C6.98744 18.0732 6.51256 18.0732 6.21967 17.7803C5.92678 17.4874 5.92678 17.0126 6.21967 16.7197L10.9393 12L6.21967 7.28033C5.92678 6.98744 5.92678 6.51256 6.21967 6.21967Z",fillRule:"evenodd"})]})});ur.displayName="CloseIcon";var ve=ur;import*as xr from"react";import{jsx as gr,jsxs as $a}from"react/jsx-runtime";var br=xr.forwardRef((t,o)=>{let{size:e=24,title:r,...a}=t,i=r?`wg-${Date.now()}-${Math.floor(Math.random()*1e4)}`:void 0;return $a("svg",{ref:o,"aria-labelledby":i,fill:"currentColor",height:e,viewBox:"0 0 24 24",width:e,...a,children:[r&&gr("title",{id:i,children:r}),gr("path",{clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 9C11 8.44772 11.4477 8 12 8C12.5523 8 13 8.44772 13 9C13 9.55228 12.5523 10 12 10C11.4477 10 11 9.55228 11 9ZM12 12C12.5523 12 13 12.4477 13 13V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15V13C11 12.4477 11.4477 12 12 12Z",fillRule:"evenodd"})]})});br.displayName="InfoIcon";var Re=br;import*as vr from"react";import{jsx as yr,jsxs as _a}from"react/jsx-runtime";var Rr=vr.forwardRef((t,o)=>{let{size:e,title:r,...a}=t,i=r?`wg-${Date.now()}-${Math.floor(Math.random()*1e4)}`:void 0;return _a("svg",{ref:o,"aria-labelledby":i,fill:"none",height:e,stroke:"currentColor",viewBox:"0 0 24 40",width:e,...a,children:[r&&yr("title",{id:i,children:r}),yr("path",{clipRule:"evenodd",d:"m6.944 23.185 7.528 3.473a3.85 3.85 0 0 1 1.947 1.982c.9 2.1-.33 4.247-2.26 5.019-1.93.772-3.988.275-4.923-1.908L5.96 24.086c-.254-.594.383-1.178.984-.9ZM7.396 20.938l7.77-2.931c2.583-.975 5.405.869 5.367 3.547l-.003.105c-.055 2.608-2.798 4.36-5.324 3.438l-7.803-2.85a.693.693 0 0 1-.007-1.31ZM6.962 19.922l7.64-3.238c2.538-1.077 3.182-4.307 1.194-6.174a9.046 9.046 0 0 0-.079-.073c-1.949-1.805-5.171-1.17-6.281 1.208l-3.428 7.346c-.273.586.345 1.19.954.931ZM4.995 18.642l2.777-7.598a3.67 3.67 0 0 0-.075-2.732C6.795 6.214 4.354 5.536 2.424 6.31c-1.93.773-3.02 2.53-2.083 4.713l3.298 7.656c.256.593 1.134.57 1.356-.037Z",fillRule:"evenodd"})]})});Rr.displayName="LemonSqueezy";var hr=Rr;import*as Pr from"react";import{jsx as wr,jsxs as Oa}from"react/jsx-runtime";var Cr=Pr.forwardRef((t,o)=>{let{size:e=24,title:r,...a}=t,i=r?`wg-${Date.now()}-${Math.floor(Math.random()*1e4)}`:void 0;return Oa("svg",{ref:o,"aria-labelledby":i,fill:"currentColor",height:"8",width:e,...a,viewBox:"0 0 24 8",children:[r&&wr("title",{id:i,children:r}),wr("path",{d:"M4.55486 0H19.586C17.0713 0 14.5567 3.5825 13.1681 5.95276C12.7242 6.71045 11.4928 6.67361 11.0817 5.89769C9.82569 3.52743 7.46729 0 4.55486 0Z"})]})});Cr.displayName="TippyIcon";var tt=Cr;import{cva as rt}from"cva";var kr=rt({variants:{variant:{inline:"rounded-lg px-2 py-3 sm:items-center",expanded:"gap-1 rounded-r-lg border-l-2 p-4 pl-14px"},color:{gray:"border-surface-200 text-surface-500",primary:"border-primary text-surface-500",info:"border-wg-blue bg-wg-blue-50 text-wg-blue-700",success:"border-wg-green bg-wg-green-50 text-wg-green-700",error:"border-wg-red bg-wg-red-50 text-wg-red-700",warning:"border-wg-yellow bg-wg-yellow-50 text-wg-yellow-800"}},defaultVariants:{variant:"inline",color:"gray"}}),Tr=rt({base:"text-start font-medium",variants:{color:{gray:"text-surface-900",primary:"text-surface-900",info:"text-wg-blue-800 dark:text-wg-blue",success:"text-wg-green-800 dark:text-wg-green",error:"text-wg-red-800 dark:text-wg-red",warning:"text-wg-yellow-800 dark:text-wg-yellow"}},defaultVariants:{color:"gray"}}),ot=rt({variants:{color:{gray:"text-surface-200",primary:"text-primary",info:"text-wg-blue",success:"text-wg-green-600",error:"text-wg-red",warning:"text-wg-yellow"}},defaultVariants:{color:"gray"}});import{jsx as N,jsxs as at}from"react/jsx-runtime";var Ka="wg-antialiased flex text-sm leading-6 bg-surface dark:bg-surface dark:text-surface-500 items-start",Er=A.forwardRef(({after:t,before:o,className:e,closable:r,color:a,variant:i="inline",children:s,title:l,onClose:c,...d},f)=>{let[u,m]=A.useState(!0),p=A.useCallback(g=>{g.defaultPrevented||m(!1),c&&c(g)},[c]);return u?at(Sr,{ref:f,className:n(kr({variant:i,color:a}),e),...d,children:[N(Nr,{className:n(i==="inline"&&"pl-1"),color:a,children:o}),at("div",{className:n("flex grow flex-col items-start",i==="expanded"&&"items-start gap-3 px-2",i==="inline"&&"px-2 sm:flex-row sm:items-center sm:gap-2",i==="inline"&&r&&"pr-1"),children:[at("div",{className:n("flex grow flex-col items-start",i==="expanded"&&"items-start",i==="inline"&&"sm:flex-row sm:items-center sm:gap-2"),children:[l&&N(Ir,{color:a,children:l}),s&&N(Mr,{children:s})]}),t&&N("div",{className:n(i==="inline"&&"mt-3 sm:ml-auto sm:mt-0"),children:N(Lr,{children:t})})]}),r&&N(Ar,{className:n(i==="inline"&&"pr-1"),onClick:p})]}):null}),Sr=A.forwardRef(({className:t,children:o,...e},r)=>N("div",{ref:r,className:n(Ka,t),role:"alert",...e,children:o})),Nr=A.forwardRef(({className:t,color:o,children:e,...r},a)=>{let i=h(e)?Le:"span";return e?N(i,{ref:a,className:n(ot({color:o}),t),...r,children:e}):N(Re,{className:n("size-6 shrink-0",ot({color:o}),t)})}),Lr=A.forwardRef(({className:t,children:o,...e},r)=>{let a=h(o)?Le:"span";return N(a,{ref:r,className:t,...e,children:o})}),Ir=A.forwardRef(({className:t,color:o,children:e,...r},a)=>{let i=h(e)?Le:"p";return N(i,{ref:a,className:n(Tr({color:o}),t),...r,children:e})}),Mr=A.forwardRef(({className:t,children:o,...e},r)=>{let a=h(o)?Le:"p";return N(a,{ref:r,className:n("text-start",t),...e,children:o})}),Ar=A.forwardRef(({children:t,...o},e)=>N(_,{ref:e,after:(a=>h(a)?a:N(ve,{"aria-label":"Close"}))(t),shape:"rounded",size:"xs-icon",variant:"link",...o}));Er.displayName="Alert";Sr.displayName="AlertRoot";Lr.displayName="AlertAfter";Nr.displayName="AlertBefore";Ar.displayName="AlertCloseButton";Mr.displayName="AlertDescription";Ir.displayName="AlertTitle";var Ua=Er;import*as O from"react";import{UserIcon as qa}from"@iconicicons/react";import*as Y from"@radix-ui/react-avatar";import{cva as Ie}from"cva";var it="h-10 min-w-10 [--wg-notification-size:10px] relative inline-flex aspect-square shrink-0 items-center wg-antialiased",nt="absolute right-0 bottom-0 aspect-square bg-wg-gray-300 h-[var(--wg-notification-size,10px)] rounded-full ring-background",st="absolute right-0 top-0 aspect-square h-[var(--wg-notification-size,10px)] rounded-full ring-background",Dr=Ie({base:it,variants:{size:{xxs:"h-4 min-w-4 text-xxs [--wg-notification-size:4px]",xs:"h-6 min-w-6 text-xs [--wg-notification-size:6px]",sm:"h-8 min-w-8 text-sm [--wg-notification-size:8px]",md:"h-10 min-w-10 text-base [--wg-notification-size:10px]",lg:"h-12 min-w-12 text-lg [--wg-notification-size:12px]",xl:"h-14 min-w-14 text-xl [--wg-notification-size:14px]","2xl":"h-16 min-w-16 text-2xl [--wg-notification-size:16px]"}},defaultVariants:{size:"md"}}),lt=Ie({variants:{size:{xxs:"size-3",xs:"size-4",sm:"size-5",md:"size-6",lg:"size-7",xl:"size-8","2xl":"size-10"}},defaultVariants:{size:"md"}}),Gr=Ie({base:nt,variants:{status:{primary:"bg-primary",gray:"bg-wg-gray",green:"bg-wg-green",yellow:"bg-wg-yellow",red:"bg-wg-red"}},defaultVariants:{status:"gray"}}),Vr=Ie({base:st,variants:{notification:{primary:"bg-primary",gray:"bg-wg-gray",green:"bg-wg-green",yellow:"bg-wg-yellow",red:"bg-wg-red"}},defaultVariants:{notification:"gray"}});import{jsx as L,jsxs as ja}from"react/jsx-runtime";var ct=O.forwardRef(({className:t,...o},e)=>L(Y.Root,{ref:e,className:n(it,t),...o})),pt=O.forwardRef(({className:t,...o},e)=>L(Y.Image,{ref:e,className:n("aspect-square w-full grow rounded-full object-cover object-center",t),...o})),dt=O.forwardRef(({className:t,ring:o,...e},r)=>L("span",{ref:r,className:n(nt,"bg-wg-gray",o===1?"ring-1":"ring-2",t),...e})),mt=O.forwardRef(({className:t,ring:o,...e},r)=>L("span",{ref:r,className:n(st,"bg-wg-gray",o===1?"ring-1":"ring-2",t),...e})),he=O.forwardRef(({className:t,...o},e)=>L(Y.Fallback,{ref:e,className:n("flex aspect-square grow items-center justify-center rounded-full bg-surface-100 text-surface-400 dark:bg-neutral-800",t),...o})),Fr=O.forwardRef((t,o)=>{let{alt:e,children:r,className:a,initials:i,notification:s,size:l="md",src:c,delayMs:d,status:f,style:u,...m}=t,p=O.useMemo(()=>{let g=["bg-wg-blue","bg-wg-pink","bg-wg-purple","bg-wg-green","bg-wg-orange","bg-wg-yellow","bg-wg-red"],x=(i??"")+(l??"")+(f??"")+(s??"")+(c??"");return ir(ar(x),g)??!g[0]},[i,s,l,c,f]);return ja(ct,{className:n(Dr({size:l}),!c&&!i&&r&&"aspect-auto w-auto"),children:[c&&L(pt,{ref:o,alt:e,className:a,src:c,style:u,...m}),r&&L(he,{ref:o,"aria-label":e,delayMs:d,asChild:h(r),className:a,style:u,children:r}),!r&&c&&!i&&L(he,{"aria-label":e,className:n("text-surface-300",a),style:u,children:L(hr,{"aria-hidden":"true",className:n(lt({size:l}),"mr-[-4.5%] w-auto fill-current stroke-none")})}),!r&&i&&L(Y.Fallback,{ref:o,"aria-label":e,className:n("flex aspect-square grow select-none items-center justify-center rounded-full uppercase text-white",p,a),style:u,...m,children:or(i)}),!r&&!c&&!i&&L(he,{ref:o,"aria-label":e,className:a,role:"img",style:u,...m,children:L(qa,{className:lt({size:l})})}),f&&L(dt,{className:Gr({status:f}),ring:l==="xxs"?1:2}),s&&L(mt,{className:Vr({notification:s}),ring:l==="xxs"?1:2})]})});Fr.displayName="Avatar";ct.displayName="AvatarRoot";he.displayName=Y.Fallback.displayName;pt.displayName="AvatarImage";mt.displayName="AvatarNotification";dt.displayName="AvatarStatus";var Za=Object.assign(Fr,{Fallback:he,Image:pt,Notification:mt,Root:ct,Status:dt}),Me=Za;import*as we from"react";import{cva as Xa}from"cva";import{Fragment as ei,jsx as ce,jsxs as Br}from"react/jsx-runtime";var Hr="wg-antialiased flex flex-wrap items-center gap-y-1 -space-x-3",Ya=Xa({base:Hr,variants:{size:{xs:"-space-x-1",sm:"-space-x-2",md:"-space-x-3",lg:"-space-x-4",xl:"-space-x-5","2xl":"-space-x-6"}},defaultVariants:{size:"md"}}),ft=we.forwardRef(({children:t,className:o,...e},r)=>ce("div",{ref:r,className:n(Hr,o),...e,children:t})),ut=we.forwardRef(({label:t,size:o,className:e,children:r,...a},i)=>Br(Me,{ref:i,asChild:h(r),className:n("aspect-auto h-full bg-surface-200 px-2 font-medium text-white ring-2 ring-background dark:text-white",e),size:o,...a,children:[!r&&ce("span",{children:t}),r]})),gt=we.forwardRef(({children:t,className:o,initials:e,...r},a)=>ce(Me,{ref:a,className:n("ring-2 ring-background backdrop-blur-3xl",o),initials:e,...r,children:t})),zr=we.forwardRef((t,o)=>{let{items:e,className:r,children:a,size:i,previousOnTop:s,moreLabel:l,...c}=t;return ce(ft,{ref:o,className:n(Ya({size:i}),r),...c,children:Br(ei,{children:[e.length>0?e.map((d,f)=>{let{alt:u,className:m,src:p,style:g,...x}=d,R={zIndex:s?e.length-f:void 0,...g};return ce(gt,{alt:u,className:m,size:i,src:p,style:R,...x},`avatar-${f}`)}):null,a,l&&ce(ut,{label:l,size:i})]})})}),Ja=Object.assign(zr,{Root:ft,Item:gt,Label:ut});ft.displayName="AvatarGroupRoot";gt.displayName="AvatarGroupItem";ut.displayName="AvatarMoreLabel";zr.displayName="AvatarGroup";var Qa=Ja;import*as Ae from"react";import{Slot as ti}from"@radix-ui/react-slot";import{cva as Wr}from"cva";var K="dark:wg-bg-surface/5 dark:outline-surface-50",$r=Wr({base:"inline-flex items-center rounded-lg px-2 py-1 wg-antialiased",variants:{size:{sm:"text-xs leading-4",md:"text-sm leading-5"},color:{gray:["text-surface-900 outline-surface-200 wg-bg-surface dark:text-surface-800 dark:outline-surface-100",K],green:["text-wg-green-800 outline-wg-green-200 wg-bg-wg-green-50 dark:text-wg-green",K],purple:["text-wg-purple-700 outline-wg-purple-200 wg-bg-wg-purple-50 dark:text-wg-purple-400",K],orange:["text-wg-orange-800 outline-wg-orange-200 wg-bg-wg-orange-50 dark:text-wg-orange",K],red:["text-wg-red-700 outline-wg-red-200 wg-bg-wg-red-50 dark:text-wg-red",K],pink:["text-wg-pink-800 outline-wg-pink-200 wg-bg-wg-pink-50 dark:text-wg-pink",K],blue:["text-wg-blue-700 outline-wg-blue-200 wg-bg-wg-blue-50 dark:text-wg-blue",K],yellow:["text-wg-yellow-800 outline-wg-yellow-300 wg-bg-wg-yellow-50 dark:text-wg-yellow",K],primary:["text-primary-800 outline-primary-200 wg-bg-primary-50 dark:text-primary-300",K]},shape:{rounded:"rounded-lg",pill:"rounded-full"},stroke:{true:"outline outline-1 -outline-offset-1",false:""}},defaultVariants:{color:"gray",shape:"rounded"}}),_r=Wr({base:"size-4",variants:{color:{gray:"text-surface-400",green:"text-wg-green-700",purple:"text-wg-purple-700",orange:"text-wg-orange-700",red:"text-wg-red-700",pink:"text-wg-pink-700",blue:"text-wg-blue-700",yellow:"text-wg-yellow-700",primary:"text-primary-700"}},compoundVariants:[{color:["green","purple","orange","red","pink","blue","yellow","primary"],class:"dark:text-current"}],defaultVariants:{color:"gray"}});import{jsx as Or,jsxs as ri}from"react/jsx-runtime";var Kr=Ae.forwardRef((t,o)=>{let{after:e,before:r,children:a,className:i,color:s="gray",size:l="md",shape:c="rounded",stroke:d=!1,...f}=t,u=m=>{let p=Ae.isValidElement(m)?ti:"span",g=n(_r({color:s}),m.props?.className);return Or(p,{className:g,children:m})};return ri("span",{ref:o,className:n($r({color:s,shape:c,size:l,stroke:d}),i),...f,children:[r&&u(r),a&&Or("span",{className:n(l==="md"&&"px-1",l==="sm"&&"px-0.5"),children:a}),e&&u(e)]})});Kr.displayName="Badge";var xt=Kr;import*as U from"react";import{Slot as oi}from"@radix-ui/react-slot";import{jsx as yt}from"react/jsx-runtime";var Ur=U.createContext(null);function ai(){let t=U.useContext(Ur);if(!t)throw new Error("ButtonGroup.Item must be used within a ButtonGroup or ButtonGroup.Root");return t}var bt=U.forwardRef((t,o)=>{let{className:e,children:r,size:a="md",disabled:i=!1,orientation:s="horizontal",...l}=t;return yt(Ur.Provider,{value:{size:a,disabled:i,orientation:s},children:yt("div",{ref:o,className:n("dark:shadow:none inline-flex flex-wrap items-stretch divide-surface-100 rounded-[9px] border border-surface-200 shadow-wg-xs dark:border-surface-100",s==="vertical"&&"flex-col divide-y",s==="horizontal"&&"divide-x",e),...l,children:r})})}),qr=U.forwardRef((t,o)=>{let{after:e,asChild:r=!1,before:a,children:i,className:s,disabled:l=!1,isIconOnly:c,...d}=t,f=ai(),{disabled:u,orientation:m="horizontal",size:p="md"}=f||{},x=r&&h(i)?oi:_,R=U.useMemo(()=>(a&&!e&&!i&&p)??(e&&!a&&!i&&p)??c===!0??!1,[a,e,i,p,c]);return yt(x,{ref:o,className:n("flex items-center rounded-none bg-clip-padding focus-visible:z-10 focus-visible:-outline-offset-1","last-of-type:[&+span]:hidden",m==="horizontal"?"first-of-type:rounded-s-lg last-of-type:rounded-e-lg":"first-of-type:rounded-t-lg last-of-type:rounded-b-lg",p==="sm"&&"max-h-[30px]",R&&p==="sm"&&"px-2 py-6px [--wg-border-width:1px]",R&&p==="md"&&"px-3 py-8px [--wg-border-width:1px]",s),after:e,before:a,disabled:l||u,isIconOnly:c,size:p,variant:"transparent",...d,children:i})});bt.displayName="ButtonGroup";qr.displayName="ButtonGroupItem";var ii=Object.assign(bt,{Root:bt,Item:qr}),ni=ii;import*as ke from"react";import*as De from"@radix-ui/react-checkbox";import{Slot as xi}from"@radix-ui/react-slot";import*as q from"react";import*as Ce from"react";import*as no from"@radix-ui/react-label";import{Slot as mi}from"@radix-ui/react-slot";import*as Pe from"react";import*as J from"@radix-ui/react-tooltip";import{cva as si}from"cva";import*as jr from"react";import{TooltipArrow as Xr}from"@radix-ui/react-tooltip";import{jsx as Zr}from"react/jsx-runtime";var Yr=jr.forwardRef(({className:t,children:o,asChild:e=o?h(o):o===void 0,width:r=24,height:a=8,...i},s)=>Zr(Xr,{ref:s,asChild:e,className:n(t),height:a,viewBox:"0 0 24 8",width:r,...i,children:o||Zr(tt,{className:"text-background"})}));Yr.displayName=Xr.displayName;var vt=Yr;import*as Jr from"react";import{TooltipTrigger as Qr}from"@radix-ui/react-tooltip";import{jsx as Rt}from"react/jsx-runtime";var eo=Jr.forwardRef((t,o)=>{let{children:e,asChild:r=e?h(e):e===void 0,className:a,onClick:i,...s}=t;return Rt(Qr,{ref:o,asChild:r,...s,children:e||Rt("span",{className:n(i?"cursor-pointer":"cursor-default","inline-flex items-center justify-center rounded-full text-surface-200 transition-colors duration-100 focus:outline-none focus-visible:text-primary focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary data-[state=delayed-open]:text-primary data-[state=instant-open]:!transition-none dark:hover:text-primary dark:focus-visible:text-primary [&:not([data-state=closed])]:text-primary",a),onClick:i,role:i?"button":void 0,tabIndex:0,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&i&&i(l)},children:Rt(Re,{className:"scale-100"})})})});eo.displayName=Qr.displayName;var ht=eo;import{jsx as pe,jsxs as ao}from"react/jsx-runtime";var li=["origin-[var(--radix-popper-transform-origin)]","data-[side=bottom]:animate-wg-fade-in-down data-[side=top]:animate-wg-fade-in-up data-[side=left]:animate-wg-fade-in-left data-[side=right]:animate-wg-fade-in-right data-[state=closed]:animate-wg-fade-out","data-[state=instant-open]:!animate-none"],ci=si({base:"z-50 rounded-md text-start text-white wg-antialiased",variants:{size:{sm:"max-w-xs px-3 py-2 text-xs",md:"max-w-[350px] p-4 text-sm"},color:{primary:"text-white wg-bg-primary",secondary:"text-white wg-bg-secondary dark:text-secondary-900",soft:"border border-transparent text-wg-gray-700 shadow-wg-overlay wg-bg-white dark:border-surface dark:bg-neutral-800 dark:text-surface-700 dark:shadow-none"}},defaultVariants:{size:"sm",color:"primary"}}),to=Pe.forwardRef((t,o)=>{let{delayDuration:e=200,skipDelayDuration:r=0,...a}=t;return pe(J.Provider,{delayDuration:e,skipDelayDuration:r,...a})}),ro=Pe.forwardRef((t,o)=>{let{delayDuration:e=200,...r}=t;return pe(J.Root,{delayDuration:e,...r})}),oo=Pe.forwardRef((t,o)=>{let{alignOffset:e=-12,animation:r=!0,arrow:a=!0,arrowPadding:i=12,children:s,content:l,className:c,collisionPadding:d=12,sideOffset:f=2,size:u,color:m,...p}=t;return ao(J.Content,{ref:o,alignOffset:e,arrowPadding:i,className:n(ci({size:u,color:m}),r&&li,c),collisionPadding:d,sideOffset:f,...p,children:[s??l,a?pe(vt,{}):null]})}),pi=Pe.forwardRef((t,o)=>{let{defaultOpen:e,delayDuration:r=200,disableHoverableContent:a,onOpenChange:i,open:s,asChild:l,children:c,onClick:d,...f}=t;return pe(to,{children:ao(ro,{defaultOpen:e,delayDuration:r,disableHoverableContent:a,onOpenChange:i,open:s,children:[pe(oo,{ref:o,...f}),pe(ht,{asChild:l,onClick:d,children:c})]})})}),di=Object.assign(pi,{Arrow:vt,Content:oo,Portal:J.Portal,Provider:to,Root:ro,Trigger:ht}),Q=di;import{Fragment as io,jsx as oe,jsxs as wt}from"react/jsx-runtime";var so=Ce.forwardRef(({asChild:t=!1,children:o,className:e,description:r,disabled:a,required:i=!1,tooltip:s,...l},c)=>{let d=t&&h(o),f=d?Ce.cloneElement(o,{children:wt(io,{children:[re(o)&&o.props.children,i&&oe("span",{className:"text-destructive",children:"*"})]})}):wt(io,{children:[o?oe("span",{children:o}):null,r?oe("span",{className:n("font-normal text-surface-500",a&&"text-current"),children:r}):null,i?oe("span",{className:"font-normal text-destructive",children:"*"}):null]});return!o&&!s&&!r?null:wt("div",{className:"wg-label inline-flex shrink-0 items-center gap-1 text-surface-900 wg-antialiased",children:[oe(no.Root,{ref:c,asChild:d,className:n("wg-label inline-flex cursor-pointer items-center gap-1 text-sm font-medium leading-6",a&&"pointer-events-none text-surface-300",e),...l,children:f}),s?oe(Q,{content:s}):null]})}),lo=Ce.forwardRef(({children:t,error:o,disabled:e,className:r,...a},i)=>{let s=t&&h(t)?mi:"span",l=a["aria-invalid"];return t?oe(s,{ref:i,className:n("wg-label__helper text-start text-sm leading-6 text-surface-500 wg-antialiased",(l??o)&&"text-destructive",e&&"text-surface-300",r),role:l?"alert":void 0,...a,children:t}):null});so.displayName="Label";lo.displayName="HelperText";var fi=Object.assign(so,{Helper:lo}),b=fi;import{jsx as de,jsxs as co}from"react/jsx-runtime";var po=q.createContext(null);function Ct(t=!1){let o=q.useContext(po);if(!o&&!t)throw new Error("Checkbox.Item must be used within a CheckboxGroup or CheckboxGroup.Root");return o}var Pt=q.forwardRef(({children:t,description:o,disabled:e,helperText:r,id:a,label:i,orientation:s,required:l,tooltip:c,...d},f)=>{let u=q.useId(),m=a??u,p=d["aria-invalid"],g=i??o??c??r?co("div",{className:"inline-flex flex-col",children:[de(b,{className:"cursor-default",description:o,disabled:e,htmlFor:m,id:`${m}__label`,required:l,tooltip:c,children:i}),de(b.Helper,{"aria-invalid":p,disabled:e,id:`${m}__describer`,children:r})]}):null;return de(po.Provider,{value:{disabled:e},children:co("div",{ref:f,"aria-describedby":r?`${m}__describer`:void 0,"aria-labelledby":i?`${m}__label`:void 0,className:"flex flex-col gap-4",role:"group",...d,children:[i??r??o??c?de("div",{className:"flex flex-col",children:g}):null,t?de("div",{className:n("flex flex-col gap-2",s==="horizontal"&&"flex-row gap-6"),children:t}):null]})})}),mo=q.forwardRef(({disabled:t,label:o,...e},r)=>{let a=Ct(),{disabled:i}=a??{};return de(kt,{ref:r,className:"wg-checkbox-group__item",disabled:t??i,label:o,...e})});Pt.displayName="CheckboxGroup";mo.displayName="CheckboxGroup.Item";var ui=Object.assign(Pt,{Root:Pt,Item:mo}),gi=ui;import{jsx as z,jsxs as Tt}from"react/jsx-runtime";var St=ke.forwardRef(({className:t,children:o,asChild:e,...r},a)=>{let s=e&&h(o)?xi:"div";return z(s,{ref:a,className:n("wg-checkbox flex gap-2",t),...r,children:o})}),Et=ke.forwardRef(({checked:t,children:o,className:e,description:r,disabled:a,helperText:i,id:s,label:l,required:c,tooltip:d,...f},u)=>{let m=a,p=f["aria-invalid"],g=t==="indeterminate",x=ke.useId(),R=s??x,P=!!Ct(!0),C=z("svg",{className:"scale-100",fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",children:z("path",{clipRule:"evenodd",d:"M8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8ZM9 11C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9Z",fill:"currentColor",fillRule:"evenodd"})}),w=g?C:z("svg",{className:n("wg-unchecked aspect-square w-full scale-100",m&&"text-surface-100 dark:text-surface-50"),fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",children:z("rect",{fill:"none",height:"14.5",rx:"3",ry:"3",stroke:"currentColor",strokeWidth:"1.5",width:"14.5",x:"4.75",y:"4.75"})}),M=g?C:z("svg",{className:n("aspect-square w-full scale-100",m&&"text-surface-200 dark:text-surface-100"),fill:"none",height:"24",stroke:"none",viewBox:"0 0 24 24",width:"24",children:z("path",{clipRule:"evenodd",d:"M8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8ZM15.7902 10.2702C16.0776 9.97186 16.0686 9.49708 15.7702 9.20976C15.4719 8.92244 14.9971 8.9314 14.7098 9.22977L10.9458 13.1385L9.31677 11.2588C9.04549 10.9458 8.57182 10.912 8.2588 11.1832C7.94579 11.4545 7.91195 11.9282 8.18323 12.2412L10.3499 14.7412C10.4879 14.9004 10.6864 14.9942 10.897 14.9997C11.1076 15.0053 11.3108 14.922 11.4569 14.7702L15.7902 10.2702Z",fill:"currentColor",fillRule:"evenodd"})}),ye=l??r??d??i?Tt("div",{className:"inline-flex flex-col",children:[z(b,{className:n(P&&"font-normal"),description:r,disabled:m,htmlFor:R,id:`${R}__label`,required:c,tooltip:d,children:l}),z(b.Helper,{"aria-invalid":p,disabled:m,id:`${R}__describer`,children:i})]}):null;return Tt(St,{children:[Tt(De.Root,{ref:u,"aria-labelledby":l?`${R}__label`:void 0,checked:t,className:n("group relative flex size-6 items-center justify-center rounded-lg text-surface-200 outline-primary transition-colors duration-100 focus:outline-0 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 [&:has([data-state=checked])_.wg-unchecked]:hidden",m&&"pointer-events-none text-surface-200 dark:text-surface-100",!m&&!g&&"hover:text-surface-300",!m&&g&&"text-primary",e),disabled:m,id:R,...f,children:[w,z(De.Indicator,{asChild:!0,className:"absolute text-primary",children:M})]}),o||ye]})});Et.displayName="CheckboxWedges";St.displayName="CheckboxRoot";var bi=Object.assign(Et,{Root:St,Item:Et}),kt=bi;import*as B from"react";import*as v from"@radix-ui/react-dropdown-menu";import{jsx as fo}from"react/jsx-runtime";var Ge=({className:t,...o})=>fo("svg",{...o,className:n("!opacity-100",t),fill:"none",height:"24",stroke:"currentColor",viewBox:"0 0 24 24",width:"24",children:fo("path",{d:"M7.75 12.75L10 15.25L16.25 8.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})});import*as xo from"react";import{cva as yi}from"cva";var Nt={command:"\u2318",shift:"\u21E7",ctrl:"\u2303",option:"\u2325",enter:"\u21B5",delete:"\u232B",escape:"\u238B",tab:"\u21E5",capslock:"\u21EA",up:"\u2191",right:"\u2192",down:"\u2193",left:"\u2190",pageup:"\u21DE",pagedown:"\u21DF",home:"\u2196",end:"\u2198",help:"?",space:"\u2423"},uo={command:"Command",shift:"Shift",ctrl:"Control",option:"Option",enter:"Enter",delete:"Delete",escape:"Escape",tab:"Tab",capslock:"Caps Lock",up:"Up",right:"Right",down:"Down",left:"Left",pageup:"Page Up",pagedown:"Page Down",home:"Home",end:"End",help:"Help",space:"Space"};import{jsx as Ve,jsxs as Ri}from"react/jsx-runtime";var vi=yi({base:"border-1 inline-flex cursor-default items-center rounded-full border border-surface-200 px-2 font-sans text-surface-500 wg-antialiased dark:border-surface-100 [&>abbr]:no-underline",variants:{size:{xs:"text-xs leading-6",sm:"text-sm leading-6",md:"py-0.5 text-base leading-6",lg:"py-0.5 text-lg"}},defaultVariants:{size:"xs"}}),go=({keyName:t})=>typeof t=="string"&&t in Nt?Ve("abbr",{title:uo[t],children:Nt[t]}):null,bo=xo.forwardRef(({children:t,className:o,keys:e,size:r="xs",...a},i)=>{let s=()=>e?Array.isArray(e)?e.map(l=>Ve(go,{keyName:l},l)):Ve(go,{keyName:e}):null;return(!e||e.length===0)&&!t?null:Ri("kbd",{ref:i,className:n(vi({size:r}),o),...a,children:[s(),t?Ve("span",{children:t}):null]})});bo.displayName="Kbd";var Lt=bo;import{jsx as E,jsxs as It}from"react/jsx-runtime";var yo=v.Root,hi=v.Group,wi=v.Portal,Pi=v.RadioGroup,Ci=v.Sub,ki=v.Trigger,vo=B.forwardRef(({align:t="start",collisionPadding:o=8,className:e,inset:r=!1,sideOffset:a=8,...i},s)=>E(v.Content,{ref:s,align:t,className:n("data-[side=bottom]:animate-wg-fade-in-down data-[side=left]:animate-wg-fade-in-left data-[side=right]:animate-wg-fade-in-right data-[side=top]:animate-wg-fade-in-up","flex origin-[var(--radix-popper-transform-origin)] flex-col gap-2 rounded-lg bg-white py-2 text-sm leading-6 text-surface-900 shadow-wg-overlay wg-antialiased dark:border dark:border-surface dark:bg-neutral-800 dark:text-surface-700 dark:shadow-none",r&&"[--wg-offset-padding-left:32px]",e),collisionPadding:o,sideOffset:a,...i})),Ro=B.forwardRef(({className:t,...o},e)=>E(v.Label,{ref:e,className:n("flex select-none items-center gap-1 px-4 py-1 text-xxs font-medium uppercase tracking-wider opacity-50","pl-[var(--wg-offset-padding-left,1rem)]",t),...o})),ho=B.forwardRef(({className:t,destructive:o,...e},r)=>E(v.Item,{ref:r,className:n("relative flex cursor-pointer select-none items-center gap-2 px-4 py-1 outline-none focus:bg-surface data-[disabled]:pointer-events-none data-[disabled]:opacity-40 dark:focus:bg-white/5 [&:has(>svg:first-child)]:pl-3",!o&&"text-surface-900 dark:text-surface-700 [&_svg]:text-surface-900 [&_svg]:opacity-40",o&&"text-destructive","pl-[var(--wg-offset-padding-left,1rem)]",t),...e})),wo=B.forwardRef(({className:t,...o},e)=>E(Lt,{ref:e,className:n("shadow-0 ms-auto border-0 bg-transparent p-0 ps-4 text-xs text-surface-500 dark:bg-transparent dark:text-surface-500",t),...o})),Po=B.forwardRef(({className:t,...o},e)=>E(v.Separator,{ref:e,className:n("h-px bg-surface-100 dark:bg-white/5",t),...o})),Co=B.forwardRef(({className:t,children:o,checked:e,destructive:r,...a},i)=>It(v.CheckboxItem,{ref:i,checked:e,className:n("wg-dropdown-menu__checkbox-item relative flex cursor-pointer select-none items-center px-4 py-1 pl-[var(--wg-offset-padding-left,1rem)] outline-none focus:bg-surface-overlay-focus data-[disabled]:pointer-events-none data-[disabled]:opacity-40",!r&&"text-surface-overlay-foreground [&_svg]:opacity-40",r&&"text-destructive",t),...a,children:[E("span",{className:"flex items-center justify-center",children:E(v.ItemIndicator,{className:"flex items-center justify-center",children:E(Ge,{className:"absolute left-2"})})}),o]})),Ti=({className:t,...o})=>E("svg",{...o,className:n("!opacity-100",t),fill:"currentColor",height:"24",stroke:"none",viewBox:"0 0 24 24",width:"24",children:E("circle",{cx:"12",cy:"12",fill:"currentColor",r:"2.5"})}),ko=B.forwardRef(({className:t,children:o,destructive:e,...r},a)=>It(v.RadioItem,{ref:a,className:n("wg-dropdown-menu__checkbox-item relative flex cursor-pointer select-none items-center px-4 py-1 pl-[var(--wg-offset-padding-left,1rem)] outline-none focus:bg-surface-overlay-focus data-[disabled]:pointer-events-none data-[disabled]:opacity-40",!e&&"text-surface-overlay-foreground [&_svg]:opacity-40",e&&"text-destructive",t),...r,children:[E("span",{className:"flex items-center justify-center",children:E(v.ItemIndicator,{className:"flex items-center justify-center",children:E(Ti,{className:"absolute left-2"})})}),o]})),To=B.forwardRef(({className:t,collisionPadding:o=8,sideOffset:e=-4,alignOffset:r=-9,inset:a=!1,...i},s)=>E(v.SubContent,{ref:s,alignOffset:r,className:n("data-[side=bottom]:animate-wg-fade-in-down data-[side=left]:animate-wg-fade-in-left data-[side=right]:animate-wg-fade-in-right data-[side=top]:animate-wg-fade-in-up data-[state=closed]:animate-wg-fade-out","z-50 flex min-w-36 origin-[var(--radix-popper-transform-origin)] flex-col gap-2 rounded-lg bg-surface-overlay py-2 shadow-wg-overlay dark:border dark:border-surface dark:shadow-none",a&&"[--wg-offset-padding-left:34px]",t),collisionPadding:o,sideOffset:e,...i})),Eo=B.forwardRef(({className:t,children:o,...e},r)=>It(v.SubTrigger,{ref:r,className:n("relative flex cursor-pointer select-none items-center gap-2 px-4 py-1 leading-6 text-surface-overlay-foreground outline-none focus:wg-bg-surface-overlay-focus data-[disabled]:pointer-events-none data-[state=open]:bg-surface-overlay-focus data-[disabled]:opacity-40","[&_svg]:opacity-40",t),...e,children:[o,E("svg",{className:"ms-auto size-6 text-surface-500",fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",children:E("path",{d:"M10.75 8.75L14.25 12L10.75 15.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})]}));yo.displayName="DropdownMenu";vo.displayName="DropdownMenuContent";ho.displayName="DropdownMenuItem";Ro.displayName="DropdownMenuLabel";Po.displayName="DropdownMenuSeparator";wo.displayName="DropdownMenuShortcut";To.displayName="DropdownMenuSubContent";Eo.displayName="DropdownMenuSubTrigger";Co.displayName="DropdownMenuCheckboxItem";ko.displayName="DropdownMenuRadioItem";var Ei=Object.assign(yo,{Content:vo,Group:hi,Item:ho,Label:Ro,Portal:wi,RadioGroup:Pi,Separator:Po,SubTrigger:Eo,SubContent:To,CheckboxItem:Co,RadioItem:ko,Shortcut:wo,Sub:Ci,Trigger:ki}),Si=Ei;import*as He from"react";import{jsx as Fe,jsxs as Li}from"react/jsx-runtime";var So=He.forwardRef(({className:t,description:o,destructive:e,disabled:r,helperText:a,id:i,label:s,required:l,tooltip:c,...d},f)=>{let u=He.useId(),m=i??u,p=d["aria-invalid"]??e;return Li("div",{className:"flex flex-col gap-2 wg-antialiased",children:[Fe(b,{description:o,disabled:r,htmlFor:m,id:`${m}__label`,required:l,tooltip:c,children:s}),Fe("div",{className:"relative flex items-center",children:Fe("input",{ref:f,"aria-describedby":a?`${m}__describer`:void 0,"aria-invalid":p,"aria-labelledby":s?`${m}__label`:void 0,className:n("flex grow rounded-lg border px-4 py-2 text-sm leading-6 shadow-wg-xs transition-colors duration-100 placeholder:text-surface-500","outline-primary focus:outline focus:outline-2 focus:-outline-offset-1",!r&&"bg-background text-surface-900 hover:border-surface-300 dark:hover:border-surface-200",r&&"cursor-not-allowed bg-surface-50 text-surface-300 placeholder:text-surface-300 dark:bg-white/5 dark:text-surface-200 dark:placeholder:text-surface-200",p&&"border-destructive outline-destructive hover:border-destructive dark:hover:border-destructive",!p&&"border-surface-200 dark:border-surface-100",t),disabled:r,id:m,...d})}),Fe(b.Helper,{"aria-invalid":p,disabled:r,id:`${m}__describer`,children:a})]})});So.displayName="Input";var Ni=So;import*as Fo from"react";import{cva as Wi}from"cva";import*as No from"react";var me=t=>{switch(t){case"xxs":return 16;case"xs":return 24;case"sm":return 32;case"md":return 48;case"lg":return 56;case"xl":return 64;case"xxl":return 88;default:return 48}},ze=t=>{switch(t){case"xxs":return 4;case"xs":return 4;case"sm":return 4;case"md":return 6;case"lg":return 6;case"xl":return 6;case"xxl":return 8;default:return 6}};import{jsx as ae,jsxs as Hi}from"react/jsx-runtime";var Ii=[{cx:44,cy:6,r:6,opacity:1},{cx:63,cy:11,r:6,opacity:.05},{cx:77,cy:25,r:6,opacity:.1},{cx:82,cy:44,r:6,opacity:.1},{cx:77,cy:63,r:6,opacity:.2},{cx:63,cy:77,r:6,opacity:.3},{cx:44,cy:82,r:6,opacity:.4},{cx:25,cy:77,r:6,opacity:.5},{cx:11,cy:63,r:6,opacity:.6},{cx:6,cy:44,r:6,opacity:.7},{cx:11,cy:25,r:6,opacity:.8},{cx:25,cy:11,r:6,opacity:.9}],Mi=[{cx:32,cy:4,r:4,opacity:1},{cx:46,cy:8,r:4,opacity:.05},{cx:56,cy:18,r:4,opacity:.1},{cx:60,cy:32,r:4,opacity:.1},{cx:56,cy:46,r:4,opacity:.2},{cx:46,cy:56,r:4,opacity:.3},{cx:32,cy:60,r:4,opacity:.4},{cx:18,cy:56,r:4,opacity:.5},{cx:8,cy:46,r:4,opacity:.6},{cx:4,cy:32,r:4,opacity:.7},{cx:8,cy:18,r:4,opacity:.8},{cx:18,cy:8,r:4,opacity:.9}],Ai=[{cx:28,cy:3,r:3,opacity:1},{cx:40.5,cy:6.5,r:3,opacity:.05},{cx:49.5,cy:15.5,r:3,opacity:.1},{cx:53,cy:28,r:3,opacity:.1},{cx:49.5,cy:40.5,r:3,opacity:.2},{cx:40.5,cy:49.5,r:3,opacity:.3},{cx:28,cy:53,r:3,opacity:.4},{cx:15.5,cy:49.5,r:3,opacity:.5},{cx:6.5,cy:40.5,r:3,opacity:.6},{cx:3,cy:28,r:3,opacity:.7},{cx:6.5,cy:15.5,r:3,opacity:.8},{cx:15.5,cy:6.5,r:3,opacity:.9}],Di=[{cx:24,cy:3,r:3,opacity:1},{cx:34.5,cy:5.75,r:3,opacity:.05},{cx:42.25,cy:13.5,r:3,opacity:.1},{cx:45,cy:24,r:3,opacity:.1},{cx:42.25,cy:34.5,r:3,opacity:.2},{cx:34.5,cy:42.25,r:3,opacity:.3},{cx:24,cy:45,r:3,opacity:.4},{cx:13.5,cy:42.25,r:3,opacity:.5},{cx:5.75,cy:34.5,r:3,opacity:.6},{cx:3,cy:24,r:3,opacity:.7},{cx:5.75,cy:13.5,r:3,opacity:.8},{cx:13.5,cy:5.75,r:3,opacity:.9}],Gi=[{cx:16,cy:2,r:2,opacity:1},{cx:23,cy:4,r:2,opacity:.05},{cx:28,cy:9,r:2,opacity:.1},{cx:30,cy:16,r:2,opacity:.1},{cx:28,cy:23,r:2,opacity:.2},{cx:23,cy:28,r:2,opacity:.3},{cx:16,cy:30,r:2,opacity:.4},{cx:9,cy:28,r:2,opacity:.5},{cx:4,cy:23,r:2,opacity:.6},{cx:2,cy:16,r:2,opacity:.7},{cx:4,cy:9,r:2,opacity:.8},{cx:9,cy:4,r:2,opacity:.9}],Vi=[{cx:12,cy:1.5,r:1.5,opacity:1},{cx:17.25,cy:3,r:1.5,opacity:.05},{cx:21,cy:6.75,r:1.5,opacity:.1},{cx:22.5,cy:12,r:1.5,opacity:.1},{cx:21,cy:17.25,r:1.5,opacity:.2},{cx:17.25,cy:21,r:1.5,opacity:.3},{cx:12,cy:22.5,r:1.5,opacity:.4},{cx:6.75,cy:21,r:1.5,opacity:.5},{cx:3,cy:17.25,r:1.5,opacity:.6},{cx:1.5,cy:12,r:1.5,opacity:.7},{cx:3,cy:6.75,r:1.5,opacity:.8},{cx:6.75,cy:3,r:1.5,opacity:.9}],Fi=[{cx:8,cy:1.5,r:1.5,opacity:1},{cx:12.5,cy:3.5,r:1.5,opacity:.05},{cx:14.5,cy:8,r:1.5,opacity:.1},{cx:12.5,cy:12.5,r:1.5,opacity:.3},{cx:8,cy:14.5,r:1.5,opacity:.4},{cx:3.5,cy:12.5,r:1.5,opacity:.6},{cx:1.5,cy:8,r:1.5,opacity:.7},{cx:3.5,cy:3.5,r:1.5,opacity:.8}],Lo=No.forwardRef((t,o)=>{let{size:e,...r}=t,a=me(e);return Hi("svg",{ref:o,"aria-hidden":"true",viewBox:`0 0 ${a} ${a}`,...r,children:[e==="xxs"&&Fi.map((i,s)=>ae("circle",{fill:"currentColor",stroke:"none",...i},s)),e==="xs"&&Vi.map((i,s)=>ae("circle",{fill:"currentColor",stroke:"none",...i},s)),e==="sm"&&Gi.map((i,s)=>ae("circle",{fill:"currentColor",stroke:"none",...i},s)),e==="