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

package/dist/components/ScrollView/useScrollCallback.js

@@ -0,0 +1,36 @@
+"use client";
+import { useRef as a, useEffect as m, useCallback as h } from "react";
+import { isDirectionHorizontal as T } from "../../constants/direction.js";
+import { Position as s } from "../../constants/position.js";
+import { SCROLL_CANCEL_DELAY as L } from "./constants.js";
+const P = ({ viewportRef: r, direction: o }) => {
+  const t = a(null);
+  return m(
+    () => () => {
+      t.current && clearTimeout(t.current);
+    },
+    []
+  ), { handleScroll: h(
+    (u) => {
+      if (!r.current)
+        return;
+      const c = T(o), l = c ? s.LEFT : s.TOP, n = c ? r.current.scrollLeft : r.current.scrollTop, e = c ? r.current.scrollWidth - r.current.clientWidth : r.current.scrollHeight - r.current.clientHeight;
+      r.current.scrollTo({
+        [l]: n,
+        behavior: "auto"
+      }), t.current && clearTimeout(t.current);
+      const i = Math.max(0, Math.min(n + u, e));
+      t.current = setTimeout(() => {
+        r.current && r.current.scrollTo({
+          [l]: i,
+          behavior: "smooth"
+        });
+      }, L);
+    },
+    [r, o]
+  ) };
+};
+export {
+  P as useScrollCallback
+};
+//# sourceMappingURL=useScrollCallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollCallback.js","sources":["../../../src/components/ScrollView/useScrollCallback.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useCallback, useEffect, useRef } from 'react';\nimport { Position, isDirectionHorizontal } from '../../constants';\nimport { type ScrollViewArrowsScrollStepType, type ScrollViewDirectionType } from '../../types';\nimport { SCROLL_CANCEL_DELAY } from './constants';\n\nexport interface UseScrollCallbackProps {\n  viewportRef: MutableRefObject<HTMLDivElement | null>;\n  direction: ScrollViewDirectionType;\n}\n\nexport interface UseScrollCallbackReturn {\n  handleScroll: (step: ScrollViewArrowsScrollStepType) => void;\n}\n\nexport const useScrollCallback = ({ viewportRef, direction }: UseScrollCallbackProps): UseScrollCallbackReturn => {\n  const scrollTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Cleanup timeout on unmount\n  useEffect(\n    () => () => {\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n    },\n    [],\n  );\n\n  const handleScroll = useCallback(\n    (step: ScrollViewArrowsScrollStepType) => {\n      if (!viewportRef.current) {\n        return;\n      }\n\n      const isHorizontal = isDirectionHorizontal(direction);\n      const scrollToDirection = isHorizontal ? Position.LEFT : Position.TOP;\n      const currentScrollPosition = isHorizontal ? viewportRef.current.scrollLeft : viewportRef.current.scrollTop;\n      const maxScroll = isHorizontal\n        ? viewportRef.current.scrollWidth - viewportRef.current.clientWidth\n        : viewportRef.current.scrollHeight - viewportRef.current.clientHeight;\n\n      // Cancel any ongoing smooth scroll animation by instantly jumping to current position\n      // This prevents accumulation of scroll animations on iOS when clicking rapidly\n      viewportRef.current.scrollTo({\n        [scrollToDirection]: currentScrollPosition,\n        behavior: 'auto',\n      });\n\n      // Clear any existing timeout\n      if (scrollTimeoutRef.current) {\n        clearTimeout(scrollTimeoutRef.current);\n      }\n\n      // Calculate target position and clamp it to valid scroll bounds\n      const targetPosition = Math.max(0, Math.min(currentScrollPosition + step, maxScroll));\n\n      // Start new scroll after a small delay to ensure the cancel takes effect\n      scrollTimeoutRef.current = setTimeout(() => {\n        if (viewportRef.current) {\n          viewportRef.current.scrollTo({\n            [scrollToDirection]: targetPosition,\n            behavior: 'smooth',\n          });\n        }\n      }, SCROLL_CANCEL_DELAY);\n    },\n    [viewportRef, direction],\n  );\n\n  return { handleScroll };\n};\n"],"names":["useScrollCallback","viewportRef","direction","scrollTimeoutRef","useRef","useEffect","useCallback","step","isHorizontal","isDirectionHorizontal","scrollToDirection","Position","currentScrollPosition","maxScroll","targetPosition","SCROLL_CANCEL_DELAY"],"mappings":";;;;;AAgBO,MAAMA,IAAoB,CAAC,EAAE,aAAAC,GAAa,WAAAC,QAAiE;AAChH,QAAMC,IAAmBC,EAA8B,IAAI;AAG3D,SAAAC;AAAA,IACE,MAAM,MAAM;AACV,MAAIF,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,IAEzC;AAAA,IACA,CAAA;AAAA,EAAC,GA4CI,EAAE,cAzCYG;AAAA,IACnB,CAACC,MAAyC;AACxC,UAAI,CAACN,EAAY;AACf;AAGF,YAAMO,IAAeC,EAAsBP,CAAS,GAC9CQ,IAAoBF,IAAeG,EAAS,OAAOA,EAAS,KAC5DC,IAAwBJ,IAAeP,EAAY,QAAQ,aAAaA,EAAY,QAAQ,WAC5FY,IAAYL,IACdP,EAAY,QAAQ,cAAcA,EAAY,QAAQ,cACtDA,EAAY,QAAQ,eAAeA,EAAY,QAAQ;AAI3D,MAAAA,EAAY,QAAQ,SAAS;AAAA,QAC3B,CAACS,CAAiB,GAAGE;AAAA,QACrB,UAAU;AAAA,MAAA,CACX,GAGGT,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAIvC,YAAMW,IAAiB,KAAK,IAAI,GAAG,KAAK,IAAIF,IAAwBL,GAAMM,CAAS,CAAC;AAGpF,MAAAV,EAAiB,UAAU,WAAW,MAAM;AAC1C,QAAIF,EAAY,WACdA,EAAY,QAAQ,SAAS;AAAA,UAC3B,CAACS,CAAiB,GAAGI;AAAA,UACrB,UAAU;AAAA,QAAA,CACX;AAAA,MAEL,GAAGC,CAAmB;AAAA,IACxB;AAAA,IACA,CAACd,GAAaC,CAAS;AAAA,EAAA,EAGhB;AACX;"}

