mada-design-system 0.7.1 → 0.8.0

package/index.es413.js

@@ -1,176 +1,26 @@
-import x from "./index.es201.js";
-import z from "./index.es202.js";
-import * as $ from "react";
-import o from "./index.es203.js";
-import { clsx as T } from "./index.es131.js";
-import b from "./index.es224.js";
-import w from "./index.es215.js";
-import { getSvgIconUtilityClass as C } from "./index.es435.js";
-import { jsxs as R, jsx as I } from "react/jsx-runtime";
-import g from "./index.es342.js";
-import O from "./index.es223.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]
-  }));
+import o from "./index.es407.js";
+import p from "./index.es408.js";
+function r(e, t) {
+  return t === "grey" ? t : e;
+}
+const n = o({
+  prop: "color",
+  themeKey: "palette",
+  transform: r
+}), c = o({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: r
+}), m = o({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: r
 });
-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;
+p(n, c, m);
 export {
-  W as default
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };

package/index.es414.js

@@ -1,4 +1,64 @@
-import e from "./index.es220.js";
+import r from "./index.es407.js";
+import a from "./index.es408.js";
+import { handleBreakpoints as p, values as d } from "./index.es410.js";
+function i(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
+}
+const f = r({
+  prop: "width",
+  transform: i
+}), s = (t) => {
+  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
+    const h = (e) => {
+      var n, o;
+      const m = ((n = t.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[e]) || d[e];
+      return m ? ((o = t.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
+        maxWidth: `${m}${t.theme.breakpoints.unit}`
+      } : {
+        maxWidth: m
+      } : {
+        maxWidth: i(e)
+      };
+    };
+    return p(t, t.maxWidth, h);
+  }
+  return null;
+};
+s.filterProps = ["maxWidth"];
+const l = r({
+  prop: "minWidth",
+  transform: i
+}), u = r({
+  prop: "height",
+  transform: i
+}), x = r({
+  prop: "maxHeight",
+  transform: i
+}), c = r({
+  prop: "minHeight",
+  transform: i
+});
+r({
+  prop: "size",
+  cssProperty: "width",
+  transform: i
+});
+r({
+  prop: "size",
+  cssProperty: "height",
+  transform: i
+});
+const g = r({
+  prop: "boxSizing"
+});
+a(f, s, l, u, x, c, g);
 export {
-  e as default
+  g as boxSizing,
+  u as height,
+  x as maxHeight,
+  s as maxWidth,
+  c as minHeight,
+  l as minWidth,
+  i as sizingTransform,
+  f as width
 };

package/index.es415.js

@@ -1,4 +1,7 @@
-import e from "./index.es364.js";
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
+}
 export {
-  e as default
+  u as default
 };

package/index.es416.js

