@atom-learning/components 2.70.0 → 3.0.0

package/dist/index.js

@@ -1,2 +1,2 @@
-import{Accordion as f}from"./components/accordion/Accordion.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as d}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as s,useAlert as u}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as S}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{Box as C}from"./components/box/Box.js";import{Button as B,StyledButton as I}from"./components/button/Button.js";import{Carousel as D,useCarousel as k}from"./components/carousel/Carousel.js";import{Checkbox as v}from"./components/checkbox/Checkbox.js";import{CheckboxField as P}from"./components/checkbox-field/CheckboxField.js";import{Chip as A}from"./components/chip/Chip.js";import{ChipGroup as L}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as N}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as W}from"./components/chip-toggle-group/index.js";import{Combobox as E}from"./components/combobox/Combobox.js";import{CreatePasswordField as j}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as z}from"./components/data-table/DataTableContext.js";import{DataTable as K}from"./components/data-table/DataTable.js";import{DateField as U}from"./components/date-field/DateField.js";import{DateInput as Y}from"./components/date-input/DateInput.js";import{Dialog as _}from"./components/dialog/Dialog.js";import{Dismissible as oo}from"./components/dismissible/index.js";import{DismissibleGroup as eo}from"./components/dismissible-group/index.js";import{Divider as po}from"./components/divider/Divider.js";import{DropdownMenu as xo}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as io}from"./components/empty-state/EmptyState.js";import{FieldWrapper as lo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as so}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as co}from"./components/file-input/FileInput.js";import{Flex as To}from"./components/flex/Flex.js";import{Form as bo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as Fo}from"./components/grid/Grid.js";import{Heading as Io}from"./components/heading/Heading.js";import{Icon as Do}from"./components/icon/Icon.js";import{Image as Go}from"./components/image/Image.js";import{InlineMessage as wo}from"./components/inline-message/InlineMessage.js";import{Input as yo}from"./components/input/Input.js";import{InputField as Ro}from"./components/input-field/InputField.js";import{Label as Mo}from"./components/label/Label.js";import{Link as Vo,StyledLink as Wo}from"./components/link/Link.js";import{List as Eo}from"./components/list/List.js";import{Loader as jo}from"./components/loader/Loader.js";import{MarkdownContent as zo}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as Ko}from"./components/navigation/NavigationMenu.js";import{NotificationBadge as Uo}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as Yo}from"./components/number-input/NumberInput.js";import{NumberInputField as _o}from"./components/number-input-field/NumberInputField.js";import{Pagination as or}from"./components/pagination/Pagination.js";import{PasswordField as er}from"./components/password-field/PasswordField.js";import{PasswordInput as pr}from"./components/password-input/PasswordInput.js";import{Popover as xr}from"./components/popover/Popover.js";import{ProgressBar as ir}from"./components/progress-bar/ProgressBar.js";import{RadioButton as lr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as nr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as ur}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as Sr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as gr}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Cr}from"./components/search-field/SearchField.js";import{SearchInput as Br}from"./components/search-input/SearchInput.js";import{SectionMessage as hr}from"./components/section-message/SectionMessage.js";import{Select as kr}from"./components/select/Select.js";import{SelectField as vr}from"./components/select-field/SelectField.js";import{Sidedrawer as Pr}from"./components/sidedrawer/Sidedrawer.js";import{Slider as Ar}from"./components/slider/Slider.js";import{SliderField as Lr}from"./components/slider-field/SliderField.js";import{Sortable as Nr}from"./components/sortable/index.js";import{Spacer as Wr}from"./components/spacer/Spacer.js";import{Stack as Er}from"./components/stack/Stack.js";import{StackContent as jr}from"./components/stack-content/StackContent.js";import{Stepper as zr}from"./components/stepper/Stepper.js";import{Switch as Kr}from"./components/switch/Switch.js";import{Table as Ur}from"./components/table/Table.js";import{Tabs as Yr}from"./components/tabs/Tabs.js";import{Text as _r}from"./components/text/Text.js";import{Textarea as oe}from"./components/textarea/Textarea.js";import{TextareaField as ee}from"./components/textarea-field/TextareaField.js";import{Toast as pe}from"./components/toast/Toast.js";import{ToastProvider as xe}from"./components/toast/ToastProvider.js";import{ToggleGroup as ie}from"./components/toggle-group/index.js";import{Tooltip as le}from"./components/tooltip/Tooltip.js";import{TopBar as ne}from"./components/top-bar/TopBar.js";import{Video as ue}from"./components/video/Video.js";import{BannerRegular as Se}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as ge}from"./components/banner/banner-slim/BannerSlim.js";import{Tile as Ce}from"./components/tile/Tile.js";import{TileGroup as Be}from"./components/tile/TileGroup.js";import{TileInteractive as he}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as ke}from"./components/tile-toggle-group/index.js";import{createTheme as ve,css as we,getCssText as Pe,globalCss as ye,keyframes as Ae,media as Re,styled as Le,theme as Me,utils as Ne}from"./stitches.js";import{ColorScheme as We}from"./experiments/color-scheme/ColorScheme.js";import{createThemeVariants as Ee}from"./utilities/create-theme-variants/createThemeVariants.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as je,noOverflowStyleBlock as qe}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as Je}from"./utilities/style/focus-visible-style-block.js";import"./utilities/style/keyframe-animations.js";import{default as Qe}from"react-hot-toast";export{f as Accordion,a as ActionIcon,d as AlertDialog,s as AlertProvider,S as Avatar,g as Badge,Se as BannerRegular,ge as BannerSlim,C as Box,B as Button,D as Carousel,v as Checkbox,P as CheckboxField,A as Chip,N as ChipDismissibleGroup,L as ChipGroup,W as ChipToggleGroup,We as ColorScheme,E as Combobox,j as CreatePasswordField,K as DataTable,U as DateField,Y as DateInput,_ as Dialog,oo as Dismissible,eo as DismissibleGroup,po as Divider,xo as DropdownMenu,io as EmptyState,lo as FieldWrapper,co as FileInput,To as Flex,bo as Form,Fo as Grid,Io as Heading,Do as Icon,Go as Image,so as InlineFieldWrapper,wo as InlineMessage,yo as Input,Ro as InputField,Mo as Label,Vo as Link,Eo as List,jo as Loader,zo as MarkdownContent,Ko as NavigationMenu,je as NoOverflowWrapper,Uo as NotificationBadge,Yo as NumberInput,_o as NumberInputField,or as Pagination,er as PasswordField,pr as PasswordInput,xr as Popover,ir as ProgressBar,lr as RadioButton,ur as RadioButtonField,nr as RadioButtonGroup,Sr as RadioCard,gr as RadioCardGroup,Cr as SearchField,Br as SearchInput,hr as SectionMessage,kr as Select,vr as SelectField,Pr as Sidedrawer,Ar as Slider,Lr as SliderField,Nr as Sortable,Wr as Spacer,Er as Stack,jr as StackContent,zr as Stepper,I as StyledButton,Wo as StyledLink,Kr as Switch,Ur as Table,Yr as Tabs,_r as Text,oe as Textarea,ee as TextareaField,Ce as Tile,Be as TileGroup,he as TileInteractive,ke as TileToggleGroup,pe as Toast,xe as ToastProvider,ie as ToggleGroup,le as Tooltip,ne as TopBar,ue as Video,ve as createTheme,Ee as createThemeVariants,we as css,Je as focusVisibleStyleBlock,Pe as getCssText,ye as globalCss,Ae as keyframes,Re as media,qe as noOverflowStyleBlock,Le as styled,Me as theme,Qe as toast,u as useAlert,k as useCarousel,z as useDataTable,Ne as utils};
+import{Accordion as f}from"./components/accordion/Accordion.js";import{ActionIcon as a}from"./components/action-icon/ActionIcon.js";import{AlertDialog as n}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as d,useAlert as u}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as g}from"./components/avatar/Avatar.js";import{Badge as S}from"./components/badge/Badge.js";import{Box as C}from"./components/box/Box.js";import{Button as B,StyledButton as I}from"./components/button/Button.js";import{Carousel as D,useCarousel as k}from"./components/carousel/Carousel.js";import{Checkbox as G}from"./components/checkbox/Checkbox.js";import{CheckboxField as P}from"./components/checkbox-field/CheckboxField.js";import{Chip as A}from"./components/chip/Chip.js";import{ChipGroup as N}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as L}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as W}from"./components/chip-toggle-group/index.js";import{Combobox as E}from"./components/combobox/Combobox.js";import{CreatePasswordField as j}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as z}from"./components/data-table/DataTableContext.js";import{DataTable as K}from"./components/data-table/DataTable.js";import{DateField as U}from"./components/date-field/DateField.js";import{DateInput as Y}from"./components/date-input/DateInput.js";import{Dialog as _}from"./components/dialog/Dialog.js";import{Dismissible as oo}from"./components/dismissible/index.js";import{DismissibleGroup as eo}from"./components/dismissible-group/index.js";import{Divider as po}from"./components/divider/Divider.js";import{Drawer as xo}from"./components/drawer/Drawer.js";import{DropdownMenu as io}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as lo}from"./components/empty-state/EmptyState.js";import{FieldWrapper as so}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as co}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as To}from"./components/file-input/FileInput.js";import{Flex as bo}from"./components/flex/Flex.js";import{Form as Fo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import{Grid as Io}from"./components/grid/Grid.js";import{Heading as Do}from"./components/heading/Heading.js";import{Icon as vo}from"./components/icon/Icon.js";import{Image as wo}from"./components/image/Image.js";import{InlineMessage as yo}from"./components/inline-message/InlineMessage.js";import{Input as Mo}from"./components/input/Input.js";import{InputField as Ro}from"./components/input-field/InputField.js";import{Label as Vo}from"./components/label/Label.js";import{Link as Oo,StyledLink as Eo}from"./components/link/Link.js";import{List as jo}from"./components/list/List.js";import{Loader as zo}from"./components/loader/Loader.js";import{MarkdownContent as Ko}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as Uo}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as Yo}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as _o}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as or}from"./components/number-input/NumberInput.js";import{NumberInputField as er}from"./components/number-input-field/NumberInputField.js";import{Pagination as pr}from"./components/pagination/Pagination.js";import{PasswordField as xr}from"./components/password-field/PasswordField.js";import{PasswordInput as ir}from"./components/password-input/PasswordInput.js";import{Popover as lr}from"./components/popover/Popover.js";import{ProgressBar as sr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as ur}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as gr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as Sr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as Cr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Br}from"./components/radio-card/RadioCardGroup.js";import{SearchField as hr}from"./components/search-field/SearchField.js";import{SearchInput as kr}from"./components/search-input/SearchInput.js";import{SectionMessage as Gr}from"./components/section-message/SectionMessage.js";import{Select as Pr}from"./components/select/Select.js";import{SelectField as Ar}from"./components/select-field/SelectField.js";import{Slider as Nr}from"./components/slider/Slider.js";import{SliderField as Lr}from"./components/slider-field/SliderField.js";import{Sortable as Wr}from"./components/sortable/index.js";import{Spacer as Er}from"./components/spacer/Spacer.js";import{Stack as jr}from"./components/stack/Stack.js";import{StackContent as zr}from"./components/stack-content/StackContent.js";import{Stepper as Kr}from"./components/stepper/Stepper.js";import{Switch as Ur}from"./components/switch/Switch.js";import{Table as Yr}from"./components/table/Table.js";import{Tabs as _r}from"./components/tabs/Tabs.js";import{Text as oe}from"./components/text/Text.js";import{Textarea as ee}from"./components/textarea/Textarea.js";import{TextareaField as pe}from"./components/textarea-field/TextareaField.js";import{Toast as xe}from"./components/toast/Toast.js";import{ToastProvider as ie}from"./components/toast/ToastProvider.js";import{ToggleGroup as le}from"./components/toggle-group/index.js";import{Tooltip as se}from"./components/tooltip/Tooltip.js";import{TopBar as ue}from"./components/top-bar/TopBar.js";import{Video as ge}from"./components/video/Video.js";import{BannerRegular as Se}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as Ce}from"./components/banner/banner-slim/BannerSlim.js";import{Tile as Be}from"./components/tile/Tile.js";import{TileGroup as he}from"./components/tile/TileGroup.js";import{TileInteractive as ke}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Ge}from"./components/tile-toggle-group/index.js";import{createTheme as Pe,css as ye,getCssText as Ae,globalCss as Me,keyframes as Ne,media as Re,styled as Le,theme as Ve,utils as We}from"./stitches.js";import{ColorScheme as Ee}from"./experiments/color-scheme/ColorScheme.js";import{createThemeVariants as je}from"./utilities/create-theme-variants/createThemeVariants.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as ze,noOverflowStyleBlock as Je}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as Qe}from"./utilities/style/focus-visible-style-block.js";import"./utilities/style/keyframe-animations.js";import{default as Xe}from"react-hot-toast";export{f as Accordion,a as ActionIcon,n as AlertDialog,d as AlertProvider,g as Avatar,S as Badge,Se as BannerRegular,Ce as BannerSlim,C as Box,B as Button,D as Carousel,G as Checkbox,P as CheckboxField,A as Chip,L as ChipDismissibleGroup,N as ChipGroup,W as ChipToggleGroup,Ee as ColorScheme,E as Combobox,j as CreatePasswordField,K as DataTable,U as DateField,Y as DateInput,_ as Dialog,oo as Dismissible,eo as DismissibleGroup,po as Divider,xo as Drawer,io as DropdownMenu,lo as EmptyState,so as FieldWrapper,To as FileInput,bo as Flex,Fo as Form,Io as Grid,Do as Heading,vo as Icon,wo as Image,co as InlineFieldWrapper,yo as InlineMessage,Mo as Input,Ro as InputField,Vo as Label,Oo as Link,jo as List,zo as Loader,Ko as MarkdownContent,Uo as NavigationMenu,Yo as NavigationMenuVertical,ze as NoOverflowWrapper,_o as NotificationBadge,or as NumberInput,er as NumberInputField,pr as Pagination,xr as PasswordField,ir as PasswordInput,lr as Popover,sr as ProgressBar,ur as RadioButton,Sr as RadioButtonField,gr as RadioButtonGroup,Cr as RadioCard,Br as RadioCardGroup,hr as SearchField,kr as SearchInput,Gr as SectionMessage,Pr as Select,Ar as SelectField,Nr as Slider,Lr as SliderField,Wr as Sortable,Er as Spacer,jr as Stack,zr as StackContent,Kr as Stepper,I as StyledButton,Eo as StyledLink,Ur as Switch,Yr as Table,_r as Tabs,oe as Text,ee as Textarea,pe as TextareaField,Be as Tile,he as TileGroup,ke as TileInteractive,Ge as TileToggleGroup,xe as Toast,ie as ToastProvider,le as ToggleGroup,se as Tooltip,ue as TopBar,ge as Video,Pe as createTheme,je as createThemeVariants,ye as css,Qe as focusVisibleStyleBlock,Ae as getCssText,Me as globalCss,Ne as keyframes,Re as media,Je as noOverflowStyleBlock,Le as styled,Ve as theme,Xe as toast,u as useAlert,k as useCarousel,z as useDataTable,We as utils};
 //# sourceMappingURL=index.js.map

