@opexa/portal-components 0.0.29 → 0.0.30

package/dist/ui/AlertDialog/index.js

@@ -1 +1 @@
-export * as AlertDialog from './AlertDialog';
+export * as AlertDialog from './AlertDialog.js';

package/dist/ui/Avatar/index.js

@@ -1 +1 @@
-export * as Avatar from './Avatar';
+export * as Avatar from './Avatar.js';

package/dist/ui/Badge/Badge.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ark } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils/index.js';
+import { badgeAnatomy } from './badge.anatomy.js';
+import { badgeRecipe } from './badge.recipe.js';
+const { withProvider, withContext } = createRecipeContext(badgeRecipe);
+const parts = badgeAnatomy.build();
+export const Root = withProvider((props) => _jsx(ark.div, { ...parts.root.attrs, ...props }), 'root');
+export const Label = withContext((props) => _jsx(ark.span, { ...parts.label.attrs, ...props }), 'label');
+export const Indicator = withContext((props) => (_jsx(ark.svg, { ...parts.indicator.attrs, ...props })), 'indicator');
+export const Icon = withContext((props) => (_jsx(ark.svg, { ...parts.icon.attrs, asChild: true, ...props })), 'icon');

package/dist/ui/Badge/index.js

@@ -1 +1 @@
-export * as Badge from './Badge';
+export * as Badge from './Badge.js';

package/dist/ui/Button/Button.d.ts

@@ -4,4 +4,4 @@ import { type ButtonRecipeProps } from './button.recipe';
 export interface ButtonProps extends Merge<ComponentPropsWithRef<'button'>, ButtonRecipeProps> {
     asChild?: boolean;
 }
-export declare function Button(props: ButtonProps): import("react").JSX.Element;
+export declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Button/{Button.jsx → Button.js}

@@ -1,11 +1,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react';
 import { createSplitProps, dataAttr } from '../../utils/index.js';
 import { buttonRecipe } from './button.recipe.js';
 export function Button(props) {
     const [recipeProps, localProps] = createSplitProps(buttonRecipe.variantKeys)(props);
-    return (<ark.button type="button" {...localProps} className={buttonRecipe({
+    return (_jsx(ark.button, { type: "button", ...localProps, className: buttonRecipe({
             ...recipeProps,
             className: localProps.className,
-        })} data-disabled={dataAttr(localProps.disabled)}/>);
+        }), "data-disabled": dataAttr(localProps.disabled) }));
 }

package/dist/ui/Button/index.js

@@ -1 +1 @@
-export * from './Button';
+export * from './Button.js';

package/dist/ui/Checkbox/index.js

@@ -1 +1 @@
-export * as Checkbox from './Checkbox';
+export * as Checkbox from './Checkbox.js';

package/dist/ui/Clipboard/index.js

@@ -1 +1 @@
-export * as Clipboard from './Clipboard';
+export * as Clipboard from './Clipboard.js';

package/dist/ui/Collapsible/index.js

@@ -1 +1 @@
-export * as Collapsible from './Collapsible';
+export * as Collapsible from './Collapsible.js';

package/dist/ui/Combobox/index.js

@@ -1 +1 @@
-export * as Combobox from './Combobox';
+export * as Combobox from './Combobox.js';

package/dist/ui/DatePicker/index.js

@@ -1 +1 @@
-export * as DatePicker from './DatePicker';
+export * as DatePicker from './DatePicker.js';

package/dist/ui/Dialog/index.js

@@ -1 +1 @@
-export * as Dialog from './Dialog';
+export * as Dialog from './Dialog.js';

package/dist/ui/Drawer/index.js

@@ -1 +1 @@
-export * as Drawer from './Drawer';
+export * as Drawer from './Drawer.js';

package/dist/ui/Field/index.js

@@ -1 +1 @@
-export * as Field from './Field';
+export * as Field from './Field.js';

package/dist/ui/IconButton/IconButton.d.ts

