@alma-oss/spirit-web-react 4.5.0 → 4.6.0

package/dist/components/Grid/demo/GridResponsiveCustomVerticalSpacing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCustomVerticalSpacing.cjs","sources":["../../../../src/components/Grid/demo/GridResponsiveCustomVerticalSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsiveCustomVerticalSpacing = () => (\n  <Grid\n    cols={{ mobile: 2, tablet: 3, desktop: 4 }}\n    spacingY={{\n      mobile: 'space-100',\n      tablet: 'space-500',\n      desktop: 'space-1100',\n    }}\n  >\n    <GridItemFactory items={8} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsiveCustomVerticalSpacing;\n"],"names":["GridResponsiveCustomVerticalSpacing","jsx","Grid","GridItemFactory"],"mappings":"6MAIMA,EAAsC,IAC1CC,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EACvC,SAAU,CACR,OAAQ,YACR,OAAQ,YACR,QAAS,YAAA,EAGX,SAAAD,EAAAA,IAACE,UAAA,CAAgB,MAAO,EAAG,MAAM,eAAA,CAAgB,CAAA,CACnD"}

package/dist/components/Grid/demo/GridResponsiveCustomVerticalSpacing.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../Grid.js";
+import o from "./GridItemFactory.js";
+const a = () => /* @__PURE__ */ e(
+  t,
+  {
+    cols: { mobile: 2, tablet: 3, desktop: 4 },
+    spacingY: {
+      mobile: "space-100",
+      tablet: "space-500",
+      desktop: "space-1100"
+    },
+    children: /* @__PURE__ */ e(o, { items: 8, label: "1/2, 1/3, 1/4" })
+  }
+);
+export {
+  a as default
+};
+//# sourceMappingURL=GridResponsiveCustomVerticalSpacing.js.map

package/dist/components/Grid/demo/GridResponsiveCustomVerticalSpacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCustomVerticalSpacing.js","sources":["../../../../src/components/Grid/demo/GridResponsiveCustomVerticalSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsiveCustomVerticalSpacing = () => (\n  <Grid\n    cols={{ mobile: 2, tablet: 3, desktop: 4 }}\n    spacingY={{\n      mobile: 'space-100',\n      tablet: 'space-500',\n      desktop: 'space-1100',\n    }}\n  >\n    <GridItemFactory items={8} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsiveCustomVerticalSpacing;\n"],"names":["GridResponsiveCustomVerticalSpacing","jsx","Grid","GridItemFactory"],"mappings":";;;AAIA,MAAMA,IAAsC,MAC1C,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA;AAAA,IACvC,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAGX,UAAA,gBAAAD,EAACE,GAAA,EAAgB,OAAO,GAAG,OAAM,gBAAA,CAAgB;AAAA,EAAA;AACnD;"}

package/dist/components/Grid/demo/GridResponsiveGridItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),s=require("../Grid.cjs"),l=require("../GridItem.cjs"),i=()=>e.jsxs(s.default,{children:[e.jsx(l.default,{columnStart:1,columnEnd:{mobile:9,tablet:8},children:e.jsx(t.default,{size:"small",children:"Content"})}),e.jsx(l.default,{columnStart:{mobile:9,tablet:11},columnEnd:{mobile:"span 4",tablet:"span 2"},children:e.jsx(t.default,{size:"small",children:"Sidebar"})})]});exports.default=i;
+//# sourceMappingURL=GridResponsiveGridItem.cjs.map

package/dist/components/Grid/demo/GridResponsiveGridItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveGridItem.cjs","sources":["../../../../src/components/Grid/demo/GridResponsiveGridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridResponsiveGridItem = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={{ mobile: 9, tablet: 8 }}>\n      <DocsBox size=\"small\">Content</DocsBox>\n    </GridItem>\n    <GridItem columnStart={{ mobile: 9, tablet: 11 }} columnEnd={{ mobile: 'span 4', tablet: 'span 2' }}>\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridResponsiveGridItem;\n"],"names":["GridResponsiveGridItem","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":"wPAKMA,EAAyB,IAC7BC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAW,CAAE,OAAQ,EAAG,OAAQ,CAAA,EACxD,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,KAAK,QAAQ,mBAAO,EAC/B,EACAF,EAAAA,IAACC,EAAAA,SAAS,YAAa,CAAE,OAAQ,EAAG,OAAQ,IAAM,UAAW,CAAE,OAAQ,SAAU,OAAQ,QAAA,EACvF,eAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAA,CAAO,CAAA,CAC/B,CAAA,CAAA,CACF"}

package/dist/components/Grid/demo/GridResponsiveGridItem.js

