mada-design-system 0.9.1 → 1.0.0

package/index.es418.js

@@ -1,19 +1,48 @@
-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;
+var x = Object.defineProperty;
+var c = (s, r, e) => r in s ? x(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var i = (s, r, e) => c(s, typeof r != "symbol" ? r + "" : r, e);
+import { constructFrom as a } from "./index.es225.js";
+import { getTimezoneOffsetInMilliseconds as p } from "./index.es232.js";
+import { timezonePatterns as t } from "./index.es441.js";
+import { Parser as u } from "./index.es439.js";
+import { parseTimezonePattern as o } from "./index.es440.js";
+class P extends u {
+  constructor() {
+    super(...arguments);
+    i(this, "priority", 10);
+    i(this, "incompatibleTokens", ["t", "T", "X"]);
+  }
+  parse(e, n) {
+    switch (n) {
+      case "x":
+        return o(
+          t.basicOptionalMinutes,
+          e
+        );
+      case "xx":
+        return o(t.basic, e);
+      case "xxxx":
+        return o(
+          t.basicOptionalSeconds,
+          e
+        );
+      case "xxxxx":
+        return o(
+          t.extendedOptionalSeconds,
+          e
+        );
+      case "xxx":
+      default:
+        return o(t.extended, e);
+    }
+  }
+  set(e, n, m) {
+    return n.timestampIsSet ? e : a(
+      e,
+      e.getTime() - p(e) - m
+    );
+  }
+}
 export {
-  e as default
+  P as ISOTimezoneParser
 };

package/index.es419.js

@@ -1,19 +1,22 @@
-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;
+var i = Object.defineProperty;
+var m = (t, r, e) => r in t ? i(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var s = (t, r, e) => m(t, typeof r != "symbol" ? r + "" : r, e);
+import { constructFrom as p } from "./index.es225.js";
+import { Parser as a } from "./index.es439.js";
+import { parseAnyDigitsSigned as n } from "./index.es440.js";
+class l extends a {
+  constructor() {
+    super(...arguments);
+    s(this, "priority", 40);
+    s(this, "incompatibleTokens", "*");
+  }
+  parse(e) {
+    return n(e);
+  }
+  set(e, c, o) {
+    return [p(e, o * 1e3), { timestampIsSet: !0 }];
+  }
+}
 export {
-  e as default
+  l as TimestampSecondsParser
 };

package/index.es42.js

@@ -1,118 +1,65 @@
-import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es111.js";
-import { clsx as l } from "./index.es133.js";
-const u = m("flex", {
-  variants: {
-    direction: {
-      row: "flex-row",
-      "row-reverse": "flex-row-reverse",
-      col: "flex-col",
-      "col-reverse": "flex-col-reverse"
-    },
-    gap: {
-      none: "",
-      small: "gap-space-04",
-      medium: "gap-space-05",
-      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: "",
-      small: "gap-x-space-04",
-      medium: "gap-x-space-05",
-      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: "",
-      small: "gap-y-space-04",
-      medium: "gap-y-space-05",
-      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"
-    },
-    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"
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { cva as b } from "./index.es118.js";
+import * as c from "react";
+import { cn as m } from "./index.es94.js";
+const p = b(
+  `relative inline-flex items-center  w-full  px-space-04 text-form-field-text-filled   overflow-hidden
+     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
+     aria-[invalid=true]:border-form-field-border-error focus-within:shadow-md  focus-within:aria-[invalid=true]:after:bg-form-field-border-error
+     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
+    `,
+  {
+    variants: {
+      variant: {
+        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
+        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
+        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "hover:aria-[disabled=false]:border",
+        success: "border-success",
+        destructive: "border-form-field-border-error "
+      },
+      size: {
+        default: "[&>input]:py-space-02 text-body-02 h-[40px]",
+        sm: "[&>input]:py-space-01 text-body-01 h-[32px]"
+      }
     },
-    justifyContent: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
+    defaultVariants: {
+      variant: "outline",
+      rounded: "default",
+      colors: "default",
+      size: "default"
     }
-  },
-  defaultVariants: {
-    direction: "row",
-    gap: "medium"
-  }
-}), j = ({
-  direction: e,
-  gap: a,
-  gapX: s,
-  gapY: p,
-  justifyContent: t,
-  justifyItems: c,
-  alignContent: n,
-  alignItems: r,
-  className: g,
-  children: i,
-  ...o
-}) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: l(u({ direction: e, gap: a, gapX: s, gapY: p, justifyContent: t, justifyItems: c, alignContent: n, alignItems: r }), g),
-    ...o,
-    children: i
   }
+), h = c.forwardRef(
+  ({ className: t, variant: i, rounded: l, type: o, colors: f, startAdornment: a, size: s, endAdornment: d, ...e }, u) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: m(p({ variant: i, rounded: l, colors: f, size: s }), t),
+      "aria-invalid": e["aria-invalid"],
+      "aria-disabled": e.disabled,
+      children: [
+        a && /* @__PURE__ */ r("div", { className: " me-space-02 ", children: a }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: o,
+            className: "file:font-mdium w-full bg-transparent  outline-none file:border-0  file:bg-transparent file:text-sm placeholder:text-form-field-text-placeholder  ",
+            ref: u,
+            ...e
+          }
+        ),
+        d && /* @__PURE__ */ r("div", { className: "ms-space-02", children: d })
+      ]
+    }
+  )
 );
