@utilitywarehouse/hearth-react 0.23.0 → 0.23.2

package/dist/{chunk-I5DRTYUI.js → chunk-26EXHDBH.js}

@@ -1,2 +1,2 @@
-import{a as N}from"./chunk-QWKKA255.js";import{a as p}from"./chunk-KV365DCI.js";import{a as d}from"./chunk-3QFKUHQE.js";import{a as I}from"./chunk-W6VYE222.js";import{a as S}from"./chunk-XXFFX25X.js";import{a as h}from"./chunk-MSHCGZ4G.js";import{b as y}from"./chunk-KDSBNW6G.js";import{ChevronLeftSmallIcon as $,ChevronRightSmallIcon as x,SkipFirstSmallIcon as T,SkipLastSmallIcon as A}from"@utilitywarehouse/hearth-react-icons";import{Slot as G}from"radix-ui";import{jsx as n,jsxs as m}from"react/jsx-runtime";var b="Pagination",a=y(b),l="...",U=7,M=(s,i)=>{if(i<=U)return Array.from({length:i},(u,c)=>c+1);let o=[],e=s<=4,t=s>i-4;return e?(o.push(1,2,3,4,5),o.push(l),o.push(i)):t?(o.push(1),o.push(l),o.push(i-4,i-3,i-2,i-1,i)):(o.push(1),o.push(l),o.push(s-1,s,s+1),o.push(l),o.push(i)),o},_=s=>{let{className:i,currentPage:o,totalPages:e,onPageChange:t,condensed:u=!1,hideSkipButtons:c=!1,as:v="div",...C}=S(s,I),g=M(o,e),B=()=>{o>1&&t(o-1)},k=()=>{o<e&&t(o+1)},L=()=>{o!==1&&t(1)},P=()=>{o!==e&&t(e)};return n(G.Root,{"aria-label":"pagination",className:h(a,i),...C,children:n(v,{children:m("div",{className:`${a}Container`,children:[m("div",{className:`${a}Controllers`,children:[!c&&n(p,{label:"Go to first page",onClick:L,disabled:o===1,children:n(T,{})}),n(p,{label:"Go to previous page",onClick:B,disabled:o===1,children:n($,{})})]}),u?m(d,{size:"md",color:"primary",children:["Page ",o," of ",e]}):n("div",{children:n("ol",{className:`${a}Pages`,children:g.map((r,E)=>{if(r===l)return n("li",{children:n(d,{size:"md",color:"primary",className:`${a}Ellipsis`,children:l})},`ellipsis-${E}`);let f=r===o;return n("li",{children:n(N,{className:`${a}Page`,variant:"ghost",colorScheme:"functional",onClick:()=>t(r),"data-active":f?"":void 0,"aria-label":`Go to page ${r}`,"aria-current":f?"page":void 0,children:r})},r)})})}),m("div",{className:`${a}Controllers`,children:[n(p,{label:"Go to next page",onClick:k,disabled:o===e,children:n(x,{})}),!c&&n(p,{label:"Go to last page",onClick:P,disabled:o===e,children:n(A,{})})]})]})})})};_.displayName=b;export{_ as a};
-//# sourceMappingURL=chunk-I5DRTYUI.js.map
+import{a as N}from"./chunk-MPEZZJPC.js";import{a as p}from"./chunk-7GOKU2FO.js";import{a as d}from"./chunk-3QFKUHQE.js";import{a as I}from"./chunk-W6VYE222.js";import{a as S}from"./chunk-XXFFX25X.js";import{a as h}from"./chunk-MSHCGZ4G.js";import{b as y}from"./chunk-KDSBNW6G.js";import{ChevronLeftSmallIcon as $,ChevronRightSmallIcon as x,SkipFirstSmallIcon as T,SkipLastSmallIcon as A}from"@utilitywarehouse/hearth-react-icons";import{Slot as G}from"radix-ui";import{jsx as n,jsxs as m}from"react/jsx-runtime";var b="Pagination",a=y(b),l="...",U=7,M=(s,i)=>{if(i<=U)return Array.from({length:i},(u,c)=>c+1);let o=[],e=s<=4,t=s>i-4;return e?(o.push(1,2,3,4,5),o.push(l),o.push(i)):t?(o.push(1),o.push(l),o.push(i-4,i-3,i-2,i-1,i)):(o.push(1),o.push(l),o.push(s-1,s,s+1),o.push(l),o.push(i)),o},_=s=>{let{className:i,currentPage:o,totalPages:e,onPageChange:t,condensed:u=!1,hideSkipButtons:c=!1,as:v="div",...C}=S(s,I),g=M(o,e),B=()=>{o>1&&t(o-1)},k=()=>{o<e&&t(o+1)},L=()=>{o!==1&&t(1)},P=()=>{o!==e&&t(e)};return n(G.Root,{"aria-label":"pagination",className:h(a,i),...C,children:n(v,{children:m("div",{className:`${a}Container`,children:[m("div",{className:`${a}Controllers`,children:[!c&&n(p,{label:"Go to first page",onClick:L,disabled:o===1,children:n(T,{})}),n(p,{label:"Go to previous page",onClick:B,disabled:o===1,children:n($,{})})]}),u?m(d,{size:"md",color:"primary",children:["Page ",o," of ",e]}):n("div",{children:n("ol",{className:`${a}Pages`,children:g.map((r,E)=>{if(r===l)return n("li",{children:n(d,{size:"md",color:"primary",className:`${a}Ellipsis`,children:l})},`ellipsis-${E}`);let f=r===o;return n("li",{children:n(N,{className:`${a}Page`,variant:"ghost",colorScheme:"functional",onClick:()=>t(r),"data-active":f?"":void 0,"aria-label":`Go to page ${r}`,"aria-current":f?"page":void 0,children:r})},r)})})}),m("div",{className:`${a}Controllers`,children:[n(p,{label:"Go to next page",onClick:k,disabled:o===e,children:n(x,{})}),!c&&n(p,{label:"Go to last page",onClick:P,disabled:o===e,children:n(A,{})})]})]})})})};_.displayName=b;export{_ as a};
+//# sourceMappingURL=chunk-26EXHDBH.js.map

