@hybridcore/ui 1.6.5 → 1.6.7

package/dist/{styled-Db1RdcPA.js → styled-SoqbyrkW.js}

@@ -1,39 +1,39 @@
-import { styled as h, Box as z } from "@mui/material";
-import { a as i, _ as T } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import { styled as l, Box as h, ButtonBase as U } from "@mui/material";
+import { a as i, _ as D } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
 import { P as e } from "./index-C__OZmYy.js";
-import { c as U } from "./clsx-OuTLNxxd.js";
-import { s as u, r as I, g as D, a as F, b as p, f as G, u as V, c as H } from "./generateUtilityClasses-C3ivN9Ie.js";
-import { S as W } from "./SwitchBase-DTndTqI8.js";
-import { c as x } from "./createSvgIcon-Ch_cT8az.js";
-import { jsx as r, jsxs as q } from "react/jsx-runtime";
-import { c as L } from "./createChainedFunction-C0nujS3O.js";
-import { r as Z } from "./TransitionGroupContext-BDAp2T0O.js";
+import { c as F } from "./clsx-OuTLNxxd.js";
+import { s as f, r as I, g as H, a as G, b as u, f as V, u as W, c as q } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { S as L } from "./SwitchBase-DTndTqI8.js";
+import { c as z } from "./createSvgIcon-Ch_cT8az.js";
+import { jsx as s, jsxs as Z } from "react/jsx-runtime";
+import { c as A } from "./createChainedFunction-C0nujS3O.js";
+import { r as J } from "./TransitionGroupContext-BDAp2T0O.js";
 const P = /* @__PURE__ */ d.createContext(void 0);
 process.env.NODE_ENV !== "production" && (P.displayName = "RadioGroupContext");
