@hybridcore/ui 1.1.2 → 1.2.0

package/dist/{ButtonBase-BYmh3G5j.js → ButtonBase-C7CHOX3y.js}

@@ -1,9 +1,9 @@
 import { a as Y, _ as ae } from "./extends-C3382pL0.js";
 import * as l from "react";
 import X, { Children as We, isValidElement as G, cloneElement as Z } from "react";
-import { P as n } from "./createTheme-agWfFD64.js";
-import { b as He, c as v, g as ve, u as xe, a as Ge } from "./chainPropTypes-DtBfUj5o.js";
-import { s as le, g as Ze } from "./styled-Iq9jsO4F.js";
+import { P as n } from "./createTheme-oOCi1S_n.js";
+import { b as He, c as v, g as ve, u as xe, a as Ge } from "./chainPropTypes-BmidnkZm.js";
+import { s as le, g as Ze } from "./styled-Wx2vv4j8.js";
 import { jsx as $, jsxs as Je } from "react/jsx-runtime";
 import { _ as Qe, a as et } from "./assertThisInitialized-BUtkG-md.js";
 import { keyframes as ce } from "@emotion/react";
@@ -957,11 +957,12 @@ export {
   Re as T,
   Rt as _,
   ye as a,
-  H as b,
-  gt as c,
-  ct as d,
+  tt as b,
+  H as c,
+  gt as d,
   rt as e,
+  fe as f,
   it as r,
   st as s,
-  tt as u
+  ct as u
 };

package/dist/{CardContent-C8PxkJz4.js → CardContent-DDFwwGfd.js}

@@ -1,8 +1,8 @@
 import { _ as d, a as c } from "./extends-C3382pL0.js";
 import * as m from "react";