+h.displayName = "Input";
 export {
-  j as Stack
+  h as Input
 };

package/index.es420.js

@@ -1,19 +1,22 @@
-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;
+var o = Object.defineProperty;
+var m = (t, r, e) => r in t ? o(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var s = (t, r, e) => m(t, typeof r != "symbol" ? r + "" : r, e);
+import { constructFrom as p } from "./index.es225.js";
+import { Parser as a } from "./index.es439.js";
+import { parseAnyDigitsSigned as n } from "./index.es440.js";
+class g extends a {
+  constructor() {
+    super(...arguments);
+    s(this, "priority", 20);
+    s(this, "incompatibleTokens", "*");
+  }
+  parse(e) {
+    return n(e);
+  }
+  set(e, c, i) {
+    return [p(e, i), { timestampIsSet: !0 }];
+  }
+}
 export {
-  e as default
+  g as TimestampMillisecondsParser
 };

package/index.es421.js

@@ -1,19 +1,11 @@
-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;
+function o(e, n, t = "long") {
+  return new Intl.DateTimeFormat("en-US", {
+    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
+    hour: "numeric",
+    timeZone: e,
+    timeZoneName: t
+  }).format(n).split(/\s/g).slice(2).join(" ");
+}
 export {
-  e as default
+  o as tzName
 };

package/index.es422.js

@@ -1,19 +1,22 @@
-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;
+const n = {}, f = {};
+function d(t, c) {
+  try {
+    const r = (n[t] || (n[t] = new Intl.DateTimeFormat("en-US", {
+      timeZone: t,
+      timeZoneName: "longOffset"
+    }).format))(c).split("GMT")[1];
+    return r in f ? f[r] : a(r, r.split(":"));
+  } catch {
+    if (t in f) return f[t];
+    const s = t == null ? void 0 : t.match(o);
+    return s ? a(t, s.slice(1)) : NaN;
+  }
+}
+const o = /([+-]\d\d):?(\d\d)?/;
+function a(t, c) {
+  const s = +(c[0] || 0), r = +(c[1] || 0), u = +(c[2] || 0) / 60;
+  return f[t] = s * 60 + r > 0 ? s * 60 + r + u : s * 60 - r - u;
+}
 export {
-  e as default
+  d as tzOffset
 };

package/index.es423.js

@@ -1,19 +1,19 @@
-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 { defaultDateLib as o } from "./index.es28.js";
+class y {
+  constructor(t, i, s = o) {
+    this.date = t, this.displayMonth = i, this.outside = !!(i && !s.isSameMonth(t, i)), this.dateLib = s, this.isoDate = s.format(t, "yyyy-MM-dd"), this.displayMonthId = s.format(i, "yyyy-MM"), this.dateMonthId = s.format(t, "yyyy-MM");
+  }
+  /**
+   * Checks if this day is equal to another `CalendarDay`, considering both the
+   * date and the displayed month.
+   *
+   * @param day The `CalendarDay` to compare with.
+   * @returns `true` if the days are equal, otherwise `false`.
+   */
+  isEqualTo(t) {
+    return this.dateLib.isSameDay(t.date, this.date) && this.dateLib.isSameMonth(t.displayMonth, this.displayMonth);
+  }
+}
 export {
-  a as default
+  y as CalendarDay
 };

package/index.es424.js

@@ -1,15 +1,8 @@
-import r from "./index.es425.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;
+class a {
+  constructor(t, s) {
+    this.date = t, this.weeks = s;
+  }
 }
-const c = (e, o) => {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
-};
 export {
-  y as default,
-  c as internal_processStyles
+  a as CalendarMonth
 };

package/index.es425.js

@@ -1,145 +1,8 @@
-import a from "./index.es469.js";
-import "react";
-var r = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "marquee",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr",
-  // SVG
-  "circle",
-  "clipPath",
-  "defs",
-  "ellipse",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "mask",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "stop",
-  "svg",
-  "text",
-  "tspan"
-], t = a.bind();
-r.forEach(function(e) {
-  t[e] = t(e);
-});
+class t {
+  constructor(e, s) {
+    this.days = s, this.weekNumber = e;
+  }
+}
 export {
-  t as default
+  t as CalendarWeek
 };