@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.33

package/dist/components/Icon/iconsMap.es.js

@@ -0,0 +1,124 @@
+import { EIconName as r } from "./constants.es.js";
+import o from "../../icons/action/alert-error-fill.svg.es.js";
+import m from "../../icons/action/alert-error.svg.es.js";
+import S from "../../icons/action/check.svg.es.js";
+import t from "../../icons/action/circle-check-fill.svg.es.js";
+import i from "../../icons/action/circle-check.svg.es.js";
+import g from "../../icons/action/close.svg.es.js";
+import p from "../../icons/action/bracket-left.svg.es.js";
+import R from "../../icons/action/bracket-right.svg.es.js";
+import v from "../../icons/action/help.svg.es.js";
+import f from "../../icons/action/info.svg.es.js";
+import A from "../../icons/action/menu.svg.es.js";
+import C from "../../icons/action/play.svg.es.js";
+import E from "../../icons/action/plus.svg.es.js";
+import L from "../../icons/action/remove.svg.es.js";
+import O from "../../icons/action/search.svg.es.js";
+import e from "../../icons/action/warning.svg.es.js";
+import l from "../../icons/arrow/arrow-back.svg.es.js";
+import a from "../../icons/arrow/arrow-downward.svg.es.js";
+import _ from "../../icons/arrow/arrow-forward.svg.es.js";
+import I from "../../icons/arrow/arrow-insert.svg.es.js";
+import F from "../../icons/arrow/arrow-outward.svg.es.js";
+import T from "../../icons/arrow/arrow-return.svg.es.js";
+import N from "../../icons/arrow/arrow-upward.svg.es.js";
+import D from "../../icons/arrow/chevron-back.svg.es.js";
+import n from "../../icons/arrow/chevron-down.svg.es.js";
+import P from "../../icons/arrow/chevron-forward.svg.es.js";
+import c from "../../icons/arrow/chevron-up.svg.es.js";
+import H from "../../icons/chat/message-fill.svg.es.js";
+import B from "../../icons/chat/message.svg.es.js";
+import s from "../../icons/eCommerce/calendar.svg.es.js";
+import W from "../../icons/eCommerce/cart.svg.es.js";
+import w from "../../icons/eCommerce/package-fill.svg.es.js";
+import M from "../../icons/eCommerce/package.svg.es.js";
+import h from "../../icons/faces/smile-fill.svg.es.js";
+import U from "../../icons/faces/smile.svg.es.js";
+import d from "../../icons/indicators/circle-dash-fill.svg.es.js";
+import k from "../../icons/indicators/circle-dash.svg.es.js";
+import K from "../../icons/global/pin-drop.svg.es.js";
+import G from "../../icons/global/filter.svg.es.js";
+import u from "../../icons/medical/coaching.svg.es.js";
+import V from "../../icons/medical/labs.svg.es.js";
+import b from "../../icons/medical/myspan.svg.es.js";
+import y from "../../icons/medical/optimizations.svg.es.js";
+import X from "../../icons/medical/protocols.svg.es.js";
+import Y from "../../icons/medical/ruler.svg.es.js";
+import x from "../../icons/medical/scale.svg.es.js";
+import z from "../../icons/social/facebook.svg.es.js";
+import Z from "../../icons/social/heart-fill.svg.es.js";
+import j from "../../icons/social/heart.svg.es.js";
+import q from "../../icons/social/instagram.svg.es.js";
+import J from "../../icons/social/star-fill.svg.es.js";
+import Q from "../../icons/social/star-half.svg.es.js";
+import $ from "../../icons/social/star-outline.svg.es.js";
+import rr from "../../icons/social/star.svg.es.js";
+import or from "../../icons/social/x.svg.es.js";
+import mr from "../../icons/bold/arrow-bold.svg.es.js";
+import Sr from "../../icons/bold/close-bold.svg.es.js";
+import tr from "../../icons/bold/dot-bold.svg.es.js";
+import ir from "../../icons/bold/plus-bold.svg.es.js";
+const Co = {
+  [r.ALERT_ERROR_FILL]: o,
+  [r.ALERT_ERROR]: m,
+  [r.CHECK]: S,
+  [r.CIRCLE_CHECK_FILL]: t,
+  [r.CIRCLE_CHECK]: i,
+  [r.CLOSE]: g,
+  [r.BRACKET_LEFT]: p,
+  [r.BRACKET_RIGHT]: R,
+  [r.HELP]: v,
+  [r.INFO]: f,
+  [r.MENU]: A,
+  [r.PLAY]: C,
+  [r.PLUS]: E,
+  [r.REMOVE]: L,
+  [r.SEARCH]: O,
+  [r.WARNING]: e,
+  [r.ARROW_BACK]: l,
+  [r.ARROW_DOWNWARD]: a,
+  [r.ARROW_FORWARD]: _,
+  [r.ARROW_INSERT]: I,
+  [r.ARROW_OUTWARD]: F,
+  [r.ARROW_RETURN]: T,
+  [r.ARROW_UPWARD]: N,
+  [r.CHEVRON_BACK]: D,
+  [r.CHEVRON_DOWN]: n,
+  [r.CHEVRON_FORWARD]: P,
+  [r.CHEVRON_UP]: c,
+  [r.MESSAGE_FILL]: H,
+  [r.MESSAGE]: B,
+  [r.CALENDAR]: s,
+  [r.CART]: W,
+  [r.PACKAGE_FILL]: w,
+  [r.PACKAGE]: M,
+  [r.SMILE_FILL]: h,
+  [r.SMILE]: U,
+  [r.CIRCLE_DASH_FILL]: d,
+  [r.CIRCLE_DASH]: k,
+  [r.PIN_DROP]: K,
+  [r.FILTER]: G,
+  [r.COACHING]: u,
+  [r.LABS]: V,
+  [r.MYSPAN]: b,
+  [r.OPTIMIZATIONS]: y,
+  [r.PROTOCOLS]: X,
+  [r.RULER]: Y,
+  [r.SCALE]: x,
+  [r.FACEBOOK]: z,
+  [r.HEART_FILL]: Z,
+  [r.HEART]: j,
+  [r.INSTAGRAM]: q,
+  [r.STAR_FILL]: J,
+  [r.STAR_HALF]: Q,
+  [r.STAR_OUTLINE]: $,
+  [r.STAR]: rr,
+  [r.X]: or,
+  [r.ARROW_BOLD]: mr,
+  [r.CLOSE_BOLD]: Sr,
+  [r.DOT_BOLD]: tr,
+  [r.PLUS_BOLD]: ir
+};
+export {
+  Co as ICON_COMPONENTS
+};

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './Icon';
+export { EIconName } from './constants';

