mada-design-system 0.9.1 → 1.0.0

package/index.es440.js

@@ -1,12 +1,103 @@
-import * as n from "react";
-import { T as o } from "./index.es441.js";
-function r(e) {
-  return Object.keys(e).length === 0;
+import { millisecondsInHour as l, millisecondsInMinute as m, millisecondsInSecond as f } from "./index.es230.js";
+import { numericPatterns as r } from "./index.es441.js";
+function p(e, n) {
+  return e && {
+    value: n(e.value),
+    rest: e.rest
+  };
 }
-function s(e = null) {
-  const t = n.useContext(o);
-  return !t || r(t) ? e : t;
+function t(e, n) {
+  const s = n.match(e);
+  return s ? {
+    value: parseInt(s[0], 10),
+    rest: n.slice(s[0].length)
+  } : null;
+}
+function d(e, n) {
+  const s = n.match(e);
+  if (!s)
+    return null;
+  if (s[0] === "Z")
+    return {
+      value: 0,
+      rest: n.slice(1)
+    };
+  const u = s[1] === "+" ? 1 : -1, i = s[2] ? parseInt(s[2], 10) : 0, c = s[3] ? parseInt(s[3], 10) : 0, o = s[5] ? parseInt(s[5], 10) : 0;
+  return {
+    value: u * (i * l + c * m + o * f),
+    rest: n.slice(s[0].length)
+  };
+}
+function D(e) {
+  return t(r.anyDigitsSigned, e);
+}
+function I(e, n) {
+  switch (e) {
+    case 1:
+      return t(r.singleDigit, n);
+    case 2:
+      return t(r.twoDigits, n);
+    case 3:
+      return t(r.threeDigits, n);
+    case 4:
+      return t(r.fourDigits, n);
+    default:
+      return t(new RegExp("^\\d{1," + e + "}"), n);
+  }
+}
+function v(e, n) {
+  switch (e) {
+    case 1:
+      return t(r.singleDigitSigned, n);
+    case 2:
+      return t(r.twoDigitsSigned, n);
+    case 3:
+      return t(r.threeDigitsSigned, n);
+    case 4:
+      return t(r.fourDigitsSigned, n);
+    default:
+      return t(new RegExp("^-?\\d{1," + e + "}"), n);
+  }
+}
+function w(e) {
+  switch (e) {
+    case "morning":
+      return 4;
+    case "evening":
+      return 17;
+    case "pm":
+    case "noon":
+    case "afternoon":
+      return 12;
+    case "am":
+    case "midnight":
+    case "night":
+    default:
+      return 0;
+  }
+}
+function E(e, n) {
+  const s = n > 0, u = s ? n : 1 - n;
+  let i;
+  if (u <= 50)
+    i = e || 100;
+  else {
+    const c = u + 50, o = Math.trunc(c / 100) * 100, a = e >= c % 100;
+    i = e + o - (a ? 100 : 0);
+  }
+  return s ? i : 1 - i;
+}
+function P(e) {
+  return e % 400 === 0 || e % 4 === 0 && e % 100 !== 0;
 }
 export {
-  s as default
+  w as dayPeriodEnumToHours,
+  P as isLeapYearIndex,
+  p as mapValue,
+  E as normalizeTwoDigitYear,
+  D as parseAnyDigitsSigned,
+  I as parseNDigits,
+  v as parseNDigitsSigned,
+  t as parseNumericPattern,
+  d as parseTimezonePattern
 };

package/index.es441.js

@@ -1,57 +1,49 @@
-import * as a from "react";
-import { forwardRef as _, useContext as g } from "react";
-import p from "./index.es493.js";
-import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es471.js";
-import { serializeStyles as d } from "./index.es473.js";
-import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es472.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");
+const d = {
+  month: /^(1[0-2]|0?\d)/,
+  // 0 to 12
+  date: /^(3[0-1]|[0-2]?\d)/,
+  // 0 to 31
+  dayOfYear: /^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,
+  // 0 to 366
+  week: /^(5[0-3]|[0-4]?\d)/,
+  // 0 to 53
+  hour23h: /^(2[0-3]|[0-1]?\d)/,
+  // 0 to 23
+  hour24h: /^(2[0-4]|[0-1]?\d)/,
+  // 0 to 24
+  hour11h: /^(1[0-1]|0?\d)/,
+  // 0 to 11
+  hour12h: /^(1[0-2]|0?\d)/,
+  // 0 to 12
+  minute: /^[0-5]?\d/,
+  // 0 to 59
+  second: /^[0-5]?\d/,
+  // 0 to 59
+  singleDigit: /^\d/,
+  // 0 to 9
+  twoDigits: /^\d{1,2}/,
+  // 0 to 99
+  threeDigits: /^\d{1,3}/,
+  // 0 to 999
+  fourDigits: /^\d{1,4}/,
+  // 0 to 9999
+  anyDigitsSigned: /^-?\d+/,
+  singleDigitSigned: /^-?\d/,
+  // 0 to 9, -0 to -9
+  twoDigitsSigned: /^-?\d{1,2}/,
+  // 0 to 99, -0 to -99
+  threeDigitsSigned: /^-?\d{1,3}/,
+  // 0 to 999, -0 to -999
+  fourDigitsSigned: /^-?\d{1,4}/
+  // 0 to 9999, -0 to -9999
+}, i = {
+  basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
+  basic: /^([+-])(\d{2})(\d{2})|Z/,
+  basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
+  extended: /^([+-])(\d{2}):(\d{2})|Z/,
+  extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
+};
 export {
-  v as T,
-  S as h,
-  T as w
+  d as numericPatterns,
+  i as timezonePatterns
 };

package/index.es442.js

@@ -1,7 +1,4 @@
-import e from "./index.es476.js";
-function p(o, t) {
-  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
-}
+var r = {};
 export {
-  p as default
+  r as __exports
 };

package/index.es443.js

@@ -1,7 +1,4 @@
-import i from "./index.es477.js";
-function c(s, a) {
-  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
-}
+var e = {};
 export {
-  c as default
+  e as __exports
 };

package/index.es45.js

@@ -1,16 +1,247 @@
-import { useLayoutEffect as s, useEffect as f } from "react";
-import { setLanguage as o } from "./index.es101.js";
-import "./index.es2.js";
-import u from "./index.es93.js";
-const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
-  const { lang: i, dir: e } = u();
-  return s(() => {
-    var m;
-    document.dir = e, navigator.userAgent.indexOf("iPhone") > -1 && ((m = document == null ? void 0 : document.querySelector("[name=viewport]")) == null || m.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1")), r == null || r();
-  }, [e, r]), f(() => {
-    i && (o(i), t == null || t());
-  }, [i, t]), c;
-};
+import { jsx as l } from "react/jsx-runtime";
+import { cva as n } from "./index.es118.js";
+import { clsx as x } from "./index.es107.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
+  }
+);
 export {
-  w as Bootstrap
+  b as Grid,
+  v as GridItem
 };