@utilitywarehouse/hearth-react 0.31.9 → 0.32.0

package/dist/chunk-VWIOJTIR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { gridPropDefs } from './Grid.props';\nimport type { GridProps } from './Grid.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 { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { gapPropDefs } from '../../props/gap.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { spacingPropDefs } from '../../props/spacing.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 { alignItemsPropDefs } from '../../props/align-items.props';\nimport { alignContentPropDefs } from '../../props/align-content.props';\nimport { justifyContentPropDefs } from '../../props/justify-content.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';\nimport { opacityPropDefs } from '../../props/opacity.props';\nimport { alignSelfPropDefs } from '../../props/align-self.props';\nimport { orderPropDefs } from '../../props/order.props';\n\nconst COMPONENT_NAME = 'Grid';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype GridElement = ComponentRef<'div'>;\n\n/**\n * Use Grid to build CSS grid-based layouts, with responsive `columns`,\n * `template*` and `auto*` props, or the `defaultResponsiveColumns` prop for\n * the recommended 4/8/12 column breakpoints. Any layout primitive (Box, Flex,\n * or another Grid) can be used as a grid item and supports the grid item props.\n * For primitive styling with no grid behaviour, use Box instead.\n * For page content with built-in max-width and centering, use Container instead.\n * For flexbox-based layouts, use Flex instead.\n *\n * @summary A CSS grid layout primitive for arranging children in rows and columns.\n */\nexport const Grid = forwardRef<GridElement, GridProps>((props, ref) => {\n  const {\n    className,\n    asChild,\n    defaultResponsiveColumns,\n    as: Tag = 'div',\n    children,\n    ...gridProps\n  } = extractProps(\n    props,\n    gridPropDefs,\n    alignContentPropDefs,\n    alignItemsPropDefs,\n    alignSelfPropDefs,\n    backgroundColorPropDefs,\n    borderColorPropDefs,\n    borderRadiusPropDefs,\n    borderStylePropDefs,\n    borderWidthPropDefs,\n    colorPropDefs,\n    flexItemPropDefs,\n    gapPropDefs,\n    gridItemPropDefs,\n    justifyContentPropDefs,\n    marginPropDefs,\n    opacityPropDefs,\n    orderPropDefs,\n    overflowPropDefs,\n    paddingPropDefs,\n    positionPropDefs,\n    sizePropDefs,\n    spacingPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    zIndexPropDefs\n  );\n\n  return (\n    <Slot.Root\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-responsive-columns={defaultResponsiveColumns ? '' : undefined}\n      data-testid={componentClassName}\n      {...gridProps}\n    >\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n});\n\nGrid.displayName = COMPONENT_NAME;\n"],"mappings":";;2lCAEA,OAAS,cAAAA,MAAkB,QAK3B,OAAS,QAAAC,MAAY,WAyFO,cAAAC,MAAA,oBA7D5B,IAAMC,EAAiB,OACjBC,EAAqBC,EAAiBF,CAAc,EAe7CG,EAAOC,EAAmC,CAACC,EAAOC,IAAQ,CACrE,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,yBAAAC,EACA,GAAIC,EAAM,MACV,SAAAC,EACA,GAAGC,CACL,EAAIC,EACFR,EACAS,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,EAEA,OACEvC,EAACwC,EAAK,KAAL,CACC,IAAKjC,EACL,UAAWkC,EAAGvC,EAAoBM,CAAS,EAC3C,0BAAyBE,EAA2B,GAAK,OACzD,cAAaR,EACZ,GAAGW,EAEH,SAAAJ,EAAUG,EAAWZ,EAACW,EAAA,CAAK,SAAAC,EAAS,EACvC,CAEJ,CAAC,EAEDR,EAAK,YAAcH","names":["forwardRef","Slot","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","Grid","forwardRef","props","ref","className","asChild","defaultResponsiveColumns","Tag","children","gridProps","extractProps","gridPropDefs","alignContentPropDefs","alignItemsPropDefs","alignSelfPropDefs","backgroundColorPropDefs","borderColorPropDefs","borderRadiusPropDefs","borderStylePropDefs","borderWidthPropDefs","colorPropDefs","flexItemPropDefs","gapPropDefs","gridItemPropDefs","justifyContentPropDefs","marginPropDefs","opacityPropDefs","orderPropDefs","overflowPropDefs","paddingPropDefs","positionPropDefs","sizePropDefs","spacingPropDefs","textAlignPropDefs","textTransformPropDefs","zIndexPropDefs","Slot","cn"]}

package/dist/chunk-VYI2K7YI.js

@@ -0,0 +1,4 @@
+"use client";
+
+var o=["none","inline-flex","flex"],r=["row","column","row-reverse","column-reverse"],p=["nowrap","wrap","wrap-reverse"],e={display:{className:"d",tokens:o,responsive:!0},direction:{className:"flex-d",tokens:r,responsive:!0},wrap:{className:"flex-w",tokens:p,responsive:!0}};export{e as a};
+//# sourceMappingURL=chunk-VYI2K7YI.js.map

package/dist/chunk-VYI2K7YI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Flex/Flex.props.ts"],"sourcesContent":["import { AlignContentProps } from '../../props/align-content.props';\nimport { AlignSelfProps } from '../../props/align-self.props';\nimport { AlignItemsProps } from '../../props/align-items.props';\nimport { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { JustifyContentProps } from '../../props/justify-content.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OpacityProps } from '../../props/opacity.props';\nimport { OrderProps } from '../../props/order.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nexport const flexPropDefs = {\n  /**\n   * Sets the CSS `display` property to a flex value. Can be set responsively.\n   */\n  display: { className: 'd', tokens: displayValues, responsive: true },\n  /**\n   * Sets the direction of the flex container's main axis. Can be set responsively.\n   *\n   * @default 'row'\n   */\n  direction: { className: 'flex-d', tokens: directionValues, responsive: true },\n  /**\n   * Sets whether flex items wrap onto multiple lines. Can be set responsively.\n   *\n   * @default 'nowrap'\n   */\n  wrap: { className: 'flex-w', tokens: wrapValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\nexport interface CommonFlexProps\n  extends\n    AlignContentProps,\n    AlignItemsProps,\n    AlignSelfProps,\n    BackgroundColorProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    BorderStyleProps,\n    BorderWidthProps,\n    ColorProps,\n    FlexItemProps,\n    GapProps,\n    GridItemProps,\n    JustifyContentProps,\n    MarginProps,\n    OpacityProps,\n    OrderProps,\n    OverflowProps,\n    PaddingProps,\n    Pick<SpacingProps, 'spacing'>,\n    PositionProps,\n    SizeProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps {\n  /**\n   * Merges the component's props onto its immediate child instead of\n   * rendering its own DOM element, so the child determines the rendered tag.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Sets the CSS `display` property to a flex value. Can be set responsively.\n   */\n  display?: Responsive<(typeof displayValues)[number]>;\n  /**\n   * Sets the direction of the flex container's main axis. Can be set responsively.\n   * @default row\n   */\n  direction?: Responsive<(typeof directionValues)[number]>;\n  /**\n   * Sets whether flex items wrap onto multiple lines. Can be set responsively.\n   * @default nowrap\n   */\n  wrap?: Responsive<(typeof wrapValues)[number]>;\n}\ntype FlexDivProps = {\n  /** Renders a `div` element. This is the default. */\n  as?: 'div';\n} & ComponentPropsWithRef<'div'>;\ntype FlexSpanProps = {\n  /** Renders a `span` element. */\n  as?: 'span';\n} & ComponentPropsWithRef<'span'>;\nexport type FlexProps = CommonFlexProps & (FlexDivProps | FlexSpanProps);\n"],"mappings":";;AA4BA,IAAMA,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAkB,CAAC,MAAO,SAAU,cAAe,gBAAgB,EACnEC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAEvCC,EAAe,CAI1B,QAAS,CAAE,UAAW,IAAK,OAAQH,EAAe,WAAY,EAAK,EAMnE,UAAW,CAAE,UAAW,SAAU,OAAQC,EAAiB,WAAY,EAAK,EAM5E,KAAM,CAAE,UAAW,SAAU,OAAQC,EAAY,WAAY,EAAK,CACpE","names":["displayValues","directionValues","wrapValues","flexPropDefs"]}

package/dist/chunk-VZM5CVIO.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as t}from"./chunk-32NO2DM3.js";import{a as o}from"./chunk-SF5LYSGD.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{forwardRef as P}from"react";import{jsx as e,jsxs as s}from"react/jsx-runtime";var l="ProgressBarCircular",r=a(l),d=P(({value:i,label:m,labelId:n,valueText:c,...p},g)=>s("div",{ref:g,className:r,...p,style:{"--h-value":`${i}`},children:[s("svg",{xmlns:"http://www.w3.org/2000/svg",role:"img","aria-hidden":"true",children:[e("circle",{className:`${r}Track`}),e("circle",{className:`${r}Indicator`})]}),s("div",{className:`${r}Content`,children:[e(t,{children:c}),e(o,{id:n,children:m})]})]}));d.displayName=l;export{d as a};
+//# sourceMappingURL=chunk-VZM5CVIO.js.map

package/dist/chunk-WAS47BSQ.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as c}from"./chunk-E3MNNBAK.js";import{a as p}from"./chunk-JEJLX5DM.js";import{a}from"./chunk-DAEIJDP7.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as e}from"./chunk-J3AJBV4B.js";import{b as s}from"./chunk-PDEVCIQ3.js";import{a as l}from"./chunk-KGSRRRQN.js";import{a as m}from"./chunk-VCC5YQTQ.js";import{forwardRef as h}from"react";import{jsx as B}from"react/jsx-runtime";var d="IconButton",f=s(d),z=h((o,u)=>{let{className:P,label:N,disabled:S,loading:t,children:n,asChild:r,...b}=i(o,c),C=l(o.size||"md",{md:"sm",sm:"xs"}),I=t?m({asChild:r,children:n},()=>B(a,{size:C,currentColor:!0})):n;return B(p,{ref:u,className:e(f,P),"aria-label":N,disabled:S||t,"data-testid":f,asChild:r,...b,children:I})});z.displayName=d;export{z as a};
+//# sourceMappingURL=chunk-WAS47BSQ.js.map

package/dist/chunk-WAS47BSQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { iconButtonPropDefs } from './IconButton.props';\nimport type { IconButtonProps } from './IconButton.props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use IconButton to trigger an action using a single icon, when space is\n * limited or an action needs to be shown quickly and visually. Since it has\n * no visible text, a `label` prop is required to provide an accessible name.\n *\n * @summary A button that triggers an action using a single icon, with no visible text.\n */\nexport const IconButton = forwardRef<ButtonBaseElement, IconButtonProps>((props, ref) => {\n  const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n    extractProps(props, iconButtonPropDefs);\n\n  const spinnerSize = getResponsiveTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n  const content = loading\n    ? getSubtree({ asChild, children }, () => (\n        <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n      ))\n    : children;\n\n  return (\n    <ButtonBase\n      ref={ref}\n      className={cn(componentClassName, className)}\n      aria-label={label}\n      disabled={disabled || loading}\n      data-testid={componentClassName}\n      asChild={asChild}\n      {...iconButtonProps}\n    >\n      {content}\n    </ButtonBase>\n  );\n});\n\nIconButton.displayName = COMPONENT_NAME;\n"],"mappings":";;2TAYA,OAAS,cAAAA,MAAkB,QAmBnB,cAAAC,MAAA,oBAjBR,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAS7CG,EAAaL,EAA+C,CAACM,EAAOC,IAAQ,CACvF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAgB,EACjFC,EAAaT,EAAOU,CAAkB,EAElCC,EAAcC,EAAyBZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFa,EAAUR,EACZS,EAAW,CAAE,QAAAP,EAAS,SAAAD,CAAS,EAAG,IAChCX,EAACoB,EAAA,CAAQ,KAAMJ,EAAqC,aAAY,GAAC,CAClE,EACDL,EAEJ,OACEX,EAACqB,EAAA,CACC,IAAKf,EACL,UAAWgB,EAAGpB,EAAoBK,CAAS,EAC3C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,cAAaR,EACb,QAASU,EACR,GAAGC,EAEH,SAAAK,EACH,CAEJ,CAAC,EAEDd,EAAW,YAAcH","names":["forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","ref","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveTranslation","content","getSubtree","Spinner","ButtonBase","cn"]}

package/dist/chunk-WFVKT4MG.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkYQOUIHWNcjs = require('./chunk-YQOUIHWN.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunk5XQBCR7Qcjs = require('./chunk-5XQBCR7Q.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var u="UnstyledIconButton",c=_chunk4Q432K4Wcjs.b.call(void 0, u),z= exports.a =_react.forwardRef.call(void 0, (o,y)=>{let{className:C,children:t,label:B,disabled:n,inverted:I,loading:e,onClick:P,asChild:r,...b}=_chunkZPJNQBTNcjs.a.call(void 0, o,_chunkYQOUIHWNcjs.a),S=_chunk5XQBCR7Qcjs.a.call(void 0, o.size||"md",{md:"sm",sm:"xs"}),N=r?_radixui.Slot.Root:"button";return _jsxruntime.jsx.call(void 0, N,{ref:y,className:_chunkONNSZMWFcjs.a.call(void 0, c,C),"aria-label":B,"aria-disabled":n||e,"data-inverted":I?"":void 0,onClick:n?void 0:P,"data-testid":c,...b,children:e?_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:r,children:t},()=>_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:S,currentColor:!0})):t})});z.displayName=u;exports.a = z;
+//# sourceMappingURL=chunk-WFVKT4MG.cjs.map

