@utilitywarehouse/hearth-react 0.19.1 → 0.20.0

package/dist/chunk-ZNXZHILT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZNXZHILT.cjs","../src/components/CardActions/CardActionContent.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionContent","heading","leadingIcon","leadingIconContainerColorScheme","trailingIcon","helperText","className","badge","badgePlacement","clsx","IconContainer"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,uECA5I,wEAIN,IAIXA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAsD,CAAC,CAClE,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CAAiB,QACnB,CAAA,CAAA,EAEI,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWC,4BAAAA,CAAKX,CAAoBQ,CAAS,CAAA,CAAA,CAC/CJ,CAAAA,CACCC,CAAAA,CACE,CAAA,CAAA,aAAA,CAACO,mBAAAA,CAAA,CACC,WAAA,CAAaP,CAAAA,CACb,IAAA,CAAK,IAAA,CACL,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,MAAA,CAAA,CAEZD,CACH,CAAA,CAEA,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZNXZHILT.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { HelperText } from '../HelperText/HelperText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { CardActionContentProps } from './CardActionContent.props';\nimport clsx from 'clsx';\nimport { BodyText } from '../BodyText/BodyText';\nimport { IconContainer } from '../IconContainer/IconContainer';\n\nconst COMPONENT_NAME = 'CardActionContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActionContent: React.FC<CardActionContentProps> = ({\n  heading,\n  leadingIcon,\n  leadingIconContainerColorScheme,\n  trailingIcon,\n  helperText,\n  className,\n  badge,\n  badgePlacement = 'bottom',\n}) => {\n  return (\n    <div className={clsx(componentClassName, className)}>\n      {leadingIcon ? (\n        leadingIconContainerColorScheme ? (\n          <IconContainer\n            colorScheme={leadingIconContainerColorScheme}\n            size=\"md\"\n            fill=\"height\"\n            borderRadius=\"none\"\n          >\n            {leadingIcon}\n          </IconContainer>\n        ) : (\n          <div className={`${componentClassName}LeadingIcon`}>{leadingIcon}</div>\n        )\n      ) : null}\n\n      <div className={`${componentClassName}MainWrapper`}>\n        <div className={`${componentClassName}Main`} data-badge-placement={badgePlacement}>\n          <BodyText size=\"md\" weight=\"semibold\" as=\"span\">\n            {heading}\n          </BodyText>\n          {badge && badgePlacement === 'middle' ? badge : null}\n          {helperText ? <HelperText>{helperText}</HelperText> : null}\n          {badge && badgePlacement === 'bottom' ? badge : null}\n        </div>\n        {badge && badgePlacement === 'right' ? badge : null}\n        <div className={`${componentClassName}TrailingIcon`}>{trailingIcon}</div>\n      </div>\n    </div>\n  );\n};\n\nCardActionContent.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZPGZZT7B.cjs

@@ -1,2 +0,0 @@
-"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 _chunkYXF75YMDcjs = require('./chunk-YXF75YMD.cjs');var _chunk3CBA5RJ6cjs = require('./chunk-3CBA5RJ6.cjs');var _chunkCXDT6JFHcjs = require('./chunk-CXDT6JFH.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var l="SectionHeader",d=_chunk5AK4QM2Gcjs.b.call(void 0, l),T= exports.a =({className:p,heading:c,id:f,headingElement:H="div",helperText:o,trailingContent:i,validationText:n,validationStatus:a,...N})=>{let u=a!==void 0&&n!==void 0;return e.createElement("div",{className:_clsx2.default.call(void 0, d,p)},e.createElement(_chunkCXDT6JFHcjs.a,{asChild:!0,size:"md",id:f,...N},e.createElement(H,null,c)),o?e.createElement(_chunk3CBA5RJ6cjs.a,null,o):null,u?e.createElement(_chunkYXF75YMDcjs.a,{status:a},n):null,i?e.createElement("span",{className:`${d}TrailingContent`},i):null)};T.displayName=l;exports.a = T;
-//# sourceMappingURL=chunk-ZPGZZT7B.cjs.map

package/dist/chunk-ZPGZZT7B.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZPGZZT7B.cjs","../src/components/SectionHeader/SectionHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SectionHeader","className","heading","id","HeadingEl","helperText","trailingContent","validationText","validationStatus","props","showValidationText","clsx","Heading","HelperText","ValidationText"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,uECA5I,wEAEN,IAQXA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAA8C,CAAC,CAC1D,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAAM,CACJ,IAAMC,CAAAA,CAAqBF,CAAAA,GAAqB,KAAA,CAAA,EAAaD,CAAAA,GAAmB,KAAA,CAAA,CAChF,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWI,4BAAAA,CAAKb,CAAoBG,CAAS,CAAA,CAAA,CAChD,CAAA,CAAA,aAAA,CAACW,mBAAAA,CAAA,CAAQ,OAAA,CAAO,CAAA,CAAA,CAAC,IAAA,CAAK,IAAA,CAAK,EAAA,CAAIT,CAAAA,CAAK,GAAGM,CAAAA,CAAAA,CACrC,CAAA,CAAA,aAAA,CAACL,CAAAA,CAAA,IAAA,CAAWF,CAAQ,CACtB,CAAA,CACCG,CAAAA,CAAa,CAAA,CAAA,aAAA,CAACQ,mBAAAA,CAAA,IAAA,CAAYR,CAAW,CAAA,CAAgB,IAAA,CACrDK,CAAAA,CACC,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,CAAe,MAAA,CAAQN,CAAAA,CAAAA,CAAmBD,CAAe,CAAA,CACxD,IAAA,CAEHD,CAAAA,CACC,CAAA,CAAA,aAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZPGZZT7B.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport { SectionHeaderProps } from './SectionHeader.props';\nimport { ValidationText } from '../ValidationText/ValidationText';\n\nconst COMPONENT_NAME = 'SectionHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({\n  className,\n  heading,\n  id,\n  headingElement: HeadingEl = 'div',\n  helperText,\n  trailingContent,\n  validationText,\n  validationStatus,\n  ...props\n}) => {\n  const showValidationText = validationStatus !== undefined && validationText !== undefined;\n  return (\n    <div className={clsx(componentClassName, className)}>\n      <Heading asChild size=\"md\" id={id} {...props}>\n        <HeadingEl>{heading}</HeadingEl>\n      </Heading>\n      {helperText ? <HelperText>{helperText}</HelperText> : null}\n      {showValidationText ? (\n        <ValidationText status={validationStatus}>{validationText}</ValidationText>\n      ) : null}\n\n      {trailingContent ? (\n        <span className={`${componentClassName}TrailingContent`}>{trailingContent}</span>\n      ) : null}\n    </div>\n  );\n};\n\nSectionHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZRZUBGPE.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-NG3NR6UN.js";import{a}from"./chunk-P3SXCN4J.js";import{b as o}from"./chunk-JTQWB7E2.js";import*as t from"react";import f from"clsx";import{Tabs as n}from"radix-ui";var s="Tabs",l=o(s),b=t.forwardRef((r,m)=>{let{className:i,activationMode:p="automatic",...c}=a(r,e);return t.createElement(n.Root,{ref:m,className:f(l,i),activationMode:p,...c})});b.displayName=s;export{b as a};
-//# sourceMappingURL=chunk-ZRZUBGPE.js.map

package/dist/chunk-ZRZUBGPE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport { Tabs as RadixTabs } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { tabsPropDefs, type TabsProps } from './Tabs.props';\n\nconst COMPONENT_NAME = 'Tabs';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TabsElement = ElementRef<'div'>;\n\nexport const Tabs = React.forwardRef<TabsElement, TabsProps>((props, ref) => {\n  const {\n    className,\n    activationMode = 'automatic',\n    ...tabsProps\n  } = extractProps(props, tabsPropDefs);\n\n  return (\n    <RadixTabs.Root\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      activationMode={activationMode}\n      {...tabsProps}\n    />\n  );\n});\n\nTabs.displayName = COMPONENT_NAME;\n"],"mappings":"mHAEA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAEjB,OAAS,QAAQC,MAAiB,WAKlC,IAAMC,EAAiB,OACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAa,aAAmC,CAACC,EAAOC,IAAQ,CAC3E,GAAM,CACJ,UAAAC,EACA,eAAAC,EAAiB,YACjB,GAAGC,CACL,EAAIC,EAAaL,EAAOM,CAAY,EAEpC,OACE,gBAACC,EAAU,KAAV,CACC,IAAKN,EACL,UAAWO,EAAKX,EAAoBK,CAAS,EAC7C,eAAgBC,EACf,GAAGC,EACN,CAEJ,CAAC,EAEDL,EAAK,YAAcH","names":["React","clsx","RadixTabs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Tabs","props","ref","className","activationMode","tabsProps","extractProps","tabsPropDefs","RadixTabs","clsx"]}

