react-restyle-components 0.4.39 → 0.4.41

package/lib/src/core-components/src/utils/styling/index.js

@@ -1 +1,5 @@
-"use strict";export*from"./calcWidthOfColumns";export*from"./createGridContainer";export*from"./createTransition";export*from"./forwardProps";export*from"./pxToRem";
+export * from './calcWidthOfColumns';
+export * from './createGridContainer';
+export * from './createTransition';
+export * from './forwardProps';
+export * from './pxToRem';

package/lib/src/core-components/src/utils/styling/pxToRem.js

@@ -1 +1,6 @@
-"use strict";export function pxToRem(e){const t=typeof window<"u"?parseFloat(getComputedStyle(document.documentElement).fontSize):16;return e/t}
+export function pxToRem(sizeInPx) {
+    const computedStyle = typeof window !== 'undefined'
+        ? parseFloat(getComputedStyle(document.documentElement).fontSize)
+        : 16;
+    return sizeInPx / computedStyle;
+}

package/lib/src/core-components/src/utils/testing/getComputedStyle.js

@@ -1 +1,3 @@
-"use strict";export function getComputedStyle(t,e){return window.getComputedStyle(t)[e]}
+export function getComputedStyle(element, property) {
+    return window.getComputedStyle(element)[property];
+}

package/lib/src/core-components/src/utils/testing/index.js

@@ -1 +1 @@
-"use strict";export*from"./getComputedStyle";
+export * from './getComputedStyle';

package/lib/src/core-components/src/utils/utility.util.js

@@ -1 +1,14 @@
-"use strict";import c from"clsx";import{twMerge as s}from"tailwind-merge";export const cn=(...r)=>s(c(r)),mapToArray=r=>{const t=[];return r.forEach(function(o,p){const e=Object.keys(o)[0],n=e;t.push([n,o[e]])}),t};
+import clsx from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export const cn = (...inputs) => {
+    return twMerge(clsx(inputs));
+};
+export const mapToArray = (arr) => {
+    const res = [];
+    arr.forEach(function (obj, index) {
+        const key = Object.keys(obj)[0];
+        const value = key;
+        res.push([value, obj[key]]);
+    });
+    return res;
+};

package/lib/src/core-components/tailwind.config.js

