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

package/dist/components/ScrollView/demo/constants.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
+ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,
+fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
+justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
+nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
+Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
+laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies
+nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,
+sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis
+ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec
+sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Aenean massa. Cum
+sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
+ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,
+fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
+justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
+nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
+Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
+laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies
+nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,
+sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis
+ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec
+sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.`,i=`Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
+sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies
+nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
+aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
+dictum felis eu pede mollis pretium.`;exports.HORIZONTAL_CONTENT=i;exports.VERTICAL_CONTENT=e;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/ScrollView/demo/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/ScrollView/demo/constants.ts"],"sourcesContent":["export const VERTICAL_CONTENT = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.\nCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,\nultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,\nfringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,\njusto. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper\nnisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.\nAliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius\nlaoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies\nnisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,\nsit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.\nMaecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis\nante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec\nsodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Aenean massa. Cum\nsociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,\nultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,\nfringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,\njusto. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper\nnisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.\nAliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius\nlaoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies\nnisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,\nsit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.\nMaecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis\nante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec\nsodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.`;\n\nexport const HORIZONTAL_CONTENT = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum\nsociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies\nnec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,\naliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam\ndictum felis eu pede mollis pretium.`;\n"],"names":["VERTICAL_CONTENT","HORIZONTAL_CONTENT"],"mappings":"gFAAO,MAAMA,EAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4FA0BnBC,EAAqB;AAAA;AAAA;AAAA;AAAA"}

package/dist/components/ScrollView/demo/constants.js

@@ -0,0 +1,34 @@
+const e = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
+Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
+ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,
+fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
+justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
+nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
+Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
+laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies
+nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,
+sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis
+ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec
+sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Aenean massa. Cum
+sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
+ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,
+fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,
+justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
+nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
+Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
+laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies
+nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,
+sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
+Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis
+ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec
+sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.`, i = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
+sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies
+nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
+aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam
+dictum felis eu pede mollis pretium.`;
+export {
+  i as HORIZONTAL_CONTENT,
+  e as VERTICAL_CONTENT
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/ScrollView/demo/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/ScrollView/demo/constants.ts"],"sourcesContent":["export const VERTICAL_CONTENT = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.\nCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,\nultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,\nfringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,\njusto. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper\nnisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.\nAliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius\nlaoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies\nnisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,\nsit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.\nMaecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis\nante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec\nsodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.Aenean massa. Cum\nsociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,\nultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,\nfringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae,\njusto. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper\nnisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.\nAliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius\nlaoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies\nnisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,\nsit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.\nMaecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis\nante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec\nsodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.`;\n\nexport const HORIZONTAL_CONTENT = `Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum\nsociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies\nnec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,\naliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam\ndictum felis eu pede mollis pretium.`;\n"],"names":["VERTICAL_CONTENT","HORIZONTAL_CONTENT"],"mappings":"AAAO,MAAMA,IAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6FA0BnBC,IAAqB;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@alma-oss/spirit-icons/icons"),t=require("react"),r=require("../../../web-react/docs/DocsSection.cjs"),i=require("../../../context/IconsContext.cjs"),o=require("./ScrollViewDefault.cjs"),c=require("./ScrollViewHiddenScrollbar.cjs"),n=require("./ScrollViewHorizontal.cjs"),s=require("./ScrollViewHorizontalBreakout.cjs"),a=require("./ScrollViewHorizontalWithArrows.cjs"),d=require("./ScrollViewHorizontalWithArrowsAndHiddenScrollbar.cjs"),u=require("./ScrollViewOverflowDecorators.cjs"),S=require("./ScrollViewVerticalWithArrows.cjs"),w=()=>e.jsx(t.StrictMode,{children:e.jsxs(i.IconsProvider,{value:l,children:[e.jsx(r.default,{title:"Horizontal Scrolling",children:e.jsx(n.default,{})}),e.jsx(r.default,{title:"Horizontal Scrolling with Container Breakout",hasStack:!1,children:e.jsx(s.default,{})}),e.jsx(r.default,{title:"Vertical Scrolling",children:e.jsx(o.default,{})}),e.jsx(r.default,{title:"Overflow Decorators",children:e.jsx(u.default,{})}),e.jsx(r.default,{title:"Hidden Scrollbar",children:e.jsx(c.default,{})}),e.jsx(r.default,{title:"Horizontal Scrolling with Arrows",children:e.jsx(a.default,{})}),e.jsx(r.default,{title:"Horizontal Scrolling with Arrows and Hidden Scrollbar",children:e.jsx(d.default,{})}),e.jsx(r.default,{title:"Vertical Scrolling with Arrows",children:e.jsx(S.default,{})})]})});exports.Preview=w;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/ScrollView/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 ScrollViewDefault from './ScrollViewDefault';\nimport ScrollViewHiddenScrollbar from './ScrollViewHiddenScrollbar';\nimport ScrollViewHorizontal from './ScrollViewHorizontal';\nimport ScrollViewHorizontalBreakout from './ScrollViewHorizontalBreakout';\nimport ScrollViewHorizontalWithArrows from './ScrollViewHorizontalWithArrows';\nimport ScrollViewHorizontalWithArrowsAndHiddenScrollbar from './ScrollViewHorizontalWithArrowsAndHiddenScrollbar';\nimport ScrollViewOverflowDecorators from './ScrollViewOverflowDecorators';\nimport ScrollViewVerticalWithArrows from './ScrollViewVerticalWithArrows';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Horizontal Scrolling\">\n        <ScrollViewHorizontal />\n      </DocsSection>\n      <DocsSection title=\"Horizontal Scrolling with Container Breakout\" hasStack={false}>\n        <ScrollViewHorizontalBreakout />\n      </DocsSection>\n      <DocsSection title=\"Vertical Scrolling\">\n        <ScrollViewDefault />\n      </DocsSection>\n      <DocsSection title=\"Overflow Decorators\">\n        <ScrollViewOverflowDecorators />\n      </DocsSection>\n      <DocsSection title=\"Hidden Scrollbar\">\n        <ScrollViewHiddenScrollbar />\n      </DocsSection>\n      <DocsSection title=\"Horizontal Scrolling with Arrows\">\n        <ScrollViewHorizontalWithArrows />\n      </DocsSection>\n      <DocsSection title=\"Horizontal Scrolling with Arrows and Hidden Scrollbar\">\n        <ScrollViewHorizontalWithArrowsAndHiddenScrollbar />\n      </DocsSection>\n      <DocsSection title=\"Vertical Scrolling with Arrows\">\n        <ScrollViewVerticalWithArrows />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","ScrollViewHorizontal","ScrollViewHorizontalBreakout","ScrollViewDefault","ScrollViewOverflowDecorators","ScrollViewHiddenScrollbar","ScrollViewHorizontalWithArrows","ScrollViewHorizontalWithArrowsAndHiddenScrollbar","ScrollViewVerticalWithArrows"],"mappings":"mqBAgBaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,MAACK,EAAAA,QAAA,CAAY,MAAM,uBACjB,SAAAL,MAACM,EAAAA,UAAqB,EACxB,EACAN,EAAAA,IAACK,EAAAA,SAAY,MAAM,+CAA+C,SAAU,GAC1E,SAAAL,EAAAA,IAACO,YAA6B,CAAA,CAChC,QACCF,EAAAA,QAAA,CAAY,MAAM,qBACjB,SAAAL,MAACQ,EAAAA,UAAkB,EACrB,QACCH,EAAAA,QAAA,CAAY,MAAM,sBACjB,SAAAL,MAACS,EAAAA,UAA6B,EAChC,QACCJ,EAAAA,QAAA,CAAY,MAAM,mBACjB,SAAAL,MAACU,EAAAA,UAA0B,EAC7B,QACCL,EAAAA,QAAA,CAAY,MAAM,mCACjB,SAAAL,MAACW,EAAAA,UAA+B,EAClC,QACCN,EAAAA,QAAA,CAAY,MAAM,wDACjB,SAAAL,MAACY,EAAAA,UAAiD,EACpD,QACCP,EAAAA,QAAA,CAAY,MAAM,iCACjB,SAAAL,EAAAA,IAACa,YAA6B,CAAA,CAChC,CAAA,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import l from "@alma-oss/spirit-icons/icons";
+import { StrictMode as t } from "react";
+import o from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as e } from "../../../context/IconsContext.js";
+import c from "./ScrollViewDefault.js";
+import n from "./ScrollViewHiddenScrollbar.js";
+import a from "./ScrollViewHorizontal.js";
+import m from "./ScrollViewHorizontalBreakout.js";
+import d from "./ScrollViewHorizontalWithArrows.js";
+import w from "./ScrollViewHorizontalWithArrowsAndHiddenScrollbar.js";
+import S from "./ScrollViewOverflowDecorators.js";
+import s from "./ScrollViewVerticalWithArrows.js";
+const x = () => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ i(e, { value: l, children: [
+  /* @__PURE__ */ r(o, { title: "Horizontal Scrolling", children: /* @__PURE__ */ r(a, {}) }),
+  /* @__PURE__ */ r(o, { title: "Horizontal Scrolling with Container Breakout", hasStack: !1, children: /* @__PURE__ */ r(m, {}) }),
+  /* @__PURE__ */ r(o, { title: "Vertical Scrolling", children: /* @__PURE__ */ r(c, {}) }),
+  /* @__PURE__ */ r(o, { title: "Overflow Decorators", children: /* @__PURE__ */ r(S, {}) }),
+  /* @__PURE__ */ r(o, { title: "Hidden Scrollbar", children: /* @__PURE__ */ r(n, {}) }),
+  /* @__PURE__ */ r(o, { title: "Horizontal Scrolling with Arrows", children: /* @__PURE__ */ r(d, {}) }),
+  /* @__PURE__ */ r(o, { title: "Horizontal Scrolling with Arrows and Hidden Scrollbar", children: /* @__PURE__ */ r(w, {}) }),
+  /* @__PURE__ */ r(o, { title: "Vertical Scrolling with Arrows", children: /* @__PURE__ */ r(s, {}) })
+] }) });
+export {
+  x as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/ScrollView/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 ScrollViewDefault from './ScrollViewDefault';\nimport ScrollViewHiddenScrollbar from './ScrollViewHiddenScrollbar';\nimport ScrollViewHorizontal from './ScrollViewHorizontal';\nimport ScrollViewHorizontalBreakout from './ScrollViewHorizontalBreakout';\nimport ScrollViewHorizontalWithArrows from './ScrollViewHorizontalWithArrows';\nimport ScrollViewHorizontalWithArrowsAndHiddenScrollbar from './ScrollViewHorizontalWithArrowsAndHiddenScrollbar';\nimport ScrollViewOverflowDecorators from './ScrollViewOverflowDecorators';\nimport ScrollViewVerticalWithArrows from './ScrollViewVerticalWithArrows';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Horizontal Scrolling\">\n        <ScrollViewHorizontal />\n      </DocsSection>\n      <DocsSection title=\"Horizontal Scrolling with Container Breakout\" hasStack={false}>\n        <ScrollViewHorizontalBreakout />\n      </DocsSection>\n      <DocsSection title=\"Vertical Scrolling\">\n        <ScrollViewDefault />\n      </DocsSection>\n      <DocsSection title=\"Overflow Decorators\">\n        <ScrollViewOverflowDecorators />\n      </DocsSection>\n      <DocsSection title=\"Hidden Scrollbar\">\n        <ScrollViewHiddenScrollbar />\n      </DocsSection>\n      <DocsSection title=\"Horizontal Scrolling with Arrows\">\n        <ScrollViewHorizontalWithArrows />\n      </DocsSection>\n      <DocsSection title=\"Horizontal Scrolling with Arrows and Hidden Scrollbar\">\n        <ScrollViewHorizontalWithArrowsAndHiddenScrollbar />\n      </DocsSection>\n      <DocsSection title=\"Vertical Scrolling with Arrows\">\n        <ScrollViewVerticalWithArrows />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","ScrollViewHorizontal","ScrollViewHorizontalBreakout","ScrollViewDefault","ScrollViewOverflowDecorators","ScrollViewHiddenScrollbar","ScrollViewHorizontalWithArrows","ScrollViewHorizontalWithArrowsAndHiddenScrollbar","ScrollViewVerticalWithArrows"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,GAAA,EAAY,OAAM,wBACjB,UAAA,gBAAAL,EAACM,KAAqB,GACxB;AAAA,EACA,gBAAAN,EAACK,KAAY,OAAM,gDAA+C,UAAU,IAC1E,UAAA,gBAAAL,EAACO,KAA6B,EAAA,CAChC;AAAA,oBACCF,GAAA,EAAY,OAAM,sBACjB,UAAA,gBAAAL,EAACQ,KAAkB,GACrB;AAAA,oBACCH,GAAA,EAAY,OAAM,uBACjB,UAAA,gBAAAL,EAACS,KAA6B,GAChC;AAAA,oBACCJ,GAAA,EAAY,OAAM,oBACjB,UAAA,gBAAAL,EAACU,KAA0B,GAC7B;AAAA,oBACCL,GAAA,EAAY,OAAM,oCACjB,UAAA,gBAAAL,EAACW,KAA+B,GAClC;AAAA,oBACCN,GAAA,EAAY,OAAM,yDACjB,UAAA,gBAAAL,EAACY,KAAiD,GACpD;AAAA,oBACCP,GAAA,EAAY,OAAM,kCACjB,UAAA,gBAAAL,EAACa,KAA6B,EAAA,CAChC;AAAA,EAAA,CACF,EAAA,CACF;"}

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

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

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

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

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

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

package/dist/components/ScrollView/useScrollViewStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),D=require("../../hooks/useClassNamePrefix.cjs"),$=require("./constants.cjs"),b=({direction:e,isScrollbarDisabled:l,isScrolledAtEnd:t,isScrolledAtStart:c,overflowDecorators:a=$.SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR})=>{const s=D.useClassNamePrefix("ScrollView"),i=`${s}--${e}`,w=`${s}--scrollbarDisabled`,n=`${s}__viewport`,V=`${s}__content`,o=`${s}__overflowDecorators`,C={shadows:`${o}--shadows`,borders:`${o}--borders`,both:r(`${o}--shadows`,`${o}--borders`)}[a],d="is-scrolled-at-start",u="is-scrolled-at-end",_=`${s}__arrows`;return{classProps:{root:r(s,i,{[w]:l,[u]:t,[d]:c}),viewport:n,content:V,overflowDecorators:r(o,C),arrows:_}}};exports.useScrollViewStyleProps=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),D=require("../../hooks/useClassNamePrefix.cjs"),$=require("./constants.cjs"),b=({direction:e,isScrollbarDisabled:l,isScrolledAtEnd:t,isScrolledAtStart:c,overflowDecorators:a=$.SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR})=>{const s=D.useClassNamePrefix("ScrollView"),i=`${s}--${e}`,n=`${s}--scrollbarDisabled`,w=`${s}__viewport`,V=`${s}__content`,o=`${s}__overflowDecorators`,C={shadows:`${o}--shadows`,borders:`${o}--borders`,both:r(`${o}--shadows`,`${o}--borders`)}[a],d="is-scrolled-at-start",u="is-scrolled-at-end",_=`${s}__arrows`;return{classProps:{root:r(s,i,{[n]:l,[u]:t,[d]:c}),viewport:w,content:V,overflowDecorators:r(o,C),arrows:_}}};exports.useScrollViewStyleProps=b;
 //# sourceMappingURL=useScrollViewStyleProps.cjs.map

