@mova-ui/react 0.4.10 → 0.4.11

package/registry/circular-create-button.json

@@ -1,7 +1,7 @@
 {
   "id": "circular-create-button",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "circular-create-button.tsx",
   "registryFile": "circular-create-button.json",
   "exports": [

package/registry/classic-spinner.json

@@ -1,7 +1,7 @@
 {
   "id": "classic-spinner",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "classic-spinner.tsx",
   "sourcePath": "ui/loading/classic-spinner.tsx",
   "registryFile": "classic-spinner.json",

package/registry/classic-toggle.json

@@ -1,7 +1,7 @@
 {
   "id": "classic-toggle",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "classic-toggle.tsx",
   "sourcePath": "ui/toggles/classic-toggle.tsx",
   "registryFile": "classic-toggle.json",

package/registry/clock-spinner.json

@@ -1,7 +1,7 @@
 {
   "id": "clock-spinner",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "clock-spinner.tsx",
   "sourcePath": "ui/loading/clock-spinner.tsx",
   "registryFile": "clock-spinner.json",

package/registry/comet-spinner.json

@@ -1,7 +1,7 @@
 {
   "id": "comet-spinner",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "comet-spinner.tsx",
   "sourcePath": "ui/loading/comet-spinner.tsx",
   "registryFile": "comet-spinner.json",

package/registry/compare-slider.json

@@ -0,0 +1,19 @@
+{
+  "id": "compare-slider",
+  "tier": "free",
+  "version": "0.4.11",
+  "file": "compare-slider.tsx",
+  "sourcePath": "ui/patterns/compare-slider.tsx",
+  "registryFile": "compare-slider.json",
+  "exports": [
+    "CompareSlider",
+    "CompareSliderProps"
+  ],
+  "dependencies": [
+    "framer-motion",
+    "lucide-react"
+  ],
+  "license": "MIT",
+  "previewMode": "client",
+  "content": "\"use client\";\n/*\nReact web adaptation of https://kinetik-ui.dev/components/compare-slider\n\nMIT License\n\nCopyright (c) 2026 Nurullah Turgut\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n*/\nimport { useEffect, useRef, useState, type CSSProperties, type PointerEvent, type ReactNode } from 'react';\nimport { animate, motion, useMotionValue, useReducedMotion, useTransform } from 'framer-motion';\nimport { ChevronsLeftRight } from 'lucide-react';\n\nexport interface CompareSliderProps {\n  before: ReactNode;\n  after: ReactNode;\n  initial?: number;\n  beforeLabel?: string;\n  afterLabel?: string;\n  aspectRatio?: number;\n  hint?: boolean;\n  onPositionChange?: (position: number) => void;\n  accessibilityLabel: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst clamp = (value: number) => Math.max(0, Math.min(1, value));\nconst smooth = { type: 'spring', stiffness: 210, damping: 27, mass: 1 } as const;\nconst fullFrame = { position: 'absolute', inset: 0, pointerEvents: 'none' } as const;\n\nexport function CompareSlider({\n  before, after, initial = 0.5, beforeLabel = 'Before', afterLabel = 'After', aspectRatio = 4 / 3,\n  hint = true, onPositionChange, accessibilityLabel, className, style,\n}: CompareSliderProps) {\n  const [start] = useState(() => Number.isFinite(initial) ? clamp(initial) : 0.5);\n  const [value, setValue] = useState(start);\n  const [held, setHeld] = useState(false);\n  const gesture = useRef<{ id: number; x: number; moved: boolean } | null>(null);\n  const hasInteracted = useRef(false);\n  const position = useMotionValue(start);\n  const reduced = useReducedMotion();\n  const left = useTransform(position, (p) => `${clamp(p) * 100}%`);\n  const clipPath = useTransform(position, (p) => `inset(0 ${(1 - clamp(p)) * 100}% 0 0)`);\n  const leftTagOpacity = useTransform(position, [0.12, 0.32], [0, 1]);\n  const rightTagOpacity = useTransform(position, [0.68, 0.88], [1, 0]);\n\n  useEffect(() => {\n    if (!hint || reduced || hasInteracted.current) return;\n    let playing = true;\n    const timer = window.setTimeout(async () => {\n      if (hasInteracted.current) return;\n      const nudge = start > 0.8 ? start - 0.12 : Math.min(0.92, start + 0.12);\n      await animate(position, nudge, { duration: 0.42, ease: 'easeInOut' });\n      if (playing && !hasInteracted.current) animate(position, start, smooth);\n    }, 500);\n    return () => {\n      playing = false;\n      window.clearTimeout(timer);\n      position.stop();\n      if (!hasInteracted.current) position.set(start);\n    };\n  }, [hint, reduced, position, start]);\n\n  function report(next: number, spring: boolean) {\n    setValue(next);\n    if (spring && !reduced) animate(position, next, smooth);\n    else position.set(next);\n    onPositionChange?.(next);\n  }\n\n  function fraction(event: PointerEvent<HTMLDivElement>) {\n    const rect = event.currentTarget.getBoundingClientRect();\n    return rect.width > 0 ? clamp((event.clientX - rect.left) / rect.width) : value;\n  }\n\n  function begin(event: PointerEvent<HTMLDivElement>) {\n    if (!event.isPrimary || event.button !== 0 || gesture.current) return;\n    hasInteracted.current = true;\n    position.stop();\n    gesture.current = { id: event.pointerId, x: event.clientX, moved: false };\n    event.currentTarget.setPointerCapture(event.pointerId);\n    if (event.pointerType !== 'touch') event.currentTarget.focus({ preventScroll: true });\n    setHeld(true);\n  }\n\n  function move(event: PointerEvent<HTMLDivElement>) {\n    const active = gesture.current;\n    if (!active || active.id !== event.pointerId) return;\n    if (!active.moved && Math.abs(event.clientX - active.x) < 4) return;\n    active.moved = true;\n    position.set(fraction(event));\n  }\n\n  function finish(event: PointerEvent<HTMLDivElement>, canceled = false) {\n    const active = gesture.current;\n    if (!active || active.id !== event.pointerId) return;\n    gesture.current = null;\n    setHeld(false);\n    if (canceled) position.set(value);\n    else report(fraction(event), !active.moved);\n  }\n\n  const tag: CSSProperties = {\n    position: 'absolute', top: 12, borderRadius: 999, background: 'rgba(0,0,0,.55)',\n    color: '#ededed', padding: '4px 10px', fontSize: 12, lineHeight: '16px',\n    fontWeight: 600, pointerEvents: 'none', maxWidth: '45%', overflow: 'hidden',\n    textOverflow: 'ellipsis', whiteSpace: 'nowrap',\n  };\n  const percent = Math.round(value * 100);\n\n  return (\n    <div\n      role=\"slider\"\n      aria-label={accessibilityLabel}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={percent}\n      aria-valuetext={`${percent}% ${beforeLabel.toLowerCase()}`}\n      tabIndex={0}\n      className={`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current ${className ?? ''}`}\n      onPointerDown={begin}\n      onPointerMove={move}\n      onPointerUp={(event) => finish(event)}\n      onPointerCancel={(event) => finish(event, true)}\n      onLostPointerCapture={(event) => finish(event, true)}\n      onKeyDown={(event) => {\n        const steps: Record<string, number> = { ArrowLeft: -0.1, ArrowDown: -0.1, ArrowRight: 0.1, ArrowUp: 0.1 };\n        if (event.key !== 'Home' && event.key !== 'End' && !(event.key in steps)) return;\n        event.preventDefault();\n        hasInteracted.current = true;\n        const next = event.key === 'Home' ? 0 : event.key === 'End' ? 1 : clamp(Math.round((value + steps[event.key]) * 10) / 10);\n        report(next, true);\n      }}\n      style={{\n        position: 'relative', width: '100%', aspectRatio, overflow: 'hidden', isolation: 'isolate',\n        borderRadius: 28, background: '#050505', cursor: 'ew-resize', touchAction: 'pan-y pinch-zoom',\n        userSelect: 'none', ...style,\n      }}\n    >\n      <div style={fullFrame} aria-hidden=\"true\">{after}</div>\n      <motion.div style={{ ...fullFrame, clipPath }} aria-hidden=\"true\">{before}</motion.div>\n      {beforeLabel && <motion.span aria-hidden=\"true\" style={{ ...tag, left: 12, opacity: leftTagOpacity }}>{beforeLabel}</motion.span>}\n      {afterLabel && <motion.span aria-hidden=\"true\" style={{ ...tag, right: 12, opacity: rightTagOpacity }}>{afterLabel}</motion.span>}\n      <motion.div aria-hidden=\"true\" style={{\n        position: 'absolute', insetBlock: 0, left, width: 2, x: -1, background: '#fff',\n        display: 'grid', placeItems: 'center', pointerEvents: 'none',\n      }}>\n        <motion.div\n          animate={{ scale: held && !reduced ? 1.12 : 1 }}\n          transition={reduced ? { duration: 0 } : smooth}\n          style={{\n            position: 'absolute', display: 'grid', placeItems: 'center', width: 40, height: 40,\n            borderRadius: '50%', background: '#fff', color: '#000', boxShadow: '0 5px 14px #0005',\n          }}\n        >\n          <ChevronsLeftRight size={24} strokeWidth={2} />\n        </motion.div>\n      </motion.div>\n    </div>\n  );\n}\n"
+}

package/registry/compass-needle-deflect.json

@@ -1,7 +1,7 @@
 {
   "id": "compass-needle-deflect",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "compass-needle-deflect.tsx",
   "sourcePath": "components/css-animations/whimsical/RedesignedPhysicsTrios.tsx",
   "registryFile": "compass-needle-deflect.json",

package/registry/concentric-pulse.json

@@ -1,7 +1,7 @@
 {
   "id": "concentric-pulse",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "concentric-pulse.tsx",
   "sourcePath": "ui/loading/concentric-pulse.tsx",
   "registryFile": "concentric-pulse.json",

package/registry/concentric-ring.json

@@ -1,7 +1,7 @@
 {
   "id": "concentric-ring",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "concentric-ring.tsx",
   "sourcePath": "ui/loading/concentric-ring.tsx",
   "registryFile": "concentric-ring.json",

package/registry/concentric-squares.json

@@ -1,7 +1,7 @@
 {
   "id": "concentric-squares",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "concentric-squares.tsx",
   "sourcePath": "ui/loading/concentric-squares.tsx",
   "registryFile": "concentric-squares.json",

package/registry/context-menu.json

@@ -1,7 +1,7 @@
 {
   "id": "context-menu",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "context-menu.tsx",
   "sourcePath": "components/css-animations/yui-components/YuiUiKit2.tsx",
   "registryFile": "context-menu.json",

package/registry/conveyor-loop.json

@@ -1,7 +1,7 @@
 {
   "id": "conveyor-loop",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "conveyor-loop.tsx",
   "sourcePath": "ui/loading/conveyor-loop.tsx",
   "registryFile": "conveyor-loop.json",

package/registry/credit-score-barcode-meter.json

@@ -1,7 +1,7 @@
 {
   "id": "credit-score-barcode-meter",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "credit-score-barcode-meter.tsx",
   "registryFile": "credit-score-barcode-meter.json",
   "exports": [

package/registry/cross-spinner.json

@@ -1,7 +1,7 @@
 {
   "id": "cross-spinner",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "cross-spinner.tsx",
   "sourcePath": "ui/loading/cross-spinner.tsx",
   "registryFile": "cross-spinner.json",

package/registry/cube-flip-spring.json

@@ -1,7 +1,7 @@
 {
   "id": "cube-flip-spring",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "cube-flip-spring.tsx",
   "sourcePath": "ui/loading/cube-flip-spring.tsx",
   "registryFile": "cube-flip-spring.json",

package/registry/cursor-trail.json

@@ -1,7 +1,7 @@
 {
   "id": "cursor-trail",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "cursor-trail.tsx",
   "sourcePath": "ui/cursor/cursor-trail.tsx",
   "registryFile": "cursor-trail.json",

package/registry/dash-ring.json

@@ -1,7 +1,7 @@
 {
   "id": "dash-ring",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dash-ring.tsx",
   "sourcePath": "ui/loading/dash-ring.tsx",
   "registryFile": "dash-ring.json",

package/registry/dashed-spiral.json

@@ -1,7 +1,7 @@
 {
   "id": "dashed-spiral",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dashed-spiral.tsx",
   "sourcePath": "ui/loading/dashed-spiral.tsx",
   "registryFile": "dashed-spiral.json",

package/registry/date-position-selector.json

@@ -1,7 +1,7 @@
 {
   "id": "date-position-selector",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "date-position-selector.tsx",
   "sourcePath": "components/css-animations/yui-components/YuiUiKit1.tsx",
   "registryFile": "date-position-selector.json",

package/registry/day-trading-order-ticket.json

@@ -1,7 +1,7 @@
 {
   "id": "day-trading-order-ticket",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "day-trading-order-ticket.tsx",
   "sourcePath": "ui/cards/day-trading-order-ticket.tsx",
   "registryFile": "day-trading-order-ticket.json",

package/registry/dia-text-reveal.json

@@ -1,7 +1,7 @@
 {
   "id": "dia-text-reveal",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dia-text-reveal.tsx",
   "registryFile": "dia-text-reveal.json",
   "exports": [

package/registry/diamond-grid.json

@@ -1,7 +1,7 @@
 {
   "id": "diamond-grid",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "diamond-grid.tsx",
   "sourcePath": "ui/loading/diamond-grid.tsx",
   "registryFile": "diamond-grid.json",

package/registry/diamond-rotate-spring.json

@@ -1,7 +1,7 @@
 {
   "id": "diamond-rotate-spring",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "diamond-rotate-spring.tsx",
   "sourcePath": "ui/loading/diamond-rotate-spring.tsx",
   "registryFile": "diamond-rotate-spring.json",

package/registry/dislike-toggle.json

@@ -1,7 +1,7 @@
 {
   "id": "dislike-toggle",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dislike-toggle.tsx",
   "registryFile": "dislike-toggle.json",
   "exports": [

package/registry/dither-book.json

@@ -1,7 +1,7 @@
 {
   "id": "dither-book",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dither-book.tsx",
   "registryFile": "dither-book.json",
   "exports": [

package/registry/domino-cascade.json

@@ -1,7 +1,7 @@
 {
   "id": "domino-cascade",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "domino-cascade.tsx",
   "sourcePath": "components/css-animations/whimsical/WhimsicalVariations.tsx",
   "registryFile": "domino-cascade.json",

package/registry/dot-spinner.json

@@ -1,7 +1,7 @@
 {
   "id": "dot-spinner",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dot-spinner.tsx",
   "sourcePath": "ui/loading/dot-spinner.tsx",
   "registryFile": "dot-spinner.json",

package/registry/dots-ring.json

@@ -1,7 +1,7 @@
 {
   "id": "dots-ring",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dots-ring.tsx",
   "sourcePath": "ui/loading/dots-ring.tsx",
   "registryFile": "dots-ring.json",

package/registry/double-bounce-toggle.json

@@ -1,7 +1,7 @@
 {
   "id": "double-bounce-toggle",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "double-bounce-toggle.tsx",
   "registryFile": "double-bounce-toggle.json",
   "exports": [

package/registry/double-ring.json

@@ -1,7 +1,7 @@
 {
   "id": "double-ring",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "double-ring.tsx",
   "sourcePath": "ui/loading/double-ring.tsx",
   "registryFile": "double-ring.json",

package/registry/download-icons.json

@@ -1,7 +1,7 @@
 {
   "id": "download-icons",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "download-icons.tsx",
   "sourcePath": "components/css-animations/yui-components/YuiUiKit2.tsx",
   "registryFile": "download-icons.json",

package/registry/drop-dot.json

@@ -1,7 +1,7 @@
 {
   "id": "drop-dot",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "drop-dot.tsx",
   "sourcePath": "ui/loading/drop-dot.tsx",
   "registryFile": "drop-dot.json",

package/registry/drop-in-char.json

@@ -1,7 +1,7 @@
 {
   "id": "drop-in-char",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "drop-in-char.tsx",
   "registryFile": "drop-in-char.json",
   "exports": [

package/registry/droplet-squish.json

@@ -1,7 +1,7 @@
 {
   "id": "droplet-squish",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "droplet-squish.tsx",
   "sourcePath": "components/css-animations/whimsical/ConceptTrios3.tsx",
   "registryFile": "droplet-squish.json",

package/registry/dual-arc.json

@@ -1,7 +1,7 @@
 {
   "id": "dual-arc",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dual-arc.tsx",
   "sourcePath": "ui/loading/dual-arc.tsx",
   "registryFile": "dual-arc.json",

package/registry/dual-magnet-dipole.json

@@ -1,7 +1,7 @@
 {
   "id": "dual-magnet-dipole",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dual-magnet-dipole.tsx",
   "sourcePath": "components/css-animations/whimsical/RedesignedPhysicsTrios.tsx",
   "registryFile": "dual-magnet-dipole.json",

package/registry/dynamic-island.json

@@ -1,7 +1,7 @@
 {
   "id": "dynamic-island",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "dynamic-island.tsx",
   "sourcePath": "ui/loading/dynamic-island.tsx",
   "registryFile": "dynamic-island.json",

package/registry/elastic-bars.json

@@ -1,7 +1,7 @@
 {
   "id": "elastic-bars",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "elastic-bars.tsx",
   "sourcePath": "ui/loading/elastic-bars.tsx",
   "registryFile": "elastic-bars.json",

package/registry/elastic-square.json

@@ -1,7 +1,7 @@
 {
   "id": "elastic-square",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "elastic-square.tsx",
   "sourcePath": "ui/loading/elastic-square.tsx",
   "registryFile": "elastic-square.json",

package/registry/elastic-tag-snap.json

@@ -1,7 +1,7 @@
 {
   "id": "elastic-tag-snap",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "elastic-tag-snap.tsx",
   "sourcePath": "components/css-animations/whimsical/RedesignedPhysicsTrios.tsx",
   "registryFile": "elastic-tag-snap.json",

package/registry/error-shake.json

@@ -1,7 +1,7 @@
 {
   "id": "error-shake",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "error-shake.tsx",
   "registryFile": "error-shake.json",
   "exports": [

package/registry/expanding-cross.json

@@ -1,7 +1,7 @@
 {
   "id": "expanding-cross",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "expanding-cross.tsx",
   "sourcePath": "ui/loading/expanding-cross.tsx",
   "registryFile": "expanding-cross.json",

package/registry/expanding-icon-tabs.json

@@ -1,7 +1,7 @@
 {
   "id": "expanding-icon-tabs",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "expanding-icon-tabs.tsx",
   "sourcePath": "ui/patterns/expanding-icon-tabs.tsx",
   "registryFile": "expanding-icon-tabs.json",

package/registry/face-id-scan.json

@@ -1,7 +1,7 @@
 {
   "id": "face-id-scan",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "face-id-scan.tsx",
   "sourcePath": "ui/loading/face-id-scan.tsx",
   "registryFile": "face-id-scan.json",

package/registry/fade-arc.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-arc",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-arc.tsx",
   "sourcePath": "ui/loading/fade-arc.tsx",
   "registryFile": "fade-arc.json",

package/registry/fade-dots.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-dots",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-dots.tsx",
   "sourcePath": "ui/loading/fade-dots.tsx",
   "registryFile": "fade-dots.json",

package/registry/fade-down.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-down",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-down.tsx",
   "sourcePath": "ui/entrance/fade-down.tsx",
   "registryFile": "fade-down.json",

package/registry/fade-in-char.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-in-char",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-in-char.tsx",
   "registryFile": "fade-in-char.json",
   "exports": [

package/registry/fade-in-text.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-in-text",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-in-text.tsx",
   "registryFile": "fade-in-text.json",
   "exports": [

package/registry/fade-in-word.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-in-word",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-in-word.tsx",
   "registryFile": "fade-in-word.json",
   "exports": [

package/registry/fade-in.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-in",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-in.tsx",
   "sourcePath": "ui/entrance/fade-in.tsx",
   "registryFile": "fade-in.json",

package/registry/fade-up.json

@@ -1,7 +1,7 @@
 {
   "id": "fade-up",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "fade-up.tsx",
   "sourcePath": "ui/entrance/fade-up.tsx",
   "registryFile": "fade-up.json",

package/registry/file-upload-dropzone.json

@@ -1,7 +1,7 @@
 {
   "id": "file-upload-dropzone",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "file-upload-dropzone.tsx",
   "registryFile": "file-upload-dropzone.json",
   "exports": [

package/registry/filter-tag-pill.json

@@ -1,7 +1,7 @@
 {
   "id": "filter-tag-pill",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "filter-tag-pill.tsx",
   "sourcePath": "components/css-animations/yui-components/UiKitTrios.tsx",
   "registryFile": "filter-tag-pill.json",

package/registry/flip-square.json

@@ -1,7 +1,7 @@
 {
   "id": "flip-square",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "flip-square.tsx",
   "sourcePath": "ui/loading/flip-square.tsx",
   "registryFile": "flip-square.json",

package/registry/flip-x-char.json

@@ -1,7 +1,7 @@
 {
   "id": "flip-x-char",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "flip-x-char.tsx",
   "registryFile": "flip-x-char.json",
   "exports": [

package/registry/flip-y-char.json

@@ -1,7 +1,7 @@
 {
   "id": "flip-y-char",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "flip-y-char.tsx",
   "registryFile": "flip-y-char.json",
   "exports": [

package/registry/float-char.json

@@ -1,7 +1,7 @@
 {
   "id": "float-char",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "float-char.tsx",
   "registryFile": "float-char.json",
   "exports": [

package/registry/float-word.json

@@ -1,7 +1,7 @@
 {
   "id": "float-word",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "float-word.tsx",
   "registryFile": "float-word.json",
   "exports": [