mada-design-system 0.5.10 → 0.5.12

package/index.es198.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index.es190.js";
+import { getDefaultExportFromCjs as e } from "./index.es184.js";
 import { __module as r } from "./index.es245.js";
 import { __require as o } from "./index.es246.js";
 import { __require as t } from "./index.es247.js";

package/index.es20.js

@@ -1,132 +1,26 @@
-import { jsx as g } from "react/jsx-runtime";
-import { cva as i } from "./index.es105.js";
-import { cn as c } from "./index.es85.js";
-const l = i(
-  "inline-flex items-center gap-space-01  font-medium  transition-colors text-center focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-avatar";
+import * as m from "react";
+import { cn as s } from "./index.es86.js";
+const t = m.forwardRef(
+  ({ className: e, ...r }, l) => /* @__PURE__ */ o(a.Root, { ref: l, className: s("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", e), ...r })
+);
+t.displayName = a.Root.displayName;
+const f = m.forwardRef(
+  ({ className: e, ...r }, l) => /* @__PURE__ */ o(a.Image, { ref: l, className: s("aspect-square h-full w-full", e), ...r })
+);
+f.displayName = a.Image.displayName;
+const i = m.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ o(
+  a.Fallback,
   {
-    variants: {
-      variant: {
-        default: "border-none",
-        ghost: "border border-solid",
-        outline: "border border-current"
-      },
-      size: {
-        default: "py-space-01 px-space-03 h-[32px] text-body-01 [&>svg]:size-[18px]",
-        sm: "py-space-01 px-space-02   h-[24px]  text-caption-01 [&>svg]:size-[14px]",
-        xs: "py-space-01 px-space-02  h-[20px] text-caption-02 [&>svg]:size-[10px]"
-      },
-      rounded: {
-        default: "rounded",
-        full: "rounded-full"
-      },
-      colors: {
-        primary: "bg-tag-background-primary text-text-oncolor-primary",
-        secondary: "bg-tag-background-secondary text-text-oncolor-primary",
-        tertiary: "bg-tag-background-tertiary text-text-oncolor-primary",
-        error: "bg-tag-background-error text-text-oncolor-primary",
-        warning: "bg-tag-background-warning text-text-oncolor-primary",
-        info: "bg-tag-background-info text-text-oncolor-primary",
-        gray: "bg-tag-background-neutral text-text-oncolor-primary",
-        success: "bg-tag-background-success text-text-oncolor-primary"
-      },
-      disabled: {
-        true: "bg-disabled text-white"
-      }
-    },
-    compoundVariants: [
-      {
-        colors: "secondary",
-        variant: "outline",
-        className: "text-tag-text-secondary border-tag-border-secondary bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "tertiary",
-        className: "text-tag-text-tertiary border-tag-border-tertiary bg-transparent "
-      },
-      {
-        variant: "outline",
-        colors: "primary",
-        className: "text-tag-text-primary border-tag-border-primary bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "info",
-        className: "text-tag-text-info border-tag-border-info bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "error",
-        className: "text-tag-text-error border-tag-border-error bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "warning",
-        className: "text-tag-text-warning border-tag-border-warning bg-transparent "
-      },
-      {
-        variant: "outline",
-        colors: "gray",
-        className: "bg-transparent text-tag-text-neutral border-tag-border-neutral "
-      },
-      {
-        variant: "outline",
-        colors: "success",
-        className: "bg-transparent text-tag-text-success border-tag-border-success "
-      },
-      {
-        variant: "ghost",
-        colors: "secondary",
-        className: "text-tag-text-secondary bg-tag-background-secondary-light border-tag-border-secondary-light"
-      },
-      {
-        variant: "ghost",
-        colors: "tertiary",
-        className: "text-tag-text-tertiary bg-tag-background-tertiary-light border-tag-border-tertiary-light"
-      },
-      {
-        variant: "ghost",
-        colors: "primary",
-        className: "text-tag-text-primary bg-tag-background-primary-light border-tag-border-primary-light"
-      },
-      {
-        variant: "ghost",
-        colors: "info",
-        className: "text-tag-text-info bg-tag-background-info-light border-tag-border-info-light"
-      },
-      {
-        variant: "ghost",
-        colors: "error",
-        className: "text-tag-text-error bg-tag-background-error-light border-tag-border-error-light"
-      },
-      {
-        variant: "ghost",
-        colors: "warning",
-        className: "text-tag-text-warning bg-tag-background-warning-light border-tag-border-warning-light"
-      },
-      {
-        variant: "ghost",
-        colors: "gray",
-        className: "text-tag-text-neutral bg-tag-background-neutral-light border-border-neutral-secondary"
-      },
-      {
-        variant: "ghost",
-        colors: "success",
-        className: "text-tag-text-success bg-tag-background-success-light border-tag-border-success-light"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      colors: "primary",
-      rounded: "default",
-      size: "xs"
-    }
+    ref: l,
+    className: s("flex h-full w-full items-center justify-center rounded-full border-[3px] border-card bg-primary-container", e),
+    ...r
   }
-);
-function u({ className: r, variant: t, size: a, rounded: e, colors: o, disabled: n, ...s }) {
-  return /* @__PURE__ */ g("div", { className: c(l({ variant: t, rounded: e, disabled: n, colors: o, size: a }), r, ""), ...s });
-}
+));
+i.displayName = a.Fallback.displayName;
 export {
-  u as Badge,
-  l as badgeVariants
+  t as Avatar,
+  i as AvatarFallback,
+  f as AvatarImage
 };

