@goliapkg/gds 1.4.2 → 1.5.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.
Files changed (112) hide show
  1. package/dist/index.js +15 -15
  2. package/dist/l2-primitives/number-input.d.ts.map +1 -1
  3. package/dist/l2-primitives-Le0006ck.js.map +1 -1
  4. package/dist/l3-atoms/animated-border.d.ts +9 -0
  5. package/dist/l3-atoms/animated-border.d.ts.map +1 -0
  6. package/dist/l3-atoms/index.d.ts +12 -0
  7. package/dist/l3-atoms/index.d.ts.map +1 -1
  8. package/dist/l3-atoms/index.js +6 -6
  9. package/dist/l3-atoms/number-flow.d.ts +8 -0
  10. package/dist/l3-atoms/number-flow.d.ts.map +1 -0
  11. package/dist/l3-atoms/orbit.d.ts +10 -0
  12. package/dist/l3-atoms/orbit.d.ts.map +1 -0
  13. package/dist/l3-atoms/stagger.d.ts +10 -0
  14. package/dist/l3-atoms/stagger.d.ts.map +1 -0
  15. package/dist/l3-atoms/trend-indicator.d.ts +9 -0
  16. package/dist/l3-atoms/trend-indicator.d.ts.map +1 -0
  17. package/dist/l3-atoms/volume-slider.d.ts +8 -0
  18. package/dist/l3-atoms/volume-slider.d.ts.map +1 -0
  19. package/dist/{l3-atoms-BxDg3rXt.js → l3-atoms-LtIFAn9Y.js} +553 -421
  20. package/dist/l3-atoms-LtIFAn9Y.js.map +1 -0
  21. package/dist/l4-molecules/activity-log.d.ts +13 -0
  22. package/dist/l4-molecules/activity-log.d.ts.map +1 -0
  23. package/dist/l4-molecules/bottom-bar.d.ts +7 -0
  24. package/dist/l4-molecules/bottom-bar.d.ts.map +1 -0
  25. package/dist/l4-molecules/circular-menu.d.ts +14 -0
  26. package/dist/l4-molecules/circular-menu.d.ts.map +1 -0
  27. package/dist/l4-molecules/collapsible.d.ts +12 -2
  28. package/dist/l4-molecules/collapsible.d.ts.map +1 -1
  29. package/dist/l4-molecules/command-bar-float.d.ts +13 -0
  30. package/dist/l4-molecules/command-bar-float.d.ts.map +1 -0
  31. package/dist/l4-molecules/command-bar.d.ts +16 -0
  32. package/dist/l4-molecules/command-bar.d.ts.map +1 -0
  33. package/dist/l4-molecules/comparison-bar.d.ts +13 -0
  34. package/dist/l4-molecules/comparison-bar.d.ts.map +1 -0
  35. package/dist/l4-molecules/countdown-timer.d.ts +8 -0
  36. package/dist/l4-molecules/countdown-timer.d.ts.map +1 -0
  37. package/dist/l4-molecules/feature-flag.d.ts +8 -0
  38. package/dist/l4-molecules/feature-flag.d.ts.map +1 -0
  39. package/dist/l4-molecules/flip-card.d.ts +9 -0
  40. package/dist/l4-molecules/flip-card.d.ts.map +1 -0
  41. package/dist/l4-molecules/glitch-text.d.ts +8 -0
  42. package/dist/l4-molecules/glitch-text.d.ts.map +1 -0
  43. package/dist/l4-molecules/index.d.ts +54 -2
  44. package/dist/l4-molecules/index.d.ts.map +1 -1
  45. package/dist/l4-molecules/index.js +3 -3
  46. package/dist/l4-molecules/live-metric.d.ts +9 -0
  47. package/dist/l4-molecules/live-metric.d.ts.map +1 -0
  48. package/dist/l4-molecules/matrix-rain.d.ts +9 -0
  49. package/dist/l4-molecules/matrix-rain.d.ts.map +1 -0
  50. package/dist/l4-molecules/media-container.d.ts +11 -0
  51. package/dist/l4-molecules/media-container.d.ts.map +1 -0
  52. package/dist/l4-molecules/morphing-shape.d.ts +8 -0
  53. package/dist/l4-molecules/morphing-shape.d.ts.map +1 -0
  54. package/dist/l4-molecules/network-status.d.ts +7 -0
  55. package/dist/l4-molecules/network-status.d.ts.map +1 -0
  56. package/dist/l4-molecules/noise-overlay.d.ts +7 -0
  57. package/dist/l4-molecules/noise-overlay.d.ts.map +1 -0
  58. package/dist/l4-molecules/num-table.d.ts +19 -0
  59. package/dist/l4-molecules/num-table.d.ts.map +1 -0
  60. package/dist/l4-molecules/otp-input.d.ts +9 -0
  61. package/dist/l4-molecules/otp-input.d.ts.map +1 -0
  62. package/dist/l4-molecules/particle-field.d.ts +9 -0
  63. package/dist/l4-molecules/particle-field.d.ts.map +1 -0
  64. package/dist/l4-molecules/reveal.d.ts +9 -0
  65. package/dist/l4-molecules/reveal.d.ts.map +1 -0
  66. package/dist/l4-molecules/scoreboard.d.ts +8 -0
  67. package/dist/l4-molecules/scoreboard.d.ts.map +1 -0
  68. package/dist/l4-molecules/stat-trend.d.ts +9 -0
  69. package/dist/l4-molecules/stat-trend.d.ts.map +1 -0
  70. package/dist/l4-molecules/text-reveal.d.ts +8 -0
  71. package/dist/l4-molecules/text-reveal.d.ts.map +1 -0
  72. package/dist/l4-molecules/text-scramble.d.ts +8 -0
  73. package/dist/l4-molecules/text-scramble.d.ts.map +1 -0
  74. package/dist/l4-molecules/tilt-card.d.ts +9 -0
  75. package/dist/l4-molecules/tilt-card.d.ts.map +1 -0
  76. package/dist/l4-molecules/upload-progress.d.ts +14 -0
  77. package/dist/l4-molecules/upload-progress.d.ts.map +1 -0
  78. package/dist/{l4-molecules-DftsX-gO.js → l4-molecules-Bnt38HxY.js} +1077 -197
  79. package/dist/l4-molecules-Bnt38HxY.js.map +1 -0
  80. package/dist/l5-organisms/index.d.ts +4 -4
  81. package/dist/l5-organisms/index.d.ts.map +1 -1
  82. package/dist/l5-organisms/index.js +2 -2
  83. package/dist/l5-organisms/kanban.d.ts +13 -0
  84. package/dist/l5-organisms/kanban.d.ts.map +1 -1
  85. package/dist/l5-organisms/timeline.d.ts +16 -0
  86. package/dist/l5-organisms/timeline.d.ts.map +1 -1
  87. package/dist/{l5-organisms-Di1Bm_R6.js → l5-organisms-C7LXv0jT.js} +205 -125
  88. package/dist/l5-organisms-C7LXv0jT.js.map +1 -0
  89. package/dist/l6-charts/choropleth-map.d.ts +14 -0
  90. package/dist/l6-charts/choropleth-map.d.ts.map +1 -0
  91. package/dist/l6-charts/index.d.ts +6 -0
  92. package/dist/l6-charts/index.d.ts.map +1 -1
  93. package/dist/l6-charts/index.js +2 -2
  94. package/dist/l6-charts/polar-area-chart.d.ts +13 -0
  95. package/dist/l6-charts/polar-area-chart.d.ts.map +1 -0
  96. package/dist/l6-charts/stock-ticker.d.ts +12 -0
  97. package/dist/l6-charts/stock-ticker.d.ts.map +1 -0
  98. package/dist/{l6-charts-Bn9RQLbe.js → l6-charts-DPMj1m0E.js} +345 -148
  99. package/dist/l6-charts-DPMj1m0E.js.map +1 -0
  100. package/dist/l7-patterns/index.d.ts +2 -0
  101. package/dist/l7-patterns/index.d.ts.map +1 -1
  102. package/dist/l7-patterns/index.js +2 -2
  103. package/dist/l7-patterns/stat.d.ts +22 -0
  104. package/dist/l7-patterns/stat.d.ts.map +1 -0
  105. package/dist/{l7-patterns-BCpw0-CS.js → l7-patterns-8fc4b3eE.js} +605 -462
  106. package/dist/l7-patterns-8fc4b3eE.js.map +1 -0
  107. package/package.json +1 -1
  108. package/dist/l3-atoms-BxDg3rXt.js.map +0 -1
  109. package/dist/l4-molecules-DftsX-gO.js.map +0 -1
  110. package/dist/l5-organisms-Di1Bm_R6.js.map +0 -1
  111. package/dist/l6-charts-Bn9RQLbe.js.map +0 -1
  112. package/dist/l7-patterns-BCpw0-CS.js.map +0 -1
