kdpa-components 0.0.35 → 0.0.36

package/dist/Alert/index.js

@@ -1,4 +1,4 @@
-import { K as c, a as g } from "../KdpaAlertTitle-f3181fcf.js";
+import { K as g, a as h } from "../KdpaAlertTitle-50ad6f1d.js";
 import "../identifier-cec96f71.js";
 import "react";
 import "../useThemeProps-187cd881.js";
@@ -13,8 +13,9 @@ import "../emotion-react.browser.esm-6cde5d52.js";
 import "../TransitionGroup-100323ec.js";
 import "../refType-595f7c70.js";
 import "../useIsFocusVisible-4693b580.js";
-import "../Typography-15bf9d04.js";
+import "../Typography-62f05112.js";
+import "../extendSxProp-604badd6.js";
 export {
-  c as KdpaAlert,
-  g as KdpaAlertTitle
+  g as KdpaAlert,
+  h as KdpaAlertTitle
 };

package/dist/FormControl/index.js

@@ -1,14 +1,15 @@
-import { K as d } from "../KdpaFormControl-c96d6b4d.js";
-import { K as n } from "../KdpaFormControlLabel-a1befcc6.js";
+import { K as f } from "../KdpaFormControl-c96d6b4d.js";
+import { K as s } from "../KdpaFormControlLabel-2e6b6f2f.js";
 import "../identifier-cec96f71.js";
 import "react";
 import "../FormControl-26c40dde.js";
 import "../useThemeProps-187cd881.js";
 import "../useFormControl-af690c26.js";
 import "../formControlState-9148c46f.js";
-import "../Typography-15bf9d04.js";
+import "../Typography-62f05112.js";
+import "../extendSxProp-604badd6.js";
 import "../refType-595f7c70.js";
 export {
-  d as KdpaFormControl,
-  n as KdpaFormControlLabel
+  f as KdpaFormControl,
+  s as KdpaFormControlLabel
 };

package/dist/Grid/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/Grid/index.js

@@ -0,0 +1,10 @@
+import { K } from "../KdpaGrid-373ef20b.js";
+import "../identifier-cec96f71.js";
+import "react";
+import "../Grid-f5acb891.js";
+import "../useThemeProps-187cd881.js";
+import "../useTheme-622cdcbc.js";
+import "../extendSxProp-604badd6.js";
+export {
+  K as KdpaGrid
+};

package/dist/Grid-f5acb891.js

