@almadar/ui 4.4.0 → 4.5.0

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);
@@ -11265,7 +11266,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React126__namespace.default.useState(value);
@@ -11290,7 +11292,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -11301,7 +11304,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React126__namespace.default.useState(value);
@@ -11320,7 +11324,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -11331,7 +11336,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React126__namespace.default.useState(value);
@@ -11350,7 +11356,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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);
@@ -11219,7 +11220,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React126__default.useState(value);
@@ -11244,7 +11246,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -11255,7 +11258,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React126__default.useState(value);
@@ -11274,7 +11278,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -11285,7 +11290,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React126__default.useState(value);
@@ -11304,7 +11310,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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);
@@ -6518,7 +6519,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React110__namespace.default.useState(value);
@@ -6543,7 +6545,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -6554,7 +6557,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React110__namespace.default.useState(value);
@@ -6573,7 +6577,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -6584,7 +6589,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React110__namespace.default.useState(value);
@@ -6603,7 +6609,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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);
@@ -6473,7 +6474,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React110__default.useState(value);
@@ -6498,7 +6500,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -6509,7 +6512,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React110__default.useState(value);
@@ -6528,7 +6532,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -6539,7 +6544,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React110__default.useState(value);
@@ -6558,7 +6564,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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/components/organisms/ComponentPatterns.d.ts

@@ -237,11 +237,17 @@ export interface InputPatternProps extends ClosedCircuitProps {
     onChange?: string;
     onBlur?: string;
     className?: string;
+    /** Form field name. When the input is rendered inside a form-section's
+     *  `fields:` array, the runtime injects this from the field config so
+     *  the rendered DOM input carries `data-field-name="<name>"` and
+     *  `name="<name>"` — verifier-side automation (e.g. orbital-verify's
+     *  `fillFormFieldsFromMap`) selects fields by these attributes. */
+    fieldName?: string;
 }
 /**
  * Input pattern.
  */
-export declare function InputPattern({ value, placeholder, inputType, disabled, fieldError, onChange, onBlur, className, }: InputPatternProps): React.ReactElement;
+export declare function InputPattern({ value, placeholder, inputType, disabled, fieldError, onChange, onBlur, className, fieldName, }: InputPatternProps): React.ReactElement;
 export declare namespace InputPattern {
     var displayName: string;
 }
@@ -254,11 +260,13 @@ export interface TextareaPatternProps extends ClosedCircuitProps {
     fieldError?: string;
     onChange?: string;
     className?: string;
+    /** Form field name — see `InputPatternProps.fieldName`. */
+    fieldName?: string;
 }
 /**
  * Textarea pattern.
  */
-export declare function TextareaPattern({ value, placeholder, rows, disabled, fieldError, onChange, className, }: TextareaPatternProps): React.ReactElement;
+export declare function TextareaPattern({ value, placeholder, rows, disabled, fieldError, onChange, className, fieldName, }: TextareaPatternProps): React.ReactElement;
 export declare namespace TextareaPattern {
     var displayName: string;
 }
@@ -274,11 +282,13 @@ export interface SelectPatternProps extends ClosedCircuitProps {
     fieldError?: string;
     onChange?: string;
     className?: string;
+    /** Form field name — see `InputPatternProps.fieldName`. */
+    fieldName?: string;
 }
 /**
  * Select pattern.
  */
-export declare function SelectPattern({ value, options, placeholder, disabled, fieldError, onChange, className, }: SelectPatternProps): React.ReactElement;
+export declare function SelectPattern({ value, options, placeholder, disabled, fieldError, onChange, className, fieldName, }: SelectPatternProps): React.ReactElement;
 export declare namespace SelectPattern {
     var displayName: string;
 }

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);
@@ -8149,7 +8150,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__namespace.default.useState(value);
@@ -8174,7 +8176,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8185,7 +8188,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__namespace.default.useState(value);
@@ -8204,7 +8208,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8215,7 +8220,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__namespace.default.useState(value);
@@ -8234,7 +8240,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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);
@@ -8104,7 +8105,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__default.useState(value);
@@ -8129,7 +8131,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8140,7 +8143,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__default.useState(value);
@@ -8159,7 +8163,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8170,7 +8175,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__default.useState(value);
@@ -8189,7 +8195,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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);
@@ -8300,7 +8301,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__namespace.default.useState(value);
@@ -8325,7 +8327,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8336,7 +8339,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__namespace.default.useState(value);
@@ -8355,7 +8359,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8366,7 +8371,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__namespace.default.useState(value);
@@ -8385,7 +8391,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

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);
@@ -8255,7 +8256,8 @@ function InputPattern({
   fieldError,
   onChange,
   onBlur,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__default.useState(value);
@@ -8280,7 +8282,8 @@ function InputPattern({
       error: fieldError,
       onChange: handleChange,
       onBlur: handleBlur,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8291,7 +8294,8 @@ function TextareaPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__default.useState(value);
@@ -8310,7 +8314,8 @@ function TextareaPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }
@@ -8321,7 +8326,8 @@ function SelectPattern({
   disabled = false,
   fieldError,
   onChange,
-  className
+  className,
+  fieldName
 }) {
   const { emit } = useEventBus();
   const [localValue, setLocalValue] = React115__default.useState(value);
@@ -8340,7 +8346,8 @@ function SelectPattern({
       disabled,
       error: fieldError,
       onChange: handleChange,
-      className
+      className,
+      ...fieldName !== void 0 && { name: fieldName, "data-field-name": fieldName }
     }
   );
 }

package/package.json

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