package/dist/chunk-ZU7RPC4J.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-JBNKX7O7.js";import{a as p}from"./chunk-AHTIZRCQ.js";import*as t from"react";import S 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),b=a(o.size||"md",{md:"sm",sm:"xs"}),C=s?N.Root:"button";return t.createElement(C,{ref:f,className:S(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:b,currentColor:!0})):e)});U.displayName=d;export{U as a};
-//# sourceMappingURL=chunk-ZU7RPC4J.js.map

package/dist/chunk-ZU7RPC4J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["'use client';\n\nimport * 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 type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\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 = getResponsiveTranslation(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":"2OAEA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAQjB,OAAS,QAAAC,MAAY,WAIrB,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,EAAyBd,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFe,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","getResponsiveTranslation","Component","Slot","clsx","getSubtree","Spinner"]}

package/dist/chunk-ZURT4Y5N.cjs

@@ -1,2 +0,0 @@
-"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 o = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var p=t=>o.createElement(_radixui.Dialog.Root,{...t,modal:!0});p.displayName="ModalRoot";exports.a = p;
-//# sourceMappingURL=chunk-ZURT4Y5N.cjs.map

package/dist/chunk-ZURT4Y5N.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/ModalRoot.tsx"],"names":["ModalRoot","props","RadixDialog"],"mappings":"AAEA,kaAAuB,mCACe,IAIzBA,CAAAA,CAAsCC,CAAAA,EAAS,CAAA,CAAA,aAAA,CAACC,eAAAA,CAAY,IAAA,CAAZ,CAAkB,GAAGD,CAAAA,CAAO,KAAA,CAAK,CAAA,CAAA,CAAC,CAAA,CAC/FD,CAAAA,CAAU,WAAA,CAAc,WAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZURT4Y5N.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as RadixDialog } from 'radix-ui';\nimport { ComponentPropsWithout } from '../../types/component-props';\n\nexport type ModalRootProps = ComponentPropsWithout<typeof RadixDialog.Root, 'modal'>;\nexport const ModalRoot: React.FC<ModalRootProps> = props => <RadixDialog.Root {...props} modal />;\nModalRoot.displayName = 'ModalRoot';\n"]}

package/dist/chunk-ZZAOID2L.js

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

package/dist/chunk-ZZAOID2L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["'use client';\n\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\n\nconst COMPONENT_NAME = 'SearchInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SearchInputElement = ElementRef<'input'>;\n\nexport const SearchInput = React.forwardRef<SearchInputElement, SearchInputProps>(\n  ({ className, disabled, value, onClear, loading, id: providedId, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n\n    const handleClear = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (typeof onClear !== 'function' || event.button !== 0) {\n          return;\n        }\n        onClear();\n\n        if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n          inputRef.current.focus();\n        }\n      },\n      [inputRef, onClear]\n    );\n\n    const { id } = useIds({ providedId, prefix: 'search-input' });\n\n    return (\n      <TextInput\n        ref={inputRef}\n        className={clsx(componentClassName, className)}\n        type=\"search\"\n        role=\"search\"\n        enterKeyHint=\"search\"\n        disabled={disabled}\n        hideLabel\n        value={value}\n        id={id}\n        {...props}\n      >\n        <TextInputSlot placement=\"prefix\">\n          <SearchMediumIcon />\n        </TextInputSlot>\n        {loading ? (\n          <TextInputSlot placement=\"suffix\">\n            <Spinner size=\"xs\" color=\"primary\" />\n          </TextInputSlot>\n        ) : null}\n        {value !== undefined && String(value).length > 0 ? (\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"clear search\"\n              onClick={handleClear}\n              disabled={disabled}\n            >\n              <CloseSmallIcon />\n            </UnstyledIconButton>\n          </TextInputSlot>\n        ) : null}\n      </TextInput>\n    );\n  }\n);\n\nSearchInput.displayName = COMPONENT_NAME;\n"],"mappings":"gPAIA,OAAOA,MAAU,OACjB,OAAOC,MAAW,QAMlB,OAAS,kBAAAC,EAAgB,oBAAAC,MAAwB,uCAGjD,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAcC,EAAM,WAC/B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,GAAIC,EAAY,GAAGC,CAAM,EAAGC,IAAiB,CAC5F,IAAMC,EAAaT,EAAM,OAAgC,IAAI,EACvDU,EAAWF,GAAgBC,EAE3BE,EAAcX,EAAM,YACvBY,GAA+C,CAC1C,OAAOR,GAAY,YAAcQ,EAAM,SAAW,IAGtDR,EAAQ,EAEJM,GAAY,OAAOA,GAAa,UAAYA,EAAS,SACvDA,EAAS,QAAQ,MAAM,EAE3B,EACA,CAACA,EAAUN,CAAO,CACpB,EAEM,CAAE,GAAAS,CAAG,EAAIC,EAAO,CAAE,WAAAR,EAAY,OAAQ,cAAe,CAAC,EAE5D,OACEN,EAAA,cAACe,EAAA,CACC,IAAKL,EACL,UAAWM,EAAKnB,EAAoBI,CAAS,EAC7C,KAAK,SACL,KAAK,SACL,aAAa,SACb,SAAUC,EACV,UAAS,GACT,MAAOC,EACP,GAAIU,EACH,GAAGN,GAEJP,EAAA,cAACiB,EAAA,CAAc,UAAU,UACvBjB,EAAA,cAACkB,EAAA,IAAiB,CACpB,EACCb,EACCL,EAAA,cAACiB,EAAA,CAAc,UAAU,UACvBjB,EAAA,cAACmB,EAAA,CAAQ,KAAK,KAAK,MAAM,UAAU,CACrC,EACE,KACHhB,IAAU,QAAa,OAAOA,CAAK,EAAE,OAAS,EAC7CH,EAAA,cAACiB,EAAA,CAAc,UAAU,UACvBjB,EAAA,cAACoB,EAAA,CACC,KAAK,SACL,MAAM,eACN,QAAST,EACT,SAAUT,GAEVF,EAAA,cAACqB,EAAA,IAAe,CAClB,CACF,EACE,IACN,CAEJ,CACF,EAEAtB,EAAY,YAAcH","names":["clsx","React","CloseSmallIcon","SearchMediumIcon","COMPONENT_NAME","componentClassName","withGlobalPrefix","SearchInput","React","className","disabled","value","onClear","loading","providedId","props","forwardedRef","defaultRef","inputRef","handleClear","event","id","useIds","TextInput","clsx","TextInputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"]}

