@zenpatient-org/healthspan-marketing-ui 0.1.16 → 0.1.17

package/dist/components/Benefit/Benefit.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+
+export type BenefitProps = {
+    title: string;
+    description: string;
+    button: ReactElement;
+};
+export declare function Benefit({ title, description, button }: BenefitProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Button/Button.es.js

@@ -3,37 +3,39 @@ import { forwardRef as f } from "react";
 import { cn as u } from "../../utils/cn.es.js";
 import { Icon as n } from "../Icon/Icon.es.js";
 import a from "./button.module.css.es.js";
-const v = f(({
-  variant: m = "primary",
-  size: e = "md",
-  as: i = "button",
-  disabled: t = !1,
-  children: c,
-  prefixIcon: r,
-  suffixIcon: o,
-  ...l
-}, d) => {
-  const p = a[m] || "", j = a[e] || "", x = t ? a.disabled : "";
-  return /* @__PURE__ */ s.jsx(
-    i,
-    {
-      ref: d,
-      ...l,
-      className: u(
-        a.button,
-        p,
-        j,
-        x
-      ),
-      disabled: t,
-      children: /* @__PURE__ */ s.jsxs("div", { className: a.content, children: [
-        r && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: r }) }),
-        /* @__PURE__ */ s.jsx("div", { children: c }),
-        o && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: o }) })
-      ] })
-    }
-  );
-});
+const v = f(
+  ({
+    variant: m = "primary",
+    size: e = "md",
+    as: i = "button",
+    disabled: t = !1,
+    children: c,
+    prefixIcon: r,
+    suffixIcon: o,
+    ...l
+  }, d) => {
+    const p = a[m] || "", j = a[e] || "", x = t ? a.disabled : "";
+    return /* @__PURE__ */ s.jsx(
+      i,
+      {
+        ref: d,
+        ...l,
+        className: u(
+          a.button,
+          p,
+          j,
+          x
+        ),
+        disabled: t,
+        children: /* @__PURE__ */ s.jsxs("div", { className: a.content, children: [
+          r && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: r }) }),
+          /* @__PURE__ */ s.jsx("div", { children: c }),
+          o && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: o }) })
+        ] })
+      }
+    );
+  }
+);
 v.displayName = "Button";
 export {
   v as Button

package/dist/components/Callback/Callback.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("../Typography/Typography.cjs.js"),d=require("../Button/Button.cjs.js"),x=require("../../utils/cn.cjs.js"),a=require("./constants.cjs.js"),e=require("./callback.module.css.cjs.js"),E=({image:i,title:n,description:l,price:o,button:c,size:s="lg"})=>{const u=e.default[s]||"";return t.jsxRuntimeExports.jsxs("div",{className:x.cn(e.default.root,u),children:[t.jsxRuntimeExports.jsxs("div",{className:e.default.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:i,alt:"product image",className:e.default.productImage}),t.jsxRuntimeExports.jsxs("div",{className:e.default.textContainer,children:[t.jsxRuntimeExports.jsx("div",{className:e.default.titleContainer,children:t.jsxRuntimeExports.jsx(r.Typography,{defaultVariant:a.TITLE_BY_SIZE_DESKTOP[s],mobileVariant:a.TITLE_BY_SIZE_MOBILE[s],className:e.default.title,children:n})}),t.jsxRuntimeExports.jsx("div",{className:e.default.divider}),t.jsxRuntimeExports.jsxs("div",{className:e.default.descriptionContainer,children:[t.jsxRuntimeExports.jsx(r.Typography,{defaultVariant:a.DESC_BY_SIZE_DESKTOP[s],mobileVariant:a.DESC_BY_SIZE_MOBILE[s],className:e.default.description,children:l}),t.jsxRuntimeExports.jsxs(r.Typography,{defaultVariant:a.PRICE_BY_SIZE_DESKTOP[s],mobileVariant:a.PRICE_BY_SIZE_MOBILE[s],className:e.default.price,children:["Starting at ",o]})]})]})]}),t.jsxRuntimeExports.jsx("div",{className:e.default.buttonContainer,children:t.jsxRuntimeExports.jsx(d.Button,{...c,as:"a",size:a.BUTTON_BY_SIZE[s],children:"GET STARTED"})})]})};exports.Callback=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),d=require("../../utils/cn.cjs.js");require("react");const x=require("../Button/Button.cjs.js"),r=require("../Typography/Typography.cjs.js"),e=require("./callback.module.css.cjs.js"),a=require("./constants.cjs.js"),E=({image:i,title:n,description:l,price:o,button:u,size:s="lg"})=>{const c=e.default[s]||"";return t.jsxRuntimeExports.jsxs("div",{className:d.cn(e.default.root,c),children:[t.jsxRuntimeExports.jsxs("div",{className:e.default.productInfo,children:[t.jsxRuntimeExports.jsx("img",{src:i,alt:"product image",className:e.default.productImage}),t.jsxRuntimeExports.jsxs("div",{className:e.default.textContainer,children:[t.jsxRuntimeExports.jsx("div",{className:e.default.titleContainer,children:t.jsxRuntimeExports.jsx(r.Typography,{defaultVariant:a.TITLE_BY_SIZE_DESKTOP[s],mobileVariant:a.TITLE_BY_SIZE_MOBILE[s],className:e.default.title,children:n})}),t.jsxRuntimeExports.jsx("div",{className:e.default.divider}),t.jsxRuntimeExports.jsxs("div",{className:e.default.descriptionContainer,children:[t.jsxRuntimeExports.jsx(r.Typography,{defaultVariant:a.DESC_BY_SIZE_DESKTOP[s],mobileVariant:a.DESC_BY_SIZE_MOBILE[s],className:e.default.description,children:l}),t.jsxRuntimeExports.jsxs(r.Typography,{defaultVariant:a.PRICE_BY_SIZE_DESKTOP[s],mobileVariant:a.PRICE_BY_SIZE_MOBILE[s],className:e.default.price,children:["Starting at ",o]})]})]})]}),t.jsxRuntimeExports.jsx("div",{className:e.default.buttonContainer,children:t.jsxRuntimeExports.jsx(x.Button,{...u,as:"a",size:a.BUTTON_BY_SIZE[s],children:"GET STARTED"})})]})};exports.Callback=E;

