@almadar/ui 5.121.0 → 5.121.2

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.
Files changed (9) hide show
  1. package/dist/avl/index.cjs +5 -5
  2. package/dist/avl/index.js +5 -5
  3. package/dist/components/index.cjs +5 -5
  4. package/dist/components/index.js +5 -5
  5. package/dist/providers/index.cjs +5 -5
  6. package/dist/providers/index.js +5 -5
  7. package/dist/runtime/index.cjs +5 -5
  8. package/dist/runtime/index.js +5 -5
  9. package/package.json +1 -1
package/dist/avl/index.cjs CHANGED
@@ -37246,7 +37246,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
37246
37246
  return labelMeasureCtx.measureText(text).width + 4;
37247
37247
  }
37248
37248
  function getGroupColor(group, groups) {
37249
- if (!group) return GROUP_COLORS2[0];
37249
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
37250
37250
  const idx = groups.indexOf(group);
37251
37251
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
37252
37252
  }
@@ -37485,7 +37485,7 @@ var init_GraphCanvas = __esm({
37485
37485
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
37486
37486
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
37487
37487
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
37488
- const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
37488
+ const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
37489
37489
  for (let i = 0; i < 300; i++) simulation.tick();
37490
37490
  const pad = nodeSpacing / 2;
37491
37491
  const rectsOf = (n) => {
@@ -37656,15 +37656,15 @@ var init_GraphCanvas = __esm({
37656
37656
  ctx.stroke();
37657
37657
  if (showLabels && node.label) {
37658
37658
  const displayLabel = truncateLabel(node.label);
37659
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
37659
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
37660
37660
  ctx.textAlign = "center";
37661
37661
  ctx.textBaseline = "middle";
37662
37662
  const ly = node.y + radius + 14;
37663
- ctx.lineWidth = 3;
37663
+ ctx.lineWidth = 4;
37664
37664
  ctx.lineJoin = "round";
37665
37665
  ctx.strokeStyle = bgColor;
37666
37666
  ctx.strokeText(displayLabel, node.x, ly);
37667
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
37667
+ ctx.fillStyle = fgColor;
37668
37668
  ctx.fillText(displayLabel, node.x, ly);
37669
37669
  }
37670
37670
  if (node.badge && node.badge > 1) {
package/dist/avl/index.js CHANGED
@@ -37200,7 +37200,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
37200
37200
  return labelMeasureCtx.measureText(text).width + 4;
37201
37201
  }
37202
37202
  function getGroupColor(group, groups) {
37203
- if (!group) return GROUP_COLORS2[0];
37203
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
37204
37204
  const idx = groups.indexOf(group);
37205
37205
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
37206
37206
  }
@@ -37439,7 +37439,7 @@ var init_GraphCanvas = __esm({
37439
37439
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
37440
37440
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
37441
37441
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
37442
- const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
37442
+ const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
37443
37443
  for (let i = 0; i < 300; i++) simulation.tick();
37444
37444
  const pad = nodeSpacing / 2;
37445
37445
  const rectsOf = (n) => {
@@ -37610,15 +37610,15 @@ var init_GraphCanvas = __esm({
37610
37610
  ctx.stroke();
37611
37611
  if (showLabels && node.label) {
37612
37612
  const displayLabel = truncateLabel(node.label);
37613
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
37613
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
37614
37614
  ctx.textAlign = "center";
37615
37615
  ctx.textBaseline = "middle";
37616
37616
  const ly = node.y + radius + 14;
37617
- ctx.lineWidth = 3;
37617
+ ctx.lineWidth = 4;
37618
37618
  ctx.lineJoin = "round";
37619
37619
  ctx.strokeStyle = bgColor;
37620
37620
  ctx.strokeText(displayLabel, node.x, ly);
37621
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
37621
+ ctx.fillStyle = fgColor;
37622
37622
  ctx.fillText(displayLabel, node.x, ly);
37623
37623
  }
37624
37624
  if (node.badge && node.badge > 1) {
package/dist/components/index.cjs CHANGED
@@ -36635,7 +36635,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
36635
36635
  return labelMeasureCtx.measureText(text).width + 4;
36636
36636
  }
36637
36637
  function getGroupColor(group, groups) {
36638
- if (!group) return GROUP_COLORS2[0];
36638
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
36639
36639
  const idx = groups.indexOf(group);
36640
36640
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
36641
36641
  }
@@ -36874,7 +36874,7 @@ var init_GraphCanvas = __esm({
36874
36874
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
36875
36875
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
36876
36876
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
36877
- const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
36877
+ const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
36878
36878
  for (let i = 0; i < 300; i++) simulation.tick();
36879
36879
  const pad = nodeSpacing / 2;
36880
36880
  const rectsOf = (n) => {
@@ -37045,15 +37045,15 @@ var init_GraphCanvas = __esm({
37045
37045
  ctx.stroke();
37046
37046
  if (showLabels && node.label) {
37047
37047
  const displayLabel = truncateLabel(node.label);
37048
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
37048
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
37049
37049
  ctx.textAlign = "center";
37050
37050
  ctx.textBaseline = "middle";
37051
37051
  const ly = node.y + radius + 14;
37052
- ctx.lineWidth = 3;
37052
+ ctx.lineWidth = 4;
37053
37053
  ctx.lineJoin = "round";
37054
37054
  ctx.strokeStyle = bgColor;
37055
37055
  ctx.strokeText(displayLabel, node.x, ly);
37056
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
37056
+ ctx.fillStyle = fgColor;
37057
37057
  ctx.fillText(displayLabel, node.x, ly);
37058
37058
  }
37059
37059
  if (node.badge && node.badge > 1) {
package/dist/components/index.js CHANGED
@@ -36590,7 +36590,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
36590
36590
  return labelMeasureCtx.measureText(text).width + 4;
36591
36591
  }
36592
36592
  function getGroupColor(group, groups) {
36593
- if (!group) return GROUP_COLORS2[0];
36593
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
36594
36594
  const idx = groups.indexOf(group);
36595
36595
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
36596
36596
  }
@@ -36829,7 +36829,7 @@ var init_GraphCanvas = __esm({
36829
36829
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
36830
36830
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
36831
36831
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
36832
- const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
36832
+ const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
36833
36833
  for (let i = 0; i < 300; i++) simulation.tick();
36834
36834
  const pad = nodeSpacing / 2;
36835
36835
  const rectsOf = (n) => {
@@ -37000,15 +37000,15 @@ var init_GraphCanvas = __esm({
37000
37000
  ctx.stroke();
37001
37001
  if (showLabels && node.label) {
37002
37002
  const displayLabel = truncateLabel(node.label);
37003
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
37003
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
37004
37004
  ctx.textAlign = "center";
37005
37005
  ctx.textBaseline = "middle";
37006
37006
  const ly = node.y + radius + 14;
37007
- ctx.lineWidth = 3;
37007
+ ctx.lineWidth = 4;
37008
37008
  ctx.lineJoin = "round";
37009
37009
  ctx.strokeStyle = bgColor;
37010
37010
  ctx.strokeText(displayLabel, node.x, ly);
37011
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
37011
+ ctx.fillStyle = fgColor;
37012
37012
  ctx.fillText(displayLabel, node.x, ly);
37013
37013
  }
37014
37014
  if (node.badge && node.badge > 1) {
package/dist/providers/index.cjs CHANGED
@@ -35376,7 +35376,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
35376
35376
  return labelMeasureCtx.measureText(text).width + 4;
35377
35377
  }
35378
35378
  function getGroupColor(group, groups) {
35379
- if (!group) return GROUP_COLORS2[0];
35379
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
35380
35380
  const idx = groups.indexOf(group);
35381
35381
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
35382
35382
  }
@@ -35615,7 +35615,7 @@ var init_GraphCanvas = __esm({
35615
35615
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
35616
35616
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
35617
35617
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
35618
- const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
35618
+ const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
35619
35619
  for (let i = 0; i < 300; i++) simulation.tick();
35620
35620
  const pad = nodeSpacing / 2;
35621
35621
  const rectsOf = (n) => {
@@ -35786,15 +35786,15 @@ var init_GraphCanvas = __esm({
35786
35786
  ctx.stroke();
35787
35787
  if (showLabels && node.label) {
35788
35788
  const displayLabel = truncateLabel(node.label);
35789
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
35789
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
35790
35790
  ctx.textAlign = "center";
35791
35791
  ctx.textBaseline = "middle";
35792
35792
  const ly = node.y + radius + 14;
35793
- ctx.lineWidth = 3;
35793
+ ctx.lineWidth = 4;
35794
35794
  ctx.lineJoin = "round";
35795
35795
  ctx.strokeStyle = bgColor;
35796
35796
  ctx.strokeText(displayLabel, node.x, ly);
35797
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
35797
+ ctx.fillStyle = fgColor;
35798
35798
  ctx.fillText(displayLabel, node.x, ly);
35799
35799
  }
35800
35800
  if (node.badge && node.badge > 1) {
package/dist/providers/index.js CHANGED
@@ -35331,7 +35331,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
35331
35331
  return labelMeasureCtx.measureText(text).width + 4;
35332
35332
  }
35333
35333
  function getGroupColor(group, groups) {
35334
- if (!group) return GROUP_COLORS2[0];
35334
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
35335
35335
  const idx = groups.indexOf(group);
35336
35336
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
35337
35337
  }
@@ -35570,7 +35570,7 @@ var init_GraphCanvas = __esm({
35570
35570
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
35571
35571
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
35572
35572
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
35573
- const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
35573
+ const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
35574
35574
  for (let i = 0; i < 300; i++) simulation.tick();
35575
35575
  const pad = nodeSpacing / 2;
35576
35576
  const rectsOf = (n) => {
@@ -35741,15 +35741,15 @@ var init_GraphCanvas = __esm({
35741
35741
  ctx.stroke();
35742
35742
  if (showLabels && node.label) {
35743
35743
  const displayLabel = truncateLabel(node.label);
35744
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
35744
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
35745
35745
  ctx.textAlign = "center";
35746
35746
  ctx.textBaseline = "middle";
35747
35747
  const ly = node.y + radius + 14;
35748
- ctx.lineWidth = 3;
35748
+ ctx.lineWidth = 4;
35749
35749
  ctx.lineJoin = "round";
35750
35750
  ctx.strokeStyle = bgColor;
35751
35751
  ctx.strokeText(displayLabel, node.x, ly);
35752
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
35752
+ ctx.fillStyle = fgColor;
35753
35753
  ctx.fillText(displayLabel, node.x, ly);
35754
35754
  }
35755
35755
  if (node.badge && node.badge > 1) {
package/dist/runtime/index.cjs CHANGED
@@ -34741,7 +34741,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
34741
34741
  return labelMeasureCtx.measureText(text).width + 4;
34742
34742
  }
34743
34743
  function getGroupColor(group, groups) {
34744
- if (!group) return GROUP_COLORS2[0];
34744
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
34745
34745
  const idx = groups.indexOf(group);
34746
34746
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
34747
34747
  }
@@ -34980,7 +34980,7 @@ var init_GraphCanvas = __esm({
34980
34980
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
34981
34981
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
34982
34982
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
34983
- const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
34983
+ const simulation = d3Force.forceSimulation(simNodes).force("edge", d3Force.forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", d3Force.forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", d3Force.forceManyBody().strength(-repulsion * 0.5)).force("collide", d3Force.forceCollide().radius(collideRadius).strength(0.9)).force("x", d3Force.forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", d3Force.forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
34984
34984
  for (let i = 0; i < 300; i++) simulation.tick();
34985
34985
  const pad = nodeSpacing / 2;
34986
34986
  const rectsOf = (n) => {
@@ -35151,15 +35151,15 @@ var init_GraphCanvas = __esm({
35151
35151
  ctx.stroke();
35152
35152
  if (showLabels && node.label) {
35153
35153
  const displayLabel = truncateLabel(node.label);
35154
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
35154
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
35155
35155
  ctx.textAlign = "center";
35156
35156
  ctx.textBaseline = "middle";
35157
35157
  const ly = node.y + radius + 14;
35158
- ctx.lineWidth = 3;
35158
+ ctx.lineWidth = 4;
35159
35159
  ctx.lineJoin = "round";
35160
35160
  ctx.strokeStyle = bgColor;
35161
35161
  ctx.strokeText(displayLabel, node.x, ly);
35162
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
35162
+ ctx.fillStyle = fgColor;
35163
35163
  ctx.fillText(displayLabel, node.x, ly);
35164
35164
  }
35165
35165
  if (node.badge && node.badge > 1) {
package/dist/runtime/index.js CHANGED
@@ -34697,7 +34697,7 @@ function measureLabelWidth(text, fontFamily = "system-ui") {
34697
34697
  return labelMeasureCtx.measureText(text).width + 4;
34698
34698
  }
34699
34699
  function getGroupColor(group, groups) {
34700
- if (!group) return GROUP_COLORS2[0];
34700
+ if (!group) return groups.length > 0 ? "var(--color-muted-foreground)" : GROUP_COLORS2[0];
34701
34701
  const idx = groups.indexOf(group);
34702
34702
  return GROUP_COLORS2[idx % GROUP_COLORS2.length];
34703
34703
  }
@@ -34936,7 +34936,7 @@ var init_GraphCanvas = __esm({
34936
34936
  const edgeLinks = propEdges.filter((e) => present.has(e.source) && present.has(e.target)).map((e) => ({ source: e.source, target: e.target, weight: clamp01(e.weight ?? 1) }));
34937
34937
  const simLinks = activeSimilarity.filter((p) => present.has(p.source) && present.has(p.target)).map((p) => ({ source: p.source, target: p.target, weight: clamp01(p.weight) }));
34938
34938
  const collideRadius = (n) => Math.max(n.size || 8, (n.labelW ?? 0) / 2) + nodeSpacing / 2;
34939
- const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength(multiCluster ? 0.05 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength(multiCluster ? 0.05 : 0.02)).stop();
34939
+ const simulation = forceSimulation(simNodes).force("edge", forceLink(edgeLinks).id((d) => d.id).distance((l) => linkDistance * (0.35 + (1 - l.weight) * 0.3)).strength(0.9)).force("similarity", forceLink(simLinks).id((d) => d.id).distance((l) => linkDistance * (1.35 - 0.55 * l.weight)).strength(0.03)).force("charge", forceManyBody().strength(-repulsion * 0.5)).force("collide", forceCollide().radius(collideRadius).strength(0.9)).force("x", forceX((n) => groupTarget.get(n.group ?? "")?.x ?? w / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).force("y", forceY((n) => groupTarget.get(n.group ?? "")?.y ?? h / 2).strength((n) => multiCluster && n.group ? 0.14 : 0.02)).stop();
34940
34940
  for (let i = 0; i < 300; i++) simulation.tick();
34941
34941
  const pad = nodeSpacing / 2;
34942
34942
  const rectsOf = (n) => {
@@ -35107,15 +35107,15 @@ var init_GraphCanvas = __esm({
35107
35107
  ctx.stroke();
35108
35108
  if (showLabels && node.label) {
35109
35109
  const displayLabel = truncateLabel(node.label);
35110
- ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
35110
+ ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
35111
35111
  ctx.textAlign = "center";
35112
35112
  ctx.textBaseline = "middle";
35113
35113
  const ly = node.y + radius + 14;
35114
- ctx.lineWidth = 3;
35114
+ ctx.lineWidth = 4;
35115
35115
  ctx.lineJoin = "round";
35116
35116
  ctx.strokeStyle = bgColor;
35117
35117
  ctx.strokeText(displayLabel, node.x, ly);
35118
- ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
35118
+ ctx.fillStyle = fgColor;
35119
35119
  ctx.fillText(displayLabel, node.x, ly);
35120
35120
  }
35121
35121
  if (node.badge && node.badge > 1) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "5.121.0",
3
+ "version": "5.121.2",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [