mada-design-system 0.5.10 → 0.5.12

package/index.es302.js

@@ -1,9 +1,5 @@
-import e from "./index.es220.js";
-import r from "./index.es221.js";
-function n(t) {
-  return e("MuiMonthCalendar", t);
-}
-r("MuiMonthCalendar", ["root"]);
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, t = f;
 export {
-  n as getMonthCalendarUtilityClass
+  t as default
 };

package/index.es303.js

@@ -1,10 +1,208 @@
-import e from "./index.es221.js";
-import s from "./index.es220.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
-}
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
+import E from "./index.es196.js";
+import x from "./index.es197.js";
+import N from "./index.es363.js";
+import v from "./index.es198.js";
+import A from "./index.es364.js";
+import _ from "./index.es365.js";
+import C from "react";
+import g from "./index.es362.js";
+import { classNamesShape as $ } from "./index.es366.js";
+import { forceReflow as S } from "./index.es367.js";
+var T = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return A(i, s);
+  });
+}, d = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return _(i, s);
+  });
+}, c = /* @__PURE__ */ function(u) {
+  N(i, u);
+  function i() {
+    for (var s, t = arguments.length, a = new Array(t), o = 0; o < t; o++)
+      a[o] = arguments[o];
+    return s = u.call.apply(u, [this].concat(a)) || this, s.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    }, s.onEnter = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1];
+      s.removeClasses(l, "exit"), s.addClass(l, m ? "appear" : "enter", "base"), s.props.onEnter && s.props.onEnter(e, r);
+    }, s.onEntering = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.addClass(l, f, "active"), s.props.onEntering && s.props.onEntering(e, r);
+    }, s.onEntered = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.removeClasses(l, f), s.addClass(l, f, "done"), s.props.onEntered && s.props.onEntered(e, r);
+    }, s.onExit = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "appear"), s.removeClasses(n, "enter"), s.addClass(n, "exit", "base"), s.props.onExit && s.props.onExit(e);
+    }, s.onExiting = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.addClass(n, "exit", "active"), s.props.onExiting && s.props.onExiting(e);
+    }, s.onExited = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "exit"), s.addClass(n, "exit", "done"), s.props.onExited && s.props.onExited(e);
+    }, s.resolveArguments = function(e, r) {
+      return s.props.nodeRef ? [s.props.nodeRef.current, e] : [e, r];
+    }, s.getClassNames = function(e) {
+      var r = s.props.classNames, n = typeof r == "string", l = n && r ? r + "-" : "", m = n ? "" + l + e : r[e], f = n ? m + "-active" : r[e + "Active"], h = n ? m + "-done" : r[e + "Done"];
+      return {
+        baseClassName: m,
+        activeClassName: f,
+        doneClassName: h
+      };
+    }, s;
+  }
+  var p = i.prototype;
+  return p.addClass = function(t, a, o) {
+    var e = this.getClassNames(a)[o + "ClassName"], r = this.getClassNames("enter"), n = r.doneClassName;
+    a === "appear" && o === "done" && n && (e += " " + n), o === "active" && t && S(t), e && (this.appliedClasses[a][o] = e, T(t, e));
+  }, p.removeClasses = function(t, a) {
+    var o = this.appliedClasses[a], e = o.base, r = o.active, n = o.done;
+    this.appliedClasses[a] = {}, e && d(t, e), r && d(t, r), n && d(t, n);
+  }, p.render = function() {
+    var t = this.props;
+    t.classNames;
+    var a = x(t, ["classNames"]);
+    return /* @__PURE__ */ C.createElement(g, E({}, a, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  }, i;
+}(C.Component);
+c.defaultProps = {
+  classNames: ""
+};
+c.propTypes = process.env.NODE_ENV !== "production" ? E({}, g.propTypes, {
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: $,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: v.func
+}) : {};
+const z = c;
 export {
-  r as getPickersMonthUtilityClass,
-  n as pickersMonthClasses
+  z as default
 };

package/index.es304.js

@@ -1,7 +1,7 @@
 import R from "./index.es197.js";
 import b from "./index.es196.js";
 import * as n from "react";
-import { clsx as w } from "./index.es102.js";
+import { clsx as w } from "./index.es128.js";
 import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es306.js";
 import { jsx as p } from "react/jsx-runtime";
 import f from "./index.es210.js";

package/index.es31.js

@@ -1,100 +1,41 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-dialog";
-import * as l from "react";
-import { clsx as g } from "./index.es102.js";
-import { cn as s } from "./index.es85.js";
-import "./index.es2.js";
-import { Button as u } from "./index.es22.js";
-import { ScrollArea as x, ScrollBar as y } from "./index.es62.js";
-import N from "./index.es108.js";
-import D from "./index.es89.js";
-const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
-  t.Overlay,
-  {
-    ref: r,
-    className: s(
-      "fixed inset-0 z-50 bg-background-overlay 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",
-      a
-    ),
-    ...e
-  }
-));
-n.displayName = t.Overlay.displayName;
-const v = l.forwardRef(({ className: a, ignoreInteractOutside: e, hideOverlay: r, overlayClassName: i, children: m, ...c }, p) => /* @__PURE__ */ d(b, { children: [
-  /* @__PURE__ */ o(
-    n,
-    {
-      className: g(i, {
-        "bg-transparent": r
-      })
-    }
-  ),
-  /* @__PURE__ */ o(
-    t.Content,
-    {
-      onInteractOutside: (f) => {
-        e && f.preventDefault();
-      },
-      ref: p,
-      className: s(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[90%] translate-x-[-50%] translate-y-[-50%] rounded-4  border bg-card   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%] md:w-full md:max-w-screen-sm xl:max-w-screen-lg xl:max-w-screen-lg",
-        a
-      ),
-      ...c,
-      children: m
-    }
-  )
-] }));
-v.displayName = t.Content.displayName;
-const h = ({ className: a, ...e }) => /* @__PURE__ */ d("div", { className: s("flex  flex-row items-center border-b border-border-primary p-space-04  ", a), ...e, children: [
-  e.children,
-  /* @__PURE__ */ o(w, { className: "ms-auto p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ o(u, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ o(N, { size: 20 }) }) })
-] });
-h.displayName = "DialogHeader";
-const C = l.forwardRef(({ className: a, ...e }, r) => {
-  const { dir: i } = D();
-  return /* @__PURE__ */ d(x, { dir: i, className: "max-h-[calc(100vh_-_300px)] ", children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        ref: r,
-        className: s(
-          // 'scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border',
-          "  my-space-05 overflow-auto px-space-05 text-foreground",
-          // `${isFooterUsed ? 'mb-space-11' : ''}`,
-          a
-        ),
-        ...e
-      }
-    ),
-    /* @__PURE__ */ o(y, { orientation: "vertical" })
+import { jsxs as c, jsx as e, Fragment as v } from "react/jsx-runtime";
+import a from "./index.es118.js";
+import { useState as p } from "react";
+import { cn as y } from "./index.es86.js";
+import { Popover as A, PopoverTrigger as w, PopoverContent as O } from "./index.es60.js";
+import { selectVariants as j } from "./index.es65.js";
+import "./index.es119.js";
+import z from "./index.es126.js";
+import { LocalizationProvider as F } from "./index.es120.js";
+import { AdapterMoment as H } from "./index.es122.js";
+import { DigitalClock as L } from "./index.es127.js";
+const K = ({
+  placeholder: h,
+  value: r,
+  onChange: f,
+  rounded: u,
+  lang: m = "en",
+  variant: g,
+  className: x,
+  colors: T,
+  size: b,
+  ...t
+}) => {
+  const [C, n] = p(!1), [i, N] = p(r), s = m === "ar" ? "ar-ly" : "en", o = t.ampm ? "hh:mm A" : "HH:mm";
+  a.locale(s);
+  const P = (l) => {
+    const d = l ? l.format(o) : null;
+    N(d), f(d), n(!1);
+  }, k = r ? a(r, o) : null;
+  return /* @__PURE__ */ c(A, { open: C, onOpenChange: n, children: [
+    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ c("button", { id: "date", role: "date", className: y(j({ variant: g, colors: T, size: b, rounded: u }), x), disabled: t.disabled, children: [
+      i ? /* @__PURE__ */ e(v, { children: a(i, o).format(o) }) : /* @__PURE__ */ e("span", { className: "text-body-01 text-foreground-secondary", children: h ?? "00:00" }),
+      /* @__PURE__ */ e(z, { className: "size-[20px] shrink-0" })
+    ] }) }),
+    /* @__PURE__ */ e(O, { className: "w-auto !rounded border-border-primary p-0 shadow-2xl", align: "start", children: /* @__PURE__ */ e("div", { dir: m === "ar" ? "rtl" : "ltr", className: "w-[300px]", children: /* @__PURE__ */ e(F, { dateAdapter: H, adapterLocale: s, children: /* @__PURE__ */ e(L, { value: k, onChange: P, ...t }) }) }) })
   ] });
-});
-C.displayName = "DialogBody";
-const R = ({ className: a, ...e }) => /* @__PURE__ */ o(
-  "div",
-  {
-    className: s("flex flex-col-reverse gap-space-02 border-t border-border-primary p-space-04 sm:flex-row sm:justify-between", a),
-    ...e
-  }
-);
-R.displayName = "DialogFooter";
-const z = l.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Title, { ref: r, className: s("text-body-01 font-semibold text-card-foreground", a), ...e })
-);
-z.displayName = t.Title.displayName;
-const T = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Description, { ref: r, className: s("text-sm text-muted-foreground", a), ...e }));
-T.displayName = t.Description.displayName;
+};
 export {
-  _ as Dialog,
-  C as DialogBody,
-  w as DialogClose,
-  v as DialogContent,
-  T as DialogDescription,
-  R as DialogFooter,
-  h as DialogHeader,
-  n as DialogOverlay,
-  b as DialogPortal,
-  z as DialogTitle,
-  A as DialogTrigger
+  K as TimePicker,
+  K as default
 };

