@valbuild/ui 0.46.1 → 0.47.0

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.
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Val</title>
7
- <script type="module" crossorigin src="/api/val/static/assets/index-yY5yCkWt.js"></script>
7
+ <script type="module" crossorigin src="/api/val/static/assets/index-8U9B2Ocg.js"></script>
8
8
  <link rel="stylesheet" crossorigin href="/api/val/static/assets/index-0Qeyj20F.css">
9
9
  </head>
10
10
  <body>
@@ -77275,7 +77275,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77275
77275
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77276
77276
  "div",
77277
77277
  {
77278
- className: "truncate max-w-[300px]",
77278
+ className: "truncate max-w-[300px] text-left",
77279
77279
  dir: "rtl",
77280
77280
  title: selectedPath,
77281
77281
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: selectedPath || "/" })
@@ -77403,7 +77403,15 @@ function AnyVal({
77403
77403
  ] });
77404
77404
  }
77405
77405
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77406
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77406
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77407
+ "div",
77408
+ {
77409
+ className: "truncate max-w-[300px] text-left",
77410
+ title: path,
77411
+ dir: "rtl",
77412
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77413
+ }
77414
+ ),
77407
77415
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77408
77416
  ValList,
77409
77417
  {
@@ -77430,7 +77438,15 @@ function AnyVal({
77430
77438
  ] });
77431
77439
  }
77432
77440
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77433
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77441
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77442
+ "div",
77443
+ {
77444
+ className: "truncate max-w-[300px] text-left",
77445
+ title: path,
77446
+ dir: "rtl",
77447
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77448
+ }
77449
+ ),
77434
77450
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77435
77451
  ValRecord,
77436
77452
  {
@@ -77461,7 +77477,15 @@ function AnyVal({
77461
77477
  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
77462
77478
  }
77463
77479
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-2 gap-y-4", children: [
77464
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77480
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77481
+ "div",
77482
+ {
77483
+ className: "truncate max-w-[300px] text-left",
77484
+ title: path,
77485
+ dir: "rtl",
77486
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77487
+ }
77488
+ ),
77465
77489
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77466
77490
  ValFormField,
77467
77491
  {
@@ -77539,7 +77563,15 @@ function ValTaggedUnion({
77539
77563
  "border-l-2 border-border pl-6": !top
77540
77564
  }),
77541
77565
  children: [
77542
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77566
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77567
+ "div",
77568
+ {
77569
+ className: "truncate max-w-[300px] text-left",
77570
+ title: path,
77571
+ dir: "rtl",
77572
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77573
+ }
77574
+ ),
77543
77575
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
77544
77576
  Select,
77545
77577
  {
@@ -77682,7 +77714,7 @@ function ValList({
77682
77714
  setSelectedPath
77683
77715
  }) {
77684
77716
  const navigate = useNavigate();
77685
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77717
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77686
77718
  const subPath = createValPathOfItem(path, index2);
77687
77719
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
77688
77720
  "button",
@@ -77933,7 +77965,15 @@ function ValOptional({
77933
77965
  }
77934
77966
  }
77935
77967
  ),
77936
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) })
77968
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
77969
+ "div",
77970
+ {
77971
+ className: "truncate max-w-[300px] text-left",
77972
+ title: path,
77973
+ dir: "rtl",
77974
+ children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77975
+ }
77976
+ )
77937
77977
  ] }),
