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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridCustomSpacing.cjs","sources":["../../../../src/components/Grid/demo/GridCustomSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridCustomSpacing = () => (\n  <Grid cols={{ mobile: 2, tablet: 3, desktop: 4 }} spacing=\"space-1200\">\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridCustomSpacing;\n"],"names":["GridCustomSpacing","jsx","Grid","GridItemFactory"],"mappings":"6MAIMA,EAAoB,IACxBC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,GAAK,QAAQ,aACxD,SAAAD,EAAAA,IAACE,EAAAA,SAAgB,MAAO,EAAG,MAAM,eAAA,CAAgB,CAAA,CACnD"}

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

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "../Grid.js";
+import r from "./GridItemFactory.js";
+const m = () => /* @__PURE__ */ t(o, { cols: { mobile: 2, tablet: 3, desktop: 4 }, spacing: "space-1200", children: /* @__PURE__ */ t(r, { items: 4, label: "1/2, 1/3, 1/4" }) });
+export {
+  m as default
+};
+//# sourceMappingURL=GridCustomSpacing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridCustomSpacing.js","sources":["../../../../src/components/Grid/demo/GridCustomSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridCustomSpacing = () => (\n  <Grid cols={{ mobile: 2, tablet: 3, desktop: 4 }} spacing=\"space-1200\">\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridCustomSpacing;\n"],"names":["GridCustomSpacing","jsx","Grid","GridItemFactory"],"mappings":";;;AAIA,MAAMA,IAAoB,MACxB,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,KAAK,SAAQ,cACxD,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,gBAAA,CAAgB,EAAA,CACnD;"}