package/dist/components/Callback/Callback.es.js

@@ -1,10 +1,11 @@
 import { j as a } from "../../_virtual/jsx-runtime.es.js";
+import { cn as m } from "../../utils/cn.es.js";
+import "react";
+import { Button as d } from "../Button/Button.es.js";
 import { Typography as t } from "../Typography/Typography.es.js";
-import { Button as m } from "../Button/Button.es.js";
-import { cn as d } from "../../utils/cn.es.js";
-import { TITLE_BY_SIZE_MOBILE as E, TITLE_BY_SIZE_DESKTOP as _, DESC_BY_SIZE_MOBILE as p, DESC_BY_SIZE_DESKTOP as x, PRICE_BY_SIZE_MOBILE as I, PRICE_BY_SIZE_DESKTOP as j, BUTTON_BY_SIZE as S } from "./constants.es.js";
 import r from "./callback.module.css.es.js";
-const C = ({
+import { TITLE_BY_SIZE_MOBILE as E, TITLE_BY_SIZE_DESKTOP as _, DESC_BY_SIZE_MOBILE as p, DESC_BY_SIZE_DESKTOP as x, PRICE_BY_SIZE_MOBILE as I, PRICE_BY_SIZE_DESKTOP as j, BUTTON_BY_SIZE as S } from "./constants.es.js";
+const v = ({
   image: i,
   title: e,
   description: l,
@@ -13,9 +14,16 @@ const C = ({
   size: s = "lg"
 }) => {
   const c = r[s] || "";
-  return /* @__PURE__ */ a.jsxs("div", { className: d(r.root, c), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: m(r.root, c), children: [
     /* @__PURE__ */ a.jsxs("div", { className: r.productInfo, children: [
-      /* @__PURE__ */ a.jsx("img", { src: i, alt: "product image", className: r.productImage }),
+      /* @__PURE__ */ a.jsx(
+        "img",
+        {
+          src: i,
+          alt: "product image",
+          className: r.productImage
+        }
+      ),
       /* @__PURE__ */ a.jsxs("div", { className: r.textContainer, children: [
         /* @__PURE__ */ a.jsx("div", { className: r.titleContainer, children: /* @__PURE__ */ a.jsx(
           t,
@@ -52,9 +60,9 @@ const C = ({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a.jsx("div", { className: r.buttonContainer, children: /* @__PURE__ */ a.jsx(m, { ...o, as: "a", size: S[s], children: "GET STARTED" }) })
+    /* @__PURE__ */ a.jsx("div", { className: r.buttonContainer, children: /* @__PURE__ */ a.jsx(d, { ...o, as: "a", size: S[s], children: "GET STARTED" }) })
   ] });
 };
 export {
-  C as Callback
+  v as Callback
 };

package/dist/components/ComplexTooltip/ComplexTooltip.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { PopoverPosition } from 'react-tiny-popover';
+import { TColorScheme } from '../../types/common';
+
+type ComplexTooltipProps = {
+    trigger: 'hover' | 'click';
+    title: string;
+    description: string;
+    link?: {
+        label: string;
+        url: string;
+    };
+    children: React.ReactElement;
+    style: Omit<TColorScheme, 'custom'>;
+    positions?: Array<PopoverPosition>;
+    isBlurred?: boolean;
+};
+export declare const ComplexTooltip: ({ trigger, title, description, link, style, isBlurred, children, positions, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/components/ContentTabs/ContentTabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),n=require("../../utils/cn.cjs.js"),l=require("../../styles/typography.module.css.cjs.js"),a=require("../Icon/Icon.cjs.js"),s=require("./contentTabs.module.css.cjs.js");function u({tabs:o,activeTab:i,colorScheme:r,onTabClick:c}){return t.jsxRuntimeExports.jsx("div",{className:n.cn(s.default.root,s.default[r]),children:o.map(e=>t.jsxRuntimeExports.jsxs("div",{className:s.default.tabWrap,children:[t.jsxRuntimeExports.jsxs("button",{className:n.cn(s.default.tab,{[s.default.activeTab]:i.label===e.label}),onClick:()=>c(e),children:[e.icon&&t.jsxRuntimeExports.jsx("div",{className:s.default.icon,children:t.jsxRuntimeExports.jsx(a.Icon,{name:e.icon})}),t.jsxRuntimeExports.jsx("div",{className:l.default.headingXs,children:e.label})]}),t.jsxRuntimeExports.jsx("p",{className:n.cn(s.default.description,{[s.default.descriptionActive]:i.label===e.label},l.default.bodySm),children:e.description})]},String(e.label)))})}exports.ContentTabs=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),l=require("../../styles/typography.module.css.cjs.js"),n=require("../../utils/cn.cjs.js"),a=require("../Icon/Icon.cjs.js"),s=require("./contentTabs.module.css.cjs.js");function u({tabs:o,activeTab:i,colorScheme:r,onTabClick:c}){return t.jsxRuntimeExports.jsx("div",{className:n.cn(s.default.root,s.default[r]),children:o.map(e=>t.jsxRuntimeExports.jsxs("div",{className:s.default.tabWrap,children:[t.jsxRuntimeExports.jsxs("button",{className:n.cn(s.default.tab,{[s.default.activeTab]:i.label===e.label}),onClick:()=>c(e),children:[e.icon&&t.jsxRuntimeExports.jsx("div",{className:s.default.icon,children:t.jsxRuntimeExports.jsx(a.Icon,{name:e.icon})}),t.jsxRuntimeExports.jsx("div",{className:l.default.headingXs,children:e.label})]}),t.jsxRuntimeExports.jsx("p",{className:n.cn(s.default.description,{[s.default.descriptionActive]:i.label===e.label},l.default.bodySm),children:e.description})]},String(e.label)))})}exports.ContentTabs=u;

package/dist/components/ContentTabs/ContentTabs.d.ts

@@ -14,5 +14,5 @@ type Props = {
     colorScheme: TColorScheme;
     onTabClick: (value: TContentTab) => void;
 };
-export declare function ContentTabs({ tabs, activeTab, colorScheme, onTabClick }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ContentTabs({ tabs, activeTab, colorScheme, onTabClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ContentTabs/ContentTabs.es.js

@@ -1,14 +1,21 @@
 import { j as e } from "../../_virtual/jsx-runtime.es.js";
-import { cn as o } from "../../utils/cn.es.js";
 import l from "../../styles/typography.module.css.es.js";
+import { cn as o } from "../../utils/cn.es.js";
 import { Icon as m } from "../Icon/Icon.es.js";
 import i from "./contentTabs.module.css.es.js";
-function h({ tabs: n, activeTab: r, colorScheme: c, onTabClick: a }) {
+function h({
+  tabs: n,
+  activeTab: r,
+  colorScheme: c,
+  onTabClick: a
+}) {
   return /* @__PURE__ */ e.jsx("div", { className: o(i.root, i[c]), children: n.map((s) => /* @__PURE__ */ e.jsxs("div", { className: i.tabWrap, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
-        className: o(i.tab, { [i.activeTab]: r.label === s.label }),
+        className: o(i.tab, {
+          [i.activeTab]: r.label === s.label
+        }),
         onClick: () => a(s),
         children: [
           s.icon && /* @__PURE__ */ e.jsx("div", { className: i.icon, children: /* @__PURE__ */ e.jsx(m, { name: s.icon }) }),
@@ -21,7 +28,9 @@ function h({ tabs: n, activeTab: r, colorScheme: c, onTabClick: a }) {
       {
         className: o(
           i.description,
-          { [i.descriptionActive]: r.label === s.label },
+          {
+            [i.descriptionActive]: r.label === s.label
+          },
           l.bodySm
         ),
         children: s.description

package/dist/components/Cursor/Cursor.d.ts

@@ -0,0 +1,6 @@
+export type CursorProps = {
+    label: string;
+    children: React.ReactNode;
+    colorScheme: 'light' | 'dark';
+};
+export declare function Cursor({ children, label, colorScheme }: CursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cursor/components/ClientCursor.d.ts

@@ -0,0 +1,3 @@
+import { CursorProps } from '../Cursor';
+
+export declare function ClientCursor({ children, label, colorScheme }: CursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cursor/components/ServerCursor.d.ts

@@ -0,0 +1,3 @@
+export declare const ServerCursor: ({ children }: {
+    children: React.ReactNode;
+}) => import('react').ReactNode;

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

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

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"),b=require("../Icon/Icon.cjs.js"),r=require("../Typography/Typography.cjs.js"),e=require("./filterMenu.module.css.cjs.js");function g({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(b.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),role:"separator",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,tabIndex:0,role:"button",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=g;
+"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;

package/dist/components/FilterMenu/FilterMenu.d.ts

@@ -13,5 +13,5 @@ type FilterMenuProps<T extends string | number> = {
     options: ReadonlyArray<TOptionGroup<T>>;
     onSelect: (value: T, optionGroup: TOptionGroup<T>) => void;
 };
-export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,50 +1,94 @@
 import { j as s } from "../../_virtual/jsx-runtime.es.js";
-import { useState as j } from "react";
-import { cn as i } from "../../utils/cn.es.js";
-import { EIconName as n } from "../Icon/constants.es.js";
+import { useState as b } from "react";
+import { cn as r } from "../../utils/cn.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 E({ label: m, open: d = !1, options: c, selectedValue: p, onSelect: u }) {
-  const [t, b] = j(d), h = () => b((a) => !a);
+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: h, children: [
-      /* @__PURE__ */ s.jsx(o, { defaultVariant: "labelLg", emphasis: !0, children: m }),
-      /* @__PURE__ */ s.jsx(x, { name: t ? n.REMOVE : n.PLUS, className: e.toggleIcon })
-    ] }),
-    /* @__PURE__ */ s.jsx("div", { className: i(e.menu, t && e.isOpen), role: "menu", children: c.map((a, l) => /* @__PURE__ */ s.jsxs("ul", { className: e.subOptions, children: [
-      a.label && /* @__PURE__ */ s.jsx("li", { className: i(e.divider, l !== 0 && e.dividerLine), role: "separator", children: /* @__PURE__ */ s.jsx(
-        o,
-        {
-          as: "div",
-          defaultVariant: "bodyMd",
-          weight: "medium",
-          className: e.dividerLabel,
-          children: a.label
-        }
-      ) }, l),
-      a.values.map(({ value: r, label: f }) => /* @__PURE__ */ s.jsx(
-        "li",
-        {
-          className: e.option,
-          tabIndex: 0,
-          role: "button",
-          onClick: () => u(r, a),
-          children: /* @__PURE__ */ s.jsx(
-            o,
+    /* @__PURE__ */ s.jsxs(
+      "button",
+      {
+        className: e.toggleButton,
+        onClick: f,
+        children: [
+          /* @__PURE__ */ s.jsx(o, { defaultVariant: "labelLg", emphasis: !0, children: n }),
+          /* @__PURE__ */ s.jsx(
+            x,
             {
-              as: "div",
-              defaultVariant: "bodyMd",
-              className: i(e.optionLabel, r === p && e.selected),
-              children: f
+              name: t ? m.REMOVE : m.PLUS,
+              className: e.toggleIcon
             }
           )
-        },
-        r
-      ))
-    ] }, `${a.label}_${l}`)) })
+        ]
+      }
+    ),
+    /* @__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(
+                    o,
+                    {
+                      as: "div",
+                      defaultVariant: "bodyMd",
+                      className: r(
+                        e.optionLabel,
+                        i === p && e.selected
+                      ),
+                      children: j
+                    }
+                  )
+                },
+                i
+              ))
+            ]
+          },
+          `${l.label}_${a}`
+        ))
+      }
+    )
   ] });
 }
 export {
-  E as FilterMenu
+  I as FilterMenu
 };

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

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

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

@@ -4,9 +4,9 @@ import { TColorScheme } from '../../types/common';
 
 type Props = {
     title: ReactNode;
-    tag?: string;
+    label?: string;
     className?: string;
     colorScheme?: TColorScheme;
 } & Partial<Pick<TypographyProps, 'defaultVariant' | 'as' | 'mobileVariant'>>;
-export declare const HighlightedTitle: ({ title, tag, className, defaultVariant, as, mobileVariant, colorScheme, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightedTitle: ({ title, label, className, defaultVariant, as, mobileVariant, colorScheme, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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"),d=require("../Icon/Icon.cjs.js"),t=require("./iconButton.module.css.cjs.js"),m=({iconName:s,variant:n="emphasis",size:o="md",as:u="button",disabled:c=!1,...r})=>{const a=t.default[n]||"",i=t.default[o]||"";return e.jsxRuntimeExports.jsx(u,{...r,className:l.cn(t.default.button,a,i),disabled:c,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 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;

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

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

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

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

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

@@ -7,6 +7,9 @@ export type InfiniteScrollHandle = {
 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> & {