@atom-learning/components 2.33.0 → 2.35.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.d.ts

@@ -26,6 +26,42 @@ declare const StyledDialog: import("@stitches/react/types/styled-component").Sty
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -83,6 +119,7 @@ declare const StyledDialog: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -21,6 +21,42 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -78,6 +114,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;
@@ -196,6 +233,42 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -253,6 +326,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -22,6 +22,42 @@ export declare const DialogClose: import("@stitches/react/types/styled-component
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -79,6 +115,7 @@ export declare const DialogClose: import("@stitches/react/types/styled-component
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -24,6 +24,42 @@ declare const StyledDialogContent: import("@stitches/react/types/styled-componen
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -81,6 +117,7 @@ declare const StyledDialogContent: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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: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 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.d.ts

@@ -24,6 +24,42 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -81,6 +117,7 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -28,6 +28,42 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -85,6 +121,7 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -22,6 +22,42 @@ export declare const DropdownMenuContent: import("@stitches/react/types/styled-c
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -79,6 +115,7 @@ export declare const DropdownMenuContent: import("@stitches/react/types/styled-c
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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"}