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

package/dist/components/Matrix/demo/MatrixResponsiveColumnsGap.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("../../ScrollView/ScrollView.cjs"),o=require("../Matrix.cjs"),a=require("./MatrixItemFactory.cjs"),c=[["Stack 1","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.","Lorem ipsum"],["Stack 2","Lorem ipsum dolor sit amet, consectetur adipiscing elit.","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."],["Stack 3","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.","Lorem ipsum"],["Stack 4","Lorem ipsum dolor sit amet, consectetur adipiscing elit.","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."]],r=()=>e.jsx(s.default,{direction:"horizontal","data-spirit-toggle":"scrollView",children:e.jsx(o.default,{cols:{mobile:1,tablet:2},itemRows:3,spacingX:{tablet:"space-1200"},spacingY:"space-1200",children:c.map((i,t)=>e.jsx(a.default,{hasStack:!0,itemKey:`responsive-cols-${t}`,items:i},`responsive-cols-${i}`))})});exports.default=r;
+//# sourceMappingURL=MatrixResponsiveColumnsGap.cjs.map

package/dist/components/Matrix/demo/MatrixResponsiveColumnsGap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixResponsiveColumnsGap.cjs","sources":["../../../../src/components/Matrix/demo/MatrixResponsiveColumnsGap.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from '../../ScrollView';\nimport Matrix from '../Matrix';\nimport MatrixItemFactory from './MatrixItemFactory';\n\nconst columns = [\n  [\n    'Stack 1',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum',\n  ],\n  [\n    'Stack 2',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n  [\n    'Stack 3',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum',\n  ],\n  [\n    'Stack 4',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n];\n\nconst MatrixResponsiveColumnsGap = () => (\n  <ScrollView direction=\"horizontal\" data-spirit-toggle=\"scrollView\">\n    <Matrix cols={{ mobile: 1, tablet: 2 }} itemRows={3} spacingX={{ tablet: 'space-1200' }} spacingY=\"space-1200\">\n      {columns.map((column, index) => (\n        <MatrixItemFactory\n          key={`responsive-cols-${column}`}\n          hasStack\n          itemKey={`responsive-cols-${index}`}\n          items={column}\n        />\n      ))}\n    </Matrix>\n  </ScrollView>\n);\n\nexport default MatrixResponsiveColumnsGap;\n"],"names":["columns","MatrixResponsiveColumnsGap","jsx","ScrollView","Matrix","column","index","MatrixItemFactory"],"mappings":"8PAKMA,EAAU,CACd,CACE,UACA,2GACA,aAAA,EAEF,CACE,UACA,2DACA,0GAAA,EAEF,CACE,UACA,2GACA,aAAA,EAEF,CACE,UACA,2DACA,0GAAA,CAEJ,EAEMC,EAA6B,IACjCC,EAAAA,IAACC,EAAAA,QAAA,CAAW,UAAU,aAAa,qBAAmB,aACpD,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAO,KAAM,CAAE,OAAQ,EAAG,OAAQ,CAAA,EAAK,SAAU,EAAG,SAAU,CAAE,OAAQ,YAAA,EAAgB,SAAS,aAC/F,SAAAJ,EAAQ,IAAI,CAACK,EAAQC,IACpBJ,EAAAA,IAACK,EAAAA,QAAA,CAEC,SAAQ,GACR,QAAS,mBAAmBD,CAAK,GACjC,MAAOD,CAAA,EAHF,mBAAmBA,CAAM,EAIhC,CACD,EACH,CAAA,CACF"}

package/dist/components/Matrix/demo/MatrixResponsiveColumnsGap.js

@@ -0,0 +1,38 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "../../ScrollView/ScrollView.js";
+import o from "../Matrix.js";
+import m from "./MatrixItemFactory.js";
+const a = [
+  [
+    "Stack 1",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.",
+    "Lorem ipsum"
+  ],
+  [
+    "Stack 2",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."
+  ],
+  [
+    "Stack 3",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.",
+    "Lorem ipsum"
+  ],
+  [
+    "Stack 4",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."
+  ]
+], u = () => /* @__PURE__ */ i(s, { direction: "horizontal", "data-spirit-toggle": "scrollView", children: /* @__PURE__ */ i(o, { cols: { mobile: 1, tablet: 2 }, itemRows: 3, spacingX: { tablet: "space-1200" }, spacingY: "space-1200", children: a.map((t, e) => /* @__PURE__ */ i(
+  m,
+  {
+    hasStack: !0,
+    itemKey: `responsive-cols-${e}`,
+    items: t
+  },
+  `responsive-cols-${t}`
+)) }) });
+export {
+  u as default
+};
+//# sourceMappingURL=MatrixResponsiveColumnsGap.js.map

package/dist/components/Matrix/demo/MatrixResponsiveColumnsGap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixResponsiveColumnsGap.js","sources":["../../../../src/components/Matrix/demo/MatrixResponsiveColumnsGap.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from '../../ScrollView';\nimport Matrix from '../Matrix';\nimport MatrixItemFactory from './MatrixItemFactory';\n\nconst columns = [\n  [\n    'Stack 1',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum',\n  ],\n  [\n    'Stack 2',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n  [\n    'Stack 3',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum',\n  ],\n  [\n    'Stack 4',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n];\n\nconst MatrixResponsiveColumnsGap = () => (\n  <ScrollView direction=\"horizontal\" data-spirit-toggle=\"scrollView\">\n    <Matrix cols={{ mobile: 1, tablet: 2 }} itemRows={3} spacingX={{ tablet: 'space-1200' }} spacingY=\"space-1200\">\n      {columns.map((column, index) => (\n        <MatrixItemFactory\n          key={`responsive-cols-${column}`}\n          hasStack\n          itemKey={`responsive-cols-${index}`}\n          items={column}\n        />\n      ))}\n    </Matrix>\n  </ScrollView>\n);\n\nexport default MatrixResponsiveColumnsGap;\n"],"names":["columns","MatrixResponsiveColumnsGap","jsx","ScrollView","Matrix","column","index","MatrixItemFactory"],"mappings":";;;;AAKA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,GAEMC,IAA6B,MACjC,gBAAAC,EAACC,GAAA,EAAW,WAAU,cAAa,sBAAmB,cACpD,UAAA,gBAAAD,EAACE,GAAA,EAAO,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAA,GAAK,UAAU,GAAG,UAAU,EAAE,QAAQ,aAAA,GAAgB,UAAS,cAC/F,UAAAJ,EAAQ,IAAI,CAACK,GAAQC,MACpB,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IAEC,UAAQ;AAAA,IACR,SAAS,mBAAmBD,CAAK;AAAA,IACjC,OAAOD;AAAA,EAAA;AAAA,EAHF,mBAAmBA,CAAM;AAIhC,CACD,GACH,EAAA,CACF;"}

package/dist/components/Matrix/demo/MatrixScrollView.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("../../ScrollView/ScrollView.cjs"),r=require("../Matrix.cjs"),c=require("./MatrixItemFactory.cjs"),o=[["Stack 1","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.","Lorem ipsum"],["Stack 2","Lorem ipsum dolor sit amet, consectetur adipiscing elit.","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."],["Stack 3","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."]],a=()=>e.jsx(s.default,{direction:"horizontal",children:e.jsx(r.default,{cols:3,children:o.map((i,t)=>e.jsx(c.default,{hasStack:!0,itemKey:`scroll-view-${t}`,items:i},`scroll-view-${i}`))})});exports.default=a;
+//# sourceMappingURL=MatrixScrollView.cjs.map

package/dist/components/Matrix/demo/MatrixScrollView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixScrollView.cjs","sources":["../../../../src/components/Matrix/demo/MatrixScrollView.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from '../../ScrollView';\nimport Matrix from '../Matrix';\nimport MatrixItemFactory from './MatrixItemFactory';\n\nconst columns = [\n  [\n    'Stack 1',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum',\n  ],\n  [\n    'Stack 2',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n  [\n    'Stack 3',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n];\n\nconst MatrixScrollView = () => (\n  <ScrollView direction=\"horizontal\">\n    <Matrix cols={3}>\n      {columns.map((column, index) => (\n        <MatrixItemFactory key={`scroll-view-${column}`} hasStack itemKey={`scroll-view-${index}`} items={column} />\n      ))}\n    </Matrix>\n  </ScrollView>\n);\n\nexport default MatrixScrollView;\n"],"names":["columns","MatrixScrollView","jsx","ScrollView","Matrix","column","index","MatrixItemFactory"],"mappings":"8PAKMA,EAAU,CACd,CACE,UACA,2GACA,aAAA,EAEF,CACE,UACA,2DACA,0GAAA,EAEF,CACE,UACA,2GACA,0GAAA,CAEJ,EAEMC,EAAmB,IACvBC,EAAAA,IAACC,EAAAA,QAAA,CAAW,UAAU,aACpB,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAO,KAAM,EACX,SAAAJ,EAAQ,IAAI,CAACK,EAAQC,IACpBJ,EAAAA,IAACK,EAAAA,QAAA,CAAgD,SAAQ,GAAC,QAAS,eAAeD,CAAK,GAAI,MAAOD,CAAA,EAA1E,eAAeA,CAAM,EAA6D,CAC3G,EACH,CAAA,CACF"}

package/dist/components/Matrix/demo/MatrixScrollView.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "../../ScrollView/ScrollView.js";
+import m from "../Matrix.js";
+import o from "./MatrixItemFactory.js";
+const r = [
+  [
+    "Stack 1",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.",
+    "Lorem ipsum"
+  ],
+  [
+    "Stack 2",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."
+  ],
+  [
+    "Stack 3",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris."
+  ]
+], d = () => /* @__PURE__ */ i(s, { direction: "horizontal", children: /* @__PURE__ */ i(m, { cols: 3, children: r.map((t, e) => /* @__PURE__ */ i(o, { hasStack: !0, itemKey: `scroll-view-${e}`, items: t }, `scroll-view-${t}`)) }) });
+export {
+  d as default
+};
+//# sourceMappingURL=MatrixScrollView.js.map

package/dist/components/Matrix/demo/MatrixScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixScrollView.js","sources":["../../../../src/components/Matrix/demo/MatrixScrollView.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from '../../ScrollView';\nimport Matrix from '../Matrix';\nimport MatrixItemFactory from './MatrixItemFactory';\n\nconst columns = [\n  [\n    'Stack 1',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum',\n  ],\n  [\n    'Stack 2',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n  [\n    'Stack 3',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.',\n  ],\n];\n\nconst MatrixScrollView = () => (\n  <ScrollView direction=\"horizontal\">\n    <Matrix cols={3}>\n      {columns.map((column, index) => (\n        <MatrixItemFactory key={`scroll-view-${column}`} hasStack itemKey={`scroll-view-${index}`} items={column} />\n      ))}\n    </Matrix>\n  </ScrollView>\n);\n\nexport default MatrixScrollView;\n"],"names":["columns","MatrixScrollView","jsx","ScrollView","Matrix","column","index","MatrixItemFactory"],"mappings":";;;;AAKA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,GAEMC,IAAmB,MACvB,gBAAAC,EAACC,GAAA,EAAW,WAAU,cACpB,UAAA,gBAAAD,EAACE,GAAA,EAAO,MAAM,GACX,UAAAJ,EAAQ,IAAI,CAACK,GAAQC,MACpB,gBAAAJ,EAACK,GAAA,EAAgD,UAAQ,IAAC,SAAS,eAAeD,CAAK,IAAI,OAAOD,EAAA,GAA1E,eAAeA,CAAM,EAA6D,CAC3G,GACH,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("./MatrixColumnsWithScrollView.cjs"),l=require("./MatrixDefault.cjs"),r=require("./MatrixResponsiveColumnsGap.cjs"),n=require("./MatrixScrollView.cjs"),c=()=>e.jsxs(s.StrictMode,{children:[e.jsx(t.default,{title:"Default",stackAlignment:"stretch",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Stacks with Scroll View",stackAlignment:"stretch",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Custom Columns and Column Gap with Scroll View",stackAlignment:"stretch",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Responsive Custom Columns, Column Gap, and Row Gap",stackAlignment:"stretch",children:e.jsx(r.default,{})})]});exports.Preview=c;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Matrix/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport MatrixColumnsWithScrollView from './MatrixColumnsWithScrollView';\nimport MatrixDefault from './MatrixDefault';\nimport MatrixResponsiveColumnsGap from './MatrixResponsiveColumnsGap';\nimport MatrixScrollView from './MatrixScrollView';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <MatrixDefault />\n    </DocsSection>\n    <DocsSection title=\"Stacks with Scroll View\" stackAlignment=\"stretch\">\n      <MatrixScrollView />\n    </DocsSection>\n    <DocsSection title=\"Custom Columns and Column Gap with Scroll View\" stackAlignment=\"stretch\">\n      <MatrixColumnsWithScrollView />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Columns, Column Gap, and Row Gap\" stackAlignment=\"stretch\">\n      <MatrixResponsiveColumnsGap />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","MatrixDefault","MatrixScrollView","MatrixColumnsWithScrollView","MatrixResponsiveColumnsGap"],"mappings":"4WASaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAY,MAAM,UAAU,eAAe,UAC1C,SAAAD,EAAAA,IAACE,YAAc,CAAA,CACjB,EACAF,EAAAA,IAACC,EAAAA,SAAY,MAAM,0BAA0B,eAAe,UAC1D,SAAAD,EAAAA,IAACG,YAAiB,CAAA,CACpB,EACAH,EAAAA,IAACC,EAAAA,SAAY,MAAM,iDAAiD,eAAe,UACjF,SAAAD,EAAAA,IAACI,YAA4B,CAAA,CAC/B,EACAJ,EAAAA,IAACC,EAAAA,SAAY,MAAM,qDAAqD,eAAe,UACrF,SAAAD,EAAAA,IAACK,EAAAA,UAA2B,CAAA,CAC9B,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { StrictMode as r } from "react";
+import i from "../../../web-react/docs/DocsSection.js";
+import o from "./MatrixColumnsWithScrollView.js";
+import l from "./MatrixDefault.js";
+import s from "./MatrixResponsiveColumnsGap.js";
+import m from "./MatrixScrollView.js";
+const d = () => /* @__PURE__ */ e(r, { children: [
+  /* @__PURE__ */ t(i, { title: "Default", stackAlignment: "stretch", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(i, { title: "Stacks with Scroll View", stackAlignment: "stretch", children: /* @__PURE__ */ t(m, {}) }),
+  /* @__PURE__ */ t(i, { title: "Custom Columns and Column Gap with Scroll View", stackAlignment: "stretch", children: /* @__PURE__ */ t(o, {}) }),
+  /* @__PURE__ */ t(i, { title: "Responsive Custom Columns, Column Gap, and Row Gap", stackAlignment: "stretch", children: /* @__PURE__ */ t(s, {}) })
+] });
+export {
+  d as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Matrix/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport MatrixColumnsWithScrollView from './MatrixColumnsWithScrollView';\nimport MatrixDefault from './MatrixDefault';\nimport MatrixResponsiveColumnsGap from './MatrixResponsiveColumnsGap';\nimport MatrixScrollView from './MatrixScrollView';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <MatrixDefault />\n    </DocsSection>\n    <DocsSection title=\"Stacks with Scroll View\" stackAlignment=\"stretch\">\n      <MatrixScrollView />\n    </DocsSection>\n    <DocsSection title=\"Custom Columns and Column Gap with Scroll View\" stackAlignment=\"stretch\">\n      <MatrixColumnsWithScrollView />\n    </DocsSection>\n    <DocsSection title=\"Responsive Custom Columns, Column Gap, and Row Gap\" stackAlignment=\"stretch\">\n      <MatrixResponsiveColumnsGap />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","MatrixDefault","MatrixScrollView","MatrixColumnsWithScrollView","MatrixResponsiveColumnsGap"],"mappings":";;;;;;;;AASO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAY,OAAM,WAAU,gBAAe,WAC1C,UAAA,gBAAAD,EAACE,KAAc,EAAA,CACjB;AAAA,EACA,gBAAAF,EAACC,KAAY,OAAM,2BAA0B,gBAAe,WAC1D,UAAA,gBAAAD,EAACG,KAAiB,EAAA,CACpB;AAAA,EACA,gBAAAH,EAACC,KAAY,OAAM,kDAAiD,gBAAe,WACjF,UAAA,gBAAAD,EAACI,KAA4B,EAAA,CAC/B;AAAA,EACA,gBAAAJ,EAACC,KAAY,OAAM,sDAAqD,gBAAe,WACrF,UAAA,gBAAAD,EAACK,KAA2B,EAAA,CAC9B;AAAA,EAAA,CACF;"}

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

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

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

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

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

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

package/dist/components/Matrix/useMatrixStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMatrixStyleProps.cjs","sources":["../../../src/components/Matrix/useMatrixStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { type DimensionCSSProperties, useClassNamePrefix, useDimensionStyle, useSpacingStyle } from '../../hooks';\nimport { type DimensionType, type SpiritMatrixProps } from '../../types';\nimport { MATRIX_ROWS_DEFAULT } from './constants';\n\nexport interface MatrixStyles<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the Matrix element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: CSSProperties;\n}\n\n/**\n * Generates default responsive row styles for the Matrix component.\n *\n * @param cols - The column configuration for the Matrix, which can be a dimension type or undefined.\n * @param rows - The row configuration for the Matrix, which can be a dimension type or undefined.\n * @param itemsCount\n * @param prefix - The CSS variable prefix used for generating styles.\n * @returns {CSSProperties} A CSSProperties object containing the calculated row styles.\n */\nexport const useDefaultResponsiveRowsStyle = (\n  cols: DimensionType | undefined,\n  rows: DimensionType | undefined,\n  itemsCount: number,\n  prefix: string,\n): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof cols === 'object' && rows === MATRIX_ROWS_DEFAULT && itemsCount > 0) {\n    Object.keys(cols).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-items-count`] = `${itemsCount}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-rows${breakpointSuffix}`] =\n        `calc(var(${cssPrefix}-item-rows) * var(${cssPrefix}-items-count) / var(${cssPrefix}-columns${breakpointSuffix}))`;\n    });\n  }\n\n  return style;\n};\n\nexport function useMatrixStyleProps(\n  props: SpiritMatrixProps<ElementType>,\n): MatrixStyles<SpiritMatrixProps<ElementType>> {\n  const { cols, itemsCount, itemRows, rows, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const matrixClass = useClassNamePrefix('Matrix');\n  const matrixPrefix: string = `${cssVariablePrefix}matrix`;\n\n  const matrixCustomStyle: CSSProperties = {\n    ...useDimensionStyle(cols, `${matrixPrefix}-columns`),\n    ...useDimensionStyle(rows, `${matrixPrefix}-rows`),\n    ...useDimensionStyle(itemRows, `${matrixPrefix}-item-rows`),\n    ...useDefaultResponsiveRowsStyle(cols, rows, itemsCount as number, matrixPrefix),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacingY, matrixPrefix, DirectionAxis.Y),\n  };\n\n  return {\n    classProps: classNames(matrixClass),\n    props: restProps,\n    styleProps: matrixCustomStyle,\n  };\n}\n"],"names":["useDefaultResponsiveRowsStyle","cols","rows","itemsCount","prefix","style","cssPrefix","MATRIX_ROWS_DEFAULT","key","breakpointSuffix","useMatrixStyleProps","props","itemRows","spacing","spacingX","spacingY","restProps","matrixClass","useClassNamePrefix","matrixPrefix","cssVariablePrefix","matrixCustomStyle","useDimensionStyle","useSpacingStyle","DirectionAxis","classNames"],"mappings":"8WA0BaA,EAAgC,CAC3CC,EACAC,EACAC,EACAC,IACkB,CAClB,MAAMC,EAAgC,CAAA,EAChCC,EAAoB,KAAKF,CAAM,GAErC,OAAI,OAAOH,GAAS,UAAYC,IAASK,EAAAA,qBAAuBJ,EAAa,GAC3E,OAAO,KAAKF,CAAI,EAAE,QAASO,GAAQ,CACjC,MAAMC,EAAmBD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GACvDH,EAA6C,GAAGC,CAAS,cAAc,EAAI,GAAGH,CAAU,GACxFE,EAA6C,GAAGC,CAAS,QAAQG,CAAgB,EAAE,EAClF,YAAYH,CAAS,qBAAqBA,CAAS,uBAAuBA,CAAS,WAAWG,CAAgB,IAClH,CAAC,EAGIJ,CACT,EAEO,SAASK,EACdC,EAC8C,CAC9C,KAAM,CAAE,KAAAV,EAAM,WAAAE,EAAY,SAAAS,EAAU,KAAAV,EAAM,QAAAW,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAAcL,EAElFM,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAuB,GAAGC,EAAAA,iBAAiB,SAE3CC,EAAmC,CACvC,GAAGC,EAAAA,kBAAkBrB,EAAM,GAAGkB,CAAY,UAAU,EACpD,GAAGG,EAAAA,kBAAkBpB,EAAM,GAAGiB,CAAY,OAAO,EACjD,GAAGG,EAAAA,kBAAkBV,EAAU,GAAGO,CAAY,YAAY,EAC1D,GAAGnB,EAA8BC,EAAMC,EAAMC,EAAsBgB,CAAY,EAC/E,GAAGI,EAAAA,gBAAgBV,EAASM,EAAcK,EAAAA,cAAc,CAAC,EACzD,GAAGD,EAAAA,gBAAgBV,EAASM,EAAcK,EAAAA,cAAc,CAAC,EACzD,GAAGD,EAAAA,gBAAgBT,EAAUK,EAAcK,EAAAA,cAAc,CAAC,EAC1D,GAAGD,kBAAgBR,EAAUI,EAAcK,EAAAA,cAAc,CAAC,CAAA,EAG5D,MAAO,CACL,WAAYC,EAAWR,CAAW,EAClC,MAAOD,EACP,WAAYK,CAAA,CAEhB"}
+{"version":3,"file":"useMatrixStyleProps.cjs","sources":["../../../src/components/Matrix/useMatrixStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { type DimensionCSSProperties, useClassNamePrefix, useDimensionStyle, useSpacingStyle } from '../../hooks';\nimport { type DimensionType, type MatrixProps } from '../../types';\nimport { MATRIX_ROWS_DEFAULT } from './constants';\n\nexport interface MatrixStyles<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the Matrix element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: CSSProperties;\n}\n\nexport type UseMatrixStyleProps = MatrixProps & {\n  itemsCount: number;\n};\n\n/**\n * Generates default responsive row styles for the Matrix component.\n *\n * @param cols - The column configuration for the Matrix, which can be a dimension type or undefined.\n * @param rows - The row configuration for the Matrix, which can be a dimension type or undefined.\n * @param itemsCount\n * @param prefix - The CSS variable prefix used for generating styles.\n * @returns {CSSProperties} A CSSProperties object containing the calculated row styles.\n */\nexport const useDefaultResponsiveRowsStyle = (\n  cols: DimensionType | undefined,\n  rows: DimensionType | undefined,\n  itemsCount: number,\n  prefix: string,\n): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof cols === 'object' && rows === MATRIX_ROWS_DEFAULT && itemsCount > 0) {\n    Object.keys(cols).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-items-count`] = `${itemsCount}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-rows${breakpointSuffix}`] =\n        `calc(var(${cssPrefix}-item-rows) * var(${cssPrefix}-items-count) / var(${cssPrefix}-columns${breakpointSuffix}))`;\n    });\n  }\n\n  return style;\n};\n\nexport function useMatrixStyleProps(props: UseMatrixStyleProps): MatrixStyles<MatrixProps> {\n  const { cols, itemsCount, itemRows, rows, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const matrixClass = useClassNamePrefix('Matrix');\n  const matrixPrefix: string = `${cssVariablePrefix}matrix`;\n\n  const matrixCustomStyle: CSSProperties = {\n    ...useDimensionStyle(cols, `${matrixPrefix}-columns`),\n    ...useDimensionStyle(rows, `${matrixPrefix}-rows`),\n    ...useDimensionStyle(itemRows, `${matrixPrefix}-item-rows`),\n    ...useDefaultResponsiveRowsStyle(cols, rows, itemsCount, matrixPrefix),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacingY, matrixPrefix, DirectionAxis.Y),\n  };\n\n  return {\n    classProps: classNames(matrixClass),\n    props: restProps,\n    styleProps: matrixCustomStyle,\n  };\n}\n"],"names":["useDefaultResponsiveRowsStyle","cols","rows","itemsCount","prefix","style","cssPrefix","MATRIX_ROWS_DEFAULT","key","breakpointSuffix","useMatrixStyleProps","props","itemRows","spacing","spacingX","spacingY","restProps","matrixClass","useClassNamePrefix","matrixPrefix","cssVariablePrefix","matrixCustomStyle","useDimensionStyle","useSpacingStyle","DirectionAxis","classNames"],"mappings":"8WA8BaA,EAAgC,CAC3CC,EACAC,EACAC,EACAC,IACkB,CAClB,MAAMC,EAAgC,CAAA,EAChCC,EAAoB,KAAKF,CAAM,GAErC,OAAI,OAAOH,GAAS,UAAYC,IAASK,EAAAA,qBAAuBJ,EAAa,GAC3E,OAAO,KAAKF,CAAI,EAAE,QAASO,GAAQ,CACjC,MAAMC,EAAmBD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GACvDH,EAA6C,GAAGC,CAAS,cAAc,EAAI,GAAGH,CAAU,GACxFE,EAA6C,GAAGC,CAAS,QAAQG,CAAgB,EAAE,EAClF,YAAYH,CAAS,qBAAqBA,CAAS,uBAAuBA,CAAS,WAAWG,CAAgB,IAClH,CAAC,EAGIJ,CACT,EAEO,SAASK,EAAoBC,EAAuD,CACzF,KAAM,CAAE,KAAAV,EAAM,WAAAE,EAAY,SAAAS,EAAU,KAAAV,EAAM,QAAAW,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EAAcL,EAElFM,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAuB,GAAGC,EAAAA,iBAAiB,SAE3CC,EAAmC,CACvC,GAAGC,EAAAA,kBAAkBrB,EAAM,GAAGkB,CAAY,UAAU,EACpD,GAAGG,EAAAA,kBAAkBpB,EAAM,GAAGiB,CAAY,OAAO,EACjD,GAAGG,EAAAA,kBAAkBV,EAAU,GAAGO,CAAY,YAAY,EAC1D,GAAGnB,EAA8BC,EAAMC,EAAMC,EAAYgB,CAAY,EACrE,GAAGI,EAAAA,gBAAgBV,EAASM,EAAcK,EAAAA,cAAc,CAAC,EACzD,GAAGD,EAAAA,gBAAgBV,EAASM,EAAcK,EAAAA,cAAc,CAAC,EACzD,GAAGD,EAAAA,gBAAgBT,EAAUK,EAAcK,EAAAA,cAAc,CAAC,EAC1D,GAAGD,kBAAgBR,EAAUI,EAAcK,EAAAA,cAAc,CAAC,CAAA,EAG5D,MAAO,CACL,WAAYC,EAAWR,CAAW,EAClC,MAAOD,EACP,WAAYK,CAAA,CAEhB"}