@@ -1 +1,233 @@
-"use strict";const defaultTheme=require("tailwindcss/defaultTheme");module.exports={content:["./public/**/*.html","./src/**/*.{js,jsx,ts,tsx,vue}"],darkMode:"class",theme:{extend:{screens:{...defaultTheme.screens,sm:{min:"0px",max:"767px"},md:{min:"768px",max:"2000px"},"token-xs":"20rem","token-sm":"23.4375rem","token-md":"48rem","token-lg":"64rem","token-xl":"80rem","token-xxl":"90rem"},colors:{current:"currentColor",transparent:"transparent","text-base":"#ffffff",primary:"#454cbf",secondary:"#c57c85",accent:"#422a68",black:"#000000",grey:"#6A727F",grey_0:"#4a4a4a",grey_1:"#707070",light_1:"#ebebeb",white:"#ffffff",background:"#ffffff",light_white:"#f4f6f6",red:{DEFAULT:"#ff0000",...defaultTheme.colors.red},orange:"#ffae1a",mono:"#754c00","border-red":"#ff0000",bgGrey:"#808080",stroke:"#E2E8F0",boxdark:"#24303F","boxdark-2":"#1A222C",strokedark:"#2E3A47",content:"#000000","form-strokedark":"#3d4d60","form-input":"#1d2a39","meta-1":"#DC3545","meta-2":"#EFF2F7","meta-3":"#10B981","meta-4":"#313D4A","meta-5":"#259AE6","meta-6":"#FFBA00","meta-7":"#FF6766","meta-8":"#F0950C","meta-9":"#E5E7EB",success:"#219653",danger:"#D34053",warning:"#FFA70B","token-surface":"var(--surface)","token-on-surface":"var(--on-surface)","token-primary":"var(--primary)","token-on-primary":"var(--on-primary)","token-outline":"var(--outline)","token-outline-soft":"var(--outline-soft)","token-success":"var(--status-success)","token-error":"var(--status-error)","token-warning":"var(--status-warning)"},fontFamily:{arimaRegular:["ArimaRegular"]},fontSize:{"title-xxl":["44px","55px"],"title-xl":["36px","45px"],"title-xl2":["33px","45px"],"title-lg":["28px","35px"],"title-md":["24px","30px"],"title-md2":["26px","30px"],"title-sm":["20px","26px"],"title-xsm":["18px","24px"]},spacing:{"8xl":"96rem","9xl":"128rem","token-000":"0rem","token-025":"0.125rem","token-050":"0.25rem","token-075":"0.375rem","token-100":"0.5rem","token-150":"0.75rem","token-200":"1rem","token-300":"1.5rem","token-400":"2rem","token-500":"2.5rem","token-600":"3rem","token-800":"4rem","token-1000":"5rem","token-1200":"6rem"},borderRadius:{"4xl":"2rem","100px":"100px","token-025":"0.125rem","token-050":"0.25rem","token-100":"0.5rem","token-200":"1rem","token-300":"1.5rem","token-400":"2rem","token-none":"0rem","token-round":"10000rem"},height:{"screen/2":"50vh",screen98:"98vh",screen96:"96vh",screen94:"94vh",screen92:"92vh","screen/3":"calc(100vh / 3)","screen/4":"calc(100vh / 4)","screen/5":"calc(100vh / 5)"},zIndex:{999999:"999999",99999:"99999",9999:"9999",999:"999",99:"99",9:"9",1:"1"},transitionProperty:{width:"width",stroke:"stroke"},borderWidth:{6:"6px"},opacity:{"token-04":"4%","token-08":"8%","token-10":"10%","token-12":"12%","token-20":"20%","token-30":"30%","token-40":"40%","token-50":"50%","token-60":"60%","token-70":"70%","token-75":"75%","token-80":"80%","token-90":"90%","token-100":"100%","token-none":"0%"},strokeWidth:{"token-card":"0.0625rem","token-selected-card-hover":"0.125rem","token-divider":"0.0625rem"},boxShadow:{default:"0px 8px 13px -3px rgba(0, 0, 0, 0.07)",card:"0px 1px 3px rgba(0, 0, 0, 0.12)","card-2":"0px 1px 2px rgba(0, 0, 0, 0.05)",switcher:"0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)","switch-1":"0px 0px 5px rgba(0, 0, 0, 0.15)",1:"0px 1px 3px rgba(0, 0, 0, 0.08)",2:"0px 1px 4px rgba(0, 0, 0, 0.12)",3:"0px 1px 5px rgba(0, 0, 0, 0.14)",4:"0px 4px 10px rgba(0, 0, 0, 0.12)",5:"0px 1px 1px rgba(0, 0, 0, 0.15)",6:"0px 3px 15px rgba(0, 0, 0, 0.1)",7:"-5px 0 0 #313D4A, 5px 0 0 #313D4A",8:"1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)"},dropShadow:{1:"0px 1px 0px #E2E8F0",2:"0px 1px 4px rgba(0, 0, 0, 0.12)"},keyframes:{rotating:{"0%, 100%":{transform:"rotate(360deg)"},"50%":{transform:"rotate(0deg)"}},flip:{to:{transform:"rotate(360deg)"}},rotate:{to:{transform:"rotate(90deg)"}}},animation:{"ping-once":"ping 5s cubic-bezier(0, 0, 0.2, 1)",rotating:"rotating 30s linear infinite","spin-1.5":"spin 1.5s linear infinite","spin-2":"spin 2s linear infinite","spin-3":"spin 3s linear infinite",flip:"flip 6s infinite steps(2, end)",rotate:"rotate 3s linear infinite both"}},borderWidth:{DEFAULT:"1px"}},styles:{colors:{lightBack:""}},variants:{extend:{opacity:["disabled"],cursor:["disabled"],borderRadius:["hover","first","last"],zIndex:["hover"],borderCollapse:["hover","focus"]}},corePlugins:{tableLayout:!1}};
+/* eslint-disable @typescript-eslint/no-var-requires */
+const defaultTheme = require('tailwindcss/defaultTheme');
+module.exports = {
+  content: ['./public/**/*.html', './src/**/*.{js,jsx,ts,tsx,vue}'],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      screens: {
+        ...defaultTheme.screens,
+        sm: {min: '0px', max: '767px'},
+        md: {min: '768px', max: '2000px'},
+        // Breakpoint tokens from tokens.css
+        'token-xs': '20rem',
+        'token-sm': '23.4375rem',
+        'token-md': '48rem',
+        'token-lg': '64rem',
+        'token-xl': '80rem',
+        'token-xxl': '90rem',
+      },
+      colors: {
+        current: 'currentColor',
+        transparent: 'transparent',
+        'text-base': '#ffffff',
+        primary: '#454cbf',
+        secondary: '#c57c85',
+        accent: '#422a68',
+        black: '#000000',
+        grey: '#6A727F',
+        grey_0: '#4a4a4a',
+        grey_1: '#707070',
+        light_1: '#ebebeb',
+        white: '#ffffff',
+        background: '#ffffff',
+        light_white: '#f4f6f6',
+        red: {
+          DEFAULT: '#ff0000',
+          ...defaultTheme.colors.red,
+        },
+        orange: '#ffae1a',
+        mono: '#754c00',
+        'border-red': '#ff0000',
+        bgGrey: '#808080',
+        stroke: '#E2E8F0',
+        boxdark: '#24303F',
+        'boxdark-2': '#1A222C',
+        strokedark: '#2E3A47',
+        content: '#000000',
+        'form-strokedark': '#3d4d60',
+        'form-input': '#1d2a39',
+        'meta-1': '#DC3545',
+        'meta-2': '#EFF2F7',
+        'meta-3': '#10B981',
+        'meta-4': '#313D4A',
+        'meta-5': '#259AE6',
+        'meta-6': '#FFBA00',
+        'meta-7': '#FF6766',
+        'meta-8': '#F0950C',
+        'meta-9': '#E5E7EB',
+        success: '#219653',
+        danger: '#D34053',
+        warning: '#FFA70B',
+        // Design token colors - extending existing colors
+        'token-surface': 'var(--surface)',
+        'token-on-surface': 'var(--on-surface)',
+        'token-primary': 'var(--primary)',
+        'token-on-primary': 'var(--on-primary)',
+        'token-outline': 'var(--outline)',
+        'token-outline-soft': 'var(--outline-soft)',
+        'token-success': 'var(--status-success)',
+        'token-error': 'var(--status-error)',
+        'token-warning': 'var(--status-warning)',
+      },
+      fontFamily: {
+        arimaRegular: ['ArimaRegular'],
+      },
+      fontSize: {
+        'title-xxl': ['44px', '55px'],
+        'title-xl': ['36px', '45px'],
+        'title-xl2': ['33px', '45px'],
+        'title-lg': ['28px', '35px'],
+        'title-md': ['24px', '30px'],
+        'title-md2': ['26px', '30px'],
+        'title-sm': ['20px', '26px'],
+        'title-xsm': ['18px', '24px'],
+      },
+      spacing: {
+        '8xl': '96rem',
+        '9xl': '128rem',
+        // Design token spacing - extending existing spacing
+        'token-000': '0rem',
+        'token-025': '0.125rem',
+        'token-050': '0.25rem',
+        'token-075': '0.375rem',
+        'token-100': '0.5rem',
+        'token-150': '0.75rem',
+        'token-200': '1rem',
+        'token-300': '1.5rem',
+        'token-400': '2rem',
+        'token-500': '2.5rem',
+        'token-600': '3rem',
+        'token-800': '4rem',
+        'token-1000': '5rem',
+        'token-1200': '6rem',
+      },
+      borderRadius: {
+        '4xl': '2rem',
+        '100px': '100px',
+        // Design token border radius - extending existing
+        'token-025': '0.125rem',
+        'token-050': '0.25rem',
+        'token-100': '0.5rem',
+        'token-200': '1rem',
+        'token-300': '1.5rem',
+        'token-400': '2rem',
+        'token-none': '0rem',
+        'token-round': '10000rem',
+      },
+      height: {
+        'screen/2': '50vh',
+        screen98: '98vh',
+        screen96: '96vh',
+        screen94: '94vh',
+        screen92: '92vh',
+        'screen/3': 'calc(100vh / 3)',
+        'screen/4': 'calc(100vh / 4)',
+        'screen/5': 'calc(100vh / 5)',
+      },
+      zIndex: {
+        999_999: '999999',
+        99_999: '99999',
+        9999: '9999',
+        999: '999',
+        99: '99',
+        9: '9',
+        1: '1',
+      },
+      transitionProperty: {width: 'width', stroke: 'stroke'},
+      borderWidth: {
+        6: '6px',
+      },
+      opacity: {
+        // Design token opacity - extending existing opacity
+        'token-04': '4%',
+        'token-08': '8%',
+        'token-10': '10%',
+        'token-12': '12%',
+        'token-20': '20%',
+        'token-30': '30%',
+        'token-40': '40%',
+        'token-50': '50%',
+        'token-60': '60%',
+        'token-70': '70%',
+        'token-75': '75%',
+        'token-80': '80%',
+        'token-90': '90%',
+        'token-100': '100%',
+        'token-none': '0%',
+      },
+      strokeWidth: {
+        // Design token stroke - from tokens.css
+        'token-card': '0.0625rem',
+        'token-selected-card-hover': '0.125rem',
+        'token-divider': '0.0625rem',
+      },
+      boxShadow: {
+        default: '0px 8px 13px -3px rgba(0, 0, 0, 0.07)',
+        card: '0px 1px 3px rgba(0, 0, 0, 0.12)',
+        'card-2': '0px 1px 2px rgba(0, 0, 0, 0.05)',
+        switcher:
+          '0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)',
+        'switch-1': '0px 0px 5px rgba(0, 0, 0, 0.15)',
+        1: '0px 1px 3px rgba(0, 0, 0, 0.08)',
+        2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
+        3: '0px 1px 5px rgba(0, 0, 0, 0.14)',
+        4: '0px 4px 10px rgba(0, 0, 0, 0.12)',
+        5: '0px 1px 1px rgba(0, 0, 0, 0.15)',
+        6: '0px 3px 15px rgba(0, 0, 0, 0.1)',
+        7: '-5px 0 0 #313D4A, 5px 0 0 #313D4A',
+        8: '1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)',
+      },
+      dropShadow: {
+        1: '0px 1px 0px #E2E8F0',
+        2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
+      },
+      keyframes: {
+        rotating: {
+          '0%, 100%': {transform: 'rotate(360deg)'},
+          '50%': {transform: 'rotate(0deg)'},
+        },
+        flip: {
+          to: {
+            transform: 'rotate(360deg)',
+          },
+        },
+        rotate: {
+          to: {
+            transform: 'rotate(90deg)',
+          },
+        },
+      },
+      animation: {
+        'ping-once': 'ping 5s cubic-bezier(0, 0, 0.2, 1)',
+        rotating: 'rotating 30s linear infinite',
+        'spin-1.5': 'spin 1.5s linear infinite',
+        'spin-2': 'spin 2s linear infinite',
+        'spin-3': 'spin 3s linear infinite',
+        flip: 'flip 6s infinite steps(2, end)',
+        rotate: 'rotate 3s linear infinite both',
+      },
+    },
+    borderWidth: {
+      DEFAULT: '1px',
+    },
+  },
+  styles: {
+    colors: {
+      lightBack: '',
+    },
+  },
+  variants: {
+    extend: {
+      opacity: ['disabled'],
+      cursor: ['disabled'],
+      borderRadius: ['hover', 'first', 'last'],
+      zIndex: ['hover'],
+      borderCollapse: ['hover', 'focus'],
+    },
+  },
+  corePlugins: {
+    tableLayout: false,
+  }
+
+};

