@hybridcore/ui 1.6.17 → 1.6.19

package/dist/{styled-DD4BkuVf.js → styled-DObpn_Bi.js}

@@ -1,14 +1,14 @@
 import { styled as l, Box as h, ButtonBase as U } from "@mui/material";
-import { a as i, _ as D } from "./extends-C3382pL0.js";
+import { a as i, _ as D } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
 import { P as e } from "./index-CblbdqjE.js";
 import { c as F } from "./clsx-OuTLNxxd.js";
-import { s as f, r as I, g as H, a as G, b as u, d as V, u as W, c as q } from "./generateUtilityClasses-Cc-owZ4J.js";
-import { S as L } from "./SwitchBase-BEK49kdS.js";
-import { c as z } from "./createSvgIcon-D7U1nd99.js";
+import { s as f, r as I, g as H, a as G, b as u, d as V, u as W, c as q } from "./styled-Ckq8ALHh.js";
+import { S as L } from "./SwitchBase-BcJAJYsB.js";
+import { c as z } from "./createSvgIcon-Bx0mTP6n.js";
 import { jsx as s, jsxs as Z } from "react/jsx-runtime";
 import { c as A } from "./createChainedFunction-C0nujS3O.js";
-import { r as J } from "./TransitionGroupContext-Ja2CgIob.js";
+import { r as J } from "./TransitionGroupContext-C_aW1Tei.js";
 const P = /* @__PURE__ */ d.createContext(void 0);
 process.env.NODE_ENV !== "production" && (P.displayName = "RadioGroupContext");
 function K() {

package/dist/useIsFocusVisible-BHPF-Pml.js

@@ -0,0 +1,69 @@
+import * as a from "react";
+import { T as o } from "./useTimeout-CM6EsHyp.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
+}
+export {
+  w as u
+};

package/dist/{useSlot-u4t0X96G.js → useSlot-gpKOd92R.js}