package/dist/{chunk-Z5H4EV3T.js → chunk-2EJBMYJU.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-KV365DCI.js";import{a as t}from"./chunk-MSHCGZ4G.js";import{b as o}from"./chunk-KDSBNW6G.js";import{ChevronRightSmallIcon as i}from"@utilitywarehouse/hearth-react-icons";import{jsx as e}from"react/jsx-runtime";var l="AlertIconButton",a=o(l),u=({children:r,label:c="Alert action",title:s="Alert action",className:m,...p})=>e(n,{className:t(a,m),label:c,title:s,...p,children:r||e(i,{})});u.displayName=l;export{u as a};
-//# sourceMappingURL=chunk-Z5H4EV3T.js.map
+import{a as n}from"./chunk-7GOKU2FO.js";import{a as t}from"./chunk-MSHCGZ4G.js";import{b as o}from"./chunk-KDSBNW6G.js";import{ChevronRightSmallIcon as i}from"@utilitywarehouse/hearth-react-icons";import{jsx as e}from"react/jsx-runtime";var l="AlertIconButton",a=o(l),u=({children:r,label:c="Alert action",title:s="Alert action",className:m,...p})=>e(n,{className:t(a,m),label:c,title:s,...p,children:r||e(i,{})});u.displayName=l;export{u as a};
+//# sourceMappingURL=chunk-2EJBMYJU.js.map

package/dist/{chunk-RLQNW2AI.cjs → chunk-3GMBW4AF.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkATBE27XHcjs = require('./chunk-ATBE27XH.cjs');var _chunk5RRFHW3Pcjs = require('./chunk-5RRFHW3P.cjs');var _chunkNRTYDL7Kcjs = require('./chunk-NRTYDL7K.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _jsxruntime = require('react/jsx-runtime');var g="List",e=_chunkEJ5PAVELcjs.b.call(void 0, g),S= exports.a =h=>{let{as:r="ul",className:C,colorScheme:t=void 0,variant:i,heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T,children:n,...s}=_chunk3VJXZPWBcjs.a.call(void 0, h,_chunkRDNRX35Pcjs.a),L={heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T};return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, e,C),children:[a?_jsxruntime.jsx.call(void 0, _chunkNRTYDL7Kcjs.a,{...L}):null,i===void 0||t===void 0?_jsxruntime.jsx.call(void 0, _chunk5RRFHW3Pcjs.a,{asChild:!0,className:`${e}Container`,role:"list",children:_jsxruntime.jsx.call(void 0, r,{...s,children:n})}):_jsxruntime.jsx.call(void 0, _chunkATBE27XHcjs.a,{className:`${e}Container`,paddingNone:!0,variant:i,colorScheme:t,children:_jsxruntime.jsx.call(void 0, r,{role:"list",...s,children:n})})]})};S.displayName=g;exports.a = S;
-//# sourceMappingURL=chunk-RLQNW2AI.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkATBE27XHcjs = require('./chunk-ATBE27XH.cjs');var _chunkP7NJ7Y66cjs = require('./chunk-P7NJ7Y66.cjs');var _chunkNRTYDL7Kcjs = require('./chunk-NRTYDL7K.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _jsxruntime = require('react/jsx-runtime');var g="List",e=_chunkEJ5PAVELcjs.b.call(void 0, g),S= exports.a =h=>{let{as:r="ul",className:C,colorScheme:t=void 0,variant:i,heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T,children:n,...s}=_chunk3VJXZPWBcjs.a.call(void 0, h,_chunkRDNRX35Pcjs.a),L={heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T};return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, e,C),children:[a?_jsxruntime.jsx.call(void 0, _chunkNRTYDL7Kcjs.a,{...L}):null,i===void 0||t===void 0?_jsxruntime.jsx.call(void 0, _chunkP7NJ7Y66cjs.a,{asChild:!0,className:`${e}Container`,role:"list",children:_jsxruntime.jsx.call(void 0, r,{...s,children:n})}):_jsxruntime.jsx.call(void 0, _chunkATBE27XHcjs.a,{className:`${e}Container`,paddingNone:!0,variant:i,colorScheme:t,children:_jsxruntime.jsx.call(void 0, r,{role:"list",...s,children:n})})]})};S.displayName=g;exports.a = S;
+//# sourceMappingURL=chunk-3GMBW4AF.cjs.map

package/dist/{chunk-RLQNW2AI.cjs.map → chunk-3GMBW4AF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-RLQNW2AI.cjs","../src/components/List/List.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","List","props","Tag","className","colorScheme","variant","heading","headingElement","helperText","trailingContent","validationText","validationStatus","children","listProps","extractProps","marginPropDefs","sectionHeaderProps","jsxs","cn","jsx","SectionHeader","Box"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCsC1R,IA7BEA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQC,CAAAA,EAAqB,CACxC,GAAM,CACJ,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAA,CACd,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhCC,CAAAA,CAAqB,CACzB,OAAA,CAAAV,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEA,OACEM,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,CAAGpB,CAAoBK,CAAS,CAAA,CAC7C,QAAA,CAAA,CAAAG,CAAAA,CAAUa,6BAAAA,mBAACC,CAAA,CAAe,GAAGJ,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACtDX,CAAAA,GAAY,KAAA,CAAA,EAAaD,CAAAA,GAAgB,KAAA,CAAA,CACxCe,6BAAAA,mBAACE,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RLQNW2AI.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\nimport type { ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\n\nconst COMPONENT_NAME = 'List';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const List = (props: ListProps) => {\n  const {\n    as: Tag = 'ul',\n    className,\n    colorScheme = undefined,\n    variant,\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n    children,\n    ...listProps\n  } = extractProps(props, marginPropDefs);\n\n  const sectionHeaderProps = {\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n  };\n\n  return (\n    <div className={cn(componentClassName, className)}>\n      {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n      {variant === undefined || colorScheme === undefined ? (\n        <Box asChild className={`${componentClassName}Container`} role=\"list\">\n          <Tag {...listProps}>{children}</Tag>\n        </Box>\n      ) : (\n        <Card\n          className={`${componentClassName}Container`}\n          paddingNone\n          variant={variant}\n          colorScheme={colorScheme}\n        >\n          <Tag role=\"list\" {...listProps}>\n            {children}\n          </Tag>\n        </Card>\n      )}\n    </div>\n  );\n};\n\nList.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-3GMBW4AF.cjs","../src/components/List/List.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","List","props","Tag","className","colorScheme","variant","heading","headingElement","helperText","trailingContent","validationText","validationStatus","children","listProps","extractProps","marginPropDefs","sectionHeaderProps","jsxs","cn","jsx","SectionHeader","Box"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCsC1R,IA7BEA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQC,CAAAA,EAAqB,CACxC,GAAM,CACJ,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAA,CACd,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhCC,CAAAA,CAAqB,CACzB,OAAA,CAAAV,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEA,OACEM,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,CAAGpB,CAAoBK,CAAS,CAAA,CAC7C,QAAA,CAAA,CAAAG,CAAAA,CAAUa,6BAAAA,mBAACC,CAAA,CAAe,GAAGJ,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACtDX,CAAAA,GAAY,KAAA,CAAA,EAAaD,CAAAA,GAAgB,KAAA,CAAA,CACxCe,6BAAAA,mBAACE,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3GMBW4AF.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\nimport type { ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\n\nconst COMPONENT_NAME = 'List';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const List = (props: ListProps) => {\n  const {\n    as: Tag = 'ul',\n    className,\n    colorScheme = undefined,\n    variant,\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n    children,\n    ...listProps\n  } = extractProps(props, marginPropDefs);\n\n  const sectionHeaderProps = {\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n  };\n\n  return (\n    <div className={cn(componentClassName, className)}>\n      {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n      {variant === undefined || colorScheme === undefined ? (\n        <Box asChild className={`${componentClassName}Container`} role=\"list\">\n          <Tag {...listProps}>{children}</Tag>\n        </Box>\n      ) : (\n        <Card\n          className={`${componentClassName}Container`}\n          paddingNone\n          variant={variant}\n          colorScheme={colorScheme}\n        >\n          <Tag role=\"list\" {...listProps}>\n            {children}\n          </Tag>\n        </Card>\n      )}\n    </div>\n  );\n};\n\nList.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-SLPOLNDA.cjs → chunk-3Q7365H2.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkWLV6ECCUcjs = require('./chunk-WLV6ECCU.cjs');var _chunk76DQDXUBcjs = require('./chunk-76DQDXUB.cjs');var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var b="PasswordInput",x=_chunkEJ5PAVELcjs.b.call(void 0, b),N= exports.a =({className:y,disabled:l,id:I,ref:w,...E})=>{let v=_react2.default.useRef(null),e=w||v,[s,S]=_react2.default.useState(!1),[n,a]=_react2.default.useState(!1),M=_react2.default.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);_react2.default.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{_optionalChain([t, 'optionalAccess', _ => _.type])&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{_optionalChain([t, 'optionalAccess', _2 => _2.form])&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;_react2.default.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=_chunkVW6HV6Q7cjs.a.call(void 0, {providedId:I,prefix:"password-input"});return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkWLV6ECCUcjs.a,{ref:e,className:_chunkGVVJQBRKcjs.a.call(void 0, x,y),type:s?"text":"password",disabled:l,id:h,...E,children:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeSmallIcon,{}):_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeOffSmallIcon,{})})})}),_jsxruntime.jsx.call(void 0, "div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;exports.a = N;
-//# sourceMappingURL=chunk-SLPOLNDA.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkWLV6ECCUcjs = require('./chunk-WLV6ECCU.cjs');var _chunk76DQDXUBcjs = require('./chunk-76DQDXUB.cjs');var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var b="PasswordInput",x=_chunkEJ5PAVELcjs.b.call(void 0, b),N= exports.a =({className:y,disabled:l,id:I,ref:w,...E})=>{let v=_react2.default.useRef(null),e=w||v,[s,S]=_react2.default.useState(!1),[n,a]=_react2.default.useState(!1),M=_react2.default.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);_react2.default.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{_optionalChain([t, 'optionalAccess', _ => _.type])&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{_optionalChain([t, 'optionalAccess', _2 => _2.form])&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;_react2.default.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=_chunkVW6HV6Q7cjs.a.call(void 0, {providedId:I,prefix:"password-input"});return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkWLV6ECCUcjs.a,{ref:e,className:_chunkGVVJQBRKcjs.a.call(void 0, x,y),type:s?"text":"password",disabled:l,id:h,...E,children:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeSmallIcon,{}):_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeOffSmallIcon,{})})})}),_jsxruntime.jsx.call(void 0, "div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;exports.a = N;
+//# sourceMappingURL=chunk-3Q7365H2.cjs.map

package/dist/{chunk-SLPOLNDA.cjs.map → chunk-3Q7365H2.cjs.map}

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

package/dist/{chunk-FWMUMN5T.js → chunk-3WOCSPT3.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-2WE2ZBBJ.js";import{a as n}from"./chunk-YNHHVJLD.js";import{a as s}from"./chunk-KV365DCI.js";import{a as i}from"./chunk-OVKOZKG6.js";import{a}from"./chunk-A2PAFCXN.js";import{a as l}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-KDSBNW6G.js";import{CloseSmallIcon as E,SearchMediumIcon as C}from"@utilitywarehouse/hearth-react-icons";import*as o from"react";import{jsx as t,jsxs as H}from"react/jsx-runtime";var f="SearchInput",P=u(f),B=({className:I,disabled:c,value:r,onClear:p,loading:h,hideLabel:d=!0,helperText:S,id:y,ref:x,...b})=>{let R=o.useRef(null),e=x||R,M=o.useCallback(T=>{typeof p!="function"||T.button!==0||(p(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,p]),{id:N}=a({providedId:y,prefix:"search-input"});return H(m,{ref:e,className:l(P,I),type:"search",role:"search",enterKeyHint:"search",disabled:c,hideLabel:d,helperText:S,value:r,id:N,...b,children:[t(n,{placement:"prefix",children:t(C,{})}),h?t(n,{placement:"suffix",children:t(i,{size:"xs",color:"primary"})}):null,r!==void 0&&String(r).length>0?t(n,{placement:"suffix",children:t(s,{type:"button",label:"clear search",onClick:M,disabled:c,children:t(E,{})})}):null]})};B.displayName=f;export{B as a};
-//# sourceMappingURL=chunk-FWMUMN5T.js.map
+import{a as m}from"./chunk-2WE2ZBBJ.js";import{a as n}from"./chunk-YNHHVJLD.js";import{a as s}from"./chunk-7GOKU2FO.js";import{a as i}from"./chunk-OVKOZKG6.js";import{a}from"./chunk-A2PAFCXN.js";import{a as l}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-KDSBNW6G.js";import{CloseSmallIcon as E,SearchMediumIcon as C}from"@utilitywarehouse/hearth-react-icons";import*as o from"react";import{jsx as t,jsxs as H}from"react/jsx-runtime";var f="SearchInput",P=u(f),B=({className:I,disabled:c,value:r,onClear:p,loading:d,hideLabel:h=!0,helperText:S,id:y,ref:x,...b})=>{let R=o.useRef(null),e=x||R,M=o.useCallback(T=>{typeof p!="function"||T.button!==0||(p(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,p]),{id:N}=a({providedId:y,prefix:"search-input"});return H(m,{ref:e,className:l(P,I),type:"search",enterKeyHint:"search",disabled:c,hideLabel:h,helperText:S,value:r,id:N,...b,children:[t(n,{placement:"prefix",children:t(C,{})}),d?t(n,{placement:"suffix",children:t(i,{size:"xs",color:"primary"})}):null,r!==void 0&&String(r).length>0?t(n,{placement:"suffix",children:t(s,{type:"button",label:"clear search",onClick:M,disabled:c,children:t(E,{})})}):null]})};B.displayName=f;export{B as a};
+//# sourceMappingURL=chunk-3WOCSPT3.js.map

package/dist/chunk-3WOCSPT3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport * as React from 'react';\n\nconst COMPONENT_NAME = 'SearchInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const SearchInput = ({\n  className,\n  disabled,\n  value,\n  onClear,\n  loading,\n  hideLabel = true,\n  helperText,\n  id: providedId,\n  ref: forwardedRef,\n  ...props\n}: SearchInputProps) => {\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={cn(componentClassName, className)}\n      type=\"search\"\n      enterKeyHint=\"search\"\n      disabled={disabled}\n      hideLabel={hideLabel}\n      helperText={helperText}\n      value={value}\n      id={id}\n      {...props}\n    >\n      <InputSlot placement=\"prefix\">\n        <SearchMediumIcon />\n      </InputSlot>\n      {loading ? (\n        <InputSlot placement=\"suffix\">\n          <Spinner size=\"xs\" color=\"primary\" />\n        </InputSlot>\n      ) : null}\n      {value !== undefined && String(value).length > 0 ? (\n        <InputSlot placement=\"suffix\">\n          <UnstyledIconButton\n            type=\"button\"\n            label=\"clear search\"\n            onClick={handleClear}\n            disabled={disabled}\n          >\n            <CloseSmallIcon />\n          </UnstyledIconButton>\n        </InputSlot>\n      ) : null}\n    </TextInput>\n  );\n};\n\nSearchInput.displayName = COMPONENT_NAME;\n"],"mappings":"mRASA,OAAS,kBAAAA,EAAgB,oBAAAC,MAAwB,uCAEjD,UAAYC,MAAW,QAqCnB,OAaI,OAAAC,EAbJ,QAAAC,MAAA,oBAnCJ,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAc,CAAC,CAC1B,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,GAAIC,EACJ,IAAKC,EACL,GAAGC,CACL,IAAwB,CACtB,IAAMC,EAAmB,SAAgC,IAAI,EACvDC,EAAWH,GAAgBE,EAE3BE,EAAoB,cACvBC,GAA+C,CAC1C,OAAOV,GAAY,YAAcU,EAAM,SAAW,IAGtDV,EAAQ,EAEJQ,GAAY,OAAOA,GAAa,UAAYA,EAAS,SACvDA,EAAS,QAAQ,MAAM,EAE3B,EACA,CAACA,EAAUR,CAAO,CACpB,EAEM,CAAE,GAAAW,CAAG,EAAIC,EAAO,CAAE,WAAAR,EAAY,OAAQ,cAAe,CAAC,EAE5D,OACEZ,EAACqB,EAAA,CACC,IAAKL,EACL,UAAWM,EAAGpB,EAAoBG,CAAS,EAC3C,KAAK,SACL,aAAa,SACb,SAAUC,EACV,UAAWI,EACX,WAAYC,EACZ,MAAOJ,EACP,GAAIY,EACH,GAAGL,EAEJ,UAAAf,EAACwB,EAAA,CAAU,UAAU,SACnB,SAAAxB,EAACyB,EAAA,EAAiB,EACpB,EACCf,EACCV,EAACwB,EAAA,CAAU,UAAU,SACnB,SAAAxB,EAAC0B,EAAA,CAAQ,KAAK,KAAK,MAAM,UAAU,EACrC,EACE,KACHlB,IAAU,QAAa,OAAOA,CAAK,EAAE,OAAS,EAC7CR,EAACwB,EAAA,CAAU,UAAU,SACnB,SAAAxB,EAAC2B,EAAA,CACC,KAAK,SACL,MAAM,eACN,QAAST,EACT,SAAUX,EAEV,SAAAP,EAAC4B,EAAA,EAAe,EAClB,EACF,EACE,MACN,CAEJ,EAEAvB,EAAY,YAAcH","names":["CloseSmallIcon","SearchMediumIcon","React","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","SearchInput","className","disabled","value","onClear","loading","hideLabel","helperText","providedId","forwardedRef","props","defaultRef","inputRef","handleClear","event","id","useIds","TextInput","cn","InputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"]}

package/dist/{chunk-W5S3IDNM.cjs → chunk-5EYLUB3O.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var g="TabsList",s=_chunkEJ5PAVELcjs.b.call(void 0, g),A= exports.a =({className:I,children:N,...y})=>{let u=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[C,R]=_react.useState.call(void 0, 0),[W,E]=_react.useState.call(void 0, 0),[b,M]=_react.useState.call(void 0, !1),[L,w]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=u.current;if(!e)return;let t=e.querySelector("."+_chunkEJ5PAVELcjs.b.call(void 0, 'Tab[data-state="active"]'));t&&(R(t.offsetLeft),E(t.offsetWidth))},[]),l=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,r=t&&e.scrollLeft>0,o=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;M(r),w(o)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let r=new ResizeObserver(()=>{a(),l()});e&&r.observe(e),t&&r.observe(t);let o=new MutationObserver(()=>{a(),l()});e&&o.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let p=()=>l();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",p,{passive:!0})]),()=>{r.disconnect(),o.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",p)])}},[a,l]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let r=t.clientWidth*.6,o=Math.max(0,Math.min(t.scrollLeft+e*r,t.scrollWidth-t.clientWidth));t.scrollTo({left:o,behavior:"smooth"})},[]),O=_react.useCallback.call(void 0, ()=>d(-1),[d]),$=_react.useCallback.call(void 0, ()=>d(1),[d]);return _jsxruntime.jsxs.call(void 0, _radixui.Tabs.List,{className:_chunkGVVJQBRKcjs.a.call(void 0, s,I),...y,children:[b?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonLeft`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"scroll left",tabIndex:-1,onClick:O,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})}):null,_jsxruntime.jsx.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, `${s}Scroll`),"data-scroll-left":b?"":void 0,"data-scroll-right":L?"":void 0,ref:c,children:_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Container`,ref:u,children:[N,_jsxruntime.jsx.call(void 0, "div",{className:`${s}Indicator`,style:{transform:`translateX(${C}px)`,width:`${W}px`}})]})}),L?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonRight`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"scroll right",tabIndex:-1,onClick:$,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})}):null]})};A.displayName=g;exports.a = A;
-//# sourceMappingURL=chunk-W5S3IDNM.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var g="TabsList",s=_chunkEJ5PAVELcjs.b.call(void 0, g),A= exports.a =({className:I,children:N,...y})=>{let u=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[C,R]=_react.useState.call(void 0, 0),[W,E]=_react.useState.call(void 0, 0),[b,M]=_react.useState.call(void 0, !1),[L,w]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=u.current;if(!e)return;let t=e.querySelector("."+_chunkEJ5PAVELcjs.b.call(void 0, 'Tab[data-state="active"]'));t&&(R(t.offsetLeft),E(t.offsetWidth))},[]),l=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,r=t&&e.scrollLeft>0,o=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;M(r),w(o)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let r=new ResizeObserver(()=>{a(),l()});e&&r.observe(e),t&&r.observe(t);let o=new MutationObserver(()=>{a(),l()});e&&o.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let p=()=>l();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",p,{passive:!0})]),()=>{r.disconnect(),o.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",p)])}},[a,l]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let r=t.clientWidth*.6,o=Math.max(0,Math.min(t.scrollLeft+e*r,t.scrollWidth-t.clientWidth));t.scrollTo({left:o,behavior:"smooth"})},[]),O=_react.useCallback.call(void 0, ()=>d(-1),[d]),$=_react.useCallback.call(void 0, ()=>d(1),[d]);return _jsxruntime.jsxs.call(void 0, _radixui.Tabs.List,{className:_chunkGVVJQBRKcjs.a.call(void 0, s,I),...y,children:[b?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonLeft`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"scroll left",tabIndex:-1,onClick:O,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})}):null,_jsxruntime.jsx.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, `${s}Scroll`),"data-scroll-left":b?"":void 0,"data-scroll-right":L?"":void 0,ref:c,children:_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Container`,ref:u,children:[N,_jsxruntime.jsx.call(void 0, "div",{className:`${s}Indicator`,style:{transform:`translateX(${C}px)`,width:`${W}px`}})]})}),L?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonRight`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"scroll right",tabIndex:-1,onClick:$,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})}):null]})};A.displayName=g;exports.a = A;
+//# sourceMappingURL=chunk-5EYLUB3O.cjs.map

