@xjur-ui/react 4.0.0 → 4.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @xjur-ui/react
 
+## 4.0.1
+
+### Patch Changes
+
+- 60f29b7: Correção de bugs no Input Pin e Message/Toast components
+
 ## 4.0.0
 
 ### Major Changes
@@ -30,7 +36,6 @@
     OTPInputCaption,
     OTPInputHiddenInput
   } from '@xjur-ui/react/otp-input'
-
   ;<OTPInputRoot state="normal" length={4} initial="1234">
     <OTPInputTrigger>
       <OTPInputInput index={0} />
@@ -52,7 +57,6 @@
     PinInputTrigger,
     PinInputCaption
   } from '@xjur-ui/react/pin-input'
-
   ;<PinInput state="normal" length={4} defaultValue="1234" name="code">
     <PinInputTrigger>
       <PinInputControl index={0} />
@@ -324,7 +328,6 @@
     MessageText,
     MessageClose
   } from '@xjur-ui/react/message'
-
   ;<MessageRoot variant="success">
     <MessageIcon />
     <MessageText>Documento salvo com sucesso!</MessageText>
@@ -877,7 +880,6 @@
     ToastComponent,
     ToastViewport
   } from '@xjur-ui/react/toast'
-
   ;<ToastProvider>
     <ToastComponent variant="success" description="Salvo!" />
     <ToastViewport />
