@zenpatient-org/healthspan-marketing-ui 0.1.20 → 0.1.22

package/dist/components/Cursor/components/ClientCursor.es.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as e, jsxs as b, Fragment as E } from "react/jsx-runtime";
+import { useState as o, useRef as L, useEffect as a } from "react";
+import { createPortal as M } from "react-dom";
+import { cn as w } from "../../../utils/cn/cn.es.js";
+import { Typography as V } from "../../Typography/Typography.es.js";
+import t from "../cursor.module.css.es.js";
+function $({ children: c, label: l, colorScheme: m }) {
+  const [s, d] = o({ x: 0, y: 0 }), [f, r] = o(!1), p = L(null), [v, n] = o(!1);
+  a(() => (n(!0), () => n(!1)), []), a(() => {
+    const i = (u) => {
+      d({ x: u.clientX, y: u.clientY });
+    };
+    return window.addEventListener("mousemove", i), () => window.removeEventListener("mousemove", i);
+  }, []);
+  const h = () => {
+    r(!0);
+  }, x = () => {
+    r(!1);
+  }, y = /* @__PURE__ */ e(
+    "div",
+    {
+      ref: p,
+      className: w(t.cursor, {
+        [t.cursorVisible]: f
+      }),
+      style: {
+        left: `${s.x}px`,
+        top: `${s.y}px`
+      },
+      "data-color-scheme": m,
+      children: /* @__PURE__ */ e(V, { as: "p", emphasis: !0, defaultVariant: "labelLg", children: l })
+    }
+  );
+  return /* @__PURE__ */ b(E, { children: [
+    /* @__PURE__ */ e("div", { className: t.cursorContainer, onMouseEnter: h, onMouseLeave: x, children: c }),
+    v && M(y, document.body)
+  ] });
+}
+export {
+  $ as ClientCursor
+};

package/dist/components/Cursor/components/ServerCursor.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=({children:r})=>r;exports.ServerCursor=e;

package/dist/components/Cursor/components/ServerCursor.es.js

@@ -0,0 +1,4 @@
+const e = ({ children: r }) => r;
+export {
+  e as ServerCursor
+};

package/dist/components/Cursor/cursor.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="cursor-module__cursor___5Aohf",o="cursor-module__cursorVisible___S6TYo",s="cursor-module__cursorContainer___YHR3l",e={cursor:r,cursorVisible:o,cursorContainer:s};exports.cursor=r;exports.cursorContainer=s;exports.cursorVisible=o;exports.default=e;

package/dist/components/Cursor/cursor.module.css.es.js

@@ -0,0 +1,11 @@
+const r = "cursor-module__cursor___5Aohf", o = "cursor-module__cursorVisible___S6TYo", s = "cursor-module__cursorContainer___YHR3l", c = {
+  cursor: r,
+  cursorVisible: o,
+  cursorContainer: s
+};
+export {
+  r as cursor,
+  s as cursorContainer,
+  o as cursorVisible,
+  c as default
+};

