@hybridcore/ui 1.0.2 → 1.1.0

package/dist/OutlinedInput-gnp48tDo.js

@@ -0,0 +1,452 @@
+import { _ as $, a as n } from "./extends-C3382pL0.js";
+import * as T from "react";
+import { P as e } from "./createTheme-agWfFD64.js";
+import { s as c, r as h, g as P } from "./styled-Iq9jsO4F.js";
+import { jsx as a, jsxs as A } from "react/jsx-runtime";
+import { u as S } from "./useFormControl-CatNKXAi.js";
+import { i as z, b as M, r as E, c as q, d as U, f as D, e as V } from "./FormControl-C4PmH1vh.js";
+import { g as H, u as G, a as J } from "./chainPropTypes-DtBfUj5o.js";
+import { r as K } from "./ButtonBase-B6WYZgVU.js";
+var N;
+const Q = ["children", "classes", "className", "label", "notched"], X = c("fieldset", {
+  shouldForwardProp: h
+})({
+  textAlign: "left",
+  position: "absolute",
+  bottom: 0,
+  right: 0,
+  top: -5,
+  left: 0,
+  margin: 0,
+  padding: "0 8px",
+  pointerEvents: "none",
+  borderRadius: "inherit",
+  borderStyle: "solid",
+  borderWidth: 1,
+  overflow: "hidden",
+  minWidth: "0%"
+}), Y = c("legend", {
+  shouldForwardProp: h
+})(({
+  ownerState: o,
+  theme: t
+}) => n({
+  float: "unset",
+  // Fix conflict with bootstrap
+  width: "auto",
+  // Fix conflict with bootstrap
+  overflow: "hidden"
+}, !o.withLabel && {
+  padding: 0,
+  lineHeight: "11px",
+  // sync with `height` in `legend` styles
+  transition: t.transitions.create("width", {
+    duration: 150,
+    easing: t.transitions.easing.easeOut
+  })
+}, o.withLabel && n({
+  display: "block",
+  // Fix conflict with normalize.css and sanitize.css
+  padding: 0,
+  height: 11,
+  // sync with `lineHeight` in `legend` styles
+  fontSize: "0.75em",
+  visibility: "hidden",
+  maxWidth: 0.01,
+  transition: t.transitions.create("max-width", {
+    duration: 50,
+    easing: t.transitions.easing.easeOut
+  }),
+  whiteSpace: "nowrap",
+  "& > span": {
+    paddingLeft: 5,
+    paddingRight: 5,
+    display: "inline-block",
+    opacity: 0,
+    visibility: "visible"
+  }
+}, o.notched && {
+  maxWidth: "100%",
+  transition: t.transitions.create("max-width", {
+    duration: 100,
+    easing: t.transitions.easing.easeOut,
+    delay: 50
+  })
+})));
+function W(o) {
+  const {
+    className: t,
+    label: r,
+    notched: l
+  } = o, f = $(o, Q), d = r != null && r !== "", u = n({}, o, {
+    notched: l,
+    withLabel: d
+  });
+  return /* @__PURE__ */ a(X, n({
+    "aria-hidden": !0,
+    className: t,
+    ownerState: u
+  }, f, {
+    children: /* @__PURE__ */ a(Y, {
+      ownerState: u,
+      children: d ? /* @__PURE__ */ a("span", {
+        children: r
+      }) : (
+        // notranslate needed while Google Translate will not fix zero-width space issue
+        N || (N = /* @__PURE__ */ a("span", {
+          className: "notranslate",
+          children: "​"
+        }))
+      )
+    })
+  }));
+}
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The label.
+   */
+  label: e.node,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: e.bool.isRequired,
+  /**
+   * @ignore
+   */
+  style: e.object
+});
+function Z(o) {
+  return P("MuiOutlinedInput", o);
+}
+const i = n({}, z, H("MuiOutlinedInput", ["root", "notchedOutline", "input"])), ee = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], oe = (o) => {
+  const {
+    classes: t
+  } = o, l = J({
+    root: ["root"],
+    notchedOutline: ["notchedOutline"],
+    input: ["input"]
+  }, Z, t);
+  return n({}, t, l);
+}, te = c(M, {
+  shouldForwardProp: (o) => h(o) || o === "classes",
+  name: "MuiOutlinedInput",
+  slot: "Root",
+  overridesResolver: E
+})(({
+  theme: o,
+  ownerState: t
+}) => {
+  const r = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return n({
+    position: "relative",
+    borderRadius: (o.vars || o).shape.borderRadius,
+    [`&:hover .${i.notchedOutline}`]: {
+      borderColor: (o.vars || o).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      [`&:hover .${i.notchedOutline}`]: {
+        borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : r
+      }
+    },
+    [`&.${i.focused} .${i.notchedOutline}`]: {
+      borderColor: (o.vars || o).palette[t.color].main,
+      borderWidth: 2
+    },
+    [`&.${i.error} .${i.notchedOutline}`]: {
+      borderColor: (o.vars || o).palette.error.main
+    },
+    [`&.${i.disabled} .${i.notchedOutline}`]: {
+      borderColor: (o.vars || o).palette.action.disabled
+    }
+  }, t.startAdornment && {
+    paddingLeft: 14
+  }, t.endAdornment && {
+    paddingRight: 14
+  }, t.multiline && n({
+    padding: "16.5px 14px"
+  }, t.size === "small" && {
+    padding: "8.5px 14px"
+  }));
+}), ne = c(W, {
+  name: "MuiOutlinedInput",
+  slot: "NotchedOutline",
+  overridesResolver: (o, t) => t.notchedOutline
+})(({
+  theme: o
+}) => {
+  const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
+  };
+}), re = c(q, {
+  name: "MuiOutlinedInput",
+  slot: "Input",
+  overridesResolver: U
+})(({
+  theme: o,
+  ownerState: t
+}) => n({
+  padding: "16.5px 14px"
+}, !o.vars && {
+  "&:-webkit-autofill": {
+    WebkitBoxShadow: o.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
+    WebkitTextFillColor: o.palette.mode === "light" ? null : "#fff",
+    caretColor: o.palette.mode === "light" ? null : "#fff",
+    borderRadius: "inherit"
+  }
+}, o.vars && {
+  "&:-webkit-autofill": {
+    borderRadius: "inherit"
+  },
+  [o.getColorSchemeSelector("dark")]: {
+    "&:-webkit-autofill": {
+      WebkitBoxShadow: "0 0 0 100px #266798 inset",
+      WebkitTextFillColor: "#fff",
+      caretColor: "#fff"
+    }
+  }
+}, t.size === "small" && {
+  padding: "8.5px 14px"
+}, t.multiline && {
+  padding: 0
+}, t.startAdornment && {
+  paddingLeft: 0
+}, t.endAdornment && {
+  paddingRight: 0
+})), _ = /* @__PURE__ */ T.forwardRef(function(t, r) {
+  var l, f, d, u, g;
+  const p = G({
+    props: t,
+    name: "MuiOutlinedInput"
+  }), {
+    components: O = {},
+    fullWidth: y = !1,
+    inputComponent: k = "input",
+    label: b,
+    multiline: v = !1,
+    notched: C,
+    slots: x = {},
+    type: R = "text"
+  } = p, F = $(p, ee), I = oe(p), w = S(), s = D({
+    props: p,
+    muiFormControl: w,
+    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
+  }), L = n({}, p, {
+    color: s.color || "primary",
+    disabled: s.disabled,
+    error: s.error,
+    focused: s.focused,
+    formControl: w,
+    fullWidth: y,
+    hiddenLabel: s.hiddenLabel,
+    multiline: v,
+    size: s.size,
+    type: R
+  }), B = (l = (f = x.root) != null ? f : O.Root) != null ? l : te, j = (d = (u = x.input) != null ? u : O.Input) != null ? d : re;
+  return /* @__PURE__ */ a(V, n({
+    slots: {
+      root: B,
+      input: j
+    },
+    renderSuffix: (m) => /* @__PURE__ */ a(ne, {
+      ownerState: L,
+      className: I.notchedOutline,
+      label: b != null && b !== "" && s.required ? g || (g = /* @__PURE__ */ A(T.Fragment, {
+        children: [b, " ", "*"]
+      })) : b,
+      notched: typeof C < "u" ? C : !!(m.startAdornment || m.filled || m.focused)
+    }),
+    fullWidth: y,
+    inputComponent: k,
+    multiline: v,
+    ref: r,
+    type: R
+  }, F, {
+    classes: n({}, I, {
+      notchedOutline: null
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (_.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: e.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.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: e.oneOfType([e.oneOf(["primary", "secondary"]), e.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: e.shape({
+    Input: e.elementType,
+    Root: e.elementType
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: e.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: e.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: e.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: e.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: K,
+  /**
+   * The label of the `input`. It is only used for layout. The actual labelling
+   * is handled by `InputLabel`.
+   */
+  label: e.node,
+  /**
+   * 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: e.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.oneOfType([e.number, e.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.oneOfType([e.number, e.string]),
+  /**
+   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: e.bool,
+  /**
+   * 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: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.oneOfType([e.number, e.string]),
+  /**
+   * 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({
+    input: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: e.node,
+  /**
+   * 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]),
+  /**
+   * 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: e.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any
+});
+_.muiName = "Input";
+export {
+  _ as O
+};

package/dist/Paper-CaiWdndQ.js

@@ -0,0 +1,162 @@
+import { a as l, _ as P } from "./extends-C3382pL0.js";
+import * as h from "react";
+import { P as t } from "./createTheme-agWfFD64.js";
+import { g as N, u as $, c as T, b as I, a as R } from "./chainPropTypes-DtBfUj5o.js";
+import { g as q, s as x, a as p } from "./styled-Iq9jsO4F.js";
+import { u as E } from "./useTheme-CeyGVuQP.js";
+import { jsx as M } from "react/jsx-runtime";
+function O(e) {
+  const o = typeof e;
+  switch (o) {
+    case "number":
+      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
+    case "object":
+      return e === null ? "null" : e.constructor.name;
+    default:
+      return o;
+  }
+}
+function _(e) {
+  return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
+}
+const V = Number.isInteger || _;
+function d(e, o, n, a) {
+  const r = e[o];
+  if (r == null || !V(r)) {
+    const i = O(r);
+    return new RangeError(`Invalid ${a} \`${o}\` of type \`${i}\` supplied to \`${n}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function f(e, o, ...n) {
+  return e[o] === void 0 ? null : d(e, o, ...n);
+}
+function u() {
+  return null;
+}
+f.isRequired = d;
+u.isRequired = u;
+const j = process.env.NODE_ENV === "production" ? u : f, c = (e) => {
+  let o;
+  return e < 1 ? o = 5.11916 * e ** 2 : o = 4.5 * Math.log(e + 1) + 2, (o / 100).toFixed(2);
+};
+function w(e) {
+  return q("MuiPaper", e);
+}
+N("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+const C = ["className", "component", "elevation", "square", "variant"], k = (e) => {
+  const {
+    square: o,
+    elevation: n,
+    variant: a,
+    classes: r
+  } = e, i = {
+    root: ["root", a, !o && "rounded", a === "elevation" && `elevation${n}`]
+  };
+  return R(i, w, r);
+}, U = x("div", {
+  name: "MuiPaper",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: n
+    } = e;
+    return [o.root, o[n.variant], !n.square && o.rounded, n.variant === "elevation" && o[`elevation${n.elevation}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => {
+  var n;
+  return l({
+    backgroundColor: (e.vars || e).palette.background.paper,
+    color: (e.vars || e).palette.text.primary,
+    transition: e.transitions.create("box-shadow")
+  }, !o.square && {
+    borderRadius: e.shape.borderRadius
+  }, o.variant === "outlined" && {
+    border: `1px solid ${(e.vars || e).palette.divider}`
+  }, o.variant === "elevation" && l({
+    boxShadow: (e.vars || e).shadows[o.elevation]
+  }, !e.vars && e.palette.mode === "dark" && {
+    backgroundImage: `linear-gradient(${p("#fff", c(o.elevation))}, ${p("#fff", c(o.elevation))})`
+  }, e.vars && {
+    backgroundImage: (n = e.vars.overlays) == null ? void 0 : n[o.elevation]
+  }));
+}), D = /* @__PURE__ */ h.forwardRef(function(o, n) {
+  const a = $({
+    props: o,
+    name: "MuiPaper"
+  }), {
+    className: r,
+    component: i = "div",
+    elevation: s = 1,
+    square: m = !1,
+    variant: b = "elevation"
+  } = a, g = P(a, C), v = l({}, a, {
+    component: i,
+    elevation: s,
+    square: m,
+    variant: b
+  }), y = k(v);
+  return process.env.NODE_ENV !== "production" && E().shadows[s] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${s}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${s}]\` is defined.`].join(`
+`)), /* @__PURE__ */ M(U, l({
+    as: i,
+    ownerState: v,
+    className: T(y.root, r),
+    ref: n
+  }, g));
+});
+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: 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,
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 1
+   */
+  elevation: I(j, (e) => {
+    const {
+      elevation: o,
+      variant: n
+    } = e;
+    return o > 0 && n === "outlined" ? new Error(`MUI: Combining \`elevation={${o}}\` with \`variant="${n}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+  }),
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: 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]),
+  /**
+   * The variant to use.
+   * @default 'elevation'
+   */
+  variant: t.oneOfType([t.oneOf(["elevation", "outlined"]), t.string])
+});
+export {
+  D as P,
+  j as i
+};