@hybridcore/ui 1.0.2 → 1.1.2

package/dist/components/card/styled.js

@@ -1,9 +1,77 @@
-import "@mui/material";
-import { d as t, L as s, b as d, h as n, f as c } from "../../styled-BG5UIpPU.js";
+import { Card as t, Box as o } from "@mui/material";
+import { s as i } from "../../styled-Iq9jsO4F.js";
+const s = i(t, {
+  name: "SNCard",
+  // The component name
+  slot: "root"
+  // The slot name
+})(() => ({
+  position: "relative",
+  "&:hover .extra-actions": {
+    visibility: "visible",
+    opacity: 1
+  }
+})), d = i(o, {
+  name: "SNCard",
+  slot: "extraActions"
+})(({ theme: a }) => ({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  display: "flex",
+  gap: a.spacing(1),
+  padding: a.spacing(1.5),
+  visibility: "hidden",
+  opacity: 0,
+  transition: "0.3s all"
+})), p = i(t, {
+  name: "SNCard",
+  // The component name
+  slot: "root"
+  // The slot name
+})(({ theme: a }) => ({
+  display: "flex",
+  padding: a.spacing(1.5),
+  gap: a.spacing(3),
+  "& .MuiCardMedia-root": {
+    borderRadius: a.shape.borderRadius
+  },
+  "& .MuiCardContent-root, & .MuiCardContent-root:last-child": {
+    display: "flex",
+    flex: 1,
+    gap: a.spacing(3),
+    padding: 0,
+    margin: 0
+  }
+})), l = i(o, {
+  name: "SNCard",
+  // The component name
+  slot: "infoBox"
+  // The slot name
+})(({ theme: a }) => ({
+  display: "flex",
+  flexDirection: "column",
+  width: 260,
+  paddingLeft: a.spacing(2),
+  paddingRight: a.spacing(2),
+  gap: a.spacing(0.5),
+  alignItems: "center",
+  borderLeft: "1px solid",
+  borderColor: a.palette.divider,
+  boxSizing: "border-box"
+})), c = i(o, {
+  name: "SNCard",
+  slot: "extraActions"
+})(({ theme: a }) => ({
+  display: "flex",
+  gap: a.spacing(1),
+  marginTop: a.spacing(1),
+  marginBottom: a.spacing(1)
+}));
 export {
-  t as LandscapeCardExtraActions,
-  s as LandscapeCardRoot,
-  d as LandscapeInfoBox,
-  n as PortraitCardExtraActions,
-  c as PortraitCardRoot
+  c as LandscapeCardExtraActions,
+  p as LandscapeCardRoot,
+  l as LandscapeInfoBox,
+  d as PortraitCardExtraActions,
+  s as PortraitCardRoot
 };

package/dist/components/conditional-wrapper/index.js

@@ -0,0 +1,9 @@
+import { jsx as n, Fragment as e } from "react/jsx-runtime";
+const a = ({
+  condition: o,
+  wrapper: t,
+  children: r
+}) => /* @__PURE__ */ n(e, { children: o ? t(r) : r });
+export {
+  a as ConditionalWrapper
+};

package/dist/components/confirm/dialog.js

@@ -0,0 +1,151 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { confirmable as x } from "react-confirm";
+import { IconButton as C } from "@mui/material";
+import { Close as D } from "@mui/icons-material";
+import { c as h, g as T, D as b, a as y, b as B, B as p } from "../../DialogContent-2aPOjKE7.js";
+import { _ as j, a as v } from "../../extends-C3382pL0.js";
+import * as u from "react";
+import { P as o } from "../../createTheme-agWfFD64.js";
+import { u as M, c as N, a as O } from "../../chainPropTypes-DtBfUj5o.js";
+import { s as R } from "../../styled-Iq9jsO4F.js";
+import { T as P } from "../../Typography-XIiVCSto.js";
+const _ = ["className", "id"], k = (a) => {
+  const {
+    classes: t
+  } = a;
+  return O({
+    root: ["root"]
+  }, T, t);
+}, w = R(P, {
+  name: "MuiDialogTitle",
+  slot: "Root",
+  overridesResolver: (a, t) => t.root
+})({
+  padding: "16px 24px",
+  flex: "0 0 auto"
+}), m = /* @__PURE__ */ u.forwardRef(function(t, l) {
+  const i = M({
+    props: t,
+    name: "MuiDialogTitle"
+  }), {
+    className: e,
+    id: n
+  } = i, r = j(i, _), c = i, f = k(c), {
+    titleId: g = n
+  } = u.useContext(h);
+  return /* @__PURE__ */ s(w, v({
+    component: "h2",
+    className: N(f.root, e),
+    ownerState: c,
+    ref: l,
+    variant: "h6",
+    id: n ?? g
+  }, r));
+});
+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 `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * @ignore
+   */
+  id: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const A = {
+  confirmButtonText: "OK",
+  cancelButtonText: "Cancel",
+  disableCancelButton: !1
+}, I = ({
+  show: a = !0,
+  proceed: t = () => {
+  },
+  title: l,
+  description: i,
+  options: e
+}) => {
+  e = { ...A, ...e };
+  const n = () => {
+    t(!1);
+  }, r = () => {
+    t(!1);
+  }, c = () => {
+    t(!0);
+  };
+  return /* @__PURE__ */ d(
+    b,
+    {
+      open: a,
+      onClose: n,
+      "aria-labelledby": "dialog-title",
+      "aria-describedby": "dialog-description",
+      sx: {
+        "& .MuiDialog-paper": {
+          borderRadius: 3
+        },
+        "& .MuiDialogTitle-root": {
+          px: 4,
+          py: 3
+        },
+        "& .MuiDialogContent-root": {
+          p: 4,
+          pt: 0
+        },
+        "& .MuiDialogActions-root": {
+          p: 4,
+          background: "#0439910A"
+        }
+      },
+      children: [
+        /* @__PURE__ */ d(
+          m,
+          {
+            id: "dialog-title",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              l,
+              /* @__PURE__ */ s(C, { onClick: r, children: /* @__PURE__ */ s(D, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(y, { sx: { minWidth: 400 }, children: i }),
+        /* @__PURE__ */ d(B, { children: [
+          !e.disableCancelButton && /* @__PURE__ */ s(p, { color: "inherit", onClick: r, children: e.cancelButtonText }),
+          /* @__PURE__ */ s(
+            p,
+            {
+              variant: "contained",
+              color: "primary",
+              onClick: c,
+              autoFocus: !0,
+              children: e.confirmButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, z = x(I);
+export {
+  z as default
+};

package/dist/components/confirm/index.js

@@ -0,0 +1,23 @@
+import { createConfirmation as r } from "react-confirm";
+import i from "./dialog.js";
+const o = r(i);
+function f(t, n, e = {
+  cancelButtonText: "Cancel",
+  confirmButtonText: "OK",
+  disableCancelButton: !1
+}) {
+  return o({ title: t, description: n, options: e });
+}
+function l(t, n) {
+  return o({
+    title: t,
+    description: n,
+    options: {
+      disableCancelButton: !0
+    }
+  });
+}
+export {
+  l as alert,
+  f as confirm
+};

package/dist/components/container/index.js

@@ -0,0 +1,270 @@
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { _ as g, a as i } from "../../extends-C3382pL0.js";
+import * as T from "react";
+import { P as e } from "../../createTheme-agWfFD64.js";
+import { g as N, u as P, c as x, b as S, a as H } from "../../chainPropTypes-DtBfUj5o.js";
+import { g as R, s as h } from "../../styled-Iq9jsO4F.js";
+import { P as E } from "../../Paper-CaiWdndQ.js";
+import { T as b } from "../../Typography-XIiVCSto.js";
+import { C as $ } from "../../CardContent-C8PxkJz4.js";
+function D(r) {
+  return R("MuiCard", r);
+}
+N("MuiCard", ["root"]);
+const k = ["className", "raised"], z = (r) => {
+  const {
+    classes: o
+  } = r;
+  return H({
+    root: ["root"]
+  }, D, 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, k), p = i({}, a, {
+    raised: s
+  }), u = z(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 `pnpm 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 `pnpm 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 re = ({
+  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
+    }
+  )
+] });
+export {
+  re as Container
+};