@atom-learning/components 6.3.1 → 6.4.1

package/dist/index.js

@@ -1,2 +1,2 @@
-import{Accordion as p}from"./components/accordion/Accordion.js";import{ActionIcon as x}from"./components/action-icon/ActionIcon.js";import{AlertDialog as a}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as l,useAlert as n}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as u}from"./components/avatar/Avatar.js";import{Badge as c}from"./components/badge/Badge.js";import{BannerRegular as S}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as b}from"./components/banner/banner-slim/BannerSlim.js";import{Box as C}from"./components/box/Box.js";import{Button as h,StyledButton as B}from"./components/button/Button.js";import{Carousel as G,useCarousel as k}from"./components/carousel/Carousel.js";import{Checkbox as w}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as A}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as N}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as y}from"./components/checkbox-field/CheckboxField.js";import{Chip as W}from"./components/chip/Chip.js";import{ChipGroup as E}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as K}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as $}from"./components/chip-toggle-group/index.js";import{Combobox as q}from"./components/combobox/Combobox.js";import{CreatePasswordField as J}from"./components/create-password-field/CreatePasswordField.js";import{DataTable as U}from"./components/data-table/DataTable.js";import{useDataTable as Y}from"./components/data-table/DataTableContext.js";import{DateField as _}from"./components/date-field/DateField.js";import{DateInput as ro}from"./components/date-input/DateInput.js";import{Dialog as to}from"./components/dialog/Dialog.js";import{Dismissible as mo}from"./components/dismissible/index.js";import{DismissibleGroup as fo}from"./components/dismissible-group/index.js";import{Divider as io}from"./components/divider/Divider.js";import{Drawer as no}from"./components/drawer/Drawer.js";import{DropdownMenu as so}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as To}from"./components/empty-state/EmptyState.js";import{FieldWrapper as go}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Fo}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Io}from"./components/file-input/FileInput.js";import{Flex as Bo}from"./components/flex/Flex.js";import{Form as Go}from"./components/form/Form.js";import{Grid as vo}from"./components/grid/Grid.js";import{Heading as Po}from"./components/heading/Heading.js";import{Icon as Mo}from"./components/icon/Icon.js";import{Image as Ro}from"./components/image/Image.js";import{InlineMessage as Lo}from"./components/inline-message/InlineMessage.js";import{Input as Vo,InputBackground as Eo,InputText as Ho}from"./components/input/Input.js";import{InputField as Oo}from"./components/input-field/InputField.js";import{Label as jo}from"./components/label/Label.js";import{Link as zo,StyledLink as Jo}from"./components/link/Link.js";import{List as Uo}from"./components/list/List.js";import{Loader as Yo}from"./components/loader/Loader.js";import{MarkdownContent as _o}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as rr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as tr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as mr}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as fr}from"./components/number-input/NumberInput.js";import{NumberInputField as ir}from"./components/number-input-field/NumberInputField.js";import{Pagination as nr}from"./components/pagination/Pagination.js";import{PasswordField as ur}from"./components/password-field/PasswordField.js";import{PasswordInput as cr}from"./components/password-input/PasswordInput.js";import{Popover as Sr}from"./components/popover/Popover.js";import{ProgressBar as br}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Cr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as hr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as Dr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as kr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as wr}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Ar}from"./components/search-field/SearchField.js";import{SearchInput as Nr}from"./components/search-input/SearchInput.js";import{SectionMessage as yr}from"./components/section-message/SectionMessage.js";import{Select as Wr}from"./components/select/Select.js";import{SelectField as Er}from"./components/select-field/SelectField.js";import{SideBar as Kr}from"./components/side-bar/SideBar.js";import{useSidebarState as $r}from"./components/side-bar/SideBarContext.js";import{Slider as qr}from"./components/slider/Slider.js";import{SliderField as Jr}from"./components/slider-field/SliderField.js";import*as o from"./components/sortable/index.js";import*as r from"./components/skeleton-loader/index.js";import{Spacer as Ur}from"./components/spacer/Spacer.js";import{Stepper as Yr}from"./components/stepper/Stepper.js";import{Switch as _r}from"./components/switch/Switch.js";import{Table as re}from"./components/table/Table.js";import{Tabs as te}from"./components/tabs/Tabs.js";import{Text as me}from"./components/text/Text.js";import{Textarea as fe}from"./components/textarea/Textarea.js";import{TextareaField as ie}from"./components/textarea-field/TextareaField.js";import{Tile as ne}from"./components/tile/Tile.js";import{TileGroup as ue}from"./components/tile/TileGroup.js";import{TileInteractive as ce}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Se}from"./components/tile-toggle-group/index.js";import{ToastProvider as be}from"./components/toast/ToastProvider.js";import{Toast as Ce}from"./components/toast/Toast.js";import{ToggleGroup as he}from"./components/toggle-group/index.js";import{Tooltip as De}from"./components/tooltip/Tooltip.js";import{TopBar as ke}from"./components/top-bar/TopBar.js";import{Tree as we}from"./components/tree/Tree.js";import{Video as Ae}from"./components/video/Video.js";import{KeyboardShortcut as Ne}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as ye}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as We}from"./components/file-drop/FileDrop.js";import{useFileDrop as Ee}from"./components/file-drop/useFileDrop.js";import{Theme as Ke,createTheme as Oe,styled as $e}from"./styled.js";import{ColorScheme as qe}from"./experiments/color-scheme/ColorScheme.js";import{NoOverflowWrapper as Je}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as Ue}from"react-hot-toast";export{p as Accordion,x as ActionIcon,a as AlertDialog,l as AlertProvider,u as Avatar,c as Badge,S as BannerRegular,b as BannerSlim,C as Box,h as Button,G as Carousel,w as Checkbox,y as CheckboxField,A as CheckboxGroup,N as CheckboxTree,W as Chip,K as ChipDismissibleGroup,E as ChipGroup,$ as ChipToggleGroup,qe as ColorScheme,q as Combobox,J as CreatePasswordField,U as DataTable,_ as DateField,ro as DateInput,to as Dialog,mo as Dismissible,fo as DismissibleGroup,io as Divider,no as Drawer,so as DropdownMenu,To as EmptyState,go as FieldWrapper,We as FileDrop,Io as FileInput,Bo as Flex,Go as Form,vo as Grid,Po as Heading,Mo as Icon,Ro as Image,Fo as InlineFieldWrapper,Lo as InlineMessage,Vo as Input,Eo as InputBackground,Oo as InputField,Ho as InputText,Ne as KeyboardShortcut,jo as Label,zo as Link,Uo as List,Yo as Loader,_o as MarkdownContent,rr as NavigationMenu,tr as NavigationMenuVertical,Je as NoOverflowWrapper,mr as NotificationBadge,fr as NumberInput,ir as NumberInputField,nr as Pagination,ur as PasswordField,cr as PasswordInput,Sr as Popover,br as ProgressBar,Cr as RadioButton,Dr as RadioButtonField,hr as RadioButtonGroup,kr as RadioCard,wr as RadioCardGroup,Ar as SearchField,Nr as SearchInput,yr as SectionMessage,ye as SegmentedControl,Wr as Select,Er as SelectField,Kr as SideBar,r as Skeleton,qr as Slider,Jr as SliderField,o as Sortable,Ur as Spacer,Yr as Stepper,B as StyledButton,Jo as StyledLink,_r as Switch,re as Table,te as Tabs,me as Text,fe as Textarea,ie as TextareaField,Ke as Theme,ne as Tile,ue as TileGroup,ce as TileInteractive,Se as TileToggleGroup,Ce as Toast,be as ToastProvider,he as ToggleGroup,De as Tooltip,ke as TopBar,we as Tree,Ae as Video,Oe as createTheme,$e as styled,Ue as toast,n as useAlert,k as useCarousel,Y as useDataTable,Ee as useFileDrop,$r as useSidebarState};
+import{Accordion as p}from"./components/accordion/Accordion.js";import{ActionIcon as x}from"./components/action-icon/ActionIcon.js";import{AlertDialog as a}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as l,useAlert as n}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as u}from"./components/avatar/Avatar.js";import{Badge as c}from"./components/badge/Badge.js";import{BannerRegular as T}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as b}from"./components/banner/banner-slim/BannerSlim.js";import{Box as C}from"./components/box/Box.js";import{Button as h,StyledButton as B}from"./components/button/Button.js";import{Carousel as G,useCarousel as k}from"./components/carousel/Carousel.js";import{Checkbox as w}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as A}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as N}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as y}from"./components/checkbox-field/CheckboxField.js";import{Chip as W}from"./components/chip/Chip.js";import{ChipGroup as E}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as K}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as $}from"./components/chip-toggle-group/index.js";import{Combobox as q}from"./components/combobox/Combobox.js";import{CreatePasswordField as J}from"./components/create-password-field/CreatePasswordField.js";import{DataTable as U}from"./components/data-table/DataTable.js";import{useDataTable as Y}from"./components/data-table/DataTableContext.js";import{DateField as _}from"./components/date-field/DateField.js";import{DateInput as ro}from"./components/date-input/DateInput.js";import{Dialog as to}from"./components/dialog/Dialog.js";import{Dismissible as mo}from"./components/dismissible/index.js";import{DismissibleGroup as fo}from"./components/dismissible-group/index.js";import{Divider as io}from"./components/divider/Divider.js";import{Drawer as no}from"./components/drawer/Drawer.js";import{DropdownMenu as so}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as So}from"./components/empty-state/EmptyState.js";import{FieldWrapper as go}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Fo}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Io}from"./components/file-input/FileInput.js";import{Flex as Bo}from"./components/flex/Flex.js";import{Form as Go}from"./components/form/Form.js";import{Grid as vo}from"./components/grid/Grid.js";import{Heading as Po}from"./components/heading/Heading.js";import{Icon as Mo}from"./components/icon/Icon.js";import{Image as Ro}from"./components/image/Image.js";import{InlineMessage as Lo}from"./components/inline-message/InlineMessage.js";import{Input as Vo,InputBackground as Eo,InputText as Ho}from"./components/input/Input.js";import{InputField as Oo}from"./components/input-field/InputField.js";import{Label as jo}from"./components/label/Label.js";import{Link as zo,StyledLink as Jo}from"./components/link/Link.js";import{List as Uo}from"./components/list/List.js";import{Loader as Yo}from"./components/loader/Loader.js";import{MarkdownContent as _o}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as rr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as tr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as mr}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as fr}from"./components/number-input/NumberInput.js";import{NumberInputField as ir}from"./components/number-input-field/NumberInputField.js";import{Pagination as nr}from"./components/pagination/Pagination.js";import{PasswordField as ur}from"./components/password-field/PasswordField.js";import{PasswordInput as cr}from"./components/password-input/PasswordInput.js";import{Popover as Tr}from"./components/popover/Popover.js";import{ProgressBar as br}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Cr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as hr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as Dr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as kr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as wr}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Ar}from"./components/search-field/SearchField.js";import{SearchInput as Nr}from"./components/search-input/SearchInput.js";import{SectionMessage as yr}from"./components/section-message/SectionMessage.js";import{Select as Wr}from"./components/select/Select.js";import{SelectField as Er}from"./components/select-field/SelectField.js";import{SideBar as Kr}from"./components/side-bar/SideBar.js";import{useSidebarState as $r}from"./components/side-bar/SideBarContext.js";import{Slider as qr}from"./components/slider/Slider.js";import{SliderField as Jr}from"./components/slider-field/SliderField.js";import*as o from"./components/sortable/index.js";import*as r from"./components/skeleton-loader/index.js";import{Spacer as Ur}from"./components/spacer/Spacer.js";import{Stepper as Yr}from"./components/stepper/Stepper.js";import{Switch as _r}from"./components/switch/Switch.js";import{Table as re}from"./components/table/Table.js";import{Tabs as te}from"./components/tabs/Tabs.js";import{Text as me}from"./components/text/Text.js";import{Textarea as fe}from"./components/textarea/Textarea.js";import{TextareaField as ie}from"./components/textarea-field/TextareaField.js";import{Tile as ne}from"./components/tile/Tile.js";import{TileInteractive as ue}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as ce}from"./components/tile-toggle-group/index.js";import{ToastProvider as Te}from"./components/toast/ToastProvider.js";import{Toast as be}from"./components/toast/Toast.js";import{ToggleGroup as Ce}from"./components/toggle-group/index.js";import{Tooltip as he}from"./components/tooltip/Tooltip.js";import{TopBar as De}from"./components/top-bar/TopBar.js";import{Tree as ke}from"./components/tree/Tree.js";import{Video as we}from"./components/video/Video.js";import{KeyboardShortcut as Ae}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as Ne}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as ye}from"./components/file-drop/FileDrop.js";import{useFileDrop as We}from"./components/file-drop/useFileDrop.js";import{Theme as Ee,createTheme as He,styled as Ke}from"./styled.js";import{ColorScheme as $e}from"./experiments/color-scheme/ColorScheme.js";import{NoOverflowWrapper as qe}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as Je}from"react-hot-toast";export{p as Accordion,x as ActionIcon,a as AlertDialog,l as AlertProvider,u as Avatar,c as Badge,T as BannerRegular,b as BannerSlim,C as Box,h as Button,G as Carousel,w as Checkbox,y as CheckboxField,A as CheckboxGroup,N as CheckboxTree,W as Chip,K as ChipDismissibleGroup,E as ChipGroup,$ as ChipToggleGroup,$e as ColorScheme,q as Combobox,J as CreatePasswordField,U as DataTable,_ as DateField,ro as DateInput,to as Dialog,mo as Dismissible,fo as DismissibleGroup,io as Divider,no as Drawer,so as DropdownMenu,So as EmptyState,go as FieldWrapper,ye as FileDrop,Io as FileInput,Bo as Flex,Go as Form,vo as Grid,Po as Heading,Mo as Icon,Ro as Image,Fo as InlineFieldWrapper,Lo as InlineMessage,Vo as Input,Eo as InputBackground,Oo as InputField,Ho as InputText,Ae as KeyboardShortcut,jo as Label,zo as Link,Uo as List,Yo as Loader,_o as MarkdownContent,rr as NavigationMenu,tr as NavigationMenuVertical,qe as NoOverflowWrapper,mr as NotificationBadge,fr as NumberInput,ir as NumberInputField,nr as Pagination,ur as PasswordField,cr as PasswordInput,Tr as Popover,br as ProgressBar,Cr as RadioButton,Dr as RadioButtonField,hr as RadioButtonGroup,kr as RadioCard,wr as RadioCardGroup,Ar as SearchField,Nr as SearchInput,yr as SectionMessage,Ne as SegmentedControl,Wr as Select,Er as SelectField,Kr as SideBar,r as Skeleton,qr as Slider,Jr as SliderField,o as Sortable,Ur as Spacer,Yr as Stepper,B as StyledButton,Jo as StyledLink,_r as Switch,re as Table,te as Tabs,me as Text,fe as Textarea,ie as TextareaField,Ee as Theme,ne as Tile,ue as TileInteractive,ce as TileToggleGroup,be as Toast,Te as ToastProvider,Ce as ToggleGroup,he as Tooltip,De as TopBar,ke as Tree,we as Video,He as createTheme,Ke as styled,Je as toast,n as useAlert,k as useCarousel,Y as useDataTable,We as useFileDrop,$r as useSidebarState};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -4,11 +4,13 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "6.3.1",
+  "version": "6.4.1",
   "description": "",
   "files": [
     "dist",
     "src/index.css",
+    "src/animation.css",
+    "src/utilities.css",
     "src/responsive-variant-classes.css",
     "scripts/vite-plugin-tailwind-responsive-variant-classes.mjs",
     "scripts/generate-responsive-variant-classes.mjs"

package/src/animation.css

@@ -0,0 +1,109 @@
+@theme {
+    --easing: cubic-bezier(0.22, 1, 0.36, 1);
+
+    /**
+     * Animations
+     */
+    --animate-accordion-open: accordion-open 300ms ease-out;
+    --animate-accordion-close: accordion-close 300ms ease-out;
+  
+    @keyframes accordion-open {
+      from {
+        height: 0;
+      }
+      to {
+        height: var(--radix-accordion-content-height);
+      }
+    }
+    @keyframes accordion-close {
+      from {
+        height: var(--radix-accordion-content-height);
+      }
+      to {
+        height: 0;
+      }
+    }
+  
+    --animate-fade-in: fade-in 550ms var(--easing);
+    --animate-fade-out: fade-out 550ms var(--easing);
+  
+    @keyframes fade-in {
+      0% {
+        opacity: 0;
+      }
+      100% {
+        opacity: 1;
+      }
+    }
+    @keyframes fade-out {
+      0% {
+        opacity: 1;
+      }
+      100% {
+        opacity: 0;
+      }
+    }
+  
+    --animate-slide-direction-in: slide-direction-in 225ms ease-out;
+    --animate-slide-direction-out: slide-direction-out 125ms ease-out;
+  
+    @keyframes slide-direction-in {
+      0% {
+        opacity: var(--slide-opacity-out, 1);
+        translate: var(--slide-direction-out-x, 0) var(--slide-direction-out-y, 0);
+      }
+      100% {
+        opacity: var(--slide-opacity-in, 1);
+        translate: var(--slide-direction-in-x, 0) var(--slide-direction-in-y, 0);
+      }
+    }
+    @keyframes slide-direction-out {
+      0% {
+        opacity: var(--slide-opacity-in, 1);
+        translate: var(--slide-direction-in-x, 0) var(--slide-direction-in-y, 0);
+      }
+      100% {
+        opacity: var(--slide-opacity-out, 1);
+        translate: var(--slide-direction-out-x, 0) var(--slide-direction-out-y, 0);
+      }
+    }
+  
+    --animate-slide-in-center: slide-in-center 550ms var(--easing);
+    --animate-slide-out-center: slide-out-center 550ms var(--easing);
+  
+    /**
+     * `transform: translate()` is required for `floating-ui` to
+     * correctly position elements within the Dialog component.
+     */
+    @keyframes slide-in-center {
+      0% {
+        transform: translate(-50%, 50vh);
+      }
+      100% {
+        transform: translate(-50%, -50%);
+      }
+    }
+    @keyframes slide-out-center {
+      0% {
+        transform: translate(-50%, -50%);
+      }
+      100% {
+        transform: translate(-50%, 50vh);
+      }
+    }
+  
+    --animate-shimmer: shimmer 2000ms ease-in-out 500ms infinite;
+  
+    @keyframes shimmer {
+      0% {
+        opacity: 1
+      }
+      50% {
+        opacity: 0.4
+      }
+      100% {
+        opacity: 1
+      }
+    }
+  }
+  

package/src/utilities.css

@@ -0,0 +1,87 @@
+@utility animation-delay-* {
+  animation-delay: calc(--value(integer) * 1ms);
+}
+
+@utility animation-duration-* {
+  animation-duration: calc(--value(integer) * 1ms);
+}
+
+@utility capsize-* {
+  &::before {
+    content: '';
+    margin-bottom: calc(-1em * --value([number]));
+    display: table;
+  }
+  &::after {
+    content: '';
+    margin-top: calc(-1em * --value([number]));
+    display: table;
+  }
+  & > & {
+    display: inline;
+    &::before,
+    &::after {
+      display: none !important;
+    }
+  }
+}
+
+@utility capsize-before-* {
+  &::before {
+    content: '';
+    margin-bottom: calc(-1em * --value([number]));
+    display: table;
+  }
+  & > &::before {
+    display: none !important;
+  } 
+}
+
+@utility capsize-after-* {
+  &::after {
+    content: '';
+    margin-top: calc(-1em * --value([number]));
+    display: table;
+  }
+  & > &::after {
+    display: none !important;
+  } 
+}
+
+@utility capsize-none {
+  &::before,
+  &::after {
+    display: none !important;
+  }
+}
+
+/**
+  * Font Feature Settings for Inter
+  */
+@utility readability-features {
+  font-feature-settings: var(--readability-features);
+}
+
+@utility readability-number-features {
+  font-feature-settings: var(--readability-number-features);
+}
+
+@utility grid-areas-* {
+  grid-template-areas: --value([*]);
+}
+
+@utility grid-in-* {
+  grid-area: --value([*]);
+}
+
+@custom-variant supports-color-mix {
+  @supports (background-color: color-mix(in hsl, white 50%, transparent)) {
+    @slot;
+  }
+}
+
+@custom-variant supports-svh {
+  @supports (height: 100svh) {
+    @slot;
+  }
+}

package/dist/components/tile/TileGroup.d.ts

@@ -1,11 +0,0 @@
-export declare const TileGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
-    as?: import("react").ElementType;
-}>;

package/dist/components/tile/TileGroup.js

@@ -1,2 +0,0 @@
-import{Flex as o}from"../flex/Flex.js";const r=o;export{r as TileGroup};
-//# sourceMappingURL=TileGroup.js.map

package/dist/components/tile/TileGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TileGroup.js","sources":["../../../src/components/tile/TileGroup.tsx"],"sourcesContent":["import { Flex } from '~/components/flex/Flex'\n\nexport const TileGroup = Flex\n"],"names":["TileGroup","Flex"],"mappings":"uCAEO,MAAMA,EAAYC"}