@imj_media/ui 1.8.2 → 1.8.3

package/dist/index.esm.js

@@ -888,7 +888,7 @@ const Pu = (e = "top", n = "center", r = !1, t = 0, i = !1) => {
       "ui-text-body-xs-bold ui-font-body-xs-bold ui-tracking-body-xs ui-leading-none",
       "ui-max-w-[300px]",
       "ui-break-words",
-      "ui-shadow-lg",
+      "ui-shadow-04",
       "ui-transition-opacity ui-duration-150 ui-ease-in-out",
       "ui-text-on-canvas-inverse ui-bg-canvas-inverse",
       "ui-whitespace-nowrap",
@@ -3019,7 +3019,7 @@ const Mc = ({
     }
   );
 }, qg = (e) => /* @__PURE__ */ o(Mc, { ...e }), Sc = () => ({
-  getAlertClassName: (i, a, s = "contained") => `ui-rounded-2xl ui-p-2 ui-shadow-md ui-transform ui-transition-all ui-duration-300 ui-ease-in-out ${a ? "ui-opacity-0 ui-translate-x-4" : "ui-opacity-100 ui-translate-x-0"} ${{
+  getAlertClassName: (i, a, s = "contained") => `ui-rounded-2xl ui-p-2 ui-shadow-02 ui-transform ui-transition-all ui-duration-300 ui-ease-in-out ${a ? "ui-opacity-0 ui-translate-x-4" : "ui-opacity-100 ui-translate-x-0"} ${{
     success: {
       contained: "ui-bg-success-500",
       outlined: "!ui-bg-fill !ui-text-success-500 ui-border ui-border-success-500 ui-shadow",
@@ -5415,7 +5415,7 @@ const _a = ({ children: e, withPadding: n = !0 }) => {
                     color: "secondary",
                     size: "xs",
                     pill: "pill",
-                    className: "ui-bg-fill/90 ui-opacity-0 ui-shadow-lg ui-transition-opacity hover:ui-bg-fill group-hover:ui-opacity-100"
+                    className: "ui-bg-fill/90 ui-opacity-0 ui-shadow-04 ui-transition-opacity hover:ui-bg-fill group-hover:ui-opacity-100"
                   }
                 ) })
               ) : (
@@ -5429,7 +5429,7 @@ const _a = ({ children: e, withPadding: n = !0 }) => {
                     color: "secondary",
                     size: "xs",
                     pill: "pill",
-                    className: "ui-bg-fill/90 ui-opacity-0 ui-shadow-lg ui-transition-opacity hover:ui-bg-fill group-hover:ui-opacity-100"
+                    className: "ui-bg-fill/90 ui-opacity-0 ui-shadow-04 ui-transition-opacity hover:ui-bg-fill group-hover:ui-opacity-100"
                   }
                 ) })
               )
@@ -5573,7 +5573,7 @@ const _a = ({ children: e, withPadding: n = !0 }) => {
                                 color: "secondary",
                                 size: "xs",
                                 pill: "pill",
-                                className: "ui-bg-fill/90 ui-shadow-lg hover:ui-bg-fill"
+                                className: "ui-bg-fill/90 ui-shadow-04 hover:ui-bg-fill"
                               }
                             )
                           }
