@atom-learning/components 6.0.0-beta.1 → 6.0.0-beta.11

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

@@ -1,375 +1,9 @@
 import * as React from 'react';
-declare const StyledDialogContent: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>>, {
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "fullscreen" | undefined;
-}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, import("@atom-learning/stitches-react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textBold: string;
-        textRegular: string;
-        textSubtle: string;
-        textMinimal: string;
-        background: string;
-        backgroundAccent: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-        grey1000: string;
-        grey1100: string;
-        grey1200: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blue1000: string;
-        blue1100: string;
-        blue1200: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pink1000: string;
-        pink1100: string;
-        pink1200: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purple1000: string;
-        purple1100: string;
-        purple1200: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        cyan1000: string;
-        cyan1100: string;
-        cyan1200: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        green1000: string;
-        green1100: string;
-        green1200: string;
-        magenta100: string;
-        magenta200: string;
-        magenta300: string;
-        magenta400: string;
-        magenta500: string;
-        magenta600: string;
-        magenta700: string;
-        magenta800: string;
-        magenta900: string;
-        magenta1000: string;
-        magenta1100: string;
-        magenta1200: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        red1000: string;
-        red1100: string;
-        red1200: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal400: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        teal900: string;
-        teal1000: string;
-        teal1100: string;
-        teal1200: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange400: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        orange900: string;
-        orange1000: string;
-        orange1100: string;
-        orange1200: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellow1000: string;
-        yellow1100: string;
-        yellow1200: string;
-        lime100: string;
-        lime200: string;
-        lime300: string;
-        lime400: string;
-        lime500: string;
-        lime600: string;
-        lime700: string;
-        lime800: string;
-        lime900: string;
-        lime1000: string;
-        lime1100: string;
-        lime1200: string;
-        lapis100: string;
-        lapis200: string;
-        lapis300: string;
-        lapis400: string;
-        lapis500: string;
-        lapis600: string;
-        lapis700: string;
-        lapis800: string;
-        lapis900: string;
-        lapis1000: string;
-        lapis1100: string;
-        lapis1200: string;
-        maroon100: string;
-        maroon200: string;
-        maroon300: string;
-        maroon400: string;
-        maroon500: string;
-        maroon600: string;
-        maroon700: string;
-        maroon800: string;
-        maroon900: string;
-        maroon1000: string;
-        maroon1100: string;
-        maroon1200: string;
-        marsh100: string;
-        marsh200: string;
-        marsh300: string;
-        marsh400: string;
-        marsh500: string;
-        marsh600: string;
-        marsh700: string;
-        marsh800: string;
-        marsh900: string;
-        marsh1000: string;
-        marsh1100: string;
-        marsh1200: string;
-        alpha100: string;
-        alpha150: string;
-        alpha200: string;
-        alpha250: string;
-        alpha600: string;
-        infoLight: string;
-        info: string;
-        infoMid: string;
-        infoDark: string;
-        successLight: string;
-        success: string;
-        successMid: string;
-        successDark: string;
-        dangerLight: string;
-        danger: string;
-        dangerMid: string;
-        dangerDark: string;
-        warningLight: string;
-        warning: string;
-        warningMid: string;
-        warningDark: string;
-        warningText: string;
-        subjectEnglish: string;
-        subjectMaths: string;
-        subjectScience: string;
-        subjectVerbalReasoning: string;
-        subjectNonVerbalReasoning: string;
-        subjectCreativeWriting: string;
-        subjectExamSkills: string;
-        subjectGcseEnglishLiterature: string;
-        subjectGcseMaths: string;
-        subjectGcseChemistry: string;
-        subjectGcsePhysics: string;
-        subjectGcseBiology: string;
-        glBlueLight: string;
-        glBluePrimary: string;
-        glBlueDark: string;
-        primary100: string;
-        primary200: string;
-        primary300: string;
-        primary400: string;
-        primary500: string;
-        primary600: string;
-        primary700: string;
-        primary800: string;
-        primary900: string;
-        primary1000: string;
-        primary1100: string;
-        primary1200: string;
-    };
-    space: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-        "9": string;
-        "24": string;
-    };
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        "4xl": string;
-    };
-    fonts: {
-        sans: string;
-        mono: string;
-        display: string;
-        body: string;
-    };
-    sizes: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        "4": string;
-        "5": string;
-        "6": string;
-        "7": string;
-        "8": string;
-    };
-    radii: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-        round: string;
-    };
-    shadows: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "3": string;
-    };
-    ratios: {
-        "16-9": string;
-        "3-2": string;
-        "4-3": string;
-        "1-1": string;
-        "3-4": string;
-    };
-}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
-    bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
-        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
-    };
-    size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
-        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
-    };
-    p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-    my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
-        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
-    };
-}>>;
+declare const StyledDialogContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "size"> & {
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | "fullscreen" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "fullscreen">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DialogContentProps = React.ComponentProps<typeof StyledDialogContent> & {
     closeDialogText?: string;
     showCloseButton?: boolean;

package/dist/components/dialog/DialogContent.js

@@ -1,2 +1,2 @@
-import{Close as g}from"@atom-learning/icons";import{Overlay as x,Content as f,Portal as v,Close as b}from"@radix-ui/react-dialog";import*as e from"react";import{DIALOG_Z_INDEX as w}from"../../constants/zIndices.js";import{keyframes as s,styled as l}from"../../stitches.js";import{backdropOverlay as $}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 i="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=s({"0%":{transform:m},"100%":{transform:i}}),y=s({"0%":{transform:i},"100%":{transform:m}}),E=l(x,$),o={width:"auto",height:"auto",maxWidth:"auto",maxHeight:"auto","@supports (height: 100svh)":{height:"auto",maxHeight:"auto"}},I=l(f,{bg:"white",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:i,zIndex:w,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${y} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{...o,borderRadius:"$1",width:"380px"},sm:{...o,borderRadius:"$1",width:"480px"},md:{...o,borderRadius:"$1",width:"600px"},lg:{...o,borderRadius:"$1",width:"800px"},xl:{...o,borderRadius:"$1",width:"1100px"},fullscreen:{width:"100vw",height:"100vh",maxWidth:"100vw",maxHeight:"100vh","@supports (height: 100svh)":{height:"100svh",maxHeight:"100svh"}}}}}),H=({size:h="sm",children:a,closeDialogText:p="Close dialog",showCloseButton:u=!0,...c})=>e.createElement(v,null,e.createElement(E,{id:d},e.Children.map(a,t=>(t==null?void 0:t.type)===n&&t),e.createElement(I,{size:h,"aria-label":"Dialog",onPointerDownOutside:t=>{const r=t.target;(r==null?void 0:r.id)!==d&&t.preventDefault()},...c},u&&e.createElement(z,{as:b,css:{position:"absolute",right:"$4",top:"$4",size:"$5"},label:p,hasTooltip:!1,size:"md",theme:"neutral"},e.createElement(C,{is:g})),e.Children.map(a,t=>(t==null?void 0:t.type)!==n&&t))));export{H as DialogContent};
+import{Close as p}from"@atom-learning/icons";import{Overlay as u,Content as c,Portal as v,Close as f}from"@radix-ui/react-dialog";import*as o from"react";import{styled as n}from"../../styled.js";import{backdropOverlay as w}from"../../utilities/style/backdrop-overlay.js";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Icon as g}from"../icon/Icon.js";import{DialogBackground as r}from"./DialogBackground.js";const l="modal_overlay",C=n(u,{base:w}),t=["w-auto","h-auto","max-w-none","max-h-none","supports-[height:100svh]:h-auto","supports-[height:100svh]:max-h-none"],b=n(c,{base:["-translate-1/2","bg-white","shadow-xl","box-border","left-1/2","max-w-[90vw]","max-h-[90vh]","overflow-y-auto","p-8","fixed","top-1/2","z-1147483646","focus:outline-none","motion-safe:data-[state=open]:animate-slide-in-center","motion-safe:data-[state=closed]:animate-slide-out-center"],variants:{size:{xs:[...t,"rounded-md","w-95"],sm:[...t,"rounded-md","w-120"],md:[...t,"rounded-md","w-150"],lg:[...t,"rounded-md","w-200"],xl:[...t,"rounded-md","w-275"],fullscreen:["w-screen","h-screen","max-w-screen","max-h-screen","supports-[height:100svh]:h-svh","supports-[height:100svh]:max-h-svh"]}}}),y=({size:i="sm",children:a,closeDialogText:m="Close dialog",showCloseButton:d=!0,...h})=>o.createElement(v,null,o.createElement(C,{id:l},o.Children.map(a,e=>(e==null?void 0:e.type)===r&&e),o.createElement(b,{size:i,"aria-label":"Dialog",onPointerDownOutside:e=>{const s=e.target;(s==null?void 0:s.id)!==l&&e.preventDefault()},...h},d&&o.createElement(x,{as:f,label:m,hasTooltip:!1,size:"md",theme:"neutral",className:"absolute top-4 right-4 size-12"},o.createElement(g,{is:p})),o.Children.map(a,e=>(e==null?void 0:e.type)!==r&&e))));export{y 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 sizeReset = {\n  width: 'auto',\n  height: 'auto',\n  maxWidth: 'auto',\n  maxHeight: 'auto',\n  '@supports (height: 100svh)': {\n    height: 'auto',\n    maxHeight: 'auto'\n  }\n}\nconst StyledDialogContent = styled(Content, {\n  bg: 'white',\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: {\n        ...sizeReset,\n        borderRadius: '$1',\n        width: '380px'\n      },\n      sm: {\n        ...sizeReset,\n        borderRadius: '$1',\n        width: '480px'\n      },\n      md: {\n        ...sizeReset,\n        borderRadius: '$1',\n        width: '600px'\n      },\n      lg: {\n        ...sizeReset,\n        borderRadius: '$1',\n        width: '800px'\n      },\n      xl: {\n        ...sizeReset,\n        borderRadius: '$1',\n        width: '1100px'\n      },\n      fullscreen: {\n        width: '100vw',\n        height: '100vh',\n        maxWidth: '100vw',\n        maxHeight: '100vh',\n        '@supports (height: 100svh)': {\n          height: '100svh',\n          maxHeight: '100svh'\n        }\n      }\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","sizeReset","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,EAAY,CAChB,MAAO,OACP,OAAQ,OACR,SAAU,OACV,UAAW,OACX,6BAA8B,CAC5B,OAAQ,OACR,UAAW,MACb,CACF,EACMC,EAAsBJ,EAAOK,EAAS,CAC1C,GAAI,QACJ,UAAW,KACX,UAAW,aACX,KAAM,MACN,SAAU,OACV,UAAW,OACX,UAAW,OACX,EAAG,KACH,SAAU,QACV,IAAK,MACL,UAAWZ,EACX,OAAQa,EACR,UAAW,CACT,QAAS,MACX,EACA,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGV,wCAChB,EACA,yBAA0B,CACxB,UAAW,GAAGE,wCAChB,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,GAAGK,EACH,aAAc,KACd,MAAO,OACT,EACA,GAAI,CACF,GAAGA,EACH,aAAc,KACd,MAAO,OACT,EACA,GAAI,CACF,GAAGA,EACH,aAAc,KACd,MAAO,OACT,EACA,GAAI,CACF,GAAGA,EACH,aAAc,KACd,MAAO,OACT,EACA,GAAI,CACF,GAAGA,EACH,aAAc,KACd,MAAO,QACT,EACA,WAAY,CACV,MAAO,QACP,OAAQ,QACR,SAAU,QACV,UAAW,QACX,6BAA8B,CAC5B,OAAQ,SACR,UAAW,QACb,CACF,CACF,CACF,CACF,CAAC,EAOYI,EAAgB,CAAC,CAC5B,KAAAC,EAAO,KACP,SAAAC,EACA,gBAAAC,EAAkB,eAClB,gBAAAC,EAAkB,MACfC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACd,EAAA,CAAoB,GAAIJ,GACtBkB,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,MAAOvB,GAClBsB,EAAM,eAEV,CAAA,EACC,GAAGL,CAAAA,EAEHD,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,SAENG,EAAAA,EAAA,cAACQ,EAAA,CAAK,GAAIC,CAAAA,CAAW,CACvB,EAEDT,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,YAAAA,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 { styled } from '~/styled'\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 modalOverlayId = 'modal_overlay'\n\nconst StyledDialogOverlay = styled(Overlay, {\n  base: backdropOverlay\n})\n\nconst sizeReset = [\n  'w-auto',\n  'h-auto',\n  'max-w-none',\n  'max-h-none',\n  'supports-[height:100svh]:h-auto',\n  'supports-[height:100svh]:max-h-none'\n]\n\nconst StyledDialogContent = styled(Content, {\n  base: [\n    '-translate-1/2',\n    'bg-white',\n    'shadow-xl',\n    'box-border',\n    'left-1/2',\n    'max-w-[90vw]',\n    'max-h-[90vh]',\n    'overflow-y-auto',\n    'p-8',\n    'fixed',\n    'top-1/2',\n    'z-1147483646',\n    'focus:outline-none',\n    'motion-safe:data-[state=open]:animate-slide-in-center',\n    'motion-safe:data-[state=closed]:animate-slide-out-center'\n  ],\n  variants: {\n    size: {\n      xs: [...sizeReset, 'rounded-md', 'w-95'],\n      sm: [...sizeReset, 'rounded-md', 'w-120'],\n      md: [...sizeReset, 'rounded-md', 'w-150'],\n      lg: [...sizeReset, 'rounded-md', 'w-200'],\n      xl: [...sizeReset, 'rounded-md', 'w-275'],\n      fullscreen: [\n        'w-screen',\n        'h-screen',\n        'max-w-screen',\n        'max-h-screen',\n        'supports-[height:100svh]:h-svh',\n        'supports-[height:100svh]:max-h-svh'\n      ]\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            label={closeDialogText}\n            hasTooltip={false}\n            size=\"md\"\n            theme=\"neutral\"\n            className=\"absolute top-4 right-4 size-12\"\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":["modalOverlayId","StyledDialogOverlay","styled","Overlay","backdropOverlay","sizeReset","StyledDialogContent","Content","DialogContent","size","children","closeDialogText","showCloseButton","remainingProps","React","Portal","child","DialogBackground","event","element","ActionIcon","Close","Icon","CloseIcon"],"mappings":"yaAWA,MAAMA,EAAiB,gBAEjBC,EAAsBC,EAAOC,EAAS,CAC1C,KAAMC,CACR,CAAC,EAEKC,EAAY,CAChB,SACA,SACA,aACA,aACA,kCACA,qCACF,EAEMC,EAAsBJ,EAAOK,EAAS,CAC1C,KAAM,CACJ,iBACA,WACA,YACA,aACA,WACA,eACA,eACA,kBACA,MACA,QACA,UACA,eACA,qBACA,wDACA,0DACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,GAAGF,EAAW,aAAc,MAAM,EACvC,GAAI,CAAC,GAAGA,EAAW,aAAc,OAAO,EACxC,GAAI,CAAC,GAAGA,EAAW,aAAc,OAAO,EACxC,GAAI,CAAC,GAAGA,EAAW,aAAc,OAAO,EACxC,GAAI,CAAC,GAAGA,EAAW,aAAc,OAAO,EACxC,WAAY,CACV,WACA,WACA,eACA,eACA,iCACA,oCACF,CACF,CACF,CACF,CAAC,EAOYG,EAAgB,CAAC,CAC5B,KAAAC,EAAO,KACP,SAAAC,EACA,gBAAAC,EAAkB,eAClB,gBAAAC,EAAkB,GAClB,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACb,EAAA,CAAoB,GAAID,CACtBc,EAAAA,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,EACAF,EAAA,cAACR,EAAA,CACC,KAAMG,EACN,aAAW,SACX,qBAAuBS,GAAU,CAC/B,MAAMC,EAAUD,EAAM,QAClBC,GAAA,KAAA,OAAAA,EAAS,MAAOnB,GAClBkB,EAAM,gBAEV,EACC,GAAGL,CAAAA,EAEHD,GACCE,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,MAAOV,EACP,WAAY,GACZ,KAAK,KACL,MAAM,UACN,UAAU,gCAAA,EAEVG,EAAA,cAACQ,EAAA,CAAK,GAAIC,CAAAA,CAAW,CACvB,EAEDT,EAAM,SAAS,IACdJ,EACCM,IACCA,GAAA,KAAA,OAAAA,EAAO,QAASC,GAAoBD,CACxC,CACF,CACF,CACF"}

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { Flex } from '../flex';
-export declare const DialogFooter: ({ css, ...props }: React.ComponentProps<typeof Flex>) => React.JSX.Element;
+export declare const DialogFooter: ({ className, ...rest }: React.ComponentProps<typeof Flex>) => React.JSX.Element;

package/dist/components/dialog/DialogFooter.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Flex as r}from"../flex/Flex.js";const s=({css:e,...o})=>t.createElement(r,{justify:"end",gap:3,css:{pt:"$4",...e},...o});export{s as DialogFooter};
+import t from"clsx";import*as m from"react";import{Flex as r}from"../flex/Flex.js";const a=({className:e,...o})=>m.createElement(r,{justify:"end",gap:3,...o,className:t("pt-4",e)});export{a as DialogFooter};
 //# sourceMappingURL=DialogFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.js","sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '../flex'\n\nexport const DialogFooter = ({\n  css,\n  ...props\n}: React.ComponentProps<typeof Flex>) => (\n  <Flex justify=\"end\" gap={3} css={{ pt: '$4', ...css }} {...props} />\n)\n"],"names":["DialogFooter","css","props","React","Flex"],"mappings":"+DAIa,MAAAA,EAAe,CAAC,CAC3B,IAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,QAAQ,MAAM,IAAK,EAAG,IAAK,CAAE,GAAI,KAAM,GAAGH,CAAI,EAAI,GAAGC,CAAO,CAAA"}
+{"version":3,"file":"DialogFooter.js","sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '../flex'\n\nexport const DialogFooter = ({\n  className,\n  ...rest\n}: React.ComponentProps<typeof Flex>) => (\n  <Flex justify=\"end\" gap={3} {...rest} className={clsx('pt-4', className)} />\n)\n"],"names":["DialogFooter","className","rest","React","Flex","clsx"],"mappings":"mFAKa,MAAAA,EAAe,CAAC,CAC3B,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,QAAQ,MAAM,IAAK,EAAI,GAAGF,EAAM,UAAWG,EAAK,OAAQJ,CAAS,CAAG,CAAA"}

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { Heading } from '../heading';
-export declare const DialogHeading: ({ css, ...props }: React.ComponentProps<typeof Heading>) => React.JSX.Element;
+export declare const DialogHeading: ({ className, ...rest }: React.ComponentProps<typeof Heading>) => React.JSX.Element;

package/dist/components/dialog/DialogHeading.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Heading as i}from"../heading/Heading.js";const m=({css:o,...e})=>t.createElement(i,{size:"sm",css:{borderBottom:"1px solid $grey200",p:"0 $5 $5 $5",mb:"$5",mx:"-$5",boxSizing:"content-box",...o},...e});export{m as DialogHeading};
+import r from"clsx";import*as m from"react";import{Heading as t}from"../heading/Heading.js";const a=({className:e,...o})=>m.createElement(t,{size:"sm",...o,className:r("border-b","border-b-grey-200","pb-8","pt-0","px-8","mb-8","-mx-8","box-content",e)});export{a as DialogHeading};
 //# sourceMappingURL=DialogHeading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DialogHeading.js","sources":["../../../src/components/dialog/DialogHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Heading } from '../heading'\n\nexport const DialogHeading = ({\n  css,\n  ...props\n}: React.ComponentProps<typeof Heading>) => (\n  <Heading\n    size=\"sm\"\n    css={{\n      borderBottom: '1px solid $grey200',\n      p: `0 $5 $5 $5`,\n      mb: '$5',\n      mx: '-$5',\n      boxSizing: 'content-box',\n      ...css\n    }}\n    {...props}\n  />\n)\n"],"names":["DialogHeading","css","props","React","Heading"],"mappings":"wEAIa,MAAAA,EAAgB,CAAC,CAC5B,IAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,KAAK,KACL,IAAK,CACH,aAAc,qBACd,EAAG,aACH,GAAI,KACJ,GAAI,MACJ,UAAW,cACX,GAAGH,CACL,EACC,GAAGC,CACN,CAAA"}
+{"version":3,"file":"DialogHeading.js","sources":["../../../src/components/dialog/DialogHeading.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Heading } from '../heading'\n\nexport const DialogHeading = ({\n  className,\n  ...rest\n}: React.ComponentProps<typeof Heading>) => (\n  <Heading\n    size=\"sm\"\n    {...rest}\n    className={clsx(\n      'border-b',\n      'border-b-grey-200',\n      'pb-8',\n      'pt-0',\n      'px-8',\n      'mb-8',\n      '-mx-8',\n      'box-content',\n      className\n    )}\n  />\n)\n"],"names":["DialogHeading","className","rest","React","Heading","clsx"],"mappings":"4FAKO,MAAMA,EAAgB,CAAC,CAC5B,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,KAAK,KACJ,GAAGF,EACJ,UAAWG,EACT,WACA,oBACA,OACA,OACA,OACA,OACA,QACA,cACAJ,CACF,CACF,CAAA"}

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[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};
+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 = ({\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"}
+{"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,GACV,GAAGC,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,CAAG,gBAAkB,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,EACA,GAAGO,CACL,IAGEZ,EAAA,cAACC,GACC,UAAWgB,EACX,SAAUb,EACV,UAAWC,GAEXL,EAAA,cAACU,EAAA,CAAyB,GAAGE,EAAM,CACrC,EAGFI,EAAgB,YAAc"}

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 = ({\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"}
+{"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,GACV,GAAGC,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,6 +1,6 @@
 export declare const Dismissible: {
-    ({ disabled, dismissed, onDismiss, ...rest }: import("react").PropsWithChildren<import("./DismissibleRoot").IDismissibleRootInternalProps & import("./DismissibleRoot").IDismissibleRootProps>): import("react").JSX.Element;
+    ({ disabled, dismissed, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleRoot").IDismissibleRootInternalProps & import("./DismissibleRoot").IDismissibleRootProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    Trigger: ({ asChild, ...rest }: import("react").PropsWithChildren<import("./DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
+    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("./DismissibleTrigger").IDismissibleTriggerProps>) => import("react").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 = ({\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"}
+{"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,GACzB,GAAGC,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.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 = ({\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"}
+{"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,EACA,GAAGI,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,7 +1,7 @@
 export declare const DismissibleGroup: {
-    ({ as: Component, disabled, onDismiss, ...rest }: import("react").PropsWithChildren<import("./DismissibleGroupRoot").IDismissibleGroupRootProps>): import("react").JSX.Element;
+    ({ as: Component, disabled, onDismiss, ...rest }: React.PropsWithChildren<import("./DismissibleGroupRoot").IDismissibleGroupRootProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    Item: ({ children, value, disabled: itemDisabled, ...rest }: import("react").PropsWithChildren<import("./DismissibleGroupItem").TDismissibleGroupItemProps>) => import("react").JSX.Element;
-    Trigger: ({ asChild, ...rest }: import("react").PropsWithChildren<import("../../components/dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
+    Item: ({ children, value, disabled: itemDisabled, ...rest }: React.PropsWithChildren<import("./DismissibleGroupItem").TDismissibleGroupItemProps>) => import("react").JSX.Element;
+    Trigger: ({ asChild, ...rest }: React.PropsWithChildren<import("../../components/dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
 };