@hybridcore/ui 1.0.2 → 1.1.2

package/dist/IconButton-CQJ8wZE8.js

@@ -0,0 +1,183 @@
+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 { jsx as T } from "react/jsx-runtime";
+import { B as $ } from "./ButtonBase-BYmh3G5j.js";
+function k(o) {
+  return O("MuiIconButton", o);
+}
+const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), _ = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], j = (o) => {
+  const {
+    classes: e,
+    disabled: a,
+    color: s,
+    edge: i,
+    size: l
+  } = o, c = {
+    root: ["root", a && "disabled", s !== "default" && `color${n(s)}`, i && `edge${n(i)}`, `size${n(l)}`]
+  };
+  return I(c, k, e);
+}, E = x($, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: a
+    } = o;
+    return [e.root, a.color !== "default" && e[`color${n(a.color)}`], a.edge && e[`edge${n(a.edge)}`], e[`size${n(a.size)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: e
+}) => t({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  })
+}, !e.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+}), ({
+  theme: o,
+  ownerState: e
+}) => {
+  var a;
+  const s = (a = (o.vars || o).palette) == null ? void 0 : a[e.color];
+  return t({}, e.color === "inherit" && {
+    color: "inherit"
+  }, e.color !== "inherit" && e.color !== "default" && t({
+    color: s == null ? void 0 : s.main
+  }, !e.disableRipple && {
+    "&:hover": t({}, s && {
+      backgroundColor: o.vars ? `rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(s.main, o.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), e.size === "small" && {
+    padding: 5,
+    fontSize: o.typography.pxToRem(18)
+  }, e.size === "large" && {
+    padding: 12,
+    fontSize: o.typography.pxToRem(28)
+  }, {
+    [`&.${P.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (o.vars || o).palette.action.disabled
+    }
+  });
+}), M = /* @__PURE__ */ d.forwardRef(function(e, a) {
+  const s = R({
+    props: e,
+    name: "MuiIconButton"
+  }), {
+    edge: i = !1,
+    children: l,
+    className: c,
+    color: b = "default",
+    disabled: p = !1,
+    disableFocusRipple: u = !1,
+    size: v = "medium"
+  } = s, m = h(s, _), f = t({}, s, {
+    edge: i,
+    color: b,
+    disabled: p,
+    disableFocusRipple: u,
+    size: v
+  }), y = j(f);
+  return /* @__PURE__ */ T(E, t({
+    className: C(y.root, c),
+    centerRipple: !0,
+    focusRipple: !u,
+    disabled: p,
+    ref: a
+  }, m, {
+    ownerState: f,
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (M.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: B(r.node, (o) => d.Children.toArray(o.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])
+});
+export {
+  M as I
+};

package/dist/Input-Bf5G3tFN.js

@@ -0,0 +1,324 @@
+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 { jsx as L } from "react/jsx-runtime";
+import { r as V } from "./ButtonBase-BYmh3G5j.js";
+function k(t) {
+  return _("MuiInput", t);
+}
+const r = a({}, M, X("MuiInput", ["root", "underline", "input"])), q = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], z = (t) => {
+  const {
+    classes: e,
+    disableUnderline: s
+  } = t, i = D({
+    root: ["root", !s && "underline"],
+    input: ["input"]
+  }, k, e);
+  return a({}, e, i);
+}, G = y(S, {
+  shouldForwardProp: (t) => w(t) || t === "classes",
+  name: "MuiInput",
+  slot: "Root",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: s
+    } = t;
+    return [...W(t, e), !s.disableUnderline && e.underline];
+  }
+})(({
+  theme: t,
+  ownerState: e
+}) => {
+  let n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
+  return t.vars && (n = `rgba(${t.vars.palette.common.onBackgroundChannel} / ${t.vars.opacity.inputUnderline})`), a({
+    position: "relative"
+  }, e.formControl && {
+    "label + &": {
+      marginTop: 16
+    }
+  }, !e.disableUnderline && {
+    "&::after": {
+      borderBottom: `2px solid ${(t.vars || t).palette[e.color].main}`,
+      left: 0,
+      bottom: 0,
+      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+      content: '""',
+      position: "absolute",
+      right: 0,
+      transform: "scaleX(0)",
+      transition: t.transitions.create("transform", {
+        duration: t.transitions.duration.shorter,
+        easing: t.transitions.easing.easeOut
+      }),
+      pointerEvents: "none"
+      // Transparent to the hover style.
+    },
+    [`&.${r.focused}:after`]: {
+      // translateX(0) is a workaround for Safari transform scale bug
+      // See https://github.com/mui/material-ui/issues/31766
+      transform: "scaleX(1) translateX(0)"
+    },
+    [`&.${r.error}`]: {
+      "&::before, &::after": {
+        borderBottomColor: (t.vars || t).palette.error.main
+      }
+    },
+    "&::before": {
+      borderBottom: `1px solid ${n}`,
+      left: 0,
+      bottom: 0,
+      // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+      content: '"\\00a0"',
+      position: "absolute",
+      right: 0,
+      transition: t.transitions.create("border-bottom-color", {
+        duration: t.transitions.duration.shorter
+      }),
+      pointerEvents: "none"
+      // Transparent to the hover style.
+    },
+    [`&:hover:not(.${r.disabled}, .${r.error}):before`]: {
+      borderBottom: `2px solid ${(t.vars || t).palette.text.primary}`,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        borderBottom: `1px solid ${n}`
+      }
+    },
+    [`&.${r.disabled}:before`]: {
+      borderBottomStyle: "dotted"
+    }
+  });
+}), H = y(E, {
+  name: "MuiInput",
+  slot: "Input",
+  overridesResolver: F
+})({}), g = /* @__PURE__ */ h.forwardRef(function(e, s) {
+  var n, i, u, d;
+  const p = A({
+    props: e,
+    name: "MuiInput"
+  }), {
+    disableUnderline: v,
+    components: c = {},
+    componentsProps: m,
+    fullWidth: C = !1,
+    inputComponent: I = "input",
+    multiline: P = !1,
+    slotProps: l,
+    slots: b = {},
+    type: R = "text"
+  } = p, T = U(p, q), O = z(p), f = {
+    root: {
+      ownerState: {
+        disableUnderline: v
+      }
+    }
+  }, $ = l ?? m ? j(l ?? m, f) : f, x = (n = (i = b.root) != null ? i : c.Root) != null ? n : G, B = (u = (d = b.input) != null ? d : c.Input) != null ? u : H;
+  return /* @__PURE__ */ L(N, a({
+    slots: {
+      root: x,
+      input: B
+    },
+    slotProps: $,
+    fullWidth: C,
+    inputComponent: I,
+    multiline: P,
+    ref: s,
+    type: R
+  }, T, {
+    classes: O
+  }));
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: o.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: o.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * 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).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
+  /**
+   * 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: o.shape({
+    Input: o.elementType,
+    Root: o.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: o.shape({
+    input: o.object,
+    root: o.object
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: o.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, the `input` will not have an underline.
+   */
+  disableUnderline: o.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: o.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: o.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: o.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: o.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: o.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: V,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin: o.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: o.oneOfType([o.number, o.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: o.oneOfType([o.number, o.string]),
+  /**
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: o.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: o.string,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: o.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: o.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: o.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: o.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: o.oneOfType([o.number, o.string]),
+  /**
+   * 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: o.shape({
+    input: o.object,
+    root: o.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: o.shape({
+    input: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: o.node,
+  /**
+   * 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]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * @default 'text'
+   */
+  type: o.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: o.any
+});
+g.muiName = "Input";
+export {
+  g as I
+};