premium-react-loaders 2.1.0 → 2.2.0

package/README.md

@@ -1,6 +1,6 @@
 # Premium React Loaders
 
-A comprehensive collection of **25 premium, production-ready loading components** for React applications. Built with TypeScript and custom CSS for maximum flexibility and zero configuration.
+A comprehensive collection of **28 premium, production-ready loading components** for React applications. Built with TypeScript and custom CSS for maximum flexibility and zero configuration.
 
 [![npm version](https://img.shields.io/npm/v/premium-react-loaders.svg)](https://www.npmjs.com/package/premium-react-loaders)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -11,11 +11,11 @@ A comprehensive collection of **25 premium, production-ready loading components*
 
 📚 **[Storybook Documentation](https://docs.premium-react-loaders.ishansasika.dev/)** - Detailed component documentation and examples
 
-See all 25 components in action with interactive examples and customization options.
+See all 28 components in action with interactive examples and customization options.
 
 ## Features
 
-- **25 Premium Components** across 5 categories (Skeleton, Spinner, Progress, Pulse, Overlay)
+- **28 Premium Components** across 7 categories (Skeleton, Spinner, Progress, Pulse, Overlay, Button, Status)
 - **Global Theming** - ThemeProvider for app-wide customization ✨ *New in v2.1.0*
 - **Smart Loading UX** - useLoader hook with delay, minDuration, and autoHide ✨ *New in v2.1.0*
 - **Enhanced CSS Variables** - Comprehensive theming with dark mode support ✨ *New in v2.1.0*
@@ -165,6 +165,19 @@ Wrapper component for displaying loaders over content:
 
 - **LoaderOverlay** - Displays any loader over content with backdrop (full-screen or container-relative)
 
+### Button Components (1 component) ✨ *New in v2.2.0*
+
+Specialized loaders for button loading states:
+
+- **ButtonSpinner** - Compact spinner optimized for buttons with multiple variants (circle, dots, bars) and positioning options
+
+### Status Components (2 components) ✨ *New in v2.2.0*
+
+Animated indicators for success and error states:
+
+- **SuccessCheckmark** - Animated checkmark with optional circle background
+- **ErrorIndicator** - Animated X mark with optional shake effect and circle background
+
 ## Usage Examples
 
 ### Skeleton Components
@@ -337,6 +350,49 @@ import { SpinnerCircle, ProgressBar, PulseDots } from 'premium-react-loaders';
 <PulseDots size="md" reverse />
 ```
 
+### New in v2.2.0
+
+**Button Loaders** - Specialized spinners for button states:
+
+```tsx
+import { ButtonSpinner } from 'premium-react-loaders';
+
+// Inside a button
+<button style={{ padding: '10px 20px', backgroundColor: '#3b82f6', color: 'white' }}>
+  <ButtonSpinner variant="circle" size={16} color="white">
+    Submit Form
+  </ButtonSpinner>
+</button>
+
+// Different variants
+<ButtonSpinner variant="dots" position="right">Next</ButtonSpinner>
+<ButtonSpinner variant="bars" showContent={false}>Loading</ButtonSpinner>
+```
+
+**Status Indicators** - Show success and error states with smooth animations:
+
+```tsx
+import { SuccessCheckmark, ErrorIndicator } from 'premium-react-loaders';
+
+// Success state
+<SuccessCheckmark
+  visible={isSuccess}
+  showCircle
+  fillCircle
+  size={64}
+  color="#10b981"
+/>
+
+// Error state with shake
+<ErrorIndicator
+  visible={hasError}
+  showCircle
+  shake
+  size={64}
+  color="#ef4444"
+/>
+```
+
 ### New in v2.1.0
 
 **Global Theming** - Customize all loaders from one place:

package/dist/components/button/ButtonSpinner.d.ts

@@ -0,0 +1,25 @@
+import { ButtonSpinnerProps } from '../../types';
+/**
+ * ButtonSpinner - Spinner designed for button loading states
+ *
+ * A compact spinner component optimized for use inside buttons, with options for
+ * positioning relative to button content and different visual variants.
+ *
+ * @example
+ * ```tsx
+ * // Simple button with spinner
+ * <ButtonSpinner visible={isLoading}>Submit</ButtonSpinner>
+ *
+ * // Spinner on the left
+ * <ButtonSpinner visible={isLoading} position="left" variant="dots">
+ *   Loading...
+ * </ButtonSpinner>
+ *
+ * // Hide content when loading
+ * <ButtonSpinner visible={isLoading} showContent={false}>
+ *   Click Me
+ * </ButtonSpinner>
+ * ```
+ */
+export declare const ButtonSpinner: import('react').ForwardRefExoticComponent<ButtonSpinnerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ButtonSpinner.d.ts.map

package/dist/components/button/ButtonSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/button/ButtonSpinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AASjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,aAAa,+GA8IzB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { ButtonSpinner } from './ButtonSpinner';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/index.d.ts

@@ -3,4 +3,6 @@ export * from './spinner';
 export * from './progress';
 export * from './pulse';
 export * from './overlay';
+export * from './button';
+export * from './status';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAG3B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAG3B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC"}

package/dist/components/status/ErrorIndicator.d.ts

@@ -0,0 +1,32 @@
+import { ErrorIndicatorProps } from '../../types';
+/**
+ * ErrorIndicator - Animated error indicator with X mark
+ *
+ * Displays an animated X mark that draws itself, perfect for showing
+ * failed operations, validation errors, or error states.
+ *
+ * @example
+ * ```tsx
+ * // Simple error indicator
+ * <ErrorIndicator visible={hasError} />
+ *
+ * // With circle background and shake animation
+ * <ErrorIndicator
+ *   visible={hasError}
+ *   showCircle
+ *   circleColor="#ef4444"
+ *   fillCircle
+ *   shake
+ * />
+ *
+ * // Custom size and color
+ * <ErrorIndicator
+ *   visible={hasError}
+ *   size={64}
+ *   color="#dc2626"
+ *   duration={600}
+ * />
+ * ```
+ */
+export declare const ErrorIndicator: import('react').ForwardRefExoticComponent<ErrorIndicatorProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ErrorIndicator.d.ts.map

package/dist/components/status/ErrorIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/status/ErrorIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,gHAkG1B,CAAC"}

package/dist/components/status/SuccessCheckmark.d.ts

@@ -0,0 +1,31 @@
+import { SuccessCheckmarkProps } from '../../types';
+/**
+ * SuccessCheckmark - Animated checkmark for successful operations
+ *
+ * Displays an animated checkmark that draws itself, perfect for showing
+ * successful completion of actions like form submissions, file uploads, etc.
+ *
+ * @example
+ * ```tsx
+ * // Simple checkmark
+ * <SuccessCheckmark visible={isSuccess} />
+ *
+ * // With circle background
+ * <SuccessCheckmark
+ *   visible={isSuccess}
+ *   showCircle
+ *   circleColor="#10b981"
+ *   fillCircle
+ * />
+ *
+ * // Custom size and color
+ * <SuccessCheckmark
+ *   visible={isSuccess}
+ *   size={64}
+ *   color="#22c55e"
+ *   duration={600}
+ * />
+ * ```
+ */
+export declare const SuccessCheckmark: import('react').ForwardRefExoticComponent<SuccessCheckmarkProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SuccessCheckmark.d.ts.map

package/dist/components/status/SuccessCheckmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessCheckmark.d.ts","sourceRoot":"","sources":["../../../src/components/status/SuccessCheckmark.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,gBAAgB,kHAwF5B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { SuccessCheckmark } from './SuccessCheckmark';
+export { ErrorIndicator } from './ErrorIndicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.cjs

@@ -30,6 +30,9 @@ const PulseWave = require("./index28.cjs");
 const PulseBars = require("./index29.cjs");
 const TypingIndicator = require("./index30.cjs");
 const LoaderOverlay = require("./index31.cjs");
+const ButtonSpinner = require("./index32.cjs");
+const SuccessCheckmark = require("./index33.cjs");
+const ErrorIndicator = require("./index34.cjs");
 const version = "2.1.0";
 exports.cn = classNames.cn;
 exports.getAnimationDuration = colors.getAnimationDuration;
@@ -62,4 +65,7 @@ exports.PulseWave = PulseWave.PulseWave;
 exports.PulseBars = PulseBars.PulseBars;
 exports.TypingIndicator = TypingIndicator.TypingIndicator;
 exports.LoaderOverlay = LoaderOverlay.LoaderOverlay;
+exports.ButtonSpinner = ButtonSpinner.ButtonSpinner;
+exports.SuccessCheckmark = SuccessCheckmark.SuccessCheckmark;
+exports.ErrorIndicator = ErrorIndicator.ErrorIndicator;
 exports.version = version;

package/dist/index.js

@@ -28,8 +28,13 @@ import { PulseWave } from "./index28.js";
 import { PulseBars } from "./index29.js";
 import { TypingIndicator } from "./index30.js";
 import { LoaderOverlay } from "./index31.js";
+import { ButtonSpinner } from "./index32.js";
+import { SuccessCheckmark } from "./index33.js";
+import { ErrorIndicator } from "./index34.js";
 const version = "2.1.0";
 export {
+  ButtonSpinner,
+  ErrorIndicator,
   LoaderOverlay,
   ProgressBar,
   ProgressCircle,
@@ -54,6 +59,7 @@ export {
   SpinnerPulse,
   SpinnerRing,
   SpinnerWave,
+  SuccessCheckmark,
   ThemeProvider,
   TypingIndicator,
   cn,

package/dist/index10.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const SkeletonImage = react.forwardRef(
   ({
     width = "100%",

package/dist/index10.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 const SkeletonImage = forwardRef(
   ({
     width = "100%",

package/dist/index11.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
 const SkeletonAvatar = require("./index9.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonCard = react.forwardRef(
   ({

package/dist/index11.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
 import { SkeletonAvatar } from "./index9.js";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 import { cn } from "./index3.js";
 const SkeletonCard = forwardRef(
   ({

package/dist/index12.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonList = react.forwardRef(

package/dist/index12.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const SkeletonList = forwardRef(

package/dist/index13.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonTable = react.forwardRef(
   ({

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 import { cn } from "./index3.js";
 const SkeletonTable = forwardRef(
   ({

package/dist/index14.cjs

@@ -5,7 +5,7 @@ const react = require("react");
 const Skeleton = require("./index7.cjs");
 const SkeletonText = require("./index8.cjs");
 const SkeletonAvatar = require("./index9.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonPage = react.forwardRef(
   ({

package/dist/index14.js

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
 import { SkeletonText } from "./index8.js";
 import { SkeletonAvatar } from "./index9.js";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 import { cn } from "./index3.js";
 const SkeletonPage = forwardRef(
   ({

package/dist/index15.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Skeleton = require("./index7.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const SkeletonForm = react.forwardRef(

package/dist/index15.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton } from "./index7.js";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const SkeletonForm = forwardRef(

package/dist/index16.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SpinnerCircle = react.forwardRef(

package/dist/index16.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const SpinnerCircle = forwardRef(

package/dist/index17.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SpinnerRing = react.forwardRef(

package/dist/index17.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const SpinnerRing = forwardRef(

package/dist/index18.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const colors = require("./index4.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const SpinnerDots = react.forwardRef(
   ({

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 const SpinnerDots = forwardRef(
   ({

package/dist/index19.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const SpinnerBars = react.forwardRef(

package/dist/index19.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const SpinnerBars = forwardRef(

package/dist/index20.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SpinnerGrid = react.forwardRef(

package/dist/index20.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 const SpinnerGrid = forwardRef(

package/dist/index21.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SpinnerWave = react.forwardRef(

package/dist/index21.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const SpinnerWave = forwardRef(

package/dist/index22.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const colors = require("./index4.cjs");
 const SpinnerPulse = react.forwardRef(

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 import { normalizeSize } from "./index4.js";
 const SpinnerPulse = forwardRef(

package/dist/index23.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const colors = require("./index4.cjs");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const ProgressBar = react.forwardRef(
   ({

package/dist/index23.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 import { normalizeSize, getContrastColor } from "./index4.js";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { cn } from "./index3.js";
 const ProgressBar = forwardRef(
   ({

package/dist/index24.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const ProgressCircle = react.forwardRef(

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const ProgressCircle = forwardRef(

package/dist/index25.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const ProgressRing = react.forwardRef(

package/dist/index25.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { normalizeSize, parseSizeToNumber } from "./index4.js";
 import { cn } from "./index3.js";
 const ProgressRing = forwardRef(

package/dist/index26.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const classNames = require("./index3.cjs");
 const ProgressSteps = react.forwardRef(
   ({

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, Fragment } from "react";
-import { useLoaderVisibility } from "./index32.js";
+import { useLoaderVisibility } from "./index35.js";
 import { cn } from "./index3.js";
 const ProgressSteps = forwardRef(
   ({

package/dist/index27.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const PulseDots = react.forwardRef(

package/dist/index27.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index32.js";
+import { useReducedMotion, useLoaderVisibility, getEffectiveDuration } from "./index35.js";
 import { normalizeSize } from "./index4.js";
 import { cn } from "./index3.js";
 const PulseDots = forwardRef(

package/dist/index28.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const hooks = require("./index32.cjs");
+const hooks = require("./index35.cjs");
 const colors = require("./index4.cjs");
 const classNames = require("./index3.cjs");
 const PulseWave = react.forwardRef(