package/dist/chunk-WFVKT4MG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WFVKT4MG.cjs","../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","forwardRef","props","ref","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","jsx","cn","getSubtree","Spinner"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAmC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCA9P,mCASN,+CA+CP,IA3CRA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAqBC,+BAAAA,CAC/BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaX,CAAOY,mBAA0B,CAAA,CAE5CC,CAAAA,CAAcC,iCAAAA,CAAyBd,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACjFe,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACEC,6BAAAA,CAACF,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWiB,iCAAAA,CAAGtB,CAAoBM,CAAS,CAAA,CAC3C,YAAA,CAAYE,CAAAA,CACZ,eAAA,CAAeC,CAAAA,EAAYE,CAAAA,CAC3B,eAAA,CAAeD,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,OAAA,CAASD,CAAAA,CAAW,KAAA,CAAA,CAAYG,CAAAA,CAChC,aAAA,CAAaZ,CAAAA,CACZ,GAAGc,CAAAA,CAEH,QAAA,CAAAH,CAAAA,CACGY,iCAAAA,CAAa,OAAA,CAAAV,CAAAA,CAAS,QAAA,CAAAN,CAAS,CAAA,CAAG,CAAA,CAAA,EAChCc,6BAAAA,mBAACG,CAAA,CAAQ,IAAA,CAAMP,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDV,CAAAA,CACN,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WFVKT4MG.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype UnstyledIconButtonElement = ComponentRef<'button'>;\n\n/**\n * Use UnstyledIconButton for an icon-only button with no visual styling of\n * its own: a plain, unstyled base for building custom icon button variants.\n * For a fully-styled icon button, use IconButton instead. A `label` is\n * required, since the button contains only an icon with no visible text.\n *\n * @summary An unstyled, icon-only button base for building custom icon buttons.\n */\nexport const UnstyledIconButton = forwardRef<UnstyledIconButtonElement, UnstyledIconButtonProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      disabled,\n      inverted,\n      loading,\n      onClick,\n      asChild,\n      ...unstyledIconButtonProps\n    } = extractProps(props, unstyledIconButtonPropDefs);\n\n    const spinnerSize = getResponsiveTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n    const Component = asChild ? Slot.Root : 'button';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(componentClassName, className)}\n        aria-label={label}\n        aria-disabled={disabled || loading}\n        data-inverted={inverted ? '' : undefined}\n        onClick={disabled ? undefined : onClick}\n        data-testid={componentClassName}\n        {...unstyledIconButtonProps}\n      >\n        {loading\n          ? getSubtree({ asChild, children }, () => (\n              <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n            ))\n          : children}\n      </Component>\n    );\n  }\n);\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WJCO5MYG.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as h}from"./chunk-L7XVQXSE.js";import{a as N}from"./chunk-CANHKUAY.js";import{a as r}from"./chunk-TJHI42VN.js";import{a as v}from"./chunk-ZL7L2WXW.js";import{a as y}from"./chunk-UDOSOH3G.js";import{a}from"./chunk-MD3VAECH.js";import{a as S}from"./chunk-DAEIJDP7.js";import{a as P}from"./chunk-OPPG3NOC.js";import{a as I}from"./chunk-7X24J4CX.js";import{a as C}from"./chunk-KGEVWEVL.js";import{a as x}from"./chunk-J3AJBV4B.js";import{b as l}from"./chunk-PDEVCIQ3.js";import{Combobox as e}from"@base-ui/react/combobox";import{CloseSmallIcon as H,ExpandSmallIcon as _,SearchMediumIcon as J}from"@utilitywarehouse/hearth-react-icons";import{ScrollArea as n}from"radix-ui";import{jsx as o,jsxs as m}from"react/jsx-runtime";var T="Combobox",i=l(T);function K(s){let{className:g,children:p,triggerOnlyOnType:c,validationStatus:A,validationText:O,label:B,labelVariant:V,helperText:E,id:F,disabled:t,required:w,noOptionsFoundText:M,statusText:d,loading:R,hideLabel:L,placeholder:U,...$}=C(s,P),{id:u,labelId:k,helperTextId:q,validationTextId:z}=I({providedId:F,prefix:"combobox"}),f=!t,D={id:u,labelId:k,helperTextId:q,validationTextId:z,label:B,labelVariant:V,helperText:E,validationText:f?O:void 0,validationStatus:f?A:void 0,required:w,hideLabel:L},G=!!d||!!s.items||!!p;return o(y,{className:x(i,g),"data-disabled":t?"":void 0,"data-testid":i,...D,children:m(e.Root,{openOnInputClick:!c,...$,children:[o(e.Input,{render:m(v,{id:u,disabled:t,placeholder:U,children:[o(e.Trigger,{disabled:t,render:o(r,{placement:"prefix",asChild:!0,children:o(a,{type:"button",label:"Open popup",disabled:t,children:o(J,{})})})}),R?o(r,{placement:"suffix",children:o(S,{size:"xs",color:"primary"})}):null,o(e.Clear,{render:o(r,{placement:"suffix",asChild:!0,children:o(a,{type:"button",label:"Clear selection",disabled:t,children:o(H,{})})})}),c?null:o(e.Trigger,{disabled:t,render:o(r,{placement:"suffix",asChild:!0,children:o(a,{type:"button",label:"Open popup",disabled:t,children:o(_,{})})})})]})}),G?o(e.Portal,{children:o(e.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:m(e.Popup,{className:`${i}Popup`,children:[d?o(e.Status,{className:`${i}StatusText`,children:d}):null,s.items?o(h,{className:`${i}Empty`,children:M}):null,m(n.Root,{className:l("ScrollAreaRoot"),type:"auto",children:[o(n.Viewport,{className:l("ScrollAreaViewport"),children:o(e.List,{className:`${i}List`,children:p||(b=>o(N,{value:b,children:b},b))})}),o(n.Scrollbar,{className:l("ScrollAreaScrollbar"),orientation:"vertical",children:o(n.Thumb,{className:l("ScrollAreaThumb")})})]})]})})}):null]})})}K.displayName=T;export{K as a};
+//# sourceMappingURL=chunk-WJCO5MYG.js.map

package/dist/chunk-WJCO5MYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Combobox/Combobox.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 { useIds } from '../../hooks/use-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n  CloseSmallIcon,\n  ExpandSmallIcon,\n  SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use Combobox to let users type to filter results and select from a\n * predefined list of options. Pass options via the `items` prop to have them\n * rendered automatically, or render `ComboboxItem` children yourself for more\n * control. Set `triggerOnlyOnType` when the user must type before options are\n * surfaced (e.g. a postcode or address lookup); leave it unset when there is a\n * predefined list to choose from by clicking.\n *\n * @summary A text input that lets users filter and select from a list of options.\n */\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n  props: ComboboxProps<Value, Multiple>\n) {\n  const {\n    className,\n    children,\n    triggerOnlyOnType,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    required,\n    noOptionsFoundText,\n    statusText,\n    loading,\n    hideLabel,\n    placeholder,\n    ...comboboxProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'combobox',\n  });\n\n  const showValidation = !disabled;\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n    hideLabel,\n  };\n\n  const popupHasContent = Boolean(statusText) || Boolean(props.items) || Boolean(children);\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      data-testid={componentClassName}\n      {...formFieldProps}\n    >\n      <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n        <ComboboxPrimitive.Input\n          render={\n            <InputBase id={id} disabled={disabled} placeholder={placeholder}>\n              <ComboboxPrimitive.Trigger\n                disabled={disabled}\n                render={\n                  <InputSlot placement=\"prefix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                      <SearchMediumIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {loading ? (\n                <InputSlot placement=\"suffix\">\n                  <Spinner size=\"xs\" color=\"primary\" />\n                </InputSlot>\n              ) : null}\n              <ComboboxPrimitive.Clear\n                render={\n                  <InputSlot placement=\"suffix\" asChild>\n                    <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n                      <CloseSmallIcon />\n                    </UnstyledIconButton>\n                  </InputSlot>\n                }\n              />\n              {triggerOnlyOnType ? null : (\n                <ComboboxPrimitive.Trigger\n                  disabled={disabled}\n                  render={\n                    <InputSlot placement=\"suffix\" asChild>\n                      <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n                        <ExpandSmallIcon />\n                      </UnstyledIconButton>\n                    </InputSlot>\n                  }\n                />\n              )}\n            </InputBase>\n          }\n        />\n\n        {popupHasContent ? (\n          <ComboboxPrimitive.Portal>\n            <ComboboxPrimitive.Positioner\n              side=\"bottom\"\n              sideOffset={16}\n              align=\"start\"\n              alignOffset={-47}\n            >\n              <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n                {statusText ? (\n                  <ComboboxPrimitive.Status className={`${componentClassName}StatusText`}>\n                    {statusText}\n                  </ComboboxPrimitive.Status>\n                ) : null}\n                {props.items ? (\n                  <ComboboxEmpty className={`${componentClassName}Empty`}>\n                    {noOptionsFoundText}\n                  </ComboboxEmpty>\n                ) : null}\n                <ScrollAreaPrimitive.Root\n                  className={withGlobalPrefix('ScrollAreaRoot')}\n                  type=\"auto\"\n                >\n                  <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n                    <ComboboxPrimitive.List className={`${componentClassName}List`}>\n                      {children\n                        ? children\n                        : (item: string) => (\n                            <ComboboxItem key={item} value={item}>\n                              {item}\n                            </ComboboxItem>\n                          )}\n                    </ComboboxPrimitive.List>\n                  </ScrollAreaPrimitive.Viewport>\n                  <ScrollAreaPrimitive.Scrollbar\n                    className={withGlobalPrefix('ScrollAreaScrollbar')}\n                    orientation=\"vertical\"\n                  >\n                    <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n                  </ScrollAreaPrimitive.Scrollbar>\n                </ScrollAreaPrimitive.Root>\n              </ComboboxPrimitive.Popup>\n            </ComboboxPrimitive.Positioner>\n          </ComboboxPrimitive.Portal>\n        ) : null}\n      </ComboboxPrimitive.Root>\n    </FormField>\n  );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"],"mappings":"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","names":["ComboboxPrimitive","CloseSmallIcon","ExpandSmallIcon","SearchMediumIcon","ScrollAreaPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","loading","hideLabel","placeholder","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","popupHasContent","FormField","cn","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","Spinner","CloseSmallIcon","ExpandSmallIcon","ComboboxEmpty","ScrollAreaPrimitive","item","ComboboxItem"]}

package/dist/chunk-WMOTZLQC.cjs

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

package/dist/chunk-WMOTZLQC.cjs.map

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

package/dist/chunk-WNMUEIB4.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var o=["none","inline-grid","grid"],r=["1","2","3","4","5","6","7","8","9","10","11","12"],s=["row","column","dense","row-dense","column-dense"],e=["start","center","end","stretch"],t= exports.a ={display:{className:"d",tokens:o,responsive:!0},columns:{className:"columns",tokens:r,responsive:!0},template:{className:"grid-t",responsive:!0},templateColumns:{className:"grid-tc",responsive:!0},templateRows:{className:"grid-tr",responsive:!0},templateAreas:{className:"grid-ta",responsive:!0},autoFlow:{className:"grid-af",tokens:s,responsive:!0},autoColumns:{className:"grid-ac",responsive:!0},autoRows:{className:"grid-ar",responsive:!0},justifyItems:{className:"ji",tokens:e,responsive:!0}};exports.a = t;
+//# sourceMappingURL=chunk-WNMUEIB4.cjs.map

package/dist/chunk-WNMUEIB4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNMUEIB4.cjs","../src/components/Grid/Grid.props.ts"],"names":["displayValues","columnsValues","flowValues","justifyItemsValues","gridPropDefs"],"mappings":"AAAA,qFAAY;AACZ;AC2BA,IAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,aAAA,CAAe,MAAM,CAAA,CAC9CC,CAAAA,CAAgB,CAAC,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAC9EC,CAAAA,CAAa,CAAC,KAAA,CAAO,QAAA,CAAU,OAAA,CAAS,WAAA,CAAa,cAAc,CAAA,CACnEC,CAAAA,CAAqB,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,SAAS,CAAA,CAMlDC,CAAAA,aAAe,CAS1B,OAAA,CAAS,CAAE,SAAA,CAAW,GAAA,CAAK,MAAA,CAAQJ,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CAYnE,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQC,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CAKzE,QAAA,CAAU,CAAE,SAAA,CAAW,QAAA,CAAU,UAAA,CAAY,CAAA,CAAK,CAAA,CAKlD,eAAA,CAAiB,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAK1D,YAAA,CAAc,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKvD,aAAA,CAAe,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKxD,QAAA,CAAU,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQC,CAAAA,CAAY,UAAA,CAAY,CAAA,CAAK,CAAA,CAKvE,WAAA,CAAa,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKtD,QAAA,CAAU,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKnD,YAAA,CAAc,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQC,CAAAA,CAAoB,UAAA,CAAY,CAAA,CAAK,CAChF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNMUEIB4.cjs","sourcesContent":[null,"import { AlignContentProps } from '../../props/align-content.props';\nimport { AlignSelfProps } from '../../props/align-self.props';\nimport { ComponentPropsWithRef } from 'react';\nimport { AlignItemsProps } from '../../props/align-items.props';\nimport { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { JustifyContentProps } from '../../props/justify-content.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OpacityProps } from '../../props/opacity.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive, Union } from '../../types/responsive';\nimport { OrderProps } from '../../props/order.props';\n\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst justifyItemsValues = ['start', 'center', 'end', 'stretch'] as const;\n\n/**\n * Low-level prop definitions used by the Grid component to generate utility\n * class names and map props to CSS properties.\n */\nexport const gridPropDefs = {\n  /**\n   * Controls the CSS `display` property for the grid container.\n   *\n   * @example\n   * ```tsx\n   * <Grid display=\"grid\" />\n   * ```\n   */\n  display: { className: 'd', tokens: displayValues, responsive: true },\n\n  /**\n   * Shorthand for setting `grid-template-columns` using a 12-column system.\n   * Accepts a number as a string (`\"1\"`–`\"12\"`) or a custom template string.\n   *\n   * @example\n   * ```tsx\n   * <Grid columns=\"3\" />\n   * <Grid columns=\"1fr 2fr\" />\n   * ```\n   */\n  columns: { className: 'columns', tokens: columnsValues, responsive: true },\n\n  /**\n   * Shorthand for the full `grid-template` property.\n   */\n  template: { className: 'grid-t', responsive: true },\n\n  /**\n   * Maps to `grid-template-columns`.\n   */\n  templateColumns: { className: 'grid-tc', responsive: true },\n\n  /**\n   * Maps to `grid-template-rows`.\n   */\n  templateRows: { className: 'grid-tr', responsive: true },\n\n  /**\n   * Maps to `grid-template-areas`.\n   */\n  templateAreas: { className: 'grid-ta', responsive: true },\n\n  /**\n   * Maps to `grid-auto-flow`.\n   */\n  autoFlow: { className: 'grid-af', tokens: flowValues, responsive: true },\n\n  /**\n   * Maps to `grid-auto-columns`.\n   */\n  autoColumns: { className: 'grid-ac', responsive: true },\n\n  /**\n   * Maps to `grid-auto-rows`.\n   */\n  autoRows: { className: 'grid-ar', responsive: true },\n\n  /**\n   * Maps to `justify-items`.\n   */\n  justifyItems: { className: 'ji', tokens: justifyItemsValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  template: PropDef<string>;\n  templateAreas: PropDef<string>;\n  templateColumns: PropDef<string>;\n  templateRows: PropDef<string>;\n  autoFlow: PropDef<(typeof flowValues)[number]>;\n  autoColumns: PropDef<string>;\n  autoRows: PropDef<string>;\n  justifyItems: PropDef<(typeof justifyItemsValues)[number]>;\n};\n\n/**\n * Common props shared by all Grid variants. These props primarily control\n * layout, spacing, and positioning of the grid container and its items.\n */\nexport interface CommonGridProps\n  extends\n    AlignContentProps,\n    AlignItemsProps,\n    AlignSelfProps,\n    BackgroundColorProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    BorderStyleProps,\n    BorderWidthProps,\n    ColorProps,\n    FlexItemProps,\n    GapProps,\n    GridItemProps,\n    JustifyContentProps,\n    MarginProps,\n    OpacityProps,\n    OrderProps,\n    OverflowProps,\n    PaddingProps,\n    PositionProps,\n    SizeProps,\n    SpacingProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps {\n  /**\n   * When `true`, renders the Grid as a `Slot` so that its props are\n   * forwarded to the child element instead of rendering a DOM node.\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, applies a default responsive column configuration (typically\n   * a single column on small screens and multiple columns on larger screens).\n   */\n  defaultResponsiveColumns?: boolean;\n\n  /**\n   * Controls the `display` behavior of the grid container.\n   */\n  display?: Responsive<(typeof displayValues)[number]>;\n\n  /**\n   * Shorthand for configuring columns using the 12-column system or a custom\n   * `grid-template-columns` string. Supports responsive values.\n   */\n  columns?: Responsive<Union<string, (typeof columnsValues)[number]>>;\n\n  /**\n   * Shorthand for the full `grid-template` property. Supports responsive values.\n   */\n  template?: Responsive<string>;\n\n  /**\n   * Maps to `grid-template-columns`. Supports responsive values.\n   */\n  templateColumns?: Responsive<string>;\n\n  /**\n   * Maps to `grid-template-rows`. Supports responsive values.\n   */\n  templateRows?: Responsive<string>;\n\n  /**\n   * Maps to `grid-template-areas`. Supports responsive values.\n   */\n  templateAreas?: Responsive<string>;\n\n  /**\n   * Maps to `grid-auto-flow`. Supports responsive values.\n   */\n  autoFlow?: Responsive<(typeof flowValues)[number]>;\n\n  /**\n   * Maps to `grid-auto-rows`. Supports responsive values.\n   */\n  autoRows?: Responsive<string>;\n\n  /**\n   * Maps to `grid-auto-columns`. Supports responsive values.\n   */\n  autoColumns?: Responsive<string>;\n\n  /**\n   * Maps to `justify-items`. Supports responsive values.\n   */\n  justifyItems?: Responsive<(typeof justifyItemsValues)[number]>;\n}\n\ntype GridDivProps = {\n  /** Renders a `div` element. This is the default. */\n  as?: 'div';\n} & ComponentPropsWithRef<'div'>;\ntype GridSpanProps = {\n  /** Renders a `span` element. */\n  as: 'span';\n} & ComponentPropsWithRef<'span'>;\nexport type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);\n"]}

