mada-design-system 0.5.11 → 0.5.12

package/index.es326.js

@@ -1,19 +1,43 @@
-const a = {
-  50: "#f3e5f5",
-  100: "#e1bee7",
-  200: "#ce93d8",
-  300: "#ba68c8",
-  400: "#ab47bc",
-  500: "#9c27b0",
-  600: "#8e24aa",
-  700: "#7b1fa2",
-  800: "#6a1b9a",
-  900: "#4a148c",
-  A100: "#ea80fc",
-  A200: "#e040fb",
-  A400: "#d500f9",
-  A700: "#aa00ff"
-}, e = a;
+import P from "./index.es325.js";
+import { handleBreakpoints as m } from "./index.es329.js";
+import $ from "./index.es335.js";
+function c(t, e, f = !0) {
+  if (!e || typeof e != "string")
+    return null;
+  if (t && t.vars && f) {
+    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
+    if (n != null)
+      return n;
+  }
+  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
+}
+function y(t, e, f, n = f) {
+  let r;
+  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
+}
+function k(t) {
+  const {
+    prop: e,
+    cssProperty: f = t.prop,
+    themeKey: n,
+    transform: r
+  } = t, s = (o) => {
+    if (o[e] == null)
+      return null;
+    const v = o[e], d = o.theme, i = c(d, n) || {};
+    return m(o, v, (u) => {
+      let l = y(i, r, u);
+      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
+        [f]: l
+      };
+    });
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [e]: P
+  } : {}, s.filterProps = [e], s;
+}
 export {
-  e as default
+  k as default,
+  c as getPath,
+  y as getStyleValue
 };

package/index.es327.js

@@ -1,19 +1,10 @@
-const f = {
-  50: "#ffebee",
-  100: "#ffcdd2",
-  200: "#ef9a9a",
-  300: "#e57373",
-  400: "#ef5350",
-  500: "#f44336",
-  600: "#e53935",
-  700: "#d32f2f",
-  800: "#c62828",
-  900: "#b71c1c",
-  A100: "#ff8a80",
-  A200: "#ff5252",
-  A400: "#ff1744",
-  A700: "#d50000"
-}, e = f;
+import c from "./index.es330.js";
+function f(...n) {
+  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
+    r[o] = e;
+  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
+}
 export {
-  e as default
+  f as default
 };

package/index.es328.js

@@ -1,19 +1,78 @@
-const f = {
-  50: "#fff3e0",
-  100: "#ffe0b2",
-  200: "#ffcc80",
-  300: "#ffb74d",
-  400: "#ffa726",
-  500: "#ff9800",
-  600: "#fb8c00",
-  700: "#f57c00",
-  800: "#ef6c00",
-  900: "#e65100",
-  A100: "#ffd180",
-  A200: "#ffab40",
-  A400: "#ff9100",
-  A700: "#ff6d00"
-}, e = f;
+import d from "./index.es325.js";
+import { handleBreakpoints as f } from "./index.es329.js";
+import { getPath as l } from "./index.es326.js";
+import y from "./index.es330.js";
+import h from "./index.es334.js";
+const v = {
+  m: "margin",
+  p: "padding"
+}, E = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, p = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, N = h((e) => {
+  if (e.length > 2)
+    if (p[e])
+      e = p[e];
+    else
+      return [e];
+  const [n, t] = e.split(""), r = v[n], a = E[t] || "";
+  return Array.isArray(a) ? a.map((o) => r + o) : [r + a];
+}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], m = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], b = [...s, ...m];
+function I(e, n, t, r) {
+  var a;
+  const o = (a = l(e, n, !1)) != null ? a : t;
+  return typeof o == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV, o * i) : Array.isArray(o) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && Number.isInteger(i) && i > o.length - 1, o[i]) : typeof o == "function" ? o : (process.env.NODE_ENV, () => {
+  });
+}
+function B(e) {
+  return I(e, "spacing", 8, "spacing");
+}
+function S(e, n) {
+  if (typeof n == "string" || n == null)
+    return n;
+  const t = Math.abs(n), r = e(t);
+  return n >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
+}
+function T(e, n) {
+  return (t) => e.reduce((r, a) => (r[a] = S(n, t), r), {});
+}
+function $(e, n, t, r) {
+  if (n.indexOf(t) === -1)
+    return null;
+  const a = N(t), o = T(a, r), i = e[t];
+  return f(e, i, o);
+}
+function u(e, n) {
+  const t = B(e.theme);
+  return Object.keys(e).map((r) => $(e, n, r, t)).reduce(y, {});
+}
+function c(e) {
+  return u(e, s);
+}
+c.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((e, n) => (e[n] = d, e), {}) : {};
+c.filterProps = s;
+function g(e) {
+  return u(e, m);
+}
+g.propTypes = process.env.NODE_ENV !== "production" ? m.reduce((e, n) => (e[n] = d, e), {}) : {};
+g.filterProps = m;
+process.env.NODE_ENV !== "production" && b.reduce((e, n) => (e[n] = d, e), {});
 export {
-  e as default
+  B as createUnarySpacing,
+  I as createUnaryUnit,
+  T as getStyleFromPropValue,
+  S as getValue,
+  c as margin,
+  s as marginKeys,
+  g as padding,
+  m as paddingKeys
 };

