@utilitywarehouse/hearth-react 0.0.0

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

@@ -0,0 +1,18 @@
+import { Responsive } from '../types/responsive.js';
+
+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 };

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

@@ -0,0 +1,2 @@
+import{a}from"../chunk-55UJSOEX.js";export{a as textAlignPropDefs};
+//# sourceMappingURL=text-align.props.js.map

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

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

package/dist/storybook/DocsHeader.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 _chunkVS4CPPKTcjs = require('../chunk-VS4CPPKT.cjs');require('../chunk-DJC6NVFO.cjs');var _chunkQEYJGYXYcjs = require('../chunk-QEYJGYXY.cjs');require('../chunk-LIUK2QUP.cjs');var _chunkITEBLI43cjs = require('../chunk-ITEBLI43.cjs');require('../chunk-52WQFKVL.cjs');require('../chunk-IYSVQSPG.cjs');require('../chunk-TWBYN67Y.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');var _react = require('react'); var e = _interopRequireWildcard(_react);var _blocks = require('@storybook/blocks');var h=({componentName:o,figmaLink:i,stories:a})=>e.createElement(_blocks.Unstyled,null,e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"24px"},e.createElement(_chunkITEBLI43cjs.a,{width:"100%",align:"center",justify:"space-between"},e.createElement(_chunkQEYJGYXYcjs.a,{variant:"h1"},o),e.createElement(_chunkITEBLI43cjs.a,{gap:"24px"},e.createElement(_chunkVS4CPPKTcjs.a,{href:`/?path=/story/stories-${o}`},"Stories"),e.createElement(_chunkVS4CPPKTcjs.a,{href:`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${o}`},"Source"),i?e.createElement(_chunkVS4CPPKTcjs.a,{href:i},"Design"):null)),e.createElement(_blocks.Description,{of:a})));exports.DocsHeader = h;
+//# sourceMappingURL=DocsHeader.cjs.map

package/dist/storybook/DocsHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/storybook/DocsHeader.cjs","../../src/storybook/DocsHeader.tsx"],"names":["DocsHeader","componentName","figmaLink","stories","Unstyled","Flex","Heading","Link"],"mappings":"AAAA,oZAAyC,iCAA8B,yDAA0C,iCAA8B,yDAA0C,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,iCAA8B,uECA1gB,2CAEe,IAYzBA,CAAAA,CAAa,CAAC,CAAE,aAAA,CAAAC,CAAAA,CAAe,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAQ,CAAA,CAAA,EAC7D,CAAA,CAAA,aAAA,CAACC,gBAAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,MAAA,CAAA,CAC3B,CAAA,CAAA,aAAA,CAACA,mBAAAA,CAAA,CAAK,KAAA,CAAM,MAAA,CAAO,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,eAAA,CAAA,CACxC,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAQ,OAAA,CAAQ,IAAA,CAAA,CAAML,CAAc,CAAA,CACrC,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,CAAK,GAAA,CAAI,MAAA,CAAA,CACR,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CAAK,IAAA,CAAM,CAAA,sBAAA,EAAyBN,CAAa,CAAA,CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/storybook/DocsHeader.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport { Unstyled, Description } from '@storybook/blocks';\nimport { Flex } from '../components/Flex/Flex';\nimport { Heading } from '../components/Heading/Heading';\nimport { Link } from '../components/Link/Link';\n\ninterface DocsHeaderProps {\n  componentName: string;\n  figmaLink?: string;\n  themeProviderRequired?: boolean;\n  stories: React.ReactNode;\n}\n\nexport const DocsHeader = ({ componentName, figmaLink, stories }: DocsHeaderProps) => (\n  <Unstyled>\n    <Flex direction=\"column\" gap=\"24px\">\n      <Flex width=\"100%\" align=\"center\" justify=\"space-between\">\n        <Heading variant=\"h1\">{componentName}</Heading>\n        <Flex gap=\"24px\">\n          <Link href={`/?path=/story/stories-${componentName}`}>Stories</Link>\n          <Link\n            href={`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${componentName}`}\n          >\n            Source\n          </Link>\n          {figmaLink ? <Link href={figmaLink}>Design</Link> : null}\n        </Flex>\n      </Flex>\n      <Description of={stories} />\n    </Flex>\n  </Unstyled>\n);\n"]}

package/dist/storybook/DocsHeader.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface DocsHeaderProps {
+    componentName: string;
+    figmaLink?: string;
+    themeProviderRequired?: boolean;
+    stories: React.ReactNode;
+}
+declare const DocsHeader: ({ componentName, figmaLink, stories }: DocsHeaderProps) => React.JSX.Element;
+
+export { DocsHeader };

