@utilitywarehouse/hearth-react 0.10.5 → 0.11.0

package/dist/chunk-O24Y5K7X.js

@@ -1,2 +0,0 @@
-import{a as i}from"./chunk-OOPBPESB.js";import{a as s}from"./chunk-555MHYMJ.js";import{a as p}from"./chunk-BXITMQY6.js";import{a}from"./chunk-WOH4H47Z.js";import{a as m}from"./chunk-XQ5A24NX.js";import{a as e}from"./chunk-EUTKQ2DV.js";import{a as t}from"./chunk-6H5SMKTE.js";import{b as o}from"./chunk-JTQWB7E2.js";import*as r from"react";import A from"clsx";var f="CardAction",C=o(f),N=r.forwardRef((c,n)=>{let{className:d,secondary:l,...P}=t(c,i,m,e,a,p),x={"data-secondary":l?"":void 0};return r.createElement(s,{ref:n,className:A(C,d),...P,...x})});N.displayName=f;export{N as a};
-//# sourceMappingURL=chunk-O24Y5K7X.js.map

package/dist/chunk-O7XPSAIO.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkJHPCQWHTcjs = require('./chunk-JHPCQWHT.cjs');var _chunkANLZPNRVcjs = require('./chunk-ANLZPNRV.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);function k(o,...m){let s=Object.assign({},...m),t={...o},r,n;for(let e in s){let f=t[e];delete t[e];let p=_optionalChain([s, 'access', _ => _[e], 'optionalAccess', _2 => _2.tokens]),y=_optionalChain([s, 'access', _3 => _3[e], 'optionalAccess', _4 => _4.className]),g=_optionalChain([s, 'access', _5 => _5[e], 'optionalAccess', _6 => _6.singleClassNameTokens]),d=_optionalChain([s, 'access', _7 => _7[e], 'optionalAccess', _8 => _8.transformValue]),l=_chunkANLZPNRVcjs.a.call(void 0, {value:f,prefix:y,defaultValue:_optionalChain([s, 'access', _9 => _9[e], 'optionalAccess', _10 => _10.default]),tokens:p,isResponsive:!!_optionalChain([s, 'access', _11 => _11[e], 'optionalAccess', _12 => _12.responsive]),isSingleClassNameTokens:g,transformValue:d});if(l){let{className:u,style:N}=l;r=_clsx2.default.call(void 0, r,u),n=_chunkJHPCQWHTcjs.a.call(void 0, n,N)}}return t.className=_clsx2.default.call(void 0, r,o.className),t.style=_chunkJHPCQWHTcjs.a.call(void 0, n,o.style),t}exports.a = k;
-//# sourceMappingURL=chunk-O7XPSAIO.cjs.map

package/dist/chunk-O7XPSAIO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-O7XPSAIO.cjs","../src/helpers/extract-props.ts"],"names":["extractProps","props","propDefs","allPropDefs","extractedProps","className","style","key","value","tokens","prefix","isSingleClassNameTokens","transformValue","styles","getClassNameStyles","propClassName","propStyle","clsx","mergeStyles"],"mappings":"AAAA,quBAAmC,wDAAyC,wECC3D,SAwCDA,CAAAA,CAGdC,CAAAA,CAAAA,GAAaC,CAAAA,CAAa,CAC1B,IAAMC,CAAAA,CAAuC,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAG,GAAGD,CAAQ,CAAA,CACpEE,CAAAA,CAAiB,CAAE,GAAGH,CAAM,CAAA,CAC9BI,CAAAA,CACAC,CAAAA,CAEJ,GAAA,CAAA,IAAWC,EAAAA,GAAOJ,CAAAA,CAAa,CAC7B,IAAMK,CAAAA,CAAQJ,CAAAA,CAAeG,CAAG,CAAA,CAChC,OAAOH,CAAAA,CAAeG,CAAG,CAAA,CACzB,IAAME,CAAAA,iBAASN,CAAAA,mBAAYI,CAAG,CAAA,6BAAG,QAAA,CAC3BG,CAAAA,iBAASP,CAAAA,qBAAYI,CAAG,CAAA,6BAAG,WAAA,CAC3BI,CAAAA,iBAA0BR,CAAAA,qBAAYI,CAAG,CAAA,6BAAG,uBAAA,CAC5CK,CAAAA,iBAAiBT,CAAAA,qBAAYI,CAAG,CAAA,6BAAG,gBAAA,CACnCM,CAAAA,CAASC,iCAAAA,CACb,KAAA,CAAAN,CAAAA,CACA,MAAA,CAAAE,CAAAA,CACA,YAAA,iBAAcP,CAAAA,qBAAYI,CAAG,CAAA,+BAAG,SAAA,CAChC,MAAA,CAAAE,CAAAA,CACA,YAAA,CAAc,CAAA,iBAAQN,CAAAA,uBAAYI,CAAG,CAAA,+BAAG,YAAA,CACxC,uBAAA,CAAAI,CAAAA,CACA,cAAA,CAAAC,CACF,CAAC,CAAA,CACD,EAAA,CAAIC,CAAAA,CAAQ,CACV,GAAM,CAAE,SAAA,CAAWE,CAAAA,CAAe,KAAA,CAAOC,CAAU,CAAA,CAAIH,CAAAA,CACvDR,CAAAA,CAAYY,4BAAAA,CAAKZ,CAAWU,CAAa,CAAA,CACzCT,CAAAA,CAAQY,iCAAAA,CAAYZ,CAAOU,CAAS,CACtC,CACF,CACA,OAAAZ,CAAAA,CAAe,SAAA,CAAYa,4BAAAA,CAAKZ,CAAWJ,CAAAA,CAAM,SAAS,CAAA,CAC1DG,CAAAA,CAAe,KAAA,CAAQc,iCAAAA,CAAYZ,CAAOL,CAAAA,CAAM,KAAK,CAAA,CAC9CG,CACT,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-O7XPSAIO.cjs","sourcesContent":[null,"/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport clsx from 'clsx';\nimport { mergeStyles } from './merge-styles';\nimport { getClassNameStyles } from './get-classname-styles';\nimport { PropDef } from '../props/prop-def';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Extracts component-specific style props based on provided prop definitions and\n * returns remaining props with composed `className` and `style`.\n *\n * This helper reads values for keys declared in `propDefs`, converts them into\n * utility classes and CSS variables via `getClassNameStyles`, merges all resulting\n * class names and inline styles, and removes those handled props from the returned\n * object. Any original `className` and `style` passed in `props` are appended/merged\n * at the end.\n *\n * Generics\n * - `P`: The full props shape for the component. Must allow `className` and `style`.\n * - `T`: A tuple/array of dictionaries mapping prop names to `PropDef`.\n *\n * Example\n * ```ts\n * const {\n *   className,\n *   ...componentProps\n * } = extractProps(\n *   props,\n *   componentPropDefs,\n *   paddingPropDefs,\n *   marginPropDefs,\n *   colorPropDefs,\n *   backgroundColorPropDefs,\n * );\n * // => { className: \"hearth-background-color hearth-r-height hearth-border-color hearth-r-border-style-solid hearth-r-border-width-1 hearth-r-border-radius-xs\", style: {--h-background-color: \"var(--h-color-grey-100)\", --h-border-color: \"var(--h-color-grey-200)\" --h-r-height: \"100%\" }, ...otherProps}\n * ```\n *\n * @param props - Incoming props for the component, including potential style props.\n * @param propDefs - One or more maps of prop names to `PropDef` describing how to build classes/vars.\n * @returns The original props minus handled style props, with merged `className` and `style` applied.\n */\nexport function extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Array<Record<string, PropDef>>,\n>(props: P, ...propDefs: T) {\n  const allPropDefs: Record<string, PropDef> = Object.assign({}, ...propDefs);\n  const extractedProps = { ...props };\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n\n  for (const key in allPropDefs) {\n    const value = extractedProps[key];\n    delete extractedProps[key];\n    const tokens = allPropDefs[key]?.tokens;\n    const prefix = allPropDefs[key]?.className;\n    const isSingleClassNameTokens = allPropDefs[key]?.singleClassNameTokens;\n    const transformValue = allPropDefs[key]?.transformValue;\n    const styles = getClassNameStyles({\n      value,\n      prefix,\n      defaultValue: allPropDefs[key]?.default,\n      tokens,\n      isResponsive: Boolean(allPropDefs[key]?.responsive),\n      isSingleClassNameTokens,\n      transformValue,\n    });\n    if (styles) {\n      const { className: propClassName, style: propStyle } = styles;\n      className = clsx(className, propClassName);\n      style = mergeStyles(style, propStyle);\n    }\n  }\n  extractedProps.className = clsx(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n"]}

package/dist/chunk-OOPBPESB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Card/Card.props.ts"],"sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { FlexProps } from '../Flex/Flex.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { BorderProps } from '../../props/border.props';\n\nconst variants = ['emphasis', 'subtle'] as const;\n\nexport const cardPropDefs = {\n  variant: { className: 'variant', tokens: variants, responsive: false, default: 'emphasis' },\n  paddingNone: { className: 'padding-none', responsive: false },\n} satisfies {\n  variant: PropDef<(typeof variants)[number]>;\n  paddingNone: PropDef<boolean>;\n};\n\ntype CommonCardProps = Omit<\n  FlexProps,\n  | 'as'\n  | 'asChild'\n  | 'color'\n  | 'backgroundColor'\n  | 'spacing'\n  | keyof PaddingProps\n  | keyof BorderProps\n> & {\n  /**\n   * Sets the card's visual variant\n   */\n  variant?: (typeof variants)[number];\n  /**\n   * Sets the card's colour scheme\n   */\n  colorScheme?:\n    | 'neutralStrong'\n    | 'neutralSubtle'\n    | 'brand'\n    | 'energy'\n    | 'broadband'\n    | 'mobile'\n    | 'insurance'\n    | 'cashback'\n    | 'pig'\n    | 'highlight';\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * @default div\n   */\n  as?: 'div' | 'li';\n  /**\n   * Remove padding\n   */\n  paddingNone?: boolean;\n};\n\ntype CardDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype CardLiProps = { as: 'li' } & ComponentPropsWithout<'li', RemovedProps>;\nexport type CardProps = CommonCardProps & (CardLiProps | CardDivProps);\n"],"mappings":"AAMA,IAAMA,EAAW,CAAC,WAAY,QAAQ,EAEzBC,EAAe,CAC1B,QAAS,CAAE,UAAW,UAAW,OAAQD,EAAU,WAAY,GAAO,QAAS,UAAW,EAC1F,YAAa,CAAE,UAAW,eAAgB,WAAY,EAAM,CAC9D","names":["variants","cardPropDefs"]}

package/dist/chunk-OUL33CYO.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-HDDK3KYO.js";import{a as r}from"./chunk-VBXP3BKF.js";var e=[...o],a={backgroundColor:{className:"background-color",tokens:e,responsive:!1,singleClassNameTokens:!0,transformValue:r}};export{a};
-//# sourceMappingURL=chunk-OUL33CYO.js.map

package/dist/chunk-OUL33CYO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/background-color.props.ts"],"sourcesContent":["import { PropDef } from './prop-def';\nimport { colorTokens as importedColorTokens } from '../tokens/color';\nimport { transformColorValue } from '../helpers/transform-color-value';\n\n// we need to redefine as const so that intellisense works\nconst colorTokens = [...importedColorTokens] as const;\n\nconst backgroundColorPropDefs = {\n  backgroundColor: {\n    className: 'background-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n} satisfies {\n  backgroundColor: PropDef<(typeof colorTokens)[number]>;\n};\n\ninterface BackgroundColorProps {\n  /**\n   * Set the background colour.\n   */\n  backgroundColor?: (typeof colorTokens)[number];\n}\n\nexport { backgroundColorPropDefs };\nexport type { BackgroundColorProps };\n"],"mappings":"gFAKA,IAAMA,EAAc,CAAC,GAAGA,CAAmB,EAErCC,EAA0B,CAC9B,gBAAiB,CACf,UAAW,mBACX,OAAQD,EACR,WAAY,GACZ,sBAAuB,GACvB,eAAgBE,CAClB,CACF","names":["colorTokens","backgroundColorPropDefs","transformColorValue"]}

package/dist/chunk-PSSO6757.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-TYEQVZWY.js";import{a as p}from"./chunk-AUVUUTJB.js";import{a as r}from"./chunk-GV5JYW7E.js";import{b as t}from"./chunk-JTQWB7E2.js";import c from"clsx";import e from"react";var o="CurrencyInput",s=t(o),x=e.forwardRef(({className:m,disabled:l,value:u,placeholder:i="0.00",...f},a)=>e.createElement(p,{ref:a,className:c(s,m),type:"number",inputMode:"decimal",min:"0",step:"0.01",disabled:l,value:u,placeholder:i,...f},e.createElement(n,{placement:"prefix"},e.createElement(r,{size:"3xl"},"\xA3"))));x.displayName=o;export{x as a};
-//# sourceMappingURL=chunk-PSSO6757.js.map

package/dist/chunk-PSSO6757.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CurrencyInput/CurrencyInput.tsx"],"sourcesContent":["import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { CurrencyInputProps } from './CurrencyInput.props';\nimport { DetailText } from '../DetailText/DetailText';\n\nconst COMPONENT_NAME = 'CurrencyInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CurrencyInputElement = ElementRef<'input'>;\n\nexport const CurrencyInput = React.forwardRef<CurrencyInputElement, CurrencyInputProps>(\n  ({ className, disabled, value, placeholder = '0.00', ...props }, ref) => {\n    return (\n      <TextInput\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        type=\"number\"\n        inputMode=\"decimal\"\n        min=\"0\"\n        step=\"0.01\"\n        disabled={disabled}\n        value={value}\n        placeholder={placeholder}\n        {...props}\n      >\n        <TextInputSlot placement=\"prefix\">\n          <DetailText size=\"3xl\">£</DetailText>\n        </TextInputSlot>\n      </TextInput>\n    );\n  }\n);\n\nCurrencyInput.displayName = COMPONENT_NAME;\n"],"mappings":"gKAEA,OAAOA,MAAU,OACjB,OAAOC,MAAW,QAMlB,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAgBC,EAAM,WACjC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,YAAAC,EAAc,OAAQ,GAAGC,CAAM,EAAGC,IAE7DN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,UAAWE,EAAKX,EAAoBI,CAAS,EAC7C,KAAK,SACL,UAAU,UACV,IAAI,IACJ,KAAK,OACL,SAAUC,EACV,MAAOC,EACP,YAAaC,EACZ,GAAGC,GAEJL,EAAA,cAACS,EAAA,CAAc,UAAU,UACvBT,EAAA,cAACU,EAAA,CAAW,KAAK,OAAM,MAAC,CAC1B,CACF,CAGN,EAEAX,EAAc,YAAcH","names":["clsx","React","COMPONENT_NAME","componentClassName","withGlobalPrefix","CurrencyInput","React","className","disabled","value","placeholder","props","ref","TextInput","clsx","TextInputSlot","DetailText"]}

package/dist/chunk-SSRUW6OU.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkZV5ATJ4Rcjs = require('./chunk-ZV5ATJ4R.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkAQ6CX7GRcjs = require('./chunk-AQ6CX7GR.cjs');var _chunkO7XPSAIOcjs = require('./chunk-O7XPSAIO.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var m="Spinner",P=_chunk5AK4QM2Gcjs.b.call(void 0, m),d= exports.a =r.forwardRef(({currentColor:s,...i},a)=>{let{className:c,...f}=_chunkO7XPSAIOcjs.a.call(void 0, i,_chunkZV5ATJ4Rcjs.a,_chunkAQ6CX7GRcjs.a,_chunkLAVQWQP2cjs.a);return r.createElement("div",{ref:a,className:_clsx2.default.call(void 0, P,c),"data-currentColor":s?"":void 0,...f},r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"50%",cy:"50%",r:"50%"})))});d.displayName=m;exports.a = d;
-//# sourceMappingURL=chunk-SSRUW6OU.cjs.map