package/dist/components/Matrix/useMatrixStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMatrixStyleProps.js","sources":["../../../src/components/Matrix/useMatrixStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { type DimensionCSSProperties, useClassNamePrefix, useDimensionStyle, useSpacingStyle } from '../../hooks';\nimport { type DimensionType, type SpiritMatrixProps } from '../../types';\nimport { MATRIX_ROWS_DEFAULT } from './constants';\n\nexport interface MatrixStyles<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the Matrix element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: CSSProperties;\n}\n\n/**\n * Generates default responsive row styles for the Matrix component.\n *\n * @param cols - The column configuration for the Matrix, which can be a dimension type or undefined.\n * @param rows - The row configuration for the Matrix, which can be a dimension type or undefined.\n * @param itemsCount\n * @param prefix - The CSS variable prefix used for generating styles.\n * @returns {CSSProperties} A CSSProperties object containing the calculated row styles.\n */\nexport const useDefaultResponsiveRowsStyle = (\n  cols: DimensionType | undefined,\n  rows: DimensionType | undefined,\n  itemsCount: number,\n  prefix: string,\n): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof cols === 'object' && rows === MATRIX_ROWS_DEFAULT && itemsCount > 0) {\n    Object.keys(cols).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-items-count`] = `${itemsCount}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-rows${breakpointSuffix}`] =\n        `calc(var(${cssPrefix}-item-rows) * var(${cssPrefix}-items-count) / var(${cssPrefix}-columns${breakpointSuffix}))`;\n    });\n  }\n\n  return style;\n};\n\nexport function useMatrixStyleProps(\n  props: SpiritMatrixProps<ElementType>,\n): MatrixStyles<SpiritMatrixProps<ElementType>> {\n  const { cols, itemsCount, itemRows, rows, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const matrixClass = useClassNamePrefix('Matrix');\n  const matrixPrefix: string = `${cssVariablePrefix}matrix`;\n\n  const matrixCustomStyle: CSSProperties = {\n    ...useDimensionStyle(cols, `${matrixPrefix}-columns`),\n    ...useDimensionStyle(rows, `${matrixPrefix}-rows`),\n    ...useDimensionStyle(itemRows, `${matrixPrefix}-item-rows`),\n    ...useDefaultResponsiveRowsStyle(cols, rows, itemsCount as number, matrixPrefix),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacingY, matrixPrefix, DirectionAxis.Y),\n  };\n\n  return {\n    classProps: classNames(matrixClass),\n    props: restProps,\n    styleProps: matrixCustomStyle,\n  };\n}\n"],"names":["useDefaultResponsiveRowsStyle","cols","rows","itemsCount","prefix","style","cssPrefix","MATRIX_ROWS_DEFAULT","key","breakpointSuffix","useMatrixStyleProps","props","itemRows","spacing","spacingX","spacingY","restProps","matrixClass","useClassNamePrefix","matrixPrefix","cssVariablePrefix","matrixCustomStyle","useDimensionStyle","useSpacingStyle","DirectionAxis","classNames"],"mappings":";;;;;;;AA0BO,MAAMA,IAAgC,CAC3CC,GACAC,GACAC,GACAC,MACkB;AAClB,QAAMC,IAAgC,CAAA,GAChCC,IAAoB,KAAKF,CAAM;AAErC,SAAI,OAAOH,KAAS,YAAYC,MAASK,KAAuBJ,IAAa,KAC3E,OAAO,KAAKF,CAAI,EAAE,QAAQ,CAACO,MAAQ;AACjC,UAAMC,IAAmBD,MAAQ,WAAW,KAAK,IAAIA,CAAG;AACvD,IAAAH,EAA6C,GAAGC,CAAS,cAAc,IAAI,GAAGH,CAAU,IACxFE,EAA6C,GAAGC,CAAS,QAAQG,CAAgB,EAAE,IAClF,YAAYH,CAAS,qBAAqBA,CAAS,uBAAuBA,CAAS,WAAWG,CAAgB;AAAA,EAClH,CAAC,GAGIJ;AACT;AAEO,SAASK,EACdC,GAC8C;AAC9C,QAAM,EAAE,MAAAV,GAAM,YAAAE,GAAY,UAAAS,GAAU,MAAAV,GAAM,SAAAW,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IAAcL,GAElFM,IAAcC,EAAmB,QAAQ,GACzCC,IAAuB,GAAGC,CAAiB,UAE3CC,IAAmC;AAAA,IACvC,GAAGC,EAAkBrB,GAAM,GAAGkB,CAAY,UAAU;AAAA,IACpD,GAAGG,EAAkBpB,GAAM,GAAGiB,CAAY,OAAO;AAAA,IACjD,GAAGG,EAAkBV,GAAU,GAAGO,CAAY,YAAY;AAAA,IAC1D,GAAGnB,EAA8BC,GAAMC,GAAMC,GAAsBgB,CAAY;AAAA,IAC/E,GAAGI,EAAgBV,GAASM,GAAcK,EAAc,CAAC;AAAA,IACzD,GAAGD,EAAgBV,GAASM,GAAcK,EAAc,CAAC;AAAA,IACzD,GAAGD,EAAgBT,GAAUK,GAAcK,EAAc,CAAC;AAAA,IAC1D,GAAGD,EAAgBR,GAAUI,GAAcK,EAAc,CAAC;AAAA,EAAA;AAG5D,SAAO;AAAA,IACL,YAAYC,EAAWR,CAAW;AAAA,IAClC,OAAOD;AAAA,IACP,YAAYK;AAAA,EAAA;AAEhB;"}
+{"version":3,"file":"useMatrixStyleProps.js","sources":["../../../src/components/Matrix/useMatrixStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { type DimensionCSSProperties, useClassNamePrefix, useDimensionStyle, useSpacingStyle } from '../../hooks';\nimport { type DimensionType, type MatrixProps } from '../../types';\nimport { MATRIX_ROWS_DEFAULT } from './constants';\n\nexport interface MatrixStyles<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the Matrix element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: CSSProperties;\n}\n\nexport type UseMatrixStyleProps = MatrixProps & {\n  itemsCount: number;\n};\n\n/**\n * Generates default responsive row styles for the Matrix component.\n *\n * @param cols - The column configuration for the Matrix, which can be a dimension type or undefined.\n * @param rows - The row configuration for the Matrix, which can be a dimension type or undefined.\n * @param itemsCount\n * @param prefix - The CSS variable prefix used for generating styles.\n * @returns {CSSProperties} A CSSProperties object containing the calculated row styles.\n */\nexport const useDefaultResponsiveRowsStyle = (\n  cols: DimensionType | undefined,\n  rows: DimensionType | undefined,\n  itemsCount: number,\n  prefix: string,\n): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof cols === 'object' && rows === MATRIX_ROWS_DEFAULT && itemsCount > 0) {\n    Object.keys(cols).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-items-count`] = `${itemsCount}`;\n      (style as Record<string, string | undefined>)[`${cssPrefix}-rows${breakpointSuffix}`] =\n        `calc(var(${cssPrefix}-item-rows) * var(${cssPrefix}-items-count) / var(${cssPrefix}-columns${breakpointSuffix}))`;\n    });\n  }\n\n  return style;\n};\n\nexport function useMatrixStyleProps(props: UseMatrixStyleProps): MatrixStyles<MatrixProps> {\n  const { cols, itemsCount, itemRows, rows, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const matrixClass = useClassNamePrefix('Matrix');\n  const matrixPrefix: string = `${cssVariablePrefix}matrix`;\n\n  const matrixCustomStyle: CSSProperties = {\n    ...useDimensionStyle(cols, `${matrixPrefix}-columns`),\n    ...useDimensionStyle(rows, `${matrixPrefix}-rows`),\n    ...useDimensionStyle(itemRows, `${matrixPrefix}-item-rows`),\n    ...useDefaultResponsiveRowsStyle(cols, rows, itemsCount, matrixPrefix),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacing, matrixPrefix, DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, matrixPrefix, DirectionAxis.X),\n    ...useSpacingStyle(spacingY, matrixPrefix, DirectionAxis.Y),\n  };\n\n  return {\n    classProps: classNames(matrixClass),\n    props: restProps,\n    styleProps: matrixCustomStyle,\n  };\n}\n"],"names":["useDefaultResponsiveRowsStyle","cols","rows","itemsCount","prefix","style","cssPrefix","MATRIX_ROWS_DEFAULT","key","breakpointSuffix","useMatrixStyleProps","props","itemRows","spacing","spacingX","spacingY","restProps","matrixClass","useClassNamePrefix","matrixPrefix","cssVariablePrefix","matrixCustomStyle","useDimensionStyle","useSpacingStyle","DirectionAxis","classNames"],"mappings":";;;;;;;AA8BO,MAAMA,IAAgC,CAC3CC,GACAC,GACAC,GACAC,MACkB;AAClB,QAAMC,IAAgC,CAAA,GAChCC,IAAoB,KAAKF,CAAM;AAErC,SAAI,OAAOH,KAAS,YAAYC,MAASK,KAAuBJ,IAAa,KAC3E,OAAO,KAAKF,CAAI,EAAE,QAAQ,CAACO,MAAQ;AACjC,UAAMC,IAAmBD,MAAQ,WAAW,KAAK,IAAIA,CAAG;AACvD,IAAAH,EAA6C,GAAGC,CAAS,cAAc,IAAI,GAAGH,CAAU,IACxFE,EAA6C,GAAGC,CAAS,QAAQG,CAAgB,EAAE,IAClF,YAAYH,CAAS,qBAAqBA,CAAS,uBAAuBA,CAAS,WAAWG,CAAgB;AAAA,EAClH,CAAC,GAGIJ;AACT;AAEO,SAASK,EAAoBC,GAAuD;AACzF,QAAM,EAAE,MAAAV,GAAM,YAAAE,GAAY,UAAAS,GAAU,MAAAV,GAAM,SAAAW,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IAAcL,GAElFM,IAAcC,EAAmB,QAAQ,GACzCC,IAAuB,GAAGC,CAAiB,UAE3CC,IAAmC;AAAA,IACvC,GAAGC,EAAkBrB,GAAM,GAAGkB,CAAY,UAAU;AAAA,IACpD,GAAGG,EAAkBpB,GAAM,GAAGiB,CAAY,OAAO;AAAA,IACjD,GAAGG,EAAkBV,GAAU,GAAGO,CAAY,YAAY;AAAA,IAC1D,GAAGnB,EAA8BC,GAAMC,GAAMC,GAAYgB,CAAY;AAAA,IACrE,GAAGI,EAAgBV,GAASM,GAAcK,EAAc,CAAC;AAAA,IACzD,GAAGD,EAAgBV,GAASM,GAAcK,EAAc,CAAC;AAAA,IACzD,GAAGD,EAAgBT,GAAUK,GAAcK,EAAc,CAAC;AAAA,IAC1D,GAAGD,EAAgBR,GAAUI,GAAcK,EAAc,CAAC;AAAA,EAAA;AAG5D,SAAO;AAAA,IACL,YAAYC,EAAWR,CAAW;AAAA,IAClC,OAAOD;AAAA,IACP,YAAYK;AAAA,EAAA;AAEhB;"}

