mada-design-system 0.5.10 → 0.5.12

package/index.es24.js

@@ -1,36 +1,22 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as t } from "./index.es85.js";
-const c = o.forwardRef(
-  ({ className: a, isClickable: e = !0, ...r }, s) => /* @__PURE__ */ d(
-    "div",
+import { jsx as r } from "react/jsx-runtime";
+import e from "./index.es118.js";
+import "./index.es119.js";
+import { LocalizationProvider as i } from "./index.es120.js";
+import { AdapterMomentHijri as d } from "./index.es121.js";
+import { AdapterMoment as n } from "./index.es122.js";
+import { DateCalendar as l } from "./index.es123.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,
     {
-      ref: s,
-      className: t(
-        "flex flex-col gap-space-04 rounded-2 border bg-card p-space-04 text-card-foreground transition-all duration-200 hover:shadow-card-hover-02",
-        a,
-        e && "active:bg-card-active"
-      ),
-      ...r
+      dayOfWeekFormatter: (c, m) => m.format("ddd"),
+      ...t,
+      minDate: e(new Date(1938, 0, 1)),
+      maxDate: e(new Date(2075, 11, 31))
     }
-  )
-);
-c.displayName = "Card";
-const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e }));
-i.displayName = "CardHeader";
-const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("h3", { ref: r, className: t("text-2xl font-bold leading-none tracking-tight", a), ...e }));
-l.displayName = "CardTitle";
-const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("p", { ref: r, className: t("text-sm text-muted-foreground", a), ...e }));
-n.displayName = "CardDescription";
-const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
-f.displayName = "CardContent";
-const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center", a), ...e }));
-m.displayName = "CardFooter";
+  ) }) });
+}
+p.displayName = "Calendar";
 export {
-  c as Card,
-  f as CardContent,
-  n as CardDescription,
-  m as CardFooter,
-  i as CardHeader,
-  l as CardTitle
+  p as Calendar
 };

package/index.es246.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./index.es271.js";
-import { __require as o } from "./index.es272.js";
-import { __require as t } from "./index.es273.js";
+import { __module as e } from "./index.es290.js";
+import { __require as o } from "./index.es291.js";
+import { __require as t } from "./index.es292.js";
 var r;
 function p() {
   return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);

package/index.es247.js

@@ -1,8 +1,8 @@
 import { __require as F } from "./index.es246.js";