-function A() {
+function K() {
   return d.useContext(P);
 }
-const J = x(/* @__PURE__ */ r("path", {
+const Q = z(/* @__PURE__ */ s("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "RadioButtonUnchecked"), K = x(/* @__PURE__ */ r("path", {
+}), "RadioButtonUnchecked"), X = z(/* @__PURE__ */ s("path", {
   d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-}), "RadioButtonChecked"), Q = u("span", {
+}), "RadioButtonChecked"), Y = f("span", {
   name: "MuiRadioButtonIcon",
   shouldForwardProp: I
 })({
   position: "relative",
   display: "flex"
-}), X = u(J, {
+}), oo = f(Q, {
   name: "MuiRadioButtonIcon"
 })({
   // Scale applied to prevent dot misalignment in Safari
   transform: "scale(1)"
-}), Y = u(K, {
+}), eo = f(X, {
   name: "MuiRadioButtonIcon"
 })(({
   theme: o,
-  ownerState: n
+  ownerState: a
 }) => i({
   left: 0,
   position: "absolute",
@@ -42,7 +42,7 @@ const J = x(/* @__PURE__ */ r("path", {
     easing: o.transitions.easing.easeIn,
     duration: o.transitions.duration.shortest
   })
-}, n.checked && {
+}, a.checked && {
   transform: "scale(1)",
   transition: o.transitions.create("transform", {
     easing: o.transitions.easing.easeOut,
@@ -51,23 +51,23 @@ const J = x(/* @__PURE__ */ r("path", {
 }));
 function k(o) {
   const {
-    checked: n = !1,
-    classes: a = {},
-    fontSize: t
-  } = o, s = i({}, o, {
-    checked: n
+    checked: a = !1,
+    classes: t = {},
+    fontSize: r
+  } = o, n = i({}, o, {
+    checked: a
   });
-  return /* @__PURE__ */ q(Q, {
-    className: a.root,
-    ownerState: s,
-    children: [/* @__PURE__ */ r(X, {
-      fontSize: t,
-      className: a.background,
-      ownerState: s
-    }), /* @__PURE__ */ r(Y, {
-      fontSize: t,
-      className: a.dot,
-      ownerState: s
+  return /* @__PURE__ */ Z(Y, {
+    className: t.root,
+    ownerState: n,
+    children: [/* @__PURE__ */ s(oo, {
+      fontSize: r,
+      className: t.background,
+      ownerState: n
+    }), /* @__PURE__ */ s(eo, {
+      fontSize: r,
+      className: t.dot,
+      ownerState: n
     })]
   });
 }
@@ -86,92 +86,92 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
    */
   fontSize: e.oneOf(["small", "medium"])
 });
-function oo(o) {
-  return F("MuiRadio", o);
+function ao(o) {
+  return G("MuiRadio", o);
 }
-const b = D("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), eo = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"], no = (o) => {
+const y = H("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), to = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"], ro = (o) => {
   const {
-    classes: n,
-    color: a,
-    size: t
-  } = o, s = {
-    root: ["root", `color${p(a)}`, t !== "medium" && `size${p(t)}`]
+    classes: a,
+    color: t,
+    size: r
+  } = o, n = {
+    root: ["root", `color${u(t)}`, r !== "medium" && `size${u(r)}`]
   };
-  return i({}, n, H(s, oo, n));
-}, ao = u(W, {
+  return i({}, a, q(n, ao, a));
+}, no = f(L, {
   shouldForwardProp: (o) => I(o) || o === "classes",
   name: "MuiRadio",
   slot: "Root",
-  overridesResolver: (o, n) => {
+  overridesResolver: (o, a) => {
     const {
-      ownerState: a
+      ownerState: t
     } = o;
-    return [n.root, a.size !== "medium" && n[`size${p(a.size)}`], n[`color${p(a.color)}`]];
+    return [a.root, t.size !== "medium" && a[`size${u(t.size)}`], a[`color${u(t.color)}`]];
   }
 })(({
   theme: o,
-  ownerState: n
+  ownerState: a
 }) => i({
   color: (o.vars || o).palette.text.secondary
-}, !n.disableRipple && {
+}, !a.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})` : G(n.color === "default" ? o.palette.action.active : o.palette[n.color].main, o.palette.action.hoverOpacity),
+    backgroundColor: o.vars ? `rgba(${a.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : V(a.color === "default" ? o.palette.action.active : o.palette[a.color].main, o.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   }
-}, n.color !== "default" && {
-  [`&.${b.checked}`]: {
-    color: (o.vars || o).palette[n.color].main
+}, a.color !== "default" && {
+  [`&.${y.checked}`]: {
+    color: (o.vars || o).palette[a.color].main
   }
 }, {
-  [`&.${b.disabled}`]: {
+  [`&.${y.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   }
 }));
-function to(o, n) {
-  return typeof n == "object" && n !== null ? o === n : String(o) === String(n);
+function so(o, a) {
+  return typeof a == "object" && a !== null ? o === a : String(o) === String(a);
 }
-const y = /* @__PURE__ */ r(k, {
+const v = /* @__PURE__ */ s(k, {
   checked: !0
-}), v = /* @__PURE__ */ r(k, {}), S = /* @__PURE__ */ d.forwardRef(function(n, a) {
-  var t, s;
-  const l = V({
-    props: n,
+}), x = /* @__PURE__ */ s(k, {}), S = /* @__PURE__ */ d.forwardRef(function(a, t) {
+  var r, n;
+  const p = W({
+    props: a,
     name: "MuiRadio"
   }), {
-    checked: B,
-    checkedIcon: N = y,
+    checked: w,
+    checkedIcon: N = v,
     color: O = "primary",
-    icon: $ = v,
-    name: w,
-    onChange: M,
-    size: f = "medium",
-    className: _
-  } = l, j = T(l, eo), g = i({}, l, {
+    icon: $ = x,
+    name: M,
+    onChange: j,
+    size: m = "medium",
+    className: T
+  } = p, _ = D(p, to), b = i({}, p, {
     color: O,
-    size: f
-  }), R = no(g), c = A();
-  let m = B;
-  const E = L(M, c && c.onChange);
+    size: m
+  }), R = ro(b), c = K();
   let C = w;
-  return c && (typeof m > "u" && (m = to(c.value, l.value)), typeof C > "u" && (C = c.name)), /* @__PURE__ */ r(ao, i({
+  const E = A(j, c && c.onChange);
+  let g = M;
+  return c && (typeof C > "u" && (C = so(c.value, p.value)), typeof g > "u" && (g = c.name)), /* @__PURE__ */ s(no, i({
     type: "radio",
     icon: /* @__PURE__ */ d.cloneElement($, {
-      fontSize: (t = v.props.fontSize) != null ? t : f
+      fontSize: (r = x.props.fontSize) != null ? r : m
     }),
     checkedIcon: /* @__PURE__ */ d.cloneElement(N, {
-      fontSize: (s = y.props.fontSize) != null ? s : f
+      fontSize: (n = v.props.fontSize) != null ? n : m
     }),
-    ownerState: g,
+    ownerState: b,
     classes: R,
-    name: C,
-    checked: m,
+    name: g,
+    checked: C,
     onChange: E,
-    ref: a,
-    className: U(R.root, _)
-  }, j));
+    ref: t,
+    className: F(R.root, T)
+  }, _));
 });
 process.env.NODE_ENV !== "production" && (S.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -227,7 +227,7 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Z,
+  inputRef: J,
   /**
    * Name attribute of the `input` element.
    */
@@ -260,15 +260,15 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
    */
   value: e.any
 });
-const so = (o) => o !== "itemcolor", ko = h(z, {
+const B = (o) => o !== "itemcolor", ko = l(h, {
   name: "HCColorPicker",
   slot: "root"
 })({
   display: "flex"
-}), go = h(S, {
+}), bo = l(S, {
   name: "HCColorPicker",
   slot: "radio",
-  shouldForwardProp: so
+  shouldForwardProp: B
 })(({ itemcolor: o }) => ({
   color: o,
   padding: 0,
@@ -306,7 +306,7 @@ const so = (o) => o !== "itemcolor", ko = h(z, {
       borderRadius: "50%"
     }
   }
-})), Ro = h(z, {
+})), Ro = l(h, {
   name: "HCColorPicker",
   slot: "pickerWrapper"
 })({
@@ -314,10 +314,37 @@ const so = (o) => o !== "itemcolor", ko = h(z, {
   marginTop: 25.6,
   right: 32,
   zIndex: 9999
-});
+}), yo = l(U, {
+  name: "HCColorPicker",
+  slot: "trigger"
+})(({ theme: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o.spacing(1),
+  width: "100%",
+  justifyContent: "flex-start",
+  padding: o.spacing(0.75, 1),
+  border: `1px solid ${o.palette.divider}`,
+  borderRadius: o.shape.borderRadius,
+  ...o.typography.body2,
+  color: o.palette.text.primary
+})), vo = l(h, {
+  name: "HCColorPicker",
+  slot: "swatch",
+  shouldForwardProp: B
+})(({ theme: o, itemcolor: a }) => ({
+  width: 18,
+  height: 18,
+  flexShrink: 0,
+  borderRadius: o.shape.borderRadius,
+  border: `1px solid ${o.palette.divider}`,
+  backgroundColor: a || "transparent"
+}));
 export {
   ko as C,
   P as R,
-  go as a,
-  Ro as b
+  yo as a,
+  vo as b,
+  bo as c,
+  Ro as d
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",