package/lib/src/core-hooks/index.js

@@ -1 +1,3 @@
-"use strict";export*from"./src/useClickOutside/useClickOutside.hook";export*from"./src/useDebounce/useDebounce.hook";export*from"./src/usePreventEKey/usePreventEKey.hook";
+export * from './src/useClickOutside/useClickOutside.hook';
+export * from './src/useDebounce/useDebounce.hook';
+export * from './src/usePreventEKey/usePreventEKey.hook';

package/lib/src/core-hooks/src/useClickOutside/useClickOutside.hook.js

@@ -1 +1,46 @@
-"use strict";import{useEffect as c}from"react";export const useClickOutside=(t,e)=>{c(()=>{let n=!1,r=!1;const s=u=>{n||!r||!t.current||t.current.contains(u.target)||e(u)},o=u=>{r=t.current,n=t.current&&t.current.contains(u.target)};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),document.addEventListener("click",s),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o),document.removeEventListener("click",s)}},[t,e])},useClickOutsideWithoutInput=(t,e)=>{c(()=>{const n=r=>{r.target.tagName!=="INPUT"&&t.current&&!t.current.contains(r.target)&&e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[t,e])};
+import { useEffect } from 'react';
+export const useClickOutside = (ref, handler) => {
+    useEffect(() => {
+        let startedInside = false;
+        let startedWhenMounted = false;
+        const listener = (event) => {
+            // Do nothing if `mousedown` or `touchstart` started inside ref element
+            if (startedInside || !startedWhenMounted)
+                return;
+            // Do nothing if clicking ref's element or descendent elements
+            if (!ref.current || ref.current.contains(event.target))
+                return;
+            handler(event);
+        };
+        const validateEventStart = (event) => {
+            startedWhenMounted = ref.current;
+            startedInside = ref.current && ref.current.contains(event.target);
+        };
+        document.addEventListener('mousedown', validateEventStart);
+        document.addEventListener('touchstart', validateEventStart);
+        document.addEventListener('click', listener);
+        return () => {
+            document.removeEventListener('mousedown', validateEventStart);
+            document.removeEventListener('touchstart', validateEventStart);
+            document.removeEventListener('click', listener);
+        };
+    }, [ref, handler]);
+};
+export const useClickOutsideWithoutInput = (ref, callback) => {
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            // Check if the target is an input element
+            if (event.target.tagName === 'INPUT') {
+                return; // Skip calling the callback if the target is an input
+            }
+            // Check if the click is outside the ref element
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback]);
+};

