@atom-learning/components 2.32.3-beta.0 → 2.34.0

package/dist/components/date-field/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sources":["../../../src/components/date-field/DateField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport { DateInput, DateInputProps } from '~/components/date-input'\nimport {\n  FieldWrapper,\n  FieldElementWrapperProps\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\n\ntype DateFieldProps = DateInputProps & FieldElementWrapperProps\n\nexport const DateField: React.FC<DateFieldProps> = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  ...remainingProps\n}) => {\n  const { register, trigger } = useFormContext()\n  const { error } = useFieldError(name)\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      css={css}\n      description={description}\n      error={error}\n      fieldId={name}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n    >\n      <DateInput\n        id={name}\n        name={name}\n        ref={ref}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n        revalidate={trigger}\n      />\n    </FieldWrapper>\n  )\n}\n\nDateField.displayName = 'DateField'\n"],"names":["DateField","css","label","name","validation","prompt","description","remainingProps","register","trigger","useFormContext","error","useFieldError","ref","React","FieldWrapper","DateInput"],"mappings":"sUAYaA,EAAsC,CAAC,CAClD,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,EAAU,QAAAC,CAAQ,EAAIC,EAAe,EACvC,CAAE,MAAAC,CAAM,EAAIC,EAAcT,CAAI,EAC9BU,EAAMT,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEM,EAAA,cAACC,EAAA,CACC,IAAKd,EACL,YAAaK,EACb,MAAOK,EACP,QAASR,EACT,MAAOD,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAAA,OAAAA,EAAY,QAAQ,CAEtCU,EAAAA,EAAA,cAACE,EAAA,CACC,GAAIb,EACJ,KAAMA,EACN,IAAKU,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGJ,EACJ,WAAYE,EACd,CACF,CAEJ,EAEAT,EAAU,YAAc"}

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

@@ -1 +1,2 @@
 import{CalendarEvent as T}from"@atom-learning/icons";import*as e from"react";import{DIALOG_Z_INDEX as x}from"../../constants/zIndices.js";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as F}from"../box/Box.js";import{Calendar as L}from"../calendar/Calendar.js";import{DEFAULT_LABELS as S}from"../calendar/constants.js";import{Icon as _}from"../icon/Icon.js";import{Input as k}from"../input/Input.js";import{Popover as r}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as R}from"./constants.js";import{useDate as B}from"./use-date.js";const D=e.forwardRef(({initialDate:E,dateFormat:g=R,firstDayOfWeek:h=1,disabled:s,monthNames:b,weekdayNames:v,size:l="md",labels:y,revalidate:o,onChange:n,minDate:A,maxDate:C,...I},w)=>{const{date:a,dateString:O,setDate:m}=B(E,g),i={...S,...y},[N,d]=e.useState(!1),f=e.useRef(null),c=e.useRef(null);return e.useEffect(()=>{n==null||n(a)},[a,n]),e.createElement(F,{css:{position:"relative"}},e.createElement(k,{name:"date",disabled:s,size:l,...I,onChange:t=>m(t.target.value,!0),value:O,ref:w}),e.createElement(r,{modal:!0,open:N,onOpenChange:d},e.createElement(r.Trigger,{asChild:!0},e.createElement(z,{css:{position:"absolute",top:"0",right:"0"},disabled:s,label:i.open,size:l,theme:"neutral"},e.createElement(_,{is:T}))),e.createElement(r.Portal,null,e.createElement(r.Content,{css:{pr:"$sizes$2",zIndex:x},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:t=>{var p,u;t.preventDefault(),a?(p=c.current)==null||p.focus():(u=f.current)==null||u.focus()}},e.createElement(L,{date:a||new Date,selected:a,onDateSelected:async t=>{d(!1),await m(t.date,!1),o&&o()},setYear:async t=>{await m(t,!1),o&&o()},minDate:A,maxDate:C,refDateToday:f,refDateSelected:c,firstDayOfWeek:h,monthNames:b,weekdayNames:v,labels:i})))))});D.displayName="DateInput";export{D as DateInput};
+//# sourceMappingURL=DateInput.js.map

package/dist/components/date-input/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sources":["../../../src/components/date-input/DateInput.tsx"],"sourcesContent":["import { CalendarEvent } from '@atom-learning/icons'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport * as React from 'react'\n\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Box } from '../box/Box'\nimport { Calendar, CalendarTranslationProps } from '../calendar/Calendar'\nimport { DEFAULT_LABELS } from '../calendar/constants'\nimport { Icon } from '../icon/Icon'\nimport { Input } from '../input/Input'\nimport { Popover } from '../popover/Popover'\nimport { DEFAULT_DATE_FORMAT } from './constants'\nimport { useDate } from './use-date'\n\nexport type DateInputProps = Omit<DayzedInterface, 'onDateSelected'> &\n  CalendarTranslationProps & {\n    initialDate?: Date\n    dateFormat?: string\n    disabled?: boolean\n    size?: 'sm' | 'md'\n    revalidate?: () => Promise<boolean>\n    onChange?: (value?: Date) => void\n  }\n\nexport const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\n  (\n    {\n      initialDate,\n      dateFormat = DEFAULT_DATE_FORMAT,\n      firstDayOfWeek = 1,\n      disabled,\n      monthNames,\n      weekdayNames,\n      size = 'md',\n      labels,\n      revalidate,\n      onChange,\n      minDate,\n      maxDate,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const { date, dateString, setDate } = useDate(initialDate, dateFormat)\n    const updatedLabels = {\n      ...DEFAULT_LABELS,\n      ...labels\n    }\n\n    const [calendarOpen, setCalendarOpen] = React.useState(false)\n\n    const refDateToday = React.useRef<HTMLButtonElement>(null)\n    const refDateSelected = React.useRef<HTMLButtonElement>(null)\n\n    React.useEffect(() => {\n      onChange?.(date)\n    }, [date, onChange])\n\n    return (\n      <Box css={{ position: 'relative' }}>\n        <Input\n          name=\"date\"\n          disabled={disabled}\n          size={size}\n          {...remainingProps}\n          onChange={(event) => setDate(event.target.value, true)}\n          value={dateString}\n          ref={ref}\n        />\n        <Popover modal open={calendarOpen} onOpenChange={setCalendarOpen}>\n          <Popover.Trigger asChild>\n            <ActionIcon\n              css={{ position: 'absolute', top: '0', right: '0' }}\n              disabled={disabled}\n              label={updatedLabels.open}\n              size={size}\n              theme=\"neutral\"\n            >\n              <Icon is={CalendarEvent} />\n            </ActionIcon>\n          </Popover.Trigger>\n          <Popover.Portal>\n            <Popover.Content\n              css={{ pr: '$sizes$2', zIndex: DIALOG_Z_INDEX }}\n              side=\"bottom\"\n              align=\"end\"\n              showCloseButton={false}\n              onOpenAutoFocus={(e) => {\n                e.preventDefault()\n                if (date) {\n                  refDateSelected.current?.focus()\n                } else {\n                  refDateToday.current?.focus()\n                }\n              }}\n            >\n              <Calendar\n                date={date || new Date()}\n                selected={date}\n                onDateSelected={async (date) => {\n                  setCalendarOpen(false)\n                  await setDate(date.date, false)\n                  if (revalidate) revalidate()\n                }}\n                setYear={async (date) => {\n                  await setDate(date, false)\n                  if (revalidate) revalidate()\n                }}\n                minDate={minDate}\n                maxDate={maxDate}\n                refDateToday={refDateToday}\n                refDateSelected={refDateSelected}\n                firstDayOfWeek={firstDayOfWeek}\n                monthNames={monthNames}\n                weekdayNames={weekdayNames}\n                labels={updatedLabels}\n              />\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover>\n      </Box>\n    )\n  }\n)\n\nDateInput.displayName = 'DateInput'\n"],"names":["DateInput","React","initialDate","dateFormat","DEFAULT_DATE_FORMAT","firstDayOfWeek","disabled","monthNames","weekdayNames","size","labels","revalidate","onChange","minDate","maxDate","remainingProps","ref","date","dateString","setDate","useDate","updatedLabels","DEFAULT_LABELS","calendarOpen","setCalendarOpen","refDateToday","refDateSelected","Box","Input","event","Popover","ActionIcon","Icon","CalendarEvent","DIALOG_Z_INDEX","e","_a","_b","Calendar"],"mappings":"yjBA0BaA,EAAYC,EAAM,WAC7B,CACE,CACE,YAAAC,EACA,WAAAC,EAAaC,EACb,eAAAC,EAAiB,EACjB,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,KACGC,CACL,EACAC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,EAAY,QAAAC,CAAQ,EAAIC,EAAQlB,EAAaC,CAAU,EAC/DkB,EAAgB,CACpB,GAAGC,EACH,GAAGZ,CACL,EAEM,CAACa,EAAcC,CAAe,EAAIvB,EAAM,SAAS,EAAK,EAEtDwB,EAAexB,EAAM,OAA0B,IAAI,EACnDyB,EAAkBzB,EAAM,OAA0B,IAAI,EAE5D,OAAAA,EAAM,UAAU,IAAM,CACpBW,GAAA,MAAAA,EAAWK,EACb,EAAG,CAACA,EAAML,CAAQ,CAAC,EAGjBX,EAAA,cAAC0B,EAAA,CAAI,IAAK,CAAE,SAAU,UAAW,CAAA,EAC/B1B,EAAA,cAAC2B,EAAA,CACC,KAAK,OACL,SAAUtB,EACV,KAAMG,EACL,GAAGM,EACJ,SAAWc,GAAUV,EAAQU,EAAM,OAAO,MAAO,EAAI,EACrD,MAAOX,EACP,IAAKF,CAAAA,CACP,EACAf,EAAA,cAAC6B,EAAA,CAAQ,MAAK,GAAC,KAAMP,EAAc,aAAcC,CAC/CvB,EAAAA,EAAA,cAAC6B,EAAQ,QAAR,CAAgB,QAAO,IACtB7B,EAAA,cAAC8B,EAAA,CACC,IAAK,CAAE,SAAU,WAAY,IAAK,IAAK,MAAO,GAAI,EAClD,SAAUzB,EACV,MAAOe,EAAc,KACrB,KAAMZ,EACN,MAAM,SAENR,EAAAA,EAAA,cAAC+B,EAAA,CAAK,GAAIC,CAAAA,CAAe,CAC3B,CACF,EACAhC,EAAA,cAAC6B,EAAQ,OAAR,KACC7B,EAAA,cAAC6B,EAAQ,QAAR,CACC,IAAK,CAAE,GAAI,WAAY,OAAQI,CAAe,EAC9C,KAAK,SACL,MAAM,MACN,gBAAiB,GACjB,gBAAkBC,GAAM,CAzFtC,IAAAC,EAAAC,EA0FgBF,EAAE,iBACElB,GACFmB,EAAAV,EAAgB,UAAhB,MAAAU,EAAyB,MAAA,GAEzBC,EAAAZ,EAAa,UAAb,MAAAY,EAAsB,MAE1B,CAAA,CAAA,EAEApC,EAAA,cAACqC,EAAA,CACC,KAAMrB,GAAQ,IAAI,KAClB,SAAUA,EACV,eAAgB,MAAOA,GAAS,CAC9BO,EAAgB,EAAK,EACrB,MAAML,EAAQF,EAAK,KAAM,EAAK,EAC1BN,GAAYA,EAAW,CAC7B,EACA,QAAS,MAAOM,GAAS,CACvB,MAAME,EAAQF,EAAM,EAAK,EACrBN,GAAYA,EAAW,CAC7B,EACA,QAASE,EACT,QAASC,EACT,aAAcW,EACd,gBAAiBC,EACjB,eAAgBrB,EAChB,WAAYE,EACZ,aAAcC,EACd,OAAQa,CACV,CAAA,CACF,CACF,CACF,CACF,CAEJ,CACF,EAEArB,EAAU,YAAc"}

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

@@ -1 +1,2 @@
 const D="DD/MM/YYYY";export{D as DEFAULT_DATE_FORMAT};
+//# sourceMappingURL=constants.js.map

package/dist/components/date-input/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/date-input/constants.ts"],"sourcesContent":["export const DEFAULT_DATE_FORMAT = 'DD/MM/YYYY'\n"],"names":["DEFAULT_DATE_FORMAT"],"mappings":"AAAO,MAAMA,EAAsB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-date.js","sources":["../../../src/components/date-input/use-date.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport { useState } from 'react'\n\nimport { DEFAULT_DATE_FORMAT } from './constants'\n\ndayjs.extend(customParseFormat)\n\nexport const useDate = (\n  initialDate: Date | undefined,\n  dateFormat = DEFAULT_DATE_FORMAT\n): {\n  dateString: string\n  date: Date | undefined\n  setDate: (inputDate: Date | string, isDateString: boolean) => void\n} => {\n  const [date, setDate] = useState(\n    initialDate ? dayjs(initialDate).toDate() : undefined\n  )\n  const [dateString, setDateString] = useState(\n    initialDate ? dayjs(initialDate).format(dateFormat) : ''\n  )\n\n  const saveDate = (inputDate, isDateString = false) => {\n    const parsedInputDate = isDateString\n      ? dayjs(inputDate, dateFormat, true)\n      : dayjs(inputDate)\n\n    setDate(parsedInputDate.isValid() ? parsedInputDate.toDate() : undefined)\n    setDateString(isDateString ? inputDate : parsedInputDate.format(dateFormat))\n  }\n\n  return { dateString, date, setDate: saveDate }\n}\n"],"names":["dayjs","customParseFormat","useDate","initialDate","dateFormat","DEFAULT_DATE_FORMAT","date","setDate","useState","dateString","setDateString","inputDate","isDateString","parsedInputDate"],"mappings":"yJAMAA,EAAM,OAAOC,CAAiB,EAEjB,MAAAC,EAAU,CACrBC,EACAC,EAAaC,IAKV,CACH,KAAM,CAACC,EAAMC,CAAO,EAAIC,EACtBL,EAAcH,EAAMG,CAAW,EAAE,OAAW,EAAA,MAC9C,EACM,CAACM,EAAYC,CAAa,EAAIF,EAClCL,EAAcH,EAAMG,CAAW,EAAE,OAAOC,CAAU,EAAI,EACxD,EAWA,MAAO,CAAE,WAAAK,EAAY,KAAAH,EAAM,QATV,CAACK,EAAWC,EAAe,KAAU,CACpD,MAAMC,EAAkBD,EACpBZ,EAAMW,EAAWP,EAAY,EAAI,EACjCJ,EAAMW,CAAS,EAEnBJ,EAAQM,EAAgB,QAAQ,EAAIA,EAAgB,OAAO,EAAI,MAAS,EACxEH,EAAcE,EAAeD,EAAYE,EAAgB,OAAOT,CAAU,CAAC,CAC7E,CAE6C,CAC/C"}

package/dist/components/dialog/Dialog.js

@@ -1 +1,2 @@
 import{Root as t,Description as i,Title as e,Trigger as m}from"@radix-ui/react-dialog";import*as l from"react";import{styled as a}from"../../stitches.js";import{DialogBackground as g}from"./DialogBackground.js";import{DialogClose as n}from"./DialogClose.js";import{DialogContent as p}from"./DialogContent.js";const s=a(t,{}),o=r=>l.createElement(s,{...r});o.Background=g,o.Close=n,o.Content=p,o.Description=i,o.Title=e,o.Trigger=m,o.displayName="Dialog";export{o as Dialog};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { Description, Root, Title, Trigger } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { DialogBackground } from './DialogBackground'\nimport { DialogClose } from './DialogClose'\nimport { DialogContent } from './DialogContent'\n\nconst StyledDialog = styled(Root, {})\n\ntype DialogProps = React.ComponentProps<typeof StyledDialog>\n\nexport const Dialog: React.FC<DialogProps> & {\n  Background: typeof DialogBackground\n  Close: typeof DialogClose\n  Content: typeof DialogContent\n  Description: typeof Description\n  Title: typeof Title\n  Trigger: typeof Trigger\n} = (props) => <StyledDialog {...props} />\n\nDialog.Background = DialogBackground\nDialog.Close = DialogClose\nDialog.Content = DialogContent\nDialog.Description = Description\nDialog.Title = Title\nDialog.Trigger = Trigger\n\nDialog.displayName = 'Dialog'\n"],"names":["StyledDialog","styled","Root","Dialog","props","React","DialogBackground","DialogClose","DialogContent","Description","Title","Trigger"],"mappings":"qTASA,MAAMA,EAAeC,EAAOC,EAAM,CAAE,CAAA,EAIvBC,EAORC,GAAUC,EAAA,cAACL,EAAA,CAAc,GAAGI,CAAAA,CAAO,EAExCD,EAAO,WAAaG,EACpBH,EAAO,MAAQI,EACfJ,EAAO,QAAUK,EACjBL,EAAO,YAAcM,EACrBN,EAAO,MAAQO,EACfP,EAAO,QAAUQ,EAEjBR,EAAO,YAAc"}

package/dist/components/dialog/DialogBackground.js

@@ -1 +1,2 @@
 import{styled as o}from"../../stitches.js";import{Box as t}from"../box/Box.js";const r=o(t,{width:"100vw",height:"100vh"});export{r as DialogBackground};
+//# sourceMappingURL=DialogBackground.js.map

package/dist/components/dialog/DialogBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBackground.js","sources":["../../../src/components/dialog/DialogBackground.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Box } from '../box'\n\nexport const DialogBackground = styled(Box, { width: '100vw', height: '100vh' })\n"],"names":["DialogBackground","styled","Box"],"mappings":"+EAIO,MAAMA,EAAmBC,EAAOC,EAAK,CAAE,MAAO,QAAS,OAAQ,OAAQ,CAAC"}

