@hai-dev/ui-kit 1.0.4 → 1.0.6

package/dist/Box-CiYPzbPd.js

@@ -0,0 +1,56 @@
+import { s as i, a as p, c as h, g as T, C as y, T as B, b as N, P as e } from "./createTheme-BfVKUMHQ.js";
+import * as C from "react";
+import { jsx as b } from "react/jsx-runtime";
+import { u as g, e as v } from "./extendSxProp-bpz0eCso.js";
+function E(n = {}) {
+  const {
+    themeId: t,
+    defaultTheme: c,
+    defaultClassName: a = "MuiBox-root",
+    generateClassName: r
+  } = n, m = i("div", {
+    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
+  })(p);
+  return /* @__PURE__ */ C.forwardRef(function(l, f) {
+    const s = g(c), {
+      className: d,
+      component: u = "div",
+      ...x
+    } = v(l);
+    return /* @__PURE__ */ b(m, {
+      as: u,
+      ref: f,
+      className: h(d, r ? r(a) : a),
+      theme: t && s[t] || s,
+      ...x
+    });
+  });
+}
+const O = T("MuiBox", ["root"]), P = N(), j = E({
+  themeId: B,
+  defaultTheme: P,
+  defaultClassName: O.root,
+  generateClassName: y.generate
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+export {
+  j as B
+};

package/dist/{Button-DDlVTM6i.js → Button-chJUX25I.js}

@@ -1,8 +1,10 @@
 import * as y from "react";
-import { a as H, g as A, b as R, e as r, P as t } from "./createTheme-DSHGFfg6.js";
-import { a as q, u as J, s as b, c as K, B as Q, r as X } from "./ButtonBase-CXGZ-DBC.js";
-import { u as Y, m as Z, c as oo, C as to } from "./CircularProgress-CscJm1An.js";
-import { jsxs as no, jsx as d } from "react/jsx-runtime";
+import { g as H, d as A, c as R, e as r, P as t } from "./createTheme-BfVKUMHQ.js";
+import { a as q, u as J, s as f, c as K, r as Q } from "./chainPropTypes-HYSaT0L0.js";
+import { m as X, c as Y, C as Z } from "./CircularProgress-BCrSQadM.js";
+import { jsxs as oo, jsx as d } from "react/jsx-runtime";
+import { u as to } from "./useId-CK6Kn3Tn.js";
+import { B as no } from "./ButtonBase-DZwhOh56.js";
 function ao(o) {
   return A("MuiButton", o);
 }
@@ -19,16 +21,16 @@ const io = (o) => {
     variant: u,
     loading: g,
     loadingPosition: S,
-    classes: f
+    classes: b
   } = o, x = {
     root: ["root", g && "loading", u, `${u}${r(n)}`, `size${r(c)}`, `${u}Size${r(c)}`, `color${r(n)}`, a && "disableElevation", i && "fullWidth", g && `loadingPosition${r(S)}`],
     startIcon: ["icon", "startIcon", `iconSize${r(c)}`],
     endIcon: ["icon", "endIcon", `iconSize${r(c)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
-  }, z = K(x, ao, f);
+  }, z = K(x, ao, b);
   return {
-    ...f,
+    ...b,
     // forward the focused, disabled, etc. classes to the ButtonBase
     ...z
   };
@@ -59,8 +61,8 @@ const io = (o) => {
       fontSize: 22
     }
   }
-}], ro = b(Q, {
-  shouldForwardProp: (o) => X(o) || o === "classes",
+}], ro = f(no, {
+  shouldForwardProp: (o) => Q(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -69,7 +71,7 @@ const io = (o) => {
     } = o;
     return [n.root, n[a.variant], n[`${a.variant}${r(a.color)}`], n[`size${r(a.size)}`], n[`${a.variant}Size${r(a.size)}`], a.color === "inherit" && n.colorInherit, a.disableElevation && n.disableElevation, a.fullWidth && n.fullWidth, a.loading && n.loading];
   }
-})(Z(({
+})(X(({
   theme: o
 }) => {
   const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], a = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
@@ -138,7 +140,7 @@ const io = (o) => {
         color: "var(--variant-textColor)",
         backgroundColor: "var(--variant-textBg)"
       }
-    }, ...Object.entries(o.palette).filter(oo()).map(([i]) => ({
+    }, ...Object.entries(o.palette).filter(Y()).map(([i]) => ({
       props: {
         color: i
       },
@@ -267,7 +269,7 @@ const io = (o) => {
       }
     }]
   };
-})), eo = b("span", {
+})), eo = f("span", {
   name: "MuiButton",
   slot: "StartIcon",
   overridesResolver: (o, n) => {
@@ -310,7 +312,7 @@ const io = (o) => {
       marginRight: -8
     }
   }, ...T]
-})), so = b("span", {
+})), so = f("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, n) => {
@@ -353,7 +355,7 @@ const io = (o) => {
       marginLeft: -8
     }
   }, ...T]
-})), lo = b("span", {
+})), lo = f("span", {
   name: "MuiButton",
   slot: "LoadingIndicator"
 })(({
@@ -443,7 +445,7 @@ const io = (o) => {
       right: -10
     }
   }]
-})), E = b("span", {
+})), E = f("span", {
   name: "MuiButton",
   slot: "LoadingIconPlaceholder"
 })({
@@ -456,7 +458,7 @@ const io = (o) => {
     name: "MuiButton"
   }), {
     children: S,
-    color: f = "primary",
+    color: b = "primary",
     component: x = "button",
     className: z,
     disabled: I = !1,
@@ -471,16 +473,16 @@ const io = (o) => {
     loadingPosition: v = "center",
     size: j = "medium",
     startIcon: w,
-    type: h,
+    type: m,
     variant: D = "text",
     ...F
-  } = g, m = Y(P), $ = V ?? /* @__PURE__ */ d(to, {
-    "aria-labelledby": m,
+  } = g, h = to(P), $ = V ?? /* @__PURE__ */ d(Z, {
+    "aria-labelledby": h,
     color: "inherit",
     size: 16
   }), l = {
     ...g,
-    color: f,
+    color: b,
     component: x,
     disabled: I,
     disableElevation: L,
@@ -490,7 +492,7 @@ const io = (o) => {
     loadingIndicator: $,
     loadingPosition: v,
     size: j,
-    type: h,
+    type: m,
     variant: D
   }, e = io(l), G = (w || s && v === "start") && /* @__PURE__ */ d(eo, {
     className: e.startIcon,
@@ -520,7 +522,7 @@ const io = (o) => {
       })
     })
   ) : null;
-  return /* @__PURE__ */ no(ro, {
+  return /* @__PURE__ */ oo(ro, {
     ownerState: l,
     className: R(i.className, e.root, z, _),
     component: x,
@@ -528,8 +530,8 @@ const io = (o) => {
     focusRipple: !B,
     focusVisibleClassName: R(e.focusVisible, M),
     ref: a,
-    type: h,
-    id: s ? m : P,
+    type: m,
+    id: s ? h : P,
     ...F,
     classes: e,
     children: [G, v !== "end" && N, S, v === "end" && N, U]