@mova-ui/react 0.4.10 → 0.4.11

package/registry/shimmer-text.json

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

package/registry/shutter-slide.json

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

package/registry/shutter-step-slices.json

@@ -1,7 +1,7 @@
 {
   "id": "shutter-step-slices",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "shutter-step-slices.tsx",
   "sourcePath": "components/css-animations/whimsical/YuiPhysicsExperiments.tsx",
   "registryFile": "shutter-step-slices.json",

package/registry/siri-wave.json

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

package/registry/skeleton-loader.json

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

package/registry/skeleton.json

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

package/registry/skew-x-char.json

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

package/registry/slide-down-char.json

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

package/registry/slide-down-word.json

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

package/registry/slide-left-char.json

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

package/registry/slide-left.json

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

package/registry/slide-right-char.json

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

package/registry/slide-right.json

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

package/registry/slide-up-char.json

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

package/registry/slide-up-text.json

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

package/registry/slide-up-word.json

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

package/registry/sliding-bars.json

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

package/registry/slinky-coil.json

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

package/registry/smart-card-dispenser.json

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

package/registry/smooth-dot-shift.json

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

package/registry/smooth-ring.json

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

package/registry/smooth-rounded-square.json

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

package/registry/solid-switch.json

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

package/registry/spatial-door-portal.json

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

package/registry/spinning-squares.json

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

package/registry/spiral-spinner.json

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

package/registry/split-gate-reveal.json

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

package/registry/split-view.json

@@ -0,0 +1,18 @@
+{
+  "id": "split-view",
+  "tier": "free",
+  "version": "0.4.11",
+  "file": "split-view.tsx",
+  "sourcePath": "ui/patterns/split-view.tsx",
+  "registryFile": "split-view.json",
+  "exports": [
+    "SplitView",
+    "SplitViewProps"
+  ],
+  "dependencies": [
+    "framer-motion"
+  ],
+  "license": "MIT",
+  "previewMode": "client",
+  "content": "\"use client\";\n/*!\n * Adapted for the web from Reacticx Split View.\n * https://github.com/rit3zh/reacticx/tree/main/src/components/molecules/split-view\n *\n * MIT License\n * Copyright (c) 2026 rit3zh\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n\"use client\";\n\nimport {\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type ReactNode,\n} from \"react\";\nimport { animate, motion, useMotionValue, useReducedMotion, useTransform } from \"framer-motion\";\n\nexport interface SplitViewProps {\n  top: ReactNode;\n  bottom: ReactNode;\n  initialTopHeight?: number;\n  minTopHeight?: number;\n  minBottomHeight?: number;\n  snapPoints?: readonly number[];\n  gap?: number;\n  height?: number;\n  theme?: \"dark\" | \"light\";\n  className?: string;\n  style?: CSSProperties;\n  onTopHeightChange?: (height: number) => void;\n}\n\nconst INSET = 8;\nconst FADE_DISTANCE = 60;\nconst FLING_THRESHOLD = 500;\nconst SNAP_BIAS = 20;\nconst KEYBOARD_STEP = 10;\nconst SPRING = { type: \"spring\", damping: 12, stiffness: 150, mass: 0.5 } as const;\nconst PALETTE = {\n  dark: { root: \"#121212\", pane: \"#1a1a1a\", handle: \"rgba(255,255,255,0.35)\", text: \"#f2f2f5\" },\n  light: { root: \"#eaeaea\", pane: \"#fafafa\", handle: \"rgba(0,0,0,0.35)\", text: \"#171717\" },\n};\n\ntype Drag = {\n  pointerId: number;\n  originY: number;\n  originHeight: number;\n  lastY: number;\n  lastTime: number;\n  velocity: number;\n  moved: boolean;\n};\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction dimension(value: number, fallback: number) {\n  return Number.isFinite(value) ? Math.max(0, value) : fallback;\n}\n\nfunction previousPoint(points: readonly number[], before: number) {\n  for (let index = points.length - 1; index >= 0; index--) {\n    if (points[index] < before) return points[index];\n  }\n  return undefined;\n}\n\nfunction resolveSnap(current: number, velocity: number, points: readonly number[]) {\n  if (velocity > FLING_THRESHOLD) {\n    return points.find((point) => point > current + SNAP_BIAS) ?? points[points.length - 1];\n  }\n  if (velocity < -FLING_THRESHOLD) {\n    return previousPoint(points, current - SNAP_BIAS) ?? points[0];\n  }\n  return points.reduce((nearest, point) =>\n    Math.abs(point - current) < Math.abs(nearest - current) ? point : nearest,\n  );\n}\n\nconst paneStyle: CSSProperties = {\n  borderRadius: 22,\n  minWidth: 0,\n  minHeight: 0,\n  overflow: \"hidden\",\n};\n\nexport function SplitView({\n  top,\n  bottom,\n  initialTopHeight = 300,\n  minTopHeight = 50,\n  minBottomHeight = 50,\n  snapPoints,\n  gap = 28,\n  height = 480,\n  theme = \"dark\",\n  className,\n  style,\n  onTopHeightChange,\n}: SplitViewProps) {\n  const topId = useId();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dragRef = useRef<Drag | null>(null);\n  const animationRef = useRef<{ stop(): void } | null>(null);\n  const reducedMotion = useReducedMotion();\n  const palette = PALETTE[theme];\n  const shellHeight = dimension(height, 480);\n  const [measuredHeight, setMeasuredHeight] = useState<number | null>(null);\n  const [dragging, setDragging] = useState(false);\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  const availableHeight = measuredHeight ?? Math.max(0, shellHeight - INSET * 2);\n  const handleHeight = Math.min(dimension(gap, 28), availableHeight);\n  const panesHeight = availableHeight - handleHeight;\n  const maxTop = Math.max(0, panesHeight - dimension(minBottomHeight, 50));\n  const minTop = Math.min(dimension(minTopHeight, 50), maxTop);\n  const constrained = minTop === maxTop;\n  const customPoints = snapPoints?.filter(Number.isFinite).map((point) => clamp(point, minTop, maxTop));\n  const points = customPoints?.length\n    ? [...new Set(customPoints)].sort((a, b) => a - b)\n    : [minTop, (minTop + maxTop) / 2, maxTop];\n\n  const initialHeight = clamp(dimension(initialTopHeight, 300), minTop, maxTop);\n  const topHeight = useMotionValue(initialHeight);\n  const [reportedHeight, setReportedHeight] = useState(initialHeight);\n  const currentHeight = clamp(reportedHeight, minTop, maxTop);\n  const topOpacity = useTransform(topHeight, [minTop, minTop + FADE_DISTANCE], [0.2, 1]);\n  const bottomOpacity = useTransform(topHeight, [maxTop - FADE_DISTANCE, maxTop], [1, 0.2]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    const measure = () => {\n      const computed = window.getComputedStyle(root);\n      const padding = parseFloat(computed.paddingTop) + parseFloat(computed.paddingBottom);\n      setMeasuredHeight(Math.max(0, root.clientHeight - padding));\n    };\n\n    measure();\n    if (typeof ResizeObserver !== \"undefined\") {\n      const observer = new ResizeObserver(([entry]) => setMeasuredHeight(entry.contentRect.height));\n      observer.observe(root);\n      return () => observer.disconnect();\n    }\n\n    window.addEventListener(\"resize\", measure);\n    return () => window.removeEventListener(\"resize\", measure);\n  }, [shellHeight]);\n\n  useEffect(() => {\n    animationRef.current?.stop();\n    const bounded = clamp(topHeight.get(), minTop, maxTop);\n    topHeight.jump(bounded);\n    setReportedHeight(bounded);\n    return () => animationRef.current?.stop();\n  }, [maxTop, minTop, topHeight]);\n\n  function settle(target: number, announce = false) {\n    const from = topHeight.get();\n    animationRef.current?.stop();\n    setReportedHeight(target);\n    if (announce) setAnnouncement(`Top pane: ${Math.round(target)} pixels`);\n\n    if (reducedMotion || from === target) {\n      topHeight.jump(target);\n    } else {\n      const down = from < target;\n      animationRef.current = animate(from, target, {\n        ...SPRING,\n        onUpdate(latest) {\n          const reached = down ? latest >= target : latest <= target;\n          topHeight.set(reached ? target : latest);\n          if (reached) animationRef.current?.stop();\n        },\n      });\n    }\n    onTopHeightChange?.(target);\n  }\n\n  function startDrag(event: PointerEvent<HTMLDivElement>) {\n    if (event.button !== 0 || dragRef.current || constrained) return;\n    event.currentTarget.setPointerCapture(event.pointerId);\n    dragRef.current = {\n      pointerId: event.pointerId,\n      originY: event.clientY,\n      originHeight: topHeight.get(),\n      lastY: event.clientY,\n      lastTime: event.timeStamp,\n      velocity: 0,\n      moved: false,\n    };\n    setAnnouncement(\"\");\n  }\n\n  function moveDrag(event: PointerEvent<HTMLDivElement>) {\n    const drag = dragRef.current;\n    if (drag?.pointerId !== event.pointerId) return;\n    const distance = event.clientY - drag.originY;\n    if (!drag.moved) {\n      if (Math.abs(distance) < 2) return;\n      animationRef.current?.stop();\n      drag.originHeight = topHeight.get();\n      drag.moved = true;\n      setDragging(true);\n    }\n\n    const elapsed = event.timeStamp - drag.lastTime;\n    if (elapsed > 0) {\n      const velocity = (1000 * (event.clientY - drag.lastY)) / elapsed;\n      drag.velocity = elapsed > 80 ? velocity : drag.velocity * 0.25 + velocity * 0.75;\n      drag.lastTime = event.timeStamp;\n      drag.lastY = event.clientY;\n    }\n    topHeight.set(clamp(drag.originHeight + distance, minTop, maxTop));\n  }\n\n  function finishDrag(event: PointerEvent<HTMLDivElement>) {\n    const drag = dragRef.current;\n    if (drag?.pointerId !== event.pointerId) return;\n    const released = event.type === \"pointerup\";\n    if (released && event.clientY !== drag.lastY) moveDrag(event);\n    dragRef.current = null;\n    if (!drag.moved) return;\n\n    setDragging(false);\n    const velocity = released && event.timeStamp - drag.lastTime < 100 ? drag.velocity : 0;\n    settle(resolveSnap(topHeight.get(), velocity, points), true);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (constrained || dragRef.current) return;\n    const current = currentHeight;\n    let target: number;\n\n    switch (event.key) {\n      case \"ArrowUp\": target = current - KEYBOARD_STEP; break;\n      case \"ArrowDown\": target = current + KEYBOARD_STEP; break;\n      case \"PageUp\": target = previousPoint(points, current) ?? minTop; break;\n      case \"PageDown\": target = points.find((point) => point > current) ?? maxTop; break;\n      case \"Home\": target = minTop; break;\n      case \"End\": target = maxTop; break;\n      default: return;\n    }\n\n    event.preventDefault();\n    const bounded = clamp(target, minTop, maxTop);\n    if (bounded !== current) settle(bounded);\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={className}\n      style={{\n        position: \"relative\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        boxSizing: \"border-box\",\n        width: \"100%\",\n        height: shellHeight,\n        padding: INSET,\n        overflow: \"hidden\",\n        borderRadius: 34,\n        color: palette.text,\n        backgroundColor: palette.root,\n        ...style,\n      }}\n    >\n      <style>{`\n        [data-mova-split-handle]::before { position: absolute; inset: -12px 0; content: \"\"; }\n        [data-mova-split-handle]:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }\n      `}</style>\n      <motion.div\n        id={topId}\n        style={{ ...paneStyle, flexShrink: 0, backgroundColor: palette.pane, height: topHeight, opacity: constrained ? 1 : topOpacity }}\n      >\n        {top}\n      </motion.div>\n      <div\n        role=\"separator\"\n        tabIndex={constrained ? -1 : 0}\n        aria-label=\"Resize top pane\"\n        aria-orientation=\"horizontal\"\n        aria-controls={topId}\n        aria-valuemin={minTop}\n        aria-valuemax={maxTop}\n        aria-valuenow={currentHeight}\n        aria-valuetext={`${Math.round(currentHeight)} pixels`}\n        aria-disabled={constrained || undefined}\n        data-mova-split-handle=\"\"\n        onKeyDown={handleKeyDown}\n        onPointerDown={startDrag}\n        onPointerMove={moveDrag}\n        onPointerUp={finishDrag}\n        onPointerCancel={finishDrag}\n        onLostPointerCapture={finishDrag}\n        style={{\n          position: \"relative\",\n          zIndex: 1,\n          display: \"grid\",\n          placeItems: \"center\",\n          flex: `0 0 ${handleHeight}px`,\n          borderRadius: 6,\n          cursor: constrained ? \"default\" : \"row-resize\",\n          touchAction: \"none\",\n          userSelect: \"none\",\n        }}\n      >\n        <motion.span\n          aria-hidden=\"true\"\n          initial={false}\n          animate={{ scale: dragging && !reducedMotion ? 1.18 : 1 }}\n          transition={reducedMotion ? { duration: 0 } : SPRING}\n          style={{ width: 44, height: 5, borderRadius: 3, backgroundColor: palette.handle }}\n        />\n      </div>\n      <motion.div style={{ ...paneStyle, flex: \"1 1 0\", backgroundColor: palette.pane, opacity: constrained ? 1 : bottomOpacity }}>\n        {bottom}\n      </motion.div>\n      <span role=\"status\" style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clipPath: \"inset(50%)\" }}>\n        {announcement}\n      </span>\n    </div>\n  );\n}\n\nexport default SplitView;\n"
+}

package/registry/spotlight.json

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

package/registry/spring-bars.json

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

package/registry/spring-dot-matrix.json

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

package/registry/spring-hexagon.json

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

package/registry/spring-ring-expand.json

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

package/registry/spring-text-pop.json

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

package/registry/spring-text.json

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

package/registry/square-accordion.json

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

package/registry/square-grid.json

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

package/registry/square-snake.json

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

package/registry/square-spinner.json

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

package/registry/squash-sphere.json

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

package/registry/stacked-bar-pulse.json

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

package/registry/stagger-text.json

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

package/registry/staggered-glass-curtain.json

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

package/registry/sticky-note-peel.json

@@ -1,7 +1,7 @@
 {
   "id": "sticky-note-peel",
   "tier": "free",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "file": "sticky-note-peel.tsx",
   "sourcePath": "components/css-animations/whimsical/ConceptTrios1.tsx",
   "registryFile": "sticky-note-peel.json",

package/registry/sticky-reveal.json

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

package/registry/stretch-x-char.json

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

package/registry/stretch-y-char.json

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

package/registry/stroke-waveform.json

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

package/registry/submenu-flyout.json

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

package/registry/success-check.json

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

package/registry/sudden-brake.json

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

package/registry/swapping-dots.json

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

package/registry/swing-word.json

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

package/registry/swirling-spinner.json

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

package/registry/symmetric-wave.json

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

package/registry/terminal-loader.json

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

package/registry/text-blink.json

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

package/registry/text-dots.json

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