@@ -1,4 +1,9 @@
-var r = {};
+import e from "./index.es370.js";
+function o(r) {
+  if (typeof r != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}
 export {
-  r as __exports
+  o as default
 };

package/index.es417.js

@@ -1,4 +1,34 @@
-var e = {};
+import { r as n } from "./index.es435.js";
+const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
+function c(e) {
+  const t = `${e}`.match(i);
+  return t && t[1] || "";
+}
+function f(e, t = "") {
+  return e.displayName || e.name || c(e) || t;
+}
+function u(e, t, r) {
+  const a = f(t);
+  return e.displayName || (a !== "" ? `${r}(${a})` : r);
+}
+function d(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return f(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case n.ForwardRef:
+          return u(e, e.render, "ForwardRef");
+        case n.Memo:
+          return u(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
 export {
-  e as __exports
+  d as default,
+  c as getFunctionName
 };

package/index.es418.js

@@ -1,9 +1,61 @@
-import i from "./index.es225.js";
-import e from "./index.es226.js";
-function o(t) {
-  return i("MuiList", t);
+import v from "./index.es208.js";
+import f from "./index.es207.js";
+const h = ["values", "unit", "step"], $ = (i) => {
+  const t = Object.keys(i).map((r) => ({
+    key: r,
+    val: i[r]
+  })) || [];
+  return t.sort((r, u) => r.val - u.val), t.reduce((r, u) => f({}, r, {
+    [u.key]: u.val
+  }), {});
+};
+function w(i) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: u = 5
+  } = i, m = v(i, h), c = $(t), n = Object.keys(c);
+  function s(e) {
+    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r})`;
+  }
+  function l(e) {
+    return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - u / 100}${r})`;
+  }
+  function a(e, o) {
+    const d = n.indexOf(o);
+    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r}) and (max-width:${(d !== -1 && typeof t[n[d]] == "number" ? t[n[d]] : o) - u / 100}${r})`;
+  }
+  function p(e) {
+    return n.indexOf(e) + 1 < n.length ? a(e, n[n.indexOf(e) + 1]) : s(e);
+  }
+  function x(e) {
+    const o = n.indexOf(e);
+    return o === 0 ? s(n[1]) : o === n.length - 1 ? l(n[o]) : a(e, n[n.indexOf(e) + 1]).replace("@media", "@media not all and");
+  }
+  return f({
+    keys: n,
+    values: c,
+    up: s,
+    down: l,
+    between: a,
+    only: p,
+    not: x,
+    unit: r
+  }, m);
 }
-e("MuiList", ["root", "padding", "dense", "subheader"]);
 export {
-  o as getListUtilityClass
+  w as default
 };

package/index.es419.js

@@ -1,10 +1,15 @@
-import t from "./index.es420.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 */
-);
+import { createUnarySpacing as c } from "./index.es409.js";
+function u(e = 8) {
+  if (e.mui)
+    return e;
+  const o = c({
+    spacing: e
+  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
+    const t = o(a);
+    return typeof t == "number" ? `${t}px` : t;
+  }).join(" "));
+  return n.mui = !0, n;
+}
 export {
-  a as default
+  u as default
 };

package/index.es42.js

@@ -1,6 +1,6 @@
 import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es109.js";
-import { clsx as l } from "./index.es131.js";
+import { cva as m } from "./index.es111.js";
+import { clsx as l } from "./index.es133.js";
 const u = m("flex", {
   variants: {
     direction: {

package/index.es420.js

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

package/index.es421.js

@@ -1,22 +1,12 @@
-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);
+import * as n from "react";
+import { T as o } from "./index.es422.js";
+function r(e) {
+  return Object.keys(e).length === 0;
+}
+function s(e = null) {
+  const t = n.useContext(o);
+  return !t || r(t) ? e : t;
 }
 export {
-  c as default
+  s as default
 };

package/index.es422.js

@@ -1,53 +1,57 @@
-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
-};
+import * as a from "react";
+import { forwardRef as _, useContext as g } from "react";
+import p from "./index.es491.js";
+import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es468.js";
+import { serializeStyles as d } from "./index.es470.js";
+import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es469.js";
+var S = {}.hasOwnProperty, m = /* @__PURE__ */ a.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ p({
+    key: "css"
+  }) : null
+);
+process.env.NODE_ENV !== "production" && (m.displayName = "EmotionCacheContext");
+m.Provider;
+var T = function(t) {
+  return /* @__PURE__ */ _(function(i, r) {
+    var n = g(m);
+    return t(i, n, r);
+  });
+}, v = /* @__PURE__ */ a.createContext({});
+process.env.NODE_ENV !== "production" && (v.displayName = "EmotionThemeContext");
+var u = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", P = function(t) {
+  var i = t.cache, r = t.serialized, n = t.isStringTag;
+  return C(i, r, n), h(function() {
+    return y(i, r, n);
+  }), null;
+}, x = /* @__PURE__ */ T(function(e, t, i) {
+  var r = e.css;
+  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
+  var n = e[u], f = [r], c = "";
+  typeof e.className == "string" ? c = O(t.registered, f, e.className) : e.className != null && (c = e.className + " ");
+  var s = d(f, void 0, a.useContext(v));
+  if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
+    var E = e[N];
+    E && (s = d([s, "label:" + E + ";"]));
+  }
+  c += t.key + "-" + s.name;
+  var l = {};
+  for (var o in e)
+    S.call(e, o) && o !== "css" && o !== u && (process.env.NODE_ENV === "production" || o !== N) && (l[o] = e[o]);
+  return l.ref = i, l.className = c, /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(P, {
+    cache: t,
+    serialized: s,
+    isStringTag: typeof n == "string"
+  }), /* @__PURE__ */ a.createElement(n, l));
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "EmotionCssPropInternal");
 export {
-  o as default
+  v as T,
+  S as h,
+  T as w
 };