@utilitywarehouse/hearth-react 0.0.0

package/dist/hooks/use-ids.d.ts

@@ -0,0 +1,15 @@
+interface UseIdsProps {
+    providedId?: string;
+    providedLabelId?: string;
+    providedHelperTextId?: string;
+    providedErrorMessageId?: string;
+    componentPrefix?: string;
+}
+declare const useIds: ({ providedId, providedLabelId, providedHelperTextId, providedErrorMessageId, componentPrefix, }: UseIdsProps) => {
+    id: string;
+    labelId: string;
+    helperTextId: string;
+    errorMessageId: string;
+};
+
+export { useIds };

package/dist/hooks/use-ids.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-D4TV6FFN.js";import"../chunk-B2Z6W4M6.js";export{a as useIds};
+//# sourceMappingURL=use-ids.js.map

package/dist/hooks/use-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/use-media-query.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var e = _interopRequireWildcard(_react);function m(t,r={}){let{defaultValue:i=!1,initializeWithDefaultValue:o=!1}=r;t=t.replace(/^@media( ?)/m,"");let a=e.useCallback(()=>i,[i]),u=e.useMemo(()=>o?a:()=>window.matchMedia(t).matches,[a,t,o]),[l,d]=e.useMemo(()=>{if(window.matchMedia===null)return[a,()=>()=>{}];let n=window.matchMedia(t);return[()=>n.matches,c=>(n.addEventListener("change",c),()=>{n.removeEventListener("change",c)})]},[a,t]),s=e.useSyncExternalStore(d,l,u);return process.env.NODE_ENV!=="production"&&e.useDebugValue({query:t,match:s}),s}exports.useMediaQuery = m;
+//# sourceMappingURL=use-media-query.cjs.map

