@hybridcore/ui 1.1.3 → 1.3.0

package/dist/{Typography-XIiVCSto.js → Typography-Bjo-B13o.js}

@@ -1,8 +1,8 @@
 import { a as s, _ as B } from "./extends-C3382pL0.js";
 import * as W from "react";
-import { c as f, P as t } from "./createTheme-agWfFD64.js";
-import { g as C, u as M, c as O, a as j } from "./chainPropTypes-DtBfUj5o.js";
-import { g as P, s as N, e as R } from "./styled-Iq9jsO4F.js";
+import { c as f, P as t } from "./createTheme-oOCi1S_n.js";
+import { g as C, u as M, c as O, a as j } from "./chainPropTypes-BmidnkZm.js";
+import { g as P, s as N, e as R } from "./styled-Wx2vv4j8.js";
 import { jsx as _ } from "react/jsx-runtime";
 function U(a) {
   return P("MuiTypography", a);

package/dist/{chainPropTypes-DtBfUj5o.js → chainPropTypes-BmidnkZm.js}

@@ -1,8 +1,8 @@
 import * as a from "react";
-import { P as u } from "./createTheme-agWfFD64.js";
+import { P as u } from "./createTheme-oOCi1S_n.js";
 import "react/jsx-runtime";
 import { a as c } from "./extends-C3382pL0.js";
-import { g as h } from "./styled-Iq9jsO4F.js";
+import { g as h } from "./styled-Wx2vv4j8.js";
 function d(e) {
   var o, n, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;

package/dist/components/card/index.js

@@ -3,11 +3,11 @@ import { Box as p, Avatar as b } from "@mui/material";
 import { LandscapeCardRoot as A, LandscapeInfoBox as I, LandscapeCardExtraActions as P, PortraitCardRoot as _, PortraitCardExtraActions as L } from "./styled.js";
 import { a as m, _ as v } from "../../extends-C3382pL0.js";
 import * as M from "react";
-import { P as t } from "../../createTheme-agWfFD64.js";
-import { g as w, u as O, c as N, a as S, b as B } from "../../chainPropTypes-DtBfUj5o.js";
-import { g as T, s as j } from "../../styled-Iq9jsO4F.js";
-import { C as y } from "../../CardContent-C8PxkJz4.js";
-import { T as d } from "../../Typography-XIiVCSto.js";
+import { P as t } from "../../createTheme-oOCi1S_n.js";
+import { g as w, u as O, c as N, a as S, b as B } from "../../chainPropTypes-BmidnkZm.js";
+import { g as T, s as j } from "../../styled-Wx2vv4j8.js";
+import { C as y } from "../../CardContent-DDFwwGfd.js";
+import { T as d } from "../../Typography-Bjo-B13o.js";
 function U(e) {
   return T("MuiCardActions", e);
 }

package/dist/components/card/styled.js

@@ -1,5 +1,5 @@
 import { Card as t, Box as o } from "@mui/material";
-import { s as i } from "../../styled-Iq9jsO4F.js";
+import { s as i } from "../../styled-Wx2vv4j8.js";
 const s = i(t, {
   name: "SNCard",
   // The component name

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

@@ -0,0 +1,34 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { Box as r } from "@mui/material";
+import { Container as a } from "../container/index.js";
+import { Accordion as o, AccordionSummary as i, AccordionDetails as t } from "./style.js";
+const h = (e) => /* @__PURE__ */ n(
+  a,
+  {
+    disableHeader: !0,
+    sx: { marginTop: 1, borderRadius: "13px", ...e.sx },
+    contentSx: {
+      p: "0 !important",
+      m: 0,
+      "& .MuiPaper-root": { borderRadius: "13px" }
+    },
+    children: /* @__PURE__ */ d(
+      o,
+      {
+        defaultExpanded: e.defaultExpanded,
+        expanded: e.expanded,
+        onChange: e.onChange,
+        children: [
+          /* @__PURE__ */ d(i, { "aria-controls": "panel1d-content", id: "panel1d-header", children: [
+            /* @__PURE__ */ n(r, { children: e.header }),
+            /* @__PURE__ */ n(r, { children: e.actions })
+          ] }),
+          /* @__PURE__ */ n(t, { children: e.content })
+        ]
+      }
+    )
+  }
+);
+export {
+  h as CollapsibleCard
+};

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

@@ -0,0 +1,575 @@
+import Q, { jsxs as q, jsx as f } from "react/jsx-runtime";
+import { i as X, g as _, s as y } from "../../styled-Wx2vv4j8.js";
+import { r as Y } from "../../createSvgIcon-DAR6Hwv8.js";
+import { _ as A, a as c } from "../../extends-C3382pL0.js";
+import * as l from "react";
+import { n as Z, P as e } from "../../createTheme-oOCi1S_n.js";
+import { g as $, u as j, c as I, b as oo, a as D } from "../../chainPropTypes-BmidnkZm.js";
+import { r as eo, m as ro, a as to } from "../../resolveComponentProps-BwtY1IP3.js";
+import { a as so, B as no } from "../../ButtonBase-C7CHOX3y.js";
+import { P as ao } from "../../Paper-k37cShvn.js";
+import { u as io } from "../../createSvgIcon-R_PakhKf.js";
+import { C as co } from "../../Collapse-9egEADkh.js";
+var k = {}, lo = X;
+Object.defineProperty(k, "__esModule", {
+  value: !0
+});
+var F = k.default = void 0, po = lo(Y()), uo = Q;
+F = k.default = (0, po.default)(/* @__PURE__ */ (0, uo.jsx)("path", {
+  d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
+}), "ArrowForwardIosSharp");
+const V = /* @__PURE__ */ l.createContext({});
+process.env.NODE_ENV !== "production" && (V.displayName = "AccordionContext");
+const fo = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], mo = ["component", "slots", "slotProps"], bo = ["component"];
+function go(o, r) {
+  const {
+    className: t,
+    elementType: s,
+    ownerState: n,
+    externalForwardedProps: i,
+    getSlotOwnerState: d,
+    internalForwardedProps: p
+  } = r, m = A(r, fo), {
+    component: T,
+    slots: u = {
+      [o]: void 0
+    },
+    slotProps: C = {
+      [o]: void 0
+    }
+  } = i;
+  A(i, mo);
+  const v = u[o] || s, b = eo(C[o], n), S = ro(c({
+    className: t
+  }, m, {
+    externalForwardedProps: void 0,
+    externalSlotProps: b
+  })), {
+    props: {
+      component: g
+    },
+    internalRef: x
+  } = S, a = A(S.props, bo), N = so(x, b == null ? void 0 : b.ref, r.ref), P = d ? d(a) : {}, R = c({}, n, P), E = g, M = to(v, c({}, o === "root", !u[o] && p, a, E && {
+    as: E
+  }, {
+    ref: N
+  }), R);
+  return Object.keys(P).forEach((w) => {
+    delete M[w];
+  }), [v, M];
+}
+function xo(o) {
+  return _("MuiAccordion", o);
+}
+const O = $("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters", "region"]), yo = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"], vo = (o) => {
+  const {
+    classes: r,
+    square: t,
+    expanded: s,
+    disabled: n,
+    disableGutters: i
+  } = o;
+  return D({
+    root: ["root", !t && "rounded", s && "expanded", n && "disabled", !i && "gutters"],
+    region: ["region"]
+  }, xo, r);
+}, Co = y(ao, {
+  name: "MuiAccordion",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: t
+    } = o;
+    return [{
+      [`& .${O.region}`]: r.region
+    }, r.root, !t.square && r.rounded, !t.disableGutters && r.gutters];
+  }
+})(({
+  theme: o
+}) => {
+  const r = {
+    duration: o.transitions.duration.shortest
+  };
+  return {
+    position: "relative",
+    transition: o.transitions.create(["margin"], r),
+    overflowAnchor: "none",
+    // Keep the same scrolling position
+    "&::before": {
+      position: "absolute",
+      left: 0,
+      top: -1,
+      right: 0,
+      height: 1,
+      content: '""',
+      opacity: 1,
+      backgroundColor: (o.vars || o).palette.divider,
+      transition: o.transitions.create(["opacity", "background-color"], r)
+    },
+    "&:first-of-type": {
+      "&::before": {
+        display: "none"
+      }
+    },
+    [`&.${O.expanded}`]: {
+      "&::before": {
+        opacity: 0
+      },
+      "&:first-of-type": {
+        marginTop: 0
+      },
+      "&:last-of-type": {
+        marginBottom: 0
+      },
+      "& + &": {
+        "&::before": {
+          display: "none"
+        }
+      }
+    },
+    [`&.${O.disabled}`]: {
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    }
+  };
+}, ({
+  theme: o
+}) => ({
+  variants: [{
+    props: (r) => !r.square,
+    style: {
+      borderRadius: 0,
+      "&:first-of-type": {
+        borderTopLeftRadius: (o.vars || o).shape.borderRadius,
+        borderTopRightRadius: (o.vars || o).shape.borderRadius
+      },
+      "&:last-of-type": {
+        borderBottomLeftRadius: (o.vars || o).shape.borderRadius,
+        borderBottomRightRadius: (o.vars || o).shape.borderRadius,
+        // Fix a rendering issue on Edge
+        "@supports (-ms-ime-align: auto)": {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0
+        }
+      }
+    }
+  }, {
+    props: (r) => !r.disableGutters,
+    style: {
+      [`&.${O.expanded}`]: {
+        margin: "16px 0"
+      }
+    }
+  }]
+})), B = /* @__PURE__ */ l.forwardRef(function(r, t) {
+  const s = j({
+    props: r,
+    name: "MuiAccordion"
+  }), {
+    children: n,
+    className: i,
+    defaultExpanded: d = !1,
+    disabled: p = !1,
+    disableGutters: m = !1,
+    expanded: T,
+    onChange: u,
+    square: C = !1,
+    slots: v = {},
+    slotProps: b = {},
+    TransitionComponent: S,
+    TransitionProps: g
+  } = s, x = A(s, yo), [a, N] = io({
+    controlled: T,
+    default: d,
+    name: "Accordion",
+    state: "expanded"
+  }), P = l.useCallback((K) => {
+    N(!a), u && u(K, !a);
+  }, [a, u, N]), [R, ...E] = l.Children.toArray(n), M = l.useMemo(() => ({
+    expanded: a,
+    disabled: p,
+    disableGutters: m,
+    toggle: P
+  }), [a, p, m, P]), w = c({}, s, {
+    square: C,
+    disabled: p,
+    disableGutters: m,
+    expanded: a
+  }), G = vo(w), L = c({
+    transition: S
+  }, v), z = c({
+    transition: g
+  }, b), [H, J] = go("transition", {
+    elementType: co,
+    externalForwardedProps: {
+      slots: L,
+      slotProps: z
+    },
+    ownerState: w
+  });
+  return /* @__PURE__ */ q(Co, c({
+    className: I(G.root, i),
+    ref: t,
+    ownerState: w,
+    square: C
+  }, x, {
+    children: [/* @__PURE__ */ f(V.Provider, {
+      value: M,
+      children: R
+    }), /* @__PURE__ */ f(H, c({
+      in: a,
+      timeout: "auto"
+    }, J, {
+      children: /* @__PURE__ */ f("div", {
+        "aria-labelledby": R.props.id,
+        id: R.props["aria-controls"],
+        role: "region",
+        className: G.region,
+        children: E
+      })
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (B.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: oo(e.node.isRequired, (o) => {
+    const r = l.Children.toArray(o.children)[0];
+    return Z.isFragment(r) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ l.isValidElement(r) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
+  }),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, expands the accordion by default.
+   * @default false
+   */
+  defaultExpanded: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+   * @default false
+   */
+  disableGutters: e.bool,
+  /**
+   * If `true`, expands the accordion, otherwise collapse it.
+   * Setting this prop enables control over the accordion.
+   */
+  expanded: e.bool,
+  /**
+   * Callback fired when the expand/collapse state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {boolean} expanded The `expanded` state of the accordion.
+   */
+  onChange: e.func,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    transition: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    transition: e.elementType
+  }),
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: e.bool,
+  /**
+   * 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 component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   */
+  TransitionProps: e.object
+});
+function So(o) {
+  return _("MuiAccordionSummary", o);
+}
+const h = $("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), ho = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"], Ao = (o) => {
+  const {
+    classes: r,
+    expanded: t,
+    disabled: s,
+    disableGutters: n
+  } = o;
+  return D({
+    root: ["root", t && "expanded", s && "disabled", !n && "gutters"],
+    focusVisible: ["focusVisible"],
+    content: ["content", t && "expanded", !n && "contentGutters"],
+    expandIconWrapper: ["expandIconWrapper", t && "expanded"]
+  }, So, r);
+}, Po = y(no, {
+  name: "MuiAccordionSummary",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})(({
+  theme: o
+}) => {
+  const r = {
+    duration: o.transitions.duration.shortest
+  };
+  return {
+    display: "flex",
+    minHeight: 48,
+    padding: o.spacing(0, 2),
+    transition: o.transitions.create(["min-height", "background-color"], r),
+    [`&.${h.focusVisible}`]: {
+      backgroundColor: (o.vars || o).palette.action.focus
+    },
+    [`&.${h.disabled}`]: {
+      opacity: (o.vars || o).palette.action.disabledOpacity
+    },
+    [`&:hover:not(.${h.disabled})`]: {
+      cursor: "pointer"
+    },
+    variants: [{
+      props: (t) => !t.disableGutters,
+      style: {
+        [`&.${h.expanded}`]: {
+          minHeight: 64
+        }
+      }
+    }]
+  };
+}), Ro = y("div", {
+  name: "MuiAccordionSummary",
+  slot: "Content",
+  overridesResolver: (o, r) => r.content
+})(({
+  theme: o
+}) => ({
+  display: "flex",
+  flexGrow: 1,
+  margin: "12px 0",
+  variants: [{
+    props: (r) => !r.disableGutters,
+    style: {
+      transition: o.transitions.create(["margin"], {
+        duration: o.transitions.duration.shortest
+      }),
+      [`&.${h.expanded}`]: {
+        margin: "20px 0"
+      }
+    }
+  }]
+})), wo = y("div", {
+  name: "MuiAccordionSummary",
+  slot: "ExpandIconWrapper",
+  overridesResolver: (o, r) => r.expandIconWrapper
+})(({
+  theme: o
+}) => ({
+  display: "flex",
+  color: (o.vars || o).palette.action.active,
+  transform: "rotate(0deg)",
+  transition: o.transitions.create("transform", {
+    duration: o.transitions.duration.shortest
+  }),
+  [`&.${h.expanded}`]: {
+    transform: "rotate(180deg)"
+  }
+})), U = /* @__PURE__ */ l.forwardRef(function(r, t) {
+  const s = j({
+    props: r,
+    name: "MuiAccordionSummary"
+  }), {
+    children: n,
+    className: i,
+    expandIcon: d,
+    focusVisibleClassName: p,
+    onClick: m
+  } = s, T = A(s, ho), {
+    disabled: u = !1,
+    disableGutters: C,
+    expanded: v,
+    toggle: b
+  } = l.useContext(V), S = (a) => {
+    b && b(a), m && m(a);
+  }, g = c({}, s, {
+    expanded: v,
+    disabled: u,
+    disableGutters: C
+  }), x = Ao(g);
+  return /* @__PURE__ */ q(Po, c({
+    focusRipple: !1,
+    disableRipple: !0,
+    disabled: u,
+    component: "div",
+    "aria-expanded": v,
+    className: I(x.root, i),
+    focusVisibleClassName: I(x.focusVisible, p),
+    onClick: S,
+    ref: t,
+    ownerState: g
+  }, T, {
+    children: [/* @__PURE__ */ f(Ro, {
+      className: x.content,
+      ownerState: g,
+      children: n
+    }), d && /* @__PURE__ */ f(wo, {
+      className: x.expandIconWrapper,
+      ownerState: g,
+      children: d
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" && (U.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,
+  /**
+   * The icon to display as the expand indicator.
+   */
+  expandIcon: e.node,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: e.string,
+  /**
+   * @ignore
+   */
+  onClick: e.func,
+  /**
+   * 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 To(o) {
+  return _("MuiAccordionDetails", o);
+}
+$("MuiAccordionDetails", ["root"]);
+const No = ["className"], Eo = (o) => {
+  const {
+    classes: r
+  } = o;
+  return D({
+    root: ["root"]
+  }, To, r);
+}, Mo = y("div", {
+  name: "MuiAccordionDetails",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})(({
+  theme: o
+}) => ({
+  padding: o.spacing(1, 2, 2)
+})), W = /* @__PURE__ */ l.forwardRef(function(r, t) {
+  const s = j({
+    props: r,
+    name: "MuiAccordionDetails"
+  }), {
+    className: n
+  } = s, i = A(s, No), d = s, p = Eo(d);
+  return /* @__PURE__ */ f(Mo, c({
+    className: I(p.root, n),
+    ref: t,
+    ownerState: d
+  }, i));
+});
+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,
+  /**
+   * 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])
+});
+const Bo = y((o) => /* @__PURE__ */ f(B, { disableGutters: !0, elevation: 0, square: !0, ...o }))(() => ({
+  "&:not(:last-child)": {
+    borderBottom: 0
+  },
+  "&:before": {
+    display: "none"
+  }
+})), Uo = y((o) => /* @__PURE__ */ f(
+  U,
+  {
+    expandIcon: /* @__PURE__ */ f(F, { sx: { fontSize: 12 } }),
+    ...o
+  }
+))(({ theme: o }) => ({
+  fontSize: "14px",
+  minHeight: "auto",
+  height: 44,
+  flexDirection: "row-reverse",
+  "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
+    transform: "rotate(90deg)"
+  },
+  "& .MuiAccordionSummary-content": {
+    display: "flex",
+    margin: o.spacing(1),
+    marginRight: 0,
+    justifyContent: "space-between",
+    alignItems: "center"
+  }
+})), Wo = y(W)(({ theme: o }) => ({
+  padding: o.spacing(2),
+  paddingTop: 0
+}));
+export {
+  Bo as Accordion,
+  Wo as AccordionDetails,
+  Uo as AccordionSummary
+};

package/dist/components/confirm/dialog.js

@@ -2,13 +2,13 @@ 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 { c as h, g as T, D as b, a as y, b as B, B as p } from "../../DialogContent-MMUsECN2.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";
+import { P as o } from "../../createTheme-oOCi1S_n.js";
+import { u as M, c as N, a as O } from "../../chainPropTypes-BmidnkZm.js";
+import { s as R } from "../../styled-Wx2vv4j8.js";
+import { T as P } from "../../Typography-Bjo-B13o.js";
 const _ = ["className", "id"], k = (a) => {
   const {
     classes: t