@atom-learning/components 1.11.0 → 1.14.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.
- package/CHANGELOG.md +2 -20
- package/dist/components/badge/Badge.d.ts +536 -0
- package/dist/components/badge/Badge.js +1 -0
- package/dist/components/badge/index.d.ts +1 -0
- package/dist/components/dialog/Dialog.d.ts +3 -1
- package/dist/components/dialog/Dialog.js +1 -1
- package/dist/components/form/Form.js +1 -1
- package/dist/components/form/Form.types.d.ts +3 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/progress-bar/ProgressBar.js +1 -1
- package/dist/components/tabs/TabTrigger.d.ts +1 -1
- package/dist/components/tabs/TabTrigger.js +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +2 -1
- package/dist/components/tooltip/Tooltip.js +1 -1
- package/dist/docgen.json +1 -1
- package/dist/docs/Badge.mdx +38 -0
- package/dist/docs/Button.mdx +2 -2
- package/dist/docs/Form.mdx +4 -0
- package/dist/docs/NotificationBadge.mdx +10 -8
- package/dist/docs/Tooltip.mdx +12 -8
- package/dist/index.cjs.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +16 -16
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Badge
|
|
3
|
+
component: Badge
|
|
4
|
+
description: Highlights a small piece of information
|
|
5
|
+
category: Feedback
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
The `Badge` component can be used to highlight a short piece of information, like a status.
|
|
9
|
+
|
|
10
|
+
```jsx preview
|
|
11
|
+
<Badge>New Data</Badge>
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Theme
|
|
15
|
+
|
|
16
|
+
These are the available `theme`s for this component: `success`, `warning`, `danger`, `neutral` and `info`. The default is `info`
|
|
17
|
+
|
|
18
|
+
```jsx preview
|
|
19
|
+
<>
|
|
20
|
+
<Badge>Info</Badge>
|
|
21
|
+
<Badge theme="neutral">Neutral</Badge>
|
|
22
|
+
<Badge theme="success">Success</Badge>
|
|
23
|
+
<Badge theme="warning">Warning</Badge>
|
|
24
|
+
<Badge theme="danger">Danger</Badge>
|
|
25
|
+
</>
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Size
|
|
29
|
+
|
|
30
|
+
These are the available `size`s for this component: `xs`, `sm` and `md`. The default is `sm`
|
|
31
|
+
|
|
32
|
+
```jsx preview
|
|
33
|
+
<>
|
|
34
|
+
<Badge size="xs">extra small</Badge>
|
|
35
|
+
<Badge size="sm">small</Badge>
|
|
36
|
+
<Badge size="md">medium</Badge>
|
|
37
|
+
</>
|
|
38
|
+
```
|
package/dist/docs/Button.mdx
CHANGED
|
@@ -18,11 +18,11 @@ These are the available `themes` for the `Button` component: `primary` (default)
|
|
|
18
18
|
```tsx preview
|
|
19
19
|
<>
|
|
20
20
|
<Button>Primary</Button>
|
|
21
|
-
<Button theme="secondary
|
|
21
|
+
<Button theme="secondary">Secondary</Button>
|
|
22
22
|
<Button theme="success">Success</Button>
|
|
23
23
|
<Button theme="warning">Warning</Button>
|
|
24
24
|
<Button theme="danger">Danger</Button>
|
|
25
|
-
<Button theme="neutral">
|
|
25
|
+
<Button theme="neutral">Neutral</Button>
|
|
26
26
|
</>
|
|
27
27
|
```
|
|
28
28
|
|
package/dist/docs/Form.mdx
CHANGED
|
@@ -34,6 +34,10 @@ const InputField = ({ label, name, validation }) => {
|
|
|
34
34
|
}
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
+
## Form submission
|
|
38
|
+
|
|
39
|
+
To handle form submission, `onSubmit` and optional `onError` callback props can be passed to Form. If there are any validation errors present `onError` will be called, in case of no errors the `onSubmit` will be called instead.
|
|
40
|
+
|
|
37
41
|
## ValidationOptions
|
|
38
42
|
|
|
39
43
|
The `ValidationOptions` type provides preset logic for common validation and processing patterns. You can also define your own custom logic.
|
|
@@ -22,12 +22,14 @@ It displays a badge in top right of the content it is wrapping, which displays a
|
|
|
22
22
|
Whilst you would normally want to display a number, the `value` prop also supports strings. Here are some usage examples:
|
|
23
23
|
|
|
24
24
|
```tsx preview
|
|
25
|
-
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
</
|
|
30
|
-
|
|
31
|
-
<
|
|
32
|
-
|
|
25
|
+
<>
|
|
26
|
+
<NotificationBadge value={88}>
|
|
27
|
+
<ActionIcon appearance="outline" size="lg">
|
|
28
|
+
<Icon is={Controls} />
|
|
29
|
+
</ActionIcon>
|
|
30
|
+
</NotificationBadge>
|
|
31
|
+
<NotificationBadge value="hi">
|
|
32
|
+
<Button theme="warning">I'm a button!</Button>
|
|
33
|
+
</NotificationBadge>
|
|
34
|
+
</>
|
|
33
35
|
```
|
package/dist/docs/Tooltip.mdx
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
---
|
|
2
2
|
title: Tooltip
|
|
3
|
-
component: Tooltip,Tooltip.Trigger,Tooltip.Content
|
|
3
|
+
component: Tooltip,Tooltip.Trigger,Tooltip.Content,Tooltip.Provider
|
|
4
4
|
description: A component that displays information related to an element when the element receives keyboard focus or the mouse hovers over it
|
|
5
5
|
category: Surfaces
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
-
`Tooltip` exports
|
|
8
|
+
`Tooltip` exports 4 components that combine to create our tooltip. The `Tooltip.Trigger` requires a React component child (or passed to `as`) to allow the necessary event bindings and accessible properties to be cloned.
|
|
9
9
|
|
|
10
10
|
Also, note that the component must accept a `ref`.
|
|
11
11
|
|
|
12
|
+
`Tooltip.Provider` is optional and provides some global configuration for all `Tooltips` rendered within.
|
|
13
|
+
|
|
12
14
|
Read more about the underlying UI component on the [Radix UI documentation site](https://radix-ui.com/primitives/docs/components/tooltip).
|
|
13
15
|
|
|
14
16
|
```tsx preview
|
|
15
|
-
<Tooltip>
|
|
16
|
-
<Tooltip
|
|
17
|
-
<
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</Tooltip>
|
|
17
|
+
<Tooltip.Provider>
|
|
18
|
+
<Tooltip>
|
|
19
|
+
<Tooltip.Trigger>
|
|
20
|
+
<Text>Hover on me</Text>
|
|
21
|
+
</Tooltip.Trigger>
|
|
22
|
+
<Tooltip.Content>This is the tooltip content, hello</Tooltip.Content>
|
|
23
|
+
</Tooltip>
|
|
24
|
+
</Tooltip.Provider>
|
|
21
25
|
```
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var xe=require("@radix-ui/react-accordion"),t=require("react"),yo=require("@atom-learning/theme"),vo=require("@stitches/react"),b=require("@atom-learning/icons"),h=require("color2k"),xo=require("invariant"),B=require("@radix-ui/react-alert-dialog"),wo=require("@radix-ui/react-visually-hidden"),So=require("uid"),_=require("pure-react-carousel"),lt=require("@radix-ui/react-checkbox"),C=require("react-hook-form"),J=require("@radix-ui/react-radio-group"),Eo=require("react-hook-form-persist"),Co=require("dlv"),K=require("@reach/combobox"),H=require("@radix-ui/react-dialog"),ko=require("dayzed"),Z=require("@radix-ui/react-popover"),Do=require("dayjs"),zo=require("dayjs/plugin/customParseFormat"),se=require("@radix-ui/react-dropdown-menu"),Ro=require("mdast-util-directive"),To=require("mdast-util-from-markdown"),Io=require("micromark-extension-directive"),ct=require("@radix-ui/react-progress"),we=require("@radix-ui/react-slider"),dt=require("@radix-ui/react-switch"),Se=require("@radix-ui/react-tabs"),Fo=require("throttle-debounce"),Pe=require("react-hot-toast"),Ee=require("@radix-ui/react-tooltip"),No=require("react-player/vimeo");function F(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function Mo(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),o.default=e,Object.freeze(o)}var $=F(t),Ao=Mo(yo),Be=F(xo),Wo=F(Eo),Po=F(Co),le=F(Do),Bo=F(zo),Lo=F(Ro),Oo=F(To),_o=F(Io),Ho=F(Pe),qo=F(No);const mt={bg:e=>({background:e}),inset:e=>({top:e,right:e,bottom:e,left:e}),size:e=>({height:e,width:e}),p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e})},ut={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},Vo=vo.createStitches({theme:Ao,utils:mt,media:ut}),{css:jo,getCssText:Go,createTheme:Yo,globalCss:pt,keyframes:w,styled:i,theme:y}=Vo,v=i("div",{});v.displayName="Box";const Q=({css:e,children:o})=>e?t.createElement(v,{css:e},o):t.createElement(t.Fragment,null,o);Q.displayName="CSSWrapper";const N=(e,o)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${o||e}em`,display:"table"}}),Xo={chevron:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><polyline points="6 10 12 16 18 10"/></svg>`,search:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},gt=(e,o)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(Xo[o](h.toHex(e)))})`,Le=w({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Oe=w({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),_e=w({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),He=w({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),$t=w({"0%":{opacity:0},"100%":{opacity:1}}),ht=w({"0%":{opacity:1},"100%":{opacity:0}}),Uo=w({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),Jo=w({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),Ko=i(xe.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${Uo} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Jo} 300ms ease-out`}}}),Zo=({children:e,css:o,...r})=>$.default.createElement(Ko,{...r},$.default.createElement(Q,{css:o},e)),Qo=i(xe.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),er=({children:e,value:o,...r})=>$.default.createElement(Qo,{value:o,...r},e),tr=i("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.75"},md:{size:"$2",strokeWidth:"2"},lg:{size:"$3",strokeWidth:"2"}}}}),f=t.forwardRef(({is:e,size:o="md",...r},a)=>t.createElement(tr,{size:o,"aria-hidden":"true",...r,as:e,ref:a})),ft=(e,o,r,a="#fff")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:o},"&:not([disabled]):active":{bg:r}}),or=i(f,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),rr=i(xe.Trigger,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"},variants:{theme:{primaryDark:ft("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15)),light:ft("#fff",h.darken("#fff",.1),h.darken("#fff",.15),"$tonal600")}}}),ar=({theme:e="primaryDark",children:o,...r})=>$.default.createElement(rr,{theme:e,...r},o,$.default.createElement(or,{is:b.ChevronDown})),nr=i(xe.Root,{width:"100%"}),ce=({type:e="single",children:o,...r})=>$.default.createElement(nr,{type:e,...r},o);ce.Item=er,ce.Content=Zo,ce.Trigger=ar,ce.displayName="Accordion";const T=i("div",{display:"flex"});T.displayName="Flex";const Ce=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?N(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?N(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?N(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?N(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?N(.3506):{}}}),bt=i("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:Ce()}}),I=t.forwardRef(({size:e="md",...o},r)=>t.createElement(bt,{size:e,...o,ref:r}));I.displayName="Text";const yt=i(I,{color:"$tonal400",fontWeight:"400",variants:{size:{xs:{fontSize:"$sm",mb:"$4"},sm:{fontSize:"$sm",mb:"$4"},md:{fontSize:"$sm",mb:"$4"},lg:{fontSize:"$md",mb:"$5"},xl:{fontSize:"$md",mb:"$5"}}}}),ir=i("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),de=ir;de.displayName="Image";const vt=i(de,{variants:{size:{xs:{width:"56px",height:"32px",mb:"$4"},sm:{size:"84px",mb:"$4"},md:{width:"126px",height:"72px",mb:"$4"},lg:{width:"190px",height:"142px",mb:"$5"},xl:{width:"285px",height:"213px",mb:"$5"}}}}),xt=i("h2",{color:"$tonal400",fontFamily:"$body",fontWeight:"600",variants:{size:{xs:{fontSize:"$md",mb:"$3"},sm:{fontSize:"$md",mb:"$3"},md:{fontSize:"$md",mb:"$3"},lg:{fontSize:"$lg",mb:"$4"},xl:{fontSize:"$lg",mb:"$4"}}}}),sr=i(T,{flexDirection:"column",alignItems:"center",textAlign:"center","& > *:last-child":{mb:0},variants:{size:{xs:{p:"$2"},sm:{p:"$3"},md:{p:"$4"},lg:{p:"$5"},xl:{p:"$6"}}}}),me=({size:e="sm",children:o,...r})=>t.createElement(sr,{size:e,...r},t.Children.map(o,a=>t.isValidElement(a)&&(a.type===vt||a.type===xt||a.type===yt)?t.cloneElement(a,{...a.props,size:e}):a));me.displayName="EmptyState",me.Image=vt,me.Title=xt,me.Body=yt;const ee=(e,o,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:o},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),ue=(e,o,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:o,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),pe=(e,o,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:o},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),lr=i("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"},xl:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:ee("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:ee("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:ee("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:ee("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:ee("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:ee("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:ue("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:ue("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:ue("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ue("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:ue("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:pe("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:pe("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:pe("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:pe("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:pe("$danger","$dangerMid","$dangerDark")}]}),z=t.forwardRef(({children:e,theme:o="primary",appearance:r="simple",size:a="md",label:n,href:s,disabled:l,...c},d)=>{const m=`A single ${f.displayName} component is permitted as a child of ${z.displayName}`;Be.default(t.Children.count(e)===1,m);const u=s?{as:"a",href:l?null:s,onClick:void 0,"aria-disabled":!!l}:{type:"button"};return t.createElement(lr,{...c,...u,"aria-label":n,theme:o,appearance:r,size:a,ref:d,disabled:l},t.Children.map(e,p=>{if(!t.isValidElement(p))throw new Error(m);return Be.default(p.type===f,`Children of type ${p==null?void 0:p.type} aren't permitted. Only an ${f.displayName} component is allowed in ${z.displayName}`),t.cloneElement(p,{css:{size:["lg","xl"].includes(a)?20:16,...p.props.css?p.props.css:{}}})}))});z.displayName="ActionIcon";const qe="translate3d(-50%, -50%, 0)",wt="translate3d(-50%, 50vh, 0)",cr=w({"0%":{transform:wt},"100%":{transform:qe}}),dr=w({"0%":{transform:qe},"100%":{transform:wt}}),mr=i(B.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${$t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${ht} 550ms ease-out`}}}),ur=i(B.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:qe,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${cr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${dr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),pr=({size:e="sm",...o})=>t.createElement(t.Fragment,null,t.createElement(mr,null),t.createElement(ur,{size:e,...o})),gr=i(B.Root,{}),k=e=>t.createElement(gr,{...e});k.Description=B.Description,k.Title=B.Title,k.Action=B.Action,k.Cancel=B.Cancel,k.Content=pr,k.Trigger=B.Trigger,k.displayName="AlertDialog";const $r=()=>{const e=t.useRef();return t.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},hr=w({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),Ve=i("div",{animationName:`${hr}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),je=({css:e={},message:o="Loading",size:r="md"})=>t.createElement(T,{css:{justifyContent:"center",...e},role:"alert"},t.createElement(wo.Root,null,o),t.createElement(Ve,{size:r}),t.createElement(Ve,{size:r}),t.createElement(Ve,{size:r})),Ge=(e,o,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:o},"&:not([disabled]):active":{color:r}}),te=(e,o,r,a="white")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:o,color:a},"&:not([disabled]):active":{bg:r}}),St=i("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:te("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:te("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:te("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:te("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:te("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:te("white",h.opacify("white",-.1),h.opacify("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:Ge("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:Ge("white",h.opacify("white",-.2),h.opacify("white",-.35))},{theme:"secondary",appearance:"outline",css:Ge("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))}]}),fr=({isLoading:e,children:o})=>t.createElement(t.Fragment,null,t.createElement(je,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),t.createElement(v,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},o)),br=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Et=(e,o)=>t.Children.map(e,(r,a)=>(r==null?void 0:r.type)===f?t.cloneElement(r,{css:{[a===0?"mr":"ml"]:o==="sm"?"$2":"$3",size:br(o),...r.props.css?r.props.css:{}}}):r),q=t.forwardRef(({children:e,isLoading:o,onClick:r,href:a,appearance:n="solid",size:s="md",theme:l="primary",type:c="button",...d},m)=>{const u=a?{as:"a",href:a,onClick:void 0}:{},p=a?{}:{type:c};return t.createElement(St,{isLoading:o||!1,onClick:o?void 0:r,appearance:n,size:s,theme:l,...d,...u,...p,ref:m},typeof o=="boolean"?t.createElement(fr,{isLoading:o},Et(e,s)):Et(e,s))});q.displayName="Button";const Ct=i("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...N(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...N(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...N(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...N(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...N(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...N(.1793,.1873)}}}}),oe=({size:e="md",...o})=>t.createElement(Ct,{size:e,...o});oe.displayName="Heading";const yr=Object.keys(y.space).reduce((e,o)=>({...e,[o]:{mt:`-$space$${o}`,ml:`-$space$${o}`,"& > *":{mt:`$space$${o}`,ml:`$space$${o}`}}}),{}),vr=i("div",{display:"flex","& > *":{m:0},variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"}},wrap:{wrap:{flexWrap:"wrap"},"no-wrap":{flexWrap:"no-wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"}},gap:yr}}),ke=({css:e,gap:o=2,direction:r="row",wrap:a="wrap",justify:n="start",align:s,...l})=>t.createElement(Q,{css:e},t.createElement(vr,{direction:r,gap:o,wrap:a,justify:n,align:typeof s=="undefined"&&r!=="column"?"center":s,...l}));ke.displayName="Stack";const xr=({title:e,description:o,onAction:r,cancelActionText:a,confirmActionText:n,onClose:s,...l})=>t.createElement(k,{defaultOpen:!0},t.createElement(k.Content,{onEscapeKeyDown:c=>c.preventDefault(),onCloseAutoFocus:s,...l},t.createElement(oe,{as:k.Title,size:"sm",css:{mb:"$5"}},e),o&&t.createElement(I,{as:k.Description,css:{mb:"$5"}},o),t.createElement(ke,{gap:"2",justify:"end"},a&&t.createElement(q,{appearance:"outline",as:k.Cancel,onClick:()=>r(!1),size:"sm"},a),t.createElement(q,{as:k.Action,onClick:()=>r(!0),size:"sm"},n)))),wr=[],Sr=(e,o)=>{switch(o.type){case"ADD":return[...e,{...o.payload,id:So.uid()}];case"REMOVE":return e.filter(({id:r})=>r!==o.payload);default:return e}},kt=t.createContext({showAlert:()=>null}),Er=({children:e})=>{const[o,r]=t.useReducer(Sr,wr),a=$r();return t.createElement(kt.Provider,{value:{showAlert:n=>r({payload:n,type:"ADD"})}},Boolean(o.length)&&t.createElement(xr,{...o[0],key:o[0].id,onClose:()=>{a.current&&r({payload:o[0].id,type:"REMOVE"})}}),e)},Cr=()=>{const e=t.useContext(kt);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},Dt={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},kr=i(_.ButtonBack,Dt),Dr=i(_.ButtonNext,Dt),zr=e=>t.createElement(kr,{...e},t.createElement(f,{is:b.ChevronLeft})),Rr=e=>t.createElement(Dr,{...e},t.createElement(f,{is:b.ChevronRight})),Tr=i(_.DotGroup,{justifyContent:"center","& button":{bg:"$tonal200",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary"},"&:hover, &:focus":{bg:"$primaryMid"}}}),Ir=i(_.Slide,{}),Fr=({children:e,...o})=>t.createElement(Ir,{...o,tag:"div"},t.createElement(v,{css:{px:"$3"}},e)),Nr=i(_.Slider,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}}),V=({children:e,css:o,slideHeight:r,slideWidth:a,numSlides:n})=>t.createElement(Q,{css:o},t.createElement(_.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:n},e)),Mr=()=>t.useContext(_.CarouselContext);V.ArrowNext=Rr,V.ArrowPrevious=zr,V.Pagination=Tr,V.Slide=Fr,V.Slider=Nr,V.displayName="Carousel";const Ar=i(lt.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),Wr=i(lt.Root,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),De=t.forwardRef((e,o)=>t.createElement(Wr,{...e,ref:o},t.createElement(Ar,null,t.createElement(f,{is:e.checked==="indeterminate"?b.Minus:b.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));De.displayName="Checkbox";const{sm:Pr,md:Br}=Ce(),Lr=i("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Pr,md:Br},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),Or=i("span",{color:"$danger",ml:"$1",fontWeight:400}),ge=({align:e="start",as:o="label",direction:r="row",size:a="md",type:n="block",children:s,required:l,...c})=>t.createElement(Lr,{as:o,size:a,type:n,align:e,direction:r,...c},s,l&&t.createElement(Or,{"aria-hidden":!0},"*"));ge.displayName="Label";const $e=i("li",{}),_r=i("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${$e}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:Ce({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${$e}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${$e}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),he=({size:e="md",ordered:o,...r})=>t.createElement(_r,{as:o?"ol":"ul",size:e,...r});he.Item=$e;const Ye=i("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${bt} > &, ${Ct} > &, ${$e} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:Ce()}}),ze=t.forwardRef(({size:e="md",onClick:o,href:r,...a},n)=>r?t.createElement(Ye,{size:e,...a,ref:n,href:r}):t.createElement(Ye,{as:"button",size:e,...a,ref:n,onClick:o}));ze.displayName="Link";const Re=({css:e,children:o,...r})=>t.createElement(T,{css:{color:"$danger",alignItems:"flex-start",...e},...r},t.createElement(f,{is:b.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),t.createElement(I,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},o)),Xe=({children:e,css:o})=>t.createElement(I,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...o}},e),L=({css:e,children:o,error:r,fieldId:a,label:n,prompt:s,description:l,required:c})=>t.createElement(v,{css:e},t.createElement(T,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},t.createElement(ge,{htmlFor:a,required:c},n),s&&t.createElement(ze,{href:s.link,size:"sm"},s.label)),l&&t.createElement(Xe,{css:{mb:"$3"}},l),o,r&&t.createElement(Re,{css:{mt:"$2"}},r));L.displayName="FieldWrapper";const Hr=i(J.Item,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),qr=i(J.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Te=e=>t.createElement(Hr,{...e},t.createElement(qr,null));Te.displayName="RadioButton";const Ue=i(J.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});Ue.displayName="RadioButtonGroup";const Ie=({align:e="start",children:o,css:r,description:a,direction:n="row",error:s,label:l,required:c})=>t.createElement(v,{css:r},t.createElement(ge,{align:e,direction:n,required:c,type:"inline"},t.Children.map(o,d=>t.createElement(v,{css:{[n==="reverse"?"ml":"mr"]:"$3",...((d==null?void 0:d.type)===De||(d==null?void 0:d.type)===Te)&&{transform:"translateY($space$1)"}}},d)),l),s&&t.createElement(Re,{css:{mt:"$2"}},s),a&&t.createElement(Xe,{css:{mt:"$2",[n==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));Ie.displayName="InlineFieldWrapper";var zt=(e=>(e.LOCAL="local",e.SESSION="session",e))(zt||{});const Vr=i("form",{}),jr=({persist:e,watch:o,setValue:r,children:a})=>{const{id:n,...s}=e;let l={...s,storage:s.storage===zt.LOCAL?window.localStorage:window.sessionStorage};if(s.exclude){const{exclude:c,...d}=l,m=o(),u=Object.keys(m).filter(p=>{var g;if(!((g=s.exclude)==null?void 0:g.includes(p)))return p});l={...d,include:u}}return Wo.default(n,{watch:o,setValue:r},l),a},Rt=({formMethods:e,handleSubmit:o,onSubmit:r,children:a,...n})=>t.createElement(C.FormProvider,{...e},t.createElement(Vr,{"aria-label":"form",...n,onSubmit:o(r)},a)),Tt=({children:e,defaultValues:o={},onSubmit:r,validationMode:a="onBlur",render:n,persist:s,...l})=>{Be.default(!(e&&n),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const c=C.useForm({defaultValues:o,mode:a}),{handleSubmit:d,watch:m,setValue:u}=c,p=n?n(c):e,g={formMethods:c,handleSubmit:d,onSubmit:r,...l};return s?t.createElement(jr,{persist:s,watch:m,setValue:u},t.createElement(Rt,{...g},p)):t.createElement(Rt,{...g},p)};Tt.displayName="Form";const j=e=>{var o;const{errors:r}=C.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:(o=(()=>Po.default(r,a))())==null?void 0:o.message}},It=({css:e,defaultChecked:o=!1,label:r,name:a,validation:n,description:s,...l})=>{const{control:c}=C.useFormContext(),{error:d}=j(a);return t.createElement(C.Controller,{control:c,name:a,defaultValue:o,rules:n,render:({onChange:m,value:u,name:p})=>t.createElement(Ie,{css:e,description:s,error:d,label:r,required:Boolean(n==null?void 0:n.required)},t.createElement(De,{defaultChecked:o,defaultValue:o?"on":"off",checked:u,name:p,onCheckedChange:m,value:u?"on":"off",...d&&{state:"error"},...l}))})};It.displayName="CheckboxField";const Gr=i(K.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:gt(y.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}}),Yr=i(K.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),Xr=i(K.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),Ur=i(K.ComboboxPopover,{bg:"white",border:"solid 1px $tonal100",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});pt({":root":{"--reach-combobox":1}})();const Jr=i(K.Combobox,{}),G=e=>t.createElement(Jr,{...e});G.displayName="Combobox",G.Option=Xr,G.Input=Gr,G.Popover=Ur,G.List=Yr,G.OptionText=K.ComboboxOptionText;const Kr=i(H.Close,{}),Je="translate3d(-50%, -50%, 0)",Ft="translate3d(-50%, 50vh, 0)",Nt="modal_overlay",Mt=2147483646,Zr=w({"0%":{transform:Ft},"100%":{transform:Je}}),Qr=w({"0%":{transform:Je},"100%":{transform:Ft}}),ea=i(H.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:Mt,"@allowMotion":{'&[data-state="open"]':{animation:`${$t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${ht} 550ms ease-out`}}}),ta=i(H.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:Je,zIndex:Mt,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${Zr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${Qr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),oa=({size:e="sm",children:o,closeDialogText:r="Close dialog",showCloseButton:a=!0,...n})=>t.createElement(H.Portal,null,t.createElement(ea,{id:Nt},t.createElement(ta,{size:e,"aria-label":"Dialog",onPointerDownOutside:s=>{const l=s.target;(l==null?void 0:l.id)!==Nt&&s.preventDefault()},...n},a&&t.createElement(z,{as:H.Close,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"lg",theme:"neutral"},t.createElement(f,{is:b.Close})),o))),ra=i(H.Root,{}),fe=e=>t.createElement(ra,{...e});fe.Close=Kr,fe.Content=oa,fe.Trigger=H.Trigger,fe.displayName="Dialog";const aa=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],na=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],ia=i("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$tonal900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$tonal100"},"&:active":{color:"white",bg:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"2px"},variants:{isSelected:{true:{bg:"$primary",color:"white","&:hover":{bg:"$primary"}}},isToday:{true:{bg:"$tonal100"}},isOutsideMonth:{true:{color:"$tonal200"}}}}),At=i("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),sa=(e,o)=>{const r=e.slice(0,o);return e.slice(o).concat(r)},Wt=({css:e,refDateSelected:o,refDateToday:r,firstDayOfWeek:a=0,monthNames:n=aa,weekdayNames:s=na,labels:l={next:"Next month",previous:"Previous month"},...c})=>{const{calendars:d,getBackProps:m,getForwardProps:u,getDateProps:p}=ko.useDayzed({firstDayOfWeek:a,showOutsideDays:!0,...c});return d.length?t.createElement(v,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},t.createElement(T,{css:{position:"absolute",top:0,right:"-$1"}},t.createElement(z,{label:l.previous,theme:"neutral",size:"lg",...m({calendars:d})},t.createElement(f,{is:b.ChevronLeft})),t.createElement(z,{label:l.next,theme:"neutral",size:"lg",...u({calendars:d})},t.createElement(f,{is:b.ChevronRight}))),d.map(({month:g,year:x,weeks:ie})=>t.createElement(v,{key:`${g}${x}`},t.createElement(T,{css:{height:"$4",alignItems:"center",mb:"$4"}},t.createElement(oe,{size:"xs"},n[g]," ",x)),t.createElement(At,{css:{mb:"$3"}},sa(s,a).map(S=>t.createElement(I,{as:"span",size:"sm",key:`${g}${x}${S}`,css:{fontWeight:600,textAlign:"center"}},S))),t.createElement(At,null,ie.map((S,E)=>S.map((R,M)=>{const D=`${g}${x}${E}${M}`;if(!R)return t.createElement("div",{key:D});const{date:O,selected:W,today:A,prevMonth:ve,nextMonth:We}=R;return t.createElement(ia,{isOutsideMonth:ve||We,isSelected:W,isToday:A,key:D,ref:W?o:A?r:null,...p({dateObj:R})},O.getDate())})))))):null};Wt.displayName="Calendar";const Pt=i("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),re=t.forwardRef(({type:e="text",size:o="md",...r},a)=>e==="number"?t.createElement(Pt,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:o,...r,ref:a}):t.createElement(Pt,{type:e,size:o,...r,ref:a}));re.displayName="Input";const la=i(Z.Content,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:_e},'&[data-side="right"]':{animationName:He},'&[data-side="bottom"]':{animationName:Le},'&[data-side="left"]':{animationName:Oe}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),ca=i(Z.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),da=({children:e,side:o="top",sideOffset:r=8,closePopoverText:a="Close popover",showCloseButton:n=!0,size:s="md",...l})=>t.createElement(la,{size:s,side:o,sideOffset:r,...l},n&&t.createElement(z,{as:Z.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"lg",theme:"neutral"},t.createElement(f,{is:b.Close})),e,t.createElement(ca,{width:16,height:8}));i(Z.Root,{});const Y=e=>t.createElement(Z.Root,{...e});Y.Content=da,Y.Trigger=Z.Trigger,Y.displayName="Popover";const Bt="DD/MM/YYYY";le.default.extend(Bo.default);const ma=(e,o=Bt)=>{const[r,a]=t.useState(e?le.default(e).toDate():void 0),[n,s]=t.useState(e?le.default(e).format(o):"");return{dateString:n,date:r,setDate:(c,d=!1)=>{const m=d?le.default(c,o):le.default(c);a(m.isValid()?m.toDate():void 0),s(d?c:m.format(o))}}},Ke=t.forwardRef(({initialDate:e,dateFormat:o=Bt,firstDayOfWeek:r=1,disabled:a,monthNames:n,weekdayNames:s,size:l="md",labels:c={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:d,onChange:m,...u},p)=>{const{date:g,dateString:x,setDate:ie}=ma(e,o),[S,E]=t.useState(!1),R=t.useRef(null),M=t.useRef(null);return t.useEffect(()=>{m==null||m(g)},[g,m]),t.createElement(v,{css:{position:"relative"}},t.createElement(re,{name:"date",disabled:a,size:l,...u,onChange:D=>ie(D.target.value,!0),value:x,ref:p}),t.createElement(Y,{modal:!0,open:S,onOpenChange:E},t.createElement(Y.Trigger,{asChild:!0},t.createElement(z,{css:{position:"absolute",top:0,right:0},disabled:a,label:c.open,size:l==="sm"?"md":"lg",theme:"neutral"},t.createElement(f,{size:"sm",is:b.CalendarEvent}))),t.createElement(Y.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:D=>{var O,W;D.preventDefault(),g?(O=M.current)==null||O.focus():(W=R.current)==null||W.focus()}},t.createElement(Wt,{date:g||new Date,selected:g,onDateSelected:async D=>{E(!1),await ie(D.date,!1),d&&d()},refDateToday:R,refDateSelected:M,firstDayOfWeek:r,monthNames:n,weekdayNames:s,labels:c}))))});Ke.displayName="DateInput";const Lt=({css:e,label:o,name:r,validation:a,prompt:n,description:s,...l})=>{const{register:c,trigger:d}=C.useFormContext(),{error:m}=j(r),u=a?c(a):c;return t.createElement(L,{css:e,description:s,error:m,fieldId:r,label:o,prompt:n,required:Boolean(a==null?void 0:a.required)},t.createElement(Ke,{id:r,name:r,ref:u,...m&&{state:"error"},...l,revalidate:d}))};Lt.displayName="DateField";const ua=i("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Ze=({orientation:e="horizontal",...o})=>$.default.createElement(ua,{orientation:e,...o}),pa=i(se.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2","@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:_e},'&[data-side="right"]':{animationName:He},'&[data-side="bottom"]':{animationName:Le},'&[data-side="left"]':{animationName:Oe}}}}),ga={alignItems:"center",color:"$tonal600",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3",py:"$2","&[data-disabled]":{color:"$tonal200",pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"$2",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primaryMid",outline:"none"},"&:hover":{textDecoration:"underline"}},Ot=i(se.Item,ga),$a=i("a",{textDecoration:"none"}),ha=({children:e,href:o,...r})=>$.default.createElement(Ot,{...r,asChild:!0},$.default.createElement($a,{href:o,role:"menuitem"},e)),fa=i(se.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),ba=i(se.Trigger,{}),ya=i(se.Root,{}),ae=e=>$.default.createElement(ya,{...e});ae.Content=pa,ae.Item=Ot,ae.LinkItem=ha,ae.Separator=fa,ae.Trigger=ba;const va=Object.keys(y.space).reduce((e,o)=>({...e,[o]:{gap:`$space$${o}`}}),{}),xa=i("div",{display:"grid",variants:{gap:va}}),_t=({css:e,gap:o=2,minItemSize:r,maxItemSize:a="1fr",...n})=>t.createElement(xa,{css:{...e,gridTemplateColumns:`repeat(auto-fit, minmax(${r}, ${a}))`},gap:o,...n});_t.displayName="Grid";const Ht=({accept:e,children:o,multiple:r=!1,onFileSelect:a,...n})=>{const s=l=>{const{files:c}=l.target;a(c)};return t.createElement(q,{as:"label",...n},t.createElement(f,{is:b.Upload}),o,t.createElement("input",{type:"file",onChange:s,accept:e,multiple:r,hidden:!0}))};Ht.displayName="FileInput";const qt=({css:e,label:o,name:r,validation:a,prompt:n,description:s,...l})=>{const{register:c}=C.useFormContext(),{error:d}=j(r),m=a?c(a):c;return t.createElement(L,{css:e,description:s,error:d,fieldId:r,label:o,prompt:n,required:Boolean(a==null?void 0:a.required)},t.createElement(re,{id:r,name:r,ref:m,...d&&{state:"error"},...l}))};qt.displayName="InputField";const wa=i(v,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),Sa=({node:e})=>t.createElement(wa,{as:"pre"},e.value),Ea=i("em",{fontStyle:"italic"}),Ca=({node:e,handleNode:o})=>{var r;return t.createElement(Ea,null,(r=e.children)==null?void 0:r.map(o))},ka=e=>{switch(e){case 1:return{size:"xl",as:"h1"};case 2:return{size:"lg",as:"h2"};case 3:return{size:"md",as:"h3"};case 4:return{size:"sm",as:"h4"};case 5:return{size:"xs",as:"h5"};default:return{size:"xs",as:"h6"}}},Vt=({node:e,handleNode:o,css:r})=>{var a;const{as:n,size:s}=ka(e.depth);return t.createElement(oe,{as:n,size:s,css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(o))},Da=i(v,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),za=({node:e})=>t.createElement(Da,{as:"code"},e.value),jt=({node:e,css:o})=>t.createElement(de,{src:e.url,alt:e.alt,css:o}),Ra=({node:e,handleNode:o})=>{var r;return t.createElement(ze,{title:e.title,href:e.url},(r=e.children)==null?void 0:r.map(o))},Gt=({node:e,handleNode:o,css:r})=>{var a;return t.createElement(he,{css:{"& p:before, & p:after":{display:"none"},...r},ordered:e.ordered},(a=e.children)==null?void 0:a.map(o))},Ta=({node:e,handleNode:o})=>{var r;return t.createElement(he.Item,null,(r=e.children)==null?void 0:r.map(o))},Yt=({node:e,handleNode:o,css:r})=>{var a;return t.createElement(I,{css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(o))},Ia=i("strong",{fontWeight:600}),Fa=({node:e,handleNode:o})=>{var r;return t.createElement(Ia,null,(r=e.children)==null?void 0:r.map(o))},Na=({node:e})=>e.value,Xt=({css:e})=>t.createElement(Ze,{css:{width:"100%",...e}}),Ma=i("div",{}),Fe=(e,o)=>t.cloneElement(e,{css:{...o,...e.props.css?e.props.css:{}}}),Qe=({children:e,...o})=>t.createElement(Ma,{...o},t.Children.map(e,r=>{if(!t.isValidElement(r))return r;const a=r==null?void 0:r.type;return a===oe||a===Vt?Fe(r,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):a===I||a===Yt||a===he||a===Gt?Fe(r,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):a===Ze||a===Xt?Fe(r,{my:"$5"}):a===de||a===jt?Fe(r,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):r}));Qe.displayName="StackContent";const Aa={code:Sa,emphasis:Ca,heading:Vt,inlineCode:za,image:jt,link:Ra,list:Gt,listItem:Ta,paragraph:Yt,strong:Fa,text:Na,thematicBreak:Xt},Wa=e=>{var o,r;if((o=e.position)==null?void 0:o.start){const{line:a,column:n,offset:s}=(r=e.position)==null?void 0:r.start;return`${e.type}${a}${n}${s}`}return`${e.type}${+new Date}`},Ut=({content:e,customComponents:o={},css:r})=>{const a=Oo.default(e,{extensions:[_o.default()],mdastExtensions:[Lo.default.fromMarkdown]}),n={...Aa,...o},s=l=>{const c=n[l.type];return c?t.createElement(c,{key:Wa(l),node:l,handleNode:s}):null};return t.createElement(Qe,{css:r},a.children.map(s))};Ut.displayName="MarkdownContent";const Pa=i(v,{position:"relative"}),Ba=i(T,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),La=({value:e,children:o})=>$.default.createElement(Pa,null,!!e&&$.default.createElement(Ba,{role:"status"},e),o),et=t.forwardRef(({css:e,hidePasswordText:o="Hide password",showPasswordText:r="Show password",...a},n)=>{const[s,l]=t.useState(!1),c=()=>l(d=>!d);return t.createElement(v,{css:{position:"relative",...e}},t.createElement(re,{...a,type:s?"text":"password",ref:n,css:{pr:"$sizes$2"}}),t.createElement(z,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:s?o:r,onClick:c,onMouseDown:d=>d.preventDefault(),size:"lg"},t.createElement(f,{is:s?b.Eye:b.EyeCrossed,css:{size:20}})))});et.displayName="PasswordInput";const Jt=({css:e={},label:o="Password",name:r,prompt:a=void 0,description:n,validation:s,...l})=>{const{register:c}=C.useFormContext(),{error:d}=j(r),m=s?c(s):c;return t.createElement(L,{css:{...e,position:"relative"},description:n,error:d,fieldId:r,label:o,prompt:a,required:Boolean(s==null?void 0:s.required)},t.createElement(et,{autoComplete:"current-password",name:r,id:r,ref:m,...l}))};Jt.displayName="PasswordField";const Oa=i(ct.Root,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),_a=i(ct.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Kt=({value:e,theme:o="primary",...r})=>t.createElement(Oa,{theme:o,...r},t.createElement(_a,{style:{width:`${e}%`}}));Kt.displayName="ProgressBar";const Zt=t.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1}),Ha=({children:e,stepCount:o,allowSkip:r,onComplete:a,onStepChange:n})=>{const[s,l]=t.useState(0),[c,d]=t.useState([0]);t.useEffect(()=>{d(g=>g.includes(s)?g:[...g,s]),n==null||n(s)},[s,n]);const m=()=>{if(a&&s===o-1)return a();if(s<o-1)return l(g=>g+1)},u=()=>{l(g=>g-1)},p=g=>{l(g)};return t.createElement(Zt.Provider,{value:{steps:Array(o).fill(""),goToPreviousStep:u,goToNextStep:m,goToStep:p,activeStep:s,viewedSteps:c,allowSkip:r}},e)},tt=()=>{const e=t.useContext(Zt);if(!e)throw new Error("Ensure that you wrap any components with the root component Stepper");return e},qa=({label:e,children:o,...r})=>{const{activeStep:a,goToPreviousStep:n}=tt();return t.createElement(q,{size:"sm",appearance:"outline",...r,disabled:a===0,onClick:n},o||(e==null?void 0:e(a)))},Va=({label:e,children:o,onClick:r,...a})=>{const{goToNextStep:n,activeStep:s}=tt(),l=()=>{if(r)return r(n);n()};return t.createElement(q,{size:"sm",...a,onClick:l,css:{ml:"auto"}},o||(e==null?void 0:e(s)))},ja=i(T,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",width:"$2",height:"$2",borderRadius:"50%",border:"none",bg:"$tonal50",fontFamily:"$body",fontWeight:400,fontSize:"$sm","&:not(:first-child)":{ml:"$3"},"&:not(:last-child)::after":{content:"",height:"1px",position:"absolute",left:"$sizes$2"},variants:{state:{normal:{bg:"$tonal50",color:"$tonal400"},active:{bg:"$primary",color:"white"},viewed:{bg:"$primaryDark",color:"white"}},separator:{normal:{"&:not(:last-child)::after":{bg:"$tonal50"}},highlight:{"&:not(:last-child)::after":{bg:"$primaryDark"}}}}}),Ga=({css:e,...o})=>{const{steps:r,goToStep:a,activeStep:n,viewedSteps:s,allowSkip:l}=tt(),c=m=>n===m?"active":s.includes(m)?"viewed":"normal",d=m=>m<Math.max(...s)?"highlight":"normal";return t.createElement(T,{css:{alignItems:"center",justifyContent:"space-between",...e},...o},r.map((m,u)=>t.createElement(ja,{key:`step_${u}`,as:l?"button":"div",onClick:()=>l&&s.includes(u)?a(u):void 0,state:c(u),separator:d(u),"aria-current":u===n?"step":void 0,"aria-label":`step ${u+1}`,css:{cursor:l&&s.includes(u)?"pointer":"auto","&:not(:last-child)::after":{width:(e==null?void 0:e.width)?`calc((${e.width} - ($2 * ${r.length})) / ${r.length-1})`:"$1"}}},u+1)))},be=({children:e,stepCount:o,allowSkip:r,onComplete:a,onStepChange:n})=>t.createElement(Ha,{stepCount:o,allowSkip:r,onComplete:a,onStepChange:n},t.createElement(v,{"aria-label":"progress",css:{width:"100%",display:"grid",gridTemplateColumns:"1fr auto 1fr"}},e));be.StepBack=qa,be.StepForward=Va,be.Steps=Ga,be.displayName="Stepper";const Qt=({css:e,label:o,value:r,...a})=>t.createElement(Ie,{css:e,label:o},t.createElement(Te,{value:r,...a}));Qt.displayName="RadioField";const Ya=i("fieldset",{all:"unset"}),ot=({children:e,css:o,direction:r="column",defaultValue:a,description:n,label:s,name:l,validation:c,onValueChange:d})=>{const{control:m}=C.useFormContext(),{error:u}=j(l);return t.createElement(Ya,{css:o},t.createElement(ge,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(c==null?void 0:c.required)},s),n&&t.createElement(Xe,{css:{mb:"$3"}},n),t.createElement(C.Controller,{control:m,name:l,rules:c,defaultValue:a,render:({onChange:p,value:g})=>t.createElement(Ue,{direction:r,defaultValue:a,onValueChange:x=>{p(x),d==null||d(x)},value:g},e)}),u&&t.createElement(Re,{css:{mt:"$2"}},u))};ot.Item=Qt,ot.displayName="RadioButtonField";const Xa=i(J.Item,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$5",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),Ua=i("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),Ja=i(J.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),eo=({children:e,isFullWidth:o=!1,size:r="md",align:a="left",...n})=>t.createElement(Xa,{...n,align:a,isFullWidth:o,size:r},t.createElement(Ua,{align:a,containerIsFullWidth:o},t.createElement(Ja,null)),t.createElement(v,null,e)),Ka=({css:e,children:o,size:r,isFullWidth:a,align:n,gap:s="3",justify:l,...c})=>t.createElement(J.Root,{...c},t.createElement(ke,{direction:"row",justify:l,gap:s,css:e},t.Children.map(o,d=>t.isValidElement(d)&&(d==null?void 0:d.type)===eo?t.cloneElement(d,{size:r,isFullWidth:a,align:n}):d))),Za=i(f,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),Qa=i(re,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),to=({size:e="md",css:o,value:r,clearText:a="Clear",onChange:n,...s})=>{const[l,c]=t.useState(r||""),[d,m]=t.useState(r?"CLEAR":"SEARCH"),u=()=>{c(""),m("SEARCH")},p=x=>{c(x.target.value),m(x.target.value?"CLEAR":"SEARCH"),n==null||n(x)},g=()=>d==="SEARCH"?t.createElement(Za,{is:b.Search,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(z,{label:a,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:u},t.createElement(f,{is:b.Close}));return t.createElement(v,{css:{position:"relative",...o}},t.createElement(Qa,{size:e,type:"search",...s,value:l,onChange:p,css:{pr:e==="sm"?"$5":"$6"}}),g())};to.displayName="SearchInput";const en=i("select",{appearance:"none",backgroundColor:"white",backgroundImage:gt(y.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"}},state:{error:{border:"1px solid $danger"}}}}),rt=t.forwardRef(({placeholder:e,children:o,size:r="md",...a},n)=>t.createElement(en,{size:r,defaultValue:"",...a,ref:n},e&&t.createElement("option",{disabled:!0,hidden:!0,value:""},e),o));rt.displayName="Select";const oo=({css:e=void 0,children:o,name:r,label:a,validation:n,prompt:s,description:l,...c})=>{const{register:d}=C.useFormContext(),{error:m}=j(r),u=n?d(n):d;return t.createElement(L,{css:e,description:l,error:m,fieldId:r,label:a,prompt:s,required:Boolean(n==null?void 0:n.required)},t.createElement(rt,{name:r,id:r,...c,ref:u,...m&&{state:"error"}},o))};oo.displayName="SelectField";const tn=i("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),ro=(e,o,r)=>(e-o)/(r-o)*100,on=(e,o,r)=>{const a=ro(e,o,r);return a<=10?0:a>=90?100:50},rn=({min:e,max:o,steps:r=[]})=>r.length===0?null:t.createElement(tn,null,r.map(a=>t.createElement(I,{as:"span",key:a.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${ro(a.value,e,o)}%`,transform:`translateX(-${on(a.value,e,o)}%)`}},a.label))),an=({value:e=[],outputLabel:o=r=>`Current value is ${r}`})=>t.createElement(I,{css:{mt:"$4",color:"$tonal300",width:"100%"}},o(e.length===1?e[0]:e)),at=i(we.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),nn=i(we.Root,{alignItems:"center",display:"flex",position:"relative",touchAction:"none",userSelect:"none",cursor:"pointer",'&[data-orientation="horizontal"]':{height:"$1"},'&[data-orientation="vertical"]':{flexDirection:"column",width:"$1"},"&[data-disabled]":{cursor:"not-allowed",bg:"$tonal100"},variants:{theme:{light:{[`${at}`]:{bg:"#fff"}},tonal:{[`${at}`]:{bg:"$tonal200"}}}}}),sn=i(we.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),ln=i(we.Thumb,{bg:"$primaryMid",borderRadius:"$round",display:"block",size:"$1","&:hover":{bg:"$primaryDark"},"&:focus":{outline:"2px solid $primaryMid",outlineOffset:"2px"},"&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),X=({value:e,defaultValue:o,min:r=0,max:a=100,theme:n="tonal",css:s,children:l,...c})=>{const d=e||o;return t.createElement(Q,{css:s},t.createElement(nn,{theme:n,defaultValue:o,value:e,min:r,max:a,...c},t.createElement(at,null,t.createElement(sn,null)),(d==null?void 0:d.length)&&d.map((m,u)=>t.createElement(ln,{key:`thumb${u}`}))),l)};X.Value=an,X.Steps=rn,X.displayName="Slider";const ao=({css:e,label:o,name:r,defaultValue:a,outputLabel:n,min:s=0,max:l=100,steps:c=[],...d})=>{const{control:m}=C.useFormContext();return $.default.createElement(L,{css:e,fieldId:r,label:o},$.default.createElement(C.Controller,{control:m,name:r,defaultValue:a,render:({onChange:u,value:p})=>$.default.createElement(X,{name:r,defaultValue:a,onValueChange:u,value:p,min:s,max:l,...d},$.default.createElement(X.Steps,{min:s,max:l,steps:c}),$.default.createElement(X.Value,{value:p||a,outputLabel:n}))}))};ao.displayName="SliderField";const cn=i(dt.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",p:"$0",position:"relative",transition:"all 50ms ease-out",width:"$4","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"}}),dn=i(dt.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),no=e=>t.createElement(cn,{...e},t.createElement(dn,null));no.displayName="Switch";const io=i("tbody",{});io.displayName="TableBody";const ne=i("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"},"tr:nth-child(odd) &":{bg:"white"},"tr:nth-child(even) &":{bg:"$tonal50"}});ne.displayName="TableCell";const so=i("tfoot",{});so.displayName="TableFooter";const Ne=i("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Ne.displayName="TableFooterCell";const U=i("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});U.displayName="TableHeaderCell";const mn=i("thead",{variants:{theme:{primary:{[`${U}`]:{bg:"$primary"}},primaryDark:{[`${U}`]:{bg:"$primaryDark"}}}}}),lo=({theme:e="primaryDark",...o})=>$.default.createElement(mn,{theme:e,...o});lo.displayName="TableHeader";const nt=i("tr",{});nt.displayName="TableRow";const un=i("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${ne}, ${U}, ${Ne}`]:{height:"$4"}},lg:{[`${ne}, ${U}, ${Ne}`]:{height:"$5"}}},corners:{round:{[`${U}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${nt}:last-child`]:{[`${ne}:first-child`]:{borderBottomLeftRadius:"$0"},[`${ne}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),P=({size:e="md",corners:o="round",...r})=>t.createElement(un,{size:e,corners:o,...r});P.Body=io,P.Cell=ne,P.Footer=so,P.FooterCell=Ne,P.Header=lo,P.HeaderCell=U,P.Row=nt,P.displayName="Table";const pn=i(Se.Trigger,{cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:h.opacify(y.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:h.opacify(y.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:h.opacify("white",-.8)},"&:not([data-disabled]):active":{bg:h.opacify("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Me=({children:e,theme:o,disabled:r=!1,...a})=>t.createElement(pn,{disabled:r,theme:o,...a},e);Me.displayName="TabTrigger";const it=(e,o,r=[])=>$.default.Children.map(e,a=>$.default.isValidElement(a)&&r.includes(a==null?void 0:a.type)?$.default.cloneElement(a,{...o}):a),gn=h.opacify("white",-.2),$n=h.opacify(y.colors.primaryDark.value,-.2),co=i(z,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${gn} !important`},dark:{bg:`${$n} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),mo=i(Se.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{textTransform:"uppercase"}}}}),uo=({children:e,theme:o,appearance:r,enableTabScrolling:a,scrollPercentage:n=10,...s})=>{const l=t.useRef(null),[c,d]=t.useState(!1),[m,u]=t.useState(!1),[p,g]=t.useState(),x=t.useCallback(S=>{const E=l.current;if(E){const{scrollWidth:R,scrollLeft:M,offsetWidth:D}=E,O=Math.round(R*(n/100));let W=M;if(S==="right"){const A=M+O;W=A+D<=R?A:R-D}else{const A=M-O;W=A>0?A:0}E.scroll({left:W,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:A,scrollLeft:ve,offsetWidth:We}=E,bo=A-(ve+We);ve===0?(d(!1),u(!0)):bo<5?(u(!1),d(!0)):(d(!0),u(!0))},500)}},[]);return t.useEffect(()=>{const S=Fo.debounce(500,()=>{g(window.innerWidth)});return window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[]),t.useEffect(()=>{var S;const E=l.current;if(E){const{offsetWidth:R,scrollWidth:M}=E,D=M>R;(S=E.scroll)==null||S.call(E,{left:0}),d(!1),u(D)}},[p]),c||m||a?$.default.createElement(T,{css:{position:"relative"}},$.default.createElement(co,{size:"xl",label:"Scroll Left",theme:o,onClick:()=>x("left"),visible:c,css:{left:0}},$.default.createElement(f,{is:b.ChevronLeft,size:"lg"})),$.default.createElement(mo,{...s,ref:l,appearance:r,theme:o},it(e,{theme:o},[Me])),$.default.createElement(co,{size:"xl",label:"Scroll right",theme:o,onClick:()=>x("right"),visible:m,css:{right:0}},$.default.createElement(f,{is:b.ChevronRight,size:"lg"}))):$.default.createElement(mo,{theme:o,...s,appearance:r,ref:l},it(e,{theme:o},[Me]))},hn=i(Se.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),po=i(Se.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),ye=({theme:e="light",children:o,...r})=>t.createElement(hn,{theme:e,...r},it(o,{theme:e},[uo,po]));ye.TriggerList=uo,ye.Trigger=Me,ye.Content=po,ye.displayName="Tabs";const fn=i("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),st=t.forwardRef((e,o)=>t.createElement(fn,{...e,ref:o}));st.displayName="Textarea";const go=({css:e=void 0,label:o,name:r,validation:a,prompt:n,description:s,...l})=>{const{register:c}=C.useFormContext(),{error:d}=j(r),m=a?c(a):c;return t.createElement(L,{css:e,description:s,error:d,fieldId:r,label:o,prompt:n,required:Boolean(a==null?void 0:a.required)},t.createElement(st,{id:r,name:r,ref:m,...d&&{state:"error"},...l}))};go.displayName="TextareaField";const $o=400,bn=w({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),yn=w({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),vn=i("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${bn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${yn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),xn=i("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:$o},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),wn=t.memo(({ariaLive:e,height:o,id:r,message:a,role:n,type:s="blank",visible:l,calculateOffset:c,updateHeight:d})=>{const m=c(r,{reverseOrder:!0,margin:8}),u=p=>{p&&o===void 0&&d(r,p.getBoundingClientRect().height)};return t.createElement(vn,{visible:l},t.createElement(xn,{ref:u,status:s,role:n,"aria-live":e,style:{transform:`translateY(${m}px)`}},s==="error"&&t.createElement(f,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:b.Error}),t.createElement(I,{css:{color:"inherit"}},a),s==="loading"?t.createElement(je,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(z,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>Pe.toast.dismiss(r)},t.createElement(f,{is:b.Close}))))}),Sn=2147483647,En=i("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:Sn,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${$o/2}px)`}}),ho=({children:e})=>{const{toasts:o,handlers:r}=Pe.useToaster(),{startPause:a,endPause:n,calculateOffset:s,updateHeight:l}=r;return t.createElement(t.Fragment,null,t.createElement(En,{onMouseEnter:a,onMouseLeave:n},o.map(c=>t.createElement(wn,{key:c.id,calculateOffset:s,updateHeight:l,...c}))),e)};ho.displayName="ToastProvider";const Cn=i(Ee.Content,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:_e},'&[data-side="right"]':{animationName:He},'&[data-side="bottom"]':{animationName:Le},'&[data-side="left"]':{animationName:Oe}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),kn=i(Ee.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),Dn=({children:e,side:o="top",sideOffset:r=4,size:a="md",...n})=>t.createElement(Cn,{side:o,sideOffset:r,size:a,...n},e,t.createElement(kn,null)),Ae=({children:e,delayDuration:o=350,...r})=>t.createElement(Ee.Root,{delayDuration:o,...r},e);Ae.Content=Dn,Ae.Trigger=i(Ee.Trigger,{}),Ae.displayName="Tooltip";const zn=i(qo.default,{}),fo=t.forwardRef(({id:e,ratio:o=9/16,css:r,...a},n)=>t.createElement(Q,{css:r},t.createElement(v,{css:{borderRadius:"$0",position:"relative",paddingTop:`${o*100}%`,overflow:"hidden",height:0,width:"100%"}},t.createElement(zn,{...a,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:n}))));fo.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Ho.default}}),exports.Accordion=ce,exports.ActionIcon=z,exports.AlertDialog=k,exports.AlertProvider=Er,exports.Box=v,exports.Button=q,exports.Carousel=V,exports.Checkbox=De,exports.CheckboxField=It,exports.Combobox=G,exports.DateField=Lt,exports.DateInput=Ke,exports.Dialog=fe,exports.Divider=Ze,exports.DropdownMenu=ae,exports.EmptyState=me,exports.FieldWrapper=L,exports.FileInput=Ht,exports.Flex=T,exports.Form=Tt,exports.Grid=_t,exports.Heading=oe,exports.Icon=f,exports.Image=de,exports.InlineFieldWrapper=Ie,exports.Input=re,exports.InputField=qt,exports.Label=ge,exports.Link=ze,exports.List=he,exports.Loader=je,exports.MarkdownContent=Ut,exports.NotificationBadge=La,exports.PasswordField=Jt,exports.PasswordInput=et,exports.Popover=Y,exports.ProgressBar=Kt,exports.RadioButton=Te,exports.RadioButtonField=ot,exports.RadioButtonGroup=Ue,exports.RadioCard=eo,exports.RadioCardGroup=Ka,exports.SearchInput=to,exports.Select=rt,exports.SelectField=oo,exports.Slider=X,exports.SliderField=ao,exports.Stack=ke,exports.StackContent=Qe,exports.Stepper=be,exports.StyledButton=St,exports.StyledLink=Ye,exports.Switch=no,exports.Table=P,exports.Tabs=ye,exports.Text=I,exports.Textarea=st,exports.TextareaField=go,exports.ToastProvider=ho,exports.Tooltip=Ae,exports.ValidationError=Re,exports.Video=fo,exports.createTheme=Yo,exports.css=jo,exports.getCssText=Go,exports.globalCss=pt,exports.keyframes=w,exports.media=ut,exports.styled=i,exports.theme=y,exports.useAlert=Cr,exports.useCarousel=Mr,exports.utils=mt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Se=require("@radix-ui/react-accordion"),t=require("react"),vo=require("@atom-learning/theme"),xo=require("@stitches/react"),b=require("@atom-learning/icons"),h=require("color2k"),wo=require("invariant"),L=require("@radix-ui/react-alert-dialog"),So=require("@radix-ui/react-visually-hidden"),Eo=require("uid"),H=require("pure-react-carousel"),lt=require("@radix-ui/react-checkbox"),C=require("react-hook-form"),K=require("@radix-ui/react-radio-group"),Co=require("react-hook-form-persist"),ko=require("dlv"),Z=require("@reach/combobox"),P=require("@radix-ui/react-dialog"),Do=require("dayzed"),Q=require("@radix-ui/react-popover"),zo=require("dayjs"),Ro=require("dayjs/plugin/customParseFormat"),le=require("@radix-ui/react-dropdown-menu"),To=require("mdast-util-directive"),Io=require("mdast-util-from-markdown"),Fo=require("micromark-extension-directive"),ct=require("@radix-ui/react-progress"),Ee=require("@radix-ui/react-slider"),dt=require("@radix-ui/react-switch"),Ce=require("@radix-ui/react-tabs"),No=require("throttle-debounce"),Pe=require("react-hot-toast"),ce=require("@radix-ui/react-tooltip"),Mo=require("react-player/vimeo");function F(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function Ao(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),o.default=e,Object.freeze(o)}var $=F(t),Wo=Ao(vo),Be=F(wo),Po=F(Co),Bo=F(ko),de=F(zo),Lo=F(Ro),Oo=F(To),_o=F(Io),Ho=F(Fo),qo=F(Pe),Vo=F(Mo);const mt={bg:e=>({background:e}),inset:e=>({top:e,right:e,bottom:e,left:e}),size:e=>({height:e,width:e}),p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e})},ut={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},jo=xo.createStitches({theme:Wo,utils:mt,media:ut}),{css:Go,getCssText:Yo,createTheme:Xo,globalCss:pt,keyframes:w,styled:i,theme:y}=jo,v=i("div",{});v.displayName="Box";const ee=({css:e,children:o})=>e?t.createElement(v,{css:e},o):t.createElement(t.Fragment,null,o);ee.displayName="CSSWrapper";const N=(e,o)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${o||e}em`,display:"table"}}),Uo={chevron:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><polyline points="6 10 12 16 18 10"/></svg>`,search:e=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${e}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},gt=(e,o)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(Uo[o](h.toHex(e)))})`,Le=w({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Oe=w({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),_e=w({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),He=w({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),$t=w({"0%":{opacity:0},"100%":{opacity:1}}),ht=w({"0%":{opacity:1},"100%":{opacity:0}}),Jo=w({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),Ko=w({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),Zo=i(Se.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${Jo} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Ko} 300ms ease-out`}}}),Qo=({children:e,css:o,...r})=>$.default.createElement(Zo,{...r},$.default.createElement(ee,{css:o},e)),er=i(Se.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),tr=({children:e,value:o,...r})=>$.default.createElement(er,{value:o,...r},e),or=i("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.75"},md:{size:"$2",strokeWidth:"2"},lg:{size:"$3",strokeWidth:"2"}}}}),f=t.forwardRef(({is:e,size:o="md",...r},a)=>t.createElement(or,{size:o,"aria-hidden":"true",...r,as:e,ref:a})),ft=(e,o,r,a="#fff")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:o},"&:not([disabled]):active":{bg:r}}),rr=i(f,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),ar=i(Se.Trigger,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"},variants:{theme:{primaryDark:ft("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15)),light:ft("#fff",h.darken("#fff",.1),h.darken("#fff",.15),"$tonal600")}}}),nr=({theme:e="primaryDark",children:o,...r})=>$.default.createElement(ar,{theme:e,...r},o,$.default.createElement(rr,{is:b.ChevronDown})),ir=i(Se.Root,{width:"100%"}),me=({type:e="single",children:o,...r})=>$.default.createElement(ir,{type:e,...r},o);me.Item=tr,me.Content=Qo,me.Trigger=nr,me.displayName="Accordion";const z=i("div",{display:"flex"});z.displayName="Flex";const ke=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?N(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?N(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?N(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?N(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?N(.3506):{}}}),bt=i("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:ke()}}),I=t.forwardRef(({size:e="md",...o},r)=>t.createElement(bt,{size:e,...o,ref:r}));I.displayName="Text";const yt=i(I,{color:"$tonal400",fontWeight:"400",variants:{size:{xs:{fontSize:"$sm",mb:"$4"},sm:{fontSize:"$sm",mb:"$4"},md:{fontSize:"$sm",mb:"$4"},lg:{fontSize:"$md",mb:"$5"},xl:{fontSize:"$md",mb:"$5"}}}}),sr=i("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),ue=sr;ue.displayName="Image";const vt=i(ue,{variants:{size:{xs:{width:"56px",height:"32px",mb:"$4"},sm:{size:"84px",mb:"$4"},md:{width:"126px",height:"72px",mb:"$4"},lg:{width:"190px",height:"142px",mb:"$5"},xl:{width:"285px",height:"213px",mb:"$5"}}}}),xt=i("h2",{color:"$tonal400",fontFamily:"$body",fontWeight:"600",variants:{size:{xs:{fontSize:"$md",mb:"$3"},sm:{fontSize:"$md",mb:"$3"},md:{fontSize:"$md",mb:"$3"},lg:{fontSize:"$lg",mb:"$4"},xl:{fontSize:"$lg",mb:"$4"}}}}),lr=i(z,{flexDirection:"column",alignItems:"center",textAlign:"center","& > *:last-child":{mb:0},variants:{size:{xs:{p:"$2"},sm:{p:"$3"},md:{p:"$4"},lg:{p:"$5"},xl:{p:"$6"}}}}),pe=({size:e="sm",children:o,...r})=>t.createElement(lr,{size:e,...r},t.Children.map(o,a=>t.isValidElement(a)&&(a.type===vt||a.type===xt||a.type===yt)?t.cloneElement(a,{...a.props,size:e}):a));pe.displayName="EmptyState",pe.Image=vt,pe.Title=xt,pe.Body=yt;const te=(e,o,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:o},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),ge=(e,o,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:o,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),$e=(e,o,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:o},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),cr=i("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"},xl:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:te("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:te("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:te("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:te("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:te("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:te("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:ge("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:ge("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:ge("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ge("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:ge("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:$e("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:$e("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:$e("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:$e("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:$e("$danger","$dangerMid","$dangerDark")}]}),R=t.forwardRef(({children:e,theme:o="primary",appearance:r="simple",size:a="md",label:n,href:s,disabled:l,...d},c)=>{const m=`A single ${f.displayName} component is permitted as a child of ${R.displayName}`;Be.default(t.Children.count(e)===1,m);const u=s?{as:"a",href:l?null:s,onClick:void 0,"aria-disabled":!!l}:{type:"button"};return t.createElement(cr,{...d,...u,"aria-label":n,theme:o,appearance:r,size:a,ref:c,disabled:l},t.Children.map(e,p=>{if(!t.isValidElement(p))throw new Error(m);return Be.default(p.type===f,`Children of type ${p==null?void 0:p.type} aren't permitted. Only an ${f.displayName} component is allowed in ${R.displayName}`),t.cloneElement(p,{css:{size:["lg","xl"].includes(a)?20:16,...p.props.css?p.props.css:{}}})}))});R.displayName="ActionIcon";const qe="translate3d(-50%, -50%, 0)",wt="translate3d(-50%, 50vh, 0)",dr=w({"0%":{transform:wt},"100%":{transform:qe}}),mr=w({"0%":{transform:qe},"100%":{transform:wt}}),ur=i(L.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${$t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${ht} 550ms ease-out`}}}),pr=i(L.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:qe,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${dr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${mr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),gr=({size:e="sm",...o})=>t.createElement(t.Fragment,null,t.createElement(ur,null),t.createElement(pr,{size:e,...o})),$r=i(L.Root,{}),k=e=>t.createElement($r,{...e});k.Description=L.Description,k.Title=L.Title,k.Action=L.Action,k.Cancel=L.Cancel,k.Content=gr,k.Trigger=L.Trigger,k.displayName="AlertDialog";const hr=()=>{const e=t.useRef();return t.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},fr=w({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),Ve=i("div",{animationName:`${fr}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),je=({css:e={},message:o="Loading",size:r="md"})=>t.createElement(z,{css:{justifyContent:"center",...e},role:"alert"},t.createElement(So.Root,null,o),t.createElement(Ve,{size:r}),t.createElement(Ve,{size:r}),t.createElement(Ve,{size:r})),Ge=(e,o,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:o},"&:not([disabled]):active":{color:r}}),oe=(e,o,r,a="white")=>({bg:e,color:a,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:o,color:a},"&:not([disabled]):active":{bg:r}}),St=i("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:oe("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:oe("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:oe("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:oe("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:oe("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:oe("white",h.opacify("white",-.1),h.opacify("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:Ge("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:Ge("white",h.opacify("white",-.2),h.opacify("white",-.35))},{theme:"secondary",appearance:"outline",css:Ge("$primaryDark",h.darken(y.colors.primaryDark.value,.1),h.darken(y.colors.primaryDark.value,.15))}]}),br=({isLoading:e,children:o})=>t.createElement(t.Fragment,null,t.createElement(je,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),t.createElement(v,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},o)),yr=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Et=(e,o)=>t.Children.map(e,(r,a)=>(r==null?void 0:r.type)===f?t.cloneElement(r,{css:{[a===0?"mr":"ml"]:o==="sm"?"$2":"$3",size:yr(o),...r.props.css?r.props.css:{}}}):r),q=t.forwardRef(({children:e,isLoading:o,onClick:r,href:a,appearance:n="solid",size:s="md",theme:l="primary",type:d="button",...c},m)=>{const u=a?{as:"a",href:a,onClick:void 0}:{},p=a?{}:{type:d};return t.createElement(St,{isLoading:o||!1,onClick:o?void 0:r,appearance:n,size:s,theme:l,...c,...u,...p,ref:m},typeof o=="boolean"?t.createElement(br,{isLoading:o},Et(e,s)):Et(e,s))});q.displayName="Button";const Ct=i("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...N(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...N(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...N(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...N(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...N(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...N(.1793,.1873)}}}}),re=({size:e="md",...o})=>t.createElement(Ct,{size:e,...o});re.displayName="Heading";const vr=Object.keys(y.space).reduce((e,o)=>({...e,[o]:{mt:`-$space$${o}`,ml:`-$space$${o}`,"& > *":{mt:`$space$${o}`,ml:`$space$${o}`}}}),{}),xr=i("div",{display:"flex","& > *":{m:0},variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"}},wrap:{wrap:{flexWrap:"wrap"},"no-wrap":{flexWrap:"no-wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"}},gap:vr}}),De=({css:e,gap:o=2,direction:r="row",wrap:a="wrap",justify:n="start",align:s,...l})=>t.createElement(ee,{css:e},t.createElement(xr,{direction:r,gap:o,wrap:a,justify:n,align:typeof s=="undefined"&&r!=="column"?"center":s,...l}));De.displayName="Stack";const wr=({title:e,description:o,onAction:r,cancelActionText:a,confirmActionText:n,onClose:s,...l})=>t.createElement(k,{defaultOpen:!0},t.createElement(k.Content,{onEscapeKeyDown:d=>d.preventDefault(),onCloseAutoFocus:s,...l},t.createElement(re,{as:k.Title,size:"sm",css:{mb:"$5"}},e),o&&t.createElement(I,{as:k.Description,css:{mb:"$5"}},o),t.createElement(De,{gap:"2",justify:"end"},a&&t.createElement(q,{appearance:"outline",as:k.Cancel,onClick:()=>r(!1),size:"sm"},a),t.createElement(q,{as:k.Action,onClick:()=>r(!0),size:"sm"},n)))),Sr=[],Er=(e,o)=>{switch(o.type){case"ADD":return[...e,{...o.payload,id:Eo.uid()}];case"REMOVE":return e.filter(({id:r})=>r!==o.payload);default:return e}},kt=t.createContext({showAlert:()=>null}),Cr=({children:e})=>{const[o,r]=t.useReducer(Er,Sr),a=hr();return t.createElement(kt.Provider,{value:{showAlert:n=>r({payload:n,type:"ADD"})}},Boolean(o.length)&&t.createElement(wr,{...o[0],key:o[0].id,onClose:()=>{a.current&&r({payload:o[0].id,type:"REMOVE"})}}),e)},kr=()=>{const e=t.useContext(kt);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},Dr=i(z,{justifyContent:"center",alignItems:"center",borderRadius:"$0",border:"1px solid #FFFFFF",fontFamily:"$body",variants:{theme:{success:{bg:"$successLight",color:"$successDark"},warning:{bg:"$warningLight",color:"$tonal600"},danger:{bg:"$dangerLight",color:"$dangerDark"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$3",height:"calc(24px - $space$1)"},sm:{fontSize:"$md",px:"$4",height:"calc(32px - $space$1)"},md:{fontSize:"$md",px:"$4",height:"calc(48px - $space$1)"}}}}),Dt=({theme:e="info",size:o="sm",children:r,...a})=>t.createElement(Dr,{role:"status",theme:e,size:o,...a},t.createElement(v,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},r));Dt.displayName="Badge";const zt={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},zr=i(H.ButtonBack,zt),Rr=i(H.ButtonNext,zt),Tr=e=>t.createElement(zr,{...e},t.createElement(f,{is:b.ChevronLeft})),Ir=e=>t.createElement(Rr,{...e},t.createElement(f,{is:b.ChevronRight})),Fr=i(H.DotGroup,{justifyContent:"center","& button":{bg:"$tonal200",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary"},"&:hover, &:focus":{bg:"$primaryMid"}}}),Nr=i(H.Slide,{}),Mr=({children:e,...o})=>t.createElement(Nr,{...o,tag:"div"},t.createElement(v,{css:{px:"$3"}},e)),Ar=i(H.Slider,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}}),V=({children:e,css:o,slideHeight:r,slideWidth:a,numSlides:n})=>t.createElement(ee,{css:o},t.createElement(H.CarouselProvider,{naturalSlideWidth:a,naturalSlideHeight:r,totalSlides:n},e)),Wr=()=>t.useContext(H.CarouselContext);V.ArrowNext=Ir,V.ArrowPrevious=Tr,V.Pagination=Fr,V.Slide=Mr,V.Slider=Ar,V.displayName="Carousel";const Pr=i(lt.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),Br=i(lt.Root,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),ze=t.forwardRef((e,o)=>t.createElement(Br,{...e,ref:o},t.createElement(Pr,null,t.createElement(f,{is:e.checked==="indeterminate"?b.Minus:b.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));ze.displayName="Checkbox";const{sm:Lr,md:Or}=ke(),_r=i("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Lr,md:Or},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),Hr=i("span",{color:"$danger",ml:"$1",fontWeight:400}),he=({align:e="start",as:o="label",direction:r="row",size:a="md",type:n="block",children:s,required:l,...d})=>t.createElement(_r,{as:o,size:a,type:n,align:e,direction:r,...d},s,l&&t.createElement(Hr,{"aria-hidden":!0},"*"));he.displayName="Label";const fe=i("li",{}),qr=i("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${fe}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:ke({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${fe}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${fe}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),be=({size:e="md",ordered:o,...r})=>t.createElement(qr,{as:o?"ol":"ul",size:e,...r});be.Item=fe;const Ye=i("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${bt} > &, ${Ct} > &, ${fe} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:ke()}}),Re=t.forwardRef(({size:e="md",onClick:o,href:r,...a},n)=>r?t.createElement(Ye,{size:e,...a,ref:n,href:r}):t.createElement(Ye,{as:"button",size:e,...a,ref:n,onClick:o}));Re.displayName="Link";const Te=({css:e,children:o,...r})=>t.createElement(z,{css:{color:"$danger",alignItems:"flex-start",...e},...r},t.createElement(f,{is:b.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),t.createElement(I,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},o)),Xe=({children:e,css:o})=>t.createElement(I,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...o}},e),O=({css:e,children:o,error:r,fieldId:a,label:n,prompt:s,description:l,required:d})=>t.createElement(v,{css:e},t.createElement(z,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},t.createElement(he,{htmlFor:a,required:d},n),s&&t.createElement(Re,{href:s.link,size:"sm"},s.label)),l&&t.createElement(Xe,{css:{mb:"$3"}},l),o,r&&t.createElement(Te,{css:{mt:"$2"}},r));O.displayName="FieldWrapper";const Vr=i(K.Item,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),jr=i(K.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Ie=e=>t.createElement(Vr,{...e},t.createElement(jr,null));Ie.displayName="RadioButton";const Ue=i(K.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});Ue.displayName="RadioButtonGroup";const Fe=({align:e="start",children:o,css:r,description:a,direction:n="row",error:s,label:l,required:d})=>t.createElement(v,{css:r},t.createElement(he,{align:e,direction:n,required:d,type:"inline"},t.Children.map(o,c=>t.createElement(v,{css:{[n==="reverse"?"ml":"mr"]:"$3",...((c==null?void 0:c.type)===ze||(c==null?void 0:c.type)===Ie)&&{transform:"translateY($space$1)"}}},c)),l),s&&t.createElement(Te,{css:{mt:"$2"}},s),a&&t.createElement(Xe,{css:{mt:"$2",[n==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},a));Fe.displayName="InlineFieldWrapper";var Rt=(e=>(e.LOCAL="local",e.SESSION="session",e))(Rt||{});const Gr=i("form",{}),Yr=({persist:e,watch:o,setValue:r,children:a})=>{const{id:n,...s}=e;let l={...s,storage:s.storage===Rt.LOCAL?window.localStorage:window.sessionStorage};if(s.exclude){const{exclude:d,...c}=l,m=o(),u=Object.keys(m).filter(p=>{var g;if(!((g=s.exclude)==null?void 0:g.includes(p)))return p});l={...c,include:u}}return Po.default(n,{watch:o,setValue:r},l),a},Tt=({formMethods:e,handleSubmit:o,onSubmit:r,onError:a,children:n,...s})=>t.createElement(C.FormProvider,{...e},t.createElement(Gr,{"aria-label":"form",...s,onSubmit:o(r,a)},n)),It=({children:e,defaultValues:o={},onSubmit:r,onError:a,validationMode:n="onBlur",render:s,persist:l,...d})=>{Be.default(!(e&&s),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const c=C.useForm({defaultValues:o,mode:n}),{handleSubmit:m,watch:u,setValue:p}=c,g=s?s(c):e,x={formMethods:c,handleSubmit:m,onSubmit:r,onError:a,...d};return l?t.createElement(Yr,{persist:l,watch:u,setValue:p},t.createElement(Tt,{...x},g)):t.createElement(Tt,{...x},g)};It.displayName="Form";const j=e=>{var o;const{errors:r}=C.useFormContext(),a=e.split(/[,[\].]+?/).filter(Boolean);return{error:(o=(()=>Bo.default(r,a))())==null?void 0:o.message}},Ft=({css:e,defaultChecked:o=!1,label:r,name:a,validation:n,description:s,...l})=>{const{control:d}=C.useFormContext(),{error:c}=j(a);return t.createElement(C.Controller,{control:d,name:a,defaultValue:o,rules:n,render:({onChange:m,value:u,name:p})=>t.createElement(Fe,{css:e,description:s,error:c,label:r,required:Boolean(n==null?void 0:n.required)},t.createElement(ze,{defaultChecked:o,defaultValue:o?"on":"off",checked:u,name:p,onCheckedChange:m,value:u?"on":"off",...c&&{state:"error"},...l}))})};Ft.displayName="CheckboxField";const Xr=i(Z.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:gt(y.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}}),Ur=i(Z.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),Jr=i(Z.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),Kr=i(Z.ComboboxPopover,{bg:"white",border:"solid 1px $tonal100",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});pt({":root":{"--reach-combobox":1}})();const Zr=i(Z.Combobox,{}),G=e=>t.createElement(Zr,{...e});G.displayName="Combobox",G.Option=Jr,G.Input=Xr,G.Popover=Kr,G.List=Ur,G.OptionText=Z.ComboboxOptionText;const Qr=i(P.Close,{}),Je="translate3d(-50%, -50%, 0)",Nt="translate3d(-50%, 50vh, 0)",Mt="modal_overlay",At=2147483646,ea=w({"0%":{transform:Nt},"100%":{transform:Je}}),ta=w({"0%":{transform:Je},"100%":{transform:Nt}}),oa=i(P.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:At,"@allowMotion":{'&[data-state="open"]':{animation:`${$t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${ht} 550ms ease-out`}}}),ra=i(P.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:Je,zIndex:At,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${ea} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${ta} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),aa=({size:e="sm",children:o,closeDialogText:r="Close dialog",showCloseButton:a=!0,...n})=>t.createElement(P.Portal,null,t.createElement(oa,{id:Mt},t.createElement(ra,{size:e,"aria-label":"Dialog",onPointerDownOutside:s=>{const l=s.target;(l==null?void 0:l.id)!==Mt&&s.preventDefault()},...n},a&&t.createElement(R,{as:P.Close,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"lg",theme:"neutral"},t.createElement(f,{is:b.Close})),o))),na=i(P.Root,{}),Y=e=>t.createElement(na,{...e});Y.Close=Qr,Y.Content=aa,Y.Description=P.Description,Y.Title=P.Title,Y.Trigger=P.Trigger,Y.displayName="Dialog";const ia=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],sa=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],la=i("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$tonal900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$tonal100"},"&:active":{color:"white",bg:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"2px"},variants:{isSelected:{true:{bg:"$primary",color:"white","&:hover":{bg:"$primary"}}},isToday:{true:{bg:"$tonal100"}},isOutsideMonth:{true:{color:"$tonal200"}}}}),Wt=i("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ca=(e,o)=>{const r=e.slice(0,o);return e.slice(o).concat(r)},Pt=({css:e,refDateSelected:o,refDateToday:r,firstDayOfWeek:a=0,monthNames:n=ia,weekdayNames:s=sa,labels:l={next:"Next month",previous:"Previous month"},...d})=>{const{calendars:c,getBackProps:m,getForwardProps:u,getDateProps:p}=Do.useDayzed({firstDayOfWeek:a,showOutsideDays:!0,...d});return c.length?t.createElement(v,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},t.createElement(z,{css:{position:"absolute",top:0,right:"-$1"}},t.createElement(R,{label:l.previous,theme:"neutral",size:"lg",...m({calendars:c})},t.createElement(f,{is:b.ChevronLeft})),t.createElement(R,{label:l.next,theme:"neutral",size:"lg",...u({calendars:c})},t.createElement(f,{is:b.ChevronRight}))),c.map(({month:g,year:x,weeks:se})=>t.createElement(v,{key:`${g}${x}`},t.createElement(z,{css:{height:"$4",alignItems:"center",mb:"$4"}},t.createElement(re,{size:"xs"},n[g]," ",x)),t.createElement(Wt,{css:{mb:"$3"}},ca(s,a).map(S=>t.createElement(I,{as:"span",size:"sm",key:`${g}${x}${S}`,css:{fontWeight:600,textAlign:"center"}},S))),t.createElement(Wt,null,se.map((S,E)=>S.map((T,M)=>{const D=`${g}${x}${E}${M}`;if(!T)return t.createElement("div",{key:D});const{date:_,selected:W,today:A,prevMonth:we,nextMonth:We}=T;return t.createElement(la,{isOutsideMonth:we||We,isSelected:W,isToday:A,key:D,ref:W?o:A?r:null,...p({dateObj:T})},_.getDate())})))))):null};Pt.displayName="Calendar";const Bt=i("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),ae=t.forwardRef(({type:e="text",size:o="md",...r},a)=>e==="number"?t.createElement(Bt,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:o,...r,ref:a}):t.createElement(Bt,{type:e,size:o,...r,ref:a}));ae.displayName="Input";const da=i(Q.Content,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:_e},'&[data-side="right"]':{animationName:He},'&[data-side="bottom"]':{animationName:Le},'&[data-side="left"]':{animationName:Oe}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),ma=i(Q.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),ua=({children:e,side:o="top",sideOffset:r=8,closePopoverText:a="Close popover",showCloseButton:n=!0,size:s="md",...l})=>t.createElement(da,{size:s,side:o,sideOffset:r,...l},n&&t.createElement(R,{as:Q.Close,css:{position:"absolute",right:"$0",top:"$0"},label:a,size:"lg",theme:"neutral"},t.createElement(f,{is:b.Close})),e,t.createElement(ma,{width:16,height:8}));i(Q.Root,{});const X=e=>t.createElement(Q.Root,{...e});X.Content=ua,X.Trigger=Q.Trigger,X.displayName="Popover";const Lt="DD/MM/YYYY";de.default.extend(Lo.default);const pa=(e,o=Lt)=>{const[r,a]=t.useState(e?de.default(e).toDate():void 0),[n,s]=t.useState(e?de.default(e).format(o):"");return{dateString:n,date:r,setDate:(d,c=!1)=>{const m=c?de.default(d,o):de.default(d);a(m.isValid()?m.toDate():void 0),s(c?d:m.format(o))}}},Ke=t.forwardRef(({initialDate:e,dateFormat:o=Lt,firstDayOfWeek:r=1,disabled:a,monthNames:n,weekdayNames:s,size:l="md",labels:d={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:c,onChange:m,...u},p)=>{const{date:g,dateString:x,setDate:se}=pa(e,o),[S,E]=t.useState(!1),T=t.useRef(null),M=t.useRef(null);return t.useEffect(()=>{m==null||m(g)},[g,m]),t.createElement(v,{css:{position:"relative"}},t.createElement(ae,{name:"date",disabled:a,size:l,...u,onChange:D=>se(D.target.value,!0),value:x,ref:p}),t.createElement(X,{modal:!0,open:S,onOpenChange:E},t.createElement(X.Trigger,{asChild:!0},t.createElement(R,{css:{position:"absolute",top:0,right:0},disabled:a,label:d.open,size:l==="sm"?"md":"lg",theme:"neutral"},t.createElement(f,{size:"sm",is:b.CalendarEvent}))),t.createElement(X.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:D=>{var _,W;D.preventDefault(),g?(_=M.current)==null||_.focus():(W=T.current)==null||W.focus()}},t.createElement(Pt,{date:g||new Date,selected:g,onDateSelected:async D=>{E(!1),await se(D.date,!1),c&&c()},refDateToday:T,refDateSelected:M,firstDayOfWeek:r,monthNames:n,weekdayNames:s,labels:d}))))});Ke.displayName="DateInput";const Ot=({css:e,label:o,name:r,validation:a,prompt:n,description:s,...l})=>{const{register:d,trigger:c}=C.useFormContext(),{error:m}=j(r),u=a?d(a):d;return t.createElement(O,{css:e,description:s,error:m,fieldId:r,label:o,prompt:n,required:Boolean(a==null?void 0:a.required)},t.createElement(Ke,{id:r,name:r,ref:u,...m&&{state:"error"},...l,revalidate:c}))};Ot.displayName="DateField";const ga=i("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Ze=({orientation:e="horizontal",...o})=>$.default.createElement(ga,{orientation:e,...o}),$a=i(le.Content,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2","@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:_e},'&[data-side="right"]':{animationName:He},'&[data-side="bottom"]':{animationName:Le},'&[data-side="left"]':{animationName:Oe}}}}),ha={alignItems:"center",color:"$tonal600",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3",py:"$2","&[data-disabled]":{color:"$tonal200",pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"$2",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primaryMid",outline:"none"},"&:hover":{textDecoration:"underline"}},_t=i(le.Item,ha),fa=i("a",{textDecoration:"none"}),ba=({children:e,href:o,...r})=>$.default.createElement(_t,{...r,asChild:!0},$.default.createElement(fa,{href:o,role:"menuitem"},e)),ya=i(le.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),va=i(le.Trigger,{}),xa=i(le.Root,{}),ne=e=>$.default.createElement(xa,{...e});ne.Content=$a,ne.Item=_t,ne.LinkItem=ba,ne.Separator=ya,ne.Trigger=va;const wa=Object.keys(y.space).reduce((e,o)=>({...e,[o]:{gap:`$space$${o}`}}),{}),Sa=i("div",{display:"grid",variants:{gap:wa}}),Ht=({css:e,gap:o=2,minItemSize:r,maxItemSize:a="1fr",...n})=>t.createElement(Sa,{css:{...e,gridTemplateColumns:`repeat(auto-fit, minmax(${r}, ${a}))`},gap:o,...n});Ht.displayName="Grid";const qt=({accept:e,children:o,multiple:r=!1,onFileSelect:a,...n})=>{const s=l=>{const{files:d}=l.target;a(d)};return t.createElement(q,{as:"label",...n},t.createElement(f,{is:b.Upload}),o,t.createElement("input",{type:"file",onChange:s,accept:e,multiple:r,hidden:!0}))};qt.displayName="FileInput";const Vt=({css:e,label:o,name:r,validation:a,prompt:n,description:s,...l})=>{const{register:d}=C.useFormContext(),{error:c}=j(r),m=a?d(a):d;return t.createElement(O,{css:e,description:s,error:c,fieldId:r,label:o,prompt:n,required:Boolean(a==null?void 0:a.required)},t.createElement(ae,{id:r,name:r,ref:m,...c&&{state:"error"},...l}))};Vt.displayName="InputField";const Ea=i(v,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),Ca=({node:e})=>t.createElement(Ea,{as:"pre"},e.value),ka=i("em",{fontStyle:"italic"}),Da=({node:e,handleNode:o})=>{var r;return t.createElement(ka,null,(r=e.children)==null?void 0:r.map(o))},za=e=>{switch(e){case 1:return{size:"xl",as:"h1"};case 2:return{size:"lg",as:"h2"};case 3:return{size:"md",as:"h3"};case 4:return{size:"sm",as:"h4"};case 5:return{size:"xs",as:"h5"};default:return{size:"xs",as:"h6"}}},jt=({node:e,handleNode:o,css:r})=>{var a;const{as:n,size:s}=za(e.depth);return t.createElement(re,{as:n,size:s,css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(o))},Ra=i(v,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),Ta=({node:e})=>t.createElement(Ra,{as:"code"},e.value),Gt=({node:e,css:o})=>t.createElement(ue,{src:e.url,alt:e.alt,css:o}),Ia=({node:e,handleNode:o})=>{var r;return t.createElement(Re,{title:e.title,href:e.url},(r=e.children)==null?void 0:r.map(o))},Yt=({node:e,handleNode:o,css:r})=>{var a;return t.createElement(be,{css:{"& p:before, & p:after":{display:"none"},...r},ordered:e.ordered},(a=e.children)==null?void 0:a.map(o))},Fa=({node:e,handleNode:o})=>{var r;return t.createElement(be.Item,null,(r=e.children)==null?void 0:r.map(o))},Xt=({node:e,handleNode:o,css:r})=>{var a;return t.createElement(I,{css:{color:"inherit",...r}},(a=e.children)==null?void 0:a.map(o))},Na=i("strong",{fontWeight:600}),Ma=({node:e,handleNode:o})=>{var r;return t.createElement(Na,null,(r=e.children)==null?void 0:r.map(o))},Aa=({node:e})=>e.value,Ut=({css:e})=>t.createElement(Ze,{css:{width:"100%",...e}}),Wa=i("div",{}),Ne=(e,o)=>t.cloneElement(e,{css:{...o,...e.props.css?e.props.css:{}}}),Qe=({children:e,...o})=>t.createElement(Wa,{...o},t.Children.map(e,r=>{if(!t.isValidElement(r))return r;const a=r==null?void 0:r.type;return a===re||a===jt?Ne(r,{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}}):a===I||a===Xt||a===be||a===Yt?Ne(r,{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}}):a===Ze||a===Ut?Ne(r,{my:"$5"}):a===ue||a===Gt?Ne(r,{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}):r}));Qe.displayName="StackContent";const Pa={code:Ca,emphasis:Da,heading:jt,inlineCode:Ta,image:Gt,link:Ia,list:Yt,listItem:Fa,paragraph:Xt,strong:Ma,text:Aa,thematicBreak:Ut},Ba=e=>{var o,r;if((o=e.position)==null?void 0:o.start){const{line:a,column:n,offset:s}=(r=e.position)==null?void 0:r.start;return`${e.type}${a}${n}${s}`}return`${e.type}${+new Date}`},Jt=({content:e,customComponents:o={},css:r})=>{const a=_o.default(e,{extensions:[Ho.default()],mdastExtensions:[Oo.default.fromMarkdown]}),n={...Pa,...o},s=l=>{const d=n[l.type];return d?t.createElement(d,{key:Ba(l),node:l,handleNode:s}):null};return t.createElement(Qe,{css:r},a.children.map(s))};Jt.displayName="MarkdownContent";const La=i(v,{position:"relative"}),Oa=i(z,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),_a=({value:e,children:o})=>$.default.createElement(La,null,!!e&&$.default.createElement(Oa,{role:"status"},e),o),et=t.forwardRef(({css:e,hidePasswordText:o="Hide password",showPasswordText:r="Show password",...a},n)=>{const[s,l]=t.useState(!1),d=()=>l(c=>!c);return t.createElement(v,{css:{position:"relative",...e}},t.createElement(ae,{...a,type:s?"text":"password",ref:n,css:{pr:"$sizes$2"}}),t.createElement(R,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:s?o:r,onClick:d,onMouseDown:c=>c.preventDefault(),size:"lg"},t.createElement(f,{is:s?b.Eye:b.EyeCrossed,css:{size:20}})))});et.displayName="PasswordInput";const Kt=({css:e={},label:o="Password",name:r,prompt:a=void 0,description:n,validation:s,...l})=>{const{register:d}=C.useFormContext(),{error:c}=j(r),m=s?d(s):d;return t.createElement(O,{css:{...e,position:"relative"},description:n,error:c,fieldId:r,label:o,prompt:a,required:Boolean(s==null?void 0:s.required)},t.createElement(et,{autoComplete:"current-password",name:r,id:r,ref:m,...l}))};Kt.displayName="PasswordField";const Ha=i(ct.Root,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),qa=i(ct.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),Zt=({value:e,max:o=100,theme:r="primary",...a})=>t.createElement(Ha,{value:e,max:o,theme:r,...a},t.createElement(qa,{style:{width:"100%",transform:`translateX(-${100-(e||0)/o*100}%)`}}));Zt.displayName="ProgressBar";const Qt=t.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1}),Va=({children:e,stepCount:o,allowSkip:r,onComplete:a,onStepChange:n})=>{const[s,l]=t.useState(0),[d,c]=t.useState([0]);t.useEffect(()=>{c(g=>g.includes(s)?g:[...g,s]),n==null||n(s)},[s,n]);const m=()=>{if(a&&s===o-1)return a();if(s<o-1)return l(g=>g+1)},u=()=>{l(g=>g-1)},p=g=>{l(g)};return t.createElement(Qt.Provider,{value:{steps:Array(o).fill(""),goToPreviousStep:u,goToNextStep:m,goToStep:p,activeStep:s,viewedSteps:d,allowSkip:r}},e)},tt=()=>{const e=t.useContext(Qt);if(!e)throw new Error("Ensure that you wrap any components with the root component Stepper");return e},ja=({label:e,children:o,...r})=>{const{activeStep:a,goToPreviousStep:n}=tt();return t.createElement(q,{size:"sm",appearance:"outline",...r,disabled:a===0,onClick:n},o||(e==null?void 0:e(a)))},Ga=({label:e,children:o,onClick:r,...a})=>{const{goToNextStep:n,activeStep:s}=tt(),l=()=>{if(r)return r(n);n()};return t.createElement(q,{size:"sm",...a,onClick:l,css:{ml:"auto"}},o||(e==null?void 0:e(s)))},Ya=i(z,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",width:"$2",height:"$2",borderRadius:"50%",border:"none",bg:"$tonal50",fontFamily:"$body",fontWeight:400,fontSize:"$sm","&:not(:first-child)":{ml:"$3"},"&:not(:last-child)::after":{content:"",height:"1px",position:"absolute",left:"$sizes$2"},variants:{state:{normal:{bg:"$tonal50",color:"$tonal400"},active:{bg:"$primary",color:"white"},viewed:{bg:"$primaryDark",color:"white"}},separator:{normal:{"&:not(:last-child)::after":{bg:"$tonal50"}},highlight:{"&:not(:last-child)::after":{bg:"$primaryDark"}}}}}),Xa=({css:e,...o})=>{const{steps:r,goToStep:a,activeStep:n,viewedSteps:s,allowSkip:l}=tt(),d=m=>n===m?"active":s.includes(m)?"viewed":"normal",c=m=>m<Math.max(...s)?"highlight":"normal";return t.createElement(z,{css:{alignItems:"center",justifyContent:"space-between",...e},...o},r.map((m,u)=>t.createElement(Ya,{key:`step_${u}`,as:l?"button":"div",onClick:()=>l&&s.includes(u)?a(u):void 0,state:d(u),separator:c(u),"aria-current":u===n?"step":void 0,"aria-label":`step ${u+1}`,css:{cursor:l&&s.includes(u)?"pointer":"auto","&:not(:last-child)::after":{width:(e==null?void 0:e.width)?`calc((${e.width} - ($2 * ${r.length})) / ${r.length-1})`:"$1"}}},u+1)))},ye=({children:e,stepCount:o,allowSkip:r,onComplete:a,onStepChange:n})=>t.createElement(Va,{stepCount:o,allowSkip:r,onComplete:a,onStepChange:n},t.createElement(v,{"aria-label":"progress",css:{width:"100%",display:"grid",gridTemplateColumns:"1fr auto 1fr"}},e));ye.StepBack=ja,ye.StepForward=Ga,ye.Steps=Xa,ye.displayName="Stepper";const eo=({css:e,label:o,value:r,...a})=>t.createElement(Fe,{css:e,label:o},t.createElement(Ie,{value:r,...a}));eo.displayName="RadioField";const Ua=i("fieldset",{all:"unset"}),ot=({children:e,css:o,direction:r="column",defaultValue:a,description:n,label:s,name:l,validation:d,onValueChange:c})=>{const{control:m}=C.useFormContext(),{error:u}=j(l);return t.createElement(Ua,{css:o},t.createElement(he,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(d==null?void 0:d.required)},s),n&&t.createElement(Xe,{css:{mb:"$3"}},n),t.createElement(C.Controller,{control:m,name:l,rules:d,defaultValue:a,render:({onChange:p,value:g})=>t.createElement(Ue,{direction:r,defaultValue:a,onValueChange:x=>{p(x),c==null||c(x)},value:g},e)}),u&&t.createElement(Te,{css:{mt:"$2"}},u))};ot.Item=eo,ot.displayName="RadioButtonField";const Ja=i(K.Item,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$5",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),Ka=i("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),Za=i(K.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),to=({children:e,isFullWidth:o=!1,size:r="md",align:a="left",...n})=>t.createElement(Ja,{...n,align:a,isFullWidth:o,size:r},t.createElement(Ka,{align:a,containerIsFullWidth:o},t.createElement(Za,null)),t.createElement(v,null,e)),Qa=({css:e,children:o,size:r,isFullWidth:a,align:n,gap:s="3",justify:l,...d})=>t.createElement(K.Root,{...d},t.createElement(De,{direction:"row",justify:l,gap:s,css:e},t.Children.map(o,c=>t.isValidElement(c)&&(c==null?void 0:c.type)===to?t.cloneElement(c,{size:r,isFullWidth:a,align:n}):c))),en=i(f,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),tn=i(ae,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),oo=({size:e="md",css:o,value:r,clearText:a="Clear",onChange:n,...s})=>{const[l,d]=t.useState(r||""),[c,m]=t.useState(r?"CLEAR":"SEARCH"),u=()=>{d(""),m("SEARCH")},p=x=>{d(x.target.value),m(x.target.value?"CLEAR":"SEARCH"),n==null||n(x)},g=()=>c==="SEARCH"?t.createElement(en,{is:b.Search,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(R,{label:a,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:u},t.createElement(f,{is:b.Close}));return t.createElement(v,{css:{position:"relative",...o}},t.createElement(tn,{size:e,type:"search",...s,value:l,onChange:p,css:{pr:e==="sm"?"$5":"$6"}}),g())};oo.displayName="SearchInput";const on=i("select",{appearance:"none",backgroundColor:"white",backgroundImage:gt(y.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"}},state:{error:{border:"1px solid $danger"}}}}),rt=t.forwardRef(({placeholder:e,children:o,size:r="md",...a},n)=>t.createElement(on,{size:r,defaultValue:"",...a,ref:n},e&&t.createElement("option",{disabled:!0,hidden:!0,value:""},e),o));rt.displayName="Select";const ro=({css:e=void 0,children:o,name:r,label:a,validation:n,prompt:s,description:l,...d})=>{const{register:c}=C.useFormContext(),{error:m}=j(r),u=n?c(n):c;return t.createElement(O,{css:e,description:l,error:m,fieldId:r,label:a,prompt:s,required:Boolean(n==null?void 0:n.required)},t.createElement(rt,{name:r,id:r,...d,ref:u,...m&&{state:"error"}},o))};ro.displayName="SelectField";const rn=i("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),ao=(e,o,r)=>(e-o)/(r-o)*100,an=(e,o,r)=>{const a=ao(e,o,r);return a<=10?0:a>=90?100:50},nn=({min:e,max:o,steps:r=[]})=>r.length===0?null:t.createElement(rn,null,r.map(a=>t.createElement(I,{as:"span",key:a.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${ao(a.value,e,o)}%`,transform:`translateX(-${an(a.value,e,o)}%)`}},a.label))),sn=({value:e=[],outputLabel:o=r=>`Current value is ${r}`})=>t.createElement(I,{css:{mt:"$4",color:"$tonal300",width:"100%"}},o(e.length===1?e[0]:e)),at=i(Ee.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),ln=i(Ee.Root,{alignItems:"center",display:"flex",position:"relative",touchAction:"none",userSelect:"none",cursor:"pointer",'&[data-orientation="horizontal"]':{height:"$1"},'&[data-orientation="vertical"]':{flexDirection:"column",width:"$1"},"&[data-disabled]":{cursor:"not-allowed",bg:"$tonal100"},variants:{theme:{light:{[`${at}`]:{bg:"#fff"}},tonal:{[`${at}`]:{bg:"$tonal200"}}}}}),cn=i(Ee.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),dn=i(Ee.Thumb,{bg:"$primaryMid",borderRadius:"$round",display:"block",size:"$1","&:hover":{bg:"$primaryDark"},"&:focus":{outline:"2px solid $primaryMid",outlineOffset:"2px"},"&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),U=({value:e,defaultValue:o,min:r=0,max:a=100,theme:n="tonal",css:s,children:l,...d})=>{const c=e||o;return t.createElement(ee,{css:s},t.createElement(ln,{theme:n,defaultValue:o,value:e,min:r,max:a,...d},t.createElement(at,null,t.createElement(cn,null)),(c==null?void 0:c.length)&&c.map((m,u)=>t.createElement(dn,{key:`thumb${u}`}))),l)};U.Value=sn,U.Steps=nn,U.displayName="Slider";const no=({css:e,label:o,name:r,defaultValue:a,outputLabel:n,min:s=0,max:l=100,steps:d=[],...c})=>{const{control:m}=C.useFormContext();return $.default.createElement(O,{css:e,fieldId:r,label:o},$.default.createElement(C.Controller,{control:m,name:r,defaultValue:a,render:({onChange:u,value:p})=>$.default.createElement(U,{name:r,defaultValue:a,onValueChange:u,value:p,min:s,max:l,...c},$.default.createElement(U.Steps,{min:s,max:l,steps:d}),$.default.createElement(U.Value,{value:p||a,outputLabel:n}))}))};no.displayName="SliderField";const mn=i(dt.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",p:"$0",position:"relative",transition:"all 50ms ease-out",width:"$4","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"}}),un=i(dt.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),io=e=>t.createElement(mn,{...e},t.createElement(un,null));io.displayName="Switch";const so=i("tbody",{});so.displayName="TableBody";const ie=i("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"},"tr:nth-child(odd) &":{bg:"white"},"tr:nth-child(even) &":{bg:"$tonal50"}});ie.displayName="TableCell";const lo=i("tfoot",{});lo.displayName="TableFooter";const Me=i("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Me.displayName="TableFooterCell";const J=i("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});J.displayName="TableHeaderCell";const pn=i("thead",{variants:{theme:{primary:{[`${J}`]:{bg:"$primary"}},primaryDark:{[`${J}`]:{bg:"$primaryDark"}}}}}),co=({theme:e="primaryDark",...o})=>$.default.createElement(pn,{theme:e,...o});co.displayName="TableHeader";const nt=i("tr",{});nt.displayName="TableRow";const gn=i("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${ie}, ${J}, ${Me}`]:{height:"$4"}},lg:{[`${ie}, ${J}, ${Me}`]:{height:"$5"}}},corners:{round:{[`${J}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${nt}:last-child`]:{[`${ie}:first-child`]:{borderBottomLeftRadius:"$0"},[`${ie}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),B=({size:e="md",corners:o="round",...r})=>t.createElement(gn,{size:e,corners:o,...r});B.Body=so,B.Cell=ie,B.Footer=lo,B.FooterCell=Me,B.Header=co,B.HeaderCell=J,B.Row=nt,B.displayName="Table";const $n=i(Ce.Trigger,{background:"none",border:"none",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:h.opacify(y.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:h.opacify(y.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:h.opacify("white",-.8)},"&:not([data-disabled]):active":{bg:h.opacify("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Ae=({children:e,theme:o,disabled:r=!1,...a})=>t.createElement($n,{disabled:r,theme:o,...a},e);Ae.displayName="TabTrigger";const it=(e,o,r=[])=>$.default.Children.map(e,a=>$.default.isValidElement(a)&&r.includes(a==null?void 0:a.type)?$.default.cloneElement(a,{...o}):a),hn=h.opacify("white",-.2),fn=h.opacify(y.colors.primaryDark.value,-.2),mo=i(R,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${hn} !important`},dark:{bg:`${fn} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),uo=i(Ce.List,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{textTransform:"uppercase"}}}}),po=({children:e,theme:o,appearance:r,enableTabScrolling:a,scrollPercentage:n=10,...s})=>{const l=t.useRef(null),[d,c]=t.useState(!1),[m,u]=t.useState(!1),[p,g]=t.useState(),x=t.useCallback(S=>{const E=l.current;if(E){const{scrollWidth:T,scrollLeft:M,offsetWidth:D}=E,_=Math.round(T*(n/100));let W=M;if(S==="right"){const A=M+_;W=A+D<=T?A:T-D}else{const A=M-_;W=A>0?A:0}E.scroll({left:W,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:A,scrollLeft:we,offsetWidth:We}=E,yo=A-(we+We);we===0?(c(!1),u(!0)):yo<5?(u(!1),c(!0)):(c(!0),u(!0))},500)}},[]);return t.useEffect(()=>{const S=No.debounce(500,()=>{g(window.innerWidth)});return window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[]),t.useEffect(()=>{var S;const E=l.current;if(E){const{offsetWidth:T,scrollWidth:M}=E,D=M>T;(S=E.scroll)==null||S.call(E,{left:0}),c(!1),u(D)}},[p]),d||m||a?$.default.createElement(z,{css:{position:"relative"}},$.default.createElement(mo,{size:"xl",label:"Scroll Left",theme:o,onClick:()=>x("left"),visible:d,css:{left:0}},$.default.createElement(f,{is:b.ChevronLeft,size:"lg"})),$.default.createElement(uo,{...s,ref:l,appearance:r,theme:o},it(e,{theme:o},[Ae])),$.default.createElement(mo,{size:"xl",label:"Scroll right",theme:o,onClick:()=>x("right"),visible:m,css:{right:0}},$.default.createElement(f,{is:b.ChevronRight,size:"lg"}))):$.default.createElement(uo,{theme:o,...s,appearance:r,ref:l},it(e,{theme:o},[Ae]))},bn=i(Ce.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),go=i(Ce.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),ve=({theme:e="light",children:o,...r})=>t.createElement(bn,{theme:e,...r},it(o,{theme:e},[po,go]));ve.TriggerList=po,ve.Trigger=Ae,ve.Content=go,ve.displayName="Tabs";const yn=i("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),st=t.forwardRef((e,o)=>t.createElement(yn,{...e,ref:o}));st.displayName="Textarea";const $o=({css:e=void 0,label:o,name:r,validation:a,prompt:n,description:s,...l})=>{const{register:d}=C.useFormContext(),{error:c}=j(r),m=a?d(a):d;return t.createElement(O,{css:e,description:s,error:c,fieldId:r,label:o,prompt:n,required:Boolean(a==null?void 0:a.required)},t.createElement(st,{id:r,name:r,ref:m,...c&&{state:"error"},...l}))};$o.displayName="TextareaField";const ho=400,vn=w({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),xn=w({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),wn=i("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${vn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${xn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),Sn=i("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:ho},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),En=t.memo(({ariaLive:e,height:o,id:r,message:a,role:n,type:s="blank",visible:l,calculateOffset:d,updateHeight:c})=>{const m=d(r,{reverseOrder:!0,margin:8}),u=p=>{p&&o===void 0&&c(r,p.getBoundingClientRect().height)};return t.createElement(wn,{visible:l},t.createElement(Sn,{ref:u,status:s,role:n,"aria-live":e,style:{transform:`translateY(${m}px)`}},s==="error"&&t.createElement(f,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:b.Error}),t.createElement(I,{css:{color:"inherit"}},a),s==="loading"?t.createElement(je,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(R,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>Pe.toast.dismiss(r)},t.createElement(f,{is:b.Close}))))}),Cn=2147483647,kn=i("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:Cn,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${ho/2}px)`}}),fo=({children:e})=>{const{toasts:o,handlers:r}=Pe.useToaster(),{startPause:a,endPause:n,calculateOffset:s,updateHeight:l}=r;return t.createElement(t.Fragment,null,t.createElement(kn,{onMouseEnter:a,onMouseLeave:n},o.map(d=>t.createElement(En,{key:d.id,calculateOffset:s,updateHeight:l,...d}))),e)};fo.displayName="ToastProvider";const Dn=i(ce.Content,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,px:"$3",py:"$2","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:_e},'&[data-side="right"]':{animationName:He},'&[data-side="bottom"]':{animationName:Le},'&[data-side="left"]':{animationName:Oe}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),zn=i(ce.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),Rn=({children:e,side:o="top",sideOffset:r=4,size:a="md",...n})=>t.createElement(Dn,{side:o,sideOffset:r,size:a,...n},e,t.createElement(zn,null)),xe=({children:e,delayDuration:o=350,...r})=>t.createElement(ce.Root,{delayDuration:o,...r},e);xe.Content=Rn,xe.Trigger=i(ce.Trigger,{}),xe.Provider=ce.Provider,xe.displayName="Tooltip";const Tn=i(Vo.default,{}),bo=t.forwardRef(({id:e,ratio:o=9/16,css:r,...a},n)=>t.createElement(ee,{css:r},t.createElement(v,{css:{borderRadius:"$0",position:"relative",paddingTop:`${o*100}%`,overflow:"hidden",height:0,width:"100%"}},t.createElement(Tn,{...a,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:n}))));bo.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return qo.default}}),exports.Accordion=me,exports.ActionIcon=R,exports.AlertDialog=k,exports.AlertProvider=Cr,exports.Badge=Dt,exports.Box=v,exports.Button=q,exports.Carousel=V,exports.Checkbox=ze,exports.CheckboxField=Ft,exports.Combobox=G,exports.DateField=Ot,exports.DateInput=Ke,exports.Dialog=Y,exports.Divider=Ze,exports.DropdownMenu=ne,exports.EmptyState=pe,exports.FieldWrapper=O,exports.FileInput=qt,exports.Flex=z,exports.Form=It,exports.Grid=Ht,exports.Heading=re,exports.Icon=f,exports.Image=ue,exports.InlineFieldWrapper=Fe,exports.Input=ae,exports.InputField=Vt,exports.Label=he,exports.Link=Re,exports.List=be,exports.Loader=je,exports.MarkdownContent=Jt,exports.NotificationBadge=_a,exports.PasswordField=Kt,exports.PasswordInput=et,exports.Popover=X,exports.ProgressBar=Zt,exports.RadioButton=Ie,exports.RadioButtonField=ot,exports.RadioButtonGroup=Ue,exports.RadioCard=to,exports.RadioCardGroup=Qa,exports.SearchInput=oo,exports.Select=rt,exports.SelectField=ro,exports.Slider=U,exports.SliderField=no,exports.Stack=De,exports.StackContent=Qe,exports.Stepper=ye,exports.StyledButton=St,exports.StyledLink=Ye,exports.Switch=io,exports.Table=B,exports.Tabs=ve,exports.Text=I,exports.Textarea=st,exports.TextareaField=$o,exports.ToastProvider=fo,exports.Tooltip=xe,exports.ValidationError=Te,exports.Video=bo,exports.createTheme=Xo,exports.css=Go,exports.getCssText=Yo,exports.globalCss=pt,exports.keyframes=w,exports.media=ut,exports.styled=i,exports.theme=y,exports.useAlert=kr,exports.useCarousel=Wr,exports.utils=mt;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Accordion as p}from"./components/accordion/Accordion.js";import{EmptyState as x}from"./components/empty-state/EmptyState.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as d}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as n,useAlert as s}from"./components/alert-dialog/alert-context/AlertContext.js";import{
|
|
1
|
+
import{Accordion as p}from"./components/accordion/Accordion.js";import{EmptyState as x}from"./components/empty-state/EmptyState.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as d}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as n,useAlert as s}from"./components/alert-dialog/alert-context/AlertContext.js";import{Badge as c}from"./components/badge/Badge.js";import{Box as S}from"./components/box/Box.js";import{Button as I,StyledButton as g}from"./components/button/Button.js";import{Carousel as T,useCarousel as b}from"./components/carousel/Carousel.js";import{Checkbox as h}from"./components/checkbox/Checkbox.js";import{CheckboxField as P}from"./components/checkbox-field/CheckboxField.js";import{Combobox as y}from"./components/combobox/Combobox.js";import{Dialog as L}from"./components/dialog/Dialog.js";import{DateInput as v}from"./components/date-input/DateInput.js";import{DateField as E}from"./components/date-field/DateField.js";import{Divider as V}from"./components/divider/Divider.js";import{DropdownMenu as H}from"./components/dropdown-menu/DropdownMenu.js";import{FieldWrapper as j}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as z}from"./components/field-wrapper/InlineFieldWrapper.js";import{Flex as K}from"./components/flex/Flex.js";import{Form as Q}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as X}from"./components/grid/Grid.js";import{Heading as Z}from"./components/heading/Heading.js";import{Icon as $}from"./components/icon/Icon.js";import{Image as ro}from"./components/image/Image.js";import{Input as to}from"./components/input/Input.js";import{FileInput as mo}from"./components/file-input/FileInput.js";import{InputField as fo}from"./components/input-field/InputField.js";import{Label as io}from"./components/label/Label.js";import{Link as no,StyledLink as so}from"./components/link/Link.js";import{List as co}from"./components/list/List.js";import{Loader as So}from"./components/loader/Loader.js";import{MarkdownContent as Io}from"./components/markdown-content/MarkdownContent.js";import{NotificationBadge as Bo}from"./components/notification-badge/NotificationBadge.js";import{PasswordField as bo}from"./components/password-field/PasswordField.js";import{PasswordInput as ho}from"./components/password-input/PasswordInput.js";import{Popover as Po}from"./components/popover/Popover.js";import{ProgressBar as yo}from"./components/progress-bar/ProgressBar.js";import{Stepper as Lo}from"./components/stepper/Stepper.js";import{RadioButton as vo}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Eo}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as Vo}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as Ho}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as jo}from"./components/radio-card/RadioCardGroup.js";import{SearchInput as zo}from"./components/search-input/SearchInput.js";import{Select as Ko}from"./components/select/Select.js";import{SelectField as Qo}from"./components/select-field/SelectField.js";import{Slider as Xo}from"./components/slider/Slider.js";import{SliderField as Zo}from"./components/slider-field/SliderField.js";import{Stack as $o}from"./components/stack/Stack.js";import{StackContent as rr}from"./components/stack-content/StackContent.js";import{Switch as tr}from"./components/switch/Switch.js";import{Table as mr}from"./components/table/Table.js";import{Tabs as fr}from"./components/tabs/Tabs.js";import{Text as ir}from"./components/text/Text.js";import{Textarea as lr}from"./components/textarea/Textarea.js";import{TextareaField as sr}from"./components/textarea-field/TextareaField.js";import{ToastProvider as cr}from"./components/toast/ToastProvider.js";import{Tooltip as Sr}from"./components/tooltip/Tooltip.js";import{ValidationError as Ir}from"./components/validation-error/ValidationError.js";import{Video as Br}from"./components/video/Video.js";import{createTheme as br,css as kr,getCssText as hr,globalCss as Dr,keyframes as Pr,media as wr,styled as yr,theme as Ar,utils as Lr}from"./stitches.js";import{default as vr}from"react-hot-toast";export{p as Accordion,a as ActionIcon,d as AlertDialog,n as AlertProvider,c as Badge,S as Box,I as Button,T as Carousel,h as Checkbox,P as CheckboxField,y as Combobox,E as DateField,v as DateInput,L as Dialog,V as Divider,H as DropdownMenu,x as EmptyState,j as FieldWrapper,mo as FileInput,K as Flex,Q as Form,X as Grid,Z as Heading,$ as Icon,ro as Image,z as InlineFieldWrapper,to as Input,fo as InputField,io as Label,no as Link,co as List,So as Loader,Io as MarkdownContent,Bo as NotificationBadge,bo as PasswordField,ho as PasswordInput,Po as Popover,yo as ProgressBar,vo as RadioButton,Vo as RadioButtonField,Eo as RadioButtonGroup,Ho as RadioCard,jo as RadioCardGroup,zo as SearchInput,Ko as Select,Qo as SelectField,Xo as Slider,Zo as SliderField,$o as Stack,rr as StackContent,Lo as Stepper,g as StyledButton,so as StyledLink,tr as Switch,mr as Table,fr as Tabs,ir as Text,lr as Textarea,sr as TextareaField,cr as ToastProvider,Sr as Tooltip,Ir as ValidationError,Br as Video,br as createTheme,kr as css,hr as getCssText,Dr as globalCss,Pr as keyframes,wr as media,yr as styled,Ar as theme,vr as toast,s as useAlert,b as useCarousel,Lr as utils};
|