package/dist/hooks/use-media-query.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-media-query.ts"],"names":["useMediaQuery","query","options","defaultValue","initializeWithDefaultValue","getDefaultSnapshot","getServerSnapshot","getSnapshot","subscribe","mediaQueryList","notify","match"],"mappings":"AAAA,kaAAuB,SAmCPA,CAAAA,CAAcC,CAAAA,CAAeC,CAAAA,CAAgC,CAAC,CAAA,CAAY,CACxF,GAAM,CAAE,YAAA,CAAAC,CAAAA,CAAe,CAAA,CAAA,CAAO,0BAAA,CAAAC,CAAAA,CAA6B,CAAA,CAAM,CAAA,CAAIF,CAAAA,CAErED,CAAAA,CAAQA,CAAAA,CAAM,OAAA,CAAQ,cAAA,CAAgB,EAAE,CAAA,CAExC,IAAMI,CAAAA,CAA2B,CAAA,CAAA,WAAA,CAAY,CAAA,CAAA,EAAMF,CAAAA,CAAc,CAACA,CAAY,CAAC,CAAA,CACzEG,CAAAA,CAA0B,CAAA,CAAA,OAAA,CAAQ,CAAA,CAAA,EAClCF,CAAAA,CACKC,CAAAA,CAEF,CAAA,CAAA,EAAM,MAAA,CAAO,UAAA,CAAWJ,CAAK,CAAA,CAAE,OAAA,CACrC,CAACI,CAAAA,CAAoBJ,CAAAA,CAAOG,CAA0B,CAAC,CAAA,CAEpD,CAACG,CAAAA,CAAaC,CAAS,CAAA,CAAU,CAAA,CAAA,OAAA,CAAQ,CAAA,CAAA,EAAM,CACnD,EAAA,CAAI,MAAA,CAAO,UAAA,GAAe,IAAA,CACxB,MAAO,CAACH,CAAAA,CAAoB,CAAA,CAAA,EAAM,CAAA,CAAA,EAAM,CAAC,CAAC,CAAA,CAG5C,IAAMI,CAAAA,CAAiB,MAAA,CAAO,UAAA,CAAWR,CAAK,CAAA,CAE9C,MAAO,CACL,CAAA,CAAA,EAAMQ,CAAAA,CAAe,OAAA,CACpBC,CAAAA,EAAAA,CACCD,CAAAA,CAAe,gBAAA,CAAiB,QAAA,CAAUC,CAAM,CAAA,CACzC,CAAA,CAAA,EAAM,CACXD,CAAAA,CAAe,mBAAA,CAAoB,QAAA,CAAUC,CAAM,CACrD,CAAA,CAEJ,CACF,CAAA,CAAG,CAACL,CAAAA,CAAoBJ,CAAK,CAAC,CAAA,CAExBU,CAAAA,CAAc,CAAA,CAAA,oBAAA,CAAqBH,CAAAA,CAAWD,CAAAA,CAAaD,CAAiB,CAAA,CAElF,OAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,GAAa,YAAA,EAErB,CAAA,CAAA,aAAA,CAAc,CAAE,KAAA,CAAAL,CAAAA,CAAO,KAAA,CAAAU,CAAM,CAAC,CAAA,CAG/BA,CACT,CAAA,0BAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/hooks/use-media-query.cjs","sourcesContent":["import * as React from 'react';\n\n// gratefully copied from MUI -> https://github.com/mui/material-ui/blob/master/packages/mui-system/src/useMediaQuery/useMediaQuery.ts\n\nexport interface UseMediaQueryOptions {\n  /**\n   * As `window.matchMedia()` is unavailable on the server,\n   * this is the default value to return.\n   * @default false\n   */\n  defaultValue?: boolean;\n  /**\n   * To perform the server-side hydration, the hook needs to render twice.\n   * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.\n   * This double pass rendering cycle comes with a drawback: it's slower.\n   * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.\n   * @default false\n   */\n  initializeWithDefaultValue?: boolean;\n}\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @see [Documentation](https://uw-web-ui.vercel.app/?path=/docs/web-ui-helpers-media-queries--documentation##usemediaqueries-hook)\n * @example\n * ```tsx\n * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';\n *\n * const isMobileOrTablet = useMediaQuery(media.below('desktop'));\n * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(query: string, options: UseMediaQueryOptions = {}): boolean {\n  const { defaultValue = false, initializeWithDefaultValue = false } = options;\n\n  query = query.replace(/^@media( ?)/m, '');\n\n  const getDefaultSnapshot = React.useCallback(() => defaultValue, [defaultValue]);\n  const getServerSnapshot = React.useMemo(() => {\n    if (initializeWithDefaultValue) {\n      return getDefaultSnapshot;\n    }\n    return () => window.matchMedia(query).matches;\n  }, [getDefaultSnapshot, query, initializeWithDefaultValue]);\n\n  const [getSnapshot, subscribe] = React.useMemo(() => {\n    if (window.matchMedia === null) {\n      return [getDefaultSnapshot, () => () => {}];\n    }\n\n    const mediaQueryList = window.matchMedia(query);\n\n    return [\n      () => mediaQueryList.matches,\n      (notify: () => void) => {\n        mediaQueryList.addEventListener('change', notify);\n        return () => {\n          mediaQueryList.removeEventListener('change', notify);\n        };\n      },\n    ];\n  }, [getDefaultSnapshot, query]);\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call\n  const match = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue({ query, match });\n  }\n\n  return match;\n}\n"]}

package/dist/hooks/use-media-query.d.cts