package/dist/components/dialog/DialogClose.js

@@ -1 +1,2 @@
 import{Close as o}from"@radix-ui/react-dialog";import{styled as r}from"../../stitches.js";const t=r(o,{});export{t as DialogClose};
+//# sourceMappingURL=DialogClose.js.map

package/dist/components/dialog/DialogClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogClose.js","sources":["../../../src/components/dialog/DialogClose.tsx"],"sourcesContent":["import { Close } from '@radix-ui/react-dialog'\n\nimport { styled } from '~/stitches'\n\nexport const DialogClose = styled(Close, {})\n"],"names":["DialogClose","styled","Close"],"mappings":"0FAIO,MAAMA,EAAcC,EAAOC,EAAO,CAAE,CAAA"}

package/dist/components/dialog/DialogContent.js

@@ -1 +1,2 @@
 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/zIndices.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",top:0,right:0,bottom:0,left: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:"md",theme:"neutral"},o.createElement($,{is:h})),o.Children.map(a,t=>(t==null?void 0:t.type)!==s&&t))));export{O as DialogContent};
+//# sourceMappingURL=DialogContent.js.map

package/dist/components/dialog/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","sources":["../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Close, Content, Overlay, Portal } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { keyframes, styled } from '~/stitches'\nimport { fadeIn, fadeOut } from '~/utilities'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { DialogBackground } from './DialogBackground'\n\nconst contentOnScreen = 'translate3d(-50%, -50%, 0)'\nconst contentOffScreen = 'translate3d(-50%, 50vh, 0)'\nconst modalOverlayId = 'modal_overlay'\n\nconst slideIn = keyframes({\n  '0%': { transform: contentOffScreen },\n  '100%': { transform: contentOnScreen }\n})\nconst slideOut = keyframes({\n  '0%': { transform: contentOnScreen },\n  '100%': { transform: contentOffScreen }\n})\n\nconst StyledDialogOverlay = styled(Overlay, {\n  backgroundColor: '$alpha600',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  position: 'fixed',\n  overflowY: 'auto',\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${fadeIn} 250ms ease-out`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${fadeOut} 550ms ease-out`\n    }\n  }\n})\n\nconst StyledDialogContent = styled(Content, {\n  bg: 'white',\n  borderRadius: '$1',\n  boxShadow: '$3',\n  boxSizing: 'border-box',\n  left: '50%',\n  maxWidth: '90vw',\n  maxHeight: '90vh',\n  overflowY: 'auto',\n  p: '$5',\n  position: 'fixed',\n  top: '50%',\n  transform: contentOnScreen,\n  zIndex: DIALOG_Z_INDEX,\n  '&:focus': {\n    outline: 'none'\n  },\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${slideIn} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${slideOut} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    }\n  },\n  variants: {\n    size: {\n      xs: { width: '380px' },\n      sm: { width: '480px' },\n      md: { width: '600px' },\n      lg: { width: '800px' },\n      xl: { width: '1100px' }\n    }\n  }\n})\n\ntype DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {\n  closeDialogText?: string\n  showCloseButton?: boolean\n}\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  size = 'sm',\n  children,\n  closeDialogText = 'Close dialog',\n  showCloseButton = true,\n  ...remainingProps\n}) => (\n  <Portal>\n    <StyledDialogOverlay id={modalOverlayId}>\n      {React.Children.map(\n        children,\n        (child?: React.ReactElement) =>\n          child?.type === DialogBackground && child\n      )}\n      <StyledDialogContent\n        size={size}\n        aria-label=\"Dialog\"\n        onPointerDownOutside={(event) => {\n          const element = event.target as HTMLElement\n          if (element?.id !== modalOverlayId) {\n            event.preventDefault()\n          }\n        }}\n        {...remainingProps}\n      >\n        {showCloseButton && (\n          <ActionIcon\n            as={Close}\n            css={{ position: 'absolute', right: '$4', top: '$4' }}\n            label={closeDialogText}\n            size=\"md\"\n            theme=\"neutral\"\n          >\n            <Icon is={CloseIcon} />\n          </ActionIcon>\n        )}\n        {React.Children.map(\n          children,\n          (child?: React.ReactElement) =>\n            child?.type !== DialogBackground && child\n        )}\n      </StyledDialogContent>\n    </StyledDialogOverlay>\n  </Portal>\n)\n"],"names":["contentOnScreen","contentOffScreen","modalOverlayId","slideIn","keyframes","slideOut","StyledDialogOverlay","styled","Overlay","DIALOG_Z_INDEX","fadeIn","fadeOut","StyledDialogContent","Content","DialogContent","size","children","closeDialogText","showCloseButton","remainingProps","React","Portal","child","DialogBackground","event","element","ActionIcon","Close","Icon","CloseIcon"],"mappings":"8fAYA,MAAMA,EAAkB,6BAClBC,EAAmB,6BACnBC,EAAiB,gBAEjBC,EAAUC,EAAU,CACxB,KAAM,CAAE,UAAWH,CAAiB,EACpC,OAAQ,CAAE,UAAWD,CAAgB,CACvC,CAAC,EACKK,EAAWD,EAAU,CACzB,KAAM,CAAE,UAAWJ,CAAgB,EACnC,OAAQ,CAAE,UAAWC,CAAiB,CACxC,CAAC,EAEKK,EAAsBC,EAAOC,EAAS,CAC1C,gBAAiB,YACjB,IAAK,EACL,MAAO,EACP,OAAQ,EACR,KAAM,EACN,SAAU,QACV,UAAW,OACX,OAAQC,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF,CAAC,EAEKC,EAAsBL,EAAOM,EAAS,CAC1C,GAAI,QACJ,aAAc,KACd,UAAW,KACX,UAAW,aACX,KAAM,MACN,SAAU,OACV,UAAW,OACX,UAAW,OACX,EAAG,KACH,SAAU,QACV,IAAK,MACL,UAAWb,EACX,OAAQS,EACR,UAAW,CACT,QAAS,MACX,EACA,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGN,wCAChB,EACA,yBAA0B,CACxB,UAAW,GAAGE,wCAChB,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,QAAS,CACxB,CACF,CACF,CAAC,EAOYS,EAA8C,CAAC,CAC1D,KAAAC,EAAO,KACP,SAAAC,EACA,gBAAAC,EAAkB,eAClB,gBAAAC,EAAkB,MACfC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACd,EAAA,CAAoB,GAAIJ,CACtBkB,EAAAA,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,EACAF,EAAA,cAACR,EAAA,CACC,KAAMG,EACN,aAAW,SACX,qBAAuBS,GAAU,CAC/B,MAAMC,EAAUD,EAAM,QAClBC,GAAA,KAAAA,OAAAA,EAAS,MAAOvB,GAClBsB,EAAM,eAEV,CAAA,EACC,GAAGL,CAAAA,EAEHD,GACCE,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CAAE,SAAU,WAAY,MAAO,KAAM,IAAK,IAAK,EACpD,MAAOV,EACP,KAAK,KACL,MAAM,SAAA,EAENG,EAAA,cAACQ,EAAA,CAAK,GAAIC,EAAW,CACvB,EAEDT,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,CACF,CACF,CACF"}

package/dist/components/dismissible/DismissibleRoot.js

