@squadbase/vantage 0.6.2-dev1.42c4e48 → 0.6.2-dev1.9365dcd

package/registry/ui/placeholder.tsx

@@ -1,5 +1,7 @@
 // Copied by `vantage add ui placeholder`. This file is yours to edit.
-// Generated from @squadbase/vantage src/components/placeholder.tsx by `npm run registry` (in Vantage, edit src/, not registry/).
+// Generated from @squadbase/squadkit registry/components/placeholder.tsx by `pnpm run registry` (in Vantage, edit packages/squadkit, not registry/).
+"use client"
+
 /**
  * Placeholder — marks sample (not-yet-real) data on a template screen.
  *
@@ -7,6 +9,10 @@
  * (unlike `Skeleton`, which is a block `<div>`). The `animate-pulse` + muted
  * styling signals "this is placeholder data — swap in your real values".
  * Override size/weight through `className` (e.g. `text-2xl font-bold`).
+ *
+ * For one value in running text or a heading. When the values of whole parts or cards are a
+ * sample (a draft before its data is wired), wrap them in `SampleData` instead; do not use both
+ * on the same value.
  */
 import { forwardRef, type HTMLAttributes } from "react"
 
@@ -22,7 +28,7 @@ export const Placeholder = forwardRef<HTMLSpanElement, PlaceholderProps>(functio
     <span
       ref={ref}
       data-slot="placeholder"
-      className={cn("inline-block animate-pulse text-muted-foreground", className)}
+      className={cn("inline-block animate-pulse motion-reduce:animate-none text-muted-foreground", className)}
       {...props}
     />
   )

package/registry/ui/popover.tsx

@@ -1,5 +1,7 @@
 // Copied by `vantage add ui popover`. This file is yours to edit.
-// Generated from @squadbase/vantage src/ui/popover.tsx by `npm run registry` (in Vantage, edit src/, not registry/).
+// Generated from @squadbase/squadkit registry/ui/popover.tsx by `pnpm run registry` (in Vantage, edit packages/squadkit, not registry/).
+"use client"
+
 import * as React from "react"
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover"
 
@@ -37,7 +39,7 @@ function PopoverContent({
         <PopoverPrimitive.Popup
           data-slot="popover-content"
           className={cn(
-            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in motion-reduce:animate-none! data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           )}
           {...props}