@atom-learning/components 3.12.4 → 3.12.6

package/dist/components/dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{Root as i,Description as t,Title as e,Trigger as m}from"@radix-ui/react-dialog";import*as a from"react";import{styled as g}from"../../stitches.js";import{DialogBackground as l}from"./DialogBackground.js";import{DialogClose as n}from"./DialogClose.js";import{DialogContent as p}from"./DialogContent.js";import{DialogFooter as f}from"./DialogFooter.js";import{DialogHeading as s}from"./DialogHeading.js";const D=g(i,{}),o=r=>a.createElement(D,{...r});o.Background=l,o.Close=n,o.Content=p,o.Heading=s,o.Footer=f,o.Description=t,o.Title=e,o.Trigger=m,o.displayName="Dialog";export{o as Dialog};
+import{Root as i,Description as r,Title as t,Trigger as e}from"@radix-ui/react-dialog";import{styled as g}from"../../stitches.js";import{DialogBackground as m}from"./DialogBackground.js";import{DialogClose as a}from"./DialogClose.js";import{DialogContent as l}from"./DialogContent.js";import{DialogFooter as n}from"./DialogFooter.js";import{DialogHeading as p}from"./DialogHeading.js";const s=g(i,{}),o=Object.assign(s,{Background:m,Close:a,Content:l,Heading:p,Footer:n,Description:r,Title:t,Trigger:e});o.displayName="Dialog";export{o as Dialog};
 //# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { Description, Root, Title, Trigger } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { DialogBackground } from './DialogBackground'\nimport { DialogClose } from './DialogClose'\nimport { DialogContent } from './DialogContent'\nimport { DialogFooter } from './DialogFooter'\nimport { DialogHeading } from './DialogHeading'\n\nconst StyledDialog = styled(Root, {})\n\ntype DialogProps = React.ComponentProps<typeof StyledDialog>\n\nexport const Dialog: React.FC<DialogProps> & {\n  Background: typeof DialogBackground\n  Close: typeof DialogClose\n  Content: typeof DialogContent\n  Heading: typeof DialogHeading\n  Footer: typeof DialogFooter\n  Description: typeof Description\n  Title: typeof Title\n  Trigger: typeof Trigger\n} = (props) => <StyledDialog {...props} />\n\nDialog.Background = DialogBackground\nDialog.Close = DialogClose\nDialog.Content = DialogContent\nDialog.Heading = DialogHeading\nDialog.Footer = DialogFooter\n\nDialog.Description = Description\nDialog.Title = Title\nDialog.Trigger = Trigger\n\nDialog.displayName = 'Dialog'\n"],"names":["StyledDialog","styled","Root","Dialog","props","React","DialogBackground","DialogClose","DialogContent","DialogHeading","DialogFooter","Description","Title","Trigger"],"mappings":"yZAWA,MAAMA,EAAeC,EAAOC,EAAM,CAAE,CAAA,EAIvBC,EASRC,GAAUC,EAAA,cAACL,EAAA,CAAc,GAAGI,EAAO,EAExCD,EAAO,WAAaG,EACpBH,EAAO,MAAQI,EACfJ,EAAO,QAAUK,EACjBL,EAAO,QAAUM,EACjBN,EAAO,OAASO,EAEhBP,EAAO,YAAcQ,EACrBR,EAAO,MAAQS,EACfT,EAAO,QAAUU,EAEjBV,EAAO,YAAc"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { Description, Root, Title, Trigger } from '@radix-ui/react-dialog'\n\nimport { styled } from '~/stitches'\n\nimport { DialogBackground } from './DialogBackground'\nimport { DialogClose } from './DialogClose'\nimport { DialogContent } from './DialogContent'\nimport { DialogFooter } from './DialogFooter'\nimport { DialogHeading } from './DialogHeading'\n\nconst StyledDialog = styled(Root, {})\n\nexport const Dialog = Object.assign(StyledDialog, {\n  Background: DialogBackground,\n  Close: DialogClose,\n  Content: DialogContent,\n  Heading: DialogHeading,\n  Footer: DialogFooter,\n\n  Description: Description,\n  Title: Title,\n  Trigger: Trigger\n})\n\nDialog.displayName = 'Dialog'\n"],"names":["StyledDialog","styled","Root","Dialog","DialogBackground","DialogClose","DialogContent","DialogHeading","DialogFooter","Description","Title","Trigger"],"mappings":"iYAUA,MAAMA,EAAeC,EAAOC,EAAM,CAAA,CAAE,EAEvBC,EAAS,OAAO,OAAOH,EAAc,CAChD,WAAYI,EACZ,MAAOC,EACP,QAASC,EACT,QAASC,EACT,OAAQC,EAER,YAAaC,EACb,MAAOC,EACP,QAASC,CACX,CAAC,EAEDR,EAAO,YAAc"}

package/dist/components/dialog/DialogContent.d.ts

@@ -336,5 +336,5 @@ declare type DialogContentProps = React.ComponentProps<typeof StyledDialogConten
     closeDialogText?: string;
     showCloseButton?: boolean;
 };
-export declare const DialogContent: React.FC<DialogContentProps>;
+export declare const DialogContent: ({ size, children, closeDialogText, showCloseButton, ...remainingProps }: DialogContentProps) => JSX.Element;
 export {};

package/dist/components/dialog/DialogContent.js