package/dist/components/IconBracket/IconBracket.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("../Icon/Icon.cjs.js"),n=require("../Icon/constants.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),e=require("./iconBracket.module.css.cjs.js"),l={close:n.EIconName.CLOSE_BOLD,plus:n.EIconName.PLUS_BOLD,arrow:n.EIconName.ARROW_BOLD},u=({colorScheme:s="dark",size:t,variant:r})=>c.jsxs("div",{className:e.default.root,"data-scheme":s,"data-size":t,children:[c.jsx(a.Icon,{name:n.EIconName.BRACKET_LEFT,className:o.cn(e.default.bracket,e.default.bracketLeft)}),c.jsx("div",{className:e.default.contentIcon,children:c.jsx(a.Icon,{name:l[r],className:e.default[`icon-${t}`]})}),c.jsx(a.Icon,{name:n.EIconName.BRACKET_RIGHT,className:o.cn(e.default.bracket,e.default.bracketRight)})]});exports.IconBracket=u;

package/dist/components/IconBracket/IconBracket.d.ts

@@ -0,0 +1,3 @@
+import { TIconBracketProps } from './types';
+
+export declare const IconBracket: ({ colorScheme, size, variant }: TIconBracketProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/IconBracket/IconBracket.es.js

@@ -0,0 +1,17 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { Icon as c } from "../Icon/Icon.es.js";
+import { EIconName as e } from "../Icon/constants.es.js";
+import { cn as t } from "../../utils/cn/cn.es.js";
+import a from "./iconBracket.module.css.es.js";
+const i = {
+  close: e.CLOSE_BOLD,
+  plus: e.PLUS_BOLD,
+  arrow: e.ARROW_BOLD
+}, R = ({ colorScheme: m = "dark", size: o, variant: s }) => /* @__PURE__ */ n("div", { className: a.root, "data-scheme": m, "data-size": o, children: [
+  /* @__PURE__ */ r(c, { name: e.BRACKET_LEFT, className: t(a.bracket, a.bracketLeft) }),
+  /* @__PURE__ */ r("div", { className: a.contentIcon, children: /* @__PURE__ */ r(c, { name: i[s], className: a[`icon-${o}`] }) }),
+  /* @__PURE__ */ r(c, { name: e.BRACKET_RIGHT, className: t(a.bracket, a.bracketRight) })
+] });
+export {
+  R as IconBracket
+};

package/dist/components/IconBracket/iconBracket.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="iconBracket-module__root___2YA8I",e="iconBracket-module__bracket___DdoCl",o="iconBracket-module__contentIcon___DWot0",c="iconBracket-module__bracketLeft___CVeyX",_="iconBracket-module__bracketRight___uasRB",r={root:t,bracket:e,contentIcon:o,bracketLeft:c,bracketRight:_};exports.bracket=e;exports.bracketLeft=c;exports.bracketRight=_;exports.contentIcon=o;exports.default=r;exports.root=t;

package/dist/components/IconBracket/iconBracket.module.css.es.js

@@ -0,0 +1,15 @@
+const t = "iconBracket-module__root___2YA8I", c = "iconBracket-module__bracket___DdoCl", o = "iconBracket-module__contentIcon___DWot0", e = "iconBracket-module__bracketLeft___CVeyX", _ = "iconBracket-module__bracketRight___uasRB", n = {
+  root: t,
+  bracket: c,
+  contentIcon: o,
+  bracketLeft: e,
+  bracketRight: _
+};
+export {
+  c as bracket,
+  e as bracketLeft,
+  _ as bracketRight,
+  o as contentIcon,
+  n as default,
+  t as root
+};

package/dist/components/IconBracket/index.d.ts

@@ -0,0 +1 @@
+export { IconBracket } from './IconBracket';

package/dist/components/IconBracket/types.d.ts

@@ -0,0 +1,9 @@
+import { TColorScheme } from '../../types/common';
+
+export type TIconBracketSize = 'sm' | 'md' | 'lg';
+export type TIconBracketVariant = 'close' | 'plus' | 'arrow';
+export type TIconBracketProps = {
+    colorScheme?: TColorScheme;
+    size: TIconBracketSize;
+    variant: TIconBracketVariant;
+};

package/dist/components/IconButton/IconButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../utils/cn/cn.cjs.js"),d=require("../Icon/Icon.cjs.js"),e=require("./iconButton.module.css.cjs.js"),m=({iconName:t,variant:s="emphasis",size:o="md",as:c="button",disabled:r=!1,...u})=>{const a=e.default[s]||"",i=e.default[o]||"";return n.jsx(c,{...u,className:l.cn(e.default.button,a,i),disabled:r,children:n.jsx("div",{className:e.default.iconWrap,children:n.jsx(d.Icon,{name:t})})})};exports.IconButton=m;

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,14 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
+import { EIconName } from '../Icon';
+
+type ButtonVariant = 'emphasis' | 'emphasis-invert' | 'muted' | 'muted-invert' | 'ghost';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+interface BaseButtonProps {
+    iconName: EIconName;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    as?: ElementType;
+}
+export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const IconButton: ({ iconName, variant, size, as: Component, disabled, ...props }: Omit<ButtonProps, "children">) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/IconButton/IconButton.es.js

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import { Icon as p } from "../Icon/Icon.es.js";
+import s from "./iconButton.module.css.es.js";
+const b = ({
+  iconName: t,
+  variant: n = "emphasis",
+  size: r = "md",
+  as: a = "button",
+  disabled: m = !1,
+  ...c
+}) => {
+  const e = s[n] || "", i = s[r] || "";
+  return /* @__PURE__ */ o(a, { ...c, className: l(s.button, e, i), disabled: m, children: /* @__PURE__ */ o("div", { className: s.iconWrap, children: /* @__PURE__ */ o(p, { name: t }) }) });
+};
+export {
+  b as IconButton
+};

package/dist/components/IconButton/iconButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="iconButton-module__button___t5Fnt",o="iconButton-module__emphasis___Vdpck",_="iconButton-module__muted___03KMq",n="iconButton-module__ghost___Bw9hp",e="iconButton-module__xs___6Egk3",s="iconButton-module__sm___5CG8j",u="iconButton-module__md___8ML6K",m="iconButton-module__lg___dCfAB",i="iconButton-module__iconWrap___3OKkd",c={button:t,emphasis:o,"emphasis-invert":"iconButton-module__emphasis-invert___TpMCl",muted:_,"muted-invert":"iconButton-module__muted-invert___KjFRu",ghost:n,xs:e,sm:s,md:u,lg:m,iconWrap:i};exports.button=t;exports.default=c;exports.emphasis=o;exports.ghost=n;exports.iconWrap=i;exports.lg=m;exports.md=u;exports.muted=_;exports.sm=s;exports.xs=e;

package/dist/components/IconButton/iconButton.module.css.es.js

@@ -0,0 +1,25 @@
+const t = "iconButton-module__button___t5Fnt", _ = "iconButton-module__emphasis___Vdpck", o = "iconButton-module__muted___03KMq", n = "iconButton-module__ghost___Bw9hp", s = "iconButton-module__xs___6Egk3", u = "iconButton-module__sm___5CG8j", e = "iconButton-module__md___8ML6K", m = "iconButton-module__lg___dCfAB", c = "iconButton-module__iconWrap___3OKkd", d = {
+  button: t,
+  emphasis: _,
+  "emphasis-invert": "iconButton-module__emphasis-invert___TpMCl",
+  muted: o,
+  "muted-invert": "iconButton-module__muted-invert___KjFRu",
+  ghost: n,
+  xs: s,
+  sm: u,
+  md: e,
+  lg: m,
+  iconWrap: c
+};
+export {
+  t as button,
+  d as default,
+  _ as emphasis,
+  n as ghost,
+  c as iconWrap,
+  m as lg,
+  e as md,
+  o as muted,
+  u as sm,
+  s as xs
+};

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { IconButton } from './IconButton';

package/dist/components/ImageGallery/ImageGallery.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../node_modules/swiper/modules/navigation.cjs.js"),n=require("../../node_modules/swiper/swiper-react.cjs.js"),S=require("../../utils/useSwiper/useSwiper.cjs.js"),g=require("../../utils/cn/cn.cjs.js"),h=require("../Label/Label.cjs.js"),q=require("../GalleryPagination/GalleryPagination.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const r=require("./imageGallery.module.css.cjs.js"),w=[m.default],_=({images:i,label:l,className:s})=>{const{activeIndex:t,handleSlideTo:c,handleSlideChange:o,onSwiperInit:u,handleSwiperResize:d}=S.useSwiper();return e.jsxs("div",{className:g.cn(r.default.root,s),children:[l&&e.jsx("div",{className:r.default.labelWrap,children:e.jsx(h.Label,{color:"black",size:"sm",children:l})}),e.jsx(n.Swiper,{onSwiper:u,onResize:d,onSlideChange:o,modules:w,spaceBetween:0,slidesPerView:1,className:r.default.swiper,children:i.map((p,a)=>e.jsx(n.SwiperSlide,{children:e.jsx("div",{className:r.default.imageWrapper,children:e.jsx("img",{src:p,alt:"product image",className:r.default.image},a)})},a))}),i.length>1&&e.jsx(q.GalleryPagination,{count:i.length,activeIndex:t,onSelect:c})]})};exports.ImageGallery=_;

package/dist/components/ImageGallery/ImageGallery.d.ts

@@ -0,0 +1,8 @@
+
+type ImageGalleryProps = {
+    images: Array<string>;
+    label?: string;
+    className?: string;
+};
+export declare const ImageGallery: ({ images, label, className }: ImageGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ImageGallery/ImageGallery.es.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import h from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as S, SwiperSlide as g } from "../../node_modules/swiper/swiper-react.es.js";
+import { useSwiper as w } from "../../utils/useSwiper/useSwiper.es.js";
+import { cn as f } from "../../utils/cn/cn.es.js";
+import { Label as u } from "../Label/Label.es.js";
+import { GalleryPagination as N } from "../GalleryPagination/GalleryPagination.es.js";
+/* empty css                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import r from "./imageGallery.module.css.es.js";
+const v = [h], G = ({ images: i, label: o, className: a }) => {
+  const { activeIndex: m, handleSlideTo: n, handleSlideChange: t, onSwiperInit: s, handleSwiperResize: p } = w();
+  return /* @__PURE__ */ d("div", { className: f(r.root, a), children: [
+    o && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(u, { color: "black", size: "sm", children: o }) }),
+    /* @__PURE__ */ e(
+      S,
+      {
+        onSwiper: s,
+        onResize: p,
+        onSlideChange: t,
+        modules: v,
+        spaceBetween: 0,
+        slidesPerView: 1,
+        className: r.swiper,
+        children: i.map((c, l) => /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e("img", { src: c, alt: "product image", className: r.image }, l) }) }, l))
+      }
+    ),
+    i.length > 1 && /* @__PURE__ */ e(N, { count: i.length, activeIndex: m, onSelect: n })
+  ] });
+};
+export {
+  G as ImageGallery
+};

