mada-design-system 0.0.9

package/index.es23.js

@@ -0,0 +1,173 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as v } from "@radix-ui/react-slot";
+import { cva as g } from "./index.es89.js";
+import * as d from "react";
+import { cn as l } from "./index.es69.js";
+const b = g(
+  "inline-flex items-center font-medium justify-center ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed ",
+  {
+    variants: {
+      variant: {
+        default: "disabled:bg-disabled disabled:text-card  ",
+        outline: "border border-input disabled:text-disabled !bg-card",
+        ghost: " border-none disabled:text-disabled ",
+        link: " text-current underline-offset-4 hover:underline "
+      },
+      size: {
+        default: "py-space-02 px-space-04 h-[40px] text-body-02",
+        sm: "py-[6px] px-space-03 h-[32px] text-body-01",
+        // lg: 'px-8',
+        icon: "p-space-02 h-[40px] text-body-02",
+        "icon-sm": "p-space-01 h-[32px] text-body-01"
+      },
+      rounded: {
+        default: "rounded-2",
+        full: "rounded-full"
+      },
+      colors: {
+        default: "text-foreground hover:bg-card-hover hover:text-primary active:bg-card-hover active:text-primary-oncontainer",
+        primary: "bg-primary text-primary-foreground hover:bg-primary-dark active:bg-primary-oncontainer",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-dark active:bg-secondary-oncontainer",
+        tertiary: "bg-tertiary text-tertiary-foreground hover:bg-tertiary-dark active:bg-tertiary-oncontainer",
+        error: "bg-error text-error-foreground hover:bg-error-dark active:bg-error-oncontainer",
+        warning: "bg-warning text-warning-foreground hover:bg-warning-dark active:bg-warning-oncontainer",
+        success: "bg-success text-success-foreground hover:bg-success-dark active:bg-success-oncontainer",
+        info: "bg-info text-info-foreground hover:bg-info-dark active:bg-info-oncontainer",
+        gray: "bg-transparent text-background-foreground hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
+      }
+    },
+    compoundVariants: [
+      {
+        colors: "secondary",
+        variant: "outline",
+        className: "text-secondary hover:text-secondary hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        colors: "primary",
+        variant: "outline",
+        className: "text-primary hover:text-primary hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "tertiary",
+        className: "text-tertiary hover:text-tertiary  hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "default",
+        className: "border-input hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "info",
+        className: "text-info hover:text-info hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "error",
+        className: "text-error hover:text-error hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "warning",
+        className: "text-warning hover:text-warning hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "success",
+        className: "text-success hover:text-success hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        variant: "outline",
+        colors: "gray",
+        className: "border-border hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "secondary",
+        className: "text-secondary bg-transparent hover:bg-secondary-container active:bg-secondary-container active:text-secondary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "tertiary",
+        className: "text-tertiary bg-transparent hover:bg-tertiary-container active:bg-tertiary-container active:text-tertiary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "default",
+        className: "bg-transparent hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "primary",
+        className: "text-primary bg-transparent hover:bg-primary-container active:bg-primary-container active:text-primary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "info",
+        className: "text-info bg-transparent hover:bg-info-container active:bg-info-container active:text-info-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "error",
+        className: "text-error bg-transparent hover:bg-error-container active:bg-error-container active:text-error-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "success",
+        className: "text-success bg-transparent hover:bg-success-container active:bg-success-container active:text-success-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "warning",
+        className: "text-warning bg-transparent hover:bg-warning-container active:bg-warning-container active:text-warning-oncontainer"
+      },
+      {
+        variant: "link",
+        colors: "warning",
+        className: "text-warning !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "info",
+        className: "text-info !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "success",
+        className: "text-success !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "error",
+        className: "text-error !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "secondary",
+        className: "text-secondary !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "default",
+        className: "text-primary !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "tertiary",
+        className: "text-tertiary !bg-transparent"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      rounded: "full",
+      colors: "default"
+    }
+  }
+), x = d.forwardRef(({ className: r, variant: e, size: t, rounded: a, colors: o, asChild: n = !1, ...i }, c) => /* @__PURE__ */ s(n ? v : "button", { className: l(b({ variant: e, size: t, rounded: a, colors: o, className: r })), ref: c, ...i }));
+x.displayName = "Button";
+export {
+  x as Button,
+  b as buttonVariants
+};

package/index.es230.js

@@ -0,0 +1,76 @@
+import c from "./index.es151.js";
+import T from "./index.es152.js";
+import M from "./index.es236.js";
+const _ = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function v(i) {
+  return Math.round(i * 1e5) / 1e5;
+}
+const p = {
+  textTransform: "uppercase"
+}, d = '"Roboto", "Helvetica", "Arial", sans-serif';
+function A(i, n) {
+  const h = typeof n == "function" ? n(i) : n, {
+    fontFamily: r = d,
+    // The default font size of the Material Specification.
+    fontSize: f = 14,
+    // px
+    fontWeightLight: a = 300,
+    fontWeightRegular: t = 400,
+    fontWeightMedium: o = 500,
+    fontWeightBold: g = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: l = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: b,
+    pxToRem: S
+  } = h, W = T(h, _);
+  process.env.NODE_ENV;
+  const x = f / 14, m = S || ((s) => `${s / l * x}rem`), e = (s, u, y, z, R) => c({
+    fontFamily: r,
+    fontWeight: s,
+    fontSize: m(u),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: y
+  }, r === d ? {
+    letterSpacing: `${v(z / u)}em`
+  } : {}, R, b), F = {
+    h1: e(a, 96, 1.167, -1.5),
+    h2: e(a, 60, 1.2, -0.5),
+    h3: e(t, 48, 1.167, 0),
+    h4: e(t, 34, 1.235, 0.25),
+    h5: e(t, 24, 1.334, 0),
+    h6: e(o, 20, 1.6, 0.15),
+    subtitle1: e(t, 16, 1.75, 0.15),
+    subtitle2: e(o, 14, 1.57, 0.1),
+    body1: e(t, 16, 1.5, 0.15),
+    body2: e(t, 14, 1.43, 0.15),
+    button: e(o, 14, 1.75, 0.4, p),
+    caption: e(t, 12, 1.66, 0.4),
+    overline: e(t, 12, 2.66, 1, p),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return M(c({
+    htmlFontSize: l,
+    pxToRem: m,
+    fontFamily: r,
+    fontSize: f,
+    fontWeightLight: a,
+    fontWeightRegular: t,
+    fontWeightMedium: o,
+    fontWeightBold: g
+  }, F), W, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+export {
+  A as default
+};

package/index.es231.js

@@ -0,0 +1,7 @@
+function a(...o) {
+  return [`${o[0]}px ${o[1]}px ${o[2]}px ${o[3]}px rgba(0,0,0,${0.2})`, `${o[4]}px ${o[5]}px ${o[6]}px ${o[7]}px rgba(0,0,0,${0.14})`, `${o[8]}px ${o[9]}px ${o[10]}px ${o[11]}px rgba(0,0,0,${0.12})`].join(",");
+}
+const t = ["none", a(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), a(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), a(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), a(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), a(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), a(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), a(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), a(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), a(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), a(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), a(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), a(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), a(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), a(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), a(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), a(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), a(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), a(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), a(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), a(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), a(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), a(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), a(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), a(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], s = t;
+export {
+  s as default
+};

package/index.es232.js

@@ -0,0 +1,60 @@
+import f from "./index.es152.js";
+import u from "./index.es151.js";
+const l = ["duration", "easing", "delay"], p = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, y = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function m(e) {
+  return `${Math.round(e)}ms`;
+}
+function h(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
+}
+function O(e) {
+  const t = u({}, p, e.easing), c = u({}, y, e.duration);
+  return u({
+    getAutoHeightDuration: h,
+    create: (n = ["all"], s = {}) => {
+      const {
+        duration: o = c.standard,
+        easing: g = t.easeInOut,
+        delay: i = 0
+      } = s, b = f(s, l);
+      if (process.env.NODE_ENV !== "production") {
+        const r = (a) => typeof a == "string", d = (a) => !isNaN(parseFloat(a));
+        !r(n) && Array.isArray(n), !d(o) && r(o), r(g), !d(i) && r(i), Object.keys(b).length;
+      }
+      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
+    }
+  }, e, {
+    easing: t,
+    duration: c
+  });
+}
+export {
+  O as default,
+  y as duration,
+  p as easing
+};

package/index.es233.js

@@ -0,0 +1,13 @@
+const a = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, e = a;
+export {
+  e as default
+};

package/index.es234.js

@@ -0,0 +1,9 @@
+function o(e) {
+  let t = "https://mui.com/production-error/?code=" + e;
+  for (let r = 1; r < arguments.length; r += 1)
+    t += "&args[]=" + encodeURIComponent(arguments[r]);
+  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+}
+export {
+  o as default
+};

package/index.es235.js

@@ -0,0 +1,38 @@
+import p from "./index.es151.js";
+import h from "./index.es152.js";
+import d from "./index.es290.js";
+import g from "./index.es292.js";
+import x from "./index.es291.js";
+import b from "./index.es238.js";
+import _ from "./index.es237.js";
+import k from "./index.es330.js";
+import s from "./index.es236.js";
+const y = ["breakpoints", "palette", "spacing", "shape"];
+function P(r = {}, ...i) {
+  const {
+    breakpoints: a = {},
+    palette: m = {},
+    spacing: c,
+    shape: l = {}
+  } = r, t = h(r, y), u = d(a), f = x(c);
+  let e = s({
+    breakpoints: u,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: p({
+      mode: "light"
+    }, m),
+    spacing: f,
+    shape: p({}, g, l)
+  }, t);
+  return e.applyStyles = k, e = i.reduce((n, o) => s(n, o), e), e.unstable_sxConfig = p({}, _, t == null ? void 0 : t.unstable_sxConfig), e.unstable_sx = function(o) {
+    return b({
+      sx: o,
+      theme: this
+    });
+  }, e;
+}
+export {
+  P as default
+};

package/index.es236.js

@@ -0,0 +1,29 @@
+import r from "./index.es151.js";
+import * as i from "react";
+function f(t) {
+  if (typeof t != "object" || t === null)
+    return !1;
+  const n = Object.getPrototypeOf(t);
+  return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
+}
+function p(t) {
+  if (/* @__PURE__ */ i.isValidElement(t) || !f(t))
+    return t;
+  const n = {};
+  return Object.keys(t).forEach((o) => {
+    n[o] = p(t[o]);
+  }), n;
+}
+function b(t, n, o = {
+  clone: !0
+}) {
+  const e = o.clone ? r({}, t) : t;
+  return f(t) && f(n) && Object.keys(n).forEach((l) => {
+    /* @__PURE__ */ i.isValidElement(n[l]) ? e[l] = n[l] : f(n[l]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(t, l) && f(t[l]) ? e[l] = b(t[l], n[l], o) : o.clone ? e[l] = f(n[l]) ? p(n[l]) : n[l] : e[l] = n[l];
+  }), e;
+}
+export {
+  b as default,
+  f as isPlainObject
+};

package/index.es237.js

@@ -0,0 +1,293 @@
+import { padding as e, margin as t } from "./index.es283.js";
+import { borderTransform as r, borderRadius as s } from "./index.es279.js";
+import { gap as i, rowGap as n, columnGap as m } from "./index.es286.js";
+import { paletteTransform as l } from "./index.es287.js";
+import { sizingTransform as o, maxWidth as y } from "./index.es288.js";
+const d = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: r
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: s
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: l
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: l
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: l
+  },
+  // spacing
+  p: {
+    style: e
+  },
+  pt: {
+    style: e
+  },
+  pr: {
+    style: e
+  },
+  pb: {
+    style: e
+  },
+  pl: {
+    style: e
+  },
+  px: {
+    style: e
+  },
+  py: {
+    style: e
+  },
+  padding: {
+    style: e
+  },
+  paddingTop: {
+    style: e
+  },
+  paddingRight: {
+    style: e
+  },
+  paddingBottom: {
+    style: e
+  },
+  paddingLeft: {
+    style: e
+  },
+  paddingX: {
+    style: e
+  },
+  paddingY: {
+    style: e
+  },
+  paddingInline: {
+    style: e
+  },
+  paddingInlineStart: {
+    style: e
+  },
+  paddingInlineEnd: {
+    style: e
+  },
+  paddingBlock: {
+    style: e
+  },
+  paddingBlockStart: {
+    style: e
+  },
+  paddingBlockEnd: {
+    style: e
+  },
+  m: {
+    style: t
+  },
+  mt: {
+    style: t
+  },
+  mr: {
+    style: t
+  },
+  mb: {
+    style: t
+  },
+  ml: {
+    style: t
+  },
+  mx: {
+    style: t
+  },
+  my: {
+    style: t
+  },
+  margin: {
+    style: t
+  },
+  marginTop: {
+    style: t
+  },
+  marginRight: {
+    style: t
+  },
+  marginBottom: {
+    style: t
+  },
+  marginLeft: {
+    style: t
+  },
+  marginX: {
+    style: t
+  },
+  marginY: {
+    style: t
+  },
+  marginInline: {
+    style: t
+  },
+  marginInlineStart: {
+    style: t
+  },
+  marginInlineEnd: {
+    style: t
+  },
+  marginBlock: {
+    style: t
+  },
+  marginBlockStart: {
+    style: t
+  },
+  marginBlockEnd: {
+    style: t
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (a) => ({
+      "@media print": {
+        display: a
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: i
+  },
+  rowGap: {
+    style: n
+  },
+  columnGap: {
+    style: m
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: o
+  },
+  maxWidth: {
+    style: y
+  },
+  minWidth: {
+    transform: o
+  },
+  height: {
+    transform: o
+  },
+  maxHeight: {
+    transform: o
+  },
+  minHeight: {
+    transform: o
+  },
+  boxSizing: {},
+  // typography
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+}, K = d;
+export {
+  K as default
+};