-import { __require as N } from "./index.es274.js";
-import { __require as ee } from "./index.es275.js";
-import { __require as re } from "./index.es276.js";
-import { __require as ne } from "./index.es277.js";
+import { __require as N } from "./index.es293.js";
+import { __require as ee } from "./index.es294.js";
+import { __require as re } from "./index.es295.js";
+import { __require as ne } from "./index.es296.js";
 var A, C;
 function oe() {
   if (C)

package/index.es248.js

@@ -1,4 +1,4 @@
-import { __require as u } from "./index.es275.js";
+import { __require as u } from "./index.es294.js";
 var o, p;
 function g() {
   if (p)

package/index.es249.js

@@ -1,5 +1,5 @@
 import * as C from "react";
-import { validateDate as e } from "./index.es295.js";
+import { validateDate as e } from "./index.es289.js";
 import { useLocalizationContext as k } from "./index.es200.js";
 const I = ({
   shouldDisableDate: r,

package/index.es25.js

@@ -1,53 +1,36 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
-import * as s from "react";
-import { cva as i } from "./index.es105.js";
-import { cn as r } from "./index.es85.js";
-const b = i(
-  `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed
-    disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled disabled:data-[state=checked]:border-none disabled:bg-disabled-background-disabled
-     `,
-  {
-    variants: {
-      colors: {
-        primary: `data-[state=checked]:border-control-primary-checked data-[state=indeterminate]:border-control-primary-checked  data-[state=checked]:bg-control-primary-checked data-[state=indeterminate]:bg-control-primary-checked
-                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:bg-control-primary-hovered enabled:hover:data-[state=indeterminate]:border-control-primary-hovered enabled:hover:data-[state=indeterminate]:bg-control-primary-hovered
-                enabled:active:data-[state=checked]:border-control-primary-pressed enabled:active:data-[state=checked]:bg-control-primary-pressed enabled:active:data-[state=indeterminate]:border-control-primary-pressed enabled:active:data-[state=indeterminate]:bg-control-primary-pressed
-                `,
-        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:bg-control-neutral-checked data-[state=indeterminate]:border-control-neutral-checked data-[state=indeterminate]:bg-control-neutral-checked
-                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:bg-control-neutral-hovered enabled:hover:data-[state=indeterminate]:border-control-neutral-hovered enabled:hover:data-[state=indeterminate]:bg-control-neutral-hovered
-                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:bg-control-neutral-pressed enabled:active:data-[state=indeterminate]:border-control-neutral-pressed enabled:active:data-[state=indeterminate]:bg-control-neutral-pressed
-                `
-      },
-      size: {
-        default: "h-space-05 w-space-05 [&>span>svg]:size-space-05",
-        sm: "h-[20px] w-[20px] [&>span>svg]:size-[20px]",
-        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-04"
-      }
-    },
-    defaultVariants: {
-      colors: "primary",
-      size: "default"
+import { jsx as d } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as t } from "./index.es86.js";
+const c = o.forwardRef(
+  ({ className: a, isClickable: e = !0, ...r }, s) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: s,
+      className: t(
+        "flex flex-col gap-space-04 rounded-2 border bg-card p-space-04 text-card-foreground transition-all duration-200 hover:shadow-card-hover-02",
+        a,
+        e && "active:bg-card-active"
+      ),
+      ...r
     }
-  }
-), h = s.forwardRef(({ className: d, colors: o, checked: a, size: n, ...c }, l) => /* @__PURE__ */ e(t.Root, { ref: l, checked: a, className: r(b({ colors: o, size: n, className: d })), ...c, children: /* @__PURE__ */ e(t.Indicator, { className: r("flex items-center justify-center text-current  "), children: a === "indeterminate" ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 11.1716 6.67157 10.5 7.5 10.5H16.5C17.3284 10.5 18 11.1716 18 12C18 12.8284 17.3284 13.5 16.5 13.5H7.5C6.67157 13.5 6 12.8284 6 12Z",
-    fill: "white"
-  }
-) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.5945 7.53531C18.1352 8.07604 18.1352 8.95274 17.5945 9.49347L11.2483 15.8397C10.9886 16.0994 10.6365 16.2452 10.2692 16.2452C9.90201 16.2452 9.54983 16.0994 9.29016 15.8397L6.40554 12.955C5.86482 12.4143 5.86482 11.5376 6.40554 10.9969C6.94627 10.4562 7.82296 10.4562 8.36369 10.9969L10.2692 12.9025L15.6363 7.53531C16.177 6.99458 17.0537 6.99458 17.5945 7.53531Z",
-    fill: "white"
-  }
-) }) }) }));
-h.displayName = t.Root.displayName;
+  )
+);
+c.displayName = "Card";
+const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e }));
+i.displayName = "CardHeader";
+const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("h3", { ref: r, className: t("text-2xl font-bold leading-none tracking-tight", a), ...e }));
+l.displayName = "CardTitle";
+const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("p", { ref: r, className: t("text-sm text-muted-foreground", a), ...e }));
+n.displayName = "CardDescription";
+const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
+f.displayName = "CardContent";
+const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center", a), ...e }));
+m.displayName = "CardFooter";
 export {
-  h as Checkbox
+  c as Card,
+  f as CardContent,
+  n as CardDescription,
+  m as CardFooter,
+  i as CardHeader,
+  l as CardTitle
 };

package/index.es251.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization as o } from "./index.es296.js";
+import { getPickersLocalization as o } from "./index.es288.js";
 const l = {
   // Calendar navigation
   previousMonth: "Previous month",

package/index.es252.js

@@ -1,11 +1,11 @@
 import m from "./index.es197.js";
 import f from "./index.es196.js";
-import v from "./index.es367.js";
-import x from "./index.es361.js";
+import v from "./index.es368.js";
+import x from "./index.es363.js";
 import d from "./index.es198.js";
 import s from "react";
-import h from "./index.es368.js";
-import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es369.js";
+import h from "./index.es369.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es370.js";
 var M = Object.values || function(a) {
   return Object.keys(a).map(function(r) {
     return a[r];

package/index.es253.js

@@ -1,7 +1,7 @@
 import * as o from "react";
-import r from "./index.es291.js";
-import t from "./index.es278.js";
-import m from "./index.es292.js";
+import r from "./index.es284.js";
+import t from "./index.es271.js";
+import m from "./index.es285.js";
 function i() {
   const e = m(r);
   return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;

package/index.es254.js

@@ -3,11 +3,11 @@ import q from "./index.es197.js";
 import * as f from "react";
 import n from "./index.es198.js";
 import z from "./index.es253.js";
-import { reflow as D, getTransitionProps as g } from "./index.es373.js";
+import { reflow as D, getTransitionProps as g } from "./index.es361.js";
 import { jsx as V } from "react/jsx-runtime";
 import W from "./index.es230.js";
-import $ from "./index.es354.js";
-import B from "./index.es364.js";
+import $ from "./index.es352.js";
+import B from "./index.es362.js";
 const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
   entering: {
     opacity: 1

package/index.es255.js

@@ -2,17 +2,17 @@ import L from "./index.es197.js";
 import f from "./index.es196.js";
 import * as D from "react";
 import o from "./index.es198.js";
-import { clsx as O } from "./index.es102.js";
+import { clsx as O } from "./index.es128.js";
 import { useUtils as U } from "./index.es200.js";
 import { DAY_SIZE as T, DAY_MARGIN as Y } from "./index.es209.js";
-import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es297.js";
+import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es300.js";
 import { jsx as F } from "react/jsx-runtime";
 import P from "./index.es210.js";
-import Z from "./index.es298.js";
+import Z from "./index.es301.js";
 import { alpha as x } from "./index.es231.js";
 import z from "./index.es219.js";
 import J from "./index.es230.js";
-import Q from "./index.es299.js";
+import Q from "./index.es302.js";
 import X from "./index.es218.js";
 const oo = ["autoFocus", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "outsideCurrentMonth", "selected", "showDaysOutsideCurrentMonth", "children", "today", "isFirstVisibleCell", "isLastVisibleCell"], eo = (e) => {
   const {

package/index.es256.js

@@ -1,14 +1,14 @@
 import x from "./index.es196.js";
 import u from "./index.es197.js";
 import * as E from "react";
-import { clsx as a } from "./index.es102.js";
+import { clsx as a } from "./index.es128.js";
 import { pickersSlideTransitionClasses as e, getPickersSlideTransitionUtilityClass as h } from "./index.es224.js";
 import { jsx as o } from "react/jsx-runtime";
 import v from "./index.es210.js";
 import A from "./index.es252.js";
 import $ from "./index.es219.js";
 import g from "./index.es253.js";
-import T from "./index.es300.js";
+import T from "./index.es303.js";
 import C from "./index.es218.js";
 const L = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], S = (i) => {
   const {

package/index.es257.js

@@ -2,13 +2,13 @@ import W from "./index.es197.js";
 import s from "./index.es196.js";
 import * as O from "react";
 import o from "./index.es198.js";
-import { clsx as j } from "./index.es102.js";
+import { clsx as j } from "./index.es128.js";
 import M from "./index.es210.js";
 import N from "./index.es219.js";
-import { getTypographyUtilityClass as P } from "./index.es371.js";
+import { getTypographyUtilityClass as P } from "./index.es372.js";
 import { jsx as C } from "react/jsx-runtime";
-import u from "./index.es337.js";
-import R from "./index.es372.js";
+import u from "./index.es335.js";
+import R from "./index.es373.js";
 import _ from "./index.es218.js";
 const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], D = (a) => {
   const {

package/index.es259.js

@@ -1,7 +1,7 @@
 import * as a from "react";
-import p from "./index.es342.js";
-import h from "./index.es374.js";
-import v from "./index.es299.js";
+import p from "./index.es340.js";
+import h from "./index.es375.js";
+import v from "./index.es302.js";
 function S(t, u, e, o, i) {
   const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
   return v(() => {

package/index.es26.js

@@ -1,23 +1,53 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-collapsible";
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cn as i } from "./index.es85.js";
-const c = o.Root, b = s.forwardRef(({ className: r, children: e, ...l }, a) => /* @__PURE__ */ t(
-  o.Trigger,
+import { cva as i } from "./index.es105.js";
+import { cn as r } from "./index.es86.js";
+const b = i(
+  `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed
+    disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled disabled:data-[state=checked]:border-none disabled:bg-disabled-background-disabled
+     `,
   {
-    ref: a,
-    className: i(
-      "group hover:bg-button-background-neutral focus:border-2 focus:border-black active:bg-button-background-neutral-pressed",
-      r
-    ),
-    ...l,
-    children: e
+    variants: {
+      colors: {
+        primary: `data-[state=checked]:border-control-primary-checked data-[state=indeterminate]:border-control-primary-checked  data-[state=checked]:bg-control-primary-checked data-[state=indeterminate]:bg-control-primary-checked
+                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:bg-control-primary-hovered enabled:hover:data-[state=indeterminate]:border-control-primary-hovered enabled:hover:data-[state=indeterminate]:bg-control-primary-hovered
+                enabled:active:data-[state=checked]:border-control-primary-pressed enabled:active:data-[state=checked]:bg-control-primary-pressed enabled:active:data-[state=indeterminate]:border-control-primary-pressed enabled:active:data-[state=indeterminate]:bg-control-primary-pressed
+                `,
+        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:bg-control-neutral-checked data-[state=indeterminate]:border-control-neutral-checked data-[state=indeterminate]:bg-control-neutral-checked
+                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:bg-control-neutral-hovered enabled:hover:data-[state=indeterminate]:border-control-neutral-hovered enabled:hover:data-[state=indeterminate]:bg-control-neutral-hovered
+                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:bg-control-neutral-pressed enabled:active:data-[state=indeterminate]:border-control-neutral-pressed enabled:active:data-[state=indeterminate]:bg-control-neutral-pressed
+                `
+      },
+      size: {
+        default: "h-space-05 w-space-05 [&>span>svg]:size-space-05",
+        sm: "h-[20px] w-[20px] [&>span>svg]:size-[20px]",
+        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-04"
+      }
+    },
+    defaultVariants: {
+      colors: "primary",
+      size: "default"
+    }
   }
-));
-b.displayName = o.CollapsibleTrigger.displayName;
-const m = o.CollapsibleContent;
+), h = s.forwardRef(({ className: d, colors: o, checked: a, size: n, ...c }, l) => /* @__PURE__ */ e(t.Root, { ref: l, checked: a, className: r(b({ colors: o, size: n, className: d })), ...c, children: /* @__PURE__ */ e(t.Indicator, { className: r("flex items-center justify-center text-current  "), children: a === "indeterminate" ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 12C6 11.1716 6.67157 10.5 7.5 10.5H16.5C17.3284 10.5 18 11.1716 18 12C18 12.8284 17.3284 13.5 16.5 13.5H7.5C6.67157 13.5 6 12.8284 6 12Z",
+    fill: "white"
+  }
+) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.5945 7.53531C18.1352 8.07604 18.1352 8.95274 17.5945 9.49347L11.2483 15.8397C10.9886 16.0994 10.6365 16.2452 10.2692 16.2452C9.90201 16.2452 9.54983 16.0994 9.29016 15.8397L6.40554 12.955C5.86482 12.4143 5.86482 11.5376 6.40554 10.9969C6.94627 10.4562 7.82296 10.4562 8.36369 10.9969L10.2692 12.9025L15.6363 7.53531C16.177 6.99458 17.0537 6.99458 17.5945 7.53531Z",
+    fill: "white"
+  }
+) }) }) }));
+h.displayName = t.Root.displayName;
 export {
-  c as Collapsible,
-  m as CollapsibleContent,
-  b as CollapsibleTrigger
+  h as Checkbox
 };