@@ -1 +1,2 @@
-import{Slot as c}from"@radix-ui/react-slot";import*as e from"react";const r=e.createContext({isDismissed:!1,setIsDismissed:()=>null}),n=({children:i,disabled:s})=>{const[t,o]=e.useState(!1),l=e.useMemo(()=>({disabled:s,isDismissed:t,setIsDismissed:o}),[s,t]);return e.createElement(r.Provider,{value:l},i)},u=({asChild:i=!1,value:s,onDismiss:t,...o})=>{const l=e.useContext(r),{isDismissed:d,disabled:a}=l;if(e.useEffect(()=>{d&&(t==null||t(s))},[d]),d)return null;const m={...a&&{["data-disabled"]:""},...o};return e.createElement(i?c:"div",{...m})},b=({disabled:i=!1,...s})=>e.createElement(n,{disabled:i},e.createElement(u,{...s}));export{b as DismissibleRoot,r as DismissibleRootContext,n as DismissibleRootProvider};
+import{Slot as c}from"@radix-ui/react-slot";import*as e from"react";const r=e.createContext({isDismissed:!1,setIsDismissed:()=>null}),n=({children:t,disabled:s})=>{const[i,l]=e.useState(!1),o=e.useMemo(()=>({disabled:s,isDismissed:i,setIsDismissed:l}),[s,i]);return e.createElement(r.Provider,{value:o},t)},u=({asChild:t=!1,value:s,onDismiss:i,...l})=>{const o=e.useContext(r),{isDismissed:d,disabled:a}=o;if(e.useEffect(()=>{d&&(i==null||i(s))},[d]),d)return null;const m={...a&&{["data-disabled"]:""},...l};return e.createElement(t?c:"div",{...m})},b=({disabled:t=!1,...s})=>e.createElement(n,{disabled:t},e.createElement(u,{...s}));export{b as DismissibleRoot,r as DismissibleRootContext,n as DismissibleRootProvider};
+//# sourceMappingURL=DismissibleRoot.js.map

package/dist/components/dismissible/DismissibleRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissibleRoot.js","sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => null\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n}\n\nexport const DismissibleRootProvider: React.FC<IDismissibleRootProps> = ({\n  children,\n  disabled\n}) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n  const value = React.useMemo<IDismissibleRootContext>(\n    () => ({ disabled, isDismissed, setIsDismissed }),\n    [disabled, isDismissed]\n  )\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupItemProps {\n  asChild?: boolean\n  value: React.ReactText\n  onDismiss?: (value: React.ReactText) => void\n}\n\nconst DismissibleRootInternal: React.FC<IDismissibleGroupItemProps> = ({\n  asChild = false,\n  value,\n  onDismiss,\n  ...rest\n}) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  React.useEffect(() => {\n    if (isDismissed) onDismiss?.(value)\n  }, [isDismissed])\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot: React.FC<\n  IDismissibleGroupItemProps & IDismissibleRootProps\n> = ({ disabled = false, ...rest }) => (\n  <DismissibleRootProvider disabled={disabled}>\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n"],"names":["DismissibleRootContext","React","DismissibleRootProvider","children","disabled","isDismissed","setIsDismissed","value","DismissibleRootInternal","asChild","onDismiss","rest","rootContext","props","Slot","DismissibleRoot"],"mappings":"oEASO,MAAMA,EACXC,EAAM,cAAuC,CAC3C,YAAa,GACb,eAAgB,IAAM,IACxB,CAAC,EAMUC,EAA2D,CAAC,CACvE,SAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIL,EAAM,SAAS,EAAK,EACpDM,EAAQN,EAAM,QAClB,KAAO,CAAE,SAAAG,EAAU,YAAAC,EAAa,eAAAC,CAAe,GAC/C,CAACF,EAAUC,CAAW,CACxB,EACA,OACEJ,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAOO,CAAAA,EACrCJ,CACH,CAEJ,EAQMK,EAAgE,CAAC,CACrE,QAAAC,EAAU,GACV,MAAAF,EACA,UAAAG,KACGC,CACL,IAAM,CACJ,MAAMC,EAAcX,EAAM,WAAWD,CAAsB,EAErD,CAAE,YAAAK,EAAa,SAAAD,CAAS,EAAIQ,EAMlC,GAJAX,EAAM,UAAU,IAAM,CAChBI,IAAaK,GAAA,MAAAA,EAAYH,CAC/B,EAAA,EAAG,CAACF,CAAW,CAAC,EAEZA,EAAa,OAAO,KAExB,MAAMQ,EAAQ,CAAE,GAAIT,GAAY,CAAE,CAAC,iBAAkB,EAAG,EAAI,GAAGO,CAAK,EAEpE,OAAOV,EAAA,cADWQ,EAAUK,EAAO,MAC3B,CAAW,GAAGD,CAAO,CAAA,CAC/B,EAEaE,EAET,CAAC,CAAE,SAAAX,EAAW,MAAUO,CAAK,IAC/BV,EAAA,cAACC,EAAA,CAAwB,SAAUE,CAAAA,EACjCH,EAAA,cAACO,EAAA,CAAyB,GAAGG,EAAM,CACrC"}

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1 +1,2 @@
-import{Slot as m}from"@radix-ui/react-slot";import*as e from"react";import{DismissibleRootContext as l}from"./DismissibleRoot.js";const b=s=>e.createElement("button",{type:"button",...s},"Dismiss"),a=({asChild:s=!1,...t})=>{const i=e.useContext(l);if(i===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:o,disabled:r}=i,n={disabled:r,onClick:()=>{o(!0)},...t};return e.createElement(s?m:b,{...n})};export{a as DismissibleTrigger};
+import{Slot as m}from"@radix-ui/react-slot";import*as t from"react";import{DismissibleRootContext as l}from"./DismissibleRoot.js";const b=s=>t.createElement("button",{type:"button",...s},"Dismiss"),a=({asChild:s=!1,...i})=>{const e=t.useContext(l);if(e===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:o,disabled:r}=e,n={disabled:r,onClick:()=>{o(!0)},...i};return t.createElement(s?m:b,{...n})};export{a as DismissibleTrigger};
+//# sourceMappingURL=DismissibleTrigger.js.map

package/dist/components/dismissible/DismissibleTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissibleTrigger.js","sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger: React.FC<IDismissibleTriggerProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"names":["DefaultTrigger","props","React","DismissibleTrigger","asChild","rest","context","DismissibleRootContext","setIsDismissed","disabled","Slot"],"mappings":"kIASA,MAAMA,EAAkBC,GACtBC,EAAA,cAAC,UAAO,KAAK,SAAU,GAAGD,CAAAA,EAAO,SAEjC,EAGWE,EAAyD,CAAC,CACrE,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAUJ,EAAM,WAAWK,CAAsB,EACvD,GAAID,IAAY,OACd,MAAM,IAAI,MACR,gEACF,EAGF,KAAM,CAAE,eAAAE,EAAgB,SAAAC,CAAS,EAAIH,EAM/BL,EAAQ,CACZ,SAAUQ,EACV,QANoB,IAAM,CAC1BD,EAAe,EAAI,CACrB,EAKE,GAAGH,CACL,EAGA,OAAOH,EAAA,cADWE,EAAUM,EAAOV,EAC3B,CAAW,GAAGC,EAAO,CAC/B"}

package/dist/components/dismissible/index.js

@@ -1 +1,2 @@
 import{DismissibleRoot as s}from"./DismissibleRoot.js";import{DismissibleTrigger as m}from"./DismissibleTrigger.js";const i=s;i.Trigger=m,i.displayName="Dismissible";export{i as Dismissible};
+//# sourceMappingURL=index.js.map

package/dist/components/dismissible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\ntype TDismissible = typeof DismissibleRoot & {\n  Trigger: typeof DismissibleTrigger\n}\n\nexport const Dismissible = DismissibleRoot as TDismissible\nDismissible.Trigger = DismissibleTrigger\nDismissible.displayName = 'Dismissible'\n"],"names":["Dismissible","DismissibleRoot","DismissibleTrigger"],"mappings":"oHAOa,MAAAA,EAAcC,EAC3BD,EAAY,QAAUE,EACtBF,EAAY,YAAc"}

package/dist/components/dismissible-group/DismissibleGroupItem.js

@@ -1 +1,2 @@
 import*as i from"react";import{Dismissible as n}from"../dismissible/index.js";import{DismissibleGroupContext as l}from"./DismissibleGroupRoot.js";const b=({children:e,disabled:o=!1,...r})=>{const s=i.useContext(l);if(s===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:t,disabled:m}=s;return i.createElement(n,{disabled:m||o,onDismiss:t,...r},e)};export{b as DismissibleGroupItem};
+//# sourceMappingURL=DismissibleGroupItem.js.map

package/dist/components/dismissible-group/DismissibleGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissibleGroupItem.js","sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps> = ({\n  children,\n  disabled: itemDisabled = false,\n  ...rest\n}) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      onDismiss={onDismiss}\n      {...rest}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"names":["DismissibleGroupItem","children","itemDisabled","rest","groupContext","React","DismissibleGroupContext","onDismiss","groupDisabled","Dismissible"],"mappings":"kJAYO,MAAMA,EAA6D,CAAC,CACzE,SAAAC,EACA,SAAUC,EAAe,MACtBC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAM,WAAWC,CAAuB,EAC7D,GAAIF,IAAiB,OACnB,MAAM,IAAI,MACR,kEACF,EAEF,KAAM,CAAE,UAAAG,EAAW,SAAUC,CAAc,EAAIJ,EAC/C,OACEC,EAAA,cAACI,EAAA,CACC,SAAUD,GAAiBN,EAC3B,UAAWK,EACV,GAAGJ,CAEHF,EAAAA,CACH,CAEJ"}

package/dist/components/dismissible-group/DismissibleGroupRoot.js

@@ -1 +1,2 @@
 import*as s from"react";const t=s.createContext({onDismiss:()=>null}),n=({children:o,disabled:e,onDismiss:i})=>{const r=s.useMemo(()=>({disabled:e,onDismiss:i}),[e,i]);return s.createElement(t.Provider,{value:r},o)},l=({as:o="div",disabled:e,onDismiss:i,...r})=>s.createElement(n,{disabled:e,onDismiss:i},s.createElement(o,{...r}));export{t as DismissibleGroupContext,n as DismissibleGroupProvider,l as DismissibleGroupRoot};
+//# sourceMappingURL=DismissibleGroupRoot.js.map

package/dist/components/dismissible-group/DismissibleGroupRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissibleGroupRoot.js","sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface IDismissibleGroupContext {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<IDismissibleGroupContext>({\n    onDismiss: () => null\n  })\n\nexport interface IDismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\n\nexport const DismissibleGroupProvider: React.FC<IDismissibleGroupProps> = ({\n  children,\n  disabled,\n  onDismiss\n}) => {\n  const value = React.useMemo<IDismissibleGroupContext>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupRootProps extends IDismissibleGroupProps {\n  as?: React.ComponentType\n}\n\nexport const DismissibleGroupRoot: React.FC<IDismissibleGroupRootProps> = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}) => {\n  return (\n    <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n      <Component {...rest} />\n    </DismissibleGroupProvider>\n  )\n}\n"],"names":["DismissibleGroupContext","React","DismissibleGroupProvider","children","disabled","onDismiss","value","DismissibleGroupRoot","Component","rest"],"mappings":"wBAMa,MAAAA,EACXC,EAAM,cAAwC,CAC5C,UAAW,IAAM,IACnB,CAAC,EAOUC,EAA6D,CAAC,CACzE,SAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,SAAAG,EAAU,UAAAC,CAAU,GAC7B,CAACD,EAAUC,CAAS,CACtB,EACA,OACEJ,EAAA,cAACD,EAAwB,SAAxB,CAAiC,MAAOM,CAAAA,EACtCH,CACH,CAEJ,EAMaI,EAA6D,CAAC,CACzE,GAAIC,EAAY,MAChB,SAAAJ,EACA,UAAAC,KACGI,CACL,IAEIR,EAAA,cAACC,GAAyB,SAAUE,EAAU,UAAWC,CAAAA,EACvDJ,EAAA,cAACO,EAAA,CAAW,GAAGC,EAAM,CACvB"}

package/dist/components/dismissible-group/index.js

@@ -1 +1,2 @@
 import{DismissibleTrigger as s}from"../dismissible/DismissibleTrigger.js";import{DismissibleGroupItem as r}from"./DismissibleGroupItem.js";import{DismissibleGroupRoot as m}from"./DismissibleGroupRoot.js";const i=m;i.Item=r,i.Trigger=s,i.displayName="DismissibleGroup";export{i as DismissibleGroup};
+//# sourceMappingURL=index.js.map