package/dist/{chunk-W5S3IDNM.cjs.map → chunk-5EYLUB3O.cjs.map}

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

package/dist/{chunk-K6THDJZC.js → chunk-5NJLEZJ4.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk-I5DRTYUI.js";import{a}from"./chunk-MSHCGZ4G.js";import{b as o}from"./chunk-KDSBNW6G.js";import{jsx as m}from"react/jsx-runtime";var n="TablePagination",p=o(n),e=({className:t,...r})=>m(i,{className:a(p,t),...r,as:"div"});e.displayName=n;export{e as a};
-//# sourceMappingURL=chunk-K6THDJZC.js.map
+import{a as i}from"./chunk-26EXHDBH.js";import{a}from"./chunk-MSHCGZ4G.js";import{b as o}from"./chunk-KDSBNW6G.js";import{jsx as m}from"react/jsx-runtime";var n="TablePagination",p=o(n),e=({className:t,...r})=>m(i,{className:a(p,t),...r,as:"div"});e.displayName=n;export{e as a};
+//# sourceMappingURL=chunk-5NJLEZJ4.js.map

package/dist/{chunk-MOUIHTRH.js → chunk-5UMDJTCZ.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-AILBQLPP.js";import{a as N}from"./chunk-FRRPRW67.js";import{a as B}from"./chunk-COZ4PWO4.js";import{a as f}from"./chunk-KGPZIPOA.js";import{a as D}from"./chunk-4KZL64RS.js";import{a as s}from"./chunk-G4IYVCCQ.js";import{a as n}from"./chunk-VG3SD2O6.js";import{a as d}from"./chunk-WP323DDO.js";import{a as b}from"./chunk-T3QNJYVM.js";import{a as g}from"./chunk-R44IQFM7.js";import{a as e}from"./chunk-J7BEXO6J.js";import{a}from"./chunk-IWAYZXLO.js";import{a as P}from"./chunk-4QNUU62Q.js";import{a as i}from"./chunk-W6VYE222.js";import{a as l}from"./chunk-PQBMMI4K.js";import{a as x}from"./chunk-YXPCI7XL.js";import{a as c}from"./chunk-MNEDCJTO.js";import{a as t}from"./chunk-XXFFX25X.js";import{a as r}from"./chunk-MSHCGZ4G.js";import{b as p}from"./chunk-KDSBNW6G.js";import{Slot as S}from"radix-ui";import{jsx as C}from"react/jsx-runtime";var h="Box",v=p(h),w=T=>{let{className:u,asChild:y,as:I="div",children:o,...R}=t(T,m,D,f,e,l,i,s,b,g,c,x,P,a,n,d,N,B);return C(S.Root,{className:r(v,u),...R,children:y?o:C(I,{children:o})})};w.displayName=h;export{w as a};
-//# sourceMappingURL=chunk-MOUIHTRH.js.map
+import{a as m}from"./chunk-HS6ONSNW.js";import{a as N}from"./chunk-FRRPRW67.js";import{a as B}from"./chunk-COZ4PWO4.js";import{a as f}from"./chunk-KGPZIPOA.js";import{a as D}from"./chunk-4KZL64RS.js";import{a as s}from"./chunk-G4IYVCCQ.js";import{a as n}from"./chunk-VG3SD2O6.js";import{a as d}from"./chunk-WP323DDO.js";import{a as b}from"./chunk-T3QNJYVM.js";import{a as g}from"./chunk-R44IQFM7.js";import{a as e}from"./chunk-J7BEXO6J.js";import{a}from"./chunk-IWAYZXLO.js";import{a as P}from"./chunk-4QNUU62Q.js";import{a as i}from"./chunk-W6VYE222.js";import{a as l}from"./chunk-PQBMMI4K.js";import{a as x}from"./chunk-YXPCI7XL.js";import{a as c}from"./chunk-MNEDCJTO.js";import{a as t}from"./chunk-XXFFX25X.js";import{a as r}from"./chunk-MSHCGZ4G.js";import{b as p}from"./chunk-KDSBNW6G.js";import{Slot as S}from"radix-ui";import{jsx as C}from"react/jsx-runtime";var h="Box",v=p(h),w=T=>{let{className:u,asChild:y,as:I="div",children:o,...R}=t(T,m,D,f,e,l,i,s,b,g,c,x,P,a,n,d,N,B);return C(S.Root,{className:r(v,u),...R,children:y?o:C(I,{children:o})})};w.displayName=h;export{w as a};
+//# sourceMappingURL=chunk-5UMDJTCZ.js.map

package/dist/{chunk-ZUI7CH5Y.js → chunk-72H5LJ34.js}

@@ -1,2 +1,2 @@
-import{a as o}from"./chunk-KV365DCI.js";import{a as d}from"./chunk-3QFKUHQE.js";import{b as i}from"./chunk-KDSBNW6G.js";import{ChevronDownSmallIcon as g,ChevronLeftSmallIcon as Y,ChevronRightSmallIcon as S,ChevronUpSmallIcon as H}from"@utilitywarehouse/hearth-react-icons";import{jsx as t,jsxs as s}from"react/jsx-runtime";var l="DatePickerHeader",r=i(l),I=c=>{let{date:n,decreaseYear:m,increaseYear:y,decreaseMonth:u,increaseMonth:p,prevMonthButtonDisabled:h,nextMonthButtonDisabled:b,prevYearButtonDisabled:v,nextYearButtonDisabled:C,view:e,onClick:D,visibleYearsRange:a}=c,k={days:[["January","February","March","April","May","June","July","August","September","October","November","December"][n.getMonth()],n.getFullYear()].join(" "),months:n.getFullYear().toString(),years:a?[a.startYear,"-",a.endYear].join(" "):void 0},N=e==="days"?u:e==="years"?m:void 0,f=e==="days"?p:e==="years"?y:void 0,M=e==="days"&&h||e==="years"&&v,P=e==="days"&&b||e==="years"&&C,x=`previous ${e==="days"?"month":"year"}`,B=`next ${e==="days"?"month":"year"}`;return s("div",{className:r,"data-monthyear-state":e==="days"?"closed":"open",children:[t(d,{asChild:!0,size:"md",weight:"semibold",children:s("button",{className:`${r}MonthButton`,onClick:D,children:[k[e],e==="days"?t(g,{"aria-hidden":!0}):t(H,{"aria-hidden":!0})]})}),e!=="months"?s("div",{className:`${r}Control`,children:[t(o,{onClick:N,disabled:M,label:x,children:t(Y,{})}),t(o,{onClick:f,disabled:P,label:B,children:t(S,{})})]}):null]})};I.displayName=l;export{I as a};
-//# sourceMappingURL=chunk-ZUI7CH5Y.js.map
+import{a as o}from"./chunk-7GOKU2FO.js";import{a as d}from"./chunk-3QFKUHQE.js";import{b as i}from"./chunk-KDSBNW6G.js";import{ChevronDownSmallIcon as g,ChevronLeftSmallIcon as Y,ChevronRightSmallIcon as S,ChevronUpSmallIcon as H}from"@utilitywarehouse/hearth-react-icons";import{jsx as t,jsxs as s}from"react/jsx-runtime";var l="DatePickerHeader",r=i(l),I=c=>{let{date:n,decreaseYear:m,increaseYear:y,decreaseMonth:u,increaseMonth:p,prevMonthButtonDisabled:h,nextMonthButtonDisabled:b,prevYearButtonDisabled:v,nextYearButtonDisabled:C,view:e,onClick:D,visibleYearsRange:a}=c,k={days:[["January","February","March","April","May","June","July","August","September","October","November","December"][n.getMonth()],n.getFullYear()].join(" "),months:n.getFullYear().toString(),years:a?[a.startYear,"-",a.endYear].join(" "):void 0},N=e==="days"?u:e==="years"?m:void 0,f=e==="days"?p:e==="years"?y:void 0,M=e==="days"&&h||e==="years"&&v,P=e==="days"&&b||e==="years"&&C,x=`previous ${e==="days"?"month":"year"}`,B=`next ${e==="days"?"month":"year"}`;return s("div",{className:r,"data-monthyear-state":e==="days"?"closed":"open",children:[t(d,{asChild:!0,size:"md",weight:"semibold",children:s("button",{className:`${r}MonthButton`,onClick:D,children:[k[e],e==="days"?t(g,{"aria-hidden":!0}):t(H,{"aria-hidden":!0})]})}),e!=="months"?s("div",{className:`${r}Control`,children:[t(o,{onClick:N,disabled:M,label:x,children:t(Y,{})}),t(o,{onClick:f,disabled:P,label:B,children:t(S,{})})]}):null]})};I.displayName=l;export{I as a};
+//# sourceMappingURL=chunk-72H5LJ34.js.map

package/dist/{chunk-YMVVLDIO.js → chunk-75DJOP4Q.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-QTT224TQ.js";import{a as f}from"./chunk-KV365DCI.js";import{a as e}from"./chunk-3QFKUHQE.js";import{a as d}from"./chunk-W6VYE222.js";import{a as c}from"./chunk-XXFFX25X.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as m}from"./chunk-KDSBNW6G.js";import{CloseSmallIcon as A,InfoMediumIcon as I,TickCircleMediumIcon as P,WarningMediumIcon as u}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as r}from"react/jsx-runtime";var C="Alert",t=m(C),B=y=>{let N={info:I,positive:P,warning:u,danger:u},{children:g,className:h,colorScheme:i="info",onClose:l,text:n,title:a,...v}=c(y,d),x=N[i];return r("div",{className:s(t,h),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":i,...v,children:[o(x,{"aria-hidden":"true"}),r("div",{className:`${t}Content`,children:[r(p,{direction:"column",children:[a?o(e,{as:"span",size:"md",weight:"semibold",children:a}):null,n?o(e,{as:"div",children:n}):null]}),g]}),l?o(f,{onClick:l,className:`${t}CloseButton`,title:"Close",label:"Close alert",children:o(A,{})}):null]})};B.displayName=C;export{B as a};
-//# sourceMappingURL=chunk-YMVVLDIO.js.map
+import{a as p}from"./chunk-QTT224TQ.js";import{a as f}from"./chunk-7GOKU2FO.js";import{a as e}from"./chunk-3QFKUHQE.js";import{a as d}from"./chunk-W6VYE222.js";import{a as c}from"./chunk-XXFFX25X.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as m}from"./chunk-KDSBNW6G.js";import{CloseSmallIcon as A,InfoMediumIcon as I,TickCircleMediumIcon as P,WarningMediumIcon as u}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as r}from"react/jsx-runtime";var C="Alert",t=m(C),B=y=>{let N={info:I,positive:P,warning:u,danger:u},{children:g,className:h,colorScheme:i="info",onClose:l,text:n,title:a,...v}=c(y,d),x=N[i];return r("div",{className:s(t,h),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":i,...v,children:[o(x,{"aria-hidden":"true"}),r("div",{className:`${t}Content`,children:[r(p,{direction:"column",children:[a?o(e,{as:"span",size:"md",weight:"semibold",children:a}):null,n?o(e,{as:"div",children:n}):null]}),g]}),l?o(f,{onClick:l,className:`${t}CloseButton`,title:"Close",label:"Close alert",children:o(A,{})}):null]})};B.displayName=C;export{B as a};
+//# sourceMappingURL=chunk-75DJOP4Q.js.map

package/dist/{chunk-KV365DCI.js → chunk-7GOKU2FO.js}

@@ -1,2 +1,2 @@
-import{a as d}from"./chunk-ZYWWDG3Y.js";import{a as l}from"./chunk-OVKOZKG6.js";import{a as p}from"./chunk-XXFFX25X.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{a}from"./chunk-JBNKX7O7.js";import{a as m}from"./chunk-AHTIZRCQ.js";import{Slot as I}from"radix-ui";import{jsx as c}from"react/jsx-runtime";var u="UnstyledIconButton",N=i(u),U=o=>{let{className:f,children:n,label:y,disabled:t,inverted:P,loading:e,onClick:C,asChild:r,...S}=p(o,d),b=a(o.size||"md",{md:"sm",sm:"xs"}),B=r?I.Root:"button";return c(B,{className:s(N,f),"aria-label":y,"aria-disabled":t||e,"data-inverted":P?"":void 0,onClick:t?void 0:C,...S,children:e?m({asChild:r,children:n},()=>c(l,{size:b,currentColor:!0})):n})};U.displayName=u;export{U as a};
-//# sourceMappingURL=chunk-KV365DCI.js.map
+import{a as d}from"./chunk-WJIOGQY3.js";import{a as l}from"./chunk-OVKOZKG6.js";import{a as p}from"./chunk-XXFFX25X.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{a}from"./chunk-JBNKX7O7.js";import{a as m}from"./chunk-AHTIZRCQ.js";import{Slot as I}from"radix-ui";import{jsx as c}from"react/jsx-runtime";var u="UnstyledIconButton",N=i(u),U=o=>{let{className:f,children:n,label:y,disabled:t,inverted:P,loading:e,onClick:C,asChild:r,...S}=p(o,d),b=a(o.size||"md",{md:"sm",sm:"xs"}),B=r?I.Root:"button";return c(B,{className:s(N,f),"aria-label":y,"aria-disabled":t||e,"data-inverted":P?"":void 0,onClick:t?void 0:C,...S,children:e?m({asChild:r,children:n},()=>c(l,{size:b,currentColor:!0})):n})};U.displayName=u;export{U as a};
+//# sourceMappingURL=chunk-7GOKU2FO.js.map

package/dist/{chunk-KEWFEF5I.cjs → chunk-7HSB46CH.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkWLV6ECCUcjs = require('./chunk-WLV6ECCU.cjs');var _chunk76DQDXUBcjs = require('./chunk-76DQDXUB.cjs');var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkWK6RNG5Ncjs = require('./chunk-WK6RNG5N.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react'); var o = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var f="SearchInput",P=_chunkEJ5PAVELcjs.b.call(void 0, f),B= exports.a =({className:I,disabled:c,value:r,onClear:p,loading:h,hideLabel:d=!0,helperText:S,id:y,ref:x,...b})=>{let R=o.useRef(null),e=x||R,M=o.useCallback(T=>{typeof p!="function"||T.button!==0||(p(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,p]),{id:N}=_chunkVW6HV6Q7cjs.a.call(void 0, {providedId:y,prefix:"search-input"});return _jsxruntime.jsxs.call(void 0, _chunkWLV6ECCUcjs.a,{ref:e,className:_chunkGVVJQBRKcjs.a.call(void 0, P,I),type:"search",role:"search",enterKeyHint:"search",disabled:c,hideLabel:d,helperText:S,value:r,id:N,...b,children:[_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"prefix",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})}),h?_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkWK6RNG5Ncjs.a,{size:"xs",color:"primary"})}):null,r!==void 0&&String(r).length>0?_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{type:"button",label:"clear search",onClick:M,disabled:c,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})}):null]})};B.displayName=f;exports.a = B;
-//# sourceMappingURL=chunk-KEWFEF5I.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkWLV6ECCUcjs = require('./chunk-WLV6ECCU.cjs');var _chunk76DQDXUBcjs = require('./chunk-76DQDXUB.cjs');var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkWK6RNG5Ncjs = require('./chunk-WK6RNG5N.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react'); var o = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var f="SearchInput",P=_chunkEJ5PAVELcjs.b.call(void 0, f),B= exports.a =({className:I,disabled:c,value:r,onClear:p,loading:d,hideLabel:h=!0,helperText:S,id:y,ref:x,...b})=>{let R=o.useRef(null),e=x||R,M=o.useCallback(T=>{typeof p!="function"||T.button!==0||(p(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,p]),{id:N}=_chunkVW6HV6Q7cjs.a.call(void 0, {providedId:y,prefix:"search-input"});return _jsxruntime.jsxs.call(void 0, _chunkWLV6ECCUcjs.a,{ref:e,className:_chunkGVVJQBRKcjs.a.call(void 0, P,I),type:"search",enterKeyHint:"search",disabled:c,hideLabel:h,helperText:S,value:r,id:N,...b,children:[_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"prefix",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})}),d?_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkWK6RNG5Ncjs.a,{size:"xs",color:"primary"})}):null,r!==void 0&&String(r).length>0?_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{type:"button",label:"clear search",onClick:M,disabled:c,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})}):null]})};B.displayName=f;exports.a = B;
+//# sourceMappingURL=chunk-7HSB46CH.cjs.map

