@1doc/1ds-react 0.0.1 → 2.7.1

package/dist/components/Select/Select.js

@@ -1,246 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './Select.css';
-"use client";
-import { useState, useRef, useEffect } from "react";
-import Text from "../Text/Text";
-import Icon from "../Icon/Icon";
-import Spinner from "../Spinner/Spinner";
-import Checkbox from "../Checkbox/Checkbox";
-import Tag from "../Tag/Tag";
-function Select(props) {
-    const selectRef = useRef(null);
-    const searchInputRef = useRef(null);
-    const [isOpen, setIsOpen] = useState(() => false);
-    const [searchTerm, setSearchTerm] = useState(() => "");
-    const [internalSelected, setInternalSelected] = useState(() => Array());
-    const [searchTimeout, setSearchTimeout] = useState(() => null);
-    const [shouldFocusSearch, setShouldFocusSearch] = useState(() => false);
-    function selectedOptionsList() {
-        const currentVal = props.value !== undefined
-            ? Array.isArray(props.value)
-                ? props.value
-                : props.value === null
-                    ? []
-                    : [props.value]
-            : internalSelected || [];
-        if (props.options && props.options.length > 0) {
-            return currentVal.map((v) => {
-                const found = props.options?.find((opt) => opt.value === v);
-                return (found || {
-                    label: String(v),
-                    value: v,
-                });
-            });
-        }
-        return (currentVal || []).map((v) => ({
-            label: String(v),
-            value: v,
-        }));
-    }
-    function displayLabelText() {
-        const currentVal = props.value !== undefined
-            ? Array.isArray(props.value)
-                ? props.value
-                : props.value === null
-                    ? []
-                    : [props.value]
-            : internalSelected || [];
-        if (currentVal.length === 0)
-            return props.placeholder || "Selecione...";
-        if (props.multiple) {
-            if (props.selectionDisplay === "tags")
-                return "";
-            if (currentVal.length === 1) {
-                const found = props.options?.find((opt) => opt.value === currentVal[0]);
-                return found ? found.label : String(currentVal[0]);
-            }
-            return `${currentVal.length} selecionado(s)`;
-        }
-        // For single select, find label
-        if (props.options) {
-            const found = props.options.find((opt) => opt.value === currentVal[0]);
-            if (found)
-                return found.label;
-        }
-        return String(currentVal[0]);
-    }
-    function isPlaceholder() {
-        const currentVal = props.value !== undefined
-            ? Array.isArray(props.value)
-                ? props.value
-                : props.value === null
-                    ? []
-                    : [props.value]
-            : internalSelected || [];
-        return currentVal.length === 0;
-    }
-    function filteredOptionsList() {
-        if (!props.options)
-            return [];
-        // If it's remote search (onSearchChange provided), we don't filter locally
-        if (!props.searchable || !searchTerm || props.onSearchChange)
-            return props.options;
-        const term = searchTerm.toLowerCase();
-        return props.options.filter((opt) => opt.label.toLowerCase().includes(term));
-    }
-    function wrapperClassesList() {
-        return [
-            "umds-select",
-            `umds-select--${props.size || "medium"}`,
-            props.fullWidth ? "umds-select--full-width" : "",
-            props.disabled ? "umds-select--disabled" : "",
-            props.invalid ? "umds-select--invalid" : "",
-            isOpen ? "umds-select--open" : "",
-            props.searchVariant === "inline" ? "umds-select--search-inline" : "",
-            props.multiple &&
-                props.selectionDisplay === "tags" &&
-                selectedOptionsList().length > 0
-                ? "umds-select--has-tags"
-                : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function toggle() {
-        if (props.disabled)
-            return;
-        setIsOpen(!isOpen);
-        if (isOpen &&
-            props.searchable &&
-            (props.autoFocusSearch || props.searchVariant === "inline")) {
-            setShouldFocusSearch(true);
-        }
-    }
-    function handleSearch(event) {
-        const val = event.target.value;
-        setSearchTerm(val);
-        if (props.onSearchChange) {
-            if (searchTimeout) {
-                clearTimeout(searchTimeout);
-            }
-            const debounceTime = props.searchDebounce ?? 300;
-            setSearchTimeout(setTimeout(() => {
-                props.onSearchChange(val);
-            }, debounceTime));
-        }
-    }
-    function clearSearch() {
-        setSearchTerm("");
-        if (props.onSearchChange) {
-            props.onSearchChange("");
-        }
-        if (searchInputRef.current) {
-            searchInputRef.current.focus();
-        }
-    }
-    function closeSearch() {
-        setIsOpen(false);
-        setSearchTerm("");
-        if (props.onSearchChange) {
-            props.onSearchChange("");
-        }
-    }
-    function selectOption(option) {
-        if (props.disabled)
-            return;
-        let newValue;
-        if (props.multiple) {
-            const currentVal = props.value !== undefined
-                ? Array.isArray(props.value)
-                    ? props.value
-                    : props.value === null
-                        ? []
-                        : [props.value]
-                : internalSelected || [];
-            if (currentVal.includes(option.value)) {
-                newValue = currentVal.filter((v) => v !== option.value);
-            }
-            else {
-                newValue = [...currentVal, option.value];
-            }
-            setInternalSelected(newValue);
-        }
-        else {
-            newValue = option.value;
-            setInternalSelected([newValue]);
-            setIsOpen(false);
-        }
-        if (props.onChange) {
-            props.onChange(newValue);
-        }
-    }
-    function removeValue(val, event) {
-        if (event)
-            event.stopPropagation();
-        if (props.disabled)
-            return;
-        const currentVal = props.value !== undefined
-            ? Array.isArray(props.value)
-                ? props.value
-                : [props.value]
-            : internalSelected || [];
-        const newValue = currentVal.filter((v) => v !== val);
-        setInternalSelected(newValue);
-        if (props.onChange) {
-            props.onChange(newValue);
-        }
-    }
-    function onScrollList(event) {
-        if (!props.pagination ||
-            !props.onLoadMore ||
-            props.loading ||
-            !props.hasMore)
-            return;
-        const { scrollTop, scrollHeight, clientHeight } = event.target;
-        if (scrollHeight - scrollTop <= clientHeight + 10) {
-            props.onLoadMore();
-        }
-    }
-    function isOptionSelected(val) {
-        const currentVal = props.value !== undefined
-            ? Array.isArray(props.value)
-                ? props.value
-                : props.value === null
-                    ? []
-                    : [props.value]
-            : internalSelected || [];
-        return currentVal.includes(val);
-    }
-    useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (selectRef.current &&
-                !selectRef.current.contains(event.target)) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-    }, []);
-    useEffect(() => {
-        if (isOpen && shouldFocusSearch) {
-            // Retry a few times if ref is not yet ready (though onUpdate usually implies rendered)
-            // We use a small timeout to ensure browser paints or simply check ref
-            if (searchInputRef.current) {
-                searchInputRef.current.focus();
-                setShouldFocusSearch(false);
-            }
-        }
-    });
-    return (_jsxs("div", { ref: selectRef, className: wrapperClassesList(), children: [props.label ? (_jsxs(Text, { as: "label", variant: "label", weight: "semibold", className: "umds-select__label", children: [props.label, props.required ? (_jsx("span", { className: "umds-select__required", children: " *" })) : null] })) : null, _jsxs("div", { className: "umds-select__container", children: [!(isOpen && props.searchVariant === "inline") ? (_jsxs("div", { role: "combobox", className: "umds-select__trigger", onClick: (event) => toggle(), "aria-expanded": isOpen, tabIndex: props.disabled ? -1 : 0, children: [_jsxs("div", { className: "umds-select__values", children: [displayLabelText() ? (_jsx(Text, { as: "span", variant: "body2", className: isPlaceholder() ? "umds-select__placeholder" : "", children: displayLabelText() })) : null, props.multiple &&
-                                        props.selectionDisplay === "tags" &&
-                                        selectedOptionsList().length > 0 ? (_jsx("div", { className: "umds-select__tags", children: selectedOptionsList()?.map((opt) => (_jsx(Tag, { variant: "outlined", size: "sm", label: opt.label, closable: true, disabled: props.disabled, onClose: (e) => removeValue(opt.value, e) }, opt.value))) })) : null] }), _jsxs("div", { className: "umds-select__actions", children: [props.loading ? _jsx(Spinner, { size: "sm", variant: "secondary" }) : null, _jsx("div", { className: "umds-select__arrow", children: _jsx(Icon, { size: "sm", name: isOpen ? "nav-arrow-up" : "nav-arrow-down" }) })] })] })) : null, isOpen ? (_jsxs("div", { className: "umds-select__dropdown", style: props.searchVariant === "inline"
-                            ? {
-                                top: "0",
-                            }
-                            : {}, children: [props.searchable ? (_jsxs("div", { className: "umds-select__search-container", children: [_jsx("div", { className: "umds-select__search-icon", children: _jsx(Icon, { name: "search", size: "sm" }) }), _jsx("input", { type: "text", placeholder: "Buscar...", className: "umds-select__search-input", ref: searchInputRef, value: searchTerm, onInput: (e) => handleSearch(e) }), props.searchVariant === "inline" ? (_jsx("div", { className: "umds-select__search-close", onClick: (event) => closeSearch(), children: _jsx(Icon, { name: "xmark", size: "sm" }) })) : null] })) : null, _jsxs("div", { className: "umds-select__options", onScroll: (e) => onScrollList(e), children: [filteredOptionsList().length === 0 && !props.loading ? (_jsx("div", { className: "umds-select__no-options", children: _jsx(Text, { variant: "body2", color: "secondary", children: "Nenhum item encontrado" }) })) : null, filteredOptionsList()?.map((option) => (_jsxs("div", { onClick: (event) => selectOption(option), className: [
-                                            "umds-select__option",
-                                            isOptionSelected(option.value)
-                                                ? "umds-select__option--selected"
-                                                : "",
-                                        ]
-                                            .filter(Boolean)
-                                            .join(" "), children: [props.multiple ? (_jsx("div", { className: "umds-select__option-checkbox", children: _jsx(Checkbox, { checked: isOptionSelected(option.value), readOnly: true }) })) : null, _jsx("div", { className: "umds-select__option-content", children: _jsx(_Fragment, { children: props.item || (_jsx(Text, { variant: "body2", children: option.label })) }) }), !props.multiple && isOptionSelected(option.value) ? (_jsx("div", { className: "umds-select__option-check", children: _jsx(Icon, { name: "check", size: "sm" }) })) : null] }, option.value))), props.loading && props.pagination ? (_jsxs("div", { className: "umds-select__loading-more", children: [_jsx(Spinner, { size: "sm" }), _jsx(Text, { variant: "caption", children: "Carregando mais..." })] })) : null] })] })) : null] }), props.errorMessage ? (_jsx(Text, { variant: "caption", color: "error", className: "umds-select__error-message", children: props.errorMessage })) : null, props.description && !props.errorMessage ? (_jsx(Text, { variant: "caption", color: "secondary", className: "umds-select__description", children: props.description })) : null, props.multiple &&
-                props.selectionDisplay === "list" &&
-                selectedOptionsList().length > 0 ? (_jsx("div", { className: "umds-select__selected-list", children: selectedOptionsList()?.map((opt) => (_jsxs("div", { className: "umds-select__selected-list-item", children: [_jsx(Text, { variant: "body2", children: opt.label }), _jsx("span", { className: "umds-select__list-remove", onClick: (e) => removeValue(opt.value, e), children: _jsx(Icon, { name: "trash", size: "sm" }) })] }, opt.value))) })) : null] }));
-}
-export default Select;

