@utilitywarehouse/hearth-react 0.16.1 → 0.16.3

package/dist/chunk-BPLBZ4OW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/helpers/get-responsive-size-translation.ts"],"sourcesContent":["import type { Breakpoint, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\n/**\n * Translates a responsive size value according to a provided mapping.\n *\n * If a responsive size object is provided, the translation is applied per\n * breakpoint and a responsive size object is returned.\n *\n * Examples\n * ```ts\n * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'\n * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })\n * // => { mobile: 'tiny', tablet: 'medium' }\n * ```\n *\n * @param size - The size value (string or responsive object) to translate.\n * @param translation - Mapping object from input size to output size.\n * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.\n */\nexport function getResponsiveSizeTranslation(\n  size: Responsive<string>,\n  translation: { [key: string]: Responsive<string> }\n): Responsive<string> | undefined {\n  if (typeof size === 'string') {\n    return translation[size];\n  }\n  if (isResponsiveObject(size)) {\n    return Object.keys(size).reduce((acc: { [key: string]: string }, bp: string) => {\n      const translated = translation[size[bp as Breakpoint]];\n      if (translated) {\n        acc[bp] = translated as string;\n      }\n      return acc;\n    }, {});\n  }\n}\n"],"mappings":"wCAoBO,SAASA,EACdC,EACAC,EACgC,CAChC,GAAI,OAAOD,GAAS,SAClB,OAAOC,EAAYD,CAAI,EAEzB,GAAIE,EAAmBF,CAAI,EACzB,OAAO,OAAO,KAAKA,CAAI,EAAE,OAAO,CAACG,EAAgCC,IAAe,CAC9E,IAAMC,EAAaJ,EAAYD,EAAKI,CAAgB,CAAC,EACrD,OAAIC,IACFF,EAAIC,CAAE,EAAIC,GAELF,CACT,EAAG,CAAC,CAAC,CAET","names":["getResponsiveSizeTranslation","size","translation","isResponsiveObject","acc","bp","translated"]}

package/dist/chunk-DAKD232G.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-SX25PHVU.js";import{b as e}from"./chunk-JTQWB7E2.js";import*as o from"react";import{ToggleGroup as u}from"radix-ui";import G from"clsx";var t="ToggleGroup",R=e(t),T=o.forwardRef(({className:p,direction:l,type:m="multiple",value:a,defaultValue:g,onValueChange:i,children:s,...n},f)=>{let c={type:m,value:a,defaultValue:g,onValueChange:i,children:s};return o.createElement(r,{asChild:!0,...n},o.createElement(u.Root,{ref:f,className:G(R,p),...c,orientation:l==="column"?"vertical":"horizontal"}))});T.displayName=t;export{T as a};
-//# sourceMappingURL=chunk-DAKD232G.js.map

package/dist/chunk-DAKD232G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ToggleGroupProps } from './ToggleGroup.props';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ToggleGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleGroupElement = ElementRef<'div'>;\n\nexport const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n  (\n    {\n      className,\n      direction,\n      type = 'multiple',\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n      ...flexProps\n    },\n    ref\n  ) => {\n    const toggleGroupProps = {\n      type,\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n    };\n\n    return (\n      <Flex asChild {...flexProps}>\n        <RadixToggleGroup.Root\n          ref={ref}\n          className={clsx(componentClassName, className)}\n          {...(toggleGroupProps as React.ComponentProps<typeof RadixToggleGroup.Root>)}\n          orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        />\n      </Flex>\n    );\n  }\n);\n\nToggleGroup.displayName = COMPONENT_NAME;\n"],"mappings":"gFAAA,UAAYA,MAAW,QACvB,OAAS,eAAeC,MAAwB,WAChD,OAAOC,MAAU,OAMjB,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAoB,aAC/B,CACE,CACE,UAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,WACP,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAmB,CACvB,KAAAP,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAEA,OACE,gBAACI,EAAA,CAAK,QAAO,GAAE,GAAGH,GAChB,gBAACI,EAAiB,KAAjB,CACC,IAAKH,EACL,UAAWI,EAAKf,EAAoBG,CAAS,EAC5C,GAAIS,EACL,YAAaR,IAAc,SAAW,WAAa,aACrD,CACF,CAEJ,CACF,EAEAF,EAAY,YAAcH","names":["React","RadixToggleGroup","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleGroup","className","direction","type","value","defaultValue","onValueChange","children","flexProps","ref","toggleGroupProps","Flex","RadixToggleGroup","clsx"]}

package/dist/chunk-FCNGZ4M7.js

