@techzyapp/ui-library 1.0.25 → 1.0.27

package/dist/Tabs-BiKDy_fv.cjs

@@ -1,2 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),s=require("react"),N=require("clsx"),re=require("./names-BJnFU_5m.cjs"),se=require("./Icon-BVULqOJD.cjs"),m=require("./ConfigProvider-Bszl3Wr3.cjs"),le="_root_1shrp_1",oe="_vertical_1shrp_7",ce="_tablist_1shrp_13",ae="_horizontal_1shrp_17",ie="_fullWidth_1shrp_31",ue="_tab_1shrp_13",de="_underline_1shrp_36",fe="_pill_1shrp_46",be="_inner_1shrp_82",pe="_icon_1shrp_88",he="_label_1shrp_92",_e="_count_1shrp_97",we="_dot_1shrp_113",ve="_error_1shrp_124",ye="_active_1shrp_135",ge="_sm_1shrp_161",xe="_md_1shrp_166",Se="_lg_1shrp_171",Ne="_panel_1shrp_178",r={root:le,vertical:oe,tablist:ce,horizontal:ae,fullWidth:ie,tab:ue,underline:de,pill:fe,inner:be,icon:pe,label:he,count:_e,dot:we,error:ve,active:ye,sm:ge,md:xe,lg:Se,panel:Ne},Re=new Set(re.ICON_NAMES),B=s.createContext(0),Te=s.forwardRef(function({items:f,value:_,defaultValue:R,onChange:b,queryKey:T,pushHistory:I=!1,variant:H="underline",size:j="md",color:M="primary",orientation:d="horizontal",fullWidth:O=!1,autoFocus:F=!1,className:G,style:J,"aria-label":X},Y){var P;const L=s.useId(),E=s.useContext(B),Z=m.useTabsQueryKey(),V=m.useNestedTabQueryKey(),a=T===null?void 0:T??(E===0?Z:V),p=s.useCallback(e=>!!e&&f.some(t=>t.value===e&&!t.disabled),[f]),y=s.useCallback(()=>!a||typeof window>"u"?null:new URLSearchParams(window.location.search).get(a),[a]),z=(P=f.find(e=>!e.disabled))==null?void 0:P.value,[ee,C]=s.useState(()=>{const e=y();return p(e)?e:p(R)?R:z}),K=_!==void 0,k=K?_:ee,l=p(k)?k:z,h=s.useRef(l);h.current=l;const w=s.useRef(b);w.current=b;const g=s.useRef(!1),q=s.useCallback((e,t)=>{if(!a||typeof window>"u")return;const n=new URLSearchParams(window.location.search);if(n.get(a)===e)return;n.set(a,e);const i=`${window.location.pathname}?${n.toString()}${window.location.hash}`;window.history[t?"pushState":"replaceState"](window.history.state,"",i)},[a]),$=e=>{e!==h.current&&(g.current=!0,K||C(e),b==null||b(e))};s.useEffect(()=>{if(!a||typeof window>"u"||l==null)return;const e=g.current&&I;g.current=!1,q(l,e)},[a,l,I,q]),s.useEffect(()=>{if(!a||typeof window>"u")return;const e=()=>{var n;const t=y();p(t)&&t!==h.current&&(_===void 0&&C(t),(n=w.current)==null||n.call(w,t))};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[a,y,p,_]);const x=s.useRef(null),Q=e=>`[data-value="${typeof CSS<"u"&&CSS.escape?CSS.escape(e):e}"]`,A=e=>{var t,n;(n=(t=x.current)==null?void 0:t.querySelector(Q(e)))==null||n.focus()};s.useEffect(()=>{F&&h.current!=null&&A(h.current)},[]),s.useEffect(()=>{if(l==null)return;const e=x.current,t=e==null?void 0:e.querySelector(Q(l));if(!e||!t)return;const n=e.getBoundingClientRect(),i=t.getBoundingClientRect();if(d==="vertical"){const o=i.top-n.top+e.scrollTop,c=o+i.height;o<e.scrollTop?e.scrollTop=o:c>e.scrollTop+e.clientHeight&&(e.scrollTop=c-e.clientHeight)}else{const o=i.left-n.left+e.scrollLeft,c=o+i.width;o<e.scrollLeft?e.scrollLeft=o:c>e.scrollLeft+e.clientWidth&&(e.scrollLeft=c-e.clientWidth)}},[l]);const te=e=>{const t=f.filter(S=>!S.disabled);if(t.length===0)return;const n=d==="horizontal"?"ArrowLeft":"ArrowUp",i=d==="horizontal"?"ArrowRight":"ArrowDown",o=t.findIndex(S=>S.value===l);let c=-1;switch(e.key){case n:c=(o-1+t.length)%t.length;break;case i:c=(o+1)%t.length;break;case"Home":c=0;break;case"End":c=t.length-1;break;default:return}e.preventDefault();const U=t[c].value;$(U),A(U)},ne=e=>typeof e=="string"&&Re.has(e)?u.jsx(se.Icon,{name:e,size:j}):e,v=f.find(e=>e.value===l),D=`${L}-panel`,W=e=>`${L}-tab-${e}`;return u.jsxs("div",{ref:Y,className:N.clsx(r.root,r[d],G),style:J,children:[u.jsx("div",{ref:x,role:"tablist","aria-label":X,"aria-orientation":d,className:N.clsx(r.tablist,r[H],r[j],r[d],O&&d==="horizontal"&&r.fullWidth),onKeyDown:te,children:f.map(e=>{const t=e.value===l,n=M,i=ne(e.icon),o=e.badge!=null&&e.badge!==0,c=!o&&(e.dot||e.error);return u.jsx("button",{type:"button",role:"tab","data-value":e.value,id:W(e.value),"aria-selected":t,"aria-label":e.label==null?e.ariaLabel??e.value:e.ariaLabel,"aria-controls":t&&e.content!=null?D:void 0,"aria-disabled":e.disabled||void 0,disabled:e.disabled,tabIndex:t?0:-1,className:N.clsx(r.tab,t&&r.active,e.error&&r.error),style:{"--tz-btn-rgb":`var(--tz-color-${n}-rgb)`,"--tz-btn-on":`var(--tz-color-${n}-contrast, #fff)`},onClick:()=>$(e.value),children:u.jsxs("span",{className:r.inner,children:[i!=null&&u.jsx("span",{className:r.icon,children:i}),e.label!=null&&u.jsx("span",{className:r.label,children:e.label}),o&&u.jsx("span",{className:r.count,children:typeof e.badge=="number"&&e.badge>99?"99+":e.badge}),c&&u.jsx("span",{className:r.dot,"aria-hidden":"true"})]})},e.value)})}),(v==null?void 0:v.content)!=null&&l!=null&&u.jsx("div",{role:"tabpanel",id:D,"aria-labelledby":W(l),tabIndex:0,className:r.panel,children:u.jsx(B.Provider,{value:E+1,children:v.content})})]})});exports.Tabs=Te;
-//# sourceMappingURL=Tabs-BiKDy_fv.cjs.map

package/dist/Tabs-ytbBzAxG.js

@@ -1,190 +0,0 @@
-import { jsxs as H, jsx as i } from "react/jsx-runtime";
-import { forwardRef as le, useId as se, useContext as ae, useCallback as I, useState as ce, useRef as y, useEffect as v, createContext as ie } from "react";
-import { clsx as m } from "clsx";
-import { a as de } from "./names-r21QPjcU.js";
-import { I as ue } from "./Icon-DaTvzLBu.js";
-import { l as fe, i as pe } from "./ConfigProvider-DR9YMy9U.js";
-const be = "_root_1shrp_1", he = "_vertical_1shrp_7", _e = "_tablist_1shrp_13", we = "_horizontal_1shrp_17", ye = "_fullWidth_1shrp_31", ve = "_tab_1shrp_13", ge = "_underline_1shrp_36", Se = "_pill_1shrp_46", Ne = "_inner_1shrp_82", Te = "_icon_1shrp_88", Ie = "_label_1shrp_92", me = "_count_1shrp_97", Le = "_dot_1shrp_113", ze = "_error_1shrp_124", Ke = "_active_1shrp_135", Re = "_sm_1shrp_161", xe = "_md_1shrp_166", $e = "_lg_1shrp_171", Ee = "_panel_1shrp_178", r = {
-  root: be,
-  vertical: he,
-  tablist: _e,
-  horizontal: we,
-  fullWidth: ye,
-  tab: ve,
-  underline: ge,
-  pill: Se,
-  inner: Ne,
-  icon: Te,
-  label: Ie,
-  count: me,
-  dot: Le,
-  error: ze,
-  active: Ke,
-  sm: Re,
-  md: xe,
-  lg: $e,
-  panel: Ee
-}, Qe = new Set(de), M = ie(0), je = le(function({
-  items: u,
-  value: h,
-  defaultValue: L,
-  onChange: f,
-  queryKey: z,
-  pushHistory: K = !1,
-  variant: O = "underline",
-  size: R = "md",
-  color: F = "primary",
-  orientation: d = "horizontal",
-  fullWidth: G = !1,
-  autoFocus: J = !1,
-  className: X,
-  style: Y,
-  "aria-label": Z
-}, V) {
-  var j;
-  const x = se(), $ = ae(M), ee = fe(), te = pe(), a = z === null ? void 0 : z ?? ($ === 0 ? ee : te), p = I(
-    (e) => !!e && u.some((t) => t.value === e && !t.disabled),
-    [u]
-  ), g = I(() => !a || typeof window > "u" ? null : new URLSearchParams(window.location.search).get(a), [a]), E = (j = u.find((e) => !e.disabled)) == null ? void 0 : j.value, [ne, Q] = ce(() => {
-    const e = g();
-    return p(e) ? e : p(L) ? L : E;
-  }), k = h !== void 0, C = k ? h : ne, o = p(C) ? C : E, b = y(o);
-  b.current = o;
-  const _ = y(f);
-  _.current = f;
-  const S = y(!1), A = I(
-    (e, t) => {
-      if (!a || typeof window > "u") return;
-      const n = new URLSearchParams(window.location.search);
-      if (n.get(a) === e) return;
-      n.set(a, e);
-      const c = `${window.location.pathname}?${n.toString()}${window.location.hash}`;
-      window.history[t ? "pushState" : "replaceState"](window.history.state, "", c);
-    },
-    [a]
-  ), D = (e) => {
-    e !== b.current && (S.current = !0, k || Q(e), f == null || f(e));
-  };
-  v(() => {
-    if (!a || typeof window > "u" || o == null) return;
-    const e = S.current && K;
-    S.current = !1, A(o, e);
-  }, [a, o, K, A]), v(() => {
-    if (!a || typeof window > "u") return;
-    const e = () => {
-      var n;
-      const t = g();
-      p(t) && t !== b.current && (h === void 0 && Q(t), (n = _.current) == null || n.call(_, t));
-    };
-    return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
-  }, [a, g, p, h]);
-  const N = y(null), W = (e) => `[data-value="${typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e}"]`, P = (e) => {
-    var t, n;
-    (n = (t = N.current) == null ? void 0 : t.querySelector(W(e))) == null || n.focus();
-  };
-  v(() => {
-    J && b.current != null && P(b.current);
-  }, []), v(() => {
-    if (o == null) return;
-    const e = N.current, t = e == null ? void 0 : e.querySelector(W(o));
-    if (!e || !t) return;
-    const n = e.getBoundingClientRect(), c = t.getBoundingClientRect();
-    if (d === "vertical") {
-      const l = c.top - n.top + e.scrollTop, s = l + c.height;
-      l < e.scrollTop ? e.scrollTop = l : s > e.scrollTop + e.clientHeight && (e.scrollTop = s - e.clientHeight);
-    } else {
-      const l = c.left - n.left + e.scrollLeft, s = l + c.width;
-      l < e.scrollLeft ? e.scrollLeft = l : s > e.scrollLeft + e.clientWidth && (e.scrollLeft = s - e.clientWidth);
-    }
-  }, [o]);
-  const re = (e) => {
-    const t = u.filter((T) => !T.disabled);
-    if (t.length === 0) return;
-    const n = d === "horizontal" ? "ArrowLeft" : "ArrowUp", c = d === "horizontal" ? "ArrowRight" : "ArrowDown", l = t.findIndex((T) => T.value === o);
-    let s = -1;
-    switch (e.key) {
-      case n:
-        s = (l - 1 + t.length) % t.length;
-        break;
-      case c:
-        s = (l + 1) % t.length;
-        break;
-      case "Home":
-        s = 0;
-        break;
-      case "End":
-        s = t.length - 1;
-        break;
-      default:
-        return;
-    }
-    e.preventDefault();
-    const B = t[s].value;
-    D(B), P(B);
-  }, oe = (e) => typeof e == "string" && Qe.has(e) ? /* @__PURE__ */ i(ue, { name: e, size: R }) : e, w = u.find((e) => e.value === o), q = `${x}-panel`, U = (e) => `${x}-tab-${e}`;
-  return /* @__PURE__ */ H("div", { ref: V, className: m(r.root, r[d], X), style: Y, children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        ref: N,
-        role: "tablist",
-        "aria-label": Z,
-        "aria-orientation": d,
-        className: m(
-          r.tablist,
-          r[O],
-          r[R],
-          r[d],
-          G && d === "horizontal" && r.fullWidth
-        ),
-        onKeyDown: re,
-        children: u.map((e) => {
-          const t = e.value === o, n = F, c = oe(e.icon), l = e.badge != null && e.badge !== 0, s = !l && (e.dot || e.error);
-          return /* @__PURE__ */ i(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "data-value": e.value,
-              id: U(e.value),
-              "aria-selected": t,
-              "aria-label": e.label == null ? e.ariaLabel ?? e.value : e.ariaLabel,
-              "aria-controls": t && e.content != null ? q : void 0,
-              "aria-disabled": e.disabled || void 0,
-              disabled: e.disabled,
-              tabIndex: t ? 0 : -1,
-              className: m(r.tab, t && r.active, e.error && r.error),
-              style: {
-                "--tz-btn-rgb": `var(--tz-color-${n}-rgb)`,
-                "--tz-btn-on": `var(--tz-color-${n}-contrast, #fff)`
-              },
-              onClick: () => D(e.value),
-              children: /* @__PURE__ */ H("span", { className: r.inner, children: [
-                c != null && /* @__PURE__ */ i("span", { className: r.icon, children: c }),
-                e.label != null && /* @__PURE__ */ i("span", { className: r.label, children: e.label }),
-                l && /* @__PURE__ */ i("span", { className: r.count, children: typeof e.badge == "number" && e.badge > 99 ? "99+" : e.badge }),
-                s && /* @__PURE__ */ i("span", { className: r.dot, "aria-hidden": "true" })
-              ] })
-            },
-            e.value
-          );
-        })
-      }
-    ),
-    (w == null ? void 0 : w.content) != null && o != null && /* @__PURE__ */ i(
-      "div",
-      {
-        role: "tabpanel",
-        id: q,
-        "aria-labelledby": U(o),
-        tabIndex: 0,
-        className: r.panel,
-        children: /* @__PURE__ */ i(M.Provider, { value: $ + 1, children: w.content })
-      }
-    )
-  ] });
-});
-export {
-  je as T
-};
-//# sourceMappingURL=Tabs-ytbBzAxG.js.map