package/dist/components/ScrollView/useScrollPosition.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),f=require("../../constants/direction.cjs"),t=require("../../constants/position.cjs"),D=require("../../hooks/useResizeObserver.cjs"),a=require("../../utils/debounce.cjs"),s=require("./constants.cjs"),g=({viewportReference:r,contentReference:l,direction:S})=>{const[u,T]=n.useState(!1),[d,A]=n.useState(!1),C=()=>{if(!(l.current&&r.current))return null;const o=l.current.getBoundingClientRect(),e=r.current.getBoundingClientRect();return{[t.Position.BOTTOM]:o.bottom-e.bottom,[t.Position.LEFT]:o.left-e.left,[t.Position.RIGHT]:o.right-e.right,[t.Position.TOP]:o.top-e.top}},i=()=>{const o=f.isDirectionHorizontal(S),e=o?t.Position.LEFT:t.Position.TOP,b=o?t.Position.RIGHT:t.Position.BOTTOM,c=C();if(!c)return;const E=c[e]<=-1*s.EDGE_DETECTION_INACCURACY_PX,P=c[b]>=s.EDGE_DETECTION_INACCURACY_PX;E!==u&&T(E),P!==d&&A(P)},O=n.useCallback(a.debounce(i,s.DEBOUNCE_DELAY),[i]);return D.useResizeObserver({ref:r,onResize:O}),n.useEffect(i,[]),{isScrolledAtEnd:d,isScrolledAtStart:u,onScroll:a.debounce(i,s.DEBOUNCE_DELAY)}};exports.useScrollPosition=g;
+//# sourceMappingURL=useScrollPosition.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollPosition.cjs","sources":["../../../src/components/ScrollView/useScrollPosition.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, type UIEvent, useCallback, useEffect, useState } from 'react';\nimport { Position, isDirectionHorizontal } from '../../constants';\nimport { useResizeObserver } from '../../hooks';\nimport { type PositionType, type ScrollViewDirectionType } from '../../types';\nimport { debounce } from '../../utils';\nimport { DEBOUNCE_DELAY, EDGE_DETECTION_INACCURACY_PX } from './constants';\n\nexport interface UseScrollPositionProps {\n  viewportReference: MutableRefObject<HTMLDivElement | null>;\n  contentReference: MutableRefObject<HTMLDivElement | null>;\n  direction: ScrollViewDirectionType;\n}\n\nexport interface UseScrollPositionReturn {\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  onScroll: (event: UIEvent) => void;\n}\n\nexport type CurrentPositionProps = {\n  [key in PositionType]: number;\n};\n\nexport const useScrollPosition = ({\n  viewportReference,\n  contentReference,\n  direction,\n}: UseScrollPositionProps): UseScrollPositionReturn => {\n  const [isScrolledAtStart, setScrolledStart] = useState<boolean>(false);\n  const [isScrolledAtEnd, setScrolledAtEnd] = useState<boolean>(false);\n\n  const getElementsPositionDifference = (): CurrentPositionProps | null => {\n    if (!(contentReference.current && viewportReference.current)) {\n      return null;\n    }\n\n    const contentPosition: DOMRect = contentReference.current.getBoundingClientRect();\n    const viewportPosition: DOMRect = viewportReference.current.getBoundingClientRect();\n\n    return {\n      [Position.BOTTOM]: contentPosition.bottom - viewportPosition.bottom,\n      [Position.LEFT]: contentPosition.left - viewportPosition.left,\n      [Position.RIGHT]: contentPosition.right - viewportPosition.right,\n      [Position.TOP]: contentPosition.top - viewportPosition.top,\n    };\n  };\n\n  const handleScrollViewState = () => {\n    const isHorizontal = isDirectionHorizontal(direction);\n    const scrollPositionStart = isHorizontal ? Position.LEFT : Position.TOP;\n    const scrollPositionEnd = isHorizontal ? Position.RIGHT : Position.BOTTOM;\n    const currentPosition = getElementsPositionDifference();\n\n    if (!currentPosition) {\n      return;\n    }\n\n    const isScrolledAtStartActive = currentPosition[scrollPositionStart] <= -1 * EDGE_DETECTION_INACCURACY_PX;\n    const isScrolledAtEndActive = currentPosition[scrollPositionEnd] >= EDGE_DETECTION_INACCURACY_PX;\n\n    if (isScrolledAtStartActive !== isScrolledAtStart) {\n      setScrolledStart(isScrolledAtStartActive);\n    }\n\n    if (isScrolledAtEndActive !== isScrolledAtEnd) {\n      setScrolledAtEnd(isScrolledAtEndActive);\n    }\n  };\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- debounce is stable\n  const debouncedHandler = useCallback(debounce(handleScrollViewState, DEBOUNCE_DELAY), [handleScrollViewState]);\n\n  useResizeObserver({\n    ref: viewportReference,\n    onResize: debouncedHandler,\n  });\n\n  /* We want to call this hook only once */\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(handleScrollViewState, []);\n\n  return {\n    isScrolledAtEnd,\n    isScrolledAtStart,\n    onScroll: debounce(handleScrollViewState, DEBOUNCE_DELAY),\n  };\n};\n"],"names":["useScrollPosition","viewportReference","contentReference","direction","isScrolledAtStart","setScrolledStart","useState","isScrolledAtEnd","setScrolledAtEnd","getElementsPositionDifference","contentPosition","viewportPosition","Position","handleScrollViewState","isHorizontal","isDirectionHorizontal","scrollPositionStart","scrollPositionEnd","currentPosition","isScrolledAtStartActive","EDGE_DETECTION_INACCURACY_PX","isScrolledAtEndActive","debouncedHandler","useCallback","debounce","DEBOUNCE_DELAY","useResizeObserver","useEffect"],"mappings":"6TAyBaA,EAAoB,CAAC,CAChC,kBAAAC,EACA,iBAAAC,EAAA,UACAC,CACF,IAAuD,CACrD,KAAM,CAACC,EAAmBC,CAAgB,EAAIC,EAAAA,SAAkB,EAAK,EAC/D,CAACC,EAAiBC,CAAgB,EAAIF,EAAAA,SAAkB,EAAK,EAE7DG,EAAgC,IAAmC,CACvE,GAAI,EAAEP,EAAiB,SAAWD,EAAkB,SAClD,OAAO,KAGT,MAAMS,EAA2BR,EAAiB,QAAQ,sBAAA,EACpDS,EAA4BV,EAAkB,QAAQ,sBAAA,EAE5D,MAAO,CACL,CAACW,EAAAA,SAAS,MAAM,EAAGF,EAAgB,OAASC,EAAiB,OAC7D,CAACC,EAAAA,SAAS,IAAI,EAAGF,EAAgB,KAAOC,EAAiB,KACzD,CAACC,EAAAA,SAAS,KAAK,EAAGF,EAAgB,MAAQC,EAAiB,MAC3D,CAACC,EAAAA,SAAS,GAAG,EAAGF,EAAgB,IAAMC,EAAiB,GAAA,CAE3D,EAEME,EAAwB,IAAM,CAClC,MAAMC,EAAeC,EAAAA,sBAAsBZ,CAAS,EAC9Ca,EAAsBF,EAAeF,EAAAA,SAAS,KAAOA,EAAAA,SAAS,IAC9DK,EAAoBH,EAAeF,EAAAA,SAAS,MAAQA,EAAAA,SAAS,OAC7DM,EAAkBT,EAAA,EAExB,GAAI,CAACS,EACH,OAGF,MAAMC,EAA0BD,EAAgBF,CAAmB,GAAK,GAAKI,EAAAA,6BACvEC,EAAwBH,EAAgBD,CAAiB,GAAKG,EAAAA,6BAEhED,IAA4Bf,GAC9BC,EAAiBc,CAAuB,EAGtCE,IAA0Bd,GAC5BC,EAAiBa,CAAqB,CAE1C,EAGMC,EAAmBC,EAAAA,YAAYC,EAAAA,SAASX,EAAuBY,gBAAc,EAAG,CAACZ,CAAqB,CAAC,EAE7Ga,OAAAA,oBAAkB,CAChB,IAAKzB,EACL,SAAUqB,CAAA,CACX,EAIDK,EAAAA,UAAUd,EAAuB,EAAE,EAE5B,CACL,gBAAAN,EACA,kBAAAH,EACA,SAAUoB,EAAAA,SAASX,EAAuBY,EAAAA,cAAc,CAAA,CAE5D"}

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

@@ -0,0 +1,16 @@
+import { MutableRefObject, UIEvent } from 'react';
+import { PositionType, ScrollViewDirectionType } from '../../types';
+export interface UseScrollPositionProps {
+    viewportReference: MutableRefObject<HTMLDivElement | null>;
+    contentReference: MutableRefObject<HTMLDivElement | null>;
+    direction: ScrollViewDirectionType;
+}
+export interface UseScrollPositionReturn {
+    isScrolledAtEnd: boolean;
+    isScrolledAtStart: boolean;
+    onScroll: (event: UIEvent) => void;
+}
+export type CurrentPositionProps = {
+    [key in PositionType]: number;
+};
+export declare const useScrollPosition: ({ viewportReference, contentReference, direction, }: UseScrollPositionProps) => UseScrollPositionReturn;

package/dist/components/ScrollView/useScrollPosition.js

