@atom-learning/components 6.0.0-beta.20 → 6.0.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/components/badge/Badge.d.ts +1 -1
  2. package/dist/components/banner/BannerContainer.d.ts +1 -1
  3. package/dist/components/banner/banner-slim/BannerSlim.d.ts +1 -1
  4. package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +1 -1
  5. package/dist/components/banner/banner-slim/BannerSlimContent.d.ts +1 -1
  6. package/dist/components/button/Button.js +1 -1
  7. package/dist/components/button/Button.js.map +1 -1
  8. package/dist/components/checkbox-tree/CheckboxTree.d.ts +3 -3
  9. package/dist/components/chip/ChipGroup.d.ts +1 -1
  10. package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +2 -2
  11. package/dist/components/data-table/DataTable.d.ts +3 -3
  12. package/dist/components/data-table/DataTableBulkActionsFloating.d.ts +1 -1
  13. package/dist/components/data-table/DataTableLoading.d.ts +1 -1
  14. package/dist/components/empty-state/EmptyState.d.ts +1 -1
  15. package/dist/components/flex/Flex.d.ts +1 -1
  16. package/dist/components/grid/Grid.d.ts +1 -1
  17. package/dist/components/inline-message/InlineMessage.d.ts +1 -1
  18. package/dist/components/input/Input.d.ts +1 -1
  19. package/dist/components/markdown-content/MarkdownContent.d.ts +1 -1
  20. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +1 -1
  21. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js +1 -1
  22. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js.map +1 -1
  23. package/dist/components/side-bar/SideBar.js +1 -1
  24. package/dist/components/side-bar/SideBar.js.map +1 -1
  25. package/dist/components/side-bar/SideBarContext.d.ts +2 -0
  26. package/dist/components/side-bar/SideBarContext.js +1 -1
  27. package/dist/components/side-bar/SideBarContext.js.map +1 -1
  28. package/dist/components/stepper/StepperStepBullet.d.ts +1 -1
  29. package/dist/components/stepper/StepperStepContainer.d.ts +1 -1
  30. package/dist/components/table/Table.js +1 -1
  31. package/dist/components/table/Table.js.map +1 -1
  32. package/dist/components/table/TableStickyColumnsContainer.js +1 -1
  33. package/dist/components/table/TableStickyColumnsContainer.js.map +1 -1
  34. package/dist/components/tile/TileGroup.d.ts +1 -1
  35. package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +2 -2
  36. package/dist/components/toast/Toast.d.ts +1 -1
  37. package/dist/components/toggle-group/ToggleGroupRoot.d.ts +1 -1
  38. package/dist/components/toggle-group/index.d.ts +1 -1
  39. package/dist/components/top-bar/TopBar.js +1 -1
  40. package/dist/components/top-bar/TopBar.js.map +1 -1
  41. package/dist/components/tree/Tree.d.ts +5 -5
  42. package/dist/components/tree/TreeItemContent.d.ts +1 -1
  43. package/dist/components/tree/TreeListItem.d.ts +1 -1
  44. package/dist/index.cjs.js +1 -1
  45. package/dist/index.cjs.js.map +1 -1
  46. package/dist/styled.js +1 -1
  47. package/dist/styled.js.map +1 -1
  48. package/package.json +1 -1
  49. package/scripts/vite-plugin-tailwind-responsive-variant-classes.mjs +1 -1
  50. package/src/responsive-variant-classes.css +1 -1