package/dist/components/Grid/demo/GridEqual.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("../Grid.cjs"),s=require("./GridItemFactory.cjs"),t=()=>e.jsxs(e.Fragment,{children:[e.jsx(l.default,{cols:12,children:e.jsx(s.default,{items:12,label:"1/12"})}),e.jsx(l.default,{cols:6,children:e.jsx(s.default,{items:6,label:"1/6"})}),e.jsx(l.default,{cols:5,children:e.jsx(s.default,{items:5,label:"1/5"})}),e.jsx(l.default,{cols:4,children:e.jsx(s.default,{items:4,label:"1/4"})}),e.jsx(l.default,{cols:3,children:e.jsx(s.default,{items:3,label:"1/3"})}),e.jsx(l.default,{cols:2,children:e.jsx(s.default,{items:2,label:"1/2"})}),e.jsx(l.default,{cols:1,children:e.jsx(s.default,{items:1,label:"1"})})]});exports.default=t;
+//# sourceMappingURL=GridEqual.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridEqual.cjs","sources":["../../../../src/components/Grid/demo/GridEqual.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridEqual = () => (\n  <>\n    <Grid cols={12}>\n      <GridItemFactory items={12} label=\"1/12\" />\n    </Grid>\n    <Grid cols={6}>\n      <GridItemFactory items={6} label=\"1/6\" />\n    </Grid>\n    <Grid cols={5}>\n      <GridItemFactory items={5} label=\"1/5\" />\n    </Grid>\n    <Grid cols={4}>\n      <GridItemFactory items={4} label=\"1/4\" />\n    </Grid>\n    <Grid cols={3}>\n      <GridItemFactory items={3} label=\"1/3\" />\n    </Grid>\n    <Grid cols={2}>\n      <GridItemFactory items={2} label=\"1/2\" />\n    </Grid>\n    <Grid cols={1}>\n      <GridItemFactory items={1} label=\"1\" />\n    </Grid>\n  </>\n);\n\nexport default GridEqual;\n"],"names":["GridEqual","jsxs","Fragment","jsx","Grid","GridItemFactory"],"mappings":"6MAIMA,EAAY,IAChBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,GACV,SAAAD,EAAAA,IAACE,WAAgB,MAAO,GAAI,MAAM,MAAA,CAAO,CAAA,CAC3C,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAAD,EAAAA,IAACE,WAAgB,MAAO,EAAG,MAAM,KAAA,CAAM,CAAA,CACzC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAAD,EAAAA,IAACE,WAAgB,MAAO,EAAG,MAAM,KAAA,CAAM,CAAA,CACzC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAAD,EAAAA,IAACE,WAAgB,MAAO,EAAG,MAAM,KAAA,CAAM,CAAA,CACzC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAAD,EAAAA,IAACE,WAAgB,MAAO,EAAG,MAAM,KAAA,CAAM,CAAA,CACzC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAAD,EAAAA,IAACE,WAAgB,MAAO,EAAG,MAAM,KAAA,CAAM,CAAA,CACzC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAAD,EAAAA,IAACE,EAAAA,SAAgB,MAAO,EAAG,MAAM,GAAA,CAAI,CAAA,CACvC,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,16 @@
+import { jsxs as r, Fragment as s, jsx as l } from "react/jsx-runtime";
+import e from "../Grid.js";
+import i from "./GridItemFactory.js";
+const m = () => /* @__PURE__ */ r(s, { children: [
+  /* @__PURE__ */ l(e, { cols: 12, children: /* @__PURE__ */ l(i, { items: 12, label: "1/12" }) }),
+  /* @__PURE__ */ l(e, { cols: 6, children: /* @__PURE__ */ l(i, { items: 6, label: "1/6" }) }),
+  /* @__PURE__ */ l(e, { cols: 5, children: /* @__PURE__ */ l(i, { items: 5, label: "1/5" }) }),
+  /* @__PURE__ */ l(e, { cols: 4, children: /* @__PURE__ */ l(i, { items: 4, label: "1/4" }) }),
+  /* @__PURE__ */ l(e, { cols: 3, children: /* @__PURE__ */ l(i, { items: 3, label: "1/3" }) }),
+  /* @__PURE__ */ l(e, { cols: 2, children: /* @__PURE__ */ l(i, { items: 2, label: "1/2" }) }),
+  /* @__PURE__ */ l(e, { cols: 1, children: /* @__PURE__ */ l(i, { items: 1, label: "1" }) })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=GridEqual.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridEqual.js","sources":["../../../../src/components/Grid/demo/GridEqual.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridEqual = () => (\n  <>\n    <Grid cols={12}>\n      <GridItemFactory items={12} label=\"1/12\" />\n    </Grid>\n    <Grid cols={6}>\n      <GridItemFactory items={6} label=\"1/6\" />\n    </Grid>\n    <Grid cols={5}>\n      <GridItemFactory items={5} label=\"1/5\" />\n    </Grid>\n    <Grid cols={4}>\n      <GridItemFactory items={4} label=\"1/4\" />\n    </Grid>\n    <Grid cols={3}>\n      <GridItemFactory items={3} label=\"1/3\" />\n    </Grid>\n    <Grid cols={2}>\n      <GridItemFactory items={2} label=\"1/2\" />\n    </Grid>\n    <Grid cols={1}>\n      <GridItemFactory items={1} label=\"1\" />\n    </Grid>\n  </>\n);\n\nexport default GridEqual;\n"],"names":["GridEqual","jsxs","Fragment","jsx","Grid","GridItemFactory"],"mappings":";;;AAIA,MAAMA,IAAY,MAChB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,MAAM,IACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,IAAI,OAAM,OAAA,CAAO,EAAA,CAC3C;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,GACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,MAAA,CAAM,EAAA,CACzC;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,GACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,MAAA,CAAM,EAAA,CACzC;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,GACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,MAAA,CAAM,EAAA,CACzC;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,GACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,MAAA,CAAM,EAAA,CACzC;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,GACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,MAAA,CAAM,EAAA,CACzC;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,MAAM,GACV,UAAA,gBAAAD,EAACE,KAAgB,OAAO,GAAG,OAAM,IAAA,CAAI,EAAA,CACvC;AAAA,EAAA,CACF;"}

package/dist/components/Grid/demo/GridItem.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"),l=require("../Grid.cjs"),r=require("../GridItem.cjs"),s=()=>e.jsxs(l.default,{children:[e.jsx(r.default,{columnStart:1,columnEnd:8,children:e.jsx(t.default,{size:"small",children:"Content"})}),e.jsx(r.default,{columnStart:9,columnEnd:"span 4",children:e.jsx(t.default,{size:"small",children:"Sidebar"})})]});exports.default=s;
+//# sourceMappingURL=GridItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.cjs","sources":["../../../../src/components/Grid/demo/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridItemDemo = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={8}>\n      <DocsBox size=\"small\">Content</DocsBox>\n    </GridItem>\n    <GridItem columnStart={9} columnEnd=\"span 4\">\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridItemDemo;\n"],"names":["GridItemDemo","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":"wPAKMA,EAAe,IACnBC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAW,EACnC,eAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAA,CAAO,EAC/B,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAU,SAClC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAA,CAAO,CAAA,CAC/B,CAAA,CAAA,CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sources":["../../../../src/components/Grid/demo/GridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridItemDemo = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={8}>\n      <DocsBox size=\"small\">Content</DocsBox>\n    </GridItem>\n    <GridItem columnStart={9} columnEnd=\"span 4\">\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridItemDemo;\n"],"names":["GridItemDemo","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":";;;;AAKA,MAAMA,IAAe,MACnB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,aAAa,GAAG,WAAW,GACnC,4BAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAA,CAAO,GAC/B;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAS,aAAa,GAAG,WAAU,UAClC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAA,CAAO,EAAA,CAC/B;AAAA,EAAA,CACF;"}

package/dist/components/Grid/demo/GridItemFactory.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("../../../web-react/docs/DocsBox.cjs"),o=({items:r,label:t})=>e.jsx(e.Fragment,{children:Array.from({length:r},(u,s)=>e.jsx(i.default,{size:"small",children:t},`${t}-${s}`))});exports.default=o;
+//# sourceMappingURL=GridItemFactory.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItemFactory.cjs","sources":["../../../../src/components/Grid/demo/GridItemFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\n\ntype GridItemFactoryProps = {\n  items: number;\n  label: string;\n};\n\nconst GridItemFactory = ({ items, label }: GridItemFactoryProps) => (\n  <>\n    {Array.from({ length: items }, (_, index) => (\n      <DocsBox key={`${label}-${index}`} size=\"small\">\n        {label}\n      </DocsBox>\n    ))}\n  </>\n);\n\nexport default GridItemFactory;\n"],"names":["GridItemFactory","items","label","jsx","Fragment","_","index","DocsBox"],"mappings":"kMAQMA,EAAkB,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IAChCC,EAAAA,IAAAC,EAAAA,SAAA,CACG,SAAA,MAAM,KAAK,CAAE,OAAQH,CAAA,EAAS,CAACI,EAAGC,IACjCH,EAAAA,IAACI,EAAAA,QAAA,CAAkC,KAAK,QACrC,SAAAL,GADW,GAAGA,CAAK,IAAII,CAAK,EAE/B,CACD,CAAA,CACH"}

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

@@ -0,0 +1,7 @@
+import { jsx as t, Fragment as m } from "react/jsx-runtime";
+import s from "../../../web-react/docs/DocsBox.js";
+const n = ({ items: o, label: r }) => /* @__PURE__ */ t(m, { children: Array.from({ length: o }, (i, e) => /* @__PURE__ */ t(s, { size: "small", children: r }, `${r}-${e}`)) });
+export {
+  n as default
+};
+//# sourceMappingURL=GridItemFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItemFactory.js","sources":["../../../../src/components/Grid/demo/GridItemFactory.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\n\ntype GridItemFactoryProps = {\n  items: number;\n  label: string;\n};\n\nconst GridItemFactory = ({ items, label }: GridItemFactoryProps) => (\n  <>\n    {Array.from({ length: items }, (_, index) => (\n      <DocsBox key={`${label}-${index}`} size=\"small\">\n        {label}\n      </DocsBox>\n    ))}\n  </>\n);\n\nexport default GridItemFactory;\n"],"names":["GridItemFactory","items","label","jsx","Fragment","_","index","DocsBox"],"mappings":";;AAQA,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAA,MAChC,gBAAAC,EAAAC,GAAA,EACG,UAAA,MAAM,KAAK,EAAE,QAAQH,EAAA,GAAS,CAACI,GAAGC,MACjC,gBAAAH,EAACI,GAAA,EAAkC,MAAK,SACrC,UAAAL,KADW,GAAGA,CAAK,IAAII,CAAK,EAE/B,CACD,EAAA,CACH;"}

package/dist/components/Grid/demo/GridItemRow.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"),r=require("../GridItem.cjs"),l=()=>e.jsxs(s.default,{children:[e.jsx(r.default,{columnStart:1,columnEnd:8,children:e.jsx(t.default,{size:"small",children:"Content"})}),e.jsx(r.default,{columnStart:9,columnEnd:"span 4",rowStart:{desktop:2},children:e.jsx(t.default,{size:"small",children:"Sidebar"})})]});exports.default=l;
+//# sourceMappingURL=GridItemRow.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItemRow.cjs","sources":["../../../../src/components/Grid/demo/GridItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridItemRow = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={8}>\n      <DocsBox size=\"small\">Content</DocsBox>\n    </GridItem>\n    <GridItem columnStart={9} columnEnd=\"span 4\" rowStart={{ desktop: 2 }}>\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridItemRow;\n"],"names":["GridItemRow","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":"wPAKMA,EAAc,IAClBC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAW,EACnC,eAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,SAAA,CAAO,EAC/B,QACCD,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAU,SAAS,SAAU,CAAE,QAAS,CAAA,EAChE,SAAAD,EAAAA,IAACE,UAAA,CAAQ,KAAK,QAAQ,mBAAO,CAAA,CAC/B,CAAA,CAAA,CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItemRow.js","sources":["../../../../src/components/Grid/demo/GridItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridItemRow = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={8}>\n      <DocsBox size=\"small\">Content</DocsBox>\n    </GridItem>\n    <GridItem columnStart={9} columnEnd=\"span 4\" rowStart={{ desktop: 2 }}>\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridItemRow;\n"],"names":["GridItemRow","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":";;;;AAKA,MAAMA,IAAc,MAClB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,aAAa,GAAG,WAAW,GACnC,4BAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,UAAA,CAAO,GAC/B;AAAA,oBACCD,GAAA,EAAS,aAAa,GAAG,WAAU,UAAS,UAAU,EAAE,SAAS,EAAA,GAChE,UAAA,gBAAAD,EAACE,GAAA,EAAQ,MAAK,SAAQ,qBAAO,EAAA,CAC/B;AAAA,EAAA,CACF;"}

package/dist/components/Grid/demo/GridNestedGridItem.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("../../../web-react/docs/DocsBox.cjs"),s=require("../Grid.cjs"),t=require("../GridItem.cjs"),n=()=>e.jsxs(s.default,{children:[e.jsx(t.default,{columnStart:1,columnEnd:{mobile:9,tablet:10},children:e.jsx("div",{className:"bg-secondary py-500",children:e.jsxs(s.default,{children:[e.jsx(t.default,{columnStart:1,columnEnd:"span 4",children:e.jsx(l.default,{size:"small",children:"First Nested Content"})}),e.jsx(t.default,{columnStart:6,columnEnd:"span 5",children:e.jsx(l.default,{size:"small",children:"Second Nested Content"})})]})})}),e.jsx(t.default,{columnStart:{mobile:9,tablet:10},columnEnd:{mobile:"span 4",tablet:"span 3"},children:e.jsx(l.default,{size:"small",children:"Sidebar"})})]});exports.default=n;
+//# sourceMappingURL=GridNestedGridItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridNestedGridItem.cjs","sources":["../../../../src/components/Grid/demo/GridNestedGridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridNestedGridItem = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={{ mobile: 9, tablet: 10 }}>\n      <div className=\"bg-secondary py-500\">\n        <Grid>\n          <GridItem columnStart={1} columnEnd=\"span 4\">\n            <DocsBox size=\"small\">First Nested Content</DocsBox>\n          </GridItem>\n          <GridItem columnStart={6} columnEnd=\"span 5\">\n            <DocsBox size=\"small\">Second Nested Content</DocsBox>\n          </GridItem>\n        </Grid>\n      </div>\n    </GridItem>\n    <GridItem columnStart={{ mobile: 9, tablet: 10 }} columnEnd={{ mobile: 'span 4', tablet: 'span 3' }}>\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridNestedGridItem;\n"],"names":["GridNestedGridItem","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":"wPAKMA,EAAqB,IACzBC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAW,CAAE,OAAQ,EAAG,OAAQ,EAAA,EACxD,SAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,sBACb,gBAACD,UAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAU,SAClC,eAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,sBAAA,CAAoB,EAC5C,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAS,YAAa,EAAG,UAAU,SAClC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,uBAAA,CAAqB,CAAA,CAC7C,CAAA,CAAA,CACF,EACF,EACF,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/GridNestedGridItem.js

@@ -0,0 +1,15 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import t from "../../../web-react/docs/DocsBox.js";
+import r from "../Grid.js";
+import n from "../GridItem.js";
+const s = () => /* @__PURE__ */ l(r, { children: [
+  /* @__PURE__ */ e(n, { columnStart: 1, columnEnd: { mobile: 9, tablet: 10 }, children: /* @__PURE__ */ e("div", { className: "bg-secondary py-500", children: /* @__PURE__ */ l(r, { children: [
+    /* @__PURE__ */ e(n, { columnStart: 1, columnEnd: "span 4", children: /* @__PURE__ */ e(t, { size: "small", children: "First Nested Content" }) }),
+    /* @__PURE__ */ e(n, { columnStart: 6, columnEnd: "span 5", children: /* @__PURE__ */ e(t, { size: "small", children: "Second Nested Content" }) })
+  ] }) }) }),
+  /* @__PURE__ */ e(n, { columnStart: { mobile: 9, tablet: 10 }, columnEnd: { mobile: "span 4", tablet: "span 3" }, children: /* @__PURE__ */ e(t, { size: "small", children: "Sidebar" }) })
+] });
+export {
+  s as default
+};
+//# sourceMappingURL=GridNestedGridItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridNestedGridItem.js","sources":["../../../../src/components/Grid/demo/GridNestedGridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridNestedGridItem = () => (\n  <Grid>\n    <GridItem columnStart={1} columnEnd={{ mobile: 9, tablet: 10 }}>\n      <div className=\"bg-secondary py-500\">\n        <Grid>\n          <GridItem columnStart={1} columnEnd=\"span 4\">\n            <DocsBox size=\"small\">First Nested Content</DocsBox>\n          </GridItem>\n          <GridItem columnStart={6} columnEnd=\"span 5\">\n            <DocsBox size=\"small\">Second Nested Content</DocsBox>\n          </GridItem>\n        </Grid>\n      </div>\n    </GridItem>\n    <GridItem columnStart={{ mobile: 9, tablet: 10 }} columnEnd={{ mobile: 'span 4', tablet: 'span 3' }}>\n      <DocsBox size=\"small\">Sidebar</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridNestedGridItem;\n"],"names":["GridNestedGridItem","jsxs","Grid","jsx","GridItem","DocsBox"],"mappings":";;;;AAKA,MAAMA,IAAqB,MACzB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,aAAa,GAAG,WAAW,EAAE,QAAQ,GAAG,QAAQ,GAAA,GACxD,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uBACb,4BAACD,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,aAAa,GAAG,WAAU,UAClC,4BAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,uBAAA,CAAoB,GAC5C;AAAA,IACA,gBAAAF,EAACC,GAAA,EAAS,aAAa,GAAG,WAAU,UAClC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,MAAK,SAAQ,UAAA,wBAAA,CAAqB,EAAA,CAC7C;AAAA,EAAA,EAAA,CACF,GACF,GACF;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/GridResponsive.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("../Grid.cjs"),s=require("./GridItemFactory.cjs"),r=()=>e.jsx(t.default,{cols:{mobile:2,tablet:3,desktop:4},children:e.jsx(s.default,{items:4,label:"1/2, 1/3, 1/4"})});exports.default=r;
+//# sourceMappingURL=GridResponsive.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsive.cjs","sources":["../../../../src/components/Grid/demo/GridResponsive.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsive = () => (\n  <Grid cols={{ mobile: 2, tablet: 3, desktop: 4 }}>\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsive;\n"],"names":["GridResponsive","jsx","Grid","GridItemFactory"],"mappings":"6MAIMA,EAAiB,IACrBC,MAACC,EAAAA,SAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,GAC3C,SAAAD,EAAAA,IAACE,UAAA,CAAgB,MAAO,EAAG,MAAM,gBAAgB,CAAA,CACnD"}

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

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "../Grid.js";
+import r from "./GridItemFactory.js";
+const m = () => /* @__PURE__ */ t(o, { cols: { mobile: 2, tablet: 3, desktop: 4 }, children: /* @__PURE__ */ t(r, { items: 4, label: "1/2, 1/3, 1/4" }) });
+export {
+  m as default
+};
+//# sourceMappingURL=GridResponsive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsive.js","sources":["../../../../src/components/Grid/demo/GridResponsive.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsive = () => (\n  <Grid cols={{ mobile: 2, tablet: 3, desktop: 4 }}>\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsive;\n"],"names":["GridResponsive","jsx","Grid","GridItemFactory"],"mappings":";;;AAIA,MAAMA,IAAiB,MACrB,gBAAAC,EAACC,KAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,KAC3C,UAAA,gBAAAD,EAACE,GAAA,EAAgB,OAAO,GAAG,OAAM,iBAAgB,EAAA,CACnD;"}

package/dist/components/Grid/demo/GridResponsiveAlignment.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("../../../web-react/docs/DocsBox.cjs"),t=require("../Grid.cjs"),s=()=>e.jsxs(t.default,{cols:2,children:[e.jsx(t.default,{cols:1,alignmentX:{tablet:"center",desktop:"right"},alignmentY:{tablet:"center",desktop:"bottom"},UNSAFE_className:"bg-secondary",children:e.jsxs(l.default,{size:"small",children:["Horizontal Alignment",e.jsx("br",{}),"…"]})}),e.jsx(t.default,{cols:1,alignmentX:{mobile:"left",tablet:"center",desktop:"right"},alignmentY:{mobile:"top",tablet:"center",desktop:"bottom"},UNSAFE_className:"bg-secondary",children:e.jsx(l.default,{size:"small",children:"Vertical Alignment"})})]});exports.default=s;
+//# sourceMappingURL=GridResponsiveAlignment.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveAlignment.cjs","sources":["../../../../src/components/Grid/demo/GridResponsiveAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\n\nconst GridResponsiveAlignment = () => (\n  <Grid cols={2}>\n    <Grid\n      cols={1}\n      alignmentX={{ tablet: 'center', desktop: 'right' }}\n      alignmentY={{ tablet: 'center', desktop: 'bottom' }}\n      UNSAFE_className=\"bg-secondary\"\n    >\n      <DocsBox size=\"small\">\n        Horizontal Alignment\n        <br />…\n      </DocsBox>\n    </Grid>\n    <Grid\n      cols={1}\n      alignmentX={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n      alignmentY={{ mobile: 'top', tablet: 'center', desktop: 'bottom' }}\n      UNSAFE_className=\"bg-secondary\"\n    >\n      <DocsBox size=\"small\">Vertical Alignment</DocsBox>\n    </Grid>\n  </Grid>\n);\n\nexport default GridResponsiveAlignment;\n"],"names":["GridResponsiveAlignment","jsxs","Grid","jsx","DocsBox"],"mappings":"2NAIMA,EAA0B,IAC9BC,EAAAA,KAACC,EAAAA,QAAA,CAAK,KAAM,EACV,SAAA,CAAAC,EAAAA,IAACD,EAAAA,QAAA,CACC,KAAM,EACN,WAAY,CAAE,OAAQ,SAAU,QAAS,OAAA,EACzC,WAAY,CAAE,OAAQ,SAAU,QAAS,QAAA,EACzC,iBAAiB,eAEjB,SAAAD,EAAAA,KAACG,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,CAAA,6BAEnB,KAAA,EAAG,EAAE,GAAA,CAAA,CACR,CAAA,CAAA,EAEFD,EAAAA,IAACD,EAAAA,QAAA,CACC,KAAM,EACN,WAAY,CAAE,OAAQ,OAAQ,OAAQ,SAAU,QAAS,OAAA,EACzD,WAAY,CAAE,OAAQ,MAAO,OAAQ,SAAU,QAAS,QAAA,EACxD,iBAAiB,eAEjB,SAAAC,EAAAA,IAACC,UAAA,CAAQ,KAAK,QAAQ,SAAA,oBAAA,CAAkB,CAAA,CAAA,CAC1C,CAAA,CACF"}

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

@@ -0,0 +1,33 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import o from "../../../web-react/docs/DocsBox.js";
+import t from "../Grid.js";
+const r = () => /* @__PURE__ */ l(t, { cols: 2, children: [
+  /* @__PURE__ */ e(
+    t,
+    {
+      cols: 1,
+      alignmentX: { tablet: "center", desktop: "right" },
+      alignmentY: { tablet: "center", desktop: "bottom" },
+      UNSAFE_className: "bg-secondary",
+      children: /* @__PURE__ */ l(o, { size: "small", children: [
+        "Horizontal Alignment",
+        /* @__PURE__ */ e("br", {}),
+        "…"
+      ] })
+    }
+  ),
+  /* @__PURE__ */ e(
+    t,
+    {
+      cols: 1,
+      alignmentX: { mobile: "left", tablet: "center", desktop: "right" },
+      alignmentY: { mobile: "top", tablet: "center", desktop: "bottom" },
+      UNSAFE_className: "bg-secondary",
+      children: /* @__PURE__ */ e(o, { size: "small", children: "Vertical Alignment" })
+    }
+  )
+] });
+export {
+  r as default
+};
+//# sourceMappingURL=GridResponsiveAlignment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveAlignment.js","sources":["../../../../src/components/Grid/demo/GridResponsiveAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\n\nconst GridResponsiveAlignment = () => (\n  <Grid cols={2}>\n    <Grid\n      cols={1}\n      alignmentX={{ tablet: 'center', desktop: 'right' }}\n      alignmentY={{ tablet: 'center', desktop: 'bottom' }}\n      UNSAFE_className=\"bg-secondary\"\n    >\n      <DocsBox size=\"small\">\n        Horizontal Alignment\n        <br />…\n      </DocsBox>\n    </Grid>\n    <Grid\n      cols={1}\n      alignmentX={{ mobile: 'left', tablet: 'center', desktop: 'right' }}\n      alignmentY={{ mobile: 'top', tablet: 'center', desktop: 'bottom' }}\n      UNSAFE_className=\"bg-secondary\"\n    >\n      <DocsBox size=\"small\">Vertical Alignment</DocsBox>\n    </Grid>\n  </Grid>\n);\n\nexport default GridResponsiveAlignment;\n"],"names":["GridResponsiveAlignment","jsxs","Grid","jsx","DocsBox"],"mappings":";;;AAIA,MAAMA,IAA0B,MAC9B,gBAAAC,EAACC,GAAA,EAAK,MAAM,GACV,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,YAAY,EAAE,QAAQ,UAAU,SAAS,QAAA;AAAA,MACzC,YAAY,EAAE,QAAQ,UAAU,SAAS,SAAA;AAAA,MACzC,kBAAiB;AAAA,MAEjB,UAAA,gBAAAD,EAACG,GAAA,EAAQ,MAAK,SAAQ,UAAA;AAAA,QAAA;AAAA,0BAEnB,MAAA,EAAG;AAAA,QAAE;AAAA,MAAA,EAAA,CACR;AAAA,IAAA;AAAA,EAAA;AAAA,EAEF,gBAAAD;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,YAAY,EAAE,QAAQ,QAAQ,QAAQ,UAAU,SAAS,QAAA;AAAA,MACzD,YAAY,EAAE,QAAQ,OAAO,QAAQ,UAAU,SAAS,SAAA;AAAA,MACxD,kBAAiB;AAAA,MAEjB,UAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,qBAAA,CAAkB;AAAA,IAAA;AAAA,EAAA;AAC1C,EAAA,CACF;"}

package/dist/components/Grid/demo/GridResponsiveCenteredGridItem.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"),r=require("../GridItem.cjs"),n=()=>e.jsx(s.default,{children:e.jsx(r.default,{columnStart:{mobile:4,tablet:5,desktop:6},columnEnd:{mobile:"span 6",tablet:"span 4",desktop:"span 2"},children:e.jsx(t.default,{size:"small",children:"Centered Content"})})});exports.default=n;
+//# sourceMappingURL=GridResponsiveCenteredGridItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCenteredGridItem.cjs","sources":["../../../../src/components/Grid/demo/GridResponsiveCenteredGridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridResponsiveCenteredGridItem = () => (\n  <Grid>\n    <GridItem\n      columnStart={{\n        mobile: 4,\n        tablet: 5,\n        desktop: 6,\n      }}\n      columnEnd={{\n        mobile: 'span 6',\n        tablet: 'span 4',\n        desktop: 'span 2',\n      }}\n    >\n      <DocsBox size=\"small\">Centered Content</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridResponsiveCenteredGridItem;\n"],"names":["GridResponsiveCenteredGridItem","jsx","Grid","GridItem","DocsBox"],"mappings":"wPAKMA,EAAiC,IACrCC,EAAAA,IAACC,UAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CACC,YAAa,CACX,OAAQ,EACR,OAAQ,EACR,QAAS,CAAA,EAEX,UAAW,CACT,OAAQ,SACR,OAAQ,SACR,QAAS,QAAA,EAGX,SAAAF,EAAAA,IAACG,UAAA,CAAQ,KAAK,QAAQ,SAAA,kBAAA,CAAgB,CAAA,CACxC,CAAA,CACF"}

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

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../../web-react/docs/DocsBox.js";
+import o from "../Grid.js";
+import r from "../GridItem.js";
+const d = () => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
+  r,
+  {
+    columnStart: {
+      mobile: 4,
+      tablet: 5,
+      desktop: 6
+    },
+    columnEnd: {
+      mobile: "span 6",
+      tablet: "span 4",
+      desktop: "span 2"
+    },
+    children: /* @__PURE__ */ e(t, { size: "small", children: "Centered Content" })
+  }
+) });
+export {
+  d as default
+};
+//# sourceMappingURL=GridResponsiveCenteredGridItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCenteredGridItem.js","sources":["../../../../src/components/Grid/demo/GridResponsiveCenteredGridItem.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\nimport GridItem from '../GridItem';\n\nconst GridResponsiveCenteredGridItem = () => (\n  <Grid>\n    <GridItem\n      columnStart={{\n        mobile: 4,\n        tablet: 5,\n        desktop: 6,\n      }}\n      columnEnd={{\n        mobile: 'span 6',\n        tablet: 'span 4',\n        desktop: 'span 2',\n      }}\n    >\n      <DocsBox size=\"small\">Centered Content</DocsBox>\n    </GridItem>\n  </Grid>\n);\n\nexport default GridResponsiveCenteredGridItem;\n"],"names":["GridResponsiveCenteredGridItem","jsx","Grid","GridItem","DocsBox"],"mappings":";;;;AAKA,MAAMA,IAAiC,MACrC,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAGX,UAAA,gBAAAF,EAACG,GAAA,EAAQ,MAAK,SAAQ,UAAA,mBAAA,CAAgB;AAAA,EAAA;AACxC,EAAA,CACF;"}

