@utilitywarehouse/hearth-react 0.27.2 → 0.27.4

package/dist/chunk-46AXGRL2.js

@@ -1,2 +0,0 @@
-import{a as f}from"./chunk-KUYDWFBT.js";import{a as d}from"./chunk-2N7CEB45.js";import{a as r}from"./chunk-QCEOHNYS.js";import{a as p}from"./chunk-W6VYE222.js";import{a as c}from"./chunk-BMY6GUJM.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as a}from"./chunk-TXDSZ3MR.js";import{forwardRef as h}from"react";import{CloseSmallIcon as B,InfoMediumIcon as g,TickCircleMediumIcon as M,WarningMediumIcon as u}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as n}from"react/jsx-runtime";var C="Alert",l=a(C),T=h((v,y)=>{let A={info:g,positive:M,warning:u,danger:u},{children:N,className:x,colorScheme:i="info",onClose:m,text:e,title:t,...I}=c(v,p),P=A[i];return n("div",{ref:y,className:s(l,x),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorscheme":i,...I,children:[o(P,{"aria-hidden":"true"}),n("div",{className:`${l}Content`,children:[t||e?n(d,{direction:"column",children:[t?o(r,{as:"span",size:"md",weight:"semibold",children:t}):null,e?o(r,{as:"div",children:e}):null]}):null,N]}),m?o(f,{onClick:m,className:`${l}CloseButton`,title:"Close",label:"Close alert",children:o(B,{})}):null]})});T.displayName=C;export{T as a};
-//# sourceMappingURL=chunk-46AXGRL2.js.map

package/dist/chunk-46AXGRL2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AlertElement = ComponentRef<'div'>;\n\nexport const Alert = forwardRef<AlertElement, AlertProps>((props, ref) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(componentClassName, className)}\n      role=\"alert\"\n      aria-live=\"assertive\"\n      aria-atomic=\"true\"\n      data-colorscheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        {title || text ? (\n          <Flex direction=\"column\">\n            {title ? (\n              <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n                {title}\n              </BodyText>\n            ) : null}\n            {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n          </Flex>\n        ) : null}\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n});\n\nAlert.displayName = COMPONENT_NAME;\n"],"mappings":"wRAEA,OAAS,cAAAA,MAAkB,QAK3B,OACE,kBAAAC,EACA,kBAAAC,EACA,wBAAAC,EACA,qBAAAC,MACK,uCAyCD,cAAAC,EAGI,QAAAC,MAHJ,oBAlCN,IAAMC,EAAiB,QACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAQC,EAAqC,CAACC,EAAOC,IAAQ,CACxE,IAAMC,EAAQ,CACZ,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,OAAQA,CACV,EACM,CACJ,SAAAC,EACA,UAAAC,EACA,YAAAC,EAAc,OACd,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAab,EAAOc,CAAc,EAEhCC,EAAYb,EAAMM,CAAW,EAEnC,OACEd,EAAC,OACC,IAAKO,EACL,UAAWe,EAAGpB,EAAoBW,CAAS,EAC3C,KAAK,QACL,YAAU,YACV,cAAY,OACZ,mBAAkBC,EACjB,GAAGI,EAEJ,UAAAnB,EAACsB,EAAA,CAAU,cAAY,OAAO,EAC9BrB,EAAC,OAAI,UAAW,GAAGE,CAAkB,UAClC,UAAAe,GAASD,EACRhB,EAACuB,EAAA,CAAK,UAAU,SACb,UAAAN,EACClB,EAACyB,EAAA,CAAS,GAAG,OAAO,KAAK,KAAK,OAAO,WAClC,SAAAP,EACH,EACE,KACHD,EAAOjB,EAACyB,EAAA,CAAS,GAAG,MAAO,SAAAR,EAAK,EAAc,MACjD,EACE,KACHJ,GACH,EACCG,EACChB,EAAC0B,EAAA,CACC,QAASV,EACT,UAAW,GAAGb,CAAkB,cAChC,MAAM,QACN,MAAM,cAEN,SAAAH,EAAC2B,EAAA,EAAe,EAClB,EACE,MACN,CAEJ,CAAC,EAEDtB,EAAM,YAAcH","names":["forwardRef","CloseSmallIcon","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","forwardRef","props","ref","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","cn","Flex","BodyText","UnstyledIconButton","CloseSmallIcon"]}

