@arkyn/components 3.0.1-beta.12 → 3.0.1-beta.13

package/dist/src/hooks/useScopedParams.js

@@ -0,0 +1,107 @@
+/**
+ * Utility function to manage URL search parameters with optional scoping.
+ * Provides functionality to get parameters and generate updated search strings
+ * while maintaining existing parameters.
+ *
+ * @param searchString - The current URL search parameters string (e.g., "page=1&filter=active")
+ * @param scope - Optional scope prefix for parameters. When provided, parameters will be prefixed with "scope:". Default: ""
+ *
+ * @returns Object containing parameter management functions:
+ * @returns getParam - Function to get a parameter value by key (considers scope if provided)
+ * @returns getScopedSearch - Function to generate search string with updated parameters while preserving existing ones
+ *
+ * @example
+ * ```tsx
+ * // Basic usage without scope
+ * const searchString = "page=1&filter=active";
+ * const { getParam, getScopedSearch } = useScopedParams(searchString);
+ *
+ * // Get a parameter value
+ * const page = getParam('page'); // Returns "1"
+ * const filter = getParam('filter'); // Returns "active"
+ *
+ * // Generate search string with new/updated parameters
+ * const newSearch = getScopedSearch({ page: 2, sort: 'name' });
+ * // Result: "?page=2&filter=active&sort=name"
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usage with scope
+ * const searchString = "filters:status=active&filters:category=tech&page=1";
+ * const { getParam, getScopedSearch } = useScopedParams(searchString, 'filters');
+ *
+ * // Get a scoped parameter value
+ * const status = getParam('status'); // Gets 'filters:status' from URL, returns "active"
+ * const category = getParam('category'); // Gets 'filters:category' from URL, returns "tech"
+ *
+ * // Generate search string with scoped parameters
+ * const newSearch = getScopedSearch({
+ *   status: 'inactive',
+ *   category: 'sports',
+ *   price: 100,
+ *   discount: undefined // This will remove 'filters:discount' from URL if it exists
+ * });
+ * // Result: "?filters:status=inactive&filters:category=sports&filters:price=100&page=1"
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Real-world usage with React Router
+ * import { useLocation, useNavigate } from 'react-router-dom';
+ *
+ * function ProductFilter() {
+ *   const location = useLocation();
+ *   const navigate = useNavigate();
+ *   const { getParam, getScopedSearch } = useScopedParams(location.search, 'product');
+ *
+ *   const handleFilterChange = (newFilters: Record<string, any>) => {
+ *     const searchString = getScopedSearch(newFilters);
+ *     navigate({ search: searchString });
+ *   };
+ *
+ *   const currentCategory = getParam('category');
+ *   const currentPrice = getParam('price');
+ *
+ *   return (
+ *     <div>
+ *       <p>Current category: {currentCategory || 'All'}</p>
+ *       <p>Current price filter: {currentPrice || 'None'}</p>
+ *
+ *       <button onClick={() => handleFilterChange({ category: 'electronics' })}>
+ *         Electronics
+ *       </button>
+ *
+ *       <button onClick={() => handleFilterChange({ category: undefined, price: undefined })}>
+ *         Clear Filters
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+function useScopedParams(searchString, scope = "") {
+    const searchParams = new URLSearchParams(searchString);
+    const prefix = scope ? `${scope}:` : "";
+    const updateSearchParams = (params) => {
+        Object.entries(params).forEach(([key, value]) => {
+            if (value === undefined) {
+                searchParams.delete(`${prefix}${key}`);
+            }
+            else {
+                searchParams.set(`${prefix}${key}`, String(value));
+            }
+        });
+    };
+    return {
+        getParam: (key) => searchParams.get(`${prefix}${key}`),
+        getScopedSearch: (params) => {
+            updateSearchParams(params);
+            let search = searchParams.toString();
+            if (search)
+                search = "?" + search;
+            return search;
+        },
+    };
+}
+export { useScopedParams };

package/dist/src/hooks/useScrollLock.d.ts

@@ -0,0 +1,39 @@
+/**
+ * useScrollLock hook - manages body scroll blocking for overlays
+ *
+ * @param isLocked - Whether the body scroll should be locked
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [isModalOpen, setIsModalOpen] = useState(false);
+ * useScrollLock(isModalOpen);
+ *
+ * // In a modal component
+ * function Modal({ isVisible }) {
+ *   useScrollLock(isVisible);
+ *
+ *   return isVisible ? (
+ *     <div className="modal">
+ *       <div className="modal-content">
+ *         Modal content
+ *       </div>
+ *     </div>
+ *   ) : null;
+ * }
+ *
+ * // In a drawer component
+ * function Drawer({ isOpen }) {
+ *   useScrollLock(isOpen);
+ *
+ *   return (
+ *     <aside className={`drawer ${isOpen ? 'open' : 'closed'}`}>
+ *       Drawer content
+ *     </aside>
+ *   );
+ * }
+ * ```
+ */
+declare function useScrollLock(isLocked: boolean): void;
+export { useScrollLock };
+//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/src/hooks/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScrollLock.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,iBAAS,aAAa,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAU9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/hooks/useScrollLock.js

