kdpa-components 0.0.24 → 0.0.25

package/dist/Accordion/index.js

@@ -1,9 +1,19 @@
-import { K as c, a as d, b as m } from "../KdpaAccordions-0a0aa0f8.js";
-import "../ButtonBase-5ef58bca.js";
+import { K as f, a as l, b as u } from "../KdpaAccordions-347fa545.js";
+import "../useThemeProps-db06356d.js";
 import "react";
+import "../Paper-748eac04.js";
+import "../useTheme-05ca93ad.js";
+import "../TransitionGroupContext-d020ca94.js";
+import "../useControlled-cc2d41cb.js";
+import "../utils-44a282dd.js";
 import "react-dom";
+import "../emotion-react.browser.esm-f332ef78.js";
+import "../ButtonBase-414cc2b2.js";
+import "../TransitionGroup-33cdd064.js";
+import "../refType-02e1eb86.js";
+import "../useIsFocusVisible-4693b580.js";
 export {
-  c as KdpaAccordion,
-  d as KdpaAccordionDetails,
-  m as KdpaAccordionSummary
+  f as KdpaAccordion,
+  l as KdpaAccordionDetails,
+  u as KdpaAccordionSummary
 };

package/dist/Alert/index.js

@@ -1,7 +1,19 @@
-import { K as e, a as o } from "../KdpaAlertTitle-7f368371.js";
-import "../ButtonBase-5ef58bca.js";
+import { K as b, a as c } from "../KdpaAlertTitle-fb710458.js";
+import "../useThemeProps-db06356d.js";
 import "react";
+import "../createSvgIcon-130d6225.js";
+import "../Close-5f0b166e.js";
+import "../Paper-748eac04.js";
+import "../useTheme-05ca93ad.js";
+import "../TransitionGroupContext-d020ca94.js";
+import "../IconButton-d6d6493f.js";
+import "../ButtonBase-414cc2b2.js";
+import "../emotion-react.browser.esm-f332ef78.js";
+import "../TransitionGroup-33cdd064.js";
+import "../refType-02e1eb86.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../Typography-ba513bd4.js";
 export {
-  e as KdpaAlert,
-  o as KdpaAlertTitle
+  b as KdpaAlert,
+  c as KdpaAlertTitle
 };

package/dist/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdpaAvatar } from "./KdpaAvatar";
+export type { KdpaAvatarProps } from "./KdpaAvatar";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/Avatar/index.js

@@ -0,0 +1,7 @@
+import { K as m } from "../KdpaAvatar-078d66bf.js";
+import "../useThemeProps-db06356d.js";
+import "react";
+import "../createSvgIcon-130d6225.js";
+export {
+  m as KdpaAvatar
+};

package/dist/Badge/index.d.ts

@@ -0,0 +1,6 @@
+export { default as KdpaBadge } from "./KdpaBadge/KdpaBadge";
+export { default as KdpaMuiBadge } from "./KdpaMuiBadge/KdpaMuiBadge";
+export { default as KdpaGridBadge } from "./KdpaGridBadge/KdpaGridBadge";
+export type { KdpaMuiBadgeBadge } from "./KdpaMuiBadge/KdpaMuiBadge";
+export type { KdpaGridBadgeProps } from "./KdpaGridBadge/KdpaGridBadge";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGzE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/Badge/index.js

@@ -0,0 +1,23 @@
+import { K as c, b as h, a as j } from "../KdpaGridBadge-80b24475.js";
+import "../useThemeProps-db06356d.js";
+import "react";
+import "react-dom";
+import "../Popper-db30517f.js";
+import "../Portal-9ddae2d5.js";
+import "../TransitionGroupContext-d020ca94.js";
+import "../refType-02e1eb86.js";
+import "../CSSTransition-dfd0e7cc.js";
+import "../utils-44a282dd.js";
+import "../TransitionGroup-33cdd064.js";
+import "../usePreviousProps-c1ae4548.js";
+import "../KdpaTooltip-f56f8e2b.js";
+import "../useTheme-05ca93ad.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../Grow-484bbcfb.js";
+import "../useControlled-cc2d41cb.js";
+import "../useId-a21bd5c3.js";
+export {
+  c as KdpaBadge,
+  h as KdpaGridBadge,
+  j as KdpaMuiBadge
+};

package/dist/Button-9cd7e565.js

