@utilitywarehouse/hearth-react 0.30.1 → 0.30.3

package/dist/chunk-52W6O5ZR.js

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

package/dist/chunk-52W6O5ZR.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';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\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, flexItemPropDefs, gridItemPropDefs);\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      data-testid={componentClassName}\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":";;wWAEA,OAAS,cAAAA,MAAkB,QAK3B,OACE,kBAAAC,EACA,kBAAAC,EACA,wBAAAC,EACA,qBAAAC,MACK,uCA4CD,cAAAC,EAGI,QAAAC,MAHJ,oBAnCN,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,EAAgBC,EAAkBC,CAAgB,EAEpEC,EAAYf,EAAMM,CAAW,EAEnC,OACEd,EAAC,OACC,IAAKO,EACL,UAAWiB,EAAGtB,EAAoBW,CAAS,EAC3C,KAAK,QACL,YAAU,YACV,cAAY,OACZ,mBAAkBC,EAClB,cAAaZ,EACZ,GAAGgB,EAEJ,UAAAnB,EAACwB,EAAA,CAAU,cAAY,OAAO,EAC9BvB,EAAC,OAAI,UAAW,GAAGE,CAAkB,UAClC,UAAAe,GAASD,EACRhB,EAACyB,EAAA,CAAK,UAAU,SACb,UAAAR,EACClB,EAAC2B,EAAA,CAAS,GAAG,OAAO,KAAK,KAAK,OAAO,WAClC,SAAAT,EACH,EACE,KACHD,EAAOjB,EAAC2B,EAAA,CAAS,GAAG,MAAO,SAAAV,EAAK,EAAc,MACjD,EACE,KACHJ,GACH,EACCG,EACChB,EAAC4B,EAAA,CACC,QAASZ,EACT,UAAW,GAAGb,CAAkB,cAChC,MAAM,QACN,MAAM,cAEN,SAAAH,EAAC6B,EAAA,EAAe,EAClB,EACE,MACN,CAEJ,CAAC,EAEDxB,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","flexItemPropDefs","gridItemPropDefs","AlertIcon","cn","Flex","BodyText","UnstyledIconButton","CloseSmallIcon"]}

package/dist/chunk-AO6OVADW.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var l="ModalContent",r=_chunk4Q432K4Wcjs.b.call(void 0, l),c= exports.a =({className:a,children:m,...n})=>_jsxruntime.jsx.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, r,a),...n,children:_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:`${r}ScrollAreaRoot`,type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:`${r}ScrollAreaViewport`,children:m}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{orientation:"vertical"})]})});c.displayName=l;exports.a = c;
-//# sourceMappingURL=chunk-AO6OVADW.cjs.map

