@utilitywarehouse/hearth-react 0.23.0 → 0.23.2

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VKUGOTO4.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","jsxs","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECYvR,+CAqCD,IA/BAA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAASC,CAAAA,EAAsB,CAC1C,IAAMC,CAAAA,CAAQ,CACZ,IAAA,CAAMC,gCAAAA,CACN,QAAA,CAAUC,sCAAAA,CACV,OAAA,CAASC,mCAAAA,CACT,MAAA,CAAQA,mCACV,CAAA,CACM,CACJ,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaZ,CAAOa,mBAAc,CAAA,CAEhCC,CAAAA,CAAYb,CAAAA,CAAMM,CAAW,CAAA,CAEnC,OACEQ,8BAAAA,KAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGnB,CAAoBS,CAAS,CAAA,CAC3C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAEJ,QAAA,CAAA,CAAAM,6BAAAA,CAACH,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9BC,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VKUGOTO4.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../helpers/cn';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Alert = (props: AlertProps) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      className={cn(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        <Flex direction=\"column\">\n          {title ? (\n            <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n              {title}\n            </BodyText>\n          ) : null}\n          {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n        </Flex>\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n};\n\nAlert.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ISTZCQTX.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","jsxs","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECYvR,+CAqCD,IA/BAA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAASC,CAAAA,EAAsB,CAC1C,IAAMC,CAAAA,CAAQ,CACZ,IAAA,CAAMC,gCAAAA,CACN,QAAA,CAAUC,sCAAAA,CACV,OAAA,CAASC,mCAAAA,CACT,MAAA,CAAQA,mCACV,CAAA,CACM,CACJ,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaZ,CAAOa,mBAAc,CAAA,CAEhCC,CAAAA,CAAYb,CAAAA,CAAMM,CAAW,CAAA,CAEnC,OACEQ,8BAAAA,KAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGnB,CAAoBS,CAAS,CAAA,CAC3C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAEJ,QAAA,CAAA,CAAAM,6BAAAA,CAACH,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9BC,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ISTZCQTX.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../helpers/cn';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Alert = (props: AlertProps) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      className={cn(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        <Flex direction=\"column\">\n          {title ? (\n            <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n              {title}\n            </BodyText>\n          ) : null}\n          {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n        </Flex>\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n};\n\nAlert.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-34JXK5VA.cjs → chunk-JD2RCJ3R.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.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 l="AlertIconButton",a=_chunkEJ5PAVELcjs.b.call(void 0, l),u= exports.a =({children:r,label:c="Alert action",title:s="Alert action",className:m,...p})=>_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, a,m),label:c,title:s,...p,children:r||_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})});u.displayName=l;exports.a = u;
-//# sourceMappingURL=chunk-34JXK5VA.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.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 l="AlertIconButton",a=_chunkEJ5PAVELcjs.b.call(void 0, l),u= exports.a =({children:r,label:c="Alert action",title:s="Alert action",className:m,...p})=>_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, a,m),label:c,title:s,...p,children:r||_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})});u.displayName=l;exports.a = u;
+//# sourceMappingURL=chunk-JD2RCJ3R.cjs.map

package/dist/{chunk-34JXK5VA.cjs.map → chunk-JD2RCJ3R.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-34JXK5VA.cjs","../src/components/Alert/AlertIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertIconButton","children","label","title","className","props","jsx","UnstyledIconButton","cn","ChevronRightSmallIcon"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wECEpF,+CAuBnB,IAjBbA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAkB,CAAC,CAC9B,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CACR,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CACR,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAEIC,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGV,CAAoBM,CAAS,CAAA,CAC3C,KAAA,CAAOF,CAAAA,CACP,KAAA,CAAOC,CAAAA,CACN,GAAGE,CAAAA,CAEH,QAAA,CAAAJ,CAAAA,EAAYK,6BAAAA,uCAACG,CAAA,CAAA,CAAsB,CAAA,CACtC,CAAA,CAIJT,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-34JXK5VA.cjs","sourcesContent":[null,"'use client';\n\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { UnstyledIconButtonProps } from '../UnstyledIconButton/UnstyledIconButton.props';\n\nconst COMPONENT_NAME = 'AlertIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const AlertIconButton = ({\n  children,\n  label = 'Alert action',\n  title = 'Alert action',\n  className,\n  ...props\n}: UnstyledIconButtonProps) => {\n  return (\n    <UnstyledIconButton\n      className={cn(componentClassName, className)}\n      label={label}\n      title={title}\n      {...props}\n    >\n      {children || <ChevronRightSmallIcon />}\n    </UnstyledIconButton>\n  );\n};\n\nAlertIconButton.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JD2RCJ3R.cjs","../src/components/Alert/AlertIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertIconButton","children","label","title","className","props","jsx","UnstyledIconButton","cn","ChevronRightSmallIcon"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wECEpF,+CAuBnB,IAjBbA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAkB,CAAC,CAC9B,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CACR,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CACR,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAEIC,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGV,CAAoBM,CAAS,CAAA,CAC3C,KAAA,CAAOF,CAAAA,CACP,KAAA,CAAOC,CAAAA,CACN,GAAGE,CAAAA,CAEH,QAAA,CAAAJ,CAAAA,EAAYK,6BAAAA,uCAACG,CAAA,CAAA,CAAsB,CAAA,CACtC,CAAA,CAIJT,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JD2RCJ3R.cjs","sourcesContent":[null,"'use client';\n\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { UnstyledIconButtonProps } from '../UnstyledIconButton/UnstyledIconButton.props';\n\nconst COMPONENT_NAME = 'AlertIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const AlertIconButton = ({\n  children,\n  label = 'Alert action',\n  title = 'Alert action',\n  className,\n  ...props\n}: UnstyledIconButtonProps) => {\n  return (\n    <UnstyledIconButton\n      className={cn(componentClassName, className)}\n      label={label}\n      title={title}\n      {...props}\n    >\n      {children || <ChevronRightSmallIcon />}\n    </UnstyledIconButton>\n  );\n};\n\nAlertIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-E7BSZAYO.js → chunk-JNMMTI4J.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./chunk-MOUIHTRH.js";import{a as f}from"./chunk-NHVKG7QE.js";import{a as d}from"./chunk-3QFKUHQE.js";import{a as c}from"./chunk-W6VYE222.js";import{a as n}from"./chunk-XXFFX25X.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as l}from"./chunk-KDSBNW6G.js";import{a as y}from"./chunk-EIDMQBOP.js";import{a as s}from"./chunk-JBNKX7O7.js";import{Avatar as m}from"radix-ui";import{UserMediumIcon as z,UserSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";import{Fragment as M,jsx as o,jsxs as x}from"react/jsx-runtime";var P="Avatar",e=l(P),u=({ref:v,...a})=>{let{className:B,src:i,name:r,delayMs:A=0,...T}=n(a,f,c),N=y(r),b=s(a.size||"md",{sm:"md",md:"lg"}),g=s(a.size||"md",{sm:"none",md:"block"}),I=s(a.size||"md",{sm:"block",md:"none"});return x(m.Root,{className:p(e,B),ref:v,children:[i?o(m.Image,{className:`${e}Image`,src:i,alt:r,...T}):null,o(m.Fallback,{className:`${e}Fallback`,delayMs:A,children:r?o(d,{as:"span",weight:"semibold",size:b,textTransform:"uppercase",children:N}):x(M,{children:[o(t,{asChild:!0,display:I,children:o(k,{})}),o(t,{asChild:!0,display:g,children:o(z,{})})]})})]})};u.displayName=P;export{u as a};
-//# sourceMappingURL=chunk-E7BSZAYO.js.map
+import{a as t}from"./chunk-5UMDJTCZ.js";import{a as f}from"./chunk-NHVKG7QE.js";import{a as d}from"./chunk-3QFKUHQE.js";import{a as c}from"./chunk-W6VYE222.js";import{a as n}from"./chunk-XXFFX25X.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as l}from"./chunk-KDSBNW6G.js";import{a as y}from"./chunk-EIDMQBOP.js";import{a as s}from"./chunk-JBNKX7O7.js";import{Avatar as m}from"radix-ui";import{UserMediumIcon as z,UserSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";import{Fragment as M,jsx as o,jsxs as x}from"react/jsx-runtime";var P="Avatar",e=l(P),u=({ref:v,...a})=>{let{className:B,src:i,name:r,delayMs:A=0,...T}=n(a,f,c),N=y(r),b=s(a.size||"md",{sm:"md",md:"lg"}),g=s(a.size||"md",{sm:"none",md:"block"}),I=s(a.size||"md",{sm:"block",md:"none"});return x(m.Root,{className:p(e,B),ref:v,children:[i?o(m.Image,{className:`${e}Image`,src:i,alt:r,...T}):null,o(m.Fallback,{className:`${e}Fallback`,delayMs:A,children:r?o(d,{as:"span",weight:"semibold",size:b,textTransform:"uppercase",children:N}):x(M,{children:[o(t,{asChild:!0,display:I,children:o(k,{})}),o(t,{asChild:!0,display:g,children:o(z,{})})]})})]})};u.displayName=P;export{u as a};
+//# sourceMappingURL=chunk-JNMMTI4J.js.map

package/dist/{chunk-3MVFLPP7.js → chunk-KUXK7AAY.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-KV365DCI.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{Toast as t}from"radix-ui";import{CloseMediumIcon as d}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as f}from"react/jsx-runtime";var a="Toast",r=i(a),P=({className:m,icon:n,description:l,showDismissButton:p,children:c,...T})=>f(t.Root,{className:s(r,m),...T,children:[n,o(t.Description,{asChild:!0,children:o("div",{className:`${r}Description`,children:l})}),c,p?o(t.Close,{asChild:!0,children:o(e,{label:"Dismiss toast",inverted:!0,children:o(d,{})})}):null]});P.displayName=a;export{P as a};
-//# sourceMappingURL=chunk-3MVFLPP7.js.map
+import{a as e}from"./chunk-7GOKU2FO.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{Toast as t}from"radix-ui";import{CloseMediumIcon as d}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as f}from"react/jsx-runtime";var a="Toast",r=i(a),P=({className:m,icon:n,description:l,showDismissButton:p,children:c,...T})=>f(t.Root,{className:s(r,m),...T,children:[n,o(t.Description,{asChild:!0,children:o("div",{className:`${r}Description`,children:l})}),c,p?o(t.Close,{asChild:!0,children:o(e,{label:"Dismiss toast",inverted:!0,children:o(d,{})})}):null]});P.displayName=a;export{P as a};
+//# sourceMappingURL=chunk-KUXK7AAY.js.map

package/dist/chunk-LODRA4BJ.js

@@ -0,0 +1,2 @@
+import{a as g}from"./chunk-A3X63V2T.js";import{a as B}from"./chunk-XYICOQCE.js";import{a as v}from"./chunk-DFE7ZUCY.js";import{a as f}from"./chunk-W6VYE222.js";import{a as P}from"./chunk-A2PAFCXN.js";import{a as x}from"./chunk-NPZZCX7Z.js";import{a as u}from"./chunk-XXFFX25X.js";import{a as n}from"./chunk-MSHCGZ4G.js";import{b as c}from"./chunk-KDSBNW6G.js";import{jsx as d,jsxs as E}from"react/jsx-runtime";var b="ProgressBar",w=c(b),D=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}=u(N,g,f),{labelId:l}=P({prefix:"progress"}),e=s==="success"?r:Math.max(a,Math.min(T,r)),i=x(e,a,r),m=t?t(e):`${i}%`,p={value:i,label:M,valueText:m,labelId:l,hideLabel:y};return E("div",{className:n(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"?d(v,{...p}):null,o==="circular"?d(B,{...p}):null]})};D.displayName=b;export{D as a};
+//# sourceMappingURL=chunk-LODRA4BJ.js.map

package/dist/chunk-LODRA4BJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["'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"],"mappings":"wWAkDI,OAW0B,OAAAA,EAX1B,QAAAC,MAAA,oBArCJ,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAeC,GAA4B,CACtD,GAAM,CACJ,UAAAC,EACA,QAAAC,EAAU,SACV,YAAAC,EAAc,UACd,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EACA,gBAAAC,EACA,iBAAkBC,EAClB,UAAAC,EACA,GAAGC,CACL,EAAIC,EAAaZ,EAAOa,EAAqBC,CAAc,EAErD,CAAE,QAAAC,CAAQ,EAAIC,EAAO,CAAE,OAAQ,UAAW,CAAC,EAI3CC,EAAiBd,IAAgB,UAAYG,EAAM,KAAK,IAAID,EAAK,KAAK,IAAID,EAAOE,CAAG,CAAC,EAErFY,EAAeC,EAAeF,EAAgBZ,EAAKC,CAAG,EAEtDc,EAAYZ,EAAkBA,EAAgBS,CAAc,EAAI,GAAGC,CAAY,IAE/EG,EAA2B,CAC/B,MAAOH,EACP,MAAAX,EACA,UAAAa,EACA,QAAAL,EACA,UAAAL,CACF,EAEA,OACEf,EAAC,OACC,UAAW2B,EAAGzB,EAAoBI,CAAS,EAC3C,KAAK,cACL,gBAAegB,EACf,gBAAeZ,EACf,gBAAeC,EACf,iBAAgBG,GAAiBW,EACjC,kBAAiBL,EACjB,mBAAkBZ,EACjB,GAAGQ,EAEH,UAAAT,IAAY,SAAWR,EAAC6B,EAAA,CAAmB,GAAGF,EAA0B,EAAK,KAC7EnB,IAAY,WAAaR,EAAC8B,EAAA,CAAqB,GAAGH,EAA0B,EAAK,MACpF,CAEJ,EAEAtB,EAAY,YAAcH","names":["jsx","jsxs","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","internalProgressBarProps","cn","ProgressBarLinear","ProgressBarCircular"]}

package/dist/chunk-MPEZZJPC.js

@@ -0,0 +1,2 @@
+import{a as d}from"./chunk-XZNPGGRR.js";import{a as p}from"./chunk-EETBET2Z.js";import{a as l}from"./chunk-OVKOZKG6.js";import{a}from"./chunk-XXFFX25X.js";import{a as e}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{a as m}from"./chunk-AHTIZRCQ.js";import{Slot as P}from"radix-ui";import{jsx as o,jsxs as h}from"react/jsx-runtime";var c="Button",n=i(c),g=u=>{let{className:f,children:r,disabled:B,loading:t,asChild:s,...N}=a(u,d),b=s?P.Root:"button";return o(p,{className:e(n,f),disabled:B||t,"aria-label":t?"Loading":void 0,asChild:!0,...N,children:o(b,{children:t?m({asChild:s,children:r},C=>h("div",{className:`${n}Loading`,children:[o("div",{children:o(l,{size:"xs",currentColor:!0})}),o("span",{className:`${n}Hidden`,children:C})]})):r})})};g.displayName=c;export{g as a};
+//# sourceMappingURL=chunk-MPEZZJPC.js.map

package/dist/chunk-MPEZZJPC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs } from './Button.props';\nimport type { ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = (props: ButtonProps) => {\n  const { className, children, disabled, loading, asChild, ...buttonProps } = extractProps(\n    props,\n    buttonPropDefs\n  );\n  const Component = asChild ? Slot.Root : 'button';\n  return (\n    <ButtonBase\n      className={cn(componentClassName, className)}\n      disabled={disabled || loading}\n      aria-label={loading ? 'Loading' : undefined}\n      asChild\n      {...buttonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, children => (\n              <div className={`${componentClassName}Loading`}>\n                <div>\n                  <Spinner size=\"xs\" currentColor />\n                </div>\n                <span className={`${componentClassName}Hidden`}>{children}</span>\n              </div>\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n};\n\nButton.displayName = COMPONENT_NAME;\n"],"mappings":"mRASA,OAAS,QAAAA,MAAY,WAuBP,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBApBd,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAUC,GAAuB,CAC5C,GAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAS,QAAAC,EAAS,GAAGC,CAAY,EAAIC,EAC1EP,EACAQ,CACF,EACMC,EAAYJ,EAAUK,EAAK,KAAO,SACxC,OACEhB,EAACiB,EAAA,CACC,UAAWC,EAAGf,EAAoBI,CAAS,EAC3C,SAAUE,GAAYC,EACtB,aAAYA,EAAU,UAAY,OAClC,QAAO,GACN,GAAGE,EAEJ,SAAAZ,EAACe,EAAA,CACE,SAAAL,EACGS,EAAW,CAAE,QAAAR,EAAS,SAAAH,CAAS,EAAGA,GAChCP,EAAC,OAAI,UAAW,GAAGE,CAAkB,UACnC,UAAAH,EAAC,OACC,SAAAA,EAACoB,EAAA,CAAQ,KAAK,KAAK,aAAY,GAAC,EAClC,EACApB,EAAC,QAAK,UAAW,GAAGG,CAAkB,SAAW,SAAAK,EAAS,GAC5D,CACD,EACDA,EACN,EACF,CAEJ,EAEAH,EAAO,YAAcH","names":["Slot","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","props","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","ButtonBase","cn","getSubtree","Spinner"]}

package/dist/chunk-NCGX6Z4E.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXKYU3KUYcjs = require('./chunk-XKYU3KUY.cjs');var _chunkAV4GC32Rcjs = require('./chunk-AV4GC32R.cjs');var _chunkWK6RNG5Ncjs = require('./chunk-WK6RNG5N.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var c="Button",n=_chunkEJ5PAVELcjs.b.call(void 0, c),g= exports.a =u=>{let{className:f,children:r,disabled:B,loading:t,asChild:s,...N}=_chunk3VJXZPWBcjs.a.call(void 0, u,_chunkXKYU3KUYcjs.a),b=s?_radixui.Slot.Root:"button";return _jsxruntime.jsx.call(void 0, _chunkAV4GC32Rcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, n,f),disabled:B||t,"aria-label":t?"Loading":void 0,asChild:!0,...N,children:_jsxruntime.jsx.call(void 0, b,{children:t?_chunkMBS63LK7cjs.a.call(void 0, {asChild:s,children:r},C=>_jsxruntime.jsxs.call(void 0, "div",{className:`${n}Loading`,children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkWK6RNG5Ncjs.a,{size:"xs",currentColor:!0})}),_jsxruntime.jsx.call(void 0, "span",{className:`${n}Hidden`,children:C})]})):r})})};g.displayName=c;exports.a = g;
+//# sourceMappingURL=chunk-NCGX6Z4E.cjs.map

package/dist/chunk-NCGX6Z4E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-NCGX6Z4E.cjs","../src/components/Button/Button.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","props","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","jsx","ButtonBase","cn","getSubtree","jsxs"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,mCCSpQ,+CAuBP,IApBRA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAUC,CAAAA,EAAuB,CAC5C,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAC1EP,CACAQ,mBACF,CAAA,CACMC,CAAAA,CAAYJ,CAAAA,CAAUK,aAAAA,CAAK,IAAA,CAAO,QAAA,CACxC,OACEC,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGhB,CAAoBI,CAAS,CAAA,CAC3C,QAAA,CAAUE,CAAAA,EAAYC,CAAAA,CACtB,YAAA,CAAYA,CAAAA,CAAU,SAAA,CAAY,KAAA,CAAA,CAClC,OAAA,CAAO,CAAA,CAAA,CACN,GAAGE,CAAAA,CAEJ,QAAA,CAAAK,6BAAAA,CAACF,CAAA,CACE,QAAA,CAAAL,CAAAA,CACGU,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAH,CAAS,CAAA,CAAGA,CAAAA,EAChCa,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-NCGX6Z4E.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs } from './Button.props';\nimport type { ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = (props: ButtonProps) => {\n  const { className, children, disabled, loading, asChild, ...buttonProps } = extractProps(\n    props,\n    buttonPropDefs\n  );\n  const Component = asChild ? Slot.Root : 'button';\n  return (\n    <ButtonBase\n      className={cn(componentClassName, className)}\n      disabled={disabled || loading}\n      aria-label={loading ? 'Loading' : undefined}\n      asChild\n      {...buttonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, children => (\n              <div className={`${componentClassName}Loading`}>\n                <div>\n                  <Spinner size=\"xs\" currentColor />\n                </div>\n                <span className={`${componentClassName}Hidden`}>{children}</span>\n              </div>\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n};\n\nButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-NPZZCX7Z.js

@@ -0,0 +1,2 @@
+function o(u,e,t){if(t===e)return 0;let n=(u-e)/(t-e)*100,r=Math.floor(n);return n>0&&r<1&&(r=1),Math.max(0,Math.min(100,r))}export{o as a};
+//# sourceMappingURL=chunk-NPZZCX7Z.js.map

package/dist/chunk-NPZZCX7Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/value-to-percent.ts"],"sourcesContent":["// Helper to convert value to percent as a whole number\nexport function valueToPercent(value: number, min: number, max: number): number {\n  if (max === min) return 0;\n\n  // Calculate raw percentage\n  const rawPercent = ((value - min) / (max - min)) * 100;\n\n  // Floor the value for standard progress\n  let percent = Math.floor(rawPercent);\n\n  // If progress has started but is < 1%, show 1% (Good for UX)\n  if (rawPercent > 0 && percent < 1) {\n    percent = 1;\n  }\n\n  // Final clamp to ensure we stay in 0-100 range\n  return Math.max(0, Math.min(100, percent));\n}\n"],"mappings":"AACO,SAASA,EAAeC,EAAeC,EAAaC,EAAqB,CAC9E,GAAIA,IAAQD,EAAK,MAAO,GAGxB,IAAME,GAAeH,EAAQC,IAAQC,EAAMD,GAAQ,IAG/CG,EAAU,KAAK,MAAMD,CAAU,EAGnC,OAAIA,EAAa,GAAKC,EAAU,IAC9BA,EAAU,GAIL,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAO,CAAC,CAC3C","names":["valueToPercent","value","min","max","rawPercent","percent"]}

package/dist/{chunk-45EGZRMF.js → chunk-OUVNPHI6.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-34JCEBOL.js";import{a as r}from"./chunk-MOUIHTRH.js";import{a as c}from"./chunk-KV365DCI.js";import{a as m}from"./chunk-2NT4OPLA.js";import{a as d}from"./chunk-3QFKUHQE.js";import{a as n}from"./chunk-MSHCGZ4G.js";import{b as e}from"./chunk-KDSBNW6G.js";import{Dialog as a}from"radix-ui";import{CloseMediumIcon as I}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as l}from"react/jsx-runtime";var v="Modal",i=e(v),$=({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 o(a.Portal,{...B,children:o(a.Overlay,{className:e("Overlay"),children:o("div",{className:`${i}Scroll`,children:o("div",{className:`${i}ScrollPadding`,children:o(a.Content,{className:n(i,f),"data-contains-image":s?"":void 0,"data-full-screen":y?"":void 0,...D,children:l("div",{className:`${i}OuterContainer`,children:[o(p,{children:o(c,{type:"button",label:"Close","data-visually-hidden":u?"":void 0,className:`${i}CloseIconButton`,children:o(I,{})})}),l("div",{className:`${i}InnerContainer`,children:[s?o("div",{className:`${i}Image`,children:t}):null,l("div",{className:`${i}Header`,children:[o(r,{asChild:!0,children:o(a.Title,{asChild:!0,children:o(m,{size:"lg",children:P})})}),o(a.Description,{asChild:!0,children:o(d,{size:"md",as:"span",children:g})})]})]}),M]})})})})})})};$.displayName=v;export{$ as a};
-//# sourceMappingURL=chunk-45EGZRMF.js.map
+import{a as p}from"./chunk-34JCEBOL.js";import{a as r}from"./chunk-5UMDJTCZ.js";import{a as c}from"./chunk-7GOKU2FO.js";import{a as m}from"./chunk-2NT4OPLA.js";import{a as d}from"./chunk-3QFKUHQE.js";import{a as n}from"./chunk-MSHCGZ4G.js";import{b as e}from"./chunk-KDSBNW6G.js";import{Dialog as a}from"radix-ui";import{CloseMediumIcon as I}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as l}from"react/jsx-runtime";var v="Modal",i=e(v),$=({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 o(a.Portal,{...B,children:o(a.Overlay,{className:e("Overlay"),children:o("div",{className:`${i}Scroll`,children:o("div",{className:`${i}ScrollPadding`,children:o(a.Content,{className:n(i,f),"data-contains-image":s?"":void 0,"data-full-screen":y?"":void 0,...D,children:l("div",{className:`${i}OuterContainer`,children:[o(p,{children:o(c,{type:"button",label:"Close","data-visually-hidden":u?"":void 0,className:`${i}CloseIconButton`,children:o(I,{})})}),l("div",{className:`${i}InnerContainer`,children:[s?o("div",{className:`${i}Image`,children:t}):null,l("div",{className:`${i}Header`,children:[o(r,{asChild:!0,children:o(a.Title,{asChild:!0,children:o(m,{size:"lg",children:P})})}),o(a.Description,{asChild:!0,children:o(d,{size:"md",as:"span",children:g})})]})]}),M]})})})})})})};$.displayName=v;export{$ as a};
+//# sourceMappingURL=chunk-OUVNPHI6.js.map

package/dist/{chunk-AHLQSXM3.js → chunk-P5GS7RKN.js}

@@ -1,2 +1,2 @@
-import{a as l}from"./chunk-YNHHVJLD.js";import{a as I}from"./chunk-WD3AYLTM.js";import{a as v}from"./chunk-WBPYLMCM.js";import{a as N}from"./chunk-ZHBWLWZI.js";import{a as y}from"./chunk-MHYTHCFU.js";import{a as r}from"./chunk-KV365DCI.js";import{a as P}from"./chunk-W6VYE222.js";import{a as S}from"./chunk-A2PAFCXN.js";import{a as C}from"./chunk-XXFFX25X.js";import{a as x}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{Combobox as e}from"@base-ui-components/react/combobox";import{CloseSmallIcon as k,ExpandSmallIcon as q,SearchMediumIcon as D}from"@utilitywarehouse/hearth-react-icons";import{ScrollArea as a}from"radix-ui";import{jsx as o,jsxs as n}from"react/jsx-runtime";var T="Combobox",m=i(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}=C(p,P),{id:u,labelId:R,helperTextId:U,validationTextId:L}=S({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 o(v,{className:x(m,h),"data-disabled":t?"":void 0,...$,children:n(e.Root,{openOnInputClick:!b,...M,children:[o(e.Input,{render:n(I,{id:u,disabled:t,children:[o(e.Trigger,{disabled:t,render:o(l,{placement:"prefix",asChild:!0,children:o(r,{type:"button",label:"Open popup",disabled:t,children:o(D,{})})})}),o(e.Clear,{render:o(l,{placement:"suffix",asChild:!0,children:o(r,{type:"button",label:"Clear selection",disabled:t,children:o(k,{})})})}),b?null:o(e.Trigger,{disabled:t,render:o(l,{placement:"suffix",asChild:!0,children:o(r,{type:"button",label:"Open popup",disabled:t,children:o(q,{})})})})]})}),o(e.Portal,{children:o(e.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:n(e.Popup,{className:`${m}Popup`,children:[c?o(e.Status,{children:c}):null,p.items?o(N,{className:`${m}Empty`,children:w}):null,n(a.Root,{className:i("ScrollAreaRoot"),type:"auto",children:[o(a.Viewport,{className:i("ScrollAreaViewport"),children:o(e.List,{className:`${m}List`,children:d||(s=>o(y,{value:s,children:s},s))})}),o(a.Scrollbar,{className:i("ScrollAreaScrollbar"),orientation:"vertical",children:o(a.Thumb,{className:i("ScrollAreaThumb")})})]})]})})})]})})}G.displayName=T;export{G as a};
-//# sourceMappingURL=chunk-AHLQSXM3.js.map
+import{a as l}from"./chunk-YNHHVJLD.js";import{a as I}from"./chunk-WD3AYLTM.js";import{a as v}from"./chunk-WBPYLMCM.js";import{a as N}from"./chunk-ZHBWLWZI.js";import{a as y}from"./chunk-MHYTHCFU.js";import{a as r}from"./chunk-7GOKU2FO.js";import{a as P}from"./chunk-W6VYE222.js";import{a as S}from"./chunk-A2PAFCXN.js";import{a as C}from"./chunk-XXFFX25X.js";import{a as x}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-KDSBNW6G.js";import{Combobox as e}from"@base-ui-components/react/combobox";import{CloseSmallIcon as k,ExpandSmallIcon as q,SearchMediumIcon as D}from"@utilitywarehouse/hearth-react-icons";import{ScrollArea as a}from"radix-ui";import{jsx as o,jsxs as n}from"react/jsx-runtime";var T="Combobox",m=i(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}=C(p,P),{id:u,labelId:R,helperTextId:U,validationTextId:L}=S({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 o(v,{className:x(m,h),"data-disabled":t?"":void 0,...$,children:n(e.Root,{openOnInputClick:!b,...M,children:[o(e.Input,{render:n(I,{id:u,disabled:t,children:[o(e.Trigger,{disabled:t,render:o(l,{placement:"prefix",asChild:!0,children:o(r,{type:"button",label:"Open popup",disabled:t,children:o(D,{})})})}),o(e.Clear,{render:o(l,{placement:"suffix",asChild:!0,children:o(r,{type:"button",label:"Clear selection",disabled:t,children:o(k,{})})})}),b?null:o(e.Trigger,{disabled:t,render:o(l,{placement:"suffix",asChild:!0,children:o(r,{type:"button",label:"Open popup",disabled:t,children:o(q,{})})})})]})}),o(e.Portal,{children:o(e.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:n(e.Popup,{className:`${m}Popup`,children:[c?o(e.Status,{children:c}):null,p.items?o(N,{className:`${m}Empty`,children:w}):null,n(a.Root,{className:i("ScrollAreaRoot"),type:"auto",children:[o(a.Viewport,{className:i("ScrollAreaViewport"),children:o(e.List,{className:`${m}List`,children:d||(s=>o(y,{value:s,children:s},s))})}),o(a.Scrollbar,{className:i("ScrollAreaScrollbar"),orientation:"vertical",children:o(a.Thumb,{className:i("ScrollAreaThumb")})})]})]})})})]})})}G.displayName=T;export{G as a};
+//# sourceMappingURL=chunk-P5GS7RKN.js.map

package/dist/{chunk-5RRFHW3P.cjs → chunk-P7NJ7Y66.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZ7Z6F6X6cjs = require('./chunk-Z7Z6F6X6.cjs');var _chunkKRKVIREPcjs = require('./chunk-KRKVIREP.cjs');var _chunkCBLJ7ID7cjs = require('./chunk-CBLJ7ID7.cjs');var _chunkP6YDEBTEcjs = require('./chunk-P6YDEBTE.cjs');var _chunkFGO7V5QUcjs = require('./chunk-FGO7V5QU.cjs');var _chunkFHPC6D24cjs = require('./chunk-FHPC6D24.cjs');var _chunkSYIQVRDTcjs = require('./chunk-SYIQVRDT.cjs');var _chunkR7DFRCL2cjs = require('./chunk-R7DFRCL2.cjs');var _chunkU4EC7LSAcjs = require('./chunk-U4EC7LSA.cjs');var _chunkILJNV67Lcjs = require('./chunk-ILJNV67L.cjs');var _chunkYJZUEXUTcjs = require('./chunk-YJZUEXUT.cjs');var _chunkDEP54IIZcjs = require('./chunk-DEP54IIZ.cjs');var _chunk2WL4HPAPcjs = require('./chunk-2WL4HPAP.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk266HWDC4cjs = require('./chunk-266HWDC4.cjs');var _chunk3GAO253Lcjs = require('./chunk-3GAO253L.cjs');var _chunk7FRNNBW5cjs = require('./chunk-7FRNNBW5.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var h="Box",v=_chunkEJ5PAVELcjs.b.call(void 0, h),w= exports.a =T=>{let{className:u,asChild:y,as:I="div",children:o,...R}=_chunk3VJXZPWBcjs.a.call(void 0, T,_chunkZ7Z6F6X6cjs.a,_chunkFGO7V5QUcjs.a,_chunkP6YDEBTEcjs.a,_chunkYJZUEXUTcjs.a,_chunk266HWDC4cjs.a,_chunkRDNRX35Pcjs.a,_chunkFHPC6D24cjs.a,_chunkU4EC7LSAcjs.a,_chunkILJNV67Lcjs.a,_chunk7FRNNBW5cjs.a,_chunk3GAO253Lcjs.a,_chunk2WL4HPAPcjs.a,_chunkDEP54IIZcjs.a,_chunkSYIQVRDTcjs.a,_chunkR7DFRCL2cjs.a,_chunkKRKVIREPcjs.a,_chunkCBLJ7ID7cjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, v,u),...R,children:y?o:_jsxruntime.jsx.call(void 0, I,{children:o})})};w.displayName=h;exports.a = w;
-//# sourceMappingURL=chunk-5RRFHW3P.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBZREAYTScjs = require('./chunk-BZREAYTS.cjs');var _chunkKRKVIREPcjs = require('./chunk-KRKVIREP.cjs');var _chunkCBLJ7ID7cjs = require('./chunk-CBLJ7ID7.cjs');var _chunkP6YDEBTEcjs = require('./chunk-P6YDEBTE.cjs');var _chunkFGO7V5QUcjs = require('./chunk-FGO7V5QU.cjs');var _chunkFHPC6D24cjs = require('./chunk-FHPC6D24.cjs');var _chunkSYIQVRDTcjs = require('./chunk-SYIQVRDT.cjs');var _chunkR7DFRCL2cjs = require('./chunk-R7DFRCL2.cjs');var _chunkU4EC7LSAcjs = require('./chunk-U4EC7LSA.cjs');var _chunkILJNV67Lcjs = require('./chunk-ILJNV67L.cjs');var _chunkYJZUEXUTcjs = require('./chunk-YJZUEXUT.cjs');var _chunkDEP54IIZcjs = require('./chunk-DEP54IIZ.cjs');var _chunk2WL4HPAPcjs = require('./chunk-2WL4HPAP.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk266HWDC4cjs = require('./chunk-266HWDC4.cjs');var _chunk3GAO253Lcjs = require('./chunk-3GAO253L.cjs');var _chunk7FRNNBW5cjs = require('./chunk-7FRNNBW5.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var h="Box",v=_chunkEJ5PAVELcjs.b.call(void 0, h),w= exports.a =T=>{let{className:u,asChild:y,as:I="div",children:o,...R}=_chunk3VJXZPWBcjs.a.call(void 0, T,_chunkBZREAYTScjs.a,_chunkFGO7V5QUcjs.a,_chunkP6YDEBTEcjs.a,_chunkYJZUEXUTcjs.a,_chunk266HWDC4cjs.a,_chunkRDNRX35Pcjs.a,_chunkFHPC6D24cjs.a,_chunkU4EC7LSAcjs.a,_chunkILJNV67Lcjs.a,_chunk7FRNNBW5cjs.a,_chunk3GAO253Lcjs.a,_chunk2WL4HPAPcjs.a,_chunkDEP54IIZcjs.a,_chunkSYIQVRDTcjs.a,_chunkR7DFRCL2cjs.a,_chunkKRKVIREPcjs.a,_chunkCBLJ7ID7cjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, v,u),...R,children:y?o:_jsxruntime.jsx.call(void 0, I,{children:o})})};w.displayName=h;exports.a = w;
+//# sourceMappingURL=chunk-P7NJ7Y66.cjs.map

package/dist/{chunk-5RRFHW3P.cjs.map → chunk-P7NJ7Y66.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-5RRFHW3P.cjs","../src/components/Box/Box.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Box","props","className","asChild","Tag","children","boxProps","extractProps","boxPropDefs","positionPropDefs","paddingPropDefs","colorPropDefs","backgroundColorPropDefs","marginPropDefs","sizePropDefs","borderStylePropDefs","borderWidthPropDefs","borderRadiusPropDefs","borderColorPropDefs","gridItemPropDefs","flexItemPropDefs","textAlignPropDefs","textTransformPropDefs","zIndexPropDefs","overflowPropDefs","jsx","Slot","cn"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCKzxB,+CAoDO,IAhCtBA,CAAAA,CAAiB,KAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAOC,CAAAA,EAAoB,CACtC,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFN,CACAO,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CACA,OACEC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CAAU,SAAA,CAAWC,iCAAAA,CAAG7B,CAAoBI,CAAS,CAAA,CAAI,GAAGI,CAAAA,CAC1D,QAAA,CAAAH,CAAAA,CAAUE,CAAAA,CAAWoB,6BAAAA,CAACrB,CAAA,CAAK,QAAA,CAAAC,CAAAA,CAAS,CAAA,CACvC,CAEJ,CAAA,CAEAL,CAAAA,CAAI,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5RRFHW3P.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { boxPropDefs } from './Box.props';\nimport type { BoxProps } from './Box.props';\nimport { Slot } from 'radix-ui';\nimport { extractProps } from '../../helpers/extract-props';\nimport { paddingPropDefs } from '../../props/padding.props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { backgroundColorPropDefs } from '../../props/background-color.props';\nimport { positionPropDefs } from '../../props/position.props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { borderColorPropDefs } from '../../props/border-color.props';\nimport { borderRadiusPropDefs } from '../../props/border-radius.props';\nimport { borderStylePropDefs } from '../../props/border-style.props';\nimport { borderWidthPropDefs } from '../../props/border-width.props';\nimport { zIndexPropDefs } from '../../props/z-index.props';\nimport { overflowPropDefs } from '../../props/overflow.props';\n\nconst COMPONENT_NAME = 'Box';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Box = (props: BoxProps) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    children,\n    ...boxProps\n  } = extractProps(\n    props,\n    boxPropDefs,\n    positionPropDefs,\n    paddingPropDefs,\n    colorPropDefs,\n    backgroundColorPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    borderStylePropDefs,\n    borderWidthPropDefs,\n    borderRadiusPropDefs,\n    borderColorPropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    zIndexPropDefs,\n    overflowPropDefs\n  );\n  return (\n    <Slot.Root className={cn(componentClassName, className)} {...boxProps}>\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n};\n\nBox.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-P7NJ7Y66.cjs","../src/components/Box/Box.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Box","props","className","asChild","Tag","children","boxProps","extractProps","boxPropDefs","positionPropDefs","paddingPropDefs","colorPropDefs","backgroundColorPropDefs","marginPropDefs","sizePropDefs","borderStylePropDefs","borderWidthPropDefs","borderRadiusPropDefs","borderColorPropDefs","gridItemPropDefs","flexItemPropDefs","textAlignPropDefs","textTransformPropDefs","zIndexPropDefs","overflowPropDefs","jsx","Slot","cn"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCKzxB,+CAoDO,IAhCtBA,CAAAA,CAAiB,KAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAOC,CAAAA,EAAoB,CACtC,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFN,CACAO,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CACA,OACEC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CAAU,SAAA,CAAWC,iCAAAA,CAAG7B,CAAoBI,CAAS,CAAA,CAAI,GAAGI,CAAAA,CAC1D,QAAA,CAAAH,CAAAA,CAAUE,CAAAA,CAAWoB,6BAAAA,CAACrB,CAAA,CAAK,QAAA,CAAAC,CAAAA,CAAS,CAAA,CACvC,CAEJ,CAAA,CAEAL,CAAAA,CAAI,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-P7NJ7Y66.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { boxPropDefs } from './Box.props';\nimport type { BoxProps } from './Box.props';\nimport { Slot } from 'radix-ui';\nimport { extractProps } from '../../helpers/extract-props';\nimport { paddingPropDefs } from '../../props/padding.props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { backgroundColorPropDefs } from '../../props/background-color.props';\nimport { positionPropDefs } from '../../props/position.props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { borderColorPropDefs } from '../../props/border-color.props';\nimport { borderRadiusPropDefs } from '../../props/border-radius.props';\nimport { borderStylePropDefs } from '../../props/border-style.props';\nimport { borderWidthPropDefs } from '../../props/border-width.props';\nimport { zIndexPropDefs } from '../../props/z-index.props';\nimport { overflowPropDefs } from '../../props/overflow.props';\n\nconst COMPONENT_NAME = 'Box';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Box = (props: BoxProps) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    children,\n    ...boxProps\n  } = extractProps(\n    props,\n    boxPropDefs,\n    positionPropDefs,\n    paddingPropDefs,\n    colorPropDefs,\n    backgroundColorPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    borderStylePropDefs,\n    borderWidthPropDefs,\n    borderRadiusPropDefs,\n    borderColorPropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    zIndexPropDefs,\n    overflowPropDefs\n  );\n  return (\n    <Slot.Root className={cn(componentClassName, className)} {...boxProps}>\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n};\n\nBox.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-PQUOB5X6.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});function o(u,e,t){if(t===e)return 0;let n=(u-e)/(t-e)*100,r=Math.floor(n);return n>0&&r<1&&(r=1),Math.max(0,Math.min(100,r))}exports.a = o;
+//# sourceMappingURL=chunk-PQUOB5X6.cjs.map

package/dist/chunk-PQUOB5X6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/value-to-percent.ts"],"names":["valueToPercent","value","min","max","rawPercent","percent"],"mappings":"AACO,kFAASA,CAAAA,CAAeC,CAAAA,CAAeC,CAAAA,CAAaC,CAAAA,CAAqB,CAC9E,EAAA,CAAIA,CAAAA,GAAQD,CAAAA,CAAK,OAAO,CAAA,CAGxB,IAAME,CAAAA,CAAAA,CAAeH,CAAAA,CAAQC,CAAAA,CAAAA,CAAAA,CAAQC,CAAAA,CAAMD,CAAAA,CAAAA,CAAQ,GAAA,CAG/CG,CAAAA,CAAU,IAAA,CAAK,KAAA,CAAMD,CAAU,CAAA,CAGnC,OAAIA,CAAAA,CAAa,CAAA,EAAKC,CAAAA,CAAU,CAAA,EAAA,CAC9BA,CAAAA,CAAU,CAAA,CAAA,CAIL,IAAA,CAAK,GAAA,CAAI,CAAA,CAAG,IAAA,CAAK,GAAA,CAAI,GAAA,CAAKA,CAAO,CAAC,CAC3C,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-PQUOB5X6.cjs","sourcesContent":["// Helper to convert value to percent as a whole number\nexport function valueToPercent(value: number, min: number, max: number): number {\n  if (max === min) return 0;\n\n  // Calculate raw percentage\n  const rawPercent = ((value - min) / (max - min)) * 100;\n\n  // Floor the value for standard progress\n  let percent = Math.floor(rawPercent);\n\n  // If progress has started but is < 1%, show 1% (Good for UX)\n  if (rawPercent > 0 && percent < 1) {\n    percent = 1;\n  }\n\n  // Final clamp to ensure we stay in 0-100 range\n  return Math.max(0, Math.min(100, percent));\n}\n"]}

package/dist/{chunk-FD3XFXNL.cjs → chunk-Q3OXYL7R.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.cjs');var _chunkCJCCDABRcjs = require('./chunk-CJCCDABR.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var l="DatePickerHeader",r=_chunkEJ5PAVELcjs.b.call(void 0, l),I= exports.a =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 _jsxruntime.jsxs.call(void 0, "div",{className:r,"data-monthyear-state":e==="days"?"closed":"open",children:[_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{asChild:!0,size:"md",weight:"semibold",children:_jsxruntime.jsxs.call(void 0, "button",{className:`${r}MonthButton`,onClick:D,children:[k[e],e==="days"?_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronDownSmallIcon,{"aria-hidden":!0}):_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronUpSmallIcon,{"aria-hidden":!0})]})}),e!=="months"?_jsxruntime.jsxs.call(void 0, "div",{className:`${r}Control`,children:[_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{onClick:N,disabled:M,label:x,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{onClick:f,disabled:P,label:B,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})]}):null]})};I.displayName=l;exports.a = I;
-//# sourceMappingURL=chunk-FD3XFXNL.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.cjs');var _chunkCJCCDABRcjs = require('./chunk-CJCCDABR.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var l="DatePickerHeader",r=_chunkEJ5PAVELcjs.b.call(void 0, l),I= exports.a =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 _jsxruntime.jsxs.call(void 0, "div",{className:r,"data-monthyear-state":e==="days"?"closed":"open",children:[_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{asChild:!0,size:"md",weight:"semibold",children:_jsxruntime.jsxs.call(void 0, "button",{className:`${r}MonthButton`,onClick:D,children:[k[e],e==="days"?_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronDownSmallIcon,{"aria-hidden":!0}):_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronUpSmallIcon,{"aria-hidden":!0})]})}),e!=="months"?_jsxruntime.jsxs.call(void 0, "div",{className:`${r}Control`,children:[_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{onClick:N,disabled:M,label:x,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{onClick:f,disabled:P,label:B,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})]}):null]})};I.displayName=l;exports.a = I;
+//# sourceMappingURL=chunk-Q3OXYL7R.cjs.map

package/dist/{chunk-FD3XFXNL.cjs.map → chunk-Q3OXYL7R.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FD3XFXNL.cjs","../src/components/DatePicker/DatePickerHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePickerHeader","props","date","decreaseYear","increaseYear","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","view","onClick","visibleYearsRange","buttonText","handlePrevClick","handleNextClick","isPrevDisabled","isNextDisabled","prevLabel"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wECUnH,+CA8DC,IA1DFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoBC,CAAAA,EAAiC,CAChE,GAAM,CACJ,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CACF,CAAA,CAAIZ,CAAAA,CAiBEa,CAAAA,CAAoD,CACxD,IAAA,CAAM,CAhBO,CACb,SAAA,CACA,UAAA,CACA,OAAA,CACA,OAAA,CACA,KAAA,CACA,MAAA,CACA,MAAA,CACA,QAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CACA,UACF,CAAA,CAGgBZ,CAAAA,CAAK,QAAA,CAAS,CAAC,CAAA,CAAGA,CAAAA,CAAK,WAAA,CAAY,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAC5D,MAAA,CAAQA,CAAAA,CAAK,WAAA,CAAY,CAAA,CAAE,QAAA,CAAS,CAAA,CACpC,KAAA,CAAOW,CAAAA,CACH,CAACA,CAAAA,CAAkB,SAAA,CAAW,GAAA,CAAKA,CAAAA,CAAkB,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CACtE,KAAA,CACN,CAAA,CAEME,CAAAA,CACJJ,CAAAA,GAAS,MAAA,CAASN,CAAAA,CAAgBM,CAAAA,GAAS,OAAA,CAAUR,CAAAA,CAAe,KAAA,CAAA,CAChEa,CAAAA,CACJL,CAAAA,GAAS,MAAA,CAASL,CAAAA,CAAgBK,CAAAA,GAAS,OAAA,CAAUP,CAAAA,CAAe,KAAA,CAAA,CAEhEa,CAAAA,CACHN,CAAAA,GAAS,MAAA,EAAUJ,CAAAA,EAA6BI,CAAAA,GAAS,OAAA,EAAWF,CAAAA,CACjES,CAAAA,CACHP,CAAAA,GAAS,MAAA,EAAUH,CAAAA,EAA6BG,CAAAA,GAAS,OAAA,EAAWD,CAAAA,CAEjES,CAAAA,CAAY,CAAA,SAAA,EAAYR,CAAAA,GAAS,MAAA,CAAS,OAAA,CAAU,MAAM,CAAA,CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FD3XFXNL.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { DatePickerHeaderProps } from './DatePickerHeader.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport {\n  ChevronDownSmallIcon,\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  ChevronUpSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { View } from './DatePicker.props';\n\nconst COMPONENT_NAME = 'DatePickerHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const {\n    date,\n    decreaseYear,\n    increaseYear,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n    prevYearButtonDisabled,\n    nextYearButtonDisabled,\n    view,\n    onClick,\n    visibleYearsRange,\n  } = props;\n\n  const MONTHS = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ] as const;\n\n  const buttonText: { [key in View]: string | undefined } = {\n    days: [MONTHS[date.getMonth()], date.getFullYear()].join(' '),\n    months: date.getFullYear().toString(),\n    years: visibleYearsRange\n      ? [visibleYearsRange.startYear, '-', visibleYearsRange.endYear].join(' ')\n      : undefined,\n  };\n\n  const handlePrevClick =\n    view === 'days' ? decreaseMonth : view === 'years' ? decreaseYear : undefined;\n  const handleNextClick =\n    view === 'days' ? increaseMonth : view === 'years' ? increaseYear : undefined;\n\n  const isPrevDisabled =\n    (view === 'days' && prevMonthButtonDisabled) || (view === 'years' && prevYearButtonDisabled);\n  const isNextDisabled =\n    (view === 'days' && nextMonthButtonDisabled) || (view === 'years' && nextYearButtonDisabled);\n\n  const prevLabel = `previous ${view === 'days' ? 'month' : 'year'}`;\n  const nextLabel = `next ${view === 'days' ? 'month' : 'year'}`;\n\n  return (\n    <div className={componentClassName} data-monthyear-state={view === 'days' ? 'closed' : 'open'}>\n      <BodyText asChild size=\"md\" weight=\"semibold\">\n        <button className={`${componentClassName}MonthButton`} onClick={onClick}>\n          {buttonText[view]}\n          {view === 'days' ? (\n            <ChevronDownSmallIcon aria-hidden />\n          ) : (\n            <ChevronUpSmallIcon aria-hidden />\n          )}\n        </button>\n      </BodyText>\n\n      {view !== 'months' ? (\n        <div className={`${componentClassName}Control`}>\n          <UnstyledIconButton onClick={handlePrevClick} disabled={isPrevDisabled} label={prevLabel}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n          <UnstyledIconButton onClick={handleNextClick} disabled={isNextDisabled} label={nextLabel}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-Q3OXYL7R.cjs","../src/components/DatePicker/DatePickerHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePickerHeader","props","date","decreaseYear","increaseYear","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","view","onClick","visibleYearsRange","buttonText","handlePrevClick","handleNextClick","isPrevDisabled","isNextDisabled","prevLabel"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wECUnH,+CA8DC,IA1DFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoBC,CAAAA,EAAiC,CAChE,GAAM,CACJ,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CACF,CAAA,CAAIZ,CAAAA,CAiBEa,CAAAA,CAAoD,CACxD,IAAA,CAAM,CAhBO,CACb,SAAA,CACA,UAAA,CACA,OAAA,CACA,OAAA,CACA,KAAA,CACA,MAAA,CACA,MAAA,CACA,QAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CACA,UACF,CAAA,CAGgBZ,CAAAA,CAAK,QAAA,CAAS,CAAC,CAAA,CAAGA,CAAAA,CAAK,WAAA,CAAY,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAC5D,MAAA,CAAQA,CAAAA,CAAK,WAAA,CAAY,CAAA,CAAE,QAAA,CAAS,CAAA,CACpC,KAAA,CAAOW,CAAAA,CACH,CAACA,CAAAA,CAAkB,SAAA,CAAW,GAAA,CAAKA,CAAAA,CAAkB,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CACtE,KAAA,CACN,CAAA,CAEME,CAAAA,CACJJ,CAAAA,GAAS,MAAA,CAASN,CAAAA,CAAgBM,CAAAA,GAAS,OAAA,CAAUR,CAAAA,CAAe,KAAA,CAAA,CAChEa,CAAAA,CACJL,CAAAA,GAAS,MAAA,CAASL,CAAAA,CAAgBK,CAAAA,GAAS,OAAA,CAAUP,CAAAA,CAAe,KAAA,CAAA,CAEhEa,CAAAA,CACHN,CAAAA,GAAS,MAAA,EAAUJ,CAAAA,EAA6BI,CAAAA,GAAS,OAAA,EAAWF,CAAAA,CACjES,CAAAA,CACHP,CAAAA,GAAS,MAAA,EAAUH,CAAAA,EAA6BG,CAAAA,GAAS,OAAA,EAAWD,CAAAA,CAEjES,CAAAA,CAAY,CAAA,SAAA,EAAYR,CAAAA,GAAS,MAAA,CAAS,OAAA,CAAU,MAAM,CAAA,CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-Q3OXYL7R.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { DatePickerHeaderProps } from './DatePickerHeader.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport {\n  ChevronDownSmallIcon,\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  ChevronUpSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { View } from './DatePicker.props';\n\nconst COMPONENT_NAME = 'DatePickerHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePickerHeader = (props: DatePickerHeaderProps) => {\n  const {\n    date,\n    decreaseYear,\n    increaseYear,\n    decreaseMonth,\n    increaseMonth,\n    prevMonthButtonDisabled,\n    nextMonthButtonDisabled,\n    prevYearButtonDisabled,\n    nextYearButtonDisabled,\n    view,\n    onClick,\n    visibleYearsRange,\n  } = props;\n\n  const MONTHS = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ] as const;\n\n  const buttonText: { [key in View]: string | undefined } = {\n    days: [MONTHS[date.getMonth()], date.getFullYear()].join(' '),\n    months: date.getFullYear().toString(),\n    years: visibleYearsRange\n      ? [visibleYearsRange.startYear, '-', visibleYearsRange.endYear].join(' ')\n      : undefined,\n  };\n\n  const handlePrevClick =\n    view === 'days' ? decreaseMonth : view === 'years' ? decreaseYear : undefined;\n  const handleNextClick =\n    view === 'days' ? increaseMonth : view === 'years' ? increaseYear : undefined;\n\n  const isPrevDisabled =\n    (view === 'days' && prevMonthButtonDisabled) || (view === 'years' && prevYearButtonDisabled);\n  const isNextDisabled =\n    (view === 'days' && nextMonthButtonDisabled) || (view === 'years' && nextYearButtonDisabled);\n\n  const prevLabel = `previous ${view === 'days' ? 'month' : 'year'}`;\n  const nextLabel = `next ${view === 'days' ? 'month' : 'year'}`;\n\n  return (\n    <div className={componentClassName} data-monthyear-state={view === 'days' ? 'closed' : 'open'}>\n      <BodyText asChild size=\"md\" weight=\"semibold\">\n        <button className={`${componentClassName}MonthButton`} onClick={onClick}>\n          {buttonText[view]}\n          {view === 'days' ? (\n            <ChevronDownSmallIcon aria-hidden />\n          ) : (\n            <ChevronUpSmallIcon aria-hidden />\n          )}\n        </button>\n      </BodyText>\n\n      {view !== 'months' ? (\n        <div className={`${componentClassName}Control`}>\n          <UnstyledIconButton onClick={handlePrevClick} disabled={isPrevDisabled} label={prevLabel}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n          <UnstyledIconButton onClick={handleNextClick} disabled={isNextDisabled} label={nextLabel}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-YUEELJ3M.cjs → chunk-R63O7UPF.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMOZH7JPMcjs = require('./chunk-MOZH7JPM.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 _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var b="Pagination",a=_chunkEJ5PAVELcjs.b.call(void 0, 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},_= exports.a =s=>{let{className:i,currentPage:o,totalPages:e,onPageChange:t,condensed:u=!1,hideSkipButtons:c=!1,as:v="div",...C}=_chunk3VJXZPWBcjs.a.call(void 0, s,_chunkRDNRX35Pcjs.a),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 _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{"aria-label":"pagination",className:_chunkGVVJQBRKcjs.a.call(void 0, a,i),...C,children:_jsxruntime.jsx.call(void 0, v,{children:_jsxruntime.jsxs.call(void 0, "div",{className:`${a}Container`,children:[_jsxruntime.jsxs.call(void 0, "div",{className:`${a}Controllers`,children:[!c&&_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"Go to first page",onClick:L,disabled:o===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipFirstSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"Go to previous page",onClick:B,disabled:o===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})]}),u?_jsxruntime.jsxs.call(void 0, _chunkCJCCDABRcjs.a,{size:"md",color:"primary",children:["Page ",o," of ",e]}):_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, "ol",{className:`${a}Pages`,children:g.map((r,E)=>{if(r===l)return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{size:"md",color:"primary",className:`${a}Ellipsis`,children:l})},`ellipsis-${E}`);let f=r===o;return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkMOZH7JPMcjs.a,{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)})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${a}Controllers`,children:[_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"Go to next page",onClick:k,disabled:o===e,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})}),!c&&_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"Go to last page",onClick:P,disabled:o===e,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipLastSmallIcon,{})})]})]})})})};_.displayName=b;exports.a = _;
-//# sourceMappingURL=chunk-YUEELJ3M.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNCGX6Z4Ecjs = require('./chunk-NCGX6Z4E.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 _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var b="Pagination",a=_chunkEJ5PAVELcjs.b.call(void 0, 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},_= exports.a =s=>{let{className:i,currentPage:o,totalPages:e,onPageChange:t,condensed:u=!1,hideSkipButtons:c=!1,as:v="div",...C}=_chunk3VJXZPWBcjs.a.call(void 0, s,_chunkRDNRX35Pcjs.a),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 _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{"aria-label":"pagination",className:_chunkGVVJQBRKcjs.a.call(void 0, a,i),...C,children:_jsxruntime.jsx.call(void 0, v,{children:_jsxruntime.jsxs.call(void 0, "div",{className:`${a}Container`,children:[_jsxruntime.jsxs.call(void 0, "div",{className:`${a}Controllers`,children:[!c&&_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"Go to first page",onClick:L,disabled:o===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipFirstSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"Go to previous page",onClick:B,disabled:o===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})]}),u?_jsxruntime.jsxs.call(void 0, _chunkCJCCDABRcjs.a,{size:"md",color:"primary",children:["Page ",o," of ",e]}):_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, "ol",{className:`${a}Pages`,children:g.map((r,E)=>{if(r===l)return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{size:"md",color:"primary",className:`${a}Ellipsis`,children:l})},`ellipsis-${E}`);let f=r===o;return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkNCGX6Z4Ecjs.a,{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)})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${a}Controllers`,children:[_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"Go to next page",onClick:k,disabled:o===e,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})}),!c&&_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"Go to last page",onClick:P,disabled:o===e,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipLastSmallIcon,{})})]})]})})})};_.displayName=b;exports.a = _;
+//# sourceMappingURL=chunk-R63O7UPF.cjs.map

package/dist/{chunk-YUEELJ3M.cjs.map → chunk-R63O7UPF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YUEELJ3M.cjs","../src/components/Pagination/Pagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ELLIPSIS","MAX_VISIBLE_ITEMS","generatePageNumbers","currentPage","totalPages","_","i","pages","isNearStart","isNearEnd","Pagination","props","className","onPageChange","condensed","hideSkipButtons","Tag","paginationProps","extractProps","marginPropDefs","handlePrevious","handleNext","handleFirst","handleLast","jsx","Slot","cn","jsxs"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YUEELJ3M.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  SkipFirstSmallIcon,\n  SkipLastSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { Button } from '../Button/Button';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { PaginationProps } from './Pagination.props';\nimport { Slot } from 'radix-ui';\n\nconst COMPONENT_NAME = 'Pagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nconst ELLIPSIS = '...';\nconst MAX_VISIBLE_ITEMS = 7;\n\n/**\n * Generates the array of page numbers and ellipsis to display\n * Max visible items is 7 (including ellipses)\n */\nconst generatePageNumbers = (\n  currentPage: number,\n  totalPages: number\n): Array<number | typeof ELLIPSIS> => {\n  // If total pages fit within max visible items, show all\n  if (totalPages <= MAX_VISIBLE_ITEMS) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const pages: Array<number | typeof ELLIPSIS> = [];\n\n  // Determine if current page is close to start or end\n  const isNearStart = currentPage <= 4;\n  const isNearEnd = currentPage > totalPages - 4;\n\n  if (isNearStart) {\n    // Page 1-4 selected: 1, 2, 3, 4, 5, ..., last\n    pages.push(1, 2, 3, 4, 5);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages);\n  } else if (isNearEnd) {\n    // Page (totalPages-4) to totalPages selected: 1, ..., last-4, last-3, last-2, last-1, last\n    pages.push(1);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);\n  } else {\n    // Middle pages: 1, ..., current-1, current, current+1, ..., last\n    pages.push(1);\n    pages.push(ELLIPSIS);\n    pages.push(currentPage - 1, currentPage, currentPage + 1);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages);\n  }\n\n  return pages;\n};\n\nexport const Pagination = (props: PaginationProps) => {\n  const {\n    className,\n    currentPage,\n    totalPages,\n    onPageChange,\n    condensed = false,\n    hideSkipButtons = false,\n    as: Tag = 'div',\n    ...paginationProps\n  } = extractProps(props, marginPropDefs);\n\n  const pages = generatePageNumbers(currentPage, totalPages);\n\n  const handlePrevious = () => {\n    if (currentPage > 1) {\n      onPageChange(currentPage - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (currentPage < totalPages) {\n      onPageChange(currentPage + 1);\n    }\n  };\n\n  const handleFirst = () => {\n    if (currentPage !== 1) {\n      onPageChange(1);\n    }\n  };\n\n  const handleLast = () => {\n    if (currentPage !== totalPages) {\n      onPageChange(totalPages);\n    }\n  };\n\n  return (\n    <Slot.Root\n      aria-label=\"pagination\"\n      className={cn(componentClassName, className)}\n      {...paginationProps}\n    >\n      <Tag>\n        <div className={`${componentClassName}Container`}>\n          <div className={`${componentClassName}Controllers`}>\n            {!hideSkipButtons && (\n              <UnstyledIconButton\n                label=\"Go to first page\"\n                onClick={handleFirst}\n                disabled={currentPage === 1}\n              >\n                <SkipFirstSmallIcon />\n              </UnstyledIconButton>\n            )}\n\n            <UnstyledIconButton\n              label=\"Go to previous page\"\n              onClick={handlePrevious}\n              disabled={currentPage === 1}\n            >\n              <ChevronLeftSmallIcon />\n            </UnstyledIconButton>\n          </div>\n\n          {condensed ? (\n            <BodyText size=\"md\" color=\"primary\">\n              Page {currentPage} of {totalPages}\n            </BodyText>\n          ) : (\n            <div>\n              <ol className={`${componentClassName}Pages`}>\n                {pages.map((page, index) => {\n                  if (page === ELLIPSIS) {\n                    return (\n                      <li key={`ellipsis-${index}`}>\n                        <BodyText\n                          size=\"md\"\n                          color=\"primary\"\n                          className={`${componentClassName}Ellipsis`}\n                        >\n                          {ELLIPSIS}\n                        </BodyText>\n                      </li>\n                    );\n                  }\n                  const isActive = page === currentPage;\n                  return (\n                    <li key={page}>\n                      <Button\n                        className={`${componentClassName}Page`}\n                        variant=\"ghost\"\n                        colorScheme=\"functional\"\n                        onClick={() => onPageChange(page)}\n                        data-active={isActive ? '' : undefined}\n                        aria-label={`Go to page ${page}`}\n                        aria-current={isActive ? 'page' : undefined}\n                      >\n                        {page}\n                      </Button>\n                    </li>\n                  );\n                })}\n              </ol>\n            </div>\n          )}\n\n          <div className={`${componentClassName}Controllers`}>\n            <UnstyledIconButton\n              label=\"Go to next page\"\n              onClick={handleNext}\n              disabled={currentPage === totalPages}\n            >\n              <ChevronRightSmallIcon />\n            </UnstyledIconButton>\n\n            {!hideSkipButtons && (\n              <UnstyledIconButton\n                label=\"Go to last page\"\n                onClick={handleLast}\n                disabled={currentPage === totalPages}\n              >\n                <SkipLastSmallIcon />\n              </UnstyledIconButton>\n            )}\n          </div>\n        </div>\n      </Tag>\n    </Slot.Root>\n  );\n};\n\nPagination.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-R63O7UPF.cjs","../src/components/Pagination/Pagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ELLIPSIS","MAX_VISIBLE_ITEMS","generatePageNumbers","currentPage","totalPages","_","i","pages","isNearStart","isNearEnd","Pagination","props","className","onPageChange","condensed","hideSkipButtons","Tag","paginationProps","extractProps","marginPropDefs","handlePrevious","handleNext","handleFirst","handleLast","jsx","Slot","cn","jsxs"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-R63O7UPF.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  SkipFirstSmallIcon,\n  SkipLastSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { Button } from '../Button/Button';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { PaginationProps } from './Pagination.props';\nimport { Slot } from 'radix-ui';\n\nconst COMPONENT_NAME = 'Pagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nconst ELLIPSIS = '...';\nconst MAX_VISIBLE_ITEMS = 7;\n\n/**\n * Generates the array of page numbers and ellipsis to display\n * Max visible items is 7 (including ellipses)\n */\nconst generatePageNumbers = (\n  currentPage: number,\n  totalPages: number\n): Array<number | typeof ELLIPSIS> => {\n  // If total pages fit within max visible items, show all\n  if (totalPages <= MAX_VISIBLE_ITEMS) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const pages: Array<number | typeof ELLIPSIS> = [];\n\n  // Determine if current page is close to start or end\n  const isNearStart = currentPage <= 4;\n  const isNearEnd = currentPage > totalPages - 4;\n\n  if (isNearStart) {\n    // Page 1-4 selected: 1, 2, 3, 4, 5, ..., last\n    pages.push(1, 2, 3, 4, 5);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages);\n  } else if (isNearEnd) {\n    // Page (totalPages-4) to totalPages selected: 1, ..., last-4, last-3, last-2, last-1, last\n    pages.push(1);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);\n  } else {\n    // Middle pages: 1, ..., current-1, current, current+1, ..., last\n    pages.push(1);\n    pages.push(ELLIPSIS);\n    pages.push(currentPage - 1, currentPage, currentPage + 1);\n    pages.push(ELLIPSIS);\n    pages.push(totalPages);\n  }\n\n  return pages;\n};\n\nexport const Pagination = (props: PaginationProps) => {\n  const {\n    className,\n    currentPage,\n    totalPages,\n    onPageChange,\n    condensed = false,\n    hideSkipButtons = false,\n    as: Tag = 'div',\n    ...paginationProps\n  } = extractProps(props, marginPropDefs);\n\n  const pages = generatePageNumbers(currentPage, totalPages);\n\n  const handlePrevious = () => {\n    if (currentPage > 1) {\n      onPageChange(currentPage - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (currentPage < totalPages) {\n      onPageChange(currentPage + 1);\n    }\n  };\n\n  const handleFirst = () => {\n    if (currentPage !== 1) {\n      onPageChange(1);\n    }\n  };\n\n  const handleLast = () => {\n    if (currentPage !== totalPages) {\n      onPageChange(totalPages);\n    }\n  };\n\n  return (\n    <Slot.Root\n      aria-label=\"pagination\"\n      className={cn(componentClassName, className)}\n      {...paginationProps}\n    >\n      <Tag>\n        <div className={`${componentClassName}Container`}>\n          <div className={`${componentClassName}Controllers`}>\n            {!hideSkipButtons && (\n              <UnstyledIconButton\n                label=\"Go to first page\"\n                onClick={handleFirst}\n                disabled={currentPage === 1}\n              >\n                <SkipFirstSmallIcon />\n              </UnstyledIconButton>\n            )}\n\n            <UnstyledIconButton\n              label=\"Go to previous page\"\n              onClick={handlePrevious}\n              disabled={currentPage === 1}\n            >\n              <ChevronLeftSmallIcon />\n            </UnstyledIconButton>\n          </div>\n\n          {condensed ? (\n            <BodyText size=\"md\" color=\"primary\">\n              Page {currentPage} of {totalPages}\n            </BodyText>\n          ) : (\n            <div>\n              <ol className={`${componentClassName}Pages`}>\n                {pages.map((page, index) => {\n                  if (page === ELLIPSIS) {\n                    return (\n                      <li key={`ellipsis-${index}`}>\n                        <BodyText\n                          size=\"md\"\n                          color=\"primary\"\n                          className={`${componentClassName}Ellipsis`}\n                        >\n                          {ELLIPSIS}\n                        </BodyText>\n                      </li>\n                    );\n                  }\n                  const isActive = page === currentPage;\n                  return (\n                    <li key={page}>\n                      <Button\n                        className={`${componentClassName}Page`}\n                        variant=\"ghost\"\n                        colorScheme=\"functional\"\n                        onClick={() => onPageChange(page)}\n                        data-active={isActive ? '' : undefined}\n                        aria-label={`Go to page ${page}`}\n                        aria-current={isActive ? 'page' : undefined}\n                      >\n                        {page}\n                      </Button>\n                    </li>\n                  );\n                })}\n              </ol>\n            </div>\n          )}\n\n          <div className={`${componentClassName}Controllers`}>\n            <UnstyledIconButton\n              label=\"Go to next page\"\n              onClick={handleNext}\n              disabled={currentPage === totalPages}\n            >\n              <ChevronRightSmallIcon />\n            </UnstyledIconButton>\n\n            {!hideSkipButtons && (\n              <UnstyledIconButton\n                label=\"Go to last page\"\n                onClick={handleLast}\n                disabled={currentPage === totalPages}\n              >\n                <SkipLastSmallIcon />\n              </UnstyledIconButton>\n            )}\n          </div>\n        </div>\n      </Tag>\n    </Slot.Root>\n  );\n};\n\nPagination.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-4T6AJMUL.cjs → chunk-RDAZT6SJ.cjs}

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["sm","md"],e= exports.a ={size:{className:"size",tokens:o,responsive:!0,default:"md"}};exports.a = e;
-//# sourceMappingURL=chunk-4T6AJMUL.cjs.map
+//# sourceMappingURL=chunk-RDAZT6SJ.cjs.map

package/dist/{chunk-4T6AJMUL.cjs.map → chunk-RDAZT6SJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.props.ts"],"names":["sizes","unstyledIconButtonPropDefs"],"mappings":"AAIA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAI,CAAA,CAEZC,CAAAA,aAA6B,CACxC,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAC5E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4T6AJMUL.cjs","sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { IconButtonProps } from '../IconButton/IconButton.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const unstyledIconButtonPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport type UnstyledIconButtonProps = React.ComponentPropsWithRef<'button'> &\n  Pick<IconButtonProps, 'label' | 'loading' | 'asChild'> & {\n    /**\n     * Sets the button height.\n     * @default md\n     */\n    size?: Responsive<(typeof sizes)[number]>;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"]}
+{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.props.ts"],"names":["sizes","unstyledIconButtonPropDefs"],"mappings":"AAIA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAI,CAAA,CAEZC,CAAAA,aAA6B,CACxC,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAC5E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RDAZT6SJ.cjs","sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { IconButtonProps } from '../IconButton/IconButton.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const unstyledIconButtonPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport type UnstyledIconButtonProps = React.ComponentPropsWithRef<'button'> &\n  Pick<IconButtonProps, 'loading' | 'asChild'> & {\n    label: IconButtonProps['label'];\n    /**\n     * Sets the button height.\n     * @default md\n     */\n    size?: Responsive<(typeof sizes)[number]>;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"]}

package/dist/{chunk-UTXD22JQ.cjs → chunk-TOOLETGD.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkYUEELJ3Mcjs = require('./chunk-YUEELJ3M.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _jsxruntime = require('react/jsx-runtime');var n="TablePagination",p=_chunkEJ5PAVELcjs.b.call(void 0, n),e= exports.a =({className:t,...r})=>_jsxruntime.jsx.call(void 0, _chunkYUEELJ3Mcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, p,t),...r,as:"div"});e.displayName=n;exports.a = e;
-//# sourceMappingURL=chunk-UTXD22JQ.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR63O7UPFcjs = require('./chunk-R63O7UPF.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _jsxruntime = require('react/jsx-runtime');var n="TablePagination",p=_chunkEJ5PAVELcjs.b.call(void 0, n),e= exports.a =({className:t,...r})=>_jsxruntime.jsx.call(void 0, _chunkR63O7UPFcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, p,t),...r,as:"div"});e.displayName=n;exports.a = e;
+//# sourceMappingURL=chunk-TOOLETGD.cjs.map

package/dist/{chunk-UTXD22JQ.cjs.map → chunk-TOOLETGD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-UTXD22JQ.cjs","../src/components/Table/TablePagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TablePagination","className","props","jsx","Pagination","cn"],"mappings":"AAAA,iIAAwC,wDAAoC,wDAAyC,+CCU5G,IAJHA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAkB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAA,EAC7CC,6BAAAA,mBAACC,CAAA,CAAW,SAAA,CAAWC,iCAAAA,CAAGP,CAAoBG,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,EAAA,CAAG,KAAA,CAAM,CAAA,CAGvFF,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-UTXD22JQ.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Pagination } from '../Pagination/Pagination';\nimport type { TablePaginationProps } from './TablePagination.props';\n\nconst COMPONENT_NAME = 'TablePagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TablePagination = ({ className, ...props }: TablePaginationProps) => {\n  return <Pagination className={cn(componentClassName, className)} {...props} as=\"div\" />;\n};\n\nTablePagination.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-TOOLETGD.cjs","../src/components/Table/TablePagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TablePagination","className","props","jsx","Pagination","cn"],"mappings":"AAAA,iIAAwC,wDAAoC,wDAAyC,+CCU5G,IAJHA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAkB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAA,EAC7CC,6BAAAA,mBAACC,CAAA,CAAW,SAAA,CAAWC,iCAAAA,CAAGP,CAAoBG,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,EAAA,CAAG,KAAA,CAAM,CAAA,CAGvFF,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-TOOLETGD.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Pagination } from '../Pagination/Pagination';\nimport type { TablePaginationProps } from './TablePagination.props';\n\nconst COMPONENT_NAME = 'TablePagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TablePagination = ({ className, ...props }: TablePaginationProps) => {\n  return <Pagination className={cn(componentClassName, className)} {...props} as=\"div\" />;\n};\n\nTablePagination.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-ZYWWDG3Y.js → chunk-WJIOGQY3.js}

@@ -1,2 +1,2 @@
 var o=["sm","md"],e={size:{className:"size",tokens:o,responsive:!0,default:"md"}};export{e as a};
-//# sourceMappingURL=chunk-ZYWWDG3Y.js.map
+//# sourceMappingURL=chunk-WJIOGQY3.js.map

package/dist/{chunk-ZYWWDG3Y.js.map → chunk-WJIOGQY3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.props.ts"],"sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { IconButtonProps } from '../IconButton/IconButton.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const unstyledIconButtonPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport type UnstyledIconButtonProps = React.ComponentPropsWithRef<'button'> &\n  Pick<IconButtonProps, 'label' | 'loading' | 'asChild'> & {\n    /**\n     * Sets the button height.\n     * @default md\n     */\n    size?: Responsive<(typeof sizes)[number]>;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"],"mappings":"AAIA,IAAMA,EAAQ,CAAC,KAAM,IAAI,EAEZC,EAA6B,CACxC,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAM,QAAS,IAAK,CAC5E","names":["sizes","unstyledIconButtonPropDefs"]}
+{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.props.ts"],"sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { IconButtonProps } from '../IconButton/IconButton.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const unstyledIconButtonPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport type UnstyledIconButtonProps = React.ComponentPropsWithRef<'button'> &\n  Pick<IconButtonProps, 'loading' | 'asChild'> & {\n    label: IconButtonProps['label'];\n    /**\n     * Sets the button height.\n     * @default md\n     */\n    size?: Responsive<(typeof sizes)[number]>;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"],"mappings":"AAIA,IAAMA,EAAQ,CAAC,KAAM,IAAI,EAEZC,EAA6B,CACxC,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAM,QAAS,IAAK,CAC5E","names":["sizes","unstyledIconButtonPropDefs"]}

package/dist/{chunk-P2ES4D4U.js → chunk-XX266KGG.js}

@@ -1,2 +1,2 @@
-import{a as N}from"./chunk-INV5RZGL.js";import{a as c}from"./chunk-MOUIHTRH.js";import{a as f}from"./chunk-7SUK3KVM.js";import{a as d}from"./chunk-W6VYE222.js";import{a as p}from"./chunk-XXFFX25X.js";import{a as m}from"./chunk-MSHCGZ4G.js";import{b as l}from"./chunk-KDSBNW6G.js";import{jsx as o,jsxs as E}from"react/jsx-runtime";var g="List",e=l(g),S=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}=p(h,d),L={heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T};return E("div",{className:m(e,C),children:[a?o(f,{...L}):null,i===void 0||t===void 0?o(c,{asChild:!0,className:`${e}Container`,role:"list",children:o(r,{...s,children:n})}):o(N,{className:`${e}Container`,paddingNone:!0,variant:i,colorScheme:t,children:o(r,{role:"list",...s,children:n})})]})};S.displayName=g;export{S as a};
-//# sourceMappingURL=chunk-P2ES4D4U.js.map
+import{a as N}from"./chunk-INV5RZGL.js";import{a as c}from"./chunk-5UMDJTCZ.js";import{a as f}from"./chunk-7SUK3KVM.js";import{a as d}from"./chunk-W6VYE222.js";import{a as p}from"./chunk-XXFFX25X.js";import{a as m}from"./chunk-MSHCGZ4G.js";import{b as l}from"./chunk-KDSBNW6G.js";import{jsx as o,jsxs as E}from"react/jsx-runtime";var g="List",e=l(g),S=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}=p(h,d),L={heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T};return E("div",{className:m(e,C),children:[a?o(f,{...L}):null,i===void 0||t===void 0?o(c,{asChild:!0,className:`${e}Container`,role:"list",children:o(r,{...s,children:n})}):o(N,{className:`${e}Container`,paddingNone:!0,variant:i,colorScheme:t,children:o(r,{role:"list",...s,children:n})})]})};S.displayName=g;export{S as a};
+//# sourceMappingURL=chunk-XX266KGG.js.map

package/dist/{chunk-V3VMWYEQ.cjs → chunk-YBNIG345.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5RRFHW3Pcjs = require('./chunk-5RRFHW3P.cjs');var _chunkCW6JSPFEcjs = require('./chunk-CW6JSPFE.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 _chunkWXLMRZHQcjs = require('./chunk-WXLMRZHQ.cjs');var _chunkTZUHNZFDcjs = require('./chunk-TZUHNZFD.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var P="Avatar",e=_chunkEJ5PAVELcjs.b.call(void 0, P),u= exports.a =({ref:v,...a})=>{let{className:B,src:i,name:r,delayMs:A=0,...T}=_chunk3VJXZPWBcjs.a.call(void 0, a,_chunkCW6JSPFEcjs.a,_chunkRDNRX35Pcjs.a),N=_chunkWXLMRZHQcjs.a.call(void 0, r),b=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"md",md:"lg"}),g=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"none",md:"block"}),I=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"block",md:"none"});return _jsxruntime.jsxs.call(void 0, _radixui.Avatar.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, e,B),ref:v,children:[i?_jsxruntime.jsx.call(void 0, _radixui.Avatar.Image,{className:`${e}Image`,src:i,alt:r,...T}):null,_jsxruntime.jsx.call(void 0, _radixui.Avatar.Fallback,{className:`${e}Fallback`,delayMs:A,children:r?_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{as:"span",weight:"semibold",size:b,textTransform:"uppercase",children:N}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunk5RRFHW3Pcjs.a,{asChild:!0,display:I,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.UserSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunk5RRFHW3Pcjs.a,{asChild:!0,display:g,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.UserMediumIcon,{})})]})})]})};u.displayName=P;exports.a = u;
-//# sourceMappingURL=chunk-V3VMWYEQ.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkP7NJ7Y66cjs = require('./chunk-P7NJ7Y66.cjs');var _chunkCW6JSPFEcjs = require('./chunk-CW6JSPFE.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 _chunkWXLMRZHQcjs = require('./chunk-WXLMRZHQ.cjs');var _chunkTZUHNZFDcjs = require('./chunk-TZUHNZFD.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var P="Avatar",e=_chunkEJ5PAVELcjs.b.call(void 0, P),u= exports.a =({ref:v,...a})=>{let{className:B,src:i,name:r,delayMs:A=0,...T}=_chunk3VJXZPWBcjs.a.call(void 0, a,_chunkCW6JSPFEcjs.a,_chunkRDNRX35Pcjs.a),N=_chunkWXLMRZHQcjs.a.call(void 0, r),b=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"md",md:"lg"}),g=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"none",md:"block"}),I=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"block",md:"none"});return _jsxruntime.jsxs.call(void 0, _radixui.Avatar.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, e,B),ref:v,children:[i?_jsxruntime.jsx.call(void 0, _radixui.Avatar.Image,{className:`${e}Image`,src:i,alt:r,...T}):null,_jsxruntime.jsx.call(void 0, _radixui.Avatar.Fallback,{className:`${e}Fallback`,delayMs:A,children:r?_jsxruntime.jsx.call(void 0, _chunkCJCCDABRcjs.a,{as:"span",weight:"semibold",size:b,textTransform:"uppercase",children:N}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkP7NJ7Y66cjs.a,{asChild:!0,display:I,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.UserSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkP7NJ7Y66cjs.a,{asChild:!0,display:g,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.UserMediumIcon,{})})]})})]})};u.displayName=P;exports.a = u;
+//# sourceMappingURL=chunk-YBNIG345.cjs.map

