@atom-learning/components 3.7.0 → 3.9.0

package/dist/components/checkbox-tree/CheckboxTree.js

@@ -0,0 +1,2 @@
+import e from"react";import{CheckboxGroup as c}from"../checkbox-group/CheckboxGroup.js";import{Tree as m}from"../tree/Tree.js";import{CheckboxTreeCollapsible as i}from"./CheckboxTreeCollapsible.js";import{CheckboxTreeCollapsibleContent as h}from"./CheckboxTreeCollapsibleContent.js";import{CheckboxTreeCollapsibleTrigger as a}from"./CheckboxTreeCollapsibleTrigger.js";import{CheckboxTreeItem as p}from"./CheckboxTreeItem.js";const o=({checked:r,defaultChecked:l,onCheckedChange:t,...C})=>e.createElement(c,{checked:r,defaultChecked:l,onCheckedChange:t,asChild:!0},e.createElement(m,{...C})),b=Object.assign(o,{Collapsible:i,CollapsibleContent:h,CollapsibleTrigger:a,Item:p});export{b as CheckboxTree,o as CheckboxTreeRoot};
+//# sourceMappingURL=CheckboxTree.js.map

package/dist/components/checkbox-tree/CheckboxTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n  React.ComponentProps<typeof CheckboxGroup> &\n    React.ComponentProps<typeof Tree>,\n  'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  ...rest\n}: CheckboxTreeRootProps) => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"names":["CheckboxTreeRoot","checked","defaultChecked","onCheckedChange","rest","React","CheckboxGroup","Tree","CheckboxTree","CheckboxTreeCollapsible","CheckboxTreeCollapsibleContent","CheckboxTreeCollapsibleTrigger","CheckboxTreeItem"],"mappings":"yaAcO,MAAMA,EAAmB,CAAC,CAC/B,QAAAC,EACA,eAAAC,EACA,gBAAAC,KACGC,CACL,IAGIC,EAAA,cAACC,EAAA,CAF0B,QAAAL,EAAS,eAAAC,EAAgB,gBAAAC,EAEb,QAAO,EAAA,EAC5CE,EAAA,cAACE,EAAA,CAAM,GAAGH,EAAM,CAClB,EAISI,EAAe,OAAO,OAAOR,EAAkB,CAC1D,YAAaS,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,CACR,CAAC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Tree } from '../tree';
+import { CheckboxGroup } from '../checkbox-group';
+declare type CheckboxTreeCollapsibleProps = Omit<React.ComponentProps<typeof Tree.Collapsible> & React.ComponentProps<typeof CheckboxGroup.Sub>, 'asChild'>;
+export declare const CheckboxTreeCollapsible: ({ children, ...rest }: CheckboxTreeCollapsibleProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js

@@ -0,0 +1,2 @@
+import e from"react";import{Tree as l}from"../tree/Tree.js";import{CheckboxGroup as t}from"../checkbox-group/CheckboxGroup.js";const m=({children:o,...r})=>e.createElement(t.Sub,{asChild:!0},e.createElement(l.Collapsible,{...r},o));export{m as CheckboxTreeCollapsible};
+//# sourceMappingURL=CheckboxTreeCollapsible.js.map

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTreeCollapsible.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\nimport { Tree } from '../tree'\nimport { CheckboxGroup } from '../checkbox-group'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n  React.ComponentProps<typeof Tree.Collapsible> &\n    React.ComponentProps<typeof CheckboxGroup.Sub>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"names":["CheckboxTreeCollapsible","children","rest","React","CheckboxGroup","Tree"],"mappings":"+HAUO,MAAMA,EAA0B,CAAC,CACtC,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,EAAA,EACxBD,EAAA,cAACE,EAAK,YAAL,CAAkB,GAAGH,CAAAA,EAAOD,CAAS,CACxC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Tree } from '../tree';
+declare type CheckboxTreeCollapsibleContentProps = Omit<React.ComponentProps<typeof Tree.CollapsibleContent>, 'asChild'>;
+export declare const CheckboxTreeCollapsibleContent: ({ children, ...rest }: CheckboxTreeCollapsibleContentProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js

@@ -0,0 +1,2 @@
+import e from"react";import{Tree as r}from"../tree/Tree.js";import{CheckboxGroup as l}from"../checkbox-group/CheckboxGroup.js";const n=({children:o,...t})=>e.createElement(l.Sub,{asChild:!0},e.createElement(r.CollapsibleContent,{...t,forceMount:!0},o));export{n as CheckboxTreeCollapsibleContent};
+//# sourceMappingURL=CheckboxTreeCollapsibleContent.js.map

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTreeCollapsibleContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Tree } from '../tree'\nimport { CheckboxGroup } from '../checkbox-group'\n\ntype CheckboxTreeCollapsibleContentProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleContent>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsibleContent = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleContentProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.CollapsibleContent {...rest} forceMount>\n        {children}\n      </Tree.CollapsibleContent>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"names":["CheckboxTreeCollapsibleContent","children","rest","React","CheckboxGroup","Tree"],"mappings":"+HAUa,MAAAA,EAAiC,CAAC,CAC7C,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAc,IAAd,CAAkB,QAAO,IACxBD,EAAA,cAACE,EAAK,mBAAL,CAAyB,GAAGH,EAAM,WAAU,EAAA,EAC1CD,CACH,CACF"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxGroup } from '../checkbox-group';
+import { Tree } from '../tree';
+declare type CheckboxGroupCollapsibleTriggerProps = Omit<React.ComponentProps<typeof Tree.CollapsibleTrigger> & React.ComponentProps<typeof CheckboxGroup.AllItem>, 'required' | 'asChild'>;
+export declare const CheckboxTreeCollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: CheckboxGroupCollapsibleTriggerProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.js

