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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3565,7 +3565,7 @@ function DataExplorerDetailField({
3565
3565
  "data-invalid": hasError || void 0,
3566
3566
  "data-required": required || void 0,
3567
3567
  className: cn(
3568
- "space-y-1",
3568
+ "min-w-0 space-y-1",
3569
3569
  disabled && "opacity-60",
3570
3570
  resolvedClassNames.root,
3571
3571
  field?.className,
@@ -3576,7 +3576,7 @@ function DataExplorerDetailField({
3576
3576
  "div",
3577
3577
  {
3578
3578
  className: cn(
3579
- "flex items-center gap-1.5 text-[13px] font-medium text-muted-foreground",
3579
+ "flex min-w-0 items-center gap-1.5 text-[13px] font-medium text-muted-foreground",
3580
3580
  resolvedClassNames.label
3581
3581
  ),
3582
3582
  children: [
@@ -3590,7 +3590,7 @@ function DataExplorerDetailField({
3590
3590
  children: icon
3591
3591
  }
3592
3592
  ) : null,
3593
- /* @__PURE__ */ jsxRuntime.jsx("span", { ...labelDataAttributes, children: label }),
3593
+ /* @__PURE__ */ jsxRuntime.jsx("span", { ...labelDataAttributes, className: "min-w-0 truncate", children: label }),
3594
3594
  required ? /* @__PURE__ */ jsxRuntime.jsx(
3595
3595
  "span",
3596
3596
  {
@@ -3607,7 +3607,7 @@ function DataExplorerDetailField({
3607
3607
  {
3608
3608
  ...valueDataAttributes,
3609
3609
  className: cn(
3610
- "text-[15px] leading-6 text-foreground",
3610
+ "min-w-0 max-w-full text-[15px] leading-6 text-foreground [overflow-wrap:anywhere]",
3611
3611
  resolvedClassNames.value,
3612
3612
  valueClassName
3613
3613
  ),
@@ -3620,7 +3620,7 @@ function DataExplorerDetailField({
3620
3620
  ...helperDataAttributes,
3621
3621
  "data-slot": "helper",
3622
3622
  className: cn(
3623
- "text-xs leading-5 text-muted-foreground",
3623
+ "min-w-0 max-w-full text-xs leading-5 text-muted-foreground [overflow-wrap:anywhere]",
3624
3624
  resolvedClassNames.helper
3625
3625
  ),
3626
3626
  children: helperText
@@ -3633,7 +3633,7 @@ function DataExplorerDetailField({
3633
3633
  role: "alert",
3634
3634
  "data-slot": "error",
3635
3635
  className: cn(
3636
- "text-xs leading-5 text-destructive-text",
3636
+ "min-w-0 max-w-full text-xs leading-5 text-destructive-text [overflow-wrap:anywhere]",
3637
3637
  resolvedClassNames.error
3638
3638
  ),
3639
3639
  children: error
@@ -5204,7 +5204,7 @@ function DataExplorerDisplayCard({
5204
5204
  "div",
5205
5205
  {
5206
5206
  className: cn(
5207
- "mt-1 text-sm text-muted-foreground",
5207
+ "mt-1 min-w-0 text-sm text-muted-foreground [overflow-wrap:anywhere]",
5208
5208
  classNames?.description
5209
5209
  ),
5210
5210
  children: description
@@ -5221,12 +5221,12 @@ function DataExplorerDisplayCard({
5221
5221
  }
5222
5222
  ) : null
5223
5223
  ] }) }),
5224
- meta || actions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
5224
+ meta || actions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
5225
5225
  meta ? /* @__PURE__ */ jsxRuntime.jsx(
5226
5226
  "div",
5227
5227
  {
5228
5228
  className: cn(
5229
- "text-sm text-muted-foreground",
5229
+ "min-w-0 max-w-[12rem] truncate text-sm text-muted-foreground",
5230
5230
  classNames?.meta
5231
5231
  ),
5232
5232
  children: meta
@@ -5236,7 +5236,7 @@ function DataExplorerDisplayCard({
5236
5236
  "div",
5237
5237
  {
5238
5238
  className: cn(
5239
- "flex items-center gap-2",
5239
+ "flex shrink-0 items-center gap-2",
5240
5240
  classNames?.actions
5241
5241
  ),
5242
5242
  children: actions
@@ -6874,7 +6874,7 @@ function DataExplorerUploadSurface({
6874
6874
  setIsDragging(false);
6875
6875
  emitFiles(event.dataTransfer.files);
6876
6876
  };
6877
- const renderText = (value, fallbackClassName, slot) => value ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": slot, className: cn(fallbackClassName), children: value }) : null;
6877
+ const renderText = (value, fallbackClassName, slot) => value ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": slot, className: cn("max-w-full [overflow-wrap:anywhere]", fallbackClassName), children: value }) : null;
6878
6878
  return /* @__PURE__ */ jsxRuntime.jsxs(
6879
6879
  "div",
6880
6880
  {