package/dist/components/FilterMenu/FilterMenu.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.cjs.js"),h=require("react"),n=require("../../utils/cn.cjs.js"),u=require("../Icon/constants.cjs.js"),g=require("../Icon/Icon.cjs.js"),r=require("../Typography/Typography.cjs.js"),e=require("./filterMenu.module.css.cjs.js");function E({label:o,open:c=!1,options:d,selectedValue:m,onSelect:x}){const[i,p]=h.useState(c),j=()=>p(t=>!t);return s.jsxRuntimeExports.jsxs("div",{className:e.default.root,children:[s.jsxRuntimeExports.jsxs("button",{className:e.default.toggleButton,onClick:j,children:[s.jsxRuntimeExports.jsx(r.Typography,{defaultVariant:"labelLg",emphasis:!0,children:o}),s.jsxRuntimeExports.jsx(g.Icon,{name:i?u.EIconName.REMOVE:u.EIconName.PLUS,className:e.default.toggleIcon})]}),s.jsxRuntimeExports.jsx("div",{className:n.cn(e.default.menu,i&&e.default.isOpen),role:"menu",children:d.map((t,a)=>s.jsxRuntimeExports.jsxs("ul",{className:e.default.subOptions,children:[t.label&&s.jsxRuntimeExports.jsx("li",{className:n.cn(e.default.divider,a!==0&&e.default.dividerLine),children:s.jsxRuntimeExports.jsx(r.Typography,{as:"div",defaultVariant:"bodyMd",weight:"medium",className:e.default.dividerLabel,children:t.label})},a),t.values.map(({value:l,label:f})=>s.jsxRuntimeExports.jsx("li",{className:e.default.option,onClick:()=>x(l,t),children:s.jsxRuntimeExports.jsx(r.Typography,{as:"div",defaultVariant:"bodyMd",className:n.cn(e.default.optionLabel,l===m&&e.default.selected),children:f})},l))]},`${t.label}_${a}`))})]})}exports.FilterMenu=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react"),t=require("../../utils/cn/cn.cjs.js"),b=require("../Icon/Icon.cjs.js"),i=require("../Icon/constants.cjs.js"),c=require("../Typography/Typography.cjs.js"),e=require("./filterMenu.module.css.cjs.js");function j({label:o,open:d=!1,options:u,selectedValue:m,onSelect:p}){const[r,f]=y.useState(d),h=()=>f(l=>!l);return a.jsxs("div",{className:e.default.root,children:[a.jsxs("button",{className:e.default.toggleButton,onClick:h,children:[a.jsx(c.Typography,{defaultVariant:"labelLg",emphasis:!0,children:o}),a.jsx(b.Icon,{name:r?i.EIconName.REMOVE:i.EIconName.PLUS,className:e.default.toggleIcon})]}),a.jsx("div",{className:t.cn(e.default.menu,r&&e.default.isOpen),role:"menu",children:u.map((l,s)=>a.jsxs("ul",{className:e.default.subOptions,children:[l.label&&a.jsx("li",{className:t.cn(e.default.divider,s!==0&&e.default.dividerLine),children:a.jsx(c.Typography,{as:"div",defaultVariant:"bodyMd",weight:"medium",className:e.default.dividerLabel,children:l.label})},s),l.values.map(({value:n,label:g})=>a.jsx("li",{className:e.default.option,onClick:()=>p(n,l),children:a.jsx(c.Typography,{as:"div",defaultVariant:"bodyMd",className:t.cn(e.default.optionLabel,n===m&&e.default.selected),children:g})},n))]},`${l.label}_${s}`))})]})}exports.FilterMenu=j;

package/dist/components/FilterMenu/FilterMenu.es.js

@@ -1,31 +1,32 @@
-import { j as s } from "../../_virtual/jsx-runtime.es.js";
-import { useState as b } from "react";
-import { cn as r } from "../../utils/cn.es.js";
+"use client";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { Icon as v } from "../Icon/Icon.es.js";
 import { EIconName as m } from "../Icon/constants.es.js";
-import { Icon as x } from "../Icon/Icon.es.js";
 import { Typography as o } from "../Typography/Typography.es.js";
 import e from "./filterMenu.module.css.es.js";
