@firecms/ui 3.0.0-canary.30 → 3.0.0-canary.31

package/dist/index.es.js

@@ -1,31 +1,31 @@
 import { jsx as e, jsxs as y, Fragment as U } from "react/jsx-runtime";
 import * as K from "react";
-import k, { useEffect as M, useCallback as an, useRef as rn, useState as V, useMemo as Rn, useLayoutEffect as Nn, useDeferredValue as On } from "react";
+import k, { useEffect as M, useCallback as an, useRef as rn, useState as V, useMemo as Nn, useLayoutEffect as On, useDeferredValue as En } from "react";
 import * as X from "@radix-ui/react-collapsible";
-import { clsx as En } from "clsx";
-import { twMerge as Hn } from "tailwind-merge";
+import { clsx as Hn } from "clsx";
+import { twMerge as Wn } from "tailwind-merge";
 import * as yn from "@radix-ui/react-checkbox";
 import "@material-design-icons/font/filled.css";
-import Wn from "react-datepicker";
-import * as N from "@radix-ui/react-dialog";
-import { useDropzone as zn } from "react-dropzone";
+import zn from "react-datepicker";
 import * as Kn from "@radix-ui/react-label";
-import qn from "react-fast-compare";
-import Vn from "markdown-it";
+import * as N from "@radix-ui/react-dialog";
+import { useDropzone as qn } from "react-dropzone";
+import Vn from "react-fast-compare";
+import Gn from "markdown-it";
 import * as Y from "@radix-ui/react-dropdown-menu";
 import { Command as tn } from "cmdk";
 import * as nn from "@radix-ui/react-radio-group";
 import * as R from "@radix-ui/react-select";
 import * as pn from "@radix-ui/react-separator";
-import * as Gn from "react-dom";
+import * as jn from "react-dom";
 import * as J from "@radix-ui/react-tooltip";
 import * as _n from "@radix-ui/react-tabs";
 import * as Z from "@radix-ui/react-popover";
-const A = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent", mn = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60", In = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ", q = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60 transition duration-150 ease-in-out", bn = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-150 ease-in-out", G = "bg-opacity-80 dark:bg-opacity-90", z = "hover:bg-opacity-70 dark:hover:bg-opacity-90", j = "border-gray-100 dark:border-gray-800 dark:border-opacity-80", Q = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-90 border-gray-100", jn = "bg-white rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 transition duration-200 ease-in-out m-1 -p-1 border border-transparent", Un = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer", Ye = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
+const A = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent", mn = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60", In = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ", q = "bg-opacity-50 bg-slate-200 dark:bg-gray-700 dark:bg-opacity-40 transition duration-150 ease-in-out", bn = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-150 ease-in-out", G = "dark:bg-gray-800 bg-opacity-80 dark:bg-opacity-90", z = "hover:bg-opacity-70 dark:hover:bg-opacity-60", j = "border-gray-100 dark:border-gray-900 dark:border-opacity-60", Q = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100", Un = "bg-white rounded-md dark:bg-gray-950 border-gray-100 dark:border-gray-900 dark:border-opacity-60 transition duration-200 ease-in-out m-1 -p-1 border ", Qn = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer", Ye = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
 function _(...n) {
-  return Hn(En(n));
+  return Wn(Hn(n));
 }