package/dist/chunk-WOGOKEML.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
+
+var _chunkEHKTA7G5cjs = require('./chunk-EHKTA7G5.cjs');var _chunk65IYJWBWcjs = require('./chunk-65IYJWBW.cjs');var _chunkZ6OA4XPPcjs = require('./chunk-Z6OA4XPP.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.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 _jsxruntime = require('react/jsx-runtime');var T="DatePicker",e=_chunk4Q432K4Wcjs.b.call(void 0, T),re= exports.a =_react.forwardRef.call(void 0, (E,I)=>{let{className:O,onChange:d,onCalendarOpen:l,onCalendarClose:p,validationStatus:r,validationText:c,label:H,labelVariant:R,helperText:m,id:S,disabled:f,readOnly:y,required:P,disableTodayIndicator:F,...$}=_chunkZPJNQBTNcjs.a.call(void 0, E,_chunkOB7O3UFLcjs.a),[A,u]=_react.useState.call(void 0, !1),[a,s]=_react.useState.call(void 0, "days"),{id:Y,labelId:C,helperTextId:h,validationTextId:n}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:S,prefix:"date-picker"}),i=!y&&!f,K={id:Y,labelId:C,helperTextId:h,validationTextId:n,label:H,labelVariant:R,helperText:m,validationText:i?c:void 0,validationStatus:i?r:void 0,required:P},L=_chunkHIF6HKZ3cjs.a.call(void 0, m?h:void 0,i&&c!==void 0?n:void 0),W={days:"days",months:"days",years:"months"},q={days:"months",months:"years",years:"days"},B=(t,j)=>{a!=="days"&&s(W[a]),d!==void 0&&d(t,j)},G=()=>{u(!0),l&&l()},_=()=>{u(!1),s("days"),p&&p()},z={customInput:_jsxruntime.jsx.call(void 0, _chunkEHKTA7G5cjs.a,{ref:I,className:"","data-calendar-state":A?"open":"closed"}),renderCustomHeader:t=>_jsxruntime.jsx.call(void 0, _chunk65IYJWBWcjs.a,{...t,view:a,onClick:()=>{s(q[a])},disableTodayIndicator:F})},J={"aria-labelledby":C,"aria-describedby":L,"aria-invalid":r==="invalid"?!0:void 0,"aria-errormessage":r==="invalid"?n:void 0},Q={calendarClassName:`${e}Calendar`,dayClassName:()=>`${e}Day`,weekClassName:()=>`${e}Week`,monthClassName:()=>`${e}Month`,yearClassName:()=>`${e}Year`,popperClassName:`${e}Popper`},U={required:P,disabled:f,readOnly:y,calendarStartDay:1,showIcon:!1,dateFormat:"dd/MM/yyyy",formatWeekDay:t=>t.toString().charAt(0)},X={showPopperArrow:!1,popperModifiers:[_dom.offset.call(void 0, -6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:_radixui.Portal.Root},Z={...{onChange:B,onCalendarClose:_,onCalendarOpen:G},...U,...J,...X,...Q,...{showMonthYearPicker:a==="months",showYearPicker:a==="years",shouldCloseOnSelect:a==="days",closeOnScroll:!0},...z,...$};return _jsxruntime.jsx.call(void 0, _chunkZ6OA4XPPcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, e,O),"data-testid":e,...K,children:_jsxruntime.jsx.call(void 0, _reactdatepicker2.default,{...Z,selectsRange:!1,selectsMultiple:!1})})});re.displayName=T;exports.a = re;
+//# sourceMappingURL=chunk-WOGOKEML.cjs.map

package/dist/chunk-WOGOKEML.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WOGOKEML.cjs","../src/components/DatePicker/DatePicker.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePicker","forwardRef","props","ref","className","onChange","onCalendarOpen","onCalendarClose","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","disableTodayIndicator","datePickerProps","extractProps","marginPropDefs","calendarOpen","setCalendarOpen","useState","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":"AAAA,qLAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,qHCC3U,uCAKT,mCAOA,8BACc,+CA0G/B,IAvGAA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,EAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,qBAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAajB,CAAOkB,mBAAc,CAAA,CAEhC,CAACC,CAAAA,CAAcC,CAAe,CAAA,CAAIC,6BAAAA,CAAS,CAAK,CAAA,CAChD,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAIF,6BAAAA,MAAqB,CAAA,CAEvC,CAAE,EAAA,CAAAG,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAjB,CAAAA,CACA,MAAA,CAAQ,aACV,CAAC,CAAA,CAEKkB,CAAAA,CAAyB,CAAChB,CAAAA,EAAY,CAACD,CAAAA,CAEvCkB,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAnB,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBmB,CAAAA,CAAiBtB,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBsB,CAAAA,CAAiBvB,CAAAA,CAAmB,KAAA,CAAA,CACtD,QAAA,CAAAQ,CACF,CAAA,CAEMiB,CAAAA,CAAuBC,iCAAAA,CACzBtB,CAAagB,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBtB,CAAAA,GAAmB,KAAA,CAAA,CAAYoB,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAEMM,CAAAA,CAAoC,CACxC,IAAA,CAAM,MAAA,CACN,MAAA,CAAQ,MAAA,CACR,KAAA,CAAO,QACT,CAAA,CAEMC,CAAAA,CAAoC,CACxC,IAAA,CAAM,QAAA,CACN,MAAA,CAAQ,OAAA,CACR,KAAA,CAAO,MACT,CAAA,CAEMC,CAAAA,CAAe,CACnBC,CAAAA,CACAC,CAAAA,CAAAA,EACG,CACCf,CAAAA,GAAS,MAAA,EACXC,CAAAA,CAAQU,CAAAA,CAASX,CAAI,CAAC,CAAA,CAEpBnB,CAAAA,GAAa,KAAA,CAAA,EACfA,CAAAA,CAASiC,CAAAA,CAAMC,CAAK,CAExB,CAAA,CAEMC,CAAAA,CAAqB,CAAA,CAAA,EAAM,CAC/BlB,CAAAA,CAAgB,CAAA,CAAI,CAAA,CAChBhB,CAAAA,EACFA,CAAAA,CAAe,CAEnB,CAAA,CAEMmC,CAAAA,CAAsB,CAAA,CAAA,EAAM,CAChCnB,CAAAA,CAAgB,CAAA,CAAK,CAAA,CACrBG,CAAAA,CAAQ,MAAM,CAAA,CACVlB,CAAAA,EACFA,CAAAA,CAAgB,CAEpB,CAAA,CAEMmC,CAAAA,CAAmB,CACvB,WAAA,CACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKzC,CAAAA,CACL,SAAA,CAAU,EAAA,CACV,qBAAA,CAAqBkB,CAAAA,CAAe,MAAA,CAAS,QAAA,CAC/C,CAAA,CAEF,kBAAA,CAAqBnB,CAAAA,EACnByC,6BAAAA,mBAACE,CAAA,CACE,GAAG3C,CAAAA,CACJ,IAAA,CAAMsB,CAAAA,CACN,OAAA,CAAS,CAAA,CAAA,EAAM,CACbC,CAAAA,CAAQW,CAAAA,CAASZ,CAAI,CAAC,CACxB,CAAA,CACA,qBAAA,CAAuBP,CAAAA,CACzB,CAEJ,CAAA,CAEM6B,CAAAA,CAAY,CAChB,iBAAA,CAAmBnB,CAAAA,CACnB,kBAAA,CAAoBM,CAAAA,CACpB,cAAA,CAAgBzB,CAAAA,GAAqB,SAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACxD,mBAAA,CAAqBA,CAAAA,GAAqB,SAAA,CAAYqB,CAAAA,CAAmB,KAAA,CAC3E,CAAA,CAEMkB,CAAAA,CAAiB,CACrB,iBAAA,CAAmB,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WOGOKEML.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 { forwardRef, useState } from 'react';\nimport type { ComponentRef, MouseEvent, KeyboardEvent } from 'react';\n\nconst COMPONENT_NAME = 'DatePicker';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DatePickerElement = ComponentRef<'button'>;\n\n/**\n * Use DatePicker when a user needs to specify a single date via an\n * expandable calendar. It is built on the React Datepicker library and only\n * supports single-date selection — range and multi-date selection are not\n * supported.\n *\n * For faster, manual date entry without a calendar, use DateInput instead.\n *\n * @summary A field for selecting a single date from an expandable calendar.\n */\nexport const DatePicker = forwardRef<DatePickerElement, DatePickerProps>((props, ref) => {\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    disableTodayIndicator,\n    ...datePickerProps\n  } = extractProps(props, marginPropDefs);\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n  const [view, setView] = 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?: MouseEvent<HTMLElement> | 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        disableTodayIndicator={disableTodayIndicator}\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    ...popperProps,\n    ...classNameProps,\n    ...stateProps,\n    ...customComponents,\n    ...datePickerProps,\n  };\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      {...formFieldProps}\n    >\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"]}

package/dist/chunk-WRXKZ2A4.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkEU7QBTGKcjs = require('./chunk-EU7QBTGK.cjs');var _chunkPWY25JDNcjs = require('./chunk-PWY25JDN.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkDLU27EEOcjs = require('./chunk-DLU27EEO.cjs');var _chunkWFVKT4MGcjs = require('./chunk-WFVKT4MG.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var D="Modal",i=_chunk4Q432K4Wcjs.b.call(void 0, D),A= exports.a =_react.forwardRef.call(void 0, ({className:M,image:v,forceMount:x,container:h,heading:B,description:t,hideCloseButton:f,fullScreen:I,loading:l,loadingText:r,loadingHeading:n,loadingDescription:s,children:$,...b},O)=>{let T={forceMount:x,container:h},u=!!v,w=!!(l?(r||n)&&s:t);return _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal,{...T,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay,{className:_chunk4Q432K4Wcjs.b.call(void 0, "Overlay"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}Scroll`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}ScrollPadding`,children:_jsxruntime.jsxs.call(void 0, _radixui.Dialog.Content,{ref:O,className:_chunkONNSZMWFcjs.a.call(void 0, i,M),"data-contains-image":u?"":void 0,"data-hide-close-button":f?"":void 0,"data-full-screen":I?"":void 0,"data-testid":i,...w?{}:{"aria-describedby":void 0},...b,children:[_jsxruntime.jsx.call(void 0, _chunkEU7QBTGKcjs.a,{children:_jsxruntime.jsx.call(void 0, _chunkWFVKT4MGcjs.a,{type:"button",label:"Close","data-visually-hidden":f?"":void 0,className:`${i}CloseIconButton`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${i}OuterContainer`,children:[l?null:_jsxruntime.jsxs.call(void 0, "div",{className:`${i}InnerContainer`,children:[u?_jsxruntime.jsx.call(void 0, "div",{className:`${i}Image`,children:v}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${i}Header`,children:[_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{size:"lg",textWrap:"wrap",children:B})})}),t?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{size:"md",as:"span",children:t})}):null]})]}),l?_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",gap:"300",alignItems:"center",paddingY:"200",width:"100%",children:[_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:"lg"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${i}LoadingHeader`,children:[_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{size:"lg",textAlign:"center",textWrap:"wrap",children:n||r||"Loading"})})}),(r||n)&&s?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{size:"md",as:"span",textAlign:"center",children:s})}):null]})]}):$]})]})})})})})});A.displayName=D;exports.a = A;
+//# sourceMappingURL=chunk-WRXKZ2A4.cjs.map

