@atom-learning/components 5.2.0-beta.2 → 5.2.1

package/dist/index.js

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

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "5.2.0-beta.2",
+  "version": "5.2.1",
   "description": "",
   "files": [
     "dist"
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@atom-learning/icons": "1.20.0",
     "@atom-learning/jest-stitches": "1.0.10",
-    "@atom-learning/theme": "^4.0.0",
+    "@atom-learning/theme": "^5.0.1",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@radix-ui/react-id": "1.0.1",
@@ -129,7 +129,7 @@
   },
   "peerDependencies": {
     "@atom-learning/icons": "^1.0.0",
-    "@atom-learning/theme": "^4",
+    "@atom-learning/theme": "^5",
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },

package/dist/components/scrollable-container/ScrollableContainer.context.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-export interface IScrollableContainerProviderProps {
-    scrollableEl: HTMLElement | null;
-    containerEl: HTMLElement | null;
-    children: React.ReactNode;
-}
-export interface IScrollableContainerContext {
-    hasProvider: boolean;
-    scrollableContainer?: HTMLDivElement | null;
-    hasScrollYAxis: boolean;
-    hasScrolledYAxis: boolean;
-    hasScrolledToEndYAxis: boolean;
-    hasScrollXAxis: boolean;
-    hasScrolledXAxis: boolean;
-    hasScrolledToEndXAxis: boolean;
-    scrollProgressYAxis: number;
-    scrollbarWidthYAxis: number;
-    scrollProgressXAxis: number;
-    scrollbarWidthXAxis: number;
-    scrollableEl?: HTMLElement | null;
-    containerEl?: HTMLElement | null;
-}
-export declare const ScrollableContainerContext: React.Context<IScrollableContainerContext>;
-export declare const ScrollableContainerProvider: ({ scrollableEl, containerEl, children }: IScrollableContainerProviderProps) => React.JSX.Element;

package/dist/components/scrollable-container/ScrollableContainer.context.js

@@ -1,2 +0,0 @@
-import*as s from"react";import{useResizeObserver as b}from"../../utilities/hooks/useResizeObserver.js";const S=s.createContext({hasProvider:!1,hasScrollYAxis:!1,hasScrolledYAxis:!1,hasScrolledToEndYAxis:!1,hasScrollXAxis:!1,hasScrolledXAxis:!1,hasScrolledToEndXAxis:!1,scrollProgressYAxis:0,scrollbarWidthYAxis:0,scrollProgressXAxis:0,scrollbarWidthXAxis:0}),H=({scrollableEl:l,containerEl:r,children:E})=>{const[i,X]=s.useState(!1),[t,Y]=s.useState(!1),[c,g]=s.useState(0),[e,T]=s.useState(0),[{hasScrolledYAxis:a,hasScrolledToEndYAxis:h,hasScrolledXAxis:d,hasScrolledToEndXAxis:n},W]=s.useState({hasScrolledYAxis:!1,hasScrolledToEndYAxis:!1,hasScrolledXAxis:!1,hasScrolledToEndXAxis:!1}),o=s.useCallback(()=>{!l||W({hasScrolledYAxis:!!l.scrollTop,hasScrolledToEndYAxis:Math.abs(l.scrollHeight-l.clientHeight-l.scrollTop)<1,hasScrolledXAxis:!!l.scrollLeft,hasScrolledToEndXAxis:Math.abs(l.scrollWidth-l.clientWidth-l.scrollLeft)<1})},[l]);b({delay:0,elements:[r,l],onResize:()=>{!l||!r||(X(l.scrollHeight>l.clientHeight),Y(l.scrollWidth>l.clientWidth),g(r.clientHeight-l.clientHeight),T(r.clientWidth-l.clientWidth),o())}});const x=(()=>!l||l.scrollHeight<=l.clientHeight?0:l.scrollTop/(l.scrollHeight-l.clientHeight))(),A=(()=>!l||l.scrollWidth<=l.clientWidth?0:l.scrollLeft/(l.scrollWidth-l.clientWidth))();s.useEffect(()=>{if(l)return o(),l.addEventListener("scroll",o),()=>{l.removeEventListener("scroll",o)}},[l,o]);const u=s.useMemo(()=>({hasProvider:!0,hasScrollYAxis:i,hasScrolledYAxis:a,hasScrolledToEndYAxis:h,scrollProgressYAxis:x,scrollbarWidthYAxis:c,hasScrollXAxis:t,hasScrolledXAxis:d,hasScrolledToEndXAxis:n,scrollProgressXAxis:A,scrollbarWidthXAxis:e,scrollableEl:l,containerEl:r}),[i,a,h,x,c,t,d,n,A,e,l,r]);return s.createElement(S.Provider,{value:u},E)};export{S as ScrollableContainerContext,H as ScrollableContainerProvider};
-//# sourceMappingURL=ScrollableContainer.context.js.map