-function I({ label: n, open: c = !1, options: d, selectedValue: p, onSelect: u }) {
-  const [t, h] = b(c), f = () => h((l) => !l);
-  return /* @__PURE__ */ s.jsxs("div", { className: e.root, children: [
-    /* @__PURE__ */ s.jsxs("button", { className: e.toggleButton, onClick: f, children: [
-      /* @__PURE__ */ s.jsx(o, { defaultVariant: "labelLg", emphasis: !0, children: n }),
-      /* @__PURE__ */ s.jsx(x, { name: t ? m.REMOVE : m.PLUS, className: e.toggleIcon })
+function j({ label: c, open: d = !1, options: p, selectedValue: u, onSelect: h }) {
+  const [t, f] = g(d), b = () => f((l) => !l);
+  return /* @__PURE__ */ r("div", { className: e.root, children: [
+    /* @__PURE__ */ r("button", { className: e.toggleButton, onClick: b, children: [
+      /* @__PURE__ */ a(o, { defaultVariant: "labelLg", emphasis: !0, children: c }),
+      /* @__PURE__ */ a(v, { name: t ? m.REMOVE : m.PLUS, className: e.toggleIcon })
     ] }),
-    /* @__PURE__ */ s.jsx("div", { className: r(e.menu, t && e.isOpen), role: "menu", children: d.map((l, a) => /* @__PURE__ */ s.jsxs("ul", { className: e.subOptions, children: [
-      l.label && /* @__PURE__ */ s.jsx("li", { className: r(e.divider, a !== 0 && e.dividerLine), children: /* @__PURE__ */ s.jsx(o, { as: "div", defaultVariant: "bodyMd", weight: "medium", className: e.dividerLabel, children: l.label }) }, a),
-      l.values.map(({ value: i, label: j }) => /* @__PURE__ */ s.jsx("li", { className: e.option, onClick: () => u(i, l), children: /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a("div", { className: n(e.menu, t && e.isOpen), role: "menu", children: p.map((l, s) => /* @__PURE__ */ r("ul", { className: e.subOptions, children: [
+      l.label && /* @__PURE__ */ a("li", { className: n(e.divider, s !== 0 && e.dividerLine), children: /* @__PURE__ */ a(o, { as: "div", defaultVariant: "bodyMd", weight: "medium", className: e.dividerLabel, children: l.label }) }, s),
+      l.values.map(({ value: i, label: N }) => /* @__PURE__ */ a("li", { className: e.option, onClick: () => h(i, l), children: /* @__PURE__ */ a(
         o,
         {
           as: "div",
           defaultVariant: "bodyMd",
-          className: r(e.optionLabel, i === p && e.selected),
-          children: j
+          className: n(e.optionLabel, i === u && e.selected),
+          children: N
         }
       ) }, i))
-    ] }, `${l.label}_${a}`)) })
+    ] }, `${l.label}_${s}`)) })
   ] });
 }
 export {
-  I as FilterMenu
+  j as FilterMenu
 };

package/dist/components/HighlightedTitle/HighlightedTitle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs.js");require("../Button/Button.cjs.js");require("../Label/Label.cjs.js");require("../Tag/Tag.cjs.js");require("../Tabs/Tabs.cjs.js");require("react");const t=require("../../utils/cn.cjs.js");require("../Icon/Icon.cjs.js");const u=require("../Typography/Typography.cjs.js"),e=require("./highlightedTitle.module.css.cjs.js");require("../InfiniteScroll/InfiniteScroll.cjs.js");require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const h=({title:s,label:r,className:a,defaultVariant:l="displayMd",as:d="h2",mobileVariant:n="headingLg",colorScheme:o="light"})=>i.jsxRuntimeExports.jsxs("div",{"data-scheme":o,className:t.cn(e.default.root,a),children:[r&&i.jsxRuntimeExports.jsx(u.Typography,{as:"p",defaultVariant:"labelMd",emphasis:!0,className:e.default.tag,children:r}),i.jsxRuntimeExports.jsx(u.Typography,{as:d,defaultVariant:l,mobileVariant:n,className:t.cn(e.default.title,{[e.default.taggedTitle]:!!r}),children:s})]});exports.HighlightedTitle=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("../Typography/Typography.cjs.js"),r=require("../../utils/cn/cn.cjs.js"),e=require("./highlightedTitle.module.css.cjs.js"),h=({title:l,label:t,className:s,defaultVariant:d="displayMd",as:n="h2",mobileVariant:o="headingLg",colorScheme:c="light"})=>i.jsxs("div",{"data-scheme":c,className:r.cn(e.default.root,s),children:[t&&i.jsx(a.Typography,{as:"p",defaultVariant:"labelMd",emphasis:!0,className:e.default.tag,children:t}),i.jsx(a.Typography,{as:n,defaultVariant:d,mobileVariant:o,className:r.cn(e.default.title,{[e.default.taggedTitle]:!!t}),children:l})]});exports.HighlightedTitle=h;

package/dist/components/HighlightedTitle/HighlightedTitle.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TypographyProps } from '../../components';
+import { TypographyProps } from '../Typography';
 import { TColorScheme } from '../../types/common';
 
 type Props = {

package/dist/components/HighlightedTitle/HighlightedTitle.es.js

@@ -1,41 +1,30 @@
-import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import "../Button/Button.es.js";
-import "../Label/Label.es.js";
-import "../Tag/Tag.es.js";
-import "../Tabs/Tabs.es.js";
-import "react";
-import { cn as o } from "../../utils/cn.es.js";
-import "../Icon/Icon.es.js";
-import { Typography as m } from "../Typography/Typography.es.js";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { Typography as i } from "../Typography/Typography.es.js";
+import { cn as r } from "../../utils/cn/cn.es.js";
 import t from "./highlightedTitle.module.css.es.js";
-import "../InfiniteScroll/InfiniteScroll.es.js";
-import "../../node_modules/swiper/swiper-react.es.js";
-/* empty css                                      */
-/* empty css                                                  */
-/* empty css                                                  */
-const H = ({
-  title: p,
-  label: i,
-  className: e,
-  defaultVariant: s = "displayMd",
-  as: a = "h2",
-  mobileVariant: l = "headingLg",
-  colorScheme: d = "light"
-}) => /* @__PURE__ */ r.jsxs("div", { "data-scheme": d, className: o(t.root, e), children: [
-  i && /* @__PURE__ */ r.jsx(m, { as: "p", defaultVariant: "labelMd", emphasis: !0, className: t.tag, children: i }),
-  /* @__PURE__ */ r.jsx(
-    m,
+const y = ({
+  title: s,
+  label: e,
+  className: o,
+  defaultVariant: l = "displayMd",
+  as: m = "h2",
+  mobileVariant: d = "headingLg",
+  colorScheme: h = "light"
+}) => /* @__PURE__ */ p("div", { "data-scheme": h, className: r(t.root, o), children: [
+  e && /* @__PURE__ */ a(i, { as: "p", defaultVariant: "labelMd", emphasis: !0, className: t.tag, children: e }),
+  /* @__PURE__ */ a(
+    i,
     {
-      as: a,
-      defaultVariant: s,
-      mobileVariant: l,
-      className: o(t.title, {
-        [t.taggedTitle]: !!i
+      as: m,
+      defaultVariant: l,
+      mobileVariant: d,
+      className: r(t.title, {
+        [t.taggedTitle]: !!e
       }),
-      children: p
+      children: s
     }
   )
 ] });
 export {
-  H as HighlightedTitle
+  y as HighlightedTitle
 };

package/dist/components/Icon/Icon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/dynamic-import-helper.cjs.js"),l=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),v=require("../../utils/isHsIcon.cjs.js"),a=require("./constants.cjs.js"),u=r.memo(function({name:e,className:s}){const[o,n]=r.useState(null);return r.useLayoutEffect(()=>{let i=!0;return v.isHsIcon(e)&&t.default(Object.assign({"../../icons/action/alert-error-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/action/alert-error-fill.svg.cjs.js")),"../../icons/action/alert-error.svg":()=>Promise.resolve().then(()=>require("../../icons/action/alert-error.svg.cjs.js")),"../../icons/action/check.svg":()=>Promise.resolve().then(()=>require("../../icons/action/check.svg.cjs.js")),"../../icons/action/circle-check-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/action/circle-check-fill.svg.cjs.js")),"../../icons/action/circle-check.svg":()=>Promise.resolve().then(()=>require("../../icons/action/circle-check.svg.cjs.js")),"../../icons/action/close.svg":()=>Promise.resolve().then(()=>require("../../icons/action/close.svg.cjs.js")),"../../icons/action/help.svg":()=>Promise.resolve().then(()=>require("../../icons/action/help.svg.cjs.js")),"../../icons/action/info.svg":()=>Promise.resolve().then(()=>require("../../icons/action/info.svg.cjs.js")),"../../icons/action/menu.svg":()=>Promise.resolve().then(()=>require("../../icons/action/menu.svg.cjs.js")),"../../icons/action/plus.svg":()=>Promise.resolve().then(()=>require("../../icons/action/plus.svg.cjs.js")),"../../icons/action/remove.svg":()=>Promise.resolve().then(()=>require("../../icons/action/remove.svg.cjs.js")),"../../icons/action/search.svg":()=>Promise.resolve().then(()=>require("../../icons/action/search.svg.cjs.js")),"../../icons/action/warning.svg":()=>Promise.resolve().then(()=>require("../../icons/action/warning.svg.cjs.js")),"../../icons/arrow/arrow-back.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-back.svg.cjs.js")),"../../icons/arrow/arrow-downward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-downward.svg.cjs.js")),"../../icons/arrow/arrow-forward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-forward.svg.cjs.js")),"../../icons/arrow/arrow-insert.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-insert.svg.cjs.js")),"../../icons/arrow/arrow-outward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-outward.svg.cjs.js")),"../../icons/arrow/arrow-return.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-return.svg.cjs.js")),"../../icons/arrow/arrow-upward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-upward.svg.cjs.js")),"../../icons/arrow/chevron-back.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-back.svg.cjs.js")),"../../icons/arrow/chevron-down.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-down.svg.cjs.js")),"../../icons/arrow/chevron-forward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-forward.svg.cjs.js")),"../../icons/arrow/chevron-up.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-up.svg.cjs.js")),"../../icons/chat/message-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/chat/message-fill.svg.cjs.js")),"../../icons/chat/message.svg":()=>Promise.resolve().then(()=>require("../../icons/chat/message.svg.cjs.js")),"../../icons/eCommerce/calendar.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/calendar.svg.cjs.js")),"../../icons/eCommerce/cart.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/cart.svg.cjs.js")),"../../icons/eCommerce/package-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/package-fill.svg.cjs.js")),"../../icons/eCommerce/package.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/package.svg.cjs.js")),"../../icons/faces/smile-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/faces/smile-fill.svg.cjs.js")),"../../icons/faces/smile.svg":()=>Promise.resolve().then(()=>require("../../icons/faces/smile.svg.cjs.js")),"../../icons/global/filter.svg":()=>Promise.resolve().then(()=>require("../../icons/global/filter.svg.cjs.js")),"../../icons/global/pin-drop.svg":()=>Promise.resolve().then(()=>require("../../icons/global/pin-drop.svg.cjs.js")),"../../icons/indicators/circle-dash-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/indicators/circle-dash-fill.svg.cjs.js")),"../../icons/indicators/circle-dash.svg":()=>Promise.resolve().then(()=>require("../../icons/indicators/circle-dash.svg.cjs.js")),"../../icons/map/pin-drop.svg":()=>Promise.resolve().then(()=>require("../../icons/map/pin-drop.svg.cjs.js")),"../../icons/medical/coaching.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/coaching.svg.cjs.js")),"../../icons/medical/labs.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/labs.svg.cjs.js")),"../../icons/medical/myspan.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/myspan.svg.cjs.js")),"../../icons/medical/optimizations.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/optimizations.svg.cjs.js")),"../../icons/medical/protocols.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/protocols.svg.cjs.js")),"../../icons/medical/ruler.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/ruler.svg.cjs.js")),"../../icons/medical/scale.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/scale.svg.cjs.js")),"../../icons/social/facebook.svg":()=>Promise.resolve().then(()=>require("../../icons/social/facebook.svg.cjs.js")),"../../icons/social/heart-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/social/heart-fill.svg.cjs.js")),"../../icons/social/heart.svg":()=>Promise.resolve().then(()=>require("../../icons/social/heart.svg.cjs.js")),"../../icons/social/instagram.svg":()=>Promise.resolve().then(()=>require("../../icons/social/instagram.svg.cjs.js")),"../../icons/social/star-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star-fill.svg.cjs.js")),"../../icons/social/star-half.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star-half.svg.cjs.js")),"../../icons/social/star-outline.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star-outline.svg.cjs.js")),"../../icons/social/star.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star.svg.cjs.js")),"../../icons/social/x.svg":()=>Promise.resolve().then(()=>require("../../icons/social/x.svg.cjs.js"))}),`../../icons/${a.ICON_FOLDERS_MAP[e]}/${e}.svg`,5).then(c=>{i&&n(c)}),()=>{i=!1}},[e]),o?r.createElement(o.default,{className:s}):l.jsxRuntimeExports.jsx("div",{className:s,children:"💡"})});exports.Icon=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),e=require("./iconsMap.cjs.js"),i=r.memo(function({name:n,className:c}){const o=e.ICON_COMPONENTS[n];return o?t.jsx(o,{className:c}):(console.warn(`Icon "${n}" not found. Available icons: ${Object.keys(e.ICON_COMPONENTS).join(", ")}`),null)});exports.Icon=i;

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

@@ -1,19 +1,10 @@
-import n from "../../_virtual/dynamic-import-helper.es.js";
-import { j as a } from "../../_virtual/jsx-runtime.es.js";
-import { memo as m, useState as e, useLayoutEffect as p, createElement as l } from "react";
-import { isHsIcon as g } from "../../utils/isHsIcon.es.js";
-import { ICON_FOLDERS_MAP as v } from "./constants.es.js";
-const k = m(function({ name: o, className: i }) {
-  const [r, c] = e(null);
-  return p(() => {
-    let s = !0;
-    return g(o) && n(/* @__PURE__ */ Object.assign({ "../../icons/action/alert-error-fill.svg": () => import("../../icons/action/alert-error-fill.svg.es.js"), "../../icons/action/alert-error.svg": () => import("../../icons/action/alert-error.svg.es.js"), "../../icons/action/check.svg": () => import("../../icons/action/check.svg.es.js"), "../../icons/action/circle-check-fill.svg": () => import("../../icons/action/circle-check-fill.svg.es.js"), "../../icons/action/circle-check.svg": () => import("../../icons/action/circle-check.svg.es.js"), "../../icons/action/close.svg": () => import("../../icons/action/close.svg.es.js"), "../../icons/action/help.svg": () => import("../../icons/action/help.svg.es.js"), "../../icons/action/info.svg": () => import("../../icons/action/info.svg.es.js"), "../../icons/action/menu.svg": () => import("../../icons/action/menu.svg.es.js"), "../../icons/action/plus.svg": () => import("../../icons/action/plus.svg.es.js"), "../../icons/action/remove.svg": () => import("../../icons/action/remove.svg.es.js"), "../../icons/action/search.svg": () => import("../../icons/action/search.svg.es.js"), "../../icons/action/warning.svg": () => import("../../icons/action/warning.svg.es.js"), "../../icons/arrow/arrow-back.svg": () => import("../../icons/arrow/arrow-back.svg.es.js"), "../../icons/arrow/arrow-downward.svg": () => import("../../icons/arrow/arrow-downward.svg.es.js"), "../../icons/arrow/arrow-forward.svg": () => import("../../icons/arrow/arrow-forward.svg.es.js"), "../../icons/arrow/arrow-insert.svg": () => import("../../icons/arrow/arrow-insert.svg.es.js"), "../../icons/arrow/arrow-outward.svg": () => import("../../icons/arrow/arrow-outward.svg.es.js"), "../../icons/arrow/arrow-return.svg": () => import("../../icons/arrow/arrow-return.svg.es.js"), "../../icons/arrow/arrow-upward.svg": () => import("../../icons/arrow/arrow-upward.svg.es.js"), "../../icons/arrow/chevron-back.svg": () => import("../../icons/arrow/chevron-back.svg.es.js"), "../../icons/arrow/chevron-down.svg": () => import("../../icons/arrow/chevron-down.svg.es.js"), "../../icons/arrow/chevron-forward.svg": () => import("../../icons/arrow/chevron-forward.svg.es.js"), "../../icons/arrow/chevron-up.svg": () => import("../../icons/arrow/chevron-up.svg.es.js"), "../../icons/chat/message-fill.svg": () => import("../../icons/chat/message-fill.svg.es.js"), "../../icons/chat/message.svg": () => import("../../icons/chat/message.svg.es.js"), "../../icons/eCommerce/calendar.svg": () => import("../../icons/eCommerce/calendar.svg.es.js"), "../../icons/eCommerce/cart.svg": () => import("../../icons/eCommerce/cart.svg.es.js"), "../../icons/eCommerce/package-fill.svg": () => import("../../icons/eCommerce/package-fill.svg.es.js"), "../../icons/eCommerce/package.svg": () => import("../../icons/eCommerce/package.svg.es.js"), "../../icons/faces/smile-fill.svg": () => import("../../icons/faces/smile-fill.svg.es.js"), "../../icons/faces/smile.svg": () => import("../../icons/faces/smile.svg.es.js"), "../../icons/global/filter.svg": () => import("../../icons/global/filter.svg.es.js"), "../../icons/global/pin-drop.svg": () => import("../../icons/global/pin-drop.svg.es.js"), "../../icons/indicators/circle-dash-fill.svg": () => import("../../icons/indicators/circle-dash-fill.svg.es.js"), "../../icons/indicators/circle-dash.svg": () => import("../../icons/indicators/circle-dash.svg.es.js"), "../../icons/map/pin-drop.svg": () => import("../../icons/map/pin-drop.svg.es.js"), "../../icons/medical/coaching.svg": () => import("../../icons/medical/coaching.svg.es.js"), "../../icons/medical/labs.svg": () => import("../../icons/medical/labs.svg.es.js"), "../../icons/medical/myspan.svg": () => import("../../icons/medical/myspan.svg.es.js"), "../../icons/medical/optimizations.svg": () => import("../../icons/medical/optimizations.svg.es.js"), "../../icons/medical/protocols.svg": () => import("../../icons/medical/protocols.svg.es.js"), "../../icons/medical/ruler.svg": () => import("../../icons/medical/ruler.svg.es.js"), "../../icons/medical/scale.svg": () => import("../../icons/medical/scale.svg.es.js"), "../../icons/social/facebook.svg": () => import("../../icons/social/facebook.svg.es.js"), "../../icons/social/heart-fill.svg": () => import("../../icons/social/heart-fill.svg.es.js"), "../../icons/social/heart.svg": () => import("../../icons/social/heart.svg.es.js"), "../../icons/social/instagram.svg": () => import("../../icons/social/instagram.svg.es.js"), "../../icons/social/star-fill.svg": () => import("../../icons/social/star-fill.svg.es.js"), "../../icons/social/star-half.svg": () => import("../../icons/social/star-half.svg.es.js"), "../../icons/social/star-outline.svg": () => import("../../icons/social/star-outline.svg.es.js"), "../../icons/social/star.svg": () => import("../../icons/social/star.svg.es.js"), "../../icons/social/x.svg": () => import("../../icons/social/x.svg.es.js") }), `../../icons/${v[o]}/${o}.svg`, 5).then((t) => {
-      s && c(t);
-    }), () => {
-      s = !1;
-    };
-  }, [o]), r ? l(r.default, { className: i }) : /* @__PURE__ */ a.jsx("div", { className: i, children: "💡" });
+import { jsx as c } from "react/jsx-runtime";
+import { memo as e } from "react";
+import { ICON_COMPONENTS as r } from "./iconsMap.es.js";
+const l = e(function({ name: o, className: t }) {
+  const n = r[o];
+  return n ? /* @__PURE__ */ c(n, { className: t }) : (console.warn(`Icon "${o}" not found. Available icons: ${Object.keys(r).join(", ")}`), null);
 });
 export {
-  k as Icon
+  l as Icon
 };

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

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

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

@@ -0,0 +1,4 @@
+import { EIconName } from './constants';
+import { ComponentType } from 'react';
+
+export declare const ICON_COMPONENTS: Record<EIconName, ComponentType<any>>;

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
-import { j as a } from "../../_virtual/jsx-runtime.es.js";
-import s from "../../styles/typography.module.css.es.js";
-import { cn as l } from "../../utils/cn.es.js";
+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 i = {
-  sm: s.labelXs,
-  lg: s.labelSm
-}, b = ({ children: t, color: m, size: o = "sm", className: r }) => /* @__PURE__ */ a.jsx("div", { className: l(e.root, s.labelEmphasis, i[o], r), "data-size": o, "data-color": m, children: t });
+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 {
-  b as Label
+  f as Label
 };