kdpa-components 1.35.2 → 1.35.3

package/dist/Loading/index.js

@@ -0,0 +1,348 @@
+import { j as n } from "../jsx-runtime-944c88e2.js";
+import { G as M } from "../iconBase-800b43ff.js";
+import { C as T } from "../CircularProgress-2c55d9ef.js";
+import { _ as f, a as q } from "../extends-393586f3.js";
+import * as D from "react";
+import { g as z, h as i, P as o, l as E, m as K } from "../identifier-9dfe30d8.js";
+import { g as U, s as h, u as S, c as w, a as A } from "../useThemeProps-7d04a175.js";
+import { u as V } from "../useTheme-014a54ad.js";
+import { k as x, c as C } from "../emotion-react.browser.esm-d563ed65.js";
+import { S as G } from "../Skeleton-263b2beb.js";
+import { KdpaCircularProgress as Ir } from "./KdpaProgress/index.js";
+import "../chainPropTypes-004bf492.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../hoist-non-react-statics.cjs-ce2f2873.js";
+import "../Typography/index.js";
+import "../Typography-dfa51fea.js";
+import "../extendSxProp-f7714a31.js";
+import "../Box-a827334a.js";
+function X(r) {
+  return z("MuiLinearProgress", r);
+}
+U("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
+const Y = ["className", "color", "value", "valueBuffer", "variant"];
+let d = (r) => r, $, j, I, N, B, _;
+const y = 4, F = x($ || ($ = d`
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+`)), H = x(j || (j = d`
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+`)), W = x(I || (I = d`
+  0% {
+    opacity: 1;
+    background-position: 0 -23px;
+  }
+
+  60% {
+    opacity: 0;
+    background-position: 0 -23px;
+  }
+
+  100% {
+    opacity: 1;
+    background-position: -200px -23px;
+  }
+`)), J = (r) => {
+  const {
+    classes: e,
+    variant: a,
+    color: t
+  } = r, s = {
+    root: ["root", `color${i(t)}`, a],
+    dashed: ["dashed", `dashedColor${i(t)}`],
+    bar1: ["bar", `barColor${i(t)}`, (a === "indeterminate" || a === "query") && "bar1Indeterminate", a === "determinate" && "bar1Determinate", a === "buffer" && "bar1Buffer"],
+    bar2: ["bar", a !== "buffer" && `barColor${i(t)}`, a === "buffer" && `color${i(t)}`, (a === "indeterminate" || a === "query") && "bar2Indeterminate", a === "buffer" && "bar2Buffer"]
+  };
+  return A(s, X, e);
+}, P = (r, e) => e === "inherit" ? "currentColor" : r.vars ? r.vars.palette.LinearProgress[`${e}Bg`] : r.palette.mode === "light" ? E(r.palette[e].main, 0.62) : K(r.palette[e].main, 0.5), Q = h("span", {
+  name: "MuiLinearProgress",
+  slot: "Root",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: a
+    } = r;
+    return [e.root, e[`color${i(a.color)}`], e[a.variant]];
+  }
+})(({
+  ownerState: r,
+  theme: e
+}) => f({
+  position: "relative",
+  overflow: "hidden",
+  display: "block",
+  height: 4,
+  zIndex: 0,
+  // Fix Safari's bug during composition of different paint.
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  backgroundColor: P(e, r.color)
+}, r.color === "inherit" && r.variant !== "buffer" && {
+  backgroundColor: "none",
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "currentColor",
+    opacity: 0.3
+  }
+}, r.variant === "buffer" && {
+  backgroundColor: "transparent"
+}, r.variant === "query" && {
+  transform: "rotate(180deg)"
+})), Z = h("span", {
+  name: "MuiLinearProgress",
+  slot: "Dashed",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: a
+    } = r;
+    return [e.dashed, e[`dashedColor${i(a.color)}`]];
+  }
+})(({
+  ownerState: r,
+  theme: e
+}) => {
+  const a = P(e, r.color);
+  return f({
+    position: "absolute",
+    marginTop: 0,
+    height: "100%",
+    width: "100%"
+  }, r.color === "inherit" && {
+    opacity: 0.3
+  }, {
+    backgroundImage: `radial-gradient(${a} 0%, ${a} 16%, transparent 42%)`,
+    backgroundSize: "10px 10px",
+    backgroundPosition: "0 -23px"
+  });
+}, C(N || (N = d`
+    animation: ${0} 3s infinite linear;
+  `), W)), rr = h("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar1",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: a
+    } = r;
+    return [e.bar, e[`barColor${i(a.color)}`], (a.variant === "indeterminate" || a.variant === "query") && e.bar1Indeterminate, a.variant === "determinate" && e.bar1Determinate, a.variant === "buffer" && e.bar1Buffer];
+  }
+})(({
+  ownerState: r,
+  theme: e
+}) => f({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  backgroundColor: r.color === "inherit" ? "currentColor" : (e.vars || e).palette[r.color].main
+}, r.variant === "determinate" && {
+  transition: `transform .${y}s linear`
+}, r.variant === "buffer" && {
+  zIndex: 1,
+  transition: `transform .${y}s linear`
+}), ({
+  ownerState: r
+}) => (r.variant === "indeterminate" || r.variant === "query") && C(B || (B = d`
+      width: auto;
+      animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+    `), F)), er = h("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar2",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: a
+    } = r;
+    return [e.bar, e[`barColor${i(a.color)}`], (a.variant === "indeterminate" || a.variant === "query") && e.bar2Indeterminate, a.variant === "buffer" && e.bar2Buffer];
+  }
+})(({
+  ownerState: r,
+  theme: e
+}) => f({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left"
+}, r.variant !== "buffer" && {
+  backgroundColor: r.color === "inherit" ? "currentColor" : (e.vars || e).palette[r.color].main
+}, r.color === "inherit" && {
+  opacity: 0.3
+}, r.variant === "buffer" && {
+  backgroundColor: P(e, r.color),
+  transition: `transform .${y}s linear`
+}), ({
+  ownerState: r
+}) => (r.variant === "indeterminate" || r.variant === "query") && C(_ || (_ = d`
+      width: auto;
+      animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+    `), H)), O = /* @__PURE__ */ D.forwardRef(function(e, a) {
+  const t = S({
+    props: e,
+    name: "MuiLinearProgress"
+  }), {
+    className: s,
+    color: k = "primary",
+    value: m,
+    valueBuffer: p,
+    variant: c = "indeterminate"
+  } = t, R = q(t, Y), u = f({}, t, {
+    color: k,
+    variant: c
+  }), b = J(u), L = V(), g = {}, v = {
+    bar1: {},
+    bar2: {}
+  };
+  if (c === "determinate" || c === "buffer")
+    if (m !== void 0) {
+      g["aria-valuenow"] = Math.round(m), g["aria-valuemin"] = 0, g["aria-valuemax"] = 100;
+      let l = m - 100;
+      L.direction === "rtl" && (l = -l), v.bar1.transform = `translateX(${l}%)`;
+    } else
+      process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
+  if (c === "buffer")
+    if (p !== void 0) {
+      let l = (p || 0) - 100;
+      L.direction === "rtl" && (l = -l), v.bar2.transform = `translateX(${l}%)`;
+    } else
+      process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
+  return /* @__PURE__ */ n.jsxs(Q, f({
+    className: w(b.root, s),
+    ownerState: u,
+    role: "progressbar"
+  }, g, {
+    ref: a
+  }, R, {
+    children: [c === "buffer" ? /* @__PURE__ */ n.jsx(Z, {
+      className: b.dashed,
+      ownerState: u
+    }) : null, /* @__PURE__ */ n.jsx(rr, {
+      className: b.bar1,
+      ownerState: u,
+      style: v.bar1
+    }), c === "determinate" ? null : /* @__PURE__ */ n.jsx(er, {
+      className: b.bar2,
+      ownerState: u,
+      style: v.bar2
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" && (O.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: o.oneOfType([o.oneOf(["inherit", "primary", "secondary"]), 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]),
+  /**
+   * The value of the progress indicator for the determinate and buffer variants.
+   * Value between 0 and 100.
+   */
+  value: o.number,
+  /**
+   * The value for the buffer variant.
+   * Value between 0 and 100.
+   */
+  valueBuffer: o.number,
+  /**
+   * The variant to use.
+   * Use indeterminate or query when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: o.oneOf(["buffer", "determinate", "indeterminate", "query"])
+});
+const ar = O;
+function or(r) {
+  return M({ tag: "svg", attr: { viewBox: "0 0 16 16", fill: "currentColor" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M13.917 7A6.002 6.002 0 0 0 2.083 7H1.071a7.002 7.002 0 0 1 13.858 0h-1.012z" } }] })(r);
+}
+const Pr = ({
+  size: r = 18,
+  customIcon: e = or,
+  className: a,
+  style: t
+}) => /* @__PURE__ */ n.jsx("div", { className: "kdpa-inline-spinner", style: t, children: /* @__PURE__ */ n.jsx(e, { size: r, className: `inline-spinner ${a}` }) });
+function kr({
+  children: r,
+  loading: e = !1,
+  fade: a = !0,
+  type: t = "spinner",
+  value: s,
+  position: k = "center",
+  color: m = "",
+  size: p = 30
+}) {
+  return e ? /* @__PURE__ */ n.jsxs("div", { children: [
+    /* @__PURE__ */ n.jsx("div", { children: r }),
+    t === "spinner" ? /* @__PURE__ */ n.jsx(
+      T,
+      {
+        size: p,
+        ...s ? { value: s, variant: "determinate" } : { variant: "indeterminate" }
+      }
+    ) : /* @__PURE__ */ n.jsx(
+      ar,
+      {
+        ...s ? { value: s, variant: "determinate" } : { variant: "indeterminate" }
+      }
+    )
+  ] }) : /* @__PURE__ */ n.jsx(n.Fragment, { children: r });
+}
+const Lr = (r) => /* @__PURE__ */ n.jsx(G, { ...r, children: r.children });
+export {
+  Ir as KdpaCircularProgress,
+  Pr as KdpaInlineSpinner,
+  kr as KdpaLoading,
+  Lr as KdpaSkeleton
+};

package/dist/MenuItem-cc037c5b.js

@@ -0,0 +1,240 @@
+import { _ as l, a as F } from "./extends-393586f3.js";
+import * as d from "react";
+import { g as R, a as p, P as s } from "./identifier-9dfe30d8.js";
+import { g as T, s as U, r as w, u as G, c as I, a as _ } from "./useThemeProps-7d04a175.js";
+import { L as x } from "./ListContext-de5072f9.js";
+import { j as $ } from "./jsx-runtime-944c88e2.js";
+import { B as S } from "./ButtonBase-0f9f324d.js";
+import { d as M } from "./dividerClasses-99758da7.js";
+import { l as O } from "./listItemTextClasses-d6839c02.js";
+import { a as D } from "./useEventCallback-fe4fd69c.js";
+import { u as H } from "./useForkRef-0781dda0.js";
+function ie(e) {
+  return R("MuiListItemIcon", e);
+}
+const z = T("MuiListItemIcon", ["root", "alignItemsFlexStart"]), N = z;
+function W(e) {
+  return R("MuiMenuItem", e);
+}
+const q = T("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), r = q, A = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], J = (e, t) => {
+  const {
+    ownerState: o
+  } = e;
+  return [t.root, o.dense && t.dense, o.divider && t.divider, !o.disableGutters && t.gutters];
+}, K = (e) => {
+  const {
+    disabled: t,
+    dense: o,
+    divider: a,
+    disableGutters: c,
+    selected: u,
+    classes: n
+  } = e, i = _({
+    root: ["root", o && "dense", t && "disabled", !c && "gutters", a && "divider", u && "selected"]
+  }, W, n);
+  return l({}, n, i);
+}, Q = U(S, {
+  shouldForwardProp: (e) => w(e) || e === "classes",
+  name: "MuiMenuItem",
+  slot: "Root",
+  overridesResolver: J
+})(({
+  theme: e,
+  ownerState: t
+}) => l({}, e.typography.body1, {
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  minHeight: 48,
+  paddingTop: 6,
+  paddingBottom: 6,
+  boxSizing: "border-box",
+  whiteSpace: "nowrap"
+}, !t.disableGutters && {
+  paddingLeft: 16,
+  paddingRight: 16
+}, t.divider && {
+  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+  backgroundClip: "padding-box"
+}, {
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${r.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${r.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`&.${r.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
+    }
+  },
+  [`&.${r.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${r.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  },
+  [`& + .${M.root}`]: {
+    marginTop: e.spacing(1),
+    marginBottom: e.spacing(1)
+  },
+  [`& + .${M.inset}`]: {
+    marginLeft: 52
+  },
+  [`& .${O.root}`]: {
+    marginTop: 0,
+    marginBottom: 0
+  },
+  [`& .${O.inset}`]: {
+    paddingLeft: 36
+  },
+  [`& .${N.root}`]: {
+    minWidth: 36
+  }
+}, !t.dense && {
+  [e.breakpoints.up("sm")]: {
+    minHeight: "auto"
+  }
+}, t.dense && l({
+  minHeight: 32,
+  // https://m2.material.io/components/menus#specs > Dense
+  paddingTop: 4,
+  paddingBottom: 4
+}, e.typography.body2, {
+  [`& .${N.root} svg`]: {
+    fontSize: "1.25rem"
+  }
+}))), k = /* @__PURE__ */ d.forwardRef(function(t, o) {
+  const a = G({
+    props: t,
+    name: "MuiMenuItem"
+  }), {
+    autoFocus: c = !1,
+    component: u = "li",
+    dense: n = !1,
+    divider: f = !1,
+    disableGutters: i = !1,
+    focusVisibleClassName: V,
+    role: j = "menuitem",
+    tabIndex: g,
+    className: L
+  } = a, B = F(a, A), v = d.useContext(x), y = d.useMemo(() => ({
+    dense: n || v.dense || !1,
+    disableGutters: i
+  }), [v.dense, n, i]), m = d.useRef(null);
+  D(() => {
+    c && (m.current ? m.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+  }, [c]);
+  const P = l({}, a, {
+    dense: y.dense,
+    divider: f,
+    disableGutters: i
+  }), b = K(a), E = H(m, o);
+  let C;
+  return a.disabled || (C = g !== void 0 ? g : -1), /* @__PURE__ */ $.jsx(x.Provider, {
+    value: y,
+    children: /* @__PURE__ */ $.jsx(Q, l({
+      ref: E,
+      role: j,
+      tabIndex: C,
+      component: u,
+      focusVisibleClassName: I(b.focusVisible, V),
+      className: I(b.root, L)
+    }, B, {
+      ownerState: P,
+      classes: b
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   */
+  autoFocus: s.bool,
+  /**
+   * The content of the component.
+   */
+  children: s.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: s.object,
+  /**
+   * @ignore
+   */
+  className: s.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: s.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent Menu component.
+   * @default false
+   */
+  dense: s.bool,
+  /**
+   * @ignore
+   */
+  disabled: s.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: s.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the menu item.
+   * @default false
+   */
+  divider: s.bool,
+  /**
+   * 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: s.string,
+  /**
+   * @ignore
+   */
+  role: s.string,
+  /**
+   * If `true`, the component is selected.
+   * @default false
+   */
+  selected: s.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: s.number
+});
+const re = k;
+export {
+  re as M,
+  ie as g
+};

package/dist/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KdpaModalImage } from "./KdpaModalImage/KdpaModalImage";
+//# sourceMappingURL=index.d.ts.map

package/dist/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC"}