@hybridcore/ui 1.1.2 → 1.2.0

package/dist/{IconButton-CQJ8wZE8.js → IconButton-2FRFauye.js}

@@ -1,10 +1,10 @@
 import { a as t, _ as h } from "./extends-C3382pL0.js";
 import * as d from "react";
-import { c as n, P as r } from "./createTheme-agWfFD64.js";
-import { g as z, u as R, c as C, b as B, a as I } from "./chainPropTypes-DtBfUj5o.js";
-import { g as O, s as x, a as g } from "./styled-Iq9jsO4F.js";
+import { c as n, P as r } from "./createTheme-oOCi1S_n.js";
+import { g as z, u as R, c as C, b as B, a as I } from "./chainPropTypes-BmidnkZm.js";
+import { g as O, s as x, a as g } from "./styled-Wx2vv4j8.js";
 import { jsx as T } from "react/jsx-runtime";
-import { B as $ } from "./ButtonBase-BYmh3G5j.js";
+import { B as $ } from "./ButtonBase-C7CHOX3y.js";
 function k(o) {
   return O("MuiIconButton", o);
 }

package/dist/{Input-Bf5G3tFN.js → Input-BY_yKOrF.js}

@@ -1,11 +1,11 @@
 import { a, _ as U } from "./extends-C3382pL0.js";
 import * as h from "react";
-import { d as j, P as o } from "./createTheme-agWfFD64.js";
-import { g as _, s as y, r as w } from "./styled-Iq9jsO4F.js";
-import { i as M, b as S, r as W, c as E, d as F, e as N } from "./FormControl-BiAFm76F.js";
-import { g as X, u as A, a as D } from "./chainPropTypes-DtBfUj5o.js";
+import { d as j, P as o } from "./createTheme-oOCi1S_n.js";
+import { g as _, s as y, r as w } from "./styled-Wx2vv4j8.js";
+import { i as M, b as S, r as W, c as E, d as F, e as N } from "./FormControl-Cj5nc-Nv.js";
+import { g as X, u as A, a as D } from "./chainPropTypes-BmidnkZm.js";
 import { jsx as L } from "react/jsx-runtime";
-import { r as V } from "./ButtonBase-BYmh3G5j.js";
+import { r as V } from "./ButtonBase-C7CHOX3y.js";
 function k(t) {
   return _("MuiInput", t);
 }

package/dist/{listItemTextClasses-BvXFz-Oc.js → List-CgBXAAKA.js}

@@ -1,37 +1,37 @@
-import { a as r, _ as y } from "./extends-C3382pL0.js";
+import { a as i, _ as L } from "./extends-C3382pL0.js";
 import * as d from "react";