@@ -0,0 +1,33 @@
+interface UseMediaQueryOptions {
+    /**
+     * As `window.matchMedia()` is unavailable on the server,
+     * this is the default value to return.
+     * @default false
+     */
+    defaultValue?: boolean;
+    /**
+     * To perform the server-side hydration, the hook needs to render twice.
+     * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.
+     * This double pass rendering cycle comes with a drawback: it's slower.
+     * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.
+     * @default false
+     */
+    initializeWithDefaultValue?: boolean;
+}
+/**
+ * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
+ * @param {string} query - The media query to track.
+ * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).
+ * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).
+ * @see [Documentation](https://uw-web-ui.vercel.app/?path=/docs/web-ui-helpers-media-queries--documentation##usemediaqueries-hook)
+ * @example
+ * ```tsx
+ * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';
+ *
+ * const isMobileOrTablet = useMediaQuery(media.below('desktop'));
+ * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.
+ * ```
+ */
+declare function useMediaQuery(query: string, options?: UseMediaQueryOptions): boolean;
+
+export { type UseMediaQueryOptions, useMediaQuery };

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,33 @@
+interface UseMediaQueryOptions {
+    /**
+     * As `window.matchMedia()` is unavailable on the server,
+     * this is the default value to return.
+     * @default false
+     */
+    defaultValue?: boolean;
+    /**
+     * To perform the server-side hydration, the hook needs to render twice.
+     * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.
+     * This double pass rendering cycle comes with a drawback: it's slower.
+     * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.
+     * @default false
+     */
+    initializeWithDefaultValue?: boolean;
+}
+/**
+ * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
+ * @param {string} query - The media query to track.
+ * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).
+ * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).
+ * @see [Documentation](https://uw-web-ui.vercel.app/?path=/docs/web-ui-helpers-media-queries--documentation##usemediaqueries-hook)
+ * @example
+ * ```tsx
+ * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';
+ *
+ * const isMobileOrTablet = useMediaQuery(media.below('desktop'));
+ * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.
+ * ```
+ */
+declare function useMediaQuery(query: string, options?: UseMediaQueryOptions): boolean;
+
+export { type UseMediaQueryOptions, useMediaQuery };

package/dist/hooks/use-media-query.js

@@ -0,0 +1,2 @@
+import*as e from"react";function m(t,r={}){let{defaultValue:i=!1,initializeWithDefaultValue:o=!1}=r;t=t.replace(/^@media( ?)/m,"");let a=e.useCallback(()=>i,[i]),u=e.useMemo(()=>o?a:()=>window.matchMedia(t).matches,[a,t,o]),[l,d]=e.useMemo(()=>{if(window.matchMedia===null)return[a,()=>()=>{}];let n=window.matchMedia(t);return[()=>n.matches,c=>(n.addEventListener("change",c),()=>{n.removeEventListener("change",c)})]},[a,t]),s=e.useSyncExternalStore(d,l,u);return process.env.NODE_ENV!=="production"&&e.useDebugValue({query:t,match:s}),s}export{m as useMediaQuery};
+//# sourceMappingURL=use-media-query.js.map