package/dist/utilities/event/index.d.ts

@@ -0,0 +1 @@
+export { preventEvent } from './preventEvent';

package/dist/utilities/event/preventEvent.d.ts

@@ -0,0 +1 @@
+export declare const preventEvent: (event: React.PointerEvent | Event) => void;

package/dist/utilities/event/preventEvent.js

@@ -0,0 +1,2 @@
+const t=e=>{e.preventDefault()};export{t as preventEvent};
+//# sourceMappingURL=preventEvent.js.map

package/dist/utilities/event/preventEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preventEvent.js","sources":["../../../src/utilities/event/preventEvent.ts"],"sourcesContent":["/*\nUsed to block default radix hover to open menu behaviour\nProps: https://github.com/radix-ui/primitives/issues/1630\n*/\nexport const preventEvent = (event: React.PointerEvent | Event): void => {\n  const e = event as Event\n  e.preventDefault()\n}\n"],"names":["preventEvent","event"],"mappings":"AAIO,MAAMA,EAAgBC,GAA4C,CAC7DA,EACR,eACJ,CAAA"}

package/dist/utilities/style/backdrop-overlay.d.ts

@@ -0,0 +1,14 @@
+export declare const backdropOverlay: {
+    backgroundColor: string;
+    position: string;
+    inset: number;
+    zIndex: number;
+    '@allowMotion': {
+        '&[data-state="open"]': {
+            animation: string;
+        };
+        '&[data-state="closed"]': {
+            animation: string;
+        };
+    };
+};

