@bronzelabs/oakma-ui 0.0.12 → 0.0.14

package/dist/{chunk-HUBVLDKL.js → chunk-6PJPLX23.js}

@@ -1,2 +1,2 @@
 "use client";
-import{clsx as m}from"clsx";import{jsx as c,jsxs as b}from"react/jsx-runtime";var v=({label:o,showOptional:r,required:e,variant:t="dark"})=>b("div",{className:m("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)]!",t==="dark"&&"[--border-color:var(--color-stroke-dark)] group-has-focus-visible:[--border-color:var(--color-neutral-100)] group-has-valid-field:group-hover:[--border-color:var(--color-neutral-100)]",t==="light"&&"[--border-color:var(--color-stroke-light)] group-has-focus-visible:[--border-color:var(--color-white)] group-has-valid-field:group-hover:[--border-color:var(--color-white)]"),"aria-hidden":"true",children:[c("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:o?{clipPath:"polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 30% 50%, 30% 0%)"}:void 0}),o&&c("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:b("div",{className:"invisible flex items-center gap-1 font-medium whitespace-nowrap",children:[c("span",{className:"text-sm leading-none",children:o}),r&&!e&&c("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]})}),c("div",{className:m("min-w-8 flex-1 rounded-r-[1.75rem] border-y-[1.5px] border-r-[1.5px] border-(--border-color) transition-colors",!o&&"ml-9.75")})]}),p=v;import{clsx as x}from"clsx";import{jsx as F,jsxs as y}from"react/jsx-runtime";var T=({keyboardFocused:o,onMouseDown:r,onMouseUp:e,size:t="md",variant:s="dark",hasButton:n=!1,label:l,showOptional:i,required:d,className:a,children:f})=>y("div",{className:x("group relative mt-2 flex items-center rounded-[1.75rem] transition-colors",t==="sm"&&"min-h-10",t==="md"&&"min-h-14",n&&"pr-1",o&&"outline-browser",a),onMouseDown:r,onMouseUp:e,children:[F(p,{label:l,showOptional:i,required:d,variant:s}),f]}),E=T;import{ExclamationCircleIcon as N}from"@heroicons/react/20/solid";import{clsx as R}from"clsx";import{jsx as h,jsxs as k}from"react/jsx-runtime";var w=({id:o,className:r,error:e})=>e?.message?k("div",{className:R("mt-1 flex items-center gap-0.5 text-error-100",r),children:[h(N,{className:"ml-1.5 size-3.5"}),h("span",{id:`${o}-error`,className:"text-xs",children:e.message})]}):null,I=w;import{clsx as M}from"clsx";import{jsx as g,jsxs as S}from"react/jsx-runtime";var L=({inputId:o,label:r,variant:e="dark",showOptional:t,required:s,className:n})=>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-valid-field:group-hover:text-neutral-100",e==="light"&&"text-neutral-20 group-focus-within:text-white group-has-valid-field:group-hover:text-white",n),children:[g("label",{htmlFor:o,className:"text-sm leading-none",children:r}),t&&!s&&g("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:o,fieldSize:r="md",variant:e="dark",onClick:t,buttonType:s,disabled:n,children:l,className:i,name:d})=>{let a=typeof t=="function";return H(a?"button":"div",{className:P("absolute flex grow-0 items-center justify-center rounded-full transition-colors ease-out",r==="sm"&&["top-2.125",o==="leading"?"left-3.75":"right-3"],r==="md"&&["top-3.125",o==="leading"?"left-5":"right-5"],e==="dark"&&"text-neutral-50",e==="light"&&"text-neutral-30",a&&["group-has-valid-field:cursor-pointer group-has-valid-field:hover:before:opacity-100 group-has-valid-field:focus-visible:outline-offset-2 group-has-valid-field:focus-visible:before:opacity-100 before:absolute before:-inset-1 before:-z-10 before:rounded-full before:opacity-0 before:transition-opacity",e==="dark"&&["group-has-valid-field:hover:text-neutral-100 group-has-valid-field:focus-visible:text-neutral-100 before:bg-neutral-50/10"],e==="light"&&["group-has-valid-field:hover:text-white group-has-valid-field:focus-visible:text-white before:bg-white/10"]],i),...!a&&{"aria-hidden":!0},...a&&{name:d,onClick:t,disabled:n,type:s||"button"},children:l})},_=D;import{useRef as B,useState as z,useCallback as u}from"react";var V=({onFocus:o,onBlur:r})=>{let e=B(!1),[t,s]=z(!1),n=u(()=>{e.current=!0},[]),l=u(()=>{e.current=!1},[]),i=u(a=>(e.current||s(!0),o?.(a)),[o]),d=u(a=>(s(!1),r?.(a)),[r]);return{keyboardFocused:t,handleMouseDown:n,handleMouseUp:l,handleFocus:i,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};
+import{clsx as m}from"clsx";import{jsx as c,jsxs as b}from"react/jsx-runtime";var v=({label:o,showOptional:r,required:e,variant:t="dark"})=>b("div",{className:m("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)]!",t==="dark"&&"[--border-color:var(--color-stroke-dark)] group-has-focus-visible:[--border-color:var(--color-neutral-100)] group-has-valid-field:group-hover:[--border-color:var(--color-neutral-100)]",t==="light"&&"[--border-color:var(--color-stroke-light)] group-has-focus-visible:[--border-color:var(--color-white)] group-has-valid-field:group-hover:[--border-color:var(--color-white)]"),"aria-hidden":"true",children:[c("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:o?{clipPath:"polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 30% 50%, 30% 0%)"}:void 0}),o&&c("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:b("div",{className:"invisible flex items-center gap-1 font-medium whitespace-nowrap",children:[c("span",{className:"text-sm leading-none",children:o}),r&&!e&&c("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]})}),c("div",{className:m("min-w-8 flex-1 rounded-r-[1.75rem] border-y-[1.5px] border-r-[1.5px] border-(--border-color) transition-colors",!o&&"ml-9.75")})]}),p=v;import{clsx as x}from"clsx";import{jsx as F,jsxs as y}from"react/jsx-runtime";var T=({keyboardFocused:o,onMouseDown:r,onMouseUp:e,size:t="md",variant:s="dark",hasButton:n=!1,label:l,showOptional:i,required:d,className:a,children:f})=>y("div",{className:x("group relative mt-2 flex items-center rounded-[1.75rem] transition-colors",t==="sm"&&"min-h-10",t==="md"&&"min-h-14",n&&"pr-1",o&&"outline-browser",a),onMouseDown:r,onMouseUp:e,children:[F(p,{label:l,showOptional:i,required:d,variant:s}),f]}),E=T;import{ExclamationCircleIcon as N}from"@heroicons/react/20/solid";import{clsx as R}from"clsx";import{jsx as h,jsxs as k}from"react/jsx-runtime";var w=({id:o,className:r,error:e})=>e?.message?k("div",{className:R("mt-1 flex items-center gap-0.5 text-error-100",r),children:[h(N,{className:"ml-1.5 size-3.5"}),h("span",{id:`${o}-error`,className:"text-xs",children:e.message})]}):null,I=w;import{clsx as M}from"clsx";import{jsx as g,jsxs as S}from"react/jsx-runtime";var L=({inputId:o,label:r,variant:e="dark",showOptional:t,required:s,className:n})=>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-valid-field:group-hover:text-neutral-100",e==="light"&&"text-neutral-20 group-focus-within:text-white group-has-valid-field:group-hover:text-white",n),children:[g("label",{htmlFor:o,className:"text-sm leading-none",children:r}),t&&!s&&g("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:o,fieldSize:r="md",variant:e="dark",onClick:t,buttonType:s,disabled:n,children:l,className:i,name:d})=>{let a=typeof t=="function";return H(a?"button":"div",{className:P("absolute flex grow-0 items-center justify-center rounded-full transition-colors ease-out",r==="sm"&&[o==="leading"?"left-3.75":"right-3"],r==="md"&&[o==="leading"?"left-5":"right-5"],e==="dark"&&"text-neutral-50",e==="light"&&"text-neutral-30",a&&["group-has-valid-field:cursor-pointer before:absolute before:-inset-1 before:-z-10 before:rounded-full before:opacity-0 before:transition-opacity group-has-valid-field:hover:before:opacity-100 group-has-valid-field:focus-visible:outline-offset-2 group-has-valid-field:focus-visible:before:opacity-100",e==="dark"&&["before:bg-neutral-50/10 group-has-valid-field:hover:text-neutral-100 group-has-valid-field:focus-visible:text-neutral-100"],e==="light"&&["before:bg-white/10 group-has-valid-field:hover:text-white group-has-valid-field:focus-visible:text-white"]],i),...!a&&{"aria-hidden":!0},...a&&{name:d,onClick:t,disabled:n,type:s||"button"},children:l})},_=D;import{useRef as B,useState as z,useCallback as u}from"react";var V=({onFocus:o,onBlur:r})=>{let e=B(!1),[t,s]=z(!1),n=u(()=>{e.current=!0},[]),l=u(()=>{e.current=!1},[]),i=u(a=>(e.current||s(!0),o?.(a)),[o]),d=u(a=>(s(!1),r?.(a)),[r]);return{keyboardFocused:t,handleMouseDown:n,handleMouseUp:l,handleFocus:i,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};

package/dist/chunk-7SJY32FA.js

@@ -0,0 +1,2 @@
+"use client";
+var m=(t,r=2)=>t?t.replace(/[^\w\s]/g,"").trim().split(/\s/).filter(Boolean).reduce((a,o)=>{let n=o?.charAt(0)?.toUpperCase()?.trim();return n?a+n:a},"").substring(0,r):void 0;import c from"clsx";import{jsx as x,jsxs as g}from"react/jsx-runtime";var d=({className:t,image:r,size:e="lg",name:i,icon:s,formatName:a=m,ref:o,...n})=>{function u(l){l.currentTarget.style.visibility="hidden"}function p(l){l.currentTarget.style.visibility==="hidden"&&(l.currentTarget.style.visibility="visible")}return g("div",{ref:o,className:c("relative inline-flex shrink-0 overflow-hidden rounded-full font-medium [:where(&)]:bg-neutral-20 [:where(&)]:text-neutral-100",e==="xs"&&"size-8 text-xs",e==="sm"&&"size-10 text-sm",e==="md"&&"size-12 text-sm",e==="lg"&&"[:where(&)]:size-14 [:where(&)]:text-base",e==="xl"&&"size-20 text-xl",e==="xxl"&&"size-24 text-xl",t),...n,children:[r&&x("img",{src:r,alt:i??"",className:"z-10 size-full object-cover",width:c(e==="xs"&&32,e==="sm"&&40,e==="md"&&48,e==="lg"&&56,e==="xl"&&80,e==="xxl"&&96),height:c(e==="xs"&&32,e==="sm"&&40,e==="md"&&48,e==="lg"&&56,e==="xl"&&80,e==="xxl"&&96),onError:u,onLoad:p}),x("div",{className:"absolute inset-0 z-0 flex items-center justify-center",children:s||x("span",{className:"flex size-full items-center justify-center",children:a(i)})})]})};d.displayName="Avatar";var f=d;var v=["xs","sm","md","lg","xl","xxl"];export{f as a,v as b};

package/dist/{chunk-LILYIQ5G.js → chunk-BIF43I2J.js}

@@ -1,2 +1,2 @@
 "use client";
-import{a as u}from"./chunk-HDP66ZRA.js";import{a as s,b as l,c,d as m,e as d}from"./chunk-AERZTKI2.js";import{useEffect as S,useState as T}from"react";import{createPortal as I}from"react-dom";import{XMarkIcon as A}from"@heroicons/react/20/solid";import{motion as f,AnimatePresence as V}from"motion/react";import z from"clsx";import{Fragment as _,jsx as t,jsxs as v}from"react/jsx-runtime";var p={top:{x:"0%",y:"calc(-100% - 1.5rem)"},right:{x:"calc(100% + 1.5rem)",y:"0%"},bottom:{x:"0%",y:"calc(100% + 1.5rem)"},left:{x:"calc(-100% - 1.5rem)",y:"0%"}},F={initial:e=>p[e],animate:{x:"0%",y:"0%",transition:{duration:.3,ease:[.4,0,.2,1]}},exit:e=>({...p[e],transition:{duration:.3,ease:[.4,0,.2,1]}})},b="tribe-modal-state",w=({position:e="left",isOpen:o=!1,withBackdrop:x=!0,withCloseButton:y=!0,closeOnClickOutside:h=!0,closeOnEscape:D=!0,lockScroll:P=!0,trapFocus:E=!0,portal:g,onClose:i,className:k,children:R,ref:N,...O})=>{let M=d(E&&o),n=s(N,M),[a,C]=T(!1);return S(()=>{function r(L){C(!!L.detail?.open)}return window.addEventListener(b,r),()=>{window.removeEventListener(b,r)}},[]),m(n,()=>{h&&!a&&i()}),l("keydown",r=>{D&&r.key==="Escape"&&!a&&i()}),c(P&&o),typeof window>"u"?null:I(t(V,{children:o&&v("div",{className:"fixed inset-0 z-9998",children:[x&&t(f.div,{initial:"hidden",animate:"visible",exit:"hidden",variants:u,role:"presentation",className:"fixed inset-0 opacity-30 backdrop-blur-xs",style:{backgroundColor:"rgba(15 41 41 / 0.3)"}}),v(f.div,{ref:n,className:z("fixed flex flex-col overflow-hidden rounded-5xl bg-white",e==="top"&&"inset-x-3 top-3 h-[min(14rem,calc(100dvh-1.5rem))]",e==="right"&&"inset-y-3 right-3 w-[min(30rem,calc(100vw-1.5rem))]",e==="bottom"&&"inset-x-3 bottom-3 h-[min(14rem,calc(100dvh-1.5rem))]",e==="left"&&"inset-y-3 left-3 w-[min(30rem,calc(100vw-1.5rem))]",o&&"shadow-md",k),initial:"initial",animate:"animate",exit:"exit",variants:F,custom:e,...O,children:[y&&t("div",{className:"sticky top-0 z-40 flex justify-end gap-6 bg-white px-4 pt-4.5 pb-2",children:t("button",{className:"flex size-6 cursor-pointer items-center justify-center justify-self-end rounded-full text-neutral-50 transition-colors hover:bg-neutral-50/10 hover:text-neutral-100 focus-visible:bg-neutral-50/10 focus-visible:text-neutral-100 active:bg-neutral-50/20",onClick:i,title:"Close drawer",children:t(A,{className:"size-5"})})}),t(_,{children:R})]})]})}),g||document?.body)};w.displayName="Drawer";var H=w;var B=["top","right","bottom","left"];export{H as a,B as b};
+import{a as u}from"./chunk-HDP66ZRA.js";import{a as s,b as l,c,d as m,e as d}from"./chunk-RJFGKO6A.js";import{useEffect as S,useState as T}from"react";import{createPortal as I}from"react-dom";import{XMarkIcon as A}from"@heroicons/react/20/solid";import{motion as f,AnimatePresence as V}from"motion/react";import z from"clsx";import{Fragment as _,jsx as t,jsxs as v}from"react/jsx-runtime";var p={top:{x:"0%",y:"calc(-100% - 1.5rem)"},right:{x:"calc(100% + 1.5rem)",y:"0%"},bottom:{x:"0%",y:"calc(100% + 1.5rem)"},left:{x:"calc(-100% - 1.5rem)",y:"0%"}},F={initial:e=>p[e],animate:{x:"0%",y:"0%",transition:{duration:.3,ease:[.4,0,.2,1]}},exit:e=>({...p[e],transition:{duration:.3,ease:[.4,0,.2,1]}})},b="tribe-modal-state",w=({position:e="left",isOpen:o=!1,withBackdrop:x=!0,withCloseButton:y=!0,closeOnClickOutside:h=!0,closeOnEscape:D=!0,lockScroll:P=!0,trapFocus:E=!0,portal:g,onClose:i,className:k,children:R,ref:N,...O})=>{let M=c(E&&o),n=s(N,M),[a,C]=T(!1);return S(()=>{function r(L){C(!!L.detail?.open)}return window.addEventListener(b,r),()=>{window.removeEventListener(b,r)}},[]),d(n,()=>{h&&!a&&i()}),l("keydown",r=>{D&&r.key==="Escape"&&!a&&i()}),m(P&&o),typeof window>"u"?null:I(t(V,{children:o&&v("div",{className:"fixed inset-0 z-9998",children:[x&&t(f.div,{initial:"hidden",animate:"visible",exit:"hidden",variants:u,role:"presentation",className:"fixed inset-0 opacity-30 backdrop-blur-xs",style:{backgroundColor:"rgba(15 41 41 / 0.3)"}}),v(f.div,{ref:n,className:z("fixed flex flex-col overflow-hidden rounded-5xl bg-white",e==="top"&&"inset-x-3 top-3 h-[min(14rem,calc(100dvh-1.5rem))]",e==="right"&&"inset-y-3 right-3 w-[min(30rem,calc(100vw-1.5rem))]",e==="bottom"&&"inset-x-3 bottom-3 h-[min(14rem,calc(100dvh-1.5rem))]",e==="left"&&"inset-y-3 left-3 w-[min(30rem,calc(100vw-1.5rem))]",o&&"shadow-md",k),initial:"initial",animate:"animate",exit:"exit",variants:F,custom:e,...O,children:[y&&t("div",{className:"sticky top-0 z-40 flex justify-end gap-6 bg-white px-4 pt-4.5 pb-2",children:t("button",{className:"flex size-6 cursor-pointer items-center justify-center justify-self-end rounded-full text-neutral-50 transition-colors hover:bg-neutral-50/10 hover:text-neutral-100 focus-visible:bg-neutral-50/10 focus-visible:text-neutral-100 active:bg-neutral-50/20",onClick:i,title:"Close drawer",children:t(A,{className:"size-5"})})}),t(_,{children:R})]})]})}),g||document?.body)};w.displayName="Drawer";var H=w;var B=["top","right","bottom","left"];export{H as a,B as b};

package/dist/{chunk-MWSASIA4.js → chunk-GJGMLQP6.js}

@@ -1,2 +1,2 @@
 "use client";
-import{a as r}from"./chunk-OAFI6CS3.js";import{a as c,b as a}from"./chunk-ALHJZELD.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};
+import{a as r}from"./chunk-OAFI6CS3.js";import{a as c,b as a}from"./chunk-OB3RHV7H.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};

package/dist/{chunk-2ZFRJLJV.js → chunk-GQBLRKUF.js}

@@ -1,2 +1,2 @@
 "use client";
-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-HUBVLDKL.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-4")}),t==="date"&&n(R,{className:i(e==="md"&&"size-6",e==="sm"&&"size-4")}),t==="datetime-local"&&n(R,{className:i(e==="md"&&"size-6",e==="sm"&&"size-4")}),t==="week"&&n(q,{className:i(e==="md"&&"size-6",e==="sm"&&"size-4")}),t==="month"&&n(V,{className:i(e==="md"&&"size-6",e==="sm"&&"size-4")})]}),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-9.5":"pl-3.75",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};
+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-6PJPLX23.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-5",e==="sm"&&"size-4")}),t==="date"&&n(R,{className:i(e==="md"&&"size-5",e==="sm"&&"size-4")}),t==="datetime-local"&&n(R,{className:i(e==="md"&&"size-5",e==="sm"&&"size-4")}),t==="week"&&n(q,{className:i(e==="md"&&"size-5",e==="sm"&&"size-4")}),t==="month"&&n(V,{className:i(e==="md"&&"size-5",e==="sm"&&"size-4")})]}),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-9.5":"pl-3.75",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};

package/dist/chunk-HLPSCU5X.js

@@ -0,0 +1,2 @@
+"use client";
+import{b as m,c as f,d as h,e as d,f as S}from"./chunk-6PJPLX23.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:s,size:o="md",variant:e="dark",error:i,leadingIcon:a,placeholder:r,showOptional:u=!0,className:b,required:l,disabled:c,onFocus:x,onBlur:y,defaultValue:g,children:w,...R})=>{let{keyboardFocused:v,handleMouseDown:F,handleMouseUp:N,handleFocus:k,handleBlur:z}=S({onFocus:x,onBlur:y});return p("div",{className:b,children:[p(m,{keyboardFocused:v,onMouseDown:F,onMouseUp:N,size:o,hasButton:!1,label:s,showOptional:u,required:l,variant:e,children:[s&&t(h,{inputId:n,label:s,showOptional:u,required:l,variant:e}),a?.icon&&t(d,{position:"leading",disabled:c,fieldSize:o,variant:e,children:a.icon}),p("select",{id:n,className:M("h-full min-w-0 grow appearance-none 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",a?.icon?"pl-9.5":"pl-3.75","pr-10"],o==="md"&&["min-h-12 text-base",a?.icon?"pl-12.75":"pl-5","pr-0"]),"aria-describedby":i?`${n}-error`:void 0,"aria-invalid":!!i,required:l,onFocus:k,onBlur:z,disabled:c,defaultValue:g||r?"":void 0,...R,children:[r&&t("option",{value:"",disabled:!0,hidden:!0,children:r}),w]}),t(d,{position:"trailing",disabled:c,fieldSize:o,variant:e,className:"pointer-events-none",children:t(C,{className:"size-5"})})]}),i?.message&&t(f,{id:n,error:i})]})},I=P;export{I as a};

package/dist/{chunk-U6FPHBLH.js → chunk-JRC6BKI2.js}

@@ -1,2 +1,2 @@
 "use client";
-import{a as f}from"./chunk-HDP66ZRA.js";import{a as d,b as c,c as u,d as m,e as p}from"./chunk-AERZTKI2.js";import{useEffect as V}from"react";import{createPortal as z}from"react-dom";import{XMarkIcon as D}from"@heroicons/react/20/solid";import{motion as b,AnimatePresence as F}from"motion/react";import i from"clsx";import{Fragment as O,jsx as e,jsxs as n}from"react/jsx-runtime";var H={hidden:{opacity:0,x:"-50%",y:"-45%",transition:{duration:.15,ease:[.4,0,.2,1]}},visible:{opacity:1,x:"-50%",y:"-50%",transition:{duration:.15,ease:[.4,0,.2,1]}}},v="oakma-modal-state",w=({isOpen:t=!1,withBackdrop:x=!0,withCloseButton:r=!0,closeOnClickOutside:h=!0,closeOnEscape:y=!0,lockScroll:g=!0,trapFocus:k=!0,portal:M,onClose:o,title:B,subTitle:S,className:N,children:E,header:s,footer:a,contentClassName:R,ref:C,...P})=>{let T=p(k&&t),l=d(C,T);return m(l,()=>{h&&o()}),c("keydown",L=>{y&&L.key==="Escape"&&o()}),u(g&&t),V(()=>(typeof window<"u"&&window.dispatchEvent(new CustomEvent(v,{detail:{open:t}})),()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent(v,{detail:{open:!1}}))}),[t]),typeof window>"u"?null:z(e(F,{children:t&&n("div",{className:"fixed inset-0 z-9998",children:[x&&e(b.div,{className:"fixed inset-0 opacity-30 backdrop-blur-xs",initial:"hidden",animate:"visible",exit:"hidden",variants:f,role:"presentation",style:{backgroundColor:"rgba(15 41 41 / 0.3)"}}),n(b.div,{className:i("fixed top-1/2 left-1/2 flex max-h-[90vh] w-[calc(100vw-3rem)] shrink-0 flex-col gap-4 overflow-hidden rounded-5xl bg-white shadow-md sm:w-96",N),ref:l,role:"dialog","aria-modal":!0,initial:"hidden",animate:"visible",exit:"hidden",variants:H,...P,children:[n("header",{className:i("sticky top-0 grid w-full grid-cols-[auto_min-content] items-start gap-4 bg-transparent pt-4 pl-6",r?"pr-4":"p-6"),children:[s&&e(O,{children:s}),r&&e("button",{className:"col-start-2 -mt-0.5 -mr-0.5 flex size-6 cursor-pointer items-center justify-center justify-self-end rounded-full text-neutral-50 transition-colors hover:bg-neutral-50/10 hover:text-neutral-100 focus-visible:bg-neutral-50/10 focus-visible:text-neutral-100 active:bg-neutral-50/20",onClick:o,title:"Close modal",children:e(D,{className:"size-6"})})]}),e("div",{className:i("size-full overflow-scroll px-6",!a&&"pb-6",R),children:E}),a&&e("footer",{className:"bg-transparent px-6 pb-4",children:a})]})]})}),M||document.body)};w.displayName="Modal";var A=w;export{A as a};
+import{a as f}from"./chunk-HDP66ZRA.js";import{a as d,b as c,c as u,d as m,e as p}from"./chunk-RJFGKO6A.js";import{useEffect as V}from"react";import{createPortal as z}from"react-dom";import{XMarkIcon as D}from"@heroicons/react/20/solid";import{motion as b,AnimatePresence as F}from"motion/react";import i from"clsx";import{Fragment as O,jsx as e,jsxs as n}from"react/jsx-runtime";var H={hidden:{opacity:0,x:"-50%",y:"-45%",transition:{duration:.15,ease:[.4,0,.2,1]}},visible:{opacity:1,x:"-50%",y:"-50%",transition:{duration:.15,ease:[.4,0,.2,1]}}},v="oakma-modal-state",w=({isOpen:t=!1,withBackdrop:x=!0,withCloseButton:r=!0,closeOnClickOutside:h=!0,closeOnEscape:y=!0,lockScroll:g=!0,trapFocus:k=!0,portal:M,onClose:o,title:B,subTitle:S,className:N,children:E,header:s,footer:a,contentClassName:R,ref:C,...P})=>{let T=u(k&&t),l=d(C,T);return p(l,()=>{h&&o()}),c("keydown",L=>{y&&L.key==="Escape"&&o()}),m(g&&t),V(()=>(typeof window<"u"&&window.dispatchEvent(new CustomEvent(v,{detail:{open:t}})),()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent(v,{detail:{open:!1}}))}),[t]),typeof window>"u"?null:z(e(F,{children:t&&n("div",{className:"fixed inset-0 z-9998",children:[x&&e(b.div,{className:"fixed inset-0 opacity-30 backdrop-blur-xs",initial:"hidden",animate:"visible",exit:"hidden",variants:f,role:"presentation",style:{backgroundColor:"rgba(15 41 41 / 0.3)"}}),n(b.div,{className:i("fixed top-1/2 left-1/2 flex max-h-[90vh] w-[calc(100vw-3rem)] shrink-0 flex-col gap-4 overflow-hidden rounded-5xl bg-white shadow-md sm:w-96",N),ref:l,role:"dialog","aria-modal":!0,initial:"hidden",animate:"visible",exit:"hidden",variants:H,...P,children:[n("header",{className:i("sticky top-0 grid w-full grid-cols-[auto_min-content] items-start gap-4 bg-transparent pt-4 pl-6",r?"pr-4":"p-6"),children:[s&&e(O,{children:s}),r&&e("button",{className:"col-start-2 -mt-0.5 -mr-0.5 flex size-6 cursor-pointer items-center justify-center justify-self-end rounded-full text-neutral-50 transition-colors hover:bg-neutral-50/10 hover:text-neutral-100 focus-visible:bg-neutral-50/10 focus-visible:text-neutral-100 active:bg-neutral-50/20",onClick:o,title:"Close modal",children:e(D,{className:"size-6"})})]}),e("div",{className:i("size-full overflow-scroll px-6",!a&&"pb-6",R),children:E}),a&&e("footer",{className:"bg-transparent px-6 pb-4",children:a})]})]})}),M||document.body)};w.displayName="Modal";var A=w;export{A as a};

package/dist/{chunk-ALHJZELD.js → chunk-OB3RHV7H.js}

@@ -1,2 +1,2 @@
 "use client";
-import{b as N,c as V,d as k,e as q}from"./chunk-HUBVLDKL.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};
+import{b as N,c as V,d as k,e as q}from"./chunk-6PJPLX23.js";import{a as $}from"./chunk-RJFGKO6A.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};

package/dist/chunk-ONNIKYDJ.js

@@ -0,0 +1,2 @@
+"use client";
+import{b as T,c as g,d as A,e as m,f as C}from"./chunk-6PJPLX23.js";import{a as y,f as b}from"./chunk-RJFGKO6A.js";import{useCallback as z,useLayoutEffect as D}from"react";import x from"clsx";import{jsx as a,jsxs as R}from"react/jsx-runtime";var U=({id:n,label:l,size:e="md",variant:t="dark",error:s,leadingIcon:i,trailingIcon:o,showOptional:f=!0,className:M,required:p,disabled:c,onFocus:k,onBlur:N,ref:S,onChange:w,autoSizing:d=!0,inputClassName:E,...F})=>{let{keyboardFocused:P,handleMouseDown:H,handleMouseUp:v,handleFocus:L,handleBlur:B}=C({onFocus:k,onBlur:N}),h=b("fieldSizing","textarea",!0),r=y(S);function O(V){u(),w?.(V)}let u=z(()=>{h||!d||r.current&&(r.current.style.setProperty("height","auto"),r.current.style.setProperty("height",r.current.scrollHeight+"px"))},[r,h,d]);return D(()=>u(),[u]),R("div",{className:M,children:[R(T,{keyboardFocused:P,onMouseDown:H,onMouseUp:v,className:"items-start!",size:e,hasButton:!1,label:l,showOptional:f,required:p,variant:t,children:[l&&a(A,{inputId:n,label:l,showOptional:f,required:p,variant:t}),!!i?.icon&&a(m,{position:"leading",disabled:c,fieldSize:e,variant:t,className:x(e==="sm"&&"top-2.5",e==="md"&&"top-4.5"),children:i.icon}),a("textarea",{ref:r,id:n,className:x("min-w-0 grow resize-none placeholder:text-neutral-30 focus:outline-hidden",d&&"field-sizing-content",t==="dark"&&"text-neutral-100",t==="light"&&"text-white",e==="sm"&&["py-2 text-sm",i?.icon?"pl-9.5":"pl-3.75",o?.icon?"pr-10":"pr-3"],e==="md"&&["py-3.75 text-base",i?.icon?"pl-12.75":"pl-5",o?.icon?"pr-12":"pr-5"],E),"aria-describedby":s?`${n}-error`:void 0,"aria-invalid":!!s,required:p,onFocus:L,onBlur:B,disabled:c,onChange:O,...F}),!!o?.icon&&a(m,{position:"trailing",onClick:o?.onClick,disabled:o?.disabled||c,fieldSize:e,variant:t,className:x(e==="sm"&&"top-2.5",e==="md"&&"top-4.5"),children:o.icon})]}),s&&a(g,{id:n,error:s})]})},q=U;export{q as a};

package/dist/chunk-RJFGKO6A.js

@@ -0,0 +1,2 @@
+"use client";
+import{useRef as M,useEffect as H}from"react";var x=(...e)=>{let t=M(null);return H(()=>{e.forEach(n=>{n&&(typeof n=="function"?n(t.current):n.current=t.current)})},[e]),t};import{useEffect as g,useRef as N}from"react";import{useEffect as h,useLayoutEffect as A}from"react";var a=typeof window<"u"?A:h;function l(e,t,n,s){let r=N(t);a(()=>{r.current=t},[t]),g(()=>{let o=n?.current??window;if(!(o&&o.addEventListener))return;let i=u=>r.current(u);return o.addEventListener(e,i,s),()=>{o.removeEventListener(e,i,s)}},[e,n,s])}import{useCallback as O,useEffect as S,useRef as L}from"react";var R=/input|select|textarea|button|object/,c="a, input, select, textarea, button, object, [tabindex]",K=e=>e.style.display==="none",w=e=>{if(e.getAttribute("aria-hidden")||e.getAttribute("hidden")||e.getAttribute("type")==="hidden")return!1;let n=e;for(;n&&!(n===document.body||n.nodeType===11);){if(K(n))return!1;n=n.parentNode}return!0},E=e=>{let t=e.getAttribute("tabindex");return t===null&&(t=void 0),parseInt(t,10)},d=e=>{let t=e.nodeName.toLowerCase(),n=!Number.isNaN(E(e));return!!((R.test(t)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||n)&&w(e))},f=e=>{let t=E(e);return(Number.isNaN(t)||t>=0)&&d(e)},b=e=>Array.from(e.querySelectorAll(c)).filter(f);var v=(e,t)=>{let n=b(e);if(!n.length){t.preventDefault();return}let s=n[t.shiftKey?0:n.length-1],r=e.getRootNode(),o=s===r.activeElement||e===r.activeElement,i=r.activeElement;if(i.tagName==="INPUT"&&i.getAttribute("type")==="radio"&&(o=n.filter(p=>p.getAttribute("type")==="radio"&&p.getAttribute("name")===i.getAttribute("name")).includes(s)),!o)return;t.preventDefault();let m=n[t.shiftKey?n.length-1:0];m&&m.focus()};var T=(e,t="body > :not(script)")=>{let n=`tribe-${Math.random().toString(36).slice(2,11)}`,s=Array.from(document?.querySelectorAll(t)).map(r=>{if(r?.shadowRoot?.contains(e)||r.contains(e))return;let o=r.getAttribute("aria-hidden"),i=r.getAttribute("data-hidden"),u=r.getAttribute("data-focus-id");return r.setAttribute("data-focus-id",n),o===null||o==="false"?r.setAttribute("aria-hidden","true"):!i&&!u&&r.setAttribute("data-hidden",o),{node:r,ariaHidden:i||null}});return()=>{s.forEach(r=>{!r||n!==r.node.getAttribute("data-focus-id")||(r.ariaHidden===null?r.node.removeAttribute("aria-hidden"):r.node.setAttribute("aria-hidden",r.ariaHidden),r.node.removeAttribute("data-focus-id"),r.node.removeAttribute("data-hidden"))})}};var y=(e=!0)=>{let t=L(null),n=L(null),s=o=>{let i=o.querySelector("[data-autofocus]");if(!i){let u=Array.from(o.querySelectorAll(c));i=u.find(f)||u.find(d)||null,!i&&d(o)&&(i=o)}i&&i.focus({preventScroll:!0})},r=O(o=>{if(e){if(o===null){n.current&&(n.current(),n.current=null);return}n.current=T(o),t.current!==o&&(o?(setTimeout(()=>{o.getRootNode()&&s(o)}),t.current=o):t.current=null)}},[e]);return S(()=>{if(!e)return;t.current&&setTimeout(()=>s(t.current));let o=i=>{i.key==="Tab"&&t.current&&v(t.current,i)};return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o),n.current&&n.current()}},[e]),r};function k(e=!0){a(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t}},[e])}function I(e,t,n="mousedown"){l(n,s=>{let r=e?.current;if(!r||r.contains(s.target))return;let o=i=>i instanceof HTMLElement?Array.from(i?.classList).some(u=>u?.endsWith("-indicatorContainer")):!1;o(s.target?.parentNode)||o(s.target?.parentNode?.parentNode)||t(s)})}import{useEffect as C,useRef as D}from"react";function j(e,t="div",n=!1){let s=D(n);return C(()=>{if(console.log("useSupportStyle ran"),typeof window>"u")return;let r=document.createElement(t);s.current=r.style[e]!==void 0,r.remove()},[t,e]),s.current}export{x as a,l as b,y as c,k as d,I as e,j as f};

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+
+declare const AVATAR_SIZES: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+type AvatarSize = (typeof AVATAR_SIZES)[number];
+
+interface AvatarProps extends Omit<React.ComponentPropsWithRef<"div">, "color" | "backgroundColor"> {
+    /** The Avatar's source image. */
+    image?: string | null;
+    /** Size of the Avatar. */
+    size?: AvatarSize;
+    /**
+     * The name of the person or entity represented by this Avatar. This should
+     * always be provided if it is available as it's used to determine the initials
+     * displayed when there is no image.
+     **/
+    name?: string | null;
+    /** Icon to be displayed when the avatar doesn't have an image or initials. */
+    icon?: React.ReactNode;
+    /** Custom function to format the `name` value */
+    formatName?: (name?: string | null) => string;
+    children?: never;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+export { AVATAR_SIZES, type AvatarProps, type AvatarSize, Avatar as default };

package/dist/components/Avatar/index.js

@@ -0,0 +1,2 @@
+"use client";
+import{a,b}from"../../chunk-7SJY32FA.js";export{b as AVATAR_SIZES,a as default};

package/dist/components/Drawer/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b}from"../../chunk-LILYIQ5G.js";import"../../chunk-HDP66ZRA.js";import"../../chunk-AERZTKI2.js";export{b as DRAWER_POSITIONS,a as default};
+import{a,b}from"../../chunk-BIF43I2J.js";import"../../chunk-HDP66ZRA.js";import"../../chunk-RJFGKO6A.js";export{b as DRAWER_POSITIONS,a as default};

package/dist/components/Dropdown/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b}from"../../chunk-ALHJZELD.js";import"../../chunk-HUBVLDKL.js";import"../../chunk-AERZTKI2.js";export{b as AsyncDropdown,a as default};
+import{a,b}from"../../chunk-OB3RHV7H.js";import"../../chunk-6PJPLX23.js";import"../../chunk-RJFGKO6A.js";export{b as AsyncDropdown,a as default};

package/dist/components/Modal/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-U6FPHBLH.js";import"../../chunk-HDP66ZRA.js";import"../../chunk-AERZTKI2.js";export{a as default};
+import{a}from"../../chunk-JRC6BKI2.js";import"../../chunk-HDP66ZRA.js";import"../../chunk-RJFGKO6A.js";export{a as default};

package/dist/components/MultiSelect/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b}from"../../chunk-MWSASIA4.js";import"../../chunk-OAFI6CS3.js";import"../../chunk-ALHJZELD.js";import"../../chunk-HUBVLDKL.js";import"../../chunk-AERZTKI2.js";export{b as AsyncMultiSelect,a as default};
+import{a,b}from"../../chunk-GJGMLQP6.js";import"../../chunk-OAFI6CS3.js";import"../../chunk-OB3RHV7H.js";import"../../chunk-6PJPLX23.js";import"../../chunk-RJFGKO6A.js";export{b as AsyncMultiSelect,a as default};

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-7L3GQRSZ.js";import"../../chunk-HUBVLDKL.js";export{a as default};
+import{a}from"../../chunk-HLPSCU5X.js";import"../../chunk-6PJPLX23.js";export{a as default};

package/dist/components/TextArea/index.d.ts

@@ -16,9 +16,11 @@ interface TextAreaProps extends Omit<React.ComponentPropsWithRef<"textarea">, "i
         disabled?: boolean;
     };
     showOptional?: boolean;
+    autoSizing?: boolean;
     error?: {
         message?: string;
     };
+    inputClassName?: string;
 }
 declare const TextArea: React.FC<TextAreaProps>;
 

package/dist/components/TextArea/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-JX5O5H6I.js";import"../../chunk-HUBVLDKL.js";export{a as default};
+import{a}from"../../chunk-ONNIKYDJ.js";import"../../chunk-6PJPLX23.js";import"../../chunk-RJFGKO6A.js";export{a as default};

package/dist/components/TextField/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b,c,d,e,f,g,h}from"../../chunk-HUBVLDKL.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};
+import{a,b,c,d,e,f,g,h}from"../../chunk-6PJPLX23.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};

package/dist/components/TextInput/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-2ZFRJLJV.js";import"../../chunk-CMZCLPBB.js";import"../../chunk-MCJKAGOS.js";import"../../chunk-HUBVLDKL.js";export{a as default};
+import{a}from"../../chunk-GQBLRKUF.js";import"../../chunk-CMZCLPBB.js";import"../../chunk-MCJKAGOS.js";import"../../chunk-6PJPLX23.js";export{a as default};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { AVATAR_SIZES, default as Avatar, AvatarProps, AvatarSize } from './components/Avatar/index.js';
 export { BUTTON_SIZES, BUTTON_VARIANTS, default as Button, ButtonProps, ButtonSize, ButtonVariant } from './components/Button/index.js';
 export { CHECKBOX_SIZES, default as Checkbox, CheckboxProps, CheckboxSize } from './components/Checkbox/index.js';
 export { CHIP_SIZES, default as Chip, ChipProps, ChipSize } from './components/Chip/index.js';

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a as D}from"./chunk-2ZFRJLJV.js";import{a as w}from"./chunk-SCGB3NVF.js";import{a as S,b as d}from"./chunk-MWSASIA4.js";import{a as C}from"./chunk-7L3GQRSZ.js";import{a as P,b as m,c as T,d as N}from"./chunk-CMCDZLFY.js";import{a as c}from"./chunk-YKUKDRA5.js";import{a as A}from"./chunk-WRJHJSX3.js";import{a as I}from"./chunk-JX5O5H6I.js";import{a as i,b as s}from"./chunk-J4SSCW7I.js";import{a as r,b as a}from"./chunk-OAFI6CS3.js";import{a as f,b as l}from"./chunk-LILYIQ5G.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 u}from"./chunk-N5DINQZZ.js";import{a as y,b as n}from"./chunk-ALHJZELD.js";import"./chunk-HUBVLDKL.js";import{a as x}from"./chunk-U6FPHBLH.js";import"./chunk-HDP66ZRA.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};
+import{a as z}from"./chunk-GQBLRKUF.js";import{a as B}from"./chunk-SCGB3NVF.js";import{a as P,b as c}from"./chunk-GJGMLQP6.js";import{a as d}from"./chunk-JRC6BKI2.js";import{a as A,b as T,c as N,d as C}from"./chunk-CMCDZLFY.js";import{a as m}from"./chunk-YKUKDRA5.js";import{a as w}from"./chunk-ONNIKYDJ.js";import{a as I}from"./chunk-HLPSCU5X.js";import{a as D}from"./chunk-WRJHJSX3.js";import{a as t,b as e}from"./chunk-7SJY32FA.js";import{a as s,b as i}from"./chunk-OAFI6CS3.js";import{a as p,b as r,c as a}from"./chunk-CMZCLPBB.js";import{a as o}from"./chunk-MCJKAGOS.js";import{a as l,b as n}from"./chunk-BIF43I2J.js";import"./chunk-HDP66ZRA.js";import{a as x}from"./chunk-N5DINQZZ.js";import{a as S,b as u}from"./chunk-OB3RHV7H.js";import"./chunk-6PJPLX23.js";import"./chunk-RJFGKO6A.js";import{a as f,b as y}from"./chunk-J4SSCW7I.js";export{e as AVATAR_SIZES,u as AsyncDropdown,c as AsyncMultiSelect,t as Avatar,r as BUTTON_SIZES,a as BUTTON_VARIANTS,p as Button,i as CHECKBOX_SIZES,y as CHIP_SIZES,s as Checkbox,f as Chip,n as DRAWER_POSITIONS,l as Drawer,S as Dropdown,x as Logo,d as Modal,P as MultiSelect,m as Notification,C as Notifications,A as NotificationsContext,T as NotificationsProvider,I as Select,D as Slider,o as Spinner,w as TextArea,z as TextInput,B as Toggle,N as useNotifications};

