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

package/dist/types/components/lib/templates/saas-hotel/SignInPage.d.ts

@@ -0,0 +1,23 @@
+import '../../../../styles/global.css';
+import './lobby-theme.css';
+import { type SaasRoutes } from './data';
+/**
+ * SignInPage — Split-screen sign-in (or sign-up) for the hotel SaaS using AuthCard.
+ *
+ * Usage (app/sign-in/page.tsx, Next.js):
+ *   import { SignInPage } from 'react-component-kit-ui/templates/saas-hotel';
+ *   <SignInPage />
+ *
+ * @param {string} mode - 'signin' or 'signup'. Default 'signin'.
+ * @param {SaasRoutes} routes - Page URLs (demo sign-in goes to `routes.dashboard`).
+ * @param {string} theme - Initial theme (light|dark|auto). Default 'light'.
+ * @param {boolean} noindex - Add robots noindex. Default true.
+ */
+export interface SignInPageProps {
+    mode?: 'signin' | 'signup';
+    routes?: SaasRoutes;
+    theme?: 'light' | 'dark' | 'auto';
+    noindex?: boolean;
+}
+export declare function SignInPage({ mode, routes, theme, noindex }: SignInPageProps): import("react").JSX.Element;
+export default SignInPage;

package/dist/types/components/lib/templates/saas-hotel/data.d.ts

@@ -0,0 +1,224 @@
+export interface SaasRoutes {
+    landing: string;
+    signIn: string;
+    dashboard: string;
+    reservations: string;
+    rooms: string;
+    guests: string;
+    reports: string;
+    settings: string;
+}
+export declare const saasRoutes: SaasRoutes;
+type Status = 'Confirmed' | 'Checked in' | 'Checked out' | 'Pending' | 'Cancelled';
+type RoomStatus = 'clean' | 'dirty' | 'inspecting' | 'occupied' | 'ooo';
+export declare const lobbyData: {
+    product: string;
+    workspace: {
+        name: string;
+        plan: string;
+        initials: string;
+    };
+    user: {
+        name: string;
+        role: string;
+        email: string;
+    };
+    currency: string;
+    locale: string;
+    days: string[];
+    rooms: {
+        id: string;
+        name: string;
+        type: string;
+        floor: string;
+    }[];
+    bookings: {
+        room: "101" | "102" | "201" | "202" | "301" | "103" | "104" | "203" | "204" | "205" | "105" | "106" | "206" | "302" | "303" | "304";
+        guest: string;
+        start: 0 | 1 | 3 | 4 | 2 | 8 | 5 | 6 | 10 | 9 | 7;
+        nights: 1 | 3 | 4 | 2 | 5 | 6;
+        status: "confirmed" | "checked-in" | "pending" | "blocked";
+        ref: string | undefined;
+        channel: string | undefined;
+    }[];
+    reservations: {
+        ref: string;
+        guest: {
+            name: string;
+            sub: string | undefined;
+        };
+        room: string;
+        checkIn: string;
+        nights: 1 | 3 | 4 | 2 | 5 | 6;
+        status: Status;
+        total: number;
+    }[];
+    housekeeping: {
+        number: string;
+        floor: string;
+        type: string;
+        status: RoomStatus;
+        guest?: string;
+        note?: string;
+        assignee?: string;
+    }[];
+    kpis: ({
+        label: string;
+        value: string;
+        change: number;
+        trend: number[];
+        invert?: undefined;
+    } | {
+        label: string;
+        value: string;
+        change: number;
+        invert: boolean;
+        trend: number[];
+    })[];
+    revenue: {
+        categories: string[];
+        series: {
+            name: string;
+            data: number[];
+        }[];
+    };
+    occupancyByType: {
+        categories: string[];
+        series: {
+            name: string;
+            data: number[];
+        }[];
+    };
+    channels: {
+        label: string;
+        value: number;
+    }[];
+    forecast: {
+        categories: string[];
+        actual: number[];
+        forecast: number[];
+    };
+    pace: {
+        rows: string[];
+        columns: string[];
+        values: number[][];
+    };
+    funnel: {
+        label: string;
+        value: number;
+    }[];
+    segments: {
+        label: string;
+        value: number;
+    }[];
+    arrivals: ({
+        guest: string;
+        room: string;
+        time: string;
+        nights: number;
+        vip: boolean;
+        note: string;
+        done?: undefined;
+    } | {
+        guest: string;
+        room: string;
+        time: string;
+        nights: number;
+        vip?: undefined;
+        note?: undefined;
+        done?: undefined;
+    } | {
+        guest: string;
+        room: string;
+        time: string;
+        nights: number;
+        note: string;
+        done: boolean;
+        vip?: undefined;
+    })[];
+    departures: ({
+        guest: string;
+        room: string;
+        time: string;
+        balance: string;
+        done: boolean;
+    } | {
+        guest: string;
+        room: string;
+        time: string;
+        balance: string;
+        done?: undefined;
+    })[];
+    inHouse: {
+        guest: string;
+        room: string;
+        until: string;
+    }[];
+    activity: ({
+        title: string;
+        desc: string;
+        time: string;
+        status: "done";
+    } | {
+        title: string;
+        desc: string;
+        time: string;
+        status: "active";
+    } | {
+        title: string;
+        desc: string;
+        time: string;
+        status: "pending";
+    })[];
+    notifications: ({
+        title: string;
+        text: string;
+        time: string;
+        unread: boolean;
+        tone: "success";
+    } | {
+        title: string;
+        text: string;
+        time: string;
+        unread: boolean;
+        tone: "warning";
+    } | {
+        title: string;
+        text: string;
+        time: string;
+        tone: "info";
+        unread?: undefined;
+    })[];
+    guests: {
+        guest: {
+            name: "Elena Duarte" | "James Whitfield" | "Aiko Tanaka" | "Marco Bellini" | "Tom Becker" | "Sofía Ramos" | "The Okafor family" | "Hans Müller" | "Priya Nair" | "Chloé Martin" | "Ana Costa" | "Liam O’Connor" | "Mei Chen" | "Lucas Silva" | "Nora Lindqvist" | "David Cohen";
+            sub: string;
+        };
+        country: "Spain" | "Germany" | "France" | "UK" | "Singapore" | "Portugal" | "Italy" | "Japan" | "Mexico" | "India" | "Nigeria" | "Austria" | "Ireland" | "Brazil" | "Sweden" | "USA";
+        stays: number;
+        spend: number;
+        tier: string;
+        tags: string[];
+    }[];
+    team: ({
+        name: string;
+        email: string;
+        role: string;
+        status: "active";
+        you: boolean;
+    } | {
+        name: string;
+        email: string;
+        role: string;
+        status: "active";
+        you?: undefined;
+    } | {
+        name: string;
+        email: string;
+        role: string;
+        status: "invited";
+        you?: undefined;
+    })[];
+};
+export type LobbyData = typeof lobbyData;
+export {};

