@hybridcore/ui 1.6.13 → 1.6.16

package/dist/Delete-CVJ6FeDn.js

@@ -0,0 +1,203 @@
+import { a as s, _ as $ } from "./extends-C3382pL0.js";
+import * as d from "react";
+import { P as r } from "./index-CblbdqjE.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+import { g as I, a as O, s as B, b as i, d as b, u as j, c as M, i as m } from "./generateUtilityClasses-Cc-owZ4J.js";
+import y, { jsx as T } from "react/jsx-runtime";
+import { B as k } from "./ButtonBase-DObmf4Q_.js";
+import { c as E } from "./TransitionGroupContext-Ja2CgIob.js";
+import { r as h } from "./createSvgIcon-BghzB2Y9.js";
+function P(e) {
+  return O("MuiIconButton", e);
+}
+const D = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), N = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], q = (e) => {
+  const {
+    classes: o,
+    disabled: a,
+    color: t,
+    edge: n,
+    size: l
+  } = e, c = {
+    root: ["root", a && "disabled", t !== "default" && `color${i(t)}`, n && `edge${i(n)}`, `size${i(l)}`]
+  };
+  return M(c, P, o);
+}, U = B(k, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: a
+    } = e;
+    return [o.root, a.color !== "default" && o[`color${i(a.color)}`], a.edge && o[`edge${i(a.edge)}`], o[`size${i(a.size)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => s({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: e.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (e.vars || e).palette.action.active,
+  transition: e.transitions.create("background-color", {
+    duration: e.transitions.duration.shortest
+  })
+}, !o.disableRipple && {
+  "&:hover": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : b(e.palette.action.active, e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+}), ({
+  theme: e,
+  ownerState: o
+}) => {
+  var a;
+  const t = (a = (e.vars || e).palette) == null ? void 0 : a[o.color];
+  return s({}, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && o.color !== "default" && s({
+    color: t == null ? void 0 : t.main
+  }, !o.disableRipple && {
+    "&:hover": s({}, t && {
+      backgroundColor: e.vars ? `rgba(${t.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : b(t.main, e.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), o.size === "small" && {
+    padding: 5,
+    fontSize: e.typography.pxToRem(18)
+  }, o.size === "large" && {
+    padding: 12,
+    fontSize: e.typography.pxToRem(28)
+  }, {
+    [`&.${D.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (e.vars || e).palette.action.disabled
+    }
+  });
+}), L = /* @__PURE__ */ d.forwardRef(function(o, a) {
+  const t = j({
+    props: o,
+    name: "MuiIconButton"
+  }), {
+    edge: n = !1,
+    children: l,
+    className: c,
+    color: R = "default",
+    disabled: f = !1,
+    disableFocusRipple: v = !1,
+    size: z = "medium"
+  } = t, _ = $(t, N), g = s({}, t, {
+    edge: n,
+    color: R,
+    disabled: f,
+    disableFocusRipple: v,
+    size: z
+  }), C = q(g);
+  return /* @__PURE__ */ T(U, s({
+    className: x(C.root, c),
+    centerRipple: !0,
+    focusRipple: !v,
+    disabled: f,
+    ref: a
+  }, _, {
+    ownerState: g,
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (L.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: E(r.node, (e) => d.Children.toArray(e.children).some((a) => /* @__PURE__ */ d.isValidElement(a) && a.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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).
+   * @default 'default'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), 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])
+});
+var p = {}, V = m;
+Object.defineProperty(p, "__esModule", {
+  value: !0
+});
+var F = p.default = void 0, S = V(h()), A = y;
+F = p.default = (0, S.default)(/* @__PURE__ */ (0, A.jsx)("path", {
+  d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
+}), "Edit");
+var u = {}, H = m;
+Object.defineProperty(u, "__esModule", {
+  value: !0
+});
+var W = u.default = void 0, Y = H(h()), G = y;
+W = u.default = (0, Y.default)(/* @__PURE__ */ (0, G.jsx)("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete");
+export {
+  L as I,
+  W as a,
+  F as d
+};

package/dist/FormGroup-BRj1o7-E.js

@@ -0,0 +1,89 @@
+import { a, _ as f } from "./extends-C3382pL0.js";
+import * as w from "react";
+import { P as o } from "./index-CblbdqjE.js";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import { g as F, a as x, s as y, u as C, c as G } from "./generateUtilityClasses-Cc-owZ4J.js";
+import { u as b } from "./useFormControl-CatNKXAi.js";
+import { f as N } from "./formControlState-vgaj2ksH.js";
+import { jsx as g } from "react/jsx-runtime";
+function j(r) {
+  return x("MuiFormGroup", r);
+}
+F("MuiFormGroup", ["root", "row", "error"]);
+const v = ["className", "row"], R = (r) => {
+  const {
+    classes: s,
+    row: t,
+    error: e
+  } = r;
+  return G({
+    root: ["root", t && "row", e && "error"]
+  }, j, s);
+}, _ = y("div", {
+  name: "MuiFormGroup",
+  slot: "Root",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.root, t.row && s.row];
+  }
+})(({
+  ownerState: r
+}) => a({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap"
+}, r.row && {
+  flexDirection: "row"
+})), D = /* @__PURE__ */ w.forwardRef(function(s, t) {
+  const e = C({
+    props: s,
+    name: "MuiFormGroup"
+  }), {
+    className: n,
+    row: i = !1
+  } = e, l = f(e, v), m = b(), p = N({
+    props: e,
+    muiFormControl: m,
+    states: ["error"]
+  }), c = a({}, e, {
+    row: i,
+    error: p.error
+  }), u = R(c);
+  return /* @__PURE__ */ g(_, a({
+    className: d(u.root, n),
+    ownerState: c,
+    ref: t
+  }, l));
+});
+process.env.NODE_ENV !== "production" && (D.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,
+  /**
+   * Display group of elements in a compact row.
+   * @default false
+   */
+  row: 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])
+});
+export {
+  D as F
+};

package/dist/InputLabel-CjD30ZHz.js

@@ -0,0 +1,341 @@
+import { a as i, _ as h } from "./extends-C3382pL0.js";
+import * as k from "react";
+import { P as o } from "./index-CblbdqjE.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-Cc-owZ4J.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
+};