package/dist/hooks/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["import * as React from 'react';\n\n// gratefully copied from MUI -> https://github.com/mui/material-ui/blob/master/packages/mui-system/src/useMediaQuery/useMediaQuery.ts\n\nexport interface UseMediaQueryOptions {\n  /**\n   * As `window.matchMedia()` is unavailable on the server,\n   * this is the default value to return.\n   * @default false\n   */\n  defaultValue?: boolean;\n  /**\n   * To perform the server-side hydration, the hook needs to render twice.\n   * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.\n   * This double pass rendering cycle comes with a drawback: it's slower.\n   * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.\n   * @default false\n   */\n  initializeWithDefaultValue?: boolean;\n}\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @see [Documentation](https://uw-web-ui.vercel.app/?path=/docs/web-ui-helpers-media-queries--documentation##usemediaqueries-hook)\n * @example\n * ```tsx\n * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';\n *\n * const isMobileOrTablet = useMediaQuery(media.below('desktop'));\n * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(query: string, options: UseMediaQueryOptions = {}): boolean {\n  const { defaultValue = false, initializeWithDefaultValue = false } = options;\n\n  query = query.replace(/^@media( ?)/m, '');\n\n  const getDefaultSnapshot = React.useCallback(() => defaultValue, [defaultValue]);\n  const getServerSnapshot = React.useMemo(() => {\n    if (initializeWithDefaultValue) {\n      return getDefaultSnapshot;\n    }\n    return () => window.matchMedia(query).matches;\n  }, [getDefaultSnapshot, query, initializeWithDefaultValue]);\n\n  const [getSnapshot, subscribe] = React.useMemo(() => {\n    if (window.matchMedia === null) {\n      return [getDefaultSnapshot, () => () => {}];\n    }\n\n    const mediaQueryList = window.matchMedia(query);\n\n    return [\n      () => mediaQueryList.matches,\n      (notify: () => void) => {\n        mediaQueryList.addEventListener('change', notify);\n        return () => {\n          mediaQueryList.removeEventListener('change', notify);\n        };\n      },\n    ];\n  }, [getDefaultSnapshot, query]);\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call\n  const match = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue({ query, match });\n  }\n\n  return match;\n}\n"],"mappings":"AAAA,UAAYA,MAAW,QAmChB,SAASC,EAAcC,EAAeC,EAAgC,CAAC,EAAY,CACxF,GAAM,CAAE,aAAAC,EAAe,GAAO,2BAAAC,EAA6B,EAAM,EAAIF,EAErED,EAAQA,EAAM,QAAQ,eAAgB,EAAE,EAExC,IAAMI,EAA2B,cAAY,IAAMF,EAAc,CAACA,CAAY,CAAC,EACzEG,EAA0B,UAAQ,IAClCF,EACKC,EAEF,IAAM,OAAO,WAAWJ,CAAK,EAAE,QACrC,CAACI,EAAoBJ,EAAOG,CAA0B,CAAC,EAEpD,CAACG,EAAaC,CAAS,EAAU,UAAQ,IAAM,CACnD,GAAI,OAAO,aAAe,KACxB,MAAO,CAACH,EAAoB,IAAM,IAAM,CAAC,CAAC,EAG5C,IAAMI,EAAiB,OAAO,WAAWR,CAAK,EAE9C,MAAO,CACL,IAAMQ,EAAe,QACpBC,IACCD,EAAe,iBAAiB,SAAUC,CAAM,EACzC,IAAM,CACXD,EAAe,oBAAoB,SAAUC,CAAM,CACrD,EAEJ,CACF,EAAG,CAACL,EAAoBJ,CAAK,CAAC,EAExBU,EAAc,uBAAqBH,EAAWD,EAAaD,CAAiB,EAElF,OAAI,QAAQ,IAAI,WAAa,cAErB,gBAAc,CAAE,MAAAL,EAAO,MAAAU,CAAM,CAAC,EAG/BA,CACT","names":["React","useMediaQuery","query","options","defaultValue","initializeWithDefaultValue","getDefaultSnapshot","getServerSnapshot","getSnapshot","subscribe","mediaQueryList","notify","match"]}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-IMPJM3RI.cjs');var _chunk5OGC3PIUcjs = require('./chunk-5OGC3PIU.cjs');require('./chunk-USCOQVJ6.cjs');var _chunkE4Z5EPLWcjs = require('./chunk-E4Z5EPLW.cjs');require('./chunk-OJBKUH5L.cjs');var _chunk6KGSKNZCcjs = require('./chunk-6KGSKNZC.cjs');var _chunkITEBLI43cjs = require('./chunk-ITEBLI43.cjs');require('./chunk-52WQFKVL.cjs');require('./chunk-IYSVQSPG.cjs');require('./chunk-TWBYN67Y.cjs');require('./chunk-UI4O6XL6.cjs');require('./chunk-DJHEPSCN.cjs');require('./chunk-JLAZMZSL.cjs');require('./chunk-JLH4NZU7.cjs');require('./chunk-RRY2OIRE.cjs');require('./chunk-UKQ5LR4P.cjs');require('./chunk-5PHEU2LX.cjs');require('./chunk-DPWOHAYD.cjs');require('./chunk-AURLQ3VG.cjs');require('./chunk-JHPCQWHT.cjs');exports.BodyText = _chunkE4Z5EPLWcjs.a; exports.Box = _chunk6KGSKNZCcjs.a; exports.Divider = _chunk5OGC3PIUcjs.a; exports.Flex = _chunkITEBLI43cjs.a;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/index.cjs"],"names":[],"mappings":"AAAA,yGAA4B,wDAAyC,gCAA6B,wDAAyC,gCAA6B,wDAAyC,wDAAyC,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,gCAA6B,qJAAsD","file":"/home/runner/work/hearth/hearth/packages/react/dist/index.cjs"}

package/dist/index.d.cts

