@utilitywarehouse/hearth-react 0.21.1 → 0.23.0

package/dist/chunk-DDTLKJOE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DDTLKJOE.cjs","../src/props/gap.props.ts"],"names":["gapPropDefs","spaceTokens"],"mappings":"AAAA,iIAAwC,ICKlCA,CAAAA,CAAc,CAClB,GAAA,CAAK,CAAE,SAAA,CAAW,KAAA,CAAO,MAAA,CAAQC,mBAAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAAA,CAC/D,MAAA,CAAQ,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQA,mBAAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAAA,CACtE,SAAA,CAAW,CAAE,SAAA,CAAW,YAAA,CAAc,MAAA,CAAQA,mBAAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAC9E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DDTLKJOE.cjs","sourcesContent":[null,"import { spaceTokens } from '../tokens/space';\nimport { CssTokenVariable } from '../types/css-token-variable';\nimport { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst gapPropDefs = {\n  gap: { className: 'gap', tokens: spaceTokens, responsive: true },\n  rowGap: { className: 'row-gap', tokens: spaceTokens, responsive: true },\n  columnGap: { className: 'column-gap', tokens: spaceTokens, responsive: true },\n} satisfies {\n  gap: PropDef<(typeof spaceTokens)[number] | CssTokenVariable>;\n  rowGap: PropDef<(typeof spaceTokens)[number] | CssTokenVariable>;\n  columnGap: PropDef<(typeof spaceTokens)[number] | CssTokenVariable>;\n};\n\ninterface GapProps {\n  gap?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;\n  rowGap?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;\n  columnGap?: Responsive<(typeof spaceTokens)[number] | CssTokenVariable>;\n}\n\nexport { gapPropDefs };\nexport type { GapProps };\n"]}

package/dist/chunk-DEWSJ3SD.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkTWOO73INcjs = require('./chunk-TWOO73IN.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var r="AlertLink",c=_chunk5AK4QM2Gcjs.b.call(void 0, r),k= exports.a =e=>{let{children:o,asChild:i,...m}=e;return _jsxruntime.jsxs.call(void 0, _chunkTWOO73INcjs.a,{className:_clsx2.default.call(void 0, c),"data-icon-only":o?void 0:"",asChild:i,...m,children:[i?_jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable,{children:o}):o,_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})]})};k.displayName=r;exports.a = k;
-//# sourceMappingURL=chunk-DEWSJ3SD.cjs.map

package/dist/chunk-DEWSJ3SD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DEWSJ3SD.cjs","../src/components/Alert/AlertLink.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertLink","props","children","asChild","linkProps","jsxs","Link","clsx","jsx","Slot","ChevronRightSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wECE3C,wEACrB,mCAII,+CAQjB,IANEA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAaC,CAAAA,EAAqB,CAC7C,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAU,CAAA,CAAIH,CAAAA,CAC5C,OACEI,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,4BAAAA,CAAuB,CAAA,CAClC,gBAAA,CAAgBL,CAAAA,CAAW,KAAA,CAAA,CAAY,EAAA,CACvC,OAAA,CAASC,CAAAA,CACR,GAAGC,CAAAA,CAEH,QAAA,CAAA,CAAAD,CAAAA,CAAUK,6BAAAA,aAACC,CAAK,SAAA,CAAL,CAAgB,QAAA,CAAAP,CAAAA,CAAS,CAAA,CAAoBA,CAAAA,CACzDM,6BAAAA,uCAACE,CAAA,CAAA,CAAsB,CAAA,CAAA,CACzB,CAEJ,CAAA,CAEAV,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DEWSJ3SD.cjs","sourcesContent":[null,"'use client';\n\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport type { LinkProps } from '../Link/Link.props';\nimport { Slot } from 'radix-ui';\n\nconst COMPONENT_NAME = 'AlertLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const AlertLink = (props: LinkProps) => {\n  const { children, asChild, ...linkProps } = props;\n  return (\n    <Link\n      className={clsx(componentClassName)}\n      data-icon-only={children ? undefined : ''}\n      asChild={asChild}\n      {...linkProps}\n    >\n      {asChild ? <Slot.Slottable>{children}</Slot.Slottable> : children}\n      <ChevronRightSmallIcon />\n    </Link>\n  );\n};\n\nAlertLink.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-DFZYC2GR.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkVZM4R53Jcjs = require('./chunk-VZM4R53J.cjs');var _chunkOSS2IKNYcjs = require('./chunk-OSS2IKNY.cjs');var _chunkZUHERTNIcjs = require('./chunk-ZUHERTNI.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');var c="CardActionContent",t=_chunk5AK4QM2Gcjs.b.call(void 0, c),u= exports.a =({heading:C,leadingIcon:n,leadingIconContainerColorScheme:m,trailingIcon:v,helperText:l,className:N,badge:o,badgePlacement:r="bottom"})=>_jsxruntime.jsxs.call(void 0, "div",{className:_clsx2.default.call(void 0, t,N),children:[n?m?_jsxruntime.jsx.call(void 0, _chunkVZM4R53Jcjs.a,{colorScheme:m,size:"md",fill:"height",borderRadius:"none",children:n}):_jsxruntime.jsx.call(void 0, "div",{className:`${t}LeadingIcon`,children:n}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${t}MainWrapper`,children:[_jsxruntime.jsxs.call(void 0, "div",{className:`${t}Main`,"data-badge-placement":r,children:[_jsxruntime.jsx.call(void 0, _chunkZUHERTNIcjs.a,{size:"md",weight:"semibold",as:"span",children:C}),o&&r==="middle"?o:null,l?_jsxruntime.jsx.call(void 0, _chunkOSS2IKNYcjs.a,{children:l}):null,o&&r==="bottom"?o:null]}),o&&r==="right"?o:null,_jsxruntime.jsx.call(void 0, "div",{className:`${t}TrailingIcon`,children:v})]})]});u.displayName=c;exports.a = u;
-//# sourceMappingURL=chunk-DFZYC2GR.cjs.map

package/dist/chunk-DFZYC2GR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DFZYC2GR.cjs","../src/components/CardActions/CardActionContent.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionContent","heading","leadingIcon","leadingIconContainerColorScheme","trailingIcon","helperText","className","badge","badgePlacement","jsxs","clsx","jsx","IconContainer"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wECIlJ,+CAqBP,IAjBJA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoB,CAAC,CAChC,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CAAiB,QACnB,CAAA,CAAA,EAEIC,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,4BAAAA,CAAKZ,CAAoBQ,CAAS,CAAA,CAC/C,QAAA,CAAA,CAAAJ,CAAAA,CACCC,CAAAA,CACEQ,6BAAAA,mBAACC,CAAA,CACC,WAAA,CAAaT,CAAAA,CACb,IAAA,CAAK,IAAA,CACL,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,MAAA,CAEZ,QAAA,CAAAD,CAAAA,CACH,CAAA,CAEAS,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DFZYC2GR.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { HelperText } from '../HelperText/HelperText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { CardActionContentProps } from './CardActionContent.props';\nimport clsx from 'clsx';\nimport { BodyText } from '../BodyText/BodyText';\nimport { IconContainer } from '../IconContainer/IconContainer';\n\nconst COMPONENT_NAME = 'CardActionContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardActionContent = ({\n  heading,\n  leadingIcon,\n  leadingIconContainerColorScheme,\n  trailingIcon,\n  helperText,\n  className,\n  badge,\n  badgePlacement = 'bottom',\n}: CardActionContentProps) => {\n  return (\n    <div className={clsx(componentClassName, className)}>\n      {leadingIcon ? (\n        leadingIconContainerColorScheme ? (\n          <IconContainer\n            colorScheme={leadingIconContainerColorScheme}\n            size=\"md\"\n            fill=\"height\"\n            borderRadius=\"none\"\n          >\n            {leadingIcon}\n          </IconContainer>\n        ) : (\n          <div className={`${componentClassName}LeadingIcon`}>{leadingIcon}</div>\n        )\n      ) : null}\n\n      <div className={`${componentClassName}MainWrapper`}>\n        <div className={`${componentClassName}Main`} data-badge-placement={badgePlacement}>\n          <BodyText size=\"md\" weight=\"semibold\" as=\"span\">\n            {heading}\n          </BodyText>\n          {badge && badgePlacement === 'middle' ? badge : null}\n          {helperText ? <HelperText>{helperText}</HelperText> : null}\n          {badge && badgePlacement === 'bottom' ? badge : null}\n        </div>\n        {badge && badgePlacement === 'right' ? badge : null}\n        <div className={`${componentClassName}TrailingIcon`}>{trailingIcon}</div>\n      </div>\n    </div>\n  );\n};\n\nCardActionContent.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-DRCOJIUC.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _combobox = require('@base-ui-components/react/combobox');var _jsxruntime = require('react/jsx-runtime');var m="ComboboxEmpty",s=_chunk5AK4QM2Gcjs.b.call(void 0, m),e= exports.a =({className:t,children:p="No options found",...b})=>_jsxruntime.jsx.call(void 0, _combobox.Combobox.Empty,{className:_clsx2.default.call(void 0, s,t),...b,children:p});e.displayName=m;exports.a = e;
-//# sourceMappingURL=chunk-DRCOJIUC.cjs.map

package/dist/chunk-DRCOJIUC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DRCOJIUC.cjs","../src/components/Combobox/ComboboxEmpty.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ComboboxEmpty","className","children","props","jsx","ComboboxPrimitive","clsx"],"mappings":"AAAA,iOAAwC,wECEvB,8DAE6B,+CAY1C,IATEA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAgB,CAAC,CAC5B,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CAAW,kBAAA,CACX,GAAGC,CACL,CAAA,CAAA,EAEIC,6BAAAA,kBAACC,CAAkB,KAAA,CAAlB,CAAwB,SAAA,CAAWC,4BAAAA,CAAKR,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CAC1E,QAAA,CAAAD,CAAAA,CACH,CAAA,CAIJF,CAAAA,CAAc,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DRCOJIUC.cjs","sourcesContent":[null,"'use client';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Combobox as ComboboxPrimitive } from '@base-ui-components/react/combobox';\nimport type { ComboboxEmptyProps } from './ComboboxEmpty.props';\n\nconst COMPONENT_NAME = 'ComboboxEmpty';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ComboboxEmpty = ({\n  className,\n  children = 'No options found',\n  ...props\n}: ComboboxEmptyProps) => {\n  return (\n    <ComboboxPrimitive.Empty className={clsx(componentClassName, className)} {...props}>\n      {children}\n    </ComboboxPrimitive.Empty>\n  );\n};\n\nComboboxEmpty.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-DUR4EZMW.js

@@ -1,2 +0,0 @@
-import{a as h}from"./chunk-FL5GB2M3.js";import{b as L}from"./chunk-JTQWB7E2.js";import{useCallback as i,useLayoutEffect as O,useRef as p,useState as f}from"react";import T from"clsx";import{Tabs as B}from"radix-ui";import{ChevronLeftSmallIcon as P,ChevronRightSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";import{jsx as o,jsxs as S}from"react/jsx-runtime";var g="TabsList",r=L(g),A=({className:I,children:N,...y})=>{let u=p(null),c=p(null),[C,R]=f(0),[W,w]=f(0),[v,E]=f(!1),[m,$]=f(!1),a=i(()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(R(t.offsetLeft),w(t.offsetWidth))},[]),l=i(()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;E(n),$(s)},[]);O(()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return t?.addEventListener("scroll",b,{passive:!0}),()=>{n.disconnect(),s.disconnect(),t?.removeEventListener("scroll",b)}},[a,l]);let d=i(e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),M=i(()=>d(-1),[d]),x=i(()=>d(1),[d]);return S(B.List,{className:T(r,I),...y,children:[v?o("div",{className:`${r}ScrollButtonLeft`,"aria-hidden":!0,children:o(h,{label:"scroll left",tabIndex:-1,onClick:M,children:o(P,{})})}):null,o("div",{className:T(`${r}Scroll`,{[`${r}Scroll-with-left`]:v,[`${r}Scroll-with-right`]:m}),ref:c,children:S("div",{className:`${r}Container`,ref:u,children:[N,o("div",{className:`${r}Indicator`,style:{transform:`translateX(${C}px)`,width:`${W}px`}})]})}),m?o("div",{className:`${r}ScrollButtonRight`,"aria-hidden":!0,children:o(h,{label:"scroll right",tabIndex:-1,onClick:x,children:o(k,{})})}):null]})};A.displayName=g;export{A as a};
-//# sourceMappingURL=chunk-DUR4EZMW.js.map

package/dist/chunk-DUR4EZMW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tabs/TabsList.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { TabsListProps } from './Tabs.props';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TabsList = ({ className, children, ...rest }: TabsListProps) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Underline indicator that animates to match the active tab trigger\n  const [activeTabIndicatorX, setActiveTabIndicatorX] = useState(0);\n  const [activeTabIndicatorWidth, setActiveTabIndicatorWidth] = useState(0);\n\n  // Whether horizontal scroll icons should be shown\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  // Sync indicator position/size to the current active tab trigger\n  const updateIndicator = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const activeTrigger = container.querySelector<HTMLElement>('.hearth-Tab[data-state=\"active\"]');\n    if (!activeTrigger) return;\n\n    setActiveTabIndicatorX(activeTrigger.offsetLeft);\n    setActiveTabIndicatorWidth(activeTrigger.offsetWidth);\n  }, []);\n\n  // Compute overflow and whether we can scroll left/right to show scroll icons\n  const checkOverflow = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const overflow = el.scrollWidth > el.clientWidth + 1;\n    const canLeft = overflow && el.scrollLeft > 0;\n    const canRight = overflow && el.scrollLeft + el.clientWidth < el.scrollWidth - 1;\n\n    setCanScrollLeft(canLeft);\n    setCanScrollRight(canRight);\n  }, []);\n\n  // Keep indicator and scroll buttons in sync with DOM/layout changes\n  useLayoutEffect(() => {\n    updateIndicator();\n    checkOverflow();\n\n    const container = containerRef.current;\n    const scrollEl = scrollRef.current;\n    if (!container && !scrollEl) return;\n\n    // Watch size changes (container and scroll viewport)\n    const resizeObserver = new ResizeObserver(() => {\n      updateIndicator();\n      checkOverflow();\n    });\n\n    if (container) resizeObserver.observe(container);\n    if (scrollEl) resizeObserver.observe(scrollEl);\n\n    // Watch DOM mutations that can affect which tab is active or present\n    const mutationObserver = new MutationObserver(() => {\n      updateIndicator();\n      checkOverflow();\n    });\n\n    if (container) {\n      mutationObserver.observe(container, {\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['data-state'],\n        childList: true,\n      });\n    }\n\n    // Update scroll icons as the user scrolls\n    const onScroll = () => checkOverflow();\n    scrollEl?.addEventListener('scroll', onScroll, { passive: true });\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      scrollEl?.removeEventListener('scroll', onScroll);\n    };\n  }, [updateIndicator, checkOverflow]);\n\n  // Smoothly scroll the tab section by ~60% of the viewport width\n  const scrollBy = useCallback((direction: 1 | -1) => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const step = el.clientWidth * 0.6;\n    const target = Math.max(\n      0,\n      Math.min(el.scrollLeft + direction * step, el.scrollWidth - el.clientWidth)\n    );\n    el.scrollTo({ left: target, behavior: 'smooth' });\n  }, []);\n\n  const handleScrollLeft = useCallback(() => scrollBy(-1), [scrollBy]);\n  const handleScrollRight = useCallback(() => scrollBy(1), [scrollBy]);\n\n  return (\n    <TabsPrimitive.List className={clsx(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={clsx(`${componentClassName}Scroll`, {\n          [`${componentClassName}Scroll-with-left`]: canScrollLeft,\n          [`${componentClassName}Scroll-with-right`]: canScrollRight,\n        })}\n        ref={scrollRef}\n      >\n        <div className={`${componentClassName}Container`} ref={containerRef}>\n          {children}\n          <div\n            className={`${componentClassName}Indicator`}\n            // Animated underline: position and width driven by active trigger\n            style={{\n              transform: `translateX(${activeTabIndicatorX}px)`,\n              width: `${activeTabIndicatorWidth}px`,\n            }}\n          />\n        </div>\n      </div>\n      {canScrollRight ? (\n        <div className={`${componentClassName}ScrollButtonRight`} aria-hidden>\n          <UnstyledIconButton label=\"scroll right\" tabIndex={-1} onClick={handleScrollRight}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </TabsPrimitive.List>\n  );\n};\n\nTabsList.displayName = COMPONENT_NAME;\n"],"mappings":"gFAEA,OAAS,eAAAA,EAAa,mBAAAC,EAAiB,UAAAC,EAAQ,YAAAC,MAAgB,QAC/D,OAAOC,MAAU,OACjB,OAAS,QAAQC,MAAqB,WAEtC,OAAS,wBAAAC,EAAsB,yBAAAC,MAA6B,uCA6GhD,cAAAC,EAWJ,QAAAC,MAXI,oBAzGZ,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAK,IAAqB,CAC3E,IAAMC,EAAeC,EAA8B,IAAI,EACjDC,EAAYD,EAA8B,IAAI,EAG9C,CAACE,EAAqBC,CAAsB,EAAIC,EAAS,CAAC,EAC1D,CAACC,EAAyBC,CAA0B,EAAIF,EAAS,CAAC,EAGlE,CAACG,EAAeC,CAAgB,EAAIJ,EAAS,EAAK,EAClD,CAACK,EAAgBC,CAAiB,EAAIN,EAAS,EAAK,EAGpDO,EAAkBC,EAAY,IAAM,CACxC,IAAMC,EAAYd,EAAa,QAC/B,GAAI,CAACc,EAAW,OAEhB,IAAMC,EAAgBD,EAAU,cAA2B,kCAAkC,EACxFC,IAELX,EAAuBW,EAAc,UAAU,EAC/CR,EAA2BQ,EAAc,WAAW,EACtD,EAAG,CAAC,CAAC,EAGCC,EAAgBH,EAAY,IAAM,CACtC,IAAMI,EAAKf,EAAU,QACrB,GAAI,CAACe,EAAI,OAET,IAAMC,EAAWD,EAAG,YAAcA,EAAG,YAAc,EAC7CE,EAAUD,GAAYD,EAAG,WAAa,EACtCG,EAAWF,GAAYD,EAAG,WAAaA,EAAG,YAAcA,EAAG,YAAc,EAE/ER,EAAiBU,CAAO,EACxBR,EAAkBS,CAAQ,CAC5B,EAAG,CAAC,CAAC,EAGLC,EAAgB,IAAM,CACpBT,EAAgB,EAChBI,EAAc,EAEd,IAAMF,EAAYd,EAAa,QACzBsB,EAAWpB,EAAU,QAC3B,GAAI,CAACY,GAAa,CAACQ,EAAU,OAG7B,IAAMC,EAAiB,IAAI,eAAe,IAAM,CAC9CX,EAAgB,EAChBI,EAAc,CAChB,CAAC,EAEGF,GAAWS,EAAe,QAAQT,CAAS,EAC3CQ,GAAUC,EAAe,QAAQD,CAAQ,EAG7C,IAAME,EAAmB,IAAI,iBAAiB,IAAM,CAClDZ,EAAgB,EAChBI,EAAc,CAChB,CAAC,EAEGF,GACFU,EAAiB,QAAQV,EAAW,CAClC,QAAS,GACT,WAAY,GACZ,gBAAiB,CAAC,YAAY,EAC9B,UAAW,EACb,CAAC,EAIH,IAAMW,EAAW,IAAMT,EAAc,EACrC,OAAAM,GAAU,iBAAiB,SAAUG,EAAU,CAAE,QAAS,EAAK,CAAC,EAEzD,IAAM,CACXF,EAAe,WAAW,EAC1BC,EAAiB,WAAW,EAC5BF,GAAU,oBAAoB,SAAUG,CAAQ,CAClD,CACF,EAAG,CAACb,EAAiBI,CAAa,CAAC,EAGnC,IAAMU,EAAWb,EAAac,GAAsB,CAClD,IAAMV,EAAKf,EAAU,QACrB,GAAI,CAACe,EAAI,OAET,IAAMW,EAAOX,EAAG,YAAc,GACxBY,EAAS,KAAK,IAClB,EACA,KAAK,IAAIZ,EAAG,WAAaU,EAAYC,EAAMX,EAAG,YAAcA,EAAG,WAAW,CAC5E,EACAA,EAAG,SAAS,CAAE,KAAMY,EAAQ,SAAU,QAAS,CAAC,CAClD,EAAG,CAAC,CAAC,EAECC,EAAmBjB,EAAY,IAAMa,EAAS,EAAE,EAAG,CAACA,CAAQ,CAAC,EAC7DK,EAAoBlB,EAAY,IAAMa,EAAS,CAAC,EAAG,CAACA,CAAQ,CAAC,EAEnE,OACElC,EAACwC,EAAc,KAAd,CAAmB,UAAWC,EAAKvC,EAAoBG,CAAS,EAAI,GAAGE,EACrE,UAAAS,EACCjB,EAAC,OAAI,UAAW,GAAGG,CAAkB,mBAAoB,cAAW,GAClE,SAAAH,EAAC2C,EAAA,CAAmB,MAAM,cAAc,SAAU,GAAI,QAASJ,EAC7D,SAAAvC,EAAC4C,EAAA,EAAqB,EACxB,EACF,EACE,KACJ5C,EAAC,OACC,UAAW0C,EAAK,GAAGvC,CAAkB,SAAU,CAC7C,CAAC,GAAGA,CAAkB,kBAAkB,EAAGc,EAC3C,CAAC,GAAGd,CAAkB,mBAAmB,EAAGgB,CAC9C,CAAC,EACD,IAAKR,EAEL,SAAAV,EAAC,OAAI,UAAW,GAAGE,CAAkB,YAAa,IAAKM,EACpD,UAAAF,EACDP,EAAC,OACC,UAAW,GAAGG,CAAkB,YAEhC,MAAO,CACL,UAAW,cAAcS,CAAmB,MAC5C,MAAO,GAAGG,CAAuB,IACnC,EACF,GACF,EACF,EACCI,EACCnB,EAAC,OAAI,UAAW,GAAGG,CAAkB,oBAAqB,cAAW,GACnE,SAAAH,EAAC2C,EAAA,CAAmB,MAAM,eAAe,SAAU,GAAI,QAASH,EAC9D,SAAAxC,EAAC6C,EAAA,EAAsB,EACzB,EACF,EACE,MACN,CAEJ,EAEAxC,EAAS,YAAcH","names":["useCallback","useLayoutEffect","useRef","useState","clsx","TabsPrimitive","ChevronLeftSmallIcon","ChevronRightSmallIcon","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","className","children","rest","containerRef","useRef","scrollRef","activeTabIndicatorX","setActiveTabIndicatorX","useState","activeTabIndicatorWidth","setActiveTabIndicatorWidth","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","updateIndicator","useCallback","container","activeTrigger","checkOverflow","el","overflow","canLeft","canRight","useLayoutEffect","scrollEl","resizeObserver","mutationObserver","onScroll","scrollBy","direction","step","target","handleScrollLeft","handleScrollRight","TabsPrimitive","clsx","UnstyledIconButton","ChevronLeftSmallIcon","ChevronRightSmallIcon"]}

package/dist/chunk-DWXKH5VB.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkZUHERTNIcjs = require('./chunk-ZUHERTNI.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var e="ListActionLink",c=_chunk5AK4QM2Gcjs.b.call(void 0, e),l= exports.a =({className:m,children:s,...a})=>_jsxruntime.jsx.call(void 0, _chunkZUHERTNIcjs.a,{size:"md",weight:"semibold",asChild:!0,children:_jsxruntime.jsxs.call(void 0, "a",{className:_clsx2.default.call(void 0, c,m),...a,children:[s,_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})]})});l.displayName=e;exports.a = l;
-//# sourceMappingURL=chunk-DWXKH5VB.cjs.map

package/dist/chunk-DWXKH5VB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DWXKH5VB.cjs","../src/components/List/ListActionLink.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ListActionLink","className","children","props","jsx","BodyText","jsxs","clsx","ChevronRightSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wECGhE,wEAEqB,+CAahC,IAVAA,CAAAA,CAAiB,gBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAiB,CAAC,CAC7B,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAEIC,6BAAAA,mBAACC,CAAA,CAAS,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,UAAA,CAAW,OAAA,CAAO,CAAA,CAAA,CAC3C,QAAA,CAAAC,8BAAAA,GAAC,CAAA,CAAE,SAAA,CAAWC,4BAAAA,CAAKT,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACpD,QAAA,CAAA,CAAAD,CAAAA,CACDE,6BAAAA,uCAACI,CAAA,CAAA,CAAsB,CAAA,CAAA,CACzB,CAAA,CACF,CAAA,CAIJR,CAAAA,CAAe,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DWXKH5VB.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'ListActionLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ListActionLink = ({\n  className,\n  children,\n  ...props\n}: React.ComponentPropsWithRef<'a'>) => {\n  return (\n    <BodyText size=\"md\" weight=\"semibold\" asChild>\n      <a className={clsx(componentClassName, className)} {...props}>\n        {children}\n        <ChevronRightSmallIcon />\n      </a>\n    </BodyText>\n  );\n};\n\nListActionLink.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-DYBPMC65.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["strong","subtle"],r= exports.b ={borderColor:{className:"border-color",tokens:o,responsive:!1},borderTopColor:{className:"border-top-color",tokens:o,responsive:!1},borderRightColor:{className:"border-right-color",tokens:o,responsive:!1},borderBottomColor:{className:"border-bottom-color",tokens:o,responsive:!1},borderLeftColor:{className:"border-left-color",tokens:o,responsive:!1}};exports.a = o; exports.b = r;
-//# sourceMappingURL=chunk-DYBPMC65.cjs.map

package/dist/chunk-DYBPMC65.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/border-color.props.ts"],"names":["colorValues","borderColorPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAc,CAAC,QAAA,CAAU,QAAQ,CAAA,CAEjCC,CAAAA,aAAsB,CAC1B,WAAA,CAAa,CAAE,SAAA,CAAW,cAAA,CAAgB,MAAA,CAAQD,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAM,CAAA,CACjF,cAAA,CAAgB,CAAE,SAAA,CAAW,kBAAA,CAAoB,MAAA,CAAQA,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAM,CAAA,CACxF,gBAAA,CAAkB,CAAE,SAAA,CAAW,oBAAA,CAAsB,MAAA,CAAQA,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAM,CAAA,CAC5F,iBAAA,CAAmB,CAAE,SAAA,CAAW,qBAAA,CAAuB,MAAA,CAAQA,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAM,CAAA,CAC9F,eAAA,CAAiB,CAAE,SAAA,CAAW,mBAAA,CAAqB,MAAA,CAAQA,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAM,CAC5F,CAAA,CAAA,6BAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DYBPMC65.cjs","sourcesContent":["import { CssTokenVariable } from '../types/css-token-variable';\nimport { PropDef } from './prop-def';\n\nconst colorValues = ['strong', 'subtle'] as const;\n\nconst borderColorPropDefs = {\n  borderColor: { className: 'border-color', tokens: colorValues, responsive: false },\n  borderTopColor: { className: 'border-top-color', tokens: colorValues, responsive: false },\n  borderRightColor: { className: 'border-right-color', tokens: colorValues, responsive: false },\n  borderBottomColor: { className: 'border-bottom-color', tokens: colorValues, responsive: false },\n  borderLeftColor: { className: 'border-left-color', tokens: colorValues, responsive: false },\n} satisfies {\n  borderColor: PropDef<(typeof colorValues)[number] | CssTokenVariable>;\n  borderTopColor: PropDef<(typeof colorValues)[number] | CssTokenVariable>;\n  borderRightColor: PropDef<(typeof colorValues)[number] | CssTokenVariable>;\n  borderBottomColor: PropDef<(typeof colorValues)[number] | CssTokenVariable>;\n  borderLeftColor: PropDef<(typeof colorValues)[number] | CssTokenVariable>;\n};\n\ninterface BorderColorProps {\n  /**\n   * Set the border colour.\n   */\n  borderColor?: (typeof colorValues)[number] | CssTokenVariable;\n  /**\n   * Set the border top colour.\n   */\n  borderTopColor?: (typeof colorValues)[number] | CssTokenVariable;\n  /**\n   * Set the border right colour.\n   */\n  borderRightColor?: (typeof colorValues)[number] | CssTokenVariable;\n  /**\n   * Set the border bottom colour.\n   */\n  borderBottomColor?: (typeof colorValues)[number] | CssTokenVariable;\n  /**\n   * Set the border left colour.\n   */\n  borderLeftColor?: (typeof colorValues)[number] | CssTokenVariable;\n}\n\nexport { borderColorPropDefs, colorValues as borderColorValues };\nexport type { BorderColorProps };\n"]}

package/dist/chunk-E2BNMZB7.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-AFZ3OJUA.js";import{a as i}from"./chunk-HZKPLNEZ.js";import{a as r}from"./chunk-P3SXCN4J.js";import{b as o}from"./chunk-JTQWB7E2.js";import l from"clsx";import{jsx as d}from"react/jsx-runtime";var t="InlineLink",f=o(t),c=s=>{let{className:a,color:n="default",children:m,...p}=r(s,i,e);return d("a",{className:l(f,a),"data-inverted":n==="inverted"?"":void 0,"data-inherit-color":n==="inherit"?"":void 0,...p,children:m})};c.displayName=t;export{c as a};
-//# sourceMappingURL=chunk-E2BNMZB7.js.map

package/dist/chunk-E2BNMZB7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/InlineLink/InlineLink.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { InlineLinkProps } from './InlineLink.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\n\nconst COMPONENT_NAME = 'InlineLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const InlineLink = (props: InlineLinkProps) => {\n  const {\n    className,\n    color = 'default',\n    children,\n    ...inlineLinkProps\n  } = extractProps(props, marginPropDefs, textTransformPropDefs);\n  return (\n    <a\n      className={clsx(componentClassName, className)}\n      data-inverted={color === 'inverted' ? '' : undefined}\n      data-inherit-color={color === 'inherit' ? '' : undefined}\n      {...inlineLinkProps}\n    >\n      {children}\n    </a>\n  );\n};\n\nInlineLink.displayName = COMPONENT_NAME;\n"],"mappings":"gKAAA,OAAOA,MAAU,OAkBb,cAAAC,MAAA,oBAXJ,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAcC,GAA2B,CACpD,GAAM,CACJ,UAAAC,EACA,MAAAC,EAAQ,UACR,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAaL,EAAOM,EAAgBC,CAAqB,EAC7D,OACEZ,EAAC,KACC,UAAWa,EAAKX,EAAoBI,CAAS,EAC7C,gBAAeC,IAAU,WAAa,GAAK,OAC3C,qBAAoBA,IAAU,UAAY,GAAK,OAC9C,GAAGE,EAEH,SAAAD,EACH,CAEJ,EAEAJ,EAAW,YAAcH","names":["clsx","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","InlineLink","props","className","color","children","inlineLinkProps","extractProps","marginPropDefs","textTransformPropDefs","clsx"]}

package/dist/chunk-E5VZCIJ6.js

@@ -1,2 +0,0 @@
-var o=["sm","md","lg"],e=["regular","semibold","bold"],s={size:{className:"size",tokens:o,responsive:!0,default:"md"},weight:{className:"weight",tokens:e,responsive:!0},paragraphSpacing:{className:"paragraph-spacing",responsive:!1}};export{s as a};
-//# sourceMappingURL=chunk-E5VZCIJ6.js.map

package/dist/chunk-E5VZCIJ6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/BodyText/BodyText.props.ts"],"sourcesContent":["import { ComponentPropsWithRef } from 'react';\nimport { ColorProps } from '../../props/color.props';\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';\nimport type { Responsive } from '../../types/responsive';\n\nconst sizes = ['sm', 'md', 'lg'] as const;\nconst weights = ['regular', 'semibold', 'bold'] as const;\n\nexport const bodyTextPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n  weight: { className: 'weight', tokens: weights, responsive: true },\n  paragraphSpacing: { className: 'paragraph-spacing', responsive: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  weight: PropDef<(typeof weights)[number]>;\n  paragraphSpacing: PropDef<boolean>;\n};\n\ninterface CommonBodyTextProps\n  extends ColorProps,\n    TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * Cannot be used in combination with `asChild`.\n   * @default p\n   */\n  as?: 'p' | 'div' | 'span' | 'label';\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   * Set the text size styles.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Set the font-weight\n   * @default regular\n   */\n  weight?: Responsive<(typeof weights)[number]>;\n  /**\n   * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   * Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).\n   */\n  truncate?: boolean | undefined;\n  /**\n   * If true, the text will have a bottom margin.\n   */\n  paragraphSpacing?: boolean;\n}\ntype BodyTextDivProps = { as?: 'div' } & ComponentPropsWithRef<'div'>;\ntype BodyTextSpanProps = { as?: 'span' } & ComponentPropsWithRef<'span'>;\ntype BodyTextPProps = { as?: 'p' } & ComponentPropsWithRef<'p'>;\ntype BodyTextLabelProps = { as?: 'label' } & ComponentPropsWithRef<'label'>;\nexport type BodyTextProps = CommonBodyTextProps &\n  (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps | BodyTextLabelProps);\n"],"mappings":"AASA,IAAMA,EAAQ,CAAC,KAAM,KAAM,IAAI,EACzBC,EAAU,CAAC,UAAW,WAAY,MAAM,EAEjCC,EAAmB,CAC9B,KAAM,CAAE,UAAW,OAAQ,OAAQF,EAAO,WAAY,GAAM,QAAS,IAAK,EAC1E,OAAQ,CAAE,UAAW,SAAU,OAAQC,EAAS,WAAY,EAAK,EACjE,iBAAkB,CAAE,UAAW,oBAAqB,WAAY,EAAM,CACxE","names":["sizes","weights","bodyTextPropDefs"]}

package/dist/chunk-E75GYZOH.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk54XL7JHUcjs = require('./chunk-54XL7JHU.cjs');var _chunkKE65YZ55cjs = require('./chunk-KE65YZ55.cjs');var _chunk4VG5MYC3cjs = require('./chunk-4VG5MYC3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunkIYSVQSPGcjs = require('./chunk-IYSVQSPG.cjs');var _chunkSPWXYK7Xcjs = require('./chunk-SPWXYK7X.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');var i="CardInteraction",C=_chunk5AK4QM2Gcjs.b.call(void 0, i),I= exports.a =n=>{let{className:c,secondary:f,...d}=_chunk4HAN4WSZcjs.a.call(void 0, n,_chunk54XL7JHUcjs.a,_chunkHW74KDL7cjs.a,_chunkIYSVQSPGcjs.a,_chunk4VG5MYC3cjs.a,_chunkSPWXYK7Xcjs.a),P={"data-secondary":f?"":void 0};return _jsxruntime.jsx.call(void 0, _chunkKE65YZ55cjs.a,{className:_clsx2.default.call(void 0, C,c),...d,...P})};I.displayName=i;exports.a = I;
-//# sourceMappingURL=chunk-E75GYZOH.cjs.map

package/dist/chunk-E75GYZOH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-E75GYZOH.cjs","../src/components/Card/CardInteraction.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardInteraction","props","className","secondary","cardProps","extractProps","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","dataAttributeProps","jsx","Flex","clsx"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECAjT,+CA6Bb,IAlBEA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmBC,CAAAA,EAAgC,CAC9D,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAU,CAAA,CAAIC,iCAAAA,CAC7CJ,CACAK,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEMC,CAAAA,CAAqB,CACzB,gBAAA,CAAkBR,CAAAA,CAAY,EAAA,CAAK,KAAA,CACrC,CAAA,CAEA,OACES,6BAAAA,mBAACC,CAAA,CAAK,SAAA,CAAWC,4BAAAA,CAAKhB,CAAoBI,CAAS,CAAA,CAAI,GAAGE,CAAAA,CAAY,GAAGO,CAAAA,CAAoB,CAEjG,CAAA,CAEAX,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-E75GYZOH.cjs","sourcesContent":[null,"import clsx from 'clsx';\nimport { cardPropDefs } from './Card.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { Flex } from '../Flex/Flex';\nimport type { CardInteractionProps } from './CardInteraction.props';\n\nconst COMPONENT_NAME = 'CardInteraction';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardInteraction = (props: CardInteractionProps) => {\n  const { className, secondary, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs\n  );\n\n  const dataAttributeProps = {\n    'data-secondary': secondary ? '' : undefined,\n  };\n\n  return (\n    <Flex className={clsx(componentClassName, className)} {...cardProps} {...dataAttributeProps} />\n  );\n};\n\nCardInteraction.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-E7ZCZZM6.js

@@ -1,2 +0,0 @@
-var s=["none","2xs","xs","sm","md","lg","xl","2xl"],e={spacing:{className:"spacing",tokens:s,responsive:!1},rowSpacing:{className:"row-spacing",tokens:s,responsive:!1},columnSpacing:{className:"column-spacing",tokens:s,responsive:!1}};export{e as a};
-//# sourceMappingURL=chunk-E7ZCZZM6.js.map

package/dist/chunk-E7ZCZZM6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/spacing.props.ts"],"sourcesContent":["import { PropDef } from './prop-def';\n\nconst spacingValues = ['none', '2xs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\n\nconst spacingPropDefs = {\n  spacing: { className: 'spacing', tokens: spacingValues, responsive: false },\n  rowSpacing: { className: 'row-spacing', tokens: spacingValues, responsive: false },\n  columnSpacing: { className: 'column-spacing', tokens: spacingValues, responsive: false },\n} satisfies {\n  spacing: PropDef<(typeof spacingValues)[number]>;\n  rowSpacing: PropDef<(typeof spacingValues)[number]>;\n  columnSpacing: PropDef<(typeof spacingValues)[number]>;\n};\n\ninterface SpacingProps {\n  /**\n   * Set responsive spacing between child elements.\n   */\n  spacing?: (typeof spacingValues)[number];\n  /**\n   * Set responsive row spacing between child elements.\n   */\n  rowSpacing?: (typeof spacingValues)[number];\n  /**\n   * Set responsive column spacing between child elements.\n   */\n  columnSpacing?: (typeof spacingValues)[number];\n}\n\nexport type { SpacingProps };\nexport { spacingPropDefs };\n"],"mappings":"AAEA,IAAMA,EAAgB,CAAC,OAAQ,MAAO,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK,EAEnEC,EAAkB,CACtB,QAAS,CAAE,UAAW,UAAW,OAAQD,EAAe,WAAY,EAAM,EAC1E,WAAY,CAAE,UAAW,cAAe,OAAQA,EAAe,WAAY,EAAM,EACjF,cAAe,CAAE,UAAW,iBAAkB,OAAQA,EAAe,WAAY,EAAM,CACzF","names":["spacingValues","spacingPropDefs"]}

package/dist/chunk-EKTGUJNB.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk66DWUQXNcjs = require('./chunk-66DWUQXN.cjs');var _chunkZUHERTNIcjs = require('./chunk-ZUHERTNI.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');var m="HighlightBanner",n=_chunk5AK4QM2Gcjs.b.call(void 0, m),N= exports.a =l=>{let{children:s,className:h,colorScheme:c,heading:g,headingColor:p,...d}=_chunk4HAN4WSZcjs.a.call(void 0, l,_chunkHW74KDL7cjs.a);return _jsxruntime.jsxs.call(void 0, _chunk66DWUQXNcjs.a,{className:_clsx2.default.call(void 0, n,h),...d,colorScheme:c,direction:"column",paddingNone:!0,children:[_jsxruntime.jsx.call(void 0, "div",{className:`${n}Heading`,"data-colorscheme":p,children:_jsxruntime.jsx.call(void 0, _chunkZUHERTNIcjs.a,{size:"md",weight:"semibold",textAlign:"center",children:g})}),s]})};N.displayName=m;exports.a = N;
-//# sourceMappingURL=chunk-EKTGUJNB.cjs.map

package/dist/chunk-EKTGUJNB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-EKTGUJNB.cjs","../src/components/HighlightBanner/HighlightBanner.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","HighlightBanner","props","children","className","colorScheme","heading","headingColor","highlightBannerProps","extractProps","marginPropDefs","jsxs","Card","clsx","jsx"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECA3L,+CAgBb,IAREA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmBC,CAAAA,EAAgC,CAC9D,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAAA,CAAW,WAAA,CAAAC,CAAAA,CAAa,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,GAAGC,CAAqB,CAAA,CACvFC,iCAAAA,CAAaP,CAAOQ,mBAAc,CAAA,CAEpC,OACEC,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,4BAAAA,CAAKd,CAAoBK,CAAS,CAAA,CAC5C,GAAGI,CAAAA,CACJ,WAAA,CAAaH,CAAAA,CACb,SAAA,CAAU,QAAA,CACV,WAAA,CAAW,CAAA,CAAA,CAEX,QAAA,CAAA,CAAAS,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-EKTGUJNB.cjs","sourcesContent":[null,"import clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport type { HighlightBannerProps } from './HighlightBanner.props';\nimport { Card } from '../Card/Card';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'HighlightBanner';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const HighlightBanner = (props: HighlightBannerProps) => {\n  const { children, className, colorScheme, heading, headingColor, ...highlightBannerProps } =\n    extractProps(props, marginPropDefs);\n\n  return (\n    <Card\n      className={clsx(componentClassName, className)}\n      {...highlightBannerProps}\n      colorScheme={colorScheme}\n      direction=\"column\"\n      paddingNone\n    >\n      <div className={`${componentClassName}Heading`} data-colorscheme={headingColor}>\n        <BodyText size=\"md\" weight=\"semibold\" textAlign=\"center\">\n          {heading}\n        </BodyText>\n      </div>\n      {children}\n    </Card>\n  );\n};\n\nHighlightBanner.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ENEN752Q.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var o="SelectItem",i=_chunk5AK4QM2Gcjs.b.call(void 0, o),a= exports.a =({className:c,children:r,...l})=>_jsxruntime.jsxs.call(void 0, _radixui.Select.Item,{className:_clsx2.default.call(void 0, i,c),...l,children:[_jsxruntime.jsx.call(void 0, _radixui.Select.ItemText,{children:r}),_jsxruntime.jsx.call(void 0, _radixui.Select.ItemIndicator,{className:`${i}Indicator`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{})})]});a.displayName=o;exports.a = a;
-//# sourceMappingURL=chunk-ENEN752Q.cjs.map

package/dist/chunk-ENEN752Q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ENEN752Q.cjs","../src/components/Select/SelectItem.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SelectItem","className","children","props","jsxs","SelectPrimitive","clsx","jsx"],"mappings":"AAAA,iOAAwC,wECEvB,mCAEyB,wEACZ,+CAQ1B,IALEA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAa,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAA,EAEvDC,8BAAAA,eAACC,CAAgB,IAAA,CAAhB,CAAqB,SAAA,CAAWC,4BAAAA,CAAKR,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACxE,QAAA,CAAA,CAAAI,6BAAAA,eAACF,CAAgB,QAAA,CAAhB,CAA0B,QAAA,CAAAH,CAAAA,CAAS,CAAA,CACpCK,6BAAAA,eAACF,CAAgB,aAAA,CAAhB,CAA8B,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ENEN752Q.cjs","sourcesContent":[null,"'use client';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Select as SelectPrimitive } from 'radix-ui';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport type { SelectItemProps } from './Select.props';\n\nconst COMPONENT_NAME = 'SelectItem';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const SelectItem = ({ className, children, ...props }: SelectItemProps) => {\n  return (\n    <SelectPrimitive.Item className={clsx(componentClassName, className)} {...props}>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator className={`${componentClassName}Indicator`}>\n        <TickSmallIcon />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nSelectItem.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-EUTKQ2DV.js

@@ -1,2 +0,0 @@
-var e={width:{className:"width",responsive:!0},maxWidth:{className:"max-width",responsive:!0},minWidth:{className:"min-width",responsive:!0},height:{className:"height",responsive:!0},maxHeight:{className:"max-height",responsive:!0},minHeight:{className:"min-height",responsive:!0}};export{e as a};
-//# sourceMappingURL=chunk-EUTKQ2DV.js.map

package/dist/chunk-EUTKQ2DV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/size.props.ts"],"sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst sizePropDefs = {\n  width: { className: 'width', responsive: true },\n  maxWidth: { className: 'max-width', responsive: true },\n  minWidth: { className: 'min-width', responsive: true },\n  height: { className: 'height', responsive: true },\n  maxHeight: { className: 'max-height', responsive: true },\n  minHeight: { className: 'min-height', responsive: true },\n} satisfies {\n  width: PropDef<string>;\n  maxWidth: PropDef<string>;\n  minWidth: PropDef<string>;\n  height: PropDef<string>;\n  maxHeight: PropDef<string>;\n  minHeight: PropDef<string>;\n};\n\ninterface SizeProps {\n  width?: Responsive<string>;\n  maxWidth?: Responsive<string>;\n  minWidth?: Responsive<string>;\n  height?: Responsive<string>;\n  maxHeight?: Responsive<string>;\n  minHeight?: Responsive<string>;\n}\n\nexport type { SizeProps };\nexport { sizePropDefs };\n"],"mappings":"AAGA,IAAMA,EAAe,CACnB,MAAO,CAAE,UAAW,QAAS,WAAY,EAAK,EAC9C,SAAU,CAAE,UAAW,YAAa,WAAY,EAAK,EACrD,SAAU,CAAE,UAAW,YAAa,WAAY,EAAK,EACrD,OAAQ,CAAE,UAAW,SAAU,WAAY,EAAK,EAChD,UAAW,CAAE,UAAW,aAAc,WAAY,EAAK,EACvD,UAAW,CAAE,UAAW,aAAc,WAAY,EAAK,CACzD","names":["sizePropDefs"]}

package/dist/chunk-EWEDDKSK.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-BC5UC3PV.js";import{b as a}from"./chunk-JTQWB7E2.js";import r from"clsx";import{jsx as e}from"react/jsx-runtime";var i="TablePagination",p=a(i),s=({className:n,...t})=>e(o,{className:r(p,n),...t,as:"div"});s.displayName=i;export{s as a};
-//# sourceMappingURL=chunk-EWEDDKSK.js.map

package/dist/chunk-EWEDDKSK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Table/TablePagination.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Pagination } from '../Pagination/Pagination';\nimport type { TablePaginationProps } from './TablePagination.props';\n\nconst COMPONENT_NAME = 'TablePagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TablePagination = ({ className, ...props }: TablePaginationProps) => {\n  return <Pagination className={clsx(componentClassName, className)} {...props} as=\"div\" />;\n};\n\nTablePagination.displayName = COMPONENT_NAME;\n"],"mappings":"gFAAA,OAAOA,MAAU,OAUR,cAAAC,MAAA,oBAJT,IAAMC,EAAiB,kBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAkB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,IAC7CN,EAACO,EAAA,CAAW,UAAWC,EAAKN,EAAoBG,CAAS,EAAI,GAAGC,EAAO,GAAG,MAAM,EAGzFF,EAAgB,YAAcH","names":["clsx","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TablePagination","className","props","Pagination","clsx"]}

package/dist/chunk-F244R6W2.js

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

package/dist/chunk-F244R6W2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/InputBase/InputBase.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport type { InputBaseProps } from './InputBase.props';\n\nconst COMPONENT_NAME = 'InputBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const InputBase = ({\n  className,\n  children,\n  disabled,\n  readOnly,\n  required,\n  placeholder,\n  ref: forwardedRef,\n  ...props\n}: InputBaseProps) => {\n  const defaultRef = React.useRef<HTMLInputElement>(null);\n  const inputRef = forwardedRef || defaultRef;\n  return (\n    <div\n      className={clsx(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      onPointerDown={event => {\n        // avoid losing focus when users click on non-interactive slot elements, such as icons\n        const target = event.target as HTMLElement;\n        if (target.closest('input, button, a')) return;\n\n        if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n          const input = inputRef.current;\n          requestAnimationFrame(() => {\n            input.focus();\n          });\n        }\n      }}\n    >\n      <input\n        ref={inputRef}\n        spellCheck=\"false\"\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={!disabled ? placeholder : undefined}\n        {...props}\n      />\n      {children}\n    </div>\n  );\n};\n\nInputBase.displayName = COMPONENT_NAME;\n"],"mappings":"wCAGA,OAAOA,MAAU,OACjB,OAAOC,MAAW,QAmBd,OAgBE,OAAAC,EAhBF,QAAAC,MAAA,oBAhBJ,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAY,CAAC,CACxB,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,IAAKC,EACL,GAAGC,CACL,IAAsB,CACpB,IAAMC,EAAaf,EAAM,OAAyB,IAAI,EAChDgB,EAAWH,GAAgBE,EACjC,OACEb,EAAC,OACC,UAAWH,EAAKK,EAAoBG,CAAS,EAC7C,gBAAeE,EAAW,GAAK,OAC/B,cAAeQ,GAAS,CAGtB,GAAI,CADWA,EAAM,OACV,QAAQ,kBAAkB,GAEjCD,GAAY,OAAOA,GAAa,UAAYA,EAAS,QAAS,CAChE,IAAME,EAAQF,EAAS,QACvB,sBAAsB,IAAM,CAC1BE,EAAM,MAAM,CACd,CAAC,CACH,CACF,EAEA,UAAAjB,EAAC,SACC,IAAKe,EACL,WAAW,QACX,SAAUL,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACxB,GAAGE,EACN,EACCN,GACH,CAEJ,EAEAF,EAAU,YAAcH","names":["clsx","React","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","InputBase","className","children","disabled","readOnly","required","placeholder","forwardedRef","props","defaultRef","inputRef","event","input"]}

package/dist/chunk-FCE2GBBX.js

@@ -1,2 +0,0 @@
-var o=["primary","secondary","brand","affirmative","inverted"],r={color:{className:"color",tokens:o,responsive:!1}};export{o as a,r as b};
-//# sourceMappingURL=chunk-FCE2GBBX.js.map

package/dist/chunk-FCE2GBBX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/color.props.ts"],"sourcesContent":["import { PropDef } from './prop-def';\nimport { CssTokenVariable } from '../types/css-token-variable';\n\nconst colorValues = ['primary', 'secondary', 'brand', 'affirmative', 'inverted'] as const;\n\nconst colorPropDefs = {\n  color: { className: 'color', tokens: colorValues, responsive: false },\n} satisfies {\n  color: PropDef<(typeof colorValues)[number] | CssTokenVariable>;\n};\n\ninterface ColorProps {\n  /**\n   * Set the foreground colour.\n   */\n  color?: (typeof colorValues)[number] | CssTokenVariable;\n}\n\nexport { colorPropDefs, colorValues };\nexport type { ColorProps };\n"],"mappings":"AAGA,IAAMA,EAAc,CAAC,UAAW,YAAa,QAAS,cAAe,UAAU,EAEzEC,EAAgB,CACpB,MAAO,CAAE,UAAW,QAAS,OAAQD,EAAa,WAAY,EAAM,CACtE","names":["colorValues","colorPropDefs"]}

package/dist/chunk-FERJQJXY.js

@@ -1,2 +0,0 @@
-import{a as i}from"./chunk-7QJII353.js";import{a as t}from"./chunk-KTRS247Q.js";import{b as s}from"./chunk-JTQWB7E2.js";import g from"clsx";import{jsx as p}from"react/jsx-runtime";var a="ProgressStepLink",k=s(a),S=({children:r,label:n,className:l,status:e,disabled:o,href:m,"aria-label":P,...c})=>{let f=e==="active";return p(i,{status:e,className:g(k,l),"aria-label":P,label:n,children:f?r:p(t,{...c,href:o?void 0:m,role:"link","aria-disabled":o,children:r})})};S.displayName=a;export{S as a};
-//# sourceMappingURL=chunk-FERJQJXY.js.map

package/dist/chunk-FERJQJXY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ProgressStepper/ProgressStepLink.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport clsx from 'clsx';\nimport type { ProgressStepLinkProps } from './ProgressStep.props';\nimport { ProgressStep } from './ProgressStep';\n\nconst COMPONENT_NAME = 'ProgressStepLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressStepLink = ({\n  children,\n  label,\n  className,\n  status,\n  disabled,\n  href,\n  'aria-label': ariaLabel,\n  ...props\n}: ProgressStepLinkProps) => {\n  const isActive = status === 'active';\n\n  return (\n    <ProgressStep\n      status={status}\n      className={clsx(componentClassName, className)}\n      aria-label={ariaLabel}\n      label={label}\n    >\n      {isActive ? (\n        children\n      ) : (\n        <Link {...props} href={disabled ? undefined : href} role=\"link\" aria-disabled={disabled}>\n          {children}\n        </Link>\n      )}\n    </ProgressStep>\n  );\n};\n\nProgressStepLink.displayName = COMPONENT_NAME;\n"],"mappings":"wHAIA,OAAOA,MAAU,OA6BT,cAAAC,MAAA,oBAzBR,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmB,CAAC,CAC/B,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAcC,EACd,GAAGC,CACL,IAA6B,CAC3B,IAAMC,EAAWL,IAAW,SAE5B,OACER,EAACc,EAAA,CACC,OAAQN,EACR,UAAWO,EAAKb,EAAoBK,CAAS,EAC7C,aAAYI,EACZ,MAAOL,EAEN,SAAAO,EACCR,EAEAL,EAACgB,EAAA,CAAM,GAAGJ,EAAO,KAAMH,EAAW,OAAYC,EAAM,KAAK,OAAO,gBAAeD,EAC5E,SAAAJ,EACH,EAEJ,CAEJ,EAEAD,EAAiB,YAAcH","names":["clsx","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressStepLink","children","label","className","status","disabled","href","ariaLabel","props","isActive","ProgressStep","clsx","Link"]}

package/dist/chunk-FIISOD2Y.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');var r="TableHeader",s=_chunk5AK4QM2Gcjs.b.call(void 0, r),m= exports.a =({className:o,children:t,...l})=>_jsxruntime.jsx.call(void 0, "thead",{className:_clsx2.default.call(void 0, s,o),...l,children:_jsxruntime.jsx.call(void 0, "tr",{children:t})});m.displayName=r;exports.a = m;
-//# sourceMappingURL=chunk-FIISOD2Y.cjs.map

package/dist/chunk-FIISOD2Y.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FIISOD2Y.cjs","../src/components/Table/TableHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TableHeader","className","children","props","jsx","clsx"],"mappings":"AAAA,iOAAwC,wECAvB,+CAWX,IANAA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAc,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAA,EAExDC,6BAAAA,OAAC,CAAA,CAAM,SAAA,CAAWC,4BAAAA,CAAKP,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACzD,QAAA,CAAAC,6BAAAA,IAAC,CAAA,CAAI,QAAA,CAAAF,CAAAA,CAAS,CAAA,CAChB,CAAA,CAIJF,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FIISOD2Y.cjs","sourcesContent":[null,"import clsx from 'clsx';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TableHeaderProps } from './Table.props';\n\nconst COMPONENT_NAME = 'TableHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TableHeader = ({ className, children, ...props }: TableHeaderProps) => {\n  return (\n    <thead className={clsx(componentClassName, className)} {...props}>\n      <tr>{children}</tr>\n    </thead>\n  );\n};\n\nTableHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-FL5GB2M3.js

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

package/dist/chunk-FL5GB2M3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\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\nexport const UnstyledIconButton = (props: UnstyledIconButtonProps) => {\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      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\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\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"],"mappings":"2OAEA,OAAOA,MAAU,OAOjB,OAAS,QAAAC,MAAY,WAkCT,cAAAC,MAAA,oBA9BZ,IAAMC,EAAiB,qBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAsBC,GAAmC,CACpE,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,CAA0B,EAE5CC,EAAcC,EAAyBb,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFc,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACEpB,EAACmB,EAAA,CACC,UAAWE,EAAKnB,EAAoBI,CAAS,EAC7C,aAAYE,EACZ,gBAAeC,GAAYE,EAC3B,gBAAeD,EAAW,GAAK,OAC/B,QAASD,EAAW,OAAYG,EAC/B,GAAGE,EAEH,SAAAH,EACGW,EAAW,CAAE,QAAAT,EAAS,SAAAN,CAAS,EAAG,IAChCP,EAACuB,EAAA,CAAQ,KAAMN,EAAqC,aAAY,GAAC,CAClE,EACDV,EACN,CAEJ,EAEAH,EAAmB,YAAcH","names":["clsx","Slot","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","clsx","getSubtree","Spinner"]}

package/dist/chunk-FQ6PTSQH.js

@@ -1,2 +0,0 @@
-import{b as o}from"./chunk-JTQWB7E2.js";import r from"clsx";import{jsx as i}from"react/jsx-runtime";var t="ModalFooter",m=o(t),s=({className:a,...e})=>i("div",{className:r(m,a),...e});s.displayName=t;export{s as a};
-//# sourceMappingURL=chunk-FQ6PTSQH.js.map

package/dist/chunk-FQ6PTSQH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\n\nconst COMPONENT_NAME = 'ModalFooter';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ModalFooter = ({ className, ...props }: React.ComponentPropsWithRef<'div'>) => {\n  return <div className={clsx(componentClassName, className)} {...props} />;\n};\n\nModalFooter.displayName = COMPONENT_NAME;\n"],"mappings":"wCACA,OAAOA,MAAU,OAOR,cAAAC,MAAA,oBAJT,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAc,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,IACzCN,EAAC,OAAI,UAAWO,EAAKL,EAAoBG,CAAS,EAAI,GAAGC,EAAO,EAGzEF,EAAY,YAAcH","names":["clsx","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ModalFooter","className","props","clsx"]}

package/dist/chunk-FXLQFOUL.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk64QURBIIcjs = require('./chunk-64QURBII.cjs');var _chunkUICIKADYcjs = require('./chunk-UICIKADY.cjs');var _chunk3Q4XWRALcjs = require('./chunk-3Q4XWRAL.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk6XA5OQRTcjs = require('./chunk-6XA5OQRT.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var n="Heading",D=_chunk5AK4QM2Gcjs.b.call(void 0, n),H= exports.a =({size:f,as:d="h2",...l})=>{let{className:P,asChild:c,inverted:g,children:o,...N}=_chunk4HAN4WSZcjs.a.call(void 0, {size:f,...l},_chunk64QURBIIcjs.a,_chunk6XA5OQRTcjs.a,_chunkUICIKADYcjs.a,_chunk3Q4XWRALcjs.a,_chunkHW74KDL7cjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{className:_clsx2.default.call(void 0, D,P),"data-inverted":g?"":void 0,...N,children:c?o:_jsxruntime.jsx.call(void 0, d,{children:o})})};H.displayName=n;exports.a = H;
-//# sourceMappingURL=chunk-FXLQFOUL.cjs.map

package/dist/chunk-FXLQFOUL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FXLQFOUL.cjs","../src/components/Heading/Heading.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Heading","size","Tag","props","className","asChild","inverted","children","headingProps","extractProps","headingPropDefs","textAlignPropDefs","textTransformPropDefs","textWrapPropDefs","marginPropDefs","jsx","Slot","clsx"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECE7Q,mCAKI,+CAyBO,IAnBtBA,CAAAA,CAAiB,SAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAU,CAAC,CAAE,IAAA,CAAAC,CAAAA,CAAM,EAAA,CAAIC,CAAAA,CAAM,IAAA,CAAM,GAAGC,CAAM,CAAA,CAAA,EAAoB,CAC3E,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAa,CAAA,CAAIC,iCAAAA,CAChE,IAAA,CAAAR,CAAAA,CAAM,GAAGE,CAAM,CAAA,CACjBO,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEA,OACEC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,SAAA,CAAWC,4BAAAA,CAAKnB,CAAoBM,CAAS,CAAA,CAC7C,eAAA,CAAeE,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGE,CAAAA,CAEH,QAAA,CAAAH,CAAAA,CAAUE,CAAAA,CAAWQ,6BAAAA,CAACb,CAAA,CAAK,QAAA,CAAAK,CAAAA,CAAS,CAAA,CACvC,CAEJ,CAAA,CAEAP,CAAAA,CAAQ,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FXLQFOUL.cjs","sourcesContent":[null,"'use client';\n\nimport clsx from 'clsx';\nimport { headingPropDefs } from './Heading.props';\nimport type { HeadingProps } from './Heading.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { Slot } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { textWrapPropDefs } from '../../props/text-wrap.props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Heading';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Heading = ({ size, as: Tag = 'h2', ...props }: HeadingProps) => {\n  const { className, asChild, inverted, children, ...headingProps } = extractProps(\n    { size, ...props },\n    headingPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    textWrapPropDefs,\n    marginPropDefs\n  );\n\n  return (\n    <Slot.Root\n      className={clsx(componentClassName, className)}\n      data-inverted={inverted ? '' : undefined}\n      {...headingProps}\n    >\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n};\n\nHeading.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-FY6DQXIE.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-AAFBAPGH.js";import{a as t}from"./chunk-HKVDH6LF.js";import{a as e}from"./chunk-OVZTK4ZV.js";import{b as r}from"./chunk-JTQWB7E2.js";import c from"clsx";import{jsx as a,jsxs as m}from"react/jsx-runtime";var i="CardBannerContent",x=r(i),f=({heading:s,description:p,className:d,children:l,textAlign:o,...C})=>m(n,{className:c(x,d),direction:"column",spacing:"lg",...C,children:[m(n,{spacing:"sm",direction:"column",children:[a(t,{size:"sm",textAlign:o,children:s}),a(e,{size:"md",textAlign:o,children:p})]}),l]});f.displayName=i;export{f as a};
-//# sourceMappingURL=chunk-FY6DQXIE.js.map

package/dist/chunk-FY6DQXIE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Card/CardBannerContent.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Heading } from '../Heading/Heading';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { CardBannerContentProps } from './CardBannerContent.props';\n\nconst COMPONENT_NAME = 'CardBannerContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CardBannerContent = ({\n  heading,\n  description,\n  className,\n  children,\n  textAlign,\n  ...props\n}: CardBannerContentProps) => {\n  return (\n    <Flex\n      className={clsx(componentClassName, className)}\n      direction=\"column\"\n      spacing=\"lg\"\n      {...props}\n    >\n      <Flex spacing=\"sm\" direction=\"column\">\n        <Heading size=\"sm\" textAlign={textAlign}>\n          {heading}\n        </Heading>\n        <BodyText size=\"md\" textAlign={textAlign}>\n          {description}\n        </BodyText>\n      </Flex>\n      {children}\n    </Flex>\n  );\n};\n\nCardBannerContent.displayName = COMPONENT_NAME;\n"],"mappings":"gKAAA,OAAOA,MAAU,OAyBX,OACE,OAAAC,EADF,QAAAC,MAAA,oBAlBN,IAAMC,EAAiB,oBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAoB,CAAC,CAChC,QAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAEIV,EAACW,EAAA,CACC,UAAWC,EAAKV,EAAoBK,CAAS,EAC7C,UAAU,SACV,QAAQ,KACP,GAAGG,EAEJ,UAAAV,EAACW,EAAA,CAAK,QAAQ,KAAK,UAAU,SAC3B,UAAAZ,EAACc,EAAA,CAAQ,KAAK,KAAK,UAAWJ,EAC3B,SAAAJ,EACH,EACAN,EAACe,EAAA,CAAS,KAAK,KAAK,UAAWL,EAC5B,SAAAH,EACH,GACF,EACCE,GACH,EAIJJ,EAAkB,YAAcH","names":["clsx","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","CardBannerContent","heading","description","className","children","textAlign","props","Flex","clsx","Heading","BodyText"]}

package/dist/chunk-FZ6HRVJN.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-Z2GXND5K.js";import{c as b}from"./chunk-5OLLJKEO.js";import{a as p}from"./chunk-AAFBAPGH.js";import{a as n}from"./chunk-ZRFF2XAA.js";import{a as f}from"./chunk-KJ4W3OTX.js";import{b as m}from"./chunk-JTQWB7E2.js";import T from"clsx";import{RadioGroup as u}from"radix-ui";import{jsx as e,jsxs as i}from"react/jsx-runtime";var h="Radio",F=m(h),H=({id:R,label:o,helperText:r,image:x,className:N,labelFontWeight:I,"aria-labelledby":a,...v})=>{let{id:t,labelId:d,helperTextId:s}=f({providedId:R,prefix:"radio"}),{hasGroupHelperText:y,"aria-describedby":G}=b(),l=!y&&r!==void 0,P=!!o;return i("div",{className:T(F,N),children:[e("div",{className:"hearth-RadioContainer",children:e(u.Item,{...v,id:t,"aria-describedby":l?s:G,"aria-labelledby":a||(o?d:void 0),className:"hearth-RadioItem",children:e(u.Indicator,{className:"hearth-RadioIndicator"})})}),P?i(p,{direction:"column",gap:"50",children:[i(c,{id:d,htmlFor:t,disableUserSelect:!0,fontWeight:I,children:[x,o]}),l?e(n,{id:s,disableUserSelect:!0,children:r}):null]}):null]})};H.displayName=h;export{H as a};
-//# sourceMappingURL=chunk-FZ6HRVJN.js.map

package/dist/chunk-FZ6HRVJN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { RadioProps } from './Radio.props';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { HelperText } from '../HelperText/HelperText';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst COMPONENT_NAME = 'Radio';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Radio = ({\n  id: providedId,\n  label,\n  helperText,\n  image,\n  className,\n  labelFontWeight,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: RadioProps) => {\n  const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n  const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n  const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n  const showLabel = !!label;\n  return (\n    <div className={clsx(componentClassName, className)}>\n      <div className=\"hearth-RadioContainer\">\n        <RadioGroupPrimitive.Item\n          {...props}\n          id={id}\n          aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n          aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n          className=\"hearth-RadioItem\"\n        >\n          <RadioGroupPrimitive.Indicator className=\"hearth-RadioIndicator\" />\n        </RadioGroupPrimitive.Item>\n      </div>\n      {showLabel ? (\n        <Flex direction=\"column\" gap=\"50\">\n          <Label id={labelId} htmlFor={id} disableUserSelect fontWeight={labelFontWeight}>\n            {image}\n            {label}\n          </Label>\n          {showHelperText ? (\n            <HelperText id={helperTextId} disableUserSelect>\n              {helperText}\n            </HelperText>\n          ) : null}\n        </Flex>\n      ) : null}\n    </div>\n  );\n};\n\nRadio.displayName = COMPONENT_NAME;\n"],"mappings":"gPAEA,OAAOA,MAAU,OAEjB,OAAS,cAAcC,MAA2B,WAmCxC,cAAAC,EAKA,QAAAC,MALA,oBA3BV,IAAMC,EAAiB,QACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAQ,CAAC,CACpB,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,IAAkB,CAChB,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAX,EAAY,OAAQ,OAAQ,CAAC,EACtE,CAAE,mBAAAY,EAAoB,mBAAoBC,CAAgB,EAAIC,EAAiB,EAC/EC,EAAyB,CAACH,GAAsBV,IAAe,OAC/Dc,EAAY,CAAC,CAACf,EACpB,OACEN,EAAC,OAAI,UAAWsB,EAAKpB,EAAoBO,CAAS,EAChD,UAAAV,EAAC,OAAI,UAAU,wBACb,SAAAA,EAACwB,EAAoB,KAApB,CACE,GAAGX,EACJ,GAAIC,EACJ,mBAAkBO,EAAiBL,EAAeG,EAClD,kBAAiBP,IAAkCL,EAAQQ,EAAU,QACrE,UAAU,mBAEV,SAAAf,EAACwB,EAAoB,UAApB,CAA8B,UAAU,wBAAwB,EACnE,EACF,EACCF,EACCrB,EAACwB,EAAA,CAAK,UAAU,SAAS,IAAI,KAC3B,UAAAxB,EAACyB,EAAA,CAAM,GAAIX,EAAS,QAASD,EAAI,kBAAiB,GAAC,WAAYH,EAC5D,UAAAF,EACAF,GACH,EACCc,EACCrB,EAAC2B,EAAA,CAAW,GAAIX,EAAc,kBAAiB,GAC5C,SAAAR,EACH,EACE,MACN,EACE,MACN,CAEJ,EAEAH,EAAM,YAAcH","names":["clsx","RadioGroupPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Radio","providedId","label","helperText","image","className","labelFontWeight","ariaLabelledby","props","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","showLabel","clsx","RadioGroupPrimitive","Flex","Label","HelperText"]}

package/dist/chunk-G3KTE55V.js

@@ -1,2 +0,0 @@
-import{a as f}from"./chunk-5Q6TZKIN.js";import{b as x}from"./chunk-VWSFBMZ6.js";import{a as k}from"./chunk-AAFBAPGH.js";import{b as C}from"./chunk-JTQWB7E2.js";import*as a from"react";import M from"clsx";import{useControllableState as O}from"@radix-ui/react-use-controllable-state";import{jsx as c}from"react/jsx-runtime";var G="CheckboxGroup",U=C(G),z=({disabled:r,required:p,label:b,labelVariant:P,helperText:v,validationText:N,validationStatus:d,value:s,contentWidth:m="fit-content",direction:n="column",defaultValue:l,onValueChange:u,children:i,className:F,name:h,...I})=>{let g={...I,disabled:r,required:p,label:b,labelVariant:P,helperText:v,validationText:N,validationStatus:d},w={width:m,direction:n,name:h,required:p,disabled:r,defaultValue:l,value:s,onValueChange:u,children:i},[y=[],o]=O({prop:s,defaultProp:l||[],onChange:u}),B=a.useCallback(e=>o((t=[])=>[...t,e]),[o]),R=a.useCallback(e=>o((t=[])=>t.filter(E=>E!==e)),[o]),A={name:h,value:y,onItemCheck:B,onItemUncheck:R};return c(f,{className:M(U,F),...g,children:c(k,{...w,className:"hearth-CheckboxGroupContent","data-orientation":n==="column"?"vertical":"horizontal","data-disabled":r?"":void 0,width:m,children:c(x,{value:A,children:i})})})};z.displayName=G;export{z as a};
-//# sourceMappingURL=chunk-G3KTE55V.js.map

package/dist/chunk-G3KTE55V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxGroupProps } from './CheckboxGroup.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { FormGroupBase } from '../FormGroupBase/FormGroupBase';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CheckboxGroupProvider } from './CheckboxGroup.context';\n\nconst COMPONENT_NAME = 'CheckboxGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CheckboxGroup = ({\n  disabled,\n  required,\n  label,\n  labelVariant,\n  helperText,\n  validationText,\n  validationStatus,\n  value: valueProp,\n  contentWidth = 'fit-content',\n  direction = 'column',\n  defaultValue,\n  onValueChange,\n  children,\n  className,\n  name,\n  ...props\n}: CheckboxGroupProps) => {\n  const formGroupBaseProps = {\n    ...props,\n    disabled,\n    required,\n    label,\n    labelVariant,\n    helperText,\n    validationText,\n    validationStatus,\n  };\n\n  const checkboxGroupProps = {\n    width: contentWidth,\n    direction,\n    name,\n    required,\n    disabled,\n    defaultValue,\n    value: valueProp,\n    onValueChange,\n    children,\n  };\n\n  // useControllableState will handle whether controlled or uncontrolled\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue || ([] as Array<string>),\n    onChange: onValueChange,\n  });\n\n  const handleItemCheck = React.useCallback(\n    (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n\n  const handleItemUncheck = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) => prevValue.filter(value => value !== itemValue)),\n    [setValue]\n  );\n\n  const providerValue = {\n    name,\n    value,\n    onItemCheck: handleItemCheck,\n    onItemUncheck: handleItemUncheck,\n  };\n\n  return (\n    <FormGroupBase className={clsx(componentClassName, className)} {...formGroupBaseProps}>\n      <Flex\n        {...checkboxGroupProps}\n        className=\"hearth-CheckboxGroupContent\"\n        data-orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        data-disabled={disabled ? '' : undefined}\n        width={contentWidth}\n      >\n        <CheckboxGroupProvider value={providerValue}>{children}</CheckboxGroupProvider>\n      </Flex>\n    </FormGroupBase>\n  );\n};\n\nCheckboxGroup.displayName = COMPONENT_NAME;\n"],"mappings":"gKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAKjB,OAAS,wBAAAC,MAA4B,yCAiF7B,cAAAC,MAAA,oBA9ER,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,MAAOC,EACP,aAAAC,EAAe,cACf,UAAAC,EAAY,SACZ,aAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,GAAGC,CACL,IAA0B,CACxB,IAAMC,EAAqB,CACzB,GAAGD,EACH,SAAAf,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EAEMW,EAAqB,CACzB,MAAOT,EACP,UAAAC,EACA,KAAAK,EACA,SAAAb,EACA,SAAAD,EACA,aAAAU,EACA,MAAOH,EACP,cAAAI,EACA,SAAAC,CACF,EAGM,CAACM,EAAQ,CAAC,EAAGC,CAAQ,EAAIC,EAAqB,CAClD,KAAMb,EACN,YAAaG,GAAiB,CAAC,EAC/B,SAAUC,CACZ,CAAC,EAEKU,EAAwB,cAC3BC,GAAsBH,EAAS,CAACI,EAAY,CAAC,IAAM,CAAC,GAAGA,EAAWD,CAAS,CAAC,EAC7E,CAACH,CAAQ,CACX,EAEMK,EAA0B,cAC7BF,GACCH,EAAS,CAACI,EAAY,CAAC,IAAMA,EAAU,OAAOL,GAASA,IAAUI,CAAS,CAAC,EAC7E,CAACH,CAAQ,CACX,EAEMM,EAAgB,CACpB,KAAAX,EACA,MAAAI,EACA,YAAaG,EACb,cAAeG,CACjB,EAEA,OACE7B,EAAC+B,EAAA,CAAc,UAAWC,EAAK9B,EAAoBgB,CAAS,EAAI,GAAGG,EACjE,SAAArB,EAACiC,EAAA,CACE,GAAGX,EACJ,UAAU,8BACV,mBAAkBR,IAAc,SAAW,WAAa,aACxD,gBAAeT,EAAW,GAAK,OAC/B,MAAOQ,EAEP,SAAAb,EAACkC,EAAA,CAAsB,MAAOJ,EAAgB,SAAAb,EAAS,EACzD,EACF,CAEJ,EAEAb,EAAc,YAAcH","names":["React","clsx","useControllableState","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","CheckboxGroup","disabled","required","label","labelVariant","helperText","validationText","validationStatus","valueProp","contentWidth","direction","defaultValue","onValueChange","children","className","name","props","formGroupBaseProps","checkboxGroupProps","value","setValue","useControllableState","handleItemCheck","itemValue","prevValue","handleItemUncheck","providerValue","FormGroupBase","clsx","Flex","CheckboxGroupProvider"]}

package/dist/chunk-GCUPCTCZ.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkZUHERTNIcjs = require('./chunk-ZUHERTNI.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var e="ListActionButton",c=_chunk5AK4QM2Gcjs.b.call(void 0, e),l= exports.a =({className:m,children:n,...s})=>_jsxruntime.jsx.call(void 0, _chunkZUHERTNIcjs.a,{size:"md",weight:"semibold",asChild:!0,children:_jsxruntime.jsxs.call(void 0, "button",{className:_clsx2.default.call(void 0, c,m),...s,children:[n,_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})]})});l.displayName=e;exports.a = l;
-//# sourceMappingURL=chunk-GCUPCTCZ.cjs.map

package/dist/chunk-GCUPCTCZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-GCUPCTCZ.cjs","../src/components/List/ListActionButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ListActionButton","className","children","props","jsx","BodyText","jsxs","clsx","ChevronRightSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wECGhE,wEAEqB,+CAahC,IAVAA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAC,CAC/B,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAA,EAEIC,6BAAAA,mBAACC,CAAA,CAAS,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,UAAA,CAAW,OAAA,CAAO,CAAA,CAAA,CAC3C,QAAA,CAAAC,8BAAAA,QAAC,CAAA,CAAO,SAAA,CAAWC,4BAAAA,CAAKT,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CACzD,QAAA,CAAA,CAAAD,CAAAA,CACDE,6BAAAA,uCAACI,CAAA,CAAA,CAAsB,CAAA,CAAA,CACzB,CAAA,CACF,CAAA,CAIJR,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-GCUPCTCZ.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'ListActionButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ListActionButton = ({\n  className,\n  children,\n  ...props\n}: React.ComponentPropsWithRef<'button'>) => {\n  return (\n    <BodyText size=\"md\" weight=\"semibold\" asChild>\n      <button className={clsx(componentClassName, className)} {...props}>\n        {children}\n        <ChevronRightSmallIcon />\n      </button>\n    </BodyText>\n  );\n};\n\nListActionButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-GGU4YCAC.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk-BXIGKJTJ.js";import{a as i}from"./chunk-OVZTK4ZV.js";import{a as e}from"./chunk-HZKPLNEZ.js";import{a as r}from"./chunk-P3SXCN4J.js";import{b as o}from"./chunk-JTQWB7E2.js";import f from"clsx";import{jsx as a,jsxs as B}from"react/jsx-runtime";var m="HighlightBanner",n=o(m),N=l=>{let{children:s,className:h,colorScheme:c,heading:g,headingColor:p,...d}=r(l,e);return B(t,{className:f(n,h),...d,colorScheme:c,direction:"column",paddingNone:!0,children:[a("div",{className:`${n}Heading`,"data-colorscheme":p,children:a(i,{size:"md",weight:"semibold",textAlign:"center",children:g})}),s]})};N.displayName=m;export{N as a};
-//# sourceMappingURL=chunk-GGU4YCAC.js.map

package/dist/chunk-GGU4YCAC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/HighlightBanner/HighlightBanner.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport type { HighlightBannerProps } from './HighlightBanner.props';\nimport { Card } from '../Card/Card';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'HighlightBanner';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const HighlightBanner = (props: HighlightBannerProps) => {\n  const { children, className, colorScheme, heading, headingColor, ...highlightBannerProps } =\n    extractProps(props, marginPropDefs);\n\n  return (\n    <Card\n      className={clsx(componentClassName, className)}\n      {...highlightBannerProps}\n      colorScheme={colorScheme}\n      direction=\"column\"\n      paddingNone\n    >\n      <div className={`${componentClassName}Heading`} data-colorscheme={headingColor}>\n        <BodyText size=\"md\" weight=\"semibold\" textAlign=\"center\">\n          {heading}\n        </BodyText>\n      </div>\n      {children}\n    </Card>\n  );\n};\n\nHighlightBanner.displayName = COMPONENT_NAME;\n"],"mappings":"wMAAA,OAAOA,MAAU,OAgBb,OAQI,OAAAC,EARJ,QAAAC,MAAA,oBARJ,IAAMC,EAAiB,kBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmBC,GAAgC,CAC9D,GAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,YAAAC,EAAa,QAAAC,EAAS,aAAAC,EAAc,GAAGC,CAAqB,EACvFC,EAAaP,EAAOQ,CAAc,EAEpC,OACEb,EAACc,EAAA,CACC,UAAWC,EAAKb,EAAoBK,CAAS,EAC5C,GAAGI,EACJ,YAAaH,EACb,UAAU,SACV,YAAW,GAEX,UAAAT,EAAC,OAAI,UAAW,GAAGG,CAAkB,UAAW,mBAAkBQ,EAChE,SAAAX,EAACiB,EAAA,CAAS,KAAK,KAAK,OAAO,WAAW,UAAU,SAC7C,SAAAP,EACH,EACF,EACCH,GACH,CAEJ,EAEAF,EAAgB,YAAcH","names":["clsx","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","HighlightBanner","props","children","className","colorScheme","heading","headingColor","highlightBannerProps","extractProps","marginPropDefs","Card","clsx","BodyText"]}

package/dist/chunk-GXNQ3NYH.js

@@ -1,2 +0,0 @@
-import{a as l}from"./chunk-X5H7DCWE.js";import{a as m}from"./chunk-Z5U6YDUM.js";import{a}from"./chunk-XGAN7QJF.js";import{a as i}from"./chunk-P3SXCN4J.js";import{b as e}from"./chunk-JTQWB7E2.js";import{a as c}from"./chunk-JBNKX7O7.js";import{a as p}from"./chunk-AHTIZRCQ.js";import C from"clsx";import{Slot as N}from"radix-ui";import{jsx as o}from"react/jsx-runtime";var f="IconButton",I=e(f),h=t=>{let{className:u,label:d,disabled:B,loading:n,children:r,asChild:s,...P}=i(t,l),S=c(t.size||"md",{md:"sm",sm:"xs"}),b=s?N.Root:"button";return o(m,{className:C(I,u),"aria-label":d,disabled:B||n,asChild:!0,...P,children:o(b,{children:n?p({asChild:s,children:r},()=>o(a,{size:S,currentColor:!0})):r})})};h.displayName=f;export{h as a};
-//# sourceMappingURL=chunk-GXNQ3NYH.js.map

package/dist/chunk-GXNQ3NYH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { iconButtonPropDefs } from './IconButton.props';\nimport type { IconButtonProps } from './IconButton.props';\nimport { ButtonBase } 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';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = (props: IconButtonProps) => {\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      className={clsx(componentClassName, className)}\n      aria-label={label}\n      disabled={disabled || loading}\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":"mRAEA,OAAOA,MAAU,OAQjB,OAAS,QAAAC,MAAY,WAyBP,cAAAC,MAAA,oBArBd,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAcC,GAA2B,CACpD,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAgB,EACjFC,EAAaR,EAAOS,CAAkB,EAElCC,EAAcC,EAAyBX,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFY,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACElB,EAACmB,EAAA,CACC,UAAWC,EAAKlB,EAAoBI,CAAS,EAC7C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,QAAO,GACN,GAAGG,EAEJ,SAAAZ,EAACiB,EAAA,CACE,SAAAR,EACGY,EAAW,CAAE,QAAAV,EAAS,SAAAD,CAAS,EAAG,IAChCV,EAACsB,EAAA,CAAQ,KAAMP,EAAqC,aAAY,GAAC,CAClE,EACDL,EACN,EACF,CAEJ,EAEAN,EAAW,YAAcH","names":["clsx","Slot","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"]}

package/dist/chunk-GXPECOUS.js

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

package/dist/chunk-GXPECOUS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const PasswordInput = ({\n  className,\n  disabled,\n  id: providedId,\n  ref: forwardedRef,\n  ...props\n}: PasswordInputProps) => {\n  const defaultRef = React.useRef<HTMLInputElement | null>(null);\n  const inputRef = forwardedRef || defaultRef;\n  const [visible, setVisible] = React.useState(false);\n  const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n  const handleVisibility = React.useCallback(() => {\n    const newVisibilityState = !visible;\n    const newVisibilityMessageState = !showVisibilityMessage;\n    setVisible(newVisibilityState);\n    setShowVisibilityMessage(newVisibilityMessageState);\n  }, [visible, showVisibilityMessage]);\n\n  // If the PasswordInput is inside a form we should switch the input type\n  // back to password when its parent form is submitted\n  React.useEffect(() => {\n    // Get the ref value and ensure proper typing\n    let currentElement: HTMLInputElement | null = null;\n    if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n      // Type assertion to ensure TypeScript understands this is a valid ref object\n      const refObject = inputRef as React.RefObject<HTMLInputElement>;\n      currentElement = refObject.current;\n    }\n\n    const handleSubmit = () => {\n      if (currentElement?.type) {\n        currentElement.type = 'password';\n      }\n    };\n\n    if (currentElement && currentElement.form !== null) {\n      currentElement.form.addEventListener('submit', handleSubmit);\n    }\n    return () => {\n      if (currentElement?.form) {\n        currentElement.form.removeEventListener('submit', handleSubmit);\n      }\n    };\n  }, [inputRef]);\n\n  const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      setShowVisibilityMessage(false);\n    }, 1500);\n  }, [showVisibilityMessage]);\n\n  const { id } = useIds({ providedId, prefix: 'password-input' });\n\n  return (\n    <>\n      <TextInput\n        ref={inputRef}\n        className={clsx(componentClassName, className)}\n        type={visible ? 'text' : 'password'}\n        disabled={disabled}\n        id={id}\n        {...props}\n      >\n        <InputSlot placement=\"suffix\">\n          <UnstyledIconButton\n            type=\"button\"\n            label=\"toggle password visibility\"\n            onClick={handleVisibility}\n            disabled={disabled}\n            aria-pressed={visible}\n          >\n            {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n          </UnstyledIconButton>\n        </InputSlot>\n      </TextInput>\n      <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n        {showVisibilityMessage ? visibilityMessage : ''}\n      </div>\n    </>\n  );\n};\n\nPasswordInput.displayName = COMPONENT_NAME;\n"],"mappings":"wMAGA,OAAOA,MAAU,OACjB,OAAOC,MAAW,QAKlB,OAAS,mBAAAC,EAAiB,gBAAAC,MAAoB,uCA+D1C,mBAAAC,EAiBmB,OAAAC,EAjBnB,QAAAC,MAAA,oBA5DJ,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,IAAKC,EACL,GAAGC,CACL,IAA0B,CACxB,IAAMC,EAAaC,EAAM,OAAgC,IAAI,EACvDC,EAAWJ,GAAgBE,EAC3B,CAACG,EAASC,CAAU,EAAIH,EAAM,SAAS,EAAK,EAC5C,CAACI,EAAuBC,CAAwB,EAAIL,EAAM,SAAS,EAAK,EAExEM,EAAmBN,EAAM,YAAY,IAAM,CAC/C,IAAMO,EAAqB,CAACL,EACtBM,EAA4B,CAACJ,EACnCD,EAAWI,CAAkB,EAC7BF,EAAyBG,CAAyB,CACpD,EAAG,CAACN,EAASE,CAAqB,CAAC,EAInCJ,EAAM,UAAU,IAAM,CAEpB,IAAIS,EAA0C,KAC1CR,GAAY,OAAOA,GAAa,UAAYA,EAAS,UAGvDQ,EADkBR,EACS,SAG7B,IAAMS,EAAe,IAAM,CACrBD,GAAgB,OAClBA,EAAe,KAAO,WAE1B,EAEA,OAAIA,GAAkBA,EAAe,OAAS,MAC5CA,EAAe,KAAK,iBAAiB,SAAUC,CAAY,EAEtD,IAAM,CACPD,GAAgB,MAClBA,EAAe,KAAK,oBAAoB,SAAUC,CAAY,CAElE,CACF,EAAG,CAACT,CAAQ,CAAC,EAEb,IAAMU,EAAoB,oBAAoBT,EAAU,QAAU,QAAQ,IAE1EF,EAAM,UAAU,IAAM,CACpB,WAAW,IAAM,CACfK,EAAyB,EAAK,CAChC,EAAG,IAAI,CACT,EAAG,CAACD,CAAqB,CAAC,EAE1B,GAAM,CAAE,GAAAQ,CAAG,EAAIC,EAAO,CAAE,WAAAjB,EAAY,OAAQ,gBAAiB,CAAC,EAE9D,OACEP,EAAAF,EAAA,CACE,UAAAC,EAAC0B,EAAA,CACC,IAAKb,EACL,UAAWc,EAAKxB,EAAoBG,CAAS,EAC7C,KAAMQ,EAAU,OAAS,WACzB,SAAUP,EACV,GAAIiB,EACH,GAAGd,EAEJ,SAAAV,EAAC4B,EAAA,CAAU,UAAU,SACnB,SAAA5B,EAAC6B,EAAA,CACC,KAAK,SACL,MAAM,6BACN,QAASX,EACT,SAAUX,EACV,eAAcO,EAEb,SAAAA,EAAUd,EAAC8B,EAAA,EAAa,EAAK9B,EAAC+B,EAAA,EAAgB,EACjD,EACF,EACF,EACA/B,EAAC,OAAI,uBAAoB,GAAC,YAAU,YAAY,KAAK,SAClD,SAAAgB,EAAwBO,EAAoB,GAC/C,GACF,CAEJ,EAEAlB,EAAc,YAAcH","names":["clsx","React","EyeOffSmallIcon","EyeSmallIcon","Fragment","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","className","disabled","providedId","forwardedRef","props","defaultRef","React","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","id","useIds","TextInput","clsx","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"]}

package/dist/chunk-H4WLFL5E.js

@@ -1,2 +0,0 @@
-var e=["none","inline-flex","flex"],o=["row","column","row-reverse","column-reverse"],r=["start","center","end","baseline","stretch"],s=["start","center","end","stretch","around","between","evenly"],t=["start","center","end","between","around","evenly"],n=["nowrap","wrap","wrap-reverse"],p={display:{className:"display",tokens:e,responsive:!0},direction:{className:"flex-direction",tokens:o,responsive:!0},alignItems:{className:"align-items",tokens:r,responsive:!0},alignContent:{className:"align-content",tokens:s,responsive:!0},justifyContent:{className:"justify-content",tokens:t,responsive:!0},wrap:{className:"flex-wrap",tokens:n,responsive:!0}};export{p as a};
-//# sourceMappingURL=chunk-H4WLFL5E.js.map

package/dist/chunk-H4WLFL5E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Flex/Flex.props.ts"],"sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderProps } from '../../props/border.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 { MarginProps } from '../../props/margin.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 { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst alignItemsValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst alignContentValues = [\n  'start',\n  'center',\n  'end',\n  'stretch',\n  'around',\n  'between',\n  'evenly',\n] as const;\nconst justifyContentValues = ['start', 'center', 'end', 'between', 'around', 'evenly'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nexport const flexPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n  direction: { className: 'flex-direction', tokens: directionValues, responsive: true },\n  alignItems: { className: 'align-items', tokens: alignItemsValues, responsive: true },\n  alignContent: { className: 'align-content', tokens: alignContentValues, responsive: true },\n  justifyContent: {\n    className: 'justify-content',\n    tokens: justifyContentValues,\n    responsive: true,\n  },\n  wrap: { className: 'flex-wrap', tokens: wrapValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  alignItems: PropDef<(typeof alignItemsValues)[number]>;\n  alignContent: PropDef<(typeof alignContentValues)[number]>;\n  justifyContent: PropDef<(typeof justifyContentValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\ninterface CommonFlexProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    GapProps,\n    Pick<SpacingProps, 'spacing'>,\n    BorderProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n  direction?: Responsive<(typeof directionValues)[number]>;\n  alignItems?: Responsive<(typeof alignItemsValues)[number]>;\n  alignContent?: Responsive<(typeof alignContentValues)[number]>;\n  justifyContent?: Responsive<(typeof justifyContentValues)[number]>;\n  wrap?: Responsive<(typeof wrapValues)[number]>;\n}\ntype FlexDivProps = { as?: 'div' } & React.ComponentPropsWithRef<'div'>;\ntype FlexSpanProps = { as?: 'span' } & React.ComponentPropsWithRef<'span'>;\nexport type FlexProps = CommonFlexProps & (FlexDivProps | FlexSpanProps);\n"],"mappings":"AAkBA,IAAMA,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAkB,CAAC,MAAO,SAAU,cAAe,gBAAgB,EACnEC,EAAmB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EACnEC,EAAqB,CACzB,QACA,SACA,MACA,UACA,SACA,UACA,QACF,EACMC,EAAuB,CAAC,QAAS,SAAU,MAAO,UAAW,SAAU,QAAQ,EAC/EC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAEvCC,EAAe,CAC1B,QAAS,CAAE,UAAW,UAAW,OAAQN,EAAe,WAAY,EAAK,EACzE,UAAW,CAAE,UAAW,iBAAkB,OAAQC,EAAiB,WAAY,EAAK,EACpF,WAAY,CAAE,UAAW,cAAe,OAAQC,EAAkB,WAAY,EAAK,EACnF,aAAc,CAAE,UAAW,gBAAiB,OAAQC,EAAoB,WAAY,EAAK,EACzF,eAAgB,CACd,UAAW,kBACX,OAAQC,EACR,WAAY,EACd,EACA,KAAM,CAAE,UAAW,YAAa,OAAQC,EAAY,WAAY,EAAK,CACvE","names":["displayValues","directionValues","alignItemsValues","alignContentValues","justifyContentValues","wrapValues","flexPropDefs"]}

package/dist/chunk-HCPOFZ2P.js

@@ -1,2 +0,0 @@
-var e=["none","xs","sm","md","lg","xl","full","inherit"],r={borderRadius:{className:"border-radius",tokens:e,responsive:!0},borderTopLeftRadius:{className:"border-top-left-radius",tokens:e,responsive:!0},borderTopRightRadius:{className:"border-top-right-radius",tokens:e,responsive:!0},borderBottomRightRadius:{className:"border-bottom-right-radius",tokens:e,responsive:!0},borderBottomLeftRadius:{className:"border-bottom-left-radius",tokens:e,responsive:!0}};export{r as a};
-//# sourceMappingURL=chunk-HCPOFZ2P.js.map

package/dist/chunk-HCPOFZ2P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/border-radius.props.ts"],"sourcesContent":["import { PropDef } from './prop-def';\nimport { Responsive } from '../types/responsive';\n\nconst borderRadiusValues = ['none', 'xs', 'sm', 'md', 'lg', 'xl', 'full', 'inherit'] as const;\n\nconst borderRadiusPropDefs = {\n  borderRadius: { className: 'border-radius', tokens: borderRadiusValues, responsive: true },\n  borderTopLeftRadius: {\n    className: 'border-top-left-radius',\n    tokens: borderRadiusValues,\n    responsive: true,\n  },\n  borderTopRightRadius: {\n    className: 'border-top-right-radius',\n    tokens: borderRadiusValues,\n    responsive: true,\n  },\n  borderBottomRightRadius: {\n    className: 'border-bottom-right-radius',\n    tokens: borderRadiusValues,\n    responsive: true,\n  },\n  borderBottomLeftRadius: {\n    className: 'border-bottom-left-radius',\n    tokens: borderRadiusValues,\n    responsive: true,\n  },\n} satisfies {\n  borderRadius: PropDef<(typeof borderRadiusValues)[number]>;\n  borderTopLeftRadius: PropDef<(typeof borderRadiusValues)[number]>;\n  borderTopRightRadius: PropDef<(typeof borderRadiusValues)[number]>;\n  borderBottomRightRadius: PropDef<(typeof borderRadiusValues)[number]>;\n  borderBottomLeftRadius: PropDef<(typeof borderRadiusValues)[number]>;\n};\n\ninterface BorderRadiusProps {\n  /* Set the border radius. */\n  borderRadius?: Responsive<(typeof borderRadiusValues)[number]>;\n  /* Set the border-top-left radius. */\n  borderTopLeftRadius?: Responsive<(typeof borderRadiusValues)[number]>;\n  /* Set the border-top-right radius. */\n  borderTopRightRadius?: Responsive<(typeof borderRadiusValues)[number]>;\n  /* Set the border-bottom-right radius. */\n  borderBottomRightRadius?: Responsive<(typeof borderRadiusValues)[number]>;\n  /* Set the border-bottom-left radius. */\n  borderBottomLeftRadius?: Responsive<(typeof borderRadiusValues)[number]>;\n}\n\nexport { borderRadiusPropDefs };\nexport type { BorderRadiusProps };\n"],"mappings":"AAGA,IAAMA,EAAqB,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,KAAM,OAAQ,SAAS,EAE7EC,EAAuB,CAC3B,aAAc,CAAE,UAAW,gBAAiB,OAAQD,EAAoB,WAAY,EAAK,EACzF,oBAAqB,CACnB,UAAW,yBACX,OAAQA,EACR,WAAY,EACd,EACA,qBAAsB,CACpB,UAAW,0BACX,OAAQA,EACR,WAAY,EACd,EACA,wBAAyB,CACvB,UAAW,6BACX,OAAQA,EACR,WAAY,EACd,EACA,uBAAwB,CACtB,UAAW,4BACX,OAAQA,EACR,WAAY,EACd,CACF","names":["borderRadiusValues","borderRadiusPropDefs"]}

package/dist/chunk-HEBN54XV.js

@@ -1,2 +0,0 @@
-import{b as o}from"./chunk-JTQWB7E2.js";import r from"clsx";import{Combobox as i}from"@base-ui-components/react/combobox";import{jsx as x}from"react/jsx-runtime";var m="ComboboxEmpty",s=o(m),e=({className:t,children:p="No options found",...b})=>x(i.Empty,{className:r(s,t),...b,children:p});e.displayName=m;export{e as a};
-//# sourceMappingURL=chunk-HEBN54XV.js.map

package/dist/chunk-HEBN54XV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Combobox as ComboboxPrimitive } from '@base-ui-components/react/combobox';\nimport type { ComboboxEmptyProps } from './ComboboxEmpty.props';\n\nconst COMPONENT_NAME = 'ComboboxEmpty';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ComboboxEmpty = ({\n  className,\n  children = 'No options found',\n  ...props\n}: ComboboxEmptyProps) => {\n  return (\n    <ComboboxPrimitive.Empty className={clsx(componentClassName, className)} {...props}>\n      {children}\n    </ComboboxPrimitive.Empty>\n  );\n};\n\nComboboxEmpty.displayName = COMPONENT_NAME;\n"],"mappings":"wCAEA,OAAOA,MAAU,OAEjB,OAAS,YAAYC,MAAyB,qCAY1C,cAAAC,MAAA,oBATJ,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EAAW,mBACX,GAAGC,CACL,IAEIP,EAACD,EAAkB,MAAlB,CAAwB,UAAWS,EAAKN,EAAoBG,CAAS,EAAI,GAAGE,EAC1E,SAAAD,EACH,EAIJF,EAAc,YAAcH","names":["clsx","ComboboxPrimitive","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ComboboxEmpty","className","children","props","clsx"]}

package/dist/chunk-HKVDH6LF.js

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-YFKE6HTO.js";import{a as m}from"./chunk-AFZ3OJUA.js";import{a as p}from"./chunk-VV7AHCQF.js";import{a as e}from"./chunk-HZKPLNEZ.js";import{a as i}from"./chunk-LFUFY26R.js";import{a as t}from"./chunk-P3SXCN4J.js";import{b as r}from"./chunk-JTQWB7E2.js";import h from"clsx";import{Slot as x}from"radix-ui";import{jsx as a}from"react/jsx-runtime";var n="Heading",D=r(n),H=({size:f,as:d="h2",...l})=>{let{className:P,asChild:c,inverted:g,children:o,...N}=t({size:f,...l},s,i,m,p,e);return a(x.Root,{className:h(D,P),"data-inverted":g?"":void 0,...N,children:c?o:a(d,{children:o})})};H.displayName=n;export{H as a};
-//# sourceMappingURL=chunk-HKVDH6LF.js.map

package/dist/chunk-HKVDH6LF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { headingPropDefs } from './Heading.props';\nimport type { HeadingProps } from './Heading.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { Slot } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { textWrapPropDefs } from '../../props/text-wrap.props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Heading';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Heading = ({ size, as: Tag = 'h2', ...props }: HeadingProps) => {\n  const { className, asChild, inverted, children, ...headingProps } = extractProps(\n    { size, ...props },\n    headingPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    textWrapPropDefs,\n    marginPropDefs\n  );\n\n  return (\n    <Slot.Root\n      className={clsx(componentClassName, className)}\n      data-inverted={inverted ? '' : undefined}\n      {...headingProps}\n    >\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n};\n\nHeading.displayName = COMPONENT_NAME;\n"],"mappings":"wRAEA,OAAOA,MAAU,OAKjB,OAAS,QAAAC,MAAY,WAyBO,cAAAC,MAAA,oBAnB5B,IAAMC,EAAiB,UACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAU,CAAC,CAAE,KAAAC,EAAM,GAAIC,EAAM,KAAM,GAAGC,CAAM,IAAoB,CAC3E,GAAM,CAAE,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAa,EAAIC,EAClE,CAAE,KAAAR,EAAM,GAAGE,CAAM,EACjBO,EACAC,EACAC,EACAC,EACAC,CACF,EAEA,OACElB,EAACmB,EAAK,KAAL,CACC,UAAWC,EAAKlB,EAAoBM,CAAS,EAC7C,gBAAeE,EAAW,GAAK,OAC9B,GAAGE,EAEH,SAAAH,EAAUE,EAAWX,EAACM,EAAA,CAAK,SAAAK,EAAS,EACvC,CAEJ,EAEAP,EAAQ,YAAcH","names":["clsx","Slot","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","Heading","size","Tag","props","className","asChild","inverted","children","headingProps","extractProps","headingPropDefs","textAlignPropDefs","textTransformPropDefs","textWrapPropDefs","marginPropDefs","Slot","clsx"]}

package/dist/chunk-HW74KDL7.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk76HQAMKUcjs = require('./chunk-76HQAMKU.cjs');var e=["auto",..._chunk76HQAMKUcjs.a],n= exports.a ={margin:{className:"margin",tokens:e,responsive:!0},marginTop:{className:"margin-top",tokens:e,responsive:!0},marginRight:{className:"margin-right",tokens:e,responsive:!0},marginBottom:{className:"margin-bottom",tokens:e,responsive:!0},marginLeft:{className:"margin-left",tokens:e,responsive:!0},marginInline:{className:"margin-inline",tokens:e,responsive:!0},marginBlock:{className:"margin-block",tokens:e,responsive:!0}};exports.a = n;
-//# sourceMappingURL=chunk-HW74KDL7.cjs.map

package/dist/chunk-HW74KDL7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-HW74KDL7.cjs","../src/props/margin.props.ts"],"names":["marginValues","spaceTokens","marginPropDefs"],"mappings":"AAAA,iIAAwC,ICKlCA,CAAAA,CAAe,CAAC,MAAA,CAAQ,GAAGC,mBAAW,CAAA,CAEtCC,CAAAA,aAAiB,CACrB,MAAA,CAAQ,CAAE,SAAA,CAAW,QAAA,CAAU,MAAA,CAAQF,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CAAA,CACtE,SAAA,CAAW,CAAE,SAAA,CAAW,YAAA,CAAc,MAAA,CAAQA,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CAAA,CAC7E,WAAA,CAAa,CAAE,SAAA,CAAW,cAAA,CAAgB,MAAA,CAAQA,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CAAA,CACjF,YAAA,CAAc,CAAE,SAAA,CAAW,eAAA,CAAiB,MAAA,CAAQA,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CAAA,CACnF,UAAA,CAAY,CAAE,SAAA,CAAW,aAAA,CAAe,MAAA,CAAQA,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CAAA,CAC/E,YAAA,CAAc,CAAE,SAAA,CAAW,eAAA,CAAiB,MAAA,CAAQA,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CAAA,CACnF,WAAA,CAAa,CAAE,SAAA,CAAW,cAAA,CAAgB,MAAA,CAAQA,CAAAA,CAAc,UAAA,CAAY,CAAA,CAAK,CACnF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-HW74KDL7.cjs","sourcesContent":[null,"import { spaceTokens } from '../tokens/space';\nimport { CssTokenVariable } from '../types/css-token-variable';\nimport { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst marginValues = ['auto', ...spaceTokens] as const;\n\nconst marginPropDefs = {\n  margin: { className: 'margin', tokens: marginValues, responsive: true },\n  marginTop: { className: 'margin-top', tokens: marginValues, responsive: true },\n  marginRight: { className: 'margin-right', tokens: marginValues, responsive: true },\n  marginBottom: { className: 'margin-bottom', tokens: marginValues, responsive: true },\n  marginLeft: { className: 'margin-left', tokens: marginValues, responsive: true },\n  marginInline: { className: 'margin-inline', tokens: marginValues, responsive: true },\n  marginBlock: { className: 'margin-block', tokens: marginValues, responsive: true },\n} satisfies {\n  margin: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginTop: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginRight: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBottom: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginLeft: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginInline: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBlock: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n};\n\ninterface MarginProps {\n  margin?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginTop?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginRight?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBottom?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginLeft?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginInline?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBlock?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n}\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"]}

package/dist/chunk-HZKPLNEZ.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-NMHPABLW.js";var e=["auto",...r],n={margin:{className:"margin",tokens:e,responsive:!0},marginTop:{className:"margin-top",tokens:e,responsive:!0},marginRight:{className:"margin-right",tokens:e,responsive:!0},marginBottom:{className:"margin-bottom",tokens:e,responsive:!0},marginLeft:{className:"margin-left",tokens:e,responsive:!0},marginInline:{className:"margin-inline",tokens:e,responsive:!0},marginBlock:{className:"margin-block",tokens:e,responsive:!0}};export{n as a};
-//# sourceMappingURL=chunk-HZKPLNEZ.js.map

package/dist/chunk-HZKPLNEZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/margin.props.ts"],"sourcesContent":["import { spaceTokens } from '../tokens/space';\nimport { CssTokenVariable } from '../types/css-token-variable';\nimport { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst marginValues = ['auto', ...spaceTokens] as const;\n\nconst marginPropDefs = {\n  margin: { className: 'margin', tokens: marginValues, responsive: true },\n  marginTop: { className: 'margin-top', tokens: marginValues, responsive: true },\n  marginRight: { className: 'margin-right', tokens: marginValues, responsive: true },\n  marginBottom: { className: 'margin-bottom', tokens: marginValues, responsive: true },\n  marginLeft: { className: 'margin-left', tokens: marginValues, responsive: true },\n  marginInline: { className: 'margin-inline', tokens: marginValues, responsive: true },\n  marginBlock: { className: 'margin-block', tokens: marginValues, responsive: true },\n} satisfies {\n  margin: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginTop: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginRight: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBottom: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginLeft: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginInline: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBlock: PropDef<(typeof marginValues)[number] | CssTokenVariable>;\n};\n\ninterface MarginProps {\n  margin?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginTop?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginRight?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBottom?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginLeft?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginInline?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n  marginBlock?: Responsive<(typeof marginValues)[number] | CssTokenVariable>;\n}\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],"mappings":"wCAKA,IAAMA,EAAe,CAAC,OAAQ,GAAGC,CAAW,EAEtCC,EAAiB,CACrB,OAAQ,CAAE,UAAW,SAAU,OAAQF,EAAc,WAAY,EAAK,EACtE,UAAW,CAAE,UAAW,aAAc,OAAQA,EAAc,WAAY,EAAK,EAC7E,YAAa,CAAE,UAAW,eAAgB,OAAQA,EAAc,WAAY,EAAK,EACjF,aAAc,CAAE,UAAW,gBAAiB,OAAQA,EAAc,WAAY,EAAK,EACnF,WAAY,CAAE,UAAW,cAAe,OAAQA,EAAc,WAAY,EAAK,EAC/E,aAAc,CAAE,UAAW,gBAAiB,OAAQA,EAAc,WAAY,EAAK,EACnF,YAAa,CAAE,UAAW,eAAgB,OAAQA,EAAc,WAAY,EAAK,CACnF","names":["marginValues","spaceTokens","marginPropDefs"]}

package/dist/chunk-I2KCGIPM.js

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

package/dist/chunk-I2KCGIPM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Alert = (props: AlertProps) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      className={clsx(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        <Flex direction=\"column\">\n          {title ? (\n            <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n              {title}\n            </BodyText>\n          ) : null}\n          {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n        </Flex>\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n};\n\nAlert.displayName = COMPONENT_NAME;\n"],"mappings":"gPAGA,OAAOA,MAAU,OAIjB,OACE,kBAAAC,EACA,kBAAAC,EACA,wBAAAC,EACA,qBAAAC,MACK,uCAqCD,cAAAC,EAEE,QAAAC,MAFF,oBA/BN,IAAMC,EAAiB,QACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAASC,GAAsB,CAC1C,IAAMC,EAAQ,CACZ,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,OAAQA,CACV,EACM,CACJ,SAAAC,EACA,UAAAC,EACA,YAAAC,EAAc,OACd,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaZ,EAAOa,CAAc,EAEhCC,EAAYb,EAAMM,CAAW,EAEnC,OACEZ,EAAC,OACC,UAAWoB,EAAKlB,EAAoBS,CAAS,EAC7C,KAAK,QACL,YAAU,YACV,cAAY,OACZ,mBAAkBC,EACjB,GAAGI,EAEJ,UAAAjB,EAACoB,EAAA,CAAU,cAAY,OAAO,EAC9BnB,EAAC,OAAI,UAAW,GAAGE,CAAkB,UACnC,UAAAF,EAACqB,EAAA,CAAK,UAAU,SACb,UAAAN,EACChB,EAACuB,EAAA,CAAS,GAAG,OAAO,KAAK,KAAK,OAAO,WAClC,SAAAP,EACH,EACE,KACHD,EAAOf,EAACuB,EAAA,CAAS,GAAG,MAAO,SAAAR,EAAK,EAAc,MACjD,EACCJ,GACH,EACCG,EACCd,EAACwB,EAAA,CACC,QAASV,EACT,UAAW,GAAGX,CAAkB,cAChC,MAAM,QACN,MAAM,cAEN,SAAAH,EAACyB,EAAA,EAAe,EAClB,EACE,MACN,CAEJ,EAEApB,EAAM,YAAcH","names":["clsx","CloseSmallIcon","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","clsx","Flex","BodyText","UnstyledIconButton","CloseSmallIcon"]}