react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/types/components/lib/app/app-icons.d.ts

@@ -0,0 +1,37 @@
+export declare const appIcons: {
+    readonly dashboard: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"9\" rx=\"1.5\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"5\" rx=\"1.5\"/><rect x=\"14\" y=\"12\" width=\"7\" height=\"9\" rx=\"1.5\"/><rect x=\"3\" y=\"16\" width=\"7\" height=\"5\" rx=\"1.5\"/>";
+    readonly calendar: "<rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"/><path d=\"M3 10h18M8 3v4M16 3v4\"/>";
+    readonly bed: "<path d=\"M3 18V8M21 18v-5a3 3 0 0 0-3-3h-7v8M3 14h18\"/><circle cx=\"7\" cy=\"11\" r=\"1.6\"/>";
+    readonly users: "<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/><path d=\"M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8\"/>";
+    readonly chart: "<path d=\"M3 3v18h18\"/><path d=\"m7 15 4-4 3 3 5-6\"/>";
+    readonly sparkle: "<path d=\"M12 3l1.9 5.8L20 10l-6.1 1.2L12 17l-1.9-5.8L4 10l6.1-1.2z\"/>";
+    readonly settings: "<circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z\"/>";
+    readonly bell: "<path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"/><path d=\"M10.3 21a1.9 1.9 0 0 0 3.4 0\"/>";
+    readonly search: "<circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m20 20-3.5-3.5\"/>";
+    readonly wallet: "<rect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\"/><path d=\"M2 10h20M16 15h2\"/>";
+    readonly broom: "<path d=\"M14 4 20 10M9 9l6 6M4 20l5-5M9 15l-2 5 5-2\"/><path d=\"m11 13 7-7\"/>";
+    readonly door: "<path d=\"M14 3H6v18h8\"/><path d=\"M14 3l5 2v14l-5 2z\"/><path d=\"M11 12h.01\"/>";
+    readonly plane: "<path d=\"M2 16l20-7-20-7 4 7z\"/><path d=\"M6 9h8\"/>";
+    readonly logout: "<path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9\"/>";
+    readonly plus: "<path d=\"M12 5v14M5 12h14\"/>";
+    readonly download: "<path d=\"M12 3v12M7 10l5 5 5-5M5 21h14\"/>";
+    readonly filter: "<path d=\"M3 5h18l-7 8v6l-4 2v-8z\"/>";
+    readonly more: "<circle cx=\"5\" cy=\"12\" r=\"1\"/><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"19\" cy=\"12\" r=\"1\"/>";
+    readonly check: "<path d=\"M20 6 9 17l-5-5\"/>";
+    readonly x: "<path d=\"M18 6 6 18M6 6l12 12\"/>";
+    readonly star: "<path d=\"M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z\"/>";
+    readonly mail: "<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"m3 7 9 6 9-6\"/>";
+    readonly phone: "<path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\"/>";
+    readonly key: "<circle cx=\"7.5\" cy=\"15.5\" r=\"4.5\"/><path d=\"m21 2-9.6 9.6M15.5 7.5l3 3L22 7l-3-3\"/>";
+    readonly menu: "<path d=\"M4 6h16M4 12h16M4 18h16\"/>";
+    readonly chevron: "<path d=\"m9 18 6-6-6-6\"/>";
+    readonly sun: "<circle cx=\"12\" cy=\"12\" r=\"4\"/><path d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"/>";
+    readonly moon: "<path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"/>";
+    readonly building: "<rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"/><path d=\"M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01\"/>";
+};
+export type AppIcon = keyof typeof appIcons;
+export declare function appIcon(name?: string): string;
+/** Initials for avatar fallbacks: "Lucía Ortega" → "LO". */
+export declare function initials(name: string): string;
+/** Stable hue (0–360) from a string, for avatar backgrounds. */
+export declare function hueFrom(text: string): number;

package/dist/types/components/lib/app/index.d.ts

@@ -0,0 +1,15 @@
+export { default as AppSidebar } from './AppSidebar';
+export { default as AppTopbar } from './AppTopbar';
+export { default as PageHeader } from './PageHeader';
+export { default as DataTable } from './DataTable';
+export { default as RoomRack } from './RoomRack';
+export { default as HousekeepingBoard } from './HousekeepingBoard';
+export { default as ArrivalsBoard } from './ArrivalsBoard';
+export { default as GuestProfileCard } from './GuestProfileCard';
+export { default as SettingsSection } from './SettingsSection';
+export { default as SwitchRow } from './SwitchRow';
+export { default as TeamMembers } from './TeamMembers';
+export { default as PlanUsageCard } from './PlanUsageCard';
+export { default as AuthCard } from './AuthCard';
+export { appIcons, appIcon, initials, hueFrom } from './app-icons';
+export type { AppIcon } from './app-icons';