package/dist/components/dismissible-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '~/components/dismissible/DismissibleTrigger'\n\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\ntype TDismissibleGroup = typeof DismissibleGroupRoot & {\n  Item: typeof DismissibleGroupItem\n  Trigger: typeof DismissibleTrigger\n}\n\nexport const DismissibleGroup = DismissibleGroupRoot as TDismissibleGroup\nDismissibleGroup.Item = DismissibleGroupItem\nDismissibleGroup.Trigger = DismissibleTrigger\nDismissibleGroup.displayName = 'DismissibleGroup'\n"],"names":["DismissibleGroup","DismissibleGroupRoot","DismissibleGroupItem","DismissibleTrigger"],"mappings":"4MAUa,MAAAA,EAAmBC,EAChCD,EAAiB,KAAOE,EACxBF,EAAiB,QAAUG,EAC3BH,EAAiB,YAAc"}

package/dist/components/divider/Divider.js

@@ -1 +1,2 @@
 import t from"react";import{styled as n}from"../../stitches.js";const i=n("hr",{border:0,bg:"$tonal100",variants:{orientation:{horizontal:{height:1,width:"100%"},vertical:{height:"100%",width:1,minHeight:"$3"}}}}),a=t.forwardRef(({orientation:r="horizontal",...e},o)=>t.createElement(i,{ref:o,orientation:r,...e}));export{a as Divider,i as StyledDivider};
+//# sourceMappingURL=Divider.js.map

package/dist/components/divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nexport const StyledDivider = styled('hr', {\n  border: 0,\n  bg: '$tonal100',\n  variants: {\n    orientation: {\n      horizontal: { height: 1, width: '100%' },\n      vertical: { height: '100%', width: 1, minHeight: '$3' }\n    }\n  }\n})\n\nexport const Divider: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledDivider>\n> = React.forwardRef(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"gEAIO,MAAMA,EAAgBC,EAAO,KAAM,CACxC,OAAQ,EACR,GAAI,YACJ,SAAU,CACR,YAAa,CACX,WAAY,CAAE,OAAQ,EAAG,MAAO,MAAO,EACvC,SAAU,CAAE,OAAQ,OAAQ,MAAO,EAAG,UAAW,IAAK,CACxD,CACF,CACF,CAAC,EAEYC,EAETC,EAAM,WAAW,CAAC,CAAE,YAAAC,EAAc,gBAAiBC,CAAK,EAAGC,IACtDH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import { Portal, Root as DropdownMenuRoot } from '@radix-ui/react-dropdown-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { DropdownMenuContent } from './DropdownMenuContent'\nimport { DropdownMenuItem } from './DropdownMenuItem'\nimport { DropdownMenuLinkItem } from './DropdownMenuLinkItem'\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator'\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger'\n\nconst Root = styled(DropdownMenuRoot, {})\n\nexport const DropdownMenu: React.FC<React.ComponentProps<typeof Root>> & {\n  Content: typeof DropdownMenuContent\n  Item: typeof DropdownMenuItem\n  LinkItem: typeof DropdownMenuLinkItem\n  Portal: typeof Portal\n  Separator: typeof DropdownMenuSeparator\n  Trigger: typeof DropdownMenuTrigger\n} = (props) => <Root {...props} />\n\nDropdownMenu.Content = DropdownMenuContent\nDropdownMenu.Item = DropdownMenuItem\nDropdownMenu.LinkItem = DropdownMenuLinkItem\nDropdownMenu.Portal = Portal\nDropdownMenu.Separator = DropdownMenuSeparator\nDropdownMenu.Trigger = DropdownMenuTrigger\n"],"names":["Root","styled","DropdownMenuRoot","DropdownMenu","props","React","DropdownMenuContent","DropdownMenuItem","DropdownMenuLinkItem","Portal","DropdownMenuSeparator","DropdownMenuTrigger"],"mappings":"4bAWA,MAAMA,EAAOC,EAAOC,EAAkB,CAAA,CAAE,EAE3BC,EAORC,GAAUC,EAAA,cAACL,EAAA,CAAM,GAAGI,CAAO,CAAA,EAEhCD,EAAa,QAAUG,EACvBH,EAAa,KAAOI,EACpBJ,EAAa,SAAWK,EACxBL,EAAa,OAASM,EACtBN,EAAa,UAAYO,EACzBP,EAAa,QAAUQ"}

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