@@ -0,0 +1,17 @@
+export { Box } from './components/Box/Box.cjs';
+export { BoxProps } from './components/Box/Box.props.cjs';
+export { BodyText } from './components/BodyText/BodyText.cjs';
+export { BodyTextProps } from './components/BodyText/BodyText.props.cjs';
+export { Flex } from './components/Flex/Flex.cjs';
+export { FlexProps } from './components/Flex/Flex.props.cjs';
+export { Divider } from './components/Divider/Divider.cjs';
+export { DividerProps } from './components/Divider/Divider.props.cjs';
+import 'react';
+import './props/color.props.cjs';
+import './props/padding.props.cjs';
+import './types/responsive.cjs';
+import './props/size.props.cjs';
+import './types/component-props.cjs';
+import './props/text-align.props.cjs';
+import './props/gap.props.cjs';
+import './types/orientation.cjs';

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { Box } from './components/Box/Box.js';
+export { BoxProps } from './components/Box/Box.props.js';
+export { BodyText } from './components/BodyText/BodyText.js';
+export { BodyTextProps } from './components/BodyText/BodyText.props.js';
+export { Flex } from './components/Flex/Flex.js';
+export { FlexProps } from './components/Flex/Flex.props.js';
+export { Divider } from './components/Divider/Divider.js';
+export { DividerProps } from './components/Divider/Divider.props.js';
+import 'react';
+import './props/color.props.js';
+import './props/padding.props.js';
+import './types/responsive.js';
+import './props/size.props.js';
+import './types/component-props.js';
+import './props/text-align.props.js';
+import './props/gap.props.js';
+import './types/orientation.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+import"./chunk-IHX6VMAQ.js";import{a as f}from"./chunk-WPL5YDIT.js";import"./chunk-CHWPEBR7.js";import{a as r}from"./chunk-L4762CTD.js";import"./chunk-FQSYNGC6.js";import{a as o}from"./chunk-CK6SNGZR.js";import{a as e}from"./chunk-NHLSKOMC.js";import"./chunk-THEPS73K.js";import"./chunk-EUTKQ2DV.js";import"./chunk-55UJSOEX.js";import"./chunk-ZJFVVCQ7.js";import"./chunk-VOP5EEZY.js";import"./chunk-7HAAPCMM.js";import"./chunk-JFGNCCOY.js";import"./chunk-6KSHJIV6.js";import"./chunk-BB3ZYDDF.js";import"./chunk-B2Z6W4M6.js";import"./chunk-FSK5FGWM.js";import"./chunk-AJUKXCDS.js";import"./chunk-4IJEOHER.js";export{r as BodyText,o as Box,f as Divider,e as Flex};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/props/color.props.cjs

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

package/dist/props/color.props.cjs.map

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

package/dist/props/color.props.d.cts

@@ -0,0 +1,24 @@
+declare const colorPropDefs: {
+    color: {
+        className: string;
+        responsive: false;
+    };
+    backgroundColor: {
+        className: string;
+        responsive: false;
+    };
+};
+interface ColorProps {
+    /**
+     * Set the foreground colour.
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    color?: string;
+    /**
+     * Set the background colour.
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    backgroundColor?: string;
+}
+
+export { type ColorProps, colorPropDefs };

package/dist/props/color.props.d.ts

@@ -0,0 +1,24 @@
+declare const colorPropDefs: {
+    color: {
+        className: string;
+        responsive: false;
+    };
+    backgroundColor: {
+        className: string;
+        responsive: false;
+    };
+};
+interface ColorProps {
+    /**
+     * Set the foreground colour.
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    color?: string;
+    /**
+     * Set the background colour.
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    backgroundColor?: string;
+}
+
+export { type ColorProps, colorPropDefs };

package/dist/props/color.props.js

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

package/dist/props/color.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/props/columns.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTJIAK5YJcjs = require('../chunk-TJIAK5YJ.cjs');exports.columnsPropDefs = _chunkTJIAK5YJcjs.a;
+//# sourceMappingURL=columns.props.cjs.map

package/dist/props/columns.props.cjs.map

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

package/dist/props/columns.props.d.cts

@@ -0,0 +1,14 @@
+import { Responsive } from '../types/responsive.cjs';
+
+declare const columnsPropDefs: {
+    columns: {
+        className: string;
+        responsive: true;
+    };
+};
+interface ColumnsProps {
+    /** Sets the number of columns to display the contents in. */
+    columns?: Responsive<number>;
+}
+
+export { type ColumnsProps, columnsPropDefs };

package/dist/props/columns.props.d.ts

