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

package/dist/components/Radio/useRadioStyleProps.js

@@ -1,25 +1,25 @@
 import a from "classnames";
-import { InputPositions as f } from "../../constants/inputs.js";
-import { useClassNamePrefix as I } from "../../hooks/useClassNamePrefix.js";
-import { useInputPositionClass as T } from "../../hooks/useInputPositionClass.js";
+import { InputPositions as x } from "../../constants/inputs.js";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+import { useInputPositionClass as f } from "../../hooks/useInputPositionClass.js";
 function L(e) {
-  const { inputPosition: l = f.START, isItem: n, isLabelHidden: r, validationState: t, ...o } = e, { isDisabled: d } = o, s = I("Radio"), p = `${s}--disabled`, c = `${s}--item`, m = `${s}__input`, i = T(s, l), u = `${s}__label`, C = `${s}__label--hidden`, b = `${s}__text`, _ = `${s}__helperText`, $ = `${s}--${t}`, x = a(s, {
-    [i]: i,
-    [p]: d,
-    [c]: n,
-    [$]: t
-  }), P = a(u, {
-    [C]: r
-  });
+  const { inputPosition: l = x.START, isItem: r, isLabelHidden: n, validationState: o, ...t } = e, { isDisabled: d } = t, s = P("Radio"), p = `${s}--disabled`, c = `${s}--item`, m = `${s}__input`, i = f(s, l), u = `${s}__label`, C = `${s}__label--hidden`, _ = `${s}__text`, b = `${s}__helperText`, $ = `${s}--${o}`;
   return {
     classProps: {
-      root: x,
-      label: P,
+      root: a(s, {
+        [i]: i,
+        [p]: d,
+        [c]: r,
+        [$]: o
+      }),
+      label: a(u, {
+        [C]: n
+      }),
       input: m,
-      text: b,
-      helperText: _
+      text: _,
+      helperText: b
     },
-    props: o
+    props: t
   };
 }
 export {

package/dist/components/Radio/useRadioStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioStyleProps.js","sources":["../../../src/components/Radio/useRadioStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type RadioProps, type SpiritRadioProps } from '../../types';\n\nexport interface RadioStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    text: string;\n    helperText: string;\n  };\n  /** props to be passed to the input element */\n  props: RadioProps;\n}\n\nexport function useRadioStyleProps(props: SpiritRadioProps): RadioStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled } = restProps;\n\n  const radioClass = useClassNamePrefix('Radio');\n  const radioDisabledClass = `${radioClass}--disabled`;\n  const radioItemClass = `${radioClass}--item`;\n  const radioInputClass = `${radioClass}__input`;\n  const radioInputPositionClass = useInputPositionClass(radioClass, inputPosition);\n  const radioLabelClass = `${radioClass}__label`;\n  const radioLabelHiddenClass = `${radioClass}__label--hidden`;\n  const radioTextClass = `${radioClass}__text`;\n  const radioHelperTextClass = `${radioClass}__helperText`;\n  const radioValidationClass = `${radioClass}--${validationState}`;\n\n  const rootStyles = classNames(radioClass, {\n    [radioInputPositionClass]: radioInputPositionClass,\n    [radioDisabledClass]: isDisabled,\n    [radioItemClass]: isItem,\n    [radioValidationClass]: validationState,\n  });\n  const labelStyles = classNames(radioLabelClass, {\n    [radioLabelHiddenClass]: isLabelHidden,\n  });\n\n  return {\n    classProps: {\n      root: rootStyles,\n      label: labelStyles,\n      input: radioInputClass,\n      text: radioTextClass,\n      helperText: radioHelperTextClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useRadioStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","radioClass","useClassNamePrefix","radioDisabledClass","radioItemClass","radioInputClass","radioInputPositionClass","useInputPositionClass","radioLabelClass","radioLabelHiddenClass","radioTextClass","radioHelperTextClass","radioValidationClass","rootStyles","classNames","labelStyles"],"mappings":";;;;AAkBO,SAASA,EAAmBC,GAAsC;AACvE,QAAM,EAAE,eAAAC,IAAgBC,EAAe,OAAO,QAAAC,GAAQ,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,EAAA,IAAcN,GACjG,EAAE,YAAAO,MAAeD,GAEjBE,IAAaC,EAAmB,OAAO,GACvCC,IAAqB,GAAGF,CAAU,cAClCG,IAAiB,GAAGH,CAAU,UAC9BI,IAAkB,GAAGJ,CAAU,WAC/BK,IAA0BC,EAAsBN,GAAYP,CAAa,GACzEc,IAAkB,GAAGP,CAAU,WAC/BQ,IAAwB,GAAGR,CAAU,mBACrCS,IAAiB,GAAGT,CAAU,UAC9BU,IAAuB,GAAGV,CAAU,gBACpCW,IAAuB,GAAGX,CAAU,KAAKH,CAAe,IAExDe,IAAaC,EAAWb,GAAY;AAAA,IACxC,CAACK,CAAuB,GAAGA;AAAA,IAC3B,CAACH,CAAkB,GAAGH;AAAA,IACtB,CAACI,CAAc,GAAGR;AAAA,IAClB,CAACgB,CAAoB,GAAGd;AAAA,EAAA,CACzB,GACKiB,IAAcD,EAAWN,GAAiB;AAAA,IAC9C,CAACC,CAAqB,GAAGZ;AAAA,EAAA,CAC1B;AAED,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMgB;AAAA,MACN,OAAOE;AAAA,MACP,OAAOV;AAAA,MACP,MAAMK;AAAA,MACN,YAAYC;AAAA,IAAA;AAAA,IAEd,OAAOZ;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useRadioStyleProps.js","sources":["../../../src/components/Radio/useRadioStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { InputPositions } from '../../constants';\nimport { useClassNamePrefix, useInputPositionClass } from '../../hooks';\nimport { type RadioProps, type SpiritRadioProps } from '../../types';\n\nexport interface RadioStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    text: string;\n    helperText: string;\n  };\n  /** props to be passed to the input element */\n  props: RadioProps;\n}\n\nexport function useRadioStyleProps(props: SpiritRadioProps): RadioStyles {\n  const { inputPosition = InputPositions.START, isItem, isLabelHidden, validationState, ...restProps } = props;\n  const { isDisabled } = restProps;\n\n  const radioClass = useClassNamePrefix('Radio');\n  const radioDisabledClass = `${radioClass}--disabled`;\n  const radioItemClass = `${radioClass}--item`;\n  const radioInputClass = `${radioClass}__input`;\n  const radioInputPositionClass = useInputPositionClass(radioClass, inputPosition);\n  const radioLabelClass = `${radioClass}__label`;\n  const radioLabelHiddenClass = `${radioClass}__label--hidden`;\n  const radioTextClass = `${radioClass}__text`;\n  const radioHelperTextClass = `${radioClass}__helperText`;\n  const radioValidationClass = `${radioClass}--${validationState}`;\n\n  return {\n    classProps: {\n      root: classNames(radioClass, {\n        [radioInputPositionClass]: radioInputPositionClass,\n        [radioDisabledClass]: isDisabled,\n        [radioItemClass]: isItem,\n        [radioValidationClass]: validationState,\n      }),\n      label: classNames(radioLabelClass, {\n        [radioLabelHiddenClass]: isLabelHidden,\n      }),\n      input: radioInputClass,\n      text: radioTextClass,\n      helperText: radioHelperTextClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useRadioStyleProps","props","inputPosition","InputPositions","isItem","isLabelHidden","validationState","restProps","isDisabled","radioClass","useClassNamePrefix","radioDisabledClass","radioItemClass","radioInputClass","radioInputPositionClass","useInputPositionClass","radioLabelClass","radioLabelHiddenClass","radioTextClass","radioHelperTextClass","radioValidationClass","classNames"],"mappings":";;;;AAkBO,SAASA,EAAmBC,GAAsC;AACvE,QAAM,EAAE,eAAAC,IAAgBC,EAAe,OAAO,QAAAC,GAAQ,eAAAC,GAAe,iBAAAC,GAAiB,GAAGC,EAAA,IAAcN,GACjG,EAAE,YAAAO,MAAeD,GAEjBE,IAAaC,EAAmB,OAAO,GACvCC,IAAqB,GAAGF,CAAU,cAClCG,IAAiB,GAAGH,CAAU,UAC9BI,IAAkB,GAAGJ,CAAU,WAC/BK,IAA0BC,EAAsBN,GAAYP,CAAa,GACzEc,IAAkB,GAAGP,CAAU,WAC/BQ,IAAwB,GAAGR,CAAU,mBACrCS,IAAiB,GAAGT,CAAU,UAC9BU,IAAuB,GAAGV,CAAU,gBACpCW,IAAuB,GAAGX,CAAU,KAAKH,CAAe;AAE9D,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMe,EAAWZ,GAAY;AAAA,QAC3B,CAACK,CAAuB,GAAGA;AAAA,QAC3B,CAACH,CAAkB,GAAGH;AAAA,QACtB,CAACI,CAAc,GAAGR;AAAA,QAClB,CAACgB,CAAoB,GAAGd;AAAA,MAAA,CACzB;AAAA,MACD,OAAOe,EAAWL,GAAiB;AAAA,QACjC,CAACC,CAAqB,GAAGZ;AAAA,MAAA,CAC1B;AAAA,MACD,OAAOQ;AAAA,MACP,MAAMK;AAAA,MACN,YAAYC;AAAA,IAAA;AAAA,IAEd,OAAOZ;AAAA,EAAA;AAEX;"}

package/dist/components/Radio.d.ts

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

package/dist/components/ScrollView/demo/ScrollViewDefault.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("../ScrollView.cjs"),i=require("./constants.cjs"),l=()=>e.jsx("div",{style:{height:"160px"},children:e.jsx(t.default,{"data-spirit-toggle":"scrollView",children:e.jsx("p",{children:i.VERTICAL_CONTENT})})});exports.default=l;
+//# sourceMappingURL=ScrollViewDefault.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewDefault.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewDefault.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewDefault = () => (\n  <div style={{ height: '160px' }}>\n    <ScrollView data-spirit-toggle=\"scrollView\">\n      <p>{VERTICAL_CONTENT}</p>\n    </ScrollView>\n  </div>\n);\n\nexport default ScrollViewDefault;\n"],"names":["ScrollViewDefault","jsx","ScrollView","VERTICAL_CONTENT"],"mappings":"6MAIMA,EAAoB,IACxBC,MAAC,MAAA,CAAI,MAAO,CAAE,OAAQ,SACpB,SAAAA,EAAAA,IAACC,EAAAA,SAAW,qBAAmB,aAC7B,eAAC,IAAA,CAAG,SAAAC,EAAAA,iBAAiB,EACvB,CAAA,CACF"}

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

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "../ScrollView.js";
+import { VERTICAL_CONTENT as t } from "./constants.js";
+const c = () => /* @__PURE__ */ r("div", { style: { height: "160px" }, children: /* @__PURE__ */ r(i, { "data-spirit-toggle": "scrollView", children: /* @__PURE__ */ r("p", { children: t }) }) });
+export {
+  c as default
+};
+//# sourceMappingURL=ScrollViewDefault.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewDefault.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewDefault.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewDefault = () => (\n  <div style={{ height: '160px' }}>\n    <ScrollView data-spirit-toggle=\"scrollView\">\n      <p>{VERTICAL_CONTENT}</p>\n    </ScrollView>\n  </div>\n);\n\nexport default ScrollViewDefault;\n"],"names":["ScrollViewDefault","jsx","ScrollView","VERTICAL_CONTENT"],"mappings":";;;AAIA,MAAMA,IAAoB,MACxB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,WACpB,UAAA,gBAAAA,EAACC,KAAW,sBAAmB,cAC7B,4BAAC,KAAA,EAAG,UAAAC,GAAiB,GACvB,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ScrollView.cjs"),t=require("./constants.cjs"),i=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.default,{direction:"horizontal",isScrollbarDisabled:!0,marginBottom:"space-1200",children:e.jsx("p",{style:{whiteSpace:"nowrap"},children:t.HORIZONTAL_CONTENT})}),e.jsx("div",{style:{height:"160px"},children:e.jsx(r.default,{isScrollbarDisabled:!0,children:e.jsx("p",{children:t.VERTICAL_CONTENT})})})]});exports.default=i;
+//# sourceMappingURL=ScrollViewHiddenScrollbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHiddenScrollbar.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewHiddenScrollbar.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT, VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewHiddenScrollbar = () => (\n  <>\n    <ScrollView direction=\"horizontal\" isScrollbarDisabled marginBottom=\"space-1200\">\n      <p style={{ whiteSpace: 'nowrap' }}>{HORIZONTAL_CONTENT}</p>\n    </ScrollView>\n\n    <div style={{ height: '160px' }}>\n      <ScrollView isScrollbarDisabled>\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n  </>\n);\n\nexport default ScrollViewHiddenScrollbar;\n"],"names":["ScrollViewHiddenScrollbar","jsxs","Fragment","jsx","ScrollView","VERTICAL_CONTENT"],"mappings":"6MAIMA,EAA4B,IAChCC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAW,UAAU,aAAa,oBAAmB,GAAC,aAAa,aAClE,SAAAD,EAAAA,IAAC,IAAA,CAAE,MAAO,CAAE,WAAY,QAAA,EAAa,8BAAmB,EAC1D,EAEAA,MAAC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAA,EACpB,SAAAA,EAAAA,IAACC,EAAAA,QAAA,CAAW,oBAAmB,GAC7B,SAAAD,MAAC,IAAA,CAAG,SAAAE,EAAAA,iBAAiB,EACvB,CAAA,CACF,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,11 @@
+import { jsxs as i, Fragment as l, jsx as r } from "react/jsx-runtime";
+import e from "../ScrollView.js";
+import { HORIZONTAL_CONTENT as o, VERTICAL_CONTENT as t } from "./constants.js";
+const d = () => /* @__PURE__ */ i(l, { children: [
+  /* @__PURE__ */ r(e, { direction: "horizontal", isScrollbarDisabled: !0, marginBottom: "space-1200", children: /* @__PURE__ */ r("p", { style: { whiteSpace: "nowrap" }, children: o }) }),
+  /* @__PURE__ */ r("div", { style: { height: "160px" }, children: /* @__PURE__ */ r(e, { isScrollbarDisabled: !0, children: /* @__PURE__ */ r("p", { children: t }) }) })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=ScrollViewHiddenScrollbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHiddenScrollbar.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewHiddenScrollbar.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT, VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewHiddenScrollbar = () => (\n  <>\n    <ScrollView direction=\"horizontal\" isScrollbarDisabled marginBottom=\"space-1200\">\n      <p style={{ whiteSpace: 'nowrap' }}>{HORIZONTAL_CONTENT}</p>\n    </ScrollView>\n\n    <div style={{ height: '160px' }}>\n      <ScrollView isScrollbarDisabled>\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n  </>\n);\n\nexport default ScrollViewHiddenScrollbar;\n"],"names":["ScrollViewHiddenScrollbar","jsxs","Fragment","jsx","ScrollView","VERTICAL_CONTENT"],"mappings":";;;AAIA,MAAMA,IAA4B,MAChC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,WAAU,cAAa,qBAAmB,IAAC,cAAa,cAClE,UAAA,gBAAAD,EAAC,KAAA,EAAE,OAAO,EAAE,YAAY,SAAA,GAAa,aAAmB,GAC1D;AAAA,EAEA,gBAAAA,EAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,QAAA,GACpB,UAAA,gBAAAA,EAACC,GAAA,EAAW,qBAAmB,IAC7B,UAAA,gBAAAD,EAAC,KAAA,EAAG,UAAAE,GAAiB,GACvB,EAAA,CACF;AAAA,EAAA,CACF;"}

package/dist/components/ScrollView/demo/ScrollViewHorizontal.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("../ScrollView.cjs"),r=require("./constants.cjs"),i=()=>e.jsx(t.default,{direction:"horizontal",children:e.jsx("p",{className:"py-900",style:{whiteSpace:"nowrap"},children:r.HORIZONTAL_CONTENT})});exports.default=i;
+//# sourceMappingURL=ScrollViewHorizontal.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontal.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontal.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT } from './constants';\n\nconst ScrollViewHorizontal = () => (\n  <ScrollView direction=\"horizontal\">\n    <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n      {HORIZONTAL_CONTENT}\n    </p>\n  </ScrollView>\n);\n\nexport default ScrollViewHorizontal;\n"],"names":["ScrollViewHorizontal","jsx","ScrollView"],"mappings":"6MAIMA,EAAuB,IAC3BC,EAAAA,IAACC,UAAA,CAAW,UAAU,aACpB,SAAAD,EAAAA,IAAC,IAAA,CAAE,UAAU,SAAS,MAAO,CAAE,WAAY,QAAA,EACxC,8BACH,CAAA,CACF"}

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

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "../ScrollView.js";
+import { HORIZONTAL_CONTENT as i } from "./constants.js";
+const c = () => /* @__PURE__ */ o(r, { direction: "horizontal", children: /* @__PURE__ */ o("p", { className: "py-900", style: { whiteSpace: "nowrap" }, children: i }) });
+export {
+  c as default
+};
+//# sourceMappingURL=ScrollViewHorizontal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontal.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontal.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT } from './constants';\n\nconst ScrollViewHorizontal = () => (\n  <ScrollView direction=\"horizontal\">\n    <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n      {HORIZONTAL_CONTENT}\n    </p>\n  </ScrollView>\n);\n\nexport default ScrollViewHorizontal;\n"],"names":["ScrollViewHorizontal","jsx","ScrollView"],"mappings":";;;AAIA,MAAMA,IAAuB,MAC3B,gBAAAC,EAACC,GAAA,EAAW,WAAU,cACpB,UAAA,gBAAAD,EAAC,KAAA,EAAE,WAAU,UAAS,OAAO,EAAE,YAAY,SAAA,GACxC,aACH,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../web-react/docs/DocsBox.cjs"),r=require("../../Grid/Grid.cjs"),l=require("../ScrollView.cjs"),o=()=>e.jsx("div",{className:"breakout-container d-grid",children:e.jsx(l.default,{direction:"horizontal",children:e.jsx(r.default,{cols:4,marginBottom:"space-900",UNSAFE_style:{paddingInline:"var(--container-padding-inline)"},children:[1,2,3,4].map(i=>e.jsx(t.default,{size:"small",UNSAFE_style:{width:"20rem",aspectRatio:"2/1"},children:"1/4"},i))})})});exports.default=o;
+//# sourceMappingURL=ScrollViewHorizontalBreakout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontalBreakout.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontalBreakout.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport { Grid } from '../../Grid';\nimport ScrollView from '../ScrollView';\n\nconst ScrollViewHorizontalBreakout = () => (\n  <div className=\"breakout-container d-grid\">\n    <ScrollView direction=\"horizontal\">\n      <Grid cols={4} marginBottom=\"space-900\" UNSAFE_style={{ paddingInline: 'var(--container-padding-inline)' }}>\n        {[1, 2, 3, 4].map((i) => (\n          <DocsBox key={i} size=\"small\" UNSAFE_style={{ width: '20rem', aspectRatio: '2/1' }}>\n            1/4\n          </DocsBox>\n        ))}\n      </Grid>\n    </ScrollView>\n  </div>\n);\n\nexport default ScrollViewHorizontalBreakout;\n"],"names":["ScrollViewHorizontalBreakout","jsx","ScrollView","Grid","DocsBox"],"mappings":"kQAKMA,EAA+B,IACnCC,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACb,SAAAA,EAAAA,IAACC,WAAW,UAAU,aACpB,eAACC,EAAAA,QAAA,CAAK,KAAM,EAAG,aAAa,YAAY,aAAc,CAAE,cAAe,iCAAA,EACpE,SAAA,CAAC,EAAG,EAAG,EAAG,CAAC,EAAE,IAAK,GACjBF,MAACG,EAAAA,QAAA,CAAgB,KAAK,QAAQ,aAAc,CAAE,MAAO,QAAS,YAAa,OAAS,gBAAtE,CAEd,CACD,CAAA,CACH,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import o from "../../../web-react/docs/DocsBox.js";
+import e from "../../Grid/Grid.js";
+import t from "../ScrollView.js";
+const d = () => /* @__PURE__ */ i("div", { className: "breakout-container d-grid", children: /* @__PURE__ */ i(t, { direction: "horizontal", children: /* @__PURE__ */ i(e, { cols: 4, marginBottom: "space-900", UNSAFE_style: { paddingInline: "var(--container-padding-inline)" }, children: [1, 2, 3, 4].map((r) => /* @__PURE__ */ i(o, { size: "small", UNSAFE_style: { width: "20rem", aspectRatio: "2/1" }, children: "1/4" }, r)) }) }) });
+export {
+  d as default
+};
+//# sourceMappingURL=ScrollViewHorizontalBreakout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontalBreakout.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontalBreakout.tsx"],"sourcesContent":["import React from 'react';\nimport DocsBox from '../../../../docs/DocsBox';\nimport { Grid } from '../../Grid';\nimport ScrollView from '../ScrollView';\n\nconst ScrollViewHorizontalBreakout = () => (\n  <div className=\"breakout-container d-grid\">\n    <ScrollView direction=\"horizontal\">\n      <Grid cols={4} marginBottom=\"space-900\" UNSAFE_style={{ paddingInline: 'var(--container-padding-inline)' }}>\n        {[1, 2, 3, 4].map((i) => (\n          <DocsBox key={i} size=\"small\" UNSAFE_style={{ width: '20rem', aspectRatio: '2/1' }}>\n            1/4\n          </DocsBox>\n        ))}\n      </Grid>\n    </ScrollView>\n  </div>\n);\n\nexport default ScrollViewHorizontalBreakout;\n"],"names":["ScrollViewHorizontalBreakout","jsx","ScrollView","Grid","i","DocsBox"],"mappings":";;;;AAKA,MAAMA,IAA+B,MACnC,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA,gBAAAA,EAACC,KAAW,WAAU,cACpB,4BAACC,GAAA,EAAK,MAAM,GAAG,cAAa,aAAY,cAAc,EAAE,eAAe,kCAAA,GACpE,UAAA,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAACC,MACjB,gBAAAH,EAACI,GAAA,EAAgB,MAAK,SAAQ,cAAc,EAAE,OAAO,SAAS,aAAa,SAAS,mBAAtED,CAEd,CACD,EAAA,CACH,EAAA,CACF,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ScrollView.cjs"),t=require("./constants.cjs"),s=()=>e.jsx(r.default,{direction:"horizontal",hasArrows:!0,children:e.jsx("p",{className:"py-900",style:{whiteSpace:"nowrap"},children:t.HORIZONTAL_CONTENT})});exports.default=s;
+//# sourceMappingURL=ScrollViewHorizontalWithArrows.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontalWithArrows.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontalWithArrows.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT } from './constants';\n\nconst ScrollViewHorizontalWithArrows = () => (\n  <ScrollView direction=\"horizontal\" hasArrows>\n    <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n      {HORIZONTAL_CONTENT}\n    </p>\n  </ScrollView>\n);\n\nexport default ScrollViewHorizontalWithArrows;\n"],"names":["ScrollViewHorizontalWithArrows","jsx","ScrollView"],"mappings":"6MAIMA,EAAiC,IACrCC,MAACC,EAAAA,SAAW,UAAU,aAAa,UAAS,GAC1C,SAAAD,EAAAA,IAAC,IAAA,CAAE,UAAU,SAAS,MAAO,CAAE,WAAY,UACxC,8BACH,CAAA,CACF"}

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

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../ScrollView.js";
+import { HORIZONTAL_CONTENT as t } from "./constants.js";
+const s = () => /* @__PURE__ */ r(o, { direction: "horizontal", hasArrows: !0, children: /* @__PURE__ */ r("p", { className: "py-900", style: { whiteSpace: "nowrap" }, children: t }) });
+export {
+  s as default
+};
+//# sourceMappingURL=ScrollViewHorizontalWithArrows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontalWithArrows.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontalWithArrows.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT } from './constants';\n\nconst ScrollViewHorizontalWithArrows = () => (\n  <ScrollView direction=\"horizontal\" hasArrows>\n    <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n      {HORIZONTAL_CONTENT}\n    </p>\n  </ScrollView>\n);\n\nexport default ScrollViewHorizontalWithArrows;\n"],"names":["ScrollViewHorizontalWithArrows","jsx","ScrollView"],"mappings":";;;AAIA,MAAMA,IAAiC,MACrC,gBAAAC,EAACC,KAAW,WAAU,cAAa,WAAS,IAC1C,UAAA,gBAAAD,EAAC,KAAA,EAAE,WAAU,UAAS,OAAO,EAAE,YAAY,YACxC,aACH,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ScrollView.cjs"),t=require("./constants.cjs"),s=()=>e.jsx(r.default,{direction:"horizontal",hasArrows:!0,isScrollbarDisabled:!0,children:e.jsx("p",{className:"py-900",style:{whiteSpace:"nowrap"},children:t.HORIZONTAL_CONTENT})});exports.default=s;
+//# sourceMappingURL=ScrollViewHorizontalWithArrowsAndHiddenScrollbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontalWithArrowsAndHiddenScrollbar.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontalWithArrowsAndHiddenScrollbar.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT } from './constants';\n\nconst ScrollViewHorizontalWithArrowsAndHiddenScrollbar = () => (\n  <ScrollView direction=\"horizontal\" hasArrows isScrollbarDisabled>\n    <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n      {HORIZONTAL_CONTENT}\n    </p>\n  </ScrollView>\n);\n\nexport default ScrollViewHorizontalWithArrowsAndHiddenScrollbar;\n"],"names":["ScrollViewHorizontalWithArrowsAndHiddenScrollbar","jsx","ScrollView"],"mappings":"6MAIMA,EAAmD,IACvDC,EAAAA,IAACC,EAAAA,QAAA,CAAW,UAAU,aAAa,UAAS,GAAC,oBAAmB,GAC9D,eAAC,IAAA,CAAE,UAAU,SAAS,MAAO,CAAE,WAAY,UACxC,8BACH,CAAA,CACF"}

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

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../ScrollView.js";
+import { HORIZONTAL_CONTENT as i } from "./constants.js";
+const s = () => /* @__PURE__ */ r(o, { direction: "horizontal", hasArrows: !0, isScrollbarDisabled: !0, children: /* @__PURE__ */ r("p", { className: "py-900", style: { whiteSpace: "nowrap" }, children: i }) });
+export {
+  s as default
+};
+//# sourceMappingURL=ScrollViewHorizontalWithArrowsAndHiddenScrollbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewHorizontalWithArrowsAndHiddenScrollbar.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewHorizontalWithArrowsAndHiddenScrollbar.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT } from './constants';\n\nconst ScrollViewHorizontalWithArrowsAndHiddenScrollbar = () => (\n  <ScrollView direction=\"horizontal\" hasArrows isScrollbarDisabled>\n    <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n      {HORIZONTAL_CONTENT}\n    </p>\n  </ScrollView>\n);\n\nexport default ScrollViewHorizontalWithArrowsAndHiddenScrollbar;\n"],"names":["ScrollViewHorizontalWithArrowsAndHiddenScrollbar","jsx","ScrollView"],"mappings":";;;AAIA,MAAMA,IAAmD,MACvD,gBAAAC,EAACC,GAAA,EAAW,WAAU,cAAa,WAAS,IAAC,qBAAmB,IAC9D,4BAAC,KAAA,EAAE,WAAU,UAAS,OAAO,EAAE,YAAY,YACxC,aACH,EAAA,CACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ScrollView.cjs"),o=require("./constants.cjs"),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.default,{direction:"horizontal",overflowDecorators:"borders",marginBottom:"space-1200",children:e.jsx("p",{className:"py-900",style:{whiteSpace:"nowrap"},children:o.HORIZONTAL_CONTENT})}),e.jsx("div",{className:"mb-1200",style:{height:"160px"},children:e.jsx(r.default,{overflowDecorators:"borders",children:e.jsx("p",{children:o.VERTICAL_CONTENT})})}),e.jsx(r.default,{direction:"horizontal",overflowDecorators:"both",UNSAFE_className:"mb-1200",children:e.jsx("p",{className:"py-900",style:{whiteSpace:"nowrap"},children:o.HORIZONTAL_CONTENT})}),e.jsx("div",{className:"mb-1200",style:{height:"160px"},children:e.jsx(r.default,{overflowDecorators:"both",children:e.jsx("p",{children:o.VERTICAL_CONTENT})})}),e.jsx("div",{className:"mb-1200 px-900 py-700",style:{width:"100%",overflow:"hidden",color:"white",backgroundColor:"#9400d3"},children:e.jsx(r.default,{direction:"horizontal",overflowDecorators:"shadows","data-spirit-toggle":"scrollView",UNSAFE_style:{"--scroll-view-start-shadow-background":"linear-gradient(to right, #9400d3 0%, #9400d300 100%)","--scroll-view-end-shadow-background":"linear-gradient(to left, #9400d3 0%, #9400d300 100%)"},children:e.jsx("p",{className:"py-900",style:{whiteSpace:"nowrap"},children:o.HORIZONTAL_CONTENT})})}),e.jsx("div",{className:"px-900 py-700",style:{height:"160px",color:"white",backgroundColor:"#9400d3"},children:e.jsx(r.default,{direction:"vertical",overflowDecorators:"shadows","data-spirit-toggle":"scrollView",UNSAFE_style:{"--scroll-view-start-shadow-background":"linear-gradient(to bottom, #9400d3 0%, #9400d300 100%)","--scroll-view-end-shadow-background":"linear-gradient(to top, #9400d3 0%, #9400d300 100%)"},children:e.jsx("p",{children:o.VERTICAL_CONTENT})})})]});exports.default=l;
+//# sourceMappingURL=ScrollViewOverflowDecorators.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewOverflowDecorators.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewOverflowDecorators.tsx"],"sourcesContent":["import React, { type CSSProperties } from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT, VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewOverflowDecorators = () => (\n  <>\n    <ScrollView direction=\"horizontal\" overflowDecorators=\"borders\" marginBottom=\"space-1200\">\n      <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n        {HORIZONTAL_CONTENT}\n      </p>\n    </ScrollView>\n\n    <div className=\"mb-1200\" style={{ height: '160px' }}>\n      <ScrollView overflowDecorators=\"borders\">\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n\n    <ScrollView direction=\"horizontal\" overflowDecorators=\"both\" UNSAFE_className=\"mb-1200\">\n      <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n        {HORIZONTAL_CONTENT}\n      </p>\n    </ScrollView>\n\n    <div className=\"mb-1200\" style={{ height: '160px' }}>\n      <ScrollView overflowDecorators=\"both\">\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n\n    <div\n      className=\"mb-1200 px-900 py-700\"\n      style={{ width: '100%', overflow: 'hidden', color: 'white', backgroundColor: '#9400d3' }}\n    >\n      <ScrollView\n        direction=\"horizontal\"\n        overflowDecorators=\"shadows\"\n        data-spirit-toggle=\"scrollView\"\n        UNSAFE_style={\n          {\n            '--scroll-view-start-shadow-background': 'linear-gradient(to right, #9400d3 0%, #9400d300 100%)',\n            '--scroll-view-end-shadow-background': 'linear-gradient(to left, #9400d3 0%, #9400d300 100%)',\n          } as CSSProperties\n        }\n      >\n        <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n          {HORIZONTAL_CONTENT}\n        </p>\n      </ScrollView>\n    </div>\n\n    <div className=\"px-900 py-700\" style={{ height: '160px', color: 'white', backgroundColor: '#9400d3' }}>\n      <ScrollView\n        direction=\"vertical\"\n        overflowDecorators=\"shadows\"\n        data-spirit-toggle=\"scrollView\"\n        UNSAFE_style={\n          {\n            '--scroll-view-start-shadow-background': 'linear-gradient(to bottom, #9400d3 0%, #9400d300 100%)',\n            '--scroll-view-end-shadow-background': 'linear-gradient(to top, #9400d3 0%, #9400d300 100%)',\n          } as CSSProperties\n        }\n      >\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n  </>\n);\n\nexport default ScrollViewOverflowDecorators;\n"],"names":["ScrollViewOverflowDecorators","jsxs","Fragment","jsx","ScrollView","VERTICAL_CONTENT","HORIZONTAL_CONTENT"],"mappings":"6MAIMA,EAA+B,IACnCC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAACC,EAAAA,SAAW,UAAU,aAAa,mBAAmB,UAAU,aAAa,aAC3E,SAAAD,EAAAA,IAAC,IAAA,CAAE,UAAU,SAAS,MAAO,CAAE,WAAY,QAAA,EACxC,8BACH,EACF,QAEC,MAAA,CAAI,UAAU,UAAU,MAAO,CAAE,OAAQ,SACxC,SAAAA,EAAAA,IAACC,WAAW,mBAAmB,UAC7B,eAAC,IAAA,CAAG,SAAAC,EAAAA,gBAAA,CAAiB,EACvB,EACF,QAECD,EAAAA,QAAA,CAAW,UAAU,aAAa,mBAAmB,OAAO,iBAAiB,UAC5E,SAAAD,EAAAA,IAAC,IAAA,CAAE,UAAU,SAAS,MAAO,CAAE,WAAY,QAAA,EACxC,8BACH,EACF,QAEC,MAAA,CAAI,UAAU,UAAU,MAAO,CAAE,OAAQ,SACxC,SAAAA,EAAAA,IAACC,WAAW,mBAAmB,OAC7B,eAAC,IAAA,CAAG,SAAAC,EAAAA,gBAAA,CAAiB,EACvB,EACF,EAEAF,EAAAA,IAAC,MAAA,CACC,UAAU,wBACV,MAAO,CAAE,MAAO,OAAQ,SAAU,SAAU,MAAO,QAAS,gBAAiB,SAAA,EAE7E,SAAAA,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,aACV,mBAAmB,UACnB,qBAAmB,aACnB,aACE,CACE,wCAAyC,wDACzC,sCAAuC,sDAAA,EAI3C,SAAAD,EAAAA,IAAC,KAAE,UAAU,SAAS,MAAO,CAAE,WAAY,UACxC,SAAAG,EAAAA,kBAAA,CACH,CAAA,CAAA,CACF,CAAA,EAGFH,EAAAA,IAAC,MAAA,CAAI,UAAU,gBAAgB,MAAO,CAAE,OAAQ,QAAS,MAAO,QAAS,gBAAiB,SAAA,EACxF,SAAAA,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,WACV,mBAAmB,UACnB,qBAAmB,aACnB,aACE,CACE,wCAAyC,yDACzC,sCAAuC,qDAAA,EAI3C,SAAAD,EAAAA,IAAC,KAAG,SAAAE,EAAAA,gBAAA,CAAiB,CAAA,CAAA,CACvB,CACF,CAAA,CAAA,CACF"}

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

@@ -0,0 +1,46 @@
+import { jsxs as i, Fragment as t, jsx as r } from "react/jsx-runtime";
+import e from "../ScrollView.js";
+import { HORIZONTAL_CONTENT as o, VERTICAL_CONTENT as l } from "./constants.js";
+const c = () => /* @__PURE__ */ i(t, { children: [
+  /* @__PURE__ */ r(e, { direction: "horizontal", overflowDecorators: "borders", marginBottom: "space-1200", children: /* @__PURE__ */ r("p", { className: "py-900", style: { whiteSpace: "nowrap" }, children: o }) }),
+  /* @__PURE__ */ r("div", { className: "mb-1200", style: { height: "160px" }, children: /* @__PURE__ */ r(e, { overflowDecorators: "borders", children: /* @__PURE__ */ r("p", { children: l }) }) }),
+  /* @__PURE__ */ r(e, { direction: "horizontal", overflowDecorators: "both", UNSAFE_className: "mb-1200", children: /* @__PURE__ */ r("p", { className: "py-900", style: { whiteSpace: "nowrap" }, children: o }) }),
+  /* @__PURE__ */ r("div", { className: "mb-1200", style: { height: "160px" }, children: /* @__PURE__ */ r(e, { overflowDecorators: "both", children: /* @__PURE__ */ r("p", { children: l }) }) }),
+  /* @__PURE__ */ r(
+    "div",
+    {
+      className: "mb-1200 px-900 py-700",
+      style: { width: "100%", overflow: "hidden", color: "white", backgroundColor: "#9400d3" },
+      children: /* @__PURE__ */ r(
+        e,
+        {
+          direction: "horizontal",
+          overflowDecorators: "shadows",
+          "data-spirit-toggle": "scrollView",
+          UNSAFE_style: {
+            "--scroll-view-start-shadow-background": "linear-gradient(to right, #9400d3 0%, #9400d300 100%)",
+            "--scroll-view-end-shadow-background": "linear-gradient(to left, #9400d3 0%, #9400d300 100%)"
+          },
+          children: /* @__PURE__ */ r("p", { className: "py-900", style: { whiteSpace: "nowrap" }, children: o })
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: "px-900 py-700", style: { height: "160px", color: "white", backgroundColor: "#9400d3" }, children: /* @__PURE__ */ r(
+    e,
+    {
+      direction: "vertical",
+      overflowDecorators: "shadows",
+      "data-spirit-toggle": "scrollView",
+      UNSAFE_style: {
+        "--scroll-view-start-shadow-background": "linear-gradient(to bottom, #9400d3 0%, #9400d300 100%)",
+        "--scroll-view-end-shadow-background": "linear-gradient(to top, #9400d3 0%, #9400d300 100%)"
+      },
+      children: /* @__PURE__ */ r("p", { children: l })
+    }
+  ) })
+] });
+export {
+  c as default
+};
+//# sourceMappingURL=ScrollViewOverflowDecorators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewOverflowDecorators.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewOverflowDecorators.tsx"],"sourcesContent":["import React, { type CSSProperties } from 'react';\nimport ScrollView from '../ScrollView';\nimport { HORIZONTAL_CONTENT, VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewOverflowDecorators = () => (\n  <>\n    <ScrollView direction=\"horizontal\" overflowDecorators=\"borders\" marginBottom=\"space-1200\">\n      <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n        {HORIZONTAL_CONTENT}\n      </p>\n    </ScrollView>\n\n    <div className=\"mb-1200\" style={{ height: '160px' }}>\n      <ScrollView overflowDecorators=\"borders\">\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n\n    <ScrollView direction=\"horizontal\" overflowDecorators=\"both\" UNSAFE_className=\"mb-1200\">\n      <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n        {HORIZONTAL_CONTENT}\n      </p>\n    </ScrollView>\n\n    <div className=\"mb-1200\" style={{ height: '160px' }}>\n      <ScrollView overflowDecorators=\"both\">\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n\n    <div\n      className=\"mb-1200 px-900 py-700\"\n      style={{ width: '100%', overflow: 'hidden', color: 'white', backgroundColor: '#9400d3' }}\n    >\n      <ScrollView\n        direction=\"horizontal\"\n        overflowDecorators=\"shadows\"\n        data-spirit-toggle=\"scrollView\"\n        UNSAFE_style={\n          {\n            '--scroll-view-start-shadow-background': 'linear-gradient(to right, #9400d3 0%, #9400d300 100%)',\n            '--scroll-view-end-shadow-background': 'linear-gradient(to left, #9400d3 0%, #9400d300 100%)',\n          } as CSSProperties\n        }\n      >\n        <p className=\"py-900\" style={{ whiteSpace: 'nowrap' }}>\n          {HORIZONTAL_CONTENT}\n        </p>\n      </ScrollView>\n    </div>\n\n    <div className=\"px-900 py-700\" style={{ height: '160px', color: 'white', backgroundColor: '#9400d3' }}>\n      <ScrollView\n        direction=\"vertical\"\n        overflowDecorators=\"shadows\"\n        data-spirit-toggle=\"scrollView\"\n        UNSAFE_style={\n          {\n            '--scroll-view-start-shadow-background': 'linear-gradient(to bottom, #9400d3 0%, #9400d300 100%)',\n            '--scroll-view-end-shadow-background': 'linear-gradient(to top, #9400d3 0%, #9400d300 100%)',\n          } as CSSProperties\n        }\n      >\n        <p>{VERTICAL_CONTENT}</p>\n      </ScrollView>\n    </div>\n  </>\n);\n\nexport default ScrollViewOverflowDecorators;\n"],"names":["ScrollViewOverflowDecorators","jsxs","Fragment","jsx","ScrollView","VERTICAL_CONTENT","HORIZONTAL_CONTENT"],"mappings":";;;AAIA,MAAMA,IAA+B,MACnC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAW,WAAU,cAAa,oBAAmB,WAAU,cAAa,cAC3E,UAAA,gBAAAD,EAAC,KAAA,EAAE,WAAU,UAAS,OAAO,EAAE,YAAY,SAAA,GACxC,aACH,GACF;AAAA,oBAEC,OAAA,EAAI,WAAU,WAAU,OAAO,EAAE,QAAQ,WACxC,UAAA,gBAAAA,EAACC,KAAW,oBAAmB,WAC7B,4BAAC,KAAA,EAAG,UAAAC,EAAA,CAAiB,GACvB,GACF;AAAA,oBAECD,GAAA,EAAW,WAAU,cAAa,oBAAmB,QAAO,kBAAiB,WAC5E,UAAA,gBAAAD,EAAC,KAAA,EAAE,WAAU,UAAS,OAAO,EAAE,YAAY,SAAA,GACxC,aACH,GACF;AAAA,oBAEC,OAAA,EAAI,WAAU,WAAU,OAAO,EAAE,QAAQ,WACxC,UAAA,gBAAAA,EAACC,KAAW,oBAAmB,QAC7B,4BAAC,KAAA,EAAG,UAAAC,EAAA,CAAiB,GACvB,GACF;AAAA,EAEA,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,OAAO,QAAQ,UAAU,UAAU,OAAO,SAAS,iBAAiB,UAAA;AAAA,MAE7E,UAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,oBAAmB;AAAA,UACnB,sBAAmB;AAAA,UACnB,cACE;AAAA,YACE,yCAAyC;AAAA,YACzC,uCAAuC;AAAA,UAAA;AAAA,UAI3C,UAAA,gBAAAD,EAAC,OAAE,WAAU,UAAS,OAAO,EAAE,YAAY,YACxC,UAAAG,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAAA,EAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iBAAgB,OAAO,EAAE,QAAQ,SAAS,OAAO,SAAS,iBAAiB,UAAA,GACxF,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,oBAAmB;AAAA,MACnB,sBAAmB;AAAA,MACnB,cACE;AAAA,QACE,yCAAyC;AAAA,QACzC,uCAAuC;AAAA,MAAA;AAAA,MAI3C,UAAA,gBAAAD,EAAC,OAAG,UAAAE,EAAA,CAAiB;AAAA,IAAA;AAAA,EAAA,EACvB,CACF;AAAA,EAAA,CACF;"}

package/dist/components/ScrollView/demo/ScrollViewVerticalWithArrows.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("../ScrollView.cjs"),r=require("./constants.cjs"),s=()=>e.jsx("div",{style:{height:"160px"},children:e.jsx(t.default,{"data-spirit-toggle":"scrollView",hasArrows:!0,children:e.jsx("p",{children:r.VERTICAL_CONTENT})})});exports.default=s;
+//# sourceMappingURL=ScrollViewVerticalWithArrows.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewVerticalWithArrows.cjs","sources":["../../../../src/components/ScrollView/demo/ScrollViewVerticalWithArrows.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewVerticalWithArrows = () => (\n  <div style={{ height: '160px' }}>\n    <ScrollView data-spirit-toggle=\"scrollView\" hasArrows>\n      <p>{VERTICAL_CONTENT}</p>\n    </ScrollView>\n  </div>\n);\n\nexport default ScrollViewVerticalWithArrows;\n"],"names":["ScrollViewVerticalWithArrows","jsx","ScrollView","VERTICAL_CONTENT"],"mappings":"6MAIMA,EAA+B,IACnCC,EAAAA,IAAC,OAAI,MAAO,CAAE,OAAQ,OAAA,EACpB,eAACC,EAAAA,QAAA,CAAW,qBAAmB,aAAa,UAAS,GACnD,eAAC,IAAA,CAAG,SAAAC,kBAAA,CAAiB,EACvB,CAAA,CACF"}

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

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "../ScrollView.js";
+import { VERTICAL_CONTENT as t } from "./constants.js";
+const s = () => /* @__PURE__ */ r("div", { style: { height: "160px" }, children: /* @__PURE__ */ r(i, { "data-spirit-toggle": "scrollView", hasArrows: !0, children: /* @__PURE__ */ r("p", { children: t }) }) });
+export {
+  s as default
+};
+//# sourceMappingURL=ScrollViewVerticalWithArrows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollViewVerticalWithArrows.js","sources":["../../../../src/components/ScrollView/demo/ScrollViewVerticalWithArrows.tsx"],"sourcesContent":["import React from 'react';\nimport ScrollView from '../ScrollView';\nimport { VERTICAL_CONTENT } from './constants';\n\nconst ScrollViewVerticalWithArrows = () => (\n  <div style={{ height: '160px' }}>\n    <ScrollView data-spirit-toggle=\"scrollView\" hasArrows>\n      <p>{VERTICAL_CONTENT}</p>\n    </ScrollView>\n  </div>\n);\n\nexport default ScrollViewVerticalWithArrows;\n"],"names":["ScrollViewVerticalWithArrows","jsx","ScrollView","VERTICAL_CONTENT"],"mappings":";;;AAIA,MAAMA,IAA+B,MACnC,gBAAAC,EAAC,SAAI,OAAO,EAAE,QAAQ,QAAA,GACpB,4BAACC,GAAA,EAAW,sBAAmB,cAAa,WAAS,IACnD,4BAAC,KAAA,EAAG,UAAAC,EAAA,CAAiB,GACvB,EAAA,CACF;"}

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/useScrollPosition.js

@@ -4,7 +4,7 @@ import { isDirectionHorizontal as b } from "../../constants/direction.js";
 import { Position as t } from "../../constants/position.js";
 import { useResizeObserver as D } from "../../hooks/useResizeObserver.js";
 import { debounce as m } from "../../utils/debounce.js";
-import { DEBOUNCE_DELAY as E, EDGE_DETECTION_INACCURACY_PX as S } from "./constants.js";
+import { EDGE_DETECTION_INACCURACY_PX as E, DEBOUNCE_DELAY as S } from "./constants.js";
 const h = ({
   viewportReference: e,
   contentReference: s,
@@ -24,16 +24,16 @@ const h = ({
     const o = b(a), r = o ? t.LEFT : t.TOP, p = o ? t.RIGHT : t.BOTTOM, i = A();
     if (!i)
       return;
-    const u = i[r] <= -1 * S, d = i[p] >= S;
+    const u = i[r] <= -1 * E, d = i[p] >= E;
     u !== c && T(u), d !== l && P(d);
-  }, O = C(m(n, E), [n]);
+  }, O = C(m(n, S), [n]);
   return D({
     ref: e,
     onResize: O
   }), g(n, []), {
     isScrolledAtEnd: l,
     isScrolledAtStart: c,
-    onScroll: m(n, E)
+    onScroll: m(n, S)
   };
 };
 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"}