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

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

@@ -0,0 +1,36 @@
+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 i from "./tabs.module.css.es.js";
+function u({ activeTab: o, tabs: r, onTabClick: c, size: l = "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.inverted]: d,
+          [i.activeTab]: o === e.value,
+          [i.disabled]: e.disabled,
+          [i.brackets]: l === "lg" && o === e.value && r.length > 1
+        },
+        i[m],
+        e.className
+      ),
+      disabled: e.disabled,
+      onClick: () => c(e.value),
+      children: [
+        e.prefixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.prefixIcon }) }),
+        /* @__PURE__ */ n("div", { children: e.label }),
+        e.suffixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.suffixIcon }) })
+      ]
+    },
+    String(e.value)
+  )) });
+}
+const g = p(u);
+export {
+  g as Tabs
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,9 @@
+import { Tab } from './Tabs';
+
+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 {};

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

@@ -0,0 +1,40 @@
+"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 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(() => {
+    const e = s.current;
+    e && (f(e.scrollLeft > 0), h(e.scrollLeft + e.clientWidth < e.scrollWidth));
+  }, []);
+  return p(() => {
+    const e = s.current;
+    if (e)
+      return t(), e.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+        e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+      };
+  }, [t]), /* @__PURE__ */ o(
+    "div",
+    {
+      className: w(r.tabsWrapper, {
+        [r.showFadeLeft]: a,
+        [r.showFadeRight]: d
+      }),
+      children: /* @__PURE__ */ o("div", { ref: s, className: r.tabsTape, children: /* @__PURE__ */ o(
+        L,
+        {
+          activeTab: l,
+          tabs: n,
+          size: "lg",
+          activeLinePosition: "bottom",
+          onTabClick: c
+        }
+      ) })
+    }
+  );
+}
+export {
+  g as TabsWithFade
+};

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,35 @@
+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 = {
+  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,
+  showFadeRight: p
+};
+export {
+  c as activeTab,
+  b as bottom,
+  n as brackets,
+  _ as container,
+  u as default,
+  e as disabled,
+  m as iconWrap,
+  s as inverted,
+  o as lg,
+  i as showFadeLeft,
+  p as showFadeRight,
+  a as sm,
+  t as tab,
+  l as tabsTape,
+  r as tabsWrapper,
+  d as top
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { EIconName } from '../Icon';
+
+type Props = {
+    children: ReactNode;
+    value: string;
+    active?: boolean;
+    size?: 'md' | 'lg';
+    disabled?: boolean;
+    prefixIcon?: EIconName;
+    suffixIcon?: EIconName;
+    iconPosition?: 'left' | 'right';
+    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

@@ -0,0 +1,24 @@
+import { jsx as r, jsxs as p } 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";
+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(
+  "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 }) })
+    ] })
+  }
+);
+export {
+  f as Tag
+};

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

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

package/dist/components/Tag/tag.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tag-module__tag___04JA1",_="tag-module__md___Vi5U2",e="tag-module__lg___AaJGY",o="tag-module__active___Bc0bb",a="tag-module__content___uaFwG",c="tag-module__iconWrap___viC8K",n={tag:t,md:_,lg:e,active:o,content:a,iconWrap:c};exports.active=o;exports.content=a;exports.default=n;exports.iconWrap=c;exports.lg=e;exports.md=_;exports.tag=t;

package/dist/components/Tag/tag.module.css.es.js

@@ -0,0 +1,17 @@
+const _ = "tag-module__tag___04JA1", t = "tag-module__md___Vi5U2", o = "tag-module__lg___AaJGY", a = "tag-module__active___Bc0bb", c = "tag-module__content___uaFwG", n = "tag-module__iconWrap___viC8K", e = {
+  tag: _,
+  md: t,
+  lg: o,
+  active: a,
+  content: c,
+  iconWrap: n
+};
+export {
+  a as active,
+  c as content,
+  e as default,
+  n as iconWrap,
+  o as lg,
+  t as md,
+  _ as tag
+};

package/dist/components/TextButton/TextButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../utils/cn/cn.cjs.js"),c=require("../Icon/Icon.cjs.js"),t=require("./textButton.module.css.cjs.js"),v=({size:l="sm",as:o="button",disabled:s=!1,inverted:d=!1,children:r,prefixIcon:n,suffixIcon:a,hideOn:i,...u})=>{const m=t.default[l]||"",j=d?t.default.inverted:"",x=s?t.default.disabled:"";return e.jsx(o,{...u,className:f.cn(t.default.button,j,m,x),disabled:s,"data-hide-on":i,children:e.jsxs("div",{className:t.default.content,children:[n&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(c.Icon,{name:n})}),e.jsx("div",{children:r}),a&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(c.Icon,{name:a})})]})})};exports.TextButton=v;

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