package/index.es263.js

@@ -2,14 +2,14 @@ import R from "./index.es197.js";
 import n from "./index.es196.js";
 import * as p from "react";
 import r from "./index.es198.js";
-import { clsx as z } from "./index.es102.js";
+import { clsx as z } from "./index.es128.js";
 import C from "./index.es210.js";
 import O from "./index.es219.js";
-import T, { getIconButtonUtilityClass as $ } from "./index.es375.js";
+import T, { getIconButtonUtilityClass as $ } from "./index.es374.js";
 import { jsx as x } from "react/jsx-runtime";
-import B from "./index.es298.js";
-import a from "./index.es337.js";
-import k from "./index.es353.js";
+import B from "./index.es301.js";
+import a from "./index.es335.js";
+import k from "./index.es351.js";
 import I from "./index.es218.js";
 import { alpha as m } from "./index.es231.js";
 const j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {

package/index.es264.js

@@ -1,7 +1,7 @@
 import w from "./index.es197.js";
 import o from "./index.es196.js";
 import * as W from "react";
-import { clsx as q } from "./index.es102.js";
+import { clsx as q } from "./index.es128.js";
 import { ArrowLeftIcon as E, ArrowRightIcon as F } from "./index.es261.js";
 import { getPickersArrowSwitcherUtilityClass as J } from "./index.es376.js";
 import { jsxs as K, jsx as i } from "react/jsx-runtime";

package/index.es27.js

@@ -1,115 +1,23 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { DialogTitle as c } from "@radix-ui/react-dialog";
-import { Command as a } from "./index.es28.js";
-import { useCommandState as z } from "./index.es28.js";
-import * as t from "react";
-import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es31.js";
-import { cn as m } from "./index.es85.js";
-import h from "./index.es89.js";
-import { ScrollArea as x } from "./index.es62.js";
-import N from "./index.es125.js";
-const l = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a,
-    {
-      filter: (s, n) => {
-        var p;
-        return (p = s == null ? void 0 : s.toLowerCase()) != null && p.includes(n == null ? void 0 : n.toLowerCase()) ? 1 : 0;
-      },
-      ref: d,
-      className: m("flex h-full w-full flex-col  rounded-md bg-popover text-popover-foreground", e),
-      ...r
-    }
-  )
-);
-l.displayName = a.displayName;
-const A = ({ children: e, ...r }) => /* @__PURE__ */ o(f, { ...r, children: /* @__PURE__ */ i(u, { className: "overflow-hidden p-0 shadow-lg", children: [
-  /* @__PURE__ */ o(g, { className: "hidden", children: /* @__PURE__ */ o(c, { children: "Search" }) }),
-  /* @__PURE__ */ o(l, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e })
-] }) }), y = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ i(
-    "div",
-    {
-      className: "mb-space-03 flex h-[40px] items-center gap-space-02 rounded border border-form-field-border-default bg-form-field-background-default px-space-04 py-space-02 focus-within:border-form-field-border-pressed hover:border-form-field-border-hovered",
-      "cmdk-input-wrapper": "",
-      dir: document.dir,
-      children: [
-        /* @__PURE__ */ o(N, { className: "shrink-0 text-icon-default" }),
-        /* @__PURE__ */ o(
-          a.Input,
-          {
-            ref: d,
-            className: m(
-              "flex h-full  w-full border-none bg-transparent text-sm outline-none placeholder:text-body-01 placeholder:text-foreground-secondary disabled:cursor-not-allowed disabled:opacity-50",
-              e
-            ),
-            ...r
-          }
-        )
-      ]
-    }
-  )
-);
-y.displayName = a.Input.displayName;
-const b = t.forwardRef(
-  ({ className: e, ...r }, d) => {
-    const { dir: s } = h();
-    return /* @__PURE__ */ o(x, { dir: s, children: /* @__PURE__ */ o(a.List, { ref: d, className: m("max-h-[300px]", e), ...r }) });
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-collapsible";
+import * as s from "react";
+import { cn as i } from "./index.es86.js";
+const c = o.Root, b = s.forwardRef(({ className: r, children: e, ...l }, a) => /* @__PURE__ */ t(
+  o.Trigger,
+  {
+    ref: a,
+    className: i(
+      "group hover:bg-button-background-neutral focus:border-2 focus:border-black active:bg-button-background-neutral-pressed",
+      r
+    ),
+    ...l,
+    children: e
   }
-);
-b.displayName = a.List.displayName;
-const w = t.forwardRef(
-  (e, r) => /* @__PURE__ */ o(
-    a.Empty,
-    {
-      ref: r,
-      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform text-center text-sm",
-      ...e
-    }
-  )
-);
-w.displayName = a.Empty.displayName;
-const k = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Group,
-    {
-      ref: d,
-      className: m(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        e
-      ),
-      ...r
-    }
-  )
-);
-k.displayName = a.Group.displayName;
-const _ = t.forwardRef(({ className: e, ...r }, d) => /* @__PURE__ */ o(a.Separator, { ref: d, className: m("-mx-1 h-px bg-border", e), ...r }));
-_.displayName = a.Separator.displayName;
-const C = t.forwardRef(
-  ({ className: e, ...r }, d) => /* @__PURE__ */ o(
-    a.Item,
-    {
-      ref: d,
-      className: m(
-        "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-03 text-body-01 outline-none aria-selected:bg-card-hover  data-[disabled]:pointer-events-none data-[disabled]:text-disabled",
-        e
-      ),
-      ...r
-    }
-  )
-);
-C.displayName = a.Item.displayName;
-const v = ({ className: e, ...r }) => /* @__PURE__ */ o("span", { className: m("ml-auto text-xs tracking-widest text-muted-foreground", e), ...r });
-v.displayName = "CommandShortcut";
+));
+b.displayName = o.CollapsibleTrigger.displayName;
+const m = o.CollapsibleContent;
 export {
-  l as Command,
-  A as CommandDialog,
-  w as CommandEmpty,
-  k as CommandGroup,
-  y as CommandInput,
-  C as CommandItem,
-  b as CommandList,
-  _ as CommandSeparator,
-  v as CommandShortcut,
-  z as useCommandState
+  c as Collapsible,
+  m as CollapsibleContent,
+  b as CollapsibleTrigger
 };

package/index.es271.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+const a = "$$material";
 export {
-  e as __module
+  a as default
 };