@atom-learning/components 1.4.0 → 1.6.1

package/dist/components/date-input/use-date.js

@@ -0,0 +1 @@
+import t from"dayjs";import D from"dayjs/plugin/customParseFormat";import{useState as a}from"react";import{DEFAULT_DATE_FORMAT as n}from"./constants.js";t.extend(D);const v=(o,e=n)=>{const[f,c]=a(o?t(o).toDate():void 0),[d,p]=a(o?t(o).format(e):"");return{dateString:d,date:f,setDate:(s,m=!1)=>{const r=m?t(s,e):t(s);c(r.isValid()?r.toDate():void 0),p(m?s:r.format(e))}}};export{v as useDate};

package/dist/components/dialog/Dialog.js

@@ -1 +1 @@
-import{Root as o,Trigger as r}from"@radix-ui/react-dialog";import{createElement as t}from"react";import{styled as i}from"../../stitches.js";import{DialogClose as e}from"./DialogClose.js";import{DialogContent as m}from"./DialogContent.js";const s=i(o,{}),a=o=>t(s,Object.assign({},o));a.Close=e,a.Content=m,a.Trigger=r,a.displayName="Dialog";export{a as Dialog};
+import{Root as r,Trigger as e}from"@radix-ui/react-dialog";import{createElement as i}from"react";import{styled as m}from"../../stitches.js";import{DialogClose as l}from"./DialogClose.js";import{DialogContent as g}from"./DialogContent.js";const a=m(r,{}),o=t=>i(a,{...t});o.Close=l,o.Content=g,o.Trigger=e,o.displayName="Dialog";export{o as Dialog};

package/dist/components/dialog/DialogContent.d.ts

@@ -268,6 +268,7 @@ declare const StyledDialogContent: import("@stitches/react/types/styled-componen
 }>>;
 declare type DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {
     closeDialogText?: string;
+    showCloseButton?: boolean;
 };
 export declare const DialogContent: React.FC<DialogContentProps>;
 export {};

package/dist/components/dialog/DialogContent.js