@@ -0,0 +1,49 @@
+import { useEffect } from "react";
+/**
+ * useScrollLock hook - manages body scroll blocking for overlays
+ *
+ * @param isLocked - Whether the body scroll should be locked
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [isModalOpen, setIsModalOpen] = useState(false);
+ * useScrollLock(isModalOpen);
+ *
+ * // In a modal component
+ * function Modal({ isVisible }) {
+ *   useScrollLock(isVisible);
+ *
+ *   return isVisible ? (
+ *     <div className="modal">
+ *       <div className="modal-content">
+ *         Modal content
+ *       </div>
+ *     </div>
+ *   ) : null;
+ * }
+ *
+ * // In a drawer component
+ * function Drawer({ isOpen }) {
+ *   useScrollLock(isOpen);
+ *
+ *   return (
+ *     <aside className={`drawer ${isOpen ? 'open' : 'closed'}`}>
+ *       Drawer content
+ *     </aside>
+ *   );
+ * }
+ * ```
+ */
+function useScrollLock(isLocked) {
+    useEffect(() => {
+        if (isLocked) {
+            const originalOverflow = document.body.style.overflow;
+            document.body.style.overflow = "hidden";
+            return () => {
+                document.body.style.overflow = originalOverflow;
+            };
+        }
+    }, [isLocked]);
+}
+export { useScrollLock };

package/dist/src/hooks/useSlider.d.ts

@@ -0,0 +1,31 @@
+type UseSliderReturnProps = [number, (number: number) => void];
+/**
+ * useSlider hook - manages slider value state with boundary validation
+ *
+ * @param defaultValue - Initial value for the slider (0-100). Default: 0
+ *
+ * @returns Array containing current slider value and setter function
+ * - [0]: Current slider value (number between 0-100)
+ * - [1]: Function to update slider value with boundary validation
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [value, setValue] = useSlider();
+ *
+ * // With default value
+ * const [value, setValue] = useSlider(50);
+ *
+ * // Usage in component
+ * function SliderComponent() {
+ *   const [sliderValue, changeSliderValue] = useSlider(25);
+ *
+ *   return (
+ *     <Slider value={sliderValue} onChange={changeSliderValue} />
+ *   );
+ * }
+ * ```
+ */
+declare function useSlider(defaultValue?: number): UseSliderReturnProps;
+export { useSlider };
+//# sourceMappingURL=useSlider.d.ts.map

package/dist/src/hooks/useSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,iBAAS,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAiB9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/hooks/useSlider.js

