@zenpatient-org/healthspan-marketing-ui 0.1.68 → 0.1.70

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

@@ -1,3 +1,4 @@
+"use client";
 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";

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"),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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=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:r.default.labelMd,lg:r.default.labelLg},j=({value:n,children:u,active:o,disabled:i,size:s="md",prefixIcon:c,suffixIcon:l,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}),l&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:l})})]})});exports.Tag=j;

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

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

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

@@ -1 +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;
+"use client";"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:i,prefixIcon:n,suffixIcon:a,hideOn:r,...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":r,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:i}),a&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(c.Icon,{name:a})})]})})};exports.TextButton=v;

package/dist/components/TextButton/TextButton.es.js

@@ -1,30 +1,31 @@
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { cn as b } from "../../utils/cn/cn.es.js";
+"use client";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { cn as N } 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",
+  size: i = "sm",
+  as: r = "button",
   disabled: t = !1,
   inverted: c = !1,
   children: l,
-  prefixIcon: a,
-  suffixIcon: n,
+  prefixIcon: n,
+  suffixIcon: a,
   hideOn: m,
   ...d
 }) => {
-  const p = s[r] || "", v = c ? s.inverted : "", h = t ? s.disabled : "";
+  const p = s[i] || "", v = c ? s.inverted : "", h = t ? s.disabled : "";
   return /* @__PURE__ */ e(
-    i,
+    r,
     {
       ...d,
-      className: b(s.button, v, p, h),
+      className: N(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 }) }),
+      children: /* @__PURE__ */ u("div", { className: s.content, children: [
+        n && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: n }) }),
         /* @__PURE__ */ e("div", { children: l }),
-        n && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: n }) })
+        a && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: a }) })
       ] })
     }
   );

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

@@ -1 +1 @@
-"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"),r=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:l,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||""),l&&l(n)};return t.jsxs("div",{className:e.default.root,children:[m&&t.jsx("div",{className:r.cn(e.default.label,a&&e.default.hidden),children:m}),t.jsxs("div",{className:r.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:r.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"),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=$;

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

@@ -1,3 +1,4 @@
+"use client";
 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";
@@ -9,21 +10,21 @@ import { Typography as z } from "../Typography/Typography.es.js";
 const $ = ({
   placeholder: v,
   variant: s = "primary",
-  handleChange: a,
+  handleChange: i,
   handleKeyDown: m,
-  disabled: p = !1,
+  disabled: u = !1,
   buttonText: b = "SUBMIT",
   onButtonClick: o,
-  error: i = !1,
-  errorText: u,
+  error: a = !1,
+  errorText: p,
   active: f = !1,
   value: d,
   label: y,
   type: x = "button",
   showButton: E = !1
 }) => {
-  const [R, h] = I(!1), [T, V] = I(""), N = typeof d == "string" && typeof a == "function", r = N ? d : T, _ = (n) => {
-    N ? a && a(n) : V(n.target.value);
+  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) => {
@@ -38,8 +39,8 @@ const $ = ({
           e.container,
           e[s],
           { [e.focused]: R },
-          { [e.disabled]: p },
-          { [e.error]: i },
+          { [e.disabled]: u },
+          { [e.error]: a },
           { [e.active]: f }
         ),
         children: [
@@ -49,10 +50,10 @@ const $ = ({
               className: c(
                 e.input,
                 e[`input_${s}`],
-                { [e.error]: i },
+                { [e.error]: a },
                 { [e.active]: f }
               ),
-              disabled: p,
+              disabled: u,
               placeholder: v,
               onChange: _,
               onKeyDown: S,
@@ -76,9 +77,9 @@ const $ = ({
         ]
       }
     ),
-    i && u && /* @__PURE__ */ l(z, { defaultVariant: "labelSm", className: e.errorText, children: [
+    a && p && /* @__PURE__ */ l(z, { defaultVariant: "labelSm", className: e.errorText, children: [
       /* @__PURE__ */ t(F, { name: w.ALERT_ERROR, className: e.errorIcon }),
-      u
+      p
     ] })
   ] });
 };