@cuemath/leap 3.5.30-link.4 → 3.5.31-as1

package/dist/features/trial-session/trial-session.js

@@ -1,95 +1,93 @@
-import { jsx as d } from "react/jsx-runtime";
-import { memo as L, useState as N, useCallback as n, useEffect as A } from "react";
-import { getTimezone as z } from "../../helpers/date-time.js";
-import F from "../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
-import { useGetMileStoneConfig as y } from "../milestone/create/api/milestone-config.js";
-import w from "../ui/error/error.js";
-import k from "../ui/loader/app-loader/app-loader.js";
-import { useGetTrialHome as x } from "./api/trial-home.js";
-import { filterAndUpdateSlideNavigation as G } from "./helper.js";
-import V from "./trial-session-view.js";
-import { USER_TYPE as s } from "../timeline/daily-timeline-types.js";
-const Z = L(function(E) {
-  const { userType: e, teacherId: g, studentId: S, teacherClassroomId: _, height: u = "100vh" } = E, [l, D] = N(null), [R, H] = N(), {
-    data: m,
-    get: p,
+import { jsx as c } from "react/jsx-runtime";
+import { memo as h, useState as I, useCallback as n, useEffect as p } from "react";
+import { getTimezone as L } from "../../helpers/date-time.js";
+import z from "../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
+import { useGetMileStoneConfig as F } from "../milestone/create/api/milestone-config.js";
+import y from "../ui/error/error.js";
+import w from "../ui/loader/app-loader/app-loader.js";
+import { useGetTrialHome as k } from "./api/trial-home.js";
+import { filterAndUpdateSlideNavigation as x } from "./helper.js";
+import G from "./trial-session-view.js";
+const V = h(function(f) {
+  const { userType: e, teacherId: d, studentId: g, teacherClassroomId: N, height: S = "100vh" } = f, [m, A] = I(null), [D, _] = I(), {
+    data: T,
+    get: E,
+    isProcessing: v,
+    isProcessingFailed: H
+  } = k(), {
+    get: u,
+    data: a,
     isProcessing: P,
-    isProcessingFailed: v
-  } = x(), {
-    get: I,
-    data: r,
-    isProcessing: C,
-    isProcessingFailed: U
-  } = y(), t = n(() => {
-    p("trial-v3", {
-      student_id: S,
-      teacher_id: g,
+    isProcessingFailed: R
+  } = F(), t = n(() => {
+    E("trial-v3", {
+      student_id: g,
+      teacher_id: d,
       viewer: e.toLocaleLowerCase()
     });
-  }, [p, S, g, e]), f = n(() => {
-    t(), I("", {
+  }, [E, g, d, e]), l = n(() => {
+    t(), u("", {
       demo_type: "TRIAL_V3"
     });
-  }, [t, I]), M = n(
-    (T) => {
-      e === s.STUDENT && T.forEach((i) => {
+  }, [t, u]), C = n(
+    (s) => {
+      e === "STUDENT" && s.forEach((i) => {
         i.eventName === "TRIAL_INFORMATION_UPDATED" && t();
-      }), e === s.TEACHER && T.forEach((i) => {
+      }), e === "TEACHER" && s.forEach((i) => {
         if (i.eventName === "TRIAL_SESSION_STUDENT_TIMEZONE") {
           const {
-            eventPayload: { timezone: c }
+            eventPayload: { timezone: O }
           } = i;
-          H(c);
+          _(O);
         }
       });
     },
     [t, e]
-  ), { publish: o } = F({
-    teacherClassroomId: _,
-    onMessageReceive: M
-  }), O = n(() => {
-    t(), e === s.TEACHER && (o == null || o({
+  ), { publish: o } = z({
+    teacherClassroomId: N,
+    onMessageReceive: C
+  }), M = n(() => {
+    t(), e === "TEACHER" && (o == null || o({
       eventName: "TRIAL_INFORMATION_UPDATED"
     }));
-  }, [t, o, e]), h = n(() => {
-    e === s.STUDENT && (o == null || o({
+  }, [t, o, e]), U = n(() => {
+    e === "STUDENT" && (o == null || o({
       eventName: "TRIAL_SESSION_STUDENT_TIMEZONE",
-      eventPayload: { timezone: z() }
+      eventPayload: { timezone: L() }
     }));
   }, [o, e]);
-  A(() => {
-    f();
-  }, [f]);
-  const a = n(
-    (T, i) => {
-      if (m && r) {
-        const c = e === s.TEACHER ? G({
-          milestoneConfigData: r,
-          trialHomeData: m,
-          grade: T,
-          goal: i
-        }) : m;
-        D(c);
+  p(() => {
+    l();
+  }, [l]);
+  const r = n(
+    (s) => {
+      if (T && a) {
+        const i = x({
+          milestoneConfigData: a,
+          trialHomeData: T,
+          grade: s
+        });
+        A(i);
       }
     },
-    [r, m, e]
+    [a, T]
   );
-  return A(() => {
-    a == null || a();
-  }, [a]), P && !l || C ? /* @__PURE__ */ d(k, { height: u }) : v || U ? /* @__PURE__ */ d(w, { height: u, onTryAgain: f }) : l && r ? /* @__PURE__ */ d(
-    V,
+  return p(() => {
+    r == null || r();
+  }, [r]), v && !m || P ? /* @__PURE__ */ c(w, { height: S }) : H || R ? /* @__PURE__ */ c(y, { height: S, onTryAgain: l }) : m && a ? /* @__PURE__ */ c(
+    G,
     {
-      ...E,
-      onTrialInformationUpdate: O,
-      onStudentTimezoneUpdate: h,
-      trialHomeData: l,
-      milestoneConfig: r,
-      onRemoveOptionalSlides: a,
-      studentTimezone: R
+      ...f,
+      onTrialInformationUpdate: M,
+      onStudentTimezoneUpdate: U,
+      trialHomeData: m,
+      milestoneConfig: a,
+      onRemoveOptionalSlides: r,
+      studentTimezone: D
     }
   ) : null;
-}), oe = Z;
+}), b = V;
 export {
-  oe as default
+  b as default
 };
 //# sourceMappingURL=trial-session.js.map

package/dist/features/trial-session/trial-session.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session.js","sources":["../../../src/features/trial-session/trial-session.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useState, type FC } from 'react';\n\nimport { getTimezone } from '../../helpers/date-time';\nimport useTrialSessionMessageBroker from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker';\nimport type { TTrialSessionMessage } from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker-types';\nimport { useGetMileStoneConfig } from '../milestone/create/api/milestone-config';\nimport Error from '../ui/error/error';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport { useGetTrialHome } from './api/trial-home';\nimport { filterAndUpdateSlideNavigation } from './helper';\nimport type { ITrialHomeData, ITrialSessionProps } from './trial-session-types';\nimport TrialSessionView from './trial-session-view';\nimport { USER_TYPE } from '../timeline/daily-timeline-types';\n\nconst TrialSession: FC<ITrialSessionProps> = memo(function TrialSession(props) {\n  const { userType, teacherId, studentId, teacherClassroomId, height = '100vh' } = props;\n  const [trialHomeData, setTrialHomeData] = useState<ITrialHomeData | null>(null);\n  const [studentTimezone, setStudentTimezone] = useState<string>();\n\n  const {\n    data: trialHomeResponse,\n    get: getTrialHome,\n    isProcessing: isProcessingTrialHome,\n    isProcessingFailed: isProcessingFailedTrialHome,\n  } = useGetTrialHome();\n  const {\n    get: getMilestoneConfig,\n    data: milestoneConfigData,\n    isProcessing: isProcessingMilestoneConfig,\n    isProcessingFailed: isProcessingFailedMilestoneConfig,\n  } = useGetMileStoneConfig();\n\n  const fetchTrialHome = useCallback(() => {\n    getTrialHome('trial-v3', {\n      student_id: studentId,\n      teacher_id: teacherId,\n      viewer: userType.toLocaleLowerCase(),\n    });\n  }, [getTrialHome, studentId, teacherId, userType]);\n\n  const fetchData = useCallback(() => {\n    fetchTrialHome();\n    getMilestoneConfig('', {\n      demo_type: 'TRIAL_V3',\n    });\n  }, [fetchTrialHome, getMilestoneConfig]);\n\n  const handleMessageReceive = useCallback(\n    (messages: TTrialSessionMessage[]) => {\n      if (userType === USER_TYPE.STUDENT) {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_INFORMATION_UPDATED') {\n            fetchTrialHome();\n          }\n        });\n      }\n\n      if (userType === USER_TYPE.TEACHER) {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_SESSION_STUDENT_TIMEZONE') {\n            const {\n              eventPayload: { timezone },\n            } = message;\n\n            setStudentTimezone(timezone);\n          }\n        });\n      }\n    },\n    [fetchTrialHome, userType],\n  );\n\n  const { publish } = useTrialSessionMessageBroker({\n    teacherClassroomId,\n    onMessageReceive: handleMessageReceive,\n  });\n\n  const handleOnTrialInformationUpdate = useCallback(() => {\n    fetchTrialHome();\n\n    if (userType === USER_TYPE.TEACHER) {\n      publish?.({\n        eventName: 'TRIAL_INFORMATION_UPDATED',\n      });\n    }\n  }, [fetchTrialHome, publish, userType]);\n\n  const handleOnTrialStudentTimezoneUpdate = useCallback(() => {\n    if (userType === USER_TYPE.STUDENT) {\n      publish?.({\n        eventName: 'TRIAL_SESSION_STUDENT_TIMEZONE',\n        eventPayload: { timezone: getTimezone() },\n      });\n    }\n  }, [publish, userType]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const handleRemoveOptionalSlides = useCallback(\n    (grade?: string, goal?: string) => {\n      if (trialHomeResponse && milestoneConfigData) {\n        const updatedTrialHomeData =\n          userType === USER_TYPE.TEACHER\n            ? filterAndUpdateSlideNavigation({\n                milestoneConfigData,\n                trialHomeData: trialHomeResponse,\n                grade,\n                goal,\n              })\n            : trialHomeResponse;\n\n        setTrialHomeData(updatedTrialHomeData);\n      }\n    },\n    [milestoneConfigData, trialHomeResponse, userType],\n  );\n\n  useEffect(() => {\n    handleRemoveOptionalSlides?.();\n  }, [handleRemoveOptionalSlides]);\n\n  if ((isProcessingTrialHome && !trialHomeData) || isProcessingMilestoneConfig) {\n    return <AppLoader height={height} />;\n  }\n\n  if (isProcessingFailedTrialHome || isProcessingFailedMilestoneConfig) {\n    return <Error height={height} onTryAgain={fetchData} />;\n  }\n\n  if (trialHomeData && milestoneConfigData) {\n    return (\n      <TrialSessionView\n        {...props}\n        onTrialInformationUpdate={handleOnTrialInformationUpdate}\n        onStudentTimezoneUpdate={handleOnTrialStudentTimezoneUpdate}\n        trialHomeData={trialHomeData}\n        milestoneConfig={milestoneConfigData}\n        onRemoveOptionalSlides={handleRemoveOptionalSlides}\n        studentTimezone={studentTimezone}\n      />\n    );\n  }\n\n  return null;\n});\n\nexport default TrialSession;\n"],"names":["TrialSession","memo","props","userType","teacherId","studentId","teacherClassroomId","height","trialHomeData","setTrialHomeData","useState","studentTimezone","setStudentTimezone","trialHomeResponse","getTrialHome","isProcessingTrialHome","isProcessingFailedTrialHome","useGetTrialHome","getMilestoneConfig","milestoneConfigData","isProcessingMilestoneConfig","isProcessingFailedMilestoneConfig","useGetMileStoneConfig","fetchTrialHome","useCallback","fetchData","handleMessageReceive","messages","USER_TYPE","message","timezone","publish","useTrialSessionMessageBroker","handleOnTrialInformationUpdate","handleOnTrialStudentTimezoneUpdate","getTimezone","useEffect","handleRemoveOptionalSlides","grade","goal","updatedTrialHomeData","filterAndUpdateSlideNavigation","jsx","AppLoader","Error","TrialSessionView","TrialSession$1"],"mappings":"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"}
+{"version":3,"file":"trial-session.js","sources":["../../../src/features/trial-session/trial-session.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useState, type FC } from 'react';\n\nimport { getTimezone } from '../../helpers/date-time';\nimport useTrialSessionMessageBroker from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker';\nimport type { TTrialSessionMessage } from '../communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker-types';\nimport { useGetMileStoneConfig } from '../milestone/create/api/milestone-config';\nimport Error from '../ui/error/error';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport { useGetTrialHome } from './api/trial-home';\nimport { filterAndUpdateSlideNavigation } from './helper';\nimport type { ITrialHomeData, ITrialSessionProps } from './trial-session-types';\nimport TrialSessionView from './trial-session-view';\n\nconst TrialSession: FC<ITrialSessionProps> = memo(function TrialSession(props) {\n  const { userType, teacherId, studentId, teacherClassroomId, height = '100vh' } = props;\n  const [trialHomeData, setTrialHomeData] = useState<ITrialHomeData | null>(null);\n  const [studentTimezone, setStudentTimezone] = useState<string>();\n\n  const {\n    data: trialHomeResponse,\n    get: getTrialHome,\n    isProcessing: isProcessingTrialHome,\n    isProcessingFailed: isProcessingFailedTrialHome,\n  } = useGetTrialHome();\n  const {\n    get: getMilestoneConfig,\n    data: milestoneConfigData,\n    isProcessing: isProcessingMilestoneConfig,\n    isProcessingFailed: isProcessingFailedMilestoneConfig,\n  } = useGetMileStoneConfig();\n\n  const fetchTrialHome = useCallback(() => {\n    getTrialHome('trial-v3', {\n      student_id: studentId,\n      teacher_id: teacherId,\n      viewer: userType.toLocaleLowerCase(),\n    });\n  }, [getTrialHome, studentId, teacherId, userType]);\n\n  const fetchData = useCallback(() => {\n    fetchTrialHome();\n    getMilestoneConfig('', {\n      demo_type: 'TRIAL_V3',\n    });\n  }, [fetchTrialHome, getMilestoneConfig]);\n\n  const handleMessageReceive = useCallback(\n    (messages: TTrialSessionMessage[]) => {\n      if (userType === 'STUDENT') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_INFORMATION_UPDATED') {\n            fetchTrialHome();\n          }\n        });\n      }\n\n      if (userType === 'TEACHER') {\n        messages.forEach(message => {\n          if (message.eventName === 'TRIAL_SESSION_STUDENT_TIMEZONE') {\n            const {\n              eventPayload: { timezone },\n            } = message;\n\n            setStudentTimezone(timezone);\n          }\n        });\n      }\n    },\n    [fetchTrialHome, userType],\n  );\n\n  const { publish } = useTrialSessionMessageBroker({\n    teacherClassroomId,\n    onMessageReceive: handleMessageReceive,\n  });\n\n  const handleOnTrialInformationUpdate = useCallback(() => {\n    fetchTrialHome();\n\n    if (userType === 'TEACHER') {\n      publish?.({\n        eventName: 'TRIAL_INFORMATION_UPDATED',\n      });\n    }\n  }, [fetchTrialHome, publish, userType]);\n\n  const handleOnTrialStudentTimezoneUpdate = useCallback(() => {\n    if (userType === 'STUDENT') {\n      publish?.({\n        eventName: 'TRIAL_SESSION_STUDENT_TIMEZONE',\n        eventPayload: { timezone: getTimezone() },\n      });\n    }\n  }, [publish, userType]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const handleRemoveOptionalSlides = useCallback(\n    (grade?: string) => {\n      if (trialHomeResponse && milestoneConfigData) {\n        const updatedTrialHomeData = filterAndUpdateSlideNavigation({\n          milestoneConfigData,\n          trialHomeData: trialHomeResponse,\n          grade,\n        });\n\n        setTrialHomeData(updatedTrialHomeData);\n      }\n    },\n    [milestoneConfigData, trialHomeResponse],\n  );\n\n  useEffect(() => {\n    handleRemoveOptionalSlides?.();\n  }, [handleRemoveOptionalSlides]);\n\n  if ((isProcessingTrialHome && !trialHomeData) || isProcessingMilestoneConfig) {\n    return <AppLoader height={height} />;\n  }\n\n  if (isProcessingFailedTrialHome || isProcessingFailedMilestoneConfig) {\n    return <Error height={height} onTryAgain={fetchData} />;\n  }\n\n  if (trialHomeData && milestoneConfigData) {\n    return (\n      <TrialSessionView\n        {...props}\n        onTrialInformationUpdate={handleOnTrialInformationUpdate}\n        onStudentTimezoneUpdate={handleOnTrialStudentTimezoneUpdate}\n        trialHomeData={trialHomeData}\n        milestoneConfig={milestoneConfigData}\n        onRemoveOptionalSlides={handleRemoveOptionalSlides}\n        studentTimezone={studentTimezone}\n      />\n    );\n  }\n\n  return null;\n});\n\nexport default TrialSession;\n"],"names":["TrialSession","memo","props","userType","teacherId","studentId","teacherClassroomId","height","trialHomeData","setTrialHomeData","useState","studentTimezone","setStudentTimezone","trialHomeResponse","getTrialHome","isProcessingTrialHome","isProcessingFailedTrialHome","useGetTrialHome","getMilestoneConfig","milestoneConfigData","isProcessingMilestoneConfig","isProcessingFailedMilestoneConfig","useGetMileStoneConfig","fetchTrialHome","useCallback","fetchData","handleMessageReceive","messages","message","timezone","publish","useTrialSessionMessageBroker","handleOnTrialInformationUpdate","handleOnTrialStudentTimezoneUpdate","getTimezone","useEffect","handleRemoveOptionalSlides","grade","updatedTrialHomeData","filterAndUpdateSlideNavigation","jsx","AppLoader","Error","TrialSessionView","TrialSession$1"],"mappings":"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"}

package/dist/features/ui/animated-arc/animated-arc-styled.js

@@ -1,6 +1,6 @@
 import r, { keyframes as e } from "styled-components";
-import { ANIMATED_ARC_Z_INDEX as n, RAINBOW_COLOR_ANIMATION_DURATION as s } from "./animated-arc-constants.js";
-const F = e`
+import { RAINBOW_COLOR_ANIMATION_DURATION as n } from "./animated-arc-constants.js";
+const s = e`
   0% {
     stroke: #FFB700;
     color: #FFB700;
@@ -17,17 +17,17 @@ const F = e`
     stroke: #33CCFF;
     color: #33CCFF;
   }
-`, C = r.svg`
+`, a = r.svg`
   position: absolute;
-  z-index: ${n};
+  z-index: ${({ $zIndex: o }) => o};
   pointer-events: none;
 `, c = r.path`
   stroke: ${({ theme: o, stroke: t }) => o.colors[t]};
-  animation: ${({ $showAnimatedRainbowArc: o }) => o ? F : "undefined"}
-    ${s}s ease infinite forwards;
+  animation: ${({ $showAnimatedRainbowArc: o }) => o ? s : "undefined"}
+    ${n}s ease infinite forwards;
 `;
 export {
   c as Path,
-  C as Svg
+  a as Svg
 };
 //# sourceMappingURL=animated-arc-styled.js.map

package/dist/features/ui/animated-arc/animated-arc-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"animated-arc-styled.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport type { TColorNames } from '../types';\nimport { ANIMATED_ARC_Z_INDEX, RAINBOW_COLOR_ANIMATION_DURATION } from './animated-arc-constants';\n\nconst rainbowColorAnimation = keyframes`\n  0% {\n    stroke: #FFB700;\n    color: #FFB700;\n  }\n  33% {\n    stroke: #FF884C;\n    color: #FF884C;\n  }\n  66% {\n    stroke: #FF80F4;\n    color: #FF80F4;\n  }\n  100% {\n    stroke: #33CCFF;\n    color: #33CCFF;\n  }\n`;\n\nexport const Svg = styled.svg`\n  position: absolute;\n  z-index: ${ANIMATED_ARC_Z_INDEX};\n  pointer-events: none;\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $showAnimatedRainbowArc: boolean }>`\n  stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n  animation: ${({ $showAnimatedRainbowArc }) =>\n      $showAnimatedRainbowArc ? rainbowColorAnimation : 'undefined'}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["rainbowColorAnimation","keyframes","Svg","styled","ANIMATED_ARC_Z_INDEX","Path","theme","stroke","$showAnimatedRainbowArc","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAKA,MAAMA,IAAwBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBjBC,IAAMC,EAAO;AAAA;AAAA,aAEbC,CAAoB;AAAA;AAAA,GAIpBC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,yBAAAC,EAAA,MACZA,IAA0BR,IAAwB,WAAW;AAAA,MAC7DS,CAAgC;AAAA;"}
+{"version":3,"file":"animated-arc-styled.js","sources":["../../../../src/features/ui/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport type { TColorNames } from '../types';\nimport { RAINBOW_COLOR_ANIMATION_DURATION } from './animated-arc-constants';\n\nconst rainbowColorAnimation = keyframes`\n  0% {\n    stroke: #FFB700;\n    color: #FFB700;\n  }\n  33% {\n    stroke: #FF884C;\n    color: #FF884C;\n  }\n  66% {\n    stroke: #FF80F4;\n    color: #FF80F4;\n  }\n  100% {\n    stroke: #33CCFF;\n    color: #33CCFF;\n  }\n`;\n\nexport const Svg = styled.svg<{ $zIndex: number }>`\n  position: absolute;\n  z-index: ${({ $zIndex }) => $zIndex};\n  pointer-events: none;\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $showAnimatedRainbowArc: boolean }>`\n  stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n  animation: ${({ $showAnimatedRainbowArc }) =>\n      $showAnimatedRainbowArc ? rainbowColorAnimation : 'undefined'}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["rainbowColorAnimation","keyframes","Svg","styled","$zIndex","Path","theme","stroke","$showAnimatedRainbowArc","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAKA,MAAMA,IAAwBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBjBC,IAAMC,EAAO;AAAA;AAAA,aAEb,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,yBAAAC,EAAA,MACZA,IAA0BR,IAAwB,WAAW;AAAA,MAC7DS,CAAgC;AAAA;"}

package/dist/features/ui/animated-arc/animated-arc.js

@@ -1,48 +1,59 @@
 import { jsx as p } from "react/jsx-runtime";
-import { useRef as u, useMemo as A, useLayoutEffect as g } from "react";
+import { useRef as u, useMemo as R, useLayoutEffect as g } from "react";
 import { describeArc as w } from "./animated-arc-helpers.js";
-import { Svg as R, Path as k } from "./animated-arc-styled.js";
-const b = ({
+import { Svg as k, Path as D } from "./animated-arc-styled.js";
+import { ANIMATED_ARC_Z_INDEX as d } from "./animated-arc-constants.js";
+const x = ({
   radius: e,
   strokeWidth: i,
-  color: y,
+  color: $,
   targetAngle: a,
   startAngle: c = 0,
-  duration: s = 2,
-  mode: o = "draw",
+  duration: o = 2,
+  mode: s = "draw",
   delay: n = 0,
-  showAnimatedRainbowArc: $ = !1
+  showAnimatedRainbowArc: y = !1,
+  zIndex: A = d
 }) => {
-  const f = u(null), r = e, l = e - i / 2, h = A(
-    () => w(r, r, l, c, a),
-    [a, c, l, r]
+  const f = u(null), r = e, m = e - i / 2, l = R(
+    () => w(r, r, m, c, a),
+    [a, c, m, r]
   );
   return g(() => {
     const t = f.current;
     if (t) {
-      if (o === "draw") {
-        const m = t.getTotalLength();
-        t.style.strokeDasharray = `${m}`, t.style.strokeDashoffset = `${m}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
-          t.style.transition = `stroke-dashoffset ${s}s linear ${n}s`, t.style.strokeDashoffset = "0";
+      if (s === "draw") {
+        const h = t.getTotalLength();
+        t.style.strokeDasharray = `${h}`, t.style.strokeDashoffset = `${h}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
+          t.style.transition = `stroke-dashoffset ${o}s linear ${n}s`, t.style.strokeDashoffset = "0";
         });
       }
-      o === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
-        t.style.transition = `opacity ${s}s ease-in-out ${n}s`, t.style.opacity = "1";
+      s === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
+        t.style.transition = `opacity ${o}s ease-in-out ${n}s`, t.style.opacity = "1";
       }));
     }
-  }, [h, o, s, n]), /* @__PURE__ */ p(R, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ p(
+  }, [l, s, o, n]), /* @__PURE__ */ p(
     k,
     {
-      ref: f,
-      d: h,
-      fill: "none",
-      stroke: y,
-      strokeWidth: i,
-      strokeLinecap: "butt",
-      $showAnimatedRainbowArc: $
+      width: 2 * e,
+      height: 2 * e,
+      viewBox: `0 0 ${2 * e} ${2 * e}`,
+      $zIndex: A,
+      children: /* @__PURE__ */ p(
+        D,
+        {
+          ref: f,
+          d: l,
+          fill: "none",
+          stroke: $,
+          strokeWidth: i,
+          strokeLinecap: "butt",
+          $showAnimatedRainbowArc: y
+        }
+      )
     }
-  ) });
-}, L = b;
+  );
+}, L = x;
 export {
   L as default
 };

package/dist/features/ui/animated-arc/animated-arc.js.map

@@ -1 +1 @@
-{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import { useRef, useLayoutEffect, useMemo, type FC } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\nimport type { IAnimatedArcProps } from './animated-arc-types';\n\nconst AnimatedArc: FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  showAnimatedRainbowArc = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = useMemo(\n    () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n    [targetAngle, startAngle, arcRadius, center],\n  );\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity ${duration}s ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $showAnimatedRainbowArc={showAnimatedRainbowArc}\n      />\n    </Styled.Svg>\n  );\n};\n\nexport default AnimatedArc;\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","showAnimatedRainbowArc","pathRef","useRef","center","arcRadius","arcPath","useMemo","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path","AnimatedArc$1"],"mappings":";;;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAC3B,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAASX,GACTY,IAAYZ,IAASC,IAAc,GACnCY,IAAUC;AAAA,IACd,MAAMC,EAAYJ,GAAQA,GAAQC,GAAWR,GAAYD,CAAW;AAAA,IACpE,CAACA,GAAaC,GAAYQ,GAAWD,CAAM;AAAA,EAAA;AAG7C,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAOR,EAAQ;AAErB,QAAKQ,GAEL;AAAA,UAAIX,MAAS,QAAQ;AACb,cAAAY,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBZ,CAAQ,YAAYE,CAAK,KACtEU,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIX,MAAS,WACXW,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,QAAAA,EAAK,MAAM,aAAa,WAAWZ,CAAQ,iBAAiBE,CAAK,KACjEU,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACJ,GAASP,GAAMD,GAAUE,CAAK,CAAC,qBAGhCY,GAAA,EAAW,OAAO,IAAInB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,GAAGI;AAAA,MACH,MAAK;AAAA,MACL,QAAQX;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,yBAAyBO;AAAA,IAAA;AAAA,EAE7B,EAAA,CAAA;AAEJ,GAEAc,IAAevB;"}
+{"version":3,"file":"animated-arc.js","sources":["../../../../src/features/ui/animated-arc/animated-arc.tsx"],"sourcesContent":["import { useRef, useLayoutEffect, useMemo, type FC } from 'react';\n\nimport { describeArc } from './animated-arc-helpers';\nimport * as Styled from './animated-arc-styled';\nimport type { IAnimatedArcProps } from './animated-arc-types';\nimport { ANIMATED_ARC_Z_INDEX } from './animated-arc-constants';\n\nconst AnimatedArc: FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  showAnimatedRainbowArc = false,\n  zIndex = ANIMATED_ARC_Z_INDEX,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = useMemo(\n    () => describeArc(center, center, arcRadius, startAngle, targetAngle),\n    [targetAngle, startAngle, arcRadius, center],\n  );\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity ${duration}s ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg\n      width={2 * radius}\n      height={2 * radius}\n      viewBox={`0 0 ${2 * radius} ${2 * radius}`}\n      $zIndex={zIndex}\n    >\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $showAnimatedRainbowArc={showAnimatedRainbowArc}\n      />\n    </Styled.Svg>\n  );\n};\n\nexport default AnimatedArc;\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","showAnimatedRainbowArc","zIndex","ANIMATED_ARC_Z_INDEX","pathRef","useRef","center","arcRadius","arcPath","useMemo","describeArc","useLayoutEffect","path","length","jsx","Styled.Svg","Styled.Path","AnimatedArc$1"],"mappings":";;;;;AAOA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAAA,EACzB,QAAAC,IAASC;AACX,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAASb,GACTc,IAAYd,IAASC,IAAc,GACnCc,IAAUC;AAAA,IACd,MAAMC,EAAYJ,GAAQA,GAAQC,GAAWV,GAAYD,CAAW;AAAA,IACpE,CAACA,GAAaC,GAAYU,GAAWD,CAAM;AAAA,EAAA;AAG7C,SAAAK,EAAgB,MAAM;AACpB,UAAMC,IAAOR,EAAQ;AAErB,QAAKQ,GAEL;AAAA,UAAIb,MAAS,QAAQ;AACb,cAAAc,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBd,CAAQ,YAAYE,CAAK,KACtEY,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIb,MAAS,WACXa,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,QAAAA,EAAK,MAAM,aAAa,WAAWd,CAAQ,iBAAiBE,CAAK,KACjEY,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACJ,GAAST,GAAMD,GAAUE,CAAK,CAAC,GAGjC,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,IAAItB;AAAA,MACX,QAAQ,IAAIA;AAAA,MACZ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM;AAAA,MACxC,SAASS;AAAA,MAET,UAAA,gBAAAY;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,KAAKZ;AAAA,UACL,GAAGI;AAAA,UACH,MAAK;AAAA,UACL,QAAQb;AAAA,UACR,aAAAD;AAAA,UACA,eAAc;AAAA,UACd,yBAAyBO;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAgB,IAAezB;"}

package/dist/features/ui/linear-progress-bar/linear-progress-bar.js

@@ -0,0 +1,39 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { ProgressContainer as c, ProgressBar as m, ProgressFill as t } from "./linear-progress-bar.styled.js";
+const f = ({
+  fillColor: a = "YELLOW_4",
+  backgroundColor: i = "WHITE_T_10",
+  borderRadius: o = 0,
+  height: n = 8,
+  percentage: $,
+  delta: h = 0,
+  deltaProgressColor: g = "GREEN_5"
+}) => {
+  const r = Math.min(Math.max($, 0), 100), e = Math.min(Math.max(h, 0), 100 - r);
+  return /* @__PURE__ */ s(c, { children: /* @__PURE__ */ d(m, { $background: i, $height: n, children: [
+    /* @__PURE__ */ s(
+      t,
+      {
+        $width: `${r}%`,
+        $background: a,
+        $offset: 0,
+        $borderRadius: o,
+        $height: "100%"
+      }
+    ),
+    e > 0 && /* @__PURE__ */ s(
+      t,
+      {
+        $width: `${e}%`,
+        $background: g,
+        $offset: r,
+        $height: "100%",
+        $borderRadius: o
+      }
+    )
+  ] }) });
+}, P = f;
+export {
+  P as default
+};
+//# sourceMappingURL=linear-progress-bar.js.map

package/dist/features/ui/linear-progress-bar/linear-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-progress-bar.js","sources":["../../../../src/features/ui/linear-progress-bar/linear-progress-bar.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { type ILinearProgressBarProps } from './linear-progress-bar-types';\nimport * as Styled from './linear-progress-bar.styled';\n\nconst LinearProgressBar: FC<ILinearProgressBarProps> = ({\n  fillColor = 'YELLOW_4',\n  backgroundColor = 'WHITE_T_10',\n  borderRadius = 0,\n  height = 8,\n  percentage,\n  delta = 0,\n  deltaProgressColor = 'GREEN_5',\n}) => {\n  const progress = Math.min(Math.max(percentage, 0), 100);\n  const deltaProgress = Math.min(Math.max(delta, 0), 100 - progress);\n\n  return (\n    <Styled.ProgressContainer>\n      <Styled.ProgressBar $background={backgroundColor} $height={height}>\n        <Styled.ProgressFill\n          $width={`${progress}%`}\n          $background={fillColor}\n          $offset={0}\n          $borderRadius={borderRadius}\n          $height=\"100%\"\n        />\n        {deltaProgress > 0 && (\n          <Styled.ProgressFill\n            $width={`${deltaProgress}%`}\n            $background={deltaProgressColor}\n            $offset={progress}\n            $height=\"100%\"\n            $borderRadius={borderRadius}\n          />\n        )}\n      </Styled.ProgressBar>\n    </Styled.ProgressContainer>\n  );\n};\n\nexport default LinearProgressBar;\n"],"names":["LinearProgressBar","fillColor","backgroundColor","borderRadius","height","percentage","delta","deltaProgressColor","progress","deltaProgress","jsx","Styled.ProgressContainer","jsxs","Styled.ProgressBar","Styled.ProgressFill","LinearProgressBar$1"],"mappings":";;AAKA,MAAMA,IAAiD,CAAC;AAAA,EACtD,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,oBAAAC,IAAqB;AACvB,MAAM;AACE,QAAAC,IAAW,KAAK,IAAI,KAAK,IAAIH,GAAY,CAAC,GAAG,GAAG,GAChDI,IAAgB,KAAK,IAAI,KAAK,IAAIH,GAAO,CAAC,GAAG,MAAME,CAAQ;AAG/D,SAAA,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAmB,aAAaX,GAAiB,SAASE,GACzD,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,QAAQ,GAAGN,CAAQ;AAAA,QACnB,aAAaP;AAAA,QACb,SAAS;AAAA,QACT,eAAeE;AAAA,QACf,SAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IACCM,IAAgB,KACf,gBAAAC;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,QAAQ,GAAGL,CAAa;AAAA,QACxB,aAAaF;AAAA,QACb,SAASC;AAAA,QACT,SAAQ;AAAA,QACR,eAAeL;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEAY,IAAef;"}

package/dist/features/ui/linear-progress-bar/linear-progress-bar.styled.js

@@ -0,0 +1,23 @@
+import i from "styled-components";
+import r from "../layout/flex-view.js";
+const l = i.div`
+  position: relative;
+  width: 100%;
+`, n = i.div`
+  width: 100%;
+  height: ${({ $height: o }) => o}px;
+  background-color: ${({ theme: o, $background: t }) => o.colors[t || "GREY_1"]};
+  overflow: hidden;
+  position: relative;
+`, d = i(r)`
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: ${({ $offset: o }) => o}%;
+`;
+export {
+  n as ProgressBar,
+  l as ProgressContainer,
+  d as ProgressFill
+};
+//# sourceMappingURL=linear-progress-bar.styled.js.map

package/dist/features/ui/linear-progress-bar/linear-progress-bar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-progress-bar.styled.js","sources":["../../../../src/features/ui/linear-progress-bar/linear-progress-bar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport { type TColorNames } from '../types';\n\nexport const ProgressContainer = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nexport const ProgressBar = styled.div<{ $height: number; $background: TColorNames }>`\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  background-color: ${({ theme, $background }) => theme.colors[$background || 'GREY_1']};\n  overflow: hidden;\n  position: relative;\n`;\n\nexport const ProgressFill = styled(FlexView)<{ $offset: number }>`\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: ${({ $offset }) => $offset}%;\n`;\n"],"names":["ProgressContainer","styled","ProgressBar","$height","theme","$background","ProgressFill","FlexView","$offset"],"mappings":";;AAKO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA,GAK3BC,IAAcD,EAAO;AAAA;AAAA,YAEtB,CAAC,EAAE,SAAAE,EAAQ,MAAMA,CAAO;AAAA,sBACd,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkBD,EAAM,OAAOC,KAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,GAK1EC,IAAeL,EAAOM,CAAQ;AAAA;AAAA;AAAA;AAAA,UAIjC,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;"}

package/dist/features/ui/swipeable-carousel/constants.js

@@ -0,0 +1,16 @@
+const t = {
+  dotColor: "BLACK_1",
+  inactiveDotColor: "WHITE_1",
+  activeIndicatorSize: "8px",
+  inactiveIndicatorSize: "8px",
+  spacing: "8px"
+}, o = {
+  buttonVariant: "secondary",
+  buttonSize: "xsmall",
+  spacing: 8
+};
+export {
+  t as defaultDotConfig,
+  o as defaultNavigationConfig
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/swipeable-carousel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/swipeable-carousel/constants.ts"],"sourcesContent":["const defaultDotConfig = {\n  dotColor: 'BLACK_1' as const,\n  inactiveDotColor: 'WHITE_1' as const,\n  activeIndicatorSize: '8px',\n  inactiveIndicatorSize: '8px',\n  spacing: '8px',\n};\n\nconst defaultNavigationConfig = {\n  buttonVariant: 'secondary' as const,\n  buttonSize: 'xsmall' as const,\n  spacing: 8,\n};\n\nexport { defaultDotConfig, defaultNavigationConfig };\n"],"names":["defaultDotConfig","defaultNavigationConfig"],"mappings":"AAAA,MAAMA,IAAmB;AAAA,EACvB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,SAAS;AACX,GAEMC,IAA0B;AAAA,EAC9B,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,SAAS;AACX;"}

package/dist/features/ui/swipeable-carousel/swipeable-carousel-styled.js

@@ -0,0 +1,57 @@
+import i from "styled-components";
+const r = i.div`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  touch-action: none;
+`;
+i.div`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  touch-action: none;
+`;
+const a = i.div`
+  display: flex;
+  width: 100%;
+  flex-grow: 1;
+  transform: ${({ $translate: o = 0 }) => `translateX(${-o}%)`};
+  transition: ${({ $translateDuration: o }) => `all ${o}ms ease-in`};
+  touch-action: none;
+`, l = i.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+  flex-shrink: 0;
+  touch-action: none;
+`, c = i.span`
+  background: ${({ theme: o, $isCurrent: t, $dotColor: n, $inactiveDotColor: e }) => t ? o.colors[n] : o.colors[e]};
+  border: 1px solid ${({ theme: o, $dotColor: t }) => o.colors[t]};
+  width: ${({ $isCurrent: o, $activeIndicatorSize: t, $inactiveIndicatorSize: n }) => o ? t : n};
+  height: ${({ $isCurrent: o, $activeIndicatorSize: t, $inactiveIndicatorSize: n }) => o ? t : n};
+  border-radius: 50%;
+  display: inline-block;
+  transition: all 0.3s ease;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`, d = i.div`
+  position: absolute;
+  bottom: ${({ $bottom: o }) => o || "-48px"};
+`;
+export {
+  r as Carousel,
+  l as CarouselItemContainer,
+  a as CarouselWrapper,
+  c as Dot,
+  d as NavigationContainer
+};
+//# sourceMappingURL=swipeable-carousel-styled.js.map

package/dist/features/ui/swipeable-carousel/swipeable-carousel-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-carousel-styled.js","sources":["../../../../src/features/ui/swipeable-carousel/swipeable-carousel-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../types';\n\nexport const Carousel = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  touch-action: none;\n`;\n\nexport const CarouselContent = styled.div`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  touch-action: none;\n`;\n\nexport const CarouselWrapper = styled.div<{ $translate?: number; $translateDuration?: number }>`\n  display: flex;\n  width: 100%;\n  flex-grow: 1;\n  transform: ${({ $translate = 0 }) => `translateX(${-$translate}%)`};\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n  touch-action: none;\n`;\n\nexport const CarouselItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  touch-action: none;\n`;\n\ninterface IDotProps {\n  $isCurrent: boolean;\n  $dotColor: TColorNames;\n  $inactiveDotColor: TColorNames;\n  $activeIndicatorSize: string;\n  $inactiveIndicatorSize: string;\n}\n\nexport const Dot = styled.span<IDotProps>`\n  background: ${({ theme, $isCurrent, $dotColor, $inactiveDotColor }) =>\n    $isCurrent ? theme.colors[$dotColor] : theme.colors[$inactiveDotColor]};\n  border: 1px solid ${({ theme, $dotColor }) => theme.colors[$dotColor]};\n  width: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n    $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n  height: ${({ $isCurrent, $activeIndicatorSize, $inactiveIndicatorSize }) =>\n    $isCurrent ? $activeIndicatorSize : $inactiveIndicatorSize};\n  border-radius: 50%;\n  display: inline-block;\n  transition: all 0.3s ease;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n`;\n\nexport const NavigationContainer = styled.div<{ $bottom?: string }>`\n  position: absolute;\n  bottom: ${({ $bottom }) => $bottom || '-48px'};\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Dot","theme","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize","$inactiveIndicatorSize","NavigationContainer","$bottom"],"mappings":";AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,MAAMC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,IAAa,QAAQ,cAAc,CAACA,CAAU,IAAI;AAAA,gBACpD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA;AAAA,GAIpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkB/BK,IAAML,EAAO;AAAA,gBACV,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,WAAAC,GAAW,mBAAAC,EAAkB,MAC/DF,IAAaD,EAAM,OAAOE,CAAS,IAAIF,EAAM,OAAOG,CAAiB,CAAC;AAAA,sBACpD,CAAC,EAAE,OAAAH,GAAO,WAAAE,EAAA,MAAgBF,EAAM,OAAOE,CAAS,CAAC;AAAA,WAC5D,CAAC,EAAE,YAAAD,GAAY,sBAAAG,GAAsB,wBAAAC,QAC5CJ,IAAaG,IAAuBC,CAAsB;AAAA,YAClD,CAAC,EAAE,YAAAJ,GAAY,sBAAAG,GAAsB,wBAAAC,QAC7CJ,IAAaG,IAAuBC,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjDC,IAAsBZ,EAAO;AAAA;AAAA,YAE9B,CAAC,EAAE,SAAAa,QAAcA,KAAW,OAAO;AAAA;"}