cetec-design-system 0.0.29 → 0.0.31

package/dist/cetec-design-system.es.js

@@ -1,4 +1,4 @@
-import { forwardRef as te, useMemo as ce, createElement as M, createContext as yt, useState as St, useEffect as pe, useContext as xt } from "react";
+import { forwardRef as te, useMemo as ce, createElement as M, createContext as yt, useState as xt, useEffect as pe, useContext as St } from "react";
 import { jsx as p, jsxs as E, Fragment as wt } from "react/jsx-runtime";
 function I(e) {
   return typeof e == "object" && e != null && !Array.isArray(e);
@@ -118,8 +118,8 @@ function je(e) {
       if (m == null)
         return;
       const f = Rt(m), [w, ...v] = o.shift(u), V = Pt(v), P = t.transform(w, It(jt(m)));
-      let x = a(V, P.className);
-      f && (x = `${x}!`), l.add(x);
+      let S = a(V, P.className);
+      f && (S = `${S}!`), l.add(S);
     }), Array.from(l).join(" ");
   });
 }
@@ -224,8 +224,8 @@ function Ke(e) {
     var V;
     const f = a(u);
     let w = { ...t };
-    for (const [P, x] of Object.entries(f))
-      (V = r[P]) != null && V[x] && (w = B(w, r[P][x]));
+    for (const [P, S] of Object.entries(f))
+      (V = r[P]) != null && V[S] && (w = B(w, r[P][S]));
     const v = ee(n, f);
     return B(w, v);
   }
@@ -304,7 +304,7 @@ const _ = (e, t, r) => {
     getVariantProps: o,
     __getCompoundVariantCss__: (a) => ee(r, o(a))
   };
