@utilitywarehouse/hearth-react 0.28.4 → 0.28.5

package/dist/chunk-YPSRAQZG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YPSRAQZG.cjs","../src/components/ProgressBar/ProgressBarLinear.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarLinear","forwardRef","value","label","valueText","labelId","hideLabel","props","ref","jsxs","jsx","ProgressBarLabel","ProgressBarValueText"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,8BCA/F,+CAerB,IARAA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoBC,+BAAAA,CAC9B,CAAE,KAAA,CAAAC,CAAAA,CAAO,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAExDC,8BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWV,CAAAA,CAAqB,GAAGS,CAAAA,CAChD,QAAA,CAAA,CAAAG,6BAAAA,mBAACC,CAAA,CAAiB,EAAA,CAAIN,CAAAA,CAAS,sBAAA,CAAsBC,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CACnE,QAAA,CAAAH,CAAAA,CACH,CAAA,CACAO,6BAAAA,mBAACE,CAAA,CAAqB,sBAAA,CAAsBN,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CAC1D,QAAA,CAAAF,CAAAA,CACH,CAAA,CAEAM,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YPSRAQZG.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ProgressBarLabel } from './ProgressBarLabel';\nimport { ProgressBarValueText } from './ProgressBarValueText';\nimport type { ProgressBarInternalProps } from './ProgressBar.props';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressBarLinear';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressBarLinearElement = ComponentRef<'div'>;\n\nexport const ProgressBarLinear = forwardRef<ProgressBarLinearElement, ProgressBarInternalProps>(\n  ({ value, label, valueText, labelId, hideLabel, ...props }, ref) => {\n    return (\n      <div ref={ref} className={componentClassName} {...props}>\n        <ProgressBarLabel id={labelId} data-visually-hidden={hideLabel ? '' : undefined}>\n          {label}\n        </ProgressBarLabel>\n        <ProgressBarValueText data-visually-hidden={hideLabel ? '' : undefined}>\n          {valueText}\n        </ProgressBarValueText>\n\n        <div className={`${componentClassName}Track`}>\n          <div className={`${componentClassName}Indicator`} style={{ width: `${value}%` }} />\n        </div>\n      </div>\n    );\n  }\n);\n\nProgressBarLinear.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-YXPCI7XL.js

@@ -1,2 +0,0 @@
-var e=["strong","subtle"],o={borderColor:{className:"border",tokens:e,responsive:!1},borderTopColor:{className:"border-t",tokens:e,responsive:!1},borderRightColor:{className:"border-r",tokens:e,responsive:!1},borderBottomColor:{className:"border-b",tokens:e,responsive:!1},borderLeftColor:{className:"border-l",tokens:e,responsive:!1}};export{o as a};
-//# sourceMappingURL=chunk-YXPCI7XL.js.map

package/dist/chunk-YXPCI7XL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/border-color.props.ts"],"sourcesContent":["import { CssTokenVariable } from '../types/css-token-variable';\nimport { PropDef } from './prop-def';\n\nconst values = ['strong', 'subtle'] as const;\n\nexport const borderColorPropDefs = {\n  borderColor: { className: 'border', tokens: values, responsive: false },\n  borderTopColor: { className: 'border-t', tokens: values, responsive: false },\n  borderRightColor: { className: 'border-r', tokens: values, responsive: false },\n  borderBottomColor: { className: 'border-b', tokens: values, responsive: false },\n  borderLeftColor: { className: 'border-l', tokens: values, responsive: false },\n} satisfies {\n  borderColor: PropDef<(typeof values)[number] | CssTokenVariable>;\n  borderTopColor: PropDef<(typeof values)[number] | CssTokenVariable>;\n  borderRightColor: PropDef<(typeof values)[number] | CssTokenVariable>;\n  borderBottomColor: PropDef<(typeof values)[number] | CssTokenVariable>;\n  borderLeftColor: PropDef<(typeof values)[number] | CssTokenVariable>;\n};\n\nexport interface BorderColorProps {\n  borderColor?: (typeof values)[number] | CssTokenVariable;\n  borderTopColor?: (typeof values)[number] | CssTokenVariable;\n  borderRightColor?: (typeof values)[number] | CssTokenVariable;\n  borderBottomColor?: (typeof values)[number] | CssTokenVariable;\n  borderLeftColor?: (typeof values)[number] | CssTokenVariable;\n}\n"],"mappings":"AAGA,IAAMA,EAAS,CAAC,SAAU,QAAQ,EAErBC,EAAsB,CACjC,YAAa,CAAE,UAAW,SAAU,OAAQD,EAAQ,WAAY,EAAM,EACtE,eAAgB,CAAE,UAAW,WAAY,OAAQA,EAAQ,WAAY,EAAM,EAC3E,iBAAkB,CAAE,UAAW,WAAY,OAAQA,EAAQ,WAAY,EAAM,EAC7E,kBAAmB,CAAE,UAAW,WAAY,OAAQA,EAAQ,WAAY,EAAM,EAC9E,gBAAiB,CAAE,UAAW,WAAY,OAAQA,EAAQ,WAAY,EAAM,CAC9E","names":["values","borderColorPropDefs"]}

package/dist/chunk-Z4HDRZL5.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-X5H7DCWE.js";import{a}from"./chunk-MGOTXNM5.js";import{a as l}from"./chunk-ROM3C7EG.js";import{a as m}from"./chunk-BMY6GUJM.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as i}from"./chunk-TXDSZ3MR.js";import{a as f}from"./chunk-JBNKX7O7.js";import{a as p}from"./chunk-6HGFQT5H.js";import{Slot as h}from"radix-ui";import{forwardRef as z}from"react";import{jsx as o}from"react/jsx-runtime";var B="IconButton",u=i(B),E=z((t,d)=>{let{className:P,label:S,disabled:b,loading:n,children:r,asChild:e,...C}=m(t,c),N=f(t.size||"md",{md:"sm",sm:"xs"}),I=e?h.Root:"button";return o(a,{ref:d,className:s(u,P),"aria-label":S,disabled:b||n,"data-testid":u,asChild:!0,...C,children:o(I,{children:n?p({asChild:e,children:r},()=>o(l,{size:N,currentColor:!0})):r})})});E.displayName=B;export{E as a};
-//# sourceMappingURL=chunk-Z4HDRZL5.js.map

package/dist/chunk-Z4HDRZL5.js.map

@@ -1 +0,0 @@
-{"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 { Slot } from 'radix-ui';\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\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 Component = asChild ? Slot.Root : 'button';\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\n      {...iconButtonProps}\n    >\n      <Component>\n        {loading\n          ? getSubtree({ asChild, children }, () => (\n              <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n            ))\n          : children}\n      </Component>\n    </ButtonBase>\n  );\n});\n\nIconButton.displayName = COMPONENT_NAME;\n"],"mappings":"2TAUA,OAAS,QAAAA,MAAY,WAGrB,OAAS,cAAAC,MAAkB,QAyBb,cAAAC,MAAA,oBAvBd,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,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,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACEnB,EAACoB,EAAA,CACC,IAAKd,EACL,UAAWe,EAAGnB,EAAoBK,CAAS,EAC3C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,cAAaR,EACb,QAAO,GACN,GAAGW,EAEJ,SAAAb,EAACkB,EAAA,CACE,SAAAR,EACGY,EAAW,CAAE,QAAAV,EAAS,SAAAD,CAAS,EAAG,IAChCX,EAACuB,EAAA,CAAQ,KAAMP,EAAqC,aAAY,GAAC,CAClE,EACDL,EACN,EACF,CAEJ,CAAC,EAEDP,EAAW,YAAcH","names":["Slot","forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","ref","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","ButtonBase","cn","getSubtree","Spinner"]}

