@almadar/ui 4.4.0 → 4.4.1

package/dist/avl/index.cjs

@@ -7147,7 +7147,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = React126.useState(value);
       const previousValueRef = React126.useRef(value);
       const animationFrameRef = React126.useRef(null);

package/dist/avl/index.js

@@ -7101,7 +7101,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = useState(value);
       const previousValueRef = useRef(value);
       const animationFrameRef = useRef(null);

package/dist/components/atoms/AnimatedCounter.d.ts

@@ -6,8 +6,8 @@
  */
 import React from "react";
 export interface AnimatedCounterProps {
-    /** The target number to animate to */
-    value: number;
+    /** The target value to animate to. Strings are parsed numerically (e.g. "500", "99.9"). */
+    value: number | string;
     /** Animation duration in milliseconds */
     duration?: number;
     /** Text to display before the number */

package/dist/components/index.cjs

@@ -3178,7 +3178,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = React110.useState(value);
       const previousValueRef = React110.useRef(value);
       const animationFrameRef = React110.useRef(null);

package/dist/components/index.js

@@ -3133,7 +3133,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = useState(value);
       const previousValueRef = useRef(value);
       const animationFrameRef = useRef(null);

package/dist/components/molecules/AnimatedCounter.d.ts

@@ -6,8 +6,8 @@
  */
 import React from 'react';
 export interface AnimatedCounterProps {
-    /** Target value to count to (e.g. "500+", "99.9%", "3x") */
-    value: string;
+    /** Target value to count to. Strings allow display formats (e.g. "500+", "99.9%", "3x"); numbers are coerced. */
+    value: string | number;
     /** Label displayed below the number */
     label: string;
     /** Animation duration in ms */

package/dist/marketing/index.cjs

@@ -4641,7 +4641,7 @@ var PullQuote = ({
 };
 PullQuote.displayName = "PullQuote";
 function parseValue(value) {
-  if (!value) return { num: 0, prefix: "", suffix: "", decimals: 0 };
+  if (value === "" || value == null) return { num: 0, prefix: "", suffix: "", decimals: 0 };
   const match = String(value).match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
   if (!match) {
     return { num: 0, prefix: "", suffix: String(value), decimals: 0 };
@@ -4668,7 +4668,7 @@ var AnimatedCounter = ({
   const animate = React5.useCallback(() => {
     const { num, prefix, suffix, decimals } = parseValue(value);
     if (num === 0) {
-      setDisplayValue(value);
+      setDisplayValue(String(value));
       return;
     }
     const startTime = performance.now();
@@ -4681,7 +4681,7 @@ var AnimatedCounter = ({
       if (progress < 1) {
         requestAnimationFrame(tick);
       } else {
-        setDisplayValue(value);
+        setDisplayValue(String(value));
       }
     };
     requestAnimationFrame(tick);

package/dist/marketing/index.d.cts

@@ -822,8 +822,8 @@ declare const PullQuote: React.FC<PullQuoteProps>;
  */
 
 interface AnimatedCounterProps {
-    /** Target value to count to (e.g. "500+", "99.9%", "3x") */
-    value: string;
+    /** Target value to count to. Strings allow display formats (e.g. "500+", "99.9%", "3x"); numbers are coerced. */
+    value: string | number;
     /** Label displayed below the number */
     label: string;
     /** Animation duration in ms */

package/dist/marketing/index.js

@@ -4617,7 +4617,7 @@ var PullQuote = ({
 };
 PullQuote.displayName = "PullQuote";
 function parseValue(value) {
-  if (!value) return { num: 0, prefix: "", suffix: "", decimals: 0 };
+  if (value === "" || value == null) return { num: 0, prefix: "", suffix: "", decimals: 0 };
   const match = String(value).match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
   if (!match) {
     return { num: 0, prefix: "", suffix: String(value), decimals: 0 };
@@ -4644,7 +4644,7 @@ var AnimatedCounter = ({
   const animate = useCallback(() => {
     const { num, prefix, suffix, decimals } = parseValue(value);
     if (num === 0) {
-      setDisplayValue(value);
+      setDisplayValue(String(value));
       return;
     }
     const startTime = performance.now();
@@ -4657,7 +4657,7 @@ var AnimatedCounter = ({
       if (progress < 1) {
         requestAnimationFrame(tick);
       } else {
-        setDisplayValue(value);
+        setDisplayValue(String(value));
       }
     };
     requestAnimationFrame(tick);

package/dist/providers/index.cjs

@@ -3681,7 +3681,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = React115.useState(value);
       const previousValueRef = React115.useRef(value);
       const animationFrameRef = React115.useRef(null);

package/dist/providers/index.js

@@ -3636,7 +3636,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = useState(value);
       const previousValueRef = useRef(value);
       const animationFrameRef = useRef(null);

package/dist/runtime/index.cjs

@@ -4349,7 +4349,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = React115.useState(value);
       const previousValueRef = React115.useRef(value);
       const animationFrameRef = React115.useRef(null);

package/dist/runtime/index.js

@@ -4304,7 +4304,8 @@ var init_AnimatedCounter = __esm({
       suffix,
       className
     }) => {
-      const value = typeof rawValue === "number" && !Number.isNaN(rawValue) ? rawValue : 0;
+      const numericRaw = typeof rawValue === "number" ? rawValue : Number.parseFloat(String(rawValue ?? ""));
+      const value = !Number.isNaN(numericRaw) ? numericRaw : 0;
       const [displayValue, setDisplayValue] = useState(value);
       const previousValueRef = useRef(value);
       const animationFrameRef = useRef(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",