@@ -1 +1 @@
-const t=["size","children","closeDialogText"];import{Close as o}from"@atom-learning/icons";import{Overlay as i,Content as e,Close as a}from"@radix-ui/react-dialog";import{createElement as s,Fragment as r}from"react";import{keyframes as n,styled as l}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import{fadeIn as m,fadeOut as d}from"../../utilities/style/keyframe-animations.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";const f=n({"0%":{transform:"translate3d(-50%, 50vh, 0)"},"100%":{transform:"translate3d(-50%, -50%, 0)"}}),u=n({"0%":{transform:"translate3d(-50%, -50%, 0)"},"100%":{transform:"translate3d(-50%, 50vh, 0)"}}),h=l(i,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${m} 250ms ease-out`},'&[data-state="closed"]':{animation:`${d} 550ms ease-out`}}}),x=l(e,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:"translate3d(-50%, -50%, 0)","&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${f} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${u} 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"}}}}),b=i=>{let{size:e="sm",children:n,closeDialogText:l="Close dialog"}=i,m=function(t,o){if(null==t)return{};var i,e,a={},s=Object.keys(t);for(e=0;e<s.length;e++)i=s[e],o.indexOf(i)>=0||(a[i]=t[i]);return a}(i,t);return s(r,null,s(h,null),s(x,Object.assign({size:e},m),s(c,{as:a,css:{position:"absolute",right:"$4",top:"$4"},label:l,size:"lg",theme:"neutral"},s(p,{is:o})),n))};export{b as DialogContent};
+import{Close as d}from"@atom-learning/icons";import{Overlay as c,Content as p,Close as f}from"@radix-ui/react-dialog";import{createElement as t,Fragment as u}from"react";import{keyframes as e,styled as n}from"../../stitches.js";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Icon as b}from"../icon/Icon.js";import{fadeIn as h,fadeOut as g}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",a="translate3d(-50%, 50vh, 0)",$=e({"0%":{transform:a},"100%":{transform:o}}),w=e({"0%":{transform:o},"100%":{transform:a}}),C=n(c,{backgroundColor:"$alpha600",inset:0,position:"fixed","@allowMotion":{'&[data-state="open"]':{animation:`${h} 250ms ease-out`},'&[data-state="closed"]':{animation:`${g} 550ms ease-out`}}}),y=n(p,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${$} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${w} 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:i="sm",children:s,closeDialogText:r="Close dialog",showCloseButton:l=!0,...m})=>t(u,null,t(C,null),t(y,{size:i,...m},l&&t(x,{as:f,css:{position:"absolute",right:"$4",top:"$4"},label:r,size:"lg",theme:"neutral"},t(b,{is:d})),s));export{O as DialogContent};

package/dist/components/divider/Divider.js

@@ -1 +1 @@
-const t=["orientation"];import r from"react";import{styled as e}from"../../stitches.js";const i=e("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),n=e=>{let{orientation:n="horizontal"}=e,o=function(t,r){if(null==t)return{};var e,i,n={},o=Object.keys(t);for(i=0;i<o.length;i++)e=o[i],r.indexOf(e)>=0||(n[e]=t[e]);return n}(e,t);return r.createElement(i,Object.assign({orientation:n},o))};export{n as Divider};
+import r from"react";import{styled as e}from"../../stitches.js";const o=e("hr",{border:0,bg:"$tonal200",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),n=({orientation:t="horizontal",...i})=>r.createElement(o,{orientation:t,...i});export{n as Divider};

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -1 +1 @@
-import{Root as o}from"@radix-ui/react-dropdown-menu";import r from"react";import{styled as t}from"../../stitches.js";import{DropdownMenuContent as e}from"./DropdownMenuContent.js";import{DropdownMenuItem as m}from"./DropdownMenuItem.js";import{DropdownMenuLinkItem as n}from"./DropdownMenuLinkItem.js";import{DropdownMenuSeparator as p}from"./DropdownMenuSeparator.js";import{DropdownMenuTrigger as i}from"./DropdownMenuTrigger.js";const s=t(o,{}),a=o=>r.createElement(s,Object.assign({},o));a.Content=e,a.Item=m,a.LinkItem=n,a.Separator=p,a.Trigger=i;export{a as DropdownMenu};
+import{Root as t}from"@radix-ui/react-dropdown-menu";import e from"react";import{styled as m}from"../../stitches.js";import{DropdownMenuContent as n}from"./DropdownMenuContent.js";import{DropdownMenuItem as p}from"./DropdownMenuItem.js";import{DropdownMenuLinkItem as i}from"./DropdownMenuLinkItem.js";import{DropdownMenuSeparator as f}from"./DropdownMenuSeparator.js";import{DropdownMenuTrigger as a}from"./DropdownMenuTrigger.js";const d=m(t,{}),o=r=>e.createElement(d,{...r});o.Content=n,o.Item=p,o.LinkItem=i,o.Separator=f,o.Trigger=a;export{o as DropdownMenu};

package/dist/components/dropdown-menu/DropdownMenuContent.js

@@ -1 +1 @@
-import{Content as i}from"@radix-ui/react-dropdown-menu";import{styled as a}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import{slideDownAndFade as t,slideLeftAndFade as o,slideUpAndFade as e,slideRightAndFade as m}from"../../utilities/style/keyframe-animations.js";const n=a(i,{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:t},'&[data-side="right"]':{animationName:o},'&[data-side="bottom"]':{animationName:e},'&[data-side="left"]':{animationName:m}}}});export{n as DropdownMenuContent};
+import{Content as a}from"@radix-ui/react-dropdown-menu";import{styled as i}from"../../stitches.js";import{slideDownAndFade as t,slideLeftAndFade as o,slideUpAndFade as n,slideRightAndFade as e}from"../../utilities/style/keyframe-animations.js";const d=i(a,{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:t},'&[data-side="right"]':{animationName:o},'&[data-side="bottom"]':{animationName:n},'&[data-side="left"]':{animationName:e}}}});export{d as DropdownMenuContent};

package/dist/components/dropdown-menu/DropdownMenuItem.js

@@ -1 +1 @@
-import{Item as o}from"@radix-ui/react-dropdown-menu";import{styled as e}from"../../stitches.js";const t={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"}},r=e(o,t);export{r as DropdownMenuItem,t as itemStyles};
+import{Item as e}from"@radix-ui/react-dropdown-menu";import{styled as t}from"../../stitches.js";const o={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"}},n=t(e,o);export{n as DropdownMenuItem,o as itemStyles};

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js

@@ -1 +1 @@
-const e=["children","href"];import r from"react";import{styled as t}from"../../stitches.js";import{DropdownMenuItem as n}from"./DropdownMenuItem.js";const o=t("a",{textDecoration:"none"}),i=t=>{let{children:i,href:c}=t,m=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(t,e);return r.createElement(n,Object.assign({},m,{asChild:!0}),r.createElement(o,{href:c,role:"menuitem"},i))};export{i as DropdownMenuLinkItem};
+import e from"react";import{styled as r}from"../../stitches.js";import{DropdownMenuItem as m}from"./DropdownMenuItem.js";const i=r("a",{textDecoration:"none"}),a=({children:t,href:o,...n})=>e.createElement(m,{...n,asChild:!0},e.createElement(i,{href:o,role:"menuitem"},t));export{a as DropdownMenuLinkItem};

package/dist/components/dropdown-menu/DropdownMenuTrigger.js

@@ -1 +1 @@
-import{Trigger as o}from"@radix-ui/react-dropdown-menu";import{styled as r}from"../../stitches.js";const t=r(o,{});export{t as DropdownMenuTrigger};
+import{Trigger as r}from"@radix-ui/react-dropdown-menu";import{styled as o}from"../../stitches.js";const e=o(r,{});export{e as DropdownMenuTrigger};

package/dist/components/field-wrapper/FieldDescription.js

@@ -1 +1 @@
-function t(){return(t=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])}return t}).apply(this,arguments)}import{createElement as r}from"react";import{Text as o}from"../text/Text.js";const e=({children:e,css:n})=>r(o,{size:"sm",css:t({color:"$tonal300",maxWidth:"80ch"},n)},e);export{e as Description};
+import{createElement as e}from"react";import{Text as r}from"../text/Text.js";const m=({children:o,css:t})=>e(r,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...t}},o);export{m as Description};

package/dist/components/field-wrapper/FieldWrapper.js

@@ -1 +1 @@
-import{createElement as r}from"react";import{Box as e}from"../box/Box.js";import{Flex as i}from"../flex/Flex.js";import{Label as o}from"../label/Label.js";import{Link as s}from"../link/Link.js";import{ValidationError as t}from"../validation-error/ValidationError.js";import{Description as m}from"./FieldDescription.js";const l=({css:l,children:p,error:a,fieldId:n,label:c,prompt:d,description:f,required:b})=>r(e,{css:l},r(i,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},r(o,{htmlFor:n,required:b},c),d&&r(s,{href:d.link,size:"sm"},d.label)),f&&r(m,{css:{mb:"$3"}},f),p,a&&r(t,{css:{mt:"$2"}},a));l.displayName="FieldWrapper";export{l as FieldWrapper};
+import{createElement as e}from"react";import{Box as p}from"../box/Box.js";import{Flex as f}from"../flex/Flex.js";import{Label as c}from"../label/Label.js";import{Link as b}from"../link/Link.js";import{ValidationError as F}from"../validation-error/ValidationError.js";import{Description as d}from"./FieldDescription.js";const t=({css:i,children:s,error:m,fieldId:l,label:a,prompt:r,description:o,required:n})=>e(p,{css:i},e(f,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},e(c,{htmlFor:l,required:n},a),r&&e(b,{href:r.link,size:"sm"},r.label)),o&&e(d,{css:{mb:"$3"}},o),s,m&&e(F,{css:{mt:"$2"}},m));t.displayName="FieldWrapper";export{t as FieldWrapper};

package/dist/components/field-wrapper/InlineFieldWrapper.js

@@ -1 +1 @@
-function r(){return(r=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(r[e]=t[e])}return r}).apply(this,arguments)}import{createElement as o,Children as t}from"react";import{Box as e}from"../box/Box.js";import{Checkbox as i}from"../checkbox/Checkbox.js";import{Label as s}from"../label/Label.js";import{RadioButton as a}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{ValidationError as n}from"../validation-error/ValidationError.js";import{Description as l}from"./FieldDescription.js";const p=({align:p="start",children:c,css:m,description:d,direction:u="row",error:f,label:b,required:j})=>o(e,{css:m},o(s,{align:p,direction:u,required:j,type:"inline"},t.map(c,(t=>o(e,{css:r({["reverse"===u?"ml":"mr"]:"$3"},((null==t?void 0:t.type)===i||(null==t?void 0:t.type)===a)&&{transform:"translateY($space$1)"})},t))),b),f&&o(n,{css:{mt:"$2"}},f),d&&o(l,{css:{mt:"$2",["reverse"===u?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},d));p.displayName="InlineFieldWrapper";export{p as InlineFieldWrapper};
+import{createElement as e,Children as f}from"react";import{Box as p}from"../box/Box.js";import{Checkbox as c}from"../checkbox/Checkbox.js";import{Label as v}from"../label/Label.js";import{RadioButton as y}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{ValidationError as u}from"../validation-error/ValidationError.js";import{Description as x}from"./FieldDescription.js";const a=({align:s="start",children:i,css:l,description:o,direction:m="row",error:t,label:n,required:$})=>e(p,{css:l},e(v,{align:s,direction:m,required:$,type:"inline"},f.map(i,r=>e(p,{css:{[m==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===c||(r==null?void 0:r.type)===y)&&{transform:"translateY($space$1)"}}},r)),n),t&&e(u,{css:{mt:"$2"}},t),o&&e(x,{css:{mt:"$2",[m==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},o));a.displayName="InlineFieldWrapper";export{a as InlineFieldWrapper};

package/dist/components/flex/Flex.js

@@ -1 +1 @@
-import{styled as s}from"../../stitches.js";const e=s("div",{display:"flex"});e.displayName="Flex";export{e as Flex};
+import{styled as l}from"../../stitches.js";const e=l("div",{display:"flex"});e.displayName="Flex";export{e as Flex};

package/dist/components/form/Form.js

@@ -1 +1 @@
-const e=["id"],r=["exclude"],t=["formMethods","handleSubmit","onSubmit","children"],o=["children","defaultValues","onSubmit","validationMode","render","persist"];function n(){return(n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function i(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}import l from"invariant";import{createElement as s}from"react";import{useForm as a,FormProvider as d}from"react-hook-form";import u from"react-hook-form-persist";import{styled as c}from"../../stitches.js";import{StorageEnum as m}from"./Form.types.js";const f=c("form",{}),h=({persist:t,watch:o,setValue:l,children:s})=>{const{id:a}=t,d=i(t,e);let c=n({},d,{storage:d.storage===m.LOCAL?window.localStorage:window.sessionStorage});if(d.exclude){const e=i(c,r),t=o();c=n({},e,{include:Object.keys(t).filter((e=>{var r;if(null==(r=d.exclude)||!r.includes(e))return e}))})}return u(a,{watch:o,setValue:l},c),s},b=e=>{let{formMethods:r,handleSubmit:o,onSubmit:n,children:l}=e,a=i(e,t);return s(d,Object.assign({},r),s(f,Object.assign({"aria-label":"form"},a,{onSubmit:o(n)}),l))},p=e=>{let{children:r,defaultValues:t={},onSubmit:d,validationMode:u="onBlur",render:c,persist:m}=e,f=i(e,o);l(!(r&&c),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const p=a({defaultValues:t,mode:u}),{handleSubmit:g,watch:S,setValue:w}=p,O=c?c(p):r,j=n({formMethods:p,handleSubmit:g,onSubmit:d},f);return m?s(h,{persist:m,watch:S,setValue:w},s(b,Object.assign({},j),O)):s(b,Object.assign({},j),O)};p.displayName="Form";export{p as Form};
+import b from"invariant";import{createElement as a}from"react";import{useForm as g,FormProvider as h}from"react-hook-form";import v from"react-hook-form-persist";import{styled as w}from"../../stitches.js";import{StorageEnum as S}from"./Form.types.js";const x=w("form",{}),y=({persist:e,watch:t,setValue:n,children:s})=>{const{id:o,...r}=e;let i={...r,storage:r.storage===S.LOCAL?window.localStorage:window.sessionStorage};if(r.exclude){const{exclude:d,...c}=i,u=t(),f=Object.keys(u).filter(m=>{var l;if(!((l=r.exclude)==null?void 0:l.includes(m)))return m});i={...c,include:f}}return v(o,{watch:t,setValue:n},i),s},p=({formMethods:e,handleSubmit:t,onSubmit:n,children:s,...o})=>a(h,{...e},a(x,{"aria-label":"form",...o,onSubmit:t(n)},s)),F=({children:e,defaultValues:t={},onSubmit:n,validationMode:s="onBlur",render:o,persist:r,...i})=>{b(!(e&&o),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const d=g({defaultValues:t,mode:s}),{handleSubmit:c,watch:u,setValue:f}=d,m=o?o(d):e,l={formMethods:d,handleSubmit:c,onSubmit:n,...i};return r?a(y,{persist:r,watch:u,setValue:f},a(p,{...l},m)):a(p,{...l},m)};F.displayName="Form";export{F as Form};

package/dist/components/form/Form.types.js

@@ -1 +1 @@
-var o;!function(o){o.LOCAL="local",o.SESSION="session"}(o||(o={}));export{o as StorageEnum};
+var s=(r=>(r.LOCAL="local",r.SESSION="session",r))(s||{});export{s as StorageEnum};

package/dist/components/form/useFieldError.js

@@ -1 +1 @@
-import r from"dlv";import{useFormContext as o}from"react-hook-form";const e=e=>{var t;const{errors:l}=o(),m=e.split(/[,[\].]+?/).filter(Boolean);return{error:null==(t=r(l,m))?void 0:t.message}};export{e as useFieldError};
+import s from"dlv";import{useFormContext as l}from"react-hook-form";const n=o=>{var r;const{errors:e}=l(),t=o.split(/[,[\].]+?/).filter(Boolean);return{error:(r=(()=>s(e,t))())==null?void 0:r.message}};export{n as useFieldError};

package/dist/components/grid/Grid.js

@@ -1 +1 @@
-const t=["css","gap","minItemSize"];function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(this,arguments)}import{createElement as r}from"react";import{theme as a,styled as n}from"../../stitches.js";const i=n("div",{display:"grid",variants:{gap:Object.keys(a.space).reduce(((t,r)=>e({},t,{[r]:{gap:`$space$${r}`}})),{})}}),s=a=>{let{css:n,gap:s=2,minItemSize:c}=a,p=function(t,e){if(null==t)return{};var r,a,n={},i=Object.keys(t);for(a=0;a<i.length;a++)r=i[a],e.indexOf(r)>=0||(n[r]=t[r]);return n}(a,t);return r(i,Object.assign({css:e({},n,{gridTemplateColumns:`repeat(auto-fit, minmax(${c}, 1fr))`}),gap:s},p))};s.displayName="Grid";export{s as Grid};
+import{createElement as p}from"react";import{theme as s,styled as m}from"../../stitches.js";const o=Object.keys(s.space).reduce((a,e)=>({...a,[e]:{gap:`$space$${e}`}}),{}),d=m("div",{display:"grid",variants:{gap:o}}),t=({css:a,gap:e=2,minItemSize:r,...i})=>p(d,{css:{...a,gridTemplateColumns:`repeat(auto-fit, minmax(${r}, 1fr))`},gap:e,...i});t.displayName="Grid";export{t as Grid};

package/dist/components/heading/Heading.js

@@ -1 +1 @@
-const t=["size"];function i(){return(i=Object.assign||function(t){for(var i=1;i<arguments.length;i++){var e=arguments[i];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t}).apply(this,arguments)}import{createElement as e}from"react";import{styled as n}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{capsize as r}from"../../utilities/style/capsize.js";import"polished";import"../../utilities/style/keyframe-animations.js";const o=n("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:i({fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5},r(.3864)),sm:i({fontSize:"$lg",lineHeight:1.14},r(.2174,.2254)),md:i({fontSize:"$xl",lineHeight:1.14},r(.2174,.2254)),lg:i({fontSize:"$2xl",lineHeight:1.08},r(.1865,.1945)),xl:i({fontSize:"$3xl",lineHeight:1.12},r(.206,.214)),xxl:i({fontSize:"$4xl",lineHeight:1.06},r(.1793,.1873))}}}),l=i=>{let{size:n="md"}=i,r=function(t,i){if(null==t)return{};var e,n,r={},o=Object.keys(t);for(n=0;n<o.length;n++)e=o[n],i.indexOf(e)>=0||(r[e]=t[e]);return r}(i,t);return e(o,Object.assign({size:n},r))};l.displayName="Heading";export{l as Heading,o as StyledHeading};
+import{createElement as o}from"react";import{styled as m}from"../../stitches.js";import{capsize as e}from"../../utilities/style/capsize.js";const i=m("h2",{color:"$tonal600",fontFamily:"$display",fontWeight:700,m:0,variants:{size:{xs:{fontFamily:"$body",fontWeight:600,fontSize:"$md",lineHeight:1.5,...e(.3864)},sm:{fontSize:"$lg",lineHeight:1.14,...e(.2174,.2254)},md:{fontSize:"$xl",lineHeight:1.14,...e(.2174,.2254)},lg:{fontSize:"$2xl",lineHeight:1.08,...e(.1865,.1945)},xl:{fontSize:"$3xl",lineHeight:1.12,...e(.206,.214)},xxl:{fontSize:"$4xl",lineHeight:1.06,...e(.1793,.1873)}}}}),t=({size:n="md",...l})=>o(i,{size:n,...l});t.displayName="Heading";export{t as Heading,i as StyledHeading};

package/dist/components/icon/Icon.js

@@ -1 +1 @@
-const e=["is","size"];import{forwardRef as i,createElement as r}from"react";import{styled as t}from"../../stitches.js";const s=t("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"}}}}),n=i(((i,t)=>{let{is:n,size:o="md"}=i,l=function(e,i){if(null==e)return{};var r,t,s={},n=Object.keys(e);for(t=0;t<n.length;t++)r=n[t],i.indexOf(r)>=0||(s[r]=e[r]);return s}(i,e);return r(s,Object.assign({size:o,"aria-hidden":"true"},l,{as:n,ref:t}))}));export{n as Icon};
+import{forwardRef as t,createElement as s}from"react";import{styled as n}from"../../stitches.js";const d=n("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"}}}}),l=t(({is:e,size:i="md",...o},r)=>s(d,{size:i,"aria-hidden":"true",...o,as:e,ref:r}));export{l as Icon};

package/dist/components/image/Image.js

@@ -1 +1 @@
-import{styled as t}from"../../stitches.js";const i=t("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}});i.displayName="Image";export{i as Image};
+import{styled as i}from"../../stitches.js";const e=i("img",{verticalAlign:"middle",maxWidth:"100%","&[width]":{width:"auto"},"&[width][height]":{height:"auto"},'&[src$=".svg"]':{width:"100%",height:"auto",maxWidth:"none"}}),t=e;t.displayName="Image";export{t as Image};

package/dist/components/index.d.ts

@@ -9,6 +9,8 @@ export { Checkbox } from './checkbox';
 export { CheckboxField } from './checkbox-field';
 export { Combobox } from './combobox';
 export { Dialog } from './dialog';
+export { DateInput } from './date-input';
+export { DateField } from './date-field';
 export { Divider } from './divider';
 export { DropdownMenu } from './dropdown-menu';
 export { FieldWrapper, InlineFieldWrapper } from './field-wrapper';
@@ -30,12 +32,15 @@ export { PasswordField } from './password-field';
 export { PasswordInput } from './password-input';
 export { Popover } from './popover';
 export { ProgressBar } from './progress-bar';
+export { Stepper } from './stepper';
 export { RadioButton, RadioButtonGroup } from './radio-button';
-export { RadioCard, RadioCardGroup } from './radio-card';
 export { RadioButtonField } from './radio-button-field';
+export { RadioCard, RadioCardGroup } from './radio-card';
 export { SearchInput } from './search-input';
 export { Select } from './select';
 export { SelectField } from './select-field';
+export { Slider } from './slider';
+export { SliderField } from './slider-field';
 export { Stack } from './stack';
 export { StackContent } from './stack-content';
 export { Switch } from './switch';

package/dist/components/input/Input.js

@@ -1 +1 @@
-const e=["type","size"];import{forwardRef as o,createElement as t}from"react";import{styled as r}from"../../stitches.js";const n=r("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"}}}}),i=o(((o,r)=>{let{type:i="text",size:a="md"}=o,s=function(e,o){if(null==e)return{};var t,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],o.indexOf(t)>=0||(n[t]=e[t]);return n}(o,e);return t(n,"number"===i?Object.assign({type:"text",inputMode:"numeric",pattern:"[0-9]*",size:a},s,{ref:r}):Object.assign({type:i,size:a},s,{ref:r}))}));i.displayName="Input";export{i as Input};
+import{forwardRef as d,createElement as n}from"react";import{styled as i}from"../../stitches.js";const a=i("input",{appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxShadow:"none",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",px:"$3",transition:"all 100ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{size:{sm:{height:"$3",fontSize:"$sm"},md:{height:"$4",fontSize:"$md"}},state:{error:{border:"1px solid $danger"}}}}),l=d(({type:o="text",size:r="md",...t},e)=>o==="number"?n(a,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:r,...t,ref:e}):n(a,{type:o,size:r,...t,ref:e}));l.displayName="Input";export{l as Input};

package/dist/components/input-field/InputField.js

@@ -1 +1 @@
-const r=["css","label","name","validation","prompt","description"];import{createElement as e}from"react";import{useFormContext as o}from"react-hook-form";import{FieldWrapper as i}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as t}from"../form/useFieldError.js";import{Input as p}from"../input/Input.js";const n=n=>{let{css:l,label:s,name:m,validation:a,prompt:d,description:f}=n,c=function(r,e){if(null==r)return{};var o,i,t={},p=Object.keys(r);for(i=0;i<p.length;i++)o=p[i],e.indexOf(o)>=0||(t[o]=r[o]);return t}(n,r);const{register:u}=o(),{error:j}=t(m),b=a?u(a):u;return e(i,{css:l,description:f,error:j,fieldId:m,label:s,prompt:d,required:Boolean(null==a?void 0:a.required)},e(p,Object.assign({id:m,name:m,ref:b},j&&{state:"error"},c)))};n.displayName="InputField";export{n as InputField};
+import{createElement as p}from"react";import{useFormContext as n}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 I}from"../input/Input.js";const i=({css:m,label:s,name:r,validation:e,prompt:u,description:d,...f})=>{const{register:o}=n(),{error:t}=F(r),l=e?o(e):o;return p(c,{css:m,description:d,error:t,fieldId:r,label:s,prompt:u,required:Boolean(e==null?void 0:e.required)},p(I,{id:r,name:r,ref:l,...t&&{state:"error"},...f}))};i.displayName="InputField";export{i as InputField};

package/dist/components/label/Label.js

@@ -1 +1 @@
-const e=["align","as","direction","size","type","children","required"];import{createElement as i}from"react";import{styled as t}from"../../stitches.js";import{textVariantSize as n}from"../text/Text.js";const{sm:r,md:s}=n(),o=t("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:r,md:s},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"}}]}),l=t("span",{color:"$danger",ml:"$1",fontWeight:400}),a=t=>{let{align:n="start",as:r="label",direction:s="row",size:a="md",type:c="block",children:d,required:m}=t,p=function(e,i){if(null==e)return{};var t,n,r={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],i.indexOf(t)>=0||(r[t]=e[t]);return r}(t,e);return i(o,Object.assign({as:r,size:a,type:c,align:n,direction:s},p),d,m&&i(l,{"aria-hidden":!0},"*"))};a.displayName="Label";export{a as Label};
+import{createElement as e}from"react";import{styled as t}from"../../stitches.js";import{textVariantSize as d}from"../text/Text.js";const{sm:p,md:y}=d(),f=t("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:p,md:y},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"}}]}),b=t("span",{color:"$danger",ml:"$1",fontWeight:400}),i=({align:n="start",as:r="label",direction:o="row",size:l="md",type:a="block",children:s,required:c,...m})=>e(f,{as:r,size:l,type:a,align:n,direction:o,...m},s,c&&e(b,{"aria-hidden":!0},"*"));i.displayName="Label";export{i as Label};

package/dist/components/link/Link.js

@@ -1 +1 @@
-const e=["size","onClick","href"];import{forwardRef as r,createElement as t}from"react";import{styled as o}from"../../stitches.js";import{StyledHeading as i}from"../heading/Heading.js";import{StyledLi as n}from"../list/List.js";import{StyledParagraph as s,textVariantSize as a}from"../text/Text.js";const c=o("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${s} > &, ${i} > &, ${n} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:a()}}),f=r(((r,o)=>{let{size:i="md",onClick:n,href:s}=r,a=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(r,e);return t(c,s?Object.assign({size:i},a,{ref:o,href:s}):Object.assign({as:"button",size:i},a,{ref:o,onClick:n}))}));f.displayName="Link";export{f as Link,c as StyledLink};
+import{forwardRef as d,createElement as n}from"react";import{styled as l}from"../../stitches.js";import{StyledHeading as c}from"../heading/Heading.js";import{StyledLi as p}from"../list/List.js";import{StyledParagraph as y,textVariantSize as f}from"../text/Text.js";const t=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"},[`${y} > &, ${c} > &, ${p} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:{size:f()}}),a=d(({size:o="md",onClick:m,href:r,...e},i)=>r?n(t,{size:o,...e,ref:i,href:r}):n(t,{as:"button",size:o,...e,ref:i,onClick:m}));a.displayName="Link";export{a as Link,t as StyledLink};

