reorganize some code

packages/website-ue/src/ui/classNames.ts

@@ -0,0 +1,3 @@
+export function classNames(...classes: (string | undefined)[]) {
+  return classes.filter(Boolean).join(" ");
+}

packages/website-ue/src/ui/color.ts

@@ -0,0 +1,10 @@
+import type * as colors from "@radix-ui/colors";
+
+const ignoreEndings = ["A", "P3", "Dark", "DarkA", "DarkP3"] as const;
+
+export type Color = Exclude<
+  keyof typeof colors,
+  `${string}${(typeof ignoreEndings)[number]}` | "__esModule"
+>;
+
+export type ColorWithBW = Color | "black" | "white";

packages/website-ue/src/ui/romanize.ts

@@ -0,0 +1,48 @@
+// Source - https://stackoverflow.com/a/9083076
+// Posted by Rene Pot, modified by community. See post 'Timeline' for change history
+// Retrieved 2026-05-11, License - CC BY-SA 4.0
+
+const keys = [
+  "",
+  "C",
+  "CC",
+  "CCC",
+  "CD",
+  "D",
+  "DC",
+  "DCC",
+  "DCCC",
+  "CM",
+  "",
+  "X",
+  "XX",
+  "XXX",
+  "XL",
+  "L",
+  "LX",
+  "LXX",
+  "LXXX",
+  "XC",
+  "",
+  "I",
+  "II",
+  "III",
+  "IV",
+  "V",
+  "VI",
+  "VII",
+  "VIII",
+  "IX",
+];
+
+export function romanize(number: number) {
+  let digits = String(+number).split("");
+  let roman = "";
+  let i = 3;
+
+  while (i--) {
+    roman = (keys[+digits.pop()! + i * 10] || "") + roman;
+  }
+
+  return Array(+digits.join("") + 1).join("M") + roman;
+}