package/dist/types/components/lib/buttons/AnimatedIconButton.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './AnimatedIconButton.css';
+/**
+ * AnimatedIconButton — A button that elegantly slides an icon into view on hover.
+ *
+ * @param icon - Optional. Custom icon node. Defaults to a chevron pointing in `iconPos` direction.
+ * @param iconPos - Optional. 'left' | 'right'. Default 'right'.
+ */
+export interface AnimatedIconButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    iconPos?: 'left' | 'right';
+    icon?: ReactNode;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function AnimatedIconButton({ href, type, variant, size, iconPos, icon, disabled, className, children, ...rest }: AnimatedIconButtonProps): import("react").JSX.Element;
+export default AnimatedIconButton;

package/dist/types/components/lib/buttons/BorderDrawButton.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './BorderDrawButton.css';
+/**
+ * BorderDrawButton — A button that animates its border being drawn on hover.
+ *
+ * @param color - Optional. Accent color of the drawn border. Default '#6366f1'.
+ */
+export interface BorderDrawButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function BorderDrawButton({ href, type, color, size, disabled, className, style, children, ...rest }: BorderDrawButtonProps): import("react").JSX.Element;
+export default BorderDrawButton;

package/dist/types/components/lib/buttons/CyberpunkButton.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './CyberpunkButton.css';
+/**
+ * CyberpunkButton — A glitchy, neon-styled button inspired by futuristic sci-fi aesthetics.
+ *
+ * @param primaryColor - Optional. Main neon color. Default '#ff003c'.
+ * @param secondaryColor - Optional. Glitch offset color. Default '#00e0ff'.
+ * @param label - Optional. Text used for the glitch layer (and as content when no children). Default 'READY'.
+ */
+export interface CyberpunkButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    primaryColor?: string;
+    secondaryColor?: string;
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function CyberpunkButton({ href, type, primaryColor, secondaryColor, size, label, disabled, className, style, children, ...rest }: CyberpunkButtonProps): import("react").JSX.Element;
+export default CyberpunkButton;

package/dist/types/components/lib/buttons/DoubleBorderButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './DoubleBorderButton.css';
+/**
+ * DoubleBorderButton — A button with a sophisticated offset double-border effect and sleek hover transitions.
+ */
+export interface DoubleBorderButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function DoubleBorderButton({ href, type, variant, size, disabled, className, children, ...rest }: DoubleBorderButtonProps): import("react").JSX.Element;
+export default DoubleBorderButton;

package/dist/types/components/lib/buttons/GhostOutlineButton.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './GhostOutlineButton.css';
+/**
+ * GhostOutlineButton — A minimalist transparent button with gradient outlines and animated borders.
+ *
+ * @param primaryColor - Optional. Gradient start. Default '#6366f1'.
+ * @param secondaryColor - Optional. Gradient end. Default '#c084fc'.
+ */
+export interface GhostOutlineButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    primaryColor?: string;
+    secondaryColor?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function GhostOutlineButton({ href, type, primaryColor, secondaryColor, size, disabled, className, style, children, ...rest }: GhostOutlineButtonProps): import("react").JSX.Element;
+export default GhostOutlineButton;

package/dist/types/components/lib/buttons/GlassButton.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './GlassButton.css';
+/**
+ * GlassButton — A premium button with glassmorphism effect, gradient border and smooth hover animations.
+ *
+ * @param href - Optional. If provided, renders an <a> tag instead of <button>.
+ * @param type - Optional. The HTML button type. Default 'button'.
+ * @param variant - Optional. 'primary' | 'secondary' | 'ghost'. Default 'primary'.
+ * @param size - Optional. 'sm' | 'md' | 'lg'. Default 'md'.
+ * @param disabled - Optional. Whether the button is disabled. Default false.
+ */
+export interface GlassButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function GlassButton({ href, type, variant, size, disabled, className, children, ...rest }: GlassButtonProps): import("react").JSX.Element;
+export default GlassButton;

package/dist/types/components/lib/buttons/GlowButton.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './GlowButton.css';
+/**
+ * GlowButton — A button with an animated glow effect that pulsates on hover.
+ *
+ * @param color - Optional. Glow color. Default '#6366f1'.
+ */
+export interface GlowButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function GlowButton({ href, type, color, size, disabled, className, style, children, ...rest }: GlowButtonProps): import("react").JSX.Element;
+export default GlowButton;

package/dist/types/components/lib/buttons/LiquidButton.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './LiquidButton.css';
+/**
+ * LiquidButton — A button featuring a fluid, liquid-like animated background layer (SVG gooey filter).
+ *
+ * @param color - Optional. Liquid color. Default '#6366f1'.
+ */
+export interface LiquidButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function LiquidButton({ href, type, color, size, disabled, className, style, children, ...rest }: LiquidButtonProps): import("react").JSX.Element;
+export default LiquidButton;

package/dist/types/components/lib/buttons/LoadingButton.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './LoadingButton.css';
+/**
+ * LoadingButton — A button supporting async states with a built-in spinner and disabled logic.
+ *
+ * @param isLoading - Shows the spinner and locks interaction. Default false.
+ */
+export interface LoadingButtonProps extends HTMLAttributes<HTMLElement> {
+    isLoading?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function LoadingButton({ isLoading, href, type, variant, size, disabled, className, children, ...rest }: LoadingButtonProps): import("react").JSX.Element;
+export default LoadingButton;

package/dist/types/components/lib/buttons/MagneticButton.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './MagneticButton.css';
+/**
+ * MagneticButton — A button that physically follows the user's cursor when hovered,
+ * providing a satisfying magnetic snap effect.
+ *
+ * @param strength - Optional. How intense the magnetic pull is (0–1). Default 0.5.
+ */
+export interface MagneticButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    strength?: number;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function MagneticButton({ href, type, variant, size, strength, disabled, className, children, onMouseMove, onMouseLeave, ...rest }: MagneticButtonProps): import("react").JSX.Element;
+export default MagneticButton;

package/dist/types/components/lib/buttons/MinimalPillButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './MinimalPillButton.css';
+/**
+ * MinimalPillButton — A cleanly rounded pill button optimized for minimal interactions and tags.
+ */
+export interface MinimalPillButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function MinimalPillButton({ href, type, variant, size, disabled, className, children, ...rest }: MinimalPillButtonProps): import("react").JSX.Element;
+export default MinimalPillButton;

package/dist/types/components/lib/buttons/NeonBorderButton.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './NeonBorderButton.css';
+/**
+ * NeonBorderButton — Futuristic button wrapped in an animated rotating neon conic-gradient border.
+ *
+ * @param color - Optional. Neon accent color. Default '#d4a017'.
+ */
+export interface NeonBorderButtonProps extends HTMLAttributes<HTMLElement> {
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function NeonBorderButton({ color, size, href, type, disabled, className, style, children, ...rest }: NeonBorderButtonProps): import("react").JSX.Element;
+export default NeonBorderButton;

package/dist/types/components/lib/buttons/NeumorphicButton.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './NeumorphicButton.css';
+/**
+ * NeumorphicButton — A premium Soft UI button with beveled surface gradients and hue-tinted shadows.
+ *
+ * @param baseColor - Optional. Surface color. Default 'var(--c-bg-2, #111827)'.
+ * @param variant - Optional. 'convex' | 'concave'. Default 'convex'.
+ */
+export interface NeumorphicButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    baseColor?: string;
+    variant?: 'convex' | 'concave';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function NeumorphicButton({ href, type, baseColor, variant, size, disabled, className, style, children, ...rest }: NeumorphicButtonProps): import("react").JSX.Element;
+export default NeumorphicButton;

package/dist/types/components/lib/buttons/PulseButton.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './PulseButton.css';
+/**
+ * PulseButton — A button with a persistent circular pulse effect to draw attention.
+ *
+ * @param color - Optional. Pulse color. Default '#8b5cf6'.
+ */
+export interface PulseButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    color?: string;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function PulseButton({ href, type, variant, size, color, disabled, className, style, children, ...rest }: PulseButtonProps): import("react").JSX.Element;
+export default PulseButton;

package/dist/types/components/lib/buttons/RetroArcadeButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './RetroArcadeButton.css';
+/**
+ * RetroArcadeButton — An 8-bit style arcade button with chunky borders and pixelated interactions.
+ */
+export interface RetroArcadeButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'yellow' | 'red' | 'blue' | 'green';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function RetroArcadeButton({ href, type, variant, size, disabled, className, children, ...rest }: RetroArcadeButtonProps): import("react").JSX.Element;
+export default RetroArcadeButton;

package/dist/types/components/lib/buttons/RetroShadowButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './RetroShadowButton.css';
+/**
+ * RetroShadowButton — A sharp-edged neo-brutalist button with a thick solid block shadow.
+ */
+export interface RetroShadowButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'pink' | 'cyan' | 'yellow' | 'lime';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function RetroShadowButton({ href, type, variant, size, disabled, className, children, ...rest }: RetroShadowButtonProps): import("react").JSX.Element;
+export default RetroShadowButton;

package/dist/types/components/lib/buttons/RippleButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './RippleButton.css';
+/**
+ * RippleButton — Interactive button featuring an expanding click ripple effect with glass styling.
+ */
+export interface RippleButtonProps extends HTMLAttributes<HTMLElement> {
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function RippleButton({ variant, size, href, type, disabled, className, children, onPointerDown, ...rest }: RippleButtonProps): import("react").JSX.Element;
+export default RippleButton;

package/dist/types/components/lib/buttons/ShimmerButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './ShimmerButton.css';
+/**
+ * ShimmerButton — A clean, elegant button with a continuous diagonal shimmer sweeping animation.
+ */
+export interface ShimmerButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function ShimmerButton({ href, type, variant, size, disabled, className, children, ...rest }: ShimmerButtonProps): import("react").JSX.Element;
+export default ShimmerButton;

package/dist/types/components/lib/buttons/ShinyButton.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './ShinyButton.css';
+/**
+ * ShinyButton — A button with a metallic shine effect that sweeps across on hover.
+ */
+export interface ShinyButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function ShinyButton({ href, type, variant, size, disabled, className, children, ...rest }: ShinyButtonProps): import("react").JSX.Element;
+export default ShinyButton;

package/dist/types/components/lib/buttons/SlideRevealButton.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './SlideRevealButton.css';
+/**
+ * SlideRevealButton — Interactive action button with a sliding icon drawer and kinetic typography transition.
+ *
+ * @param icon - Optional. Icon revealed on hover. Default '→'.
+ */
+export interface SlideRevealButtonProps extends HTMLAttributes<HTMLElement> {
+    variant?: 'primary' | 'secondary' | 'accent';
+    size?: 'sm' | 'md' | 'lg';
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    icon?: ReactNode;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function SlideRevealButton({ variant, size, href, type, icon, disabled, className, children, ...rest }: SlideRevealButtonProps): import("react").JSX.Element;
+export default SlideRevealButton;

package/dist/types/components/lib/buttons/ThreeDPushButton.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './ThreeDPushButton.css';
+/**
+ * ThreeDPushButton — A satisfying tactile 3D button that depresses when clicked, with depth layers.
+ *
+ * @param color - Optional. Front face color. Default '#6366f1'.
+ */
+export interface ThreeDPushButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function ThreeDPushButton({ href, type, color, size, disabled, className, style, children, ...rest }: ThreeDPushButtonProps): import("react").JSX.Element;
+export default ThreeDPushButton;

package/dist/types/components/lib/buttons/TiltGlowButton.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './TiltGlowButton.css';
+/**
+ * TiltGlowButton — An interactive 3D button that tilts towards the cursor with dynamic lighting.
+ *
+ * @param primaryColor - Optional. Default '#6366f1'.
+ * @param secondaryColor - Optional. Default '#c084fc'.
+ */
+export interface TiltGlowButtonProps extends HTMLAttributes<HTMLElement> {
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: 'button' | 'submit' | 'reset';
+    primaryColor?: string;
+    secondaryColor?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function TiltGlowButton({ href, type, primaryColor, secondaryColor, size, disabled, className, style, children, onMouseMove, onMouseLeave, ...rest }: TiltGlowButtonProps): import("react").JSX.Element;
+export default TiltGlowButton;

package/dist/types/components/lib/buttons/index.d.ts

@@ -0,0 +1,22 @@
+export { AnimatedIconButton, type AnimatedIconButtonProps } from './AnimatedIconButton';
+export { BorderDrawButton, type BorderDrawButtonProps } from './BorderDrawButton';
+export { CyberpunkButton, type CyberpunkButtonProps } from './CyberpunkButton';
+export { DoubleBorderButton, type DoubleBorderButtonProps } from './DoubleBorderButton';
+export { GhostOutlineButton, type GhostOutlineButtonProps } from './GhostOutlineButton';
+export { GlassButton, type GlassButtonProps } from './GlassButton';
+export { GlowButton, type GlowButtonProps } from './GlowButton';
+export { LiquidButton, type LiquidButtonProps } from './LiquidButton';
+export { LoadingButton, type LoadingButtonProps } from './LoadingButton';
+export { MagneticButton, type MagneticButtonProps } from './MagneticButton';
+export { MinimalPillButton, type MinimalPillButtonProps } from './MinimalPillButton';
+export { NeonBorderButton, type NeonBorderButtonProps } from './NeonBorderButton';
+export { NeumorphicButton, type NeumorphicButtonProps } from './NeumorphicButton';
+export { PulseButton, type PulseButtonProps } from './PulseButton';
+export { RetroArcadeButton, type RetroArcadeButtonProps } from './RetroArcadeButton';
+export { RetroShadowButton, type RetroShadowButtonProps } from './RetroShadowButton';
+export { RippleButton, type RippleButtonProps } from './RippleButton';
+export { ShimmerButton, type ShimmerButtonProps } from './ShimmerButton';
+export { ShinyButton, type ShinyButtonProps } from './ShinyButton';
+export { SlideRevealButton, type SlideRevealButtonProps } from './SlideRevealButton';
+export { ThreeDPushButton, type ThreeDPushButtonProps } from './ThreeDPushButton';
+export { TiltGlowButton, type TiltGlowButtonProps } from './TiltGlowButton';

package/dist/types/components/lib/cards/BlogHorizontalCard.d.ts

@@ -0,0 +1,17 @@
+import './BlogHorizontalCard.css';
+/**
+ * BlogHorizontalCard — Landscape card layout for blog feeds or news items.
+ *
+ * @param {string} title - The blog post title.
+ * @param {string} description - Brief summary or excerpt.
+ * @param {string} tag - Featured label or category (e.g. "Tutorial").
+ * @param {string} thumbUrl - Optional thumbnail image URL.
+ */
+export interface BlogHorizontalCardProps {
+    title: string;
+    description: string;
+    tag: string;
+    thumbUrl?: string;
+}
+export declare function BlogHorizontalCard({ title, description, tag, thumbUrl }: BlogHorizontalCardProps): import("react").JSX.Element;
+export default BlogHorizontalCard;

package/dist/types/components/lib/cards/CyberFeatureCard.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import './CyberFeatureCard.css';
+/**
+ * CyberFeatureCard — A feature card with sharp angles and neon stroke animations.
+ *
+ * @param {string} title - The main headline of the feature card.
+ * @param {string} subtitle - Optional description context.
+ */
+export interface CyberFeatureCardProps {
+    title: string;
+    subtitle?: string;
+    children?: ReactNode;
+}
+export declare function CyberFeatureCard({ title, subtitle, children }: CyberFeatureCardProps): import("react").JSX.Element;
+export default CyberFeatureCard;

package/dist/types/components/lib/cards/EcommerceProductCard.d.ts

@@ -0,0 +1,21 @@
+import './EcommerceProductCard.css';
+/**
+ * EcommerceProductCard — Commercial card with price, rating and action buttons.
+ *
+ * @param {string} title - The product name.
+ * @param {string} price - The parsed price string (e.g. "$299").
+ * @param {string} imageUrl - The URL mapping to the product's thumbnail.
+ * @param {string} tag - Optional. The highlight bubble tag (e.g. "New").
+ * @param {string} rating - Optional. Formatted rating string.
+ * @param {string} ctaText - Optional. Label for the call to action button. Default is "Add".
+ */
+export interface EcommerceProductCardProps {
+    title: string;
+    price: string;
+    imageUrl?: string;
+    tag?: string;
+    rating?: string;
+    ctaText?: string;
+}
+export declare function EcommerceProductCard({ title, price, imageUrl, tag, rating, ctaText }: EcommerceProductCardProps): import("react").JSX.Element;
+export default EcommerceProductCard;

package/dist/types/components/lib/cards/GithubRepoCard.d.ts

@@ -0,0 +1,25 @@
+import './GithubRepoCard.css';
+/**
+ * GithubRepoCard — Dark glass card highlighting repository statistics, language dot, license, and stars.
+ *
+ * @param {string} repoName - Repository name (e.g. 'react-components').
+ * @param {string} owner - Repo owner or organization (e.g. 'konstantinWDK').
+ * @param {string} description - Brief summary of the repo.
+ * @param {string} language - Primary programming language. Default is 'TypeScript'.
+ * @param {string} languageColor - Hex color for the language dot. Default is '#3178c6'.
+ * @param {number} stars - Star count figure. Default is 248.
+ * @param {number} forks - Fork count figure. Default is 32.
+ * @param {string} href - Link to the GitHub repository.
+ */
+export interface GithubRepoCardProps {
+    repoName: string;
+    owner?: string;
+    description?: string;
+    language?: string;
+    languageColor?: string;
+    stars?: number;
+    forks?: number;
+    href?: string;
+}
+export declare function GithubRepoCard({ repoName, owner, description, language, languageColor, stars, forks, href, }: GithubRepoCardProps): import("react").JSX.Element;
+export default GithubRepoCard;