package/dist/chunk-BHNC2EJ2.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkCSKQDZJ7cjs = require('./chunk-CSKQDZJ7.cjs');var _chunkK3U7SF65cjs = require('./chunk-K3U7SF65.cjs');var _chunkTVVHDQIWcjs = require('./chunk-TVVHDQIW.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkJI3B3RZQcjs = require('./chunk-JI3B3RZQ.cjs');var _chunkDYPN6YUPcjs = require('./chunk-DYPN6YUP.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var v="Alert",e=_chunk4Q432K4Wcjs.b.call(void 0, v),E= exports.a =_react.forwardRef.call(void 0, (x,y)=>{let A={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:N,className:P,colorScheme:n="info",onClose:m,text:t,title:r,...g}=_chunkMV7VYPO6cjs.a.call(void 0, x,_chunkHI7GZDRAcjs.a,_chunkJI3B3RZQcjs.a,_chunkDYPN6YUPcjs.a),h=A[n];return _jsxruntime.jsxs.call(void 0, "div",{ref:y,className:_chunkONNSZMWFcjs.a.call(void 0, e,P),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorscheme":n,"data-testid":e,...g,children:[_jsxruntime.jsx.call(void 0, h,{"aria-hidden":"true"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${e}Content`,children:[r||t?_jsxruntime.jsxs.call(void 0, _chunkK3U7SF65cjs.a,{direction:"column",children:[r?_jsxruntime.jsx.call(void 0, _chunkTVVHDQIWcjs.a,{as:"span",size:"md",weight:"semibold",children:r}):null,t?_jsxruntime.jsx.call(void 0, _chunkTVVHDQIWcjs.a,{as:"div",children:t}):null]}):null,N]}),m?_jsxruntime.jsx.call(void 0, _chunkCSKQDZJ7cjs.a,{onClick:m,className:`${e}CloseButton`,title:"Close",label:"Close alert",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})}):null]})});E.displayName=v;exports.a = E;
-//# sourceMappingURL=chunk-BHNC2EJ2.cjs.map

package/dist/chunk-BHNC2EJ2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-BHNC2EJ2.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","flexItemPropDefs","gridItemPropDefs","AlertIcon","jsxs","cn","jsx"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCArV,wEAUpB,+CA4CD,IAnCAA,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,mBAAAA,CAAgBC,mBAAAA,CAAkBC,mBAAgB,CAAA,CAEpEC,CAAAA,CAAYf,CAAAA,CAAMM,CAAW,CAAA,CAEnC,OACEU,8BAAAA,KAAC,CAAA,CACC,GAAA,CAAKjB,CAAAA,CACL,SAAA,CAAWkB,iCAAAA,CAAGvB,CAAoBW,CAAS,CAAA,CAC3C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CAClB,aAAA,CAAaZ,CAAAA,CACZ,GAAGgB,CAAAA,CAEJ,QAAA,CAAA,CAAAQ,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-BHNC2EJ2.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';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\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, flexItemPropDefs, gridItemPropDefs);\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      data-testid={componentClassName}\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-GKCIUWL4.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as n}from"./chunk-IPB4DP4B.js";import{a as l}from"./chunk-EMSTAFTP.js";import{a}from"./chunk-3UW4VBYZ.js";import{a as i}from"./chunk-RH5FXMPM.js";import{a as p}from"./chunk-ZLYH3KFV.js";import{a as m}from"./chunk-AQQUAVLF.js";import{a as t}from"./chunk-UWZUYMW4.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as N}from"react";import{ToggleGroup as x}from"radix-ui";import{TickSmallIcon as D}from"@utilitywarehouse/hearth-react-icons";import{jsx as R,jsxs as s}from"react/jsx-runtime";var f="ToggleButtonCard",o=e(f),I=N((d,g)=>{let{className:c,style:b,children:C,label:u,"aria-label":y,"aria-labelledby":T,"aria-describedby":P,...B}=t(d,a,l,m,p,i);return s(n,{direction:"column",className:r(o,c),"data-testid":o,style:b,children:[C,s(x.Item,{ref:g,...B,className:`${o}Item`,"aria-label":y,"aria-labelledby":T,"aria-describedby":P,children:[R(D,{}),u]})]})});I.displayName=f;export{I as a};
-//# sourceMappingURL=chunk-GKCIUWL4.js.map

package/dist/chunk-GKCIUWL4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ToggleButtonCard/ToggleButtonCard.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ToggleButtonCardProps } from './ToggleButtonCard.props';\nimport { Card } from '../Card/Card';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { flexPropDefs } from '../Flex/Flex.props';\nimport { alignItemsPropDefs } from '../../props/align-items.props';\nimport { alignContentPropDefs } from '../../props/align-content.props';\nimport { justifyContentPropDefs } from '../../props/justify-content.props';\n\nconst COMPONENT_NAME = 'ToggleButtonCard';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleButtonCardElement = ComponentRef<'button'>;\n\nexport const ToggleButtonCard = forwardRef<ToggleButtonCardElement, ToggleButtonCardProps>(\n  (props, ref) => {\n    const {\n      className,\n      style,\n      children,\n      label,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...toggleButtonCardProps\n    } = extractProps(\n      props,\n      flexItemPropDefs,\n      flexPropDefs,\n      alignItemsPropDefs,\n      alignContentPropDefs,\n      justifyContentPropDefs\n    );\n    return (\n      <Card\n        direction=\"column\"\n        className={cn(componentClassName, className)}\n        data-testid={componentClassName}\n        style={style}\n      >\n        {children}\n        <RadixToggleGroup.Item\n          ref={ref}\n          {...toggleButtonCardProps}\n          className={`${componentClassName}Item`}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n        >\n          <TickSmallIcon />\n          {label}\n        </RadixToggleGroup.Item>\n      </Card>\n    );\n  }\n);\n\nToggleButtonCard.displayName = COMPONENT_NAME;\n"],"mappings":";;mWAEA,OAAS,cAAAA,MAAkB,QAE3B,OAAS,eAAeC,MAAwB,WAKhD,OAAS,iBAAAC,MAAqB,uCAwCtB,OAQE,OAAAC,EARF,QAAAC,MAAA,oBAhCR,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAmBC,EAC9B,CAACC,EAAOC,IAAQ,CACd,GAAM,CACJ,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EACFV,EACAW,EACAC,EACAC,EACAC,EACAC,CACF,EACA,OACErB,EAACsB,EAAA,CACC,UAAU,SACV,UAAWC,EAAGrB,EAAoBM,CAAS,EAC3C,cAAaN,EACb,MAAOO,EAEN,UAAAC,EACDV,EAACwB,EAAiB,KAAjB,CACC,IAAKjB,EACJ,GAAGQ,EACJ,UAAW,GAAGb,CAAkB,OAChC,aAAYU,EACZ,kBAAiBC,EACjB,mBAAkBC,EAElB,UAAAf,EAAC0B,EAAA,EAAc,EACdd,GACH,GACF,CAEJ,CACF,EAEAP,EAAiB,YAAcH","names":["forwardRef","RadixToggleGroup","TickSmallIcon","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleButtonCard","forwardRef","props","ref","className","style","children","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","toggleButtonCardProps","extractProps","flexItemPropDefs","flexPropDefs","alignItemsPropDefs","alignContentPropDefs","justifyContentPropDefs","Card","cn","RadixToggleGroup","TickSmallIcon"]}

package/dist/chunk-HNZATVJR.js

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

package/dist/chunk-HNZATVJR.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    const hasDescription = Boolean(\n      loading ? (loadingText || loadingHeading) && loadingDescription : description\n    );\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                data-testid={componentClassName}\n                {...(hasDescription ? {} : { 'aria-describedby': 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,QAwDP,cAAAC,EASE,QAAAC,MATF,oBArDpB,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,EACxBgB,EAAiB,GACrBT,GAAWC,GAAeC,IAAmBC,EAAqBN,GAGpE,OACEX,EAACwB,EAAgB,OAAhB,CAAwB,GAAGH,EAC1B,SAAArB,EAACwB,EAAgB,QAAhB,CAAwB,UAAWpB,EAAiB,SAAS,EAC5D,SAAAJ,EAAC,OAAI,UAAW,GAAGG,CAAkB,SACnC,SAAAH,EAAC,OAAI,UAAW,GAAGG,CAAkB,gBACnC,SAAAF,EAACuB,EAAgB,QAAhB,CACC,IAAKJ,EACL,UAAWK,EAAGtB,EAAoBG,CAAS,EAC3C,sBAAqBgB,EAAgB,GAAK,OAC1C,yBAAwBV,EAAkB,GAAK,OAC/C,mBAAkBC,EAAa,GAAK,OACpC,cAAaV,EACZ,GAAIoB,EAAiB,CAAC,EAAI,CAAE,mBAAoB,MAAU,EAC1D,GAAGJ,EAEJ,UAAAnB,EAAC0B,EAAA,CACC,SAAA1B,EAAC2B,EAAA,CACC,KAAK,SACL,MAAM,QACN,uBAAsBf,EAAkB,GAAK,OAC7C,UAAW,GAAGT,CAAkB,kBAEhC,SAAAH,EAAC4B,EAAA,EAAgB,EACnB,EACF,EACA3B,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,EAAC6B,EAAA,CAAI,QAAO,GACV,SAAA7B,EAACwB,EAAgB,MAAhB,CAAsB,QAAO,GAC5B,SAAAxB,EAAC8B,EAAA,CAAQ,KAAK,KAAK,KAAK,OACrB,SAAApB,EACH,EACF,EACF,EACCC,EACCX,EAACwB,EAAgB,YAAhB,CAA4B,QAAO,GAClC,SAAAxB,EAAC+B,EAAA,CAAS,KAAK,KAAK,GAAG,OACpB,SAAApB,EACH,EACF,EACE,MACN,GACF,EAGDG,EACCb,EAAC+B,EAAA,CACC,UAAU,SACV,IAAI,MACJ,WAAW,SACX,SAAS,MACT,MAAM,OAEN,UAAAhC,EAACiC,EAAA,CAAQ,KAAK,KAAK,EACnBhC,EAAC,OAAI,UAAW,GAAGE,CAAkB,gBACnC,UAAAH,EAAC6B,EAAA,CAAI,QAAO,GACV,SAAA7B,EAACwB,EAAgB,MAAhB,CAAsB,QAAO,GAC5B,SAAAxB,EAAC8B,EAAA,CAAQ,KAAK,KAAK,UAAU,SAAS,KAAK,OACxC,SAAAd,GAAkBD,GAAe,UACpC,EACF,EACF,GACEA,GAAeC,IAAmBC,EAClCjB,EAACwB,EAAgB,YAAhB,CAA4B,QAAO,GAClC,SAAAxB,EAAC+B,EAAA,CAAS,KAAK,KAAK,GAAG,OAAO,UAAU,SACrC,SAAAd,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","hasDescription","DialogPrimitive","cn","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText","Flex","Spinner"]}

package/dist/chunk-JPH4HCSL.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as e}from"./chunk-J3AJBV4B.js";import{b as i}from"./chunk-PDEVCIQ3.js";import{ScrollArea as o}from"radix-ui";import{jsx as t,jsxs as p}from"react/jsx-runtime";var l="ModalContent",r=i(l),c=({className:a,children:m,...n})=>t("div",{className:e(r,a),...n,children:p(o.Root,{className:`${r}ScrollAreaRoot`,type:"auto",children:[t(o.Viewport,{className:`${r}ScrollAreaViewport`,children:m}),t(o.Scrollbar,{orientation:"vertical"})]})});c.displayName=l;export{c as a};
-//# sourceMappingURL=chunk-JPH4HCSL.js.map

package/dist/chunk-JPH4HCSL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/ModalContent.tsx"],"sourcesContent":["import { ComponentPropsWithRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nconst COMPONENT_NAME = 'ModalContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ModalContent = ({ className, children, ...props }: ComponentPropsWithRef<'div'>) => {\n  return (\n    <div className={cn(componentClassName, className)} {...props}>\n      <ScrollAreaPrimitive.Root className={`${componentClassName}ScrollAreaRoot`} type=\"auto\">\n        <ScrollAreaPrimitive.Viewport className={`${componentClassName}ScrollAreaViewport`}>\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaPrimitive.Scrollbar orientation=\"vertical\" />\n      </ScrollAreaPrimitive.Root>\n    </div>\n  );\n};\n\nModalContent.displayName = COMPONENT_NAME;\n"],"mappings":";;gFAGA,OAAS,cAAcA,MAA2B,WAQ5C,OACE,OAAAC,EADF,QAAAC,MAAA,oBANN,IAAMC,EAAiB,eACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAe,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,IAEzDR,EAAC,OAAI,UAAWS,EAAGN,EAAoBG,CAAS,EAAI,GAAGE,EACrD,SAAAP,EAACF,EAAoB,KAApB,CAAyB,UAAW,GAAGI,CAAkB,iBAAkB,KAAK,OAC/E,UAAAH,EAACD,EAAoB,SAApB,CAA6B,UAAW,GAAGI,CAAkB,qBAC3D,SAAAI,EACH,EACAP,EAACD,EAAoB,UAApB,CAA8B,YAAY,WAAW,GACxD,EACF,EAIJM,EAAa,YAAcH","names":["ScrollAreaPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","ModalContent","className","children","props","cn"]}

package/dist/chunk-UQQDP4AB.js

@@ -1,4 +0,0 @@
-"use client";
-
-var o=["sm","md","lg"],e=["regular","semibold","bold"],s={size:{className:"size",tokens:o,responsive:!0,default:"md"},weight:{className:"fw",tokens:e,responsive:!0},paragraphSpacing:{className:"paragraph-spacing",responsive:!1}};export{s as a};
-//# sourceMappingURL=chunk-UQQDP4AB.js.map

package/dist/chunk-UQQDP4AB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/BodyText/BodyText.props.ts"],"sourcesContent":["import { ComponentPropsWithRef } from 'react';\nimport { ColorProps } from '../../props/color.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\nimport type { Responsive } from '../../types/responsive';\n\nconst sizes = ['sm', 'md', 'lg'] as const;\nconst weights = ['regular', 'semibold', 'bold'] as const;\n\nexport const bodyTextPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n  weight: { className: 'fw', tokens: weights, responsive: true },\n  paragraphSpacing: { className: 'paragraph-spacing', responsive: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  weight: PropDef<(typeof weights)[number]>;\n  paragraphSpacing: PropDef<boolean>;\n};\n\nexport interface CommonBodyTextProps\n  extends ColorProps, TextAlignProps, TextTransformProps, TextWrapProps, MarginProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * Cannot be used in combination with `asChild`.\n   * @default p\n   */\n  as?: 'p' | 'div' | 'span' | 'label';\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n  /**\n   * Set the text size styles.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Set the font-weight\n   * @default regular\n   */\n  weight?: Responsive<(typeof weights)[number]>;\n  /**\n   * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   * Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).\n   */\n  truncate?: boolean | undefined;\n  /**\n   * If true, the text will have a bottom margin.\n   */\n  paragraphSpacing?: boolean;\n}\ntype BodyTextDivProps = { as?: 'div' } & ComponentPropsWithRef<'div'>;\ntype BodyTextSpanProps = { as?: 'span' } & ComponentPropsWithRef<'span'>;\ntype BodyTextPProps = { as?: 'p' } & ComponentPropsWithRef<'p'>;\ntype BodyTextLabelProps = { as?: 'label' } & ComponentPropsWithRef<'label'>;\nexport type BodyTextProps = CommonBodyTextProps &\n  (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps | BodyTextLabelProps);\n"],"mappings":";;AASA,IAAMA,EAAQ,CAAC,KAAM,KAAM,IAAI,EACzBC,EAAU,CAAC,UAAW,WAAY,MAAM,EAEjCC,EAAmB,CAC9B,KAAM,CAAE,UAAW,OAAQ,OAAQF,EAAO,WAAY,GAAM,QAAS,IAAK,EAC1E,OAAQ,CAAE,UAAW,KAAM,OAAQC,EAAS,WAAY,EAAK,EAC7D,iBAAkB,CAAE,UAAW,oBAAqB,WAAY,EAAM,CACxE","names":["sizes","weights","bodyTextPropDefs"]}

package/dist/chunk-WLF7IHWP.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var o=["sm","md","lg"],e=["regular","semibold","bold"],s= exports.a ={size:{className:"size",tokens:o,responsive:!0,default:"md"},weight:{className:"fw",tokens:e,responsive:!0},paragraphSpacing:{className:"paragraph-spacing",responsive:!1}};exports.a = s;
-//# sourceMappingURL=chunk-WLF7IHWP.cjs.map

package/dist/chunk-WLF7IHWP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WLF7IHWP.cjs","../src/components/BodyText/BodyText.props.ts"],"names":["sizes","weights","bodyTextPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACQA,IAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CACzBC,CAAAA,CAAU,CAAC,SAAA,CAAW,UAAA,CAAY,MAAM,CAAA,CAEjCC,CAAAA,aAAmB,CAC9B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQF,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAAA,CAC1E,MAAA,CAAQ,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQC,CAAAA,CAAS,UAAA,CAAY,CAAA,CAAK,CAAA,CAC7D,gBAAA,CAAkB,CAAE,SAAA,CAAW,mBAAA,CAAqB,UAAA,CAAY,CAAA,CAAM,CACxE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WLF7IHWP.cjs","sourcesContent":[null,"import { ComponentPropsWithRef } from 'react';\nimport { ColorProps } from '../../props/color.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\nimport type { Responsive } from '../../types/responsive';\n\nconst sizes = ['sm', 'md', 'lg'] as const;\nconst weights = ['regular', 'semibold', 'bold'] as const;\n\nexport const bodyTextPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n  weight: { className: 'fw', tokens: weights, responsive: true },\n  paragraphSpacing: { className: 'paragraph-spacing', responsive: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  weight: PropDef<(typeof weights)[number]>;\n  paragraphSpacing: PropDef<boolean>;\n};\n\nexport interface CommonBodyTextProps\n  extends ColorProps, TextAlignProps, TextTransformProps, TextWrapProps, MarginProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * Cannot be used in combination with `asChild`.\n   * @default p\n   */\n  as?: 'p' | 'div' | 'span' | 'label';\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n  /**\n   * Set the text size styles.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Set the font-weight\n   * @default regular\n   */\n  weight?: Responsive<(typeof weights)[number]>;\n  /**\n   * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   * Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).\n   */\n  truncate?: boolean | undefined;\n  /**\n   * If true, the text will have a bottom margin.\n   */\n  paragraphSpacing?: boolean;\n}\ntype BodyTextDivProps = { as?: 'div' } & ComponentPropsWithRef<'div'>;\ntype BodyTextSpanProps = { as?: 'span' } & ComponentPropsWithRef<'span'>;\ntype BodyTextPProps = { as?: 'p' } & ComponentPropsWithRef<'p'>;\ntype BodyTextLabelProps = { as?: 'label' } & ComponentPropsWithRef<'label'>;\nexport type BodyTextProps = CommonBodyTextProps &\n  (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps | BodyTextLabelProps);\n"]}

package/dist/chunk-YJI4QV6Q.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkOZ34MH4Dcjs = require('./chunk-OZ34MH4D.cjs');var _chunkJS6RPUT5cjs = require('./chunk-JS6RPUT5.cjs');var _chunkJI3B3RZQcjs = require('./chunk-JI3B3RZQ.cjs');var _chunkKO262ZYVcjs = require('./chunk-KO262ZYV.cjs');var _chunkM4J4J2PDcjs = require('./chunk-M4J4J2PD.cjs');var _chunkQYZWAV35cjs = require('./chunk-QYZWAV35.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var f="ToggleButtonCard",o=_chunk4Q432K4Wcjs.b.call(void 0, f),I= exports.a =_react.forwardRef.call(void 0, (d,g)=>{let{className:c,style:b,children:C,label:u,"aria-label":y,"aria-labelledby":T,"aria-describedby":P,...B}=_chunkMV7VYPO6cjs.a.call(void 0, d,_chunkJI3B3RZQcjs.a,_chunkJS6RPUT5cjs.a,_chunkQYZWAV35cjs.a,_chunkM4J4J2PDcjs.a,_chunkKO262ZYVcjs.a);return _jsxruntime.jsxs.call(void 0, _chunkOZ34MH4Dcjs.a,{direction:"column",className:_chunkONNSZMWFcjs.a.call(void 0, o,c),"data-testid":o,style:b,children:[C,_jsxruntime.jsxs.call(void 0, _radixui.ToggleGroup.Item,{ref:g,...B,className:`${o}Item`,"aria-label":y,"aria-labelledby":T,"aria-describedby":P,children:[_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{}),u]})]})});I.displayName=f;exports.a = I;
-//# sourceMappingURL=chunk-YJI4QV6Q.cjs.map

package/dist/chunk-YJI4QV6Q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YJI4QV6Q.cjs","../src/components/ToggleButtonCard/ToggleButtonCard.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleButtonCard","forwardRef","props","ref","className","style","children","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","toggleButtonCardProps","extractProps","flexItemPropDefs","flexPropDefs","alignItemsPropDefs","alignContentPropDefs","justifyContentPropDefs","jsxs","Card","cn","RadixToggleGroup"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAhV,mCAEqB,wEAKlB,+CAwCtB,IAhCFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAmBC,+BAAAA,CAC7BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAcC,CAAAA,CACd,iBAAA,CAAmBC,CAAAA,CACnB,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFV,CACAW,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CACA,OACEC,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAU,QAAA,CACV,SAAA,CAAWC,iCAAAA,CAAGtB,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACb,KAAA,CAAOO,CAAAA,CAEN,QAAA,CAAA,CAAAC,CAAAA,CACDY,8BAAAA,oBAACG,CAAiB,IAAA,CAAjB,CACC,GAAA,CAAKlB,CAAAA,CACJ,GAAGQ,CAAAA,CACJ,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YJI4QV6Q.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ToggleButtonCardProps } from './ToggleButtonCard.props';\nimport { Card } from '../Card/Card';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { flexPropDefs } from '../Flex/Flex.props';\nimport { alignItemsPropDefs } from '../../props/align-items.props';\nimport { alignContentPropDefs } from '../../props/align-content.props';\nimport { justifyContentPropDefs } from '../../props/justify-content.props';\n\nconst COMPONENT_NAME = 'ToggleButtonCard';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleButtonCardElement = ComponentRef<'button'>;\n\nexport const ToggleButtonCard = forwardRef<ToggleButtonCardElement, ToggleButtonCardProps>(\n  (props, ref) => {\n    const {\n      className,\n      style,\n      children,\n      label,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      ...toggleButtonCardProps\n    } = extractProps(\n      props,\n      flexItemPropDefs,\n      flexPropDefs,\n      alignItemsPropDefs,\n      alignContentPropDefs,\n      justifyContentPropDefs\n    );\n    return (\n      <Card\n        direction=\"column\"\n        className={cn(componentClassName, className)}\n        data-testid={componentClassName}\n        style={style}\n      >\n        {children}\n        <RadixToggleGroup.Item\n          ref={ref}\n          {...toggleButtonCardProps}\n          className={`${componentClassName}Item`}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n        >\n          <TickSmallIcon />\n          {label}\n        </RadixToggleGroup.Item>\n      </Card>\n    );\n  }\n);\n\nToggleButtonCard.displayName = COMPONENT_NAME;\n"]}