@utilitywarehouse/hearth-react 0.27.6 → 0.27.8

package/dist/chunk-2RGYUOPV.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3NUYSZWUcjs = require('./chunk-3NUYSZWU.cjs');var _chunkAWNOG45Xcjs = require('./chunk-AWNOG45X.cjs');var _chunk7F4MQL5Gcjs = require('./chunk-7F4MQL5G.cjs');var _chunkA4EAWZE5cjs = require('./chunk-A4EAWZE5.cjs');var _chunkJHT7CICBcjs = require('./chunk-JHT7CICB.cjs');var _chunkUONSYVU2cjs = require('./chunk-UONSYVU2.cjs');var _chunkPKGGJEPXcjs = require('./chunk-PKGGJEPX.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var D="Modal",e=_chunk7LZI6HLWcjs.b.call(void 0, D),E= exports.a =_react.forwardRef.call(void 0, ({className:M,image:s,forceMount:x,container:h,heading:B,description:d,hideCloseButton:m,fullScreen:I,loading:p,loadingText:c,loadingHeading:v,loadingDescription:f,children:$,...w},T)=>{let O={forceMount:x,container:h},g=!!s;return _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal,{...O,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay,{className:_chunk7LZI6HLWcjs.b.call(void 0, "Overlay"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${e}Scroll`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${e}ScrollPadding`,children:_jsxruntime.jsxs.call(void 0, _radixui.Dialog.Content,{ref:T,className:_chunkGVVJQBRKcjs.a.call(void 0, e,M),"data-contains-image":g?"":void 0,"data-hide-close-button":m?"":void 0,"data-full-screen":I?"":void 0,...w,children:[_jsxruntime.jsx.call(void 0, _chunk3NUYSZWUcjs.a,{children:_jsxruntime.jsx.call(void 0, _chunkAWNOG45Xcjs.a,{type:"button",label:"Close","data-visually-hidden":m?"":void 0,className:`${e}CloseIconButton`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${e}OuterContainer`,children:[p?null:_jsxruntime.jsxs.call(void 0, "div",{className:`${e}InnerContainer`,children:[g?_jsxruntime.jsx.call(void 0, "div",{className:`${e}Image`,children:s}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${e}Header`,children:[_jsxruntime.jsx.call(void 0, _chunkJHT7CICBcjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkA4EAWZE5cjs.a,{size:"lg",wrap:"wrap",children:B})})}),d?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPKGGJEPXcjs.a,{size:"md",as:"span",children:d})}):null]})]}),p?_jsxruntime.jsxs.call(void 0, _chunkUONSYVU2cjs.a,{direction:"column",gap:"300",alignItems:"center",paddingY:"200",width:"100%",children:[_jsxruntime.jsx.call(void 0, _chunk7F4MQL5Gcjs.a,{size:"lg"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${e}LoadingHeader`,children:[_jsxruntime.jsx.call(void 0, _chunkJHT7CICBcjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkA4EAWZE5cjs.a,{size:"lg",textAlign:"center",wrap:"wrap",children:v||c||"Loading"})})}),(c||v)&&f?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPKGGJEPXcjs.a,{size:"md",as:"span",textAlign:"center",children:f})}):null]})]}):$]})]})})})})})});E.displayName=D;exports.a = E;
-//# sourceMappingURL=chunk-2RGYUOPV.cjs.map

package/dist/chunk-2RGYUOPV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2RGYUOPV.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","forwardRef","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","loadingHeading","loadingDescription","children","props","ref","portalProps","containsImage","jsx","DialogPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCEtU,wEAMV,8BAML,+CAmDP,IAhDdA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAQC,+BAAAA,CAEjB,CACE,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAb,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCa,CAAAA,CAAgB,CAAA,CAAQf,CAAAA,CAE9B,OACEgB,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGH,CAAAA,CAC1B,QAAA,CAAAE,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWrB,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAoB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2RGYUOPV.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\nimport { Spinner } from '../Spinner/Spinner';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ComponentRef<'div'>;\n\nexport const Modal = forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      loading,\n      loadingText,\n      loadingHeading,\n      loadingDescription,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n\n    return (\n      <DialogPrimitive.Portal {...portalProps}>\n        <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n          <div className={`${componentClassName}Scroll`}>\n            <div className={`${componentClassName}ScrollPadding`}>\n              <DialogPrimitive.Content\n                ref={ref}\n                className={cn(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-hide-close-button={hideCloseButton ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                {...props}\n              >\n                <ModalClose>\n                  <UnstyledIconButton\n                    type=\"button\"\n                    label=\"Close\"\n                    data-visually-hidden={hideCloseButton ? '' : undefined}\n                    className={`${componentClassName}CloseIconButton`}\n                  >\n                    <CloseMediumIcon />\n                  </UnstyledIconButton>\n                </ModalClose>\n                <div className={`${componentClassName}OuterContainer`}>\n                  {!loading ? (\n                    <div className={`${componentClassName}InnerContainer`}>\n                      {containsImage ? (\n                        <div className={`${componentClassName}Image`}>{image}</div>\n                      ) : null}\n                      <div className={`${componentClassName}Header`}>\n                        <Box asChild>\n                          <DialogPrimitive.Title asChild>\n                            <Heading size=\"lg\" wrap=\"wrap\">\n                              {heading}\n                            </Heading>\n                          </DialogPrimitive.Title>\n                        </Box>\n                        {description ? (\n                          <DialogPrimitive.Description asChild>\n                            <BodyText size=\"md\" as=\"span\">\n                              {description}\n                            </BodyText>\n                          </DialogPrimitive.Description>\n                        ) : null}\n                      </div>\n                    </div>\n                  ) : null}\n\n                  {loading ? (\n                    <Flex\n                      direction=\"column\"\n                      gap=\"300\"\n                      alignItems=\"center\"\n                      paddingY=\"200\"\n                      width=\"100%\"\n                    >\n                      <Spinner size=\"lg\" />\n                      <div className={`${componentClassName}LoadingHeader`}>\n                        <Box asChild>\n                          <DialogPrimitive.Title asChild>\n                            <Heading size=\"lg\" textAlign=\"center\" wrap=\"wrap\">\n                              {loadingHeading || loadingText || 'Loading'}\n                            </Heading>\n                          </DialogPrimitive.Title>\n                        </Box>\n                        {(loadingText || loadingHeading) && loadingDescription ? (\n                          <DialogPrimitive.Description asChild>\n                            <BodyText size=\"md\" as=\"span\" textAlign=\"center\">\n                              {loadingDescription}\n                            </BodyText>\n                          </DialogPrimitive.Description>\n                        ) : null}\n                      </div>\n                    </Flex>\n                  ) : (\n                    children\n                  )}\n                </div>\n              </DialogPrimitive.Content>\n            </div>\n          </div>\n        </DialogPrimitive.Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-HSIMOSF3.js

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-2N7CEB45.js";import{a as i}from"./chunk-W6VYE222.js";import{a as e}from"./chunk-BMY6GUJM.js";import{a as r}from"./chunk-MSHCGZ4G.js";import{b as t}from"./chunk-TXDSZ3MR.js";import{forwardRef as N,Children as P}from"react";import{jsx as o}from"react/jsx-runtime";var a="CardActions",m=t(a),h=N((n,p)=>{let{className:c,as:l="ul",direction:d,children:f,...C}=e(n,i);return o(s,{ref:p,asChild:!0,role:"list",className:r(m,c),direction:d,children:o(l,{...C,children:P.map(f,A=>o("li",{className:`${m}Item`,children:A}))})})});h.displayName=a;export{h as a};
-//# sourceMappingURL=chunk-HSIMOSF3.js.map

package/dist/chunk-HSIMOSF3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CardActions/CardActions.tsx"],"sourcesContent":["import { forwardRef, Children } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { CardActionsProps } from './CardActions.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { Flex } from '../Flex/Flex';\nimport type { ComponentRef } from 'react';\n\ntype CardActionsElement = ComponentRef<'ul'>;\n\nconst COMPONENT_NAME = 'CardActions';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActions = forwardRef<CardActionsElement, CardActionsProps>((props, ref) => {\n  const {\n    className,\n    as: Tag = 'ul',\n    direction,\n    children,\n    ...cardActionsProps\n  } = extractProps(props, marginPropDefs);\n\n  return (\n    <Flex\n      ref={ref}\n      asChild\n      role=\"list\"\n      className={cn(componentClassName, className)}\n      direction={direction}\n    >\n      <Tag {...cardActionsProps}>\n        {Children.map(children, child => (\n          <li className={`${componentClassName}Item`}>{child}</li>\n        ))}\n      </Tag>\n    </Flex>\n  );\n});\n\nCardActions.displayName = COMPONENT_NAME;\n"],"mappings":"wMAAA,OAAS,cAAAA,EAAY,YAAAC,MAAgB,QAiC3B,cAAAC,MAAA,oBAtBV,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAcC,EAAiD,CAACC,EAAOC,IAAQ,CAC1F,GAAM,CACJ,UAAAC,EACA,GAAIC,EAAM,KACV,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAaP,EAAOQ,CAAc,EAEtC,OACEd,EAACe,EAAA,CACC,IAAKR,EACL,QAAO,GACP,KAAK,OACL,UAAWS,EAAGd,EAAoBM,CAAS,EAC3C,UAAWE,EAEX,SAAAV,EAACS,EAAA,CAAK,GAAGG,EACN,SAAAK,EAAS,IAAIN,EAAUO,GACtBlB,EAAC,MAAG,UAAW,GAAGE,CAAkB,OAAS,SAAAgB,EAAM,CACpD,EACH,EACF,CAEJ,CAAC,EAEDd,EAAY,YAAcH","names":["forwardRef","Children","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActions","forwardRef","props","ref","className","Tag","direction","children","cardActionsProps","extractProps","marginPropDefs","Flex","cn","Children","child"]}

package/dist/chunk-PFMHXMQJ.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUONSYVU2cjs = require('./chunk-UONSYVU2.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var a="CardActions",m=_chunk7LZI6HLWcjs.b.call(void 0, a),h= exports.a =_react.forwardRef.call(void 0, (n,p)=>{let{className:c,as:l="ul",direction:d,children:f,...C}=_chunkVCSJTDQRcjs.a.call(void 0, n,_chunkRDNRX35Pcjs.a);return _jsxruntime.jsx.call(void 0, _chunkUONSYVU2cjs.a,{ref:p,asChild:!0,role:"list",className:_chunkGVVJQBRKcjs.a.call(void 0, m,c),direction:d,children:_jsxruntime.jsx.call(void 0, l,{...C,children:_react.Children.map(f,A=>_jsxruntime.jsx.call(void 0, "li",{className:`${m}Item`,children:A}))})})});h.displayName=a;exports.a = h;
-//# sourceMappingURL=chunk-PFMHXMQJ.cjs.map

package/dist/chunk-PFMHXMQJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-PFMHXMQJ.cjs","../src/components/CardActions/CardActions.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActions","forwardRef","props","ref","className","Tag","direction","children","cardActionsProps","extractProps","marginPropDefs","jsx","Flex","cn","Children","child"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAvK,+CAiC3B,IAtBJA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAcC,+BAAAA,CAAkDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC1F,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaP,CAAOQ,mBAAc,CAAA,CAEtC,OACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKT,CAAAA,CACL,OAAA,CAAO,CAAA,CAAA,CACP,IAAA,CAAK,MAAA,CACL,SAAA,CAAWU,iCAAAA,CAAGf,CAAoBM,CAAS,CAAA,CAC3C,SAAA,CAAWE,CAAAA,CAEX,QAAA,CAAAK,6BAAAA,CAACN,CAAA,CAAK,GAAGG,CAAAA,CACN,QAAA,CAAAM,eAAAA,CAAS,GAAA,CAAIP,CAAAA,CAAUQ,CAAAA,EACtBJ,6BAAAA,IAAC,CAAA,CAAG,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-PFMHXMQJ.cjs","sourcesContent":[null,"import { forwardRef, Children } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { CardActionsProps } from './CardActions.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { Flex } from '../Flex/Flex';\nimport type { ComponentRef } from 'react';\n\ntype CardActionsElement = ComponentRef<'ul'>;\n\nconst COMPONENT_NAME = 'CardActions';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActions = forwardRef<CardActionsElement, CardActionsProps>((props, ref) => {\n  const {\n    className,\n    as: Tag = 'ul',\n    direction,\n    children,\n    ...cardActionsProps\n  } = extractProps(props, marginPropDefs);\n\n  return (\n    <Flex\n      ref={ref}\n      asChild\n      role=\"list\"\n      className={cn(componentClassName, className)}\n      direction={direction}\n    >\n      <Tag {...cardActionsProps}>\n        {Children.map(children, child => (\n          <li className={`${componentClassName}Item`}>{child}</li>\n        ))}\n      </Tag>\n    </Flex>\n  );\n});\n\nCardActions.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-XFHW4I6U.js

@@ -1,2 +0,0 @@
-import{a as y}from"./chunk-5XWIPRFU.js";import{a as N}from"./chunk-KUYDWFBT.js";import{a as P}from"./chunk-BYGE22IT.js";import{a as n}from"./chunk-IZOVOOR4.js";import{a as l}from"./chunk-7XFUBIF4.js";import{a as C}from"./chunk-2N7CEB45.js";import{a as r}from"./chunk-QCEOHNYS.js";import{a as u}from"./chunk-MSHCGZ4G.js";import{b as t}from"./chunk-TXDSZ3MR.js";import{Dialog as o}from"radix-ui";import{CloseMediumIcon as z}from"@utilitywarehouse/hearth-react-icons";import{forwardRef as b}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";var D="Modal",e=t(D),E=b(({className:M,image:s,forceMount:x,container:h,heading:B,description:d,hideCloseButton:m,fullScreen:I,loading:p,loadingText:c,loadingHeading:v,loadingDescription:f,children:$,...w},T)=>{let O={forceMount:x,container:h},g=!!s;return i(o.Portal,{...O,children:i(o.Overlay,{className:t("Overlay"),children:i("div",{className:`${e}Scroll`,children:i("div",{className:`${e}ScrollPadding`,children:a(o.Content,{ref:T,className:u(e,M),"data-contains-image":g?"":void 0,"data-hide-close-button":m?"":void 0,"data-full-screen":I?"":void 0,...w,children:[i(y,{children:i(N,{type:"button",label:"Close","data-visually-hidden":m?"":void 0,className:`${e}CloseIconButton`,children:i(z,{})})}),a("div",{className:`${e}OuterContainer`,children:[p?null:a("div",{className:`${e}InnerContainer`,children:[g?i("div",{className:`${e}Image`,children:s}):null,a("div",{className:`${e}Header`,children:[i(l,{asChild:!0,children:i(o.Title,{asChild:!0,children:i(n,{size:"lg",wrap:"wrap",children:B})})}),d?i(o.Description,{asChild:!0,children:i(r,{size:"md",as:"span",children:d})}):null]})]}),p?a(C,{direction:"column",gap:"300",alignItems:"center",paddingY:"200",width:"100%",children:[i(P,{size:"lg"}),a("div",{className:`${e}LoadingHeader`,children:[i(l,{asChild:!0,children:i(o.Title,{asChild:!0,children:i(n,{size:"lg",textAlign:"center",wrap:"wrap",children:v||c||"Loading"})})}),(c||v)&&f?i(o.Description,{asChild:!0,children:i(r,{size:"md",as:"span",textAlign:"center",children:f})}):null]})]}):$]})]})})})})})});E.displayName=D;export{E as a};
-//# sourceMappingURL=chunk-XFHW4I6U.js.map

package/dist/chunk-XFHW4I6U.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\nimport { Spinner } from '../Spinner/Spinner';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ComponentRef<'div'>;\n\nexport const Modal = forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      loading,\n      loadingText,\n      loadingHeading,\n      loadingDescription,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n\n    return (\n      <DialogPrimitive.Portal {...portalProps}>\n        <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n          <div className={`${componentClassName}Scroll`}>\n            <div className={`${componentClassName}ScrollPadding`}>\n              <DialogPrimitive.Content\n                ref={ref}\n                className={cn(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-hide-close-button={hideCloseButton ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                {...props}\n              >\n                <ModalClose>\n                  <UnstyledIconButton\n                    type=\"button\"\n                    label=\"Close\"\n                    data-visually-hidden={hideCloseButton ? '' : undefined}\n                    className={`${componentClassName}CloseIconButton`}\n                  >\n                    <CloseMediumIcon />\n                  </UnstyledIconButton>\n                </ModalClose>\n                <div className={`${componentClassName}OuterContainer`}>\n                  {!loading ? (\n                    <div className={`${componentClassName}InnerContainer`}>\n                      {containsImage ? (\n                        <div className={`${componentClassName}Image`}>{image}</div>\n                      ) : null}\n                      <div className={`${componentClassName}Header`}>\n                        <Box asChild>\n                          <DialogPrimitive.Title asChild>\n                            <Heading size=\"lg\" wrap=\"wrap\">\n                              {heading}\n                            </Heading>\n                          </DialogPrimitive.Title>\n                        </Box>\n                        {description ? (\n                          <DialogPrimitive.Description asChild>\n                            <BodyText size=\"md\" as=\"span\">\n                              {description}\n                            </BodyText>\n                          </DialogPrimitive.Description>\n                        ) : null}\n                      </div>\n                    </div>\n                  ) : null}\n\n                  {loading ? (\n                    <Flex\n                      direction=\"column\"\n                      gap=\"300\"\n                      alignItems=\"center\"\n                      paddingY=\"200\"\n                      width=\"100%\"\n                    >\n                      <Spinner size=\"lg\" />\n                      <div className={`${componentClassName}LoadingHeader`}>\n                        <Box asChild>\n                          <DialogPrimitive.Title asChild>\n                            <Heading size=\"lg\" textAlign=\"center\" wrap=\"wrap\">\n                              {loadingHeading || loadingText || 'Loading'}\n                            </Heading>\n                          </DialogPrimitive.Title>\n                        </Box>\n                        {(loadingText || loadingHeading) && loadingDescription ? (\n                          <DialogPrimitive.Description asChild>\n                            <BodyText size=\"md\" as=\"span\" textAlign=\"center\">\n                              {loadingDescription}\n                            </BodyText>\n                          </DialogPrimitive.Description>\n                        ) : null}\n                      </div>\n                    </Flex>\n                  ) : (\n                    children\n                  )}\n                </div>\n              </DialogPrimitive.Content>\n            </div>\n          </div>\n        </DialogPrimitive.Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"],"mappings":"wWAEA,OAAS,UAAUA,MAAuB,WAM1C,OAAS,mBAAAC,MAAuB,uCAMhC,OAAS,cAAAC,MAAkB,QAmDP,cAAAC,EASE,QAAAC,MATF,oBAhDpB,IAAMC,EAAiB,QACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAQN,EACnB,CACE,CACE,UAAAO,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,YAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAc,CAAE,WAAAb,EAAY,UAAAC,CAAU,EACtCa,EAAgB,EAAQf,EAE9B,OACEP,EAACuB,EAAgB,OAAhB,CAAwB,GAAGF,EAC1B,SAAArB,EAACuB,EAAgB,QAAhB,CAAwB,UAAWnB,EAAiB,SAAS,EAC5D,SAAAJ,EAAC,OAAI,UAAW,GAAGG,CAAkB,SACnC,SAAAH,EAAC,OAAI,UAAW,GAAGG,CAAkB,gBACnC,SAAAF,EAACsB,EAAgB,QAAhB,CACC,IAAKH,EACL,UAAWI,EAAGrB,EAAoBG,CAAS,EAC3C,sBAAqBgB,EAAgB,GAAK,OAC1C,yBAAwBV,EAAkB,GAAK,OAC/C,mBAAkBC,EAAa,GAAK,OACnC,GAAGM,EAEJ,UAAAnB,EAACyB,EAAA,CACC,SAAAzB,EAAC0B,EAAA,CACC,KAAK,SACL,MAAM,QACN,uBAAsBd,EAAkB,GAAK,OAC7C,UAAW,GAAGT,CAAkB,kBAEhC,SAAAH,EAAC2B,EAAA,EAAgB,EACnB,EACF,EACA1B,EAAC,OAAI,UAAW,GAAGE,CAAkB,iBAClC,UAACW,EAsBE,KArBFb,EAAC,OAAI,UAAW,GAAGE,CAAkB,iBAClC,UAAAmB,EACCtB,EAAC,OAAI,UAAW,GAAGG,CAAkB,QAAU,SAAAI,EAAM,EACnD,KACJN,EAAC,OAAI,UAAW,GAAGE,CAAkB,SACnC,UAAAH,EAAC4B,EAAA,CAAI,QAAO,GACV,SAAA5B,EAACuB,EAAgB,MAAhB,CAAsB,QAAO,GAC5B,SAAAvB,EAAC6B,EAAA,CAAQ,KAAK,KAAK,KAAK,OACrB,SAAAnB,EACH,EACF,EACF,EACCC,EACCX,EAACuB,EAAgB,YAAhB,CAA4B,QAAO,GAClC,SAAAvB,EAAC8B,EAAA,CAAS,KAAK,KAAK,GAAG,OACpB,SAAAnB,EACH,EACF,EACE,MACN,GACF,EAGDG,EACCb,EAAC8B,EAAA,CACC,UAAU,SACV,IAAI,MACJ,WAAW,SACX,SAAS,MACT,MAAM,OAEN,UAAA/B,EAACgC,EAAA,CAAQ,KAAK,KAAK,EACnB/B,EAAC,OAAI,UAAW,GAAGE,CAAkB,gBACnC,UAAAH,EAAC4B,EAAA,CAAI,QAAO,GACV,SAAA5B,EAACuB,EAAgB,MAAhB,CAAsB,QAAO,GAC5B,SAAAvB,EAAC6B,EAAA,CAAQ,KAAK,KAAK,UAAU,SAAS,KAAK,OACxC,SAAAb,GAAkBD,GAAe,UACpC,EACF,EACF,GACEA,GAAeC,IAAmBC,EAClCjB,EAACuB,EAAgB,YAAhB,CAA4B,QAAO,GAClC,SAAAvB,EAAC8B,EAAA,CAAS,KAAK,KAAK,GAAG,OAAO,UAAU,SACrC,SAAAb,EACH,EACF,EACE,MACN,GACF,EAEAC,GAEJ,GACF,EACF,EACF,EACF,EACF,CAEJ,CACF,EAEAb,EAAM,YAAcH","names":["DialogPrimitive","CloseMediumIcon","forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","loadingHeading","loadingDescription","children","props","ref","portalProps","containsImage","DialogPrimitive","cn","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText","Flex","Spinner"]}