@hybridcore/ui 1.6.0 → 1.6.2

package/dist/ListItem-CfjsIg4B.js

@@ -1,430 +0,0 @@
-import { a, _ as S } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as r from "react";
-import { P as e } from "./index-C__OZmYy.js";
-import { g as R, u as Y, c as L, a as z, b as ot } from "./useThemeProps-BzzHcQyd.js";
-import { alpha as x } from "@mui/system";
-import { s as $ } from "./styled-eZwjUruw.js";
-import { L as h } from "./List-tqElle9C.js";
-import { g as M } from "./createTheme-DYxDnE9u.js";
-import { jsx as v, jsxs as w } from "react/jsx-runtime";
-import { u as st, a as nt, e as at, B as it } from "./ButtonBase-2bPw77UP.js";
-import { i as H } from "./isMuiElement-CxT3_ACP.js";
-import { i as D } from "./isHostComponent-kiaBvYVo.js";
-function rt(t) {
-  return M("MuiListItem", t);
-}
-const b = R("MuiListItem", ["root", "container", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "padding", "button", "secondaryAction", "selected"]);
-function Mt(t) {
-  return M("MuiListItemButton", t);
-}
-const ct = R("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
-function lt(t) {
-  return M("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 = $("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
-})), T = /* @__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" && (T.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn 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])
-});
-T.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 = $("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 = $("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: G = {},
-    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
-  }), F = gt(C), _ = nt(O, s), I = Z.root || A.Root || yt, y = X.root || G.root || {}, l = a({
-    className: L(F.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(F.container, W),
-      ref: _,
-      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: _
-    }, !D(I) && {
-      ownerState: a({}, C, y.ownerState)
-    }, l, {
-      children: [m, B && /* @__PURE__ */ v(T, {
-        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 "yarn 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,
-  Mt as g,
-  ct as l
-};