@@ -0,0 +1,42 @@
+"use client";
+import { useState as f, useCallback as C, useEffect as g } from "react";
+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 { EDGE_DETECTION_INACCURACY_PX as E, DEBOUNCE_DELAY as S } from "./constants.js";
+const h = ({
+  viewportReference: e,
+  contentReference: s,
+  direction: a
+}) => {
+  const [c, T] = f(!1), [l, P] = f(!1), A = () => {
+    if (!(s.current && e.current))
+      return null;
+    const o = s.current.getBoundingClientRect(), r = e.current.getBoundingClientRect();
+    return {
+      [t.BOTTOM]: o.bottom - r.bottom,
+      [t.LEFT]: o.left - r.left,
+      [t.RIGHT]: o.right - r.right,
+      [t.TOP]: o.top - r.top
+    };
+  }, n = () => {
+    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 * E, d = i[p] >= E;
+    u !== c && T(u), d !== l && P(d);
+  }, O = C(m(n, S), [n]);
+  return D({
+    ref: e,
+    onResize: O
+  }), g(n, []), {
+    isScrolledAtEnd: l,
+    isScrolledAtStart: c,
+    onScroll: m(n, S)
+  };
+};
+export {
+  h as useScrollPosition
+};
+//# sourceMappingURL=useScrollPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollPosition.js","sources":["../../../src/components/ScrollView/useScrollPosition.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, type UIEvent, useCallback, useEffect, useState } from 'react';\nimport { Position, isDirectionHorizontal } from '../../constants';\nimport { useResizeObserver } from '../../hooks';\nimport { type PositionType, type ScrollViewDirectionType } from '../../types';\nimport { debounce } from '../../utils';\nimport { DEBOUNCE_DELAY, EDGE_DETECTION_INACCURACY_PX } from './constants';\n\nexport interface UseScrollPositionProps {\n  viewportReference: MutableRefObject<HTMLDivElement | null>;\n  contentReference: MutableRefObject<HTMLDivElement | null>;\n  direction: ScrollViewDirectionType;\n}\n\nexport interface UseScrollPositionReturn {\n  isScrolledAtEnd: boolean;\n  isScrolledAtStart: boolean;\n  onScroll: (event: UIEvent) => void;\n}\n\nexport type CurrentPositionProps = {\n  [key in PositionType]: number;\n};\n\nexport const useScrollPosition = ({\n  viewportReference,\n  contentReference,\n  direction,\n}: UseScrollPositionProps): UseScrollPositionReturn => {\n  const [isScrolledAtStart, setScrolledStart] = useState<boolean>(false);\n  const [isScrolledAtEnd, setScrolledAtEnd] = useState<boolean>(false);\n\n  const getElementsPositionDifference = (): CurrentPositionProps | null => {\n    if (!(contentReference.current && viewportReference.current)) {\n      return null;\n    }\n\n    const contentPosition: DOMRect = contentReference.current.getBoundingClientRect();\n    const viewportPosition: DOMRect = viewportReference.current.getBoundingClientRect();\n\n    return {\n      [Position.BOTTOM]: contentPosition.bottom - viewportPosition.bottom,\n      [Position.LEFT]: contentPosition.left - viewportPosition.left,\n      [Position.RIGHT]: contentPosition.right - viewportPosition.right,\n      [Position.TOP]: contentPosition.top - viewportPosition.top,\n    };\n  };\n\n  const handleScrollViewState = () => {\n    const isHorizontal = isDirectionHorizontal(direction);\n    const scrollPositionStart = isHorizontal ? Position.LEFT : Position.TOP;\n    const scrollPositionEnd = isHorizontal ? Position.RIGHT : Position.BOTTOM;\n    const currentPosition = getElementsPositionDifference();\n\n    if (!currentPosition) {\n      return;\n    }\n\n    const isScrolledAtStartActive = currentPosition[scrollPositionStart] <= -1 * EDGE_DETECTION_INACCURACY_PX;\n    const isScrolledAtEndActive = currentPosition[scrollPositionEnd] >= EDGE_DETECTION_INACCURACY_PX;\n\n    if (isScrolledAtStartActive !== isScrolledAtStart) {\n      setScrolledStart(isScrolledAtStartActive);\n    }\n\n    if (isScrolledAtEndActive !== isScrolledAtEnd) {\n      setScrolledAtEnd(isScrolledAtEndActive);\n    }\n  };\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- debounce is stable\n  const debouncedHandler = useCallback(debounce(handleScrollViewState, DEBOUNCE_DELAY), [handleScrollViewState]);\n\n  useResizeObserver({\n    ref: viewportReference,\n    onResize: debouncedHandler,\n  });\n\n  /* We want to call this hook only once */\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(handleScrollViewState, []);\n\n  return {\n    isScrolledAtEnd,\n    isScrolledAtStart,\n    onScroll: debounce(handleScrollViewState, DEBOUNCE_DELAY),\n  };\n};\n"],"names":["useScrollPosition","viewportReference","contentReference","direction","isScrolledAtStart","setScrolledStart","useState","isScrolledAtEnd","setScrolledAtEnd","getElementsPositionDifference","contentPosition","viewportPosition","Position","handleScrollViewState","isHorizontal","isDirectionHorizontal","scrollPositionStart","scrollPositionEnd","currentPosition","isScrolledAtStartActive","EDGE_DETECTION_INACCURACY_PX","isScrolledAtEndActive","debouncedHandler","useCallback","debounce","DEBOUNCE_DELAY","useResizeObserver","useEffect"],"mappings":";;;;;;;AAyBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AACF,MAAuD;AACrD,QAAM,CAACC,GAAmBC,CAAgB,IAAIC,EAAkB,EAAK,GAC/D,CAACC,GAAiBC,CAAgB,IAAIF,EAAkB,EAAK,GAE7DG,IAAgC,MAAmC;AACvE,QAAI,EAAEP,EAAiB,WAAWD,EAAkB;AAClD,aAAO;AAGT,UAAMS,IAA2BR,EAAiB,QAAQ,sBAAA,GACpDS,IAA4BV,EAAkB,QAAQ,sBAAA;AAE5D,WAAO;AAAA,MACL,CAACW,EAAS,MAAM,GAAGF,EAAgB,SAASC,EAAiB;AAAA,MAC7D,CAACC,EAAS,IAAI,GAAGF,EAAgB,OAAOC,EAAiB;AAAA,MACzD,CAACC,EAAS,KAAK,GAAGF,EAAgB,QAAQC,EAAiB;AAAA,MAC3D,CAACC,EAAS,GAAG,GAAGF,EAAgB,MAAMC,EAAiB;AAAA,IAAA;AAAA,EAE3D,GAEME,IAAwB,MAAM;AAClC,UAAMC,IAAeC,EAAsBZ,CAAS,GAC9Ca,IAAsBF,IAAeF,EAAS,OAAOA,EAAS,KAC9DK,IAAoBH,IAAeF,EAAS,QAAQA,EAAS,QAC7DM,IAAkBT,EAAA;AAExB,QAAI,CAACS;AACH;AAGF,UAAMC,IAA0BD,EAAgBF,CAAmB,KAAK,KAAKI,GACvEC,IAAwBH,EAAgBD,CAAiB,KAAKG;AAEpE,IAAID,MAA4Bf,KAC9BC,EAAiBc,CAAuB,GAGtCE,MAA0Bd,KAC5BC,EAAiBa,CAAqB;AAAA,EAE1C,GAGMC,IAAmBC,EAAYC,EAASX,GAAuBY,CAAc,GAAG,CAACZ,CAAqB,CAAC;AAE7G,SAAAa,EAAkB;AAAA,IAChB,KAAKzB;AAAA,IACL,UAAUqB;AAAA,EAAA,CACX,GAIDK,EAAUd,GAAuB,EAAE,GAE5B;AAAA,IACL,iBAAAN;AAAA,IACA,mBAAAH;AAAA,IACA,UAAUoB,EAASX,GAAuBY,CAAc;AAAA,EAAA;AAE5D;"}

package/dist/components/ScrollView/useScrollViewArrows.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./constants.cjs"),_=e=>e?{start:o.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START,end:o.SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END}:{top:o.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START,bottom:o.SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END},A=(e,s,L=300)=>{const t=_(e),r={...t,...s};return{arrows:[{icon:e?"chevron-left":"chevron-up",label:e?r.start??t.start:r.top??t.top,step:-L},{icon:e?"chevron-right":"chevron-down",label:e?r.end??t.end:r.bottom??t.bottom,step:L}]}};exports.useScrollViewArrows=A;
+//# sourceMappingURL=useScrollViewArrows.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollViewArrows.cjs","sources":["../../../src/components/ScrollView/useScrollViewArrows.ts"],"sourcesContent":["import { type ScrollViewArrowsAriaLabelType, type ScrollViewArrowsScrollStepType } from '../../types';\nimport {\n  SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END,\n  SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START,\n  SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END,\n  SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START,\n} from './constants';\n\nconst getDefaultArrowLabels = (\n  isHorizontal: boolean,\n): {\n  start?: string;\n  end?: string;\n  top?: string;\n  bottom?: string;\n} =>\n  isHorizontal\n    ? {\n        start: SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START,\n        end: SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END,\n      }\n    : {\n        top: SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START,\n        bottom: SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END,\n      };\n\nexport interface UseScrollViewArrowsReturn {\n  arrows: Array<{\n    icon: string;\n    label: string;\n    step: ScrollViewArrowsScrollStepType;\n  }>;\n}\n\nexport const useScrollViewArrows = (\n  isHorizontal: boolean,\n  ariaLabelArrows?: ScrollViewArrowsAriaLabelType,\n  scrollStep: ScrollViewArrowsScrollStepType = 300,\n): UseScrollViewArrowsReturn => {\n  const defaultArrowLabels = getDefaultArrowLabels(isHorizontal);\n  const mergedArrowLabels = { ...defaultArrowLabels, ...ariaLabelArrows };\n\n  const arrows = [\n    {\n      icon: isHorizontal ? 'chevron-left' : 'chevron-up',\n      label: (isHorizontal\n        ? (mergedArrowLabels.start ?? defaultArrowLabels.start)\n        : (mergedArrowLabels.top ?? defaultArrowLabels.top)) as string,\n      step: -scrollStep,\n    },\n    {\n      icon: isHorizontal ? 'chevron-right' : 'chevron-down',\n      label: (isHorizontal\n        ? (mergedArrowLabels.end ?? defaultArrowLabels.end)\n        : (mergedArrowLabels.bottom ?? defaultArrowLabels.bottom)) as string,\n      step: scrollStep,\n    },\n  ];\n\n  return { arrows };\n};\n"],"names":["getDefaultArrowLabels","isHorizontal","SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START","SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END","SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START","SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END","useScrollViewArrows","ariaLabelArrows","scrollStep","defaultArrowLabels","mergedArrowLabels"],"mappings":"mHAQMA,EACJC,GAOAA,EACI,CACE,MAAOC,EAAAA,0CACP,IAAKC,EAAAA,uCACP,EACA,CACE,IAAKC,EAAAA,wCACL,OAAQC,EAAAA,qCACV,EAUOC,EAAsB,CACjCL,EACAM,EACAC,EAA6C,MACf,CAC9B,MAAMC,EAAqBT,EAAsBC,CAAY,EACvDS,EAAoB,CAAE,GAAGD,EAAoB,GAAGF,CAAA,EAmBtD,MAAO,CAAE,OAjBM,CACb,CACE,KAAMN,EAAe,eAAiB,aACtC,MAAQA,EACHS,EAAkB,OAASD,EAAmB,MAC9CC,EAAkB,KAAOD,EAAmB,IACjD,KAAM,CAACD,CAAA,EAET,CACE,KAAMP,EAAe,gBAAkB,eACvC,MAAQA,EACHS,EAAkB,KAAOD,EAAmB,IAC5CC,EAAkB,QAAUD,EAAmB,OACpD,KAAMD,CAAA,CACR,CAGO,CACX"}

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