package/dist/components/Spinner/Spinner.css

@@ -1,60 +0,0 @@
-.umds-spinner {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.umds-spinner__circle {
-    display: block;
-    border-radius: 50%;
-    border-style: solid;
-    border-top-color: transparent;
-    border-right-color: transparent;
-    animation: umds-spinner-rotate 0.8s linear infinite;
-}
-
-/* Sizes */
-.umds-spinner--sm .umds-spinner__circle {
-    width: 16px;
-    height: 16px;
-    border-width: 2px;
-}
-
-.umds-spinner--md .umds-spinner__circle {
-    width: 24px;
-    height: 24px;
-    border-width: 3px;
-}
-
-.umds-spinner--lg .umds-spinner__circle {
-    width: 32px;
-    height: 32px;
-    border-width: 4px;
-}
-
-/* Variants */
-.umds-spinner--primary .umds-spinner__circle {
-    border-bottom-color: var(--umds-semantic-color-primary-pure);
-    border-left-color: var(--umds-semantic-color-primary-pure);
-}
-
-.umds-spinner--secondary .umds-spinner__circle {
-    border-bottom-color: var(--umds-semantic-color-primary-dark);
-    border-left-color: var(--umds-semantic-color-primary-dark);
-}
-
-.umds-spinner--neutral .umds-spinner__circle {
-    border-bottom-color: var(--umds-semantic-color-neutral-dark-medium);
-    border-left-color: var(--umds-semantic-color-neutral-dark-medium);
-}
-
-/* Animation */
-@keyframes umds-spinner-rotate {
-    from {
-        transform: rotate(0deg);
-    }
-
-    to {
-        transform: rotate(360deg);
-    }
-}

package/dist/components/Spinner/Spinner.d.ts

@@ -1,16 +0,0 @@
-import './Spinner.css';
-/**
- * Spinner component for loading states
- * @property {string} size - Tamanho do spinner: 'sm' (16px), 'md' (24px), 'lg' (32px)
- * @property {string} variant - Variante de cor: 'primary', 'secondary', 'neutral'
- * @property {string} label - Label acessível para leitores de tela
- */
-export interface SpinnerProps {
-    size?: "sm" | "md" | "lg";
-    variant?: "primary" | "secondary" | "neutral";
-    label?: string;
-    className?: string;
-    [key: string]: any;
-}
-declare function Spinner(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;
-export default Spinner;

package/dist/components/Spinner/Spinner.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './Spinner.css';
-function Spinner(props) {
-    function classes() {
-        return [
-            "umds-spinner",
-            `umds-spinner--${props.size || "md"}`,
-            `umds-spinner--${props.variant || "primary"}`,
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    return (_jsx("span", { role: "status", "aria-label": props.label || "Carregando", ...props, className: classes(), children: _jsx("span", { className: "umds-spinner__circle" }) }));
-}
-export default Spinner;

package/dist/components/Switch/Switch.css

@@ -1,127 +0,0 @@
-.umds-switch {
-    appearance: none;
-    background-color: var(--umds-semantic-color-neutral-light-down);
-    /* Off state */
-    border: none;
-    border-radius: var(--umds-primitive-border-radius-pill);
-    cursor: pointer;
-    display: inline-flex;
-    padding: 2px;
-    position: relative;
-    transition: background-color 0.2s ease;
-    vertical-align: middle;
-    box-sizing: border-box;
-}
-
-.umds-switch:focus-visible {
-    outline: 2px solid var(--umds-semantic-color-neutral-dark-down);
-    outline-offset: 2px;
-    box-shadow: none;
-}
-
-.umds-switch[aria-checked="true"] {
-    background-color: var(--umds-semantic-color-primary-pure);
-}
-
-.umds-switch:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Thumb */
-.umds-switch__thumb {
-    background-color: var(--umds-semantic-color-neutral-light-pure, white);
-    border-radius: var(--umds-primitive-border-radius-circular);
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.06);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: transform 0.2s ease;
-    transform: translateX(0);
-
-    /* Icon styles inherited from thumb */
-    pointer-events: none;
-    color: var(--umds-semantic-color-neutral-pure);
-}
-
-.umds-switch[aria-checked="true"] .umds-switch__thumb {
-    color: var(--umds-semantic-color-primary-pure);
-}
-
-/* Sizes */
-/* Large */
-.umds-switch--large {
-    width: 66px;
-    height: 36px;
-    padding: 2px;
-}
-
-.umds-switch--large .umds-switch__thumb {
-    width: var(--umds-primitive-spacing-xs);
-    height: var(--umds-primitive-spacing-xs);
-}
-
-.umds-switch--large[aria-checked="true"] .umds-switch__thumb {
-    transform: translateX(30px);
-    /* 66 - 2 - 32 - 2 = 30 */
-}
-
-/* Medium */
-.umds-switch--medium {
-    width: 52px;
-    height: 28px;
-    padding: 2px;
-    /* Assuming 2px */
-}
-
-.umds-switch--medium .umds-switch__thumb {
-    width: var(--umds-primitive-spacing-xxs);
-    height: var(--umds-primitive-spacing-xxs);
-}
-
-.umds-switch--medium[aria-checked="true"] .umds-switch__thumb {
-    transform: translateX(24px);
-    /* 52 - 2 - 24 - 2 = 24 */
-}
-
-/* Small */
-.umds-switch--small {
-    width: 44px;
-    height: var(--umds-primitive-spacing-xxs);
-    padding: 1.5px;
-}
-
-.umds-switch--small .umds-switch__thumb {
-    width: 21px;
-    height: 21px;
-}
-
-.umds-switch--small[aria-checked="true"] .umds-switch__thumb {
-    transform: translateX(20px);
-    /* 44 - 1.5 - 21 - 1.5 = 20 */
-}
-
-/* Wrapper (Layout) */
-.umds-switch-wrapper {
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: var(--umds-primitive-spacing-xxxs);
-    width: 100%;
-    box-sizing: border-box;
-}
-
-/* Wrapper (Background Style) */
-.umds-switch-wrapper--background {
-    background-color: var(--umds-semantic-color-neutral-light-pure, white);
-    padding: var(--umds-primitive-spacing-xxxs);
-    border-radius: var(--umds-primitive-border-radius-sm);
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
-}
-
-.umds-switch-text {
-    display: flex;
-    flex-direction: column;
-    gap: var(--umds-primitive-spacing-quarck);
-    flex-grow: 1;
-}

package/dist/components/Switch/Switch.d.ts

@@ -1,18 +0,0 @@
-import './Switch.css';
-export interface SwitchProps {
-    checked?: any;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    size?: "small" | "medium" | "large";
-    name?: string;
-    value?: string;
-    id?: string;
-    label?: string;
-    description?: string;
-    background?: boolean;
-    className?: string;
-    onChange?: (checked: boolean) => void;
-    [key: string]: any;
-}
-declare function Switch(props: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export default Switch;

package/dist/components/Switch/Switch.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import './Switch.css';
-"use client";
-import { useState } from "react";
-import Icon from "../Icon/Icon";
-import Text from "../Text/Text";
-function Switch(props) {
-    const [internalChecked, setInternalChecked] = useState(() => props.defaultChecked || false);
-    function isChecked() {
-        return props.checked !== undefined ? props.checked : internalChecked;
-    }
-    function toggle() {
-        if (props.disabled)
-            return;
-        // Workaround for Mitosis Vue generation issue with getters
-        const current = props.checked !== undefined ? props.checked : internalChecked;
-        const newValue = !current;
-        setInternalChecked(newValue);
-        props.onChange?.(newValue);
-    }
-    function classes() {
-        return [
-            "umds-switch",
-            `umds-switch--${props.size || "large"}`,
-            props.disabled ? "umds-switch--disabled" : "",
-            !isWrapper() ? props.className : "",
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function classesWrapper() {
-        return [
-            "umds-switch-wrapper",
-            props.background ? "umds-switch-wrapper--background" : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function isWrapper() {
-        return !!(props.background || props.label || props.description);
-    }
-    function iconSize() {
-        if (props.size === "small" || props.size === "medium") {
-            return "sm";
-        }
-        return "lg"; // default is large (24px)
-    }
-    return (_jsxs(_Fragment, { children: [isWrapper() ? (_jsxs("div", { ...props, className: classesWrapper(), children: [_jsx("button", { type: "button", role: "switch", "aria-checked": isChecked(), disabled: props.disabled, onClick: (event) => {
-                            event.preventDefault();
-                            toggle();
-                        }, name: props.name, value: props.value, id: props.id, className: classes(), children: _jsxs("span", { className: "umds-switch__thumb", children: [isChecked() ? (_jsx(_Fragment, { children: props.iconChecked || _jsx(Icon, { name: "check", size: iconSize() }) })) : null, !isChecked() ? (_jsx(_Fragment, { children: props.iconNotChecked || (_jsx(Icon, { name: "xmark", size: iconSize() })) })) : null] }) }), _jsxs("div", { className: "umds-switch-text", children: [props.label ? (_jsx(Text, { as: "span", weight: "semibold", variant: props.size === "small" ? "body2" : "body1", children: props.label })) : null, props.description ? (_jsx(Text, { as: "span", variant: "caption", color: "secondary", children: props.description })) : null] })] })) : null, !isWrapper() ? (_jsx("button", { type: "button", role: "switch", "aria-checked": isChecked(), disabled: props.disabled, onClick: (event) => {
-                    event.preventDefault();
-                    toggle();
-                }, ...props, className: classes(), children: _jsxs("span", { className: "umds-switch__thumb", children: [isChecked() ? (_jsx(_Fragment, { children: props.iconChecked || _jsx(Icon, { name: "check", size: iconSize() }) })) : null, !isChecked() ? (_jsx(_Fragment, { children: props.iconNotChecked || (_jsx(Icon, { name: "xmark", size: iconSize() })) })) : null] }) })) : null] }));
-}
-export default Switch;

package/dist/components/Tabs/Tab.d.ts

@@ -1,19 +0,0 @@
-/**
- * Propriedades do componente Tab.
- * @description Representa uma aba individual dentro do componente Tabs.
- */
-export interface TabProps {
-    /** Texto exibido na tab */
-    label: string;
-    /** Identificador único da tab. Deve corresponder ao index do TabContent */
-    index: string;
-    /** Nome do ícone Iconoir a ser exibido (opcional) */
-    icon?: string;
-    /** Se a tab está desabilitada */
-    disabled?: boolean;
-    /** Classes CSS adicionais */
-    className?: string;
-    [key: string]: any;
-}
-declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;
-export default Tab;

package/dist/components/Tabs/Tab.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import TabsContext from "./tabs.context";
-import Icon from "../Icon/Icon";
-function Tab(props) {
-    function isSelected() {
-        return tabsContext.value === props.index;
-    }
-    function classes() {
-        return [
-            "umds-tabs__tab",
-            isSelected() ? "umds-tabs__tab--selected" : "",
-            props.disabled ? "umds-tabs__tab--disabled" : "",
-            props.className,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function labelClasses() {
-        return [
-            "umds-tabs__label",
-            isSelected() ? "umds-tabs__label--selected" : "",
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    function handleClick() {
-        if (props.disabled)
-            return;
-        if (typeof tabsContext.onChange === "function") {
-            tabsContext.onChange(props.index);
-        }
-    }
-    function handleKeyDown(event) {
-        if (props.disabled)
-            return;
-        if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            handleClick();
-            return;
-        }
-        const tablist = event.target.closest('[role="tablist"]');
-        if (!tablist)
-            return;
-        const tabs = tablist.querySelectorAll('[role="tab"]:not([disabled])');
-        const currentIndex = Array.from(tabs).indexOf(event.target);
-        let targetIndex = -1;
-        if (event.key === "ArrowRight") {
-            event.preventDefault();
-            targetIndex = (currentIndex + 1) % tabs.length;
-        }
-        if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            targetIndex = (currentIndex - 1 + tabs.length) % tabs.length;
-        }
-        if (event.key === "Home") {
-            event.preventDefault();
-            targetIndex = 0;
-        }
-        if (event.key === "End") {
-            event.preventDefault();
-            targetIndex = tabs.length - 1;
-        }
-        if (targetIndex >= 0 && tabs[targetIndex]) {
-            tabs[targetIndex].focus();
-            const tabIndex = tabs[targetIndex].getAttribute("data-tab-index");
-            if (tabIndex && typeof tabsContext.onChange === "function") {
-                tabsContext.onChange(tabIndex);
-            }
-        }
-    }
-    const tabsContext = useContext(TabsContext);
-    return (_jsxs("button", { role: "tab", "data-tab-index": props.index, "aria-selected": isSelected(), "aria-disabled": props.disabled, tabIndex: isSelected() ? 0 : -1, disabled: props.disabled, onClick: (event) => handleClick(), onKeyDown: (event) => handleKeyDown(event), className: classes(), children: [props.icon ? (_jsx(Icon, { size: "md", variant: "inherit", className: "umds-tabs__icon", name: props.icon })) : null, _jsx("span", { className: labelClasses(), children: props.label })] }));
-}
-export default Tab;

package/dist/components/Tabs/TabContent.d.ts

@@ -1,15 +0,0 @@
-/**
- * Propriedades do componente TabContent.
- * @description Painel de conteúdo individual associado a uma tab via index.
- */
-export interface TabContentProps {
-    /** Identificador da tab. Deve corresponder ao index do Tab associado */
-    index: string;
-    /** Classes CSS adicionais */
-    className?: string;
-    /** Conteúdo do painel */
-    children?: any;
-    [key: string]: any;
-}
-declare function TabContent(props: TabContentProps): import("react/jsx-runtime").JSX.Element;
-export default TabContent;

package/dist/components/Tabs/TabContent.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext } from "react";
-import TabsContext from "./tabs.context";
-function TabContent(props) {
-    const tabsContext = useContext(TabsContext);
-    return (_jsx(_Fragment, { children: tabsContext.value === props.index ? (_jsx(_Fragment, { children: _jsx("div", { role: "tabpanel", "data-tab-index": props.index, className: ["umds-tabs__content", props.className]
-                    .filter(Boolean)
-                    .join(" "), children: props.children }) })) : null }));
-}
-export default TabContent;