@atom-learning/components 6.0.0-beta.31 → 6.0.0-beta.33

package/dist/index.js

@@ -1,2 +1,2 @@
-import{Accordion as x}from"./components/accordion/Accordion.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as d,useAlert as u}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as c}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{BannerRegular as b}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as C}from"./components/banner/banner-slim/BannerSlim.js";import{Box as h}from"./components/box/Box.js";import{Button as D,StyledButton as G}from"./components/button/Button.js";import{Carousel as k,useCarousel as w}from"./components/carousel/Carousel.js";import{Checkbox as A}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as N}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as y}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as W}from"./components/checkbox-field/CheckboxField.js";import{Chip as E}from"./components/chip/Chip.js";import{ChipGroup as K}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as j}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as z}from"./components/chip-toggle-group/index.js";import{Combobox as Q}from"./components/combobox/Combobox.js";import{CreatePasswordField as X}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as Z}from"./components/data-table/DataTableContext.js";import{DataTable as $}from"./components/data-table/DataTable.js";import{DateField as ro}from"./components/date-field/DateField.js";import{DateInput as to}from"./components/date-input/DateInput.js";import{Dialog as mo}from"./components/dialog/Dialog.js";import{Dismissible as fo}from"./components/dismissible/index.js";import{DismissibleGroup as ao}from"./components/dismissible-group/index.js";import{Divider as no}from"./components/divider/Divider.js";import{Drawer as so}from"./components/drawer/Drawer.js";import{DropdownMenu as To}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as So}from"./components/empty-state/EmptyState.js";import{FieldWrapper as Fo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Io}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Bo}from"./components/file-input/FileInput.js";import{Flex as Go}from"./components/flex/Flex.js";import{Form as ko}from"./components/form/Form.js";import"dlv";import"react-hook-form";import"./components/form/useFormCustomContext.js";import{Grid as Po}from"./components/grid/Grid.js";import{Heading as Mo}from"./components/heading/Heading.js";import{Icon as Ro}from"./components/icon/Icon.js";import{Image as Lo}from"./components/image/Image.js";import{InlineMessage as Vo}from"./components/inline-message/InlineMessage.js";import{Input as Ho,InputBackground as Ko,InputText as Oo}from"./components/input/Input.js";import{InputField as qo}from"./components/input-field/InputField.js";import{Label as Jo}from"./components/label/Label.js";import{Link as Uo,StyledLink as Xo}from"./components/link/Link.js";import{List as Zo}from"./components/list/List.js";import{Loader as $o}from"./components/loader/Loader.js";import{MarkdownContent as rr}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as tr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as mr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as fr}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as ar}from"./components/number-input/NumberInput.js";import{NumberInputField as nr}from"./components/number-input-field/NumberInputField.js";import{Pagination as ur}from"./components/pagination/Pagination.js";import{PasswordField as cr}from"./components/password-field/PasswordField.js";import{PasswordInput as gr}from"./components/password-input/PasswordInput.js";import{Popover as br}from"./components/popover/Popover.js";import{ProgressBar as Cr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as hr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Dr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as vr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as wr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Ar}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Nr}from"./components/search-field/SearchField.js";import{SearchInput as yr}from"./components/search-input/SearchInput.js";import{SectionMessage as Wr}from"./components/section-message/SectionMessage.js";import{Select as Er}from"./components/select/Select.js";import{SelectField as Kr}from"./components/select-field/SelectField.js";import{SideBar as jr}from"./components/side-bar/SideBar.js";import{useSidebarState as zr}from"./components/side-bar/SideBarContext.js";import{Slider as Qr}from"./components/slider/Slider.js";import{SliderField as Xr}from"./components/slider-field/SliderField.js";import{Sortable as Zr}from"./components/sortable/index.js";import{Spacer as $r}from"./components/spacer/Spacer.js";import{Stepper as re}from"./components/stepper/Stepper.js";import{Switch as te}from"./components/switch/Switch.js";import{Table as me}from"./components/table/Table.js";import{Tabs as fe}from"./components/tabs/Tabs.js";import{Text as ae}from"./components/text/Text.js";import{Textarea as ne}from"./components/textarea/Textarea.js";import{TextareaField as ue}from"./components/textarea-field/TextareaField.js";import{Tile as ce}from"./components/tile/Tile.js";import{TileGroup as ge}from"./components/tile/TileGroup.js";import{TileInteractive as be}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Ce}from"./components/tile-toggle-group/index.js";import{Toast as he}from"./components/toast/Toast.js";import{ToastProvider as De}from"./components/toast/ToastProvider.js";import{ToggleGroup as ve}from"./components/toggle-group/index.js";import{Tooltip as we}from"./components/tooltip/Tooltip.js";import{TopBar as Ae}from"./components/top-bar/TopBar.js";import{Tree as Ne}from"./components/tree/Tree.js";import{Video as ye}from"./components/video/Video.js";import{KeyboardShortcut as We}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as Ee}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as Ke}from"./components/file-drop/FileDrop.js";import{useFileDrop as je}from"./components/file-drop/useFileDrop.js";import{Theme as ze,createTheme as Je,styled as Qe}from"./styled.js";import{ColorScheme as Xe}from"./experiments/color-scheme/ColorScheme.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as Ze}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as $e}from"react-hot-toast";export{x as Accordion,i as ActionIcon,l as AlertDialog,d as AlertProvider,c as Avatar,g as Badge,b as BannerRegular,C as BannerSlim,h as Box,D as Button,k as Carousel,A as Checkbox,W as CheckboxField,N as CheckboxGroup,y as CheckboxTree,E as Chip,j as ChipDismissibleGroup,K as ChipGroup,z as ChipToggleGroup,Xe as ColorScheme,Q as Combobox,X as CreatePasswordField,$ as DataTable,ro as DateField,to as DateInput,mo as Dialog,fo as Dismissible,ao as DismissibleGroup,no as Divider,so as Drawer,To as DropdownMenu,So as EmptyState,Fo as FieldWrapper,Ke as FileDrop,Bo as FileInput,Go as Flex,ko as Form,Po as Grid,Mo as Heading,Ro as Icon,Lo as Image,Io as InlineFieldWrapper,Vo as InlineMessage,Ho as Input,Ko as InputBackground,qo as InputField,Oo as InputText,We as KeyboardShortcut,Jo as Label,Uo as Link,Zo as List,$o as Loader,rr as MarkdownContent,tr as NavigationMenu,mr as NavigationMenuVertical,Ze as NoOverflowWrapper,fr as NotificationBadge,ar as NumberInput,nr as NumberInputField,ur as Pagination,cr as PasswordField,gr as PasswordInput,br as Popover,Cr as ProgressBar,hr as RadioButton,vr as RadioButtonField,Dr as RadioButtonGroup,wr as RadioCard,Ar as RadioCardGroup,Nr as SearchField,yr as SearchInput,Wr as SectionMessage,Ee as SegmentedControl,Er as Select,Kr as SelectField,jr as SideBar,Qr as Slider,Xr as SliderField,Zr as Sortable,$r as Spacer,re as Stepper,G as StyledButton,Xo as StyledLink,te as Switch,me as Table,fe as Tabs,ae as Text,ne as Textarea,ue as TextareaField,ze as Theme,ce as Tile,ge as TileGroup,be as TileInteractive,Ce as TileToggleGroup,he as Toast,De as ToastProvider,ve as ToggleGroup,we as Tooltip,Ae as TopBar,Ne as Tree,ye as Video,Je as createTheme,Qe as styled,$e as toast,u as useAlert,w as useCarousel,Z as useDataTable,je as useFileDrop,zr as useSidebarState};
+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 u,useAlert as s}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as T}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{BannerRegular as F}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as I}from"./components/banner/banner-slim/BannerSlim.js";import{Box as B}from"./components/box/Box.js";import{Button as G,StyledButton as k}from"./components/button/Button.js";import{Carousel as w,useCarousel as P}from"./components/carousel/Carousel.js";import{Checkbox as M}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as R}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as L}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as V}from"./components/checkbox-field/CheckboxField.js";import{Chip as H}from"./components/chip/Chip.js";import{ChipGroup as O}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as q}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as J}from"./components/chip-toggle-group/index.js";import{Combobox as U}from"./components/combobox/Combobox.js";import{CreatePasswordField as Y}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as _}from"./components/data-table/DataTableContext.js";import{DataTable as oo}from"./components/data-table/DataTable.js";import{DateField as eo}from"./components/date-field/DateField.js";import{DateInput as po}from"./components/date-input/DateInput.js";import{Dialog as xo}from"./components/dialog/Dialog.js";import{Dismissible as io}from"./components/dismissible/index.js";import{DismissibleGroup as lo}from"./components/dismissible-group/index.js";import{Divider as uo}from"./components/divider/Divider.js";import{Drawer as co}from"./components/drawer/Drawer.js";import{DropdownMenu as So}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as bo}from"./components/empty-state/EmptyState.js";import{FieldWrapper as Co}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as ho}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Do}from"./components/file-input/FileInput.js";import{Flex as ko}from"./components/flex/Flex.js";import{Form as wo}from"./components/form/Form.js";import"dlv";import"react-hook-form";import"./components/form/useFormCustomContext.js";import{Grid as Ao}from"./components/grid/Grid.js";import{Heading as No}from"./components/heading/Heading.js";import{Icon as yo}from"./components/icon/Icon.js";import{Image as Wo}from"./components/image/Image.js";import{InlineMessage as Eo}from"./components/inline-message/InlineMessage.js";import{Input as Ko,InputBackground as Oo,InputText as jo}from"./components/input/Input.js";import{InputField as zo}from"./components/input-field/InputField.js";import{Label as Qo}from"./components/label/Label.js";import{Link as Xo,StyledLink as Yo}from"./components/link/Link.js";import{List as _o}from"./components/list/List.js";import{Loader as or}from"./components/loader/Loader.js";import{MarkdownContent as er}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as pr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as xr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as ir}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as lr}from"./components/number-input/NumberInput.js";import{NumberInputField as dr}from"./components/number-input-field/NumberInputField.js";import{Pagination as sr}from"./components/pagination/Pagination.js";import{PasswordField as Tr}from"./components/password-field/PasswordField.js";import{PasswordInput as gr}from"./components/password-input/PasswordInput.js";import{Popover as Fr}from"./components/popover/Popover.js";import{ProgressBar as Ir}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Br}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Gr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as vr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as Pr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Mr}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Rr}from"./components/search-field/SearchField.js";import{SearchInput as Lr}from"./components/search-input/SearchInput.js";import{SectionMessage as Vr}from"./components/section-message/SectionMessage.js";import{Select as Hr}from"./components/select/Select.js";import{SelectField as Or}from"./components/select-field/SelectField.js";import{SideBar as qr}from"./components/side-bar/SideBar.js";import{useSidebarState as Jr}from"./components/side-bar/SideBarContext.js";import{Slider as Ur}from"./components/slider/Slider.js";import{SliderField as Yr}from"./components/slider-field/SliderField.js";import*as o from"./components/skeleton-loader/index.js";import{Sortable as _r}from"./components/sortable/index.js";import{Spacer as oe}from"./components/spacer/Spacer.js";import{Stepper as ee}from"./components/stepper/Stepper.js";import{Switch as pe}from"./components/switch/Switch.js";import{Table as xe}from"./components/table/Table.js";import{Tabs as ie}from"./components/tabs/Tabs.js";import{Text as le}from"./components/text/Text.js";import{Textarea as de}from"./components/textarea/Textarea.js";import{TextareaField as se}from"./components/textarea-field/TextareaField.js";import{Tile as Te}from"./components/tile/Tile.js";import{TileGroup as ge}from"./components/tile/TileGroup.js";import{TileInteractive as Fe}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Ie}from"./components/tile-toggle-group/index.js";import{Toast as Be}from"./components/toast/Toast.js";import{ToastProvider as Ge}from"./components/toast/ToastProvider.js";import{ToggleGroup as ve}from"./components/toggle-group/index.js";import{Tooltip as Pe}from"./components/tooltip/Tooltip.js";import{TopBar as Me}from"./components/top-bar/TopBar.js";import{Tree as Re}from"./components/tree/Tree.js";import{Video as Le}from"./components/video/Video.js";import{KeyboardShortcut as Ve}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as He}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as Oe}from"./components/file-drop/FileDrop.js";import{useFileDrop as qe}from"./components/file-drop/useFileDrop.js";import{Theme as Je,createTheme as Qe,styled as Ue}from"./styled.js";import{ColorScheme as Ye}from"./experiments/color-scheme/ColorScheme.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as _e}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as ot}from"react-hot-toast";export{f as Accordion,a as ActionIcon,n as AlertDialog,u as AlertProvider,T as Avatar,g as Badge,F as BannerRegular,I as BannerSlim,B as Box,G as Button,w as Carousel,M as Checkbox,V as CheckboxField,R as CheckboxGroup,L as CheckboxTree,H as Chip,q as ChipDismissibleGroup,O as ChipGroup,J as ChipToggleGroup,Ye as ColorScheme,U as Combobox,Y as CreatePasswordField,oo as DataTable,eo as DateField,po as DateInput,xo as Dialog,io as Dismissible,lo as DismissibleGroup,uo as Divider,co as Drawer,So as DropdownMenu,bo as EmptyState,Co as FieldWrapper,Oe as FileDrop,Do as FileInput,ko as Flex,wo as Form,Ao as Grid,No as Heading,yo as Icon,Wo as Image,ho as InlineFieldWrapper,Eo as InlineMessage,Ko as Input,Oo as InputBackground,zo as InputField,jo as InputText,Ve as KeyboardShortcut,Qo as Label,Xo as Link,_o as List,or as Loader,er as MarkdownContent,pr as NavigationMenu,xr as NavigationMenuVertical,_e as NoOverflowWrapper,ir as NotificationBadge,lr as NumberInput,dr as NumberInputField,sr as Pagination,Tr as PasswordField,gr as PasswordInput,Fr as Popover,Ir as ProgressBar,Br as RadioButton,vr as RadioButtonField,Gr as RadioButtonGroup,Pr as RadioCard,Mr as RadioCardGroup,Rr as SearchField,Lr as SearchInput,Vr as SectionMessage,He as SegmentedControl,Hr as Select,Or as SelectField,qr as SideBar,o as Skeleton,Ur as Slider,Yr as SliderField,_r as Sortable,oe as Spacer,ee as Stepper,k as StyledButton,Yo as StyledLink,pe as Switch,xe as Table,ie as Tabs,le as Text,de as Textarea,se as TextareaField,Je as Theme,Te as Tile,ge as TileGroup,Fe as TileInteractive,Ie as TileToggleGroup,Be as Toast,Ge as ToastProvider,ve as ToggleGroup,Pe as Tooltip,Me as TopBar,Re as Tree,Le as Video,Qe as createTheme,Ue as styled,ot as toast,s as useAlert,P as useCarousel,_ as useDataTable,qe as useFileDrop,Jr as useSidebarState};
 //# sourceMappingURL=index.js.map