package/dist/components/Matrix.d.ts

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

package/dist/components/Modal.d.ts

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

package/dist/components/Navigation.d.ts

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

package/dist/components/NoSsr.d.ts

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

package/dist/components/Pagination/demo/PaginationCurrentFirst.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("../Pagination.cjs"),t=require("../PaginationItem.cjs"),a=require("../PaginationLink.cjs"),r=require("../PaginationLinkNext.cjs"),s=()=>e.jsxs(i.default,{children:[e.jsx(t.default,{children:e.jsx(a.default,{href:"#",isCurrent:!0,accessibilityLabel:"Current Page, Page 1",pageNumber:1})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 2",pageNumber:2})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 3",pageNumber:3})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 4",pageNumber:4})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 5",pageNumber:5})}),e.jsx(t.default,{children:e.jsx(r.default,{href:"#"})})]});exports.default=s;
+//# sourceMappingURL=PaginationCurrentFirst.cjs.map

package/dist/components/Pagination/demo/PaginationCurrentFirst.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentFirst.cjs","sources":["../../../../src/components/Pagination/demo/PaginationCurrentFirst.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkNext from '../PaginationLinkNext';\n\nconst PaginationCurrentFirst = () => (\n  <Pagination>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 1\" pageNumber={1} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 2\" pageNumber={2} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 3\" pageNumber={3} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 4\" pageNumber={4} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 5\" pageNumber={5} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLinkNext href=\"#\" />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentFirst;\n"],"names":["PaginationCurrentFirst","jsxs","Pagination","jsx","PaginationItem","PaginationLink","PaginationLinkNext"],"mappings":"6RAMMA,EAAyB,IAC7BC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,UAAS,GAAC,mBAAmB,uBAAuB,WAAY,CAAA,CAAG,EAC9F,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,QACCD,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAmB,KAAK,IAAI,CAAA,CAC/B,CAAA,CAAA,CACF"}

