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

package/dist/components/image/image.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-
-interface ImageProps {
-    src: string;
-    className?: string;
-    sx?: React.CSSProperties;
-    alt?: string;
-}
-export declare const Image: React.FC<ImageProps>;
-export type { ImageProps };
-export default Image;

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

@@ -1 +0,0 @@
-export { Image, type ImageProps } from './image';

package/dist/components/inputs/checkboxInput/checkboxInput.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { CheckboxInputProps } from './checkboxInputGroup';
-
-export declare const CheckboxInput: React.FC<Omit<CheckboxInputProps, 'items'> & {
-    checked?: boolean;
-    label: string;
-    disabled?: boolean;
-}>;
-export default CheckboxInput;

package/dist/components/inputs/checkboxInput/checkboxInputGroup.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { ReduxFormInput } from '../../../hooks/useReduxFormField';
-
-export interface CheckboxItem {
-    id?: string;
-    name?: string;
-    label: string;
-    value?: any;
-    checked?: boolean;
-    disabled?: boolean;
-}
-export interface CheckboxInputProps {
-    name: string;
-    items: CheckboxItem[];
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    title?: string;
-    type?: 'checkbox' | 'radio';
-    size?: 'sm' | 'md' | 'lg';
-    input?: ReduxFormInput;
-}
-export declare const CheckboxInputGroup: React.FC<CheckboxInputProps>;
-export default CheckboxInputGroup;