77938
77978
  enable && /* @__PURE__ */ jsxRuntimeExports.jsx(
77939
77979
  ValDefaultOf,
@@ -78032,7 +78072,14 @@ function PathTree({
78032
78072
  const selectedModuleId = selectedPath && Internal.splitModuleIdAndModulePath(selectedPath)[0];
78033
78073
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col w-full py-2 text-xs", children: Object.entries(tree).map(([dir, files]) => {
78034
78074
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2", children: [
78035
- dir && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold truncate max-w-[300px]", title: dir, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir }) }),
78075
+ dir && /* @__PURE__ */ jsxRuntimeExports.jsx(
78076
+ "div",
78077
+ {
78078
+ className: "font-bold truncate max-w-[300px] text-left",
78079
+ title: dir,
78080
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir })
78081
+ }
78082
+ ),
78036
78083
  /* @__PURE__ */ jsxRuntimeExports.jsx(
78037
78084
  "div",
78038
78085
  {
@@ -77276,7 +77276,7 @@ Showing stack trace of: 1. ${fatalErrors[0].message}`;
77276
77276
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77277
77277
  "div",
77278
77278
  {
77279
- className: "truncate max-w-[300px]",
77279
+ className: "truncate max-w-[300px] text-left",
77280
77280
  dir: "rtl",
77281
77281
  title: selectedPath,
77282
77282
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: selectedPath || "/" })
@@ -77404,7 +77404,15 @@ function AnyVal({
77404
77404
  ] });
77405
77405
  }
77406
77406
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77407
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77407
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77408
+ "div",
77409
+ {
77410
+ className: "truncate max-w-[300px] text-left",
77411
+ title: path,
77412
+ dir: "rtl",
77413
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77414
+ }
77415
+ ),
77408
77416
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77409
77417
  ValList,
77410
77418
  {
@@ -77431,7 +77439,15 @@ function AnyVal({
77431
77439
  ] });
77432
77440
  }
77433
77441
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
77434
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77442
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77443
+ "div",
77444
+ {
77445
+ className: "truncate max-w-[300px] text-left",
77446
+ title: path,
77447
+ dir: "rtl",
77448
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77449
+ }
77450
+ ),
77435
77451
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77436
77452
  ValRecord,
77437
77453
  {
@@ -77462,7 +77478,15 @@ function AnyVal({
77462
77478
  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
77463
77479
  }
77464
77480
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-2 gap-y-4", children: [
77465
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77481
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77482
+ "div",
77483
+ {
77484
+ className: "truncate max-w-[300px] text-left",
77485
+ title: path,
77486
+ dir: "rtl",
77487
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77488
+ }
77489
+ ),
77466
77490
  /* @__PURE__ */ jsxRuntimeExports.jsx(
77467
77491
  ValFormField,
77468
77492
  {
@@ -77540,7 +77564,15 @@ function ValTaggedUnion({
77540
77564
  "border-l-2 border-border pl-6": !top
77541
77565
  }),
77542
77566
  children: [
77543
- field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) }),
77567
+ field ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: field }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
77568
+ "div",
77569
+ {
77570
+ className: "truncate max-w-[300px] text-left",
77571
+ title: path,
77572
+ dir: "rtl",
77573
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77574
+ }
77575
+ ),
77544
77576
  /* @__PURE__ */ jsxRuntimeExports.jsxs(
77545
77577
  Select,
77546
77578
  {
@@ -77683,7 +77715,7 @@ function ValList({
77683
77715
  setSelectedPath
77684
77716
  }) {
77685
77717
  const navigate = useNavigate();
77686
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77718
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, { className: "flex flex-col gap-4 p-2 pb-8", children: source.map((item, index2) => {
77687
77719
  const subPath = createValPathOfItem(path, index2);
77688
77720
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
77689
77721
  "button",
@@ -77934,7 +77966,15 @@ function ValOptional({
77934
77966
  }
77935
77967
  }
77936
77968
  ),
77937
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate max-w-[300px]", title: path, dir: "rtl", children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path }) })
77969
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
77970
+ "div",
77971
+ {
77972
+ className: "truncate max-w-[300px] text-left",
77973
+ title: path,
77974
+ dir: "rtl",
77975
+ children: field ? field : /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: path })
77976
+ }
77977
+ )
77938
77978
  ] }),
77939
77979
  enable && /* @__PURE__ */ jsxRuntimeExports.jsx(
77940
77980
  ValDefaultOf,
@@ -78033,7 +78073,14 @@ function PathTree({
78033
78073
  const selectedModuleId = selectedPath && Internal.splitModuleIdAndModulePath(selectedPath)[0];
78034
78074
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col w-full py-2 text-xs", children: Object.entries(tree).map(([dir, files]) => {
78035
78075
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2", children: [
78036
- dir && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-bold truncate max-w-[300px]", title: dir, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir }) }),
78076
+ dir && /* @__PURE__ */ jsxRuntimeExports.jsx(
78077
+ "div",
78078
+ {
78079
+ className: "font-bold truncate max-w-[300px] text-left",
78080
+ title: dir,
78081
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(Path, { children: dir })
78082
+ }
78083
+ ),
78037
78084
  /* @__PURE__ */ jsxRuntimeExports.jsx(
78038
78085
  "div",
78039
78086
  {