@atom-learning/components 3.5.2 → 3.7.0

package/CHANGELOG.md

@@ -1,10 +1,19 @@
-## [3.5.2](https://github.com/Atom-Learning/components/compare/v3.5.1...v3.5.2) (2023-12-01)
+# [3.7.0](https://github.com/Atom-Learning/components/compare/v3.6.0...v3.7.0) (2024-01-03)
 
 
 ### Bug Fixes
 
-* ensure icon/action-icon do not shrink in flex-containers ([2ffe8bd](https://github.com/Atom-Learning/components/commit/2ffe8bdb1365276bfc9a4bbdcdb61aec5d379bc8))
-* snapshots ([f62aa79](https://github.com/Atom-Learning/components/commit/f62aa7973dc1e337f906ede16bb3189375f19132))
+* do not export TreeItemContent as it's not needed ([9ed0c04](https://github.com/Atom-Learning/components/commit/9ed0c04228f9749f0a8b29504b63df3236d062de))
+* logic for Tree spacing ([6472327](https://github.com/Atom-Learning/components/commit/6472327d06c2b32e7dbdc5f2709022f9b9b9e107))
+* stray snapshot ([d8f04dd](https://github.com/Atom-Learning/components/commit/d8f04ddcaad60230cc90fb036ee5b7c9b4d12b9d))
+
+
+### Features
+
+* add tree roles to Tree components ([578a2d3](https://github.com/Atom-Learning/components/commit/578a2d31b2e243dff3d7803f5128d9e22a44c5dc))
+* forwardRefs, ts silencing and small tweaks to play better when used ([a9412b9](https://github.com/Atom-Learning/components/commit/a9412b9b4d4a96c83bab820487fdf0527dcc774b))
+* Tree component ([bd6035a](https://github.com/Atom-Learning/components/commit/bd6035a3b03c4d19b13aa17d7649a0e88151fd15))
+* trigger element for Tree, allow custom onClick fn ([3f66304](https://github.com/Atom-Learning/components/commit/3f66304273f02426c9bec88d1b834e5ee20495b5))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/banner/BannerContainer.d.ts

@@ -650,5 +650,5 @@ declare const StyledBannerContainer: import("@stitches/react/types/styled-compon
 export declare type TBannerContainerProps = React.ComponentProps<typeof StyledBannerContainer> & {
     colorScheme?: TcolorScheme;
 } & React.ComponentProps<typeof Dismissible>;
-export declare const BannerContainer: ({ colorScheme, value, onDismiss, ...props }: TBannerContainerProps) => JSX.Element;
+export declare const BannerContainer: ({ colorScheme, onDismiss, dismissed, ...props }: TBannerContainerProps) => JSX.Element;
 export {};

package/dist/components/banner/BannerContainer.js

@@ -1,2 +1,2 @@
-import*as o from"react";import{ColorScheme as i}from"../../experiments/color-scheme/ColorScheme.js";import{styled as l}from"../../stitches.js";import{Dismissible as t}from"../dismissible/index.js";import{Flex as m}from"../flex/Flex.js";import{useBannerContext as c}from"./BannerContext.js";const d=l(m,{position:"relative",width:"100%",borderRadius:"$0",overflow:"hidden",color:"$foreground","--banner-heading-color":"$colors$foreground","--banner-text-color":"$colors$grey900",variants:{emphasis:{bold:{background:"$base11",color:"$foreground7plus","--banner-heading-color":"$colors$foreground7plus","--banner-text-color":"$colors$grey100"},subtle:{background:"$base3"},minimal:{background:"$base1"}},size:{sm:{},md:{}}}}),b=({colorScheme:e={},value:r,onDismiss:n,...s})=>{const{emphasis:a}=c();return o.createElement(i,{...e,asChild:!0},o.createElement(t,{asChild:!0,value:r,onDismiss:n},o.createElement(d,{role:"banner",emphasis:a,...s})))};export{b as BannerContainer};
+import*as o from"react";import{ColorScheme as a}from"../../experiments/color-scheme/ColorScheme.js";import{styled as t}from"../../stitches.js";import{Dismissible as m}from"../dismissible/index.js";import{Flex as l}from"../flex/Flex.js";import{useBannerContext as d}from"./BannerContext.js";const c=t(l,{position:"relative",width:"100%",borderRadius:"$0",overflow:"hidden",color:"$foreground","--banner-heading-color":"$colors$foreground","--banner-text-color":"$colors$grey900",variants:{emphasis:{bold:{background:"$base11",color:"$foreground7plus","--banner-heading-color":"$colors$foreground7plus","--banner-text-color":"$colors$grey100"},subtle:{background:"$base3"},minimal:{background:"$base1"}},size:{sm:{},md:{}}}}),b=({colorScheme:e={},onDismiss:r,dismissed:s,...n})=>{const{emphasis:i}=d();return o.createElement(a,{...e,asChild:!0},o.createElement(m,{asChild:!0,onDismiss:r,dismissed:s},o.createElement(c,{role:"banner",emphasis:i,...n})))};export{b as BannerContainer};
 //# sourceMappingURL=BannerContainer.js.map

package/dist/components/banner/BannerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n  position: 'relative',\n  width: '100%',\n  borderRadius: '$0',\n  overflow: 'hidden',\n  color: '$foreground',\n  '--banner-heading-color': '$colors$foreground',\n  '--banner-text-color': '$colors$grey900',\n  variants: {\n    emphasis: {\n      bold: {\n        background: '$base11',\n        color: '$foreground7plus',\n        '--banner-heading-color': '$colors$foreground7plus',\n        '--banner-text-color': '$colors$grey100'\n      },\n      subtle: {\n        background: '$base3'\n      },\n      minimal: {\n        background: '$base1'\n      }\n    },\n    size: {\n      sm: {},\n      md: {}\n    }\n  }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  value,\n  onDismiss,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild value={value} onDismiss={onDismiss}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","value","onDismiss","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"kSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,yBAA0B,qBAC1B,sBAAuB,kBACvB,SAAU,CACR,SAAU,CACR,KAAM,CACJ,WAAY,UACZ,MAAO,mBACP,yBAA0B,0BAC1B,sBAAuB,iBACzB,EACA,OAAQ,CACN,WAAY,QACd,EACA,QAAS,CACP,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,GACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAA,EACd,MAAAC,EACA,UAAAC,KACGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAErB,EAAA,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,MAAOP,EAAO,UAAWC,CAC5CI,EAAAA,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAO,CAAA,CACtE,CACF,CAEJ"}
+{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n  position: 'relative',\n  width: '100%',\n  borderRadius: '$0',\n  overflow: 'hidden',\n  color: '$foreground',\n  '--banner-heading-color': '$colors$foreground',\n  '--banner-text-color': '$colors$grey900',\n  variants: {\n    emphasis: {\n      bold: {\n        background: '$base11',\n        color: '$foreground7plus',\n        '--banner-heading-color': '$colors$foreground7plus',\n        '--banner-text-color': '$colors$grey100'\n      },\n      subtle: {\n        background: '$base3'\n      },\n      minimal: {\n        background: '$base1'\n      }\n    },\n    size: {\n      sm: {},\n      md: {}\n    }\n  }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","onDismiss","dismissed","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"kSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,yBAA0B,qBAC1B,sBAAuB,kBACvB,SAAU,CACR,SAAU,CACR,KAAM,CACJ,WAAY,UACZ,MAAO,mBACP,yBAA0B,0BAC1B,sBAAuB,iBACzB,EACA,OAAQ,CACN,WAAY,QACd,EACA,QAAS,CACP,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,GACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAA,EACd,UAAAC,EACA,UAAAC,KACGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAErB,EAAA,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,UAAWP,EAAW,UAAWC,CACpDI,EAAAA,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAO,CAAA,CACtE,CACF,CAEJ"}

package/dist/components/banner/banner-regular/BannerRegular.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{Banner as s}from"../Banner.js";import{BannerRegularActions as l}from"./BannerRegularActions.js";import{BannerRegularButton as g}from"./BannerRegularButton.js";import{BannerRegularContainer as p}from"./BannerRegularContainer.js";import{BannerRegularContent as u}from"./BannerRegularContent.js";import{BannerRegularDismiss as B}from"./BannerRegularDismiss.js";import{BannerRegularHeading as f}from"./BannerRegularHeading.js";import{BannerRegularImage as R}from"./BannerRegularImage.js";import{BannerRegularText as c}from"./BannerRegularText.js";const e=({colorScheme:n,size:a,emphasis:o,value:m,onDismiss:t,...i})=>r.createElement(s,{size:a,emphasis:o},r.createElement(p,{colorScheme:n,value:m,onDismiss:t,...i}));e.Content=u,e.Heading=f,e.Text=c,e.Actions=l,e.Image=R,e.Button=g,e.Dismiss=B,e.displayName="BannerRegular";export{e as BannerRegular};
+import*as r from"react";import{Banner as i}from"../Banner.js";import{BannerRegularActions as s}from"./BannerRegularActions.js";import{BannerRegularButton as l}from"./BannerRegularButton.js";import{BannerRegularContainer as g}from"./BannerRegularContainer.js";import{BannerRegularContent as p}from"./BannerRegularContent.js";import{BannerRegularDismiss as B}from"./BannerRegularDismiss.js";import{BannerRegularHeading as u}from"./BannerRegularHeading.js";import{BannerRegularImage as f}from"./BannerRegularImage.js";import{BannerRegularText as R}from"./BannerRegularText.js";const e=({colorScheme:n,size:o,emphasis:a,onDismiss:m,...t})=>r.createElement(i,{size:o,emphasis:a},r.createElement(g,{colorScheme:n,onDismiss:m,...t}));e.Content=p,e.Heading=u,e.Text=R,e.Actions=s,e.Image=f,e.Button=l,e.Dismiss=B,e.displayName="BannerRegular";export{e as BannerRegular};
 //# sourceMappingURL=BannerRegular.js.map

package/dist/components/banner/banner-regular/BannerRegular.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nexport const BannerRegular: React.FC<\n  React.ComponentProps<typeof BannerRegularContainer>\n> & {\n  Content: typeof BannerRegularContent\n  Heading: typeof BannerRegularHeading\n  Text: typeof BannerRegularText\n  Actions: typeof BannerRegularActions\n  Image: typeof BannerRegularImage\n  Button: typeof BannerRegularButton\n  Dismiss: typeof BannerRegularDismiss\n} = ({ colorScheme, size, emphasis, value, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerRegularContainer\n        colorScheme={colorScheme}\n        value={value}\n        onDismiss={onDismiss}\n        {...rest}\n      />\n    </Banner>\n  )\n}\n\nBannerRegular.Content = BannerRegularContent\nBannerRegular.Heading = BannerRegularHeading\nBannerRegular.Text = BannerRegularText\nBannerRegular.Actions = BannerRegularActions\nBannerRegular.Image = BannerRegularImage\nBannerRegular.Button = BannerRegularButton\nBannerRegular.Dismiss = BannerRegularDismiss\n\nBannerRegular.displayName = 'BannerRegular'\n"],"names":["BannerRegular","colorScheme","size","emphasis","value","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYO,MAAMA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,MAAAC,EAAO,UAAAC,KAAcC,CAAK,IAE1DC,EAAA,cAACC,EAAA,CAAO,KAAMN,EAAM,SAAUC,GAC5BI,EAAA,cAACE,EAAA,CACC,YAAaR,EACb,MAAOG,EACP,UAAWC,EACV,GAAGC,CAAAA,CACN,CACF,EAIJN,EAAc,QAAUU,EACxBV,EAAc,QAAUW,EACxBX,EAAc,KAAOY,EACrBZ,EAAc,QAAUa,EACxBb,EAAc,MAAQc,EACtBd,EAAc,OAASe,EACvBf,EAAc,QAAUgB,EAExBhB,EAAc,YAAc"}
+{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nexport const BannerRegular: React.FC<\n  React.ComponentProps<typeof BannerRegularContainer>\n> & {\n  Content: typeof BannerRegularContent\n  Heading: typeof BannerRegularHeading\n  Text: typeof BannerRegularText\n  Actions: typeof BannerRegularActions\n  Image: typeof BannerRegularImage\n  Button: typeof BannerRegularButton\n  Dismiss: typeof BannerRegularDismiss\n} = ({ colorScheme, size, emphasis, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerRegularContainer\n        colorScheme={colorScheme}\n        onDismiss={onDismiss}\n        {...rest}\n      />\n    </Banner>\n  )\n}\n\nBannerRegular.Content = BannerRegularContent\nBannerRegular.Heading = BannerRegularHeading\nBannerRegular.Text = BannerRegularText\nBannerRegular.Actions = BannerRegularActions\nBannerRegular.Image = BannerRegularImage\nBannerRegular.Button = BannerRegularButton\nBannerRegular.Dismiss = BannerRegularDismiss\n\nBannerRegular.displayName = 'BannerRegular'\n"],"names":["BannerRegular","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYa,MAAAA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,UAAAC,KAAcC,CAAK,IAEnDC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CACN,CAAA,CACF,EAIJL,EAAc,QAAUS,EACxBT,EAAc,QAAUU,EACxBV,EAAc,KAAOW,EACrBX,EAAc,QAAUY,EACxBZ,EAAc,MAAQa,EACtBb,EAAc,OAASc,EACvBd,EAAc,QAAUe,EAExBf,EAAc,YAAc"}

package/dist/components/banner/banner-slim/BannerSlim.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Banner as a}from"../Banner.js";import{BannerSlimActions as l}from"./BannerSlimActions.js";import{BannerSlimButton as p}from"./BannerSlimButton.js";import{BannerSlimContainer as B}from"./BannerSlimContainer.js";import{BannerSlimContent as S}from"./BannerSlimContent.js";import{BannerSlimDismiss as c}from"./BannerSlimDismiss.js";import{BannerSlimImage as f}from"./BannerSlimImage.js";import{BannerSlimText as h}from"./BannerSlimText.js";const m=({colorScheme:n,size:i,emphasis:r,value:o,onDismiss:t,...s})=>e.createElement(a,{size:i,emphasis:r},e.createElement(B,{colorScheme:n,value:o,onDismiss:t,...s}));m.Content=S,m.Text=h,m.Image=f,m.Button=p,m.Dismiss=c,m.Actions=l,m.displayName="BannerSlim";export{m as BannerSlim};
+import*as e from"react";import{Banner as s}from"../Banner.js";import{BannerSlimActions as a}from"./BannerSlimActions.js";import{BannerSlimButton as l}from"./BannerSlimButton.js";import{BannerSlimContainer as p}from"./BannerSlimContainer.js";import{BannerSlimContent as B}from"./BannerSlimContent.js";import{BannerSlimDismiss as S}from"./BannerSlimDismiss.js";import{BannerSlimImage as c}from"./BannerSlimImage.js";import{BannerSlimText as f}from"./BannerSlimText.js";const m=({colorScheme:n,size:i,emphasis:r,onDismiss:o,...t})=>e.createElement(s,{size:i,emphasis:r},e.createElement(p,{colorScheme:n,onDismiss:o,...t}));m.Content=B,m.Text=f,m.Image=c,m.Button=l,m.Dismiss=S,m.Actions=a,m.displayName="BannerSlim";export{m as BannerSlim};
 //# sourceMappingURL=BannerSlim.js.map

package/dist/components/banner/banner-slim/BannerSlim.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlim.js","sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nexport const BannerSlim: React.FC<\n  React.ComponentProps<typeof Banner> &\n    React.ComponentProps<typeof BannerContainer>\n> & {\n  Content: typeof BannerSlimContent\n  Text: typeof BannerSlimText\n  Image: typeof BannerSlimImage\n  Button: typeof BannerSlimButton\n  Dismiss: typeof BannerSlimDismiss\n  Actions: typeof BannerSlimActions\n} = ({ colorScheme, size, emphasis, value, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerSlimContainer\n        colorScheme={colorScheme}\n        value={value}\n        onDismiss={onDismiss}\n        {...rest}\n      />\n    </Banner>\n  )\n}\n\nBannerSlim.Content = BannerSlimContent\nBannerSlim.Text = BannerSlimText\nBannerSlim.Image = BannerSlimImage\nBannerSlim.Button = BannerSlimButton\nBannerSlim.Dismiss = BannerSlimDismiss\nBannerSlim.Actions = BannerSlimActions\n\nBannerSlim.displayName = 'BannerSlim'\n"],"names":["BannerSlim","colorScheme","size","emphasis","value","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"mdAYa,MAAAA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,MAAAC,EAAO,UAAAC,KAAcC,CAAK,IAE1DC,EAAA,cAACC,EAAA,CAAO,KAAMN,EAAM,SAAUC,GAC5BI,EAAA,cAACE,EAAA,CACC,YAAaR,EACb,MAAOG,EACP,UAAWC,EACV,GAAGC,EACN,CACF,EAIJN,EAAW,QAAUU,EACrBV,EAAW,KAAOW,EAClBX,EAAW,MAAQY,EACnBZ,EAAW,OAASa,EACpBb,EAAW,QAAUc,EACrBd,EAAW,QAAUe,EAErBf,EAAW,YAAc"}
+{"version":3,"file":"BannerSlim.js","sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nexport const BannerSlim: React.FC<\n  React.ComponentProps<typeof Banner> &\n    React.ComponentProps<typeof BannerContainer>\n> & {\n  Content: typeof BannerSlimContent\n  Text: typeof BannerSlimText\n  Image: typeof BannerSlimImage\n  Button: typeof BannerSlimButton\n  Dismiss: typeof BannerSlimDismiss\n  Actions: typeof BannerSlimActions\n} = ({ colorScheme, size, emphasis, onDismiss, ...rest }) => {\n  return (\n    <Banner size={size} emphasis={emphasis}>\n      <BannerSlimContainer\n        colorScheme={colorScheme}\n        onDismiss={onDismiss}\n        {...rest}\n      />\n    </Banner>\n  )\n}\n\nBannerSlim.Content = BannerSlimContent\nBannerSlim.Text = BannerSlimText\nBannerSlim.Image = BannerSlimImage\nBannerSlim.Button = BannerSlimButton\nBannerSlim.Dismiss = BannerSlimDismiss\nBannerSlim.Actions = BannerSlimActions\n\nBannerSlim.displayName = 'BannerSlim'\n"],"names":["BannerSlim","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"ydAYaA,EAUT,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,SAAAC,EAAU,UAAAC,KAAcC,CAAK,IAEnDC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,CAC5BG,EAAAA,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CAAAA,CACN,CACF,EAIJL,EAAW,QAAUS,EACrBT,EAAW,KAAOU,EAClBV,EAAW,MAAQW,EACnBX,EAAW,OAASY,EACpBZ,EAAW,QAAUa,EACrBb,EAAW,QAAUc,EAErBd,EAAW,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const StyledBannerSlimContainer: import("@stitches/react/types/styled-component").StyledComponent<({ colorScheme, value, onDismiss, ...props }: import("../BannerContainer").TBannerContainerProps) => JSX.Element, {
+declare const StyledBannerSlimContainer: import("@stitches/react/types/styled-component").StyledComponent<({ colorScheme, onDismiss, dismissed, ...props }: import("../BannerContainer").TBannerContainerProps) => JSX.Element, {
     sizeWorkaround?: "sm" | "md" | undefined;
 }, {
     sm: string;

package/dist/components/dismissible/DismissibleRoot.d.ts

@@ -3,15 +3,17 @@ export interface IDismissibleRootContext {
     disabled?: boolean;
     isDismissed: boolean;
     setIsDismissed: (boolean: any) => void;
+    onDismiss: () => void;
 }
 export declare const DismissibleRootContext: React.Context<IDismissibleRootContext>;
 export interface IDismissibleRootProps {
     disabled?: boolean;
+    dismissed?: boolean;
+    onDismiss: () => void;
 }
 export declare const DismissibleRootProvider: React.FC<IDismissibleRootProps>;
-export interface IDismissibleGroupItemProps {
+export interface IDismissibleProps {
     asChild?: boolean;
-    value: React.ReactText;
-    onDismiss?: (value: React.ReactText) => void;
+    onDismiss?: () => void;
 }
-export declare const DismissibleRoot: React.FC<IDismissibleGroupItemProps & IDismissibleRootProps>;
+export declare const DismissibleRoot: React.FC<IDismissibleProps & IDismissibleRootProps>;

package/dist/components/dismissible/DismissibleRoot.js

@@ -1,2 +1,2 @@
-import{Slot as c}from"@radix-ui/react-slot";import*as e from"react";const r=e.createContext({isDismissed:!1,setIsDismissed:()=>null}),n=({children:i,disabled:s})=>{const[t,l]=e.useState(!1),o=e.useMemo(()=>({disabled:s,isDismissed:t,setIsDismissed:l}),[s,t]);return e.createElement(r.Provider,{value:o},i)},u=({asChild:i=!1,value:s,onDismiss:t,...l})=>{const o=e.useContext(r),{isDismissed:d,disabled:a}=o;if(e.useEffect(()=>{d&&(t==null||t(s))},[d]),d)return null;const m={...a&&{["data-disabled"]:""},...l};return e.createElement(i?c:"div",{...m})},b=({disabled:i=!1,...s})=>e.createElement(n,{disabled:i},e.createElement(u,{...s}));export{b as DismissibleRoot,r as DismissibleRootContext,n as DismissibleRootProvider};
+import{Slot as c}from"@radix-ui/react-slot";import*as s from"react";const m=s.createContext({isDismissed:!1,setIsDismissed:()=>{},onDismiss:()=>{}}),r=({dismissed:e,children:o,disabled:i,onDismiss:t})=>{const[d,n]=s.useState(!1),a=s.useMemo(()=>{const l=typeof e=="boolean";return{disabled:i,isDismissed:l?e:d,setIsDismissed:l?()=>null:n,onDismiss:t}},[i,d,t,e]);return s.createElement(m.Provider,{value:a},o)},D=({asChild:e=!1,...o})=>{const i=s.useContext(m),{isDismissed:t,disabled:d}=i;if(t)return null;const n={...d&&{["data-disabled"]:""},...o};return s.createElement(e?c:"div",{...n})},b=({disabled:e=!1,dismissed:o,onDismiss:i,...t})=>s.createElement(r,{dismissed:o,disabled:e,onDismiss:i},s.createElement(D,{...t}));export{b as DismissibleRoot,m as DismissibleRootContext,r as DismissibleRootProvider};
 //# sourceMappingURL=DismissibleRoot.js.map

package/dist/components/dismissible/DismissibleRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleRoot.js","sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => null\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n}\n\nexport const DismissibleRootProvider: React.FC<IDismissibleRootProps> = ({\n  children,\n  disabled\n}) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n  const value = React.useMemo<IDismissibleRootContext>(\n    () => ({ disabled, isDismissed, setIsDismissed }),\n    [disabled, isDismissed]\n  )\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupItemProps {\n  asChild?: boolean\n  value: React.ReactText\n  onDismiss?: (value: React.ReactText) => void\n}\n\nconst DismissibleRootInternal: React.FC<IDismissibleGroupItemProps> = ({\n  asChild = false,\n  value,\n  onDismiss,\n  ...rest\n}) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  React.useEffect(() => {\n    if (isDismissed) onDismiss?.(value)\n  }, [isDismissed])\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot: React.FC<\n  IDismissibleGroupItemProps & IDismissibleRootProps\n> = ({ disabled = false, ...rest }) => (\n  <DismissibleRootProvider disabled={disabled}>\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n"],"names":["DismissibleRootContext","React","DismissibleRootProvider","children","disabled","isDismissed","setIsDismissed","value","DismissibleRootInternal","asChild","onDismiss","rest","rootContext","props","Slot","DismissibleRoot"],"mappings":"oEASO,MAAMA,EACXC,EAAM,cAAuC,CAC3C,YAAa,GACb,eAAgB,IAAM,IACxB,CAAC,EAMUC,EAA2D,CAAC,CACvE,SAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIL,EAAM,SAAS,EAAK,EACpDM,EAAQN,EAAM,QAClB,KAAO,CAAE,SAAAG,EAAU,YAAAC,EAAa,eAAAC,CAAe,GAC/C,CAACF,EAAUC,CAAW,CACxB,EACA,OACEJ,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAOO,CAAAA,EACrCJ,CACH,CAEJ,EAQMK,EAAgE,CAAC,CACrE,QAAAC,EAAU,GACV,MAAAF,EACA,UAAAG,KACGC,CACL,IAAM,CACJ,MAAMC,EAAcX,EAAM,WAAWD,CAAsB,EAErD,CAAE,YAAAK,EAAa,SAAAD,CAAS,EAAIQ,EAMlC,GAJAX,EAAM,UAAU,IAAM,CAChBI,IAAaK,GAAA,MAAAA,EAAYH,CAC/B,EAAA,EAAG,CAACF,CAAW,CAAC,EAEZA,EAAa,OAAO,KAExB,MAAMQ,EAAQ,CAAE,GAAIT,GAAY,CAAE,CAAC,iBAAkB,EAAG,EAAI,GAAGO,CAAK,EAEpE,OAAOV,EAAA,cADWQ,EAAUK,EAAO,MAC3B,CAAW,GAAGD,CAAO,CAAA,CAC/B,EAEaE,EAET,CAAC,CAAE,SAAAX,EAAW,MAAUO,CAAK,IAC/BV,EAAA,cAACC,EAAA,CAAwB,SAAUE,CAAAA,EACjCH,EAAA,cAACO,EAAA,CAAyB,GAAGG,EAAM,CACrC"}
+{"version":3,"file":"DismissibleRoot.js","sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n  onDismiss: () => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => undefined,\n    onDismiss: () => undefined\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n  dismissed?: boolean\n  onDismiss: () => void\n}\n\nexport const DismissibleRootProvider: React.FC<IDismissibleRootProps> = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss\n}) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n\n  const value = React.useMemo<IDismissibleRootContext>(() => {\n    const isControlled = typeof controlledIsDismissed === 'boolean'\n    return {\n      disabled,\n      isDismissed: isControlled\n        ? (controlledIsDismissed as boolean)\n        : isDismissed,\n      setIsDismissed: isControlled ? () => null : setIsDismissed,\n      onDismiss\n    }\n  }, [disabled, isDismissed, onDismiss, controlledIsDismissed])\n\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleProps {\n  asChild?: boolean\n  onDismiss?: () => void\n}\n\nconst DismissibleRootInternal: React.FC<IDismissibleProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot: React.FC<\n  IDismissibleProps & IDismissibleRootProps\n> = ({ disabled = false, dismissed, onDismiss, ...rest }) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n"],"names":["DismissibleRootContext","React","DismissibleRootProvider","controlledIsDismissed","children","disabled","onDismiss","isDismissed","setIsDismissed","value","isControlled","DismissibleRootInternal","asChild","rest","rootContext","props","Slot","DismissibleRoot","dismissed"],"mappings":"oEAUa,MAAAA,EACXC,EAAM,cAAuC,CAC3C,YAAa,GACb,eAAgB,IAAG,CAAA,EACnB,UAAW,IAAG,CAAA,CAChB,CAAC,EAQUC,EAA2D,CAAC,CACvE,UAAWC,EACX,SAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIP,EAAM,SAAS,EAAK,EAEpDQ,EAAQR,EAAM,QAAiC,IAAM,CACzD,MAAMS,EAAe,OAAOP,GAA0B,UACtD,MAAO,CACL,SAAAE,EACA,YAAaK,EACRP,EACDI,EACJ,eAAgBG,EAAe,IAAM,KAAOF,EAC5C,UAAAF,CACF,CACF,EAAG,CAACD,EAAUE,EAAaD,EAAWH,CAAqB,CAAC,EAE5D,OACEF,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAOS,CAAAA,EACrCL,CACH,CAEJ,EAOMO,EAAuD,CAAC,CAC5D,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAcb,EAAM,WAAWD,CAAsB,EAErD,CAAE,YAAAO,EAAa,SAAAF,CAAS,EAAIS,EAElC,GAAIP,EAAa,OAAO,KAExB,MAAMQ,EAAQ,CAAE,GAAIV,GAAY,CAAE,CAAC,iBAAkB,EAAG,EAAI,GAAGQ,CAAK,EAEpE,OAAOZ,EAAA,cADWW,EAAUI,EAAO,MAC3B,CAAW,GAAGD,CAAO,CAAA,CAC/B,EAEaE,EAET,CAAC,CAAE,SAAAZ,EAAW,GAAO,UAAAa,EAAW,UAAAZ,KAAcO,CAAK,IACrDZ,EAAA,cAACC,EAAA,CACC,UAAWgB,EACX,SAAUb,EACV,UAAWC,GAEXL,EAAA,cAACU,EAAA,CAAyB,GAAGE,EAAM,CACrC"}

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1,2 +1,2 @@
-import{Slot as m}from"@radix-ui/react-slot";import*as s from"react";import{DismissibleRootContext as l}from"./DismissibleRoot.js";const b=e=>s.createElement("button",{type:"button",...e},"Dismiss"),a=({asChild:e=!1,...t})=>{const i=s.useContext(l);if(i===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:o,disabled:r}=i,n={disabled:r,onClick:()=>{o(!0)},...t};return s.createElement(e?m:b,{...n})};export{a as DismissibleTrigger};
+import{Slot as l}from"@radix-ui/react-slot";import*as i from"react";import{DismissibleRootContext as a}from"./DismissibleRoot.js";const b=s=>i.createElement("button",{type:"button",...s},"Dismiss"),c=({asChild:s=!1,...o})=>{const e=i.useContext(a);if(e===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:r,disabled:n,onDismiss:t}=e,m={disabled:n,onClick:()=>{r(!0),t==null||t()},...o};return i.createElement(s?l:b,{...m})};export{c as DismissibleTrigger};
 //# sourceMappingURL=DismissibleTrigger.js.map

package/dist/components/dismissible/DismissibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleTrigger.js","sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger: React.FC<IDismissibleTriggerProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"names":["DefaultTrigger","props","React","DismissibleTrigger","asChild","rest","context","DismissibleRootContext","setIsDismissed","disabled","Slot"],"mappings":"kIASA,MAAMA,EAAkBC,GACtBC,EAAA,cAAC,UAAO,KAAK,SAAU,GAAGD,CAAAA,EAAO,SAEjC,EAGWE,EAAyD,CAAC,CACrE,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAUJ,EAAM,WAAWK,CAAsB,EACvD,GAAID,IAAY,OACd,MAAM,IAAI,MACR,gEACF,EAGF,KAAM,CAAE,eAAAE,EAAgB,SAAAC,CAAS,EAAIH,EAM/BL,EAAQ,CACZ,SAAUQ,EACV,QANoB,IAAM,CAC1BD,EAAe,EAAI,CACrB,EAKE,GAAGH,CACL,EAGA,OAAOH,EAAA,cADWE,EAAUM,EAAOV,EAC3B,CAAW,GAAGC,EAAO,CAC/B"}
+{"version":3,"file":"DismissibleTrigger.js","sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger: React.FC<IDismissibleTriggerProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled, onDismiss } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n    onDismiss?.()\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"names":["DefaultTrigger","props","React","DismissibleTrigger","asChild","rest","context","DismissibleRootContext","setIsDismissed","disabled","onDismiss","Slot"],"mappings":"kIASA,MAAMA,EAAkBC,GACtBC,EAAA,cAAC,SAAA,CAAO,KAAK,SAAU,GAAGD,CAAO,EAAA,SAEjC,EAGWE,EAAyD,CAAC,CACrE,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAUJ,EAAM,WAAWK,CAAsB,EACvD,GAAID,IAAY,OACd,MAAM,IAAI,MACR,gEACF,EAGF,KAAM,CAAE,eAAAE,EAAgB,SAAAC,EAAU,UAAAC,CAAU,EAAIJ,EAO1CL,EAAQ,CACZ,SAAUQ,EACV,QAPoB,IAAM,CAC1BD,EAAe,EAAI,EACnBE,GAAA,MAAAA,EACF,CAAA,EAKE,GAAGL,CACL,EAGA,OAAOH,EAAA,cADWE,EAAUO,EAAOX,EAC3B,CAAW,GAAGC,EAAO,CAC/B"}

package/dist/components/dismissible-group/DismissibleGroupItem.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Dismissible } from '../../components/dismissible';
 export declare type TDismissibleGroupItemProps = React.ComponentProps<typeof Dismissible> & {
+    value: React.ReactText;
     disabled?: boolean;
 };
 export declare const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps>;

package/dist/components/dismissible-group/DismissibleGroupItem.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{Dismissible as n}from"../dismissible/index.js";import{DismissibleGroupContext as l}from"./DismissibleGroupRoot.js";const b=({children:e,disabled:o=!1,...r})=>{const s=i.useContext(l);if(s===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:t,disabled:m}=s;return i.createElement(n,{disabled:m||o,onDismiss:t,...r},e)};export{b as DismissibleGroupItem};
+import*as i from"react";import{Dismissible as l}from"../dismissible/index.js";import{DismissibleGroupContext as b}from"./DismissibleGroupRoot.js";const d=({children:e,value:o,disabled:r=!1,...t})=>{const s=i.useContext(b);if(s===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:m,disabled:n}=s;return i.createElement(l,{disabled:n||r,...t,onDismiss:()=>m(o)},e)};export{d as DismissibleGroupItem};
 //# sourceMappingURL=DismissibleGroupItem.js.map

package/dist/components/dismissible-group/DismissibleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupItem.js","sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps> = ({\n  children,\n  disabled: itemDisabled = false,\n  ...rest\n}) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      onDismiss={onDismiss}\n      {...rest}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"names":["DismissibleGroupItem","children","itemDisabled","rest","groupContext","React","DismissibleGroupContext","onDismiss","groupDisabled","Dismissible"],"mappings":"kJAYO,MAAMA,EAA6D,CAAC,CACzE,SAAAC,EACA,SAAUC,EAAe,MACtBC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAM,WAAWC,CAAuB,EAC7D,GAAIF,IAAiB,OACnB,MAAM,IAAI,MACR,kEACF,EAEF,KAAM,CAAE,UAAAG,EAAW,SAAUC,CAAc,EAAIJ,EAC/C,OACEC,EAAA,cAACI,EAAA,CACC,SAAUD,GAAiBN,EAC3B,UAAWK,EACV,GAAGJ,CAEHF,EAAAA,CACH,CAEJ"}
+{"version":3,"file":"DismissibleGroupItem.js","sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  value: React.ReactText\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps> = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      {...rest}\n      onDismiss={() => onDismiss(value)}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"names":["DismissibleGroupItem","children","value","itemDisabled","rest","groupContext","React","DismissibleGroupContext","onDismiss","groupDisabled","Dismissible"],"mappings":"kJAaa,MAAAA,EAA6D,CAAC,CACzE,SAAAC,EACA,MAAAC,EACA,SAAUC,EAAe,MACtBC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAM,WAAWC,CAAuB,EAC7D,GAAIF,IAAiB,OACnB,MAAM,IAAI,MACR,kEACF,EAEF,KAAM,CAAE,UAAAG,EAAW,SAAUC,CAAc,EAAIJ,EAC/C,OACEC,EAAA,cAACI,EAAA,CACC,SAAUD,GAAiBN,EAC1B,GAAGC,EACJ,UAAW,IAAMI,EAAUN,CAAK,CAAA,EAE/BD,CACH,CAEJ"}

package/dist/components/index.d.ts

@@ -80,4 +80,5 @@ export { ToastProvider, Toast, toast } from './toast';
 export { ToggleGroup } from './toggle-group';
 export { Tooltip } from './tooltip';
 export { TopBar } from './top-bar';
+export { Tree } from './tree';
 export { Video } from './video';

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"../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-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":"4iHAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}
+{"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"}

package/dist/components/section-message/SectionMessage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const StyledSectionMessage: import("@stitches/react/types/styled-component").StyledComponent<React.FC<import("../dismissible/DismissibleRoot").IDismissibleGroupItemProps & import("../dismissible/DismissibleRoot").IDismissibleRootProps> & {
+declare const StyledSectionMessage: import("@stitches/react/types/styled-component").StyledComponent<React.FC<import("../dismissible/DismissibleRoot").IDismissibleProps & import("../dismissible/DismissibleRoot").IDismissibleRootProps> & {
     Trigger: React.FC<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>;
 }, {
     theme?: "success" | "warning" | "neutral" | "info" | "error" | undefined;