@@ -2914,7 +2914,43 @@ function Pt({ label: e }) {
2914
2914
  children: e
2915
2915
  });
2916
2916
  }
2917
- function Ft({ item: e }) {
2917
+ function Ft({ className: e, description: n, tags: r, title: i }) {
2918
+ return /* @__PURE__ */ M("div", {
2919
+ className: t("gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y transition-colors hover:border-fg-muted/30", e),
2920
+ "data-component": "kanban-card",
2921
+ children: [
2922
+ /* @__PURE__ */ j("div", {
2923
+ className: "text-sm font-medium text-fg",
2924
+ children: i
2925
+ }),
2926
+ n !== void 0 && /* @__PURE__ */ j("p", {
2927
+ className: "mt-1 gds-text-body text-fg-muted",
2928
+ children: n
2929
+ }),
2930
+ r !== void 0 && r.length > 0 && /* @__PURE__ */ j("div", {
2931
+ className: "mt-2 flex flex-wrap gds-gap-xs",
2932
+ children: r.map((e) => /* @__PURE__ */ j(Pt, { label: e }, e))
2933
+ })
2934
+ ]
2935
+ });
2936
+ }
2937
+ function It({ children: e, className: n, title: r }) {
2938
+ return /* @__PURE__ */ M("div", {
2939
+ className: t("flex w-72 shrink-0 flex-col gds-radius-popover bg-bg-secondary/50 gds-pad-x-sm gds-pad-y", n),
2940
+ "data-component": "kanban-column",
2941
+ children: [/* @__PURE__ */ j("div", {
2942
+ className: "mb-2 flex items-center justify-between px-1",
2943
+ children: /* @__PURE__ */ j("h3", {
2944
+ className: "gds-text-body font-semibold uppercase tracking-wider text-fg-muted",
2945
+ children: r
2946
+ })
2947
+ }), /* @__PURE__ */ j("div", {
2948
+ className: "flex flex-1 flex-col gds-gap-sm overflow-y-auto",
2949
+ children: e
2950
+ })]
2951
+ });
2952
+ }
2953
+ function Lt({ item: e }) {
2918
2954
  return /* @__PURE__ */ M("div", {
2919
2955
  className: "gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y transition-colors hover:border-fg-muted/30",
2920
2956
  children: [
@@ -2933,7 +2969,7 @@ function Ft({ item: e }) {
2933
2969
  ]
2934
2970
  });
2935
2971
  }
2936
- function It({ column: e, renderItem: t }) {
2972
+ function Rt({ column: e, renderItem: t }) {
2937
2973
  return /* @__PURE__ */ M("div", {
2938
2974
  className: "flex w-72 shrink-0 flex-col gds-radius-popover bg-bg-secondary/50 gds-pad-x-sm gds-pad-y",
2939
2975
  children: [/* @__PURE__ */ M("div", {
@@ -2947,19 +2983,19 @@ function It({ column: e, renderItem: t }) {
2947
2983
  })]
2948
2984
  }), /* @__PURE__ */ M("div", {
2949
2985
  className: "flex flex-1 flex-col gds-gap-sm overflow-y-auto",
2950
- children: [e.items.map((e) => /* @__PURE__ */ j("div", { children: t === void 0 ? /* @__PURE__ */ j(Ft, { item: e }) : t(e) }, e.id)), e.items.length === 0 && /* @__PURE__ */ j("div", {
2986
+ children: [e.items.map((e) => /* @__PURE__ */ j("div", { children: t === void 0 ? /* @__PURE__ */ j(Lt, { item: e }) : t(e) }, e.id)), e.items.length === 0 && /* @__PURE__ */ j("div", {
2951
2987
  className: "py-8 text-center gds-text-body text-fg-muted/40",
2952
2988
  children: "No items"
2953
2989
  })]
2954
2990
  })]
2955
2991
  });
2956
2992
  }
2957
- var Lt = C(function({ columns: e, renderItem: n, className: r }, i) {
2993
+ var zt = C(function({ columns: e, renderItem: n, className: r }, i) {
2958
2994
  return /* @__PURE__ */ j("div", {
2959
2995
  ref: i,
2960
2996
  className: t("flex gds-gap overflow-x-auto p-1", r),
2961
2997
  "data-component": "kanban",
2962
- children: e.map((e) => /* @__PURE__ */ j(It, {
2998
+ children: e.map((e) => /* @__PURE__ */ j(Rt, {
2963
2999
  column: e,
2964
3000
  renderItem: n
2965
3001
  }, e.id))
@@ -2967,22 +3003,22 @@ var Lt = C(function({ columns: e, renderItem: n, className: r }, i) {
2967
3003
  });
2968
3004
  //#endregion
2969
3005
  //#region src/l5-organisms/markdown-parser.ts
2970
- function Rt(e) {
3006
+ function Bt(e) {
2971
3007
  return e.replace(/<script[\s\S]*?<\/script>/gi, "").replace(/<script[^>]*>/gi, "").replace(/\son\w+\s*=\s*"[^"]*"/gi, "").replace(/\son\w+\s*=\s*'[^']*'/gi, "").replace(/\son\w+\s*=\s*[^\s>]*/gi, "");
2972
3008
  }
2973
- function zt(e) {
3009
+ function Vt(e) {
2974
3010
  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
2975
3011
  }
2976
- function Bt(e) {
2977
- let t = zt(e);
3012
+ function Ht(e) {
3013
+ let t = Vt(e);
2978
3014
  return t = t.replace(/`([^`]+)`/g, "<code class=\"rounded bg-bg-tertiary px-1 py-0.5 font-mono text-[0.85em]\">$1</code>"), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*([^*]+)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-accent hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>"), t;
2979
3015
  }
2980
- function Vt(e) {
3016
+ function Ut(e) {
2981
3017
  let t = e.split("\n"), n = [], r = !1, i = [], a = !1;
2982
3018
  for (let e = 0; e < t.length; e++) {
2983
3019
  let o = t[e];
2984
3020
  if (o.trimStart().startsWith("```")) {
2985
- r ? (n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${zt(i.join("\n"))}</code></pre>`), i = [], r = !1) : (a &&= (n.push("</ul>"), !1), r = !0);
3021
+ r ? (n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${Vt(i.join("\n"))}</code></pre>`), i = [], r = !1) : (a &&= (n.push("</ul>"), !1), r = !0);
2986
3022
  continue;
2987
3023
  }
2988
3024
  if (r) {
@@ -3011,35 +3047,35 @@ function Vt(e) {
3011
3047
  "mt-2 mb-1",
3012
3048
  "mt-2 mb-1",
3013
3049
  "mt-2 mb-1"
3014
- ][e - 1]}">${Bt(s[2])}</h${e}>`);
3050
+ ][e - 1]}">${Ht(s[2])}</h${e}>`);
3015
3051
  continue;
3016
3052
  }
3017
3053
  if (o.trimStart().startsWith("> ")) {
3018
3054
  a &&= (n.push("</ul>"), !1);
3019
3055
  let e = o.replace(/^>\s*/, "");
3020
- n.push(`<blockquote class="border-l-2 border-accent/30 pl-3 text-fg-muted italic">${Bt(e)}</blockquote>`);
3056
+ n.push(`<blockquote class="border-l-2 border-accent/30 pl-3 text-fg-muted italic">${Ht(e)}</blockquote>`);
3021
3057
  continue;
3022
3058
  }
3023
3059
  let c = o.match(/^(\s*)[-*]\s+(.+)$/);
3024
3060
  if (c !== null) {
3025
- a ||= (n.push("<ul class=\"list-disc pl-5 space-y-0.5\">"), !0), n.push(`<li>${Bt(c[2])}</li>`);
3061
+ a ||= (n.push("<ul class=\"list-disc pl-5 space-y-0.5\">"), !0), n.push(`<li>${Ht(c[2])}</li>`);
3026
3062
  continue;
3027
3063
  }
3028
- a &&= (n.push("</ul>"), !1), o.trim() !== "" && n.push(`<p class="mb-2">${Bt(o)}</p>`);
3064
+ a &&= (n.push("</ul>"), !1), o.trim() !== "" && n.push(`<p class="mb-2">${Ht(o)}</p>`);
3029
3065
  }
3030
- return r && n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${zt(i.join("\n"))}</code></pre>`), a && n.push("</ul>"), Rt(n.join("\n"));
3066
+ return r && n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${Vt(i.join("\n"))}</code></pre>`), a && n.push("</ul>"), Bt(n.join("\n"));
3031
3067
  }
3032
3068
  //#endregion
3033
3069
  //#region src/l5-organisms/markdown-preview.tsx
3034
- var Ht = C(function({ content: e, glass: n, className: r }, i) {
3035
- let a = E(() => Vt(e), [e]);
3070
+ var Wt = C(function({ content: e, glass: n, className: r }, i) {
3071
+ let a = E(() => Ut(e), [e]);
3036
3072
  return /* @__PURE__ */ j("div", {
3037
3073
  ref: i,
3038
3074
  className: t("gds-radius-popover gds-pad-x gds-pad-y text-sm text-fg leading-relaxed", n === !0 && "bg-white/5 backdrop-blur-md", r),
3039
3075
  "data-component": "markdown-preview",
3040
3076
  dangerouslySetInnerHTML: { __html: a }
3041
3077
  });
3042
- }), Ut = C(function({ value: e, onChange: n, placeholder: r, className: i }, a) {
3078
+ }), Gt = C(function({ value: e, onChange: n, placeholder: r, className: i }, a) {
3043
3079
  let o = w((e) => n(e.target.value), [n]);
3044
3080
  return /* @__PURE__ */ M("div", {
3045
3081
  ref: a,
@@ -3055,14 +3091,14 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3055
3091
  /* @__PURE__ */ j("div", { className: "w-px bg-border" }),
3056
3092
  /* @__PURE__ */ j("div", {
3057
3093
  className: "flex-1 overflow-auto min-h-[200px]",
3058
- children: /* @__PURE__ */ j(Ht, {
3094
+ children: /* @__PURE__ */ j(Wt, {
3059
3095
  content: e,
3060
3096
  className: "h-full"
3061
3097
  })
3062
3098
  })
3063
3099
  ]
3064
3100
  });
3065
- }), Wt = C(function({ children: e, columns: n = 3, gap: r = 16, className: i }, a) {
3101
+ }), Kt = C(function({ children: e, columns: n = 3, gap: r = 16, className: i }, a) {
3066
3102
  return /* @__PURE__ */ j("div", {
3067
3103
  ref: a,
3068
3104
  className: t(i),
@@ -3079,7 +3115,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3079
3115
  children: e
3080
3116
  }))
3081
3117
  });
3082
- }), Gt = C(function({ className: e, emptyMessage: r = "No notifications", glass: i, notifications: a, onClear: o, onClose: s, ...c }, l) {
3118
+ }), qt = C(function({ className: e, emptyMessage: r = "No notifications", glass: i, notifications: a, onClear: o, onClose: s, ...c }, l) {
3083
3119
  let u = a.length > 0;
3084
3120
  return /* @__PURE__ */ M("div", {
3085
3121
  ref: l,
@@ -3116,25 +3152,25 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3116
3152
  })
3117
3153
  })]
3118
3154
  });
3119
- }), Kt = {
3155
+ }), Jt = {
3120
3156
  "top-right": "top-4 right-4",
3121
3157
  "bottom-right": "bottom-4 right-4"
3122
- }, qt = (e) => e === "info" ? "default" : e ?? "default", Jt = C(function({ toasts: e, onClose: n, position: r = "top-right", className: i }, a) {
3158
+ }, Yt = (e) => e === "info" ? "default" : e ?? "default", Xt = C(function({ toasts: e, onClose: n, position: r = "top-right", className: i }, a) {
3123
3159
  return T(() => {
3124
3160
  let t = e.map((e) => window.setTimeout(() => n(e.id), 5e3));
3125
3161
  return () => t.forEach((e) => window.clearTimeout(e));
3126
3162
  }, [e, n]), e.length === 0 ? null : c(/* @__PURE__ */ j("div", {
3127
3163
  ref: a,
3128
- className: t("fixed z-50 flex w-80 flex-col gap-2", Kt[r], i),
3164
+ className: t("fixed z-50 flex w-80 flex-col gap-2", Jt[r], i),
3129
3165
  "data-component": "notification-toast",
3130
3166
  children: e.map((e) => /* @__PURE__ */ j(b, {
3131
3167
  title: e.title,
3132
3168
  description: e.message,
3133
- variant: qt(e.variant),
3169
+ variant: Yt(e.variant),
3134
3170
  onClose: () => n(e.id)
3135
3171
  }, e.id))
3136
3172
  }));
3137
- }), Yt = C(function({ children: e, speed: n = .5, direction: r = "vertical", disabled: i = !1, className: a }, o) {
3173
+ }), Zt = C(function({ children: e, speed: n = .5, direction: r = "vertical", disabled: i = !1, className: a }, o) {
3138
3174
  let s = D(null), [c, l] = O(0), u = D(0), d = w(() => {
3139
3175
  u.current === 0 && (u.current = requestAnimationFrame(() => {
3140
3176
  let e = s.current;
@@ -3164,7 +3200,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3164
3200
  "data-component": "parallax",
3165
3201
  children: e
3166
3202
  });
3167
- }), Xt = C(function({ className: e, currency: n = "¥", deductions: r, gross: i, net: a, period: o, ...s }, c) {
3203
+ }), Qt = C(function({ className: e, currency: n = "¥", deductions: r, gross: i, net: a, period: o, ...s }, c) {
3168
3204
  let l = (e) => `${n}${e.toLocaleString()}`;
3169
3205
  return /* @__PURE__ */ M("div", {
3170
3206
  className: t("gds-ctx gds-radius-card border border-border bg-surface gds-pad", e),
@@ -3209,7 +3245,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3209
3245
  })
3210
3246
  ]
3211
3247
  });
3212
- }), Zt = C(function({ roles: e, permissions: n, values: r, onChange: i, readonly: a, className: o, ...s }, c) {
3248
+ }), $t = C(function({ roles: e, permissions: n, values: r, onChange: i, readonly: a, className: o, ...s }, c) {
3213
3249
  return /* @__PURE__ */ j("div", {
3214
3250
  ref: c,
3215
3251
  className: t("overflow-auto", o),
@@ -3244,7 +3280,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3244
3280
  })] }, t)) })]