@@ -0,0 +1,9 @@
+import { ScrollViewArrowsAriaLabelType, ScrollViewArrowsScrollStepType } from '../../types';
+export interface UseScrollViewArrowsReturn {
+    arrows: Array<{
+        icon: string;
+        label: string;
+        step: ScrollViewArrowsScrollStepType;
+    }>;
+}
+export declare const useScrollViewArrows: (isHorizontal: boolean, ariaLabelArrows?: ScrollViewArrowsAriaLabelType, scrollStep?: ScrollViewArrowsScrollStepType) => UseScrollViewArrowsReturn;

package/dist/components/ScrollView/useScrollViewArrows.js

@@ -0,0 +1,26 @@
+import { SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END as _, SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START as A, SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END as R, SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START as s } from "./constants.js";
+const c = (t) => t ? {
+  start: A,
+  end: _
+} : {
+  top: s,
+  bottom: R
+}, O = (t, o, L = 300) => {
+  const e = c(t), r = { ...e, ...o };
+  return { arrows: [
+    {
+      icon: t ? "chevron-left" : "chevron-up",
+      label: t ? r.start ?? e.start : r.top ?? e.top,
+      step: -L
+    },
+    {
+      icon: t ? "chevron-right" : "chevron-down",
+      label: t ? r.end ?? e.end : r.bottom ?? e.bottom,
+      step: L
+    }
+  ] };
+};
+export {
+  O as useScrollViewArrows
+};
+//# sourceMappingURL=useScrollViewArrows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollViewArrows.js","sources":["../../../src/components/ScrollView/useScrollViewArrows.ts"],"sourcesContent":["import { type ScrollViewArrowsAriaLabelType, type ScrollViewArrowsScrollStepType } from '../../types';\nimport {\n  SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END,\n  SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START,\n  SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END,\n  SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START,\n} from './constants';\n\nconst getDefaultArrowLabels = (\n  isHorizontal: boolean,\n): {\n  start?: string;\n  end?: string;\n  top?: string;\n  bottom?: string;\n} =>\n  isHorizontal\n    ? {\n        start: SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START,\n        end: SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END,\n      }\n    : {\n        top: SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START,\n        bottom: SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END,\n      };\n\nexport interface UseScrollViewArrowsReturn {\n  arrows: Array<{\n    icon: string;\n    label: string;\n    step: ScrollViewArrowsScrollStepType;\n  }>;\n}\n\nexport const useScrollViewArrows = (\n  isHorizontal: boolean,\n  ariaLabelArrows?: ScrollViewArrowsAriaLabelType,\n  scrollStep: ScrollViewArrowsScrollStepType = 300,\n): UseScrollViewArrowsReturn => {\n  const defaultArrowLabels = getDefaultArrowLabels(isHorizontal);\n  const mergedArrowLabels = { ...defaultArrowLabels, ...ariaLabelArrows };\n\n  const arrows = [\n    {\n      icon: isHorizontal ? 'chevron-left' : 'chevron-up',\n      label: (isHorizontal\n        ? (mergedArrowLabels.start ?? defaultArrowLabels.start)\n        : (mergedArrowLabels.top ?? defaultArrowLabels.top)) as string,\n      step: -scrollStep,\n    },\n    {\n      icon: isHorizontal ? 'chevron-right' : 'chevron-down',\n      label: (isHorizontal\n        ? (mergedArrowLabels.end ?? defaultArrowLabels.end)\n        : (mergedArrowLabels.bottom ?? defaultArrowLabels.bottom)) as string,\n      step: scrollStep,\n    },\n  ];\n\n  return { arrows };\n};\n"],"names":["getDefaultArrowLabels","isHorizontal","SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_START","SCROLL_VIEW_ARROWS_LABEL_HORIZONTAL_END","SCROLL_VIEW_ARROWS_LABEL_VERTICAL_START","SCROLL_VIEW_ARROWS_LABEL_VERTICAL_END","useScrollViewArrows","ariaLabelArrows","scrollStep","defaultArrowLabels","mergedArrowLabels"],"mappings":";AAQA,MAAMA,IAAwB,CAC5BC,MAOAA,IACI;AAAA,EACE,OAAOC;AAAA,EACP,KAAKC;AACP,IACA;AAAA,EACE,KAAKC;AAAA,EACL,QAAQC;AACV,GAUOC,IAAsB,CACjCL,GACAM,GACAC,IAA6C,QACf;AAC9B,QAAMC,IAAqBT,EAAsBC,CAAY,GACvDS,IAAoB,EAAE,GAAGD,GAAoB,GAAGF,EAAA;AAmBtD,SAAO,EAAE,QAjBM;AAAA,IACb;AAAA,MACE,MAAMN,IAAe,iBAAiB;AAAA,MACtC,OAAQA,IACHS,EAAkB,SAASD,EAAmB,QAC9CC,EAAkB,OAAOD,EAAmB;AAAA,MACjD,MAAM,CAACD;AAAA,IAAA;AAAA,IAET;AAAA,MACE,MAAMP,IAAe,kBAAkB;AAAA,MACvC,OAAQA,IACHS,EAAkB,OAAOD,EAAmB,MAC5CC,EAAkB,UAAUD,EAAmB;AAAA,MACpD,MAAMD;AAAA,IAAA;AAAA,EACR,EAGO;AACX;"}

package/dist/components/ScrollView/useScrollViewStyleProps.cjs

@@ -0,0 +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;
+//# sourceMappingURL=useScrollViewStyleProps.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+import { ScrollViewDirectionType, ScrollViewOverflowDecoratorsType } from '../../types';
+export interface UseScrollViewStyleProps {
+    direction: ScrollViewDirectionType;
+    isScrollbarDisabled?: boolean;
+    isScrolledAtEnd: boolean;
+    isScrolledAtStart: boolean;
+    overflowDecorators: ScrollViewOverflowDecoratorsType;
+}
+export interface UseScrollViewStyleReturn {
+    classProps: {
+        root: string;
+        viewport: string;
+        content: string;
+        overflowDecorators: string;
+        arrows: string;
+    };
+}
+export declare const useScrollViewStyleProps: ({ direction, isScrollbarDisabled, isScrolledAtEnd, isScrolledAtStart, overflowDecorators, }: Partial<UseScrollViewStyleProps>) => UseScrollViewStyleReturn;

package/dist/components/ScrollView/useScrollViewStyleProps.js