package/dist/types/components/lib/templates/saas-hotel/index.d.ts

@@ -0,0 +1,11 @@
+export { default as AppLayout } from './AppLayout';
+export { default as LandingPage } from './LandingPage';
+export { default as SignInPage } from './SignInPage';
+export { default as DashboardPage } from './DashboardPage';
+export { default as ReservationsPage } from './ReservationsPage';
+export { default as RoomsPage } from './RoomsPage';
+export { default as GuestsPage } from './GuestsPage';
+export { default as ReportsPage } from './ReportsPage';
+export { default as SettingsPage } from './SettingsPage';
+export { lobbyData, saasRoutes } from './data';
+export type { LobbyData, SaasRoutes } from './data';

package/dist/types/components/lib/typography/AnimatedCounterText.d.ts

@@ -0,0 +1,19 @@
+import './AnimatedCounterText.css';
+/**
+ * AnimatedCounterText — Kinetic statistic counter display with animated number progression and unit suffixes.
+ *
+ * @param {number} target - Numerical target value (e.g. 99, 120, 2400). Default is 120.
+ * @param {string} prefix - Optional string prefix (e.g. '$', '+').
+ * @param {string} suffix - Optional string suffix (e.g. '%', 'k', '+'). Default is '+'.
+ * @param {string} label - Descriptive text below the counter.
+ * @param {string} color - Text accent color. Default is '#d4a017'.
+ */
+export interface AnimatedCounterTextProps {
+    target?: number;
+    prefix?: string;
+    suffix?: string;
+    label?: string;
+    color?: string;
+}
+export declare function AnimatedCounterText({ target, prefix, suffix, label, color, }: AnimatedCounterTextProps): import("react").JSX.Element;
+export default AnimatedCounterText;