package/dist/chunk-5O5TR3X6.js

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

package/dist/chunk-5O5TR3X6.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      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                      {loadingText ? (\n                        <DialogPrimitive.Title asChild>\n                          <Heading size=\"lg\" textAlign=\"center\" wrap=\"wrap\">\n                            {loadingText}\n                          </Heading>\n                        </DialogPrimitive.Title>\n                      ) : null}\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,QAiDP,cAAAC,EASE,QAAAC,MATF,oBA9CpB,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,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAc,CAAE,WAAAX,EAAY,UAAAC,CAAU,EACtCW,EAAgB,EAAQb,EAE9B,OACEP,EAACqB,EAAgB,OAAhB,CAAwB,GAAGF,EAC1B,SAAAnB,EAACqB,EAAgB,QAAhB,CAAwB,UAAWjB,EAAiB,SAAS,EAC5D,SAAAJ,EAAC,OAAI,UAAW,GAAGG,CAAkB,SACnC,SAAAH,EAAC,OAAI,UAAW,GAAGG,CAAkB,gBACnC,SAAAF,EAACoB,EAAgB,QAAhB,CACC,IAAKH,EACL,UAAWI,EAAGnB,EAAoBG,CAAS,EAC3C,sBAAqBc,EAAgB,GAAK,OAC1C,yBAAwBR,EAAkB,GAAK,OAC/C,mBAAkBC,EAAa,GAAK,OACnC,GAAGI,EAEJ,UAAAjB,EAACuB,EAAA,CACC,SAAAvB,EAACwB,EAAA,CACC,KAAK,SACL,MAAM,QACN,uBAAsBZ,EAAkB,GAAK,OAC7C,UAAW,GAAGT,CAAkB,kBAEhC,SAAAH,EAACyB,EAAA,EAAgB,EACnB,EACF,EACAxB,EAAC,OAAI,UAAW,GAAGE,CAAkB,iBAClC,UAACW,EAsBE,KArBFb,EAAC,OAAI,UAAW,GAAGE,CAAkB,iBAClC,UAAAiB,EACCpB,EAAC,OAAI,UAAW,GAAGG,CAAkB,QAAU,SAAAI,EAAM,EACnD,KACJN,EAAC,OAAI,UAAW,GAAGE,CAAkB,SACnC,UAAAH,EAAC0B,EAAA,CAAI,QAAO,GACV,SAAA1B,EAACqB,EAAgB,MAAhB,CAAsB,QAAO,GAC5B,SAAArB,EAAC2B,EAAA,CAAQ,KAAK,KAAK,KAAK,OACrB,SAAAjB,EACH,EACF,EACF,EACCC,EACCX,EAACqB,EAAgB,YAAhB,CAA4B,QAAO,GAClC,SAAArB,EAAC4B,EAAA,CAAS,KAAK,KAAK,GAAG,OACpB,SAAAjB,EACH,EACF,EACE,MACN,GACF,EAGDG,EACCb,EAAC4B,EAAA,CACC,UAAU,SACV,IAAI,MACJ,WAAW,SACX,SAAS,MACT,MAAM,OAEN,UAAA7B,EAAC8B,EAAA,CAAQ,KAAK,KAAK,EAClBf,EACCf,EAACqB,EAAgB,MAAhB,CAAsB,QAAO,GAC5B,SAAArB,EAAC2B,EAAA,CAAQ,KAAK,KAAK,UAAU,SAAS,KAAK,OACxC,SAAAZ,EACH,EACF,EACE,MACN,EAEAC,GAEJ,GACF,EACF,EACF,EACF,EACF,CAEJ,CACF,EAEAX,EAAM,YAAcH","names":["DialogPrimitive","CloseMediumIcon","forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","children","props","ref","portalProps","containsImage","DialogPrimitive","cn","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText","Flex","Spinner"]}

package/dist/chunk-CIKJJHKQ.js

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-AUFTTDML.js";import{a}from"./chunk-2N7CEB45.js";import{a as m}from"./chunk-MSHCGZ4G.js";import{b as e}from"./chunk-TXDSZ3MR.js";import{forwardRef as x}from"react";import{RadioGroup as B}from"radix-ui";import{jsx as o}from"react/jsx-runtime";var n="RadioGroup",M=e(n),O=x(({children:f,contentWidth:r,direction:p="column",className:u,label:R,labelVariant:l,helperText:G,validationText:d,validationStatus:c,required:t,disabled:i,loop:P,defaultValue:N,value:C,onValueChange:h,name:w,...y},E)=>{let F={...y,disabled:i,required:t,label:R,labelVariant:l,helperText:G,validationText:d,validationStatus:c},v={width:r,direction:p,name:w,required:t,disabled:i,loop:P,defaultValue:N,value:C,onValueChange:h};return o(s,{ref:E,...F,children:o(B.Root,{asChild:!0,className:m(M,u),...v,orientation:p==="column"?"vertical":"horizontal",children:o(a,{width:r,children:f})})})});O.displayName=n;export{O as a};
-//# sourceMappingURL=chunk-CIKJJHKQ.js.map

package/dist/chunk-D5SVUBJU.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAWNOG45Xcjs = require('./chunk-AWNOG45X.cjs');var _chunkUONSYVU2cjs = require('./chunk-UONSYVU2.cjs');var _chunkPKGGJEPXcjs = require('./chunk-PKGGJEPX.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 _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var C="Alert",l=_chunk7LZI6HLWcjs.b.call(void 0, C),T= exports.a =_react.forwardRef.call(void 0, (v,y)=>{let A={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:N,className:x,colorScheme:i="info",onClose:m,text:e,title:t,...I}=_chunkVCSJTDQRcjs.a.call(void 0, v,_chunkRDNRX35Pcjs.a),P=A[i];return _jsxruntime.jsxs.call(void 0, "div",{ref:y,className:_chunkGVVJQBRKcjs.a.call(void 0, l,x),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorscheme":i,...I,children:[_jsxruntime.jsx.call(void 0, P,{"aria-hidden":"true"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${l}Content`,children:[t||e?_jsxruntime.jsxs.call(void 0, _chunkUONSYVU2cjs.a,{direction:"column",children:[t?_jsxruntime.jsx.call(void 0, _chunkPKGGJEPXcjs.a,{as:"span",size:"md",weight:"semibold",children:t}):null,e?_jsxruntime.jsx.call(void 0, _chunkPKGGJEPXcjs.a,{as:"div",children:e}):null]}):null,N]}),m?_jsxruntime.jsx.call(void 0, _chunkAWNOG45Xcjs.a,{onClick:m,className:`${l}CloseButton`,title:"Close",label:"Close alert",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})}):null]})});T.displayName=C;exports.a = T;
-//# sourceMappingURL=chunk-D5SVUBJU.cjs.map

package/dist/chunk-D5SVUBJU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-D5SVUBJU.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","forwardRef","props","ref","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","jsxs","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCEnQ,wEAUpB,+CAyCD,IAlCAA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAQC,+BAAAA,CAAsCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACxE,IAAMC,CAAAA,CAAQ,CACZ,IAAA,CAAMC,gCAAAA,CACN,QAAA,CAAUC,sCAAAA,CACV,OAAA,CAASC,mCAAAA,CACT,MAAA,CAAQA,mCACV,CAAA,CACM,CACJ,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhCC,CAAAA,CAAYb,CAAAA,CAAMM,CAAW,CAAA,CAEnC,OACEQ,8BAAAA,KAAC,CAAA,CACC,GAAA,CAAKf,CAAAA,CACL,SAAA,CAAWgB,iCAAAA,CAAGrB,CAAoBW,CAAS,CAAA,CAC3C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAEJ,QAAA,CAAA,CAAAM,6BAAAA,CAACH,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9BC,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-D5SVUBJU.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AlertElement = ComponentRef<'div'>;\n\nexport const Alert = forwardRef<AlertElement, AlertProps>((props, ref) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(componentClassName, className)}\n      role=\"alert\"\n      aria-live=\"assertive\"\n      aria-atomic=\"true\"\n      data-colorscheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        {title || text ? (\n          <Flex direction=\"column\">\n            {title ? (\n              <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n                {title}\n              </BodyText>\n            ) : null}\n            {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n          </Flex>\n        ) : null}\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n});\n\nAlert.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-EZTGWCHA.js

@@ -1,2 +0,0 @@
-import{a as N}from"./chunk-RXNMDTWY.js";import{a as r}from"./chunk-SCXGXWII.js";import{a as y}from"./chunk-A65AIDIS.js";import{a as v}from"./chunk-BUC2OOMQ.js";import{a as T}from"./chunk-PJUL4CK3.js";import{a as l}from"./chunk-KUYDWFBT.js";import{a as S}from"./chunk-BYGE22IT.js";import{a as P}from"./chunk-W6VYE222.js";import{a as I}from"./chunk-L4OZ3M5X.js";import{a as C}from"./chunk-BMY6GUJM.js";import{a as x}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-TXDSZ3MR.js";import{Combobox as e}from"@base-ui/react/combobox";import{CloseSmallIcon as z,ExpandSmallIcon as D,SearchMediumIcon as G}from"@utilitywarehouse/hearth-react-icons";import{ScrollArea as a}from"radix-ui";import{jsx as o,jsxs as n}from"react/jsx-runtime";var g="Combobox",m=i(g);function _(p){let{className:h,children:d,triggerOnlyOnType:b,validationStatus:A,validationText:O,label:V,labelVariant:B,helperText:E,id:F,disabled:t,required:w,noOptionsFoundText:M,statusText:u,loading:R,...U}=C(p,P),{id:c,labelId:L,helperTextId:$,validationTextId:k}=I({providedId:F,prefix:"combobox"}),f=!t,q={id:c,labelId:L,helperTextId:$,validationTextId:k,label:V,labelVariant:B,helperText:E,validationText:f?O:void 0,validationStatus:f?A:void 0,required:w};return o(y,{className:x(m,h),"data-disabled":t?"":void 0,...q,children:n(e.Root,{openOnInputClick:!b,...U,children:[o(e.Input,{render:n(v,{id:c,disabled:t,children:[o(e.Trigger,{disabled:t,render:o(r,{placement:"prefix",asChild:!0,children:o(l,{type:"button",label:"Open popup",disabled:t,children:o(G,{})})})}),R?o(r,{placement:"suffix",children:o(S,{size:"xs",color:"primary"})}):null,o(e.Clear,{render:o(r,{placement:"suffix",asChild:!0,children:o(l,{type:"button",label:"Clear selection",disabled:t,children:o(z,{})})})}),b?null:o(e.Trigger,{disabled:t,render:o(r,{placement:"suffix",asChild:!0,children:o(l,{type:"button",label:"Open popup",disabled:t,children:o(D,{})})})})]})}),o(e.Portal,{children:o(e.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:n(e.Popup,{className:`${m}Popup`,children:[u?o(e.Status,{children:u}):null,p.items?o(T,{className:`${m}Empty`,children:M}):null,n(a.Root,{className:i("ScrollAreaRoot"),type:"auto",children:[o(a.Viewport,{className:i("ScrollAreaViewport"),children:o(e.List,{className:`${m}List`,children:d||(s=>o(N,{value:s,children:s},s))})}),o(a.Scrollbar,{className:i("ScrollAreaScrollbar"),orientation:"vertical",children:o(a.Thumb,{className:i("ScrollAreaThumb")})})]})]})})})]})})}_.displayName=g;export{_ as a};
-//# sourceMappingURL=chunk-EZTGWCHA.js.map

package/dist/chunk-EZTGWCHA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Combobox/Combobox.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n  CloseSmallIcon,\n  ExpandSmallIcon,\n  SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n  props: ComboboxProps<Value, Multiple>\n) {\n  const {\n    className,\n    children,\n    triggerOnlyOnType,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    noOptionsFoundText,\n    statusText,\n    loading,\n    ...comboboxProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'combobox',\n  });\n\n  const showValidation = !disabled;\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n        <ComboboxPrimitive.Input\n          render={\n            <InputBase id={id} disabled={disabled}>\n              <ComboboxPrimitive.Trigger\n                disabled={disabled}\n                render={\n                  <InputSlot placement=\"prefix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                      <SearchMediumIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {loading ? (\n                <InputSlot placement=\"suffix\">\n                  <Spinner size=\"xs\" color=\"primary\" />\n                </InputSlot>\n              ) : null}\n              <ComboboxPrimitive.Clear\n                render={\n                  <InputSlot placement=\"suffix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n                      <CloseSmallIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {triggerOnlyOnType ? null : (\n                <ComboboxPrimitive.Trigger\n                  disabled={disabled}\n                  render={\n                    <InputSlot placement=\"suffix\" asChild>\n                      <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                        <ExpandSmallIcon />\n                      </UnstyledIconButton>\n                    </InputSlot>\n                  }\n                />\n              )}\n            </InputBase>\n          }\n        />\n\n        <ComboboxPrimitive.Portal>\n          <ComboboxPrimitive.Positioner\n            side=\"bottom\"\n            sideOffset={16}\n            align=\"start\"\n            alignOffset={-47}\n          >\n            <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n              {statusText ? (\n                <ComboboxPrimitive.Status>{statusText}</ComboboxPrimitive.Status>\n              ) : null}\n              {props.items ? (\n                <ComboboxEmpty className={`${componentClassName}Empty`}>\n                  {noOptionsFoundText}\n                </ComboboxEmpty>\n              ) : null}\n              <ScrollAreaPrimitive.Root className={withGlobalPrefix('ScrollAreaRoot')} type=\"auto\">\n                <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n                  <ComboboxPrimitive.List className={`${componentClassName}List`}>\n                    {children\n                      ? children\n                      : (item: string) => (\n                          <ComboboxItem key={item} value={item}>\n                            {item}\n                          </ComboboxItem>\n                        )}\n                  </ComboboxPrimitive.List>\n                </ScrollAreaPrimitive.Viewport>\n                <ScrollAreaPrimitive.Scrollbar\n                  className={withGlobalPrefix('ScrollAreaScrollbar')}\n                  orientation=\"vertical\"\n                >\n                  <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n                </ScrollAreaPrimitive.Scrollbar>\n              </ScrollAreaPrimitive.Root>\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </FormField>\n  );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"],"mappings":"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","names":["ComboboxPrimitive","CloseSmallIcon","ExpandSmallIcon","SearchMediumIcon","ScrollAreaPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","loading","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","FormField","cn","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","Spinner","CloseSmallIcon","ExpandSmallIcon","ComboboxEmpty","ScrollAreaPrimitive","item","ComboboxItem"]}

package/dist/chunk-L5NGXXGR.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPSZXIGVZcjs = require('./chunk-PSZXIGVZ.cjs');var _chunkUONSYVU2cjs = require('./chunk-UONSYVU2.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var n="RadioGroup",M=_chunk7LZI6HLWcjs.b.call(void 0, n),O= exports.a =_react.forwardRef.call(void 0, ({children:f,contentWidth:r,direction:p="column",className:u,label:R,labelVariant:l,helperText:G,validationText:d,validationStatus:c,required:t,disabled:i,loop:P,defaultValue:N,value:C,onValueChange:h,name:w,...y},E)=>{let F={...y,disabled:i,required:t,label:R,labelVariant:l,helperText:G,validationText:d,validationStatus:c},v={width:r,direction:p,name:w,required:t,disabled:i,loop:P,defaultValue:N,value:C,onValueChange:h};return _jsxruntime.jsx.call(void 0, _chunkPSZXIGVZcjs.a,{ref:E,...F,children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Root,{asChild:!0,className:_chunkGVVJQBRKcjs.a.call(void 0, M,u),...v,orientation:p==="column"?"vertical":"horizontal",children:_jsxruntime.jsx.call(void 0, _chunkUONSYVU2cjs.a,{width:r,children:f})})})});O.displayName=n;exports.a = O;
-//# sourceMappingURL=chunk-L5NGXXGR.cjs.map

package/dist/chunk-L5NGXXGR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-L5NGXXGR.cjs","../src/components/RadioGroup/RadioGroup.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","RadioGroup","forwardRef","children","contentWidth","direction","className","label","labelVariant","helperText","validationText","validationStatus","required","disabled","loop","defaultValue","value","onValueChange","name","props","ref","formGroupBaseProps","radioGroupRootProps","jsx","FormGroupBase","RadioGroupPrimitive","cn","Flex"],"mappings":"AAAA,iIAAwC,wDAAoC,wDAAyC,wDAAyC,8BCEnI,mCAGuB,+CAgExC,IA1DJA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAaC,+BAAAA,CAEtB,CACE,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,QAAA,CACZ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqB,CACzB,GAAGF,CAAAA,CACH,QAAA,CAAAN,CAAAA,CACA,QAAA,CAAAD,CAAAA,CACA,KAAA,CAAAL,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CACMW,CAAAA,CAAsB,CAC1B,KAAA,CAAOlB,CAAAA,CACP,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAa,CAAAA,CACA,QAAA,CAAAN,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CACF,CAAA,CAEA,OACEM,6BAAAA,mBAACC,CAAA,CAAc,GAAA,CAAKJ,CAAAA,CAAM,GAAGC,CAAAA,CAC3B,QAAA,CAAAE,6BAAAA,mBAACE,CAAoB,IAAA,CAApB,CACC,OAAA,CAAO,CAAA,CAAA,CACP,SAAA,CAAWC,iCAAAA,CAAG3B,CAAoBO,CAAS,CAAA,CAC1C,GAAGgB,CAAAA,CACJ,WAAA,CAAajB,CAAAA,GAAc,QAAA,CAAW,UAAA,CAAa,YAAA,CAEnD,QAAA,CAAAkB,6BAAAA,mBAACI,CAAA,CAAK,KAAA,CAAOvB,CAAAA,CAAe,QAAA,CAAAD,CAAAA,CAAS,CAAA,CACvC,CAAA,CACF,CAEJ,CACF,CAAA,CAEAF,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-L5NGXXGR.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { RadioGroupProps } from './RadioGroup.props';\nimport { Flex } from '../Flex/Flex';\nimport { FormGroupBase } from '../FormGroupBase/FormGroupBase';\n\nconst COMPONENT_NAME = 'RadioGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioGroupElement = ComponentRef<'fieldset'>;\n\nexport const RadioGroup = forwardRef<RadioGroupElement, RadioGroupProps>(\n  (\n    {\n      children,\n      contentWidth,\n      direction = 'column',\n      className,\n      label,\n      labelVariant,\n      helperText,\n      validationText,\n      validationStatus,\n      required,\n      disabled,\n      loop,\n      defaultValue,\n      value,\n      onValueChange,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const formGroupBaseProps = {\n      ...props,\n      disabled,\n      required,\n      label,\n      labelVariant,\n      helperText,\n      validationText,\n      validationStatus,\n    };\n    const radioGroupRootProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      loop,\n      defaultValue,\n      value,\n      onValueChange,\n    };\n\n    return (\n      <FormGroupBase ref={ref} {...formGroupBaseProps}>\n        <RadioGroupPrimitive.Root\n          asChild\n          className={cn(componentClassName, className)}\n          {...radioGroupRootProps}\n          orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        >\n          <Flex width={contentWidth}>{children}</Flex>\n        </RadioGroupPrimitive.Root>\n      </FormGroupBase>\n    );\n  }\n);\n\nRadioGroup.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-LUPZVHSK.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 N="Modal",o=_chunk7LZI6HLWcjs.b.call(void 0, N),b= exports.a =_react.forwardRef.call(void 0, ({className:y,image:r,forceMount:M,container:D,heading:I,description:n,hideCloseButton:m,fullScreen:h,loading:d,loadingText:s,children:w,...x},B)=>{let $={forceMount:M,container:D},p=!!r;return _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal,{...$,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay,{className:_chunk7LZI6HLWcjs.b.call(void 0, "Overlay"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${o}Scroll`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${o}ScrollPadding`,children:_jsxruntime.jsxs.call(void 0, _radixui.Dialog.Content,{ref:B,className:_chunkGVVJQBRKcjs.a.call(void 0, o,y),"data-contains-image":p?"":void 0,"data-hide-close-button":m?"":void 0,"data-full-screen":h?"":void 0,...x,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:`${o}CloseIconButton`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${o}OuterContainer`,children:[d?null:_jsxruntime.jsxs.call(void 0, "div",{className:`${o}InnerContainer`,children:[p?_jsxruntime.jsx.call(void 0, "div",{className:`${o}Image`,children:r}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${o}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:I})})}),n?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPKGGJEPXcjs.a,{size:"md",as:"span",children:n})}):null]})]}),d?_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"}),s?_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:s})}):null]}):w]})]})})})})})});b.displayName=N;exports.a = b;
-//# sourceMappingURL=chunk-LUPZVHSK.cjs.map

package/dist/chunk-LUPZVHSK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LUPZVHSK.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","forwardRef","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","children","props","ref","portalProps","containsImage","jsx","DialogPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCEtU,wEAMV,8BAML,+CAiDP,IA9CdA,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,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAX,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCW,CAAAA,CAAgB,CAAA,CAAQb,CAAAA,CAE9B,OACEc,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGH,CAAAA,CAC1B,QAAA,CAAAE,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWnB,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAkB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LUPZVHSK.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      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                      {loadingText ? (\n                        <DialogPrimitive.Title asChild>\n                          <Heading size=\"lg\" textAlign=\"center\" wrap=\"wrap\">\n                            {loadingText}\n                          </Heading>\n                        </DialogPrimitive.Title>\n                      ) : null}\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-WMK6YHSA.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLCYTX42Acjs = require('./chunk-LCYTX42A.cjs');var _chunk3BDGBDPOcjs = require('./chunk-3BDGBDPO.cjs');var _chunkCTPWMRL2cjs = require('./chunk-CTPWMRL2.cjs');var _chunkHH35BGGPcjs = require('./chunk-HH35BGGP.cjs');var _chunk342EX54Xcjs = require('./chunk-342EX54X.cjs');var _chunkAWNOG45Xcjs = require('./chunk-AWNOG45X.cjs');var _chunk7F4MQL5Gcjs = require('./chunk-7F4MQL5G.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _combobox = require('@base-ui/react/combobox');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var g="Combobox",m=_chunk7LZI6HLWcjs.b.call(void 0, g);function _(p){let{className:h,children:d,triggerOnlyOnType:b,validationStatus:A,validationText:O,label:V,labelVariant:B,helperText:E,id:F,disabled:t,required:w,noOptionsFoundText:M,statusText:u,loading:R,...U}=_chunkVCSJTDQRcjs.a.call(void 0, p,_chunkRDNRX35Pcjs.a),{id:c,labelId:L,helperTextId:$,validationTextId:k}=_chunkITZEACMWcjs.a.call(void 0, {providedId:F,prefix:"combobox"}),f=!t,q={id:c,labelId:L,helperTextId:$,validationTextId:k,label:V,labelVariant:B,helperText:E,validationText:f?O:void 0,validationStatus:f?A:void 0,required:w};return _jsxruntime.jsx.call(void 0, _chunkCTPWMRL2cjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, m,h),"data-disabled":t?"":void 0,...q,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Root,{openOnInputClick:!b,...U,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Input,{render:_jsxruntime.jsxs.call(void 0, _chunkHH35BGGPcjs.a,{id:c,disabled:t,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunk3BDGBDPOcjs.a,{placement:"prefix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkAWNOG45Xcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})})})}),R?_jsxruntime.jsx.call(void 0, _chunk3BDGBDPOcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunk7F4MQL5Gcjs.a,{size:"xs",color:"primary"})}):null,_jsxruntime.jsx.call(void 0, _combobox.Combobox.Clear,{render:_jsxruntime.jsx.call(void 0, _chunk3BDGBDPOcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkAWNOG45Xcjs.a,{type:"button",label:"Clear selection",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})})}),b?null:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunk3BDGBDPOcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkAWNOG45Xcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ExpandSmallIcon,{})})})})]})}),_jsxruntime.jsx.call(void 0, _combobox.Combobox.Portal,{children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Popup,{className:`${m}Popup`,children:[u?_jsxruntime.jsx.call(void 0, _combobox.Combobox.Status,{children:u}):null,p.items?_jsxruntime.jsx.call(void 0, _chunk342EX54Xcjs.a,{className:`${m}Empty`,children:M}):null,_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaRoot"),type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaViewport"),children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.List,{className:`${m}List`,children:d||(s=>_jsxruntime.jsx.call(void 0, _chunkLCYTX42Acjs.a,{value:s,children:s},s))})}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaScrollbar"),orientation:"vertical",children:_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaThumb")})})]})]})})})]})})}_.displayName=g;exports.a = _;
-//# sourceMappingURL=chunk-WMK6YHSA.cjs.map