package/dist/chunk-SSRUW6OU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-SSRUW6OU.cjs","../src/components/Spinner/Spinner.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Spinner","currentColor","props","ref","className","spinnerProps","extractProps","spinnerPropDefs","colorPropDefs","marginPropDefs","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECArL,wEAEN,IAUXA,CAAAA,CAAiB,SAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAgB,CAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,YAAA,CAAAC,CAAAA,CAAc,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CACnC,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAa,CAAA,CAAIC,iCAAAA,CACrCJ,CACAK,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CACA,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKN,CAAAA,CACL,SAAA,CAAWO,4BAAAA,CAAKZ,CAAoBM,CAAS,CAAA,CAC7C,mBAAA,CAAmBH,CAAAA,CAAe,EAAA,CAAK,KAAA,CAAA,CACtC,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAM,4BAAA,CAAA,CACT,CAAA,CAAA,aAAA,CAAC,QAAA,CAAA,CAAO,EAAA,CAAG,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,CAAA,CAAE,KAAA,CAAM,CACpC,CACF,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAQ,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-SSRUW6OU.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { spinnerPropDefs, SpinnerProps } from './Spinner.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\n\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Spinner';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SpinnerElement = ElementRef<'div'>;\n\nexport const Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n  ({ currentColor, ...props }, ref) => {\n    const { className, ...spinnerProps } = extractProps(\n      props,\n      spinnerPropDefs,\n      colorPropDefs,\n      marginPropDefs\n    );\n    return (\n      <div\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        data-currentColor={currentColor ? '' : undefined}\n        {...spinnerProps}\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"50%\" cy=\"50%\" r=\"50%\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\nSpinner.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-T52EQ6MN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-T52EQ6MN.cjs","../src/components/ListItemLink/ListItemLink.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItemLink","className","heading","helperText","leadingIcon","trailingIcon","props","ref","clsx","ListItemContent","ChevronRightSmallIcon"],"mappings":"AAAA,mfAAwC,wDAAyC,uECA1D,wEACN,wEAIqB,IAGhCA,CAAAA,CAAiB,cAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAqB,CAAA,CAAA,UAAA,CAChC,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,UAAA,CAAAC,CAAAA,CAAY,WAAA,CAAAC,CAAAA,CAAa,YAAA,CAAAC,CAAAA,CAAc,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEtE,CAAA,CAAA,aAAA,CAAC,GAAA,CAAA,CAAE,GAAA,CAAKA,CAAAA,CAAK,SAAA,CAAWC,4BAAAA,CAAKV,CAAoBG,CAAS,CAAA,CAAI,GAAGK,CAAAA,CAAAA,CAC/D,CAAA,CAAA,aAAA,CAACG,mBAAAA,CAAA,CAAgB,OAAA,CAASP,CAAAA,CAAS,UAAA,CAAYC,CAAAA,CAAY,WAAA,CAAaC,CAAAA,CAAa,CAAA,CACrF,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6BAAA,CAAA,CACZC,CAAAA,EAA8B,CAAA,CAAA,aAAA,CAACK,uCAAAA,CAAA,IAAsB,CACxD,CACF,CAGN,CAAA,CAEAV,CAAAA,CAAa,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-T52EQ6MN.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ListItemLinkProps } from './ListItemLink.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { ListItemContent } from '../ListItemContent/ListItemContent';\n\nconst COMPONENT_NAME = 'ListItemLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemLinkElement = ElementRef<'a'>;\n\nexport const ListItemLink = React.forwardRef<ListItemLinkElement, ListItemLinkProps>(\n  ({ className, heading, helperText, leadingIcon, trailingIcon, ...props }, ref) => {\n    return (\n      <a ref={ref} className={clsx(componentClassName, className)} {...props}>\n        <ListItemContent heading={heading} helperText={helperText} leadingIcon={leadingIcon} />\n        <div className=\"hearth-ListItemTrailingIcon\">\n          {trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n        </div>\n      </a>\n    );\n  }\n);\n\nListItemLink.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-UWAXZKGL.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5NBN3TFAcjs = require('./chunk-5NBN3TFA.cjs');var _chunkYRQMCYXXcjs = require('./chunk-YRQMCYXX.cjs');var o=[..._chunk5NBN3TFAcjs.a],r=["none","solid"],s=["0","1","2"],t=["none","xs","sm","md","lg","xl","full"],n= exports.a ={borderColor:{className:"border-color",tokens:o,responsive:!1,singleClassNameTokens:!0,transformValue:_chunkYRQMCYXXcjs.a},borderStyle:{className:"border-style",tokens:r,responsive:!0},borderWidth:{className:"border-width",tokens:s,responsive:!0},borderTopColor:{className:"border-top-color",tokens:o,responsive:!1,singleClassNameTokens:!0,transformValue:_chunkYRQMCYXXcjs.a},borderTopStyle:{className:"border-top-style",tokens:r,responsive:!0},borderTopWidth:{className:"border-top-width",tokens:s,responsive:!0},borderRightColor:{className:"border-right-color",tokens:o,responsive:!1,singleClassNameTokens:!0,transformValue:_chunkYRQMCYXXcjs.a},borderRightStyle:{className:"border-right-style",tokens:r,responsive:!0},borderRightWidth:{className:"border-right-width",tokens:s,responsive:!0},borderBottomColor:{className:"border-bottom-color",tokens:o,responsive:!1,singleClassNameTokens:!0,transformValue:_chunkYRQMCYXXcjs.a},borderBottomStyle:{className:"border-bottom-style",tokens:r,responsive:!0},borderBottomWidth:{className:"border-bottom-width",tokens:s,responsive:!0},borderLeftColor:{className:"border-left-color",tokens:o,responsive:!1,singleClassNameTokens:!0,transformValue:_chunkYRQMCYXXcjs.a},borderLeftStyle:{className:"border-left-style",tokens:r,responsive:!0},borderLeftWidth:{className:"border-left-width",tokens:s,responsive:!0},borderRadius:{className:"border-radius",tokens:t,responsive:!0},borderTopLeftRadius:{className:"border-top-left-radius",tokens:t,responsive:!0},borderTopRightRadius:{className:"border-top-right-radius",tokens:t,responsive:!0},borderBottomRightRadius:{className:"border-bottom-right-radius",tokens:t,responsive:!0},borderBottomLeftRadius:{className:"border-bottom-left-radius",tokens:t,responsive:!0}};exports.a = n;
-//# sourceMappingURL=chunk-UWAXZKGL.cjs.map

package/dist/chunk-UWAXZKGL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-UWAXZKGL.cjs","../src/props/border.props.ts"],"names":["colorTokens","borderStyleValues","borderWidthValues","borderRadiusValues","borderPropDefs","transformColorValue"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-UWAXZKGL.cjs","sourcesContent":[null,"import { PropDef } from './prop-def';\nimport { colorTokens as importedColorTokens } from '../tokens/color';\nimport { transformColorValue } from '../helpers/transform-color-value';\nimport { Responsive } from '../types/responsive';\n\n// we need to redefine as const so that intellisense works\nconst colorTokens = [...importedColorTokens] as const;\nconst borderStyleValues = ['none', 'solid'] as const;\nconst borderWidthValues = ['0', '1', '2'] as const;\nconst borderRadiusValues = ['none', 'xs', 'sm', 'md', 'lg', 'xl', 'full'] as const;\n\nconst borderPropDefs = {\n  borderColor: {\n    className: 'border-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n  borderStyle: { className: 'border-style', tokens: borderStyleValues, responsive: true },\n  borderWidth: { className: 'border-width', tokens: borderWidthValues, responsive: true },\n  borderTopColor: {\n    className: 'border-top-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n  borderTopStyle: { className: 'border-top-style', tokens: borderStyleValues, responsive: true },\n  borderTopWidth: { className: 'border-top-width', tokens: borderWidthValues, responsive: true },\n  borderRightColor: {\n    className: 'border-right-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n  borderRightStyle: {\n    className: 'border-right-style',\n    tokens: borderStyleValues,\n    responsive: true,\n  },\n  borderRightWidth: {\n    className: 'border-right-width',\n    tokens: borderWidthValues,\n    responsive: true,\n  },\n  borderBottomColor: {\n    className: 'border-bottom-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n  borderBottomStyle: {\n    className: 'border-bottom-style',\n    tokens: borderStyleValues,\n    responsive: true,\n  },\n  borderBottomWidth: {\n    className: 'border-bottom-width',\n    tokens: borderWidthValues,\n    responsive: true,\n  },\n  borderLeftColor: {\n    className: 'border-left-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n  borderLeftStyle: { className: 'border-left-style', tokens: borderStyleValues, responsive: true },\n  borderLeftWidth: { className: 'border-left-width', tokens: borderWidthValues, responsive: true },\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  borderColor: PropDef<(typeof colorTokens)[number]>;\n  borderStyle: PropDef<(typeof borderStyleValues)[number]>;\n  borderWidth: PropDef<(typeof borderWidthValues)[number]>;\n  borderTopColor: PropDef<(typeof colorTokens)[number]>;\n  borderTopStyle: PropDef<(typeof borderStyleValues)[number]>;\n  borderTopWidth: PropDef<(typeof borderWidthValues)[number]>;\n  borderRightColor: PropDef<(typeof colorTokens)[number]>;\n  borderRightStyle: PropDef<(typeof borderStyleValues)[number]>;\n  borderRightWidth: PropDef<(typeof borderWidthValues)[number]>;\n  borderBottomColor: PropDef<(typeof colorTokens)[number]>;\n  borderBottomStyle: PropDef<(typeof borderStyleValues)[number]>;\n  borderBottomWidth: PropDef<(typeof borderWidthValues)[number]>;\n  borderLeftColor: PropDef<(typeof colorTokens)[number]>;\n  borderLeftStyle: PropDef<(typeof borderStyleValues)[number]>;\n  borderLeftWidth: PropDef<(typeof borderWidthValues)[number]>;\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 BorderProps {\n  /* Set the border colour. */\n  borderColor?: (typeof colorTokens)[number];\n  /* Set the border style. */\n  borderStyle?: Responsive<(typeof borderStyleValues)[number]>;\n  /* Set the border width. */\n  borderWidth?: Responsive<(typeof borderWidthValues)[number]>;\n  /* Set the border-top colour. */\n  borderTopColor?: (typeof colorTokens)[number];\n  /* Set the border-top style. */\n  borderTopStyle?: Responsive<(typeof borderStyleValues)[number]>;\n  /* Set the border-top width. */\n  borderTopWidth?: Responsive<(typeof borderWidthValues)[number]>;\n  /* Set the border-right colour. */\n  borderRightColor?: (typeof colorTokens)[number];\n  /* Set the border-right style. */\n  borderRightStyle?: Responsive<(typeof borderStyleValues)[number]>;\n  /* Set the border-right width. */\n  borderRightWidth?: Responsive<(typeof borderWidthValues)[number]>;\n  /* Set the border-bottom colour. */\n  borderBottomColor?: (typeof colorTokens)[number];\n  /* Set the border-bottom style. */\n  borderBottomStyle?: Responsive<(typeof borderStyleValues)[number]>;\n  /* Set the border-bottom width. */\n  borderBottomWidth?: Responsive<(typeof borderWidthValues)[number]>;\n  /* Set the border-left colour. */\n  borderLeftColor?: (typeof colorTokens)[number];\n  /* Set the border-left style. */\n  borderLeftStyle?: Responsive<(typeof borderStyleValues)[number]>;\n  /* Set the border-left width. */\n  borderLeftWidth?: Responsive<(typeof borderWidthValues)[number]>;\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 { borderPropDefs };\nexport type { BorderProps };\n"]}