@@ -1 +1,2 @@
 import{Content as a}from"@radix-ui/react-dropdown-menu";import{DROPDOWN_Z_INDEX as i}from"../../constants/zIndices.js";import{styled as t}from"../../stitches.js";import{slideDownAndFade as o,slideLeftAndFade as n,slideUpAndFade as e,slideRightAndFade as d}from"../../utilities/style/keyframe-animations.js";const m=t(a,{bg:"white",borderRadius:"$0",boxShadow:"$0",py:"$2",zIndex:i,"@allowMotion":{animationDuration:"250ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:o},'&[data-side="right"]':{animationName:n},'&[data-side="bottom"]':{animationName:e},'&[data-side="left"]':{animationName:d}}}});export{m as DropdownMenuContent};
+//# sourceMappingURL=DropdownMenuContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuContent.js","sources":["../../../src/components/dropdown-menu/DropdownMenuContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-dropdown-menu'\n\nimport { DROPDOWN_Z_INDEX } from '~/constants/zIndices'\nimport { styled } from '~/stitches'\nimport {\n  slideDownAndFade,\n  slideLeftAndFade,\n  slideRightAndFade,\n  slideUpAndFade\n} from '~/utilities'\n\nexport const DropdownMenuContent = styled(Content, {\n  bg: 'white',\n  borderRadius: '$0',\n  boxShadow: '$0',\n  py: '$2',\n  zIndex: DROPDOWN_Z_INDEX,\n  '@allowMotion': {\n    animationDuration: '250ms',\n    animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    willChange: 'transform, opacity',\n    '&[data-state=\"open\"]': {\n      '&[data-side=\"top\"]': { animationName: slideDownAndFade },\n      '&[data-side=\"right\"]': { animationName: slideLeftAndFade },\n      '&[data-side=\"bottom\"]': { animationName: slideUpAndFade },\n      '&[data-side=\"left\"]': { animationName: slideRightAndFade }\n    }\n  }\n})\n"],"names":["DropdownMenuContent","styled","Content","DROPDOWN_Z_INDEX","slideDownAndFade","slideLeftAndFade","slideUpAndFade","slideRightAndFade"],"mappings":"mTAWO,MAAMA,EAAsBC,EAAOC,EAAS,CACjD,GAAI,QACJ,aAAc,KACd,UAAW,KACX,GAAI,KACJ,OAAQC,EACR,eAAgB,CACd,kBAAmB,QACnB,wBAAyB,gCACzB,WAAY,qBACZ,uBAAwB,CACtB,qBAAsB,CAAE,cAAeC,CAAiB,EACxD,uBAAwB,CAAE,cAAeC,CAAiB,EAC1D,wBAAyB,CAAE,cAAeC,CAAe,EACzD,sBAAuB,CAAE,cAAeC,CAAkB,CAC5D,CACF,CACF,CAAC"}

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

@@ -1 +1,2 @@
 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"}},r=t(e,o);export{r as DropdownMenuItem,o as itemStyles};
+//# sourceMappingURL=DropdownMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuItem.js","sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\n\nexport const itemStyles = {\n  alignItems: 'center',\n  color: '$tonal600',\n  cursor: 'pointer',\n  display: 'flex',\n  fontFamily: '$body',\n  fontWeight: 400,\n  position: 'relative',\n  px: '$3',\n  py: '$2',\n  '&[data-disabled]': {\n    color: '$tonal200',\n    pointerEvents: 'none'\n  },\n  '&[aria-current=\"page\"], &:focus': {\n    '&::before': {\n      borderLeft: '2px solid currentColor',\n      content: '',\n      height: '$2',\n      left: 0,\n      outline: 'none',\n      position: 'absolute',\n      transform: 'scale(1)'\n    }\n  },\n  '&:focus': {\n    color: '$primaryMid',\n    outline: 'none'\n  },\n  '&:hover': { textDecoration: 'underline' }\n}\n\nexport const DropdownMenuItem = styled(Item, itemStyles)\n"],"names":["itemStyles","DropdownMenuItem","styled","Item"],"mappings":"gGAIa,MAAAA,EAAa,CACxB,WAAY,SACZ,MAAO,YACP,OAAQ,UACR,QAAS,OACT,WAAY,QACZ,WAAY,IACZ,SAAU,WACV,GAAI,KACJ,GAAI,KACJ,mBAAoB,CAClB,MAAO,YACP,cAAe,MACjB,EACA,kCAAmC,CACjC,YAAa,CACX,WAAY,yBACZ,QAAS,GACT,OAAQ,KACR,KAAM,EACN,QAAS,OACT,SAAU,WACV,UAAW,UACb,CACF,EACA,UAAW,CACT,MAAO,cACP,QAAS,MACX,EACA,UAAW,CAAE,eAAgB,WAAY,CAC3C,EAEaC,EAAmBC,EAAOC,EAAMH,CAAU"}

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

@@ -1 +1,2 @@
-import e from"react";import{styled as n}from"../../stitches.js";import{DropdownMenuItem as m}from"./DropdownMenuItem.js";const i=n("a",{textDecoration:"none"}),l=({children:o,href:t,...r})=>e.createElement(m,{...r,asChild:!0},e.createElement(i,{href:t,role:"menuitem"},o));export{l as DropdownMenuLinkItem};
+import e from"react";import{styled as n}from"../../stitches.js";import{DropdownMenuItem as m}from"./DropdownMenuItem.js";const i=n("a",{textDecoration:"none"}),l=({children:t,href:o,...r})=>e.createElement(m,{...r,asChild:!0},e.createElement(i,{href:o,role:"menuitem"},t));export{l as DropdownMenuLinkItem};
+//# sourceMappingURL=DropdownMenuLinkItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuLinkItem.js","sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  textDecoration: 'none'\n})\n\nexport const DropdownMenuLinkItem: React.FC<\n  React.ComponentProps<typeof DropdownMenuItem> & { href: string }\n> = ({ children, href, ...props }) => (\n  <DropdownMenuItem {...props} asChild>\n    <StyledLink href={href} role=\"menuitem\">\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"names":["StyledLink","styled","DropdownMenuLinkItem","children","href","props","React","DropdownMenuItem"],"mappings":"yHAMA,MAAMA,EAAaC,EAAO,IAAK,CAC7B,eAAgB,MAClB,CAAC,EAEYC,EAET,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAASC,CAAM,IAC9BC,EAAA,cAACC,EAAA,CAAkB,GAAGF,EAAO,QAAO,EAClCC,EAAAA,EAAA,cAACN,EAAA,CAAW,KAAMI,EAAM,KAAK,UAC1BD,EAAAA,CACH,CACF"}

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

@@ -1 +1,2 @@
 import{Separator as o}from"@radix-ui/react-dropdown-menu";import{styled as r}from"../../stitches.js";const t=r(o,{height:"1px",backgroundColor:"$tonal200",my:"$2"});export{t as DropdownMenuSeparator};
+//# sourceMappingURL=DropdownMenuSeparator.js.map

package/dist/components/dropdown-menu/DropdownMenuSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSeparator.js","sources":["../../../src/components/dropdown-menu/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\n\nexport const DropdownMenuSeparator = styled(Separator, {\n  height: '1px',\n  backgroundColor: '$tonal200',\n  my: '$2'\n})\n"],"names":["DropdownMenuSeparator","styled","Separator"],"mappings":"qGAIa,MAAAA,EAAwBC,EAAOC,EAAW,CACrD,OAAQ,MACR,gBAAiB,YACjB,GAAI,IACN,CAAC"}

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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=DropdownMenuTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuTrigger.js","sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\n\nexport const DropdownMenuTrigger = styled(Trigger, {})\n"],"names":["DropdownMenuTrigger","styled","Trigger"],"mappings":"mGAIO,MAAMA,EAAsBC,EAAOC,EAAS,CAAE,CAAA"}

package/dist/components/empty-state/EmptyState.js

@@ -1 +1,2 @@
 import*as m from"react";import{Flex as a}from"../flex/Flex.js";import{styled as n}from"../../stitches.js";import{EmptyStateBody as p}from"./EmptyStateBody.js";import{EmptyStateImage as o}from"./EmptyStateImage.js";import{EmptyStateTitle as r}from"./EmptyStateTitle.js";const y=n(a,{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"}}}}),t=({size:i="sm",children:l,...s})=>m.createElement(y,{size:i,...s},m.Children.map(l,e=>m.isValidElement(e)&&(e.type===o||e.type===r||e.type===p)?m.cloneElement(e,{...e.props,size:i}):e));t.displayName="EmptyState",t.Image=o,t.Title=r,t.Body=p;export{t as EmptyState};
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/empty-state/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/stitches'\n\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(Flex, {\n  flexDirection: 'column',\n  alignItems: 'center',\n  textAlign: 'center',\n  '& > *:last-child': {\n    mb: 0\n  },\n  variants: {\n    size: {\n      xs: {\n        p: '$2'\n      },\n      sm: {\n        p: '$3'\n      },\n      md: {\n        p: '$4'\n      },\n      lg: {\n        p: '$5'\n      },\n      xl: {\n        p: '$6'\n      }\n    }\n  }\n})\n\ntype EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nexport const EmptyState: React.FC<EmptyStateProps> & {\n  Image: typeof EmptyStateImage\n  Title: typeof EmptyStateTitle\n  Body: typeof EmptyStateBody\n} = ({ size = 'sm', children, ...props }) => (\n  <EmptyStateContainer size={size} {...props}>\n    {React.Children.map(children, (child) => {\n      if (!React.isValidElement(child)) return child\n\n      if (\n        child.type === EmptyStateImage ||\n        child.type === EmptyStateTitle ||\n        child.type === EmptyStateBody\n      ) {\n        return React.cloneElement(child, { ...child.props, size })\n      }\n\n      return child\n    })}\n  </EmptyStateContainer>\n)\n\nEmptyState.displayName = 'EmptyState'\nEmptyState.Image = EmptyStateImage\nEmptyState.Title = EmptyStateTitle\nEmptyState.Body = EmptyStateBody\n"],"names":["EmptyStateContainer","styled","Flex","EmptyState","size","children","props","React","child","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"6QASA,MAAMA,EAAsBC,EAAOC,EAAM,CACvC,cAAe,SACf,WAAY,SACZ,UAAW,SACX,mBAAoB,CAClB,GAAI,CACN,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,EAAG,IACL,EACA,GAAI,CACF,EAAG,IACL,EACA,GAAI,CACF,EAAG,IACL,EACA,GAAI,CACF,EAAG,IACL,EACA,GAAI,CACF,EAAG,IACL,CACF,CACF,CACF,CAAC,EAIYC,EAIT,CAAC,CAAE,KAAAC,EAAO,KAAM,SAAAC,KAAaC,CAAM,IACrCC,EAAA,cAACP,EAAA,CAAoB,KAAMI,EAAO,GAAGE,CAClCC,EAAAA,EAAM,SAAS,IAAIF,EAAWG,GACxBD,EAAM,eAAeC,CAAK,IAG7BA,EAAM,OAASC,GACfD,EAAM,OAASE,GACfF,EAAM,OAASG,GAERJ,EAAM,aAAaC,EAAO,CAAE,GAAGA,EAAM,MAAO,KAAAJ,CAAK,CAAC,EAPlBI,CAW1C,CACH,EAGFL,EAAW,YAAc,aACzBA,EAAW,MAAQM,EACnBN,EAAW,MAAQO,EACnBP,EAAW,KAAOQ"}

package/dist/components/empty-state/EmptyStateBody.js

@@ -1 +1,2 @@
 import{Text as t}from"../text/Text.js";import{styled as m}from"../../stitches.js";const o=m(t,{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:"calc($4 + $2)"},xl:{fontSize:"$md",mb:"calc($4 + $2)"}}}});export{o as EmptyStateBody};
+//# sourceMappingURL=EmptyStateBody.js.map

package/dist/components/empty-state/EmptyStateBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nexport const EmptyStateBody = styled(Text, {\n  color: '$tonal400',\n  fontWeight: '400',\n  variants: {\n    size: {\n      xs: {\n        fontSize: '$sm',\n        mb: '$4'\n      },\n      sm: {\n        fontSize: '$sm',\n        mb: '$4'\n      },\n      md: {\n        fontSize: '$sm',\n        mb: '$4'\n      },\n      lg: {\n        fontSize: '$md',\n        mb: 'calc($4 + $2)'\n      },\n      xl: {\n        fontSize: '$md',\n        mb: 'calc($4 + $2)'\n      }\n    }\n  }\n})\n"],"names":["EmptyStateBody","styled","Text"],"mappings":"kFAGa,MAAAA,EAAiBC,EAAOC,EAAM,CACzC,MAAO,YACP,WAAY,MACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,eACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,eACN,CACF,CACF,CACF,CAAC"}

package/dist/components/empty-state/EmptyStateImage.js

@@ -1 +1,2 @@
 import t from"react";import{Image as x}from"../image/Image.js";import{styled as a}from"../../stitches.js";const e=a(x,{variants:{size:{xs:{maxWidth:"56px",maxHeight:"32px",mb:"$4"},sm:{maxWidth:"84px",maxHeight:"48px",mb:"$4"},md:{maxWidth:"126px",maxHeight:"72px",mb:"$4"},lg:{maxWidth:"190px",maxHeight:"142px",mb:"calc($4 + $2)"},xl:{maxWidth:"285px",maxHeight:"213px",mb:"calc($4 + $2)"}}}}),p=m=>t.createElement(e,{...m});export{p as EmptyStateImage};
+//# sourceMappingURL=EmptyStateImage.js.map

package/dist/components/empty-state/EmptyStateImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateImage.js","sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Image } from '~/components/image'\nimport { styled } from '~/stitches'\n\nconst StyledEmptyStateImage = styled(Image, {\n  variants: {\n    size: {\n      xs: {\n        maxWidth: '56px',\n        maxHeight: '32px',\n        mb: '$4'\n      },\n      sm: {\n        maxWidth: '84px',\n        maxHeight: '48px',\n        mb: '$4'\n      },\n      md: {\n        maxWidth: '126px',\n        maxHeight: '72px',\n        mb: '$4'\n      },\n      lg: {\n        maxWidth: '190px',\n        maxHeight: '142px',\n        mb: 'calc($4 + $2)'\n      },\n      xl: {\n        maxWidth: '285px',\n        maxHeight: '213px',\n        mb: 'calc($4 + $2)'\n      }\n    }\n  }\n})\n\ntype EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage> &\n  React.ComponentProps<typeof Image>\n\nexport const EmptyStateImage: React.FC<EmptyStateImageProps> = (props) => (\n  <StyledEmptyStateImage {...props} />\n)\n"],"names":["StyledEmptyStateImage","styled","Image","EmptyStateImage","props","React"],"mappings":"0GAKA,MAAMA,EAAwBC,EAAOC,EAAO,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,CACF,SAAU,OACV,UAAW,OACX,GAAI,IACN,EACA,GAAI,CACF,SAAU,OACV,UAAW,OACX,GAAI,IACN,EACA,GAAI,CACF,SAAU,QACV,UAAW,OACX,GAAI,IACN,EACA,GAAI,CACF,SAAU,QACV,UAAW,QACX,GAAI,eACN,EACA,GAAI,CACF,SAAU,QACV,UAAW,QACX,GAAI,eACN,CACF,CACF,CACF,CAAC,EAKYC,EAAmDC,GAC9DC,EAAA,cAACL,EAAA,CAAuB,GAAGI,CAAO,CAAA"}

package/dist/components/empty-state/EmptyStateTitle.js

@@ -1 +1,2 @@
 import{styled as t}from"../../stitches.js";const m=t("h2",{color:"$tonal400",fontFamily:"$body",fontWeight:"600",m:0,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"}}}});export{m as EmptyStateTitle};
+//# sourceMappingURL=EmptyStateTitle.js.map

package/dist/components/empty-state/EmptyStateTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const EmptyStateTitle = styled('h2', {\n  color: '$tonal400',\n  fontFamily: '$body',\n  fontWeight: '600',\n  m: 0,\n  variants: {\n    size: {\n      xs: {\n        fontSize: '$md',\n        mb: '$3'\n      },\n      sm: {\n        fontSize: '$md',\n        mb: '$3'\n      },\n      md: {\n        fontSize: '$md',\n        mb: '$3'\n      },\n      lg: {\n        fontSize: '$lg',\n        mb: '$4'\n      },\n      xl: {\n        fontSize: '$lg',\n        mb: '$4'\n      }\n    }\n  }\n})\n"],"names":["EmptyStateTitle","styled"],"mappings":"2CAEa,MAAAA,EAAkBC,EAAO,KAAM,CAC1C,MAAO,YACP,WAAY,QACZ,WAAY,MACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,EACA,GAAI,CACF,SAAU,MACV,GAAI,IACN,CACF,CACF,CACF,CAAC"}

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

@@ -1 +1,2 @@
-import*as e from"react";import{Text as r}from"../text/Text.js";const s=({children:o,css:t})=>e.createElement(r,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...t}},o);export{s as Description};
+import*as e from"react";import{Text as r}from"../text/Text.js";const s=({children:t,css:o})=>e.createElement(r,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...o}},t);export{s as Description};
+//# sourceMappingURL=FieldDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.js","sources":["../../../src/components/field-wrapper/FieldDescription.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport type { CSS } from '~/stitches'\n\ntype DescriptionProps = {\n  css?: CSS\n}\n\nexport const Description: React.FC<DescriptionProps> = ({ children, css }) => (\n  <Text size=\"sm\" css={{ color: '$tonal300', maxWidth: '80ch', ...css }}>\n    {children}\n  </Text>\n)\n"],"names":["Description","children","css","React","Text"],"mappings":"+DASa,MAAAA,EAA0C,CAAC,CAAE,SAAAC,EAAU,IAAAC,CAAI,IACtEC,EAAA,cAACC,EAAA,CAAK,KAAK,KAAK,IAAK,CAAE,MAAO,YAAa,SAAU,OAAQ,GAAGF,CAAI,GACjED,CACH"}

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

@@ -1 +1,2 @@
 import*as f from"@radix-ui/react-visually-hidden";import*as e from"react";import{Box as d}from"../box/Box.js";import{Flex as b}from"../flex/Flex.js";import{InlineMessage as E}from"../inline-message/InlineMessage.js";import{Label as h}from"../label/Label.js";import{Link as u}from"../link/Link.js";import{Description as F}from"./FieldDescription.js";const o=({css:i,children:s,error:t,fieldId:l,label:n,prompt:r,description:m,required:a,hideLabel:p})=>{const c=p?f.Root:b;return e.createElement(d,{css:i},e.createElement(c,{css:{justifyContent:"space-between",alignItems:"center",mb:"$3"}},e.createElement(h,{htmlFor:l,required:a},n),r&&e.createElement(u,{href:r.link,size:"sm"},r.label)),m&&e.createElement(F,{css:{mb:"$3"}},m),s,t&&e.createElement(E,{css:{mt:"$2"}},t))};o.displayName="FieldWrapper";export{o as FieldWrapper};
+//# sourceMappingURL=FieldWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.js","sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Flex } from '~/components/flex'\nimport { ValidationOptions } from '~/components/form'\nimport { InlineMessage } from '~/components/inline-message'\nimport { Label } from '~/components/label'\nimport { Link } from '~/components/link'\nimport type { CSS } from '~/stitches'\n\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n  css?: CSS\n  error?: string\n  fieldId: string\n  label: string\n  prompt?: { link: string; label: string }\n  description?: string\n  required?: boolean\n  hideLabel?: boolean\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n  name: string\n  validation?: ValidationOptions\n}\n\nexport const FieldWrapper: React.FC<FieldWrapperProps> = ({\n  css,\n  children,\n  error,\n  fieldId,\n  label,\n  prompt,\n  description,\n  required,\n  hideLabel\n}) => {\n  const LabelContainer = hideLabel ? VisuallyHidden.Root : Flex\n\n  return (\n    <Box css={css}>\n      <LabelContainer\n        css={{\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          mb: '$3'\n        }}\n      >\n        <Label htmlFor={fieldId} required={required}>\n          {label}\n        </Label>\n        {prompt && (\n          <Link href={prompt.link} size=\"sm\">\n            {prompt.label}\n          </Link>\n        )}\n      </LabelContainer>\n      {description && (\n        <Description css={{ mb: '$3' }}>{description}</Description>\n      )}\n      {children}\n      {error && <InlineMessage css={{ mt: '$2' }}>{error}</InlineMessage>}\n    </Box>\n  )\n}\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"names":["FieldWrapper","css","children","error","fieldId","label","prompt","description","required","hideLabel","LabelContainer","VisuallyHidden","Flex","React","Box","Label","Link","Description","InlineMessage"],"mappings":"6VA6Ba,MAAAA,EAA4C,CAAC,CACxD,IAAAC,EACA,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAiBD,EAAYE,EAAe,KAAOC,EAEzD,OACEC,EAAA,cAACC,EAAA,CAAI,IAAKb,CACRY,EAAAA,EAAA,cAACH,EAAA,CACC,IAAK,CACH,eAAgB,gBAChB,WAAY,SACZ,GAAI,IACN,CAAA,EAEAG,EAAA,cAACE,EAAA,CAAM,QAASX,EAAS,SAAUI,CAChCH,EAAAA,CACH,EACCC,GACCO,EAAA,cAACG,EAAA,CAAK,KAAMV,EAAO,KAAM,KAAK,IAAA,EAC3BA,EAAO,KACV,CAEJ,EACCC,GACCM,EAAA,cAACI,EAAA,CAAY,IAAK,CAAE,GAAI,IAAK,CAAA,EAAIV,CAAY,EAE9CL,EACAC,GAASU,EAAA,cAACK,EAAA,CAAc,IAAK,CAAE,GAAI,IAAK,CAAA,EAAIf,CAAM,CACrD,CAEJ,EAEAH,EAAa,YAAc"}

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