package/dist/components/ImageGallery/imageGallery.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="imageGallery-module__root___dciBs",a="imageGallery-module__labelWrap___YQtw7",l="imageGallery-module__swiper___vTwth",r="imageGallery-module__imageWrapper___k-JYq",_="imageGallery-module__image___AXOC6",o={root:e,labelWrap:a,swiper:l,imageWrapper:r,image:_};exports.default=o;exports.image=_;exports.imageWrapper=r;exports.labelWrap=a;exports.root=e;exports.swiper=l;

package/dist/components/ImageGallery/imageGallery.module.css.es.js

@@ -0,0 +1,15 @@
+const e = "imageGallery-module__root___dciBs", a = "imageGallery-module__labelWrap___YQtw7", _ = "imageGallery-module__swiper___vTwth", l = "imageGallery-module__imageWrapper___k-JYq", r = "imageGallery-module__image___AXOC6", o = {
+  root: e,
+  labelWrap: a,
+  swiper: _,
+  imageWrapper: l,
+  image: r
+};
+export {
+  o as default,
+  r as image,
+  l as imageWrapper,
+  a as labelWrap,
+  e as root,
+  _ as swiper
+};

package/dist/components/ImageGallery/index.d.ts

@@ -0,0 +1 @@
+export { ImageGallery } from './ImageGallery';