package/index.es316.js

@@ -2,7 +2,7 @@ import P from "./index.es197.js";
 import i from "./index.es196.js";
 import * as l from "react";
 import e from "./index.es198.js";
-import { clsx as x } from "./index.es102.js";
+import { clsx as x } from "./index.es128.js";
 import L from "./index.es210.js";
 import T from "./index.es219.js";
 import v from "./index.es308.js";

package/index.es32.js

@@ -1,125 +1,100 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-dropdown-menu";
-import * as r from "react";
-import { cn as d } from "./index.es85.js";
-import l from "./index.es129.js";
-import p from "./index.es130.js";
-import m from "./index.es131.js";
-const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
-  e.SubTrigger,
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-dialog";
+import * as l from "react";
+import { clsx as g } from "./index.es128.js";
+import { cn as s } from "./index.es86.js";
+import "./index.es2.js";
+import { Button as u } from "./index.es23.js";
+import { ScrollArea as x, ScrollBar as y } from "./index.es63.js";
+import N from "./index.es108.js";
+import D from "./index.es90.js";
+const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
+  t.Overlay,
   {
-    ref: i,
-    className: d(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
-      t && "pl-8",
+    ref: r,
+    className: s(
+      "fixed inset-0 z-50 bg-background-overlay 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",
       a
     ),
-    ...n,
-    children: [
-      o,
-      /* @__PURE__ */ s(l, { className: "ml-auto h-4 w-4" })
-    ]
+    ...e
   }
 ));