package/dist/TextField.module-QePvGeJ3.js

@@ -1,27 +0,0 @@
-const t = "_field_1hj38_1", n = "_fullWidth_1hj38_7", _ = "_label_1hj38_13", e = "_required_1hj38_20", s = "_control_1hj38_26", r = "_input_1hj38_45", h = "_hasLeftAdornment_1hj38_68", o = "_hasRightAdornment_1hj38_72", l = "_sm_1hj38_77", c = "_md_1hj38_82", d = "_lg_1hj38_87", a = "_error_1hj38_93", i = "_disabled_1hj38_103", j = "_helper_1hj38_113", g = "_textAdornment_1hj38_119", m = "_iconButton_1hj38_132", u = "_caps_1hj38_142", f = "_strength_1hj38_155", p = "_strengthBars_1hj38_161", b = "_strengthBar_1hj38_161", A = "_strengthLabel_1hj38_176", B = {
-  field: t,
-  fullWidth: n,
-  label: _,
-  required: e,
-  control: s,
-  input: r,
-  hasLeftAdornment: h,
-  hasRightAdornment: o,
-  sm: l,
-  md: c,
-  lg: d,
-  error: a,
-  disabled: i,
-  helper: j,
-  textAdornment: g,
-  iconButton: m,
-  caps: u,
-  strength: f,
-  strengthBars: p,
-  strengthBar: b,
-  strengthLabel: A
-};
-export {
-  B as f
-};
-//# sourceMappingURL=TextField.module-QePvGeJ3.js.map

