1import { nt as require_jsx_runtime } from "./vendor-react-C98VjX-v.js"; 2import { t as cn } from "./utils-BBt3f8V_.js"; 3//#region src/components/ui/skeleton.tsx 4/** 5* @module Skeleton 6* 7* Shadcn/ui-style skeleton loading placeholder. Renders an animated pulsing 8* block used as a content placeholder while data is being fetched. 9* 10* @example 11* ```tsx 12* <Skeleton className="h-4 w-48" /> 13* <Skeleton className="h-10 w-full rounded-lg" /> 14* ``` 15*/ 16var import_jsx_runtime = require_jsx_runtime(); 17/** 18* Animated skeleton placeholder for loading states. Renders a `<div>` with 19* a pulse animation and muted background. Shape and size are controlled 20* entirely through `className`. 21* 22* @param props - Standard HTML div props. 23* @param props.className - CSS classes controlling the skeleton's dimensions and shape. 24* Common patterns: `"h-4 w-48"` for text lines, `"h-10 w-full rounded-lg"` for inputs, 25* `"size-10 rounded-full"` for avatars. 26* @returns The rendered skeleton div with `data-slot="skeleton"`. 27* 28* @example 29* ```tsx 30* // Text line placeholder 31* <Skeleton className="h-4 w-3/4" /> 32* 33* // Avatar placeholder 34* <Skeleton className="size-10 rounded-full" /> 35* 36* // Card placeholder 37* <Skeleton className="h-32 w-full rounded-xl" /> 38* ``` 39*/ 40function Skeleton({ className, ...props }) { 41 return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { 42 "data-slot": "skeleton", 43 className: cn("animate-pulse rounded-md bg-muted", className), 44 ...props 45 }); 46} 47//#endregion 48export { Skeleton as t }; 49 50//# sourceMappingURL=skeleton-zoVPLWbz.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.