@@ -0,0 +1,12 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import e from "../../../web-react/docs/DocsBox.js";
+import o from "../Grid.js";
+import r from "../GridItem.js";
+const d = () => /* @__PURE__ */ i(o, { children: [
+  /* @__PURE__ */ t(r, { columnStart: 1, columnEnd: { mobile: 9, tablet: 8 }, children: /* @__PURE__ */ t(e, { size: "small", children: "Content" }) }),
+  /* @__PURE__ */ t(r, { columnStart: { mobile: 9, tablet: 11 }, columnEnd: { mobile: "span 4", tablet: "span 2" }, children: /* @__PURE__ */ t(e, { size: "small", children: "Sidebar" }) })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=GridResponsiveGridItem.js.map

package/dist/components/Grid/demo/GridResponsiveGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveGridItem.js","sources":["../../../../src/components/Grid/demo/GridResponsiveGridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridResponsiveGridItem = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={{ mobile: 9, tablet: 8 }}>\n      <DocsBox size=\"small\">Content</DocsBox>\n    </GridItem>\n    <GridItem columnStart={{ mobile: 9, tablet: 11 }} columnEnd={{ mobile: 'span 4', tablet: 'span 2' }}>\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridResponsiveGridItem;\n"],"names":["GridResponsiveGridItem","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":";;;;AAKA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,aAAa,GAAG,WAAW,EAAE,QAAQ,GAAG,QAAQ,EAAA,GACxD,UAAA,gBAAAD,EAACE,GAAA,EAAQ,MAAK,SAAQ,qBAAO,GAC/B;AAAA,EACA,gBAAAF,EAACC,KAAS,aAAa,EAAE,QAAQ,GAAG,QAAQ,MAAM,WAAW,EAAE,QAAQ,UAAU,QAAQ,SAAA,GACvF,4BAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAA,CAAO,EAAA,CAC/B;AAAA,EAAA,CACF;"}

package/dist/components/Grid/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("./GridAlignment.cjs"),r=require("./GridCustomSpacing.cjs"),n=require("./GridEqual.cjs"),d=require("./GridItem.cjs"),l=require("./GridItemRow.cjs"),u=require("./GridNestedGridItem.cjs"),o=require("./GridResponsive.cjs"),c=require("./GridResponsiveAlignment.cjs"),a=require("./GridResponsiveCenteredGridItem.cjs"),j=require("./GridResponsiveCustomHorizontalSpacing.cjs"),x=require("./GridResponsiveCustomSpacing.cjs"),f=require("./GridResponsiveCustomVerticalSpacing.cjs"),m=require("./GridResponsiveGridItem.cjs"),p=()=>e.jsxs(i.StrictMode,{children:[e.jsx(t.default,{title:"Equal Columns",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Responsive Columns",children:e.jsx(o.default,{})}),e.jsx(t.default,{title:"Custom Spacing",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Responsive Custom Spacing",children:e.jsx(x.default,{})}),e.jsx(t.default,{title:"Responsive Custom Horizontal Spacing",children:e.jsx(j.default,{})}),e.jsx(t.default,{title:"Responsive Custom Vertical Spacing",children:e.jsx(f.default,{})}),e.jsx(t.default,{title:"Grid Item",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Responsive Grid Item",children:e.jsx(m.default,{})}),e.jsx(t.default,{title:"Nested Grid with Grid Item",children:e.jsx(u.default,{})}),e.jsx(t.default,{title:"Grid Item with Sidebar in Second Row on Desktop",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Responsive Centered Grid Item",children:e.jsx(a.default,{})}),e.jsx(t.default,{title:"Alignment",children:e.jsx(s.default,{})}),e.jsx(t.default,{title:"Responsive Alignment",children:e.jsx(c.default,{})})]});exports.Preview=p;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Grid/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Grid/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport GridAlignment from './GridAlignment';\nimport GridCustomSpacing from './GridCustomSpacing';\nimport GridEqual from './GridEqual';\nimport GridItem from './GridItem';\nimport GridItemRow from './GridItemRow';\nimport GridNestedGridItem from './GridNestedGridItem';\nimport GridResponsive from './GridResponsive';\nimport GridResponsiveAlignment from './GridResponsiveAlignment';\nimport GridResponsiveCenteredGridItem from './GridResponsiveCenteredGridItem';\nimport GridResponsiveCustomHorizontalSpacing from './GridResponsiveCustomHorizontalSpacing';\nimport GridResponsiveCustomSpacing from './GridResponsiveCustomSpacing';\nimport GridResponsiveCustomVerticalSpacing from './GridResponsiveCustomVerticalSpacing';\nimport GridResponsiveGridItem from './GridResponsiveGridItem';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Equal Columns\">\n      <GridEqual />\n    </DocsSection>\n    <DocsSection title=\"Responsive Columns\">\n      <GridResponsive />\n    </DocsSection>\n    <DocsSection title=\"Custom Spacing\">\n      <GridCustomSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Spacing\">\n      <GridResponsiveCustomSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Horizontal Spacing\">\n      <GridResponsiveCustomHorizontalSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Vertical Spacing\">\n      <GridResponsiveCustomVerticalSpacing />\n    </DocsSection>\n    <DocsSection title=\"Grid Item\">\n      <GridItem />\n    </DocsSection>\n    <DocsSection title=\"Responsive Grid Item\">\n      <GridResponsiveGridItem />\n    </DocsSection>\n    <DocsSection title=\"Nested Grid with Grid Item\">\n      <GridNestedGridItem />\n    </DocsSection>\n    <DocsSection title=\"Grid Item with Sidebar in Second Row on Desktop\">\n      <GridItemRow />\n    </DocsSection>\n    <DocsSection title=\"Responsive Centered Grid Item\">\n      <GridResponsiveCenteredGridItem />\n    </DocsSection>\n    <DocsSection title=\"Alignment\">\n      <GridAlignment />\n    </DocsSection>\n    <DocsSection title=\"Responsive Alignment\">\n      <GridResponsiveAlignment />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","GridEqual","GridResponsive","GridCustomSpacing","GridResponsiveCustomSpacing","GridResponsiveCustomHorizontalSpacing","GridResponsiveCustomVerticalSpacing","GridItem","GridResponsiveGridItem","GridNestedGridItem","GridItemRow","GridResponsiveCenteredGridItem","GridAlignment","GridResponsiveAlignment"],"mappings":"stBAkBaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,gBACjB,SAAAD,MAACE,EAAAA,UAAU,EACb,QACCD,EAAAA,QAAA,CAAY,MAAM,qBACjB,SAAAD,MAACG,EAAAA,UAAe,EAClB,QACCF,EAAAA,QAAA,CAAY,MAAM,iBACjB,SAAAD,MAACI,EAAAA,UAAkB,EACrB,QACCH,EAAAA,QAAA,CAAY,MAAM,4BACjB,SAAAD,MAACK,EAAAA,UAA4B,EAC/B,QACCJ,EAAAA,QAAA,CAAY,MAAM,uCACjB,SAAAD,MAACM,EAAAA,UAAsC,EACzC,QACCL,EAAAA,QAAA,CAAY,MAAM,qCACjB,SAAAD,MAACO,EAAAA,UAAoC,EACvC,QACCN,EAAAA,QAAA,CAAY,MAAM,YACjB,SAAAD,MAACQ,EAAAA,UAAS,EACZ,QACCP,EAAAA,QAAA,CAAY,MAAM,uBACjB,SAAAD,MAACS,EAAAA,UAAuB,EAC1B,QACCR,EAAAA,QAAA,CAAY,MAAM,6BACjB,SAAAD,MAACU,EAAAA,UAAmB,EACtB,QACCT,EAAAA,QAAA,CAAY,MAAM,kDACjB,SAAAD,MAACW,EAAAA,UAAY,EACf,QACCV,EAAAA,QAAA,CAAY,MAAM,gCACjB,SAAAD,MAACY,EAAAA,UAA+B,EAClC,QACCX,EAAAA,QAAA,CAAY,MAAM,YACjB,SAAAD,MAACa,EAAAA,UAAc,EACjB,QACCZ,EAAAA,QAAA,CAAY,MAAM,uBACjB,SAAAD,EAAAA,IAACc,YAAwB,CAAA,CAC3B,CAAA,CAAA,CACF"}