package/dist/components/ScrollView/useScrollViewStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollViewStyleProps.cjs","sources":["../../../src/components/ScrollView/useScrollViewStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ScrollViewDirectionType, type ScrollViewOverflowDecoratorsType } from '../../types';\nimport { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR } from './constants';\n\nexport interface UseScrollViewStyleProps {\n  direction: ScrollViewDirectionType;\n  isScrollbarDisabled?: boolean;\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  overflowDecorators: ScrollViewOverflowDecoratorsType;\n}\n\nexport interface UseScrollViewStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    viewport: string;\n    content: string;\n    overflowDecorators: string;\n    arrows: string;\n  };\n}\n\nexport const useScrollViewStyleProps = ({\n  direction,\n  isScrollbarDisabled,\n  isScrolledAtEnd,\n  isScrolledAtStart,\n  overflowDecorators = SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR,\n}: Partial<UseScrollViewStyleProps>): UseScrollViewStyleReturn => {\n  const scrollViewRootClass = useClassNamePrefix('ScrollView');\n  const scrollViewRootDirectionClass = `${scrollViewRootClass}--${direction}`;\n  const scrollViewRootScrollbarDisabledClass = `${scrollViewRootClass}--scrollbarDisabled`;\n  const scrollViewViewportClass = `${scrollViewRootClass}__viewport`;\n  const scrollViewContentClass = `${scrollViewRootClass}__content`;\n  const scrollViewOverflowDecoratorsClass = `${scrollViewRootClass}__overflowDecorators`;\n  const scrollViewRootOverflowDecoratorsClasses = {\n    shadows: `${scrollViewOverflowDecoratorsClass}--shadows`,\n    borders: `${scrollViewOverflowDecoratorsClass}--borders`,\n    both: classNames(`${scrollViewOverflowDecoratorsClass}--shadows`, `${scrollViewOverflowDecoratorsClass}--borders`),\n  };\n  const scrollViewRootOverflowDecoratorsClass = scrollViewRootOverflowDecoratorsClasses[overflowDecorators];\n  const scrollViewAtStartClass = 'is-scrolled-at-start';\n  const scrollViewAtEndClass = 'is-scrolled-at-end';\n  const scrollViewArrowsClass = `${scrollViewRootClass}__arrows`;\n\n  return {\n    classProps: {\n      root: classNames(scrollViewRootClass, scrollViewRootDirectionClass, {\n        [scrollViewRootScrollbarDisabledClass]: isScrollbarDisabled,\n        [scrollViewAtEndClass]: isScrolledAtEnd,\n        [scrollViewAtStartClass]: isScrolledAtStart,\n      }),\n      viewport: scrollViewViewportClass,\n      content: scrollViewContentClass,\n      overflowDecorators: classNames(scrollViewOverflowDecoratorsClass, scrollViewRootOverflowDecoratorsClass),\n      arrows: scrollViewArrowsClass,\n    },\n  };\n};\n"],"names":["useScrollViewStyleProps","direction","isScrollbarDisabled","isScrolledAtEnd","isScrolledAtStart","overflowDecorators","SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR","scrollViewRootClass","useClassNamePrefix","scrollViewRootDirectionClass","scrollViewRootScrollbarDisabledClass","scrollViewViewportClass","scrollViewContentClass","scrollViewOverflowDecoratorsClass","scrollViewRootOverflowDecoratorsClass","classNames","scrollViewAtStartClass","scrollViewAtEndClass","scrollViewArrowsClass"],"mappings":"2LAwBaA,EAA0B,CAAC,CACtC,UAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,mBAAAC,EAAqBC,EAAAA,sCACvB,IAAkE,CAChE,MAAMC,EAAsBC,EAAAA,mBAAmB,YAAY,EACrDC,EAA+B,GAAGF,CAAmB,KAAKN,CAAS,GACnES,EAAuC,GAAGH,CAAmB,sBAC7DI,EAA0B,GAAGJ,CAAmB,aAChDK,EAAyB,GAAGL,CAAmB,YAC/CM,EAAoC,GAAGN,CAAmB,uBAM1DO,EAL0C,CAC9C,QAAS,GAAGD,CAAiC,YAC7C,QAAS,GAAGA,CAAiC,YAC7C,KAAME,EAAW,GAAGF,CAAiC,YAAa,GAAGA,CAAiC,WAAW,CAAA,EAE7BR,CAAkB,EAClGW,EAAyB,uBACzBC,EAAuB,qBACvBC,EAAwB,GAAGX,CAAmB,WAEpD,MAAO,CACL,WAAY,CACV,KAAMQ,EAAWR,EAAqBE,EAA8B,CAClE,CAACC,CAAoC,EAAGR,EACxC,CAACe,CAAoB,EAAGd,EACxB,CAACa,CAAsB,EAAGZ,CAAA,CAC3B,EACD,SAAUO,EACV,QAASC,EACT,mBAAoBG,EAAWF,EAAmCC,CAAqC,EACvG,OAAQI,CAAA,CACV,CAEJ"}
+{"version":3,"file":"useScrollViewStyleProps.cjs","sources":["../../../src/components/ScrollView/useScrollViewStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ScrollViewDirectionType, type ScrollViewOverflowDecoratorsType } from '../../types';\nimport { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR } from './constants';\n\nexport interface UseScrollViewStyleProps {\n  direction: ScrollViewDirectionType;\n  isScrollbarDisabled?: boolean;\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  overflowDecorators: ScrollViewOverflowDecoratorsType;\n}\n\nexport interface UseScrollViewStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    viewport: string;\n    content: string;\n    overflowDecorators: string;\n    arrows: string;\n  };\n}\n\nexport const useScrollViewStyleProps = ({\n  direction,\n  isScrollbarDisabled,\n  isScrolledAtEnd,\n  isScrolledAtStart,\n  overflowDecorators = SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR,\n}: Partial<UseScrollViewStyleProps>): UseScrollViewStyleReturn => {\n  const scrollViewClass = useClassNamePrefix('ScrollView');\n  const scrollViewDirectionClass = `${scrollViewClass}--${direction}`;\n  const scrollViewScrollbarDisabledClass = `${scrollViewClass}--scrollbarDisabled`;\n  const scrollViewViewportClass = `${scrollViewClass}__viewport`;\n  const scrollViewContentClass = `${scrollViewClass}__content`;\n  const scrollViewOverflowDecoratorsClass = `${scrollViewClass}__overflowDecorators`;\n  const scrollViewOverflowDecoratorsVariantClasses = {\n    shadows: `${scrollViewOverflowDecoratorsClass}--shadows`,\n    borders: `${scrollViewOverflowDecoratorsClass}--borders`,\n    both: classNames(`${scrollViewOverflowDecoratorsClass}--shadows`, `${scrollViewOverflowDecoratorsClass}--borders`),\n  };\n  const scrollViewOverflowDecoratorsVariantClass = scrollViewOverflowDecoratorsVariantClasses[overflowDecorators];\n  const scrollViewAtStartClass = 'is-scrolled-at-start';\n  const scrollViewAtEndClass = 'is-scrolled-at-end';\n  const scrollViewArrowsClass = `${scrollViewClass}__arrows`;\n\n  return {\n    classProps: {\n      root: classNames(scrollViewClass, scrollViewDirectionClass, {\n        [scrollViewScrollbarDisabledClass]: isScrollbarDisabled,\n        [scrollViewAtEndClass]: isScrolledAtEnd,\n        [scrollViewAtStartClass]: isScrolledAtStart,\n      }),\n      viewport: scrollViewViewportClass,\n      content: scrollViewContentClass,\n      overflowDecorators: classNames(scrollViewOverflowDecoratorsClass, scrollViewOverflowDecoratorsVariantClass),\n      arrows: scrollViewArrowsClass,\n    },\n  };\n};\n"],"names":["useScrollViewStyleProps","direction","isScrollbarDisabled","isScrolledAtEnd","isScrolledAtStart","overflowDecorators","SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR","scrollViewClass","useClassNamePrefix","scrollViewDirectionClass","scrollViewScrollbarDisabledClass","scrollViewViewportClass","scrollViewContentClass","scrollViewOverflowDecoratorsClass","scrollViewOverflowDecoratorsVariantClass","classNames","scrollViewAtStartClass","scrollViewAtEndClass","scrollViewArrowsClass"],"mappings":"2LAwBaA,EAA0B,CAAC,CACtC,UAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,mBAAAC,EAAqBC,EAAAA,sCACvB,IAAkE,CAChE,MAAMC,EAAkBC,EAAAA,mBAAmB,YAAY,EACjDC,EAA2B,GAAGF,CAAe,KAAKN,CAAS,GAC3DS,EAAmC,GAAGH,CAAe,sBACrDI,EAA0B,GAAGJ,CAAe,aAC5CK,EAAyB,GAAGL,CAAe,YAC3CM,EAAoC,GAAGN,CAAe,uBAMtDO,EAL6C,CACjD,QAAS,GAAGD,CAAiC,YAC7C,QAAS,GAAGA,CAAiC,YAC7C,KAAME,EAAW,GAAGF,CAAiC,YAAa,GAAGA,CAAiC,WAAW,CAAA,EAEvBR,CAAkB,EACxGW,EAAyB,uBACzBC,EAAuB,qBACvBC,EAAwB,GAAGX,CAAe,WAEhD,MAAO,CACL,WAAY,CACV,KAAMQ,EAAWR,EAAiBE,EAA0B,CAC1D,CAACC,CAAgC,EAAGR,EACpC,CAACe,CAAoB,EAAGd,EACxB,CAACa,CAAsB,EAAGZ,CAAA,CAC3B,EACD,SAAUO,EACV,QAASC,EACT,mBAAoBG,EAAWF,EAAmCC,CAAwC,EAC1G,OAAQI,CAAA,CACV,CAEJ"}