@@ -1,2 +1,2 @@
-import{Close as h}from"@atom-learning/icons";import{Overlay as u,Content as x,Portal as b,Close as g}from"@radix-ui/react-dialog";import*as t from"react";import{DIALOG_Z_INDEX as v}from"../../constants/zIndices.js";import{keyframes as r,styled as l}from"../../stitches.js";import{backdropOverlay as w}from"../../utilities/style/backdrop-overlay.js";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Icon as C}from"../icon/Icon.js";import{DialogBackground as n}from"./DialogBackground.js";const o="translate3d(-50%, -50%, 0)",s="translate3d(-50%, 50vh, 0)",m="modal_overlay",D=r({"0%":{transform:s},"100%":{transform:o}}),$=r({"0%":{transform:o},"100%":{transform:s}}),y=l(u,w),E=l(x,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:o,zIndex:v,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${$} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),I=({size:d="sm",children:a,closeDialogText:p="Close dialog",showCloseButton:c=!0,...f})=>t.createElement(b,null,t.createElement(y,{id:m},t.Children.map(a,e=>(e==null?void 0:e.type)===n&&e),t.createElement(E,{size:d,"aria-label":"Dialog",onPointerDownOutside:e=>{const i=e.target;(i==null?void 0:i.id)!==m&&e.preventDefault()},...f},c&&t.createElement(z,{as:g,css:{position:"absolute",right:"$4",top:"$4",size:"$5"},label:p,hasTooltip:!1,size:"md",theme:"neutral"},t.createElement(C,{is:h})),t.Children.map(a,e=>(e==null?void 0:e.type)!==n&&e))));export{I as DialogContent};
+import{Close as h}from"@atom-learning/icons";import{Overlay as u,Content as x,Portal as b,Close as g}from"@radix-ui/react-dialog";import*as t from"react";import{DIALOG_Z_INDEX as v}from"../../constants/zIndices.js";import{keyframes as a,styled as l}from"../../stitches.js";import{backdropOverlay as w}from"../../utilities/style/backdrop-overlay.js";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Icon as C}from"../icon/Icon.js";import{DialogBackground as n}from"./DialogBackground.js";const o="translate3d(-50%, -50%, 0)",s="translate3d(-50%, 50vh, 0)",m="modal_overlay",D=a({"0%":{transform:s},"100%":{transform:o}}),$=a({"0%":{transform:o},"100%":{transform:s}}),y=l(u,w),E=l(x,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:o,zIndex:v,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${$} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),I=({size:d="sm",children:i,closeDialogText:p="Close dialog",showCloseButton:c=!0,...f})=>t.createElement(b,null,t.createElement(y,{id:m},t.Children.map(i,e=>(e==null?void 0:e.type)===n&&e),t.createElement(E,{size:d,"aria-label":"Dialog",onPointerDownOutside:e=>{const r=e.target;(r==null?void 0:r.id)!==m&&e.preventDefault()},...f},c&&t.createElement(z,{as:g,css:{position:"absolute",right:"$4",top:"$4",size:"$5"},label:p,hasTooltip:!1,size:"md",theme:"neutral"},t.createElement(C,{is:h})),t.Children.map(i,e=>(e==null?void 0:e.type)!==n&&e))));export{I as DialogContent};
 //# sourceMappingURL=DialogContent.js.map