package/dist/types/components/lib/typography/AnimatedUnderlineLink.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import './AnimatedUnderlineLink.css';
+/** AnimatedUnderlineLink */
+export interface AnimatedUnderlineLinkProps {
+    href: string;
+    children?: ReactNode;
+}
+export declare function AnimatedUnderlineLink({ href, children }: AnimatedUnderlineLinkProps): import("react").JSX.Element;
+export default AnimatedUnderlineLink;

package/dist/types/components/lib/typography/BackgroundClipMask.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './BackgroundClipMask.css';
+/** BackgroundClipMask */
+export interface BackgroundClipMaskProps {
+    children?: ReactNode;
+}
+export declare function BackgroundClipMask({ children }: BackgroundClipMaskProps): import("react").JSX.Element;
+export default BackgroundClipMask;

package/dist/types/components/lib/typography/CodeInlineGlass.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './CodeInlineGlass.css';
+/** CodeInlineGlass */
+export interface CodeInlineGlassProps {
+    children?: ReactNode;
+}
+export declare function CodeInlineGlass({ children }: CodeInlineGlassProps): import("react").JSX.Element;
+export default CodeInlineGlass;

package/dist/types/components/lib/typography/CurvedPathHeading.d.ts

@@ -0,0 +1,15 @@
+import './CurvedPathHeading.css';
+/**
+ * CurvedPathHeading — Typographic heading flowing along an SVG circular or arched trajectory.
+ *
+ * @param {string} text - Headline text content. Default is 'REACT COMPONENTS KIT • ZERO RUNTIME DEPENDENCIES •'.
+ * @param {number} size - Pixel container diameter. Default is 260.
+ * @param {boolean} animate - Whether the badge rotates continuously. Default is true.
+ */
+export interface CurvedPathHeadingProps {
+    text?: string;
+    size?: number;
+    animate?: boolean;
+}
+export declare function CurvedPathHeading({ text, size, animate, }: CurvedPathHeadingProps): import("react").JSX.Element;
+export default CurvedPathHeading;

package/dist/types/components/lib/typography/CyberpunkGlitchText.d.ts

@@ -0,0 +1,7 @@
+import './CyberpunkGlitchText.css';
+/** CyberpunkGlitchText */
+export interface CyberpunkGlitchTextProps {
+    text: string;
+}
+export declare function CyberpunkGlitchText({ text }: CyberpunkGlitchTextProps): import("react").JSX.Element;
+export default CyberpunkGlitchText;

package/dist/types/components/lib/typography/DropCapParagraph.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './DropCapParagraph.css';
+/** DropCapParagraph */
+export interface DropCapParagraphProps {
+    children?: ReactNode;
+}
+export declare function DropCapParagraph({ children }: DropCapParagraphProps): import("react").JSX.Element;
+export default DropCapParagraph;

package/dist/types/components/lib/typography/FadedVerticalText.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './FadedVerticalText.css';
+/** FadedVerticalText */
+export interface FadedVerticalTextProps {
+    children?: ReactNode;
+}
+export declare function FadedVerticalText({ children }: FadedVerticalTextProps): import("react").JSX.Element;
+export default FadedVerticalText;

package/dist/types/components/lib/typography/FloatingTextLabel.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './FloatingTextLabel.css';
+/** FloatingTextLabel */
+export interface FloatingTextLabelProps {
+    children?: ReactNode;
+}
+export declare function FloatingTextLabel({ children }: FloatingTextLabelProps): import("react").JSX.Element;
+export default FloatingTextLabel;

package/dist/types/components/lib/typography/GlassBlockQuote.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './GlassBlockQuote.css';
+/** GlassBlockQuote */
+export interface GlassBlockQuoteProps {
+    children?: ReactNode;
+}
+export declare function GlassBlockQuote({ children }: GlassBlockQuoteProps): import("react").JSX.Element;
+export default GlassBlockQuote;

package/dist/types/components/lib/typography/GlassTextReveal.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './GlassTextReveal.css';
+/** GlassTextReveal */
+export interface GlassTextRevealProps {
+    children?: ReactNode;
+}
+export declare function GlassTextReveal({ children }: GlassTextRevealProps): import("react").JSX.Element;
+export default GlassTextReveal;