@@ -1207,7 +1209,6 @@
 
   ```tsx
   import { SelectionBar } from '@xjur-ui/react/selection-bar'
-
   ;<SelectionBar
     title="3 selecionados"
     actions={[
@@ -1228,7 +1229,6 @@
     SelectionBarActionGroup,
     SelectionBarAction
   } from '@xjur-ui/react/selection-bar'
-
   ;<SelectionBarRoot>
     <SelectionBarTitleRoot>
       <SelectionBarClose />

package/dist/components/controls/pin-input/index.d.ts

@@ -2,3 +2,4 @@ export { PinInput } from './pin-input-root';
 export { PinInputControl } from './pin-input-control';
 export { PinInputTrigger } from './pin-input-trigger';
 export { PinInputCaption } from './pin-input-caption';
+export { PinInputHidden } from './pin-input-hidden';

package/dist/components/controls/pin-input/index.js

@@ -1 +1 @@
-import{cx as $}from"@xjur-ui/util";import{createContext as q,useCallback as T,useContext as B,useEffect as L,useMemo as F,useRef as A,useState as V}from"react";import{jsx as N,jsxs as O}from"react/jsx-runtime";var D=q({});function z({children:a,state:l,length:e,className:d,defaultValue:S,placeholder:C,autoSubmit:b=!1,name:v,onError:m,onChangeValue:f,onComplete:g}){let s=A([]),p=A(!1),[h,x]=V(l),[i,c]=V(0),[u,w]=V(()=>S?.split("")??[]),R=T((n,t)=>{s.current[n]=t},[]),E=T((n,t)=>{w(o=>{let r=o.slice();return r[n]=t,r})},[]),y=T(()=>{for(let t of s.current)if(t&&t.form)return t.form;let n=s.current.find(Boolean);if(n){let t=n.closest("form");if(t instanceof HTMLFormElement)return t}return null},[]);L(()=>{let n=s.current[i];n&&document.activeElement!==n&&n.focus()},[i]),L(()=>{f?.(u.join(""))},[u,f]),L(()=>{let n=u.join("");if(!(n.length===e)){p.current=!1;return}if(g?.(n),!b||p.current)return;let o=y();if(o)if(typeof o.requestSubmit=="function")try{x("disabled"),o.requestSubmit(),p.current=!0}catch(r){m?.(r)}finally{x("normal")}else m?.(new Error("form.requestSubmit is not a function"))},[u,e,b,g,y,m]);let H=F(()=>({selectedIndex:i,state:h,length:e,code:u,placeholder:C,setCodeAt:E,setSelectedIndex:c,registerInput:R}),[C,i,u,h,e,E,c,R]);return N(D.Provider,{value:H,children:O("div",{className:$("gap-small-1x flex flex-col",d),children:[a,v&&N("input",{className:"hidden",name:v,type:"hidden",value:u.join("")})]})})}function M(){let a=B(D);if(!a)throw new Error("usePinInputContext must be used within PinInput");return a}import{cx as G}from"@xjur-ui/util";import{useEffect as J,useRef as Q}from"react";import{jsx as W}from"react/jsx-runtime";function U({className:a,maxLength:l=1,index:e,pattern:d="\\d",autoComplete:S="one-time-code",type:C="text",inputMode:b="numeric",...v}){let m=Q(null),{state:f,selectedIndex:g,length:s,code:p,placeholder:h,registerInput:x,setCodeAt:i,setSelectedIndex:c}=M();function u(t){m.current=t}function w(t){let{value:o}=t.target;if(o.length>l)return;if(o===""){i(g,"");return}new RegExp(`^${d}$`).test(o)&&(i(g,o),c(I=>I===s?I:I+1))}function R(t){let o=t.clipboardData.getData("text");if(!new RegExp(`^${d}+$`).test(o))return;let I=o.split("").slice(0,s);I.forEach((k,K)=>{i(K,k)}),c(I.length-1)}function E(t){if((p[e]??"")===""){let r=Math.max(0,e-1);c(r),i(r,"")}else i(e,"");t.preventDefault()}function y(t){let r={Backspace:()=>E(t),ArrowRight:()=>c(P=>Math.min(P+1,s)),ArrowLeft:()=>c(P=>Math.max(0,P-1))}[t.code];r&&(r(),t.preventDefault())}J(()=>(x(e,m.current),()=>x(e,null)),[x,e]);let n=!p.some(t=>t.length>0)&&!!h;return e+1>s?null:W("input",{autoComplete:S,className:G(a,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full border border-transparent text-center outline-0","focus-within:border-primary-idle focus-within:border","data-[state=error]:border-danger-idle data-[state=error]:hover:border-danger-idle","data-[state=disabled]:pointer-events-none data-[state=disabled]:cursor-not-allowed data-[state=disabled]:border-transparent data-[state=disabled]:opacity-30","transition-all duration-200"),"data-slot":"pin-input-control","data-state":f,disabled:f==="disabled",inputMode:b,maxLength:l,pattern:d,placeholder:n?h[e]:"",readOnly:f==="disabled",ref:u,type:C,value:p[e]??"",onChange:w,onKeyDown:y,onPaste:R,...v})}import{cx as X}from"@xjur-ui/util";import{jsx as Z}from"react/jsx-runtime";function Y({children:a,className:l,...e}){return Z("div",{className:X(l,"gap-small flex items-center"),...e,children:a})}import{cx as _}from"@xjur-ui/util";import{jsx as tt}from"react/jsx-runtime";function j({className:a,...l}){let d=M()?.state??"normal";return tt("p",{className:_("text-size-body-sm font-normal",a,d==="error"&&"text-danger-label-idle"),...l})}export{z as PinInput,j as PinInputCaption,U as PinInputControl,Y as PinInputTrigger};
+import{cx as $}from"@xjur-ui/util";import{createContext as q,useCallback as L,useContext as B,useEffect as w,useMemo as O,useRef as A,useState as V}from"react";import{jsx as N}from"react/jsx-runtime";var D=q({});function F({children:i,state:s,length:e,className:l,defaultValue:S,value:b,placeholder:v,autoSubmit:R=!1,onError:I,onChangeValue:p,onComplete:h}){let c=A([]),x=A(!1),m=b!==void 0,[P,d]=V(()=>s),[u,y]=V(0),[C,H]=V(()=>S?.split("")??[]),f=m?b.split(""):C,E=L((t,n)=>{c.current[t]=n},[]),T=L((t,n)=>{if(m){let r=[...f];r[t]=n,p?.(r.join(""))}else H(r=>{let a=r.slice();return a[t]=n,a})},[m,f,p]),M=L(()=>{for(let n of c.current)if(n&&n.form)return n.form;let t=c.current.find(Boolean);if(t){let n=t.closest("form");if(n instanceof HTMLFormElement)return n}return null},[]);w(()=>{d(s)},[s]),w(()=>{let t=c.current[u];t&&document.activeElement!==t&&t.focus()},[u]),w(()=>{!m&&C.some(t=>t.length>0)&&p?.(C.join(""))},[m,C,p]),w(()=>{let t=f.join("");if(!(t.length===e)){x.current=!1;return}if(h?.(t),!R||x.current)return;let r=M();if(r)if(typeof r.requestSubmit=="function")try{d("disabled"),r.requestSubmit(),x.current=!0}catch(a){I?.(a)}finally{d("normal")}else I?.(new Error("form.requestSubmit is not a function"))},[f,e,R,h,M,I]);let o=O(()=>({selectedIndex:u,state:P,length:e,code:f,placeholder:v,setCodeAt:T,setSelectedIndex:y,registerInput:E}),[v,u,f,P,e,T,y,E]);return N(D.Provider,{value:o,children:N("div",{className:$("gap-small-1x flex flex-col",l),children:i})})}function g(){let i=B(D);if(!i)throw new Error("usePinInputContext must be used within PinInput");return i}import{cx as z}from"@xjur-ui/util";import{useEffect as G,useRef as J}from"react";import{jsx as U}from"react/jsx-runtime";function Q({className:i,maxLength:s=1,index:e,pattern:l="\\d",autoComplete:S="one-time-code",type:b="text",inputMode:v="numeric",...R}){let I=J(null),{state:p,selectedIndex:h,length:c,code:x,placeholder:m,registerInput:P,setCodeAt:d,setSelectedIndex:u}=g();function y(o){I.current=o}function C(o){let{value:t}=o.target;if(t.length>s)return;if(t===""){d(h,"");return}new RegExp(`^${l}$`).test(t)&&(d(h,t),u(a=>a+1===c?a:a+1))}function H(o){let t=o.clipboardData.getData("text");if(!new RegExp(`^${l}+$`).test(t))return;let a=t.split("").slice(0,c);a.forEach((k,K)=>{d(K,k)}),u(a.length-1)}function f(o){if((x[e]??"")===""){let n=Math.max(0,e-1);u(n),d(n,"")}else d(e,"");o.preventDefault()}function E(o){let n={Backspace:()=>f(o),ArrowRight:()=>u(r=>Math.min(r+1,c)),ArrowLeft:()=>u(r=>Math.max(0,r-1))}[o.code];n&&(n(),o.preventDefault())}G(()=>(P(e,I.current),()=>P(e,null)),[P,e]);let M=!x.some(o=>o.length>0)&&!!m;return e+1>c?null:U("input",{autoComplete:S,className:z(i,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full border border-transparent text-center outline-0","focus-within:border-primary-idle focus-within:border","data-[state=error]:border-danger-idle data-[state=error]:hover:border-danger-idle","data-[state=disabled]:pointer-events-none data-[state=disabled]:cursor-not-allowed data-[state=disabled]:border-transparent data-[state=disabled]:opacity-30","transition-all duration-200"),"data-slot":"pin-input-control","data-state":p,disabled:p==="disabled",inputMode:v,maxLength:s,pattern:l,placeholder:M?m[e]:"",readOnly:p==="disabled",ref:y,type:b,value:x[e]??"",onChange:C,onKeyDown:E,onPaste:H,...R})}import{cx as W}from"@xjur-ui/util";import{jsx as Y}from"react/jsx-runtime";function X({children:i,className:s,...e}){return Y("div",{className:W(s,"gap-small flex items-center"),...e,children:i})}import{cx as Z}from"@xjur-ui/util";import{jsx as j}from"react/jsx-runtime";function _({className:i,...s}){let l=g()?.state??"normal";return j("p",{className:Z("text-size-body-sm font-normal",i,l==="error"&&"text-danger-label-idle"),...s})}import{cx as tt}from"@xjur-ui/util";import{useMemo as et}from"react";import{jsx as ot}from"react/jsx-runtime";function nt({className:i,...s}){let{code:e}=g(),l=et(()=>e.join(""),[e]);return ot("input",{className:tt("hidden",i),type:"hidden",value:l,...s})}export{F as PinInput,_ as PinInputCaption,Q as PinInputControl,nt as PinInputHidden,X as PinInputTrigger};

package/dist/components/controls/pin-input/pin-input-caption.js

@@ -1 +1 @@
-import{cx as u}from"@xjur-ui/util";import{cx as p}from"@xjur-ui/util";import{createContext as r,useCallback as f,useContext as s,useEffect as x,useMemo as I,useRef as P,useState as C}from"react";import{jsx as g,jsxs as v}from"react/jsx-runtime";var i=r({});function e(){let t=s(i);if(!t)throw new Error("usePinInputContext must be used within PinInput");return t}import{jsx as c}from"react/jsx-runtime";function h({className:t,...n}){let o=e()?.state??"normal";return c("p",{className:u("text-size-body-sm font-normal",t,o==="error"&&"text-danger-label-idle"),...n})}export{h as PinInputCaption};
+import{cx as u}from"@xjur-ui/util";import{cx as f}from"@xjur-ui/util";import{createContext as r,useCallback as p,useContext as s,useEffect as x,useMemo as I,useRef as C,useState as P}from"react";import{jsx as v}from"react/jsx-runtime";var i=r({});function e(){let t=s(i);if(!t)throw new Error("usePinInputContext must be used within PinInput");return t}import{jsx as c}from"react/jsx-runtime";function E({className:t,...n}){let o=e()?.state??"normal";return c("p",{className:u("text-size-body-sm font-normal",t,o==="error"&&"text-danger-label-idle"),...n})}export{E as PinInputCaption};

package/dist/components/controls/pin-input/pin-input-control.js

@@ -1 +1 @@
-import{cx as D}from"@xjur-ui/util";import{useEffect as N,useRef as k}from"react";import{cx as B}from"@xjur-ui/util";import{createContext as V,useCallback as O,useContext as H,useEffect as z,useMemo as G,useRef as J,useState as Q}from"react";import{jsx as W,jsxs as X}from"react/jsx-runtime";var A=V({});function b(){let u=H(A);if(!u)throw new Error("usePinInputContext must be used within PinInput");return u}import{jsx as K}from"react/jsx-runtime";function ne({className:u,maxLength:m=1,index:t,pattern:c="\\d",autoComplete:g="one-time-code",type:v="text",inputMode:C="numeric",...R}){let h=k(null),{state:d,selectedIndex:I,length:l,code:p,placeholder:x,registerInput:f,setCodeAt:a,setSelectedIndex:s}=b();function P(e){h.current=e}function E(e){let{value:n}=e.target;if(n.length>m)return;if(n===""){a(I,"");return}new RegExp(`^${c}$`).test(n)&&(a(I,n),s(o=>o===l?o:o+1))}function y(e){let n=e.clipboardData.getData("text");if(!new RegExp(`^${c}+$`).test(n))return;let o=n.split("").slice(0,l);o.forEach((T,L)=>{a(L,T)}),s(o.length-1)}function M(e){if((p[t]??"")===""){let r=Math.max(0,t-1);s(r),a(r,"")}else a(t,"");e.preventDefault()}function S(e){let r={Backspace:()=>M(e),ArrowRight:()=>s(i=>Math.min(i+1,l)),ArrowLeft:()=>s(i=>Math.max(0,i-1))}[e.code];r&&(r(),e.preventDefault())}N(()=>(f(t,h.current),()=>f(t,null)),[f,t]);let w=!p.some(e=>e.length>0)&&!!x;return t+1>l?null:K("input",{autoComplete:g,className:D(u,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full border border-transparent text-center outline-0","focus-within:border-primary-idle focus-within:border","data-[state=error]:border-danger-idle data-[state=error]:hover:border-danger-idle","data-[state=disabled]:pointer-events-none data-[state=disabled]:cursor-not-allowed data-[state=disabled]:border-transparent data-[state=disabled]:opacity-30","transition-all duration-200"),"data-slot":"pin-input-control","data-state":d,disabled:d==="disabled",inputMode:C,maxLength:m,pattern:c,placeholder:w?x[t]:"",readOnly:d==="disabled",ref:P,type:v,value:p[t]??"",onChange:E,onKeyDown:S,onPaste:y,...R})}export{ne as PinInputControl};
+import{cx as D}from"@xjur-ui/util";import{useEffect as k,useRef as K}from"react";import{cx as B}from"@xjur-ui/util";import{createContext as H,useCallback as O,useContext as V,useEffect as z,useMemo as G,useRef as J,useState as Q}from"react";import{jsx as W}from"react/jsx-runtime";var A=H({});function x(){let l=V(A);if(!l)throw new Error("usePinInputContext must be used within PinInput");return l}import{jsx as N}from"react/jsx-runtime";function te({className:l,maxLength:m=1,index:t,pattern:c="\\d",autoComplete:g="one-time-code",type:v="text",inputMode:C="numeric",...R}){let I=K(null),{state:d,selectedIndex:h,length:u,code:p,placeholder:b,registerInput:f,setCodeAt:s,setSelectedIndex:a}=x();function P(e){I.current=e}function E(e){let{value:n}=e.target;if(n.length>m)return;if(n===""){s(h,"");return}new RegExp(`^${c}$`).test(n)&&(s(h,n),a(o=>o+1===u?o:o+1))}function w(e){let n=e.clipboardData.getData("text");if(!new RegExp(`^${c}+$`).test(n))return;let o=n.split("").slice(0,u);o.forEach((T,L)=>{s(L,T)}),a(o.length-1)}function y(e){if((p[t]??"")===""){let r=Math.max(0,t-1);a(r),s(r,"")}else s(t,"");e.preventDefault()}function M(e){let r={Backspace:()=>y(e),ArrowRight:()=>a(i=>Math.min(i+1,u)),ArrowLeft:()=>a(i=>Math.max(0,i-1))}[e.code];r&&(r(),e.preventDefault())}k(()=>(f(t,I.current),()=>f(t,null)),[f,t]);let S=!p.some(e=>e.length>0)&&!!b;return t+1>u?null:N("input",{autoComplete:g,className:D(l,"text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full border border-transparent text-center outline-0","focus-within:border-primary-idle focus-within:border","data-[state=error]:border-danger-idle data-[state=error]:hover:border-danger-idle","data-[state=disabled]:pointer-events-none data-[state=disabled]:cursor-not-allowed data-[state=disabled]:border-transparent data-[state=disabled]:opacity-30","transition-all duration-200"),"data-slot":"pin-input-control","data-state":d,disabled:d==="disabled",inputMode:C,maxLength:m,pattern:c,placeholder:S?b[t]:"",readOnly:d==="disabled",ref:P,type:v,value:p[t]??"",onChange:E,onKeyDown:M,onPaste:w,...R})}export{te as PinInputControl};

package/dist/components/controls/pin-input/pin-input-hidden.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentProps } from 'react';
+type PinInputHiddenProps = Omit<ComponentProps<'input'>, 'type' | 'readOnly'>;
+export declare function PinInputHidden({ className, ...props }: PinInputHiddenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/controls/pin-input/pin-input-hidden.js

@@ -0,0 +1 @@
+import{cx as c}from"@xjur-ui/util";import{useMemo as l}from"react";import{cx as p}from"@xjur-ui/util";import{createContext as i,useCallback as I,useContext as s,useEffect as x,useMemo as P,useRef as C,useState as v}from"react";import{jsx as R}from"react/jsx-runtime";var u=i({});function n(){let t=s(u);if(!t)throw new Error("usePinInputContext must be used within PinInput");return t}import{jsx as a}from"react/jsx-runtime";function H({className:t,...o}){let{code:e}=n(),r=l(()=>e.join(""),[e]);return a("input",{className:c("hidden",t),type:"hidden",value:r,...o})}export{H as PinInputHidden};

package/dist/components/controls/pin-input/pin-input-root.d.ts

@@ -17,13 +17,15 @@ interface PinInputRootProps {
     length: number;
     state: PinInputState;
     placeholder?: string;
+    /** Valor inicial para modo uncontrolled */
     defaultValue?: string;
+    /** Valor para modo controlled */
+    value?: string;
     autoSubmit?: boolean;
-    name?: string;
     onChangeValue?: (value: string) => void;
     onError?: (error: Error) => void;
     onComplete?: (value: string) => void;
 }
-export declare function PinInput({ children, state: stateProp, length, className, defaultValue, placeholder, autoSubmit, name, onError, onChangeValue, onComplete }: PinInputRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function PinInput({ children, state: stateProp, length, className, defaultValue, value: valueProp, placeholder, autoSubmit, onError, onChangeValue, onComplete }: PinInputRootProps): import("react/jsx-runtime").JSX.Element;
 export declare function usePinInputContext(): PinInputRootContextValue;
 export {};

package/dist/components/controls/pin-input/pin-input-root.js

@@ -1 +1 @@
-import{cx as w}from"@xjur-ui/util";import{createContext as N,useCallback as d,useContext as q,useEffect as f,useMemo as j,useRef as h,useState as m}from"react";import{jsx as y,jsxs as F}from"react/jsx-runtime";var A=N({});function z({children:o,state:M,length:i,className:V,defaultValue:H,placeholder:p,autoSubmit:I=!1,name:x,onError:a,onChangeValue:P,onComplete:b}){let s=h([]),l=h(!1),[v,C]=m(M),[u,g]=m(0),[n,L]=m(()=>H?.split("")??[]),R=d((t,e)=>{s.current[t]=e},[]),S=d((t,e)=>{L(r=>{let c=r.slice();return c[t]=e,c})},[]),E=d(()=>{for(let e of s.current)if(e&&e.form)return e.form;let t=s.current.find(Boolean);if(t){let e=t.closest("form");if(e instanceof HTMLFormElement)return e}return null},[]);f(()=>{let t=s.current[u];t&&document.activeElement!==t&&t.focus()},[u]),f(()=>{P?.(n.join(""))},[n,P]),f(()=>{let t=n.join("");if(!(t.length===i)){l.current=!1;return}if(b?.(t),!I||l.current)return;let r=E();if(r)if(typeof r.requestSubmit=="function")try{C("disabled"),r.requestSubmit(),l.current=!0}catch(c){a?.(c)}finally{C("normal")}else a?.(new Error("form.requestSubmit is not a function"))},[n,i,I,b,E,a]);let T=j(()=>({selectedIndex:u,state:v,length:i,code:n,placeholder:p,setCodeAt:S,setSelectedIndex:g,registerInput:R}),[p,u,n,v,i,S,g,R]);return y(A.Provider,{value:T,children:F("div",{className:w("gap-small-1x flex flex-col",V),children:[o,x&&y("input",{className:"hidden",name:x,type:"hidden",value:n.join("")})]})})}function G(){let o=q(A);if(!o)throw new Error("usePinInputContext must be used within PinInput");return o}export{z as PinInput,G as usePinInputContext};
+import{cx as N}from"@xjur-ui/util";import{createContext as j,useCallback as b,useContext as F,useEffect as d,useMemo as k,useRef as h,useState as C}from"react";import{jsx as w}from"react/jsx-runtime";var H=j({});function G({children:s,state:m,length:i,className:L,defaultValue:T,value:v,placeholder:P,autoSubmit:R=!1,onError:p,onChangeValue:u,onComplete:g}){let c=h([]),I=h(!1),o=v!==void 0,[S,x]=C(()=>m),[l,E]=C(0),[a,V]=C(()=>T?.split("")??[]),r=o?v.split(""):a,y=b((t,e)=>{c.current[t]=e},[]),A=b((t,e)=>{if(o){let n=[...r];n[t]=e,u?.(n.join(""))}else V(n=>{let f=n.slice();return f[t]=e,f})},[o,r,u]),M=b(()=>{for(let e of c.current)if(e&&e.form)return e.form;let t=c.current.find(Boolean);if(t){let e=t.closest("form");if(e instanceof HTMLFormElement)return e}return null},[]);d(()=>{x(m)},[m]),d(()=>{let t=c.current[l];t&&document.activeElement!==t&&t.focus()},[l]),d(()=>{!o&&a.some(t=>t.length>0)&&u?.(a.join(""))},[o,a,u]),d(()=>{let t=r.join("");if(!(t.length===i)){I.current=!1;return}if(g?.(t),!R||I.current)return;let n=M();if(n)if(typeof n.requestSubmit=="function")try{x("disabled"),n.requestSubmit(),I.current=!0}catch(f){p?.(f)}finally{x("normal")}else p?.(new Error("form.requestSubmit is not a function"))},[r,i,R,g,M,p]);let q=k(()=>({selectedIndex:l,state:S,length:i,code:r,placeholder:P,setCodeAt:A,setSelectedIndex:E,registerInput:y}),[P,l,r,S,i,A,E,y]);return w(H.Provider,{value:q,children:w("div",{className:N("gap-small-1x flex flex-col",L),children:s})})}function J(){let s=F(H);if(!s)throw new Error("usePinInputContext must be used within PinInput");return s}export{G as PinInput,J as usePinInputContext};

package/dist/components/message/index.js

@@ -1 +1 @@
-import{tv as z}from"@xjur-ui/util";import{createContext as M,useCallback as k,useContext as R,useMemo as V,useRef as N}from"react";import{jsx as x}from"react/jsx-runtime";var h=M({variant:"neutral",inline:!1,onClose:()=>{}}),I=z({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function B({variant:e="neutral",inline:t=!1,className:o,children:a,...i}){let r=N(null),s=k(()=>{r.current?.remove()},[]),v=V(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return x(h.Provider,{value:v,children:x("div",{className:I({variant:e,inline:t,className:o}),ref:r,...i,children:a})})}function l(){let e=R(h);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as E}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return L("span",{...a,className:E("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as p}from"react/jsx-runtime";var S=new Map([["success",p(n,{className:"text-success-idle",name:"check"},"success")],["neutral",p(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["warning",p(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",p(n,{className:"text-danger-idle",name:"error"},"error")]]);function A(){let{variant:e,inline:t}=l();return t?null:S.get(e)}import"react";import{cx as D}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function H({className:e,children:t,onClick:o,...a}){let{onClose:i}=l();function r(s){o?o(s):i?.()}return _("button",{className:D(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:r,...a,children:t||_(n,{className:"text-inherit",name:"close"})})}import{cx as U}from"@xjur-ui/util";import{Slot as G}from"@radix-ui/react-slot";import{cva as O}from"@xjur-ui/util";import{memo as w,useState as $}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as u}from"react/jsx-runtime";function q({delayDuration:e=0,...t}){return u(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function f({...e}){return u(q,{children:u(d.Root,{"data-slot":"tooltip",...e})})}import*as C from"@radix-ui/react-tooltip";import{jsx as W}from"react/jsx-runtime";function y({...e}){return W(C.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as F}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function b({className:e,sideOffset:t=1,variant:o="simple",children:a,...i}){return T(m.Portal,{children:T(m.Content,{className:F("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...i,children:a})})}import{jsx as c,jsxs as Q}from"react/jsx-runtime";var J=O("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=w(({variant:e,size:t,weight:o,asChild:a,className:i,children:r,...s})=>c(a?G:"span",{className:J({variant:e,size:t,weight:o,className:i}),...s,children:r}));g.displayName="Typography";var K=w(({children:e,...t})=>{let[o,a]=$(!1);return Q(f,{children:[c(y,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:r})=>{let s=r.scrollWidth>r.clientWidth;a(s),s?r.style.cursor="pointer":r.style.cursor="text"},...t,children:e})}),o&&c(b,{children:e})]})});K.displayName="TruncatedTypography";import{jsx as Y}from"react/jsx-runtime";function X({className:e,...t}){return Y(g,{className:U(e,"text-inherit"),...t})}import{Slot as Z}from"@radix-ui/react-slot";import{cva as j,cx as ee}from"@xjur-ui/util";import{jsx as oe}from"react/jsx-runtime";var te=j(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function P({asChild:e,className:t,variant:o="primary",size:a="md",appearance:i="solid",...r}){return oe(e?Z:"button",{className:ee(te({variant:o,appearance:i,size:a}),t),...r})}import{jsx as re}from"react/jsx-runtime";function ae({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...i}){return re(P,{appearance:o,className:"shrink-0",size:t,variant:e,...i,children:a})}export{ae as MessageAction,H as MessageClose,A as MessageIcon,B as MessageRoot,X as MessageText};
+import{tv as z}from"@xjur-ui/util";import{createContext as M,useCallback as k,useContext as R,useMemo as V,useRef as N}from"react";import{jsx as x}from"react/jsx-runtime";var h=M({variant:"neutral",inline:!1,onClose:()=>{}}),I=z({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function B({variant:e="neutral",inline:t=!1,className:o,children:a,...i}){let r=N(null),s=k(()=>{r.current?.remove()},[]),v=V(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return x(h.Provider,{value:v,children:x("div",{className:I({variant:e,inline:t,className:o}),ref:r,...i,children:a})})}function p(){let e=R(h);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as E}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return L("span",{...a,className:E("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as l}from"react/jsx-runtime";var S=new Map([["success",l(n,{className:"text-success-idle",name:"check"},"success")],["neutral",l(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["primary",l(n,{className:"text-primary-idle",name:"info"},"primary")],["warning",l(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",l(n,{className:"text-danger-idle",name:"error"},"error")]]);function A(){let{variant:e}=p();return S.get(e)}import"react";import{cx as D}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function H({className:e,children:t,onClick:o,...a}){let{onClose:i}=p();function r(s){o?o(s):i?.()}return _("button",{className:D(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:r,...a,children:t||_(n,{className:"text-inherit",name:"close"})})}import{cx as U}from"@xjur-ui/util";import{Slot as G}from"@radix-ui/react-slot";import{cva as O}from"@xjur-ui/util";import{memo as w,useState as $}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as u}from"react/jsx-runtime";function q({delayDuration:e=0,...t}){return u(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function y({...e}){return u(q,{children:u(d.Root,{"data-slot":"tooltip",...e})})}import*as C from"@radix-ui/react-tooltip";import{jsx as W}from"react/jsx-runtime";function f({...e}){return W(C.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as F}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function b({className:e,sideOffset:t=1,variant:o="simple",children:a,...i}){return T(m.Portal,{children:T(m.Content,{className:F("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...i,children:a})})}import{jsx as c,jsxs as Q}from"react/jsx-runtime";var J=O("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=w(({variant:e,size:t,weight:o,asChild:a,className:i,children:r,...s})=>c(a?G:"span",{className:J({variant:e,size:t,weight:o,className:i}),...s,children:r}));g.displayName="Typography";var K=w(({children:e,...t})=>{let[o,a]=$(!1);return Q(y,{children:[c(f,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:r})=>{let s=r.scrollWidth>r.clientWidth;a(s),s?r.style.cursor="pointer":r.style.cursor="text"},...t,children:e})}),o&&c(b,{children:e})]})});K.displayName="TruncatedTypography";import{jsx as Y}from"react/jsx-runtime";function X({className:e,...t}){return Y(g,{className:U(e,"text-inherit"),...t})}import{Slot as Z}from"@radix-ui/react-slot";import{cva as j,cx as ee}from"@xjur-ui/util";import{jsx as oe}from"react/jsx-runtime";var te=j(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function P({asChild:e,className:t,variant:o="primary",size:a="md",appearance:i="solid",...r}){return oe(e?Z:"button",{className:ee(te({variant:o,appearance:i,size:a}),t),...r})}import{jsx as re}from"react/jsx-runtime";function ae({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...i}){return re(P,{appearance:o,className:"shrink-0",size:t,variant:e,...i,children:a})}export{ae as MessageAction,H as MessageClose,A as MessageIcon,B as MessageRoot,X as MessageText};

package/dist/components/message/message-icon.js

@@ -1 +1 @@
-import{cx as i}from"@xjur-ui/util";import{jsx as l}from"react/jsx-runtime";function o({className:e,filled:t=!1,name:s,...a}){return l("span",{...a,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:s})}import{tv as c}from"@xjur-ui/util";import{createContext as d,useCallback as x,useContext as _,useMemo as k,useRef as R}from"react";import{jsx as I}from"react/jsx-runtime";var p=d({variant:"neutral",inline:!1,onClose:()=>{}}),M=c({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function n(){let e=_(p);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{jsx as r}from"react/jsx-runtime";var u=new Map([["success",r(o,{className:"text-success-idle",name:"check"},"success")],["neutral",r(o,{className:"text-icon-neutral-3",name:"info"},"neutral")],["warning",r(o,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",r(o,{className:"text-danger-idle",name:"error"},"error")]]);function T(){let{variant:e,inline:t}=n();return t?null:u.get(e)}export{T as MessageIcon};
+import{cx as i}from"@xjur-ui/util";import{jsx as l}from"react/jsx-runtime";function o({className:e,filled:n=!1,name:s,...t}){return l("span",{...t,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${n?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:s})}import{tv as c}from"@xjur-ui/util";import{createContext as d,useCallback as x,useContext as _,useMemo as k,useRef as R}from"react";import{jsx as I}from"react/jsx-runtime";var p=d({variant:"neutral",inline:!1,onClose:()=>{}}),M=c({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function a(){let e=_(p);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{jsx as r}from"react/jsx-runtime";var u=new Map([["success",r(o,{className:"text-success-idle",name:"check"},"success")],["neutral",r(o,{className:"text-icon-neutral-3",name:"info"},"neutral")],["primary",r(o,{className:"text-primary-idle",name:"info"},"primary")],["warning",r(o,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",r(o,{className:"text-danger-idle",name:"error"},"error")]]);function T(){let{variant:e}=a();return u.get(e)}export{T as MessageIcon};

package/dist/components/toast/index.js

@@ -1 +1 @@
-import{toast as f,Toaster as de}from"sonner";import{Slot as B}from"@radix-ui/react-slot";import{cva as E,cx as L}from"@xjur-ui/util";import{jsx as W}from"react/jsx-runtime";var S=E(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function z({asChild:e,className:t,variant:o="primary",size:a="md",appearance:r="solid",...i}){return W(e?B:"button",{className:L(S({variant:o,appearance:r,size:a}),t),...i})}import{jsx as H}from"react/jsx-runtime";function y({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...r}){return H(z,{appearance:o,className:"shrink-0",size:t,variant:e,...r,children:a})}import{tv as O}from"@xjur-ui/util";import{createContext as q,useCallback as F,useContext as G,useMemo as $,useRef as J}from"react";import{jsx as M}from"react/jsx-runtime";var k=q({variant:"neutral",inline:!1,onClose:()=>{}}),K=O({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function b({variant:e="neutral",inline:t=!1,className:o,children:a,...r}){let i=J(null),s=F(()=>{i.current?.remove()},[]),w=$(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return M(k.Provider,{value:w,children:M("div",{className:K({variant:e,inline:t,className:o}),ref:i,...r,children:a})})}function l(){let e=G(k);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as Q}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return U("span",{...a,className:Q("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as p}from"react/jsx-runtime";var X=new Map([["success",p(n,{className:"text-success-idle",name:"check"},"success")],["neutral",p(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["warning",p(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",p(n,{className:"text-danger-idle",name:"error"},"error")]]);function v(){let{variant:e,inline:t}=l();return t?null:X.get(e)}import"react";import{cx as Y}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function x({className:e,children:t,onClick:o,...a}){let{onClose:r}=l();function i(s){o?o(s):r?.()}return R("button",{className:Y(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:i,...a,children:t||R(n,{className:"text-inherit",name:"close"})})}import{cx as ne}from"@xjur-ui/util";import{Slot as te}from"@radix-ui/react-slot";import{cva as oe}from"@xjur-ui/util";import{memo as N,useState as ae}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function Z({delayDuration:e=0,...t}){return h(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function _({...e}){return h(Z,{children:h(d.Root,{"data-slot":"tooltip",...e})})}import*as V from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function T({...e}){return j(V.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as ee}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";function C({className:e,sideOffset:t=1,variant:o="simple",children:a,...r}){return I(m.Portal,{children:I(m.Content,{className:ee("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...r,children:a})})}import{jsx as c,jsxs as se}from"react/jsx-runtime";var re=oe("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=N(({variant:e,size:t,weight:o,asChild:a,className:r,children:i,...s})=>c(a?te:"span",{className:re({variant:e,size:t,weight:o,className:r}),...s,children:i}));g.displayName="Typography";var ie=N(({children:e,...t})=>{let[o,a]=ae(!1);return se(_,{children:[c(T,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;a(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),o&&c(C,{children:e})]})});ie.displayName="TruncatedTypography";import{jsx as le}from"react/jsx-runtime";function P({className:e,...t}){return le(g,{className:ne(e,"text-inherit"),...t})}import{jsx as u,jsxs as pe}from"react/jsx-runtime";function A({variant:e="primary",inline:t=!1,dismissible:o=!0,message:a,action:r,onDismiss:i}){return pe(b,{inline:t,variant:e,children:[u(v,{}),u(P,{children:a}),r&&u(y,{variant:e,onClick:()=>r.onClick(),children:r.label}),o&&u(x,{onClick:i})]})}import{jsx as D}from"react/jsx-runtime";function me(e){return D(de,{...e})}function ce(e,t){return f.custom(o=>D(A,{action:t?.action,dismissible:t?.dismissible,inline:t?.inline,message:e,variant:t?.variant,onDismiss:()=>{f.dismiss(o),t?.onDismiss?.({id:o})}}),{duration:t?.dismissible===!1?1/0:t?.duration??3e3,toasterId:t?.toasterId,position:t?.position,dismissible:t?.dismissible,onAutoClose:t?.onAutoClose,onDismiss:t?.onDismiss})}function ge(e){f.dismiss(e)}function ue(){f.dismiss()}var fe={dispatch:ce,dismiss:ge,clear:ue};export{me as ToastWrapper,fe as toast};
+import{toast as f,Toaster as de}from"sonner";import{Slot as B}from"@radix-ui/react-slot";import{cva as E,cx as L}from"@xjur-ui/util";import{jsx as O}from"react/jsx-runtime";var S=E(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function z({asChild:e,className:t,variant:o="primary",size:a="md",appearance:r="solid",...i}){return O(e?B:"button",{className:L(S({variant:o,appearance:r,size:a}),t),...i})}import{jsx as W}from"react/jsx-runtime";function y({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...r}){return W(z,{appearance:o,className:"shrink-0",size:t,variant:e,...r,children:a})}import{tv as H}from"@xjur-ui/util";import{createContext as q,useCallback as F,useContext as G,useMemo as $,useRef as J}from"react";import{jsx as M}from"react/jsx-runtime";var k=q({variant:"neutral",inline:!1,onClose:()=>{}}),K=H({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function b({variant:e="neutral",inline:t=!1,className:o,children:a,...r}){let i=J(null),s=F(()=>{i.current?.remove()},[]),w=$(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return M(k.Provider,{value:w,children:M("div",{className:K({variant:e,inline:t,className:o}),ref:i,...r,children:a})})}function p(){let e=G(k);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as Q}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return U("span",{...a,className:Q("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as l}from"react/jsx-runtime";var X=new Map([["success",l(n,{className:"text-success-idle",name:"check"},"success")],["neutral",l(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["primary",l(n,{className:"text-primary-idle",name:"info"},"primary")],["warning",l(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",l(n,{className:"text-danger-idle",name:"error"},"error")]]);function v(){let{variant:e}=p();return X.get(e)}import"react";import{cx as Y}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function x({className:e,children:t,onClick:o,...a}){let{onClose:r}=p();function i(s){o?o(s):r?.()}return R("button",{className:Y(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:i,...a,children:t||R(n,{className:"text-inherit",name:"close"})})}import{cx as ne}from"@xjur-ui/util";import{Slot as te}from"@radix-ui/react-slot";import{cva as oe}from"@xjur-ui/util";import{memo as I,useState as ae}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function Z({delayDuration:e=0,...t}){return h(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function _({...e}){return h(Z,{children:h(d.Root,{"data-slot":"tooltip",...e})})}import*as V from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function T({...e}){return j(V.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as ee}from"@xjur-ui/util";import{jsx as N}from"react/jsx-runtime";function C({className:e,sideOffset:t=1,variant:o="simple",children:a,...r}){return N(m.Portal,{children:N(m.Content,{className:ee("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...r,children:a})})}import{jsx as c,jsxs as se}from"react/jsx-runtime";var re=oe("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=I(({variant:e,size:t,weight:o,asChild:a,className:r,children:i,...s})=>c(a?te:"span",{className:re({variant:e,size:t,weight:o,className:r}),...s,children:i}));g.displayName="Typography";var ie=I(({children:e,...t})=>{let[o,a]=ae(!1);return se(_,{children:[c(T,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;a(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),o&&c(C,{children:e})]})});ie.displayName="TruncatedTypography";import{jsx as le}from"react/jsx-runtime";function P({className:e,...t}){return le(g,{className:ne(e,"text-inherit"),...t})}import{jsx as u,jsxs as pe}from"react/jsx-runtime";function A({variant:e="primary",inline:t=!1,dismissible:o=!0,message:a,action:r,onDismiss:i}){return pe(b,{inline:t,variant:e,children:[u(v,{}),u(P,{children:a}),r&&u(y,{variant:e,onClick:()=>r.onClick(),children:r.label}),o&&u(x,{onClick:i})]})}import{jsx as D}from"react/jsx-runtime";function me(e){return D(de,{...e})}function ce(e,t){return f.custom(o=>D(A,{action:t?.action,dismissible:t?.dismissible,inline:t?.inline,message:e,variant:t?.variant,onDismiss:()=>{f.dismiss(o),t?.onDismiss?.({id:o})}}),{duration:t?.dismissible===!1?1/0:t?.duration??3e3,toasterId:t?.toasterId,position:t?.position,dismissible:t?.dismissible,onAutoClose:t?.onAutoClose,onDismiss:t?.onDismiss})}function ge(e){f.dismiss(e)}function ue(){f.dismiss()}var fe={dispatch:ce,dismiss:ge,clear:ue};export{me as ToastWrapper,fe as toast};

package/dist/components/toast/toast-component.js

@@ -1 +1 @@
-import{Slot as I}from"@radix-ui/react-slot";import{cva as B,cx as E}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";var A=B(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function w({asChild:e,className:t,variant:o="primary",size:a="md",appearance:r="solid",...i}){return L(e?I:"button",{className:E(A({variant:o,appearance:r,size:a}),t),...i})}import{jsx as D}from"react/jsx-runtime";function f({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...r}){return D(w,{appearance:o,className:"shrink-0",size:t,variant:e,...r,children:a})}import{tv as S}from"@xjur-ui/util";import{createContext as H,useCallback as q,useContext as W,useMemo as F,useRef as G}from"react";import{jsx as z}from"react/jsx-runtime";var M=H({variant:"neutral",inline:!1,onClose:()=>{}}),O=S({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function y({variant:e="neutral",inline:t=!1,className:o,children:a,...r}){let i=G(null),s=q(()=>{i.current?.remove()},[]),P=F(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return z(M.Provider,{value:P,children:z("div",{className:O({variant:e,inline:t,className:o}),ref:i,...r,children:a})})}function l(){let e=W(M);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as $}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return J("span",{...a,className:$("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as p}from"react/jsx-runtime";var K=new Map([["success",p(n,{className:"text-success-idle",name:"check"},"success")],["neutral",p(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["warning",p(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",p(n,{className:"text-danger-idle",name:"error"},"error")]]);function b(){let{variant:e,inline:t}=l();return t?null:K.get(e)}import"react";import{cx as Q}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";function v({className:e,children:t,onClick:o,...a}){let{onClose:r}=l();function i(s){o?o(s):r?.()}return k("button",{className:Q(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:i,...a,children:t||k(n,{className:"text-inherit",name:"close"})})}import{cx as re}from"@xjur-ui/util";import{Slot as Z}from"@radix-ui/react-slot";import{cva as j}from"@xjur-ui/util";import{memo as N,useState as ee}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as x}from"react/jsx-runtime";function U({delayDuration:e=0,...t}){return x(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function h({...e}){return x(U,{children:x(d.Root,{"data-slot":"tooltip",...e})})}import*as R from"@radix-ui/react-tooltip";import{jsx as X}from"react/jsx-runtime";function _({...e}){return X(R.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as Y}from"@xjur-ui/util";import{jsx as V}from"react/jsx-runtime";function C({className:e,sideOffset:t=1,variant:o="simple",children:a,...r}){return V(m.Portal,{children:V(m.Content,{className:Y("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...r,children:a})})}import{jsx as c,jsxs as ae}from"react/jsx-runtime";var te=j("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=N(({variant:e,size:t,weight:o,asChild:a,className:r,children:i,...s})=>c(a?Z:"span",{className:te({variant:e,size:t,weight:o,className:r}),...s,children:i}));g.displayName="Typography";var oe=N(({children:e,...t})=>{let[o,a]=ee(!1);return ae(h,{children:[c(_,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;a(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),o&&c(C,{children:e})]})});oe.displayName="TruncatedTypography";import{jsx as ie}from"react/jsx-runtime";function T({className:e,...t}){return ie(g,{className:re(e,"text-inherit"),...t})}import{jsx as u,jsxs as se}from"react/jsx-runtime";function pt({variant:e="primary",inline:t=!1,dismissible:o=!0,message:a,action:r,onDismiss:i}){return se(y,{inline:t,variant:e,children:[u(b,{}),u(T,{children:a}),r&&u(f,{variant:e,onClick:()=>r.onClick(),children:r.label}),o&&u(v,{onClick:i})]})}export{pt as ToastComponent};
+import{Slot as I}from"@radix-ui/react-slot";import{cva as B,cx as E}from"@xjur-ui/util";import{jsx as L}from"react/jsx-runtime";var A=B(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function w({asChild:e,className:t,variant:o="primary",size:a="md",appearance:r="solid",...i}){return L(e?I:"button",{className:E(A({variant:o,appearance:r,size:a}),t),...i})}import{jsx as D}from"react/jsx-runtime";function u({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...r}){return D(w,{appearance:o,className:"shrink-0",size:t,variant:e,...r,children:a})}import{tv as S}from"@xjur-ui/util";import{createContext as H,useCallback as q,useContext as W,useMemo as F,useRef as G}from"react";import{jsx as z}from"react/jsx-runtime";var M=H({variant:"neutral",inline:!1,onClose:()=>{}}),O=S({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function y({variant:e="neutral",inline:t=!1,className:o,children:a,...r}){let i=G(null),s=q(()=>{i.current?.remove()},[]),P=F(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return z(M.Provider,{value:P,children:z("div",{className:O({variant:e,inline:t,className:o}),ref:i,...r,children:a})})}function p(){let e=W(M);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as $}from"@xjur-ui/util";import{jsx as J}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return J("span",{...a,className:$("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as l}from"react/jsx-runtime";var K=new Map([["success",l(n,{className:"text-success-idle",name:"check"},"success")],["neutral",l(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["primary",l(n,{className:"text-primary-idle",name:"info"},"primary")],["warning",l(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",l(n,{className:"text-danger-idle",name:"error"},"error")]]);function b(){let{variant:e}=p();return K.get(e)}import"react";import{cx as Q}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";function v({className:e,children:t,onClick:o,...a}){let{onClose:r}=p();function i(s){o?o(s):r?.()}return k("button",{className:Q(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:i,...a,children:t||k(n,{className:"text-inherit",name:"close"})})}import{cx as re}from"@xjur-ui/util";import{Slot as Z}from"@radix-ui/react-slot";import{cva as j}from"@xjur-ui/util";import{memo as N,useState as ee}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as x}from"react/jsx-runtime";function U({delayDuration:e=0,...t}){return x(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function h({...e}){return x(U,{children:x(d.Root,{"data-slot":"tooltip",...e})})}import*as R from"@radix-ui/react-tooltip";import{jsx as X}from"react/jsx-runtime";function _({...e}){return X(R.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as Y}from"@xjur-ui/util";import{jsx as V}from"react/jsx-runtime";function C({className:e,sideOffset:t=1,variant:o="simple",children:a,...r}){return V(m.Portal,{children:V(m.Content,{className:Y("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...r,children:a})})}import{jsx as c,jsxs as ae}from"react/jsx-runtime";var te=j("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=N(({variant:e,size:t,weight:o,asChild:a,className:r,children:i,...s})=>c(a?Z:"span",{className:te({variant:e,size:t,weight:o,className:r}),...s,children:i}));g.displayName="Typography";var oe=N(({children:e,...t})=>{let[o,a]=ee(!1);return ae(h,{children:[c(_,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;a(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),o&&c(C,{children:e})]})});oe.displayName="TruncatedTypography";import{jsx as ie}from"react/jsx-runtime";function T({className:e,...t}){return ie(g,{className:re(e,"text-inherit"),...t})}import{jsx as f,jsxs as se}from"react/jsx-runtime";function pt({variant:e="primary",inline:t=!1,dismissible:o=!0,message:a,action:r,onDismiss:i}){return se(y,{inline:t,variant:e,children:[f(b,{}),f(T,{children:a}),r&&f(u,{variant:e,onClick:()=>r.onClick(),children:r.label}),o&&f(v,{onClick:i})]})}export{pt as ToastComponent};

package/dist/components/toast/toast.d.ts

@@ -14,8 +14,8 @@ interface DispatchOptions {
     onDismiss?: (toast: ToastT) => void;
 }
 export declare function ToastWrapper(props: ComponentProps<typeof Toaster>): import("react/jsx-runtime").JSX.Element;
-declare function dispatch(message: string, options?: DispatchOptions): string | number;
-declare function dismiss(toastId: string): void;
+declare function dispatch(message: string, options?: Omit<DispatchOptions, 'message'>): string | number;
+declare function dismiss(toastId: string | number): void;
 declare function clear(): void;
 export declare const toast: {
     dispatch: typeof dispatch;

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import{toast as f,Toaster as de}from"sonner";import{Slot as B}from"@radix-ui/react-slot";import{cva as E,cx as L}from"@xjur-ui/util";import{jsx as H}from"react/jsx-runtime";var S=E(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function z({asChild:e,className:t,variant:o="primary",size:a="md",appearance:r="solid",...i}){return H(e?B:"button",{className:L(S({variant:o,appearance:r,size:a}),t),...i})}import{jsx as O}from"react/jsx-runtime";function y({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...r}){return O(z,{appearance:o,className:"shrink-0",size:t,variant:e,...r,children:a})}import{tv as W}from"@xjur-ui/util";import{createContext as q,useCallback as F,useContext as G,useMemo as $,useRef as J}from"react";import{jsx as M}from"react/jsx-runtime";var k=q({variant:"neutral",inline:!1,onClose:()=>{}}),K=W({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function b({variant:e="neutral",inline:t=!1,className:o,children:a,...r}){let i=J(null),s=F(()=>{i.current?.remove()},[]),w=$(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return M(k.Provider,{value:w,children:M("div",{className:K({variant:e,inline:t,className:o}),ref:i,...r,children:a})})}function l(){let e=G(k);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as Q}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return U("span",{...a,className:Q("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as p}from"react/jsx-runtime";var X=new Map([["success",p(n,{className:"text-success-idle",name:"check"},"success")],["neutral",p(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["warning",p(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",p(n,{className:"text-danger-idle",name:"error"},"error")]]);function v(){let{variant:e,inline:t}=l();return t?null:X.get(e)}import"react";import{cx as Y}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function x({className:e,children:t,onClick:o,...a}){let{onClose:r}=l();function i(s){o?o(s):r?.()}return R("button",{className:Y(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:i,...a,children:t||R(n,{className:"text-inherit",name:"close"})})}import{cx as ne}from"@xjur-ui/util";import{Slot as te}from"@radix-ui/react-slot";import{cva as oe}from"@xjur-ui/util";import{memo as N,useState as ae}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function Z({delayDuration:e=0,...t}){return h(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function _({...e}){return h(Z,{children:h(d.Root,{"data-slot":"tooltip",...e})})}import*as V from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function T({...e}){return j(V.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as ee}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";function C({className:e,sideOffset:t=1,variant:o="simple",children:a,...r}){return I(m.Portal,{children:I(m.Content,{className:ee("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...r,children:a})})}import{jsx as c,jsxs as se}from"react/jsx-runtime";var re=oe("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=N(({variant:e,size:t,weight:o,asChild:a,className:r,children:i,...s})=>c(a?te:"span",{className:re({variant:e,size:t,weight:o,className:r}),...s,children:i}));g.displayName="Typography";var ie=N(({children:e,...t})=>{let[o,a]=ae(!1);return se(_,{children:[c(T,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;a(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),o&&c(C,{children:e})]})});ie.displayName="TruncatedTypography";import{jsx as le}from"react/jsx-runtime";function P({className:e,...t}){return le(g,{className:ne(e,"text-inherit"),...t})}import{jsx as u,jsxs as pe}from"react/jsx-runtime";function A({variant:e="primary",inline:t=!1,dismissible:o=!0,message:a,action:r,onDismiss:i}){return pe(b,{inline:t,variant:e,children:[u(v,{}),u(P,{children:a}),r&&u(y,{variant:e,onClick:()=>r.onClick(),children:r.label}),o&&u(x,{onClick:i})]})}import{jsx as D}from"react/jsx-runtime";function ht(e){return D(de,{...e})}function me(e,t){return f.custom(o=>D(A,{action:t?.action,dismissible:t?.dismissible,inline:t?.inline,message:e,variant:t?.variant,onDismiss:()=>{f.dismiss(o),t?.onDismiss?.({id:o})}}),{duration:t?.dismissible===!1?1/0:t?.duration??3e3,toasterId:t?.toasterId,position:t?.position,dismissible:t?.dismissible,onAutoClose:t?.onAutoClose,onDismiss:t?.onDismiss})}function ce(e){f.dismiss(e)}function ge(){f.dismiss()}var _t={dispatch:me,dismiss:ce,clear:ge};export{ht as ToastWrapper,_t as toast};
+import{toast as f,Toaster as de}from"sonner";import{Slot as B}from"@radix-ui/react-slot";import{cva as E,cx as L}from"@xjur-ui/util";import{jsx as O}from"react/jsx-runtime";var S=E(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function z({asChild:e,className:t,variant:o="primary",size:a="md",appearance:r="solid",...i}){return O(e?B:"button",{className:L(S({variant:o,appearance:r,size:a}),t),...i})}import{jsx as H}from"react/jsx-runtime";function y({variant:e="primary",size:t="sm",appearance:o="solid",children:a,...r}){return H(z,{appearance:o,className:"shrink-0",size:t,variant:e,...r,children:a})}import{tv as W}from"@xjur-ui/util";import{createContext as q,useCallback as F,useContext as G,useMemo as $,useRef as J}from"react";import{jsx as M}from"react/jsx-runtime";var k=q({variant:"neutral",inline:!1,onClose:()=>{}}),K=W({base:"inline-flex items-center rounded-small-1x animate-in fade-in-0 duration-250",variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle border-primary-border-idle",success:"bg-success-alt-idle text-success-label-idle border-success-border-idle",neutral:"bg-layer-1-idle text-neutral-dark border-border-layer-3",warning:"bg-warning-alt-idle text-warning-label-idle border-warning-border-idle",destructive:"bg-danger-alt-idle text-danger-label-idle border-danger-border-idle"},inline:{true:"gap-small p-small w-fit",false:"gap-medium py-small pr-small_1x-alt pb-small pl-large border-l-4 w-full"}},defaultVariants:{variant:"neutral",inline:!1}});function b({variant:e="neutral",inline:t=!1,className:o,children:a,...r}){let i=J(null),s=F(()=>{i.current?.remove()},[]),w=$(()=>({variant:e,inline:t,onClose:s}),[e,t,s]);return M(k.Provider,{value:w,children:M("div",{className:K({variant:e,inline:t,className:o}),ref:i,...r,children:a})})}function p(){let e=G(k);if(!e)throw new Error("useMessageRootContext must be used within a MessageRoot");return e}import{cx as Q}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";function n({className:e,filled:t=!1,name:o,...a}){return U("span",{...a,className:Q("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:o})}import{jsx as l}from"react/jsx-runtime";var X=new Map([["success",l(n,{className:"text-success-idle",name:"check"},"success")],["neutral",l(n,{className:"text-icon-neutral-3",name:"info"},"neutral")],["primary",l(n,{className:"text-primary-idle",name:"info"},"primary")],["warning",l(n,{className:"text-warning-idle",name:"warning"},"warning")],["destructive",l(n,{className:"text-danger-idle",name:"error"},"error")]]);function v(){let{variant:e}=p();return X.get(e)}import"react";import{cx as Y}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function x({className:e,children:t,onClick:o,...a}){let{onClose:r}=p();function i(s){o?o(s):r?.()}return R("button",{className:Y(e,"size-large-2x ml-auto flex cursor-pointer items-center justify-center bg-inherit"),type:"button",onClick:i,...a,children:t||R(n,{className:"text-inherit",name:"close"})})}import{cx as ne}from"@xjur-ui/util";import{Slot as te}from"@radix-ui/react-slot";import{cva as oe}from"@xjur-ui/util";import{memo as I,useState as ae}from"react";import*as d from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function Z({delayDuration:e=0,...t}){return h(d.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function _({...e}){return h(Z,{children:h(d.Root,{"data-slot":"tooltip",...e})})}import*as V from"@radix-ui/react-tooltip";import{jsx as j}from"react/jsx-runtime";function T({...e}){return j(V.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as m from"@radix-ui/react-tooltip";import{cx as ee}from"@xjur-ui/util";import{jsx as N}from"react/jsx-runtime";function C({className:e,sideOffset:t=1,variant:o="simple",children:a,...r}){return N(m.Portal,{children:N(m.Content,{className:ee("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...r,children:a})})}import{jsx as c,jsxs as se}from"react/jsx-runtime";var re=oe("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=I(({variant:e,size:t,weight:o,asChild:a,className:r,children:i,...s})=>c(a?te:"span",{className:re({variant:e,size:t,weight:o,className:r}),...s,children:i}));g.displayName="Typography";var ie=I(({children:e,...t})=>{let[o,a]=ae(!1);return se(_,{children:[c(T,{asChild:!0,children:c(g,{onMouseEnter:({currentTarget:i})=>{let s=i.scrollWidth>i.clientWidth;a(s),s?i.style.cursor="pointer":i.style.cursor="text"},...t,children:e})}),o&&c(C,{children:e})]})});ie.displayName="TruncatedTypography";import{jsx as le}from"react/jsx-runtime";function P({className:e,...t}){return le(g,{className:ne(e,"text-inherit"),...t})}import{jsx as u,jsxs as pe}from"react/jsx-runtime";function A({variant:e="primary",inline:t=!1,dismissible:o=!0,message:a,action:r,onDismiss:i}){return pe(b,{inline:t,variant:e,children:[u(v,{}),u(P,{children:a}),r&&u(y,{variant:e,onClick:()=>r.onClick(),children:r.label}),o&&u(x,{onClick:i})]})}import{jsx as D}from"react/jsx-runtime";function ht(e){return D(de,{...e})}function me(e,t){return f.custom(o=>D(A,{action:t?.action,dismissible:t?.dismissible,inline:t?.inline,message:e,variant:t?.variant,onDismiss:()=>{f.dismiss(o),t?.onDismiss?.({id:o})}}),{duration:t?.dismissible===!1?1/0:t?.duration??3e3,toasterId:t?.toasterId,position:t?.position,dismissible:t?.dismissible,onAutoClose:t?.onAutoClose,onDismiss:t?.onDismiss})}function ce(e){f.dismiss(e)}function ge(){f.dismiss()}var _t={dispatch:me,dismiss:ce,clear:ge};export{ht as ToastWrapper,_t as toast};

package/dist/index.css

@@ -1,2 +1,2 @@
-@layer properties;@layer theme,base,components,utilities;@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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500: oklch(63.7% .237 25.331);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-blue-500: oklch(62.3% .214 259.815);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-lg: 32rem;--container-2xl: 42rem;--container-4xl: 56rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -.025em;--radius-lg: .5rem;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm: 8px;--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);--font-inter: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--spacing-none: 0;--spacing-small-2x: 2px;--spacing-small-1x: 4px;--spacing-small_1x-alt: 6px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-large: 16px;--spacing-large-alt: 18px;--spacing-large-1x: 20px;--spacing-large-2x: 24px;--spacing-large-3x: 28px;--spacing-large-4x: 32px;--spacing-large-6x: 40px;--spacing-large-7x: 44px;--spacing-large-8x: 48px;--radius-none: 0;--radius-small-2x: 2px;--radius-small-1x: 4px;--radius-small: 8px;--radius-circle: 999px;--shadow-2x-small: 1px;--shadow-1x-small: 2px;--shadow-medium: 4px;--shadow-large-1x: 8px;--color-shadow-lightest: #0000000A;--color-shadow-light: #0000000F;--color-title-neutral: #17171A;--color-neutral-dark: #3D3D47;--color-neutral-light: #69697A;--color-neutral-placeholder: #9C9CAD;--color-neutral-label: #FFFFFF;--color-icon-neutral-3: #69697A;--color-icon-neutral-5: #FFFFFF;--color-layer-1-idle: #F7F7FA;--color-layer-1-hover: #F0F0F2;--color-layer-1-pressed: #E7E7EB;--color-layer-1-active: #DEDEE3;--color-layer-2-idle: #FFFFFF;--color-layer-2-hover: #F8F8FA;--color-layer-2-pressed: #F0F0F2;--color-layer-2-active: #E7E7EB;--color-layer-skeleton: #E5E7EB;--color-alt-1: #17171A;--color-alt-2: #3D3D47;--color-alt-3: #69697A;--color-alt-4: #9C9CAD;--color-border-layer-1: #D6D6DC;--color-border-layer-2: #DEDEE3;--color-border-layer-3: #9C9CAD;--color-border-layer-4: #69697A;--color-primary-idle: #E87D30;--color-primary-hover: #C7631C;--color-primary-pressed: #AE5413;--color-primary-active: #E87D30;--color-primary-alt-idle: #F9EEE6;--color-primary-alt-hover: #F7E6D9;--color-primary-alt-pressed: #F4DCCD;--color-primary-alt-active: #F9EEE6;--color-primary-label-idle: #E87D30;--color-primary-label-active: #E87D30;--color-primary-border-idle: #E87D30;--color-primary-border-active: #FACEAE;--color-danger-idle: #E83040;--color-danger-hover: #C71C2B;--color-danger-pressed: #AE1320;--color-danger-alt-idle: #F9E6E8;--color-danger-alt-hover: #F7D9DC;--color-danger-alt-pressed: #F4CDCD;--color-danger-label-idle: #E83040;--color-danger-label-active: #E83040;--color-danger-border-idle: #E83040;--color-success-idle: #169C55;--color-success-alt-idle: #E6F9EF;--color-success-alt-hover: #DAF7E7;--color-success-alt-pressed: #CDF4DF;--color-success-label-idle: #169C55;--color-success-border-idle: #169C55;--color-warning-idle: #DF9F20;--color-warning-alt-idle: #F9F4E6;--color-warning-label-idle: #DF9F20;--color-warning-border-idle: #DF9F20;--text-size-body-sm-1x: 12px;--text-size-body-sm-1x--line-height: 16px;--text-size-body-sm: 13px;--text-size-body-sm--line-height: 16px;--text-size-body-md: 14px;--text-size-body-md--line-height: 20px;--text-size-body-md-medium: 14px;--text-size-body-md-medium--line-height: 20px;--text-size-body-lg: 16px;--text-size-body-lg--line-height: 24px;--text-size-label-sm-2x: 10px;--text-size-label-sm-2x--line-height: 14px;--text-size-label-sm-1x: 12px;--text-size-label-sm-1x--line-height: 16px;--text-size-label-sm: 13px;--text-size-label-sm--line-height: 16px;--text-size-label-md: 14px;--text-size-label-md--line-height: 20px;--text-size-label-lg: 16px;--text-size-label-lg--line-height: 24px;--text-size-title-sm: 14px;--text-size-title-sm--line-height: 20px;--text-size-title-md: 16px;--text-size-title-md--line-height: 24px;--text-size-title-lg: 20px;--text-size-title-lg--line-height: 28px;--text-size-headline-sm: 24px;--text-size-headline-sm--line-height: 32px;--text-size-headline-md: 28px;--text-size-headline-md--line-height: 40px;--text-size-headline-lg: 32px;--text-size-headline-lg--line-height: 48px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-\[22px\]{top:-22px}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2,.top-\[50\%\]{top:50%}.top-large{top:var(--spacing-large)}.right-0{right:calc(var(--spacing) * 0)}.right-large{right:var(--spacing-large)}.right-small{right:var(--spacing-small)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[60px\]{bottom:60px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2,.left-\[50\%\]{left:50%}.left-small{left:var(--spacing-small)}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-1000{z-index:1000}.z-99999{z-index:99999}.z-\[5\]{z-index:5}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mt-small{margin-top:var(--spacing-small)}.mr-14{margin-right:calc(var(--spacing) * 14)}.mr-18{margin-right:calc(var(--spacing) * 18)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.scrollbar{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}}.scrollbar-thin{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:8px;height:8px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1 / 1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.size-large{width:var(--spacing-large);height:var(--spacing-large)}.size-large-1x{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}.size-large-2x{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}.size-large-4x{width:var(--spacing-large-4x);height:var(--spacing-large-4x)}.size-large-alt{width:var(--spacing-large-alt);height:var(--spacing-large-alt)}.size-medium{width:var(--spacing-medium);height:var(--spacing-medium)}.h-1{height:calc(var(--spacing) * 1)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-64{height:calc(var(--spacing) * 64)}.h-\[68px\]{height:68px}.h-\[90vh\]{height:90vh}.h-\[212px\]{height:212px}.h-auto{height:auto}.h-full{height:100%}.h-large{height:var(--spacing-large)}.h-large-2x{height:var(--spacing-large-2x)}.h-large-4x{height:var(--spacing-large-4x)}.h-large-6x{height:var(--spacing-large-6x)}.h-large-7x{height:var(--spacing-large-7x)}.h-large-8x{height:var(--spacing-large-8x)}.h-px{height:1px}.max-h-\[116px\]{max-height:116px}.max-h-\[212px\]{max-height:212px}.max-h-\[400px\]{max-height:400px}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.min-h-\[64px\]{min-height:64px}.min-h-\[82px\]{min-height:82px}.min-h-\[116px\]{min-height:116px}.min-h-\[184px\]{min-height:184px}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-\[64px\]{width:64px}.w-\[94px\]{width:94px}.w-\[240px\]{width:240px}.w-\[900px\]{width:900px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-large-2x{width:var(--spacing-large-2x)}.w-large-3x{width:var(--spacing-large-3x)}.w-large-4x{width:var(--spacing-large-4x)}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[240px\]{max-width:240px}.max-w-\[320px\]{max-width:320px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[var\(--radix-popover-content-available-width\)\]{max-width:var(--radix-popover-content-available-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[100px\]{min-width:100px}.min-w-\[148px\]{min-width:148px}.min-w-\[900px\]{min-width:900px}.min-w-\[var\(--radix-popover-trigger-width\)\]{min-width:var(--radix-popover-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x: 50%;--tw-scale-y: 50%;--tw-scale-z: 50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-2{rotate:-2deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.\[grid-template-columns\:64px_repeat\(7\,1fr\)\]{grid-template-columns:64px repeat(7,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.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{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[40px\]{gap:40px}.gap-large{gap:var(--spacing-large)}.gap-large-2x{gap:var(--spacing-large-2x)}.gap-large-6x{gap:var(--spacing-large-6x)}.gap-medium{gap:var(--spacing-medium)}.gap-small{gap:var(--spacing-small)}.gap-small-1x{gap:var(--spacing-small-1x)}.gap-small-2x{gap:var(--spacing-small-2x)}.gap-small_1x-alt{gap:var(--spacing-small_1x-alt)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.-space-x-small-1x{:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)))}}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-circle{border-radius:var(--radius-circle)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:var(--radius-none)}.rounded-small{border-radius:var(--radius-small)}.rounded-small-1x{border-radius:var(--radius-small-1x)}.rounded-small-2x{border-radius:var(--radius-small-2x)}.rounded-t-small-1x{border-top-left-radius:var(--radius-small-1x);border-top-right-radius:var(--radius-small-1x)}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-tl-small-1x{border-top-left-radius:var(--radius-small-1x)}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-small-1x{border-top-right-radius:var(--radius-small-1x);border-bottom-right-radius:var(--radius-small-1x)}.rounded-tr-circle{border-top-right-radius:var(--radius-circle)}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tr-small-1x{border-top-right-radius:var(--radius-small-1x)}.rounded-br-circle{border-bottom-right-radius:var(--radius-circle)}.rounded-br-none{border-bottom-right-radius:var(--radius-none)}.rounded-bl-none{border-bottom-left-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}.\!border-r{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.\!border-l-0{border-left-style:var(--tw-border-style)!important;border-left-width:0px!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-none{--tw-border-style: none;border-style:none}.border-border-layer-1{border-color:var(--color-border-layer-1)}.border-border-layer-2{border-color:var(--color-border-layer-2)}.border-border-layer-3{border-color:var(--color-border-layer-3)}.border-border-layer-4{border-color:var(--color-border-layer-4)}.border-danger-border-idle{border-color:var(--color-danger-border-idle)}.border-danger-idle{border-color:var(--color-danger-idle)}.border-gray-200{border-color:var(--color-gray-200)}.border-icon-neutral-3{border-color:var(--color-icon-neutral-3)}.border-icon-neutral-5{border-color:var(--color-icon-neutral-5)}.border-orange-500{border-color:var(--color-orange-500)}.border-primary-active{border-color:var(--color-primary-active)}.border-primary-alt-idle{border-color:var(--color-primary-alt-idle)}.border-primary-border-active{border-color:var(--color-primary-border-active)}.border-primary-border-idle{border-color:var(--color-primary-border-idle)}.border-primary-idle{border-color:var(--color-primary-idle)}.border-success-border-idle{border-color:var(--color-success-border-idle)}.border-success-idle{border-color:var(--color-success-idle)}.border-transparent{border-color:transparent}.border-warning-border-idle{border-color:var(--color-warning-border-idle)}.border-t-border-layer-2{border-top-color:var(--color-border-layer-2)}.border-b-border-layer-2{border-bottom-color:var(--color-border-layer-2)}.border-b-transparent{border-bottom-color:transparent}.\!bg-primary-alt-active{background-color:var(--color-primary-alt-active)!important}.bg-alt-1{background-color:var(--color-alt-1)}.bg-alt-3{background-color:var(--color-alt-3)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-layer-2{background-color:var(--color-border-layer-2)}.bg-danger-alt-idle{background-color:var(--color-danger-alt-idle)}.bg-danger-idle{background-color:var(--color-danger-idle)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-inherit{background-color:inherit}.bg-layer-1-hover{background-color:var(--color-layer-1-hover)}.bg-layer-1-idle{background-color:var(--color-layer-1-idle)}.bg-layer-2-active{background-color:var(--color-layer-2-active)}.bg-layer-2-hover{background-color:var(--color-layer-2-hover)}.bg-layer-2-idle{background-color:var(--color-layer-2-idle)}.bg-layer-skeleton{background-color:var(--color-layer-skeleton)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-primary-active{background-color:var(--color-primary-active)}.bg-primary-alt-active{background-color:var(--color-primary-alt-active)}.bg-primary-alt-idle{background-color:var(--color-primary-alt-idle)}.bg-primary-idle{background-color:var(--color-primary-idle)}.bg-primary-idle\/50{background-color:color-mix(in srgb,#E87D30 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary-idle) 50%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-success-alt-idle{background-color:var(--color-success-alt-idle)}.bg-success-idle{background-color:var(--color-success-idle)}.bg-transparent{background-color:transparent}.bg-warning-alt-idle{background-color:var(--color-warning-alt-idle)}.bg-warning-idle{background-color:var(--color-warning-idle)}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[2px\]{padding:2px}.p-large{padding:var(--spacing-large)}.p-large-2x{padding:var(--spacing-large-2x)}.p-small{padding:var(--spacing-small)}.p-small-1x{padding:var(--spacing-small-1x)}.p-small-2x{padding:var(--spacing-small-2x)}.p-small_1x-alt{padding:var(--spacing-small_1x-alt)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-large{padding-inline:var(--spacing-large)}.px-large-2x{padding-inline:var(--spacing-large-2x)}.px-medium{padding-inline:var(--spacing-medium)}.px-small{padding-inline:var(--spacing-small)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-large{padding-block:var(--spacing-large)}.py-medium{padding-block:var(--spacing-medium)}.py-none{padding-block:var(--spacing-none)}.py-small{padding-block:var(--spacing-small)}.py-small-1x{padding-block:var(--spacing-small-1x)}.py-small_1x-alt{padding-block:var(--spacing-small_1x-alt)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-small-1x{padding-top:var(--spacing-small-1x)}.pr-large-3x{padding-right:var(--spacing-large-3x)}.pr-small{padding-right:var(--spacing-small)}.pr-small-2x{padding-right:var(--spacing-small-2x)}.pr-small_1x-alt{padding-right:var(--spacing-small_1x-alt)}.pb-medium{padding-bottom:var(--spacing-medium)}.pb-small{padding-bottom:var(--spacing-small)}.pl-large{padding-left:var(--spacing-large)}.pl-large-1x{padding-left:var(--spacing-large-1x)}.pl-medium{padding-left:var(--spacing-medium)}.pl-small-2x{padding-left:var(--spacing-small-2x)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-inter{font-family:var(--font-inter)}.\!text-size-body-sm{font-size:var(--text-size-body-sm)!important;line-height:var(--tw-leading, var(--text-size-body-sm--line-height))!important}.\!text-size-label-md{font-size:var(--text-size-label-md)!important;line-height:var(--tw-leading, var(--text-size-label-md--line-height))!important}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-size-body-lg{font-size:var(--text-size-body-lg);line-height:var(--tw-leading, var(--text-size-body-lg--line-height))}.text-size-body-md{font-size:var(--text-size-body-md);line-height:var(--tw-leading, var(--text-size-body-md--line-height))}.text-size-body-md-medium{font-size:var(--text-size-body-md-medium);line-height:var(--tw-leading, var(--text-size-body-md-medium--line-height))}.text-size-body-sm{font-size:var(--text-size-body-sm);line-height:var(--tw-leading, var(--text-size-body-sm--line-height))}.text-size-body-sm-1x{font-size:var(--text-size-body-sm-1x);line-height:var(--tw-leading, var(--text-size-body-sm-1x--line-height))}.text-size-headline-lg{font-size:var(--text-size-headline-lg);line-height:var(--tw-leading, var(--text-size-headline-lg--line-height))}.text-size-headline-md{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}.text-size-headline-sm{font-size:var(--text-size-headline-sm);line-height:var(--tw-leading, var(--text-size-headline-sm--line-height))}.text-size-label-lg{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}.text-size-label-md{font-size:var(--text-size-label-md);line-height:var(--tw-leading, var(--text-size-label-md--line-height))}.text-size-label-sm{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}.text-size-label-sm-1x{font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}.text-size-label-sm-2x{font-size:var(--text-size-label-sm-2x);line-height:var(--tw-leading, var(--text-size-label-sm-2x--line-height))}.text-size-title-lg{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}.text-size-title-md{font-size:var(--text-size-title-md);line-height:var(--tw-leading, var(--text-size-title-md--line-height))}.text-size-title-sm{font-size:var(--text-size-title-sm);line-height:var(--tw-leading, var(--text-size-title-sm--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-none{--tw-leading: var(--spacing-none);line-height:var(--spacing-none)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight: var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight: var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.\!text-danger-label-idle{color:var(--color-danger-label-idle)!important}.\!text-primary-label-active{color:var(--color-primary-label-active)!important}.text-danger-idle{color:var(--color-danger-idle)}.text-danger-label-idle{color:var(--color-danger-label-idle)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-icon-neutral-3{color:var(--color-icon-neutral-3)}.text-inherit{color:inherit}.text-layer-1-active{color:var(--color-layer-1-active)}.text-neutral-dark{color:var(--color-neutral-dark)}.text-neutral-label{color:var(--color-neutral-label)}.text-neutral-light{color:var(--color-neutral-light)}.text-neutral-placeholder{color:var(--color-neutral-placeholder)}.text-orange-500{color:var(--color-orange-500)}.text-primary-alt-idle{color:var(--color-primary-alt-idle)}.text-primary-idle{color:var(--color-primary-idle)}.text-primary-label-active{color:var(--color-primary-label-active)}.text-primary-label-idle{color:var(--color-primary-label-idle)}.text-red-500{color:var(--color-red-500)}.text-success-idle{color:var(--color-success-idle)}.text-success-label-idle{color:var(--color-success-label-idle)}.text-title-neutral{color:var(--color-title-neutral)}.text-warning-idle{color:var(--color-warning-idle)}.text-warning-label-idle{color:var(--color-warning-label-idle)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-\[38\%\]{opacity:38%}.shadow-elevation-2{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F)), 0 4px 8px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-elevation-3{--tw-shadow: 0 var(--shadow-2x-small, 1px) var(--shadow-1x-small, 2px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-medium, 4px) var(--shadow-large-1x, 8px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-large-1x, 4px) var(--shadow-large3x, 16px) var(--color-shadow-lightest, #0000000A);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-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-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[visibility\]{transition-property:visibility;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-250{--tw-duration: .25s;transition-duration:.25s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.fade-in{--tw-enter-opacity: 0}.\*\:outline-0{:is(&>*){outline-style:var(--tw-outline-style);outline-width:0px}}.group-focus-within\:-top-\[3px\]{&:is(:where(.group):focus-within *){top:-3px}}.group-focus-within\:block{&:is(:where(.group):focus-within *){display:block}}.group-focus-within\:flex{&:is(:where(.group):focus-within *){display:flex}}.group-focus-within\:animate-in{&:is(:where(.group):focus-within *){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-focus-within\:text-size-label-sm-1x{&:is(:where(.group):focus-within *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-focus-within\:font-medium{&:is(:where(.group):focus-within *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-focus-within\:\!text-danger-label-active{&:is(:where(.group):focus-within *){color:var(--color-danger-label-active)!important}}.group-focus-within\:\!text-primary-idle{&:is(:where(.group):focus-within *){color:var(--color-primary-idle)!important}}.group-hover\:border-border-layer-3{&:is(:where(.group):hover *){@media(hover:hover){border-color:var(--color-border-layer-3)}}}.group-hover\/calendar-cell\:visible{&:is(:where(.group\/calendar-cell):hover *){@media(hover:hover){visibility:visible}}}.group-hover\/carousel-root\:visible{&:is(:where(.group\/carousel-root):hover *){@media(hover:hover){visibility:visible}}}.group-hover\/chip\:visible{&:is(:where(.group\/chip):hover *){@media(hover:hover){visibility:visible}}}.group-hover\/th\:flex{&:is(:where(.group\/th):hover *){@media(hover:hover){display:flex}}}.group-disabled\:\!pl-0{&:is(:where(.group):disabled *){padding-left:calc(var(--spacing) * 0)!important}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:left-large-4x{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){left:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:group-focus-within\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){&:is(:where(.group):focus-within *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=input-action-slot\]\]\:rounded-r-none{&:is(:where(.group):has(*:is(div[data-slot=input-action-slot])) *){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\]{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){top:-3px}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:block{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){display:block}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:flex{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){display:flex}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:animate-out{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:font-medium{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-danger-label-active{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-danger-label-active)!important}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-primary-idle{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-primary-idle)!important}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){left:var(--spacing-small)}}}.group-data-\[state\=active\]\:border-primary-active{&:is(:where(.group)[data-state=active] *){border-color:var(--color-primary-active)}}.group-data-\[state\=active\]\:bg-primary-alt-active{&:is(:where(.group)[data-state=active] *){background-color:var(--color-primary-alt-active)}}.group-data-\[state\=active\]\:text-primary-label-active{&:is(:where(.group)[data-state=active] *){color:var(--color-primary-label-active)}}.group-data-\[state\=disabled\]\:border-border-layer-2{&:is(:where(.group)[data-state=disabled] *){border-color:var(--color-border-layer-2)}}.group-data-\[state\=disabled\]\:bg-layer-1-idle{&:is(:where(.group)[data-state=disabled] *){background-color:var(--color-layer-1-idle)}}.group-data-\[state\=disabled\]\:text-neutral-light{&:is(:where(.group)[data-state=disabled] *){color:var(--color-neutral-light)}}.group-data-\[state\=open\]\:-top-\[3px\]{&:is(:where(.group)[data-state=open] *){top:-3px}}.group-data-\[state\=open\]\:rotate-180{&:is(:where(.group)[data-state=open] *){rotate:180deg}}.group-data-\[state\=open\]\:text-size-label-sm-1x{&:is(:where(.group)[data-state=open] *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-data-\[state\=open\]\:font-medium{&:is(:where(.group)[data-state=open] *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-data-\[state\=open\]\:\!text-danger-label-active{&:is(:where(.group)[data-state=open] *){color:var(--color-danger-label-active)!important}}.group-data-\[state\=open\]\:\!text-primary-idle{&:is(:where(.group)[data-state=open] *){color:var(--color-primary-idle)!important}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:group-data-\[state\=open\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){&:is(:where(.group)[data-state=open] *){left:var(--spacing-small)}}}.group-data-\[variant\=danger\]\:text-danger-label-idle{&:is(:where(.group)[data-variant=danger] *){color:var(--color-danger-label-idle)}}.group-data-\[variant\=neutral\]\:text-icon-neutral-3{&:is(:where(.group)[data-variant=neutral] *){color:var(--color-icon-neutral-3)}}.group-data-\[variant\=primary\]\:text-primary-label-idle{&:is(:where(.group)[data-variant=primary] *){color:var(--color-primary-label-idle)}}.placeholder\:text-neutral-placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}.placeholder\:placeholder-neutral-placeholder{&::placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}}.first\:ml-0{&:first-child{margin-left:calc(var(--spacing) * 0)}}.first\:rounded-l-circle{&:first-child{border-top-left-radius:var(--radius-circle);border-bottom-left-radius:var(--radius-circle)}}.last\:rounded-r-circle{&:last-child{border-top-right-radius:var(--radius-circle);border-bottom-right-radius:var(--radius-circle)}}.last\:border-r-0{&:last-child{border-right-style:var(--tw-border-style);border-right-width:0px}}.focus-within\:border{&:focus-within{border-style:var(--tw-border-style);border-width:1px}}.focus-within\:border-danger-idle{&:focus-within{border-color:var(--color-danger-idle)}}.focus-within\:border-primary-idle{&:focus-within{border-color:var(--color-primary-idle)}}.hover\:overflow-x-auto{&:hover{@media(hover:hover){overflow-x:auto}}}.hover\:border-border-layer-1{&:hover{@media(hover:hover){border-color:var(--color-border-layer-1)}}}.hover\:border-border-layer-2{&:hover{@media(hover:hover){border-color:var(--color-border-layer-2)}}}.hover\:border-border-layer-3{&:hover{@media(hover:hover){border-color:var(--color-border-layer-3)}}}.hover\:border-danger-idle{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}.hover\:border-gray-300{&:hover{@media(hover:hover){border-color:var(--color-gray-300)}}}.hover\:border-primary-idle{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}.hover\:\!bg-layer-2-active{&:hover{@media(hover:hover){background-color:var(--color-layer-2-active)!important}}}.hover\:\!bg-primary-alt-active{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-active)!important}}}.hover\:bg-danger-alt-hover{&:hover{@media(hover:hover){background-color:var(--color-danger-alt-hover)}}}.hover\:bg-danger-alt-idle{&:hover{@media(hover:hover){background-color:var(--color-danger-alt-idle)}}}.hover\:bg-danger-hover{&:hover{@media(hover:hover){background-color:var(--color-danger-hover)}}}.hover\:bg-gray-100{&:hover{@media(hover:hover){background-color:var(--color-gray-100)}}}.hover\:bg-layer-1-hover{&:hover{@media(hover:hover){background-color:var(--color-layer-1-hover)}}}.hover\:bg-layer-1-pressed{&:hover{@media(hover:hover){background-color:var(--color-layer-1-pressed)}}}.hover\:bg-layer-2-hover{&:hover{@media(hover:hover){background-color:var(--color-layer-2-hover)}}}.hover\:bg-layer-2-pressed{&:hover{@media(hover:hover){background-color:var(--color-layer-2-pressed)}}}.hover\:bg-primary-alt-hover{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-hover)}}}.hover\:bg-primary-alt-idle{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-idle)}}}.hover\:bg-primary-hover{&:hover{@media(hover:hover){background-color:var(--color-primary-hover)}}}.hover\:bg-success-alt-hover{&:hover{@media(hover:hover){background-color:var(--color-success-alt-hover)}}}.hover\:text-danger-idle{&:hover{@media(hover:hover){color:var(--color-danger-idle)}}}.hover\:text-gray-600{&:hover{@media(hover:hover){color:var(--color-gray-600)}}}.hover\:text-neutral-dark{&:hover{@media(hover:hover){color:var(--color-neutral-dark)}}}.hover\:text-orange-400{&:hover{@media(hover:hover){color:var(--color-orange-400)}}}.hover\:text-primary-active{&:hover{@media(hover:hover){color:var(--color-primary-active)}}}.hover\:no-underline{&:hover{@media(hover:hover){text-decoration-line:none}}}.hover\:shadow-focus-primary{&:hover{@media(hover:hover){--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-md{&:hover{@media(hover:hover){--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus-within\:hover\:border-danger-idle{&:focus-within{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}}.focus-within\:hover\:border-primary-idle{&:focus-within{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.focus\:border-primary-idle{&:focus{border-color:var(--color-primary-idle)}}.focus\:shadow-focus-primary{&:focus{--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2{&: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)}}.focus-visible\:ring-danger-idle{&:focus-visible{--tw-ring-color: var(--color-danger-idle)}}.focus-visible\:ring-orange-500{&:focus-visible{--tw-ring-color: var(--color-orange-500)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.active\:cursor-grabbing{&:active{cursor:grabbing}}.active\:bg-danger-alt-pressed{&:active{background-color:var(--color-danger-alt-pressed)}}.active\:bg-danger-pressed{&:active{background-color:var(--color-danger-pressed)}}.active\:bg-layer-1-active{&:active{background-color:var(--color-layer-1-active)}}.active\:bg-layer-1-pressed{&:active{background-color:var(--color-layer-1-pressed)}}.active\:bg-layer-2-active{&:active{background-color:var(--color-layer-2-active)}}.active\:bg-layer-2-pressed{&:active{background-color:var(--color-layer-2-pressed)}}.active\:bg-primary-alt-pressed{&:active{background-color:var(--color-primary-alt-pressed)}}.active\:bg-primary-pressed{&:active{background-color:var(--color-primary-pressed)}}.active\:bg-success-alt-pressed{&:active{background-color:var(--color-success-alt-pressed)}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-38{&:disabled{opacity:38%}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:opacity-60{&:disabled{opacity:60%}}.disabled\:opacity-\[38\%\]{&:disabled{opacity:38%}}.disabled\:hover\:border-border-layer-2{&:disabled{&:hover{@media(hover:hover){border-color:var(--color-border-layer-2)}}}}.has-\[input\:not\(\:placeholder-shown\)\]\:border-primary-idle{&:has(*:is(input:not(:placeholder-shown))){border-color:var(--color-primary-idle)}}.group-hover\/tag\:data-\[disabled\=false\]\:visible{&:is(:where(.group\/tag):hover *){@media(hover:hover){&[data-disabled=false]{visibility:visible}}}}.data-\[disabled\=true\]\:invisible{&[data-disabled=true]{visibility:hidden}}.data-\[disabled\=true\]\:hidden{&[data-disabled=true]{display:none}}.data-\[disabled\=true\]\:opacity-38{&[data-disabled=true]{opacity:38%}}.data-\[focused\=true\]\:border-primary-idle{&[data-focused=true]{border-color:var(--color-primary-idle)}}.data-\[focused\=true\]\:hover\:border-primary-idle{&[data-focused=true]{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.data-\[fullscreen\=true\]\:w-full{&[data-fullscreen=true]{width:100%}}.data-\[fullscreen\=true\]\:max-w-full{&[data-fullscreen=true]{max-width:100%}}.data-\[fullscreen\=true\]\:min-w-full{&[data-fullscreen=true]{min-width:100%}}.data-\[orientation\=horizontal\]\:h-px{&[data-orientation=horizontal]{height:1px}}.data-\[orientation\=horizontal\]\:w-full{&[data-orientation=horizontal]{width:100%}}.data-\[orientation\=vertical\]\:h-full{&[data-orientation=vertical]{height:100%}}.data-\[orientation\=vertical\]\:w-px{&[data-orientation=vertical]{width:1px}}.data-\[overlay\=true\]\:border-2{&[data-overlay=true]{border-style:var(--tw-border-style);border-width:2px}}.data-\[overlay\=true\]\:border-dashed{&[data-overlay=true]{--tw-border-style: dashed;border-style:dashed}}.data-\[overlay\=true\]\:border-border-layer-2{&[data-overlay=true]{border-color:var(--color-border-layer-2)}}.data-\[overlay\=true\]\:bg-transparent{&[data-overlay=true]{background-color:transparent}}.data-\[overlay\=true\]\:opacity-60{&[data-overlay=true]{opacity:60%}}.data-\[selected\=true\]\:bg-primary-alt-active{&[data-selected=true]{background-color:var(--color-primary-alt-active)}}.data-\[side\=bottom\]\:slide-in-from-top-2{&[data-side=bottom]{--tw-enter-translate-y: calc(2*var(--spacing)*-1)}}.data-\[side\=left\]\:slide-in-from-right-2{&[data-side=left]{--tw-enter-translate-x: calc(2*var(--spacing))}}.data-\[side\=right\]\:slide-in-from-left-2{&[data-side=right]{--tw-enter-translate-x: calc(2*var(--spacing)*-1)}}.data-\[side\=top\]\:slide-in-from-bottom-2{&[data-side=top]{--tw-enter-translate-y: calc(2*var(--spacing))}}.data-\[size\=lg\]\:size-large-8x{&[data-size=lg]{width:var(--spacing-large-8x);height:var(--spacing-large-8x)}}.data-\[size\=lg\]\:text-size-headline-md{&[data-size=lg]{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}}.data-\[size\=md\]\:size-large-4x{&[data-size=md]{width:var(--spacing-large-4x);height:var(--spacing-large-4x)}}.data-\[size\=md\]\:text-size-label-lg{&[data-size=md]{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}}.data-\[size\=sm\]\:size-large-2x{&[data-size=sm]{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}}.data-\[size\=sm\]\:text-size-label-sm{&[data-size=sm]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[size\=xs\]\:size-large-1x{&[data-size=xs]{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}}.data-\[size\=xs\]\:text-size-label-sm{&[data-size=xs]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[sorted\=true\]\:flex{&[data-sorted=true]{display:flex}}.data-\[sorted\=true\]\:bg-primary-alt-active{&[data-sorted=true]{background-color:var(--color-primary-alt-active)}}.data-\[sorted\=true\]\:text-primary-label-active{&[data-sorted=true]{color:var(--color-primary-label-active)}}.data-\[state\=active\]\:rounded-none{&[data-state=active]{border-radius:var(--radius-none)}}.data-\[state\=active\]\:border-b-primary-active{&[data-state=active]{border-bottom-color:var(--color-primary-active)}}.data-\[state\=active\]\:bg-layer-2-idle{&[data-state=active]{background-color:var(--color-layer-2-idle)}}.data-\[state\=active\]\:bg-transparent{&[data-state=active]{background-color:transparent}}.data-\[state\=active\]\:text-primary-active{&[data-state=active]{color:var(--color-primary-active)}}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\]{&[data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=checked\]\:border-primary-active{&[data-state=checked]{border-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-active{&[data-state=checked]{background-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-idle{&[data-state=checked]{background-color:var(--color-primary-idle)}}.data-\[state\=checked\]\:hover\:border-primary-idle{&[data-state=checked]{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=closed\]\:animate-collapsible-up{&[data-state=closed]{animation:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:animate-out{&[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:duration-300{&[data-state=closed]{--tw-duration: .3s;transition-duration:.3s}}.data-\[state\=closed\]\:fade-out-0{&[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.data-\[state\=closed\]\:zoom-out-95{&[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.data-\[state\=closed\]\:slide-out-to-bottom{&[data-state=closed]{--tw-exit-translate-y: 100%}}.data-\[state\=closed\]\:slide-out-to-left{&[data-state=closed]{--tw-exit-translate-x: -100%}}.data-\[state\=closed\]\:slide-out-to-right{&[data-state=closed]{--tw-exit-translate-x: 100%}}.data-\[state\=closed\]\:slide-out-to-top{&[data-state=closed]{--tw-exit-translate-y: -100%}}.data-\[state\=disabled\]\:pointer-events-none{&[data-state=disabled]{pointer-events:none}}.data-\[state\=disabled\]\:cursor-not-allowed{&[data-state=disabled]{cursor:not-allowed}}.data-\[state\=disabled\]\:border-transparent{&[data-state=disabled]{border-color:transparent}}.data-\[state\=disabled\]\:bg-layer-2-idle{&[data-state=disabled]{background-color:var(--color-layer-2-idle)}}.data-\[state\=disabled\]\:opacity-30{&[data-state=disabled]{opacity:30%}}.data-\[state\=error\]\:border-danger-idle{&[data-state=error]{border-color:var(--color-danger-idle)}}.data-\[state\=error\]\:hover\:border-danger-idle{&[data-state=error]{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}}.data-\[state\=off\]\:border-border-layer-2{&[data-state=off]{border-color:var(--color-border-layer-2)}}.data-\[state\=off\]\:bg-layer-2-idle{&[data-state=off]{background-color:var(--color-layer-2-idle)}}.data-\[state\=off\]\:text-neutral-dark{&[data-state=off]{color:var(--color-neutral-dark)}}.data-\[state\=off\]\:hover\:bg-layer-2-hover{&[data-state=off]{&:hover{@media(hover:hover){background-color:var(--color-layer-2-hover)}}}}.data-\[state\=off\]\:active\:bg-layer-2-pressed{&[data-state=off]{&:active{background-color:var(--color-layer-2-pressed)}}}.data-\[state\=on\]\:z-10{&[data-state=on]{z-index:10}}.data-\[state\=on\]\:border-primary-active{&[data-state=on]{border-color:var(--color-primary-active)}}.data-\[state\=on\]\:bg-primary-alt-active{&[data-state=on]{background-color:var(--color-primary-alt-active)}}.data-\[state\=on\]\:text-primary-label-idle{&[data-state=on]{color:var(--color-primary-label-idle)}}.data-\[state\=on\]\:hover\:bg-primary-alt-hover{&[data-state=on]{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-hover)}}}}.data-\[state\=on\]\:active\:bg-primary-alt-pressed{&[data-state=on]{&:active{background-color:var(--color-primary-alt-pressed)}}}.data-\[state\=open\]\:animate-collapsible-down{&[data-state=open]{animation:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:animate-in{&[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:border-danger-idle{&[data-state=open]{border-color:var(--color-danger-idle)}}.data-\[state\=open\]\:border-primary-idle{&[data-state=open]{border-color:var(--color-primary-idle)}}.data-\[state\=open\]\:bg-layer-2-active{&[data-state=open]{background-color:var(--color-layer-2-active)}}.data-\[state\=open\]\:duration-500{&[data-state=open]{--tw-duration: .5s;transition-duration:.5s}}.data-\[state\=open\]\:fade-in-0{&[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.data-\[state\=open\]\:zoom-in-95{&[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}}.data-\[state\=open\]\:slide-in-from-bottom{&[data-state=open]{--tw-enter-translate-y: 100%}}.data-\[state\=open\]\:slide-in-from-left{&[data-state=open]{--tw-enter-translate-x: -100%}}.data-\[state\=open\]\:slide-in-from-right{&[data-state=open]{--tw-enter-translate-x: 100%}}.data-\[state\=open\]\:slide-in-from-top{&[data-state=open]{--tw-enter-translate-y: -100%}}.data-\[state\=open\]\:hover\:border-danger-idle{&[data-state=open]{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}}.data-\[state\=open\]\:hover\:border-primary-idle{&[data-state=open]{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=unchecked\]\:translate-x-0{&[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=unchecked\]\:bg-alt-4{&[data-state=unchecked]{background-color:var(--color-alt-4)}}.data-\[variant\=rich\]\:rounded-small{&[data-variant=rich]{border-radius:var(--radius-small)}}.data-\[variant\=rich\]\:border{&[data-variant=rich]{border-style:var(--tw-border-style);border-width:1px}}.data-\[variant\=rich\]\:border-border-layer-2{&[data-variant=rich]{border-color:var(--color-border-layer-2)}}.data-\[variant\=rich\]\:bg-layer-2-idle{&[data-variant=rich]{background-color:var(--color-layer-2-idle)}}.data-\[variant\=rich\]\:p-large{&[data-variant=rich]{padding:var(--spacing-large)}}.data-\[variant\=rich\]\:text-neutral-dark{&[data-variant=rich]{color:var(--color-neutral-dark)}}.data-\[variant\=simple\]\:rounded-small-1x{&[data-variant=simple]{border-radius:var(--radius-small-1x)}}.data-\[variant\=simple\]\:bg-alt-2{&[data-variant=simple]{background-color:var(--color-alt-2)}}.data-\[variant\=simple\]\:px-small{&[data-variant=simple]{padding-inline:var(--spacing-small)}}.data-\[variant\=simple\]\:py-small-1x{&[data-variant=simple]{padding-block:var(--spacing-small-1x)}}.data-\[variant\=simple\]\:text-neutral-label{&[data-variant=simple]{color:var(--color-neutral-label)}}.data-\[view\=form\]\:\!px-none{&[data-view=form]{padding-inline:var(--spacing-none)!important}}.sm\:max-w-sm{@media(width>=40rem){max-width:var(--container-sm)}}.sm\:grid-cols-2{@media(width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:flex-row{@media(width>=40rem){flex-direction:row}}.sm\:justify-end{@media(width>=40rem){justify-content:flex-end}}.sm\:gap-2\.5{@media(width>=40rem){gap:calc(var(--spacing) * 2.5)}}.sm\:space-x-2{@media(width>=40rem){:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}}.sm\:text-left{@media(width>=40rem){text-align:left}}.sm\:text-base{@media(width>=40rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}}.md\:grid-cols-3{@media(width>=48rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.lg\:grid-cols-4{@media(width>=64rem){grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_ol_ol\]\:list-\[lower-alpha\]{& ol ol{list-style-type:lower-alpha}}.\[\&_ol_ol_ol\]\:list-\[lower-roman\]{& ol ol ol{list-style-type:lower-roman}}.\[\&_tr\]\:border-b{& tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}.\[\&_tr\]\:border-border-layer-2{& tr{border-color:var(--color-border-layer-2)}}.\[\&_tr\:last-child\]\:border-0{& tr:last-child{border-style:var(--tw-border-style);border-width:0px}}.\[\&_ul_ul\]\:list-\[circle\]{& ul ul{list-style-type:circle}}.\[\&_ul_ul_ul\]\:list-\[square\]{& ul ul ul{list-style-type:square}}.\[\&\>\*\]\:border-t{>*{border-top-style:var(--tw-border-style);border-top-width:1px}}.\[\&\>\*\]\:border-l{>*{border-left-style:var(--tw-border-style);border-left-width:1px}}.\[\&\>\*\]\:border-border-layer-2{>*{border-color:var(--color-border-layer-2)}}.\[\&\>span\]\:text-size-title-lg{>span{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}}.\[\&\>tr\]\:last\:border-b-0{>tr{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}}.\[\&\[data-state\=open\]\>svg\]\:rotate-180{&[data-state=open]>svg{rotate:180deg}}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@layer base{*{scrollbar-color:initial;scrollbar-width:initial}}@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-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@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: 0px;}@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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@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-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}@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-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--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-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--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-duration: initial;--tw-ease: initial;--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}
+@layer properties;@layer theme,base,components,utilities;@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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500: oklch(63.7% .237 25.331);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-blue-500: oklch(62.3% .214 259.815);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-lg: 32rem;--container-2xl: 42rem;--container-4xl: 56rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -.025em;--radius-lg: .5rem;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm: 8px;--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);--font-inter: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--spacing-none: 0;--spacing-small-2x: 2px;--spacing-small-1x: 4px;--spacing-small_1x-alt: 6px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-large: 16px;--spacing-large-alt: 18px;--spacing-large-1x: 20px;--spacing-large-2x: 24px;--spacing-large-3x: 28px;--spacing-large-4x: 32px;--spacing-large-6x: 40px;--spacing-large-7x: 44px;--spacing-large-8x: 48px;--radius-none: 0;--radius-small-2x: 2px;--radius-small-1x: 4px;--radius-small: 8px;--radius-circle: 999px;--shadow-2x-small: 1px;--shadow-1x-small: 2px;--shadow-medium: 4px;--shadow-large-1x: 8px;--color-shadow-lightest: #0000000A;--color-shadow-light: #0000000F;--color-title-neutral: #17171A;--color-neutral-dark: #3D3D47;--color-neutral-light: #69697A;--color-neutral-placeholder: #9C9CAD;--color-neutral-label: #FFFFFF;--color-icon-neutral-3: #69697A;--color-icon-neutral-5: #FFFFFF;--color-layer-1-idle: #F7F7FA;--color-layer-1-hover: #F0F0F2;--color-layer-1-pressed: #E7E7EB;--color-layer-1-active: #DEDEE3;--color-layer-2-idle: #FFFFFF;--color-layer-2-hover: #F8F8FA;--color-layer-2-pressed: #F0F0F2;--color-layer-2-active: #E7E7EB;--color-layer-skeleton: #E5E7EB;--color-alt-1: #17171A;--color-alt-2: #3D3D47;--color-alt-3: #69697A;--color-alt-4: #9C9CAD;--color-border-layer-1: #D6D6DC;--color-border-layer-2: #DEDEE3;--color-border-layer-3: #9C9CAD;--color-border-layer-4: #69697A;--color-primary-idle: #E87D30;--color-primary-hover: #C7631C;--color-primary-pressed: #AE5413;--color-primary-active: #E87D30;--color-primary-alt-idle: #F9EEE6;--color-primary-alt-hover: #F7E6D9;--color-primary-alt-pressed: #F4DCCD;--color-primary-alt-active: #F9EEE6;--color-primary-label-idle: #E87D30;--color-primary-label-active: #E87D30;--color-primary-border-idle: #E87D30;--color-primary-border-active: #FACEAE;--color-danger-idle: #E83040;--color-danger-hover: #C71C2B;--color-danger-pressed: #AE1320;--color-danger-alt-idle: #F9E6E8;--color-danger-alt-hover: #F7D9DC;--color-danger-alt-pressed: #F4CDCD;--color-danger-label-idle: #E83040;--color-danger-label-active: #E83040;--color-danger-border-idle: #E83040;--color-success-idle: #169C55;--color-success-alt-idle: #E6F9EF;--color-success-alt-hover: #DAF7E7;--color-success-alt-pressed: #CDF4DF;--color-success-label-idle: #169C55;--color-success-border-idle: #169C55;--color-warning-idle: #DF9F20;--color-warning-alt-idle: #F9F4E6;--color-warning-label-idle: #DF9F20;--color-warning-border-idle: #DF9F20;--text-size-body-sm-1x: 12px;--text-size-body-sm-1x--line-height: 16px;--text-size-body-sm: 13px;--text-size-body-sm--line-height: 16px;--text-size-body-md: 14px;--text-size-body-md--line-height: 20px;--text-size-body-md-medium: 14px;--text-size-body-md-medium--line-height: 20px;--text-size-body-lg: 16px;--text-size-body-lg--line-height: 24px;--text-size-label-sm-2x: 10px;--text-size-label-sm-2x--line-height: 14px;--text-size-label-sm-1x: 12px;--text-size-label-sm-1x--line-height: 16px;--text-size-label-sm: 13px;--text-size-label-sm--line-height: 16px;--text-size-label-md: 14px;--text-size-label-md--line-height: 20px;--text-size-label-lg: 16px;--text-size-label-lg--line-height: 24px;--text-size-title-sm: 14px;--text-size-title-sm--line-height: 20px;--text-size-title-md: 16px;--text-size-title-md--line-height: 24px;--text-size-title-lg: 20px;--text-size-title-lg--line-height: 28px;--text-size-headline-sm: 24px;--text-size-headline-sm--line-height: 32px;--text-size-headline-md: 28px;--text-size-headline-md--line-height: 40px;--text-size-headline-lg: 32px;--text-size-headline-lg--line-height: 48px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-\[22px\]{top:-22px}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2,.top-\[50\%\]{top:50%}.top-large{top:var(--spacing-large)}.right-0{right:calc(var(--spacing) * 0)}.right-large{right:var(--spacing-large)}.right-small{right:var(--spacing-small)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[60px\]{bottom:60px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2,.left-\[50\%\]{left:50%}.left-small{left:var(--spacing-small)}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-1000{z-index:1000}.z-99999{z-index:99999}.z-\[5\]{z-index:5}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mt-small{margin-top:var(--spacing-small)}.mr-14{margin-right:calc(var(--spacing) * 14)}.mr-18{margin-right:calc(var(--spacing) * 18)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.scrollbar{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}}.scrollbar-thin{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:8px;height:8px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1 / 1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.size-large{width:var(--spacing-large);height:var(--spacing-large)}.size-large-1x{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}.size-large-2x{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}.size-large-4x{width:var(--spacing-large-4x);height:var(--spacing-large-4x)}.size-large-alt{width:var(--spacing-large-alt);height:var(--spacing-large-alt)}.size-medium{width:var(--spacing-medium);height:var(--spacing-medium)}.h-1{height:calc(var(--spacing) * 1)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-64{height:calc(var(--spacing) * 64)}.h-\[68px\]{height:68px}.h-\[90vh\]{height:90vh}.h-\[212px\]{height:212px}.h-auto{height:auto}.h-full{height:100%}.h-large{height:var(--spacing-large)}.h-large-2x{height:var(--spacing-large-2x)}.h-large-4x{height:var(--spacing-large-4x)}.h-large-6x{height:var(--spacing-large-6x)}.h-large-7x{height:var(--spacing-large-7x)}.h-large-8x{height:var(--spacing-large-8x)}.h-px{height:1px}.max-h-\[116px\]{max-height:116px}.max-h-\[212px\]{max-height:212px}.max-h-\[400px\]{max-height:400px}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.min-h-\[64px\]{min-height:64px}.min-h-\[82px\]{min-height:82px}.min-h-\[116px\]{min-height:116px}.min-h-\[184px\]{min-height:184px}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-\[64px\]{width:64px}.w-\[94px\]{width:94px}.w-\[240px\]{width:240px}.w-\[900px\]{width:900px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-large-2x{width:var(--spacing-large-2x)}.w-large-3x{width:var(--spacing-large-3x)}.w-large-4x{width:var(--spacing-large-4x)}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[240px\]{max-width:240px}.max-w-\[320px\]{max-width:320px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[var\(--radix-popover-content-available-width\)\]{max-width:var(--radix-popover-content-available-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[100px\]{min-width:100px}.min-w-\[148px\]{min-width:148px}.min-w-\[900px\]{min-width:900px}.min-w-\[var\(--radix-popover-trigger-width\)\]{min-width:var(--radix-popover-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x: 50%;--tw-scale-y: 50%;--tw-scale-z: 50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-2{rotate:-2deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.\[grid-template-columns\:64px_repeat\(7\,1fr\)\]{grid-template-columns:64px repeat(7,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.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{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[40px\]{gap:40px}.gap-large{gap:var(--spacing-large)}.gap-large-2x{gap:var(--spacing-large-2x)}.gap-large-6x{gap:var(--spacing-large-6x)}.gap-medium{gap:var(--spacing-medium)}.gap-small{gap:var(--spacing-small)}.gap-small-1x{gap:var(--spacing-small-1x)}.gap-small-2x{gap:var(--spacing-small-2x)}.gap-small_1x-alt{gap:var(--spacing-small_1x-alt)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.-space-x-small-1x{:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)))}}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-circle{border-radius:var(--radius-circle)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:var(--radius-none)}.rounded-small{border-radius:var(--radius-small)}.rounded-small-1x{border-radius:var(--radius-small-1x)}.rounded-small-2x{border-radius:var(--radius-small-2x)}.rounded-t-small-1x{border-top-left-radius:var(--radius-small-1x);border-top-right-radius:var(--radius-small-1x)}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-tl-small-1x{border-top-left-radius:var(--radius-small-1x)}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-small-1x{border-top-right-radius:var(--radius-small-1x);border-bottom-right-radius:var(--radius-small-1x)}.rounded-tr-circle{border-top-right-radius:var(--radius-circle)}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tr-small-1x{border-top-right-radius:var(--radius-small-1x)}.rounded-br-circle{border-bottom-right-radius:var(--radius-circle)}.rounded-br-none{border-bottom-right-radius:var(--radius-none)}.rounded-bl-none{border-bottom-left-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}.\!border-r{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.\!border-l-0{border-left-style:var(--tw-border-style)!important;border-left-width:0px!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-none{--tw-border-style: none;border-style:none}.border-border-layer-1{border-color:var(--color-border-layer-1)}.border-border-layer-2{border-color:var(--color-border-layer-2)}.border-border-layer-3{border-color:var(--color-border-layer-3)}.border-border-layer-4{border-color:var(--color-border-layer-4)}.border-danger-border-idle{border-color:var(--color-danger-border-idle)}.border-danger-idle{border-color:var(--color-danger-idle)}.border-gray-200{border-color:var(--color-gray-200)}.border-icon-neutral-3{border-color:var(--color-icon-neutral-3)}.border-icon-neutral-5{border-color:var(--color-icon-neutral-5)}.border-orange-500{border-color:var(--color-orange-500)}.border-primary-active{border-color:var(--color-primary-active)}.border-primary-alt-idle{border-color:var(--color-primary-alt-idle)}.border-primary-border-active{border-color:var(--color-primary-border-active)}.border-primary-border-idle{border-color:var(--color-primary-border-idle)}.border-primary-idle{border-color:var(--color-primary-idle)}.border-success-border-idle{border-color:var(--color-success-border-idle)}.border-success-idle{border-color:var(--color-success-idle)}.border-transparent{border-color:transparent}.border-warning-border-idle{border-color:var(--color-warning-border-idle)}.border-t-border-layer-2{border-top-color:var(--color-border-layer-2)}.border-b-border-layer-2{border-bottom-color:var(--color-border-layer-2)}.border-b-transparent{border-bottom-color:transparent}.\!bg-primary-alt-active{background-color:var(--color-primary-alt-active)!important}.bg-alt-1{background-color:var(--color-alt-1)}.bg-alt-3{background-color:var(--color-alt-3)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border-layer-2{background-color:var(--color-border-layer-2)}.bg-danger-alt-idle{background-color:var(--color-danger-alt-idle)}.bg-danger-idle{background-color:var(--color-danger-idle)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-inherit{background-color:inherit}.bg-layer-1-hover{background-color:var(--color-layer-1-hover)}.bg-layer-1-idle{background-color:var(--color-layer-1-idle)}.bg-layer-2-active{background-color:var(--color-layer-2-active)}.bg-layer-2-hover{background-color:var(--color-layer-2-hover)}.bg-layer-2-idle{background-color:var(--color-layer-2-idle)}.bg-layer-skeleton{background-color:var(--color-layer-skeleton)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-primary-active{background-color:var(--color-primary-active)}.bg-primary-alt-active{background-color:var(--color-primary-alt-active)}.bg-primary-alt-idle{background-color:var(--color-primary-alt-idle)}.bg-primary-idle{background-color:var(--color-primary-idle)}.bg-primary-idle\/50{background-color:color-mix(in srgb,#E87D30 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary-idle) 50%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-success-alt-idle{background-color:var(--color-success-alt-idle)}.bg-success-idle{background-color:var(--color-success-idle)}.bg-transparent{background-color:transparent}.bg-warning-alt-idle{background-color:var(--color-warning-alt-idle)}.bg-warning-idle{background-color:var(--color-warning-idle)}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[2px\]{padding:2px}.p-large{padding:var(--spacing-large)}.p-large-2x{padding:var(--spacing-large-2x)}.p-small{padding:var(--spacing-small)}.p-small-1x{padding:var(--spacing-small-1x)}.p-small-2x{padding:var(--spacing-small-2x)}.p-small_1x-alt{padding:var(--spacing-small_1x-alt)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-large{padding-inline:var(--spacing-large)}.px-large-2x{padding-inline:var(--spacing-large-2x)}.px-medium{padding-inline:var(--spacing-medium)}.px-small{padding-inline:var(--spacing-small)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-large{padding-block:var(--spacing-large)}.py-medium{padding-block:var(--spacing-medium)}.py-none{padding-block:var(--spacing-none)}.py-small{padding-block:var(--spacing-small)}.py-small-1x{padding-block:var(--spacing-small-1x)}.py-small_1x-alt{padding-block:var(--spacing-small_1x-alt)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-small-1x{padding-top:var(--spacing-small-1x)}.pr-large-3x{padding-right:var(--spacing-large-3x)}.pr-small{padding-right:var(--spacing-small)}.pr-small-2x{padding-right:var(--spacing-small-2x)}.pr-small_1x-alt{padding-right:var(--spacing-small_1x-alt)}.pb-medium{padding-bottom:var(--spacing-medium)}.pb-small{padding-bottom:var(--spacing-small)}.pl-large{padding-left:var(--spacing-large)}.pl-large-1x{padding-left:var(--spacing-large-1x)}.pl-medium{padding-left:var(--spacing-medium)}.pl-small-2x{padding-left:var(--spacing-small-2x)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-inter{font-family:var(--font-inter)}.\!text-size-body-sm{font-size:var(--text-size-body-sm)!important;line-height:var(--tw-leading, var(--text-size-body-sm--line-height))!important}.\!text-size-label-md{font-size:var(--text-size-label-md)!important;line-height:var(--tw-leading, var(--text-size-label-md--line-height))!important}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-size-body-lg{font-size:var(--text-size-body-lg);line-height:var(--tw-leading, var(--text-size-body-lg--line-height))}.text-size-body-md{font-size:var(--text-size-body-md);line-height:var(--tw-leading, var(--text-size-body-md--line-height))}.text-size-body-md-medium{font-size:var(--text-size-body-md-medium);line-height:var(--tw-leading, var(--text-size-body-md-medium--line-height))}.text-size-body-sm{font-size:var(--text-size-body-sm);line-height:var(--tw-leading, var(--text-size-body-sm--line-height))}.text-size-body-sm-1x{font-size:var(--text-size-body-sm-1x);line-height:var(--tw-leading, var(--text-size-body-sm-1x--line-height))}.text-size-headline-lg{font-size:var(--text-size-headline-lg);line-height:var(--tw-leading, var(--text-size-headline-lg--line-height))}.text-size-headline-md{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}.text-size-headline-sm{font-size:var(--text-size-headline-sm);line-height:var(--tw-leading, var(--text-size-headline-sm--line-height))}.text-size-label-lg{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}.text-size-label-md{font-size:var(--text-size-label-md);line-height:var(--tw-leading, var(--text-size-label-md--line-height))}.text-size-label-sm{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}.text-size-label-sm-1x{font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}.text-size-label-sm-2x{font-size:var(--text-size-label-sm-2x);line-height:var(--tw-leading, var(--text-size-label-sm-2x--line-height))}.text-size-title-lg{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}.text-size-title-md{font-size:var(--text-size-title-md);line-height:var(--tw-leading, var(--text-size-title-md--line-height))}.text-size-title-sm{font-size:var(--text-size-title-sm);line-height:var(--tw-leading, var(--text-size-title-sm--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-none{--tw-leading: var(--spacing-none);line-height:var(--spacing-none)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight: var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight: var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.\!text-danger-label-idle{color:var(--color-danger-label-idle)!important}.\!text-primary-label-active{color:var(--color-primary-label-active)!important}.text-danger-idle{color:var(--color-danger-idle)}.text-danger-label-idle{color:var(--color-danger-label-idle)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-icon-neutral-3{color:var(--color-icon-neutral-3)}.text-inherit{color:inherit}.text-layer-1-active{color:var(--color-layer-1-active)}.text-neutral-dark{color:var(--color-neutral-dark)}.text-neutral-label{color:var(--color-neutral-label)}.text-neutral-light{color:var(--color-neutral-light)}.text-neutral-placeholder{color:var(--color-neutral-placeholder)}.text-orange-500{color:var(--color-orange-500)}.text-primary-alt-idle{color:var(--color-primary-alt-idle)}.text-primary-idle{color:var(--color-primary-idle)}.text-primary-label-active{color:var(--color-primary-label-active)}.text-primary-label-idle{color:var(--color-primary-label-idle)}.text-red-500{color:var(--color-red-500)}.text-success-idle{color:var(--color-success-idle)}.text-success-label-idle{color:var(--color-success-label-idle)}.text-title-neutral{color:var(--color-title-neutral)}.text-warning-idle{color:var(--color-warning-idle)}.text-warning-label-idle{color:var(--color-warning-label-idle)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-\[38\%\]{opacity:38%}.shadow-elevation-2{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F)), 0 4px 8px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-elevation-3{--tw-shadow: 0 var(--shadow-2x-small, 1px) var(--shadow-1x-small, 2px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-medium, 4px) var(--shadow-large-1x, 8px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-large-1x, 4px) var(--shadow-large3x, 16px) var(--color-shadow-lightest, #0000000A);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-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-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[visibility\]{transition-property:visibility;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-250{--tw-duration: .25s;transition-duration:.25s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.fade-in{--tw-enter-opacity: 0}.slide-in-from-top{--tw-enter-translate-y: -100%}.slide-out-to-bottom{--tw-exit-translate-y: 100%}.\*\:outline-0{:is(&>*){outline-style:var(--tw-outline-style);outline-width:0px}}.group-focus-within\:-top-\[3px\]{&:is(:where(.group):focus-within *){top:-3px}}.group-focus-within\:block{&:is(:where(.group):focus-within *){display:block}}.group-focus-within\:flex{&:is(:where(.group):focus-within *){display:flex}}.group-focus-within\:animate-in{&:is(:where(.group):focus-within *){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-focus-within\:text-size-label-sm-1x{&:is(:where(.group):focus-within *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-focus-within\:font-medium{&:is(:where(.group):focus-within *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-focus-within\:\!text-danger-label-active{&:is(:where(.group):focus-within *){color:var(--color-danger-label-active)!important}}.group-focus-within\:\!text-primary-idle{&:is(:where(.group):focus-within *){color:var(--color-primary-idle)!important}}.group-hover\:border-border-layer-3{&:is(:where(.group):hover *){@media(hover:hover){border-color:var(--color-border-layer-3)}}}.group-hover\/calendar-cell\:visible{&:is(:where(.group\/calendar-cell):hover *){@media(hover:hover){visibility:visible}}}.group-hover\/carousel-root\:visible{&:is(:where(.group\/carousel-root):hover *){@media(hover:hover){visibility:visible}}}.group-hover\/chip\:visible{&:is(:where(.group\/chip):hover *){@media(hover:hover){visibility:visible}}}.group-hover\/th\:flex{&:is(:where(.group\/th):hover *){@media(hover:hover){display:flex}}}.group-disabled\:\!pl-0{&:is(:where(.group):disabled *){padding-left:calc(var(--spacing) * 0)!important}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:left-large-4x{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){left:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:group-focus-within\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){&:is(:where(.group):focus-within *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=input-action-slot\]\]\:rounded-r-none{&:is(:where(.group):has(*:is(div[data-slot=input-action-slot])) *){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\]{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){top:-3px}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:block{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){display:block}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:flex{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){display:flex}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:animate-out{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:font-medium{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-danger-label-active{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-danger-label-active)!important}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-primary-idle{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-primary-idle)!important}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){left:var(--spacing-small)}}}.group-data-\[state\=active\]\:border-primary-active{&:is(:where(.group)[data-state=active] *){border-color:var(--color-primary-active)}}.group-data-\[state\=active\]\:bg-primary-alt-active{&:is(:where(.group)[data-state=active] *){background-color:var(--color-primary-alt-active)}}.group-data-\[state\=active\]\:text-primary-label-active{&:is(:where(.group)[data-state=active] *){color:var(--color-primary-label-active)}}.group-data-\[state\=disabled\]\:border-border-layer-2{&:is(:where(.group)[data-state=disabled] *){border-color:var(--color-border-layer-2)}}.group-data-\[state\=disabled\]\:bg-layer-1-idle{&:is(:where(.group)[data-state=disabled] *){background-color:var(--color-layer-1-idle)}}.group-data-\[state\=disabled\]\:text-neutral-light{&:is(:where(.group)[data-state=disabled] *){color:var(--color-neutral-light)}}.group-data-\[state\=open\]\:-top-\[3px\]{&:is(:where(.group)[data-state=open] *){top:-3px}}.group-data-\[state\=open\]\:rotate-180{&:is(:where(.group)[data-state=open] *){rotate:180deg}}.group-data-\[state\=open\]\:text-size-label-sm-1x{&:is(:where(.group)[data-state=open] *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-data-\[state\=open\]\:font-medium{&:is(:where(.group)[data-state=open] *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-data-\[state\=open\]\:\!text-danger-label-active{&:is(:where(.group)[data-state=open] *){color:var(--color-danger-label-active)!important}}.group-data-\[state\=open\]\:\!text-primary-idle{&:is(:where(.group)[data-state=open] *){color:var(--color-primary-idle)!important}}.group-has-\[div\[data-slot\=control-left-slot\]\]\:group-data-\[state\=open\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-left-slot])) *){&:is(:where(.group)[data-state=open] *){left:var(--spacing-small)}}}.group-data-\[variant\=danger\]\:text-danger-label-idle{&:is(:where(.group)[data-variant=danger] *){color:var(--color-danger-label-idle)}}.group-data-\[variant\=neutral\]\:text-icon-neutral-3{&:is(:where(.group)[data-variant=neutral] *){color:var(--color-icon-neutral-3)}}.group-data-\[variant\=primary\]\:text-primary-label-idle{&:is(:where(.group)[data-variant=primary] *){color:var(--color-primary-label-idle)}}.placeholder\:text-neutral-placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}.placeholder\:placeholder-neutral-placeholder{&::placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}}.first\:ml-0{&:first-child{margin-left:calc(var(--spacing) * 0)}}.first\:rounded-l-circle{&:first-child{border-top-left-radius:var(--radius-circle);border-bottom-left-radius:var(--radius-circle)}}.last\:rounded-r-circle{&:last-child{border-top-right-radius:var(--radius-circle);border-bottom-right-radius:var(--radius-circle)}}.last\:border-r-0{&:last-child{border-right-style:var(--tw-border-style);border-right-width:0px}}.focus-within\:border{&:focus-within{border-style:var(--tw-border-style);border-width:1px}}.focus-within\:border-danger-idle{&:focus-within{border-color:var(--color-danger-idle)}}.focus-within\:border-primary-idle{&:focus-within{border-color:var(--color-primary-idle)}}.hover\:overflow-x-auto{&:hover{@media(hover:hover){overflow-x:auto}}}.hover\:border-border-layer-1{&:hover{@media(hover:hover){border-color:var(--color-border-layer-1)}}}.hover\:border-border-layer-2{&:hover{@media(hover:hover){border-color:var(--color-border-layer-2)}}}.hover\:border-border-layer-3{&:hover{@media(hover:hover){border-color:var(--color-border-layer-3)}}}.hover\:border-danger-idle{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}.hover\:border-gray-300{&:hover{@media(hover:hover){border-color:var(--color-gray-300)}}}.hover\:border-primary-idle{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}.hover\:\!bg-layer-2-active{&:hover{@media(hover:hover){background-color:var(--color-layer-2-active)!important}}}.hover\:\!bg-primary-alt-active{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-active)!important}}}.hover\:bg-danger-alt-hover{&:hover{@media(hover:hover){background-color:var(--color-danger-alt-hover)}}}.hover\:bg-danger-alt-idle{&:hover{@media(hover:hover){background-color:var(--color-danger-alt-idle)}}}.hover\:bg-danger-hover{&:hover{@media(hover:hover){background-color:var(--color-danger-hover)}}}.hover\:bg-gray-100{&:hover{@media(hover:hover){background-color:var(--color-gray-100)}}}.hover\:bg-layer-1-hover{&:hover{@media(hover:hover){background-color:var(--color-layer-1-hover)}}}.hover\:bg-layer-1-pressed{&:hover{@media(hover:hover){background-color:var(--color-layer-1-pressed)}}}.hover\:bg-layer-2-hover{&:hover{@media(hover:hover){background-color:var(--color-layer-2-hover)}}}.hover\:bg-layer-2-pressed{&:hover{@media(hover:hover){background-color:var(--color-layer-2-pressed)}}}.hover\:bg-primary-alt-hover{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-hover)}}}.hover\:bg-primary-alt-idle{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-idle)}}}.hover\:bg-primary-hover{&:hover{@media(hover:hover){background-color:var(--color-primary-hover)}}}.hover\:bg-success-alt-hover{&:hover{@media(hover:hover){background-color:var(--color-success-alt-hover)}}}.hover\:text-danger-idle{&:hover{@media(hover:hover){color:var(--color-danger-idle)}}}.hover\:text-gray-600{&:hover{@media(hover:hover){color:var(--color-gray-600)}}}.hover\:text-neutral-dark{&:hover{@media(hover:hover){color:var(--color-neutral-dark)}}}.hover\:text-orange-400{&:hover{@media(hover:hover){color:var(--color-orange-400)}}}.hover\:text-primary-active{&:hover{@media(hover:hover){color:var(--color-primary-active)}}}.hover\:no-underline{&:hover{@media(hover:hover){text-decoration-line:none}}}.hover\:shadow-focus-primary{&:hover{@media(hover:hover){--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-md{&:hover{@media(hover:hover){--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus-within\:hover\:border-danger-idle{&:focus-within{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}}.focus-within\:hover\:border-primary-idle{&:focus-within{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.focus\:border-primary-idle{&:focus{border-color:var(--color-primary-idle)}}.focus\:shadow-focus-primary{&:focus{--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2{&: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)}}.focus-visible\:ring-danger-idle{&:focus-visible{--tw-ring-color: var(--color-danger-idle)}}.focus-visible\:ring-orange-500{&:focus-visible{--tw-ring-color: var(--color-orange-500)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.active\:cursor-grabbing{&:active{cursor:grabbing}}.active\:bg-danger-alt-pressed{&:active{background-color:var(--color-danger-alt-pressed)}}.active\:bg-danger-pressed{&:active{background-color:var(--color-danger-pressed)}}.active\:bg-layer-1-active{&:active{background-color:var(--color-layer-1-active)}}.active\:bg-layer-1-pressed{&:active{background-color:var(--color-layer-1-pressed)}}.active\:bg-layer-2-active{&:active{background-color:var(--color-layer-2-active)}}.active\:bg-layer-2-pressed{&:active{background-color:var(--color-layer-2-pressed)}}.active\:bg-primary-alt-pressed{&:active{background-color:var(--color-primary-alt-pressed)}}.active\:bg-primary-pressed{&:active{background-color:var(--color-primary-pressed)}}.active\:bg-success-alt-pressed{&:active{background-color:var(--color-success-alt-pressed)}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-38{&:disabled{opacity:38%}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:opacity-60{&:disabled{opacity:60%}}.disabled\:opacity-\[38\%\]{&:disabled{opacity:38%}}.disabled\:hover\:border-border-layer-2{&:disabled{&:hover{@media(hover:hover){border-color:var(--color-border-layer-2)}}}}.has-\[input\:not\(\:placeholder-shown\)\]\:border-primary-idle{&:has(*:is(input:not(:placeholder-shown))){border-color:var(--color-primary-idle)}}.group-hover\/tag\:data-\[disabled\=false\]\:visible{&:is(:where(.group\/tag):hover *){@media(hover:hover){&[data-disabled=false]{visibility:visible}}}}.data-\[disabled\=true\]\:invisible{&[data-disabled=true]{visibility:hidden}}.data-\[disabled\=true\]\:hidden{&[data-disabled=true]{display:none}}.data-\[disabled\=true\]\:opacity-38{&[data-disabled=true]{opacity:38%}}.data-\[focused\=true\]\:border-primary-idle{&[data-focused=true]{border-color:var(--color-primary-idle)}}.data-\[focused\=true\]\:hover\:border-primary-idle{&[data-focused=true]{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.data-\[fullscreen\=true\]\:w-full{&[data-fullscreen=true]{width:100%}}.data-\[fullscreen\=true\]\:max-w-full{&[data-fullscreen=true]{max-width:100%}}.data-\[fullscreen\=true\]\:min-w-full{&[data-fullscreen=true]{min-width:100%}}.data-\[orientation\=horizontal\]\:h-px{&[data-orientation=horizontal]{height:1px}}.data-\[orientation\=horizontal\]\:w-full{&[data-orientation=horizontal]{width:100%}}.data-\[orientation\=vertical\]\:h-full{&[data-orientation=vertical]{height:100%}}.data-\[orientation\=vertical\]\:w-px{&[data-orientation=vertical]{width:1px}}.data-\[overlay\=true\]\:border-2{&[data-overlay=true]{border-style:var(--tw-border-style);border-width:2px}}.data-\[overlay\=true\]\:border-dashed{&[data-overlay=true]{--tw-border-style: dashed;border-style:dashed}}.data-\[overlay\=true\]\:border-border-layer-2{&[data-overlay=true]{border-color:var(--color-border-layer-2)}}.data-\[overlay\=true\]\:bg-transparent{&[data-overlay=true]{background-color:transparent}}.data-\[overlay\=true\]\:opacity-60{&[data-overlay=true]{opacity:60%}}.data-\[selected\=true\]\:bg-primary-alt-active{&[data-selected=true]{background-color:var(--color-primary-alt-active)}}.data-\[side\=bottom\]\:slide-in-from-top-2{&[data-side=bottom]{--tw-enter-translate-y: calc(2*var(--spacing)*-1)}}.data-\[side\=left\]\:slide-in-from-right-2{&[data-side=left]{--tw-enter-translate-x: calc(2*var(--spacing))}}.data-\[side\=right\]\:slide-in-from-left-2{&[data-side=right]{--tw-enter-translate-x: calc(2*var(--spacing)*-1)}}.data-\[side\=top\]\:slide-in-from-bottom-2{&[data-side=top]{--tw-enter-translate-y: calc(2*var(--spacing))}}.data-\[size\=lg\]\:size-large-8x{&[data-size=lg]{width:var(--spacing-large-8x);height:var(--spacing-large-8x)}}.data-\[size\=lg\]\:text-size-headline-md{&[data-size=lg]{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}}.data-\[size\=md\]\:size-large-4x{&[data-size=md]{width:var(--spacing-large-4x);height:var(--spacing-large-4x)}}.data-\[size\=md\]\:text-size-label-lg{&[data-size=md]{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}}.data-\[size\=sm\]\:size-large-2x{&[data-size=sm]{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}}.data-\[size\=sm\]\:text-size-label-sm{&[data-size=sm]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[size\=xs\]\:size-large-1x{&[data-size=xs]{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}}.data-\[size\=xs\]\:text-size-label-sm{&[data-size=xs]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[sorted\=true\]\:flex{&[data-sorted=true]{display:flex}}.data-\[sorted\=true\]\:bg-primary-alt-active{&[data-sorted=true]{background-color:var(--color-primary-alt-active)}}.data-\[sorted\=true\]\:text-primary-label-active{&[data-sorted=true]{color:var(--color-primary-label-active)}}.data-\[state\=active\]\:rounded-none{&[data-state=active]{border-radius:var(--radius-none)}}.data-\[state\=active\]\:border-b-primary-active{&[data-state=active]{border-bottom-color:var(--color-primary-active)}}.data-\[state\=active\]\:bg-layer-2-idle{&[data-state=active]{background-color:var(--color-layer-2-idle)}}.data-\[state\=active\]\:bg-transparent{&[data-state=active]{background-color:transparent}}.data-\[state\=active\]\:text-primary-active{&[data-state=active]{color:var(--color-primary-active)}}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\]{&[data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=checked\]\:border-primary-active{&[data-state=checked]{border-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-active{&[data-state=checked]{background-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-idle{&[data-state=checked]{background-color:var(--color-primary-idle)}}.data-\[state\=checked\]\:hover\:border-primary-idle{&[data-state=checked]{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=closed\]\:animate-collapsible-up{&[data-state=closed]{animation:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:animate-out{&[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:duration-300{&[data-state=closed]{--tw-duration: .3s;transition-duration:.3s}}.data-\[state\=closed\]\:fade-out-0{&[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.data-\[state\=closed\]\:zoom-out-95{&[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.data-\[state\=closed\]\:slide-out-to-bottom{&[data-state=closed]{--tw-exit-translate-y: 100%}}.data-\[state\=closed\]\:slide-out-to-left{&[data-state=closed]{--tw-exit-translate-x: -100%}}.data-\[state\=closed\]\:slide-out-to-right{&[data-state=closed]{--tw-exit-translate-x: 100%}}.data-\[state\=closed\]\:slide-out-to-top{&[data-state=closed]{--tw-exit-translate-y: -100%}}.data-\[state\=disabled\]\:pointer-events-none{&[data-state=disabled]{pointer-events:none}}.data-\[state\=disabled\]\:cursor-not-allowed{&[data-state=disabled]{cursor:not-allowed}}.data-\[state\=disabled\]\:border-transparent{&[data-state=disabled]{border-color:transparent}}.data-\[state\=disabled\]\:bg-layer-2-idle{&[data-state=disabled]{background-color:var(--color-layer-2-idle)}}.data-\[state\=disabled\]\:opacity-30{&[data-state=disabled]{opacity:30%}}.data-\[state\=error\]\:border-danger-idle{&[data-state=error]{border-color:var(--color-danger-idle)}}.data-\[state\=error\]\:hover\:border-danger-idle{&[data-state=error]{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}}.data-\[state\=off\]\:border-border-layer-2{&[data-state=off]{border-color:var(--color-border-layer-2)}}.data-\[state\=off\]\:bg-layer-2-idle{&[data-state=off]{background-color:var(--color-layer-2-idle)}}.data-\[state\=off\]\:text-neutral-dark{&[data-state=off]{color:var(--color-neutral-dark)}}.data-\[state\=off\]\:hover\:bg-layer-2-hover{&[data-state=off]{&:hover{@media(hover:hover){background-color:var(--color-layer-2-hover)}}}}.data-\[state\=off\]\:active\:bg-layer-2-pressed{&[data-state=off]{&:active{background-color:var(--color-layer-2-pressed)}}}.data-\[state\=on\]\:z-10{&[data-state=on]{z-index:10}}.data-\[state\=on\]\:border-primary-active{&[data-state=on]{border-color:var(--color-primary-active)}}.data-\[state\=on\]\:bg-primary-alt-active{&[data-state=on]{background-color:var(--color-primary-alt-active)}}.data-\[state\=on\]\:text-primary-label-idle{&[data-state=on]{color:var(--color-primary-label-idle)}}.data-\[state\=on\]\:hover\:bg-primary-alt-hover{&[data-state=on]{&:hover{@media(hover:hover){background-color:var(--color-primary-alt-hover)}}}}.data-\[state\=on\]\:active\:bg-primary-alt-pressed{&[data-state=on]{&:active{background-color:var(--color-primary-alt-pressed)}}}.data-\[state\=open\]\:animate-collapsible-down{&[data-state=open]{animation:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:animate-in{&[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:border-danger-idle{&[data-state=open]{border-color:var(--color-danger-idle)}}.data-\[state\=open\]\:border-primary-idle{&[data-state=open]{border-color:var(--color-primary-idle)}}.data-\[state\=open\]\:bg-layer-2-active{&[data-state=open]{background-color:var(--color-layer-2-active)}}.data-\[state\=open\]\:duration-500{&[data-state=open]{--tw-duration: .5s;transition-duration:.5s}}.data-\[state\=open\]\:fade-in-0{&[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.data-\[state\=open\]\:zoom-in-95{&[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}}.data-\[state\=open\]\:slide-in-from-bottom{&[data-state=open]{--tw-enter-translate-y: 100%}}.data-\[state\=open\]\:slide-in-from-left{&[data-state=open]{--tw-enter-translate-x: -100%}}.data-\[state\=open\]\:slide-in-from-right{&[data-state=open]{--tw-enter-translate-x: 100%}}.data-\[state\=open\]\:slide-in-from-top{&[data-state=open]{--tw-enter-translate-y: -100%}}.data-\[state\=open\]\:hover\:border-danger-idle{&[data-state=open]{&:hover{@media(hover:hover){border-color:var(--color-danger-idle)}}}}.data-\[state\=open\]\:hover\:border-primary-idle{&[data-state=open]{&:hover{@media(hover:hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=unchecked\]\:translate-x-0{&[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=unchecked\]\:bg-alt-4{&[data-state=unchecked]{background-color:var(--color-alt-4)}}.data-\[variant\=rich\]\:rounded-small{&[data-variant=rich]{border-radius:var(--radius-small)}}.data-\[variant\=rich\]\:border{&[data-variant=rich]{border-style:var(--tw-border-style);border-width:1px}}.data-\[variant\=rich\]\:border-border-layer-2{&[data-variant=rich]{border-color:var(--color-border-layer-2)}}.data-\[variant\=rich\]\:bg-layer-2-idle{&[data-variant=rich]{background-color:var(--color-layer-2-idle)}}.data-\[variant\=rich\]\:p-large{&[data-variant=rich]{padding:var(--spacing-large)}}.data-\[variant\=rich\]\:text-neutral-dark{&[data-variant=rich]{color:var(--color-neutral-dark)}}.data-\[variant\=simple\]\:rounded-small-1x{&[data-variant=simple]{border-radius:var(--radius-small-1x)}}.data-\[variant\=simple\]\:bg-alt-2{&[data-variant=simple]{background-color:var(--color-alt-2)}}.data-\[variant\=simple\]\:px-small{&[data-variant=simple]{padding-inline:var(--spacing-small)}}.data-\[variant\=simple\]\:py-small-1x{&[data-variant=simple]{padding-block:var(--spacing-small-1x)}}.data-\[variant\=simple\]\:text-neutral-label{&[data-variant=simple]{color:var(--color-neutral-label)}}.data-\[view\=form\]\:\!px-none{&[data-view=form]{padding-inline:var(--spacing-none)!important}}.sm\:max-w-sm{@media(width>=40rem){max-width:var(--container-sm)}}.sm\:grid-cols-2{@media(width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:flex-row{@media(width>=40rem){flex-direction:row}}.sm\:justify-end{@media(width>=40rem){justify-content:flex-end}}.sm\:gap-2\.5{@media(width>=40rem){gap:calc(var(--spacing) * 2.5)}}.sm\:space-x-2{@media(width>=40rem){:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}}.sm\:text-left{@media(width>=40rem){text-align:left}}.sm\:text-base{@media(width>=40rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}}.md\:grid-cols-3{@media(width>=48rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.lg\:grid-cols-4{@media(width>=64rem){grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_ol_ol\]\:list-\[lower-alpha\]{& ol ol{list-style-type:lower-alpha}}.\[\&_ol_ol_ol\]\:list-\[lower-roman\]{& ol ol ol{list-style-type:lower-roman}}.\[\&_tr\]\:border-b{& tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}.\[\&_tr\]\:border-border-layer-2{& tr{border-color:var(--color-border-layer-2)}}.\[\&_tr\:last-child\]\:border-0{& tr:last-child{border-style:var(--tw-border-style);border-width:0px}}.\[\&_ul_ul\]\:list-\[circle\]{& ul ul{list-style-type:circle}}.\[\&_ul_ul_ul\]\:list-\[square\]{& ul ul ul{list-style-type:square}}.\[\&\>\*\]\:border-t{>*{border-top-style:var(--tw-border-style);border-top-width:1px}}.\[\&\>\*\]\:border-l{>*{border-left-style:var(--tw-border-style);border-left-width:1px}}.\[\&\>\*\]\:border-border-layer-2{>*{border-color:var(--color-border-layer-2)}}.\[\&\>span\]\:text-size-title-lg{>span{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}}.\[\&\>tr\]\:last\:border-b-0{>tr{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}}.\[\&\[data-state\=open\]\>svg\]\:rotate-180{&[data-state=open]>svg{rotate:180deg}}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@layer base{*{scrollbar-color:initial;scrollbar-width:initial}}@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-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@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: 0px;}@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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@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-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}@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-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--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-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--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-duration: initial;--tw-ease: initial;--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xjur-ui/react",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "type": "module",
   "description": "React components for XJur Design System",
   "types": "dist/index.d.ts",