@utilitywarehouse/hearth-react 0.24.10 → 0.24.11

package/dist/chunk-A5DQPTXG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CardActions/CardActionLink.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CardActionLinkProps } from './CardActionLink.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { CardActionContent } from './CardActionContent';\n\nconst COMPONENT_NAME = 'CardActionLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActionLink = ({\n  className,\n  heading,\n  helperText,\n  leadingIcon,\n  leadingIconContainerColorScheme,\n  trailingIcon,\n  badge,\n  badgePlacement,\n  children,\n  ...props\n}: CardActionLinkProps) => {\n  const contentProps = {\n    heading,\n    helperText,\n    leadingIcon,\n    leadingIconContainerColorScheme,\n    badge,\n    badgePlacement,\n  };\n  return (\n    <a className={cn(componentClassName, className)} {...props}>\n      <CardActionContent\n        trailingIcon={trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n        {...contentProps}\n      >\n        {children}\n      </CardActionContent>\n    </a>\n  );\n};\n\nCardActionLink.displayName = COMPONENT_NAME;\n"],"mappings":"wHAKA,OAAS,yBAAAA,MAA6B,uCA6Bc,cAAAC,MAAA,oBA1BpD,IAAMC,EAAiB,iBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAiB,CAAC,CAC7B,UAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,gCAAAC,EACA,aAAAC,EACA,MAAAC,EACA,eAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,IAAMC,EAAe,CACnB,QAAAT,EACA,WAAAC,EACA,YAAAC,EACA,gCAAAC,EACA,MAAAE,EACA,eAAAC,CACF,EACA,OACEZ,EAAC,KAAE,UAAWgB,EAAGd,EAAoBG,CAAS,EAAI,GAAGS,EACnD,SAAAd,EAACiB,EAAA,CACC,aAAcP,GAA8BV,EAACkB,EAAA,EAAsB,EAClE,GAAGH,EAEH,SAAAF,EACH,EACF,CAEJ,EAEAT,EAAe,YAAcH","names":["ChevronRightSmallIcon","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionLink","className","heading","helperText","leadingIcon","leadingIconContainerColorScheme","trailingIcon","badge","badgePlacement","children","props","contentProps","cn","CardActionContent","ChevronRightSmallIcon"]}

package/dist/chunk-JTZABH4D.js

@@ -1,2 +0,0 @@
-import{a as l}from"./chunk-GENAMX6B.js";import{a as e}from"./chunk-IWAYZXLO.js";import{a as r}from"./chunk-BMY6GUJM.js";import{a as o}from"./chunk-MSHCGZ4G.js";import{b as a}from"./chunk-TXDSZ3MR.js";import{ToggleGroup as C}from"radix-ui";import{TickSmallIcon as T}from"@utilitywarehouse/hearth-react-icons";import{jsx as N,jsxs as i}from"react/jsx-runtime";var m="ToggleButtonCard",t=a(m),B=s=>{let{className:p,style:d,children:g,label:n,alignItems:c,"aria-label":b,"aria-labelledby":f,"aria-describedby":u,...y}=r(s,e);return i(l,{direction:"column",alignItems:c,className:o(t,p),style:d,children:[g,i(C.Item,{...y,className:`${t}Item`,"aria-label":b,"aria-labelledby":f,"aria-describedby":u,children:[N(T,{}),n]})]})};B.displayName=m;export{B as a};
-//# sourceMappingURL=chunk-JTZABH4D.js.map

package/dist/chunk-JTZABH4D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ToggleButtonCard/ToggleButtonCard.tsx"],"sourcesContent":["'use client';\n\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ToggleButtonCardProps } from './ToggleButtonCard.props';\nimport { Card } from '../Card/Card';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { extractProps } from '../../helpers/extract-props';\n\nconst COMPONENT_NAME = 'ToggleButtonCard';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ToggleButtonCard = (props: ToggleButtonCardProps) => {\n  const {\n    className,\n    style,\n    children,\n    label,\n    alignItems,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...toggleButtonCardProps\n  } = extractProps(props, flexItemPropDefs);\n  return (\n    <Card\n      direction=\"column\"\n      alignItems={alignItems}\n      className={cn(componentClassName, className)}\n      style={style}\n    >\n      {children}\n      <RadixToggleGroup.Item\n        {...toggleButtonCardProps}\n        className={`${componentClassName}Item`}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n      >\n        <TickSmallIcon />\n        {label}\n      </RadixToggleGroup.Item>\n    </Card>\n  );\n};\n\nToggleButtonCard.displayName = COMPONENT_NAME;\n"],"mappings":"wMAEA,OAAS,eAAeA,MAAwB,WAKhD,OAAS,iBAAAC,MAAqB,uCA2BxB,OAOE,OAAAC,EAPF,QAAAC,MAAA,oBAvBN,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAoBC,GAAiC,CAChE,GAAM,CACJ,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EAAaV,EAAOW,CAAgB,EACxC,OACEhB,EAACiB,EAAA,CACC,UAAU,SACV,WAAYP,EACZ,UAAWQ,EAAGhB,EAAoBI,CAAS,EAC3C,MAAOC,EAEN,UAAAC,EACDR,EAACmB,EAAiB,KAAjB,CACE,GAAGL,EACJ,UAAW,GAAGZ,CAAkB,OAChC,aAAYS,EACZ,kBAAiBC,EACjB,mBAAkBC,EAElB,UAAAd,EAACqB,EAAA,EAAc,EACdX,GACH,GACF,CAEJ,EAEAL,EAAiB,YAAcH","names":["RadixToggleGroup","TickSmallIcon","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleButtonCard","props","className","style","children","label","alignItems","ariaLabel","ariaLabelledBy","ariaDescribedBy","toggleButtonCardProps","extractProps","flexItemPropDefs","Card","cn","RadixToggleGroup","TickSmallIcon"]}

