@zenpatient-org/healthspan-marketing-ui 0.1.39 → 0.1.41

package/dist/components/StudyGridCard/StudyGridCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../Icon/Icon.cjs.js");const l=require("../Icon/constants.cjs.js"),m=require("../Label/Label.cjs.js"),d=require("../TextButton/TextButton.cjs.js"),a=require("../Typography/Typography.cjs.js"),t=require("./studyGridCard.module.css.cjs.js");function h(r){return new Date(r).toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"numeric"}).replace(/\//g," / ")}function f({title:r,link:n,inverted:s,image:u,date:c,label:o,readTime:i}){return e.jsxs("div",{className:t.default.study,"data-inverted":s,children:[e.jsx("div",{className:t.default.imagePart,style:{backgroundImage:`url(${u})`},children:o&&e.jsx(m.Label,{...o})}),e.jsxs("div",{className:t.default.dataPart,children:[e.jsxs("div",{className:t.default.info,children:[e.jsx(a.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:h(c)}),!!i&&e.jsxs(e.Fragment,{children:[e.jsx(a.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(a.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[i," MIN READ"]})]})]}),e.jsx(a.Typography,{className:t.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:r}),e.jsxs("div",{className:t.default.button,children:[e.jsx(d.TextButton,{hideOn:"desktop",className:t.default.mobileButton,size:"sm",as:"a",href:n,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(d.TextButton,{hideOn:"mobile",className:t.default.desktopButton,size:"lg",as:"a",href:n,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}exports.StudyGridCard=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const o=require("../Icon/constants.cjs.js"),h=require("../Label/Label.cjs.js"),i=require("../TextButton/TextButton.cjs.js"),t=require("../Typography/Typography.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function f({title:n,link:r,inverted:d,image:u,date:c,label:s,readTime:l}){return e.jsxs("div",{className:a.default.study,"data-inverted":d,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${u})`},children:s&&e.jsx(h.Label,{...s})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:m.formatDate(c)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(t.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(i.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:r,suffixIcon:o.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(i.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:r,suffixIcon:o.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}exports.StudyGridCard=f;

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -1,36 +1,30 @@
-import { jsxs as t, jsx as a, Fragment as h } from "react/jsx-runtime";
+import { jsxs as r, jsx as a, Fragment as u } from "react/jsx-runtime";
+import { formatDate as f } from "../../utils/formatDate.es.js";
 import "../Icon/Icon.es.js";
-import { EIconName as d } from "../Icon/constants.es.js";
-import { Label as f } from "../Label/Label.es.js";
+import { EIconName as m } from "../Icon/constants.es.js";
+import { Label as p } from "../Label/Label.es.js";
 import { TextButton as s } from "../TextButton/TextButton.es.js";
-import { Typography as r } from "../Typography/Typography.es.js";
+import { Typography as i } from "../Typography/Typography.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function b(i) {
-  return new Date(i).toLocaleDateString("en-US", {
-    month: "2-digit",
-    day: "2-digit",
-    year: "numeric"
-  }).replace(/\//g, " / ");
-}
-function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTime: m }) {
-  return /* @__PURE__ */ t("div", { className: e.study, "data-inverted": o, children: [
-    /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: n && /* @__PURE__ */ a(f, { ...n }) }),
-    /* @__PURE__ */ t("div", { className: e.dataPart, children: [
-      /* @__PURE__ */ t("div", { className: e.info, children: [
+function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTime: o }) {
+  return /* @__PURE__ */ r("div", { className: e.study, "data-inverted": d, children: [
+    /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: l && /* @__PURE__ */ a(p, { ...l }) }),
+    /* @__PURE__ */ r("div", { className: e.dataPart, children: [
+      /* @__PURE__ */ r("div", { className: e.info, children: [
         /* @__PURE__ */ a(
-          r,
+          i,
           {
             defaultVariant: "labelSm",
             mobileVariant: "labelXs",
             emphasis: !0,
             weight: "medium",
             color: "color-neutral-500",
-            children: b(u)
+            children: f(h)
           }
         ),
-        !!m && /* @__PURE__ */ t(h, { children: [
+        !!o && /* @__PURE__ */ r(u, { children: [
           /* @__PURE__ */ a(
-            r,
+            i,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
@@ -40,8 +34,8 @@ function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTi
               children: "•"
             }
           ),
-          /* @__PURE__ */ t(
-            r,
+          /* @__PURE__ */ r(
+            i,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
@@ -49,15 +43,15 @@ function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTi
               weight: "medium",
               color: "color-neutral-500",
               children: [
-                m,
+                o,
                 " MIN READ"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: i }),
-      /* @__PURE__ */ t("div", { className: e.button, children: [
+      /* @__PURE__ */ a(i, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: n }),
+      /* @__PURE__ */ r("div", { className: e.button, children: [
         /* @__PURE__ */ a(
           s,
           {
@@ -65,8 +59,8 @@ function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTi
             className: e.mobileButton,
             size: "sm",
             as: "a",
-            href: l,
-            suffixIcon: d.ARROW_FORWARD,
+            href: t,
+            suffixIcon: m.ARROW_FORWARD,
             children: "READ MORE"
           }
         ),
@@ -77,8 +71,8 @@ function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTi
             className: e.desktopButton,
             size: "lg",
             as: "a",
-            href: l,
-            suffixIcon: d.ARROW_FORWARD,
+            href: t,
+            suffixIcon: m.ARROW_FORWARD,
             children: "READ MORE"
           }
         )
@@ -87,5 +81,5 @@ function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTi
   ] });
 }
 export {
-  S as StudyGridCard
+  v as StudyGridCard
 };

package/dist/components/Tabs/Tabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),f=require("../../utils/cn/cn.cjs.js"),i=require("../Icon/Icon.cjs.js"),n=require("./tabs.module.css.cjs.js");function m({activeTab:s,tabs:c,onTabClick:r,size:a="sm",activeLinePosition:d="bottom",inverted:o},u){return l.jsx("div",{ref:u,className:n.default.container,children:c.map(e=>l.jsxs("button",{className:f.cn(n.default.tab,n.default[a],{[n.default.inverted]:o,[n.default.activeTab]:s===e.value,[n.default.disabled]:e.disabled,[n.default.brackets]:a==="lg"&&s===e.value&&c.length>1},n.default[d],e.className),disabled:e.disabled,onClick:()=>r(e.value),children:[e.prefixIcon&&l.jsx("div",{className:n.default.iconWrap,children:l.jsx(i.Icon,{name:e.prefixIcon})}),l.jsx("div",{children:e.label}),e.suffixIcon&&l.jsx("div",{className:n.default.iconWrap,children:l.jsx(i.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const x=t.forwardRef(m);exports.Tabs=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),f=require("../../utils/cn/cn.cjs.js"),i=require("../Icon/Icon.cjs.js"),n=require("./tabs.module.css.cjs.js");function m({activeTab:c,tabs:l,onTabClick:r,size:a="sm",activeLinePosition:d="bottom",inverted:o},u){return s.jsx("div",{ref:u,className:n.default.container,children:l.map(e=>s.jsxs("button",{className:f.cn(n.default.tab,n.default[a],{[n.default.inverted]:o,[n.default.activeTab]:c===e.value,[n.default.disabled]:e.disabled,[n.default.brackets]:a!=="sm"&&c===e.value&&l.length>1},n.default[d],e.className),disabled:e.disabled,onClick:()=>r(e.value),children:[e.prefixIcon&&s.jsx("div",{className:n.default.iconWrap,children:s.jsx(i.Icon,{name:e.prefixIcon})}),s.jsx("div",{children:e.label}),e.suffixIcon&&s.jsx("div",{className:n.default.iconWrap,children:s.jsx(i.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const x=t.forwardRef(m);exports.Tabs=x;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,23 +1,6 @@
-import { ForwardedRef, ReactElement, ReactNode } from 'react';
-import { EIconName } from '../Icon';
+import { ForwardedRef, ReactElement } from 'react';
+import { TTabs } from './types';
 
-export type Tab<T extends string | number> = {
-    value: T;
-    label: ReactNode;
-    disabled?: boolean;
-    className?: string;
-    prefixIcon?: EIconName;
-    suffixIcon?: EIconName;
-};
-type Props<T extends string | number> = {
-    activeTab: T;
-    tabs: ReadonlyArray<Tab<T>>;
-    size?: 'sm' | 'lg';
-    activeLinePosition?: 'top' | 'bottom';
-    inverted?: boolean;
-    onTabClick: (value: T) => void;
-};
-export declare const Tabs: <T extends string | number>(props: Props<T> & {
+export declare const Tabs: <T extends string | number>(props: TTabs<T> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement;
-export {};

package/dist/components/Tabs/Tabs.es.js

@@ -1,30 +1,30 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { cn as t } from "../../utils/cn/cn.es.js";
-import { Icon as s } from "../Icon/Icon.es.js";
+import { Icon as c } from "../Icon/Icon.es.js";
 import i from "./tabs.module.css.es.js";
-function u({ activeTab: o, tabs: r, onTabClick: c, size: l = "sm", activeLinePosition: m = "bottom", inverted: d }, a) {
+function u({ activeTab: o, tabs: r, onTabClick: l, size: s = "sm", activeLinePosition: m = "bottom", inverted: d }, a) {
   return /* @__PURE__ */ n("div", { ref: a, className: i.container, children: r.map((e) => /* @__PURE__ */ f(
     "button",
     {
       className: t(
         i.tab,
-        i[l],
+        i[s],
         {
           [i.inverted]: d,
           [i.activeTab]: o === e.value,
           [i.disabled]: e.disabled,
-          [i.brackets]: l === "lg" && o === e.value && r.length > 1
+          [i.brackets]: s !== "sm" && o === e.value && r.length > 1
         },
         i[m],
         e.className
       ),
       disabled: e.disabled,
-      onClick: () => c(e.value),
+      onClick: () => l(e.value),
       children: [
-        e.prefixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.prefixIcon }) }),
+        e.prefixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(c, { name: e.prefixIcon }) }),
         /* @__PURE__ */ n("div", { children: e.label }),
-        e.suffixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.suffixIcon }) })
+        e.suffixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(c, { name: e.suffixIcon }) })
       ]
     },
     String(e.value)

package/dist/components/Tabs/TabsWithFade.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),h=require("../../utils/cn/cn.cjs.js"),b=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function v({tabs:o,activeTab:c,onTabChange:a}){const n=s.useRef(null),[l,u]=s.useState(!1),[d,f]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(u(e.scrollLeft>0),f(e.scrollLeft+e.clientWidth<e.scrollWidth))},[]);return s.useEffect(()=>{const e=n.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),i.jsx("div",{className:h.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:d}),children:i.jsx("div",{ref:n,className:r.default.tabsTape,children:i.jsx(b.Tabs,{activeTab:c,tabs:o,size:"lg",activeLinePosition:"bottom",onTabClick:a})})})}exports.TabsWithFade=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn/cn.cjs.js"),f=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function h(a){const n=s.useRef(null),[l,o]=s.useState(!1),[i,u]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(o(e.scrollLeft>0),u(e.scrollLeft+e.clientWidth<e.scrollWidth))},[]);return s.useEffect(()=>{const e=n.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),c.jsx("div",{className:d.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:i}),children:c.jsx("div",{ref:n,className:r.default.tabsTape,children:c.jsx(f.Tabs,{...a})})})}exports.TabsWithFade=h;

package/dist/components/Tabs/TabsWithFade.d.ts

@@ -1,9 +1,3 @@
-import { Tab } from './Tabs';
+import { TTabs } from './types';
 
-type Props<T extends string | number> = {
-    tabs: Tab<T>[];
-    activeTab: T;
-    onTabChange: (tab: T) => void;
-};
-export declare function TabsWithFade<T extends string>({ tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function TabsWithFade<T extends string>(tabsProps: TTabs<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabsWithFade.es.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { useRef as m, useState as i, useCallback as u, useEffect as p } from "react";
-import { cn as w } from "../../utils/cn/cn.es.js";
-import { Tabs as L } from "./Tabs.es.js";
+import { useRef as d, useState as n, useCallback as h, useEffect as m } from "react";
+import { cn as u } from "../../utils/cn/cn.es.js";
+import { Tabs as p } from "./Tabs.es.js";
 import r from "./tabs.module.css.es.js";
-function g({ tabs: n, activeTab: l, onTabChange: c }) {
-  const s = m(null), [a, f] = i(!1), [d, h] = i(!1), t = u(() => {
+function R(i) {
+  const s = d(null), [l, c] = n(!1), [a, f] = n(!1), t = h(() => {
     const e = s.current;
-    e && (f(e.scrollLeft > 0), h(e.scrollLeft + e.clientWidth < e.scrollWidth));
+    e && (c(e.scrollLeft > 0), f(e.scrollLeft + e.clientWidth < e.scrollWidth));
   }, []);
-  return p(() => {
+  return m(() => {
     const e = s.current;
     if (e)
       return t(), e.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
@@ -18,23 +18,14 @@ function g({ tabs: n, activeTab: l, onTabChange: c }) {
   }, [t]), /* @__PURE__ */ o(
     "div",
     {
-      className: w(r.tabsWrapper, {
-        [r.showFadeLeft]: a,
-        [r.showFadeRight]: d
+      className: u(r.tabsWrapper, {
+        [r.showFadeLeft]: l,
+        [r.showFadeRight]: a
       }),
-      children: /* @__PURE__ */ o("div", { ref: s, className: r.tabsTape, children: /* @__PURE__ */ o(
-        L,
-        {
-          activeTab: l,
-          tabs: n,
-          size: "lg",
-          activeLinePosition: "bottom",
-          onTabClick: c
-        }
-      ) })
+      children: /* @__PURE__ */ o("div", { ref: s, className: r.tabsTape, children: /* @__PURE__ */ o(p, { ...i }) })
     }
   );
 }
 export {
-  g as TabsWithFade
+  R as TabsWithFade
 };

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

@@ -1,3 +1,3 @@
 export { Tabs } from './Tabs';
 export { TabsWithFade } from './TabsWithFade';
-export type { Tab } from './Tabs';
+export type { TTab } from './types';

package/dist/components/Tabs/tabs.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tabs-module__container___NRX40",e="tabs-module__tab___McM3m",_="tabs-module__sm___m4fiR",a="tabs-module__lg___SVeHo",o="tabs-module__inverted___CBzom",s="tabs-module__disabled___AXCIC",b="tabs-module__bottom___Ho7ee",d="tabs-module__top___jthT8",c="tabs-module__activeTab___MHq7V",n="tabs-module__brackets___37Jhe",l="tabs-module__iconWrap___RY5wP",r="tabs-module__tabsTape___wsU1y",i="tabs-module__tabsWrapper___MLrX-",m="tabs-module__showFadeLeft___GGn8-",u="tabs-module__showFadeRight___a90mU",p={container:t,tab:e,sm:_,lg:a,inverted:o,disabled:s,bottom:b,top:d,activeTab:c,brackets:n,iconWrap:l,tabsTape:r,tabsWrapper:i,showFadeLeft:m,showFadeRight:u};exports.activeTab=c;exports.bottom=b;exports.brackets=n;exports.container=t;exports.default=p;exports.disabled=s;exports.iconWrap=l;exports.inverted=o;exports.lg=a;exports.showFadeLeft=m;exports.showFadeRight=u;exports.sm=_;exports.tab=e;exports.tabsTape=r;exports.tabsWrapper=i;exports.top=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tabs-module__container___NRX40",_="tabs-module__tab___McM3m",e="tabs-module__sm___m4fiR",a="tabs-module__md___Va2xk",o="tabs-module__lg___SVeHo",s="tabs-module__inverted___CBzom",b="tabs-module__disabled___AXCIC",d="tabs-module__bottom___Ho7ee",c="tabs-module__top___jthT8",n="tabs-module__activeTab___MHq7V",m="tabs-module__brackets___37Jhe",l="tabs-module__iconWrap___RY5wP",r="tabs-module__tabsTape___wsU1y",i="tabs-module__tabsWrapper___MLrX-",u="tabs-module__showFadeLeft___GGn8-",p="tabs-module__showFadeRight___a90mU",h={container:t,tab:_,sm:e,md:a,lg:o,inverted:s,disabled:b,bottom:d,top:c,activeTab:n,brackets:m,iconWrap:l,tabsTape:r,tabsWrapper:i,showFadeLeft:u,showFadeRight:p};exports.activeTab=n;exports.bottom=d;exports.brackets=m;exports.container=t;exports.default=h;exports.disabled=b;exports.iconWrap=l;exports.inverted=s;exports.lg=o;exports.md=a;exports.showFadeLeft=u;exports.showFadeRight=p;exports.sm=e;exports.tab=_;exports.tabsTape=r;exports.tabsWrapper=i;exports.top=c;

package/dist/components/Tabs/tabs.module.css.es.js

@@ -1,35 +1,37 @@
-const _ = "tabs-module__container___NRX40", t = "tabs-module__tab___McM3m", a = "tabs-module__sm___m4fiR", o = "tabs-module__lg___SVeHo", s = "tabs-module__inverted___CBzom", e = "tabs-module__disabled___AXCIC", b = "tabs-module__bottom___Ho7ee", d = "tabs-module__top___jthT8", c = "tabs-module__activeTab___MHq7V", n = "tabs-module__brackets___37Jhe", m = "tabs-module__iconWrap___RY5wP", l = "tabs-module__tabsTape___wsU1y", r = "tabs-module__tabsWrapper___MLrX-", i = "tabs-module__showFadeLeft___GGn8-", p = "tabs-module__showFadeRight___a90mU", u = {
+const _ = "tabs-module__container___NRX40", t = "tabs-module__tab___McM3m", a = "tabs-module__sm___m4fiR", o = "tabs-module__md___Va2xk", s = "tabs-module__lg___SVeHo", e = "tabs-module__inverted___CBzom", b = "tabs-module__disabled___AXCIC", d = "tabs-module__bottom___Ho7ee", c = "tabs-module__top___jthT8", n = "tabs-module__activeTab___MHq7V", m = "tabs-module__brackets___37Jhe", l = "tabs-module__iconWrap___RY5wP", r = "tabs-module__tabsTape___wsU1y", i = "tabs-module__tabsWrapper___MLrX-", u = "tabs-module__showFadeLeft___GGn8-", p = "tabs-module__showFadeRight___a90mU", h = {
   container: _,
   tab: t,
   sm: a,
-  lg: o,
-  inverted: s,
-  disabled: e,
-  bottom: b,
-  top: d,
-  activeTab: c,
-  brackets: n,
-  iconWrap: m,
-  tabsTape: l,
-  tabsWrapper: r,
-  showFadeLeft: i,
+  md: o,
+  lg: s,
+  inverted: e,
+  disabled: b,
+  bottom: d,
+  top: c,
+  activeTab: n,
+  brackets: m,
+  iconWrap: l,
+  tabsTape: r,
+  tabsWrapper: i,
+  showFadeLeft: u,
   showFadeRight: p
 };
 export {
-  c as activeTab,
-  b as bottom,
-  n as brackets,
+  n as activeTab,
+  d as bottom,
+  m as brackets,
   _ as container,
-  u as default,
-  e as disabled,
-  m as iconWrap,
-  s as inverted,
-  o as lg,
-  i as showFadeLeft,
+  h as default,
+  b as disabled,
+  l as iconWrap,
+  e as inverted,
+  s as lg,
+  o as md,
+  u as showFadeLeft,
   p as showFadeRight,
   a as sm,
   t as tab,
-  l as tabsTape,
-  r as tabsWrapper,
-  d as top
+  r as tabsTape,
+  i as tabsWrapper,
+  c as top
 };

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { EIconName } from '../Icon';
+
+export type TTab<T extends string | number> = {
+    value: T;
+    label: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    prefixIcon?: EIconName;
+    suffixIcon?: EIconName;
+};
+export type TTabs<T extends string | number> = {
+    activeTab: T;
+    tabs: ReadonlyArray<TTab<T>>;
+    size?: 'sm' | 'md' | 'lg';
+    activeLinePosition?: 'top' | 'bottom';
+    inverted?: boolean;
+    onTabClick: (value: T) => void;
+};

package/dist/components/Tag/Tag.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../styles/typography.module.css.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),s=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),g={md:l.default.labelMd,lg:l.default.labelLg},j=({value:r,children:o,active:d,disabled:u,size:a="md",prefixIcon:n,suffixIcon:c,onClick:i})=>e.jsx("button",{className:m.cn(t.default.tag,g[a],{[t.default.active]:d},t.default[a]),disabled:u,onClick:()=>i(r),children:e.jsxs("div",{className:t.default.content,children:[n&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(s.Icon,{name:n})}),e.jsx("p",{children:o}),c&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(s.Icon,{name:c})})]})});exports.Tag=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../styles/typography.module.css.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),d=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),g={md:l.default.labelMd,lg:l.default.labelLg},j=({value:n,children:u,active:o,disabled:i,size:s="md",prefixIcon:c,suffixIcon:r,onClick:a})=>e.jsx("button",{className:m.cn(t.default.tag,g[s],{[t.default.active]:o},t.default[s]),disabled:i,onClick:()=>n&&(a==null?void 0:a(n)),children:e.jsxs("div",{className:t.default.content,children:[c&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:c})}),e.jsx("p",{children:u}),r&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:r})})]})});exports.Tag=j;

package/dist/components/Tag/Tag.d.ts

@@ -3,14 +3,14 @@ import { EIconName } from '../Icon';
 
 type Props = {
     children: ReactNode;
-    value: string;
+    value?: string;
     active?: boolean;
     size?: 'md' | 'lg';
     disabled?: boolean;
     prefixIcon?: EIconName;
     suffixIcon?: EIconName;
     iconPosition?: 'left' | 'right';
-    onClick: (value: string) => void;
+    onClick?: (value: string) => void;
 };
 export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tag/Tag.es.js

@@ -1,21 +1,21 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import c from "../../styles/typography.module.css.es.js";
 import { cn as g } from "../../utils/cn/cn.es.js";
-import { Icon as e } from "../Icon/Icon.es.js";
-import a from "./tag.module.css.es.js";
+import { Icon as n } from "../Icon/Icon.es.js";
+import m from "./tag.module.css.es.js";
 const h = {
   md: c.labelMd,
   lg: c.labelLg
-}, f = ({ value: l, children: n, active: i, disabled: s, size: m = "md", prefixIcon: o, suffixIcon: t, onClick: d }) => /* @__PURE__ */ r(
+}, f = ({ value: t, children: d, active: l, disabled: p, size: e = "md", prefixIcon: o, suffixIcon: s, onClick: a }) => /* @__PURE__ */ r(
   "button",
   {
-    className: g(a.tag, h[m], { [a.active]: i }, a[m]),
-    disabled: s,
-    onClick: () => d(l),
-    children: /* @__PURE__ */ p("div", { className: a.content, children: [
-      o && /* @__PURE__ */ r("div", { className: a.iconWrap, children: /* @__PURE__ */ r(e, { name: o }) }),
-      /* @__PURE__ */ r("p", { children: n }),
-      t && /* @__PURE__ */ r("div", { className: a.iconWrap, children: /* @__PURE__ */ r(e, { name: t }) })
+    className: g(m.tag, h[e], { [m.active]: l }, m[e]),
+    disabled: p,
+    onClick: () => t && (a == null ? void 0 : a(t)),
+    children: /* @__PURE__ */ i("div", { className: m.content, children: [
+      o && /* @__PURE__ */ r("div", { className: m.iconWrap, children: /* @__PURE__ */ r(n, { name: o }) }),
+      /* @__PURE__ */ r("p", { children: d }),
+      s && /* @__PURE__ */ r("div", { className: m.iconWrap, children: /* @__PURE__ */ r(n, { name: s }) })
     ] })
   }
 );

package/dist/components/TextButton/TextButton.d.ts

@@ -10,6 +10,6 @@ type BaseButtonProps = {
     suffixIcon?: EIconName;
     hideOn?: 'mobile' | 'desktop';
 };
-type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, hideOn, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type TextButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, hideOn, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1,2 @@
 export { TextButton } from './TextButton';
+export type { TextButtonProps } from './TextButton';

package/dist/components/TextInput/TextInput.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),e=require("./textInput.module.css.cjs.js"),l=require("../../utils/cn/cn.cjs.js"),g=require("../Button/Button.cjs.js"),E=require("../Icon/Icon.cjs.js"),B=require("../Icon/constants.cjs.js"),V=({placeholder:y,variant:u="primary",handleChange:o,handleKeyDown:r,disabled:i=!1,buttonText:j="SUBMIT",onButtonClick:s,error:c=!1,errorText:d,active:f=!1,value:m,label:p,type:v="button",showButton:N=!1})=>{const[h,I]=x.useState(!1),[q,b]=x.useState(""),_=typeof m=="string"&&typeof o=="function",a=_?m:q,R=n=>{_?o&&o(n):b(n.target.value)},S=()=>{s&&s(a||"")},T=n=>{n.key==="Enter"&&s&&s(a||""),r&&r(n)};return t.jsxs("div",{className:e.default.root,children:[p&&t.jsx("div",{className:l.cn(e.default.label,a&&e.default.hidden),children:p}),t.jsxs("div",{className:l.cn(e.default.container,e.default[u],{[e.default.focused]:h},{[e.default.disabled]:i},{[e.default.error]:c},{[e.default.active]:f}),children:[t.jsx("div",{className:e.default.input_container,children:t.jsx("input",{className:l.cn(e.default.input,e.default[`input_${u}`],{[e.default.error]:c},{[e.default.active]:f}),disabled:i,placeholder:y,onChange:R,onKeyDown:T,onFocus:()=>I(!0),onBlur:()=>I(!1),value:a,style:{outline:"none"}})}),N&&t.jsx("div",{className:e.default.button_container,children:t.jsx(g.Button,{variant:u==="primary"?"primary":"primary-invert",as:"button",size:"sm",type:v,onClick:S,children:j})})]}),c&&d&&t.jsxs("div",{className:e.default.errorText,children:[t.jsx(E.Icon,{name:B.EIconName.ALERT_ERROR,className:e.default.errorIcon}),d]})]})};exports.TextInput=V;

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,20 @@
+import { ChangeEvent, KeyboardEvent } from 'react';
+
+type TTextInputProps = {
+    placeholder?: string;
+    variant?: 'primary' | 'primary-invert';
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
+    disabled?: boolean;
+    buttonText?: string;
+    onButtonClick?: (value: string) => void;
+    error?: boolean;
+    errorText?: string;
+    active?: boolean;
+    value?: string;
+    label?: string;
+    type?: 'button' | 'submit' | 'reset';
+    showButton?: boolean;
+};
+export declare const TextInput: ({ placeholder, variant, handleChange, handleKeyDown, disabled, buttonText, onButtonClick, error, errorText, active, value, label, type, showButton, }: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TextInput/TextInput.es.js

@@ -0,0 +1,86 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { useState as v } from "react";
+import e from "./textInput.module.css.es.js";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import { Button as F } from "../Button/Button.es.js";
+import { Icon as S } from "../Icon/Icon.es.js";
+import { EIconName as w } from "../Icon/constants.es.js";
+const O = ({
+  placeholder: I,
+  variant: r = "primary",
+  handleChange: i,
+  handleKeyDown: m,
+  disabled: u = !1,
+  buttonText: x = "SUBMIT",
+  onButtonClick: s,
+  error: a = !1,
+  errorText: f,
+  active: p = !1,
+  value: d,
+  label: y,
+  type: E = "button",
+  showButton: R = !1
+}) => {
+  const [_, N] = v(!1), [b, T] = v(""), h = typeof d == "string" && typeof i == "function", o = h ? d : b, V = (t) => {
+    h ? i && i(t) : T(t.target.value);
+  }, g = () => {
+    s && s(o || "");
+  }, j = (t) => {
+    t.key === "Enter" && s && s(o || ""), m && m(t);
+  };
+  return /* @__PURE__ */ c("div", { className: e.root, children: [
+    y && /* @__PURE__ */ n("div", { className: l(e.label, o && e.hidden), children: y }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: l(
+          e.container,
+          e[r],
+          { [e.focused]: _ },
+          { [e.disabled]: u },
+          { [e.error]: a },
+          { [e.active]: p }
+        ),
+        children: [
+          /* @__PURE__ */ n("div", { className: e.input_container, children: /* @__PURE__ */ n(
+            "input",
+            {
+              className: l(
+                e.input,
+                e[`input_${r}`],
+                { [e.error]: a },
+                { [e.active]: p }
+              ),
+              disabled: u,
+              placeholder: I,
+              onChange: V,
+              onKeyDown: j,
+              onFocus: () => N(!0),
+              onBlur: () => N(!1),
+              value: o,
+              style: { outline: "none" }
+            }
+          ) }),
+          R && /* @__PURE__ */ n("div", { className: e.button_container, children: /* @__PURE__ */ n(
+            F,
+            {
+              variant: r === "primary" ? "primary" : "primary-invert",
+              as: "button",
+              size: "sm",
+              type: E,
+              onClick: g,
+              children: x
+            }
+          ) })
+        ]
+      }
+    ),
+    a && f && /* @__PURE__ */ c("div", { className: e.errorText, children: [
+      /* @__PURE__ */ n(S, { name: w.ALERT_ERROR, className: e.errorIcon }),
+      f
+    ] })
+  ] });
+};
+export {
+  O as TextInput
+};

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

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

package/dist/components/TextInput/textInput.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="textInput-module__root___9OIkh",e="textInput-module__container___VFWsU",_="textInput-module__primary___LR6zA",o="textInput-module__errorIcon___AEDWP",r="textInput-module__focused___VSXU0",n="textInput-module__active___7nRCI",u="textInput-module__error___MSPiu",i="textInput-module__disabled___Q659x",d="textInput-module__input_container___WJvjK",c="textInput-module__input___64sMa",l="textInput-module__errorText___BLzki",a="textInput-module__label___WVtXN",s="textInput-module__hidden___7s9pj",p={root:t,container:e,primary:_,"primary-invert":"textInput-module__primary-invert___6u0f5",errorIcon:o,focused:r,active:n,error:u,disabled:i,input_container:d,input:c,errorText:l,label:a,hidden:s};exports.active=n;exports.container=e;exports.default=p;exports.disabled=i;exports.error=u;exports.errorIcon=o;exports.errorText=l;exports.focused=r;exports.hidden=s;exports.input=c;exports.input_container=d;exports.label=a;exports.primary=_;exports.root=t;

package/dist/components/TextInput/textInput.module.css.es.js

@@ -0,0 +1,32 @@
+const t = "textInput-module__root___9OIkh", _ = "textInput-module__container___VFWsU", e = "textInput-module__primary___LR6zA", o = "textInput-module__errorIcon___AEDWP", n = "textInput-module__focused___VSXU0", r = "textInput-module__active___7nRCI", u = "textInput-module__error___MSPiu", d = "textInput-module__disabled___Q659x", i = "textInput-module__input_container___WJvjK", c = "textInput-module__input___64sMa", p = "textInput-module__errorText___BLzki", s = "textInput-module__label___WVtXN", l = "textInput-module__hidden___7s9pj", a = {
+  root: t,
+  container: _,
+  primary: e,
+  "primary-invert": "textInput-module__primary-invert___6u0f5",
+  errorIcon: o,
+  focused: n,
+  active: r,
+  error: u,
+  disabled: d,
+  input_container: i,
+  input: c,
+  errorText: p,
+  label: s,
+  hidden: l
+};
+export {
+  r as active,
+  _ as container,
+  a as default,
+  d as disabled,
+  u as error,
+  o as errorIcon,
+  p as errorText,
+  n as focused,
+  l as hidden,
+  c as input,
+  i as input_container,
+  s as label,
+  e as primary,
+  t as root
+};