package/dist/chunk-WRXKZ2A4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WRXKZ2A4.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","forwardRef","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","loadingHeading","loadingDescription","children","props","ref","portalProps","containsImage","hasDescription","jsx","DialogPrimitive"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCAtU,wEAMV,8BAML,+CAkEP,IA/DdA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,CAAAA,aAAQC,+BAAAA,CAEjB,CACE,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAb,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCa,CAAAA,CAAgB,CAAA,CAAQf,CAAAA,CACxBgB,CAAAA,CAAiB,CAAA,CAAA,CACrBT,CAAAA,CAAAA,CAAWC,CAAAA,EAAeC,CAAAA,CAAAA,EAAmBC,CAAAA,CAAqBN,CAAAA,CAAAA,CAGpE,OACEa,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGJ,CAAAA,CAC1B,QAAA,CAAAG,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWtB,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAqB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WRXKZ2A4.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\nimport { Spinner } from '../Spinner/Spinner';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ComponentRef<'div'>;\n\n/**\n * Use Modal to overlay content that requests a decision from the user or\n * informs them of important information, without navigating to a new page.\n * Modal must be wrapped in a ModalRoot, and is typically composed with\n * ModalTrigger, ModalContent, ModalFooter, and ModalClose. Pass `heading` and\n * `description` for standard content, or custom children alongside\n * ModalFooter for more control over layout.\n *\n * @summary An overlay that requests a decision or displays important information.\n */\nexport const Modal = forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      loading,\n      loadingText,\n      loadingHeading,\n      loadingDescription,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n    const hasDescription = Boolean(\n      loading ? (loadingText || loadingHeading) && loadingDescription : description\n    );\n\n    return (\n      <DialogPrimitive.Portal {...portalProps}>\n        <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n          <div className={`${componentClassName}Scroll`}>\n            <div className={`${componentClassName}ScrollPadding`}>\n              <DialogPrimitive.Content\n                ref={ref}\n                className={cn(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-hide-close-button={hideCloseButton ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                data-testid={componentClassName}\n                {...(hasDescription ? {} : { 'aria-describedby': undefined })}\n                {...props}\n              >\n                <ModalClose>\n                  <UnstyledIconButton\n                    type=\"button\"\n                    label=\"Close\"\n                    data-visually-hidden={hideCloseButton ? '' : undefined}\n                    className={`${componentClassName}CloseIconButton`}\n                  >\n                    <CloseMediumIcon />\n                  </UnstyledIconButton>\n                </ModalClose>\n                <div className={`${componentClassName}OuterContainer`}>\n                  {!loading ? (\n                    <div className={`${componentClassName}InnerContainer`}>\n                      {containsImage ? (\n                        <div className={`${componentClassName}Image`}>{image}</div>\n                      ) : null}\n                      <div className={`${componentClassName}Header`}>\n                        <Box asChild>\n                          <DialogPrimitive.Title asChild>\n                            <Heading size=\"lg\" textWrap=\"wrap\">\n                              {heading}\n                            </Heading>\n                          </DialogPrimitive.Title>\n                        </Box>\n                        {description ? (\n                          <DialogPrimitive.Description asChild>\n                            <BodyText size=\"md\" as=\"span\">\n                              {description}\n                            </BodyText>\n                          </DialogPrimitive.Description>\n                        ) : null}\n                      </div>\n                    </div>\n                  ) : null}\n\n                  {loading ? (\n                    <Flex\n                      direction=\"column\"\n                      gap=\"300\"\n                      alignItems=\"center\"\n                      paddingY=\"200\"\n                      width=\"100%\"\n                    >\n                      <Spinner size=\"lg\" />\n                      <div className={`${componentClassName}LoadingHeader`}>\n                        <Box asChild>\n                          <DialogPrimitive.Title asChild>\n                            <Heading size=\"lg\" textAlign=\"center\" textWrap=\"wrap\">\n                              {loadingHeading || loadingText || 'Loading'}\n                            </Heading>\n                          </DialogPrimitive.Title>\n                        </Box>\n                        {(loadingText || loadingHeading) && loadingDescription ? (\n                          <DialogPrimitive.Description asChild>\n                            <BodyText size=\"md\" as=\"span\" textAlign=\"center\">\n                              {loadingDescription}\n                            </BodyText>\n                          </DialogPrimitive.Description>\n                        ) : null}\n                      </div>\n                    </Flex>\n                  ) : (\n                    children\n                  )}\n                </div>\n              </DialogPrimitive.Content>\n            </div>\n          </div>\n        </DialogPrimitive.Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WZGLSRE2.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as n}from"./chunk-HT2SSVNF.js";import{a as r}from"./chunk-UMCDT4ZD.js";import{a as t}from"./chunk-J3AJBV4B.js";import{b as i}from"./chunk-PDEVCIQ3.js";import{forwardRef as l}from"react";import{Toast as T}from"radix-ui";import{jsx as e}from"react/jsx-runtime";var s="ToastActionLink",A=i(s),k=l(({className:a,altText:o,asChild:m,children:p,...c},f)=>(r(!o,"ToastActionLink: `altText` is required."),e(T.Action,{className:t(A,a),asChild:!0,altText:o,children:e(n,{ref:f,...c,color:"inverted",asChild:m,children:p})})));k.displayName=s;export{k as a};
+//# sourceMappingURL=chunk-WZGLSRE2.js.map

package/dist/chunk-WZGWQ7SF.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as m}from"./chunk-XVM5ECBR.js";import{a as t}from"./chunk-OPPG3NOC.js";import{a}from"./chunk-7X24J4CX.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as p}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as C}from"react";import{jsx as y,jsxs as G}from"react/jsx-runtime";var s="ChipGroup",l=e(s),b=C((n,d)=>{let{className:f,children:c,label:o,"aria-labelledby":u,...h}=i(n,t),{labelId:r}=a({prefix:"chip-group"});return G("div",{ref:d,className:p(l,f),role:"group","aria-labelledby":u??(o?r:void 0),"data-testid":l,...h,children:[o?y(m,{as:"span",weight:"semibold",id:r,children:o}):null,c]})});b.displayName=s;export{b as a};
+//# sourceMappingURL=chunk-WZGWQ7SF.js.map