package/dist/components/list/List.js

@@ -1 +1 @@
-const t=["size","ordered"];import{createElement as e}from"react";import{styled as l}from"../../stitches.js";import{textVariantSize as r}from"../text/Text.js";const o=l("li",{}),i=l("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${o}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:r({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${o}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${o}`]:{pl:"$2","&::marker":{content:"•",fontWeight:"bold"}}}}}}),s=l=>{let{size:r="md",ordered:o}=l,s=function(t,e){if(null==t)return{};var l,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)l=i[r],e.indexOf(l)>=0||(o[l]=t[l]);return o}(l,t);return e(i,Object.assign({as:o?"ol":"ul",size:r},s))};s.Item=o;export{s as List,o as StyledLi};
+import{createElement as m}from"react";import{styled as l}from"../../stitches.js";import{textVariantSize as a}from"../text/Text.js";const t=l("li",{}),n=l("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${t}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{size:a({applyCapsize:!1}),as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${t}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${t}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}}}}),e=({size:o="md",ordered:i,...s})=>m(n,{as:i?"ol":"ul",size:o,...s});e.Item=t;export{e as List,t as StyledLi};

package/dist/components/loader/Loader.js

@@ -1 +1 @@
-function i(){return(i=Object.assign||function(i){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(i[a]=n[a])}return i}).apply(this,arguments)}import{Root as t}from"@radix-ui/react-visually-hidden";import{createElement as n}from"react";import{Flex as a}from"../flex/Flex.js";import{keyframes as o,styled as e}from"../../stitches.js";const r=e("div",{animationName:`${o({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}})}`,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"}}}}),s=({css:o={},message:e="Loading",size:s="md"})=>n(a,{css:i({justifyContent:"center"},o),role:"alert"},n(t,null,e),n(r,{size:s}),n(r,{size:s}),n(r,{size:s}));export{s as Loader};
+import{Root as e}from"@radix-ui/react-visually-hidden";import{createElement as i}from"react";import{Flex as m}from"../flex/Flex.js";import{keyframes as r,styled as l}from"../../stitches.js";const c=r({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=l("div",{animationName:`${c}`,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"}}}}),p=({css:n={},message:a="Loading",size:o="md"})=>i(m,{css:{justifyContent:"center",...n},role:"alert"},i(e,null,a),i(t,{size:o}),i(t,{size:o}),i(t,{size:o}));export{p as Loader};

package/dist/components/markdown-content/MarkdownContent.js

@@ -1 +1 @@
-function o(){return(o=Object.assign||function(o){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(o[r]=n[r])}return o}).apply(this,arguments)}import t from"mdast-util-directive";import n from"mdast-util-from-markdown";import r from"micromark-extension-directive";import{createElement as e}from"react";import{StackContent as m}from"../stack-content/StackContent.js";import{MarkdownCode as s}from"./components/MarkdownCode.js";import{MarkdownEmphasis as i}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as a}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as p}from"./components/MarkdownInlineCode.js";import{MarkdownImage as c}from"./components/MarkdownImage.js";import{MarkdownLink as d}from"./components/MarkdownLink.js";import{MarkdownList as f}from"./components/MarkdownList.js";import{MarkdownListItem as k}from"./components/MarkdownListItem.js";import{MarkdownParagraph as l}from"./components/MarkdownParagraph.js";import{MarkdownStrong as w}from"./components/MarkdownStrong.js";import{MarkdownText as j}from"./components/MarkdownText.js";import{MarkdownThematicBreak as u}from"./components/MarkdownThematicBreak.js";const M={code:s,emphasis:i,heading:a,inlineCode:p,image:c,link:d,list:f,listItem:k,paragraph:l,strong:w,text:j,thematicBreak:u},h=o=>{var t;if(null!=(t=o.position)&&t.start){var n;const{line:t,column:r,offset:e}=null==(n=o.position)?void 0:n.start;return`${o.type}${t}${r}${e}`}return`${o.type}${+new Date}`},g=({content:s,customComponents:i={},css:a})=>{const p=n(s,{extensions:[r()],mdastExtensions:[t.fromMarkdown]}),c=o({},M,i),d=o=>{const t=c[o.type];return t?e(t,{key:h(o),node:o,handleNode:d}):null};return e(m,{css:a},p.children.map(d))};g.displayName="MarkdownContent";export{g as MarkdownContent};
+import d from"mdast-util-directive";import f from"mdast-util-from-markdown";import k from"micromark-extension-directive";import{createElement as p}from"react";import{StackContent as M}from"../stack-content/StackContent.js";import{MarkdownCode as l}from"./components/MarkdownCode.js";import{MarkdownEmphasis as w}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as c}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as g}from"./components/MarkdownInlineCode.js";import{MarkdownImage as h}from"./components/MarkdownImage.js";import{MarkdownLink as u}from"./components/MarkdownLink.js";import{MarkdownList as C}from"./components/MarkdownList.js";import{MarkdownListItem as y}from"./components/MarkdownListItem.js";import{MarkdownParagraph as x}from"./components/MarkdownParagraph.js";import{MarkdownStrong as $}from"./components/MarkdownStrong.js";import{MarkdownText as v}from"./components/MarkdownText.js";import{MarkdownThematicBreak as I}from"./components/MarkdownThematicBreak.js";const E={code:l,emphasis:w,heading:c,inlineCode:g,image:h,link:u,list:C,listItem:y,paragraph:x,strong:$,text:v,thematicBreak:I},L=o=>{var r,t;if((r=o.position)==null?void 0:r.start){const{line:e,column:m,offset:n}=(t=o.position)==null?void 0:t.start;return`${o.type}${e}${m}${n}`}return`${o.type}${+new Date}`},s=({content:o,customComponents:r={},css:t})=>{const e=f(o,{extensions:[k()],mdastExtensions:[d.fromMarkdown]}),m={...E,...r},n=a=>{const i=m[a.type];return i?p(i,{key:L(a),node:a,handleNode:n}):null};return p(M,{css:t},e.children.map(n))};s.displayName="MarkdownContent";export{s as MarkdownContent};

package/dist/components/markdown-content/components/MarkdownCode.js

@@ -1 +1 @@
-import{createElement as o}from"react";import{styled as t}from"../../../stitches.js";import{Box as r}from"../../box/Box.js";const e=t(r,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),m=({node:t})=>o(e,{as:"pre"},t.value);export{m as MarkdownCode};
+import{createElement as e}from"react";import{styled as t}from"../../../stitches.js";import{Box as r}from"../../box/Box.js";const m=t(r,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),n=({node:o})=>e(m,{as:"pre"},o.value);export{n as MarkdownCode};

package/dist/components/markdown-content/components/MarkdownEmphasis.js

@@ -1 +1 @@
-import{createElement as t}from"react";import{styled as e}from"../../../stitches.js";const o=e("em",{fontStyle:"italic"}),r=({node:e,handleNode:r})=>{var l;return t(o,null,null==(l=e.children)?void 0:l.map(r))};export{r as MarkdownEmphasis};
+import{createElement as l}from"react";import{styled as o}from"../../../stitches.js";const m=o("em",{fontStyle:"italic"}),n=({node:e,handleNode:r})=>{var t;return l(m,null,(t=e.children)==null?void 0:t.map(r))};export{n as MarkdownEmphasis};

package/dist/components/markdown-content/components/MarkdownHeading.js

@@ -1 +1 @@
-function e(){return(e=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var s=arguments[r];for(var t in s)Object.prototype.hasOwnProperty.call(s,t)&&(e[t]=s[t])}return e}).apply(this,arguments)}import{createElement as r}from"react";import{Heading as s}from"../../heading/Heading.js";const t=({node:t,handleNode:a,css:n})=>{var i;const{as:o,size:c}=(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"}}})(t.depth);return r(s,{as:o,size:c,css:e({color:"inherit"},n)},null==(i=t.children)?void 0:i.map(a))};export{t as MarkdownHeading};
+import{createElement as n}from"react";import{Heading as c}from"../../heading/Heading.js";const o=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"}}},h=({node:e,handleNode:r,css:a})=>{var s;const{as:t,size:i}=o(e.depth);return n(c,{as:t,size:i,css:{color:"inherit",...a}},(s=e.children)==null?void 0:s.map(r))};export{h as MarkdownHeading};

package/dist/components/markdown-content/components/MarkdownImage.js

@@ -1 +1 @@
-import{createElement as r}from"react";import{Image as o}from"../../image/Image.js";const s=({node:s,css:t})=>r(o,{src:s.url,alt:s.alt,css:t});export{s as MarkdownImage};
+import{createElement as m}from"react";import{Image as a}from"../../image/Image.js";const e=({node:r,css:t})=>m(a,{src:r.url,alt:r.alt,css:t});export{e as MarkdownImage};

package/dist/components/markdown-content/components/MarkdownInlineCode.js

@@ -1 +1 @@
-import{createElement as o}from"react";import{styled as t}from"../../../stitches.js";import{Box as r}from"../../box/Box.js";const i=t(r,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),e=({node:t})=>o(i,{as:"code"},t.value);export{e as MarkdownInlineCode};
+import{createElement as e}from"react";import{styled as n}from"../../../stitches.js";import{Box as t}from"../../box/Box.js";const l=n(t,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),r=({node:o})=>e(l,{as:"code"},o.value);export{r as MarkdownInlineCode};

package/dist/components/markdown-content/components/MarkdownLink.js

@@ -1 +1 @@
-import{createElement as r}from"react";import{Link as e}from"../../link/Link.js";const t=({node:t,handleNode:o})=>{var i;return r(e,{title:t.title,href:t.url},null==(i=t.children)?void 0:i.map(o))};export{t as MarkdownLink};
+import{createElement as i}from"react";import{Link as l}from"../../link/Link.js";const m=({node:r,handleNode:e})=>{var t;return i(l,{title:r.title,href:r.url},(t=r.children)==null?void 0:t.map(e))};export{m as MarkdownLink};

package/dist/components/markdown-content/components/MarkdownList.js

@@ -1 +1 @@
-function r(){return(r=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r}).apply(this,arguments)}import{createElement as e}from"react";import{List as o}from"../../list/List.js";const t=({node:t,handleNode:n,css:a})=>{var s;return e(o,{css:r({"& p:before, & p:after":{display:"none"}},a),ordered:t.ordered},null==(s=t.children)?void 0:s.map(n))};export{t as MarkdownList};
+import{createElement as a}from"react";import{List as d}from"../../list/List.js";const i=({node:r,handleNode:o,css:t})=>{var e;return a(d,{css:{"& p:before, & p:after":{display:"none"},...t},ordered:r.ordered},(e=r.children)==null?void 0:e.map(o))};export{i as MarkdownList};

package/dist/components/markdown-content/components/MarkdownListItem.js

@@ -1 +1 @@
-import{createElement as r}from"react";import{List as o}from"../../list/List.js";const t=({node:t,handleNode:e})=>{var l;return r(o.Item,null,null==(l=t.children)?void 0:l.map(e))};export{t as MarkdownListItem};
+import{createElement as m}from"react";import{List as o}from"../../list/List.js";const n=({node:t,handleNode:e})=>{var r;return m(o.Item,null,(r=t.children)==null?void 0:r.map(e))};export{n as MarkdownListItem};

package/dist/components/markdown-content/components/MarkdownParagraph.js

@@ -1 +1 @@
-function r(){return(r=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r}).apply(this,arguments)}import{createElement as t}from"react";import{Text as o}from"../../text/Text.js";const e=({node:e,handleNode:n,css:a})=>{var c;return t(o,{css:r({color:"inherit"},a)},null==(c=e.children)?void 0:c.map(n))};export{e as MarkdownParagraph};
+import{createElement as a}from"react";import{Text as n}from"../../text/Text.js";const i=({node:o,handleNode:e,css:t})=>{var r;return a(n,{css:{color:"inherit",...t}},(r=o.children)==null?void 0:r.map(e))};export{i as MarkdownParagraph};