package/dist/components/Pagination/demo/PaginationCurrentFirst.js

@@ -0,0 +1,17 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import t from "../Pagination.js";
+import i from "../PaginationItem.js";
+import r from "../PaginationLink.js";
+import o from "../PaginationLinkNext.js";
+const m = () => /* @__PURE__ */ a(t, { children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", isCurrent: !0, accessibilityLabel: "Current Page, Page 1", pageNumber: 1 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 2", pageNumber: 2 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 3", pageNumber: 3 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 4", pageNumber: 4 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 5", pageNumber: 5 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(o, { href: "#" }) })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=PaginationCurrentFirst.js.map

package/dist/components/Pagination/demo/PaginationCurrentFirst.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentFirst.js","sources":["../../../../src/components/Pagination/demo/PaginationCurrentFirst.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkNext from '../PaginationLinkNext';\n\nconst PaginationCurrentFirst = () => (\n  <Pagination>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 1\" pageNumber={1} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 2\" pageNumber={2} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 3\" pageNumber={3} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 4\" pageNumber={4} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 5\" pageNumber={5} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLinkNext href=\"#\" />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentFirst;\n"],"names":["PaginationCurrentFirst","jsxs","Pagination","jsx","PaginationItem","PaginationLink","PaginationLinkNext"],"mappings":";;;;;AAMA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,WAAS,IAAC,oBAAmB,wBAAuB,YAAY,EAAA,CAAG,GAC9F;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,oBACCD,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAmB,MAAK,KAAI,EAAA,CAC/B;AAAA,EAAA,CACF;"}

package/dist/components/Pagination/demo/PaginationCurrentFirstCentered.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("../Pagination.cjs"),t=require("../PaginationItem.cjs"),a=require("../PaginationLink.cjs"),r=require("../PaginationLinkNext.cjs"),s=()=>e.jsxs(i.default,{UNSAFE_className:"text-center",children:[e.jsx(t.default,{children:e.jsx(a.default,{href:"#",isCurrent:!0,accessibilityLabel:"Current Page, Page 1",pageNumber:1})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 2",pageNumber:2})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 3",pageNumber:3})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 4",pageNumber:4})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 5",pageNumber:5})}),e.jsx(t.default,{children:e.jsx(r.default,{href:"#"})})]});exports.default=s;
+//# sourceMappingURL=PaginationCurrentFirstCentered.cjs.map

package/dist/components/Pagination/demo/PaginationCurrentFirstCentered.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentFirstCentered.cjs","sources":["../../../../src/components/Pagination/demo/PaginationCurrentFirstCentered.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkNext from '../PaginationLinkNext';\n\nconst PaginationCurrentFirstCentered = () => (\n  <Pagination UNSAFE_className=\"text-center\">\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 1\" pageNumber={1} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 2\" pageNumber={2} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 3\" pageNumber={3} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 4\" pageNumber={4} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 5\" pageNumber={5} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLinkNext href=\"#\" />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentFirstCentered;\n"],"names":["PaginationCurrentFirstCentered","jsxs","Pagination","jsx","PaginationItem","PaginationLink","PaginationLinkNext"],"mappings":"6RAMMA,EAAiC,IACrCC,EAAAA,KAACC,EAAAA,QAAA,CAAW,iBAAiB,cAC3B,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,UAAS,GAAC,mBAAmB,uBAAuB,WAAY,CAAA,CAAG,EAC9F,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,eAAe,WAAY,CAAA,CAAG,CAAA,CAC5E,QACCD,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAmB,KAAK,IAAI,CAAA,CAC/B,CAAA,CAAA,CACF"}

package/dist/components/Pagination/demo/PaginationCurrentFirstCentered.js

@@ -0,0 +1,17 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import t from "../Pagination.js";
+import i from "../PaginationItem.js";
+import r from "../PaginationLink.js";
+import n from "../PaginationLinkNext.js";
+const g = () => /* @__PURE__ */ a(t, { UNSAFE_className: "text-center", children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", isCurrent: !0, accessibilityLabel: "Current Page, Page 1", pageNumber: 1 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 2", pageNumber: 2 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 3", pageNumber: 3 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 4", pageNumber: 4 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 5", pageNumber: 5 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(n, { href: "#" }) })
+] });
+export {
+  g as default
+};
+//# sourceMappingURL=PaginationCurrentFirstCentered.js.map