package/dist/components/Grid/demo/preview.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { StrictMode as r } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import o from "./GridAlignment.js";
+import m from "./GridCustomSpacing.js";
+import n from "./GridEqual.js";
+import s from "./GridItem.js";
+import d from "./GridItemRow.js";
+import l from "./GridNestedGridItem.js";
+import p from "./GridResponsive.js";
+import c from "./GridResponsiveAlignment.js";
+import G from "./GridResponsiveCenteredGridItem.js";
+import f from "./GridResponsiveCustomHorizontalSpacing.js";
+import h from "./GridResponsiveCustomSpacing.js";
+import R from "./GridResponsiveCustomVerticalSpacing.js";
+import a from "./GridResponsiveGridItem.js";
+const V = () => /* @__PURE__ */ t(r, { children: [
+  /* @__PURE__ */ i(e, { title: "Equal Columns", children: /* @__PURE__ */ i(n, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Columns", children: /* @__PURE__ */ i(p, {}) }),
+  /* @__PURE__ */ i(e, { title: "Custom Spacing", children: /* @__PURE__ */ i(m, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Custom Spacing", children: /* @__PURE__ */ i(h, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Custom Horizontal Spacing", children: /* @__PURE__ */ i(f, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Custom Vertical Spacing", children: /* @__PURE__ */ i(R, {}) }),
+  /* @__PURE__ */ i(e, { title: "Grid Item", children: /* @__PURE__ */ i(s, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Grid Item", children: /* @__PURE__ */ i(a, {}) }),
+  /* @__PURE__ */ i(e, { title: "Nested Grid with Grid Item", children: /* @__PURE__ */ i(l, {}) }),
+  /* @__PURE__ */ i(e, { title: "Grid Item with Sidebar in Second Row on Desktop", children: /* @__PURE__ */ i(d, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Centered Grid Item", children: /* @__PURE__ */ i(G, {}) }),
+  /* @__PURE__ */ i(e, { title: "Alignment", children: /* @__PURE__ */ i(o, {}) }),
+  /* @__PURE__ */ i(e, { title: "Responsive Alignment", children: /* @__PURE__ */ i(c, {}) })
+] });
+export {
+  V as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Grid/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Grid/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport GridAlignment from './GridAlignment';\nimport GridCustomSpacing from './GridCustomSpacing';\nimport GridEqual from './GridEqual';\nimport GridItem from './GridItem';\nimport GridItemRow from './GridItemRow';\nimport GridNestedGridItem from './GridNestedGridItem';\nimport GridResponsive from './GridResponsive';\nimport GridResponsiveAlignment from './GridResponsiveAlignment';\nimport GridResponsiveCenteredGridItem from './GridResponsiveCenteredGridItem';\nimport GridResponsiveCustomHorizontalSpacing from './GridResponsiveCustomHorizontalSpacing';\nimport GridResponsiveCustomSpacing from './GridResponsiveCustomSpacing';\nimport GridResponsiveCustomVerticalSpacing from './GridResponsiveCustomVerticalSpacing';\nimport GridResponsiveGridItem from './GridResponsiveGridItem';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Equal Columns\">\n      <GridEqual />\n    </DocsSection>\n    <DocsSection title=\"Responsive Columns\">\n      <GridResponsive />\n    </DocsSection>\n    <DocsSection title=\"Custom Spacing\">\n      <GridCustomSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Spacing\">\n      <GridResponsiveCustomSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Horizontal Spacing\">\n      <GridResponsiveCustomHorizontalSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Vertical Spacing\">\n      <GridResponsiveCustomVerticalSpacing />\n    </DocsSection>\n    <DocsSection title=\"Grid Item\">\n      <GridItem />\n    </DocsSection>\n    <DocsSection title=\"Responsive Grid Item\">\n      <GridResponsiveGridItem />\n    </DocsSection>\n    <DocsSection title=\"Nested Grid with Grid Item\">\n      <GridNestedGridItem />\n    </DocsSection>\n    <DocsSection title=\"Grid Item with Sidebar in Second Row on Desktop\">\n      <GridItemRow />\n    </DocsSection>\n    <DocsSection title=\"Responsive Centered Grid Item\">\n      <GridResponsiveCenteredGridItem />\n    </DocsSection>\n    <DocsSection title=\"Alignment\">\n      <GridAlignment />\n    </DocsSection>\n    <DocsSection title=\"Responsive Alignment\">\n      <GridResponsiveAlignment />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","GridEqual","GridResponsive","GridCustomSpacing","GridResponsiveCustomSpacing","GridResponsiveCustomHorizontalSpacing","GridResponsiveCustomVerticalSpacing","GridItem","GridResponsiveGridItem","GridNestedGridItem","GridItemRow","GridResponsiveCenteredGridItem","GridAlignment","GridResponsiveAlignment"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,iBACjB,UAAA,gBAAAD,EAACE,KAAU,GACb;AAAA,oBACCD,GAAA,EAAY,OAAM,sBACjB,UAAA,gBAAAD,EAACG,KAAe,GAClB;AAAA,oBACCF,GAAA,EAAY,OAAM,kBACjB,UAAA,gBAAAD,EAACI,KAAkB,GACrB;AAAA,oBACCH,GAAA,EAAY,OAAM,6BACjB,UAAA,gBAAAD,EAACK,KAA4B,GAC/B;AAAA,oBACCJ,GAAA,EAAY,OAAM,wCACjB,UAAA,gBAAAD,EAACM,KAAsC,GACzC;AAAA,oBACCL,GAAA,EAAY,OAAM,sCACjB,UAAA,gBAAAD,EAACO,KAAoC,GACvC;AAAA,oBACCN,GAAA,EAAY,OAAM,aACjB,UAAA,gBAAAD,EAACQ,KAAS,GACZ;AAAA,oBACCP,GAAA,EAAY,OAAM,wBACjB,UAAA,gBAAAD,EAACS,KAAuB,GAC1B;AAAA,oBACCR,GAAA,EAAY,OAAM,8BACjB,UAAA,gBAAAD,EAACU,KAAmB,GACtB;AAAA,oBACCT,GAAA,EAAY,OAAM,mDACjB,UAAA,gBAAAD,EAACW,KAAY,GACf;AAAA,oBACCV,GAAA,EAAY,OAAM,iCACjB,UAAA,gBAAAD,EAACY,KAA+B,GAClC;AAAA,oBACCX,GAAA,EAAY,OAAM,aACjB,UAAA,gBAAAD,EAACa,KAAc,GACjB;AAAA,oBACCZ,GAAA,EAAY,OAAM,wBACjB,UAAA,gBAAAD,EAACc,KAAwB,EAAA,CAC3B;AAAA,EAAA,CACF;"}

package/dist/components/Grid/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Grid/preview/index.cjs.map

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

package/dist/components/Grid/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Grid/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Grid/preview/index'
+export default _default
+export {}

package/dist/components/Grid.d.ts

@@ -1,2 +1,2 @@
-export * from './Grid/index'
+export * from '../src/components/Grid/index'
 export {}

package/dist/components/Header.d.ts

@@ -1,2 +1,2 @@
-export * from './Header/index'
+export * from '../src/components/Header/index'
 export {}

package/dist/components/Heading/Heading.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),r=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),y=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),g=require("./useHeadingStyleProps.cjs"),m={emphasis:r.Emphasis.BOLD,size:r.SizesExtended.MEDIUM},o=n=>{const i={...m,...n},{elementType:t,children:p,...l}=i,{classProps:a,props:c}=g.useHeadingStyleProps({...l}),{styleProps:u,props:s}=y.useStyleProps(c,{isTextBalanced:e.HeadingStyleProps.isTextBalanced,textAlignment:e.TextStyleProps.textAlignment,textHyphens:e.TextStyleProps.textHyphens,textWordBreak:e.TextStyleProps.textWordBreak}),d=x.mergeStyleProps(t,{classProps:a,styleProps:u,otherProps:s});return P.jsx(t,{...s,...d,children:p})};o.spiritComponent="Heading";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),o=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),m=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),g=require("./useHeadingStyleProps.cjs"),S={emphasis:o.Emphasis.BOLD,size:o.SizesExtended.MEDIUM},t=n=>{const i={...S,...n},{elementType:p,children:l,...a}=i,s=p,{classProps:c,props:d}=g.useHeadingStyleProps({...a}),{styleProps:u,props:r}=m.useStyleProps(d,{isTextBalanced:e.HeadingStyleProps.isTextBalanced,textAlignment:e.TextStyleProps.textAlignment,textHyphens:e.TextStyleProps.textHyphens,textWordBreak:e.TextStyleProps.textWordBreak}),y=x.mergeStyleProps(s,{classProps:c,styleProps:u,otherProps:r});return P.jsx(s,{...r,...y,children:l})};t.spiritComponent="Heading";t.displayName="Heading";exports.default=t;
 //# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, HeadingStyleProps, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeadingProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeadingStyleProps } from './useHeadingStyleProps';\n\nconst defaultProps: Partial<SpiritHeadingProps<ElementType, void, void>> = {\n  emphasis: Emphasis.BOLD,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Heading = <E extends ElementType = 'h1', S = void, Emph = void>(\n  props: SpiritHeadingProps<E, S, Emph>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag, children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useHeadingStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: HeadingStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n    <ElementTag {...(otherProps as any)} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nHeading.spiritComponent = 'Heading';\n\nexport default Heading;\n"],"names":["defaultProps","Emphasis","SizesExtended","Heading","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useHeadingStyleProps","styleProps","otherProps","useStyleProps","HeadingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"gXASMA,EAAqE,CACzE,SAAUC,EAAAA,SAAS,KACnB,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EACJC,GACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAY,SAAAC,EAAU,GAAGC,GAAcH,EACtD,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,uBAAqB,CAAE,GAAGH,EAAW,EAC5E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,eAAgBK,EAAAA,kBAAkB,eAClC,cAAeC,EAAAA,eAAe,cAC9B,YAAaA,EAAAA,eAAe,YAC5B,cAAeA,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBZ,EAAY,CAAE,WAAAG,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE3F,aAEGP,EAAA,CAAY,GAAIO,EAAqB,GAAGI,EACtC,SAAAV,CAAA,CACH,CAEJ,EAEAJ,EAAQ,gBAAkB"}
+{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, HeadingStyleProps, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeadingProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeadingStyleProps } from './useHeadingStyleProps';\n\nconst defaultProps: Partial<SpiritHeadingProps<ElementType, void, void>> = {\n  emphasis: Emphasis.BOLD,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Heading = <E extends ElementType = 'h1', S = void, Emph = void>(\n  props: SpiritHeadingProps<E, S, Emph>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useHeadingStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: HeadingStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nHeading.spiritComponent = 'Heading';\nHeading.displayName = 'Heading';\n\nexport default Heading;\n"],"names":["defaultProps","Emphasis","SizesExtended","Heading","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useHeadingStyleProps","styleProps","otherProps","useStyleProps","HeadingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"gXASMA,EAAqE,CACzE,SAAUC,EAAAA,SAAS,KACnB,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EACJC,GACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EACZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,uBAAqB,CAAE,GAAGJ,EAAW,EAC5E,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,eAAgBK,EAAAA,kBAAkB,eAClC,cAAeC,EAAAA,eAAe,cAC9B,YAAaA,EAAAA,eAAe,YAC5B,cAAeA,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBV,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE1F,aACGL,EAAA,CAAW,GAAGK,EAAa,GAAGI,EAC5B,SAAAX,EACH,CAEJ,EAEAJ,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

package/dist/components/Heading/Heading.js

@@ -1,27 +1,25 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { SizesExtended as c, Emphasis as x } from "../../constants/dictionaries.js";
-import { TextStyleProps as e, HeadingStyleProps as P } from "../../constants/style.js";
-import { useStyleProps as f } from "../../hooks/styleProps.js";
-import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
-import { useHeadingStyleProps as g } from "./useHeadingStyleProps.js";
-const u = {
-  emphasis: x.BOLD,
-  size: c.MEDIUM
-}, h = (o) => {
-  const r = { ...u, ...o }, { elementType: t, children: p, ...n } = r, { classProps: i, props: m } = g({ ...n }), { styleProps: l, props: s } = f(m, {
-    isTextBalanced: P.isTextBalanced,
+import { jsx as x } from "react/jsx-runtime";
+import { SizesExtended as P, Emphasis as y } from "../../constants/dictionaries.js";
+import { TextStyleProps as e, HeadingStyleProps as f } from "../../constants/style.js";
+import { useStyleProps as g } from "../../hooks/styleProps.js";
+import { mergeStyleProps as u } from "../../utils/mergeStyleProps.js";
+import { useHeadingStyleProps as h } from "./useHeadingStyleProps.js";
+const H = {
+  emphasis: y.BOLD,
+  size: P.MEDIUM
+}, o = (r) => {
+  const p = { ...H, ...r }, { elementType: n, children: i, ...m } = p, t = n, { classProps: a, props: l } = h({ ...m }), { styleProps: d, props: s } = g(l, {
+    isTextBalanced: f.isTextBalanced,
     textAlignment: e.textAlignment,
     textHyphens: e.textHyphens,
     textWordBreak: e.textWordBreak
-  }), a = y(t, { classProps: i, styleProps: l, otherProps: s });
-  return (
-    // eslint-disable-next-line  @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ d(t, { ...s, ...a, children: p })
-  );
+  }), c = u(t, { classProps: a, styleProps: d, otherProps: s });
+  return /* @__PURE__ */ x(t, { ...s, ...c, children: i });
 };
-h.spiritComponent = "Heading";
+o.spiritComponent = "Heading";
+o.displayName = "Heading";
 export {
-  h as default
+  o as default
 };
 //# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, HeadingStyleProps, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeadingProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeadingStyleProps } from './useHeadingStyleProps';\n\nconst defaultProps: Partial<SpiritHeadingProps<ElementType, void, void>> = {\n  emphasis: Emphasis.BOLD,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Heading = <E extends ElementType = 'h1', S = void, Emph = void>(\n  props: SpiritHeadingProps<E, S, Emph>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag, children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useHeadingStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: HeadingStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n    <ElementTag {...(otherProps as any)} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nHeading.spiritComponent = 'Heading';\n\nexport default Heading;\n"],"names":["defaultProps","Emphasis","SizesExtended","Heading","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useHeadingStyleProps","styleProps","otherProps","useStyleProps","HeadingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAqE;AAAA,EACzE,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAU,CACdC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,GAAY,UAAAC,GAAU,GAAGC,MAAcH,GACtD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAqB,EAAE,GAAGH,GAAW,GAC5E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAkB;AAAA,IAClC,eAAeC,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBZ,GAAY,EAAE,YAAAG,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE3F;AAAA;AAAA,sBAEGP,GAAA,EAAY,GAAIO,GAAqB,GAAGI,GACtC,UAAAV,EAAA,CACH;AAAA;AAEJ;AAEAJ,EAAQ,kBAAkB;"}
+{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, HeadingStyleProps, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeadingProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeadingStyleProps } from './useHeadingStyleProps';\n\nconst defaultProps: Partial<SpiritHeadingProps<ElementType, void, void>> = {\n  emphasis: Emphasis.BOLD,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Heading = <E extends ElementType = 'h1', S = void, Emph = void>(\n  props: SpiritHeadingProps<E, S, Emph>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useHeadingStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: HeadingStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nHeading.spiritComponent = 'Heading';\nHeading.displayName = 'Heading';\n\nexport default Heading;\n"],"names":["defaultProps","Emphasis","SizesExtended","Heading","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useHeadingStyleProps","styleProps","otherProps","useStyleProps","HeadingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAqE;AAAA,EACzE,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAU,CACdC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAqB,EAAE,GAAGJ,GAAW,GAC5E,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAkB;AAAA,IAClC,eAAeC,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBV,GAAW,EAAE,YAAAC,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE1F,2BACGL,GAAA,EAAW,GAAGK,GAAa,GAAGI,GAC5B,UAAAX,GACH;AAEJ;AAEAJ,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/Heading/demo/HeadingAlignment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../../constants/dictionaries.cjs"),t=require("../Heading.cjs"),i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.default,{elementType:"h2",children:"Heading"}),e.jsx(t.default,{elementType:"h2",textAlignment:n.TextAlignments.CENTER,children:"Heading"}),e.jsx(t.default,{elementType:"h2",textAlignment:n.TextAlignments.RIGHT,children:"Heading"})]});exports.default=i;
+//# sourceMappingURL=HeadingAlignment.cjs.map

package/dist/components/Heading/demo/HeadingAlignment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingAlignment.cjs","sources":["../../../../src/components/Heading/demo/HeadingAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport Heading from '../Heading';\n\nconst HeadingAlignment = () => (\n  <>\n    <Heading elementType=\"h2\">Heading</Heading>\n    <Heading elementType=\"h2\" textAlignment={TextAlignments.CENTER}>\n      Heading\n    </Heading>\n    <Heading elementType=\"h2\" textAlignment={TextAlignments.RIGHT}>\n      Heading\n    </Heading>\n  </>\n);\n\nexport default HeadingAlignment;\n"],"names":["HeadingAlignment","jsxs","Fragment","jsx","Heading","TextAlignments"],"mappings":"8NAIMA,EAAmB,IACvBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,SAAA,UAAO,QAChCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,cAAeC,EAAAA,eAAe,OAAQ,SAAA,UAEhE,QACCD,EAAAA,QAAA,CAAQ,YAAY,KAAK,cAAeC,iBAAe,MAAO,SAAA,SAAA,CAE/D,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingAlignment.js

@@ -0,0 +1,12 @@
+import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { TextAlignments as t } from "../../../constants/dictionaries.js";
+import n from "../Heading.js";
+const g = () => /* @__PURE__ */ i(m, { children: [
+  /* @__PURE__ */ e(n, { elementType: "h2", children: "Heading" }),
+  /* @__PURE__ */ e(n, { elementType: "h2", textAlignment: t.CENTER, children: "Heading" }),
+  /* @__PURE__ */ e(n, { elementType: "h2", textAlignment: t.RIGHT, children: "Heading" })
+] });
+export {
+  g as default
+};
+//# sourceMappingURL=HeadingAlignment.js.map

package/dist/components/Heading/demo/HeadingAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingAlignment.js","sources":["../../../../src/components/Heading/demo/HeadingAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport Heading from '../Heading';\n\nconst HeadingAlignment = () => (\n  <>\n    <Heading elementType=\"h2\">Heading</Heading>\n    <Heading elementType=\"h2\" textAlignment={TextAlignments.CENTER}>\n      Heading\n    </Heading>\n    <Heading elementType=\"h2\" textAlignment={TextAlignments.RIGHT}>\n      Heading\n    </Heading>\n  </>\n);\n\nexport default HeadingAlignment;\n"],"names":["HeadingAlignment","jsxs","Fragment","jsx","Heading","TextAlignments"],"mappings":";;;AAIA,MAAMA,IAAmB,MACvB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,UAAA,WAAO;AAAA,oBAChCA,GAAA,EAAQ,aAAY,MAAK,eAAeC,EAAe,QAAQ,UAAA,WAEhE;AAAA,oBACCD,GAAA,EAAQ,aAAY,MAAK,eAAeC,EAAe,OAAO,UAAA,UAAA,CAE/D;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/HeadingBalanced.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../Heading.cjs"),l=()=>e.jsxs("div",{style:{maxWidth:"650px"},children:[e.jsx(a.default,{elementType:"h2",size:"xsmall",children:"This heading is not balanced. It may not have optimal line breaks and may appear uneven or awkward."}),e.jsx(a.default,{elementType:"h2",isTextBalanced:!0,size:"xsmall",children:"This heading is balanced. It will have optimal line breaks and look more even and visually appealing."})]});exports.default=l;
+//# sourceMappingURL=HeadingBalanced.cjs.map

package/dist/components/Heading/demo/HeadingBalanced.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingBalanced.cjs","sources":["../../../../src/components/Heading/demo/HeadingBalanced.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingBalanced = () => (\n  <div style={{ maxWidth: '650px' }}>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      This heading is not balanced. It may not have optimal line breaks and may appear uneven or awkward.\n    </Heading>\n    <Heading elementType=\"h2\" isTextBalanced size=\"xsmall\">\n      This heading is balanced. It will have optimal line breaks and look more even and visually appealing.\n    </Heading>\n  </div>\n);\n\nexport default HeadingBalanced;\n"],"names":["HeadingBalanced","jsxs","jsx","Heading"],"mappings":"6KAGMA,EAAkB,IACtBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,SACtB,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,sGAExC,EACAD,EAAAA,IAACC,EAAAA,SAAQ,YAAY,KAAK,eAAc,GAAC,KAAK,SAAS,SAAA,uGAAA,CAEvD,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingBalanced.js

@@ -0,0 +1,10 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import a from "../Heading.js";
+const s = () => /* @__PURE__ */ i("div", { style: { maxWidth: "650px" }, children: [
+  /* @__PURE__ */ e(a, { elementType: "h2", size: "xsmall", children: "This heading is not balanced. It may not have optimal line breaks and may appear uneven or awkward." }),
+  /* @__PURE__ */ e(a, { elementType: "h2", isTextBalanced: !0, size: "xsmall", children: "This heading is balanced. It will have optimal line breaks and look more even and visually appealing." })
+] });
+export {
+  s as default
+};
+//# sourceMappingURL=HeadingBalanced.js.map

package/dist/components/Heading/demo/HeadingBalanced.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingBalanced.js","sources":["../../../../src/components/Heading/demo/HeadingBalanced.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingBalanced = () => (\n  <div style={{ maxWidth: '650px' }}>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      This heading is not balanced. It may not have optimal line breaks and may appear uneven or awkward.\n    </Heading>\n    <Heading elementType=\"h2\" isTextBalanced size=\"xsmall\">\n      This heading is balanced. It will have optimal line breaks and look more even and visually appealing.\n    </Heading>\n  </div>\n);\n\nexport default HeadingBalanced;\n"],"names":["HeadingBalanced","jsxs","jsx","Heading"],"mappings":";;AAGA,MAAMA,IAAkB,MACtB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,WACtB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,uGAExC;AAAA,EACA,gBAAAD,EAACC,KAAQ,aAAY,MAAK,gBAAc,IAAC,MAAK,UAAS,UAAA,wGAAA,CAEvD;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/HeadingDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Heading.cjs"),u=()=>e.jsx(t.default,{elementType:"h2",children:"Heading"});exports.default=u;
+//# sourceMappingURL=HeadingDefault.cjs.map

package/dist/components/Heading/demo/HeadingDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingDefault.cjs","sources":["../../../../src/components/Heading/demo/HeadingDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingDefault = () => <Heading elementType=\"h2\">Heading</Heading>;\n\nexport default HeadingDefault;\n"],"names":["HeadingDefault","jsx","Heading"],"mappings":"6KAGMA,EAAiB,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,SAAA,SAAA,CAAO"}

package/dist/components/Heading/demo/HeadingDefault.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../Heading.js";
+const a = () => /* @__PURE__ */ e(t, { elementType: "h2", children: "Heading" });
+export {
+  a as default
+};
+//# sourceMappingURL=HeadingDefault.js.map

package/dist/components/Heading/demo/HeadingDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingDefault.js","sources":["../../../../src/components/Heading/demo/HeadingDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingDefault = () => <Heading elementType=\"h2\">Heading</Heading>;\n\nexport default HeadingDefault;\n"],"names":["HeadingDefault","jsx","Heading"],"mappings":";;AAGA,MAAMA,IAAiB,MAAM,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,UAAA,UAAA,CAAO;"}

package/dist/components/Heading/demo/HeadingEmphasis.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../Heading.cjs"),s=()=>e.jsxs(e.Fragment,{children:[e.jsx(i.default,{elementType:"h2",emphasis:"regular",children:"Heading regular"}),e.jsx(i.default,{elementType:"h2",emphasis:"semibold",children:"Heading semibold"}),e.jsx(i.default,{elementType:"h2",emphasis:"bold",children:"Heading bold"}),e.jsx(i.default,{elementType:"h2",emphasis:"italic",children:"Heading italic"})]});exports.default=s;
+//# sourceMappingURL=HeadingEmphasis.cjs.map

package/dist/components/Heading/demo/HeadingEmphasis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingEmphasis.cjs","sources":["../../../../src/components/Heading/demo/HeadingEmphasis.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingEmphasis = () => (\n  <>\n    <Heading elementType=\"h2\" emphasis=\"regular\">\n      Heading regular\n    </Heading>\n    <Heading elementType=\"h2\" emphasis=\"semibold\">\n      Heading semibold\n    </Heading>\n    <Heading elementType=\"h2\" emphasis=\"bold\">\n      Heading bold\n    </Heading>\n    <Heading elementType=\"h2\" emphasis=\"italic\">\n      Heading italic\n    </Heading>\n  </>\n);\n\nexport default HeadingEmphasis;\n"],"names":["HeadingEmphasis","jsxs","Fragment","jsx","Heading"],"mappings":"6KAGMA,EAAkB,IACtBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,SAAS,UAAU,SAAA,kBAE7C,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,SAAS,WAAW,SAAA,mBAE9C,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,SAAS,OAAO,SAAA,eAE1C,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,SAAS,SAAS,SAAA,gBAAA,CAE5C,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingEmphasis.js

@@ -0,0 +1,12 @@
+import { jsxs as s, Fragment as a, jsx as e } from "react/jsx-runtime";
+import i from "../Heading.js";
+const d = () => /* @__PURE__ */ s(a, { children: [
+  /* @__PURE__ */ e(i, { elementType: "h2", emphasis: "regular", children: "Heading regular" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", emphasis: "semibold", children: "Heading semibold" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", emphasis: "bold", children: "Heading bold" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", emphasis: "italic", children: "Heading italic" })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=HeadingEmphasis.js.map

package/dist/components/Heading/demo/HeadingEmphasis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingEmphasis.js","sources":["../../../../src/components/Heading/demo/HeadingEmphasis.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingEmphasis = () => (\n  <>\n    <Heading elementType=\"h2\" emphasis=\"regular\">\n      Heading regular\n    </Heading>\n    <Heading elementType=\"h2\" emphasis=\"semibold\">\n      Heading semibold\n    </Heading>\n    <Heading elementType=\"h2\" emphasis=\"bold\">\n      Heading bold\n    </Heading>\n    <Heading elementType=\"h2\" emphasis=\"italic\">\n      Heading italic\n    </Heading>\n  </>\n);\n\nexport default HeadingEmphasis;\n"],"names":["HeadingEmphasis","jsxs","Fragment","jsx","Heading"],"mappings":";;AAGA,MAAMA,IAAkB,MACtB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,UAAS,WAAU,UAAA,mBAE7C;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,UAAS,YAAW,UAAA,oBAE9C;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,UAAS,QAAO,UAAA,gBAE1C;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,UAAS,UAAS,UAAA,iBAAA,CAE5C;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/HeadingHyphens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../constants/text.cjs"),i=require("../Heading.cjs"),t=()=>e.jsxs("div",{style:{maxWidth:"200px"},className:"border-100 border-dashed border-basic",children:[e.jsx(i.default,{elementType:"h2",size:"xsmall",children:"Heading with no specific hyphenation: supercalifragilisticexpialidocious"}),e.jsx(i.default,{elementType:"h2",size:"xsmall",textHyphens:s.TextHyphens.NONE,children:"Heading with no hyphens: supercalifragilisticexpialidocious"}),e.jsx(i.default,{elementType:"h2",size:"xsmall",textHyphens:s.TextHyphens.MANUAL,children:"Heading with manual hyphens: super­califragilisticexpialidocious"})]});exports.default=t;
+//# sourceMappingURL=HeadingHyphens.cjs.map

package/dist/components/Heading/demo/HeadingHyphens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingHyphens.cjs","sources":["../../../../src/components/Heading/demo/HeadingHyphens.tsx"],"sourcesContent":["import React from 'react';\nimport { TextHyphens } from '../../../constants';\nimport Heading from '../Heading';\n\nconst HeadingWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Heading with no specific hyphenation: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h2\" size=\"xsmall\" textHyphens={TextHyphens.NONE}>\n      Heading with no hyphens: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h2\" size=\"xsmall\" textHyphens={TextHyphens.MANUAL}>\n      Heading with manual hyphens: super&shy;califragilisticexpialidocious\n    </Heading>\n  </div>\n);\n\nexport default HeadingWordBreak;\n"],"names":["HeadingWordBreak","jsxs","jsx","Heading","TextHyphens"],"mappings":"sNAIMA,EAAmB,IACvBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,OAAA,EAAW,UAAU,wCAC3C,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,2EAExC,EACAD,EAAAA,IAACC,EAAAA,SAAQ,YAAY,KAAK,KAAK,SAAS,YAAaC,EAAAA,YAAY,KAAM,SAAA,6DAAA,CAEvE,EACAF,EAAAA,IAACC,EAAAA,SAAQ,YAAY,KAAK,KAAK,SAAS,YAAaC,EAAAA,YAAY,OAAQ,SAAA,kEAAA,CAEzE,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingHyphens.js

@@ -0,0 +1,12 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { TextHyphens as s } from "../../../constants/text.js";
+import i from "../Heading.js";
+const n = () => /* @__PURE__ */ a("div", { style: { maxWidth: "200px" }, className: "border-100 border-dashed border-basic", children: [
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "xsmall", children: "Heading with no specific hyphenation: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "xsmall", textHyphens: s.NONE, children: "Heading with no hyphens: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "xsmall", textHyphens: s.MANUAL, children: "Heading with manual hyphens: super­califragilisticexpialidocious" })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=HeadingHyphens.js.map

package/dist/components/Heading/demo/HeadingHyphens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingHyphens.js","sources":["../../../../src/components/Heading/demo/HeadingHyphens.tsx"],"sourcesContent":["import React from 'react';\nimport { TextHyphens } from '../../../constants';\nimport Heading from '../Heading';\n\nconst HeadingWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Heading with no specific hyphenation: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h2\" size=\"xsmall\" textHyphens={TextHyphens.NONE}>\n      Heading with no hyphens: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h2\" size=\"xsmall\" textHyphens={TextHyphens.MANUAL}>\n      Heading with manual hyphens: super&shy;califragilisticexpialidocious\n    </Heading>\n  </div>\n);\n\nexport default HeadingWordBreak;\n"],"names":["HeadingWordBreak","jsxs","jsx","Heading","TextHyphens"],"mappings":";;;AAIA,MAAMA,IAAmB,MACvB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,QAAA,GAAW,WAAU,yCAC3C,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,4EAExC;AAAA,EACA,gBAAAD,EAACC,KAAQ,aAAY,MAAK,MAAK,UAAS,aAAaC,EAAY,MAAM,UAAA,8DAAA,CAEvE;AAAA,EACA,gBAAAF,EAACC,KAAQ,aAAY,MAAK,MAAK,UAAS,aAAaC,EAAY,QAAQ,UAAA,mEAAA,CAEzE;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/HeadingSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../Heading.cjs"),i=()=>e.jsxs(e.Fragment,{children:[e.jsx(l.default,{elementType:"h2",size:"xsmall",children:"Heading xsmall"}),e.jsx(l.default,{elementType:"h2",size:"small",children:"Heading small"}),e.jsx(l.default,{elementType:"h2",size:"medium",children:"Heading medium"}),e.jsx(l.default,{elementType:"h2",size:"large",children:"Heading large"}),e.jsx(l.default,{elementType:"h2",size:"xlarge",children:"Heading xlarge"})]});exports.default=i;
+//# sourceMappingURL=HeadingSizes.cjs.map

package/dist/components/Heading/demo/HeadingSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingSizes.cjs","sources":["../../../../src/components/Heading/demo/HeadingSizes.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingSizes = () => (\n  <>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Heading xsmall\n    </Heading>\n    <Heading elementType=\"h2\" size=\"small\">\n      Heading small\n    </Heading>\n    <Heading elementType=\"h2\" size=\"medium\">\n      Heading medium\n    </Heading>\n    <Heading elementType=\"h2\" size=\"large\">\n      Heading large\n    </Heading>\n    <Heading elementType=\"h2\" size=\"xlarge\">\n      Heading xlarge\n    </Heading>\n  </>\n);\n\nexport default HeadingSizes;\n"],"names":["HeadingSizes","jsxs","Fragment","jsx","Heading"],"mappings":"6KAGMA,EAAe,IACnBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,iBAExC,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,QAAQ,SAAA,gBAEvC,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,iBAExC,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,QAAQ,SAAA,gBAEvC,QACCA,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,gBAAA,CAExC,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingSizes.js

@@ -0,0 +1,13 @@
+import { jsxs as l, Fragment as n, jsx as e } from "react/jsx-runtime";
+import i from "../Heading.js";
+const r = () => /* @__PURE__ */ l(n, { children: [
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "xsmall", children: "Heading xsmall" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "small", children: "Heading small" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "medium", children: "Heading medium" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "large", children: "Heading large" }),
+  /* @__PURE__ */ e(i, { elementType: "h2", size: "xlarge", children: "Heading xlarge" })
+] });
+export {
+  r as default
+};
+//# sourceMappingURL=HeadingSizes.js.map

package/dist/components/Heading/demo/HeadingSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingSizes.js","sources":["../../../../src/components/Heading/demo/HeadingSizes.tsx"],"sourcesContent":["import React from 'react';\nimport Heading from '../Heading';\n\nconst HeadingSizes = () => (\n  <>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Heading xsmall\n    </Heading>\n    <Heading elementType=\"h2\" size=\"small\">\n      Heading small\n    </Heading>\n    <Heading elementType=\"h2\" size=\"medium\">\n      Heading medium\n    </Heading>\n    <Heading elementType=\"h2\" size=\"large\">\n      Heading large\n    </Heading>\n    <Heading elementType=\"h2\" size=\"xlarge\">\n      Heading xlarge\n    </Heading>\n  </>\n);\n\nexport default HeadingSizes;\n"],"names":["HeadingSizes","jsxs","Fragment","jsx","Heading"],"mappings":";;AAGA,MAAMA,IAAe,MACnB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,kBAExC;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,MAAK,SAAQ,UAAA,iBAEvC;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,kBAExC;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,MAAK,SAAQ,UAAA,iBAEvC;AAAA,oBACCA,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,iBAAA,CAExC;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/HeadingTextColor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../web-react/docs/DocsStack.cjs"),l=require("../../../constants/dictionaries.cjs"),r=require("../../../utils/colorObjectGenerators.cjs"),d=require("../../Grid/Grid.cjs"),u=require("../../Text/Text.cjs"),b=require("../Heading.cjs"),g={text:Object.values(l.TextColors),accent:Object.values(r.getAccentTextColors()),emotion:Object.values(r.getEmotionTextColors())},x=()=>e.jsxs(e.Fragment,{children:[e.jsx(u.default,{children:"For demo purposes, the heading has custom size, background and padding."}),e.jsx(d.default,{cols:{mobile:1,desktop:3},alignmentY:"top",spacingY:"space-1100",children:Object.entries(g).map(([t,i])=>e.jsxs(a.default,{stackAlignment:"start",children:[e.jsxs("h3",{children:[`${t.charAt(0).toUpperCase()}${t.slice(1)} `," colors"]}),i?.map(s=>{const c=s?.replace(/basic|subtle/,n=>n==="basic"?"subtle":"basic"),o=t!=="text"?`bg-${c} p-800`:"mb-800";return e.jsx("div",{className:o,children:e.jsxs(b.default,{elementType:"h2",textColor:s,size:"xsmall",children:["Heading ",s]})},`heading-item-${s}`)})]},`heading-${t}`))})]});exports.default=x;
+//# sourceMappingURL=HeadingTextColor.cjs.map

package/dist/components/Heading/demo/HeadingTextColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingTextColor.cjs","sources":["../../../../src/components/Heading/demo/HeadingTextColor.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { TextColors } from '../../../constants';\nimport { type HeadingColorsType } from '../../../types';\nimport { getAccentTextColors, getEmotionTextColors } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport Text from '../../Text/Text';\nimport Heading from '../Heading';\n\nconst colorList = {\n  text: Object.values(TextColors),\n  accent: Object.values(getAccentTextColors()),\n  emotion: Object.values(getEmotionTextColors()),\n};\n\nconst HeadingTextColor = () => (\n  <>\n    <Text>For demo purposes, the heading has custom size, background and padding.</Text>\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n      {Object.entries(colorList).map(([key, colors]: [string, HeadingColorsType[]]) => (\n        <DocsStack key={`heading-${key}`} stackAlignment=\"start\">\n          <h3>{`${key.charAt(0).toUpperCase()}${key.slice(1)} `} colors</h3>\n\n          {colors?.map((color) => {\n            const bgColor = color?.replace(/basic|subtle/, (match) => (match === 'basic' ? 'subtle' : 'basic'));\n            const boxClass = key !== 'text' ? `bg-${bgColor} p-800` : 'mb-800';\n\n            return (\n              <div key={`heading-item-${color}`} className={boxClass}>\n                <Heading elementType=\"h2\" textColor={color} size=\"xsmall\">\n                  Heading {color}\n                </Heading>\n              </div>\n            );\n          })}\n        </DocsStack>\n      ))}\n    </Grid>\n  </>\n);\n\nexport default HeadingTextColor;\n"],"names":["colorList","TextColors","getAccentTextColors","getEmotionTextColors","HeadingTextColor","jsxs","Fragment","jsx","Text","Grid","key","colors","DocsStack","color","bgColor","match","boxClass","Heading"],"mappings":"yYASMA,EAAY,CAChB,KAAM,OAAO,OAAOC,YAAU,EAC9B,OAAQ,OAAO,OAAOC,EAAAA,qBAAqB,EAC3C,QAAS,OAAO,OAAOC,uBAAA,CAAsB,CAC/C,EAEMC,EAAmB,IACvBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,yEAAA,CAAuE,EAC7ED,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,MAAM,SAAS,aAC9D,gBAAO,QAAQT,CAAS,EAAE,IAAI,CAAC,CAACU,EAAKC,CAAM,IAC1CN,EAAAA,KAACO,EAAAA,QAAA,CAAiC,eAAe,QAC/C,SAAA,CAAAP,OAAC,KAAA,CAAI,SAAA,CAAA,GAAGK,EAAI,OAAO,CAAC,EAAE,aAAa,GAAGA,EAAI,MAAM,CAAC,CAAC,IAAI,SAAA,EAAO,EAE5DC,GAAQ,IAAKE,GAAU,CACtB,MAAMC,EAAUD,GAAO,QAAQ,eAAiBE,GAAWA,IAAU,QAAU,SAAW,OAAQ,EAC5FC,EAAWN,IAAQ,OAAS,MAAMI,CAAO,SAAW,SAE1D,OACEP,EAAAA,IAAC,MAAA,CAAkC,UAAWS,EAC5C,SAAAX,OAACY,EAAAA,QAAA,CAAQ,YAAY,KAAK,UAAWJ,EAAO,KAAK,SAAS,SAAA,CAAA,WAC/CA,CAAA,CAAA,CACX,CAAA,EAHQ,gBAAgBA,CAAK,EAI/B,CAEJ,CAAC,CAAA,CAAA,EAda,WAAWH,CAAG,EAe9B,CACD,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingTextColor.js

@@ -0,0 +1,31 @@
+import { jsxs as o, Fragment as n, jsx as s } from "react/jsx-runtime";
+import l from "../../../web-react/docs/DocsStack.js";
+import { TextColors as m } from "../../../constants/dictionaries.js";
+import { getEmotionTextColors as d, getAccentTextColors as p } from "../../../utils/colorObjectGenerators.js";
+import g from "../../Grid/Grid.js";
+import b from "../../Text/Text.js";
+import h from "../Heading.js";
+const x = {
+  text: Object.values(m),
+  accent: Object.values(p()),
+  emotion: Object.values(d())
+}, O = () => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ s(b, { children: "For demo purposes, the heading has custom size, background and padding." }),
+  /* @__PURE__ */ s(g, { cols: { mobile: 1, desktop: 3 }, alignmentY: "top", spacingY: "space-1100", children: Object.entries(x).map(([e, r]) => /* @__PURE__ */ o(l, { stackAlignment: "start", children: [
+    /* @__PURE__ */ o("h3", { children: [
+      `${e.charAt(0).toUpperCase()}${e.slice(1)} `,
+      " colors"
+    ] }),
+    r?.map((t) => {
+      const i = t?.replace(/basic|subtle/, (c) => c === "basic" ? "subtle" : "basic"), a = e !== "text" ? `bg-${i} p-800` : "mb-800";
+      return /* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ o(h, { elementType: "h2", textColor: t, size: "xsmall", children: [
+        "Heading ",
+        t
+      ] }) }, `heading-item-${t}`);
+    })
+  ] }, `heading-${e}`)) })
+] });
+export {
+  O as default
+};
+//# sourceMappingURL=HeadingTextColor.js.map

package/dist/components/Heading/demo/HeadingTextColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingTextColor.js","sources":["../../../../src/components/Heading/demo/HeadingTextColor.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { TextColors } from '../../../constants';\nimport { type HeadingColorsType } from '../../../types';\nimport { getAccentTextColors, getEmotionTextColors } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport Text from '../../Text/Text';\nimport Heading from '../Heading';\n\nconst colorList = {\n  text: Object.values(TextColors),\n  accent: Object.values(getAccentTextColors()),\n  emotion: Object.values(getEmotionTextColors()),\n};\n\nconst HeadingTextColor = () => (\n  <>\n    <Text>For demo purposes, the heading has custom size, background and padding.</Text>\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n      {Object.entries(colorList).map(([key, colors]: [string, HeadingColorsType[]]) => (\n        <DocsStack key={`heading-${key}`} stackAlignment=\"start\">\n          <h3>{`${key.charAt(0).toUpperCase()}${key.slice(1)} `} colors</h3>\n\n          {colors?.map((color) => {\n            const bgColor = color?.replace(/basic|subtle/, (match) => (match === 'basic' ? 'subtle' : 'basic'));\n            const boxClass = key !== 'text' ? `bg-${bgColor} p-800` : 'mb-800';\n\n            return (\n              <div key={`heading-item-${color}`} className={boxClass}>\n                <Heading elementType=\"h2\" textColor={color} size=\"xsmall\">\n                  Heading {color}\n                </Heading>\n              </div>\n            );\n          })}\n        </DocsStack>\n      ))}\n    </Grid>\n  </>\n);\n\nexport default HeadingTextColor;\n"],"names":["colorList","TextColors","getAccentTextColors","getEmotionTextColors","HeadingTextColor","jsxs","Fragment","jsx","Text","Grid","key","colors","DocsStack","color","bgColor","match","boxClass","Heading"],"mappings":";;;;;;;AASA,MAAMA,IAAY;AAAA,EAChB,MAAM,OAAO,OAAOC,CAAU;AAAA,EAC9B,QAAQ,OAAO,OAAOC,GAAqB;AAAA,EAC3C,SAAS,OAAO,OAAOC,EAAA,CAAsB;AAC/C,GAEMC,IAAmB,MACvB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,0EAAA,CAAuE;AAAA,EAC7E,gBAAAD,EAACE,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,OAAM,UAAS,cAC9D,iBAAO,QAAQT,CAAS,EAAE,IAAI,CAAC,CAACU,GAAKC,CAAM,MAC1C,gBAAAN,EAACO,GAAA,EAAiC,gBAAe,SAC/C,UAAA;AAAA,IAAA,gBAAAP,EAAC,MAAA,EAAI,UAAA;AAAA,MAAA,GAAGK,EAAI,OAAO,CAAC,EAAE,aAAa,GAAGA,EAAI,MAAM,CAAC,CAAC;AAAA,MAAI;AAAA,IAAA,GAAO;AAAA,IAE5DC,GAAQ,IAAI,CAACE,MAAU;AACtB,YAAMC,IAAUD,GAAO,QAAQ,gBAAgB,CAACE,MAAWA,MAAU,UAAU,WAAW,OAAQ,GAC5FC,IAAWN,MAAQ,SAAS,MAAMI,CAAO,WAAW;AAE1D,aACE,gBAAAP,EAAC,OAAA,EAAkC,WAAWS,GAC5C,UAAA,gBAAAX,EAACY,GAAA,EAAQ,aAAY,MAAK,WAAWJ,GAAO,MAAK,UAAS,UAAA;AAAA,QAAA;AAAA,QAC/CA;AAAA,MAAA,EAAA,CACX,EAAA,GAHQ,gBAAgBA,CAAK,EAI/B;AAAA,IAEJ,CAAC;AAAA,EAAA,EAAA,GAda,WAAWH,CAAG,EAe9B,CACD,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/HeadingWordBreak.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../constants/text.cjs"),i=require("../Heading.cjs"),s=()=>e.jsxs("div",{style:{maxWidth:"200px"},className:"border-100 border-dashed border-basic",children:[e.jsx(i.default,{elementType:"h3",size:"xsmall",children:"Heading with no specific word break: supercalifragilisticexpialidocious"}),e.jsx(i.default,{elementType:"h3",size:"xsmall",textWordBreak:r.TextWordBreaks.ANYWHERE,children:"Heading with long word that should break anywhere: supercalifragilisticexpialidocious"}),e.jsx(i.default,{elementType:"h3",size:"xsmall",textWordBreak:r.TextWordBreaks.LONG_WORDS,children:"Heading with long word that should break at long words: supercalifragilisticexpialidocious"})]});exports.default=s;
+//# sourceMappingURL=HeadingWordBreak.cjs.map

package/dist/components/Heading/demo/HeadingWordBreak.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingWordBreak.cjs","sources":["../../../../src/components/Heading/demo/HeadingWordBreak.tsx"],"sourcesContent":["import React from 'react';\nimport { TextWordBreaks } from '../../../constants';\nimport Heading from '../Heading';\n\nconst HeadingWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Heading elementType=\"h3\" size=\"xsmall\">\n      Heading with no specific word break: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h3\" size=\"xsmall\" textWordBreak={TextWordBreaks.ANYWHERE}>\n      Heading with long word that should break anywhere: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h3\" size=\"xsmall\" textWordBreak={TextWordBreaks.LONG_WORDS}>\n      Heading with long word that should break at long words: supercalifragilisticexpialidocious\n    </Heading>\n  </div>\n);\n\nexport default HeadingWordBreak;\n"],"names":["HeadingWordBreak","jsxs","jsx","Heading","TextWordBreaks"],"mappings":"sNAIMA,EAAmB,IACvBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,OAAA,EAAW,UAAU,wCAC3C,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,0EAExC,EACAD,EAAAA,IAACC,EAAAA,SAAQ,YAAY,KAAK,KAAK,SAAS,cAAeC,EAAAA,eAAe,SAAU,SAAA,uFAAA,CAEhF,EACAF,EAAAA,IAACC,EAAAA,SAAQ,YAAY,KAAK,KAAK,SAAS,cAAeC,EAAAA,eAAe,WAAY,SAAA,4FAAA,CAElF,CAAA,CAAA,CACF"}

package/dist/components/Heading/demo/HeadingWordBreak.js

@@ -0,0 +1,12 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { TextWordBreaks as r } from "../../../constants/text.js";
+import i from "../Heading.js";
+const l = () => /* @__PURE__ */ a("div", { style: { maxWidth: "200px" }, className: "border-100 border-dashed border-basic", children: [
+  /* @__PURE__ */ e(i, { elementType: "h3", size: "xsmall", children: "Heading with no specific word break: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ e(i, { elementType: "h3", size: "xsmall", textWordBreak: r.ANYWHERE, children: "Heading with long word that should break anywhere: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ e(i, { elementType: "h3", size: "xsmall", textWordBreak: r.LONG_WORDS, children: "Heading with long word that should break at long words: supercalifragilisticexpialidocious" })
+] });
+export {
+  l as default
+};
+//# sourceMappingURL=HeadingWordBreak.js.map

package/dist/components/Heading/demo/HeadingWordBreak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingWordBreak.js","sources":["../../../../src/components/Heading/demo/HeadingWordBreak.tsx"],"sourcesContent":["import React from 'react';\nimport { TextWordBreaks } from '../../../constants';\nimport Heading from '../Heading';\n\nconst HeadingWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Heading elementType=\"h3\" size=\"xsmall\">\n      Heading with no specific word break: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h3\" size=\"xsmall\" textWordBreak={TextWordBreaks.ANYWHERE}>\n      Heading with long word that should break anywhere: supercalifragilisticexpialidocious\n    </Heading>\n    <Heading elementType=\"h3\" size=\"xsmall\" textWordBreak={TextWordBreaks.LONG_WORDS}>\n      Heading with long word that should break at long words: supercalifragilisticexpialidocious\n    </Heading>\n  </div>\n);\n\nexport default HeadingWordBreak;\n"],"names":["HeadingWordBreak","jsxs","jsx","Heading","TextWordBreaks"],"mappings":";;;AAIA,MAAMA,IAAmB,MACvB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,QAAA,GAAW,WAAU,yCAC3C,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,2EAExC;AAAA,EACA,gBAAAD,EAACC,KAAQ,aAAY,MAAK,MAAK,UAAS,eAAeC,EAAe,UAAU,UAAA,wFAAA,CAEhF;AAAA,EACA,gBAAAF,EAACC,KAAQ,aAAY,MAAK,MAAK,UAAS,eAAeC,EAAe,YAAY,UAAA,6FAAA,CAElF;AAAA,EAAA,CACF;"}

package/dist/components/Heading/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("./HeadingAlignment.cjs"),n=require("./HeadingBalanced.cjs"),r=require("./HeadingDefault.cjs"),l=require("./HeadingEmphasis.cjs"),a=require("./HeadingHyphens.cjs"),d=require("./HeadingSizes.cjs"),c=require("./HeadingTextColor.cjs"),u=require("./HeadingWordBreak.cjs"),o=()=>e.jsxs(i.StrictMode,{children:[e.jsx(t.default,{title:"Default",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Sizes",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Emphasis",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Colors",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Alignment",stackAlignment:"stretch",children:e.jsx(s.default,{})}),e.jsx(t.default,{title:"Balanced Wrapping",stackAlignment:"stretch",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Word Break",stackAlignment:"stretch",children:e.jsx(u.default,{})}),e.jsx(t.default,{title:"Text Hyphens",stackAlignment:"stretch",children:e.jsx(a.default,{})})]});exports.Preview=o;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Heading/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Heading/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport HeadingAlignment from './HeadingAlignment';\nimport HeadingBalanced from './HeadingBalanced';\nimport HeadingDefault from './HeadingDefault';\nimport HeadingEmphasis from './HeadingEmphasis';\nimport HeadingHyphens from './HeadingHyphens';\nimport HeadingSizes from './HeadingSizes';\nimport HeadingTextColor from './HeadingTextColor';\nimport HeadingWordBreak from './HeadingWordBreak';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\">\n      <HeadingDefault />\n    </DocsSection>\n    <DocsSection title=\"Sizes\">\n      <HeadingSizes />\n    </DocsSection>\n    <DocsSection title=\"Emphasis\">\n      <HeadingEmphasis />\n    </DocsSection>\n    <DocsSection title=\"Colors\">\n      <HeadingTextColor />\n    </DocsSection>\n    <DocsSection title=\"Alignment\" stackAlignment=\"stretch\">\n      <HeadingAlignment />\n    </DocsSection>\n    <DocsSection title=\"Balanced Wrapping\" stackAlignment=\"stretch\">\n      <HeadingBalanced />\n    </DocsSection>\n    <DocsSection title=\"Word Break\" stackAlignment=\"stretch\">\n      <HeadingWordBreak />\n    </DocsSection>\n    <DocsSection title=\"Text Hyphens\" stackAlignment=\"stretch\">\n      <HeadingHyphens />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","HeadingDefault","HeadingSizes","HeadingEmphasis","HeadingTextColor","HeadingAlignment","HeadingBalanced","HeadingWordBreak","HeadingHyphens"],"mappings":"geAaaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,UACjB,SAAAD,MAACE,EAAAA,UAAe,EAClB,QACCD,EAAAA,QAAA,CAAY,MAAM,QACjB,SAAAD,MAACG,EAAAA,UAAa,EAChB,QACCF,EAAAA,QAAA,CAAY,MAAM,WACjB,SAAAD,MAACI,EAAAA,UAAgB,EACnB,QACCH,EAAAA,QAAA,CAAY,MAAM,SACjB,SAAAD,MAACK,EAAAA,UAAiB,EACpB,EACAL,EAAAA,IAACC,EAAAA,SAAY,MAAM,YAAY,eAAe,UAC5C,SAAAD,EAAAA,IAACM,YAAiB,CAAA,CACpB,EACAN,EAAAA,IAACC,EAAAA,SAAY,MAAM,oBAAoB,eAAe,UACpD,SAAAD,EAAAA,IAACO,YAAgB,CAAA,CACnB,EACAP,EAAAA,IAACC,EAAAA,SAAY,MAAM,aAAa,eAAe,UAC7C,SAAAD,EAAAA,IAACQ,YAAiB,CAAA,CACpB,EACAR,EAAAA,IAACC,EAAAA,SAAY,MAAM,eAAe,eAAe,UAC/C,SAAAD,EAAAA,IAACS,EAAAA,UAAe,CAAA,CAClB,CAAA,CAAA,CACF"}