3245
3281
  })
3246
3282
  });
3247
- }), Qt = C(function({ milestones: e, className: n }, r) {
3283
+ }), en = C(function({ milestones: e, className: n }, r) {
3248
3284
  let i = e.reduce((e, t, n) => t.completed ? n : e, -1);
3249
3285
  return /* @__PURE__ */ j("div", {
3250
3286
  ref: r,
@@ -3278,7 +3314,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3278
3314
  ]
3279
3315
  })
3280
3316
  });
3281
- }), $t = C(function({ className: e, onChange: n, properties: r }, i) {
3317
+ }), tn = C(function({ className: e, onChange: n, properties: r }, i) {
3282
3318
  return /* @__PURE__ */ j("div", {
3283
3319
  ref: i,
3284
3320
  className: t("gds-radius-popover border border-border overflow-hidden", e),
@@ -3300,7 +3336,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3300
3336
  })]
3301
3337
  }, e.key))
3302
3338
  });
3303
- }), en = C(function({ className: e, columns: n = 4, links: r, ...a }, o) {
3339
+ }), nn = C(function({ className: e, columns: n = 4, links: r, ...a }, o) {
3304
3340
  return /* @__PURE__ */ j("div", {
3305
3341
  className: t("grid gap-3", e),
3306
3342
  "data-component": "quick-links",
@@ -3320,7 +3356,7 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3320
3356
  })]
3321
3357
  }, e.label))
3322
3358
  });
3323
- }), tn = C(function({ className: e, items: n, title: r = "Recent Activity", ...i }, a) {
3359
+ }), rn = C(function({ className: e, items: n, title: r = "Recent Activity", ...i }, a) {
3324
3360
  return /* @__PURE__ */ M("div", {
3325
3361
  className: t("flex flex-col", e),
3326
3362
  "data-component": "recent-activity",
@@ -3352,99 +3388,99 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3352
3388
  })]
3353
3389
  })]
3354
3390
  });