package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),t=require("react"),M=require("../../utils/cn/cn.cjs.js"),R=require("./infiniteScroll.module.css.cjs.js");function _({items:s,speed:S=50,contentClassName:x,itemClassName:y,rootClassName:b,renderItem:v},w){const u=t.useRef(null),[a,q]=t.useState(0),[i,A]=t.useState(0),f=t.useRef(null),h=t.useRef(!1),m=t.useRef(performance.now()),[T,W]=t.useState(2);t.useEffect(()=>{u.current&&s.length>0&&setTimeout(()=>{var o,c,l;const n=((c=(o=u.current)==null?void 0:o.parentElement)==null?void 0:c.offsetWidth)||0,e=(((l=u.current)==null?void 0:l.scrollWidth)||0)/2,r=Math.ceil(n*2/e);W(Math.max(2,r%2===0?r:r+1)),A(e)},0)},[s]);const d=t.useCallback(n=>{if(!h.current){const e=n??performance.now(),r=e-m.current||16.67;m.current=e,q(o=>{const c=o-S*(r/1e3);return Math.abs(c)>=i?c+i:c})}f.current=requestAnimationFrame(d)},[i,S]);t.useEffect(()=>(m.current=performance.now(),f.current=requestAnimationFrame(d),()=>{f.current&&cancelAnimationFrame(f.current)}),[d]);const E=t.useCallback(()=>{h.current=!0},[]),F=t.useCallback(()=>{h.current=!1,m.current=performance.now()},[]),C=t.useCallback((n,e=300)=>{const r=a,o=n-r,c=performance.now(),l=j=>{const k=j-c,g=Math.min(k/e,1),I=1-Math.pow(1-g,3);q(r+o*I),g<1&&requestAnimationFrame(l)};requestAnimationFrame(l)},[a]);return t.useImperativeHandle(w,()=>({scrollLeft:()=>{const n=a-200,e=Math.max(n,-i);C(e)},scrollRight:()=>{const n=a+200,e=Math.min(n,0);C(e)}})),p.jsx("div",{className:M.cn(R.default.root,b),onMouseEnter:E,onMouseLeave:F,children:p.jsx("div",{className:M.cn(R.default.content,x),style:{transform:`translate3D(${a}px, 0, 0)`},ref:u,children:Array.from({length:s.length*T},(n,e)=>p.jsx("div",{className:M.cn(R.default.item,y),children:v(s[e%s.length],e)},e))})})}const L=t.forwardRef(_);exports.InfiniteScroll=L;

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+
+export type InfiniteScrollHandle = {
+    scrollLeft: () => void;
+    scrollRight: () => void;
+};
+type InfiniteScrollProps<T> = {
+    items: ReadonlyArray<T>;
+    speed?: number;
+    contentClassName?: string;
+    itemClassName?: string;
+    rootClassName?: string;
+    renderItem: (item: T, index: number) => ReactNode;
+};
+export declare const InfiniteScroll: <T>(props: InfiniteScrollProps<T> & {
+    ref?: Ref<InfiniteScrollHandle>;
+}) => ReactElement;
+export {};