package/dist/chunk-VBXP3BKF.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-TLHGRJDQ.js";function a(o){return`var(--h-color-${r(o)})`}export{a};
-//# sourceMappingURL=chunk-VBXP3BKF.js.map

package/dist/chunk-VBXP3BKF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/helpers/transform-color-value.ts"],"sourcesContent":["import { kebabCase } from './kebab-case';\n\n/**\n * Converts a color token or name into a CSS variable reference used by the system.\n *\n * The input is kebab-cased and interpolated into `var(--h-color-<token>)`.\n *\n * Example\n * ```ts\n * transformColorValue('Blue 500') // => 'var(--h-color-blue-500)'\n * transformColorValue('grey-200') // => 'var(--h-color-grey-200)'\n * ```\n *\n * @param colorValue A token/name representing a color (e.g., 'blue-500').\n * @returns A CSS variable string referencing the normalized color token.\n */\nexport function transformColorValue(colorValue: string) {\n  return `var(--h-color-${kebabCase(colorValue)})`;\n}\n"],"mappings":"wCAgBO,SAASA,EAAoBC,EAAoB,CACtD,MAAO,iBAAiBC,EAAUD,CAAU,CAAC,GAC/C","names":["transformColorValue","colorValue","kebabCase"]}

package/dist/chunk-VJSCC45Y.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Box/Box.props.ts"],"names":["displayValues","boxPropDefs"],"mappings":"AAeA,6EAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,QAAA,CAAU,cAAA,CAAgB,OAAO,CAAA,CAEnDC,CAAAA,aAAc,CACzB,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAC3E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VJSCC45Y.cjs","sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderProps } from '../../props/border.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\ninterface CommonBoxProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    BorderProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * Cannot be used in combination with `asChild`.\n   * @default div\n   */\n  as?: 'div' | 'span';\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype BoxSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"]}