package/dist/components/dialog/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","sources":["../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Close, Content, Overlay, Portal } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { keyframes, styled } from '~/stitches'\nimport { backdropOverlay } from '~/utilities/style/backdrop-overlay'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { DialogBackground } from './DialogBackground'\n\nconst contentOnScreen = 'translate3d(-50%, -50%, 0)'\nconst contentOffScreen = 'translate3d(-50%, 50vh, 0)'\nconst modalOverlayId = 'modal_overlay'\n\nconst slideIn = keyframes({\n  '0%': { transform: contentOffScreen },\n  '100%': { transform: contentOnScreen }\n})\nconst slideOut = keyframes({\n  '0%': { transform: contentOnScreen },\n  '100%': { transform: contentOffScreen }\n})\n\nconst StyledDialogOverlay = styled(Overlay, backdropOverlay)\n\nconst StyledDialogContent = styled(Content, {\n  bg: 'white',\n  borderRadius: '$1',\n  boxShadow: '$3',\n  boxSizing: 'border-box',\n  left: '50%',\n  maxWidth: '90vw',\n  maxHeight: '90vh',\n  overflowY: 'auto',\n  p: '$5',\n  position: 'fixed',\n  top: '50%',\n  transform: contentOnScreen,\n  zIndex: DIALOG_Z_INDEX,\n  '&:focus': {\n    outline: 'none'\n  },\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${slideIn} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${slideOut} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    }\n  },\n  variants: {\n    size: {\n      xs: { width: '380px' },\n      sm: { width: '480px' },\n      md: { width: '600px' },\n      lg: { width: '800px' },\n      xl: { width: '1100px' }\n    }\n  }\n})\n\ntype DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {\n  closeDialogText?: string\n  showCloseButton?: boolean\n}\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  size = 'sm',\n  children,\n  closeDialogText = 'Close dialog',\n  showCloseButton = true,\n  ...remainingProps\n}) => (\n  <Portal>\n    <StyledDialogOverlay id={modalOverlayId}>\n      {React.Children.map(\n        children,\n        (child?: React.ReactElement) =>\n          child?.type === DialogBackground && child\n      )}\n      <StyledDialogContent\n        size={size}\n        aria-label=\"Dialog\"\n        onPointerDownOutside={(event) => {\n          const element = event.target as HTMLElement\n          if (element?.id !== modalOverlayId) {\n            event.preventDefault()\n          }\n        }}\n        {...remainingProps}\n      >\n        {showCloseButton && (\n          <ActionIcon\n            as={Close}\n            css={{ position: 'absolute', right: '$4', top: '$4', size: '$5' }}\n            label={closeDialogText}\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n          >\n            <Icon is={CloseIcon} />\n          </ActionIcon>\n        )}\n        {React.Children.map(\n          children,\n          (child?: React.ReactElement) =>\n            child?.type !== DialogBackground && child\n        )}\n      </StyledDialogContent>\n    </StyledDialogOverlay>\n  </Portal>\n)\n"],"names":["contentOnScreen","contentOffScreen","modalOverlayId","slideIn","keyframes","slideOut","StyledDialogOverlay","styled","Overlay","backdropOverlay","StyledDialogContent","Content","DIALOG_Z_INDEX","DialogContent","size","children","closeDialogText","showCloseButton","remainingProps","React","Portal","child","DialogBackground","event","element","ActionIcon","Close","Icon","CloseIcon"],"mappings":"ufAYA,MAAMA,EAAkB,6BAClBC,EAAmB,6BACnBC,EAAiB,gBAEjBC,EAAUC,EAAU,CACxB,KAAM,CAAE,UAAWH,CAAiB,EACpC,OAAQ,CAAE,UAAWD,CAAgB,CACvC,CAAC,EACKK,EAAWD,EAAU,CACzB,KAAM,CAAE,UAAWJ,CAAgB,EACnC,OAAQ,CAAE,UAAWC,CAAiB,CACxC,CAAC,EAEKK,EAAsBC,EAAOC,EAASC,CAAe,EAErDC,EAAsBH,EAAOI,EAAS,CAC1C,GAAI,QACJ,aAAc,KACd,UAAW,KACX,UAAW,aACX,KAAM,MACN,SAAU,OACV,UAAW,OACX,UAAW,OACX,EAAG,KACH,SAAU,QACV,IAAK,MACL,UAAWX,EACX,OAAQY,EACR,UAAW,CACT,QAAS,MACX,EACA,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGT,wCAChB,EACA,yBAA0B,CACxB,UAAW,GAAGE,wCAChB,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,QAAS,CACxB,CACF,CACF,CAAC,EAOYQ,EAA8C,CAAC,CAC1D,KAAAC,EAAO,KACP,SAAAC,EACA,gBAAAC,EAAkB,eAClB,gBAAAC,EAAkB,MACfC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACb,EAAA,CAAoB,GAAIJ,CAAAA,EACtBiB,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,EACAF,EAAA,cAACT,EAAA,CACC,KAAMI,EACN,aAAW,SACX,qBAAuBS,GAAU,CAC/B,MAAMC,EAAUD,EAAM,QAClBC,GAAA,KAAAA,OAAAA,EAAS,MAAOtB,GAClBqB,EAAM,eAEV,CAAA,EACC,GAAGL,CAEHD,EAAAA,GACCE,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CAAE,SAAU,WAAY,MAAO,KAAM,IAAK,KAAM,KAAM,IAAK,EAChE,MAAOV,EACP,WAAY,GACZ,KAAK,KACL,MAAM,SAAA,EAENG,EAAA,cAACQ,EAAA,CAAK,GAAIC,CAAW,CAAA,CACvB,EAEDT,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,CACF,CACF,CACF"}
+{"version":3,"file":"DialogContent.js","sources":["../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Close, Content, Overlay, Portal } from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { keyframes, styled } from '~/stitches'\nimport { backdropOverlay } from '~/utilities/style/backdrop-overlay'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { DialogBackground } from './DialogBackground'\n\nconst contentOnScreen = 'translate3d(-50%, -50%, 0)'\nconst contentOffScreen = 'translate3d(-50%, 50vh, 0)'\nconst modalOverlayId = 'modal_overlay'\n\nconst slideIn = keyframes({\n  '0%': { transform: contentOffScreen },\n  '100%': { transform: contentOnScreen }\n})\nconst slideOut = keyframes({\n  '0%': { transform: contentOnScreen },\n  '100%': { transform: contentOffScreen }\n})\n\nconst StyledDialogOverlay = styled(Overlay, backdropOverlay)\n\nconst StyledDialogContent = styled(Content, {\n  bg: 'white',\n  borderRadius: '$1',\n  boxShadow: '$3',\n  boxSizing: 'border-box',\n  left: '50%',\n  maxWidth: '90vw',\n  maxHeight: '90vh',\n  overflowY: 'auto',\n  p: '$5',\n  position: 'fixed',\n  top: '50%',\n  transform: contentOnScreen,\n  zIndex: DIALOG_Z_INDEX,\n  '&:focus': {\n    outline: 'none'\n  },\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${slideIn} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${slideOut} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    }\n  },\n  variants: {\n    size: {\n      xs: { width: '380px' },\n      sm: { width: '480px' },\n      md: { width: '600px' },\n      lg: { width: '800px' },\n      xl: { width: '1100px' }\n    }\n  }\n})\n\ntype DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {\n  closeDialogText?: string\n  showCloseButton?: boolean\n}\n\nexport const DialogContent = ({\n  size = 'sm',\n  children,\n  closeDialogText = 'Close dialog',\n  showCloseButton = true,\n  ...remainingProps\n}: DialogContentProps) => (\n  <Portal>\n    <StyledDialogOverlay id={modalOverlayId}>\n      {React.Children.map(\n        children,\n        (child?: React.ReactElement) =>\n          child?.type === DialogBackground && child\n      )}\n      <StyledDialogContent\n        size={size}\n        aria-label=\"Dialog\"\n        onPointerDownOutside={(event) => {\n          const element = event.target as HTMLElement\n          if (element?.id !== modalOverlayId) {\n            event.preventDefault()\n          }\n        }}\n        {...remainingProps}\n      >\n        {showCloseButton && (\n          <ActionIcon\n            as={Close}\n            css={{ position: 'absolute', right: '$4', top: '$4', size: '$5' }}\n            label={closeDialogText}\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n          >\n            <Icon is={CloseIcon} />\n          </ActionIcon>\n        )}\n        {React.Children.map(\n          children,\n          (child?: React.ReactElement) =>\n            child?.type !== DialogBackground && child\n        )}\n      </StyledDialogContent>\n    </StyledDialogOverlay>\n  </Portal>\n)\n"],"names":["contentOnScreen","contentOffScreen","modalOverlayId","slideIn","keyframes","slideOut","StyledDialogOverlay","styled","Overlay","backdropOverlay","StyledDialogContent","Content","DIALOG_Z_INDEX","DialogContent","size","children","closeDialogText","showCloseButton","remainingProps","React","Portal","child","DialogBackground","event","element","ActionIcon","Close","Icon","CloseIcon"],"mappings":"ufAYA,MAAMA,EAAkB,6BAClBC,EAAmB,6BACnBC,EAAiB,gBAEjBC,EAAUC,EAAU,CACxB,KAAM,CAAE,UAAWH,CAAiB,EACpC,OAAQ,CAAE,UAAWD,CAAgB,CACvC,CAAC,EACKK,EAAWD,EAAU,CACzB,KAAM,CAAE,UAAWJ,CAAgB,EACnC,OAAQ,CAAE,UAAWC,CAAiB,CACxC,CAAC,EAEKK,EAAsBC,EAAOC,EAASC,CAAe,EAErDC,EAAsBH,EAAOI,EAAS,CAC1C,GAAI,QACJ,aAAc,KACd,UAAW,KACX,UAAW,aACX,KAAM,MACN,SAAU,OACV,UAAW,OACX,UAAW,OACX,EAAG,KACH,SAAU,QACV,IAAK,MACL,UAAWX,EACX,OAAQY,EACR,UAAW,CACT,QAAS,MACX,EACA,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGT,wCAChB,EACA,yBAA0B,CACxB,UAAW,GAAGE,wCAChB,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,QAAS,CACxB,CACF,CACF,CAAC,EAOYQ,EAAgB,CAAC,CAC5B,KAAAC,EAAO,KACP,SAAAC,EACA,gBAAAC,EAAkB,eAClB,gBAAAC,EAAkB,MACfC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACb,EAAA,CAAoB,GAAIJ,CAAAA,EACtBiB,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,EACAF,EAAA,cAACT,EAAA,CACC,KAAMI,EACN,aAAW,SACX,qBAAuBS,GAAU,CAC/B,MAAMC,EAAUD,EAAM,QAClBC,GAAA,KAAAA,OAAAA,EAAS,MAAOtB,GAClBqB,EAAM,eAEV,CAAA,EACC,GAAGL,CAEHD,EAAAA,GACCE,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CAAE,SAAU,WAAY,MAAO,KAAM,IAAK,KAAM,KAAM,IAAK,EAChE,MAAOV,EACP,WAAY,GACZ,KAAK,KACL,MAAM,SAAA,EAENG,EAAA,cAACQ,EAAA,CAAK,GAAIC,CAAW,CAAA,CACvB,EAEDT,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,CACF,CACF,CACF"}

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