package/lib/src/core-hooks/src/useDebounce/useDebounce.hook.js

@@ -1 +1,30 @@
-"use strict";import{useEffect as s,useMemo as f,useRef as i}from"react";export const useDebounce=(r,t)=>{const e=i(null),u=f(()=>((n,o)=>c=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{typeof n=="function"?n(c):console.error("func is not a function")},o)})(r,t),[r,t]);return s(()=>()=>{e.current&&clearTimeout(e.current)},[]),u};
+import { useEffect, useMemo, useRef } from 'react';
+export const useDebounce = (callback, delay) => {
+    const timeoutRef = useRef(null);
+    const debouncedCallback = useMemo(() => {
+        const debounce = (func, wait) => {
+            return (value) => {
+                if (timeoutRef.current) {
+                    clearTimeout(timeoutRef.current);
+                }
+                timeoutRef.current = setTimeout(() => {
+                    if (typeof func === 'function') {
+                        func(value);
+                    }
+                    else {
+                        console.error('func is not a function');
+                    }
+                }, wait);
+            };
+        };
+        return debounce(callback, delay);
+    }, [callback, delay]);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    return debouncedCallback;
+};

package/lib/src/core-hooks/src/usePreventEKey/usePreventEKey.hook.js

@@ -1 +1,8 @@
-"use strict";import{useCallback as r}from"react";export const usePreventEKey=()=>r(e=>{(e.key==="e"||e.key==="E")&&e.preventDefault()},[]);
+import { useCallback } from 'react';
+export const usePreventEKey = () => {
+    return useCallback((e) => {
+        if (e.key === 'e' || e.key === 'E') {
+            e.preventDefault();
+        }
+    }, []);
+};