-}, S = (e, t) => {
+}, x = (e, t) => {
   if (e && !t) return e;
   if (!e && t) return t;
   const r = (...a) => h(e(...a), t(...a)), o = J(e.variantKeys, t.variantKeys), n = o.reduce((a, i) => (a[i] = J(e.variantMap[i], t.variantMap[i]), a), {});
@@ -382,7 +382,7 @@ const _ = (e, t, r) => {
   variantKeys: he,
   variantMap: Ge,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, he);
@@ -405,7 +405,7 @@ const _ = (e, t, r) => {
   variantKeys: fe,
   variantMap: He,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, fe);
@@ -478,7 +478,7 @@ const _ = (e, t, r) => {
   variantKeys: _e,
   variantMap: qe,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, _e);
@@ -551,7 +551,7 @@ const _ = (e, t, r) => {
   variantKeys: ke,
   variantMap: $e,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, ke);
@@ -582,7 +582,7 @@ const _ = (e, t, r) => {
   variantKeys: ye,
   variantMap: Ue,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, ye);
@@ -605,18 +605,18 @@ const _ = (e, t, r) => {
     "large",
     "small"
   ]
-}, Se = Object.keys(Ze), dr = /* @__PURE__ */ Object.assign(b(X.recipeFn), {
+}, xe = Object.keys(Ze), dr = /* @__PURE__ */ Object.assign(b(X.recipeFn), {
   __recipe__: !0,
   __name__: "iconButton",
   __getCompoundVariantCss__: X.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: Se,
+  variantKeys: xe,
   variantMap: Ze,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, Se);
+    return g(e, xe);
   },
   getVariantProps: X.getVariantProps
 }), Y = /* @__PURE__ */ _("textinput", {
@@ -630,18 +630,18 @@ const _ = (e, t, r) => {
   autoSize: [
     "true"
   ]
-}, xe = Object.keys(Je), cr = /* @__PURE__ */ Object.assign(b(Y.recipeFn), {
+}, Se = Object.keys(Je), cr = /* @__PURE__ */ Object.assign(b(Y.recipeFn), {
   __recipe__: !0,
   __name__: "textinput",
   __getCompoundVariantCss__: Y.__getCompoundVariantCss__,
   raw: (e) => e,
-  variantKeys: xe,
+  variantKeys: Se,
   variantMap: Je,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
-    return g(e, xe);
+    return g(e, Se);
   },
   getVariantProps: Y.getVariantProps
 }), K = /* @__PURE__ */ _("textarea", {
@@ -663,7 +663,7 @@ const _ = (e, t, r) => {
   variantKeys: we,
   variantMap: Qe,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, we);
@@ -677,7 +677,7 @@ const _ = (e, t, r) => {
   variantKeys: ve,
   variantMap: et,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, ve);
@@ -691,7 +691,7 @@ const _ = (e, t, r) => {
   variantKeys: Ce,
   variantMap: tt,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, Ce);
@@ -713,7 +713,7 @@ const _ = (e, t, r) => {
   variantKeys: Pe,
   variantMap: rt,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, Pe);
@@ -741,7 +741,7 @@ const _ = (e, t, r) => {
   variantKeys: Be,
   variantMap: ot,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, Be);
@@ -755,7 +755,7 @@ const _ = (e, t, r) => {
   variantKeys: Te,
   variantMap: nt,
   merge(e) {
-    return S(this, e);
+    return x(this, e);
   },
   splitVariantProps(e) {
     return g(e, Te);
@@ -774,7 +774,7 @@ const _ = (e, t, r) => {
     "indicator",
     "checkbox__indicator"
   ]
-], kr = /* @__PURE__ */ _r.map(([e, t]) => [e, _(t, at, Fe(fr, e))]), yr = b((e = {}) => Object.fromEntries(kr.map(([t, r]) => [t, r.recipeFn(e)]))), Ve = [], Sr = (e) => ({ ...at, ...R(e) }), xr = /* @__PURE__ */ Object.assign(yr, {
+], kr = /* @__PURE__ */ _r.map(([e, t]) => [e, _(t, at, Fe(fr, e))]), yr = b((e = {}) => Object.fromEntries(kr.map(([t, r]) => [t, r.recipeFn(e)]))), Ve = [], xr = (e) => ({ ...at, ...R(e) }), Sr = /* @__PURE__ */ Object.assign(yr, {
   __recipe__: !1,
   __name__: "checkbox",
   raw: (e) => e,
@@ -783,7 +783,7 @@ const _ = (e, t, r) => {
   splitVariantProps(e) {
     return g(e, Ve);
   },
-  getVariantProps: Sr
+  getVariantProps: xr
 }), it = {}, wr = [], vr = [
   [
     "container",
@@ -822,15 +822,15 @@ function Z(e, t = {}, r = {}) {
     r.dataAttr && t.__name__ ? { "data-recipe": t.__name__ } : {},
     r.defaultProps
   ), s = zr(e.__cva__, o), d = Fr(e, a), c = e.__base__ || e, l = /* @__PURE__ */ te(function(f, w) {
-    const { as: v = c, children: V, ...P } = f, x = ce(() => Object.assign({}, i, P), [P]), [ut, bt, O, le, ht] = ce(() => g(x, Q.keys, d, s.variantKeys, se), [x]);
+    const { as: v = c, children: V, ...P } = f, S = ce(() => Object.assign({}, i, P), [P]), [ut, bt, O, le, ht] = ce(() => g(S, Q.keys, d, s.variantKeys, se), [S]);
     function ft() {
       var de;
       const { css: W, ...j } = le, F = (de = s.__getCompoundVariantCss__) == null ? void 0 : de.call(s, O);
-      return h(s(O, !1), T(F, j, W), x.className);
+      return h(s(O, !1), T(F, j, W), S.className);
     }
     function _t() {
       const { css: W, ...j } = le, F = s.raw(O);
-      return h(T(F, j, W), x.className);
+      return h(T(F, j, W), S.className);
     }
     const kt = t.__recipe__ ? ft : _t;
     return M(v, {
@@ -839,7 +839,7 @@ function Z(e, t = {}, r = {}) {
       ...ht,
       ...Q(ut),
       className: kt()
-    }, x.children ?? V);
+    }, S.children ?? V);
   }), m = Lr(c);
   return l.displayName = `styled.${m}`, l.__cva__ = s, l.__base__ = c, l.__shouldForwardProps__ = a, l;
 }
@@ -1063,17 +1063,23 @@ const Me = {
   "arrows-left-right": "arrows-left-right",
   at: "at",
   attachment: "attachment",
+  bank: "bank",
   "barcode-reader": "barcode-reader",
   barcode: "barcode",
+  barricade: "barricade",
   basket: "basket",
   "bell-active": "bell-active",
   "bell-slash": "bell-slash",
   bell: "bell",
   bin: "bin",
+  "blog-post": "blog-post",
+  blueprint: "blueprint",
+  "book-a": "book-a",
+  book: "book",
   "bookmark-outlined": "bookmark-outlined",
   bookmark: "bookmark",
   bookmarks: "bookmarks",
-  Building: "Building",
+  building: "building",
   "calendar-add": "calendar-add",
   "calendar-view-day": "calendar-view-day",
   "calendar-view-month": "calendar-view-month",
@@ -1084,12 +1090,15 @@ const Me = {
   "caret-right": "caret-right",
   "caret-up": "caret-up",
   cart: "cart",
+  certificate: "certificate",
+  "check-all": "check-all",
   "check-thick": "check-thick",
   check: "check",
   "checkbox-checked": "checkbox-checked",
   "checkbox-focus": "checkbox-focus",
   "checkbox-indeterminate": "checkbox-indeterminate",
   checkbox: "checkbox",
+  "circle-change": "circle-change",
   "circle-check": "circle-check",
   circle: "circle",
   "circles-add": "circles-add",
@@ -1099,9 +1108,14 @@ const Me = {
   "cloud-synced": "cloud-synced",
   code: "code",
   color: "color",
+  compass: "compass",
+  cone: "cone",
+  confetti: "confetti",
   copy: "copy",
   "credit-card": "credit-card",
+  "cube-focus": "cube-focus",
   cut: "cut",
+  "data-object": "data-object",
   database: "database",
   devices: "devices",
   dictionary: "dictionary",
@@ -1120,16 +1134,25 @@ const Me = {
   extension: "extension",
   "eye-slash": "eye-slash",
   eye: "eye",
+  faq: "faq",
   "file-add": "file-add",
   file: "file",
   files: "files",
   "filter-remove": "filter-remove",
   filter: "filter",
   finish: "finish",
+  "fit-screen": "fit-screen",
+  "flag-checkered": "flag-checkered",
   flag: "flag",
   forklift: "forklift",
+  "fullscreen-exit": "fullscreen-exit",
+  fullscreen: "fullscreen",
   garage: "garage",
+  gauge: "gauge",
   globe: "globe",
+  gripper: "gripper",
+  "handle-vertical": "handle-vertical",
+  handle: "handle",
   hash: "hash",
   "heart-outlined": "heart-outlined",
   heart: "heart",
@@ -1163,6 +1186,7 @@ const Me = {
   "lock-open": "lock-open",
   lock: "lock",
   "map-pin": "map-pin",
+  map: "map",
   "mark-unread": "mark-unread",
   "menu-close": "menu-close",
   menu: "menu",
@@ -1173,7 +1197,10 @@ const Me = {
   money: "money",
   monitor: "monitor",
   moon: "moon",
+  navigation: "navigation",
+  "note-stack": "note-stack",
   note: "note",
+  notification: "notification",
   nut: "nut",
   order: "order",
   package: "package",
@@ -1181,6 +1208,7 @@ const Me = {
   "page-last": "page-last",
   parts: "parts",
   password: "password",
+  path: "path",
   pause: "pause",
   pencil: "pencil",
   percent: "percent",
@@ -1195,19 +1223,28 @@ const Me = {
   "radio-focus": "radio-focus",
   radio: "radio",
   receipt: "receipt",
+  recycle: "recycle",
   refresh: "refresh",
   repeat: "repeat",
   "reply-all": "reply-all",
   reply: "reply",
   ribbon: "ribbon",
   "rows-add": "rows-add",
+  ruler: "ruler",
   rules: "rules",
+  scale: "scale",
+  "schedule-backward": "schedule-backward",
+  "schedule-forward": "schedule-forward",
+  screwdriver: "screwdriver",
+  scroll: "scroll",
+  "search-check": "search-check",
   "search-items": "search-items",
   search: "search",
   send: "send",
   settings: "settings",
   share: "share",
   shuffle: "shuffle",
+  signpost: "signpost",
   "skip-back": "skip-back",
   "skip-forward": "skip-forward",
   skull: "skull",
@@ -1219,19 +1256,24 @@ const Me = {
   "sort-time-down": "sort-time-down",
   "sort-time-up": "sort-time-up",
   "square-add": "square-add",
+  "square-select": "square-select",
   square: "square",
   stamp: "stamp",
   "star-outlined": "star-outlined",
   star: "star",
   start: "start",
   stop: "stop",
+  story: "story",
+  strategy: "strategy",
   success: "success",
   sun: "sun",
   support: "support",
   sync: "sync",
   tag: "tag",
+  "target-2": "target-2",
   target: "target",
   "text-add": "text-add",
+  textbox: "textbox",
   "time-add": "time-add",
   timer: "timer",
   toolbox: "toolbox",
@@ -1247,6 +1289,7 @@ const Me = {
   "user-group": "user-group",
   "user-id-badge": "user-id-badge",
   "user-id-card": "user-id-card",
+  "user-recent": "user-recent",
   user: "user",
   verified: "verified",
   video: "video",
@@ -1255,9 +1298,15 @@ const Me = {
   "view-grid": "view-grid",
   "view-rows": "view-rows",
   "view-table": "view-table",
+  wand: "wand",
   warning: "warning",
+  weight: "weight",
   "work-order": "work-order",
-  x: "x"
+  "wrench-2": "wrench-2",
+  wrench: "wrench",
+  x: "x",
+  "zoom-in": "zoom-in",
+  "zoom-out": "zoom-out"
 }, Hr = ({
   lang: e,
   children: t,
@@ -1383,7 +1432,7 @@ const Me = {
   error: t,
   ...r
 }) => {
-  const { container: o, input: n, indicator: a } = xr({});
+  const { container: o, input: n, indicator: a } = Sr({});
   return /* @__PURE__ */ E(mt, { className: o, children: [
     /* @__PURE__ */ p(
       y,
@@ -1463,7 +1512,7 @@ function $r() {
 }
 const gt = yt(void 0);
 function lo({ children: e }) {
-  const [t, r] = St(() => $r()), o = (n) => {
+  const [t, r] = xt(() => $r()), o = (n) => {
     r(n);
   };
   return pe(() => {
@@ -1476,7 +1525,7 @@ function lo({ children: e }) {
   }, []), /* @__PURE__ */ p(gt.Provider, { value: { theme: t, setTheme: o }, children: e });
 }
 function Ur() {
-  const e = xt(gt);
+  const e = St(gt);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;