@@ -0,0 +1,2 @@
+import e from"react";import{CheckboxGroup as C}from"../checkbox-group/CheckboxGroup.js";import{Tree as p}from"../tree/Tree.js";import{CheckboxTreeItemContent as b}from"./CheckboxTreeItemContent.js";const d=({onCheckedChange:t,title:o,label:r,children:l,disabled:i,...n})=>{const a={label:r},m={onCheckedChange:t,title:o,disabled:i};return e.createElement(p.CollapsibleTrigger,{...a,...n},e.createElement(b,{onClick:c=>c.stopPropagation()},e.createElement(C.AllItem,{...m}),l))};export{d as CheckboxTreeCollapsibleTrigger};
+//# sourceMappingURL=CheckboxTreeCollapsibleTrigger.js.map

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n    React.ComponentProps<typeof CheckboxGroup.AllItem>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n  onCheckedChange,\n  title,\n  label,\n  children,\n  disabled,\n  ...rest\n}: CheckboxGroupCollapsibleTriggerProps): JSX.Element => {\n  const treeCollapsibleTriggerProps = { label }\n  const checkboxAllItemProps = { onCheckedChange, title, disabled }\n  return (\n    <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n      <CheckboxTreeItemContent\n        onClick={\n          //  Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n          (e) => e.stopPropagation()\n        }\n      >\n        <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.CollapsibleTrigger>\n  )\n}\n"],"names":["CheckboxTreeCollapsibleTrigger","onCheckedChange","title","label","children","disabled","rest","treeCollapsibleTriggerProps","checkboxAllItemProps","React","Tree","CheckboxTreeItemContent","e","CheckboxGroup"],"mappings":"4MAYaA,EAAiC,CAAC,CAC7C,gBAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,KACGC,CACL,IAAyD,CACvD,MAAMC,EAA8B,CAAE,MAAAJ,CAAM,EACtCK,EAAuB,CAAE,gBAAAP,EAAiB,MAAAC,EAAO,SAAAG,CAAS,EAChE,OACEI,EAAA,cAACC,EAAK,mBAAL,CAAyB,GAAGH,EAA8B,GAAGD,CAC5DG,EAAAA,EAAA,cAACE,EAAA,CACC,QAEGC,GAAMA,EAAE,mBAGXH,EAAA,cAACI,EAAc,QAAd,CAAuB,GAAGL,CAAAA,CAAsB,EAChDJ,CACH,CACF,CAEJ"}

package/dist/components/checkbox-tree/CheckboxTreeItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxGroup } from '../checkbox-group';
+import { Tree } from '../tree';
+declare type CheckboxTreeItemProps = Omit<React.ComponentProps<typeof Tree.Item> & React.ComponentProps<typeof CheckboxGroup.Item>, 'required' | 'asChild'>;
+export declare const CheckboxTreeItem: ({ value, title, onCheckedChange, children, disabled, ...rest }: CheckboxTreeItemProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeItem.js

@@ -0,0 +1,2 @@
+import e from"react";import{CheckboxGroup as a}from"../checkbox-group/CheckboxGroup.js";import{Tree as i}from"../tree/Tree.js";import{CheckboxTreeItemContent as C}from"./CheckboxTreeItemContent.js";const d=({value:t,title:r,onCheckedChange:o,children:m,disabled:n,...l})=>{const c={value:t,title:r,onCheckedChange:o,disabled:n};return e.createElement(i.Item,{...l},e.createElement(C,null,e.createElement(a.Item,{...c}),m))};export{d as CheckboxTreeItem};
+//# sourceMappingURL=CheckboxTreeItem.js.map

package/dist/components/checkbox-tree/CheckboxTreeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTreeItem.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group'\nimport { Tree } from '../tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n  React.ComponentProps<typeof Tree.Item> &\n    React.ComponentProps<typeof CheckboxGroup.Item>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n  value,\n  title,\n  onCheckedChange,\n  children,\n  disabled,\n  ...rest\n}: CheckboxTreeItemProps): JSX.Element => {\n  const checkboxItemProps = { value, title, onCheckedChange, disabled }\n  return (\n    <Tree.Item {...rest}>\n      <CheckboxTreeItemContent>\n        <CheckboxGroup.Item {...checkboxItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.Item>\n  )\n}\n"],"names":["CheckboxTreeItem","value","title","onCheckedChange","children","disabled","rest","checkboxItemProps","React","Tree","CheckboxTreeItemContent","CheckboxGroup"],"mappings":"sMAYO,MAAMA,EAAmB,CAAC,CAC/B,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAC,KACGC,CACL,IAA0C,CACxC,MAAMC,EAAoB,CAAE,MAAAN,EAAO,MAAAC,EAAO,gBAAAC,EAAiB,SAAAE,CAAS,EACpE,OACEG,EAAA,cAACC,EAAK,KAAL,CAAW,GAAGH,CAAAA,EACbE,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAc,KAAd,CAAoB,GAAGJ,CAAAA,CAAmB,EAC1CH,CACH,CACF,CAEJ"}

package/dist/components/checkbox-tree/CheckboxTreeItemContent.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Flex } from '../../components/flex';
+declare type CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>;
+export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js

@@ -0,0 +1,2 @@
+import*as t from"react";import{Flex as n}from"../flex/Flex.js";import{Icon as l}from"../icon/Icon.js";import{Tree as r}from"../tree/Tree.js";import{styled as p}from"../../stitches.js";const a=p(n,{maxWidth:"100%"}),i=({children:o,...m})=>t.createElement(a,{gap:2,align:"center",as:"label",...m},t.Children.map(o,e=>typeof e=="string"||typeof e=="number"?t.createElement(r.Text,null,e):t.isValidElement(e)&&e.type===l?t.createElement(r.Icon,{...e.props}):e));export{i as CheckboxTreeItemContent};
+//# sourceMappingURL=CheckboxTreeItemContent.js.map

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTreeItemContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Tree } from '~/components/tree'\nimport { styled } from '~/stitches'\n\nconst StyledItemContent = styled(Flex, {\n  maxWidth: '100%'\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore: Stitches polymorphic components issue due to `as=\"label\"`\n    <StyledItemContent gap={2} align=\"center\" as=\"label\" {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return <Tree.Text>{child}</Tree.Text>\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledItemContent>\n  )\n}\n"],"names":["StyledItemContent","styled","Flex","CheckboxTreeItemContent","children","rest","React","child","Tree","Icon"],"mappings":"wLAOA,MAAMA,EAAoBC,EAAOC,EAAM,CACrC,SAAU,MACZ,CAAC,EAIYC,EAA0B,CAAC,CACtC,SAAAC,KACGC,CACL,IAIIC,EAAA,cAACN,EAAA,CAAkB,IAAK,EAAG,MAAM,SAAS,GAAG,QAAS,GAAGK,CAErDC,EAAAA,EAAM,SAAS,IAAIF,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCD,EAAA,cAACE,EAAK,KAAL,KAAWD,CAAM,EAEvBD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASE,EACzCH,EAAA,cAACE,EAAK,KAAL,CAAW,GAAGD,EAAM,KAAO,CAAA,EAE9BA,CACR,CAEL"}

