kdpa-components 1.0.0 → 1.2.0

package/dist/{Typography-9a28b393.js → Typography-db7e5ea2.js}

@@ -1,49 +1,47 @@
-import { _ as s, a as W } from "./extends-393586f3.js";
+import { a as p, _ as W } from "./extends-135d7828.js";
 import * as j from "react";
-import { P as o } from "./index-f4329b29.js";
-import { g as C, s as M, u as O, c as P, a as R } from "./useThemeProps-114e8d66.js";
-import { g as N, c as f } from "./identifier-5cabf5ae.js";
-import { j as _ } from "./jsx-runtime-944c88e2.js";
-import { e as U } from "./extendSxProp-eacd850e.js";
+import { g as C, c as f, j as M, P as t } from "./identifier-2647f844.js";
+import { g as O, s as P, u as R, c as N, a as _ } from "./useThemeProps-ea792506.js";
+import { e as U } from "./extendSxProp-d294b946.js";
 function E(a) {
-  return N("MuiTypography", a);
+  return C("MuiTypography", a);
 }
-C("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+O("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
 const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], D = (a) => {
   const {
-    align: t,
+    align: o,
     gutterBottom: r,
     noWrap: n,
     paragraph: i,
     variant: e,
     classes: h
-  } = a, p = {
-    root: ["root", e, a.align !== "inherit" && `align${f(t)}`, r && "gutterBottom", n && "noWrap", i && "paragraph"]
+  } = a, s = {
+    root: ["root", e, a.align !== "inherit" && `align${f(o)}`, r && "gutterBottom", n && "noWrap", i && "paragraph"]
   };
-  return R(p, E, h);
-}, L = M("span", {
+  return _(s, E, h);
+}, L = P("span", {
   name: "MuiTypography",
   slot: "Root",
-  overridesResolver: (a, t) => {
+  overridesResolver: (a, o) => {
     const {
       ownerState: r
     } = a;
-    return [t.root, r.variant && t[r.variant], r.align !== "inherit" && t[`align${f(r.align)}`], r.noWrap && t.noWrap, r.gutterBottom && t.gutterBottom, r.paragraph && t.paragraph];
+    return [o.root, r.variant && o[r.variant], r.align !== "inherit" && o[`align${f(r.align)}`], r.noWrap && o.noWrap, r.gutterBottom && o.gutterBottom, r.paragraph && o.paragraph];
   }
 })(({
   theme: a,
-  ownerState: t
-}) => s({
+  ownerState: o
+}) => p({
   margin: 0
-}, t.variant && a.typography[t.variant], t.align !== "inherit" && {
-  textAlign: t.align
-}, t.noWrap && {
+}, o.variant && a.typography[o.variant], o.align !== "inherit" && {
+  textAlign: o.align
+}, o.noWrap && {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}, t.gutterBottom && {
+}, o.gutterBottom && {
   marginBottom: "0.35em"
-}, t.paragraph && {
+}, o.paragraph && {
   marginBottom: 16
 })), u = {
   h1: "h1",
@@ -63,25 +61,25 @@ const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
   secondary: "secondary.main",
   textSecondary: "text.secondary",
   error: "error.main"
-}, w = (a) => V[a] || a, d = /* @__PURE__ */ j.forwardRef(function(t, r) {
-  const n = O({
-    props: t,
+}, w = (a) => V[a] || a, d = /* @__PURE__ */ j.forwardRef(function(o, r) {
+  const n = R({
+    props: o,
     name: "MuiTypography"
-  }), i = w(n.color), e = U(s({}, n, {
+  }), i = w(n.color), e = U(p({}, n, {
     color: i
   })), {
     align: h = "inherit",
-    className: p,
+    className: s,
     component: l,
     gutterBottom: b = !1,
     noWrap: v = !1,
     paragraph: c = !1,
     variant: g = "body1",
     variantMapping: m = u
-  } = e, T = W(e, $), y = s({}, e, {
+  } = e, T = W(e, $), y = p({}, e, {
     align: h,
     color: i,
-    className: p,
+    className: s,
     component: l,
     gutterBottom: b,
     noWrap: v,
@@ -89,11 +87,11 @@ const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
     variant: g,
     variantMapping: m
   }), x = l || (c ? "p" : m[g] || u[g]) || "span", B = D(y);
-  return /* @__PURE__ */ _.jsx(L, s({
+  return /* @__PURE__ */ M.jsx(L, p({
     as: x,
     ref: r,
     ownerState: y,
-    className: P(B.root, p)
+    className: N(B.root, s)
   }, T));
 });
 process.env.NODE_ENV !== "production" && (d.propTypes = {
@@ -105,29 +103,29 @@ process.env.NODE_ENV !== "production" && (d.propTypes = {
    * Set the text-align on the component.
    * @default 'inherit'
    */
-  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
+  align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
   /**
    * The content of the component.
    */
-  children: o.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: o.elementType,
+  component: t.elementType,
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
    */
-  gutterBottom: o.bool,
+  gutterBottom: t.bool,
   /**
    * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    *
@@ -135,21 +133,21 @@ process.env.NODE_ENV !== "production" && (d.propTypes = {
    * (the element needs to have a width in order to overflow).
    * @default false
    */
-  noWrap: o.bool,
+  noWrap: t.bool,
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
    */
-  paragraph: o.bool,
+  paragraph: t.bool,
   /**
    * 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]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * Applies the theme typography styles.
    * @default 'body1'
    */
-  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string]),
+  variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
   /**
    * The component maps the variant prop to a range of different HTML element types.
    * For instance, subtitle1 to `<h6>`.
@@ -169,9 +167,9 @@ process.env.NODE_ENV !== "production" && (d.propTypes = {
    *   inherit: 'p',
    * }
    */
-  variantMapping: o.object
+  variantMapping: t.object
 });
-const G = d;
+const q = d;
 export {
-  G as T
+  q as T
 };

package/dist/{Zoom-64a4beac.js → Zoom-36a189bb.js}

@@ -1,11 +1,9 @@
-import { a as A, _ as m } from "./extends-393586f3.js";
-import * as f from "react";
-import { P as n } from "./index-f4329b29.js";
-import { u as D } from "./useTheme-2bb6b2df.js";
-import { r as F, g as h } from "./utils-8a7b223e.js";
-import { j as V } from "./jsx-runtime-944c88e2.js";
-import { e as W } from "./elementAcceptingRef-332a290a.js";
-import { T as $ } from "./Transition-2ecbc61d.js";
+import { _ as A, a as f } from "./extends-135d7828.js";
+import * as m from "react";
+import { j as D, P as n } from "./identifier-2647f844.js";
+import { u as F } from "./useTheme-6ea322ec.js";
+import { T as V, r as W, g as h } from "./utils-acd98a68.js";
+import { e as $ } from "./elementAcceptingRef-bd96c731.js";
 import { u as B } from "./useForkRef-0781dda0.js";
 const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
   entering: {
@@ -14,15 +12,15 @@ const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "o
   entered: {
     transform: "none"
   }
-}, y = /* @__PURE__ */ f.forwardRef(function(E, T) {
-  const o = D(), R = {
+}, y = /* @__PURE__ */ m.forwardRef(function(E, T) {
+  const o = F(), R = {
     enter: o.transitions.duration.enteringScreen,
     exit: o.transitions.duration.leavingScreen
   }, {
-    addEndListener: p,
+    addEndListener: u,
     appear: b = !0,
     children: a,
-    easing: u,
+    easing: p,
     in: l,
     onEnter: x,
     onEntered: P,
@@ -33,18 +31,18 @@ const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "o
     style: d,
     timeout: c = R,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: v = $
-  } = E, w = A(E, G), s = f.useRef(null), Z = B(s, a.ref, T), r = (e) => (t) => {
+    TransitionComponent: v = V
+  } = E, w = A(E, G), s = m.useRef(null), Z = B(s, a.ref, T), r = (e) => (t) => {
     if (e) {
       const i = s.current;
       t === void 0 ? e(i) : e(i, t);
     }
   }, C = r(L), O = r((e, t) => {
-    F(e);
+    W(e);
     const i = h({
       style: d,
       timeout: c,
-      easing: u
+      easing: p
     }, {
       mode: "enter"
     });
@@ -53,15 +51,15 @@ const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "o
     const t = h({
       style: d,
       timeout: c,
-      easing: u
+      easing: p
     }, {
       mode: "exit"
     });
     e.style.webkitTransition = o.transitions.create("transform", t), e.style.transition = o.transitions.create("transform", t), g && g(e);
   }), q = r(j), z = (e) => {
-    p && p(s.current, e);
+    u && u(s.current, e);
   };
-  return /* @__PURE__ */ V.jsx(v, m({
+  return /* @__PURE__ */ D.jsx(v, f({
     appear: b,
     in: l,
     nodeRef: s,
@@ -74,8 +72,8 @@ const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "o
     addEndListener: z,
     timeout: c
   }, w, {
-    children: (e, t) => /* @__PURE__ */ f.cloneElement(a, m({
-      style: m({
+    children: (e, t) => /* @__PURE__ */ m.cloneElement(a, f({
+      style: f({
         transform: "scale(0)",
         visibility: e === "exited" && !l ? "hidden" : void 0
       }, H[e], d, a.props.style),
@@ -103,7 +101,7 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
   /**
    * A single child content element.
    */
-  children: W.isRequired,
+  children: $.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -158,7 +156,7 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
     exit: n.number
   })])
 });
-const en = y;
+const I = y;
 export {
-  en as Z
+  I as Z
 };

package/dist/{createSvgIcon-5cb90f79.js → createSvgIcon-1aa1b2b2.js}

@@ -1,13 +1,11 @@
-import { a as b, _ as S } from "./extends-393586f3.js";
+import { _ as b, a as S } from "./extends-135d7828.js";
 import * as $ from "react";
-import { j as x } from "./jsx-runtime-944c88e2.js";
-import { P as o } from "./index-f4329b29.js";
-import { g as T, s as N, u as R, c as C, a as j } from "./useThemeProps-114e8d66.js";
-import { g as O, c as y } from "./identifier-5cabf5ae.js";
+import { g as T, c as y, j as x, P as o } from "./identifier-2647f844.js";
+import { g as N, s as R, u as C, c as j, a as O } from "./useThemeProps-ea792506.js";
 function B(e) {
-  return O("MuiSvgIcon", e);
+  return T("MuiSvgIcon", e);
 }
-T("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+N("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const E = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], M = (e) => {
   const {
     color: t,
@@ -16,8 +14,8 @@ const E = ["children", "className", "color", "component", "fontSize", "htmlColor
   } = e, r = {
     root: ["root", t !== "inherit" && `color${y(t)}`, `fontSize${y(n)}`]
   };
-  return j(r, B, i);
-}, V = N("svg", {
+  return O(r, B, i);
+}, V = R("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -30,7 +28,7 @@ const E = ["children", "className", "color", "component", "fontSize", "htmlColor
   theme: e,
   ownerState: t
 }) => {
-  var n, i, r, f, a, c, p, v, s, l, d, g, m, u, h, z, w;
+  var n, i, r, f, a, c, p, v, s, l, d, g, u, m, h, z, w;
   return {
     userSelect: "none",
     width: "1em",
@@ -48,14 +46,14 @@ const E = ["children", "className", "color", "component", "fontSize", "htmlColor
       large: ((s = e.typography) == null || (l = s.pxToRem) == null ? void 0 : l.call(s, 35)) || "2.1875rem"
     }[t.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (d = (g = (e.vars || e).palette) == null || (m = g[t.color]) == null ? void 0 : m.main) != null ? d : {
-      action: (u = (e.vars || e).palette) == null || (h = u.action) == null ? void 0 : h.active,
+    color: (d = (g = (e.vars || e).palette) == null || (u = g[t.color]) == null ? void 0 : u.main) != null ? d : {
+      action: (m = (e.vars || e).palette) == null || (h = m.action) == null ? void 0 : h.active,
       disabled: (z = (e.vars || e).palette) == null || (w = z.action) == null ? void 0 : w.disabled,
       inherit: void 0
     }[t.color]
   };
 }), _ = /* @__PURE__ */ $.forwardRef(function(t, n) {
-  const i = R({
+  const i = C({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -68,26 +66,26 @@ const E = ["children", "className", "color", "component", "fontSize", "htmlColor
     inheritViewBox: s = !1,
     titleAccess: l,
     viewBox: d = "0 0 24 24"
-  } = i, g = b(i, E), m = S({}, i, {
+  } = i, g = b(i, E), u = S({}, i, {
     color: a,
     component: c,
     fontSize: p,
     instanceFontSize: t.fontSize,
     inheritViewBox: s,
     viewBox: d
-  }), u = {};
-  s || (u.viewBox = d);
-  const h = M(m);
+  }), m = {};
+  s || (m.viewBox = d);
+  const h = M(u);
   return /* @__PURE__ */ x.jsxs(V, S({
     as: c,
-    className: C(h.root, f),
+    className: j(h.root, f),
     focusable: "false",
     color: v,
     "aria-hidden": l ? void 0 : !0,
     role: l ? "img" : void 0,
     ref: n
-  }, u, g, {
-    ownerState: m,
+  }, m, g, {
+    ownerState: u,
     children: [r, l ? /* @__PURE__ */ x.jsx("title", {
       children: l
     }) : null]
@@ -167,7 +165,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
 });
 _.muiName = "SvgIcon";
 const I = _;
-function L(e, t) {
+function D(e, t) {
   function n(i, r) {
     return /* @__PURE__ */ x.jsx(I, S({
       "data-testid": `${t}Icon`,
@@ -179,5 +177,5 @@ function L(e, t) {
   return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = I.muiName, /* @__PURE__ */ $.memo(/* @__PURE__ */ $.forwardRef(n));
 }
 export {
-  L as c
+  D as c
 };

package/dist/{dividerClasses-6f4cb6be.js → dividerClasses-a9b8b1ae.js}

@@ -1,5 +1,5 @@
-import { g as t } from "./useThemeProps-114e8d66.js";
-import { g as e } from "./identifier-5cabf5ae.js";
+import { g as t } from "./useThemeProps-ea792506.js";
+import { g as e } from "./identifier-2647f844.js";
 function a(i) {
   return e("MuiDivider", i);
 }

package/dist/{elementAcceptingRef-332a290a.js → elementAcceptingRef-bd96c731.js}

@@ -1,4 +1,4 @@
-import { P as r } from "./index-f4329b29.js";
+import { P as r } from "./identifier-2647f844.js";
 import { c } from "./chainPropTypes-004bf492.js";
 function m(n) {
   const {

package/dist/{elementTypeAcceptingRef-05dea79e.js → elementTypeAcceptingRef-dea9e62a.js}

@@ -1,4 +1,4 @@
-import { P as c } from "./index-f4329b29.js";
+import { P as c } from "./identifier-2647f844.js";
 import { c as l } from "./chainPropTypes-004bf492.js";
 function f(n) {
   const {

package/dist/{emotion-react.browser.esm-921c014a.js → emotion-react.browser.esm-3fa5f721.js}

@@ -1,5 +1,5 @@
 import { useContext as L, useRef as ve, createElement as N, Fragment as Ee } from "react";
-import { i as P, w as V, j as q, k as O, m as G, n as be, o as _e, p as Se } from "./identifier-5cabf5ae.js";
+import { i as P, w as V, k as q, m as O, n as G, o as be, q as _e, t as Se } from "./identifier-2647f844.js";
 var g = { exports: {} }, a = {};
 /** @license React v16.13.1
  * react-is.production.min.js

package/dist/{exactProp-7fadf441.js → exactProp-86f148d5.js}

@@ -1,4 +1,4 @@
-import { _ as n } from "./extends-393586f3.js";
+import { a as n } from "./extends-135d7828.js";
 const s = "exact-prop: ​";
 function u(e) {
   return process.env.NODE_ENV === "production" ? e : n({}, e, {

package/dist/{extendSxProp-eacd850e.js → extendSxProp-d294b946.js}

@@ -1,5 +1,5 @@
-import { a, _ as i } from "./extends-393586f3.js";
-import { F as c, G as f } from "./identifier-5cabf5ae.js";
+import { _ as a, a as i } from "./extends-135d7828.js";
+import { H as c, J as f } from "./identifier-2647f844.js";
 const x = ["sx"], m = (t) => {
   var s, n;
   const o = {

package/dist/{extends-393586f3.js → extends-135d7828.js}

@@ -17,6 +17,6 @@ function o() {
   }, o.apply(this, arguments);
 }
 export {
-  o as _,
-  s as a
+  s as _,
+  o as a
 };