react-restyle-components 0.2.74 → 0.2.76

package/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './src/core-components';
+export * from './src/core-utils';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/lib/index.js

@@ -1,3 +1,4 @@
 // import './tc.css';
 // import './global.css';
 export * from './src/core-components';
+export * from './src/core-utils';

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.73",
+  "version": "0.2.76",
   "private": false,
   "description": "Easy use restyle components",
   "author": {

package/lib/src/core-components/index.d.ts

@@ -14,8 +14,6 @@ export * from './atoms/timer/timer.component';
 export * from './atoms/tooltip/tooltip.component';
 export * from './atoms/icons/icons.component';
 export * from './atoms/tabs/tabs.component';
-export * from './atoms/grid/grid.component';
-export * from './atoms/list/list.component';
 export * from './atoms/pdf/pdf-images.components';
 export * from './atoms/pdf/pdf-table.components';
 export * from './atoms/pdf/pdf-typography.components';

package/lib/src/core-components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AACjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AACjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}

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

@@ -14,8 +14,6 @@ export * from './atoms/timer/timer.component';
 export * from './atoms/tooltip/tooltip.component';
 export * from './atoms/icons/icons.component';
 export * from './atoms/tabs/tabs.component';
-export * from './atoms/grid/grid.component';
-export * from './atoms/list/list.component';
 export * from './atoms/pdf/pdf-images.components';
 export * from './atoms/pdf/pdf-table.components';
 export * from './atoms/pdf/pdf-typography.components';

package/lib/src/core-components/molecules/modal/modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wDAMf,UAAU,4CAyCZ,CAAC"}
+{"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wDAMf,UAAU,4CAyHZ,CAAC"}

package/lib/src/core-components/molecules/modal/modal.component.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
+import s from '../../../tc.module.css';
+import { cn } from '../../../core-utils';
 export const Modal = ({ visible, title = '', onClose, isAutoClose = false, children, }) => {
     const [showModal, setShowModal] = React.useState(visible);
     useEffect(() => {
@@ -10,8 +12,8 @@ export const Modal = ({ visible, title = '', onClose, isAutoClose = false, child
             }, 1000);
         }
     }, [visible]);
-    return (_jsx(_Fragment, { children: showModal && (_jsxs(_Fragment, { children: [_jsx("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none", children: _jsx("div", { className: "relative w-auto my-5 mx-auto max-w-7xl", children: _jsxs("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col bg-white outline-none focus:outline-none", children: [_jsxs("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t", children: [_jsx("h3", { className: "text-xl font-semibold", children: title }), _jsx("button", { className: "p-1  border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
+    return (_jsx(_Fragment, { children: showModal && (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(s['flex'], s['justify-center'], s['items-center'], s['overflow-x-hidden'], s['overflow-y-auto'], s['fixed'], s['inset-0'], s['z-50'], s['outline-none'], s['focus:outline-none']), children: _jsx("div", { className: cn(s['relative'], s['w-auto'], s['my-5'], s['mx-auto'], s['max-w-7xl']), children: _jsxs("div", { className: cn(s['border-0'], s['rounded-lg'], s['shadow-lg'], s['relative'], s['flex'], s['flex-col'], s['bg-white'], s['outline-none'], s['focus:outline-none']), children: [_jsxs("div", { className: cn(s['flex'], s['items-start'], s['justify-between'], s['p-2'], s['border-b'], s['border-solid'], s['border-gray-300'], s['rounded-t']), children: [_jsx("h3", { className: cn(s['text-xl'], s['font-semibold']), children: title }), _jsx("button", { className: cn(s['p-1'], s['border-0'], s['text-black'], s['opacity-1'], s['ml-6'], s['float-right'], s['text-3xl'], s['leading-none'], s['font-semibold'], s['outline-none'], s['focus:outline-none']), onClick: () => {
                                                 onClose && onClose();
                                                 setShowModal(false);
-                                            }, children: _jsx("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none", children: "\u00D7" }) })] }), _jsx("div", { className: "flex p-2 w-auto h-auto ", children: children })] }) }) }), _jsx("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })] })) }));
+                                            }, children: _jsx("span", { className: cn(s['text-black'], s['h-6'], s['w-6'], s['text-2xl'], s['block'], s['outline-none'], s['focus:outline-none']), children: "\u00D7" }) })] }), _jsx("div", { className: cn(s['flex'], s['p-2'], s['w-auto'], s['h-auto']), children: children })] }) }) }), _jsx("div", { className: cn(s['opacity-25'], s['fixed'], s['inset-0'], s['z-40'], s['bg-black']) })] })) }));
 };

package/lib/src/core-utils/calculation/calculation.util.d.ts

@@ -0,0 +1,27 @@
+type Amounts = {
+    grossAmount: number;
+    netAmount: number;
+    discountedAmount: number;
+    discountPercent: number;
+};
+type AmountKey = 'grossAmount' | 'netAmount' | 'discountedAmount' | 'discountPercent';
+type AmountMode = 'gross-net' | 'gross-discountPercent' | 'net-discountPercent' | 'gross-discounted' | 'net-discounted';
+/**
+ * Calculates all amount fields based on the last changed key.
+ * @param amounts The amounts object.
+ * @param changedKey The key that was last changed.
+ */
+export declare function calculateAmount(amounts: Amounts, changedKey: AmountKey): {
+    grossAmount: number;
+    netAmount: number;
+    discountedAmount: number;
+    discountPercent: number;
+};
+export declare const calculateAmountByKey: (amounts: Amounts, mode: AmountMode) => {
+    grossAmount: number;
+    netAmount: number;
+    discountedAmount: number;
+    discountPercent: number;
+};
+export {};
+//# sourceMappingURL=calculation.util.d.ts.map

