loader-pack 1.2.4 → 2.0.0

package/dist/loaders/ClassicLoader.d.ts

@@ -0,0 +1,2 @@
+import { VariantProps } from '../types';
+export default function ClassicLoader({ name, theme, marqueeText, onStart, }: VariantProps): import("react/jsx-runtime").JSX.Element;

package/dist/loaders/GlitchLoader.d.ts

@@ -0,0 +1,2 @@
+import { VariantProps } from '../types';
+export default function GlitchLoader({ name, theme, onStart }: VariantProps): import("react/jsx-runtime").JSX.Element;

package/dist/loaders/MinimalLoader.d.ts

@@ -0,0 +1,2 @@
+import { VariantProps } from '../types';
+export default function MinimalLoader({ name, theme, onStart }: VariantProps): import("react/jsx-runtime").JSX.Element;

package/dist/loaders/SpotlightLoader.d.ts

@@ -0,0 +1,2 @@
+import { VariantProps } from '../types';
+export default function SpotlightLoader({ name, theme, onStart }: VariantProps): import("react/jsx-runtime").JSX.Element;

package/dist/loaders/TerminalLoader.d.ts

@@ -0,0 +1,2 @@
+import { VariantProps } from '../types';
+export default function TerminalLoader({ name, theme, onStart }: VariantProps): import("react/jsx-runtime").JSX.Element;

package/dist/standalone.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Standalone loader components — each one is a fully self-contained loader
+ * with sound, children-gating, and content-reveal built in.
+ *
+ * Import directly for tree-shaking:
+ * ```tsx
+ * import { TerminalLoader } from "loader-pack";
+ *
+ * <TerminalLoader name="Bhavya" theme="dark">
+ *   <App />
+ * </TerminalLoader>
+ * ```
+ */
+export declare const ClassicLoader: {
+    ({ name, children, theme, sound, ambientSoundSrc, clickSoundSrc, marqueeText, }: import('./types').LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TerminalLoader: {
+    ({ name, children, theme, sound, ambientSoundSrc, clickSoundSrc, marqueeText, }: import('./types').LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const MinimalLoader: {
+    ({ name, children, theme, sound, ambientSoundSrc, clickSoundSrc, marqueeText, }: import('./types').LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const SpotlightLoader: {
+    ({ name, children, theme, sound, ambientSoundSrc, clickSoundSrc, marqueeText, }: import('./types').LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const GlitchLoader: {
+    ({ name, children, theme, sound, ambientSoundSrc, clickSoundSrc, marqueeText, }: import('./types').LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types.d.ts

@@ -1,4 +1,18 @@
-export type LoaderPackProps = {
+/** All available loader variants */
+export type LoaderVariant = "classic" | "terminal" | "minimal" | "spotlight" | "glitch";
+/** Internal — props every variant intro-screen receives */
+export type VariantProps = {
+    name: string;
+    theme: "dark" | "light";
+    marqueeText: string;
+    /** Called when the variant's "start" action fires */
+    onStart: () => void;
+};
+/**
+ * Props accepted by every standalone loader
+ * (ClassicLoader, TerminalLoader, MinimalLoader, SpotlightLoader).
+ */
+export type LoaderProps = {
     /** The name displayed in the center of the intro screen */
     name: string;
     /** Your main app content — rendered after the user clicks Start */
@@ -7,10 +21,6 @@ export type LoaderPackProps = {
     theme?: "dark" | "light";
     /** Play click/ambient sound effects. Default: false */
     sound?: boolean;
-    /** Show an inverted-color circle cursor on the intro screen. Default: true */
-    cursor?: boolean;
-    /** Diameter of the cursor circle in pixels. Default: 34 */
-    cursorSize?: number;
     /** Path to the ambient sound file played on mount. Uses bundled audio by default. */
     ambientSoundSrc?: string;
     /** Path to the click sound file played on Start. Uses bundled audio by default. */
@@ -18,3 +28,11 @@ export type LoaderPackProps = {
     /** Custom marquee text. Has a built-in multilingual default. */
     marqueeText?: string;
 };
+/**
+ * Props for the convenience `<LoaderPack>` component.
+ * Extends LoaderProps with a `variant` selector.
+ */
+export type LoaderPackProps = LoaderProps & {
+    /** Loader design variant. Default: "classic" */
+    variant?: LoaderVariant;
+};

package/dist/withLoader.d.ts

@@ -0,0 +1,9 @@
+import { LoaderProps, VariantProps } from './types';
+/**
+ * Wraps a variant's intro-screen component into a full standalone loader.
+ * Handles: sound effects, started/children gating, content reveal animation.
+ */
+export declare function withLoader(Inner: React.ComponentType<VariantProps>, displayName: string): {
+    ({ name, children, theme, sound, ambientSoundSrc, clickSoundSrc, marqueeText, }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "loader-pack",
-  "version": "1.2.4",
-  "description": "A beautiful animated intro/loader screen for React apps",
+  "version": "2.0.0",
+  "description": "Beautiful animated intro/loader screens for React — 5 variants (classic, terminal, minimal, spotlight, glitch) with dark/light themes, sound effects, and tree-shakeable imports",
   "type": "module",
   "main": "dist/loader-pack.umd.cjs",
   "module": "dist/loader-pack.js",
@@ -30,6 +30,8 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "typescript": "~5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^5.0.0-beta.6"
@@ -39,11 +41,18 @@
     "loader",
     "intro-screen",
     "animation",
-    "portfolio"
+    "portfolio",
+    "loading-screen",
+    "splash-screen",
+    "glitch",
+    "terminal",
+    "spotlight",
+    "dark-theme",
+    "react-component"
   ],
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/bhavya-madan/loader-pack"
+    "url": "https://github.com/bhavya1006/loader-pack"
   }
 }