@@ -1 +1,2 @@
-import*as e from"react";import{Box as m}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{InlineMessage as f}from"../inline-message/InlineMessage.js";import{Label as $}from"../label/Label.js";import{RadioButton as u}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{Description as E}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)===u)&&{transform:"translateY($space$1)"}}},r)),p),o&&e.createElement(f,{css:{mt:"$2"}},o),i&&e.createElement(E,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
+import*as e from"react";import{Box as o}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{InlineMessage as f}from"../inline-message/InlineMessage.js";import{Label as $}from"../label/Label.js";import{RadioButton as u}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{Description as E}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:m,label:p,required:c})=>e.createElement(o,{css:s},e.createElement($,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(o,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===u)&&{transform:"translateY($space$1)"}}},r)),p),m&&e.createElement(f,{css:{mt:"$2"}},m),i&&e.createElement(E,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
+//# sourceMappingURL=InlineFieldWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineFieldWrapper.js","sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Checkbox } from '~/components/checkbox'\nimport { InlineMessage } from '~/components/inline-message'\nimport { Label } from '~/components/label'\nimport { RadioButton } from '~/components/radio-button'\nimport type { CSS } from '~/stitches'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n  css?: CSS\n  error?: string\n  label: string\n  required?: boolean\n  align?: 'start' | 'center'\n  direction?: 'row' | 'reverse'\n  description?: string\n}\n\nexport const InlineFieldWrapper: React.FC<InlineFieldWrapperProps> = ({\n  align = 'start',\n  children,\n  css,\n  description,\n  direction = 'row',\n  error,\n  label,\n  required\n}) => (\n  <Box css={css}>\n    <Label\n      align={align}\n      direction={direction}\n      required={required}\n      type=\"inline\"\n    >\n      {React.Children.map(children, (child: any) => (\n        <Box\n          css={{\n            [direction === 'reverse' ? 'ml' : 'mr']: '$3',\n            // provide offset for specific child components\n            ...((child?.type === Checkbox || child?.type === RadioButton) && {\n              transform: 'translateY($space$1)'\n            })\n          }}\n        >\n          {child}\n        </Box>\n      ))}\n      {label}\n    </Label>\n    {error && <InlineMessage css={{ mt: '$2' }}>{error}</InlineMessage>}\n    {description && (\n      <Description\n        css={{\n          mt: '$2',\n          // calc required to get correct offset value\n          [direction === 'reverse' ? 'mr' : 'ml']: 'calc($space$3 + $sizes$1)'\n        }}\n      >\n        {description}\n      </Description>\n    )}\n  </Box>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"names":["InlineFieldWrapper","align","children","css","description","direction","error","label","required","React","Box","Label","child","Checkbox","RadioButton","InlineMessage","Description"],"mappings":"yXAqBa,MAAAA,EAAwD,CAAC,CACpE,MAAAC,EAAQ,QACR,SAAAC,EACA,IAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,MACZ,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACC,EAAA,CAAI,IAAKP,CACRM,EAAAA,EAAA,cAACE,EAAA,CACC,MAAOV,EACP,UAAWI,EACX,SAAUG,EACV,KAAK,QAEJC,EAAAA,EAAM,SAAS,IAAIP,EAAWU,GAC7BH,EAAA,cAACC,EAAA,CACC,IAAK,CACH,CAACL,IAAc,UAAY,KAAO,MAAO,KAEzC,KAAKO,GAAA,KAAA,OAAAA,EAAO,QAASC,IAAYD,GAAA,YAAAA,EAAO,QAASE,IAAgB,CAC/D,UAAW,sBACb,CACF,CAAA,EAECF,CACH,CACD,EACAL,CACH,EACCD,GAASG,EAAA,cAACM,EAAA,CAAc,IAAK,CAAE,GAAI,IAAK,CAAIT,EAAAA,CAAM,EAClDF,GACCK,EAAA,cAACO,EAAA,CACC,IAAK,CACH,GAAI,KAEJ,CAACX,IAAc,UAAY,KAAO,MAAO,2BAC3C,CAECD,EAAAA,CACH,CAEJ,EAGFJ,EAAmB,YAAc"}

package/dist/components/file-input/FileInput.js

@@ -1 +1,2 @@
-import{Upload as c}from"@atom-learning/icons";import*as e from"react";import{Button as s}from"../button/Button.js";import{Icon as u}from"../icon/Icon.js";const t=({accept:l,children:o,multiple:i=!1,onFileSelect:n,...r})=>{const p=a=>{const{files:m}=a.target;n(m)};return e.createElement(s,{as:"label",...r},e.createElement(u,{is:c}),o,e.createElement("input",{type:"file",onChange:p,accept:l,multiple:i,hidden:!0}))};t.displayName="FileInput";export{t as FileInput};
+import{Upload as c}from"@atom-learning/icons";import*as e from"react";import{Button as s}from"../button/Button.js";import{Icon as u}from"../icon/Icon.js";const t=({accept:l,children:i,multiple:n=!1,onFileSelect:o,...r})=>{const p=a=>{const{files:m}=a.target;o(m)};return e.createElement(s,{as:"label",...r},e.createElement(u,{is:c}),i,e.createElement("input",{type:"file",onChange:p,accept:l,multiple:n,hidden:!0}))};t.displayName="FileInput";export{t as FileInput};
+//# sourceMappingURL=FileInput.js.map

package/dist/components/file-input/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sources":["../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { Upload } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\n\nexport type FileInputProps = React.ComponentProps<typeof Button> & {\n  onFileSelect: (selection: FileList | null) => void\n  accept?: string\n  multiple?: boolean\n}\n\nexport const FileInput: React.FC<FileInputProps> = ({\n  accept,\n  children,\n  multiple = false,\n  onFileSelect,\n  ...rest\n}) => {\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target\n\n    onFileSelect(files)\n  }\n\n  return (\n    <Button as=\"label\" {...rest}>\n      <Icon is={Upload} />\n      {children}\n      <input\n        type=\"file\"\n        onChange={handleFileSelect}\n        accept={accept}\n        multiple={multiple}\n        hidden\n      />\n    </Button>\n  )\n}\n\nFileInput.displayName = 'FileInput'\n"],"names":["FileInput","accept","children","multiple","onFileSelect","rest","handleFileSelect","event","files","React","Button","Icon","Upload"],"mappings":"0JAYO,MAAMA,EAAsC,CAAC,CAClD,OAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,aAAAC,KACGC,CACL,IAAM,CACJ,MAAMC,EAAoBC,GAA+C,CACvE,KAAM,CAAE,MAAAC,CAAM,EAAID,EAAM,OAExBH,EAAaI,CAAK,CACpB,EAEA,OACEC,EAAA,cAACC,EAAA,CAAO,GAAG,QAAS,GAAGL,CAAAA,EACrBI,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAQ,EACjBV,EACDO,EAAA,cAAC,QAAA,CACC,KAAK,OACL,SAAUH,EACV,OAAQL,EACR,SAAUE,EACV,OAAM,EAAA,CACR,CACF,CAEJ,EAEAH,EAAU,YAAc"}

package/dist/components/flex/Flex.js

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

package/dist/components/flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const Flex = styled('div', { display: 'flex' })\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"2CAEO,MAAMA,EAAOC,EAAO,MAAO,CAAE,QAAS,MAAO,CAAC,EAErDD,EAAK,YAAc"}

package/dist/components/form/Form.js