package/lib/src/core-utils/index.js

@@ -1 +1,7 @@
-"use strict";export*from"./src/utility/utility.util";export*from"./src/calculation/calculation.util";export*from"./src/convert/numberToWords/numToWords.util";export*from"./src/convert/typography/camelCaseToTitleCase.util";export*from"./src/colors/color.util";export*from"./src/uuid/uuid.util";export*from"./src/form-helper/form-helper.util";
+export * from './src/utility/utility.util';
+export * from './src/calculation/calculation.util';
+export * from './src/convert/numberToWords/numToWords.util';
+export * from './src/convert/typography/camelCaseToTitleCase.util';
+export * from './src/colors/color.util';
+export * from './src/uuid/uuid.util';
+export * from './src/form-helper/form-helper.util';

package/lib/src/core-utils/src/calculation/calculation.util.js

@@ -1 +1,89 @@
-"use strict";function d(s){switch(s){case"grossAmount":return"gross-net";case"netAmount":return"gross-net";case"discountedAmount":return"gross-discounted";case"discountPercent":return"gross-discountPercent";default:return"gross-net"}}export function calculateAmount(s,r){const e=d(r);return calculateAmountByKey(s,e)}export const calculateAmountByKey=(s,r)=>{const{grossAmount:e,netAmount:o,discountedAmount:u,discountPercent:c}=s;switch(r){case"gross-discountPercent":{const t=e*c/100,n=e-t;return{grossAmount:Number(e?.toFixed(2)),netAmount:Number(n?.toFixed(2)),discountedAmount:Number(t?.toFixed(2)),discountPercent:Number(c?.toFixed(2))}}case"gross-net":{const t=e-o,n=t/e*100;return{grossAmount:Number(e?.toFixed(2)),netAmount:Number(o?.toFixed(2)),discountedAmount:Number(t?.toFixed(2)),discountPercent:Number(n?.toFixed(2))}}case"net-discountPercent":{const t=o/(1-c/100),n=t-o;return{grossAmount:Number(t?.toFixed(2)),netAmount:Number(o?.toFixed(2)),discountedAmount:Number(n?.toFixed(2)),discountPercent:Number(c?.toFixed(2))}}case"gross-discounted":{const t=e-u,n=u/e*100;return{grossAmount:Number(e?.toFixed(2)),netAmount:Number(t?.toFixed(2)),discountedAmount:Number(u?.toFixed(2)),discountPercent:Number(n?.toFixed(2))}}case"net-discounted":{const t=o+u,n=u/t*100;return{grossAmount:Number(t?.toFixed(2)),netAmount:Number(o?.toFixed(2)),discountedAmount:Number(u?.toFixed(2)),discountPercent:Number(n?.toFixed(2))}}default:return{grossAmount:e,netAmount:o,discountedAmount:u,discountPercent:c}}};
+/**
+ * Maps the changed AmountKey to the correct AmountMode.
+ * You can adjust this mapping as per your business logic.
+ */
+function getAmountModeByKey(key) {
+    switch (key) {
+        case 'grossAmount':
+            return 'gross-net';
+        case 'netAmount':
+            return 'gross-net';
+        case 'discountedAmount':
+            return 'gross-discounted';
+        case 'discountPercent':
+            return 'gross-discountPercent';
+        default:
+            return 'gross-net';
+    }
+}
+/**
+ * Calculates all amount fields based on the last changed key.
+ * @param amounts The amounts object.
+ * @param changedKey The key that was last changed.
+ */
+export function calculateAmount(amounts, changedKey) {
+    const mode = getAmountModeByKey(changedKey);
+    return calculateAmountByKey(amounts, mode);
+}
+export const calculateAmountByKey = (amounts, mode) => {
+    const { grossAmount, netAmount, discountedAmount, discountPercent } = amounts;
+    switch (mode) {
+        case 'gross-discountPercent': {
+            const discountedAmountCalc = (grossAmount * discountPercent) / 100;
+            const netAmountCalc = grossAmount - discountedAmountCalc;
+            return {
+                grossAmount: Number(grossAmount?.toFixed(2)),
+                netAmount: Number(netAmountCalc?.toFixed(2)),
+                discountedAmount: Number(discountedAmountCalc?.toFixed(2)),
+                discountPercent: Number(discountPercent?.toFixed(2)),
+            };
+        }
+        case 'gross-net': {
+            const discountedAmountCalc = grossAmount - netAmount;
+            const discountPercentCalc = (discountedAmountCalc / grossAmount) * 100;
+            return {
+                grossAmount: Number(grossAmount?.toFixed(2)),
+                netAmount: Number(netAmount?.toFixed(2)),
+                discountedAmount: Number(discountedAmountCalc?.toFixed(2)),
+                discountPercent: Number(discountPercentCalc?.toFixed(2)),
+            };
+        }
+        case 'net-discountPercent': {
+            const grossAmountCalc = netAmount / (1 - discountPercent / 100);
+            const discountedAmountCalc = grossAmountCalc - netAmount;
+            return {
+                grossAmount: Number(grossAmountCalc?.toFixed(2)),
+                netAmount: Number(netAmount?.toFixed(2)),
+                discountedAmount: Number(discountedAmountCalc?.toFixed(2)),
+                discountPercent: Number(discountPercent?.toFixed(2)),
+            };
+        }
+        case 'gross-discounted': {
+            const netAmountCalc = grossAmount - discountedAmount;
+            const discountPercentCalc = (discountedAmount / grossAmount) * 100;
+            return {
+                grossAmount: Number(grossAmount?.toFixed(2)),
+                netAmount: Number(netAmountCalc?.toFixed(2)),
+                discountedAmount: Number(discountedAmount?.toFixed(2)),
+                discountPercent: Number(discountPercentCalc?.toFixed(2)),
+            };
+        }
+        case 'net-discounted': {
+            const grossAmountCalc = netAmount + discountedAmount;
+            const discountPercentCalc = (discountedAmount / grossAmountCalc) * 100;
+            return {
+                grossAmount: Number(grossAmountCalc?.toFixed(2)),
+                netAmount: Number(netAmount?.toFixed(2)),
+                discountedAmount: Number(discountedAmount?.toFixed(2)),
+                discountPercent: Number(discountPercentCalc?.toFixed(2)),
+            };
+        }
+        default:
+            return {
+                grossAmount,
+                netAmount,
+                discountedAmount,
+                discountPercent,
+            };
+    }
+};