package/index.es200.js

@@ -1,6 +1,6 @@
 import r from "./index.es196.js";
 import * as e from "react";
-import { MuiPickersAdapterContext as a } from "./index.es121.js";
+import { MuiPickersAdapterContext as a } from "./index.es120.js";
 import { DEFAULT_LOCALE as s } from "./index.es251.js";
 const i = () => {
   const t = e.useContext(a);

package/index.es201.js

@@ -1,5 +1,5 @@
 import "react";
-import { clsx as p } from "./index.es102.js";
+import { clsx as p } from "./index.es128.js";
 import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es223.js";
 import { jsx as s } from "react/jsx-runtime";
 import u from "./index.es210.js";

package/index.es202.js

@@ -1,7 +1,7 @@
 import se from "./index.es197.js";
 import P from "./index.es196.js";
 import * as u from "react";
-import { clsx as Ce } from "./index.es102.js";
+import { clsx as Ce } from "./index.es128.js";
 import { PickersDay as ge } from "./index.es255.js";
 import { useNow as re, useUtils as ie, useLocaleText as Me } from "./index.es200.js";
 import { DAY_SIZE as q, DAY_MARGIN as Q } from "./index.es209.js";

package/index.es21.js

@@ -1,83 +1,132 @@
-import { jsx as e, jsxs as l, Fragment as u } from "react/jsx-runtime";
-import { Slot as x } from "@radix-ui/react-slot";
-import * as o from "react";
-import { useMediaQuery as B } from "./index.es103.js";
-import { cn as c } from "./index.es85.js";
-import { ShouldRender as m } from "./index.es14.js";
-import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as k } from "./index.es32.js";
-import M from "./index.es114.js";
-import v from "./index.es116.js";
-import { Stack as C } from "./index.es42.js";
-const b = o.forwardRef(({ ...r }, a) => /* @__PURE__ */ e("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
-b.displayName = "Breadcrumb";
-const g = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e(
-  "ol",
+import { jsx as g } from "react/jsx-runtime";
+import { cva as i } from "./index.es105.js";
+import { cn as c } from "./index.es86.js";
+const l = i(
+  "inline-flex items-center gap-space-01  font-medium  transition-colors text-center focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
-    ref: n,
-    className: c("flex flex-wrap items-center gap-1.5 break-words text-body-01 text-link-neutral sm:gap-space-01", r),
-    ...a
+    variants: {
+      variant: {
+        default: "border-none",
+        ghost: "border border-solid",
+        outline: "border border-current"
+      },
+      size: {
+        default: "py-space-01 px-space-03 h-[32px] text-body-01 [&>svg]:size-[18px]",
+        sm: "py-space-01 px-space-02   h-[24px]  text-caption-01 [&>svg]:size-[14px]",
+        xs: "py-space-01 px-space-02  h-[20px] text-caption-02 [&>svg]:size-[10px]"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-full"
+      },
+      colors: {
+        primary: "bg-tag-background-primary text-text-oncolor-primary",
+        secondary: "bg-tag-background-secondary text-text-oncolor-primary",
+        tertiary: "bg-tag-background-tertiary text-text-oncolor-primary",
+        error: "bg-tag-background-error text-text-oncolor-primary",
+        warning: "bg-tag-background-warning text-text-oncolor-primary",
+        info: "bg-tag-background-info text-text-oncolor-primary",
+        gray: "bg-tag-background-neutral text-text-oncolor-primary",
+        success: "bg-tag-background-success text-text-oncolor-primary"
+      },
+      disabled: {
+        true: "bg-disabled text-white"
+      }
+    },
+    compoundVariants: [
+      {
+        colors: "secondary",
+        variant: "outline",
+        className: "text-tag-text-secondary border-tag-border-secondary bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "tertiary",
+        className: "text-tag-text-tertiary border-tag-border-tertiary bg-transparent "
+      },
+      {
+        variant: "outline",
+        colors: "primary",
+        className: "text-tag-text-primary border-tag-border-primary bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "info",
+        className: "text-tag-text-info border-tag-border-info bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "error",
+        className: "text-tag-text-error border-tag-border-error bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "warning",
+        className: "text-tag-text-warning border-tag-border-warning bg-transparent "
+      },
+      {
+        variant: "outline",
+        colors: "gray",
+        className: "bg-transparent text-tag-text-neutral border-tag-border-neutral "
+      },
+      {
+        variant: "outline",
+        colors: "success",
+        className: "bg-transparent text-tag-text-success border-tag-border-success "
+      },
+      {
+        variant: "ghost",
+        colors: "secondary",
+        className: "text-tag-text-secondary bg-tag-background-secondary-light border-tag-border-secondary-light"
+      },
+      {
+        variant: "ghost",
+        colors: "tertiary",
+        className: "text-tag-text-tertiary bg-tag-background-tertiary-light border-tag-border-tertiary-light"
+      },
+      {
+        variant: "ghost",
+        colors: "primary",
+        className: "text-tag-text-primary bg-tag-background-primary-light border-tag-border-primary-light"
+      },
+      {
+        variant: "ghost",
+        colors: "info",
+        className: "text-tag-text-info bg-tag-background-info-light border-tag-border-info-light"
+      },
+      {
+        variant: "ghost",
+        colors: "error",
+        className: "text-tag-text-error bg-tag-background-error-light border-tag-border-error-light"
+      },
+      {
+        variant: "ghost",
+        colors: "warning",
+        className: "text-tag-text-warning bg-tag-background-warning-light border-tag-border-warning-light"
+      },
+      {
+        variant: "ghost",
+        colors: "gray",
+        className: "text-tag-text-neutral bg-tag-background-neutral-light border-border-neutral-secondary"
+      },
+      {
+        variant: "ghost",
+        colors: "success",
+        className: "text-tag-text-success bg-tag-background-success-light border-tag-border-success-light"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      colors: "primary",
+      rounded: "default",
+      size: "xs"
+    }
   }
-));
-g.displayName = "BreadcrumbList";
-const s = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e("li", { ref: n, className: c("inline-flex items-center gap-space-02", r), ...a }));
-s.displayName = "BreadcrumbItem";
-const p = o.forwardRef(({ asChild: r, className: a, style: n, ...d }, t) => /* @__PURE__ */ e(r ? x : "a", { ref: t, className: c("transition-colors hover:text-link-neutral-hovered hover:underline", a), style: n, ...d }));
-p.displayName = "BreadcrumbLink";
-const f = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e(
-  "span",
-  {
-    ref: n,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: c("font-normal text-disabled-text-default-disabled", r),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbPage";
-const i = ({ children: r, className: a, ...n }) => /* @__PURE__ */ e("li", { role: "presentation", "aria-hidden": "true", className: c("[&>svg]:size-space-04", a), ...n, children: r ?? /* @__PURE__ */ e(M, { className: "text-icon-default-400 rtl:rotate-180" }) });
-i.displayName = "BreadcrumbSeparator";
-const N = ({ className: r, ...a }) => /* @__PURE__ */ l("span", { role: "presentation", "aria-hidden": "true", className: c("flex h-9 w-9 items-center justify-center text-link-neutral", r), ...a, children: [
-  /* @__PURE__ */ e(v, { className: "h-space-04 w-space-04" }),
-  /* @__PURE__ */ e("span", { className: "sr-only", children: "More" })
-] });
-N.displayName = "BreadcrumbElipssis";
-const h = ({ item: r }) => /* @__PURE__ */ l(u, { children: [
-  /* @__PURE__ */ e(m, { shouldRender: !!r.render, children: /* @__PURE__ */ e(p, { asChild: !0, children: r.render }) }),
-  /* @__PURE__ */ e(m, { shouldRender: !r.render, children: /* @__PURE__ */ e(p, { href: r.path, children: r.title }) })
-] }), S = ({ items: r, dir: a }) => {
-  const n = B("(max-width: 768px)");
-  return /* @__PURE__ */ e(b, { dir: a, children: /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ e(m, { shouldRender: n, children: /* @__PURE__ */ l(u, { children: [
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(p, { asChild: !0, children: h({ item: r[0] }) }) }),
-      r.length >= 2 && /* @__PURE__ */ e(i, {}),
-      r.length > 2 && /* @__PURE__ */ l(u, { children: [
-        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ l(w, { dir: a, children: [
-          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(N, {}) }),
-          /* @__PURE__ */ e(R, { className: "!rounded border-border-neutral-secondary !p-space-01 shadow-xl", children: /* @__PURE__ */ e(C, { gap: "none", direction: "col", children: r.slice(1, -1).map((d, t) => /* @__PURE__ */ e(k, { className: "ps-space-02  text-body-01 focus:bg-transparent", children: h({ item: d }) }, t)) }) })
-        ] }) }),
-        /* @__PURE__ */ e(i, {})
-      ] }),
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(f, { children: r[r.length - 1].title }) })
-    ] }) }),
-    /* @__PURE__ */ e(m, {
-      shouldRender: !n,
-      // Desktop View: Render All Items
-      children: r.map((d, t) => /* @__PURE__ */ l(o.Fragment, { children: [
-        /* @__PURE__ */ e(s, { children: r.length - 1 !== t ? h({ item: d }) : /* @__PURE__ */ e(f, { children: d.title }) }),
-        r.length - 1 !== t && /* @__PURE__ */ e(i, {})
-      ] }, `${d.title}`))
-    })
-  ] }) });
-};
-S.displayName = "Breadcrumbs";
+);
+function u({ className: r, variant: t, size: a, rounded: e, colors: o, disabled: n, ...s }) {
+  return /* @__PURE__ */ g("div", { className: c(l({ variant: t, rounded: e, disabled: n, colors: o, size: a }), r, ""), ...s });
+}
 export {
-  b as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  s as BreadcrumbItem,
-  p as BreadcrumbLink,
-  g as BreadcrumbList,
-  f as BreadcrumbPage,
-  i as BreadcrumbSeparator,
-  S as Breadcrumbs
+  u as Badge,
+  l as badgeVariants
 };