package/dist/components/InfiniteScroll/InfiniteScroll.es.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as M } from "react/jsx-runtime";
+import { forwardRef as D, useRef as f, useState as g, useEffect as A, useCallback as h, useImperativeHandle as H } from "react";
+import { cn as w } from "../../utils/cn/cn.es.js";
+import x from "./infiniteScroll.module.css.es.js";
+function P({ items: c, speed: y = 50, contentClassName: W, itemClassName: q, rootClassName: F, renderItem: S }, T) {
+  const l = f(null), [s, C] = g(0), [i, E] = g(0), m = f(null), d = f(!1), u = f(performance.now()), [I, L] = g(2);
+  A(() => {
+    l.current && c.length > 0 && setTimeout(() => {
+      var o, r, a;
+      const t = ((r = (o = l.current) == null ? void 0 : o.parentElement) == null ? void 0 : r.offsetWidth) || 0, e = (((a = l.current) == null ? void 0 : a.scrollWidth) || 0) / 2, n = Math.ceil(t * 2 / e);
+      L(Math.max(2, n % 2 === 0 ? n : n + 1)), E(e);
+    }, 0);
+  }, [c]);
+  const p = h(
+    (t) => {
+      if (!d.current) {
+        const e = t ?? performance.now(), n = e - u.current || 16.67;
+        u.current = e, C((o) => {
+          const r = o - y * (n / 1e3);
+          return Math.abs(r) >= i ? r + i : r;
+        });
+      }
+      m.current = requestAnimationFrame(p);
+    },
+    [i, y]
+  );
+  A(() => (u.current = performance.now(), m.current = requestAnimationFrame(p), () => {
+    m.current && cancelAnimationFrame(m.current);
+  }), [p]);
+  const N = h(() => {
+    d.current = !0;
+  }, []), X = h(() => {
+    d.current = !1, u.current = performance.now();
+  }, []), R = h(
+    (t, e = 300) => {
+      const n = s, o = t - n, r = performance.now(), a = (b) => {
+        const j = b - r, v = Math.min(j / e, 1), k = 1 - Math.pow(1 - v, 3);
+        C(n + o * k), v < 1 && requestAnimationFrame(a);
+      };
+      requestAnimationFrame(a);
+    },
+    [s]
+  );
+  return H(T, () => ({
+    scrollLeft: () => {
+      const t = s - 200, e = Math.max(t, -i);
+      R(e);
+    },
+    scrollRight: () => {
+      const t = s + 200, e = Math.min(t, 0);
+      R(e);
+    }
+  })), /* @__PURE__ */ M("div", { className: w(x.root, F), onMouseEnter: N, onMouseLeave: X, children: /* @__PURE__ */ M(
+    "div",
+    {
+      className: w(x.content, W),
+      style: { transform: `translate3D(${s}px, 0, 0)` },
+      ref: l,
+      children: Array.from({ length: c.length * I }, (t, e) => /* @__PURE__ */ M("div", { className: w(x.item, q), children: S(c[e % c.length], e) }, e))
+    }
+  ) });
+}
+const G = D(P);
+export {
+  G as InfiniteScroll
+};