package/dist/components/markdown-content/components/MarkdownStrong.js

@@ -1 +1 @@
-import{createElement as o}from"react";import{styled as r}from"../../../stitches.js";const t=r("strong",{fontWeight:600}),e=({node:r,handleNode:e})=>{var n;return o(t,null,null==(n=r.children)?void 0:n.map(e))};export{e as MarkdownStrong};
+import{createElement as n}from"react";import{styled as e}from"../../../stitches.js";const l=e("strong",{fontWeight:600}),m=({node:r,handleNode:o})=>{var t;return n(l,null,(t=r.children)==null?void 0:t.map(o))};export{m as MarkdownStrong};

package/dist/components/markdown-content/components/MarkdownText.js

@@ -1 +1 @@
-const e=({node:e})=>e.value;export{e as MarkdownText};
+const o=({node:e})=>e.value;export{o as MarkdownText};

package/dist/components/markdown-content/components/MarkdownThematicBreak.js

@@ -1 +1 @@
-function r(){return(r=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(r[i]=o[i])}return r}).apply(this,arguments)}import{createElement as t}from"react";import{Divider as o}from"../../divider/Divider.js";const i=({css:i})=>t(o,{css:r({width:"100%"},i)});export{i as MarkdownThematicBreak};
+import{createElement as e}from"react";import{Divider as t}from"../../divider/Divider.js";const o=({css:r})=>e(t,{css:{width:"100%",...r}});export{o as MarkdownThematicBreak};