package/dist/chunk-7HSB46CH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-7HSB46CH.cjs","../src/components/SearchInput/SearchInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SearchInput","className","disabled","value","onClear","loading","hideLabel","helperText","providedId","forwardedRef","props","defaultRef","inputRef","handleClear","event","id","useIds","jsxs","TextInput","cn","jsx","InputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"],"mappings":"AAAA,mZAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wECSxO,uEAE1B,+CAqCnB,IAnCEA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAc,CAAC,CAC1B,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,CAAA,CAAA,CACZ,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,GAAA,CAAKC,CAAAA,CACL,GAAGC,CACL,CAAA,CAAA,EAAwB,CACtB,IAAMC,CAAAA,CAAmB,CAAA,CAAA,MAAA,CAAgC,IAAI,CAAA,CACvDC,CAAAA,CAAWH,CAAAA,EAAgBE,CAAAA,CAE3BE,CAAAA,CAAoB,CAAA,CAAA,WAAA,CACvBC,CAAAA,EAA+C,CAC1C,OAAOV,CAAAA,EAAY,UAAA,EAAcU,CAAAA,CAAM,MAAA,GAAW,CAAA,EAAA,CAGtDV,CAAAA,CAAQ,CAAA,CAEJQ,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EACvDA,CAAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,CAAA,CAE3B,CAAA,CACA,CAACA,CAAAA,CAAUR,CAAO,CACpB,CAAA,CAEM,CAAE,EAAA,CAAAW,CAAG,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAR,CAAAA,CAAY,MAAA,CAAQ,cAAe,CAAC,CAAA,CAE5D,OACES,8BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKN,CAAAA,CACL,SAAA,CAAWO,iCAAAA,CAAGrB,CAAoBG,CAAS,CAAA,CAC3C,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,QAAA,CACb,QAAA,CAAUC,CAAAA,CACV,SAAA,CAAWI,CAAAA,CACX,UAAA,CAAYC,CAAAA,CACZ,KAAA,CAAOJ,CAAAA,CACP,EAAA,CAAIY,CAAAA,CACH,GAAGL,CAAAA,CAEJ,QAAA,CAAA,CAAAU,6BAAAA,mBAACC,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAD,6BAAAA,kCAACE,CAAA,CAAA,CAAiB,CAAA,CACpB,CAAA,CACCjB,CAAAA,CACCe,6BAAAA,mBAACC,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAD,6BAAAA,mBAACG,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,CAAA,CACrC,CAAA,CACE,IAAA,CACHpB,CAAAA,GAAU,KAAA,CAAA,EAAa,MAAA,CAAOA,CAAK,CAAA,CAAE,MAAA,CAAS,CAAA,CAC7CiB,6BAAAA,mBAACC,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAD,6BAAAA,mBAACI,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,cAAA,CACN,OAAA,CAASX,CAAAA,CACT,QAAA,CAAUX,CAAAA,CAEV,QAAA,CAAAkB,6BAAAA,gCAACK,CAAA,CAAA,CAAe,CAAA,CAClB,CAAA,CACF,CAAA,CACE,IAAA,CAAA,CACN,CAEJ,CAAA,CAEAzB,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-7HSB46CH.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport * as React from 'react';\n\nconst COMPONENT_NAME = 'SearchInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const SearchInput = ({\n  className,\n  disabled,\n  value,\n  onClear,\n  loading,\n  hideLabel = true,\n  helperText,\n  id: providedId,\n  ref: forwardedRef,\n  ...props\n}: SearchInputProps) => {\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={cn(componentClassName, className)}\n      type=\"search\"\n      enterKeyHint=\"search\"\n      disabled={disabled}\n      hideLabel={hideLabel}\n      helperText={helperText}\n      value={value}\n      id={id}\n      {...props}\n    >\n      <InputSlot placement=\"prefix\">\n        <SearchMediumIcon />\n      </InputSlot>\n      {loading ? (\n        <InputSlot placement=\"suffix\">\n          <Spinner size=\"xs\" color=\"primary\" />\n        </InputSlot>\n      ) : null}\n      {value !== undefined && String(value).length > 0 ? (\n        <InputSlot placement=\"suffix\">\n          <UnstyledIconButton\n            type=\"button\"\n            label=\"clear search\"\n            onClick={handleClear}\n            disabled={disabled}\n          >\n            <CloseSmallIcon />\n          </UnstyledIconButton>\n        </InputSlot>\n      ) : null}\n    </TextInput>\n  );\n};\n\nSearchInput.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-F5W6JSKJ.cjs → chunk-AROH23JT.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKRNRTBV6cjs = require('./chunk-KRNRTBV6.cjs');var _chunk5RRFHW3Pcjs = require('./chunk-5RRFHW3P.cjs');var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkT2TOCLV3cjs = require('./chunk-T2TOCLV3.cjs');var _chunkCJCCDABRcjs = require('./chunk-CJCCDABR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var v="Modal",i=_chunkEJ5PAVELcjs.b.call(void 0, v),$= exports.a =({className:f,image:t,forceMount:C,container:N,heading:P,description:g,hideCloseButton:u,fullScreen:y,children:M,...D})=>{let B={forceMount:C,container:N},s=!!t;return _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal,{...B,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay,{className:_chunkEJ5PAVELcjs.b.call(void 0, "Overlay"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}Scroll`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}ScrollPadding`,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Content,{className:_chunkGVVJQBRKcjs.a.call(void 0, i,f),"data-contains-image":s?"":void 0,"data-full-screen":y?"":void 0,...D,children:_jsxruntime.jsxs.call(void 0, "div",{className:`${i}OuterContainer`,children:[_jsxruntime.jsx.call(void 0, _chunkKRNRTBV6cjs.a,{children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{type:"button",label:"Close","data-visually-hidden":u?"":void 0,className:`${i}CloseIconButton`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${i}InnerContainer`,children:[s?_jsxruntime.jsx.call(void 0, "div",{className:`${i}Image`,children:t}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${i}Header`,children:[_jsxruntime.jsx.call(void 0, _chunk5RRFHW3Pcjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkT2TOCLV3cjs.a,{size:"lg",children:P})})}),_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{size:"md",as:"span",children:g})})]})]}),M]})})})})})})};$.displayName=v;exports.a = $;
-//# sourceMappingURL=chunk-F5W6JSKJ.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKRNRTBV6cjs = require('./chunk-KRNRTBV6.cjs');var _chunkP7NJ7Y66cjs = require('./chunk-P7NJ7Y66.cjs');var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkT2TOCLV3cjs = require('./chunk-T2TOCLV3.cjs');var _chunkCJCCDABRcjs = require('./chunk-CJCCDABR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var v="Modal",i=_chunkEJ5PAVELcjs.b.call(void 0, v),$= exports.a =({className:f,image:t,forceMount:C,container:N,heading:P,description:g,hideCloseButton:u,fullScreen:y,children:M,...D})=>{let B={forceMount:C,container:N},s=!!t;return _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal,{...B,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay,{className:_chunkEJ5PAVELcjs.b.call(void 0, "Overlay"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}Scroll`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}ScrollPadding`,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Content,{className:_chunkGVVJQBRKcjs.a.call(void 0, i,f),"data-contains-image":s?"":void 0,"data-full-screen":y?"":void 0,...D,children:_jsxruntime.jsxs.call(void 0, "div",{className:`${i}OuterContainer`,children:[_jsxruntime.jsx.call(void 0, _chunkKRNRTBV6cjs.a,{children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{type:"button",label:"Close","data-visually-hidden":u?"":void 0,className:`${i}CloseIconButton`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${i}InnerContainer`,children:[s?_jsxruntime.jsx.call(void 0, "div",{className:`${i}Image`,children:t}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${i}Header`,children:[_jsxruntime.jsx.call(void 0, _chunkP7NJ7Y66cjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkT2TOCLV3cjs.a,{size:"lg",children:P})})}),_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{size:"md",as:"span",children:g})})]})]}),M]})})})})})})};$.displayName=v;exports.a = $;
+//# sourceMappingURL=chunk-AROH23JT.cjs.map