package/dist/styled.js

@@ -1,2 +1,2 @@
-import E from"clsx";import _ from"react";import{twMerge as l}from"tailwind-merge";import{defaultConfig as A,tv as C}from"tailwind-variants";A.twMerge=!1;const R=({children:a,theme:f})=>_.createElement("div",{className:"contents",style:f},a),T=a=>Object.fromEntries(Object.values(a).flatMap(f=>Object.entries(f).map(([v,b])=>[`--${v}`,b])));function $(a,f,v){const b=Object.keys(f.variants||{}),w=(v==null?void 0:v.enabledResponsiveVariants)===!0,O=C(f),y=_.forwardRef((p,j)=>{const g=w?b.map(e=>{const n=p[e],i=f.variants[e];return typeof n=="object"&&n&&!Array.isArray(n)?Object.entries(n).flatMap(([r,m])=>{const c=String(m),o=i&&i[c];return o&&Array.isArray(o)?o.flatMap(d=>r==="@initial"?d:`${r.replace("@","")}:${d}`):[]}):[]}).flat():[],h=b.length>0?Object.fromEntries(Object.entries(p).filter(([e])=>b.includes(e)).map(([e,n])=>{var i;const r=(i=f.variants)==null?void 0:i[e];return r&&"true"in r&&"false"in r?n===!0||n===!1?[e,n]:[e,null]:[e,n]})):{},S=O(h),N=Object.fromEntries(Object.entries(p).filter(([e])=>!b.includes(e)&&e!=="as"&&e!=="__wrapperClasses")),s=E(S,g).trim(),t=p.className,u=p.__wrapperClasses;if(typeof a=="string"||typeof a=="function"||a&&typeof a=="object"){const e=a;if(typeof a=="string"){const{className:m,...c}=N,o=u&&t?l(u,t,s):u?l(u,s,t):t?t.split(" ").some(d=>/^data-\[state=[^\]]+\]:/.test(d))?l(t,s):l(s,t):l(s);return _.createElement(p.as||e,{...c,ref:j,className:o})}const{className:n,...i}=N,r=p.as;if(u){const m=t?l(u,t,s):l(u,s),c=(typeof e=="function"||typeof e=="object")&&e!==null&&e.__isStyledComponent===!0,o={...i,...r?{as:r}:{},ref:j};if(c){const d=l(u,s);o.__wrapperClasses=d,o.className=t||void 0}else o.className=m;return _.createElement(e,o)}else{const m=(typeof e=="function"||typeof e=="object")&&e!==null&&e.__isStyledComponent===!0,c={...i,...r?{as:r}:{},ref:j};if(m){const o=t?t.split(" ").some(M=>/^data-\[state=[^\]]+\]:/.test(M)):!1,d=t?o?l(t,s):l(s,t):s;c.__wrapperClasses=s,c.className=d||void 0}else c.className=l(s,t);return _.createElement(e,c)}}if(_.isValidElement(a)){const e=a,n=e.props.className,i=N.className,r=E(n,i,s).trim(),m={...N,as:p.as||e.props.as,className:l(r)};return j&&(m.ref=j),_.cloneElement(e,m)}throw Error("Something is wrong")});return y.__isStyledComponent=!0,y}export{R as Theme,T as createTheme,$ as styled};
+import E from"clsx";import _ from"react";import{twMerge as l}from"tailwind-merge";import{defaultConfig as A,tv as C}from"tailwind-variants";A.twMerge=!1;const $=({children:a,theme:f})=>_.createElement("div",{className:"contents",style:f},a),R=a=>Object.fromEntries(Object.values(a).flatMap(f=>Object.entries(f).map(([v,b])=>[`--${v}`,b])));function T(a,f,v){const b=Object.keys(f.variants||{}),w=(v==null?void 0:v.enabledResponsiveVariants)===!0,O=C(f),y=_.forwardRef((p,j)=>{const g=w?b.map(e=>{const n=p[e],i=f.variants[e];return typeof n=="object"&&n&&!Array.isArray(n)?Object.entries(n).flatMap(([r,m])=>{const c=String(m),o=i&&i[c];return o&&Array.isArray(o)?o.flatMap(d=>r==="@initial"?d:`${r.replace("@","")}:${d}`):[]}):[]}).flat():[],h=b.length>0?Object.fromEntries(Object.entries(p).filter(([e])=>b.includes(e)).map(([e,n])=>{var i;const r=(i=f.variants)==null?void 0:i[e];return r&&"true"in r&&"false"in r?n===!0||n===!1?[e,n]:[e,null]:[e,n]})):{},S=O(h),N=Object.fromEntries(Object.entries(p).filter(([e])=>!b.includes(e)&&e!=="as"&&e!=="__wrapperClasses")),s=E(S,g).trim(),t=p.className,u=p.__wrapperClasses;if(typeof a=="string"||typeof a=="function"||a&&typeof a=="object"){const e=a;if(typeof a=="string"){const{className:m,...c}=N,o=u&&t?l(u,t,s):u?l(u,s,t):t?t.split(" ").some(d=>/^data-\[state=[^\]]+\]:/.test(d))?l(t,s):l(s,t):l(s);return _.createElement(p.as||e,{...c,ref:j,className:o})}const{className:n,...i}=N,r=p.as;if(u){const m=t?l(u,t,s):l(u,s),c=(typeof e=="function"||typeof e=="object")&&e!==null&&e.__isStyledComponent===!0,o={...i,...r?{as:r}:{},ref:j};if(c){const d=l(u,s);o.__wrapperClasses=d,o.className=t||void 0}else o.className=m;return _.createElement(e,o)}else{const m=(typeof e=="function"||typeof e=="object")&&e!==null&&e.__isStyledComponent===!0,c={...i,...r?{as:r}:{},ref:j};if(m){const o=t?t.split(" ").some(M=>/^data-\[state=[^\]]+\]:/.test(M)):!1,d=t?o?l(t,s):l(s,t):s;c.__wrapperClasses=s,c.className=d||void 0}else c.className=l(s,t);return _.createElement(e,c)}}if(_.isValidElement(a)){const e=a,n=e.props.className,i=N.className,r=E(n,i,s).trim(),m={...N,as:p.as||e.props.as,className:l(r)};return j&&(m.ref=j),_.cloneElement(e,m)}throw Error("Something is wrong")});return y.__isStyledComponent=!0,y}export{$ as Theme,R as createTheme,T as styled};
 //# sourceMappingURL=styled.js.map

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "6.0.0-beta.31",
+  "version": "6.0.0-beta.33",
   "description": "",
   "files": [
     "dist",
@@ -23,7 +23,12 @@
     },
     "./index.css": "./src/index.css",
     "./vite": "./scripts/vite-plugin-tailwind-responsive-variant-classes.mjs",