package/dist/storybook/DocsHeader.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface DocsHeaderProps {
+    componentName: string;
+    figmaLink?: string;
+    themeProviderRequired?: boolean;
+    stories: React.ReactNode;
+}
+declare const DocsHeader: ({ componentName, figmaLink, stories }: DocsHeaderProps) => React.JSX.Element;
+
+export { DocsHeader };

package/dist/storybook/DocsHeader.js

@@ -0,0 +1,2 @@
+import{a as t}from"../chunk-KYWPOYPM.js";import"../chunk-676RA2PU.js";import{a as s}from"../chunk-HAL3QGEC.js";import"../chunk-JYGJOFRB.js";import{a as r}from"../chunk-NHLSKOMC.js";import"../chunk-THEPS73K.js";import"../chunk-EUTKQ2DV.js";import"../chunk-55UJSOEX.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";import*as e from"react";import{Unstyled as n,Description as c}from"@storybook/blocks";var h=({componentName:o,figmaLink:i,stories:a})=>e.createElement(n,null,e.createElement(r,{direction:"column",gap:"24px"},e.createElement(r,{width:"100%",align:"center",justify:"space-between"},e.createElement(s,{variant:"h1"},o),e.createElement(r,{gap:"24px"},e.createElement(t,{href:`/?path=/story/stories-${o}`},"Stories"),e.createElement(t,{href:`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${o}`},"Source"),i?e.createElement(t,{href:i},"Design"):null)),e.createElement(c,{of:a})));export{h as DocsHeader};
+//# sourceMappingURL=DocsHeader.js.map

package/dist/storybook/DocsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/storybook/DocsHeader.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Unstyled, Description } from '@storybook/blocks';\nimport { Flex } from '../components/Flex/Flex';\nimport { Heading } from '../components/Heading/Heading';\nimport { Link } from '../components/Link/Link';\n\ninterface DocsHeaderProps {\n  componentName: string;\n  figmaLink?: string;\n  themeProviderRequired?: boolean;\n  stories: React.ReactNode;\n}\n\nexport const DocsHeader = ({ componentName, figmaLink, stories }: DocsHeaderProps) => (\n  <Unstyled>\n    <Flex direction=\"column\" gap=\"24px\">\n      <Flex width=\"100%\" align=\"center\" justify=\"space-between\">\n        <Heading variant=\"h1\">{componentName}</Heading>\n        <Flex gap=\"24px\">\n          <Link href={`/?path=/story/stories-${componentName}`}>Stories</Link>\n          <Link\n            href={`https://github.com/utilitywarehouse/hearth/blob/main/packages/react/src/components/${componentName}`}\n          >\n            Source\n          </Link>\n          {figmaLink ? <Link href={figmaLink}>Design</Link> : null}\n        </Flex>\n      </Flex>\n      <Description of={stories} />\n    </Flex>\n  </Unstyled>\n);\n"],"mappings":"ihBAAA,UAAYA,MAAW,QAEvB,OAAS,YAAAC,EAAU,eAAAC,MAAmB,oBAY/B,IAAMC,EAAa,CAAC,CAAE,cAAAC,EAAe,UAAAC,EAAW,QAAAC,CAAQ,IAC7D,gBAACC,EAAA,KACC,gBAACC,EAAA,CAAK,UAAU,SAAS,IAAI,QAC3B,gBAACA,EAAA,CAAK,MAAM,OAAO,MAAM,SAAS,QAAQ,iBACxC,gBAACC,EAAA,CAAQ,QAAQ,MAAML,CAAc,EACrC,gBAACI,EAAA,CAAK,IAAI,QACR,gBAACE,EAAA,CAAK,KAAM,yBAAyBN,CAAa,IAAI,SAAO,EAC7D,gBAACM,EAAA,CACC,KAAM,sFAAsFN,CAAa,IAC1G,QAED,EACCC,EAAY,gBAACK,EAAA,CAAK,KAAML,GAAW,QAAM,EAAU,IACtD,CACF,EACA,gBAACM,EAAA,CAAY,GAAIL,EAAS,CAC5B,CACF","names":["React","Unstyled","Description","DocsHeader","componentName","figmaLink","stories","Unstyled","Flex","Heading","Link","Description"]}

package/dist/tokens/breakpoints.cjs

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

package/dist/tokens/breakpoints.cjs.map

@@ -0,0 +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"}

package/dist/tokens/breakpoints.d.cts

@@ -0,0 +1,8 @@
+declare const breakpoints: {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+    wide: number;
+};
+
+export { breakpoints };

package/dist/tokens/breakpoints.d.ts

@@ -0,0 +1,8 @@
+declare const breakpoints: {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+    wide: number;
+};
+
+export { breakpoints };

package/dist/tokens/breakpoints.js

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

package/dist/tokens/breakpoints.js.map

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

package/dist/types/component-props.cjs

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

package/dist/types/component-props.cjs.map

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