package/dist/oakma-ui.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@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-5{right:calc(var(--spacing) * 5)}.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\.75{left:calc(var(--spacing) * 3.75)}.left-4\.25{left:calc(var(--spacing) * 4.25)}.left-5{left:calc(var(--spacing) * 5)}.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-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-\[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-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-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.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-3\.75{padding-left:calc(var(--spacing) * 3.75)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-9\.5{padding-left:calc(var(--spacing) * 9.5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.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\/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\/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}.group-has-valid-field\:cursor-pointer:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *){cursor:pointer}@media (hover:hover){.group-has-valid-field\:group-hover\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){color:var(--color-neutral-100)}.group-has-valid-field\:group-hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){color:var(--color-white)}.group-has-valid-field\:group-hover\:\[--border-color\:var\(--color-neutral-100\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){--border-color:var(--color-neutral-100)}.group-has-valid-field\:group-hover\:\[--border-color\:var\(--color-white\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){--border-color:var(--color-white)}}.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\:-inset-1:before{content:var(--tw-content);inset:calc(var(--spacing) * -1)}.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\:-z-10:before{content:var(--tw-content);z-index:calc(10 * -1)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.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\:bg-neutral-50\/10:before{content:var(--tw-content);background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.before\:bg-neutral-50\/10:before{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.before\:bg-white\/10:before{content:var(--tw-content);background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.before\:bg-white\/10:before{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.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))}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;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,.group-has-valid-field\: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-valid-field\:hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{color:var(--color-white)}.group-has-valid-field\:hover\:before\:opacity-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover:before{content:var(--tw-content);opacity:1}}.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-valid-field\: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-valid-field\: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)}.group-has-valid-field\:focus-visible\:outline-offset-2:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible{outline-offset:2px}.group-has-valid-field\:focus-visible\:before\:opacity-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible:before{content:var(--tw-content);opacity:1}.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)}.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\(\&\)\]\:bg-teal-100\/20){background-color:#06444433}@supports (color:color-mix(in lab, red, red)){:where(.\[\:where\(\&\)\]\:bg-teal-100\/20){background-color:color-mix(in oklab, var(--color-teal-100) 20%, transparent)}}:where(.\[\:where\(\&\)\]\:text-teal-100){color:var(--color-teal-100)}: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}}
+@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-xl:20px;--text-xl--line-height:24px;--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-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4\.5{top:calc(var(--spacing) * 4.5)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.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\.75{left:calc(var(--spacing) * 3.75)}.left-4\.25{left:calc(var(--spacing) * 4.25)}.left-5{left:calc(var(--spacing) * 5)}.left-8{left:calc(var(--spacing) * 8)}.z-0{z-index:0}.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}.field-sizing-content{field-sizing:content}.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-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.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-\[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-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)}.object-cover{object-fit:cover}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.75{padding-block:calc(var(--spacing) * 3.75)}.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-3\.75{padding-left:calc(var(--spacing) * 3.75)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-9\.5{padding-left:calc(var(--spacing) * 9.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\/snug{font-size:var(--text-sm);line-height:var(--leading-snug)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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}.group-has-valid-field\:cursor-pointer:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *){cursor:pointer}@media (hover:hover){.group-has-valid-field\:group-hover\:text-neutral-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){color:var(--color-neutral-100)}.group-has-valid-field\:group-hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){color:var(--color-white)}.group-has-valid-field\:group-hover\:\[--border-color\:var\(--color-neutral-100\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){--border-color:var(--color-neutral-100)}.group-has-valid-field\:group-hover\:\[--border-color\:var\(--color-white\)\]:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):is(:where(.group):hover *){--border-color:var(--color-white)}}.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\:-inset-1:before{content:var(--tw-content);inset:calc(var(--spacing) * -1)}.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\:-z-10:before{content:var(--tw-content);z-index:calc(10 * -1)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.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\:bg-neutral-50\/10:before{content:var(--tw-content);background-color:#565c5a1a}@supports (color:color-mix(in lab, red, red)){.before\:bg-neutral-50\/10:before{background-color:color-mix(in oklab, var(--color-neutral-50) 10%, transparent)}}.before\:bg-white\/10:before{content:var(--tw-content);background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.before\:bg-white\/10:before{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.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))}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;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,.group-has-valid-field\: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-valid-field\:hover\:text-white:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover{color:var(--color-white)}.group-has-valid-field\:hover\:before\:opacity-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):hover:before{content:var(--tw-content);opacity:1}}.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-valid-field\: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-valid-field\: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)}.group-has-valid-field\:focus-visible\:outline-offset-2:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible{outline-offset:2px}.group-has-valid-field\:focus-visible\:before\:opacity-100:is(:where(.group):has(:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])) *):focus-visible:before{content:var(--tw-content);opacity:1}.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)}.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\(\&\)\]\:size-14){width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}:where(.\[\:where\(\&\)\]\:bg-neutral-20){background-color:var(--color-neutral-20)}:where(.\[\:where\(\&\)\]\:bg-teal-100\/20){background-color:#06444433}@supports (color:color-mix(in lab, red, red)){:where(.\[\:where\(\&\)\]\:bg-teal-100\/20){background-color:color-mix(in oklab, var(--color-teal-100) 20%, transparent)}}:where(.\[\:where\(\&\)\]\:text-base){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:where(.\[\:where\(\&\)\]\:text-neutral-100){color:var(--color-neutral-100)}:where(.\[\:where\(\&\)\]\:text-teal-100){color:var(--color-teal-100)}: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

@@ -1,6 +1,6 @@
 {
   "name": "@bronzelabs/oakma-ui",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Oakma's component system for the web.",
   "license": "ISC",
   "author": "",

package/dist/chunk-7L3GQRSZ.js

@@ -1,2 +0,0 @@
-"use client";
-import{b as m,c as f,d as h,e as d,f as S}from"./chunk-HUBVLDKL.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};

package/dist/chunk-AERZTKI2.js

@@ -1,2 +0,0 @@
-"use client";
-import{useRef as y,useEffect as H}from"react";var x=(...e)=>{let n=y(null);return H(()=>{e.forEach(t=>{t&&(typeof t=="function"?t(n.current):t.current=n.current)})},[e]),n};import{useEffect as g,useRef as N}from"react";import{useEffect as h,useLayoutEffect as A}from"react";var u=typeof window<"u"?A:h;function l(e,n,t,s){let r=N(n);u(()=>{r.current=n},[n]),g(()=>{let o=t?.current??window;if(!(o&&o.addEventListener))return;let i=a=>r.current(a);return o.addEventListener(e,i,s),()=>{o.removeEventListener(e,i,s)}},[e,t,s])}function K(e=!0){u(()=>{if(!e)return;let n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=n}},[e])}function R(e,n,t="mousedown"){l(t,s=>{let r=e?.current;if(!r||r.contains(s.target))return;let o=i=>i instanceof HTMLElement?Array.from(i?.classList).some(a=>a?.endsWith("-indicatorContainer")):!1;o(s.target?.parentNode)||o(s.target?.parentNode?.parentNode)||n(s)})}import{useCallback as I,useEffect as S,useRef as T}from"react";var w=/input|select|textarea|button|object/,c="a, input, select, textarea, button, object, [tabindex]",O=e=>e.style.display==="none",k=e=>{if(e.getAttribute("aria-hidden")||e.getAttribute("hidden")||e.getAttribute("type")==="hidden")return!1;let t=e;for(;t&&!(t===document.body||t.nodeType===11);){if(O(t))return!1;t=t.parentNode}return!0},b=e=>{let n=e.getAttribute("tabindex");return n===null&&(n=void 0),parseInt(n,10)},d=e=>{let n=e.nodeName.toLowerCase(),t=!Number.isNaN(b(e));return!!((w.test(n)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||t)&&k(e))},f=e=>{let n=b(e);return(Number.isNaN(n)||n>=0)&&d(e)},p=e=>Array.from(e.querySelectorAll(c)).filter(f);var v=(e,n)=>{let t=p(e);if(!t.length){n.preventDefault();return}let s=t[n.shiftKey?0:t.length-1],r=e.getRootNode(),o=s===r.activeElement||e===r.activeElement,i=r.activeElement;if(i.tagName==="INPUT"&&i.getAttribute("type")==="radio"&&(o=t.filter(E=>E.getAttribute("type")==="radio"&&E.getAttribute("name")===i.getAttribute("name")).includes(s)),!o)return;n.preventDefault();let m=t[n.shiftKey?t.length-1:0];m&&m.focus()};var L=(e,n="body > :not(script)")=>{let t=`tribe-${Math.random().toString(36).slice(2,11)}`,s=Array.from(document?.querySelectorAll(n)).map(r=>{if(r?.shadowRoot?.contains(e)||r.contains(e))return;let o=r.getAttribute("aria-hidden"),i=r.getAttribute("data-hidden"),a=r.getAttribute("data-focus-id");return r.setAttribute("data-focus-id",t),o===null||o==="false"?r.setAttribute("aria-hidden","true"):!i&&!a&&r.setAttribute("data-hidden",o),{node:r,ariaHidden:i||null}});return()=>{s.forEach(r=>{!r||t!==r.node.getAttribute("data-focus-id")||(r.ariaHidden===null?r.node.removeAttribute("aria-hidden"):r.node.setAttribute("aria-hidden",r.ariaHidden),r.node.removeAttribute("data-focus-id"),r.node.removeAttribute("data-hidden"))})}};var M=(e=!0)=>{let n=T(null),t=T(null),s=o=>{let i=o.querySelector("[data-autofocus]");if(!i){let a=Array.from(o.querySelectorAll(c));i=a.find(f)||a.find(d)||null,!i&&d(o)&&(i=o)}i&&i.focus({preventScroll:!0})},r=I(o=>{if(e){if(o===null){t.current&&(t.current(),t.current=null);return}t.current=L(o),n.current!==o&&(o?(setTimeout(()=>{o.getRootNode()&&s(o)}),n.current=o):n.current=null)}},[e]);return S(()=>{if(!e)return;n.current&&setTimeout(()=>s(n.current));let o=i=>{i.key==="Tab"&&n.current&&v(n.current,i)};return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o),t.current&&t.current()}},[e]),r};export{x as a,l as b,K as c,R as d,M as e};

package/dist/chunk-JX5O5H6I.js

@@ -1,2 +0,0 @@
-"use client";
-import{b as u,c as m,d as x,e as l,f as b}from"./chunk-HUBVLDKL.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};