@@ -1 +1,2 @@
 import w from"invariant";import*as m from"react";import{useForm as S,FormProvider as E}from"react-hook-form";import g from"react-hook-form-persist";import{styled as F}from"../../stitches.js";import{StorageEnum as V}from"./Form.types.js";const v=F("form",{}),x=({persist:r,watch:o,setValue:n,children:l})=>{const{id:i,...e}=r;let t={...e,storage:e.storage===V.LOCAL?window.localStorage:window.sessionStorage};if(e.exclude){const{exclude:h,...a}=t,u=o(),c=Object.keys(u).filter(s=>{var d;if(!((d=e.exclude)!=null&&d.includes(s)))return s});t={...a,include:c}}return g(i,{watch:o,setValue:n},t),l},b=({formMethods:r,handleSubmit:o,onSubmit:n,onError:l,children:i,...e})=>m.createElement(E,{...r},m.createElement(v,{"aria-label":"form",...e,onSubmit:o(n,l)},i)),p=({children:r,defaultValues:o={},onSubmit:n,onError:l,validationMode:i="onBlur",render:e,persist:t,...h})=>{w(!(r&&e),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const a=S({defaultValues:o,mode:i}),{handleSubmit:u,watch:c,setValue:s}=a,d=e?e(a):r,f={formMethods:a,handleSubmit:u,onSubmit:n,onError:l,...h};return t?m.createElement(x,{persist:t,watch:c,setValue:s},m.createElement(b,{...f},d)):m.createElement(b,{...f},d)};p.displayName="Form";export{p as Form};
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport useFormPersist from 'react-hook-form-persist'\n\nimport { styled } from '~/stitches'\n\nimport type {\n  FormContentValues,\n  FormPersistParams,\n  FormValues,\n  PersistFormWrapperValues\n} from './Form.types'\nimport { StorageEnum } from './Form.types'\n\nconst StyledForm = styled('form', {})\n\ntype FormProps = React.ComponentPropsWithoutRef<typeof StyledForm> & FormValues\n\ntype FormContentProps = React.ComponentPropsWithoutRef<typeof StyledForm> &\n  FormContentValues\n\ntype PersistFormWrapperProps = React.ComponentPropsWithoutRef<\n  typeof StyledForm\n> &\n  PersistFormWrapperValues\n\nconst PersistFormWrapper: React.FC<PersistFormWrapperProps> = ({\n  persist,\n  watch,\n  setValue,\n  children\n}) => {\n  const { id, ...options } = persist\n\n  let params: FormPersistParams = {\n    ...options,\n    storage:\n      options.storage === StorageEnum.LOCAL\n        ? window.localStorage\n        : window.sessionStorage\n  }\n\n  if (options.exclude) {\n    // Workaround for bug in react-hook-form-persist package\n    // package will still read from and save exclude param\n    // so need to send inputs we actually want to read from in include param instead\n    const { exclude, ...rest } = params\n    const allValues = watch()\n    const include = Object.keys(allValues).filter((key) => {\n      if (!options.exclude?.includes(key)) return key\n    })\n    params = { ...rest, include }\n  }\n\n  useFormPersist(id, { watch, setValue }, params)\n\n  return children\n}\n\nconst FormContent: React.FC<FormContentProps> = ({\n  formMethods,\n  handleSubmit,\n  onSubmit,\n  onError,\n  children,\n  ...remainingProps\n}) => (\n  <FormProvider {...formMethods}>\n    <StyledForm\n      aria-label=\"form\"\n      {...remainingProps}\n      onSubmit={handleSubmit(onSubmit, onError)}\n    >\n      {children}\n    </StyledForm>\n  </FormProvider>\n)\n\nexport const Form: React.FC<FormProps> = ({\n  children,\n  defaultValues = {},\n  onSubmit,\n  onError,\n  validationMode = 'onBlur',\n  render,\n  persist,\n  ...remainingProps\n}) => {\n  invariant(\n    !(children && render),\n    '`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.'\n  )\n\n  const formMethods = useForm({\n    defaultValues,\n    mode: validationMode\n  })\n  const { handleSubmit, watch, setValue } = formMethods\n\n  const formContent = render ? render(formMethods) : children\n\n  const props = {\n    formMethods,\n    handleSubmit,\n    onSubmit,\n    onError,\n    ...remainingProps\n  }\n\n  if (persist) {\n    return (\n      <PersistFormWrapper persist={persist} watch={watch} setValue={setValue}>\n        <FormContent {...props}>{formContent}</FormContent>\n      </PersistFormWrapper>\n    )\n  }\n\n  return <FormContent {...props}>{formContent}</FormContent>\n}\n\nForm.displayName = 'Form'\n"],"names":["StyledForm","styled","PersistFormWrapper","persist","watch","setValue","children","id","options","params","StorageEnum","exclude","rest","allValues","include","key","_a","useFormPersist","FormContent","formMethods","handleSubmit","onSubmit","onError","remainingProps","React","FormProvider","Form","defaultValues","validationMode","render","invariant","useForm","formContent","props"],"mappings":"6OAeA,MAAMA,EAAaC,EAAO,OAAQ,CAAA,CAAE,EAY9BC,EAAwD,CAAC,CAC7D,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAAE,GAAAC,KAAOC,CAAQ,EAAIL,EAE3B,IAAIM,EAA4B,CAC9B,GAAGD,EACH,QACEA,EAAQ,UAAYE,EAAY,MAC5B,OAAO,aACP,OAAO,cACf,EAEA,GAAIF,EAAQ,QAAS,CAInB,KAAM,CAAE,QAAAG,KAAYC,CAAK,EAAIH,EACvBI,EAAYT,IACZU,EAAU,OAAO,KAAKD,CAAS,EAAE,OAAQE,GAAQ,CAjD3D,IAAAC,EAkDM,GAAI,GAACA,EAAAR,EAAQ,UAAR,MAAAQ,EAAiB,SAASD,CAAM,GAAA,OAAOA,CAC9C,CAAC,EACDN,EAAS,CAAE,GAAGG,EAAM,QAAAE,CAAQ,CAC9B,CAEA,OAAAG,EAAeV,EAAI,CAAE,MAAAH,EAAO,SAAAC,CAAS,EAAGI,CAAM,EAEvCH,CACT,EAEMY,EAA0C,CAAC,CAC/C,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAhB,KACGiB,CACL,IACEC,EAAA,cAACC,EAAA,CAAc,GAAGN,CAAAA,EAChBK,EAAA,cAACxB,EAAA,CACC,aAAW,OACV,GAAGuB,EACJ,SAAUH,EAAaC,EAAUC,CAAO,CAEvChB,EAAAA,CACH,CACF,EAGWoB,EAA4B,CAAC,CACxC,SAAApB,EACA,cAAAqB,EAAgB,CAAC,EACjB,SAAAN,EACA,QAAAC,EACA,eAAAM,EAAiB,SACjB,OAAAC,EACA,QAAA1B,KACGoB,CACL,IAAM,CACJO,EACE,EAAExB,GAAYuB,GACd,0IACF,EAEA,MAAMV,EAAcY,EAAQ,CAC1B,cAAAJ,EACA,KAAMC,CACR,CAAC,EACK,CAAE,aAAAR,EAAc,MAAAhB,EAAO,SAAAC,CAAS,EAAIc,EAEpCa,EAAcH,EAASA,EAAOV,CAAW,EAAIb,EAE7C2B,EAAQ,CACZ,YAAAd,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAEA,OAAIpB,EAEAqB,EAAA,cAACtB,EAAA,CAAmB,QAASC,EAAS,MAAOC,EAAO,SAAUC,CAAAA,EAC5DmB,EAAA,cAACN,EAAA,CAAa,GAAGe,CAAAA,EAAQD,CAAY,CACvC,EAIGR,EAAA,cAACN,EAAA,CAAa,GAAGe,CAAQD,EAAAA,CAAY,CAC9C,EAEAN,EAAK,YAAc"}

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

@@ -1 +1,2 @@
 var S=(o=>(o.LOCAL="local",o.SESSION="session",o))(S||{});export{S as StorageEnum};
+//# sourceMappingURL=Form.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.types.js","sources":["../../../src/components/form/Form.types.ts"],"sourcesContent":["import type { Mode, UseFormMethods } from 'react-hook-form'\n\nexport enum StorageEnum {\n  LOCAL = 'local',\n  SESSION = 'session'\n}\n\ntype ExcludeIncludeConfig = {\n  exclude?: string[]\n  include?: string[]\n}\n\nexport type PersistOptions = {\n  id: string\n  storage?: StorageEnum\n} & ExcludeIncludeConfig\n\nexport type FormPersistParams = {\n  storage: Storage\n} & ExcludeIncludeConfig\n\nexport type PersistFormWrapperValues = {\n  persist: PersistOptions\n  watch\n  setValue\n  children: React.ReactNode | any\n}\n\nexport type FormContentValues = {\n  formMethods\n  handleSubmit: (\n    submitHandler: (data: any) => void | any,\n    submitErrorHandler?: (errors: any) => void\n  ) => (e: any) => Promise<void>\n  onSubmit: (data: any) => void | any\n  onError?: (errors: any) => void\n  children: React.ReactNode | any\n}\n\nexport type FormValues = {\n  defaultValues?: { [key: string]: string | number }\n  onSubmit: (data: any) => void | any\n  onError?: (errors: any) => void\n  validationMode?: Mode\n  persist?: PersistOptions\n} & (\n  | { children: React.ReactNode; render?: never }\n  | { children?: never; render: (methods: UseFormMethods) => React.ReactNode }\n)\n"],"names":["StorageEnum"],"mappings":"AAEY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,QAAU,UAFAA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/components/form/useFieldError.js

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

package/dist/components/form/useFieldError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldError.js","sources":["../../../src/components/form/useFieldError.ts"],"sourcesContent":["import delve from 'dlv'\nimport { useFormContext } from 'react-hook-form'\n\nexport const useFieldError = (fieldName: string) => {\n  const { errors } = useFormContext()\n\n  // in case of migration to a newer version of react-hook-form the path needs to updated to account for dynamic fields naming convention\n  const fieldPath = fieldName.split(/[,[\\].]+?/).filter(Boolean)\n\n  const getErrors = () => delve(errors, fieldPath)\n\n  return {\n    error: getErrors()?.message\n  }\n}\n"],"names":["useFieldError","fieldName","_a","errors","useFormContext","fieldPath","delve"],"mappings":"0EAGaA,EAAiBC,GAAsB,CAHpD,IAAAC,EAIE,KAAM,CAAE,OAAAC,CAAO,EAAIC,EAGbC,EAAAA,EAAYJ,EAAU,MAAM,WAAW,EAAE,OAAO,OAAO,EAI7D,MAAO,CACL,OAAOC,GAHS,IAAMI,EAAMH,EAAQE,CAAS,OAGtC,KAAAH,OAAAA,EAAa,OACtB,CACF"}

package/dist/components/grid/Grid.js

@@ -1 +1,2 @@
-import*as s from"react";import{styled as p}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";const d=p("div",{display:"grid",variants:{gap:o("space",{gap:"$key"})}}),a=({css:m,gap:t=2,minItemSize:e,maxItemSize:i="1fr",...r})=>s.createElement(d,{css:{...e&&{gridTemplateColumns:`repeat(auto-fit, minmax(${e}, ${i}))`},...m},gap:t,...r});a.displayName="Grid";export{a as Grid};
+import*as s from"react";import{styled as p}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";const d=p("div",{display:"grid",variants:{gap:o("space",{gap:"$key"})}}),a=({css:t,gap:m=2,minItemSize:e,maxItemSize:i="1fr",...r})=>s.createElement(d,{css:{...e&&{gridTemplateColumns:`repeat(auto-fit, minmax(${e}, ${i}))`},...t},gap:m,...r});a.displayName="Grid";export{a as Grid};
+//# sourceMappingURL=Grid.js.map

package/dist/components/grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { createThemeVariants } from '~/utilities'\n\nconst GridContainer = styled('div', {\n  display: 'grid',\n  variants: {\n    gap: createThemeVariants('space', { gap: '$key' })\n  }\n})\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid: React.FC<GridProps> = ({\n  css,\n  gap = 2,\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}) => (\n  <GridContainer\n    css={{\n      ...(minItemSize && {\n        gridTemplateColumns: `repeat(auto-fit, minmax(${minItemSize}, ${maxItemSize}))`\n      }),\n      ...(css as any)\n    }}\n    gap={gap}\n    {...remainingProps}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","createThemeVariants","Grid","css","gap","minItemSize","maxItemSize","remainingProps","React"],"mappings":"sKAKA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,QAAS,OACT,SAAU,CACR,IAAKC,EAAoB,QAAS,CAAE,IAAK,MAAO,CAAC,CACnD,CACF,CAAC,EAOYC,EAA4B,CAAC,CACxC,IAAAC,EACA,IAAAC,EAAM,EACN,YAAAC,EACA,YAAAC,EAAc,SACXC,CACL,IACEC,EAAA,cAACT,EAAA,CACC,IAAK,CACH,GAAIM,GAAe,CACjB,oBAAqB,2BAA2BA,MAAgBC,KAClE,EACA,GAAIH,CACN,EACA,IAAKC,EACJ,GAAGG,CACN,CAAA,EAGFL,EAAK,YAAc"}

package/dist/components/heading/Heading.js

@@ -1 +1,2 @@
-import*as i from"react";import{styled as a}from"../../stitches.js";import{capsize as e}from"../../utilities/style/capsize.js";const t=a("h2",{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)}},noCapsize:{true:{"&::before, &::after":{display:"none"}}}}}),n=i.forwardRef(({size:o="md",...l},f)=>i.createElement(t,{ref:f,size:o,...l}));n.displayName="Heading";export{n as Heading,t as StyledHeading};
+import*as i from"react";import{styled as f}from"../../stitches.js";import{capsize as e}from"../../utilities/style/capsize.js";const t=f("h2",{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)}},noCapsize:{true:{"&::before, &::after":{display:"none !important"}}}}}),n=i.forwardRef(({size:o="md",...l},a)=>i.createElement(t,{ref:a,size:o,...l}));n.displayName="Heading";export{n as Heading,t as StyledHeading};
+//# sourceMappingURL=Heading.js.map