package/dist/components/Grid/demo/GridResponsiveCustomHorizontalSpacing.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("../Grid.cjs"),s=require("./GridItemFactory.cjs"),i=()=>e.jsx(t.default,{cols:{mobile:2,tablet:3,desktop:4},spacingX:{mobile:"space-100",tablet:"space-500",desktop:"space-1100"},children:e.jsx(s.default,{items:4,label:"1/2, 1/3, 1/4"})});exports.default=i;
+//# sourceMappingURL=GridResponsiveCustomHorizontalSpacing.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCustomHorizontalSpacing.cjs","sources":["../../../../src/components/Grid/demo/GridResponsiveCustomHorizontalSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsiveCustomHorizontalSpacing = () => (\n  <Grid\n    cols={{ mobile: 2, tablet: 3, desktop: 4 }}\n    spacingX={{\n      mobile: 'space-100',\n      tablet: 'space-500',\n      desktop: 'space-1100',\n    }}\n  >\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsiveCustomHorizontalSpacing;\n"],"names":["GridResponsiveCustomHorizontalSpacing","jsx","Grid","GridItemFactory"],"mappings":"6MAIMA,EAAwC,IAC5CC,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/GridResponsiveCustomHorizontalSpacing.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCustomHorizontalSpacing.js","sources":["../../../../src/components/Grid/demo/GridResponsiveCustomHorizontalSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsiveCustomHorizontalSpacing = () => (\n  <Grid\n    cols={{ mobile: 2, tablet: 3, desktop: 4 }}\n    spacingX={{\n      mobile: 'space-100',\n      tablet: 'space-500',\n      desktop: 'space-1100',\n    }}\n  >\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsiveCustomHorizontalSpacing;\n"],"names":["GridResponsiveCustomHorizontalSpacing","jsx","Grid","GridItemFactory"],"mappings":";;;AAIA,MAAMA,IAAwC,MAC5C,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/GridResponsiveCustomSpacing.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("../Grid.cjs"),s=require("./GridItemFactory.cjs"),i=()=>e.jsx(t.default,{cols:{mobile:2,tablet:3,desktop:4},spacingX:{mobile:"space-1200",tablet:"space-1100",desktop:"space-1600"},spacingY:{mobile:"space-1000",tablet:"space-1200",desktop:"space-0"},children:e.jsx(s.default,{items:4,label:"1/2, 1/3, 1/4"})});exports.default=i;
+//# sourceMappingURL=GridResponsiveCustomSpacing.cjs.map

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import s from "../Grid.js";
+import t from "./GridItemFactory.js";
+const i = () => /* @__PURE__ */ e(
+  s,
+  {
+    cols: { mobile: 2, tablet: 3, desktop: 4 },
+    spacingX: {
+      mobile: "space-1200",
+      tablet: "space-1100",
+      desktop: "space-1600"
+    },
+    spacingY: {
+      mobile: "space-1000",
+      tablet: "space-1200",
+      desktop: "space-0"
+    },
+    children: /* @__PURE__ */ e(t, { items: 4, label: "1/2, 1/3, 1/4" })
+  }
+);
+export {
+  i as default
+};
+//# sourceMappingURL=GridResponsiveCustomSpacing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsiveCustomSpacing.js","sources":["../../../../src/components/Grid/demo/GridResponsiveCustomSpacing.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../Grid';\nimport GridItemFactory from './GridItemFactory';\n\nconst GridResponsiveCustomSpacing = () => (\n  <Grid\n    cols={{ mobile: 2, tablet: 3, desktop: 4 }}\n    spacingX={{\n      mobile: 'space-1200',\n      tablet: 'space-1100',\n      desktop: 'space-1600',\n    }}\n    spacingY={{\n      mobile: 'space-1000',\n      tablet: 'space-1200',\n      desktop: 'space-0',\n    }}\n  >\n    <GridItemFactory items={4} label=\"1/2, 1/3, 1/4\" />\n  </Grid>\n);\n\nexport default GridResponsiveCustomSpacing;\n"],"names":["GridResponsiveCustomSpacing","jsx","Grid","GridItemFactory"],"mappings":";;;AAIA,MAAMA,IAA8B,MAClC,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,IAEX,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/GridResponsiveCustomVerticalSpacing.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("../Grid.cjs"),s=require("./GridItemFactory.cjs"),i=()=>e.jsx(t.default,{cols:{mobile:2,tablet:3,desktop:4},spacingY:{mobile:"space-100",tablet:"space-500",desktop:"space-1100"},children:e.jsx(s.default,{items:8,label:"1/2, 1/3, 1/4"})});exports.default=i;
+//# sourceMappingURL=GridResponsiveCustomVerticalSpacing.cjs.map

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/HeaderDialogLink.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),P=require("react"),y=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),m=require("./useHeaderStyleProps.cjs"),S=(t,o)=>{const{elementType:n="a",children:i,isCurrent:l,...a}=t,r=n,{classProps:p}=m.useHeaderStyleProps({isCurrentLink:l}),{styleProps:u,props:s}=y.useStyleProps(a),c=g.mergeStyleProps(r,{classProps:p.headerDialogLink,styleProps:u,otherProps:s});return d.jsx(r,{...s,...c,ref:o,children:i})},e=P.forwardRef(S);e.spiritComponent="HeaderDialogLink";e.displayName="HeaderDialogLink";exports.default=e;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),k=require("react"),g=require("../../hooks/styleProps.cjs"),m=require("../../hooks/useLinkClick.cjs"),C=require("../../utils/mergeStyleProps.cjs"),L=require("./useHeaderStyleProps.cjs"),S=(t,n)=>{const{elementType:i="a",children:l,isCurrent:c,routerOptions:u,...r}=t,s=i,{classProps:a}=L.useHeaderStyleProps({isCurrentLink:c}),{styleProps:p,props:o}=g.useStyleProps(r),d=C.mergeStyleProps(s,{classProps:a.headerDialogLink,styleProps:p,otherProps:o}),P=m.useLinkClick({...r,routerOptions:u});return y.jsx(s,{...o,...d,onClick:P,ref:n,children:l})},e=k.forwardRef(S);e.spiritComponent="HeaderDialogLink";e.displayName="HeaderDialogLink";exports.default=e;
 //# sourceMappingURL=HeaderDialogLink.cjs.map

package/dist/components/Header/HeaderDialogLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDialogLink.cjs","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","HeaderDialogLink","forwardRef"],"mappings":"6SAaMA,EAAoB,CACxBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAcL,EAE3DM,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeJ,EAAW,EACjE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,iBAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAED,aACGJ,EAAA,CAAW,GAAGI,EAAa,GAAGE,EAAkB,IAAAX,EAC9C,SAAAE,EACH,CAEJ,EAEMW,EAAmBC,EAAAA,WACvBhB,CACF,EAEAe,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}
+{"version":3,"file":"HeaderDialogLink.cjs","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderDialogLink","forwardRef"],"mappings":"uVAaMA,EAAoB,CACxBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,cAAAC,EAAe,GAAGC,GAAcN,EAE1EO,EAAYL,EAEZ,CAAE,WAAAM,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeL,EAAW,EACjE,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,iBAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAEKI,EAAcC,EAAAA,aAAa,CAAE,GAAGV,EAAW,cAAAD,EAAe,EAEhE,OACEY,MAACV,GAAW,GAAGI,EAAa,GAAGE,EAAkB,QAASE,EAAa,IAAAd,EACpE,SAAAE,EACH,CAEJ,EAEMe,EAAmBC,EAAAA,WACvBpB,CACF,EAEAmB,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}