package/dist/TextField.module-QePvGeJ3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.module-QePvGeJ3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/TextField.module-m-UllwzG.cjs

@@ -1,2 +0,0 @@
-"use strict";const t="_field_1hj38_1",n="_fullWidth_1hj38_7",_="_label_1hj38_13",e="_required_1hj38_20",s="_control_1hj38_26",r="_input_1hj38_45",h="_hasLeftAdornment_1hj38_68",o="_hasRightAdornment_1hj38_72",l="_sm_1hj38_77",c="_md_1hj38_82",d="_lg_1hj38_87",a="_error_1hj38_93",i="_disabled_1hj38_103",j="_helper_1hj38_113",g="_textAdornment_1hj38_119",m="_iconButton_1hj38_132",u="_caps_1hj38_142",f="_strength_1hj38_155",b="_strengthBars_1hj38_161",p="_strengthBar_1hj38_161",A="_strengthLabel_1hj38_176",B={field:t,fullWidth:n,label:_,required:e,control:s,input:r,hasLeftAdornment:h,hasRightAdornment:o,sm:l,md:c,lg:d,error:a,disabled:i,helper:j,textAdornment:g,iconButton:m,caps:u,strength:f,strengthBars:b,strengthBar:p,strengthLabel:A};exports.fieldStyles=B;
-//# sourceMappingURL=TextField.module-m-UllwzG.cjs.map

