@bronzelabs/oakma-ui 0.0.10 → 0.0.11
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/{chunk-5N2CQVPR.js → chunk-4UFRPTZR.js} +1 -1
- package/dist/{chunk-MRB75FP2.js → chunk-BY7COI23.js} +1 -1
- package/dist/{chunk-XD3IBEGF.js → chunk-CGLDBVPP.js} +1 -1
- package/dist/chunk-M4XLM2UN.js +2 -0
- package/dist/{chunk-TREEQVIU.js → chunk-S6KN5YE2.js} +1 -1
- package/dist/chunk-WRJHJSX3.js +2 -0
- package/dist/{chunk-5T5D2IIO.js → chunk-XWLQXBZD.js} +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Slider/index.d.ts +15 -0
- package/dist/components/Slider/index.js +2 -0
- package/dist/components/TextArea/index.js +1 -1
- package/dist/components/TextField/index.js +1 -1
- package/dist/components/TextInput/index.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/oakma-ui.css +1 -1
- package/package.json +1 -1
- package/dist/chunk-DNR3LDTH.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{b as u,c as m,d as x,e as l,f as b}from"./chunk-
|
|
2
|
+
import{b as u,c as m,d as x,e as l,f as b}from"./chunk-M4XLM2UN.js";import F from"clsx";import{jsx as a,jsxs as f}from"react/jsx-runtime";var N=({id:r,label:s,size:o="md",variant:e="dark",error:n,leadingIcon:i,trailingIcon:t,showOptional:c=!0,className:h,required:d,disabled:p,onFocus:y,onBlur:T,...A})=>{let{keyboardFocused:R,handleMouseDown:k,handleMouseUp:w,handleFocus:C,handleBlur:M}=b({onFocus:y,onBlur:T});return f("div",{className:h,children:[f(u,{keyboardFocused:R,onMouseDown:k,onMouseUp:w,className:"items-start!",size:o,hasButton:!1,label:s,showOptional:c,required:d,variant:e,children:[s&&a(x,{inputId:r,label:s,showOptional:c,required:d,variant:e}),!!i?.icon&&a(l,{position:"leading",disabled:p,fieldSize:o,variant:e,children:i.icon}),a("textarea",{id:r,className:F("min-w-0 grow resize-none py-3.5 placeholder:text-neutral-30 focus:outline-hidden",e==="dark"&&"text-neutral-100",e==="light"&&"text-white",o==="sm"&&["min-h-6 text-sm",i?.icon?"pl-10":"pl-3",t?.icon?"pr-10":"pr-3"],o==="md"&&["min-h-12 text-base",i?.icon?"pl-12":"pl-5",t?.icon?"pr-12":"pr-5"]),"aria-describedby":n?`${r}-error`:void 0,"aria-invalid":!!n,required:d,onFocus:C,onBlur:M,disabled:p,...A}),!!t?.icon&&a(l,{position:"trailing",onClick:t?.onClick,disabled:t?.disabled||p,fieldSize:o,variant:e,children:t.icon})]}),n&&a(m,{id:r,error:n})]})},P=N;export{P as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{b as m,c as f,d as h,e as d,f as S}from"./chunk-
|
|
2
|
+
import{b as m,c as f,d as h,e as d,f as S}from"./chunk-M4XLM2UN.js";import{ChevronDownIcon as C}from"@heroicons/react/20/solid";import M from"clsx";import{jsx as t,jsxs as p}from"react/jsx-runtime";var P=({id:n,label:r,size:o="md",variant:e="dark",error:a,leadingIcon:i,placeholder:s,showOptional:u=!0,className:b,required:l,disabled:c,onFocus:g,onBlur:x,defaultValue:y,children:w,...R})=>{let{keyboardFocused:v,handleMouseDown:F,handleMouseUp:N,handleFocus:k,handleBlur:z}=S({onFocus:g,onBlur:x});return p("div",{className:b,children:[p(m,{keyboardFocused:v,onMouseDown:F,onMouseUp:N,size:o,hasButton:!1,label:r,showOptional:u,required:l,variant:e,children:[r&&t(h,{inputId:n,label:r,showOptional:u,required:l,variant:e}),i?.icon&&t(d,{position:"leading",disabled:c,fieldSize:o,variant:e,children:i.icon}),p("select",{id:n,className:M("h-full min-w-0 grow appearance-none bg-transparent focus:outline-hidden has-[option[value='']:checked]:text-neutral-30",e==="dark"&&"text-neutral-100",e==="light"&&"text-white",o==="sm"&&["min-h-6 text-sm",i?.icon?"pl-10":"pl-3","pr-10"],o==="md"&&["min-h-12 text-base",i?.icon?"pl-12":"pl-5","pr-0"]),"aria-describedby":a?`${n}-error`:void 0,"aria-invalid":!!a,required:l,onFocus:k,onBlur:z,disabled:c,defaultValue:y||s?"":void 0,...R,children:[s&&t("option",{value:"",disabled:!0,hidden:!0,children:s}),w]}),t(d,{position:"trailing",disabled:c,fieldSize:o,variant:e,className:"pointer-events-none",children:t(C,{className:"size-5"})})]}),a?.message&&t(f,{id:n,error:a})]})},I=P;export{I as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a as r}from"./chunk-OAFI6CS3.js";import{a as c,b as a}from"./chunk-
|
|
2
|
+
import{a as r}from"./chunk-OAFI6CS3.js";import{a as c,b as a}from"./chunk-S6KN5YE2.js";import{clsx as m}from"clsx";import{components as f}from"react-select";import{jsx as o,jsxs as p}from"react/jsx-runtime";var y=e=>!!e?.icon&&e?.icon!==null,i=e=>{let t=y(e?.data)?e.data.icon:void 0;return p(f.Option,{...e,className:m(e?.className,"flex! w-full items-center justify-between gap-3"),children:[t&&o(t,{className:"size-5"}),p("div",{className:"flex grow flex-col",children:[o("span",{children:e?.data?.label}),e?.data?.subTitle&&o("span",{children:e.data.subTitle})]}),o(r,{checked:e?.isSelected,readOnly:!0})]})},S={Option:i},u=({tabSelectsValue:e=!1,closeMenuOnSelect:t=!1,hideSelectedOptions:n=!1,isClearable:l=!1,...s})=>o(c,{closeMenuOnSelect:t,hideSelectedOptions:n,tabSelectsValue:e,isMulti:!0,isClearable:l,components:S,...s});u.displayName="MultiSelect";var M=u;import{jsx as h}from"react/jsx-runtime";var x={Option:i},d=({tabSelectsValue:e=!1,closeMenuOnSelect:t=!1,hideSelectedOptions:n=!1,isClearable:l=!1,...s})=>h(a,{closeMenuOnSelect:t,hideSelectedOptions:n,tabSelectsValue:e,isMulti:!0,isClearable:l,components:x,...s});d.displayName="AsyncMultiSelect";var O=d;export{M as a,O as b};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{clsx as b}from"clsx";import{jsx as u,jsxs as f}from"react/jsx-runtime";var g=({label:r,showOptional:t,required:e,variant:o="dark"})=>f("div",{className:b("pointer-events-none absolute inset-0 flex","group-has-user-invalid:[--border-color:var(--color-error-100)]! group-has-aria-invalid:[--border-color:var(--color-error-100)]!",o==="dark"&&"[--border-color:var(--color-stroke-dark)] group-has-focus-visible:[--border-color:var(--color-neutral-100)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-neutral-100)]",o==="light"&&"[--border-color:var(--color-stroke-light)] group-has-focus-visible:[--border-color:var(--color-white)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-white)]"),"aria-hidden":"true",children:[u("div",{className:"relative -mr-9.75 w-14 shrink-0 rounded-l-[1.75rem] border-y-[1.5px] border-l-[1.5px] border-(--border-color) transition-colors",style:r?{clipPath:"polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 30% 50%, 30% 0%)"}:void 0}),r&&u("div",{className:"relative shrink-0 px-1 transition-colors before:absolute before:right-0 before:bottom-0 before:left-9.75 before:border-b-[1.5px] before:border-(--border-color) before:transition-colors",children:f("div",{className:"invisible flex items-center gap-1 font-medium whitespace-nowrap",children:[u("span",{className:"text-sm leading-none",children:r}),t&&!e&&u("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]})}),u("div",{className:b("min-w-8 flex-1 rounded-r-[1.75rem] border-y-[1.5px] border-r-[1.5px] border-(--border-color) transition-colors",!r&&"ml-9.75")})]}),p=g;import{clsx as v}from"clsx";import{jsx as F,jsxs as N}from"react/jsx-runtime";var T=({keyboardFocused:r,onMouseDown:t,onMouseUp:e,size:o="md",variant:s="dark",hasButton:i=!1,label:n,showOptional:l,required:d,className:a,children:m})=>N("div",{className:v("group relative mt-2 flex items-center rounded-[1.75rem] transition-colors",o==="sm"&&"min-h-10",o==="md"&&"min-h-14",i&&"pr-1",r&&"outline-browser",a),onMouseDown:t,onMouseUp:e,children:[F(p,{label:n,showOptional:l,required:d,variant:s}),m]}),E=T;import{ExclamationCircleIcon as w}from"@heroicons/react/20/solid";import{clsx as R}from"clsx";import{jsx as x,jsxs as k}from"react/jsx-runtime";var y=({id:r,className:t,error:e})=>e?.message?k("div",{className:R("mt-1 flex items-center gap-0.5 text-error-100",t),children:[x(w,{className:"ml-1.5 size-3.5"}),x("span",{id:`${r}-error`,className:"text-xs",children:e.message})]}):null,I=y;import{clsx as M}from"clsx";import{jsx as h,jsxs as S}from"react/jsx-runtime";var L=({inputId:r,label:t,variant:e="dark",showOptional:o,required:s,className:i})=>S("div",{className:M("absolute -top-2 left-4.25 z-10 flex flex-nowrap items-center justify-start gap-1 px-1 font-medium whitespace-nowrap group-has-user-invalid:text-error-100! group-has-aria-invalid:text-error-100!",e==="dark"&&"text-neutral-50 group-focus-within:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-neutral-100",e==="light"&&"text-neutral-20 group-focus-within:text-white group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-white",i),children:[h("label",{htmlFor:r,className:"text-sm leading-none",children:t}),o&&!s&&h("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]}),C=L;import{clsx as P}from"clsx";import{jsx as H}from"react/jsx-runtime";var D=({position:r,fieldSize:t="md",variant:e="dark",onClick:o,buttonType:s,disabled:i,children:n,className:l,name:d})=>{let a=typeof o=="function";return H(a?"button":"div",{className:P("absolute flex grow-0 items-center justify-center rounded-full transition-colors ease-out",t==="sm"&&["top-2.125 size-6.5",r==="leading"?"left-3.75":"right-3.75"],t==="md"&&["top-3.125 size-8.5",r==="leading"?"left-3.5":"right-3.5"],e==="dark"&&"text-neutral-50",e==="light"&&"text-neutral-30",a&&["group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:cursor-pointer",e==="dark"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-neutral-100 focus-visible:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-neutral-50/20",e==="light"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-white focus-visible:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-white group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-white/20"],l),...!a&&{"aria-hidden":!0},...a&&{name:d,onClick:o,disabled:i,type:s||"button"},children:n})},_=D;import{useRef as B,useState as z,useCallback as c}from"react";var V=({onFocus:r,onBlur:t})=>{let e=B(!1),[o,s]=z(!1),i=c(()=>{e.current=!0},[]),n=c(()=>{e.current=!1},[]),l=c(a=>(e.current||s(!0),r?.(a)),[r]),d=c(a=>(s(!1),t?.(a)),[t]);return{keyboardFocused:o,handleMouseDown:i,handleMouseUp:n,handleFocus:l,handleBlur:d}},A=V;var O=["sm","md"],X=["dark","light"];export{p as a,E as b,I as c,C as d,_ as e,A as f,O as g,X as h};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{b as N,c as V,d as k,e as q}from"./chunk-
|
|
2
|
+
import{b as N,c as V,d as k,e as q}from"./chunk-M4XLM2UN.js";import{a as $}from"./chunk-AERZTKI2.js";import de from"react-select";import{useCallback as S,useEffect as G,useId as pe,useMemo as M,useRef as X,useState as ie}from"react";import{ChevronUpDownIcon as le}from"@heroicons/react/24/solid";import ee,{useLayoutEffect as ne,useMemo as te,useState as oe,isValidElement as re}from"react";import{components as ae}from"react-select";import{components as z}from"react-select";var A="MultiValue",E=z.MultiValue;E.displayName=A;import{clsx as W}from"clsx";var B=a=>a.displayName||a.name||"unknown";var L=a=>typeof a=="function";import{Fragment as se,jsx as J,jsxs as K}from"react/jsx-runtime";var Q=({children:a,leadingIcon:o,className:f,showSelectedCount:l,size:n="md",...r})=>{let s=$(r?.innerProps?.ref),[p,w]=oe(!1),c=te(()=>ee.Children.toArray(a)?.filter(t=>re(t)&&L(t.type)&&B(t.type)===A).length,[a]);return ne(()=>{let t=s?.current;if(!t)return;let u=new ResizeObserver(()=>{w(t.scrollWidth>t.clientWidth)});return u.observe(t),()=>u.disconnect()},[s,c]),K(se,{children:[!!o?.icon&&J(q,{position:"leading",fieldSize:n,variant:"dark",children:o.icon}),J(ae.ValueContainer,{...r,className:W(f,o?.icon&&"pl-12",p&&"[&>div:not(:last-child)]:opacity-0!"),innerProps:{...r?.innerProps,ref:s},children:a}),l&&p&&K("div",{className:W("absolute top-0 flex h-full shrink-0 items-center font-medium whitespace-nowrap text-neutral-100",!o?.icon&&"rounded-l-full",n==="sm"&&["pl-3",o?.icon?"left-8 w-[calc(100%-4rem)]":"left-0 w-[calc(100%-2rem)]"],n==="md"&&["pl-5",o?.icon?"left-8 w-[calc(100%-4rem)]":"left-0 w-[calc(100%-2.75rem)]"]),style:{fontSize:"inherit"},children:[c," Selected"]})]})};import{components as F}from"react-select";import{clsx as i}from"clsx";import{jsx as v,jsxs as ue}from"react/jsx-runtime";function O({id:a,leadingIcon:o,onMenuOpen:f,required:l,size:n="md",showSelectedCount:r,inputId:s,instanceId:p,components:w,classNames:c}){let t=pe(),u=M(()=>a||`oakma-dropdown-${t}`,[a,t]),P=M(()=>p||`oakma-dropdown-${t}-instance`,[t,p]),R=M(()=>s||`oakma-dropdown-${t}-input`,[t,s]),[y,x]=ie(!1),b=X(o),C=X(y),m=S(()=>{x(!1),f?.()},[f]),h=S(e=>v(Q,{...e,leadingIcon:b.current,showSelectedCount:r,size:n}),[r,n]),g=S(e=>{let d=I=>{C.current&&x(!1),e?.onChange?.(I)};return v(F.Input,{...e,"aria-activedescendant":void 0,onChange:d,"aria-invalid":C.current})},[]),D=S(e=>v(F.DropdownIndicator,{...e,children:v(le,{})}),[]),H=S(e=>v(F.Option,{...e,className:i(e.className,e.isSelected&&"bg-surface-20 text-neutral-100"),children:ue("div",{className:"flex flex-col items-start",children:[v("span",{children:e?.data?.label}),e?.data?.subTitle&&v("span",{children:e.data.subTitle})]})}),[]),_=M(()=>({MultiValue:E,ValueContainer:h,Input:g,DropdownIndicator:D,Option:H,...w}),[w,g,h,D,H]),j=M(()=>({container:()=>i("size-full",n==="sm"&&"text-sm",n==="md"&&"text-base"),control:()=>"relative size-full",valueContainer:({isDisabled:e})=>i("flex gap-1",n==="sm"&&"py-1 pl-2",n==="md"&&"py-3 pl-5",r?"flex-nowrap! overflow-hidden!":"scrollbars-none max-h-28 flex-wrap! overflow-scroll!",!e&&"text-neutral-100",e&&"text-neutral-50"),placeholder:()=>"text-neutral-50 ml-1",clearIndicator:({isFocused:e})=>i("z-10",e?"text-neutral-100":"text-neutral-50"),indicatorsContainer:()=>i("[&_path]:pointer-events-none",n==="sm"&&"mr-3",n==="md"&&"mr-5"),dropdownIndicator:({isFocused:e,selectProps:d,hasValue:I})=>i("transition-colors!",n==="sm"&&"size-5",n==="md"&&"size-6",e?"text-neutral-100":"text-neutral-50",d.isClearable&&I&&"hidden!"),menu:()=>"mt-1.5 rounded-3xl bg-white border border-stroke-dark shadow-md",menuList:()=>"flex flex-col rounded-2xl gap-1 p-1",option:({isFocused:e,isSelected:d,isDisabled:I})=>i("text-neutral-50 first:rounded-t-2xl last:rounded-b-2xl",e&&"bg-surface-20 text-neutral-100",e&&d&&!I&&"bg-surface-50",!I&&"[&_span:nth-of-type(1)]:text-neutral-100",I&&"text-neutral-50/50!",n==="sm"&&"rounded-lg px-2 pt-2 pb-3 [&_span:nth-of-type(2)]:text-xs",n==="md"&&"rounded-xl px-4 py-3 [&_span:nth-of-type(2)]:text-sm"),group:()=>"not-first-of-type:mt-2",groupHeading:()=>"text-sm text-neutral-50 relative block w-full px-2 mx-2 mb-1 first:mt-2",singleValue:()=>i(n==="sm"&&"ml-1"),multiValue:({isDisabled:e,isFocused:d})=>i("flex min-w-[unset]! gap-1 rounded-full bg-teal-100/20 pr-1 pl-2 text-sm whitespace-nowrap text-teal-100",e&&"opacity-50",d&&"bg-teal-100/30"),input:()=>"text-neutral-100 ml-1",noOptionsMessage:()=>i("flex items-center justify-center rounded-3xl text-neutral-50",n==="sm"&&"min-h-15 text-sm",n==="md"&&"min-h-18.5 text-base"),loadingMessage:()=>i("flex items-center justify-center rounded-3xl text-neutral-50",n==="sm"&&"min-h-15 text-sm",n==="md"&&"min-h-18.5 text-base"),...c}),[c,r,n]);return G(()=>{b.current=o},[o]),G(()=>{C.current=y},[y]),G(()=>{if(l){let e=document?.querySelector(`[id="${u}"] input[required]`),d=()=>x(!0);if(e)return e.addEventListener("invalid",d),()=>e.removeEventListener("invalid",d)}},[l,u]),{uid:t,fieldId:u,instanceId:P,inputId:R,handleMenuOpen:m,stableComponents:_,selectClassNames:j}}import{jsx as T,jsxs as Y}from"react/jsx-runtime";var ce=({id:a,label:o,leadingIcon:f,showOptional:l=!0,className:n,required:r,error:s,size:p="md",onMenuOpen:w,inputId:c,instanceId:t,components:u,classNames:P,openMenuOnFocus:R=!0,showSelectedCount:y=!0,...x})=>{let{fieldId:b,instanceId:C,inputId:m,handleMenuOpen:h,stableComponents:g,selectClassNames:D}=O({id:a,leadingIcon:f,onMenuOpen:w,required:r,classNames:P,size:p,showSelectedCount:y,components:u,inputId:c,instanceId:t});return Y("div",{className:n,id:b,children:[Y(N,{size:p,hasButton:!1,label:o,showOptional:l,required:r,variant:"dark",children:[o&&T(k,{inputId:m,label:o,showOptional:l,required:r,variant:"dark"}),T(de,{unstyled:!0,inputId:m,required:r,onMenuOpen:h,openMenuOnFocus:R,components:g,classNames:D,instanceId:C,...x})]}),s&&T(V,{id:m,error:s})]})},me=ce;import fe from"react-select/async";import{jsx as U,jsxs as Z}from"react/jsx-runtime";var we=({id:a,label:o,leadingIcon:f,showOptional:l=!0,className:n,required:r,error:s,size:p="md",onMenuOpen:w,inputId:c,instanceId:t,components:u,classNames:P,openMenuOnFocus:R=!0,showSelectedCount:y=!0,...x})=>{let{fieldId:b,instanceId:C,inputId:m,handleMenuOpen:h,stableComponents:g,selectClassNames:D}=O({id:a,leadingIcon:f,onMenuOpen:w,required:r,classNames:P,size:p,showSelectedCount:y,components:u,inputId:c,instanceId:t});return Z("div",{className:n,id:b,children:[Z(N,{size:p,hasButton:!1,label:o,showOptional:l,required:r,variant:"dark",children:[o&&U(k,{inputId:m,label:o,showOptional:l,required:r,variant:"dark"}),U(fe,{unstyled:!0,inputId:m,required:r,onMenuOpen:h,openMenuOnFocus:R,components:g,classNames:D,instanceId:C,...x})]}),s&&U(V,{id:m,error:s})]})},ye=we;export{me as a,ye as b};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{useRef as h,useLayoutEffect as g,useCallback as k,useMemo as y,useEffect as w}from"react";import o from"clsx";import{jsx as f,jsxs as C}from"react/jsx-runtime";var c=({className:d,onInput:p,min:i=0,max:s=100,defaultValue:u=50,showValue:t,ref:b,...r})=>{let a=h(null),l=y(()=>{let e={visible:!1,units:""};return typeof t=="boolean"&&(e.visible=t),typeof t=="object"&&(e.visible=t.visible||!1,e.units=t.units||""),e},[t]),n=k(e=>{let m=Math.round((parseFloat(e)-Number(i))/(Number(s)-Number(i))*100);a.current&&a.current.style.setProperty("--slider-offset",m.toString()),l.visible&&a.current&&a.current.setAttribute("data-value",`${e}${l?.units||""}`)},[s,i,l]),v=e=>{e.currentTarget?.value&&n(e.currentTarget?.value),p?.(e)};return g(()=>{n(`${u}`)},[]),w(()=>{r.value!==void 0&&n(String(r.value))},[r.value,n]),f("div",{className:o("flex items-center gap-3",l.visible&&"after:relative after:block after:w-10 after:shrink-0 after:text-center after:text-sm after:leading-none after:font-medium after:text-neutral-100 after:content-[attr(data-value)]",d),ref:a,"data-value":`${u}%`,children:C("div",{className:"relative flex h-5 w-full items-center",children:[f("input",{className:"peer h-1.5 w-full rounded-full bg-neutral-20 [-webkit-appearance:none] focus-visible:outline-transparent [&::-webkit-slider-thumb]:relative [&::-webkit-slider-thumb]:z-3 [&::-webkit-slider-thumb]:size-6 [&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:[-webkit-appearance:none]",ref:b,type:"range",min:i,max:s,defaultValue:typeof r?.value=="number"?void 0:u,onInput:v,readOnly:!0,...r}),f("div",{className:o("absolute h-1.5 w-[calc(1%*var(--slider-offset))] rounded-full bg-teal-100 after:pointer-events-none after:absolute after:-top-1.75 after:right-0 after:size-5 after:translate-x-[calc((1%*var(--slider-offset))+((50-var(--slider-offset))*0.0225rem))] after:rounded-full after:bg-teal-100 peer-focus-visible:after:outline peer-focus-visible:after:outline-[-webkit-focus-ring-color]")})]})})};c.displayName="Slider";var x=c;export{x as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a as f}from"./chunk-CMZCLPBB.js";import{b as k,c as C,d as w,e as d,f as M}from"./chunk-
|
|
2
|
+
import{a as f}from"./chunk-CMZCLPBB.js";import{b as k,c as C,d as w,e as d,f as M}from"./chunk-M4XLM2UN.js";import{useState as g}from"react";import{EyeSlashIcon as O,EyeIcon as U,CalendarIcon as R,CalendarDaysIcon as V,CalendarDateRangeIcon as q,ClockIcon as A}from"@heroicons/react/24/solid";import{clsx as i}from"clsx";import{jsx as n,jsxs as x}from"react/jsx-runtime";var p={calendar:["date","datetime-local","week","month","time"],text:["text","email","number","password","search","tel","url"]},K=({id:u,label:b,size:e="md",variant:o="dark",type:c="text",button:r,error:m,leadingIcon:a,trailingIcon:s,showOptional:h=!0,className:I,required:y,disabled:l,onFocus:N,onBlur:E,...B})=>{let{keyboardFocused:S,handleMouseDown:P,handleMouseUp:v,handleFocus:H,handleBlur:L}=M({onFocus:N,onBlur:E}),[t,z]=g(c);function F(T){return c==="password"&&z(t==="password"?"text":"password"),s?.onClick?.(T)}function D(T){return p.calendar.includes(t)?T.currentTarget?.closest("div")?.querySelector("input")?.showPicker():a?.onClick?.(T)}return x("div",{className:I,children:[x(k,{keyboardFocused:S,onMouseDown:P,onMouseUp:v,size:e,hasButton:!!r?.label,variant:o,label:b,showOptional:h,required:y,children:[b&&n(w,{inputId:u,label:b,showOptional:h,required:y,variant:o}),p.calendar.includes(t)&&x(d,{position:"leading",fieldSize:e,variant:o,disabled:l,onClick:D,name:a?.name,buttonType:a?.type,children:[t==="time"&&n(A,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="date"&&n(R,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="datetime-local"&&n(R,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="week"&&n(q,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="month"&&n(V,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")})]}),a?.icon&&!p.calendar.includes(t)&&n(d,{position:"leading",fieldSize:e,variant:o,disabled:a?.disabled||l,onClick:a?.onClick,name:a?.name,buttonType:a?.type,children:a.icon}),n("input",{id:u,className:i("size-full min-w-0 placeholder:text-neutral-30 focus:outline-hidden",o==="dark"&&"text-neutral-100",o==="light"&&"text-white",e==="sm"&&["min-h-6 text-sm",a?.icon||p.calendar.includes(t)?"pl-11.5":"pl-3",s?.icon||c==="password"?"pr-10":"pr-3"],e==="md"&&["min-h-12 text-base",a?.icon||p.calendar.includes(t)?"pl-12.75":"pl-5",s?.icon||c==="password"?"pr-12":"pr-5"]),"aria-describedby":m?`${u}-error`:void 0,"aria-invalid":!!m,required:y,onFocus:H,onBlur:L,disabled:l,type:t,...B}),c==="password"&&n(d,{position:"trailing",onClick:F,disabled:l,fieldSize:e,variant:o,name:"Toggle password visibility",children:t==="password"?n(O,{className:"size-5"}):n(U,{className:"size-5"})}),s?.icon&&t!=="password"&&n(d,{position:"trailing",onClick:s?.onClick,disabled:s?.disabled||l,fieldSize:e,variant:o,name:s?.name,children:s.icon}),r?.label&&n(f,{size:e,...r,disabled:l||r.disabled,className:i("shrink-0",e==="sm"&&"min-h-7.5!",r.className),children:r.label})]}),m&&n(C,{id:u,error:m})]})},W=K;export{W as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a,b}from"../../chunk-
|
|
2
|
+
import{a,b}from"../../chunk-S6KN5YE2.js";import"../../chunk-M4XLM2UN.js";import"../../chunk-AERZTKI2.js";export{b as AsyncDropdown,a as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a,b}from"../../chunk-
|
|
2
|
+
import{a,b}from"../../chunk-CGLDBVPP.js";import"../../chunk-OAFI6CS3.js";import"../../chunk-S6KN5YE2.js";import"../../chunk-M4XLM2UN.js";import"../../chunk-AERZTKI2.js";export{b as AsyncMultiSelect,a as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a}from"../../chunk-
|
|
2
|
+
import{a}from"../../chunk-BY7COI23.js";import"../../chunk-M4XLM2UN.js";export{a as default};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface SliderProps extends Omit<React.ComponentPropsWithRef<"input">, "autoCapitalize" | "autoComplete" | "autoCorrect" | "checked" | "defaultChecked" | "defaultValue" | "maxLength" | "minLength" | "placeholder" | "readOnly" | "spellCheck" | "type"> {
|
|
4
|
+
/** Default value to set the slider at. */
|
|
5
|
+
defaultValue?: number;
|
|
6
|
+
/** Whether to show a label denoting the components current value. */
|
|
7
|
+
showValue?: boolean | {
|
|
8
|
+
visible: boolean;
|
|
9
|
+
units?: string;
|
|
10
|
+
};
|
|
11
|
+
children?: never;
|
|
12
|
+
}
|
|
13
|
+
declare const Slider: React.FC<SliderProps>;
|
|
14
|
+
|
|
15
|
+
export { type SliderProps, Slider as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a}from"../../chunk-
|
|
2
|
+
import{a}from"../../chunk-4UFRPTZR.js";import"../../chunk-M4XLM2UN.js";export{a as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a,b,c,d,e,f,g,h}from"../../chunk-
|
|
2
|
+
import{a,b,c,d,e,f,g,h}from"../../chunk-M4XLM2UN.js";export{b as Container,c as ErrorMessage,e as Icon,d as Label,a as NotchBorder,g as TEXT_FIELD_SIZES,h as TEXT_FIELD_VARIANTS,f as useInputKeyboardFocus};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a}from"../../chunk-
|
|
2
|
+
import{a}from"../../chunk-XWLQXBZD.js";import"../../chunk-CMZCLPBB.js";import"../../chunk-MCJKAGOS.js";import"../../chunk-M4XLM2UN.js";export{a as default};
|
package/dist/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { default as Notification, NotificationProps } from './components/Notific
|
|
|
10
10
|
export { default as Notifications, NotificationsContext, NotificationsContextType, NotificationsProps, NotificationsProvider, useNotifications } from './components/Notifications/index.js';
|
|
11
11
|
export { default as Select, SelectProps } from './components/Select/index.js';
|
|
12
12
|
export { b as SelectSize, b as TextAreaSize, b as TextInputSize } from './types-CKb67Dtj.js';
|
|
13
|
+
export { default as Slider, SliderProps } from './components/Slider/index.js';
|
|
13
14
|
export { default as Spinner, SpinnerProps } from './components/Spinner/index.js';
|
|
14
15
|
export { default as TextArea, TextAreaProps } from './components/TextArea/index.js';
|
|
15
16
|
export { default as TextInput, TextInputProps } from './components/TextInput/index.js';
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{a as
|
|
2
|
+
import{a as w}from"./chunk-SCGB3NVF.js";import{a as P,b as m,c as T,d as N}from"./chunk-CMCDZLFY.js";import{a as u}from"./chunk-N5DINQZZ.js";import{a as c}from"./chunk-YKUKDRA5.js";import{a as C}from"./chunk-BY7COI23.js";import{a as A}from"./chunk-WRJHJSX3.js";import{a as I}from"./chunk-4UFRPTZR.js";import{a as D}from"./chunk-XWLQXBZD.js";import{a as e,b as o,c as p}from"./chunk-CMZCLPBB.js";import{a as t}from"./chunk-MCJKAGOS.js";import{a as i,b as s}from"./chunk-2S26OQ7A.js";import{a as f,b as l}from"./chunk-LILYIQ5G.js";import{a as x}from"./chunk-U6FPHBLH.js";import"./chunk-HDP66ZRA.js";import{a as S,b as d}from"./chunk-CGLDBVPP.js";import{a as r,b as a}from"./chunk-OAFI6CS3.js";import{a as y,b as n}from"./chunk-S6KN5YE2.js";import"./chunk-M4XLM2UN.js";import"./chunk-AERZTKI2.js";export{n as AsyncDropdown,d as AsyncMultiSelect,o as BUTTON_SIZES,p as BUTTON_VARIANTS,e as Button,a as CHECKBOX_SIZES,s as CHIP_SIZES,r as Checkbox,i as Chip,l as DRAWER_POSITIONS,f as Drawer,y as Dropdown,u as Logo,x as Modal,S as MultiSelect,c as Notification,N as Notifications,P as NotificationsContext,m as NotificationsProvider,C as Select,A as Slider,t as Spinner,I as TextArea,D as TextInput,w as Toggle,T as useNotifications};
|
package/dist/oakma-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:monospace;--spacing:.25rem;--text-xs:11px;--text-xs--line-height:12px;--text-sm:14px;--text-sm--line-height:24px;--text-base:17px;--text-base--line-height:26px;--text-2xl:28px;--text-2xl--line-height:36px;--font-weight-normal:400;--font-weight-medium:500;--leading-snug:1.375;--radius-sm:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-white:#fff;--color-black:#000;--color-teal-100:oklch(35.14% .0573 194.9);--color-teal-10:oklch(95.43% .0272 196.7);--color-lime-180:oklch(59.11% .1781 137.2);--color-lime-100:oklch(91.81% .1611 133.5);--color-neutral-100:oklch(22.49% .0217 164.2);--color-neutral-50:oklch(46.88% .0082 174.1);--color-neutral-30:oklch(75.72% 0 none);--color-neutral-20:oklch(86.38% 0 none);--color-surface-50:oklch(96.17% .0084 56.31);--color-surface-20:oklch(97.79% .0042 56.38);--color-stroke-light:oklch(100% 0 none/.3);--color-stroke-dark:oklch(22.49% .0217 164.2/.16);--color-error-100:oklch(57.08% .1958 31.08);--color-success-100:oklch(51.9% .1418 149.8);--font-inter:"Inter", sans-serif;--font-lora:"Lora", serif;--radius-5xl:32px;--animate-spin-outer:spin-outer 2.4s linear 0s infinite forwards;--animate-spin-inner:spin-inner 1.2s linear 0s infinite forwards;--animate-spin-after:spin-after 1.2s cubic-bezier(.45, 0, .55, 1) 0s infinite forwards}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input::-webkit-date-and-time-value{text-align:left}input::-webkit-calendar-picker-indicator{display:none}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-x-\[2vw\]{inset-inline:2vw}.inset-y-3{inset-block:calc(var(--spacing) * 3)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-3\.75{right:calc(var(--spacing) * 3.75)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-3\.75{left:calc(var(--spacing) * 3.75)}.left-4\.25{left:calc(var(--spacing) * 4.25)}.left-8{left:calc(var(--spacing) * 8)}.z-10{z-index:10}.z-40{z-index:40}.z-9998{z-index:9998}.z-9999{z-index:9999}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-auto{margin:auto}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.-mr-0\.5{margin-right:calc(var(--spacing) * -.5)}.-mr-1\.5{margin-right:calc(var(--spacing) * -1.5)}.-mr-9\.75{margin-right:calc(var(--spacing) * -9.75)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-0\.75{margin-bottom:calc(var(--spacing) * .75)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-9\.75{margin-left:calc(var(--spacing) * 9.75)}.box-border{box-sizing:border-box}.scrollbars-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbars-none::-webkit-scrollbar{display:none}.block{display:block}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\(--spinner-size\){width:var(--spinner-size);height:var(--spinner-size)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-2\.25{width:calc(var(--spacing) * 2.25);height:calc(var(--spacing) * 2.25)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8\.5{width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-\[min\(14rem\,calc\(100dvh-1\.5rem\)\)\]{height:min(14rem,100dvh - 1.5rem)}.h-full{height:100%}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-\[90vh\]{max-height:90vh}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7\.5\!{min-height:calc(var(--spacing) * 7.5)!important}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-15{min-height:calc(var(--spacing) * 15)}.min-h-18\.5{min-height:calc(var(--spacing) * 18.5)}.w-6\.5{width:calc(var(--spacing) * 6.5)}.w-8\.5{width:calc(var(--spacing) * 8.5)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-\[calc\(100\%-2\.75rem\)\]{width:calc(100% - 2.75rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100\%-4rem\)\]{width:calc(100% - 4rem)}.w-\[calc\(100vw-3rem\)\]{width:calc(100vw - 3rem)}.w-\[min\(25rem\,96vw\)\]{width:min(25rem,96vw)}.w-\[min\(30rem\,calc\(100vw-1\.5rem\)\)\]{width:min(30rem,100vw - 1.5rem)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-82{min-width:calc(var(--spacing) * 82)}.min-w-\[unset\]\!{min-width:unset!important}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.animate-spin-inner{animation:var(--animate-spin-inner)}.animate-spin-outer{animation:var(--animate-spin-outer)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-\[auto_min-content\]{grid-template-columns:auto min-content}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-nowrap\!{flex-wrap:nowrap!important}.flex-wrap\!{flex-wrap:wrap!important}.items-center{align-items:center}.items-start{align-items:flex-start}.items-start\!{align-items:flex-start!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.self-end{align-self:flex-end}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-hidden\!{overflow:hidden!important}.overflow-scroll{overflow:scroll}.overflow-scroll\!{overflow:scroll!important}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-5xl{border-radius:var(--radius-5xl)}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\[1\.75rem\]{border-top-left-radius:1.75rem;border-bottom-left-radius:1.75rem}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-r-\[1\.75rem\]{border-top-right-radius:1.75rem;border-bottom-right-radius:1.75rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y-\[1\.5px\]{border-block-style:var(--tw-border-style);border-block-width:1.5px}.border-r-\[1\.5px\]{border-right-style:var(--tw-border-style);border-right-width:1.5px}.border-l-\[1\.5px\]{border-left-style:var(--tw-border-style);border-left-width:1.5px}.border-\(--border-color\){border-color:var(--border-color)}.border-neutral-100\/16{border-color:#121f1929}@supports (color:color-mix(in lab, red, red)){.border-neutral-100\/16{border-color:color-mix(in oklab, var(--color-neutral-100) 16%, transparent)}}.border-neutral-100\/20{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.border-neutral-100\/20{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.border-stroke-dark{border-color:var(--color-stroke-dark)}.border-transparent{border-color:#0000}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-error-100{background-color:var(--color-error-100)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-neutral-100\/20{background-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.bg-neutral-100\/20{background-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.bg-success-100{background-color:var(--color-success-100)}.bg-surface-20{background-color:var(--color-surface-20)}.bg-surface-50{background-color:var(--color-surface-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-100\/20{background-color:#06444433}@supports (color:color-mix(in lab, red, red)){.bg-teal-100\/20{background-color:color-mix(in oklab, var(--color-teal-100) 20%, transparent)}}.bg-teal-100\/30{background-color:#0644444d}@supports (color:color-mix(in lab, red, red)){.bg-teal-100\/30{background-color:color-mix(in oklab, var(--color-teal-100) 30%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-4\.5{padding-top:calc(var(--spacing) * 4.5)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11\.5{padding-left:calc(var(--spacing) * 11.5)}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-12\.75{padding-left:calc(var(--spacing) * 12.75)}.text-center{text-align:center}.font-lora{font-family:var(--font-lora)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.text-sm\/snug{font-size:var(--text-sm);line-height:var(--leading-snug)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/3{font-size:var(--text-xs);line-height:calc(var(--spacing) * 3)}.text-xs\/snug{font-size:var(--text-xs);line-height:var(--leading-snug)}.leading-\[1\.4\]\!{--tw-leading:1.4!important;line-height:1.4!important}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-0\.14px\]{--tw-tracking:-.14px;letter-spacing:-.14px}.whitespace-nowrap{white-space:nowrap}.text-error-100{color:var(--color-error-100)}.text-inherit{color:inherit}.text-lime-100{color:var(--color-lime-100)}.text-neutral-20{color:var(--color-neutral-20)}.text-neutral-30{color:var(--color-neutral-30)}.text-neutral-50{color:var(--color-neutral-50)}.text-neutral-50\/50\!{color:#565c5a80!important}@supports (color:color-mix(in lab, red, red)){.text-neutral-50\/50\!{color:color-mix(in oklab, var(--color-neutral-50) 50%, transparent)!important}}.text-neutral-100{color:var(--color-neutral-100)}.text-teal-10{color:var(--color-teal-10)}.text-teal-100{color:var(--color-teal-100)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 8px 24px 0 var(--tw-shadow-color,#00000014), 0 2px 8px 0 var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-browser{outline-color:highlight;outline-color:-webkit-focus-ring-color;outline-offset:2px;outline-width:2px;outline-style:solid}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\[--border-color\:var\(--color-stroke-dark\)\]{--border-color:var(--color-stroke-dark)}.\[--border-color\:var\(--color-stroke-light\)\]{--border-color:var(--color-stroke-light)}.\[--spinner-size\:1\.5rem\]{--spinner-size:1.5rem}.\[--spinner-size\:1\.25rem\]\!{--spinner-size:1.25rem!important}.\[--spinner-size\:1rem\]{--spinner-size:1rem}.\[--spinner-size\:1rem\]\!{--spinner-size:1rem!important}.\[--spinner-size\:2rem\]{--spinner-size:2rem}.\[--spinner-size\:3rem\]{--spinner-size:3rem}.\[clip\:rect\(0\,var\(--spinner-size\)\,var\(--spinner-size\)\,calc\(var\(--spinner-size\)\/2\)\)\]{clip:rect(0,var(--spinner-size),var(--spinner-size),calc(var(--spinner-size) / 2))}.not-first-of-type\:mt-2:not(:first-of-type){margin-top:calc(var(--spacing) * 2)}.group-focus-within\:text-neutral-100:is(:where(.group):focus-within *){color:var(--color-neutral-100)}.group-focus-within\:text-white:is(:where(.group):focus-within *){color:var(--color-white)}@media (hover:hover){.group-hover\/checkbox\:border-teal-100\/16:is(:where(.group\/checkbox):hover *){border-color:#06444429}@supports (color:color-mix(in lab, red, red)){.group-hover\/checkbox\:border-teal-100\/16:is(:where(.group\/checkbox):hover *){border-color:color-mix(in oklab, var(--color-teal-100) 16%, transparent)}}.group-hover\/checkbox\:bg-black\/5:is(:where(.group\/checkbox):hover *){background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.group-hover\/checkbox\:bg-black\/5:is(:where(.group\/checkbox):hover *){background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.group-hover\/toggle\:bg-neutral-100\/30:is(:where(.group\/toggle):hover *){background-color:#121f194d}@supports (color:color-mix(in lab, red, red)){.group-hover\/toggle\:bg-neutral-100\/30:is(:where(.group\/toggle):hover *){background-color:color-mix(in oklab, var(--color-neutral-100) 30%, transparent)}}}.group-active\/toggle\:w-5:is(:where(.group\/toggle):active *){width:calc(var(--spacing) * 5)}.group-has-checked\/checkbox\:visible:is(:where(.group\/checkbox):has(:checked) *){visibility:visible}.group-has-checked\/toggle\:left-7:is(:where(.group\/toggle):has(:checked) *){left:calc(var(--spacing) * 7)}.group-has-checked\/toggle\:hidden:is(:where(.group\/toggle):has(:checked) *){display:none}.group-has-checked\/toggle\:inline:is(:where(.group\/toggle):has(:checked) *){display:inline}.group-has-checked\/toggle\:bg-lime-180:is(:where(.group\/toggle):has(:checked) *){background-color:var(--color-lime-180)}.group-has-checked\/toggle\:bg-lime-180\/20:is(:where(.group\/toggle):has(:checked) *){background-color:#41940533}@supports (color:color-mix(in lab, red, red)){.group-has-checked\/toggle\:bg-lime-180\/20:is(:where(.group\/toggle):has(:checked) *){background-color:color-mix(in oklab, var(--color-lime-180) 20%, transparent)}}@media (hover:hover){.group-has-checked\/toggle\:group-hover\/toggle\:bg-lime-180\/30:is(:where(.group\/toggle):has(:checked) *):is(:where(.group\/toggle):hover *){background-color:#4194054d}@supports (color:color-mix(in lab, red, red)){.group-has-checked\/toggle\:group-hover\/toggle\:bg-lime-180\/30:is(:where(.group\/toggle):has(:checked) *):is(:where(.group\/toggle):hover *){background-color:color-mix(in oklab, var(--color-lime-180) 30%, transparent)}}}.group-has-checked\/toggle\:group-active\/toggle\:left-6\!:is(:where(.group\/toggle):has(:checked) *):is(:where(.group\/toggle):active *){left:calc(var(--spacing) * 6)!important}.group-has-user-invalid\:text-error-100\!:is(:where(.group):has(:user-invalid) *){color:var(--color-error-100)!important}.group-has-user-invalid\:\[--border-color\:var\(--color-error-100\)\]\!:is(:where(.group):has(:user-invalid) *){--border-color:var(--color-error-100)!important}.group-has-focus-visible\:\[--border-color\:var\(--color-neutral-100\)\]:is(:where(.group):has(:focus-visible) *){--border-color:var(--color-neutral-100)}.group-has-focus-visible\:\[--border-color\:var\(--color-white\)\]:is(:where(.group):has(:focus-visible) *){--border-color:var(--color-white)}.group-has-aria-invalid\:text-error-100\!:is(:where(.group):has([aria-invalid=true]) *){color:var(--color-error-100)!important}.group-has-aria-invalid\:\[--border-color\:var\(--color-error-100\)\]\!:is(:where(.group):has([aria-invalid=true]) *){--border-color:var(--color-error-100)!important}@media (hover:hover){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){color:var(--color-white)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:\[--border-color\:var\(--color-neutral-100\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){--border-color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:\[--border-color\:var\(--color-white\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){--border-color:var(--color-white)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:cursor-pointer:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *){cursor:pointer}.peer-checked\:border-transparent:is(:where(.peer):checked~*){border-color:#0000}.peer-checked\:bg-teal-100:is(:where(.peer):checked~*){background-color:var(--color-teal-100)}@media (hover:hover){.peer-checked\:group-hover\/checkbox\:bg-\[hsl\(180\,84\%\,13\%\)\]:is(:where(.peer):checked~*):is(:where(.group\/checkbox):hover *){background-color:#053d3d}}.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-focus-visible\:ring-teal-100:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-teal-100)}.peer-focus-visible\:ring-offset-1:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.placeholder\:text-neutral-30::placeholder{color:var(--color-neutral-30)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:right-0:before{content:var(--tw-content);right:calc(var(--spacing) * 0)}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.before\:left-9\.75:before{content:var(--tw-content);left:calc(var(--spacing) * 9.75)}.before\:border-b-\[1\.5px\]:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.before\:border-\(--border-color\):before{content:var(--tw-content);border-color:var(--border-color)}.before\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.after\:animate-spin-after:after{content:var(--tw-content);animation:var(--animate-spin-after)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border-\[clamp\(0\.125rem\,var\(--spinner-size\)\/10\,0\.325rem\)\]:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:clamp(.125rem, var(--spinner-size) / 10, .325rem)}.after\:border-solid:after{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.after\:border-current:after{content:var(--tw-content);border-color:currentColor}.after\:\[clip\:inherit\]:after{content:var(--tw-content);clip:inherit}.first\:mt-2:first-child{margin-top:calc(var(--spacing) * 2)}.first\:rounded-t-2xl:first-child{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.last\:rounded-b-2xl:last-child{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}@media (hover:hover){.hover\:bg-neutral-50\/10:hover{background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-neutral-50\/10:hover{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.hover\:bg-surface-50:hover{background-color:var(--color-surface-50)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.hover\:text-white:hover{color:var(--color-white)}.not-disabled\:hover\:border-neutral-100\/20:not(:disabled):hover{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:border-neutral-100\/20:not(:disabled):hover{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.not-disabled\:hover\:bg-\[hsl\(7\,74\%\,42\%\)\]:not(:disabled):hover{background-color:#ba2e1c}.not-disabled\:hover\:bg-\[hsl\(95\,81\%\,69\%\)\]:not(:disabled):hover{background-color:#a5f070}.not-disabled\:hover\:bg-\[hsl\(145\,72\%\,29\%\)\]:not(:disabled):hover{background-color:#157f41}.not-disabled\:hover\:bg-\[hsl\(180\,84\%\,20\%\)\]:not(:disabled):hover{background-color:#085e5e}.not-disabled\:hover\:bg-neutral-100\/4:not(:disabled):hover{background-color:#121f190a}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-neutral-100\/4:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-neutral-100) 4%, transparent)}}.not-disabled\:hover\:bg-teal-100\/6:not(:disabled):hover{background-color:#0644440f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-teal-100\/6:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-teal-100) 6%, transparent)}}.not-disabled\:hover\:bg-white\/6:not(:disabled):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-white\/6:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.not-disabled\:hover\:bg-white\/8:not(:disabled):hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-white\/8:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.not-disabled\:hover\:text-neutral-100:not(:disabled):hover{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-neutral-50\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-neutral-50\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-white\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-white\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{color:var(--color-white)}}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:bg-neutral-50\/10:focus-visible{background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-neutral-50\/10:focus-visible{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.focus-visible\:bg-white\/10:focus-visible{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-white\/10:focus-visible{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.focus-visible\:text-neutral-100:focus-visible{color:var(--color-neutral-100)}.focus-visible\:text-white:focus-visible{color:var(--color-white)}.not-disabled\:focus-visible\:border-neutral-100\/20:not(:disabled):focus-visible{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:border-neutral-100\/20:not(:disabled):focus-visible{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.not-disabled\:focus-visible\:bg-\[hsl\(7\,74\%\,42\%\)\]:not(:disabled):focus-visible{background-color:#ba2e1c}.not-disabled\:focus-visible\:bg-\[hsl\(95\,81\%\,69\%\)\]:not(:disabled):focus-visible{background-color:#a5f070}.not-disabled\:focus-visible\:bg-\[hsl\(145\,72\%\,29\%\)\]:not(:disabled):focus-visible{background-color:#157f41}.not-disabled\:focus-visible\:bg-\[hsl\(180\,84\%\,20\%\)\]:not(:disabled):focus-visible{background-color:#085e5e}.not-disabled\:focus-visible\:bg-teal-100\/6:not(:disabled):focus-visible{background-color:#0644440f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:bg-teal-100\/6:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-teal-100) 6%, transparent)}}.not-disabled\:focus-visible\:bg-white\/6:not(:disabled):focus-visible{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:bg-white\/6:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.not-disabled\:focus-visible\:bg-white\/8:not(:disabled):focus-visible{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:bg-white\/8:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.not-disabled\:focus-visible\:text-neutral-100:not(:disabled):focus-visible,.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:focus-visible\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:focus-visible\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible{color:var(--color-white)}.active\:bg-neutral-50\/20:active{background-color:#565c5a33}@supports (color:color-mix(in lab, red, red)){.active\:bg-neutral-50\/20:active{background-color:color-mix(in oklab, var(--color-neutral-50) 20%, transparent)}}.active\:bg-white\/20:active{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.active\:bg-white\/20:active{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.not-disabled\:active\:border-neutral-100\/20:not(:disabled):active{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:border-neutral-100\/20:not(:disabled):active{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.not-disabled\:active\:bg-\[hsl\(7\,70\%\,35\%\)\]:not(:disabled):active{background-color:#98291b}.not-disabled\:active\:bg-\[hsl\(95\,67\%\,58\%\)\]:not(:disabled):active{background-color:#88dc4c}.not-disabled\:active\:bg-\[hsl\(145\,64\%\,24\%\)\]:not(:disabled):active{background-color:#166437}.not-disabled\:active\:bg-\[hsl\(180\,84\%\,10\%\)\]:not(:disabled):active{background-color:#042f2f}.not-disabled\:active\:bg-neutral-100\/8:not(:disabled):active{background-color:#121f1914}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-neutral-100\/8:not(:disabled):active{background-color:color-mix(in oklab, var(--color-neutral-100) 8%, transparent)}}.not-disabled\:active\:bg-teal-100\/12:not(:disabled):active{background-color:#0644441f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-teal-100\/12:not(:disabled):active{background-color:color-mix(in oklab, var(--color-teal-100) 12%, transparent)}}.not-disabled\:active\:bg-white\/12:not(:disabled):active{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-white\/12:not(:disabled):active{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.not-disabled\:active\:bg-white\/16:not(:disabled):active{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-white\/16:not(:disabled):active{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.not-disabled\:active\:text-neutral-100:not(:disabled):active{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-neutral-50\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:#565c5a33}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-neutral-50\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:color-mix(in oklab, var(--color-neutral-50) 20%, transparent)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-white\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-white\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.has-\[option\[value\=\'\'\]\:checked\]\:text-neutral-30:has(:is(option[value=""]:checked)){color:var(--color-neutral-30)}@media (min-width:40rem){.sm\:w-96{width:calc(var(--spacing) * 96)}}@media (min-width:48rem){.md\:top-6{top:calc(var(--spacing) * 6)}.md\:right-6{right:calc(var(--spacing) * 6)}.md\:left-auto{left:auto}}@media (min-width:64rem){.lg\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.lg\:min-h-14{min-height:calc(var(--spacing) * 14)}.lg\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.\[\&_path\]\:pointer-events-none path{pointer-events:none}.\[\&_span\:nth-of-type\(1\)\]\:text-neutral-100 span:first-of-type{color:var(--color-neutral-100)}.\[\&_span\:nth-of-type\(2\)\]\:text-sm span:nth-of-type(2){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_span\:nth-of-type\(2\)\]\:text-xs span:nth-of-type(2){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>div\:not\(\:last-child\)\]\:opacity-0\!>div:not(:last-child){opacity:0!important}:where(.\[\:where\(\&\)\]\:text-white){color:var(--color-white)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin-outer{0%{rotate:0deg}to{rotate:360deg}}@keyframes spin-inner{0%{rotate:0deg}to{rotate:220deg}}@keyframes spin-after{0%{rotate:-140deg}to{rotate:140deg}}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:monospace;--spacing:.25rem;--text-xs:11px;--text-xs--line-height:12px;--text-sm:14px;--text-sm--line-height:24px;--text-base:17px;--text-base--line-height:26px;--text-2xl:28px;--text-2xl--line-height:36px;--font-weight-normal:400;--font-weight-medium:500;--leading-snug:1.375;--radius-sm:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-white:#fff;--color-black:#000;--color-teal-100:oklch(35.14% .0573 194.9);--color-teal-10:oklch(95.43% .0272 196.7);--color-lime-180:oklch(59.11% .1781 137.2);--color-lime-100:oklch(91.81% .1611 133.5);--color-neutral-100:oklch(22.49% .0217 164.2);--color-neutral-50:oklch(46.88% .0082 174.1);--color-neutral-30:oklch(75.72% 0 none);--color-neutral-20:oklch(86.38% 0 none);--color-surface-50:oklch(96.17% .0084 56.31);--color-surface-20:oklch(97.79% .0042 56.38);--color-stroke-light:oklch(100% 0 none/.3);--color-stroke-dark:oklch(22.49% .0217 164.2/.16);--color-error-100:oklch(57.08% .1958 31.08);--color-success-100:oklch(51.9% .1418 149.8);--font-inter:"Inter", sans-serif;--font-lora:"Lora", serif;--radius-5xl:32px;--animate-spin-outer:spin-outer 2.4s linear 0s infinite forwards;--animate-spin-inner:spin-inner 1.2s linear 0s infinite forwards;--animate-spin-after:spin-after 1.2s cubic-bezier(.45, 0, .55, 1) 0s infinite forwards}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input::-webkit-date-and-time-value{text-align:left}input::-webkit-calendar-picker-indicator{display:none}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-x-\[2vw\]{inset-inline:2vw}.inset-y-3{inset-block:calc(var(--spacing) * 3)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-3\.75{right:calc(var(--spacing) * 3.75)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-3\.75{left:calc(var(--spacing) * 3.75)}.left-4\.25{left:calc(var(--spacing) * 4.25)}.left-8{left:calc(var(--spacing) * 8)}.z-10{z-index:10}.z-40{z-index:40}.z-9998{z-index:9998}.z-9999{z-index:9999}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-auto{margin:auto}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.-mr-0\.5{margin-right:calc(var(--spacing) * -.5)}.-mr-1\.5{margin-right:calc(var(--spacing) * -1.5)}.-mr-9\.75{margin-right:calc(var(--spacing) * -9.75)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-0\.75{margin-bottom:calc(var(--spacing) * .75)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-9\.75{margin-left:calc(var(--spacing) * 9.75)}.box-border{box-sizing:border-box}.scrollbars-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbars-none::-webkit-scrollbar{display:none}.block{display:block}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\(--spinner-size\){width:var(--spinner-size);height:var(--spinner-size)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-2\.25{width:calc(var(--spacing) * 2.25);height:calc(var(--spacing) * 2.25)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8\.5{width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-\[min\(14rem\,calc\(100dvh-1\.5rem\)\)\]{height:min(14rem,100dvh - 1.5rem)}.h-full{height:100%}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-\[90vh\]{max-height:90vh}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7\.5\!{min-height:calc(var(--spacing) * 7.5)!important}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-15{min-height:calc(var(--spacing) * 15)}.min-h-18\.5{min-height:calc(var(--spacing) * 18.5)}.w-6\.5{width:calc(var(--spacing) * 6.5)}.w-8\.5{width:calc(var(--spacing) * 8.5)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-\[calc\(1\%\*var\(--slider-offset\)\)\]{width:calc(1% * var(--slider-offset))}.w-\[calc\(100\%-2\.75rem\)\]{width:calc(100% - 2.75rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100\%-4rem\)\]{width:calc(100% - 4rem)}.w-\[calc\(100vw-3rem\)\]{width:calc(100vw - 3rem)}.w-\[min\(25rem\,96vw\)\]{width:min(25rem,96vw)}.w-\[min\(30rem\,calc\(100vw-1\.5rem\)\)\]{width:min(30rem,100vw - 1.5rem)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-82{min-width:calc(var(--spacing) * 82)}.min-w-\[unset\]\!{min-width:unset!important}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.animate-spin-inner{animation:var(--animate-spin-inner)}.animate-spin-outer{animation:var(--animate-spin-outer)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-\[auto_min-content\]{grid-template-columns:auto min-content}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-nowrap\!{flex-wrap:nowrap!important}.flex-wrap\!{flex-wrap:wrap!important}.items-center{align-items:center}.items-start{align-items:flex-start}.items-start\!{align-items:flex-start!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.self-end{align-self:flex-end}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-hidden\!{overflow:hidden!important}.overflow-scroll{overflow:scroll}.overflow-scroll\!{overflow:scroll!important}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-5xl{border-radius:var(--radius-5xl)}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\[1\.75rem\]{border-top-left-radius:1.75rem;border-bottom-left-radius:1.75rem}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-r-\[1\.75rem\]{border-top-right-radius:1.75rem;border-bottom-right-radius:1.75rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y-\[1\.5px\]{border-block-style:var(--tw-border-style);border-block-width:1.5px}.border-r-\[1\.5px\]{border-right-style:var(--tw-border-style);border-right-width:1.5px}.border-l-\[1\.5px\]{border-left-style:var(--tw-border-style);border-left-width:1.5px}.border-\(--border-color\){border-color:var(--border-color)}.border-neutral-100\/16{border-color:#121f1929}@supports (color:color-mix(in lab, red, red)){.border-neutral-100\/16{border-color:color-mix(in oklab, var(--color-neutral-100) 16%, transparent)}}.border-neutral-100\/20{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.border-neutral-100\/20{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.border-stroke-dark{border-color:var(--color-stroke-dark)}.border-transparent{border-color:#0000}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-error-100{background-color:var(--color-error-100)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-neutral-20{background-color:var(--color-neutral-20)}.bg-neutral-100\/20{background-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.bg-neutral-100\/20{background-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.bg-success-100{background-color:var(--color-success-100)}.bg-surface-20{background-color:var(--color-surface-20)}.bg-surface-50{background-color:var(--color-surface-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-100\/20{background-color:#06444433}@supports (color:color-mix(in lab, red, red)){.bg-teal-100\/20{background-color:color-mix(in oklab, var(--color-teal-100) 20%, transparent)}}.bg-teal-100\/30{background-color:#0644444d}@supports (color:color-mix(in lab, red, red)){.bg-teal-100\/30{background-color:color-mix(in oklab, var(--color-teal-100) 30%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-4\.5{padding-top:calc(var(--spacing) * 4.5)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11\.5{padding-left:calc(var(--spacing) * 11.5)}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-12\.75{padding-left:calc(var(--spacing) * 12.75)}.text-center{text-align:center}.font-lora{font-family:var(--font-lora)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.text-sm\/snug{font-size:var(--text-sm);line-height:var(--leading-snug)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/3{font-size:var(--text-xs);line-height:calc(var(--spacing) * 3)}.text-xs\/snug{font-size:var(--text-xs);line-height:var(--leading-snug)}.leading-\[1\.4\]\!{--tw-leading:1.4!important;line-height:1.4!important}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-0\.14px\]{--tw-tracking:-.14px;letter-spacing:-.14px}.whitespace-nowrap{white-space:nowrap}.text-error-100{color:var(--color-error-100)}.text-inherit{color:inherit}.text-lime-100{color:var(--color-lime-100)}.text-neutral-20{color:var(--color-neutral-20)}.text-neutral-30{color:var(--color-neutral-30)}.text-neutral-50{color:var(--color-neutral-50)}.text-neutral-50\/50\!{color:#565c5a80!important}@supports (color:color-mix(in lab, red, red)){.text-neutral-50\/50\!{color:color-mix(in oklab, var(--color-neutral-50) 50%, transparent)!important}}.text-neutral-100{color:var(--color-neutral-100)}.text-teal-10{color:var(--color-teal-10)}.text-teal-100{color:var(--color-teal-100)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 8px 24px 0 var(--tw-shadow-color,#00000014), 0 2px 8px 0 var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-browser{outline-color:highlight;outline-color:-webkit-focus-ring-color;outline-offset:2px;outline-width:2px;outline-style:solid}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\[--border-color\:var\(--color-stroke-dark\)\]{--border-color:var(--color-stroke-dark)}.\[--border-color\:var\(--color-stroke-light\)\]{--border-color:var(--color-stroke-light)}.\[--spinner-size\:1\.5rem\]{--spinner-size:1.5rem}.\[--spinner-size\:1\.25rem\]\!{--spinner-size:1.25rem!important}.\[--spinner-size\:1rem\]{--spinner-size:1rem}.\[--spinner-size\:1rem\]\!{--spinner-size:1rem!important}.\[--spinner-size\:2rem\]{--spinner-size:2rem}.\[--spinner-size\:3rem\]{--spinner-size:3rem}.\[-webkit-appearance\:none\]{-webkit-appearance:none}.\[clip\:rect\(0\,var\(--spinner-size\)\,var\(--spinner-size\)\,calc\(var\(--spinner-size\)\/2\)\)\]{clip:rect(0,var(--spinner-size),var(--spinner-size),calc(var(--spinner-size) / 2))}.not-first-of-type\:mt-2:not(:first-of-type){margin-top:calc(var(--spacing) * 2)}.group-focus-within\:text-neutral-100:is(:where(.group):focus-within *){color:var(--color-neutral-100)}.group-focus-within\:text-white:is(:where(.group):focus-within *){color:var(--color-white)}@media (hover:hover){.group-hover\/checkbox\:border-teal-100\/16:is(:where(.group\/checkbox):hover *){border-color:#06444429}@supports (color:color-mix(in lab, red, red)){.group-hover\/checkbox\:border-teal-100\/16:is(:where(.group\/checkbox):hover *){border-color:color-mix(in oklab, var(--color-teal-100) 16%, transparent)}}.group-hover\/checkbox\:bg-black\/5:is(:where(.group\/checkbox):hover *){background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.group-hover\/checkbox\:bg-black\/5:is(:where(.group\/checkbox):hover *){background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.group-hover\/toggle\:bg-neutral-100\/30:is(:where(.group\/toggle):hover *){background-color:#121f194d}@supports (color:color-mix(in lab, red, red)){.group-hover\/toggle\:bg-neutral-100\/30:is(:where(.group\/toggle):hover *){background-color:color-mix(in oklab, var(--color-neutral-100) 30%, transparent)}}}.group-active\/toggle\:w-5:is(:where(.group\/toggle):active *){width:calc(var(--spacing) * 5)}.group-has-checked\/checkbox\:visible:is(:where(.group\/checkbox):has(:checked) *){visibility:visible}.group-has-checked\/toggle\:left-7:is(:where(.group\/toggle):has(:checked) *){left:calc(var(--spacing) * 7)}.group-has-checked\/toggle\:hidden:is(:where(.group\/toggle):has(:checked) *){display:none}.group-has-checked\/toggle\:inline:is(:where(.group\/toggle):has(:checked) *){display:inline}.group-has-checked\/toggle\:bg-lime-180:is(:where(.group\/toggle):has(:checked) *){background-color:var(--color-lime-180)}.group-has-checked\/toggle\:bg-lime-180\/20:is(:where(.group\/toggle):has(:checked) *){background-color:#41940533}@supports (color:color-mix(in lab, red, red)){.group-has-checked\/toggle\:bg-lime-180\/20:is(:where(.group\/toggle):has(:checked) *){background-color:color-mix(in oklab, var(--color-lime-180) 20%, transparent)}}@media (hover:hover){.group-has-checked\/toggle\:group-hover\/toggle\:bg-lime-180\/30:is(:where(.group\/toggle):has(:checked) *):is(:where(.group\/toggle):hover *){background-color:#4194054d}@supports (color:color-mix(in lab, red, red)){.group-has-checked\/toggle\:group-hover\/toggle\:bg-lime-180\/30:is(:where(.group\/toggle):has(:checked) *):is(:where(.group\/toggle):hover *){background-color:color-mix(in oklab, var(--color-lime-180) 30%, transparent)}}}.group-has-checked\/toggle\:group-active\/toggle\:left-6\!:is(:where(.group\/toggle):has(:checked) *):is(:where(.group\/toggle):active *){left:calc(var(--spacing) * 6)!important}.group-has-user-invalid\:text-error-100\!:is(:where(.group):has(:user-invalid) *){color:var(--color-error-100)!important}.group-has-user-invalid\:\[--border-color\:var\(--color-error-100\)\]\!:is(:where(.group):has(:user-invalid) *){--border-color:var(--color-error-100)!important}.group-has-focus-visible\:\[--border-color\:var\(--color-neutral-100\)\]:is(:where(.group):has(:focus-visible) *){--border-color:var(--color-neutral-100)}.group-has-focus-visible\:\[--border-color\:var\(--color-white\)\]:is(:where(.group):has(:focus-visible) *){--border-color:var(--color-white)}.group-has-aria-invalid\:text-error-100\!:is(:where(.group):has([aria-invalid=true]) *){color:var(--color-error-100)!important}.group-has-aria-invalid\:\[--border-color\:var\(--color-error-100\)\]\!:is(:where(.group):has([aria-invalid=true]) *){--border-color:var(--color-error-100)!important}@media (hover:hover){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){color:var(--color-white)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:\[--border-color\:var\(--color-neutral-100\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){--border-color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\)\]\:group-hover\:\[--border-color\:var\(--color-white\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled)) *):is(:where(.group):hover *){--border-color:var(--color-white)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:cursor-pointer:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *){cursor:pointer}.peer-checked\:border-transparent:is(:where(.peer):checked~*){border-color:#0000}.peer-checked\:bg-teal-100:is(:where(.peer):checked~*){background-color:var(--color-teal-100)}@media (hover:hover){.peer-checked\:group-hover\/checkbox\:bg-\[hsl\(180\,84\%\,13\%\)\]:is(:where(.peer):checked~*):is(:where(.group\/checkbox):hover *){background-color:#053d3d}}.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-focus-visible\:ring-teal-100:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-teal-100)}.peer-focus-visible\:ring-offset-1:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.placeholder\:text-neutral-30::placeholder{color:var(--color-neutral-30)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:right-0:before{content:var(--tw-content);right:calc(var(--spacing) * 0)}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.before\:left-9\.75:before{content:var(--tw-content);left:calc(var(--spacing) * 9.75)}.before\:border-b-\[1\.5px\]:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.before\:border-\(--border-color\):before{content:var(--tw-content);border-color:var(--border-color)}.before\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:relative:after{content:var(--tw-content);position:relative}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-top-1\.75:after{content:var(--tw-content);top:calc(var(--spacing) * -1.75)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:block:after{content:var(--tw-content);display:block}.after\:size-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.after\:size-full:after{content:var(--tw-content);width:100%;height:100%}.after\:w-10:after{content:var(--tw-content);width:calc(var(--spacing) * 10)}.after\:shrink-0:after{content:var(--tw-content);flex-shrink:0}.after\:translate-x-\[calc\(\(1\%\*var\(--slider-offset\)\)\+\(\(50-var\(--slider-offset\)\)\*0\.0225rem\)\)\]:after{content:var(--tw-content);--tw-translate-x:calc((1% * var(--slider-offset)) + ((50 - var(--slider-offset)) * .0225rem));translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:animate-spin-after:after{content:var(--tw-content);animation:var(--animate-spin-after)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border-\[clamp\(0\.125rem\,var\(--spinner-size\)\/10\,0\.325rem\)\]:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:clamp(.125rem, var(--spinner-size) / 10, .325rem)}.after\:border-solid:after{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.after\:border-current:after{content:var(--tw-content);border-color:currentColor}.after\:bg-teal-100:after{content:var(--tw-content);background-color:var(--color-teal-100)}.after\:text-center:after{content:var(--tw-content);text-align:center}.after\:text-sm:after{content:var(--tw-content);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.after\:leading-none:after{content:var(--tw-content);--tw-leading:1;line-height:1}.after\:font-medium:after{content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:text-neutral-100:after{content:var(--tw-content);color:var(--color-neutral-100)}.after\:content-\[attr\(data-value\)\]:after{--tw-content:attr(data-value);content:var(--tw-content)}.after\:\[clip\:inherit\]:after{content:var(--tw-content);clip:inherit}.peer-focus-visible\:after\:outline:is(:where(.peer):focus-visible~*):after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.peer-focus-visible\:after\:outline-\[-webkit-focus-ring-color\]:is(:where(.peer):focus-visible~*):after{content:var(--tw-content);outline-color:-webkit-focus-ring-color}.first\:mt-2:first-child{margin-top:calc(var(--spacing) * 2)}.first\:rounded-t-2xl:first-child{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.last\:rounded-b-2xl:last-child{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}@media (hover:hover){.hover\:bg-neutral-50\/10:hover{background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-neutral-50\/10:hover{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.hover\:bg-surface-50:hover{background-color:var(--color-surface-50)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.hover\:text-white:hover{color:var(--color-white)}.not-disabled\:hover\:border-neutral-100\/20:not(:disabled):hover{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:border-neutral-100\/20:not(:disabled):hover{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.not-disabled\:hover\:bg-\[hsl\(7\,74\%\,42\%\)\]:not(:disabled):hover{background-color:#ba2e1c}.not-disabled\:hover\:bg-\[hsl\(95\,81\%\,69\%\)\]:not(:disabled):hover{background-color:#a5f070}.not-disabled\:hover\:bg-\[hsl\(145\,72\%\,29\%\)\]:not(:disabled):hover{background-color:#157f41}.not-disabled\:hover\:bg-\[hsl\(180\,84\%\,20\%\)\]:not(:disabled):hover{background-color:#085e5e}.not-disabled\:hover\:bg-neutral-100\/4:not(:disabled):hover{background-color:#121f190a}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-neutral-100\/4:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-neutral-100) 4%, transparent)}}.not-disabled\:hover\:bg-teal-100\/6:not(:disabled):hover{background-color:#0644440f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-teal-100\/6:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-teal-100) 6%, transparent)}}.not-disabled\:hover\:bg-white\/6:not(:disabled):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-white\/6:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.not-disabled\:hover\:bg-white\/8:not(:disabled):hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:bg-white\/8:not(:disabled):hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.not-disabled\:hover\:text-neutral-100:not(:disabled):hover{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-neutral-50\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-neutral-50\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-white\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:bg-white\/10:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{color:var(--color-white)}}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:bg-neutral-50\/10:focus-visible{background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-neutral-50\/10:focus-visible{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.focus-visible\:bg-white\/10:focus-visible{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.focus-visible\:bg-white\/10:focus-visible{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.focus-visible\:text-neutral-100:focus-visible{color:var(--color-neutral-100)}.focus-visible\:text-white:focus-visible{color:var(--color-white)}.focus-visible\:outline-transparent:focus-visible{outline-color:#0000}.not-disabled\:focus-visible\:border-neutral-100\/20:not(:disabled):focus-visible{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:border-neutral-100\/20:not(:disabled):focus-visible{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.not-disabled\:focus-visible\:bg-\[hsl\(7\,74\%\,42\%\)\]:not(:disabled):focus-visible{background-color:#ba2e1c}.not-disabled\:focus-visible\:bg-\[hsl\(95\,81\%\,69\%\)\]:not(:disabled):focus-visible{background-color:#a5f070}.not-disabled\:focus-visible\:bg-\[hsl\(145\,72\%\,29\%\)\]:not(:disabled):focus-visible{background-color:#157f41}.not-disabled\:focus-visible\:bg-\[hsl\(180\,84\%\,20\%\)\]:not(:disabled):focus-visible{background-color:#085e5e}.not-disabled\:focus-visible\:bg-teal-100\/6:not(:disabled):focus-visible{background-color:#0644440f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:bg-teal-100\/6:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-teal-100) 6%, transparent)}}.not-disabled\:focus-visible\:bg-white\/6:not(:disabled):focus-visible{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:bg-white\/6:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.not-disabled\:focus-visible\:bg-white\/8:not(:disabled):focus-visible{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.not-disabled\:focus-visible\:bg-white\/8:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.not-disabled\:focus-visible\:text-neutral-100:not(:disabled):focus-visible,.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:focus-visible\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:focus-visible\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible{color:var(--color-white)}.active\:bg-neutral-50\/20:active{background-color:#565c5a33}@supports (color:color-mix(in lab, red, red)){.active\:bg-neutral-50\/20:active{background-color:color-mix(in oklab, var(--color-neutral-50) 20%, transparent)}}.active\:bg-white\/20:active{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.active\:bg-white\/20:active{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.not-disabled\:active\:border-neutral-100\/20:not(:disabled):active{border-color:#121f1933}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:border-neutral-100\/20:not(:disabled):active{border-color:color-mix(in oklab, var(--color-neutral-100) 20%, transparent)}}.not-disabled\:active\:bg-\[hsl\(7\,70\%\,35\%\)\]:not(:disabled):active{background-color:#98291b}.not-disabled\:active\:bg-\[hsl\(95\,67\%\,58\%\)\]:not(:disabled):active{background-color:#88dc4c}.not-disabled\:active\:bg-\[hsl\(145\,64\%\,24\%\)\]:not(:disabled):active{background-color:#166437}.not-disabled\:active\:bg-\[hsl\(180\,84\%\,10\%\)\]:not(:disabled):active{background-color:#042f2f}.not-disabled\:active\:bg-neutral-100\/8:not(:disabled):active{background-color:#121f1914}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-neutral-100\/8:not(:disabled):active{background-color:color-mix(in oklab, var(--color-neutral-100) 8%, transparent)}}.not-disabled\:active\:bg-teal-100\/12:not(:disabled):active{background-color:#0644441f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-teal-100\/12:not(:disabled):active{background-color:color-mix(in oklab, var(--color-teal-100) 12%, transparent)}}.not-disabled\:active\:bg-white\/12:not(:disabled):active{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-white\/12:not(:disabled):active{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.not-disabled\:active\:bg-white\/16:not(:disabled):active{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.not-disabled\:active\:bg-white\/16:not(:disabled):active{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.not-disabled\:active\:text-neutral-100:not(:disabled):active{color:var(--color-neutral-100)}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-neutral-50\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:#565c5a33}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-neutral-50\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:color-mix(in oklab, var(--color-neutral-50) 20%, transparent)}}.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-white\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.group-has-\[\:is\(input\,textarea\,select\)\:not\(\:disabled\,\:user-invalid\,\[aria-invalid\=true\]\)\]\:active\:bg-white\/20:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):active{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.has-\[option\[value\=\'\'\]\:checked\]\:text-neutral-30:has(:is(option[value=""]:checked)){color:var(--color-neutral-30)}@media (min-width:40rem){.sm\:w-96{width:calc(var(--spacing) * 96)}}@media (min-width:48rem){.md\:top-6{top:calc(var(--spacing) * 6)}.md\:right-6{right:calc(var(--spacing) * 6)}.md\:left-auto{left:auto}}@media (min-width:64rem){.lg\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.lg\:min-h-14{min-height:calc(var(--spacing) * 14)}.lg\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.\[\&_path\]\:pointer-events-none path{pointer-events:none}.\[\&_span\:nth-of-type\(1\)\]\:text-neutral-100 span:first-of-type{color:var(--color-neutral-100)}.\[\&_span\:nth-of-type\(2\)\]\:text-sm span:nth-of-type(2){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&_span\:nth-of-type\(2\)\]\:text-xs span:nth-of-type(2){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\:\:-webkit-slider-thumb\]\:relative::-webkit-slider-thumb{position:relative}.\[\&\:\:-webkit-slider-thumb\]\:z-3::-webkit-slider-thumb{z-index:3}.\[\&\:\:-webkit-slider-thumb\]\:size-6::-webkit-slider-thumb{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:\[-webkit-appearance\:none\]::-webkit-slider-thumb{-webkit-appearance:none}.\[\&\>div\:not\(\:last-child\)\]\:opacity-0\!>div:not(:last-child){opacity:0!important}:where(.\[\:where\(\&\)\]\:text-white){color:var(--color-white)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin-outer{0%{rotate:0deg}to{rotate:360deg}}@keyframes spin-inner{0%{rotate:0deg}to{rotate:220deg}}@keyframes spin-after{0%{rotate:-140deg}to{rotate:140deg}}
|
package/package.json
CHANGED
package/dist/chunk-DNR3LDTH.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import{clsx as b}from"clsx";import{jsx as u,jsxs as f}from"react/jsx-runtime";var g=({label:r,showOptional:t,required:e,variant:o="dark"})=>f("div",{className:b("pointer-events-none absolute inset-0 flex","group-has-user-invalid:[--border-color:var(--color-error-100)]! group-has-aria-invalid:[--border-color:var(--color-error-100)]!",o==="dark"&&"[--border-color:var(--color-stroke-dark)] group-has-focus-visible:[--border-color:var(--color-neutral-100)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-neutral-100)]",o==="light"&&"[--border-color:var(--color-stroke-light)] group-has-focus-visible:[--border-color:var(--color-white)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-white)]"),"aria-hidden":"true",children:[u("div",{className:"relative -mr-9.75 w-14 shrink-0 rounded-l-[1.75rem] border-y-[1.5px] border-l-[1.5px] border-(--border-color) transition-colors",style:r?{clipPath:"polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 30% 50%, 30% 0%)"}:void 0}),r&&u("div",{className:"relative shrink-0 px-1 transition-colors before:absolute before:right-0 before:bottom-0 before:left-9.75 before:border-b-[1.5px] before:border-(--border-color) before:transition-colors",children:f("div",{className:"invisible flex items-center gap-1 font-medium whitespace-nowrap",children:[u("span",{className:"text-sm leading-none",children:r}),t&&!e&&u("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]})}),u("div",{className:b("flex-1 rounded-r-[1.75rem] border-y-[1.5px] border-r-[1.5px] border-(--border-color) transition-colors",!r&&"ml-9.75")})]}),p=g;import{clsx as v}from"clsx";import{jsx as F,jsxs as N}from"react/jsx-runtime";var T=({keyboardFocused:r,onMouseDown:t,onMouseUp:e,size:o="md",variant:s="dark",hasButton:i=!1,label:n,showOptional:l,required:d,className:a,children:m})=>N("div",{className:v("group relative mt-2 flex items-center rounded-[1.75rem] transition-colors",o==="sm"&&"min-h-10",o==="md"&&"min-h-14",i&&"pr-1",r&&"outline-browser",a),onMouseDown:t,onMouseUp:e,children:[F(p,{label:n,showOptional:l,required:d,variant:s}),m]}),E=T;import{ExclamationCircleIcon as w}from"@heroicons/react/20/solid";import{clsx as R}from"clsx";import{jsx as x,jsxs as k}from"react/jsx-runtime";var y=({id:r,className:t,error:e})=>e?.message?k("div",{className:R("mt-1 flex items-center gap-0.5 text-error-100",t),children:[x(w,{className:"ml-1.5 size-3.5"}),x("span",{id:`${r}-error`,className:"text-xs",children:e.message})]}):null,I=y;import{clsx as M}from"clsx";import{jsx as h,jsxs as S}from"react/jsx-runtime";var L=({inputId:r,label:t,variant:e="dark",showOptional:o,required:s,className:i})=>S("div",{className:M("absolute -top-2 left-4.25 z-10 flex flex-nowrap items-center justify-start gap-1 px-1 font-medium whitespace-nowrap group-has-user-invalid:text-error-100! group-has-aria-invalid:text-error-100!",e==="dark"&&"text-neutral-50 group-focus-within:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-neutral-100",e==="light"&&"text-neutral-20 group-focus-within:text-white group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-white",i),children:[h("label",{htmlFor:r,className:"text-sm leading-none",children:t}),o&&!s&&h("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]}),C=L;import{clsx as P}from"clsx";import{jsx as H}from"react/jsx-runtime";var D=({position:r,fieldSize:t="md",variant:e="dark",onClick:o,buttonType:s,disabled:i,children:n,className:l,name:d})=>{let a=typeof o=="function";return H(a?"button":"div",{className:P("absolute flex grow-0 items-center justify-center rounded-full transition-colors ease-out",t==="sm"&&["top-2.125 size-6.5",r==="leading"?"left-3.75":"right-3.75"],t==="md"&&["top-3.125 size-8.5",r==="leading"?"left-3.5":"right-3.5"],e==="dark"&&"text-neutral-50",e==="light"&&"text-neutral-30",a&&["group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:cursor-pointer",e==="dark"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-neutral-100 focus-visible:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-neutral-50/20",e==="light"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-white focus-visible:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-white group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-white/20"],l),...!a&&{"aria-hidden":!0},...a&&{name:d,onClick:o,disabled:i,type:s||"button"},children:n})},_=D;import{useRef as B,useState as z,useCallback as c}from"react";var V=({onFocus:r,onBlur:t})=>{let e=B(!1),[o,s]=z(!1),i=c(()=>{e.current=!0},[]),n=c(()=>{e.current=!1},[]),l=c(a=>(e.current||s(!0),r?.(a)),[r]),d=c(a=>(s(!1),t?.(a)),[t]);return{keyboardFocused:o,handleMouseDown:i,handleMouseUp:n,handleFocus:l,handleBlur:d}},A=V;var O=["sm","md"],X=["dark","light"];export{p as a,E as b,I as c,C as d,_ as e,A as f,O as g,X as h};
|