package/index.es210.js

@@ -1,6 +1,6 @@
-import t from "./index.es291.js";
-import r from "./index.es278.js";
-import e, { shouldForwardProp as d } from "./index.es294.js";
+import t from "./index.es284.js";
+import r from "./index.es271.js";
+import e, { shouldForwardProp as d } from "./index.es287.js";
 const s = (o) => d(o) && o !== "classes", l = e({
   themeId: r,
   defaultTheme: t,

package/index.es213.js

@@ -2,7 +2,7 @@ import k from "./index.es197.js";
 import c from "./index.es196.js";
 import * as Y from "react";
 import e from "./index.es198.js";
-import { clsx as K } from "./index.es102.js";
+import { clsx as K } from "./index.es128.js";
 import { useLocaleText as J, useUtils as Q } from "./index.es200.js";
 import { PickersFadeTransitionGroup as X } from "./index.es201.js";
 import { ArrowDropDownIcon as Z } from "./index.es261.js";

package/index.es214.js

@@ -1,7 +1,7 @@
-import a from "./index.es389.js";
-import P from "./index.es390.js";
-import S from "./index.es391.js";
-import c from "./index.es386.js";
+import a from "./index.es396.js";
+import P from "./index.es397.js";
+import S from "./index.es398.js";
+import c from "./index.es393.js";
 function k(r) {
   var t;
   const {

package/index.es215.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import c from "./index.es299.js";
+import c from "./index.es302.js";
 function f(e) {
   const r = t.useRef(e);
   return c(() => {

package/index.es216.js

@@ -2,7 +2,7 @@ import ue from "./index.es197.js";
 import S from "./index.es196.js";
 import * as a from "react";
 import r from "./index.es198.js";
-import { clsx as ce } from "./index.es102.js";
+import { clsx as ce } from "./index.es128.js";
 import { PickersYear as fe } from "./index.es304.js";
 import { useNow as de, useUtils as V, useDefaultDates as me } from "./index.es200.js";
 import { getYearCalendarUtilityClass as pe } from "./index.es305.js";
@@ -13,7 +13,7 @@ import { useControlledValueWithTimezone as he } from "./index.es207.js";
 import { DIALOG_WIDTH as ge, MAX_CALENDAR_HEIGHT as De } from "./index.es209.js";
 import { jsx as M } from "react/jsx-runtime";
 import Ye from "./index.es210.js";
-import ye from "./index.es292.js";
+import ye from "./index.es285.js";
 import Ce from "./index.es258.js";
 import m from "./index.es215.js";
 import we from "./index.es230.js";

package/index.es217.js

@@ -2,10 +2,10 @@ import le from "./index.es197.js";
 import L from "./index.es196.js";
 import * as u from "react";
 import e from "./index.es198.js";
-import { clsx as ie } from "./index.es102.js";
-import { PickersMonth as ue } from "./index.es301.js";
+import { clsx as ie } from "./index.es128.js";
+import { PickersMonth as ue } from "./index.es297.js";
 import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es200.js";
-import { getMonthCalendarUtilityClass as me } from "./index.es302.js";
+import { getMonthCalendarUtilityClass as me } from "./index.es298.js";
 import { getMonthsInYear as he, applyDefaultDate as z } from "./index.es204.js";
 import { singleItemValueManager as A } from "./index.es208.js";
 import { SECTION_TYPE_GRANULARITY as fe } from "./index.es250.js";
@@ -13,7 +13,7 @@ import { useControlledValueWithTimezone as pe } from "./index.es207.js";
 import { DIALOG_WIDTH as be } from "./index.es209.js";
 import { jsx as E } from "react/jsx-runtime";
 import Me from "./index.es210.js";
-import De from "./index.es292.js";
+import De from "./index.es285.js";
 import ge from "./index.es258.js";
 import m from "./index.es215.js";
 import ye from "./index.es218.js";

package/index.es219.js

@@ -1,6 +1,6 @@
-import m from "./index.es291.js";
-import o from "./index.es278.js";
-import t from "./index.es293.js";
+import m from "./index.es284.js";
+import o from "./index.es271.js";
+import t from "./index.es286.js";
 function s({
   props: e,
   name: r