package/dist/utilities/style/backdrop-overlay.js

@@ -0,0 +1,2 @@
+import{DIALOG_Z_INDEX as o}from"../../constants/zIndices.js";import"../../stitches.js";import"../css-wrapper/CSSWrapper.js";import"../no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{fadeIn as t,fadeOut as a}from"./keyframe-animations.js";const e={backgroundColor:"$alpha600",position:"fixed",inset:0,zIndex:o,"@allowMotion":{'&[data-state="open"]':{animation:`${t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${a} 550ms ease-out`}}};export{e as backdropOverlay};
+//# sourceMappingURL=backdrop-overlay.js.map

package/dist/utilities/style/backdrop-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop-overlay.js","sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["import { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { fadeIn, fadeOut } from '~/utilities'\n\nexport const backdropOverlay = {\n  backgroundColor: '$alpha600',\n  position: 'fixed',\n  inset: 0,\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"],"names":["backdropOverlay","DIALOG_Z_INDEX","fadeIn","fadeOut"],"mappings":"qQAGaA,EAAkB,CAC7B,gBAAiB,YACjB,SAAU,QACV,MAAO,EACP,OAAQC,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF"}

package/dist/utilities/style/keyframe-animations.d.ts

@@ -1,3 +1,4 @@
+import { keyframes } from '../../stitches';
 export declare const slideUpAndFade: {
     (): string;
     name: string;
@@ -22,11 +23,16 @@ export declare const fadeOut: {
     (): string;
     name: string;
 };
-export declare const slideInLeft: {
-    (): string;
-    name: string;
-};
-export declare const slideOutLeft: {
-    (): string;
-    name: string;
+export declare const slideInOut: ({ outPosition, inPosition }: {
+    outPosition?: {
+        x: string | number;
+        y: string | number;
+    } | undefined;
+    inPosition?: {
+        x: string | number;
+        y: string | number;
+    } | undefined;
+}) => {
+    in: ReturnType<typeof keyframes>;
+    out: ReturnType<typeof keyframes>;
 };

package/dist/utilities/style/keyframe-animations.js

@@ -1,2 +1,2 @@
-import{keyframes as t}from"../../stitches.js";const a=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),r=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),n=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),s=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),e=t({"0%":{opacity:0},"100%":{opacity:1}}),o=t({"0%":{opacity:1},"100%":{opacity:0}}),i=t({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}}),f=t({"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}});export{e as fadeIn,o as fadeOut,n as slideDownAndFade,i as slideInLeft,s as slideLeftAndFade,f as slideOutLeft,r as slideRightAndFade,a as slideUpAndFade};
+import{keyframes as t}from"../../stitches.js";const o=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),e=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),i=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),l=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),p=t({"0%":{opacity:0},"100%":{opacity:1}}),y=t({"0%":{opacity:1},"100%":{opacity:0}}),f=({outPosition:a={x:0,y:0},inPosition:n={x:0,y:0}})=>{const r=t({"0%":{transform:`translateX(${a.x}) translateY(${a.y})`},"100%":{transform:`translateX(${n.x}) translateY(${n.y})`}}),s=t({"0%":{transform:`translateX(${n.x}) translateY(${n.y})`},"100%":{transform:`translateX(${a.x}) translateY(${a.y})`}});return{in:r,out:s}};export{p as fadeIn,y as fadeOut,i as slideDownAndFade,f as slideInOut,l as slideLeftAndFade,e as slideRightAndFade,o as slideUpAndFade};
 //# sourceMappingURL=keyframe-animations.js.map

package/dist/utilities/style/keyframe-animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyframe-animations.js","sources":["../../../src/utilities/style/keyframe-animations.ts"],"sourcesContent":["import { keyframes } from '~/stitches'\n\nexport const slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\nexport const slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 }\n})\n\nexport const slideInLeft = keyframes({\n  '0%': { transform: 'translateX(-100%)' },\n  '100%': { transform: 'translateX(0)' }\n})\n\nexport const slideOutLeft = keyframes({\n  '0%': { transform: 'translateX(0)' },\n  '100%': { transform: 'translateX(-100%)' }\n})\n"],"names":["slideUpAndFade","keyframes","slideRightAndFade","slideDownAndFade","slideLeftAndFade","fadeIn","fadeOut","slideInLeft","slideOutLeft"],"mappings":"8CAEO,MAAMA,EAAiBC,EAAU,CACtC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYC,EAAoBD,EAAU,CACzC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYE,EAAmBF,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYG,EAAmBH,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EAEYI,EAASJ,EAAU,CAC9B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EACYK,EAAUL,EAAU,CAC/B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEYM,EAAcN,EAAU,CACnC,KAAM,CAAE,UAAW,mBAAoB,EACvC,OAAQ,CAAE,UAAW,eAAgB,CACvC,CAAC,EAEYO,EAAeP,EAAU,CACpC,KAAM,CAAE,UAAW,eAAgB,EACnC,OAAQ,CAAE,UAAW,mBAAoB,CAC3C,CAAC"}
+{"version":3,"file":"keyframe-animations.js","sources":["../../../src/utilities/style/keyframe-animations.ts"],"sourcesContent":["import { keyframes } from '~/stitches'\n\nexport const slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\nexport const slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 }\n})\n\nexport const slideInOut = ({\n  outPosition = { x: 0, y: 0 },\n  inPosition = { x: 0, y: 0 }\n}: {\n  outPosition?: { x: string | number; y: string | number }\n  inPosition?: { x: string | number; y: string | number }\n}): {\n  in: ReturnType<typeof keyframes>\n  out: ReturnType<typeof keyframes>\n} => {\n  const slideIn = keyframes({\n    '0%': {\n      transform: `translateX(${outPosition.x}) translateY(${outPosition.y})`\n    },\n    '100%': {\n      transform: `translateX(${inPosition.x}) translateY(${inPosition.y})`\n    }\n  })\n\n  const slideOut = keyframes({\n    '0%': {\n      transform: `translateX(${inPosition.x}) translateY(${inPosition.y})`\n    },\n    '100%': {\n      transform: `translateX(${outPosition.x}) translateY(${outPosition.y})`\n    }\n  })\n\n  return {\n    in: slideIn,\n    out: slideOut\n  }\n}\n"],"names":["slideUpAndFade","keyframes","slideRightAndFade","slideDownAndFade","slideLeftAndFade","fadeIn","fadeOut","slideInOut","outPosition","inPosition","slideIn","slideOut"],"mappings":"oDAEaA,EAAiBC,EAAU,CACtC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYC,EAAoBD,EAAU,CACzC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYE,EAAmBF,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYG,EAAmBH,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EAEYI,EAASJ,EAAU,CAC9B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EACYK,EAAUL,EAAU,CAC/B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEYM,EAAa,CAAC,CACzB,YAAAC,EAAc,CAAE,EAAG,EAAG,EAAG,CAAE,EAC3B,WAAAC,EAAa,CAAE,EAAG,EAAG,EAAG,CAAE,CAC5B,IAMK,CACH,MAAMC,EAAUT,EAAU,CACxB,KAAM,CACJ,UAAW,cAAcO,EAAY,iBAAiBA,EAAY,IACpE,EACA,OAAQ,CACN,UAAW,cAAcC,EAAW,iBAAiBA,EAAW,IAClE,CACF,CAAC,EAEKE,EAAWV,EAAU,CACzB,KAAM,CACJ,UAAW,cAAcQ,EAAW,iBAAiBA,EAAW,IAClE,EACA,OAAQ,CACN,UAAW,cAAcD,EAAY,iBAAiBA,EAAY,IACpE,CACF,CAAC,EAED,MAAO,CACL,GAAIE,EACJ,IAAKC,CACP,CACF"}

