@valbuild/ui 0.46.1 → 0.47.0

package/dist/valbuild-ui.cjs.js

@@ -72885,7 +72885,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "div",
                       {
-                        className: "truncate max-w-[300px]",
+                        className: "truncate max-w-[300px] text-left",
                         dir: "rtl",
                         title: selectedPath,
                         children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: selectedPath || "/" })
@@ -73013,7 +73013,15 @@ function AnyVal({
       ] });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path }) }),
+      field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "truncate max-w-[300px] text-left",
+          title: path,
+          dir: "rtl",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         ValList,
         {
@@ -73040,7 +73048,15 @@ function AnyVal({
       ] });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path }) }),
+      field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "truncate max-w-[300px] text-left",
+          title: path,
+          dir: "rtl",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         ValRecord,
         {
@@ -73071,7 +73087,15 @@ function AnyVal({
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-2 gap-y-4", children: [
-    field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path }) }),
+    field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "truncate max-w-[300px] text-left",
+        title: path,
+        dir: "rtl",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       ValFormField,
       {
@@ -73149,7 +73173,15 @@ function ValTaggedUnion({
         "border-l-2 border-border pl-6": !top
       }),
       children: [
-        field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path }) }),
+        field ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "truncate max-w-[300px] text-left",
+            title: path,
+            dir: "rtl",
+            children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path })
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Select,
           {
@@ -73292,7 +73324,7 @@ function ValList({
   setSelectedPath
 }) {
   const navigate = useNavigate();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldContainer, { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
     const subPath = createValPathOfItem(path, index2);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -73543,7 +73575,15 @@ function ValOptional({
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: field ? field : /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path }) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "truncate max-w-[300px] text-left",
+          title: path,
+          dir: "rtl",
+          children: field ? field : /* @__PURE__ */ jsxRuntime.jsx(Path, { children: path })
+        }
+      )
     ] }),
     enable && /* @__PURE__ */ jsxRuntime.jsx(
       ValDefaultOf,
@@ -73642,7 +73682,14 @@ function PathTree({
   const selectedModuleId = selectedPath && Internal.splitModuleIdAndModulePath(selectedPath)[0];
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col w-full py-2 text-xs", children: Object.entries(tree).map(([dir, files]) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2", children: [
-      dir && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-bold truncate max-w-[300px]", title: dir, children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: dir }) }),
+      dir && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "font-bold truncate max-w-[300px] text-left",
+          title: dir,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Path, { children: dir })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {

package/dist/valbuild-ui.esm.js

@@ -72867,7 +72867,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
                     /* @__PURE__ */ jsx(
                       "div",
                       {
-                        className: "truncate max-w-[300px]",
+                        className: "truncate max-w-[300px] text-left",
                         dir: "rtl",
                         title: selectedPath,
                         children: /* @__PURE__ */ jsx(Path, { children: selectedPath || "/" })
@@ -72995,7 +72995,15 @@ function AnyVal({
       ] });
     }
     return /* @__PURE__ */ jsxs("div", { children: [
-      field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsx(Path, { children: path }) }),
+      field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "truncate max-w-[300px] text-left",
+          title: path,
+          dir: "rtl",
+          children: /* @__PURE__ */ jsx(Path, { children: path })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ValList,
         {
@@ -73022,7 +73030,15 @@ function AnyVal({
       ] });
     }
     return /* @__PURE__ */ jsxs("div", { children: [
-      field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsx(Path, { children: path }) }),
+      field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "truncate max-w-[300px] text-left",
+          title: path,
+          dir: "rtl",
+          children: /* @__PURE__ */ jsx(Path, { children: path })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ValRecord,
         {
@@ -73053,7 +73069,15 @@ function AnyVal({
     return /* @__PURE__ */ jsx(Fragment$1, {});
   }
   return /* @__PURE__ */ jsxs("div", { className: "py-2 gap-y-4", children: [
-    field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsx(Path, { children: path }) }),
+    field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "truncate max-w-[300px] text-left",
+        title: path,
+        dir: "rtl",
+        children: /* @__PURE__ */ jsx(Path, { children: path })
+      }
+    ),
     /* @__PURE__ */ jsx(
       ValFormField,
       {
@@ -73131,7 +73155,15 @@ function ValTaggedUnion({
         "border-l-2 border-border pl-6": !top
       }),
       children: [
-        field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsx(Path, { children: path }) }),
+        field ? /* @__PURE__ */ jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "truncate max-w-[300px] text-left",
+            title: path,
+            dir: "rtl",
+            children: /* @__PURE__ */ jsx(Path, { children: path })
+          }
+        ),
         /* @__PURE__ */ jsxs(
           Select,
           {
@@ -73274,7 +73306,7 @@ function ValList({
   setSelectedPath
 }) {
   const navigate = useNavigate();
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
+  return /* @__PURE__ */ jsx(FieldContainer, { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
     const subPath = createValPathOfItem(path, index2);
     return /* @__PURE__ */ jsx(
       "button",
@@ -73525,7 +73557,15 @@ function ValOptional({
           }
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: field ? field : /* @__PURE__ */ jsx(Path, { children: path }) })
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "truncate max-w-[300px] text-left",
+          title: path,
+          dir: "rtl",
+          children: field ? field : /* @__PURE__ */ jsx(Path, { children: path })
+        }
+      )
     ] }),
     enable && /* @__PURE__ */ jsx(
       ValDefaultOf,
@@ -73624,7 +73664,14 @@ function PathTree({
   const selectedModuleId = selectedPath && Internal.splitModuleIdAndModulePath(selectedPath)[0];
   return /* @__PURE__ */ jsx("div", { className: "flex flex-col w-full py-2 text-xs", children: Object.entries(tree).map(([dir, files]) => {
     return /* @__PURE__ */ jsxs("div", { className: "px-4 py-2", children: [
-      dir && /* @__PURE__ */ jsx("div", { className: "font-bold truncate max-w-[300px]", title: dir, children: /* @__PURE__ */ jsx(Path, { children: dir }) }),
+      dir && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "font-bold truncate max-w-[300px] text-left",
+          title: dir,
+          children: /* @__PURE__ */ jsx(Path, { children: dir })
+        }
+      ),
       /* @__PURE__ */ jsx(
         "div",
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/ui",
-  "version": "0.46.1",
+  "version": "0.47.0",
   "sideEffects": false,
   "scripts": {
     "typecheck": "tsc --noEmit",
@@ -34,8 +34,8 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@valbuild/core": "~0.46.0",
-    "@valbuild/shared": "~0.46.0",
+    "@valbuild/core": "~0.47.0",
+    "@valbuild/shared": "~0.47.0",
     "class-variance-authority": "^0.7.0",
     "classnames": "^2.3.2",
     "clsx": "^2.0.0",