@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/color-picker/logic.js

@@ -0,0 +1,18 @@
+import { useThemeProps as C } from "@mui/material";
+import { useState as l } from "react";
+const i = ["#fe0000", "#fe00f6", "#ffc300", "#002bfe", "#fff", "#000"], m = (n) => {
+  const e = C({ props: n, name: "HCColorPicker" }), [s, r] = l(!1), c = e.swatches ?? i, a = { ...e };
+  return {
+    refs: {},
+    state: { ownerState: a, showPicker: s, swatches: c },
+    actions: { handleSwatchChange: (o, t) => {
+      e.onChange(t);
+    }, togglePicker: () => r((o) => !o), handleColorChange: (o) => {
+      const { r: t, g: h, b: g, a: f } = o.rgb;
+      e.onChange(`rgba(${t},${h},${g},${f ?? 1})`);
+    } }
+  };
+};
+export {
+  m as useColorPickerLogic
+};

package/dist/components/color-picker/styled.js

@@ -0,0 +1,7 @@
+import "@mui/material";
+import { a as e, C as i, b as p } from "../../styled-Db1RdcPA.js";
+export {
+  e as ColorPickerRadio,
+  i as ColorPickerRoot,
+  p as ColorPickerWrapper
+};

package/dist/components/confirm/dialog.js

@@ -2,9 +2,9 @@ import "react/jsx-runtime";
 import "react-confirm";
 import "@mui/material";
 import "@mui/icons-material";