package/dist/components/notification-badge/NotificationBadge.js

@@ -1 +1 @@
-import t from"react";import{Box as e}from"../box/Box.js";import{Flex as o}from"../flex/Flex.js";import{styled as r}from"../../stitches.js";const i=r(e,{position:"relative"}),n=r(o,{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"}),l=({value:e,children:o})=>t.createElement(i,null,!!e&&t.createElement(n,{role:"status"},e),o);export{l as NotificationBadge};
+import e from"react";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";import{styled as o}from"../../stitches.js";const l=o(i,{position:"relative"}),a=o(n,{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"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};

package/dist/components/password-field/PasswordField.js

@@ -1 +1 @@
-const r=["css","label","name","prompt","description","validation"];function e(){return(e=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r}).apply(this,arguments)}import{createElement as o}from"react";import{useFormContext as t}from"react-hook-form";import{FieldWrapper as i}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as n}from"../form/useFieldError.js";import{PasswordInput as s}from"../password-input/PasswordInput.js";const p=p=>{let{css:a={},label:l="Password",name:d,prompt:m,description:c,validation:f}=p,u=function(r,e){if(null==r)return{};var o,t,i={},n=Object.keys(r);for(t=0;t<n.length;t++)o=n[t],e.indexOf(o)>=0||(i[o]=r[o]);return i}(p,r);const{register:j}=t(),{error:v}=n(d),w=f?j(f):j;return o(i,{css:e({},a,{position:"relative"}),description:c,error:v,fieldId:d,label:l,prompt:m,required:Boolean(null==f?void 0:f.required)},o(s,Object.assign({autoComplete:"current-password",name:d,id:d,ref:w},u)))};p.displayName="PasswordField";export{p as PasswordField};
+import{createElement as s}from"react";import{useFormContext as f}from"react-hook-form";import{FieldWrapper as n}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as w}from"../form/useFieldError.js";import{PasswordInput as F}from"../password-input/PasswordInput.js";const t=({css:i={},label:p="Password",name:r,prompt:d=void 0,description:m,validation:o,...l})=>{const{register:e}=f(),{error:u}=w(r),c=o?e(o):e;return s(n,{css:{...i,position:"relative"},description:m,error:u,fieldId:r,label:p,prompt:d,required:Boolean(o==null?void 0:o.required)},s(F,{autoComplete:"current-password",name:r,id:r,ref:c,...l}))};t.displayName="PasswordField";export{t as PasswordField};