package/dist/chunk-X2QPGOUI.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkL7I7AUWHcjs = require('./chunk-L7I7AUWH.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var s="Accordion",p=_chunk4Q432K4Wcjs.b.call(void 0, s),u= exports.a =_react.forwardRef.call(void 0, (a,d)=>{let{className:l,type:o="multiple",heading:t,headingElement:f="h2",helperText:P,trailingContent:A,validationText:h,validationStatus:v,collapsible:C,...N}=_chunkZPJNQBTNcjs.a.call(void 0, a,_chunkOB7O3UFLcjs.a),R={heading:t,headingElement:f,helperText:P,trailingContent:A,validationText:h,validationStatus:v},y={type:o,...N,...o==="single"?{collapsible:C}:{}};return _jsxruntime.jsxs.call(void 0, "div",{ref:d,className:_chunkONNSZMWFcjs.a.call(void 0, p,l),"data-testid":p,children:[t?_jsxruntime.jsx.call(void 0, _chunkL7I7AUWHcjs.a,{...R}):null,_jsxruntime.jsx.call(void 0, _radixui.Accordion.Root,{...y})]})});u.displayName=s;exports.a = u;
+//# sourceMappingURL=chunk-X2QPGOUI.cjs.map

package/dist/chunk-X2QPGOUI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X2QPGOUI.cjs","../src/components/Accordion/Accordion.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Accordion","forwardRef","props","ref","className","type","heading","headingElement","helperText","trailingContent","validationText","validationStatus","collapsible","restProps","extractProps","marginPropDefs","sectionHeaderProps","accordionProps","jsxs","cn","jsx","SectionHeader","AccordionPrimitive"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAjL,mCAKqB,+CAoD5C,IA/CEA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,CAAAA,aAAYC,+BAAAA,CAA8CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACpF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CAAO,UAAA,CACP,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CAAiB,IAAA,CACjB,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaZ,CAAOa,mBAAc,CAAA,CAEhCC,CAAAA,CAAqB,CACzB,OAAA,CAAAV,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEMM,CAAAA,CAAiB,CACrB,IAAA,CAAAZ,CAAAA,CACA,GAAGQ,CAAAA,CAGH,GAAIR,CAAAA,GAAS,QAAA,CAAW,CAAE,WAAA,CAAAO,CAAY,CAAA,CAAI,CAAC,CAC7C,CAAA,CAEA,OACEM,8BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKf,CAAAA,CAAK,SAAA,CAAWgB,iCAAAA,CAAGrB,CAAoBM,CAAS,CAAA,CAAG,aAAA,CAAaN,CAAAA,CACvE,QAAA,CAAA,CAAAQ,CAAAA,CAAUc,6BAAAA,mBAACC,CAAA,CAAe,GAAGL,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACvDI,6BAAAA,kBAACE,CAAmB,IAAA,CAAnB,CAAyB,GAAGL,CAAAA,CAAgB,CAAA,CAAA,CAC/C,CAEJ,CAAC,CAAA,CAEDjB,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X2QPGOUI.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ComponentPropsWithRef, ComponentRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AccordionProps } from './Accordion.props';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Accordion';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AccordionElement = ComponentRef<'div'>;\n\n/**\n * Use Accordion to let users expand or collapse individual content sections,\n * presenting a large amount of information in a compact, organised interface.\n * Compose it with `AccordionItem`, `AccordionHeader`, `AccordionTrigger`, and\n * `AccordionContent` for each disclosure item. The `type` prop is required and\n * determines whether one (`single`) or multiple (`multiple`) items can be\n * expanded at once.\n *\n * @summary A vertically stacked set of expandable and collapsible content sections.\n */\nexport const Accordion = forwardRef<AccordionElement, AccordionProps>((props, ref) => {\n  const {\n    className,\n    type = 'multiple',\n    heading,\n    headingElement = 'h2',\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n    collapsible,\n    ...restProps\n  } = extractProps(props, marginPropDefs);\n\n  const sectionHeaderProps = {\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n  };\n\n  const accordionProps = {\n    type,\n    ...restProps,\n    // `collapsible` is only valid for `type=\"single\"` — Radix doesn't strip it for\n    // `type=\"multiple\"`, so passing it regardless would leak onto the DOM node.\n    ...(type === 'single' ? { collapsible } : {}),\n  } as ComponentPropsWithRef<typeof AccordionPrimitive.Root>;\n\n  return (\n    <div ref={ref} className={cn(componentClassName, className)} data-testid={componentClassName}>\n      {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n      <AccordionPrimitive.Root {...accordionProps} />\n    </div>\n  );\n});\n\nAccordion.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-X2RF6SG2.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkDLU27EEOcjs = require('./chunk-DLU27EEO.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _jsxruntime = require('react/jsx-runtime');var r="ProgressBarLabel",a=_chunk4Q432K4Wcjs.b.call(void 0, r),t= exports.a =e=>_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{as:"span",weight:"semibold",className:a,...e});t.displayName=r;exports.a = t;
+//# sourceMappingURL=chunk-X2RF6SG2.cjs.map

package/dist/chunk-X2RF6SG2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X2RF6SG2.cjs","../src/components/ProgressBar/ProgressBarLabel.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarLabel","props","jsx","BodyText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,+CCM/E,IAJIA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoBC,CAAAA,EAC/BC,6BAAAA,mBAACC,CAAA,CAAS,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,SAAA,CAAWL,CAAAA,CAAqB,GAAGG,CAAAA,CAAO,CAAA,CAGlFD,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X2RF6SG2.cjs","sourcesContent":[null,"import { BodyText } from '../BodyText/BodyText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\n\nconst COMPONENT_NAME = 'ProgressBarLabel';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressBarLabel = (props: Pick<BodyTextProps, 'children' | 'id'>) => (\n  <BodyText as=\"span\" weight=\"semibold\" className={componentClassName} {...props} />\n);\n\nProgressBarLabel.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-X3TP4UVI.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkNSX4PLAFcjs = require('./chunk-NSX4PLAF.cjs');var _chunkDLU27EEOcjs = require('./chunk-DLU27EEO.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkAV7XJ4BLcjs = require('./chunk-AV7XJ4BL.cjs');var _chunk5XQBCR7Qcjs = require('./chunk-5XQBCR7Q.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var x="Avatar",r=_chunk4Q432K4Wcjs.b.call(void 0, x),k= exports.a =_react.forwardRef.call(void 0, (a,P)=>{let{className:B,src:i,name:s,delayMs:A=0,...T}=_chunkZPJNQBTNcjs.a.call(void 0, a,_chunkNSX4PLAFcjs.a,_chunkOB7O3UFLcjs.a),N=_chunkAV7XJ4BLcjs.a.call(void 0, s),b=_chunk5XQBCR7Qcjs.a.call(void 0, a.size||"md",{sm:"md",md:"lg"}),g=_chunk5XQBCR7Qcjs.a.call(void 0, a.size||"md",{sm:"none",md:"block"}),I=_chunk5XQBCR7Qcjs.a.call(void 0, a.size||"md",{sm:"block",md:"none"});return _jsxruntime.jsxs.call(void 0, _radixui.Avatar.Root,{className:_chunkONNSZMWFcjs.a.call(void 0, r,B),"data-testid":r,ref:P,children:[i?_jsxruntime.jsx.call(void 0, _radixui.Avatar.Image,{className:`${r}Image`,src:i,alt:s,...T}):null,_jsxruntime.jsx.call(void 0, _radixui.Avatar.Fallback,{className:`${r}Fallback`,delayMs:A,children:s?_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{as:"span",weight:"semibold",size:b,textTransform:"uppercase",children:N}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,display:I,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.UserSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,display:g,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.UserMediumIcon,{})})]})})]})});k.displayName=x;exports.a = k;
+//# sourceMappingURL=chunk-X3TP4UVI.cjs.map

package/dist/chunk-X3TP4UVI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X3TP4UVI.cjs","../src/components/Avatar/Avatar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","forwardRef","props","ref","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveTranslation","mediumIconDisplay","smallIconDisplay","jsxs","AvatarPrimitive","cn","jsx"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCArV,mCAOe,wEACI,+CAmDtC,IAxCFA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAW7CC,CAAAA,aAASC,+BAAAA,CAAwCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC3E,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,CAAaP,CAAOQ,mBAAAA,CAAgBC,mBAAc,CAAA,CAEhDC,CAAAA,CAAWC,iCAAAA,CAAgB,CAAA,CAE3BC,CAAAA,CAAeC,iCAAAA,CAAyBb,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CAClFc,CAAAA,CAAoBD,iCAAAA,CAAyBb,CAAM,IAAA,EAAQ,IAAA,CAAM,CACrE,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,OACN,CAAC,CAAA,CACKe,CAAAA,CAAmBF,iCAAAA,CAAyBb,CAAM,IAAA,EAAQ,IAAA,CAAM,CACpE,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,MACN,CAAC,CAAA,CAED,OACEgB,8BAAAA,eAACC,CAAgB,IAAA,CAAhB,CACC,SAAA,CAAWC,iCAAAA,CAAGtB,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACb,GAAA,CAAKK,CAAAA,CAEJ,QAAA,CAAA,CAAAE,CAAAA,CACCgB,6BAAAA,eAACF,CAAgB,KAAA,CAAhB,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X3TP4UVI.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\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';\nimport type { ComponentRef } from 'react';\n\ntype AvatarElement = ComponentRef<'div'>;\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use Avatar to help humanise the product experience by connecting users with\n * the product and with each other. Pass a `name` to display initials, or a\n * valid `src` to display an image. When using `src`, always also pass `name`\n * so it can be used as the image's accessible description. With neither prop,\n * a generic user icon is shown.\n *\n * @summary A visual representation of a user, shown as an image, initials, or a fallback icon.\n */\nexport const Avatar = forwardRef<AvatarElement, AvatarProps>((props, ref) => {\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\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      ref={ref}\n    >\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-X5WNCZ67.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var e=["wrap","nowrap","balance","pretty"],r= exports.a ={wrap:{className:"tw",tokens:e,responsive:!0},textWrap:{className:"tw",tokens:e,responsive:!0}};exports.a = r;
+//# sourceMappingURL=chunk-X5WNCZ67.cjs.map

package/dist/chunk-X5WNCZ67.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X5WNCZ67.cjs","../src/props/text-wrap.props.ts"],"names":["values","textWrapPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEA,IAAMA,CAAAA,CAAS,CAAC,MAAA,CAAQ,QAAA,CAAU,SAAA,CAAW,QAAQ,CAAA,CAExCC,CAAAA,aAAmB,CAC9B,IAAA,CAAM,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CAC1D,QAAA,CAAU,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAChE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X5WNCZ67.cjs","sourcesContent":[null,"import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['wrap', 'nowrap', 'balance', 'pretty'] as const;\n\nexport const textWrapPropDefs = {\n  wrap: { className: 'tw', tokens: values, responsive: true },\n  textWrap: { className: 'tw', tokens: values, responsive: true },\n} satisfies {\n  wrap: PropDef<(typeof values)[number]>;\n  textWrap: PropDef<(typeof values)[number]>;\n};\n\nexport interface TextWrapProps {\n  /**\n   * DEPRECATED: use `textWrap` instead of `wrap`\n   * @deprecated Use `textWrap` instead of `wrap`\n   */\n  wrap?: Responsive<(typeof values)[number]>;\n  /**\n   * Sets the CSS `text-wrap` property, controlling how text wraps within its container.\n   * Can be set responsively.\n   */\n  textWrap?: Responsive<(typeof values)[number]>;\n}\n"]}

package/dist/chunk-X7NVBOHZ.cjs

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

package/dist/chunk-X7NVBOHZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X7NVBOHZ.cjs","../src/components/Box/Box.props.ts"],"names":["displayValues","boxPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACsBA,IAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,QAAA,CAAU,cAAA,CAAgB,OAAO,CAAA,CAEnDC,CAAAA,aAAc,CAIzB,OAAA,CAAS,CAAE,SAAA,CAAW,GAAA,CAAK,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CACrE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X7NVBOHZ.cjs","sourcesContent":[null,"import { ComponentPropsWithRef } from 'react';\nimport { AlignSelfProps } from '../../props/align-self.props';\nimport { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OpacityProps } from '../../props/opacity.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { OrderProps } from '../../props/order.props';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  /**\n   * Sets the CSS `display` property. Can be set responsively.\n   */\n  display: { className: 'd', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\nexport interface CommonBoxProps\n  extends\n    AlignSelfProps,\n    BackgroundColorProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    BorderStyleProps,\n    BorderWidthProps,\n    ColorProps,\n    FlexItemProps,\n    GridItemProps,\n    MarginProps,\n    OpacityProps,\n    OrderProps,\n    OverflowProps,\n    PaddingProps,\n    PositionProps,\n    SizeProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps {\n  /**\n   * Merges the component's props onto its immediate child instead of\n   * rendering its own DOM element, so the child determines the rendered tag.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Sets the CSS `display` property. Can be set responsively.\n   */\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = {\n  /** Renders a `div` element. This is the default. */\n  as?: 'div';\n} & ComponentPropsWithRef<'div'>;\ntype BoxSpanProps = {\n  /** Renders a `span` element. */\n  as: 'span';\n} & ComponentPropsWithRef<'span'>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"]}

package/dist/chunk-XAJGQUSC.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as c}from"./chunk-N2PQS6HG.js";import{a as n}from"./chunk-OPPG3NOC.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as g}from"react";import{Accordion as E}from"radix-ui";import{jsx as m,jsxs as x}from"react/jsx-runtime";var s="Accordion",p=e(s),u=g((a,d)=>{let{className:l,type:o="multiple",heading:t,headingElement:f="h2",helperText:P,trailingContent:A,validationText:h,validationStatus:v,collapsible:C,...N}=i(a,n),R={heading:t,headingElement:f,helperText:P,trailingContent:A,validationText:h,validationStatus:v},y={type:o,...N,...o==="single"?{collapsible:C}:{}};return x("div",{ref:d,className:r(p,l),"data-testid":p,children:[t?m(c,{...R}):null,m(E.Root,{...y})]})});u.displayName=s;export{u as a};
+//# sourceMappingURL=chunk-XAJGQUSC.js.map

package/dist/chunk-XAJGQUSC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ComponentPropsWithRef, ComponentRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AccordionProps } from './Accordion.props';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Accordion';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AccordionElement = ComponentRef<'div'>;\n\n/**\n * Use Accordion to let users expand or collapse individual content sections,\n * presenting a large amount of information in a compact, organised interface.\n * Compose it with `AccordionItem`, `AccordionHeader`, `AccordionTrigger`, and\n * `AccordionContent` for each disclosure item. The `type` prop is required and\n * determines whether one (`single`) or multiple (`multiple`) items can be\n * expanded at once.\n *\n * @summary A vertically stacked set of expandable and collapsible content sections.\n */\nexport const Accordion = forwardRef<AccordionElement, AccordionProps>((props, ref) => {\n  const {\n    className,\n    type = 'multiple',\n    heading,\n    headingElement = 'h2',\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n    collapsible,\n    ...restProps\n  } = extractProps(props, marginPropDefs);\n\n  const sectionHeaderProps = {\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n  };\n\n  const accordionProps = {\n    type,\n    ...restProps,\n    // `collapsible` is only valid for `type=\"single\"` — Radix doesn't strip it for\n    // `type=\"multiple\"`, so passing it regardless would leak onto the DOM node.\n    ...(type === 'single' ? { collapsible } : {}),\n  } as ComponentPropsWithRef<typeof AccordionPrimitive.Root>;\n\n  return (\n    <div ref={ref} className={cn(componentClassName, className)} data-testid={componentClassName}>\n      {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n      <AccordionPrimitive.Root {...accordionProps} />\n    </div>\n  );\n});\n\nAccordion.displayName = COMPONENT_NAME;\n"],"mappings":";;wMAEA,OAAS,cAAAA,MAAkB,QAK3B,OAAS,aAAaC,MAA0B,WAoD5C,OACa,OAAAC,EADb,QAAAC,MAAA,oBA/CJ,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAc7CG,EAAYC,EAA6C,CAACC,EAAOC,IAAQ,CACpF,GAAM,CACJ,UAAAC,EACA,KAAAC,EAAO,WACP,QAAAC,EACA,eAAAC,EAAiB,KACjB,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAAIC,EAAaZ,EAAOa,CAAc,EAEhCC,EAAqB,CACzB,QAAAV,EACA,eAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EAEMM,EAAiB,CACrB,KAAAZ,EACA,GAAGQ,EAGH,GAAIR,IAAS,SAAW,CAAE,YAAAO,CAAY,EAAI,CAAC,CAC7C,EAEA,OACEhB,EAAC,OAAI,IAAKO,EAAK,UAAWe,EAAGpB,EAAoBM,CAAS,EAAG,cAAaN,EACvE,UAAAQ,EAAUX,EAACwB,EAAA,CAAe,GAAGH,EAAoB,EAAK,KACvDrB,EAACyB,EAAmB,KAAnB,CAAyB,GAAGH,EAAgB,GAC/C,CAEJ,CAAC,EAEDjB,EAAU,YAAcH","names":["forwardRef","AccordionPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Accordion","forwardRef","props","ref","className","type","heading","headingElement","helperText","trailingContent","validationText","validationStatus","collapsible","restProps","extractProps","marginPropDefs","sectionHeaderProps","accordionProps","cn","SectionHeader","AccordionPrimitive"]}