package/dist/components/scrollable-container/ScrollableContainer.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollableContainer.context.js","sources":["../../../src/components/scrollable-container/ScrollableContainer.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useResizeObserver } from '~/utilities/hooks/useResizeObserver'\n\nexport interface IScrollableContainerProviderProps {\n  scrollableEl: HTMLElement | null\n  containerEl: HTMLElement | null\n  children: React.ReactNode\n}\n\nexport interface IScrollableContainerContext {\n  hasProvider: boolean\n  scrollableContainer?: HTMLDivElement | null\n  hasScrollYAxis: boolean\n  hasScrolledYAxis: boolean\n  hasScrolledToEndYAxis: boolean\n  hasScrollXAxis: boolean\n  hasScrolledXAxis: boolean\n  hasScrolledToEndXAxis: boolean\n  scrollProgressYAxis: number\n  scrollbarWidthYAxis: number\n  scrollProgressXAxis: number\n  scrollbarWidthXAxis: number\n  scrollableEl?: HTMLElement | null\n  containerEl?: HTMLElement | null\n}\n\nexport const ScrollableContainerContext = React.createContext<IScrollableContainerContext>({\n  hasProvider: false,\n  hasScrollYAxis: false,\n  hasScrolledYAxis: false,\n  hasScrolledToEndYAxis: false,\n  hasScrollXAxis: false,\n  hasScrolledXAxis: false,\n  hasScrolledToEndXAxis: false,\n  scrollProgressYAxis: 0,\n  scrollbarWidthYAxis: 0,\n  scrollProgressXAxis: 0,\n  scrollbarWidthXAxis: 0\n})\n\nexport const ScrollableContainerProvider = ({ scrollableEl, containerEl, children }: IScrollableContainerProviderProps) => {\n  const [hasScrollYAxis, setHasScrollYAxis] = React.useState<boolean>(false)\n  const [hasScrollXAxis, setHasScrollXAxis] = React.useState<boolean>(false)\n  const [scrollbarWidthYAxis, setScrollbarWidthYAxis] = React.useState<number>(0)\n  const [scrollbarWidthXAxis, setScrollbarWidthXAxis] = React.useState<number>(0)\n  const [{ hasScrolledYAxis, hasScrolledToEndYAxis, hasScrolledXAxis, hasScrolledToEndXAxis }, setScrollState] = React.useState<{\n    hasScrolledYAxis: boolean\n    hasScrolledToEndYAxis: boolean\n    hasScrolledXAxis: boolean\n    hasScrolledToEndXAxis: boolean\n  }>({ hasScrolledYAxis: false, hasScrolledToEndYAxis: false, hasScrolledXAxis: false, hasScrolledToEndXAxis: false })\n\n  const updateScrollState = React.useCallback(() => {\n    if (!scrollableEl) return\n    setScrollState({\n      hasScrolledYAxis: !!scrollableEl.scrollTop,\n      hasScrolledToEndYAxis:\n        Math.abs(scrollableEl.scrollHeight - scrollableEl.clientHeight - scrollableEl.scrollTop) <\n        1,\n      hasScrolledXAxis: !!scrollableEl.scrollLeft,\n      hasScrolledToEndXAxis:\n        Math.abs(scrollableEl.scrollWidth - scrollableEl.clientWidth - scrollableEl.scrollLeft) <\n        1\n    })\n  }, [scrollableEl])\n\n  useResizeObserver({\n    delay: 0,\n    elements: [containerEl, scrollableEl],\n    onResize: () => {\n      if (!scrollableEl) return\n      if (!containerEl) return\n      setHasScrollYAxis(scrollableEl.scrollHeight > scrollableEl.clientHeight)\n      setHasScrollXAxis(scrollableEl.scrollWidth > scrollableEl.clientWidth)\n      setScrollbarWidthYAxis(containerEl.clientHeight - scrollableEl.clientHeight)\n      setScrollbarWidthXAxis(containerEl.clientWidth - scrollableEl.clientWidth)\n      updateScrollState()\n    }\n  })\n\n\n  /** A number between 0-1 for the relative amount of pixels scrolled */\n  const scrollProgressYAxis = (() => {\n    if (!scrollableEl) return 0\n    if (scrollableEl.scrollHeight <= scrollableEl.clientHeight) return 0\n    return scrollableEl.scrollTop / (scrollableEl.scrollHeight - scrollableEl.clientHeight)\n  })()\n\n  const scrollProgressXAxis = (() => {\n    if (!scrollableEl) return 0\n    if (scrollableEl.scrollWidth <= scrollableEl.clientWidth) return 0\n    return scrollableEl.scrollLeft / (scrollableEl.scrollWidth - scrollableEl.clientWidth)\n  })()\n\n  React.useEffect(() => {\n    if (!scrollableEl) return\n    updateScrollState()\n\n    scrollableEl.addEventListener('scroll', updateScrollState)\n\n    return () => {\n      scrollableEl.removeEventListener('scroll', updateScrollState)\n    }\n  }, [scrollableEl, updateScrollState])\n\n  const value = React.useMemo<IScrollableContainerContext>(\n    () => ({\n      hasProvider: true,\n      hasScrollYAxis,\n      hasScrolledYAxis,\n      hasScrolledToEndYAxis,\n      scrollProgressYAxis,\n      scrollbarWidthYAxis,\n      hasScrollXAxis,\n      hasScrolledXAxis,\n      hasScrolledToEndXAxis,\n      scrollProgressXAxis,\n      scrollbarWidthXAxis,\n      scrollableEl,\n      containerEl\n    }),\n    [\n      hasScrollYAxis,\n      hasScrolledYAxis,\n      hasScrolledToEndYAxis,\n      scrollProgressYAxis,\n      scrollbarWidthYAxis,\n      hasScrollXAxis,\n      hasScrolledXAxis,\n      hasScrolledToEndXAxis,\n      scrollProgressXAxis,\n      scrollbarWidthXAxis,\n      scrollableEl,\n      containerEl,\n    ]\n  )\n\n  return <ScrollableContainerContext.Provider value={value}>{children}</ScrollableContainerContext.Provider>\n}\n"],"names":["ScrollableContainerContext","React","ScrollableContainerProvider","scrollableEl","containerEl","children","hasScrollYAxis","setHasScrollYAxis","hasScrollXAxis","setHasScrollXAxis","scrollbarWidthYAxis","setScrollbarWidthYAxis","scrollbarWidthXAxis","setScrollbarWidthXAxis","hasScrolledYAxis","hasScrolledToEndYAxis","hasScrolledXAxis","hasScrolledToEndXAxis","setScrollState","updateScrollState","useResizeObserver","scrollProgressYAxis","scrollProgressXAxis","value"],"mappings":"uGA2Ba,MAAAA,EAA6BC,EAAM,cAA2C,CACzF,YAAa,GACb,eAAgB,GAChB,iBAAkB,GAClB,sBAAuB,GACvB,eAAgB,GAChB,iBAAkB,GAClB,sBAAuB,GACvB,oBAAqB,EACrB,oBAAqB,EACrB,oBAAqB,EACrB,oBAAqB,CACvB,CAAC,EAEYC,EAA8B,CAAC,CAAE,aAAAC,EAAc,YAAAC,EAAa,SAAAC,CAAS,IAAyC,CACzH,KAAM,CAACC,EAAgBC,CAAiB,EAAIN,EAAM,SAAkB,EAAK,EACnE,CAACO,EAAgBC,CAAiB,EAAIR,EAAM,SAAkB,EAAK,EACnE,CAACS,EAAqBC,CAAsB,EAAIV,EAAM,SAAiB,CAAC,EACxE,CAACW,EAAqBC,CAAsB,EAAIZ,EAAM,SAAiB,CAAC,EACxE,CAAC,CAAE,iBAAAa,EAAkB,sBAAAC,EAAuB,iBAAAC,EAAkB,sBAAAC,CAAsB,EAAGC,CAAc,EAAIjB,EAAM,SAKlH,CAAE,iBAAkB,GAAO,sBAAuB,GAAO,iBAAkB,GAAO,sBAAuB,EAAM,CAAC,EAE7GkB,EAAoBlB,EAAM,YAAY,IAAM,CAC5C,CAACE,GACLe,EAAe,CACb,iBAAkB,CAAC,CAACf,EAAa,UACjC,sBACE,KAAK,IAAIA,EAAa,aAAeA,EAAa,aAAeA,EAAa,SAAS,EACvF,EACF,iBAAkB,CAAC,CAACA,EAAa,WACjC,sBACE,KAAK,IAAIA,EAAa,YAAcA,EAAa,YAAcA,EAAa,UAAU,EACtF,CACJ,CAAC,CACH,EAAG,CAACA,CAAY,CAAC,EAEjBiB,EAAkB,CAChB,MAAO,EACP,SAAU,CAAChB,EAAaD,CAAY,EACpC,SAAU,IAAM,CACV,CAACA,GACD,CAACC,IACLG,EAAkBJ,EAAa,aAAeA,EAAa,YAAY,EACvEM,EAAkBN,EAAa,YAAcA,EAAa,WAAW,EACrEQ,EAAuBP,EAAY,aAAeD,EAAa,YAAY,EAC3EU,EAAuBT,EAAY,YAAcD,EAAa,WAAW,EACzEgB,EAAkB,EACpB,CACF,CAAC,EAID,MAAME,GAAuB,IACvB,CAAClB,GACDA,EAAa,cAAgBA,EAAa,aAAqB,EAC5DA,EAAa,WAAaA,EAAa,aAAeA,EAAa,iBAGtEmB,GAAuB,IACvB,CAACnB,GACDA,EAAa,aAAeA,EAAa,YAAoB,EAC1DA,EAAa,YAAcA,EAAa,YAAcA,EAAa,gBAG5EF,EAAM,UAAU,IAAM,CACpB,GAAKE,EACL,OAAAgB,EAAAA,EAEAhB,EAAa,iBAAiB,SAAUgB,CAAiB,EAElD,IAAM,CACXhB,EAAa,oBAAoB,SAAUgB,CAAiB,CAC9D,CACF,EAAG,CAAChB,EAAcgB,CAAiB,CAAC,EAEpC,MAAMI,EAAQtB,EAAM,QAClB,KAAO,CACL,YAAa,GACb,eAAAK,EACA,iBAAAQ,EACA,sBAAAC,EACA,oBAAAM,EACA,oBAAAX,EACA,eAAAF,EACA,iBAAAQ,EACA,sBAAAC,EACA,oBAAAK,EACA,oBAAAV,EACA,aAAAT,EACA,YAAAC,CACF,GACA,CACEE,EACAQ,EACAC,EACAM,EACAX,EACAF,EACAQ,EACAC,EACAK,EACAV,EACAT,EACAC,CACF,CACF,EAEA,OAAOH,EAAA,cAACD,EAA2B,SAA3B,CAAoC,MAAOuB,CAAAA,EAAQlB,CAAS,CACtE"}