package/dist/types/component-props.d.cts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
+type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
+
+export type { ComponentPropsWithout, RemovedProps };

package/dist/types/component-props.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
+type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
+
+export type { ComponentPropsWithout, RemovedProps };

package/dist/types/component-props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=component-props.js.map

package/dist/types/component-props.js.map

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

package/dist/types/orientation.cjs

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

package/dist/types/orientation.cjs.map

@@ -0,0 +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"}

package/dist/types/orientation.d.cts

@@ -0,0 +1,4 @@
+declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
+type Orientation = (typeof ORIENTATIONS)[number];
+
+export { ORIENTATIONS, type Orientation };

package/dist/types/orientation.d.ts

@@ -0,0 +1,4 @@
+declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
+type Orientation = (typeof ORIENTATIONS)[number];
+
+export { ORIENTATIONS, type Orientation };

package/dist/types/orientation.js

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

package/dist/types/orientation.js.map

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

package/dist/types/responsive.cjs

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

package/dist/types/responsive.cjs.map

@@ -0,0 +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"}

package/dist/types/responsive.d.cts

@@ -0,0 +1,7 @@
+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 };

package/dist/types/responsive.d.ts

@@ -0,0 +1,7 @@
+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 };

package/dist/types/responsive.js

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

package/dist/types/responsive.js.map

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

package/dist/utils/media.cjs

@@ -0,0 +1,2 @@
+"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.media = u;
+//# sourceMappingURL=media.cjs.map

package/dist/utils/media.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/utils/media.cjs","../../src/utils/media.ts"],"names":["unit","step","mq","breakpoint","keys","breakpoints","above","bp","below","between","start","end","only","not","keyIndex","media"],"mappings":"AAAA,kIAAyC,ICMnCA,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,kBAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/utils/media.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/utils/media.d.cts

@@ -0,0 +1,36 @@
+import { breakpoints } from '../tokens/breakpoints.cjs';
+
+type Breakpoint = keyof typeof breakpoints;
+/**
+ * Returns a min-width media query string matching screen widths greater than the screen size given by the breakpoint.
+ */
+declare function above(breakpoint: Breakpoint): string;
+/**
+ * Returns a max-width media query string matching screen widths less than than the screen size given by the breakpoint.
+ */
+declare function below(breakpoint: Breakpoint): string;
+/**
+ * Returns a media query string matching screen widths greater than the given start screen size and less than the given end screen size.
+ */
+declare function between(start: Breakpoint, end: Breakpoint): string;
+/**
+ * Returns a media query string matching screen widths starting from the given screen size and stopping just before the next breakpoint.
+ */
+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: {
+    above: typeof above;
+    below: typeof below;
+    between: typeof between;
+    only: typeof only;
+    not: typeof not;
+    mobile: string;
+    tablet: string;
+    desktop: string;
+    wide: string;
+};
+
+export { media };

package/dist/utils/media.d.ts

@@ -0,0 +1,36 @@
+import { breakpoints } from '../tokens/breakpoints.js';
+
+type Breakpoint = keyof typeof breakpoints;
+/**
+ * Returns a min-width media query string matching screen widths greater than the screen size given by the breakpoint.
+ */
+declare function above(breakpoint: Breakpoint): string;
+/**
+ * Returns a max-width media query string matching screen widths less than than the screen size given by the breakpoint.
+ */
+declare function below(breakpoint: Breakpoint): string;
+/**
+ * Returns a media query string matching screen widths greater than the given start screen size and less than the given end screen size.
+ */
+declare function between(start: Breakpoint, end: Breakpoint): string;
+/**
+ * Returns a media query string matching screen widths starting from the given screen size and stopping just before the next breakpoint.
+ */
+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: {
+    above: typeof above;
+    below: typeof below;
+    between: typeof between;
+    only: typeof only;
+    not: typeof not;
+    mobile: string;
+    tablet: string;
+    desktop: string;
+    wide: string;
+};
+
+export { media };

package/dist/utils/media.js