package/dist/chunk-XBACICLS.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as e}from"./chunk-XVM5ECBR.js";import{a as l}from"./chunk-J3AJBV4B.js";import{b as s}from"./chunk-PDEVCIQ3.js";import{forwardRef as w}from"react";import{Tooltip as o}from"radix-ui";import{jsx as t,jsxs as r}from"react/jsx-runtime";var p="Tooltip",i=s(p),b=w(({children:a,heading:n,description:m,open:d,defaultOpen:g,onOpenChange:T,className:f,align:C="topCenter",...c},h)=>{let v={open:d,defaultOpen:g,onOpenChange:T},P={rightCenter:{side:"right",align:"center"},leftCenter:{side:"left",align:"center"},topLeft:{side:"top",align:"end"},topCenter:{side:"top",align:"center"},topRight:{side:"top",align:"start"},bottomLeft:{side:"bottom",align:"end"},bottomCenter:{side:"bottom",align:"center"},bottomRight:{side:"bottom",align:"start"}};return r(o.Root,{...v,children:[t(o.Trigger,{asChild:!0,children:a}),t(o.Portal,{children:r(o.Content,{ref:h,className:l(i,f),avoidCollisions:!0,sticky:"partial",...P[C],sideOffset:4,arrowPadding:32,"data-testid":i,...c,children:[r("div",{className:`${i}Content`,children:[n?t(e,{size:"md",weight:"semibold",children:n}):null,t(e,{size:"md",as:"div",children:m})]}),t(o.Arrow,{className:`${i}Arrow`,width:21,height:11,asChild:!0,children:t("svg",{width:"21",height:"11",viewBox:"0 0 21 11",children:t("path",{d:"M11.9545 10.0458C11.1538 11.0474 9.63077 11.0474 8.83011 10.0458L1.1365e-06 -1L20.7846 -1L11.9545 10.0458Z"})})})]})})]})});b.displayName=p;export{b as a};
+//# sourceMappingURL=chunk-XBACICLS.js.map

package/dist/chunk-XBACICLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TooltipProps } from './Tooltip.props';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'Tooltip';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TooltipContentElement = ComponentRef<'div'>;\n\n/**\n * Use Tooltip to temporarily display short, non-critical contextual text\n * related to an element when it receives keyboard focus or is hovered. It\n * requires a single child element as its trigger, and must be used within a\n * TooltipProvider (or the global HearthProvider).\n *\n * @summary A contextual popup that displays short text on hover or focus.\n */\nexport const Tooltip = forwardRef<TooltipContentElement, TooltipProps>(\n  (\n    {\n      children,\n      heading,\n      description,\n      open,\n      defaultOpen,\n      onOpenChange,\n      className,\n      align = 'topCenter',\n      ...props\n    },\n    ref\n  ) => {\n    const rootProps = { open, defaultOpen, onOpenChange };\n\n    const alignmentTranslation: {\n      [key: string]: {\n        side: 'bottom' | 'top' | 'right' | 'left';\n        align: 'start' | 'end' | 'center';\n      };\n    } = {\n      rightCenter: { side: 'right', align: 'center' },\n      leftCenter: { side: 'left', align: 'center' },\n      topLeft: { side: 'top', align: 'end' },\n      topCenter: { side: 'top', align: 'center' },\n      topRight: { side: 'top', align: 'start' },\n      bottomLeft: { side: 'bottom', align: 'end' },\n      bottomCenter: { side: 'bottom', align: 'center' },\n      bottomRight: { side: 'bottom', align: 'start' },\n    };\n\n    return (\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            ref={ref}\n            className={cn(componentClassName, className)}\n            avoidCollisions={true}\n            sticky=\"partial\"\n            {...alignmentTranslation[align]}\n            sideOffset={4}\n            arrowPadding={32}\n            data-testid={componentClassName}\n            {...props}\n          >\n            <div className={`${componentClassName}Content`}>\n              {heading ? (\n                <BodyText size=\"md\" weight=\"semibold\">\n                  {heading}\n                </BodyText>\n              ) : null}\n              <BodyText size=\"md\" as=\"div\">\n                {description}\n              </BodyText>\n            </div>\n            <TooltipPrimitive.Arrow\n              className={`${componentClassName}Arrow`}\n              width={21}\n              height={11}\n              asChild\n            >\n              <svg width=\"21\" height=\"11\" viewBox=\"0 0 21 11\">\n                <path d=\"M11.9545 10.0458C11.1538 11.0474 9.63077 11.0474 8.83011 10.0458L1.1365e-06 -1L20.7846 -1L11.9545 10.0458Z\" />\n              </svg>\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nTooltip.displayName = COMPONENT_NAME;\n"],"mappings":";;wHAEA,OAAS,cAAAA,MAAkB,QAE3B,OAAS,WAAWC,MAAwB,WAsDpC,cAAAC,EAaI,QAAAC,MAbJ,oBAhDR,IAAMC,EAAiB,UACjBC,EAAqBC,EAAiBF,CAAc,EAY7CG,EAAUC,EACrB,CACE,CACE,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,YACR,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAY,CAAE,KAAAP,EAAM,YAAAC,EAAa,aAAAC,CAAa,EAE9CM,EAKF,CACF,YAAa,CAAE,KAAM,QAAS,MAAO,QAAS,EAC9C,WAAY,CAAE,KAAM,OAAQ,MAAO,QAAS,EAC5C,QAAS,CAAE,KAAM,MAAO,MAAO,KAAM,EACrC,UAAW,CAAE,KAAM,MAAO,MAAO,QAAS,EAC1C,SAAU,CAAE,KAAM,MAAO,MAAO,OAAQ,EACxC,WAAY,CAAE,KAAM,SAAU,MAAO,KAAM,EAC3C,aAAc,CAAE,KAAM,SAAU,MAAO,QAAS,EAChD,YAAa,CAAE,KAAM,SAAU,MAAO,OAAQ,CAChD,EAEA,OACEjB,EAACkB,EAAiB,KAAjB,CAAuB,GAAGF,EACzB,UAAAjB,EAACmB,EAAiB,QAAjB,CAAyB,QAAO,GAAE,SAAAZ,EAAS,EAC5CP,EAACmB,EAAiB,OAAjB,CACC,SAAAlB,EAACkB,EAAiB,QAAjB,CACC,IAAKH,EACL,UAAWI,EAAGjB,EAAoBU,CAAS,EAC3C,gBAAiB,GACjB,OAAO,UACN,GAAGK,EAAqBJ,CAAK,EAC9B,WAAY,EACZ,aAAc,GACd,cAAaX,EACZ,GAAGY,EAEJ,UAAAd,EAAC,OAAI,UAAW,GAAGE,CAAkB,UAClC,UAAAK,EACCR,EAACqB,EAAA,CAAS,KAAK,KAAK,OAAO,WACxB,SAAAb,EACH,EACE,KACJR,EAACqB,EAAA,CAAS,KAAK,KAAK,GAAG,MACpB,SAAAZ,EACH,GACF,EACAT,EAACmB,EAAiB,MAAjB,CACC,UAAW,GAAGhB,CAAkB,QAChC,MAAO,GACP,OAAQ,GACR,QAAO,GAEP,SAAAH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAClC,SAAAA,EAAC,QAAK,EAAE,6GAA6G,EACvH,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEAK,EAAQ,YAAcH","names":["forwardRef","TooltipPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Tooltip","forwardRef","children","heading","description","open","defaultOpen","onOpenChange","className","align","props","ref","rootProps","alignmentTranslation","TooltipPrimitive","cn","BodyText"]}

package/dist/chunk-XCT44JDG.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as h}from"./chunk-V6QXHP4D.js";import{a as N}from"./chunk-N2PQS6HG.js";import{a as L}from"./chunk-RXW6PYP7.js";import{a as u}from"./chunk-OPPG3NOC.js";import{a as C}from"./chunk-7X24J4CX.js";import{a as g}from"./chunk-KGEVWEVL.js";import{a as c}from"./chunk-J3AJBV4B.js";import{b}from"./chunk-PDEVCIQ3.js";import{forwardRef as M}from"react";import{jsx as e,jsxs as V}from"react/jsx-runtime";var y="List",a=b(y),O=M((P,o)=>{let{id:v,as:t="ul",className:x,colorScheme:r=void 0,variant:n,heading:i,headingElement:T,helperText:E,trailingContent:H,validationText:S,validationStatus:B,children:l,paddingNone:I,"aria-label":d,"aria-labelledby":R,...s}=g(P,u),w={heading:i,headingElement:T,helperText:E,trailingContent:H,validationText:S,validationStatus:B},{id:m,labelId:p}=C({providedId:v,prefix:"list"}),f={"aria-label":d,"aria-labelledby":R??(!!i&&!d?p:void 0),"data-padding-none":I?"":void 0};return V("div",{className:c(a,x),"data-testid":a,children:[i?e(N,{id:p,...w}):null,n===void 0||r===void 0?e(L,{asChild:!0,id:m,className:`${a}Container`,role:"list",...f,children:e(t,{ref:o,...s,children:l})}):e(h,{className:`${a}Container`,paddingNone:!0,variant:n,colorScheme:r,children:e(t,{ref:o,role:"list",id:m,...s,...f,children:l})})]})});O.displayName=y;export{O as a};
+//# sourceMappingURL=chunk-XCT44JDG.js.map