-import "../../DialogContent-B3nbEbuv.js";
-import { a as f } from "../../dialog-DcwXug9J.js";
-import "../../Button-CvE2gnly.js";
+import "../../DialogContent-BvVjD9z3.js";
+import { D as f } from "../../dialog-BYRnCztH.js";
+import "../../Button-C5yquWAB.js";
 export {
   f as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { a as i } from "../../dialog-DcwXug9J.js";
+import { D as i } from "../../dialog-BYRnCztH.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

package/dist/components/container/index.js

@@ -1,271 +1,30 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { _ as g, a as i } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as T from "react";
-import { P as e } from "../../index-C__OZmYy.js";
-import { g as N, u as P, c as x, b as S, a as H } from "../../useThemeProps-BzzHcQyd.js";
-import { s as h } from "../../styled-eZwjUruw.js";
-import { g as R } from "../../createTheme-DYxDnE9u.js";
-import { P as E } from "../../Paper-2B03OBmZ.js";
-import { T as b } from "../../Typography-CxbneZy_.js";
-import { C as $ } from "../../CardContent-CSHh-ZlM.js";
-function k(r) {
-  return R("MuiCard", r);
-}
-N("MuiCard", ["root"]);
-const z = ["className", "raised"], D = (r) => {
-  const {
-    classes: o
-  } = r;
-  return H({
-    root: ["root"]
-  }, k, o);
-}, I = h(E, {
-  name: "MuiCard",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})(() => ({
-  overflow: "hidden"
-})), w = /* @__PURE__ */ T.forwardRef(function(o, t) {
-  const a = P({
-    props: o,
-    name: "MuiCard"
-  }), {
-    className: d,
-    raised: s = !1
-  } = a, c = g(a, z), p = i({}, a, {
-    raised: s
-  }), u = D(p);
-  return /* @__PURE__ */ n(I, i({
-    className: x(u.root, d),
-    elevation: s ? 8 : void 0,
-    ref: t,
-    ownerState: p
-  }, c));
-});
-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 "yarn 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,
-  /**
-   * If `true`, the card will use raised styling.
-   * @default false
-   */
-  raised: S(e.bool, (r) => r.raised && r.variant === "outlined" ? new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.') : null),
-  /**
-   * 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 V(r) {
-  return R("MuiCardHeader", r);
-}
-const v = N("MuiCardHeader", ["root", "avatar", "action", "content", "title", "subheader"]), W = ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"], B = (r) => {
-  const {
-    classes: o
-  } = r;
-  return H({
-    root: ["root"],
-    avatar: ["avatar"],
-    action: ["action"],
-    content: ["content"],
-    title: ["title"],
-    subheader: ["subheader"]
-  }, V, o);
-}, L = h("div", {
-  name: "MuiCardHeader",
-  slot: "Root",
-  overridesResolver: (r, o) => i({
-    [`& .${v.title}`]: o.title,
-    [`& .${v.subheader}`]: o.subheader
-  }, o.root)
-})({
-  display: "flex",
-  alignItems: "center",
-  padding: 16
-}), q = h("div", {
-  name: "MuiCardHeader",
-  slot: "Avatar",
-  overridesResolver: (r, o) => o.avatar
-})({
-  display: "flex",
-  flex: "0 0 auto",
-  marginRight: 16
-}), F = h("div", {
-  name: "MuiCardHeader",
-  slot: "Action",
-  overridesResolver: (r, o) => o.action
-})({
-  flex: "0 0 auto",
-  alignSelf: "flex-start",
-  marginTop: -4,
-  marginRight: -8,
-  marginBottom: -4
-}), G = h("div", {
-  name: "MuiCardHeader",
-  slot: "Content",
-  overridesResolver: (r, o) => o.content
-})({
-  flex: "1 1 auto"
-}), M = /* @__PURE__ */ T.forwardRef(function(o, t) {
-  const a = P({
-    props: o,
-    name: "MuiCardHeader"
-  }), {
-    action: d,
-    avatar: s,
-    className: c,
-    component: p = "div",
-    disableTypography: u = !1,
-    subheader: j,
-    subheaderTypographyProps: A,
-    title: O,
-    titleTypographyProps: U
-  } = a, _ = g(a, W), m = i({}, a, {
-    component: p,
-    disableTypography: u
-  }), l = B(m);
-  let y = O;
-  y != null && y.type !== b && !u && (y = /* @__PURE__ */ n(b, i({
-    variant: s ? "body2" : "h5",
-    className: l.title,
-    component: "span",
-    display: "block"
-  }, U, {
-    children: y
-  })));
-  let f = j;
-  return f != null && f.type !== b && !u && (f = /* @__PURE__ */ n(b, i({
-    variant: s ? "body2" : "body1",
-    className: l.subheader,
-    color: "text.secondary",
-    component: "span",
-    display: "block"
-  }, A, {
-    children: f
-  }))), /* @__PURE__ */ C(L, i({
-    className: x(l.root, c),
-    as: p,
-    ref: t,
-    ownerState: m
-  }, _, {
-    children: [s && /* @__PURE__ */ n(q, {
-      className: l.avatar,
-      ownerState: m,
-      children: s
-    }), /* @__PURE__ */ C(G, {
-      className: l.content,
-      ownerState: m,
-      children: [y, f]
-    }), d && /* @__PURE__ */ n(F, {
-      className: l.action,
-      ownerState: m,
-      children: d
-    })]
-  }));
-});
-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 "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The action to display in the card header.
-   */
-  action: e.node,
-  /**
-   * The Avatar element to display.
-   */
-  avatar: e.node,
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
-   * This can be useful to render an alternative Typography variant by wrapping
-   * the `title` text, and optional `subheader` text
-   * with the Typography component.
-   * @default false
-   */
-  disableTypography: e.bool,
-  /**
-   * The content of the component.
-   */
-  subheader: e.node,
-  /**
-   * These props will be forwarded to the subheader
-   * (as long as disableTypography is not `true`).
-   */
-  subheaderTypographyProps: e.object,
-  /**
-   * 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 content of the component.
-   */
-  title: e.node,
-  /**
-   * These props will be forwarded to the title
-   * (as long as disableTypography is not `true`).
-   */
-  titleTypographyProps: e.object
-});
-const ae = ({
-  disableHeader: r,
-  sx: o,
-  headerSx: t,
-  contentSx: a,
-  elevation: d = 4,
-  children: s,
-  ...c
-}) => /* @__PURE__ */ C(w, { elevation: d, sx: o, children: [
-  !r && /* @__PURE__ */ n(
-    M,
-    {
-      sx: [
-        { p: 3, pb: 0 },
-        ...Array.isArray(t) ? t : [t]
-      ],
-      titleTypographyProps: { sx: { fontSize: "1rem", fontWeight: 500 } },
-      subheaderTypographyProps: { sx: { fontSize: ".875rem" } },
-      ...c
-    }
-  ),
-  /* @__PURE__ */ n(
-    $,
-    {
-      sx: [{ p: 3 }, ...Array.isArray(a) ? a : [a]],
-      children: s
-    }
-  )
-] });
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useContainerLogic as h } from "./logic.js";
+import { ContainerRoot as f, ContainerHeader as u, ContainerContent as S } from "./styled.js";
+const H = (e) => {
+  const { state: n } = h(e), { ownerState: o, elevation: r } = n, {
+    disableHeader: i,
+    sx: a,
+    headerSx: s,
+    contentSx: c,
+    children: x,
+    title: d,
+    subheader: m,
+    action: C
+  } = e;
+  return /* @__PURE__ */ l(f, { ownerState: o, elevation: r, sx: a, children: [
+    !i && /* @__PURE__ */ t(
+      u,
+      {
+        sx: s,
+        title: d,
+        subheader: m,
+        action: C
+      }
+    ),
+    /* @__PURE__ */ t(S, { sx: c, children: x })
+  ] });
+};
 export {
-  ae as Container
+  H as Container
 };

package/dist/components/container/logic.js

@@ -0,0 +1,12 @@
+import { useThemeProps as r } from "@mui/material";
+const a = (t) => {
+  const o = r({ props: t, name: "HCContainer" }), { elevation: e = 4 } = o, n = { ...o, elevation: e };
+  return {
+    refs: {},
+    state: { ownerState: n, elevation: e },
+    actions: {}
+  };
+};
+export {
+  a as useContainerLogic
+};

package/dist/components/container/styled.js

@@ -0,0 +1,29 @@
+import { styled as n, Card as t, CardHeader as o, CardContent as a } from "@mui/material";
+const r = (e) => e !== "ownerState", i = n(t, {
+  name: "HCContainer",
+  slot: "root",
+  shouldForwardProp: r
+})({}), C = n(o, {
+  name: "HCContainer",
+  slot: "header"
+})(({ theme: e }) => ({
+  padding: e.spacing(3),
+  paddingBottom: 0,
+  "& .MuiCardHeader-title": {
+    fontSize: "1rem",
+    fontWeight: 500
+  },
+  "& .MuiCardHeader-subheader": {
+    fontSize: ".875rem"
+  }
+})), s = n(a, {
+  name: "HCContainer",
+  slot: "content"
+})(({ theme: e }) => ({
+  padding: e.spacing(3)
+}));
+export {
+  s as ContainerContent,
+  C as ContainerHeader,
+  i as ContainerRoot
+};