package/lib/src/core-utils/src/colors/color.util.js

@@ -1 +1,15 @@
-"use strict";export const invertHex=s=>{s?.slice(0,1)==="#"&&(s=s?.slice(1));const t=Number.parseInt(s?.slice(0,2),16),e=Number.parseInt(s?.slice(2,4),16),i=Number.parseInt(s?.slice(4,6),16);return(t*299+e*587+i*114)/1e3>=128?"black":"white"};
+/* eslint-disable unicorn/number-literal-case */
+export const invertHex = (hexcolor) => {
+    // If a leading # is provided, remove it
+    if (hexcolor?.slice(0, 1) === '#') {
+        hexcolor = hexcolor?.slice(1);
+    }
+    // Convert to RGB value
+    const r = Number.parseInt(hexcolor?.slice(0, 2), 16);
+    const g = Number.parseInt(hexcolor?.slice(2, 4), 16);
+    const b = Number.parseInt(hexcolor?.slice(4, 6), 16);
+    // Get YIQ ratio
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    // Check contrast
+    return yiq >= 128 ? 'black' : 'white';
+};

package/lib/src/core-utils/src/convert/numberToWords/numToWords.util.js

@@ -1 +1,145 @@
-"use strict";const b=t=>t.length===0,y=t=>n=>n.slice(0,t),k=t=>n=>n.slice(t),w=t=>n=>b(n)?[]:[y(t)(n),...w(t)(k(t)(n))];export const numToWords=t=>{const n=["","one","two","three","four","five","six","seven","eight","nine","ten","eleven","twelve","thirteen","fourteen","fifteen","sixteen","seventeen","eighteen","nineteen"],a=["","","twenty","thirty","forty","fifty","sixty","seventy","eighty","ninety"],u=["","thousand","lakh","crore","arab","kharab","neel","padma","shankh"],f=["","thousand","lakhs","crores","arabs","kharabs","neels","padmas","shankhs"];if(typeof t=="number"&&(t=String(t)),t==="0")return"zero";const m=e=>{if(e.length<=3)return[e];const l=e.slice(e.length-3),s=e.slice(0,e.length-3),r=[];for(;s.length>0;)r.unshift(s.splice(-2));return[...r,l]},d=e=>{if(Number(e.join(""))===0)return"";if(e.length===3){let[s,r,o]=e.map(Number),i="";s&&(i+=n[s]+" hundred ");let h=r*10+o;return h&&(i&&(i+="and "),h<20?i+=n[h]:i+=a[r]+(o?"-"+n[o]:"")),i.trim()}else if(e.length===2){let[s,r]=e.map(Number);return s===0?n[r]:s*10+r<20?n[s*10+r]:a[s]+(r?"-"+n[r]:"")}else if(e.length===1)return n[Number(e[0])];return""},g=Array.from(t),c=m(g);return c.map((e,l,s)=>{if(l===s.length-1)for(;e.length<3;)e.unshift("0");else for(;e.length<2;)e.unshift("0");return d(e)}).map((e,l,s)=>{const r=s.length-1-l,i=Number(c[l].join(""))>1&&u[r]?f[r]:u[r];return e?`${e} ${i}`.trim():""}).filter(Boolean).join(" ").replace(/\s+/g," ").trim()};
+const isEmpty = (xs) => xs.length === 0;
+const take = (n) => (xs) => xs.slice(0, n);
+const drop = (n) => (xs) => xs.slice(n);
+const chunk = (n) => (xs) => isEmpty(xs) ? [] : [take(n)(xs), ...chunk(n)(drop(n)(xs))];
+/**
+ * Converts a number to words using the Indian numbering system (supports lakh, crore, arab, etc.).
+ */
+export const numToWords = (n) => {
+    const a = [
+        '',
+        'one',
+        'two',
+        'three',
+        'four',
+        'five',
+        'six',
+        'seven',
+        'eight',
+        'nine',
+        'ten',
+        'eleven',
+        'twelve',
+        'thirteen',
+        'fourteen',
+        'fifteen',
+        'sixteen',
+        'seventeen',
+        'eighteen',
+        'nineteen',
+    ];
+    const b = [
+        '',
+        '',
+        'twenty',
+        'thirty',
+        'forty',
+        'fifty',
+        'sixty',
+        'seventy',
+        'eighty',
+        'ninety',
+    ];
+    const g = [
+        '',
+        'thousand',
+        'lakh',
+        'crore',
+        'arab',
+        'kharab',
+        'neel',
+        'padma',
+        'shankh',
+    ];
+    // Plural forms for units
+    const gPlural = [
+        '',
+        'thousand',
+        'lakhs',
+        'crores',
+        'arabs',
+        'kharabs',
+        'neels',
+        'padmas',
+        'shankhs',
+    ];
+    if (typeof n === 'number')
+        n = String(n);
+    if (n === '0')
+        return 'zero';
+    // Indian chunking: last 3 digits, then every 2 digits
+    const chunkIndian = (xs) => {
+        if (xs.length <= 3)
+            return [xs];
+        const last3 = xs.slice(xs.length - 3);
+        const rest = xs.slice(0, xs.length - 3);
+        const pairs = [];
+        while (rest.length > 0) {
+            pairs.unshift(rest.splice(-2));
+        }
+        return [...pairs, last3];
+    };
+    // Convert a group (1 or 2 or 3 digits) to words
+    const groupToWords = (group) => {
+        let numVal = Number(group.join(''));
+        if (numVal === 0)
+            return '';
+        if (group.length === 3) {
+            // 3 digits: hundreds
+            let [h, t, o] = group.map(Number);
+            let str = '';
+            if (h)
+                str += a[h] + ' hundred ';
+            let lastTwo = t * 10 + o;
+            if (lastTwo) {
+                if (str)
+                    str += 'and ';
+                if (lastTwo < 20)
+                    str += a[lastTwo];
+                else
+                    str += b[t] + (o ? '-' + a[o] : '');
+            }
+            return str.trim();
+        }
+        else if (group.length === 2) {
+            // 2 digits
+            let [t, o] = group.map(Number);
+            if (t === 0)
+                return a[o];
+            if (t * 10 + o < 20)
+                return a[t * 10 + o];
+            return b[t] + (o ? '-' + a[o] : '');
+        }
+        else if (group.length === 1) {
+            return a[Number(group[0])];
+        }
+        return '';
+    };
+    const digits = Array.from(n);
+    const groups = chunkIndian(digits);
+    const words = groups
+        .map((group, i, arr) => {
+        // Only pad the last group (units) to 3 digits, others to 2
+        if (i === arr.length - 1) {
+            while (group.length < 3)
+                group.unshift('0');
+        }
+        else {
+            while (group.length < 2)
+                group.unshift('0');
+        }
+        return groupToWords(group);
+    })
+        .map((word, i, arr) => {
+        const unitIdx = arr.length - 1 - i;
+        // Use plural for units if value > 1 and unit is not ''
+        const groupValue = Number(groups[i].join(''));
+        const unit = groupValue > 1 && g[unitIdx] ? gPlural[unitIdx] : g[unitIdx];
+        return word ? `${word} ${unit}`.trim() : '';
+    })
+        .filter(Boolean)
+        .join(' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+    return words;
+};