@hybridcore/ui 1.6.0 → 1.6.1

package/dist/components/card-alternate/styled.js

@@ -1,22 +1,21 @@
-import { styled as i, Card as t, Box as n } from "@mui/material";
-const r = i(t, {
-  name: "SNAlternateCard",
-  // The component name
-  slot: "root"
-  // The slot name
-})(({ theme: a }) => ({
+import { styled as t, Card as i, Box as r, Typography as n, Skeleton as l } from "@mui/material";
+const a = (e) => e !== "ownerState", s = t(i, {
+  name: "HCCardAlternate",
+  slot: "root",
+  shouldForwardProp: a
+})(({ theme: e }) => ({
   position: "relative",
   display: "flex",
-  padding: a.spacing(3),
-  paddingTop: a.spacing(6),
-  gap: a.spacing(2),
+  padding: e.spacing(3),
+  paddingTop: e.spacing(6),
+  gap: e.spacing(2),
   "& .MuiCardMedia-root": {
-    borderRadius: a.shape.borderRadius
+    borderRadius: e.shape.borderRadius
   },
   "& .MuiCardContent-root, & .MuiCardContent-root:last-child": {
     display: "flex",
     flex: 1,
-    gap: a.spacing(3),
+    gap: e.spacing(3),
     padding: 0,
     margin: 0
   },
@@ -24,10 +23,17 @@ const r = i(t, {
     visibility: "visible",
     opacity: 1
   }
-})), e = i(n, {
-  name: "SNAlternateCard",
-  slot: "menuContainer"
-})(() => ({
+})), p = t(r, {
+  name: "HCCardAlternate",
+  slot: "body",
+  shouldForwardProp: a
+})({
+  flex: 1
+}), C = t(r, {
+  name: "HCCardAlternate",
+  slot: "menuContainer",
+  shouldForwardProp: a
+})({
   position: "absolute",
   top: 8,
   right: 8,
@@ -38,8 +44,96 @@ const r = i(t, {
   visibility: "hidden",
   opacity: 0,
   transition: "0.3s all"
-}));
+}), c = t(r, {
+  name: "HCCardAlternate",
+  slot: "headerRow",
+  shouldForwardProp: a
+})({
+  display: "flex",
+  alignItems: "center"
+}), b = t(r, {
+  name: "HCCardAlternate",
+  slot: "avatarContainer",
+  shouldForwardProp: a
+})(({ theme: e }) => ({
+  marginRight: e.spacing(2)
+})), g = t(r, {
+  name: "HCCardAlternate",
+  slot: "titleColumn",
+  shouldForwardProp: a
+})({
+  width: "100%",
+  minWidth: 0
+}), w = t(n, {
+  name: "HCCardAlternate",
+  slot: "title",
+  shouldForwardProp: a
+})(({ ownerState: e }) => ({
+  marginBottom: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  display: "-webkit-box",
+  WebkitLineClamp: 3,
+  WebkitBoxOrient: "vertical",
+  cursor: e.clickable ? "pointer" : "default",
+  lineHeight: "22px",
+  overflowWrap: "break-word",
+  wordBreak: "break-word"
+})), A = t(n, {
+  name: "HCCardAlternate",
+  slot: "subTitle",
+  shouldForwardProp: a
+})(({ theme: e }) => ({
+  color: e.palette.text.secondary,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  display: "-webkit-box",
+  WebkitLineClamp: 4,
+  WebkitBoxOrient: "vertical",
+  lineHeight: "16px",
+  overflowWrap: "break-word",
+  wordBreak: "break-word"
+})), k = t(n, {
+  name: "HCCardAlternate",
+  slot: "text",
+  shouldForwardProp: a
+})(({ ownerState: e, theme: o }) => ({
+  color: o.palette.text.secondary,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  display: "-webkit-box",
+  WebkitLineClamp: 4,
+  WebkitBoxOrient: "vertical",
+  lineHeight: "16px",
+  cursor: e.clickable ? "pointer" : "default",
+  marginTop: o.spacing(2),
+  marginBottom: o.spacing(2),
+  overflowWrap: "break-word",
+  wordBreak: "break-word"
+})), m = t(r, {
+  name: "HCCardAlternate",
+  slot: "rightMenu",
+  shouldForwardProp: a
+})({}), x = t(l, {
+  name: "HCCardAlternate",
+  slot: "avatarSkeleton",
+  shouldForwardProp: a
+})({}), v = t(l, {
+  name: "HCCardAlternate",
+  slot: "lineSkeleton",
+  shouldForwardProp: a
+})({});
 export {
-  e as AlternateCardMenuContainer,
-  r as AlternateCardRoot
+  b as AlternateCardAvatarContainer,
+  x as AlternateCardAvatarSkeleton,
+  p as AlternateCardBody,
+  c as AlternateCardHeaderRow,
+  v as AlternateCardLineSkeleton,
+  C as AlternateCardMenuContainer,
+  m as AlternateCardRightMenu,
+  s as AlternateCardRoot,
+  A as AlternateCardSubTitle,
+  k as AlternateCardText,
+  w as AlternateCardTitle,
+  g as AlternateCardTitleColumn
 };

package/dist/components/collapsible-card/index.js

@@ -1,5 +1,5 @@
 import i, { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { r as c, i as l } from "../../createSvgIcon-BjpIhJ30.js";
+import { r as c, i as l } from "../../createSvgIcon-BM3-TsGy.js";
 import { Container as u } from "../container/index.js";
 import { useCollapsibleCardLogic as s } from "./logic.js";
 import { Accordion as x, AccordionSummary as m, SummaryHeader as f, SummaryActions as h, AccordionDetails as S } from "./styled.js";

package/dist/components/collapsible-card/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as e } from "@mui/material";
-import { A as n, a as t, b as i } from "../../AccordionSummary-DgAwVTk8.js";
+import { A as n, a as t, b as i } from "../../AccordionSummary-CMg08YSA.js";
 const r = (o) => o !== "ownerState", m = a(n, {
   name: "HCCollapsibleCard",
   slot: "accordion"

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-CGJ7alb8.js";
+import { D as f } from "../../dialog-cf4HUXXl.js";
+import "../../Modal-DlB6GH-f.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-cf4HUXXl.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
+};