@@ -0,0 +1,482 @@
+import { _ as g, g as D, a as K, j, P as n, r as v, i as T } from "./identifier-cec96f71.js";
+import * as S from "react";
+import { g as I, s as L, u as U, c as q, a as F } from "./useThemeProps-187cd881.js";
+import { u as Z } from "./useTheme-622cdcbc.js";
+import { e as A } from "./extendSxProp-604badd6.js";
+function H(e, r) {
+  if (process.env.NODE_ENV === "production")
+    return () => null;
+  const t = r ? g({}, r.propTypes) : null;
+  return (o) => (s, c, p, l, u, ...a) => {
+    const f = u || c, m = t == null ? void 0 : t[f];
+    if (m) {
+      const d = m(s, c, p, l, u, ...a);
+      if (d)
+        return d;
+    }
+    return typeof s[c] < "u" && !s[o] ? new Error(`The prop \`${f}\` of \`${e}\` can only be used together with the \`${o}\` prop.`) : null;
+  };
+}
+const E = /* @__PURE__ */ S.createContext();
+process.env.NODE_ENV !== "production" && (E.displayName = "GridContext");
+const C = E;
+function J(e) {
+  return D("MuiGrid", e);
+}
+const Q = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], X = ["column-reverse", "column", "row-reverse", "row"], Y = ["nowrap", "wrap-reverse", "wrap"], b = ["auto", !0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], w = I("MuiGrid", [
+  "root",
+  "container",
+  "item",
+  "zeroMinWidth",
+  // spacings
+  ...Q.map((e) => `spacing-xs-${e}`),
+  // direction values
+  ...X.map((e) => `direction-xs-${e}`),
+  // wrap values
+  ...Y.map((e) => `wrap-xs-${e}`),
+  // grid sizes for all breakpoints
+  ...b.map((e) => `grid-xs-${e}`),
+  ...b.map((e) => `grid-sm-${e}`),
+  ...b.map((e) => `grid-md-${e}`),
+  ...b.map((e) => `grid-lg-${e}`),
+  ...b.map((e) => `grid-xl-${e}`)
+]), ee = ["className", "columns", "columnSpacing", "component", "container", "direction", "item", "rowSpacing", "spacing", "wrap", "zeroMinWidth"];
+function x(e) {
+  const r = parseFloat(e);
+  return `${r}${String(e).replace(String(r), "") || "px"}`;
+}
+function ne({
+  theme: e,
+  ownerState: r
+}) {
+  let t;
+  return e.breakpoints.keys.reduce((i, o) => {
+    let s = {};
+    if (r[o] && (t = r[o]), !t)
+      return i;
+    if (t === !0)
+      s = {
+        flexBasis: 0,
+        flexGrow: 1,
+        maxWidth: "100%"
+      };
+    else if (t === "auto")
+      s = {
+        flexBasis: "auto",
+        flexGrow: 0,
+        flexShrink: 0,
+        maxWidth: "none",
+        width: "auto"
+      };
+    else {
+      const c = v({
+        values: r.columns,
+        breakpoints: e.breakpoints.values
+      }), p = typeof c == "object" ? c[o] : c;
+      if (p == null)
+        return i;
+      const l = `${Math.round(t / p * 1e8) / 1e6}%`;
+      let u = {};
+      if (r.container && r.item && r.columnSpacing !== 0) {
+        const a = e.spacing(r.columnSpacing);
+        if (a !== "0px") {
+          const f = `calc(${l} + ${x(a)})`;
+          u = {
+            flexBasis: f,
+            maxWidth: f
+          };
+        }
+      }
+      s = g({
+        flexBasis: l,
+        flexGrow: 0,
+        maxWidth: l
+      }, u);
+    }
+    return e.breakpoints.values[o] === 0 ? Object.assign(i, s) : i[e.breakpoints.up(o)] = s, i;
+  }, {});
+}
+function re({
+  theme: e,
+  ownerState: r
+}) {
+  const t = v({
+    values: r.direction,
+    breakpoints: e.breakpoints.values
+  });
+  return T({
+    theme: e
+  }, t, (i) => {
+    const o = {
+      flexDirection: i
+    };
+    return i.indexOf("column") === 0 && (o[`& > .${w.item}`] = {
+      maxWidth: "none"
+    }), o;
+  });
+}
+function z({
+  breakpoints: e,
+  values: r
+}) {
+  let t = "";
+  Object.keys(r).forEach((o) => {
+    t === "" && r[o] !== 0 && (t = o);
+  });
+  const i = Object.keys(e).sort((o, s) => e[o] - e[s]);
+  return i.slice(0, i.indexOf(t));
+}
+function oe({
+  theme: e,
+  ownerState: r
+}) {
+  const {
+    container: t,
+    rowSpacing: i
+  } = r;
+  let o = {};
+  if (t && i !== 0) {
+    const s = v({
+      values: i,
+      breakpoints: e.breakpoints.values
+    });
+    let c;
+    typeof s == "object" && (c = z({
+      breakpoints: e.breakpoints.values,
+      values: s
+    })), o = T({
+      theme: e
+    }, s, (p, l) => {
+      var u;
+      const a = e.spacing(p);
+      return a !== "0px" ? {
+        marginTop: `-${x(a)}`,
+        [`& > .${w.item}`]: {
+          paddingTop: x(a)
+        }
+      } : (u = c) != null && u.includes(l) ? {} : {
+        marginTop: 0,
+        [`& > .${w.item}`]: {
+          paddingTop: 0
+        }
+      };
+    });
+  }
+  return o;
+}
+function te({
+  theme: e,
+  ownerState: r
+}) {
+  const {
+    container: t,
+    columnSpacing: i
+  } = r;
+  let o = {};
+  if (t && i !== 0) {
+    const s = v({
+      values: i,
+      breakpoints: e.breakpoints.values
+    });
+    let c;
+    typeof s == "object" && (c = z({
+      breakpoints: e.breakpoints.values,
+      values: s
+    })), o = T({
+      theme: e
+    }, s, (p, l) => {
+      var u;
+      const a = e.spacing(p);
+      return a !== "0px" ? {
+        width: `calc(100% + ${x(a)})`,
+        marginLeft: `-${x(a)}`,
+        [`& > .${w.item}`]: {
+          paddingLeft: x(a)
+        }
+      } : (u = c) != null && u.includes(l) ? {} : {
+        width: "100%",
+        marginLeft: 0,
+        [`& > .${w.item}`]: {
+          paddingLeft: 0
+        }
+      };
+    });
+  }
+  return o;
+}
+function ie(e, r, t = {}) {
+  if (!e || e <= 0)
+    return [];
+  if (typeof e == "string" && !Number.isNaN(Number(e)) || typeof e == "number")
+    return [t[`spacing-xs-${String(e)}`]];
+  const i = [];
+  return r.forEach((o) => {
+    const s = e[o];
+    Number(s) > 0 && i.push(t[`spacing-${o}-${String(s)}`]);
+  }), i;
+}
+const se = L("div", {
+  name: "MuiGrid",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: t
+    } = e, {
+      container: i,
+      direction: o,
+      item: s,
+      spacing: c,
+      wrap: p,
+      zeroMinWidth: l,
+      breakpoints: u
+    } = t;
+    let a = [];
+    i && (a = ie(c, u, r));
+    const f = [];
+    return u.forEach((m) => {
+      const d = t[m];
+      d && f.push(r[`grid-${m}-${String(d)}`]);
+    }), [r.root, i && r.container, s && r.item, l && r.zeroMinWidth, ...a, o !== "row" && r[`direction-xs-${String(o)}`], p !== "wrap" && r[`wrap-xs-${String(p)}`], ...f];
+  }
+})(({
+  ownerState: e
+}) => g({
+  boxSizing: "border-box"
+}, e.container && {
+  display: "flex",
+  flexWrap: "wrap",
+  width: "100%"
+}, e.item && {
+  margin: 0
+  // For instance, it's useful when used with a `figure` element.
+}, e.zeroMinWidth && {
+  minWidth: 0
+}, e.wrap !== "wrap" && {
+  flexWrap: e.wrap
+}), re, oe, te, ne);
+function ae(e, r) {
+  if (!e || e <= 0)
+    return [];
+  if (typeof e == "string" && !Number.isNaN(Number(e)) || typeof e == "number")
+    return [`spacing-xs-${String(e)}`];
+  const t = [];
+  return r.forEach((i) => {
+    const o = e[i];
+    if (Number(o) > 0) {
+      const s = `spacing-${i}-${String(o)}`;
+      t.push(s);
+    }
+  }), t;
+}
+const ce = (e) => {
+  const {
+    classes: r,
+    container: t,
+    direction: i,
+    item: o,
+    spacing: s,
+    wrap: c,
+    zeroMinWidth: p,
+    breakpoints: l
+  } = e;
+  let u = [];
+  t && (u = ae(s, l));
+  const a = [];
+  l.forEach((m) => {
+    const d = e[m];
+    d && a.push(`grid-${m}-${String(d)}`);
+  });
+  const f = {
+    root: ["root", t && "container", o && "item", p && "zeroMinWidth", ...u, i !== "row" && `direction-xs-${String(i)}`, c !== "wrap" && `wrap-xs-${String(c)}`, ...a]
+  };
+  return F(f, J, r);
+}, y = /* @__PURE__ */ S.forwardRef(function(r, t) {
+  const i = U({
+    props: r,
+    name: "MuiGrid"
+  }), {
+    breakpoints: o
+  } = Z(), s = A(i), {
+    className: c,
+    columns: p,
+    columnSpacing: l,
+    component: u = "div",
+    container: a = !1,
+    direction: f = "row",
+    item: m = !1,
+    rowSpacing: d,
+    spacing: O = 0,
+    wrap: P = "wrap",
+    zeroMinWidth: V = !1
+  } = s, $ = K(s, ee), M = d || O, B = l || O, R = S.useContext(C), k = a ? p || 12 : R, N = {}, G = g({}, $);
+  o.keys.forEach((h) => {
+    $[h] != null && (N[h] = $[h], delete G[h]);
+  });
+  const W = g({}, s, {
+    columns: k,
+    container: a,
+    direction: f,
+    item: m,
+    rowSpacing: M,
+    columnSpacing: B,
+    wrap: P,
+    zeroMinWidth: V,
+    spacing: O
+  }, N, {
+    breakpoints: o.keys
+  }), _ = ce(W);
+  return /* @__PURE__ */ j.jsx(C.Provider, {
+    value: k,
+    children: /* @__PURE__ */ j.jsx(se, g({
+      ownerState: W,
+      className: q(_.root, c),
+      as: u,
+      ref: t
+    }, G))
+  });
+});
+process.env.NODE_ENV !== "production" && (y.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 number of columns.
+   * @default 12
+   */
+  columns: n.oneOfType([n.arrayOf(n.number), n.number, n.object]),
+  /**
+   * Defines the horizontal space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  columnSpacing: n.oneOfType([n.arrayOf(n.oneOfType([n.number, n.string])), n.number, n.object, 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 will have the flex *container* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  container: n.bool,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'row'
+   */
+  direction: n.oneOfType([n.oneOf(["column-reverse", "column", "row-reverse", "row"]), n.arrayOf(n.oneOf(["column-reverse", "column", "row-reverse", "row"])), n.object]),
+  /**
+   * If `true`, the component will have the flex *item* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  item: n.bool,
+  /**
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `lg` breakpoint and wider screens if not overridden.
+   * @default false
+   */
+  lg: n.oneOfType([n.oneOf(["auto"]), n.number, n.bool]),
+  /**
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `md` breakpoint and wider screens if not overridden.
+   * @default false
+   */
+  md: n.oneOfType([n.oneOf(["auto"]), n.number, n.bool]),
+  /**
+   * Defines the vertical space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  rowSpacing: n.oneOfType([n.arrayOf(n.oneOfType([n.number, n.string])), n.number, n.object, n.string]),
+  /**
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `sm` breakpoint and wider screens if not overridden.
+   * @default false
+   */
+  sm: n.oneOfType([n.oneOf(["auto"]), n.number, n.bool]),
+  /**
+   * Defines the space between the type `item` components.
+   * It can only be used on a type `container` component.
+   * @default 0
+   */
+  spacing: n.oneOfType([n.arrayOf(n.oneOfType([n.number, n.string])), n.number, n.object, n.string]),
+  /**
+   * 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]),
+  /**
+   * Defines the `flex-wrap` style property.
+   * It's applied for all screen sizes.
+   * @default 'wrap'
+   */
+  wrap: n.oneOf(["nowrap", "wrap-reverse", "wrap"]),
+  /**
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `xl` breakpoint and wider screens if not overridden.
+   * @default false
+   */
+  xl: n.oneOfType([n.oneOf(["auto"]), n.number, n.bool]),
+  /**
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for all the screen sizes with the lowest priority.
+   * @default false
+   */
+  xs: n.oneOfType([n.oneOf(["auto"]), n.number, n.bool]),
+  /**
+   * If `true`, it sets `min-width: 0` on the item.
+   * Refer to the limitations section of the documentation to better understand the use case.
+   * @default false
+   */
+  zeroMinWidth: n.bool
+});
+if (process.env.NODE_ENV !== "production") {
+  const e = H("Grid", y);
+  y["propTypes"] = g({}, y.propTypes, {
+    direction: e("container"),
+    lg: e("item"),
+    md: e("item"),
+    sm: e("item"),
+    spacing: e("container"),
+    wrap: e("container"),
+    xs: e("item"),
+    zeroMinWidth: e("item")
+  });
+}
+const me = y;
+export {
+  me as G
+};

package/dist/{KdpaAlertTitle-f3181fcf.js → KdpaAlertTitle-50ad6f1d.js}

@@ -6,7 +6,7 @@ import { c as f } from "./createSvgIcon-3132bbd0.js";
 import { C as Y } from "./Close-b32563d1.js";
 import { M as oo } from "./Paper-3f81bc8f.js";
 import { I as eo } from "./IconButton-f866a4c2.js";
-import { T as to } from "./Typography-15bf9d04.js";
+import { T as to } from "./Typography-62f05112.js";
 function so(o) {
   return R("MuiAlert", o);
 }