package/dist/components/ScrollView/useScrollViewStyleProps.js

@@ -1,33 +1,33 @@
 import r from "classnames";
 import { useClassNamePrefix as $ } from "../../hooks/useClassNamePrefix.js";
 import { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR as f } from "./constants.js";
-const m = ({
+const v = ({
   direction: l,
   isScrollbarDisabled: e,
   isScrolledAtEnd: t,
-  isScrolledAtStart: c,
-  overflowDecorators: a = f
+  isScrolledAtStart: a,
+  overflowDecorators: c = f
 }) => {
-  const o = $("ScrollView"), w = `${o}--${l}`, i = `${o}--scrollbarDisabled`, n = `${o}__viewport`, V = `${o}__content`, s = `${o}__overflowDecorators`, C = {
-    shadows: `${s}--shadows`,
-    borders: `${s}--borders`,
-    both: r(`${s}--shadows`, `${s}--borders`)
-  }[a], d = "is-scrolled-at-start", _ = "is-scrolled-at-end", D = `${o}__arrows`;
+  const s = $("ScrollView"), i = `${s}--${l}`, w = `${s}--scrollbarDisabled`, n = `${s}__viewport`, V = `${s}__content`, o = `${s}__overflowDecorators`, C = {
+    shadows: `${o}--shadows`,
+    borders: `${o}--borders`,
+    both: r(`${o}--shadows`, `${o}--borders`)
+  }[c], d = "is-scrolled-at-start", _ = "is-scrolled-at-end", D = `${s}__arrows`;
   return {
     classProps: {
-      root: r(o, w, {
-        [i]: e,
+      root: r(s, i, {
+        [w]: e,
         [_]: t,
-        [d]: c
+        [d]: a
       }),
       viewport: n,
       content: V,
-      overflowDecorators: r(s, C),
+      overflowDecorators: r(o, C),
       arrows: D
     }
   };
 };
 export {
-  m as useScrollViewStyleProps
+  v as useScrollViewStyleProps
 };
 //# sourceMappingURL=useScrollViewStyleProps.js.map

package/dist/components/ScrollView/useScrollViewStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollViewStyleProps.js","sources":["../../../src/components/ScrollView/useScrollViewStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ScrollViewDirectionType, type ScrollViewOverflowDecoratorsType } from '../../types';\nimport { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR } from './constants';\n\nexport interface UseScrollViewStyleProps {\n  direction: ScrollViewDirectionType;\n  isScrollbarDisabled?: boolean;\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  overflowDecorators: ScrollViewOverflowDecoratorsType;\n}\n\nexport interface UseScrollViewStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    viewport: string;\n    content: string;\n    overflowDecorators: string;\n    arrows: string;\n  };\n}\n\nexport const useScrollViewStyleProps = ({\n  direction,\n  isScrollbarDisabled,\n  isScrolledAtEnd,\n  isScrolledAtStart,\n  overflowDecorators = SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR,\n}: Partial<UseScrollViewStyleProps>): UseScrollViewStyleReturn => {\n  const scrollViewRootClass = useClassNamePrefix('ScrollView');\n  const scrollViewRootDirectionClass = `${scrollViewRootClass}--${direction}`;\n  const scrollViewRootScrollbarDisabledClass = `${scrollViewRootClass}--scrollbarDisabled`;\n  const scrollViewViewportClass = `${scrollViewRootClass}__viewport`;\n  const scrollViewContentClass = `${scrollViewRootClass}__content`;\n  const scrollViewOverflowDecoratorsClass = `${scrollViewRootClass}__overflowDecorators`;\n  const scrollViewRootOverflowDecoratorsClasses = {\n    shadows: `${scrollViewOverflowDecoratorsClass}--shadows`,\n    borders: `${scrollViewOverflowDecoratorsClass}--borders`,\n    both: classNames(`${scrollViewOverflowDecoratorsClass}--shadows`, `${scrollViewOverflowDecoratorsClass}--borders`),\n  };\n  const scrollViewRootOverflowDecoratorsClass = scrollViewRootOverflowDecoratorsClasses[overflowDecorators];\n  const scrollViewAtStartClass = 'is-scrolled-at-start';\n  const scrollViewAtEndClass = 'is-scrolled-at-end';\n  const scrollViewArrowsClass = `${scrollViewRootClass}__arrows`;\n\n  return {\n    classProps: {\n      root: classNames(scrollViewRootClass, scrollViewRootDirectionClass, {\n        [scrollViewRootScrollbarDisabledClass]: isScrollbarDisabled,\n        [scrollViewAtEndClass]: isScrolledAtEnd,\n        [scrollViewAtStartClass]: isScrolledAtStart,\n      }),\n      viewport: scrollViewViewportClass,\n      content: scrollViewContentClass,\n      overflowDecorators: classNames(scrollViewOverflowDecoratorsClass, scrollViewRootOverflowDecoratorsClass),\n      arrows: scrollViewArrowsClass,\n    },\n  };\n};\n"],"names":["useScrollViewStyleProps","direction","isScrollbarDisabled","isScrolledAtEnd","isScrolledAtStart","overflowDecorators","SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR","scrollViewRootClass","useClassNamePrefix","scrollViewRootDirectionClass","scrollViewRootScrollbarDisabledClass","scrollViewViewportClass","scrollViewContentClass","scrollViewOverflowDecoratorsClass","scrollViewRootOverflowDecoratorsClass","classNames","scrollViewAtStartClass","scrollViewAtEndClass","scrollViewArrowsClass"],"mappings":";;;AAwBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC,IAAqBC;AACvB,MAAkE;AAChE,QAAMC,IAAsBC,EAAmB,YAAY,GACrDC,IAA+B,GAAGF,CAAmB,KAAKN,CAAS,IACnES,IAAuC,GAAGH,CAAmB,uBAC7DI,IAA0B,GAAGJ,CAAmB,cAChDK,IAAyB,GAAGL,CAAmB,aAC/CM,IAAoC,GAAGN,CAAmB,wBAM1DO,IAL0C;AAAA,IAC9C,SAAS,GAAGD,CAAiC;AAAA,IAC7C,SAAS,GAAGA,CAAiC;AAAA,IAC7C,MAAME,EAAW,GAAGF,CAAiC,aAAa,GAAGA,CAAiC,WAAW;AAAA,EAAA,EAE7BR,CAAkB,GAClGW,IAAyB,wBACzBC,IAAuB,sBACvBC,IAAwB,GAAGX,CAAmB;AAEpD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ,EAAWR,GAAqBE,GAA8B;AAAA,QAClE,CAACC,CAAoC,GAAGR;AAAA,QACxC,CAACe,CAAoB,GAAGd;AAAA,QACxB,CAACa,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,UAAUO;AAAA,MACV,SAASC;AAAA,MACT,oBAAoBG,EAAWF,GAAmCC,CAAqC;AAAA,MACvG,QAAQI;AAAA,IAAA;AAAA,EACV;AAEJ;"}
+{"version":3,"file":"useScrollViewStyleProps.js","sources":["../../../src/components/ScrollView/useScrollViewStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type ScrollViewDirectionType, type ScrollViewOverflowDecoratorsType } from '../../types';\nimport { SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR } from './constants';\n\nexport interface UseScrollViewStyleProps {\n  direction: ScrollViewDirectionType;\n  isScrollbarDisabled?: boolean;\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  overflowDecorators: ScrollViewOverflowDecoratorsType;\n}\n\nexport interface UseScrollViewStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    viewport: string;\n    content: string;\n    overflowDecorators: string;\n    arrows: string;\n  };\n}\n\nexport const useScrollViewStyleProps = ({\n  direction,\n  isScrollbarDisabled,\n  isScrolledAtEnd,\n  isScrolledAtStart,\n  overflowDecorators = SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR,\n}: Partial<UseScrollViewStyleProps>): UseScrollViewStyleReturn => {\n  const scrollViewClass = useClassNamePrefix('ScrollView');\n  const scrollViewDirectionClass = `${scrollViewClass}--${direction}`;\n  const scrollViewScrollbarDisabledClass = `${scrollViewClass}--scrollbarDisabled`;\n  const scrollViewViewportClass = `${scrollViewClass}__viewport`;\n  const scrollViewContentClass = `${scrollViewClass}__content`;\n  const scrollViewOverflowDecoratorsClass = `${scrollViewClass}__overflowDecorators`;\n  const scrollViewOverflowDecoratorsVariantClasses = {\n    shadows: `${scrollViewOverflowDecoratorsClass}--shadows`,\n    borders: `${scrollViewOverflowDecoratorsClass}--borders`,\n    both: classNames(`${scrollViewOverflowDecoratorsClass}--shadows`, `${scrollViewOverflowDecoratorsClass}--borders`),\n  };\n  const scrollViewOverflowDecoratorsVariantClass = scrollViewOverflowDecoratorsVariantClasses[overflowDecorators];\n  const scrollViewAtStartClass = 'is-scrolled-at-start';\n  const scrollViewAtEndClass = 'is-scrolled-at-end';\n  const scrollViewArrowsClass = `${scrollViewClass}__arrows`;\n\n  return {\n    classProps: {\n      root: classNames(scrollViewClass, scrollViewDirectionClass, {\n        [scrollViewScrollbarDisabledClass]: isScrollbarDisabled,\n        [scrollViewAtEndClass]: isScrolledAtEnd,\n        [scrollViewAtStartClass]: isScrolledAtStart,\n      }),\n      viewport: scrollViewViewportClass,\n      content: scrollViewContentClass,\n      overflowDecorators: classNames(scrollViewOverflowDecoratorsClass, scrollViewOverflowDecoratorsVariantClass),\n      arrows: scrollViewArrowsClass,\n    },\n  };\n};\n"],"names":["useScrollViewStyleProps","direction","isScrollbarDisabled","isScrolledAtEnd","isScrolledAtStart","overflowDecorators","SCROLL_VIEW_DEFAULT_OVERFLOW_DECORATOR","scrollViewClass","useClassNamePrefix","scrollViewDirectionClass","scrollViewScrollbarDisabledClass","scrollViewViewportClass","scrollViewContentClass","scrollViewOverflowDecoratorsClass","scrollViewOverflowDecoratorsVariantClass","classNames","scrollViewAtStartClass","scrollViewAtEndClass","scrollViewArrowsClass"],"mappings":";;;AAwBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC,IAAqBC;AACvB,MAAkE;AAChE,QAAMC,IAAkBC,EAAmB,YAAY,GACjDC,IAA2B,GAAGF,CAAe,KAAKN,CAAS,IAC3DS,IAAmC,GAAGH,CAAe,uBACrDI,IAA0B,GAAGJ,CAAe,cAC5CK,IAAyB,GAAGL,CAAe,aAC3CM,IAAoC,GAAGN,CAAe,wBAMtDO,IAL6C;AAAA,IACjD,SAAS,GAAGD,CAAiC;AAAA,IAC7C,SAAS,GAAGA,CAAiC;AAAA,IAC7C,MAAME,EAAW,GAAGF,CAAiC,aAAa,GAAGA,CAAiC,WAAW;AAAA,EAAA,EAEvBR,CAAkB,GACxGW,IAAyB,wBACzBC,IAAuB,sBACvBC,IAAwB,GAAGX,CAAe;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ,EAAWR,GAAiBE,GAA0B;AAAA,QAC1D,CAACC,CAAgC,GAAGR;AAAA,QACpC,CAACe,CAAoB,GAAGd;AAAA,QACxB,CAACa,CAAsB,GAAGZ;AAAA,MAAA,CAC3B;AAAA,MACD,UAAUO;AAAA,MACV,SAASC;AAAA,MACT,oBAAoBG,EAAWF,GAAmCC,CAAwC;AAAA,MAC1G,QAAQI;AAAA,IAAA;AAAA,EACV;AAEJ;"}

package/dist/components/ScrollView.d.ts

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

package/dist/components/Section/demo/SectionBackground.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("../../../constants/dictionaries.cjs"),i=require("../../Heading/Heading.cjs"),r=require("../Section.cjs"),l=()=>s.jsx(s.Fragment,{children:Object.values(t.BackgroundColors).map(e=>s.jsx(r.default,{backgroundColor:e,size:"xsmall",children:s.jsx(i.default,{elementType:"h2",size:"xsmall",children:e.slice(0,1).toUpperCase()+e.slice(1)})},e))});exports.default=l;
+//# sourceMappingURL=SectionBackground.cjs.map

package/dist/components/Section/demo/SectionBackground.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionBackground.cjs","sources":["../../../../src/components/Section/demo/SectionBackground.tsx"],"sourcesContent":["import React from 'react';\nimport { BackgroundColors } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionBackground = () => (\n  <>\n    {Object.values(BackgroundColors).map((background) => (\n      <Section key={background} backgroundColor={background} size=\"xsmall\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          {background.slice(0, 1).toUpperCase() + background.slice(1)}\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionBackground;\n"],"names":["SectionBackground","jsx","Fragment","BackgroundColors","background","Section","Heading"],"mappings":"qQAKMA,EAAoB,IACxBC,EAAAA,IAAAC,WAAA,CACG,SAAA,OAAO,OAAOC,EAAAA,gBAAgB,EAAE,IAAKC,SACnCC,EAAAA,QAAA,CAAyB,gBAAiBD,EAAY,KAAK,SAC1D,SAAAH,EAAAA,IAACK,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAC5B,SAAAF,EAAW,MAAM,EAAG,CAAC,EAAE,YAAA,EAAgBA,EAAW,MAAM,CAAC,EAC5D,CAAA,EAHYA,CAId,CACD,CAAA,CACH"}

package/dist/components/Section/demo/SectionBackground.js

@@ -0,0 +1,9 @@
+import { jsx as o, Fragment as r } from "react/jsx-runtime";
+import { BackgroundColors as i } from "../../../constants/dictionaries.js";
+import t from "../../Heading/Heading.js";
+import l from "../Section.js";
+const n = () => /* @__PURE__ */ o(r, { children: Object.values(i).map((e) => /* @__PURE__ */ o(l, { backgroundColor: e, size: "xsmall", children: /* @__PURE__ */ o(t, { elementType: "h2", size: "xsmall", children: e.slice(0, 1).toUpperCase() + e.slice(1) }) }, e)) });
+export {
+  n as default
+};
+//# sourceMappingURL=SectionBackground.js.map

package/dist/components/Section/demo/SectionBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionBackground.js","sources":["../../../../src/components/Section/demo/SectionBackground.tsx"],"sourcesContent":["import React from 'react';\nimport { BackgroundColors } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionBackground = () => (\n  <>\n    {Object.values(BackgroundColors).map((background) => (\n      <Section key={background} backgroundColor={background} size=\"xsmall\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          {background.slice(0, 1).toUpperCase() + background.slice(1)}\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionBackground;\n"],"names":["SectionBackground","jsx","Fragment","BackgroundColors","background","Section","Heading"],"mappings":";;;;AAKA,MAAMA,IAAoB,MACxB,gBAAAC,EAAAC,GAAA,EACG,UAAA,OAAO,OAAOC,CAAgB,EAAE,IAAI,CAACC,wBACnCC,GAAA,EAAyB,iBAAiBD,GAAY,MAAK,UAC1D,UAAA,gBAAAH,EAACK,GAAA,EAAQ,aAAY,MAAK,MAAK,UAC5B,UAAAF,EAAW,MAAM,GAAG,CAAC,EAAE,YAAA,IAAgBA,EAAW,MAAM,CAAC,GAC5D,EAAA,GAHYA,CAId,CACD,EAAA,CACH;"}

package/dist/components/Section/demo/SectionCustomPadding.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../Heading/Heading.cjs"),d=require("../Section.cjs"),s=()=>e.jsx(d.default,{paddingY:"space-500",paddingTop:{desktop:"space-1000"},paddingBottom:{desktop:"space-1400"},backgroundColor:"secondary",children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Custom Padding"})});exports.default=s;
+//# sourceMappingURL=SectionCustomPadding.cjs.map

package/dist/components/Section/demo/SectionCustomPadding.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCustomPadding.cjs","sources":["../../../../src/components/Section/demo/SectionCustomPadding.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionCustomPadding = () => (\n  <Section\n    paddingY=\"space-500\"\n    paddingTop={{ desktop: 'space-1000' }}\n    paddingBottom={{ desktop: 'space-1400' }}\n    backgroundColor=\"secondary\"\n  >\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Custom Padding\n    </Heading>\n  </Section>\n);\n\nexport default SectionCustomPadding;\n"],"names":["SectionCustomPadding","jsx","Section","Heading"],"mappings":"oNAIMA,EAAuB,IAC3BC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAS,YACT,WAAY,CAAE,QAAS,YAAA,EACvB,cAAe,CAAE,QAAS,YAAA,EAC1B,gBAAgB,YAEhB,eAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,gBAAA,CAExC,CAAA,CACF"}

