@candor-ui/react 2.3.0 → 2.5.0

package/dist/ui/skeleton.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { motion } from "../lib/motion.js";
-/** Pulses while the content it stands in for is being fetched; still at level 0 and under calm. */
+/**
+ * @motion live:loading The placeholder pulses softly for as long as it is on screen, which should be only while the
+ * content it stands in for is being fetched. Under reduced motion it is still.
+ */
 const loadingMotion = motion("skeleton", "loading", "live", { dur: 2000 });
 function Skeleton({ className, style, ...props }) {
     return (_jsx("div", { "data-slot": "skeleton", style: { ...loadingMotion, ...style }, className: cn("cd-live-pulse rounded-md bg-accent", className), ...props }));

package/dist/ui/slider.d.ts

@@ -9,7 +9,7 @@ import { type RenderProp } from "../lib/render-prop.js";
  *
  * @motion clock:drag The thumb and the filled range follow the pointer exactly, with no easing: what moves is the
  * person's hand, not an animation.
- * @motion tint:focus The thumb's ring grows in on hover and keyboard focus.
+ * @motion tint:tint The thumb's ring fades in when the pointer is over it and when it takes keyboard focus.
  */
 declare function Slider(allProps: SliderProps): React.JSX.Element;
 type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root> & RenderProp & {

package/dist/ui/slider.js

@@ -14,7 +14,7 @@ const lockedKeys = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "
  *
  * @motion clock:drag The thumb and the filled range follow the pointer exactly, with no easing: what moves is the
  * person's hand, not an animation.
- * @motion tint:focus The thumb's ring grows in on hover and keyboard focus.
+ * @motion tint:tint The thumb's ring fades in when the pointer is over it and when it takes keyboard focus.
  */
 function Slider(allProps) {
     const { className, locked, thumbLabels, value, defaultValue, min = 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, onPointerDownCapture, onKeyDownCapture, render, nativeButton: _nativeButton, children, ...props } = allProps;

package/dist/ui/switch.d.ts

@@ -7,7 +7,7 @@ import { type RenderProp } from "../lib/render-prop.js";
  * stays focusable, says why, and doesn't flip. Use a switch for a setting that takes effect at once; a choice the
  * person confirms belongs in a `Checkbox` or `RadioGroup` with a button.
  *
- * @motion move:thumb The thumb slides to the other end when the state changes, in the quick duration. It follows the
+ * @motion move:thumb The thumb slides to the other end when the state changes, over the move family's 200 ms. It follows the
  * reading direction, so it slides the other way in right-to-left text.
  */
 declare function Switch(allProps: React.ComponentProps<typeof SwitchPrimitive.Root> & RenderProp): React.JSX.Element;

package/dist/ui/switch.js

@@ -12,7 +12,7 @@ const thumbMotion = motion("switch", "thumb", "move");
  * stays focusable, says why, and doesn't flip. Use a switch for a setting that takes effect at once; a choice the
  * person confirms belongs in a `Checkbox` or `RadioGroup` with a button.
  *
- * @motion move:thumb The thumb slides to the other end when the state changes, in the quick duration. It follows the
+ * @motion move:thumb The thumb slides to the other end when the state changes, over the move family's 200 ms. It follows the
  * reading direction, so it slides the other way in right-to-left text.
  */
 function Switch(allProps) {

package/dist/ui/tooltip.js

@@ -5,6 +5,10 @@ import { cn } from "../lib/utils.js";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
 import { withRender } from "../lib/render-prop.js";
 import { motion } from "../lib/motion.js";
+/**
+ * @motion overlay:open The tooltip fades in and scales up a little from the control it describes once the delay has
+ * passed, and fades out when the pointer or focus leaves. Under reduced motion it is a short fade.
+ */
 const openMotion = motion("tooltip", "open", "overlay");
 // Whether a TooltipProvider is above, so a lone Tooltip can supply its own.
 const HasProvider = React.createContext(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@candor-ui/react",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "Candor UI's free tier as an npm package: React components for agents that do real work, on shadcn/ui and Tailwind 4.",
   "license": "MIT",
   "author": "Methodic LLC",
@@ -50,8 +50,7 @@
     "clsx": "^2.1.1",
     "lucide-react": "^1.67.0",
     "radix-ui": "^1.8.1",
-    "tailwind-merge": "^3.7.0",
-    "tw-animate-css": "^1.4.0"
+    "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
     "@ag-ui/client": "^1.0.3",