@@ -0,0 +1,49 @@
+import { useState } from "react";
+/**
+ * useSlider hook - manages slider value state with boundary validation
+ *
+ * @param defaultValue - Initial value for the slider (0-100). Default: 0
+ *
+ * @returns Array containing current slider value and setter function
+ * - [0]: Current slider value (number between 0-100)
+ * - [1]: Function to update slider value with boundary validation
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [value, setValue] = useSlider();
+ *
+ * // With default value
+ * const [value, setValue] = useSlider(50);
+ *
+ * // Usage in component
+ * function SliderComponent() {
+ *   const [sliderValue, changeSliderValue] = useSlider(25);
+ *
+ *   return (
+ *     <Slider value={sliderValue} onChange={changeSliderValue} />
+ *   );
+ * }
+ * ```
+ */
+function useSlider(defaultValue) {
+    function getDefaultValue() {
+        if (!defaultValue)
+            return 0;
+        if (defaultValue <= 0)
+            return 0;
+        if (defaultValue >= 100)
+            return 100;
+        return defaultValue;
+    }
+    const [sliderValue, setSliderValue] = useState(getDefaultValue());
+    function changeSliderValue(value) {
+        if (value <= 0)
+            return setSliderValue(0);
+        if (value >= 100)
+            return setSliderValue(100);
+        return setSliderValue(value);
+    }
+    return [sliderValue, changeSliderValue];
+}
+export { useSlider };

package/dist/src/index.d.ts

@@ -0,0 +1,40 @@
+export { AlertContainer } from "./components/alert/alertContainer";
+export { AlertContent } from "./components/alert/alertContent";
+export { AlertDescription } from "./components/alert/alertDescription";
+export { AlertIcon } from "./components/alert/alertIcon";
+export { AlertTitle } from "./components/alert/alertTitle";
+export { AudioPlayer } from "./components/audioPlayer";
+export { Badge } from "./components/badge";
+export { Button } from "./components/button";
+export { CardTabButton } from "./components/cardTab/cardTabButton";
+export { CardTabContainer } from "./components/cardTab/cardTabContainer";
+export { Checkbox } from "./components/checkbox";
+export { CurrencyInput } from "./components/currencyInput";
+export { Divider } from "./components/divider";
+export { DrawerContainer } from "./components/drawer/drawerContainer";
+export { DrawerHeader } from "./components/drawer/drawerHeader";
+export { FieldError } from "./components/fieldError";
+export { FieldLabel } from "./components/fieldLabel";
+export { FieldWrapper } from "./components/fieldWrapper";
+export { IconButton } from "./components/iconButton";
+export { Input } from "./components/input";
+export { MaskedInput } from "./components/maskedInput";
+export { ModalContainer } from "./components/modal/modalContainer";
+export { ModalFooter } from "./components/modal/modalFooter";
+export { ModalHeader } from "./components/modal/modalHeader";
+export { MultiSelect } from "./components/multiSelect";
+export { PhoneInput } from "./components/phoneInput";
+export { RadioBox } from "./components/radio/radioBox";
+export { RadioGroup } from "./components/radio/radioGroup";
+export { Slider } from "./components/slider";
+export { Switch } from "./components/switch";
+export { TabButton } from "./components/tab/tabButton";
+export { TabContainer } from "./components/tab/tabContainer";
+export { Textarea } from "./components/textarea";
+export { Tooltip } from "./components/tooltip";
+export { useForm } from "./hooks/useForm";
+export { useScopedParams } from "./hooks/useScopedParams";
+export { useScrollLock } from "./hooks/useScrollLock";
+export { useSlider } from "./hooks/useSlider";
+export { FormProvider } from "./providers/formProvider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,42 @@
+// components
+export { AlertContainer } from "./components/alert/alertContainer";
+export { AlertContent } from "./components/alert/alertContent";
+export { AlertDescription } from "./components/alert/alertDescription";
+export { AlertIcon } from "./components/alert/alertIcon";
+export { AlertTitle } from "./components/alert/alertTitle";
+export { AudioPlayer } from "./components/audioPlayer";
+export { Badge } from "./components/badge";
+export { Button } from "./components/button";
+export { CardTabButton } from "./components/cardTab/cardTabButton";
+export { CardTabContainer } from "./components/cardTab/cardTabContainer";
+export { Checkbox } from "./components/checkbox";
+export { CurrencyInput } from "./components/currencyInput";
+export { Divider } from "./components/divider";
+export { DrawerContainer } from "./components/drawer/drawerContainer";
+export { DrawerHeader } from "./components/drawer/drawerHeader";
+export { FieldError } from "./components/fieldError";
+export { FieldLabel } from "./components/fieldLabel";
+export { FieldWrapper } from "./components/fieldWrapper";
+export { IconButton } from "./components/iconButton";
+export { Input } from "./components/input";
+export { MaskedInput } from "./components/maskedInput";
+export { ModalContainer } from "./components/modal/modalContainer";
+export { ModalFooter } from "./components/modal/modalFooter";
+export { ModalHeader } from "./components/modal/modalHeader";
+export { MultiSelect } from "./components/multiSelect";
+export { PhoneInput } from "./components/phoneInput";
+export { RadioBox } from "./components/radio/radioBox";
+export { RadioGroup } from "./components/radio/radioGroup";
+export { Slider } from "./components/slider";
+export { Switch } from "./components/switch";
+export { TabButton } from "./components/tab/tabButton";
+export { TabContainer } from "./components/tab/tabContainer";
+export { Textarea } from "./components/textarea";
+export { Tooltip } from "./components/tooltip";
+// hooks
+export { useForm } from "./hooks/useForm";
+export { useScopedParams } from "./hooks/useScopedParams";
+export { useScrollLock } from "./hooks/useScrollLock";
+export { useSlider } from "./hooks/useSlider";
+// providers
+export { FormProvider } from "./providers/formProvider";