package/dist/chunk-ZCYQUQSG.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _radixui = require('radix-ui');var _react = require('react');var _useMergedRefs = require('@base-ui/utils/useMergedRefs');var _jsxruntime = require('react/jsx-runtime');var p="MenuContent",d=_chunk7LZI6HLWcjs.b.call(void 0, p),S={bottomLeft:{side:"bottom",align:"start"},bottomRight:{side:"bottom",align:"end"},topLeft:{side:"top",align:"start"},topRight:{side:"top",align:"end"}},h= exports.a =_react.forwardRef.call(void 0, ({className:f,children:g,forceMount:o,placement:v="bottomLeft",...b},M)=>{let l=_react.useRef.call(void 0, null),i=_react.useRef.call(void 0, void 0),C=_react.useCallback.call(void 0, e=>{if(l.current=e,_optionalChain([i, 'access', _ => _.current, 'optionalCall', _2 => _2()]),i.current=void 0,!e||!o)return;e.hidden=e.dataset.state!=="open";let a=new MutationObserver(()=>{e.hidden=e.dataset.state!=="open"});a.observe(e,{attributes:!0,attributeFilter:["data-state"]}),i.current=()=>{a.disconnect(),e.hidden=!1}},[o]),E=_useMergedRefs.useMergedRefs.call(void 0, C,M);return _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.DropdownMenuPortal,{forceMount:o,children:_jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.DropdownMenuContent,{ref:E,forceMount:o,className:_chunkGVVJQBRKcjs.a.call(void 0, d,f),...b,sideOffset:4,...S[v],collisionPadding:8,onCloseAutoFocus:e=>e.preventDefault(),onInteractOutside:o?e=>{let P=_optionalChain([e, 'access', _3 => _3.detail, 'optionalAccess', _4 => _4.originalEvent, 'optionalAccess', _5 => _5.target]),s=_optionalChain([l, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.getAttribute, 'call', _8 => _8("aria-labelledby")]);_optionalChain([(s?document.getElementById(s):null), 'optionalAccess', _9 => _9.contains, 'call', _10 => _10(P)])&&e.preventDefault()}:void 0,children:_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaRoot"),type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaViewport"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${d}List`,children:g})}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaScrollbar"),orientation:"vertical",children:_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb,{className:_chunk7LZI6HLWcjs.b.call(void 0, "ScrollAreaThumb")})})]})})})});h.displayName=p;exports.a = h;
-//# sourceMappingURL=chunk-ZCYQUQSG.cjs.map

package/dist/chunk-ZCYQUQSG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZCYQUQSG.cjs","../src/components/Menu/MenuContent.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","placementTranslation","MenuContent","forwardRef","className","children","forceMount","placement","props","ref","nodeRef","useRef","cleanupRef","contentRef","useCallback","node","observer","mergedRef","useMergedRefs","jsx","MenuPrimitive","cn","target","triggerId","jsxs","ScrollAreaPrimitive"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZCYQUQSG.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { DropdownMenu as MenuPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport type { MenuContentProps } from './MenuContent.props';\nimport { forwardRef, useCallback, useRef } from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'MenuContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype MenuContentElement = ComponentRef<'div'>;\n\nconst placementTranslation: Record<string, { side: 'bottom' | 'top'; align: 'start' | 'end' }> = {\n  bottomLeft: { side: 'bottom', align: 'start' },\n  bottomRight: { side: 'bottom', align: 'end' },\n  topLeft: { side: 'top', align: 'start' },\n  topRight: { side: 'top', align: 'end' },\n};\n\nexport const MenuContent = forwardRef<MenuContentElement, MenuContentProps>(\n  ({ className, children, forceMount, placement = 'bottomLeft', ...props }, ref) => {\n    const nodeRef = useRef<MenuContentElement | null>(null);\n    const cleanupRef = useRef<(() => void) | undefined>(undefined);\n\n    // There are times the content needs to be hidden but present in the DOM,\n    // for SEO reasons. So we use forceMount.\n    //\n    // A callback ref is used instead of useLayoutEffect + useRef because\n    // portal children's refs are not reliably attached by the time\n    // useLayoutEffect fires in the parent. The callback fires exactly when the\n    // DOM node is created or removed.\n    const contentRef = useCallback(\n      (node: MenuContentElement | null) => {\n        nodeRef.current = node;\n        cleanupRef.current?.();\n        cleanupRef.current = undefined;\n\n        if (!node || !forceMount) return;\n\n        node.hidden = node.dataset.state !== 'open';\n\n        const observer = new MutationObserver(() => {\n          node.hidden = node.dataset.state !== 'open';\n        });\n        observer.observe(node, { attributes: true, attributeFilter: ['data-state'] });\n\n        cleanupRef.current = () => {\n          observer.disconnect();\n          node.hidden = false;\n        };\n      },\n      [forceMount]\n    );\n\n    const mergedRef = useMergedRefs(contentRef, ref);\n\n    return (\n      <MenuPrimitive.DropdownMenuPortal forceMount={forceMount}>\n        <MenuPrimitive.DropdownMenuContent\n          ref={mergedRef}\n          forceMount={forceMount}\n          className={cn(componentClassName, className)}\n          {...props}\n          sideOffset={4}\n          {...placementTranslation[placement]}\n          collisionPadding={8}\n          // These are temporary UI fixes, until we have time to replace with Base UI.\n          onCloseAutoFocus={e => e.preventDefault()}\n          onInteractOutside={\n            forceMount\n              ? e => {\n                  // With forceMount, Radix's DismissableLayer is always mounted and fires\n                  // on every outside interaction — including trigger clicks. React processes\n                  // pointer events with flushSync, so by the time the DismissableLayer's\n                  // document listener fires (added via setTimeout after mount), React has\n                  // already committed the new open state. Checking data-state here would\n                  // always see 'open' and fail to prevent. Instead we check the click target:\n                  // if it's inside the trigger (found via aria-labelledby → trigger id),\n                  // we prevent the dismiss so the trigger's own toggle handler takes effect.\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                  const originalEvent = (e as CustomEvent).detail?.originalEvent as\n                    | PointerEvent\n                    | undefined;\n                  const target = originalEvent?.target as HTMLElement | null;\n                  const triggerId = nodeRef.current?.getAttribute('aria-labelledby');\n                  const triggerEl = triggerId ? document.getElementById(triggerId) : null;\n                  if (triggerEl?.contains(target)) e.preventDefault();\n                }\n              : undefined\n          }\n        >\n          <ScrollAreaPrimitive.Root className={withGlobalPrefix('ScrollAreaRoot')} type=\"auto\">\n            <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n              <div className={`${componentClassName}List`}>{children}</div>\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        </MenuPrimitive.DropdownMenuContent>\n      </MenuPrimitive.DropdownMenuPortal>\n    );\n  }\n);\n\nMenuContent.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZHG72V7G.js

@@ -1,2 +0,0 @@
-import{a as h}from"./chunk-TGX2FSRB.js";import{a as N}from"./chunk-KRZHD7RL.js";import{a as L}from"./chunk-Q7QZ3QUP.js";import{a as u}from"./chunk-W6VYE222.js";import{a as C}from"./chunk-L4OZ3M5X.js";import{a as g}from"./chunk-BMY6GUJM.js";import{a as c}from"./chunk-MSHCGZ4G.js";import{b}from"./chunk-TXDSZ3MR.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-ZHG72V7G.js.map

package/dist/chunk-ZHG72V7G.js.map

@@ -1 +0,0 @@
-{"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\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,QA0DvB,OACa,OAAAC,EADb,QAAAC,MAAA,oBA9CJ,IAAMC,EAAiB,OACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,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-ZJFVVCQ7.js

@@ -1,2 +0,0 @@
-var t=["horizontal","vertical"];export{t as a};
-//# sourceMappingURL=chunk-ZJFVVCQ7.js.map

package/dist/chunk-ZJFVVCQ7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/orientation.ts"],"sourcesContent":["export const ORIENTATIONS = ['horizontal', 'vertical'] as const;\n\nexport type Orientation = (typeof ORIENTATIONS)[number];\n"],"mappings":"AAAO,IAAMA,EAAe,CAAC,aAAc,UAAU","names":["ORIENTATIONS"]}

package/dist/chunk-ZKUV3VG7.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["start","center","end","baseline","stretch"],s= exports.a ={alignItems:{className:"ai",tokens:e,responsive:!0}};exports.a = s;
-//# sourceMappingURL=chunk-ZKUV3VG7.cjs.map

package/dist/chunk-ZKUV3VG7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/align-items.props.ts"],"names":["values","alignItemsPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAS,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,UAAA,CAAY,SAAS,CAAA,CAElDC,CAAAA,aAAqB,CAChC,UAAA,CAAY,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAClE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZKUV3VG7.cjs","sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nexport const alignItemsPropDefs = {\n  alignItems: { className: 'ai', tokens: values, responsive: true },\n} satisfies {\n  alignItems: PropDef<(typeof values)[number]>;\n};\n\nexport interface AlignItemsProps {\n  alignItems?: Responsive<(typeof values)[number]>;\n}\n"]}

package/dist/chunk-ZLWHRHAO.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["emphasis","solid","outline","ghost"],t= exports.a ={variant:{className:"variant",tokens:o,responsive:!1,default:"solid"}};exports.a = t;
-//# sourceMappingURL=chunk-ZLWHRHAO.cjs.map

package/dist/chunk-ZLWHRHAO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.props.ts"],"names":["variants","buttonBasePropDefs"],"mappings":"AAIA,6EAAMA,CAAAA,CAAW,CAAC,UAAA,CAAY,OAAA,CAAS,SAAA,CAAW,OAAO,CAAA,CAE5CC,CAAAA,aAAqB,CAChC,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQD,CAAAA,CAAU,UAAA,CAAY,CAAA,CAAA,CAAO,OAAA,CAAS,OAAQ,CACzF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZLWHRHAO.cjs","sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\n\nconst variants = ['emphasis', 'solid', 'outline', 'ghost'] as const;\n\nexport const buttonBasePropDefs = {\n  variant: { className: 'variant', tokens: variants, responsive: false, default: 'solid' },\n} satisfies {\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport type ButtonBaseProps = ComponentPropsWithRef<'button'> &\n  MarginProps &\n  (\n    | {\n        /**\n         * Sets the button's visual variant\n         */\n        variant?: 'emphasis';\n        /**\n         * Sets the button's colour scheme\n         */\n        colorScheme?: 'highlight';\n      }\n    | {\n        /**\n         * Sets the button's visual variant\n         */\n        variant?: 'solid';\n        /**\n         * Sets the button's colour scheme\n         */\n        colorScheme?: 'highlight' | 'affirmative' | 'destructive';\n      }\n    | {\n        variant?: 'outline' | 'ghost';\n        colorScheme?: 'functional' | 'affirmative' | 'destructive';\n      }\n  ) & {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     */\n    asChild?: boolean;\n    /**\n     * Indicate when the button is in a loading state, will also disable the button.\n     */\n    loading?: boolean;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"]}

package/dist/chunk-ZOVCXTBW.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-IFTBG7IE.js";import{a as t}from"./chunk-W6VYE222.js";import{a as e}from"./chunk-G4IYVCCQ.js";import{a as m}from"./chunk-MNEDCJTO.js";import{a as n}from"./chunk-BMY6GUJM.js";import{a as o}from"./chunk-MSHCGZ4G.js";import{b as r}from"./chunk-TXDSZ3MR.js";import{forwardRef as d}from"react";import{jsx as N}from"react/jsx-runtime";var i="IconContainer",a=r(i),I=d((s,c)=>{let{className:f,colorScheme:l="pig",fill:C,...P}=n(s,p,t,e,m);return N("span",{ref:c,className:o(a,f),"data-colorscheme":l,"data-fill":C,"data-testid":a,...P})});I.displayName=i;export{I as a};
-//# sourceMappingURL=chunk-ZOVCXTBW.js.map

package/dist/chunk-ZOVCXTBW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/IconContainer/IconContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { iconContainerPropDefs } from './IconContainer.props';\nimport type { IconContainerProps } from './IconContainer.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { borderRadiusPropDefs } from '../../props/border-radius.props';\nimport { sizePropDefs } from '../../props/size.props';\n\nconst COMPONENT_NAME = 'IconContainer';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype IconContainerElement = ComponentRef<'span'>;\n\nexport const IconContainer = forwardRef<IconContainerElement, IconContainerProps>((props, ref) => {\n  const {\n    className,\n    colorScheme = 'pig',\n    fill,\n    ...iconContainerProps\n  } = extractProps(\n    props,\n    iconContainerPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    borderRadiusPropDefs\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-colorscheme={colorScheme}\n      data-fill={fill}\n      data-testid={componentClassName}\n      {...iconContainerProps}\n    />\n  );\n});\n\nIconContainer.displayName = COMPONENT_NAME;\n"],"mappings":"wRAAA,OAAS,cAAAA,MAAkB,QA+BvB,cAAAC,MAAA,oBApBJ,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAgBC,EAAqD,CAACC,EAAOC,IAAQ,CAChG,GAAM,CACJ,UAAAC,EACA,YAAAC,EAAc,MACd,KAAAC,EACA,GAAGC,CACL,EAAIC,EACFN,EACAO,EACAC,EACAC,EACAC,CACF,EAEA,OACEhB,EAAC,QACC,IAAKO,EACL,UAAWU,EAAGf,EAAoBM,CAAS,EAC3C,mBAAkBC,EAClB,YAAWC,EACX,cAAaR,EACZ,GAAGS,EACN,CAEJ,CAAC,EAEDP,EAAc,YAAcH","names":["forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconContainer","forwardRef","props","ref","className","colorScheme","fill","iconContainerProps","extractProps","iconContainerPropDefs","marginPropDefs","sizePropDefs","borderRadiusPropDefs","cn"]}

package/dist/chunk-ZOYPA3WQ.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZLWHRHAOcjs = require('./chunk-ZLWHRHAO.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _chunkXAC5V5L2cjs = require('./chunk-XAC5V5L2.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var C="ButtonBase",e=_chunk7LZI6HLWcjs.b.call(void 0, C),w= exports.a =_react.forwardRef.call(void 0, (s,r)=>{let{colorScheme:N,inverted:P,className:i,disabled:t,onClick:d,asChild:S,children:m,...l}=_chunkVCSJTDQRcjs.a.call(void 0, s,_chunkZLWHRHAOcjs.a,_chunkRDNRX35Pcjs.a),{variant:a="solid"}=s,p={"data-colorscheme":N||(a==="emphasis"||a==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return a==="emphasis"?_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:r,"aria-disabled":t||void 0,className:_chunkGVVJQBRKcjs.a.call(void 0, e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:_chunkXAC5V5L2cjs.a.call(void 0, {asChild:S,children:m},R=>_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "span",{className:`${e}Shadow`}),_jsxruntime.jsx.call(void 0, "span",{className:`${e}Front`,children:R})]}))}):_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:r,"aria-disabled":t||void 0,className:_chunkGVVJQBRKcjs.a.call(void 0, e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:m})});w.displayName=C;exports.a = w;
-//# sourceMappingURL=chunk-ZOYPA3WQ.cjs.map

package/dist/chunk-ZOYPA3WQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZOYPA3WQ.cjs","../src/components/ButtonBase/ButtonBase.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","forwardRef","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","jsx","Slot","cn","getSubtree","jsxs","Fragment"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCEhO,8BAQM,+CA6CjB,IA1CJA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,WAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaV,CAAOW,mBAAAA,CAAoBC,mBAAc,CAAA,CACpD,CAAE,OAAA,CAAAC,CAAAA,CAAU,OAAQ,CAAA,CAAIb,CAAAA,CAIxBc,CAAAA,CAAqB,CACzB,kBAAA,CAAoBZ,CAAAA,EAAAA,CAFpBW,CAAAA,GAAY,UAAA,EAAcA,CAAAA,GAAY,OAAA,CAAU,WAAA,CAAc,YAAA,CAAA,CAG9D,eAAA,CAAiBV,CAAAA,CAAW,EAAA,CAAK,KAAA,CACnC,CAAA,CAKA,OAAIU,CAAAA,GAAY,UAAA,CAEZE,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKf,CAAAA,CACL,eAAA,CAAeI,CAAAA,EAAY,KAAA,CAAA,CAC3B,SAAA,CAAWY,iCAAAA,CAAGrB,CAAoBQ,CAAS,CAAA,CAG3C,OAAA,CAASC,CAAAA,CAAW,KAAA,CAAA,CAAYC,CAAAA,CAC/B,GAAGQ,CAAAA,CACJ,aAAA,CAAalB,CAAAA,CACZ,GAAGa,CAAAA,CAEH,QAAA,CAAAS,iCAAAA,CAAa,OAAA,CAAAX,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAGA,CAAAA,EACjCW,8BAAAA,oBAAAC,CAAA,CACE,QAAA,CAAA,CAAAL,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZOYPA3WQ.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { buttonBasePropDefs } from './ButtonBase.props';\nimport type { ButtonBaseProps } from './ButtonBase.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ComponentRef<'button'>;\n\nexport const ButtonBase = forwardRef<ButtonBaseElement, ButtonBaseProps>((props, ref) => {\n  const {\n    colorScheme,\n    inverted,\n    className,\n    disabled,\n    onClick,\n    asChild,\n    children,\n    ...buttonBaseProps\n  } = extractProps(props, buttonBasePropDefs, marginPropDefs);\n  const { variant = 'solid' } = props;\n\n  const defaultColorScheme =\n    variant === 'emphasis' || variant === 'solid' ? 'highlight' : 'functional';\n  const dataAttributeProps = {\n    'data-colorscheme': colorScheme || defaultColorScheme,\n    'data-inverted': inverted ? '' : undefined,\n  };\n\n  // We're rendering a different component here so that we don't have to apply\n  // transitions to box-shadow, which causes re-paints on every frame, heavily\n  // impacting performance.\n  if (variant === 'emphasis') {\n    return (\n      <Slot.Root\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        className={cn(componentClassName, className)}\n        // as we're using aria-disabled instead of disabled then we need to\n        // disable the onClick event\n        onClick={disabled ? undefined : onClick}\n        {...dataAttributeProps}\n        data-testid={componentClassName}\n        {...buttonBaseProps}\n      >\n        {getSubtree({ asChild, children }, children => (\n          <>\n            <span className={`${componentClassName}Shadow`}></span>\n            <span className={`${componentClassName}Front`}>{children}</span>\n          </>\n        ))}\n      </Slot.Root>\n    );\n  }\n  return (\n    <Slot.Root\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cn(componentClassName, className)}\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      data-testid={componentClassName}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Slot.Root>\n  );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZQ2N6IKK.js

@@ -1,2 +0,0 @@
-import{a as u}from"./chunk-FINR2M3O.js";import{a as m}from"./chunk-MSHCGZ4G.js";import{b as f}from"./chunk-TXDSZ3MR.js";import{Accordion as R}from"radix-ui";import{forwardRef as T,useLayoutEffect as b,useRef as P}from"react";import{useMergedRefs as x}from"@base-ui/utils/useMergedRefs";import{jsx as l}from"react/jsx-runtime";var v="AccordionContent",p=f(v),M=T(({className:C,children:h,forceMount:o,...y},A)=>{let d=P(null),E=x(d,A);return b(()=>{let e=d.current;if(!e||!o)return;e.hidden=e.dataset.state!=="open";let t,s=new MutationObserver(()=>{if(t?.(),t=void 0,e.dataset.state==="open")e.hidden=!1;else{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){e.hidden=!0;return}let c=e.getBoundingClientRect().height;c>0&&(e.style.setProperty("--radix-accordion-content-height",`${c}px`),e.style.animationName="none",e.offsetHeight,e.style.animationName="");let i=getComputedStyle(e).animationDuration,r=i.endsWith("ms")?parseFloat(i):parseFloat(i)*1e3,g=Number.isFinite(r)&&r>0?r+50:250,a,n=N=>{N.target===e&&(clearTimeout(a),e.removeEventListener("animationend",n),e.hidden=!0)};e.addEventListener("animationend",n),a=setTimeout(()=>{e.removeEventListener("animationend",n),e.hidden=!0},g),t=()=>{clearTimeout(a),e.removeEventListener("animationend",n)}}});return s.observe(e,{attributes:!0,attributeFilter:["data-state"]}),()=>{s.disconnect(),t?.(),e.hidden=!1}},[o]),l(R.Content,{ref:E,className:m(p,C),forceMount:o,...y,children:l(u,{as:"div",className:`${p}Text`,children:h})})});M.displayName=v;export{M as a};
-//# sourceMappingURL=chunk-ZQ2N6IKK.js.map

package/dist/chunk-ZQ2N6IKK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AccordionContentProps } from './AccordionContent.props';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { ComponentRef } from 'react';\nimport { forwardRef, useLayoutEffect, useRef } from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'AccordionContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AccordionContentElement = ComponentRef<'div'>;\n\nexport const AccordionContent = forwardRef<AccordionContentElement, AccordionContentProps>(\n  ({ className, children, forceMount, ...props }, ref) => {\n    const internalRef = useRef<AccordionContentElement>(null);\n    const mergedRef = useMergedRefs(internalRef, ref);\n\n    useLayoutEffect(() => {\n      const node = internalRef.current;\n      if (!node || !forceMount) return;\n\n      node.hidden = node.dataset.state !== 'open';\n\n      let pendingCleanup: (() => void) | undefined;\n\n      const observer = new MutationObserver(() => {\n        pendingCleanup?.();\n        pendingCleanup = undefined;\n\n        if (node.dataset.state === 'open') {\n          node.hidden = false;\n        } else {\n          // The h-slide-up keyframes are only defined inside\n          // @media (prefers-reduced-motion: no-preference) (see Accordion.css).\n          // When reduced motion is preferred the animation never runs, so\n          // animationend never fires — hide immediately instead of waiting.\n          if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            node.hidden = true;\n            return;\n          }\n\n          // When forceMount is set, Radix's layout effect measures the element while it's\n          // hidden (display:none), so getBoundingClientRect() returns 0. This corrupts\n          // --radix-accordion-content-height, causing the h-slide-up animation to have\n          // no valid `from` height. This observer fires after layout effects but before\n          // paint, so we can re-measure the real height, correct the property, and restart\n          // the animation before the first frame renders.\n          const h = node.getBoundingClientRect().height;\n          if (h > 0) {\n            node.style.setProperty('--radix-accordion-content-height', `${h}px`);\n            // Cancel and restart the animation so it picks up the corrected property.\n            // The forced reflow between 'none' and '' commits the cancelled state before\n            // the browser starts the fresh animation.\n            node.style.animationName = 'none';\n            void node.offsetHeight;\n            node.style.animationName = '';\n          }\n\n          // Derive the fallback timeout from the computed animation duration so it\n          // stays in sync if the CSS duration ever changes, rather than hardcoding it.\n          const durationStr = getComputedStyle(node).animationDuration;\n          const durationMs = durationStr.endsWith('ms')\n            ? parseFloat(durationStr)\n            : parseFloat(durationStr) * 1000;\n          const fallbackMs = Number.isFinite(durationMs) && durationMs > 0 ? durationMs + 50 : 250;\n\n          // eslint-disable-next-line prefer-const\n          let timer: ReturnType<typeof setTimeout>;\n          const onAnimationEnd = (e: AnimationEvent) => {\n            if (e.target !== node) return;\n            clearTimeout(timer);\n            node.removeEventListener('animationend', onAnimationEnd);\n            node.hidden = true;\n          };\n\n          node.addEventListener('animationend', onAnimationEnd);\n          timer = setTimeout(() => {\n            node.removeEventListener('animationend', onAnimationEnd);\n            node.hidden = true;\n          }, fallbackMs);\n\n          pendingCleanup = () => {\n            clearTimeout(timer);\n            node.removeEventListener('animationend', onAnimationEnd);\n          };\n        }\n      });\n\n      observer.observe(node, { attributes: true, attributeFilter: ['data-state'] });\n\n      return () => {\n        observer.disconnect();\n        pendingCleanup?.();\n        node.hidden = false;\n      };\n    }, [forceMount]);\n\n    return (\n      <AccordionPrimitive.Content\n        ref={mergedRef}\n        className={cn(componentClassName, className)}\n        forceMount={forceMount}\n        {...props}\n      >\n        <BodyText as=\"div\" className={`${componentClassName}Text`}>\n          {children}\n        </BodyText>\n      </AccordionPrimitive.Content>\n    );\n  }\n);\n\nAccordionContent.displayName = COMPONENT_NAME;\n"],"mappings":"wHAKA,OAAS,aAAaA,MAA0B,WAGhD,OAAS,cAAAC,EAAY,mBAAAC,EAAiB,UAAAC,MAAc,QACpD,OAAS,iBAAAC,MAAqB,+BAmGtB,cAAAC,MAAA,oBAjGR,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAmBR,EAC9B,CAAC,CAAE,UAAAS,EAAW,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAM,EAAGC,IAAQ,CACtD,IAAMC,EAAcZ,EAAgC,IAAI,EAClDa,EAAYZ,EAAcW,EAAaD,CAAG,EAEhD,OAAAZ,EAAgB,IAAM,CACpB,IAAMe,EAAOF,EAAY,QACzB,GAAI,CAACE,GAAQ,CAACL,EAAY,OAE1BK,EAAK,OAASA,EAAK,QAAQ,QAAU,OAErC,IAAIC,EAEEC,EAAW,IAAI,iBAAiB,IAAM,CAI1C,GAHAD,IAAiB,EACjBA,EAAiB,OAEbD,EAAK,QAAQ,QAAU,OACzBA,EAAK,OAAS,OACT,CAKL,GAAI,OAAO,WAAW,kCAAkC,EAAE,QAAS,CACjEA,EAAK,OAAS,GACd,MACF,CAQA,IAAMG,EAAIH,EAAK,sBAAsB,EAAE,OACnCG,EAAI,IACNH,EAAK,MAAM,YAAY,mCAAoC,GAAGG,CAAC,IAAI,EAInEH,EAAK,MAAM,cAAgB,OACtBA,EAAK,aACVA,EAAK,MAAM,cAAgB,IAK7B,IAAMI,EAAc,iBAAiBJ,CAAI,EAAE,kBACrCK,EAAaD,EAAY,SAAS,IAAI,EACxC,WAAWA,CAAW,EACtB,WAAWA,CAAW,EAAI,IACxBE,EAAa,OAAO,SAASD,CAAU,GAAKA,EAAa,EAAIA,EAAa,GAAK,IAGjFE,EACEC,EAAkBC,GAAsB,CACxCA,EAAE,SAAWT,IACjB,aAAaO,CAAK,EAClBP,EAAK,oBAAoB,eAAgBQ,CAAc,EACvDR,EAAK,OAAS,GAChB,EAEAA,EAAK,iBAAiB,eAAgBQ,CAAc,EACpDD,EAAQ,WAAW,IAAM,CACvBP,EAAK,oBAAoB,eAAgBQ,CAAc,EACvDR,EAAK,OAAS,EAChB,EAAGM,CAAU,EAEbL,EAAiB,IAAM,CACrB,aAAaM,CAAK,EAClBP,EAAK,oBAAoB,eAAgBQ,CAAc,CACzD,CACF,CACF,CAAC,EAED,OAAAN,EAAS,QAAQF,EAAM,CAAE,WAAY,GAAM,gBAAiB,CAAC,YAAY,CAAE,CAAC,EAErE,IAAM,CACXE,EAAS,WAAW,EACpBD,IAAiB,EACjBD,EAAK,OAAS,EAChB,CACF,EAAG,CAACL,CAAU,CAAC,EAGbP,EAACsB,EAAmB,QAAnB,CACC,IAAKX,EACL,UAAWY,EAAGrB,EAAoBG,CAAS,EAC3C,WAAYE,EACX,GAAGC,EAEJ,SAAAR,EAACwB,EAAA,CAAS,GAAG,MAAM,UAAW,GAAGtB,CAAkB,OAChD,SAAAI,EACH,EACF,CAEJ,CACF,EAEAF,EAAiB,YAAcH","names":["AccordionPrimitive","forwardRef","useLayoutEffect","useRef","useMergedRefs","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","AccordionContent","className","children","forceMount","props","ref","internalRef","mergedRef","node","pendingCleanup","observer","h","durationStr","durationMs","fallbackMs","timer","onAnimationEnd","e","AccordionPrimitive","cn","BodyText"]}

package/dist/chunk-ZX7T2VHB.js

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

package/dist/chunk-ZX7T2VHB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tabs/TabsList.tsx"],"sourcesContent":["'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"],"mappings":"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","names":["forwardRef","useCallback","useLayoutEffect","useRef","useState","TabsPrimitive","ChevronLeftSmallIcon","ChevronRightSmallIcon","jsx","jsxs","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","TabsPrimitive","cn","UnstyledIconButton","ChevronLeftSmallIcon","ChevronRightSmallIcon"]}