@zenpatient-org/healthspan-marketing-ui 0.1.118 → 0.1.120

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),x=require("react-dom"),q=require("../../../utils/cn/cn.cjs.js"),b=require("../../Typography/Typography.cjs.js"),s=require("../cursor.module.css.cjs.js");function g({children:c,label:a,colorScheme:l}){const[r,d]=e.useState({x:0,y:0}),[f,o]=e.useState(!1),m=e.useRef(null),[p,n]=e.useState(!1);e.useEffect(()=>(n(!0),()=>n(!1)),[]),e.useEffect(()=>{const u=i=>{d({x:i.clientX,y:i.clientY})};return window.addEventListener("mousemove",u),()=>window.removeEventListener("mousemove",u)},[]);const y=()=>{o(!0)},h=()=>{o(!1)},v=t.jsx("div",{ref:m,className:q.cn(s.default.cursor,{[s.default.cursorVisible]:f}),style:{left:`${r.x}px`,top:`${r.y}px`},"data-color-scheme":l,children:t.jsx(b.Typography,{as:"p",emphasis:!0,defaultVariant:"labelLg",children:a})});return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:s.default.cursorContainer,onMouseEnter:y,onMouseLeave:h,children:c}),p&&x.createPortal(v,document.body)]})}exports.ClientCursor=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),x=require("react-dom"),q=require("../../../utils/cn/cn.cjs.js"),b=require("../../Typography/Typography.cjs.js"),s=require("../cursor.module.css.cjs.js");function g({children:c,label:a,colorScheme:l}){const[r,d]=e.useState({x:0,y:0}),[f,o]=e.useState(!1),p=e.useRef(null),[m,n]=e.useState(!1);e.useEffect(()=>(n(!0),()=>n(!1)),[]),e.useEffect(()=>{const u=i=>{d({x:i.clientX,y:i.clientY})};return window.addEventListener("mousemove",u),()=>window.removeEventListener("mousemove",u)},[]);const y=()=>{o(!0)},v=()=>{o(!1)},h=t.jsx("div",{ref:p,className:q.cn(s.default.cursor,{[s.default.cursorVisible]:f}),style:{left:`${r.x}px`,top:`${r.y}px`},"data-color-scheme":l,children:t.jsx(b.Typography,{as:"p",emphasis:!0,defaultVariant:"labelLg",children:a})});return t.jsxs("div",{children:[t.jsx("div",{className:s.default.cursorContainer,onMouseEnter:y,onMouseLeave:v,children:c}),m&&x.createPortal(h,document.body)]})}exports.ClientCursor=g;

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

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

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

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

@@ -1,27 +1,27 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { Typography as i } from "../Typography/Typography.es.js";
-import { cn as s } from "../../utils/cn/cn.es.js";
-import e from "./highlightedTitle.module.css.es.js";
+import { cn as r } from "../../utils/cn/cn.es.js";
+import t from "./highlightedTitle.module.css.es.js";
 const y = ({
-  title: r,
-  label: t,
+  title: s,
+  label: e,
   className: o,
   defaultVariant: m = "displayMd",
-  as: d = "h2",
-  mobileVariant: h = "headingLg",
-  colorScheme: l = "light"
-}) => /* @__PURE__ */ p("div", { "data-scheme": l, className: s(e.root, o), children: [
-  t && /* @__PURE__ */ a(i, { as: "p", defaultVariant: "labelSm", emphasis: !0, className: e.tag, children: t }),
+  as: l = "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: "labelSm", emphasis: !0, className: t.tag, children: e }),
   /* @__PURE__ */ a(
     i,
     {
-      as: d,
+      as: l,
       defaultVariant: m,
-      mobileVariant: h,
-      className: s(e.title, {
-        [e.taggedTitle]: !!t
+      mobileVariant: d,
+      className: r(t.title, {
+        [t.taggedTitle]: !!e
       }),
-      children: typeof r == "string" ? /* @__PURE__ */ a("p", { children: r }) : r
+      children: s
     }
   )
 ] });

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

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

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

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

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

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

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

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