eidotter 0.26.0 → 0.27.0

package/README.md

@@ -112,7 +112,7 @@ The preset auto-registers `tailwindcss-react-aria-components` and `tailwindcss-a
 </details>
 
 <details>
-<summary><strong>Content surfaces</strong> — Card, Accordion, Alert, Badge, Tag, Notification, Stat, Progress, Separator, Breadcrumb, LegalPage</summary>
+<summary><strong>Content surfaces</strong> — Card, Accordion, Alert, Badge, Tag, Notification, Stat, Progress, Skeleton, Separator, Breadcrumb, LegalPage</summary>
 
 | Component | Purpose |
 |---|---|
@@ -124,6 +124,7 @@ The preset auto-registers `tailwindcss-react-aria-components` and `tailwindcss-a
 | `Notification` | Toast popup with layered amber glow, auto-dismiss, progress variant |
 | `Stat` | Key-value display for metrics |
 | `Progress` | DOS-style progress bar with block characters |
+| `Skeleton` | DOS/CGA loading placeholder — ░▒▓ shade rows with a CRT hum-bar band rolling top→bottom |
 | `Separator` | Horizontal / vertical divider |
 | `Breadcrumb` | Navigation path display |
 | `LegalPage` | Impressum / Datenschutz layout primitive with reusable German DDG/DSGVO clauses |

package/dist/components/Skeleton/components/Skeleton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './Skeleton.css';
+export type SkeletonVariant = 'text' | 'card' | 'figure' | 'timeline';
+export interface SkeletonProps {
+    /** Placeholder shape */
+    variant?: SkeletonVariant;
+    /** Number of placeholder lines (text/card/timeline body lines, figure shade rows). Defaults per variant. */
+    lines?: number;
+    /**
+     * Raster animation: a CRT hum-bar glow band rolling top→bottom with a
+     * phosphor-decay tail, like the refresh beat on a CGA monitor. Default true.
+     * Under prefers-reduced-motion the band is replaced by a gentle opacity
+     * breathing; prefers-contrast: high disables all animation.
+     */
+    animated?: boolean;
+    /** Accessible loading announcement */
+    label?: string;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Skeleton/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant } from './Skeleton';

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton } from './components';
+export type { SkeletonProps, SkeletonVariant } from './components';