package/dist/components/Pagination/demo/PaginationCurrentFirstCentered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentFirstCentered.js","sources":["../../../../src/components/Pagination/demo/PaginationCurrentFirstCentered.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkNext from '../PaginationLinkNext';\n\nconst PaginationCurrentFirstCentered = () => (\n  <Pagination UNSAFE_className=\"text-center\">\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 1\" pageNumber={1} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 2\" pageNumber={2} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 3\" pageNumber={3} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 4\" pageNumber={4} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 5\" pageNumber={5} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLinkNext href=\"#\" />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentFirstCentered;\n"],"names":["PaginationCurrentFirstCentered","jsxs","Pagination","jsx","PaginationItem","PaginationLink","PaginationLinkNext"],"mappings":";;;;;AAMA,MAAMA,IAAiC,MACrC,gBAAAC,EAACC,GAAA,EAAW,kBAAiB,eAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,WAAS,IAAC,oBAAmB,wBAAuB,YAAY,EAAA,CAAG,GAC9F;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAe,MAAK,KAAI,oBAAmB,gBAAe,YAAY,EAAA,CAAG,EAAA,CAC5E;AAAA,oBACCD,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAmB,MAAK,KAAI,EAAA,CAC/B;AAAA,EAAA,CACF;"}

package/dist/components/Pagination/demo/PaginationCurrentLast.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("../Pagination.cjs"),t=require("../PaginationItem.cjs"),a=require("../PaginationLink.cjs"),r=require("../PaginationLinkPrevious.cjs"),s=()=>e.jsxs(i.default,{children:[e.jsx(t.default,{children:e.jsx(r.default,{href:"#"})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 109",pageNumber:109})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 110",pageNumber:110})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 111",pageNumber:111})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",accessibilityLabel:"Go to Page 112",pageNumber:112})}),e.jsx(t.default,{children:e.jsx(a.default,{href:"#",isCurrent:!0,accessibilityLabel:"Current Page, Page 113",pageNumber:113})})]});exports.default=s;
+//# sourceMappingURL=PaginationCurrentLast.cjs.map

package/dist/components/Pagination/demo/PaginationCurrentLast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentLast.cjs","sources":["../../../../src/components/Pagination/demo/PaginationCurrentLast.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkPrevious from '../PaginationLinkPrevious';\n\nconst PaginationCurrentLast = () => (\n  <Pagination>\n    <PaginationItem>\n      <PaginationLinkPrevious href=\"#\" />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 109\" pageNumber={109} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 110\" pageNumber={110} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 111\" pageNumber={111} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 112\" pageNumber={112} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 113\" pageNumber={113} />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentLast;\n"],"names":["PaginationCurrentLast","jsxs","Pagination","jsx","PaginationItem","PaginationLinkPrevious","PaginationLink"],"mappings":"iSAMMA,EAAwB,IAC5BC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAuB,KAAK,IAAI,EACnC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,iBAAiB,WAAY,GAAA,CAAK,CAAA,CAChF,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,iBAAiB,WAAY,GAAA,CAAK,CAAA,CAChF,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,iBAAiB,WAAY,GAAA,CAAK,CAAA,CAChF,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,iBAAiB,WAAY,GAAA,CAAK,CAAA,CAChF,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,UAAS,GAAC,mBAAmB,yBAAyB,WAAY,GAAA,CAAK,CAAA,CAClG,CAAA,CAAA,CACF"}

package/dist/components/Pagination/demo/PaginationCurrentLast.js

@@ -0,0 +1,17 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import t from "../Pagination.js";
+import i from "../PaginationItem.js";
+import r from "../PaginationLink.js";
+import o from "../PaginationLinkPrevious.js";
+const m = () => /* @__PURE__ */ a(t, { children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(o, { href: "#" }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 109", pageNumber: 109 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 110", pageNumber: 110 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 111", pageNumber: 111 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 112", pageNumber: 112 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", isCurrent: !0, accessibilityLabel: "Current Page, Page 113", pageNumber: 113 }) })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=PaginationCurrentLast.js.map

package/dist/components/Pagination/demo/PaginationCurrentLast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentLast.js","sources":["../../../../src/components/Pagination/demo/PaginationCurrentLast.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkPrevious from '../PaginationLinkPrevious';\n\nconst PaginationCurrentLast = () => (\n  <Pagination>\n    <PaginationItem>\n      <PaginationLinkPrevious href=\"#\" />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 109\" pageNumber={109} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 110\" pageNumber={110} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 111\" pageNumber={111} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 112\" pageNumber={112} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 113\" pageNumber={113} />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentLast;\n"],"names":["PaginationCurrentLast","jsxs","Pagination","jsx","PaginationItem","PaginationLinkPrevious","PaginationLink"],"mappings":";;;;;AAMA,MAAMA,IAAwB,MAC5B,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAuB,MAAK,KAAI,GACnC;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,kBAAiB,YAAY,IAAA,CAAK,EAAA,CAChF;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,kBAAiB,YAAY,IAAA,CAAK,EAAA,CAChF;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,kBAAiB,YAAY,IAAA,CAAK,EAAA,CAChF;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,kBAAiB,YAAY,IAAA,CAAK,EAAA,CAChF;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,WAAS,IAAC,oBAAmB,0BAAyB,YAAY,IAAA,CAAK,EAAA,CAClG;AAAA,EAAA,CACF;"}

package/dist/components/Pagination/demo/PaginationCurrentMiddle.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../Pagination.cjs"),t=require("../PaginationItem.cjs"),i=require("../PaginationLink.cjs"),r=require("../PaginationLinkNext.cjs"),s=require("../PaginationLinkPrevious.cjs"),l=()=>e.jsxs(a.default,{children:[e.jsx(t.default,{children:e.jsx(s.default,{href:"#"})}),e.jsx(t.default,{children:e.jsx(i.default,{href:"#",accessibilityLabel:"Go to Page 11",pageNumber:11})}),e.jsx(t.default,{children:e.jsx(i.default,{href:"#",accessibilityLabel:"Go to Page 12",pageNumber:12})}),e.jsx(t.default,{children:e.jsx(i.default,{href:"#",isCurrent:!0,accessibilityLabel:"Current Page, Page 13",pageNumber:13})}),e.jsx(t.default,{children:e.jsx(i.default,{href:"#",accessibilityLabel:"Go to Page 14",pageNumber:14})}),e.jsx(t.default,{children:e.jsx(i.default,{href:"#",accessibilityLabel:"Go to Page 15",pageNumber:15})}),e.jsx(t.default,{children:e.jsx(r.default,{href:"#"})})]});exports.default=l;
+//# sourceMappingURL=PaginationCurrentMiddle.cjs.map

package/dist/components/Pagination/demo/PaginationCurrentMiddle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentMiddle.cjs","sources":["../../../../src/components/Pagination/demo/PaginationCurrentMiddle.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkNext from '../PaginationLinkNext';\nimport PaginationLinkPrevious from '../PaginationLinkPrevious';\n\nconst PaginationCurrentMiddle = () => (\n  <Pagination>\n    <PaginationItem>\n      <PaginationLinkPrevious href=\"#\" />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 11\" pageNumber={11} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 12\" pageNumber={12} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 13\" pageNumber={13} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 14\" pageNumber={14} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 15\" pageNumber={15} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLinkNext href=\"#\" />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentMiddle;\n"],"names":["PaginationCurrentMiddle","jsxs","Pagination","jsx","PaginationItem","PaginationLinkPrevious","PaginationLink","PaginationLinkNext"],"mappings":"wUAOMA,EAA0B,IAC9BC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAuB,KAAK,IAAI,EACnC,EACAF,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,gBAAgB,WAAY,EAAA,CAAI,CAAA,CAC9E,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,gBAAgB,WAAY,EAAA,CAAI,CAAA,CAC9E,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,UAAS,GAAC,mBAAmB,wBAAwB,WAAY,EAAA,CAAI,EAChG,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,gBAAgB,WAAY,EAAA,CAAI,CAAA,CAC9E,EACAH,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAe,KAAK,IAAI,mBAAmB,gBAAgB,WAAY,EAAA,CAAI,CAAA,CAC9E,QACCF,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACI,EAAAA,QAAA,CAAmB,KAAK,IAAI,CAAA,CAC/B,CAAA,CAAA,CACF"}

package/dist/components/Pagination/demo/PaginationCurrentMiddle.js

@@ -0,0 +1,19 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import t from "../Pagination.js";
+import i from "../PaginationItem.js";
+import r from "../PaginationLink.js";
+import o from "../PaginationLinkNext.js";
+import n from "../PaginationLinkPrevious.js";
+const h = () => /* @__PURE__ */ a(t, { children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(n, { href: "#" }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 11", pageNumber: 11 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 12", pageNumber: 12 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", isCurrent: !0, accessibilityLabel: "Current Page, Page 13", pageNumber: 13 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 14", pageNumber: 14 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { href: "#", accessibilityLabel: "Go to Page 15", pageNumber: 15 }) }),
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(o, { href: "#" }) })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=PaginationCurrentMiddle.js.map

package/dist/components/Pagination/demo/PaginationCurrentMiddle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCurrentMiddle.js","sources":["../../../../src/components/Pagination/demo/PaginationCurrentMiddle.tsx"],"sourcesContent":["import React from 'react';\nimport Pagination from '../Pagination';\nimport PaginationItem from '../PaginationItem';\nimport PaginationLink from '../PaginationLink';\nimport PaginationLinkNext from '../PaginationLinkNext';\nimport PaginationLinkPrevious from '../PaginationLinkPrevious';\n\nconst PaginationCurrentMiddle = () => (\n  <Pagination>\n    <PaginationItem>\n      <PaginationLinkPrevious href=\"#\" />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 11\" pageNumber={11} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 12\" pageNumber={12} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" isCurrent accessibilityLabel=\"Current Page, Page 13\" pageNumber={13} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 14\" pageNumber={14} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLink href=\"#\" accessibilityLabel=\"Go to Page 15\" pageNumber={15} />\n    </PaginationItem>\n    <PaginationItem>\n      <PaginationLinkNext href=\"#\" />\n    </PaginationItem>\n  </Pagination>\n);\n\nexport default PaginationCurrentMiddle;\n"],"names":["PaginationCurrentMiddle","jsxs","Pagination","jsx","PaginationItem","PaginationLinkPrevious","PaginationLink","PaginationLinkNext"],"mappings":";;;;;;AAOA,MAAMA,IAA0B,MAC9B,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAuB,MAAK,KAAI,GACnC;AAAA,EACA,gBAAAF,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,iBAAgB,YAAY,GAAA,CAAI,EAAA,CAC9E;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,iBAAgB,YAAY,GAAA,CAAI,EAAA,CAC9E;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,WAAS,IAAC,oBAAmB,yBAAwB,YAAY,GAAA,CAAI,GAChG;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,iBAAgB,YAAY,GAAA,CAAI,EAAA,CAC9E;AAAA,EACA,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACG,GAAA,EAAe,MAAK,KAAI,oBAAmB,iBAAgB,YAAY,GAAA,CAAI,EAAA,CAC9E;AAAA,oBACCF,GAAA,EACC,UAAA,gBAAAD,EAACI,GAAA,EAAmB,MAAK,KAAI,EAAA,CAC/B;AAAA,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@alma-oss/spirit-icons/icons"),i=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),n=require("../../../context/IconsContext.cjs"),s=require("./PaginationCurrentFirst.cjs"),u=require("./PaginationCurrentFirstCentered.cjs"),a=require("./PaginationCurrentLast.cjs"),o=require("./PaginationCurrentMiddle.cjs"),c=()=>e.jsx(i.StrictMode,{children:e.jsxs(n.IconsProvider,{value:r,children:[e.jsx(t.default,{title:"Pagination Current First",children:e.jsx(s.default,{})}),e.jsx(t.default,{title:"Pagination Current Middle",children:e.jsx(o.default,{})}),e.jsx(t.default,{title:"Pagination Current Last",children:e.jsx(a.default,{})}),e.jsx(t.default,{title:"Pagination Current First Centered",stackAlignment:"stretch",children:e.jsx(u.default,{})})]})});exports.Preview=c;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Pagination/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport PaginationCurrentFirst from './PaginationCurrentFirst';\nimport PaginationCurrentFirstCentered from './PaginationCurrentFirstCentered';\nimport PaginationCurrentLast from './PaginationCurrentLast';\nimport PaginationCurrentMiddle from './PaginationCurrentMiddle';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Pagination Current First\">\n        <PaginationCurrentFirst />\n      </DocsSection>\n      <DocsSection title=\"Pagination Current Middle\">\n        <PaginationCurrentMiddle />\n      </DocsSection>\n      <DocsSection title=\"Pagination Current Last\">\n        <PaginationCurrentLast />\n      </DocsSection>\n      <DocsSection title=\"Pagination Current First Centered\" stackAlignment=\"stretch\">\n        <PaginationCurrentFirstCentered />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","PaginationCurrentFirst","PaginationCurrentMiddle","PaginationCurrentLast","PaginationCurrentFirstCentered"],"mappings":"mdAYaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,2BACjB,SAAAL,MAACM,EAAAA,UAAuB,EAC1B,QACCD,EAAAA,QAAA,CAAY,MAAM,4BACjB,SAAAL,MAACO,EAAAA,UAAwB,EAC3B,QACCF,EAAAA,QAAA,CAAY,MAAM,0BACjB,SAAAL,MAACQ,EAAAA,UAAsB,EACzB,EACAR,EAAAA,IAACK,EAAAA,SAAY,MAAM,oCAAoC,eAAe,UACpE,SAAAL,EAAAA,IAACS,EAAAA,UAA+B,CAAA,CAClC,CAAA,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import n from "@alma-oss/spirit-icons/icons";
+import { StrictMode as e } from "react";
+import t from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as o } from "../../../context/IconsContext.js";
+import a from "./PaginationCurrentFirst.js";
+import m from "./PaginationCurrentFirstCentered.js";
+import s from "./PaginationCurrentLast.js";
+import c from "./PaginationCurrentMiddle.js";
+const F = () => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ i(o, { value: n, children: [
+  /* @__PURE__ */ r(t, { title: "Pagination Current First", children: /* @__PURE__ */ r(a, {}) }),
+  /* @__PURE__ */ r(t, { title: "Pagination Current Middle", children: /* @__PURE__ */ r(c, {}) }),
+  /* @__PURE__ */ r(t, { title: "Pagination Current Last", children: /* @__PURE__ */ r(s, {}) }),
+  /* @__PURE__ */ r(t, { title: "Pagination Current First Centered", stackAlignment: "stretch", children: /* @__PURE__ */ r(m, {}) })
+] }) });
+export {
+  F as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Pagination/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport PaginationCurrentFirst from './PaginationCurrentFirst';\nimport PaginationCurrentFirstCentered from './PaginationCurrentFirstCentered';\nimport PaginationCurrentLast from './PaginationCurrentLast';\nimport PaginationCurrentMiddle from './PaginationCurrentMiddle';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Pagination Current First\">\n        <PaginationCurrentFirst />\n      </DocsSection>\n      <DocsSection title=\"Pagination Current Middle\">\n        <PaginationCurrentMiddle />\n      </DocsSection>\n      <DocsSection title=\"Pagination Current Last\">\n        <PaginationCurrentLast />\n      </DocsSection>\n      <DocsSection title=\"Pagination Current First Centered\" stackAlignment=\"stretch\">\n        <PaginationCurrentFirstCentered />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","PaginationCurrentFirst","PaginationCurrentMiddle","PaginationCurrentLast","PaginationCurrentFirstCentered"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,4BACjB,UAAA,gBAAAL,EAACM,KAAuB,GAC1B;AAAA,oBACCD,GAAA,EAAY,OAAM,6BACjB,UAAA,gBAAAL,EAACO,KAAwB,GAC3B;AAAA,oBACCF,GAAA,EAAY,OAAM,2BACjB,UAAA,gBAAAL,EAACQ,KAAsB,GACzB;AAAA,EACA,gBAAAR,EAACK,KAAY,OAAM,qCAAoC,gBAAe,WACpE,UAAA,gBAAAL,EAACS,KAA+B,EAAA,CAClC;AAAA,EAAA,CACF,EAAA,CACF;"}

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

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

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

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

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

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

package/dist/components/Pagination/usePaginationStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationStyleProps.cjs","sources":["../../../src/components/Pagination/usePaginationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface UsePaginationStyleProps {\n  isCurrent?: boolean;\n}\n\nexport interface UsePaginationStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    item: string;\n    link: string;\n  };\n}\n\nexport const usePaginationStyleProps = (props?: UsePaginationStyleProps): UsePaginationStyleReturn => {\n  const paginationRootClass = useClassNamePrefix('Pagination');\n  const paginationItemClass = `${paginationRootClass}__item`;\n  const paginationLinkClass = `${paginationRootClass}__link`;\n  const paginationLinkCurrentClass = `${paginationLinkClass}--current`;\n\n  return {\n    classProps: {\n      root: paginationRootClass,\n      item: paginationItemClass,\n      link: classNames(paginationLinkClass, { [paginationLinkCurrentClass]: props?.isCurrent }),\n    },\n  };\n};\n"],"names":["usePaginationStyleProps","props","paginationRootClass","useClassNamePrefix","paginationItemClass","paginationLinkClass","paginationLinkCurrentClass","classNames"],"mappings":"8JAgBaA,EAA2BC,GAA8D,CACpG,MAAMC,EAAsBC,EAAAA,mBAAmB,YAAY,EACrDC,EAAsB,GAAGF,CAAmB,SAC5CG,EAAsB,GAAGH,CAAmB,SAC5CI,EAA6B,GAAGD,CAAmB,YAEzD,MAAO,CACL,WAAY,CACV,KAAMH,EACN,KAAME,EACN,KAAMG,EAAWF,EAAqB,CAAE,CAACC,CAA0B,EAAGL,GAAO,SAAA,CAAW,CAAA,CAC1F,CAEJ"}
+{"version":3,"file":"usePaginationStyleProps.cjs","sources":["../../../src/components/Pagination/usePaginationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface UsePaginationStyleProps {\n  isCurrent?: boolean;\n}\n\nexport interface UsePaginationStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    item: string;\n    link: string;\n  };\n}\n\nexport const usePaginationStyleProps = (props?: UsePaginationStyleProps): UsePaginationStyleReturn => {\n  const paginationClass = useClassNamePrefix('Pagination');\n  const paginationItemClass = `${paginationClass}__item`;\n  const paginationLinkClass = `${paginationClass}__link`;\n  const paginationLinkCurrentClass = `${paginationLinkClass}--current`;\n\n  return {\n    classProps: {\n      root: paginationClass,\n      item: paginationItemClass,\n      link: classNames(paginationLinkClass, { [paginationLinkCurrentClass]: props?.isCurrent }),\n    },\n  };\n};\n"],"names":["usePaginationStyleProps","props","paginationClass","useClassNamePrefix","paginationItemClass","paginationLinkClass","paginationLinkCurrentClass","classNames"],"mappings":"8JAgBaA,EAA2BC,GAA8D,CACpG,MAAMC,EAAkBC,EAAAA,mBAAmB,YAAY,EACjDC,EAAsB,GAAGF,CAAe,SACxCG,EAAsB,GAAGH,CAAe,SACxCI,EAA6B,GAAGD,CAAmB,YAEzD,MAAO,CACL,WAAY,CACV,KAAMH,EACN,KAAME,EACN,KAAMG,EAAWF,EAAqB,CAAE,CAACC,CAA0B,EAAGL,GAAO,SAAA,CAAW,CAAA,CAC1F,CAEJ"}