package/dist/components/InfiniteScroll/index.d.ts

@@ -0,0 +1,2 @@
+export { InfiniteScroll } from './InfiniteScroll';
+export type { InfiniteScrollHandle } from './InfiniteScroll';

package/dist/components/InfiniteScroll/infiniteScroll.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="infiniteScroll-module__root___UJY-j",o="infiniteScroll-module__content___hW-Qi",e={root:t,content:o};exports.content=o;exports.default=e;exports.root=t;

package/dist/components/InfiniteScroll/infiniteScroll.module.css.es.js

@@ -0,0 +1,9 @@
+const o = "infiniteScroll-module__root___UJY-j", t = "infiniteScroll-module__content___hW-Qi", n = {
+  root: o,
+  content: t
+};
+export {
+  t as content,
+  n as default,
+  o as root
+};

package/dist/components/Label/Label.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("../../styles/typography.module.css.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),u=require("./label.module.css.cjs.js"),c={sm:e.default.labelXs,lg:e.default.labelSm},n=({children:t,color:a,size:l="sm",className:r})=>o.jsx("div",{className:s.cn(u.default.root,e.default.labelEmphasis,c[l],r),"data-size":l,"data-color":a,children:t});exports.Label=n;

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps } from './types';
+
+export declare const Label: ({ children, color, size, className }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Label/Label.es.js

@@ -0,0 +1,19 @@
+import { jsx as s } from "react/jsx-runtime";
+import o from "../../styles/typography.module.css.es.js";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import e from "./label.module.css.es.js";
+const p = {
+  sm: o.labelXs,
+  lg: o.labelSm
+}, f = ({ children: m, color: t, size: r = "sm", className: a }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: l(e.root, o.labelEmphasis, p[r], a),
+    "data-size": r,
+    "data-color": t,
+    children: m
+  }
+);
+export {
+  f as Label
+};