3355
- }), nn = {
3391
+ }), an = {
3356
3392
  sm: "sm:flex-row",
3357
3393
  md: "md:flex-row",
3358
3394
  lg: "lg:flex-row"
3359
- }, rn = {
3395
+ }, on = {
3360
3396
  sm: "gap-2",
3361
3397
  default: "gap-4",
3362
3398
  lg: "gap-6"
3363
- }, an = {
3399
+ }, sn = {
3364
3400
  start: "items-start",
3365
3401
  center: "items-center",
3366
3402
  end: "items-end",
3367
3403
  stretch: "items-stretch"
3368
- }, on = C(function({ children: e, breakpoint: n = "md", gap: r = "default", align: i = "stretch", className: a }, o) {
3404
+ }, cn = C(function({ children: e, breakpoint: n = "md", gap: r = "default", align: i = "stretch", className: a }, o) {
3369
3405
  return /* @__PURE__ */ j("div", {
3370
3406
  ref: o,
3371
- className: t("flex flex-col", nn[n], rn[r], an[i], a),
3407
+ className: t("flex flex-col", an[n], on[r], sn[i], a),
3372
3408
  "data-component": "responsive-stack",
3373
3409
  children: e
3374
3410
  });
3375
- }), sn = C(function({ className: e, ...t }, n) {
3411
+ }), ln = C(function({ className: e, ...t }, n) {
3376
3412
  return /* @__PURE__ */ j("thead", {
3377
3413
  ref: n,
3378
3414
  className: e,
3379
3415
  ...t
3380
3416
  });
3381
- }), cn = C(function({ className: e, ...t }, n) {
3417
+ }), un = C(function({ className: e, ...t }, n) {
3382
3418
  return /* @__PURE__ */ j("tbody", {
3383
3419
  ref: n,
3384
3420
  className: e,
3385
3421
  ...t
3386
3422
  });
3387
- }), ln = C(function({ className: e, ...n }, r) {
3423
+ }), dn = C(function({ className: e, ...n }, r) {
3388
3424
  return /* @__PURE__ */ j("tfoot", {
3389
3425
  ref: r,
3390
3426
  className: t("bg-bg-secondary font-semibold", e),
3391
3427
  ...n
3392
3428
  });
3393
- }), un = C(function({ className: e, ...n }, r) {
3429
+ }), fn = C(function({ className: e, ...n }, r) {
3394
3430
  return /* @__PURE__ */ j("tr", {
3395
3431
  ref: r,
3396
3432
  className: t("transition-colors", e),
3397
3433
  ...n
3398
3434
  });
3399
- }), dn = C(function({ className: e, ...n }, r) {
3435
+ }), pn = C(function({ className: e, ...n }, r) {
3400
3436
  return /* @__PURE__ */ j("th", {
3401
3437
  ref: r,
3402
3438
  className: t("border border-border bg-bg-secondary px-2.5 py-1.5 text-left text-xs font-semibold tracking-wide whitespace-nowrap text-fg-muted", e),
3403
3439
  ...n
3404
3440
  });
3405
- }), fn = C(function({ className: e, ...n }, r) {
3441
+ }), mn = C(function({ className: e, ...n }, r) {
3406
3442
  return /* @__PURE__ */ j("td", {
3407
3443
  ref: r,
3408
3444
  className: t("border border-border/60 px-2.5 py-1.5 text-xs whitespace-nowrap text-fg", e),
3409
3445
  ...n
3410
3446
  });
3411
- }), pn = C(function({ className: e, ...n }, r) {
3447
+ }), hn = C(function({ className: e, ...n }, r) {
3412
3448
  return /* @__PURE__ */ j("th", {
3413
3449
  ref: r,
3414
3450
  className: t("border border-border bg-bg-secondary px-2.5 py-1.5 text-right text-xs font-semibold tracking-wide whitespace-nowrap text-fg-muted", e),
3415
3451
  ...n
3416
3452
  });
3417
- }), mn = C(function({ className: e, ...n }, r) {
3453
+ }), gn = C(function({ className: e, ...n }, r) {
3418
3454
  return /* @__PURE__ */ j("td", {
3419
3455
  ref: r,
3420
3456
  className: t("border border-border/60 px-2.5 py-1.5 text-right text-xs tabular-nums whitespace-nowrap text-fg", e),
3421
3457
  ...n
3422
3458
  });
3423
- }), hn = C(function({ className: e, ...n }, r) {
3459
+ }), _n = C(function({ className: e, ...n }, r) {
3424
3460
  return /* @__PURE__ */ j("td", {
3425
3461
  ref: r,
3426
3462
  className: t("border border-border/60 px-2.5 py-1.5 text-xs whitespace-nowrap text-fg-muted", e),
3427
3463
  ...n
3428
3464
  });
3429
- }), gn = C(function({ className: e, ...n }, r) {
3465
+ }), vn = C(function({ className: e, ...n }, r) {
3430
3466
  return /* @__PURE__ */ j("td", {
3431
3467
  ref: r,
3432
3468
  className: t("border border-border bg-bg-secondary px-2.5 py-1.5 text-xs font-semibold whitespace-nowrap text-fg", e),
3433
3469
  ...n
3434
3470
  });
3435
- }), _n = C(function({ className: e, ...n }, r) {
3471
+ }), yn = C(function({ className: e, ...n }, r) {
3436
3472
  return /* @__PURE__ */ j("caption", {
3437
3473
  ref: r,
3438
3474
  className: t("mt-2 text-xs text-fg-muted", e),
3439
3475
  ...n
3440
3476
  });
3441
- }), vn = C(function({ className: e, ...n }, r) {
3477
+ }), bn = C(function({ className: e, ...n }, r) {
3442
3478
  return /* @__PURE__ */ j("tfoot", {
3443
3479
  ref: r,
3444
3480
  className: t("bg-bg-secondary font-semibold", e),
3445
3481
  ...n
3446
3482
  });
3447
- }), yn = C(function({ striped: e, compact: r, hoverable: i = !0, glass: a, className: o, children: s, ...c }, l) {
3483
+ }), xn = C(function({ striped: e, compact: r, hoverable: i = !0, glass: a, className: o, children: s, ...c }, l) {
3448
3484
  return /* @__PURE__ */ j("div", {
3449
3485
  "data-component": "table",
3450
3486
  "data-striped": e ?? void 0,
@@ -3457,15 +3493,15 @@ var Ht = C(function({ content: e, glass: n, className: r }, i) {
3457
3493
  children: s
3458
3494
  })
3459
3495
  });
3460
- }), bn = typeof window < "u" ? window.matchMedia("(max-width: 1023px)") : null;
3461
- function xn(e) {
3462
- return bn?.addEventListener("change", e), () => bn?.removeEventListener("change", e);
3496
+ }), Sn = typeof window < "u" ? window.matchMedia("(max-width: 1023px)") : null;
3497
+ function Cn(e) {
3498
+ return Sn?.addEventListener("change", e), () => Sn?.removeEventListener("change", e);
3463
3499
  }