-function Qn(n, t = 166) {
+function Jn(n, t = 166) {
   let r;
   function c(...i) {
     const a = () => {
@@ -37,7 +37,7 @@ function Qn(n, t = 166) {
     clearTimeout(r);
   }, c;
 }
-function Jn(n) {
+function Zn(n) {
   let t = 0, r, c;
   for (r = 0; r < n.length; r++)
     c = n.charCodeAt(r), t = (t << 5) - t + c, t |= 0;
@@ -85,11 +85,11 @@ const ln = {
   purpleDarker: { color: "#6b1cb0", text: "#ede2fe" },
   grayDarker: { color: "#444", text: "#eee" }
 };
-function Zn(n) {
+function $n(n) {
   return ln[n];
 }
 function Xe(n) {
-  const t = Jn(n), r = Object.keys(ln), c = t % r.length;
+  const t = Zn(n), r = Object.keys(ln), c = t % r.length;
   return ln[r[c]];
 }
 function no(n) {
@@ -118,7 +118,7 @@ function kn(n, t, r = !0) {
 function wn(n) {
   return n instanceof HTMLElement ? n.getAttribute("role") === "presentation" ? !0 : wn(n.parentNode) : !1;
 }
-function $n({
+function Yn({
   children: n,
   className: t,
   in: r = !1,
@@ -188,7 +188,7 @@ function oo({
 }) {
   const c = k.useRef(null);
   return kn(c, () => r(!1)), /* @__PURE__ */ e(
-    $n,
+    Yn,
     {
       in: t,
       duration: 50,
@@ -226,7 +226,7 @@ function to({
     }
   );
 }
-const Yn = (n) => {
+const Xn = (n) => {
   switch (n) {
     case "small":
       return "px-4 py-1";
@@ -236,7 +236,7 @@ const Yn = (n) => {
     default:
       return "px-4 py-2";
   }
-}, Xn = (n) => {
+}, ne = (n) => {
   switch (n) {
     case "error":
       return "bg-red-50 dark:bg-red-800 dark:text-red-100 text-red-900";
@@ -259,13 +259,13 @@ const Yn = (n) => {
   className: a,
   style: u
 }) => {
-  const l = Xn(r);
+  const l = ne(r);
   return /* @__PURE__ */ y(
     "div",
     {
       style: u,
       className: _(
-        Yn(c),
+        Xn(c),
         "w-full",
         "font-medium",
         "rounded-md flex items-center gap-2",
@@ -286,7 +286,7 @@ const Yn = (n) => {
       ]
     }
   );
-}, ne = ({
+}, ee = ({
   src: n,
   alt: t,
   children: r,
@@ -328,7 +328,7 @@ const Yn = (n) => {
       }
     )
   }
-), co = k.forwardRef(ne), ee = k.forwardRef(
+), co = k.forwardRef(ee), oe = k.forwardRef(
   function({
     value: t,
     allowIndeterminate: r,
@@ -431,7 +431,7 @@ const Yn = (n) => {
       },
       children: [
         /* @__PURE__ */ e(
-          ee,
+          oe,
           {
             value: t,
             ref: d,
@@ -521,7 +521,7 @@ const Yn = (n) => {
   );
 });
 vn.displayName = "Button";
-const oe = vn, ao = k.forwardRef(({
+const te = vn, ao = k.forwardRef(({
   children: n,
   className: t,
   onClick: r,
@@ -539,13 +539,13 @@ const oe = vn, ao = k.forwardRef(({
       role: r ? "button" : void 0,
       tabIndex: r ? 0 : void 0,
       onClick: r,
-      className: _(jn, r && A, r && Un, t),
+      className: _(Un, r && A, r && Qn, t),
       style: c,
       ...i,
       children: n
     }
   );
-}), te = {
+}), re = {
   xs: "max-w-xs",
   sm: "max-w-sm",
   md: "max-w-md",
@@ -557,13 +557,13 @@ const oe = vn, ao = k.forwardRef(({
   "5xl": "max-w-5xl",
   "6xl": "max-w-6xl",
   "7xl": "max-w-7xl"
-}, re = ({
+}, ce = ({
   children: n,
   className: t,
   style: r,
   maxWidth: c = "7xl"
 }, i) => {
-  const a = c ? te[c] : "";
+  const a = c ? re[c] : "";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -577,7 +577,7 @@ const oe = vn, ao = k.forwardRef(({
       children: n
     }
   );
-}, ce = k.forwardRef(re);
+}, ie = k.forwardRef(ce);
 function uo({
   children: n,
   maxWidth: t,
@@ -585,7 +585,7 @@ function uo({
   fullScreen: c
 }) {
   return /* @__PURE__ */ e("div", { className: _("flex flex-col flex-grow", c ? "h-screen" : "h-full"), children: /* @__PURE__ */ e(
-    ce,
+    ie,
     {
       className: _("m-auto", r),
       maxWidth: t,
@@ -4134,7 +4134,7 @@ const _o = [
   "sports_baseball",
   "storm",
   "stairs"
-], ie = {
+], ae = {
   inherit: "",
   primary: "text-primary",
   success: "text-green-500",
@@ -4178,7 +4178,7 @@ function o({
       },
       className: _(
         "material-icons",
-        r ? ie[r] : "",
+        r ? ae[r] : "",
         "select-none",
         c
       ),
@@ -5794,7 +5794,7 @@ function Ys(n) {
 function Xs(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "calendar_clock" });
 }
-function ae(n) {
+function ue(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "calendar_month" });
 }
 function nf(n) {
@@ -6034,7 +6034,7 @@ function vd(n) {
 function xd(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "chat_paste_go" });
 }
-function ue(n) {
+function _e(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "check" });
 }
 function Sd(n) {
@@ -7426,7 +7426,7 @@ function nk(n) {
 function ek(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "equalizer" });
 }
-function _e(n) {
+function le(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "error" });
 }
 function ok(n) {
@@ -12106,7 +12106,7 @@ function jW(n) {
 function UW(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "sdk" });
 }
-function le(n) {
+function se(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "search" });
 }
 function QW(n) {
@@ -14602,22 +14602,22 @@ function don(n) {
 function yon(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "zoom_out_map" });
 }
-const se = {
+const fe = {
   large: "w-6 h-6 rounded flex items-center justify-center",
   medium: "w-5 h-5 rounded flex items-center justify-center",
   small: "w-4 h-4 rounded flex items-center justify-center",
   tiny: "w-4 h-4 rounded flex items-center justify-center"
-}, fe = {
+}, de = {
   medium: "w-10 h-10",
   small: "w-8 h-8",
   large: "w-12 h-12 ",
   tiny: "w-6 h-6"
-}, de = {
+}, ye = {
   medium: "p-2",
   small: "p-2",
   large: "p-2",
   tiny: ""
-}, ye = {
+}, pe = {
   primary: "bg-primary",
   secondary: "bg-secondary"
 }, pon = ({
@@ -14638,8 +14638,8 @@ const se = {
       disabled: c,
       onCheckedChange: c ? void 0 : a,
       children: /* @__PURE__ */ e("div", { className: _(
-        r ? de[i] : "",
-        fe[i],
+        r ? ye[i] : "",
+        de[i],
         "inline-flex items-center justify-center text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150",
         a ? "rounded-full hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-slate-700 dark:hover:bg-opacity-75" : "",
         a ? "cursor-pointer" : "cursor-default"
@@ -14648,8 +14648,8 @@ const se = {
         {
           className: _(
             "border-2 relative transition-colors ease-in-out duration-150",
-            se[i],
-            c ? "bg-slate-400 dark:bg-slate-600" : t || l ? ye[u] : "bg-white dark:bg-slate-900",
+            fe[i],
+            c ? "bg-slate-400 dark:bg-slate-600" : t || l ? pe[u] : "bg-white dark:bg-slate-900",
             t || l ? "text-slate-100 dark:text-slate-900" : "",
             c || t || l ? "border-transparent" : "border-slate-800 dark:border-slate-200"
           ),
@@ -14658,7 +14658,7 @@ const se = {
       ) })
     }
   );
-}, pe = {
+}, me = {
   tiny: "px-2 py-0.5 text-sm",
   small: "px-3 py-1 text-sm",
   medium: "px-4 py-1.5 text-sm"
@@ -14673,7 +14673,7 @@ function mon({
   size: u = "medium",
   className: l
 }) {
-  const s = typeof t == "string" ? Zn(t) : t;
+  const s = typeof t == "string" ? $n(t) : t;
   return /* @__PURE__ */ y(
     "div",
     {
@@ -14681,7 +14681,7 @@ function mon({
         "rounded-lg w-fit h-fit font-regular inline-flex gap-1",
         "text-ellipsis",
         i ? "cursor-pointer hover:bg-slate-300 hover:dark:bg-slate-700" : "",
-        pe[u],
+        me[u],
         r || !s ? "bg-slate-200 dark:bg-slate-800 text-slate-800 dark:text-white" : "",
         r ? "text-red-500 dark:text-red-400" : "",
         l
@@ -14702,15 +14702,15 @@ function mon({
     }
   );
 }
-const me = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-50", Ie = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150", he = "text-slate-600 visited:text-slate-600 dark:text-slate-300 dark:visited:text-gray-300", ge = {
+const Ie = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-50", he = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150", ge = "text-slate-600 visited:text-slate-600 dark:text-slate-300 dark:visited:text-gray-300", Ke = {
   medium: "w-10 !h-10 min-w-10 min-h-10",
   small: "w-8 !h-8 min-w-8 min-h-8",
   smallest: "w-6 !h-6 min-w-6 min-h-6",
   large: "w-12 !h-12 min-w-12 min-h-12"
-}, Ke = {
+}, be = {
   circular: "rounded-full",
   square: "rounded-md"
-}, be = ({
+}, ke = ({
   children: n,
   className: t,
   size: r = "medium",
@@ -14730,17 +14730,26 @@ const me = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:h
       A,
       a ? "opacity-50 pointer-events-none" : "cursor-pointer",
       u ? "outline outline-2 outline-primary" : "",
+      ge,
+      c === "ghost" ? "bg-transparent" : "bg-slate-200 bg-opacity-50 dark:bg-gray-950 dark:bg-opacity-50",
       he,
-      c === "ghost" ? "bg-transparent" : "bg-slate-50 dark:bg-gray-950 dark:bg-opacity-50",
       Ie,
-      me,
-      Ke[i],
-      ge[r],
+      be[i],
+      Ke[r],
       t
     ),
     children: n
   }
-), sn = k.forwardRef(be), Cn = K.forwardRef(function(t, r) {
+), sn = k.forwardRef(ke), Cn = K.forwardRef(({ className: n, ...t }, r) => /* @__PURE__ */ e(
+  Kn.Root,
+  {
+    ref: r,
+    className: _("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", j, n),
+    ...t
+  }
+));
+Cn.displayName = Kn.Root.displayName;
+const An = K.forwardRef(function(t, r) {
   const {
     shrink: c,
     className: i,
@@ -14758,7 +14767,7 @@ const me = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:h
     i
   );
   return /* @__PURE__ */ e(
-    "label",
+    Cn,
     {
       "data-shrink": c,
       ref: r,
@@ -14781,14 +14790,14 @@ const me = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:h
   inherit: "p",
   caption: "p",
   button: "span"
-}, ke = {
+}, we = {
   inherit: "text-inherit",
   initial: "text-current",
   primary: "text-text-primary dark:text-text-primary-dark",
   secondary: "text-text-secondary dark:text-text-secondary-dark",
   disabled: "text-text-disabled dark:text-text-disabled-dark",
   error: "text-red-600 dark:text-red-500"
-}, we = {
+}, ve = {
   h1: "text-6xl font-headers font-light",
   h2: "text-5xl font-headers font-light",
   h3: "text-4xl font-headers font-normal",
@@ -14821,8 +14830,8 @@ function cn({
 }) {
   const g = i || (l ? "p" : f[s] || hn[s]) || "span", b = _(
     A,
-    we[s],
-    t ? ke[t] : "",
+    ve[s],
+    t ? we[t] : "",
     n !== "inherit" && `text-${n}`,
     a && "mb-[0.35em]",
     u && "truncate",
@@ -14848,7 +14857,7 @@ const Ion = ({
   clearable: i,
   mode: a = "date",
   error: u,
-  size: l,
+  size: l = "medium",
   className: s,
   style: f,
   inputClassName: m,
@@ -14857,9 +14866,9 @@ const Ion = ({
   locale: g
 }) => {
   const b = rn(null), v = rn(null), [C, w] = k.useState(document.activeElement === v.current), P = n != null, x = n != null && !(n instanceof Date);
-  en("DateTimeField", ve);
+  en("DateTimeField", xe);
   const D = (B) => {
-    B.preventDefault(), r(null);
+    B.preventDefault(), r(void 0);
   };
   return /* @__PURE__ */ y(U, { children: [
     /* @__PURE__ */ y(
@@ -14878,7 +14887,7 @@ const Ion = ({
         style: f,
         children: [
           t && /* @__PURE__ */ e(
-            Cn,
+            An,
             {
               className: _(
                 "absolute top-1 pointer-events-none",
@@ -14890,7 +14899,7 @@ const Ion = ({
             }
           ),
           /* @__PURE__ */ e(
-            Wn,
+            zn,
             {
               ref: b,
               locale: g,
@@ -14924,7 +14933,7 @@ const Ion = ({
             {
               onClick: () => b.current?.setOpen(!0),
               className: "absolute right-3 top-1/2 transform -translate-y-1/2 !text-slate-500 ",
-              children: /* @__PURE__ */ e(ae, { color: "disabled" })
+              children: /* @__PURE__ */ e(ue, { color: "disabled" })
             }
           ),
           i && n && /* @__PURE__ */ e(
@@ -14943,7 +14952,7 @@ const Ion = ({
       {
         className: "flex items-center m-2",
         children: [
-          /* @__PURE__ */ e(_e, { size: "small", color: "error" }),
+          /* @__PURE__ */ e(le, { size: "small", color: "error" }),
           /* @__PURE__ */ y("div", { className: "pl-2", children: [
             /* @__PURE__ */ e(
               cn,
@@ -14959,7 +14968,7 @@ const Ion = ({
       }
     )
   ] });
-}, ve = `
+}, xe = `
 .react-datepicker__year-read-view--down-arrow,
 .react-datepicker__month-read-view--down-arrow,
 .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
@@ -15793,7 +15802,7 @@ const Ion = ({
 .react-datepicker__day--outside-month{
     color: #666 !important;
 }
-`, xe = {
+`, Se = {
   xs: "max-w-xs min-w-xs w-xs",
   sm: "max-w-sm min-w-sm w-sm",
   md: "max-w-md min-w-md w-md",
@@ -15871,7 +15880,7 @@ const Ion = ({
                   "ease-in-out duration-200",
                   l && "overflow-y-auto",
                   I && n ? "opacity-100" : "opacity-0",
-                  s && !u ? xe[s] : void 0,
+                  s && !u ? Se[s] : void 0,
                   c
                 ),
                 children: r
@@ -15968,7 +15977,8 @@ function bon({
     {
       className: _(
         !r && j + " border",
-        "rounded-md"
+        "rounded-md",
+        "w-full"
       ),
       open: f,
       onOpenChange: (g) => {
@@ -16026,7 +16036,7 @@ function kon({
     isDragActive: g,
     isDragAccept: b,
     isDragReject: v
-  } = zn(
+  } = qn(
     {
       accept: n,
       noDragEventsBubbling: !0,
@@ -16084,7 +16094,7 @@ function kon({
     }
   );
 }
-const Se = {
+const Ce = {
   info: "bg-sky-200 dark:bg-teal-900",
   warn: "bg-orange-200 dark:bg-yellow-950"
 };
@@ -16095,20 +16105,11 @@ function won({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: _("my-3 py-2 px-4 rounded", Se[t]),
+      className: _("my-3 py-2 px-4 rounded", Ce[t]),
       children: n
     }
   );
 }
-const Ce = K.forwardRef(({ className: n, ...t }, r) => /* @__PURE__ */ e(
-  Kn.Root,
-  {
-    ref: r,
-    className: _("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", j, n),
-    ...t
-  }
-));
-Ce.displayName = Kn.Root.displayName;
 function von({
   children: n,
   loading: t,
@@ -16118,7 +16119,7 @@ function von({
   ...a
 }) {
   return /* @__PURE__ */ y(
-    oe,
+    te,
     {
       disabled: t || r,
       onClick: c,
@@ -16138,13 +16139,13 @@ const Ae = {
   large: "prose-lg",
   xl: "prose-xl",
   "2xl": "prose-2xl"
-}, Pe = new Vn({ html: !0 }), xon = k.memo(
+}, Pe = new Gn({ html: !0 }), xon = k.memo(
   function({
     source: t,
     className: r,
     size: c = "medium"
   }) {
-    const i = Rn(() => Pe.render(typeof t == "string" ? t : ""), [t]);
+    const i = Nn(() => Pe.render(typeof t == "string" ? t : ""), [t]);
     return /* @__PURE__ */ e(
       "div",
       {
@@ -16153,7 +16154,7 @@ const Ae = {
       }
     );
   },
-  qn
+  Vn
 );
 function Son({
   children: n,
@@ -16178,29 +16179,32 @@ function Son({
 }
 function Con({
   children: n,
-  dense: t,
+  dense: t = !1,
+  // Default value is false if not provided
   onClick: r
 }) {
+  const c = _(
+    A,
+    r && "cursor-pointer",
+    "rounded-md text-sm font-medium text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-900 flex items-center gap-4",
+    t ? "px-3 py-1.5" : "px-4 py-2"
+  );
   return /* @__PURE__ */ e(
     Y.Item,
     {
-      className: _(
-        A,
-        r && "cursor-pointer",
-        "rounded-md px-4 py-2 text-sm font-medium text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-900 flex items-center gap-4"
-      ),
+      className: c,
       onClick: r,
       children: n
     }
   );
 }
-function An({ children: n, error: t }) {
+function Pn({ children: n, error: t }) {
   return /* @__PURE__ */ e("div", { className: _(
     "text-sm  font-medium ml-3.5 mb-1",
     t ? "text-red-500 dark:text-red-600" : "text-slate-500 dark:text-slate-300"
   ), children: n });
 }
-const Pn = K.createContext({});
+const Dn = K.createContext({});
 function Aon({
   value: n,
   open: t,
@@ -16237,7 +16241,7 @@ function Aon({
     L(g.current?.getBoundingClientRect() ?? null), w(!0);
   }, []), F = B ?? g.current?.getBoundingClientRect(), H = window.innerHeight - (F?.top ?? 0) - (F?.height ?? 0) - 16;
   return /* @__PURE__ */ y(U, { children: [
-    typeof i == "string" ? /* @__PURE__ */ e(An, { error: d, children: i }) : i,
+    typeof i == "string" ? /* @__PURE__ */ e(Pn, { error: d, children: i }) : i,
     /* @__PURE__ */ y(
       tn,
       {
@@ -16290,7 +16294,7 @@ function Aon({
             }
           ),
           /* @__PURE__ */ e(N.Root, { open: C, onOpenChange: w, children: /* @__PURE__ */ e(N.Portal, { children: /* @__PURE__ */ e(
-            Pn.Provider,
+            Dn.Provider,
             {
               value: {
                 fieldValue: n,
@@ -16327,7 +16331,7 @@ function Aon({
   ] });
 }
 function Pon({ children: n, value: t, className: r }) {
-  const c = K.useContext(Pn);
+  const c = K.useContext(Dn);
   if (!c)
     throw new Error("MultiSelectItem must be used inside a MultiSelect");
   const { fieldValue: i, setInputValue: a, onValueChangeInternal: u } = c;
@@ -16368,7 +16372,10 @@ function Don({
     }
   );
 }
-const De = K.forwardRef(({ className: n, ...t }, r) => /* @__PURE__ */ e(
+const De = K.forwardRef(({
+  className: n,
+  ...t
+}, r) => /* @__PURE__ */ e(
   nn.Root,
   {
     className: _("grid gap-2", n),
@@ -16377,7 +16384,10 @@ const De = K.forwardRef(({ className: n, ...t }, r) => /* @__PURE__ */ e(
   }
 ));
 De.displayName = nn.Root.displayName;
-const Fe = K.forwardRef(({ className: n, ...t }, r) => /* @__PURE__ */ e(
+const Fe = K.forwardRef(({
+  className: n,
+  ...t
+}, r) => /* @__PURE__ */ e(
   nn.Item,
   {
     ref: r,
@@ -16442,7 +16452,7 @@ function Fon({
           "div",
           {
             className: "absolute p-0 px-4 h-full absolute pointer-events-none flex items-center justify-center top-0",
-            children: f ? /* @__PURE__ */ e(xn, { size: "small" }) : /* @__PURE__ */ e(le, { className: "text-slate-500 dark:text-gray-500" })
+            children: f ? /* @__PURE__ */ e(xn, { size: "small" }) : /* @__PURE__ */ e(se, { className: "text-slate-500 dark:text-gray-500" })
           }
         ),
         /* @__PURE__ */ e(
@@ -16535,7 +16545,7 @@ function Bon({
       },
       ...F,
       children: [
-        typeof b == "string" ? /* @__PURE__ */ e(An, { error: w, children: b }) : b,
+        typeof b == "string" ? /* @__PURE__ */ e(Pn, { error: w, children: b }) : b,
         /* @__PURE__ */ y(
           "div",
           {
@@ -16655,7 +16665,7 @@ function Ton({
           "div",
           {
             className: "absolute left-1 data-[state=checked]:block hidden",
-            children: /* @__PURE__ */ e(ue, { size: 16 })
+            children: /* @__PURE__ */ e(_e, { size: 16 })
           }
         )
       ]
@@ -16851,15 +16861,15 @@ const Le = K.forwardRef(function(t, r) {
     const T = d?.current ?? P.current, on = P.current;
     T.style.width = h.width, on.value = p.value || t.placeholder || "x", on.value.slice(-1) === `
 ` && (on.value += " ");
-    const Dn = h.boxSizing, Fn = $(h.paddingBottom) + $(h.paddingTop), Bn = $(h.borderBottomWidth) + $(h.borderTopWidth), Tn = $(h.minHeight), dn = T.scrollHeight;
+    const Fn = h.boxSizing, Bn = $(h.paddingBottom) + $(h.paddingTop), Tn = $(h.borderBottomWidth) + $(h.borderTopWidth), Ln = $(h.minHeight), dn = T.scrollHeight;
     on.value = "x";
     const un = T.scrollHeight;
     let W = dn;
-    l && (W = Math.max(Number(l) * un, W)), u && (W = Math.min(Number(u) * un, W)), W = Math.max(W, un, Tn);
-    const Ln = W + (!g && Dn === "border-box" ? Fn + Bn : 0), Mn = Math.abs(W - dn) <= 1;
+    l && (W = Math.max(Number(l) * un, W)), u && (W = Math.min(Number(u) * un, W)), W = Math.max(W, un, Ln);
+    const Mn = W + (!g && Fn === "border-box" ? Bn + Tn : 0), Rn = Math.abs(W - dn) <= 1;
     return {
-      outerHeightStyle: Ln,
-      overflow: Mn
+      outerHeightStyle: Mn,
+      overflow: Rn
     };
   }, [u, l, t.placeholder]), E = (p, S) => {
     const {
@@ -16881,12 +16891,12 @@ const Le = K.forwardRef(function(t, r) {
     gn(p) || (a && a(p), B((S) => E(S, p)));
   }, [L, a]), F = () => {
     const p = L();
-    gn(p) || Gn.flushSync(() => {
+    gn(p) || jn.flushSync(() => {
       B((S) => E(S, p));
     });
   };
   K.useEffect(() => {
-    const p = Qn(() => {
+    const p = Jn(() => {
       x.current = 0, C.current && F();
     });
     let S;
@@ -16895,7 +16905,7 @@ const Le = K.forwardRef(function(t, r) {
       return T.addEventListener("resize", p), typeof ResizeObserver < "u" && (S = new ResizeObserver(p), S.observe(h)), () => {
         p.clear(), T.removeEventListener("resize", p), S && S.disconnect();
       };
-  }), Nn(() => {
+  }), On(() => {
     O();
   }), K.useEffect(() => {
     x.current = 0;
@@ -17049,7 +17059,7 @@ function Ne({
       style: b,
       children: [
         r && /* @__PURE__ */ e(
-          Cn,
+          An,
           {
             className: _(
               "pointer-events-none absolute",
@@ -17439,7 +17449,7 @@ const He = `
   )
 ] });
 function Qon(n) {
-  const t = k.useRef(), [r, c] = k.useState(n.value), i = On(r);
+  const t = k.useRef(), [r, c] = k.useState(n.value), i = En(r);
   M(() => {
     c(n.value);
   }, [n.value]), M(() => {
@@ -17865,7 +17875,7 @@ export {
   Pl as BookmarkManagerIcon,
   Dl as BookmarkRemoveIcon,
   Fl as BookmarksIcon,
-  ee as BooleanSwitch,
+  oe as BooleanSwitch,
   io as BooleanSwitchWithLabel,
   Bl as BorderAllIcon,
   Tl as BorderBottomIcon,
@@ -17933,7 +17943,7 @@ export {
   zs as BusinessChipIcon,
   Hs as BusinessIcon,
   qs as BusinessMessagesIcon,
-  oe as Button,
+  te as Button,
   Vs as ButtonsAltIcon,
   ln as CHIP_COLORS,
   Gs as CabinIcon,
@@ -17945,7 +17955,7 @@ export {
   $s as CalendarAddOnIcon,
   Ys as CalendarAppsScriptIcon,
   Xs as CalendarClockIcon,
-  ae as CalendarMonthIcon,
+  ue as CalendarMonthIcon,
   nf as CalendarTodayIcon,
   ef as CalendarViewDayIcon,
   of as CalendarViewMonthIcon,
@@ -18032,7 +18042,7 @@ export {
   Pd as CheckCircleFilledIcon,
   Ad as CheckCircleIcon,
   Dd as CheckCircleOutlineIcon,
-  ue as CheckIcon,
+  _e as CheckIcon,
   Fd as CheckInOutIcon,
   Bd as CheckIndeterminateSmallIcon,
   Td as CheckSmallIcon,
@@ -18106,7 +18116,7 @@ export {
   qy as CoffeeIcon,
   Vy as CoffeeMakerIcon,
   Gy as CognitionIcon,
-  $n as Collapse,
+  Yn as Collapse,
   jy as CollapseAllIcon,
   Uy as CollapseContentIcon,
   Jy as CollectionsBookmarkIcon,
@@ -18148,7 +18158,7 @@ export {
   Dp as ContactlessOffIcon,
   Fp as ContactsIcon,
   Bp as ContactsProductIcon,
-  ce as Container,
+  ie as Container,
   Tp as ContentCopyIcon,
   Lp as ContentCutIcon,
   Rp as ContentPasteGoIcon,
@@ -18502,7 +18512,7 @@ export {
   nk as EqualIcon,
   ek as EqualizerIcon,
   ok as ErrorCircleRoundedIcon,
-  _e as ErrorIcon,
+  le as ErrorIcon,
   tk as ErrorMedIcon,
   rk as ErrorOutlineIcon,
   ck as EscalatorIcon,
@@ -19017,7 +19027,7 @@ export {
   KA as InpatientIcon,
   kA as InputCircleIcon,
   bA as InputIcon,
-  Cn as InputLabel,
+  An as InputLabel,
   vA as InsertChartFilledIcon,
   wA as InsertChartIcon,
   xA as InsertChartOutlinedIcon,
@@ -19095,7 +19105,7 @@ export {
   qP as LabPanelIcon,
   VP as LabProfileIcon,
   GP as LabResearchIcon,
-  Ce as Label,
+  Cn as Label,
   jP as LabelIcon,
   UP as LabelImportantIcon,
   QP as LabelImportantOutlineIcon,
@@ -19428,7 +19438,7 @@ export {
   UL as MovingMinistryIcon,
   QL as MpIcon,
   Aon as MultiSelect,
-  Pn as MultiSelectContext,
+  Dn as MultiSelectContext,
   Pon as MultiSelectItem,
   JL as MulticookerIcon,
   ZL as MultilineChartIcon,
@@ -20084,7 +20094,7 @@ export {
   Fon as SearchBar,
   QW as SearchCheckIcon,
   JW as SearchHandsFreeIcon,
-  le as SearchIcon,
+  se as SearchIcon,
   ZW as SearchOffIcon,
   $W as SecurityIcon,
   YW as SecurityKeyIcon,
@@ -20995,12 +21005,12 @@ export {
   Kt as _9kIcon,
   bt as _9kPlusIcon,
   kt as _9mpIcon,
-  Un as cardClickableMixin,
-  jn as cardMixin,
+  Qn as cardClickableMixin,
+  Un as cardMixin,
   Ye as cardSelectedMixin,
   _ as cn,
   lo as coolIconKeys,
-  Qn as debounce,
+  Jn as debounce,
   j as defaultBorderMixin,
   G as fieldBackgroundDisabledMixin,
   z as fieldBackgroundHoverMixin,
@@ -21009,7 +21019,7 @@ export {
   In as focusedClasses,
   mn as focusedInvisibleMixin,
   A as focusedMixin,
-  Zn as getColorSchemeForKey,
+  $n as getColorSchemeForKey,
   Xe as getColorSchemeForSeed,
   _o as iconKeys,
   no as keyToIconComponent,