package/dist/components/password-input/PasswordInput.js

@@ -1 +1 @@
-const o=["css","hidePasswordText","showPasswordText"];function s(){return(s=Object.assign||function(o){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(o[r]=t[r])}return o}).apply(this,arguments)}import{Eye as t,EyeCrossed as r}from"@atom-learning/icons";import{forwardRef as e,useState as n,createElement as i}from"react";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Box as c}from"../box/Box.js";import{Icon as p}from"../icon/Icon.js";import{Input as l}from"../input/Input.js";const m=e(((e,m)=>{let{css:f,hidePasswordText:u="Hide password",showPasswordText:d="Show password"}=e,w=function(o,s){if(null==o)return{};var t,r,e={},n=Object.keys(o);for(r=0;r<n.length;r++)t=n[r],s.indexOf(t)>=0||(e[t]=o[t]);return e}(e,o);const[h,x]=n(!1);return i(c,{css:s({position:"relative"},f)},i(l,Object.assign({},w,{type:h?"text":"password",ref:m,css:{pr:"$sizes$2"}})),i(a,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:h?u:d,onClick:()=>x((o=>!o)),onMouseDown:o=>o.preventDefault(),size:"lg"},i(p,{is:h?t:r,css:{size:20}})))}));m.displayName="PasswordInput";export{m as PasswordInput};
+import{Eye as c,EyeCrossed as d}from"@atom-learning/icons";import{forwardRef as w,useState as f,createElement as s}from"react";import{ActionIcon as u}from"../action-icon/ActionIcon.js";import{Box as b}from"../box/Box.js";import{Icon as I}from"../icon/Icon.js";import{Input as y}from"../input/Input.js";const t=w(({css:r,hidePasswordText:i="Hide password",showPasswordText:a="Show password",...p},n)=>{const[o,m]=f(!1),l=()=>m(e=>!e);return s(b,{css:{position:"relative",...r}},s(y,{...p,type:o?"text":"password",ref:n,css:{pr:"$sizes$2"}}),s(u,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:o?i:a,onClick:l,onMouseDown:e=>e.preventDefault(),size:"lg"},s(I,{is:o?c:d,css:{size:20}})))});t.displayName="PasswordInput";export{t as PasswordInput};

package/dist/components/popover/Popover.js

@@ -1 +1 @@
-import{Root as o,Trigger as r}from"@radix-ui/react-popover";import{createElement as t}from"react";import{styled as e}from"../../stitches.js";import{PopoverContent as i}from"./PopoverContent.js";e(o,{});const p=r=>t(o,Object.assign({},r));p.Content=i,p.Trigger=r,p.displayName="Popover";export{p as Popover};
+import{Root as r,Trigger as t}from"@radix-ui/react-popover";import{createElement as m}from"react";import{styled as p}from"../../stitches.js";import{PopoverContent as i}from"./PopoverContent.js";p(r,{});const o=e=>m(r,{...e});o.Content=i,o.Trigger=t,o.displayName="Popover";export{o as Popover};

package/dist/components/popover/PopoverContent.d.ts

@@ -269,6 +269,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
 }>>;
 declare type PopoverContentProps = React.ComponentProps<typeof StyledContent> & React.ComponentProps<typeof Content> & {
     closePopoverText?: string;
+    showCloseButton?: boolean;
 };
 export declare const PopoverContent: React.FC<PopoverContentProps>;
 export {};

package/dist/components/popover/PopoverContent.js

@@ -1 +1 @@
-const i=["children","side","sideOffset","closePopoverText","size"];import{Close as t}from"@atom-learning/icons";import{Content as e,Arrow as o,Close as a}from"@radix-ui/react-popover";import{createElement as s}from"react";import{styled as r}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import{slideDownAndFade as n,slideLeftAndFade as m,slideUpAndFade as d,slideRightAndFade as p}from"../../utilities/style/keyframe-animations.js";import{ActionIcon as l}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";const f=r(e,{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:n},'&[data-side="right"]':{animationName:m},'&[data-side="bottom"]':{animationName:d},'&[data-side="left"]':{animationName:p}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),h=r(o,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=e=>{let{children:o,side:r="top",sideOffset:n=8,closePopoverText:m="Close popover",size:d="md"}=e,p=function(i,t){if(null==i)return{};var e,o,a={},s=Object.keys(i);for(o=0;o<s.length;o++)e=s[o],t.indexOf(e)>=0||(a[e]=i[e]);return a}(e,i);return s(f,Object.assign({size:d,side:r,sideOffset:n},p),s(l,{as:a,css:{position:"absolute",right:"$0",top:"$0"},label:m,size:"lg",theme:"neutral"},s(c,{is:t})),o,s(h,{width:16,height:8}))};export{u as PopoverContent};
+import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import{createElement as t}from"react";import{styled as i}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{slideDownAndFade as f,slideLeftAndFade as g,slideUpAndFade as w,slideRightAndFade as x}from"../../utilities/style/keyframe-animations.js";const b=i(l,{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:f},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:w},'&[data-side="left"]':{animationName:x}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),C=i(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=({children:o,side:e="top",sideOffset:a=8,closePopoverText:n="Close popover",showCloseButton:m=!0,size:s="md",...d})=>t(b,{size:s,side:e,sideOffset:a,...d},m&&t(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:n,size:"lg",theme:"neutral"},t($,{is:r})),o,t(C,{width:16,height:8}));export{u as PopoverContent};

package/dist/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-const r=["value","theme"];import{Root as e,Indicator as o}from"@radix-ui/react-progress";import{createElement as t}from"react";import{styled as i}from"../../stitches.js";const n=i(e,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),a=i(o,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),s=e=>{let{value:o,theme:i="primary"}=e,s=function(r,e){if(null==r)return{};var o,t,i={},n=Object.keys(r);for(t=0;t<n.length;t++)o=n[t],e.indexOf(o)>=0||(i[o]=r[o]);return i}(e,r);return t(n,Object.assign({theme:i},s),t(a,{style:{width:`${o}%`}}))};s.displayName="ProgressBar";export{s as ProgressBar};
+import{Root as s,Indicator as n}from"@radix-ui/react-progress";import{createElement as r}from"react";import{styled as o}from"../../stitches.js";const d=o(s,{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"}}}}),c=o(n,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),e=({value:t,theme:i="primary",...a})=>r(d,{theme:i,...a},r(c,{style:{width:`${t}%`}}));e.displayName="ProgressBar";export{e as ProgressBar};

package/dist/components/radio-button/RadioButton.js

@@ -1 +1 @@
-import{Item as o,Indicator as r}from"@radix-ui/react-radio-group";import{createElement as t}from"react";import{styled as e}from"../../stitches.js";const a=e(o,{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"}}),n=e(r,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),i=o=>t(a,Object.assign({},o),t(n,null));i.displayName="RadioButton";export{i as RadioButton};
+import{Item as n,Indicator as a}from"@radix-ui/react-radio-group";import{createElement as o}from"react";import{styled as r}from"../../stitches.js";const l=r(n,{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"}}),d=r(a,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),t=e=>o(l,{...e},o(d,null));t.displayName="RadioButton";export{t as RadioButton};

package/dist/components/radio-button/RadioButtonGroup.js

@@ -1 +1 @@
-import{Root as o}from"@radix-ui/react-radio-group";import{styled as r}from"../../stitches.js";const i=r(o,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});i.displayName="RadioButtonGroup";export{i as RadioButtonGroup};
+import{Root as r}from"@radix-ui/react-radio-group";import{styled as t}from"../../stitches.js";const o=t(r,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};

package/dist/components/radio-button-field/RadioButtonField.js

@@ -1 +1 @@
-import{createElement as o}from"react";import{useFormContext as r,Controller as e}from"react-hook-form";import{Description as t}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as i}from"../form/useFieldError.js";import{Label as a}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as l}from"../radio-button/RadioButtonGroup.js";import{ValidationError as m}from"../validation-error/ValidationError.js";import{styled as s}from"../../stitches.js";import{RadioField as n}from"./RadioField.js";const d=s("fieldset",{all:"unset"}),u=({children:s,css:n,direction:u="column",defaultValue:p,description:c,label:f,name:j,validation:b})=>{const{control:h}=r(),{error:v}=i(j);return o(d,{css:n},o(a,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==b?void 0:b.required)},f),c&&o(t,{css:{mb:"$3"}},c),o(e,{control:h,name:j,rules:b,defaultValue:p,render:({onChange:r,value:e})=>o(l,{direction:u,defaultValue:p,onValueChange:r,value:e},s)}),v&&o(m,{css:{mt:"$2"}},v))};u.Item=n,u.displayName="RadioButtonField";export{u as RadioButtonField};
+import{createElement as o}from"react";import{useFormContext as a,Controller as F}from"react-hook-form";import{Description as B}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as R}from"../form/useFieldError.js";import{Label as b}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as C}from"../radio-button/RadioButtonGroup.js";import{ValidationError as E}from"../validation-error/ValidationError.js";import{styled as $}from"../../stitches.js";import{RadioField as g}from"./RadioField.js";const q=$("fieldset",{all:"unset"}),e=({children:s,css:n,direction:p="column",defaultValue:t,description:m,label:d,name:i,validation:r})=>{const{control:u}=a(),{error:l}=R(i);return o(q,{css:n},o(b,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(r==null?void 0:r.required)},d),m&&o(B,{css:{mb:"$3"}},m),o(F,{control:u,name:i,rules:r,defaultValue:t,render:({onChange:c,value:f})=>o(C,{direction:p,defaultValue:t,onValueChange:c,value:f},s)}),l&&o(E,{css:{mt:"$2"}},l))};e.Item=g,e.displayName="RadioButtonField";export{e as RadioButtonField};

package/dist/components/radio-button-field/RadioField.js

@@ -1 +1 @@
-const r=["css","label","value"];import{createElement as e}from"react";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as t}from"../field-wrapper/InlineFieldWrapper.js";import{RadioButton as o}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";const i=i=>{let{css:a,label:l,value:n}=i,p=function(r,e){if(null==r)return{};var t,o,i={},a=Object.keys(r);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||(i[t]=r[t]);return i}(i,r);return e(t,{css:a,label:l},e(o,Object.assign({value:n},p)))};i.displayName="RadioField";export{i as RadioField};
+import{createElement as o}from"react";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as p}from"../field-wrapper/InlineFieldWrapper.js";import{RadioButton as a}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";const i=({css:r,label:e,value:t,...m})=>o(p,{css:r,label:e},o(a,{value:t,...m}));i.displayName="RadioField";export{i as RadioField};

package/dist/components/radio-card/RadioCard.js