@@ -4,4 +4,4 @@ import { type IconButtonRecipeProps } from './iconButton.recipe';
 export interface IconButtonProps extends Merge<ComponentPropsWithRef<'button'>, IconButtonRecipeProps> {
     asChild?: boolean;
 }
-export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;
+export declare function IconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/IconButton/{IconButton.jsx → IconButton.js}

@@ -1,11 +1,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ark } from '@ark-ui/react';
 import { createSplitProps, dataAttr } from '../../utils/index.js';
 import { iconButtonRecipe, } from './iconButton.recipe.js';
 export function IconButton(props) {
     const [recipeProps, localProps] = createSplitProps(iconButtonRecipe.variantKeys)(props);
-    return (<ark.button type="button" {...localProps} className={iconButtonRecipe({
+    return (_jsx(ark.button, { type: "button", ...localProps, className: iconButtonRecipe({
             ...recipeProps,
             className: localProps.className,
-        })} data-disabled={dataAttr(localProps.disabled)}/>);
+        }), "data-disabled": dataAttr(localProps.disabled) }));
 }

package/dist/ui/IconButton/index.js

@@ -1 +1 @@
-export * from './IconButton';
+export * from './IconButton.js';

package/dist/ui/Menu/index.js

@@ -1 +1 @@
-export * as Menu from './Menu';
+export * as Menu from './Menu.js';

package/dist/ui/NumberInput/index.js

@@ -1 +1 @@
-export * as NumberInput from './NumberInput';
+export * as NumberInput from './NumberInput.js';

package/dist/ui/PasswordInput/index.js

@@ -1 +1 @@
-export * as PasswordInput from './PasswordInput';
+export * as PasswordInput from './PasswordInput.js';

package/dist/ui/PinInput/index.js

@@ -1 +1 @@
-export * as PinInput from './PinInput';
+export * as PinInput from './PinInput.js';

package/dist/ui/Popover/index.js

@@ -1 +1 @@
-export * as Popover from './Popover';
+export * as Popover from './Popover.js';

package/dist/ui/Presence.d.ts

@@ -1,2 +1,2 @@
 import { type PresenceProps } from '@ark-ui/react';
-export declare function Presence(props: PresenceProps): import("react").JSX.Element;
+export declare function Presence(props: PresenceProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Presence.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Presence as Primitive } from '@ark-ui/react';
+import { twMerge } from 'tailwind-merge';
+export function Presence(props) {
+    return (_jsx(Primitive, { lazyMount: true, ...props, className: twMerge('ui-open:animate-fade-in ui-closed:animate-fade-out', props.className) }));
+}

package/dist/ui/Progress/index.js

@@ -1 +1 @@
-export * as Progress from './Progress';
+export * as Progress from './Progress.js';

package/dist/ui/Prose.d.ts

@@ -1,2 +1,2 @@
 import type { ComponentPropsWithRef } from 'react';
