@danxbot/ui 7.0.1 → 7.0.3

package/dist/index.js

@@ -46542,25 +46542,31 @@ function Q4({
   ) });
 }
 const J4 = pt({
-  base: "block shrink-0 rounded-full",
+  slots: {
+    slot: "flex shrink-0 overflow-hidden rounded-full",
+    fill: "h-full rounded-full"
+  },
   variants: {
     size: {
       /* The dense form: under a glyph, in a strip of them. */
-      xs: "h-[3px] w-[19px]",
+      xs: { slot: "h-[3px] w-[19px]" },
       /* The stated form: on a surface someone opened to read one value. */
-      sm: "h-[5px] w-10"
+      sm: { slot: "h-[5px] w-10" }
     },
+    /* Each level's fill written out whole, never assembled from a template string —
+       Tailwind finds classes by scanning source text, and a class built at runtime is
+       simply absent from the stylesheet. */
     level: {
-      1: "bg-confidence-1",
-      2: "bg-confidence-2",
-      3: "bg-confidence-3",
-      4: "bg-confidence-4",
-      5: "bg-confidence-5",
-      /* Not rated — hollow and dashed, so it cannot be mistaken for any earned level. Its
-         own token, not a general border one: every general border token measures under
-         WCAG 1.4.11's 3:1 on this library's surfaces, and an empty bar nobody can see is
-         the hidden state this component exists to rule out. */
-      none: "border border-dashed border-confidence-none bg-transparent"
+      1: { fill: "w-1/5 bg-confidence-1" },
+      2: { fill: "w-2/5 bg-confidence-2" },
+      3: { fill: "w-3/5 bg-confidence-3" },
+      4: { fill: "w-4/5 bg-confidence-4" },
+      5: { fill: "w-full bg-confidence-5" },
+      /* Not rated — a dotted outline of the whole slot, so it cannot be mistaken for any
+         earned level. Its own token, not a general border one: every general border token
+         measures under WCAG 1.4.11's 3:1 on this library's surfaces, and an empty bar
+         nobody can see is the hidden state this component exists to rule out. */
+      none: { slot: "border border-dotted border-confidence-none" }
     }
   },
   defaultVariants: { size: "sm", level: "none" }
@@ -46572,14 +46578,15 @@ function eH({
   size: r,
   className: o
 }) {
-  const s = e === null ? null : Y4(e, t), i = s === null || e === null ? `${n} — not rated` : `${n} ${String(Math.round(e))} of ${String(Math.round(t))}`;
+  const s = e === null ? null : Y4(e, t), i = s === null || e === null ? `${n} — not rated` : `${n} ${String(Math.round(e))} of ${String(Math.round(t))}`, a = J4({ size: r, level: s ?? "none" });
   return /* @__PURE__ */ f(ln, { content: i, children: /* @__PURE__ */ f(
     "span",
     {
       role: "img",
       "aria-label": i,
       "data-level": s ?? "none",
-      className: W(J4({ size: r, level: s ?? "none" }), o)
+      className: W(a.slot(), o),
+      children: s === null ? null : /* @__PURE__ */ f("span", { "aria-hidden": "true", className: a.fill() })
     }
   ) });
 }