package/dist/utilities/style/reset.d.ts

@@ -0,0 +1,13 @@
+export declare const resetButtonStyles: {
+    p: number;
+    border: string;
+    outline: string;
+    font: string;
+    color: string;
+    background: string;
+    textAlign: string;
+};
+export declare const resetLinkStyles: {
+    textDecoration: string;
+    color: string;
+};

package/dist/utilities/style/reset.js

@@ -0,0 +1,2 @@
+const e={p:0,border:"none",outline:"none",font:"inherit",color:"inherit",background:"none",textAlign:"inherit"},t={textDecoration:"unset",color:"inherit"};export{e as resetButtonStyles,t as resetLinkStyles};
+//# sourceMappingURL=reset.js.map

package/dist/utilities/style/reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.js","sources":["../../../src/utilities/style/reset.ts"],"sourcesContent":["export const resetButtonStyles = {\n  p: 0,\n  border: 'none',\n  outline: 'none',\n  font: 'inherit',\n  color: 'inherit',\n  background: 'none',\n  textAlign: 'inherit'\n}\n\nexport const resetLinkStyles = {\n  textDecoration: 'unset',\n  color: 'inherit'\n}\n"],"names":["resetButtonStyles","resetLinkStyles"],"mappings":"AAAa,MAAAA,EAAoB,CAC/B,EAAG,EACH,OAAQ,OACR,QAAS,OACT,KAAM,UACN,MAAO,UACP,WAAY,OACZ,UAAW,SACb,EAEaC,EAAkB,CAC7B,eAAgB,QAChB,MAAO,SACT"}

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.70.0",
+  "version": "3.0.0",
   "description": "",
   "files": [
     "dist"
@@ -134,10 +134,11 @@
     "@lukeed/uuid": "^2.0.0",
     "@radix-ui/react-accordion": "^1.0.0",
     "@radix-ui/react-alert-dialog": "^1.0.0",
+    "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-checkbox": "^1.0.0",
     "@radix-ui/react-dialog": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^1.0.0",
-    "@radix-ui/react-navigation-menu": "^1.0.0",
+    "@radix-ui/react-navigation-menu": "^1.1.3",
     "@radix-ui/react-popover": "^1.0.0",
     "@radix-ui/react-progress": "^1.0.0",
     "@radix-ui/react-radio-group": "^1.0.0",

package/dist/components/navigation/preventHover.d.ts

@@ -1 +0,0 @@
-export declare const preventHover: (event: any) => void;

package/dist/components/navigation/preventHover.js

@@ -1,2 +0,0 @@
-const t=e=>{e.preventDefault()};export{t as preventHover};
-//# sourceMappingURL=preventHover.js.map

package/dist/components/navigation/preventHover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preventHover.js","sources":["../../../src/components/navigation/preventHover.ts"],"sourcesContent":["/*\nUsed to block default radix hover to open menu behaviour\nProps: https://github.com/radix-ui/primitives/issues/1630\n*/\nexport const preventHover = (event: any) => {\n  const e = event as Event\n  e.preventDefault()\n}\n"],"names":["preventHover","event"],"mappings":"AAIO,MAAMA,EAAgBC,GAAe,CAChCA,EACR,eACJ,CAAA"}

package/dist/components/sidedrawer/Sidedrawer.d.ts

@@ -1,24 +0,0 @@
-import * as Dialog from '@radix-ui/react-dialog';
-import React from 'react';
-import { SidedrawerAccordionContent, SidedrawerAccordionItem, SidedrawerAccordionTrigger } from './SidedrawerAccordion';
-import { SidedrawerBody } from './SidedrawerBody';
-import { SidedrawerClose } from './SidedrawerClose';
-import { SidedrawerContent } from './SidedrawerContent';
-import { SidedrawerFooter } from './SidedrawerFooter';
-import { SidedrawerHeader } from './SidedrawerHeader';
-import { SidedrawerItem } from './SidedrawerItem';
-import { SidedrawerTrigger } from './SidedrawerTrigger';
-declare type SidedrawerSubComponents = {
-    Accordion: typeof SidedrawerAccordionItem;
-    AccordionContent: typeof SidedrawerAccordionContent;
-    AccordionTrigger: typeof SidedrawerAccordionTrigger;
-    Body: typeof SidedrawerBody;
-    Close: typeof SidedrawerClose;
-    Content: typeof SidedrawerContent;
-    Footer: typeof SidedrawerFooter;
-    Header: typeof SidedrawerHeader;
-    Item: typeof SidedrawerItem;
-    Trigger: typeof SidedrawerTrigger;
-};
-export declare const Sidedrawer: React.FC<React.ComponentProps<typeof Dialog.Root>> & SidedrawerSubComponents;
-export {};

package/dist/components/sidedrawer/Sidedrawer.js

@@ -1,2 +0,0 @@
-import*as i from"@radix-ui/react-dialog";import d from"react";import"./SidedrawerAccordion/SidedrawerAccordionRoot.js";import{SidedrawerAccordionContent as t}from"./SidedrawerAccordion/SidedrawerAccordionContent.js";import{SidedrawerAccordionItem as m}from"./SidedrawerAccordion/SidedrawerAccordionItem.js";import{SidedrawerAccordionTrigger as n}from"./SidedrawerAccordion/SidedrawerAccordionTrigger.js";import{SidedrawerBody as a}from"./SidedrawerBody.js";import{SidedrawerClose as c}from"./SidedrawerClose.js";import{SidedrawerContent as p}from"./SidedrawerContent.js";import{SidedrawerFooter as f}from"./SidedrawerFooter.js";import{SidedrawerHeader as w}from"./SidedrawerHeader.js";import{SidedrawerItem as S}from"./SidedrawerItem.js";import{SidedrawerTrigger as g}from"./SidedrawerTrigger.js";const r=({children:o,...e})=>d.createElement(i.Root,{...e},o);r.Accordion=m,r.AccordionContent=t,r.AccordionTrigger=n,r.Body=a,r.Close=c,r.Content=p,r.Footer=f,r.Header=w,r.Item=S,r.Trigger=g;export{r as Sidedrawer};
-//# sourceMappingURL=Sidedrawer.js.map

package/dist/components/sidedrawer/Sidedrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidedrawer.js","sources":["../../../src/components/sidedrawer/Sidedrawer.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport {\n  SidedrawerAccordionContent,\n  SidedrawerAccordionItem,\n  SidedrawerAccordionTrigger\n} from './SidedrawerAccordion'\nimport { SidedrawerBody } from './SidedrawerBody'\nimport { SidedrawerClose } from './SidedrawerClose'\nimport { SidedrawerContent } from './SidedrawerContent'\nimport { SidedrawerFooter } from './SidedrawerFooter'\nimport { SidedrawerHeader } from './SidedrawerHeader'\nimport { SidedrawerItem } from './SidedrawerItem'\nimport { SidedrawerTrigger } from './SidedrawerTrigger'\n\ntype SidedrawerSubComponents = {\n  Accordion: typeof SidedrawerAccordionItem\n  AccordionContent: typeof SidedrawerAccordionContent\n  AccordionTrigger: typeof SidedrawerAccordionTrigger\n  Body: typeof SidedrawerBody\n  Close: typeof SidedrawerClose\n  Content: typeof SidedrawerContent\n  Footer: typeof SidedrawerFooter\n  Header: typeof SidedrawerHeader\n  Item: typeof SidedrawerItem\n  Trigger: typeof SidedrawerTrigger\n}\n\nexport const Sidedrawer: React.FC<React.ComponentProps<typeof Dialog.Root>> &\n  SidedrawerSubComponents = ({ children, ...remainingProps }) => (\n  <Dialog.Root {...remainingProps}>{children}</Dialog.Root>\n)\n\nSidedrawer.Accordion = SidedrawerAccordionItem\nSidedrawer.AccordionContent = SidedrawerAccordionContent\nSidedrawer.AccordionTrigger = SidedrawerAccordionTrigger\nSidedrawer.Body = SidedrawerBody\nSidedrawer.Close = SidedrawerClose\nSidedrawer.Content = SidedrawerContent\nSidedrawer.Footer = SidedrawerFooter\nSidedrawer.Header = SidedrawerHeader\nSidedrawer.Item = SidedrawerItem\nSidedrawer.Trigger = SidedrawerTrigger\n"],"names":["Sidedrawer","children","remainingProps","React","Dialog","SidedrawerAccordionItem","SidedrawerAccordionContent","SidedrawerAccordionTrigger","SidedrawerBody","SidedrawerClose","SidedrawerContent","SidedrawerFooter","SidedrawerHeader","SidedrawerItem","SidedrawerTrigger"],"mappings":"6xBA6Ba,MAAAA,EACe,CAAC,CAAE,SAAAC,KAAaC,CAAe,IACzDC,EAAA,cAACC,EAAO,KAAP,CAAa,GAAGF,CAAAA,EAAiBD,CAAS,EAG7CD,EAAW,UAAYK,EACvBL,EAAW,iBAAmBM,EAC9BN,EAAW,iBAAmBO,EAC9BP,EAAW,KAAOQ,EAClBR,EAAW,MAAQS,EACnBT,EAAW,QAAUU,EACrBV,EAAW,OAASW,EACpBX,EAAW,OAASY,EACpBZ,EAAW,KAAOa,EAClBb,EAAW,QAAUc"}

package/dist/components/sidedrawer/Sidedrawer.styles.d.ts

@@ -1,44 +0,0 @@
-export declare const sidedrawerItemStyles: {
-    alignItems: string;
-    bg: string;
-    border: string;
-    borderLeft: string;
-    color: string;
-    cursor: string;
-    display: string;
-    fontFamily: string;
-    fontWeight: string;
-    fontSize: string;
-    margin: number;
-    minHeight: string;
-    outline: string;
-    outlineOffset: string;
-    py: string;
-    px: string;
-    width: string;
-    textDecoration: string;
-    '&:hover': {
-        bg: string;
-    };
-    '&:active': {
-        bg: string;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-    '&[disabled]': {
-        opacity: string;
-        pointerEvents: string;
-        cursor: string;
-    };
-    variants: {
-        active: {
-            true: {
-                bg: string;
-                borderLeft: string;
-                color: string;
-                fontWeight: string;
-            };
-        };
-    };
-};

package/dist/components/sidedrawer/Sidedrawer.styles.js

@@ -1,2 +0,0 @@
-const t={alignItems:"center",bg:"white",border:"unset",borderLeft:"4px solid transparent",color:"$tonal600",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:"400",fontSize:"$md",margin:0,minHeight:"48px",outline:"unset",outlineOffset:"unset",py:"$3",px:"$4",width:"100%",textDecoration:"none","&:hover":{bg:"$tonal50"},"&:active":{bg:"$tonal100"},"&:focus-visible":{boxShadow:"inset 0 0 0 2px $colors$primary"},"&[disabled]":{opacity:"0.3",pointerEvents:"none",cursor:"default"},variants:{active:{true:{bg:"$primaryLight",borderLeft:"4px solid $primary",color:"$primary",fontWeight:"600"}}}};export{t as sidedrawerItemStyles};
-//# sourceMappingURL=Sidedrawer.styles.js.map

package/dist/components/sidedrawer/Sidedrawer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidedrawer.styles.js","sources":["../../../src/components/sidedrawer/Sidedrawer.styles.ts"],"sourcesContent":["export const sidedrawerItemStyles = {\n  alignItems: 'center',\n  bg: 'white',\n  border: 'unset',\n  borderLeft: '4px solid transparent',\n  color: '$tonal600',\n  cursor: 'pointer',\n  display: 'flex',\n  fontFamily: '$body',\n  fontWeight: '400',\n  fontSize: '$md',\n  margin: 0,\n  minHeight: '48px',\n  outline: 'unset',\n  outlineOffset: 'unset',\n  py: '$3',\n  px: '$4',\n  width: '100%',\n  textDecoration: 'none',\n  '&:hover': { bg: '$tonal50' },\n  '&:active': { bg: '$tonal100' },\n  '&:focus-visible': {\n    boxShadow: 'inset 0 0 0 2px $colors$primary'\n  },\n  '&[disabled]': {\n    opacity: '0.3',\n    pointerEvents: 'none',\n    cursor: 'default'\n  },\n  variants: {\n    active: {\n      true: {\n        bg: '$primaryLight',\n        borderLeft: '4px solid $primary',\n        color: '$primary',\n        fontWeight: '600'\n      }\n    }\n  }\n}\n"],"names":["sidedrawerItemStyles"],"mappings":"AAAO,MAAMA,EAAuB,CAClC,WAAY,SACZ,GAAI,QACJ,OAAQ,QACR,WAAY,wBACZ,MAAO,YACP,OAAQ,UACR,QAAS,OACT,WAAY,QACZ,WAAY,MACZ,SAAU,MACV,OAAQ,EACR,UAAW,OACX,QAAS,QACT,cAAe,QACf,GAAI,KACJ,GAAI,KACJ,MAAO,OACP,eAAgB,OAChB,UAAW,CAAE,GAAI,UAAW,EAC5B,WAAY,CAAE,GAAI,WAAY,EAC9B,kBAAmB,CACjB,UAAW,iCACb,EACA,cAAe,CACb,QAAS,MACT,cAAe,OACf,OAAQ,SACV,EACA,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,GAAI,gBACJ,WAAY,qBACZ,MAAO,WACP,WAAY,KACd,CACF,CACF,CACF"}

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.js

@@ -1,2 +0,0 @@
-import{Content as i}from"@radix-ui/react-accordion";import t from"react";import{keyframes as e,styled as n}from"../../../stitches.js";import{Box as m}from"../../box/Box.js";const c=e({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),d=e({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),h=n(i,{bg:"white",overflow:"hidden","@allowMotion":{'&[data-state="open"]':{animation:`${c} 300ms ease-out`},'&[data-state="closed"]':{animation:`${d} 300ms ease-out`}}}),s=({children:o,...a})=>t.createElement(h,{...a},t.Children.map(o,r=>t.createElement(m,{css:{"> a":{px:"$6"},"> button":{px:"$6"}}},r)));export{s as SidedrawerAccordionContent};
-//# sourceMappingURL=SidedrawerAccordionContent.js.map

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerAccordionContent.js","sources":["../../../../src/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { keyframes, styled } from '~/stitches'\n\nimport { Box } from '../../box/Box'\n\nconst open = keyframes({\n  from: { height: 0 },\n  to: { height: 'var(--radix-accordion-content-height)' }\n})\n\nconst close = keyframes({\n  from: { height: 'var(--radix-accordion-content-height)' },\n  to: { height: 0 }\n})\n\nconst StyledContent = styled(Content, {\n  bg: 'white',\n  overflow: 'hidden',\n  '@allowMotion': {\n    '&[data-state=\"open\"]': { animation: `${open} 300ms ease-out` },\n    '&[data-state=\"closed\"]': { animation: `${close} 300ms ease-out` }\n  }\n})\n\nexport const SidedrawerAccordionContent: React.FC<\n  React.ComponentProps<typeof StyledContent>\n> = ({ children, ...remainingProps }) => (\n  <StyledContent {...remainingProps}>\n    {React.Children.map(children, (child) => {\n      return (\n        <Box\n          css={{\n            '> a': {\n              px: '$6'\n            },\n            '> button': {\n              px: '$6'\n            }\n          }}\n        >\n          {child}\n        </Box>\n      )\n    })}\n  </StyledContent>\n)\n"],"names":["open","keyframes","close","StyledContent","styled","Content","SidedrawerAccordionContent","children","remainingProps","React","child","Box"],"mappings":"6KAOA,MAAMA,EAAOC,EAAU,CACrB,KAAM,CAAE,OAAQ,CAAE,EAClB,GAAI,CAAE,OAAQ,uCAAwC,CACxD,CAAC,EAEKC,EAAQD,EAAU,CACtB,KAAM,CAAE,OAAQ,uCAAwC,EACxD,GAAI,CAAE,OAAQ,CAAE,CAClB,CAAC,EAEKE,EAAgBC,EAAOC,EAAS,CACpC,GAAI,QACJ,SAAU,SACV,eAAgB,CACd,uBAAwB,CAAE,UAAW,GAAGL,kBAAsB,EAC9D,yBAA0B,CAAE,UAAW,GAAGE,kBAAuB,CACnE,CACF,CAAC,EAEYI,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAe,IACjCC,EAAA,cAACN,EAAA,CAAe,GAAGK,CAAAA,EAChBC,EAAM,SAAS,IAAIF,EAAWG,GAE3BD,EAAA,cAACE,EAAA,CACC,IAAK,CACH,MAAO,CACL,GAAI,IACN,EACA,WAAY,CACV,GAAI,IACN,CACF,CAAA,EAECD,CACH,CAEH,CACH"}

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.js

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

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerAccordionItem.js","sources":["../../../../src/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-accordion'\n\nimport { styled } from '~/stitches'\n\nexport const SidedrawerAccordionItem = styled(Item, {})\n"],"names":["SidedrawerAccordionItem","styled","Item"],"mappings":"+FAIO,MAAMA,EAA0BC,EAAOC,EAAM,CAAE,CAAA"}

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.js

@@ -1,2 +0,0 @@
-import{Root as r}from"@radix-ui/react-accordion";import{styled as d}from"../../../stitches.js";const o=d(r,{width:"100%"});o.displayName="SidedrawerAccordionRoot";export{o as SidedrawerAccordionRoot};
-//# sourceMappingURL=SidedrawerAccordionRoot.js.map

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerAccordionRoot.js","sources":["../../../../src/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-accordion'\n\nimport { styled } from '~/stitches'\n\nexport const SidedrawerAccordionRoot = styled(Root, {\n  width: '100%'\n})\n\nSidedrawerAccordionRoot.displayName = 'SidedrawerAccordionRoot'\n"],"names":["SidedrawerAccordionRoot","styled","Root"],"mappings":"+FAIO,MAAMA,EAA0BC,EAAOC,EAAM,CAClD,MAAO,MACT,CAAC,EAEDF,EAAwB,YAAc"}

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.js

@@ -1,2 +0,0 @@
-import{ChevronDown as m}from"@atom-learning/icons";import{Trigger as n,Header as a}from"@radix-ui/react-accordion";import e from"react";import{styled as t}from"../../../stitches.js";import{Flex as i}from"../../flex/Flex.js";import{Icon as s}from"../../icon/Icon.js";import{sidedrawerItemStyles as c}from"../Sidedrawer.styles.js";const p=t(n,{justifyContent:"space-between",m:0,p:0,"&[data-state=open]":{fontWeight:"600"},...c}),d=t(s,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"}}),f=({children:r,...o})=>e.createElement(a,null,e.createElement(p,{...o},e.createElement(i,{css:{alignItems:"center"}},r),e.createElement(d,{is:m,size:"sm"})));export{f as SidedrawerAccordionTrigger};
-//# sourceMappingURL=SidedrawerAccordionTrigger.js.map

package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerAccordionTrigger.js","sources":["../../../../src/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Header, Trigger } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../../flex/Flex'\nimport { Icon } from '../../icon/Icon'\nimport { sidedrawerItemStyles } from '../Sidedrawer.styles'\n\nconst StyledTrigger = styled(Trigger, {\n  justifyContent: 'space-between',\n  m: 0,\n  p: 0,\n  '&[data-state=open]': { fontWeight: '600' },\n  ...sidedrawerItemStyles\n})\n\nconst StyledIcon = styled(Icon, {\n  transition: 'transform 300ms',\n  '[data-state=\"open\"] > &': {\n    transform: 'rotate(180deg)'\n  }\n})\n\nexport const SidedrawerAccordionTrigger: React.FC<\n  React.ComponentProps<typeof StyledTrigger>\n> = ({ children, ...remainingProps }) => (\n  <Header>\n    <StyledTrigger {...remainingProps}>\n      <Flex\n        css={{\n          alignItems: 'center'\n        }}\n      >\n        {children}\n      </Flex>\n      <StyledIcon is={ChevronDown} size=\"sm\" />\n    </StyledTrigger>\n  </Header>\n)\n"],"names":["StyledTrigger","styled","Trigger","sidedrawerItemStyles","StyledIcon","Icon","SidedrawerAccordionTrigger","children","remainingProps","React","Header","Flex","ChevronDown"],"mappings":"yUAUA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,eAAgB,gBAChB,EAAG,EACH,EAAG,EACH,qBAAsB,CAAE,WAAY,KAAM,EAC1C,GAAGC,CACL,CAAC,EAEKC,EAAaH,EAAOI,EAAM,CAC9B,WAAY,kBACZ,0BAA2B,CACzB,UAAW,gBACb,CACF,CAAC,EAEYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAe,IACjCC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACT,EAAA,CAAe,GAAGQ,GACjBC,EAAA,cAACE,EAAA,CACC,IAAK,CACH,WAAY,QACd,CAAA,EAECJ,CACH,EACAE,EAAA,cAACL,EAAA,CAAW,GAAIQ,EAAa,KAAK,IAAK,CAAA,CACzC,CACF"}

package/dist/components/sidedrawer/SidedrawerAccordion/index.d.ts

@@ -1,4 +0,0 @@
-export { SidedrawerAccordionRoot } from './SidedrawerAccordionRoot';
-export { SidedrawerAccordionContent } from './SidedrawerAccordionContent';
-export { SidedrawerAccordionItem } from './SidedrawerAccordionItem';
-export { SidedrawerAccordionTrigger } from './SidedrawerAccordionTrigger';

package/dist/components/sidedrawer/SidedrawerBody.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const SidedrawerBody: React.FC;

package/dist/components/sidedrawer/SidedrawerBody.js

@@ -1,2 +0,0 @@
-import r,{isValidElement as l}from"react";import{Box as d}from"../box/Box.js";import{SidedrawerAccordionRoot as m}from"./SidedrawerAccordion/SidedrawerAccordionRoot.js";import"./SidedrawerAccordion/SidedrawerAccordionContent.js";import"./SidedrawerAccordion/SidedrawerAccordionItem.js";import"./SidedrawerAccordion/SidedrawerAccordionTrigger.js";const a=({children:e})=>{let o=!1;return r.Children.forEach(e,t=>{var i;l(t)&&((i=t.props)==null?void 0:i.value)&&(o=!0)}),r.createElement(d,{css:{flexGrow:1,width:"100%",overflowY:"auto"}},o?r.createElement(m,{type:"single"},e):e)};export{a as SidedrawerBody};
-//# sourceMappingURL=SidedrawerBody.js.map

package/dist/components/sidedrawer/SidedrawerBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerBody.js","sources":["../../../src/components/sidedrawer/SidedrawerBody.tsx"],"sourcesContent":["import React, { isValidElement } from 'react'\n\nimport { Box } from '../box'\nimport { SidedrawerAccordionRoot } from './SidedrawerAccordion/'\n\nexport const SidedrawerBody: React.FC = ({ children }) => {\n  let hasAccordionItems = false\n\n  React.Children.forEach(children, (child) => {\n    if (isValidElement(child) && child.props?.value) {\n      hasAccordionItems = true\n    }\n  })\n\n  return (\n    <Box\n      css={{\n        flexGrow: 1,\n        width: '100%',\n        overflowY: 'auto'\n      }}\n    >\n      {hasAccordionItems ? (\n        <SidedrawerAccordionRoot type=\"single\">\n          {children}\n        </SidedrawerAccordionRoot>\n      ) : (\n        children\n      )}\n    </Box>\n  )\n}\n"],"names":["SidedrawerBody","children","hasAccordionItems","React","child","_a","isValidElement","Box","SidedrawerAccordionRoot"],"mappings":"0VAKO,MAAMA,EAA2B,CAAC,CAAE,SAAAC,CAAS,IAAM,CACxD,IAAIC,EAAoB,GAExB,OAAAC,EAAM,SAAS,QAAQF,EAAWG,GAAU,CAR9C,IAAAC,EASQC,EAAeF,CAAK,KAAKC,EAAAD,EAAM,QAAN,KAAAC,OAAAA,EAAa,SACxCH,EAAoB,GAExB,CAAC,EAGCC,EAAA,cAACI,EAAA,CACC,IAAK,CACH,SAAU,EACV,MAAO,OACP,UAAW,MACb,CAAA,EAECL,EACCC,EAAA,cAACK,EAAA,CAAwB,KAAK,QAAA,EAC3BP,CACH,EAEAA,CAEJ,CAEJ"}

package/dist/components/sidedrawer/SidedrawerClose.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ActionIcon } from '../action-icon/ActionIcon';
-export declare const SidedrawerClose: React.FC<React.ComponentProps<typeof ActionIcon>>;

package/dist/components/sidedrawer/SidedrawerClose.js

@@ -1,2 +0,0 @@
-import{Close as l}from"@atom-learning/icons";import{Close as i}from"@radix-ui/react-dialog";import e from"react";import{ActionIcon as s}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";const c=({appearance:o="simple",label:r="close",size:t="md",theme:m="neutral",...a})=>e.createElement(i,{asChild:!0},e.createElement(s,{theme:m,appearance:o,size:t,label:r,...a},e.createElement(p,{is:l})));export{c as SidedrawerClose};
-//# sourceMappingURL=SidedrawerClose.js.map

package/dist/components/sidedrawer/SidedrawerClose.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerClose.js","sources":["../../../src/components/sidedrawer/SidedrawerClose.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport { Close as DialogClose } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const SidedrawerClose: React.FC<\n  React.ComponentProps<typeof ActionIcon>\n> = ({\n  appearance = 'simple',\n  label = 'close',\n  size = 'md',\n  theme = 'neutral',\n\n  ...remainingProps\n}) => (\n  <DialogClose asChild>\n    <ActionIcon\n      theme={theme}\n      appearance={appearance}\n      size={size}\n      label={label}\n      {...remainingProps}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  </DialogClose>\n)\n"],"names":["SidedrawerClose","appearance","label","size","theme","remainingProps","React","DialogClose","ActionIcon","Icon","Close"],"mappings":"kNAOa,MAAAA,EAET,CAAC,CACH,WAAAC,EAAa,SACb,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,MAAAC,EAAQ,aAELC,CACL,IACEC,EAAA,cAACC,EAAA,CAAY,QAAO,EAClBD,EAAAA,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,WAAYH,EACZ,KAAME,EACN,MAAOD,EACN,GAAGG,CAAAA,EAEJC,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF"}

package/dist/components/sidedrawer/SidedrawerContent.js

@@ -1,2 +0,0 @@
-import{Content as i,Portal as a}from"@radix-ui/react-dialog";import t from"react";import{MAX_Z_INDEX as r}from"../../constants/zIndices.js";import{styled as m}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{slideInLeft as n,slideOutLeft as d}from"../../utilities/style/keyframe-animations.js";import{SidedrawerOverlay as l}from"./SidedrawerOverlay.js";const s=m(i,{bg:"white",boxShadow:"$2",display:"flex",flexDirection:"column",position:"fixed",top:0,left:0,height:"100%",maxWidth:"304px",width:"100%",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${n} 250ms ease-out`},'&[data-state="closed"]':{animation:`${d} 250ms ease-out`}}}),p=({children:e,...o})=>t.createElement(a,null,t.createElement(l,{"data-testid":"sidedrawer_overlay"}),t.createElement(s,{role:"navigation",...o},e));export{p as SidedrawerContent};
-//# sourceMappingURL=SidedrawerContent.js.map

package/dist/components/sidedrawer/SidedrawerContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerContent.js","sources":["../../../src/components/sidedrawer/SidedrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { styled } from '~/stitches'\nimport { slideInLeft, slideOutLeft } from '~/utilities'\n\nimport { SidedrawerOverlay } from './SidedrawerOverlay'\n\nconst StyledContent = styled(Content, {\n  bg: 'white',\n  boxShadow: '$2',\n  display: 'flex',\n  flexDirection: 'column',\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  height: '100%',\n  maxWidth: '304px',\n  width: '100%',\n  zIndex: MAX_Z_INDEX,\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${slideInLeft} 250ms ease-out`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${slideOutLeft} 250ms ease-out`\n    }\n  }\n})\n\nexport const SidedrawerContent: React.FC<\n  React.ComponentProps<typeof StyledContent>\n> = ({ children, ...remainingProps }) => (\n  <Portal>\n    <SidedrawerOverlay data-testid=\"sidedrawer_overlay\" />\n    <StyledContent role=\"navigation\" {...remainingProps}>\n      {children}\n    </StyledContent>\n  </Portal>\n)\n"],"names":["StyledContent","styled","Content","MAX_Z_INDEX","slideInLeft","slideOutLeft","SidedrawerContent","children","remainingProps","React","Portal","SidedrawerOverlay"],"mappings":"kdASA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,GAAI,QACJ,UAAW,KACX,QAAS,OACT,cAAe,SACf,SAAU,QACV,IAAK,EACL,KAAM,EACN,OAAQ,OACR,SAAU,QACV,MAAO,OACP,OAAQC,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF,CAAC,EAEYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAe,IACjCC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACE,EAAA,CAAkB,cAAY,qBAAqB,EACpDF,EAAA,cAACT,EAAA,CAAc,KAAK,aAAc,GAAGQ,CAClCD,EAAAA,CACH,CACF"}

package/dist/components/sidedrawer/SidedrawerFooter.js

@@ -1,2 +0,0 @@
-import{styled as o}from"../../stitches.js";const t=o("footer",{alignItems:"center",borderTop:"1px solid $tonal100",bottom:0,boxShadow:"$3",display:"flex",height:"$6",justifyContent:"center",p:"$3",width:"100%"});export{t as SidedrawerFooter};
-//# sourceMappingURL=SidedrawerFooter.js.map

package/dist/components/sidedrawer/SidedrawerFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerFooter.js","sources":["../../../src/components/sidedrawer/SidedrawerFooter.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const SidedrawerFooter = styled('footer', {\n  alignItems: 'center',\n  borderTop: '1px solid $tonal100',\n  bottom: 0,\n  boxShadow: '$3',\n  display: 'flex',\n  height: '$6',\n  justifyContent: 'center',\n  p: '$3',\n  width: '100%'\n})\n"],"names":["SidedrawerFooter","styled"],"mappings":"2CAEa,MAAAA,EAAmBC,EAAO,SAAU,CAC/C,WAAY,SACZ,UAAW,sBACX,OAAQ,EACR,UAAW,KACX,QAAS,OACT,OAAQ,KACR,eAAgB,SAChB,EAAG,KACH,MAAO,MACT,CAAC"}

package/dist/components/sidedrawer/SidedrawerHeader.js

@@ -1,2 +0,0 @@
-import e from"react";import{styled as o}from"../../stitches.js";import{TopBar as d}from"../top-bar/TopBar.js";const m=o("header",{"> div":{width:"100%"}}),a=({children:r,...t})=>e.createElement(m,{...t},e.createElement(d,{css:{mx:"$3"}},r));export{a as SidedrawerHeader};
-//# sourceMappingURL=SidedrawerHeader.js.map

package/dist/components/sidedrawer/SidedrawerHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerHeader.js","sources":["../../../src/components/sidedrawer/SidedrawerHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TopBar } from '../top-bar'\n\nconst StyledHeader = styled('header', {\n  '> div': {\n    width: '100%'\n  }\n})\n\nexport const SidedrawerHeader: React.FC<\n  React.ComponentProps<typeof StyledHeader>\n> = ({ children, ...remainingProps }) => (\n  <StyledHeader {...remainingProps}>\n    <TopBar\n      css={{\n        mx: '$3'\n      }}\n    >\n      {children}\n    </TopBar>\n  </StyledHeader>\n)\n"],"names":["StyledHeader","styled","SidedrawerHeader","children","remainingProps","React","TopBar"],"mappings":"8GAMA,MAAMA,EAAeC,EAAO,SAAU,CACpC,QAAS,CACP,MAAO,MACT,CACF,CAAC,EAEYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAe,IACjCC,EAAA,cAACL,EAAA,CAAc,GAAGI,GAChBC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,GAAI,IACN,CAECH,EAAAA,CACH,CACF"}

package/dist/components/sidedrawer/SidedrawerItem.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare type SidedrawerItemProps = {
-    active?: boolean;
-    disabled?: boolean;
-    href?: string;
-    onClick?: () => void;
-};
-export declare const SidedrawerItem: React.FC<SidedrawerItemProps>;
-export {};

package/dist/components/sidedrawer/SidedrawerItem.js

@@ -1,2 +0,0 @@
-import a from"react";import{styled as c}from"../../stitches.js";import{sidedrawerItemStyles as l}from"./Sidedrawer.styles.js";const d=c("a",l),n=c("button",l),s=({active:e,children:t,disabled:m,href:r,onClick:i,...o})=>r?a.createElement(d,{active:e,href:r,onClick:i,...o},t):a.createElement(n,{active:e,disabled:m,onClick:i,...o},t);export{s as SidedrawerItem};
-//# sourceMappingURL=SidedrawerItem.js.map

package/dist/components/sidedrawer/SidedrawerItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerItem.js","sources":["../../../src/components/sidedrawer/SidedrawerItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { sidedrawerItemStyles } from './Sidedrawer.styles'\n\nconst StyledLink = styled('a', sidedrawerItemStyles)\nconst StyledButton = styled('button', sidedrawerItemStyles)\n\ntype SidedrawerItemProps = {\n  active?: boolean\n  disabled?: boolean\n  href?: string\n  onClick?: () => void\n}\n\nexport const SidedrawerItem: React.FC<SidedrawerItemProps> = ({\n  active,\n  children,\n  disabled,\n  href,\n  onClick,\n  ...remainingProps\n}) => {\n  if (href) {\n    return (\n      <StyledLink\n        active={active}\n        href={href}\n        onClick={onClick}\n        {...remainingProps}\n      >\n        {children}\n      </StyledLink>\n    )\n  }\n\n  return (\n    <StyledButton\n      active={active}\n      disabled={disabled}\n      onClick={onClick}\n      {...remainingProps}\n    >\n      {children}\n    </StyledButton>\n  )\n}\n"],"names":["StyledLink","styled","sidedrawerItemStyles","StyledButton","SidedrawerItem","active","children","disabled","href","onClick","remainingProps","React"],"mappings":"8HAMA,MAAMA,EAAaC,EAAO,IAAKC,CAAoB,EAC7CC,EAAeF,EAAO,SAAUC,CAAoB,EAS7CE,EAAgD,CAAC,CAC5D,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,QAAAC,KACGC,CACL,IACMF,EAEAG,EAAA,cAACX,EAAA,CACC,OAAQK,EACR,KAAMG,EACN,QAASC,EACR,GAAGC,CAEHJ,EAAAA,CACH,EAKFK,EAAA,cAACR,EAAA,CACC,OAAQE,EACR,SAAUE,EACV,QAASE,EACR,GAAGC,GAEHJ,CACH"}

package/dist/components/sidedrawer/SidedrawerOverlay.js

@@ -1,2 +0,0 @@
-import{Overlay as o}from"@radix-ui/react-dialog";import{MAX_Z_INDEX as t}from"../../constants/zIndices.js";import{styled as a}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{fadeIn as e,fadeOut as i}from"../../utilities/style/keyframe-animations.js";const r=a(o,{animationFillMode:"forwards",bg:"$alpha600",cursor:"pointer",height:"100vh",left:"0",position:"fixed",top:"0",width:"100vw",zIndex:t-1,"@allowMotion":{'&[data-state="open"]':{animation:`${e} 250ms ease-out`},'&[data-state="closed"]':{animation:`${i} 550ms ease-out`}}});export{r as SidedrawerOverlay};
-//# sourceMappingURL=SidedrawerOverlay.js.map

package/dist/components/sidedrawer/SidedrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidedrawerOverlay.js","sources":["../../../src/components/sidedrawer/SidedrawerOverlay.tsx"],"sourcesContent":["import { Overlay } from '@radix-ui/react-dialog'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { styled } from '~/stitches'\nimport { fadeIn, fadeOut } from '~/utilities'\n\nexport const SidedrawerOverlay = styled(Overlay, {\n  animationFillMode: 'forwards',\n  bg: '$alpha600',\n  cursor: 'pointer',\n  height: '100vh',\n  left: '0',\n  position: 'fixed',\n  top: '0',\n  width: '100vw',\n  zIndex: MAX_Z_INDEX - 1,\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"],"names":["SidedrawerOverlay","styled","Overlay","MAX_Z_INDEX","fadeIn","fadeOut"],"mappings":"4WAMO,MAAMA,EAAoBC,EAAOC,EAAS,CAC/C,kBAAmB,WACnB,GAAI,YACJ,OAAQ,UACR,OAAQ,QACR,KAAM,IACN,SAAU,QACV,IAAK,IACL,MAAO,QACP,OAAQC,EAAc,EACtB,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF,CAAC"}

package/dist/components/sidedrawer/SidedrawerTrigger.js

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

package/dist/components/sidedrawer/SidedrawerTrigger.js.map

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

package/dist/components/sidedrawer/index.d.ts

@@ -1 +0,0 @@
-export { Sidedrawer } from './Sidedrawer';