package/lib/src/core-utils/calculation/calculation.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculation.util.d.ts","sourceRoot":"","sources":["../../../../src/core-utils/calculation/calculation.util.ts"],"names":[],"mappings":"AAAA,KAAK,OAAO,GAAG;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,SAAS,GACV,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,iBAAiB,CAAC;AAEtB,KAAK,UAAU,GACX,WAAW,GACX,uBAAuB,GACvB,qBAAqB,GACrB,kBAAkB,GAClB,gBAAgB,CAAC;AAqBrB;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,SAAS,GACpB;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB,CAGA;AAED,eAAO,MAAM,oBAAoB,YACtB,OAAO,QACV,UAAU;iBAEH,MAAM;eACR,MAAM;sBACC,MAAM;qBACP,MAAM;CA+DxB,CAAC"}

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

@@ -0,0 +1,89 @@
+/**
+ * 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/index.d.ts

@@ -1,2 +1,3 @@
 export * from './utility.util';
+export * from './calculation/calculation.util';
 //# sourceMappingURL=index.d.ts.map

package/lib/src/core-utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC"}

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

@@ -1 +1,2 @@
 export * from './utility.util';
+export * from './calculation/calculation.util';

package/lib/src/tc.module.css

@@ -45,7 +45,6 @@
 } .inline-block { display: inline-block;
 } .flex { display: flex;
 } .table { display: table;
-} .grid { display: grid;
 } .hidden { display: none;
 } .h-0\.5 { height: 0.125rem;
 } .h-10 { height: 2.5rem;
@@ -67,7 +66,6 @@
 } .min-w-80 { min-width: 20rem;
 } .max-w-7xl { max-width: 80rem;
 } .max-w-full { max-width: 100%;
-} .flex-1 { flex: 1 1 0%;
 } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -90,7 +88,6 @@
 } .justify-between { justify-content: space-between;
 } .gap-1 { gap: 0.25rem;
 } .gap-2 { gap: 0.5rem;
-} .gap-3 { gap: 0.75rem;
 } .gap-4 { gap: 1rem;
 } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
@@ -229,10 +226,7 @@
 } .dark\:hover\:bg-gray-600:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 } .dark\:focus\:ring-blue-600:focus:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
 } @media (min-width: 0px) and (max-width: 767px) { .sm\:block { display: block;
-  } .sm\:inline-block { display: inline-block;
   } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem;
   } .sm\:text-base { font-size: 1rem; line-height: 1.5rem;
   }
-} @media (min-width: 1280px) { .xl\:grid { display: grid;
-  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.74",
+  "version": "0.2.76",
   "private": false,
   "description": "Easy use restyle components",
   "author": {

package/lib/src/core-components/atoms/grid/grid.component.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface GridProps {
-    cols?: number;
-    children?: React.ReactNode;
-}
-export declare const Grid: React.FunctionComponent<GridProps>;
-export {};
-//# sourceMappingURL=grid.component.d.ts.map

package/lib/src/core-components/atoms/grid/grid.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/grid/grid.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAInD,CAAC"}

package/lib/src/core-components/atoms/grid/grid.component.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import s from '../../../tc.module.css';
-import { cn } from '../../../core-utils';
-export const Grid = (props) => (_jsx("div", { className: cn(s[`xl:grid`], s[`sm:inline-block`], s[`grid-cols-${props.cols || 1}`], s[`gap-3`]), children: props.children }));

package/lib/src/core-components/atoms/list/list.component.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface ListProps {
-    direction?: 'row' | 'col';
-    space?: number;
-    padding?: boolean;
-    background?: boolean;
-    align?: 'start' | 'between' | 'center' | 'end';
-    justify?: 'start' | 'end' | 'center' | 'stretch';
-    fill?: boolean;
-    children?: React.ReactNode;
-}
-export declare const List: React.FunctionComponent<ListProps>;
-export {};
-//# sourceMappingURL=list.component.d.ts.map

package/lib/src/core-components/atoms/list/list.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/list/list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}

package/lib/src/core-components/atoms/list/list.component.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import s from '../../../tc.module.css';
-import { cn } from '../../../core-utils';
-export const List = (props) => {
-    const spacingClass = props.space
-        ? `space-${props.direction === 'col' ? 'y' : 'x'}-${props.space}`
-        : '';
-    const paddingClass = props.padding ? `p-${props.space}` : '';
-    const backgroundClass = props.background ? 'bg-gray-100' : '';
-    const alignClass = props.align ? `justify-${props.align}` : '';
-    const justifyClass = props.justify
-        ? `items-${props.justify}`
-        : 'items-center';
-    const fillClass = props.fill ? 'flex-1' : '';
-    return (_jsx("span", { className: cn(s.flex, `flex-${props.direction || 'row'}`, spacingClass, paddingClass, backgroundClass, alignClass, fillClass, justifyClass), children: props.children }));
-};