@atom-learning/components 1.18.0 → 1.18.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 -11
- package/dist/components/action-icon/ActionIcon.js +1 -1
- package/dist/components/button/Button.js +1 -1
- package/dist/components/checkbox-field/CheckboxField.js +1 -1
- package/dist/components/date-field/DateField.js +1 -1
- package/dist/components/date-input/DateInput.js +1 -1
- package/dist/components/dialog/DialogContent.js +1 -1
- package/dist/components/field-wrapper/InlineFieldWrapper.js +1 -1
- package/dist/components/input-field/InputField.js +1 -1
- package/dist/components/password-field/PasswordField.js +1 -1
- package/dist/components/radio-button-field/RadioButtonField.js +1 -1
- package/dist/components/radio-card/RadioCardGroup.js +1 -1
- package/dist/components/search-input/SearchInput.js +1 -1
- package/dist/components/select-field/SelectField.js +1 -1
- package/dist/components/slider/Slider.js +1 -1
- package/dist/components/stack/Stack.js +1 -1
- package/dist/components/stepper/StepperStepBack.js +1 -1
- package/dist/components/stepper/StepperStepForward.js +1 -1
- package/dist/components/stepper/stepper-context/StepperContext.js +1 -1
- package/dist/components/tabs/utils.js +1 -1
- package/dist/components/textarea-field/TextareaField.js +1 -1
- package/dist/components/toggle-group/ToggleGroupButton.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
## [1.18.1](https://github.com/Atom-Learning/components/compare/v1.18.0...v1.18.1) (2022-07-11)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
7
|
-
* MarkdownContent update snapshot ([3a28b10](https://github.com/Atom-Learning/components/commit/3a28b1047139bd3a5b45068b0e96aa0a571bf284))
|
|
8
|
-
* StackContent update snapshot ([6e9d320](https://github.com/Atom-Learning/components/commit/6e9d32040d44fc6e6f9257afdfdb8fea622f1ffe))
|
|
9
|
-
* ToggleGroup typescript stop complaining ([7a47442](https://github.com/Atom-Learning/components/commit/7a47442e72c6455ad0a85e020d642353587985d1))
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
### Features
|
|
13
|
-
|
|
14
|
-
* Accordion forwardRef ([4bc27b7](https://github.com/Atom-Learning/components/commit/4bc27b71fe35d106ca29f0a0a0d6c751fdf86c2f))
|
|
15
|
-
* export ToggleGroup ([2a1757d](https://github.com/Atom-Learning/components/commit/2a1757dc8e36a3127e4b47ae3a1ee009418e445a))
|
|
6
|
+
* ensure targets are set to retain consistent output ([f809182](https://github.com/Atom-Learning/components/commit/f8091820c2c8a54539beef8b5d37bb9183555c2b))
|
|
16
7
|
|
|
17
8
|
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
|
|
18
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{darken as i}from"color2k";import g from"invariant";import*as n from"react";import{styled as D,theme as o}from"../../stitches.js";import{Icon as m}from"../icon/Icon.js";const c=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),l=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),w=D("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:c("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:c("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:c("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:l("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:l("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:l("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:l("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:l("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:p("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:p("$danger","$dangerMid","$dangerDark")}]}),t=n.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:u="md",label:h,href:$,disabled:d,...b},k)=>{const y=`A single ${m.displayName} component is permitted as a child of ${t.displayName}`;return g(n.Children.count(e)===1,y),n.createElement(w,{...b,...$?{as:"a",href:d?null:$,onClick:void 0,"aria-disabled":!!d}:{type:"button"},"aria-label":h,theme:r,appearance:a,size:u,ref:k,disabled:d},n.Children.map(e,s=>{if(!n.isValidElement(s))throw new Error(y);return g(s.type===m,`Children of type ${s
|
|
1
|
+
import{darken as i}from"color2k";import g from"invariant";import*as n from"react";import{styled as D,theme as o}from"../../stitches.js";import{Icon as m}from"../icon/Icon.js";const c=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),l=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),w=D("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:c("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:c("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:c("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:l("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:l("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:l("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:l("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:l("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:p("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:p("$danger","$dangerMid","$dangerDark")}]}),t=n.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:u="md",label:h,href:$,disabled:d,...b},k)=>{const y=`A single ${m.displayName} component is permitted as a child of ${t.displayName}`;return g(n.Children.count(e)===1,y),n.createElement(w,{...b,...$?{as:"a",href:d?null:$,onClick:void 0,"aria-disabled":!!d}:{type:"button"},"aria-label":h,theme:r,appearance:a,size:u,ref:k,disabled:d},n.Children.map(e,s=>{if(!n.isValidElement(s))throw new Error(y);return g(s.type===m,`Children of type ${s==null?void 0:s.type} aren't permitted. Only an ${m.displayName} component is allowed in ${t.displayName}`),n.cloneElement(s,{css:{size:["lg","xl"].includes(u)?20:16,...s.props.css?s.props.css:{}}})}))});t.displayName="ActionIcon";export{t as ActionIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{darken as n,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),i=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("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:{false:{width:"auto"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:i("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:i("$primaryDark",n(l.colors.primaryDark.value,.1),n(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:i("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:i("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:i("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:i("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",n(l.colors.primaryDark.value,.1),n(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>a
|
|
1
|
+
import{darken as n,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),i=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("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:{false:{width:"auto"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:i("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:i("$primaryDark",n(l.colors.primaryDark.value,.1),n(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:i("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:i("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:i("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:i("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",n(l.colors.primaryDark.value,.1),n(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>(a==null?void 0:a.type)===w?o.cloneElement(a,{css:{[t===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:x(r),...a.props.css?a.props.css:{}}}):a),u=o.forwardRef(({children:e,isLoading:r,onClick:a,href:t,appearance:h="solid",size:c="md",theme:y="primary",type:$="button",...g},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...g,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:$},ref:f},typeof r=="boolean"?o.createElement(D,{isLoading:r},m(e,c)):m(e,c)));u.displayName="Button";export{u as Button,p as StyledButton};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as l from"react";import{useFormContext as s,Controller as h}from"react-hook-form";import{Checkbox as C}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as k}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as F}from"../form/useFieldError.js";var b=(e=>(e.ON="on",e.OFF="off",e))(b||{});const i=({css:e,defaultChecked:r=!1,label:m,name:t,validation:o,description:d,...c})=>{const{control:f}=s(),{error:n}=F(t);return l.createElement(h,{control:f,name:t,defaultValue:r,rules:o,render:({onChange:u,value:a,name:p})=>l.createElement(k,{css:e,description:d,error:n,label:m,required:Boolean(o
|
|
1
|
+
import*as l from"react";import{useFormContext as s,Controller as h}from"react-hook-form";import{Checkbox as C}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as k}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as F}from"../form/useFieldError.js";var b=(e=>(e.ON="on",e.OFF="off",e))(b||{});const i=({css:e,defaultChecked:r=!1,label:m,name:t,validation:o,description:d,...c})=>{const{control:f}=s(),{error:n}=F(t);return l.createElement(h,{control:f,name:t,defaultValue:r,rules:o,render:({onChange:u,value:a,name:p})=>l.createElement(k,{css:e,description:d,error:n,label:m,required:Boolean(o==null?void 0:o.required)},l.createElement(C,{defaultChecked:r,defaultValue:r?"on":"off",checked:a,name:p,onCheckedChange:u,value:a?"on":"off",...n&&{state:"error"},...c}))})};i.displayName="CheckboxField";export{i as CheckboxField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as i from"react";import{useFormContext as f}from"react-hook-form";import{DateInput as u}from"../date-input/DateInput.js";import{FieldWrapper as F}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as g}from"../form/useFieldError.js";const a=({css:m,label:p,name:r,validation:e,prompt:l,description:d,...n})=>{const{register:t,trigger:s}=f(),{error:o}=g(r),c=e?t(e):t;return i.createElement(F,{css:m,description:d,error:o,fieldId:r,label:p,prompt:l,required:Boolean(e
|
|
1
|
+
import*as i from"react";import{useFormContext as f}from"react-hook-form";import{DateInput as u}from"../date-input/DateInput.js";import{FieldWrapper as F}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as g}from"../form/useFieldError.js";const a=({css:m,label:p,name:r,validation:e,prompt:l,description:d,...n})=>{const{register:t,trigger:s}=f(),{error:o}=g(r),c=e?t(e):t;return i.createElement(F,{css:m,description:d,error:o,fieldId:r,label:p,prompt:l,required:Boolean(e==null?void 0:e.required)},i.createElement(u,{id:r,name:r,ref:c,...o&&{state:"error"},...n,revalidate:s}))};a.displayName="DateField";export{a as DateField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{CalendarEvent as N}from"@atom-learning/icons";import*as e from"react";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as A}from"../box/Box.js";import{Calendar as I}from"../calendar/Calendar.js";import{Icon as T}from"../icon/Icon.js";import{Input as k}from"../input/Input.js";import{Popover as n}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as x}from"./constants.js";import{useDate as F}from"./use-date.js";const D=e.forwardRef(({initialDate:E,dateFormat:h=x,firstDayOfWeek:g=1,disabled:r,monthNames:v,weekdayNames:b,size:s="md",labels:m={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:l,onChange:o,...C},y)=>{const{date:t,dateString:O,setDate:i}=F(E,h),[w,d]=e.useState(!1),p=e.useRef(null),u=e.useRef(null);return e.useEffect(()=>{o
|
|
1
|
+
import{CalendarEvent as N}from"@atom-learning/icons";import*as e from"react";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as A}from"../box/Box.js";import{Calendar as I}from"../calendar/Calendar.js";import{Icon as T}from"../icon/Icon.js";import{Input as k}from"../input/Input.js";import{Popover as n}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as x}from"./constants.js";import{useDate as F}from"./use-date.js";const D=e.forwardRef(({initialDate:E,dateFormat:h=x,firstDayOfWeek:g=1,disabled:r,monthNames:v,weekdayNames:b,size:s="md",labels:m={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:l,onChange:o,...C},y)=>{const{date:t,dateString:O,setDate:i}=F(E,h),[w,d]=e.useState(!1),p=e.useRef(null),u=e.useRef(null);return e.useEffect(()=>{o==null||o(t)},[t,o]),e.createElement(A,{css:{position:"relative"}},e.createElement(k,{name:"date",disabled:r,size:s,...C,onChange:a=>i(a.target.value,!0),value:O,ref:y}),e.createElement(n,{modal:!0,open:w,onOpenChange:d},e.createElement(n.Trigger,{asChild:!0},e.createElement(z,{css:{position:"absolute",top:0,right:0},disabled:r,label:m.open,size:s==="sm"?"md":"lg",theme:"neutral"},e.createElement(T,{size:"sm",is:N}))),e.createElement(n.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:a=>{var c,f;a.preventDefault(),t?(c=u.current)==null||c.focus():(f=p.current)==null||f.focus()}},e.createElement(I,{date:t||new Date,selected:t,onDateSelected:async a=>{d(!1),await i(a.date,!1),l&&l()},refDateToday:p,refDateSelected:u,firstDayOfWeek:g,monthNames:v,weekdayNames:b,labels:m}))))});D.displayName="DateInput";export{D as DateInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Close as h}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as g,Close as w}from"@radix-ui/react-dialog";import*as o from"react";import{DIALOG_Z_INDEX as r}from"../../constants/dialog.js";import{keyframes as n,styled as l}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{DialogBackground as s}from"./DialogBackground.js";import{fadeIn as z,fadeOut as C}from"../../utilities/style/keyframe-animations.js";const e="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=n({"0%":{transform:m},"100%":{transform:e}}),I=n({"0%":{transform:e},"100%":{transform:m}}),y=l(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${z} 250ms ease-out`},'&[data-state="closed"]':{animation:`${C} 550ms ease-out`}}}),E=l(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:e,zIndex:r,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${I} 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"}}}}),O=({size:p="sm",children:a,closeDialogText:f="Close dialog",showCloseButton:c=!0,...u})=>o.createElement(g,null,o.createElement(y,{id:d},o.Children.map(a,t=>t
|
|
1
|
+
import{Close as h}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as g,Close as w}from"@radix-ui/react-dialog";import*as o from"react";import{DIALOG_Z_INDEX as r}from"../../constants/dialog.js";import{keyframes as n,styled as l}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{DialogBackground as s}from"./DialogBackground.js";import{fadeIn as z,fadeOut as C}from"../../utilities/style/keyframe-animations.js";const e="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=n({"0%":{transform:m},"100%":{transform:e}}),I=n({"0%":{transform:e},"100%":{transform:m}}),y=l(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${z} 250ms ease-out`},'&[data-state="closed"]':{animation:`${C} 550ms ease-out`}}}),E=l(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:e,zIndex:r,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${I} 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"}}}}),O=({size:p="sm",children:a,closeDialogText:f="Close dialog",showCloseButton:c=!0,...u})=>o.createElement(g,null,o.createElement(y,{id:d},o.Children.map(a,t=>(t==null?void 0:t.type)===s&&t),o.createElement(E,{size:p,"aria-label":"Dialog",onPointerDownOutside:t=>{const i=t.target;(i==null?void 0:i.id)!==d&&t.preventDefault()},...u},c&&o.createElement(v,{as:w,css:{position:"absolute",right:"$4",top:"$4"},label:f,size:"lg",theme:"neutral"},o.createElement($,{is:h})),o.Children.map(a,t=>(t==null?void 0:t.type)!==s&&t))));export{O as DialogContent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{Box as m}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{Label as $}from"../label/Label.js";import{RadioButton as f}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{ValidationError as E}from"../validation-error/ValidationError.js";import{Description as u}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:o,label:p,required:c})=>e.createElement(m,{css:s},e.createElement($,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(m,{css:{[t==="reverse"?"ml":"mr"]:"$3",...(r
|
|
1
|
+
import*as e from"react";import{Box as m}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{Label as $}from"../label/Label.js";import{RadioButton as f}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{ValidationError as E}from"../validation-error/ValidationError.js";import{Description as u}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:o,label:p,required:c})=>e.createElement(m,{css:s},e.createElement($,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(m,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===f)&&{transform:"translateY($space$1)"}}},r)),p),o&&e.createElement(E,{css:{mt:"$2"}},o),i&&e.createElement(u,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as i from"react";import{useFormContext as u}from"react-hook-form";import{FieldWrapper as c}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as f}from"../form/useFieldError.js";import{Input as F}from"../input/Input.js";const p=({css:m,label:l,name:r,validation:e,prompt:n,description:d,...a})=>{const{register:o}=u(),{error:t}=f(r),s=e?o(e):o;return i.createElement(c,{css:m,description:d,error:t,fieldId:r,label:l,prompt:n,required:Boolean(e
|
|
1
|
+
import*as i from"react";import{useFormContext as u}from"react-hook-form";import{FieldWrapper as c}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as f}from"../form/useFieldError.js";import{Input as F}from"../input/Input.js";const p=({css:m,label:l,name:r,validation:e,prompt:n,description:d,...a})=>{const{register:o}=u(),{error:t}=f(r),s=e?o(e):o;return i.createElement(c,{css:m,description:d,error:t,fieldId:r,label:l,prompt:n,required:Boolean(e==null?void 0:e.required)},i.createElement(F,{id:r,name:r,ref:s,...t&&{state:"error"},...a}))};p.displayName="InputField";export{p as InputField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as t from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as u}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as f}from"../form/useFieldError.js";import{PasswordInput as w}from"../password-input/PasswordInput.js";const i=({css:s={},label:m="Password",name:r,prompt:p=void 0,description:a,validation:e,...d})=>{const{register:o}=c(),{error:l}=f(r),n=e?o(e):o;return t.createElement(u,{css:{...s,position:"relative"},description:a,error:l,fieldId:r,label:m,prompt:p,required:Boolean(e
|
|
1
|
+
import*as t from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as u}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as f}from"../form/useFieldError.js";import{PasswordInput as w}from"../password-input/PasswordInput.js";const i=({css:s={},label:m="Password",name:r,prompt:p=void 0,description:a,validation:e,...d})=>{const{register:o}=c(),{error:l}=f(r),n=e?o(e):o;return t.createElement(u,{css:{...s,position:"relative"},description:a,error:l,fieldId:r,label:m,prompt:p,required:Boolean(e==null?void 0:e.required)},t.createElement(w,{autoComplete:"current-password",name:r,id:r,ref:n,...d}))};i.displayName="PasswordField";export{i as PasswordField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{useFormContext as V,Controller as C}from"react-hook-form";import{Description as F}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as b}from"../form/useFieldError.js";import{Label as g}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as h}from"../radio-button/RadioButtonGroup.js";import{ValidationError as v}from"../validation-error/ValidationError.js";import{styled as B}from"../../stitches.js";import{RadioField as R}from"./RadioField.js";const q=B("fieldset",{all:"unset"}),r=({children:d,css:u,direction:s="column",defaultValue:t,description:l,label:c,name:n,validation:o,onValueChange:a})=>{const{control:p}=V(),{error:i}=b(n);return e.createElement(q,{css:u},e.createElement(g,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(o
|
|
1
|
+
import*as e from"react";import{useFormContext as V,Controller as C}from"react-hook-form";import{Description as F}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as b}from"../form/useFieldError.js";import{Label as g}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as h}from"../radio-button/RadioButtonGroup.js";import{ValidationError as v}from"../validation-error/ValidationError.js";import{styled as B}from"../../stitches.js";import{RadioField as R}from"./RadioField.js";const q=B("fieldset",{all:"unset"}),r=({children:d,css:u,direction:s="column",defaultValue:t,description:l,label:c,name:n,validation:o,onValueChange:a})=>{const{control:p}=V(),{error:i}=b(n);return e.createElement(q,{css:u},e.createElement(g,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(o==null?void 0:o.required)},c),l&&e.createElement(F,{css:{mb:"$3"}},l),e.createElement(C,{control:p,name:n,rules:o,defaultValue:t,render:({onChange:f,value:E})=>e.createElement(h,{direction:s,defaultValue:t,onValueChange:m=>{f(m),a==null||a(m)},value:E},d)}),i&&e.createElement(v,{css:{mt:"$2"}},i))};r.Item=R,r.displayName="RadioButtonField";export{r as RadioButtonField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as d from"@radix-ui/react-radio-group";import*as e from"react";import{Stack as p}from"../stack/Stack.js";import{RadioCard as c}from"./RadioCard.js";const f=({css:t,children:r,size:l,isFullWidth:o,align:a,gap:s="3",justify:m,...n})=>e.createElement(d.Root,{...n},e.createElement(p,{direction:"row",justify:m,gap:s,css:t},e.Children.map(r,i=>e.isValidElement(i)&&i
|
|
1
|
+
import*as d from"@radix-ui/react-radio-group";import*as e from"react";import{Stack as p}from"../stack/Stack.js";import{RadioCard as c}from"./RadioCard.js";const f=({css:t,children:r,size:l,isFullWidth:o,align:a,gap:s="3",justify:m,...n})=>e.createElement(d.Root,{...n},e.createElement(p,{direction:"row",justify:m,gap:s,css:t},e.Children.map(r,i=>e.isValidElement(i)&&(i==null?void 0:i.type)===c?e.cloneElement(i,{size:l,isFullWidth:o,align:a}):i)));export{f as RadioCardGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Search as R,Close as b}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{Box as v}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as d}from"../input/Input.js";import{styled as l}from"../../stitches.js";var z=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(z||{});const f=l(i,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),H=l(d,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),c=({size:e="md",css:m,value:s,clearText:p="Clear",onChange:r,...u})=>{const[E,a]=t.useState(s||""),[C,n]=t.useState(s?"CLEAR":"SEARCH"),h=()=>{a(""),n("SEARCH"),r
|
|
1
|
+
import{Search as R,Close as b}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{Box as v}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as d}from"../input/Input.js";import{styled as l}from"../../stitches.js";var z=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(z||{});const f=l(i,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),H=l(d,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),c=({size:e="md",css:m,value:s,clearText:p="Clear",onChange:r,...u})=>{const[E,a]=t.useState(s||""),[C,n]=t.useState(s?"CLEAR":"SEARCH"),h=()=>{a(""),n("SEARCH"),r==null||r({currentTarget:{value:""},target:{value:""}})},S=o=>{a(o.target.value),n(o.target.value?"CLEAR":"SEARCH"),r==null||r(o)},A=()=>C==="SEARCH"?t.createElement(f,{is:R,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(g,{label:p,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:h},t.createElement(i,{is:b}));return t.createElement(v,{css:{position:"relative",...m}},t.createElement(H,{size:e,type:"search",...u,value:E,onChange:S,css:{pr:e==="sm"?"$5":"$6"}}),A())};c.displayName="SearchInput";export{c as SearchInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as i from"react";import{useFormContext as f}from"react-hook-form";import{FieldWrapper as u}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as F}from"../form/useFieldError.js";import{Select as v}from"../select/Select.js";const m=({css:l=void 0,children:p,name:e,label:d,validation:r,prompt:a,description:n,...s})=>{const{register:o}=f(),{error:t}=F(e),c=r?o(r):o;return i.createElement(u,{css:l,description:n,error:t,fieldId:e,label:d,prompt:a,required:Boolean(r
|
|
1
|
+
import*as i from"react";import{useFormContext as f}from"react-hook-form";import{FieldWrapper as u}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as F}from"../form/useFieldError.js";import{Select as v}from"../select/Select.js";const m=({css:l=void 0,children:p,name:e,label:d,validation:r,prompt:a,description:n,...s})=>{const{register:o}=f(),{error:t}=F(e),c=r?o(r):o;return i.createElement(u,{css:l,description:n,error:t,fieldId:e,label:d,prompt:a,required:Boolean(r==null?void 0:r.required)},i.createElement(v,{name:e,id:e,...s,ref:c,...t&&{state:"error"}},p))};m.displayName="SelectField";export{m as SelectField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Track as $,Root as h,Range as b,Thumb as f}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../stitches.js";import{SliderSteps as g}from"./SliderSteps.js";import{SliderValue as v}from"./SliderValue.js";import{CSSWrapper as x}from"../../utilities/css-wrapper/CSSWrapper.js";const r=t($,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),y=t(h,{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:{[`${r}`]:{bg:"#fff"}},tonal:{[`${r}`]:{bg:"$tonal200"}}}}}),S=t(b,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),w=t(f,{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"}}),o=({value:i,defaultValue:l,min:n=0,max:d=100,theme:s="tonal",css:m,children:u,...c})=>{const a=i||l;return e.createElement(x,{css:m},e.createElement(y,{theme:s,defaultValue:l,value:i,min:n,max:d,...c},e.createElement(r,null,e.createElement(S,null)),a
|
|
1
|
+
import{Track as $,Root as h,Range as b,Thumb as f}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../stitches.js";import{SliderSteps as g}from"./SliderSteps.js";import{SliderValue as v}from"./SliderValue.js";import{CSSWrapper as x}from"../../utilities/css-wrapper/CSSWrapper.js";const r=t($,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),y=t(h,{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:{[`${r}`]:{bg:"#fff"}},tonal:{[`${r}`]:{bg:"$tonal200"}}}}}),S=t(b,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),w=t(f,{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"}}),o=({value:i,defaultValue:l,min:n=0,max:d=100,theme:s="tonal",css:m,children:u,...c})=>{const a=i||l;return e.createElement(x,{css:m},e.createElement(y,{theme:s,defaultValue:l,value:i,min:n,max:d,...c},e.createElement(r,null,e.createElement(S,null)),(a==null?void 0:a.length)&&a.map((k,p)=>e.createElement(w,{key:`thumb${p}`}))),u)};o.Value=v,o.Steps=g,o.displayName="Slider";export{o as Slider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as s from"react";import{theme as c,styled as o}from"../../stitches.js";import{CSSWrapper as f}from"../../utilities/css-wrapper/CSSWrapper.js";const m=Object.keys(c.space).reduce((t,e)=>({...t,[e]:{mt:`-$space$${e}`,ml:`-$space$${e}`,"& > *":{mt:`$space$${e}`,ml:`$space$${e}`}}}),{}),w=o("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"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...m,false:{}}}}),n=({css:t,gap:e=2,direction:r="row",wrap:i="wrap",justify:l="start",align:a,...p})=>s.createElement(f,{css:t},s.createElement(w,{direction:r,gap:e,wrap:i,justify:l,align:typeof a>"u"&&r!=="column"?"center":a,...p}));n.displayName="Stack";export{n as Stack};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as i from"react";import{Button as n}from"../button/Button.js";import{useStepper as a}from"./stepper-context/StepperContext.js";const l=({label:e,children:t,...r})=>{const{activeStep:o,goToPreviousStep:p}=a();return i.createElement(n,{size:"sm",appearance:"outline",...r,disabled:o===0,onClick:p},t||e
|
|
1
|
+
import*as i from"react";import{Button as n}from"../button/Button.js";import{useStepper as a}from"./stepper-context/StepperContext.js";const l=({label:e,children:t,...r})=>{const{activeStep:o,goToPreviousStep:p}=a();return i.createElement(n,{size:"sm",appearance:"outline",...r,disabled:o===0,onClick:p},t||(e==null?void 0:e(o)))};export{l as StepperStepBack};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"react";import{Button as l}from"../button/Button.js";import{useStepper as m}from"./stepper-context/StepperContext.js";const c=({label:e,children:o,onClick:t,...i})=>{const{goToNextStep:r,activeStep:p}=m();return n.createElement(l,{size:"sm",...i,onClick:()=>{if(t)return t(r);r()},css:{ml:"auto"}},o||e
|
|
1
|
+
import*as n from"react";import{Button as l}from"../button/Button.js";import{useStepper as m}from"./stepper-context/StepperContext.js";const c=({label:e,children:o,onClick:t,...i})=>{const{goToNextStep:r,activeStep:p}=m();return n.createElement(l,{size:"sm",...i,onClick:()=>{if(t)return t(r);r()},css:{ml:"auto"}},o||(e==null?void 0:e(p)))};export{c as StepperStepForward};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as o from"react";const i=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1}),f=({children:r,stepCount:n,allowSkip:u,onComplete:s,onStepChange:p})=>{const[t,l]=o.useState(0),[S,a]=o.useState([0]);o.useEffect(()=>{a(e=>e.includes(t)?e:[...e,t]),p
|
|
1
|
+
import*as o from"react";const i=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1}),f=({children:r,stepCount:n,allowSkip:u,onComplete:s,onStepChange:p})=>{const[t,l]=o.useState(0),[S,a]=o.useState([0]);o.useEffect(()=>{a(e=>e.includes(t)?e:[...e,t]),p==null||p(t)},[t,p]);const c=()=>{if(s&&t===n-1)return s();if(t<n-1)return l(e=>e+1)},v=()=>{l(e=>e-1)},w=e=>{l(e)};return o.createElement(i.Provider,{value:{steps:Array(n).fill(""),goToPreviousStep:v,goToNextStep:c,goToStep:w,activeStep:t,viewedSteps:S,allowSkip:u}},r)},g=()=>{const r=o.useContext(i);if(!r)throw new Error("Ensure that you wrap any components with the root component Stepper");return r};export{f as StepperProvider,g as useStepper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";const t=(n,o,i=[])=>e.Children.map(n,l=>e.isValidElement(l)&&i.includes(l
|
|
1
|
+
import e from"react";const t=(n,o,i=[])=>e.Children.map(n,l=>e.isValidElement(l)&&i.includes(l==null?void 0:l.type)?e.cloneElement(l,{...o}):l);export{t as passPropsToChildren};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as i from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as u}from"../form/useFieldError.js";import{Textarea as x}from"../textarea/Textarea.js";const a=({css:m=void 0,label:p,name:r,validation:e,prompt:l,description:d,...s})=>{const{register:o}=c(),{error:t}=u(r),n=e?o(e):o;return i.createElement(f,{css:m,description:d,error:t,fieldId:r,label:p,prompt:l,required:Boolean(e
|
|
1
|
+
import*as i from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as u}from"../form/useFieldError.js";import{Textarea as x}from"../textarea/Textarea.js";const a=({css:m=void 0,label:p,name:r,validation:e,prompt:l,description:d,...s})=>{const{register:o}=c(),{error:t}=u(r),n=e?o(e):o;return i.createElement(f,{css:m,description:d,error:t,fieldId:r,label:p,prompt:l,required:Boolean(e==null?void 0:e.required)},i.createElement(x,{id:r,name:r,ref:n,...t&&{state:"error"},...s}))};a.displayName="TextareaField";export{a as TextareaField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"react";import{styled as a}from"../../stitches.js";import{StyledIcon as g,Icon as r}from"../icon/Icon.js";import{StyledItem as f}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},h={sm:"$4",md:"$5",lg:"$5"},u={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:h[i],minHeight:t[i],"& > *:not(:last-child)":{mr:u[i]}}),d=a(f,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${g}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),$=({size:i,children:p,...c})=>{var m;const s=n.Children.toArray(p),o=s.length<=1,y=o&&n.isValidElement(s[0])&&((m=s[0])==null?void 0:m.type)===r;return n.createElement(d,{size:i,isIconOnly:y,...c},s.map(e=>!o&&typeof e=="string"?n.createElement("span",{key:e},e):n.isValidElement(e)&&e
|
|
1
|
+
import*as n from"react";import{styled as a}from"../../stitches.js";import{StyledIcon as g,Icon as r}from"../icon/Icon.js";import{StyledItem as f}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},h={sm:"$4",md:"$5",lg:"$5"},u={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:h[i],minHeight:t[i],"& > *:not(:last-child)":{mr:u[i]}}),d=a(f,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${g}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),$=({size:i,children:p,...c})=>{var m;const s=n.Children.toArray(p),o=s.length<=1,y=o&&n.isValidElement(s[0])&&((m=s[0])==null?void 0:m.type)===r;return n.createElement(d,{size:i,isIconOnly:y,...c},s.map(e=>!o&&typeof e=="string"?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))};export{d as StyledButton,$ as ToggleGroupButton};
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Ce=require("@radix-ui/react-accordion"),C=require("react"),Ca=require("@atom-learning/theme"),ka=require("@stitches/react"),y=require("@atom-learning/icons"),$=require("color2k"),Sa=require("invariant"),L=require("@radix-ui/react-alert-dialog"),za=require("@radix-ui/react-visually-hidden"),Da=require("uid"),G=require("pure-react-carousel"),Ra=require("@radix-ui/react-checkbox"),k=require("react-hook-form"),Ta=require("@radix-ui/react-radio-group"),Fa=require("react-hook-form-persist"),Ia=require("dlv"),ee=require("@reach/combobox"),O=require("@radix-ui/react-dialog"),Na=require("dayzed"),te=require("@radix-ui/react-popover"),Ma=require("dayjs"),Wa=require("dayjs/plugin/customParseFormat"),ce=require("@radix-ui/react-dropdown-menu"),Aa=require("mdast-util-directive"),Ba=require("mdast-util-from-markdown"),La=require("micromark-extension-directive"),Oa=require("@radix-ui/react-progress"),ke=require("@radix-ui/react-slider"),Pa=require("@radix-ui/react-switch"),Se=require("@radix-ui/react-tabs"),Ha=require("throttle-debounce"),qe=require("react-hot-toast"),qa=require("@radix-ui/react-toggle-group"),me=require("@radix-ui/react-tooltip"),_a=require("react-player/vimeo");function N(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function q(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),a.default=e,Object.freeze(a)}var t=q(C),h=N(C),Va=q(Ca),_e=N(Sa),ja=q(za),$t=q(Ra),ae=q(Ta),Ga=N(Fa),Ya=N(Ia),pe=N(Ma),Xa=N(Wa),Ua=N(Aa),Ja=N(Ba),Ka=N(La),gt=q(Oa),ft=q(Pa),Za=N(qe),bt=q(qa),Qa=N(_a);const yt={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})},vt={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)"},er=ka.createStitches({theme:Va,utils:yt,media:vt}),{css:tr,getCssText:ar,createTheme:rr,globalCss:xt,keyframes:E,styled:l,theme:v}=er,b=l("div",{});b.displayName="Box";const re=({css:e,children:a})=>e?t.createElement(b,{css:e},a):t.createElement(t.Fragment,null,a);re.displayName="CSSWrapper";const M=(e,a)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${a||e}em`,display:"table"}}),or={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>`},wt=(e,a)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(or[a]($.toHex(e)))})`,Et=({position:e="relative",zIndex:a=1}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:a>1?a:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary 0px 0px 0px 4px"}),Ve=E({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),je=E({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Ge=E({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Ye=E({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Ct=E({"0%":{opacity:0},"100%":{opacity:1}}),kt=E({"0%":{opacity:1},"100%":{opacity:0}}),nr=E({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),ir=E({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),lr=l(Ce.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${nr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${ir} 300ms ease-out`}}}),sr=({children:e,css:a,...r})=>h.default.createElement(lr,{...r},h.default.createElement(re,{css:a},e)),dr=l(Ce.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),cr=({children:e,value:a,...r})=>h.default.createElement(dr,{value:a,...r},e),St=l("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"}}}}),g=t.forwardRef(({is:e,size:a="md",...r},o)=>t.createElement(St,{size:a,"aria-hidden":"true",...r,as:e,ref:o})),zt=(e,a,r,o="#fff")=>({bg:e,color:o,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:a},"&:not([disabled]):active":{bg:r}}),mr=l(g,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),pr=l(Ce.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:zt("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15)),light:zt("#fff",$.darken("#fff",.1),$.darken("#fff",.15),"$tonal600")}}}),ur=({theme:e="primaryDark",children:a,...r})=>h.default.createElement(pr,{theme:e,...r},a,h.default.createElement(mr,{is:y.ChevronDown})),hr=l(Ce.Root,{width:"100%"}),ue=h.default.forwardRef(({type:e="single",children:a,...r},o)=>h.default.createElement(hr,{ref:o,type:e,...r},a));ue.Item=cr,ue.Content=sr,ue.Trigger=ur,ue.displayName="Accordion";const D=l("div",{display:"flex"});D.displayName="Flex";const ze=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?M(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?M(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?M(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?M(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?M(.3506):{}}}),Xe=l("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:ze()}}),W=t.forwardRef(({size:e="md",...a},r)=>t.createElement(Xe,{size:e,...a,ref:r}));W.displayName="Text";const Dt=l(W,{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"}}}}),Rt=l("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),De=Rt;De.displayName="Image";const Tt=l(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"}}}}),Ft=l("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"}}}}),$r=l(D,{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"}}}}),he=({size:e="sm",children:a,...r})=>t.createElement($r,{size:e,...r},t.Children.map(a,o=>t.isValidElement(o)&&(o.type===Tt||o.type===Ft||o.type===Dt)?t.cloneElement(o,{...o.props,size:e}):o));he.displayName="EmptyState",he.Image=Tt,he.Title=Ft,he.Body=Dt;const oe=(e,a,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:a},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),$e=(e,a,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:a,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),ge=(e,a,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:a},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),gr=l("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:oe("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:oe("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:oe("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:oe("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:oe("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:oe("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:$e("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:$e("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:$e("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:$e("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:$e("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:ge("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:ge("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:ge("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:ge("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:ge("$danger","$dangerMid","$dangerDark")}]}),R=t.forwardRef(({children:e,theme:a="primary",appearance:r="simple",size:o="md",label:i,href:n,disabled:s,...d},c)=>{const p=`A single ${g.displayName} component is permitted as a child of ${R.displayName}`;return _e.default(t.Children.count(e)===1,p),t.createElement(gr,{...d,...n?{as:"a",href:s?null:n,onClick:void 0,"aria-disabled":!!s}:{type:"button"},"aria-label":i,theme:a,appearance:r,size:o,ref:c,disabled:s},t.Children.map(e,m=>{if(!t.isValidElement(m))throw new Error(p);return _e.default(m.type===g,`Children of type ${m?.type} aren't permitted. Only an ${g.displayName} component is allowed in ${R.displayName}`),t.cloneElement(m,{css:{size:["lg","xl"].includes(o)?20:16,...m.props.css?m.props.css:{}}})}))});R.displayName="ActionIcon";const Re=2147483646,Ue="translate3d(-50%, -50%, 0)",It="translate3d(-50%, 50vh, 0)",fr=E({"0%":{transform:It},"100%":{transform:Ue}}),br=E({"0%":{transform:Ue},"100%":{transform:It}}),yr=l(L.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:Re,"@allowMotion":{'&[data-state="open"]':{animation:`${Ct} 250ms ease-out`},'&[data-state="closed"]':{animation:`${kt} 550ms ease-out`}}}),vr=l(L.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:Ue,"&:focus":{outline:"none"},zIndex:Re,"@allowMotion":{'&[data-state="open"]':{animation:`${fr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${br} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),xr=({size:e="sm",...a})=>t.createElement(L.Portal,null,t.createElement(yr,null),t.createElement(vr,{size:e,...a})),wr=l(L.Root,{}),S=e=>t.createElement(wr,{...e});S.Description=L.Description,S.Title=L.Title,S.Action=L.Action,S.Cancel=L.Cancel,S.Content=xr,S.Trigger=L.Trigger,S.displayName="AlertDialog";const Er=()=>{const e=C.useRef();return C.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},Cr=E({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),Je=l("div",{animationName:`${Cr}`,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"}}}}),Ke=({css:e={},message:a="Loading",size:r="md"})=>t.createElement(D,{css:{justifyContent:"center",...e},role:"alert"},t.createElement(ja.Root,null,a),t.createElement(Je,{size:r}),t.createElement(Je,{size:r}),t.createElement(Je,{size:r})),Ze=(e,a,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:a},"&:not([disabled]):active":{color:r}}),ne=(e,a,r,o="white")=>({bg:e,color:o,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:a,color:o},"&:not([disabled]):active":{bg:r}}),Nt=l("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:{false:{width:"auto"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:ne("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:ne("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:ne("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ne("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:ne("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:ne("white",$.opacify("white",-.1),$.opacify("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:Ze("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:Ze("white",$.opacify("white",-.2),$.opacify("white",-.35))},{theme:"secondary",appearance:"outline",css:Ze("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))}]}),kr=({isLoading:e,children:a})=>t.createElement(t.Fragment,null,t.createElement(Ke,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),t.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},a)),Sr=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Mt=(e,a)=>t.Children.map(e,(r,o)=>r?.type===g?t.cloneElement(r,{css:{[o===0?"mr":"ml"]:a==="sm"?"$2":"$3",size:Sr(a),...r.props.css?r.props.css:{}}}):r),Y=t.forwardRef(({children:e,isLoading:a,onClick:r,href:o,appearance:i="solid",size:n="md",theme:s="primary",type:d="button",...c},p)=>t.createElement(Nt,{isLoading:a||!1,onClick:a?void 0:r,appearance:i,size:n,theme:s,...c,...o?{as:"a",href:o,onClick:void 0}:{},...o?{}:{type:d},ref:p},typeof a=="boolean"?t.createElement(kr,{isLoading:a},Mt(e,n)):Mt(e,n)));Y.displayName="Button";const Qe=l("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...M(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...M(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...M(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...M(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...M(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...M(.1793,.1873)}}}}),fe=t.forwardRef(({size:e="md",...a},r)=>t.createElement(Qe,{ref:r,size:e,...a}));fe.displayName="Heading";const zr=Object.keys(v.space).reduce((e,a)=>({...e,[a]:{mt:`-$space$${a}`,ml:`-$space$${a}`,"& > *":{mt:`$space$${a}`,ml:`$space$${a}`}}}),{}),Dr=l("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"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...zr,false:{}}}}),be=({css:e,gap:a=2,direction:r="row",wrap:o="wrap",justify:i="start",align:n,...s})=>t.createElement(re,{css:e},t.createElement(Dr,{direction:r,gap:a,wrap:o,justify:i,align:typeof n>"u"&&r!=="column"?"center":n,...s}));be.displayName="Stack";const Rr=({title:e,description:a,onAction:r,cancelActionText:o,confirmActionText:i,onClose:n,...s})=>t.createElement(S,{defaultOpen:!0},t.createElement(S.Content,{onEscapeKeyDown:d=>d.preventDefault(),onCloseAutoFocus:n,...s},t.createElement(fe,{as:S.Title,size:"sm",css:{mb:"$5"}},e),a&&t.createElement(W,{as:S.Description,css:{mb:"$5"}},a),t.createElement(be,{gap:"2",justify:"end"},o&&t.createElement(Y,{appearance:"outline",as:S.Cancel,onClick:()=>r(!1),size:"sm"},o),t.createElement(Y,{as:S.Action,onClick:()=>r(!0),size:"sm"},i)))),Tr=[],Fr=(e,a)=>{switch(a.type){case"ADD":return[...e,{...a.payload,id:Da.uid()}];case"REMOVE":return e.filter(({id:r})=>r!==a.payload);default:return e}},Wt=t.createContext({showAlert:()=>null}),Ir=({children:e})=>{const[a,r]=t.useReducer(Fr,Tr),o=Er();return t.createElement(Wt.Provider,{value:{showAlert:i=>r({payload:i,type:"ADD"})}},Boolean(a.length)&&t.createElement(Rr,{...a[0],key:a[0].id,onClose:()=>{o.current&&r({payload:a[0].id,type:"REMOVE"})}}),e)},Nr=()=>{const e=t.useContext(Wt);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},Mr=l(D,{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)"}}}}),At=({theme:e="info",size:a="sm",children:r,...o})=>t.createElement(Mr,{role:"status",theme:e,size:a,...o},t.createElement(b,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},r));At.displayName="Badge";const Bt={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"}},Wr=l(G.ButtonBack,Bt),Ar=l(G.ButtonNext,Bt),Br=e=>t.createElement(Wr,{...e},t.createElement(g,{is:y.ChevronLeft})),Lr=e=>t.createElement(Ar,{...e},t.createElement(g,{is:y.ChevronRight})),Or=l(G.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"}}}),Pr=l(G.Slide,{}),Hr=({children:e,...a})=>t.createElement(Pr,{...a,tag:"div"},t.createElement(b,{css:{px:"$3"}},e)),qr=l(G.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"}}}}),X=({children:e,css:a,slideHeight:r,slideWidth:o,numSlides:i})=>t.createElement(re,{css:a},t.createElement(G.CarouselProvider,{naturalSlideWidth:o,naturalSlideHeight:r,totalSlides:i},e)),_r=()=>t.useContext(G.CarouselContext);X.ArrowNext=Lr,X.ArrowPrevious=Br,X.Pagination=Or,X.Slide=Hr,X.Slider=qr,X.displayName="Carousel";const Vr=l($t.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),jr=l($t.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"}}}}),Te=t.forwardRef((e,a)=>t.createElement(jr,{...e,ref:a},t.createElement(Vr,null,t.createElement(g,{is:e.checked==="indeterminate"?y.Minus:y.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));Te.displayName="Checkbox";const{sm:Gr,md:Yr}=ze(),Xr=l("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Gr,md:Yr},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"}}]}),Ur=l("span",{color:"$danger",ml:"$1",fontWeight:400}),ye=({align:e="start",as:a="label",direction:r="row",size:o="md",type:i="block",children:n,required:s,...d})=>t.createElement(Xr,{as:a,size:o,type:i,align:e,direction:r,...d},n,s&&t.createElement(Ur,{"aria-hidden":!0},"*"));ye.displayName="Label";const ve=l("li",{}),Lt=l("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${ve}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:ze({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${ve}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${ve}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),Fe=t.forwardRef(({size:e="md",ordered:a,...r},o)=>t.createElement(Lt,{ref:o,as:a?"ol":"ul",size:e,...r}));Fe.Item=ve;const et=l("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${Xe} > &, ${Qe} > &, ${ve} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:ze()}}),Ie=t.forwardRef(({size:e="md",onClick:a,href:r,...o},i)=>r?t.createElement(et,{size:e,...o,ref:i,href:r}):t.createElement(et,{as:"button",size:e,...o,ref:i,onClick:a}));Ie.displayName="Link";const Ne=({css:e,children:a,...r})=>t.createElement(D,{css:{color:"$danger",alignItems:"flex-start",...e},...r},t.createElement(g,{is:y.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),t.createElement(W,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},a)),tt=({children:e,css:a})=>t.createElement(W,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...a}},e),_=({css:e,children:a,error:r,fieldId:o,label:i,prompt:n,description:s,required:d})=>t.createElement(b,{css:e},t.createElement(D,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},t.createElement(ye,{htmlFor:o,required:d},i),n&&t.createElement(Ie,{href:n.link,size:"sm"},n.label)),s&&t.createElement(tt,{css:{mb:"$3"}},s),a,r&&t.createElement(Ne,{css:{mt:"$2"}},r));_.displayName="FieldWrapper";const Jr=l(ae.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"}}),Kr=l(ae.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Me=e=>t.createElement(Jr,{...e},t.createElement(Kr,null));Me.displayName="RadioButton";const at=l(ae.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});at.displayName="RadioButtonGroup";const We=({align:e="start",children:a,css:r,description:o,direction:i="row",error:n,label:s,required:d})=>t.createElement(b,{css:r},t.createElement(ye,{align:e,direction:i,required:d,type:"inline"},t.Children.map(a,c=>t.createElement(b,{css:{[i==="reverse"?"ml":"mr"]:"$3",...(c?.type===Te||c?.type===Me)&&{transform:"translateY($space$1)"}}},c)),s),n&&t.createElement(Ne,{css:{mt:"$2"}},n),o&&t.createElement(tt,{css:{mt:"$2",[i==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},o));We.displayName="InlineFieldWrapper";var Ot=(e=>(e.LOCAL="local",e.SESSION="session",e))(Ot||{});const Zr=l("form",{}),Qr=({persist:e,watch:a,setValue:r,children:o})=>{const{id:i,...n}=e;let s={...n,storage:n.storage===Ot.LOCAL?window.localStorage:window.sessionStorage};if(n.exclude){const{exclude:d,...c}=s,p=a(),m=Object.keys(p).filter(f=>{var u;if(!((u=n.exclude)!=null&&u.includes(f)))return f});s={...c,include:m}}return Ga.default(i,{watch:a,setValue:r},s),o},Pt=({formMethods:e,handleSubmit:a,onSubmit:r,onError:o,children:i,...n})=>t.createElement(k.FormProvider,{...e},t.createElement(Zr,{"aria-label":"form",...n,onSubmit:a(r,o)},i)),Ht=({children:e,defaultValues:a={},onSubmit:r,onError:o,validationMode:i="onBlur",render:n,persist:s,...d})=>{_e.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=k.useForm({defaultValues:a,mode:i}),{handleSubmit:p,watch:m,setValue:f}=c,u=n?n(c):e,x={formMethods:c,handleSubmit:p,onSubmit:r,onError:o,...d};return s?t.createElement(Qr,{persist:s,watch:m,setValue:f},t.createElement(Pt,{...x},u)):t.createElement(Pt,{...x},u)};Ht.displayName="Form";const U=e=>{var a;const{errors:r}=k.useFormContext(),o=e.split(/[,[\].]+?/).filter(Boolean);return{error:(a=(()=>Ya.default(r,o))())==null?void 0:a.message}};var eo=(e=>(e.ON="on",e.OFF="off",e))(eo||{});const qt=({css:e,defaultChecked:a=!1,label:r,name:o,validation:i,description:n,...s})=>{const{control:d}=k.useFormContext(),{error:c}=U(o);return t.createElement(k.Controller,{control:d,name:o,defaultValue:a,rules:i,render:({onChange:p,value:m,name:f})=>t.createElement(We,{css:e,description:n,error:c,label:r,required:Boolean(i?.required)},t.createElement(Te,{defaultChecked:a,defaultValue:a?"on":"off",checked:m,name:f,onCheckedChange:p,value:m?"on":"off",...c&&{state:"error"},...s}))})};qt.displayName="CheckboxField";const to=l(ee.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:wt(v.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"}}}}),ao=l(ee.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),ro=l(ee.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),oo=l(ee.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)"});xt({":root":{"--reach-combobox":1}})();const no=l(ee.Combobox,{}),J=e=>t.createElement(no,{...e});J.displayName="Combobox",J.Option=ro,J.Input=to,J.Popover=oo,J.List=ao,J.OptionText=ee.ComboboxOptionText;const io=l(O.Close,{}),rt=l(b,{width:"100vw",height:"100vh"}),ot="translate3d(-50%, -50%, 0)",_t="translate3d(-50%, 50vh, 0)",Vt="modal_overlay",lo=E({"0%":{transform:_t},"100%":{transform:ot}}),so=E({"0%":{transform:ot},"100%":{transform:_t}}),co=l(O.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:Re,"@allowMotion":{'&[data-state="open"]':{animation:`${Ct} 250ms ease-out`},'&[data-state="closed"]':{animation:`${kt} 550ms ease-out`}}}),mo=l(O.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:ot,zIndex:Re,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${lo} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${so} 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"}}}}),po=({size:e="sm",children:a,closeDialogText:r="Close dialog",showCloseButton:o=!0,...i})=>t.createElement(O.Portal,null,t.createElement(co,{id:Vt},t.Children.map(a,n=>n?.type===rt&&n),t.createElement(mo,{size:e,"aria-label":"Dialog",onPointerDownOutside:n=>{const s=n.target;s?.id!==Vt&&n.preventDefault()},...i},o&&t.createElement(R,{as:O.Close,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"lg",theme:"neutral"},t.createElement(g,{is:y.Close})),t.Children.map(a,n=>n?.type!==rt&&n)))),uo=l(O.Root,{}),V=e=>t.createElement(uo,{...e});V.Background=rt,V.Close=io,V.Content=po,V.Description=O.Description,V.Title=O.Title,V.Trigger=O.Trigger,V.displayName="Dialog";const ho=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],$o=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],go=l("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"}}}}),jt=l("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),fo=(e,a)=>{const r=e.slice(0,a);return e.slice(a).concat(r)},Gt=({css:e,refDateSelected:a,refDateToday:r,firstDayOfWeek:o=0,monthNames:i=ho,weekdayNames:n=$o,labels:s={next:"Next month",previous:"Previous month"},...d})=>{const{calendars:c,getBackProps:p,getForwardProps:m,getDateProps:f}=Na.useDayzed({firstDayOfWeek:o,showOutsideDays:!0,...d});return c.length?t.createElement(b,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},t.createElement(D,{css:{position:"absolute",top:0,right:"-$1"}},t.createElement(R,{label:s.previous,theme:"neutral",size:"lg",...p({calendars:c})},t.createElement(g,{is:y.ChevronLeft})),t.createElement(R,{label:s.next,theme:"neutral",size:"lg",...m({calendars:c})},t.createElement(g,{is:y.ChevronRight}))),c.map(({month:u,year:x,weeks:T})=>t.createElement(b,{key:`${u}${x}`},t.createElement(D,{css:{height:"$4",alignItems:"center",mb:"$4"}},t.createElement(fe,{size:"xs"},i[u]," ",x)),t.createElement(jt,{css:{mb:"$3"}},fo(n,o).map(w=>t.createElement(W,{as:"span",size:"sm",key:`${u}${x}${w}`,css:{fontWeight:600,textAlign:"center"}},w))),t.createElement(jt,null,T.map((w,A)=>w.map((F,B)=>{const I=`${u}${x}${A}${B}`;if(!F)return t.createElement("div",{key:I});const{date:H,selected:z,today:de,prevMonth:Pe,nextMonth:He}=F;return t.createElement(go,{isOutsideMonth:Pe||He,isSelected:z,isToday:de,key:I,ref:z?a:de?r:null,...f({dateObj:F})},H.getDate())})))))):null};Gt.displayName="Calendar";const Yt=l("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"}}}}),ie=t.forwardRef(({type:e="text",size:a="md",...r},o)=>e==="number"?t.createElement(Yt,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:a,...r,ref:o}):t.createElement(Yt,{type:e,size:a,...r,ref:o}));ie.displayName="Input";const bo=l(te.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:Ge},'&[data-side="right"]':{animationName:Ye},'&[data-side="bottom"]':{animationName:Ve},'&[data-side="left"]':{animationName:je}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),yo=l(te.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),vo=({children:e,side:a="top",sideOffset:r=8,closePopoverText:o="Close popover",showCloseButton:i=!0,size:n="md",...s})=>t.createElement(bo,{size:n,side:a,sideOffset:r,...s},i&&t.createElement(R,{as:te.Close,css:{position:"absolute",right:"$0",top:"$0"},label:o,size:"lg",theme:"neutral"},t.createElement(g,{is:y.Close})),e,t.createElement(yo,{width:16,height:8}));l(te.Root,{});const K=e=>t.createElement(te.Root,{...e});K.Content=vo,K.Trigger=te.Trigger,K.displayName="Popover";const Xt="DD/MM/YYYY";pe.default.extend(Xa.default);const xo=(e,a=Xt)=>{const[r,o]=C.useState(e?pe.default(e).toDate():void 0),[i,n]=C.useState(e?pe.default(e).format(a):"");return{dateString:i,date:r,setDate:(s,d=!1)=>{const c=d?pe.default(s,a):pe.default(s);o(c.isValid()?c.toDate():void 0),n(d?s:c.format(a))}}},nt=t.forwardRef(({initialDate:e,dateFormat:a=Xt,firstDayOfWeek:r=1,disabled:o,monthNames:i,weekdayNames:n,size:s="md",labels:d={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:c,onChange:p,...m},f)=>{const{date:u,dateString:x,setDate:T}=xo(e,a),[w,A]=t.useState(!1),F=t.useRef(null),B=t.useRef(null);return t.useEffect(()=>{p?.(u)},[u,p]),t.createElement(b,{css:{position:"relative"}},t.createElement(ie,{name:"date",disabled:o,size:s,...m,onChange:I=>T(I.target.value,!0),value:x,ref:f}),t.createElement(K,{modal:!0,open:w,onOpenChange:A},t.createElement(K.Trigger,{asChild:!0},t.createElement(R,{css:{position:"absolute",top:0,right:0},disabled:o,label:d.open,size:s==="sm"?"md":"lg",theme:"neutral"},t.createElement(g,{size:"sm",is:y.CalendarEvent}))),t.createElement(K.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:I=>{var H,z;I.preventDefault(),u?(H=B.current)==null||H.focus():(z=F.current)==null||z.focus()}},t.createElement(Gt,{date:u||new Date,selected:u,onDateSelected:async I=>{A(!1),await T(I.date,!1),c&&c()},refDateToday:F,refDateSelected:B,firstDayOfWeek:r,monthNames:i,weekdayNames:n,labels:d}))))});nt.displayName="DateInput";const Ut=({css:e,label:a,name:r,validation:o,prompt:i,description:n,...s})=>{const{register:d,trigger:c}=k.useFormContext(),{error:p}=U(r),m=o?d(o):d;return t.createElement(_,{css:e,description:n,error:p,fieldId:r,label:a,prompt:i,required:Boolean(o?.required)},t.createElement(nt,{id:r,name:r,ref:m,...p&&{state:"error"},...s,revalidate:c}))};Ut.displayName="DateField";const Jt=l("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Kt=h.default.forwardRef(({orientation:e="horizontal",...a},r)=>h.default.createElement(Jt,{ref:r,orientation:e,...a})),wo=l(ce.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:Ge},'&[data-side="right"]':{animationName:Ye},'&[data-side="bottom"]':{animationName:Ve},'&[data-side="left"]':{animationName:je}}}}),Eo={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"}},Zt=l(ce.Item,Eo),Co=l("a",{textDecoration:"none"}),ko=({children:e,href:a,...r})=>h.default.createElement(Zt,{...r,asChild:!0},h.default.createElement(Co,{href:a,role:"menuitem"},e)),So=l(ce.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),zo=l(ce.Trigger,{}),Do=l(ce.Root,{}),le=e=>h.default.createElement(Do,{...e});le.Content=wo,le.Item=Zt,le.LinkItem=ko,le.Separator=So,le.Trigger=zo;const Ro=Object.keys(v.space).reduce((e,a)=>({...e,[a]:{gap:`$space$${a}`}}),{}),To=l("div",{display:"grid",variants:{gap:Ro}}),Qt=({css:e,gap:a=2,minItemSize:r,maxItemSize:o="1fr",...i})=>t.createElement(To,{css:{...r&&{gridTemplateColumns:`repeat(auto-fit, minmax(${r}, ${o}))`},...e},gap:a,...i});Qt.displayName="Grid";const ea=({accept:e,children:a,multiple:r=!1,onFileSelect:o,...i})=>{const n=s=>{const{files:d}=s.target;o(d)};return t.createElement(Y,{as:"label",...i},t.createElement(g,{is:y.Upload}),a,t.createElement("input",{type:"file",onChange:n,accept:e,multiple:r,hidden:!0}))};ea.displayName="FileInput";const ta=({css:e,label:a,name:r,validation:o,prompt:i,description:n,...s})=>{const{register:d}=k.useFormContext(),{error:c}=U(r),p=o?d(o):d;return t.createElement(_,{css:e,description:n,error:c,fieldId:r,label:a,prompt:i,required:Boolean(o?.required)},t.createElement(ie,{id:r,name:r,ref:p,...c&&{state:"error"},...s}))};ta.displayName="InputField";const Fo=l("div",{[`& > ${Qe}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${Xe}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${Lt}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${Jt}`]:{my:"$5"},[`& > ${Rt}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),it=t.forwardRef((e,a)=>t.createElement(Fo,{ref:a,...e}));it.displayName="StackContent";const Io=l(b,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),No=({node:e})=>t.createElement(Io,{as:"pre"},e.value),Mo=l("em",{fontStyle:"italic"}),Wo=({node:e,handleNode:a})=>{var r;return t.createElement(Mo,null,(r=e.children)==null?void 0:r.map(a))},Ao=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"}}},Bo=({node:e,handleNode:a,css:r})=>{var o;const{as:i,size:n}=Ao(e.depth);return t.createElement(fe,{as:i,size:n,css:{color:"inherit",...r}},(o=e.children)==null?void 0:o.map(a))},Lo=l(b,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),Oo=({node:e})=>t.createElement(Lo,{as:"code"},e.value),Po=({node:e,css:a})=>{var r;return t.createElement(De,{src:e.url,alt:(r=e.alt)!=null?r:void 0,css:a})},Ho=({node:e,handleNode:a})=>{var r,o;return t.createElement(Ie,{title:(r=e.title)!=null?r:void 0,href:e.url},(o=e.children)==null?void 0:o.map(a))},qo=({node:e,handleNode:a,css:r})=>{var o;return t.createElement(Fe,{css:{"& p:before, & p:after":{display:"none"},...r},ordered:e.ordered||void 0},(o=e.children)==null?void 0:o.map(a))},_o=({node:e,handleNode:a})=>{var r;return t.createElement(Fe.Item,null,(r=e.children)==null?void 0:r.map(a))},Vo=({node:e,handleNode:a,css:r})=>{var o;return t.createElement(W,{css:{color:"inherit",...r}},(o=e.children)==null?void 0:o.map(a))},jo=l("strong",{fontWeight:600}),Go=({node:e,handleNode:a})=>{var r;return t.createElement(jo,null,(r=e.children)==null?void 0:r.map(a))},Yo=({node:e})=>e.value,Xo=({css:e})=>t.createElement(Kt,{css:{width:"100%",...e}}),Uo={code:No,emphasis:Wo,heading:Bo,inlineCode:Oo,image:Po,link:Ho,list:qo,listItem:_o,paragraph:Vo,strong:Go,text:Yo,thematicBreak:Xo},Jo=e=>{var a,r;if((a=e.position)!=null&&a.start){const{line:o,column:i,offset:n}=(r=e.position)==null?void 0:r.start;return`${e.type}${o}${i}${n}`}return`${e.type}${+new Date}`},aa=({content:e,customComponents:a={},css:r})=>{const o=Ja.default(e,{extensions:[Ka.default()],mdastExtensions:[Ua.default.fromMarkdown]}),i={...Uo,...a},n=s=>{const d=i[s.type];return d?t.createElement(d,{key:Jo(s),node:s,handleNode:n}):null};return t.createElement(it,{css:r},o.children.map(n))};aa.displayName="MarkdownContent";const Ko=l(b,{position:"relative"}),Zo=l(D,{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"}),Qo=({value:e,children:a})=>h.default.createElement(Ko,null,!!e&&h.default.createElement(Zo,{role:"status"},e),a),lt=t.forwardRef(({css:e,hidePasswordText:a="Hide password",showPasswordText:r="Show password",...o},i)=>{const[n,s]=C.useState(!1),d=()=>s(c=>!c);return t.createElement(b,{css:{position:"relative",...e}},t.createElement(ie,{...o,type:n?"text":"password",ref:i,css:{pr:"$sizes$2"}}),t.createElement(R,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:n?a:r,onClick:d,onMouseDown:c=>c.preventDefault(),size:"lg"},t.createElement(g,{is:n?y.Eye:y.EyeCrossed,css:{size:20}})))});lt.displayName="PasswordInput";const ra=({css:e={},label:a="Password",name:r,prompt:o=void 0,description:i,validation:n,...s})=>{const{register:d}=k.useFormContext(),{error:c}=U(r),p=n?d(n):d;return t.createElement(_,{css:{...e,position:"relative"},description:i,error:c,fieldId:r,label:a,prompt:o,required:Boolean(n?.required)},t.createElement(lt,{autoComplete:"current-password",name:r,id:r,ref:p,...s}))};ra.displayName="PasswordField";const en=l(gt.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"}}}}),tn=l(gt.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),oa=({value:e,max:a=100,theme:r="primary",...o})=>t.createElement(en,{value:e,max:a,theme:r,...o},t.createElement(tn,{style:{width:"100%",transform:`translateX(-${100-(e||0)/a*100}%)`}}));oa.displayName="ProgressBar";const na=t.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1}),an=({children:e,stepCount:a,allowSkip:r,onComplete:o,onStepChange:i})=>{const[n,s]=t.useState(0),[d,c]=t.useState([0]);t.useEffect(()=>{c(u=>u.includes(n)?u:[...u,n]),i?.(n)},[n,i]);const p=()=>{if(o&&n===a-1)return o();if(n<a-1)return s(u=>u+1)},m=()=>{s(u=>u-1)},f=u=>{s(u)};return t.createElement(na.Provider,{value:{steps:Array(a).fill(""),goToPreviousStep:m,goToNextStep:p,goToStep:f,activeStep:n,viewedSteps:d,allowSkip:r}},e)},st=()=>{const e=t.useContext(na);if(!e)throw new Error("Ensure that you wrap any components with the root component Stepper");return e},rn=({label:e,children:a,...r})=>{const{activeStep:o,goToPreviousStep:i}=st();return t.createElement(Y,{size:"sm",appearance:"outline",...r,disabled:o===0,onClick:i},a||e?.(o))},on=({label:e,children:a,onClick:r,...o})=>{const{goToNextStep:i,activeStep:n}=st();return t.createElement(Y,{size:"sm",...o,onClick:()=>{if(r)return r(i);i()},css:{ml:"auto"}},a||e?.(n))},nn=l(D,{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"}}}}}),ln=({css:e,...a})=>{const{steps:r,goToStep:o,activeStep:i,viewedSteps:n,allowSkip:s}=st(),d=p=>i===p?"active":n.includes(p)?"viewed":"normal",c=p=>p<Math.max(...n)?"highlight":"normal";return t.createElement(D,{css:{alignItems:"center",justifyContent:"space-between",...e},...a},r.map((p,m)=>t.createElement(nn,{key:`step_${m}`,as:s?"button":"div",onClick:()=>s&&n.includes(m)?o(m):void 0,state:d(m),separator:c(m),"aria-current":m===i?"step":void 0,"aria-label":`step ${m+1}`,css:{cursor:s&&n.includes(m)?"pointer":"auto","&:not(:last-child)::after":{width:e!=null&&e.width?`calc((${e.width} - ($2 * ${r.length})) / ${r.length-1})`:"$1"}}},m+1)))},xe=({children:e,stepCount:a,allowSkip:r,onComplete:o,onStepChange:i})=>t.createElement(an,{stepCount:a,allowSkip:r,onComplete:o,onStepChange:i},t.createElement(b,{"aria-label":"progress",css:{width:"100%",display:"grid",gridTemplateColumns:"1fr auto 1fr"}},e));xe.StepBack=rn,xe.StepForward=on,xe.Steps=ln,xe.displayName="Stepper";const ia=({css:e,label:a,value:r,...o})=>t.createElement(We,{css:e,label:a},t.createElement(Me,{value:r,...o}));ia.displayName="RadioField";const sn=l("fieldset",{all:"unset"}),dt=({children:e,css:a,direction:r="column",defaultValue:o,description:i,label:n,name:s,validation:d,onValueChange:c})=>{const{control:p}=k.useFormContext(),{error:m}=U(s);return t.createElement(sn,{css:a},t.createElement(ye,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(d?.required)},n),i&&t.createElement(tt,{css:{mb:"$3"}},i),t.createElement(k.Controller,{control:p,name:s,rules:d,defaultValue:o,render:({onChange:f,value:u})=>t.createElement(at,{direction:r,defaultValue:o,onValueChange:x=>{f(x),c?.(x)},value:u},e)}),m&&t.createElement(Ne,{css:{mt:"$2"}},m))};dt.Item=ia,dt.displayName="RadioButtonField";const dn=l(ae.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"}}}}),cn=l("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"}}]}),mn=l(ae.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),la=({children:e,isFullWidth:a=!1,size:r="md",align:o="left",...i})=>t.createElement(dn,{...i,align:o,isFullWidth:a,size:r},t.createElement(cn,{align:o,containerIsFullWidth:a},t.createElement(mn,null)),t.createElement(b,null,e)),pn=({css:e,children:a,size:r,isFullWidth:o,align:i,gap:n="3",justify:s,...d})=>t.createElement(ae.Root,{...d},t.createElement(be,{direction:"row",justify:s,gap:n,css:e},t.Children.map(a,c=>t.isValidElement(c)&&c?.type===la?t.cloneElement(c,{size:r,isFullWidth:o,align:i}):c)));var un=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(un||{});const hn=l(g,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),$n=l(ie,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),sa=({size:e="md",css:a,value:r,clearText:o="Clear",onChange:i,...n})=>{const[s,d]=t.useState(r||""),[c,p]=t.useState(r?"CLEAR":"SEARCH"),m=()=>{d(""),p("SEARCH"),i?.({currentTarget:{value:""},target:{value:""}})},f=x=>{d(x.target.value),p(x.target.value?"CLEAR":"SEARCH"),i?.(x)},u=()=>c==="SEARCH"?t.createElement(hn,{is:y.Search,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(R,{label:o,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:m},t.createElement(g,{is:y.Close}));return t.createElement(b,{css:{position:"relative",...a}},t.createElement($n,{size:e,type:"search",...n,value:s,onChange:f,css:{pr:e==="sm"?"$5":"$6"}}),u())};sa.displayName="SearchInput";const gn=l("select",{appearance:"none",backgroundColor:"white",backgroundImage:wt(v.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"}}}}),ct=t.forwardRef(({placeholder:e,children:a,size:r="md",...o},i)=>{const n={size:r,ref:i,...o};return!o.value&&!o.defaultValue&&(n.defaultValue=""),t.createElement(gn,{...n},e&&t.createElement("option",{disabled:!0,hidden:!0,value:""},e),a)});ct.displayName="Select";const da=({css:e=void 0,children:a,name:r,label:o,validation:i,prompt:n,description:s,...d})=>{const{register:c}=k.useFormContext(),{error:p}=U(r),m=i?c(i):c;return t.createElement(_,{css:e,description:s,error:p,fieldId:r,label:o,prompt:n,required:Boolean(i?.required)},t.createElement(ct,{name:r,id:r,...d,ref:m,...p&&{state:"error"}},a))};da.displayName="SelectField";const fn=l("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),ca=(e,a,r)=>(e-a)/(r-a)*100,bn=(e,a,r)=>{const o=ca(e,a,r);return o<=10?0:o>=90?100:50},yn=({min:e,max:a,steps:r=[]})=>r.length===0?null:t.createElement(fn,null,r.map(o=>t.createElement(W,{as:"span",key:o.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${ca(o.value,e,a)}%`,transform:`translateX(-${bn(o.value,e,a)}%)`}},o.label))),vn=({value:e=[],outputLabel:a=r=>`Current value is ${r}`})=>t.createElement(W,{css:{mt:"$4",color:"$tonal300",width:"100%"}},a(e.length===1?e[0]:e)),mt=l(ke.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),xn=l(ke.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:{[`${mt}`]:{bg:"#fff"}},tonal:{[`${mt}`]:{bg:"$tonal200"}}}}}),wn=l(ke.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),En=l(ke.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"}}),Z=({value:e,defaultValue:a,min:r=0,max:o=100,theme:i="tonal",css:n,children:s,...d})=>{const c=e||a;return t.createElement(re,{css:n},t.createElement(xn,{theme:i,defaultValue:a,value:e,min:r,max:o,...d},t.createElement(mt,null,t.createElement(wn,null)),c?.length&&c.map((p,m)=>t.createElement(En,{key:`thumb${m}`}))),s)};Z.Value=vn,Z.Steps=yn,Z.displayName="Slider";const ma=({css:e,label:a,name:r,defaultValue:o,outputLabel:i,min:n=0,max:s=100,steps:d=[],...c})=>{const{control:p}=k.useFormContext();return h.default.createElement(_,{css:e,fieldId:r,label:a},h.default.createElement(k.Controller,{control:p,name:r,defaultValue:o,render:({onChange:m,value:f})=>h.default.createElement(Z,{name:r,defaultValue:o,onValueChange:m,value:f,min:n,max:s,...c},h.default.createElement(Z.Steps,{min:n,max:s,steps:d}),h.default.createElement(Z.Value,{value:f||o,outputLabel:i}))}))};ma.displayName="SliderField";const Cn=l(ft.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"}}),kn=l(ft.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),pa=e=>t.createElement(Cn,{...e},t.createElement(kn,null));pa.displayName="Switch";const Ae=l("tr",{bg:"unset"});Ae.displayName="TableRow";const Sn=l("tbody",{variants:{striped:{true:{[`${Ae}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),ua=({striped:e=!0,...a})=>t.createElement(Sn,{striped:e,...a});ua.displayName="TableBody";const se=l("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"}});se.displayName="TableCell";const ha=l("tfoot",{});ha.displayName="TableFooter";const Be=l("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Be.displayName="TableFooterCell";const j=l("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});j.displayName="TableHeaderCell";const zn=l("thead",{variants:{theme:{primary:{[`${j}`]:{bg:"$primary"}},primaryDark:{[`${j}`]:{bg:"$primaryDark"}},light:{[`${j}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),$a=({theme:e="primaryDark",...a})=>h.default.createElement(zn,{theme:e,...a});$a.displayName="TableHeader";const Dn=l("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${se}, ${j}, ${Be}`]:{height:"$4"}},lg:{[`${se}, ${j}, ${Be}`]:{height:"$5"}}},corners:{round:{[`${j}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Ae}:last-child`]:{[`${se}:first-child`]:{borderBottomLeftRadius:"$0"},[`${se}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),P=({size:e="md",corners:a="round",...r})=>t.createElement(Dn,{size:e,corners:a,...r});P.Body=ua,P.Cell=se,P.Footer=ha,P.FooterCell=Be,P.Header=$a,P.HeaderCell=j,P.Row=Ae,P.displayName="Table";const Rn=l(Se.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:$.opacify(v.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:$.opacify(v.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:$.opacify("white",-.8)},"&:not([data-disabled]):active":{bg:$.opacify("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Le=({children:e,theme:a,disabled:r=!1,...o})=>t.createElement(Rn,{disabled:r,theme:a,...o},e);Le.displayName="TabTrigger";const pt=(e,a,r=[])=>h.default.Children.map(e,o=>h.default.isValidElement(o)&&r.includes(o?.type)?h.default.cloneElement(o,{...a}):o),Tn=$.opacify("white",-.2),Fn=$.opacify(v.colors.primaryDark.value,-.2),ga=l(R,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${Tn} !important`},dark:{bg:`${Fn} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),fa=l(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:{"& button":{textTransform:"uppercase"}}}}}),ba=({children:e,theme:a,appearance:r,enableTabScrolling:o,scrollPercentage:i=10,...n})=>{const s=C.useRef(null),[d,c]=C.useState(!1),[p,m]=C.useState(!1),[f,u]=C.useState(),x=C.useCallback(T=>{const w=s.current;if(w){const{scrollWidth:A,scrollLeft:F,offsetWidth:B}=w,I=Math.round(A*(i/100));let H=F;if(T==="right"){const z=F+I;H=z+B<=A?z:A-B}else{const z=F-I;H=z>0?z:0}w.scroll({left:H,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:z,scrollLeft:de,offsetWidth:Pe}=w,He=z-(de+Pe);de===0?(c(!1),m(!0)):He<5?(m(!1),c(!0)):(c(!0),m(!0))},500)}},[]);return C.useEffect(()=>{const T=Ha.debounce(500,()=>{u(window.innerWidth)});return window.addEventListener("resize",T),()=>{window.removeEventListener("resize",T)}},[]),C.useEffect(()=>{var T;const w=s.current;if(w){const{offsetWidth:A,scrollWidth:F}=w,B=F>A;(T=w.scroll)==null||T.call(w,{left:0}),c(!1),m(B)}},[f]),d||p||o?h.default.createElement(D,{css:{position:"relative"}},h.default.createElement(ga,{size:"xl",label:"Scroll Left",theme:a,onClick:()=>x("left"),visible:d,css:{left:0}},h.default.createElement(g,{is:y.ChevronLeft,size:"lg"})),h.default.createElement(fa,{...n,ref:s,appearance:r,theme:a},pt(e,{theme:a},[Le])),h.default.createElement(ga,{size:"xl",label:"Scroll right",theme:a,onClick:()=>x("right"),visible:p,css:{right:0}},h.default.createElement(g,{is:y.ChevronRight,size:"lg"}))):h.default.createElement(fa,{theme:a,...n,appearance:r,ref:s},pt(e,{theme:a},[Le]))},In=l(Se.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),ya=l(Se.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),we=({theme:e="light",children:a,...r})=>t.createElement(In,{theme:e,...r},pt(a,{theme:e},[ba,ya]));we.TriggerList=ba,we.Trigger=Le,we.Content=ya,we.displayName="Tabs";const Nn=l("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"}}}}),ut=t.forwardRef((e,a)=>t.createElement(Nn,{...e,ref:a}));ut.displayName="Textarea";const va=({css:e=void 0,label:a,name:r,validation:o,prompt:i,description:n,...s})=>{const{register:d}=k.useFormContext(),{error:c}=U(r),p=o?d(o):d;return t.createElement(_,{css:e,description:n,error:c,fieldId:r,label:a,prompt:i,required:Boolean(o?.required)},t.createElement(ut,{id:r,name:r,ref:p,...c&&{state:"error"},...s}))};va.displayName="TextareaField";const xa=400,Mn=E({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),Wn=E({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),An=l("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${Mn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${Wn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),Bn=l("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:xa},"@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"}}}}),Ln=t.memo(({ariaLive:e,height:a,id:r,message:o,role:i,type:n="blank",visible:s,calculateOffset:d,updateHeight:c})=>{const p=d(r,{reverseOrder:!0,margin:8});return t.createElement(An,{visible:s},t.createElement(Bn,{ref:m=>{m&&a===void 0&&c(r,m.getBoundingClientRect().height)},status:n,role:i,"aria-live":e,style:{transform:`translateY(${p}px)`}},n==="error"&&t.createElement(g,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:y.Error}),t.createElement(W,{css:{color:"inherit"}},o),n==="loading"?t.createElement(Ke,{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:()=>qe.toast.dismiss(r)},t.createElement(g,{is:y.Close}))))}),On=2147483647,Pn=l("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:On,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${xa/2}px)`}}),wa=({children:e})=>{const{toasts:a,handlers:r}=qe.useToaster(),{startPause:o,endPause:i,calculateOffset:n,updateHeight:s}=r;return t.createElement(t.Fragment,null,t.createElement(Pn,{onMouseEnter:o,onMouseLeave:i},a.map(d=>t.createElement(Ln,{key:d.id,calculateOffset:n,updateHeight:s,...d}))),e)};wa.displayName="ToastProvider";const Q=l(bt.Item,{bg:"white",color:"$tonal400",border:"1px solid $tonal200",cursor:"pointer","&::before":{background:"$tonal200"},"&:not([disabled])":{'&:hover, &:focus-visible, &[data-state="on"]':{"&::before":{background:"none"}},"&:hover":{borderColor:"currentColor !important",color:"$primaryMid"},"&:focus-visible":{...Et(),'&[data-state="off"]':{borderColor:"$tonal200 !important"},'&[data-state="on"]':{boxShadow:`inset currentColor 0px 0px 0px 1px, ${Et().boxShadow}`}}},"&[disabled]":{opacity:.3,cursor:"not-allowed"},'&[data-state="on"]':{color:"$primary",borderColor:"currentColor !important",boxShadow:"inset currentColor 0px 0px 0px 1px"}}),Hn=Q,Oe={sm:"32px",md:"40px",lg:"48px"},qn={sm:"$4",md:"$5",lg:"$5"},_n={sm:"$2",md:"$3",lg:"$3"},ht=e=>({fontSize:`$${e}`,px:qn[e],minHeight:Oe[e],"& > *:not(:last-child)":{mr:_n[e]}}),Vn=l(Q,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${St}`]:{flexShrink:0},variants:{size:{sm:ht("sm"),md:ht("md"),lg:ht("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:Oe.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:Oe.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:Oe.lg,p:0}}]}),jn=({size:e,children:a,...r})=>{var o;const i=t.Children.toArray(a),n=i.length<=1,s=n&&t.isValidElement(i[0])&&((o=i[0])==null?void 0:o.type)===g;return t.createElement(Vn,{size:e,isIconOnly:s,...r},i.map(d=>!n&&typeof d=="string"?t.createElement("span",{key:d},d):t.isValidElement(d)&&d?.type===g?t.cloneElement(d,{...d.props,size:e}):d))},Gn=l(bt.Root,{width:"fit-content",variants:{isFullWidth:{true:{width:"100%",[`& ${Q}`]:{flexBasis:0,flexGrow:1}}},hasGap:{true:{[`& ${Q}`]:{borderRadius:"$0"}},false:{borderRadius:"$0",bg:"white",[`& ${Q}`]:{bg:"transparent",borderRadius:0,position:"relative","&:not(:last-child)::before":{content:"",position:"absolute"}}}},direction:{column:{},row:{}}},compoundVariants:[{hasGap:!1,direction:"row",css:{[`& ${Q}`]:{"&:not(:last-child)::before":{top:"-1px",height:"calc(100% + 2px)",width:"1px",right:"0",transform:"translateX(150%)"},"&:not(:first-child)":{borderLeftColor:"transparent"},"&:not(:last-child)":{borderRightColor:"transparent"},"&:first-child":{borderTopLeftRadius:"$0",borderBottomLeftRadius:"$0"},"&:last-child":{borderTopRightRadius:"$0",borderBottomRightRadius:"$0"}}}},{hasGap:!1,direction:"column",css:{[`& ${Q}`]:{"&:not(:last-child)::before":{bottom:0,left:"-1px",height:"1px",width:"calc(100% + 2px)",transform:"translateY(150%)"},"&:first-child":{borderTopLeftRadius:"$0",borderTopRightRadius:"$0"},"&:last-child":{borderBottomLeftRadius:"$0",borderBottomRightRadius:"$0"},"&:not(:first-child)":{borderTopColor:"transparent"},"&:not(:last-child)":{borderBottomColor:"transparent"}}}}]}),Yn=e=>e==="horizontal"?"row":"column",Xn=({size:e="md",orientation:a="horizontal",gap:r=!1,isFullWidth:o,children:i,wrap:n="no-wrap",...s})=>{const d=typeof r=="number",c=t.Children.toArray(i),p=Yn(a);return t.createElement(Gn,{direction:p,hasGap:d,isFullWidth:o,orientation:a,...s},t.createElement(be,{direction:p,gap:d&&r,align:!1,wrap:n},c.map(m=>t.isValidElement(m)?t.cloneElement(m,{...m.props,size:e}):m)))},Un={Item:Hn,Button:jn,Root:Xn},Jn=l(me.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:Ge},'&[data-side="right"]':{animationName:Ye},'&[data-side="bottom"]':{animationName:Ve},'&[data-side="left"]':{animationName:je}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),Kn=l(me.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),Zn=({children:e,side:a="top",sideOffset:r=4,size:o="md",...i})=>t.createElement(Jn,{side:a,sideOffset:r,size:o,...i},e,t.createElement(Kn,null)),Ee=({children:e,delayDuration:a=350,...r})=>t.createElement(me.Root,{delayDuration:a,...r},e);Ee.Content=Zn,Ee.Trigger=l(me.Trigger,{}),Ee.Provider=me.Provider,Ee.displayName="Tooltip";const Qn=l(Qa.default,{}),Ea=t.forwardRef(({id:e,ratio:a=9/16,css:r,...o},i)=>t.createElement(re,{css:r},t.createElement(b,{css:{borderRadius:"$0",position:"relative",paddingTop:`${a*100}%`,overflow:"hidden",height:0,width:"100%"}},t.createElement(Qn,{...o,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:i}))));Ea.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Za.default}}),exports.Accordion=ue,exports.ActionIcon=R,exports.AlertDialog=S,exports.AlertProvider=Ir,exports.Badge=At,exports.Box=b,exports.Button=Y,exports.Carousel=X,exports.Checkbox=Te,exports.CheckboxField=qt,exports.Combobox=J,exports.DateField=Ut,exports.DateInput=nt,exports.Dialog=V,exports.Divider=Kt,exports.DropdownMenu=le,exports.EmptyState=he,exports.FieldWrapper=_,exports.FileInput=ea,exports.Flex=D,exports.Form=Ht,exports.Grid=Qt,exports.Heading=fe,exports.Icon=g,exports.Image=De,exports.InlineFieldWrapper=We,exports.Input=ie,exports.InputField=ta,exports.Label=ye,exports.Link=Ie,exports.List=Fe,exports.Loader=Ke,exports.MarkdownContent=aa,exports.NotificationBadge=Qo,exports.PasswordField=ra,exports.PasswordInput=lt,exports.Popover=K,exports.ProgressBar=oa,exports.RadioButton=Me,exports.RadioButtonField=dt,exports.RadioButtonGroup=at,exports.RadioCard=la,exports.RadioCardGroup=pn,exports.SearchInput=sa,exports.Select=ct,exports.SelectField=da,exports.Slider=Z,exports.SliderField=ma,exports.Stack=be,exports.StackContent=it,exports.Stepper=xe,exports.StyledButton=Nt,exports.StyledLink=et,exports.Switch=pa,exports.Table=P,exports.Tabs=we,exports.Text=W,exports.Textarea=ut,exports.TextareaField=va,exports.ToastProvider=wa,exports.ToggleGroup=Un,exports.Tooltip=Ee,exports.ValidationError=Ne,exports.Video=Ea,exports.createTheme=rr,exports.css=tr,exports.getCssText=ar,exports.globalCss=xt,exports.keyframes=E,exports.media=vt,exports.styled=l,exports.theme=v,exports.useAlert=Nr,exports.useCarousel=_r,exports.utils=yt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Ce=require("@radix-ui/react-accordion"),C=require("react"),Ca=require("@atom-learning/theme"),ka=require("@stitches/react"),y=require("@atom-learning/icons"),$=require("color2k"),Sa=require("invariant"),L=require("@radix-ui/react-alert-dialog"),za=require("@radix-ui/react-visually-hidden"),Da=require("uid"),G=require("pure-react-carousel"),Ra=require("@radix-ui/react-checkbox"),k=require("react-hook-form"),Ta=require("@radix-ui/react-radio-group"),Fa=require("react-hook-form-persist"),Ia=require("dlv"),ee=require("@reach/combobox"),O=require("@radix-ui/react-dialog"),Na=require("dayzed"),te=require("@radix-ui/react-popover"),Ma=require("dayjs"),Wa=require("dayjs/plugin/customParseFormat"),ce=require("@radix-ui/react-dropdown-menu"),Aa=require("mdast-util-directive"),Ba=require("mdast-util-from-markdown"),La=require("micromark-extension-directive"),Oa=require("@radix-ui/react-progress"),ke=require("@radix-ui/react-slider"),Pa=require("@radix-ui/react-switch"),Se=require("@radix-ui/react-tabs"),Ha=require("throttle-debounce"),qe=require("react-hot-toast"),qa=require("@radix-ui/react-toggle-group"),me=require("@radix-ui/react-tooltip"),_a=require("react-player/vimeo");function N(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function q(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),a.default=e,Object.freeze(a)}var t=q(C),h=N(C),Va=q(Ca),_e=N(Sa),ja=q(za),$t=q(Ra),ae=q(Ta),Ga=N(Fa),Ya=N(Ia),pe=N(Ma),Xa=N(Wa),Ua=N(Aa),Ja=N(Ba),Ka=N(La),gt=q(Oa),ft=q(Pa),Za=N(qe),bt=q(qa),Qa=N(_a);const yt={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})},vt={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)"},er=ka.createStitches({theme:Va,utils:yt,media:vt}),{css:tr,getCssText:ar,createTheme:rr,globalCss:xt,keyframes:E,styled:l,theme:v}=er,b=l("div",{});b.displayName="Box";const re=({css:e,children:a})=>e?t.createElement(b,{css:e},a):t.createElement(t.Fragment,null,a);re.displayName="CSSWrapper";const M=(e,a)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${a||e}em`,display:"table"}}),or={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>`},wt=(e,a)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(or[a]($.toHex(e)))})`,Et=({position:e="relative",zIndex:a=1}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:a>1?a:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary 0px 0px 0px 4px"}),Ve=E({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),je=E({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Ge=E({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),Ye=E({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),Ct=E({"0%":{opacity:0},"100%":{opacity:1}}),kt=E({"0%":{opacity:1},"100%":{opacity:0}}),nr=E({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),ir=E({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),lr=l(Ce.Content,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${nr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${ir} 300ms ease-out`}}}),sr=({children:e,css:a,...r})=>h.default.createElement(lr,{...r},h.default.createElement(re,{css:a},e)),dr=l(Ce.Item,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),cr=({children:e,value:a,...r})=>h.default.createElement(dr,{value:a,...r},e),St=l("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"}}}}),g=t.forwardRef(({is:e,size:a="md",...r},o)=>t.createElement(St,{size:a,"aria-hidden":"true",...r,as:e,ref:o})),zt=(e,a,r,o="#fff")=>({bg:e,color:o,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:a},"&:not([disabled]):active":{bg:r}}),mr=l(g,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),pr=l(Ce.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:zt("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15)),light:zt("#fff",$.darken("#fff",.1),$.darken("#fff",.15),"$tonal600")}}}),ur=({theme:e="primaryDark",children:a,...r})=>h.default.createElement(pr,{theme:e,...r},a,h.default.createElement(mr,{is:y.ChevronDown})),hr=l(Ce.Root,{width:"100%"}),ue=h.default.forwardRef(({type:e="single",children:a,...r},o)=>h.default.createElement(hr,{ref:o,type:e,...r},a));ue.Item=cr,ue.Content=sr,ue.Trigger=ur,ue.displayName="Accordion";const D=l("div",{display:"flex"});D.displayName="Flex";const ze=({applyCapsize:e=!0}={})=>({xs:{fontSize:"$xs",lineHeight:1.6,...e?M(.4364):{}},sm:{fontSize:"$sm",lineHeight:1.53,...e?M(.4056):{}},md:{fontSize:"$md",lineHeight:1.5,...e?M(.3864):{}},lg:{fontSize:"$lg",lineHeight:1.52,...e?M(.3983):{}},xl:{fontSize:"$xl",lineHeight:1.42,...e?M(.3506):{}}}),Xe=l("p",{color:"$tonal600",fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:{size:ze()}}),W=t.forwardRef(({size:e="md",...a},r)=>t.createElement(Xe,{size:e,...a,ref:r}));W.displayName="Text";const Dt=l(W,{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"}}}}),Rt=l("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),De=Rt;De.displayName="Image";const Tt=l(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"}}}}),Ft=l("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"}}}}),$r=l(D,{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"}}}}),he=({size:e="sm",children:a,...r})=>t.createElement($r,{size:e,...r},t.Children.map(a,o=>t.isValidElement(o)&&(o.type===Tt||o.type===Ft||o.type===Dt)?t.cloneElement(o,{...o.props,size:e}):o));he.displayName="EmptyState",he.Image=Tt,he.Title=Ft,he.Body=Dt;const oe=(e,a,r)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:a},"&:not(:disabled):active":{color:r},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),$e=(e,a,r)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:a,color:"white"},"&:not(:disabled):active":{bg:r},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),ge=(e,a,r)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:a},"&:not(:disabled):active":{color:r},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),gr=l("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:oe("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:oe("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:oe("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:oe("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:oe("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:oe("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:$e("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:$e("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:$e("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:$e("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:$e("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:ge("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:ge("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:ge("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:ge("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:ge("$danger","$dangerMid","$dangerDark")}]}),R=t.forwardRef(({children:e,theme:a="primary",appearance:r="simple",size:o="md",label:i,href:n,disabled:s,...d},c)=>{const p=`A single ${g.displayName} component is permitted as a child of ${R.displayName}`;return _e.default(t.Children.count(e)===1,p),t.createElement(gr,{...d,...n?{as:"a",href:s?null:n,onClick:void 0,"aria-disabled":!!s}:{type:"button"},"aria-label":i,theme:a,appearance:r,size:o,ref:c,disabled:s},t.Children.map(e,m=>{if(!t.isValidElement(m))throw new Error(p);return _e.default(m.type===g,`Children of type ${m==null?void 0:m.type} aren't permitted. Only an ${g.displayName} component is allowed in ${R.displayName}`),t.cloneElement(m,{css:{size:["lg","xl"].includes(o)?20:16,...m.props.css?m.props.css:{}}})}))});R.displayName="ActionIcon";const Re=2147483646,Ue="translate3d(-50%, -50%, 0)",It="translate3d(-50%, 50vh, 0)",fr=E({"0%":{transform:It},"100%":{transform:Ue}}),br=E({"0%":{transform:Ue},"100%":{transform:It}}),yr=l(L.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:Re,"@allowMotion":{'&[data-state="open"]':{animation:`${Ct} 250ms ease-out`},'&[data-state="closed"]':{animation:`${kt} 550ms ease-out`}}}),vr=l(L.Content,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:Ue,"&:focus":{outline:"none"},zIndex:Re,"@allowMotion":{'&[data-state="open"]':{animation:`${fr} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${br} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),xr=({size:e="sm",...a})=>t.createElement(L.Portal,null,t.createElement(yr,null),t.createElement(vr,{size:e,...a})),wr=l(L.Root,{}),S=e=>t.createElement(wr,{...e});S.Description=L.Description,S.Title=L.Title,S.Action=L.Action,S.Cancel=L.Cancel,S.Content=xr,S.Trigger=L.Trigger,S.displayName="AlertDialog";const Er=()=>{const e=C.useRef();return C.useEffect(()=>(e.current=!0,()=>{e.current=!1})),e},Cr=E({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),Je=l("div",{animationName:`${Cr}`,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"}}}}),Ke=({css:e={},message:a="Loading",size:r="md"})=>t.createElement(D,{css:{justifyContent:"center",...e},role:"alert"},t.createElement(ja.Root,null,a),t.createElement(Je,{size:r}),t.createElement(Je,{size:r}),t.createElement(Je,{size:r})),Ze=(e,a,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:a},"&:not([disabled]):active":{color:r}}),ne=(e,a,r,o="white")=>({bg:e,color:o,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:a,color:o},"&:not([disabled]):active":{bg:r}}),Nt=l("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:{false:{width:"auto"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:ne("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:ne("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:ne("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:ne("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:ne("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:ne("white",$.opacify("white",-.1),$.opacify("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:Ze("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:Ze("white",$.opacify("white",-.2),$.opacify("white",-.35))},{theme:"secondary",appearance:"outline",css:Ze("$primaryDark",$.darken(v.colors.primaryDark.value,.1),$.darken(v.colors.primaryDark.value,.15))}]}),kr=({isLoading:e,children:a})=>t.createElement(t.Fragment,null,t.createElement(Ke,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),t.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},a)),Sr=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},Mt=(e,a)=>t.Children.map(e,(r,o)=>(r==null?void 0:r.type)===g?t.cloneElement(r,{css:{[o===0?"mr":"ml"]:a==="sm"?"$2":"$3",size:Sr(a),...r.props.css?r.props.css:{}}}):r),Y=t.forwardRef(({children:e,isLoading:a,onClick:r,href:o,appearance:i="solid",size:n="md",theme:s="primary",type:d="button",...c},p)=>t.createElement(Nt,{isLoading:a||!1,onClick:a?void 0:r,appearance:i,size:n,theme:s,...c,...o?{as:"a",href:o,onClick:void 0}:{},...o?{}:{type:d},ref:p},typeof a=="boolean"?t.createElement(kr,{isLoading:a},Mt(e,n)):Mt(e,n)));Y.displayName="Button";const Qe=l("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...M(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...M(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...M(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...M(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...M(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...M(.1793,.1873)}}}}),fe=t.forwardRef(({size:e="md",...a},r)=>t.createElement(Qe,{ref:r,size:e,...a}));fe.displayName="Heading";const zr=Object.keys(v.space).reduce((e,a)=>({...e,[a]:{mt:`-$space$${a}`,ml:`-$space$${a}`,"& > *":{mt:`$space$${a}`,ml:`$space$${a}`}}}),{}),Dr=l("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"},false:{}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},false:{}},gap:{...zr,false:{}}}}),be=({css:e,gap:a=2,direction:r="row",wrap:o="wrap",justify:i="start",align:n,...s})=>t.createElement(re,{css:e},t.createElement(Dr,{direction:r,gap:a,wrap:o,justify:i,align:typeof n>"u"&&r!=="column"?"center":n,...s}));be.displayName="Stack";const Rr=({title:e,description:a,onAction:r,cancelActionText:o,confirmActionText:i,onClose:n,...s})=>t.createElement(S,{defaultOpen:!0},t.createElement(S.Content,{onEscapeKeyDown:d=>d.preventDefault(),onCloseAutoFocus:n,...s},t.createElement(fe,{as:S.Title,size:"sm",css:{mb:"$5"}},e),a&&t.createElement(W,{as:S.Description,css:{mb:"$5"}},a),t.createElement(be,{gap:"2",justify:"end"},o&&t.createElement(Y,{appearance:"outline",as:S.Cancel,onClick:()=>r(!1),size:"sm"},o),t.createElement(Y,{as:S.Action,onClick:()=>r(!0),size:"sm"},i)))),Tr=[],Fr=(e,a)=>{switch(a.type){case"ADD":return[...e,{...a.payload,id:Da.uid()}];case"REMOVE":return e.filter(({id:r})=>r!==a.payload);default:return e}},Wt=t.createContext({showAlert:()=>null}),Ir=({children:e})=>{const[a,r]=t.useReducer(Fr,Tr),o=Er();return t.createElement(Wt.Provider,{value:{showAlert:i=>r({payload:i,type:"ADD"})}},Boolean(a.length)&&t.createElement(Rr,{...a[0],key:a[0].id,onClose:()=>{o.current&&r({payload:a[0].id,type:"REMOVE"})}}),e)},Nr=()=>{const e=t.useContext(Wt);if(e===void 0)throw new Error("useAlert must be used within a AlertProvider");return e},Mr=l(D,{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)"}}}}),At=({theme:e="info",size:a="sm",children:r,...o})=>t.createElement(Mr,{role:"status",theme:e,size:a,...o},t.createElement(b,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},r));At.displayName="Badge";const Bt={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"}},Wr=l(G.ButtonBack,Bt),Ar=l(G.ButtonNext,Bt),Br=e=>t.createElement(Wr,{...e},t.createElement(g,{is:y.ChevronLeft})),Lr=e=>t.createElement(Ar,{...e},t.createElement(g,{is:y.ChevronRight})),Or=l(G.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"}}}),Pr=l(G.Slide,{}),Hr=({children:e,...a})=>t.createElement(Pr,{...a,tag:"div"},t.createElement(b,{css:{px:"$3"}},e)),qr=l(G.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"}}}}),X=({children:e,css:a,slideHeight:r,slideWidth:o,numSlides:i})=>t.createElement(re,{css:a},t.createElement(G.CarouselProvider,{naturalSlideWidth:o,naturalSlideHeight:r,totalSlides:i},e)),_r=()=>t.useContext(G.CarouselContext);X.ArrowNext=Lr,X.ArrowPrevious=Br,X.Pagination=Or,X.Slide=Hr,X.Slider=qr,X.displayName="Carousel";const Vr=l($t.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),jr=l($t.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"}}}}),Te=t.forwardRef((e,a)=>t.createElement(jr,{...e,ref:a},t.createElement(Vr,null,t.createElement(g,{is:e.checked==="indeterminate"?y.Minus:y.Ok,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));Te.displayName="Checkbox";const{sm:Gr,md:Yr}=ze(),Xr=l("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:Gr,md:Yr},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"}}]}),Ur=l("span",{color:"$danger",ml:"$1",fontWeight:400}),ye=({align:e="start",as:a="label",direction:r="row",size:o="md",type:i="block",children:n,required:s,...d})=>t.createElement(Xr,{as:a,size:o,type:i,align:e,direction:r,...d},n,s&&t.createElement(Ur,{"aria-hidden":!0},"*"));ye.displayName="Label";const ve=l("li",{}),Lt=l("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${ve}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:ze({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${ve}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${ve}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),Fe=t.forwardRef(({size:e="md",ordered:a,...r},o)=>t.createElement(Lt,{ref:o,as:a?"ol":"ul",size:e,...r}));Fe.Item=ve;const et=l("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${Xe} > &, ${Qe} > &, ${ve} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:ze()}}),Ie=t.forwardRef(({size:e="md",onClick:a,href:r,...o},i)=>r?t.createElement(et,{size:e,...o,ref:i,href:r}):t.createElement(et,{as:"button",size:e,...o,ref:i,onClick:a}));Ie.displayName="Link";const Ne=({css:e,children:a,...r})=>t.createElement(D,{css:{color:"$danger",alignItems:"flex-start",...e},...r},t.createElement(g,{is:y.Error,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),t.createElement(W,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},a)),tt=({children:e,css:a})=>t.createElement(W,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...a}},e),_=({css:e,children:a,error:r,fieldId:o,label:i,prompt:n,description:s,required:d})=>t.createElement(b,{css:e},t.createElement(D,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},t.createElement(ye,{htmlFor:o,required:d},i),n&&t.createElement(Ie,{href:n.link,size:"sm"},n.label)),s&&t.createElement(tt,{css:{mb:"$3"}},s),a,r&&t.createElement(Ne,{css:{mt:"$2"}},r));_.displayName="FieldWrapper";const Jr=l(ae.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"}}),Kr=l(ae.Indicator,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),Me=e=>t.createElement(Jr,{...e},t.createElement(Kr,null));Me.displayName="RadioButton";const at=l(ae.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});at.displayName="RadioButtonGroup";const We=({align:e="start",children:a,css:r,description:o,direction:i="row",error:n,label:s,required:d})=>t.createElement(b,{css:r},t.createElement(ye,{align:e,direction:i,required:d,type:"inline"},t.Children.map(a,c=>t.createElement(b,{css:{[i==="reverse"?"ml":"mr"]:"$3",...((c==null?void 0:c.type)===Te||(c==null?void 0:c.type)===Me)&&{transform:"translateY($space$1)"}}},c)),s),n&&t.createElement(Ne,{css:{mt:"$2"}},n),o&&t.createElement(tt,{css:{mt:"$2",[i==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},o));We.displayName="InlineFieldWrapper";var Ot=(e=>(e.LOCAL="local",e.SESSION="session",e))(Ot||{});const Zr=l("form",{}),Qr=({persist:e,watch:a,setValue:r,children:o})=>{const{id:i,...n}=e;let s={...n,storage:n.storage===Ot.LOCAL?window.localStorage:window.sessionStorage};if(n.exclude){const{exclude:d,...c}=s,p=a(),m=Object.keys(p).filter(f=>{var u;if(!((u=n.exclude)!=null&&u.includes(f)))return f});s={...c,include:m}}return Ga.default(i,{watch:a,setValue:r},s),o},Pt=({formMethods:e,handleSubmit:a,onSubmit:r,onError:o,children:i,...n})=>t.createElement(k.FormProvider,{...e},t.createElement(Zr,{"aria-label":"form",...n,onSubmit:a(r,o)},i)),Ht=({children:e,defaultValues:a={},onSubmit:r,onError:o,validationMode:i="onBlur",render:n,persist:s,...d})=>{_e.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=k.useForm({defaultValues:a,mode:i}),{handleSubmit:p,watch:m,setValue:f}=c,u=n?n(c):e,x={formMethods:c,handleSubmit:p,onSubmit:r,onError:o,...d};return s?t.createElement(Qr,{persist:s,watch:m,setValue:f},t.createElement(Pt,{...x},u)):t.createElement(Pt,{...x},u)};Ht.displayName="Form";const U=e=>{var a;const{errors:r}=k.useFormContext(),o=e.split(/[,[\].]+?/).filter(Boolean);return{error:(a=(()=>Ya.default(r,o))())==null?void 0:a.message}};var eo=(e=>(e.ON="on",e.OFF="off",e))(eo||{});const qt=({css:e,defaultChecked:a=!1,label:r,name:o,validation:i,description:n,...s})=>{const{control:d}=k.useFormContext(),{error:c}=U(o);return t.createElement(k.Controller,{control:d,name:o,defaultValue:a,rules:i,render:({onChange:p,value:m,name:f})=>t.createElement(We,{css:e,description:n,error:c,label:r,required:Boolean(i==null?void 0:i.required)},t.createElement(Te,{defaultChecked:a,defaultValue:a?"on":"off",checked:m,name:f,onCheckedChange:p,value:m?"on":"off",...c&&{state:"error"},...s}))})};qt.displayName="CheckboxField";const to=l(ee.ComboboxInput,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:wt(v.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"}}}}),ao=l(ee.ComboboxList,{listStyle:"none",m:0,p:0,userSelect:"none"}),ro=l(ee.ComboboxOption,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}}),oo=l(ee.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)"});xt({":root":{"--reach-combobox":1}})();const no=l(ee.Combobox,{}),J=e=>t.createElement(no,{...e});J.displayName="Combobox",J.Option=ro,J.Input=to,J.Popover=oo,J.List=ao,J.OptionText=ee.ComboboxOptionText;const io=l(O.Close,{}),rt=l(b,{width:"100vw",height:"100vh"}),ot="translate3d(-50%, -50%, 0)",_t="translate3d(-50%, 50vh, 0)",Vt="modal_overlay",lo=E({"0%":{transform:_t},"100%":{transform:ot}}),so=E({"0%":{transform:ot},"100%":{transform:_t}}),co=l(O.Overlay,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:Re,"@allowMotion":{'&[data-state="open"]':{animation:`${Ct} 250ms ease-out`},'&[data-state="closed"]':{animation:`${kt} 550ms ease-out`}}}),mo=l(O.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:ot,zIndex:Re,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${lo} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${so} 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"}}}}),po=({size:e="sm",children:a,closeDialogText:r="Close dialog",showCloseButton:o=!0,...i})=>t.createElement(O.Portal,null,t.createElement(co,{id:Vt},t.Children.map(a,n=>(n==null?void 0:n.type)===rt&&n),t.createElement(mo,{size:e,"aria-label":"Dialog",onPointerDownOutside:n=>{const s=n.target;(s==null?void 0:s.id)!==Vt&&n.preventDefault()},...i},o&&t.createElement(R,{as:O.Close,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"lg",theme:"neutral"},t.createElement(g,{is:y.Close})),t.Children.map(a,n=>(n==null?void 0:n.type)!==rt&&n)))),uo=l(O.Root,{}),V=e=>t.createElement(uo,{...e});V.Background=rt,V.Close=io,V.Content=po,V.Description=O.Description,V.Title=O.Title,V.Trigger=O.Trigger,V.displayName="Dialog";const ho=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],$o=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],go=l("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"}}}}),jt=l("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),fo=(e,a)=>{const r=e.slice(0,a);return e.slice(a).concat(r)},Gt=({css:e,refDateSelected:a,refDateToday:r,firstDayOfWeek:o=0,monthNames:i=ho,weekdayNames:n=$o,labels:s={next:"Next month",previous:"Previous month"},...d})=>{const{calendars:c,getBackProps:p,getForwardProps:m,getDateProps:f}=Na.useDayzed({firstDayOfWeek:o,showOutsideDays:!0,...d});return c.length?t.createElement(b,{css:{position:"relative",width:"min-content",mt:"-$1",...e}},t.createElement(D,{css:{position:"absolute",top:0,right:"-$1"}},t.createElement(R,{label:s.previous,theme:"neutral",size:"lg",...p({calendars:c})},t.createElement(g,{is:y.ChevronLeft})),t.createElement(R,{label:s.next,theme:"neutral",size:"lg",...m({calendars:c})},t.createElement(g,{is:y.ChevronRight}))),c.map(({month:u,year:x,weeks:T})=>t.createElement(b,{key:`${u}${x}`},t.createElement(D,{css:{height:"$4",alignItems:"center",mb:"$4"}},t.createElement(fe,{size:"xs"},i[u]," ",x)),t.createElement(jt,{css:{mb:"$3"}},fo(n,o).map(w=>t.createElement(W,{as:"span",size:"sm",key:`${u}${x}${w}`,css:{fontWeight:600,textAlign:"center"}},w))),t.createElement(jt,null,T.map((w,A)=>w.map((F,B)=>{const I=`${u}${x}${A}${B}`;if(!F)return t.createElement("div",{key:I});const{date:H,selected:z,today:de,prevMonth:Pe,nextMonth:He}=F;return t.createElement(go,{isOutsideMonth:Pe||He,isSelected:z,isToday:de,key:I,ref:z?a:de?r:null,...f({dateObj:F})},H.getDate())})))))):null};Gt.displayName="Calendar";const Yt=l("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"}}}}),ie=t.forwardRef(({type:e="text",size:a="md",...r},o)=>e==="number"?t.createElement(Yt,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:a,...r,ref:o}):t.createElement(Yt,{type:e,size:a,...r,ref:o}));ie.displayName="Input";const bo=l(te.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:Ge},'&[data-side="right"]':{animationName:Ye},'&[data-side="bottom"]':{animationName:Ve},'&[data-side="left"]':{animationName:je}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),yo=l(te.Arrow,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),vo=({children:e,side:a="top",sideOffset:r=8,closePopoverText:o="Close popover",showCloseButton:i=!0,size:n="md",...s})=>t.createElement(bo,{size:n,side:a,sideOffset:r,...s},i&&t.createElement(R,{as:te.Close,css:{position:"absolute",right:"$0",top:"$0"},label:o,size:"lg",theme:"neutral"},t.createElement(g,{is:y.Close})),e,t.createElement(yo,{width:16,height:8}));l(te.Root,{});const K=e=>t.createElement(te.Root,{...e});K.Content=vo,K.Trigger=te.Trigger,K.displayName="Popover";const Xt="DD/MM/YYYY";pe.default.extend(Xa.default);const xo=(e,a=Xt)=>{const[r,o]=C.useState(e?pe.default(e).toDate():void 0),[i,n]=C.useState(e?pe.default(e).format(a):"");return{dateString:i,date:r,setDate:(s,d=!1)=>{const c=d?pe.default(s,a):pe.default(s);o(c.isValid()?c.toDate():void 0),n(d?s:c.format(a))}}},nt=t.forwardRef(({initialDate:e,dateFormat:a=Xt,firstDayOfWeek:r=1,disabled:o,monthNames:i,weekdayNames:n,size:s="md",labels:d={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:c,onChange:p,...m},f)=>{const{date:u,dateString:x,setDate:T}=xo(e,a),[w,A]=t.useState(!1),F=t.useRef(null),B=t.useRef(null);return t.useEffect(()=>{p==null||p(u)},[u,p]),t.createElement(b,{css:{position:"relative"}},t.createElement(ie,{name:"date",disabled:o,size:s,...m,onChange:I=>T(I.target.value,!0),value:x,ref:f}),t.createElement(K,{modal:!0,open:w,onOpenChange:A},t.createElement(K.Trigger,{asChild:!0},t.createElement(R,{css:{position:"absolute",top:0,right:0},disabled:o,label:d.open,size:s==="sm"?"md":"lg",theme:"neutral"},t.createElement(g,{size:"sm",is:y.CalendarEvent}))),t.createElement(K.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:I=>{var H,z;I.preventDefault(),u?(H=B.current)==null||H.focus():(z=F.current)==null||z.focus()}},t.createElement(Gt,{date:u||new Date,selected:u,onDateSelected:async I=>{A(!1),await T(I.date,!1),c&&c()},refDateToday:F,refDateSelected:B,firstDayOfWeek:r,monthNames:i,weekdayNames:n,labels:d}))))});nt.displayName="DateInput";const Ut=({css:e,label:a,name:r,validation:o,prompt:i,description:n,...s})=>{const{register:d,trigger:c}=k.useFormContext(),{error:p}=U(r),m=o?d(o):d;return t.createElement(_,{css:e,description:n,error:p,fieldId:r,label:a,prompt:i,required:Boolean(o==null?void 0:o.required)},t.createElement(nt,{id:r,name:r,ref:m,...p&&{state:"error"},...s,revalidate:c}))};Ut.displayName="DateField";const Jt=l("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),Kt=h.default.forwardRef(({orientation:e="horizontal",...a},r)=>h.default.createElement(Jt,{ref:r,orientation:e,...a})),wo=l(ce.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:Ge},'&[data-side="right"]':{animationName:Ye},'&[data-side="bottom"]':{animationName:Ve},'&[data-side="left"]':{animationName:je}}}}),Eo={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"}},Zt=l(ce.Item,Eo),Co=l("a",{textDecoration:"none"}),ko=({children:e,href:a,...r})=>h.default.createElement(Zt,{...r,asChild:!0},h.default.createElement(Co,{href:a,role:"menuitem"},e)),So=l(ce.Separator,{height:"1px",backgroundColor:"$tonal200",my:"$2"}),zo=l(ce.Trigger,{}),Do=l(ce.Root,{}),le=e=>h.default.createElement(Do,{...e});le.Content=wo,le.Item=Zt,le.LinkItem=ko,le.Separator=So,le.Trigger=zo;const Ro=Object.keys(v.space).reduce((e,a)=>({...e,[a]:{gap:`$space$${a}`}}),{}),To=l("div",{display:"grid",variants:{gap:Ro}}),Qt=({css:e,gap:a=2,minItemSize:r,maxItemSize:o="1fr",...i})=>t.createElement(To,{css:{...r&&{gridTemplateColumns:`repeat(auto-fit, minmax(${r}, ${o}))`},...e},gap:a,...i});Qt.displayName="Grid";const ea=({accept:e,children:a,multiple:r=!1,onFileSelect:o,...i})=>{const n=s=>{const{files:d}=s.target;o(d)};return t.createElement(Y,{as:"label",...i},t.createElement(g,{is:y.Upload}),a,t.createElement("input",{type:"file",onChange:n,accept:e,multiple:r,hidden:!0}))};ea.displayName="FileInput";const ta=({css:e,label:a,name:r,validation:o,prompt:i,description:n,...s})=>{const{register:d}=k.useFormContext(),{error:c}=U(r),p=o?d(o):d;return t.createElement(_,{css:e,description:n,error:c,fieldId:r,label:a,prompt:i,required:Boolean(o==null?void 0:o.required)},t.createElement(ie,{id:r,name:r,ref:p,...c&&{state:"error"},...s}))};ta.displayName="InputField";const Fo=l("div",{[`& > ${Qe}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${Xe}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${Lt}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${Jt}`]:{my:"$5"},[`& > ${Rt}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),it=t.forwardRef((e,a)=>t.createElement(Fo,{ref:a,...e}));it.displayName="StackContent";const Io=l(b,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),No=({node:e})=>t.createElement(Io,{as:"pre"},e.value),Mo=l("em",{fontStyle:"italic"}),Wo=({node:e,handleNode:a})=>{var r;return t.createElement(Mo,null,(r=e.children)==null?void 0:r.map(a))},Ao=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"}}},Bo=({node:e,handleNode:a,css:r})=>{var o;const{as:i,size:n}=Ao(e.depth);return t.createElement(fe,{as:i,size:n,css:{color:"inherit",...r}},(o=e.children)==null?void 0:o.map(a))},Lo=l(b,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),Oo=({node:e})=>t.createElement(Lo,{as:"code"},e.value),Po=({node:e,css:a})=>{var r;return t.createElement(De,{src:e.url,alt:(r=e.alt)!=null?r:void 0,css:a})},Ho=({node:e,handleNode:a})=>{var r,o;return t.createElement(Ie,{title:(r=e.title)!=null?r:void 0,href:e.url},(o=e.children)==null?void 0:o.map(a))},qo=({node:e,handleNode:a,css:r})=>{var o;return t.createElement(Fe,{css:{"& p:before, & p:after":{display:"none"},...r},ordered:e.ordered||void 0},(o=e.children)==null?void 0:o.map(a))},_o=({node:e,handleNode:a})=>{var r;return t.createElement(Fe.Item,null,(r=e.children)==null?void 0:r.map(a))},Vo=({node:e,handleNode:a,css:r})=>{var o;return t.createElement(W,{css:{color:"inherit",...r}},(o=e.children)==null?void 0:o.map(a))},jo=l("strong",{fontWeight:600}),Go=({node:e,handleNode:a})=>{var r;return t.createElement(jo,null,(r=e.children)==null?void 0:r.map(a))},Yo=({node:e})=>e.value,Xo=({css:e})=>t.createElement(Kt,{css:{width:"100%",...e}}),Uo={code:No,emphasis:Wo,heading:Bo,inlineCode:Oo,image:Po,link:Ho,list:qo,listItem:_o,paragraph:Vo,strong:Go,text:Yo,thematicBreak:Xo},Jo=e=>{var a,r;if((a=e.position)!=null&&a.start){const{line:o,column:i,offset:n}=(r=e.position)==null?void 0:r.start;return`${e.type}${o}${i}${n}`}return`${e.type}${+new Date}`},aa=({content:e,customComponents:a={},css:r})=>{const o=Ja.default(e,{extensions:[Ka.default()],mdastExtensions:[Ua.default.fromMarkdown]}),i={...Uo,...a},n=s=>{const d=i[s.type];return d?t.createElement(d,{key:Jo(s),node:s,handleNode:n}):null};return t.createElement(it,{css:r},o.children.map(n))};aa.displayName="MarkdownContent";const Ko=l(b,{position:"relative"}),Zo=l(D,{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"}),Qo=({value:e,children:a})=>h.default.createElement(Ko,null,!!e&&h.default.createElement(Zo,{role:"status"},e),a),lt=t.forwardRef(({css:e,hidePasswordText:a="Hide password",showPasswordText:r="Show password",...o},i)=>{const[n,s]=C.useState(!1),d=()=>s(c=>!c);return t.createElement(b,{css:{position:"relative",...e}},t.createElement(ie,{...o,type:n?"text":"password",ref:i,css:{pr:"$sizes$2"}}),t.createElement(R,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:n?a:r,onClick:d,onMouseDown:c=>c.preventDefault(),size:"lg"},t.createElement(g,{is:n?y.Eye:y.EyeCrossed,css:{size:20}})))});lt.displayName="PasswordInput";const ra=({css:e={},label:a="Password",name:r,prompt:o=void 0,description:i,validation:n,...s})=>{const{register:d}=k.useFormContext(),{error:c}=U(r),p=n?d(n):d;return t.createElement(_,{css:{...e,position:"relative"},description:i,error:c,fieldId:r,label:a,prompt:o,required:Boolean(n==null?void 0:n.required)},t.createElement(lt,{autoComplete:"current-password",name:r,id:r,ref:p,...s}))};ra.displayName="PasswordField";const en=l(gt.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"}}}}),tn=l(gt.Indicator,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),oa=({value:e,max:a=100,theme:r="primary",...o})=>t.createElement(en,{value:e,max:a,theme:r,...o},t.createElement(tn,{style:{width:"100%",transform:`translateX(-${100-(e||0)/a*100}%)`}}));oa.displayName="ProgressBar";const na=t.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1}),an=({children:e,stepCount:a,allowSkip:r,onComplete:o,onStepChange:i})=>{const[n,s]=t.useState(0),[d,c]=t.useState([0]);t.useEffect(()=>{c(u=>u.includes(n)?u:[...u,n]),i==null||i(n)},[n,i]);const p=()=>{if(o&&n===a-1)return o();if(n<a-1)return s(u=>u+1)},m=()=>{s(u=>u-1)},f=u=>{s(u)};return t.createElement(na.Provider,{value:{steps:Array(a).fill(""),goToPreviousStep:m,goToNextStep:p,goToStep:f,activeStep:n,viewedSteps:d,allowSkip:r}},e)},st=()=>{const e=t.useContext(na);if(!e)throw new Error("Ensure that you wrap any components with the root component Stepper");return e},rn=({label:e,children:a,...r})=>{const{activeStep:o,goToPreviousStep:i}=st();return t.createElement(Y,{size:"sm",appearance:"outline",...r,disabled:o===0,onClick:i},a||(e==null?void 0:e(o)))},on=({label:e,children:a,onClick:r,...o})=>{const{goToNextStep:i,activeStep:n}=st();return t.createElement(Y,{size:"sm",...o,onClick:()=>{if(r)return r(i);i()},css:{ml:"auto"}},a||(e==null?void 0:e(n)))},nn=l(D,{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"}}}}}),ln=({css:e,...a})=>{const{steps:r,goToStep:o,activeStep:i,viewedSteps:n,allowSkip:s}=st(),d=p=>i===p?"active":n.includes(p)?"viewed":"normal",c=p=>p<Math.max(...n)?"highlight":"normal";return t.createElement(D,{css:{alignItems:"center",justifyContent:"space-between",...e},...a},r.map((p,m)=>t.createElement(nn,{key:`step_${m}`,as:s?"button":"div",onClick:()=>s&&n.includes(m)?o(m):void 0,state:d(m),separator:c(m),"aria-current":m===i?"step":void 0,"aria-label":`step ${m+1}`,css:{cursor:s&&n.includes(m)?"pointer":"auto","&:not(:last-child)::after":{width:e!=null&&e.width?`calc((${e.width} - ($2 * ${r.length})) / ${r.length-1})`:"$1"}}},m+1)))},xe=({children:e,stepCount:a,allowSkip:r,onComplete:o,onStepChange:i})=>t.createElement(an,{stepCount:a,allowSkip:r,onComplete:o,onStepChange:i},t.createElement(b,{"aria-label":"progress",css:{width:"100%",display:"grid",gridTemplateColumns:"1fr auto 1fr"}},e));xe.StepBack=rn,xe.StepForward=on,xe.Steps=ln,xe.displayName="Stepper";const ia=({css:e,label:a,value:r,...o})=>t.createElement(We,{css:e,label:a},t.createElement(Me,{value:r,...o}));ia.displayName="RadioField";const sn=l("fieldset",{all:"unset"}),dt=({children:e,css:a,direction:r="column",defaultValue:o,description:i,label:n,name:s,validation:d,onValueChange:c})=>{const{control:p}=k.useFormContext(),{error:m}=U(s);return t.createElement(sn,{css:a},t.createElement(ye,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(d==null?void 0:d.required)},n),i&&t.createElement(tt,{css:{mb:"$3"}},i),t.createElement(k.Controller,{control:p,name:s,rules:d,defaultValue:o,render:({onChange:f,value:u})=>t.createElement(at,{direction:r,defaultValue:o,onValueChange:x=>{f(x),c==null||c(x)},value:u},e)}),m&&t.createElement(Ne,{css:{mt:"$2"}},m))};dt.Item=ia,dt.displayName="RadioButtonField";const dn=l(ae.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"}}}}),cn=l("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"}}]}),mn=l(ae.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),la=({children:e,isFullWidth:a=!1,size:r="md",align:o="left",...i})=>t.createElement(dn,{...i,align:o,isFullWidth:a,size:r},t.createElement(cn,{align:o,containerIsFullWidth:a},t.createElement(mn,null)),t.createElement(b,null,e)),pn=({css:e,children:a,size:r,isFullWidth:o,align:i,gap:n="3",justify:s,...d})=>t.createElement(ae.Root,{...d},t.createElement(be,{direction:"row",justify:s,gap:n,css:e},t.Children.map(a,c=>t.isValidElement(c)&&(c==null?void 0:c.type)===la?t.cloneElement(c,{size:r,isFullWidth:o,align:i}):c)));var un=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(un||{});const hn=l(g,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),$n=l(ie,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),sa=({size:e="md",css:a,value:r,clearText:o="Clear",onChange:i,...n})=>{const[s,d]=t.useState(r||""),[c,p]=t.useState(r?"CLEAR":"SEARCH"),m=()=>{d(""),p("SEARCH"),i==null||i({currentTarget:{value:""},target:{value:""}})},f=x=>{d(x.target.value),p(x.target.value?"CLEAR":"SEARCH"),i==null||i(x)},u=()=>c==="SEARCH"?t.createElement(hn,{is:y.Search,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(R,{label:o,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:m},t.createElement(g,{is:y.Close}));return t.createElement(b,{css:{position:"relative",...a}},t.createElement($n,{size:e,type:"search",...n,value:s,onChange:f,css:{pr:e==="sm"?"$5":"$6"}}),u())};sa.displayName="SearchInput";const gn=l("select",{appearance:"none",backgroundColor:"white",backgroundImage:wt(v.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"}}}}),ct=t.forwardRef(({placeholder:e,children:a,size:r="md",...o},i)=>{const n={size:r,ref:i,...o};return!o.value&&!o.defaultValue&&(n.defaultValue=""),t.createElement(gn,{...n},e&&t.createElement("option",{disabled:!0,hidden:!0,value:""},e),a)});ct.displayName="Select";const da=({css:e=void 0,children:a,name:r,label:o,validation:i,prompt:n,description:s,...d})=>{const{register:c}=k.useFormContext(),{error:p}=U(r),m=i?c(i):c;return t.createElement(_,{css:e,description:s,error:p,fieldId:r,label:o,prompt:n,required:Boolean(i==null?void 0:i.required)},t.createElement(ct,{name:r,id:r,...d,ref:m,...p&&{state:"error"}},a))};da.displayName="SelectField";const fn=l("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),ca=(e,a,r)=>(e-a)/(r-a)*100,bn=(e,a,r)=>{const o=ca(e,a,r);return o<=10?0:o>=90?100:50},yn=({min:e,max:a,steps:r=[]})=>r.length===0?null:t.createElement(fn,null,r.map(o=>t.createElement(W,{as:"span",key:o.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${ca(o.value,e,a)}%`,transform:`translateX(-${bn(o.value,e,a)}%)`}},o.label))),vn=({value:e=[],outputLabel:a=r=>`Current value is ${r}`})=>t.createElement(W,{css:{mt:"$4",color:"$tonal300",width:"100%"}},a(e.length===1?e[0]:e)),mt=l(ke.Track,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),xn=l(ke.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:{[`${mt}`]:{bg:"#fff"}},tonal:{[`${mt}`]:{bg:"$tonal200"}}}}}),wn=l(ke.Range,{bg:"$primary",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":{bg:"$tonal200",cursor:"not-allowed"}}),En=l(ke.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"}}),Z=({value:e,defaultValue:a,min:r=0,max:o=100,theme:i="tonal",css:n,children:s,...d})=>{const c=e||a;return t.createElement(re,{css:n},t.createElement(xn,{theme:i,defaultValue:a,value:e,min:r,max:o,...d},t.createElement(mt,null,t.createElement(wn,null)),(c==null?void 0:c.length)&&c.map((p,m)=>t.createElement(En,{key:`thumb${m}`}))),s)};Z.Value=vn,Z.Steps=yn,Z.displayName="Slider";const ma=({css:e,label:a,name:r,defaultValue:o,outputLabel:i,min:n=0,max:s=100,steps:d=[],...c})=>{const{control:p}=k.useFormContext();return h.default.createElement(_,{css:e,fieldId:r,label:a},h.default.createElement(k.Controller,{control:p,name:r,defaultValue:o,render:({onChange:m,value:f})=>h.default.createElement(Z,{name:r,defaultValue:o,onValueChange:m,value:f,min:n,max:s,...c},h.default.createElement(Z.Steps,{min:n,max:s,steps:d}),h.default.createElement(Z.Value,{value:f||o,outputLabel:i}))}))};ma.displayName="SliderField";const Cn=l(ft.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"}}),kn=l(ft.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),pa=e=>t.createElement(Cn,{...e},t.createElement(kn,null));pa.displayName="Switch";const Ae=l("tr",{bg:"unset"});Ae.displayName="TableRow";const Sn=l("tbody",{variants:{striped:{true:{[`${Ae}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),ua=({striped:e=!0,...a})=>t.createElement(Sn,{striped:e,...a});ua.displayName="TableBody";const se=l("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"}});se.displayName="TableCell";const ha=l("tfoot",{});ha.displayName="TableFooter";const Be=l("td",{color:"$tonal400",fontFamily:"$body",fontWeight:600,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});Be.displayName="TableFooterCell";const j=l("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});j.displayName="TableHeaderCell";const zn=l("thead",{variants:{theme:{primary:{[`${j}`]:{bg:"$primary"}},primaryDark:{[`${j}`]:{bg:"$primaryDark"}},light:{[`${j}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),$a=({theme:e="primaryDark",...a})=>h.default.createElement(zn,{theme:e,...a});$a.displayName="TableHeader";const Dn=l("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${se}, ${j}, ${Be}`]:{height:"$4"}},lg:{[`${se}, ${j}, ${Be}`]:{height:"$5"}}},corners:{round:{[`${j}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${Ae}:last-child`]:{[`${se}:first-child`]:{borderBottomLeftRadius:"$0"},[`${se}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),P=({size:e="md",corners:a="round",...r})=>t.createElement(Dn,{size:e,corners:a,...r});P.Body=ua,P.Cell=se,P.Footer=ha,P.FooterCell=Be,P.Header=$a,P.HeaderCell=j,P.Row=Ae,P.displayName="Table";const Rn=l(Se.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:$.opacify(v.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:$.opacify(v.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:$.opacify("white",-.8)},"&:not([data-disabled]):active":{bg:$.opacify("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),Le=({children:e,theme:a,disabled:r=!1,...o})=>t.createElement(Rn,{disabled:r,theme:a,...o},e);Le.displayName="TabTrigger";const pt=(e,a,r=[])=>h.default.Children.map(e,o=>h.default.isValidElement(o)&&r.includes(o==null?void 0:o.type)?h.default.cloneElement(o,{...a}):o),Tn=$.opacify("white",-.2),Fn=$.opacify(v.colors.primaryDark.value,-.2),ga=l(R,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${Tn} !important`},dark:{bg:`${Fn} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),fa=l(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:{"& button":{textTransform:"uppercase"}}}}}),ba=({children:e,theme:a,appearance:r,enableTabScrolling:o,scrollPercentage:i=10,...n})=>{const s=C.useRef(null),[d,c]=C.useState(!1),[p,m]=C.useState(!1),[f,u]=C.useState(),x=C.useCallback(T=>{const w=s.current;if(w){const{scrollWidth:A,scrollLeft:F,offsetWidth:B}=w,I=Math.round(A*(i/100));let H=F;if(T==="right"){const z=F+I;H=z+B<=A?z:A-B}else{const z=F-I;H=z>0?z:0}w.scroll({left:H,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:z,scrollLeft:de,offsetWidth:Pe}=w,He=z-(de+Pe);de===0?(c(!1),m(!0)):He<5?(m(!1),c(!0)):(c(!0),m(!0))},500)}},[]);return C.useEffect(()=>{const T=Ha.debounce(500,()=>{u(window.innerWidth)});return window.addEventListener("resize",T),()=>{window.removeEventListener("resize",T)}},[]),C.useEffect(()=>{var T;const w=s.current;if(w){const{offsetWidth:A,scrollWidth:F}=w,B=F>A;(T=w.scroll)==null||T.call(w,{left:0}),c(!1),m(B)}},[f]),d||p||o?h.default.createElement(D,{css:{position:"relative"}},h.default.createElement(ga,{size:"xl",label:"Scroll Left",theme:a,onClick:()=>x("left"),visible:d,css:{left:0}},h.default.createElement(g,{is:y.ChevronLeft,size:"lg"})),h.default.createElement(fa,{...n,ref:s,appearance:r,theme:a},pt(e,{theme:a},[Le])),h.default.createElement(ga,{size:"xl",label:"Scroll right",theme:a,onClick:()=>x("right"),visible:p,css:{right:0}},h.default.createElement(g,{is:y.ChevronRight,size:"lg"}))):h.default.createElement(fa,{theme:a,...n,appearance:r,ref:s},pt(e,{theme:a},[Le]))},In=l(Se.Root,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),ya=l(Se.Content,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),we=({theme:e="light",children:a,...r})=>t.createElement(In,{theme:e,...r},pt(a,{theme:e},[ba,ya]));we.TriggerList=ba,we.Trigger=Le,we.Content=ya,we.displayName="Tabs";const Nn=l("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"}}}}),ut=t.forwardRef((e,a)=>t.createElement(Nn,{...e,ref:a}));ut.displayName="Textarea";const va=({css:e=void 0,label:a,name:r,validation:o,prompt:i,description:n,...s})=>{const{register:d}=k.useFormContext(),{error:c}=U(r),p=o?d(o):d;return t.createElement(_,{css:e,description:n,error:c,fieldId:r,label:a,prompt:i,required:Boolean(o==null?void 0:o.required)},t.createElement(ut,{id:r,name:r,ref:p,...c&&{state:"error"},...s}))};va.displayName="TextareaField";const xa=400,Mn=E({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),Wn=E({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),An=l("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${Mn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${Wn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),Bn=l("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:xa},"@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"}}}}),Ln=t.memo(({ariaLive:e,height:a,id:r,message:o,role:i,type:n="blank",visible:s,calculateOffset:d,updateHeight:c})=>{const p=d(r,{reverseOrder:!0,margin:8});return t.createElement(An,{visible:s},t.createElement(Bn,{ref:m=>{m&&a===void 0&&c(r,m.getBoundingClientRect().height)},status:n,role:i,"aria-live":e,style:{transform:`translateY(${p}px)`}},n==="error"&&t.createElement(g,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:y.Error}),t.createElement(W,{css:{color:"inherit"}},o),n==="loading"?t.createElement(Ke,{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:()=>qe.toast.dismiss(r)},t.createElement(g,{is:y.Close}))))}),On=2147483647,Pn=l("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:On,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${xa/2}px)`}}),wa=({children:e})=>{const{toasts:a,handlers:r}=qe.useToaster(),{startPause:o,endPause:i,calculateOffset:n,updateHeight:s}=r;return t.createElement(t.Fragment,null,t.createElement(Pn,{onMouseEnter:o,onMouseLeave:i},a.map(d=>t.createElement(Ln,{key:d.id,calculateOffset:n,updateHeight:s,...d}))),e)};wa.displayName="ToastProvider";const Q=l(bt.Item,{bg:"white",color:"$tonal400",border:"1px solid $tonal200",cursor:"pointer","&::before":{background:"$tonal200"},"&:not([disabled])":{'&:hover, &:focus-visible, &[data-state="on"]':{"&::before":{background:"none"}},"&:hover":{borderColor:"currentColor !important",color:"$primaryMid"},"&:focus-visible":{...Et(),'&[data-state="off"]':{borderColor:"$tonal200 !important"},'&[data-state="on"]':{boxShadow:`inset currentColor 0px 0px 0px 1px, ${Et().boxShadow}`}}},"&[disabled]":{opacity:.3,cursor:"not-allowed"},'&[data-state="on"]':{color:"$primary",borderColor:"currentColor !important",boxShadow:"inset currentColor 0px 0px 0px 1px"}}),Hn=Q,Oe={sm:"32px",md:"40px",lg:"48px"},qn={sm:"$4",md:"$5",lg:"$5"},_n={sm:"$2",md:"$3",lg:"$3"},ht=e=>({fontSize:`$${e}`,px:qn[e],minHeight:Oe[e],"& > *:not(:last-child)":{mr:_n[e]}}),Vn=l(Q,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${St}`]:{flexShrink:0},variants:{size:{sm:ht("sm"),md:ht("md"),lg:ht("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:Oe.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:Oe.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:Oe.lg,p:0}}]}),jn=({size:e,children:a,...r})=>{var o;const i=t.Children.toArray(a),n=i.length<=1,s=n&&t.isValidElement(i[0])&&((o=i[0])==null?void 0:o.type)===g;return t.createElement(Vn,{size:e,isIconOnly:s,...r},i.map(d=>!n&&typeof d=="string"?t.createElement("span",{key:d},d):t.isValidElement(d)&&(d==null?void 0:d.type)===g?t.cloneElement(d,{...d.props,size:e}):d))},Gn=l(bt.Root,{width:"fit-content",variants:{isFullWidth:{true:{width:"100%",[`& ${Q}`]:{flexBasis:0,flexGrow:1}}},hasGap:{true:{[`& ${Q}`]:{borderRadius:"$0"}},false:{borderRadius:"$0",bg:"white",[`& ${Q}`]:{bg:"transparent",borderRadius:0,position:"relative","&:not(:last-child)::before":{content:"",position:"absolute"}}}},direction:{column:{},row:{}}},compoundVariants:[{hasGap:!1,direction:"row",css:{[`& ${Q}`]:{"&:not(:last-child)::before":{top:"-1px",height:"calc(100% + 2px)",width:"1px",right:"0",transform:"translateX(150%)"},"&:not(:first-child)":{borderLeftColor:"transparent"},"&:not(:last-child)":{borderRightColor:"transparent"},"&:first-child":{borderTopLeftRadius:"$0",borderBottomLeftRadius:"$0"},"&:last-child":{borderTopRightRadius:"$0",borderBottomRightRadius:"$0"}}}},{hasGap:!1,direction:"column",css:{[`& ${Q}`]:{"&:not(:last-child)::before":{bottom:0,left:"-1px",height:"1px",width:"calc(100% + 2px)",transform:"translateY(150%)"},"&:first-child":{borderTopLeftRadius:"$0",borderTopRightRadius:"$0"},"&:last-child":{borderBottomLeftRadius:"$0",borderBottomRightRadius:"$0"},"&:not(:first-child)":{borderTopColor:"transparent"},"&:not(:last-child)":{borderBottomColor:"transparent"}}}}]}),Yn=e=>e==="horizontal"?"row":"column",Xn=({size:e="md",orientation:a="horizontal",gap:r=!1,isFullWidth:o,children:i,wrap:n="no-wrap",...s})=>{const d=typeof r=="number",c=t.Children.toArray(i),p=Yn(a);return t.createElement(Gn,{direction:p,hasGap:d,isFullWidth:o,orientation:a,...s},t.createElement(be,{direction:p,gap:d&&r,align:!1,wrap:n},c.map(m=>t.isValidElement(m)?t.cloneElement(m,{...m.props,size:e}):m)))},Un={Item:Hn,Button:jn,Root:Xn},Jn=l(me.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:Ge},'&[data-side="right"]':{animationName:Ye},'&[data-side="bottom"]':{animationName:Ve},'&[data-side="left"]':{animationName:je}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),Kn=l(me.Arrow,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),Zn=({children:e,side:a="top",sideOffset:r=4,size:o="md",...i})=>t.createElement(Jn,{side:a,sideOffset:r,size:o,...i},e,t.createElement(Kn,null)),Ee=({children:e,delayDuration:a=350,...r})=>t.createElement(me.Root,{delayDuration:a,...r},e);Ee.Content=Zn,Ee.Trigger=l(me.Trigger,{}),Ee.Provider=me.Provider,Ee.displayName="Tooltip";const Qn=l(Qa.default,{}),Ea=t.forwardRef(({id:e,ratio:a=9/16,css:r,...o},i)=>t.createElement(re,{css:r},t.createElement(b,{css:{borderRadius:"$0",position:"relative",paddingTop:`${a*100}%`,overflow:"hidden",height:0,width:"100%"}},t.createElement(Qn,{...o,role:"figure",url:`https://player.vimeo.com/video/${e}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:i}))));Ea.displayName="Video",Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return Za.default}}),exports.Accordion=ue,exports.ActionIcon=R,exports.AlertDialog=S,exports.AlertProvider=Ir,exports.Badge=At,exports.Box=b,exports.Button=Y,exports.Carousel=X,exports.Checkbox=Te,exports.CheckboxField=qt,exports.Combobox=J,exports.DateField=Ut,exports.DateInput=nt,exports.Dialog=V,exports.Divider=Kt,exports.DropdownMenu=le,exports.EmptyState=he,exports.FieldWrapper=_,exports.FileInput=ea,exports.Flex=D,exports.Form=Ht,exports.Grid=Qt,exports.Heading=fe,exports.Icon=g,exports.Image=De,exports.InlineFieldWrapper=We,exports.Input=ie,exports.InputField=ta,exports.Label=ye,exports.Link=Ie,exports.List=Fe,exports.Loader=Ke,exports.MarkdownContent=aa,exports.NotificationBadge=Qo,exports.PasswordField=ra,exports.PasswordInput=lt,exports.Popover=K,exports.ProgressBar=oa,exports.RadioButton=Me,exports.RadioButtonField=dt,exports.RadioButtonGroup=at,exports.RadioCard=la,exports.RadioCardGroup=pn,exports.SearchInput=sa,exports.Select=ct,exports.SelectField=da,exports.Slider=Z,exports.SliderField=ma,exports.Stack=be,exports.StackContent=it,exports.Stepper=xe,exports.StyledButton=Nt,exports.StyledLink=et,exports.Switch=pa,exports.Table=P,exports.Tabs=we,exports.Text=W,exports.Textarea=ut,exports.TextareaField=va,exports.ToastProvider=wa,exports.ToggleGroup=Un,exports.Tooltip=Ee,exports.ValidationError=Ne,exports.Video=Ea,exports.createTheme=rr,exports.css=tr,exports.getCssText=ar,exports.globalCss=xt,exports.keyframes=E,exports.media=vt,exports.styled=l,exports.theme=v,exports.useAlert=Nr,exports.useCarousel=_r,exports.utils=yt;
|