@utilitywarehouse/hearth-react 0.16.0 → 0.16.1

package/dist/{chunk-F2BI6F2N.cjs → chunk-2R4XZUX3.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkU44NFEY3cjs = require('./chunk-U44NFEY3.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var i="Container",m=_chunk5AK4QM2Gcjs.b.call(void 0, i),A= exports.a =e.forwardRef(({className:a,spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,children:E,align:R="center",asChild:t,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v,...w},M)=>{let O={spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v},S=t?_radixui.Slot.Root:"div";return e.createElement(_chunkM7VXK2URcjs.a,{ref:M,className:_clsx2.default.call(void 0, m,a),...w,justifyContent:R,asChild:!0},e.createElement(S,null,_chunkU44NFEY3cjs.a.call(void 0, {asChild:t,children:E},g=>e.createElement(_chunkM7VXK2URcjs.a,{className:`${m}Inner`,...O},g))))});A.displayName=i;exports.a = A;
-//# sourceMappingURL=chunk-F2BI6F2N.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var i="Container",m=_chunk5AK4QM2Gcjs.b.call(void 0, i),A= exports.a =e.forwardRef(({className:a,spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,children:E,align:R="center",asChild:t,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v,...w},M)=>{let O={spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v},S=t?_radixui.Slot.Root:"div";return e.createElement(_chunkM7VXK2URcjs.a,{ref:M,className:_clsx2.default.call(void 0, m,a),...w,justifyContent:R,asChild:!0},e.createElement(S,null,_chunkMBS63LK7cjs.a.call(void 0, {asChild:t,children:E},g=>e.createElement(_chunkM7VXK2URcjs.a,{className:`${m}Inner`,...O},g))))});A.displayName=i;exports.a = A;
+//# sourceMappingURL=chunk-2R4XZUX3.cjs.map

package/dist/{chunk-F2BI6F2N.cjs.map → chunk-2R4XZUX3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-F2BI6F2N.cjs","../src/components/Container/Container.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Container","className","spacing","direction","alignItems","alignContent","justifyContent","wrap","gap","maxWidth","children","align","asChild","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingInline","paddingBlock","props","ref","innerProps","Component","Slot","Flex","clsx","getSubtree"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,uECAnG,wEACN,mCAKI,IAGfA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkB,CAAA,CAAA,UAAA,CAC7B,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CACR,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAa,CACjB,OAAA,CAAApB,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAI,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CACF,CAAA,CACMI,CAAAA,CAAYX,CAAAA,CAAUY,aAAAA,CAAK,IAAA,CAAO,KAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKJ,CAAAA,CACL,SAAA,CAAWK,4BAAAA,CAAK5B,CAAoBG,CAAS,CAAA,CAC5C,GAAGmB,CAAAA,CACJ,cAAA,CAAgBT,CAAAA,CAChB,OAAA,CAAO,CAAA,CAAA,CAAA,CAEP,CAAA,CAAA,aAAA,CAACY,CAAAA,CAAA,IAAA,CACEI,iCAAAA,CAAa,OAAA,CAAAf,CAAAA,CAAS,QAAA,CAAAF,CAAS,CAAA,CAAGA,CAAAA,EACjC,CAAA,CAAA,aAAA,CAACe,mBAAAA,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-F2BI6F2N.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ContainerProps } from './Container.props';\nimport { Flex } from '../Flex/Flex';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Container';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ContainerElement = ElementRef<'div'>;\n\nexport const Container = React.forwardRef<ContainerElement, ContainerProps>(\n  (\n    {\n      className,\n      spacing,\n      direction,\n      alignItems,\n      alignContent,\n      justifyContent,\n      wrap,\n      gap,\n      maxWidth,\n      children,\n      align = 'center',\n      asChild,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingInline,\n      paddingBlock,\n      ...props\n    },\n    ref\n  ) => {\n    const innerProps = {\n      spacing,\n      direction,\n      alignItems,\n      alignContent,\n      justifyContent,\n      wrap,\n      gap,\n      maxWidth,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingInline,\n      paddingBlock,\n    };\n    const Component = asChild ? Slot.Root : 'div';\n\n    return (\n      <Flex\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...props}\n        justifyContent={align}\n        asChild\n      >\n        <Component>\n          {getSubtree({ asChild, children }, children => (\n            <Flex className={`${componentClassName}Inner`} {...innerProps}>\n              {children}\n            </Flex>\n          ))}\n        </Component>\n      </Flex>\n    );\n  }\n);\n\nContainer.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2R4XZUX3.cjs","../src/components/Container/Container.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Container","className","spacing","direction","alignItems","alignContent","justifyContent","wrap","gap","maxWidth","children","align","asChild","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingInline","paddingBlock","props","ref","innerProps","Component","Slot","Flex","clsx","getSubtree"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,uECAnG,wEACN,mCAKI,IAGfA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkB,CAAA,CAAA,UAAA,CAC7B,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CACR,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAa,CACjB,OAAA,CAAApB,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAI,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CACF,CAAA,CACMI,CAAAA,CAAYX,CAAAA,CAAUY,aAAAA,CAAK,IAAA,CAAO,KAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKJ,CAAAA,CACL,SAAA,CAAWK,4BAAAA,CAAK5B,CAAoBG,CAAS,CAAA,CAC5C,GAAGmB,CAAAA,CACJ,cAAA,CAAgBT,CAAAA,CAChB,OAAA,CAAO,CAAA,CAAA,CAAA,CAEP,CAAA,CAAA,aAAA,CAACY,CAAAA,CAAA,IAAA,CACEI,iCAAAA,CAAa,OAAA,CAAAf,CAAAA,CAAS,QAAA,CAAAF,CAAS,CAAA,CAAGA,CAAAA,EACjC,CAAA,CAAA,aAAA,CAACe,mBAAAA,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2R4XZUX3.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ContainerProps } from './Container.props';\nimport { Flex } from '../Flex/Flex';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Container';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ContainerElement = ElementRef<'div'>;\n\nexport const Container = React.forwardRef<ContainerElement, ContainerProps>(\n  (\n    {\n      className,\n      spacing,\n      direction,\n      alignItems,\n      alignContent,\n      justifyContent,\n      wrap,\n      gap,\n      maxWidth,\n      children,\n      align = 'center',\n      asChild,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingInline,\n      paddingBlock,\n      ...props\n    },\n    ref\n  ) => {\n    const innerProps = {\n      spacing,\n      direction,\n      alignItems,\n      alignContent,\n      justifyContent,\n      wrap,\n      gap,\n      maxWidth,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingInline,\n      paddingBlock,\n    };\n    const Component = asChild ? Slot.Root : 'div';\n\n    return (\n      <Flex\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...props}\n        justifyContent={align}\n        asChild\n      >\n        <Component>\n          {getSubtree({ asChild, children }, children => (\n            <Flex className={`${componentClassName}Inner`} {...innerProps}>\n              {children}\n            </Flex>\n          ))}\n        </Component>\n      </Flex>\n    );\n  }\n);\n\nContainer.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-VFTN426I.cjs → chunk-424EZSDV.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkHGGW3KPNcjs = require('./chunk-HGGW3KPN.cjs');var _chunkS5AHVYPDcjs = require('./chunk-S5AHVYPD.cjs');var _chunkSNOFZS77cjs = require('./chunk-SNOFZS77.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var p="PasswordInput",x=_chunk5AK4QM2Gcjs.b.call(void 0, p),M= exports.a =_react2.default.forwardRef(({className:d,disabled:r,...c},b)=>{let y=_react2.default.useRef(null),s=b||y,[o,w]=_react2.default.useState(!1),[n,l]=_react2.default.useState(!1),I=_react2.default.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);_react2.default.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{_optionalChain([e, 'optionalAccess', _ => _.type])&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{_optionalChain([e, 'optionalAccess', _2 => _2.form])&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return _react2.default.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(_chunkHGGW3KPNcjs.a,{ref:s,className:_clsx2.default.call(void 0, x,d),type:o?"text":"password",disabled:r,...c},_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkSNOFZS77cjs.a,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?_react2.default.createElement(_hearthreacticons.EyeSmallIcon,null):_react2.default.createElement(_hearthreacticons.EyeOffSmallIcon,null)))),_react2.default.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});M.displayName=p;exports.a = M;
-//# sourceMappingURL=chunk-VFTN426I.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkHGGW3KPNcjs = require('./chunk-HGGW3KPN.cjs');var _chunkS5AHVYPDcjs = require('./chunk-S5AHVYPD.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var p="PasswordInput",x=_chunk5AK4QM2Gcjs.b.call(void 0, p),M= exports.a =_react2.default.forwardRef(({className:d,disabled:r,...c},b)=>{let y=_react2.default.useRef(null),s=b||y,[o,w]=_react2.default.useState(!1),[n,l]=_react2.default.useState(!1),I=_react2.default.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);_react2.default.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{_optionalChain([e, 'optionalAccess', _ => _.type])&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{_optionalChain([e, 'optionalAccess', _2 => _2.form])&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return _react2.default.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(_chunkHGGW3KPNcjs.a,{ref:s,className:_clsx2.default.call(void 0, x,d),type:o?"text":"password",disabled:r,...c},_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkK35PGLA6cjs.a,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?_react2.default.createElement(_hearthreacticons.EyeSmallIcon,null):_react2.default.createElement(_hearthreacticons.EyeOffSmallIcon,null)))),_react2.default.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});M.displayName=p;exports.a = M;
+//# sourceMappingURL=chunk-424EZSDV.cjs.map

package/dist/{chunk-VFTN426I.cjs.map → chunk-424EZSDV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VFTN426I.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VFTN426I.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n  ({ className, disabled, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n    const [visible, setVisible] = React.useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n    const handleVisibility = React.useCallback(() => {\n      const newVisibilityState = !visible;\n      const newVisibilityMessageState = !showVisibilityMessage;\n      setVisible(newVisibilityState);\n      setShowVisibilityMessage(newVisibilityMessageState);\n    }, [visible, showVisibilityMessage]);\n\n    // If the PasswordInput is inside a form we should switch the input type\n    // back to password when its parent form is submitted\n    React.useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = inputRef as React.RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n        }\n      };\n\n      if (currentElement && currentElement.form !== null) {\n        currentElement.form.addEventListener('submit', handleSubmit);\n      }\n      return () => {\n        if (currentElement?.form) {\n          currentElement.form.removeEventListener('submit', handleSubmit);\n        }\n      };\n    }, [inputRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    React.useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={clsx(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          {...props}\n        >\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"toggle password visibility\"\n              onClick={handleVisibility}\n              disabled={disabled}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n            </UnstyledIconButton>\n          </TextInputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-424EZSDV.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-424EZSDV.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n  ({ className, disabled, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n    const [visible, setVisible] = React.useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n    const handleVisibility = React.useCallback(() => {\n      const newVisibilityState = !visible;\n      const newVisibilityMessageState = !showVisibilityMessage;\n      setVisible(newVisibilityState);\n      setShowVisibilityMessage(newVisibilityMessageState);\n    }, [visible, showVisibilityMessage]);\n\n    // If the PasswordInput is inside a form we should switch the input type\n    // back to password when its parent form is submitted\n    React.useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = inputRef as React.RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n        }\n      };\n\n      if (currentElement && currentElement.form !== null) {\n        currentElement.form.addEventListener('submit', handleSubmit);\n      }\n      return () => {\n        if (currentElement?.form) {\n          currentElement.form.removeEventListener('submit', handleSubmit);\n        }\n      };\n    }, [inputRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    React.useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={clsx(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          {...props}\n        >\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"toggle password visibility\"\n              onClick={handleVisibility}\n              disabled={disabled}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n            </UnstyledIconButton>\n          </TextInputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-33EHBNRY.js → chunk-7EGRDXEG.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-SX25PHVU.js";import{a as d}from"./chunk-OSYFJRSS.js";import{a as o}from"./chunk-Z2BHNG73.js";import{a as s}from"./chunk-HZKPLNEZ.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as a}from"./chunk-JTQWB7E2.js";import*as e from"react";import g from"clsx";import{CloseSmallIcon as h,InfoMediumIcon as I,TickCircleMediumIcon as E,WarningMediumIcon as p}from"@utilitywarehouse/hearth-react-icons";var f="Alert",t=a(f),P=e.forwardRef((u,x)=>{let y={info:I,positive:E,warning:p,danger:p},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=m(u,s),N=y[r];return e.createElement("div",{ref:x,className:g(t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(c,{direction:"column"},n?e.createElement(o,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(o,{as:"div"},l):null),C),i?e.createElement(d,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(h,null)):null)});P.displayName=f;export{P as a};
-//# sourceMappingURL=chunk-33EHBNRY.js.map
+import{a as c}from"./chunk-SX25PHVU.js";import{a as d}from"./chunk-FCNGZ4M7.js";import{a as o}from"./chunk-Z2BHNG73.js";import{a as s}from"./chunk-HZKPLNEZ.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as a}from"./chunk-JTQWB7E2.js";import*as e from"react";import g from"clsx";import{CloseSmallIcon as h,InfoMediumIcon as I,TickCircleMediumIcon as E,WarningMediumIcon as p}from"@utilitywarehouse/hearth-react-icons";var f="Alert",t=a(f),P=e.forwardRef((u,x)=>{let y={info:I,positive:E,warning:p,danger:p},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=m(u,s),N=y[r];return e.createElement("div",{ref:x,className:g(t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(c,{direction:"column"},n?e.createElement(o,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(o,{as:"div"},l):null),C),i?e.createElement(d,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(h,null)):null)});P.displayName=f;export{P as a};
+//# sourceMappingURL=chunk-7EGRDXEG.js.map

package/dist/{chunk-PLVHBGPL.js → chunk-AHTIZRCQ.js}

@@ -1,2 +1,2 @@
 import*as c from"react";function r(d,e){let{asChild:i,children:t}=d;if(!i)return typeof e=="function"?e(t):e;let a=c.Children.only(t);return c.cloneElement(a,{children:typeof e=="function"?e(a.props.children):e})}export{r as a};
-//# sourceMappingURL=chunk-PLVHBGPL.js.map
+//# sourceMappingURL=chunk-AHTIZRCQ.js.map

package/dist/{chunk-PLVHBGPL.js.map → chunk-AHTIZRCQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/helpers/get-subtree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement<{\n    children?: React.ReactNode;\n  }>;\n  return React.cloneElement(firstChild, {\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],"mappings":"AAGA,UAAYA,MAAW,QAShB,SAASC,EACdC,EACAC,EACA,CACA,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,IAAMG,EAAmB,WAAS,KAAKD,CAAQ,EAG/C,OAAa,eAAaC,EAAY,CACpC,SAAU,OAAOH,GAAY,WAAaA,EAAQG,EAAW,MAAM,QAAQ,EAAIH,CACjF,CAAC,CACH","names":["React","getSubtree","options","content","asChild","children","firstChild"]}
+{"version":3,"sources":["../src/helpers/get-subtree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement<{\n    children?: React.ReactNode;\n  }>;\n\n  return React.cloneElement(firstChild, {\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],"mappings":"AAGA,UAAYA,MAAW,QAShB,SAASC,EACdC,EACAC,EACA,CACA,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,IAAMG,EAAmB,WAAS,KAAKD,CAAQ,EAI/C,OAAa,eAAaC,EAAY,CACpC,SAAU,OAAOH,GAAY,WAAaA,EAAQG,EAAW,MAAM,QAAQ,EAAIH,CACjF,CAAC,CACH","names":["React","getSubtree","options","content","asChild","children","firstChild"]}

package/dist/chunk-BED6CEIB.js

@@ -0,0 +1,2 @@
+import{a as u}from"./chunk-YXV3VOUH.js";import{a as f}from"./chunk-HZKPLNEZ.js";import{a as c}from"./chunk-P3SXCN4J.js";import{b as m}from"./chunk-JTQWB7E2.js";import{a as p}from"./chunk-AHTIZRCQ.js";import*as e from"react";import{Slot as h}from"radix-ui";import B from"clsx";var N="ButtonBase",b=m(N),E=e.forwardRef((a,s)=>{let{colorScheme:C,inverted:P,className:n,disabled:t,onClick:r,asChild:R,children:i,...l}=c(a,u,f),{variant:o="solid"}=a,d={"data-colorscheme":C||(o==="emphasis"||o==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return o==="emphasis"?e.createElement(h.Root,{ref:s,"aria-disabled":t||void 0,className:B(b,n),onClick:t?void 0:r,...d,...l},p({asChild:R,children:i},S=>e.createElement(e.Fragment,null,e.createElement("span",{className:"hearth-shadow"}),e.createElement("span",{className:"hearth-front"},S)))):e.createElement(h.Root,{ref:s,"aria-disabled":t||void 0,className:B(b,n),onClick:t?void 0:r,...d,...l},i)});E.displayName=N;export{E as a};
+//# sourceMappingURL=chunk-BED6CEIB.js.map

package/dist/chunk-BED6CEIB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from 'radix-ui';\nimport clsx from 'clsx';\nimport { buttonBasePropDefs, ButtonBaseProps } from './ButtonBase.props';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ElementRef<'button'>;\n\nexport const ButtonBase = React.forwardRef<ButtonBaseElement, ButtonBaseProps>((props, ref) => {\n  const {\n    colorScheme,\n    inverted,\n    className,\n    disabled,\n    onClick,\n    asChild,\n    children,\n    ...buttonBaseProps\n  } = extractProps(props, buttonBasePropDefs, marginPropDefs);\n  const { variant = 'solid' } = props;\n\n  const defaultColorScheme =\n    variant === 'emphasis' || variant === 'solid' ? 'highlight' : 'functional';\n  const dataAttributeProps = {\n    'data-colorscheme': colorScheme || defaultColorScheme,\n    'data-inverted': inverted ? '' : undefined,\n  };\n\n  // We're rendering a different component here so that we don't have to apply\n  // transitions to box-shadow, which causes re-paints on every frame, heavily\n  // impacting performance.\n  if (variant === 'emphasis') {\n    return (\n      <Slot.Root\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        className={clsx(componentClassName, className)}\n        // as we're using aria-disabled instead of disabled then we need to\n        // disable the onClick event\n        onClick={disabled ? undefined : onClick}\n        {...dataAttributeProps}\n        {...buttonBaseProps}\n      >\n        {getSubtree({ asChild, children }, children => (\n          <>\n            <span className=\"hearth-shadow\"></span>\n            <span className=\"hearth-front\">{children}</span>\n          </>\n        ))}\n      </Slot.Root>\n    );\n  }\n  return (\n    <Slot.Root\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={clsx(componentClassName, className)}\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Slot.Root>\n  );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"],"mappings":"wMAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WACrB,OAAOC,MAAU,OAQjB,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAmB,aAA+C,CAACC,EAAOC,IAAQ,CAC7F,GAAM,CACJ,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,EAAoBC,CAAc,EACpD,CAAE,QAAAC,EAAU,OAAQ,EAAIb,EAIxBc,EAAqB,CACzB,mBAAoBZ,IAFpBW,IAAY,YAAcA,IAAY,QAAU,YAAc,cAG9D,gBAAiBV,EAAW,GAAK,MACnC,EAKA,OAAIU,IAAY,WAEZ,gBAACE,EAAK,KAAL,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWW,EAAKnB,EAAoBO,CAAS,EAG7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEHQ,EAAW,CAAE,QAAAV,EAAS,SAAAC,CAAS,EAAGA,GACjC,gCACE,gBAAC,QAAK,UAAU,gBAAgB,EAChC,gBAAC,QAAK,UAAU,gBAAgBA,CAAS,CAC3C,CACD,CACH,EAIF,gBAACO,EAAK,KAAL,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWW,EAAKnB,EAAoBO,CAAS,EAC7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEHD,CACH,CAEJ,CAAC,EAEDT,EAAW,YAAcH","names":["React","Slot","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","Slot","clsx","getSubtree"]}

package/dist/{chunk-KCKNPN2T.cjs → chunk-E2ARXS7K.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5C3I4LATcjs = require('./chunk-5C3I4LAT.cjs');var _chunkLSCDI3KEcjs = require('./chunk-LSCDI3KE.cjs');var _chunkSNOFZS77cjs = require('./chunk-SNOFZS77.cjs');var _chunkKVVW3EQDcjs = require('./chunk-KVVW3EQD.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var m="Modal",D=_chunk5AK4QM2Gcjs.b.call(void 0, m),B= exports.a =a.forwardRef(({className:c,image:e,forceMount:p,container:f,heading:h,description:M,hideCloseButton:v,fullScreen:C,children:N,...g},u)=>{let x={forceMount:p,container:f},l=!!e;return a.createElement(_radixui.Dialog.Portal,{...x},a.createElement(_radixui.Dialog.Overlay,{className:"hearth-Overlay"},a.createElement("div",{className:"hearth-ModalScroll"},a.createElement("div",{className:"hearth-ModalScrollPadding"},a.createElement(_radixui.Dialog.Content,{ref:u,className:_clsx2.default.call(void 0, D,c),"data-contains-image":l?"":void 0,"data-full-screen":C?"":void 0,...g},a.createElement("div",{className:"hearth-ModalOuterContainer"},a.createElement(_chunk5C3I4LATcjs.a,null,a.createElement(_chunkSNOFZS77cjs.a,{type:"button",label:"Close","data-visually-hidden":v?"":void 0,className:"hearth-ModalCloseIconButton"},a.createElement(_hearthreacticons.CloseMediumIcon,null))),a.createElement("div",{className:"hearth-ModalInnerContainer"},l?a.createElement("div",{className:"hearth-ModalImage"},e):null,a.createElement("div",{className:"hearth-ModalHeader"},a.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0},a.createElement(_radixui.Dialog.Title,{asChild:!0},a.createElement(_chunkKVVW3EQDcjs.a,{size:"lg"},h))),a.createElement(_radixui.Dialog.Description,{asChild:!0},a.createElement(_chunkMVVX63T3cjs.a,{size:"md",as:"span"},M)))),N))))))});B.displayName=m;exports.a = B;
-//# sourceMappingURL=chunk-KCKNPN2T.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5C3I4LATcjs = require('./chunk-5C3I4LAT.cjs');var _chunkLSCDI3KEcjs = require('./chunk-LSCDI3KE.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunkKVVW3EQDcjs = require('./chunk-KVVW3EQD.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var m="Modal",D=_chunk5AK4QM2Gcjs.b.call(void 0, m),B= exports.a =a.forwardRef(({className:c,image:e,forceMount:p,container:f,heading:h,description:M,hideCloseButton:v,fullScreen:C,children:N,...g},u)=>{let x={forceMount:p,container:f},l=!!e;return a.createElement(_radixui.Dialog.Portal,{...x},a.createElement(_radixui.Dialog.Overlay,{className:"hearth-Overlay"},a.createElement("div",{className:"hearth-ModalScroll"},a.createElement("div",{className:"hearth-ModalScrollPadding"},a.createElement(_radixui.Dialog.Content,{ref:u,className:_clsx2.default.call(void 0, D,c),"data-contains-image":l?"":void 0,"data-full-screen":C?"":void 0,...g},a.createElement("div",{className:"hearth-ModalOuterContainer"},a.createElement(_chunk5C3I4LATcjs.a,null,a.createElement(_chunkK35PGLA6cjs.a,{type:"button",label:"Close","data-visually-hidden":v?"":void 0,className:"hearth-ModalCloseIconButton"},a.createElement(_hearthreacticons.CloseMediumIcon,null))),a.createElement("div",{className:"hearth-ModalInnerContainer"},l?a.createElement("div",{className:"hearth-ModalImage"},e):null,a.createElement("div",{className:"hearth-ModalHeader"},a.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0},a.createElement(_radixui.Dialog.Title,{asChild:!0},a.createElement(_chunkKVVW3EQDcjs.a,{size:"lg"},h))),a.createElement(_radixui.Dialog.Description,{asChild:!0},a.createElement(_chunkMVVX63T3cjs.a,{size:"md",as:"span"},M)))),N))))))});B.displayName=m;exports.a = B;
+//# sourceMappingURL=chunk-E2ARXS7K.cjs.map

package/dist/{chunk-KCKNPN2T.cjs.map → chunk-E2ARXS7K.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KCKNPN2T.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","children","props","ref","portalProps","containsImage","RadixDialog","clsx","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KCKNPN2T.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { Dialog as RadixDialog } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { 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';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ElementRef<'div'>;\n\nexport const Modal = React.forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n\n    return (\n      <RadixDialog.Portal {...portalProps}>\n        <RadixDialog.Overlay className=\"hearth-Overlay\">\n          <div className=\"hearth-ModalScroll\">\n            <div className=\"hearth-ModalScrollPadding\">\n              <RadixDialog.Content\n                ref={ref}\n                className={clsx(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                {...props}\n              >\n                <div className=\"hearth-ModalOuterContainer\">\n                  <ModalClose>\n                    <UnstyledIconButton\n                      type=\"button\"\n                      label=\"Close\"\n                      data-visually-hidden={hideCloseButton ? '' : undefined}\n                      className=\"hearth-ModalCloseIconButton\"\n                    >\n                      <CloseMediumIcon />\n                    </UnstyledIconButton>\n                  </ModalClose>\n\n                  <div className=\"hearth-ModalInnerContainer\">\n                    {containsImage ? <div className=\"hearth-ModalImage\">{image}</div> : null}\n                    <div className=\"hearth-ModalHeader\">\n                      <Box asChild>\n                        <RadixDialog.Title asChild>\n                          <Heading size=\"lg\">{heading}</Heading>\n                        </RadixDialog.Title>\n                      </Box>\n                      <RadixDialog.Description asChild>\n                        <BodyText size=\"md\" as=\"span\">\n                          {description}\n                        </BodyText>\n                      </RadixDialog.Description>\n                    </div>\n                  </div>\n\n                  {children}\n                </div>\n              </RadixDialog.Content>\n            </div>\n          </div>\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-E2ARXS7K.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","children","props","ref","portalProps","containsImage","RadixDialog","clsx","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-E2ARXS7K.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { Dialog as RadixDialog } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { 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';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ElementRef<'div'>;\n\nexport const Modal = React.forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n\n    return (\n      <RadixDialog.Portal {...portalProps}>\n        <RadixDialog.Overlay className=\"hearth-Overlay\">\n          <div className=\"hearth-ModalScroll\">\n            <div className=\"hearth-ModalScrollPadding\">\n              <RadixDialog.Content\n                ref={ref}\n                className={clsx(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                {...props}\n              >\n                <div className=\"hearth-ModalOuterContainer\">\n                  <ModalClose>\n                    <UnstyledIconButton\n                      type=\"button\"\n                      label=\"Close\"\n                      data-visually-hidden={hideCloseButton ? '' : undefined}\n                      className=\"hearth-ModalCloseIconButton\"\n                    >\n                      <CloseMediumIcon />\n                    </UnstyledIconButton>\n                  </ModalClose>\n\n                  <div className=\"hearth-ModalInnerContainer\">\n                    {containsImage ? <div className=\"hearth-ModalImage\">{image}</div> : null}\n                    <div className=\"hearth-ModalHeader\">\n                      <Box asChild>\n                        <RadixDialog.Title asChild>\n                          <Heading size=\"lg\">{heading}</Heading>\n                        </RadixDialog.Title>\n                      </Box>\n                      <RadixDialog.Description asChild>\n                        <BodyText size=\"md\" as=\"span\">\n                          {description}\n                        </BodyText>\n                      </RadixDialog.Description>\n                    </div>\n                  </div>\n\n                  {children}\n                </div>\n              </RadixDialog.Content>\n            </div>\n          </div>\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-OSYFJRSS.js → chunk-FCNGZ4M7.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-CAZKLHT2.js";import{a as l}from"./chunk-6EBW3DKV.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as i}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-BPLBZ4OW.js";import{a as p}from"./chunk-PLVHBGPL.js";import*as t from"react";import C from"clsx";import{Slot as N}from"radix-ui";var d="UnstyledIconButton",R=i(d),U=t.forwardRef((o,f)=>{let{className:u,children:e,label:y,disabled:n,inverted:B,loading:r,onClick:I,asChild:s,...P}=m(o,c),S=a(o.size||"md",{md:"sm",sm:"xs"}),b=s?N.Root:"button";return t.createElement(b,{ref:f,className:C(R,u),"aria-label":y,"aria-disabled":n||r,"data-inverted":B?"":void 0,onClick:n?void 0:I,...P},r?p({asChild:s,children:e},()=>t.createElement(l,{size:S,currentColor:!0})):e)});U.displayName=d;export{U as a};
-//# sourceMappingURL=chunk-OSYFJRSS.js.map
+import{a as c}from"./chunk-CAZKLHT2.js";import{a as l}from"./chunk-6EBW3DKV.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as i}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-BPLBZ4OW.js";import{a as p}from"./chunk-AHTIZRCQ.js";import*as t from"react";import C from"clsx";import{Slot as N}from"radix-ui";var d="UnstyledIconButton",R=i(d),U=t.forwardRef((o,f)=>{let{className:u,children:e,label:y,disabled:n,inverted:B,loading:r,onClick:I,asChild:s,...P}=m(o,c),S=a(o.size||"md",{md:"sm",sm:"xs"}),b=s?N.Root:"button";return t.createElement(b,{ref:f,className:C(R,u),"aria-label":y,"aria-disabled":n||r,"data-inverted":B?"":void 0,onClick:n?void 0:I,...P},r?p({asChild:s,children:e},()=>t.createElement(l,{size:S,currentColor:!0})):e)});U.displayName=d;export{U as a};
+//# sourceMappingURL=chunk-FCNGZ4M7.js.map

package/dist/{chunk-JVSWOL7U.js → chunk-FQJCU7P3.js}

@@ -1,2 +1,2 @@
-import{a as o}from"./chunk-SX25PHVU.js";import{b as r}from"./chunk-JTQWB7E2.js";import{a as n}from"./chunk-PLVHBGPL.js";import*as e from"react";import h from"clsx";import{Slot as j}from"radix-ui";var i="Container",m=r(i),A=e.forwardRef(({className:a,spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,children:E,align:R="center",asChild:t,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v,...w},M)=>{let O={spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v},S=t?j.Root:"div";return e.createElement(o,{ref:M,className:h(m,a),...w,justifyContent:R,asChild:!0},e.createElement(S,null,n({asChild:t,children:E},g=>e.createElement(o,{className:`${m}Inner`,...O},g))))});A.displayName=i;export{A as a};
-//# sourceMappingURL=chunk-JVSWOL7U.js.map
+import{a as o}from"./chunk-SX25PHVU.js";import{b as r}from"./chunk-JTQWB7E2.js";import{a as n}from"./chunk-AHTIZRCQ.js";import*as e from"react";import h from"clsx";import{Slot as j}from"radix-ui";var i="Container",m=r(i),A=e.forwardRef(({className:a,spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,children:E,align:R="center",asChild:t,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v,...w},M)=>{let O={spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v},S=t?j.Root:"div";return e.createElement(o,{ref:M,className:h(m,a),...w,justifyContent:R,asChild:!0},e.createElement(S,null,n({asChild:t,children:E},g=>e.createElement(o,{className:`${m}Inner`,...O},g))))});A.displayName=i;export{A as a};
+//# sourceMappingURL=chunk-FQJCU7P3.js.map

package/dist/{chunk-LHD2GY6R.js → chunk-GOTADAHK.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk-XZNPGGRR.js";import{a as m}from"./chunk-UBGLNSJY.js";import{a as p}from"./chunk-6EBW3DKV.js";import{a as n}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-PLVHBGPL.js";import*as o from"react";import b from"clsx";import{Slot as C}from"radix-ui";var l="Button",P=s(l),x=o.forwardRef((d,c)=>{let{className:f,children:t,disabled:u,loading:r,asChild:e,...B}=n(d,i),h=e?C.Root:"button";return o.createElement(m,{ref:c,className:b(P,f),disabled:u||r,asChild:!0,...B},o.createElement(h,null,r?a({asChild:e,children:t},N=>o.createElement("div",{className:"hearth-loading"},o.createElement("div",null,o.createElement(p,{size:"xs",currentColor:!0})),o.createElement("span",{className:"hearth-hidden"},N))):t))});x.displayName=l;export{x as a};
-//# sourceMappingURL=chunk-LHD2GY6R.js.map
+import{a as i}from"./chunk-XZNPGGRR.js";import{a as m}from"./chunk-BED6CEIB.js";import{a as p}from"./chunk-6EBW3DKV.js";import{a as n}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-AHTIZRCQ.js";import*as o from"react";import b from"clsx";import{Slot as C}from"radix-ui";var l="Button",P=s(l),x=o.forwardRef((d,c)=>{let{className:f,children:t,disabled:u,loading:r,asChild:e,...B}=n(d,i),h=e?C.Root:"button";return o.createElement(m,{ref:c,className:b(P,f),disabled:u||r,asChild:!0,...B},o.createElement(h,null,r?a({asChild:e,children:t},N=>o.createElement("div",{className:"hearth-loading"},o.createElement("div",null,o.createElement(p,{size:"xs",currentColor:!0})),o.createElement("span",{className:"hearth-hidden"},N))):t))});x.displayName=l;export{x as a};
+//# sourceMappingURL=chunk-GOTADAHK.js.map

package/dist/{chunk-DGNL3EUT.cjs → chunk-IJDDBHGV.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkFNQSPLEHcjs = require('./chunk-FNQSPLEH.cjs');var _chunk7DMSYUZVcjs = require('./chunk-7DMSYUZV.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkA7QCHPE4cjs = require('./chunk-A7QCHPE4.cjs');var _chunkU44NFEY3cjs = require('./chunk-U44NFEY3.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var B="IconButton",z=_chunk5AK4QM2Gcjs.b.call(void 0, B),R= exports.a =o.forwardRef((t,f)=>{let{className:u,label:d,disabled:P,loading:n,children:r,asChild:e,...S}=_chunk4HAN4WSZcjs.a.call(void 0, t,_chunkFNQSPLEHcjs.a),b=_chunkA7QCHPE4cjs.a.call(void 0, t.size||"md",{md:"sm",sm:"xs"}),C=e?_radixui.Slot.Root:"button";return o.createElement(_chunk7DMSYUZVcjs.a,{ref:f,className:_clsx2.default.call(void 0, z,u),"aria-label":d,disabled:P||n,asChild:!0,...S},o.createElement(C,null,n?_chunkU44NFEY3cjs.a.call(void 0, {asChild:e,children:r},()=>o.createElement(_chunkETIIJRSFcjs.a,{size:b,currentColor:!0})):r))});R.displayName=B;exports.a = R;
-//# sourceMappingURL=chunk-DGNL3EUT.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkFNQSPLEHcjs = require('./chunk-FNQSPLEH.cjs');var _chunkV6WTH34Ycjs = require('./chunk-V6WTH34Y.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkA7QCHPE4cjs = require('./chunk-A7QCHPE4.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var B="IconButton",z=_chunk5AK4QM2Gcjs.b.call(void 0, B),R= exports.a =o.forwardRef((t,f)=>{let{className:u,label:d,disabled:P,loading:n,children:r,asChild:e,...S}=_chunk4HAN4WSZcjs.a.call(void 0, t,_chunkFNQSPLEHcjs.a),b=_chunkA7QCHPE4cjs.a.call(void 0, t.size||"md",{md:"sm",sm:"xs"}),C=e?_radixui.Slot.Root:"button";return o.createElement(_chunkV6WTH34Ycjs.a,{ref:f,className:_clsx2.default.call(void 0, z,u),"aria-label":d,disabled:P||n,asChild:!0,...S},o.createElement(C,null,n?_chunkMBS63LK7cjs.a.call(void 0, {asChild:e,children:r},()=>o.createElement(_chunkETIIJRSFcjs.a,{size:b,currentColor:!0})):r))});R.displayName=B;exports.a = R;
+//# sourceMappingURL=chunk-IJDDBHGV.cjs.map

package/dist/{chunk-DGNL3EUT.cjs.map → chunk-IJDDBHGV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DGNL3EUT.cjs","../src/components/IconButton/IconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","forwardedRef","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAlQ,wEAEN,mCASI,IAGfA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAA,CAAA,UAAA,CAC9B,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACvB,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAO,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAgB,CAAA,CACjFC,iCAAAA,CAAaT,CAAOU,mBAAkB,CAAA,CAElCC,CAAAA,CAAcC,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACrFa,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBK,CAAS,CAAA,CAC7C,YAAA,CAAYC,CAAAA,CACZ,QAAA,CAAUC,CAAAA,EAAYC,CAAAA,CACtB,OAAA,CAAO,CAAA,CAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACK,CAAAA,CAAA,IAAA,CACER,CAAAA,CACGY,iCAAAA,CAAa,OAAA,CAAAV,CAAAA,CAAS,QAAA,CAAAD,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CAAQ,IAAA,CAAMP,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDL,CACN,CACF,CAEJ,CACF,CAAA,CAEAP,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DGNL3EUT.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { iconButtonPropDefs, IconButtonProps } from './IconButton.props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport type { ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = React.forwardRef<ButtonBaseElement, IconButtonProps>(\n  (props, forwardedRef) => {\n    const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n      extractProps(props, iconButtonPropDefs);\n\n    const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n    const Component = asChild ? Slot.Root : 'button';\n\n    return (\n      <ButtonBase\n        ref={forwardedRef}\n        className={clsx(componentClassName, className)}\n        aria-label={label}\n        disabled={disabled || loading}\n        asChild\n        {...iconButtonProps}\n      >\n        <Component>\n          {loading\n            ? getSubtree({ asChild, children }, () => (\n                <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n              ))\n            : children}\n        </Component>\n      </ButtonBase>\n    );\n  }\n);\n\nIconButton.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-IJDDBHGV.cjs","../src/components/IconButton/IconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","forwardedRef","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAlQ,wEAEN,mCASI,IAGfA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAA,CAAA,UAAA,CAC9B,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACvB,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAO,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAgB,CAAA,CACjFC,iCAAAA,CAAaT,CAAOU,mBAAkB,CAAA,CAElCC,CAAAA,CAAcC,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACrFa,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBK,CAAS,CAAA,CAC7C,YAAA,CAAYC,CAAAA,CACZ,QAAA,CAAUC,CAAAA,EAAYC,CAAAA,CACtB,OAAA,CAAO,CAAA,CAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACK,CAAAA,CAAA,IAAA,CACER,CAAAA,CACGY,iCAAAA,CAAa,OAAA,CAAAV,CAAAA,CAAS,QAAA,CAAAD,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CAAQ,IAAA,CAAMP,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDL,CACN,CACF,CAEJ,CACF,CAAA,CAEAP,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-IJDDBHGV.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { iconButtonPropDefs, IconButtonProps } from './IconButton.props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport type { ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = React.forwardRef<ButtonBaseElement, IconButtonProps>(\n  (props, forwardedRef) => {\n    const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n      extractProps(props, iconButtonPropDefs);\n\n    const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n    const Component = asChild ? Slot.Root : 'button';\n\n    return (\n      <ButtonBase\n        ref={forwardedRef}\n        className={clsx(componentClassName, className)}\n        aria-label={label}\n        disabled={disabled || loading}\n        asChild\n        {...iconButtonProps}\n      >\n        <Component>\n          {loading\n            ? getSubtree({ asChild, children }, () => (\n                <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n              ))\n            : children}\n        </Component>\n      </ButtonBase>\n    );\n  }\n);\n\nIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-RM3JTAZU.cjs → chunk-JD2ZIYQL.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunkSNOFZS77cjs = require('./chunk-SNOFZS77.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="Alert",t=_chunk5AK4QM2Gcjs.b.call(void 0, f),P= exports.a =e.forwardRef((u,x)=>{let y={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=_chunk4HAN4WSZcjs.a.call(void 0, u,_chunkHW74KDL7cjs.a),N=y[r];return e.createElement("div",{ref:x,className:_clsx2.default.call(void 0, t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(_chunkM7VXK2URcjs.a,{direction:"column"},n?e.createElement(_chunkMVVX63T3cjs.a,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(_chunkMVVX63T3cjs.a,{as:"div"},l):null),C),i?e.createElement(_chunkSNOFZS77cjs.a,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(_hearthreacticons.CloseSmallIcon,null)):null)});P.displayName=f;exports.a = P;
-//# sourceMappingURL=chunk-RM3JTAZU.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="Alert",t=_chunk5AK4QM2Gcjs.b.call(void 0, f),P= exports.a =e.forwardRef((u,x)=>{let y={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=_chunk4HAN4WSZcjs.a.call(void 0, u,_chunkHW74KDL7cjs.a),N=y[r];return e.createElement("div",{ref:x,className:_clsx2.default.call(void 0, t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(_chunkM7VXK2URcjs.a,{direction:"column"},n?e.createElement(_chunkMVVX63T3cjs.a,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(_chunkMVVX63T3cjs.a,{as:"div"},l):null),C),i?e.createElement(_chunkK35PGLA6cjs.a,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(_hearthreacticons.CloseSmallIcon,null)):null)});P.displayName=f;exports.a = P;
+//# sourceMappingURL=chunk-JD2ZIYQL.cjs.map

package/dist/{chunk-RM3JTAZU.cjs.map → chunk-JD2ZIYQL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-RM3JTAZU.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","ref","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECC9N,wEACN,wEASV,IAMDA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAc,CAAA,CAAA,UAAA,CAAqC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC9E,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,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKP,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBU,CAAS,CAAA,CAC7C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACG,CAAAA,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9B,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RM3JTAZU.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { 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';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AlertElement = ElementRef<'div'>;\n\nexport const Alert = React.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={clsx(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\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        {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"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JD2ZIYQL.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","ref","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECC9N,wEACN,wEASV,IAMDA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAc,CAAA,CAAA,UAAA,CAAqC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC9E,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,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKP,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBU,CAAS,CAAA,CAC7C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACG,CAAAA,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9B,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JD2ZIYQL.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { 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';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AlertElement = ElementRef<'div'>;\n\nexport const Alert = React.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={clsx(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\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        {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-SNOFZS77.cjs → chunk-K35PGLA6.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkORPRJFJWcjs = require('./chunk-ORPRJFJW.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkA7QCHPE4cjs = require('./chunk-A7QCHPE4.cjs');var _chunkU44NFEY3cjs = require('./chunk-U44NFEY3.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var d="UnstyledIconButton",R=_chunk5AK4QM2Gcjs.b.call(void 0, d),U= exports.a =t.forwardRef((o,f)=>{let{className:u,children:e,label:y,disabled:n,inverted:B,loading:r,onClick:I,asChild:s,...P}=_chunk4HAN4WSZcjs.a.call(void 0, o,_chunkORPRJFJWcjs.a),S=_chunkA7QCHPE4cjs.a.call(void 0, o.size||"md",{md:"sm",sm:"xs"}),b=s?_radixui.Slot.Root:"button";return t.createElement(b,{ref:f,className:_clsx2.default.call(void 0, R,u),"aria-label":y,"aria-disabled":n||r,"data-inverted":B?"":void 0,onClick:n?void 0:I,...P},r?_chunkU44NFEY3cjs.a.call(void 0, {asChild:s,children:e},()=>t.createElement(_chunkETIIJRSFcjs.a,{size:S,currentColor:!0})):e)});U.displayName=d;exports.a = U;
-//# sourceMappingURL=chunk-SNOFZS77.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkORPRJFJWcjs = require('./chunk-ORPRJFJW.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkA7QCHPE4cjs = require('./chunk-A7QCHPE4.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var d="UnstyledIconButton",R=_chunk5AK4QM2Gcjs.b.call(void 0, d),U= exports.a =t.forwardRef((o,f)=>{let{className:u,children:e,label:y,disabled:n,inverted:B,loading:r,onClick:I,asChild:s,...P}=_chunk4HAN4WSZcjs.a.call(void 0, o,_chunkORPRJFJWcjs.a),S=_chunkA7QCHPE4cjs.a.call(void 0, o.size||"md",{md:"sm",sm:"xs"}),b=s?_radixui.Slot.Root:"button";return t.createElement(b,{ref:f,className:_clsx2.default.call(void 0, R,u),"aria-label":y,"aria-disabled":n||r,"data-inverted":B?"":void 0,onClick:n?void 0:I,...P},r?_chunkMBS63LK7cjs.a.call(void 0, {asChild:s,children:e},()=>t.createElement(_chunkETIIJRSFcjs.a,{size:S,currentColor:!0})):e)});U.displayName=d;exports.a = U;
+//# sourceMappingURL=chunk-K35PGLA6.cjs.map

package/dist/{chunk-SNOFZS77.cjs.map → chunk-K35PGLA6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-SNOFZS77.cjs","../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,uECAzN,wEAEN,mCASI,IAGfA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAA2B,CAAA,CAAA,UAAA,CAGtC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACzB,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaX,CAAOY,mBAA0B,CAAA,CAE5CC,CAAAA,CAAcC,iCAAAA,CAA6Bd,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACrFe,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACD,CAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWgB,4BAAAA,CAAKpB,CAAoBK,CAAS,CAAA,CAC7C,YAAA,CAAYE,CAAAA,CACZ,eAAA,CAAeC,CAAAA,EAAYE,CAAAA,CAC3B,eAAA,CAAeD,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,OAAA,CAASD,CAAAA,CAAW,KAAA,CAAA,CAAYG,CAAAA,CAC/B,GAAGE,CAAAA,CAAAA,CAEHH,CAAAA,CACGW,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAN,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAMN,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDV,CACN,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-SNOFZS77.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n  UnstyledIconButtonElement,\n  UnstyledIconButtonProps\n>((props, forwardedRef) => {\n  const {\n    className,\n    children,\n    label,\n    disabled,\n    inverted,\n    loading,\n    onClick,\n    asChild,\n    ...unstyledIconButtonProps\n  } = extractProps(props, unstyledIconButtonPropDefs);\n\n  const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n  const Component = asChild ? Slot.Root : 'button';\n\n  return (\n    <Component\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\n      {...unstyledIconButtonProps}\n    >\n      {loading\n        ? getSubtree({ asChild, children }, () => (\n            <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n          ))\n        : children}\n    </Component>\n  );\n});\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-K35PGLA6.cjs","../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,uECAzN,wEAEN,mCASI,IAGfA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAA2B,CAAA,CAAA,UAAA,CAGtC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACzB,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaX,CAAOY,mBAA0B,CAAA,CAE5CC,CAAAA,CAAcC,iCAAAA,CAA6Bd,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACrFe,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACD,CAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWgB,4BAAAA,CAAKpB,CAAoBK,CAAS,CAAA,CAC7C,YAAA,CAAYE,CAAAA,CACZ,eAAA,CAAeC,CAAAA,EAAYE,CAAAA,CAC3B,eAAA,CAAeD,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,OAAA,CAASD,CAAAA,CAAW,KAAA,CAAA,CAAYG,CAAAA,CAC/B,GAAGE,CAAAA,CAAAA,CAEHH,CAAAA,CACGW,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAN,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAMN,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDV,CACN,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-K35PGLA6.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n  UnstyledIconButtonElement,\n  UnstyledIconButtonProps\n>((props, forwardedRef) => {\n  const {\n    className,\n    children,\n    label,\n    disabled,\n    inverted,\n    loading,\n    onClick,\n    asChild,\n    ...unstyledIconButtonProps\n  } = extractProps(props, unstyledIconButtonPropDefs);\n\n  const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n  const Component = asChild ? Slot.Root : 'button';\n\n  return (\n    <Component\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\n      {...unstyledIconButtonProps}\n    >\n      {loading\n        ? getSubtree({ asChild, children }, () => (\n            <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n          ))\n        : children}\n    </Component>\n  );\n});\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-SU5U2QUB.js → chunk-M3UB5QAF.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-OSYFJRSS.js";import{b as o}from"./chunk-JTQWB7E2.js";import{ChevronRightSmallIcon as a}from"@utilitywarehouse/hearth-react-icons";import i from"clsx";import*as t from"react";var e="AlertIconButton",u=o(e),f=t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(n,{ref:s,className:i(u,m),label:l,title:c,...p},r||t.createElement(a,null)));f.displayName=e;export{f as a};
-//# sourceMappingURL=chunk-SU5U2QUB.js.map
+import{a as n}from"./chunk-FCNGZ4M7.js";import{b as o}from"./chunk-JTQWB7E2.js";import{ChevronRightSmallIcon as a}from"@utilitywarehouse/hearth-react-icons";import i from"clsx";import*as t from"react";var e="AlertIconButton",u=o(e),f=t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(n,{ref:s,className:i(u,m),label:l,title:c,...p},r||t.createElement(a,null)));f.displayName=e;export{f as a};
+//# sourceMappingURL=chunk-M3UB5QAF.js.map

package/dist/{chunk-U44NFEY3.cjs → chunk-MBS63LK7.cjs}

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var c = _interopRequireWildcard(_react);function r(d,e){let{asChild:i,children:t}=d;if(!i)return typeof e=="function"?e(t):e;let a=c.Children.only(t);return c.cloneElement(a,{children:typeof e=="function"?e(a.props.children):e})}exports.a = r;
-//# sourceMappingURL=chunk-U44NFEY3.cjs.map
+//# sourceMappingURL=chunk-MBS63LK7.cjs.map

package/dist/{chunk-U44NFEY3.cjs.map → chunk-MBS63LK7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/helpers/get-subtree.ts"],"names":["getSubtree","options","content","asChild","children","firstChild"],"mappings":"AAGA,kaAAuB,SASPA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACA,CACA,GAAM,CAAE,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAIH,CAAAA,CAC9B,EAAA,CAAI,CAACE,CAAAA,CAAS,OAAO,OAAOD,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQE,CAAQ,CAAA,CAAIF,CAAAA,CAEzE,IAAMG,CAAAA,CAAmB,CAAA,CAAA,QAAA,CAAS,IAAA,CAAKD,CAAQ,CAAA,CAG/C,OAAa,CAAA,CAAA,YAAA,CAAaC,CAAAA,CAAY,CACpC,QAAA,CAAU,OAAOH,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQG,CAAAA,CAAW,KAAA,CAAM,QAAQ,CAAA,CAAIH,CACjF,CAAC,CACH,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-U44NFEY3.cjs","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement<{\n    children?: React.ReactNode;\n  }>;\n  return React.cloneElement(firstChild, {\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"]}
+{"version":3,"sources":["../src/helpers/get-subtree.ts"],"names":["getSubtree","options","content","asChild","children","firstChild"],"mappings":"AAGA,kaAAuB,SASPA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACA,CACA,GAAM,CAAE,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAIH,CAAAA,CAC9B,EAAA,CAAI,CAACE,CAAAA,CAAS,OAAO,OAAOD,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQE,CAAQ,CAAA,CAAIF,CAAAA,CAEzE,IAAMG,CAAAA,CAAmB,CAAA,CAAA,QAAA,CAAS,IAAA,CAAKD,CAAQ,CAAA,CAI/C,OAAa,CAAA,CAAA,YAAA,CAAaC,CAAAA,CAAY,CACpC,QAAA,CAAU,OAAOH,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQG,CAAAA,CAAW,KAAA,CAAM,QAAQ,CAAA,CAAIH,CACjF,CAAC,CACH,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-MBS63LK7.cjs","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement<{\n    children?: React.ReactNode;\n  }>;\n\n  return React.cloneElement(firstChild, {\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"]}

package/dist/{chunk-Y5GXJ36Z.cjs → chunk-OWZD2AM7.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkXKYU3KUYcjs = require('./chunk-XKYU3KUY.cjs');var _chunk7DMSYUZVcjs = require('./chunk-7DMSYUZV.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkU44NFEY3cjs = require('./chunk-U44NFEY3.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var l="Button",P=_chunk5AK4QM2Gcjs.b.call(void 0, l),x= exports.a =o.forwardRef((d,c)=>{let{className:f,children:t,disabled:u,loading:r,asChild:e,...B}=_chunk4HAN4WSZcjs.a.call(void 0, d,_chunkXKYU3KUYcjs.a),h=e?_radixui.Slot.Root:"button";return o.createElement(_chunk7DMSYUZVcjs.a,{ref:c,className:_clsx2.default.call(void 0, P,f),disabled:u||r,asChild:!0,...B},o.createElement(h,null,r?_chunkU44NFEY3cjs.a.call(void 0, {asChild:e,children:t},N=>o.createElement("div",{className:"hearth-loading"},o.createElement("div",null,o.createElement(_chunkETIIJRSFcjs.a,{size:"xs",currentColor:!0})),o.createElement("span",{className:"hearth-hidden"},N))):t))});x.displayName=l;exports.a = x;
-//# sourceMappingURL=chunk-Y5GXJ36Z.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkXKYU3KUYcjs = require('./chunk-XKYU3KUY.cjs');var _chunkV6WTH34Ycjs = require('./chunk-V6WTH34Y.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var l="Button",P=_chunk5AK4QM2Gcjs.b.call(void 0, l),x= exports.a =o.forwardRef((d,c)=>{let{className:f,children:t,disabled:u,loading:r,asChild:e,...B}=_chunk4HAN4WSZcjs.a.call(void 0, d,_chunkXKYU3KUYcjs.a),h=e?_radixui.Slot.Root:"button";return o.createElement(_chunkV6WTH34Ycjs.a,{ref:c,className:_clsx2.default.call(void 0, P,f),disabled:u||r,asChild:!0,...B},o.createElement(h,null,r?_chunkMBS63LK7cjs.a.call(void 0, {asChild:e,children:t},N=>o.createElement("div",{className:"hearth-loading"},o.createElement("div",null,o.createElement(_chunkETIIJRSFcjs.a,{size:"xs",currentColor:!0})),o.createElement("span",{className:"hearth-hidden"},N))):t))});x.displayName=l;exports.a = x;
+//# sourceMappingURL=chunk-OWZD2AM7.cjs.map

package/dist/{chunk-Y5GXJ36Z.cjs.map → chunk-OWZD2AM7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-Y5GXJ36Z.cjs","../src/components/Button/Button.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","props","forwardedRef","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,uECAzN,wEAEN,mCAMI,IAGfA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAe,CAAA,CAAA,UAAA,CAA2C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CAC9F,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAC1ER,CACAS,mBACF,CAAA,CACMC,CAAAA,CAAYJ,CAAAA,CAAUK,aAAAA,CAAK,IAAA,CAAO,QAAA,CACxC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,4BAAAA,CAAKhB,CAAoBK,CAAS,CAAA,CAC7C,QAAA,CAAUE,CAAAA,EAAYC,CAAAA,CACtB,OAAA,CAAO,CAAA,CAAA,CACN,GAAGE,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACG,CAAAA,CAAA,IAAA,CACEL,CAAAA,CACGS,iCAAAA,CAAa,OAAA,CAAAR,CAAAA,CAAS,QAAA,CAAAH,CAAS,CAAA,CAAGA,CAAAA,EAChC,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,YAAA,CAAY,CAAA,CAAA,CAAC,CAClC,CAAA,CACA,CAAA,CAAA,aAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,eAAA,CAAA,CAAiBZ,CAAS,CAC5C,CACD,CAAA,CACDA,CACN,CACF,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAO,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-Y5GXJ36Z.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs, ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = React.forwardRef<ButtonBaseElement, ButtonProps>((props, forwardedRef) => {\n  const { className, children, disabled, loading, asChild, ...buttonProps } = extractProps(\n    props,\n    buttonPropDefs\n  );\n  const Component = asChild ? Slot.Root : 'button';\n  return (\n    <ButtonBase\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      disabled={disabled || loading}\n      asChild\n      {...buttonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, children => (\n              <div className=\"hearth-loading\">\n                <div>\n                  <Spinner size=\"xs\" currentColor />\n                </div>\n                <span className=\"hearth-hidden\">{children}</span>\n              </div>\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n});\n\nButton.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-OWZD2AM7.cjs","../src/components/Button/Button.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","props","forwardedRef","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,uECAzN,wEAEN,mCAMI,IAGfA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAe,CAAA,CAAA,UAAA,CAA2C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CAC9F,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAC1ER,CACAS,mBACF,CAAA,CACMC,CAAAA,CAAYJ,CAAAA,CAAUK,aAAAA,CAAK,IAAA,CAAO,QAAA,CACxC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,4BAAAA,CAAKhB,CAAoBK,CAAS,CAAA,CAC7C,QAAA,CAAUE,CAAAA,EAAYC,CAAAA,CACtB,OAAA,CAAO,CAAA,CAAA,CACN,GAAGE,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACG,CAAAA,CAAA,IAAA,CACEL,CAAAA,CACGS,iCAAAA,CAAa,OAAA,CAAAR,CAAAA,CAAS,QAAA,CAAAH,CAAS,CAAA,CAAGA,CAAAA,EAChC,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,YAAA,CAAY,CAAA,CAAA,CAAC,CAClC,CAAA,CACA,CAAA,CAAA,aAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,eAAA,CAAA,CAAiBZ,CAAS,CAC5C,CACD,CAAA,CACDA,CACN,CACF,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAO,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-OWZD2AM7.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs, ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = React.forwardRef<ButtonBaseElement, ButtonProps>((props, forwardedRef) => {\n  const { className, children, disabled, loading, asChild, ...buttonProps } = extractProps(\n    props,\n    buttonPropDefs\n  );\n  const Component = asChild ? Slot.Root : 'button';\n  return (\n    <ButtonBase\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      disabled={disabled || loading}\n      asChild\n      {...buttonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, children => (\n              <div className=\"hearth-loading\">\n                <div>\n                  <Spinner size=\"xs\" currentColor />\n                </div>\n                <span className=\"hearth-hidden\">{children}</span>\n              </div>\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n});\n\nButton.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-HPGOXDFO.js → chunk-PUY3LJGN.js}

@@ -1,2 +1,2 @@
-import{a as f}from"./chunk-KPTEOB7F.js";import{a as m}from"./chunk-TYEQVZWY.js";import{a as u}from"./chunk-OSYFJRSS.js";import{b as a}from"./chunk-JTQWB7E2.js";import v from"clsx";import t from"react";import{EyeOffSmallIcon as P,EyeSmallIcon as S}from"@utilitywarehouse/hearth-react-icons";var p="PasswordInput",x=a(p),M=t.forwardRef(({className:d,disabled:r,...c},b)=>{let y=t.useRef(null),s=b||y,[o,w]=t.useState(!1),[n,l]=t.useState(!1),I=t.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);t.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{e?.type&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{e?.form&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return t.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),t.createElement(t.Fragment,null,t.createElement(f,{ref:s,className:v(x,d),type:o?"text":"password",disabled:r,...c},t.createElement(m,{placement:"suffix"},t.createElement(u,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?t.createElement(S,null):t.createElement(P,null)))),t.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});M.displayName=p;export{M as a};
-//# sourceMappingURL=chunk-HPGOXDFO.js.map
+import{a as f}from"./chunk-KPTEOB7F.js";import{a as m}from"./chunk-TYEQVZWY.js";import{a as u}from"./chunk-FCNGZ4M7.js";import{b as a}from"./chunk-JTQWB7E2.js";import v from"clsx";import t from"react";import{EyeOffSmallIcon as P,EyeSmallIcon as S}from"@utilitywarehouse/hearth-react-icons";var p="PasswordInput",x=a(p),M=t.forwardRef(({className:d,disabled:r,...c},b)=>{let y=t.useRef(null),s=b||y,[o,w]=t.useState(!1),[n,l]=t.useState(!1),I=t.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);t.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{e?.type&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{e?.form&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return t.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),t.createElement(t.Fragment,null,t.createElement(f,{ref:s,className:v(x,d),type:o?"text":"password",disabled:r,...c},t.createElement(m,{placement:"suffix"},t.createElement(u,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?t.createElement(S,null):t.createElement(P,null)))),t.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});M.displayName=p;export{M as a};
+//# sourceMappingURL=chunk-PUY3LJGN.js.map

package/dist/{chunk-KMLCRD72.js → chunk-QLZUIQQ2.js}

@@ -1,2 +1,2 @@
-import{a as f}from"./chunk-KPTEOB7F.js";import{a as n}from"./chunk-TYEQVZWY.js";import{a as m}from"./chunk-OSYFJRSS.js";import{a as u}from"./chunk-6EBW3DKV.js";import{b as p}from"./chunk-JTQWB7E2.js";import d from"clsx";import t from"react";import{CloseSmallIcon as y,SearchMediumIcon as E}from"@utilitywarehouse/hearth-react-icons";var c="SearchInput",T=p(c),b=t.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=t.useRef(null),e=I||h,S=t.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]);return t.createElement(f,{ref:e,className:d(T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},t.createElement(n,{placement:"prefix"},t.createElement(E,null)),s?t.createElement(n,{placement:"suffix"},t.createElement(u,{size:"xs",color:"primary"})):null,o!==void 0&&String(o).length>0?t.createElement(n,{placement:"suffix"},t.createElement(m,{type:"button",label:"clear search",onClick:S,disabled:l},t.createElement(y,null))):null)});b.displayName=c;export{b as a};
-//# sourceMappingURL=chunk-KMLCRD72.js.map
+import{a as f}from"./chunk-KPTEOB7F.js";import{a as n}from"./chunk-TYEQVZWY.js";import{a as m}from"./chunk-FCNGZ4M7.js";import{a as u}from"./chunk-6EBW3DKV.js";import{b as p}from"./chunk-JTQWB7E2.js";import d from"clsx";import t from"react";import{CloseSmallIcon as y,SearchMediumIcon as E}from"@utilitywarehouse/hearth-react-icons";var c="SearchInput",T=p(c),b=t.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=t.useRef(null),e=I||h,S=t.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]);return t.createElement(f,{ref:e,className:d(T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},t.createElement(n,{placement:"prefix"},t.createElement(E,null)),s?t.createElement(n,{placement:"suffix"},t.createElement(u,{size:"xs",color:"primary"})):null,o!==void 0&&String(o).length>0?t.createElement(n,{placement:"suffix"},t.createElement(m,{type:"button",label:"clear search",onClick:S,disabled:l},t.createElement(y,null))):null)});b.displayName=c;export{b as a};
+//# sourceMappingURL=chunk-QLZUIQQ2.js.map

package/dist/{chunk-BUXP6LBE.cjs → chunk-QQOUONFE.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkSNOFZS77cjs = require('./chunk-SNOFZS77.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var S="TabsList",o=_chunk5AK4QM2Gcjs.b.call(void 0, S),A= exports.a =({className:R,children:g,...I})=>{let u=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[C,N]=_react.useState.call(void 0, 0),[x,y]=_react.useState.call(void 0, 0),[m,W]=_react.useState.call(void 0, !1),[v,w]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(N(t.offsetLeft),y(t.offsetWidth))},[]),l=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;W(n),w(s)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",b,{passive:!0})]),()=>{n.disconnect(),s.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",b)])}},[a,l]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),E=_react.useCallback.call(void 0, ()=>d(-1),[d]),$=_react.useCallback.call(void 0, ()=>d(1),[d]);return r.createElement(_radixui.Tabs.List,{className:_clsx2.default.call(void 0, o,R),...I},m?r.createElement("div",{className:`${o}ScrollButtonLeft`,"aria-hidden":!0},r.createElement(_chunkSNOFZS77cjs.a,{label:"scroll left",tabIndex:-1,onClick:E},r.createElement(_hearthreacticons.ChevronLeftSmallIcon,null))):null,r.createElement("div",{className:_clsx2.default.call(void 0, `${o}Scroll`,{[`${o}Scroll-with-left`]:m,[`${o}Scroll-with-right`]:v}),ref:c},r.createElement("div",{className:`${o}Container`,ref:u},g,r.createElement("div",{className:`${o}Indicator`,style:{transform:`translateX(${C}px)`,width:`${x}px`}}))),v?r.createElement("div",{className:`${o}ScrollButtonRight`,"aria-hidden":!0},r.createElement(_chunkSNOFZS77cjs.a,{label:"scroll right",tabIndex:-1,onClick:$},r.createElement(_hearthreacticons.ChevronRightSmallIcon,null))):null)};A.displayName=S;exports.a = A;
-//# sourceMappingURL=chunk-BUXP6LBE.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var S="TabsList",o=_chunk5AK4QM2Gcjs.b.call(void 0, S),A= exports.a =({className:R,children:g,...I})=>{let u=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[C,N]=_react.useState.call(void 0, 0),[x,y]=_react.useState.call(void 0, 0),[m,W]=_react.useState.call(void 0, !1),[v,w]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(N(t.offsetLeft),y(t.offsetWidth))},[]),l=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;W(n),w(s)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",b,{passive:!0})]),()=>{n.disconnect(),s.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",b)])}},[a,l]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),E=_react.useCallback.call(void 0, ()=>d(-1),[d]),$=_react.useCallback.call(void 0, ()=>d(1),[d]);return r.createElement(_radixui.Tabs.List,{className:_clsx2.default.call(void 0, o,R),...I},m?r.createElement("div",{className:`${o}ScrollButtonLeft`,"aria-hidden":!0},r.createElement(_chunkK35PGLA6cjs.a,{label:"scroll left",tabIndex:-1,onClick:E},r.createElement(_hearthreacticons.ChevronLeftSmallIcon,null))):null,r.createElement("div",{className:_clsx2.default.call(void 0, `${o}Scroll`,{[`${o}Scroll-with-left`]:m,[`${o}Scroll-with-right`]:v}),ref:c},r.createElement("div",{className:`${o}Container`,ref:u},g,r.createElement("div",{className:`${o}Indicator`,style:{transform:`translateX(${C}px)`,width:`${x}px`}}))),v?r.createElement("div",{className:`${o}ScrollButtonRight`,"aria-hidden":!0},r.createElement(_chunkK35PGLA6cjs.a,{label:"scroll right",tabIndex:-1,onClick:$},r.createElement(_hearthreacticons.ChevronRightSmallIcon,null))):null)};A.displayName=S;exports.a = A;
+//# sourceMappingURL=chunk-QQOUONFE.cjs.map

package/dist/{chunk-BUXP6LBE.cjs.map → chunk-QQOUONFE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-BUXP6LBE.cjs","../src/components/Tabs/TabsList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","className","children","rest","containerRef","useRef","scrollRef","activeTabIndicatorX","setActiveTabIndicatorX","useState","activeTabIndicatorWidth","setActiveTabIndicatorWidth","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","updateIndicator","useCallback","container","activeTrigger","checkOverflow","el","overflow","canLeft","canRight","useLayoutEffect","scrollEl","resizeObserver","mutationObserver","onScroll","scrollBy","direction","step","target","handleScrollLeft","handleScrollRight","RadixTabs","clsx"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-BUXP6LBE.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { Tabs as RadixTabs } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TabsListProps } from './TabsList.props';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TabsList: React.FC<TabsListProps> = ({ className, children, ...rest }) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Underline indicator that animates to match the active tab trigger\n  const [activeTabIndicatorX, setActiveTabIndicatorX] = useState(0);\n  const [activeTabIndicatorWidth, setActiveTabIndicatorWidth] = useState(0);\n\n  // Whether horizontal scroll icons should be shown\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  // Sync indicator position/size to the current active tab trigger\n  const updateIndicator = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const activeTrigger = container.querySelector<HTMLElement>('.hearth-Tab[data-state=\"active\"]');\n    if (!activeTrigger) return;\n\n    setActiveTabIndicatorX(activeTrigger.offsetLeft);\n    setActiveTabIndicatorWidth(activeTrigger.offsetWidth);\n  }, []);\n\n  // Compute overflow and whether we can scroll left/right to show scroll icons\n  const checkOverflow = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const overflow = el.scrollWidth > el.clientWidth + 1;\n    const canLeft = overflow && el.scrollLeft > 0;\n    const canRight = overflow && el.scrollLeft + el.clientWidth < el.scrollWidth - 1;\n\n    setCanScrollLeft(canLeft);\n    setCanScrollRight(canRight);\n  }, []);\n\n  // Keep indicator and scroll buttons in sync with DOM/layout changes\n  useLayoutEffect(() => {\n    updateIndicator();\n    checkOverflow();\n\n    const container = containerRef.current;\n    const scrollEl = scrollRef.current;\n    if (!container && !scrollEl) return;\n\n    // Watch size changes (container and scroll viewport)\n    const resizeObserver = new ResizeObserver(() => {\n      updateIndicator();\n      checkOverflow();\n    });\n\n    if (container) resizeObserver.observe(container);\n    if (scrollEl) resizeObserver.observe(scrollEl);\n\n    // Watch DOM mutations that can affect which tab is active or present\n    const mutationObserver = new MutationObserver(() => {\n      updateIndicator();\n      checkOverflow();\n    });\n\n    if (container) {\n      mutationObserver.observe(container, {\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['data-state'],\n        childList: true,\n      });\n    }\n\n    // Update scroll icons as the user scrolls\n    const onScroll = () => checkOverflow();\n    scrollEl?.addEventListener('scroll', onScroll, { passive: true });\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      scrollEl?.removeEventListener('scroll', onScroll);\n    };\n  }, [updateIndicator, checkOverflow]);\n\n  // Smoothly scroll the tab section by ~60% of the viewport width\n  const scrollBy = useCallback((direction: 1 | -1) => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const step = el.clientWidth * 0.6;\n    const target = Math.max(\n      0,\n      Math.min(el.scrollLeft + direction * step, el.scrollWidth - el.clientWidth)\n    );\n    el.scrollTo({ left: target, behavior: 'smooth' });\n  }, []);\n\n  const handleScrollLeft = useCallback(() => scrollBy(-1), [scrollBy]);\n  const handleScrollRight = useCallback(() => scrollBy(1), [scrollBy]);\n\n  return (\n    <RadixTabs.List className={clsx(componentClassName, className)} {...rest}>\n      {canScrollLeft ? (\n        <div className={`${componentClassName}ScrollButtonLeft`} aria-hidden>\n          <UnstyledIconButton label=\"scroll left\" tabIndex={-1} onClick={handleScrollLeft}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n      <div\n        className={clsx(`${componentClassName}Scroll`, {\n          [`${componentClassName}Scroll-with-left`]: canScrollLeft,\n          [`${componentClassName}Scroll-with-right`]: canScrollRight,\n        })}\n        ref={scrollRef}\n      >\n        <div className={`${componentClassName}Container`} ref={containerRef}>\n          {children}\n          <div\n            className={`${componentClassName}Indicator`}\n            // Animated underline: position and width driven by active trigger\n            style={{\n              transform: `translateX(${activeTabIndicatorX}px)`,\n              width: `${activeTabIndicatorWidth}px`,\n            }}\n          />\n        </div>\n      </div>\n      {canScrollRight ? (\n        <div className={`${componentClassName}ScrollButtonRight`} aria-hidden>\n          <UnstyledIconButton label=\"scroll right\" tabIndex={-1} onClick={handleScrollRight}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </RadixTabs.List>\n  );\n};\n\nTabsList.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-QQOUONFE.cjs","../src/components/Tabs/TabsList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","className","children","rest","containerRef","useRef","scrollRef","activeTabIndicatorX","setActiveTabIndicatorX","useState","activeTabIndicatorWidth","setActiveTabIndicatorWidth","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","updateIndicator","useCallback","container","activeTrigger","checkOverflow","el","overflow","canLeft","canRight","useLayoutEffect","scrollEl","resizeObserver","mutationObserver","onScroll","scrollBy","direction","step","target","handleScrollLeft","handleScrollRight","RadixTabs","clsx"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-QQOUONFE.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { Tabs as RadixTabs } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TabsListProps } from './TabsList.props';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TabsList: React.FC<TabsListProps> = ({ className, children, ...rest }) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Underline indicator that animates to match the active tab trigger\n  const [activeTabIndicatorX, setActiveTabIndicatorX] = useState(0);\n  const [activeTabIndicatorWidth, setActiveTabIndicatorWidth] = useState(0);\n\n  // Whether horizontal scroll icons should be shown\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  // Sync indicator position/size to the current active tab trigger\n  const updateIndicator = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const activeTrigger = container.querySelector<HTMLElement>('.hearth-Tab[data-state=\"active\"]');\n    if (!activeTrigger) return;\n\n    setActiveTabIndicatorX(activeTrigger.offsetLeft);\n    setActiveTabIndicatorWidth(activeTrigger.offsetWidth);\n  }, []);\n\n  // Compute overflow and whether we can scroll left/right to show scroll icons\n  const checkOverflow = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const overflow = el.scrollWidth > el.clientWidth + 1;\n    const canLeft = overflow && el.scrollLeft > 0;\n    const canRight = overflow && el.scrollLeft + el.clientWidth < el.scrollWidth - 1;\n\n    setCanScrollLeft(canLeft);\n    setCanScrollRight(canRight);\n  }, []);\n\n  // Keep indicator and scroll buttons in sync with DOM/layout changes\n  useLayoutEffect(() => {\n    updateIndicator();\n    checkOverflow();\n\n    const container = containerRef.current;\n    const scrollEl = scrollRef.current;\n    if (!container && !scrollEl) return;\n\n    // Watch size changes (container and scroll viewport)\n    const resizeObserver = new ResizeObserver(() => {\n      updateIndicator();\n      checkOverflow();\n    });\n\n    if (container) resizeObserver.observe(container);\n    if (scrollEl) resizeObserver.observe(scrollEl);\n\n    // Watch DOM mutations that can affect which tab is active or present\n    const mutationObserver = new MutationObserver(() => {\n      updateIndicator();\n      checkOverflow();\n    });\n\n    if (container) {\n      mutationObserver.observe(container, {\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['data-state'],\n        childList: true,\n      });\n    }\n\n    // Update scroll icons as the user scrolls\n    const onScroll = () => checkOverflow();\n    scrollEl?.addEventListener('scroll', onScroll, { passive: true });\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      scrollEl?.removeEventListener('scroll', onScroll);\n    };\n  }, [updateIndicator, checkOverflow]);\n\n  // Smoothly scroll the tab section by ~60% of the viewport width\n  const scrollBy = useCallback((direction: 1 | -1) => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const step = el.clientWidth * 0.6;\n    const target = Math.max(\n      0,\n      Math.min(el.scrollLeft + direction * step, el.scrollWidth - el.clientWidth)\n    );\n    el.scrollTo({ left: target, behavior: 'smooth' });\n  }, []);\n\n  const handleScrollLeft = useCallback(() => scrollBy(-1), [scrollBy]);\n  const handleScrollRight = useCallback(() => scrollBy(1), [scrollBy]);\n\n  return (\n    <RadixTabs.List className={clsx(componentClassName, className)} {...rest}>\n      {canScrollLeft ? (\n        <div className={`${componentClassName}ScrollButtonLeft`} aria-hidden>\n          <UnstyledIconButton label=\"scroll left\" tabIndex={-1} onClick={handleScrollLeft}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n      <div\n        className={clsx(`${componentClassName}Scroll`, {\n          [`${componentClassName}Scroll-with-left`]: canScrollLeft,\n          [`${componentClassName}Scroll-with-right`]: canScrollRight,\n        })}\n        ref={scrollRef}\n      >\n        <div className={`${componentClassName}Container`} ref={containerRef}>\n          {children}\n          <div\n            className={`${componentClassName}Indicator`}\n            // Animated underline: position and width driven by active trigger\n            style={{\n              transform: `translateX(${activeTabIndicatorX}px)`,\n              width: `${activeTabIndicatorWidth}px`,\n            }}\n          />\n        </div>\n      </div>\n      {canScrollRight ? (\n        <div className={`${componentClassName}ScrollButtonRight`} aria-hidden>\n          <UnstyledIconButton label=\"scroll right\" tabIndex={-1} onClick={handleScrollRight}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </RadixTabs.List>\n  );\n};\n\nTabsList.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-EL6IHZSP.js → chunk-U2GLVLWD.js}

@@ -1,2 +1,2 @@
-import{a as l}from"./chunk-X5H7DCWE.js";import{a as p}from"./chunk-UBGLNSJY.js";import{a}from"./chunk-6EBW3DKV.js";import{a as i}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a as c}from"./chunk-BPLBZ4OW.js";import{a as m}from"./chunk-PLVHBGPL.js";import*as o from"react";import N from"clsx";import{Slot as x}from"radix-ui";var B="IconButton",z=s(B),R=o.forwardRef((t,f)=>{let{className:u,label:d,disabled:P,loading:n,children:r,asChild:e,...S}=i(t,l),b=c(t.size||"md",{md:"sm",sm:"xs"}),C=e?x.Root:"button";return o.createElement(p,{ref:f,className:N(z,u),"aria-label":d,disabled:P||n,asChild:!0,...S},o.createElement(C,null,n?m({asChild:e,children:r},()=>o.createElement(a,{size:b,currentColor:!0})):r))});R.displayName=B;export{R as a};
-//# sourceMappingURL=chunk-EL6IHZSP.js.map
+import{a as l}from"./chunk-X5H7DCWE.js";import{a as p}from"./chunk-BED6CEIB.js";import{a}from"./chunk-6EBW3DKV.js";import{a as i}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a as c}from"./chunk-BPLBZ4OW.js";import{a as m}from"./chunk-AHTIZRCQ.js";import*as o from"react";import N from"clsx";import{Slot as x}from"radix-ui";var B="IconButton",z=s(B),R=o.forwardRef((t,f)=>{let{className:u,label:d,disabled:P,loading:n,children:r,asChild:e,...S}=i(t,l),b=c(t.size||"md",{md:"sm",sm:"xs"}),C=e?x.Root:"button";return o.createElement(p,{ref:f,className:N(z,u),"aria-label":d,disabled:P||n,asChild:!0,...S},o.createElement(C,null,n?m({asChild:e,children:r},()=>o.createElement(a,{size:b,currentColor:!0})):r))});R.displayName=B;export{R as a};
+//# sourceMappingURL=chunk-U2GLVLWD.js.map

package/dist/{chunk-LSDQYW7O.cjs → chunk-UL2KWCH3.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkSNOFZS77cjs = require('./chunk-SNOFZS77.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var t = _interopRequireWildcard(_react);var e="AlertIconButton",u=_chunk5AK4QM2Gcjs.b.call(void 0, e),f= exports.a =t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(_chunkSNOFZS77cjs.a,{ref:s,className:_clsx2.default.call(void 0, u,m),label:l,title:c,...p},r||t.createElement(_hearthreacticons.ChevronRightSmallIcon,null)));f.displayName=e;exports.a = f;
-//# sourceMappingURL=chunk-LSDQYW7O.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var t = _interopRequireWildcard(_react);var e="AlertIconButton",u=_chunk5AK4QM2Gcjs.b.call(void 0, e),f= exports.a =t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(_chunkK35PGLA6cjs.a,{ref:s,className:_clsx2.default.call(void 0, u,m),label:l,title:c,...p},r||t.createElement(_hearthreacticons.ChevronRightSmallIcon,null)));f.displayName=e;exports.a = f;
+//# sourceMappingURL=chunk-UL2KWCH3.cjs.map

package/dist/{chunk-LSDQYW7O.cjs.map → chunk-UL2KWCH3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LSDQYW7O.cjs","../src/components/Alert/AlertIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertIconButton","children","label","title","className","props","ref","UnstyledIconButton","clsx","ChevronRightSmallIcon"],"mappings":"AAAA,mfAAwC,wDAAyC,wECA3C,wEACrB,uEAEM,IAKjBA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAM7CC,CAAAA,aAAwB,CAAA,CAAA,UAAA,CACnC,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEhF,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,4BAAAA,CAAKV,CAAoBM,CAAS,CAAA,CAC7C,KAAA,CAAOF,CAAAA,CACP,KAAA,CAAOC,CAAAA,CACN,GAAGE,CAAAA,CAAAA,CAEHJ,CAAAA,EAAY,CAAA,CAAA,aAAA,CAACQ,uCAAAA,CAAA,IAAsB,CACtC,CAGN,CAAA,CAEAT,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LSDQYW7O.cjs","sourcesContent":[null,"import { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport * as React from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { UnstyledIconButtonProps } from '../UnstyledIconButton/UnstyledIconButton.props';\n\nconst COMPONENT_NAME = 'AlertIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type AlertIconButtonProps = UnstyledIconButtonProps;\n\ntype AlertIconButtonElement = ElementRef<'button'>;\n\nexport const AlertIconButton = React.forwardRef<AlertIconButtonElement, AlertIconButtonProps>(\n  ({ children, label = 'Alert action', title = 'Alert action', className, ...props }, ref) => {\n    return (\n      <UnstyledIconButton\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        label={label}\n        title={title}\n        {...props}\n      >\n        {children || <ChevronRightSmallIcon />}\n      </UnstyledIconButton>\n    );\n  }\n);\n\nAlertIconButton.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-UL2KWCH3.cjs","../src/components/Alert/AlertIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertIconButton","children","label","title","className","props","ref","UnstyledIconButton","clsx","ChevronRightSmallIcon"],"mappings":"AAAA,mfAAwC,wDAAyC,wECA3C,wEACrB,uEAEM,IAKjBA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAM7CC,CAAAA,aAAwB,CAAA,CAAA,UAAA,CACnC,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEhF,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,4BAAAA,CAAKV,CAAoBM,CAAS,CAAA,CAC7C,KAAA,CAAOF,CAAAA,CACP,KAAA,CAAOC,CAAAA,CACN,GAAGE,CAAAA,CAAAA,CAEHJ,CAAAA,EAAY,CAAA,CAAA,aAAA,CAACQ,uCAAAA,CAAA,IAAsB,CACtC,CAGN,CAAA,CAEAT,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-UL2KWCH3.cjs","sourcesContent":[null,"import { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport * as React from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { UnstyledIconButtonProps } from '../UnstyledIconButton/UnstyledIconButton.props';\n\nconst COMPONENT_NAME = 'AlertIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type AlertIconButtonProps = UnstyledIconButtonProps;\n\ntype AlertIconButtonElement = ElementRef<'button'>;\n\nexport const AlertIconButton = React.forwardRef<AlertIconButtonElement, AlertIconButtonProps>(\n  ({ children, label = 'Alert action', title = 'Alert action', className, ...props }, ref) => {\n    return (\n      <UnstyledIconButton\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        label={label}\n        title={title}\n        {...props}\n      >\n        {children || <ChevronRightSmallIcon />}\n      </UnstyledIconButton>\n    );\n  }\n);\n\nAlertIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-V6WTH34Y.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkLGOEVVQUcjs = require('./chunk-LGOEVVQU.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var N="ButtonBase",b=_chunk5AK4QM2Gcjs.b.call(void 0, N),E= exports.a =e.forwardRef((a,s)=>{let{colorScheme:C,inverted:P,className:n,disabled:t,onClick:r,asChild:R,children:i,...l}=_chunk4HAN4WSZcjs.a.call(void 0, a,_chunkLGOEVVQUcjs.a,_chunkHW74KDL7cjs.a),{variant:o="solid"}=a,d={"data-colorscheme":C||(o==="emphasis"||o==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return o==="emphasis"?e.createElement(_radixui.Slot.Root,{ref:s,"aria-disabled":t||void 0,className:_clsx2.default.call(void 0, b,n),onClick:t?void 0:r,...d,...l},_chunkMBS63LK7cjs.a.call(void 0, {asChild:R,children:i},S=>e.createElement(e.Fragment,null,e.createElement("span",{className:"hearth-shadow"}),e.createElement("span",{className:"hearth-front"},S)))):e.createElement(_radixui.Slot.Root,{ref:s,"aria-disabled":t||void 0,className:_clsx2.default.call(void 0, b,n),onClick:t?void 0:r,...d,...l},i)});E.displayName=N;exports.a = E;
+//# sourceMappingURL=chunk-V6WTH34Y.cjs.map