@@ -0,0 +1,352 @@
+import { a as j, g as L, s as y, m as _, f as t, _ as r, n as v, v as F, u as U, b as D, j as x, c as R, P as n, e as G } from "./useThemeProps-db06356d.js";
+import * as f from "react";
+import { B as H } from "./ButtonBase-414cc2b2.js";
+function A(o) {
+  return L("MuiButton", o);
+}
+const q = j("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), b = q, h = /* @__PURE__ */ f.createContext({});
+process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupContext");
+const J = h, K = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Q = (o) => {
+  const {
+    color: a,
+    disableElevation: i,
+    fullWidth: e,
+    size: l,
+    variant: s,
+    classes: d
+  } = o, g = {
+    root: ["root", s, `${s}${t(a)}`, `size${t(l)}`, `${s}Size${t(l)}`, a === "inherit" && "colorInherit", i && "disableElevation", e && "fullWidth"],
+    label: ["label"],
+    startIcon: ["startIcon", `iconSize${t(l)}`],
+    endIcon: ["endIcon", `iconSize${t(l)}`]
+  }, p = G(g, A, d);
+  return r({}, d, p);
+}, m = (o) => r({}, o.size === "small" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 18
+  }
+}, o.size === "medium" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 20
+  }
+}, o.size === "large" && {
+  "& > *:nth-of-type(1)": {
+    fontSize: 22
+  }
+}), X = y(H, {
+  shouldForwardProp: (o) => _(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: i
+    } = o;
+    return [a.root, a[i.variant], a[`${i.variant}${t(i.color)}`], a[`size${t(i.size)}`], a[`${i.variant}Size${t(i.size)}`], i.color === "inherit" && a.colorInherit, i.disableElevation && a.disableElevation, i.fullWidth && a.fullWidth];
+  }
+})(({
+  theme: o,
+  ownerState: a
+}) => {
+  var i, e;
+  const l = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], s = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
+  return r({}, o.typography.button, {
+    minWidth: 64,
+    padding: "6px 16px",
+    borderRadius: (o.vars || o).shape.borderRadius,
+    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
+      duration: o.transitions.duration.short
+    }),
+    "&:hover": r({
+      textDecoration: "none",
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "text" && a.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "outlined" && a.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[a.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "contained" && {
+      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : s,
+      boxShadow: (o.vars || o).shadows[4],
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        boxShadow: (o.vars || o).shadows[2],
+        backgroundColor: (o.vars || o).palette.grey[300]
+      }
+    }, a.variant === "contained" && a.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[a.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (o.vars || o).palette[a.color].main
+      }
+    }),
+    "&:active": r({}, a.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[8]
+    }),
+    [`&.${b.focusVisible}`]: r({}, a.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[6]
+    }),
+    [`&.${b.disabled}`]: r({
+      color: (o.vars || o).palette.action.disabled
+    }, a.variant === "outlined" && {
+      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+    }, a.variant === "contained" && {
+      color: (o.vars || o).palette.action.disabled,
+      boxShadow: (o.vars || o).shadows[0],
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    })
+  }, a.variant === "text" && {
+    padding: "6px 8px"
+  }, a.variant === "text" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].main
+  }, a.variant === "outlined" && {
+    padding: "5px 15px",
+    border: "1px solid currentColor"
+  }, a.variant === "outlined" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
+  }, a.variant === "contained" && {
+    color: o.vars ? (
+      // this is safe because grey does not change between default light/dark mode
+      o.vars.palette.text.primary
+    ) : (i = (e = o.palette).getContrastText) == null ? void 0 : i.call(e, o.palette.grey[300]),
+    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : l,
+    boxShadow: (o.vars || o).shadows[2]
+  }, a.variant === "contained" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].contrastText,
+    backgroundColor: (o.vars || o).palette[a.color].main
+  }, a.color === "inherit" && {
+    color: "inherit",
+    borderColor: "currentColor"
+  }, a.size === "small" && a.variant === "text" && {
+    padding: "4px 5px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "text" && {
+    padding: "8px 11px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.size === "small" && a.variant === "outlined" && {
+    padding: "3px 9px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "outlined" && {
+    padding: "7px 21px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.size === "small" && a.variant === "contained" && {
+    padding: "4px 10px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "contained" && {
+    padding: "8px 22px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.fullWidth && {
+    width: "100%"
+  });
+}, ({
+  ownerState: o
+}) => o.disableElevation && {
+  boxShadow: "none",
+  "&:hover": {
+    boxShadow: "none"
+  },
+  [`&.${b.focusVisible}`]: {
+    boxShadow: "none"
+  },
+  "&:active": {
+    boxShadow: "none"
+  },
+  [`&.${b.disabled}`]: {
+    boxShadow: "none"
+  }
+}), Y = y("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: i
+    } = o;
+    return [a.startIcon, a[`iconSize${t(i.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => r({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, o.size === "small" && {
+  marginLeft: -2
+}, m(o))), Z = y("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: i
+    } = o;
+    return [a.endIcon, a[`iconSize${t(i.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => r({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, o.size === "small" && {
+  marginRight: -2
+}, m(o))), k = /* @__PURE__ */ f.forwardRef(function(a, i) {
+  const e = f.useContext(J), l = F(e, a), s = U({
+    props: l,
+    name: "MuiButton"
+  }), {
+    children: d,
+    color: g = "primary",
+    component: p = "button",
+    className: E,
+    disabled: z = !1,
+    disableElevation: O = !1,
+    disableFocusRipple: C = !1,
+    endIcon: I,
+    focusVisibleClassName: T,
+    fullWidth: N = !1,
+    size: P = "medium",
+    startIcon: $,
+    type: B,
+    variant: W = "text"
+  } = s, M = D(s, K), u = r({}, s, {
+    color: g,
+    component: p,
+    disabled: z,
+    disableElevation: O,
+    disableFocusRipple: C,
+    fullWidth: N,
+    size: P,
+    type: B,
+    variant: W
+  }), c = Q(u), S = $ && /* @__PURE__ */ x.jsx(Y, {
+    className: c.startIcon,
+    ownerState: u,
+    children: $
+  }), V = I && /* @__PURE__ */ x.jsx(Z, {
+    className: c.endIcon,
+    ownerState: u,
+    children: I
+  });
+  return /* @__PURE__ */ x.jsxs(X, r({
+    ownerState: u,
+    className: R(e.className, c.root, E),
+    component: p,
+    disabled: z,
+    focusRipple: !C,
+    focusVisibleClassName: R(c.focusVisible, T),
+    ref: i,
+    type: B
+  }, M, {
+    classes: c,
+    children: [S, d, V]
+  }));
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: n.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: n.object,
+  /**
+   * @ignore
+   */
+  className: n.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: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: n.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: n.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: n.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: n.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: n.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: n.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: n.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: n.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: n.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  /**
+   * @ignore
+   */
+  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+});
+const ao = k;
+export {
+  ao as B
+};