package/dist/components/Section/demo/SectionCustomPadding.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "../../Heading/Heading.js";
+import d from "../Section.js";
+const a = () => /* @__PURE__ */ o(
+  d,
+  {
+    paddingY: "space-500",
+    paddingTop: { desktop: "space-1000" },
+    paddingBottom: { desktop: "space-1400" },
+    backgroundColor: "secondary",
+    children: /* @__PURE__ */ o(e, { elementType: "h2", size: "xsmall", children: "Custom Padding" })
+  }
+);
+export {
+  a as default
+};
+//# sourceMappingURL=SectionCustomPadding.js.map

package/dist/components/Section/demo/SectionCustomPadding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCustomPadding.js","sources":["../../../../src/components/Section/demo/SectionCustomPadding.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionCustomPadding = () => (\n  <Section\n    paddingY=\"space-500\"\n    paddingTop={{ desktop: 'space-1000' }}\n    paddingBottom={{ desktop: 'space-1400' }}\n    backgroundColor=\"secondary\"\n  >\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Custom Padding\n    </Heading>\n  </Section>\n);\n\nexport default SectionCustomPadding;\n"],"names":["SectionCustomPadding","jsx","Section","Heading"],"mappings":";;;AAIA,MAAMA,IAAuB,MAC3B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,YAAY,EAAE,SAAS,aAAA;AAAA,IACvB,eAAe,EAAE,SAAS,aAAA;AAAA,IAC1B,iBAAgB;AAAA,IAEhB,4BAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,iBAAA,CAExC;AAAA,EAAA;AACF;"}

