@atom-learning/components 3.2.0 → 3.3.0-beta.1

package/dist/components/index.d.ts

@@ -58,6 +58,7 @@ export { SearchInput } from './search-input';
 export { SectionMessage } from './section-message';
 export { Select } from './select';
 export { SelectField } from './select-field';
+export { SideBar, useSidebar } from './side-bar';
 export { Slider } from './slider';
 export { SliderField } from './slider-field';
 export { Sortable } from './sortable';

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js

@@ -1,2 +1,2 @@
-import{Root as e}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as n}from"../../stitches.js";import{colorSchemes as a}from"./stitches.navigationMenuVertical.colorscheme.config.js";import{NavigationMenuVerticalAccordion as m}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as c}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as l}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as g}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as f}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as u}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as N}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as v}from"./NavigationMenuVerticalText.js";const d=n(e,{width:"100%"}),o=({children:i,...r})=>t.createElement(d,{className:a.light,...r,orientation:"vertical"},t.createElement(N,null,i));o.Link=u,o.Accordion=m,o.AccordionContent=c,o.AccordionTrigger=l,o.Item=f,o.ItemContent=p,o.Icon=g,o.Text=v;export{o as NavigationMenuVertical};
+import{Root as e}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as n}from"../../stitches.js";import{NavigationMenuVerticalAccordion as a}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as m}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as c}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as l}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as g}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as f}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as p}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as u}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as N}from"./NavigationMenuVerticalText.js";import{colorSchemes as v}from"./stitches.navigationMenuVertical.colorscheme.config.js";const d=n(e,{width:"100%"}),o=({children:i,...r})=>t.createElement(d,{className:v.light,...r,orientation:"vertical"},t.createElement(u,null,i));o.Link=p,o.Accordion=a,o.AccordionContent=m,o.AccordionTrigger=c,o.Item=g,o.ItemContent=f,o.Icon=l,o.Text=N;export{o as NavigationMenuVertical};
 //# sourceMappingURL=NavigationMenuVertical.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './stitches.navigationMenuVertical.colorscheme.config'\n\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n  width: '100%'\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\ntype TNavigationVerticalType = React.FC<TNavigationVerticalProps> & {\n  Link: typeof NavigationMenuVerticalLink\n  Accordion: typeof NavigationMenuVerticalAccordion\n  AccordionContent: typeof NavigationMenuVerticalAccordionContent\n  AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n  Item: typeof NavigationMenuVerticalItem\n  ItemContent: typeof NavigationMenuVerticalItemContent\n  Icon: typeof NavigationMenuVerticalIcon\n  Text: typeof NavigationMenuVerticalText\n}\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n  return (\n    <StyledRoot\n      className={navigationMenuVerticalColorSchemes['light']}\n      {...rest}\n      orientation=\"vertical\"\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledRoot>\n  )\n}) as TNavigationVerticalType\n\nNavigationMenuVertical.Link = NavigationMenuVerticalLink\nNavigationMenuVertical.Accordion = NavigationMenuVerticalAccordion\nNavigationMenuVertical.AccordionContent = NavigationMenuVerticalAccordionContent\nNavigationMenuVertical.AccordionTrigger = NavigationMenuVerticalAccordionTrigger\nNavigationMenuVertical.Item = NavigationMenuVerticalItem\nNavigationMenuVertical.ItemContent = NavigationMenuVerticalItemContent\nNavigationMenuVertical.Icon = NavigationMenuVerticalIcon\nNavigationMenuVertical.Text = NavigationMenuVerticalText\n"],"names":["StyledRoot","styled","Root","NavigationMenuVertical","children","rest","React","navigationMenuVerticalColorSchemes","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"28BAgBA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EA6BYC,EAA0B,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAExDC,EAAA,cAACN,EAAA,CACC,UAAWO,EAAmC,MAC7C,GAAGF,EACJ,YAAY,UAEZC,EAAAA,EAAA,cAACE,EAAA,KAA4BJ,CAAS,CACxC,EAIJD,EAAuB,KAAOM,EAC9BN,EAAuB,UAAYO,EACnCP,EAAuB,iBAAmBQ,EAC1CR,EAAuB,iBAAmBS,EAC1CT,EAAuB,KAAOU,EAC9BV,EAAuB,YAAcW,EACrCX,EAAuB,KAAOY,EAC9BZ,EAAuB,KAAOa"}