@@ -5782,7 +5782,7 @@ const n2 = ({
                 ref: Ue,
                 tabIndex: -1,
                 className: N(
-                  "ui-relative ui-z-10 ui-flex ui-w-full ui-flex-col ui-rounded-surface-modal ui-border-1 ui-border-default ui-bg-fill ui-shadow-md ui-outline-none",
+                  "ui-relative ui-z-10 ui-flex ui-w-full ui-flex-col ui-rounded-surface-modal ui-border-1 ui-border-default ui-bg-fill ui-shadow-02 ui-outline-none",
                   Jc[t]
                 ),
                 onClick: (De) => De.stopPropagation(),
@@ -26405,7 +26405,7 @@ const an = Zt(
       }, X0 = N(
         H ? "ui-overflow-visible" : "ui-overflow-hidden",
         "ui-rounded-surface-card ui-bg-fill",
-        u ? "ui-border ui-border-default ui-shadow-lg" : "ui-shadow-xl",
+        u ? "ui-border ui-border-default ui-shadow-04" : "ui-shadow-xl",
         l
       ), Jo = /* @__PURE__ */ b(
         "div",
@@ -27229,7 +27229,7 @@ const Mo = ({
     ), k = N(
       // Base según Figma
       "ui-pointer-events-none ui-inline-block ui-rounded-control-pill",
-      "ui-bg-fill ui-shadow-lg",
+      "ui-bg-fill ui-shadow-04",
       "ui-w-16 ui-h-16",
       // w-16 = var(--ui-Positive-space_16), h-16 = var(--ui-Positive-space_16)
       "ui-transition-transform ui-duration-200 ui-ease-in-out"
@@ -27363,7 +27363,7 @@ const nC = {
         "ui-transition-all ui-duration-200 ui-ease-in-out",
         {
           // Estado de arrastre - fondo blanco sólido y sombra
-          "ui-bg-white ui-shadow-lg": l,
+          "ui-bg-white ui-shadow-04": l,
           // Estado de drag over
           "ui-bg-fill-hover": u && !l,
           // 'ui-opacity-50': disabled && !isDragging,
@@ -28343,7 +28343,7 @@ const rs = (e) => {
                         "ui-justify-start ui-bg-fill-brand-disabled": !w
                       }
                     ),
-                    children: /* @__PURE__ */ o("div", { className: "ui-h-16 ui-w-16 ui-rounded-control-pill ui-bg-fill ui-shadow-lg" })
+                    children: /* @__PURE__ */ o("div", { className: "ui-h-16 ui-w-16 ui-rounded-control-pill ui-bg-fill ui-shadow-04" })
                   }
                 )
               ]
@@ -30330,7 +30330,7 @@ const L5 = ({
   return /* @__PURE__ */ b(
     "div",
     {
-      className: N("ui-relative ui-overflow-hidden ui-rounded-lg ui-shadow-lg", t),
+      className: N("ui-relative ui-overflow-hidden ui-rounded-lg ui-shadow-02", t),
       style: {
         width: C,
         height: v,
@@ -31479,7 +31479,7 @@ const S5 = (e) => {
     "div",
     {
       className: N(
-        "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-bg-fill ui-shadow-lg",
+        "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-bg-fill ui-shadow-04",
         S ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
       children: [
@@ -31648,7 +31648,7 @@ const S5 = (e) => {
     }), z(Z), d(X);
   };
   return G(
-    /* @__PURE__ */ o("div", { className: "ui-relative", children: O === "range" && I > 1 ? /* @__PURE__ */ b("div", { className: "ui-overflow-hidden ui-rounded-lg ui-bg-fill ui-shadow-lg", children: [
+    /* @__PURE__ */ o("div", { className: "ui-relative", children: O === "range" && I > 1 ? /* @__PURE__ */ b("div", { className: "ui-overflow-hidden ui-rounded-lg ui-bg-fill ui-shadow-04", children: [
       /* @__PURE__ */ o(
         D5,
         {
@@ -37057,7 +37057,7 @@ const j7 = () => {
                     iconProps: { icon: lo },
                     onClick: m,
                     tooltipProps: { label: "Anterior", position: "right" },
-                    className: "ui-bg-fill/90 ui-flex-shrink-0 ui-shadow-lg hover:ui-bg-fill"
+                    className: "ui-bg-fill/90 ui-flex-shrink-0 ui-shadow-04 hover:ui-bg-fill"
                   }
                 ),
                 /* @__PURE__ */ b(
@@ -37087,7 +37087,7 @@ const j7 = () => {
                           iconProps: { icon: gt },
                           onClick: t,
                           tooltipProps: { label: "Cerrar", position: "bottom" },
-                          className: "ui-bg-fill/90 ui-shadow-lg hover:ui-bg-fill"
+                          className: "ui-bg-fill/90 ui-shadow-04 hover:ui-bg-fill"
                         }
                       ) })
                     ]
@@ -37103,7 +37103,7 @@ const j7 = () => {
                     iconProps: { icon: uo },
                     onClick: g,
                     tooltipProps: { label: "Siguiente", position: "left" },
-                    className: "ui-bg-fill/90 ui-flex-shrink-0 ui-shadow-lg hover:ui-bg-fill"
+                    className: "ui-bg-fill/90 ui-flex-shrink-0 ui-shadow-04 hover:ui-bg-fill"
                   }
                 )
               ] }),
@@ -37153,16 +37153,16 @@ const j7 = () => {
     onClick: r,
     className: N(
       "ui-relative ui-cursor-pointer ui-rounded-control-pill ui-border-2 ui-border-solid ui-transition-all ui-duration-150",
-      "hover:ui-scale-110 hover:ui-shadow-md",
+      "hover:ui-scale-110 hover:ui-shadow-02",
       "focus:ui-ring-brand focus:ui-outline-none focus:ui-ring-2 focus:ui-ring-offset-2",
       H7[t],
-      n ? "ui-scale-110 ui-border-brand ui-shadow-md" : "ui-border-transparent hover:ui-border-brand",
+      n ? "ui-scale-110 ui-border-brand ui-shadow-02" : "ui-border-transparent hover:ui-border-brand",
       i
     ),
     style: { backgroundColor: e },
     "aria-label": `Color ${e}`,
     title: e,
-    children: n && /* @__PURE__ */ o("div", { className: "ui-absolute ui-inset-0 ui-flex ui-items-center ui-justify-center", children: /* @__PURE__ */ o(ye, { name: Wl, className: "ui-text-white ui-drop-shadow-md", size: "sm" }) })
+    children: n && /* @__PURE__ */ o("div", { className: "ui-absolute ui-inset-0 ui-flex ui-items-center ui-justify-center", children: /* @__PURE__ */ o(ye, { name: Wl, className: "ui-text-white ui-drop-shadow-02", size: "sm" }) })
   }
 ), Et = (e) => e ? /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e) : !1, St = (e) => {
   if (!e) return "";
@@ -37370,7 +37370,7 @@ const $7 = ({ color: e, onColorChange: n, className: r }) => {
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: "ui-pointer-events-none ui-absolute ui-h-4 ui-w-4 ui--translate-x-1/2 ui--translate-y-1/2 ui-transform ui-rounded-full ui-border-2 ui-border-white ui-shadow-md",
+            className: "ui-pointer-events-none ui-absolute ui-h-4 ui-w-4 ui--translate-x-1/2 ui--translate-y-1/2 ui-transform ui-rounded-full ui-border-2 ui-border-white ui-shadow-02",
             style: {
               left: `${M}%`,
               top: `${L}%`
@@ -37389,7 +37389,7 @@ const $7 = ({ color: e, onColorChange: n, className: r }) => {
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: "ui-pointer-events-none ui-absolute ui-bottom-0 ui-top-0 ui-w-1 ui--translate-x-1/2 ui-transform ui-bg-white ui-shadow-md",
+            className: "ui-pointer-events-none ui-absolute ui-bottom-0 ui-top-0 ui-w-1 ui--translate-x-1/2 ui-transform ui-bg-white ui-shadow-02",
             style: {
               left: `${f / 360 * 100}%`
             }
@@ -37742,7 +37742,7 @@ const G7 = ({
           ref: S,
           style: G,
           className: N(
-            "ui-overflow-hidden ui-rounded-surface-card ui-border-1 ui-border-solid ui-border-default ui-bg-surface-default ui-shadow-lg",
+            "ui-overflow-hidden ui-rounded-surface-card ui-border-1 ui-border-solid ui-border-default ui-bg-surface-default ui-shadow-04",
             u.className
           ),
           onClick: (F) => {
@@ -50306,6 +50306,7 @@ export {
   Ic as PROGRESS_COLOR_MAP,
   K7 as Pagination,
   q7 as PickerColor,
+  r6 as Picture,
   an as Popover,
   an as Popup,
   js as PrimaryCell,