package/dist/components/checkbox-tree/index.d.ts

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

package/dist/components/index.d.ts

@@ -9,6 +9,8 @@ export { Box } from './box';
 export { Button, StyledButton } from './button';
 export { Carousel, useCarousel } from './carousel';
 export { Checkbox } from './checkbox';
+export { CheckboxGroup } from './checkbox-group';
+export { CheckboxTree } from './checkbox-tree';
 export { CheckboxField } from './checkbox-field';
 export { Chip, ChipGroup } from './chip';
 export { ChipDismissibleGroup } from './chip-dismissible-group';

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"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.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"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.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"../tree/Tree.js";import"../video/Video.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"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-group/CheckboxGroup.js";import"../checkbox-tree/CheckboxTree.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"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.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"../tree/Tree.js";import"../video/Video.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":"okHAOO,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":"wpHAOO,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"}

package/dist/components/tree/TreeCollapsibleTrigger.js

@@ -1,2 +1,2 @@
-import{ChevronDown as p}from"@atom-learning/icons";import{Trigger as f}from"@radix-ui/react-collapsible";import e from"react";import{StyledIcon as r,Icon as d}from"../icon/Icon.js";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{styled as a}from"../../stitches.js";import{TreeCollapsibleContext as u}from"./TreeCollapsible.js";import{TreeItemContent as C}from"./TreeItemContent.js";const T=a(C,{cursor:"pointer"}),b=a(g,{position:"absolute",left:0,top:0,pointerEvents:"none",[`${r}`]:{transition:"transform 300ms"},[`&[data-state="closed"] > ${r}`]:{transform:"rotate(-90deg)"},[`&[data-state="open"] > ${r}`]:{transform:"rotate(0deg)"}}),h=({children:m,label:s,...t})=>{const{setTriggerRef:c,triggerRef:n}=e.useContext(u);return e.createElement(T,{...t,onClick:o=>{var l,i;(l=t.onClick)==null||l.call(t,o),(i=n==null?void 0:n.current)==null||i.click()}},e.createElement(f,{asChild:!0},e.createElement(b,{size:"sm",ref:c,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(d,{is:p}))),m)};export{h as TreeCollapsibleTrigger};
+import{ChevronDown as p}from"@atom-learning/icons";import{Trigger as f}from"@radix-ui/react-collapsible";import e from"react";import{ActionIcon as d}from"../action-icon/ActionIcon.js";import{StyledIcon as r,Icon as g}from"../icon/Icon.js";import{styled as a}from"../../stitches.js";import{TreeCollapsibleContext as u}from"./TreeCollapsible.js";import{TreeItemContent as C}from"./TreeItemContent.js";const T=a(C,{cursor:"pointer"}),b=a(d,{position:"absolute",left:0,top:0,pointerEvents:"none",[`${r}`]:{transition:"transform 300ms"},[`&[data-state="closed"] > ${r}`]:{transform:"rotate(-90deg)"},[`&[data-state="open"] > ${r}`]:{transform:"rotate(0deg)"}}),h=({children:m,label:s,...t})=>{const{setTriggerRef:c,triggerRef:n}=e.useContext(u);return e.createElement(T,{...t,onClick:o=>{var l,i;(l=t.onClick)==null||l.call(t,o),(i=n==null?void 0:n.current)==null||i.click()}},e.createElement(f,{asChild:!0},e.createElement(b,{size:"sm",ref:c,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(g,{is:p}))),m)};export{h as TreeCollapsibleTrigger};
 //# sourceMappingURL=TreeCollapsibleTrigger.js.map

package/dist/components/tree/TreeCollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsibleTrigger.js","sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { Icon, StyledIcon } from '~/components/icon'\nimport { ActionIcon } from '~/components/action-icon'\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n  cursor: 'pointer'\n})\n\nconst StyledActionIcon = styled(ActionIcon, {\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  pointerEvents: 'none',\n  [`${StyledIcon}`]: {\n    transition: 'transform 300ms'\n  },\n  [`&[data-state=\"closed\"] > ${StyledIcon}`]: {\n    transform: 'rotate(-90deg)'\n  },\n  [`&[data-state=\"open\"] > ${StyledIcon}`]: {\n    transform: 'rotate(0deg)'\n  }\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n  typeof TreeItemContent\n> & {\n  label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n  children,\n  label,\n  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <StyledTreeCollapsibleTrigger\n      {...rest}\n      onClick={(event) => {\n        rest.onClick?.(event)\n        triggerRef?.current?.click()\n      }}\n    >\n      <Trigger asChild>\n        <StyledActionIcon\n          size=\"sm\"\n          ref={setTriggerRef}\n          label={label}\n          theme=\"neutral\"\n          hasTooltip={false}\n          onClick={(e: PointerEvent) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </StyledTreeCollapsibleTrigger>\n  )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","StyledIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"+YAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,OAAQ,SACV,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,CAAC,GAAGC,KAAe,CACjB,WAAY,iBACd,EACA,CAAC,4BAA4BA,KAAe,CAC1C,UAAW,gBACb,EACA,CAAC,0BAA0BA,KAAe,CACxC,UAAW,cACb,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,KACGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACZ,EAAA,CACE,GAAGS,EACJ,QAAUK,GAAU,CA/C1B,IAAAC,EAAAC,GAgDQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CACfE,GAAAA,EAAAL,GAAA,KAAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MACvB,CAAA,CAAA,EAEAJ,EAAA,cAACK,EAAA,CAAQ,QAAO,EACdL,EAAAA,EAAA,cAACT,EAAA,CACC,KAAK,KACL,IAAKO,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,iBAEhCN,EAAAA,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CACF,EACCb,CACH,CAEJ"}
+{"version":3,"file":"TreeCollapsibleTrigger.js","sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Icon, StyledIcon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n  cursor: 'pointer'\n})\n\nconst StyledActionIcon = styled(ActionIcon, {\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  pointerEvents: 'none',\n  [`${StyledIcon}`]: {\n    transition: 'transform 300ms'\n  },\n  [`&[data-state=\"closed\"] > ${StyledIcon}`]: {\n    transform: 'rotate(-90deg)'\n  },\n  [`&[data-state=\"open\"] > ${StyledIcon}`]: {\n    transform: 'rotate(0deg)'\n  }\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n  typeof TreeItemContent\n> & {\n  label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n  children,\n  label,\n  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <StyledTreeCollapsibleTrigger\n      {...rest}\n      onClick={(event) => {\n        rest.onClick?.(event)\n        triggerRef?.current?.click()\n      }}\n    >\n      <Trigger asChild>\n        <StyledActionIcon\n          size=\"sm\"\n          ref={setTriggerRef}\n          label={label}\n          theme=\"neutral\"\n          hasTooltip={false}\n          onClick={(e: PointerEvent) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </StyledTreeCollapsibleTrigger>\n  )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","StyledIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"+YAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,OAAQ,SACV,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,CAAC,GAAGC,KAAe,CACjB,WAAY,iBACd,EACA,CAAC,4BAA4BA,KAAe,CAC1C,UAAW,gBACb,EACA,CAAC,0BAA0BA,KAAe,CACxC,UAAW,cACb,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,KACGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACZ,EAAA,CACE,GAAGS,EACJ,QAAUK,GAAU,CA/C1B,IAAAC,EAAAC,GAgDQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CACfE,GAAAA,EAAAL,GAAA,KAAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MACvB,CAAA,CAAA,EAEAJ,EAAA,cAACK,EAAA,CAAQ,QAAO,EACdL,EAAAA,EAAA,cAACT,EAAA,CACC,KAAK,KACL,IAAKO,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,iBAEhCN,EAAAA,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CACF,EACCb,CACH,CAEJ"}

package/dist/components/tree/TreeListItem.js

@@ -1,2 +1,2 @@
-import{styled as o}from"../../stitches.js";import*as e from"react";import{Flex as i}from"../flex/Flex.js";const m=o(i,{"&:not(:first-child)":{mt:"$0"}}),f=e.forwardRef((t,r)=>e.createElement(m,{as:"li",gap:2,align:"center",...t,ref:r,role:"treeitem"}));export{f as TreeListItem};
+import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as i}from"../../stitches.js";const m=i(o,{"&:not(:first-child)":{mt:"$0"}}),f=e.forwardRef((t,r)=>e.createElement(m,{as:"li",gap:2,align:"center",...t,ref:r,role:"treeitem"}));export{f as TreeListItem};
 //# sourceMappingURL=TreeListItem.js.map

package/dist/components/tree/TreeListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeListItem.js","sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import { styled } from '~/stitches'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\n\ntype TreeListItemProps = React.ComponentProps<typeof Flex>\n\nconst StyledTreeListItem = styled(Flex, {\n  '&:not(:first-child)': {\n    mt: '$0'\n  }\n})\n\nexport const TreeListItem = React.forwardRef(\n  (\n    props: TreeListItemProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <StyledTreeListItem\n        as=\"li\"\n        gap={2}\n        align=\"center\"\n        {...props}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Stitches polymorphic components issue due to `as=\"li\"`\n        ref={ref}\n        role=\"treeitem\"\n      />\n    )\n  }\n)\n"],"names":["StyledTreeListItem","styled","Flex","TreeListItem","React","props","ref"],"mappings":"0GAOA,MAAMA,EAAqBC,EAAOC,EAAM,CACtC,sBAAuB,CACrB,GAAI,IACN,CACF,CAAC,EAEYC,EAAeC,EAAM,WAChC,CACEC,EACAC,IAGEF,EAAA,cAACJ,EAAA,CACC,GAAG,KACH,IAAK,EACL,MAAM,SACL,GAAGK,EAGJ,IAAKC,EACL,KAAK,UAAA,CACP,CAGN"}
+{"version":3,"file":"TreeListItem.js","sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/stitches'\n\ntype TreeListItemProps = React.ComponentProps<typeof Flex>\n\nconst StyledTreeListItem = styled(Flex, {\n  '&:not(:first-child)': {\n    mt: '$0'\n  }\n})\n\nexport const TreeListItem = React.forwardRef(\n  (\n    props: TreeListItemProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <StyledTreeListItem\n        as=\"li\"\n        gap={2}\n        align=\"center\"\n        {...props}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Stitches polymorphic components issue due to `as=\"li\"`\n        ref={ref}\n        role=\"treeitem\"\n      />\n    )\n  }\n)\n"],"names":["StyledTreeListItem","styled","Flex","TreeListItem","React","props","ref"],"mappings":"0GAOA,MAAMA,EAAqBC,EAAOC,EAAM,CACtC,sBAAuB,CACrB,GAAI,IACN,CACF,CAAC,EAEYC,EAAeC,EAAM,WAChC,CACEC,EACAC,IAGEF,EAAA,cAACJ,EAAA,CACC,GAAG,KACH,IAAK,EACL,MAAM,SACL,GAAGK,EAGJ,IAAKC,EACL,KAAK,UAAA,CACP,CAGN"}