3464
- function Sn() {
3465
- return bn?.matches ?? !1;
3500
+ function wn() {
3501
+ return Sn?.matches ?? !1;
3466
3502
  }
3467
- var Cn = C(function({ columns: e, data: r, glass: i, className: a, ...o }, s) {
3468
- return k(xn, Sn, () => !1) ? /* @__PURE__ */ j("div", {
3503
+ var Tn = C(function({ columns: e, data: r, glass: i, className: a, ...o }, s) {
3504
+ return k(Cn, wn, () => !1) ? /* @__PURE__ */ j("div", {
3469
3505
  className: t("flex flex-col gds-gap", a),
3470
3506
  "data-component": "responsive-table",
3471
3507
  "data-mode": "cards",
@@ -3489,7 +3525,7 @@ var Cn = C(function({ columns: e, data: r, glass: i, className: a, ...o }, s) {
3489
3525
  "data-mode": "table",
3490
3526
  ref: s,
3491
3527
  ...o,
3492
- children: /* @__PURE__ */ M(yn, {
3528
+ children: /* @__PURE__ */ M(xn, {
3493
3529
  glass: i,
3494
3530
  className: a,
3495
3531
  children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ j("tr", { children: e.map((e) => /* @__PURE__ */ j("th", { children: e.header }, e.key)) }) }), /* @__PURE__ */ j("tbody", { children: r.map((t, n) => /* @__PURE__ */ j("tr", { children: e.map((e) => /* @__PURE__ */ j("td", { children: String(t[e.key] ?? "") }, e.key)) }, n)) })]
@@ -3498,7 +3534,7 @@ var Cn = C(function({ columns: e, data: r, glass: i, className: a, ...o }, s) {
3498
3534
  });
3499
3535
  //#endregion
3500
3536
  //#region src/l5-organisms/rich-select-list.tsx
3501
- function wn({ options: e, value: r, focusedIndex: i, glass: a, onSelect: o, onFocus: s }) {
3537
+ function En({ options: e, value: r, focusedIndex: i, glass: a, onSelect: o, onFocus: s }) {
3502
3538
  return /* @__PURE__ */ j("div", {
3503
3539
  role: "listbox",
3504
3540
  className: t("absolute z-50 mt-1 w-full gds-radius-popover border border-border bg-bg shadow-lg overflow-auto max-h-60", n(a)),
@@ -3534,7 +3570,7 @@ function wn({ options: e, value: r, focusedIndex: i, glass: a, onSelect: o, onFo
3534
3570
  }
3535
3571
  //#endregion
3536
3572
  //#region src/l5-organisms/rich-select.tsx
3537
- var Tn = C(function({ options: e, value: r, onChange: a, placeholder: o, disabled: s, error: c, glass: l, className: d }, f) {
3573
+ var Dn = C(function({ options: e, value: r, onChange: a, placeholder: o, disabled: s, error: c, glass: l, className: d }, f) {
3538
3574
  let [p, m] = O(!1), [h, g] = O(-1), _ = D(null), v = e.find((e) => e.value === r);
3539
3575
  T(() => {
3540
3576
  if (!p) return;
@@ -3596,7 +3632,7 @@ var Tn = C(function({ options: e, value: r, onChange: a, placeholder: o, disable
3596
3632
  strokeLinejoin: "round",
3597
3633
  children: /* @__PURE__ */ j("path", { d: "M3 4.5l3 3 3-3" })
3598
3634
  })]
3599
- }), p && /* @__PURE__ */ j(wn, {
3635
+ }), p && /* @__PURE__ */ j(En, {
3600
3636
  options: e,
3601
3637
  value: r,
3602
3638
  focusedIndex: h,
@@ -3605,7 +3641,7 @@ var Tn = C(function({ options: e, value: r, onChange: a, placeholder: o, disable
3605
3641
  onFocus: g
3606
3642
  })]
3607
3643
  });
3608
- }), En = C(function({ results: e, query: n, total: r, onSelect: i, className: s }, c) {
3644
+ }), On = C(function({ results: e, query: n, total: r, onSelect: i, className: s }, c) {
3609
3645
  return /* @__PURE__ */ M("div", {
3610
3646
  ref: c,
3611
3647
  className: t("flex flex-col", s),
@@ -3640,17 +3676,17 @@ var Tn = C(function({ options: e, value: r, onChange: a, placeholder: o, disable
3640
3676
  })]
3641
3677
  }, e.id))]
3642
3678
  });
3643
- }), Dn = {
3679
+ }), kn = {
3644
3680
  healthy: "bg-success",
3645
3681
  warning: "bg-warning",
3646
3682
  error: "bg-danger",
3647
3683
  offline: "bg-fg-muted/40"
3648
- }, On = {
3684
+ }, An = {
3649
3685
  healthy: "Healthy",
3650
3686
  warning: "Warning",
3651
3687
  error: "Error",
3652
3688
  offline: "Offline"
3653
- }, kn = C(function({ name: e, description: n, status: r, metrics: i, tags: a, url: o, className: s }, c) {
3689
+ }, jn = C(function({ name: e, description: n, status: r, metrics: i, tags: a, url: o, className: s }, c) {
3654
3690
  return /* @__PURE__ */ M("div", {
3655
3691
  ref: c,
3656
3692
  className: t("gds-ctx gds-radius-card border border-border bg-surface gds-pad", s),
@@ -3660,14 +3696,14 @@ var Tn = C(function({ options: e, value: r, onChange: a, placeholder: o, disable
3660
3696
  /* @__PURE__ */ M("div", {
3661
3697
  className: "flex items-center gap-2",
3662
3698
  children: [
3663
- /* @__PURE__ */ j("span", { className: t("h-2.5 w-2.5 rounded-full", Dn[r]) }),
3699
+ /* @__PURE__ */ j("span", { className: t("h-2.5 w-2.5 rounded-full", kn[r]) }),
3664
3700
  /* @__PURE__ */ j("span", {
3665
3701
  className: "font-semibold text-fg",
3666
3702
  children: e
3667
3703
  }),
3668
3704
  /* @__PURE__ */ j("span", {
3669
3705
  className: "ml-auto text-xs text-fg-muted",
3670
- children: On[r]
3706
+ children: An[r]
3671
3707
  })
3672
3708
  ]
3673
3709
  }),
@@ -3706,35 +3742,35 @@ var Tn = C(function({ options: e, value: r, onChange: a, placeholder: o, disable
3706
3742
  });
3707
3743
  //#endregion
3708
3744
  //#region src/l5-organisms/signature-drawing.ts
3709
- function An(e, t, n) {
3745
+ function Mn(e, t, n) {
3710
3746
  let r = e.getBoundingClientRect();
3711
3747
  return {
3712
3748
  x: (t - r.left) * (e.width / r.width),
3713
3749
  y: (n - r.top) * (e.height / r.height)
3714
3750
  };
3715
3751
  }
3716
- function jn(e, t, n) {
3752
+ function Nn(e, t, n) {
3717
3753
  e.strokeStyle = n.strokeColor, e.lineWidth = n.strokeWidth, e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(t.x, t.y);
3718
3754
  }
3719
- function Mn(e, t) {
3755
+ function Pn(e, t) {
3720
3756
  e.lineTo(t.x, t.y), e.stroke();
3721
3757
  }
3722
- function Nn(e) {
3758
+ function Fn(e) {
3723
3759
  let t = e.getContext("2d");
3724
3760
  t !== null && t.clearRect(0, 0, e.width, e.height);
3725
3761
  }
3726
- function Pn(e) {
3762
+ function In(e) {
3727
3763
  return e.toDataURL("image/png");
3728
3764
  }
3729
3765
  //#endregion
3730
3766
  //#region src/l5-organisms/signature-pad.tsx
3731
- var Fn = C(function({ className: e, disabled: n, height: r = 200, onSign: a, strokeColor: o = "var(--gds-fg)", strokeWidth: s = 2, width: c = 400, ...l }, u) {
3767
+ var Ln = C(function({ className: e, disabled: n, height: r = 200, onSign: a, strokeColor: o = "var(--gds-fg)", strokeWidth: s = 2, width: c = 400, ...l }, u) {
3732
3768
  let d = D(null), f = D(!1), [p, m] = O(!0), h = w((e, t) => {
3733
3769
  if (n === !0) return;
3734
3770
  let r = d.current;
3735
3771
  if (r === null) return;
3736
3772
  let i = r.getContext("2d");
3737
- i !== null && (f.current = !0, jn(i, An(r, e, t), {
3773
+ i !== null && (f.current = !0, Nn(i, Mn(r, e, t), {
3738
3774
  strokeColor: o,
3739
3775
  strokeWidth: s
3740
3776
  }));
@@ -3747,12 +3783,12 @@ var Fn = C(function({ className: e, disabled: n, height: r = 200, onSign: a, str
3747
3783
  let n = d.current;
3748
3784
  if (n === null) return;
3749
3785
  let r = n.getContext("2d");
3750
- r !== null && (Mn(r, An(n, e, t)), m(!1));
3786
+ r !== null && (Pn(r, Mn(n, e, t)), m(!1));
3751
3787
  }, []), _ = w(() => {
3752
3788
  if (!f.current) return;
3753
3789
  f.current = !1;
3754
3790
  let e = d.current;
3755
- e !== null && a(Pn(e));
3791
+ e !== null && a(In(e));
3756
3792
  }, [a]), v = w((e) => {
3757
3793
  h(e.clientX, e.clientY);
3758
3794
  }, [h]), y = w((e) => {
@@ -3769,7 +3805,7 @@ var Fn = C(function({ className: e, disabled: n, height: r = 200, onSign: a, str
3769
3805
  e.preventDefault(), _();
3770
3806
  }, [_]), C = w(() => {
3771
3807
  let e = d.current;
3772
- e !== null && (Nn(e), m(!0));
3808
+ e !== null && (Fn(e), m(!0));
3773
3809
  }, []);
3774
3810
  return /* @__PURE__ */ M("div", {
3775
3811
  className: t("gds-ctx inline-flex flex-col gap-2 gds-radius-popover border border-border bg-surface p-3", n === !0 && "pointer-events-none opacity-40", e),
@@ -3814,7 +3850,7 @@ var Fn = C(function({ className: e, disabled: n, height: r = 200, onSign: a, str
3814
3850
  });
3815
3851
  //#endregion
3816
3852
  //#region src/l5-organisms/sortable-list.tsx
3817
- function In() {
3853
+ function Rn() {
3818
3854
  return /* @__PURE__ */ M("svg", {
3819
3855
  className: "h-4 w-4 text-fg-muted/50",
3820
3856
  fill: "currentColor",
@@ -3853,7 +3889,7 @@ function In() {
3853
3889
  ]
3854
3890
  });
3855
3891
  }
3856
- var Ln = C(function({ className: e, disabled: n, itemClassName: r, items: i, onReorder: a, ...o }, s) {
3892
+ var zn = C(function({ className: e, disabled: n, itemClassName: r, items: i, onReorder: a, ...o }, s) {
3857
3893
  let [c, l] = O(null), [u, d] = O(null);
3858
3894
  function f(e) {
3859
3895
  n || l(e);
@@ -3891,14 +3927,14 @@ var Ln = C(function({ className: e, disabled: n, itemClassName: r, items: i, onR
3891
3927
  onDrop: (e) => h(e, i),
3892
3928
  children: [n !== !0 && /* @__PURE__ */ j("span", {
3893
3929
  className: "flex-shrink-0 select-none",
3894
- children: /* @__PURE__ */ j(In, {})
3930
+ children: /* @__PURE__ */ j(Rn, {})
3895
3931
  }), /* @__PURE__ */ j("div", {
3896
3932
  className: "flex-1",
3897
3933
  children: e.content
3898
3934
  })]
3899
3935
  }, e.id))
3900
3936
  });
3901
- }), Rn = C(function({ columns: e, data: n, defaultSort: r, className: i, ...a }, o) {
3937
+ }), Bn = C(function({ columns: e, data: n, defaultSort: r, className: i, ...a }, o) {
3902
3938
  let [s, c] = O(r), l = E(() => s === void 0 ? n : [...n].sort((e, t) => {
3903
3939
  let n = String(e[s.key] ?? ""), r = String(t[s.key] ?? ""), i = n.localeCompare(r, void 0, { numeric: !0 });
3904
3940
  return s.dir === "asc" ? i : -i;
@@ -3944,7 +3980,7 @@ var Ln = C(function({ className: e, disabled: n, itemClassName: r, items: i, onR
3944
3980
  });
3945
3981
  //#endregion
3946
3982
  //#region src/l5-organisms/spotlight.tsx
3947
- function zn(e, t) {
3983
+ function Vn(e, t) {
3948
3984
  let [n, r] = O(null);
3949
3985
  return T(() => {
3950
3986
  if (!t) {
@@ -3967,7 +4003,7 @@ function zn(e, t) {
3967
4003
  };
3968
4004
  }, [t, e]), n;
3969
4005
  }
3970
- function Bn(e, t) {
4006
+ function Hn(e, t) {
3971
4007
  let n = { position: "fixed" };
3972
4008
  return t === "bottom" ? {
3973
4009
  ...n,
@@ -3987,8 +4023,8 @@ function Bn(e, t) {
3987
4023
  left: e.left + e.width + 12
3988
4024
  };
3989
4025
  }
3990
- function Vn({ active: e, targetRef: n, title: r, description: i, placement: a = "bottom", onClose: o, className: s }) {
3991
- let l = zn(n, e), u = D(o);
4026
+ function Un({ active: e, targetRef: n, title: r, description: i, placement: a = "bottom", onClose: o, className: s }) {
4027
+ let l = Vn(n, e), u = D(o);
3992
4028
  u.current = o;
3993
4029
  let d = w((e) => {
3994
4030
  e.key === "Escape" && u.current !== void 0 && u.current();
@@ -4011,7 +4047,7 @@ function Vn({ active: e, targetRef: n, title: r, description: i, placement: a =
4011
4047
  }
4012
4048
  }), /* @__PURE__ */ M("div", {
4013
4049
  className: "z-[9999] max-w-xs rounded-lg border border-white/10 bg-bg-secondary p-4 shadow-lg",
4014
- style: Bn(l, a),
4050
+ style: Hn(l, a),
4015
4051
  onClick: (e) => e.stopPropagation(),
4016
4052
  children: [
4017
4053
  r !== void 0 && /* @__PURE__ */ j("p", {
@@ -4033,7 +4069,7 @@ function Vn({ active: e, targetRef: n, title: r, description: i, placement: a =
4033
4069
  }
4034
4070
  //#endregion
4035
4071
  //#region src/l5-organisms/stacked-list.tsx
4036
- function Hn({ items: e, header: n, footer: r, onSelect: i, selectedId: a, dividers: o = !0, glass: s, className: c }) {
4072
+ function Wn({ items: e, header: n, footer: r, onSelect: i, selectedId: a, dividers: o = !0, glass: s, className: c }) {
4037
4073
  return /* @__PURE__ */ M("div", {
4038
4074
  "data-component": "stacked-list",
4039
4075
  className: t("overflow-hidden gds-radius-card border border-border", s === !0 && "bg-white/5 backdrop-blur-md", c),
@@ -4060,7 +4096,7 @@ function Hn({ items: e, header: n, footer: r, onSelect: i, selectedId: a, divide
4060
4096
  }
4061
4097
  //#endregion
4062
4098
  //#region src/l5-organisms/step-form.tsx
4063
- var Un = C(function({ steps: e, onComplete: n, className: r }, a) {
4099
+ var Gn = C(function({ steps: e, onComplete: n, className: r }, a) {
4064
4100
  let [o, s] = O(0), c = o === 0, l = o === e.length - 1, u = () => {
4065
4101
  if (l) {
4066
4102
  n();
@@ -4124,10 +4160,10 @@ var Un = C(function({ steps: e, onComplete: n, className: r }, a) {
4124
4160
  });
4125
4161
  //#endregion
4126
4162
  //#region src/l5-organisms/system-health.tsx
4127
- function Wn(e) {
4163
+ function Kn(e) {
4128
4164
  return e >= 90 ? "danger" : e >= 70 ? "warning" : "success";
4129
4165
  }
4130
- var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4166
+ var qn = C(function({ className: e, metrics: n, ...r }, i) {
4131
4167
  return /* @__PURE__ */ j("div", {
4132
4168
  className: t("flex flex-col gds-gap", e),
4133
4169
  "data-component": "system-health",
@@ -4157,13 +4193,13 @@ var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4157
4193
  })]
4158
4194
  }), /* @__PURE__ */ j(s, {
4159
4195
  value: n,
4160
- variant: Wn(n),
4196
+ variant: Kn(n),
4161
4197
  size: "sm"
4162
4198
  })]
4163
4199
  }, e.label);
4164
4200
  })
4165
4201
  });
4166
- }), Kn = C(function({ tags: e, selected: n, onToggle: r, className: i }, a) {
4202
+ }), Jn = C(function({ tags: e, selected: n, onToggle: r, className: i }, a) {
4167
4203
  let o = new Set(n ?? []);
4168
4204
  return /* @__PURE__ */ j("div", {
4169
4205
  ref: a,
@@ -4179,7 +4215,7 @@ var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4179
4215
  })]
4180
4216
  }, e.label))
4181
4217
  });
4182
- }), qn = C(function({ className: e, onToggle: n, sections: r, ...i }, a) {
4218
+ }), Yn = C(function({ className: e, onToggle: n, sections: r, ...i }, a) {
4183
4219
  return /* @__PURE__ */ j("div", {
4184
4220
  className: t("flex flex-col gds-gap", e),
4185
4221
  "data-component": "task-board",
@@ -4204,12 +4240,56 @@ var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4204
4240
  })]
4205
4241
  }, e.id))
4206
4242
  });
4207
- }), Jn = {
4243
+ }), Xn = {
4208
4244
  default: "bg-fg-muted",
4209
4245
  success: "bg-success",
4210
4246
  warning: "bg-warning",
4211
4247
  danger: "bg-danger"
4212
- }, Yn = C(function({ items: e, className: n }, r) {
4248
+ };
4249
+ function Zn({ children: e, className: n, label: r }) {
4250
+ return /* @__PURE__ */ M("div", {
4251
+ className: t("", n),
4252
+ children: [/* @__PURE__ */ j("div", {
4253
+ className: "mb-2 pl-6 text-xs font-semibold text-fg-muted",
4254
+ children: r
4255
+ }), /* @__PURE__ */ j("div", {
4256
+ className: "flex flex-col gap-4",
4257
+ children: e
4258
+ })]
4259
+ });
4260
+ }
4261
+ function Qn({ children: e, className: n, description: r, icon: i, status: a = "default", timestamp: o, title: s }) {
4262
+ return /* @__PURE__ */ M("div", {
4263
+ className: t("relative flex gds-gap pl-6", n),
4264
+ children: [/* @__PURE__ */ j("div", {
4265
+ className: "absolute left-0 top-1.5",
4266
+ children: i === void 0 ? /* @__PURE__ */ j("span", { className: t("block h-[15px] w-[15px] gds-radius-badge border-2 border-bg", Xn[a]) }) : /* @__PURE__ */ j("span", {
4267
+ className: "flex h-[15px] w-[15px] items-center justify-center text-fg-muted",
4268
+ children: i
4269
+ })
4270
+ }), /* @__PURE__ */ M("div", {
4271
+ className: "min-w-0 flex-1 pb-1",
4272
+ children: [
4273
+ /* @__PURE__ */ M("div", {
4274
+ className: "flex items-baseline justify-between gds-gap-sm",
4275
+ children: [/* @__PURE__ */ j("span", {
4276
+ className: "text-sm font-medium text-fg",
4277
+ children: s
4278
+ }), o !== void 0 && /* @__PURE__ */ j("span", {
4279
+ className: "shrink-0 gds-text-body text-fg-muted",
4280
+ children: o
4281
+ })]
4282
+ }),
4283
+ r !== void 0 && /* @__PURE__ */ j("p", {
4284
+ className: "mt-0.5 gds-text-body text-fg-muted",
4285
+ children: r
4286
+ }),
4287
+ e
4288
+ ]
4289
+ })]
4290
+ });
4291
+ }
4292
+ var $n = C(function({ items: e, className: n }, r) {
4213
4293
  return /* @__PURE__ */ M("div", {
4214
4294
  ref: r,
4215
4295
  className: t("relative", n),
@@ -4222,7 +4302,7 @@ var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4222
4302
  className: "relative flex gds-gap pl-6",
4223
4303
  children: [/* @__PURE__ */ j("div", {
4224
4304
  className: "absolute left-0 top-1.5",
4225
- children: e.icon === void 0 ? /* @__PURE__ */ j("span", { className: t("block h-[15px] w-[15px] gds-radius-badge border-2 border-bg", Jn[n]) }) : /* @__PURE__ */ j("span", {
4305
+ children: e.icon === void 0 ? /* @__PURE__ */ j("span", { className: t("block h-[15px] w-[15px] gds-radius-badge border-2 border-bg", Xn[n]) }) : /* @__PURE__ */ j("span", {
4226
4306
  className: "flex h-[15px] w-[15px] items-center justify-center text-fg-muted",
4227
4307
  children: e.icon
4228
4308
  })
@@ -4246,7 +4326,7 @@ var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4246
4326
  })
4247
4327
  })]
4248
4328
  });
4249
- }), Xn = C(function({ steps: e, active: n, onComplete: r, onSkip: a, className: o }, s) {
4329
+ }), er = C(function({ steps: e, active: n, onComplete: r, onSkip: a, className: o }, s) {
4250
4330
  let [c, l] = O(0), [u, d] = O(!0), [f, p] = O(null), m = D(null);
4251
4331
  T(() => {
4252
4332
  if (!n) return;
@@ -4480,10 +4560,10 @@ var Gn = C(function({ className: e, metrics: n, ...r }, i) {
4480
4560
  });
4481
4561
  //#endregion
4482
4562
  //#region src/l5-organisms/transaction-list.tsx
4483
- function Zn(e, t) {
4563
+ function tr(e, t) {
4484
4564
  return `${e >= 0 ? "+" : ""}${t}${Math.abs(e).toLocaleString()}`;
4485
4565
  }
4486
- var Qn = C(function({ className: e, transactions: n, ...r }, i) {
4566
+ var nr = C(function({ className: e, transactions: n, ...r }, i) {
4487
4567
  return /* @__PURE__ */ j("div", {
4488
4568
  className: t("flex flex-col divide-y divide-border", e),
4489
4569
  "data-component": "transaction-list",
@@ -4504,7 +4584,7 @@ var Qn = C(function({ className: e, transactions: n, ...r }, i) {
4504
4584
  })]
4505
4585
  }), /* @__PURE__ */ j("span", {
4506
4586
  className: t("text-sm font-semibold tabular-nums", r ? "text-success" : "text-danger"),
4507
- children: Zn(e.amount, n)
4587
+ children: tr(e.amount, n)
4508
4588
  })]
4509
4589
  }, e.id);
4510
4590
  })
@@ -4512,7 +4592,7 @@ var Qn = C(function({ className: e, transactions: n, ...r }, i) {
4512
4592
  });
4513
4593
  //#endregion
4514
4594
  //#region src/l5-organisms/tree.tsx
4515
- function $n({ expanded: e }) {
4595
+ function rr({ expanded: e }) {
4516
4596
  return /* @__PURE__ */ j("svg", {
4517
4597
  className: t("h-3 w-3 shrink-0 text-fg-muted transition-transform", e && "rotate-90"),
4518
4598
  viewBox: "0 0 12 12",
@@ -4520,7 +4600,7 @@ function $n({ expanded: e }) {
4520
4600
  children: /* @__PURE__ */ j("path", { d: "M4 2L8 6L4 10V2Z" })
4521
4601
  });
4522
4602
  }
4523
- function er({ node: e, depth: n, selected: r, expanded: a, onToggle: o, onSelect: s }) {
4603
+ function ir({ node: e, depth: n, selected: r, expanded: a, onToggle: o, onSelect: s }) {
4524
4604
  let c = e.children !== void 0 && e.children.length > 0, l = a.has(e.id), u = r === e.id, d = e.disabled === !0;
4525
4605
  return /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("button", {
4526
4606
  className: t("flex w-full items-center gds-gap-sm gds-radius-button gds-pad-x-sm gds-pad-y-sm text-sm select-none", u ? "bg-accent/10 text-accent" : "text-fg hover:bg-bg-secondary", d && "cursor-not-allowed opacity-50", i),
@@ -4531,7 +4611,7 @@ function er({ node: e, depth: n, selected: r, expanded: a, onToggle: o, onSelect
4531
4611
  disabled: d,
4532
4612
  "data-state": u ? "selected" : void 0,
4533
4613
  children: [
4534
- c ? /* @__PURE__ */ j($n, { expanded: l }) : /* @__PURE__ */ j("span", { className: "h-3 w-3 shrink-0" }),
4614
+ c ? /* @__PURE__ */ j(rr, { expanded: l }) : /* @__PURE__ */ j("span", { className: "h-3 w-3 shrink-0" }),
4535
4615
  e.icon !== void 0 && /* @__PURE__ */ j("span", {
4536
4616
  className: "shrink-0 text-fg-muted",
4537
4617
  children: e.icon
@@ -4541,7 +4621,7 @@ function er({ node: e, depth: n, selected: r, expanded: a, onToggle: o, onSelect
4541
4621
  children: e.label
4542
4622
  })
4543
4623
  ]
4544
- }), c && l && /* @__PURE__ */ j("div", { children: e.children?.map((e) => /* @__PURE__ */ j(er, {
4624
+ }), c && l && /* @__PURE__ */ j("div", { children: e.children?.map((e) => /* @__PURE__ */ j(ir, {
4545
4625
  node: e,
4546
4626
  depth: n + 1,
4547
4627
  selected: r,
@@ -4550,7 +4630,7 @@ function er({ node: e, depth: n, selected: r, expanded: a, onToggle: o, onSelect
4550
4630
  onSelect: s
4551
4631
  }, e.id)) })] });
4552
4632
  }
4553
- var tr = C(function({ nodes: e, onSelect: n, selected: r, defaultExpanded: i, className: a }, o) {
4633
+ var ar = C(function({ nodes: e, onSelect: n, selected: r, defaultExpanded: i, className: a }, o) {
4554
4634
  let [s, c] = O(() => new Set(i ?? [])), l = w((e) => {
4555
4635
  c((t) => {
4556
4636
  let n = new Set(t);
@@ -4562,7 +4642,7 @@ var tr = C(function({ nodes: e, onSelect: n, selected: r, defaultExpanded: i, cl
4562
4642
  className: t("flex flex-col gds-gap-xs", a),
4563
4643
  "data-component": "tree",
4564
4644
  role: "tree",
4565
- children: e.map((e) => /* @__PURE__ */ j(er, {
4645
+ children: e.map((e) => /* @__PURE__ */ j(ir, {
4566
4646
  node: e,
4567
4647
  depth: 0,
4568
4648
  selected: r,
@@ -4574,10 +4654,10 @@ var tr = C(function({ nodes: e, onSelect: n, selected: r, defaultExpanded: i, cl
4574
4654
  });
4575
4655
  //#endregion
4576
4656
  //#region src/l5-organisms/video-controls.tsx
4577
- function nr(e) {
4657
+ function or(e) {
4578
4658
  return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
4579
4659
  }
4580
- function rr() {
4660
+ function sr() {
4581
4661
  return /* @__PURE__ */ j("svg", {
4582
4662
  width: "16",
4583
4663
  height: "16",
@@ -4586,7 +4666,7 @@ function rr() {
4586
4666
  children: /* @__PURE__ */ j("path", { d: "M4 2l10 6-10 6V2z" })
4587
4667
  });
4588
4668
  }
4589
- function ir() {
4669
+ function cr() {
4590
4670
  return /* @__PURE__ */ M("svg", {
4591
4671
  width: "16",
4592
4672
  height: "16",
@@ -4607,7 +4687,7 @@ function ir() {
4607
4687
  })]
4608
4688
  });
4609
4689
  }
4610
- function ar() {
4690
+ function lr() {
4611
4691
  return /* @__PURE__ */ M("svg", {
4612
4692
  width: "16",
4613
4693
  height: "16",
@@ -4623,7 +4703,7 @@ function ar() {
4623
4703
  })]
4624
4704
  });
4625
4705
  }
4626
- function or() {
4706
+ function ur() {
4627
4707
  return /* @__PURE__ */ M("svg", {
4628
4708
  width: "16",
4629
4709
  height: "16",
@@ -4637,7 +4717,7 @@ function or() {
4637
4717
  })]
4638
4718
  });
4639
4719
  }
4640
- function sr() {
4720
+ function dr() {
4641
4721
  return /* @__PURE__ */ j("svg", {
4642
4722
  width: "16",
4643
4723
  height: "16",
@@ -4648,7 +4728,7 @@ function sr() {
4648
4728
  children: /* @__PURE__ */ j("path", { d: "M2 6V2h4M10 2h4v4M14 10v4h-4M6 14H2v-4" })
4649
4729
  });
4650
4730
  }
4651
- function cr({ currentTime: e, duration: n, playing: r, isMuted: a, showControls: o, onTogglePlay: s, onToggleMute: c, onSeek: l, onFullscreen: u }) {
4731
+ function fr({ currentTime: e, duration: n, playing: r, isMuted: a, showControls: o, onTogglePlay: s, onToggleMute: c, onSeek: l, onFullscreen: u }) {
4652
4732
  let d = n > 0 ? e / n * 100 : 0;
4653
4733
  return /* @__PURE__ */ M("div", {
4654
4734
  className: t("absolute inset-x-0 bottom-0 flex items-center gap-2 bg-black/60 px-3 py-2 transition-opacity duration-200", o ? "opacity-100" : "pointer-events-none opacity-0"),
@@ -4660,7 +4740,7 @@ function cr({ currentTime: e, duration: n, playing: r, isMuted: a, showControls:
4660
4740
  className: t("text-white", i),
4661
4741
  "aria-label": r ? "Pause" : "Play",
4662
4742
  "data-testid": "play-button",
4663
- children: j(r ? ir : rr, {})
4743
+ children: j(r ? cr : sr, {})
4664
4744
  }),
4665
4745
  /* @__PURE__ */ j("div", {
4666
4746
  className: t("relative h-1 flex-1 cursor-pointer rounded-full bg-white/30", i),
@@ -4681,9 +4761,9 @@ function cr({ currentTime: e, duration: n, playing: r, isMuted: a, showControls:
4681
4761
  className: "select-none text-xs text-white/80",
4682
4762
  "data-testid": "time-display",
4683
4763
  children: [
4684
- nr(e),
4764
+ or(e),
4685
4765
  " / ",
4686
- nr(n)
4766
+ or(n)
4687
4767
  ]
4688
4768
  }),
4689
4769
  /* @__PURE__ */ j("button", {
@@ -4692,7 +4772,7 @@ function cr({ currentTime: e, duration: n, playing: r, isMuted: a, showControls:
4692
4772
  className: t("text-white", i),
4693
4773
  "aria-label": a ? "Unmute" : "Mute",
4694
4774
  "data-testid": "mute-button",
4695
- children: j(a ? ar : or, {})
4775
+ children: j(a ? lr : ur, {})
4696
4776
  }),
4697
4777
  /* @__PURE__ */ j("button", {
4698
4778
  type: "button",
@@ -4700,14 +4780,14 @@ function cr({ currentTime: e, duration: n, playing: r, isMuted: a, showControls:
4700
4780
  className: t("text-white", i),
4701
4781
  "aria-label": "Fullscreen",
4702
4782
  "data-testid": "fullscreen-button",
4703
- children: /* @__PURE__ */ j(sr, {})
4783
+ children: /* @__PURE__ */ j(dr, {})
4704
4784
  })
4705
4785
  ]
4706
4786
  });
4707
4787
  }
4708
4788
  //#endregion
4709
4789
  //#region src/l5-organisms/video-player.tsx
4710
- var lr = C(function({ src: e, poster: n, autoPlay: r = !1, muted: i = !1, loop: a = !1, controls: o = !0, glass: s = !1, className: c }, l) {
4790
+ var pr = C(function({ src: e, poster: n, autoPlay: r = !1, muted: i = !1, loop: a = !1, controls: o = !0, glass: s = !1, className: c }, l) {
4711
4791
  let u = D(null), d = D(null), [f, p] = O(!1), [m, h] = O(0), [g, _] = O(0), [v, y] = O(i), [b, x] = O(!0), S = w(() => {
4712
4792
  x(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => {
4713
4793
  f && x(!1);
@@ -4759,7 +4839,7 @@ var lr = C(function({ src: e, poster: n, autoPlay: r = !1, muted: i = !1, loop:
4759
4839
  onLoadedMetadata: A,
4760
4840
  onEnded: F,
4761
4841
  "data-testid": "video-element"
4762
- }), o && /* @__PURE__ */ j(cr, {
4842
+ }), o && /* @__PURE__ */ j(fr, {
4763
4843
  currentTime: m,
4764
4844
  duration: g,
4765
4845
  playing: f,
@@ -4774,7 +4854,7 @@ var lr = C(function({ src: e, poster: n, autoPlay: r = !1, muted: i = !1, loop:
4774
4854
  });
4775
4855
  //#endregion
4776
4856
  //#region src/l5-organisms/virtual-list.tsx
4777
- function ur({ items: e, itemHeight: n, renderItem: r, overscan: i = 3, className: a, height: o = 400 }, s) {
4857
+ function mr({ items: e, itemHeight: n, renderItem: r, overscan: i = 3, className: a, height: o = 400 }, s) {
4778
4858
  let [c, l] = O(0), u = D(null), d = e.length * n, f = typeof o == "number" ? o : void 0, { visibleItems: p } = E(() => {
4779
4859
  let t = f ?? 400, r = Math.floor(c / n), a = Math.ceil((c + t) / n), o = Math.max(0, r - i), s = Math.min(e.length, a + i), l = [];
4780
4860
  for (let t = o; t < s; t++) l.push({
@@ -4820,7 +4900,7 @@ function ur({ items: e, itemHeight: n, renderItem: r, overscan: i = 3, className
4820
4900
  })
4821
4901
  });
4822
4902
  }
4823
- var dr = C(ur), fr = C(function({ className: e, condition: n, icon: r, location: i, temp: a, unit: o = "C", ...s }, c) {
4903
+ var hr = C(mr), gr = C(function({ className: e, condition: n, icon: r, location: i, temp: a, unit: o = "C", ...s }, c) {
4824
4904
  return /* @__PURE__ */ M("div", {
4825
4905
  className: t("inline-flex items-center gap-4 rounded-xl border border-border bg-surface p-4 select-none", e),
4826
4906
  "data-component": "weather-widget",
@@ -4853,6 +4933,6 @@ var dr = C(ur), fr = C(function({ className: e, condition: n, icon: r, location:
4853
4933
  });
4854
4934
  });
4855
4935
  //#endregion
4856
- export { ft as $, dn as A, Xt as B, vn as C, ne as Ct, hn as D, I as Dt, gn as E, te as Et, tn as F, Ut as G, Jt as H, en as I, Nt as J, Ht as K, $t as L, sn as M, un as N, mn as O, N as Ot, on as P, Ct as Q, Qt as R, _n as S, W as St, fn as T, R as Tt, Gt as U, Yt as V, Wt as W, Tt as X, Et as Y, wt as Z, kn as _, ge as _t, Qn as a, et as at, Cn as b, se as bt, qn as c, Ke as ct, Un as d, Se as dt, lt as et, Hn as f, xe as ft, Fn as g, _e as gt, Ln as h, q as ht, tr as i, tt as it, pn as j, ln as k, Kn as l, We as lt, Rn as m, X as mt, dr as n, it as nt, Xn as o, $e as ot, Vn as p, Z as pt, Lt as q, lr as r, rt, Yn as s, qe as st, fr as t, ct as tt, Gn as u, He as ut, En as v, de as vt, cn as w, z as wt, yn as x, K as xt, Tn as y, le as yt, Zt as z };
4936
+ export { Et as $, gn as A, te as At, en as B, xn as C, le as Ct, mn as D, ne as Dt, un as E, W as Et, fn as F, qt as G, Qt as H, cn as I, Wt as J, Kt as K, rn as L, pn as M, N as Mt, hn as N, vn as O, z as Ot, ln as P, Nt as Q, nn as R, Tn as S, de as St, bn as T, K as Tt, Zt as U, $t as V, Xt as W, Ft as X, zt as Y, It as Z, zn as _, Z as _t, nr as a, ct as at, On as b, _e as bt, Zn as c, tt as ct, Jn as d, qe as dt, Tt as et, qn as f, Ke as ft, Bn as g, xe as gt, Un as h, Se as ht, ar as i, lt as it, dn as j, I as jt, _n as k, R as kt, Qn as l, et as lt, Wn as m, He as mt, hr as n, Ct as nt, er as o, it as ot, Gn as p, We as pt, Gt as q, pr as r, ft as rt, $n as s, rt as st, gr as t, wt as tt, Yn as u, $e as ut, Ln as v, X as vt, yn as w, se as wt, Dn as x, ge as xt, jn as y, q as yt, tn as z };
4857
4937
 
4858
- //# sourceMappingURL=l5-organisms-Di1Bm_R6.js.map
4938
+ //# sourceMappingURL=l5-organisms-C7LXv0jT.js.map