-    "./docgen.json": "./dist/docgen.json"
+    "./docgen": {
+      "types": "./dist/docgen.d.ts",
+      "import": "./dist/docgen.json",
+      "require": "./dist/docgen.json",
+      "default": "./dist/docgen.json"
+    }
   },
   "sideEffects": false,
   "scripts": {
@@ -59,24 +64,24 @@
   "homepage": "https://github.com/Atom-Learning/components#readme",
   "size-limit": [
     {
-      "limit": "10kb",
+      "limit": "15kb",
       "path": "dist/index.js",
       "import": "{ Box }"
     },
     {
-      "limit": "16kb",
+      "limit": "20kb",
       "path": "dist/index.js",
       "import": "{ Button }"
     },
     {
-      "limit": "75kb",
+      "limit": "50kb",
       "path": "dist/index.js",
       "import": "{  useAlert, AlertProvider }"
     }
   ],
   "devDependencies": {
     "@atom-learning/icons": "1.20.0",
-    "@atom-learning/theme": "6.0.0-beta.8",
+    "@atom-learning/theme": "6.0.0-beta.10",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",

package/src/index.css

@@ -107,6 +107,20 @@
       translate: -50% 50vh;
     }
   }
+
+  --animate-shimmer: shimmer 2000ms ease-in-out 500ms infinite;
+
+  @keyframes shimmer {
+    0% {
+      opacity: 1
+    }
+    50% {
+      opacity: 0.4
+    }
+    100% {
+      opacity: 1
+    }
+  }
 }
 
 @utility animation-delay-* {

package/src/responsive-variant-classes.css

@@ -12,4 +12,4 @@
  * Uses Tailwind v4's @source inline() pattern syntax for efficient class detection.
  */
 
-@source inline('{,sm:,md:,lg:,xl:}{*:not-last:mr-2,*:not-last:mr-3,-mt-1,[&_svg]:size-4,[&_svg]:size-5,[&_svg]:size-[22px],[--active:rgba(255,255,255,0.75)],[--active:var(--color-danger-dark)],[--active:var(--color-primary-1000)],[--active:var(--color-primary-1100)],[--active:var(--color-primary-1200)],[--active:var(--color-success-dark)],[--active:var(--color-warning-dark)],[--active:var(--color-white)],[--banner-heading-color:var(--color-foreground-7-plus)],[--banner-text-color:var(--color-grey-100)],[--base:var(--color-danger)],[--base:var(--color-grey-700)],[--base:var(--color-primary-1000)],[--base:var(--color-primary-800)],[--base:var(--color-success)],[--base:var(--color-warning)],[--base:var(--color-white)],[--base:white],[--interact:rgba(255,255,255,0.9)],[--interact:var(--color-danger-mid)],[--interact:var(--color-primary-1100)],[--interact:var(--color-primary-900)],[--interact:var(--color-success-mid)],[--interact:var(--color-warning-mid)],[--interact:var(--color-white)],[--text:var(--color-primary-800)],[align-items:first baseline],[align-items:inherit],[align-items:initial],[align-items:last baseline],[align-items:normal],[align-items:revert-layer],[align-items:revert],[align-items:safe],[align-items:self-end],[align-items:self-start],[align-items:unsafe],[align-items:unset],[flex-wrap:inherit],[flex-wrap:initial],[flex-wrap:revert-layer],[flex-wrap:revert],[flex-wrap:unset],[justify-content:inherit],[justify-content:initial],[justify-content:left],[justify-content:revert-layer],[justify-content:revert],[justify-content:right],[justify-content:safe],[justify-content:unsafe],[justify-content:unset],absolute,after:hidden!,before:hidden!,bg-(--background-bold),bg-(--background-subtle),bg-(--base),bg-(--base-1),bg-(--base-11),bg-(--base-3),bg-grey-100,bg-grey-400,bg-position-[right_--spacing(2)_top_50%,0_0],bg-position-[right_--spacing(3)_top_50%,0_0],bg-size-[18px_auto,100%],bg-size-[20px_auto,100%],bg-transparent,bg-unset,bg-white,block,border,border-(--base-3),border-b,border-b-(--border-bottom),border-current,border-grey-700,border-none,border-white,capsize-[0.2078],capsize-[0.3506],capsize-[0.3864],capsize-[0.3983],capsize-[0.4056],capsize-[0.4364],capsize-after-[0.2405],capsize-after-[0.2634],capsize-after-[0.26],capsize-after-[0.2],capsize-before-[0.1405],capsize-before-[0.16],capsize-before-[0.1],capsize-before-[0.2114],cursor-not-allowed opacity-60 pointer-events-none,cursor-pointer,data-[state=inactive]:hover:bg-marsh-300,data-[state=inactive]:hover:bg-primary-300,direction-[inherit],direction-[initial],direction-[revert-layer],direction-[revert],direction-[unset],disabled:cursor-not-allowed,disabled:opacity-30,flex-1,flex-[unset],flex-col,flex-col-reverse,flex-nowrap,flex-row,flex-row-reverse,flex-wrap,flex-wrap-reverse,focus-visible:border-marsh-800,focus-visible:border-primary-800,focus:border-primary-800,focus:outline-2,focus:outline-blue-800,focus:outline-none,focus:outline-offset-1,focus:outline-solid,focus:z-1,font-body,font-bold,font-display,font-medium,font-mono,font-normal,font-semibold,gap-0.5,gap-1,gap-10,gap-12,gap-16,gap-2,gap-20,gap-3,gap-4,gap-6,gap-8,h-1,h-10,h-12,h-16,h-2,h-24,h-8,h-full,h-px,h-screen,hidden,items-baseline,items-center,items-end,items-start,items-stretch,justify-around,justify-between,justify-center,justify-end,justify-evenly,justify-normal,justify-start,justify-stretch,leading-[1.08],leading-[1.12],leading-[1.14],leading-[1.42],leading-[1.52],leading-[1.53],leading-[1.6],leading-none,leading-normal,max-h-12,max-h-18,max-h-8,max-h-[142px],max-h-[213px],max-h-screen,max-w-14,max-w-21,max-w-[126px],max-w-[190px],max-w-[285px],max-w-full,max-w-screen,mb-3,mb-4,mb-6,min-h-10,min-h-12,min-h-8,not-disabled:active:bg-(--active),not-disabled:active:text-(--active),not-disabled:focus:bg-(--interact),not-disabled:focus:no-underline,not-disabled:focus:text-(--interact),not-disabled:focus:text-(--text,white),not-disabled:focus:text-white,not-disabled:hover:bg-(--interact),not-disabled:hover:no-underline,not-disabled:hover:text-(--interact),not-disabled:hover:text-(--text,white),not-disabled:hover:text-white,p-10,p-2,p-3,p-4,p-6,p-8,pl-2,pl-3,pr-10,pr-8,px-1,px-2,px-4,px-6,px-8,py-0.5,py-1,py-4,py-6,right-4,rounded-full,rounded-md,rounded-none,rounded-sm,rounded-xl,shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)],size-1.5,size-10,size-12,size-3,size-4,size-6,size-8,static,stroke-2,stroke-[1.5],stroke-[1.75],supports-color-mix:backdrop-blur-sm,supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)],supports-svh:h-svh,supports-svh:max-h-svh,text-(--base),text-(--foreground-7-plus),text-(--text,white),text-(--text-bold),text-(--text-on-white),text-(--text-subtle),text-2xl,text-3xl,text-4xl,text-danger,text-grey-800,text-info,text-lg,text-md,text-primary-800,text-sm,text-success,text-warning,text-white,text-white!,text-xl,text-xs,top-0,top-2,top-4,tracking-[0.01em],w-120,w-150,w-200,w-275,w-95,w-[unset],w-auto,w-full,w-max,w-px,w-screen}');
+@source inline('{,sm:,md:,lg:,xl:}{*:not-last:mr-2,*:not-last:mr-3,-mt-1,[&_svg]:size-4,[&_svg]:size-5,[&_svg]:size-[22px],[--active:rgba(255,255,255,0.75)],[--active:var(--color-danger-dark)],[--active:var(--color-primary-1000)],[--active:var(--color-primary-1100)],[--active:var(--color-primary-1200)],[--active:var(--color-success-dark)],[--active:var(--color-warning-dark)],[--active:var(--color-white)],[--banner-heading-color:var(--color-foreground-7-plus)],[--banner-text-color:var(--color-grey-100)],[--base:var(--color-danger)],[--base:var(--color-grey-700)],[--base:var(--color-primary-1000)],[--base:var(--color-primary-800)],[--base:var(--color-success)],[--base:var(--color-warning)],[--base:var(--color-white)],[--base:white],[--interact:rgba(255,255,255,0.9)],[--interact:var(--color-danger-mid)],[--interact:var(--color-primary-1100)],[--interact:var(--color-primary-900)],[--interact:var(--color-success-mid)],[--interact:var(--color-warning-mid)],[--interact:var(--color-white)],[--solid-active:var(--color-grey-200)],[--solid-base:var(--color-white)],[--solid-interact:var(--color-grey-100)],[--solid-text:var(--color-grey-1200)],[--text:var(--color-grey-800)],[--text:var(--color-grey-900)],[align-items:first baseline],[align-items:inherit],[align-items:initial],[align-items:last baseline],[align-items:normal],[align-items:revert-layer],[align-items:revert],[align-items:safe],[align-items:self-end],[align-items:self-start],[align-items:unsafe],[align-items:unset],[flex-wrap:inherit],[flex-wrap:initial],[flex-wrap:revert-layer],[flex-wrap:revert],[flex-wrap:unset],[justify-content:inherit],[justify-content:initial],[justify-content:left],[justify-content:revert-layer],[justify-content:revert],[justify-content:right],[justify-content:safe],[justify-content:unsafe],[justify-content:unset],absolute,after:hidden!,before:hidden!,bg-(--background-bold),bg-(--background-subtle),bg-(--base),bg-(--base-1),bg-(--base-11),bg-(--base-3),bg-(--solid-base,var(--base)),bg-[unset],bg-grey-100,bg-grey-400,bg-position-[right_--spacing(2)_top_50%,0_0],bg-position-[right_--spacing(3)_top_50%,0_0],bg-size-[18px_auto,100%],bg-size-[20px_auto,100%],bg-transparent,bg-white,block,border,border-(--base-3),border-b,border-b-(--border-bottom),border-current,border-grey-700,border-none,border-white,capsize-[0.2078],capsize-[0.3506],capsize-[0.3864],capsize-[0.3983],capsize-[0.4056],capsize-[0.4364],capsize-after-[0.2405],capsize-after-[0.2634],capsize-after-[0.26],capsize-after-[0.2],capsize-before-[0.1405],capsize-before-[0.16],capsize-before-[0.1],capsize-before-[0.2114],cursor-not-allowed opacity-60 pointer-events-none,cursor-pointer,data-[state=inactive]:hover:bg-marsh-300,data-[state=inactive]:hover:bg-primary-300,direction-[inherit],direction-[initial],direction-[revert-layer],direction-[revert],direction-[unset],disabled:cursor-not-allowed,disabled:opacity-30,flex-1,flex-[unset],flex-col,flex-col-reverse,flex-nowrap,flex-row,flex-row-reverse,flex-wrap,flex-wrap-reverse,focus-visible:border-marsh-800,focus-visible:border-primary-800,focus:border-primary-800,focus:outline-2,focus:outline-blue-800,focus:outline-none,focus:outline-offset-1,focus:outline-solid,focus:z-1,font-body,font-bold,font-display,font-medium,font-mono,font-normal,font-semibold,gap-0.5,gap-1,gap-10,gap-12,gap-16,gap-2,gap-20,gap-3,gap-4,gap-6,gap-8,h-1,h-10,h-12,h-16,h-2,h-24,h-8,h-auto,h-full,h-px,h-screen,hidden,items-baseline,items-center,items-end,items-start,items-stretch,justify-around,justify-between,justify-center,justify-end,justify-evenly,justify-normal,justify-start,justify-stretch,leading-[1.08],leading-[1.12],leading-[1.14],leading-[1.42],leading-[1.52],leading-[1.53],leading-[1.6],leading-none,leading-normal,max-h-12,max-h-18,max-h-8,max-h-[142px],max-h-[213px],max-h-[90vh],max-h-screen,max-w-14,max-w-21,max-w-[126px],max-w-[190px],max-w-[285px],max-w-[90vw],max-w-full,max-w-screen,mb-3,mb-4,mb-6,min-h-10,min-h-12,min-h-8,not-disabled:active:bg-(--active),not-disabled:active:bg-(--solid-active,var(--active)),not-disabled:active:text-(--active),not-disabled:focus:bg-(--interact),not-disabled:focus:bg-(--solid-interact,var(--interact)),not-disabled:focus:no-underline,not-disabled:focus:text-(--interact),not-disabled:focus:text-(--solid-text,white),not-disabled:focus:text-(--text,white),not-disabled:hover:bg-(--interact),not-disabled:hover:bg-(--solid-interact,var(--interact)),not-disabled:hover:no-underline,not-disabled:hover:text-(--interact),not-disabled:hover:text-(--solid-text,white),not-disabled:hover:text-(--text,white),p-10,p-2,p-3,p-4,p-6,p-8,pl-2,pl-3,pr-10,pr-8,px-1,px-2,px-4,px-6,px-8,py-0,py-0.5,py-1,py-4,py-6,right-4,rounded-full,rounded-md,rounded-none,rounded-sm,rounded-xl,shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)],size-1.5,size-10,size-12,size-3,size-4,size-6,size-8,static,stroke-2,stroke-[1.5],stroke-[1.75],supports-color-mix:backdrop-blur-sm,supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)],supports-svh:h-auto,supports-svh:h-svh,supports-svh:max-h-[90vh],supports-svh:max-h-svh,text-(--base),text-(--foreground-7-plus),text-(--solid-text,white),text-(--text,white),text-(--text-bold),text-(--text-on-white),text-(--text-subtle),text-2xl,text-3xl,text-4xl,text-danger,text-grey-800,text-info,text-lg,text-md,text-primary-800,text-sm,text-success,text-warning,text-white!,text-xl,text-xs,top-0,top-2,top-4,tracking-[0.01em],w-120,w-150,w-200,w-275,w-95,w-[unset]!,w-auto,w-full,w-max,w-px,w-screen}');