kdpa-components 1.1.0 → 1.2.0

package/dist/KdpaSkeleton-872821e6.js

@@ -1,540 +0,0 @@
-import { j as i } from "./jsx-runtime-944c88e2.js";
-import { G as F } from "./iconBase-800b43ff.js";
-import { C as G } from "./CircularProgress-6e67e3d8.js";
-import { _ as s, a as U } from "./extends-393586f3.js";
-import * as D from "react";
-import { g as q, c, P as a, l as W, d as Y, a as H } from "./identifier-878ccaef.js";
-import { g as E, s as C, u as A, c as K, a as z } from "./useThemeProps-0f6826f6.js";
-import { u as J } from "./useTheme-948a6d35.js";
-import { k as x, c as y } from "./emotion-react.browser.esm-7120a510.js";
-function Q(r) {
-  return String(r).match(/[\d.\-+]*\s*(.*)/)[1] || "";
-}
-function Z(r) {
-  return parseFloat(r);
-}
-function rr(r) {
-  return q("MuiLinearProgress", r);
-}
-E("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
-const er = ["className", "color", "value", "valueBuffer", "variant"];
-let g = (r) => r, O, R, _, w, L, B;
-const j = 4, tr = x(O || (O = g`
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-`)), ar = x(R || (R = g`
-  0% {
-    left: -200%;
-    right: 100%;
-  }
-
-  60% {
-    left: 107%;
-    right: -8%;
-  }
-
-  100% {
-    left: 107%;
-    right: -8%;
-  }
-`)), nr = x(_ || (_ = g`
-  0% {
-    opacity: 1;
-    background-position: 0 -23px;
-  }
-
-  60% {
-    opacity: 0;
-    background-position: 0 -23px;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -200px -23px;
-  }
-`)), or = (r) => {
-  const {
-    classes: e,
-    variant: t,
-    color: n
-  } = r, o = {
-    root: ["root", `color${c(n)}`, t],
-    dashed: ["dashed", `dashedColor${c(n)}`],
-    bar1: ["bar", `barColor${c(n)}`, (t === "indeterminate" || t === "query") && "bar1Indeterminate", t === "determinate" && "bar1Determinate", t === "buffer" && "bar1Buffer"],
-    bar2: ["bar", t !== "buffer" && `barColor${c(n)}`, t === "buffer" && `color${c(n)}`, (t === "indeterminate" || t === "query") && "bar2Indeterminate", t === "buffer" && "bar2Buffer"]
-  };
-  return z(o, rr, e);
-}, N = (r, e) => e === "inherit" ? "currentColor" : r.vars ? r.vars.palette.LinearProgress[`${e}Bg`] : r.palette.mode === "light" ? W(r.palette[e].main, 0.62) : Y(r.palette[e].main, 0.5), ir = C("span", {
-  name: "MuiLinearProgress",
-  slot: "Root",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: t
-    } = r;
-    return [e.root, e[`color${c(t.color)}`], e[t.variant]];
-  }
-})(({
-  ownerState: r,
-  theme: e
-}) => s({
-  position: "relative",
-  overflow: "hidden",
-  display: "block",
-  height: 4,
-  zIndex: 0,
-  // Fix Safari's bug during composition of different paint.
-  "@media print": {
-    colorAdjust: "exact"
-  },
-  backgroundColor: N(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)"
-})), sr = C("span", {
-  name: "MuiLinearProgress",
-  slot: "Dashed",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: t
-    } = r;
-    return [e.dashed, e[`dashedColor${c(t.color)}`]];
-  }
-})(({
-  ownerState: r,
-  theme: e
-}) => {
-  const t = N(e, r.color);
-  return s({
-    position: "absolute",
-    marginTop: 0,
-    height: "100%",
-    width: "100%"
-  }, r.color === "inherit" && {
-    opacity: 0.3
-  }, {
-    backgroundImage: `radial-gradient(${t} 0%, ${t} 16%, transparent 42%)`,
-    backgroundSize: "10px 10px",
-    backgroundPosition: "0 -23px"
-  });
-}, y(w || (w = g`
-    animation: ${0} 3s infinite linear;
-  `), nr)), lr = C("span", {
-  name: "MuiLinearProgress",
-  slot: "Bar1",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: t
-    } = r;
-    return [e.bar, e[`barColor${c(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && e.bar1Indeterminate, t.variant === "determinate" && e.bar1Determinate, t.variant === "buffer" && e.bar1Buffer];
-  }
-})(({
-  ownerState: r,
-  theme: e
-}) => s({
-  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 .${j}s linear`
-}, r.variant === "buffer" && {
-  zIndex: 1,
-  transition: `transform .${j}s linear`
-}), ({
-  ownerState: r
-}) => (r.variant === "indeterminate" || r.variant === "query") && y(L || (L = g`
-      width: auto;
-      animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-    `), tr)), cr = C("span", {
-  name: "MuiLinearProgress",
-  slot: "Bar2",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: t
-    } = r;
-    return [e.bar, e[`barColor${c(t.color)}`], (t.variant === "indeterminate" || t.variant === "query") && e.bar2Indeterminate, t.variant === "buffer" && e.bar2Buffer];
-  }
-})(({
-  ownerState: r,
-  theme: e
-}) => s({
-  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: N(e, r.color),
-  transition: `transform .${j}s linear`
-}), ({
-  ownerState: r
-}) => (r.variant === "indeterminate" || r.variant === "query") && y(B || (B = g`
-      width: auto;
-      animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-    `), ar)), V = /* @__PURE__ */ D.forwardRef(function(e, t) {
-  const n = A({
-    props: e,
-    name: "MuiLinearProgress"
-  }), {
-    className: o,
-    color: b = "primary",
-    value: l,
-    valueBuffer: u,
-    variant: d = "indeterminate"
-  } = n, P = U(n, er), f = s({}, n, {
-    color: b,
-    variant: d
-  }), p = or(f), v = J(), h = {}, k = {
-    bar1: {},
-    bar2: {}
-  };
-  if (d === "determinate" || d === "buffer")
-    if (l !== void 0) {
-      h["aria-valuenow"] = Math.round(l), h["aria-valuemin"] = 0, h["aria-valuemax"] = 100;
-      let m = l - 100;
-      v.direction === "rtl" && (m = -m), k.bar1.transform = `translateX(${m}%)`;
-    } 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 (d === "buffer")
-    if (u !== void 0) {
-      let m = (u || 0) - 100;
-      v.direction === "rtl" && (m = -m), k.bar2.transform = `translateX(${m}%)`;
-    } 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__ */ i.jsxs(ir, s({
-    className: K(p.root, o),
-    ownerState: f,
-    role: "progressbar"
-  }, h, {
-    ref: t
-  }, P, {
-    children: [d === "buffer" ? /* @__PURE__ */ i.jsx(sr, {
-      className: p.dashed,
-      ownerState: f
-    }) : null, /* @__PURE__ */ i.jsx(lr, {
-      className: p.bar1,
-      ownerState: f,
-      style: k.bar1
-    }), d === "determinate" ? null : /* @__PURE__ */ i.jsx(cr, {
-      className: p.bar2,
-      ownerState: f,
-      style: k.bar2
-    })]
-  }));
-});
-process.env.NODE_ENV !== "production" && (V.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: a.object,
-  /**
-   * @ignore
-   */
-  className: a.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: a.oneOfType([a.oneOf(["inherit", "primary", "secondary"]), a.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
-  /**
-   * The value of the progress indicator for the determinate and buffer variants.
-   * Value between 0 and 100.
-   */
-  value: a.number,
-  /**
-   * The value for the buffer variant.
-   * Value between 0 and 100.
-   */
-  valueBuffer: a.number,
-  /**
-   * The variant to use.
-   * Use indeterminate or query when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: a.oneOf(["buffer", "determinate", "indeterminate", "query"])
-});
-const dr = V;
-function ur(r) {
-  return q("MuiSkeleton", r);
-}
-E("MuiSkeleton", ["root", "text", "rectangular", "rounded", "circular", "pulse", "wave", "withChildren", "fitContent", "heightAuto"]);
-const fr = ["animation", "className", "component", "height", "style", "variant", "width"];
-let $ = (r) => r, T, I, M, S;
-const pr = (r) => {
-  const {
-    classes: e,
-    variant: t,
-    animation: n,
-    hasChildren: o,
-    width: b,
-    height: l
-  } = r;
-  return z({
-    root: ["root", t, n, o && "withChildren", o && !b && "fitContent", o && !l && "heightAuto"]
-  }, ur, e);
-}, mr = x(T || (T = $`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`)), br = x(I || (I = $`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`)), hr = C("span", {
-  name: "MuiSkeleton",
-  slot: "Root",
-  overridesResolver: (r, e) => {
-    const {
-      ownerState: t
-    } = r;
-    return [e.root, e[t.variant], t.animation !== !1 && e[t.animation], t.hasChildren && e.withChildren, t.hasChildren && !t.width && e.fitContent, t.hasChildren && !t.height && e.heightAuto];
-  }
-})(({
-  theme: r,
-  ownerState: e
-}) => {
-  const t = Q(r.shape.borderRadius) || "px", n = Z(r.shape.borderRadius);
-  return s({
-    display: "block",
-    // Create a "on paper" color with sufficient contrast retaining the color
-    backgroundColor: r.vars ? r.vars.palette.Skeleton.bg : H(r.palette.text.primary, r.palette.mode === "light" ? 0.11 : 0.13),
-    height: "1.2em"
-  }, e.variant === "text" && {
-    marginTop: 0,
-    marginBottom: 0,
-    height: "auto",
-    transformOrigin: "0 55%",
-    transform: "scale(1, 0.60)",
-    borderRadius: `${n}${t}/${Math.round(n / 0.6 * 10) / 10}${t}`,
-    "&:empty:before": {
-      content: '"\\00a0"'
-    }
-  }, e.variant === "circular" && {
-    borderRadius: "50%"
-  }, e.variant === "rounded" && {
-    borderRadius: (r.vars || r).shape.borderRadius
-  }, e.hasChildren && {
-    "& > *": {
-      visibility: "hidden"
-    }
-  }, e.hasChildren && !e.width && {
-    maxWidth: "fit-content"
-  }, e.hasChildren && !e.height && {
-    height: "auto"
-  });
-}, ({
-  ownerState: r
-}) => r.animation === "pulse" && y(M || (M = $`
-      animation: ${0} 1.5s ease-in-out 0.5s infinite;
-    `), mr), ({
-  ownerState: r,
-  theme: e
-}) => r.animation === "wave" && y(S || (S = $`
-      position: relative;
-      overflow: hidden;
-
-      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-      -webkit-mask-image: -webkit-radial-gradient(white, black);
-
-      &::after {
-        animation: ${0} 1.6s linear 0.5s infinite;
-        background: linear-gradient(
-          90deg,
-          transparent,
-          ${0},
-          transparent
-        );
-        content: '';
-        position: absolute;
-        transform: translateX(-100%); /* Avoid flash during server-side hydration */
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
-      }
-    `), br, (e.vars || e).palette.action.hover)), X = /* @__PURE__ */ D.forwardRef(function(e, t) {
-  const n = A({
-    props: e,
-    name: "MuiSkeleton"
-  }), {
-    animation: o = "pulse",
-    className: b,
-    component: l = "span",
-    height: u,
-    style: d,
-    variant: P = "text",
-    width: f
-  } = n, p = U(n, fr), v = s({}, n, {
-    animation: o,
-    component: l,
-    variant: P,
-    hasChildren: !!p.children
-  }), h = pr(v);
-  return /* @__PURE__ */ i.jsx(hr, s({
-    as: l,
-    ref: t,
-    className: K(h.root, b),
-    ownerState: v
-  }, p, {
-    style: s({
-      width: f,
-      height: u
-    }, d)
-  }));
-});
-process.env.NODE_ENV !== "production" && (X.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The animation.
-   * If `false` the animation effect is disabled.
-   * @default 'pulse'
-   */
-  animation: a.oneOf(["pulse", "wave", !1]),
-  /**
-   * Optional children to infer width and height from.
-   */
-  children: a.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: a.object,
-  /**
-   * @ignore
-   */
-  className: a.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: a.elementType,
-  /**
-   * Height of the skeleton.
-   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-   */
-  height: a.oneOfType([a.number, a.string]),
-  /**
-   * @ignore
-   */
-  style: a.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
-  /**
-   * The type of content that will be rendered.
-   * @default 'text'
-   */
-  variant: a.oneOfType([a.oneOf(["circular", "rectangular", "rounded", "text"]), a.string]),
-  /**
-   * Width of the skeleton.
-   * Useful when the skeleton is inside an inline element with no width of its own.
-   */
-  width: a.oneOfType([a.number, a.string])
-});
-const gr = X;
-function vr(r) {
-  return F({ 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 Or = ({
-  size: r = 18,
-  customIcon: e = vr,
-  className: t,
-  style: n
-}) => /* @__PURE__ */ i.jsx("div", { className: "kdpa-inline-spinner", style: n, children: /* @__PURE__ */ i.jsx(e, { size: r, className: `inline-spinner ${t}` }) });
-function Rr({
-  children: r,
-  loading: e = !1,
-  fade: t = !0,
-  type: n = "spinner",
-  value: o,
-  position: b = "center",
-  color: l = "",
-  size: u = 30
-}) {
-  return e ? /* @__PURE__ */ i.jsxs("div", { children: [
-    /* @__PURE__ */ i.jsx("div", { children: r }),
-    n === "spinner" ? /* @__PURE__ */ i.jsx(
-      G,
-      {
-        size: u,
-        ...o ? { value: o, variant: "determinate" } : { variant: "indeterminate" }
-      }
-    ) : /* @__PURE__ */ i.jsx(
-      dr,
-      {
-        ...o ? { value: o, variant: "determinate" } : { variant: "indeterminate" }
-      }
-    )
-  ] }) : /* @__PURE__ */ i.jsx(i.Fragment, { children: r });
-}
-const _r = (r) => /* @__PURE__ */ i.jsx(gr, { ...r, children: r.children });
-export {
-  Rr as B,
-  Or as K,
-  _r as a
-};

package/dist/KdpaTabs-8a087fe4.js

@@ -1,38 +0,0 @@
-import { j as o } from "./jsx-runtime-944c88e2.js";
-import { a as n, T as i } from "./Tabs-1caed6d0.js";
-import { useRef as s, useEffect as u } from "react";
-import { u as c } from "./useTheme-948a6d35.js";
-function m(t) {
-  return {
-    id: `full-width-tab-${t}`,
-    "aria-controls": `full-width-tabpanel-${t}`
-  };
-}
-function T(t, r) {
-  return /* @__PURE__ */ o.jsx(n, { iconPosition: "start", ...m(r), ...t });
-}
-function b(t) {
-  const r = c(), a = s();
-  return u(() => {
-    const e = setTimeout(() => {
-      a.current && a.current.updateIndicator();
-    }, 300);
-    return () => {
-      clearTimeout(e);
-    };
-  }, [r]), /* @__PURE__ */ o.jsx(
-    i,
-    {
-      sx: {
-        minHeight: 20
-      },
-      action: a,
-      ...t,
-      children: t.children
-    }
-  );
-}
-export {
-  T as K,
-  b as a
-};

package/dist/KdpaTypography-0aab42ce.js

@@ -1,6 +0,0 @@
-import { j as o } from "./jsx-runtime-944c88e2.js";
-import { T as p } from "./Typography-644bd1d9.js";
-const s = (r) => /* @__PURE__ */ o.jsx(p, { ...r, children: r.children });
-export {
-  s as K
-};

package/dist/KdpaZoom-dcf1dd78.js

@@ -1,10 +0,0 @@
-import { j as s } from "./jsx-runtime-944c88e2.js";
-import { G as t } from "./Grow-bcd47732.js";
-import { S as a } from "./Slide-107d0b58.js";
-import { Z as m } from "./Zoom-39a63b9e.js";
-const x = ({ children: o, ...r }) => /* @__PURE__ */ s.jsx(t, { ...r, children: o }), d = ({ children: o, ...r }) => /* @__PURE__ */ s.jsx(a, { ...r, children: o }), j = ({ children: o, ...r }) => /* @__PURE__ */ s.jsx(m, { ...r, children: o });
-export {
-  x as K,
-  d as a,
-  j as b
-};

package/dist/KpdaPrimaryButton-4e76c06b.js

@@ -1,47 +0,0 @@
-import { j as a } from "./jsx-runtime-944c88e2.js";
-import { K as m } from "./KdpaTooltip-20c42ab8.js";
-import "./kdpaButton-4ed993c7.js";
-import { B as o } from "./Button-28699d65.js";
-import "./kdpaPrimaryButton-4ed993c7.js";
-function c({
-  children: t,
-  tooltipText: r = "",
-  variant: i = "contained",
-  ...n
-}) {
-  return /* @__PURE__ */ a.jsx(m, { title: r, ...n, children: /* @__PURE__ */ a.jsx(
-    o,
-    {
-      className: `kdpa-material-button ${!t && "kdpa-material-button__noname"}`,
-      variant: i,
-      ...n,
-      children: /* @__PURE__ */ a.jsxs("span", { className: "kdpa-material-button__name", children: [
-        " ",
-        t
-      ] })
-    }
-  ) });
-}
-function x({
-  children: t,
-  icon: r,
-  tooltipText: i,
-  onClick: n,
-  ...e
-}) {
-  return /* @__PURE__ */ a.jsx(m, { title: i, children: /* @__PURE__ */ a.jsx(
-    o,
-    {
-      className: `kdpa-material-primaryButton${!t && "kdpa-material-primaryButton__noname"}`,
-      onClick: n,
-      variant: "contained",
-      startIcon: r,
-      ...e,
-      children: /* @__PURE__ */ a.jsx("span", { className: "kdpa-material-primaryButton__name", children: t })
-    }
-  ) });
-}
-export {
-  c as K,
-  x as a
-};