package/dist/TextField.module-m-UllwzG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.module-m-UllwzG.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Timeline-D3kzt1dy.js

@@ -1,71 +0,0 @@
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { createContext as x, useContext as y, forwardRef as z } from "react";
-import { clsx as N } from "clsx";
-import { a as T } from "./names-r21QPjcU.js";
-import { I as v } from "./Icon-DaTvzLBu.js";
-const p = x(null);
-function C() {
-  return y(p);
-}
-const g = "_root_34zcl_2", I = "_item_34zcl_12", S = "_sm_34zcl_24", E = "_md_34zcl_31", j = "_lg_34zcl_38", w = "_node_34zcl_47", A = "_dotNode_34zcl_60", M = "_dot_34zcl_60", O = "_connector_34zcl_71", P = "_body_34zcl_87", R = "_label_34zcl_95", $ = "_time_34zcl_102", k = "_content_34zcl_107", e = {
-  root: g,
-  item: I,
-  sm: S,
-  md: E,
-  lg: j,
-  node: w,
-  dotNode: A,
-  dot: M,
-  connector: O,
-  body: P,
-  label: R,
-  time: $,
-  content: k
-}, q = new Set(T), B = z(function({ label: c, time: l, children: s, icon: t, color: a, className: d, style: _, ...m }, i) {
-  const o = C(), r = (o == null ? void 0 : o.size) ?? "md", f = a ?? (o == null ? void 0 : o.color) ?? "primary", h = typeof t == "string" && q.has(t) ? /* @__PURE__ */ n(v, { name: t, size: r }) : t;
-  return /* @__PURE__ */ u(
-    "li",
-    {
-      ref: i,
-      className: N(e.item, e[r], d),
-      style: { "--tl-rgb": `var(--tz-color-${f}-rgb)`, ..._ },
-      ...m,
-      children: [
-        /* @__PURE__ */ n("span", { className: N(e.node, t == null && e.dotNode), "aria-hidden": "true", children: t != null ? h : /* @__PURE__ */ n("span", { className: e.dot }) }),
-        /* @__PURE__ */ n("span", { className: e.connector, "aria-hidden": "true" }),
-        /* @__PURE__ */ u("div", { className: e.body, children: [
-          c != null && /* @__PURE__ */ n("span", { className: e.label, children: c }),
-          l != null && /* @__PURE__ */ n("span", { className: e.time, children: l }),
-          s != null && /* @__PURE__ */ n("div", { className: e.content, children: s })
-        ] })
-      ]
-    }
-  );
-}), K = z(function({ items: c, size: l = "md", color: s = "primary", children: t, className: a, style: d, ..._ }, m) {
-  const i = { size: l, color: s };
-  return /* @__PURE__ */ n(
-    "ol",
-    {
-      ref: m,
-      className: N(e.root, a),
-      style: d,
-      ..._,
-      children: /* @__PURE__ */ n(p.Provider, { value: i, children: c ? c.map((o, r) => /* @__PURE__ */ n(
-        B,
-        {
-          label: o.label,
-          time: o.time,
-          icon: o.icon,
-          color: o.color,
-          children: o.content
-        },
-        r
-      )) : t })
-    }
-  );
-});
-export {
-  K as T,
-  B as a
-};
-//# sourceMappingURL=Timeline-D3kzt1dy.js.map