package/dist/components/heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport type { Override } from '~/utilities'\nimport { capsize } from '~/utilities'\n\nexport const StyledHeading = styled('h2', {\n  fontFamily: '$display',\n  fontWeight: 700,\n  m: 0,\n  variants: {\n    size: {\n      xs: {\n        fontFamily: '$body',\n        fontWeight: 600,\n        fontSize: '$md',\n        lineHeight: 1.5,\n        ...capsize(0.3864)\n      },\n      sm: {\n        fontSize: '$lg',\n        lineHeight: 1.14,\n        ...capsize(0.2174, 0.2254)\n      },\n      md: {\n        fontSize: '$xl',\n        lineHeight: 1.14,\n        ...capsize(0.2174, 0.2254)\n      },\n      lg: {\n        fontSize: '$2xl',\n        lineHeight: 1.08,\n        ...capsize(0.1865, 0.1945)\n      },\n      xl: {\n        fontSize: '$3xl',\n        lineHeight: 1.12,\n        ...capsize(0.206, 0.214)\n      },\n      xxl: {\n        fontSize: '$4xl',\n        lineHeight: 1.06,\n        ...capsize(0.1793, 0.1873)\n      }\n    },\n    noCapsize: {\n      true: {\n        '&::before, &::after': { display: 'none !important' }\n      }\n    }\n  }\n})\n\nexport type HeadingProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledHeading>,\n  {\n    as?:\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'h6'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Heading: React.ForwardRefExoticComponent<HeadingProps> =\n  React.forwardRef(({ size = 'md', ...remainingProps }, ref) => (\n    <StyledHeading ref={ref} size={size} {...remainingProps} />\n  ))\n\nHeading.displayName = 'Heading'\n"],"names":["StyledHeading","styled","capsize","Heading","React","size","remainingProps","ref"],"mappings":"8HAMa,MAAAA,EAAgBC,EAAO,KAAM,CACxC,WAAY,WACZ,WAAY,IACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAI,CACF,WAAY,QACZ,WAAY,IACZ,SAAU,MACV,WAAY,IACZ,GAAGC,EAAQ,KAAM,CACnB,EACA,GAAI,CACF,SAAU,MACV,WAAY,KACZ,GAAGA,EAAQ,MAAQ,KAAM,CAC3B,EACA,GAAI,CACF,SAAU,MACV,WAAY,KACZ,GAAGA,EAAQ,MAAQ,KAAM,CAC3B,EACA,GAAI,CACF,SAAU,OACV,WAAY,KACZ,GAAGA,EAAQ,MAAQ,KAAM,CAC3B,EACA,GAAI,CACF,SAAU,OACV,WAAY,KACZ,GAAGA,EAAQ,KAAO,IAAK,CACzB,EACA,IAAK,CACH,SAAU,OACV,WAAY,KACZ,GAAGA,EAAQ,MAAQ,KAAM,CAC3B,CACF,EACA,UAAW,CACT,KAAM,CACJ,sBAAuB,CAAE,QAAS,iBAAkB,CACtD,CACF,CACF,CACF,CAAC,EAiBYC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,QAASC,CAAe,EAAGC,IACpDH,EAAA,cAACJ,GAAc,IAAKO,EAAK,KAAMF,EAAO,GAAGC,CAAAA,CAAgB,CAC1D,EAEHH,EAAQ,YAAc"}

package/dist/components/icon/Icon.js

@@ -1 +1,2 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...s},t)=>e.createElement(i,{size:o,"aria-hidden":"true",...s,as:r,ref:t}));export{d as Icon,i as StyledIcon};
+import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...t},s)=>e.createElement(i,{size:o,"aria-hidden":"true",...t,as:r,ref:s}));export{d as Icon,i as StyledIcon};
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n  display: 'inline-block',\n  fill: 'none',\n  stroke: 'currentcolor',\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n  verticalAlign: 'middle',\n  variants: {\n    size: {\n      sm: { size: '$1', strokeWidth: '1.5' },\n      md: { size: '$2', strokeWidth: '1.75' },\n      lg: { size: '$3', strokeWidth: '2' }\n    }\n  }\n})\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon: React.FC<IconProps> = React.forwardRef(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"mEAKa,MAAAA,EAAaC,EAAO,MAAO,CACtC,QAAS,eACT,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,cAAe,SACf,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,KAAM,YAAa,KAAM,EACrC,GAAI,CAAE,KAAM,KAAM,YAAa,MAAO,EACtC,GAAI,CAAE,KAAM,KAAM,YAAa,GAAI,CACrC,CACF,CACF,CAAC,EAUYC,EAA4BC,EAAM,WAC7C,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,QAASC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,EACC,CAAA,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}

package/dist/components/image/Image.js

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

package/dist/components/image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\n// default styling lifted from https://www.zachleat.com/web/fluid-images/#copy-and-paste\nexport const StyledImage = styled('img', {\n  verticalAlign: 'middle',\n  maxWidth: '100%',\n  variants: {\n    fluid: {\n      true: {\n        '&[width]': {\n          width: 'auto'\n        },\n        '&[width][height]': {\n          height: 'auto'\n        },\n        '&[src$=\".svg\"]': {\n          width: '100%',\n          height: 'auto',\n          maxWidth: 'none'\n        }\n      }\n    }\n  }\n})\n\ntype ImageProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledImage>,\n  {\n    as?: never\n  }\n>\n\nexport const Image: React.FC<ImageProps> = StyledImage\n\nImage.displayName = 'Image'\n"],"names":["StyledImage","styled","Image"],"mappings":"2CAMO,MAAMA,EAAcC,EAAO,MAAO,CACvC,cAAe,SACf,SAAU,OACV,SAAU,CACR,MAAO,CACL,KAAM,CACJ,WAAY,CACV,MAAO,MACT,EACA,mBAAoB,CAClB,OAAQ,MACV,EACA,iBAAkB,CAChB,MAAO,OACP,OAAQ,OACR,SAAU,MACZ,CACF,CACF,CACF,CACF,CAAC,EASYC,EAA8BF,EAE3CE,EAAM,YAAc"}

package/dist/components/inline-message/InlineMessage.config.js

@@ -1 +1,2 @@
 import{OkCircle as o,Danger as n,Info as r,Error as c}from"@atom-learning/icons";const e={success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$primary"},neutral:{color:"$tonal400"},error:{color:"$danger"}},a={success:o,warning:n,info:r,neutral:r,error:c};export{a as INLINE_MESSAGE_ICONS,e as INLINE_MESSAGE_THEMES};
+//# sourceMappingURL=InlineMessage.config.js.map

package/dist/components/inline-message/InlineMessage.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineMessage.config.js","sources":["../../../src/components/inline-message/InlineMessage.config.ts"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport type { CSS } from '~/stitches'\n\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nexport const INLINE_MESSAGE_THEMES: Record<InlineMessageTheme, CSS> = {\n  success: { color: '$success' },\n  warning: { color: '$warningText', '& svg': { color: '$warningDark' } },\n  info: { color: '$primary' },\n  neutral: { color: '$tonal400' },\n  error: { color: '$danger' }\n}\n\nexport const INLINE_MESSAGE_ICONS: Record<\n  InlineMessageTheme,\n  React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n  success: OkCircle,\n  warning: Danger,\n  info: Info,\n  neutral: Info,\n  error: Error\n}\n"],"names":["INLINE_MESSAGE_THEMES","INLINE_MESSAGE_ICONS","OkCircle","Danger","Info","Error"],"mappings":"iFAOO,MAAMA,EAAyD,CACpE,QAAS,CAAE,MAAO,UAAW,EAC7B,QAAS,CAAE,MAAO,eAAgB,QAAS,CAAE,MAAO,cAAe,CAAE,EACrE,KAAM,CAAE,MAAO,UAAW,EAC1B,QAAS,CAAE,MAAO,WAAY,EAC9B,MAAO,CAAE,MAAO,SAAU,CAC5B,EAEaC,EAGT,CACF,QAASC,EACT,QAASC,EACT,KAAMC,EACN,QAASA,EACT,MAAOC,CACT"}

package/dist/components/inline-message/InlineMessage.js

@@ -1 +1,2 @@
-import*as e from"react";import{Flex as a}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{Text as E}from"../text/Text.js";import{styled as s}from"../../stitches.js";import{INLINE_MESSAGE_THEMES as f,INLINE_MESSAGE_ICONS as l}from"./InlineMessage.config.js";const p=s(a,{variants:{theme:f}}),I=s(c,{flexShrink:"0",mr:"$2"}),S=({css:t,showIcon:m=!0,theme:r="error",size:o="sm",children:n,...i})=>e.createElement(p,{theme:r,css:t,...i},m&&e.createElement(I,{size:"sm",is:l[r]}),e.createElement(E,{as:"span",size:o,css:{transform:"translateY($space$0)"}},n));export{S as InlineMessage};
+import*as e from"react";import{Flex as a}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{Text as E}from"../text/Text.js";import{styled as t}from"../../stitches.js";import{INLINE_MESSAGE_THEMES as f,INLINE_MESSAGE_ICONS as l}from"./InlineMessage.config.js";const p=t(a,{variants:{theme:f}}),I=t(c,{flexShrink:"0",mr:"$2"}),S=({css:s,showIcon:m=!0,theme:r="error",size:o="sm",children:n,...i})=>e.createElement(p,{theme:r,css:s,...i},m&&e.createElement(I,{size:"sm",is:l[r]}),e.createElement(E,{as:"span",size:o,css:{transform:"translateY($space$0)"}},n));export{S as InlineMessage};
+//# sourceMappingURL=InlineMessage.js.map

package/dist/components/inline-message/InlineMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport {\n  INLINE_MESSAGE_ICONS,\n  INLINE_MESSAGE_THEMES\n} from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n  variants: {\n    theme: INLINE_MESSAGE_THEMES\n  }\n})\n\nconst InlineMessageIcon = styled(Icon, {\n  flexShrink: '0',\n  mr: '$2'\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage: React.FC<TInlineMessageProps> = ({\n  css,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}) => (\n  <InlineMessageContainer theme={theme} css={css} {...rest}>\n    {showIcon && (\n      <InlineMessageIcon\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n      />\n    )}\n    <Text as=\"span\" size={size} css={{ transform: 'translateY($space$0)' }}>\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","INLINE_MESSAGE_THEMES","InlineMessageIcon","Icon","InlineMessage","css","showIcon","theme","size","children","rest","React","INLINE_MESSAGE_ICONS","Text"],"mappings":"oRAaA,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,SAAU,CACR,MAAOC,CACT,CACF,CAAC,EAEKC,EAAoBH,EAAOI,EAAM,CACrC,WAAY,IACZ,GAAI,IACN,CAAC,EASYC,EAA+C,CAAC,CAC3D,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IACEC,EAAA,cAACb,EAAA,CAAuB,MAAOS,EAAO,IAAKF,EAAM,GAAGK,CACjDJ,EAAAA,GACCK,EAAA,cAACT,EAAA,CACC,KAAK,KACL,GAAIU,EAAqBL,EAAAA,CAC3B,EAEFI,EAAA,cAACE,EAAA,CAAK,GAAG,OAAO,KAAML,EAAM,IAAK,CAAE,UAAW,sBAAuB,CAClEC,EAAAA,CACH,CACF"}

package/dist/components/input/Input.js

@@ -1 +1,2 @@
 import*as o from"react";import{styled as l}from"../../stitches.js";const n=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"}}}}),i=o.forwardRef(({type:e="text",size:t="md",...r},a)=>e==="number"?o.createElement(n,{type:"text",inputMode:"numeric",pattern:"[0-9]*",size:t,...r,ref:a}):o.createElement(n,{type:e,size:t,...r,ref:a}));i.displayName="Input";export{i as Input};
+//# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\nconst StyledInput = styled('input', {\n  appearance: 'none',\n  border: '1px solid $tonal400',\n  borderRadius: '$0',\n  boxShadow: 'none', // prevent default iOS default styling\n  boxSizing: 'border-box',\n  color: '$tonal600',\n  cursor: 'text',\n  display: 'block',\n  fontFamily: '$body',\n  px: '$3',\n  transition: 'all 100ms ease-out',\n  width: '100%',\n  '&:focus': {\n    borderColor: '$primary',\n    outline: 'none'\n  },\n  '&[disabled]': {\n    backgroundColor: '$tonal100',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  },\n  '&::placeholder': {\n    color: '$tonal300',\n    opacity: 1\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '$3',\n        fontSize: '$sm'\n      },\n      md: {\n        height: '$4',\n        fontSize: '$md'\n      }\n    },\n    state: {\n      error: {\n        border: '1px solid $danger'\n      }\n    }\n  }\n})\n\n// override default 'type' property to prevent Input from being used to render\n// checkboxes, radios etc — we have dedicated components for them\nexport type InputProps = Override<\n  React.ComponentProps<typeof StyledInput>,\n  {\n    name: string\n    as?: never\n    type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search'\n  }\n>\n\nexport const Input: React.FC<InputProps> = React.forwardRef(\n  ({ type = 'text', size = 'md', ...rest }, ref) => {\n    if (type === 'number') {\n      return (\n        <StyledInput\n          type=\"text\"\n          inputMode=\"numeric\"\n          pattern=\"[0-9]*\"\n          size={size}\n          {...rest}\n          ref={ref}\n        />\n      )\n    }\n\n    return <StyledInput type={type} size={size} {...rest} ref={ref} />\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["StyledInput","styled","Input","React","type","size","rest","ref"],"mappings":"mEAKA,MAAMA,EAAcC,EAAO,QAAS,CAClC,WAAY,OACZ,OAAQ,sBACR,aAAc,KACd,UAAW,OACX,UAAW,aACX,MAAO,YACP,OAAQ,OACR,QAAS,QACT,WAAY,QACZ,GAAI,KACJ,WAAY,qBACZ,MAAO,OACP,UAAW,CACT,YAAa,WACb,QAAS,MACX,EACA,cAAe,CACb,gBAAiB,YACjB,MAAO,YACP,OAAQ,aACV,EACA,iBAAkB,CAChB,MAAO,YACP,QAAS,CACX,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,KACR,SAAU,KACZ,EACA,GAAI,CACF,OAAQ,KACR,SAAU,KACZ,CACF,EACA,MAAO,CACL,MAAO,CACL,OAAQ,mBACV,CACF,CACF,CACF,CAAC,EAaYC,EAA8BC,EAAM,WAC/C,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAO,QAASC,CAAK,EAAGC,IACpCH,IAAS,SAETD,EAAA,cAACH,EAAA,CACC,KAAK,OACL,UAAU,UACV,QAAQ,SACR,KAAMK,EACL,GAAGC,EACJ,IAAKC,CAAAA,CACP,EAIGJ,EAAA,cAACH,EAAA,CAAY,KAAMI,EAAM,KAAMC,EAAO,GAAGC,EAAM,IAAKC,CAAAA,CAAK,CAEpE,EAEAL,EAAM,YAAc"}

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

@@ -1 +1,2 @@
 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:a,...d})=>{const{register:o}=u(),{error:t}=f(r),s=e?o(e):o;return i.createElement(c,{css:m,description:a,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"},...d}))};p.displayName="InputField";export{p as InputField};
+//# sourceMappingURL=InputField.js.map