package/dist/components/Section/demo/SectionDefault.cjs

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

package/dist/components/Section/demo/SectionDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDefault.cjs","sources":["../../../../src/components/Section/demo/SectionDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionDefault = () => (\n  <Section>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Section\n    </Heading>\n  </Section>\n);\n\nexport default SectionDefault;\n"],"names":["SectionDefault","jsx","Section","Heading"],"mappings":"oNAIMA,EAAiB,IACrBC,EAAAA,IAACC,EAAAA,QAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,SAAA,CAExC,CAAA,CACF"}

package/dist/components/Section/demo/SectionDefault.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../Heading/Heading.js";
+import i from "../Section.js";
+const n = () => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { elementType: "h2", size: "xsmall", children: "Section" }) });
+export {
+  n as default
+};
+//# sourceMappingURL=SectionDefault.js.map

package/dist/components/Section/demo/SectionDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDefault.js","sources":["../../../../src/components/Section/demo/SectionDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionDefault = () => (\n  <Section>\n    <Heading elementType=\"h2\" size=\"xsmall\">\n      Section\n    </Heading>\n  </Section>\n);\n\nexport default SectionDefault;\n"],"names":["SectionDefault","jsx","Section","Heading"],"mappings":";;;AAIA,MAAMA,IAAiB,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,UAAA,CAExC,EAAA,CACF;"}