package/dist/chunk-LMSOVSHV.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKSYJKXMLcjs = require('./chunk-KSYJKXML.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var i="CardActionButton",N=_chunk7LZI6HLWcjs.b.call(void 0, i),B= exports.a =({className:a,heading:m,helperText:p,leadingIcon:s,leadingIconContainerColorScheme:e,trailingIcon:t,badge:C,badgePlacement:d,children:l,...u})=>{let A={heading:m,helperText:p,leadingIcon:s,leadingIconContainerColorScheme:e,badge:C,badgePlacement:d};return _jsxruntime.jsx.call(void 0, "button",{className:_chunkGVVJQBRKcjs.a.call(void 0, N,a),...u,children:_jsxruntime.jsx.call(void 0, _chunkKSYJKXMLcjs.a,{trailingIcon:t||_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{}),...A,children:l})})};B.displayName=i;exports.a = B;
-//# sourceMappingURL=chunk-LMSOVSHV.cjs.map

package/dist/chunk-LMSOVSHV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LMSOVSHV.cjs","../src/components/CardActions/CardActionButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionButton","className","heading","helperText","leadingIcon","leadingIconContainerColorScheme","trailingIcon","badge","badgePlacement","children","props","contentProps","jsx","cn","CardActionContent","ChevronRightSmallIcon"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wECKpF,+CA6Bc,IA1B9CA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAC,CAC/B,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAA6B,CAC3B,IAAMC,CAAAA,CAAe,CACnB,OAAA,CAAAT,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,KAAA,CAAAE,CAAAA,CACA,cAAA,CAAAC,CACF,CAAA,CACA,OACEI,6BAAAA,QAAC,CAAA,CAAO,SAAA,CAAWC,iCAAAA,CAAGf,CAAoBG,CAAS,CAAA,CAAI,GAAGS,CAAAA,CACxD,QAAA,CAAAE,6BAAAA,mBAACE,CAAA,CACC,YAAA,CAAcR,CAAAA,EAA8BM,6BAAAA,uCAACG,CAAA,CAAA,CAAsB,CAAA,CAClE,GAAGJ,CAAAA,CAEH,QAAA,CAAAF,CAAAA,CACH,CAAA,CACF,CAEJ,CAAA,CAEAT,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LMSOVSHV.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CardActionButtonProps } from './CardActionButton.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { CardActionContent } from './CardActionContent';\n\nconst COMPONENT_NAME = 'CardActionButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActionButton = ({\n  className,\n  heading,\n  helperText,\n  leadingIcon,\n  leadingIconContainerColorScheme,\n  trailingIcon,\n  badge,\n  badgePlacement,\n  children,\n  ...props\n}: CardActionButtonProps) => {\n  const contentProps = {\n    heading,\n    helperText,\n    leadingIcon,\n    leadingIconContainerColorScheme,\n    badge,\n    badgePlacement,\n  };\n  return (\n    <button className={cn(componentClassName, className)} {...props}>\n      <CardActionContent\n        trailingIcon={trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n        {...contentProps}\n      >\n        {children}\n      </CardActionContent>\n    </button>\n  );\n};\n\nCardActionButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-P2UVOSFZ.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-IPLQ645X.js";import{a as n}from"./chunk-MSHCGZ4G.js";import{b as r}from"./chunk-TXDSZ3MR.js";import{ChevronRightSmallIcon as f}from"@utilitywarehouse/hearth-react-icons";import{jsx as o}from"react/jsx-runtime";var i="CardActionButton",N=r(i),B=({className:a,heading:m,helperText:p,leadingIcon:s,leadingIconContainerColorScheme:e,trailingIcon:t,badge:C,badgePlacement:d,children:l,...u})=>{let A={heading:m,helperText:p,leadingIcon:s,leadingIconContainerColorScheme:e,badge:C,badgePlacement:d};return o("button",{className:n(N,a),...u,children:o(c,{trailingIcon:t||o(f,{}),...A,children:l})})};B.displayName=i;export{B as a};
-//# sourceMappingURL=chunk-P2UVOSFZ.js.map

package/dist/chunk-P2UVOSFZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CardActions/CardActionButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CardActionButtonProps } from './CardActionButton.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { CardActionContent } from './CardActionContent';\n\nconst COMPONENT_NAME = 'CardActionButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActionButton = ({\n  className,\n  heading,\n  helperText,\n  leadingIcon,\n  leadingIconContainerColorScheme,\n  trailingIcon,\n  badge,\n  badgePlacement,\n  children,\n  ...props\n}: CardActionButtonProps) => {\n  const contentProps = {\n    heading,\n    helperText,\n    leadingIcon,\n    leadingIconContainerColorScheme,\n    badge,\n    badgePlacement,\n  };\n  return (\n    <button className={cn(componentClassName, className)} {...props}>\n      <CardActionContent\n        trailingIcon={trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n        {...contentProps}\n      >\n        {children}\n      </CardActionContent>\n    </button>\n  );\n};\n\nCardActionButton.displayName = COMPONENT_NAME;\n"],"mappings":"wHAKA,OAAS,yBAAAA,MAA6B,uCA6Bc,cAAAC,MAAA,oBA1BpD,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmB,CAAC,CAC/B,UAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,gCAAAC,EACA,aAAAC,EACA,MAAAC,EACA,eAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,IAAMC,EAAe,CACnB,QAAAT,EACA,WAAAC,EACA,YAAAC,EACA,gCAAAC,EACA,MAAAE,EACA,eAAAC,CACF,EACA,OACEZ,EAAC,UAAO,UAAWgB,EAAGd,EAAoBG,CAAS,EAAI,GAAGS,EACxD,SAAAd,EAACiB,EAAA,CACC,aAAcP,GAA8BV,EAACkB,EAAA,EAAsB,EAClE,GAAGH,EAEH,SAAAF,EACH,EACF,CAEJ,EAEAT,EAAiB,YAAcH","names":["ChevronRightSmallIcon","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionButton","className","heading","helperText","leadingIcon","leadingIconContainerColorScheme","trailingIcon","badge","badgePlacement","children","props","contentProps","cn","CardActionContent","ChevronRightSmallIcon"]}

package/dist/chunk-UODV5GTZ.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkK4RWSELNcjs = require('./chunk-K4RWSELN.cjs');var _chunkDEP54IIZcjs = require('./chunk-DEP54IIZ.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var m="ToggleButtonCard",t=_chunk7LZI6HLWcjs.b.call(void 0, m),B= exports.a =s=>{let{className:p,style:d,children:g,label:n,alignItems:c,"aria-label":b,"aria-labelledby":f,"aria-describedby":u,...y}=_chunkVCSJTDQRcjs.a.call(void 0, s,_chunkDEP54IIZcjs.a);return _jsxruntime.jsxs.call(void 0, _chunkK4RWSELNcjs.a,{direction:"column",alignItems:c,className:_chunkGVVJQBRKcjs.a.call(void 0, t,p),style:d,children:[g,_jsxruntime.jsxs.call(void 0, _radixui.ToggleGroup.Item,{...y,className:`${t}Item`,"aria-label":b,"aria-labelledby":f,"aria-describedby":u,children:[_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{}),n]})]})};B.displayName=m;exports.a = B;
-//# sourceMappingURL=chunk-UODV5GTZ.cjs.map

package/dist/chunk-UODV5GTZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-UODV5GTZ.cjs","../src/components/ToggleButtonCard/ToggleButtonCard.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleButtonCard","props","className","style","children","label","alignItems","ariaLabel","ariaLabelledBy","ariaDescribedBy","toggleButtonCardProps","extractProps","flexItemPropDefs","jsxs","Card","cn","RadixToggleGroup"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCE5J,wEAKlB,+CA2BxB,IAvBAA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoBC,CAAAA,EAAiC,CAChE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAcC,CAAAA,CACd,iBAAA,CAAmBC,CAAAA,CACnB,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaV,CAAOW,mBAAgB,CAAA,CACxC,OACEC,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAU,QAAA,CACV,UAAA,CAAYR,CAAAA,CACZ,SAAA,CAAWS,iCAAAA,CAAGjB,CAAoBI,CAAS,CAAA,CAC3C,KAAA,CAAOC,CAAAA,CAEN,QAAA,CAAA,CAAAC,CAAAA,CACDS,8BAAAA,oBAACG,CAAiB,IAAA,CAAjB,CACE,GAAGN,CAAAA,CACJ,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-UODV5GTZ.cjs","sourcesContent":[null,"'use client';\n\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ToggleButtonCardProps } from './ToggleButtonCard.props';\nimport { Card } from '../Card/Card';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { extractProps } from '../../helpers/extract-props';\n\nconst COMPONENT_NAME = 'ToggleButtonCard';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ToggleButtonCard = (props: ToggleButtonCardProps) => {\n  const {\n    className,\n    style,\n    children,\n    label,\n    alignItems,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...toggleButtonCardProps\n  } = extractProps(props, flexItemPropDefs);\n  return (\n    <Card\n      direction=\"column\"\n      alignItems={alignItems}\n      className={cn(componentClassName, className)}\n      style={style}\n    >\n      {children}\n      <RadixToggleGroup.Item\n        {...toggleButtonCardProps}\n        className={`${componentClassName}Item`}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n      >\n        <TickSmallIcon />\n        {label}\n      </RadixToggleGroup.Item>\n    </Card>\n  );\n};\n\nToggleButtonCard.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZMXPAEZI.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-MSHCGZ4G.js";import{b as o}from"./chunk-TXDSZ3MR.js";import r from"react";import{useMergedRefs as I}from"@base-ui/utils/useMergedRefs";import{jsx as y,jsxs as N}from"react/jsx-runtime";var s="InputBase",B=o(s),R=r.forwardRef(({className:p,children:a,disabled:t,readOnly:u,required:l,placeholder:f,...i},m)=>{let e=r.useRef(null),c=I(m,e);return N("div",{className:n(B,p),"data-disabled":t?"":void 0,onPointerDown:d=>{if(!d.target.closest("input, button, a")&&e&&typeof e=="object"&&e.current){let E=e.current;requestAnimationFrame(()=>{E.focus()})}},children:[y("input",{ref:c,spellCheck:"false",required:l,disabled:t,readOnly:u,placeholder:t?void 0:f,...i}),a]})});R.displayName=s;export{R as a};
-//# sourceMappingURL=chunk-ZMXPAEZI.js.map

package/dist/chunk-ZMXPAEZI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/InputBase/InputBase.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React, { type ElementRef } from 'react';\nimport type { InputBaseProps } from './InputBase.props';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'InputBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype InputBaseElement = ElementRef<'input'>;\n\n// We're keeping the deprecated forwardRef API for backwards compatibility with consumers using Combobox in React 18 applications\n// https://linear.app/utilitywarehouse/issue/UWDS-4232/broken-combobox\nexport const InputBase = React.forwardRef<InputBaseElement, InputBaseProps>(\n  ({ className, children, disabled, readOnly, required, placeholder, ...props }, forwardedRef) => {\n    const localRef = React.useRef<HTMLInputElement>(null);\n    // merge refs so we can control focus but still allow parent components to\n    // have a ref to the input\n    const ref = useMergedRefs(forwardedRef, localRef);\n    return (\n      <div\n        className={cn(componentClassName, className)}\n        data-disabled={disabled ? '' : undefined}\n        onPointerDown={event => {\n          // avoid losing focus when users click on non-interactive slot elements, such as icons\n          const target = event.target as HTMLElement;\n          if (target.closest('input, button, a')) return;\n\n          if (localRef && typeof localRef === 'object' && localRef.current) {\n            const input = localRef.current;\n            requestAnimationFrame(() => {\n              input.focus();\n            });\n          }\n        }}\n      >\n        <input\n          ref={ref}\n          spellCheck=\"false\"\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={!disabled ? placeholder : undefined}\n          {...props}\n        />\n        {children}\n      </div>\n    );\n  }\n);\n\nInputBase.displayName = COMPONENT_NAME;\n"],"mappings":"gFAIA,OAAOA,MAAgC,QAEvC,OAAS,iBAAAC,MAAqB,+BAgBxB,OAgBE,OAAAC,EAhBF,QAAAC,MAAA,oBAdN,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAM7CG,EAAYP,EAAM,WAC7B,CAAC,CAAE,UAAAQ,EAAW,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,YAAAC,EAAa,GAAGC,CAAM,EAAGC,IAAiB,CAC9F,IAAMC,EAAWhB,EAAM,OAAyB,IAAI,EAG9CiB,EAAMhB,EAAcc,EAAcC,CAAQ,EAChD,OACEb,EAAC,OACC,UAAWe,EAAGb,EAAoBG,CAAS,EAC3C,gBAAeE,EAAW,GAAK,OAC/B,cAAeS,GAAS,CAGtB,GAAI,CADWA,EAAM,OACV,QAAQ,kBAAkB,GAEjCH,GAAY,OAAOA,GAAa,UAAYA,EAAS,QAAS,CAChE,IAAMI,EAAQJ,EAAS,QACvB,sBAAsB,IAAM,CAC1BI,EAAM,MAAM,CACd,CAAC,CACH,CACF,EAEA,UAAAlB,EAAC,SACC,IAAKe,EACL,WAAW,QACX,SAAUL,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACxB,GAAGC,EACN,EACCL,GACH,CAEJ,CACF,EAEAF,EAAU,YAAcH","names":["React","useMergedRefs","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","InputBase","className","children","disabled","readOnly","required","placeholder","props","forwardedRef","localRef","ref","cn","event","input"]}