package/dist/{chunk-V3VMWYEQ.cjs.map → chunk-YBNIG345.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-V3VMWYEQ.cjs","../src/components/Avatar/Avatar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","ref","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveTranslation","mediumIconDisplay","smallIconDisplay","jsxs","AvatarPrimitive","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCQtU,wEACI,+CAmCtC,IA3BFA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAS,CAAC,CAAE,GAAA,CAAAC,CAAAA,CAAK,GAAGC,CAAM,CAAA,CAAA,EAAmB,CACxD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAAA,CAAgBC,mBAAc,CAAA,CAEhDC,CAAAA,CAAWC,iCAAAA,CAAgB,CAAA,CAE3BC,CAAAA,CAAeC,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CAClFa,CAAAA,CAAoBD,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACrE,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,OACN,CAAC,CAAA,CACKc,CAAAA,CAAmBF,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACpE,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,MACN,CAAC,CAAA,CAED,OACEe,8BAAAA,eAACC,CAAgB,IAAA,CAAhB,CAAqB,SAAA,CAAWC,iCAAAA,CAAGrB,CAAoBK,CAAS,CAAA,CAAG,GAAA,CAAKF,CAAAA,CACtE,QAAA,CAAA,CAAAG,CAAAA,CACCgB,6BAAAA,eAACF,CAAgB,KAAA,CAAhB,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-V3VMWYEQ.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 { avatarPropDefs } from './Avatar.props';\nimport type { AvatarProps } from './Avatar.props';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport type { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar = ({ ref, ...props }: AvatarProps) => {\n  const {\n    className,\n    src,\n    name,\n    delayMs = 0,\n    ...avatarProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  const initials = getInitials(name);\n\n  const bodyTextSize = getResponsiveTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n  const mediumIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'none',\n    md: 'block',\n  });\n  const smallIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'block',\n    md: 'none',\n  });\n\n  return (\n    <AvatarPrimitive.Root className={cn(componentClassName, className)} ref={ref}>\n      {src ? (\n        <AvatarPrimitive.Image\n          className={`${componentClassName}Image`}\n          src={src}\n          alt={name}\n          {...avatarProps}\n        />\n      ) : null}\n      <AvatarPrimitive.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n        {name ? (\n          <BodyText\n            as=\"span\"\n            weight=\"semibold\"\n            size={bodyTextSize as BodyTextProps['size']}\n            textTransform=\"uppercase\"\n          >\n            {initials}\n          </BodyText>\n        ) : (\n          <>\n            <Box asChild display={smallIconDisplay as BoxProps['display']}>\n              <UserSmallIcon />\n            </Box>\n            <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n              <UserMediumIcon />\n            </Box>\n          </>\n        )}\n      </AvatarPrimitive.Fallback>\n    </AvatarPrimitive.Root>\n  );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YBNIG345.cjs","../src/components/Avatar/Avatar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","ref","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveTranslation","mediumIconDisplay","smallIconDisplay","jsxs","AvatarPrimitive","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCQtU,wEACI,+CAmCtC,IA3BFA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAS,CAAC,CAAE,GAAA,CAAAC,CAAAA,CAAK,GAAGC,CAAM,CAAA,CAAA,EAAmB,CACxD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAAA,CAAgBC,mBAAc,CAAA,CAEhDC,CAAAA,CAAWC,iCAAAA,CAAgB,CAAA,CAE3BC,CAAAA,CAAeC,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CAClFa,CAAAA,CAAoBD,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACrE,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,OACN,CAAC,CAAA,CACKc,CAAAA,CAAmBF,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACpE,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,MACN,CAAC,CAAA,CAED,OACEe,8BAAAA,eAACC,CAAgB,IAAA,CAAhB,CAAqB,SAAA,CAAWC,iCAAAA,CAAGrB,CAAoBK,CAAS,CAAA,CAAG,GAAA,CAAKF,CAAAA,CACtE,QAAA,CAAA,CAAAG,CAAAA,CACCgB,6BAAAA,eAACF,CAAgB,KAAA,CAAhB,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YBNIG345.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 { avatarPropDefs } from './Avatar.props';\nimport type { AvatarProps } from './Avatar.props';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport type { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar = ({ ref, ...props }: AvatarProps) => {\n  const {\n    className,\n    src,\n    name,\n    delayMs = 0,\n    ...avatarProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  const initials = getInitials(name);\n\n  const bodyTextSize = getResponsiveTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n  const mediumIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'none',\n    md: 'block',\n  });\n  const smallIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'block',\n    md: 'none',\n  });\n\n  return (\n    <AvatarPrimitive.Root className={cn(componentClassName, className)} ref={ref}>\n      {src ? (\n        <AvatarPrimitive.Image\n          className={`${componentClassName}Image`}\n          src={src}\n          alt={name}\n          {...avatarProps}\n        />\n      ) : null}\n      <AvatarPrimitive.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n        {name ? (\n          <BodyText\n            as=\"span\"\n            weight=\"semibold\"\n            size={bodyTextSize as BodyTextProps['size']}\n            textTransform=\"uppercase\"\n          >\n            {initials}\n          </BodyText>\n        ) : (\n          <>\n            <Box asChild display={smallIconDisplay as BoxProps['display']}>\n              <UserSmallIcon />\n            </Box>\n            <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n              <UserMediumIcon />\n            </Box>\n          </>\n        )}\n      </AvatarPrimitive.Fallback>\n    </AvatarPrimitive.Root>\n  );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-3T3LUATZ.js → chunk-YREL7VEQ.js}

@@ -1,2 +1,2 @@
-import{a as h}from"./chunk-KV365DCI.js";import{a as v}from"./chunk-MSHCGZ4G.js";import{b as m}from"./chunk-KDSBNW6G.js";import{useCallback as i,useLayoutEffect as x,useRef as T,useState as f}from"react";import{Tabs as B}from"radix-ui";import{ChevronLeftSmallIcon as P,ChevronRightSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";import{jsx as n,jsxs as S}from"react/jsx-runtime";var g="TabsList",s=m(g),A=({className:I,children:N,...y})=>{let u=T(null),c=T(null),[C,R]=f(0),[W,E]=f(0),[b,M]=f(!1),[L,w]=f(!1),a=i(()=>{let e=u.current;if(!e)return;let t=e.querySelector("."+m('Tab[data-state="active"]'));t&&(R(t.offsetLeft),E(t.offsetWidth))},[]),l=i(()=>{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)},[]);x(()=>{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 t?.addEventListener("scroll",p,{passive:!0}),()=>{r.disconnect(),o.disconnect(),t?.removeEventListener("scroll",p)}},[a,l]);let d=i(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=i(()=>d(-1),[d]),$=i(()=>d(1),[d]);return S(B.List,{className:v(s,I),...y,children:[b?n("div",{className:`${s}ScrollButtonLeft`,"aria-hidden":!0,children:n(h,{label:"scroll left",tabIndex:-1,onClick:O,children:n(P,{})})}):null,n("div",{className:v(`${s}Scroll`),"data-scroll-left":b?"":void 0,"data-scroll-right":L?"":void 0,ref:c,children:S("div",{className:`${s}Container`,ref:u,children:[N,n("div",{className:`${s}Indicator`,style:{transform:`translateX(${C}px)`,width:`${W}px`}})]})}),L?n("div",{className:`${s}ScrollButtonRight`,"aria-hidden":!0,children:n(h,{label:"scroll right",tabIndex:-1,onClick:$,children:n(k,{})})}):null]})};A.displayName=g;export{A as a};
-//# sourceMappingURL=chunk-3T3LUATZ.js.map
+import{a as h}from"./chunk-7GOKU2FO.js";import{a as v}from"./chunk-MSHCGZ4G.js";import{b as m}from"./chunk-KDSBNW6G.js";import{useCallback as i,useLayoutEffect as x,useRef as T,useState as f}from"react";import{Tabs as B}from"radix-ui";import{ChevronLeftSmallIcon as P,ChevronRightSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";import{jsx as n,jsxs as S}from"react/jsx-runtime";var g="TabsList",s=m(g),A=({className:I,children:N,...y})=>{let u=T(null),c=T(null),[C,R]=f(0),[W,E]=f(0),[b,M]=f(!1),[L,w]=f(!1),a=i(()=>{let e=u.current;if(!e)return;let t=e.querySelector("."+m('Tab[data-state="active"]'));t&&(R(t.offsetLeft),E(t.offsetWidth))},[]),l=i(()=>{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)},[]);x(()=>{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 t?.addEventListener("scroll",p,{passive:!0}),()=>{r.disconnect(),o.disconnect(),t?.removeEventListener("scroll",p)}},[a,l]);let d=i(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=i(()=>d(-1),[d]),$=i(()=>d(1),[d]);return S(B.List,{className:v(s,I),...y,children:[b?n("div",{className:`${s}ScrollButtonLeft`,"aria-hidden":!0,children:n(h,{label:"scroll left",tabIndex:-1,onClick:O,children:n(P,{})})}):null,n("div",{className:v(`${s}Scroll`),"data-scroll-left":b?"":void 0,"data-scroll-right":L?"":void 0,ref:c,children:S("div",{className:`${s}Container`,ref:u,children:[N,n("div",{className:`${s}Indicator`,style:{transform:`translateX(${C}px)`,width:`${W}px`}})]})}),L?n("div",{className:`${s}ScrollButtonRight`,"aria-hidden":!0,children:n(h,{label:"scroll right",tabIndex:-1,onClick:$,children:n(k,{})})}):null]})};A.displayName=g;export{A as a};
+//# sourceMappingURL=chunk-YREL7VEQ.js.map

package/dist/{chunk-J73GPE77.cjs → chunk-Z4SNFMTA.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWN4ZY7ZTcjs = require('./chunk-WN4ZY7ZT.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 a="Toast",r=_chunkEJ5PAVELcjs.b.call(void 0, a),P= exports.a =({className:m,icon:n,description:l,showDismissButton:p,children:c,...T})=>_jsxruntime.jsxs.call(void 0, _radixui.Toast.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, r,m),...T,children:[n,_jsxruntime.jsx.call(void 0, _radixui.Toast.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, "div",{className:`${r}Description`,children:l})}),c,p?_jsxruntime.jsx.call(void 0, _radixui.Toast.Close,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkWN4ZY7ZTcjs.a,{label:"Dismiss toast",inverted:!0,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}):null]});P.displayName=a;exports.a = P;
-//# sourceMappingURL=chunk-J73GPE77.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZZ7HT5DAcjs = require('./chunk-ZZ7HT5DA.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 a="Toast",r=_chunkEJ5PAVELcjs.b.call(void 0, a),P= exports.a =({className:m,icon:n,description:l,showDismissButton:p,children:c,...T})=>_jsxruntime.jsxs.call(void 0, _radixui.Toast.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, r,m),...T,children:[n,_jsxruntime.jsx.call(void 0, _radixui.Toast.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, "div",{className:`${r}Description`,children:l})}),c,p?_jsxruntime.jsx.call(void 0, _radixui.Toast.Close,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkZZ7HT5DAcjs.a,{label:"Dismiss toast",inverted:!0,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}):null]});P.displayName=a;exports.a = P;
+//# sourceMappingURL=chunk-Z4SNFMTA.cjs.map

package/dist/{chunk-J73GPE77.cjs.map → chunk-Z4SNFMTA.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-J73GPE77.cjs","../src/components/Toast/Toast.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Toast","className","icon","description","showDismissButton","children","props","jsxs","ToastPrimitive","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,mCCElF,wEAKR,+CAc5B,IAZEA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQ,CAAC,CACpB,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAEIC,8BAAAA,cAACC,CAAe,IAAA,CAAf,CAAoB,SAAA,CAAWC,iCAAAA,CAAGX,CAAoBG,CAAS,CAAA,CAAI,GAAGK,CAAAA,CACpE,QAAA,CAAA,CAAAJ,CAAAA,CACDQ,6BAAAA,cAACF,CAAe,WAAA,CAAf,CAA2B,OAAA,CAAO,CAAA,CAAA,CACjC,QAAA,CAAAE,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-J73GPE77.cjs","sourcesContent":[null,"'use client';\n\nimport { Toast as ToastPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ToastProps } from './Toast.props';\nimport { cn } from '../../helpers/cn';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'Toast';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Toast = ({\n  className,\n  icon,\n  description,\n  showDismissButton,\n  children,\n  ...props\n}: ToastProps) => {\n  return (\n    <ToastPrimitive.Root className={cn(componentClassName, className)} {...props}>\n      {icon}\n      <ToastPrimitive.Description asChild>\n        <div className={`${componentClassName}Description`}>{description}</div>\n      </ToastPrimitive.Description>\n      {children}\n      {showDismissButton ? (\n        <ToastPrimitive.Close asChild>\n          <UnstyledIconButton label=\"Dismiss toast\" inverted>\n            <CloseMediumIcon />\n          </UnstyledIconButton>\n        </ToastPrimitive.Close>\n      ) : null}\n    </ToastPrimitive.Root>\n  );\n};\n\nToast.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-Z4SNFMTA.cjs","../src/components/Toast/Toast.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Toast","className","icon","description","showDismissButton","children","props","jsxs","ToastPrimitive","cn","jsx"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,mCCElF,wEAKR,+CAc5B,IAZEA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQ,CAAC,CACpB,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAEIC,8BAAAA,cAACC,CAAe,IAAA,CAAf,CAAoB,SAAA,CAAWC,iCAAAA,CAAGX,CAAoBG,CAAS,CAAA,CAAI,GAAGK,CAAAA,CACpE,QAAA,CAAA,CAAAJ,CAAAA,CACDQ,6BAAAA,cAACF,CAAe,WAAA,CAAf,CAA2B,OAAA,CAAO,CAAA,CAAA,CACjC,QAAA,CAAAE,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-Z4SNFMTA.cjs","sourcesContent":[null,"'use client';\n\nimport { Toast as ToastPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ToastProps } from './Toast.props';\nimport { cn } from '../../helpers/cn';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'Toast';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Toast = ({\n  className,\n  icon,\n  description,\n  showDismissButton,\n  children,\n  ...props\n}: ToastProps) => {\n  return (\n    <ToastPrimitive.Root className={cn(componentClassName, className)} {...props}>\n      {icon}\n      <ToastPrimitive.Description asChild>\n        <div className={`${componentClassName}Description`}>{description}</div>\n      </ToastPrimitive.Description>\n      {children}\n      {showDismissButton ? (\n        <ToastPrimitive.Close asChild>\n          <UnstyledIconButton label=\"Dismiss toast\" inverted>\n            <CloseMediumIcon />\n          </UnstyledIconButton>\n        </ToastPrimitive.Close>\n      ) : null}\n    </ToastPrimitive.Root>\n  );\n};\n\nToast.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-F5QAWBSC.cjs → chunk-ZPL4K2LC.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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkFD3XFXNLcjs = require('./chunk-FD3XFXNL.cjs');var _chunkLWBSGDV2cjs = require('./chunk-LWBSGDV2.cjs');var _chunkDEWIEERJcjs = require('./chunk-DEWIEERJ.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _reactdatepicker = require('react-datepicker'); var _reactdatepicker2 = _interopRequireDefault(_reactdatepicker);var _dom = require('@floating-ui/dom');var _radixui = require('radix-ui');var _react = require('react'); var d = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var O="DatePicker",a=_chunkEJ5PAVELcjs.b.call(void 0, O),te= exports.a =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}=_chunk3VJXZPWBcjs.a.call(void 0, R,_chunkRDNRX35Pcjs.a),[$,C]=d.useState(!1),[e,s]=d.useState("days"),{id:A,labelId:h,helperTextId:k,validationTextId:n}=_chunkVW6HV6Q7cjs.a.call(void 0, {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=_chunkDSW76HKTcjs.a.call(void 0, 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:_jsxruntime.jsx.call(void 0, _chunkLWBSGDV2cjs.a,{ref:E,className:"","data-calendar-state":$?"open":"closed"}),renderCustomHeader:t=>_jsxruntime.jsx.call(void 0, _chunkFD3XFXNLcjs.a,{...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:[_dom.offset.call(void 0, -6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:_radixui.Portal.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 _jsxruntime.jsx.call(void 0, _chunkDEWIEERJcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, a,T),...Y,children:_jsxruntime.jsx.call(void 0, _reactdatepicker2.default,{...X,selectsRange:!1,selectsMultiple:!1})})};te.displayName=O;exports.a = te;
-//# sourceMappingURL=chunk-F5QAWBSC.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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkQ3OXYL7Rcjs = require('./chunk-Q3OXYL7R.cjs');var _chunkLWBSGDV2cjs = require('./chunk-LWBSGDV2.cjs');var _chunkDEWIEERJcjs = require('./chunk-DEWIEERJ.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVW6HV6Q7cjs = require('./chunk-VW6HV6Q7.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _reactdatepicker = require('react-datepicker'); var _reactdatepicker2 = _interopRequireDefault(_reactdatepicker);var _dom = require('@floating-ui/dom');var _radixui = require('radix-ui');var _react = require('react'); var d = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var O="DatePicker",a=_chunkEJ5PAVELcjs.b.call(void 0, O),te= exports.a =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}=_chunk3VJXZPWBcjs.a.call(void 0, R,_chunkRDNRX35Pcjs.a),[$,C]=d.useState(!1),[e,s]=d.useState("days"),{id:A,labelId:h,helperTextId:k,validationTextId:n}=_chunkVW6HV6Q7cjs.a.call(void 0, {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=_chunkDSW76HKTcjs.a.call(void 0, 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:_jsxruntime.jsx.call(void 0, _chunkLWBSGDV2cjs.a,{ref:E,className:"","data-calendar-state":$?"open":"closed"}),renderCustomHeader:t=>_jsxruntime.jsx.call(void 0, _chunkQ3OXYL7Rcjs.a,{...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:[_dom.offset.call(void 0, -6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:_radixui.Portal.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 _jsxruntime.jsx.call(void 0, _chunkDEWIEERJcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, a,T),...Y,children:_jsxruntime.jsx.call(void 0, _reactdatepicker2.default,{...X,selectsRange:!1,selectsMultiple:!1})})};te.displayName=O;exports.a = te;
+//# sourceMappingURL=chunk-ZPL4K2LC.cjs.map

package/dist/{chunk-F5QAWBSC.cjs.map → chunk-ZPL4K2LC.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-F5QAWBSC.cjs","../src/components/DatePicker/DatePicker.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePicker","props","className","onChange","onCalendarOpen","onCalendarClose","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","ref","datePickerProps","extractProps","marginPropDefs","calendarOpen","setCalendarOpen","view","setView","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","prevView","nextView","handleChange","date","event","handleCalendarOpen","handleCalendarClose","customComponents","jsx","DatePickerTrigger","DatePickerHeader","ariaProps","classNameProps"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-F5QAWBSC.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport DatePickerPrimitive from 'react-datepicker';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { cn } from '../../helpers/cn';\nimport { offset } from '@floating-ui/dom';\nimport type { DatePickerProps, View } from './DatePicker.props';\nimport { DatePickerTrigger } from './DatePickerTrigger';\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Portal } from 'radix-ui';\nimport * as React from 'react';\n\nconst COMPONENT_NAME = 'DatePicker';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    className,\n    onChange,\n    onCalendarOpen,\n    onCalendarClose,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    ref,\n    ...datePickerProps\n  } = extractProps(props, marginPropDefs);\n  const [calendarOpen, setCalendarOpen] = React.useState(false);\n  const [view, setView] = React.useState<View>('days');\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'date-picker',\n  });\n\n  const showValidation = Boolean(!readOnly && !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  const ariaDescribedbyValue = mergeIds(\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const prevView: { [key in View]: View } = {\n    days: 'days',\n    months: 'days',\n    years: 'months',\n  };\n\n  const nextView: { [key in View]: View } = {\n    days: 'months',\n    months: 'years',\n    years: 'days',\n  };\n\n  const handleChange = (\n    date: Date | null,\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) => {\n    if (view !== 'days') {\n      setView(prevView[view]);\n    }\n    if (onChange !== undefined) {\n      onChange(date, event);\n    }\n  };\n\n  const handleCalendarOpen = () => {\n    setCalendarOpen(true);\n    if (onCalendarOpen) {\n      onCalendarOpen();\n    }\n  };\n\n  const handleCalendarClose = () => {\n    setCalendarOpen(false);\n    setView('days');\n    if (onCalendarClose) {\n      onCalendarClose();\n    }\n  };\n\n  const customComponents = {\n    customInput: (\n      <DatePickerTrigger\n        ref={ref}\n        className=\"\"\n        data-calendar-state={calendarOpen ? 'open' : 'closed'}\n      />\n    ),\n    renderCustomHeader: (props: ReactDatePickerCustomHeaderProps) => (\n      <DatePickerHeader\n        {...props}\n        view={view}\n        onClick={() => {\n          setView(nextView[view]);\n        }}\n      />\n    ),\n  };\n\n  const ariaProps = {\n    'aria-labelledby': labelId,\n    'aria-describedby': ariaDescribedbyValue,\n    'aria-invalid': validationStatus === 'invalid' ? true : undefined,\n    'aria-errormessage': validationStatus === 'invalid' ? validationTextId : undefined,\n  };\n\n  const classNameProps = {\n    calendarClassName: `${componentClassName}Calendar`,\n    dayClassName: () => `${componentClassName}Day`,\n    weekClassName: () => `${componentClassName}Week`,\n    monthClassName: () => `${componentClassName}Month`,\n    yearClassName: () => `${componentClassName}Year`,\n    popperClassName: () => `${componentClassName}Popper`,\n  };\n\n  const defaultProps = {\n    required,\n    disabled,\n    readOnly,\n    calendarStartDay: 1,\n    showIcon: false,\n    dateFormat: 'dd/MM/yyyy',\n    formatWeekDay: (day: Date) => day.toString().charAt(0),\n  };\n\n  const popperProps = {\n    showPopperArrow: false,\n    popperModifiers: [offset(-6)],\n    popperPlacement: 'bottom-start',\n    popperProps: { strategy: 'fixed' },\n    popperContainer: Portal.Root,\n  };\n\n  const eventHandlingProps = {\n    onChange: handleChange,\n    onCalendarClose: handleCalendarClose,\n    onCalendarOpen: handleCalendarOpen,\n  };\n\n  const stateProps = {\n    showMonthYearPicker: view === 'months',\n    showYearPicker: view === 'years',\n    shouldCloseOnSelect: view === 'days',\n    closeOnScroll: true,\n  };\n\n  const reactDatePickerProps = {\n    ...eventHandlingProps,\n    ...defaultProps,\n    ...ariaProps,\n    ...classNameProps,\n    ...popperProps,\n    ...stateProps,\n    ...customComponents,\n    ...datePickerProps,\n  };\n\n  return (\n    <FormField className={cn(componentClassName, className)} {...formFieldProps}>\n      <DatePickerPrimitive\n        {...reactDatePickerProps}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsRange={false}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsMultiple={false}\n      />\n    </FormField>\n  );\n};\n\nDatePicker.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZPL4K2LC.cjs","../src/components/DatePicker/DatePicker.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePicker","props","className","onChange","onCalendarOpen","onCalendarClose","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","ref","datePickerProps","extractProps","marginPropDefs","calendarOpen","setCalendarOpen","view","setView","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","prevView","nextView","handleChange","date","event","handleCalendarOpen","handleCalendarClose","customComponents","jsx","DatePickerTrigger","DatePickerHeader","ariaProps","classNameProps"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZPL4K2LC.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport DatePickerPrimitive from 'react-datepicker';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { cn } from '../../helpers/cn';\nimport { offset } from '@floating-ui/dom';\nimport type { DatePickerProps, View } from './DatePicker.props';\nimport { DatePickerTrigger } from './DatePickerTrigger';\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Portal } from 'radix-ui';\nimport * as React from 'react';\n\nconst COMPONENT_NAME = 'DatePicker';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    className,\n    onChange,\n    onCalendarOpen,\n    onCalendarClose,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    ref,\n    ...datePickerProps\n  } = extractProps(props, marginPropDefs);\n  const [calendarOpen, setCalendarOpen] = React.useState(false);\n  const [view, setView] = React.useState<View>('days');\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'date-picker',\n  });\n\n  const showValidation = Boolean(!readOnly && !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  const ariaDescribedbyValue = mergeIds(\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const prevView: { [key in View]: View } = {\n    days: 'days',\n    months: 'days',\n    years: 'months',\n  };\n\n  const nextView: { [key in View]: View } = {\n    days: 'months',\n    months: 'years',\n    years: 'days',\n  };\n\n  const handleChange = (\n    date: Date | null,\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) => {\n    if (view !== 'days') {\n      setView(prevView[view]);\n    }\n    if (onChange !== undefined) {\n      onChange(date, event);\n    }\n  };\n\n  const handleCalendarOpen = () => {\n    setCalendarOpen(true);\n    if (onCalendarOpen) {\n      onCalendarOpen();\n    }\n  };\n\n  const handleCalendarClose = () => {\n    setCalendarOpen(false);\n    setView('days');\n    if (onCalendarClose) {\n      onCalendarClose();\n    }\n  };\n\n  const customComponents = {\n    customInput: (\n      <DatePickerTrigger\n        ref={ref}\n        className=\"\"\n        data-calendar-state={calendarOpen ? 'open' : 'closed'}\n      />\n    ),\n    renderCustomHeader: (props: ReactDatePickerCustomHeaderProps) => (\n      <DatePickerHeader\n        {...props}\n        view={view}\n        onClick={() => {\n          setView(nextView[view]);\n        }}\n      />\n    ),\n  };\n\n  const ariaProps = {\n    'aria-labelledby': labelId,\n    'aria-describedby': ariaDescribedbyValue,\n    'aria-invalid': validationStatus === 'invalid' ? true : undefined,\n    'aria-errormessage': validationStatus === 'invalid' ? validationTextId : undefined,\n  };\n\n  const classNameProps = {\n    calendarClassName: `${componentClassName}Calendar`,\n    dayClassName: () => `${componentClassName}Day`,\n    weekClassName: () => `${componentClassName}Week`,\n    monthClassName: () => `${componentClassName}Month`,\n    yearClassName: () => `${componentClassName}Year`,\n    popperClassName: () => `${componentClassName}Popper`,\n  };\n\n  const defaultProps = {\n    required,\n    disabled,\n    readOnly,\n    calendarStartDay: 1,\n    showIcon: false,\n    dateFormat: 'dd/MM/yyyy',\n    formatWeekDay: (day: Date) => day.toString().charAt(0),\n  };\n\n  const popperProps = {\n    showPopperArrow: false,\n    popperModifiers: [offset(-6)],\n    popperPlacement: 'bottom-start',\n    popperProps: { strategy: 'fixed' },\n    popperContainer: Portal.Root,\n  };\n\n  const eventHandlingProps = {\n    onChange: handleChange,\n    onCalendarClose: handleCalendarClose,\n    onCalendarOpen: handleCalendarOpen,\n  };\n\n  const stateProps = {\n    showMonthYearPicker: view === 'months',\n    showYearPicker: view === 'years',\n    shouldCloseOnSelect: view === 'days',\n    closeOnScroll: true,\n  };\n\n  const reactDatePickerProps = {\n    ...eventHandlingProps,\n    ...defaultProps,\n    ...ariaProps,\n    ...classNameProps,\n    ...popperProps,\n    ...stateProps,\n    ...customComponents,\n    ...datePickerProps,\n  };\n\n  return (\n    <FormField className={cn(componentClassName, className)} {...formFieldProps}>\n      <DatePickerPrimitive\n        {...reactDatePickerProps}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsRange={false}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsMultiple={false}\n      />\n    </FormField>\n  );\n};\n\nDatePicker.displayName = COMPONENT_NAME;\n"]}