@@ -1,6 +1,6 @@
-import { _ as s, a as n } from "./extends-C3382pL0.js";
-import { r as v, m as b, a as j } from "./Paper-B1HV8GyO.js";
-import { u as k } from "./TransitionGroupContext-Ja2CgIob.js";
+import { _ as s, a as n } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import { r as v, m as b, a as j } from "./Paper-BFDcMa0t.js";
+import { u as k } from "./useTimeout-CM6EsHyp.js";
 const E = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], L = ["component", "slots", "slotProps"], N = ["component"];
 function z(o, e) {
   const {

package/dist/useTimeout-CM6EsHyp.js

@@ -0,0 +1,60 @@
+import * as u from "react";
+function s(t, e) {
+  typeof t == "function" ? t(e) : t && (t.current = e);
+}
+const i = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
+function l(t) {
+  const e = u.useRef(t);
+  return i(() => {
+    e.current = t;
+  }), u.useRef((...n) => (
+    // @ts-expect-error hide `this`
+    (0, e.current)(...n)
+  )).current;
+}
+function d(...t) {
+  return u.useMemo(() => t.every((e) => e == null) ? null : (e) => {
+    t.forEach((n) => {
+      s(n, e);
+    });
+  }, t);
+}
+const c = {};
+function o(t, e) {
+  const n = u.useRef(c);
+  return n.current === c && (n.current = t(e)), n;
+}
+const f = [];
+function a(t) {
+  u.useEffect(t, f);
+}
+class r {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new r();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(e, n) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, n();
+    }, e);
+  }
+}
+function h() {
+  const t = o(r.create).current;
+  return a(t.disposeEffect), t;
+}
+export {
+  r as T,
+  i as a,
+  h as b,
+  l as c,
+  s,
+  d as u
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.17",
+  "version": "1.6.19",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",

package/dist/Add-Bk8R160M.js

@@ -1,403 +0,0 @@
-import { a as l, _ as j } from "./extends-C3382pL0.js";
-import * as P from "react";
-import { P as e } from "./index-CblbdqjE.js";
-import { c as R } from "./clsx-OuTLNxxd.js";
-import { g as w, a as z, s as d, b as m, k as M, l as I, u as N, c as _, i as Z } from "./generateUtilityClasses-Cc-owZ4J.js";
-import { u as x } from "./useSlot-u4t0X96G.js";
-import { c as u } from "./createSvgIcon-D7U1nd99.js";
-import G, { jsx as s, jsxs as J } from "react/jsx-runtime";
-import { P as K } from "./Paper-B1HV8GyO.js";
-import { I as Q } from "./Delete-CVJ6FeDn.js";
-import { T as X } from "./Typography-D3X-Y5fh.js";
-import { r as Y } from "./createSvgIcon-BghzB2Y9.js";
-function ee(o) {
-  return z("MuiAlert", o);
-}
-const O = w("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), oe = u(/* @__PURE__ */ s("path", {
-  d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
-}), "SuccessOutlined"), te = u(/* @__PURE__ */ s("path", {
-  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
-}), "ReportProblemOutlined"), re = u(/* @__PURE__ */ s("path", {
-  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "ErrorOutline"), se = u(/* @__PURE__ */ s("path", {
-  d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
-}), "InfoOutlined"), ne = u(/* @__PURE__ */ s("path", {
-  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), le = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"], ae = (o) => {
-  const {
-    variant: r,
-    color: n,
-    severity: t,
-    classes: i
-  } = o, c = {
-    root: ["root", `color${m(n || t)}`, `${r}${m(n || t)}`, `${r}`],
-    icon: ["icon"],
-    message: ["message"],
-    action: ["action"]
-  };
-  return _(c, ee, i);
-}, ie = d(K, {
-  name: "MuiAlert",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: n
-    } = o;
-    return [r.root, r[n.variant], r[`${n.variant}${m(n.color || n.severity)}`]];
-  }
-})(({
-  theme: o
-}) => {
-  const r = o.palette.mode === "light" ? M : I, n = o.palette.mode === "light" ? I : M;
-  return l({}, o.typography.body2, {
-    backgroundColor: "transparent",
-    display: "flex",
-    padding: "6px 16px",
-    variants: [...Object.entries(o.palette).filter(([, t]) => t.main && t.light).map(([t]) => ({
-      props: {
-        colorSeverity: t,
-        variant: "standard"
-      },
-      style: {
-        color: o.vars ? o.vars.palette.Alert[`${t}Color`] : r(o.palette[t].light, 0.6),
-        backgroundColor: o.vars ? o.vars.palette.Alert[`${t}StandardBg`] : n(o.palette[t].light, 0.9),
-        [`& .${O.icon}`]: o.vars ? {
-          color: o.vars.palette.Alert[`${t}IconColor`]
-        } : {
-          color: o.palette[t].main
-        }
-      }
-    })), ...Object.entries(o.palette).filter(([, t]) => t.main && t.light).map(([t]) => ({
-      props: {
-        colorSeverity: t,
-        variant: "outlined"
-      },
-      style: {
-        color: o.vars ? o.vars.palette.Alert[`${t}Color`] : r(o.palette[t].light, 0.6),
-        border: `1px solid ${(o.vars || o).palette[t].light}`,
-        [`& .${O.icon}`]: o.vars ? {
-          color: o.vars.palette.Alert[`${t}IconColor`]
-        } : {
-          color: o.palette[t].main
-        }
-      }
-    })), ...Object.entries(o.palette).filter(([, t]) => t.main && t.dark).map(([t]) => ({
-      props: {
-        colorSeverity: t,
-        variant: "filled"
-      },
-      style: l({
-        fontWeight: o.typography.fontWeightMedium
-      }, o.vars ? {
-        color: o.vars.palette.Alert[`${t}FilledColor`],
-        backgroundColor: o.vars.palette.Alert[`${t}FilledBg`]
-      } : {
-        backgroundColor: o.palette.mode === "dark" ? o.palette[t].dark : o.palette[t].main,
-        color: o.palette.getContrastText(o.palette[t].main)
-      })
-    }))]
-  });
-}), ce = d("div", {
-  name: "MuiAlert",
-  slot: "Icon",
-  overridesResolver: (o, r) => r.icon
-})({
-  marginRight: 12,
-  padding: "7px 0",
-  display: "flex",
-  fontSize: 22,
-  opacity: 0.9
-}), pe = d("div", {
-  name: "MuiAlert",
-  slot: "Message",
-  overridesResolver: (o, r) => r.message
-})({
-  padding: "8px 0",
-  minWidth: 0,
-  overflow: "auto"
-}), b = d("div", {
-  name: "MuiAlert",
-  slot: "Action",
-  overridesResolver: (o, r) => r.action
-})({
-  display: "flex",
-  alignItems: "flex-start",
-  padding: "4px 0 0 16px",
-  marginLeft: "auto",
-  marginRight: -8
-}), $ = {
-  success: /* @__PURE__ */ s(oe, {
-    fontSize: "inherit"
-  }),
-  warning: /* @__PURE__ */ s(te, {
-    fontSize: "inherit"
-  }),
-  error: /* @__PURE__ */ s(re, {
-    fontSize: "inherit"
-  }),
-  info: /* @__PURE__ */ s(se, {
-    fontSize: "inherit"
-  })
-}, de = /* @__PURE__ */ P.forwardRef(function(r, n) {
-  const t = N({
-    props: r,
-    name: "MuiAlert"
-  }), {
-    action: i,
-    children: c,
-    className: f,
-    closeText: g = "Close",
-    color: A,
-    components: C = {},
-    componentsProps: B = {},
-    icon: S,
-    iconMapping: L = $,
-    onClose: T,
-    role: k = "alert",
-    severity: v = "success",
-    slotProps: E = {},
-    slots: W = {},
-    variant: H = "standard"
-  } = t, U = j(t, le), a = l({}, t, {
-    color: A,
-    severity: v,
-    variant: H,
-    colorSeverity: A || v
-  }), p = ae(a), h = {
-    slots: l({
-      closeButton: C.CloseButton,
-      closeIcon: C.CloseIcon
-    }, W),
-    slotProps: l({}, B, E)
-  }, [V, D] = x("closeButton", {
-    elementType: Q,
-    externalForwardedProps: h,
-    ownerState: a
-  }), [q, F] = x("closeIcon", {
-    elementType: ne,
-    externalForwardedProps: h,
-    ownerState: a
-  });
-  return /* @__PURE__ */ J(ie, l({
-    role: k,
-    elevation: 0,
-    ownerState: a,
-    className: R(p.root, f),
-    ref: n
-  }, U, {
-    children: [S !== !1 ? /* @__PURE__ */ s(ce, {
-      ownerState: a,
-      className: p.icon,
-      children: S || L[v] || $[v]
-    }) : null, /* @__PURE__ */ s(pe, {
-      ownerState: a,
-      className: p.message,
-      children: c
-    }), i != null ? /* @__PURE__ */ s(b, {
-      ownerState: a,
-      className: p.action,
-      children: i
-    }) : null, i == null && T ? /* @__PURE__ */ s(b, {
-      ownerState: a,
-      className: p.action,
-      children: /* @__PURE__ */ s(V, l({
-        size: "small",
-        "aria-label": g,
-        title: g,
-        color: "inherit",
-        onClick: T
-      }, D, {
-        children: /* @__PURE__ */ s(q, l({
-          fontSize: "small"
-        }, F))
-      }))
-    }) : null]
-  }));
-});
-process.env.NODE_ENV !== "production" && (de.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the alert.
-   */
-  action: e.node,
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * Override the default label for the *close popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-   * @default 'Close'
-   */
-  closeText: e.string,
-  /**
-   * The color of the component. Unless provided, the value is taken from the `severity` prop.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   */
-  color: e.oneOfType([e.oneOf(["error", "info", "success", "warning"]), e.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   *
-   * @default {}
-   */
-  components: e.shape({
-    CloseButton: e.elementType,
-    CloseIcon: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    closeButton: e.object,
-    closeIcon: e.object
-  }),
-  /**
-   * Override the icon displayed before the children.
-   * Unless provided, the icon is mapped to the value of the `severity` prop.
-   * Set to `false` to remove the `icon`.
-   */
-  icon: e.node,
-  /**
-   * The component maps the `severity` prop to a range of different icons,
-   * for instance success to `<SuccessOutlined>`.
-   * If you wish to change this mapping, you can provide your own.
-   * Alternatively, you can use the `icon` prop to override the icon displayed.
-   */
-  iconMapping: e.shape({
-    error: e.node,
-    info: e.node,
-    success: e.node,
-    warning: e.node
-  }),
-  /**
-   * Callback fired when the component requests to be closed.
-   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   */
-  onClose: e.func,
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role: e.string,
-  /**
-   * The severity of the alert. This defines the color and icon used.
-   * @default 'success'
-   */
-  severity: e.oneOfType([e.oneOf(["error", "info", "success", "warning"]), e.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    closeButton: e.oneOfType([e.func, e.object]),
-    closeIcon: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    closeButton: e.elementType,
-    closeIcon: 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]),
-  /**
-   * The variant to use.
-   * @default 'standard'
-   */
-  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
-});
-function ue(o) {
-  return z("MuiAlertTitle", o);
-}
-w("MuiAlertTitle", ["root"]);
-const fe = ["className"], ge = (o) => {
-  const {
-    classes: r
-  } = o;
-  return _({
-    root: ["root"]
-  }, ue, r);
-}, ve = d(X, {
-  name: "MuiAlertTitle",
-  slot: "Root",
-  overridesResolver: (o, r) => r.root
-})(({
-  theme: o
-}) => ({
-  fontWeight: o.typography.fontWeightMedium,
-  marginTop: -2
-})), me = /* @__PURE__ */ P.forwardRef(function(r, n) {
-  const t = N({
-    props: r,
-    name: "MuiAlertTitle"
-  }), {
-    className: i
-  } = t, c = j(t, fe), f = t, g = ge(f);
-  return /* @__PURE__ */ s(ve, l({
-    gutterBottom: !0,
-    component: "div",
-    ownerState: f,
-    ref: n,
-    className: R(g.root, i)
-  }, c));
-});
-process.env.NODE_ENV !== "production" && (me.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * 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])
-});
-var y = {}, ye = Z;
-Object.defineProperty(y, "__esModule", {
-  value: !0
-});
-var Ae = y.default = void 0, Ce = ye(Y()), Se = G;
-Ae = y.default = (0, Ce.default)(/* @__PURE__ */ (0, Se.jsx)("path", {
-  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-}), "Add");
-export {
-  de as A,
-  me as a,
-  Ae as d
-};