mada-design-system 0.5.11 → 0.5.12

package/index.es226.js

@@ -1,5 +1,5 @@
-import i from "./index.es218.js";
-import l from "./index.es219.js";
+import i from "./index.es220.js";
+import l from "./index.es221.js";
 function r(t) {
   return i("MuiDigitalClock", t);
 }

package/index.es227.js

@@ -1,7 +1,7 @@
 import * as c from "react";
-import { singleItemValueManager as f } from "./index.es206.js";
-import { getTodayDate as m } from "./index.es202.js";
-import { SECTION_TYPE_GRANULARITY as g } from "./index.es240.js";
+import { singleItemValueManager as f } from "./index.es208.js";
+import { getTodayDate as m } from "./index.es204.js";
+import { SECTION_TYPE_GRANULARITY as g } from "./index.es250.js";
 const p = ({
   value: e,
   referenceDate: a,

package/index.es228.js

@@ -1,14 +1,14 @@
-import H from "./index.es194.js";
-import O from "./index.es195.js";
+import H from "./index.es196.js";
+import O from "./index.es197.js";
 import * as c from "react";
-import { r as j } from "./index.es309.js";
-import d from "./index.es196.js";
+import { r as j } from "./index.es313.js";
+import d from "./index.es198.js";
 import { jsx as _ } from "react/jsx-runtime";
-import A from "./index.es299.js";
-import P from "./index.es310.js";
-import D from "./index.es311.js";
+import A from "./index.es302.js";
+import P from "./index.es314.js";
+import D from "./index.es315.js";
 import V from "./index.es230.js";
-import W from "./index.es312.js";
+import W from "./index.es316.js";
 const $ = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
 function v(n, t, r) {
   return n === t ? n.firstChild : t && t.nextElementSibling ? t.nextElementSibling : r ? null : n.firstChild;

package/index.es229.js

@@ -1,20 +1,20 @@
-import w from "./index.es195.js";
-import l from "./index.es194.js";
+import w from "./index.es197.js";
+import l from "./index.es196.js";
 import * as d from "react";
-import o from "./index.es196.js";
-import { clsx as x } from "./index.es129.js";
-import E, { rootShouldForwardProp as F } from "./index.es208.js";
-import G from "./index.es217.js";
-import $ from "./index.es313.js";
-import i, { getMenuItemUtilityClass as L } from "./index.es314.js";
+import o from "./index.es198.js";
+import { clsx as x } from "./index.es128.js";
+import E, { rootShouldForwardProp as F } from "./index.es210.js";
+import G from "./index.es219.js";
+import $ from "./index.es308.js";
+import i, { getMenuItemUtilityClass as L } from "./index.es309.js";
 import { jsx as I } from "react/jsx-runtime";
-import _ from "./index.es298.js";
-import O from "./index.es315.js";
-import M from "./index.es316.js";
-import N from "./index.es317.js";
-import D from "./index.es299.js";
+import _ from "./index.es301.js";
+import O from "./index.es310.js";
+import M from "./index.es311.js";
+import N from "./index.es312.js";
+import D from "./index.es302.js";
 import S from "./index.es230.js";
-import U from "./index.es216.js";
+import U from "./index.es218.js";
 import { alpha as p } from "./index.es231.js";
 const H = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], z = (e, t) => {
   const {

package/index.es23.js

@@ -1,22 +1,246 @@
-import { jsx as r } from "react/jsx-runtime";
-import e from "./index.es119.js";
-import "./index.es120.js";
-import { LocalizationProvider as i } from "./index.es121.js";
-import { AdapterMomentHijri as d } from "./index.es122.js";
-import { AdapterMoment as n } from "./index.es123.js";
-import { DateCalendar as l } from "./index.es124.js";
-function p({ ishijri: a, lang: o = "ar", ...t }) {
-  return /* @__PURE__ */ r("div", { dir: "rtl", children: /* @__PURE__ */ r(i, { dateAdapter: a ? d : n, adapterLocale: o === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ r(
-    l,
-    {
-      dayOfWeekFormatter: (c, m) => m.format("ddd"),
-      ...t,
-      minDate: e(new Date(1938, 0, 1)),
-      maxDate: e(new Date(2075, 11, 31))
+import { jsx as r, jsxs as s, Fragment as h } from "react/jsx-runtime";
+import { Slot as f } from "@radix-ui/react-slot";
+import { cva as m } from "./index.es105.js";
+import * as y from "react";
+import { cn as k } from "./index.es86.js";
+import N from "./index.es3.js";
+import { TooltipProvider as w, Tooltip as z, TooltipTrigger as T, TooltipContent as C } from "./index.es79.js";
+const j = m(
+  "inline-flex items-center gap-space-01 font-medium justify-center focus:outline-border-black focus:outline focus:outline-2 focus:outline-offset-1 transition-colors  disabled:pointer-events-none disabled:cursor-not-allowed ",
+  {
+    variants: {
+      variant: {
+        default: "disabled:text-disabled-text-default-disabled disabled:bg-disabled-background-disabled ",
+        outline: "border  disabled:text-disabled-text-default-disabled  disabled:border-border-neutral-secondary focus:border-border-black  focus:outline-offset-0",
+        ghost: "border-none disabled:text-disabled ",
+        //text
+        link: "text-current underline-offset-4 hover:underline ",
+        text: "border-none  disabled:text-disabled-text-default-disabled "
+      },
+      size: {
+        default: "py-space-02 px-space-04 h-[40px] text-body-02 [&>svg]:size-space-05",
+        sm: "py-[6px] px-space-03 h-[32px] text-body-01 [&>svg]:size-[20px]",
+        xs: "py-space-01 px-space-02 h-space-05 text-caption-01 [&>svg]:size-space-04",
+        // lg: 'px-8',
+        icon: "p-space-02 size-[40px] [&>svg]:size-space-05",
+        "icon-sm": "p-space-01 size-[32px] [&>svg]:size-[20px]",
+        "icon-xs": "p-space-01 size-space-05 [&>svg]:size-space-04"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-full"
+      },
+      colors: {
+        primary: "bg-button-background-primary text-text-oncolor-primary hover:bg-button-background-primary-hovered active:bg-button-background-primary-pressed focus:bg-button-background-primary-focused",
+        error: "bg-button-background-error text-text-oncolor-primary hover:bg-button-background-error-hovered active:bg-button-background-error-pressed focus:bg-button-background-error-focused",
+        neutral: "bg-button-background-black text-text-oncolor-primary hover:bg-button-background-black-hovered active:bg-button-background-black-pressed focus:bg-button-background-black-focused",
+        oncolor: "bg-button-background-oncolor text-text-default hover:bg-button-background-oncolor-hovered active:bg-button-background-oncolor-pressed focus:bg-button-background-oncolor-focused",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-dark active:bg-secondary-oncontainer",
+        tertiary: "bg-tertiary text-tertiary-foreground hover:bg-tertiary-dark active:bg-tertiary-oncontainer",
+        warning: "bg-warning text-warning-foreground hover:bg-warning-dark active:bg-warning-oncontainer",
+        success: "bg-success text-success-foreground hover:bg-success-dark active:bg-success-oncontainer",
+        info: "bg-info text-info-foreground hover:bg-info-dark active:bg-info-oncontainer",
+        gray: "bg-transparent text-background-foreground hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
+      }
+    },
+    compoundVariants: [
+      {
+        colors: "neutral",
+        variant: "outline",
+        className: "border-border-neutral-primary bg-transparent text-text-default  hover:bg-button-background-neutral-pressed active:bg-button-background-neutral-pressed focus:bg-transparent"
+      },
+      {
+        colors: "primary",
+        variant: "outline",
+        className: "border-border-primary-light bg-transparent text-text-primary  hover:bg-button-background-primary-light-hovered active:bg-button-background-primary-light-pressed focus:bg-transparent"
+      },
+      {
+        colors: "error",
+        variant: "outline",
+        className: "border-border-error-light bg-transparent text-text-error  hover:bg-button-background-error-secondary-hovered active:bg-button-background-error-secondary-pressed focus:bg-transparent"
+      },
+      {
+        colors: "oncolor",
+        variant: "outline",
+        className: "border-border-white-40 bg-transparent text-text-oncolor-primary  hover:bg-button-background-transparent-hovered  active:bg-button-background-transparent-pressed focus:bg-transparent focus:outline-border-white-40 focus:border-border-white-40 disabled:text-disabled-text-default-oncolor-disabled disabled:border-disabled-icon-default-oncolor-disabled"
+      },
+      {
+        colors: "secondary",
+        variant: "outline",
+        className: "text-secondary hover:text-secondary hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        colors: "tertiary",
+        variant: "outline",
+        className: "text-tertiary hover:text-tertiary  hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        colors: "info",
+        variant: "outline",
+        className: "text-info hover:text-info hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        colors: "warning",
+        variant: "outline",
+        className: "text-warning hover:text-warning hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        colors: "success",
+        variant: "outline",
+        className: "text-success hover:text-success hover:bg-card-hover active:text-primary-oncontainer active:bg-card-hover"
+      },
+      {
+        colors: "gray",
+        variant: "outline",
+        className: "border-border hover:bg-card-hover active:bg-card-hover active:text-primary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "secondary",
+        className: "text-secondary bg-transparent hover:bg-secondary-container active:bg-secondary-container active:text-secondary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "tertiary",
+        className: "text-tertiary bg-transparent hover:bg-tertiary-container active:bg-tertiary-container active:text-tertiary-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "info",
+        className: "text-info  bg-transparent hover:bg-info-container active:bg-info-container active:text-info-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "success",
+        className: "text-success bg-transparent hover:bg-success-container active:bg-success-container active:text-success-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "warning",
+        className: "text-warning bg-transparent hover:bg-warning-container active:bg-warning-container active:text-warning-oncontainer"
+      },
+      {
+        variant: "ghost",
+        colors: "primary",
+        className: "bg-button-background-primary-light   text-text-primary  hover:bg-button-background-primary-light-hovered active:bg-button-background-primary-light-pressed focus:bg-button-background-primary-light disabled:bg-transparent disabled:border disabled:border-solid disabled:border-disabled-text-default-disabled"
+      },
+      {
+        variant: "ghost",
+        colors: "error",
+        className: "bg-button-background-error-secondary   text-text-error  hover:bg-button-background-error-secondary-hovered active:bg-button-background-error-secondary-pressed focus:bg-button-background-error-secondary-focused disabled:bg-transparent disabled:border disabled:border-solid disabled:border-disabled-text-default-disabled"
+      },
+      {
+        variant: "ghost",
+        colors: "neutral",
+        className: "bg-button-background-neutral   text-text-default  hover:bg-button-background-neutral-hovered active:bg-button-background-neutral-pressed focus:bg-button-background-neutral disabled:bg-disabled-background-disabled"
+      },
+      {
+        variant: "ghost",
+        colors: "oncolor",
+        className: "bg-button-background-transparent-hovered   text-text-oncolor-primary  hover:bg-button-background-transparent-hovered active:bg-button-background-transparent-pressed focus:bg-button-background-transparent-hovered focus:border-icon-oncolor focus:outline-icon-oncolor disabled:bg-button-background-disabled-oncolor"
+      },
+      {
+        variant: "text",
+        colors: "secondary",
+        className: "text-secondary bg-transparent hover:bg-secondary-container active:bg-secondary-container active:text-secondary-oncontainer"
+      },
+      {
+        variant: "text",
+        colors: "tertiary",
+        className: "text-tertiary bg-transparent hover:bg-tertiary-container active:bg-tertiary-container active:text-tertiary-oncontainer"
+      },
+      {
+        variant: "text",
+        colors: "info",
+        className: "text-info  bg-transparent hover:bg-info-container active:bg-info-container active:text-info-oncontainer"
+      },
+      {
+        variant: "text",
+        colors: "success",
+        className: "text-success bg-transparent hover:bg-success-container active:bg-success-container active:text-success-oncontainer"
+      },
+      {
+        variant: "text",
+        colors: "warning",
+        className: "text-warning bg-transparent hover:bg-warning-container active:bg-warning-container active:text-warning-oncontainer"
+      },
+      {
+        variant: "text",
+        colors: "primary",
+        className: "bg-transparent text-text-primary hover:bg-button-background-primary-light-hovered active:bg-button-background-primary-light-pressed focus:bg-transparent"
+      },
+      {
+        variant: "text",
+        colors: "error",
+        className: "bg-transparent text-text-error hover:bg-button-background-error-secondary-hovered active:bg-button-background-error-secondary-pressed focus:bg-transparent"
+      },
+      {
+        variant: "text",
+        colors: "neutral",
+        className: "bg-transparent text-text-default hover:bg-button-background-neutral-hovered active:bg-button-background-neutral-pressed focus:bg-transparent"
+      },
+      {
+        variant: "text",
+        colors: "oncolor",
+        className: "text-text-oncolor-primary bg-transparent hover:bg-button-background-transparent-hovered active:bg-button-background-transparent-pressed  focus:bg-transparent focus:border-white focus:outline-white disabled:text-disabled-text-default-oncolor-disabled"
+      },
+      {
+        variant: "link",
+        colors: "warning",
+        className: "text-warning !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "info",
+        className: "text-info !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "success",
+        className: "text-success !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "error",
+        className: "text-error !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "secondary",
+        className: "text-secondary !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "primary",
+        className: "text-link !bg-transparent"
+      },
+      {
+        variant: "link",
+        colors: "tertiary",
+        className: "text-tertiary !bg-transparent"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      rounded: "full",
+      colors: "primary"
     }
-  ) }) });
-}
-p.displayName = "Calendar";
+  }
+), V = y.forwardRef(
+  ({ className: c, variant: i, size: e, rounded: b, colors: d, tooltip: t, children: a, isLoading: g = !1, asChild: o = !1, ...l }, u) => {
+    const v = o ? f : "button", p = e != null && e.includes("icon") ? t || "icon-button" : "mada-button", x = o ? a : /* @__PURE__ */ s(h, { children: [
+      a,
+      g && /* @__PURE__ */ r(N, {})
+    ] }), n = /* @__PURE__ */ r(v, { className: k(j({ variant: i, size: e, rounded: b, colors: d, className: c })), ref: u, "aria-label": p, ...l, children: x });
+    return t ? /* @__PURE__ */ r(w, { children: /* @__PURE__ */ s(z, { children: [
+      /* @__PURE__ */ r(T, { asChild: !0, children: n }),
+      /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r("p", { children: t }) })
+    ] }) }) : n;
+  }
+);
+V.displayName = "Button";
 export {
-  p as Calendar
+  V as Button,
+  j as buttonVariants
 };

package/index.es230.js

@@ -1,5 +1,5 @@
 import * as o from "react";
-import u from "./index.es318.js";
+import u from "./index.es317.js";
 function f(...e) {
   return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
     e.forEach((t) => {

package/index.es231.js

@@ -1,5 +1,5 @@
-import y from "./index.es352.js";
-import l from "./index.es283.js";
+import y from "./index.es342.js";
+import l from "./index.es279.js";
 function h(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);
 }

package/index.es235.js

@@ -1,4 +1,15 @@
-var p = { exports: {} };
+function u() {
+  for (var e = 0, t, n, r = ""; e < arguments.length; )
+    (t = arguments[e++]) && (n = a(t)) && (r && (r += " "), r += n);
+  return r;
+}
+function a(e) {
+  if (typeof e == "string")
+    return e;
+  for (var t, n = "", r = 0; r < e.length; r++)
+    e[r] && (t = a(e[r])) && (n && (n += " "), n += t);
+  return n;
+}
 export {
-  p as __module
+  u as twJoin
 };

package/index.es236.js

@@ -1,10 +1,27 @@
-import { __module as e } from "./index.es268.js";
-import { __require as o } from "./index.es269.js";
-import { __require as t } from "./index.es270.js";
-var r;
-function p() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
+import { createConfigUtils as d } from "./index.es237.js";
+import { mergeClassList as h } from "./index.es238.js";
+import { twJoin as p } from "./index.es235.js";
+function T() {
+  for (var c = arguments.length, a = new Array(c), e = 0; e < c; e++)
+    a[e] = arguments[e];
+  var t, o, u, f = g;
+  function g(r) {
+    var n = a[0], i = a.slice(1), m = i.reduce(function(v, s) {
+      return s(v);
+    }, n());
+    return t = d(m), o = t.cache.get, u = t.cache.set, f = l, l(r);
+  }
+  function l(r) {
+    var n = o(r);
+    if (n)
+      return n;
+    var i = h(r, t);
+    return u(r, i), i;
+  }
+  return function() {
+    return f(p.apply(null, arguments));
+  };
 }
 export {
-  p as __require
+  T as createTailwindMerge
 };