@hai-dev/ui-kit 1.2.0 → 1.2.2

package/dist/refType-CsohaiiT.js

@@ -1,60 +0,0 @@
-import * as u from "react";
-import { u as l } from "./useEnhancedEffect-CJGo-L3B.js";
-import { P as a } from "./createTheme-BoOmbNvy.js";
-import { b as p } from "./chainPropTypes-DgqFdXGi.js";
-function h(t) {
-  const e = u.useRef(t);
-  return l(() => {
-    e.current = t;
-  }), u.useRef((...c) => (
-    // @ts-expect-error hide `this`
-    (0, e.current)(...c)
-  )).current;
-}
-function C(...t) {
-  const e = u.useRef(void 0), c = u.useCallback((r) => {
-    const f = t.map((n) => {
-      if (n == null)
-        return null;
-      if (typeof n == "function") {
-        const i = n, o = i(r);
-        return typeof o == "function" ? o : () => {
-          i(null);
-        };
-      }
-      return n.current = r, () => {
-        n.current = null;
-      };
-    });
-    return () => {
-      f.forEach((n) => n?.());
-    };
-  }, t);
-  return u.useMemo(() => t.every((r) => r == null) ? null : (r) => {
-    e.current && (e.current(), e.current = void 0), r != null && (e.current = c(r));
-  }, t);
-}
-function s(t) {
-  const {
-    prototype: e = {}
-  } = t;
-  return !!e.isReactComponent;
-}
-function d(t, e, c, r, f) {
-  const n = t[e], i = f || e;
-  if (n == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let o;
-  return typeof n == "function" && !s(n) && (o = "Did you accidentally provide a plain function component instead?"), n === u.Fragment && (o = "Did you accidentally provide a React.Fragment instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${i}\` supplied to \`${c}\`. Expected an element type that can hold a ref. ${o} For more information see https://v7.mui.com/r/caveat-with-refs-guide`) : null;
-}
-const E = p(a.elementType, d), T = a.oneOfType([a.func, a.object]);
-export {
-  h as a,
-  E as e,
-  T as r,
-  C as u
-};

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

@@ -1,367 +0,0 @@
-import { jsx as s, jsxs as h, Fragment as y } from "react/jsx-runtime";
-import { c } from "./index-YnD2EP-S.js";
-import { localizedText as f } from "./components/photo-crop-uploader/locale.js";
-import { EN_LOCALE as S, DASH_SYMBOL as L } from "./constants.js";
-import './assets/inter.css';import './assets/upload-dialog-errors.css';/* empty css                     */
-import { D as I, a as R, b as W } from "./DialogTitle-ByUfLB5M.js";
-import * as O from "react";
-import { g as V, a as k, c as B, P as r } from "./createTheme-BoOmbNvy.js";
-import { m as C } from "./memoTheme-BYBJ2Fe6.js";
-import { u as $, c as z, s as w } from "./chainPropTypes-DgqFdXGi.js";
-import { Button as x } from "./components/button/button.js";
-function E(e) {
-  return V("MuiDivider", e);
-}
-k("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const M = (e) => {
-  const {
-    absolute: t,
-    children: o,
-    classes: p,
-    flexItem: g,
-    light: i,
-    orientation: n,
-    textAlign: l,
-    variant: a
-  } = e;
-  return z({
-    root: ["root", t && "absolute", a, i && "light", n === "vertical" && "vertical", g && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", l === "right" && n !== "vertical" && "textAlignRight", l === "left" && n !== "vertical" && "textAlignLeft"],
-    wrapper: ["wrapper", n === "vertical" && "wrapperVertical"]
-  }, E, p);
-}, U = 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%"
-      }
-    }
-  }]
-}))), j = 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)`
-    }
-  }]
-}))), m = /* @__PURE__ */ O.forwardRef(function(t, o) {
-  const p = $({
-    props: t,
-    name: "MuiDivider"
-  }), {
-    absolute: g = !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: g,
-    component: a,
-    flexItem: b,
-    light: A,
-    orientation: l,
-    role: u,
-    textAlign: D,
-    variant: N
-  }, _ = M(v);
-  return /* @__PURE__ */ s(U, {
-    as: a,
-    className: B(_.root, n),
-    role: u,
-    ref: o,
-    ownerState: v,
-    "aria-orientation": u === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
-    ...T,
-    children: i ? /* @__PURE__ */ s(j, {
-      className: _.wrapper,
-      ownerState: v,
-      children: i
-    }) : null
-  });
-});
-m && (m.muiSkipListHighlight = !0);
-process.env.NODE_ENV !== "production" && (m.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_1y4gd_1", P = "_dark_1y4gd_4", F = "_errorContent_1y4gd_8", Y = "_errorItem_1y4gd_60", q = "_fileName_1y4gd_67", G = "_topActions_1y4gd_70", J = "_close_1y4gd_76", K = "_botActions_1y4gd_84", Q = "_button_1y4gd_90", X = "_title_1y4gd_95", Z = "_content_1y4gd_102", tt = "_many_1y4gd_124", et = "_crop_1y4gd_128", ot = "_dialogText_1y4gd_176", d = {
-  dialog: H,
-  dark: P,
-  errorContent: F,
-  errorItem: Y,
-  fileName: q,
-  topActions: G,
-  close: J,
-  botActions: K,
-  button: Q,
-  title: X,
-  content: Z,
-  many: tt,
-  crop: et,
-  dialogText: ot
-}, ht = (e) => {
-  const {
-    photoSources: t,
-    errors: o = [],
-    onCloseDialogHandler: p,
-    onClearErrors: g,
-    locale: i = S
-  } = e;
-  return /* @__PURE__ */ h(y, { children: [
-    /* @__PURE__ */ s(I, { className: c(d.title), children: t.length ? f[i]["some-not-uploaded"] : f[i]["not-uploaded"] }),
-    /* @__PURE__ */ s(R, { className: c(d.errorContent), children: o.map(({ photoName: n, errorMessage: l }, a) => /* @__PURE__ */ h(y, { children: [
-      !!a && /* @__PURE__ */ s(m, {}),
-      /* @__PURE__ */ h("div", { className: c(d.errorItem), children: [
-        /* @__PURE__ */ s("span", { className: c(d.fileName), children: n }),
-        " ",
-        ` ${L} ${l}`
-      ] })
-    ] }, a)) }),
-    /* @__PURE__ */ h(W, { className: c(d.botActions), children: [
-      /* @__PURE__ */ s(
-        x,
-        {
-          buttonSize: "small",
-          buttonColor: "red",
-          buttonVariant: "outlined",
-          buttonWeight: 500,
-          onClick: p,
-          className: c(d.button),
-          children: f[i].close
-        }
-      ),
-      !!t.length && /* @__PURE__ */ s(
-        x,
-        {
-          buttonSize: "small",
-          buttonColor: "blue",
-          buttonVariant: "outlined",
-          buttonWeight: 500,
-          onClick: g,
-          className: c(d.button),
-          children: f[i].continue
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ht as U,
-  d as s
-};

package/dist/useEnhancedEffect-CJGo-L3B.js

@@ -1,5 +0,0 @@
-import * as e from "react";
-const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
-export {
-  f as u
-};

package/dist/useId-CK6Kn3Tn.js

@@ -1,21 +0,0 @@
-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
-};