mada-design-system 0.0.9

package/index.es29.js

@@ -0,0 +1,45 @@
+import { jsxs as m, jsx as e, Fragment as x } from "react/jsx-runtime";
+import r from "./index.es105.js";
+import { useState as i } from "react";
+import { cn as v } from "./index.es69.js";
+import y from "./index.es73.js";
+import { Button as C } from "./index.es23.js";
+import { Calendar as M } from "./index.es24.js";
+import { Popover as b, PopoverTrigger as w, PopoverContent as N } from "./index.es43.js";
+import P from "./index.es114.js";
+const R = ({
+  placeholder: p,
+  value: o,
+  onChange: c,
+  lang: f,
+  rounded: d,
+  defaultToToday: a,
+  ...g
+}) => {
+  const { lang: n } = y(), [h, s] = i(!1), Y = o && r(o).isValid() ? r(o) : a ? r() : null, [t, u] = i(Y), D = (l) => {
+    s(!1), u(l), c(l.format("MM/DD/yyyy"));
+  };
+  return /* @__PURE__ */ m(b, { open: h, onOpenChange: s, children: [
+    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ m(
+      C,
+      {
+        id: "date",
+        rounded: d,
+        variant: "outline",
+        className: v(
+          "w-full justify-between !px-space-04 font-normal hover:border-foreground hover:bg-transparent hover:text-foreground",
+          "text-foreground"
+        ),
+        children: [
+          t ? t.format(n === "ar" ? "YYYY/M/D" : "D/M/YYYY") : /* @__PURE__ */ e("span", { className: "text-body-02 text-foreground-secondary", children: p || (a ? r().format(n === "ar" ? "YYYY/M/D" : "D/M/YYYY") : "") }),
+          /* @__PURE__ */ e(P, { className: "h-8 w-8" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(N, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(M, { value: t, lang: f, onChange: D, ...g }) }) })
+  ] });
+};
+export {
+  R as DatePicker,
+  R as default
+};

package/index.es290.js

@@ -0,0 +1,61 @@
+import v from "./index.es152.js";
+import f from "./index.es151.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);
+}
+export {
+  w as default
+};

package/index.es291.js

@@ -0,0 +1,15 @@
+import { createUnarySpacing as c } from "./index.es283.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 {
+  u as default
+};

package/index.es292.js

@@ -0,0 +1,6 @@
+const s = {
+  borderRadius: 4
+}, a = s;
+export {
+  a as default
+};

package/index.es293.js

@@ -0,0 +1,12 @@
+import * as n from "react";
+import { T as o } from "./index.es294.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 {
+  s as default
+};

package/index.es294.js

@@ -0,0 +1,57 @@
+import * as a from "react";
+import { forwardRef as _, useContext as g } from "react";
+import p from "./index.es352.js";
+import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es326.js";
+import { serializeStyles as d } from "./index.es328.js";
+import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es327.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 {
+  v as T,
+  S as h,
+  T as w
+};

package/index.es295.js

@@ -0,0 +1,7 @@
+const o = {
+  black: "#000",
+  white: "#fff"
+}, c = o;
+export {
+  c as default
+};

package/index.es296.js

@@ -0,0 +1,19 @@
+const e = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+}, f = e;
+export {
+  f as default
+};

package/index.es297.js

@@ -0,0 +1,19 @@
+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;
+export {
+  e as default
+};

package/index.es298.js

@@ -0,0 +1,19 @@
+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;
+export {
+  e as default
+};

package/index.es299.js

@@ -0,0 +1,19 @@
+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;
+export {
+  e as default
+};

package/index.es3.js

@@ -0,0 +1,15 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ r("svg", { className: "-ml-1 mr-3 h-5 w-5 animate-spin text-neutrals-black", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+  /* @__PURE__ */ t("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+  /* @__PURE__ */ t(
+    "path",
+    {
+      className: "opacity-75",
+      fill: "currentColor",
+      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    }
+  )
+] }), s = o;
+export {
+  s as default
+};

package/index.es30.js

@@ -0,0 +1,71 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+import * as l from "react";
+import { clsx as p } from "./index.es86.js";
+import { cn as i } from "./index.es69.js";
+import g from "./index.es92.js";
+const R = a.Root, k = a.Trigger, u = a.Portal, d = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Overlay,
+  {
+    ref: s,
+    className: i(
+      "bg-background/80 fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+d.displayName = a.Overlay.displayName;
+const y = l.forwardRef(({ className: e, ignoreInteractOutside: t, hideOverlay: s, children: r, ...c }, m) => /* @__PURE__ */ n(u, { children: [
+  /* @__PURE__ */ o(
+    d,
+    {
+      className: p({
+        "opacity-0": s
+      })
+    }
+  ),
+  /* @__PURE__ */ n(
+    a.Content,
+    {
+      onInteractOutside: (f) => {
+        t && f.preventDefault();
+      },
+      ref: m,
+      className: i(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        e
+      ),
+      ...c,
+      children: [
+        r,
+        /* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ o(g, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+y.displayName = a.Content.displayName;
+const x = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
+x.displayName = "DialogHeader";
+const N = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+N.displayName = "DialogFooter";
+const D = l.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Title, { ref: s, className: i("text-lg font-bold leading-none tracking-tight", e), ...t })
+);
+D.displayName = a.Title.displayName;
+const b = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Description, { ref: s, className: i("text-sm text-muted-foreground", e), ...t }));
+b.displayName = a.Description.displayName;
+export {
+  R as Dialog,
+  y as DialogContent,
+  b as DialogDescription,
+  N as DialogFooter,
+  x as DialogHeader,
+  d as DialogOverlay,
+  u as DialogPortal,
+  D as DialogTitle,
+  k as DialogTrigger
+};

package/index.es300.js

@@ -0,0 +1,19 @@
+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;
+export {
+  e as default
+};

package/index.es301.js

@@ -0,0 +1,19 @@
+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;
+export {
+  e as default
+};

package/index.es302.js

@@ -0,0 +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;
+export {
+  a as default
+};

package/index.es303.js

@@ -0,0 +1,18 @@
+const s = (t) => t.scrollTop;
+function l(t, e) {
+  var r, a;
+  const {
+    timeout: n,
+    easing: i,
+    style: o = {}
+  } = t;
+  return {
+    duration: (r = o.transitionDuration) != null ? r : typeof n == "number" ? n : n[e.mode] || 0,
+    easing: (a = o.transitionTimingFunction) != null ? a : typeof i == "object" ? i[e.mode] : i,
+    delay: o.transitionDelay
+  };
+}
+export {
+  l as getTransitionProps,
+  s as reflow
+};