@producteca/producteca-ui-kit 1.21.1-beta.0 → 1.21.1-beta.1

package/dist/components/patterns/actionBar/actionBar.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+
+interface SaveButtonProps {
+    onSave: () => void;
+    label?: string;
+    [key: string]: any;
+}
+interface CancelButtonProps {
+    onCancel: () => void;
+    label?: string;
+    [key: string]: any;
+}
+interface PreviousButtonProps {
+    onPrevious: () => void;
+    label?: string;
+    [key: string]: any;
+}
+interface SaveBarProps {
+    saveProps: SaveButtonProps;
+    cancelProps: CancelButtonProps;
+    previousProps?: PreviousButtonProps;
+    variant?: "page" | "modal" | "fullPage";
+}
+export declare const ActionBar: React.FC<SaveBarProps>;
+export type { SaveBarProps, SaveButtonProps, CancelButtonProps, PreviousButtonProps };
+export default ActionBar;

package/dist/components/patterns/copyButton/copyButton.d.ts

@@ -0,0 +1,11 @@
+
+interface CopyButtonProps {
+    onClick?: () => void;
+    copyText?: string;
+    copiedText?: string;
+    textToCopy?: string;
+    resetTime?: number;
+}
+export declare const CopyButton: ({ onClick, copyText, copiedText, textToCopy, resetTime, ...props }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type { CopyButtonProps };
+export default CopyButton;

package/dist/components/patterns/copyButton/index.d.ts

@@ -0,0 +1 @@
+export { CopyButton, type CopyButtonProps } from './copyButton';

package/dist/components/patterns/emptyState/emptyState.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface EmptyStateProps {
+    onActionClick?: () => void;
+    actionText?: string;
+    text?: string;
+    icon?: React.ReactNode;
+}
+export declare const EmptyState: ({ onActionClick, icon, actionText, text, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type { EmptyStateProps };
+export default EmptyState;

package/dist/components/patterns/headerSection/headerSection.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+interface HeaderSectionProps {
+    breadcrumb?: React.ReactNode;
+    image?: React.ReactNode;
+    dense?: boolean;
+    title?: string;
+    subtitle?: React.ReactNode;
+    link?: React.ReactNode;
+    menuAction?: React.ReactNode;
+}
+export declare const HeaderSection: React.FC<HeaderSectionProps>;
+export type { HeaderSectionProps };
+export default HeaderSection;

package/dist/components/patterns/headerSection/index.d.ts

@@ -0,0 +1 @@
+export { HeaderSection, type HeaderSectionProps } from './headerSection';

package/dist/components/patterns/iconWithIdentifier/iconWithIdentifier.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface IconWithIdentifierProps {
+    text: string;
+    showDivider?: boolean;
+    icon?: React.ReactNode;
+    color?: string;
+}
+export declare const IconWithIdentifier: React.FC<IconWithIdentifierProps>;
+export type { IconWithIdentifierProps };
+export default IconWithIdentifier;

package/dist/components/patterns/iconWithIdentifier/index.d.ts

@@ -0,0 +1 @@
+export { IconWithIdentifier, type IconWithIdentifierProps } from './iconWithIdentifier';

package/dist/components/patterns/{index.js → index.d.ts}

@@ -3,4 +3,4 @@ export * from './actionBar/actionBar';
 export * from './copyButton/copyButton';
 export * from './headerSection';
 export * from './linkWithIcon';
-export * from './iconWithIdentifier';
+export * from './iconWithIdentifier';

package/dist/components/patterns/linkWithIcon/index.d.ts

@@ -0,0 +1 @@
+export { LinkWithIcon, type LinkComponentProps } from './linkWithIcon';

package/dist/components/patterns/linkWithIcon/linkWithIcon.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../button/button';
+
+interface LinkWithIconProps {
+    text: string;
+    icon?: React.ReactElement;
+    onClick: () => void;
+    className?: string;
+    size?: ButtonProps['size'];
+    otherProps?: Record<string, any>;
+}
+export declare const LinkWithIcon: React.FC<LinkWithIconProps>;
+export type { LinkWithIconProps as LinkComponentProps };
+export default LinkWithIcon;

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './tabs';
+export type { TabsProps, TabItem } from './tabs';

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+export interface TabItem {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface TabsProps {
+    items: TabItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    className?: string;
+}
+export declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { OverflowChecker } from './overflowChecker';
+export { WithTooltip, WithOverflowTooltip } from './tooltip';
+export type { WithTooltipProps, CombinedTooltipProps, TooltipPlacement, BaseTooltipProps, TooltipTrigger, } from './tooltip';

package/dist/components/tooltip/overflowChecker.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export declare const OverflowChecker: ({ children, }: {
+    children: (ref: React.RefObject<HTMLElement | HTMLDivElement | HTMLSpanElement | HTMLLabelElement>, showTooltip: boolean) => React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type TooltipTrigger = 'hover' | 'click';
+export interface BaseTooltipProps {
+    content?: string | React.ReactNode;
+    placement?: TooltipPlacement;
+    arrow?: boolean;
+    maxWidth?: number | string;
+    trigger?: TooltipTrigger;
+    shouldShowTooltip?: boolean;
+}
+export interface WithTooltipProps extends BaseTooltipProps {
+    children: React.ReactElement;
+}
+export declare const WithTooltip: ({ children, content, placement, arrow, maxWidth, trigger, shouldShowTooltip, ...otherProps }: WithTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export interface CombinedTooltipProps extends BaseTooltipProps {
+    children: React.ReactElement;
+}
+export declare const WithOverflowTooltip: ({ content, children, ...tooltipProps }: CombinedTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/favicon.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Fondo circular azul -->
+  <circle cx="16" cy="16" r="16" fill="#0045AD"/>
+  
+  <!-- Patrón de puntos sutiles en el fondo -->
+  <circle cx="6" cy="6" r="0.8" fill="white" opacity="0.25"/>
+  <circle cx="26" cy="6" r="0.8" fill="white" opacity="0.25"/>
+  <circle cx="6" cy="26" r="0.8" fill="white" opacity="0.25"/>
+  <circle cx="26" cy="26" r="0.8" fill="white" opacity="0.25"/>
+  <circle cx="16" cy="4" r="0.5" fill="white" opacity="0.2"/>
+  <circle cx="16" cy="28" r="0.5" fill="white" opacity="0.2"/>
+  <circle cx="4" cy="16" r="0.5" fill="white" opacity="0.2"/>
+  <circle cx="28" cy="16" r="0.5" fill="white" opacity="0.2"/>
+  
+  <!-- Líneas sutiles conectoras -->
+  <line x1="16" y1="4" x2="16" y2="7" stroke="white" stroke-width="0.3" opacity="0.2"/>
+  <line x1="16" y1="25" x2="16" y2="28" stroke="white" stroke-width="0.3" opacity="0.2"/>
+  <line x1="4" y1="16" x2="7" y2="16" stroke="white" stroke-width="0.3" opacity="0.2"/>
+  <line x1="25" y1="16" x2="28" y2="16" stroke="white" stroke-width="0.3" opacity="0.2"/>
+  
+  <!-- Letra U redondeada y minimalista -->
+  <path
+    d="M9.5 11 v6.5
+       a4.5 4.5 0 0 0 9 0 v-6.5"
+    stroke="white"
+    stroke-width="3.2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    fill="none"
+  />
+  
+  <!-- Letra I redondeada y minimalista -->
+  <line
+    x1="22.5"
+    y1="11"
+    x2="22.5"
+    y2="21"
+    stroke="white"
+    stroke-width="3.2"
+    stroke-linecap="round"
+  />
+</svg> 

package/dist/hooks/useReduxFormField.d.ts

@@ -0,0 +1,26 @@
+import { ChangeEvent } from 'react';
+
+export type ReduxFormInput = {
+    value: any;
+    onChange: (value: any) => void;
+    onBlur: () => void;
+    name: string;
+};
+interface UseReduxFormFieldParams<T, E = ChangeEvent<any>> {
+    input?: ReduxFormInput;
+    onChange?: (event: E) => void;
+    onBlur?: () => void;
+    transformValue?: (value: any, event: E) => T;
+}
+interface UseReduxFormFieldResult<E> {
+    handleChange: (event: E) => void;
+    handleBlur: () => void;
+}
+/**
+ * Hook to unify Redux Form and regular form field handling
+ *
+ * @param params Configuration object containing input, onChange, and transformValue
+ * @returns Object with handleChange and handleBlur functions
+ */
+export declare function useReduxFormField<T, E = ChangeEvent<any>>({ input, onChange, onBlur, transformValue, }: UseReduxFormFieldParams<T, E>): UseReduxFormFieldResult<E>;
+export {};

package/dist/{index.js → index.d.ts}

@@ -1,3 +1,3 @@
 export * from './components';
 export * from './styles/colors';
-export * from './hooks/useReduxFormField';
+export * from './hooks/useReduxFormField';

package/dist/locales/description.d.ts

@@ -0,0 +1,15 @@
+export declare const onChangeSelectField = "\n    Callback que se dispara cuando cambia el valor del input.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: El valor actual del input, que debe cumplir con la siguiente interfaz:\n    \n    ```typescript\n    interface SelectOption {\n      label: string;\n      value: string | number;\n      [key: string]: any;\n    }\n    ```\n";
+export declare const onInputChange = "\n    Callback que se ejecuta cuando escribimos algo en el buscador.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: El valor actual del input\n";
+export declare const onChangeSearcher = "\n    Callback que se ejecuta cuando seleccionamos una opcion del buscador.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: El valor actual del input, que debe cumplir con la siguiente interfaz:\n    \n    ``` typescript\n    interface SelectOption {\n      label: string;\n      value: string | number;\n      [key: string]: any;\n    }\n    ```\n";
+export declare const onChangeCheckboxInput = "\n    Callback que se dispara cuando cambia el valor del input.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: Siempre es \"on\"\n";
+export declare const onChangeInput = "\n    Callback que se dispara cuando cambia el valor del input.\n    \n    #### Par\u00E1metros\n    event: `React.ChangeEvent<HTMLInputElement>`\n      - `event.target.name`: El nombre del input.\n      - `event.target.value`: El valor actual del input, que debe cumplir con la siguiente interfaz:\n    \n    ``` typescript\n        value: string | number; \n    ```\n";
+export declare const isOptionDisabled = " \n    Funcion que recibe un valor de tipo SelectOption y deberia devolver un valor booleano\n    Si la opci\u00F3n tiene definida un tooltipMessage se va a mostrar al hacer hover.\n    \n#### Ejemplo\n  ``` typescript\n    const isOptionDisabled = (option: SelectOption) => option.value === 2;\n  ```\n    \n  #### Interfaz\n  ```typescript\n    interface SelectOption {\n      label: string;\n      value: string | number;\n      tooltipMessage?: string;\n      [key: string]: any;\n    }\n  ```\n";
+export declare const selectFieldDescription = "\n  #### Ejemplo de uso   \n  ```typescript\n      <SelectField\n      name=\"productId\"\n      options={[{ label: \"1\", value: 1 }, { label: \"2\", value: 2, tooltipMessage: \"Este valor no es representativo\" }]}\n      onChange={(event) => handleChange(event.target.name, event.target.value)}\n      isMultiple\n      isClearable={false}\n      label={localize('product')}\n      isOptionDisabled={(option) => option.value == 2}\n      rightModifier={shouldShowLoader && <Spinner />}\n    />\n  ```\n";
+export declare const formFieldExample = "\n #### Ejemplo de uso\n \n  ``` typescript\n      <FormField\n        label=\"T\u00EDtulo\"\n        name=\"textInput\"\n        onChange={(event) => handleChange(event.target.name, event.target.value)}\n        placeholder=\"Placeholder\"\n        size=\"md\"\n        type=\"text\"\n        isValid={(inputValue) => _.isNumber(inputValue)}\n      />\n  ```\n";
+export declare const isValidInput = "\n    Funcion que recibe un valor de tipo inputValue y deberia devolver un valor booleano.\n    \n    #### Por ejemplo: (inputValue) => _.isNumber(inputValue)\n    \n    ``` typescript\n         type inputValue = string | number; \n    ```\n";
+export declare const checkboxInputGroupExample = "\n  #### Ejemplo de uso\n  \n  ``` typescript\n      <CheckboxInput\n        items={[\n          {\n            id: '1',\n            label: 'Opci\u00F3n 1'\n          },\n          {\n            id: '2',\n            label: 'Opci\u00F3n 2'\n          },\n          {\n            disabled: true,\n            id: '3',\n            label: 'Opci\u00F3n 3'\n          }\n        ]}\n        name=\"CheckboxList\"\n        onChange={(event) => handleChange(event.target.name, event.target.value)}\n        size=\"lg\"\n        title=\"Selecciona una opci\u00F3n\"\n        type=\"checkbox\"\n      />\n  ```\n";
+export declare const checkboxInputExample = " \n    Versi\u00F3n con una sola opci\u00F3n tipo checkbox y un label personalizado:\n    \n    ```typescript\n      const [checked, setChecked] = React.useState(false)\n      <CheckboxInput\n        name=\"Toggle\"\n        checked={checked}\n        onChange={setChecked}\n        label={\"Amazon\"}\n        title={locale('syncStockFromChannel')}\n      />\n    ```\n";
+export declare const searcherExample = " \n    Note la diferencia entre onChange y onInputChange (oficia de onSearch):\n    \n    ```typescript\n      <Searcher\n        label=\"Search label\"\n        name=\"Searcher\"\n        onChange={(event) => onSelectOption(event.target.value)}\n        onInputChange={(event) => handleSearch(event.target.value)}\n        options={[{ label: 'text', value: 1 }]}\n      />\n    ```\n";
+export declare const saveBarExample = "\n  #### Uso b\u00E1sico\n  ```typescript\n    <SaveBar\n      saveProps={{\n        onSave: () => handleSave(),\n        label: 'Save'\n      }}\n      cancelProps={{\n        onCancel: () => handleCancel(),\n        label: 'Cancel'\n      }}\n    />\n  ```\n    #### Con bot\u00F3n de navegaci\u00F3n\n  ```typescript\n    <SaveBar\n      saveProps={{\n        onSave: () => handleSave(),\n        label: 'Save',\n        variant: 'primary'\n      }}\n      cancelProps={{\n        onCancel: () => handleCancel(),\n        label: 'Cancel'\n      }}\n      previousProps={{\n        onPrevious: () => handlePrevious(),\n        label: 'Previous'\n      }}\n    />\n  ```\n    #### Ejemplo completo\n  ```typescript\n    <SaveBar\n      saveProps={{\n        onSave: () => handleSave(),\n        label: 'Guardar cambios',\n        variant: 'success',\n        disabled: false,\n        onClick: () => {},\n      }}\n      cancelProps={{\n        onCancel: () => handleCancel(),\n        label: 'Descartar',\n      }}\n      previousProps={{\n        onPrevious: () => handlePrevious(),\n        label: 'Anterior',\n        variant: 'primary',\n        outline: true,\n        disabled: false,\n        onClick: () => console.log('Previous clicked'),\n      }}\n    />\n  ```\n";
+export declare const checkboxInputReduxFormExample = "\n  #### Ejemplo de uso con Redux Form - CheckboxInput\n  \n  ```typescript\n    <Field\n      name=\"salesSync\"\n      component={CheckboxInput}\n      classComponent={'decrease-stock'}\n      props={{\n        name: 'cancelSales',\n        value: this.salesSync().cancelSales,\n        checked: this.salesSync().cancelSales,\n        label: this.context.localize('settings.cancelSales')\n      }}\n    />\n  ```\n";
+export declare const breadcrumbItemFormat = "\n  ## Formato de BreadcrumbItem\n\n  El componente Breadcrumb acepta un array de objetos `BreadcrumbItem` con las siguientes propiedades:\n\n  ### Propiedades disponibles:\n\n  - **`text`** (string, requerido): El texto que se muestra para el item del breadcrumb\n  - **`onClick`** (function, opcional): Funci\u00F3n que se ejecuta al hacer click en el item\n  - **`isActive`** (boolean, opcional): Indica si el item est\u00E1 activo. Por defecto, el \u00FAltimo item se considera activo\n  - **`href`** (string, opcional): URL del enlace (actualmente no implementado en el renderizado)\n\n  ### Comportamiento:\n\n  - Los items con `onClick` se renderizan como botones clickeables\n  - Los items sin `onClick` se renderizan como texto est\u00E1tico\n  - El \u00FAltimo item siempre se considera activo (a menos que se especifique `isActive: true` en otro item)\n  - Cada item se separa autom\u00E1ticamente con el s\u00EDmbolo \">\"\n\n  ### Ejemplo de uso:\n\n  ```tsx\n  const breadcrumbItems = [\n    { text: 'Dashboard' },\n    { text: 'Productos', onClick: () => navigate('/products') },\n    { text: 'Detalles', isActive: true }\n  ]\n\n  <Breadcrumb items={breadcrumbItems} />\n  ```\n";

package/dist/locales/es.d.ts

@@ -0,0 +1,227 @@
+declare const _default: {
+    noResultsFound: string;
+    reloadPage: string;
+    selectPlaceholder: string;
+    selectOption: string;
+    noOptionsMessage: string;
+    noFoundOptions: string;
+    selectedPlural: string;
+    selected: string;
+    title: string;
+    password: string;
+    selectRequiredText: string;
+    exportedIcon: string;
+    syncStockFromChannel: string;
+    add: string;
+    previous: string;
+    continue: string;
+    cancel: string;
+    save: string;
+    guide: string;
+    hideSelectedOptionsExplainText: string;
+    switchInput: {
+        options: string;
+        option: string;
+        large: string;
+        medium: string;
+        small: string;
+    };
+    tooltip: {
+        hoverToSee: string;
+        basicContent: string;
+        showTooltipWhenHoverButton: string;
+        showTooltipWhenDisabled: string;
+        showTooltipWhenDisabledDescription: string;
+        basicDescription: string;
+        overflowDescription: string;
+        componentDescription: string;
+        maxWidthDescription: string;
+        clickToSee: string;
+        clickableTitle: string;
+        clickableDescription: string;
+        bulletPoint: string;
+        linkText: string;
+    };
+    description: {
+        checkboxInputReduxFormExample: string;
+        onChangeSelectField: string;
+        onInputChange: string;
+        onChangeSearcher: string;
+        onChangeCheckboxInput: string;
+        onChangeInput: string;
+        isOptionDisabled: string;
+        reduxForm: {
+            input: string;
+        };
+        selectField: {
+            example: string;
+            defaultValue: string;
+            disabled: string;
+            disabledOptions: string;
+            noOptions: string;
+            withIcon: string;
+        };
+        actionBar: {
+            example: string;
+            saveButton: string;
+            cancelButton: string;
+            previousButton: string;
+            saveButtonProps: string;
+            cancelButtonProps: string;
+            previousButtonProps: string;
+            withoutBorder: string;
+            saveChanges: string;
+            discard: string;
+            confirm: string;
+            verifySaveButtonOnly: string;
+            verifyInitialRendering: string;
+            clickSaveButton: string;
+            clickCancelButton: string;
+            clickPreviousButton: string;
+            clickSaveButtonOnly: string;
+        };
+        formField: {
+            example: string;
+            isValid: string;
+        };
+        checkboxInput: {
+            example: string;
+            checkboxInputExample: string;
+            checkboxInputGroupExample: string;
+        };
+        switchInput: {
+            example: string;
+        };
+        icons: {
+            size: string;
+        };
+        searcher: {
+            example: string;
+            exampleOption: string;
+            searchPlaceholder: string;
+            searchLabel: string;
+            noResults: string;
+            writeToSearch: string;
+            clearOnSelectDescription: string;
+            clearOnSelectStoryDescription: string;
+        };
+        breadcrumb: {
+            itemFormat: string;
+        };
+        alert: {
+            message: string;
+            infoMessage: string;
+            dontShowAgain: string;
+            customAlert: string;
+        };
+    };
+    headerSection: {
+        edit: string;
+        duplicate: string;
+        delete: string;
+    };
+    error: {
+        required: string;
+        notValid: string;
+    };
+    copyButton: {
+        copy: string;
+        copied: string;
+        textToCopy: string;
+        textCopied: string;
+        copyKey: string;
+        copiedKey: string;
+        custom: string;
+        running: string;
+        alert: string;
+    };
+    linkWithIcon: {
+        historyChange: string;
+        edit: string;
+        customAction: string;
+    };
+    breadcrumb: {
+        historyChanges: string;
+        products: string;
+        dashboard: string;
+        categories: string;
+        electronics: string;
+        details: string;
+        page1: string;
+        page2: string;
+        page3: string;
+        home: string;
+    };
+    datePicker: {
+        name: string;
+        value: string;
+        size: string;
+        disabled: string;
+        required: string;
+        noErrors: string;
+        placeholder: string;
+        label: string;
+        format: string;
+        minDate: string;
+        maxDate: string;
+        rightAdornment: string;
+        meta: string;
+        isValid: string;
+        input: string;
+        onChange: string;
+        selectDate: string;
+        dateLabel: string;
+        selectADate: string;
+        requiredDate: string;
+        requiredField: string;
+        dateAndTime: string;
+        dateWithLimits: string;
+        onlyFutureDates: string;
+        customFormat: string;
+        yearSelector: string;
+        timeSelector: string;
+        timeSelectorWithSeconds: string;
+        dateTimeSelector: string;
+        selectYear: string;
+        selectTime: string;
+        selectDateTime: string;
+    };
+    dateRangePicker: {
+        size: string;
+        disabled: string;
+        required: string;
+        noErrors: string;
+        placeholder: string;
+        label: string;
+        format: string;
+        minDate: string;
+        maxDate: string;
+        onChange: string;
+        selectDateRange: string;
+        dateRangeLabel: string;
+        disabledRange: string;
+        disabledComponent: string;
+        rangeWithMinMax: string;
+        restrictedRange: string;
+        disabledWithRestrictions: string;
+        completelyDisabled: string;
+    };
+    chip: {
+        text: string;
+        title: string;
+        onRemove: string;
+        disabled: string;
+        variant: string;
+        size: string;
+    };
+    warningModal: {
+        warning: string;
+        dontShowAgain: string;
+    };
+    tab: {
+        tab1: string;
+        tab2: string;
+        tab3: string;
+    };
+};
+export default _default;

package/dist/locales/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('i18next').TFunction<["translation", ...string[]], undefined>;
+export default _default;

package/dist/locales/translator.d.ts

@@ -0,0 +1,3 @@
+import { default as i18next } from 'i18next';
+
+export default i18next;