-export declare function Prose(props: ComponentPropsWithRef<'div'>): import("react").JSX.Element;
+export declare function Prose(props: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Prose.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+export function Prose(props) {
+    return (_jsx("div", { ...props, className: twMerge('prose', 'prose-invert', 'max-w-none', 'prose-h1:text-text-primary-900', 'prose-h2:text-text-primary-900', 'prose-h3:text-text-primary-900', 'prose-h4:text-text-primary-900', 'prose-h5:text-text-primary-900', 'prose-h6:text-text-primary-900', 'prose-h1:text-4xl', 'prose-h2:text-3xl', 'prose-h3:text-2xl', 'prose-h4:text-xl', 'prose-h5:text-lg', 'prose-h6:text-base', 'prose-headings:font-semibold', 'prose-p:text-text-secondary-700', 'prose-ul:text-text-secondary-700', 'prose-ol:text-text-secondary-700', 'prose-li:text-text-secondary-700', 'prose-li:marker:text-text-secondary-700', 'prose-strong:text-text-secondary-700', 'prose-ul:text-text-secondary-700', 'prose-em:text-text-secondary-700', 'prose-b:text-text-secondary-700', 'prose-u:text-text-secondary-700', 'prose-img:block', 'prose-img:w-full', 'prose-img:h-auto', 'prose-strong:font-medium', 'prose-b:font-medium', props.className) }));
+}

package/dist/ui/SegmentGroup/index.js

@@ -1 +1 @@
-export * as SegmentGroup from './SegmentGroup';
+export * as SegmentGroup from './SegmentGroup.js';

package/dist/ui/Select/index.js

@@ -1 +1 @@
-export * as Select from './Select';
+export * as Select from './Select.js';

package/dist/ui/Table/index.js

@@ -1 +1 @@
-export * as Table from './Table';
+export * as Table from './Table.js';

package/dist/ui/Tabs/index.js

@@ -1 +1 @@
-export * as Tabs from './Tabs';
+export * as Tabs from './Tabs.js';

package/dist/ui/Tooltip/index.js

@@ -1 +1 @@
-export * as Tooltip from './Tooltip';
+export * as Tooltip from './Tooltip.js';

package/dist/ui/index.js

@@ -16,9 +16,9 @@ export * from './NumberInput/index.js';
 export * from './PasswordInput/index.js';
 export * from './PinInput/index.js';
 export * from './Popover/index.js';
-export * from './Presence';
+export * from './Presence.js';
 export * from './Progress/index.js';
-export * from './Prose';
+export * from './Prose.js';
 export * from './SegmentGroup/index.js';
 export * from './Select/index.js';
 export * from './Table/index.js';

package/dist/utils/getLocaleInfo.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cache, } from 'react';
+export const getLocaleInfo = cache((timezone) => {
+    switch (timezone.toLowerCase()) {
+        case 'asia/jakarta':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Jakarta',
+                country: {
+                    name: 'Indonesia',
+                    code: 'IDN',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: '81' + ''.padStart(8, '0'),
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/jayapura':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Jayapura',
+                country: {
+                    code: 'IDN',
+                    name: 'Indonesia',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: '81' + ''.padStart(8, '0'),
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/makassar':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Makassar',
+                country: {
+                    code: 'IDN',
+                    name: 'Indonesia',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: '81' + ''.padStart(8, '0'),
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/kuala_lumpur':
+            return {
+                locale: 'ms-MY',
+                timezone: 'Asia/Kuala_Lumpur',
+                country: {
+                    name: 'Malaysia',
+                    code: 'MYS',
+                    flag: MalaysianFlag,
+                },
+                currency: {
+                    code: 'MYR',
+                    name: 'Malaysian Ringgit',
+                    symbol: 'RM',
+                    externalCode: 'MYR',
+                },
+                mobileNumber: {
+                    areaCode: '+60',
+                    numOfDigits: 9,
+                    example: '12' + ''.padStart(7, '0'),
+                    pattern: /^(\+?60|0)?1[0-9]{1}\d{7}$/,
+                },
+            };
+        case 'asia/kolkata':
+            return {
+                locale: 'en-IN',
+                timezone: 'Asia/Kolkata',
+                country: {
+                    code: 'IND',
+                    name: 'India',
+                    flag: IndianFlag,
+                },
+                currency: {
+                    code: 'INR',
+                    name: 'Indian Rupee',
+                    symbol: '₹',
+                    externalCode: 'INR',
+                },
+                mobileNumber: {
+                    areaCode: '+91',
+                    numOfDigits: 10,
+                    example: '919' + ''.padStart(7, '0'),
+                    pattern: /^(\+?91|0)?[789]\d{9}$/,
+                },
+            };
+        case 'asia/ho_chi_minh':
+            return {
+                locale: 'vi-VN',
+                timezone: 'Asia/Ho_Chi_Minh',
+                country: {
+                    code: 'VNM',
+                    name: 'Vietnam',
+                    flag: VietnameseFlag,
+                },
+                currency: {
+                    code: 'VND',
+                    name: 'Vietnamese Dong',
+                    symbol: '₫',
+                    externalCode: 'VIRTUAL',
+                },
+                mobileNumber: {
+                    areaCode: '+84',
+                    numOfDigits: 9,
+                    example: '849' + ''.padStart(7, '0'),
+                    pattern: /^(\+?84|0)?(3[2-9]|5[6|8|9]|7[0|6-9]|8[1-6|8|9]|9[0-9])\d{7}$/,
+                },
+            };
+        default:
+            return {
+                locale: 'en-PH',
+                timezone: 'Asia/Manila',
+                country: {
+                    code: 'PHL',
+                    name: 'Philippines',
+                    flag: PhilippineFlag,
+                },
+                currency: {
+                    code: 'PHP',
+                    name: 'Philippine Peso',
+                    symbol: '₱',
+                    externalCode: 'PHP',
+                },
+                mobileNumber: {
+                    areaCode: '+63',
+                    numOfDigits: 10,
+                    example: '919' + ''.padStart(7, '0'),
+                    pattern: /^(\+?63|0)?9\d{9}$/,
+                },
+            };
+    }
+});
+const PhilippineFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27540)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M12.0004 0V12L3.51514 20.4853C5.68671 22.6568 8.68671 24 12.0004 24C18.6278 24 24.0004 18.6274 24.0004 12C24.0004 5.37262 12.0004 0 12.0004 0Z", fill: "#D80027" }), _jsx("path", { d: "M12.0004 0C8.68671 0 5.68671 1.34316 3.51514 3.51469C6.45936 6.45891 7.50453 7.50412 12.0004 12H24.0004C24.0004 5.37262 18.6278 0 12.0004 0Z", fill: "#0052B4" }), _jsx("path", { d: "M8.21723 11.9998L6.75173 11.3104L7.53215 9.89111L5.94074 10.1956L5.73909 8.58789L4.63059 9.77027L3.52213 8.58789L3.32043 10.1956L1.72907 9.89106L2.50949 11.3104L1.04395 11.9998L2.50949 12.6891L1.72907 14.1085L3.32057 13.8041L3.52209 15.4117L4.63059 14.2293L5.73909 15.4117L5.94074 13.8041L7.53205 14.1085L6.75168 12.6892L8.21723 11.9998Z", fill: "#FFDA44" }), _jsx("path", { d: "M3.20082 4.69519L3.68851 5.37689L4.48749 5.12382L3.98977 5.79825L4.47746 6.47996L3.68218 6.21507L3.18451 6.88946L3.19074 6.05133L2.39551 5.78639L3.19463 5.53332L3.20082 4.69519Z", fill: "#FFDA44" }), _jsx("path", { d: "M3.20082 17.1095L3.68851 17.7912L4.48749 17.5381L3.98977 18.2126L4.47746 18.8943L3.68218 18.6294L3.18451 19.3038L3.19074 18.4656L2.39551 18.2007L3.19463 17.9476L3.20082 17.1095Z", fill: "#FFDA44" }), _jsx("path", { d: "M10.1563 10.9032L9.66866 11.5849L8.86963 11.3317L9.36735 12.0062L8.87966 12.688L9.67494 12.423L10.1727 13.0974L10.1664 12.2593L10.9616 11.9944L10.1625 11.7413L10.1563 10.9032Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27540", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const MalaysianFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27547)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M11.4783 12.0002H24C24 10.9171 23.8556 9.86791 23.5866 8.86975H11.4783V12.0002Z", fill: "#D80027" }), _jsx("path", { d: "M11.4783 5.73873H22.2387C21.5041 4.54004 20.565 3.48053 19.4698 2.60828H11.4783V5.73873Z", fill: "#D80027" }), _jsx("path", { d: "M12.0001 24.0002C14.8243 24.0002 17.4201 23.024 19.47 21.3915H4.53027C6.58016 23.024 9.17596 24.0002 12.0001 24.0002Z", fill: "#D80027" }), _jsx("path", { d: "M1.76146 18.2601H22.2389C22.8286 17.2978 23.2859 16.2459 23.5868 15.1296H0.413574C0.714371 16.2459 1.17173 17.2978 1.76146 18.2601Z", fill: "#D80027" }), _jsx("path", { d: "M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z", fill: "#0052B4" }), _jsx("path", { d: "M7.98001 10.2709C6.34117 10.2709 5.01263 8.94229 5.01263 7.30349C5.01263 5.6647 6.34121 4.33612 7.98001 4.33612C8.491 4.33612 8.97179 4.46535 9.39156 4.69279C8.73306 4.04887 7.8325 3.65137 6.8387 3.65137C4.82171 3.65137 3.18652 5.28651 3.18652 7.30354C3.18652 9.32057 4.82171 10.9557 6.8387 10.9557C7.8325 10.9557 8.73306 10.5582 9.39156 9.91429C8.97179 10.1416 8.49104 10.2709 7.98001 10.2709Z", fill: "#FFDA44" }), _jsx("path", { d: "M8.81671 5.21729L9.34354 6.31894L10.5333 6.04407L10.0005 7.14277L10.9573 7.90153L9.76602 8.17008L9.76935 9.39122L8.81671 8.62725L7.86402 9.39122L7.86731 8.17008L6.67603 7.90153L7.63284 7.14277L7.10001 6.04407L8.28984 6.31894L8.81671 5.21729Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27547", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const IndianFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27553)", children: [_jsx("path", { d: "M1.19023 6.78213C0.427387 8.35976 -0.000488281 10.1296 -0.000488281 11.9995C-0.000488281 13.8694 0.427387 15.6393 1.19023 17.2169L11.9995 18.2604L22.8088 17.2169C23.5716 15.6393 23.9995 13.8694 23.9995 11.9995C23.9995 10.1296 23.5716 8.35976 22.8088 6.78213L11.9995 5.73865L1.19023 6.78213Z", fill: "#F0F0F0" }), _jsx("path", { d: "M1.19092 17.2183C3.13182 21.2322 7.24225 24.0009 11.9998 24.0009C16.7573 24.0009 20.8677 21.2322 22.8086 17.2183H1.19092Z", fill: "#6DA544" }), _jsx("path", { d: "M1.19092 6.78238H22.8086C20.8677 2.76843 16.7573 -0.000244141 11.9998 -0.000244141C7.24229 -0.000244141 3.13182 2.76843 1.19092 6.78238Z", fill: "#FF9811" }), _jsx("path", { d: "M12.0001 16.1742C14.3052 16.1742 16.174 14.3055 16.174 12.0003C16.174 9.69513 14.3052 7.82642 12.0001 7.82642C9.69489 7.82642 7.82617 9.69513 7.82617 12.0003C7.82617 14.3055 9.69489 16.1742 12.0001 16.1742Z", fill: "#FF9811" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27553", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const IndonesianFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27559)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12", fill: "#A2001D" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27559", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const VietnameseFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_10544_106556)", children: [_jsx("path", { d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", fill: "#D80027" }), _jsx("path", { d: "M10.0003 5.2168L11.0795 8.53825H14.5719L11.7464 10.591L12.8257 13.9125L10.0003 11.8597L7.17488 13.9125L8.2541 10.591L5.42871 8.53825H8.92105L10.0003 5.2168Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_10544_106556", children: _jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
+};

package/dist/utils/index.js

@@ -5,7 +5,7 @@ export * from './createSplitProps.js';
 export * from './dataAttr.js';
 export * from './formatNumber.js';
 export * from './getGameImageUrl.js';
-export * from './getLocaleInfo';
+export * from './getLocaleInfo.js';
 export * from './getQueryClient.js';
 export * from './isMobile.js';
 export * from './parseDecimal.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "exports": {
     ".": {
       "types": "./dist/components/index.d.ts",