+{"version":3,"file":"NavigationMenuVertical.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './stitches.navigationMenuVertical.colorscheme.config'\n\nconst StyledRoot = styled(Root, {\n  width: '100%'\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\ntype TNavigationVerticalType = React.FC<TNavigationVerticalProps> & {\n  Link: typeof NavigationMenuVerticalLink\n  Accordion: typeof NavigationMenuVerticalAccordion\n  AccordionContent: typeof NavigationMenuVerticalAccordionContent\n  AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n  Item: typeof NavigationMenuVerticalItem\n  ItemContent: typeof NavigationMenuVerticalItemContent\n  Icon: typeof NavigationMenuVerticalIcon\n  Text: typeof NavigationMenuVerticalText\n}\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n  return (\n    <StyledRoot\n      className={navigationMenuVerticalColorSchemes['light']}\n      {...rest}\n      orientation=\"vertical\"\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledRoot>\n  )\n}) as TNavigationVerticalType\n\nNavigationMenuVertical.Link = NavigationMenuVerticalLink\nNavigationMenuVertical.Accordion = NavigationMenuVerticalAccordion\nNavigationMenuVertical.AccordionContent = NavigationMenuVerticalAccordionContent\nNavigationMenuVertical.AccordionTrigger = NavigationMenuVerticalAccordionTrigger\nNavigationMenuVertical.Item = NavigationMenuVerticalItem\nNavigationMenuVertical.ItemContent = NavigationMenuVerticalItemContent\nNavigationMenuVertical.Icon = NavigationMenuVerticalIcon\nNavigationMenuVertical.Text = NavigationMenuVerticalText\n"],"names":["StyledRoot","styled","Root","NavigationMenuVertical","children","rest","React","navigationMenuVerticalColorSchemes","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"28BAgBA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EA6BYC,EAA0B,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAExDC,EAAA,cAACN,EAAA,CACC,UAAWO,EAAmC,MAC7C,GAAGF,EACJ,YAAY,UAEZC,EAAAA,EAAA,cAACE,EAAA,KAA4BJ,CAAS,CACxC,EAIJD,EAAuB,KAAOM,EAC9BN,EAAuB,UAAYO,EACnCP,EAAuB,iBAAmBQ,EAC1CR,EAAuB,iBAAmBS,EAC1CT,EAAuB,KAAOU,EAC9BV,EAAuB,YAAcW,EACrCX,EAAuB,KAAOY,EAC9BZ,EAAuB,KAAOa"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts

@@ -326,7 +326,9 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
     }> | undefined;
 }, "as"> & {
     as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
-}>, {}, {
+}>, {
+    isExpanded?: boolean | "true" | "false" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js

@@ -1,2 +1,2 @@
-import e from"react";import{Text as i}from"../text/Text.js";import{styled as o}from"../../stitches.js";const a=o.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(i,{fontWeight:"var(--navigation-menu-vertical-item-font-weight)"}),r=t=>e.createElement(a,{size:"md",as:"span",...t});export{r as NavigationMenuVerticalText};
+import o from"react";import{Text as i}from"../text/Text.js";import{styled as n}from"../../stitches.js";import"../side-bar/SideBar.js";import{useSidebar as s}from"../side-bar/SideBarContext.js";const a="160px",r=n.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(i,{fontWeight:"var(--navigation-menu-vertical-item-font-weight)",lineHeight:1.2,variants:{isExpanded:{true:{width:"max-content",maxWidth:a,"@allowMotion":{opacity:1,transform:"translate(0)",transition:"opacity 125ms ease-out, transform 125ms ease-out"}},false:{"@allowMotion":{width:"max-content",maxWidth:a,opacity:0,transform:"translate(8px)",transition:"opacity 125ms ease-out, transform 0ms ease-out 125ms"}}}}}),m=t=>{const{isExpanded:e}=s();return o.createElement(r,{size:"md",as:"span",...t,isExpanded:e})};export{m as NavigationMenuVerticalText};
 //# sourceMappingURL=NavigationMenuVerticalText.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalText.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nconst StyledNavigationMenuVerticalText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text, {\n  fontWeight: 'var(--navigation-menu-vertical-item-font-weight)'\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  return <StyledNavigationMenuVerticalText size=\"md\" as=\"span\" {...props} />\n}\n"],"names":["StyledNavigationMenuVerticalText","styled","propName","Text","NavigationMenuVerticalText","props","React"],"mappings":"uGAKA,MAAMA,EAAmCC,EAAO,WAAW,CACzD,0BAA4BC,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,WAAY,kDACd,CAAC,EAMYC,EACXC,GAEOC,EAAA,cAACN,EAAA,CAAiC,KAAK,KAAK,GAAG,OAAQ,GAAGK,CAAO,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalText.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport { useSidebar } from '../side-bar'\n\nconst SIZE_EXPANDED_MAX = '160px'\n\nconst StyledNavigationMenuVerticalText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text, {\n  fontWeight: 'var(--navigation-menu-vertical-item-font-weight)',\n  lineHeight: 1.2,\n  variants: {\n    isExpanded: {\n      true: {\n        width: 'max-content',\n        maxWidth: SIZE_EXPANDED_MAX,\n        '@allowMotion': {\n          opacity: 1,\n          transform: 'translate(0)',\n          transition: 'opacity 125ms ease-out, transform 125ms ease-out'\n        }\n      },\n      false: {\n        '@allowMotion': {\n          width: 'max-content',\n          maxWidth: SIZE_EXPANDED_MAX,\n          opacity: 0,\n          transform: 'translate(8px)',\n          transition: 'opacity 125ms ease-out, transform 0ms ease-out 125ms'\n        }\n      }\n    }\n  }\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  const { isExpanded } = useSidebar()\n  return (\n    <StyledNavigationMenuVerticalText\n      size=\"md\"\n      as=\"span\"\n      {...props}\n      isExpanded={isExpanded}\n    />\n  )\n}\n"],"names":["SIZE_EXPANDED_MAX","StyledNavigationMenuVerticalText","styled","propName","Text","NavigationMenuVerticalText","props","isExpanded","useSidebar","React"],"mappings":"iMAOA,MAAMA,EAAoB,QAEpBC,EAAmCC,EAAO,WAAW,CACzD,0BAA4BC,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,WAAY,mDACZ,WAAY,IACZ,SAAU,CACR,WAAY,CACV,KAAM,CACJ,MAAO,cACP,SAAUJ,EACV,eAAgB,CACd,QAAS,EACT,UAAW,eACX,WAAY,kDACd,CACF,EACA,MAAO,CACL,eAAgB,CACd,MAAO,cACP,SAAUA,EACV,QAAS,EACT,UAAW,iBACX,WAAY,sDACd,CACF,CACF,CACF,CACF,CAAC,EAMYK,EACXC,GACgB,CAChB,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAAA,EACvB,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,GAAG,OACF,GAAGK,EACJ,WAAYC,CAAAA,CACd,CAEJ"}

package/dist/components/pagination/PaginationPopover.js

@@ -1,2 +1,2 @@
-import{Ellypsis as n}from"@atom-learning/icons";import t from"react";import"../accordion/Accordion.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import"../alert-dialog/AlertDialog.js";import"../alert-dialog/alert-context/AlertContext.js";import"../avatar/Avatar.js";import"../badge/Badge.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-field/CheckboxField.js";import"../chip/Chip.js";import"../chip/ChipGroup.js";import"../chip-dismissible-group/index.js";import"../chip-toggle-group/index.js";import"../combobox/Combobox.js";import"../create-password-field/CreatePasswordField.js";import"../data-table/DataTableContext.js";import"../data-table/DataTable.js";import"../date-field/DateField.js";import"../date-input/DateInput.js";import"../dialog/Dialog.js";import"../dismissible/index.js";import"../dismissible-group/index.js";import"../divider/Divider.js";import"../drawer/Drawer.js";import"../dropdown-menu/DropdownMenu.js";import"../empty-state/EmptyState.js";import"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../file-input/FileInput.js";import{Flex as l}from"../flex/Flex.js";import"../form/Form.js";import"dlv";import"react-hook-form";import"../grid/Grid.js";import"../heading/Heading.js";import{Icon as s}from"../icon/Icon.js";import"../image/Image.js";import"../inline-message/InlineMessage.js";import"../input/Input.js";import"../input-field/InputField.js";import"../label/Label.js";import"../link/Link.js";import"../list/List.js";import"../loader/Loader.js";import"../markdown-content/MarkdownContent.js";import"../navigation/NavigationMenu.js";import"../navigation-menu-vertical/NavigationMenuVertical.js";import"../notification-badge/NotificationBadge.js";import"../number-input/NumberInput.js";import"../number-input-field/NumberInputField.js";import"./Pagination.js";import"../password-field/PasswordField.js";import"../password-input/PasswordInput.js";import{Popover as r}from"../popover/Popover.js";import"../progress-bar/ProgressBar.js";import"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import"../radio-button-field/RadioButtonField.js";import"../radio-card/RadioCard.js";import"@radix-ui/react-radio-group";import"../stack/Stack.js";import"../search-field/SearchField.js";import"../search-input/SearchInput.js";import"../section-message/SectionMessage.js";import"../select/Select.js";import"../select-field/SelectField.js";import"../slider/Slider.js";import"../slider-field/SliderField.js";import"../sortable/SortableHandle.js";import"../sortable/SortableItem.js";import"../sortable/SortableRoot.js";import"../spacer/Spacer.js";import"../stack-content/StackContent.js";import"../stepper/Stepper.js";import"../switch/Switch.js";import"../table/Table.js";import"../tabs/Tabs.js";import"../text/Text.js";import"../textarea/Textarea.js";import"../textarea-field/TextareaField.js";import"../toast/Toast.js";import"../toast/ToastProvider.js";import"../toggle-group/ToggleGroupButton.js";import"../toggle-group/ToggleGroupItem.js";import"../toggle-group/ToggleGroupRoot.js";import"../tooltip/Tooltip.js";import"../top-bar/TopBar.js";import"../video/Video.js";import"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.js";import{PaginationItem as c}from"./PaginationItem.js";import{usePagination as g}from"./usePagination.js";const f=()=>{const{pagesCount:m,labels:i}=g(),p=Array.from({length:m},(o,e)=>e+1);return t.createElement(r,null,t.createElement(r.Trigger,{asChild:!0},t.createElement(a,{hasTooltip:!1,size:"md",theme:"neutral",label:(i==null?void 0:i.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},t.createElement(s,{is:n}))),t.createElement(r.Content,{size:"md",showCloseButton:!1,css:{p:0}},t.createElement(l,{css:{p:"$4",display:"flex",flexWrap:"wrap",gap:1,justifyContent:"center"}},p==null?void 0:p.map(o=>t.createElement(c,{key:o,pageNumber:o,css:{bg:"$white"}})))))};export{f as PaginationPopover};
+import{Ellypsis as n}from"@atom-learning/icons";import t from"react";import"../accordion/Accordion.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import"../alert-dialog/AlertDialog.js";import"../alert-dialog/alert-context/AlertContext.js";import"../avatar/Avatar.js";import"../badge/Badge.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-field/CheckboxField.js";import"../chip/Chip.js";import"../chip/ChipGroup.js";import"../chip-dismissible-group/index.js";import"../chip-toggle-group/index.js";import"../combobox/Combobox.js";import"../create-password-field/CreatePasswordField.js";import"../data-table/DataTableContext.js";import"../data-table/DataTable.js";import"../date-field/DateField.js";import"../date-input/DateInput.js";import"../dialog/Dialog.js";import"../dismissible/index.js";import"../dismissible-group/index.js";import"../divider/Divider.js";import"../drawer/Drawer.js";import"../dropdown-menu/DropdownMenu.js";import"../empty-state/EmptyState.js";import"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../file-input/FileInput.js";import{Flex as l}from"../flex/Flex.js";import"../form/Form.js";import"dlv";import"react-hook-form";import"../grid/Grid.js";import"../heading/Heading.js";import{Icon as s}from"../icon/Icon.js";import"../image/Image.js";import"../inline-message/InlineMessage.js";import"../input/Input.js";import"../input-field/InputField.js";import"../label/Label.js";import"../link/Link.js";import"../list/List.js";import"../loader/Loader.js";import"../markdown-content/MarkdownContent.js";import"../navigation/NavigationMenu.js";import"../navigation-menu-vertical/NavigationMenuVertical.js";import"../notification-badge/NotificationBadge.js";import"../number-input/NumberInput.js";import"../number-input-field/NumberInputField.js";import"./Pagination.js";import"../password-field/PasswordField.js";import"../password-input/PasswordInput.js";import{Popover as r}from"../popover/Popover.js";import"../progress-bar/ProgressBar.js";import"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import"../radio-button-field/RadioButtonField.js";import"../radio-card/RadioCard.js";import"@radix-ui/react-radio-group";import"../stack/Stack.js";import"../search-field/SearchField.js";import"../search-input/SearchInput.js";import"../section-message/SectionMessage.js";import"../select/Select.js";import"../select-field/SelectField.js";import"../side-bar/SideBar.js";import"../side-bar/SideBarContext.js";import"../slider/Slider.js";import"../slider-field/SliderField.js";import"../sortable/SortableHandle.js";import"../sortable/SortableItem.js";import"../sortable/SortableRoot.js";import"../spacer/Spacer.js";import"../stack-content/StackContent.js";import"../stepper/Stepper.js";import"../switch/Switch.js";import"../table/Table.js";import"../tabs/Tabs.js";import"../text/Text.js";import"../textarea/Textarea.js";import"../textarea-field/TextareaField.js";import"../toast/Toast.js";import"../toast/ToastProvider.js";import"../toggle-group/ToggleGroupButton.js";import"../toggle-group/ToggleGroupItem.js";import"../toggle-group/ToggleGroupRoot.js";import"../tooltip/Tooltip.js";import"../top-bar/TopBar.js";import"../video/Video.js";import"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.js";import{PaginationItem as c}from"./PaginationItem.js";import{usePagination as g}from"./usePagination.js";const f=()=>{const{pagesCount:m,labels:i}=g(),p=Array.from({length:m},(o,e)=>e+1);return t.createElement(r,null,t.createElement(r.Trigger,{asChild:!0},t.createElement(a,{hasTooltip:!1,size:"md",theme:"neutral",label:(i==null?void 0:i.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},t.createElement(s,{is:n}))),t.createElement(r.Content,{size:"md",showCloseButton:!1,css:{p:0}},t.createElement(l,{css:{p:"$4",display:"flex",flexWrap:"wrap",gap:1,justifyContent:"center"}},p==null?void 0:p.map(o=>t.createElement(c,{key:o,pageNumber:o,css:{bg:"$white"}})))))};export{f as PaginationPopover};
 //# sourceMappingURL=PaginationPopover.js.map

package/dist/components/pagination/PaginationPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon, Flex, Icon, Popover } from '..'\nimport { PaginationItem } from './PaginationItem'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = () => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  return (\n    <Popover>\n      <Popover.Trigger asChild>\n        <ActionIcon\n          hasTooltip={false}\n          size=\"md\"\n          theme=\"neutral\"\n          label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n          data-testid=\"pagination_popover_trigger\"\n        >\n          <Icon is={Ellypsis} />\n        </ActionIcon>\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} css={{ p: 0 }}>\n        <Flex\n          css={{\n            p: '$4',\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: 1,\n            justifyContent: 'center'\n          }}\n        >\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationItem\n                key={pageNumber}\n                pageNumber={pageNumber}\n                css={{ bg: '$white' }}\n              />\n            )\n          })}\n        </Flex>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","pagesCount","labels","usePagination","paginationItems","_","index","React","Popover","ActionIcon","Icon","Ellypsis","Flex","pageNumber","PaginationItem"],"mappings":"u+GAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}
+{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon, Flex, Icon, Popover } from '..'\nimport { PaginationItem } from './PaginationItem'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = () => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  return (\n    <Popover>\n      <Popover.Trigger asChild>\n        <ActionIcon\n          hasTooltip={false}\n          size=\"md\"\n          theme=\"neutral\"\n          label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n          data-testid=\"pagination_popover_trigger\"\n        >\n          <Icon is={Ellypsis} />\n        </ActionIcon>\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} css={{ p: 0 }}>\n        <Flex\n          css={{\n            p: '$4',\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: 1,\n            justifyContent: 'center'\n          }}\n        >\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationItem\n                key={pageNumber}\n                pageNumber={pageNumber}\n                css={{ bg: '$white' }}\n              />\n            )\n          })}\n        </Flex>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","pagesCount","labels","usePagination","paginationItems","_","index","React","Popover","ActionIcon","Icon","Ellypsis","Flex","pageNumber","PaginationItem"],"mappings":"4iHAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}