package/dist/components/Pagination/usePaginationStyleProps.js

@@ -1,12 +1,12 @@
-import a from "classnames";
+import o from "classnames";
 import { useClassNamePrefix as r } from "../../hooks/useClassNamePrefix.js";
-const c = (n) => {
-  const s = r("Pagination"), i = `${s}__item`, t = `${s}__link`, o = `${t}--current`;
+const c = (t) => {
+  const s = r("Pagination"), i = `${s}__item`, n = `${s}__link`, a = `${n}--current`;
   return {
     classProps: {
       root: s,
       item: i,
-      link: a(t, { [o]: n?.isCurrent })
+      link: o(n, { [a]: t?.isCurrent })
     }
   };
 };

package/dist/components/Pagination/usePaginationStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationStyleProps.js","sources":["../../../src/components/Pagination/usePaginationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface UsePaginationStyleProps {\n  isCurrent?: boolean;\n}\n\nexport interface UsePaginationStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    item: string;\n    link: string;\n  };\n}\n\nexport const usePaginationStyleProps = (props?: UsePaginationStyleProps): UsePaginationStyleReturn => {\n  const paginationRootClass = useClassNamePrefix('Pagination');\n  const paginationItemClass = `${paginationRootClass}__item`;\n  const paginationLinkClass = `${paginationRootClass}__link`;\n  const paginationLinkCurrentClass = `${paginationLinkClass}--current`;\n\n  return {\n    classProps: {\n      root: paginationRootClass,\n      item: paginationItemClass,\n      link: classNames(paginationLinkClass, { [paginationLinkCurrentClass]: props?.isCurrent }),\n    },\n  };\n};\n"],"names":["usePaginationStyleProps","props","paginationRootClass","useClassNamePrefix","paginationItemClass","paginationLinkClass","paginationLinkCurrentClass","classNames"],"mappings":";;AAgBO,MAAMA,IAA0B,CAACC,MAA8D;AACpG,QAAMC,IAAsBC,EAAmB,YAAY,GACrDC,IAAsB,GAAGF,CAAmB,UAC5CG,IAAsB,GAAGH,CAAmB,UAC5CI,IAA6B,GAAGD,CAAmB;AAEzD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMH;AAAA,MACN,MAAME;AAAA,MACN,MAAMG,EAAWF,GAAqB,EAAE,CAACC,CAA0B,GAAGL,GAAO,UAAA,CAAW;AAAA,IAAA;AAAA,EAC1F;AAEJ;"}
+{"version":3,"file":"usePaginationStyleProps.js","sources":["../../../src/components/Pagination/usePaginationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\n\nexport interface UsePaginationStyleProps {\n  isCurrent?: boolean;\n}\n\nexport interface UsePaginationStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    item: string;\n    link: string;\n  };\n}\n\nexport const usePaginationStyleProps = (props?: UsePaginationStyleProps): UsePaginationStyleReturn => {\n  const paginationClass = useClassNamePrefix('Pagination');\n  const paginationItemClass = `${paginationClass}__item`;\n  const paginationLinkClass = `${paginationClass}__link`;\n  const paginationLinkCurrentClass = `${paginationLinkClass}--current`;\n\n  return {\n    classProps: {\n      root: paginationClass,\n      item: paginationItemClass,\n      link: classNames(paginationLinkClass, { [paginationLinkCurrentClass]: props?.isCurrent }),\n    },\n  };\n};\n"],"names":["usePaginationStyleProps","props","paginationClass","useClassNamePrefix","paginationItemClass","paginationLinkClass","paginationLinkCurrentClass","classNames"],"mappings":";;AAgBO,MAAMA,IAA0B,CAACC,MAA8D;AACpG,QAAMC,IAAkBC,EAAmB,YAAY,GACjDC,IAAsB,GAAGF,CAAe,UACxCG,IAAsB,GAAGH,CAAe,UACxCI,IAA6B,GAAGD,CAAmB;AAEzD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMH;AAAA,MACN,MAAME;AAAA,MACN,MAAMG,EAAWF,GAAqB,EAAE,CAACC,CAA0B,GAAGL,GAAO,UAAA,CAAW;AAAA,IAAA;AAAA,EAC1F;AAEJ;"}

package/dist/components/Pagination.d.ts

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

package/dist/components/PartnerLogo/demo/PartnerLogoDefault.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("../../Flex/Flex.cjs"),r=require("./PartnerLogoDemoFactory.cjs"),s=()=>e.jsx(t.default,{spacing:"space-900",isWrapping:!0,children:e.jsx(r.default,{})});exports.default=s;
+//# sourceMappingURL=PartnerLogoDefault.cjs.map

package/dist/components/PartnerLogo/demo/PartnerLogoDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartnerLogoDefault.cjs","sources":["../../../../src/components/PartnerLogo/demo/PartnerLogoDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '../../Flex';\nimport PartnerLogoDemoFactory from './PartnerLogoDemoFactory';\n\nconst PartnerLogoDefault = () => (\n  <Flex spacing=\"space-900\" isWrapping>\n    <PartnerLogoDemoFactory />\n  </Flex>\n);\n\nexport default PartnerLogoDefault;\n"],"names":["PartnerLogoDefault","jsx","Flex","PartnerLogoDemoFactory"],"mappings":"4NAIMA,EAAqB,IACzBC,EAAAA,IAACC,UAAA,CAAK,QAAQ,YAAY,WAAU,GAClC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAA,CAAuB,CAAA,CAC1B"}

package/dist/components/PartnerLogo/demo/PartnerLogoDefault.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../Flex/Flex.js";
+import t from "./PartnerLogoDemoFactory.js";
+const p = () => /* @__PURE__ */ r(o, { spacing: "space-900", isWrapping: !0, children: /* @__PURE__ */ r(t, {}) });
+export {
+  p as default
+};
+//# sourceMappingURL=PartnerLogoDefault.js.map

package/dist/components/PartnerLogo/demo/PartnerLogoDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartnerLogoDefault.js","sources":["../../../../src/components/PartnerLogo/demo/PartnerLogoDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from '../../Flex';\nimport PartnerLogoDemoFactory from './PartnerLogoDemoFactory';\n\nconst PartnerLogoDefault = () => (\n  <Flex spacing=\"space-900\" isWrapping>\n    <PartnerLogoDemoFactory />\n  </Flex>\n);\n\nexport default PartnerLogoDefault;\n"],"names":["PartnerLogoDefault","jsx","Flex","PartnerLogoDemoFactory"],"mappings":";;;AAIA,MAAMA,IAAqB,MACzB,gBAAAC,EAACC,GAAA,EAAK,SAAQ,aAAY,YAAU,IAClC,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAuB,EAAA,CAC1B;"}