mada-design-system 0.0.9 → 0.0.11

package/index.es16.js

@@ -1,189 +1,53 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useSortable as R } from "./index.es91.js";
-import { cva as I } from "./index.es89.js";
-import * as n from "react";
-import { cn as d } from "./index.es69.js";
-import { strings as m } from "./index.es80.js";
-import { ComboboxControlNoForm as T } from "./index.es7.js";
-import { Button as N } from "./index.es23.js";
-import { DropdownMenu as V, DropdownMenuTrigger as k, DropdownMenuContent as A, DropdownMenuItem as j } from "./index.es31.js";
-import B from "./index.es102.js";
-import M from "./index.es103.js";
-import { Stack as S } from "./index.es41.js";
-import H from "./index.es104.js";
-const F = I("flex gap-space-04 flex-grow", {
-  variants: {
-    direction: {
-      col: "flex-col",
-      row: "flex-row"
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-accordion";
+import * as d from "react";
+import { cn as n } from "./index.es76.js";
+const c = d.createContext({
+  size: "default",
+  isLeading: !1
+}), p = d.forwardRef(({ children: e, size: t, isLeading: a, ...i }, o) => /* @__PURE__ */ l(r.Root, { ref: o, ...i, children: [
+  /* @__PURE__ */ s(c.Provider, { value: { size: t, isLeading: a }, children: e }),
+  " "
+] }));
+p.displayName = "Accordion";
+const f = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(r.Item, { ref: a, className: n("flex flex-col border-b border-b-border-neutral-primary", e), ...t }));
+f.displayName = "AccordionItem";
+const m = d.forwardRef(({ className: e, children: t, ...a }, i) => {
+  const o = d.useContext(c);
+  return /* @__PURE__ */ s(r.Header, { className: "flex", children: /* @__PURE__ */ s(
+    r.Trigger,
+    {
+      ref: i,
+      className: n(
+        "group flex flex-1 items-center gap-space-04 border-2 border-transparent px-space-04  text-body-02 text-text-default transition-all hover:bg-button-background-neutral-hovered focus:border-border-black focus:bg-transparent focus:outline-none active:bg-button-background-neutral-pressed disabled:text-disabled-text-default-disabled [&>svg]:size-space-04",
+        {
+          "py-space-04 font-bold": o.size === "default",
+          "py-space-03 font-semibold": o.size === "sm",
+          "py-space-02 font-semibold": o.size === "xs",
+          "justify-between ": !o.isLeading,
+          "flex-row-reverse justify-end": o.isLeading
+        },
+        e
+      ),
+      ...a,
+      children: t
     }
-  },
-  defaultVariants: {
-    direction: "col"
+  ) });
+});
+m.displayName = r.Trigger.displayName;
+const b = d.forwardRef(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ s(
+  r.Content,
+  {
+    ref: i,
+    className: "overflow-hidden text-body-02 text-text-paragraph-primary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[disabled]:text-disabled-text-default-disabled",
+    ...a,
+    children: /* @__PURE__ */ s("div", { className: n("pb-space-05 pe-space-08 ps-space-04 pt-space-02", e), children: t })
   }
-}), L = n.forwardRef(
-  ({ className: r, onConfigChange: e, isDragOverlay: s, isEditMode: a, config: o, isOver: i, children: p, ...u }, f) => {
-    const [c, b] = n.useState(!1), { attributes: w, listeners: g, setNodeRef: z, isDragging: v, transform: h, transition: W } = R({
-      id: o.alias,
-      disabled: !a || c
-    }), y = {
-      transform: h ? `translate3d(${h.x}px, ${h.y}px, 0)` : void 0,
-      transition: W
-    };
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: z,
-        ...w,
-        ...a && !s ? g : {},
-        className: d(
-          "cursor-auto rounded-3 border-2 transition-all duration-200",
-          a && !s && ["border-dashed", i ? "border-2 border-primary" : "border-border", v && "opacity-50"],
-          s && ["border border-solid border-primary"],
-          !a && "border-transparent",
-          o.size === "full" ? "sm:col-span-2" : "sm:col-span-1",
-          a && "cursor-move"
-        ),
-        children: /* @__PURE__ */ t(
-          "div",
-          {
-            style: y,
-            className: d(
-              "rounded-3 bg-background shadow-card-shadow transition-all duration-200",
-              v && "invisible",
-              a && "hover:shadow-card-hover-02"
-            ),
-            children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
-              a && /* @__PURE__ */ t(
-                x,
-                {
-                  isResizable: o.isResizable,
-                  isMandatory: o.isMandatory,
-                  size: o.size,
-                  onSizeChange: (D) => e == null ? void 0 : e({ alias: o.alias, size: D }),
-                  onDelete: () => {
-                    e == null || e({ alias: o.alias, isVisible: !1 });
-                  },
-                  onButtonHover: b
-                }
-              ),
-              /* @__PURE__ */ t(
-                "div",
-                {
-                  ref: f,
-                  className: d(
-                    "flex h-[380px] flex-col gap-space-04 rounded-3 border border-border-secondary bg-card p-space-04 transition-all duration-200",
-                    { "pointer-events-none": a },
-                    r
-                  ),
-                  ...u,
-                  children: p
-                }
-              )
-            ] })
-          }
-        )
-      }
-    );
-  }
-);
-L.displayName = "Widget";
-const $ = n.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ t("div", { ref: s, className: d("flex items-center justify-between bg-card", r), ...e }));
-$.displayName = "WidgetHeader";
-const P = n.forwardRef(({ className: r, children: e, ...s }, a) => /* @__PURE__ */ t("h3", { ref: a, className: d("flex items-center gap-space-02 text-subtitle-01 font-bold text-card-foreground", r), ...s, children: e }));
-P.displayName = "WidgetTitle";
-const q = ({ actions: r }) => {
-  if (r.length === 1) {
-    const { label: e, icon: s, onClick: a, "data-testid": o, ...i } = r[0];
-    return /* @__PURE__ */ l(
-      N,
-      {
-        onClick: a,
-        variant: i.variant,
-        "data-testid": o,
-        size: i.size,
-        ...i,
-        className: d(i.className),
-        children: [
-          s,
-          e
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ l(V, { children: [
-    /* @__PURE__ */ t(k, { asChild: !0, children: /* @__PURE__ */ t(N, { variant: "ghost", size: "icon", children: /* @__PURE__ */ t(B, { className: "h-5 w-5" }) }) }),
-    /* @__PURE__ */ t(A, { className: "min-w-[232px]", children: r.map((e) => {
-      const { label: s, icon: a, "data-testid": o, onClick: i } = e;
-      return /* @__PURE__ */ l(j, { onClick: i, className: "cursor-pointer", "data-testid": o, children: [
-        a && /* @__PURE__ */ t("span", { className: "mr-2", children: a }),
-        s
-      ] }, e == null ? void 0 : e.label);
-    }) })
-  ] });
-};
-q.displayName = "WidgetActions";
-const G = n.forwardRef(
-  ({ className: r, direction: e, ...s }, a) => /* @__PURE__ */ t("div", { ref: a, className: d(F({ direction: e }), "overflow-hidden", r), ...s })
-);
-G.displayName = "WidgetContent";
-const J = (r) => ({
-  onMouseEnter: () => r(!0),
-  onMouseLeave: () => r(!1),
-  onTouchStart: () => r(!0),
-  onTouchEnd: () => {
-    setTimeout(() => r(!1), 100);
-  }
-}), x = n.forwardRef(
-  ({ onSizeChange: r, isMandatory: e, isResizable: s, onDelete: a, size: o, className: i, onButtonHover: p, ...u }, f) => {
-    const c = J(p ?? (() => {
-    }));
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: f,
-        className: d(
-          "relative z-50 flex min-h-space-09 items-center justify-between gap-space-01 rounded-3 bg-background p-space-02",
-          i
-        ),
-        ...u,
-        children: [
-          /* @__PURE__ */ t(M, { className: "size-[18px]" }),
-          /* @__PURE__ */ l(S, { gap: 2, alignItems: "center", children: [
-            s && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ t(
-              T,
-              {
-                className: "hidden sm:flex",
-                rounded: "default",
-                size: "sm",
-                options: [
-                  { Name: m.DragAndDrop.Half, Value: "half" },
-                  { Name: m.DragAndDrop.Full, Value: "full" }
-                ],
-                optionLabel: "Name",
-                optionValue: "Value",
-                placeholder: m.DragAndDrop.Width,
-                onChange: (b) => {
-                  r && r(b);
-                },
-                value: o ?? ""
-              }
-            ) }),
-            !e && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ l(N, { variant: "outline", size: "sm", onClick: a, className: "gap-space-01", rounded: "default", children: [
-              /* @__PURE__ */ t(H, { className: "size-[20px]" }),
-              m.DragAndDrop.Delete
-            ] }) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-x.displayName = "WidgetEditMode";
+));
+b.displayName = r.Content.displayName;
 export {
-  L as Widget,
-  q as WidgetActions,
-  G as WidgetContent,
-  $ as WidgetHeader,
-  P as WidgetTitle
+  p as Accordion,
+  b as AccordionContent,
+  f as AccordionItem,
+  m as AccordionTrigger
 };

package/index.es160.js

@@ -1,8 +1,13 @@
-import o from "./index.es207.js";
-const r = "@media (prefers-reduced-motion: reduce)", e = typeof navigator < "u" && navigator.userAgent.match(/android\s(\d+)|OS\s(\d+)/i), n = e && e[1] ? parseInt(e[1], 10) : null, s = e && e[2] ? parseInt(e[2], 10) : null, t = n && n < 10 || s && s < 13 || !1, d = () => o(r, {
-  defaultMatches: !1
-}) || t;
+import C from "./index.es182.js";
+const c = C("CheckCircle", [
+  [
+    "path",
+    {
+      d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",
+      key: "1s1o4d"
+    }
+  ]
+]);
 export {
-  t as slowAnimationDevices,
-  d as useDefaultReduceAnimations
+  c as default
 };

package/index.es161.js

@@ -1,7 +1,13 @@
-import e from "./index.es175.js";
-import a from "./index.es176.js";
-const n = (t) => e("MuiDateCalendar", t);
-a("MuiDateCalendar", ["root", "viewTransitionContainer"]);
+import r from "./index.es182.js";
+const t = r("Error", [
+  [
+    "path",
+    {
+      d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",
+      key: "v15429"
+    }
+  ]
+]);
 export {
-  n as getDateCalendarUtilityClass
+  t as default
 };

package/index.es162.js

@@ -1,49 +1,141 @@
-import * as T from "react";
-import { useUtils as C } from "./index.es155.js";
-import R from "./index.es206.js";
-import d from "./index.es170.js";
-const I = ({
-  timezone: i,
-  value: s,
-  defaultValue: c,
-  onChange: o,
-  valueManager: e
-}) => {
-  var u, m;
-  const t = C(), z = T.useRef(c), n = (u = s ?? z.current) != null ? u : e.emptyValue, l = T.useMemo(() => e.getTimezone(t, n), [t, e, n]), p = d((r) => l == null ? r : e.setTimezone(t, l, r)), f = (m = i ?? l) != null ? m : "default", h = T.useMemo(() => e.setTimezone(t, f, n), [e, t, f, n]), V = d((r, ...a) => {
-    const W = p(r);
-    o == null || o(W, ...a);
-  });
-  return {
-    value: h,
-    handleValueChange: V,
-    timezone: f
+const y = /* @__PURE__ */ new Map(), v = (d) => {
+  const l = y.get(d);
+  return l ? Object.fromEntries(
+    Object.entries(l.stores).map(([i, c]) => [i, c.getState()])
+  ) : {};
+}, O = (d, l, i) => {
+  if (d === void 0)
+    return {
+      type: "untracked",
+      connection: l.connect(i)
+    };
+  const c = y.get(i.name);
+  if (c)
+    return { type: "tracked", store: d, ...c };
+  const n = {
+    connection: l.connect(i),
+    stores: {}
   };
-}, b = ({
-  name: i,
-  timezone: s,
-  value: c,
-  defaultValue: o,
-  onChange: e,
-  valueManager: u
-}) => {
-  const [m, t] = R({
-    name: i,
-    state: "value",
-    controlled: c,
-    default: o ?? u.emptyValue
-  }), z = d((n, ...l) => {
-    t(n), e == null || e(n, ...l);
-  });
-  return I({
-    timezone: s,
-    value: m,
-    defaultValue: void 0,
-    onChange: z,
-    valueManager: u
-  });
+  return y.set(i.name, n), { type: "tracked", store: d, ...n };
+}, R = (d, l = {}) => (i, c, n) => {
+  const { enabled: A, anonymousActionType: C, store: r, ...p } = l;
+  let E;
+  try {
+    E = (A ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
+  } catch {
+  }
+  if (!E)
+    return d(i, c, n);
+  const { connection: t, ...f } = O(r, E, p);
+  let _ = !0;
+  n.setState = (o, a, e) => {
+    const s = i(o, a);
+    if (!_)
+      return s;
+    const T = e === void 0 ? { type: C || "anonymous" } : typeof e == "string" ? { type: e } : e;
+    return r === void 0 ? (t == null || t.send(T, c()), s) : (t == null || t.send(
+      {
+        ...T,
+        type: `${r}/${T.type}`
+      },
+      {
+        ...v(p.name),
+        [r]: n.getState()
+      }
+    ), s);
+  };
+  const u = (...o) => {
+    const a = _;
+    _ = !1, i(...o), _ = a;
+  }, S = d(n.setState, c, n);
+  if (f.type === "untracked" ? t == null || t.init(S) : (f.stores[f.store] = n, t == null || t.init(
+    Object.fromEntries(
+      Object.entries(f.stores).map(([o, a]) => [
+        o,
+        o === f.store ? S : a.getState()
+      ])
+    )
+  )), n.dispatchFromDevtools && typeof n.dispatch == "function") {
+    let o = !1;
+    const a = n.dispatch;
+    n.dispatch = (...e) => {
+      a(...e);
+    };
+  }
+  return t.subscribe((o) => {
+    var a;
+    switch (o.type) {
+      case "ACTION":
+        return typeof o.payload != "string" ? void 0 : I(
+          o.payload,
+          (e) => {
+            if (e.type === "__setState") {
+              if (r === void 0) {
+                u(e.state);
+                return;
+              }
+              Object.keys(e.state).length;
+              const s = e.state[r];
+              if (s == null)
+                return;
+              JSON.stringify(n.getState()) !== JSON.stringify(s) && u(s);
+              return;
+            }
+            n.dispatchFromDevtools && typeof n.dispatch == "function" && n.dispatch(e);
+          }
+        );
+      case "DISPATCH":
+        switch (o.payload.type) {
+          case "RESET":
+            return u(S), r === void 0 ? t == null ? void 0 : t.init(n.getState()) : t == null ? void 0 : t.init(v(p.name));
+          case "COMMIT":
+            if (r === void 0) {
+              t == null || t.init(n.getState());
+              return;
+            }
+            return t == null ? void 0 : t.init(v(p.name));
+          case "ROLLBACK":
+            return I(o.state, (e) => {
+              if (r === void 0) {
+                u(e), t == null || t.init(n.getState());
+                return;
+              }
+              u(e[r]), t == null || t.init(v(p.name));
+            });
+          case "JUMP_TO_STATE":
+          case "JUMP_TO_ACTION":
+            return I(o.state, (e) => {
+              if (r === void 0) {
+                u(e);
+                return;
+              }
+              JSON.stringify(n.getState()) !== JSON.stringify(e[r]) && u(e[r]);
+            });
+          case "IMPORT_STATE": {
+            const { nextLiftedState: e } = o.payload, s = (a = e.computedStates.slice(-1)[0]) == null ? void 0 : a.state;
+            if (!s)
+              return;
+            u(r === void 0 ? s : s[r]), t == null || t.send(
+              null,
+              // FIXME no-any
+              e
+            );
+            return;
+          }
+          case "PAUSE_RECORDING":
+            return _ = !_;
+        }
+        return;
+    }
+  }), S;
+}, h = R, I = (d, l) => {
+  let i;
+  try {
+    i = JSON.parse(d);
+  } catch {
+  }
+  i !== void 0 && l(i);
 };
 export {
-  b as useControlledValueWithTimezone,
-  I as useValueWithTimezone
+  h as devtools
 };

package/index.es163.js

@@ -1,24 +1,8 @@
-import a from "./index.es152.js";
-import { getTodayDate as n, replaceInvalidDateByNull as u, areDatesEqual as o } from "./index.es159.js";
-import { getDefaultReferenceDate as i } from "./index.es198.js";
-const m = ["value", "referenceDate"], d = {
-  emptyValue: null,
-  getTodayValue: n,
-  getInitialReferenceValue: (e) => {
-    let {
-      value: l,
-      referenceDate: t
-    } = e, r = a(e, m);
-    return l != null && r.utils.isValid(l) ? l : t ?? i(r);
-  },
-  cleanValue: u,
-  areValuesEqual: o,
-  isSameError: (e, l) => e === l,
-  hasError: (e) => e != null,
-  defaultErrorState: null,
-  getTimezone: (e, l) => l == null || !e.isValid(l) ? null : e.getTimezone(l),
-  setTimezone: (e, l, t) => t == null ? null : e.setTimezone(t, l)
-};
+import { produce as f } from "./index.es97.js";
+const p = (n) => (m, o, t) => (t.setState = (e, r, ...c) => {
+  const i = typeof e == "function" ? f(e) : e;
+  return m(i, r, ...c);
+}, n(t.setState, o, t)), S = p;
 export {
-  d as singleItemValueManager
+  S as immer
 };

package/index.es164.js

@@ -1,8 +1,8 @@
-const A = 36, I = 2, o = 320, t = 280, _ = 334;
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  I as DAY_MARGIN,
-  A as DAY_SIZE,
-  o as DIALOG_WIDTH,
-  t as MAX_CALENDAR_HEIGHT,
-  _ as VIEW_HEIGHT
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };

package/index.es165.js

@@ -1,12 +1,4 @@
-import t from "./index.es239.js";
-import r from "./index.es226.js";
-import e, { shouldForwardProp as d } from "./index.es242.js";
-const s = (o) => d(o) && o !== "classes", l = e({
-  themeId: r,
-  defaultTheme: t,
-  rootShouldForwardProp: s
-}), f = l;
+var e = { exports: {} };
 export {
-  f as default,
-  s as rootShouldForwardProp
+  e as __module
 };