package/dist/components/Section/demo/SectionSizes.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("../../../constants/dictionaries.cjs"),r=require("../../Heading/Heading.cjs"),s=require("../Section.cjs"),n=()=>e.jsx(e.Fragment,{children:Object.values(i.SizesExtended).map(t=>e.jsx(s.default,{size:t,backgroundColor:"secondary",children:e.jsxs(r.default,{elementType:"h2",size:"xsmall",children:["Section of ",t," size"]})},t))});exports.default=n;
+//# sourceMappingURL=SectionSizes.cjs.map

package/dist/components/Section/demo/SectionSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSizes.cjs","sources":["../../../../src/components/Section/demo/SectionSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionSizes = () => (\n  <>\n    {Object.values(SizesExtended).map((size) => (\n      <Section key={size} size={size} backgroundColor=\"secondary\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          Section of {size} size\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionSizes;\n"],"names":["SectionSizes","jsx","Fragment","SizesExtended","size","Section","jsxs","Heading"],"mappings":"qQAKMA,EAAe,IACnBC,EAAAA,IAAAC,EAAAA,SAAA,CACG,SAAA,OAAO,OAAOC,eAAa,EAAE,IAAKC,SAChCC,UAAA,CAAmB,KAAAD,EAAY,gBAAgB,YAC9C,SAAAE,EAAAA,KAACC,WAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,CAAA,cAC1BH,EAAK,OAAA,EACnB,CAAA,EAHYA,CAId,CACD,CAAA,CACH"}

package/dist/components/Section/demo/SectionSizes.js

@@ -0,0 +1,13 @@
+import { jsx as o, Fragment as r, jsxs as t } from "react/jsx-runtime";
+import { SizesExtended as i } from "../../../constants/dictionaries.js";
+import n from "../../Heading/Heading.js";
+import m from "../Section.js";
+const l = () => /* @__PURE__ */ o(r, { children: Object.values(i).map((e) => /* @__PURE__ */ o(m, { size: e, backgroundColor: "secondary", children: /* @__PURE__ */ t(n, { elementType: "h2", size: "xsmall", children: [
+  "Section of ",
+  e,
+  " size"
+] }) }, e)) });
+export {
+  l as default
+};
+//# sourceMappingURL=SectionSizes.js.map

package/dist/components/Section/demo/SectionSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSizes.js","sources":["../../../../src/components/Section/demo/SectionSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionSizes = () => (\n  <>\n    {Object.values(SizesExtended).map((size) => (\n      <Section key={size} size={size} backgroundColor=\"secondary\">\n        <Heading elementType=\"h2\" size=\"xsmall\">\n          Section of {size} size\n        </Heading>\n      </Section>\n    ))}\n  </>\n);\n\nexport default SectionSizes;\n"],"names":["SectionSizes","jsx","Fragment","SizesExtended","size","Section","jsxs","Heading"],"mappings":";;;;AAKA,MAAMA,IAAe,MACnB,gBAAAC,EAAAC,GAAA,EACG,UAAA,OAAO,OAAOC,CAAa,EAAE,IAAI,CAACC,wBAChCC,GAAA,EAAmB,MAAAD,GAAY,iBAAgB,aAC9C,UAAA,gBAAAE,EAACC,KAAQ,aAAY,MAAK,MAAK,UAAS,UAAA;AAAA,EAAA;AAAA,EAC1BH;AAAA,EAAK;AAAA,GACnB,EAAA,GAHYA,CAId,CACD,EAAA,CACH;"}

package/dist/components/Section/demo/SectionTextAlignment.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("../../../constants/dictionaries.cjs"),t=require("../../Heading/Heading.cjs"),n=require("../Section.cjs"),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n.default,{children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})}),e.jsx(n.default,{textAlignment:i.TextAlignments.CENTER,children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})}),e.jsx(n.default,{textAlignment:i.TextAlignments.RIGHT,children:e.jsx(t.default,{elementType:"h2",size:"xsmall",children:"Section"})})]});exports.default=l;
+//# sourceMappingURL=SectionTextAlignment.cjs.map

package/dist/components/Section/demo/SectionTextAlignment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTextAlignment.cjs","sources":["../../../../src/components/Section/demo/SectionTextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionTextAlignment = () => (\n  <>\n    <Section>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.CENTER}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.RIGHT}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n  </>\n);\n\nexport default SectionTextAlignment;\n"],"names":["SectionTextAlignment","jsxs","Fragment","jsx","Section","Heading","TextAlignments"],"mappings":"qQAKMA,EAAuB,IAC3BC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,eAACC,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,mBAExC,CAAA,CACF,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAQ,cAAeE,EAAAA,eAAe,OACrC,SAAAH,MAACE,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,SAAA,CAExC,EACF,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAQ,cAAeE,EAAAA,eAAe,MACrC,SAAAH,EAAAA,IAACE,EAAAA,QAAA,CAAQ,YAAY,KAAK,KAAK,SAAS,SAAA,SAAA,CAExC,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/Section/demo/SectionTextAlignment.js

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