-import { P as e } from "./createTheme-agWfFD64.js";
-import { g as l, u as I, c as C, a as P } from "./chainPropTypes-DtBfUj5o.js";
-import { g as c, s as T } from "./styled-Iq9jsO4F.js";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-const g = /* @__PURE__ */ d.createContext({});
-process.env.NODE_ENV !== "production" && (g.displayName = "ListContext");
-function v(s) {
-  return c("MuiList", s);
+import { P as e } from "./createTheme-oOCi1S_n.js";
+import { g as x, u as P, c as y, a as N } from "./chainPropTypes-BmidnkZm.js";
+import { g as v, s as C } from "./styled-Wx2vv4j8.js";
+import { jsx as T, jsxs as j } from "react/jsx-runtime";
+const u = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (u.displayName = "ListContext");
+function _(s) {
+  return v("MuiList", s);
 }
-l("MuiList", ["root", "padding", "dense", "subheader"]);
-const j = ["children", "className", "component", "dense", "disablePadding", "subheader"], U = (s) => {
+x("MuiList", ["root", "padding", "dense", "subheader"]);
+const M = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
   const {
-    classes: t,
-    disablePadding: o,
+    classes: o,
+    disablePadding: t,
     dense: n,
-    subheader: i
+    subheader: a
   } = s;
-  return P({
-    root: ["root", !o && "padding", n && "dense", i && "subheader"]
-  }, v, t);
-}, _ = T("ul", {
+  return N({
+    root: ["root", !t && "padding", n && "dense", a && "subheader"]
+  }, _, o);
+}, R = C("ul", {
   name: "MuiList",
   slot: "Root",
-  overridesResolver: (s, t) => {
+  overridesResolver: (s, o) => {
     const {
-      ownerState: o
+      ownerState: t
     } = s;
-    return [t.root, !o.disablePadding && t.padding, o.dense && t.dense, o.subheader && t.subheader];
+    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
   }
 })(({
   ownerState: s
-}) => r({
+}) => i({
   listStyle: "none",
   margin: 0,
   padding: 0,
@@ -41,37 +41,37 @@ const j = ["children", "className", "component", "dense", "disablePadding", "sub
   paddingBottom: 8
 }, s.subheader && {
   paddingTop: 0
-})), O = /* @__PURE__ */ d.forwardRef(function(t, o) {
-  const n = I({
-    props: t,
+})), E = /* @__PURE__ */ d.forwardRef(function(o, t) {
+  const n = P({
+    props: o,
     name: "MuiList"
   }), {
-    children: i,
-    className: u,
-    component: p = "ul",
-    dense: a = !1,
-    disablePadding: b = !1,
-    subheader: f
-  } = n, L = y(n, j), h = d.useMemo(() => ({
-    dense: a
-  }), [a]), m = r({}, n, {
-    component: p,
-    dense: a,
-    disablePadding: b
-  }), x = U(m);
-  return /* @__PURE__ */ M(g.Provider, {
-    value: h,
-    children: /* @__PURE__ */ N(_, r({
-      as: p,
-      className: C(x.root, u),
-      ref: o,
-      ownerState: m
-    }, L, {
-      children: [f, i]
+    children: a,
+    className: c,
+    component: l = "ul",
+    dense: r = !1,
+    disablePadding: m = !1,
+    subheader: b
+  } = n, f = L(n, M), g = d.useMemo(() => ({
+    dense: r
+  }), [r]), p = i({}, n, {
+    component: l,
+    dense: r,
+    disablePadding: m
+  }), h = O(p);
+  return /* @__PURE__ */ T(u.Provider, {
+    value: g,
+    children: /* @__PURE__ */ j(R, i({
+      as: l,
+      className: y(h.root, c),
+      ref: t,
+      ownerState: p
+    }, f, {
+      children: [b, a]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (O.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -114,19 +114,7 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function V(s) {
-  return c("MuiListItemIcon", s);
-}
-const B = l("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
-function F(s) {
-  return c("MuiListItemText", s);
-}
-const W = l("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
 export {
-  g as L,
-  F as a,
-  O as b,
-  B as c,
-  V as g,
-  W as l
+  u as L,
+  E as a
 };

package/dist/ListItem-BFDUUjHt.js

@@ -0,0 +1,428 @@
+import { a, _ as S } from "./extends-C3382pL0.js";
+import * as r from "react";
+import { P as e } from "./createTheme-oOCi1S_n.js";
+import { g as R, u as Y, c as L, a as z, b as ot } from "./chainPropTypes-BmidnkZm.js";
+import { g as $, s as M, a as x } from "./styled-Wx2vv4j8.js";
+import { L as h } from "./List-CgBXAAKA.js";
+import { jsx as v, jsxs as w } from "react/jsx-runtime";
+import { b as st, a as nt, e as at, B as it } from "./ButtonBase-C7CHOX3y.js";
+import { i as H } from "./isMuiElement-CxT3_ACP.js";
+import { i as D } from "./isHostComponent-kiaBvYVo.js";
+function rt(t) {
+  return $("MuiListItem", t);
+}
+const b = R("MuiListItem", ["root", "container", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "padding", "button", "secondaryAction", "selected"]);
+function Rt(t) {
+  return $("MuiListItemButton", t);
+}
+const ct = R("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
+function lt(t) {
+  return $("MuiListItemSecondaryAction", t);
+}
+R("MuiListItemSecondaryAction", ["root", "disableGutters"]);
+const dt = ["className"], pt = (t) => {
+  const {
+    disableGutters: o,
+    classes: s
+  } = t;
+  return z({
+    root: ["root", o && "disableGutters"]
+  }, lt, s);
+}, ut = M("div", {
+  name: "MuiListItemSecondaryAction",
+  slot: "Root",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: s
+    } = t;
+    return [o.root, s.disableGutters && o.disableGutters];
+  }
+})(({
+  ownerState: t
+}) => a({
+  position: "absolute",
+  right: 16,
+  top: "50%",
+  transform: "translateY(-50%)"
+}, t.disableGutters && {
+  right: 0
+})), G = /* @__PURE__ */ r.forwardRef(function(o, s) {
+  const n = Y({
+    props: o,
+    name: "MuiListItemSecondaryAction"
+  }), {
+    className: i
+  } = n, c = S(n, dt), p = r.useContext(h), u = a({}, n, {
+    disableGutters: p.disableGutters
+  }), f = pt(u);
+  return /* @__PURE__ */ v(ut, a({
+    className: L(f.root, i),
+    ownerState: u,
+    ref: s
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (G.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, normally an `IconButton` or selection control.
+   */
+  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])
+});
+G.muiName = "ListItemSecondaryAction";
+const mt = ["className"], bt = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"], ft = (t, o) => {
+  const {
+    ownerState: s
+  } = t;
+  return [o.root, s.dense && o.dense, s.alignItems === "flex-start" && o.alignItemsFlexStart, s.divider && o.divider, !s.disableGutters && o.gutters, !s.disablePadding && o.padding, s.button && o.button, s.hasSecondaryAction && o.secondaryAction];
+}, gt = (t) => {
+  const {
+    alignItems: o,
+    button: s,
+    classes: n,
+    dense: i,
+    disabled: c,
+    disableGutters: p,
+    disablePadding: u,
+    divider: f,
+    hasSecondaryAction: g,
+    selected: A
+  } = t;
+  return z({
+    root: ["root", i && "dense", !p && "gutters", !u && "padding", f && "divider", c && "disabled", s && "button", o === "flex-start" && "alignItemsFlexStart", g && "secondaryAction", A && "selected"],
+    container: ["container"]
+  }, rt, n);
+}, yt = M("div", {
+  name: "MuiListItem",
+  slot: "Root",
+  overridesResolver: ft
+})(({
+  theme: t,
+  ownerState: o
+}) => a({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  width: "100%",
+  boxSizing: "border-box",
+  textAlign: "left"
+}, !o.disablePadding && a({
+  paddingTop: 8,
+  paddingBottom: 8
+}, o.dense && {
+  paddingTop: 4,
+  paddingBottom: 4
+}, !o.disableGutters && {
+  paddingLeft: 16,
+  paddingRight: 16
+}, !!o.secondaryAction && {
+  // Add some space to avoid collision as `ListItemSecondaryAction`
+  // is absolutely positioned.
+  paddingRight: 48
+}), !!o.secondaryAction && {
+  [`& > .${ct.root}`]: {
+    paddingRight: 48
+  }
+}, {
+  [`&.${b.focusVisible}`]: {
+    backgroundColor: (t.vars || t).palette.action.focus
+  },
+  [`&.${b.selected}`]: {
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : x(t.palette.primary.main, t.palette.action.selectedOpacity),
+    [`&.${b.focusVisible}`]: {
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : x(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+    }
+  },
+  [`&.${b.disabled}`]: {
+    opacity: (t.vars || t).palette.action.disabledOpacity
+  }
+}, o.alignItems === "flex-start" && {
+  alignItems: "flex-start"
+}, o.divider && {
+  borderBottom: `1px solid ${(t.vars || t).palette.divider}`,
+  backgroundClip: "padding-box"
+}, o.button && {
+  transition: t.transitions.create("background-color", {
+    duration: t.transitions.duration.shortest
+  }),
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (t.vars || t).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${b.selected}:hover`]: {
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : x(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : x(t.palette.primary.main, t.palette.action.selectedOpacity)
+    }
+  }
+}, o.hasSecondaryAction && {
+  // Add some space to avoid collision as `ListItemSecondaryAction`
+  // is absolutely positioned.
+  paddingRight: 48
+})), vt = M("li", {
+  name: "MuiListItem",
+  slot: "Container",
+  overridesResolver: (t, o) => o.container
+})({
+  position: "relative"
+}), Ct = /* @__PURE__ */ r.forwardRef(function(o, s) {
+  const n = Y({
+    props: o,
+    name: "MuiListItem"
+  }), {
+    alignItems: i = "center",
+    autoFocus: c = !1,
+    button: p = !1,
+    children: u,
+    className: f,
+    component: g,
+    components: A = {},
+    componentsProps: T = {},
+    ContainerComponent: j = "li",
+    ContainerProps: {
+      className: W
+    } = {},
+    dense: V = !1,
+    disabled: k = !1,
+    disableGutters: P = !1,
+    disablePadding: q = !1,
+    divider: J = !1,
+    focusVisibleClassName: K,
+    secondaryAction: B,
+    selected: Q = !1,
+    slotProps: X = {},
+    slots: Z = {}
+  } = n, tt = S(n.ContainerProps, mt), et = S(n, bt), E = r.useContext(h), N = r.useMemo(() => ({
+    dense: V || E.dense || !1,
+    alignItems: i,
+    disableGutters: P
+  }), [i, E.dense, V, P]), O = r.useRef(null);
+  st(() => {
+    c && (O.current ? O.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItem whose component has not been rendered."));
+  }, [c]);
+  const m = r.Children.toArray(u), U = m.length && H(m[m.length - 1], ["ListItemSecondaryAction"]), C = a({}, n, {
+    alignItems: i,
+    autoFocus: c,
+    button: p,
+    dense: N.dense,
+    disabled: k,
+    disableGutters: P,
+    disablePadding: q,
+    divider: J,
+    hasSecondaryAction: U,
+    selected: Q
+  }), _ = gt(C), F = nt(O, s), I = Z.root || A.Root || yt, y = X.root || T.root || {}, l = a({
+    className: L(_.root, y.className, f),
+    disabled: k
+  }, et);
+  let d = g || "li";
+  return p && (l.component = g || "div", l.focusVisibleClassName = L(b.focusVisible, K), d = it), U ? (d = !l.component && !g ? "div" : d, j === "li" && (d === "li" ? d = "div" : l.component === "li" && (l.component = "div")), /* @__PURE__ */ v(h.Provider, {
+    value: N,
+    children: /* @__PURE__ */ w(vt, a({
+      as: j,
+      className: L(_.container, W),
+      ref: F,
+      ownerState: C
+    }, tt, {
+      children: [/* @__PURE__ */ v(I, a({}, y, !D(I) && {
+        as: d,
+        ownerState: a({}, C, y.ownerState)
+      }, l, {
+        children: m
+      })), m.pop()]
+    }))
+  })) : /* @__PURE__ */ v(h.Provider, {
+    value: N,
+    children: /* @__PURE__ */ w(I, a({}, y, {
+      as: d,
+      ref: F
+    }, !D(I) && {
+      ownerState: a({}, C, y.ownerState)
+    }, l, {
+      children: [m, B && /* @__PURE__ */ v(G, {
+        children: B
+      })]
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (Ct.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Defines the `align-items` style property.
+   * @default 'center'
+   */
+  alignItems: e.oneOf(["center", "flex-start"]),
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the list item is a button (using `ButtonBase`). Props intended
+   * for `ButtonBase` can then be applied to `ListItem`.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  button: e.bool,
+  /**
+   * The content of the component if a `ListItemSecondaryAction` is used it must
+   * be the last child.
+   */
+  children: ot(e.node, (t) => {
+    const o = r.Children.toArray(t.children);
+    let s = -1;
+    for (let n = o.length - 1; n >= 0; n -= 1) {
+      const i = o[n];
+      if (H(i, ["ListItemSecondaryAction"])) {
+        s = n;
+        break;
+      }
+    }
+    return s !== -1 && s !== o.length - 1 ? new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.") : null;
+  }),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: e.shape({
+    Root: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: e.shape({
+    root: e.object
+  }),
+  /**
+   * The container component used when a `ListItemSecondaryAction` is the last child.
+   * @default 'li'
+   * @deprecated
+   */
+  ContainerComponent: at,
+  /**
+   * Props applied to the container component if used.
+   * @default {}
+   * @deprecated
+   */
+  ContainerProps: e.object,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent List component.
+   * @default false
+   */
+  dense: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: e.bool,
+  /**
+   * If `true`, all padding is removed.
+   * @default false
+   */
+  disablePadding: e.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the list item.
+   * @default false
+   */
+  divider: e.bool,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: e.string,
+  /**
+   * The element to display at the end of ListItem.
+   */
+  secondaryAction: e.node,
+  /**
+   * Use to apply selected styling.
+   * @default false
+   * @deprecated checkout [ListItemButton](/material-ui/api/list-item-button/) instead
+   */
+  selected: e.bool,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: e.shape({
+    root: e.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: e.shape({
+    root: 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 {
+  Ct as L,
+  Rt as g,
+  ct as l
+};