package/dist/components/stepper/StepperStepContainer.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const StepperStepContainer: import("react").ForwardRefExoticCompo
5
5
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
6
6
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
7
7
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
8
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
8
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
9
9
  } & {
10
10
  as?: import("react").ElementType;
11
11
  }, "direction" | "separator" | "status" | "canInteract"> & {
package/dist/components/table/Table.js CHANGED
@@ -1,2 +1,2 @@
1
- import i from"clsx";import*as t from"react";import{styled as _}from"../../styled.js";import{TableBody as b}from"./TableBody.js";import{TableCell as h}from"./TableCell.js";import{TableFooter as f}from"./TableFooter.js";import{TableFooterCell as c}from"./TableFooterCell.js";import{TableHeader as C}from"./TableHeader.js";import{TableHeaderCell as u}from"./TableHeaderCell.js";import{TableRow as y}from"./TableRow.js";import{TableStickyColumnsContainer as o}from"./TableStickyColumnsContainer.js";const T=_("table",{base:["border-separate","border-spacing-0","font-sans","text-sm","w-full","relative","z-0"],variants:{size:{md:["[&_td]:h-10","[&_td]:px-3","[&_td]:py-1","[&_th]:h-10","[&_th]:px-3","[&_th]:py-1"],lg:["[&_td]:h-12","[&_td]:px-0","[&_td]:pt-0","[&_td]:pb-3","[&_td]:last:pr-3","[&_th]:h-12","[&_th]:px-0","[&_th]:pt-0","[&_th]:pb-3","[&_th]:last:pr-3"],xl:["[&_td]:h-12","[&_td]:px-0","[&_td]:pt-0","[&_td]:pb-3","[&_td]:last:pr-3","[&_th]:h-16","[&_th]:px-0","[&_th]:pt-0","[&_th]:pb-3","[&_th]:last:pr-3"]},corners:{round:["rounded-md"],square:[]}}}),l=t.forwardRef(({size:a="md",corners:m="round",numberOfStickyColumns:e=0,scrollContainerCls:p,scrollContainerkey:s,...d},n)=>{const r=t.createElement(T,{ref:n,size:a,corners:m,...d});return e?t.createElement(o,{key:s,className:i(p),numberOfStickyColumns:e},r):r}),x=Object.assign(l,{Body:b,Cell:h,Footer:f,FooterCell:c,Header:C,HeaderCell:u,Row:y,StickyColumnsContainer:o});l.displayName="Table";export{x as Table};
1
+ import _ from"clsx";import*as e from"react";import{styled as p}from"../../styled.js";import{TableBody as f}from"./TableBody.js";import{TableCell as b}from"./TableCell.js";import{TableFooter as c}from"./TableFooter.js";import{TableFooterCell as h}from"./TableFooterCell.js";import{TableHeader as C}from"./TableHeader.js";import{TableHeaderCell as u}from"./TableHeaderCell.js";import{TableRow as y}from"./TableRow.js";import{TableStickyColumnsContainer as o}from"./TableStickyColumnsContainer.js";const T=p("table",{base:["border-separate","border-spacing-0","font-sans","text-sm","w-full","relative","z-0"],variants:{size:{md:["[&_td,&_th]:h-10","[&_td,&_th]:px-3","[&_td,&_th]:py-1"],lg:["[&_td,&_th]:h-12","[&_td,&_th]:py-0","[&_td,&_th]:pr-0","[&_td,&_th]:pl-3","[&_td,&_th]:last:pr-3"],xl:["[&_th]:h-12","[&_td]:h-16","[&_td,&_th]:py-0","[&_td,&_th]:pr-0","[&_td,&_th]:pl-3","[&_td,&_th]:last:pr-3"]},corners:{round:["rounded-md"],square:[]}}}),l=e.forwardRef(({size:a="md",corners:m="round",numberOfStickyColumns:t=0,scrollContainerCls:s,scrollContainerkey:d,...n},i)=>{const r=e.createElement(T,{ref:i,size:a,corners:m,...n});return t?e.createElement(o,{key:d,className:_(s),numberOfStickyColumns:t},r):r}),k=Object.assign(l,{Body:f,Cell:b,Footer:c,FooterCell:h,Header:C,HeaderCell:u,Row:y,StickyColumnsContainer:o});l.displayName="Table";export{k as Table};
2
2
  //# sourceMappingURL=Table.js.map
package/dist/components/table/Table.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n base: [\n 'border-separate',\n 'border-spacing-0',\n 'font-sans',\n 'text-sm',\n 'w-full',\n 'relative',\n 'z-0'\n ],\n variants: {\n size: {\n md: [\n '[&_td]:h-10',\n '[&_td]:px-3',\n '[&_td]:py-1',\n '[&_th]:h-10',\n '[&_th]:px-3',\n '[&_th]:py-1'\n ],\n lg: [\n '[&_td]:h-12',\n '[&_td]:px-0',\n '[&_td]:pt-0',\n '[&_td]:pb-3',\n '[&_td]:last:pr-3',\n '[&_th]:h-12',\n '[&_th]:px-0',\n '[&_th]:pt-0',\n '[&_th]:pb-3',\n '[&_th]:last:pr-3'\n ],\n xl: [\n '[&_td]:h-12',\n '[&_td]:px-0',\n '[&_td]:pt-0',\n '[&_td]:pb-3',\n '[&_td]:last:pr-3',\n '[&_th]:h-16',\n '[&_th]:px-0',\n '[&_th]:pt-0',\n '[&_th]:pb-3',\n '[&_th]:last:pr-3'\n ]\n },\n corners: {\n round: ['rounded-md'],\n square: []\n }\n }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n numberOfStickyColumns?: number\n scrollContainerCls?: string | string[]\n scrollContainerkey?: string\n maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n (\n {\n size = 'md',\n corners = 'round',\n numberOfStickyColumns = 0,\n scrollContainerCls,\n scrollContainerkey,\n ...rest\n },\n ref\n ) => {\n const tableComponent = (\n <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n )\n\n if (numberOfStickyColumns) {\n return (\n <TableStickyColumnsContainer\n key={scrollContainerkey}\n className={clsx(scrollContainerCls)}\n numberOfStickyColumns={numberOfStickyColumns}\n >\n {tableComponent}\n </TableStickyColumnsContainer>\n )\n }\n\n return tableComponent\n }\n)\n\nexport const Table = Object.assign(TableComponent, {\n Body: TableBody,\n Cell: TableCell,\n Footer: TableFooter,\n FooterCell: TableFooterCell,\n Header: TableHeader,\n HeaderCell: TableHeaderCell,\n Row: TableRow,\n StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"names":["StyledTable","styled","TableComponent","React","size","corners","numberOfStickyColumns","scrollContainerCls","scrollContainerkey","rest","ref","tableComponent","TableStickyColumnsContainer","clsx","Table","TableBody","TableCell","TableFooter","TableFooterCell","TableHeader","TableHeaderCell","TableRow"],"mappings":"+eAcA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CACJ,kBACA,mBACA,YACA,UACA,SACA,WACA,KACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,cACA,cACA,cACA,cACA,cACA,aACF,EACA,GAAI,CACF,cACA,cACA,cACA,cACA,mBACA,cACA,cACA,cACA,cACA,kBACF,EACA,GAAI,CACF,cACA,cACA,cACA,cACA,mBACA,cACA,cACA,cACA,cACA,kBACF,CACF,EACA,QAAS,CACP,MAAO,CAAC,YAAY,EACpB,OAAQ,CACV,CAAA,CACF,CACF,CAAC,EASKC,EAAiBC,EAAM,WAC3B,CACE,CACE,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,sBAAAC,EAAwB,EACxB,mBAAAC,EACA,mBAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EACJR,EAAA,cAACH,EAAA,CAAY,IAAKU,EAAK,KAAMN,EAAM,QAASC,EAAU,GAAGI,CAAM,CAAA,EAGjE,OAAIH,EAEAH,EAAA,cAACS,EAAA,CACC,IAAKJ,EACL,UAAWK,EAAKN,CAAkB,EAClC,sBAAuBD,CAEtBK,EAAAA,CACH,EAIGA,CACT,CACF,EAEaG,EAAQ,OAAO,OAAOZ,EAAgB,CACjD,KAAMa,EACN,KAAMC,EACN,OAAQC,EACR,WAAYC,EACZ,OAAQC,EACR,WAAYC,EACZ,IAAKC,EACL,uBAAwBT,CAC1B,CAAC,EAEDV,EAAe,YAAc"}
1
+ {"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n base: [\n 'border-separate',\n 'border-spacing-0',\n 'font-sans',\n 'text-sm',\n 'w-full',\n 'relative',\n 'z-0'\n ],\n variants: {\n size: {\n md: ['[&_td,&_th]:h-10', '[&_td,&_th]:px-3', '[&_td,&_th]:py-1'],\n lg: [\n '[&_td,&_th]:h-12',\n '[&_td,&_th]:py-0',\n '[&_td,&_th]:pr-0',\n '[&_td,&_th]:pl-3',\n '[&_td,&_th]:last:pr-3'\n ],\n xl: [\n '[&_th]:h-12',\n '[&_td]:h-16',\n '[&_td,&_th]:py-0',\n '[&_td,&_th]:pr-0',\n '[&_td,&_th]:pl-3',\n '[&_td,&_th]:last:pr-3'\n ]\n },\n corners: {\n round: ['rounded-md'],\n square: []\n }\n }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n numberOfStickyColumns?: number\n scrollContainerCls?: string | string[]\n scrollContainerkey?: string\n maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n (\n {\n size = 'md',\n corners = 'round',\n numberOfStickyColumns = 0,\n scrollContainerCls,\n scrollContainerkey,\n ...rest\n },\n ref\n ) => {\n const tableComponent = (\n <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n )\n\n if (numberOfStickyColumns) {\n return (\n <TableStickyColumnsContainer\n key={scrollContainerkey}\n className={clsx(scrollContainerCls)}\n numberOfStickyColumns={numberOfStickyColumns}\n >\n {tableComponent}\n </TableStickyColumnsContainer>\n )\n }\n\n return tableComponent\n }\n)\n\nexport const Table = Object.assign(TableComponent, {\n Body: TableBody,\n Cell: TableCell,\n Footer: TableFooter,\n FooterCell: TableFooterCell,\n Header: TableHeader,\n HeaderCell: TableHeaderCell,\n Row: TableRow,\n StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"names":["StyledTable","styled","TableComponent","React","size","corners","numberOfStickyColumns","scrollContainerCls","scrollContainerkey","rest","ref","tableComponent","TableStickyColumnsContainer","clsx","Table","TableBody","TableCell","TableFooter","TableFooterCell","TableHeader","TableHeaderCell","TableRow"],"mappings":"+eAcA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CACJ,kBACA,mBACA,YACA,UACA,SACA,WACA,KACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,mBAAoB,mBAAoB,kBAAkB,EAC/D,GAAI,CACF,mBACA,mBACA,mBACA,mBACA,uBACF,EACA,GAAI,CACF,cACA,cACA,mBACA,mBACA,mBACA,uBACF,CACF,EACA,QAAS,CACP,MAAO,CAAC,YAAY,EACpB,OAAQ,CAAA,CACV,CACF,CACF,CAAC,EASKC,EAAiBC,EAAM,WAC3B,CACE,CACE,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,sBAAAC,EAAwB,EACxB,mBAAAC,EACA,mBAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EACJR,EAAA,cAACH,EAAA,CAAY,IAAKU,EAAK,KAAMN,EAAM,QAASC,EAAU,GAAGI,CAAM,CAAA,EAGjE,OAAIH,EAEAH,EAAA,cAACS,EAAA,CACC,IAAKJ,EACL,UAAWK,EAAKN,CAAkB,EAClC,sBAAuBD,CAAAA,EAEtBK,CACH,EAIGA,CACT,CACF,EAEaG,EAAQ,OAAO,OAAOZ,EAAgB,CACjD,KAAMa,EACN,KAAMC,EACN,OAAQC,EACR,WAAYC,EACZ,OAAQC,EACR,WAAYC,EACZ,IAAKC,EACL,uBAAwBT,CAC1B,CAAC,EAEDV,EAAe,YAAc"}
package/dist/components/table/TableStickyColumnsContainer.js CHANGED
@@ -1,2 +1,2 @@
1
- import i from"clsx";import _ from"react";import{useStickyColumnsStyle as a}from"./useStickyColumnsCss.js";const d=({children:o,numberOfStickyColumns:t=0,className:l,...n})=>{const[p,e]=_.useState(!1),x=_.useRef(null),{columnsStyle:s}=a({numberOfStickyColumns:t,wrapperRef:x});return _.createElement("div",{onScroll:c=>{const h=c.currentTarget.scrollLeft>0;h!==p&&e(h)},role:"scrollbar",ref:x,style:s,className:i("overflow-auto","max-w-full","relative","overscroll-x-contain","[&_td]:bg-inherit",l,t===1&&["[&_td]:nth-[1]:sticky","[&_td]:nth-[1]:left-(--sticky-offset-left-1)","[&_td]:nth-[1]:width-(--sticky-column-width-1)","[&_td]:nth-[1]:z-2"],t===2&&["[&_td]:nth-[2]:sticky","[&_td]:nth-[2]:left-(--sticky-offset-left-2)","[&_td]:nth-[2]:width-(--sticky-column-width-2)","[&_td]:nth-[2]:z-2"],t===3&&["[&_td]:nth-[3]:sticky","[&_td]:nth-[3]:left-(--sticky-offset-left-3)","[&_td]:nth-[3]:width-(--sticky-column-width-3)","[&_td]:nth-[3]:z-2"],t===4&&["[&_td]:nth-[4]:sticky","[&_td]:nth-[4]:left-(--sticky-offset-left-4)","[&_td]:nth-[4]:width-(--sticky-column-width-4)","[&_td]:nth-[4]:z-2"],t===1&&p&&["[&_td]:nth-[1]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td]:nth-[1]:[clip-path:inset(0px_-10px_0px_0px)","[&_th]:nth-[1]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_th]:nth-[1]:[clip-path:inset(0px_-10px_0px_0px)"],t===2&&p&&["[&_td]:nth-[2]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td]:nth-[2]:[clip-path:inset(0px_-10px_0px_0px)","[&_th]:nth-[2]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_th]:nth-[2]:[clip-path:inset(0px_-10px_0px_0px)"],t===3&&p&&["[&_td]:nth-[3]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td]:nth-[3]:[clip-path:inset(0px_-10px_0px_0px)","[&_th]:nth-[3]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_th]:nth-[3]:[clip-path:inset(0px_-10px_0px_0px)"],t===4&&p&&["[&_td]:nth-[4]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td]:nth-[4]:[clip-path:inset(0px_-10px_0px_0px)","[&_th]:nth-[4]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_th]:nth-[4]:[clip-path:inset(0px_-10px_0px_0px)"]),...n},o)};export{d as TableStickyColumnsContainer};
1
+ import d from"clsx";import h from"react";import{useStickyColumnsStyle as x}from"./useStickyColumnsCss.js";const r=({children:o,numberOfStickyColumns:t=0,className:e,...p})=>{const[_,s]=h.useState(!1),l=h.useRef(null),{columnsStyle:c}=x({numberOfStickyColumns:t,wrapperRef:l});return h.createElement("div",{onScroll:i=>{const n=i.currentTarget.scrollLeft>0;n!==_&&s(n)},role:"scrollbar",ref:l,style:c,className:d("overflow-auto","max-w-full","relative","overscroll-x-contain","[&_td,&_th]:bg-inherit",e,t===1&&["[&_td,&_th]:nth-[1]:sticky","[&_td,&_th]:nth-[1]:left-(--sticky-offset-left-1)","[&_td,&_th]:nth-[1]:width-(--sticky-column-width-1)","[&_td,&_th]:nth-[1]:z-2"],t===2&&["[&_td,&_th]:nth-[2]:sticky","[&_td,&_th]:nth-[2]:left-(--sticky-offset-left-2)","[&_td,&_th]:nth-[2]:width-(--sticky-column-width-2)","[&_td,&_th]:nth-[2]:z-2"],t===3&&["[&_td,&_th]:nth-[3]:sticky","[&_td,&_th]:nth-[3]:left-(--sticky-offset-left-3)","[&_td,&_th]:nth-[3]:width-(--sticky-column-width-3)","[&_td,&_th]:nth-[3]:z-2"],t===4&&["[&_td,&_th]:nth-[4]:sticky","[&_td,&_th]:nth-[4]:left-(--sticky-offset-left-4)","[&_td,&_th]:nth-[4]:width-(--sticky-column-width-4)","[&_td,&_th]:nth-[4]:z-2"],t===1&&_&&["[&_td,&_th]:nth-[1]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td,&_th]:nth-[1]:[clip-path:inset(0px_-10px_0px_0px)"],t===2&&_&&["[&_td,&_th]:nth-[2]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td,&_th]:nth-[2]:[clip-path:inset(0px_-10px_0px_0px)"],t===3&&_&&["[&_td,&_th]:nth-[3]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td,&_th]:nth-[3]:[clip-path:inset(0px_-10px_0px_0px)"],t===4&&_&&["[&_td,&_th]:nth-[4]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td,&_th]:nth-[4]:[clip-path:inset(0px_-10px_0px_0px)"]),...p},o)};export{r as TableStickyColumnsContainer};
2
2
  //# sourceMappingURL=TableStickyColumnsContainer.js.map
package/dist/components/table/TableStickyColumnsContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableStickyColumnsContainer.js","sources":["../../../src/components/table/TableStickyColumnsContainer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { useStickyColumnsStyle } from './useStickyColumnsCss'\n\nexport const TableStickyColumnsContainer = ({\n children,\n numberOfStickyColumns = 0,\n className,\n ...restProps\n}: React.PropsWithChildren<{\n numberOfStickyColumns?: number\n className?: string\n}>) => {\n const [hasScroll, setHasScroll] = React.useState<boolean>(false)\n const wrapperRef = React.useRef(null)\n const { columnsStyle } = useStickyColumnsStyle({\n numberOfStickyColumns,\n wrapperRef\n })\n\n const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {\n const newHasScroll = event.currentTarget.scrollLeft > 0\n if (newHasScroll !== hasScroll) {\n setHasScroll(newHasScroll)\n }\n }\n\n return (\n <div\n onScroll={handleScroll}\n role=\"scrollbar\"\n ref={wrapperRef}\n style={columnsStyle}\n className={clsx(\n 'overflow-auto',\n 'max-w-full',\n 'relative',\n 'overscroll-x-contain',\n '[&_td]:bg-inherit',\n className,\n numberOfStickyColumns === 1 && [\n '[&_td]:nth-[1]:sticky',\n '[&_td]:nth-[1]:left-(--sticky-offset-left-1)',\n '[&_td]:nth-[1]:width-(--sticky-column-width-1)',\n '[&_td]:nth-[1]:z-2'\n ],\n numberOfStickyColumns === 2 && [\n '[&_td]:nth-[2]:sticky',\n '[&_td]:nth-[2]:left-(--sticky-offset-left-2)',\n '[&_td]:nth-[2]:width-(--sticky-column-width-2)',\n '[&_td]:nth-[2]:z-2'\n ],\n numberOfStickyColumns === 3 && [\n '[&_td]:nth-[3]:sticky',\n '[&_td]:nth-[3]:left-(--sticky-offset-left-3)',\n '[&_td]:nth-[3]:width-(--sticky-column-width-3)',\n '[&_td]:nth-[3]:z-2'\n ],\n numberOfStickyColumns === 4 && [\n '[&_td]:nth-[4]:sticky',\n '[&_td]:nth-[4]:left-(--sticky-offset-left-4)',\n '[&_td]:nth-[4]:width-(--sticky-column-width-4)',\n '[&_td]:nth-[4]:z-2'\n ],\n numberOfStickyColumns === 1 &&\n hasScroll && [\n '[&_td]:nth-[1]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td]:nth-[1]:[clip-path:inset(0px_-10px_0px_0px)',\n '[&_th]:nth-[1]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_th]:nth-[1]:[clip-path:inset(0px_-10px_0px_0px)'\n ],\n numberOfStickyColumns === 2 &&\n hasScroll && [\n '[&_td]:nth-[2]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td]:nth-[2]:[clip-path:inset(0px_-10px_0px_0px)',\n '[&_th]:nth-[2]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_th]:nth-[2]:[clip-path:inset(0px_-10px_0px_0px)'\n ],\n numberOfStickyColumns === 3 &&\n hasScroll && [\n '[&_td]:nth-[3]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td]:nth-[3]:[clip-path:inset(0px_-10px_0px_0px)',\n '[&_th]:nth-[3]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_th]:nth-[3]:[clip-path:inset(0px_-10px_0px_0px)'\n ],\n numberOfStickyColumns === 4 &&\n hasScroll && [\n '[&_td]:nth-[4]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td]:nth-[4]:[clip-path:inset(0px_-10px_0px_0px)',\n '[&_th]:nth-[4]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_th]:nth-[4]:[clip-path:inset(0px_-10px_0px_0px)'\n ]\n )}\n {...restProps}\n >\n {children}\n </div>\n )\n}\n"],"names":["TableStickyColumnsContainer","children","numberOfStickyColumns","className","restProps","hasScroll","setHasScroll","React","wrapperRef","columnsStyle","useStickyColumnsStyle","event","newHasScroll","clsx"],"mappings":"gHAKaA,EAA8B,CAAC,CAC1C,SAAAC,EACA,sBAAAC,EAAwB,EACxB,UAAAC,EACA,GAAGC,CACL,IAGO,CACL,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAkB,EAAK,EACzDC,EAAaD,EAAM,OAAO,IAAI,EAC9B,CAAE,aAAAE,CAAa,EAAIC,EAAsB,CAC7C,sBAAAR,EACA,WAAAM,CACF,CAAC,EASD,OACED,EAAA,cAAC,MAAA,CACC,SATkBI,GAAyC,CAC7D,MAAMC,EAAeD,EAAM,cAAc,WAAa,EAClDC,IAAiBP,GACnBC,EAAaM,CAAY,CAE7B,EAKI,KAAK,YACL,IAAKJ,EACL,MAAOC,EACP,UAAWI,EACT,gBACA,aACA,WACA,uBACA,oBACAV,EACAD,IAA0B,GAAK,CAC7B,wBACA,+CACA,iDACA,oBACF,EACAA,IAA0B,GAAK,CAC7B,wBACA,+CACA,iDACA,oBACF,EACAA,IAA0B,GAAK,CAC7B,wBACA,+CACA,iDACA,oBACF,EACAA,IAA0B,GAAK,CAC7B,wBACA,+CACA,iDACA,oBACF,EACAA,IAA0B,GACxBG,GAAa,CACX,oEACA,qDACA,oEACA,oDACF,EACFH,IAA0B,GACxBG,GAAa,CACX,oEACA,qDACA,oEACA,oDACF,EACFH,IAA0B,GACxBG,GAAa,CACX,oEACA,qDACA,oEACA,oDACF,EACFH,IAA0B,GACxBG,GAAa,CACX,oEACA,qDACA,oEACA,oDACF,CACJ,EACC,GAAGD,CAAAA,EAEHH,CACH,CAEJ"}
1
+ {"version":3,"file":"TableStickyColumnsContainer.js","sources":["../../../src/components/table/TableStickyColumnsContainer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { useStickyColumnsStyle } from './useStickyColumnsCss'\n\nexport const TableStickyColumnsContainer = ({\n children,\n numberOfStickyColumns = 0,\n className,\n ...restProps\n}: React.PropsWithChildren<{\n numberOfStickyColumns?: number\n className?: string\n}>) => {\n const [hasScroll, setHasScroll] = React.useState<boolean>(false)\n const wrapperRef = React.useRef(null)\n const { columnsStyle } = useStickyColumnsStyle({\n numberOfStickyColumns,\n wrapperRef\n })\n\n const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {\n const newHasScroll = event.currentTarget.scrollLeft > 0\n if (newHasScroll !== hasScroll) {\n setHasScroll(newHasScroll)\n }\n }\n\n return (\n <div\n onScroll={handleScroll}\n role=\"scrollbar\"\n ref={wrapperRef}\n style={columnsStyle}\n className={clsx(\n 'overflow-auto',\n 'max-w-full',\n 'relative',\n 'overscroll-x-contain',\n '[&_td,&_th]:bg-inherit',\n className,\n numberOfStickyColumns === 1 && [\n '[&_td,&_th]:nth-[1]:sticky',\n '[&_td,&_th]:nth-[1]:left-(--sticky-offset-left-1)',\n '[&_td,&_th]:nth-[1]:width-(--sticky-column-width-1)',\n '[&_td,&_th]:nth-[1]:z-2'\n ],\n numberOfStickyColumns === 2 && [\n '[&_td,&_th]:nth-[2]:sticky',\n '[&_td,&_th]:nth-[2]:left-(--sticky-offset-left-2)',\n '[&_td,&_th]:nth-[2]:width-(--sticky-column-width-2)',\n '[&_td,&_th]:nth-[2]:z-2'\n ],\n numberOfStickyColumns === 3 && [\n '[&_td,&_th]:nth-[3]:sticky',\n '[&_td,&_th]:nth-[3]:left-(--sticky-offset-left-3)',\n '[&_td,&_th]:nth-[3]:width-(--sticky-column-width-3)',\n '[&_td,&_th]:nth-[3]:z-2'\n ],\n numberOfStickyColumns === 4 && [\n '[&_td,&_th]:nth-[4]:sticky',\n '[&_td,&_th]:nth-[4]:left-(--sticky-offset-left-4)',\n '[&_td,&_th]:nth-[4]:width-(--sticky-column-width-4)',\n '[&_td,&_th]:nth-[4]:z-2'\n ],\n numberOfStickyColumns === 1 &&\n hasScroll && [\n '[&_td,&_th]:nth-[1]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td,&_th]:nth-[1]:[clip-path:inset(0px_-10px_0px_0px)'\n ],\n numberOfStickyColumns === 2 &&\n hasScroll && [\n '[&_td,&_th]:nth-[2]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td,&_th]:nth-[2]:[clip-path:inset(0px_-10px_0px_0px)'\n ],\n numberOfStickyColumns === 3 &&\n hasScroll && [\n '[&_td,&_th]:nth-[3]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td,&_th]:nth-[3]:[clip-path:inset(0px_-10px_0px_0px)'\n ],\n numberOfStickyColumns === 4 &&\n hasScroll && [\n '[&_td,&_th]:nth-[4]:[box-shadow:(--color-alpha-200)_-2px_-3px_9px_1px]',\n '[&_td,&_th]:nth-[4]:[clip-path:inset(0px_-10px_0px_0px)'\n ]\n )}\n {...restProps}\n >\n {children}\n </div>\n )\n}\n"],"names":["TableStickyColumnsContainer","children","numberOfStickyColumns","className","restProps","hasScroll","setHasScroll","React","wrapperRef","columnsStyle","useStickyColumnsStyle","event","newHasScroll","clsx"],"mappings":"0GAKa,MAAAA,EAA8B,CAAC,CAC1C,SAAAC,EACA,sBAAAC,EAAwB,EACxB,UAAAC,EACA,GAAGC,CACL,IAGO,CACL,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAkB,EAAK,EACzDC,EAAaD,EAAM,OAAO,IAAI,EAC9B,CAAE,aAAAE,CAAa,EAAIC,EAAsB,CAC7C,sBAAAR,EACA,WAAAM,CACF,CAAC,EASD,OACED,EAAA,cAAC,MAAA,CACC,SATkBI,GAAyC,CAC7D,MAAMC,EAAeD,EAAM,cAAc,WAAa,EAClDC,IAAiBP,GACnBC,EAAaM,CAAY,CAE7B,EAKI,KAAK,YACL,IAAKJ,EACL,MAAOC,EACP,UAAWI,EACT,gBACA,aACA,WACA,uBACA,yBACAV,EACAD,IAA0B,GAAK,CAC7B,6BACA,oDACA,sDACA,yBACF,EACAA,IAA0B,GAAK,CAC7B,6BACA,oDACA,sDACA,yBACF,EACAA,IAA0B,GAAK,CAC7B,6BACA,oDACA,sDACA,yBACF,EACAA,IAA0B,GAAK,CAC7B,6BACA,oDACA,sDACA,yBACF,EACAA,IAA0B,GACxBG,GAAa,CACX,yEACA,yDACF,EACFH,IAA0B,GACxBG,GAAa,CACX,yEACA,yDACF,EACFH,IAA0B,GACxBG,GAAa,CACX,yEACA,yDACF,EACFH,IAA0B,GACxBG,GAAa,CACX,yEACA,yDACF,CACJ,EACC,GAAGD,CAAAA,EAEHH,CACH,CAEJ"}
package/dist/components/tile/TileGroup.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const TileGroup: import("react").ForwardRefExoticComponent<Omit<O
5
5
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
6
6
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
7
7
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
8
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
8
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
9
9
  } & {
10
10
  as?: import("react").ElementType;
11
11
  }>;
package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<
6
6
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
7
7
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
8
8
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
9
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
9
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
10
10
  } & {
11
11
  as?: React.ElementType;
12
12
  } & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
