mada-design-system 0.9.1 → 1.0.1

package/index.es18.js

@@ -1,72 +1,43 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as c } from "./index.es111.js";
-import * as a from "react";
-import { cn as o } from "./index.es89.js";
-const l = c(
-  "relative w-full rounded-2 border p-space-03 [&>svg~*]:ps-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-[1.2rem] [&>svg]:top-[1.2rem] [&>svg]:text-foreground [&>svg]:w-8 [&>svg]:h-8",
-  {
-    variants: {
-      variant: {
-        default: "border-none",
-        outline: "border-current",
-        ghost: "border-none"
-      },
-      colors: {
-        default: "text-foreground bg-background [&>svg]:text-foreground",
-        primary: "text-primary-oncontainer bg-primary-container [&>svg]:text-primary-oncontainer",
-        error: "text-error-oncontainer bg-error-container [&>svg]:text-error-oncontainer",
-        warning: "text-warning-oncontainer bg-warning-container [&>svg]:text-warning-oncontainer",
-        info: "text-info-oncontainer bg-info-container [&>svg]:text-info-oncontainer",
-        secondary: "text-secondary-oncontainer bg-secondary-container [&>svg]:text-secondary-oncontainer"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "outline",
-        colors: "default",
-        className: "bg-transparent text-foreground [&>svg]:text-foreground"
-      },
-      {
-        variant: "outline",
-        colors: "primary",
-        className: "bg-transparent text-primary [&>svg]:text-primary"
-      },
-      {
-        variant: "outline",
-        colors: "error",
-        className: "bg-transparent text-error [&>svg]:text-error"
-      },
-      {
-        variant: "outline",
-        colors: "warning",
-        className: "bg-transparent text-warning [&>svg]:text-warning"
-      },
-      {
-        variant: "outline",
-        colors: "info",
-        className: "bg-transparent text-info [&>svg]:text-info"
-      },
-      {
-        variant: "outline",
-        colors: "secondary",
-        className: "bg-transparent text-secondary [&>svg]:text-secondary"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      colors: "default"
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import a from "react";
+import { useMediaQuery as l } from "./index.es108.js";
+import { cn as m } from "./index.es94.js";
+import { Button as n } from "./index.es27.js";
+import { Sheet as i, SheetContent as c, SheetFooter as p, SheetHeader as f, SheetClose as h, SheetTrigger as u } from "./index.es73.js";
+import S from "./index.es116.js";
+const T = i, b = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(u, { asChild: !0, children: /* @__PURE__ */ r(n, { ref: t, colors: "primary", className: m("flex items-center gap-space-02", e), ...o }) }));
+b.displayName = "SheetFormTrigger";
+const x = a.forwardRef(({ className: e, ...o }, t) => {
+  const s = l("(min-width: 768px)");
+  return /* @__PURE__ */ r(
+    c,
+    {
+      ref: t,
+      className: m(
+        "flex flex-col rounded-tl-4 rounded-tr-4 bg-card p-0 data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none",
+        e
+      ),
+      side: s ? "left" : "bottom",
+      "data-side": s ? "left" : "bottom",
+      ...o
     }
-  }
-), g = a.forwardRef(
-  ({ className: r, variant: t, colors: e, ...s }, i) => /* @__PURE__ */ n("div", { ref: i, role: "alert", className: o(l({ variant: t, colors: e }), r), ...s })
-);
-g.displayName = "Alert";
-const d = a.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ n("h5", { ref: e, className: o("text-subtitle-01 font-bold", r), ...t }));
-d.displayName = "AlertTitle";
-const v = a.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ n("div", { ref: e, className: o("text-body-01 font-normal", r), ...t }));
-v.displayName = "AlertDescription";
+  );
+});
+x.displayName = "SheetFormContent";
+const F = ({ className: e, title: o, ...t }) => /* @__PURE__ */ d(f, { className: m("flex flex-row items-center justify-between border-b border-input px-space-05 py-space-04", e), ...t, children: [
+  /* @__PURE__ */ r("h1", { className: "text-subtitle-02 font-bold", children: o }),
+  /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(S, {}) })
+] });
+F.displayName = "SheetFormHeader";
+const g = ({ className: e, title: o, ...t }) => /* @__PURE__ */ r(p, { className: m("absolute bottom-0 left-0 mt-auto w-full bg-background p-space-05", e), ...t });
+g.displayName = "SheetFormFooter";
+const y = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r("div", { ref: t, className: m("mb-space-11 overflow-auto p-space-05 text-foreground", e), ...o }));
+y.displayName = "SheetFormBody";
 export {
-  g as Alert,
-  v as AlertDescription,
-  d as AlertTitle
+  T as SheetForm,
+  y as SheetFormBody,
+  x as SheetFormContent,
+  g as SheetFormFooter,
+  F as SheetFormHeader,
+  b as SheetFormTrigger
 };