@@ -11,8 +11,11 @@ export interface IDismissibleRootProps {
     dismissed?: boolean;
     onDismiss?: () => void;
 }
-export declare const DismissibleRootProvider: React.FC<IDismissibleRootProps>;
+export declare const DismissibleRootProvider: ({ dismissed: controlledIsDismissed, children, disabled, onDismiss }: React.PropsWithChildren<IDismissibleRootProps>) => JSX.Element;
 export interface IDismissibleRootInternalProps {
     asChild?: boolean;
 }
-export declare const DismissibleRoot: React.FC<IDismissibleRootInternalProps & IDismissibleRootProps>;
+export declare const DismissibleRoot: {
+    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleRootInternalProps & IDismissibleRootProps>): JSX.Element;
+    displayName: string;
+};

package/dist/components/dismissible/DismissibleRoot.js

@@ -1,2 +1,2 @@
-import{Slot as c}from"@radix-ui/react-slot";import*as s from"react";const l=s.createContext({isDismissed:!1,setIsDismissed:()=>{},onDismiss:()=>{}}),r=({dismissed:e,children:o,disabled:i,onDismiss:t=()=>null})=>{const[n,d]=s.useState(!1),a=s.useMemo(()=>{const m=typeof e=="boolean";return{disabled:i,isDismissed:m?e:n,setIsDismissed:m?()=>null:d,onDismiss:t}},[i,n,t,e]);return s.createElement(l.Provider,{value:a},o)},D=({asChild:e=!1,...o})=>{const i=s.useContext(l),{isDismissed:t,disabled:n}=i;if(t)return null;const d={...n&&{["data-disabled"]:""},...o};return s.createElement(e?c:"div",{...d})},u=({disabled:e=!1,dismissed:o,onDismiss:i,...t})=>s.createElement(r,{dismissed:o,disabled:e,onDismiss:i},s.createElement(D,{...t}));export{u as DismissibleRoot,l as DismissibleRootContext,r as DismissibleRootProvider};
+import{Slot as c}from"@radix-ui/react-slot";import*as s from"react";const l=s.createContext({isDismissed:!1,setIsDismissed:()=>{},onDismiss:()=>{}}),r=({dismissed:e,children:o,disabled:i,onDismiss:t=()=>null})=>{const[d,n]=s.useState(!1),D=s.useMemo(()=>{const m=typeof e=="boolean";return{disabled:i,isDismissed:m?e:d,setIsDismissed:m?()=>null:n,onDismiss:t}},[i,d,t,e]);return s.createElement(l.Provider,{value:D},o)},b=({asChild:e=!1,...o})=>{const i=s.useContext(l),{isDismissed:t,disabled:d}=i;if(t)return null;const n={...d&&{["data-disabled"]:""},...o};return s.createElement(e?c:"div",{...n})},a=({disabled:e=!1,dismissed:o,onDismiss:i,...t})=>s.createElement(r,{dismissed:o,disabled:e,onDismiss:i},s.createElement(b,{...t}));a.displayName="Dismissible";export{a as DismissibleRoot,l 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  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 = () => null\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 IDismissibleRootInternalProps {\n  asChild?: boolean\n}\n\nconst DismissibleRootInternal: React.FC<IDismissibleRootInternalProps> = ({\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  IDismissibleRootInternalProps & 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,EAAY,IAAM,IACpB,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,GACrCL,CACH,CAEJ,EAMMO,EAAmE,CAAC,CACxE,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"}
+{"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 = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss = () => null\n}: React.PropsWithChildren<IDismissibleRootProps>) => {\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 IDismissibleRootInternalProps {\n  asChild?: boolean\n}\n\nconst DismissibleRootInternal = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleRootInternalProps>) => {\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 = ({\n  disabled = false,\n  dismissed,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<\n  IDismissibleRootInternalProps & IDismissibleRootProps\n>) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n\nDismissibleRoot.displayName = 'Dismissible'\n"],"names":["DismissibleRootContext","React","DismissibleRootProvider","controlledIsDismissed","children","disabled","onDismiss","isDismissed","setIsDismissed","value","isControlled","DismissibleRootInternal","asChild","rest","rootContext","props","Slot","DismissibleRoot","dismissed"],"mappings":"0EAUaA,EACXC,EAAM,cAAuC,CAC3C,YAAa,GACb,eAAgB,IAAG,CACnB,EAAA,UAAW,IAAG,CAAA,CAChB,CAAC,EAQUC,EAA0B,CAAC,CACtC,UAAWC,EACX,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,IAAM,IACpB,IAAsD,CACpD,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,CACrCL,EAAAA,CACH,CAEJ,EAMMO,EAA0B,CAAC,CAC/B,QAAAC,EAAU,MACPC,CACL,IAA8D,CAC5D,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,EAAO,CAC/B,EAEaE,EAAkB,CAAC,CAC9B,SAAAZ,EAAW,GACX,UAAAa,EACA,UAAAZ,KACGO,CACL,IAGEZ,EAAA,cAACC,EAAA,CACC,UAAWgB,EACX,SAAUb,EACV,UAAWC,CAAAA,EAEXL,EAAA,cAACU,EAAA,CAAyB,GAAGE,EAAM,CACrC,EAGFI,EAAgB,YAAc"}

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface IDismissibleTriggerProps {
     asChild?: boolean;
 }
-export declare const DismissibleTrigger: React.FC<IDismissibleTriggerProps>;
+export declare const DismissibleTrigger: ({ asChild, ...rest }: React.PropsWithChildren<IDismissibleTriggerProps>) => JSX.Element;

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1,2 +1,2 @@
-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};
+import{Slot as l}from"@radix-ui/react-slot";import*as i from"react";import{DismissibleRootContext as b}from"./DismissibleRoot.js";const a=s=>i.createElement("button",{type:"button",...s},"Dismiss"),c=({asChild:s=!1,...o})=>{const e=i.useContext(b);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:a,{...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, 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"}
+{"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 = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleTriggerProps>) => {\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,EAAqB,CAAC,CACjC,QAAAC,EAAU,MACPC,CACL,IAAyD,CACvD,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/index.d.ts

@@ -1,7 +1,7 @@
-import { DismissibleRoot } from './DismissibleRoot';
-import { DismissibleTrigger } from './DismissibleTrigger';
-declare type TDismissible = typeof DismissibleRoot & {
-    Trigger: typeof DismissibleTrigger;
+/// <reference types="react" />
+export declare const Dismissible: {
+    ({ disabled, dismissed, onDismiss, ...rest }: import("react").PropsWithChildren<import("./DismissibleRoot").IDismissibleRootInternalProps & import("./DismissibleRoot").IDismissibleRootProps>): JSX.Element;
+    displayName: string;
+} & {
+    Trigger: ({ asChild, ...rest }: import("react").PropsWithChildren<import("./DismissibleTrigger").IDismissibleTriggerProps>) => JSX.Element;
 };
-export declare const Dismissible: TDismissible;
-export {};

package/dist/components/dismissible/index.js

@@ -1,2 +1,2 @@
-import{DismissibleRoot as s}from"./DismissibleRoot.js";import{DismissibleTrigger as m}from"./DismissibleTrigger.js";const i=s;i.Trigger=m,i.displayName="Dismissible";export{i as Dismissible};
+import{DismissibleRoot as i}from"./DismissibleRoot.js";import{DismissibleTrigger as s}from"./DismissibleTrigger.js";const r=Object.assign(i,{Trigger:s});export{r as Dismissible};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\ntype TDismissible = typeof DismissibleRoot & {\n  Trigger: typeof DismissibleTrigger\n}\n\nexport const Dismissible = DismissibleRoot as TDismissible\nDismissible.Trigger = DismissibleTrigger\nDismissible.displayName = 'Dismissible'\n"],"names":["Dismissible","DismissibleRoot","DismissibleTrigger"],"mappings":"oHAOa,MAAAA,EAAcC,EAC3BD,EAAY,QAAUE,EACtBF,EAAY,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\nexport const Dismissible = Object.assign(DismissibleRoot, {\n  Trigger: DismissibleTrigger\n})\n"],"names":["Dismissible","DismissibleRoot","DismissibleTrigger"],"mappings":"oHAGa,MAAAA,EAAc,OAAO,OAAOC,EAAiB,CACxD,QAASC,CACX,CAAC"}

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

@@ -4,4 +4,4 @@ export declare type TDismissibleGroupItemProps = React.ComponentProps<typeof Dis
     value: React.ReactText;
     disabled?: boolean;
 };
-export declare const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps>;
+export declare const DismissibleGroupItem: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<TDismissibleGroupItemProps>) => JSX.Element;

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  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"}
+{"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 = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}: React.PropsWithChildren<TDismissibleGroupItemProps>) => {\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,EAAuB,CAAC,CACnC,SAAAC,EACA,MAAAC,EACA,SAAUC,EAAe,MACtBC,CACL,IAA2D,CACzD,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/dismissible-group/DismissibleGroupRoot.d.ts

@@ -8,8 +8,11 @@ export interface IDismissibleGroupProps {
     disabled?: boolean;
     onDismiss: (value: React.ReactText) => void;
 }
-export declare const DismissibleGroupProvider: React.FC<IDismissibleGroupProps>;
+export declare const DismissibleGroupProvider: ({ children, disabled, onDismiss }: React.PropsWithChildren<IDismissibleGroupProps>) => JSX.Element;
 export interface IDismissibleGroupRootProps extends IDismissibleGroupProps {
-    as?: React.ComponentType;
+    as?: React.ElementType;
 }
-export declare const DismissibleGroupRoot: React.FC<IDismissibleGroupRootProps>;
+export declare const DismissibleGroupRoot: {
+    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<IDismissibleGroupRootProps>): JSX.Element;
+    displayName: string;
+};

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

@@ -1,2 +1,2 @@
-import*as s from"react";const t=s.createContext({onDismiss:()=>null}),n=({children:o,disabled:e,onDismiss:i})=>{const r=s.useMemo(()=>({disabled:e,onDismiss:i}),[e,i]);return s.createElement(t.Provider,{value:r},o)},l=({as:o="div",disabled:e,onDismiss:i,...r})=>s.createElement(n,{disabled:e,onDismiss:i},s.createElement(o,{...r}));export{t as DismissibleGroupContext,n as DismissibleGroupProvider,l as DismissibleGroupRoot};
+import*as s from"react";const t=s.createContext({onDismiss:()=>null}),l=({children:o,disabled:e,onDismiss:i})=>{const r=s.useMemo(()=>({disabled:e,onDismiss:i}),[e,i]);return s.createElement(t.Provider,{value:r},o)},m=({as:o="div",disabled:e,onDismiss:i,...r})=>s.createElement(l,{disabled:e,onDismiss:i},s.createElement(o,{...r}));m.displayName="DismissibleGroup";export{t as DismissibleGroupContext,l as DismissibleGroupProvider,m as DismissibleGroupRoot};
 //# sourceMappingURL=DismissibleGroupRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupRoot.js","sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface IDismissibleGroupContext {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<IDismissibleGroupContext>({\n    onDismiss: () => null\n  })\n\nexport interface IDismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\n\nexport const DismissibleGroupProvider: React.FC<IDismissibleGroupProps> = ({\n  children,\n  disabled,\n  onDismiss\n}) => {\n  const value = React.useMemo<IDismissibleGroupContext>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupRootProps extends IDismissibleGroupProps {\n  as?: React.ComponentType\n}\n\nexport const DismissibleGroupRoot: React.FC<IDismissibleGroupRootProps> = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}) => {\n  return (\n    <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n      <Component {...rest} />\n    </DismissibleGroupProvider>\n  )\n}\n"],"names":["DismissibleGroupContext","React","DismissibleGroupProvider","children","disabled","onDismiss","value","DismissibleGroupRoot","Component","rest"],"mappings":"wBAMa,MAAAA,EACXC,EAAM,cAAwC,CAC5C,UAAW,IAAM,IACnB,CAAC,EAOUC,EAA6D,CAAC,CACzE,SAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,SAAAG,EAAU,UAAAC,CAAU,GAC7B,CAACD,EAAUC,CAAS,CACtB,EACA,OACEJ,EAAA,cAACD,EAAwB,SAAxB,CAAiC,MAAOM,CAAAA,EACtCH,CACH,CAEJ,EAMaI,EAA6D,CAAC,CACzE,GAAIC,EAAY,MAChB,SAAAJ,EACA,UAAAC,KACGI,CACL,IAEIR,EAAA,cAACC,GAAyB,SAAUE,EAAU,UAAWC,CAAAA,EACvDJ,EAAA,cAACO,EAAA,CAAW,GAAGC,EAAM,CACvB"}
+{"version":3,"file":"DismissibleGroupRoot.js","sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface IDismissibleGroupContext {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<IDismissibleGroupContext>({\n    onDismiss: () => null\n  })\n\nexport interface IDismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\n\nexport const DismissibleGroupProvider = ({\n  children,\n  disabled,\n  onDismiss\n}: React.PropsWithChildren<IDismissibleGroupProps>) => {\n  const value = React.useMemo<IDismissibleGroupContext>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupRootProps extends IDismissibleGroupProps {\n  as?: React.ElementType\n}\n\nexport const DismissibleGroupRoot = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<IDismissibleGroupRootProps>) => {\n  return (\n    <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n      <Component {...rest} />\n    </DismissibleGroupProvider>\n  )\n}\n\nDismissibleGroupRoot.displayName = 'DismissibleGroup'\n"],"names":["DismissibleGroupContext","React","DismissibleGroupProvider","children","disabled","onDismiss","value","DismissibleGroupRoot","Component","rest"],"mappings":"wBAMO,MAAMA,EACXC,EAAM,cAAwC,CAC5C,UAAW,IAAM,IACnB,CAAC,EAOUC,EAA2B,CAAC,CACvC,SAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAuD,CACrD,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,SAAAG,EAAU,UAAAC,CAAU,GAC7B,CAACD,EAAUC,CAAS,CACtB,EACA,OACEJ,EAAA,cAACD,EAAwB,SAAxB,CAAiC,MAAOM,GACtCH,CACH,CAEJ,EAMaI,EAAuB,CAAC,CACnC,GAAIC,EAAY,MAChB,SAAAJ,EACA,UAAAC,KACGI,CACL,IAEIR,EAAA,cAACC,EAAyB,CAAA,SAAUE,EAAU,UAAWC,CAAAA,EACvDJ,EAAA,cAACO,EAAA,CAAW,GAAGC,EAAM,CACvB,EAIJF,EAAqB,YAAc"}

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

@@ -1,9 +1,8 @@
-import { DismissibleTrigger } from '../../components/dismissible/DismissibleTrigger';
-import { DismissibleGroupItem } from './DismissibleGroupItem';
-import { DismissibleGroupRoot } from './DismissibleGroupRoot';
-declare type TDismissibleGroup = typeof DismissibleGroupRoot & {
-    Item: typeof DismissibleGroupItem;
-    Trigger: typeof DismissibleTrigger;
+/// <reference types="react" />
+export declare const DismissibleGroup: {
+    ({ as: Component, disabled, onDismiss, ...rest }: import("react").PropsWithChildren<import("./DismissibleGroupRoot").IDismissibleGroupRootProps>): JSX.Element;
+    displayName: string;
+} & {
+    Item: ({ children, value, disabled: itemDisabled, ...rest }: import("react").PropsWithChildren<import("./DismissibleGroupItem").TDismissibleGroupItemProps>) => JSX.Element;
+    Trigger: ({ asChild, ...rest }: import("react").PropsWithChildren<import("../../components/dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => JSX.Element;
 };
-export declare const DismissibleGroup: TDismissibleGroup;
-export {};

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

@@ -1,2 +1,2 @@
-import{DismissibleTrigger as s}from"../dismissible/DismissibleTrigger.js";import{DismissibleGroupItem as r}from"./DismissibleGroupItem.js";import{DismissibleGroupRoot as m}from"./DismissibleGroupRoot.js";const i=m;i.Item=r,i.Trigger=s,i.displayName="DismissibleGroup";export{i as DismissibleGroup};
+import{DismissibleTrigger as i}from"../dismissible/DismissibleTrigger.js";import{DismissibleGroupItem as s}from"./DismissibleGroupItem.js";import{DismissibleGroupRoot as r}from"./DismissibleGroupRoot.js";const o=Object.assign(r,{Item:s,Trigger:i});export{o as DismissibleGroup};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '~/components/dismissible/DismissibleTrigger'\n\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\ntype TDismissibleGroup = typeof DismissibleGroupRoot & {\n  Item: typeof DismissibleGroupItem\n  Trigger: typeof DismissibleTrigger\n}\n\nexport const DismissibleGroup = DismissibleGroupRoot as TDismissibleGroup\nDismissibleGroup.Item = DismissibleGroupItem\nDismissibleGroup.Trigger = DismissibleTrigger\nDismissibleGroup.displayName = 'DismissibleGroup'\n"],"names":["DismissibleGroup","DismissibleGroupRoot","DismissibleGroupItem","DismissibleTrigger"],"mappings":"4MAUa,MAAAA,EAAmBC,EAChCD,EAAiB,KAAOE,EACxBF,EAAiB,QAAUG,EAC3BH,EAAiB,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '~/components/dismissible/DismissibleTrigger'\n\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\nexport const DismissibleGroup = Object.assign(DismissibleGroupRoot, {\n  Item: DismissibleGroupItem,\n  Trigger: DismissibleTrigger\n})\n"],"names":["DismissibleGroup","DismissibleGroupRoot","DismissibleGroupItem","DismissibleTrigger"],"mappings":"4MAKa,MAAAA,EAAmB,OAAO,OAAOC,EAAsB,CAClE,KAAMC,EACN,QAASC,CACX,CAAC"}

package/dist/components/drawer/Drawer.d.ts

@@ -4,7 +4,7 @@ import { DrawerProvider } from './Drawer.context';
 declare type TDrawerProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof DrawerProvider>;
 export declare const Drawer: {
     ({ children, position, ...rest }: TDrawerProps): JSX.Element;
-    Close: (props: Omit<Pick<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+    Close: (props: Omit<Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
     }, "appearance" | "size" | "css" | "theme" | "isRounded"> & import("@stitches/react/types/styled-component").TransformProps<{
         theme?: "success" | "danger" | "warning" | "primary" | "neutral" | undefined;
@@ -360,8 +360,8 @@ export declare const Drawer: {
         as?: React.ReactNode;
         children: React.ReactNode;
         label: string;
-    } & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onChange" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "hasTooltip" | "tooltipSide" | "isRounded" | keyof import("../../types").NavigatorActions> & React.RefAttributes<HTMLButtonElement>, "children">) => JSX.Element;
-    Content: React.FC<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "position" | "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
+    } & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "children">) => JSX.Element;
+    Content: ({ children, ...rest }: Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "position" | "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
         position?: "bottom" | "left" | "right" | "top" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
     }, {
@@ -696,7 +696,7 @@ export declare const Drawer: {
                 marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
-    }>;
+    }) => JSX.Element;
     Main: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
         sm: string;
         md: string;

package/dist/components/drawer/DrawerContent.d.ts

@@ -333,4 +333,4 @@ export declare const StyledContent: import("@stitches/react/types/styled-compone
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export declare const DrawerContent: React.FC<React.ComponentProps<typeof StyledContent>>;
+export declare const DrawerContent: ({ children, ...rest }: React.ComponentProps<typeof StyledContent>) => JSX.Element;

package/dist/components/drawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { ColorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\nimport { slideInOut } from '~/utilities'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nconst animationTop = slideInOut({ outPosition: { x: 0, y: '-100%' } })\nconst animationRight = slideInOut({ outPosition: { x: '100%', y: 0 } })\nconst animationBottom = slideInOut({ outPosition: { x: 0, y: '100%' } })\nconst animationLeft = slideInOut({ outPosition: { x: '-100%', y: 0 } })\nconst setupAnimation = (animation: ReturnType<typeof slideInOut>) => {\n  return {\n    '&[data-state=\"open\"]': {\n      animationName: animation.in\n    },\n    '&[data-state=\"closed\"]': {\n      animationName: animation.out\n    }\n  }\n}\n\nconst positionY = {\n  left: 0,\n  width: '100%',\n  maxHeight: '85%'\n}\n\nconst positionX = {\n  top: 0,\n  height: '100%',\n  width: 'var(--drawer-content-width, 100%)',\n  maxWidth: '100%'\n}\n\nexport const StyledContent = styled(Content, {\n  bg: '$base1',\n  boxShadow: '$2',\n  position: 'fixed',\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    animationTimingFunction: 'ease-out',\n    animationDuration: '250ms'\n  },\n  variants: {\n    position: {\n      top: {\n        top: 0,\n        ...positionY,\n        ...setupAnimation(animationTop)\n      },\n      right: {\n        right: 0,\n        ...positionX,\n        ...setupAnimation(animationRight)\n      },\n      bottom: {\n        bottom: 0,\n        ...positionY,\n        ...setupAnimation(animationBottom)\n      },\n      left: {\n        left: 0,\n        ...positionX,\n        ...setupAnimation(animationLeft)\n      }\n    },\n    size: {\n      xs: {\n        '--drawer-content-width': '240px'\n      },\n      sm: {\n        '--drawer-content-width': '256px'\n      },\n      md: {\n        '--drawer-content-width': '288px'\n      },\n      lg: {\n        '--drawer-content-width': '304px'\n      },\n      xl: {\n        '--drawer-content-width': '320px'\n      }\n    }\n  }\n})\n\nexport const DrawerContent: React.FC<\n  React.ComponentProps<typeof StyledContent>\n> = ({ children, ...rest }) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <Flex direction=\"column\">{children}</Flex>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"names":["animationTop","slideInOut","animationRight","animationBottom","animationLeft","setupAnimation","animation","positionY","positionX","StyledContent","styled","Content","DIALOG_Z_INDEX","DrawerContent","children","rest","position","React","DrawerContext","Portal","DrawerOverlay","ColorScheme","Flex"],"mappings":"imBAYA,MAAMA,EAAeC,EAAW,CAAE,YAAa,CAAE,EAAG,EAAG,EAAG,OAAQ,CAAE,CAAC,EAC/DC,EAAiBD,EAAW,CAAE,YAAa,CAAE,EAAG,OAAQ,EAAG,CAAE,CAAE,CAAC,EAChEE,EAAkBF,EAAW,CAAE,YAAa,CAAE,EAAG,EAAG,EAAG,MAAO,CAAE,CAAC,EACjEG,EAAgBH,EAAW,CAAE,YAAa,CAAE,EAAG,QAAS,EAAG,CAAE,CAAE,CAAC,EAChEI,EAAkBC,IACf,CACL,uBAAwB,CACtB,cAAeA,EAAU,EAC3B,EACA,yBAA0B,CACxB,cAAeA,EAAU,GAC3B,CACF,GAGIC,EAAY,CAChB,KAAM,EACN,MAAO,OACP,UAAW,KACb,EAEMC,EAAY,CAChB,IAAK,EACL,OAAQ,OACR,MAAO,oCACP,SAAU,MACZ,EAEaC,EAAgBC,EAAOC,EAAS,CAC3C,GAAI,SACJ,UAAW,KACX,SAAU,QACV,OAAQC,EACR,eAAgB,CACd,wBAAyB,WACzB,kBAAmB,OACrB,EACA,SAAU,CACR,SAAU,CACR,IAAK,CACH,IAAK,EACL,GAAGL,EACH,GAAGF,EAAeL,CAAY,CAChC,EACA,MAAO,CACL,MAAO,EACP,GAAGQ,EACH,GAAGH,EAAeH,CAAc,CAClC,EACA,OAAQ,CACN,OAAQ,EACR,GAAGK,EACH,GAAGF,EAAeF,CAAe,CACnC,EACA,KAAM,CACJ,KAAM,EACN,GAAGK,EACH,GAAGH,EAAeD,CAAa,CACjC,CACF,EACA,KAAM,CACJ,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,CACF,CACF,CACF,CAAC,EAEYS,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAAM,CAC7B,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAM,WAAWC,CAAa,EAEnD,OACED,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAA,IAAc,EACfH,EAAA,cAACI,EAAA,CAAY,KAAK,QAAQ,OAAO,WAAW,QAAO,EAAA,EACjDJ,EAAA,cAACR,GAAc,KAAK,KAAK,SAAUO,EAAW,GAAGD,EAAM,QAAO,EAAA,EAC5DE,EAAA,cAACK,EAAA,CAAK,UAAU,QAAUR,EAAAA,CAAS,CACrC,CACF,CACF,CAEJ"}
+{"version":3,"file":"DrawerContent.js","sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { ColorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\nimport { slideInOut } from '~/utilities'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nconst animationTop = slideInOut({ outPosition: { x: 0, y: '-100%' } })\nconst animationRight = slideInOut({ outPosition: { x: '100%', y: 0 } })\nconst animationBottom = slideInOut({ outPosition: { x: 0, y: '100%' } })\nconst animationLeft = slideInOut({ outPosition: { x: '-100%', y: 0 } })\nconst setupAnimation = (animation: ReturnType<typeof slideInOut>) => {\n  return {\n    '&[data-state=\"open\"]': {\n      animationName: animation.in\n    },\n    '&[data-state=\"closed\"]': {\n      animationName: animation.out\n    }\n  }\n}\n\nconst positionY = {\n  left: 0,\n  width: '100%',\n  maxHeight: '85%'\n}\n\nconst positionX = {\n  top: 0,\n  height: '100%',\n  width: 'var(--drawer-content-width, 100%)',\n  maxWidth: '100%'\n}\n\nexport const StyledContent = styled(Content, {\n  bg: '$base1',\n  boxShadow: '$2',\n  position: 'fixed',\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    animationTimingFunction: 'ease-out',\n    animationDuration: '250ms'\n  },\n  variants: {\n    position: {\n      top: {\n        top: 0,\n        ...positionY,\n        ...setupAnimation(animationTop)\n      },\n      right: {\n        right: 0,\n        ...positionX,\n        ...setupAnimation(animationRight)\n      },\n      bottom: {\n        bottom: 0,\n        ...positionY,\n        ...setupAnimation(animationBottom)\n      },\n      left: {\n        left: 0,\n        ...positionX,\n        ...setupAnimation(animationLeft)\n      }\n    },\n    size: {\n      xs: {\n        '--drawer-content-width': '240px'\n      },\n      sm: {\n        '--drawer-content-width': '256px'\n      },\n      md: {\n        '--drawer-content-width': '288px'\n      },\n      lg: {\n        '--drawer-content-width': '304px'\n      },\n      xl: {\n        '--drawer-content-width': '320px'\n      }\n    }\n  }\n})\n\nexport const DrawerContent = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <Flex direction=\"column\">{children}</Flex>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"names":["animationTop","slideInOut","animationRight","animationBottom","animationLeft","setupAnimation","animation","positionY","positionX","StyledContent","styled","Content","DIALOG_Z_INDEX","DrawerContent","children","rest","position","React","DrawerContext","Portal","DrawerOverlay","ColorScheme","Flex"],"mappings":"imBAYA,MAAMA,EAAeC,EAAW,CAAE,YAAa,CAAE,EAAG,EAAG,EAAG,OAAQ,CAAE,CAAC,EAC/DC,EAAiBD,EAAW,CAAE,YAAa,CAAE,EAAG,OAAQ,EAAG,CAAE,CAAE,CAAC,EAChEE,EAAkBF,EAAW,CAAE,YAAa,CAAE,EAAG,EAAG,EAAG,MAAO,CAAE,CAAC,EACjEG,EAAgBH,EAAW,CAAE,YAAa,CAAE,EAAG,QAAS,EAAG,CAAE,CAAE,CAAC,EAChEI,EAAkBC,IACf,CACL,uBAAwB,CACtB,cAAeA,EAAU,EAC3B,EACA,yBAA0B,CACxB,cAAeA,EAAU,GAC3B,CACF,GAGIC,EAAY,CAChB,KAAM,EACN,MAAO,OACP,UAAW,KACb,EAEMC,EAAY,CAChB,IAAK,EACL,OAAQ,OACR,MAAO,oCACP,SAAU,MACZ,EAEaC,EAAgBC,EAAOC,EAAS,CAC3C,GAAI,SACJ,UAAW,KACX,SAAU,QACV,OAAQC,EACR,eAAgB,CACd,wBAAyB,WACzB,kBAAmB,OACrB,EACA,SAAU,CACR,SAAU,CACR,IAAK,CACH,IAAK,EACL,GAAGL,EACH,GAAGF,EAAeL,CAAY,CAChC,EACA,MAAO,CACL,MAAO,EACP,GAAGQ,EACH,GAAGH,EAAeH,CAAc,CAClC,EACA,OAAQ,CACN,OAAQ,EACR,GAAGK,EACH,GAAGF,EAAeF,CAAe,CACnC,EACA,KAAM,CACJ,KAAM,EACN,GAAGK,EACH,GAAGH,EAAeD,CAAa,CACjC,CACF,EACA,KAAM,CACJ,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,CACF,CACF,CACF,CAAC,EAEYS,EAAgB,CAAC,CAC5B,SAAAC,KACGC,CACL,IAAkD,CAChD,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAM,WAAWC,CAAa,EAEnD,OACED,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAA,IAAc,EACfH,EAAA,cAACI,EAAA,CAAY,KAAK,QAAQ,OAAO,WAAW,QAAO,EAAA,EACjDJ,EAAA,cAACR,GAAc,KAAK,KAAK,SAAUO,EAAW,GAAGD,EAAM,QAAO,EAAA,EAC5DE,EAAA,cAACK,EAAA,CAAK,UAAU,QAAUR,EAAAA,CAAS,CACrC,CACF,CACF,CAEJ"}