@@ -18,7 +18,7 @@ export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<
18
18
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
19
19
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
20
20
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
21
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
21
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
22
22
  } & {
23
23
  as?: React.ElementType;
24
24
  } & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
package/dist/components/toast/Toast.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const StyledToast: React.ForwardRefExoticComponent<Omit<Omit<Omit
6
6
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
7
7
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
8
8
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
9
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
9
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
10
10
  } & {
11
11
  as?: React.ElementType;
12
12
  }, "type"> & {
package/dist/components/toggle-group/ToggleGroupRoot.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Omit<Pick<
22
22
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
23
23
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
24
24
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
25
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
25
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
26
26
  } & {
27
27
  as?: React.ElementType;
28
28
  }, "wrap" | "gap"> & Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
package/dist/components/toggle-group/index.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare const ToggleGroup: {
22
22
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
23
23
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
24
24
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
25
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
25
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
26
26
  } & {
27
27
  as?: import("react").ElementType;
28
28
  }, "wrap" | "gap"> & Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement> & {
package/dist/components/top-bar/TopBar.js CHANGED
@@ -1,2 +1,2 @@
1
- import*as e from"react";import{styled as r,Theme as m}from"../../styled.js";import{useWindowScrollPosition as p}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{Flex as c}from"../flex/Flex.js";import{colorSchemes as b}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as f}from"./TopBarActionIcon.js";import{TopBarBrand as u,TopBarBrandLogo as h,TopBarBrandName as x}from"./TopBarBrand.js";const B=()=>e.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),g=r("div",{base:["bg-(--background)","sticky","flex","items-center","z-1","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-full"]}}},{enabledResponsiveVariants:!0}),w=r(c,{base:["items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:i,appearance:s="standard",...d})=>{const{y:n}=p();return e.createElement(m,{theme:i||b.light},e.createElement(g,{hasScrolled:!!n,diffused:t,appearance:s,size:a},e.createElement(w,{...d})))},T=Object.assign(o,{Brand:u,BrandLogo:h,BrandName:x,ActionIcon:f,Divider:B});o.displayName="TopBar";export{T as TopBar};
1
+ import*as e from"react";import{styled as r,Theme as m}from"../../styled.js";import{useWindowScrollPosition as p}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{Flex as c}from"../flex/Flex.js";import{colorSchemes as b}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as f}from"./TopBarActionIcon.js";import{TopBarBrand as u,TopBarBrandLogo as h,TopBarBrandName as x}from"./TopBarBrand.js";const B=()=>e.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),g=r("div",{base:["bg-(--background)","sticky","flex","items-center","z-10","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-full"]}}},{enabledResponsiveVariants:!0}),w=r(c,{base:["items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:i,appearance:s="standard",...d})=>{const{y:n}=p();return e.createElement(m,{theme:i||b.light},e.createElement(g,{hasScrolled:!!n,diffused:t,appearance:s,size:a},e.createElement(w,{...d})))},T=Object.assign(o,{Brand:u,BrandLogo:h,BrandName:x,ActionIcon:f,Divider:B});o.displayName="TopBar";export{T as TopBar};
2
2
  //# sourceMappingURL=TopBar.js.map
package/dist/components/top-bar/TopBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider'\nimport { Flex } from '../flex'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled(\n 'div',\n {\n base: [\n 'bg-(--background)',\n 'sticky',\n 'flex',\n 'items-center',\n 'z-1',\n 'transition-shadow',\n 'duration-200',\n 'ease-out'\n ],\n variants: {\n hasScrolled: {\n true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n },\n size: {\n md: ['h-16'],\n lg: ['h-24']\n },\n diffused: {\n true: [\n 'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n 'supports-color-mix:backdrop-blur-sm'\n ]\n },\n appearance: {\n standard: [\n 'w-screen',\n 'max-w-full',\n 'top-0',\n 'border-b',\n 'border-b-(--border-bottom)'\n ],\n rounded: [\n 'w-full',\n 'top-2',\n 'p-2',\n 'border',\n 'border-white',\n 'rounded-full'\n ]\n }\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst Container = styled(Flex, {\n base: ['items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype StyledRootProps = React.ComponentProps<typeof StyledRoot>\n\ntype TopBarProps = StyledRootProps & React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n size = 'md',\n diffused,\n theme,\n appearance = 'standard',\n ...props\n}: React.PropsWithChildren<TopBarProps>) => {\n const { y: scrollPositionY } = useWindowScrollPosition()\n\n return (\n <Theme theme={theme || topBarColorSchemes['light']}>\n <StyledRoot\n hasScrolled={!!scrollPositionY}\n diffused={diffused}\n appearance={appearance}\n size={size}\n >\n <Container {...props} />\n </StyledRoot>\n </Theme>\n )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n Brand: TopBarBrand,\n BrandLogo: TopBarBrandLogo,\n BrandName: TopBarBrandName,\n ActionIcon: TopBarActionIcon,\n Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","Flex","TopBarComponent","size","diffused","theme","appearance","props","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"8cAWA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EACjB,MACA,CACE,KAAM,CACJ,oBACA,SACA,OACA,eACA,MACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,cACF,CACF,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAYD,EAAOE,EAAM,CAC7B,KAAM,CAAC,eAAgB,OAAQ,OAAQ,SAAU,SAAS,CAC5D,CAAC,EAMKC,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAE/B,EAAA,OACEb,EAAA,cAACc,EAAA,CAAM,MAAOL,GAASM,EAAmB,KACxCf,EAAAA,EAAA,cAACE,EAAA,CACC,YAAa,CAAC,CAACU,EACf,SAAUJ,EACV,WAAYE,EACZ,KAAMH,CAAAA,EAENP,EAAA,cAACI,EAAA,CAAW,GAAGO,CAAO,CAAA,CACxB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOV,EAAiB,CACnD,MAAOW,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,QAASrB,CACX,CAAC,EAEDO,EAAgB,YAAc"}
1
+ {"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider'\nimport { Flex } from '../flex'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled(\n 'div',\n {\n base: [\n 'bg-(--background)',\n 'sticky',\n 'flex',\n 'items-center',\n 'z-10',\n 'transition-shadow',\n 'duration-200',\n 'ease-out'\n ],\n variants: {\n hasScrolled: {\n true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n },\n size: {\n md: ['h-16'],\n lg: ['h-24']\n },\n diffused: {\n true: [\n 'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n 'supports-color-mix:backdrop-blur-sm'\n ]\n },\n appearance: {\n standard: [\n 'w-screen',\n 'max-w-full',\n 'top-0',\n 'border-b',\n 'border-b-(--border-bottom)'\n ],\n rounded: [\n 'w-full',\n 'top-2',\n 'p-2',\n 'border',\n 'border-white',\n 'rounded-full'\n ]\n }\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst Container = styled(Flex, {\n base: ['items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype StyledRootProps = React.ComponentProps<typeof StyledRoot>\n\ntype TopBarProps = StyledRootProps & React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n size = 'md',\n diffused,\n theme,\n appearance = 'standard',\n ...props\n}: React.PropsWithChildren<TopBarProps>) => {\n const { y: scrollPositionY } = useWindowScrollPosition()\n\n return (\n <Theme theme={theme || topBarColorSchemes['light']}>\n <StyledRoot\n hasScrolled={!!scrollPositionY}\n diffused={diffused}\n appearance={appearance}\n size={size}\n >\n <Container {...props} />\n </StyledRoot>\n </Theme>\n )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n Brand: TopBarBrand,\n BrandLogo: TopBarBrandLogo,\n BrandName: TopBarBrandName,\n ActionIcon: TopBarActionIcon,\n Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","Flex","TopBarComponent","size","diffused","theme","appearance","props","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"8cAWA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EACjB,MACA,CACE,KAAM,CACJ,oBACA,SACA,OACA,eACA,OACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,cACF,CACF,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAYD,EAAOE,EAAM,CAC7B,KAAM,CAAC,eAAgB,OAAQ,OAAQ,SAAU,SAAS,CAC5D,CAAC,EAMKC,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAE/B,EAAA,OACEb,EAAA,cAACc,EAAA,CAAM,MAAOL,GAASM,EAAmB,KACxCf,EAAAA,EAAA,cAACE,EAAA,CACC,YAAa,CAAC,CAACU,EACf,SAAUJ,EACV,WAAYE,EACZ,KAAMH,CAAAA,EAENP,EAAA,cAACI,EAAA,CAAW,GAAGO,CAAO,CAAA,CACxB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOV,EAAiB,CACnD,MAAOW,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,QAASrB,CACX,CAAC,EAEDO,EAAgB,YAAc"}
package/dist/components/tree/Tree.d.ts CHANGED
@@ -267,7 +267,7 @@ export declare const TreeRoot: React.ForwardRefExoticComponent<Omit<Omit<{
267
267
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
268
268
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
269
269
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
270
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
270
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
271
271
  }, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
272
272
  export declare const Tree: React.ForwardRefExoticComponent<Omit<Omit<{
273
273
  children?: React.ReactNode;
@@ -537,7 +537,7 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<Omit<{
537
537
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
538
538
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
539
539
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
540
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
540
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
541
541
  }, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>> & {
542
542
  Collapsible: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, never> & {
543
543
  as?: React.ElementType;
@@ -812,7 +812,7 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<Omit<{
812
812
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
813
813
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
814
814
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
815
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
815
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
816
816
  }, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
817
817
  CollapsibleTrigger: ({ children, label, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
818
818
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
@@ -821,7 +821,7 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<Omit<{
821
821
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
822
822
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
823
823
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
824
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
824
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
825
825
  } & {
826
826
  as?: React.ElementType;
827
827
  }, "ref"> & React.RefAttributes<HTMLDivElement> & {
@@ -834,7 +834,7 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<Omit<{
834
834
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
835
835
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
836
836
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
837
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
837
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
838
838
  } & {
839
839
  as?: React.ElementType;
840
840
  }, "ref"> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
package/dist/components/tree/TreeItemContent.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const TreeItemContent: React.ForwardRefExoticComponent<Omit<Omit<
6
6
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
7
7
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
8
8
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
9
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
9
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
10
10
  } & {
11
11
  as?: React.ElementType;
12
12
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
package/dist/components/tree/TreeListItem.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const TreeListItem: React.ForwardRefExoticComponent<Omit<Omit<Omi
6
6
  wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
7
7
  justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
8
8
  align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
9
- gap?: (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "0" | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
9
+ gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
10
10
  } & {
11
11
  as?: React.ElementType;
12
12
  }, "ref"> & React.RefAttributes<HTMLLIElement>>;