package/dist/chunk-WMK6YHSA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WMK6YHSA.cjs","../src/components/Combobox/Combobox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","loading","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","jsx","FormField","cn","jsxs","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","Spinner","CloseSmallIcon","ExpandSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WMK6YHSA.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n  CloseSmallIcon,\n  ExpandSmallIcon,\n  SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n  props: ComboboxProps<Value, Multiple>\n) {\n  const {\n    className,\n    children,\n    triggerOnlyOnType,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    noOptionsFoundText,\n    statusText,\n    loading,\n    ...comboboxProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'combobox',\n  });\n\n  const showValidation = !disabled;\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n        <ComboboxPrimitive.Input\n          render={\n            <InputBase id={id} disabled={disabled}>\n              <ComboboxPrimitive.Trigger\n                disabled={disabled}\n                render={\n                  <InputSlot placement=\"prefix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                      <SearchMediumIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {loading ? (\n                <InputSlot placement=\"suffix\">\n                  <Spinner size=\"xs\" color=\"primary\" />\n                </InputSlot>\n              ) : null}\n              <ComboboxPrimitive.Clear\n                render={\n                  <InputSlot placement=\"suffix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n                      <CloseSmallIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {triggerOnlyOnType ? null : (\n                <ComboboxPrimitive.Trigger\n                  disabled={disabled}\n                  render={\n                    <InputSlot placement=\"suffix\" asChild>\n                      <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                        <ExpandSmallIcon />\n                      </UnstyledIconButton>\n                    </InputSlot>\n                  }\n                />\n              )}\n            </InputBase>\n          }\n        />\n\n        <ComboboxPrimitive.Portal>\n          <ComboboxPrimitive.Positioner\n            side=\"bottom\"\n            sideOffset={16}\n            align=\"start\"\n            alignOffset={-47}\n          >\n            <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n              {statusText ? (\n                <ComboboxPrimitive.Status>{statusText}</ComboboxPrimitive.Status>\n              ) : null}\n              {props.items ? (\n                <ComboboxEmpty className={`${componentClassName}Empty`}>\n                  {noOptionsFoundText}\n                </ComboboxEmpty>\n              ) : null}\n              <ScrollAreaPrimitive.Root className={withGlobalPrefix('ScrollAreaRoot')} type=\"auto\">\n                <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n                  <ComboboxPrimitive.List className={`${componentClassName}List`}>\n                    {children\n                      ? children\n                      : (item: string) => (\n                          <ComboboxItem key={item} value={item}>\n                            {item}\n                          </ComboboxItem>\n                        )}\n                  </ComboboxPrimitive.List>\n                </ScrollAreaPrimitive.Viewport>\n                <ScrollAreaPrimitive.Scrollbar\n                  className={withGlobalPrefix('ScrollAreaScrollbar')}\n                  orientation=\"vertical\"\n                >\n                  <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n                </ScrollAreaPrimitive.Scrollbar>\n              </ScrollAreaPrimitive.Root>\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </FormField>\n  );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"]}