@ceebee/ui 1.3.1 → 1.3.3

package/dist/client.js

@@ -82,9 +82,10 @@ function readCeebeeThemeToken(root) {
     colorTextTertiary: color("--cb-fg-subtle"),
     /* Ant derives its placeholder colour from its own algorithm rather than from any token this
        bridge already sends, and lands on a 25%-alpha grey that fails WCAG AA text contrast in both
-       modes. Placeholder text is text, so it takes the subtle foreground like every other quiet
-       label. */
-    colorTextPlaceholder: color("--cb-fg-subtle"),
+       modes. Placeholder text is text, and the subtle foreground only clears AA against the plain
+       surface, so placeholders take the muted foreground that clears it against every surface a
+       control can sit on. */
+    colorTextPlaceholder: color("--cb-fg-muted"),
     colorTextLightSolid: color("--cb-fg-on-brand"),
     colorBgBase: color("--cb-bg"),
     colorBgContainer: color("--cb-surface"),
@@ -628,6 +629,16 @@ var STICKER_VARIANTS = {
   still: { opacity: 1, x: 0, y: 0, rotate: 0, scale: 1 },
   stillExit: { opacity: 0, x: 0, y: 0, rotate: 0, scale: 1 }
 };
+function stableChoice(id, salt, options) {
+  let hash = 2166136261;
+  for (const character of `${salt}:${id}`) {
+    hash ^= character.charCodeAt(0);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0) % options;
+}
+var TILTS = ["left", "right", "none"];
+var EXITS = ["left", "right"];
 function StickerGroupRoot({
   items,
   onDismiss,
@@ -638,9 +649,9 @@ function StickerGroupRoot({
 }) {
   const motionSettings = useMotionSettings();
   const shouldMove = motionEnabled && motionSettings.enabled;
-  return /* @__PURE__ */ jsx("ul", { className: cn("cb-sticker-group", className), "aria-label": label, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: items.map((item, index) => {
-    const tilt = index % 3 === 0 ? "left" : index % 3 === 1 ? "right" : "none";
-    const exit = index % 2 === 0 ? "left" : "right";
+  return /* @__PURE__ */ jsx("ul", { className: cn("cb-sticker-group", className), "aria-label": label, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: items.map((item) => {
+    const tilt = TILTS[stableChoice(item.id, "tilt", TILTS.length)];
+    const exit = EXITS[stableChoice(item.id, "exit", EXITS.length)];
     const itemLabel = item.ariaLabel ?? (typeof item.label === "string" ? item.label : "item");
     const dismissLabel = getDismissLabel?.(item) ?? `Remove ${itemLabel}`;
     return /* @__PURE__ */ jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceebee/ui",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Ceebee's design system: tokens, themed primitives, motion, and onboarding.",
   "license": "MIT",
   "repository": {