@@ -0,0 +1,14 @@
+import { Responsive } from '../types/responsive.js';
+
+declare const columnsPropDefs: {
+    columns: {
+        className: string;
+        responsive: true;
+    };
+};
+interface ColumnsProps {
+    /** Sets the number of columns to display the contents in. */
+    columns?: Responsive<number>;
+}
+
+export { type ColumnsProps, columnsPropDefs };

package/dist/props/columns.props.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-6BYUP5SF.js";export{a as columnsPropDefs};
+//# sourceMappingURL=columns.props.js.map

package/dist/props/columns.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/props/gap.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJLAZMZSLcjs = require('../chunk-JLAZMZSL.cjs');exports.gapPropDefs = _chunkJLAZMZSLcjs.b; exports.gapTokens = _chunkJLAZMZSLcjs.a;
+//# sourceMappingURL=gap.props.cjs.map

package/dist/props/gap.props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/gap.props.cjs"],"names":[],"mappings":"AAAA,kIAAsC,mFAAwC","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/gap.props.cjs"}

package/dist/props/gap.props.d.cts

@@ -0,0 +1,15 @@
+import { Responsive, Union } from '../types/responsive.cjs';
+
+declare const gapTokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+declare const gapPropDefs: {
+    gap: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+};
+interface GapProps {
+    gap?: Responsive<Union<string, (typeof gapTokens)[number]>>;
+}
+
+export { type GapProps, gapPropDefs, gapTokens };

package/dist/props/gap.props.d.ts

@@ -0,0 +1,15 @@
+import { Responsive, Union } from '../types/responsive.js';
+
+declare const gapTokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+declare const gapPropDefs: {
+    gap: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+};
+interface GapProps {
+    gap?: Responsive<Union<string, (typeof gapTokens)[number]>>;
+}
+
+export { type GapProps, gapPropDefs, gapTokens };

package/dist/props/gap.props.js

@@ -0,0 +1,2 @@
+import{a,b}from"../chunk-7HAAPCMM.js";export{b as gapPropDefs,a as gapTokens};
+//# sourceMappingURL=gap.props.js.map

package/dist/props/gap.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/props/padding.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJLH4NZU7cjs = require('../chunk-JLH4NZU7.cjs');exports.paddingPropDefs = _chunkJLH4NZU7cjs.b; exports.paddingTokens = _chunkJLH4NZU7cjs.a;
+//# sourceMappingURL=padding.props.cjs.map

package/dist/props/padding.props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/padding.props.cjs"],"names":[],"mappings":"AAAA,kIAAsC,2FAAgD","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/padding.props.cjs"}

package/dist/props/padding.props.d.cts

@@ -0,0 +1,51 @@
+import { Responsive, Union } from '../types/responsive.cjs';
+
+declare const paddingTokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+declare const paddingPropDefs: {
+    padding: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingTop: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingRight: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingBottom: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingLeft: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingInline: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingBlock: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+};
+interface PaddingProps {
+    padding?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingTop?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingRight?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingBottom?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingLeft?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingInline?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingBlock?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+}
+
+export { type PaddingProps, paddingPropDefs, paddingTokens };

package/dist/props/padding.props.d.ts

@@ -0,0 +1,51 @@
+import { Responsive, Union } from '../types/responsive.js';
+
+declare const paddingTokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+declare const paddingPropDefs: {
+    padding: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingTop: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingRight: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingBottom: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingLeft: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingInline: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+    paddingBlock: {
+        className: string;
+        tokens: readonly ["0", "25", "50", "75", "100", "150", "200", "250", "300", "350", "400", "500", "600", "700", "800", "900", "1000"];
+        responsive: true;
+    };
+};
+interface PaddingProps {
+    padding?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingTop?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingRight?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingBottom?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingLeft?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingInline?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+    paddingBlock?: Responsive<Union<string, (typeof paddingTokens)[number]>>;
+}
+
+export { type PaddingProps, paddingPropDefs, paddingTokens };

package/dist/props/padding.props.js

@@ -0,0 +1,2 @@
+import{a,b}from"../chunk-JFGNCCOY.js";export{b as paddingPropDefs,a as paddingTokens};
+//# sourceMappingURL=padding.props.js.map

