mada-design-system 0.0.9 → 0.0.10

package/index.es383.js

@@ -0,0 +1,176 @@
+import x from "./index.es189.js";
+import z from "./index.es190.js";
+import * as $ from "react";
+import o from "./index.es191.js";
+import { clsx as T } from "./index.es95.js";
+import b from "./index.es192.js";
+import w from "./index.es204.js";
+import { getSvgIconUtilityClass as C } from "./index.es403.js";
+import { jsxs as R, jsx as I } from "react/jsx-runtime";
+import g from "./index.es305.js";
+import O from "./index.es212.js";
+const B = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], N = (e) => {
+  const {
+    color: t,
+    fontSize: i,
+    classes: r
+  } = e, n = {
+    root: ["root", t !== "inherit" && `color${g(t)}`, `fontSize${g(i)}`]
+  };
+  return O(n, C, r);
+}, j = w("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.root, i.color !== "inherit" && t[`color${g(i.color)}`], t[`fontSize${g(i.fontSize)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: t
+}) => {
+  var i, r, n, m, f, a, h, d, u, s, c, p, l;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    // the <svg> will define the property that has `currentColor`
+    // e.g. heroicons uses fill="none" and stroke="currentColor"
+    fill: t.hasSvgAsChild ? void 0 : "currentColor",
+    flexShrink: 0,
+    transition: (i = e.transitions) == null || (r = i.create) == null ? void 0 : r.call(i, "fill", {
+      duration: (n = e.transitions) == null || (n = n.duration) == null ? void 0 : n.shorter
+    }),
+    fontSize: {
+      inherit: "inherit",
+      small: ((m = e.typography) == null || (f = m.pxToRem) == null ? void 0 : f.call(m, 20)) || "1.25rem",
+      medium: ((a = e.typography) == null || (h = a.pxToRem) == null ? void 0 : h.call(a, 24)) || "1.5rem",
+      large: ((d = e.typography) == null || (u = d.pxToRem) == null ? void 0 : u.call(d, 35)) || "2.1875rem"
+    }[t.fontSize],
+    // TODO v5 deprecate, v6 remove for sx
+    color: (s = (c = (e.vars || e).palette) == null || (c = c[t.color]) == null ? void 0 : c.main) != null ? s : {
+      action: (p = (e.vars || e).palette) == null || (p = p.action) == null ? void 0 : p.active,
+      disabled: (l = (e.vars || e).palette) == null || (l = l.action) == null ? void 0 : l.disabled,
+      inherit: void 0
+    }[t.color]
+  };
+}), v = /* @__PURE__ */ $.forwardRef(function(t, i) {
+  const r = b({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: n,
+    className: m,
+    color: f = "inherit",
+    component: a = "svg",
+    fontSize: h = "medium",
+    htmlColor: d,
+    inheritViewBox: u = !1,
+    titleAccess: s,
+    viewBox: c = "0 0 24 24"
+  } = r, p = z(r, B), l = /* @__PURE__ */ $.isValidElement(n) && n.type === "svg", y = x({}, r, {
+    color: f,
+    component: a,
+    fontSize: h,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: u,
+    viewBox: c,
+    hasSvgAsChild: l
+  }), S = {};
+  u || (S.viewBox = c);
+  const _ = N(y);
+  return /* @__PURE__ */ R(j, x({
+    as: a,
+    className: T(_.root, m),
+    focusable: "false",
+    color: d,
+    "aria-hidden": s ? void 0 : !0,
+    role: s ? "img" : void 0,
+    ref: i
+  }, S, p, l && n.props, {
+    ownerState: y,
+    children: [l ? n.props.children : n, s ? /* @__PURE__ */ I("title", {
+      children: s
+    }) : null]
+  }));
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Node passed into the SVG element.
+   */
+  children: o.node,
+  /**
+   * 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/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: o.oneOfType([o.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: o.oneOfType([o.oneOf(["inherit", "large", "medium", "small"]), o.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: o.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: o.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: 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]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: o.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: o.string
+});
+v.muiName = "SvgIcon";
+const W = v;
+export {
+  W as default
+};

package/index.es384.js

@@ -0,0 +1,4 @@
+import e from "./index.es209.js";
+export {
+  e as default
+};

package/index.es385.js

@@ -0,0 +1,4 @@
+import e from "./index.es309.js";
+export {
+  e as default
+};

package/index.es386.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/index.es387.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/index.es388.js

@@ -0,0 +1,10 @@
+import t from "./index.es389.js";
+var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
+  function(e) {
+    return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+export {
+  a as default
+};

package/index.es389.js

@@ -0,0 +1,9 @@
+function u(t) {
+  var n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] === void 0 && (n[e] = t(e)), n[e];
+  };
+}
+export {
+  u as default
+};

package/index.es39.js

@@ -1,247 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es89.js";
-import { clsx as x } from "./index.es86.js";
-const y = n("grid", {
-  variants: {
-    cols: {
-      1: "grid-cols-1",
-      2: "grid-cols-2",
-      3: "grid-cols-3",
-      4: "grid-cols-4",
-      5: "grid-cols-5",
-      6: "grid-cols-6",
-      7: "grid-cols-7",
-      8: "grid-cols-8",
-      9: "grid-cols-9",
-      10: "grid-cols-10",
-      11: "grid-cols-11",
-      12: "grid-cols-12"
-    },
-    gap: {
-      none: "",
-      1: "gap-space-01",
-      2: "gap-space-02",
-      3: "gap-space-03",
-      4: "gap-space-04",
-      5: "gap-space-05",
-      6: "gap-space-06",
-      7: "gap-space-07",
-      8: "gap-space-08",
-      9: "gap-space-09",
-      10: "gap-space-10",
-      11: "gap-space-11",
-      12: "gap-space-12"
-    },
-    gapX: {
-      none: "",
-      1: "gap-x-space-01",
-      2: "gap-x-space-02",
-      3: "gap-x-space-03",
-      4: "gap-x-space-04",
-      5: "gap-x-space-05",
-      6: "gap-x-space-06",
-      7: "gap-x-space-07",
-      8: "gap-x-space-08",
-      9: "gap-x-space-09",
-      10: "gap-x-space-10",
-      11: "gap-x-space-11",
-      12: "gap-x-space-12"
-    },
-    gapY: {
-      none: "",
-      1: "gap-y-space-01",
-      2: "gap-y-space-02",
-      3: "gap-y-space-03",
-      4: "gap-y-space-04",
-      5: "gap-y-space-05",
-      6: "gap-y-space-06",
-      7: "gap-y-space-07",
-      8: "gap-y-space-08",
-      9: "gap-y-space-09",
-      10: "gap-y-space-10",
-      11: "gap-y-space-11",
-      12: "gap-y-space-12"
-    },
-    autoFlow: {
-      row: "grid-flow-row",
-      col: "grid-flow-col",
-      dense: "grid-flow-dense",
-      rowDense: "grid-flow-row-dense",
-      colDense: "grid-flow-col-dense"
-    },
-    alignItems: {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    },
-    justifyItems: {
-      start: "justify-items-start",
-      center: "justify-items-center",
-      end: "justify-items-end",
-      stretch: "justify-items-stretch"
-    },
-    alignContent: {
-      start: "content-start",
-      center: "content-center",
-      end: "content-end",
-      between: "content-between",
-      around: "content-around",
-      evenly: "content-evenly"
-    },
-    justifyContent: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    }
-  },
-  defaultVariants: {
-    cols: 12,
-    gap: 1,
-    gapX: "none",
-    gapY: "none",
-    autoFlow: "row",
-    alignItems: "stretch",
-    justifyItems: "stretch",
-    alignContent: "start",
-    justifyContent: "start"
-  }
-}), b = ({
-  cols: s,
-  gap: a,
-  gapX: p,
-  gapY: c,
-  autoFlow: e,
-  alignItems: o,
-  justifyItems: t,
-  alignContent: g,
-  justifyContent: r,
-  className: i,
-  children: d,
-  ...m
-}) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: y({
-      cols: s,
-      gap: a,
-      gapX: p,
-      gapY: c,
-      autoFlow: e,
-      alignItems: o,
-      justifyItems: t,
-      alignContent: g,
-      justifyContent: r,
-      className: i
-    }),
-    ...m,
-    children: d
-  }
-), f = n("", {
-  variants: {
-    base: {
-      1: "col-span-1",
-      2: "col-span-2",
-      3: "col-span-3",
-      4: "col-span-4",
-      5: "col-span-5",
-      6: "col-span-6",
-      7: "col-span-7",
-      8: "col-span-8",
-      9: "col-span-9",
-      10: "col-span-10",
-      11: "col-span-11",
-      12: "col-span-12"
-    },
-    sm: {
-      1: "sm:col-span-1",
-      2: "sm:col-span-2",
-      3: "sm:col-span-3",
-      4: "sm:col-span-4",
-      5: "sm:col-span-5",
-      6: "sm:col-span-6",
-      7: "sm:col-span-7",
-      8: "sm:col-span-8",
-      9: "sm:col-span-9",
-      10: "sm:col-span-10",
-      11: "sm:col-span-11",
-      12: "sm:col-span-12"
-    },
-    md: {
-      1: "md:col-span-1",
-      2: "md:col-span-2",
-      3: "md:col-span-3",
-      4: "md:col-span-4",
-      5: "md:col-span-5",
-      6: "md:col-span-6",
-      7: "md:col-span-7",
-      8: "md:col-span-8",
-      9: "md:col-span-9",
-      10: "md:col-span-10",
-      11: "md:col-span-11",
-      12: "md:col-span-12"
-    },
-    lg: {
-      1: "lg:col-span-1",
-      2: "lg:col-span-2",
-      3: "lg:col-span-3",
-      4: "lg:col-span-4",
-      5: "lg:col-span-5",
-      6: "lg:col-span-6",
-      7: "lg:col-span-7",
-      8: "lg:col-span-8",
-      9: "lg:col-span-9",
-      10: "lg:col-span-10",
-      11: "lg:col-span-11",
-      12: "lg:col-span-12"
-    },
-    xl: {
-      1: "xl:col-span-1",
-      2: "xl:col-span-2",
-      3: "xl:col-span-3",
-      4: "xl:col-span-4",
-      5: "xl:col-span-5",
-      6: "xl:col-span-6",
-      7: "xl:col-span-7",
-      8: "xl:col-span-8",
-      9: "xl:col-span-9",
-      10: "xl:col-span-10",
-      11: "xl:col-span-11",
-      12: "xl:col-span-12"
-    },
-    "2xl": {
-      1: "2xl:col-span-1",
-      2: "2xl:col-span-2",
-      3: "2xl:col-span-3",
-      4: "2xl:col-span-4",
-      5: "2xl:col-span-5",
-      6: "2xl:col-span-6",
-      7: "2xl:col-span-7",
-      8: "2xl:col-span-8",
-      9: "2xl:col-span-9",
-      10: "2xl:col-span-10",
-      11: "2xl:col-span-11",
-      12: "2xl:col-span-12"
-    }
-  },
-  defaultVariants: {
-    base: 1
-  }
-}), v = ({ columns: s, children: a, className: p, ...c }) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: x(
-      f(typeof s == "number" ? { base: s } : typeof s == "object" && s !== null ? s : {}),
-      p
-    ),
-    ...c,
-    children: a
-  }
-);
+import { jsx as x } from "react/jsx-runtime";
+import { clsx as c } from "./index.es95.js";
+const u = ({
+  minChildWidth: r,
+  cols: e = 12,
+  // Default to 12 columns
+  gap: p = "gap-space-05",
+  // Default spacing
+  gapX: a = "",
+  gapY: m = "",
+  className: o,
+  children: s,
+  ...t
+}) => {
+  const f = r ? `repeat(auto-fill, minmax(${typeof r == "number" ? `${r}px` : r}, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
+  return /* @__PURE__ */ x("div", { className: c("grid", p, a, m, o), style: { gridTemplateColumns: f }, ...t, children: s });
+};
 export {
-  b as Grid,
-  v as GridItem
+  u as SimpleGrid
 };

package/index.es390.js

@@ -0,0 +1,22 @@
+function c(e) {
+  for (var f = 0, x, a = 0, d = e.length; d >= 4; ++a, d -= 4)
+    x = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, x = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16), x ^= /* k >>> r: */
+    x >>> 24, f = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  switch (d) {
+    case 3:
+      f ^= (e.charCodeAt(a + 2) & 255) << 16;
+    case 2:
+      f ^= (e.charCodeAt(a + 1) & 255) << 8;
+    case 1:
+      f ^= e.charCodeAt(a) & 255, f = /* Math.imul(h, m): */
+      (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  }
+  return f ^= f >>> 13, f = /* Math.imul(h, m): */
+  (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16), ((f ^ f >>> 15) >>> 0).toString(36);
+}
+export {
+  c as default
+};

package/index.es391.js

@@ -0,0 +1,53 @@
+var o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+export {
+  o as default
+};