package/dist/chunk-WDBBTXPP.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-555MHYMJ.js";import{a as r}from"./chunk-QAR6M5CT.js";import{b as n}from"./chunk-JTQWB7E2.js";import*as t from"react";import l from"clsx";var p="ListItemContent",a=n(p),f=t.forwardRef(({heading:s,leadingIcon:o,helperText:m,className:i})=>t.createElement(e,{gap:"150",className:l(a,i)},o||null,t.createElement(e,{direction:"column"},t.createElement("p",null,s),m?t.createElement(r,null,m):null)));f.displayName=p;export{f as a};
-//# sourceMappingURL=chunk-WDBBTXPP.js.map

package/dist/chunk-WDBBTXPP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ListItemContent/ListItemContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport type { ListItemContentProps } from './ListItemContent.props';\nimport clsx from 'clsx';\n\nconst COMPONENT_NAME = 'ListItemContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemContentElement = ElementRef<'div'>;\n\nexport const ListItemContent = React.forwardRef<ListItemContentElement, ListItemContentProps>(\n  ({ heading, leadingIcon, helperText, className }) => {\n    return (\n      <Flex gap=\"150\" className={clsx(componentClassName, className)}>\n        {leadingIcon ? leadingIcon : null}\n        <Flex direction=\"column\">\n          <p>{heading}</p>\n          {helperText ? <HelperText>{helperText}</HelperText> : null}\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nListItemContent.displayName = COMPONENT_NAME;\n"],"mappings":"wHAAA,UAAYA,MAAW,QAMvB,OAAOC,MAAU,OAEjB,IAAMC,EAAiB,kBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAwB,aACnC,CAAC,CAAE,QAAAC,EAAS,YAAAC,EAAa,WAAAC,EAAY,UAAAC,CAAU,IAE3C,gBAACC,EAAA,CAAK,IAAI,MAAM,UAAWT,EAAKE,EAAoBM,CAAS,GAC1DF,GAA4B,KAC7B,gBAACG,EAAA,CAAK,UAAU,UACd,gBAAC,SAAGJ,CAAQ,EACXE,EAAa,gBAACG,EAAA,KAAYH,CAAW,EAAgB,IACxD,CACF,CAGN,EAEAH,EAAgB,YAAcH","names":["React","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItemContent","heading","leadingIcon","helperText","className","Flex","HelperText"]}