package/dist/{chunk-F5W6JSKJ.cjs.map → chunk-AROH23JT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-F5W6JSKJ.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","children","props","portalProps","containsImage","jsx","DialogPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCEpP,wEAMV,+CA0CZ,IArCdA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQ,CAAC,CACpB,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAAkB,CAChB,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAR,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCQ,CAAAA,CAAgB,CAAA,CAAQV,CAAAA,CAE9B,OACEW,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGH,CAAAA,CAC1B,QAAA,CAAAE,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWf,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAc,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-F5W6JSKJ.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Modal = ({\n  className,\n  image,\n  forceMount,\n  container,\n  heading,\n  description,\n  hideCloseButton,\n  fullScreen,\n  children,\n  ...props\n}: ModalProps) => {\n  const portalProps = { forceMount, container };\n  const containsImage = Boolean(image);\n\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n        <div className={`${componentClassName}Scroll`}>\n          <div className={`${componentClassName}ScrollPadding`}>\n            <DialogPrimitive.Content\n              className={cn(componentClassName, className)}\n              data-contains-image={containsImage ? '' : undefined}\n              data-full-screen={fullScreen ? '' : undefined}\n              {...props}\n            >\n              <div className={`${componentClassName}OuterContainer`}>\n                <ModalClose>\n                  <UnstyledIconButton\n                    type=\"button\"\n                    label=\"Close\"\n                    data-visually-hidden={hideCloseButton ? '' : undefined}\n                    className={`${componentClassName}CloseIconButton`}\n                  >\n                    <CloseMediumIcon />\n                  </UnstyledIconButton>\n                </ModalClose>\n\n                <div className={`${componentClassName}InnerContainer`}>\n                  {containsImage ? (\n                    <div className={`${componentClassName}Image`}>{image}</div>\n                  ) : null}\n                  <div className={`${componentClassName}Header`}>\n                    <Box asChild>\n                      <DialogPrimitive.Title asChild>\n                        <Heading size=\"lg\">{heading}</Heading>\n                      </DialogPrimitive.Title>\n                    </Box>\n                    <DialogPrimitive.Description asChild>\n                      <BodyText size=\"md\" as=\"span\">\n                        {description}\n                      </BodyText>\n                    </DialogPrimitive.Description>\n                  </div>\n                </div>\n\n                {children}\n              </div>\n            </DialogPrimitive.Content>\n          </div>\n        </div>\n      </DialogPrimitive.Overlay>\n    </DialogPrimitive.Portal>\n  );\n};\n\nModal.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-AROH23JT.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","children","props","portalProps","containsImage","jsx","DialogPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCEpP,wEAMV,+CA0CZ,IArCdA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQ,CAAC,CACpB,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAAkB,CAChB,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAR,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCQ,CAAAA,CAAgB,CAAA,CAAQV,CAAAA,CAE9B,OACEW,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGH,CAAAA,CAC1B,QAAA,CAAAE,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWf,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAc,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-AROH23JT.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Modal = ({\n  className,\n  image,\n  forceMount,\n  container,\n  heading,\n  description,\n  hideCloseButton,\n  fullScreen,\n  children,\n  ...props\n}: ModalProps) => {\n  const portalProps = { forceMount, container };\n  const containsImage = Boolean(image);\n\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n        <div className={`${componentClassName}Scroll`}>\n          <div className={`${componentClassName}ScrollPadding`}>\n            <DialogPrimitive.Content\n              className={cn(componentClassName, className)}\n              data-contains-image={containsImage ? '' : undefined}\n              data-full-screen={fullScreen ? '' : undefined}\n              {...props}\n            >\n              <div className={`${componentClassName}OuterContainer`}>\n                <ModalClose>\n                  <UnstyledIconButton\n                    type=\"button\"\n                    label=\"Close\"\n                    data-visually-hidden={hideCloseButton ? '' : undefined}\n                    className={`${componentClassName}CloseIconButton`}\n                  >\n                    <CloseMediumIcon />\n                  </UnstyledIconButton>\n                </ModalClose>\n\n                <div className={`${componentClassName}InnerContainer`}>\n                  {containsImage ? (\n                    <div className={`${componentClassName}Image`}>{image}</div>\n                  ) : null}\n                  <div className={`${componentClassName}Header`}>\n                    <Box asChild>\n                      <DialogPrimitive.Title asChild>\n                        <Heading size=\"lg\">{heading}</Heading>\n                      </DialogPrimitive.Title>\n                    </Box>\n                    <DialogPrimitive.Description asChild>\n                      <BodyText size=\"md\" as=\"span\">\n                        {description}\n                      </BodyText>\n                    </DialogPrimitive.Description>\n                  </div>\n                </div>\n\n                {children}\n              </div>\n            </DialogPrimitive.Content>\n          </div>\n        </div>\n      </DialogPrimitive.Overlay>\n    </DialogPrimitive.Portal>\n  );\n};\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-Z7Z6F6X6.cjs → chunk-BZREAYTS.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["none","inline","inline-block","block"],r= exports.a ={display:{className:"display",tokens:o,responsive:!0}};exports.a = r;
-//# sourceMappingURL=chunk-Z7Z6F6X6.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["none","inline","inline-block","block"],r= exports.a ={display:{className:"d",tokens:o,responsive:!0}};exports.a = r;
+//# sourceMappingURL=chunk-BZREAYTS.cjs.map

package/dist/{chunk-Z7Z6F6X6.cjs.map → chunk-BZREAYTS.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Box/Box.props.ts"],"names":["displayValues","boxPropDefs"],"mappings":"AAmBA,6EAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,QAAA,CAAU,cAAA,CAAgB,OAAO,CAAA,CAEnDC,CAAAA,aAAc,CACzB,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAC3E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-Z7Z6F6X6.cjs","sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\ninterface CommonBoxProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    BorderWidthProps,\n    BorderStyleProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps,\n    OverflowProps {\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = { as?: 'div' } & React.ComponentPropsWithRef<'div'>;\ntype BoxSpanProps = { as: 'span' } & React.ComponentPropsWithRef<'span'>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"]}
+{"version":3,"sources":["../src/components/Box/Box.props.ts"],"names":["displayValues","boxPropDefs"],"mappings":"AAmBA,6EAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,QAAA,CAAU,cAAA,CAAgB,OAAO,CAAA,CAEnDC,CAAAA,aAAc,CACzB,OAAA,CAAS,CAAE,SAAA,CAAW,GAAA,CAAK,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CACrE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-BZREAYTS.cjs","sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  display: { className: 'd', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\ninterface CommonBoxProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    BorderWidthProps,\n    BorderStyleProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps,\n    OverflowProps {\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = { as?: 'div' } & React.ComponentPropsWithRef<'div'>;\ntype BoxSpanProps = { as: 'span' } & React.ComponentPropsWithRef<'span'>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"]}

package/dist/chunk-CPO4OP42.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3D7ML7XVcjs = require('./chunk-3D7ML7XV.cjs');var _chunk2VA6OUKDcjs = require('./chunk-2VA6OUKD.cjs');var _chunkS7PSYWVCcjs = require('./chunk-S7PSYWVC.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkPQUOB5X6cjs = require('./chunk-PQUOB5X6.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _jsxruntime = require('react/jsx-runtime');var b="ProgressBar",w=_chunkEJ5PAVELcjs.b.call(void 0, b),D= exports.a =N=>{let{className:h,variant:o="linear",colorScheme:s="default",value:T,min:a=0,max:r=100,label:M,formatValueText:t,"aria-valuetext":V,hideLabel:y,...C}=_chunk3VJXZPWBcjs.a.call(void 0, N,_chunk3D7ML7XVcjs.a,_chunkRDNRX35Pcjs.a),{labelId:l}=_chunkVW6HV6Q7cjs.a.call(void 0, {prefix:"progress"}),e=s==="success"?r:Math.max(a,Math.min(T,r)),i=_chunkPQUOB5X6cjs.a.call(void 0, e,a,r),m=t?t(e):`${i}%`,p={value:i,label:M,valueText:m,labelId:l,hideLabel:y};return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, w,h),role:"progressbar","aria-valuenow":e,"aria-valuemin":a,"aria-valuemax":r,"aria-valuetext":V||m,"aria-labelledby":l,"data-colorscheme":s,...C,children:[o==="linear"?_jsxruntime.jsx.call(void 0, _chunkS7PSYWVCcjs.a,{...p}):null,o==="circular"?_jsxruntime.jsx.call(void 0, _chunk2VA6OUKDcjs.a,{...p}):null]})};D.displayName=b;exports.a = D;
+//# sourceMappingURL=chunk-CPO4OP42.cjs.map

package/dist/chunk-CPO4OP42.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-CPO4OP42.cjs","../src/components/ProgressBar/ProgressBar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBar","props","className","variant","colorScheme","value","min","max","label","formatValueText","ariaValueText","hideLabel","progressBarProps","extractProps","progressBarPropDefs","marginPropDefs","labelId","useIds","effectiveValue","percentValue","valueToPercent","valueText"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCkD5W,IArCEA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAeC,CAAAA,EAA4B,CACtD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,QAAA,CACV,WAAA,CAAAC,CAAAA,CAAc,SAAA,CACd,KAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CAAM,CAAA,CACN,GAAA,CAAAC,CAAAA,CAAM,GAAA,CACN,KAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,gBAAA,CAAkBC,CAAAA,CAClB,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaZ,CAAOa,mBAAAA,CAAqBC,mBAAc,CAAA,CAErD,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAIC,iCAAAA,CAAS,MAAA,CAAQ,UAAW,CAAC,CAAA,CAI3CC,CAAAA,CAAiBd,CAAAA,GAAgB,SAAA,CAAYG,CAAAA,CAAM,IAAA,CAAK,GAAA,CAAID,CAAAA,CAAK,IAAA,CAAK,GAAA,CAAID,CAAAA,CAAOE,CAAG,CAAC,CAAA,CAErFY,CAAAA,CAAeC,iCAAAA,CAAeF,CAAgBZ,CAAAA,CAAKC,CAAG,CAAA,CAEtDc,CAAAA,CAAYZ,CAAAA,CAAkBA,CAAAA,CAAgBS,CAAc,CAAA,CAAI,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-CPO4OP42.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 { marginPropDefs } from '../../props/margin.props';\nimport { progressBarPropDefs } from './ProgressBar.props';\nimport type { ProgressBarProps } from './ProgressBar.props';\nimport { ProgressBarLinear } from './ProgressBarLinear';\nimport { valueToPercent } from '../../helpers/value-to-percent';\nimport { useIds } from '../../hooks/use-ids';\nimport { ProgressBarCircular } from './ProgressBarCircular';\n\nconst COMPONENT_NAME = 'ProgressBar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    className,\n    variant = 'linear',\n    colorScheme = 'default',\n    value,\n    min = 0,\n    max = 100,\n    label,\n    formatValueText,\n    'aria-valuetext': ariaValueText,\n    hideLabel,\n    ...progressBarProps\n  } = extractProps(props, progressBarPropDefs, marginPropDefs);\n\n  const { labelId } = useIds({ prefix: 'progress' });\n\n  // Determine the logical value based on status\n  // If 'success', we force 100% (max); otherwise, we clamp the actual value.\n  const effectiveValue = colorScheme === 'success' ? max : Math.max(min, Math.min(value, max));\n  // Get the whole number percentage\n  const percentValue = valueToPercent(effectiveValue, min, max);\n  // Determine the text display\n  const valueText = formatValueText ? formatValueText(effectiveValue) : `${percentValue}%`;\n\n  const internalProgressBarProps = {\n    value: percentValue,\n    label,\n    valueText,\n    labelId,\n    hideLabel,\n  };\n\n  return (\n    <div\n      className={cn(componentClassName, className)}\n      role=\"progressbar\"\n      aria-valuenow={effectiveValue}\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuetext={ariaValueText || valueText}\n      aria-labelledby={labelId}\n      data-colorscheme={colorScheme}\n      {...progressBarProps}\n    >\n      {variant === 'linear' ? <ProgressBarLinear {...internalProgressBarProps} /> : null}\n      {variant === 'circular' ? <ProgressBarCircular {...internalProgressBarProps} /> : null}\n    </div>\n  );\n};\n\nProgressBar.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-WZ6TLZJG.js → chunk-DZYNBPZN.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-2WE2ZBBJ.js";import{a as d}from"./chunk-YNHHVJLD.js";import{a as f}from"./chunk-KV365DCI.js";import{a as m}from"./chunk-A2PAFCXN.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-KDSBNW6G.js";import i from"react";import{EyeOffSmallIcon as T,EyeSmallIcon as g}from"@utilitywarehouse/hearth-react-icons";import{Fragment as O,jsx as o,jsxs as R}from"react/jsx-runtime";var b="PasswordInput",x=u(b),N=({className:y,disabled:l,id:I,ref:w,...E})=>{let v=i.useRef(null),e=w||v,[s,S]=i.useState(!1),[n,a]=i.useState(!1),M=i.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);i.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{t?.type&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{t?.form&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;i.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=m({providedId:I,prefix:"password-input"});return R(O,{children:[o(c,{ref:e,className:p(x,y),type:s?"text":"password",disabled:l,id:h,...E,children:o(d,{placement:"suffix",children:o(f,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?o(g,{}):o(T,{})})})}),o("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;export{N as a};
-//# sourceMappingURL=chunk-WZ6TLZJG.js.map
+import{a as c}from"./chunk-2WE2ZBBJ.js";import{a as d}from"./chunk-YNHHVJLD.js";import{a as f}from"./chunk-7GOKU2FO.js";import{a as m}from"./chunk-A2PAFCXN.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-KDSBNW6G.js";import i from"react";import{EyeOffSmallIcon as T,EyeSmallIcon as g}from"@utilitywarehouse/hearth-react-icons";import{Fragment as O,jsx as o,jsxs as R}from"react/jsx-runtime";var b="PasswordInput",x=u(b),N=({className:y,disabled:l,id:I,ref:w,...E})=>{let v=i.useRef(null),e=w||v,[s,S]=i.useState(!1),[n,a]=i.useState(!1),M=i.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);i.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{t?.type&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{t?.form&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;i.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=m({providedId:I,prefix:"password-input"});return R(O,{children:[o(c,{ref:e,className:p(x,y),type:s?"text":"password",disabled:l,id:h,...E,children:o(d,{placement:"suffix",children:o(f,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?o(g,{}):o(T,{})})})}),o("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;export{N as a};
+//# sourceMappingURL=chunk-DZYNBPZN.js.map

package/dist/{chunk-WPAOUKJ6.js → chunk-EP2DEUAZ.js}

@@ -1,2 +1,2 @@
-import{a as M}from"./chunk-ZUI7CH5Y.js";import{a as V}from"./chunk-HGDFJ3E3.js";import{a as x}from"./chunk-WBPYLMCM.js";import{a as b}from"./chunk-W6VYE222.js";import{a as g}from"./chunk-A2PAFCXN.js";import{a as N}from"./chunk-DVGYWBKQ.js";import{a as D}from"./chunk-XXFFX25X.js";import{a as v}from"./chunk-MSHCGZ4G.js";import{b as w}from"./chunk-KDSBNW6G.js";import j from"react-datepicker";import{offset as ee}from"@floating-ui/dom";import{Portal as ae}from"radix-ui";import*as d from"react";import{jsx as r}from"react/jsx-runtime";var O="DatePicker",a=w(O),te=R=>{let{className:T,onChange:l,onCalendarOpen:p,onCalendarClose:c,validationStatus:o,validationText:m,label:H,labelVariant:I,helperText:f,id:S,disabled:P,readOnly:y,required:u,ref:E,...F}=D(R,b),[$,C]=d.useState(!1),[e,s]=d.useState("days"),{id:A,labelId:h,helperTextId:k,validationTextId:n}=g({providedId:S,prefix:"date-picker"}),i=!y&&!P,Y={id:A,labelId:h,helperTextId:k,validationTextId:n,label:H,labelVariant:I,helperText:f,validationText:i?m:void 0,validationStatus:i?o:void 0,required:u},L=N(f?k:void 0,i&&m!==void 0?n:void 0),W={days:"days",months:"days",years:"months"},q={days:"months",months:"years",years:"days"},B=(t,Z)=>{e!=="days"&&s(W[e]),l!==void 0&&l(t,Z)},G=()=>{C(!0),p&&p()},K=()=>{C(!1),s("days"),c&&c()},_={customInput:r(V,{ref:E,className:"","data-calendar-state":$?"open":"closed"}),renderCustomHeader:t=>r(M,{...t,view:e,onClick:()=>{s(q[e])}})},z={"aria-labelledby":h,"aria-describedby":L,"aria-invalid":o==="invalid"?!0:void 0,"aria-errormessage":o==="invalid"?n:void 0},J={calendarClassName:`${a}Calendar`,dayClassName:()=>`${a}Day`,weekClassName:()=>`${a}Week`,monthClassName:()=>`${a}Month`,yearClassName:()=>`${a}Year`,popperClassName:()=>`${a}Popper`},Q={required:u,disabled:P,readOnly:y,calendarStartDay:1,showIcon:!1,dateFormat:"dd/MM/yyyy",formatWeekDay:t=>t.toString().charAt(0)},U={showPopperArrow:!1,popperModifiers:[ee(-6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:ae.Root},X={...{onChange:B,onCalendarClose:K,onCalendarOpen:G},...Q,...z,...J,...U,...{showMonthYearPicker:e==="months",showYearPicker:e==="years",shouldCloseOnSelect:e==="days",closeOnScroll:!0},..._,...F};return r(x,{className:v(a,T),...Y,children:r(j,{...X,selectsRange:!1,selectsMultiple:!1})})};te.displayName=O;export{te as a};
-//# sourceMappingURL=chunk-WPAOUKJ6.js.map
+import{a as M}from"./chunk-72H5LJ34.js";import{a as V}from"./chunk-HGDFJ3E3.js";import{a as x}from"./chunk-WBPYLMCM.js";import{a as b}from"./chunk-W6VYE222.js";import{a as g}from"./chunk-A2PAFCXN.js";import{a as N}from"./chunk-DVGYWBKQ.js";import{a as D}from"./chunk-XXFFX25X.js";import{a as v}from"./chunk-MSHCGZ4G.js";import{b as w}from"./chunk-KDSBNW6G.js";import j from"react-datepicker";import{offset as ee}from"@floating-ui/dom";import{Portal as ae}from"radix-ui";import*as d from"react";import{jsx as r}from"react/jsx-runtime";var O="DatePicker",a=w(O),te=R=>{let{className:T,onChange:l,onCalendarOpen:p,onCalendarClose:c,validationStatus:o,validationText:m,label:H,labelVariant:I,helperText:f,id:S,disabled:P,readOnly:y,required:u,ref:E,...F}=D(R,b),[$,C]=d.useState(!1),[e,s]=d.useState("days"),{id:A,labelId:h,helperTextId:k,validationTextId:n}=g({providedId:S,prefix:"date-picker"}),i=!y&&!P,Y={id:A,labelId:h,helperTextId:k,validationTextId:n,label:H,labelVariant:I,helperText:f,validationText:i?m:void 0,validationStatus:i?o:void 0,required:u},L=N(f?k:void 0,i&&m!==void 0?n:void 0),W={days:"days",months:"days",years:"months"},q={days:"months",months:"years",years:"days"},B=(t,Z)=>{e!=="days"&&s(W[e]),l!==void 0&&l(t,Z)},G=()=>{C(!0),p&&p()},K=()=>{C(!1),s("days"),c&&c()},_={customInput:r(V,{ref:E,className:"","data-calendar-state":$?"open":"closed"}),renderCustomHeader:t=>r(M,{...t,view:e,onClick:()=>{s(q[e])}})},z={"aria-labelledby":h,"aria-describedby":L,"aria-invalid":o==="invalid"?!0:void 0,"aria-errormessage":o==="invalid"?n:void 0},J={calendarClassName:`${a}Calendar`,dayClassName:()=>`${a}Day`,weekClassName:()=>`${a}Week`,monthClassName:()=>`${a}Month`,yearClassName:()=>`${a}Year`,popperClassName:()=>`${a}Popper`},Q={required:u,disabled:P,readOnly:y,calendarStartDay:1,showIcon:!1,dateFormat:"dd/MM/yyyy",formatWeekDay:t=>t.toString().charAt(0)},U={showPopperArrow:!1,popperModifiers:[ee(-6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:ae.Root},X={...{onChange:B,onCalendarClose:K,onCalendarOpen:G},...Q,...z,...J,...U,...{showMonthYearPicker:e==="months",showYearPicker:e==="years",shouldCloseOnSelect:e==="days",closeOnScroll:!0},..._,...F};return r(x,{className:v(a,T),...Y,children:r(j,{...X,selectsRange:!1,selectsMultiple:!1})})};te.displayName=O;export{te as a};
+//# sourceMappingURL=chunk-EP2DEUAZ.js.map

package/dist/chunk-HS6ONSNW.js

@@ -0,0 +1,2 @@
+var o=["none","inline","inline-block","block"],r={display:{className:"d",tokens:o,responsive:!0}};export{r as a};
+//# sourceMappingURL=chunk-HS6ONSNW.js.map

package/dist/{chunk-AILBQLPP.js.map → chunk-HS6ONSNW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Box/Box.props.ts"],"sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\ninterface CommonBoxProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    BorderWidthProps,\n    BorderStyleProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps,\n    OverflowProps {\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = { as?: 'div' } & React.ComponentPropsWithRef<'div'>;\ntype BoxSpanProps = { as: 'span' } & React.ComponentPropsWithRef<'span'>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"],"mappings":"AAmBA,IAAMA,EAAgB,CAAC,OAAQ,SAAU,eAAgB,OAAO,EAEnDC,EAAc,CACzB,QAAS,CAAE,UAAW,UAAW,OAAQD,EAAe,WAAY,EAAK,CAC3E","names":["displayValues","boxPropDefs"]}
+{"version":3,"sources":["../src/components/Box/Box.props.ts"],"sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  display: { className: 'd', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\ninterface CommonBoxProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    BorderWidthProps,\n    BorderStyleProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps,\n    OverflowProps {\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = { as?: 'div' } & React.ComponentPropsWithRef<'div'>;\ntype BoxSpanProps = { as: 'span' } & React.ComponentPropsWithRef<'span'>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"],"mappings":"AAmBA,IAAMA,EAAgB,CAAC,OAAQ,SAAU,eAAgB,OAAO,EAEnDC,EAAc,CACzB,QAAS,CAAE,UAAW,IAAK,OAAQD,EAAe,WAAY,EAAK,CACrE","names":["displayValues","boxPropDefs"]}

package/dist/{chunk-KEYMASDC.cjs → chunk-IINWCNJ2.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk76DQDXUBcjs = require('./chunk-76DQDXUB.cjs');var _chunkF6R2GXSQcjs = require('./chunk-F6R2GXSQ.cjs');var _chunkDEWIEERJcjs = require('./chunk-DEWIEERJ.cjs');var _chunkBYPV7PZLcjs = require('./chunk-BYPV7PZL.cjs');var _chunkXW67BF2Hcjs = require('./chunk-XW67BF2H.cjs');var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _combobox = require('@base-ui-components/react/combobox');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var T="Combobox",m=_chunkEJ5PAVELcjs.b.call(void 0, T);function G(p){let{className:h,children:d,triggerOnlyOnType:b,validationStatus:g,validationText:A,label:O,labelVariant:V,helperText:B,id:E,disabled:t,required:F,noOptionsFoundText:w,statusText:c,...M}=_chunk3VJXZPWBcjs.a.call(void 0, p,_chunkRDNRX35Pcjs.a),{id:u,labelId:R,helperTextId:U,validationTextId:L}=_chunkVW6HV6Q7cjs.a.call(void 0, {providedId:E,prefix:"combobox"}),f=!t,$={id:u,labelId:R,helperTextId:U,validationTextId:L,label:O,labelVariant:V,helperText:B,validationText:f?A:void 0,validationStatus:f?g:void 0,required:F};return _jsxruntime.jsx.call(void 0, _chunkDEWIEERJcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, m,h),"data-disabled":t?"":void 0,...$,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Root,{openOnInputClick:!b,...M,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Input,{render:_jsxruntime.jsxs.call(void 0, _chunkF6R2GXSQcjs.a,{id:u,disabled:t,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"prefix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})})})}),_jsxruntime.jsx.call(void 0, _combobox.Combobox.Clear,{render:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{type:"button",label:"Clear selection",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})})}),b?null:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ExpandSmallIcon,{})})})})]})}),_jsxruntime.jsx.call(void 0, _combobox.Combobox.Portal,{children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Popup,{className:`${m}Popup`,children:[c?_jsxruntime.jsx.call(void 0, _combobox.Combobox.Status,{children:c}):null,p.items?_jsxruntime.jsx.call(void 0, _chunkBYPV7PZLcjs.a,{className:`${m}Empty`,children:w}):null,_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaRoot"),type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaViewport"),children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.List,{className:`${m}List`,children:d||(s=>_jsxruntime.jsx.call(void 0, _chunkXW67BF2Hcjs.a,{value:s,children:s},s))})}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaScrollbar"),orientation:"vertical",children:_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaThumb")})})]})]})})})]})})}G.displayName=T;exports.a = G;
-//# sourceMappingURL=chunk-KEYMASDC.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk76DQDXUBcjs = require('./chunk-76DQDXUB.cjs');var _chunkF6R2GXSQcjs = require('./chunk-F6R2GXSQ.cjs');var _chunkDEWIEERJcjs = require('./chunk-DEWIEERJ.cjs');var _chunkBYPV7PZLcjs = require('./chunk-BYPV7PZL.cjs');var _chunkXW67BF2Hcjs = require('./chunk-XW67BF2H.cjs');var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _combobox = require('@base-ui-components/react/combobox');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var T="Combobox",m=_chunkEJ5PAVELcjs.b.call(void 0, T);function G(p){let{className:h,children:d,triggerOnlyOnType:b,validationStatus:g,validationText:A,label:O,labelVariant:V,helperText:B,id:E,disabled:t,required:F,noOptionsFoundText:w,statusText:c,...M}=_chunk3VJXZPWBcjs.a.call(void 0, p,_chunkRDNRX35Pcjs.a),{id:u,labelId:R,helperTextId:U,validationTextId:L}=_chunkVW6HV6Q7cjs.a.call(void 0, {providedId:E,prefix:"combobox"}),f=!t,$={id:u,labelId:R,helperTextId:U,validationTextId:L,label:O,labelVariant:V,helperText:B,validationText:f?A:void 0,validationStatus:f?g:void 0,required:F};return _jsxruntime.jsx.call(void 0, _chunkDEWIEERJcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, m,h),"data-disabled":t?"":void 0,...$,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Root,{openOnInputClick:!b,...M,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Input,{render:_jsxruntime.jsxs.call(void 0, _chunkF6R2GXSQcjs.a,{id:u,disabled:t,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"prefix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})})})}),_jsxruntime.jsx.call(void 0, _combobox.Combobox.Clear,{render:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{type:"button",label:"Clear selection",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})})}),b?null:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunk76DQDXUBcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ExpandSmallIcon,{})})})})]})}),_jsxruntime.jsx.call(void 0, _combobox.Combobox.Portal,{children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Popup,{className:`${m}Popup`,children:[c?_jsxruntime.jsx.call(void 0, _combobox.Combobox.Status,{children:c}):null,p.items?_jsxruntime.jsx.call(void 0, _chunkBYPV7PZLcjs.a,{className:`${m}Empty`,children:w}):null,_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaRoot"),type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaViewport"),children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.List,{className:`${m}List`,children:d||(s=>_jsxruntime.jsx.call(void 0, _chunkXW67BF2Hcjs.a,{value:s,children:s},s))})}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaScrollbar"),orientation:"vertical",children:_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb,{className:_chunkEJ5PAVELcjs.b.call(void 0, "ScrollAreaThumb")})})]})]})})})]})})}G.displayName=T;exports.a = G;
+//# sourceMappingURL=chunk-IINWCNJ2.cjs.map

package/dist/{chunk-KEYMASDC.cjs.map → chunk-IINWCNJ2.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KEYMASDC.cjs","../src/components/Combobox/Combobox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","jsx","FormField","cn","jsxs","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","CloseSmallIcon","ExpandSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KEYMASDC.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 { marginPropDefs } from '../../props/margin.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui-components/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n  CloseSmallIcon,\n  ExpandSmallIcon,\n  SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n  props: ComboboxProps<Value, Multiple>\n) {\n  const {\n    className,\n    children,\n    triggerOnlyOnType,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    noOptionsFoundText,\n    statusText,\n    ...comboboxProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'combobox',\n  });\n\n  const showValidation = !disabled;\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n        <ComboboxPrimitive.Input\n          render={\n            <InputBase id={id} disabled={disabled}>\n              <ComboboxPrimitive.Trigger\n                disabled={disabled}\n                render={\n                  <InputSlot placement=\"prefix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                      <SearchMediumIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              <ComboboxPrimitive.Clear\n                render={\n                  <InputSlot placement=\"suffix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n                      <CloseSmallIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {triggerOnlyOnType ? null : (\n                <ComboboxPrimitive.Trigger\n                  disabled={disabled}\n                  render={\n                    <InputSlot placement=\"suffix\" asChild>\n                      <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                        <ExpandSmallIcon />\n                      </UnstyledIconButton>\n                    </InputSlot>\n                  }\n                />\n              )}\n            </InputBase>\n          }\n        />\n\n        <ComboboxPrimitive.Portal>\n          <ComboboxPrimitive.Positioner\n            side=\"bottom\"\n            sideOffset={16}\n            align=\"start\"\n            alignOffset={-47}\n          >\n            <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n              {statusText ? (\n                <ComboboxPrimitive.Status>{statusText}</ComboboxPrimitive.Status>\n              ) : null}\n              {props.items ? (\n                <ComboboxEmpty className={`${componentClassName}Empty`}>\n                  {noOptionsFoundText}\n                </ComboboxEmpty>\n              ) : null}\n              <ScrollAreaPrimitive.Root className={withGlobalPrefix('ScrollAreaRoot')} type=\"auto\">\n                <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n                  <ComboboxPrimitive.List className={`${componentClassName}List`}>\n                    {children\n                      ? children\n                      : (item: string) => (\n                          <ComboboxItem key={item} value={item}>\n                            {item}\n                          </ComboboxItem>\n                        )}\n                  </ComboboxPrimitive.List>\n                </ScrollAreaPrimitive.Viewport>\n                <ScrollAreaPrimitive.Scrollbar\n                  className={withGlobalPrefix('ScrollAreaScrollbar')}\n                  orientation=\"vertical\"\n                >\n                  <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n                </ScrollAreaPrimitive.Scrollbar>\n              </ScrollAreaPrimitive.Root>\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </FormField>\n  );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-IINWCNJ2.cjs","../src/components/Combobox/Combobox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","jsx","FormField","cn","jsxs","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","CloseSmallIcon","ExpandSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-IINWCNJ2.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 { marginPropDefs } from '../../props/margin.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui-components/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n  CloseSmallIcon,\n  ExpandSmallIcon,\n  SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n  props: ComboboxProps<Value, Multiple>\n) {\n  const {\n    className,\n    children,\n    triggerOnlyOnType,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    noOptionsFoundText,\n    statusText,\n    ...comboboxProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'combobox',\n  });\n\n  const showValidation = !disabled;\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n        <ComboboxPrimitive.Input\n          render={\n            <InputBase id={id} disabled={disabled}>\n              <ComboboxPrimitive.Trigger\n                disabled={disabled}\n                render={\n                  <InputSlot placement=\"prefix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                      <SearchMediumIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              <ComboboxPrimitive.Clear\n                render={\n                  <InputSlot placement=\"suffix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n                      <CloseSmallIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {triggerOnlyOnType ? null : (\n                <ComboboxPrimitive.Trigger\n                  disabled={disabled}\n                  render={\n                    <InputSlot placement=\"suffix\" asChild>\n                      <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                        <ExpandSmallIcon />\n                      </UnstyledIconButton>\n                    </InputSlot>\n                  }\n                />\n              )}\n            </InputBase>\n          }\n        />\n\n        <ComboboxPrimitive.Portal>\n          <ComboboxPrimitive.Positioner\n            side=\"bottom\"\n            sideOffset={16}\n            align=\"start\"\n            alignOffset={-47}\n          >\n            <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n              {statusText ? (\n                <ComboboxPrimitive.Status>{statusText}</ComboboxPrimitive.Status>\n              ) : null}\n              {props.items ? (\n                <ComboboxEmpty className={`${componentClassName}Empty`}>\n                  {noOptionsFoundText}\n                </ComboboxEmpty>\n              ) : null}\n              <ScrollAreaPrimitive.Root className={withGlobalPrefix('ScrollAreaRoot')} type=\"auto\">\n                <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n                  <ComboboxPrimitive.List className={`${componentClassName}List`}>\n                    {children\n                      ? children\n                      : (item: string) => (\n                          <ComboboxItem key={item} value={item}>\n                            {item}\n                          </ComboboxItem>\n                        )}\n                  </ComboboxPrimitive.List>\n                </ScrollAreaPrimitive.Viewport>\n                <ScrollAreaPrimitive.Scrollbar\n                  className={withGlobalPrefix('ScrollAreaScrollbar')}\n                  orientation=\"vertical\"\n                >\n                  <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n                </ScrollAreaPrimitive.Scrollbar>\n              </ScrollAreaPrimitive.Root>\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </FormField>\n  );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-VKUGOTO4.cjs → chunk-ISTZCQTX.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAV5PJX3Bcjs = require('./chunk-AV5PJX3B.cjs');var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkCJCCDABRcjs = require('./chunk-CJCCDABR.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var C="Alert",t=_chunkEJ5PAVELcjs.b.call(void 0, C),B= exports.a =y=>{let N={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:g,className:h,colorScheme:i="info",onClose:l,text:n,title:a,...v}=_chunk3VJXZPWBcjs.a.call(void 0, y,_chunkRDNRX35Pcjs.a),x=N[i];return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, t,h),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":i,...v,children:[_jsxruntime.jsx.call(void 0, x,{"aria-hidden":"true"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${t}Content`,children:[_jsxruntime.jsxs.call(void 0, _chunkAV5PJX3Bcjs.a,{direction:"column",children:[a?_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{as:"span",size:"md",weight:"semibold",children:a}):null,n?_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{as:"div",children:n}):null]}),g]}),l?_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{onClick:l,className:`${t}CloseButton`,title:"Close",label:"Close alert",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})}):null]})};B.displayName=C;exports.a = B;
-//# sourceMappingURL=chunk-VKUGOTO4.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAV5PJX3Bcjs = require('./chunk-AV5PJX3B.cjs');var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkCJCCDABRcjs = require('./chunk-CJCCDABR.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var C="Alert",t=_chunkEJ5PAVELcjs.b.call(void 0, C),B= exports.a =y=>{let N={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:g,className:h,colorScheme:i="info",onClose:l,text:n,title:a,...v}=_chunk3VJXZPWBcjs.a.call(void 0, y,_chunkRDNRX35Pcjs.a),x=N[i];return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, t,h),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":i,...v,children:[_jsxruntime.jsx.call(void 0, x,{"aria-hidden":"true"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${t}Content`,children:[_jsxruntime.jsxs.call(void 0, _chunkAV5PJX3Bcjs.a,{direction:"column",children:[a?_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{as:"span",size:"md",weight:"semibold",children:a}):null,n?_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{as:"div",children:n}):null]}),g]}),l?_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{onClick:l,className:`${t}CloseButton`,title:"Close",label:"Close alert",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})}):null]})};B.displayName=C;exports.a = B;
+//# sourceMappingURL=chunk-ISTZCQTX.cjs.map