package/dist/chunk-XCT44JDG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport { useIds } from '../../hooks/use-ids';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'List';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListElement = ComponentRef<'ol'>;\n\n/**\n * Use List to display a list of items, with support for visual variants,\n * colour schemes, a heading, and helper text. Use ListItem for simple text\n * content, or as a container for more complex or interactive content such as\n * ListItemContent, ListItemButton, or ListItemLink. `variant` and\n * `colorScheme` must be used together — if either is left `undefined`, the\n * list falls back to its default appearance.\n *\n * @summary A list of items with an optional heading, helper text, and style variants.\n */\nexport const List = forwardRef<ListElement, ListProps>((props, ref) => {\n  const {\n    id: providedId,\n    as: Tag = 'ul',\n    className,\n    colorScheme = undefined,\n    variant,\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n    children,\n    paddingNone,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...listProps\n  } = extractProps(props, marginPropDefs);\n\n  const sectionHeaderProps = {\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n  };\n\n  const { id, labelId } = useIds({ providedId, prefix: 'list' });\n\n  const hasHeading = Boolean(heading);\n  const ariaLabelledbyValue = ariaLabelledby ?? (hasHeading && !ariaLabel ? labelId : undefined);\n\n  const attributeProps = {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledbyValue,\n    'data-padding-none': paddingNone ? '' : undefined,\n  };\n\n  return (\n    <div className={cn(componentClassName, className)} data-testid={componentClassName}>\n      {heading ? <SectionHeader id={labelId} {...sectionHeaderProps} /> : null}\n      {variant === undefined || colorScheme === undefined ? (\n        <Box\n          asChild\n          id={id}\n          className={`${componentClassName}Container`}\n          role=\"list\"\n          {...attributeProps}\n        >\n          <Tag ref={ref} {...listProps}>\n            {children}\n          </Tag>\n        </Box>\n      ) : (\n        <Card\n          className={`${componentClassName}Container`}\n          paddingNone\n          variant={variant}\n          colorScheme={colorScheme}\n        >\n          <Tag ref={ref} role=\"list\" id={id} {...listProps} {...attributeProps}>\n            {children}\n          </Tag>\n        </Card>\n      )}\n    </div>\n  );\n});\n\nList.displayName = COMPONENT_NAME;\n"],"mappings":";;2TAAA,OAAS,cAAAA,MAAkB,QAoEvB,OACa,OAAAC,EADb,QAAAC,MAAA,oBAxDJ,IAAMC,EAAiB,OACjBC,EAAqBC,EAAiBF,CAAc,EAc7CG,EAAOC,EAAmC,CAACC,EAAOC,IAAQ,CACrE,GAAM,CACJ,GAAIC,EACJ,GAAIC,EAAM,KACV,UAAAC,EACA,YAAAC,EAAc,OACd,QAAAC,EACA,QAAAC,EACA,eAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,GAAGC,CACL,EAAIC,EAAalB,EAAOmB,CAAc,EAEhCC,EAAqB,CACzB,QAAAb,EACA,eAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EAEM,CAAE,GAAAS,EAAI,QAAAC,CAAQ,EAAIC,EAAO,CAAE,WAAArB,EAAY,OAAQ,MAAO,CAAC,EAKvDsB,EAAiB,CACrB,aAAcT,EACd,kBAJ0BC,IADT,EAAQT,GACkC,CAACQ,EAAYO,EAAU,QAKlF,oBAAqBR,EAAc,GAAK,MAC1C,EAEA,OACEpB,EAAC,OAAI,UAAW+B,EAAG7B,EAAoBQ,CAAS,EAAG,cAAaR,EAC7D,UAAAW,EAAUd,EAACiC,EAAA,CAAc,GAAIJ,EAAU,GAAGF,EAAoB,EAAK,KACnEd,IAAY,QAAaD,IAAgB,OACxCZ,EAACkC,EAAA,CACC,QAAO,GACP,GAAIN,EACJ,UAAW,GAAGzB,CAAkB,YAChC,KAAK,OACJ,GAAG4B,EAEJ,SAAA/B,EAACU,EAAA,CAAI,IAAKF,EAAM,GAAGgB,EAChB,SAAAJ,EACH,EACF,EAEApB,EAACmC,EAAA,CACC,UAAW,GAAGhC,CAAkB,YAChC,YAAW,GACX,QAASU,EACT,YAAaD,EAEb,SAAAZ,EAACU,EAAA,CAAI,IAAKF,EAAK,KAAK,OAAO,GAAIoB,EAAK,GAAGJ,EAAY,GAAGO,EACnD,SAAAX,EACH,EACF,GAEJ,CAEJ,CAAC,EAEDf,EAAK,YAAcH","names":["forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","List","forwardRef","props","ref","providedId","Tag","className","colorScheme","variant","heading","headingElement","helperText","trailingContent","validationText","validationStatus","children","paddingNone","ariaLabel","ariaLabelledby","listProps","extractProps","marginPropDefs","sectionHeaderProps","id","labelId","useIds","attributeProps","cn","SectionHeader","Box","Card"]}

package/dist/chunk-XIAQD5M3.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as r}from"./chunk-HT2SSVNF.js";import{a as e}from"./chunk-UMCDT4ZD.js";import{a as n}from"./chunk-J3AJBV4B.js";import{b as i}from"./chunk-PDEVCIQ3.js";import{forwardRef as f}from"react";import{Toast as l}from"radix-ui";import{jsx as t}from"react/jsx-runtime";var s="ToastActionButton",u=i(s),T=f(({className:m,altText:o,children:a,...p},c)=>(e(!o,"ToastActionButton: `altText` is required."),t(l.Action,{className:n(u,m),asChild:!0,altText:o,children:t(r,{color:"inverted",asChild:!0,children:t("button",{ref:c,type:"button",...p,children:a})})})));T.displayName=s;export{T as a};
+//# sourceMappingURL=chunk-XIAQD5M3.js.map

package/dist/chunk-XIAROH27.js

@@ -0,0 +1,4 @@
+"use client";
+
+var e=["left","center","right"],t={textAlign:{className:"ta",tokens:e,responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-XIAROH27.js.map

package/dist/chunk-XIAROH27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-align.props.ts"],"sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['left', 'center', 'right'] as const;\n\nexport const textAlignPropDefs = {\n  textAlign: { className: 'ta', tokens: values, responsive: true },\n} satisfies {\n  textAlign: PropDef<(typeof values)[number]>;\n};\n\nexport interface TextAlignProps {\n  /**\n   * Set the horizontal alignment of text within the component.\n   */\n  textAlign?: Responsive<(typeof values)[number]>;\n}\n"],"mappings":";;AAGA,IAAMA,EAAS,CAAC,OAAQ,SAAU,OAAO,EAE5BC,EAAoB,CAC/B,UAAW,CAAE,UAAW,KAAM,OAAQD,EAAQ,WAAY,EAAK,CACjE","names":["values","textAlignPropDefs"]}

package/dist/chunk-XKQB4J3B.js

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

package/dist/chunk-XKQB4J3B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\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';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Pagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PaginationElement = ComponentRef<'div'>;\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\n/**\n * Use Pagination to let users navigate through multiple pages of content, such\n * as search results or a paginated table. It automatically condenses to a\n * maximum of 7 visible page numbers (using ellipses) for large page counts.\n * Render `as=\"nav\"` when it acts as a standalone navigation landmark — in that\n * case also provide an `id` for accessibility. Use the `condensed` prop for\n * compact spaces where only a page count needs to be shown.\n *\n * @summary A control for navigating between pages of paginated content.\n */\nexport const Pagination = forwardRef<PaginationElement, PaginationProps>((props, ref) => {\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      ref={ref}\n      aria-label=\"pagination\"\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\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"],"mappings":"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","names":["forwardRef","ChevronLeftSmallIcon","ChevronRightSmallIcon","SkipFirstSmallIcon","SkipLastSmallIcon","Slot","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","ELLIPSIS","MAX_VISIBLE_ITEMS","generatePageNumbers","currentPage","totalPages","_","i","pages","isNearStart","isNearEnd","Pagination","forwardRef","props","ref","className","onPageChange","condensed","hideSkipButtons","Tag","paginationProps","extractProps","marginPropDefs","handlePrevious","handleNext","handleFirst","handleLast","cn","UnstyledIconButton","SkipFirstSmallIcon","ChevronLeftSmallIcon","BodyText","page","index","isActive","Button","ChevronRightSmallIcon","SkipLastSmallIcon"]}

package/dist/chunk-XKQXZ5KB.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as i}from"./chunk-YPRLFBZC.js";import{a as p}from"./chunk-4MNQRAHO.js";import{a as e}from"./chunk-OIKAXYKL.js";import{a as m}from"./chunk-OPPG3NOC.js";import{a as n}from"./chunk-4NKDPRXJ.js";import{a}from"./chunk-YOMRPYSK.js";import{a as t}from"./chunk-KGEVWEVL.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as o}from"./chunk-PDEVCIQ3.js";import{forwardRef as I}from"react";import{jsx as D}from"react/jsx-runtime";var f="CardInteraction",N=o(f),y=I((s,c)=>{let{className:d,secondary:P,...C}=t(s,i,m,e,a,n),l={"data-secondary":P?"":void 0};return D(p,{ref:c,className:r(N,d),...C,...l})});y.displayName=f;export{y as a};
+//# sourceMappingURL=chunk-XKQXZ5KB.js.map

package/dist/chunk-XMFWH5SU.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as e}from"./chunk-XVM5ECBR.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as n}from"./chunk-PDEVCIQ3.js";import{forwardRef as l}from"react";import{ChevronRightSmallIcon as a}from"@utilitywarehouse/hearth-react-icons";import{jsx as i,jsxs as C}from"react/jsx-runtime";var m="ListActionButton",d=n(m),u=l(({className:r,children:p,disabled:t,onClick:s,...f},c)=>i(e,{ref:c,size:"md",weight:"semibold",asChild:!0,children:C("button",{className:o(d,r),...f,"aria-disabled":t||void 0,onClick:t?void 0:s,children:[p,i(a,{})]})}));u.displayName=m;export{u as a};
+//# sourceMappingURL=chunk-XMFWH5SU.js.map

package/dist/chunk-XOA3OKHX.cjs

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

package/dist/chunk-XOA3OKHX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-XOA3OKHX.cjs","../src/components/Heading/Heading.props.ts"],"names":["sizes","headingPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACMA,IAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,KAAK,CAAA,CAE/BC,CAAAA,aAAkB,CAC7B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAO,OAAA,CAAS,IAAK,CAC7E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XOA3OKHX.cjs","sourcesContent":[null,"import type { ComponentPropsWithRef } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\n\nconst sizes = ['sm', 'md', 'lg', 'xl', '2xl'] as const;\n\nexport const headingPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: false, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface HeadingProps\n  extends\n    ComponentPropsWithRef<'h2'>,\n    TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * @default h2\n   */\n  as?: 'h1' | 'h2' | 'h3' | 'h4';\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  /**\n   * Set the text size styles.\n   * @default md\n   */\n  size?: (typeof sizes)[number];\n  /** Inverts the component colours, for use on darker surface colours. */\n  inverted?: boolean;\n}\n"]}

package/dist/chunk-XVM5ECBR.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a}from"./chunk-DDGOZPHV.js";import{a as f}from"./chunk-XIAROH27.js";import{a as s}from"./chunk-WTIWKIHP.js";import{a as n}from"./chunk-7O6TG54S.js";import{a as p}from"./chunk-OPPG3NOC.js";import{a as m}from"./chunk-RNYNOFG6.js";import{a as e}from"./chunk-KGEVWEVL.js";import{a as t}from"./chunk-J3AJBV4B.js";import{b as r}from"./chunk-PDEVCIQ3.js";import{Slot as D}from"radix-ui";import{forwardRef as C}from"react";import{jsx as d}from"react/jsx-runtime";var l="BodyText",i=r(l),R=C((c,x)=>{let{className:y,asChild:T,as:P="p",children:o,truncate:B,...N}=e(c,a,m,f,s,n,p);return d(D.Root,{ref:x,className:t(i,y),"data-truncate":B?"":void 0,"data-testid":i,...N,children:T?o:d(P,{children:o})})});R.displayName=l;export{R as a};
+//# sourceMappingURL=chunk-XVM5ECBR.js.map