package/index.es180.js

@@ -1,14 +1,19 @@
-import * as o from "react";
-const e = 1280;
-function r() {
-  const [s, n] = o.useState(void 0);
-  return o.useEffect(() => {
-    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
-      n(window.innerWidth < e);
-    };
-    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
-  }, []), !!s;
+import o from "react";
+import { createStore as u } from "./index.es205.js";
+const c = (t) => t;
+function a(t, e = c) {
+  const n = o.useSyncExternalStore(
+    t.subscribe,
+    o.useCallback(() => e(t.getState()), [t, e]),
+    o.useCallback(() => e(t.getInitialState()), [t, e])
+  );
+  return o.useDebugValue(n), n;
 }
+const r = (t) => {
+  const e = u(t), n = (s) => a(e, s);
+  return Object.assign(n, e), n;
+}, b = ((t) => t ? r(t) : r);
 export {
-  r as useIsMobile
+  b as create,
+  a as useStore
 };

package/index.es181.js

@@ -1,13 +1,14 @@
-import a from "./index.es194.js";
-const t = a("PanoramaVerticalSelect", [
-  [
-    "path",
-    {
-      d: "M18.4979 12C18.4979 8.11 19.3379 5.05 19.9279 3.31C20.1479 2.67 19.6679 2 18.9779 2H4.99787C4.31787 2 3.83787 2.66 4.04787 3.31C4.73787 5.36 5.49787 8.1 5.49787 12C5.49787 15.87 4.73787 18.66 4.04787 20.69C3.83787 21.34 4.31787 22 4.99787 22H18.9979C19.6779 22 20.1679 21.34 19.9479 20.69C19.2679 18.66 18.4979 15.86 18.4979 12Z",
-      key: "1gv1gj"
-    }
-  ]
-]);
+import * as o from "react";
+const e = 1280;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
+}
 export {
-  t as default
+  r as useIsMobile
 };

package/index.es182.js

@@ -1,10 +1,10 @@
-import C from "./index.es194.js";
-const t = C("Info", [
+import a from "./index.es193.js";
+const t = a("PanoramaVerticalSelect", [
   [
     "path",
     {
-      d: "M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 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 20Z",
-      key: "3xwu97"
+      d: "M18.4979 12C18.4979 8.11 19.3379 5.05 19.9279 3.31C20.1479 2.67 19.6679 2 18.9779 2H4.99787C4.31787 2 3.83787 2.66 4.04787 3.31C4.73787 5.36 5.49787 8.1 5.49787 12C5.49787 15.87 4.73787 18.66 4.04787 20.69C3.83787 21.34 4.31787 22 4.99787 22H18.9979C19.6779 22 20.1679 21.34 19.9479 20.69C19.2679 18.66 18.4979 15.86 18.4979 12Z",
+      key: "1gv1gj"
     }
   ]
 ]);

package/index.es183.js

@@ -1,13 +1,13 @@
-import r from "./index.es194.js";
-const a = r("WarningAmber", [
+import C from "./index.es193.js";
+const t = C("Info", [
   [
     "path",
     {
-      d: "M12 6.49L19.53 19.5H4.47L12 6.49ZM12 2.5L1 21.5H23L12 2.5ZM13 16.5H11V18.5H13V16.5ZM13 10.5H11V14.5H13V10.5Z",
-      key: "f47gkq"
+      d: "M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 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 20Z",
+      key: "3xwu97"
     }
   ]
 ]);
 export {
-  a as default
+  t as default
 };

package/index.es184.js

@@ -1,4 +1,4 @@
-import C from "./index.es194.js";
+import C from "./index.es193.js";
 const c = C("CheckCircle", [
   [
     "path",