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

package/dist/components/Flex/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"),l=require("./FlexCustomSpacing.cjs"),n=require("./FlexHorizontalLayout.cjs"),s=require("./FlexHorizontalLayoutHorizontalAlignment.cjs"),r=require("./FlexHorizontalReversedLayout.cjs"),a=require("./FlexResponsiveAlignment.cjs"),o=require("./FlexResponsiveCustomHorizontalSpacing.cjs"),u=require("./FlexResponsiveCustomVerticalSpacing.cjs"),c=require("./FlexResponsiveLayout.cjs"),d=require("./FlexResponsiveSpacing.cjs"),x=require("./FlexVerticalAlignment.cjs"),j=require("./FlexVerticalLayout.cjs"),f=require("./FlexVerticalLayoutHorizontalAlignment.cjs"),g=require("./FlexWrapping.cjs"),p=()=>e.jsxs(i.StrictMode,{children:[e.jsx(t.default,{title:"Horizontal Layout",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Horizontal Reversed Layout",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Vertical Layout",children:e.jsx(j.default,{})}),e.jsx(t.default,{title:"Responsive Layout",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Wrapping",children:e.jsx(g.default,{})}),e.jsx(t.default,{title:"Horizontal Layout and Horizontal Alignment",stackAlignment:"stretch",children:e.jsx(s.default,{})}),e.jsx(t.default,{title:"Vertical Layout and Horizontal Alignment",stackAlignment:"stretch",children:e.jsx(f.default,{})}),e.jsx(t.default,{title:"Vertical Alignment",children:e.jsx(x.default,{})}),e.jsx(t.default,{title:"Responsive Alignment",stackAlignment:"stretch",children:e.jsx(a.default,{})}),e.jsx(t.default,{title:"Custom Spacing",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Responsive Spacing",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Responsive Custom Horizontal Spacing",children:e.jsx(o.default,{})}),e.jsx(t.default,{title:"Responsive Custom Vertical Spacing",children:e.jsx(u.default,{})})]});exports.Preview=p;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Flex/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport FlexCustomSpacing from './FlexCustomSpacing';\nimport FlexHorizontalLayout from './FlexHorizontalLayout';\nimport FlexHorizontalLayoutHorizontalAlignment from './FlexHorizontalLayoutHorizontalAlignment';\nimport FlexHorizontalReversedLayout from './FlexHorizontalReversedLayout';\nimport FlexResponsiveAlignment from './FlexResponsiveAlignment';\nimport FlexResponsiveCustomHorizontalSpacing from './FlexResponsiveCustomHorizontalSpacing';\nimport FlexResponsiveCustomVerticalSpacing from './FlexResponsiveCustomVerticalSpacing';\nimport FlexResponsiveLayout from './FlexResponsiveLayout';\nimport FlexResponsiveSpacing from './FlexResponsiveSpacing';\nimport FlexVerticalAlignment from './FlexVerticalAlignment';\nimport FlexVerticalLayout from './FlexVerticalLayout';\nimport FlexVerticalLayoutHorizontalAlignment from './FlexVerticalLayoutHorizontalAlignment';\nimport FlexWrapping from './FlexWrapping';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Horizontal Layout\">\n      <FlexHorizontalLayout />\n    </DocsSection>\n    <DocsSection title=\"Horizontal Reversed Layout\">\n      <FlexHorizontalReversedLayout />\n    </DocsSection>\n    <DocsSection title=\"Vertical Layout\">\n      <FlexVerticalLayout />\n    </DocsSection>\n    <DocsSection title=\"Responsive Layout\">\n      <FlexResponsiveLayout />\n    </DocsSection>\n    <DocsSection title=\"Wrapping\">\n      <FlexWrapping />\n    </DocsSection>\n    <DocsSection title=\"Horizontal Layout and Horizontal Alignment\" stackAlignment=\"stretch\">\n      <FlexHorizontalLayoutHorizontalAlignment />\n    </DocsSection>\n    <DocsSection title=\"Vertical Layout and Horizontal Alignment\" stackAlignment=\"stretch\">\n      <FlexVerticalLayoutHorizontalAlignment />\n    </DocsSection>\n    <DocsSection title=\"Vertical Alignment\">\n      <FlexVerticalAlignment />\n    </DocsSection>\n    <DocsSection title=\"Responsive Alignment\" stackAlignment=\"stretch\">\n      <FlexResponsiveAlignment />\n    </DocsSection>\n    <DocsSection title=\"Custom Spacing\">\n      <FlexCustomSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Spacing\">\n      <FlexResponsiveSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Horizontal Spacing\">\n      <FlexResponsiveCustomHorizontalSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Vertical Spacing\">\n      <FlexResponsiveCustomVerticalSpacing />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","FlexHorizontalLayout","FlexHorizontalReversedLayout","FlexVerticalLayout","FlexResponsiveLayout","FlexWrapping","FlexHorizontalLayoutHorizontalAlignment","FlexVerticalLayoutHorizontalAlignment","FlexVerticalAlignment","FlexResponsiveAlignment","FlexCustomSpacing","FlexResponsiveSpacing","FlexResponsiveCustomHorizontalSpacing","FlexResponsiveCustomVerticalSpacing"],"mappings":"sxBAkBaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAY,MAAM,oBACjB,SAAAD,MAACE,EAAAA,UAAqB,EACxB,QACCD,EAAAA,QAAA,CAAY,MAAM,6BACjB,SAAAD,MAACG,EAAAA,UAA6B,EAChC,QACCF,EAAAA,QAAA,CAAY,MAAM,kBACjB,SAAAD,MAACI,EAAAA,UAAmB,EACtB,QACCH,EAAAA,QAAA,CAAY,MAAM,oBACjB,SAAAD,MAACK,EAAAA,UAAqB,EACxB,QACCJ,EAAAA,QAAA,CAAY,MAAM,WACjB,SAAAD,MAACM,EAAAA,UAAa,EAChB,EACAN,EAAAA,IAACC,EAAAA,SAAY,MAAM,6CAA6C,eAAe,UAC7E,SAAAD,EAAAA,IAACO,YAAwC,CAAA,CAC3C,EACAP,EAAAA,IAACC,EAAAA,SAAY,MAAM,2CAA2C,eAAe,UAC3E,SAAAD,EAAAA,IAACQ,YAAsC,CAAA,CACzC,QACCP,EAAAA,QAAA,CAAY,MAAM,qBACjB,SAAAD,MAACS,EAAAA,UAAsB,EACzB,EACAT,EAAAA,IAACC,EAAAA,SAAY,MAAM,uBAAuB,eAAe,UACvD,SAAAD,EAAAA,IAACU,YAAwB,CAAA,CAC3B,QACCT,EAAAA,QAAA,CAAY,MAAM,iBACjB,SAAAD,MAACW,EAAAA,UAAkB,EACrB,QACCV,EAAAA,QAAA,CAAY,MAAM,qBACjB,SAAAD,MAACY,EAAAA,UAAsB,EACzB,QACCX,EAAAA,QAAA,CAAY,MAAM,uCACjB,SAAAD,MAACa,EAAAA,UAAsC,EACzC,QACCZ,EAAAA,QAAA,CAAY,MAAM,qCACjB,SAAAD,EAAAA,IAACc,YAAoC,CAAA,CACvC,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { StrictMode as o } from "react";
+import i from "../../../web-react/docs/DocsSection.js";
+import r from "./FlexCustomSpacing.js";
+import n from "./FlexHorizontalLayout.js";
+import l from "./FlexHorizontalLayoutHorizontalAlignment.js";
+import m from "./FlexHorizontalReversedLayout.js";
+import a from "./FlexResponsiveAlignment.js";
+import c from "./FlexResponsiveCustomHorizontalSpacing.js";
+import s from "./FlexResponsiveCustomVerticalSpacing.js";
+import p from "./FlexResponsiveLayout.js";
+import g from "./FlexResponsiveSpacing.js";
+import u from "./FlexVerticalAlignment.js";
+import d from "./FlexVerticalLayout.js";
+import h from "./FlexVerticalLayoutHorizontalAlignment.js";
+import f from "./FlexWrapping.js";
+const D = () => /* @__PURE__ */ e(o, { children: [
+  /* @__PURE__ */ t(i, { title: "Horizontal Layout", children: /* @__PURE__ */ t(n, {}) }),
+  /* @__PURE__ */ t(i, { title: "Horizontal Reversed Layout", children: /* @__PURE__ */ t(m, {}) }),
+  /* @__PURE__ */ t(i, { title: "Vertical Layout", children: /* @__PURE__ */ t(d, {}) }),
+  /* @__PURE__ */ t(i, { title: "Responsive Layout", children: /* @__PURE__ */ t(p, {}) }),
+  /* @__PURE__ */ t(i, { title: "Wrapping", children: /* @__PURE__ */ t(f, {}) }),
+  /* @__PURE__ */ t(i, { title: "Horizontal Layout and Horizontal Alignment", stackAlignment: "stretch", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(i, { title: "Vertical Layout and Horizontal Alignment", stackAlignment: "stretch", children: /* @__PURE__ */ t(h, {}) }),
+  /* @__PURE__ */ t(i, { title: "Vertical Alignment", children: /* @__PURE__ */ t(u, {}) }),
+  /* @__PURE__ */ t(i, { title: "Responsive Alignment", stackAlignment: "stretch", children: /* @__PURE__ */ t(a, {}) }),
+  /* @__PURE__ */ t(i, { title: "Custom Spacing", children: /* @__PURE__ */ t(r, {}) }),
+  /* @__PURE__ */ t(i, { title: "Responsive Spacing", children: /* @__PURE__ */ t(g, {}) }),
+  /* @__PURE__ */ t(i, { title: "Responsive Custom Horizontal Spacing", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(i, { title: "Responsive Custom Vertical Spacing", children: /* @__PURE__ */ t(s, {}) })
+] });
+export {
+  D as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Flex/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport FlexCustomSpacing from './FlexCustomSpacing';\nimport FlexHorizontalLayout from './FlexHorizontalLayout';\nimport FlexHorizontalLayoutHorizontalAlignment from './FlexHorizontalLayoutHorizontalAlignment';\nimport FlexHorizontalReversedLayout from './FlexHorizontalReversedLayout';\nimport FlexResponsiveAlignment from './FlexResponsiveAlignment';\nimport FlexResponsiveCustomHorizontalSpacing from './FlexResponsiveCustomHorizontalSpacing';\nimport FlexResponsiveCustomVerticalSpacing from './FlexResponsiveCustomVerticalSpacing';\nimport FlexResponsiveLayout from './FlexResponsiveLayout';\nimport FlexResponsiveSpacing from './FlexResponsiveSpacing';\nimport FlexVerticalAlignment from './FlexVerticalAlignment';\nimport FlexVerticalLayout from './FlexVerticalLayout';\nimport FlexVerticalLayoutHorizontalAlignment from './FlexVerticalLayoutHorizontalAlignment';\nimport FlexWrapping from './FlexWrapping';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Horizontal Layout\">\n      <FlexHorizontalLayout />\n    </DocsSection>\n    <DocsSection title=\"Horizontal Reversed Layout\">\n      <FlexHorizontalReversedLayout />\n    </DocsSection>\n    <DocsSection title=\"Vertical Layout\">\n      <FlexVerticalLayout />\n    </DocsSection>\n    <DocsSection title=\"Responsive Layout\">\n      <FlexResponsiveLayout />\n    </DocsSection>\n    <DocsSection title=\"Wrapping\">\n      <FlexWrapping />\n    </DocsSection>\n    <DocsSection title=\"Horizontal Layout and Horizontal Alignment\" stackAlignment=\"stretch\">\n      <FlexHorizontalLayoutHorizontalAlignment />\n    </DocsSection>\n    <DocsSection title=\"Vertical Layout and Horizontal Alignment\" stackAlignment=\"stretch\">\n      <FlexVerticalLayoutHorizontalAlignment />\n    </DocsSection>\n    <DocsSection title=\"Vertical Alignment\">\n      <FlexVerticalAlignment />\n    </DocsSection>\n    <DocsSection title=\"Responsive Alignment\" stackAlignment=\"stretch\">\n      <FlexResponsiveAlignment />\n    </DocsSection>\n    <DocsSection title=\"Custom Spacing\">\n      <FlexCustomSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Spacing\">\n      <FlexResponsiveSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Horizontal Spacing\">\n      <FlexResponsiveCustomHorizontalSpacing />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Vertical Spacing\">\n      <FlexResponsiveCustomVerticalSpacing />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","FlexHorizontalLayout","FlexHorizontalReversedLayout","FlexVerticalLayout","FlexResponsiveLayout","FlexWrapping","FlexHorizontalLayoutHorizontalAlignment","FlexVerticalLayoutHorizontalAlignment","FlexVerticalAlignment","FlexResponsiveAlignment","FlexCustomSpacing","FlexResponsiveSpacing","FlexResponsiveCustomHorizontalSpacing","FlexResponsiveCustomVerticalSpacing"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,qBACjB,UAAA,gBAAAD,EAACE,KAAqB,GACxB;AAAA,oBACCD,GAAA,EAAY,OAAM,8BACjB,UAAA,gBAAAD,EAACG,KAA6B,GAChC;AAAA,oBACCF,GAAA,EAAY,OAAM,mBACjB,UAAA,gBAAAD,EAACI,KAAmB,GACtB;AAAA,oBACCH,GAAA,EAAY,OAAM,qBACjB,UAAA,gBAAAD,EAACK,KAAqB,GACxB;AAAA,oBACCJ,GAAA,EAAY,OAAM,YACjB,UAAA,gBAAAD,EAACM,KAAa,GAChB;AAAA,EACA,gBAAAN,EAACC,KAAY,OAAM,8CAA6C,gBAAe,WAC7E,UAAA,gBAAAD,EAACO,KAAwC,EAAA,CAC3C;AAAA,EACA,gBAAAP,EAACC,KAAY,OAAM,4CAA2C,gBAAe,WAC3E,UAAA,gBAAAD,EAACQ,KAAsC,EAAA,CACzC;AAAA,oBACCP,GAAA,EAAY,OAAM,sBACjB,UAAA,gBAAAD,EAACS,KAAsB,GACzB;AAAA,EACA,gBAAAT,EAACC,KAAY,OAAM,wBAAuB,gBAAe,WACvD,UAAA,gBAAAD,EAACU,KAAwB,EAAA,CAC3B;AAAA,oBACCT,GAAA,EAAY,OAAM,kBACjB,UAAA,gBAAAD,EAACW,KAAkB,GACrB;AAAA,oBACCV,GAAA,EAAY,OAAM,sBACjB,UAAA,gBAAAD,EAACY,KAAsB,GACzB;AAAA,oBACCX,GAAA,EAAY,OAAM,wCACjB,UAAA,gBAAAD,EAACa,KAAsC,GACzC;AAAA,oBACCZ,GAAA,EAAY,OAAM,sCACjB,UAAA,gBAAAD,EAACc,KAAoC,EAAA,CACvC;AAAA,EAAA,CACF;"}

package/dist/components/Flex/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/Flex/preview/index.cjs.map

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

package/dist/components/Flex/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/Flex/preview/index.js.map

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

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

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

package/dist/components/Flex.d.ts

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

package/dist/components/Footer.d.ts

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridAlignment.cjs","sources":["../../../../src/components/Grid/demo/GridAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\n\nconst GridAlignment = () => (\n  <>\n    <Grid cols={2}>\n      <Grid cols={1} UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Stretch (default)\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Stretch (default)</DocsBox>\n      </Grid>\n    </Grid>\n\n    <Grid cols={2}>\n      <Grid cols={1} alignmentX=\"left\" alignmentY=\"top\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Left\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} alignmentX=\"left\" alignmentY=\"top\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Top</DocsBox>\n      </Grid>\n    </Grid>\n\n    <Grid cols={2}>\n      <Grid cols={1} alignmentX=\"center\" alignmentY=\"center\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Center\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} alignmentX=\"center\" alignmentY=\"center\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Center</DocsBox>\n      </Grid>\n    </Grid>\n\n    <Grid cols={2}>\n      <Grid cols={1} alignmentX=\"right\" alignmentY=\"bottom\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Right\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} alignmentX=\"right\" alignmentY=\"bottom\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Bottom</DocsBox>\n      </Grid>\n    </Grid>\n  </>\n);\n\nexport default GridAlignment;\n"],"names":["GridAlignment","jsxs","Fragment","Grid","jsx","DocsBox"],"mappings":"2NAIMA,EAAgB,IACpBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,KAACE,EAAAA,QAAA,CAAK,KAAM,EACV,SAAA,CAAAC,EAAAA,IAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,iBAAiB,eAC9B,SAAAF,EAAAA,KAACI,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,CAAA,0BAEnB,KAAA,EAAG,EAAE,GAAA,CAAA,CACR,CAAA,CACF,EACAD,EAAAA,IAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,iBAAiB,eAC9B,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,mBAAA,CAAiB,CAAA,CACzC,CAAA,EACF,EAEAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,KAAM,EACV,SAAA,CAAAC,EAAAA,IAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,WAAW,OAAO,WAAW,MAAM,iBAAiB,eACjE,SAAAF,EAAAA,KAACI,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,CAAA,aAEnB,KAAA,EAAG,EAAE,GAAA,CAAA,CACR,CAAA,CACF,EACAD,MAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,WAAW,OAAO,WAAW,MAAM,iBAAiB,eACjE,SAAAC,EAAAA,IAACC,UAAA,CAAQ,KAAK,QAAQ,eAAG,CAAA,CAC3B,CAAA,EACF,EAEAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,KAAM,EACV,SAAA,CAAAC,EAAAA,IAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,WAAW,SAAS,WAAW,SAAS,iBAAiB,eACtE,SAAAF,EAAAA,KAACI,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,CAAA,eAEnB,KAAA,EAAG,EAAE,GAAA,CAAA,CACR,CAAA,CACF,EACAD,MAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,WAAW,SAAS,WAAW,SAAS,iBAAiB,eACtE,SAAAC,EAAAA,IAACC,UAAA,CAAQ,KAAK,QAAQ,kBAAM,CAAA,CAC9B,CAAA,EACF,EAEAJ,EAAAA,KAACE,EAAAA,QAAA,CAAK,KAAM,EACV,SAAA,CAAAC,EAAAA,IAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,WAAW,QAAQ,WAAW,SAAS,iBAAiB,eACrE,SAAAF,EAAAA,KAACI,EAAAA,QAAA,CAAQ,KAAK,QAAQ,SAAA,CAAA,cAEnB,KAAA,EAAG,EAAE,GAAA,CAAA,CACR,CAAA,CACF,EACAD,MAACD,EAAAA,QAAA,CAAK,KAAM,EAAG,WAAW,QAAQ,WAAW,SAAS,iBAAiB,eACrE,SAAAC,EAAAA,IAACC,UAAA,CAAQ,KAAK,QAAQ,kBAAM,CAAA,CAC9B,CAAA,CAAA,CACF,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,41 @@
+import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
+import s from "../../../web-react/docs/DocsBox.js";
+import l from "../Grid.js";
+const t = () => /* @__PURE__ */ n(c, { children: [
+  /* @__PURE__ */ n(l, { cols: 2, children: [
+    /* @__PURE__ */ e(l, { cols: 1, UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ n(s, { size: "small", children: [
+      "Stretch (default)",
+      /* @__PURE__ */ e("br", {}),
+      "…"
+    ] }) }),
+    /* @__PURE__ */ e(l, { cols: 1, UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ e(s, { size: "small", children: "Stretch (default)" }) })
+  ] }),
+  /* @__PURE__ */ n(l, { cols: 2, children: [
+    /* @__PURE__ */ e(l, { cols: 1, alignmentX: "left", alignmentY: "top", UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ n(s, { size: "small", children: [
+      "Left",
+      /* @__PURE__ */ e("br", {}),
+      "…"
+    ] }) }),
+    /* @__PURE__ */ e(l, { cols: 1, alignmentX: "left", alignmentY: "top", UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ e(s, { size: "small", children: "Top" }) })
+  ] }),
+  /* @__PURE__ */ n(l, { cols: 2, children: [
+    /* @__PURE__ */ e(l, { cols: 1, alignmentX: "center", alignmentY: "center", UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ n(s, { size: "small", children: [
+      "Center",
+      /* @__PURE__ */ e("br", {}),
+      "…"
+    ] }) }),
+    /* @__PURE__ */ e(l, { cols: 1, alignmentX: "center", alignmentY: "center", UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ e(s, { size: "small", children: "Center" }) })
+  ] }),
+  /* @__PURE__ */ n(l, { cols: 2, children: [
+    /* @__PURE__ */ e(l, { cols: 1, alignmentX: "right", alignmentY: "bottom", UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ n(s, { size: "small", children: [
+      "Right",
+      /* @__PURE__ */ e("br", {}),
+      "…"
+    ] }) }),
+    /* @__PURE__ */ e(l, { cols: 1, alignmentX: "right", alignmentY: "bottom", UNSAFE_className: "bg-secondary", children: /* @__PURE__ */ e(s, { size: "small", children: "Bottom" }) })
+  ] })
+] });
+export {
+  t as default
+};
+//# sourceMappingURL=GridAlignment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridAlignment.js","sources":["../../../../src/components/Grid/demo/GridAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport Grid from '../Grid';\n\nconst GridAlignment = () => (\n  <>\n    <Grid cols={2}>\n      <Grid cols={1} UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Stretch (default)\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Stretch (default)</DocsBox>\n      </Grid>\n    </Grid>\n\n    <Grid cols={2}>\n      <Grid cols={1} alignmentX=\"left\" alignmentY=\"top\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Left\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} alignmentX=\"left\" alignmentY=\"top\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Top</DocsBox>\n      </Grid>\n    </Grid>\n\n    <Grid cols={2}>\n      <Grid cols={1} alignmentX=\"center\" alignmentY=\"center\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Center\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} alignmentX=\"center\" alignmentY=\"center\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Center</DocsBox>\n      </Grid>\n    </Grid>\n\n    <Grid cols={2}>\n      <Grid cols={1} alignmentX=\"right\" alignmentY=\"bottom\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">\n          Right\n          <br />…\n        </DocsBox>\n      </Grid>\n      <Grid cols={1} alignmentX=\"right\" alignmentY=\"bottom\" UNSAFE_className=\"bg-secondary\">\n        <DocsBox size=\"small\">Bottom</DocsBox>\n      </Grid>\n    </Grid>\n  </>\n);\n\nexport default GridAlignment;\n"],"names":["GridAlignment","jsxs","Fragment","Grid","jsx","DocsBox"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EAAK,MAAM,GACV,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,MAAM,GAAG,kBAAiB,gBAC9B,UAAA,gBAAAF,EAACI,GAAA,EAAQ,MAAK,SAAQ,UAAA;AAAA,MAAA;AAAA,wBAEnB,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAAA,CACF;AAAA,IACA,gBAAAD,EAACD,GAAA,EAAK,MAAM,GAAG,kBAAiB,gBAC9B,UAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,UAAA,oBAAA,CAAiB,EAAA,CACzC;AAAA,EAAA,GACF;AAAA,EAEA,gBAAAJ,EAACE,GAAA,EAAK,MAAM,GACV,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,MAAM,GAAG,YAAW,QAAO,YAAW,OAAM,kBAAiB,gBACjE,UAAA,gBAAAF,EAACI,GAAA,EAAQ,MAAK,SAAQ,UAAA;AAAA,MAAA;AAAA,wBAEnB,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAAA,CACF;AAAA,IACA,gBAAAD,EAACD,GAAA,EAAK,MAAM,GAAG,YAAW,QAAO,YAAW,OAAM,kBAAiB,gBACjE,UAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,iBAAG,EAAA,CAC3B;AAAA,EAAA,GACF;AAAA,EAEA,gBAAAJ,EAACE,GAAA,EAAK,MAAM,GACV,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,MAAM,GAAG,YAAW,UAAS,YAAW,UAAS,kBAAiB,gBACtE,UAAA,gBAAAF,EAACI,GAAA,EAAQ,MAAK,SAAQ,UAAA;AAAA,MAAA;AAAA,wBAEnB,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAAA,CACF;AAAA,IACA,gBAAAD,EAACD,GAAA,EAAK,MAAM,GAAG,YAAW,UAAS,YAAW,UAAS,kBAAiB,gBACtE,UAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,oBAAM,EAAA,CAC9B;AAAA,EAAA,GACF;AAAA,EAEA,gBAAAJ,EAACE,GAAA,EAAK,MAAM,GACV,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,MAAM,GAAG,YAAW,SAAQ,YAAW,UAAS,kBAAiB,gBACrE,UAAA,gBAAAF,EAACI,GAAA,EAAQ,MAAK,SAAQ,UAAA;AAAA,MAAA;AAAA,wBAEnB,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,EAAA,CACR,EAAA,CACF;AAAA,IACA,gBAAAD,EAACD,GAAA,EAAK,MAAM,GAAG,YAAW,SAAQ,YAAW,UAAS,kBAAiB,gBACrE,UAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAK,SAAQ,oBAAM,EAAA,CAC9B;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF;"}

package/dist/components/Grid/demo/GridCustomSpacing.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},spacing:"space-1200",children:e.jsx(s.default,{items:4,label:"1/2, 1/3, 1/4"})});exports.default=i;
+//# sourceMappingURL=GridCustomSpacing.cjs.map

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