@@ -0,0 +1,15 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
+import { EIconName } from '../Icon';
+
+type Size = 'sm' | 'lg';
+type BaseButtonProps = {
+    inverted?: boolean;
+    size?: Size;
+    as?: ElementType;
+    prefixIcon?: EIconName;
+    suffixIcon?: EIconName;
+    hideOn?: 'mobile' | 'desktop';
+};
+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/TextButton.es.js

@@ -0,0 +1,34 @@
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { cn as b } from "../../utils/cn/cn.es.js";
+import { Icon as o } from "../Icon/Icon.es.js";
+import s from "./textButton.module.css.es.js";
+const x = ({
+  size: r = "sm",
+  as: i = "button",
+  disabled: t = !1,
+  inverted: c = !1,
+  children: l,
+  prefixIcon: a,
+  suffixIcon: n,
+  hideOn: m,
+  ...d
+}) => {
+  const p = s[r] || "", v = c ? s.inverted : "", h = t ? s.disabled : "";
+  return /* @__PURE__ */ e(
+    i,
+    {
+      ...d,
+      className: b(s.button, v, p, h),
+      disabled: t,
+      "data-hide-on": m,
+      children: /* @__PURE__ */ N("div", { className: s.content, children: [
+        a && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: a }) }),
+        /* @__PURE__ */ e("div", { children: l }),
+        n && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: n }) })
+      ] })
+    }
+  );
+};
+export {
+  x as TextButton
+};

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

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

package/dist/components/TextButton/textButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="textButton-module__button___z2efc",e="textButton-module__inverted___w-lX5",o="textButton-module__disabled___JLZRY",n="textButton-module__content___JEFSl",_="textButton-module__lg___IbJXd",u="textButton-module__sm___VsToN",d="textButton-module__iconWrap___0G9tV",l={button:t,inverted:e,disabled:o,content:n,lg:_,sm:u,iconWrap:d};exports.button=t;exports.content=n;exports.default=l;exports.disabled=o;exports.iconWrap=d;exports.inverted=e;exports.lg=_;exports.sm=u;

package/dist/components/TextButton/textButton.module.css.es.js

@@ -0,0 +1,19 @@
+const t = "textButton-module__button___z2efc", _ = "textButton-module__inverted___w-lX5", o = "textButton-module__disabled___JLZRY", e = "textButton-module__content___JEFSl", n = "textButton-module__lg___IbJXd", d = "textButton-module__sm___VsToN", s = "textButton-module__iconWrap___0G9tV", u = {
+  button: t,
+  inverted: _,
+  disabled: o,
+  content: e,
+  lg: n,
+  sm: d,
+  iconWrap: s
+};
+export {
+  t as button,
+  e as content,
+  u as default,
+  o as disabled,
+  s as iconWrap,
+  _ as inverted,
+  n as lg,
+  d as sm
+};

package/dist/components/TypeBadge/TypeBadge.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../assets/svg/badge-icon.svg.cjs.js"),s=require("./typeBadge.module.css.cjs.js");var n=(e=>(e.SENESCENCE="senescence",e.SUPPLEMENTS="supplements",e.OUTLINE="outline",e.ENERGY="energy",e.METABOLISM="metabolism",e.LABS="labs",e))(n||{});const a=({type:e="senescence"})=>t.jsx("div",{className:s.default.typeBadge,"data-type":e,children:t.jsx(r.default,{className:s.default.badgeIcon})});exports.ETypeBadge=n;exports.TypeBadge=a;

package/dist/components/TypeBadge/TypeBadge.d.ts