@@ -0,0 +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 = ({
+  direction: l,
+  isScrollbarDisabled: e,
+  isScrolledAtEnd: t,
+  isScrolledAtStart: c,
+  overflowDecorators: a = 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`;
+  return {
+    classProps: {
+      root: r(o, w, {
+        [i]: e,
+        [_]: t,
+        [d]: c
+      }),
+      viewport: n,
+      content: V,
+      overflowDecorators: r(s, C),
+      arrows: D
+    }
+  };
+};
+export {
+  m as useScrollViewStyleProps
+};
+//# sourceMappingURL=useScrollViewStyleProps.js.map

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

@@ -0,0 +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;"}

package/dist/components/ScrollView.d.ts

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

package/dist/components/Section/Section.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),q=require("react"),e=require("../../constants/style.cjs"),T=require("../../hooks/styleProps.cjs"),h=require("../../utils/mergeStyleProps.cjs"),x=require("../Container/Container.cjs"),C=require("./useSectionSizeProps.cjs"),j=require("./useSectionStyleProps.cjs"),n={elementType:"section",hasContainer:!0,size:void 0},b=(i,p)=>{const c={...n,...i},{elementType:l=n.elementType,backgroundColor:d,children:o,containerProps:u,hasContainer:a,...P}=c,s=l,{classProps:S}=j.useSectionStyleProps({backgroundColor:d}),{modifiedProps:y}=C.useSectionSizeProps(P),{styleProps:g,props:m}=T.useStyleProps(y,{paddingTop:e.PaddingStyleProps.paddingTop,paddingBottom:e.PaddingStyleProps.paddingBottom,paddingY:e.PaddingStyleProps.paddingY,textAlignment:e.TextStyleProps.textAlignment}),f=h.mergeStyleProps(s,{classProps:S,styleProps:g});return r.jsx(s,{...m,...f,ref:p,children:a?r.jsx(x.default,{...u,children:o}):o})},t=q.forwardRef(b);t.spiritComponent="Section";t.displayName="Section";exports.default=t;
+//# sourceMappingURL=Section.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.cjs","sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PaddingStyleProps, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SectionProps,\n  type SpiritSectionProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { Container } from '../Container';\nimport { useSectionSizeProps } from './useSectionSizeProps';\nimport { useSectionStyleProps } from './useSectionStyleProps';\n\nconst defaultProps = {\n  elementType: 'section',\n  hasContainer: true,\n  size: undefined,\n};\n\nconst _Section = <E extends ElementType = 'section', S = void>(\n  props: SpiritSectionProps<E, S>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType = defaultProps.elementType,\n    backgroundColor,\n    children,\n    containerProps,\n    hasContainer,\n    ...restProps\n  } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useSectionStyleProps({ backgroundColor });\n  const { modifiedProps } = useSectionSizeProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    paddingTop: PaddingStyleProps.paddingTop,\n    paddingBottom: PaddingStyleProps.paddingBottom,\n    paddingY: PaddingStyleProps.paddingY,\n    textAlignment: TextStyleProps.textAlignment,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {hasContainer ? <Container {...containerProps}>{children}</Container> : children}\n    </Component>\n  );\n};\n\nconst Section = forwardRef<HTMLElement, SpiritSectionProps<'section', void>>(\n  _Section,\n) as unknown as PolymorphicComponent<'section', SectionProps<void>>;\n\nSection.spiritComponent = 'Section';\nSection.displayName = 'Section';\n\nexport default Section;\n"],"names":["defaultProps","_Section","props","ref","propsWithDefaults","elementType","backgroundColor","children","containerProps","hasContainer","restProps","Component","classProps","useSectionStyleProps","modifiedProps","useSectionSizeProps","styleProps","otherProps","useStyleProps","PaddingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps","jsx","Container","Section","forwardRef"],"mappings":"oaAgBMA,EAAe,CACnB,YAAa,UACb,aAAc,GACd,KAAM,MACR,EAEMC,EAAW,CACfC,EACAC,IACG,CACH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CACJ,YAAAG,EAAcL,EAAa,YAC3B,gBAAAM,EACA,SAAAC,EACA,eAAAC,EACA,aAAAC,EACA,GAAGC,CAAA,EACDN,EAEEO,EAAYN,EAEZ,CAAE,WAAAO,CAAA,EAAeC,uBAAqB,CAAE,gBAAAP,EAAiB,EACzD,CAAE,cAAAQ,CAAA,EAAkBC,EAAAA,oBAAoBL,CAAS,EACjD,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,WAAYK,EAAAA,kBAAkB,WAC9B,cAAeA,EAAAA,kBAAkB,cACjC,SAAUA,EAAAA,kBAAkB,SAC5B,cAAeC,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBX,EAAW,CAAE,WAAAC,EAAA,WAAYI,EAAY,EAE9E,OACEO,EAAAA,IAACZ,EAAA,CAAW,GAAGM,EAAa,GAAGI,EAAkB,IAAAlB,EAC9C,SAAAM,EAAec,EAAAA,IAACC,EAAAA,QAAA,CAAW,GAAGhB,EAAiB,SAAAD,CAAA,CAAS,EAAeA,EAC1E,CAEJ,EAEMkB,EAAUC,EAAAA,WACdzB,CACF,EAEAwB,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

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

@@ -0,0 +1,3 @@
+import { PolymorphicComponent, SectionProps } from '../../types';
+declare const Section: PolymorphicComponent<"section", SectionProps<void>>;
+export default Section;

package/dist/components/Section/Section.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { TextStyleProps as C, PaddingStyleProps as o } from "../../constants/style.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as x } from "../../utils/mergeStyleProps.js";
+import z from "../Container/Container.js";
+import { useSectionSizeProps as A } from "./useSectionSizeProps.js";
+import { useSectionStyleProps as B } from "./useSectionStyleProps.js";
+const n = {
+  elementType: "section",
+  hasContainer: !0,
+  size: void 0
+}, Y = (p, i) => {
+  const m = { ...n, ...p }, {
+    elementType: d = n.elementType,
+    backgroundColor: c,
+    children: t,
+    containerProps: a,
+    hasContainer: l,
+    ...P
+  } = m, e = d, { classProps: f } = B({ backgroundColor: c }), { modifiedProps: S } = A(P), { styleProps: g, props: u } = T(S, {
+    paddingTop: o.paddingTop,
+    paddingBottom: o.paddingBottom,
+    paddingY: o.paddingY,
+    textAlignment: C.textAlignment
+  }), y = x(e, { classProps: f, styleProps: g });
+  return /* @__PURE__ */ r(e, { ...u, ...y, ref: i, children: l ? /* @__PURE__ */ r(z, { ...a, children: t }) : t });
+}, s = h(
+  Y
+);
+s.spiritComponent = "Section";
+s.displayName = "Section";
+export {
+  s as default
+};
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PaddingStyleProps, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SectionProps,\n  type SpiritSectionProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { Container } from '../Container';\nimport { useSectionSizeProps } from './useSectionSizeProps';\nimport { useSectionStyleProps } from './useSectionStyleProps';\n\nconst defaultProps = {\n  elementType: 'section',\n  hasContainer: true,\n  size: undefined,\n};\n\nconst _Section = <E extends ElementType = 'section', S = void>(\n  props: SpiritSectionProps<E, S>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType = defaultProps.elementType,\n    backgroundColor,\n    children,\n    containerProps,\n    hasContainer,\n    ...restProps\n  } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useSectionStyleProps({ backgroundColor });\n  const { modifiedProps } = useSectionSizeProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    paddingTop: PaddingStyleProps.paddingTop,\n    paddingBottom: PaddingStyleProps.paddingBottom,\n    paddingY: PaddingStyleProps.paddingY,\n    textAlignment: TextStyleProps.textAlignment,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {hasContainer ? <Container {...containerProps}>{children}</Container> : children}\n    </Component>\n  );\n};\n\nconst Section = forwardRef<HTMLElement, SpiritSectionProps<'section', void>>(\n  _Section,\n) as unknown as PolymorphicComponent<'section', SectionProps<void>>;\n\nSection.spiritComponent = 'Section';\nSection.displayName = 'Section';\n\nexport default Section;\n"],"names":["defaultProps","_Section","props","ref","propsWithDefaults","elementType","backgroundColor","children","containerProps","hasContainer","restProps","Component","classProps","useSectionStyleProps","modifiedProps","useSectionSizeProps","styleProps","otherProps","useStyleProps","PaddingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps","jsx","Container","Section","forwardRef"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,MAAM;AACR,GAEMC,IAAW,CACfC,GACAC,MACG;AACH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C;AAAA,IACJ,aAAAG,IAAcL,EAAa;AAAA,IAC3B,iBAAAM;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN,GAEEO,IAAYN,GAEZ,EAAE,YAAAO,EAAA,IAAeC,EAAqB,EAAE,iBAAAP,GAAiB,GACzD,EAAE,eAAAQ,EAAA,IAAkBC,EAAoBL,CAAS,GACjD,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,YAAYK,EAAkB;AAAA,IAC9B,eAAeA,EAAkB;AAAA,IACjC,UAAUA,EAAkB;AAAA,IAC5B,eAAeC,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBX,GAAW,EAAE,YAAAC,GAAY,YAAAI,GAAY;AAE9E,SACE,gBAAAO,EAACZ,GAAA,EAAW,GAAGM,GAAa,GAAGI,GAAkB,KAAAlB,GAC9C,UAAAM,IAAe,gBAAAc,EAACC,GAAA,EAAW,GAAGhB,GAAiB,UAAAD,EAAA,CAAS,IAAeA,GAC1E;AAEJ,GAEMkB,IAAUC;AAAA,EACdzB;AACF;AAEAwB,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/Section/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Section.cjs"),t=require("./useSectionSizeProps.cjs"),o=require("./useSectionStyleProps.cjs");exports.Section=e.default;exports.useSectionSizeProps=t.useSectionSizeProps;exports.useSectionStyleProps=o.useSectionStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Section/index.cjs.map

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

package/dist/components/Section/index.js

@@ -0,0 +1,9 @@
+import { default as t } from "./Section.js";
+import { useSectionSizeProps as s } from "./useSectionSizeProps.js";
+import { useSectionStyleProps as p } from "./useSectionStyleProps.js";
+export {
+  t as Section,
+  s as useSectionSizeProps,
+  p as useSectionStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Section/index.js.map

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

package/dist/components/Section/useSectionSizeProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/dictionaries.cjs"),s={[e.SizesExtended.XSMALL]:{paddingY:{mobile:"space-900",tablet:"space-1000"}},[e.SizesExtended.SMALL]:{paddingY:{mobile:"space-1000",tablet:"space-1100"}},[e.SizesExtended.MEDIUM]:{paddingY:{mobile:"space-1100",tablet:"space-1300"}},[e.SizesExtended.LARGE]:{paddingY:{mobile:"space-1200",tablet:"space-1400"}},[e.SizesExtended.XLARGE]:{paddingY:{mobile:"space-1400",tablet:"space-1600"}}},d=(i={})=>{const{size:t}=i;return{modifiedProps:t?{...s[t],...i}:i}};exports.useSectionSizeProps=d;
+//# sourceMappingURL=useSectionSizeProps.cjs.map

package/dist/components/Section/useSectionSizeProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionSizeProps.cjs","sources":["../../../src/components/Section/useSectionSizeProps.ts"],"sourcesContent":["import { SizesExtended } from '../../constants';\nimport { type Responsive, type SectionProps, type SizeExtendedDictionaryType, type SpaceToken } from '../../types';\n\nconst sizePaddingMapping: Record<SizeExtendedDictionaryType<never>, { paddingY: Responsive<SpaceToken> }> = {\n  [SizesExtended.XSMALL]: { paddingY: { mobile: 'space-900', tablet: 'space-1000' } },\n  [SizesExtended.SMALL]: { paddingY: { mobile: 'space-1000', tablet: 'space-1100' } },\n  [SizesExtended.MEDIUM]: { paddingY: { mobile: 'space-1100', tablet: 'space-1300' } },\n  [SizesExtended.LARGE]: { paddingY: { mobile: 'space-1200', tablet: 'space-1400' } },\n  [SizesExtended.XLARGE]: { paddingY: { mobile: 'space-1400', tablet: 'space-1600' } },\n};\n\nexport const useSectionSizeProps = (props: SectionProps = {}) => {\n  const { size } = props;\n\n  const modifiedProps = size ? { ...sizePaddingMapping[size], ...props } : props;\n\n  return {\n    modifiedProps,\n  };\n};\n"],"names":["sizePaddingMapping","SizesExtended","useSectionSizeProps","props","size"],"mappings":"oIAGMA,EAAsG,CAC1G,CAACC,EAAAA,cAAc,MAAM,EAAG,CAAE,SAAU,CAAE,OAAQ,YAAa,OAAQ,aAAa,EAChF,CAACA,EAAAA,cAAc,KAAK,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,aAAa,EAChF,CAACA,EAAAA,cAAc,MAAM,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,aAAa,EACjF,CAACA,EAAAA,cAAc,KAAK,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,aAAa,EAChF,CAACA,EAAAA,cAAc,MAAM,EAAG,CAAE,SAAU,CAAE,OAAQ,aAAc,OAAQ,YAAA,CAAa,CACnF,EAEaC,EAAsB,CAACC,EAAsB,KAAO,CAC/D,KAAM,CAAE,KAAAC,GAASD,EAIjB,MAAO,CACL,cAHoBC,EAAO,CAAE,GAAGJ,EAAmBI,CAAI,EAAG,GAAGD,CAAA,EAAUA,CAGvE,CAEJ"}

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

@@ -0,0 +1,4 @@
+import { SectionProps } from '../../types';
+export declare const useSectionSizeProps: (props?: SectionProps) => {
+    modifiedProps: SectionProps<void>;
+};

package/dist/components/Section/useSectionSizeProps.js

@@ -0,0 +1,17 @@
+import { SizesExtended as e } from "../../constants/dictionaries.js";
+const s = {
+  [e.XSMALL]: { paddingY: { mobile: "space-900", tablet: "space-1000" } },
+  [e.SMALL]: { paddingY: { mobile: "space-1000", tablet: "space-1100" } },
+  [e.MEDIUM]: { paddingY: { mobile: "space-1100", tablet: "space-1300" } },
+  [e.LARGE]: { paddingY: { mobile: "space-1200", tablet: "space-1400" } },
+  [e.XLARGE]: { paddingY: { mobile: "space-1400", tablet: "space-1600" } }
+}, p = (i = {}) => {
+  const { size: a } = i;
+  return {
+    modifiedProps: a ? { ...s[a], ...i } : i
+  };
+};
+export {
+  p as useSectionSizeProps
+};
+//# sourceMappingURL=useSectionSizeProps.js.map

package/dist/components/Section/useSectionSizeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionSizeProps.js","sources":["../../../src/components/Section/useSectionSizeProps.ts"],"sourcesContent":["import { SizesExtended } from '../../constants';\nimport { type Responsive, type SectionProps, type SizeExtendedDictionaryType, type SpaceToken } from '../../types';\n\nconst sizePaddingMapping: Record<SizeExtendedDictionaryType<never>, { paddingY: Responsive<SpaceToken> }> = {\n  [SizesExtended.XSMALL]: { paddingY: { mobile: 'space-900', tablet: 'space-1000' } },\n  [SizesExtended.SMALL]: { paddingY: { mobile: 'space-1000', tablet: 'space-1100' } },\n  [SizesExtended.MEDIUM]: { paddingY: { mobile: 'space-1100', tablet: 'space-1300' } },\n  [SizesExtended.LARGE]: { paddingY: { mobile: 'space-1200', tablet: 'space-1400' } },\n  [SizesExtended.XLARGE]: { paddingY: { mobile: 'space-1400', tablet: 'space-1600' } },\n};\n\nexport const useSectionSizeProps = (props: SectionProps = {}) => {\n  const { size } = props;\n\n  const modifiedProps = size ? { ...sizePaddingMapping[size], ...props } : props;\n\n  return {\n    modifiedProps,\n  };\n};\n"],"names":["sizePaddingMapping","SizesExtended","useSectionSizeProps","props","size"],"mappings":";AAGA,MAAMA,IAAsG;AAAA,EAC1G,CAACC,EAAc,MAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,aAAa,QAAQ,eAAa;AAAA,EAChF,CAACA,EAAc,KAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,eAAa;AAAA,EAChF,CAACA,EAAc,MAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,eAAa;AAAA,EACjF,CAACA,EAAc,KAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,eAAa;AAAA,EAChF,CAACA,EAAc,MAAM,GAAG,EAAE,UAAU,EAAE,QAAQ,cAAc,QAAQ,aAAA,EAAa;AACnF,GAEaC,IAAsB,CAACC,IAAsB,OAAO;AAC/D,QAAM,EAAE,MAAAC,MAASD;AAIjB,SAAO;AAAA,IACL,eAHoBC,IAAO,EAAE,GAAGJ,EAAmBI,CAAI,GAAG,GAAGD,EAAA,IAAUA;AAAA,EAGvE;AAEJ;"}

package/dist/components/Section/useSectionStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("classnames"),t=require("../../hooks/useClassNamePrefix.cjs"),c=e=>{const{backgroundColor:s}=e||{},o=t.useClassNamePrefix(`bg-${s}`);return{classProps:r({[s?o:""]:s})}};exports.useSectionStyleProps=c;
+//# sourceMappingURL=useSectionStyleProps.cjs.map

package/dist/components/Section/useSectionStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionStyleProps.cjs","sources":["../../../src/components/Section/useSectionStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SectionStyleProps } from '../../types';\n\nexport const useSectionStyleProps = (props: SectionStyleProps) => {\n  const { backgroundColor } = props || {};\n\n  const sectionBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n\n  const sectionBackgroundColor = backgroundColor ? sectionBackgroundClassName : '';\n\n  const classProps = classNames({\n    [sectionBackgroundColor]: backgroundColor,\n  });\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useSectionStyleProps","props","backgroundColor","sectionBackgroundClassName","useClassNamePrefix","classNames"],"mappings":"8JAIaA,EAAwBC,GAA6B,CAChE,KAAM,CAAE,gBAAAC,GAAoBD,GAAS,CAAA,EAE/BE,EAA6BC,EAAAA,mBAAmB,MAAMF,CAAe,EAAE,EAQ7E,MAAO,CACL,WALiBG,EAAW,CAC5B,CAH6BH,EAAkBC,EAA6B,EAGrD,EAAGD,CAAA,CAC3B,CAGC,CAEJ"}

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

@@ -0,0 +1,4 @@
+import { SectionStyleProps } from '../../types';
+export declare const useSectionStyleProps: (props: SectionStyleProps) => {
+    classProps: string;
+};

package/dist/components/Section/useSectionStyleProps.js

@@ -0,0 +1,14 @@
+import c from "classnames";
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+const i = (s) => {
+  const { backgroundColor: o } = s || {}, r = t(`bg-${o}`);
+  return {
+    classProps: c({
+      [o ? r : ""]: o
+    })
+  };
+};
+export {
+  i as useSectionStyleProps
+};
+//# sourceMappingURL=useSectionStyleProps.js.map

package/dist/components/Section/useSectionStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionStyleProps.js","sources":["../../../src/components/Section/useSectionStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SectionStyleProps } from '../../types';\n\nexport const useSectionStyleProps = (props: SectionStyleProps) => {\n  const { backgroundColor } = props || {};\n\n  const sectionBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n\n  const sectionBackgroundColor = backgroundColor ? sectionBackgroundClassName : '';\n\n  const classProps = classNames({\n    [sectionBackgroundColor]: backgroundColor,\n  });\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useSectionStyleProps","props","backgroundColor","sectionBackgroundClassName","useClassNamePrefix","classNames"],"mappings":";;AAIO,MAAMA,IAAuB,CAACC,MAA6B;AAChE,QAAM,EAAE,iBAAAC,MAAoBD,KAAS,CAAA,GAE/BE,IAA6BC,EAAmB,MAAMF,CAAe,EAAE;AAQ7E,SAAO;AAAA,IACL,YALiBG,EAAW;AAAA,MAC5B,CAH6BH,IAAkBC,IAA6B,EAGrD,GAAGD;AAAA,IAAA,CAC3B;AAAA,EAGC;AAEJ;"}

package/dist/components/Section.d.ts

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

package/dist/components/SegmentedControl/SegmentedControl.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("classnames"),y=require("../../constants/dictionaries.cjs"),C=require("../../hooks/styleProps.cjs"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),q=require("./SegmentedControlContext.cjs"),x=require("./useSegmentedControlStyleProps.cjs"),j={isFluid:!1,isMultiselect:!1,variant:y.FillVariants.OUTLINE},t=o=>{const r={...j,...o},{children:l,isMultiselect:n,label:i,name:c,onSelectionChange:u,selectedValue:a,setSelectedValue:d,...p}=r,{classProps:m,props:P}=x.useSegmentedControlStyleProps(p),{styleProps:s,props:S}=C.useStyleProps(P),g={isMultiselect:n,name:c,selectedValue:a,setSelectedValue:d,onSelectionChange:u};return e.jsx(q.SegmentedControlProvider,{value:g,children:e.jsxs("fieldset",{...S,...s,className:f(m.root,s.className),children:[e.jsx(h.default,{elementType:"legend",children:i}),l]})})};t.spiritComponent="SegmentedControl";exports.default=t;
+//# sourceMappingURL=SegmentedControl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { FillVariants } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { SegmentedControlProvider } from './SegmentedControlContext';\nimport { useSegmentedControlStyleProps } from './useSegmentedControlStyleProps';\n\nconst defaultProps: Partial<SpiritSegmentedControlProps> = {\n  isFluid: false,\n  isMultiselect: false,\n  variant: FillVariants.OUTLINE,\n};\n\nconst SegmentedControl = (props: SpiritSegmentedControlProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiselect, label, name, onSelectionChange, selectedValue, setSelectedValue, ...restProps } =\n    propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSegmentedControlStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const contextValue = {\n    isMultiselect,\n    name,\n    selectedValue,\n    setSelectedValue,\n    onSelectionChange,\n  };\n\n  return (\n    <SegmentedControlProvider value={contextValue}>\n      <fieldset {...otherProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n        <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n        {children}\n      </fieldset>\n    </SegmentedControlProvider>\n  );\n};\n\nSegmentedControl.spiritComponent = 'SegmentedControl';\n\nexport default SegmentedControl;\n"],"names":["defaultProps","FillVariants","SegmentedControl","props","propsWithDefaults","children","isMultiselect","label","name","onSelectionChange","selectedValue","setSelectedValue","restProps","classProps","modifiedProps","useSegmentedControlStyleProps","styleProps","otherProps","useStyleProps","contextValue","SegmentedControlProvider","jsxs","classNames","jsx","VisuallyHidden"],"mappings":"0ZAWMA,EAAqD,CACzD,QAAS,GACT,cAAe,GACf,QAASC,EAAAA,aAAa,OACxB,EAEMC,EAAoBC,GAAuC,CAC/D,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,cAAAC,EAAe,MAAAC,EAAO,KAAAC,EAAM,kBAAAC,EAAmB,cAAAC,EAAe,iBAAAC,EAAkB,GAAGC,CAAA,EACnGR,EACI,CAAE,WAAAS,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,8BAA8BH,CAAS,EAC9E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAE/DK,EAAe,CACnB,cAAAb,EACA,KAAAE,EACA,cAAAE,EACA,iBAAAC,EACA,kBAAAF,CAAA,EAGF,aACGW,EAAAA,yBAAA,CAAyB,MAAOD,EAC/B,SAAAE,EAAAA,KAAC,YAAU,GAAGJ,EAAa,GAAGD,EAAY,UAAWM,EAAWT,EAAW,KAAMG,EAAW,SAAS,EACnG,SAAA,CAAAO,EAAAA,IAACC,EAAAA,QAAA,CAAe,YAAY,SAAU,SAAAjB,EAAM,EAC3CF,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,EAEAH,EAAiB,gBAAkB"}

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SpiritSegmentedControlProps } from '../../types/segmentedControl';
+declare const SegmentedControl: {
+    (props: SpiritSegmentedControlProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default SegmentedControl;

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
+import S from "classnames";
+import { FillVariants as h } from "../../constants/dictionaries.js";
+import { useStyleProps as g } from "../../hooks/styleProps.js";
+import C from "../VisuallyHidden/VisuallyHidden.js";
+import { SegmentedControlProvider as V } from "./SegmentedControlContext.js";
+import { useSegmentedControlStyleProps as x } from "./useSegmentedControlStyleProps.js";
+const y = {
+  isFluid: !1,
+  isMultiselect: !1,
+  variant: h.OUTLINE
+}, N = (o) => {
+  const s = { ...y, ...o }, { children: r, isMultiselect: l, label: n, name: i, onSelectionChange: a, selectedValue: m, setSelectedValue: p, ...c } = s, { classProps: d, props: u } = x(c), { styleProps: e, props: f } = g(u);
+  return /* @__PURE__ */ t(V, { value: {
+    isMultiselect: l,
+    name: i,
+    selectedValue: m,
+    setSelectedValue: p,
+    onSelectionChange: a
+  }, children: /* @__PURE__ */ P("fieldset", { ...f, ...e, className: S(d.root, e.className), children: [
+    /* @__PURE__ */ t(C, { elementType: "legend", children: n }),
+    r
+  ] }) });
+};
+N.spiritComponent = "SegmentedControl";
+export {
+  N as default
+};
+//# sourceMappingURL=SegmentedControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { FillVariants } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSegmentedControlProps } from '../../types/segmentedControl';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { SegmentedControlProvider } from './SegmentedControlContext';\nimport { useSegmentedControlStyleProps } from './useSegmentedControlStyleProps';\n\nconst defaultProps: Partial<SpiritSegmentedControlProps> = {\n  isFluid: false,\n  isMultiselect: false,\n  variant: FillVariants.OUTLINE,\n};\n\nconst SegmentedControl = (props: SpiritSegmentedControlProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, isMultiselect, label, name, onSelectionChange, selectedValue, setSelectedValue, ...restProps } =\n    propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSegmentedControlStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  const contextValue = {\n    isMultiselect,\n    name,\n    selectedValue,\n    setSelectedValue,\n    onSelectionChange,\n  };\n\n  return (\n    <SegmentedControlProvider value={contextValue}>\n      <fieldset {...otherProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n        <VisuallyHidden elementType=\"legend\">{label}</VisuallyHidden>\n        {children}\n      </fieldset>\n    </SegmentedControlProvider>\n  );\n};\n\nSegmentedControl.spiritComponent = 'SegmentedControl';\n\nexport default SegmentedControl;\n"],"names":["defaultProps","FillVariants","SegmentedControl","props","propsWithDefaults","children","isMultiselect","label","name","onSelectionChange","selectedValue","setSelectedValue","restProps","classProps","modifiedProps","useSegmentedControlStyleProps","styleProps","otherProps","useStyleProps","SegmentedControlProvider","jsxs","classNames","jsx","VisuallyHidden"],"mappings":";;;;;;;;AAWA,MAAMA,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAASC,EAAa;AACxB,GAEMC,IAAmB,CAACC,MAAuC;AAC/D,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,eAAAC,GAAe,OAAAC,GAAO,MAAAC,GAAM,mBAAAC,GAAmB,eAAAC,GAAe,kBAAAC,GAAkB,GAAGC,EAAA,IACnGR,GACI,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAkBC,EAA8BH,CAAS,GAC9E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAUrE,2BACGK,GAAA,EAAyB,OATP;AAAA,IACnB,eAAAb;AAAA,IACA,MAAAE;AAAA,IACA,eAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAF;AAAA,EAAA,GAKE,UAAA,gBAAAW,EAAC,cAAU,GAAGH,GAAa,GAAGD,GAAY,WAAWK,EAAWR,EAAW,MAAMG,EAAW,SAAS,GACnG,UAAA;AAAA,IAAA,gBAAAM,EAACC,GAAA,EAAe,aAAY,UAAU,UAAAhB,GAAM;AAAA,IAC3CF;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEAH,EAAiB,kBAAkB;"}

package/dist/components/SegmentedControl/SegmentedControlContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o={isMultiselect:!1,name:"",selectedValue:[],setSelectedValue:()=>{},onSelectionChange:()=>{}},t=e.createContext(o),n=t.Provider,r=()=>e.useContext(t);exports.SegmentedControlProvider=n;exports.useSegmentedControlContext=r;
+//# sourceMappingURL=SegmentedControlContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.cjs","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type SegmentedControlMultiselectProps } from '../../types/segmentedControl';\n\nexport type SegmentedControlContextProps = SegmentedControlMultiselectProps & {\n  name: string;\n  selectedValue: string | string[];\n  setSelectedValue: (value: string | string[]) => void;\n  onSelectionChange?: (value: string | string[]) => void;\n};\n\nconst defaultContext: SegmentedControlContextProps = {\n  isMultiselect: false,\n  name: '',\n  selectedValue: [],\n  setSelectedValue: () => {},\n  onSelectionChange: () => {},\n};\n\nconst SegmentedControlContext = createContext<SegmentedControlContextProps>(defaultContext);\nconst SegmentedControlProvider = SegmentedControlContext.Provider;\nconst useSegmentedControlContext = (): SegmentedControlContextProps => useContext(SegmentedControlContext);\n\nexport default SegmentedControlContext;\n// eslint-disable-next-line react-refresh/only-export-components -- Context file exports context alongside hooks\nexport { SegmentedControlProvider, useSegmentedControlContext };\n"],"names":["defaultContext","SegmentedControlContext","createContext","SegmentedControlProvider","useSegmentedControlContext","useContext"],"mappings":"sHAYMA,EAA+C,CACnD,cAAe,GACf,KAAM,GACN,cAAe,CAAA,EACf,iBAAkB,IAAM,CAAC,EACzB,kBAAmB,IAAM,CAAC,CAC5B,EAEMC,EAA0BC,EAAAA,cAA4CF,CAAc,EACpFG,EAA2BF,EAAwB,SACnDG,EAA6B,IAAoCC,EAAAA,WAAWJ,CAAuB"}

package/dist/components/SegmentedControl/SegmentedControlContext.d.ts

@@ -0,0 +1,12 @@
+import { SegmentedControlMultiselectProps } from '../../types/segmentedControl';
+export type SegmentedControlContextProps = SegmentedControlMultiselectProps & {
+    name: string;
+    selectedValue: string | string[];
+    setSelectedValue: (value: string | string[]) => void;
+    onSelectionChange?: (value: string | string[]) => void;
+};
+declare const SegmentedControlContext: React.Context<SegmentedControlContextProps>;
+declare const SegmentedControlProvider: React.Provider<SegmentedControlContextProps>;
+declare const useSegmentedControlContext: () => SegmentedControlContextProps;
+export default SegmentedControlContext;
+export { SegmentedControlProvider, useSegmentedControlContext };

package/dist/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,16 @@
+"use client";
+import { createContext as t, useContext as o } from "react";
+const n = {
+  isMultiselect: !1,
+  name: "",
+  selectedValue: [],
+  setSelectedValue: () => {
+  },
+  onSelectionChange: () => {
+  }
+}, e = t(n), l = e.Provider, r = () => o(e);
+export {
+  l as SegmentedControlProvider,
+  r as useSegmentedControlContext
+};
+//# sourceMappingURL=SegmentedControlContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/SegmentedControl/SegmentedControlContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type SegmentedControlMultiselectProps } from '../../types/segmentedControl';\n\nexport type SegmentedControlContextProps = SegmentedControlMultiselectProps & {\n  name: string;\n  selectedValue: string | string[];\n  setSelectedValue: (value: string | string[]) => void;\n  onSelectionChange?: (value: string | string[]) => void;\n};\n\nconst defaultContext: SegmentedControlContextProps = {\n  isMultiselect: false,\n  name: '',\n  selectedValue: [],\n  setSelectedValue: () => {},\n  onSelectionChange: () => {},\n};\n\nconst SegmentedControlContext = createContext<SegmentedControlContextProps>(defaultContext);\nconst SegmentedControlProvider = SegmentedControlContext.Provider;\nconst useSegmentedControlContext = (): SegmentedControlContextProps => useContext(SegmentedControlContext);\n\nexport default SegmentedControlContext;\n// eslint-disable-next-line react-refresh/only-export-components -- Context file exports context alongside hooks\nexport { SegmentedControlProvider, useSegmentedControlContext };\n"],"names":["defaultContext","SegmentedControlContext","createContext","SegmentedControlProvider","useSegmentedControlContext","useContext"],"mappings":";;AAYA,MAAMA,IAA+C;AAAA,EACnD,eAAe;AAAA,EACf,MAAM;AAAA,EACN,eAAe,CAAA;AAAA,EACf,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,mBAAmB,MAAM;AAAA,EAAC;AAC5B,GAEMC,IAA0BC,EAA4CF,CAAc,GACpFG,IAA2BF,EAAwB,UACnDG,IAA6B,MAAoCC,EAAWJ,CAAuB;"}

package/dist/components/SegmentedControl/SegmentedControlItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),p=require("classnames"),j=require("react"),A=require("../../hooks/styleProps.cjs"),I=require("./SegmentedControlContext.cjs"),V=require("./useSegmentedControlStyleProps.cjs"),k=(S,g)=>{const{isMultiselect:l,name:y,onSelectionChange:a,selectedValue:e,setSelectedValue:C}=I.useSegmentedControlContext(),{id:u,isDisabled:d,value:t,children:P,...h}=S,{classProps:m,props:f}=V.useSegmentedControlStyleProps(h),{styleProps:s,props:b}=A.useStyleProps(f),x=r=>{if(d)return;let o;if(l){const i=Array.isArray(e)?e:[];o=i.includes(r)?i.filter(N=>N!==r):[...i,r]}else o=r;C(o),a&&a(o)},q=l?Array.isArray(e)&&e.includes(String(t)):e===String(t);return n.jsxs(n.Fragment,{children:[n.jsx("input",{...b,...s,...d&&{disabled:!0},className:p(m.input,s.className),type:l?"checkbox":"radio",name:y,id:u,value:t,checked:q,onChange:()=>x(String(t))}),n.jsx("label",{ref:g,htmlFor:u,...s,className:p(m.label,s.className),children:P})]})},c=j.forwardRef(k);c.spiritComponent="SegmentedControlItem";c.displayName="SegmentedControlItem";exports.default=c;
+//# sourceMappingURL=SegmentedControlItem.cjs.map