@utilitywarehouse/hearth-react 0.31.2 → 0.31.5

package/dist/chunk-53X2J7TB.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as h}from"./chunk-AUXO7HYJ.js";import{a as u}from"./chunk-KBX2N5VR.js";import{a as f}from"./chunk-KGEVWEVL.js";import{a as n}from"./chunk-J3AJBV4B.js";import{b as c}from"./chunk-PDEVCIQ3.js";import{a as B}from"./chunk-VCC5YQTQ.js";import{Slot as b}from"radix-ui";import{forwardRef as g}from"react";import{Fragment as k,jsx as o,jsxs as v}from"react/jsx-runtime";var C="ButtonBase",e=c(C),w=g((s,r)=>{let{colorScheme:N,inverted:P,className:i,disabled:t,onClick:d,asChild:S,children:m,...l}=f(s,h,u),{variant:a="solid"}=s,p={"data-colorscheme":N||(a==="emphasis"||a==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return a==="emphasis"?o(b.Root,{ref:r,"aria-disabled":t||void 0,className:n(e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:B({asChild:S,children:m},R=>v(k,{children:[o("span",{className:`${e}Shadow`}),o("span",{className:`${e}Front`,children:R})]}))}):o(b.Root,{ref:r,"aria-disabled":t||void 0,className:n(e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:m})});w.displayName=C;export{w as a};
-//# sourceMappingURL=chunk-53X2J7TB.js.map

package/dist/chunk-53X2J7TB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.tsx"],"sourcesContent":["'use client';\n\nimport { Slot } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { buttonBasePropDefs } from './ButtonBase.props';\nimport type { ButtonBaseProps } from './ButtonBase.props';\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';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ComponentRef<'button'>;\n\nexport const ButtonBase = 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={cn(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        data-testid={componentClassName}\n        {...buttonBaseProps}\n      >\n        {getSubtree({ asChild, children }, children => (\n          <>\n            <span className={`${componentClassName}Shadow`}></span>\n            <span className={`${componentClassName}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={cn(componentClassName, className)}\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      data-testid={componentClassName}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Slot.Root>\n  );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"],"mappings":";;gPAEA,OAAS,QAAAA,MAAY,WAQrB,OAAS,cAAAC,MAAkB,QA6CjB,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBA1CV,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAaP,EAA+C,CAACQ,EAAOC,IAAQ,CACvF,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,WAEZnB,EAACqB,EAAK,KAAL,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWW,EAAGnB,EAAoBO,CAAS,EAG3C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACJ,cAAajB,EACZ,GAAGY,EAEH,SAAAQ,EAAW,CAAE,QAAAV,EAAS,SAAAC,CAAS,EAAGA,GACjCb,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,UAAW,GAAGG,CAAkB,SAAU,EAChDH,EAAC,QAAK,UAAW,GAAGG,CAAkB,QAAU,SAAAW,EAAS,GAC3D,CACD,EACH,EAIFd,EAACqB,EAAK,KAAL,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWW,EAAGnB,EAAoBO,CAAS,EAC3C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACJ,cAAajB,EACZ,GAAGY,EAEH,SAAAD,EACH,CAEJ,CAAC,EAEDT,EAAW,YAAcH","names":["Slot","forwardRef","Fragment","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","Slot","cn","getSubtree"]}

package/dist/chunk-67YHII7B.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as p}from"./chunk-53X2J7TB.js";import{a as d}from"./chunk-ZAS7UCT3.js";import{a as l}from"./chunk-YO67JIGH.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as s}from"./chunk-J3AJBV4B.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{a as m}from"./chunk-VCC5YQTQ.js";import{Slot as g}from"radix-ui";import{forwardRef as h}from"react";import{jsx as o,jsxs as E}from"react/jsx-runtime";var f="Button",t=a(f),v=h((u,c)=>{let{className:B,children:n,disabled:N,loading:e,asChild:r,...b}=i(u,d),C=r?g.Root:"button";return o(p,{ref:c,className:s(t,B),disabled:N||e,"aria-label":e?"Loading":void 0,"data-testid":t,asChild:!0,...b,children:o(C,{children:e?m({asChild:r,children:n},P=>E("div",{className:`${t}Loading`,children:[o("div",{children:o(l,{size:"xs",currentColor:!0})}),o("span",{className:`${t}Hidden`,children:P})]})):n})})});v.displayName=f;export{v as a};
-//# sourceMappingURL=chunk-67YHII7B.js.map

package/dist/chunk-67YHII7B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs } from './Button.props';\nimport type { ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = forwardRef<ButtonBaseElement, ButtonProps>((props, ref) => {\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={ref}\n      className={cn(componentClassName, className)}\n      disabled={disabled || loading}\n      aria-label={loading ? 'Loading' : undefined}\n      data-testid={componentClassName}\n      asChild\n      {...buttonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, children => (\n              <div className={`${componentClassName}Loading`}>\n                <div>\n                  <Spinner size=\"xs\" currentColor />\n                </div>\n                <span className={`${componentClassName}Hidden`}>{children}</span>\n              </div>\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n});\n\nButton.displayName = COMPONENT_NAME;\n"],"mappings":";;wRASA,OAAS,QAAAA,MAAY,WAErB,OAAS,cAAAC,MAAkB,QAwBb,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAtBd,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAASN,EAA2C,CAACO,EAAOC,IAAQ,CAC/E,GAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAS,QAAAC,EAAS,GAAGC,CAAY,EAAIC,EAC1ER,EACAS,CACF,EACMC,EAAYJ,EAAUK,EAAK,KAAO,SACxC,OACEjB,EAACkB,EAAA,CACC,IAAKX,EACL,UAAWY,EAAGhB,EAAoBK,CAAS,EAC3C,SAAUE,GAAYC,EACtB,aAAYA,EAAU,UAAY,OAClC,cAAaR,EACb,QAAO,GACN,GAAGU,EAEJ,SAAAb,EAACgB,EAAA,CACE,SAAAL,EACGS,EAAW,CAAE,QAAAR,EAAS,SAAAH,CAAS,EAAGA,GAChCR,EAAC,OAAI,UAAW,GAAGE,CAAkB,UACnC,UAAAH,EAAC,OACC,SAAAA,EAACqB,EAAA,CAAQ,KAAK,KAAK,aAAY,GAAC,EAClC,EACArB,EAAC,QAAK,UAAW,GAAGG,CAAkB,SAAW,SAAAM,EAAS,GAC5D,CACD,EACDA,EACN,EACF,CAEJ,CAAC,EAEDJ,EAAO,YAAcH","names":["Slot","forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","props","ref","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","ButtonBase","cn","getSubtree","Spinner"]}

package/dist/chunk-6ZWTLZZX.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkM4ECR25Ocjs = require('./chunk-M4ECR25O.cjs');var _chunkOTQHBR7Ccjs = require('./chunk-OTQHBR7C.cjs');var _chunkDXGYPSJKcjs = require('./chunk-DXGYPSJK.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f="Button",t=_chunk4Q432K4Wcjs.b.call(void 0, f),v= exports.a =_react.forwardRef.call(void 0, (u,c)=>{let{className:B,children:n,disabled:N,loading:e,asChild:r,...b}=_chunkZPJNQBTNcjs.a.call(void 0, u,_chunkOTQHBR7Ccjs.a),C=r?_radixui.Slot.Root:"button";return _jsxruntime.jsx.call(void 0, _chunkM4ECR25Ocjs.a,{ref:c,className:_chunkONNSZMWFcjs.a.call(void 0, t,B),disabled:N||e,"aria-label":e?"Loading":void 0,"data-testid":t,asChild:!0,...b,children:_jsxruntime.jsx.call(void 0, C,{children:e?_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:r,children:n},P=>_jsxruntime.jsxs.call(void 0, "div",{className:`${t}Loading`,children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkDXGYPSJKcjs.a,{size:"xs",currentColor:!0})}),_jsxruntime.jsx.call(void 0, "span",{className:`${t}Hidden`,children:P})]})):n})})});v.displayName=f;exports.a = v;
-//# sourceMappingURL=chunk-6ZWTLZZX.cjs.map

package/dist/chunk-6ZWTLZZX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-6ZWTLZZX.cjs","../src/components/Button/Button.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","forwardRef","props","ref","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","jsx","ButtonBase","cn","getSubtree","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCOzQ,8BAEM,+CAwBb,IAtBRA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAASC,+BAAAA,CAA4CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC/E,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,OACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKZ,CAAAA,CACL,SAAA,CAAWa,iCAAAA,CAAGlB,CAAoBM,CAAS,CAAA,CAC3C,QAAA,CAAUE,CAAAA,EAAYC,CAAAA,CACtB,YAAA,CAAYA,CAAAA,CAAU,SAAA,CAAY,KAAA,CAAA,CAClC,aAAA,CAAaT,CAAAA,CACb,OAAA,CAAO,CAAA,CAAA,CACN,GAAGW,CAAAA,CAEJ,QAAA,CAAAK,6BAAAA,CAACF,CAAA,CACE,QAAA,CAAAL,CAAAA,CACGU,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAH,CAAS,CAAA,CAAGA,CAAAA,EAChCa,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6ZWTLZZX.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs } from './Button.props';\nimport type { ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = forwardRef<ButtonBaseElement, ButtonProps>((props, ref) => {\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={ref}\n      className={cn(componentClassName, className)}\n      disabled={disabled || loading}\n      aria-label={loading ? 'Loading' : undefined}\n      data-testid={componentClassName}\n      asChild\n      {...buttonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, children => (\n              <div className={`${componentClassName}Loading`}>\n                <div>\n                  <Spinner size=\"xs\" currentColor />\n                </div>\n                <span className={`${componentClassName}Hidden`}>{children}</span>\n              </div>\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n});\n\nButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-M4ECR25O.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkQFHOANX3cjs = require('./chunk-QFHOANX3.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var C="ButtonBase",e=_chunk4Q432K4Wcjs.b.call(void 0, C),w= exports.a =_react.forwardRef.call(void 0, (s,r)=>{let{colorScheme:N,inverted:P,className:i,disabled:t,onClick:d,asChild:S,children:m,...l}=_chunkZPJNQBTNcjs.a.call(void 0, s,_chunkQFHOANX3cjs.a,_chunkHI7GZDRAcjs.a),{variant:a="solid"}=s,p={"data-colorscheme":N||(a==="emphasis"||a==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return a==="emphasis"?_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:r,"aria-disabled":t||void 0,className:_chunkONNSZMWFcjs.a.call(void 0, e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:S,children:m},R=>_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "span",{className:`${e}Shadow`}),_jsxruntime.jsx.call(void 0, "span",{className:`${e}Front`,children:R})]}))}):_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:r,"aria-disabled":t||void 0,className:_chunkONNSZMWFcjs.a.call(void 0, e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:m})});w.displayName=C;exports.a = w;
-//# sourceMappingURL=chunk-M4ECR25O.cjs.map

package/dist/chunk-M4ECR25O.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-M4ECR25O.cjs","../src/components/ButtonBase/ButtonBase.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","forwardRef","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","jsx","Slot","cn","getSubtree","jsxs","Fragment"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCAhO,8BAQM,+CA6CjB,IA1CJA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,WAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaV,CAAOW,mBAAAA,CAAoBC,mBAAc,CAAA,CACpD,CAAE,OAAA,CAAAC,CAAAA,CAAU,OAAQ,CAAA,CAAIb,CAAAA,CAIxBc,CAAAA,CAAqB,CACzB,kBAAA,CAAoBZ,CAAAA,EAAAA,CAFpBW,CAAAA,GAAY,UAAA,EAAcA,CAAAA,GAAY,OAAA,CAAU,WAAA,CAAc,YAAA,CAAA,CAG9D,eAAA,CAAiBV,CAAAA,CAAW,EAAA,CAAK,KAAA,CACnC,CAAA,CAKA,OAAIU,CAAAA,GAAY,UAAA,CAEZE,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKf,CAAAA,CACL,eAAA,CAAeI,CAAAA,EAAY,KAAA,CAAA,CAC3B,SAAA,CAAWY,iCAAAA,CAAGrB,CAAoBQ,CAAS,CAAA,CAG3C,OAAA,CAASC,CAAAA,CAAW,KAAA,CAAA,CAAYC,CAAAA,CAC/B,GAAGQ,CAAAA,CACJ,aAAA,CAAalB,CAAAA,CACZ,GAAGa,CAAAA,CAEH,QAAA,CAAAS,iCAAAA,CAAa,OAAA,CAAAX,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAGA,CAAAA,EACjCW,8BAAAA,oBAAAC,CAAA,CACE,QAAA,CAAA,CAAAL,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-M4ECR25O.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { buttonBasePropDefs } from './ButtonBase.props';\nimport type { ButtonBaseProps } from './ButtonBase.props';\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';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ComponentRef<'button'>;\n\nexport const ButtonBase = 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={cn(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        data-testid={componentClassName}\n        {...buttonBaseProps}\n      >\n        {getSubtree({ asChild, children }, children => (\n          <>\n            <span className={`${componentClassName}Shadow`}></span>\n            <span className={`${componentClassName}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={cn(componentClassName, className)}\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      data-testid={componentClassName}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Slot.Root>\n  );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-TDQOZ6PO.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as c}from"./chunk-E3MNNBAK.js";import{a}from"./chunk-53X2J7TB.js";import{a as l}from"./chunk-YO67JIGH.js";import{a as m}from"./chunk-KGEVWEVL.js";import{a as s}from"./chunk-J3AJBV4B.js";import{b as i}from"./chunk-PDEVCIQ3.js";import{a as f}from"./chunk-KGSRRRQN.js";import{a as p}from"./chunk-VCC5YQTQ.js";import{Slot as h}from"radix-ui";import{forwardRef as z}from"react";import{jsx as o}from"react/jsx-runtime";var B="IconButton",u=i(B),E=z((t,d)=>{let{className:P,label:S,disabled:b,loading:n,children:r,asChild:e,...C}=m(t,c),N=f(t.size||"md",{md:"sm",sm:"xs"}),I=e?h.Root:"button";return o(a,{ref:d,className:s(u,P),"aria-label":S,disabled:b||n,"data-testid":u,asChild:!0,...C,children:o(I,{children:n?p({asChild:e,children:r},()=>o(l,{size:N,currentColor:!0})):r})})});E.displayName=B;export{E as a};
-//# sourceMappingURL=chunk-TDQOZ6PO.js.map

package/dist/chunk-TDQOZ6PO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { iconButtonPropDefs } from './IconButton.props';\nimport type { IconButtonProps } from './IconButton.props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = forwardRef<ButtonBaseElement, IconButtonProps>((props, ref) => {\n  const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n    extractProps(props, iconButtonPropDefs);\n\n  const spinnerSize = getResponsiveTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n  const Component = asChild ? Slot.Root : 'button';\n\n  return (\n    <ButtonBase\n      ref={ref}\n      className={cn(componentClassName, className)}\n      aria-label={label}\n      disabled={disabled || loading}\n      data-testid={componentClassName}\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\nIconButton.displayName = COMPONENT_NAME;\n"],"mappings":";;2TAUA,OAAS,QAAAA,MAAY,WAGrB,OAAS,cAAAC,MAAkB,QAyBb,cAAAC,MAAA,oBAvBd,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAaL,EAA+C,CAACM,EAAOC,IAAQ,CACvF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAgB,EACjFC,EAAaT,EAAOU,CAAkB,EAElCC,EAAcC,EAAyBZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFa,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACEnB,EAACoB,EAAA,CACC,IAAKd,EACL,UAAWe,EAAGnB,EAAoBK,CAAS,EAC3C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,cAAaR,EACb,QAAO,GACN,GAAGW,EAEJ,SAAAb,EAACkB,EAAA,CACE,SAAAR,EACGY,EAAW,CAAE,QAAAV,EAAS,SAAAD,CAAS,EAAG,IAChCX,EAACuB,EAAA,CAAQ,KAAMP,EAAqC,aAAY,GAAC,CAClE,EACDL,EACN,EACF,CAEJ,CAAC,EAEDP,EAAW,YAAcH","names":["Slot","forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","ref","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","ButtonBase","cn","getSubtree","Spinner"]}

package/dist/chunk-YWJ4BIIS.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkBTRH4U6Lcjs = require('./chunk-BTRH4U6L.cjs');var _chunkM4ECR25Ocjs = require('./chunk-M4ECR25O.cjs');var _chunkDXGYPSJKcjs = require('./chunk-DXGYPSJK.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunk5XQBCR7Qcjs = require('./chunk-5XQBCR7Q.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var B="IconButton",u=_chunk4Q432K4Wcjs.b.call(void 0, B),E= exports.a =_react.forwardRef.call(void 0, (t,d)=>{let{className:P,label:S,disabled:b,loading:n,children:r,asChild:e,...C}=_chunkZPJNQBTNcjs.a.call(void 0, t,_chunkBTRH4U6Lcjs.a),N=_chunk5XQBCR7Qcjs.a.call(void 0, t.size||"md",{md:"sm",sm:"xs"}),I=e?_radixui.Slot.Root:"button";return _jsxruntime.jsx.call(void 0, _chunkM4ECR25Ocjs.a,{ref:d,className:_chunkONNSZMWFcjs.a.call(void 0, u,P),"aria-label":S,disabled:b||n,"data-testid":u,asChild:!0,...C,children:_jsxruntime.jsx.call(void 0, I,{children:n?_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:e,children:r},()=>_jsxruntime.jsx.call(void 0, _chunkDXGYPSJKcjs.a,{size:N,currentColor:!0})):r})})});E.displayName=B;exports.a = E;
-//# sourceMappingURL=chunk-YWJ4BIIS.cjs.map

package/dist/chunk-YWJ4BIIS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YWJ4BIIS.cjs","../src/components/IconButton/IconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","forwardRef","props","ref","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","jsx","ButtonBase","cn","getSubtree","Spinner"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCQ7S,8BAGM,+CAyBb,IAvBRA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,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,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACjFa,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKf,CAAAA,CACL,SAAA,CAAWgB,iCAAAA,CAAGrB,CAAoBM,CAAS,CAAA,CAC3C,YAAA,CAAYC,CAAAA,CACZ,QAAA,CAAUC,CAAAA,EAAYC,CAAAA,CACtB,aAAA,CAAaT,CAAAA,CACb,OAAA,CAAO,CAAA,CAAA,CACN,GAAGY,CAAAA,CAEJ,QAAA,CAAAO,6BAAAA,CAACF,CAAA,CACE,QAAA,CAAAR,CAAAA,CACGa,iCAAAA,CAAa,OAAA,CAAAX,CAAAA,CAAS,QAAA,CAAAD,CAAS,CAAA,CAAG,CAAA,CAAA,EAChCS,6BAAAA,mBAACI,CAAA,CAAQ,IAAA,CAAMR,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDL,CAAAA,CACN,CAAA,CACF,CAEJ,CAAC,CAAA,CAEDR,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YWJ4BIIS.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { iconButtonPropDefs } from './IconButton.props';\nimport type { IconButtonProps } from './IconButton.props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = forwardRef<ButtonBaseElement, IconButtonProps>((props, ref) => {\n  const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n    extractProps(props, iconButtonPropDefs);\n\n  const spinnerSize = getResponsiveTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n  const Component = asChild ? Slot.Root : 'button';\n\n  return (\n    <ButtonBase\n      ref={ref}\n      className={cn(componentClassName, className)}\n      aria-label={label}\n      disabled={disabled || loading}\n      data-testid={componentClassName}\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\nIconButton.displayName = COMPONENT_NAME;\n"]}