package/dist/components/Section/demo/SectionTextAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTextAlignment.js","sources":["../../../../src/components/Section/demo/SectionTextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport { Heading } from '../../Heading';\nimport Section from '../Section';\n\nconst SectionTextAlignment = () => (\n  <>\n    <Section>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.CENTER}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n    <Section textAlignment={TextAlignments.RIGHT}>\n      <Heading elementType=\"h2\" size=\"xsmall\">\n        Section\n      </Heading>\n    </Section>\n  </>\n);\n\nexport default SectionTextAlignment;\n"],"names":["SectionTextAlignment","jsxs","Fragment","jsx","Section","Heading","TextAlignments"],"mappings":";;;;AAKA,MAAMA,IAAuB,MAC3B,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACC,4BAACC,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,qBAExC,EAAA,CACF;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAQ,eAAeE,EAAe,QACrC,UAAA,gBAAAH,EAACE,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,UAAA,CAExC,GACF;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAQ,eAAeE,EAAe,OACrC,UAAA,gBAAAH,EAACE,GAAA,EAAQ,aAAY,MAAK,MAAK,UAAS,UAAA,UAAA,CAExC,EAAA,CACF;AAAA,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("./SectionBackground.cjs"),c=require("./SectionCustomPadding.cjs"),r=require("./SectionDefault.cjs"),s=require("./SectionSizes.cjs"),l=require("./SectionTextAlignment.cjs"),o=()=>e.jsxs(n.StrictMode,{children:[e.jsx(t.default,{title:"Default",stackAlignment:"stretch",container:"heading-only",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Predefined Sizes",stackAlignment:"stretch",container:"heading-only",children:e.jsx(s.default,{})}),e.jsx(t.default,{title:"Custom Padding",stackAlignment:"stretch",container:"heading-only",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Background",stackAlignment:"stretch",container:"heading-only",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Text Alignment",stackAlignment:"stretch",container:"heading-only",children:e.jsx(l.default,{})})]});exports.Preview=o;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Section/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport SectionBackground from './SectionBackground';\nimport SectionCustomPadding from './SectionCustomPadding';\nimport SectionDefault from './SectionDefault';\nimport SectionSizes from './SectionSizes';\nimport SectionTextAlignment from './SectionTextAlignment';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionDefault />\n    </DocsSection>\n    <DocsSection title=\"Predefined Sizes\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionSizes />\n    </DocsSection>\n    <DocsSection title=\"Custom Padding\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionCustomPadding />\n    </DocsSection>\n    <DocsSection title=\"Background\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionBackground />\n    </DocsSection>\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionTextAlignment />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","SectionDefault","SectionSizes","SectionCustomPadding","SectionBackground","SectionTextAlignment"],"mappings":"iYAUaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,UAAU,eAAe,UAAU,UAAU,eAC9D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAA,CAAe,CAAA,CAClB,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,mBAAmB,eAAe,UAAU,UAAU,eACvE,SAAAD,EAAAA,IAACG,EAAAA,QAAA,CAAA,CAAa,CAAA,CAChB,EACAH,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,iBAAiB,eAAe,UAAU,UAAU,eACrE,SAAAD,EAAAA,IAACI,EAAAA,QAAA,CAAA,CAAqB,CAAA,CACxB,EACAJ,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,aAAa,eAAe,UAAU,UAAU,eACjE,SAAAD,EAAAA,IAACK,EAAAA,QAAA,CAAA,CAAkB,CAAA,CACrB,EACAL,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAM,iBAAiB,eAAe,UAAU,UAAU,eACrE,SAAAD,EAAAA,IAACM,EAAAA,QAAA,CAAA,CAAqB,CAAA,CACxB,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import e from "../../../web-react/docs/DocsSection.js";
+import o from "./SectionBackground.js";
+import r from "./SectionCustomPadding.js";
+import c from "./SectionDefault.js";
+import l from "./SectionSizes.js";
+import m from "./SectionTextAlignment.js";
+const u = () => /* @__PURE__ */ n(i, { children: [
+  /* @__PURE__ */ t(e, { title: "Default", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(e, { title: "Predefined Sizes", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(e, { title: "Custom Padding", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(r, {}) }),
+  /* @__PURE__ */ t(e, { title: "Background", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(o, {}) }),
+  /* @__PURE__ */ t(e, { title: "Text Alignment", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(m, {}) })
+] });
+export {
+  u as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Section/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport SectionBackground from './SectionBackground';\nimport SectionCustomPadding from './SectionCustomPadding';\nimport SectionDefault from './SectionDefault';\nimport SectionSizes from './SectionSizes';\nimport SectionTextAlignment from './SectionTextAlignment';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionDefault />\n    </DocsSection>\n    <DocsSection title=\"Predefined Sizes\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionSizes />\n    </DocsSection>\n    <DocsSection title=\"Custom Padding\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionCustomPadding />\n    </DocsSection>\n    <DocsSection title=\"Background\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionBackground />\n    </DocsSection>\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <SectionTextAlignment />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","SectionDefault","SectionSizes","SectionCustomPadding","SectionBackground","SectionTextAlignment"],"mappings":";;;;;;;;;AAUO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WAAU,gBAAe,WAAU,WAAU,gBAC9D,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAe,EAAA,CAClB;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAY,OAAM,oBAAmB,gBAAe,WAAU,WAAU,gBACvE,UAAA,gBAAAD,EAACG,GAAA,CAAA,CAAa,EAAA,CAChB;AAAA,EACA,gBAAAH,EAACC,GAAA,EAAY,OAAM,kBAAiB,gBAAe,WAAU,WAAU,gBACrE,UAAA,gBAAAD,EAACI,GAAA,CAAA,CAAqB,EAAA,CACxB;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAY,OAAM,cAAa,gBAAe,WAAU,WAAU,gBACjE,UAAA,gBAAAD,EAACK,GAAA,CAAA,CAAkB,EAAA,CACrB;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAY,OAAM,kBAAiB,gBAAe,WAAU,WAAU,gBACrE,UAAA,gBAAAD,EAACM,GAAA,CAAA,CAAqB,EAAA,CACxB;AAAA,EAAA,CACF;"}

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

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

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

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

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

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

package/dist/components/Section.d.ts

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

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSegmentedControlStyleProps.cjs","sources":["../../../src/components/SegmentedControl/useSegmentedControlStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { FillVariants } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\n\nexport interface UseSegmentedControlStylesProps extends Omit<SpiritSegmentedControlProps, 'name'> {}\n\nexport interface UseSegmentedControlStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: string;\n    label: string;\n  };\n  /** props to be passed to the element */\n  props: Omit<SpiritSegmentedControlProps, 'name'>;\n}\n\nexport const useSegmentedControlStyleProps = (\n  props: UseSegmentedControlStylesProps,\n): UseSegmentedControlStylesReturn => {\n  const { isFluid, variant = FillVariants.OUTLINE, ...restProps } = props;\n\n  const segmentedControlClass = useClassNamePrefix('SegmentedControl');\n  const segmentedControlVariantClass = `${segmentedControlClass}--${variant}`;\n  const segmentedControlFluidClass = `${segmentedControlClass}--fluid`;\n  const segmentedControlItemClass = `${segmentedControlClass}Item`;\n  const segmentedControlItemInputClass = `${segmentedControlItemClass}__input`;\n  const segmentedControlItemLabelClass = `${segmentedControlItemClass}__label`;\n\n  const classProps = {\n    root: classNames(segmentedControlClass, segmentedControlVariantClass, {\n      [segmentedControlFluidClass]: isFluid,\n    }),\n    input: segmentedControlItemInputClass,\n    label: segmentedControlItemLabelClass,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useSegmentedControlStyleProps","props","isFluid","variant","FillVariants","restProps","segmentedControlClass","useClassNamePrefix","segmentedControlVariantClass","segmentedControlFluidClass","segmentedControlItemClass","segmentedControlItemInputClass","segmentedControlItemLabelClass","classNames"],"mappings":"4MAkBaA,EACXC,GACoC,CACpC,KAAM,CAAE,QAAAC,EAAS,QAAAC,EAAUC,EAAAA,aAAa,QAAS,GAAGC,GAAcJ,EAE5DK,EAAwBC,EAAAA,mBAAmB,kBAAkB,EAC7DC,EAA+B,GAAGF,CAAqB,KAAKH,CAAO,GACnEM,EAA6B,GAAGH,CAAqB,UACrDI,EAA4B,GAAGJ,CAAqB,OACpDK,EAAiC,GAAGD,CAAyB,UAC7DE,EAAiC,GAAGF,CAAyB,UAUnE,MAAO,CACL,WATiB,CACjB,KAAMG,EAAWP,EAAuBE,EAA8B,CACpE,CAACC,CAA0B,EAAGP,CAAA,CAC/B,EACD,MAAOS,EACP,MAAOC,CAAA,EAKP,MAAOP,CAAA,CAEX"}
+{"version":3,"file":"useSegmentedControlStyleProps.cjs","sources":["../../../src/components/SegmentedControl/useSegmentedControlStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { FillVariants } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\n\nexport interface UseSegmentedControlStylesProps extends Partial<Omit<SpiritSegmentedControlProps, 'name'>> {}\n\nexport interface UseSegmentedControlStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: string;\n    label: string;\n  };\n  /** props to be passed to the element */\n  props: UseSegmentedControlStylesProps;\n}\n\nexport const useSegmentedControlStyleProps = (\n  props: UseSegmentedControlStylesProps,\n): UseSegmentedControlStylesReturn => {\n  const { isFluid, variant = FillVariants.OUTLINE, ...restProps } = props;\n\n  const segmentedControlClass = useClassNamePrefix('SegmentedControl');\n  const segmentedControlVariantClass = `${segmentedControlClass}--${variant}`;\n  const segmentedControlFluidClass = `${segmentedControlClass}--fluid`;\n  const segmentedControlItemClass = `${segmentedControlClass}Item`;\n  const segmentedControlItemInputClass = `${segmentedControlItemClass}__input`;\n  const segmentedControlItemLabelClass = `${segmentedControlItemClass}__label`;\n\n  const classProps = {\n    root: classNames(segmentedControlClass, segmentedControlVariantClass, {\n      [segmentedControlFluidClass]: isFluid,\n    }),\n    input: segmentedControlItemInputClass,\n    label: segmentedControlItemLabelClass,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useSegmentedControlStyleProps","props","isFluid","variant","FillVariants","restProps","segmentedControlClass","useClassNamePrefix","segmentedControlVariantClass","segmentedControlFluidClass","segmentedControlItemClass","segmentedControlItemInputClass","segmentedControlItemLabelClass","classNames"],"mappings":"4MAkBaA,EACXC,GACoC,CACpC,KAAM,CAAE,QAAAC,EAAS,QAAAC,EAAUC,EAAAA,aAAa,QAAS,GAAGC,GAAcJ,EAE5DK,EAAwBC,EAAAA,mBAAmB,kBAAkB,EAC7DC,EAA+B,GAAGF,CAAqB,KAAKH,CAAO,GACnEM,EAA6B,GAAGH,CAAqB,UACrDI,EAA4B,GAAGJ,CAAqB,OACpDK,EAAiC,GAAGD,CAAyB,UAC7DE,EAAiC,GAAGF,CAAyB,UAUnE,MAAO,CACL,WATiB,CACjB,KAAMG,EAAWP,EAAuBE,EAA8B,CACpE,CAACC,CAA0B,EAAGP,CAAA,CAC/B,EACD,MAAOS,EACP,MAAOC,CAAA,EAKP,MAAOP,CAAA,CAEX"}

package/dist/components/SegmentedControl/useSegmentedControlStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSegmentedControlStyleProps.js","sources":["../../../src/components/SegmentedControl/useSegmentedControlStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { FillVariants } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\n\nexport interface UseSegmentedControlStylesProps extends Omit<SpiritSegmentedControlProps, 'name'> {}\n\nexport interface UseSegmentedControlStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: string;\n    label: string;\n  };\n  /** props to be passed to the element */\n  props: Omit<SpiritSegmentedControlProps, 'name'>;\n}\n\nexport const useSegmentedControlStyleProps = (\n  props: UseSegmentedControlStylesProps,\n): UseSegmentedControlStylesReturn => {\n  const { isFluid, variant = FillVariants.OUTLINE, ...restProps } = props;\n\n  const segmentedControlClass = useClassNamePrefix('SegmentedControl');\n  const segmentedControlVariantClass = `${segmentedControlClass}--${variant}`;\n  const segmentedControlFluidClass = `${segmentedControlClass}--fluid`;\n  const segmentedControlItemClass = `${segmentedControlClass}Item`;\n  const segmentedControlItemInputClass = `${segmentedControlItemClass}__input`;\n  const segmentedControlItemLabelClass = `${segmentedControlItemClass}__label`;\n\n  const classProps = {\n    root: classNames(segmentedControlClass, segmentedControlVariantClass, {\n      [segmentedControlFluidClass]: isFluid,\n    }),\n    input: segmentedControlItemInputClass,\n    label: segmentedControlItemLabelClass,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useSegmentedControlStyleProps","props","isFluid","variant","FillVariants","restProps","segmentedControlClass","useClassNamePrefix","segmentedControlVariantClass","segmentedControlFluidClass","segmentedControlItemClass","segmentedControlItemInputClass","segmentedControlItemLabelClass","classNames"],"mappings":";;;AAkBO,MAAMA,IAAgC,CAC3CC,MACoC;AACpC,QAAM,EAAE,SAAAC,GAAS,SAAAC,IAAUC,EAAa,SAAS,GAAGC,MAAcJ,GAE5DK,IAAwBC,EAAmB,kBAAkB,GAC7DC,IAA+B,GAAGF,CAAqB,KAAKH,CAAO,IACnEM,IAA6B,GAAGH,CAAqB,WACrDI,IAA4B,GAAGJ,CAAqB,QACpDK,IAAiC,GAAGD,CAAyB,WAC7DE,IAAiC,GAAGF,CAAyB;AAUnE,SAAO;AAAA,IACL,YATiB;AAAA,MACjB,MAAMG,EAAWP,GAAuBE,GAA8B;AAAA,QACpE,CAACC,CAA0B,GAAGP;AAAA,MAAA,CAC/B;AAAA,MACD,OAAOS;AAAA,MACP,OAAOC;AAAA,IAAA;AAAA,IAKP,OAAOP;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useSegmentedControlStyleProps.js","sources":["../../../src/components/SegmentedControl/useSegmentedControlStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { FillVariants } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\n\nexport interface UseSegmentedControlStylesProps extends Partial<Omit<SpiritSegmentedControlProps, 'name'>> {}\n\nexport interface UseSegmentedControlStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: string;\n    label: string;\n  };\n  /** props to be passed to the element */\n  props: UseSegmentedControlStylesProps;\n}\n\nexport const useSegmentedControlStyleProps = (\n  props: UseSegmentedControlStylesProps,\n): UseSegmentedControlStylesReturn => {\n  const { isFluid, variant = FillVariants.OUTLINE, ...restProps } = props;\n\n  const segmentedControlClass = useClassNamePrefix('SegmentedControl');\n  const segmentedControlVariantClass = `${segmentedControlClass}--${variant}`;\n  const segmentedControlFluidClass = `${segmentedControlClass}--fluid`;\n  const segmentedControlItemClass = `${segmentedControlClass}Item`;\n  const segmentedControlItemInputClass = `${segmentedControlItemClass}__input`;\n  const segmentedControlItemLabelClass = `${segmentedControlItemClass}__label`;\n\n  const classProps = {\n    root: classNames(segmentedControlClass, segmentedControlVariantClass, {\n      [segmentedControlFluidClass]: isFluid,\n    }),\n    input: segmentedControlItemInputClass,\n    label: segmentedControlItemLabelClass,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useSegmentedControlStyleProps","props","isFluid","variant","FillVariants","restProps","segmentedControlClass","useClassNamePrefix","segmentedControlVariantClass","segmentedControlFluidClass","segmentedControlItemClass","segmentedControlItemInputClass","segmentedControlItemLabelClass","classNames"],"mappings":";;;AAkBO,MAAMA,IAAgC,CAC3CC,MACoC;AACpC,QAAM,EAAE,SAAAC,GAAS,SAAAC,IAAUC,EAAa,SAAS,GAAGC,MAAcJ,GAE5DK,IAAwBC,EAAmB,kBAAkB,GAC7DC,IAA+B,GAAGF,CAAqB,KAAKH,CAAO,IACnEM,IAA6B,GAAGH,CAAqB,WACrDI,IAA4B,GAAGJ,CAAqB,QACpDK,IAAiC,GAAGD,CAAyB,WAC7DE,IAAiC,GAAGF,CAAyB;AAUnE,SAAO;AAAA,IACL,YATiB;AAAA,MACjB,MAAMG,EAAWP,GAAuBE,GAA8B;AAAA,QACpE,CAACC,CAA0B,GAAGP;AAAA,MAAA,CAC/B;AAAA,MACD,OAAOS;AAAA,MACP,OAAOC;AAAA,IAAA;AAAA,IAKP,OAAOP;AAAA,EAAA;AAEX;"}

package/dist/components/SegmentedControl.d.ts

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

package/dist/components/Select/useSelectStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),P=require("../../hooks/useClassNamePrefix.cjs"),R=({isDisabled:c,isFluid:a,isLabelHidden:n,isRequired:i,size:t,validationState:l})=>{const e=P.useClassNamePrefix("Select"),r=`${e}--fluid`,u=`${e}--disabled`,C=`${e}--${t}`,d=`${e}--${l}`,s=`${e}__label`,$=`${s}--required`,_=`${s}--hidden`,p=`${e}__inputContainer`,b=`${e}__input`,x=`${e}__icon`,S=`${e}__validationText`,T=`${e}__helperText`;return{classProps:{root:o(e,{[u]:c,[r]:a,[C]:t,[d]:l}),label:o(s,{[$]:i,[_]:n}),container:p,input:b,icon:x,validationText:S,helperText:T}}};exports.useSelectStyleProps=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("classnames"),P=require("../../hooks/useClassNamePrefix.cjs"),f=({isDisabled:a,isFluid:n,isLabelHidden:o,isRequired:i,size:t,validationState:l})=>{const e=P.useClassNamePrefix("Select"),r=`${e}--fluid`,u=`${e}--disabled`,C=`${e}--${t}`,d=`${e}--${l}`,s=`${e}__label`,$=`${s}--required`,_=`${s}--hidden`,p=`${e}__inputContainer`,b=`${e}__input`,x=`${e}__icon`,S=`${e}__validationText`,T=`${e}__helperText`;return{classProps:{root:c(e,{[u]:a,[r]:n,[C]:t,[d]:l}),label:c(s,{[$]:i,[_]:o}),container:p,input:b,icon:x,validationText:S,helperText:T}}};exports.useSelectStyleProps=f;
 //# sourceMappingURL=useSelectStyleProps.cjs.map