package/dist/chunk-XZD2I4TZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/BodyText/BodyText.props.ts"],"names":["sizes","weights","bodyTextPropDefs"],"mappings":"AAQA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CACzBC,CAAAA,CAAU,CAAC,SAAA,CAAW,UAAA,CAAY,MAAM,CAAA,CAEjCC,CAAAA,aAAmB,CAC9B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQF,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAAA,CAC1E,MAAA,CAAQ,CAAE,SAAA,CAAW,QAAA,CAAU,MAAA,CAAQC,CAAAA,CAAS,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,SAAU,CAAA,CACrF,gBAAA,CAAkB,CAAE,SAAA,CAAW,mBAAA,CAAqB,UAAA,CAAY,CAAA,CAAM,CACxE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XZD2I4TZ.cjs","sourcesContent":["import { 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 { ComponentPropsWithout, RemovedProps } from '../../types/component-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, default: 'regular' },\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 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  /** Inverts the component colours, for use on darker surface colours. */\n  inverted?: boolean;\n}\ntype BodyTextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype BodyTextSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype BodyTextPProps = { as?: 'p' } & ComponentPropsWithout<'p', RemovedProps>;\ntype BodyTextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>;\nexport type BodyTextProps = CommonBodyTextProps &\n  (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps | BodyTextLabelProps);\n"]}

package/dist/chunk-YRQMCYXX.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA4KDLDVYcjs = require('./chunk-A4KDLDVY.cjs');function a(o){return`var(--h-color-${_chunkA4KDLDVYcjs.a.call(void 0, o)})`}exports.a = a;
-//# sourceMappingURL=chunk-YRQMCYXX.cjs.map

package/dist/chunk-YRQMCYXX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YRQMCYXX.cjs","../src/helpers/transform-color-value.ts"],"names":["transformColorValue","colorValue","kebabCase"],"mappings":"AAAA,iIAAwC,SCgBxBA,CAAAA,CAAoBC,CAAAA,CAAoB,CACtD,MAAO,CAAA,cAAA,EAAiBC,iCAAAA,CAAoB,CAAC,CAAA,CAAA,CAC/C,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YRQMCYXX.cjs","sourcesContent":[null,"import { kebabCase } from './kebab-case';\n\n/**\n * Converts a color token or name into a CSS variable reference used by the system.\n *\n * The input is kebab-cased and interpolated into `var(--h-color-<token>)`.\n *\n * Example\n * ```ts\n * transformColorValue('Blue 500') // => 'var(--h-color-blue-500)'\n * transformColorValue('grey-200') // => 'var(--h-color-grey-200)'\n * ```\n *\n * @param colorValue A token/name representing a color (e.g., 'blue-500').\n * @returns A CSS variable string referencing the normalized color token.\n */\nexport function transformColorValue(colorValue: string) {\n  return `var(--h-color-${kebabCase(colorValue)})`;\n}\n"]}

package/dist/chunk-ZGYZXCDP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZGYZXCDP.cjs","../src/components/ListItemButton/ListItemButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItemButton","className","heading","helperText","leadingIcon","trailingIcon","props","ref","clsx","ListItemContent","ChevronRightSmallIcon"],"mappings":"AAAA,mfAAwC,wDAAyC,uECA1D,wEACN,wEAIqB,IAGhCA,CAAAA,CAAiB,gBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAClC,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,UAAA,CAAAC,CAAAA,CAAY,WAAA,CAAAC,CAAAA,CAAa,YAAA,CAAAC,CAAAA,CAAc,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEtE,CAAA,CAAA,aAAA,CAAC,QAAA,CAAA,CAAO,GAAA,CAAKA,CAAAA,CAAK,SAAA,CAAWC,4BAAAA,CAAKV,CAAoBG,CAAS,CAAA,CAAI,GAAGK,CAAAA,CAAAA,CACpE,CAAA,CAAA,aAAA,CAACG,mBAAAA,CAAA,CAAgB,OAAA,CAASP,CAAAA,CAAS,UAAA,CAAYC,CAAAA,CAAY,WAAA,CAAaC,CAAAA,CAAa,CAAA,CACrF,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,6BAAA,CAAA,CACZC,CAAAA,EAA8B,CAAA,CAAA,aAAA,CAACK,uCAAAA,CAAA,IAAsB,CACxD,CACF,CAGN,CAAA,CAEAV,CAAAA,CAAe,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZGYZXCDP.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ListItemButtonProps } from './ListItemButton.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { ListItemContent } from '../ListItemContent/ListItemContent';\n\nconst COMPONENT_NAME = 'ListItemButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemButtonElement = ElementRef<'button'>;\n\nexport const ListItemButton = React.forwardRef<ListItemButtonElement, ListItemButtonProps>(\n  ({ className, heading, helperText, leadingIcon, trailingIcon, ...props }, ref) => {\n    return (\n      <button ref={ref} className={clsx(componentClassName, className)} {...props}>\n        <ListItemContent heading={heading} helperText={helperText} leadingIcon={leadingIcon} />\n        <div className=\"hearth-ListItemTrailingIcon\">\n          {trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n        </div>\n      </button>\n    );\n  }\n);\n\nListItemButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZS5PNHPN.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5NBN3TFAcjs = require('./chunk-5NBN3TFA.cjs');var _chunkYRQMCYXXcjs = require('./chunk-YRQMCYXX.cjs');var e=[..._chunk5NBN3TFAcjs.a],a= exports.a ={backgroundColor:{className:"background-color",tokens:e,responsive:!1,singleClassNameTokens:!0,transformValue:_chunkYRQMCYXXcjs.a}};exports.a = a;
-//# sourceMappingURL=chunk-ZS5PNHPN.cjs.map

package/dist/chunk-ZS5PNHPN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZS5PNHPN.cjs","../src/props/background-color.props.ts"],"names":["colorTokens","backgroundColorPropDefs","transformColorValue"],"mappings":"AAAA,iIAAwC,wDAAyC,ICK3EA,CAAAA,CAAc,CAAC,GAAGA,mBAAmB,CAAA,CAErCC,CAAAA,aAA0B,CAC9B,eAAA,CAAiB,CACf,SAAA,CAAW,kBAAA,CACX,MAAA,CAAQD,CAAAA,CACR,UAAA,CAAY,CAAA,CAAA,CACZ,qBAAA,CAAuB,CAAA,CAAA,CACvB,cAAA,CAAgBE,mBAClB,CACF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZS5PNHPN.cjs","sourcesContent":[null,"import { PropDef } from './prop-def';\nimport { colorTokens as importedColorTokens } from '../tokens/color';\nimport { transformColorValue } from '../helpers/transform-color-value';\n\n// we need to redefine as const so that intellisense works\nconst colorTokens = [...importedColorTokens] as const;\n\nconst backgroundColorPropDefs = {\n  backgroundColor: {\n    className: 'background-color',\n    tokens: colorTokens,\n    responsive: false,\n    singleClassNameTokens: true,\n    transformValue: transformColorValue,\n  },\n} satisfies {\n  backgroundColor: PropDef<(typeof colorTokens)[number]>;\n};\n\ninterface BackgroundColorProps {\n  /**\n   * Set the background colour.\n   */\n  backgroundColor?: (typeof colorTokens)[number];\n}\n\nexport { backgroundColorPropDefs };\nexport type { BackgroundColorProps };\n"]}

package/dist/chunk-ZV5ATJ4R.cjs

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

package/dist/chunk-ZV5ATJ4R.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Spinner/Spinner.props.ts"],"names":["sizes","spinnerPropDefs"],"mappings":"AAMA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAExBC,CAAAA,aAAkB,CAC7B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAC5E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZV5ATJ4R.cjs","sourcesContent":["import { ColorProps } from '../../props/color.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\n\nconst sizes = ['xs', 'sm', 'md', 'lg'] as const;\n\nexport const spinnerPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface SpinnerProps\n  extends ColorProps,\n    ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps {\n  /**\n   * Sets the button height.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Sets the Spinner stroke colour to `currentColor`.\n   * For use when the Spinner needs to inherit a parent component's colour scheme.\n   */\n  currentColor?: boolean;\n}\n"]}

package/dist/tokens/color.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5NBN3TFAcjs = require('../chunk-5NBN3TFA.cjs');exports.colorTokens = _chunk5NBN3TFAcjs.a;
-//# sourceMappingURL=color.cjs.map

package/dist/tokens/color.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/tokens/color.cjs"],"names":[],"mappings":"AAAA,kIAAoC,0CAAyB","file":"/home/runner/work/hearth/hearth/packages/react/dist/tokens/color.cjs"}

package/dist/tokens/color.d.cts

@@ -1,3 +0,0 @@
-declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
-
-export { colorTokens };

package/dist/tokens/color.d.ts

@@ -1,3 +0,0 @@
-declare const colorTokens: readonly ["blue0", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue950", "blue1000", "broadbandGreen0", "broadbandGreen50", "broadbandGreen100", "broadbandGreen200", "broadbandGreen300", "broadbandGreen400", "broadbandGreen500", "broadbandGreen600", "broadbandGreen700", "broadbandGreen800", "broadbandGreen900", "broadbandGreen950", "broadbandGreen1000", "cashbackLilac0", "cashbackLilac50", "cashbackLilac100", "cashbackLilac200", "cashbackLilac300", "cashbackLilac400", "cashbackLilac500", "cashbackLilac600", "cashbackLilac700", "cashbackLilac800", "cashbackLilac900", "cashbackLilac950", "cashbackLilac1000", "energyBlue0", "energyBlue50", "energyBlue100", "energyBlue200", "energyBlue300", "energyBlue400", "energyBlue500", "energyBlue600", "energyBlue700", "energyBlue800", "energyBlue900", "energyBlue950", "energyBlue1000", "green0", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green950", "green1000", "grey0", "grey50", "grey100", "grey200", "grey300", "grey400", "grey500", "grey600", "grey700", "grey800", "grey900", "grey950", "grey975", "grey1000", "insuranceOrange0", "insuranceOrange50", "insuranceOrange100", "insuranceOrange200", "insuranceOrange300", "insuranceOrange400", "insuranceOrange500", "insuranceOrange600", "insuranceOrange700", "insuranceOrange800", "insuranceOrange900", "insuranceOrange950", "insuranceOrange1000", "mobileRose0", "mobileRose50", "mobileRose100", "mobileRose200", "mobileRose300", "mobileRose400", "mobileRose500", "mobileRose600", "mobileRose700", "mobileRose800", "mobileRose900", "mobileRose950", "mobileRose1000", "orange0", "orange50", "orange100", "orange200", "orange300", "orange400", "orange500", "orange600", "orange700", "orange750", "orange800", "orange900", "orange950", "orange1000", "piggyPink0", "piggyPink50", "piggyPink100", "piggyPink200", "piggyPink300", "piggyPink400", "piggyPink500", "piggyPink600", "piggyPink700", "piggyPink800", "piggyPink900", "piggyPink950", "piggyPink1000", "purple0", "purple50", "purple100", "purple200", "purple300", "purple400", "purple500", "purple600", "purple700", "purple800", "purple900", "purple950", "purple1000", "red0", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red950", "red1000", "warmWhite0", "warmWhite50", "warmWhite100", "warmWhite200", "warmWhite300", "warmWhite400", "warmWhite500", "warmWhite600", "warmWhite700", "warmWhite800", "warmWhite900", "warmWhite950", "warmWhite975", "warmWhite1000", "yellow0", "yellow50", "yellow100", "yellow200", "yellow300", "yellow400", "yellow500", "yellow600", "yellow700", "yellow800", "yellow900", "yellow950", "yellow1000"];
-
-export { colorTokens };

package/dist/tokens/color.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-HDDK3KYO.js";export{a as colorTokens};
-//# sourceMappingURL=color.js.map