package/dist/props/padding.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/props/prop-def.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=prop-def.cjs.map

package/dist/props/prop-def.cjs.map

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

package/dist/props/prop-def.d.cts

@@ -0,0 +1,8 @@
+type PropDef<T = string> = {
+    tokens?: ReadonlyArray<T>;
+    className: string;
+    default?: string | number;
+    responsive: boolean;
+};
+
+export type { PropDef };

package/dist/props/prop-def.d.ts

@@ -0,0 +1,8 @@
+type PropDef<T = string> = {
+    tokens?: ReadonlyArray<T>;
+    className: string;
+    default?: string | number;
+    responsive: boolean;
+};
+
+export type { PropDef };

package/dist/props/prop-def.js

@@ -0,0 +1 @@
+//# sourceMappingURL=prop-def.js.map

package/dist/props/prop-def.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/props/size.props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkIYSVQSPGcjs = require('../chunk-IYSVQSPG.cjs');exports.sizePropDefs = _chunkIYSVQSPGcjs.a;
+//# sourceMappingURL=size.props.cjs.map

package/dist/props/size.props.cjs.map

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

package/dist/props/size.props.d.cts

@@ -0,0 +1,38 @@
+import { Responsive } from '../types/responsive.cjs';
+
+declare const sizePropDefs: {
+    width: {
+        className: string;
+        responsive: true;
+    };
+    maxWidth: {
+        className: string;
+        responsive: true;
+    };
+    minWidth: {
+        className: string;
+        responsive: true;
+    };
+    height: {
+        className: string;
+        responsive: true;
+    };
+    maxHeight: {
+        className: string;
+        responsive: true;
+    };
+    minHeight: {
+        className: string;
+        responsive: true;
+    };
+};
+interface SizeProps {
+    width?: Responsive<string>;
+    maxWidth?: Responsive<string>;
+    minWidth?: Responsive<string>;
+    height?: Responsive<string>;
+    maxHeight?: Responsive<string>;
+    minHeight?: Responsive<string>;
+}
+
+export { type SizeProps, sizePropDefs };

package/dist/props/size.props.d.ts

@@ -0,0 +1,38 @@
+import { Responsive } from '../types/responsive.js';
+
+declare const sizePropDefs: {
+    width: {
+        className: string;
+        responsive: true;
+    };
+    maxWidth: {
+        className: string;
+        responsive: true;
+    };
+    minWidth: {
+        className: string;
+        responsive: true;
+    };
+    height: {
+        className: string;
+        responsive: true;
+    };
+    maxHeight: {
+        className: string;
+        responsive: true;
+    };
+    minHeight: {
+        className: string;
+        responsive: true;
+    };
+};
+interface SizeProps {
+    width?: Responsive<string>;
+    maxWidth?: Responsive<string>;
+    minWidth?: Responsive<string>;
+    height?: Responsive<string>;
+    maxHeight?: Responsive<string>;
+    minHeight?: Responsive<string>;
+}
+
+export { type SizeProps, sizePropDefs };

package/dist/props/size.props.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-EUTKQ2DV.js";export{a as sizePropDefs};
+//# sourceMappingURL=size.props.js.map

package/dist/props/size.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTWBYN67Ycjs = require('../chunk-TWBYN67Y.cjs');exports.textAlignPropDefs = _chunkTWBYN67Ycjs.a;
+//# sourceMappingURL=text-align.props.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/props/text-align.props.cjs"],"names":[],"mappings":"AAAA,kIAAoC,gDAA+B","file":"/home/runner/work/hearth/hearth/packages/react/dist/props/text-align.props.cjs"}

package/dist/props/text-align.props.d.cts

@@ -0,0 +1,18 @@
+import { Responsive } from '../types/responsive.cjs';
+
+declare const textAlignValues: readonly ["left", "center", "right"];
+declare const textAlignPropDefs: {
+    align: {
+        className: string;
+        tokens: readonly ["left", "center", "right"];
+        responsive: true;
+    };
+};
+interface TextAlignProps {
+    /**
+     * Set the text-align on the component.
+     */
+    align?: Responsive<(typeof textAlignValues)[number]>;
+}
+
+export { type TextAlignProps, textAlignPropDefs };