-import { P as o } from "./createTheme-agWfFD64.js";
-import { g as C, u, c as f, a as y } from "./chainPropTypes-DtBfUj5o.js";
-import { g, s as v } from "./styled-Iq9jsO4F.js";
+import { P as o } from "./createTheme-oOCi1S_n.js";
+import { g as C, u, c as f, a as y } from "./chainPropTypes-BmidnkZm.js";
+import { g, s as v } from "./styled-Wx2vv4j8.js";
 import { jsx as x } from "react/jsx-runtime";
 function N(t) {
   return g("MuiCardContent", t);

package/dist/Checkbox-DP6_qp1v.js

@@ -0,0 +1,469 @@
+import { s as Z, b as ee, P as e, c as P } from "./createTheme-oOCi1S_n.js";
+import { e as oe, f as ne, T as te, C as se, g as q, s as F, r as V, a as ce } from "./styled-Wx2vv4j8.js";
+import { c as S, g as T, a as H, u as ae } from "./chainPropTypes-BmidnkZm.js";
+import { _ as $, a as r } from "./extends-C3382pL0.js";
+import * as I from "react";
+import { u as re } from "./useTheme-BI40KZ7w.js";
+import { jsx as u, jsxs as ie } from "react/jsx-runtime";
+import { u as de } from "./useFormControl-CatNKXAi.js";
+import { B as le, r as U } from "./ButtonBase-C7CHOX3y.js";
+import { u as ue, c as w } from "./createSvgIcon-R_PakhKf.js";
+const pe = ["className", "component"];
+function fe(o = {}) {
+  const {
+    themeId: n,
+    defaultTheme: t,
+    defaultClassName: c = "MuiBox-root",
+    generateClassName: s
+  } = o, a = Z("div", {
+    shouldForwardProp: (i) => i !== "theme" && i !== "sx" && i !== "as"
+  })(ee);
+  return /* @__PURE__ */ I.forwardRef(function(C, d) {
+    const p = re(t), b = oe(C), {
+      className: m,
+      component: k = "div"
+    } = b, x = $(b, pe);
+    return /* @__PURE__ */ u(a, r({
+      as: k,
+      ref: d,
+      className: S(m, s ? s(c) : c),
+      theme: n && p[n] || p
+    }, x));
+  });
+}
+const me = T("MuiBox", ["root"]), he = ne(), be = fe({
+  themeId: te,
+  defaultTheme: he,
+  defaultClassName: me.root,
+  generateClassName: se.generate
+});
+process.env.NODE_ENV !== "production" && (be.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: 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])
+});
+function Ce(o) {
+  return q("PrivateSwitchBase", o);
+}
+T("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ke = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"], xe = (o) => {
+  const {
+    classes: n,
+    checked: t,
+    disabled: c,
+    edge: s
+  } = o, a = {
+    root: ["root", t && "checked", c && "disabled", s && `edge${P(s)}`],
+    input: ["input"]
+  };
+  return H(a, Ce, n);
+}, ge = F(le)(({
+  ownerState: o
+}) => r({
+  padding: 9,
+  borderRadius: "50%"
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+})), ye = F("input", {
+  shouldForwardProp: V
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), D = /* @__PURE__ */ I.forwardRef(function(n, t) {
+  const {
+    autoFocus: c,
+    checked: s,
+    checkedIcon: a,
+    className: h,
+    defaultChecked: i,
+    disabled: C,
+    disableFocusRipple: d = !1,
+    edge: p = !1,
+    icon: b,
+    id: m,
+    inputProps: k,
+    inputRef: x,
+    name: R,
+    onBlur: g,
+    onChange: y,
+    onFocus: v,
+    readOnly: L,
+    required: G = !1,
+    tabIndex: W,
+    type: z,
+    value: _
+  } = n, A = $(n, ke), [j, J] = ue({
+    controlled: s,
+    default: !!i,
+    name: "SwitchBase",
+    state: "checked"
+  }), f = de(), K = (l) => {
+    v && v(l), f && f.onFocus && f.onFocus(l);
+  }, Q = (l) => {
+    g && g(l), f && f.onBlur && f.onBlur(l);
+  }, X = (l) => {
+    if (l.nativeEvent.defaultPrevented)
+      return;
+    const M = l.target.checked;
+    J(M), y && y(l, M);
+  };
+  let B = C;
+  f && typeof B > "u" && (B = f.disabled);
+  const Y = z === "checkbox" || z === "radio", N = r({}, n, {
+    checked: j,
+    disabled: B,
+    disableFocusRipple: d,
+    edge: p
+  }), E = xe(N);
+  return /* @__PURE__ */ ie(ge, r({
+    component: "span",
+    className: S(E.root, h),
+    centerRipple: !0,
+    focusRipple: !d,
+    disabled: B,
+    tabIndex: null,
+    role: void 0,
+    onFocus: K,
+    onBlur: Q,
+    ownerState: N,
+    ref: t
+  }, A, {
+    children: [/* @__PURE__ */ u(ye, r({
+      autoFocus: c,
+      checked: s,
+      defaultChecked: i,
+      className: E.input,
+      disabled: B,
+      id: Y ? m : void 0,
+      name: R,
+      onChange: X,
+      readOnly: L,
+      ref: x,
+      required: G,
+      ownerState: N,
+      tabIndex: W,
+      type: z
+    }, z === "checkbox" && _ === void 0 ? {} : {
+      value: _
+    }, k)), j ? a : b]
+  }));
+});
+process.env.NODE_ENV !== "production" && (D.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.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: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: U,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * 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.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const ve = w(/* @__PURE__ */ u("path", {
+  d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+}), "CheckBoxOutlineBlank"), Be = w(/* @__PURE__ */ u("path", {
+  d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+}), "CheckBox"), Ie = w(/* @__PURE__ */ u("path", {
+  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
+}), "IndeterminateCheckBox");
+function Pe(o) {
+  return q("MuiCheckbox", o);
+}
+const O = T("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Re = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], ze = (o) => {
+  const {
+    classes: n,
+    indeterminate: t,
+    color: c,
+    size: s
+  } = o, a = {
+    root: ["root", t && "indeterminate", `color${P(c)}`, `size${P(s)}`]
+  }, h = H(a, Pe, n);
+  return r({}, n, h);
+}, Ne = F(D, {
+  shouldForwardProp: (o) => V(o) || o === "classes",
+  name: "MuiCheckbox",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: t
+    } = o;
+    return [n.root, t.indeterminate && n.indeterminate, n[`size${P(t.size)}`], t.color !== "default" && n[`color${P(t.color)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: n
+}) => r({
+  color: (o.vars || o).palette.text.secondary
+}, !n.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${n.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : ce(n.color === "default" ? o.palette.action.active : o.palette[n.color].main, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, n.color !== "default" && {
+  [`&.${O.checked}, &.${O.indeterminate}`]: {
+    color: (o.vars || o).palette[n.color].main
+  },
+  [`&.${O.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  }
+})), Oe = /* @__PURE__ */ u(Be, {}), Fe = /* @__PURE__ */ u(ve, {}), Se = /* @__PURE__ */ u(Ie, {}), Te = /* @__PURE__ */ I.forwardRef(function(n, t) {
+  var c, s;
+  const a = ae({
+    props: n,
+    name: "MuiCheckbox"
+  }), {
+    checkedIcon: h = Oe,
+    color: i = "primary",
+    icon: C = Fe,
+    indeterminate: d = !1,
+    indeterminateIcon: p = Se,
+    inputProps: b,
+    size: m = "medium",
+    className: k
+  } = a, x = $(a, Re), R = d ? p : C, g = d ? p : h, y = r({}, a, {
+    color: i,
+    indeterminate: d,
+    size: m
+  }), v = ze(y);
+  return /* @__PURE__ */ u(Ne, r({
+    type: "checkbox",
+    inputProps: r({
+      "data-indeterminate": d
+    }, b),
+    icon: /* @__PURE__ */ I.cloneElement(R, {
+      fontSize: (c = R.props.fontSize) != null ? c : m
+    }),
+    checkedIcon: /* @__PURE__ */ I.cloneElement(g, {
+      fontSize: (s = g.props.fontSize) != null ? s : m
+    }),
+    ownerState: y,
+    ref: t,
+    className: S(v.root, k)
+  }, x, {
+    classes: v
+  }));
+});
+process.env.NODE_ENV !== "production" && (Te.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 component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <CheckBoxIcon />
+   */
+  checkedIcon: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <CheckBoxOutlineBlankIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * If `true`, the component appears indeterminate.
+   * This does not set the native input element to indeterminate due
+   * to inconsistent behavior across browsers.
+   * However, we set a `data-indeterminate` attribute on the `input`.
+   * @default false
+   */
+  indeterminate: e.bool,
+  /**
+   * The icon to display when the component is indeterminate.
+   * @default <IndeterminateCheckBoxIcon />
+   */
+  indeterminateIcon: e.node,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: U,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense checkbox styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), 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]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: e.any
+});
+export {
+  be as B,
+  Te as C
+};