package/dist/components/inputs/datePicker/datePicker.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { DatePickerProps } from './datePickerTypes';
-
-export declare const DatePickerInput: React.FC<DatePickerProps>;
-export declare const DatePicker: ({ label, rightAdornment, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/datePicker/datePickerCustomStyles.d.ts

@@ -1,8 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-
-export declare const datePickerLayoutStyles: SxProps<Theme>;
-export declare const datePickerInputStyles: SxProps<Theme>;
-export declare const datePickerDayStyles: SxProps<Theme>;
-export declare const datePickerDigitalClockStyles: SxProps<Theme>;
-export declare const datePickerYearStyles: SxProps<Theme>;
-export declare const datePickerPopperStyles: SxProps<Theme>;

package/dist/components/inputs/datePicker/datePickerTypes.d.ts

@@ -1,14 +0,0 @@
-import { FormFieldProps } from '../formField/formField';
-import { InputValue } from '../../../validators';
-
-export interface DatePickerSpecificProps {
-    value?: InputValue;
-    minDate?: InputValue;
-    maxDate?: InputValue;
-    format?: string;
-}
-type UnusedFormFieldProps = 'max' | 'min' | 'isClearable' | 'leftIcon' | 'rightIcon' | 'type' | 'inputRef' | 'children';
-type OverriddenFormFieldProps = 'value';
-export interface DatePickerProps extends Omit<FormFieldProps, UnusedFormFieldProps | OverriddenFormFieldProps>, DatePickerSpecificProps {
-}
-export {};

package/dist/components/inputs/datePicker/datePickerUtils.d.ts

@@ -1,68 +0,0 @@
-import { TextField } from '@mui/material';
-import { default as dayjs, Dayjs } from 'dayjs';
-import { InputValue } from '../../../validators';
-import { default as React } from 'react';
-
-export declare const ActionComponent: React.FC<{
-    showClearIcon: boolean;
-    onClear?: () => void;
-    onOpen?: () => void;
-}>;
-export type PickerType = 'date' | 'dateTime' | 'time' | 'year';
-export declare const getPickerTypeFromFormat: (format?: string) => PickerType;
-export declare const getFinalFormat: (format?: string) => string;
-export declare const getPlaceholderByFormat: (format?: string, customPlaceholder?: string) => string;
-export declare const convertToDate: (val: InputValue, format: string) => Dayjs | null;
-export declare const getPickerProps: ({ currentValue, finalFormat, onChange, disabled, minDate, maxDate, placeholder, name, otherProps, onClear, onOpen, onClose, open, }: {
-    currentValue: InputValue;
-    finalFormat: string;
-    onChange: (date: Dayjs | null) => void;
-    open: boolean;
-    disabled: boolean;
-    minDate?: InputValue;
-    maxDate?: InputValue;
-    placeholder?: string;
-    name?: string;
-    onClear?: () => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-    otherProps: any;
-}) => {
-    open: boolean;
-    value: dayjs.Dayjs | null;
-    onAccept: (date: Dayjs | null) => void;
-    onClose: (() => void) | undefined;
-    disabled: boolean;
-    minDate: dayjs.Dayjs | undefined;
-    maxDate: dayjs.Dayjs | undefined;
-    format: string;
-    slots: {
-        textField: typeof TextField;
-    };
-    slotProps: {
-        textField: {
-            placeholder: string;
-            name: string | undefined;
-            onClick: (() => void) | undefined;
-            variant: "outlined";
-            fullWidth: boolean;
-            className: string;
-            sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
-            InputProps: {
-                style: {
-                    cursor: string;
-                };
-                endAdornment: import("react/jsx-runtime").JSX.Element;
-            };
-        };
-        layout: {
-            sx: {};
-        };
-        day: {
-            sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
-        };
-        popper: {
-            sx: import('@mui/material').SxProps<import('@mui/material').Theme>;
-        };
-    };
-};

package/dist/components/inputs/datePicker/index.d.ts

@@ -1,3 +0,0 @@
-export * from './datePicker';
-export type * from './datePickerTypes';
-export * from './datePickerCustomStyles';

package/dist/components/inputs/dateRangePicker/dateFormater.d.ts

@@ -1,7 +0,0 @@
-import { DateRange } from 'react-day-picker';
-
-export declare const formatDate: (date: Date, format: string) => string;
-export declare const formatRangeLimits: (range: DateRange | undefined) => {
-    from: Date;
-    to: Date;
-} | undefined;

package/dist/components/inputs/dateRangePicker/dateRangePicker.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { DateRangePickerProps } from './dateRangePickerTypes';
-
-export declare const DateRangePickerInput: React.FC<DateRangePickerProps>;
-export declare const DateRangePicker: ({ label, rightAdornment, value, ...props }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.d.ts

@@ -1,14 +0,0 @@
-import { InputValue } from '../../../validators';
-import { DatePickerProps } from '../datePicker';
-
-export interface DateRangeValue {
-    from: InputValue;
-    to: InputValue;
-}
-export interface DateRangePickerSpecificProps {
-    value?: DateRangeValue;
-}
-type OverriddenDatePickerProps = 'value';
-export interface DateRangePickerProps extends Omit<DatePickerProps, OverriddenDatePickerProps>, DateRangePickerSpecificProps {
-}
-export {};

package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.d.ts

@@ -1,9 +0,0 @@
-import { DateRange, Matcher } from 'react-day-picker';
-import { InputValue } from '../../../validators';
-
-export type DisabledDays = Matcher | Matcher[] | undefined;
-export declare const fromInputValue: (inputValue: InputValue) => DateRange | undefined;
-export declare const getDisplayRange: (range: DateRange | undefined, format?: string) => string;
-export declare const convertToDate: (val: InputValue | undefined) => Date | undefined;
-export declare const CustomWeekday: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const getDisabledDays: (disabled: boolean, minDate?: InputValue, maxDate?: InputValue) => DisabledDays;

package/dist/components/inputs/dateRangePicker/index.d.ts

@@ -1,4 +0,0 @@
-export { DateRangePicker, DateRangePickerInput } from './dateRangePicker';
-export type { DateRangePickerProps } from './dateRangePickerTypes';
-export type { DateRangeValue } from './dateRangePickerTypes';
-export { formatDate } from './dateFormater';

package/dist/components/inputs/formField/formField.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { TextInputProps } from './textInput';
-
-export interface FormFieldProps extends TextInputProps {
-    label?: string;
-    children?: React.ReactNode;
-    rightAdornment?: React.ReactNode;
-}
-export declare const FormField: React.FC<FormFieldProps>;
-export default FormField;

package/dist/components/inputs/formField/passwordInput.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { FormFieldProps } from './formField';
-
-export declare const PasswordInput: React.FC<FormFieldProps>;

package/dist/components/inputs/formField/textInput.d.ts

@@ -1,25 +0,0 @@
-import { default as React, ChangeEvent } from 'react';
-import { Meta, InputValue } from '../../../validators';
-import { ReduxFormInput } from '../../../hooks/useReduxFormField';
-
-export interface TextInputProps {
-    meta?: Meta;
-    max?: number;
-    min?: number;
-    name: string;
-    noErrors?: boolean;
-    value?: InputValue;
-    disabled?: boolean;
-    required?: boolean;
-    placeholder?: string;
-    isClearable?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    isValid?: (value: InputValue) => boolean;
-    type?: 'text' | 'number' | 'password' | 'date' | 'dateRange' | undefined;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    input?: ReduxFormInput;
-    inputRef?: React.RefObject<HTMLInputElement>;
-}
-export declare const TextInput: React.FC<TextInputProps>;

package/dist/components/inputs/searcher/searcher.d.ts

@@ -1,28 +0,0 @@
-import { default as React } from 'react';
-import { SelectOption } from '../selectField/selectField';
-
-export interface SearcherProps {
-    name: string;
-    label?: string;
-    size?: 'md' | 'lg';
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    clearOnSelect?: boolean;
-    options: SelectOption[];
-    noOptionsMessage?: string | React.ReactNode;
-    rightModifier?: React.ReactNode;
-    isOptionDisabled?: (option: SelectOption) => boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    isLoading?: boolean;
-    input?: {
-        value: any;
-        onChange: (value: any) => void;
-        onBlur: () => void;
-        name: string;
-    };
-}
-export declare const Searcher: React.FC<SearcherProps>;

package/dist/components/inputs/selectField/selectField.d.ts

@@ -1,42 +0,0 @@
-import { default as React } from 'react';
-import { OptionProps, SingleValueProps } from 'react-select';
-import { ReduxFormInput } from '../../../hooks/useReduxFormField';
-
-export interface SelectOption {
-    label: string;
-    value: string | number;
-    tooltipMessage?: string;
-    [key: string]: any;
-}
-export type SelectOptionType = SelectOption[] | SelectOption | null;
-export interface SelectFieldProps {
-    name: string;
-    label?: string;
-    size?: 'md' | 'lg';
-    onBlur?: () => void;
-    placeholder?: string;
-    disabled?: boolean;
-    isMultiple?: boolean;
-    required?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    options: SelectOption[];
-    noOptionsMessage?: string;
-    hideSelectedOptions?: boolean;
-    rightModifier?: React.ReactNode;
-    isOptionDisabled?: (option: SelectOption) => boolean;
-    value?: (string | number)[] | null | undefined;
-    defaultValue?: (string | number) | (string | number)[] | null | undefined;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    input?: ReduxFormInput;
-}
-export declare const Option: (props: OptionProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
-export declare const SingleValue: (props: SingleValueProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
-export declare const SearchComponent: () => import("react/jsx-runtime").JSX.Element;
-export declare const ClearComponent: ({ optionSelected, isClearable, handleChange, }: {
-    optionSelected?: SelectOptionType | undefined;
-    isClearable: boolean;
-    handleChange: (selected: SelectOptionType) => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export declare const SelectField: React.FC<SelectFieldProps>;
-export default SelectField;

package/dist/components/inputs/switchInput/index.d.ts

@@ -1,4 +0,0 @@
-import { SwitchInput, SwitchInputGroup, SwitchItem, SwitchInputProps } from './switchInput';
-
-export { SwitchInput, SwitchInput as Switch, SwitchInputGroup, SwitchInputGroup as SwitchGroup };
-export type { SwitchItem, SwitchInputProps };

package/dist/components/inputs/switchInput/switchInput.d.ts

@@ -1,31 +0,0 @@
-import { default as React } from 'react';
-import { ReduxFormInput } from '../../../hooks/useReduxFormField';
-
-export interface SwitchItem {
-    id?: string;
-    name?: string;
-    label: string;
-    value?: any;
-    checked?: boolean;
-    disabled?: boolean;
-}
-export interface SwitchInputProps {
-    name: string;
-    items: SwitchItem[];
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    title?: string;
-    size?: 'sm' | 'md' | 'lg';
-    input?: ReduxFormInput;
-}
-export declare const SwitchInputGroup: React.FC<SwitchInputProps>;
-export declare const SwitchInput: React.FC<{
-    name: string;
-    checked?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    label: string;
-    title?: string;
-    disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    input?: ReduxFormInput;
-}>;
-export default SwitchInput;

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

@@ -1,2 +0,0 @@
-export * from './spinner/spinner';
-export * from './progressbar/progressbar';

package/dist/components/loaders/progressbar/progressbar.d.ts

@@ -1,8 +0,0 @@
-interface ProgressbarProps {
-    size?: 'sm' | 'lg';
-    progress?: number;
-    variant?: 'determinate' | 'indeterminate' | 'buffer' | 'query';
-}
-export declare const Progressbar: ({ size, progress: initialProgress, variant, }: ProgressbarProps) => import("react/jsx-runtime").JSX.Element;
-export type { ProgressbarProps };
-export default Progressbar;

package/dist/components/loaders/spinner/spinner.d.ts

@@ -1,6 +0,0 @@
-interface SpinnerProps {
-    size?: 'sm' | 'lg';
-}
-export declare const Spinner: ({ size }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export type { SpinnerProps };
-export default Spinner;

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

@@ -1 +0,0 @@
-export { MenuAction, type MenuActionProps, type MenuActionItem } from './menuAction';

package/dist/components/menuAction/menuAction.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-
-interface MenuActionItem {
-    label: React.ReactNode;
-    onClick?: () => void;
-    selected?: boolean;
-    disabled?: boolean;
-}
-interface MenuActionProps {
-    items: MenuActionItem[];
-    id?: string;
-    maxItemsVisible?: number;
-    icon?: React.ReactNode;
-    otherProps?: React.HTMLAttributes<HTMLButtonElement>;
-}
-export declare const MenuAction: React.FC<MenuActionProps>;
-export type { MenuActionProps, MenuActionItem };
-export default MenuAction;

package/dist/components/menuAction/menuActionCustomStyles.d.ts

@@ -1,4 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-
-export declare const menuPaperStyles: SxProps<Theme>;
-export declare const menuItemStyles: SxProps<Theme>;

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

@@ -1 +0,0 @@
-export * from './warningModal/warningModal';

package/dist/components/modals/warningModal/index.d.ts

@@ -1 +0,0 @@
-export { WarningModal, type WarningModalProps } from './warningModal';

package/dist/components/modals/warningModal/warningModal.d.ts

@@ -1,17 +0,0 @@
-import { default as React, ChangeEvent } from 'react';
-
-interface WarningModalProps {
-    icon?: React.ReactNode;
-    title?: string;
-    description: React.ReactNode;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    onSave?: () => void;
-    onCancel?: () => void;
-    dontShowAgainLabel?: string;
-    onChangeDontShowAgain?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onClickGuide?: (e: React.MouseEvent<SVGSVGElement>) => void;
-}
-export declare const WarningModal: React.FC<WarningModalProps>;
-export type { WarningModalProps };
-export default WarningModal;

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

@@ -1,26 +0,0 @@
-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

@@ -1,11 +0,0 @@
-
-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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

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

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

@@ -1,11 +0,0 @@
-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

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

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

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

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

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

@@ -1,3 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,43 +0,0 @@
-<?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>