package/dist/components/TextInputSlot/TextInputSlot.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkS5AHVYPDcjs = require('../../chunk-S5AHVYPD.cjs');require('../../chunk-5AK4QM2G.cjs');exports.TextInputSlot = _chunkS5AHVYPDcjs.a;
-//# sourceMappingURL=TextInputSlot.cjs.map

package/dist/components/TextInputSlot/TextInputSlot.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/TextInputSlot/TextInputSlot.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,4CAA2B","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/TextInputSlot/TextInputSlot.cjs"}

package/dist/components/TextInputSlot/TextInputSlot.d.cts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { TextInputSlotProps } from './TextInputSlot.props.cjs';
-import '../../types/component-props.cjs';
-
-declare const TextInputSlot: React.ForwardRefExoticComponent<TextInputSlotProps & React.RefAttributes<HTMLDivElement>>;
-
-export { TextInputSlot };

package/dist/components/TextInputSlot/TextInputSlot.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { TextInputSlotProps } from './TextInputSlot.props.js';
-import '../../types/component-props.js';
-
-declare const TextInputSlot: React.ForwardRefExoticComponent<TextInputSlotProps & React.RefAttributes<HTMLDivElement>>;
-
-export { TextInputSlot };

package/dist/components/TextInputSlot/TextInputSlot.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunk-TYEQVZWY.js";import"../../chunk-JTQWB7E2.js";export{a as TextInputSlot};
-//# sourceMappingURL=TextInputSlot.js.map

package/dist/components/TextInputSlot/TextInputSlot.props.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=TextInputSlot.props.cjs.map

package/dist/components/TextInputSlot/TextInputSlot.props.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/TextInputSlot/TextInputSlot.props.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/TextInputSlot/TextInputSlot.props.cjs"}

package/dist/components/TextInputSlot/TextInputSlot.props.d.cts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
-import 'react';
-
-interface TextInputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {
-    placement?: 'prefix' | 'suffix';
-}
-
-export type { TextInputSlotProps };

package/dist/components/TextInputSlot/TextInputSlot.props.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
-import 'react';
-
-interface TextInputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {
-    placement?: 'prefix' | 'suffix';
-}
-
-export type { TextInputSlotProps };

package/dist/components/TextInputSlot/TextInputSlot.props.js

@@ -1 +0,0 @@
-//# sourceMappingURL=TextInputSlot.props.js.map