package/index.es329.js

@@ -1,19 +1,57 @@
-const f = {
-  50: "#e3f2fd",
-  100: "#bbdefb",
-  200: "#90caf9",
-  300: "#64b5f6",
-  400: "#42a5f5",
-  500: "#2196f3",
-  600: "#1e88e5",
-  700: "#1976d2",
-  800: "#1565c0",
-  900: "#0d47a1",
-  A100: "#82b1ff",
-  A200: "#448aff",
-  A400: "#2979ff",
-  A700: "#2962ff"
-}, e = f;
+const c = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, k = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (t) => `@media (min-width:${c[t]}px)`
+};
+function m(t, e, n) {
+  const s = t.theme || {};
+  if (Array.isArray(e)) {
+    const r = s.breakpoints || k;
+    return e.reduce((u, o, i) => (u[r.up(r.keys[i])] = n(e[i]), u), {});
+  }
+  if (typeof e == "object") {
+    const r = s.breakpoints || k;
+    return Object.keys(e).reduce((u, o) => {
+      if (Object.keys(r.values || c).indexOf(o) !== -1) {
+        const i = r.up(o);
+        u[i] = n(e[o], o);
+      } else {
+        const i = o;
+        u[i] = e[i];
+      }
+      return u;
+    }, {});
+  }
+  return n(e);
+}
+function y(t = {}) {
+  var e;
+  return ((e = t.keys) == null ? void 0 : e.reduce((s, d) => {
+    const r = t.up(d);
+    return s[r] = {}, s;
+  }, {})) || {};
+}
+function f(t, e) {
+  return t.reduce((n, s) => {
+    const d = n[s];
+    return (!d || Object.keys(d).length === 0) && delete n[s], n;
+  }, e);
+}
 export {
-  e as default
+  y as createEmptyBreakpointObject,
+  m as handleBreakpoints,
+  f as removeUnusedBreakpoints,
+  c as values
 };

package/index.es33.js

