@utilitywarehouse/hearth-react 0.28.3 → 0.28.5

package/dist/props/text-transform.props.d.ts

@@ -1,16 +1,16 @@
 declare const values: readonly ["none", "uppercase", "lowercase", "capitalize"];
-declare const textTransformPropDefs: {
+export declare const textTransformPropDefs: {
     textTransform: {
         className: string;
         tokens: readonly ["none", "uppercase", "lowercase", "capitalize"];
         responsive: false;
     };
 };
-interface TextTransformProps {
+export interface TextTransformProps {
     /**
      * Set the text-transform on the component.
      */
     textTransform?: (typeof values)[number];
 }
-
-export { type TextTransformProps, textTransformPropDefs };
+export {};
+//# sourceMappingURL=text-transform.props.d.ts.map

package/dist/props/text-transform.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-transform.props.d.ts","sourceRoot":"","sources":["../../src/props/text-transform.props.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM,2DAA4D,CAAC;AAEzE,eAAO,MAAM,qBAAqB;;;;;;CAIjC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;CACzC"}

package/dist/props/text-transform.props.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-WP323DDO.js";export{a as textTransformPropDefs};
+"use client";
+
+import{a}from"../chunk-WTIWKIHP.js";export{a as textTransformPropDefs};
 //# sourceMappingURL=text-transform.props.js.map

package/dist/props/text-wrap.props.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQ2IHR4F5cjs = require('../chunk-Q2IHR4F5.cjs');exports.textWrapPropDefs = _chunkQ2IHR4F5cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunk3LILTOSKcjs = require('../chunk-3LILTOSK.cjs');exports.textWrapPropDefs = _chunk3LILTOSKcjs.a;
 //# sourceMappingURL=text-wrap.props.cjs.map

package/dist/props/text-wrap.props.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/text-wrap.props.cjs"],"names":[],"mappings":"AAAA,kIAAoC,+CAA8B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/text-wrap.props.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/text-wrap.props.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA,yDAAoC,+CAA8B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/text-wrap.props.cjs"}

package/dist/props/text-wrap.props.d.ts

@@ -1,15 +1,24 @@
-import { Responsive } from '../types/responsive.js';
-
+import { Responsive } from '../types/responsive';
 declare const values: readonly ["wrap", "nowrap", "balance", "pretty"];
-declare const textWrapPropDefs: {
+export declare const textWrapPropDefs: {
     wrap: {
         className: string;
         tokens: readonly ["wrap", "nowrap", "balance", "pretty"];
         responsive: true;
     };
+    textWrap: {
+        className: string;
+        tokens: readonly ["wrap", "nowrap", "balance", "pretty"];
+        responsive: true;
+    };
 };
-interface TextWrapProps {
+export interface TextWrapProps {
+    /**
+     * DEPRECATED: use `textWrap` instead of `wrap`
+     * @deprecated Use `textWrap` instead of `wrap`
+     */
     wrap?: Responsive<(typeof values)[number]>;
+    textWrap?: Responsive<(typeof values)[number]>;
 }
-
-export { type TextWrapProps, textWrapPropDefs };
+export {};
+//# sourceMappingURL=text-wrap.props.d.ts.map

package/dist/props/text-wrap.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-wrap.props.d.ts","sourceRoot":"","sources":["../../src/props/text-wrap.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,QAAA,MAAM,MAAM,kDAAmD,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAM5B,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD"}

package/dist/props/text-wrap.props.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-WRZZBLWS.js";export{a as textWrapPropDefs};
+"use client";
+
+import{a}from"../chunk-YLFIGDDW.js";export{a as textWrapPropDefs};
 //# sourceMappingURL=text-wrap.props.js.map

package/dist/props/z-index.props.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKRKVIREPcjs = require('../chunk-KRKVIREP.cjs');exports.zIndexPropDefs = _chunkKRKVIREPcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkRZCMHO55cjs = require('../chunk-RZCMHO55.cjs');exports.zIndexPropDefs = _chunkRZCMHO55cjs.a;
 //# sourceMappingURL=z-index.props.cjs.map

package/dist/props/z-index.props.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/z-index.props.cjs"],"names":[],"mappings":"AAAA,kIAAoC,6CAA4B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/z-index.props.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/z-index.props.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA,yDAAoC,6CAA4B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/z-index.props.cjs"}

package/dist/props/z-index.props.d.ts

@@ -1,13 +1,11 @@
-import { Responsive } from '../types/responsive.js';
-
-declare const zIndexPropDefs: {
+import { Responsive } from '../types/responsive';
+export declare const zIndexPropDefs: {
     zIndex: {
         className: string;
         responsive: true;
     };
 };
-interface ZIndexProps {
+export interface ZIndexProps {
     zIndex?: Responsive<string>;
 }
-
-export { type ZIndexProps, zIndexPropDefs };
+//# sourceMappingURL=z-index.props.d.ts.map

package/dist/props/z-index.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.props.d.ts","sourceRoot":"","sources":["../../src/props/z-index.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,eAAO,MAAM,cAAc;;;;;CAI1B,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CAC7B"}

package/dist/props/z-index.props.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-FRRPRW67.js";export{a as zIndexPropDefs};
+"use client";
+
+import{a}from"../chunk-QYM256EH.js";export{a as zIndexPropDefs};
 //# sourceMappingURL=z-index.props.js.map

package/dist/tokens/breakpoints.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBCUNL6J3cjs = require('../chunk-BCUNL6J3.cjs');exports.breakpoints = _chunkBCUNL6J3cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkF7ONREQHcjs = require('../chunk-F7ONREQH.cjs');exports.breakpoints = _chunkF7ONREQHcjs.a;
 //# sourceMappingURL=breakpoints.cjs.map

package/dist/tokens/breakpoints.cjs.map

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

package/dist/tokens/breakpoints.d.ts

@@ -1,8 +1,7 @@
-declare const breakpoints: {
+export declare const breakpoints: {
     mobile: number;
     tablet: number;
     desktop: number;
     wide: number;
 };
-
-export { breakpoints };
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/tokens/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/tokens/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAMvB,CAAC"}

package/dist/tokens/breakpoints.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-WK3IHNAW.js";export{a as breakpoints};
+"use client";
+
+import{a}from"../chunk-RZBVPNTV.js";export{a as breakpoints};
 //# sourceMappingURL=breakpoints.js.map

package/dist/tokens/space.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk76HQAMKUcjs = require('../chunk-76HQAMKU.cjs');exports.spaceTokens = _chunk76HQAMKUcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkIJ5FOSMXcjs = require('../chunk-IJ5FOSMX.cjs');exports.spaceTokens = _chunkIJ5FOSMXcjs.a;
 //# sourceMappingURL=space.cjs.map

package/dist/tokens/space.cjs.map

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

package/dist/tokens/space.d.ts

@@ -1,3 +1,2 @@
-declare const spaceTokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
-
-export { spaceTokens };
+export declare const spaceTokens: readonly ["0", "25", "50", "75", "100", "150", "175", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+//# sourceMappingURL=space.d.ts.map

package/dist/tokens/space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../src/tokens/space.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,qIAmBd,CAAC"}

package/dist/tokens/space.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-NMHPABLW.js";export{a as spaceTokens};
+"use client";
+
+import{a}from"../chunk-IIJPWR54.js";export{a as spaceTokens};
 //# sourceMappingURL=space.js.map

package/dist/types/css-token-variable.cjs

@@ -1 +1,3 @@
-"use strict";//# sourceMappingURL=css-token-variable.cjs.map
+"use strict";"use client";
+
+//# sourceMappingURL=css-token-variable.cjs.map

package/dist/types/css-token-variable.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/css-token-variable.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/css-token-variable.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/css-token-variable.cjs"],"names":[],"mappings":"AAAA,yBAAY;AACZ","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/css-token-variable.cjs"}

package/dist/types/css-token-variable.d.ts

@@ -1,3 +1,2 @@
-type CssTokenVariable = `var(--h-${string})`;
-
-export type { CssTokenVariable };
+export type CssTokenVariable = `var(--h-${string})`;
+//# sourceMappingURL=css-token-variable.d.ts.map

package/dist/types/css-token-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-token-variable.d.ts","sourceRoot":"","sources":["../../src/types/css-token-variable.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,WAAW,MAAM,GAAG,CAAC"}

package/dist/types/css-token-variable.js

@@ -1 +1,3 @@
+"use client";
+
 //# sourceMappingURL=css-token-variable.js.map

package/dist/types/orientation.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUI4O6XL6cjs = require('../chunk-UI4O6XL6.cjs');exports.ORIENTATIONS = _chunkUI4O6XL6cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkHXU2WP2Dcjs = require('../chunk-HXU2WP2D.cjs');exports.ORIENTATIONS = _chunkHXU2WP2Dcjs.a;
 //# sourceMappingURL=orientation.cjs.map

package/dist/types/orientation.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/orientation.cjs"],"names":[],"mappings":"AAAA,kIAAoC,2CAA0B","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/orientation.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/orientation.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA,yDAAoC,2CAA0B","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/orientation.cjs"}

package/dist/types/orientation.d.ts

@@ -1,4 +1,3 @@
-declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
-type Orientation = (typeof ORIENTATIONS)[number];
-
-export { ORIENTATIONS, type Orientation };
+export declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type Orientation = (typeof ORIENTATIONS)[number];
+//# sourceMappingURL=orientation.d.ts.map

package/dist/types/orientation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orientation.d.ts","sourceRoot":"","sources":["../../src/types/orientation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qCAAsC,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/types/orientation.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-ZJFVVCQ7.js";export{a as ORIENTATIONS};
+"use client";
+
+import{a}from"../chunk-I3ZPPVMC.js";export{a as ORIENTATIONS};
 //# sourceMappingURL=orientation.js.map

package/dist/types/responsive.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAURLQ3VGcjs = require('../chunk-AURLQ3VG.cjs');exports.breakpoints = _chunkAURLQ3VGcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkVG6TEMXXcjs = require('../chunk-VG6TEMXX.cjs');exports.breakpoints = _chunkVG6TEMXXcjs.a;
 //# sourceMappingURL=responsive.cjs.map

package/dist/types/responsive.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/responsive.cjs"],"names":[],"mappings":"AAAA,kIAAoC,0CAAyB","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/responsive.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/responsive.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA,yDAAoC,0CAAyB","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/responsive.cjs"}

package/dist/types/responsive.d.ts

@@ -1,7 +1,6 @@
-type Breakpoints = 'mobile' | 'tablet' | 'desktop' | 'wide';
-declare const breakpoints: readonly ["mobile", "tablet", "desktop", "wide"];
-type Breakpoint = (typeof breakpoints)[number];
-type Responsive<T> = T | Partial<Record<Breakpoints, T>>;
-type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
-
-export { type Breakpoint, type Breakpoints, type Responsive, type Union, breakpoints };
+export type Breakpoints = 'mobile' | 'tablet' | 'desktop' | 'wide';
+export declare const breakpoints: readonly ["mobile", "tablet", "desktop", "wide"];
+export type Breakpoint = (typeof breakpoints)[number];
+export type Responsive<T> = T | Partial<Record<Breakpoints, T>>;
+export type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/types/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/types/responsive.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AACnE,eAAO,MAAM,WAAW,kDAAmD,CAAC;AAC5E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AACtD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AAIhE,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/types/responsive.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-AJUKXCDS.js";export{a as breakpoints};
+"use client";
+
+import{a}from"../chunk-TBXNDML6.js";export{a as breakpoints};
 //# sourceMappingURL=responsive.js.map

package/dist/types/union.cjs

@@ -1 +1,3 @@
-"use strict";//# sourceMappingURL=union.cjs.map
+"use strict";"use client";
+
+//# sourceMappingURL=union.cjs.map

package/dist/types/union.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/union.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/union.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/types/union.cjs"],"names":[],"mappings":"AAAA,yBAAY;AACZ","file":"/home/runner/work/hearth/hearth/packages/react/dist/types/union.cjs"}

package/dist/types/union.d.ts

@@ -1,3 +1,2 @@
-type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
-
-export type { Union };
+export type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+//# sourceMappingURL=union.d.ts.map

package/dist/types/union.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"union.d.ts","sourceRoot":"","sources":["../../src/types/union.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/types/union.js

@@ -1 +1,3 @@
+"use client";
+
 //# sourceMappingURL=union.js.map

package/dist/utils/media.cjs

@@ -1,2 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk27KAZZTNcjs = require('../chunk-27KAZZTN.cjs');require('../chunk-BCUNL6J3.cjs');exports.media = _chunk27KAZZTNcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkIBV6HLNKcjs = require('../chunk-IBV6HLNK.cjs');require('../chunk-F7ONREQH.cjs');exports.media = _chunkIBV6HLNKcjs.a;
 //# sourceMappingURL=media.cjs.map

package/dist/utils/media.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/utils/media.cjs"],"names":[],"mappings":"AAAA,kIAAoC,iCAA8B,oCAAmB","file":"/home/runner/work/hearth/hearth/packages/react/dist/utils/media.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/utils/media.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA,yDAAoC,iCAA8B,oCAAmB","file":"/home/runner/work/hearth/hearth/packages/react/dist/utils/media.cjs"}

package/dist/utils/media.d.ts

@@ -1,5 +1,4 @@
-import { breakpoints } from '../tokens/breakpoints.js';
-
+import { breakpoints } from '../tokens/breakpoints';
 type Breakpoint = keyof typeof breakpoints;
 /**
  * Returns a min-width media query string matching screen widths greater than the screen size given by the breakpoint.
@@ -21,7 +20,7 @@ declare function only(breakpoint: Breakpoint): string;
  * Returns a media query string matching screen widths stopping at the given screen size and starting just before the next breakpoint.
  */
 declare function not(breakpoint: Breakpoint): string;
-declare const media: {
+export declare const media: {
     above: typeof above;
     below: typeof below;
     between: typeof between;
@@ -32,5 +31,5 @@ declare const media: {
     desktop: string;
     wide: string;
 };
-
-export { media };
+export {};
+//# sourceMappingURL=media.d.ts.map

package/dist/utils/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAWpD,KAAK,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAE3C;;GAEG;AACH,iBAAS,KAAK,CAAC,UAAU,EAAE,UAAU,UAMpC;AAED;;GAEG;AACH,iBAAS,KAAK,CAAC,UAAU,EAAE,UAAU,UAEpC;AAED;;GAEG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,UAKlD;AAED;;GAEG;AACH,iBAAS,IAAI,CAAC,UAAU,EAAE,UAAU,UAKnC;AAED;;GAEG;AACH,iBAAS,GAAG,CAAC,UAAU,EAAE,UAAU,UAUlC;AAED,eAAO,MAAM,KAAK;;;;;;;;;;CAWjB,CAAC"}

package/dist/utils/media.js

@@ -1,2 +1,4 @@
-import{a}from"../chunk-MCWCHGAR.js";import"../chunk-WK3IHNAW.js";export{a as media};
+"use client";
+
+import{a}from"../chunk-BH26BAVZ.js";import"../chunk-RZBVPNTV.js";export{a as media};
 //# sourceMappingURL=media.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitywarehouse/hearth-react",
-  "version": "0.28.3",
+  "version": "0.28.5",
   "description": "React components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -46,13 +46,24 @@
     "@utilitywarehouse/hearth-css-reset": "0.1.4"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^5.1.2",
+    "@storybook/addon-a11y": "^10.3.6",
+    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-vitest": "^10.3.6",
+    "@storybook/react-vite": "^10.3.6",
+    "@tanstack/react-virtual": "^3.13.13",
     "@types/node": "^22.9.0",
-    "@types/react-dom": "^19.1.6",
     "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.6",
+    "@types/seedrandom": "^3.0.8",
+    "@vitest/browser": "3.2.4",
     "autoprefixer": "^10.4.20",
     "browserslist": "^4.28.1",
     "cssnano": "^7.0.6",
     "ejs": "^3.1.10",
+    "globals": "^15.14.0",
+    "playwright": "^1.59.1",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "postcss-custom-media": "^11.0.5",
@@ -61,33 +72,46 @@
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-hook-form": "^7.70.0",
+    "remark-gfm": "^4.0.1",
+    "seedrandom": "^3.0.5",
+    "storybook": "^10.3.6",
     "stylelint": "^16.10.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-media-use-custom-media": "^4.0.0",
     "stylelint-value-no-unknown-custom-properties": "^6.0.1",
     "tsup": "^8.3.5",
-    "@utilitywarehouse/hearth-react-icons": "0.8.1"
+    "typescript": "~5.6.2",
+    "vitest": "3.2.4",
+    "@utilitywarehouse/hearth-fonts": "0.0.4",
+    "@utilitywarehouse/hearth-react-icons": "0.8.2",
+    "@utilitywarehouse/hearth-svg-assets": "0.6.2",
+    "@utilitywarehouse/hearth-tokens": "0.2.4"
   },
   "scripts": {
-    "clean": "rm -rf .turbo node_modules dist *.css",
+    "clean": "rm -rf .turbo node_modules dist *.css storybook-static",
     "build": "pnpm build:css && pnpm build:js",
     "copy:breakpoints": "cp ./src/styles/breakpoints.css ./breakpoints.css",
     "copy:tokens": "rm -rf ./src/styles/tokens && mkdir -p ./src/styles/tokens && cp -r ../tokens/css/* ./src/styles/tokens",
     "copy:tokens:index": "cp ./src/styles/tokens.css ./src/styles/tokens/index.css",
     "build:css": "postcss ./src/styles/index.css -o styles.css && pnpm copy:breakpoints",
-    "build:js": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
+    "build:js": "NODE_OPTIONS='--max-old-space-size=6144' tsup && tsc -p tsconfig.build.json",
     "dev:js": "NODE_OPTIONS='--max-old-space-size=16384' tsup --watch",
     "dev:css": "postcss --watch --verbose src/styles/index.css -o styles.css",
     "dev": "pnpm run \"/^dev:.*/\"",
     "ts-types": "tsc",
-    "lint": "pnpm lint:js && pnpm lint:css",
-    "lint:fix": "pnpm lint:js:fix && pnpm lint:css:fix",
+    "lint": "turbo run lint:js lint:css",
+    "lint:fix": "turbo run lint:js:fix lint:css:fix",
     "lint:js": "TIMING=1 eslint --max-warnings 0 \"src/**/*.ts*\"",
     "lint:js:fix": "TIMING=1 eslint --fix --max-warnings 0 \"src/**/*.ts*\"",
     "lint:css": "stylelint \"src/**/*.css\"",
     "lint:css:fix": "stylelint \"src/**/*.css\" --fix",
-    "format": "prettier --write \"src/**/*.ts*\"",
-    "format:ci": "prettier --list-different \"src/**/*.ts*\"",
-    "figma:publish": "figma connect publish"
+    "format": "prettier --write \"src/**/*.{ts*,mdx}\"",
+    "format:ci": "prettier --list-different \"src/**/*.{ts*,mdx}\"",
+    "figma:publish": "figma connect publish",
+    "dev:storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build",
+    "copy:changelog": "node ./scripts/copy-changelog.js",
+    "test:storybook": "vitest run --project storybook"
   }
 }

package/dist/chunk-266HWDC4.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["primary","secondary","brand"],r= exports.a ={backgroundColor:{className:"bg",tokens:o,responsive:!1}};exports.a = r;
-//# sourceMappingURL=chunk-266HWDC4.cjs.map

package/dist/chunk-266HWDC4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/background-color.props.ts"],"names":["values","backgroundColorPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAS,CAAC,SAAA,CAAW,WAAA,CAAa,OAAO,CAAA,CAElCC,CAAAA,aAA0B,CACrC,eAAA,CAAiB,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAM,CACxE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-266HWDC4.cjs","sourcesContent":["import { CssTokenVariable } from '../types/css-token-variable';\nimport { PropDef } from './prop-def';\n\nconst values = ['primary', 'secondary', 'brand'] as const;\n\nexport const backgroundColorPropDefs = {\n  backgroundColor: { className: 'bg', tokens: values, responsive: false },\n} satisfies {\n  backgroundColor: PropDef<(typeof values)[number] | CssTokenVariable>;\n};\n\nexport interface BackgroundColorProps {\n  backgroundColor?: (typeof values)[number] | CssTokenVariable;\n}\n"]}

package/dist/chunk-27KAZZTN.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBCUNL6J3cjs = require('./chunk-BCUNL6J3.cjs');var o="px",f=100,a=n=>`@media (min-width: ${n})`,e=Object.keys(_chunkBCUNL6J3cjs.a);function r(n){let i=_chunkBCUNL6J3cjs.a[n];return i===0?"@media all":a(i+o)}function s(n){return`@media not all and (min-width:${_chunkBCUNL6J3cjs.a[n]+o})`}function d(n,i){return`@media (min-width:${_chunkBCUNL6J3cjs.a[n]+o}) and (max-width:${_chunkBCUNL6J3cjs.a[i]-f/100+o})`}function l(n){return e.indexOf(n)+1<e.length?d(n,e[e.indexOf(n)+1]):r(n)}function m(n){let i=e.indexOf(n);if(i===0)return r(e[1]);if(i===e.length-1)return s(e[i]);let p=e[e.indexOf(n)+1];return d(n,p).replace("@media","@media not all and")}var u={above:r,below:s,between:d,only:l,not:m,mobile:"@media all",tablet:a(_chunkBCUNL6J3cjs.a.tablet+o),desktop:a(_chunkBCUNL6J3cjs.a.desktop+o),wide:a(_chunkBCUNL6J3cjs.a.wide+o)};exports.a = u;
-//# sourceMappingURL=chunk-27KAZZTN.cjs.map

package/dist/chunk-27KAZZTN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-27KAZZTN.cjs","../src/utils/media.ts"],"names":["unit","step","mq","breakpoint","keys","breakpoints","above","bp","below","between","start","end","only","not","keyIndex","media"],"mappings":"AAAA,iIAAwC,ICMlCA,CAAAA,CAAO,IAAA,CACPC,CAAAA,CAAO,GAAA,CACPC,CAAAA,CAAMC,CAAAA,EAAuB,CAAA,mBAAA,EAAsBA,CAAU,CAAA,CAAA,CAAA,CAC7DC,CAAAA,CAAO,MAAA,CAAO,IAAA,CAAKC,mBAAW,CAAA,CAOpC,SAASC,CAAAA,CAAMH,CAAAA,CAAwB,CACrC,IAAMI,CAAAA,CAAKF,mBAAAA,CAAYF,CAAU,CAAA,CACjC,OAAII,CAAAA,GAAO,CAAA,CACF,YAAA,CAEFL,CAAAA,CAAGK,CAAAA,CAAKP,CAAI,CACrB,CAKA,SAASQ,CAAAA,CAAML,CAAAA,CAAwB,CACrC,MAAO,CAAA,8BAAA,EAAiCE,mBAAAA,CAAYF,CAAU,CAAA,CAAIH,CAAI,CAAA,CAAA,CACxE,CAKA,SAASS,CAAAA,CAAQC,CAAAA,CAAmBC,CAAAA,CAAiB,CACnD,MACE,CAAA,kBAAA,EAAqBN,mBAAAA,CAAYK,CAAK,CAAA,CAAIV,CAAI,CAAA,iBAAA,EAChCK,mBAAAA,CAAYM,CAAG,CAAA,CAAIV,CAAAA,CAAO,GAAA,CAAMD,CAAI,CAAA,CAAA,CAEtD,CAKA,SAASY,CAAAA,CAAKT,CAAAA,CAAwB,CACpC,OAAIC,CAAAA,CAAK,OAAA,CAAQD,CAAU,CAAA,CAAI,CAAA,CAAIC,CAAAA,CAAK,MAAA,CAC/BK,CAAAA,CAAQN,CAAAA,CAAYC,CAAAA,CAAKA,CAAAA,CAAK,OAAA,CAAQD,CAAU,CAAA,CAAI,CAAC,CAAe,CAAA,CAEtEG,CAAAA,CAAMH,CAAU,CACzB,CAKA,SAASU,CAAAA,CAAIV,CAAAA,CAAwB,CACnC,IAAMW,CAAAA,CAAWV,CAAAA,CAAK,OAAA,CAAQD,CAAU,CAAA,CACxC,EAAA,CAAIW,CAAAA,GAAa,CAAA,CACf,OAAOR,CAAAA,CAAMF,CAAAA,CAAK,CAAC,CAAe,CAAA,CAEpC,EAAA,CAAIU,CAAAA,GAAaV,CAAAA,CAAK,MAAA,CAAS,CAAA,CAC7B,OAAOI,CAAAA,CAAMJ,CAAAA,CAAKU,CAAQ,CAAe,CAAA,CAE3C,IAAMH,CAAAA,CAAMP,CAAAA,CAAKA,CAAAA,CAAK,OAAA,CAAQD,CAAoB,CAAA,CAAI,CAAC,CAAA,CACvD,OAAOM,CAAAA,CAAQN,CAAAA,CAAYQ,CAAG,CAAA,CAAE,OAAA,CAAQ,QAAA,CAAU,oBAAoB,CACxE,CAEO,IAAMI,CAAAA,CAAQ,CACnB,KAAA,CAAAT,CAAAA,CACA,KAAA,CAAAE,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAG,CAAAA,CACA,GAAA,CAAAC,CAAAA,CAEA,MAAA,CAAQ,YAAA,CACR,MAAA,CAAQX,CAAAA,CAAGG,mBAAAA,CAAY,MAAA,CAASL,CAAI,CAAA,CACpC,OAAA,CAASE,CAAAA,CAAGG,mBAAAA,CAAY,OAAA,CAAUL,CAAI,CAAA,CACtC,IAAA,CAAME,CAAAA,CAAGG,mBAAAA,CAAY,IAAA,CAAOL,CAAI,CAClC,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-27KAZZTN.cjs","sourcesContent":[null,"import { breakpoints } from '../tokens/breakpoints';\n\n/**\n * A lot of this file is directly copied from MUI - https://github.com/mui/material-ui/blob/next/packages/mui-system/src/createTheme/createBreakpoints.js\n */\n\nconst unit = 'px';\nconst step = 100;\nconst mq = (breakpoint: string) => `@media (min-width: ${breakpoint})`;\nconst keys = Object.keys(breakpoints);\n\ntype Breakpoint = keyof typeof breakpoints;\n\n/**\n * Returns a min-width media query string matching screen widths greater than the screen size given by the breakpoint.\n */\nfunction above(breakpoint: Breakpoint) {\n  const bp = breakpoints[breakpoint];\n  if (bp === 0) {\n    return '@media all';\n  }\n  return mq(bp + unit);\n}\n\n/**\n * Returns a max-width media query string matching screen widths less than than the screen size given by the breakpoint.\n */\nfunction below(breakpoint: Breakpoint) {\n  return `@media not all and (min-width:${breakpoints[breakpoint] + unit})`;\n}\n\n/**\n * Returns a media query string matching screen widths greater than the given start screen size and less than the given end screen size.\n */\nfunction between(start: Breakpoint, end: Breakpoint) {\n  return (\n    `@media (min-width:${breakpoints[start] + unit}) and ` +\n    `(max-width:${breakpoints[end] - step / 100 + unit})`\n  );\n}\n\n/**\n * Returns a media query string matching screen widths starting from the given screen size and stopping just before the next breakpoint.\n */\nfunction only(breakpoint: Breakpoint) {\n  if (keys.indexOf(breakpoint) + 1 < keys.length) {\n    return between(breakpoint, keys[keys.indexOf(breakpoint) + 1] as Breakpoint);\n  }\n  return above(breakpoint);\n}\n\n/**\n * Returns a media query string matching screen widths stopping at the given screen size and starting just before the next breakpoint.\n */\nfunction not(breakpoint: Breakpoint) {\n  const keyIndex = keys.indexOf(breakpoint);\n  if (keyIndex === 0) {\n    return above(keys[1] as Breakpoint);\n  }\n  if (keyIndex === keys.length - 1) {\n    return below(keys[keyIndex] as Breakpoint);\n  }\n  const end = keys[keys.indexOf(breakpoint as string) + 1] as Breakpoint;\n  return between(breakpoint, end).replace('@media', '@media not all and');\n}\n\nexport const media = {\n  above,\n  below,\n  between,\n  only,\n  not,\n  /* mobile first media queries mirroring the design system breakpoint values */\n  mobile: '@media all',\n  tablet: mq(breakpoints.tablet + unit),\n  desktop: mq(breakpoints.desktop + unit),\n  wide: mq(breakpoints.wide + unit),\n};\n"]}

package/dist/chunk-2DM5WWMA.cjs

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

package/dist/chunk-2DM5WWMA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Spinner/Spinner.props.ts"],"names":["sizes","colors","spinnerPropDefs"],"mappings":"AAKA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAC/BC,CAAAA,CAAS,CAAC,SAAA,CAAW,WAAA,CAAa,OAAA,CAAS,UAAU,CAAA,CAE9CC,CAAAA,aAAkB,CAC7B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQF,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAAA,CAC1E,KAAA,CAAO,CAAE,SAAA,CAAW,OAAA,CAAS,MAAA,CAAQC,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAM,CACjE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2DM5WWMA.cjs","sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\n\nconst sizes = ['xs', 'sm', 'md', 'lg'] as const;\nconst colors = ['primary', 'secondary', 'brand', 'inverted'] as const;\n\nexport const spinnerPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n  color: { className: 'color', tokens: colors, responsive: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  color: PropDef<(typeof colors)[number]>;\n};\n\nexport interface SpinnerProps extends ComponentPropsWithRef<'div'>, MarginProps {\n  /**\n   * Sets the button height.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Sets the fill color.\n   */\n  color?: (typeof colors)[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/chunk-2ETWKL7U.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkTFBFILHXcjs = require('./chunk-TFBFILHX.cjs');var _chunkTM2IFLDEcjs = require('./chunk-TM2IFLDE.cjs');var _chunkG2QQ4CL7cjs = require('./chunk-G2QQ4CL7.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _reactdatepicker = require('react-datepicker'); var _reactdatepicker2 = _interopRequireDefault(_reactdatepicker);var _dom = require('@floating-ui/dom');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var T="DatePicker",e=_chunk7LZI6HLWcjs.b.call(void 0, T),re= exports.a =_react.forwardRef.call(void 0, (E,I)=>{let{className:O,onChange:d,onCalendarOpen:l,onCalendarClose:p,validationStatus:r,validationText:c,label:H,labelVariant:R,helperText:m,id:S,disabled:f,readOnly:y,required:P,disableTodayIndicator:F,...$}=_chunkVCSJTDQRcjs.a.call(void 0, E,_chunkRDNRX35Pcjs.a),[A,u]=_react.useState.call(void 0, !1),[a,s]=_react.useState.call(void 0, "days"),{id:Y,labelId:C,helperTextId:h,validationTextId:n}=_chunkITZEACMWcjs.a.call(void 0, {providedId:S,prefix:"date-picker"}),i=!y&&!f,K={id:Y,labelId:C,helperTextId:h,validationTextId:n,label:H,labelVariant:R,helperText:m,validationText:i?c:void 0,validationStatus:i?r:void 0,required:P},L=_chunkDSW76HKTcjs.a.call(void 0, m?h:void 0,i&&c!==void 0?n:void 0),W={days:"days",months:"days",years:"months"},q={days:"months",months:"years",years:"days"},B=(t,j)=>{a!=="days"&&s(W[a]),d!==void 0&&d(t,j)},G=()=>{u(!0),l&&l()},_=()=>{u(!1),s("days"),p&&p()},z={customInput:_jsxruntime.jsx.call(void 0, _chunkTM2IFLDEcjs.a,{ref:I,className:"","data-calendar-state":A?"open":"closed"}),renderCustomHeader:t=>_jsxruntime.jsx.call(void 0, _chunkTFBFILHXcjs.a,{...t,view:a,onClick:()=>{s(q[a])},disableTodayIndicator:F})},J={"aria-labelledby":C,"aria-describedby":L,"aria-invalid":r==="invalid"?!0:void 0,"aria-errormessage":r==="invalid"?n:void 0},Q={calendarClassName:`${e}Calendar`,dayClassName:()=>`${e}Day`,weekClassName:()=>`${e}Week`,monthClassName:()=>`${e}Month`,yearClassName:()=>`${e}Year`,popperClassName:`${e}Popper`},U={required:P,disabled:f,readOnly:y,calendarStartDay:1,showIcon:!1,dateFormat:"dd/MM/yyyy",formatWeekDay:t=>t.toString().charAt(0)},X={showPopperArrow:!1,popperModifiers:[_dom.offset.call(void 0, -6)],popperPlacement:"bottom-start",popperProps:{strategy:"fixed"},popperContainer:_radixui.Portal.Root},Z={...{onChange:B,onCalendarClose:_,onCalendarOpen:G},...U,...J,...X,...Q,...{showMonthYearPicker:a==="months",showYearPicker:a==="years",shouldCloseOnSelect:a==="days",closeOnScroll:!0},...z,...$};return _jsxruntime.jsx.call(void 0, _chunkG2QQ4CL7cjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, e,O),"data-testid":e,...K,children:_jsxruntime.jsx.call(void 0, _reactdatepicker2.default,{...Z,selectsRange:!1,selectsMultiple:!1})})});re.displayName=T;exports.a = re;
-//# sourceMappingURL=chunk-2ETWKL7U.cjs.map

package/dist/chunk-2ETWKL7U.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2ETWKL7U.cjs","../src/components/DatePicker/DatePicker.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePicker","forwardRef","props","ref","className","onChange","onCalendarOpen","onCalendarClose","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","disableTodayIndicator","datePickerProps","extractProps","marginPropDefs","calendarOpen","setCalendarOpen","useState","view","setView","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","prevView","nextView","handleChange","date","event","handleCalendarOpen","handleCalendarClose","customComponents","jsx","DatePickerTrigger","DatePickerHeader","ariaProps","classNameProps"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2ETWKL7U.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport DatePickerPrimitive from 'react-datepicker';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { cn } from '../../helpers/cn';\nimport { offset } from '@floating-ui/dom';\nimport type { DatePickerProps, View } from './DatePicker.props';\nimport { DatePickerTrigger } from './DatePickerTrigger';\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Portal } from 'radix-ui';\nimport { forwardRef, useState } from 'react';\nimport type { ComponentRef, MouseEvent, KeyboardEvent } from 'react';\n\nconst COMPONENT_NAME = 'DatePicker';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype DatePickerElement = ComponentRef<'button'>;\n\nexport const DatePicker = forwardRef<DatePickerElement, DatePickerProps>((props, ref) => {\n  const {\n    className,\n    onChange,\n    onCalendarOpen,\n    onCalendarClose,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    disableTodayIndicator,\n    ...datePickerProps\n  } = extractProps(props, marginPropDefs);\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n  const [view, setView] = useState<View>('days');\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'date-picker',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const prevView: { [key in View]: View } = {\n    days: 'days',\n    months: 'days',\n    years: 'months',\n  };\n\n  const nextView: { [key in View]: View } = {\n    days: 'months',\n    months: 'years',\n    years: 'days',\n  };\n\n  const handleChange = (\n    date: Date | null,\n    event?: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>\n  ) => {\n    if (view !== 'days') {\n      setView(prevView[view]);\n    }\n    if (onChange !== undefined) {\n      onChange(date, event);\n    }\n  };\n\n  const handleCalendarOpen = () => {\n    setCalendarOpen(true);\n    if (onCalendarOpen) {\n      onCalendarOpen();\n    }\n  };\n\n  const handleCalendarClose = () => {\n    setCalendarOpen(false);\n    setView('days');\n    if (onCalendarClose) {\n      onCalendarClose();\n    }\n  };\n\n  const customComponents = {\n    customInput: (\n      <DatePickerTrigger\n        ref={ref}\n        className=\"\"\n        data-calendar-state={calendarOpen ? 'open' : 'closed'}\n      />\n    ),\n    renderCustomHeader: (props: ReactDatePickerCustomHeaderProps) => (\n      <DatePickerHeader\n        {...props}\n        view={view}\n        onClick={() => {\n          setView(nextView[view]);\n        }}\n        disableTodayIndicator={disableTodayIndicator}\n      />\n    ),\n  };\n\n  const ariaProps = {\n    'aria-labelledby': labelId,\n    'aria-describedby': ariaDescribedbyValue,\n    'aria-invalid': validationStatus === 'invalid' ? true : undefined,\n    'aria-errormessage': validationStatus === 'invalid' ? validationTextId : undefined,\n  };\n\n  const classNameProps = {\n    calendarClassName: `${componentClassName}Calendar`,\n    dayClassName: () => `${componentClassName}Day`,\n    weekClassName: () => `${componentClassName}Week`,\n    monthClassName: () => `${componentClassName}Month`,\n    yearClassName: () => `${componentClassName}Year`,\n    popperClassName: `${componentClassName}Popper`,\n  };\n\n  const defaultProps = {\n    required,\n    disabled,\n    readOnly,\n    calendarStartDay: 1,\n    showIcon: false,\n    dateFormat: 'dd/MM/yyyy',\n    formatWeekDay: (day: Date) => day.toString().charAt(0),\n  };\n\n  const popperProps = {\n    showPopperArrow: false,\n    popperModifiers: [offset(-6)],\n    popperPlacement: 'bottom-start',\n    popperProps: { strategy: 'fixed' },\n    popperContainer: Portal.Root,\n  };\n\n  const eventHandlingProps = {\n    onChange: handleChange,\n    onCalendarClose: handleCalendarClose,\n    onCalendarOpen: handleCalendarOpen,\n  };\n\n  const stateProps = {\n    showMonthYearPicker: view === 'months',\n    showYearPicker: view === 'years',\n    shouldCloseOnSelect: view === 'days',\n    closeOnScroll: true,\n  };\n\n  const reactDatePickerProps = {\n    ...eventHandlingProps,\n    ...defaultProps,\n    ...ariaProps,\n    ...popperProps,\n    ...classNameProps,\n    ...stateProps,\n    ...customComponents,\n    ...datePickerProps,\n  };\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      {...formFieldProps}\n    >\n      <DatePickerPrimitive\n        {...reactDatePickerProps}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsRange={false}\n        // @ts-expect-error having to be explicit about these types to ensure onChange type is correct\n        selectsMultiple={false}\n      />\n    </FormField>\n  );\n});\n\nDatePicker.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-2JFXFGH6.js

@@ -1,2 +0,0 @@
-import{b as I}from"./chunk-HDBI3LD2.js";import{a as s}from"./chunk-U3VJGZQU.js";import{a as h}from"./chunk-E6WY35BQ.js";import{a as F}from"./chunk-FT224SCJ.js";import{a as G}from"./chunk-W6VYE222.js";import{a as P}from"./chunk-L4OZ3M5X.js";import{a as g}from"./chunk-DVGYWBKQ.js";import{a as y}from"./chunk-BMY6GUJM.js";import{a as v}from"./chunk-MSHCGZ4G.js";import{b as B}from"./chunk-TXDSZ3MR.js";import{forwardRef as _}from"react";import{Fragment as k,jsx as o,jsxs as m}from"react/jsx-runtime";var N="FormGroupBase",n=B(N),$=_((V,C)=>{let{children:E,className:H,id:w,label:d,labelVariant:D="body",helperText:r,validationText:i,validationStatus:e,validationPlacement:p="top",disabled:l,"aria-labelledby":M,"aria-describedby":R,"aria-errormessage":f,...L}=y(V,G),{id:O,labelId:u,helperTextId:b,validationTextId:t}=P({providedId:w,prefix:"fieldset"}),A=!!d,c=!!r,a=!!(e&&i),x=a&&e==="invalid",T=g(R||r?b:void 0,f||a?t:void 0),S={hasGroupHelperText:c,hasGroupValidationText:e!==void 0&&i!==void 0,"aria-describedby":T};return m("fieldset",{ref:C,className:v(n,H),"data-testid":n,...L,disabled:l,id:O,"data-disabled":l?"":void 0,"aria-errormessage":f||x?t:void 0,"aria-labelledby":M??(d?u:void 0),"aria-invalid":x,"aria-describedby":T,"data-validation-status":e||void 0,children:[A?m(k,{children:[o("legend",{id:u,"data-label-variant":D,children:d}),c||a?m(F,{direction:"column",alignItems:"start",className:`${n}HelperTextContainer`,children:[r?o(h,{id:b,disabled:l,children:r}):null,a&&p==="top"?o(s,{id:t,status:e,children:i}):null]}):null]}):null,o(I,{value:S,children:E}),a&&p==="bottom"?o(s,{id:t,status:e,children:i}):null]})});$.displayName=N;export{$ as a};
-//# sourceMappingURL=chunk-2JFXFGH6.js.map

package/dist/chunk-2JFXFGH6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FormGroupBase/FormGroupBase.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Flex } from '../Flex/Flex';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { cn } from '../../helpers/cn';\nimport type { FormGroupBaseProps } from './FormGroupBase.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormGroupBaseProvider } from './FormGroupBase.context';\n\nconst COMPONENT_NAME = 'FormGroupBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype FormGroupBaseElement = ComponentRef<'fieldset'>;\n\nexport const FormGroupBase = forwardRef<FormGroupBaseElement, FormGroupBaseProps>((props, ref) => {\n  const {\n    children,\n    className,\n    id: providedId,\n    label,\n    labelVariant = 'body',\n    helperText,\n    validationText,\n    validationStatus,\n    validationPlacement = 'top',\n    disabled,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-errormessage': ariaErrorMessage,\n    ...fieldsetProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'fieldset',\n  });\n  const hasLabel = Boolean(label);\n  const hasHelperText = Boolean(helperText);\n  const showValidationText = Boolean(validationStatus && validationText);\n  const showInvalid = showValidationText && validationStatus === 'invalid';\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby || !!helperText ? helperTextId : undefined,\n    ariaErrorMessage || showValidationText ? validationTextId : undefined\n  );\n  const value = {\n    hasGroupHelperText: hasHelperText,\n    hasGroupValidationText: Boolean(validationStatus !== undefined && validationText !== undefined),\n    'aria-describedby': ariaDescribedbyValue,\n  };\n\n  return (\n    <fieldset\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      {...fieldsetProps}\n      disabled={disabled}\n      id={id}\n      data-disabled={disabled ? '' : undefined}\n      aria-errormessage={ariaErrorMessage || showInvalid ? validationTextId : undefined}\n      aria-labelledby={ariaLabelledby ?? (Boolean(label) ? labelId : undefined)}\n      aria-invalid={showInvalid}\n      aria-describedby={ariaDescribedbyValue}\n      data-validation-status={validationStatus ? validationStatus : undefined}\n    >\n      {hasLabel ? (\n        <>\n          <legend id={labelId} data-label-variant={labelVariant}>\n            {label}\n          </legend>\n          {hasHelperText || showValidationText ? (\n            <Flex\n              direction=\"column\"\n              alignItems=\"start\"\n              className={`${componentClassName}HelperTextContainer`}\n            >\n              {helperText ? (\n                <HelperText id={helperTextId} disabled={disabled}>\n                  {helperText}\n                </HelperText>\n              ) : null}\n              {showValidationText && validationPlacement === 'top' ? (\n                <ValidationText id={validationTextId} status={validationStatus}>\n                  {validationText}\n                </ValidationText>\n              ) : null}\n            </Flex>\n          ) : null}\n        </>\n      ) : null}\n      <FormGroupBaseProvider value={value}>{children}</FormGroupBaseProvider>\n      {showValidationText && validationPlacement === 'bottom' ? (\n        <ValidationText id={validationTextId} status={validationStatus}>\n          {validationText}\n        </ValidationText>\n      ) : null}\n    </fieldset>\n  );\n});\n\nFormGroupBase.displayName = COMPONENT_NAME;\n"],"mappings":"gZAEA,OAAS,cAAAA,MAAkB,QAsEnB,mBAAAC,EACE,OAAAC,EAIE,QAAAC,MALJ,oBAxDR,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAgBC,EAAqD,CAACC,EAAOC,IAAQ,CAChG,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,aAAAC,EAAe,OACf,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,oBAAAC,EAAsB,MACtB,SAAAC,EACA,kBAAmBC,EACnB,mBAAoBC,EACpB,oBAAqBC,EACrB,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAlB,EACA,OAAQ,UACV,CAAC,EACKmB,EAAW,EAAQlB,EACnBmB,EAAgB,EAAQjB,EACxBkB,EAAqB,GAAQhB,GAAoBD,GACjDkB,EAAcD,GAAsBhB,IAAqB,UACzDkB,EAAuBC,EAC3Bf,GAAqBN,EAAaa,EAAe,OACjDN,GAAoBW,EAAqBJ,EAAmB,MAC9D,EACMQ,EAAQ,CACZ,mBAAoBL,EACpB,uBAAgCf,IAAqB,QAAaD,IAAmB,OACrF,mBAAoBmB,CACtB,EAEA,OACEjC,EAAC,YACC,IAAKO,EACL,UAAW6B,EAAGlC,EAAoBO,CAAS,EAC3C,cAAaP,EACZ,GAAGmB,EACJ,SAAUJ,EACV,GAAIO,EACJ,gBAAeP,EAAW,GAAK,OAC/B,oBAAmBG,GAAoBY,EAAcL,EAAmB,OACxE,kBAAiBT,IAA2BP,EAASc,EAAU,QAC/D,eAAcO,EACd,mBAAkBC,EAClB,yBAAwBlB,GAAsC,OAE7D,UAAAc,EACC7B,EAAAF,EAAA,CACE,UAAAC,EAAC,UAAO,GAAI0B,EAAS,qBAAoBb,EACtC,SAAAD,EACH,EACCmB,GAAiBC,EAChB/B,EAACqC,EAAA,CACC,UAAU,SACV,WAAW,QACX,UAAW,GAAGnC,CAAkB,sBAE/B,UAAAW,EACCd,EAACuC,EAAA,CAAW,GAAIZ,EAAc,SAAUT,EACrC,SAAAJ,EACH,EACE,KACHkB,GAAsBf,IAAwB,MAC7CjB,EAACwC,EAAA,CAAe,GAAIZ,EAAkB,OAAQZ,EAC3C,SAAAD,EACH,EACE,MACN,EACE,MACN,EACE,KACJf,EAACyC,EAAA,CAAsB,MAAOL,EAAQ,SAAA3B,EAAS,EAC9CuB,GAAsBf,IAAwB,SAC7CjB,EAACwC,EAAA,CAAe,GAAIZ,EAAkB,OAAQZ,EAC3C,SAAAD,EACH,EACE,MACN,CAEJ,CAAC,EAEDV,EAAc,YAAcH","names":["forwardRef","Fragment","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","FormGroupBase","forwardRef","props","ref","children","className","providedId","label","labelVariant","helperText","validationText","validationStatus","validationPlacement","disabled","ariaLabelledby","ariaDescribedby","ariaErrorMessage","fieldsetProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","hasLabel","hasHelperText","showValidationText","showInvalid","ariaDescribedbyValue","mergeIds","value","cn","Flex","HelperText","ValidationText","FormGroupBaseProvider"]}

package/dist/chunk-2KWVUHXP.cjs

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

package/dist/chunk-2KWVUHXP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ProgressBar/ProgressBar.props.ts"],"names":["sizes","progressBarPropDefs"],"mappings":"AAKA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAI,CAAA,CAEZC,CAAAA,aAAsB,CACjC,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-2KWVUHXP.cjs","sourcesContent":["import type { AriaAttributes, ComponentPropsWithRef } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const progressBarPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface ProgressBarProps extends ComponentPropsWithRef<'div'>, MarginProps {\n  variant?: 'linear' | 'circular';\n  /**\n   * Set the visual apearance.\n   * @default 'default'\n   */\n  colorScheme?: 'default' | 'success' | 'danger';\n  /**\n   * Sets the circular variant size. Does not affect the appearance of the linear variant.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * The current progress value.\n   */\n  value: number;\n  /**\n   * The minimum value.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * The maximum value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * The required text label. Can be visually hidden with the `hideLabel` prop.\n   */\n  label: string;\n  /**\n   * Visually hide the label.\n   */\n  hideLabel?: boolean;\n  /**\n   * Override the default percentage value label formatting\n   */\n  formatValueText?: (value: number) => string;\n  /**\n   * A human-readable text alternative for the current value (`aria-valuenow`).\n   */\n  'aria-valuetext'?: AriaAttributes['aria-valuetext'];\n}\n\nexport interface ProgressBarInternalProps extends ProgressBarProps {\n  valueText: string;\n  labelId: string;\n}\n"]}