@inf-monkeys-tech/monkeys-design 2.0.14 → 2.0.15

package/dist/index.js

@@ -23489,7 +23489,7 @@ function DataExplorerDetailField({
       "data-invalid": hasError || void 0,
       "data-required": required || void 0,
       className: cn3(
-        "space-y-1",
+        "min-w-0 space-y-1",
         disabled && "opacity-60",
         resolvedClassNames.root,
         field?.className,
@@ -23500,7 +23500,7 @@ function DataExplorerDetailField({
           "div",
           {
             className: cn3(
-              "flex items-center gap-1.5 text-[13px] font-medium text-muted-foreground",
+              "flex min-w-0 items-center gap-1.5 text-[13px] font-medium text-muted-foreground",
               resolvedClassNames.label
             ),
             children: [
@@ -23514,7 +23514,7 @@ function DataExplorerDetailField({
                   children: icon
                 }
               ) : null,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { ...labelDataAttributes, children: label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { ...labelDataAttributes, className: "min-w-0 truncate", children: label }),
               required ? /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
@@ -23531,7 +23531,7 @@ function DataExplorerDetailField({
           {
             ...valueDataAttributes,
             className: cn3(
-              "text-[15px] leading-6 text-foreground",
+              "min-w-0 max-w-full text-[15px] leading-6 text-foreground [overflow-wrap:anywhere]",
               resolvedClassNames.value,
               valueClassName
             ),
@@ -23544,7 +23544,7 @@ function DataExplorerDetailField({
             ...helperDataAttributes,
             "data-slot": "helper",
             className: cn3(
-              "text-xs leading-5 text-muted-foreground",
+              "min-w-0 max-w-full text-xs leading-5 text-muted-foreground [overflow-wrap:anywhere]",
               resolvedClassNames.helper
             ),
             children: helperText
@@ -23557,7 +23557,7 @@ function DataExplorerDetailField({
             role: "alert",
             "data-slot": "error",
             className: cn3(
-              "text-xs leading-5 text-destructive-text",
+              "min-w-0 max-w-full text-xs leading-5 text-destructive-text [overflow-wrap:anywhere]",
               resolvedClassNames.error
             ),
             children: error
@@ -24445,7 +24445,7 @@ function DataExplorerDisplayCard({
                   "div",
                   {
                     className: cn3(
-                      "mt-1 text-sm text-muted-foreground",
+                      "mt-1 min-w-0 text-sm text-muted-foreground [overflow-wrap:anywhere]",
                       classNames?.description
                     ),
                     children: description
@@ -24462,12 +24462,12 @@ function DataExplorerDisplayCard({
                   }
                 ) : null
               ] }) }),
-              meta || actions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+              meta || actions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
                 meta ? /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: cn3(
-                      "text-sm text-muted-foreground",
+                      "min-w-0 max-w-[12rem] truncate text-sm text-muted-foreground",
                       classNames?.meta
                     ),
                     children: meta
@@ -24477,7 +24477,7 @@ function DataExplorerDisplayCard({
                   "div",
                   {
                     className: cn3(
-                      "flex items-center gap-2",
+                      "flex shrink-0 items-center gap-2",
                       classNames?.actions
                     ),
                     children: actions
@@ -26086,7 +26086,7 @@ function DataExplorerUploadSurface({
     setIsDragging(false);
     emitFiles(event.dataTransfer.files);
   };
-  const renderText = (value, fallbackClassName, slot) => value ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": slot, className: cn3(fallbackClassName), children: value }) : null;
+  const renderText = (value, fallbackClassName, slot) => value ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": slot, className: cn3("max-w-full [overflow-wrap:anywhere]", fallbackClassName), children: value }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {