@utilitywarehouse/hearth-react 0.31.1 → 0.31.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/SKILL.md +26 -1
- package/dist/{chunk-3JOJTECD.cjs → chunk-2SE3IP7H.cjs} +2 -2
- package/dist/{chunk-3JOJTECD.cjs.map → chunk-2SE3IP7H.cjs.map} +1 -1
- package/dist/{chunk-VFV72EO7.cjs → chunk-3MHQFACY.cjs} +2 -2
- package/dist/{chunk-VFV72EO7.cjs.map → chunk-3MHQFACY.cjs.map} +1 -1
- package/dist/{chunk-OAZAGJ5H.js → chunk-5CK2UAGE.js} +2 -2
- package/dist/{chunk-WACCMWXR.js → chunk-67YHII7B.js} +2 -2
- package/dist/{chunk-FAI775SG.js → chunk-6C26DFED.js} +2 -2
- package/dist/{chunk-GCBPGT3T.cjs → chunk-6YVRR4CS.cjs} +2 -2
- package/dist/{chunk-GCBPGT3T.cjs.map → chunk-6YVRR4CS.cjs.map} +1 -1
- package/dist/{chunk-GS74EMPU.cjs → chunk-6ZWTLZZX.cjs} +2 -2
- package/dist/{chunk-GS74EMPU.cjs.map → chunk-6ZWTLZZX.cjs.map} +1 -1
- package/dist/{chunk-OQKEGAZM.js → chunk-AOTCV77X.js} +2 -2
- package/dist/{chunk-JHH2D3YF.cjs → chunk-CNZUOCUM.cjs} +2 -2
- package/dist/{chunk-JHH2D3YF.cjs.map → chunk-CNZUOCUM.cjs.map} +1 -1
- package/dist/{chunk-XKWLFASV.js → chunk-GS7HRO37.js} +2 -2
- package/dist/{chunk-C6UTUB4Y.cjs → chunk-GWRPZWBQ.cjs} +2 -2
- package/dist/{chunk-C6UTUB4Y.cjs.map → chunk-GWRPZWBQ.cjs.map} +1 -1
- package/dist/{chunk-R3U62QUJ.cjs → chunk-H4GWTD27.cjs} +2 -2
- package/dist/{chunk-R3U62QUJ.cjs.map → chunk-H4GWTD27.cjs.map} +1 -1
- package/dist/{chunk-AXSTVOHW.cjs → chunk-HUTTCGFV.cjs} +2 -2
- package/dist/{chunk-AXSTVOHW.cjs.map → chunk-HUTTCGFV.cjs.map} +1 -1
- package/dist/{chunk-7WJQ72PM.cjs → chunk-JYBGBAM2.cjs} +2 -2
- package/dist/{chunk-7WJQ72PM.cjs.map → chunk-JYBGBAM2.cjs.map} +1 -1
- package/dist/{chunk-6LWA5AVL.js → chunk-K632LVWI.js} +2 -2
- package/dist/{chunk-NMUM7DTM.js → chunk-NGJU6AYF.js} +2 -2
- package/dist/{chunk-ACY4LC7A.cjs → chunk-O5435DOI.cjs} +2 -2
- package/dist/{chunk-ACY4LC7A.cjs.map → chunk-O5435DOI.cjs.map} +1 -1
- package/dist/{chunk-4HFMZAZH.js → chunk-OCPZELA3.js} +2 -2
- package/dist/{chunk-YVE2WW3X.cjs → chunk-OS6ZIORQ.cjs} +2 -2
- package/dist/{chunk-YVE2WW3X.cjs.map → chunk-OS6ZIORQ.cjs.map} +1 -1
- package/dist/{chunk-QPJVK2SM.cjs → chunk-PSBEC3L7.cjs} +2 -2
- package/dist/{chunk-QPJVK2SM.cjs.map → chunk-PSBEC3L7.cjs.map} +1 -1
- package/dist/{chunk-RUBVYDSJ.js → chunk-QAO7HOZD.js} +2 -2
- package/dist/{chunk-RX5MC4YR.cjs → chunk-QET77PJL.cjs} +2 -2
- package/dist/{chunk-RX5MC4YR.cjs.map → chunk-QET77PJL.cjs.map} +1 -1
- package/dist/{chunk-IJOC3KSC.cjs → chunk-QKBHMJXL.cjs} +2 -2
- package/dist/{chunk-IJOC3KSC.cjs.map → chunk-QKBHMJXL.cjs.map} +1 -1
- package/dist/{chunk-DG636UEJ.js → chunk-QVKFWIW2.js} +2 -2
- package/dist/{chunk-H3MYY4SJ.js → chunk-S66HH53E.js} +2 -2
- package/dist/{chunk-IWMLWTVN.cjs → chunk-SL4BZVTG.cjs} +2 -2
- package/dist/{chunk-IWMLWTVN.cjs.map → chunk-SL4BZVTG.cjs.map} +1 -1
- package/dist/{chunk-ARUDWUBG.js → chunk-STDAAK2C.js} +2 -2
- package/dist/{chunk-RFZSSPT6.js → chunk-TNCR5TRP.js} +2 -2
- package/dist/{chunk-GF2SEKIQ.js → chunk-UR7ALP3N.js} +2 -2
- package/dist/{chunk-HKHOVE3D.js → chunk-VFQ4VSZI.js} +2 -2
- package/dist/{chunk-A6TWEUBJ.js → chunk-W6WVBTWA.js} +2 -2
- package/dist/{chunk-EGCBHA6Y.cjs → chunk-WAGDSS2T.cjs} +2 -2
- package/dist/{chunk-EGCBHA6Y.cjs.map → chunk-WAGDSS2T.cjs.map} +1 -1
- package/dist/{chunk-O3VQ23YO.cjs → chunk-WQHPEKVX.cjs} +2 -2
- package/dist/{chunk-O3VQ23YO.cjs.map → chunk-WQHPEKVX.cjs.map} +1 -1
- package/dist/{chunk-RBRFHUML.js → chunk-XJF5HHP5.js} +2 -2
- package/dist/{chunk-TWH7FK55.js → chunk-Y3SEGBSR.js} +2 -2
- package/dist/{chunk-TKI2FGBE.cjs → chunk-YQFZO46F.cjs} +2 -2
- package/dist/{chunk-TKI2FGBE.cjs.map → chunk-YQFZO46F.cjs.map} +1 -1
- package/dist/components/Accordion/Accordion.cjs +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/CardAccordion/CardAccordion.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordion.js +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.js +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.js +1 -1
- package/dist/components/Checkbox/Checkbox.cjs +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/CheckboxTile/CheckboxTile.cjs +1 -1
- package/dist/components/CheckboxTile/CheckboxTile.js +1 -1
- package/dist/components/Combobox/Combobox.cjs +1 -1
- package/dist/components/Combobox/Combobox.js +1 -1
- package/dist/components/DescriptionList/DescriptionList.cjs +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +1 -1
- package/dist/components/ExpandableCard/ExpandableCardGroup.cjs +1 -1
- package/dist/components/ExpandableCard/ExpandableCardGroup.js +1 -1
- package/dist/components/List/List.cjs +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/RadioTile/RadioTile.cjs +1 -1
- package/dist/components/RadioTile/RadioTile.js +1 -1
- package/dist/components/SectionHeader/SectionHeader.cjs +1 -1
- package/dist/components/SectionHeader/SectionHeader.js +1 -1
- package/dist/components/Skeleton/SkeletonBodyText.cjs +1 -1
- package/dist/components/Skeleton/SkeletonBodyText.js +1 -1
- package/dist/components/Table/TablePagination.cjs +1 -1
- package/dist/components/Table/TablePagination.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/public/llms/docs/a-i-tools.md +18 -1
- package/public/llms/docs/getting-started.md +1 -1
- /package/dist/{chunk-OAZAGJ5H.js.map → chunk-5CK2UAGE.js.map} +0 -0
- /package/dist/{chunk-WACCMWXR.js.map → chunk-67YHII7B.js.map} +0 -0
- /package/dist/{chunk-FAI775SG.js.map → chunk-6C26DFED.js.map} +0 -0
- /package/dist/{chunk-OQKEGAZM.js.map → chunk-AOTCV77X.js.map} +0 -0
- /package/dist/{chunk-XKWLFASV.js.map → chunk-GS7HRO37.js.map} +0 -0
- /package/dist/{chunk-6LWA5AVL.js.map → chunk-K632LVWI.js.map} +0 -0
- /package/dist/{chunk-NMUM7DTM.js.map → chunk-NGJU6AYF.js.map} +0 -0
- /package/dist/{chunk-4HFMZAZH.js.map → chunk-OCPZELA3.js.map} +0 -0
- /package/dist/{chunk-RUBVYDSJ.js.map → chunk-QAO7HOZD.js.map} +0 -0
- /package/dist/{chunk-DG636UEJ.js.map → chunk-QVKFWIW2.js.map} +0 -0
- /package/dist/{chunk-H3MYY4SJ.js.map → chunk-S66HH53E.js.map} +0 -0
- /package/dist/{chunk-ARUDWUBG.js.map → chunk-STDAAK2C.js.map} +0 -0
- /package/dist/{chunk-RFZSSPT6.js.map → chunk-TNCR5TRP.js.map} +0 -0
- /package/dist/{chunk-GF2SEKIQ.js.map → chunk-UR7ALP3N.js.map} +0 -0
- /package/dist/{chunk-HKHOVE3D.js.map → chunk-VFQ4VSZI.js.map} +0 -0
- /package/dist/{chunk-A6TWEUBJ.js.map → chunk-W6WVBTWA.js.map} +0 -0
- /package/dist/{chunk-RBRFHUML.js.map → chunk-XJF5HHP5.js.map} +0 -0
- /package/dist/{chunk-TWH7FK55.js.map → chunk-Y3SEGBSR.js.map} +0 -0
package/SKILL.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: hearth-react
|
|
3
|
-
description:
|
|
3
|
+
description: MANDATORY prerequisite — you MUST load this skill BEFORE writing or editing any file that imports from `@utilitywarehouse/hearth-react` or `@utilitywarehouse/hearth-react-icons`, BEFORE adapting Figma `get_design_context` reference output into a page or component in a Hearth app, and BEFORE delegating research about a Hearth component's props or usage to a subagent. NEVER substitute node_modules type definitions or a grep of existing usage for this skill's own component docs — that is how this skill gets silently bypassed. This skill IS the "target project's conventions" that figma-design-to-code hands off to; loading that skill does NOT satisfy this requirement. Do not wait for an explicit mention of "Hearth React" — any frontend UI work in an app with the library installed requires this skill first.
|
|
4
4
|
---
|
|
5
5
|
|
|
6
6
|
# Building with Hearth React
|
|
@@ -9,6 +9,31 @@ You are acting as a frontend engineer. Your job is to turn requirements—either
|
|
|
9
9
|
Figma designs or written requirements—into UI React code using Hearth — Utility
|
|
10
10
|
Warehouse's Design Systems libraries.
|
|
11
11
|
|
|
12
|
+
## MANDATORY — when you must load this skill
|
|
13
|
+
|
|
14
|
+
Load this skill — do not skip it — at each of these moments:
|
|
15
|
+
|
|
16
|
+
- **Before writing or editing any file that imports from
|
|
17
|
+
`@utilitywarehouse/hearth-react` or `@utilitywarehouse/hearth-react-icons`.**
|
|
18
|
+
If the file touches either package, this skill MUST be loaded first, no
|
|
19
|
+
exceptions.
|
|
20
|
+
- **Before adapting Figma `get_design_context` reference output into this
|
|
21
|
+
codebase.** `figma-design-to-code` hands off with "adapt the reference code
|
|
22
|
+
to the target project's conventions" without saying what those conventions
|
|
23
|
+
are. This skill IS that answer. Loading `figma-design-to-code` does NOT
|
|
24
|
+
satisfy this requirement — load both, this one before you touch the
|
|
25
|
+
reference code.
|
|
26
|
+
- **Before delegating research about a Hearth component's props, variants, or
|
|
27
|
+
usage to a subagent.** Reading `node_modules` type definitions or grepping
|
|
28
|
+
existing usage in the app is NOT a substitute for this skill's own component
|
|
29
|
+
docs (see "Before you implement" below). Spawning a research subagent to
|
|
30
|
+
answer a question this skill already answers is how this skill gets
|
|
31
|
+
silently bypassed — load this skill, or pass its instructions into the
|
|
32
|
+
subagent's prompt, before delegating.
|
|
33
|
+
|
|
34
|
+
Treat each moment above as a hard gate, not a vague "this is UI work" prompt
|
|
35
|
+
to get around to eventually.
|
|
36
|
+
|
|
12
37
|
## Package imports
|
|
13
38
|
|
|
14
39
|
| Purpose | Package |
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkO5435DOIcjs = require('./chunk-O5435DOI.cjs');var _chunkMJNIIRVPcjs = require('./chunk-MJNIIRVP.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var C="CardAccordion",m=_chunk4Q432K4Wcjs.b.call(void 0, C),I= exports.a =_react.forwardRef.call(void 0, (u,A)=>{let{className:P,children:t,value:r,onValueChange:e,...h}=_chunkZPJNQBTNcjs.a.call(void 0, u,_chunkHI7GZDRAcjs.a),[v,n]=_react.useState.call(void 0, r);_react.useEffect.call(void 0, ()=>{r!==void 0&&n(r)},[r]);let g={...h,type:"single",collapsible:!1,value:v,onValueChange:o=>{n(o),e&&e(o)}},i=(_nullishCoalesce(_react.Children.map(t,o=>_react.isValidElement.call(void 0, o)&&o.type===_chunkO5435DOIcjs.a?o.props.value:null), () => ([]))).filter(Boolean);return i.length===0?(process.env.NODE_ENV!=="production"&&console.error('[CardAccordion]: No CardAccordionItem children with a "value" prop were found. CardAccordion requires at least one CardAccordionItem child.'),null):_jsxruntime.jsx.call(void 0, _radixui.Accordion.Root,{ref:A,className:_chunkONNSZMWFcjs.a.call(void 0, m,P),"data-testid":m,...g,children:_jsxruntime.jsx.call(void 0, _chunkMJNIIRVPcjs.b,{steps:i,onValueChange:e,setCurrentValue:n,children:t})})});I.displayName=C;exports.a = I;
|
|
4
|
+
//# sourceMappingURL=chunk-2SE3IP7H.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2SE3IP7H.cjs","../src/components/CardAccordion/CardAccordion.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardAccordion","forwardRef","props","ref","className","children","value","onValueChange","restProps","extractProps","marginPropDefs","currentValue","setCurrentValue","useState","useEffect","accordionProps","newValue","steps","Children","child","isValidElement","CardAccordionItem","jsx","AccordionPrimitive","cn","CardAccordionProvider"],"mappings":"AAAA,yLAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,8BCAtK,mCAK1B,+CAwE1C,IAlEAA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAgBC,+BAAAA,CAAsDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAChG,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,aAAA,CAAAC,CAAAA,CAAe,GAAGC,CAAU,CAAA,CAAIC,iCAAAA,CAClEP,CACAQ,mBACF,CAAA,CAEM,CAACC,CAAAA,CAAcC,CAAe,CAAA,CAAIC,6BAAAA,CAAc,CAAA,CAEtDC,8BAAAA,CAAU,CAAA,EAAM,CAEVR,CAAAA,GAAU,KAAA,CAAA,EACZM,CAAAA,CAAgBN,CAAK,CAEzB,CAAA,CAAG,CAACA,CAAK,CAAC,CAAA,CASV,IAAMS,CAAAA,CAAiB,CACrB,GAAGP,CAAAA,CACH,IAAA,CAAM,QAAA,CACN,WAAA,CAAa,CAAA,CAAA,CACb,KAAA,CAAOG,CAAAA,CACP,aAAA,CAZyBK,CAAAA,EAAqB,CAC9CJ,CAAAA,CAAgBI,CAAQ,CAAA,CACpBT,CAAAA,EACFA,CAAAA,CAAcS,CAAQ,CAE1B,CAQA,CAAA,CAEMC,CAAAA,CAAAA,kBACJC,eAAAA,CAAS,GAAA,CAAIb,CAAAA,CAAUc,CAAAA,EACjBC,mCAAAA,CAAoB,CAAA,EAAKD,CAAAA,CAAM,IAAA,GAASE,mBAAAA,CAClCF,CAAAA,CAAM,KAAA,CAA6B,KAAA,CAEtC,IACR,CAAA,SAAK,CAAC,GAAA,CAAA,CACP,MAAA,CAAO,OAAO,CAAA,CAEhB,OAAIF,CAAAA,CAAM,MAAA,GAAW,CAAA,CAAA,CACf,OAAA,CAAQ,GAAA,CAAI,QAAA,GAAa,YAAA,EAM3B,OAAA,CAAQ,KAAA,CACN,6IAEF,CAAA,CAEK,IAAA,CAAA,CAIPK,6BAAAA,kBAACC,CAAmB,IAAA,CAAnB,CACC,GAAA,CAAKpB,CAAAA,CACL,SAAA,CAAWqB,iCAAAA,CAAG1B,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACZ,GAAGiB,CAAAA,CAEJ,QAAA,CAAAO,6BAAAA,mBAACG,CAAA,CACC,KAAA,CAAOR,CAAAA,CACP,aAAA,CAAeV,CAAAA,CACf,eAAA,CAAiBK,CAAAA,CAEhB,QAAA,CAAAP,CAAAA,CACH,CAAA,CACF,CAEJ,CAAC,CAAA,CAEDL,CAAAA,CAAc,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2SE3IP7H.cjs","sourcesContent":[null,"'use client';\n\nimport { Children, forwardRef, isValidElement, useEffect, useState } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ComponentPropsWithRef, ComponentRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { CardAccordionProps } from './CardAccordion.props';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { CardAccordionProvider } from './CardAccordion.context';\nimport { CardAccordionItem } from './CardAccordionItem';\n\nconst COMPONENT_NAME = 'CardAccordion';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CardAccordionElement = ComponentRef<'div'>;\n\nexport const CardAccordion = forwardRef<CardAccordionElement, CardAccordionProps>((props, ref) => {\n const { className, children, value, onValueChange, ...restProps } = extractProps(\n props,\n marginPropDefs\n );\n\n const [currentValue, setCurrentValue] = useState(value);\n\n useEffect(() => {\n // Keep internal state in sync when the controlled `value` prop changes.\n if (value !== undefined) {\n setCurrentValue(value);\n }\n }, [value]);\n\n const handleValueChange = (newValue: string) => {\n setCurrentValue(newValue);\n if (onValueChange) {\n onValueChange(newValue);\n }\n };\n\n const accordionProps = {\n ...restProps,\n type: 'single',\n collapsible: false,\n value: currentValue,\n onValueChange: handleValueChange,\n } as ComponentPropsWithRef<typeof AccordionPrimitive.Root>;\n\n const steps: Array<string> = (\n Children.map(children, child => {\n if (isValidElement(child) && child.type === CardAccordionItem) {\n return (child.props as { value?: string }).value;\n }\n return null;\n }) ?? []\n ).filter(Boolean);\n\n if (steps.length === 0) {\n if (process.env.NODE_ENV !== 'production') {\n // CardAccordionProvider assumes at least one step (steps[0]).\n // Rendering CardAccordion without any CardAccordionItem children can cause runtime errors.\n // This guard ensures we fail fast in development and avoid crashing in production.\n // Make sure to pass at least one <CardAccordionItem value=\"...\"> as a child of <CardAccordion>.\n\n console.error(\n '[CardAccordion]: No CardAccordionItem children with a \"value\" prop were found. ' +\n 'CardAccordion requires at least one CardAccordionItem child.'\n );\n }\n return null;\n }\n\n return (\n <AccordionPrimitive.Root\n ref={ref}\n className={cn(componentClassName, className)}\n data-testid={componentClassName}\n {...accordionProps}\n >\n <CardAccordionProvider\n steps={steps}\n onValueChange={onValueChange}\n setCurrentValue={setCurrentValue}\n >\n {children}\n </CardAccordionProvider>\n </AccordionPrimitive.Root>\n );\n});\n\nCardAccordion.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkOEU5ZGKEcjs = require('./chunk-OEU5ZGKE.cjs');var _chunkDR4D5JX2cjs = require('./chunk-DR4D5JX2.cjs');var _chunkGTCSSEXIcjs = require('./chunk-GTCSSEXI.cjs');var _chunkUIJQN3ZYcjs = require('./chunk-UIJQN3ZY.cjs');var _chunkHBCCX6CCcjs = require('./chunk-HBCCX6CC.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var H="Checkbox",a=_chunk4Q432K4Wcjs.b.call(void 0, H),Q= exports.a =_react.forwardRef.call(void 0, (S,E)=>{let{id:L,label:m,helperText:r,className:U,disabled:p,onCheckedChange:b,value:t="on","aria-labelledby":D,image:M,validationStatus:n,validationText:l,...O}=_chunkZPJNQBTNcjs.a.call(void 0, S,_chunkHI7GZDRAcjs.a),{id:f,labelId:x,helperTextId:h,validationTextId:d}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:L,prefix:"checkbox"}),e=_chunkWSD52THLcjs.c.call(void 0, ),i=_chunkDR4D5JX2cjs.c.call(void 0, ),$=_optionalChain([i, 'optionalAccess', _2 => _2.value, 'optionalAccess', _3 => _3.includes, 'call', _4 => _4(t)]),A=_optionalChain([e, 'optionalAccess', _5 => _5.hasGroupHelperText]),B=_optionalChain([e, 'optionalAccess', _6 => _6.hasGroupValidationText]),_=e?e["aria-describedby"]:"",q=!A&&!!r,u=!!m,C=!B&&n!==void 0&&l!==void 0,z=_chunkHIF6HKZ3cjs.a.call(void 0, _,r?h:void 0,C&&l!==void 0?d:void 0);return _jsxruntime.jsxs.call(void 0, _chunkHBCCX6CCcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, a,U),"data-testid":a,"data-disabled":p?"":void 0,children:[_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Root,{ref:E,className:`${a}Root`,name:_optionalChain([i, 'optionalAccess', _7 => _7.name]),checked:$,value:t,...O,id:f,disabled:p,"aria-describedby":z,"aria-labelledby":D||u?x:void 0,"aria-errormessage":n==="invalid"?d:void 0,onCheckedChange:k=>{e&&(k?_optionalChain([i, 'optionalAccess', _8 => _8.onItemCheck, 'call', _9 => _9(t)]):_optionalChain([i, 'optionalAccess', _10 => _10.onItemUncheck, 'call', _11 => _11(t)])),b&&b(k)},children:_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Indicator,{asChild:!0,className:`${a}Indicator`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{})})}),u?_jsxruntime.jsxs.call(void 0, _chunkHBCCX6CCcjs.a,{direction:"column",children:[_jsxruntime.jsxs.call(void 0, _chunkOEU5ZGKEcjs.a,{id:x,htmlFor:f,disableUserSelect:!0,children:[M,m]}),q?_jsxruntime.jsx.call(void 0, _chunkUIJQN3ZYcjs.a,{id:h,disableUserSelect:!0,children:r}):null,C?_jsxruntime.jsx.call(void 0, _chunkGTCSSEXIcjs.a,{id:d,status:n,disableUserSelect:!0,children:l}):null]}):null]})});Q.displayName=H;exports.a = Q;
|
|
4
|
+
//# sourceMappingURL=chunk-3MHQFACY.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-3MHQFACY.cjs","../src/components/Checkbox/Checkbox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Checkbox","forwardRef","props","ref","providedId","label","helperText","className","disabled","onCheckedChange","value","ariaLabelledby","image","validationStatus","validationText","checkboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","hasGroupValidationText","ariaDescribedby","showHelperText","showLabel","showValidation","ariaDescribedbyValue","mergeIds","jsxs","Flex","cn","jsx","CheckboxPrimitive"],"mappings":"AAAA,ylBAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECK7c,mCAKgB,8BAMnB,+CA2EjB,IAzEJA,CAAAA,CAAiB,UAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAWC,+BAAAA,CAA4CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACjF,GAAM,CACJ,EAAA,CAAIC,CAAAA,CACJ,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,iBAAA,CAAmBC,CAAAA,CACnB,KAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAad,CAAOe,mBAAc,CAAA,CAChC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAlB,CAAAA,CACA,MAAA,CAAQ,UACV,CAAC,CAAA,CACKmB,CAAAA,CAAUC,iCAAAA,CAAiB,CAC3BC,CAAAA,CAAkBC,iCAAAA,CAAiB,CACnCC,CAAAA,iBAAUF,CAAAA,6BAAiB,KAAA,6BAAO,QAAA,mBAASf,CAAK,GAAA,CAChDkB,CAAAA,iBAAqBL,CAAAA,6BAAS,oBAAA,CAC9BM,CAAAA,iBAAyBN,CAAAA,6BAAS,wBAAA,CAClCO,CAAAA,CAAkBP,CAAAA,CAAUA,CAAAA,CAAQ,kBAAkB,CAAA,CAAI,EAAA,CAC1DQ,CAAAA,CAAiB,CAACH,CAAAA,EAAsB,CAAC,CAACtB,CAAAA,CAC1C0B,CAAAA,CAAY,CAAC,CAAC3B,CAAAA,CACd4B,CAAAA,CACJ,CAACJ,CAAAA,EAA0BhB,CAAAA,GAAqB,KAAA,CAAA,EAAaC,CAAAA,GAAmB,KAAA,CAAA,CAE5EoB,CAAAA,CAAuBC,iCAAAA,CAC3BL,CACExB,CAAAA,CAAac,CAAAA,CAAe,KAAA,CAAA,CAC9Ba,CAAAA,EAAkBnB,CAAAA,GAAmB,KAAA,CAAA,CAAYO,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAEA,OACEe,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGxC,CAAoBS,CAAS,CAAA,CAC3C,aAAA,CAAaT,CAAAA,CACb,eAAA,CAAeU,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAE/B,QAAA,CAAA,CAAA+B,6BAAAA,iBAACC,CAAkB,IAAA,CAAlB,CACC,GAAA,CAAKrC,CAAAA,CACL,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3MHQFACY.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'Checkbox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CheckboxElement = ComponentRef<'button'>;\n\nexport const Checkbox = forwardRef<CheckboxElement, CheckboxProps>((props, ref) => {\n const {\n id: providedId,\n label,\n helperText,\n className,\n disabled,\n onCheckedChange,\n value = 'on',\n 'aria-labelledby': ariaLabelledby,\n image,\n validationStatus,\n validationText,\n ...checkboxProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'checkbox',\n });\n const context = useFormGroupBase();\n const checkboxContext = useCheckboxGroup();\n const checked = checkboxContext?.value?.includes(value);\n const hasGroupHelperText = context?.hasGroupHelperText;\n const hasGroupValidationText = context?.hasGroupValidationText;\n const ariaDescribedby = context ? context['aria-describedby'] : '';\n const showHelperText = !hasGroupHelperText && !!helperText;\n const showLabel = !!label;\n const showValidation =\n !hasGroupValidationText && validationStatus !== undefined && validationText !== undefined;\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidation && validationText !== undefined ? validationTextId : undefined\n );\n\n return (\n <Flex\n className={cn(componentClassName, className)}\n data-testid={componentClassName}\n data-disabled={disabled ? '' : undefined}\n >\n <CheckboxPrimitive.Root\n ref={ref}\n className={`${componentClassName}Root`}\n name={checkboxContext?.name}\n checked={checked}\n value={value}\n {...checkboxProps}\n id={id}\n disabled={disabled}\n aria-describedby={ariaDescribedbyValue}\n aria-labelledby={ariaLabelledby || showLabel ? labelId : undefined}\n aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n onCheckedChange={(checked: boolean) => {\n if (context) {\n if (checked) {\n checkboxContext?.onItemCheck(value);\n } else {\n checkboxContext?.onItemUncheck(value);\n }\n }\n if (onCheckedChange) {\n onCheckedChange(checked);\n }\n }}\n >\n <CheckboxPrimitive.Indicator asChild className={`${componentClassName}Indicator`}>\n <TickSmallIcon />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n {showLabel ? (\n <Flex direction=\"column\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\n {image}\n {label}\n </Label>\n {showHelperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n {showValidation ? (\n <ValidationText id={validationTextId} status={validationStatus} disableUserSelect>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n ) : null}\n </Flex>\n );\n});\n\nCheckbox.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as f}from"./chunk-MB2NMZ2I.js";import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as f}from"./chunk-MB2NMZ2I.js";import{a as l}from"./chunk-BMUDU7FZ.js";import{a as p}from"./chunk-ZFXXAQRQ.js";import{a}from"./chunk-KGEVWEVL.js";import{a as e}from"./chunk-J3AJBV4B.js";import{b as s}from"./chunk-PDEVCIQ3.js";import{forwardRef as E}from"react";import{jsx as o}from"react/jsx-runtime";var y="SkeletonBodyText",d=s(y),R=E((c,t)=>{let{lines:r="1",className:m,margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u,...n}=a(c,f),i={margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u};return r==="1"?o(l,{as:"div",ref:t,className:e(d,m),...i,...n}):o(p,{ref:t,direction:"column",gap:"75",...i,children:Array.from({length:Number(r)},(v,C)=>o("div",{className:e(d,m),...n},C))})});R.displayName=y;export{R as a};
|
|
4
|
+
//# sourceMappingURL=chunk-5CK2UAGE.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as p}from"./chunk-53X2J7TB.js";import{a as d}from"./chunk-ZAS7UCT3.js";import{a as l}from"./chunk-YO67JIGH.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as s}from"./chunk-J3AJBV4B.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{a as m}from"./chunk-VCC5YQTQ.js";import{Slot as g}from"radix-ui";import{forwardRef as h}from"react";import{jsx as o,jsxs as E}from"react/jsx-runtime";var f="Button",t=a(f),v=h((u,c)=>{let{className:B,children:n,disabled:N,loading:e,asChild:r,...b}=i(u,d),C=r?g.Root:"button";return o(p,{ref:c,className:s(t,B),disabled:N||e,"aria-label":e?"Loading":void 0,"data-testid":t,asChild:!0,...b,children:o(C,{children:e?m({asChild:r,children:n},P=>E("div",{className:`${t}Loading`,children:[o("div",{children:o(l,{size:"xs",currentColor:!0})}),o("span",{className:`${t}Hidden`,children:P})]})):n})})});v.displayName=f;export{v as a};
|
|
4
|
+
//# sourceMappingURL=chunk-67YHII7B.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as r}from"./chunk-TJHI42VN.js";import{a as y}from"./chunk-OTUWE44X.js";import{a as v}from"./chunk-ZL7L2WXW.js";import{a as h}from"./chunk-L7XVQXSE.js";import{a as N}from"./chunk-5W2RN3FO.js";import{a}from"./chunk-CMKONDKZ.js";import{a as S}from"./chunk-YO67JIGH.js";import{a as P}from"./chunk-KBX2N5VR.js";import{a as I}from"./chunk-7X24J4CX.js";import{a as C}from"./chunk-KGEVWEVL.js";import{a as x}from"./chunk-J3AJBV4B.js";import{b as l}from"./chunk-PDEVCIQ3.js";import{Combobox as e}from"@base-ui/react/combobox";import{CloseSmallIcon as H,ExpandSmallIcon as _,SearchMediumIcon as J}from"@utilitywarehouse/hearth-react-icons";import{ScrollArea as n}from"radix-ui";import{jsx as o,jsxs as m}from"react/jsx-runtime";var T="Combobox",i=l(T);function K(s){let{className:g,children:p,triggerOnlyOnType:c,validationStatus:A,validationText:O,label:B,labelVariant:V,helperText:E,id:F,disabled:t,required:w,noOptionsFoundText:M,statusText:d,loading:R,hideLabel:L,placeholder:U,...$}=C(s,P),{id:u,labelId:k,helperTextId:q,validationTextId:z}=I({providedId:F,prefix:"combobox"}),f=!t,D={id:u,labelId:k,helperTextId:q,validationTextId:z,label:B,labelVariant:V,helperText:E,validationText:f?O:void 0,validationStatus:f?A:void 0,required:w,hideLabel:L},G=!!d||!!s.items||!!p;return o(y,{className:x(i,g),"data-disabled":t?"":void 0,"data-testid":i,...D,children:m(e.Root,{openOnInputClick:!c,...$,children:[o(e.Input,{render:m(v,{id:u,disabled:t,placeholder:U,children:[o(e.Trigger,{disabled:t,render:o(r,{placement:"prefix",asChild:!0,children:o(a,{type:"button",label:"Open popup",disabled:t,children:o(J,{})})})}),R?o(r,{placement:"suffix",children:o(S,{size:"xs",color:"primary"})}):null,o(e.Clear,{render:o(r,{placement:"suffix",asChild:!0,children:o(a,{type:"button",label:"Clear selection",disabled:t,children:o(H,{})})})}),c?null:o(e.Trigger,{disabled:t,render:o(r,{placement:"suffix",asChild:!0,children:o(a,{type:"button",label:"Open popup",disabled:t,children:o(_,{})})})})]})}),G?o(e.Portal,{children:o(e.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:m(e.Popup,{className:`${i}Popup`,children:[d?o(e.Status,{className:`${i}StatusText`,children:d}):null,s.items?o(h,{className:`${i}Empty`,children:M}):null,m(n.Root,{className:l("ScrollAreaRoot"),type:"auto",children:[o(n.Viewport,{className:l("ScrollAreaViewport"),children:o(e.List,{className:`${i}List`,children:p||(b=>o(N,{value:b,children:b},b))})}),o(n.Scrollbar,{className:l("ScrollAreaScrollbar"),orientation:"vertical",children:o(n.Thumb,{className:l("ScrollAreaThumb")})})]})]})})}):null]})})}K.displayName=T;export{K as a};
|
|
4
|
+
//# sourceMappingURL=chunk-6C26DFED.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunk3GKKDE55cjs = require('./chunk-3GKKDE55.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunk3GKKDE55cjs = require('./chunk-3GKKDE55.cjs');var _chunkH4GWTD27cjs = require('./chunk-H4GWTD27.cjs');var _chunkDX6AO37Jcjs = require('./chunk-DX6AO37J.cjs');var _chunkHBCCX6CCcjs = require('./chunk-HBCCX6CC.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var c="DescriptionList",o=_chunk4Q432K4Wcjs.b.call(void 0, c),F= exports.a =_react.forwardRef.call(void 0, (d,f)=>{let{className:x,style:P,heading:i,headingElement:D,helperText:h,trailingContent:C,children:L,direction:N,validationText:v,validationStatus:y,width:E,maxWidth:g,minWidth:u,...w}=_chunkZPJNQBTNcjs.a.call(void 0, d,_chunkHI7GZDRAcjs.a),R={style:P,width:E,maxWidth:g,minWidth:u},T={heading:i,headingElement:D,helperText:h,trailingContent:C,validationText:v,validationStatus:y};return _jsxruntime.jsxs.call(void 0, _chunkDX6AO37Jcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, o,x),"data-testid":o,...R,children:[i?_jsxruntime.jsx.call(void 0, _chunkH4GWTD27cjs.a,{...T}):null,_jsxruntime.jsx.call(void 0, _chunkHBCCX6CCcjs.a,{asChild:!0,className:`${o}Container`,role:"list",children:_jsxruntime.jsx.call(void 0, "dl",{ref:f,role:"list",...w,children:_jsxruntime.jsx.call(void 0, _chunk3GKKDE55cjs.a.Provider,{value:{direction:N},children:L})})})]})});F.displayName=c;exports.a = F;
|
|
4
|
+
//# sourceMappingURL=chunk-6YVRR4CS.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-6YVRR4CS.cjs","../src/components/DescriptionList/DescriptionList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DescriptionList","forwardRef","props","ref","className","style","heading","headingElement","helperText","trailingContent","children","direction","validationText","validationStatus","width","maxWidth","minWidth","listProps","extractProps","marginPropDefs","containerProps","sectionHeaderProps","jsxs","Box","cn","jsx","SectionHeader","Flex"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAvS,+CAgDrB,IApCAA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkBC,+BAAAA,CAC5BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAahB,CAAOiB,mBAAc,CAAA,CAEhCC,CAAAA,CAAiB,CAAE,KAAA,CAAAf,CAAAA,CAAO,KAAA,CAAAS,CAAAA,CAAO,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAS,CAAA,CAEpDK,CAAAA,CAAqB,CACzB,OAAA,CAAAf,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAG,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEA,OACES,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAG1B,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACZ,GAAGsB,CAAAA,CAEH,QAAA,CAAA,CAAAd,CAAAA,CAAUmB,6BAAAA,mBAACC,CAAA,CAAe,GAAGL,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACvDI,6BAAAA,mBAACE,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6YVRR4CS.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport type { DescriptionListProps } from './DescriptionList.props';\nimport { DescriptionListContext } from './DescriptionList.context';\nimport { Flex } from '../Flex/Flex';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'DescriptionList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DescriptionListElement = ComponentRef<'dl'>;\n\nexport const DescriptionList = forwardRef<DescriptionListElement, DescriptionListProps>(\n (props, ref) => {\n const {\n className,\n style,\n heading,\n headingElement,\n helperText,\n trailingContent,\n children,\n direction,\n validationText,\n validationStatus,\n width,\n maxWidth,\n minWidth,\n ...listProps\n } = extractProps(props, marginPropDefs);\n\n const containerProps = { style, width, maxWidth, minWidth };\n\n const sectionHeaderProps = {\n heading,\n headingElement,\n helperText,\n trailingContent,\n validationText,\n validationStatus,\n };\n\n return (\n <Box\n className={cn(componentClassName, className)}\n data-testid={componentClassName}\n {...containerProps}\n >\n {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n <Flex asChild className={`${componentClassName}Container`} role=\"list\">\n <dl ref={ref} role=\"list\" {...listProps}>\n <DescriptionListContext.Provider value={{ direction }}>\n {children}\n </DescriptionListContext.Provider>\n </dl>\n </Flex>\n </Box>\n );\n }\n);\n\nDescriptionList.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkM4ECR25Ocjs = require('./chunk-M4ECR25O.cjs');var _chunkOTQHBR7Ccjs = require('./chunk-OTQHBR7C.cjs');var _chunkDXGYPSJKcjs = require('./chunk-DXGYPSJK.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f="Button",t=_chunk4Q432K4Wcjs.b.call(void 0, f),v= exports.a =_react.forwardRef.call(void 0, (u,c)=>{let{className:B,children:n,disabled:N,loading:e,asChild:r,...b}=_chunkZPJNQBTNcjs.a.call(void 0, u,_chunkOTQHBR7Ccjs.a),C=r?_radixui.Slot.Root:"button";return _jsxruntime.jsx.call(void 0, _chunkM4ECR25Ocjs.a,{ref:c,className:_chunkONNSZMWFcjs.a.call(void 0, t,B),disabled:N||e,"aria-label":e?"Loading":void 0,"data-testid":t,asChild:!0,...b,children:_jsxruntime.jsx.call(void 0, C,{children:e?_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:r,children:n},P=>_jsxruntime.jsxs.call(void 0, "div",{className:`${t}Loading`,children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkDXGYPSJKcjs.a,{size:"xs",currentColor:!0})}),_jsxruntime.jsx.call(void 0, "span",{className:`${t}Hidden`,children:P})]})):n})})});v.displayName=f;exports.a = v;
|
|
4
|
+
//# sourceMappingURL=chunk-6ZWTLZZX.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-6ZWTLZZX.cjs","../src/components/Button/Button.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","forwardRef","props","ref","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","Component","Slot","jsx","ButtonBase","cn","getSubtree","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCOzQ,8BAEM,+CAwBb,IAtBRA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAASC,+BAAAA,CAA4CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC/E,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAC1ER,CACAS,mBACF,CAAA,CACMC,CAAAA,CAAYJ,CAAAA,CAAUK,aAAAA,CAAK,IAAA,CAAO,QAAA,CACxC,OACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKZ,CAAAA,CACL,SAAA,CAAWa,iCAAAA,CAAGlB,CAAoBM,CAAS,CAAA,CAC3C,QAAA,CAAUE,CAAAA,EAAYC,CAAAA,CACtB,YAAA,CAAYA,CAAAA,CAAU,SAAA,CAAY,KAAA,CAAA,CAClC,aAAA,CAAaT,CAAAA,CACb,OAAA,CAAO,CAAA,CAAA,CACN,GAAGW,CAAAA,CAEJ,QAAA,CAAAK,6BAAAA,CAACF,CAAA,CACE,QAAA,CAAAL,CAAAA,CACGU,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAH,CAAS,CAAA,CAAGA,CAAAA,EAChCa,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6ZWTLZZX.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs } from './Button.props';\nimport type { ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Button = forwardRef<ButtonBaseElement, ButtonProps>((props, ref) => {\n const { className, children, disabled, loading, asChild, ...buttonProps } = extractProps(\n props,\n buttonPropDefs\n );\n const Component = asChild ? Slot.Root : 'button';\n return (\n <ButtonBase\n ref={ref}\n className={cn(componentClassName, className)}\n disabled={disabled || loading}\n aria-label={loading ? 'Loading' : undefined}\n data-testid={componentClassName}\n asChild\n {...buttonProps}\n >\n <Component>\n {loading\n ? getSubtree({ asChild, children }, children => (\n <div className={`${componentClassName}Loading`}>\n <div>\n <Spinner size=\"xs\" currentColor />\n </div>\n <span className={`${componentClassName}Hidden`}>{children}</span>\n </div>\n ))\n : children}\n </Component>\n </ButtonBase>\n );\n});\n\nButton.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as N}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as N}from"./chunk-67YHII7B.js";import{a as p}from"./chunk-CMKONDKZ.js";import{a as f}from"./chunk-MI6EAUTT.js";import{a as v}from"./chunk-KBX2N5VR.js";import{a as I}from"./chunk-KGEVWEVL.js";import{a as y}from"./chunk-J3AJBV4B.js";import{b as S}from"./chunk-PDEVCIQ3.js";import{forwardRef as x}from"react";import{ChevronLeftSmallIcon as T,ChevronRightSmallIcon as A,SkipFirstSmallIcon as G,SkipLastSmallIcon as R}from"@utilitywarehouse/hearth-react-icons";import{Slot as U}from"radix-ui";import{jsx as o,jsxs as c}from"react/jsx-runtime";var b="Pagination",s=S(b),m="...",M=7,_=(a,i)=>{if(i<=M)return Array.from({length:i},(r,d)=>d+1);let e=[],n=a<=4,t=a>i-4;return n?(e.push(1,2,3,4,5),e.push(m),e.push(i)):t?(e.push(1),e.push(m),e.push(i-4,i-3,i-2,i-1,i)):(e.push(1),e.push(m),e.push(a-1,a,a+1),e.push(m),e.push(i)),e},w=x((a,i)=>{let{className:e,currentPage:n,totalPages:t,onPageChange:r,condensed:d=!1,hideSkipButtons:u=!1,as:C="div",...g}=I(a,v),B=_(n,t),P=()=>{n>1&&r(n-1)},E=()=>{n<t&&r(n+1)},k=()=>{n!==1&&r(1)},L=()=>{n!==t&&r(t)};return o(U.Root,{ref:i,"aria-label":"pagination",className:y(s,e),"data-testid":s,...g,children:o(C,{children:c("div",{className:`${s}Container`,children:[c("div",{className:`${s}Controllers`,children:[!u&&o(p,{label:"Go to first page",onClick:k,disabled:n===1,children:o(G,{})}),o(p,{label:"Go to previous page",onClick:P,disabled:n===1,children:o(T,{})})]}),d?c(f,{size:"md",color:"primary",children:["Page ",n," of ",t]}):o("div",{children:o("ol",{className:`${s}Pages`,children:B.map((l,$)=>{if(l===m)return o("li",{children:o(f,{size:"md",color:"primary",className:`${s}Ellipsis`,children:m})},`ellipsis-${$}`);let h=l===n;return o("li",{children:o(N,{className:`${s}Page`,variant:"ghost",colorScheme:"functional",onClick:()=>r(l),"data-active":h?"":void 0,"aria-label":`Go to page ${l}`,"aria-current":h?"page":void 0,children:l})},l)})})}),c("div",{className:`${s}Controllers`,children:[o(p,{label:"Go to next page",onClick:E,disabled:n===t,children:o(A,{})}),!u&&o(p,{label:"Go to last page",onClick:L,disabled:n===t,children:o(R,{})})]})]})})})});w.displayName=b;export{w as a};
|
|
4
|
+
//# sourceMappingURL=chunk-AOTCV77X.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunk2XTXL6ZEcjs = require('./chunk-2XTXL6ZE.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunk2XTXL6ZEcjs = require('./chunk-2XTXL6ZE.cjs');var _chunkDX6AO37Jcjs = require('./chunk-DX6AO37J.cjs');var _chunkHBCCX6CCcjs = require('./chunk-HBCCX6CC.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var y="SkeletonBodyText",d=_chunk4Q432K4Wcjs.b.call(void 0, y),R= exports.a =_react.forwardRef.call(void 0, (c,t)=>{let{lines:r="1",className:m,margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u,...n}=_chunkZPJNQBTNcjs.a.call(void 0, c,_chunk2XTXL6ZEcjs.a),i={margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u};return r==="1"?_jsxruntime.jsx.call(void 0, _chunkDX6AO37Jcjs.a,{as:"div",ref:t,className:_chunkONNSZMWFcjs.a.call(void 0, d,m),...i,...n}):_jsxruntime.jsx.call(void 0, _chunkHBCCX6CCcjs.a,{ref:t,direction:"column",gap:"75",...i,children:Array.from({length:Number(r)},(v,C)=>_jsxruntime.jsx.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, d,m),...n},C))})});R.displayName=y;exports.a = R;
|
|
4
|
+
//# sourceMappingURL=chunk-CNZUOCUM.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-CNZUOCUM.cjs","../src/components/Skeleton/SkeletonBodyText.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SkeletonBodyText","forwardRef","props","ref","lines","className","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","width","maxWidth","minWidth","skeletonBodyTextProps","extractProps","skeletonBodyTextPropDefs","styleProps","jsx","Box","cn","Flex","_","index"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,8BCArN,+CA+CnB,IAtCFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAmBC,+BAAAA,CAC7BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,KAAA,CAAAC,CAAAA,CAAQ,GAAA,CACR,SAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaf,CAAOgB,mBAAwB,CAAA,CAE1CC,CAAAA,CAAa,CACjB,MAAA,CAAAb,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEA,OAAIX,CAAAA,GAAU,GAAA,CAEVgB,6BAAAA,mBAACC,CAAA,CACC,EAAA,CAAG,KAAA,CACH,GAAA,CAAKlB,CAAAA,CACL,SAAA,CAAWmB,iCAAAA,CAAGxB,CAAoBO,CAAS,CAAA,CAC1C,GAAGc,CAAAA,CACH,GAAGH,CAAAA,CACN,CAAA,CAKFI,6BAAAA,mBAACG,CAAA,CAAK,GAAA,CAAKpB,CAAAA,CAAK,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,IAAA,CAAM,GAAGgB,CAAAA,CAC7C,QAAA,CAAA,KAAA,CAAM,IAAA,CAAK,CAAE,MAAA,CAAQ,MAAA,CAAOf,CAAK,CAAE,CAAA,CAAG,CAACoB,CAAAA,CAAGC,CAAAA,CAAAA,EACzCL,6BAAAA,KAAC,CAAA,CAEC,SAAA,CAAWE,iCAAAA,CAAGxB,CAAoBO,CAAS,CAAA,CAC1C,GAAGW,CAAAA,CAAAA,CAFCS,CAGP,CACD,CAAA,CACH,CAEJ,CACF,CAAA,CAEAzB,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-CNZUOCUM.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { skeletonBodyTextPropDefs, type SkeletonBodyTextProps } from './SkeletonBodyText.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Flex } from '../Flex/Flex';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'SkeletonBodyText';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SkeletonBodyTextElement = ComponentRef<'div'>;\n\nexport const SkeletonBodyText = forwardRef<SkeletonBodyTextElement, SkeletonBodyTextProps>(\n (props, ref) => {\n const {\n lines = '1',\n className,\n margin,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n marginX,\n marginY,\n width,\n maxWidth,\n minWidth,\n ...skeletonBodyTextProps\n } = extractProps(props, skeletonBodyTextPropDefs);\n\n const styleProps = {\n margin,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n marginX,\n marginY,\n width,\n maxWidth,\n minWidth,\n };\n\n if (lines === '1') {\n return (\n <Box\n as=\"div\"\n ref={ref}\n className={cn(componentClassName, className)}\n {...styleProps}\n {...skeletonBodyTextProps}\n />\n );\n }\n\n return (\n <Flex ref={ref} direction=\"column\" gap=\"75\" {...styleProps}>\n {Array.from({ length: Number(lines) }, (_, index) => (\n <div\n key={index}\n className={cn(componentClassName, className)}\n {...skeletonBodyTextProps}\n />\n ))}\n </Flex>\n );\n }\n);\n\nSkeletonBodyText.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as N}from"./chunk-57OFJSBQ.js";import{a as y}from"./chunk-CMKONDKZ.js";import{a as g}from"./chunk-YO67JIGH.js";import{a as c}from"./chunk-WOJDJQRF.js";import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as N}from"./chunk-57OFJSBQ.js";import{a as y}from"./chunk-CMKONDKZ.js";import{a as g}from"./chunk-YO67JIGH.js";import{a as c}from"./chunk-WOJDJQRF.js";import{a as m}from"./chunk-BMUDU7FZ.js";import{a as P}from"./chunk-ZFXXAQRQ.js";import{a as p}from"./chunk-MI6EAUTT.js";import{a as C}from"./chunk-J3AJBV4B.js";import{b as d}from"./chunk-PDEVCIQ3.js";import{Dialog as o}from"radix-ui";import{CloseMediumIcon as z}from"@utilitywarehouse/hearth-react-icons";import{forwardRef as E}from"react";import{jsx as e,jsxs as a}from"react/jsx-runtime";var D="Modal",i=d(D),A=E(({className:M,image:v,forceMount:x,container:h,heading:B,description:t,hideCloseButton:f,fullScreen:I,loading:l,loadingText:r,loadingHeading:n,loadingDescription:s,children:$,...b},O)=>{let T={forceMount:x,container:h},u=!!v,w=!!(l?(r||n)&&s:t);return e(o.Portal,{...T,children:e(o.Overlay,{className:d("Overlay"),children:e("div",{className:`${i}Scroll`,children:e("div",{className:`${i}ScrollPadding`,children:a(o.Content,{ref:O,className:C(i,M),"data-contains-image":u?"":void 0,"data-hide-close-button":f?"":void 0,"data-full-screen":I?"":void 0,"data-testid":i,...w?{}:{"aria-describedby":void 0},...b,children:[e(N,{children:e(y,{type:"button",label:"Close","data-visually-hidden":f?"":void 0,className:`${i}CloseIconButton`,children:e(z,{})})}),a("div",{className:`${i}OuterContainer`,children:[l?null:a("div",{className:`${i}InnerContainer`,children:[u?e("div",{className:`${i}Image`,children:v}):null,a("div",{className:`${i}Header`,children:[e(m,{asChild:!0,children:e(o.Title,{asChild:!0,children:e(c,{size:"lg",textWrap:"wrap",children:B})})}),t?e(o.Description,{asChild:!0,children:e(p,{size:"md",as:"span",children:t})}):null]})]}),l?a(P,{direction:"column",gap:"300",alignItems:"center",paddingY:"200",width:"100%",children:[e(g,{size:"lg"}),a("div",{className:`${i}LoadingHeader`,children:[e(m,{asChild:!0,children:e(o.Title,{asChild:!0,children:e(c,{size:"lg",textAlign:"center",textWrap:"wrap",children:n||r||"Loading"})})}),(r||n)&&s?e(o.Description,{asChild:!0,children:e(p,{size:"md",as:"span",textAlign:"center",children:s})}):null]})]}):$]})]})})})})})});A.displayName=D;export{A as a};
|
|
4
|
+
//# sourceMappingURL=chunk-GS7HRO37.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunk6ZWTLZZXcjs = require('./chunk-6ZWTLZZX.cjs');var _chunkZL54LQXAcjs = require('./chunk-ZL54LQXA.cjs');var _chunkHQJPRWDOcjs = require('./chunk-HQJPRWDO.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var b="Pagination",s=_chunk4Q432K4Wcjs.b.call(void 0, b),m="...",M=7,_=(a,i)=>{if(i<=M)return Array.from({length:i},(r,d)=>d+1);let e=[],n=a<=4,t=a>i-4;return n?(e.push(1,2,3,4,5),e.push(m),e.push(i)):t?(e.push(1),e.push(m),e.push(i-4,i-3,i-2,i-1,i)):(e.push(1),e.push(m),e.push(a-1,a,a+1),e.push(m),e.push(i)),e},w= exports.a =_react.forwardRef.call(void 0, (a,i)=>{let{className:e,currentPage:n,totalPages:t,onPageChange:r,condensed:d=!1,hideSkipButtons:u=!1,as:C="div",...g}=_chunkZPJNQBTNcjs.a.call(void 0, a,_chunkHI7GZDRAcjs.a),B=_(n,t),P=()=>{n>1&&r(n-1)},E=()=>{n<t&&r(n+1)},k=()=>{n!==1&&r(1)},L=()=>{n!==t&&r(t)};return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:i,"aria-label":"pagination",className:_chunkONNSZMWFcjs.a.call(void 0, s,e),"data-testid":s,...g,children:_jsxruntime.jsx.call(void 0, C,{children:_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Container`,children:[_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Controllers`,children:[!u&&_jsxruntime.jsx.call(void 0, _chunkZL54LQXAcjs.a,{label:"Go to first page",onClick:k,disabled:n===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipFirstSmallIcon,{})}),_jsxruntime.jsx.call(void 0, _chunkZL54LQXAcjs.a,{label:"Go to previous page",onClick:P,disabled:n===1,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})]}),d?_jsxruntime.jsxs.call(void 0, _chunkHQJPRWDOcjs.a,{size:"md",color:"primary",children:["Page ",n," of ",t]}):_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, "ol",{className:`${s}Pages`,children:B.map((l,$)=>{if(l===m)return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunkHQJPRWDOcjs.a,{size:"md",color:"primary",className:`${s}Ellipsis`,children:m})},`ellipsis-${$}`);let h=l===n;return _jsxruntime.jsx.call(void 0, "li",{children:_jsxruntime.jsx.call(void 0, _chunk6ZWTLZZXcjs.a,{className:`${s}Page`,variant:"ghost",colorScheme:"functional",onClick:()=>r(l),"data-active":h?"":void 0,"aria-label":`Go to page ${l}`,"aria-current":h?"page":void 0,children:l})},l)})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Controllers`,children:[_jsxruntime.jsx.call(void 0, _chunkZL54LQXAcjs.a,{label:"Go to next page",onClick:E,disabled:n===t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})}),!u&&_jsxruntime.jsx.call(void 0, _chunkZL54LQXAcjs.a,{label:"Go to last page",onClick:L,disabled:n===t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SkipLastSmallIcon,{})})]})]})})})});w.displayName=b;exports.a = w;
|
|
4
|
+
//# sourceMappingURL=chunk-GWRPZWBQ.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-GWRPZWBQ.cjs","../src/components/Pagination/Pagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ELLIPSIS","MAX_VISIBLE_ITEMS","generatePageNumbers","currentPage","totalPages","_","i","pages","isNearStart","isNearEnd","Pagination","forwardRef","props","ref","className","onPageChange","condensed","hideSkipButtons","Tag","paginationProps","extractProps","marginPropDefs","handlePrevious","handleNext","handleFirst","handleLast","jsx","Slot","cn","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAnQ,wEAOpB,mCAQc,+CAoGX,IAjGJA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAIpDC,CAAAA,CAAW,KAAA,CACXC,CAAAA,CAAoB,CAAA,CAMpBC,CAAAA,CAAsB,CAC1BC,CAAAA,CACAC,CAAAA,CAAAA,EACoC,CAEpC,EAAA,CAAIA,CAAAA,EAAcH,CAAAA,CAChB,OAAO,KAAA,CAAM,IAAA,CAAK,CAAE,MAAA,CAAQG,CAAW,CAAA,CAAG,CAACC,CAAAA,CAAGC,CAAAA,CAAAA,EAAMA,CAAAA,CAAI,CAAC,CAAA,CAG3D,IAAMC,CAAAA,CAAyC,CAAC,CAAA,CAG1CC,CAAAA,CAAcL,CAAAA,EAAe,CAAA,CAC7BM,CAAAA,CAAYN,CAAAA,CAAcC,CAAAA,CAAa,CAAA,CAE7C,OAAII,CAAAA,CAAAA,CAEFD,CAAAA,CAAM,IAAA,CAAK,CAAA,CAAG,CAAA,CAAG,CAAA,CAAG,CAAA,CAAG,CAAC,CAAA,CACxBA,CAAAA,CAAM,IAAA,CAAKP,CAAQ,CAAA,CACnBO,CAAAA,CAAM,IAAA,CAAKH,CAAU,CAAA,CAAA,CACZK,CAAAA,CAAAA,CAETF,CAAAA,CAAM,IAAA,CAAK,CAAC,CAAA,CACZA,CAAAA,CAAM,IAAA,CAAKP,CAAQ,CAAA,CACnBO,CAAAA,CAAM,IAAA,CAAKH,CAAAA,CAAa,CAAA,CAAGA,CAAAA,CAAa,CAAA,CAAGA,CAAAA,CAAa,CAAA,CAAGA,CAAAA,CAAa,CAAA,CAAGA,CAAU,CAAA,CAAA,CAAA,CAGrFG,CAAAA,CAAM,IAAA,CAAK,CAAC,CAAA,CACZA,CAAAA,CAAM,IAAA,CAAKP,CAAQ,CAAA,CACnBO,CAAAA,CAAM,IAAA,CAAKJ,CAAAA,CAAc,CAAA,CAAGA,CAAAA,CAAaA,CAAAA,CAAc,CAAC,CAAA,CACxDI,CAAAA,CAAM,IAAA,CAAKP,CAAQ,CAAA,CACnBO,CAAAA,CAAM,IAAA,CAAKH,CAAU,CAAA,CAAA,CAGhBG,CACT,CAAA,CAEaG,CAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAX,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAW,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,CAAA,CAAA,CACZ,eAAA,CAAAC,CAAAA,CAAkB,CAAA,CAAA,CAClB,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaR,CAAOS,mBAAc,CAAA,CAEhCd,CAAAA,CAAQL,CAAAA,CAAoBC,CAAAA,CAAaC,CAAU,CAAA,CAEnDkB,CAAAA,CAAiB,CAAA,CAAA,EAAM,CACvBnB,CAAAA,CAAc,CAAA,EAChBY,CAAAA,CAAaZ,CAAAA,CAAc,CAAC,CAEhC,CAAA,CAEMoB,CAAAA,CAAa,CAAA,CAAA,EAAM,CACnBpB,CAAAA,CAAcC,CAAAA,EAChBW,CAAAA,CAAaZ,CAAAA,CAAc,CAAC,CAEhC,CAAA,CAEMqB,CAAAA,CAAc,CAAA,CAAA,EAAM,CACpBrB,CAAAA,GAAgB,CAAA,EAClBY,CAAAA,CAAa,CAAC,CAElB,CAAA,CAEMU,CAAAA,CAAa,CAAA,CAAA,EAAM,CACnBtB,CAAAA,GAAgBC,CAAAA,EAClBW,CAAAA,CAAaX,CAAU,CAE3B,CAAA,CAEA,OACEsB,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKd,CAAAA,CACL,YAAA,CAAW,YAAA,CACX,SAAA,CAAWe,iCAAAA,CAAG9B,CAAoBgB,CAAS,CAAA,CAC3C,aAAA,CAAahB,CAAAA,CACZ,GAAGqB,CAAAA,CAEJ,QAAA,CAAAO,6BAAAA,CAACR,CAAA,CACC,QAAA,CAAAW,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-GWRPZWBQ.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport {\n ChevronLeftSmallIcon,\n ChevronRightSmallIcon,\n SkipFirstSmallIcon,\n SkipLastSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { Button } from '../Button/Button';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { PaginationProps } from './Pagination.props';\nimport { Slot } from 'radix-ui';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Pagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PaginationElement = ComponentRef<'div'>;\n\nconst ELLIPSIS = '...';\nconst MAX_VISIBLE_ITEMS = 7;\n\n/**\n * Generates the array of page numbers and ellipsis to display\n * Max visible items is 7 (including ellipses)\n */\nconst generatePageNumbers = (\n currentPage: number,\n totalPages: number\n): Array<number | typeof ELLIPSIS> => {\n // If total pages fit within max visible items, show all\n if (totalPages <= MAX_VISIBLE_ITEMS) {\n return Array.from({ length: totalPages }, (_, i) => i + 1);\n }\n\n const pages: Array<number | typeof ELLIPSIS> = [];\n\n // Determine if current page is close to start or end\n const isNearStart = currentPage <= 4;\n const isNearEnd = currentPage > totalPages - 4;\n\n if (isNearStart) {\n // Page 1-4 selected: 1, 2, 3, 4, 5, ..., last\n pages.push(1, 2, 3, 4, 5);\n pages.push(ELLIPSIS);\n pages.push(totalPages);\n } else if (isNearEnd) {\n // Page (totalPages-4) to totalPages selected: 1, ..., last-4, last-3, last-2, last-1, last\n pages.push(1);\n pages.push(ELLIPSIS);\n pages.push(totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);\n } else {\n // Middle pages: 1, ..., current-1, current, current+1, ..., last\n pages.push(1);\n pages.push(ELLIPSIS);\n pages.push(currentPage - 1, currentPage, currentPage + 1);\n pages.push(ELLIPSIS);\n pages.push(totalPages);\n }\n\n return pages;\n};\n\nexport const Pagination = forwardRef<PaginationElement, PaginationProps>((props, ref) => {\n const {\n className,\n currentPage,\n totalPages,\n onPageChange,\n condensed = false,\n hideSkipButtons = false,\n as: Tag = 'div',\n ...paginationProps\n } = extractProps(props, marginPropDefs);\n\n const pages = generatePageNumbers(currentPage, totalPages);\n\n const handlePrevious = () => {\n if (currentPage > 1) {\n onPageChange(currentPage - 1);\n }\n };\n\n const handleNext = () => {\n if (currentPage < totalPages) {\n onPageChange(currentPage + 1);\n }\n };\n\n const handleFirst = () => {\n if (currentPage !== 1) {\n onPageChange(1);\n }\n };\n\n const handleLast = () => {\n if (currentPage !== totalPages) {\n onPageChange(totalPages);\n }\n };\n\n return (\n <Slot.Root\n ref={ref}\n aria-label=\"pagination\"\n className={cn(componentClassName, className)}\n data-testid={componentClassName}\n {...paginationProps}\n >\n <Tag>\n <div className={`${componentClassName}Container`}>\n <div className={`${componentClassName}Controllers`}>\n {!hideSkipButtons && (\n <UnstyledIconButton\n label=\"Go to first page\"\n onClick={handleFirst}\n disabled={currentPage === 1}\n >\n <SkipFirstSmallIcon />\n </UnstyledIconButton>\n )}\n\n <UnstyledIconButton\n label=\"Go to previous page\"\n onClick={handlePrevious}\n disabled={currentPage === 1}\n >\n <ChevronLeftSmallIcon />\n </UnstyledIconButton>\n </div>\n\n {condensed ? (\n <BodyText size=\"md\" color=\"primary\">\n Page {currentPage} of {totalPages}\n </BodyText>\n ) : (\n <div>\n <ol className={`${componentClassName}Pages`}>\n {pages.map((page, index) => {\n if (page === ELLIPSIS) {\n return (\n <li key={`ellipsis-${index}`}>\n <BodyText\n size=\"md\"\n color=\"primary\"\n className={`${componentClassName}Ellipsis`}\n >\n {ELLIPSIS}\n </BodyText>\n </li>\n );\n }\n const isActive = page === currentPage;\n return (\n <li key={page}>\n <Button\n className={`${componentClassName}Page`}\n variant=\"ghost\"\n colorScheme=\"functional\"\n onClick={() => onPageChange(page)}\n data-active={isActive ? '' : undefined}\n aria-label={`Go to page ${page}`}\n aria-current={isActive ? 'page' : undefined}\n >\n {page}\n </Button>\n </li>\n );\n })}\n </ol>\n </div>\n )}\n\n <div className={`${componentClassName}Controllers`}>\n <UnstyledIconButton\n label=\"Go to next page\"\n onClick={handleNext}\n disabled={currentPage === totalPages}\n >\n <ChevronRightSmallIcon />\n </UnstyledIconButton>\n\n {!hideSkipButtons && (\n <UnstyledIconButton\n label=\"Go to last page\"\n onClick={handleLast}\n disabled={currentPage === totalPages}\n >\n <SkipLastSmallIcon />\n </UnstyledIconButton>\n )}\n </div>\n </div>\n </Tag>\n </Slot.Root>\n );\n});\n\nPagination.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkGTCSSEXIcjs = require('./chunk-GTCSSEXI.cjs');var _chunkUIJQN3ZYcjs = require('./chunk-UIJQN3ZY.cjs');var _chunkDCIZY622cjs = require('./chunk-DCIZY622.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkGTCSSEXIcjs = require('./chunk-GTCSSEXI.cjs');var _chunkUIJQN3ZYcjs = require('./chunk-UIJQN3ZY.cjs');var _chunkDCIZY622cjs = require('./chunk-DCIZY622.cjs');var _chunkDX6AO37Jcjs = require('./chunk-DX6AO37J.cjs');var _chunkHBCCX6CCcjs = require('./chunk-HBCCX6CC.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var H="SectionHeader",o=_chunk4Q432K4Wcjs.b.call(void 0, H),P= exports.a =_react.forwardRef.call(void 0, ({className:x,heading:N,id:C,headingElement:E="div",helperText:t,trailingContent:n,validationText:r,validationStatus:i,direction:S,...u},T)=>{let g=i!==void 0&&r!==void 0;return _jsxruntime.jsxs.call(void 0, _chunkHBCCX6CCcjs.a,{ref:T,className:_chunkONNSZMWFcjs.a.call(void 0, o,x),direction:S,"data-testid":o,...u,children:[_jsxruntime.jsxs.call(void 0, _chunkDX6AO37Jcjs.a,{className:`${o}Content`,children:[_jsxruntime.jsx.call(void 0, _chunkDCIZY622cjs.a,{asChild:!0,size:"md",id:C,children:_jsxruntime.jsx.call(void 0, E,{children:N})}),t?_jsxruntime.jsx.call(void 0, _chunkUIJQN3ZYcjs.a,{children:t}):null,g?_jsxruntime.jsx.call(void 0, _chunkGTCSSEXIcjs.a,{status:i,children:r}):null]}),n?_jsxruntime.jsx.call(void 0, "span",{className:`${o}TrailingContent`,children:n}):null]})});P.displayName=H;exports.a = P;
|
|
4
|
+
//# sourceMappingURL=chunk-H4GWTD27.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-H4GWTD27.cjs","../src/components/SectionHeader/SectionHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SectionHeader","forwardRef","className","heading","id","HeadingEl","helperText","trailingContent","validationText","validationStatus","direction","props","ref","showValidationText","jsxs","Flex","cn","Box"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCFnQ,+CA0CnB,IA/BFA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAgBC,+BAAAA,CAEzB,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqBJ,CAAAA,GAAqB,KAAA,CAAA,EAAaD,CAAAA,GAAmB,KAAA,CAAA,CAEhF,OACEM,8BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,iCAAAA,CAAGlB,CAAoBI,CAAS,CAAA,CAC3C,SAAA,CAAWQ,CAAAA,CACX,aAAA,CAAaZ,CAAAA,CACZ,GAAGa,CAAAA,CAEJ,QAAA,CAAA,CAAAG,8BAAAA,mBAACG,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-H4GWTD27.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { SectionHeaderProps } from './SectionHeader.props';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'SectionHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SectionHeaderElement = ComponentRef<'div'>;\n\nexport const SectionHeader = forwardRef<SectionHeaderElement, SectionHeaderProps>(\n (\n {\n className,\n heading,\n id,\n headingElement: HeadingEl = 'div',\n helperText,\n trailingContent,\n validationText,\n validationStatus,\n direction,\n ...props\n },\n ref\n ) => {\n const showValidationText = validationStatus !== undefined && validationText !== undefined;\n\n return (\n <Flex\n ref={ref}\n className={cn(componentClassName, className)}\n direction={direction}\n data-testid={componentClassName}\n {...props}\n >\n <Box className={`${componentClassName}Content`}>\n <Heading asChild size=\"md\" id={id}>\n <HeadingEl>{heading}</HeadingEl>\n </Heading>\n {helperText ? <HelperText>{helperText}</HelperText> : null}\n {showValidationText ? (\n <ValidationText status={validationStatus}>{validationText}</ValidationText>\n ) : null}\n </Box>\n\n {trailingContent ? (\n <span className={`${componentClassName}TrailingContent`}>{trailingContent}</span>\n ) : null}\n </Flex>\n );\n }\n);\n\nSectionHeader.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkOEU5ZGKEcjs = require('./chunk-OEU5ZGKE.cjs');var _chunkUIJQN3ZYcjs = require('./chunk-UIJQN3ZY.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkOEU5ZGKEcjs = require('./chunk-OEU5ZGKE.cjs');var _chunkUIJQN3ZYcjs = require('./chunk-UIJQN3ZY.cjs');var _chunkDX6AO37Jcjs = require('./chunk-DX6AO37J.cjs');var _chunkHBCCX6CCcjs = require('./chunk-HBCCX6CC.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var I="RadioTile",T=_chunk4Q432K4Wcjs.b.call(void 0, I),O= exports.a =_react.forwardRef.call(void 0, ({className:N,id:y,label:r,helperText:t,image:P,"aria-labelledby":a,badge:v,flex:C,flexBasis:G,flexShrink:h,flexGrow:B,...E},F)=>{let{id:d,labelId:m,helperTextId:l}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:y,prefix:"radio"}),{hasGroupHelperText:H,"aria-describedby":w}=_chunkWSD52THLcjs.c.call(void 0, ),s=!H&&t!==void 0;return _jsxruntime.jsx.call(void 0, _chunkDX6AO37Jcjs.a,{asChild:!0,"data-testid":T,...{flex:C,flexBasis:G,flexShrink:h,flexGrow:B},children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Item,{ref:F,className:_chunkONNSZMWFcjs.a.call(void 0, T,N),...E,id:d,"aria-describedby":s?l:w,"aria-labelledby":a||(r?m:void 0),children:_jsxruntime.jsxs.call(void 0, "div",{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioContainer"),children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioItem"),children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Indicator,{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioIndicator")})}),_jsxruntime.jsxs.call(void 0, _chunkHBCCX6CCcjs.a,{direction:"column",alignItems:"start",children:[_jsxruntime.jsxs.call(void 0, _chunkOEU5ZGKEcjs.a,{id:m,htmlFor:d,disableUserSelect:!0,children:[P,r]}),s?_jsxruntime.jsx.call(void 0, _chunkUIJQN3ZYcjs.a,{id:l,disableUserSelect:!0,children:t}):null,v]})]})})})});O.displayName=I;exports.a = O;
|
|
4
|
+
//# sourceMappingURL=chunk-HUTTCGFV.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-HUTTCGFV.cjs","../src/components/RadioTile/RadioTile.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","RadioTile","forwardRef","className","providedId","label","helperText","image","ariaLabelledby","badge","flex","flexBasis","flexShrink","flexGrow","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","jsx","Box","RadioGroupPrimitive","cn","jsxs","Flex","Label","HelperText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCA5S,mCAKuB,+CA+CpC,IAvCRA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAYC,+BAAAA,CAErB,CACE,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,iBAAA,CAAmBC,CAAAA,CACnB,KAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAf,CAAAA,CAAY,MAAA,CAAQ,OAAQ,CAAC,CAAA,CACtE,CAAE,kBAAA,CAAAgB,CAAAA,CAAoB,kBAAA,CAAoBC,CAAgB,CAAA,CAAIC,iCAAAA,CAAiB,CAC/EC,CAAAA,CAAyB,CAACH,CAAAA,EAAsBd,CAAAA,GAAe,KAAA,CAAA,CAErE,OACEkB,6BAAAA,mBAACC,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,aAAA,CAAa1B,CAAAA,CAAqB,GAF3B,CAAE,IAAA,CAAAW,CAAAA,CAAM,SAAA,CAAAC,CAAAA,CAAW,UAAA,CAAAC,CAAAA,CAAY,QAAA,CAAAC,CAAS,CAAA,CAG1D,QAAA,CAAAW,6BAAAA,mBAACE,CAAoB,IAAA,CAApB,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,iCAAAA,CAAG5B,CAAoBI,CAAS,CAAA,CAC1C,GAAGW,CAAAA,CACJ,EAAA,CAAIE,CAAAA,CACJ,kBAAA,CAAkBO,CAAAA,CAAiBL,CAAAA,CAAeG,CAAAA,CAClD,iBAAA,CAAiBb,CAAAA,EAAAA,CAAkCH,CAAAA,CAAQY,CAAAA,CAAU,KAAA,CAAA,CAAA,CAErE,QAAA,CAAAW,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW5B,iCAAAA,gBAAiC,CAAA,CAC/C,QAAA,CAAA,CAAAwB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWxB,iCAAAA,WAA4B,CAAA,CAC1C,QAAA,CAAAwB,6BAAAA,mBAACE,CAAoB,SAAA,CAApB,CAA8B,SAAA,CAAW1B,iCAAAA,gBAAiC,CAAA,CAAG,CAAA,CAChF,CAAA,CACA4B,8BAAAA,mBAACC,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,UAAA,CAAW,OAAA,CAClC,QAAA,CAAA,CAAAD,8BAAAA,mBAACE,CAAA,CAAM,EAAA,CAAIb,CAAAA,CAAS,OAAA,CAASD,CAAAA,CAAI,iBAAA,CAAiB,CAAA,CAAA,CAC/C,QAAA,CAAA,CAAAT,CAAAA,CACAF,CAAAA,CAAAA,CACH,CAAA,CACCkB,CAAAA,CACCC,6BAAAA,mBAACO,CAAA,CAAW,EAAA,CAAIb,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAC5C,QAAA,CAAAZ,CAAAA,CACH,CAAA,CACE,IAAA,CACHG,CAAAA,CAAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ,CACF,CAAA,CAEAR,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-HUTTCGFV.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { RadioTileProps } from './RadioTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { useIds } from '../../hooks/use-ids';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'RadioTile';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioTileElement = ComponentRef<'button'>;\n\nexport const RadioTile = forwardRef<RadioTileElement, RadioTileProps>(\n (\n {\n className,\n id: providedId,\n label,\n helperText,\n image,\n 'aria-labelledby': ariaLabelledby,\n badge,\n flex,\n flexBasis,\n flexShrink,\n flexGrow,\n ...props\n },\n ref\n ) => {\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 flexItemProps = { flex, flexBasis, flexShrink, flexGrow };\n return (\n <Box asChild data-testid={componentClassName} {...flexItemProps}>\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(componentClassName, className)}\n {...props}\n id={id}\n aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n >\n <div className={withGlobalPrefix('RadioContainer')}>\n <div className={withGlobalPrefix('RadioItem')}>\n <RadioGroupPrimitive.Indicator className={withGlobalPrefix('RadioIndicator')} />\n </div>\n <Flex direction=\"column\" alignItems=\"start\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\n {image}\n {label}\n </Label>\n {showHelperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n {badge}\n </Flex>\n </div>\n </RadioGroupPrimitive.Item>\n </Box>\n );\n }\n);\n\nRadioTile.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkOEU5ZGKEcjs = require('./chunk-OEU5ZGKE.cjs');var _chunkDR4D5JX2cjs = require('./chunk-DR4D5JX2.cjs');var _chunkGTCSSEXIcjs = require('./chunk-GTCSSEXI.cjs');var _chunkUIJQN3ZYcjs = require('./chunk-UIJQN3ZY.cjs');var _chunkHBCCX6CCcjs = require('./chunk-HBCCX6CC.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var g="CheckboxTile",d=_chunk4Q432K4Wcjs.b.call(void 0, g),J= exports.a =_react.forwardRef.call(void 0, (w,H)=>{let{className:S,id:E,disabled:c,value:i="on",onCheckedChange:m,label:b,helperText:a,image:F,"aria-labelledby":L,validationStatus:r,validationText:l,...U}=w,{id:p,labelId:h,helperTextId:x,validationTextId:n}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:E,prefix:"checkboxtile"}),e=_chunkWSD52THLcjs.c.call(void 0, ),t=_chunkDR4D5JX2cjs.c.call(void 0, ),D=_optionalChain([t, 'optionalAccess', _2 => _2.value, 'optionalAccess', _3 => _3.includes, 'call', _4 => _4(i)]),M=_optionalChain([e, 'optionalAccess', _5 => _5.hasGroupHelperText]),O=_optionalChain([e, 'optionalAccess', _6 => _6.hasGroupValidationText]),A=e?e["aria-describedby"]:"",B=!M&&!!a,_=!!b,f=!O&&r!==void 0&&l!==void 0,$=_chunkHIF6HKZ3cjs.a.call(void 0, A,a?x:void 0,f&&l!==void 0?n:void 0);return _jsxruntime.jsxs.call(void 0, "label",{className:_chunkONNSZMWFcjs.a.call(void 0, d,S),"data-testid":d,"data-disabled":c?"":void 0,children:[_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Root,{ref:H,className:"h-CheckboxRoot",name:_optionalChain([t, 'optionalAccess', _7 => _7.name]),checked:D,value:i,...U,id:p,disabled:c,"aria-describedby":$,"aria-labelledby":L||_?h:void 0,"aria-errormessage":r==="invalid"?n:void 0,onCheckedChange:u=>{e&&(u?_optionalChain([t, 'optionalAccess', _8 => _8.onItemCheck, 'call', _9 => _9(i)]):_optionalChain([t, 'optionalAccess', _10 => _10.onItemUncheck, 'call', _11 => _11(i)])),m&&m(u)},children:_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Indicator,{asChild:!0,className:`${d}Indicator`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{})})}),_jsxruntime.jsxs.call(void 0, _chunkHBCCX6CCcjs.a,{direction:"column",children:[_jsxruntime.jsxs.call(void 0, _chunkOEU5ZGKEcjs.a,{id:h,htmlFor:p,disableUserSelect:!0,children:[F,b]}),B?_jsxruntime.jsx.call(void 0, _chunkUIJQN3ZYcjs.a,{id:x,disableUserSelect:!0,children:a}):null,f?_jsxruntime.jsx.call(void 0, _chunkGTCSSEXIcjs.a,{id:n,status:r,disableUserSelect:!0,children:l}):null]})]})});J.displayName=g;exports.a = J;
|
|
4
|
+
//# sourceMappingURL=chunk-JYBGBAM2.cjs.map
|