@firecms/ui 3.0.0-alpha.50 → 3.0.0-alpha.52

package/dist/components/Chip.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { CHIP_COLORS } from "../util";
 export type ChipColorScheme = {
     color: string;
     text: string;
@@ -14,9 +15,7 @@ export interface ChipProps {
     onClick?: () => void;
     icon?: React.ReactNode;
 }
-export declare const CHIP_COLORS: Record<string, ChipColorScheme>;
 /**
  * @group Preview components
  */
 export declare function Chip({ children, colorScheme, error, outlined, onClick, icon, size, className }: ChipProps): import("react/jsx-runtime").JSX.Element;
-export declare function getColorSchemeForKey(key: ChipColorKey): ChipColorScheme;

package/dist/index.es.js

@@ -34,6 +34,51 @@ function Wn(n, t = 166) {
     clearTimeout(r);
   }, i;
 }
+const qn = {
+  blueLighter: { color: "#cfdfff", text: "#102046" },
+  cyanLighter: { color: "#d0f0fd", text: "#04283f" },
+  tealLighter: { color: "#c2f5e9", text: "#012524" },
+  greenLighter: { color: "#d1f7c4", text: "#0b1d05" },
+  yellowLighter: { color: "#ffeab6", text: "#3b2501" },
+  orangeLighter: { color: "#fee2d5", text: "#6b2613" },
+  redLighter: { color: "#ffdce5", text: "#4c0c1c" },
+  pinkLighter: { color: "#ffdaf6", text: "#400832" },
+  purpleLighter: { color: "#ede2fe", text: "#280b42" },
+  grayLighter: { color: "#eee", text: "#040404" },
+  blueLight: { color: "#9cc7ff", text: "#102046" },
+  cyanLight: { color: "#77d1f3", text: "#04283f" },
+  tealLight: { color: "#72ddc3", text: "#012524" },
+  greenLight: { color: "#93e088", text: "#0b1d05" },
+  yellowLight: { color: "#ffd66e", text: "#3b2501" },
+  orangeLight: { color: "#ffa981", text: "#6b2613" },
+  redLight: { color: "#ff9eb7", text: "#4c0c1c" },
+  pinkLight: { color: "#f99de2", text: "#400832" },
+  purpleLight: { color: "#cdb0ff", text: "#280b42" },
+  grayLight: { color: "#ccc", text: "#040404" },
+  blueDark: { color: "#2d7ff9", text: "#fff" },
+  cyanDark: { color: "#18bfff", text: "#fff" },
+  tealDark: { color: "#20d9d2", text: "#fff" },
+  greenDark: { color: "#20c933", text: "#fff" },
+  yellowDark: { color: "#fcb400", text: "#fff" },
+  orangeDark: { color: "#ff6f2c", text: "#fff" },
+  redDark: { color: "#f82b60", text: "#fff" },
+  pinkDark: { color: "#ff08c2", text: "#fff" },
+  purpleDark: { color: "#8b46ff", text: "#fff" },
+  grayDark: { color: "#666", text: "#fff" },
+  blueDarker: { color: "#2750ae", text: "#cfdfff" },
+  cyanDarker: { color: "#0b76b7", text: "#d0f0fd" },
+  tealDarker: { color: "#06a09b", text: "#daf3e9" },
+  greenDarker: { color: "#338a17", text: "#d1f7c4" },
+  yellowDarker: { color: "#b87503", text: "#ffeab6" },
+  orangeDarker: { color: "#d74d26", text: "#fee2d5" },
+  redDarker: { color: "#ba1e45", text: "#ffdce5" },
+  pinkDarker: { color: "#b2158b", text: "#ffdaf6" },
+  purpleDarker: { color: "#6b1cb0", text: "#ede2fe" },
+  grayDarker: { color: "#444", text: "#eee" }
+};
+function Vn(n) {
+  return qn[n];
+}
 function nn(n, t) {
   M(() => {
     if (!document.getElementById(n)) {
@@ -57,7 +102,7 @@ function In(n, t, r = !0) {
 function Kn(n) {
   return n instanceof HTMLElement ? n.getAttribute("role") === "presentation" ? !0 : Kn(n.parentNode) : !1;
 }
-function qn({
+function jn({
   children: n,
   className: t,
   in: r = !1,
@@ -127,7 +172,7 @@ function He({
 }) {
   const i = w.useRef(null);
   return In(i, () => r(!1)), /* @__PURE__ */ e(
-    qn,
+    jn,
     {
       in: t,
       duration: 50,
@@ -165,7 +210,7 @@ function We({
     }
   );
 }
-const Vn = (n) => {
+const Un = (n) => {
   switch (n) {
     case "error":
       return "bg-red-50 dark:bg-red-800 dark:text-red-100 text-red-900";
@@ -186,7 +231,7 @@ const Vn = (n) => {
   className: a,
   style: c
 }) => {
-  const u = Vn(r);
+  const u = Un(r);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -206,7 +251,7 @@ const Vn = (n) => {
       ]
     }
   );
-}, jn = ({ src: n, alt: t, children: r, className: i, ...a }, c) => /* @__PURE__ */ e(
+}, Gn = ({ src: n, alt: t, children: r, className: i, ...a }, c) => /* @__PURE__ */ e(
   "button",
   {
     ref: c,
@@ -232,7 +277,7 @@ const Vn = (n) => {
       }
     )
   }
-), Ve = w.forwardRef(jn), Un = w.forwardRef(
+), Ve = w.forwardRef(Gn), Qn = w.forwardRef(
   function({
     value: t,
     allowIndeterminate: r,
@@ -332,7 +377,7 @@ const Vn = (n) => {
       },
       children: [
         /* @__PURE__ */ e(
-          Un,
+          Qn,
           {
             value: t,
             ref: f,
@@ -351,7 +396,7 @@ const Vn = (n) => {
     }
   );
 };
-function Gn({
+function $n({
   children: n,
   className: t,
   variant: r = "filled",
@@ -427,7 +472,7 @@ function Ue({
     }
   );
 }
-const Qn = {
+const Yn = {
   xs: "max-w-xs",
   sm: "max-w-sm",
   md: "max-w-md",
@@ -439,13 +484,13 @@ const Qn = {
   "5xl": "max-w-5xl",
   "6xl": "max-w-6xl",
   "7xl": "max-w-7xl"
-}, $n = ({
+}, Zn = ({
   children: n,
   className: t,
   style: r,
   maxWidth: i = "7xl"
 }, a) => {
-  const c = i ? Qn[i] : "";
+  const c = i ? Yn[i] : "";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -459,7 +504,7 @@ const Qn = {
       children: n
     }
   );
-}, Yn = w.forwardRef($n);
+}, Xn = w.forwardRef(Zn);
 function Ge({
   children: n,
   maxWidth: t,
@@ -467,7 +512,7 @@ function Ge({
   className: i
 }) {
   return /* @__PURE__ */ e("div", { className: "flex flex-col flex-grow h-full", children: /* @__PURE__ */ e(
-    Yn,
+    Xn,
     {
       className: l("m-auto", i),
       maxWidth: t,
@@ -475,7 +520,7 @@ function Ge({
     }
   ) });
 }
-function Zn({
+function Jn({
   size: n = "medium",
   className: t
 }) {
@@ -2675,7 +2720,7 @@ const Qe = [
   "zoom_in_map",
   "zoom_out",
   "zoom_out_map"
-], Xn = {
+], ne = {
   inherit: "",
   primary: "text-primary",
   success: "text-green-500",
@@ -2719,7 +2764,7 @@ function o({
       },
       className: l(
         "material-icons",
-        r ? Xn[r] : "",
+        r ? ne[r] : "",
         "select-none",
         i
       ),
@@ -2747,7 +2792,7 @@ function Ye(n) {
     }
   );
 }
-function Jn(n) {
+function ee(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "search" });
 }
 function Ze(n) {
@@ -3719,7 +3764,7 @@ function $a(n) {
 function Ya(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "calculate" });
 }
-function ne(n) {
+function oe(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "calendar_month" });
 }
 function Za(n) {
@@ -3890,7 +3935,7 @@ function Zu(n) {
 function Xu(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "chat_bubble_outline" });
 }
-function ee(n) {
+function te(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "check" });
 }
 function Ju(n) {
@@ -4745,7 +4790,7 @@ function _y(n) {
 function dy(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "equalizer" });
 }
-function oe(n) {
+function re(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "error" });
 }
 function fy(n) {
@@ -9110,11 +9155,11 @@ function cN(n) {
 function aN(n) {
   return /* @__PURE__ */ e(o, { ...n, iconKey: "zoom_out_map" });
 }
-const te = {
+const ie = {
   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"
-}, re = {
+}, ce = {
   medium: "w-10 h-10",
   small: "w-8 h-8",
   large: "w-12 h-12"
@@ -9127,7 +9172,7 @@ const te = {
 }) => {
   const c = t ? !1 : n;
   return /* @__PURE__ */ e("div", { className: l(
-    re[i],
+    ce[i],
     "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150",
     a ? "rounded-full hover:bg-gray-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-75" : "",
     a ? "cursor-pointer" : "cursor-default"
@@ -9143,7 +9188,7 @@ const te = {
         {
           className: l(
             "border-2 relative transition-colors ease-in-out duration-150",
-            te[i],
+            ie[i],
             r ? "bg-gray-400 dark:bg-gray-600" : c ? "bg-primary" : "bg-white dark:bg-gray-900",
             c ? "text-gray-100 dark:text-gray-900" : "",
             r || c ? "border-transparent" : "border-gray-800 dark:border-gray-200"
@@ -9153,51 +9198,10 @@ const te = {
       )
     }
   ) });
-}, ie = {
+}, ae = {
   smaller: "px-2 py-0.5 text-sm",
   small: "px-3 py-1 text-sm",
   medium: "px-4 py-1.5 text-sm"
-}, ce = {
-  blueLighter: { color: "#cfdfff", text: "#102046" },
-  cyanLighter: { color: "#d0f0fd", text: "#04283f" },
-  tealLighter: { color: "#c2f5e9", text: "#012524" },
-  greenLighter: { color: "#d1f7c4", text: "#0b1d05" },
-  yellowLighter: { color: "#ffeab6", text: "#3b2501" },
-  orangeLighter: { color: "#fee2d5", text: "#6b2613" },
-  redLighter: { color: "#ffdce5", text: "#4c0c1c" },
-  pinkLighter: { color: "#ffdaf6", text: "#400832" },
-  purpleLighter: { color: "#ede2fe", text: "#280b42" },
-  grayLighter: { color: "#eee", text: "#040404" },
-  blueLight: { color: "#9cc7ff", text: "#102046" },
-  cyanLight: { color: "#77d1f3", text: "#04283f" },
-  tealLight: { color: "#72ddc3", text: "#012524" },
-  greenLight: { color: "#93e088", text: "#0b1d05" },
-  yellowLight: { color: "#ffd66e", text: "#3b2501" },
-  orangeLight: { color: "#ffa981", text: "#6b2613" },
-  redLight: { color: "#ff9eb7", text: "#4c0c1c" },
-  pinkLight: { color: "#f99de2", text: "#400832" },
-  purpleLight: { color: "#cdb0ff", text: "#280b42" },
-  grayLight: { color: "#ccc", text: "#040404" },
-  blueDark: { color: "#2d7ff9", text: "#fff" },
-  cyanDark: { color: "#18bfff", text: "#fff" },
-  tealDark: { color: "#20d9d2", text: "#fff" },
-  greenDark: { color: "#20c933", text: "#fff" },
-  yellowDark: { color: "#fcb400", text: "#fff" },
-  orangeDark: { color: "#ff6f2c", text: "#fff" },
-  redDark: { color: "#f82b60", text: "#fff" },
-  pinkDark: { color: "#ff08c2", text: "#fff" },
-  purpleDark: { color: "#8b46ff", text: "#fff" },
-  grayDark: { color: "#666", text: "#fff" },
-  blueDarker: { color: "#2750ae", text: "#cfdfff" },
-  cyanDarker: { color: "#0b76b7", text: "#d0f0fd" },
-  tealDarker: { color: "#06a09b", text: "#daf3e9" },
-  greenDarker: { color: "#338a17", text: "#d1f7c4" },
-  yellowDarker: { color: "#b87503", text: "#ffeab6" },
-  orangeDarker: { color: "#d74d26", text: "#fee2d5" },
-  redDarker: { color: "#ba1e45", text: "#ffdce5" },
-  pinkDarker: { color: "#b2158b", text: "#ffdaf6" },
-  purpleDarker: { color: "#6b1cb0", text: "#ede2fe" },
-  grayDarker: { color: "#444", text: "#eee" }
 };
 function lN({
   children: n,
@@ -9209,7 +9213,7 @@ function lN({
   size: u = "medium",
   className: s
 }) {
-  const _ = typeof t == "string" ? ae(t) : t;
+  const _ = typeof t == "string" ? Vn(t) : t;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -9217,7 +9221,7 @@ function lN({
         "rounded-lg w-fit h-fit font-regular inline-flex items-center gap-1",
         "truncate",
         a ? "cursor-pointer hover:bg-gray-300 hover:dark:bg-gray-700" : "",
-        ie[u],
+        ae[u],
         r || !_ ? "bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-200" : "",
         r ? "text-red-500 dark:text-red-400" : "",
         s
@@ -9234,9 +9238,6 @@ function lN({
     }
   );
 }
-function ae(n) {
-  return ce[n];
-}
 const ue = "hover:bg-gray-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-75", le = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150", se = "dark:text-gray-100 text-gray-700 visited:text-gray-700 dark:visited:text-gray-100", _e = {
   medium: "w-10 !h-10 min-w-10 min-h-10",
   small: "w-8 !h-8 min-w-8 min-h-8",
@@ -9458,7 +9459,7 @@ const sN = ({
             {
               onClick: () => b.current?.setOpen(!0),
               className: "absolute right-3 top-1/2 transform -translate-y-1/2 !text-gray-500 ",
-              children: /* @__PURE__ */ e(ne, { color: "disabled" })
+              children: /* @__PURE__ */ e(oe, { color: "disabled" })
             }
           ),
           a && n && /* @__PURE__ */ e(
@@ -9477,7 +9478,7 @@ const sN = ({
       {
         className: "flex items-center m-2",
         children: [
-          /* @__PURE__ */ e(oe, { size: "small", color: "error" }),
+          /* @__PURE__ */ e(re, { size: "small", color: "error" }),
           /* @__PURE__ */ p("div", { className: "pl-2", children: [
             /* @__PURE__ */ e(
               rn,
@@ -10640,14 +10641,14 @@ function hN({
   ...c
 }) {
   return /* @__PURE__ */ p(
-    Gn,
+    $n,
     {
       disabled: t || r,
       onClick: i,
       component: c.component,
       ...c,
       children: [
-        t && /* @__PURE__ */ e(Zn, { size: "small" }),
+        t && /* @__PURE__ */ e(Jn, { size: "small" }),
         !t && a,
         n
       ]
@@ -11056,7 +11057,7 @@ function vN({
           "div",
           {
             className: "absolute left-1 data-[state=checked]:block hidden",
-            children: /* @__PURE__ */ e(ee, { size: 16 })
+            children: /* @__PURE__ */ e(te, { size: 16 })
           }
         )
       ]
@@ -11110,7 +11111,7 @@ function SN({
       "div",
       {
         className: "absolute p-0 px-4 h-full absolute pointer-events-none flex items-center justify-center top-0",
-        children: /* @__PURE__ */ e(Jn, { className: "text-gray-500" })
+        children: /* @__PURE__ */ e(ee, { className: "text-gray-500" })
       }
     ),
     /* @__PURE__ */ e(
@@ -12117,7 +12118,7 @@ export {
   Zc as BookmarkIcon,
   ea as BookmarkRemoveIcon,
   oa as BookmarksIcon,
-  Un as BooleanSwitch,
+  Qn as BooleanSwitch,
   je as BooleanSwitchWithLabel,
   ta as BorderAllIcon,
   ra as BorderBottomIcon,
@@ -12162,14 +12163,14 @@ export {
   qa as BusAlertIcon,
   ja as BusinessCenterIcon,
   Va as BusinessIcon,
-  Gn as Button,
-  ce as CHIP_COLORS,
+  $n as Button,
+  qn as CHIP_COLORS,
   Ua as CabinIcon,
   Ga as CableIcon,
   Qa as CachedIcon,
   $a as CakeIcon,
   Ya as CalculateIcon,
-  ne as CalendarMonthIcon,
+  oe as CalendarMonthIcon,
   Za as CalendarTodayIcon,
   Xa as CalendarViewDayIcon,
   Ja as CalendarViewMonthIcon,
@@ -12232,7 +12233,7 @@ export {
   nl as CheckBoxOutlineBlankIcon,
   el as CheckCircleIcon,
   ol as CheckCircleOutlineIcon,
-  ee as CheckIcon,
+  te as CheckIcon,
   uN as Checkbox,
   tl as ChecklistIcon,
   rl as ChecklistRtlIcon,
@@ -12246,7 +12247,7 @@ export {
   _l as ChurchIcon,
   dl as CircleIcon,
   fl as CircleNotificationsIcon,
-  Zn as CircularProgress,
+  Jn as CircularProgress,
   yl as ClassIcon,
   pl as CleanHandsIcon,
   ml as CleaningServicesIcon,
@@ -12271,7 +12272,7 @@ export {
   Nl as CodeOffIcon,
   Tl as CoffeeIcon,
   Ll as CoffeeMakerIcon,
-  qn as Collapse,
+  jn as Collapse,
   Ol as CollectionsBookmarkIcon,
   Ml as CollectionsIcon,
   El as ColorLensIcon,
@@ -12299,7 +12300,7 @@ export {
   as as ContactSupportIcon,
   us as ContactlessIcon,
   ls as ContactsIcon,
-  Yn as Container,
+  Xn as Container,
   ss as ContentCopyIcon,
   _s as ContentCutIcon,
   fs as ContentPasteGoIcon,
@@ -12523,7 +12524,7 @@ export {
   sy as EngineeringIcon,
   _y as EnhancedEncryptionIcon,
   dy as EqualizerIcon,
-  oe as ErrorIcon,
+  re as ErrorIcon,
   fy as ErrorOutlineIcon,
   yy as EscalatorIcon,
   py as EscalatorWarningIcon,
@@ -13493,7 +13494,7 @@ export {
   WA as SdIcon,
   jA as SdStorageIcon,
   SN as SearchBar,
-  Jn as SearchIcon,
+  ee as SearchIcon,
   UA as SearchOffIcon,
   GA as SecurityIcon,
   $A as SecurityUpdateGoodIcon,
@@ -14084,7 +14085,7 @@ export {
   yn as focusedClasses,
   fn as focusedInvisibleMixin,
   A as focusedMixin,
-  ae as getColorSchemeForKey,
+  Vn as getColorSchemeForKey,
   $e as iconKeys,
   j as paperMixin,
   ze as useAutoComplete,