@@ -1,2 +0,0 @@
-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-FCNGZ4M7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["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"],"mappings":"2OAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,OAAS,QAAAC,MAAY,WAGrB,IAAMC,EAAiB,qBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAA2B,aAGtC,CAACC,EAAOC,IAAiB,CACzB,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAIC,EAAaX,EAAOY,CAA0B,EAE5CC,EAAcC,EAA6Bd,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACrFe,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACE,gBAACD,EAAA,CACC,IAAKd,EACL,UAAWgB,EAAKpB,EAAoBK,CAAS,EAC7C,aAAYE,EACZ,gBAAeC,GAAYE,EAC3B,gBAAeD,EAAW,GAAK,OAC/B,QAASD,EAAW,OAAYG,EAC/B,GAAGE,GAEHH,EACGW,EAAW,CAAE,QAAAT,EAAS,SAAAN,CAAS,EAAG,IAChC,gBAACgB,EAAA,CAAQ,KAAMN,EAAqC,aAAY,GAAC,CAClE,EACDV,CACN,CAEJ,CAAC,EAEDJ,EAAmB,YAAcH","names":["React","clsx","Slot","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"]}

package/dist/chunk-IJDDBHGV.cjs.map

@@ -1 +0,0 @@
-{"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-K35PGLA6.cjs.map

@@ -1 +0,0 @@
-{"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-RMJU2VET.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-RMJU2VET.cjs","../src/components/Avatar/Avatar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveSizeTranslation","mediumIconDisplay","smallIconDisplay","RadixAvatar","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAhT,wEACN,mCAKqB,wEACQ,IAQxCA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAgCC,CAAAA,EAAS,CACpD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAAA,CAAgBC,mBAAc,CAAA,CAEhDC,CAAAA,CAAWC,iCAAAA,CAAgB,CAAA,CAE3BC,CAAAA,CAAeC,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACtFa,CAAAA,CAAoBD,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACzE,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,OACN,CAAC,CAAA,CACKc,CAAAA,CAAmBF,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACxE,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,MACN,CAAC,CAAA,CAED,OACE,CAAA,CAAA,aAAA,CAACe,eAAAA,CAAY,IAAA,CAAZ,CAAiB,SAAA,CAAWC,4BAAAA,CAAKnB,CAAoBI,CAAS,CAAA,CAAA,CAC5DC,CAAAA,CACC,CAAA,CAAA,aAAA,CAACa,eAAAA,CAAY,KAAA,CAAZ,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RMJU2VET.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { avatarPropDefs, AvatarProps } from './Avatar.props';\nimport { Avatar as RadixAvatar } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar: React.FC<AvatarProps> = props => {\n  const {\n    className,\n    src,\n    name,\n    delayMs = 0,\n    ...avatarProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  const initials = getInitials(name);\n\n  const bodyTextSize = getResponsiveSizeTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n  const mediumIconDisplay = getResponsiveSizeTranslation(props.size || 'md', {\n    sm: 'none',\n    md: 'block',\n  });\n  const smallIconDisplay = getResponsiveSizeTranslation(props.size || 'md', {\n    sm: 'block',\n    md: 'none',\n  });\n\n  return (\n    <RadixAvatar.Root className={clsx(componentClassName, className)}>\n      {src ? (\n        <RadixAvatar.Image\n          className={`${componentClassName}Image`}\n          src={src}\n          alt={name}\n          {...avatarProps}\n        />\n      ) : null}\n      <RadixAvatar.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n        {name ? (\n          <BodyText\n            as=\"span\"\n            weight=\"semibold\"\n            size={bodyTextSize as BodyTextProps['size']}\n            textTransform=\"uppercase\"\n          >\n            {initials}\n          </BodyText>\n        ) : (\n          <>\n            <Box asChild display={smallIconDisplay as BoxProps['display']}>\n              <UserSmallIcon />\n            </Box>\n            <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n              <UserMediumIcon />\n            </Box>\n          </>\n        )}\n      </RadixAvatar.Fallback>\n    </RadixAvatar.Root>\n  );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-RWWU27CA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-RWWU27CA.cjs","../src/components/ToggleGroup/ToggleGroup.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleGroup","className","direction","type","value","defaultValue","onValueChange","children","flexProps","ref","toggleGroupProps","Flex","RadixToggleGroup","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,uECA1D,mCACyB,wEAC/B,IAMXA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoB,CAAA,CAAA,UAAA,CAC/B,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CAAO,UAAA,CACP,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAmB,CACvB,IAAA,CAAAP,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAE,GAAGH,CAAAA,CAAAA,CAChB,CAAA,CAAA,aAAA,CAACI,oBAAAA,CAAiB,IAAA,CAAjB,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKf,CAAoBG,CAAS,CAAA,CAC5C,GAAIS,CAAAA,CACL,WAAA,CAAaR,CAAAA,GAAc,QAAA,CAAW,UAAA,CAAa,YAAA,CACrD,CACF,CAEJ,CACF,CAAA,CAEAF,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RWWU27CA.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ToggleGroupProps } from './ToggleGroup.props';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ToggleGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleGroupElement = ElementRef<'div'>;\n\nexport const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n  (\n    {\n      className,\n      direction,\n      type = 'multiple',\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n      ...flexProps\n    },\n    ref\n  ) => {\n    const toggleGroupProps = {\n      type,\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n    };\n\n    return (\n      <Flex asChild {...flexProps}>\n        <RadixToggleGroup.Root\n          ref={ref}\n          className={clsx(componentClassName, className)}\n          {...(toggleGroupProps as React.ComponentProps<typeof RadixToggleGroup.Root>)}\n          orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        />\n      </Flex>\n    );\n  }\n);\n\nToggleGroup.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-U2GLVLWD.js

@@ -1,2 +0,0 @@
-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-U2GLVLWD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["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"],"mappings":"mRAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,OAAS,QAAAC,MAAY,WAGrB,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmB,aAC9B,CAACC,EAAOC,IAAiB,CACvB,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAgB,EACjFC,EAAaT,EAAOU,CAAkB,EAElCC,EAAcC,EAA6BZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACrFa,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACE,gBAACC,EAAA,CACC,IAAKd,EACL,UAAWe,EAAKnB,EAAoBK,CAAS,EAC7C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,QAAO,GACN,GAAGG,GAEJ,gBAACK,EAAA,KACER,EACGY,EAAW,CAAE,QAAAV,EAAS,SAAAD,CAAS,EAAG,IAChC,gBAACY,EAAA,CAAQ,KAAMP,EAAqC,aAAY,GAAC,CAClE,EACDL,CACN,CACF,CAEJ,CACF,EAEAP,EAAW,YAAcH","names":["React","clsx","Slot","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","forwardedRef","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"]}

package/dist/helpers/get-responsive-size-translation.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA7QCHPE4cjs = require('../chunk-A7QCHPE4.cjs');require('../chunk-6MWZLLVG.cjs');require('../chunk-AURLQ3VG.cjs');exports.getResponsiveSizeTranslation = _chunkA7QCHPE4cjs.a;
-//# sourceMappingURL=get-responsive-size-translation.cjs.map

package/dist/helpers/get-responsive-size-translation.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/helpers/get-responsive-size-translation.cjs"],"names":[],"mappings":"AAAA,kIAAoC,iCAA8B,iCAA8B,2DAA0C","file":"/home/runner/work/hearth/hearth/packages/react/dist/helpers/get-responsive-size-translation.cjs"}

package/dist/helpers/get-responsive-size-translation.d.cts

@@ -1,24 +0,0 @@
-import { Responsive } from '../types/responsive.cjs';
-
-/**
- * Translates a responsive size value according to a provided mapping.
- *
- * If a responsive size object is provided, the translation is applied per
- * breakpoint and a responsive size object is returned.
- *
- * Examples
- * ```ts
- * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'
- * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })
- * // => { mobile: 'tiny', tablet: 'medium' }
- * ```
- *
- * @param size - The size value (string or responsive object) to translate.
- * @param translation - Mapping object from input size to output size.
- * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.
- */
-declare function getResponsiveSizeTranslation(size: Responsive<string>, translation: {
-    [key: string]: Responsive<string>;
-}): Responsive<string> | undefined;
-
-export { getResponsiveSizeTranslation };

package/dist/helpers/get-responsive-size-translation.d.ts

@@ -1,24 +0,0 @@
-import { Responsive } from '../types/responsive.js';
-
-/**
- * Translates a responsive size value according to a provided mapping.
- *
- * If a responsive size object is provided, the translation is applied per
- * breakpoint and a responsive size object is returned.
- *
- * Examples
- * ```ts
- * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'
- * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })
- * // => { mobile: 'tiny', tablet: 'medium' }
- * ```
- *
- * @param size - The size value (string or responsive object) to translate.
- * @param translation - Mapping object from input size to output size.
- * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.
- */
-declare function getResponsiveSizeTranslation(size: Responsive<string>, translation: {
-    [key: string]: Responsive<string>;
-}): Responsive<string> | undefined;
-
-export { getResponsiveSizeTranslation };

package/dist/helpers/get-responsive-size-translation.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-BPLBZ4OW.js";import"../chunk-JKIDUQDG.js";import"../chunk-AJUKXCDS.js";export{a as getResponsiveSizeTranslation};
-//# sourceMappingURL=get-responsive-size-translation.js.map