@@ -1 +1 @@
-const i=["children","isFullWidth","size","align"];import{Item as r,Indicator as t}from"@radix-ui/react-radio-group";import{createElement as e}from"react";import{styled as l}from"../../stitches.js";import{Box as n}from"../box/Box.js";const o=l(r,{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"}}}}),a=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"}}]}),s=l(t,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),d=r=>{let{children:t,isFullWidth:l=!1,size:d="md",align:u="left"}=r,c=function(i,r){if(null==i)return{};var t,e,l={},n=Object.keys(i);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(l[t]=i[t]);return l}(r,i);return e(o,Object.assign({},c,{align:u,isFullWidth:l,size:d}),e(a,{align:u,containerIsFullWidth:l},e(s,null)),e(n,null,t))};export{d as RadioCard,o as StyledRadioCard};
+import{Item as s,Indicator as d}from"@radix-ui/react-radio-group";import{createElement as t}from"react";import{styled as r}from"../../stitches.js";import{Box as c}from"../box/Box.js";const i=r(s,{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"}}}}),p=r("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"}}]}),u=r(d,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),m=({children:a,isFullWidth:e=!1,size:n="md",align:o="left",...l})=>t(i,{...l,align:o,isFullWidth:e,size:n},t(p,{align:o,containerIsFullWidth:e},t(u,null)),t(c,null,a));export{m as RadioCard,i as StyledRadioCard};

package/dist/components/radio-card/RadioCardGroup.js

@@ -1 +1 @@
-const i=["css","children","size","isFullWidth","align","gap","justify"];import{Root as r}from"@radix-ui/react-radio-group";import{createElement as t,Children as s,isValidElement as e,cloneElement as o}from"react";import{Stack as n}from"../stack/Stack.js";import{RadioCard as a}from"./RadioCard.js";const l=l=>{let{css:c,children:u,size:d,isFullWidth:f,align:p,gap:g="3",justify:m}=l,j=function(i,r){if(null==i)return{};var t,s,e={},o=Object.keys(i);for(s=0;s<o.length;s++)t=o[s],r.indexOf(t)>=0||(e[t]=i[t]);return e}(l,i);return t(r,Object.assign({},j),t(n,{direction:"row",justify:m,gap:g,css:c},s.map(u,(i=>e(i)&&(null==i?void 0:i.type)===a?o(i,{size:d,isFullWidth:f,align:p}):i))))};export{l as RadioCardGroup};
+import{Root as d}from"@radix-ui/react-radio-group";import{createElement as o,Children as l,isValidElement as u,cloneElement as C}from"react";import{Stack as E}from"../stack/Stack.js";import{RadioCard as R}from"./RadioCard.js";const s=({css:t,children:e,size:m,isFullWidth:n,align:i,gap:a="3",justify:p,...f})=>o(d,{...f},o(E,{direction:"row",justify:p,gap:a,css:t},l.map(e,r=>u(r)&&(r==null?void 0:r.type)===R?C(r,{size:m,isFullWidth:n,align:i}):r)));export{s as RadioCardGroup};

package/dist/components/search-input/SearchInput.d.ts

@@ -1,9 +1,12 @@
 import * as React from 'react';
+import { Input } from '../../components/input';
 import { CSS } from '../../stitches';
-import { Input } from '../input/Input';
 declare type SearchInputProps = React.ComponentProps<typeof Input> & {
     size: 'sm' | 'md';
     css?: CSS;
+    value?: string;
+    clearText?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export declare const SearchInput: React.FC<SearchInputProps>;
 export {};

package/dist/components/search-input/SearchInput.js

@@ -1 +1 @@
-const t=["size","css"];function o(){return(o=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t}).apply(this,arguments)}import{Search as r}from"@atom-learning/icons";import{createElement as s,Fragment as n}from"react";import{Box as e}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as c}from"../input/Input.js";const p=p=>{let{size:a,css:l}=p,m=function(t,o){if(null==t)return{};var r,s,n={},e=Object.keys(t);for(s=0;s<e.length;s++)r=e[s],o.indexOf(r)>=0||(n[r]=t[r]);return n}(p,t);return s(e,{css:o({position:"relative"},l)},s(n,null,s(i,{is:r,css:{color:"$tonal300",pointerEvents:"none",position:"absolute",size:"sm"===a?"$1":20,top:"sm"===a?"$2":10,left:"sm"===a?"$2":10}}),s(c,Object.assign({size:a,css:{pl:"sm"===a?"$5":"$6"}},m,{type:"search"}))))};p.displayName="SearchInput";export{p as SearchInput};
+import{Search as f,Close as g}from"@atom-learning/icons";import{useState as c,createElement as e}from"react";import{ActionIcon as A}from"../action-icon/ActionIcon.js";import{Box as E}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as y}from"../input/Input.js";import{styled as l}from"../../stitches.js";const $=l(i,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),v=l(y,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),p=({size:t="md",css:m,value:r,clearText:u="Clear",onChange:n,...h})=>{const[d,s]=c(r||""),[C,a]=c(r?"CLEAR":"SEARCH"),I=()=>{s(""),a("SEARCH")},S=o=>{s(o.target.value),a(o.target.value?"CLEAR":"SEARCH"),n==null||n(o)},b=()=>C==="SEARCH"?e($,{is:f,size:t,css:{size:t=="sm"?"$1":20}}):e(A,{label:u,theme:"neutral",size:t=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:I},e(i,{is:g}));return e(E,{css:{position:"relative",...m}},e(v,{size:t,type:"search",...h,value:d,onChange:S,css:{pr:t==="sm"?"$5":"$6"}}),b())};p.displayName="SearchInput";export{p as SearchInput};

package/dist/components/select/Select.js

@@ -1 +1 @@
-const e=["placeholder","children","size"];import{forwardRef as o,createElement as r}from"react";import{styled as t,theme as i}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{encodeBackgroundIcon as a}from"../../utilities/style/encode-background-icon.js";import"../../utilities/style/keyframe-animations.js";const n=t("select",{appearance:"none",backgroundColor:"white",backgroundImage:a(i.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"}}}}),l=o(((o,t)=>{let{placeholder:i,children:a,size:l="md"}=o,s=function(e,o){if(null==e)return{};var r,t,i={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],o.indexOf(r)>=0||(i[r]=e[r]);return i}(o,e);return r(n,Object.assign({size:l,defaultValue:""},s,{ref:t}),i&&r("option",{disabled:!0,hidden:!0,value:""},i),a)}));l.displayName="Select";export{l as Select};
+import{forwardRef as d,createElement as e}from"react";import{styled as l,theme as s}from"../../stitches.js";import{encodeBackgroundIcon as c}from"../../utilities/style/encode-background-icon.js";const p=l("select",{appearance:"none",backgroundColor:"white",backgroundImage:c(s.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"}}}}),r=d(({placeholder:o,children:t,size:a="md",...n},i)=>e(p,{size:a,defaultValue:"",...n,ref:i},o&&e("option",{disabled:!0,hidden:!0,value:""},o),t));r.displayName="Select";export{r as Select};

package/dist/components/select-field/SelectField.js

@@ -1 +1 @@
-const r=["css","children","name","label","validation","prompt","description"];import{createElement as e}from"react";import{useFormContext as o}from"react-hook-form";import{FieldWrapper as i}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as t}from"../form/useFieldError.js";import{Select as l}from"../select/Select.js";const n=n=>{let{css:p,children:s,name:m,label:a,validation:d,prompt:c,description:f}=n,u=function(r,e){if(null==r)return{};var o,i,t={},l=Object.keys(r);for(i=0;i<l.length;i++)o=l[i],e.indexOf(o)>=0||(t[o]=r[o]);return t}(n,r);const{register:j}=o(),{error:b}=t(m),F=d?j(d):j;return e(i,{css:p,description:f,error:b,fieldId:m,label:a,prompt:c,required:Boolean(null==d?void 0:d.required)},e(l,Object.assign({name:m,id:m},u,{ref:F},b&&{state:"error"}),s))};n.displayName="SelectField";export{n as SelectField};
+import{createElement as i}from"react";import{useFormContext as F}from"react-hook-form";import{FieldWrapper as n}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as S}from"../form/useFieldError.js";import{Select as q}from"../select/Select.js";const m=({css:p=void 0,children:l,name:r,label:d,validation:e,prompt:s,description:c,...f})=>{const{register:o}=F(),{error:t}=S(r),u=e?o(e):o;return i(n,{css:p,description:c,error:t,fieldId:r,label:d,prompt:s,required:Boolean(e==null?void 0:e.required)},i(q,{name:r,id:r,...f,ref:u,...t&&{state:"error"}},l))};m.displayName="SelectField";export{m as SelectField};