package/dist/Timeline-ONU_3gi3.cjs

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),a=require("react"),x=require("clsx"),p=require("./names-BJnFU_5m.cjs"),y=require("./Icon-BVULqOJD.cjs"),N=a.createContext(null);function T(){return a.useContext(N)}const f="_root_34zcl_2",v="_item_34zcl_12",C="_sm_34zcl_24",I="_md_34zcl_31",g="_lg_34zcl_38",q="_node_34zcl_47",S="_dotNode_34zcl_60",w="_dot_34zcl_60",E="_connector_34zcl_71",R="_body_34zcl_87",A="_label_34zcl_95",M="_time_34zcl_102",O="_content_34zcl_107",n={root:f,item:v,sm:C,md:I,lg:g,node:q,dotNode:S,dot:w,connector:E,body:R,label:A,time:M,content:O},P=new Set(p.ICON_NAMES),z=a.forwardRef(function({label:s,time:c,children:l,icon:t,color:d,className:i,style:_,...m},u){const e=T(),r=(e==null?void 0:e.size)??"md",b=d??(e==null?void 0:e.color)??"primary",h=typeof t=="string"&&P.has(t)?o.jsx(y.Icon,{name:t,size:r}):t;return o.jsxs("li",{ref:u,className:x.clsx(n.item,n[r],i),style:{"--tl-rgb":`var(--tz-color-${b}-rgb)`,..._},...m,children:[o.jsx("span",{className:x.clsx(n.node,t==null&&n.dotNode),"aria-hidden":"true",children:t!=null?h:o.jsx("span",{className:n.dot})}),o.jsx("span",{className:n.connector,"aria-hidden":"true"}),o.jsxs("div",{className:n.body,children:[s!=null&&o.jsx("span",{className:n.label,children:s}),c!=null&&o.jsx("span",{className:n.time,children:c}),l!=null&&o.jsx("div",{className:n.content,children:l})]})]})}),$=a.forwardRef(function({items:s,size:c="md",color:l="primary",children:t,className:d,style:i,..._},m){const u={size:c,color:l};return o.jsx("ol",{ref:m,className:x.clsx(n.root,d),style:i,..._,children:o.jsx(N.Provider,{value:u,children:s?s.map((e,r)=>o.jsx(z,{label:e.label,time:e.time,icon:e.icon,color:e.color,children:e.content},r)):t})})});exports.Timeline=$;exports.TimelineItem=z;
-//# sourceMappingURL=Timeline-ONU_3gi3.cjs.map