@stokelp/ui 1.12.0 → 1.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,7 +5,9 @@ import { StyledComponent } from '@stokelp/styled-system/jsx';
|
|
|
5
5
|
import { RadioButtonGroupRecipe } from '@stokelp/styled-system/recipes';
|
|
6
6
|
|
|
7
7
|
export declare const RadioButtonGroup: ComponentVariants<StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.RootProps & RefAttributes<HTMLDivElement>>, {}>, RadioButtonGroupRecipe>;
|
|
8
|
-
export declare const RadioButtonGroupItem: StyledComponent<ForwardRefExoticComponent<Omit<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>, "ref"> &
|
|
8
|
+
export declare const RadioButtonGroupItem: StyledComponent<ForwardRefExoticComponent<Omit<Omit<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>, "ref">, "value"> & {
|
|
9
|
+
value: string | number | boolean;
|
|
10
|
+
} & RefAttributes<HTMLLabelElement>>, {}>;
|
|
9
11
|
export declare const RadioButtonGroupLabel: StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.LabelProps & RefAttributes<HTMLLabelElement>>, {}>;
|
|
10
12
|
export interface RadioButtonGroupProps extends ComponentProps<typeof RadioButtonGroup> {
|
|
11
13
|
}
|
|
@@ -5,7 +5,9 @@ import { StyledComponent } from '@stokelp/styled-system/jsx';
|
|
|
5
5
|
import { RadioGroupRecipe } from '@stokelp/styled-system/recipes';
|
|
6
6
|
|
|
7
7
|
export declare const RadioGroup: ComponentVariants<StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.RootProps & RefAttributes<HTMLDivElement>>, {}>, RadioGroupRecipe>;
|
|
8
|
-
export declare const RadioGroupItem: StyledComponent<ForwardRefExoticComponent<Omit<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>, "ref"> &
|
|
8
|
+
export declare const RadioGroupItem: StyledComponent<ForwardRefExoticComponent<Omit<Omit<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>, "ref">, "value"> & {
|
|
9
|
+
value: string | number | boolean;
|
|
10
|
+
} & RefAttributes<HTMLLabelElement>>, {}>;
|
|
9
11
|
export declare const RadioGroupLabel: StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.LabelProps & RefAttributes<HTMLLabelElement>>, {}>;
|
|
10
12
|
export interface RadioGroupProps extends ComponentProps<typeof RadioGroup> {
|
|
11
13
|
}
|
package/dist/ui.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),l=require("@stokelp/styled-system/recipes"),h=require("react"),y=require("@stokelp/styled-system/css"),i=require("@pandacss/dev"),D=(...o)=>o.filter(Boolean).join(" "),w=(o,a)=>{const s=h.createContext(null);return{withContext:(p,d,m)=>d?h.forwardRef((c,P)=>{const k=h.useContext(s);return h.createElement(p,{...!1,...c,...m==null?void 0:m.defaultProps,className:D(k==null?void 0:k[d??""],c.className),ref:P})}):p,withProvider:(p,d,m)=>h.forwardRef((c,P)=>{const[k,j]=o.splitVariantProps({...c,...m==null?void 0:m.defaultProps}),z=o(k);return e.jsx(s.Provider,{value:z,children:e.jsx(p,{ref:P,...!1,...j,className:D(z[d??""],j.className)})})})}},{withProvider:O,withContext:T}=w(l.accordion),q=O(r.styled(t.Accordion.Root),"root"),U=T(r.styled(t.Accordion.Item),"item"),Q=T(r.styled(t.Accordion.ItemContent),"itemContent"),J=T(r.styled(t.Accordion.ItemIndicator),"itemIndicator",{defaultProps:{children:e.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.94 6.03L8 9.08333L11.06 6.03L12 6.97L8 10.97L4 6.97L4.94 6.03Z",fill:"currentColor"})})}}),K=T(r.styled(t.Accordion.ItemTrigger),"itemTrigger"),S=r.styled("button",l.button),L=h.forwardRef((o,a)=>{const[s,n]=l.checkbox.splitVariantProps(o),[g,p]=r.splitCssProps(n),{children:d,className:m,...v}=p,c=l.checkbox(s);return e.jsxs(t.Checkbox.Root,{ref:a,className:y.cx(c.root,y.css(g),m),...v,children:[e.jsxs(t.Checkbox.Control,{className:c.control,children:[e.jsx(t.Checkbox.Indicator,{children:e.jsx(ee,{})}),e.jsx(t.Checkbox.Indicator,{indeterminate:!0,children:e.jsx(te,{})})]}),d&&e.jsx(t.Checkbox.Label,{className:c.label,children:d}),e.jsx(t.Checkbox.HiddenInput,{})]})});L.displayName="Checkbox";const ee=()=>e.jsxs("svg",{viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("title",{children:"Check Icon"}),e.jsx("path",{d:"M4.39754 8.43751L2.31254 6.35251L1.60254 7.05751L4.39754 9.85251L10.3975 3.85251L9.69254 3.14751L4.39754 8.43751Z",fill:"white"})]}),te=()=>e.jsxs("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("title",{children:"Minus Icon"}),e.jsx("path",{d:"M3 6H9V7H3V6Z",fill:"white"})]}),{withProvider:re,withContext:f}=w(l.drawer),oe=re(t.Dialog.Root,void 0,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),ae=f(r.styled(t.ark.main),"body"),A=f(r.styled(t.Dialog.CloseTrigger),"closeTrigger"),ie=f(r.styled(t.ark.footer),"footer"),N=h.forwardRef(({children:o,showCloseTrigger:a=!0,...s},n)=>e.jsxs(t.ark.header,{...s,ref:n,children:[o,a&&e.jsx(A,{asChild:!0,children:e.jsx(S,{ml:"auto",p:"space-8",variant:"tertiary",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.6666 4.27331L11.7266 3.33331L7.99998 7.05998L4.27331 3.33331L3.33331 4.27331L7.05998 7.99998L3.33331 11.7266L4.27331 12.6666L7.99998 8.93998L11.7266 12.6666L12.6666 11.7266L8.93998 7.99998L12.6666 4.27331Z",fill:"currentColor"})})})})]}));N.displayName="DrawerHeader";const se=f(N,"header"),ne=f(r.styled(t.Dialog.Title),"title"),le=f(r.styled(t.Dialog.Trigger),"trigger"),de=f(r.styled(t.Dialog.Positioner),"positioner"),ce=f(r.styled(t.Dialog.Backdrop),"backdrop"),H=h.forwardRef(({children:o,...a},s)=>e.jsxs(t.Portal,{children:[e.jsx(ce,{}),e.jsx(de,{children:e.jsx(t.Dialog.Content,{ref:s,...a,children:o})})]}));H.displayName=t.Dialog.Content.displayName;const pe=f(r.styled(H),"content"),ue=r.styled("div",l.formControl,{defaultProps:{role:"group"}}),me=({isInvalid:o,isRequired:a,...s})=>{const n={...o?{"aria-invalid":!0}:{},...a?{"aria-required":!0}:{}};return e.jsx(ue,{...n,...s})},he=r.styled("label",l.formLabel),ge=o=>{const[a,s]=l.formLabel.splitVariantProps(o),[n,g]=r.splitCssProps(s),{children:p,className:d,addon:m,...v}=g,c=l.formLabel(a);return e.jsxs(he,{className:y.cx(c.root,y.css(n),d),...v,children:[p,m?e.jsx(r.styled.span,{className:c.addon,children:m}):null]})},be=r.styled("p",l.formHelperText,{dataAttr:!0}),xe=o=>{const{as:a="h2",...s}=o,n=h.useMemo(()=>r.styled(a,l.heading),[a]);return e.jsx(n,{size:a,...s})},W=h.forwardRef((o,a)=>{const[s,n]=l.switchRecipe.splitVariantProps(o),[g,p]=r.splitCssProps(n),{children:d,className:m,...v}=p,c=l.switchRecipe(s);return e.jsxs(t.Switch.Root,{ref:a,className:y.cx(c.root,y.css(g),m),...v,children:[e.jsx(t.Switch.Control,{className:c.control,children:e.jsx(t.Switch.Thumb,{className:c.thumb})}),d?e.jsx(t.Switch.Label,{className:c.label,children:d}):null,e.jsx(t.Switch.HiddenInput,{})]})});W.displayName="Switch";const E=o=>{const{as:a="p",...s}=o,n=h.useMemo(()=>r.styled(a,l.text),[a]);return e.jsx(n,{...s})},ve=r.styled(t.ark.textarea,l.textarea),{withProvider:ye,withContext:_}=w(l.tabs),fe=ye(r.styled(t.Tabs.Root),"root",{defaultProps:{lazyMount:!0}}),we=_(r.styled(t.Tabs.Content),"content"),ke=_(r.styled(t.Tabs.Trigger),"trigger"),Ce=_(r.styled(t.Tabs.Indicator),"indicator"),M=h.forwardRef(({children:o,...a},s)=>e.jsxs(t.Tabs.List,{ref:s,...a,children:[o,e.jsx(Ce,{})]}));M.displayName=t.Tabs.List.displayName;const Se=_(r.styled(M),"list"),Te=({children:o,when:a,wrapper:s})=>a===!0?s(o):o,{withProvider:_e,withContext:x}=w(l.select),Re=_e(r.styled(t.Select.Root),"root",{defaultProps:{loopFocus:!0}}),Ie=x(r.styled(t.Select.ClearTrigger),"clearTrigger"),Pe=x(r.styled(t.Select.Content),"content"),je=x(r.styled(t.Select.Control),"control"),ze=x(r.styled(t.Select.Indicator),"indicator"),De=x(r.styled(t.Select.Item),"item"),Fe=x(r.styled(t.Select.ItemIndicator),"itemIndicator"),Be=x(r.styled(t.Select.ItemText),"itemText"),Le=x(r.styled(t.Select.Positioner),"positioner"),Ae=x(r.styled(t.Select.Trigger),"trigger"),Ne=x(r.styled(t.Select.ValueText),"valueText"),He=({items:o,placeholder:a,emptyLabel:s,usePortal:n=!0,positioning:g,...p})=>e.jsxs(Re,{lazyMount:!0,unmountOnExit:!0,items:o,positioning:{sameWidth:!0,gutter:0,...g},"data-recipe":"select",...p,children:[e.jsx(je,{children:e.jsxs(Ae,{children:[e.jsx(Ne,{truncate:!0,placeholder:a}),e.jsx(Ie,{asChild:!0,children:e.jsx(r.styled.svg,{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9.99996 1.66669C5.39163 1.66669 1.66663 5.39169 1.66663 10C1.66663 14.6084 5.39163 18.3334 9.99996 18.3334C14.6083 18.3334 18.3333 14.6084 18.3333 10C18.3333 5.39169 14.6083 1.66669 9.99996 1.66669ZM9.99996 16.6667C6.32496 16.6667 3.33329 13.675 3.33329 10C3.33329 6.32502 6.32496 3.33335 9.99996 3.33335C13.675 3.33335 16.6666 6.32502 16.6666 10C16.6666 13.675 13.675 16.6667 9.99996 16.6667ZM12.9916 5.83335L9.99996 8.82502L7.00829 5.83335L5.83329 7.00835L8.82496 10L5.83329 12.9917L7.00829 14.1667L9.99996 11.175L12.9916 14.1667L14.1666 12.9917L11.175 10L14.1666 7.00835L12.9916 5.83335Z",fill:"currentColor"})})}),e.jsx(ze,{asChild:!0,children:e.jsx(r.styled.svg,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M7.41 8.29498L12 12.875L16.59 8.29498L18 9.70498L12 15.705L6 9.70498L7.41 8.29498Z",fill:"currentColor"})})})]})}),e.jsx(Te,{when:n,wrapper:d=>e.jsx(t.Portal,{children:d}),children:e.jsx(Le,{children:e.jsx(Pe,{children:o.length===0?e.jsx(E,{px:"space-8",textAlign:"center",children:s??"Aucun résultat"}):o.map(d=>e.jsxs(De,{item:d,children:[e.jsx(Be,{truncate:!0,children:d.label}),p.multiple?e.jsx(Fe,{children:"✓"}):null]},d.value))})})}),e.jsx(t.Select.HiddenSelect,{})]}),V=r.styled("input",l.input,{dataAttr:!0}),G=r.styled(t.ark.div,l.inputAddon,{dataAttr:!0}),$=r.styled("div",l.inputGroup,{dataAttr:!0}),We=o=>{const{as:a="div",...s}=o,n=h.useMemo(()=>r.styled(a),[a]);return e.jsx(n,{...s})},{withProvider:Ee,withContext:u}=w(l.datepicker),Me=Ee(t.DatePicker.Root,"root",{defaultProps:{positioning:{placement:"bottom-start"},view:"day",locale:"fr",unmountOnExit:!0,lazyMount:!0,startOfWeek:6}}),Ve=u(t.DatePicker.Content,"content"),Ge=u(t.DatePicker.Control,"control"),$e=u(t.DatePicker.Input,"input"),Ye=u(t.DatePicker.MonthSelect,"monthSelect"),Ze=u(t.DatePicker.NextTrigger,"nextTrigger"),Xe=u(t.DatePicker.Positioner,"positioner"),Oe=u(t.DatePicker.PrevTrigger,"prevTrigger"),qe=u(t.DatePicker.TableBody,"tableBody"),Ue=u(t.DatePicker.TableCell,"tableCell"),Qe=u(t.DatePicker.TableCellTrigger,"tableCellTrigger"),Je=u(t.DatePicker.TableHead,"tableHead"),Ke=u(t.DatePicker.TableHeader,"tableHeader"),et=u(t.DatePicker.Table,"table"),F=u(t.DatePicker.TableRow,"tableRow"),tt=u(t.DatePicker.Trigger,"trigger"),rt=u(t.DatePicker.ViewControl,"viewControl"),ot=u(t.DatePicker.View,"view"),at=u(t.DatePicker.YearSelect,"yearSelect"),it=()=>e.jsx("svg",{width:"23",height:"24",viewBox:"0 0 23 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M18.2083 4H17.25V2H15.3333V4H7.66667V2H5.75V4H4.79167C3.72792 4 2.88458 4.9 2.88458 6L2.875 20C2.875 21.1 3.72792 22 4.79167 22H18.2083C19.2625 22 20.125 21.1 20.125 20V6C20.125 4.9 19.2625 4 18.2083 4ZM18.2083 20H4.79167V10H18.2083V20ZM18.2083 8H4.79167V6H18.2083V8ZM8.625 14H6.70833V12H8.625V14ZM12.4583 14H10.5417V12H12.4583V14ZM16.2917 14H14.375V12H16.2917V14ZM8.625 18H6.70833V16H8.625V18ZM12.4583 18H10.5417V16H12.4583V18ZM16.2917 18H14.375V16H16.2917V18Z",fill:"#1E3A76"})}),st=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M10.4698 4.94L9.52979 4L5.52979 8L9.52979 12L10.4698 11.06L7.41645 8L10.4698 4.94Z",fill:"currentColor"})}),nt=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M6.46979 4L5.52979 4.94L8.58312 8L5.52979 11.06L6.46979 12L10.4698 8L6.46979 4Z",fill:"currentColor"})}),lt=({placeholder:o,...a})=>e.jsxs(Me,{...a,children:[e.jsx(Ge,{asChild:!0,children:e.jsxs($,{children:[e.jsx($e,{asChild:!0,index:0,placeholder:o,children:e.jsx(V,{})}),e.jsx(G,{children:e.jsx(tt,{children:e.jsx(it,{})})})]})}),e.jsx(Xe,{children:e.jsx(Ve,{children:e.jsx(ot,{view:"day",children:e.jsx(t.DatePicker.Context,{children:s=>e.jsxs(e.Fragment,{children:[e.jsxs(rt,{children:[e.jsx(Oe,{asChild:!0,children:e.jsx(S,{p:"space-8",variant:"secondary",size:"sm",children:e.jsx(st,{})})}),e.jsx(Ye,{}),e.jsx(at,{}),e.jsx(Ze,{asChild:!0,children:e.jsx(S,{p:"space-8",variant:"secondary",size:"sm",children:e.jsx(nt,{})})})]}),e.jsxs(et,{children:[e.jsx(Je,{children:e.jsx(F,{children:s.weekDays.map((n,g)=>e.jsx(Ke,{children:n.short},g))})}),e.jsx(qe,{children:s.weeks.map((n,g)=>e.jsx(F,{children:n.map((p,d)=>e.jsx(Ue,{value:p,children:e.jsx(Qe,{asChild:!0,children:e.jsx("button",{children:p.day})})},d))},g))})]})]})})})})})]}),dt=h.forwardRef((o,a)=>{const[s,n]=l.tag.splitVariantProps(o),[g,p]=r.splitCssProps(n),{children:d,className:m,...v}=p,c=l.tag(s);return e.jsxs(t.ark.div,{ref:a,className:y.cx(c.root,y.css(g),m),...v,children:[d,e.jsx(r.Circle,{className:y.cx(c.badge)})]})}),{withProvider:ct,withContext:R}=w(l.radioButtonGroup),pt=R(r.styled(t.RadioGroup.ItemControl),"itemControl"),ut=R(r.styled(t.RadioGroup.ItemText),"itemText"),mt=h.forwardRef(({children:o,...a},s)=>e.jsxs(t.RadioGroup.Item,{ref:s,...a,children:[e.jsx(ut,{children:o}),e.jsx(pt,{}),e.jsx(t.RadioGroup.ItemHiddenInput,{})]})),ht=ct(r.styled(t.RadioGroup.Root),"root",{defaultProps:{orientation:"horizontal"}}),gt=R(r.styled(mt),"item"),bt=R(r.styled(t.RadioGroup.Label),"label"),{withProvider:xt,withContext:I}=w(l.radioGroup),vt=I(r.styled(t.RadioGroup.ItemControl),"itemControl"),yt=I(r.styled(t.RadioGroup.ItemText),"itemText"),ft=h.forwardRef(({children:o,...a},s)=>e.jsxs(t.RadioGroup.Item,{ref:s,...a,children:[e.jsx(vt,{}),e.jsx(yt,{children:o}),e.jsx(t.RadioGroup.ItemHiddenInput,{})]})),wt=xt(r.styled(t.RadioGroup.Root),"root",{defaultProps:{orientation:"horizontal"}}),kt=I(r.styled(ft),"item"),Ct=I(r.styled(t.RadioGroup.Label),"label"),St={xl:"1536px",lg:"1200px",md:"900px",sm:"600px"},Tt={extend:{checked:"&:where(:checked, [data-checked], [aria-checked=true], [data-state=checked])",closed:"&:where([data-state=closed])",collapsed:'&:where([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',current:"&:is([data-current])",focus:"&:where(:focus, [data-focus], [data-focused])",groupHover:"[role=group]:where(:hover, [data-hover]) &",hidden:"&:where([hidden])",highlighted:"&:where([data-highlighted])",hover:"&:where(:hover, [data-hover], [data-hovered])",indeterminate:"&:where(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])",invalid:"&:where(:invalid, [data-invalid], [aria-invalid=true])",open:"&:where([open], [data-state=open])",placeholderShown:"&:where(:placeholder-shown, [data-placeholder-shown])",today:"&:where([data-today])",underValue:'&:where([data-state="under-value"])'}},_t={"2xl":"672px","3xl":"768px","4xl":"896px","5xl":"1024px","6xl":"1152px","7xl":"1280px","8xl":"1440px",lg:"512px",md:"448px",sm:"384px",xl:"576px",xs:"320px"},Rt=i.defineKeyframes({blob:{"0%":{rotate:"0deg"},"100%":{rotate:"359deg"}},bounce:{"0%, 100%":{animationTimingFunction:"cubic-bezier(0.8,0,1,1)",transform:"translateY(-25%)"},"50%":{animationTimingFunction:"cubic-bezier(0,0,0.2,1)",transform:"none"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"fade-out":{from:{opacity:"1"},to:{opacity:"0"}},fadeIn:{"0%":{opacity:"0",transform:"translateY(-4px)"},"100%":{opacity:"1",transform:"translateY(0)"}},fadeInFromRight:{"0%":{opacity:"0",transform:"translateX(100%)"},"100%":{opacity:"1",transform:"translateX(0)"}},fadeInSkew:{"0%":{opacity:"0",transform:"translateY(-4px) rotateX(-1deg) scale(0.95)",transformStyle:"preserve-3d"},"100%":{opacity:"1",transform:"translateY(0) rotateX(0) scale(1)",transformStyle:"preserve-3d"}},fadeOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(-4px)"}},fadeOutFromRight:{"0%":{opacity:"1",transform:"translateX(0)"},"100%":{opacity:"0",transform:"translateX(100%)"}},fadeOutSkew:{"0%":{opacity:"1",transform:"translateY(0) rotateX(0) scale(1)",transformStyle:"preserve-3d"},"100%":{opacity:"0",transform:"translateY(-4px) rotateX(-1deg) scale(0.95)",transformStyle:"preserve-3d"}},ping:{"75%, 100%":{opacity:"0",transform:"scale(2)"}},pulse:{"50%":{opacity:".5"}},"skeleton-pulse":{"50%":{opacity:"0.5"}},"slide-in":{"0%":{opacity:"0",transform:"translateY(64px)"},"100%":{opacity:"1",transform:"translateY(0)"}},"slide-in-left":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}},"slide-in-modal":{"0%":{opacity:"0",transform:"translateY(64px) scale(0.9)"},"100%":{opacity:"1",transform:"translateY(0) scale(1)"}},"slide-in-right":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0%)"}},"slide-out":{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(64px)"}},"slide-out-left":{"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}},"slide-out-modal":{"0%":{opacity:"1",transform:"translateY(0) scale(1)"},"100%":{opacity:"0",transform:"translateY(64px) scale(0.9)"}},"slide-out-right":{"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(100%)"}},slideInFromBottom:{"0%":{opacity:"0",transform:"translateY(4px)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOutToBottom:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(4px)"}},"collapse-in":{"0%":{height:"0px"},"100%":{height:"var(--height)"}},"collapse-out":{"0%":{height:"var(--height)"},"100%":{height:"0px"}},spin:{to:{transform:"rotate(360deg)"}}}),It=i.defineRecipe({base:{_focusVisible:{ring:"2px solid {colors.primary.200}",ringOffset:"space-2"},alignItems:"center",cursor:{_disabled:"not-allowed",base:"pointer"},opacity:{_disabled:.32},display:"flex",flexDirection:"row",gap:"space-4",justifyContent:"center",transition:"color, background-color, border-color, opacity",transitionDuration:"fast",fontWeight:"bold",fontFamily:"satoshi"},className:"button",defaultVariants:{size:"lg",variant:"primary",severity:"none"},description:"The styles for the Button component",jsx:["Button"],variants:{size:{lg:{borderRadius:"radius-60",px:"space-20",py:"space-8",textStyle:"body.lg"},md:{borderRadius:"radius-60",px:"space-16",py:"space-6",textStyle:"body.md"},sm:{borderRadius:"radius-60",px:"space-12",py:"space-4",textStyle:"body.sm"}},variant:{primary:{bg:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},_active:"primary.800",_hover:"primary.600",base:"primary.500"},color:"white"},secondary:{bg:{_disabled:{_hover:"white",_active:"white",base:"white"},_active:"primary.600",_hover:"primary.500",base:"white"},boxShadow:"inset 0 0 0 1px {colors.primary.500}",color:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},base:"primary.500",_hover:"white",_active:"white"}},tertiary:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"primary.200",_hover:"primary.100",base:"transparent"},color:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},base:"primary.500",_hover:"primary.600",_active:"primary.600"}}},severity:{none:{},danger:{}}},compoundVariants:[{variant:"primary",severity:"danger",css:{bg:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},_active:"error.800",_hover:"error.700",base:"error.500"}}},{variant:"secondary",severity:"danger",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"error.700",_hover:"error.500",base:"transparent"},boxShadow:{base:"inset 0 0 0 1px {colors.error.500}",_active:"inset 0 0 0 1px {colors.error.700}"},color:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},base:"error.500",_hover:"white",_active:"white"}}},{variant:"tertiary",severity:"danger",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"error.200",_hover:"error.100",base:"transparent"},color:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},base:"error.500",_hover:"error.700",_active:"error.700"}}}]}),Pt=i.defineRecipe({className:"heading",defaultVariants:{size:"h2"},jsx:["Heading"],base:{fontFamily:"cabinet",color:"text.heading"},variants:{italic:{true:{fontStyle:"italic"}},underline:{true:{textDecoration:"underline"}},size:{h1:{textStyle:"heading.h1"},h2:{textStyle:"heading.h2"},h3:{textStyle:"heading.h3"},h4:{textStyle:"heading.h4"},h5:{textStyle:"heading.h5"},h6:{textStyle:"heading.h6"}}}}),jt=i.defineSlotRecipe({base:{control:{_focus:{ring:"1px solid {colors.secondary.300}"},alignItems:"center",background:{_checked:{base:"primary.500",_disabled:"grey.200"},base:"grey.100",_hover:{base:"grey.200",_checked:"primary.700"}},borderRadius:"full",cursor:"pointer",display:"inline-flex",flexShrink:"0",transitionDuration:"normal",transitionProperty:"background",transitionTimingFunction:"default"},label:{fontFamily:"satoshi",color:"text",_disabled:{color:"text.disabled",userSelect:"none"}},root:{WebkitTapHighlightColor:"transparent",_disabled:{pointerEvents:"none"},alignItems:"center",cursor:"pointer",display:"flex",position:"relative"},thumb:{background:"white",borderRadius:"full",transitionDuration:"normal",transitionProperty:"transform",transitionTimingFunction:"default",_checked:{transform:"translateX(16px)"}}},className:"switch",defaultVariants:{size:"md"},jsx:["Switch","SwitchField"],slots:t.switchAnatomy.keys(),variants:{size:{md:{control:{height:"size-16",p:"space-2",width:"size-32"},label:{textStyle:"body.md"},root:{gap:"space-4"},thumb:{height:"size-12",width:"size-12"}}}}}),zt=i.defineRecipe({className:"text",defaultVariants:{size:"md"},jsx:["Text","AppLink"],staticCss:["*"],base:{fontFamily:"satoshi",color:"text"},variants:{bold:{true:{fontWeight:"bold"}},italic:{true:{fontStyle:"italic"}},underline:{true:{textDecoration:"underline"}},size:{lg:{textStyle:"body.lg"},md:{textStyle:"body.md"},sm:{textStyle:"body.sm"}}}}),Y=i.defineRecipe({base:{'&[type="time"]::-webkit-calendar-picker-indicator':{display:"none"},textStyle:"body.md",fontFamily:"satoshi",color:"text",appearance:"none",background:"none",border:"1px solid {colors.grey.100}",borderRadius:"radius-8",minWidth:0,outline:0,minHeight:"40px",position:"relative",transitionDuration:"normal",transitionProperty:"border-color, box-shadow",width:"full",_disabled:{cursor:"not-allowed",color:"grey.300",background:"grey.50"},_hover:{borderColor:"secondary.500",_disabled:{borderColor:"grey.100"}},_focus:{borderColor:"primary.500"},_placeholderShown:{color:"grey.400",_disabled:{color:"grey.100"}}},className:"input",description:"The styles for the Input component",jsx:["Input"],defaultVariants:{size:"md"},variants:{size:{md:{px:"space-16",py:"space-8"}}}}),Dt=i.defineRecipe({className:"textarea",jsx:["Textarea"],base:{px:"space-16",py:"space-8",...Y.base}}),Ft=i.defineRecipe({base:{_invalid:{'& [data-recipe="formHelperText"]':{color:"error.500"},'& input, & textarea, & [data-recipe="select"] button, & [data-recipe="inputGroup"]':{borderColor:"error.500!"},"& label":{color:"error.500"}},_required:{"& label::after":{content:'" *"',color:"error.500",fontWeight:"bold"}},isolation:"isolate",display:"flex",flexDirection:"column",gap:"space-4",width:"full",position:"relative"},className:"form-control",description:"The styles for the FormControl component",jsx:["FormControl"]}),Bt=i.defineRecipe({base:{color:"grey.400",fontFamily:"satoshi",textStyle:"body.sm"},className:"form-helper-text",description:"The styles for the FormHelperText component",jsx:["FormHelperText"]}),Lt=t.dialogAnatomy.extendWith("header","body","footer"),At=i.defineSlotRecipe({className:"drawer",slots:Lt.keys(),jsx:["Drawer"],base:{backdrop:{backdropFilter:"blur(4px)",background:"primary.300/20",height:"100vh",position:"fixed",width:"100vw",zIndex:"overlay",inset:0,_open:{animation:"backdrop-in"},_closed:{animation:"backdrop-out"}},positioner:{alignItems:"center",display:"flex",height:"100dvh",position:"fixed",inset:0,zIndex:"modal"},content:{position:"relative",background:"white",display:"grid",gridTemplateColumns:"1fr",gridTemplateRows:"auto 1fr",gridTemplateAreas:`
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),l=require("@stokelp/styled-system/recipes"),h=require("react"),y=require("@stokelp/styled-system/css"),i=require("@pandacss/dev"),D=(...o)=>o.filter(Boolean).join(" "),w=(o,a)=>{const s=h.createContext(null);return{withContext:(p,d,m)=>d?h.forwardRef((c,P)=>{const k=h.useContext(s);return h.createElement(p,{...!1,...c,...m==null?void 0:m.defaultProps,className:D(k==null?void 0:k[d??""],c.className),ref:P})}):p,withProvider:(p,d,m)=>h.forwardRef((c,P)=>{const[k,j]=o.splitVariantProps({...c,...m==null?void 0:m.defaultProps}),z=o(k);return e.jsx(s.Provider,{value:z,children:e.jsx(p,{ref:P,...!1,...j,className:D(z[d??""],j.className)})})})}},{withProvider:O,withContext:T}=w(l.accordion),q=O(r.styled(t.Accordion.Root),"root"),U=T(r.styled(t.Accordion.Item),"item"),Q=T(r.styled(t.Accordion.ItemContent),"itemContent"),J=T(r.styled(t.Accordion.ItemIndicator),"itemIndicator",{defaultProps:{children:e.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.94 6.03L8 9.08333L11.06 6.03L12 6.97L8 10.97L4 6.97L4.94 6.03Z",fill:"currentColor"})})}}),K=T(r.styled(t.Accordion.ItemTrigger),"itemTrigger"),S=r.styled("button",l.button),L=h.forwardRef((o,a)=>{const[s,n]=l.checkbox.splitVariantProps(o),[g,p]=r.splitCssProps(n),{children:d,className:m,...v}=p,c=l.checkbox(s);return e.jsxs(t.Checkbox.Root,{ref:a,className:y.cx(c.root,y.css(g),m),...v,children:[e.jsxs(t.Checkbox.Control,{className:c.control,children:[e.jsx(t.Checkbox.Indicator,{children:e.jsx(ee,{})}),e.jsx(t.Checkbox.Indicator,{indeterminate:!0,children:e.jsx(te,{})})]}),d&&e.jsx(t.Checkbox.Label,{className:c.label,children:d}),e.jsx(t.Checkbox.HiddenInput,{})]})});L.displayName="Checkbox";const ee=()=>e.jsxs("svg",{viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("title",{children:"Check Icon"}),e.jsx("path",{d:"M4.39754 8.43751L2.31254 6.35251L1.60254 7.05751L4.39754 9.85251L10.3975 3.85251L9.69254 3.14751L4.39754 8.43751Z",fill:"white"})]}),te=()=>e.jsxs("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("title",{children:"Minus Icon"}),e.jsx("path",{d:"M3 6H9V7H3V6Z",fill:"white"})]}),{withProvider:re,withContext:f}=w(l.drawer),oe=re(t.Dialog.Root,void 0,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),ae=f(r.styled(t.ark.main),"body"),A=f(r.styled(t.Dialog.CloseTrigger),"closeTrigger"),ie=f(r.styled(t.ark.footer),"footer"),N=h.forwardRef(({children:o,showCloseTrigger:a=!0,...s},n)=>e.jsxs(t.ark.header,{...s,ref:n,children:[o,a&&e.jsx(A,{asChild:!0,children:e.jsx(S,{ml:"auto",p:"space-8",variant:"tertiary",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.6666 4.27331L11.7266 3.33331L7.99998 7.05998L4.27331 3.33331L3.33331 4.27331L7.05998 7.99998L3.33331 11.7266L4.27331 12.6666L7.99998 8.93998L11.7266 12.6666L12.6666 11.7266L8.93998 7.99998L12.6666 4.27331Z",fill:"currentColor"})})})})]}));N.displayName="DrawerHeader";const se=f(N,"header"),ne=f(r.styled(t.Dialog.Title),"title"),le=f(r.styled(t.Dialog.Trigger),"trigger"),de=f(r.styled(t.Dialog.Positioner),"positioner"),ce=f(r.styled(t.Dialog.Backdrop),"backdrop"),H=h.forwardRef(({children:o,...a},s)=>e.jsxs(t.Portal,{children:[e.jsx(ce,{}),e.jsx(de,{children:e.jsx(t.Dialog.Content,{ref:s,...a,children:o})})]}));H.displayName=t.Dialog.Content.displayName;const pe=f(r.styled(H),"content"),ue=r.styled("div",l.formControl,{defaultProps:{role:"group"}}),me=({isInvalid:o,isRequired:a,...s})=>{const n={...o?{"aria-invalid":!0}:{},...a?{"aria-required":!0}:{}};return e.jsx(ue,{...n,...s})},he=r.styled("label",l.formLabel),ge=o=>{const[a,s]=l.formLabel.splitVariantProps(o),[n,g]=r.splitCssProps(s),{children:p,className:d,addon:m,...v}=g,c=l.formLabel(a);return e.jsxs(he,{className:y.cx(c.root,y.css(n),d),...v,children:[p,m?e.jsx(r.styled.span,{className:c.addon,children:m}):null]})},be=r.styled("p",l.formHelperText,{dataAttr:!0}),xe=o=>{const{as:a="h2",...s}=o,n=h.useMemo(()=>r.styled(a,l.heading),[a]);return e.jsx(n,{size:a,...s})},W=h.forwardRef((o,a)=>{const[s,n]=l.switchRecipe.splitVariantProps(o),[g,p]=r.splitCssProps(n),{children:d,className:m,...v}=p,c=l.switchRecipe(s);return e.jsxs(t.Switch.Root,{ref:a,className:y.cx(c.root,y.css(g),m),...v,children:[e.jsx(t.Switch.Control,{className:c.control,children:e.jsx(t.Switch.Thumb,{className:c.thumb})}),d?e.jsx(t.Switch.Label,{className:c.label,children:d}):null,e.jsx(t.Switch.HiddenInput,{})]})});W.displayName="Switch";const E=o=>{const{as:a="p",...s}=o,n=h.useMemo(()=>r.styled(a,l.text),[a]);return e.jsx(n,{...s})},ve=r.styled(t.ark.textarea,l.textarea),{withProvider:ye,withContext:_}=w(l.tabs),fe=ye(r.styled(t.Tabs.Root),"root",{defaultProps:{lazyMount:!0}}),we=_(r.styled(t.Tabs.Content),"content"),ke=_(r.styled(t.Tabs.Trigger),"trigger"),Ce=_(r.styled(t.Tabs.Indicator),"indicator"),M=h.forwardRef(({children:o,...a},s)=>e.jsxs(t.Tabs.List,{ref:s,...a,children:[o,e.jsx(Ce,{})]}));M.displayName=t.Tabs.List.displayName;const Se=_(r.styled(M),"list"),Te=({children:o,when:a,wrapper:s})=>a===!0?s(o):o,{withProvider:_e,withContext:x}=w(l.select),Re=_e(r.styled(t.Select.Root),"root",{defaultProps:{loopFocus:!0}}),Ie=x(r.styled(t.Select.ClearTrigger),"clearTrigger"),Pe=x(r.styled(t.Select.Content),"content"),je=x(r.styled(t.Select.Control),"control"),ze=x(r.styled(t.Select.Indicator),"indicator"),De=x(r.styled(t.Select.Item),"item"),Fe=x(r.styled(t.Select.ItemIndicator),"itemIndicator"),Be=x(r.styled(t.Select.ItemText),"itemText"),Le=x(r.styled(t.Select.Positioner),"positioner"),Ae=x(r.styled(t.Select.Trigger),"trigger"),Ne=x(r.styled(t.Select.ValueText),"valueText"),He=({items:o,placeholder:a,emptyLabel:s,usePortal:n=!0,positioning:g,...p})=>e.jsxs(Re,{lazyMount:!0,unmountOnExit:!0,items:o,positioning:{sameWidth:!0,gutter:0,...g},"data-recipe":"select",...p,children:[e.jsx(je,{children:e.jsxs(Ae,{children:[e.jsx(Ne,{truncate:!0,placeholder:a}),e.jsx(Ie,{asChild:!0,children:e.jsx(r.styled.svg,{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9.99996 1.66669C5.39163 1.66669 1.66663 5.39169 1.66663 10C1.66663 14.6084 5.39163 18.3334 9.99996 18.3334C14.6083 18.3334 18.3333 14.6084 18.3333 10C18.3333 5.39169 14.6083 1.66669 9.99996 1.66669ZM9.99996 16.6667C6.32496 16.6667 3.33329 13.675 3.33329 10C3.33329 6.32502 6.32496 3.33335 9.99996 3.33335C13.675 3.33335 16.6666 6.32502 16.6666 10C16.6666 13.675 13.675 16.6667 9.99996 16.6667ZM12.9916 5.83335L9.99996 8.82502L7.00829 5.83335L5.83329 7.00835L8.82496 10L5.83329 12.9917L7.00829 14.1667L9.99996 11.175L12.9916 14.1667L14.1666 12.9917L11.175 10L14.1666 7.00835L12.9916 5.83335Z",fill:"currentColor"})})}),e.jsx(ze,{asChild:!0,children:e.jsx(r.styled.svg,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M7.41 8.29498L12 12.875L16.59 8.29498L18 9.70498L12 15.705L6 9.70498L7.41 8.29498Z",fill:"currentColor"})})})]})}),e.jsx(Te,{when:n,wrapper:d=>e.jsx(t.Portal,{children:d}),children:e.jsx(Le,{children:e.jsx(Pe,{children:o.length===0?e.jsx(E,{px:"space-8",textAlign:"center",children:s??"Aucun résultat"}):o.map(d=>e.jsxs(De,{item:d,children:[e.jsx(Be,{truncate:!0,children:d.label}),p.multiple?e.jsx(Fe,{children:"✓"}):null]},d.value))})})}),e.jsx(t.Select.HiddenSelect,{})]}),V=r.styled("input",l.input,{dataAttr:!0}),G=r.styled(t.ark.div,l.inputAddon,{dataAttr:!0}),$=r.styled("div",l.inputGroup,{dataAttr:!0}),We=o=>{const{as:a="div",...s}=o,n=h.useMemo(()=>r.styled(a),[a]);return e.jsx(n,{...s})},{withProvider:Ee,withContext:u}=w(l.datepicker),Me=Ee(t.DatePicker.Root,"root",{defaultProps:{positioning:{placement:"bottom-start"},view:"day",locale:"fr",unmountOnExit:!0,lazyMount:!0,startOfWeek:6}}),Ve=u(t.DatePicker.Content,"content"),Ge=u(t.DatePicker.Control,"control"),$e=u(t.DatePicker.Input,"input"),Ye=u(t.DatePicker.MonthSelect,"monthSelect"),Ze=u(t.DatePicker.NextTrigger,"nextTrigger"),Xe=u(t.DatePicker.Positioner,"positioner"),Oe=u(t.DatePicker.PrevTrigger,"prevTrigger"),qe=u(t.DatePicker.TableBody,"tableBody"),Ue=u(t.DatePicker.TableCell,"tableCell"),Qe=u(t.DatePicker.TableCellTrigger,"tableCellTrigger"),Je=u(t.DatePicker.TableHead,"tableHead"),Ke=u(t.DatePicker.TableHeader,"tableHeader"),et=u(t.DatePicker.Table,"table"),F=u(t.DatePicker.TableRow,"tableRow"),tt=u(t.DatePicker.Trigger,"trigger"),rt=u(t.DatePicker.ViewControl,"viewControl"),ot=u(t.DatePicker.View,"view"),at=u(t.DatePicker.YearSelect,"yearSelect"),it=()=>e.jsx("svg",{width:"23",height:"24",viewBox:"0 0 23 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M18.2083 4H17.25V2H15.3333V4H7.66667V2H5.75V4H4.79167C3.72792 4 2.88458 4.9 2.88458 6L2.875 20C2.875 21.1 3.72792 22 4.79167 22H18.2083C19.2625 22 20.125 21.1 20.125 20V6C20.125 4.9 19.2625 4 18.2083 4ZM18.2083 20H4.79167V10H18.2083V20ZM18.2083 8H4.79167V6H18.2083V8ZM8.625 14H6.70833V12H8.625V14ZM12.4583 14H10.5417V12H12.4583V14ZM16.2917 14H14.375V12H16.2917V14ZM8.625 18H6.70833V16H8.625V18ZM12.4583 18H10.5417V16H12.4583V18ZM16.2917 18H14.375V16H16.2917V18Z",fill:"#1E3A76"})}),st=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M10.4698 4.94L9.52979 4L5.52979 8L9.52979 12L10.4698 11.06L7.41645 8L10.4698 4.94Z",fill:"currentColor"})}),nt=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M6.46979 4L5.52979 4.94L8.58312 8L5.52979 11.06L6.46979 12L10.4698 8L6.46979 4Z",fill:"currentColor"})}),lt=({placeholder:o,...a})=>e.jsxs(Me,{...a,children:[e.jsx(Ge,{asChild:!0,children:e.jsxs($,{children:[e.jsx($e,{asChild:!0,index:0,placeholder:o,children:e.jsx(V,{})}),e.jsx(G,{children:e.jsx(tt,{children:e.jsx(it,{})})})]})}),e.jsx(Xe,{children:e.jsx(Ve,{children:e.jsx(ot,{view:"day",children:e.jsx(t.DatePicker.Context,{children:s=>e.jsxs(e.Fragment,{children:[e.jsxs(rt,{children:[e.jsx(Oe,{asChild:!0,children:e.jsx(S,{p:"space-8",variant:"secondary",size:"sm",children:e.jsx(st,{})})}),e.jsx(Ye,{}),e.jsx(at,{}),e.jsx(Ze,{asChild:!0,children:e.jsx(S,{p:"space-8",variant:"secondary",size:"sm",children:e.jsx(nt,{})})})]}),e.jsxs(et,{children:[e.jsx(Je,{children:e.jsx(F,{children:s.weekDays.map((n,g)=>e.jsx(Ke,{children:n.short},g))})}),e.jsx(qe,{children:s.weeks.map((n,g)=>e.jsx(F,{children:n.map((p,d)=>e.jsx(Ue,{value:p,children:e.jsx(Qe,{asChild:!0,children:e.jsx("button",{children:p.day})})},d))},g))})]})]})})})})})]}),dt=h.forwardRef((o,a)=>{const[s,n]=l.tag.splitVariantProps(o),[g,p]=r.splitCssProps(n),{children:d,className:m,...v}=p,c=l.tag(s);return e.jsxs(t.ark.div,{ref:a,className:y.cx(c.root,y.css(g),m),...v,children:[d,e.jsx(r.Circle,{className:y.cx(c.badge)})]})}),{withProvider:ct,withContext:R}=w(l.radioButtonGroup),pt=R(r.styled(t.RadioGroup.ItemControl),"itemControl"),ut=R(r.styled(t.RadioGroup.ItemText),"itemText"),mt=h.forwardRef(({children:o,value:a,...s},n)=>e.jsxs(t.RadioGroup.Item,{ref:n,...s,value:a,children:[e.jsx(ut,{children:o}),e.jsx(pt,{}),e.jsx(t.RadioGroup.ItemHiddenInput,{})]})),ht=ct(r.styled(t.RadioGroup.Root),"root",{defaultProps:{orientation:"horizontal"}}),gt=R(r.styled(mt),"item"),bt=R(r.styled(t.RadioGroup.Label),"label"),{withProvider:xt,withContext:I}=w(l.radioGroup),vt=I(r.styled(t.RadioGroup.ItemControl),"itemControl"),yt=I(r.styled(t.RadioGroup.ItemText),"itemText"),ft=h.forwardRef(({children:o,value:a,...s},n)=>e.jsxs(t.RadioGroup.Item,{ref:n,...s,value:a,children:[e.jsx(vt,{}),e.jsx(yt,{children:o}),e.jsx(t.RadioGroup.ItemHiddenInput,{})]})),wt=xt(r.styled(t.RadioGroup.Root),"root",{defaultProps:{orientation:"horizontal"}}),kt=I(r.styled(ft),"item"),Ct=I(r.styled(t.RadioGroup.Label),"label"),St={xl:"1536px",lg:"1200px",md:"900px",sm:"600px"},Tt={extend:{checked:"&:where(:checked, [data-checked], [aria-checked=true], [data-state=checked])",closed:"&:where([data-state=closed])",collapsed:'&:where([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',current:"&:is([data-current])",focus:"&:where(:focus, [data-focus], [data-focused])",groupHover:"[role=group]:where(:hover, [data-hover]) &",hidden:"&:where([hidden])",highlighted:"&:where([data-highlighted])",hover:"&:where(:hover, [data-hover], [data-hovered])",indeterminate:"&:where(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])",invalid:"&:where(:invalid, [data-invalid], [aria-invalid=true])",open:"&:where([open], [data-state=open])",placeholderShown:"&:where(:placeholder-shown, [data-placeholder-shown])",today:"&:where([data-today])",underValue:'&:where([data-state="under-value"])'}},_t={"2xl":"672px","3xl":"768px","4xl":"896px","5xl":"1024px","6xl":"1152px","7xl":"1280px","8xl":"1440px",lg:"512px",md:"448px",sm:"384px",xl:"576px",xs:"320px"},Rt=i.defineKeyframes({blob:{"0%":{rotate:"0deg"},"100%":{rotate:"359deg"}},bounce:{"0%, 100%":{animationTimingFunction:"cubic-bezier(0.8,0,1,1)",transform:"translateY(-25%)"},"50%":{animationTimingFunction:"cubic-bezier(0,0,0.2,1)",transform:"none"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"fade-out":{from:{opacity:"1"},to:{opacity:"0"}},fadeIn:{"0%":{opacity:"0",transform:"translateY(-4px)"},"100%":{opacity:"1",transform:"translateY(0)"}},fadeInFromRight:{"0%":{opacity:"0",transform:"translateX(100%)"},"100%":{opacity:"1",transform:"translateX(0)"}},fadeInSkew:{"0%":{opacity:"0",transform:"translateY(-4px) rotateX(-1deg) scale(0.95)",transformStyle:"preserve-3d"},"100%":{opacity:"1",transform:"translateY(0) rotateX(0) scale(1)",transformStyle:"preserve-3d"}},fadeOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(-4px)"}},fadeOutFromRight:{"0%":{opacity:"1",transform:"translateX(0)"},"100%":{opacity:"0",transform:"translateX(100%)"}},fadeOutSkew:{"0%":{opacity:"1",transform:"translateY(0) rotateX(0) scale(1)",transformStyle:"preserve-3d"},"100%":{opacity:"0",transform:"translateY(-4px) rotateX(-1deg) scale(0.95)",transformStyle:"preserve-3d"}},ping:{"75%, 100%":{opacity:"0",transform:"scale(2)"}},pulse:{"50%":{opacity:".5"}},"skeleton-pulse":{"50%":{opacity:"0.5"}},"slide-in":{"0%":{opacity:"0",transform:"translateY(64px)"},"100%":{opacity:"1",transform:"translateY(0)"}},"slide-in-left":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}},"slide-in-modal":{"0%":{opacity:"0",transform:"translateY(64px) scale(0.9)"},"100%":{opacity:"1",transform:"translateY(0) scale(1)"}},"slide-in-right":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0%)"}},"slide-out":{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(64px)"}},"slide-out-left":{"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}},"slide-out-modal":{"0%":{opacity:"1",transform:"translateY(0) scale(1)"},"100%":{opacity:"0",transform:"translateY(64px) scale(0.9)"}},"slide-out-right":{"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(100%)"}},slideInFromBottom:{"0%":{opacity:"0",transform:"translateY(4px)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOutToBottom:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(4px)"}},"collapse-in":{"0%":{height:"0px"},"100%":{height:"var(--height)"}},"collapse-out":{"0%":{height:"var(--height)"},"100%":{height:"0px"}},spin:{to:{transform:"rotate(360deg)"}}}),It=i.defineRecipe({base:{_focusVisible:{ring:"2px solid {colors.primary.200}",ringOffset:"space-2"},alignItems:"center",cursor:{_disabled:"not-allowed",base:"pointer"},opacity:{_disabled:.32},display:"flex",flexDirection:"row",gap:"space-4",justifyContent:"center",transition:"color, background-color, border-color, opacity",transitionDuration:"fast",fontWeight:"bold",fontFamily:"satoshi"},className:"button",defaultVariants:{size:"lg",variant:"primary",severity:"none"},description:"The styles for the Button component",jsx:["Button"],variants:{size:{lg:{borderRadius:"radius-60",px:"space-20",py:"space-8",textStyle:"body.lg"},md:{borderRadius:"radius-60",px:"space-16",py:"space-6",textStyle:"body.md"},sm:{borderRadius:"radius-60",px:"space-12",py:"space-4",textStyle:"body.sm"}},variant:{primary:{bg:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},_active:"primary.800",_hover:"primary.600",base:"primary.500"},color:"white"},secondary:{bg:{_disabled:{_hover:"white",_active:"white",base:"white"},_active:"primary.600",_hover:"primary.500",base:"white"},boxShadow:"inset 0 0 0 1px {colors.primary.500}",color:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},base:"primary.500",_hover:"white",_active:"white"}},tertiary:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"primary.200",_hover:"primary.100",base:"transparent"},color:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},base:"primary.500",_hover:"primary.600",_active:"primary.600"}}},severity:{none:{},danger:{}}},compoundVariants:[{variant:"primary",severity:"danger",css:{bg:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},_active:"error.800",_hover:"error.700",base:"error.500"}}},{variant:"secondary",severity:"danger",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"error.700",_hover:"error.500",base:"transparent"},boxShadow:{base:"inset 0 0 0 1px {colors.error.500}",_active:"inset 0 0 0 1px {colors.error.700}"},color:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},base:"error.500",_hover:"white",_active:"white"}}},{variant:"tertiary",severity:"danger",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"error.200",_hover:"error.100",base:"transparent"},color:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},base:"error.500",_hover:"error.700",_active:"error.700"}}}]}),Pt=i.defineRecipe({className:"heading",defaultVariants:{size:"h2"},jsx:["Heading"],base:{fontFamily:"cabinet",color:"text.heading"},variants:{italic:{true:{fontStyle:"italic"}},underline:{true:{textDecoration:"underline"}},size:{h1:{textStyle:"heading.h1"},h2:{textStyle:"heading.h2"},h3:{textStyle:"heading.h3"},h4:{textStyle:"heading.h4"},h5:{textStyle:"heading.h5"},h6:{textStyle:"heading.h6"}}}}),jt=i.defineSlotRecipe({base:{control:{_focus:{ring:"1px solid {colors.secondary.300}"},alignItems:"center",background:{_checked:{base:"primary.500",_disabled:"grey.200"},base:"grey.100",_hover:{base:"grey.200",_checked:"primary.700"}},borderRadius:"full",cursor:"pointer",display:"inline-flex",flexShrink:"0",transitionDuration:"normal",transitionProperty:"background",transitionTimingFunction:"default"},label:{fontFamily:"satoshi",color:"text",_disabled:{color:"text.disabled",userSelect:"none"}},root:{WebkitTapHighlightColor:"transparent",_disabled:{pointerEvents:"none"},alignItems:"center",cursor:"pointer",display:"flex",position:"relative"},thumb:{background:"white",borderRadius:"full",transitionDuration:"normal",transitionProperty:"transform",transitionTimingFunction:"default",_checked:{transform:"translateX(16px)"}}},className:"switch",defaultVariants:{size:"md"},jsx:["Switch","SwitchField"],slots:t.switchAnatomy.keys(),variants:{size:{md:{control:{height:"size-16",p:"space-2",width:"size-32"},label:{textStyle:"body.md"},root:{gap:"space-4"},thumb:{height:"size-12",width:"size-12"}}}}}),zt=i.defineRecipe({className:"text",defaultVariants:{size:"md"},jsx:["Text","AppLink"],staticCss:["*"],base:{fontFamily:"satoshi",color:"text"},variants:{bold:{true:{fontWeight:"bold"}},italic:{true:{fontStyle:"italic"}},underline:{true:{textDecoration:"underline"}},size:{lg:{textStyle:"body.lg"},md:{textStyle:"body.md"},sm:{textStyle:"body.sm"}}}}),Y=i.defineRecipe({base:{'&[type="time"]::-webkit-calendar-picker-indicator':{display:"none"},textStyle:"body.md",fontFamily:"satoshi",color:"text",appearance:"none",background:"none",border:"1px solid {colors.grey.100}",borderRadius:"radius-8",minWidth:0,outline:0,minHeight:"40px",position:"relative",transitionDuration:"normal",transitionProperty:"border-color, box-shadow",width:"full",_disabled:{cursor:"not-allowed",color:"grey.300",background:"grey.50"},_hover:{borderColor:"secondary.500",_disabled:{borderColor:"grey.100"}},_focus:{borderColor:"primary.500"},_placeholderShown:{color:"grey.400",_disabled:{color:"grey.100"}}},className:"input",description:"The styles for the Input component",jsx:["Input"],defaultVariants:{size:"md"},variants:{size:{md:{px:"space-16",py:"space-8"}}}}),Dt=i.defineRecipe({className:"textarea",jsx:["Textarea"],base:{px:"space-16",py:"space-8",...Y.base}}),Ft=i.defineRecipe({base:{_invalid:{'& [data-recipe="formHelperText"]':{color:"error.500"},'& input, & textarea, & [data-recipe="select"] button, & [data-recipe="inputGroup"]':{borderColor:"error.500!"},"& label":{color:"error.500"}},_required:{"& label::after":{content:'" *"',color:"error.500",fontWeight:"bold"}},isolation:"isolate",display:"flex",flexDirection:"column",gap:"space-4",width:"full",position:"relative"},className:"form-control",description:"The styles for the FormControl component",jsx:["FormControl"]}),Bt=i.defineRecipe({base:{color:"grey.400",fontFamily:"satoshi",textStyle:"body.sm"},className:"form-helper-text",description:"The styles for the FormHelperText component",jsx:["FormHelperText"]}),Lt=t.dialogAnatomy.extendWith("header","body","footer"),At=i.defineSlotRecipe({className:"drawer",slots:Lt.keys(),jsx:["Drawer"],base:{backdrop:{backdropFilter:"blur(4px)",background:"primary.300/20",height:"100vh",position:"fixed",width:"100vw",zIndex:"overlay",inset:0,_open:{animation:"backdrop-in"},_closed:{animation:"backdrop-out"}},positioner:{alignItems:"center",display:"flex",height:"100dvh",position:"fixed",inset:0,zIndex:"modal"},content:{position:"relative",background:"white",display:"grid",gridTemplateColumns:"1fr",gridTemplateRows:"auto 1fr",gridTemplateAreas:`
|
|
2
2
|
'header'
|
|
3
3
|
'body'
|
|
4
4
|
`,height:"full",minWidth:{base:"full",md:"736px"},maxWidth:{base:"full",md:"70%"},width:"full"},header:{display:"flex",flexDirection:"row",alignItems:"center",gap:"space-16",gridArea:"header",px:"space-24",py:"space-16"},body:{display:"flex",flexDirection:"column",gridArea:"body",overflow:"auto",px:"space-24",py:"space-16",pb:"70px"},footer:{display:"flex",position:"absolute",bottom:0,left:0,right:0,bg:"white/50",backdropFilter:"auto",backdropBlur:"4px",justifyContent:"flex-end",px:"space-24",py:"space-16",gap:"space-16"},title:{color:"primary.900",fontFamily:"cabinet",textStyle:"heading.h4"}},defaultVariants:{variant:"right"},variants:{variant:{left:{positioner:{justifyContent:"flex-start"},content:{_open:{animation:"drawer-in-left"},_closed:{animation:"drawer-out-left"}}},right:{positioner:{justifyContent:"flex-end"},content:{_open:{animation:"drawer-in-right"},_closed:{animation:"drawer-out-right"}}}}}}),Nt=i.defineSlotRecipe({className:"accordion",jsx:["Accordion"],slots:t.accordionAnatomy.keys(),base:{root:{display:"flex",flexDirection:"column",gap:"space-8"},itemTrigger:{alignItems:"center",color:"primary.900",cursor:"pointer",display:"flex",fontWeight:"bold",gap:"space-4",justifyContent:"space-between",textStyle:"body.md",fontFamily:"satoshi",textAlign:"left",width:"full",_disabled:{color:"grey.200",cursor:"not-allowed"}},itemIndicator:{color:"primary.900",transformOrigin:"center",transitionDuration:"normal",transitionProperty:"transform",transitionTimingFunction:"default",_open:{transform:"rotate(-180deg)"}},itemContent:{overflow:"hidden",transitionProperty:"padding-bottom, margin-top, opacity",transitionDuration:"normal",transitionTimingFunction:"default",'& [data-scope="accordion"][data-part="root"]':{gap:"space-12!"},'& [data-scope="accordion"][data-part="item-trigger"]':{textStyle:"body.sm",border:"none!",borderRadius:"radius-0!",p:"space-0!"},'& [data-scope="accordion"][data-part="item-content"]':{px:"space-16!",mt:"space-16!"},'& [data-scope="accordion"][data-part="item"]':{border:"none!",borderRadius:"radius-0!",p:"space-12",pr:"space-24!",pb:"space-0!"},_open:{animation:"collapse-in"},_closed:{animation:"collapse-out"}}},defaultVariants:{size:"md"},variants:{size:{md:{itemTrigger:{_open:{border:"none"},borderRadius:"radius-8",border:"1px solid {colors.primary.100}",padding:"space-12"},item:{_open:{pb:"space-12",borderRadius:"radius-8",border:"1px solid {colors.primary.100}"}},itemContent:{_closed:{pb:"space-0",mt:"space-0",opacity:0},mt:"space-4",pr:"space-16",pl:"space-28"}}}}}),Ht=i.defineSlotRecipe({base:{root:{color:"grey.400",fontFamily:"satoshi",textStyle:"body.sm"},addon:{ml:"space-4",bg:"primary.100",color:"secondary.800",borderRadius:"radius-2",px:"space-2"}},variants:{variant:{static:{},absolute:{root:{position:"absolute",left:"space-12",top:"-space-8",zIndex:1,bg:"white"}}}},defaultVariants:{variant:"absolute"},slots:["root","addon"],className:"form-label",description:"The styles for the FormLabel component",jsx:["FormLabel"]}),Wt=i.defineSlotRecipe({className:"checkbox",slots:t.checkboxAnatomy.keys(),jsx:["Checkbox"],base:{root:{alignItems:"center",display:"flex",cursor:{base:"pointer",_disabled:"not-allowed"},_disabled:{userSelect:"none"}},label:{color:{base:"text",_disabled:"grey.300"},fontFamily:"satoshi"},control:{alignItems:"center",borderColor:"grey.100",borderWidth:"1px",color:"white",display:"flex",bg:"white",justifyContent:"center",transitionDuration:"normal",transitionProperty:"border-color, background",transitionTimingFunction:"default",_hover:{borderColor:"secondary.500"},_checked:{background:"primary.500",borderColor:"primary.500",_hover:{background:"primary.500"}},_disabled:{background:"grey.50",borderColor:"grey.100",_checked:{background:"grey.200",borderColor:"grey.200"},_indeterminate:{background:"grey.200",borderColor:"grey.200"}},_invalid:{borderColor:"error.500",_checked:{background:"error.500",borderColor:"error.500"},_indeterminate:{background:"error.500",borderColor:"error.500"}},_indeterminate:{background:"primary.500",borderColor:"primary.500",_hover:{background:"primary.500"}},"&:has(+ :focus-visible)":{outline:"1px solid",outlineColor:"secondary.300",_checked:{outlineColor:"secondary.300"},_hover:{borderColor:"grey.100",_checked:{borderColor:"primary.500",background:"primary.500"},_indeterminate:{borderColor:"primary.500",background:"primary.500"}}}}},defaultVariants:{size:"md"},variants:{size:{md:{root:{gap:"space-4"},control:{width:"size-16",height:"size-16",borderRadius:"radius-4","& svg":{width:"size-12",height:"size-12"}},label:{textStyle:"body.md"}}}}}),Et=i.defineSlotRecipe({className:"tabs",slots:t.tabsAnatomy.keys(),base:{root:{isolation:"isolate",display:"flex",_horizontal:{flexDirection:"column"},_vertical:{flexDirection:"row"}},list:{display:"flex",flexShrink:"0",_horizontal:{flexDirection:"row"},_vertical:{flexDirection:"column"},overflow:"auto",position:"relative",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},trigger:{alignItems:"center",color:"grey.400",cursor:"pointer",display:"inline-flex",flexShrink:"0",textStyle:"body.md",fontFamily:"satoshi",gap:"space-4",justifyContent:"center",transitionDuration:"normal",transitionProperty:"color, background, border-color",transitionTimingFunction:"default",whiteSpace:"nowrap",zIndex:1,_disabled:{color:"grey.100",cursor:"not-allowed",_hover:{color:"grey.100"}},_hover:{color:"secondary.500"},_selected:{color:"secondary.500",fontWeight:"bold",_hover:{color:"secondary.500"}},_vertical:{justifyContent:"flex-start"}}},defaultVariants:{variant:"line"},variants:{variant:{line:{list:{_horizontal:{boxShadow:"0 -2px 0 0 inset {colors.primary.100}"},_vertical:{boxShadow:"2px 0 0 0 inset {colors.primary.100}"}},indicator:{background:"secondary.500",_horizontal:{bottom:0,height:"2px",width:"var(--width)"},_vertical:{height:"var(--height)",left:0,width:"2px"}},content:{pt:"space-4"},trigger:{_horizontal:{px:"space-24",pb:"space-8"}}}}}}),Mt=i.defineSlotRecipe({base:{control:{fontFamily:"satoshi"},valueText:{flex:1,textAlign:"left"},content:{fontFamily:"satoshi",background:"background",border:"1px solid {colors.primary.500}",borderTop:"none",borderBottomLeftRadius:"radius-8",borderBottomRightRadius:"radius-8",display:"flex",flexDirection:"column",outline:0,zIndex:"modal",maxHeight:"180px",overflow:"auto"},indicator:{transition:"transform 0.15s ease-out",transform:{base:"rotate(0deg)",_open:"rotate(180deg)"},color:{base:"secondary.900",_disabled:"grey.300"}},clearTrigger:{color:{base:"secondary.900",_disabled:"grey.300"}},item:{_disabled:{cursor:"not-allowed"},alignItems:"center",background:{_disabled:{_hover:"grey.100",base:"grey.100"},_selected:"primary.500",_highlighted:"primary.200",_hover:"primary.200"},color:{_disabled:{_hover:"grey.300",base:"grey.300"},_selected:"white"},cursor:"pointer",display:"flex",justifyContent:"space-between",transitionDuration:"fast",transitionProperty:"background, color",transitionTimingFunction:"default"},itemGroupLabel:{textStyle:"body.sm"},root:{display:"flex",flexDirection:"column",gap:"space-4",width:"full"},trigger:{_placeholderShown:{color:{base:"grey.400",_disabled:"grey.300"}},_open:{border:"1px solid {colors.primary.500}",borderBottomLeftRadius:"radius-0",borderBottomRightRadius:"radius-0"},alignItems:"center",appearance:"none",bg:{_disabled:{base:"grey.50"},base:"white"},border:{_focusVisible:"1px solid {colors.primary.500}",_hover:{base:"1px solid {colors.secondary.500}",_open:"1px solid {colors.primary.500}",_disabled:"1px solid {colors.grey.100}"},base:"1px solid {colors.grey.100}"},borderBottomColor:{_open:"grey.100",_hover:{base:"secondary.500",_open:"grey.100"},base:"grey.100"},borderRadius:"radius-10",color:{base:"grey.900",_disabled:"grey.300"},cursor:"pointer",display:"inline-flex",outline:0,position:"relative",width:"full"}},className:"select",defaultVariants:{size:"md"},jsx:["Select"],slots:t.selectAnatomy.keys(),variants:{size:{md:{item:{px:"space-16",py:"space-8",textStyle:"body.md"},trigger:{gap:"space-8",minH:"40px",minW:"size-16",py:"space-8",px:"space-16",textStyle:"body.md"}}}}}),Vt=i.defineRecipe({base:{alignItems:"center",borderRadius:"inherit",display:"flex",p:"space-8",textStyle:"body.md",bg:"transparent",color:"secondary.900"},className:"input-addon",description:"The styles for the InputAddon component",jsx:["InputAddon"]}),Gt=i.defineRecipe({base:{'& [data-recipe="input"]':{border:{_disabled:"none",_focusVisible:"none",base:"none"}},bg:{"&:has(> input[disabled], > input[data-disabled])":"grey.50",base:"white"},borderWidth:"1px",'& [data-recipe="inputAddon"]:first-child':{pl:"space-16!"},'& [data-recipe="inputAddon"]:last-child':{pr:"space-16!"},'&:has([data-recipe="inputAddon"]:first-child) input':{pl:"space-0!"},'&:has([data-recipe="inputAddon"]:last-child) input':{pr:"space-0!"},borderColor:{'&:has(> [data-recipe="input"]:focus-visible)':"primary.500",_disabled:"grey.100",_hover:"secondary.500",base:"grey.100"},borderRadius:"radius-8",display:"flex",flexDirection:"row",outline:"none",transition:"background",transitionDuration:"fast",width:"full"},className:"input-group",description:"The styles for the InputGroup component",jsx:["InputGroup"]}),B="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K",$t=i.defineSlotRecipe({className:"datepicker",slots:t.datePickerAnatomy.keys(),jsx:["DatePicker"],base:{root:{display:"flex",flexDirection:"column"},viewControl:{display:"flex",justifyContent:"space-between",gap:"space-8",px:"space-16",pt:"space-8",background:"grey.50"},content:{textStyle:"body.md",fontFamily:"satoshi",color:"grey.900",width:"304px",borderRadius:"radius-8",boxShadow:"0px 4px 20px 0px rgba(45, 42, 49, 0.1), 0px 4px 20px 0px rgba(45, 42, 49, 0.1)",inset:0,zIndex:"dropdown",_open:{animation:"fadeIn 0.25s ease-out"},_closed:{animation:"fadeOut 0.2s ease-out"}},monthSelect:{textTransform:"capitalize",borderRadius:"radius-8",border:"1px solid {colors.grey.100}",bg:"white",minWidth:"110px",py:"space-6",px:"space-4",appearance:"none",paddingRight:"30px",background:`url('${B}') no-repeat right 10px center`},yearSelect:{textTransform:"capitalize",borderRadius:"radius-8",border:"1px solid {colors.grey.100}",bg:"white",minWidth:"80px",py:"space-6",px:"space-4",appearance:"none",paddingRight:"30px",background:`url('${B}') no-repeat right 10px center`},prevTrigger:{cursor:"pointer","&:hover .default-icon":{display:"none"},"&:hover .hover-icon":{display:"block"},"& .hover-icon":{display:"none"}},table:{width:"100%"},tableHead:{fontStyle:"italic",background:"grey.50",fontSize:"10px",color:"grey.700",textTransform:"uppercase",boxShadow:"0px 1px 0px 0px {colors.grey.100}"},tableHeader:{py:"6px",width:"32px !important",height:"32px !important",fontWeight:300,"&:first-child":{paddingLeft:"16px"},"&:last-child":{paddingRight:"16px"}},tableCell:{textAlign:"center",verticalAlign:"middle",width:"32px !important",height:"32px !important",padding:"2px","&:first-child":{paddingLeft:"16px"},"&:last-child":{paddingRight:"16px"}},tableCellTrigger:{width:"32px!",height:"32px!",borderRadius:"radius-16",_disabled:{_hover:{bg:"none!",color:"grey.400!"},color:"grey.400",cursor:"not-allowed",userSelect:"none"},_hover:{bg:"primary.100",color:"blue.500"},_selected:{bg:"primary.500",color:"white",fontStyle:"italic"},"&[data-in-range]":{bg:"primary.100",_selected:{bg:"primary.500",color:"white",fontStyle:"italic"}},"&[data-today]":{color:"primary.500",fontWeight:700}},tableRow:{"&:first-child td":{paddingTop:"space-8"},"&:last-child td":{paddingBottom:"space-8"},px:"space-8",textAlign:"center"}}}),Yt=i.defineSlotRecipe({base:{root:{fontFamily:"satoshi",borderRadius:"radius-28",borderStyle:"solid",display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"space-8"}},slots:["root","badge"],className:"tag",defaultVariants:{size:"md",severity:"neutral"},description:"The styles for the Tag component",jsx:["Tag"],variants:{size:{lg:{root:{borderWidth:2,textStyle:"body.lg",fontWeight:"bold",py:"space-8",px:"space-16"},badge:{width:"size-8",height:"size-8"}},md:{root:{borderWidth:1,textStyle:"body.md",fontWeight:"bold",py:"space-4",px:"space-12"},badge:{width:"size-6",height:"size-6"}},sm:{root:{borderWidth:1,textStyle:"body.sm",fontWeight:"bold",py:"space-4",px:"space-8"},badge:{width:"size-4",height:"size-4"}}},severity:{success:{root:{bg:"success.100",borderColor:"success.500",color:"success.500"},badge:{bg:"success.500"}},warning:{root:{bg:"warning.100",borderColor:"warning.500",color:"warning.500"},badge:{bg:"warning.500"}},error:{root:{bg:"error.100",borderColor:"error.500",color:"error.500"},badge:{bg:"error.500"}},neutral:{root:{bg:"grey.50",borderColor:"grey.400",color:"grey.400"},badge:{bg:"grey.400"}}}}}),Zt=i.defineSlotRecipe({className:"radio-button-group",jsx:["RadioButtonGroup"],slots:t.radioGroupAnatomy.keys(),base:{root:{display:"inline-flex",height:"size-40"},item:{width:"size-64",minWidth:"size-64",appearance:"none",cursor:"pointer",display:"inline-flex",outline:"none",transitionDuration:"normal",transitionProperty:"background, border-color, color, box-shadow",transitionTimingFunction:"default",userSelect:"none",verticalAlign:"middle",px:"14px",py:"space-10",whiteSpace:"nowrap",borderColor:"grey.100",borderTopWidth:1,borderBottomWidth:1,borderRightWidth:1,borderLeftWidth:1,"& + &":{borderLeftWidth:0},_firstOfType:{borderTopLeftRadius:"radius-8",borderBottomLeftRadius:"radius-8"},_lastOfType:{borderTopRightRadius:"radius-8",borderBottomRightRadius:"radius-8"},background:{base:"white",_checked:"primary.500",_hover:{base:"primary.200",_checked:"primary.500"}}},itemText:{flex:1,fontFamily:"satoshi",textStyle:"body.md",fontWeight:"bold",display:"inline-flex",alignItems:"center",justifyContent:"center",color:{base:"primary.500",_checked:"white",_hover:{base:"primary.500",_checked:"white"}}}}}),Xt=i.defineSlotRecipe({base:{item:{_disabled:{cursor:"not-allowed"},alignItems:"center",cursor:"pointer",display:"flex"},itemControl:{_checked:{outlineColor:"white",outlineStyle:"solid"},background:{base:"white",_checked:"primary.500",_disabled:{base:"grey.50",_checked:"grey.200"},_invalid:{base:"white",_checked:"error.500"},_hover:{base:"white",_checked:"primary.500",_disabled:{base:"grey.50",_checked:"grey.200"},_invalid:{base:"white",_checked:"error.500"}}},borderColor:{base:"grey.100",_checked:"primary.500",_disabled:{base:"grey.100",_checked:"grey.200"},_invalid:"error.500",_hover:{base:"secondary.500",_checked:"primary.500",_disabled:{base:"grey.100",_checked:"grey.200"},_invalid:"error.500"}},_focus:{boxShadow:"0 0 0 1px {colors.secondary.300}"},borderRadius:"full",borderWidth:"1px"},itemText:{_disabled:{color:"grey.300"},fontFamily:"satoshi",color:"grey.800"},root:{display:"flex",flexDirection:{_horizontal:"row",_vertical:"column"}}},className:"radio-group",defaultVariants:{size:"md"},slots:t.radioGroupAnatomy.keys(),variants:{size:{md:{item:{gap:"space-4"},itemControl:{_checked:{outlineOffset:"-3px",outlineWidth:"1px"},height:"size-16",width:"size-16"},itemText:{textStyle:"body.md"},root:{gap:{_horizontal:"space-28",_vertical:"space-28"}}}}}}),Ot={button:It,heading:Pt,switchRecipe:jt,text:zt,textarea:Dt,formControl:Ft,formHelperText:Bt,input:Y,inputAddon:Vt,inputGroup:Gt},qt={drawer:At,radioButtonGroup:Zt,radioGroup:Xt,accordion:Nt,formLabel:Ht,checkbox:Wt,datepicker:$t,tabs:Et,tag:Yt,select:Mt},Ut=i.defineSemanticTokens.colors({decorative:{red:{light:{value:"#FFB5AD"},mid:{value:"#EA4F42"},dark:{value:"#752821"}},blue:{light:{value:"#B8FFFF"},mid:{value:"#54D2D2"},dark:{value:"#2A6969"}},yellow:{light:{value:"#FFFFAC"},mid:{value:"#FFCB00"},dark:{value:"#806600"}},purple:{light:{value:"#D1B8FF"},mid:{value:"#8C61FF"},dark:{value:"#463180"}},green:{light:{value:"#BEF1C7"},mid:{value:"#58B368"},dark:{value:"#2C5A34"}},brown:{light:{value:"#E4CEB9"},mid:{value:"#8F6944"},dark:{value:"#483522"}}},primary:{900:{value:"{colors.purple.900}"},800:{value:"{colors.purple.800}"},700:{value:"{colors.purple.700}"},600:{value:"{colors.purple.600}"},500:{value:"{colors.purple.500}"},400:{value:"{colors.purple.400}"},300:{value:"{colors.purple.300}"},200:{value:"{colors.purple.200}"},100:{value:"{colors.purple.100}"}},secondary:{900:{value:"{colors.blue.900}"},800:{value:"{colors.blue.800}"},700:{value:"{colors.blue.700}"},600:{value:"{colors.blue.600}"},500:{value:"{colors.blue.500}"},400:{value:"{colors.blue.400}"},300:{value:"{colors.blue.300}"},200:{value:"{colors.blue.200}"},100:{value:"{colors.blue.100}"}},error:{900:{value:"{colors.red.900}"},800:{value:"{colors.red.800}"},700:{value:"{colors.red.700}"},600:{value:"{colors.red.600}"},500:{value:"{colors.red.500}"},400:{value:"{colors.red.400}"},300:{value:"{colors.red.300}"},200:{value:"{colors.red.200}"},100:{value:"{colors.red.100}"}},success:{900:{value:"{colors.green.900}"},800:{value:"{colors.green.800}"},700:{value:"{colors.green.700}"},600:{value:"{colors.green.600}"},500:{value:"{colors.green.500}"},400:{value:"{colors.green.400}"},300:{value:"{colors.green.300}"},200:{value:"{colors.green.200}"},100:{value:"{colors.green.100}"}},warning:{900:{value:"{colors.yellow.900}"},800:{value:"{colors.yellow.800}"},700:{value:"{colors.yellow.700}"},600:{value:"{colors.yellow.600}"},500:{value:"{colors.yellow.500}"},400:{value:"{colors.yellow.400}"},300:{value:"{colors.yellow.300}"},200:{value:"{colors.yellow.200}"},100:{value:"{colors.yellow.100}"}},text:{DEFAULT:{value:"{colors.grey.800}"},disabled:{value:"{colors.grey.300}"},heading:{value:"{colors.primary.900}"}}}),Qt={colors:Ut},Jt=i.defineTextStyles({body:{lg:{value:{fontSize:"body.lg",lineHeight:"normal"}},md:{value:{fontSize:"body.md",lineHeight:"normal"}},sm:{value:{fontSize:"body.sm",lineHeight:"normal"}}},heading:{h1:{value:{fontSize:{base:"heading.mobile.2xl",sm:"heading.desktop.2xl"},fontWeight:"bold",lineHeight:"normal"}},h2:{value:{fontSize:{base:"heading.mobile.lg",sm:"heading.desktop.lg"},fontWeight:"bold",lineHeight:"normal"}},h3:{value:{fontSize:{base:"heading.mobile.md",sm:"heading.desktop.md"},fontWeight:"bold",lineHeight:"normal"}},h4:{value:{fontSize:{base:"heading.mobile.sm",sm:"heading.desktop.sm"},fontWeight:"bold",lineHeight:"normal"}},h5:{value:{fontSize:{base:"heading.mobile.xs",sm:"heading.desktop.xs"},fontWeight:"black",lineHeight:"normal"}},h6:{value:{fontSize:{base:"heading.mobile.xs",sm:"heading.desktop.xs"},fontWeight:"bold",lineHeight:"normal"}}}}),Kt=i.defineTokens.animations({"backdrop-in":{value:"fade-in 250ms {easings.emphasized-in}"},"backdrop-out":{value:"fade-out 200ms {easings.emphasized-out}"},bounce:{value:"bounce 1s infinite"},"dialog-in":{value:"slide-in-modal 400ms {easings.emphasized-in}"},"dialog-out":{value:"slide-out-modal 200ms {easings.emphasized-out}"},"drawer-in-left":{value:"slide-in-left 400ms {easings.emphasized-in}"},"drawer-in-right":{value:"slide-in-right 400ms {easings.emphasized-in}"},"drawer-out-left":{value:"slide-out-left 200ms {easings.emphasized-out}"},"drawer-out-right":{value:"slide-out-right 200ms {easings.emphasized-out}"},"fade-in":{value:"fade-in 400ms {easings.emphasized-in}"},ping:{value:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite"},pulse:{value:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"},"skeleton-pulse":{value:"skeleton-pulse 2s {easings.pulse} infinite"},spin:{value:"spin 1s linear infinite"},"collapse-in":{value:"collapse-in 150ms {easings.in}"},"collapse-out":{value:"collapse-out 150ms {easings.in-out}"}}),er=i.defineTokens.borders({golden:{value:"1.618 / 1"},landscape:{value:"4 / 3"},portrait:{value:"3 / 4"},square:{value:"1 / 1"},ultrawide:{value:"18 / 5"},wide:{value:"16 / 9"}}),tr=i.defineTokens.blurs({"2xl":{value:"40px"},"3xl":{value:"64px"},base:{value:"8px"},lg:{value:"16px"},md:{value:"12px"},sm:{value:"4px"},xl:{value:"24px"}}),rr=i.defineTokens.borders({border:{none:{value:"none"}}}),or=i.defineTokens.colors({black:{value:"#000"},current:{value:"currentColor"},transparent:{value:"rgb(0 0 0 / 0)"},white:{value:"#fff"},purple:{900:{value:"#0B1243"},800:{value:"#0E1754"},700:{value:"#111B65"},600:{value:"#132075"},500:{value:"#162486"},400:{value:"#4350AD"},300:{value:"#7981CE"},200:{value:"#B6B7E8"},100:{value:"#F2F2FC"}},blue:{900:{value:"#1E3A76"},800:{value:"#264993"},700:{value:"#2D57B0"},600:{value:"#3566CE"},500:{value:"#3C74EB"},400:{value:"#578DFF"},300:{value:"#7CAAFF"},200:{value:"#ACCAFF"},100:{value:"#E6EEFF"}},grey:{900:{value:"#252227"},800:{value:"#2D2A31"},700:{value:"#34323B"},600:{value:"#3B3B44"},500:{value:"#43454e"},400:{value:"#666871"},300:{value:"#898B93"},200:{value:"#ADAEB4"},100:{value:"#D1D2D6"},50:{value:"#F5F6F6"}},red:{900:{value:"#802727"},800:{value:"#9F3131"},700:{value:"#BF3B3B"},600:{value:"#DF4444"},500:{value:"#Ff4e4e"},400:{value:"#FF6565"},300:{value:"#FF8585"},200:{value:"#FFB0B0"},100:{value:"#FFE6E6"}},green:{900:{value:"#24644D"},800:{value:"#2C7C60"},700:{value:"#359573"},600:{value:"#3EAE86"},500:{value:"#47c799"},400:{value:"#64E0B3"},300:{value:"#88F2CC"},200:{value:"#B4FCE2"},100:{value:"#E6FFF7"}},yellow:{900:{value:"#80581C"},800:{value:"#9F6D22"},700:{value:"#BF8329"},600:{value:"#DF9930"},500:{value:"#ffaf37"},400:{value:"#FFC551"},300:{value:"#FFD976"},200:{value:"#FFEAAC"},100:{value:"#FFF9E6"}}}),ar=i.defineTokens.durations({fast:{value:"150ms"},faster:{value:"100ms"},fastest:{value:"50ms"},normal:{value:"200ms"},slow:{value:"300ms"},slower:{value:"400ms"},slowest:{value:"500ms"}}),ir=i.defineTokens.easings({default:{value:"cubic-bezier(0.2, 0.0, 0, 1.0)"},"ease-bounce-1":{value:`linear(
|