package/dist/types/components/lib/typography/GradientHeading.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import './GradientHeading.css';
+/** GradientHeading */
+export interface GradientHeadingProps {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    from?: string;
+    to?: string;
+    children?: ReactNode;
+}
+export declare function GradientHeading({ level, from, to, children }: GradientHeadingProps): import("react").JSX.Element;
+export default GradientHeading;

package/dist/types/components/lib/typography/GradientTextMarquee.d.ts

@@ -0,0 +1,15 @@
+import './GradientTextMarquee.css';
+/**
+ * GradientTextMarquee — Continuous kinetic typographic marquee banner with background-clip gold gradient.
+ *
+ * @param {string[]} phrases - Array of words or slogans to scroll continuously.
+ * @param {string} speed - Animation duration string (e.g. '25s'). Default is '20s'.
+ * @param {boolean} reverse - Whether the marquee moves in reverse direction.
+ */
+export interface GradientTextMarqueeProps {
+    phrases?: string[];
+    speed?: string;
+    reverse?: boolean;
+}
+export declare function GradientTextMarquee({ phrases, speed, reverse, }: GradientTextMarqueeProps): import("react").JSX.Element;
+export default GradientTextMarquee;

package/dist/types/components/lib/typography/GradientUnderlineLink.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './GradientUnderlineLink.css';
+/** GradientUnderlineLink */
+export interface GradientUnderlineLinkProps {
+    children?: ReactNode;
+}
+export declare function GradientUnderlineLink({ children }: GradientUnderlineLinkProps): import("react").JSX.Element;
+export default GradientUnderlineLink;

package/dist/types/components/lib/typography/HackerDecodeText.d.ts

@@ -0,0 +1,15 @@
+import './HackerDecodeText.css';
+/**
+ * HackerDecodeText — Cyberpunk Matrix-style randomized character deciphering effect on hover.
+ *
+ * @param {string} text - Final decoded text string. Default is 'CYBERNETIC SYSTEM READY'.
+ * @param {string} tag - HTML heading or paragraph tag. Default is 'h3'.
+ * @param {string} className - Optional CSS class names.
+ */
+export interface HackerDecodeTextProps {
+    text?: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'span';
+    className?: string;
+}
+export declare function HackerDecodeText({ text, tag: Tag, className, }: HackerDecodeTextProps): import("react").JSX.Element;
+export default HackerDecodeText;

package/dist/types/components/lib/typography/KbdIndicator.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './KbdIndicator.css';
+/** KbdIndicator */
+export interface KbdIndicatorProps {
+    children?: ReactNode;
+}
+export declare function KbdIndicator({ children }: KbdIndicatorProps): import("react").JSX.Element;
+export default KbdIndicator;

package/dist/types/components/lib/typography/LetterSpacingWide.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './LetterSpacingWide.css';
+/** LetterSpacingWide */
+export interface LetterSpacingWideProps {
+    children?: ReactNode;
+}
+export declare function LetterSpacingWide({ children }: LetterSpacingWideProps): import("react").JSX.Element;
+export default LetterSpacingWide;

package/dist/types/components/lib/typography/MinimalListMarkers.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './MinimalListMarkers.css';
+/** MinimalListMarkers */
+export interface MinimalListMarkersProps {
+    children?: ReactNode;
+}
+export declare function MinimalListMarkers({ children }: MinimalListMarkersProps): import("react").JSX.Element;
+export default MinimalListMarkers;

package/dist/types/components/lib/typography/MonospaceStatLine.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './MonospaceStatLine.css';
+/** MonospaceStatLine */
+export interface MonospaceStatLineProps {
+    children?: ReactNode;
+}
+export declare function MonospaceStatLine({ children }: MonospaceStatLineProps): import("react").JSX.Element;
+export default MonospaceStatLine;

package/dist/types/components/lib/typography/NeonTextHighlight.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './NeonTextHighlight.css';
+/** NeonTextHighlight */
+export interface NeonTextHighlightProps {
+    children?: ReactNode;
+}
+export declare function NeonTextHighlight({ children }: NeonTextHighlightProps): import("react").JSX.Element;
+export default NeonTextHighlight;

package/dist/types/components/lib/typography/ShadowRevealText.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './ShadowRevealText.css';
+/** ShadowRevealText */
+export interface ShadowRevealTextProps {
+    children?: ReactNode;
+}
+export declare function ShadowRevealText({ children }: ShadowRevealTextProps): import("react").JSX.Element;
+export default ShadowRevealText;

package/dist/types/components/lib/typography/StrokeHeadingOutline.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './StrokeHeadingOutline.css';
+/** StrokeHeadingOutline */
+export interface StrokeHeadingOutlineProps {
+    children?: ReactNode;
+}
+export declare function StrokeHeadingOutline({ children }: StrokeHeadingOutlineProps): import("react").JSX.Element;
+export default StrokeHeadingOutline;

package/dist/types/components/lib/typography/Text3DLayer.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import './Text3DLayer.css';
+/** Text3DLayer */
+export interface Text3DLayerProps {
+    children?: ReactNode;
+}
+export declare function Text3DLayer({ children }: Text3DLayerProps): import("react").JSX.Element;
+export default Text3DLayer;

package/dist/types/components/lib/typography/TypewriterText.d.ts

@@ -0,0 +1,8 @@
+import './TypewriterText.css';
+/** TypewriterText */
+export interface TypewriterTextProps {
+    text: string;
+    speed?: string;
+}
+export declare function TypewriterText({ text, speed }: TypewriterTextProps): import("react").JSX.Element;
+export default TypewriterText;

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

@@ -0,0 +1,24 @@
+export { default as AnimatedUnderlineLink } from './AnimatedUnderlineLink';
+export { default as BackgroundClipMask } from './BackgroundClipMask';
+export { default as CodeInlineGlass } from './CodeInlineGlass';
+export { default as CyberpunkGlitchText } from './CyberpunkGlitchText';
+export { default as DropCapParagraph } from './DropCapParagraph';
+export { default as FadedVerticalText } from './FadedVerticalText';
+export { default as FloatingTextLabel } from './FloatingTextLabel';
+export { default as GlassBlockQuote } from './GlassBlockQuote';
+export { default as GlassTextReveal } from './GlassTextReveal';
+export { default as GradientHeading } from './GradientHeading';
+export { default as GradientUnderlineLink } from './GradientUnderlineLink';
+export { default as KbdIndicator } from './KbdIndicator';
+export { default as LetterSpacingWide } from './LetterSpacingWide';
+export { default as MinimalListMarkers } from './MinimalListMarkers';
+export { default as MonospaceStatLine } from './MonospaceStatLine';
+export { default as NeonTextHighlight } from './NeonTextHighlight';
+export { default as ShadowRevealText } from './ShadowRevealText';
+export { default as StrokeHeadingOutline } from './StrokeHeadingOutline';
+export { default as Text3DLayer } from './Text3DLayer';
+export { default as TypewriterText } from './TypewriterText';
+export { default as AnimatedCounterText } from './AnimatedCounterText';
+export { default as GradientTextMarquee } from './GradientTextMarquee';
+export { default as CurvedPathHeading } from './CurvedPathHeading';
+export { default as HackerDecodeText } from './HackerDecodeText';

package/dist/types/components/three.d.ts

@@ -0,0 +1 @@
+export { Galaxy3D, type Galaxy3DProps } from './lib/Galaxy3D';

package/dist/typography.js

@@ -0,0 +1,28 @@
+"use client";
+import { A as s, a as t, B as i, C as n, b as r, c as d, D as l, F as o, d as T, G as x, e as c, f as g, g as k, h as p, H as u, K as G, L, M as h, i as C, N as H, S as M, j as S, T as b, k as m } from "./chunks/HackerDecodeText-hutANQXI.js";
+export {
+  s as AnimatedCounterText,
+  t as AnimatedUnderlineLink,
+  i as BackgroundClipMask,
+  n as CodeInlineGlass,
+  r as CurvedPathHeading,
+  d as CyberpunkGlitchText,
+  l as DropCapParagraph,
+  o as FadedVerticalText,
+  T as FloatingTextLabel,
+  x as GlassBlockQuote,
+  c as GlassTextReveal,
+  g as GradientHeading,
+  k as GradientTextMarquee,
+  p as GradientUnderlineLink,
+  u as HackerDecodeText,
+  G as KbdIndicator,
+  L as LetterSpacingWide,
+  h as MinimalListMarkers,
+  C as MonospaceStatLine,
+  H as NeonTextHighlight,
+  M as ShadowRevealText,
+  S as StrokeHeadingOutline,
+  b as Text3DLayer,
+  m as TypewriterText
+};