package/dist/components/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label } from './Label';
+export type { LabelColor, LabelProps } from './types';

package/dist/components/Label/label.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="label-module__root___b704i",o={root:e};exports.default=o;exports.root=e;

package/dist/components/Label/label.module.css.es.js

@@ -0,0 +1,7 @@
+const o = "label-module__root___b704i", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/components/Label/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export type LabelSize = 'sm' | 'lg';
+export type LabelColor = 'black' | 'grey' | 'white' | 'solar' | 'indigo' | 'orchre' | 'alpha-white';
+export type LabelProps = {
+    children: ReactNode;
+    color: LabelColor;
+    size?: LabelSize;
+    className?: string;
+};

package/dist/components/Pagination/Pagination.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),d=require("../../utils/cn/cn.cjs.js"),i=require("../Icon/Icon.cjs.js"),f=require("../Icon/constants.cjs.js"),_=require("../Typography/Typography.cjs.js"),e=require("./pagination.module.css.cjs.js"),h=(r,t,n)=>{if(t<=n)return Array.from({length:t},(c,u)=>u+1);const s=Math.floor(n/2);let o=Math.max(1,r-s),l=o+n-1;return l>t&&(l=t,o=l-n+1),Array.from({length:n},(c,u)=>o+u)},N=({page:r,pagesCount:t,visiblePagesLimit:n,disabled:s,onPageChange:o})=>{const l=m.useMemo(()=>h(r,t,n),[r,t,n]);return a.jsxs("div",{className:e.default.root,children:[r>1&&a.jsx("button",{className:d.cn(e.default.arrow,e.default.arrowPrev),onClick:()=>o(r-1),disabled:s,"aria-label":"Previous page",children:a.jsx(i.Icon,{name:f.EIconName.ARROW_BACK,className:e.default.icon})}),l.map(c=>a.jsx("button",{className:d.cn(e.default.page,c===r&&e.default.activePage),onClick:()=>o(c),children:a.jsx(_.Typography,{defaultVariant:"labelXl",weight:"regular",children:c.toString().padStart(2,"0")})},c)),r<t&&a.jsx("button",{className:d.cn(e.default.arrow,e.default.arrowNext),onClick:()=>o(r+1),disabled:s,"aria-label":"Next page",children:a.jsx(i.Icon,{name:f.EIconName.ARROW_FORWARD,className:e.default.icon})})]})};exports.Pagination=N;

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