@@ -1,73 +1,125 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as s } from "./index.es105.js";
-import { cn as d } from "./index.es85.js";
-const n = s(
-  "fill-background [&>ellipse]:fill-foreground-secondary [&>path:last-child]:fill-foreground-secondary [&>rect]:fill-foreground-secondary group-data-[state=on]:[&>ellipse]:fill-white group-data-[state=on]:[&>path:last-child]:fill-white group-data-[state=on]:[&>rect]:fill-white",
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-dropdown-menu";
+import * as r from "react";
+import { cn as d } from "./index.es86.js";
+import l from "./index.es129.js";
+import p from "./index.es130.js";
+import m from "./index.es131.js";
+const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
+  e.SubTrigger,
   {
-    variants: {
-      variant: {
-        awful: "[&>path]:stroke-border hover:fill-error-container [&>ellipse]:hover:fill-error [&>path:last-child]:hover:fill-error [&>path]:hover:stroke-error group-data-[state=on]:fill-error ",
-        bad: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-dark [&>path:last-child]:hover:fill-warning-dark [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning-dark ",
-        ok: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-light [&>rect]:hover:fill-warning-light [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning ",
-        good: "[&>path]:stroke-border hover:fill-success-container [&>ellipse]:hover:fill-success [&>path:last-child]:hover:fill-success [&>path]:hover:stroke-sucfill-success group-data-[state=on]:fill-success ",
-        great: "[&>path]:stroke-border hover:fill-primary-container [&>ellipse]:hover:fill-primary [&>path:last-child]:hover:fill-primary [&>path]:hover:stroke-prifill-primary group-data-[state=on]:fill-primary "
-      },
-      size: {
-        default: ""
-        // sm: 'w-space-04 h-space-04',
-      },
-      disabled: {
-        true: "fill-transparent [&>ellipse]:fill-disabled [&>path:last-child]:fill-disabled [&>path]:stroke-disabled [&>rect]:fill-disabled pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      variant: "awful",
-      size: "default"
-    }
+    ref: i,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
+      t && "pl-8",
+      a
+    ),
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ s(l, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+u.displayName = e.SubTrigger.displayName;
+const f = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(
+  e.SubContent,
+  {
+    ref: o,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...t
+  }
+));
+f.displayName = e.SubContent.displayName;
+const b = r.forwardRef(({ className: a, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(e.Portal, { children: /* @__PURE__ */ s(
+  e.Content,
+  {
+    ref: n,
+    sideOffset: t,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-2 border bg-card p-space-02 text-foreground shadow-xsm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...o
+  }
+) }));
+b.displayName = e.Content.displayName;
+const w = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Item,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none   data-[disabled]:text-disabled focus:bg-card-hover",
+      t && "pl-8",
+      a
+    ),
+    ...o
   }
-), c = ({ variant: l, size: r, disabled: t, className: i, ...a }) => /* @__PURE__ */ o(
-  "svg",
+));
+w.displayName = e.Item.displayName;
+const h = r.forwardRef(({ className: a, children: t, checked: o, ...n }, i) => /* @__PURE__ */ c(
+  e.CheckboxItem,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 56,
-    height: 56,
-    fill: "none",
-    className: d(n({ variant: l, size: r, disabled: t }), i),
-    ...a,
+    ref: i,
+    className: d(
+      "relative flex cursor-default select-none items-center  rounded-1 py-space-01 pe-space-01 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    checked: o,
+    ...n,
     children: [
-      /* @__PURE__ */ e("path", { d: "M.5 28C.5 12.812 12.812.5 28 .5S55.5 12.812 55.5 28 43.188 55.5 28 55.5.5 43.188.5 28Z" }),
-      /* @__PURE__ */ e("ellipse", { cx: 37.1, cy: 18.9, rx: 3.5, ry: 6.3 }),
-      /* @__PURE__ */ e("ellipse", { cx: 18.9, cy: 18.9, rx: 3.5, ry: 6.3 }),
-      (!l || l === "awful") && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M42 43.4H14C15.237 37.0247 21.0346 32.2 28 32.2C34.9654 32.2 40.763 37.0247 42 43.4Z"
-        }
-      ),
-      l === "bad" && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M40.0704 43.4C41.4657 43.4 42.4458 42.0285 41.7947 40.7944C39.0888 35.6659 33.9249 32.2 27.9993 32.2C22.0756 32.2 16.913 35.6637 14.2065 40.7896C13.5537 42.0258 14.5357 43.4 15.9336 43.4C16.767 43.4 17.5036 42.8872 17.8998 42.154C19.9086 38.4368 23.6809 35.9334 28.0034 35.9334C32.3267 35.9334 36.0996 38.4379 38.1081 42.1563C38.5034 42.8882 39.2387 43.4 40.0704 43.4Z",
-          clipRule: "evenodd"
-        }
-      ),
-      l === "ok" && /* @__PURE__ */ e("rect", { x: "16.0996", y: "39.2", width: "23.8", height: "4.2", rx: "2.1" }),
-      l === "good" && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M40.0704 36.4C41.4657 36.4 42.4458 37.7715 41.7947 39.0055C39.0888 44.1341 33.9249 47.6 27.9993 47.6C22.0756 47.6 16.913 44.1363 14.2065 39.0103C13.5537 37.7742 14.5357 36.4 15.9336 36.4C16.767 36.4 17.5036 36.9128 17.8998 37.646C19.9086 41.3632 23.681 43.8666 28.0034 43.8666C32.3267 43.8666 36.0996 41.3621 38.1081 37.6437C38.5034 36.9118 39.2387 36.4 40.0704 36.4Z",
-          clipRule: "evenodd"
-        }
-      ),
-      l === "great" && /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M42 36.4H14c1.237 6.375 7.035 11.2 14 11.2s12.763-4.825 14-11.2Z", clipRule: "evenodd" })
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(p, { className: "h-space-03 w-space-03" }) }) }),
+      t
     ]
   }
-);
+));
+h.displayName = e.CheckboxItem.displayName;
+const N = r.forwardRef(({ className: a, children: t, ...o }, n) => /* @__PURE__ */ c(
+  e.RadioItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-01 pe-space-04 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(m, { className: "h-space-02 w-space-02 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+N.displayName = e.RadioItem.displayName;
+const y = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Label,
+  {
+    ref: n,
+    className: d("text-caption-01 font-bold text-foreground-secondary", t && "pl-8", a),
+    ...o
+  }
+));
+y.displayName = e.Label.displayName;
+const g = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(e.Separator, { ref: o, className: d("my-space-03 h-px bg-border", a), ...t }));
+g.displayName = e.Separator.displayName;
+const x = ({ className: a, ...t }) => /* @__PURE__ */ s("span", { className: d("ml-auto text-xs tracking-widest opacity-60", a), ...t });
+x.displayName = "DropdownMenuShortcut";
 export {
-  c as Emoji,
-  c as default
+  S as DropdownMenu,
+  h as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  z as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  y as DropdownMenuLabel,
+  k as DropdownMenuPortal,
+  j as DropdownMenuRadioGroup,
+  N as DropdownMenuRadioItem,
+  g as DropdownMenuSeparator,
+  x as DropdownMenuShortcut,
+  T as DropdownMenuSub,
+  f as DropdownMenuSubContent,
+  u as DropdownMenuSubTrigger,
+  C as DropdownMenuTrigger
 };

package/index.es330.js

@@ -1,19 +1,10 @@
-const f = {
-  50: "#e1f5fe",
-  100: "#b3e5fc",
-  200: "#81d4fa",
-  300: "#4fc3f7",
-  400: "#29b6f6",
-  500: "#03a9f4",
-  600: "#039be5",
-  700: "#0288d1",
-  800: "#0277bd",
-  900: "#01579b",
-  A100: "#80d8ff",
-  A200: "#40c4ff",
-  A400: "#00b0ff",
-  A700: "#0091ea"
-}, e = f;
+import f from "./index.es281.js";
+function o(e, r) {
+  return r ? f(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
 export {
-  e as default
+  o as default
 };

package/index.es331.js

@@ -1,19 +1,78 @@
-const e = {
-  50: "#e8f5e9",
-  100: "#c8e6c9",
-  200: "#a5d6a7",
-  300: "#81c784",
-  400: "#66bb6a",
-  500: "#4caf50",
-  600: "#43a047",
-  700: "#388e3c",
-  800: "#2e7d32",
-  900: "#1b5e20",
-  A100: "#b9f6ca",
-  A200: "#69f0ae",
-  A400: "#00e676",
-  A700: "#00c853"
-}, a = e;
+import r from "./index.es326.js";
+import c from "./index.es327.js";
+import { createUnaryUnit as p, getValue as a } from "./index.es328.js";
+import { handleBreakpoints as l } from "./index.es329.js";
+import s from "./index.es325.js";
+const u = (o) => {
+  if (o.gap !== void 0 && o.gap !== null) {
+    const e = p(o.theme, "spacing", 8, "gap"), n = (t) => ({
+      gap: a(e, t)
+    });
+    return l(o, o.gap, n);
+  }
+  return null;
+};
+u.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: s
+} : {};
+u.filterProps = ["gap"];
+const i = (o) => {
+  if (o.columnGap !== void 0 && o.columnGap !== null) {
+    const e = p(o.theme, "spacing", 8, "columnGap"), n = (t) => ({
+      columnGap: a(e, t)
+    });
+    return l(o, o.columnGap, n);
+  }
+  return null;
+};
+i.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: s
+} : {};
+i.filterProps = ["columnGap"];
+const m = (o) => {
+  if (o.rowGap !== void 0 && o.rowGap !== null) {
+    const e = p(o.theme, "spacing", 8, "rowGap"), n = (t) => ({
+      rowGap: a(e, t)
+    });
+    return l(o, o.rowGap, n);
+  }
+  return null;
+};
+m.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: s
+} : {};
+m.filterProps = ["rowGap"];
+const g = r({
+  prop: "gridColumn"
+}), d = r({
+  prop: "gridRow"
+}), f = r({
+  prop: "gridAutoFlow"
+}), w = r({
+  prop: "gridAutoColumns"
+}), G = r({
+  prop: "gridAutoRows"
+}), A = r({
+  prop: "gridTemplateColumns"
+}), T = r({
+  prop: "gridTemplateRows"
+}), y = r({
+  prop: "gridTemplateAreas"
+}), P = r({
+  prop: "gridArea"
+});
+c(u, i, m, g, d, f, w, G, A, T, y, P);
 export {
-  a as default
+  i as columnGap,
+  u as gap,
+  P as gridArea,
+  w as gridAutoColumns,
+  f as gridAutoFlow,
+  G as gridAutoRows,
+  g as gridColumn,
+  d as gridRow,
+  y as gridTemplateAreas,
+  A as gridTemplateColumns,
+  T as gridTemplateRows,
+  m as rowGap
 };

package/index.es332.js

@@ -1,15 +1,26 @@
-import r from "./index.es333.js";
-function y(e, o) {
-  const n = r(e, o);
-  return process.env.NODE_ENV !== "production" ? (...t) => {
-    const i = typeof e == "string" ? `"${e}"` : "component";
-    return t.length === 0 || t.some((s) => s === void 0), n(...t);
-  } : n;
+import o from "./index.es326.js";
+import p from "./index.es327.js";
+function r(e, t) {
+  return t === "grey" ? t : e;
 }
-const c = (e, o) => {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
-};
+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
+});
+p(n, c, m);
 export {
-  y as default,
-  c as internal_processStyles
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };