@hybridcore/ui 1.6.11 → 1.6.13

package/dist/InputLabel-Dd8RrneV.js

@@ -1,341 +0,0 @@
-import { a as i, _ as h } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as k from "react";
-import { P as o } from "./index-C__OZmYy.js";
-import { c as y } from "./clsx-OuTLNxxd.js";
-import { f as g } from "./formControlState-vgaj2ksH.js";
-import { u as C } from "./useFormControl-CatNKXAi.js";
-import { g as O, a as L, s as b, u as z, b as q, c as F, r as I } from "./generateUtilityClasses-C3ivN9Ie.js";
-import { jsxs as v, jsx as T } from "react/jsx-runtime";
-function R(e) {
-  return L("MuiFormLabel", e);
-}
-const u = O("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), j = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], M = (e) => {
-  const {
-    classes: r,
-    color: a,
-    focused: s,
-    disabled: f,
-    error: l,
-    filled: c,
-    required: p
-  } = e, n = {
-    root: ["root", `color${q(a)}`, f && "disabled", l && "error", c && "filled", s && "focused", p && "required"],
-    asterisk: ["asterisk", l && "error"]
-  };
-  return F(n, R, r);
-}, $ = b("label", {
-  name: "MuiFormLabel",
-  slot: "Root",
-  overridesResolver: ({
-    ownerState: e
-  }, r) => i({}, r.root, e.color === "secondary" && r.colorSecondary, e.filled && r.filled)
-})(({
-  theme: e,
-  ownerState: r
-}) => i({
-  color: (e.vars || e).palette.text.secondary
-}, e.typography.body1, {
-  lineHeight: "1.4375em",
-  padding: 0,
-  position: "relative",
-  [`&.${u.focused}`]: {
-    color: (e.vars || e).palette[r.color].main
-  },
-  [`&.${u.disabled}`]: {
-    color: (e.vars || e).palette.text.disabled
-  },
-  [`&.${u.error}`]: {
-    color: (e.vars || e).palette.error.main
-  }
-})), A = b("span", {
-  name: "MuiFormLabel",
-  slot: "Asterisk",
-  overridesResolver: (e, r) => r.asterisk
-})(({
-  theme: e
-}) => ({
-  [`&.${u.error}`]: {
-    color: (e.vars || e).palette.error.main
-  }
-})), N = /* @__PURE__ */ k.forwardRef(function(r, a) {
-  const s = z({
-    props: r,
-    name: "MuiFormLabel"
-  }), {
-    children: f,
-    className: l,
-    component: c = "label"
-  } = s, p = h(s, j), n = C(), t = g({
-    props: s,
-    muiFormControl: n,
-    states: ["color", "required", "focused", "disabled", "error", "filled"]
-  }), d = i({}, s, {
-    color: t.color || "primary",
-    component: c,
-    disabled: t.disabled,
-    error: t.error,
-    filled: t.filled,
-    focused: t.focused,
-    required: t.required
-  }), m = M(d);
-  return /* @__PURE__ */ v($, i({
-    as: c,
-    ownerState: d,
-    className: y(m.root, l),
-    ref: a
-  }, p, {
-    children: [f, t.required && /* @__PURE__ */ v(A, {
-      ownerState: d,
-      "aria-hidden": !0,
-      className: m.asterisk,
-      children: [" ", "*"]
-    })]
-  }));
-});
-process.env.NODE_ENV !== "production" && (N.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: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * 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: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * If `true`, the label should be displayed in a disabled state.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the label is displayed in an error state.
-   */
-  error: o.bool,
-  /**
-   * If `true`, the label should use filled classes key.
-   */
-  filled: o.bool,
-  /**
-   * If `true`, the input of this label is focused (used by `FormGroup` components).
-   */
-  focused: o.bool,
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required: o.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
-});
-function E(e) {
-  return L("MuiInputLabel", e);
-}
-O("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const P = ["disableAnimation", "margin", "shrink", "variant", "className"], W = (e) => {
-  const {
-    classes: r,
-    formControl: a,
-    size: s,
-    shrink: f,
-    disableAnimation: l,
-    variant: c,
-    required: p
-  } = e, n = {
-    root: ["root", a && "formControl", !l && "animated", f && "shrink", s && s !== "normal" && `size${q(s)}`, c],
-    asterisk: [p && "asterisk"]
-  }, t = F(n, E, r);
-  return i({}, r, t);
-}, _ = b(N, {
-  shouldForwardProp: (e) => I(e) || e === "classes",
-  name: "MuiInputLabel",
-  slot: "Root",
-  overridesResolver: (e, r) => {
-    const {
-      ownerState: a
-    } = e;
-    return [{
-      [`& .${u.asterisk}`]: r.asterisk
-    }, r.root, a.formControl && r.formControl, a.size === "small" && r.sizeSmall, a.shrink && r.shrink, !a.disableAnimation && r.animated, a.focused && r.focused, r[a.variant]];
-  }
-})(({
-  theme: e,
-  ownerState: r
-}) => i({
-  display: "block",
-  transformOrigin: "top left",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  maxWidth: "100%"
-}, r.formControl && {
-  position: "absolute",
-  left: 0,
-  top: 0,
-  // slight alteration to spec spacing to match visual spec result
-  transform: "translate(0, 20px) scale(1)"
-}, r.size === "small" && {
-  // Compensation for the `Input.inputSizeSmall` style.
-  transform: "translate(0, 17px) scale(1)"
-}, r.shrink && {
-  transform: "translate(0, -1.5px) scale(0.75)",
-  transformOrigin: "top left",
-  maxWidth: "133%"
-}, !r.disableAnimation && {
-  transition: e.transitions.create(["color", "transform", "max-width"], {
-    duration: e.transitions.duration.shorter,
-    easing: e.transitions.easing.easeOut
-  })
-}, r.variant === "filled" && i({
-  // Chrome's autofill feature gives the input field a yellow background.
-  // Since the input field is behind the label in the HTML tree,
-  // the input field is drawn last and hides the label with an opaque background color.
-  // zIndex: 1 will raise the label above opaque background-colors of input.
-  zIndex: 1,
-  pointerEvents: "none",
-  transform: "translate(12px, 16px) scale(1)",
-  maxWidth: "calc(100% - 24px)"
-}, r.size === "small" && {
-  transform: "translate(12px, 13px) scale(1)"
-}, r.shrink && i({
-  userSelect: "none",
-  pointerEvents: "auto",
-  transform: "translate(12px, 7px) scale(0.75)",
-  maxWidth: "calc(133% - 24px)"
-}, r.size === "small" && {
-  transform: "translate(12px, 4px) scale(0.75)"
-})), r.variant === "outlined" && i({
-  // see comment above on filled.zIndex
-  zIndex: 1,
-  pointerEvents: "none",
-  transform: "translate(14px, 16px) scale(1)",
-  maxWidth: "calc(100% - 24px)"
-}, r.size === "small" && {
-  transform: "translate(14px, 9px) scale(1)"
-}, r.shrink && {
-  userSelect: "none",
-  pointerEvents: "auto",
-  // Theoretically, we should have (8+5)*2/0.75 = 34px
-  // but it feels a better when it bleeds a bit on the left, so 32px.
-  maxWidth: "calc(133% - 32px)",
-  transform: "translate(14px, -9px) scale(0.75)"
-}))), w = /* @__PURE__ */ k.forwardRef(function(r, a) {
-  const s = z({
-    name: "MuiInputLabel",
-    props: r
-  }), {
-    disableAnimation: f = !1,
-    shrink: l,
-    className: c
-  } = s, p = h(s, P), n = C();
-  let t = l;
-  typeof t > "u" && n && (t = n.filled || n.focused || n.adornedStart);
-  const d = g({
-    props: s,
-    muiFormControl: n,
-    states: ["size", "variant", "required", "focused"]
-  }), m = i({}, s, {
-    disableAnimation: f,
-    formControl: n,
-    shrink: t,
-    size: d.size,
-    variant: d.variant,
-    required: d.required,
-    focused: d.focused
-  }), x = W(m);
-  return /* @__PURE__ */ T(_, i({
-    "data-shrink": t,
-    ownerState: m,
-    ref: a,
-    className: y(x.root, c)
-  }, p, {
-    classes: x
-  }));
-});
-process.env.NODE_ENV !== "production" && (w.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: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * 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: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
-  /**
-   * If `true`, the transition animation is disabled.
-   * @default false
-   */
-  disableAnimation: o.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the label is displayed in an error state.
-   */
-  error: o.bool,
-  /**
-   * If `true`, the `input` of this label is focused.
-   */
-  focused: o.bool,
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   */
-  margin: o.oneOf(["dense"]),
-  /**
-   * if `true`, the label will indicate that the `input` is required.
-   */
-  required: o.bool,
-  /**
-   * If `true`, the label is shrunk.
-   */
-  shrink: o.bool,
-  /**
-   * The size of the component.
-   * @default 'normal'
-   */
-  size: o.oneOfType([o.oneOf(["normal", "small"]), o.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The variant to use.
-   */
-  variant: o.oneOf(["filled", "outlined", "standard"])
-});
-export {
-  w as I
-};

package/dist/MenuItem-DwqJqzuM.js

@@ -1,233 +0,0 @@
-import { a as l, _ as P } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as d from "react";
-import { P as t } from "./index-C__OZmYy.js";
-import { c as I } from "./clsx-OuTLNxxd.js";
-import { g as u, a as F, s as _, r as j, f as p, u as D, c as E } from "./generateUtilityClasses-C3ivN9Ie.js";
-import { L as $ } from "./Select-DHUl_uG3.js";
-import { jsx as M } from "react/jsx-runtime";
-import { B as G } from "./ButtonBase-BEF7oTOe.js";
-import { a as U, u as S } from "./TransitionGroupContext-BDAp2T0O.js";
-const O = u("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), N = u("MuiListItemIcon", ["root", "alignItemsFlexStart"]), V = u("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-function H(e) {
-  return F("MuiMenuItem", e);
-}
-const n = u("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), W = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], h = (e, o) => {
-  const {
-    ownerState: s
-  } = e;
-  return [o.root, s.dense && o.dense, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, z = (e) => {
-  const {
-    disabled: o,
-    dense: s,
-    divider: a,
-    disableGutters: c,
-    selected: b,
-    classes: i
-  } = e, r = E({
-    root: ["root", s && "dense", o && "disabled", !c && "gutters", a && "divider", b && "selected"]
-  }, H, i);
-  return l({}, i, r);
-}, A = _(G, {
-  shouldForwardProp: (e) => j(e) || e === "classes",
-  name: "MuiMenuItem",
-  slot: "Root",
-  overridesResolver: h
-})(({
-  theme: e,
-  ownerState: o
-}) => l({}, e.typography.body1, {
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  position: "relative",
-  textDecoration: "none",
-  minHeight: 48,
-  paddingTop: 6,
-  paddingBottom: 6,
-  boxSizing: "border-box",
-  whiteSpace: "nowrap"
-}, !o.disableGutters && {
-  paddingLeft: 16,
-  paddingRight: 16
-}, o.divider && {
-  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-  backgroundClip: "padding-box"
-}, {
-  "&:hover": {
-    textDecoration: "none",
-    backgroundColor: (e.vars || e).palette.action.hover,
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  },
-  [`&.${n.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${n.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
-    }
-  },
-  [`&.${n.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
-    }
-  },
-  [`&.${n.focusVisible}`]: {
-    backgroundColor: (e.vars || e).palette.action.focus
-  },
-  [`&.${n.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  },
-  [`& + .${O.root}`]: {
-    marginTop: e.spacing(1),
-    marginBottom: e.spacing(1)
-  },
-  [`& + .${O.inset}`]: {
-    marginLeft: 52
-  },
-  [`& .${V.root}`]: {
-    marginTop: 0,
-    marginBottom: 0
-  },
-  [`& .${V.inset}`]: {
-    paddingLeft: 36
-  },
-  [`& .${N.root}`]: {
-    minWidth: 36
-  }
-}, !o.dense && {
-  [e.breakpoints.up("sm")]: {
-    minHeight: "auto"
-  }
-}, o.dense && l({
-  minHeight: 32,
-  // https://m2.material.io/components/menus#specs > Dense
-  paddingTop: 4,
-  paddingBottom: 4
-}, e.typography.body2, {
-  [`& .${N.root} svg`]: {
-    fontSize: "1.25rem"
-  }
-}))), q = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const a = D({
-    props: o,
-    name: "MuiMenuItem"
-  }), {
-    autoFocus: c = !1,
-    component: b = "li",
-    dense: i = !1,
-    divider: g = !1,
-    disableGutters: r = !1,
-    focusVisibleClassName: R,
-    role: T = "menuitem",
-    tabIndex: v,
-    className: k
-  } = a, w = P(a, W), y = d.useContext($), C = d.useMemo(() => ({
-    dense: i || y.dense || !1,
-    disableGutters: r
-  }), [y.dense, i, r]), m = d.useRef(null);
-  U(() => {
-    c && (m.current ? m.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
-  }, [c]);
-  const L = l({}, a, {
-    dense: C.dense,
-    divider: g,
-    disableGutters: r
-  }), f = z(a), B = S(m, s);
-  let x;
-  return a.disabled || (x = v !== void 0 ? v : -1), /* @__PURE__ */ M($.Provider, {
-    value: C,
-    children: /* @__PURE__ */ M(A, l({
-      ref: B,
-      role: T,
-      tabIndex: x,
-      component: b,
-      focusVisibleClassName: I(f.focusVisible, R),
-      className: I(f.root, k)
-    }, w, {
-      ownerState: L,
-      classes: f
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * 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
-   */
-  autoFocus: t.bool,
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
-   * The prop defaults to the value inherited from the parent Menu component.
-   * @default false
-   */
-  dense: t.bool,
-  /**
-   * @ignore
-   */
-  disabled: t.bool,
-  /**
-   * If `true`, the left and right padding is removed.
-   * @default false
-   */
-  disableGutters: t.bool,
-  /**
-   * If `true`, a 1px light border is added to the bottom of the menu item.
-   * @default false
-   */
-  divider: t.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: t.string,
-  /**
-   * @ignore
-   */
-  role: t.string,
-  /**
-   * If `true`, the component is selected.
-   * @default false
-   */
-  selected: t.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: t.number
-});
-export {
-  q as M
-};