-u.displayName = e.SubTrigger.displayName;
-const f = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(
-  e.SubContent,
-  {
-    ref: o,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      a
-    ),
-    ...t
-  }
-));
-f.displayName = e.SubContent.displayName;
-const b = r.forwardRef(({ className: a, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(e.Portal, { children: /* @__PURE__ */ s(
-  e.Content,
-  {
-    ref: n,
-    sideOffset: t,
-    className: d(
-      "z-50 min-w-[8rem] overflow-hidden rounded-2 border bg-card p-space-02 text-foreground shadow-xsm 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      a
-    ),
-    ...o
-  }
-) }));
-b.displayName = e.Content.displayName;
-const w = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
-  e.Item,
-  {
-    ref: n,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none   data-[disabled]:text-disabled focus:bg-card-hover",
-      t && "pl-8",
-      a
-    ),
-    ...o
-  }
-));
-w.displayName = e.Item.displayName;
-const h = r.forwardRef(({ className: a, children: t, checked: o, ...n }, i) => /* @__PURE__ */ c(
-  e.CheckboxItem,
-  {
-    ref: i,
-    className: d(
-      "relative flex cursor-default select-none items-center  rounded-1 py-space-01 pe-space-01 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
-      a
-    ),
-    checked: o,
-    ...n,
-    children: [
-      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(p, { className: "h-space-03 w-space-03" }) }) }),
-      t
-    ]
-  }
-));
-h.displayName = e.CheckboxItem.displayName;
-const N = r.forwardRef(({ className: a, children: t, ...o }, n) => /* @__PURE__ */ c(
-  e.RadioItem,
-  {
-    ref: n,
-    className: d(
-      "relative flex cursor-default select-none items-center rounded-1 py-space-01 pe-space-04 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
-      a
+n.displayName = t.Overlay.displayName;
+const v = l.forwardRef(({ className: a, ignoreInteractOutside: e, hideOverlay: r, overlayClassName: i, children: m, ...c }, p) => /* @__PURE__ */ d(b, { children: [
+  /* @__PURE__ */ o(
+    n,
+    {
+      className: g(i, {
+        "bg-transparent": r
+      })
+    }
+  ),
+  /* @__PURE__ */ o(
+    t.Content,
+    {
+      onInteractOutside: (f) => {
+        e && f.preventDefault();
+      },
+      ref: p,
+      className: s(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[90%] translate-x-[-50%] translate-y-[-50%] rounded-4  border bg-card   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%] md:w-full md:max-w-screen-sm xl:max-w-screen-lg xl:max-w-screen-lg",
+        a
+      ),
+      ...c,
+      children: m
+    }
+  )
+] }));
+v.displayName = t.Content.displayName;
+const h = ({ className: a, ...e }) => /* @__PURE__ */ d("div", { className: s("flex  flex-row items-center border-b border-border-primary p-space-04  ", a), ...e, children: [
+  e.children,
+  /* @__PURE__ */ o(w, { className: "ms-auto p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ o(u, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ o(N, { size: 20 }) }) })
+] });
+h.displayName = "DialogHeader";
+const C = l.forwardRef(({ className: a, ...e }, r) => {
+  const { dir: i } = D();
+  return /* @__PURE__ */ d(x, { dir: i, className: "max-h-[calc(100vh_-_300px)] ", children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        ref: r,
+        className: s(
+          // 'scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border',
+          "  my-space-05 overflow-auto px-space-05 text-foreground",
+          // `${isFooterUsed ? 'mb-space-11' : ''}`,
+          a
+        ),
+        ...e
+      }
     ),
-    ...o,
-    children: [
-      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(m, { className: "h-space-02 w-space-02 fill-current" }) }) }),
-      t
-    ]
-  }
-));
-N.displayName = e.RadioItem.displayName;
-const y = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
-  e.Label,
+    /* @__PURE__ */ o(y, { orientation: "vertical" })
+  ] });
+});
+C.displayName = "DialogBody";
+const R = ({ className: a, ...e }) => /* @__PURE__ */ o(
+  "div",
   {
-    ref: n,
-    className: d("text-caption-01 font-bold text-foreground-secondary", t && "pl-8", a),
-    ...o
+    className: s("flex flex-col-reverse gap-space-02 border-t border-border-primary p-space-04 sm:flex-row sm:justify-between", a),
+    ...e
   }
-));
-y.displayName = e.Label.displayName;
-const g = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(e.Separator, { ref: o, className: d("my-space-03 h-px bg-border", a), ...t }));
-g.displayName = e.Separator.displayName;
-const x = ({ className: a, ...t }) => /* @__PURE__ */ s("span", { className: d("ml-auto text-xs tracking-widest opacity-60", a), ...t });
-x.displayName = "DropdownMenuShortcut";
+);
+R.displayName = "DialogFooter";
+const z = l.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Title, { ref: r, className: s("text-body-01 font-semibold text-card-foreground", a), ...e })
+);
+z.displayName = t.Title.displayName;
+const T = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Description, { ref: r, className: s("text-sm text-muted-foreground", a), ...e }));
+T.displayName = t.Description.displayName;
 export {
-  S as DropdownMenu,
-  h as DropdownMenuCheckboxItem,
-  b as DropdownMenuContent,
-  z as DropdownMenuGroup,
-  w as DropdownMenuItem,
-  y as DropdownMenuLabel,
-  k as DropdownMenuPortal,
-  j as DropdownMenuRadioGroup,
-  N as DropdownMenuRadioItem,
-  g as DropdownMenuSeparator,
-  x as DropdownMenuShortcut,
-  T as DropdownMenuSub,
-  f as DropdownMenuSubContent,
-  u as DropdownMenuSubTrigger,
-  C as DropdownMenuTrigger
+  _ as Dialog,
+  C as DialogBody,
+  w as DialogClose,
+  v as DialogContent,
+  T as DialogDescription,
+  R as DialogFooter,
+  h as DialogHeader,
+  n as DialogOverlay,
+  b as DialogPortal,
+  z as DialogTitle,
+  A as DialogTrigger
 };

package/index.es322.js

@@ -1,4 +1,15 @@
-var r = {};
+import r from "./index.es323.js";
+function y(e, o) {
+  const n = r(e, o);
+  return process.env.NODE_ENV !== "production" ? (...t) => {
+    const i = typeof e == "string" ? `"${e}"` : "component";
+    return t.length === 0 || t.some((s) => s === void 0), n(...t);
+  } : n;
+}
+const c = (e, o) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
+};
 export {
-  r as __exports
+  y as default,
+  c as internal_processStyles
 };