@@ -0,0 +1,12 @@
+export declare enum ETypeBadge {
+    SENESCENCE = "senescence",
+    SUPPLEMENTS = "supplements",
+    OUTLINE = "outline",
+    ENERGY = "energy",
+    METABOLISM = "metabolism",
+    LABS = "labs"
+}
+export type TypeBadgeProps = {
+    type?: ETypeBadge;
+};
+export declare const TypeBadge: ({ type }: TypeBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TypeBadge/TypeBadge.es.js

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import n from "../../assets/svg/badge-icon.svg.es.js";
+import t from "./typeBadge.module.css.es.js";
+var o = /* @__PURE__ */ ((e) => (e.SENESCENCE = "senescence", e.SUPPLEMENTS = "supplements", e.OUTLINE = "outline", e.ENERGY = "energy", e.METABOLISM = "metabolism", e.LABS = "labs", e))(o || {});
+const a = ({
+  type: e = "senescence"
+  /* SENESCENCE */
+}) => /* @__PURE__ */ s("div", { className: t.typeBadge, "data-type": e, children: /* @__PURE__ */ s(n, { className: t.badgeIcon }) });
+export {
+  o as ETypeBadge,
+  a as TypeBadge
+};

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

@@ -0,0 +1,2 @@
+export { TypeBadge } from './TypeBadge';
+export { ETypeBadge } from './TypeBadge';

package/dist/components/TypeBadge/typeBadge.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="typeBadge-module__typeBadge___Jxk0v",t="typeBadge-module__badgeIcon___BIDN2",d={typeBadge:e,badgeIcon:t};exports.badgeIcon=t;exports.default=d;exports.typeBadge=e;

package/dist/components/TypeBadge/typeBadge.module.css.es.js

@@ -0,0 +1,9 @@
+const e = "typeBadge-module__typeBadge___Jxk0v", d = "typeBadge-module__badgeIcon___BIDN2", t = {
+  typeBadge: e,
+  badgeIcon: d
+};
+export {
+  d as badgeIcon,
+  t as default,
+  e as typeBadge
+};

package/dist/components/Typography/Typography.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),s=require("../../styles/typography.module.css.cjs.js"),d=require("../../utils/cn/cn.cjs.js"),m=require("./Typography.service.cjs.js"),f=({defaultVariant:t,children:o,className:i="",weight:l,emphasis:r=!1,as:c="span",mobileVariant:a,color:n})=>{const u=s.default[t]||"";let e=l;r&&!l&&(e="medium");const p=e?s.default[`weight${e.charAt(0).toUpperCase()}${e.slice(1)}`]:"",y=t.startsWith("label")&&r?s.default.labelEmphasis:"",g=a?s.default[`mobile__${a}`]:"";return h.jsx(c,{style:m.getMemoizedColorStyles(n),className:d.cn(u,p,y,g,i),children:o})};exports.Typography=f;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ElementType } from 'react';
+
+export type TypographyVariant = 'displayXl' | 'displayLg' | 'displayMd' | 'displaySm' | 'displayXs' | 'headingXl' | 'headingLg' | 'headingMd' | 'headingSm' | 'headingXs' | 'headingXxs' | 'preambleMd' | 'preambleSm' | 'bodyXl' | 'bodyLg' | 'bodyMd' | 'bodySm' | 'bodyXs' | 'linkLg' | 'linkMd' | 'linkSm' | 'linkXs' | 'labelXl' | 'labelLg' | 'labelMd' | 'labelSm' | 'labelXs';
+type FontWeight = 'regular' | 'medium';
+export interface TypographyProps {
+    defaultVariant: TypographyVariant;
+    children: React.ReactNode;
+    mobileVariant?: TypographyVariant;
+    className?: string;
+    weight?: FontWeight;
+    emphasis?: boolean;
+    as?: ElementType;
+    color?: string;
+}
+export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Typography/Typography.es.js

@@ -0,0 +1,30 @@
+import { jsx as y } from "react/jsx-runtime";
+import o from "../../styles/typography.module.css.es.js";
+import { cn as C } from "../../utils/cn/cn.es.js";
+import { getMemoizedColorStyles as g } from "./Typography.service.es.js";
+const _ = ({
+  defaultVariant: t,
+  children: a,
+  className: m = "",
+  weight: e,
+  emphasis: l = !1,
+  as: i = "span",
+  mobileVariant: r,
+  color: p
+}) => {
+  const c = o[t] || "";
+  let s = e;
+  l && !e && (s = "medium");
+  const n = s ? o[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", h = t.startsWith("label") && l ? o.labelEmphasis : "", f = r ? o[`mobile__${r}`] : "";
+  return /* @__PURE__ */ y(
+    i,
+    {
+      style: g(p),
+      className: C(c, n, h, f, m),
+      children: a
+    }
+  );
+};
+export {
+  _ as Typography
+};

package/dist/components/Typography/Typography.service.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(){const t={};return e=>{if(e)return t[e]||(t[e]={color:`var(--${e})`}),t[e]}}const r=o();exports.getMemoizedColorStyles=r;

package/dist/components/Typography/Typography.service.d.ts

@@ -0,0 +1,3 @@
+export declare const getMemoizedColorStyles: (color?: string) => {
+    color: string;
+} | undefined;

package/dist/components/Typography/Typography.service.es.js

@@ -0,0 +1,11 @@
+function r() {
+  const t = {};
+  return (e) => {
+    if (e)
+      return t[e] || (t[e] = { color: `var(--${e})` }), t[e];
+  };
+}
+const n = r();
+export {
+  n as getMemoizedColorStyles
+};

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

@@ -0,0 +1,2 @@
+export { Typography } from './Typography';
+export type { TypographyProps, TypographyVariant } from './Typography';