@@ -0,0 +1,2 @@
+import{a as t}from"../chunk-WK3IHNAW.js";var o="px",f=100,a=n=>`@media (min-width: ${n})`,e=Object.keys(t);function r(n){let i=t[n];return i===0?"@media all":a(i+o)}function s(n){return`@media not all and (min-width:${t[n]+o})`}function d(n,i){return`@media (min-width:${t[n]+o}) and (max-width:${t[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(t.tablet+o),desktop:a(t.desktop+o),wide:a(t.wide+o)};export{u as media};
+//# sourceMappingURL=media.js.map

package/dist/utils/media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/media.ts"],"sourcesContent":["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"],"mappings":"yCAMA,IAAMA,EAAO,KACPC,EAAO,IACPC,EAAMC,GAAuB,sBAAsBA,CAAU,IAC7DC,EAAO,OAAO,KAAKC,CAAW,EAOpC,SAASC,EAAMH,EAAwB,CACrC,IAAMI,EAAKF,EAAYF,CAAU,EACjC,OAAII,IAAO,EACF,aAEFL,EAAGK,EAAKP,CAAI,CACrB,CAKA,SAASQ,EAAML,EAAwB,CACrC,MAAO,iCAAiCE,EAAYF,CAAU,EAAIH,CAAI,GACxE,CAKA,SAASS,EAAQC,EAAmBC,EAAiB,CACnD,MACE,qBAAqBN,EAAYK,CAAK,EAAIV,CAAI,oBAChCK,EAAYM,CAAG,EAAIV,EAAO,IAAMD,CAAI,GAEtD,CAKA,SAASY,EAAKT,EAAwB,CACpC,OAAIC,EAAK,QAAQD,CAAU,EAAI,EAAIC,EAAK,OAC/BK,EAAQN,EAAYC,EAAKA,EAAK,QAAQD,CAAU,EAAI,CAAC,CAAe,EAEtEG,EAAMH,CAAU,CACzB,CAKA,SAASU,EAAIV,EAAwB,CACnC,IAAMW,EAAWV,EAAK,QAAQD,CAAU,EACxC,GAAIW,IAAa,EACf,OAAOR,EAAMF,EAAK,CAAC,CAAe,EAEpC,GAAIU,IAAaV,EAAK,OAAS,EAC7B,OAAOI,EAAMJ,EAAKU,CAAQ,CAAe,EAE3C,IAAMH,EAAMP,EAAKA,EAAK,QAAQD,CAAoB,EAAI,CAAC,EACvD,OAAOM,EAAQN,EAAYQ,CAAG,EAAE,QAAQ,SAAU,oBAAoB,CACxE,CAEO,IAAMI,EAAQ,CACnB,MAAAT,EACA,MAAAE,EACA,QAAAC,EACA,KAAAG,EACA,IAAAC,EAEA,OAAQ,aACR,OAAQX,EAAGG,EAAY,OAASL,CAAI,EACpC,QAASE,EAAGG,EAAY,QAAUL,CAAI,EACtC,KAAME,EAAGG,EAAY,KAAOL,CAAI,CAClC","names":["unit","step","mq","breakpoint","keys","breakpoints","above","bp","below","between","start","end","only","not","keyIndex","media"]}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@utilitywarehouse/hearth-react",
+  "version": "0.0.0",
+  "description": "React components",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "files": [
+    "dist",
+    "*.css"
+  ],
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-radio-group": "^1.2.1",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-use-controllable-state": "^1.0.1",
+    "@utilitywarehouse/react-icons": "^1.11.0",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-mdx-gfm": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.2",
+    "@storybook/addon-viewport": "^8.4.7",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-vite": "^8.4.2",
+    "@storybook/test": "^8.4.2",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.12",
+    "@utilitywarehouse/colour-system": "^0.5.0",
+    "@utilitywarehouse/css-reset": "^0.1.0",
+    "@utilitywarehouse/fontsource": "^0.1.0",
+    "autoprefixer": "^10.4.20",
+    "cssnano": "^7.0.6",
+    "eslint-plugin-storybook": "^0.11.0",
+    "postcss": "^8.4.49",
+    "postcss-cli": "^11.0.0",
+    "postcss-custom-media": "^11.0.5",
+    "postcss-import": "^16.1.0",
+    "postcss-nesting": "^13.0.1",
+    "prop-types": "^15.8.1",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "storybook": "^8.4.2",
+    "stylelint": "^16.10.0",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-media-use-custom-media": "^4.0.0",
+    "tsup": "^8.3.5"
+  },
+  "scripts": {
+    "clean": "rm -rf .turbo node_modules dist *.css",
+    "build": "pnpm build:css && pnpm build:js",
+    "build:css": "postcss ./src/styles/index.css -o styles.css",
+    "build:js": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
+    "build:storybook": "storybook build",
+    "build:storybook:ci": "pnpm build && pnpm build:storybook",
+    "dev": "pnpm dev:storybook & pnpm dev:css",
+    "dev:css": "postcss --watch --verbose src/styles/index.css -o styles.css",
+    "dev:storybook": "storybook dev -p 6006",
+    "ts-types": "tsc",
+    "lint": "pnpm lint:js && pnpm lint:css",
+    "lint:fix": "pnpm lint:js:fix && pnpm 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*\" src",
+    "lint:css": "stylelint \"src/**/*.css\"",
+    "lint:css:fix": "stylelint \"src/**/*.css\" --fix",
+    "format": "prettier --write \"src/**/*.ts*\"",
+    "format:ci": "prettier --list-different \"src/**/*.ts*\""
+  }
+}