package/dist/src/providers/formProvider.d.ts

@@ -0,0 +1,76 @@
+import { ReactNode } from "react";
+type FormContextProps = {
+    fieldErrors: {
+        [x: string]: any;
+    };
+};
+type FormProviderProps = {
+    children: ReactNode;
+    fieldErrors?: any;
+    form?: React.ReactElement;
+};
+declare const formContext: import("react").Context<FormContextProps>;
+/**
+ * FormProvider component - provides form context including field errors to child components
+ *
+ * @param props - FormProvider component properties
+ * @param props.children - React elements that will have access to the form context
+ * @param props.fieldErrors - Object containing validation errors indexed by field name
+ * @param props.form - Optional form element to wrap the children with
+ *
+ * @returns FormProvider JSX element that wraps children with form context
+ *
+ * @example
+ * ```tsx
+ * // Basic form provider with field errors
+ * function App() {
+ *   const errors = {
+ *     email: "Invalid email format",
+ *     password: "Password is required"
+ *   };
+ *
+ *   return (
+ *     <FormProvider fieldErrors={errors}>
+ *       <Input name="email" label="Email" />
+ *       <Input name="password" label="Password" type="password" />
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ * // Form provider with custom form element
+ * function FormWithValidation() {
+ *   const [errors, setErrors] = useState({});
+ *
+ *   const handleSubmit = (e) => {
+ *     e.preventDefault();
+ *     // validation logic
+ *   };
+ *
+ *   return (
+ *     <FormProvider
+ *       fieldErrors={errors}
+ *       form={<form onSubmit={handleSubmit} />}
+ *     >
+ *       <Input name="username" label="Username" />
+ *       <Button type="submit">Submit</Button>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ * // Using with useForm hook
+ * function FormField() {
+ *   const { fieldErrors } = useForm();
+ *
+ *   return (
+ *     <Input
+ *       name="email"
+ *       label="Email"
+ *       errorMessage={fieldErrors?.email}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare function FormProvider(props: FormProviderProps): import("react/jsx-runtime").JSX.Element;
+export { formContext, FormProvider };
+//# sourceMappingURL=formProvider.d.ts.map

package/dist/src/providers/formProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/formProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+C,MAAM,OAAO,CAAC;AAE/E,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAS7C;AAED,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/providers/formProvider.js

@@ -0,0 +1,69 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, cloneElement } from "react";
+const formContext = createContext({});
+/**
+ * FormProvider component - provides form context including field errors to child components
+ *
+ * @param props - FormProvider component properties
+ * @param props.children - React elements that will have access to the form context
+ * @param props.fieldErrors - Object containing validation errors indexed by field name
+ * @param props.form - Optional form element to wrap the children with
+ *
+ * @returns FormProvider JSX element that wraps children with form context
+ *
+ * @example
+ * ```tsx
+ * // Basic form provider with field errors
+ * function App() {
+ *   const errors = {
+ *     email: "Invalid email format",
+ *     password: "Password is required"
+ *   };
+ *
+ *   return (
+ *     <FormProvider fieldErrors={errors}>
+ *       <Input name="email" label="Email" />
+ *       <Input name="password" label="Password" type="password" />
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ * // Form provider with custom form element
+ * function FormWithValidation() {
+ *   const [errors, setErrors] = useState({});
+ *
+ *   const handleSubmit = (e) => {
+ *     e.preventDefault();
+ *     // validation logic
+ *   };
+ *
+ *   return (
+ *     <FormProvider
+ *       fieldErrors={errors}
+ *       form={<form onSubmit={handleSubmit} />}
+ *     >
+ *       <Input name="username" label="Username" />
+ *       <Button type="submit">Submit</Button>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ * // Using with useForm hook
+ * function FormField() {
+ *   const { fieldErrors } = useForm();
+ *
+ *   return (
+ *     <Input
+ *       name="email"
+ *       label="Email"
+ *       errorMessage={fieldErrors?.email}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+function FormProvider(props) {
+    const { children, fieldErrors, form } = props;
+    return (_jsxs(formContext.Provider, { value: { fieldErrors }, children: [!form && children, form && cloneElement(form, form.props, children)] }));
+}
+export { formContext, FormProvider };

package/dist/src/services/iconRenderer.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from "lucide-react";
+type IconRendererProps = {
+    iconSize: number;
+    className?: string;
+    icon?: LucideIcon | string;
+    show?: boolean;
+};
+declare function IconRenderer(props: IconRendererProps): import("react/jsx-runtime").JSX.Element;
+export { IconRenderer };
+//# sourceMappingURL=iconRenderer.d.ts.map

package/dist/src/services/iconRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconRenderer.d.ts","sourceRoot":"","sources":["../../../src/services/iconRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAW7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/services/iconRenderer.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+function IconRenderer(props) {
+    const { iconSize, icon: Icon, className, show = true } = props;
+    if (!show)
+        return _jsx(_Fragment, {});
+    if (!Icon)
+        return _jsx(_Fragment, {});
+    if (typeof Icon === "string") {
+        return _jsx("p", { className: className, children: Icon });
+    }
+    return _jsx(Icon, { size: iconSize, className: className, strokeWidth: 2.5 });
+}
+export { IconRenderer };

package/dist/src/services/maskCurrencyValues.d.ts

@@ -0,0 +1,4 @@
+type Locale = "USD" | "EUR" | "JPY" | "GBP" | "AUD" | "CAD" | "CHF" | "CNY" | "SEK" | "NZD" | "BRL" | "INR" | "RUB" | "ZAR" | "MXN" | "SGD" | "HKD" | "NOK" | "KRW" | "TRY" | "IDR" | "THB";
+declare function maskCurrencyValues(inputFieldValue: string | number | undefined, locale: Locale): [number, string];
+export { maskCurrencyValues };
+//# sourceMappingURL=maskCurrencyValues.d.ts.map

package/dist/src/services/maskCurrencyValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maskCurrencyValues.d.ts","sourceRoot":"","sources":["../../../src/services/maskCurrencyValues.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAiBV,iBAAS,kBAAkB,CACzB,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,EAAE,MAAM,CAAC,CAOlB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/src/services/maskCurrencyValues.js

@@ -0,0 +1,23 @@
+import { formatToCurrency, removeNonNumeric } from "@arkyn/shared";
+function normalizeValue(number) {
+    let safeNumber = number;
+    if (typeof number === "string") {
+        safeNumber = +removeNonNumeric(number);
+        if (safeNumber % 1 !== 0)
+            safeNumber = safeNumber.toFixed(2);
+    }
+    else {
+        safeNumber = Number.isInteger(number)
+            ? Number(number) * 10 ** 2
+            : number.toFixed(2);
+    }
+    return +removeNonNumeric(String(safeNumber)) / 10 ** 2;
+}
+function maskCurrencyValues(inputFieldValue, locale) {
+    if (!inputFieldValue)
+        return [0, formatToCurrency(0, locale)];
+    const value = normalizeValue(inputFieldValue);
+    const maskedValue = formatToCurrency(value, locale);
+    return [value, maskedValue];
+}
+export { maskCurrencyValues };