@hai-dev/ui-kit 1.0.5 → 1.0.7

package/dist/upload-dialog-errors-ku54UrUb.js

@@ -0,0 +1,365 @@
+import { jsx as s, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { c } from "./index-B2JRaoNz.js";
+import { localizedText as g } from "./components/photo-crop-uploader/locale.js";
+import { EN_LOCALE as S, DASH_SYMBOL as L } from "./constants.js";
+import { D as I, a as R, b as W } from "./DialogTitle-Du4tqTs0.js";
+import * as O from "react";
+import { g as V, a as B, c as $, P as r } from "./createTheme-RvzX1VSA.js";
+import { m as C } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
+import { u as z, s as w, c as E } from "./chainPropTypes-KIxDwPzf.js";
+import { Button as y } from "./components/button/button.js";
+import './assets/upload-dialog-errors.css';function M(e) {
+  return V("MuiDivider", e);
+}
+B("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+const U = (e) => {
+  const {
+    absolute: t,
+    children: o,
+    classes: p,
+    flexItem: f,
+    light: i,
+    orientation: n,
+    textAlign: l,
+    variant: a
+  } = e;
+  return E({
+    root: ["root", t && "absolute", a, i && "light", n === "vertical" && "vertical", f && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", l === "right" && n !== "vertical" && "textAlignRight", l === "left" && n !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", n === "vertical" && "wrapperVertical"]
+  }, M, p);
+}, j = w("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.root, o.absolute && t.absolute, t[o.variant], o.light && t.light, o.orientation === "vertical" && t.vertical, o.flexItem && t.flexItem, o.children && t.withChildren, o.children && o.orientation === "vertical" && t.withChildrenVertical, o.textAlign === "right" && o.orientation !== "vertical" && t.textAlignRight, o.textAlign === "left" && o.orientation !== "vertical" && t.textAlignLeft];
+  }
+})(C(({
+  theme: e
+}) => ({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (e.vars || e).palette.divider,
+  borderBottomWidth: "thin",
+  variants: [{
+    props: {
+      absolute: !0
+    },
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      width: "100%"
+    }
+  }, {
+    props: {
+      light: !0
+    },
+    style: {
+      borderColor: e.alpha((e.vars || e).palette.divider, 0.08)
+    }
+  }, {
+    props: {
+      variant: "inset"
+    },
+    style: {
+      marginLeft: 72
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "horizontal"
+    },
+    style: {
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "vertical"
+    },
+    style: {
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      borderBottomWidth: 0,
+      borderRightWidth: "thin"
+    }
+  }, {
+    props: {
+      flexItem: !0
+    },
+    style: {
+      alignSelf: "stretch",
+      height: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !!t.children,
+    style: {
+      display: "flex",
+      textAlign: "center",
+      border: 0,
+      borderTopStyle: "solid",
+      borderLeftStyle: "solid",
+      "&::before, &::after": {
+        content: '""',
+        alignSelf: "center"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
+    style: {
+      "&::before, &::after": {
+        width: "100%",
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+        borderTopStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
+    style: {
+      flexDirection: "column",
+      "&::before, &::after": {
+        height: "100%",
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+        borderLeftStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "90%"
+      },
+      "&::after": {
+        width: "10%"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "10%"
+      },
+      "&::after": {
+        width: "90%"
+      }
+    }
+  }]
+}))), k = w("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.wrapper, o.orientation === "vertical" && t.wrapperVertical];
+  }
+})(C(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+  whiteSpace: "nowrap",
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+    }
+  }]
+}))), h = /* @__PURE__ */ O.forwardRef(function(t, o) {
+  const p = z({
+    props: t,
+    name: "MuiDivider"
+  }), {
+    absolute: f = !1,
+    children: i,
+    className: n,
+    orientation: l = "horizontal",
+    component: a = i || l === "vertical" ? "div" : "hr",
+    flexItem: b = !1,
+    light: A = !1,
+    role: u = a !== "hr" ? "separator" : void 0,
+    textAlign: D = "center",
+    variant: N = "fullWidth",
+    ...T
+  } = p, v = {
+    ...p,
+    absolute: f,
+    component: a,
+    flexItem: b,
+    light: A,
+    orientation: l,
+    role: u,
+    textAlign: D,
+    variant: N
+  }, _ = U(v);
+  return /* @__PURE__ */ s(j, {
+    as: a,
+    className: $(_.root, n),
+    role: u,
+    ref: o,
+    ownerState: v,
+    "aria-orientation": u === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
+    ...T,
+    children: i ? /* @__PURE__ */ s(k, {
+      className: _.wrapper,
+      ownerState: v,
+      children: i
+    }) : null
+  });
+});
+h && (h.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: r.bool,
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: r.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  light: r.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: r.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: r.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+});
+const H = "_dialog_1mcfu_1", P = "_errorContent_1mcfu_7", F = "_errorItem_1mcfu_22", Y = "_fileName_1mcfu_28", q = "_topActions_1mcfu_34", G = "_close_1mcfu_40", J = "_botActions_1mcfu_44", K = "_button_1mcfu_49", Q = "_title_1mcfu_53", X = "_content_1mcfu_59", Z = "_many_1mcfu_67", tt = "_crop_1mcfu_74", et = "_dialogText_1mcfu_83", d = {
+  dialog: H,
+  errorContent: P,
+  errorItem: F,
+  fileName: Y,
+  topActions: q,
+  close: G,
+  botActions: J,
+  button: K,
+  title: Q,
+  content: X,
+  many: Z,
+  crop: tt,
+  dialogText: et
+}, pt = (e) => {
+  const {
+    photoSources: t,
+    errors: o = [],
+    onCloseDialogHandler: p,
+    onClearErrors: f,
+    locale: i = S
+  } = e;
+  return /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ s(I, { className: c(d.title), children: t.length ? g[i]["some-not-uploaded"] : g[i]["not-uploaded"] }),
+    /* @__PURE__ */ s(R, { className: c(d.errorContent), children: o.map(({ photoName: n, errorMessage: l }, a) => /* @__PURE__ */ m(x, { children: [
+      !!a && /* @__PURE__ */ s(h, {}),
+      /* @__PURE__ */ m("div", { className: c(d.errorItem), children: [
+        /* @__PURE__ */ s("span", { className: c(d.fileName), children: n }),
+        " ",
+        ` ${L} ${l}`
+      ] })
+    ] }, a)) }),
+    /* @__PURE__ */ m(W, { className: c(d.botActions), children: [
+      /* @__PURE__ */ s(
+        y,
+        {
+          buttonSize: "small",
+          buttonColor: "blue",
+          buttonVariant: "outlined",
+          buttonWeight: 500,
+          onClick: p,
+          className: c(d.button),
+          children: g[i].close
+        }
+      ),
+      !!t.length && /* @__PURE__ */ s(
+        y,
+        {
+          buttonSize: "small",
+          buttonColor: "blue",
+          buttonVariant: "filled",
+          buttonWeight: 500,
+          onClick: f,
+          className: c(d.button),
+          children: g[i].continue
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  pt as U,
+  d as s
+};

package/dist/useId-CK6Kn3Tn.js

@@ -0,0 +1,21 @@
+import * as u from "react";
+let n = 0;
+function o(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
+}
+const f = {
+  ...u
+}, s = f.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
+  }
+  return o(t);
+}
+export {
+  l as u
+};

package/dist/useTheme-CsjkCBFJ.js

@@ -0,0 +1,16 @@
+import { T as n, e as o } from "./createTheme-RvzX1VSA.js";
+import * as s from "react";
+function m(e) {
+  return Object.keys(e).length === 0;
+}
+function r(e = null) {
+  const t = s.useContext(n);
+  return !t || m(t) ? e : t;
+}
+const u = o();
+function a(e = u) {
+  return r(e);
+}
+export {
+  a as u
+};

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.0.5",
+  "version": "1.0.7",
+  "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",
     "email": "kingvlad3008@gmail.com",
@@ -26,8 +27,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/material": "^7.3.2",
-    "@types/node": "^24.5.2",
+    "@mui/material": "^7.3.4",
     "classnames": "^2.5.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
@@ -35,10 +35,12 @@
     "sass": "^1.93.1"
   },
   "devDependencies": {
+    "@commitlint/cli": "^20.0.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@eslint/js": "^9.36.0",
-    "@mui/material": "^7.3.2",
+    "@mui/material": "^7.3.4",
     "@storybook/addon-docs": "9.1.8",
     "@storybook/addon-onboarding": "9.1.8",
     "@storybook/react-vite": "9.1.8",
@@ -53,6 +55,7 @@
     "eslint-plugin-storybook": "9.1.8",
     "glob": "^11.0.3",
     "globals": "^16.4.0",
+    "husky": "^9.1.7",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-image-crop": "^11.0.10",
@@ -62,10 +65,7 @@
     "typescript-eslint": "^8.44.0",
     "vite": "^7.1.7",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "@commitlint/cli": "^20.0.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "husky": "^9.1.7"
+    "vite-plugin-lib-inject-css": "^2.2.2"
   },
   "sideEffects": [
     "**/*.css"