@@ -0,0 +1,9 @@
+type PaginationProps = {
+    page: number;
+    pagesCount: number;
+    visiblePagesLimit: number;
+    disabled?: boolean;
+    onPageChange: (page: number) => void;
+};
+export declare const Pagination: ({ page, pagesCount, visiblePagesLimit, disabled, onPageChange }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Pagination/Pagination.es.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { cn as s } from "../../utils/cn/cn.es.js";
+import { Icon as N } from "../Icon/Icon.es.js";
+import { EIconName as h } from "../Icon/constants.es.js";
+import { Typography as x } from "../Typography/Typography.es.js";
+import o from "./pagination.module.css.es.js";
+const A = (r, t, a) => {
+  if (t <= a)
+    return Array.from({ length: t }, (l, f) => f + 1);
+  const n = Math.floor(a / 2);
+  let c = Math.max(1, r - n), m = c + a - 1;
+  return m > t && (m = t, c = m - a + 1), Array.from({ length: a }, (l, f) => c + f);
+}, M = ({ page: r, pagesCount: t, visiblePagesLimit: a, disabled: n, onPageChange: c }) => {
+  const m = d(
+    () => A(r, t, a),
+    [r, t, a]
+  );
+  return /* @__PURE__ */ i("div", { className: o.root, children: [
+    r > 1 && /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.arrow, o.arrowPrev),
+        onClick: () => c(r - 1),
+        disabled: n,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ e(N, { name: h.ARROW_BACK, className: o.icon })
+      }
+    ),
+    m.map((l) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.page, l === r && o.activePage),
+        onClick: () => c(l),
+        children: /* @__PURE__ */ e(x, { defaultVariant: "labelXl", weight: "regular", children: l.toString().padStart(2, "0") })
+      },
+      l
+    )),
+    r < t && /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.arrow, o.arrowNext),
+        onClick: () => c(r + 1),
+        disabled: n,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ e(N, { name: h.ARROW_FORWARD, className: o.icon })
+      }
+    )
+  ] });
+};
+export {
+  M as Pagination
+};

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

@@ -0,0 +1 @@
+export { Pagination } from './Pagination';

package/dist/components/Pagination/pagination.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="pagination-module__root___fzvDV",a="pagination-module__page___rz1y4",e="pagination-module__activePage___hjPRG",r="pagination-module__arrow___zwrJW",_="pagination-module__arrowPrev___-IjY3",t="pagination-module__arrowNext___wvIaz",n="pagination-module__icon___4HqmM",i={root:o,page:a,activePage:e,arrow:r,arrowPrev:_,arrowNext:t,icon:n};exports.activePage=e;exports.arrow=r;exports.arrowNext=t;exports.arrowPrev=_;exports.default=i;exports.icon=n;exports.page=a;exports.root=o;

package/dist/components/Pagination/pagination.module.css.es.js

@@ -0,0 +1,19 @@
+const o = "pagination-module__root___fzvDV", a = "pagination-module__page___rz1y4", _ = "pagination-module__activePage___hjPRG", r = "pagination-module__arrow___zwrJW", t = "pagination-module__arrowPrev___-IjY3", e = "pagination-module__arrowNext___wvIaz", n = "pagination-module__icon___4HqmM", i = {
+  root: o,
+  page: a,
+  activePage: _,
+  arrow: r,
+  arrowPrev: t,
+  arrowNext: e,
+  icon: n
+};
+export {
+  _ as activePage,
+  r as arrow,
+  e as arrowNext,
+  t as arrowPrev,
+  i as default,
+  n as icon,
+  a as page,
+  o as root
+};

package/dist/components/PlayButton/PlayButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),r=require("../Icon/Icon.cjs.js"),s=require("../Icon/constants.cjs.js"),n=require("./playButton.module.css.cjs.js"),u=({inverted:t,onClick:o})=>e.jsx("button",{className:c.cn(n.default.button,t&&n.default.inverted),onClick:o,children:e.jsx("div",{className:n.default.iconWrapper,children:e.jsx(r.Icon,{name:s.EIconName.PLAY})})});exports.PlayButton=u;

package/dist/components/PlayButton/PlayButton.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+type PlayButtonProps = {
+    inverted?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const PlayButton: ({ inverted, onClick }: PlayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PlayButton/PlayButton.es.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { Icon as e } from "../Icon/Icon.es.js";
+import { EIconName as i } from "../Icon/constants.es.js";
+import r from "./playButton.module.css.es.js";
+const f = ({ inverted: t, onClick: m }) => /* @__PURE__ */ o("button", { className: n(r.button, t && r.inverted), onClick: m, children: /* @__PURE__ */ o("div", { className: r.iconWrapper, children: /* @__PURE__ */ o(e, { name: i.PLAY }) }) });
+export {
+  f as PlayButton
+};