@utilitywarehouse/hearth-react 0.0.2 → 0.0.4

package/styles.css

@@ -4902,15 +4902,6 @@
 .hearth-r-align-items-stretch {
   align-items: stretch;
 }
-.hearth-r-align-items-space-between {
-  align-items: space-between;
-}
-.hearth-r-align-items-space-around {
-  align-items: space-between;
-}
-.hearth-r-align-items-space-evenly {
-  align-items: space-between;
-}
 @media (min-width: 740px) {
 .tablet\:hearth-r-align-items-start {
     align-items: flex-start;
@@ -4927,15 +4918,6 @@
 .tablet\:hearth-r-align-items-stretch {
     align-items: stretch;
   }
-.tablet\:hearth-r-align-items-space-between {
-    align-items: space-between;
-  }
-.tablet\:hearth-r-align-items-space-around {
-    align-items: space-between;
-  }
-.tablet\:hearth-r-align-items-space-evenly {
-    align-items: space-between;
-  }
 }
 @media (min-width: 992px) {
 .desktop\:hearth-r-align-items-start {
@@ -4953,15 +4935,6 @@
 .desktop\:hearth-r-align-items-stretch {
     align-items: stretch;
   }
-.desktop\:hearth-r-align-items-space-between {
-    align-items: space-between;
-  }
-.desktop\:hearth-r-align-items-space-around {
-    align-items: space-between;
-  }
-.desktop\:hearth-r-align-items-space-evenly {
-    align-items: space-between;
-  }
 }
 @media (min-width: 1200px) {
 .wide\:hearth-r-align-items-start {
@@ -4979,15 +4952,6 @@
 .wide\:hearth-r-align-items-stretch {
     align-items: stretch;
   }
-.wide\:hearth-r-align-items-space-between {
-    align-items: space-between;
-  }
-.wide\:hearth-r-align-items-space-around {
-    align-items: space-between;
-  }
-.wide\:hearth-r-align-items-space-evenly {
-    align-items: space-between;
-  }
 }
 .hearth-r-justify-content-start {
   justify-content: flex-start;
@@ -4998,19 +4962,16 @@
 .hearth-r-justify-content-end {
   justify-content: flex-end;
 }
-.hearth-r-justify-content-baseline {
-  justify-content: baseline;
-}
 .hearth-r-justify-content-stretch {
   justify-content: stretch;
 }
-.hearth-r-justify-content-space-between {
+.hearth-r-justify-content-between {
   justify-content: space-between;
 }
-.hearth-r-justify-content-space-around {
+.hearth-r-justify-content-around {
   justify-content: space-around;
 }
-.hearth-r-justify-content-space-evenly {
+.hearth-r-justify-content-evenly {
   justify-content: space-evenly;
 }
 @media (min-width: 740px) {
@@ -5023,19 +4984,16 @@
 .tablet\:hearth-r-justify-content-end {
     justify-content: flex-end;
   }
-.tablet\:hearth-r-justify-content-baseline {
-    justify-content: baseline;
-  }
 .tablet\:hearth-r-justify-content-stretch {
     justify-content: stretch;
   }
-.tablet\:hearth-r-justify-content-space-between {
+.tablet\:hearth-r-justify-content-between {
     justify-content: space-between;
   }
-.tablet\:hearth-r-justify-content-space-around {
+.tablet\:hearth-r-justify-content-around {
     justify-content: space-around;
   }
-.tablet\:hearth-r-justify-content-space-evenly {
+.tablet\:hearth-r-justify-content-evenly {
     justify-content: space-evenly;
   }
 }
@@ -5049,19 +5007,16 @@
 .desktop\:hearth-r-justify-content-end {
     justify-content: flex-end;
   }
-.desktop\:hearth-r-justify-content-baseline {
-    justify-content: baseline;
-  }
 .desktop\:hearth-r-justify-content-stretch {
     justify-content: stretch;
   }
-.desktop\:hearth-r-justify-content-space-between {
+.desktop\:hearth-r-justify-content-between {
     justify-content: space-between;
   }
-.desktop\:hearth-r-justify-content-space-around {
+.desktop\:hearth-r-justify-content-around {
     justify-content: space-around;
   }
-.desktop\:hearth-r-justify-content-space-evenly {
+.desktop\:hearth-r-justify-content-evenly {
     justify-content: space-evenly;
   }
 }
@@ -5075,62 +5030,161 @@
 .wide\:hearth-r-justify-content-end {
     justify-content: flex-end;
   }
-.wide\:hearth-r-justify-content-baseline {
-    justify-content: baseline;
-  }
 .wide\:hearth-r-justify-content-stretch {
     justify-content: stretch;
   }
-.wide\:hearth-r-justify-content-space-between {
+.wide\:hearth-r-justify-content-between {
     justify-content: space-between;
   }
-.wide\:hearth-r-justify-content-space-around {
+.wide\:hearth-r-justify-content-around {
     justify-content: space-around;
   }
-.wide\:hearth-r-justify-content-space-evenly {
+.wide\:hearth-r-justify-content-evenly {
     justify-content: space-evenly;
   }
 }
-:where([data-disable-user-select]) {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+.hearth-r-justify-items-start {
+  justify-items: start;
 }
-.hearth-r-width {
-  width: var(--h-r-width);
+.hearth-r-justify-items-center {
+  justify-items: center;
+}
+.hearth-r-justify-items-end {
+  justify-items: end;
+}
+.hearth-r-justify-items-stretch {
+  justify-items: stretch;
 }
 @media (min-width: 740px) {
-.tablet\:hearth-r-width {
-    width: var(--h-r-width-tablet);
+.tablet\:hearth-r-justify-items-start {
+    justify-items: start;
+  }
+.tablet\:hearth-r-justify-items-center {
+    justify-items: center;
+  }
+.tablet\:hearth-r-justify-items-end {
+    justify-items: end;
+  }
+.tablet\:hearth-r-justify-items-stretch {
+    justify-items: stretch;
   }
 }
 @media (min-width: 992px) {
-.desktop\:hearth-r-width {
-    width: var(--h-r-width-desktop);
+.desktop\:hearth-r-justify-items-start {
+    justify-items: start;
+  }
+.desktop\:hearth-r-justify-items-center {
+    justify-items: center;
+  }
+.desktop\:hearth-r-justify-items-end {
+    justify-items: end;
+  }
+.desktop\:hearth-r-justify-items-stretch {
+    justify-items: stretch;
   }
 }
 @media (min-width: 1200px) {
-.wide\:hearth-r-width {
-    width: var(--h-r-width-wide);
+.wide\:hearth-r-justify-items-start {
+    justify-items: start;
   }
+.wide\:hearth-r-justify-items-center {
+    justify-items: center;
+  }
+.wide\:hearth-r-justify-items-end {
+    justify-items: end;
+  }
+.wide\:hearth-r-justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+:where([data-disable-user-select]) {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 .hearth-r-height {
   height: var(--h-r-height);
 }
+.hearth-r-min-height {
+  min-height: var(--h-r-min-height);
+}
+.hearth-r-max-height {
+  max-height: var(--h-r-max-height);
+}
 @media (min-width: 740px) {
 .tablet\:hearth-r-height {
     height: var(--h-r-height-tablet);
   }
+.tablet\:hearth-r-min-height {
+    min-height: var(--h-r-min-height-tablet);
+  }
+.tablet\:hearth-r-max-height {
+    max-height: var(--h-r-max-height-tablet);
+  }
 }
 @media (min-width: 992px) {
 .desktop\:hearth-r-height {
     height: var(--h-r-height-desktop);
   }
+.desktop\:hearth-r-min-height {
+    min-height: var(--h-r-min-height-desktop);
+  }
+.desktop\:hearth-r-max-height {
+    max-height: var(--h-r-max-height-desktop);
+  }
 }
 @media (min-width: 1200px) {
 .wide\:hearth-r-height {
     height: var(--h-r-height-wide);
   }
+.wide\:hearth-r-min-height {
+    min-height: var(--h-r-min-height-wide);
+  }
+.wide\:hearth-r-max-height {
+    max-height: var(--h-r-max-height-wide);
+  }
+}
+.hearth-r-width {
+  width: var(--h-r-width);
+}
+.hearth-r-min-width {
+  min-width: var(--h-r-min-width);
+}
+.hearth-r-max-width {
+  max-width: var(--h-r-max-width);
+}
+@media (min-width: 740px) {
+.tablet\:hearth-r-width {
+    width: var(--h-r-width-tablet);
+  }
+.tablet\:hearth-r-min-width {
+    min-width: var(--h-r-min-width-tablet);
+  }
+.tablet\:hearth-r-max-width {
+    max-width: var(--h-r-max-width-tablet);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:hearth-r-width {
+    width: var(--h-r-width-desktop);
+  }
+.desktop\:hearth-r-min-width {
+    min-width: var(--h-r-min-width-desktop);
+  }
+.desktop\:hearth-r-max-width {
+    max-width: var(--h-r-max-width-desktop);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:hearth-r-width {
+    width: var(--h-r-width-wide);
+  }
+.wide\:hearth-r-min-width {
+    min-width: var(--h-r-min-width-wide);
+  }
+.wide\:hearth-r-max-width {
+    max-width: var(--h-r-max-width-wide);
+  }
 }
 .hearth-r-margin-auto {
   margin: auto;
@@ -7669,48 +7723,6 @@
 :where(.hearth-r-text-transform-lowercase) {
   text-transform: lowercase;
 }
-@media (min-width: 740px) {
-:where(.tablet\:hearth-r-text-transform-none) {
-    text-transform: none;
-  }
-:where(.tablet\:hearth-r-text-transform-capitalize) {
-    text-transform: capitalize;
-  }
-:where(.tablet\:hearth-r-text-transform-uppercase) {
-    text-transform: uppercase;
-  }
-:where(.tablet\:hearth-r-text-transform-lowercase) {
-    text-transform: lowercase;
-  }
-}
-@media (min-width: 992px) {
-:where(.desktop\:hearth-r-text-transform-none) {
-    text-transform: none;
-  }
-:where(.desktop\:hearth-r-text-transform-capitalize) {
-    text-transform: capitalize;
-  }
-:where(.desktop\:hearth-r-text-transform-uppercase) {
-    text-transform: uppercase;
-  }
-:where(.desktop\:hearth-r-text-transform-lowercase) {
-    text-transform: lowercase;
-  }
-}
-@media (min-width: 1200px) {
-:where(.wide\:hearth-r-text-transform-none) {
-    text-transform: none;
-  }
-:where(.wide\:hearth-r-text-transform-capitalize) {
-    text-transform: capitalize;
-  }
-:where(.wide\:hearth-r-text-transform-uppercase) {
-    text-transform: uppercase;
-  }
-:where(.wide\:hearth-r-text-transform-lowercase) {
-    text-transform: lowercase;
-  }
-}
 .hearth-r-position-static {
   position: static;
 }

package/dist/chunk-6CX43AED.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/text-transform.props.ts"],"names":["textTransformValues","textTransformPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAsB,CAAC,MAAA,CAAQ,WAAA,CAAa,WAAA,CAAa,YAAY,CAAA,CAErEC,CAAAA,aAAwB,CAC5B,aAAA,CAAe,CAAE,SAAA,CAAW,gBAAA,CAAkB,MAAA,CAAQD,CAAAA,CAAqB,UAAA,CAAY,CAAA,CAAK,CAC9F,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6CX43AED.cjs","sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst textTransformValues = ['none', 'uppercase', 'lowercase', 'capitalize'] as const;\n\nconst textTransformPropDefs = {\n  textTransform: { className: 'text-transform', tokens: textTransformValues, responsive: true },\n} satisfies {\n  textTransform: PropDef<(typeof textTransformValues)[number]>;\n};\n\ninterface TextTransformProps {\n  /**\n   * Set the text-transform on the component.\n   */\n  textTransform?: Responsive<(typeof textTransformValues)[number]>;\n}\n\nexport { textTransformPropDefs };\nexport type { TextTransformProps };\n"]}

package/dist/chunk-HW4WPCNT.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-OYKLBFN4.js";import{a as y}from"./chunk-TPDJP4AA.js";import{a as x}from"./chunk-7MLDCVRK.js";import{a as F}from"./chunk-QQSAEQVH.js";import{b as g}from"./chunk-HMTIVDG5.js";import{a as u}from"./chunk-CVTTI5EP.js";import{a as b}from"./chunk-QC4ZMGCU.js";import{b as f}from"./chunk-4PEMW3UE.js";import{a as G}from"./chunk-DVGYWBKQ.js";import*as e from"react";import H from"clsx";var I="FormFieldGroup",C=f(I),L=e.forwardRef(({className:N,id:P,children:R,label:d,helperText:r,validationText:o,validationStatus:l,disabled:m,"aria-labelledby":V,"aria-describedby":B,"aria-errormessage":n,...h},v)=>{let{id:w,labelId:t,helperTextId:p,validationTextId:a}=b({providedId:P,prefix:"formfieldgroup"}),i=!!(l&&o),s=G(B||r?p:void 0,n||i?a:void 0),E={hasGroupHelperText:r!==void 0,hasGroupValidationText:l!==void 0&&o!==void 0,"aria-describedby":s};return e.createElement(y,{ref:v,className:H(C,N),...h,disabled:m,id:w,"data-disabled":m?"":void 0,"aria-errormessage":n||i?a:void 0,"aria-labelledby":V??(d?t:void 0),"aria-invalid":i,"aria-describedby":s},d?e.createElement(x,{id:t},d):null,r||o?e.createElement(u,{direction:"column",align:"start"},r?e.createElement(F,{id:p,disabled:m},r):null,i?e.createElement(c,{id:a,status:l},o):null):null,e.createElement(g,{value:E},e.createElement("div",{className:"hearth-FormFieldGroupContent"},R)))});L.displayName=I;export{L as a};
-//# sourceMappingURL=chunk-HW4WPCNT.js.map

package/dist/chunk-INYZERHM.js

@@ -1,2 +0,0 @@
-import{a as l}from"./chunk-CVTTI5EP.js";import{f}from"./chunk-RXU4MSH3.js";import{a as c}from"./chunk-UI5CTQSR.js";import{a as s}from"./chunk-BXITMQY6.js";import{a as i}from"./chunk-V6DSC6VC.js";import{a as p}from"./chunk-WOH4H47Z.js";import{a}from"./chunk-XQ5A24NX.js";import{a as t}from"./chunk-EUTKQ2DV.js";import{a as m}from"./chunk-RTGGS5XX.js";import{b as e}from"./chunk-4PEMW3UE.js";import{a as o}from"./chunk-TLHGRJDQ.js";import*as r from"react";import N from"clsx";var d="Card",R=e(d),E=r.forwardRef((n,P)=>{let{className:x,as:C="div",children:D,colorScheme:h="white",...g}=m(n,f,i,c,a,t,p,s);return r.createElement(l,{ref:P,asChild:!0,className:N(R,x),"data-colorscheme":o(h),...g},r.createElement(C,null,D))});E.displayName=d;export{E as a};
-//# sourceMappingURL=chunk-INYZERHM.js.map

package/dist/chunk-IYAFJDMJ.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["none","inline-grid","grid"],s=["1","2","3","4","5","6","7","8","9","10","11","12"],e=["row","column","dense","row-dense","column-dense"],r=["start","center","end","baseline","stretch"],t=["start","center","end","between"],p= exports.a ={display:{className:"display",tokens:o,responsive:!0},columns:{className:"columns",tokens:s,responsive:!0},template:{className:"grid-template",responsive:!0},templateColumns:{className:"grid-template-columns",responsive:!0},templateRows:{className:"grid-template-rows",responsive:!0},templateAreas:{className:"grid-template-areas",responsive:!0},autoFlow:{className:"grid-auto-flow",tokens:e,responsive:!0},autoColumns:{className:"grid-auto-columns",responsive:!0},autoRows:{className:"grid-auto-rows",responsive:!0},align:{className:"align-items",tokens:r,responsive:!0},justify:{className:"justify-content",tokens:t,responsive:!0}};exports.a = p;
-//# sourceMappingURL=chunk-IYAFJDMJ.cjs.map

package/dist/chunk-IYAFJDMJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Grid/Grid.props.ts"],"names":["displayValues","columnsValues","flowValues","alignValues","justifyValues","gridPropDefs"],"mappings":"AAiBA,6EAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,aAAA,CAAe,MAAM,CAAA,CAC9CC,CAAAA,CAAgB,CAAC,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAC9EC,CAAAA,CAAa,CAAC,KAAA,CAAO,QAAA,CAAU,OAAA,CAAS,WAAA,CAAa,cAAc,CAAA,CACnEC,CAAAA,CAAc,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,UAAA,CAAY,SAAS,CAAA,CAC9DC,CAAAA,CAAgB,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,SAAS,CAAA,CAE7CC,CAAAA,aAAe,CAC1B,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQL,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQC,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,QAAA,CAAU,CAAE,SAAA,CAAW,eAAA,CAAiB,UAAA,CAAY,CAAA,CAAK,CAAA,CACzD,eAAA,CAAiB,CAAE,SAAA,CAAW,uBAAA,CAAyB,UAAA,CAAY,CAAA,CAAK,CAAA,CACxE,YAAA,CAAc,CAAE,SAAA,CAAW,oBAAA,CAAsB,UAAA,CAAY,CAAA,CAAK,CAAA,CAClE,aAAA,CAAe,CAAE,SAAA,CAAW,qBAAA,CAAuB,UAAA,CAAY,CAAA,CAAK,CAAA,CACpE,QAAA,CAAU,CAAE,SAAA,CAAW,gBAAA,CAAkB,MAAA,CAAQC,CAAAA,CAAY,UAAA,CAAY,CAAA,CAAK,CAAA,CAC9E,WAAA,CAAa,CAAE,SAAA,CAAW,mBAAA,CAAqB,UAAA,CAAY,CAAA,CAAK,CAAA,CAChE,QAAA,CAAU,CAAE,SAAA,CAAW,gBAAA,CAAkB,UAAA,CAAY,CAAA,CAAK,CAAA,CAC1D,KAAA,CAAO,CAAE,SAAA,CAAW,aAAA,CAAe,MAAA,CAAQC,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,OAAA,CAAS,CAAE,SAAA,CAAW,iBAAA,CAAmB,MAAA,CAAQC,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CACnF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-IYAFJDMJ.cjs","sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderProps } from '../../props/border.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive, Union } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\n\nexport const gridPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n  columns: { className: 'columns', tokens: columnsValues, responsive: true },\n  template: { className: 'grid-template', responsive: true },\n  templateColumns: { className: 'grid-template-columns', responsive: true },\n  templateRows: { className: 'grid-template-rows', responsive: true },\n  templateAreas: { className: 'grid-template-areas', responsive: true },\n  autoFlow: { className: 'grid-auto-flow', tokens: flowValues, responsive: true },\n  autoColumns: { className: 'grid-auto-columns', responsive: true },\n  autoRows: { className: 'grid-auto-rows', responsive: true },\n  align: { className: 'align-items', tokens: alignValues, responsive: true },\n  justify: { className: 'justify-content', tokens: justifyValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  template: PropDef<string>;\n  templateAreas: PropDef<string>;\n  templateColumns: PropDef<string>;\n  templateRows: PropDef<string>;\n  autoFlow: PropDef<(typeof flowValues)[number]>;\n  autoColumns: PropDef<string>;\n  autoRows: PropDef<string>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n};\n\ninterface CommonGridProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    GapProps,\n    SpacingProps,\n    SizeProps,\n    BorderProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  as?: 'div' | 'span';\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n  defaultResponsiveColumns?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n  columns?: Responsive<Union<string, (typeof columnsValues)[number]>>;\n  template?: Responsive<string>;\n  templateColumns?: Responsive<string>;\n  templateRows?: Responsive<string>;\n  templateAreas?: Responsive<string>;\n  autoFlow?: Responsive<(typeof flowValues)[number]>;\n  autoRows?: Responsive<string>;\n  autoColumns?: Responsive<string>;\n  align?: Responsive<(typeof alignValues)[number]>;\n  justify?: Responsive<(typeof justifyValues)[number]>;\n}\ntype GridDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype GridSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\nexport type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);\n"]}

package/dist/chunk-L5LUMAWU.js

@@ -1,2 +0,0 @@
-var o=["none","inline-grid","grid"],s=["1","2","3","4","5","6","7","8","9","10","11","12"],e=["row","column","dense","row-dense","column-dense"],r=["start","center","end","baseline","stretch"],t=["start","center","end","between"],p={display:{className:"display",tokens:o,responsive:!0},columns:{className:"columns",tokens:s,responsive:!0},template:{className:"grid-template",responsive:!0},templateColumns:{className:"grid-template-columns",responsive:!0},templateRows:{className:"grid-template-rows",responsive:!0},templateAreas:{className:"grid-template-areas",responsive:!0},autoFlow:{className:"grid-auto-flow",tokens:e,responsive:!0},autoColumns:{className:"grid-auto-columns",responsive:!0},autoRows:{className:"grid-auto-rows",responsive:!0},align:{className:"align-items",tokens:r,responsive:!0},justify:{className:"justify-content",tokens:t,responsive:!0}};export{p as a};
-//# sourceMappingURL=chunk-L5LUMAWU.js.map

package/dist/chunk-L5LUMAWU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Grid/Grid.props.ts"],"sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderProps } from '../../props/border.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive, Union } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\n\nexport const gridPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n  columns: { className: 'columns', tokens: columnsValues, responsive: true },\n  template: { className: 'grid-template', responsive: true },\n  templateColumns: { className: 'grid-template-columns', responsive: true },\n  templateRows: { className: 'grid-template-rows', responsive: true },\n  templateAreas: { className: 'grid-template-areas', responsive: true },\n  autoFlow: { className: 'grid-auto-flow', tokens: flowValues, responsive: true },\n  autoColumns: { className: 'grid-auto-columns', responsive: true },\n  autoRows: { className: 'grid-auto-rows', responsive: true },\n  align: { className: 'align-items', tokens: alignValues, responsive: true },\n  justify: { className: 'justify-content', tokens: justifyValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  template: PropDef<string>;\n  templateAreas: PropDef<string>;\n  templateColumns: PropDef<string>;\n  templateRows: PropDef<string>;\n  autoFlow: PropDef<(typeof flowValues)[number]>;\n  autoColumns: PropDef<string>;\n  autoRows: PropDef<string>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n};\n\ninterface CommonGridProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    GapProps,\n    SpacingProps,\n    SizeProps,\n    BorderProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  as?: 'div' | 'span';\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n  defaultResponsiveColumns?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n  columns?: Responsive<Union<string, (typeof columnsValues)[number]>>;\n  template?: Responsive<string>;\n  templateColumns?: Responsive<string>;\n  templateRows?: Responsive<string>;\n  templateAreas?: Responsive<string>;\n  autoFlow?: Responsive<(typeof flowValues)[number]>;\n  autoRows?: Responsive<string>;\n  autoColumns?: Responsive<string>;\n  align?: Responsive<(typeof alignValues)[number]>;\n  justify?: Responsive<(typeof justifyValues)[number]>;\n}\ntype GridDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype GridSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\nexport type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);\n"],"mappings":"AAiBA,IAAMA,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAC9EC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EAE7CC,EAAe,CAC1B,QAAS,CAAE,UAAW,UAAW,OAAQL,EAAe,WAAY,EAAK,EACzE,QAAS,CAAE,UAAW,UAAW,OAAQC,EAAe,WAAY,EAAK,EACzE,SAAU,CAAE,UAAW,gBAAiB,WAAY,EAAK,EACzD,gBAAiB,CAAE,UAAW,wBAAyB,WAAY,EAAK,EACxE,aAAc,CAAE,UAAW,qBAAsB,WAAY,EAAK,EAClE,cAAe,CAAE,UAAW,sBAAuB,WAAY,EAAK,EACpE,SAAU,CAAE,UAAW,iBAAkB,OAAQC,EAAY,WAAY,EAAK,EAC9E,YAAa,CAAE,UAAW,oBAAqB,WAAY,EAAK,EAChE,SAAU,CAAE,UAAW,iBAAkB,WAAY,EAAK,EAC1D,MAAO,CAAE,UAAW,cAAe,OAAQC,EAAa,WAAY,EAAK,EACzE,QAAS,CAAE,UAAW,kBAAmB,OAAQC,EAAe,WAAY,EAAK,CACnF","names":["displayValues","columnsValues","flowValues","alignValues","justifyValues","gridPropDefs"]}

package/dist/chunk-RXU4MSH3.js

@@ -1,2 +0,0 @@
-var e=["none","inline-flex","flex"],o=["row","column","row-reverse","column-reverse"],r=["start","center","end","baseline","stretch","space-between","space-around","space-evenly"],s=["start","center","end","between","space-between","space-around","space-evenly"],p=["nowrap","wrap","wrap-reverse"],t={display:{className:"display",tokens:e,responsive:!0},direction:{className:"flex-direction",tokens:o,responsive:!0},align:{className:"align-items",tokens:r,responsive:!0},justify:{className:"justify-content",tokens:s,responsive:!0},wrap:{className:"flex-wrap",tokens:p,responsive:!0}};export{e as a,o as b,r as c,s as d,p as e,t as f};
-//# sourceMappingURL=chunk-RXU4MSH3.js.map

package/dist/chunk-RXU4MSH3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Flex/Flex.props.ts"],"sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderProps } from '../../props/border.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst alignValues = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'stretch',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nconst justifyValues = [\n  'start',\n  'center',\n  'end',\n  'between',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nexport const flexPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n  direction: { className: 'flex-direction', tokens: directionValues, responsive: true },\n  align: { className: 'align-items', tokens: alignValues, responsive: true },\n  justify: {\n    className: 'justify-content',\n    tokens: justifyValues,\n    responsive: true,\n  },\n  wrap: { className: 'flex-wrap', tokens: wrapValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\ninterface CommonFlexProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    GapProps,\n    SpacingProps,\n    BorderProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  as?: 'div' | 'span';\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n  direction?: Responsive<(typeof directionValues)[number]>;\n  align?: Responsive<(typeof alignValues)[number]>;\n  justify?: Responsive<(typeof justifyValues)[number]>;\n  wrap?: Responsive<(typeof wrapValues)[number]>;\n}\ntype FlexDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype FlexSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\nexport type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);\nexport { displayValues, directionValues, alignValues, justifyValues, wrapValues };\n"],"mappings":"AAiBA,IAAMA,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAkB,CAAC,MAAO,SAAU,cAAe,gBAAgB,EACnEC,EAAc,CAClB,QACA,SACA,MACA,WACA,UACA,gBACA,eACA,cACF,EACMC,EAAgB,CACpB,QACA,SACA,MACA,UACA,gBACA,eACA,cACF,EACMC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAEvCC,EAAe,CAC1B,QAAS,CAAE,UAAW,UAAW,OAAQL,EAAe,WAAY,EAAK,EACzE,UAAW,CAAE,UAAW,iBAAkB,OAAQC,EAAiB,WAAY,EAAK,EACpF,MAAO,CAAE,UAAW,cAAe,OAAQC,EAAa,WAAY,EAAK,EACzE,QAAS,CACP,UAAW,kBACX,OAAQC,EACR,WAAY,EACd,EACA,KAAM,CAAE,UAAW,YAAa,OAAQC,EAAY,WAAY,EAAK,CACvE","names":["displayValues","directionValues","alignValues","justifyValues","wrapValues","flexPropDefs"]}

package/dist/chunk-UVA4WAIN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.props.ts"],"sourcesContent":["import { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\n\nconst variants = ['emphasis', 'solid', 'outline', 'ghost'] as const;\n\nexport const buttonBasePropDefs = {\n  variant: { className: 'variant', tokens: variants, responsive: false, default: 'solid' },\n} satisfies {\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport type ButtonBaseProps = ComponentPropsWithout<'button', RemovedProps> &\n  MarginProps &\n  (\n    | {\n        /**\n         * Sets the button's visual variant\n         */\n        variant?: 'emphasis';\n        /**\n         * Sets the button's colour scheme\n         */\n        colorScheme?: 'yellow';\n      }\n    | {\n        /**\n         * Sets the button's visual variant\n         */\n        variant?: 'solid';\n        /**\n         * Sets the button's colour scheme\n         */\n        colorScheme?: 'yellow' | 'green' | 'red';\n      }\n    | {\n        variant?: 'outline' | 'ghost';\n        colorScheme?: 'grey' | 'green' | 'red';\n      }\n  ) & {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     */\n    asChild?: boolean;\n    /**\n     * Indicate when the button is in a loading state, will also disable the button.\n     */\n    loading?: boolean;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"],"mappings":"AAIA,IAAMA,EAAW,CAAC,WAAY,QAAS,UAAW,OAAO,EAE5CC,EAAqB,CAChC,QAAS,CAAE,UAAW,UAAW,OAAQD,EAAU,WAAY,GAAO,QAAS,OAAQ,CACzF","names":["variants","buttonBasePropDefs"]}

package/dist/chunk-VZ3NKVLV.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["none","inline-flex","flex"],o= exports.b =["row","column","row-reverse","column-reverse"],r= exports.c =["start","center","end","baseline","stretch","space-between","space-around","space-evenly"],s= exports.d =["start","center","end","between","space-between","space-around","space-evenly"],p= exports.e =["nowrap","wrap","wrap-reverse"],t= exports.f ={display:{className:"display",tokens:e,responsive:!0},direction:{className:"flex-direction",tokens:o,responsive:!0},align:{className:"align-items",tokens:r,responsive:!0},justify:{className:"justify-content",tokens:s,responsive:!0},wrap:{className:"flex-wrap",tokens:p,responsive:!0}};exports.a = e; exports.b = o; exports.c = r; exports.d = s; exports.e = p; exports.f = t;
-//# sourceMappingURL=chunk-VZ3NKVLV.cjs.map

package/dist/chunk-VZ3NKVLV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Flex/Flex.props.ts"],"names":["displayValues","directionValues","alignValues","justifyValues","wrapValues","flexPropDefs"],"mappings":"AAiBA,6EAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,aAAA,CAAe,MAAM,CAAA,CAC9CC,CAAAA,aAAkB,CAAC,KAAA,CAAO,QAAA,CAAU,aAAA,CAAe,gBAAgB,CAAA,CACnEC,CAAAA,aAAc,CAClB,OAAA,CACA,QAAA,CACA,KAAA,CACA,UAAA,CACA,SAAA,CACA,eAAA,CACA,cAAA,CACA,cACF,CAAA,CACMC,CAAAA,aAAgB,CACpB,OAAA,CACA,QAAA,CACA,KAAA,CACA,SAAA,CACA,eAAA,CACA,cAAA,CACA,cACF,CAAA,CACMC,CAAAA,aAAa,CAAC,QAAA,CAAU,MAAA,CAAQ,cAAc,CAAA,CAEvCC,CAAAA,aAAe,CAC1B,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQL,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,SAAA,CAAW,CAAE,SAAA,CAAW,gBAAA,CAAkB,MAAA,CAAQC,CAAAA,CAAiB,UAAA,CAAY,CAAA,CAAK,CAAA,CACpF,KAAA,CAAO,CAAE,SAAA,CAAW,aAAA,CAAe,MAAA,CAAQC,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,OAAA,CAAS,CACP,SAAA,CAAW,iBAAA,CACX,MAAA,CAAQC,CAAAA,CACR,UAAA,CAAY,CAAA,CACd,CAAA,CACA,IAAA,CAAM,CAAE,SAAA,CAAW,WAAA,CAAa,MAAA,CAAQC,CAAAA,CAAY,UAAA,CAAY,CAAA,CAAK,CACvE,CAAA,CAAA,yFAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VZ3NKVLV.cjs","sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderProps } from '../../props/border.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst alignValues = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'stretch',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nconst justifyValues = [\n  'start',\n  'center',\n  'end',\n  'between',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nexport const flexPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n  direction: { className: 'flex-direction', tokens: directionValues, responsive: true },\n  align: { className: 'align-items', tokens: alignValues, responsive: true },\n  justify: {\n    className: 'justify-content',\n    tokens: justifyValues,\n    responsive: true,\n  },\n  wrap: { className: 'flex-wrap', tokens: wrapValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\ninterface CommonFlexProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    GapProps,\n    SpacingProps,\n    BorderProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  as?: 'div' | 'span';\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n  direction?: Responsive<(typeof directionValues)[number]>;\n  align?: Responsive<(typeof alignValues)[number]>;\n  justify?: Responsive<(typeof justifyValues)[number]>;\n  wrap?: Responsive<(typeof wrapValues)[number]>;\n}\ntype FlexDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype FlexSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\nexport type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);\nexport { displayValues, directionValues, alignValues, justifyValues, wrapValues };\n"]}

package/dist/chunk-XE2VBTS5.js

@@ -1,2 +0,0 @@
-var e=["none","uppercase","lowercase","capitalize"],r={textTransform:{className:"text-transform",tokens:e,responsive:!0}};export{r as a};
-//# sourceMappingURL=chunk-XE2VBTS5.js.map

package/dist/chunk-XE2VBTS5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/props/text-transform.props.ts"],"sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst textTransformValues = ['none', 'uppercase', 'lowercase', 'capitalize'] as const;\n\nconst textTransformPropDefs = {\n  textTransform: { className: 'text-transform', tokens: textTransformValues, responsive: true },\n} satisfies {\n  textTransform: PropDef<(typeof textTransformValues)[number]>;\n};\n\ninterface TextTransformProps {\n  /**\n   * Set the text-transform on the component.\n   */\n  textTransform?: Responsive<(typeof textTransformValues)[number]>;\n}\n\nexport { textTransformPropDefs };\nexport type { TextTransformProps };\n"],"mappings":"AAGA,IAAMA,EAAsB,CAAC,OAAQ,YAAa,YAAa,YAAY,EAErEC,EAAwB,CAC5B,cAAe,CAAE,UAAW,iBAAkB,OAAQD,EAAqB,WAAY,EAAK,CAC9F","names":["textTransformValues","textTransformPropDefs"]}

package/dist/chunk-YX2LQGPK.js

@@ -1,2 +0,0 @@
-import{a as u}from"./chunk-UVA4WAIN.js";import{a as f}from"./chunk-XQ5A24NX.js";import{a as p}from"./chunk-RTGGS5XX.js";import{b as c}from"./chunk-4PEMW3UE.js";import*as e from"react";import{Slot as P}from"@radix-ui/react-slot";import h from"clsx";var B="ButtonBase",b=c(B),k=e.forwardRef((a,n)=>{let{colorScheme:C,inverted:w,className:s,disabled:t,onClick:r,asChild:N,children:i,...d}=p(a,u,f),{variant:o="solid"}=a,l={"data-colorscheme":C||(o==="emphasis"||o==="solid"?"yellow":"grey"),"data-inverted":w?"":void 0},m=N?P:"button";return o==="emphasis"?e.createElement(m,{ref:n,"aria-disabled":t||void 0,className:h(b,s),onClick:t?void 0:r,...l,...d},e.createElement("span",{className:"hearth-shadow"}),e.createElement("span",{className:"hearth-front"},i)):e.createElement(m,{ref:n,"aria-disabled":t||void 0,className:h(b,s),onClick:t?void 0:r,...l,...d},i)});k.displayName=B;export{k as a};
-//# sourceMappingURL=chunk-YX2LQGPK.js.map