@wellingtonhlc/shared-ui 0.27.1 → 0.29.0

package/dist/components/Button.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { cn } from '../utils/cn';
-const variantClasses = {
-    primary: 'border-transparent bg-[var(--brand)] text-[var(--primary-foreground,#ffffff)] shadow-[0_10px_22px_-16px_color-mix(in_srgb,var(--brand)_70%,#000)] hover:bg-[var(--brand-hover,var(--brand))] hover:shadow-[0_16px_28px_-18px_color-mix(in_srgb,var(--brand)_80%,#000)] dark:shadow-[0_14px_28px_-20px_color-mix(in_srgb,var(--brand)_86%,#000)]',
-    secondary: 'border-[color-mix(in_srgb,var(--brand)_34%,var(--app-border))] bg-[color-mix(in_srgb,var(--brand)_12%,var(--surface))] text-[color-mix(in_srgb,var(--brand)_88%,var(--foreground))] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--brand)_8%,transparent)] hover:border-[color-mix(in_srgb,var(--brand)_48%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_18%,var(--surface))] dark:border-[color-mix(in_srgb,var(--brand)_42%,var(--app-border))] dark:bg-[color-mix(in_srgb,var(--brand)_18%,var(--surface))] dark:text-[color-mix(in_srgb,var(--brand)_42%,#fff)] dark:hover:bg-[color-mix(in_srgb,var(--brand)_24%,var(--surface))] dark:hover:text-[color-mix(in_srgb,var(--brand)_30%,#fff)]',
-    ghost: 'border-transparent bg-transparent text-foreground-muted hover:bg-[color-mix(in_srgb,var(--brand)_10%,transparent)] hover:text-[color-mix(in_srgb,var(--brand)_86%,var(--foreground))] dark:hover:bg-[color-mix(in_srgb,var(--brand)_14%,transparent)] dark:hover:text-[color-mix(in_srgb,var(--brand)_78%,#fff)]',
-    outline: 'border-app-border bg-transparent text-foreground hover:border-[color-mix(in_srgb,var(--brand)_46%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_8%,transparent)] hover:text-[color-mix(in_srgb,var(--brand)_86%,var(--foreground))] dark:hover:border-[color-mix(in_srgb,var(--brand)_54%,var(--app-border))] dark:hover:bg-[color-mix(in_srgb,var(--brand)_12%,transparent)] dark:hover:text-[color-mix(in_srgb,var(--brand)_78%,#fff)]',
-    information: 'border-[var(--status-info-border,#93c5fd)] bg-[var(--status-info-bg,rgba(219,234,254,0.8))] text-[var(--status-info-text,#1d4ed8)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-info-border,#93c5fd)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-info-bg,rgba(219,234,254,0.8))_78%,var(--status-info-border,#93c5fd))]',
-    success: 'border-[var(--status-success-border,#86efac)] bg-[var(--status-success-bg,rgba(220,252,231,0.8))] text-[var(--status-success-text,#15803d)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-success-border,#86efac)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-success-bg,rgba(220,252,231,0.8))_78%,var(--status-success-border,#86efac))]',
-    warning: 'border-[var(--status-warning-border,#fcd34d)] bg-[var(--status-warning-bg,rgba(254,243,199,0.8))] text-[var(--status-warning-text,#92400e)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-warning-border,#fcd34d)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-warning-bg,rgba(254,243,199,0.8))_78%,var(--status-warning-border,#fcd34d))]',
-    danger: 'border-[var(--status-danger-border,#fca5a5)] bg-[var(--status-danger-bg,rgba(254,202,202,0.8))] text-[var(--status-danger-text,#b91c1c)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-danger-border,#fca5a5)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-danger-bg,rgba(254,202,202,0.8))_78%,var(--status-danger-border,#fca5a5))]',
-    destructive: 'border-transparent bg-[#dc2626] text-white hover:bg-[#b91c1c]',
-    sidebar: 'border-transparent bg-transparent text-foreground-muted hover:bg-[color-mix(in_srgb,var(--brand)_10%,transparent)] hover:text-[var(--brand)]',
-};
-const sizeClasses = {
-    xs: 'min-h-7 min-w-7 px-1.5 py-1 text-[0.625rem]',
-    sm: 'min-h-9 min-w-9 px-2.5 py-2 text-xs',
-    md: 'min-h-11 min-w-20 px-4 py-2.5 text-sm',
-    lg: 'min-h-13 min-w-24 px-6 py-3 text-base',
-    wide: 'min-h-11 min-w-20 w-full px-4 py-2.5 text-sm',
-};
-const roundedSizeClasses = {
-    xs: 'size-7 min-h-7 min-w-7 p-1 text-[0.625rem]',
-    sm: 'size-9 min-h-9 min-w-9 p-1.5 text-xs',
-    md: 'size-12 min-h-12 min-w-12 p-2 text-sm',
-    lg: 'size-14 min-h-14 min-w-14 p-3 text-base',
-    wide: 'min-h-11 min-w-20 w-full px-4 py-2.5 text-sm',
-};
-export const Button = forwardRef(({ children, className, disabled, isLoading = false, isSubmitting = false, minWidth, rounded = false, size = 'md', style, title, tooltip, type = 'button', variant = 'primary', ...props }, ref) => {
-    const busy = isLoading || isSubmitting;
-    const resolvedSize = rounded ? roundedSizeClasses[size] : sizeClasses[size];
-    const ariaBusy = props['aria-busy'] ?? (busy ? true : undefined);
-    return (_jsx("button", { ref: ref, className: cn('inline-flex cursor-pointer items-center justify-center gap-2 rounded-[var(--radius)] border font-semibold leading-none no-underline transition-[background-color,border-color,color,opacity,box-shadow] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand/30 disabled:cursor-not-allowed disabled:opacity-55 disabled:saturate-50', variantClasses[variant], resolvedSize, rounded && 'rounded-full', busy && 'cursor-wait opacity-90', className), disabled: disabled || busy, style: {
-            ...style,
-            ...(minWidth !== undefined
-                ? { minWidth: typeof minWidth === 'number' ? `${minWidth}px` : minWidth }
-                : {}),
-        }, "aria-busy": ariaBusy, title: tooltip ?? title, type: type, ...props, children: children }));
-});
-Button.displayName = 'Button';

package/dist/components/Card.d.ts

@@ -1,36 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-export type CardVariant = 'default' | 'subtle' | 'surface' | 'elevated';
-export type CardDensity = 'none' | 'compact' | 'default';
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    className?: string;
-    highlight?: boolean;
-    variant?: CardVariant;
-}
-export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-    density?: CardDensity;
-}
-export type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
-export type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
-export type CardActionsProps = HTMLAttributes<HTMLDivElement>;
-export type CardToolbarProps = HTMLAttributes<HTMLDivElement>;
-declare function CardRoot({ className, children, highlight, variant, ...props }: CardProps): import("react").JSX.Element;
-declare function CardHeader({ className, children, ...props }: CardHeaderProps): import("react").JSX.Element;
-declare function CardTitle({ className, children, ...props }: HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
-declare function CardDescription({ className, children, ...props }: CardDescriptionProps): import("react").JSX.Element;
-declare function CardBody({ className, children, density, ...props }: CardBodyProps): import("react").JSX.Element;
-declare function CardActions({ className, children, ...props }: CardActionsProps): import("react").JSX.Element;
-declare function CardToolbar({ className, children, ...props }: CardToolbarProps): import("react").JSX.Element;
-declare function CardFooter({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-export declare const Card: {
-    Root: typeof CardRoot;
-    Header: typeof CardHeader;
-    Title: typeof CardTitle;
-    Description: typeof CardDescription;
-    Body: typeof CardBody;
-    Actions: typeof CardActions;
-    Toolbar: typeof CardToolbar;
-    Footer: typeof CardFooter;
-};
-export {};
-//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AACxE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAC7D,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAyB9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,SAAiB,EACjB,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,+BAeX;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAarE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,kBAAkB,CAAC,+BAavF;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BAM/E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAMtF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAMvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BASpF;AAED,eAAO,MAAM,IAAI;;;;;;;;;CAShB,CAAC"}

package/dist/components/Card.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../utils/cn';
-function getCardVariantClass(variant) {
-    if (variant === 'subtle') {
-        return 'bg-[color-mix(in_srgb,var(--foreground-muted)_5%,var(--surface))] shadow-none';
-    }
-    if (variant === 'surface') {
-        return 'bg-surface shadow-[inset_0_1px_0_color-mix(in_srgb,#fff_40%,transparent)]';
-    }
-    if (variant === 'elevated') {
-        return 'bg-surface shadow-[0_16px_36px_-24px_color-mix(in_srgb,#000_50%,transparent)]';
-    }
-    return 'bg-background-secondary shadow-sm';
-}
-function getContentDensityClass(density) {
-    if (density === 'none')
-        return 'gap-0 p-0';
-    if (density === 'compact')
-        return 'gap-3 p-3';
-    return 'gap-6 p-6';
-}
-function CardRoot({ className, children, highlight = false, variant = 'default', ...props }) {
-    return (_jsx("div", { className: cn('border-app-border rounded-xl border', highlight
-            && 'bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-surface,var(--surface))_92%,var(--color-primary,var(--brand))_8%),var(--color-surface,var(--surface)))] shadow-[0_12px_32px_rgba(15,23,42,0.06)]', !highlight && getCardVariantClass(variant), className), ...props, children: children }));
-}
-function CardHeader({ className, children, ...props }) {
-    return (_jsx("div", { className: cn('border-app-border flex flex-col gap-1 border-b p-4', '[&>h2]:h-auto [&>h2]:rounded-none [&>h2]:border-0 [&>h2]:p-0', className), ...props, children: children }));
-}
-function CardTitle({ className, children, ...props }) {
-    return (_jsx("h2", { className: cn('text-foreground col-span-12 flex h-10 items-center gap-2 rounded-t-xl px-4 text-sm font-semibold', 'border-app-border border-b', className), ...props, children: children }));
-}
-function CardDescription({ className, children, ...props }) {
-    return (_jsx("p", { className: cn('text-foreground-muted text-sm leading-5', className), ...props, children: children }));
-}
-function CardBody({ className, children, density = 'default', ...props }) {
-    return (_jsx("div", { className: cn('flex flex-col', getContentDensityClass(density), className), ...props, children: children }));
-}
-function CardActions({ className, children, ...props }) {
-    return (_jsx("div", { className: cn('flex items-center justify-end gap-2', className), ...props, children: children }));
-}
-function CardToolbar({ className, children, ...props }) {
-    return (_jsx("div", { className: cn('border-app-border flex flex-wrap items-end gap-3 border-b p-3', className), ...props, children: children }));
-}
-function CardFooter({ className, children, ...props }) {
-    return (_jsx("div", { className: cn('border-app-border flex items-center gap-4 border-t p-4', className), ...props, children: children }));
-}
-export const Card = {
-    Root: CardRoot,
-    Header: CardHeader,
-    Title: CardTitle,
-    Description: CardDescription,
-    Body: CardBody,
-    Actions: CardActions,
-    Toolbar: CardToolbar,
-    Footer: CardFooter,
-};

package/dist/components/ConfirmationDialog.d.ts

@@ -1,74 +0,0 @@
-import React, { type ReactNode } from 'react';
-import { type ButtonProps } from './Button';
-export type ConfirmationDialogVariant = 'information' | 'question' | 'warning' | 'destructive';
-export type ConfirmationDialogVariantInput = ConfirmationDialogVariant | 'default';
-export type ConfirmationDialogButtonVariant = 'cancel' | 'confirm' | 'danger' | 'success';
-export interface ConfirmationDialogAction extends Omit<ButtonProps, 'children' | 'onClick'> {
-    children?: ReactNode;
-    label?: ReactNode;
-    onSelect: () => Promise<void> | void;
-}
-export interface ConfirmationDialogProps {
-    actions?: ConfirmationDialogAction[];
-    cancelLabel?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    confirmLabel?: ReactNode;
-    description?: ReactNode;
-    onClose: () => void;
-    onConfirm?: () => Promise<void> | void;
-    open: boolean;
-    title?: ReactNode;
-    variant?: ConfirmationDialogVariantInput;
-}
-export interface ConfirmationDialogRootProps {
-    children: ReactNode;
-    className?: string;
-    closeOnEscape?: boolean;
-    onOpenChange: (open: boolean) => void;
-    open: boolean;
-    overlayClassName?: string;
-    variant?: ConfirmationDialogVariantInput;
-}
-export interface ConfirmationDialogButtonProps extends Omit<ButtonProps, 'children' | 'onClick' | 'variant'> {
-    buttonVariant?: ButtonProps['variant'];
-    children?: ReactNode;
-    closeOnSuccess?: boolean;
-    label?: ReactNode;
-    onClick?: () => Promise<void> | void;
-    submit?: boolean;
-    variant?: ConfirmationDialogButtonVariant;
-}
-declare function Root({ children, className, closeOnEscape, onOpenChange, open, overlayClassName, variant, }: ConfirmationDialogRootProps): React.ReactPortal | null;
-declare function Icon({ className }: {
-    className?: string;
-}): React.JSX.Element;
-declare function Title({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): React.JSX.Element;
-declare function Description({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): React.JSX.Element;
-declare function Body({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): React.JSX.Element;
-declare function Footer({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): React.JSX.Element;
-declare function Button({ children, closeOnSuccess, disabled, label, minWidth, onClick, size, submit, variant, ...props }: ConfirmationDialogButtonProps): React.JSX.Element;
-declare function ConfirmationDialogSimple({ actions, cancelLabel, children, className, confirmLabel, description, onClose, onConfirm, open, title, variant, }: ConfirmationDialogProps): React.JSX.Element;
-export declare const ConfirmationDialog: typeof ConfirmationDialogSimple & {
-    Root: typeof Root;
-    Icon: typeof Icon;
-    Title: typeof Title;
-    Description: typeof Description;
-    Body: typeof Body;
-    Footer: typeof Footer;
-    Button: typeof Button;
-};
-export {};
-//# sourceMappingURL=ConfirmationDialog.d.ts.map

package/dist/components/ConfirmationDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmationDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/ConfirmationDialog.js

@@ -1,234 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useId, useMemo, useRef, useState, } from 'react';
-import { createPortal } from 'react-dom';
-import { AlertCircleIcon, AlertTriangleIcon, HelpCircleIcon, InfoIcon, XIcon } from 'lucide-react';
-import { cn } from '../utils/cn';
-import { Button as BaseButton } from './Button';
-const ConfirmationDialogContext = createContext(null);
-function resolveVariant(variant) {
-    return variant === 'default' ? 'information' : variant;
-}
-const dialogVariantStyles = {
-    information: {
-        icon: InfoIcon,
-        iconClassName: 'text-[color-mix(in_srgb,var(--status-info-text,#2563eb)_76%,var(--foreground))]',
-        titleClassName: 'text-[color-mix(in_srgb,var(--status-info-text,#2563eb)_76%,var(--foreground))]',
-    },
-    question: {
-        icon: HelpCircleIcon,
-        iconClassName: 'text-[color-mix(in_srgb,var(--brand)_82%,var(--foreground))]',
-        titleClassName: 'text-[color-mix(in_srgb,var(--brand)_82%,var(--foreground))]',
-    },
-    warning: {
-        icon: AlertTriangleIcon,
-        iconClassName: 'text-[color-mix(in_srgb,var(--status-warning-text,#d97706)_76%,var(--foreground))]',
-        titleClassName: 'text-[color-mix(in_srgb,var(--status-warning-text,#d97706)_76%,var(--foreground))]',
-    },
-    destructive: {
-        icon: AlertCircleIcon,
-        iconClassName: 'text-[color-mix(in_srgb,#dc2626_86%,var(--foreground))]',
-        titleClassName: 'text-[color-mix(in_srgb,#dc2626_86%,var(--foreground))]',
-    },
-};
-const buttonVariantDefaults = {
-    cancel: { label: 'Cancelar', buttonVariant: 'outline' },
-    confirm: { label: 'Confirmar', buttonVariant: 'primary' },
-    danger: { label: 'Não', buttonVariant: 'outline' },
-    success: { label: 'Sim', buttonVariant: 'primary' },
-};
-const confirmButtonVariantByDialog = {
-    information: 'information',
-    question: 'primary',
-    warning: 'warning',
-    destructive: 'destructive',
-};
-function useConfirmationDialog() {
-    const context = useContext(ConfirmationDialogContext);
-    if (!context) {
-        throw new Error('ConfirmationDialog components must be used inside ConfirmationDialog.Root.');
-    }
-    return context;
-}
-function Root({ children, className, closeOnEscape = true, onOpenChange, open, overlayClassName, variant = 'information', }) {
-    const titleId = useId();
-    const descriptionId = useId();
-    const resolvedVariant = resolveVariant(variant);
-    const [submittingId, setSubmittingId] = useState(null);
-    const [focusedId, setFocusedId] = useState(null);
-    const buttonRefs = useRef({});
-    const buttonOrder = useRef([]);
-    const isBusy = submittingId !== null;
-    function close() {
-        if (!isBusy) {
-            onOpenChange(false);
-        }
-    }
-    function registerButton(id, element) {
-        buttonRefs.current[id] = element;
-        if (element && !buttonOrder.current.includes(id)) {
-            buttonOrder.current.push(id);
-        }
-        if (!element) {
-            buttonOrder.current = buttonOrder.current.filter((buttonId) => buttonId !== id);
-            delete buttonRefs.current[id];
-        }
-    }
-    function focusButton(direction) {
-        const availableButtons = buttonOrder.current
-            .map((id) => buttonRefs.current[id])
-            .filter((button) => !!button && !button.disabled);
-        if (!availableButtons.length)
-            return;
-        const currentIndex = availableButtons.findIndex((button) => button === document.activeElement);
-        const nextIndex = currentIndex === -1
-            ? 0
-            : (currentIndex + direction + availableButtons.length) % availableButtons.length;
-        availableButtons[nextIndex]?.focus();
-    }
-    async function runAction(id, action, submit = false, closeOnSuccess = true) {
-        if (isBusy)
-            return;
-        if (submit) {
-            setSubmittingId(id);
-        }
-        try {
-            await action?.();
-            if (closeOnSuccess) {
-                onOpenChange(false);
-            }
-        }
-        finally {
-            if (submit) {
-                setSubmittingId(null);
-            }
-        }
-    }
-    useEffect(() => {
-        if (!open)
-            return;
-        function handleKeyDown(event) {
-            if (event.key === 'Escape' && closeOnEscape && !isBusy) {
-                event.preventDefault();
-                onOpenChange(false);
-            }
-            if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
-                event.preventDefault();
-                focusButton(1);
-            }
-            if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
-                event.preventDefault();
-                focusButton(-1);
-            }
-        }
-        window.addEventListener('keydown', handleKeyDown);
-        return () => window.removeEventListener('keydown', handleKeyDown);
-    }, [closeOnEscape, isBusy, onOpenChange, open]);
-    useEffect(() => {
-        if (!open)
-            return;
-        const timeoutId = window.setTimeout(() => {
-            const firstButton = buttonOrder.current
-                .map((id) => buttonRefs.current[id])
-                .find((button) => !!button && !button.disabled);
-            firstButton?.focus();
-        }, 0);
-        return () => window.clearTimeout(timeoutId);
-    }, [open]);
-    const value = useMemo(() => ({
-        close,
-        descriptionId,
-        focusButton,
-        focusedId,
-        isBusy,
-        registerButton,
-        runAction,
-        setFocusedId,
-        submittingId,
-        titleId,
-        variant: resolvedVariant,
-    }), [descriptionId, focusedId, isBusy, resolvedVariant, submittingId, titleId]);
-    if (!open) {
-        return null;
-    }
-    return createPortal(_jsx(ConfirmationDialogContext.Provider, { value: value, children: _jsx("div", { className: cn('fixed inset-0 z-[10000] flex items-center justify-center bg-black/50 p-4 backdrop-blur-[2px]', overlayClassName), role: "presentation", children: _jsxs("section", { "aria-describedby": descriptionId, "aria-labelledby": titleId, "aria-modal": "true", className: cn('border-app-border bg-background-secondary text-foreground relative grid gap-4 rounded-xl border p-6 shadow-2xl', className), role: "alertdialog", style: { width: 'min(29rem, calc(100vw - 2rem))' }, children: [_jsx("button", { "aria-label": "Fechar", className: cn('text-foreground-muted hover:bg-background hover:text-foreground absolute right-4 top-4 inline-flex size-7 cursor-pointer items-center justify-center rounded-md opacity-60 transition disabled:cursor-not-allowed disabled:opacity-30'), disabled: isBusy, onClick: close, type: "button", children: _jsx(XIcon, { className: "size-3.5" }) }), children] }) }) }), document.body);
-}
-function Icon({ className }) {
-    const { variant } = useConfirmationDialog();
-    const variantStyle = dialogVariantStyles[variant];
-    const DialogIcon = variantStyle.icon;
-    return _jsx(DialogIcon, { className: cn('size-4 shrink-0', variantStyle.iconClassName, className) });
-}
-function Title({ children, className }) {
-    const { titleId, variant } = useConfirmationDialog();
-    const variantStyle = dialogVariantStyles[variant];
-    return (_jsxs("h2", { className: cn('flex items-center gap-2 text-base font-semibold leading-tight', variantStyle.titleClassName, className), id: titleId, children: [_jsx(Icon, {}), _jsx("span", { children: children })] }));
-}
-function Description({ children, className }) {
-    const { descriptionId } = useConfirmationDialog();
-    return (_jsx("p", { className: cn('text-foreground-muted min-h-[2.5rem] min-w-[18rem] text-sm leading-relaxed', className), id: descriptionId, children: children }));
-}
-function Body({ children, className }) {
-    return _jsx("div", { className: cn('text-foreground-muted text-sm', className), children: children });
-}
-function Footer({ children, className }) {
-    return (_jsx("footer", { className: cn('border-app-border mt-2 flex justify-end gap-2 border-t pt-4', className), children: children }));
-}
-function Button({ children, closeOnSuccess = true, disabled, label, minWidth = 100, onClick, size = 'sm', submit = false, variant = 'confirm', ...props }) {
-    const id = useId();
-    const { focusedId, isBusy, registerButton, runAction, setFocusedId, submittingId, variant: dialogVariant, } = useConfirmationDialog();
-    const defaults = buttonVariantDefaults[variant];
-    const { buttonVariant, className, onBlur, onFocus, style, ...buttonProps } = props;
-    const isSubmitting = submittingId === id;
-    const isFocused = focusedId === id;
-    const isMainAction = variant === 'confirm' || variant === 'success';
-    const resolvedButtonVariant = buttonVariant
-        ?? (isMainAction ? confirmButtonVariantByDialog[dialogVariant] : defaults.buttonVariant);
-    function handleClick() {
-        void runAction(id, onClick, submit, closeOnSuccess);
-    }
-    function handleFocus(event) {
-        setFocusedId(id);
-        onFocus?.(event);
-    }
-    function handleBlur(event) {
-        setFocusedId(null);
-        onBlur?.(event);
-    }
-    return (_jsx(BaseButton, { ...buttonProps, ref: (element) => registerButton(id, element), disabled: disabled || (isBusy && !isSubmitting), isSubmitting: isSubmitting, minWidth: minWidth, onBlur: handleBlur, onClick: handleClick, onFocus: handleFocus, size: size, variant: resolvedButtonVariant, className: cn('h-9 min-h-9 rounded-md px-3 py-0 text-sm leading-none', 'focus:outline-none focus-visible:outline-none', className), style: {
-            ...style,
-            ...(isFocused
-                ? {
-                    boxShadow: '0 0 0 2px var(--background-secondary), 0 0 0 4px rgba(245, 158, 11, 0.62)',
-                }
-                : {}),
-        }, children: children ?? label ?? defaults.label }));
-}
-function ConfirmationDialogSimple({ actions, cancelLabel = 'Não', children, className, confirmLabel = 'Sim', description, onClose, onConfirm, open, title = 'Tem certeza?', variant = 'information', }) {
-    function handleOpenChange(nextOpen) {
-        if (!nextOpen) {
-            onClose();
-        }
-    }
-    function handleConfirm() {
-        return onConfirm?.();
-    }
-    const resolvedActions = actions?.length
-        ? actions.map((action, index) => {
-            const { children: actionChildren, label: actionLabel, onSelect, variant: actionVariant, ...actionProps } = action;
-            return (_jsx(Button, { ...actionProps, buttonVariant: actionVariant, closeOnSuccess: true, label: actionLabel, onClick: onSelect, submit: index === actions.length - 1, variant: index === actions.length - 1 ? 'success' : 'cancel', children: actionChildren }, index));
-        })
-        : [
-            _jsx(Button, { label: cancelLabel, onClick: onClose, variant: "danger" }, "cancel"),
-            _jsx(Button, { label: confirmLabel, onClick: handleConfirm, submit: true, variant: "success" }, "confirm"),
-        ];
-    return (_jsxs(Root, { className: className, onOpenChange: handleOpenChange, open: open, variant: variant, children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Title, { children: title }), description ? _jsx(Description, { children: description }) : null] }), children ? _jsx(Body, { children: children }) : null, _jsx(Footer, { children: resolvedActions })] }));
-}
-export const ConfirmationDialog = Object.assign(ConfirmationDialogSimple, {
-    Root,
-    Icon,
-    Title,
-    Description,
-    Body,
-    Footer,
-    Button,
-});

package/dist/components/CopyableField.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export interface CopyableFieldProps extends React.HTMLAttributes<HTMLElement> {
-    value?: string | number | null;
-    children: React.ReactNode;
-    asChild?: boolean;
-    successMessage?: string;
-    errorMessage?: string;
-}
-export declare const CopyableField: React.ForwardRefExoticComponent<CopyableFieldProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=CopyableField.d.ts.map

package/dist/components/CopyableField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopyableField.d.ts","sourceRoot":"","sources":["../../src/components/CopyableField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,wFAuHzB,CAAC"}

package/dist/components/CopyableField.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { ClipboardCheckIcon, ClipboardIcon } from "lucide-react";
-import { toast } from "sonner";
-import { cn } from "../utils/cn";
-export const CopyableField = React.forwardRef(function CopyableField({ asChild = false, children, className, errorMessage = "Nao foi possivel copiar o valor.", onClick, onKeyDown, successMessage = "Valor copiado.", title = "Clique para copiar", value, ...props }, ref) {
-    const Component = asChild ? Slot : "span";
-    const copyValue = value === null || value === undefined ? "" : String(value);
-    const canCopy = copyValue.trim().length > 0;
-    const [copied, setCopied] = React.useState(false);
-    const feedbackTimerRef = React.useRef(null);
-    React.useEffect(() => {
-        return () => {
-            if (feedbackTimerRef.current) {
-                clearTimeout(feedbackTimerRef.current);
-            }
-        };
-    }, []);
-    function showCopiedFeedback() {
-        setCopied(true);
-        if (feedbackTimerRef.current) {
-            clearTimeout(feedbackTimerRef.current);
-        }
-        feedbackTimerRef.current = setTimeout(() => {
-            setCopied(false);
-            feedbackTimerRef.current = null;
-        }, 1200);
-    }
-    async function copy() {
-        if (!canCopy)
-            return;
-        try {
-            await navigator.clipboard.writeText(copyValue);
-            showCopiedFeedback();
-            toast.success(successMessage);
-        }
-        catch {
-            toast.error(errorMessage);
-        }
-    }
-    function handleClick(event) {
-        onClick?.(event);
-        if (event.defaultPrevented)
-            return;
-        void copy();
-    }
-    function handleKeyDown(event) {
-        onKeyDown?.(event);
-        if (event.defaultPrevented)
-            return;
-        if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            void copy();
-        }
-    }
-    return (_jsx(Component, { ref: ref, role: canCopy ? "button" : undefined, tabIndex: canCopy ? 0 : -1, title: canCopy ? title : undefined, "aria-disabled": !canCopy, "aria-label": canCopy && copied ? "Copiado" : undefined, "data-copied": copied ? "true" : undefined, className: cn(canCopy &&
-            "group/copyable relative cursor-pointer rounded-md border border-transparent focus-visible:outline-none", className), onClick: handleClick, onKeyDown: handleKeyDown, ...props, children: asChild ? (children) : (_jsxs(_Fragment, { children: [children, canCopy ? (_jsx("span", { "aria-hidden": "true", className: cn("border-app-border bg-[color-mix(in_srgb,var(--foreground-muted)_3%,var(--background-secondary))] text-foreground-muted pointer-events-none absolute top-1/2 right-0 inline-flex size-6 translate-x-[calc(100%+0.25rem)] -translate-y-1/2 items-center justify-center rounded-md border opacity-0 shadow-sm transition-[opacity,color,border-color,background-color] duration-150 group-hover/copyable:opacity-100 group-focus-visible/copyable:opacity-100", copied &&
-                        "bg-[color-mix(in_srgb,var(--brand)_9%,var(--background-secondary))] text-brand opacity-100"), children: copied ? (_jsx(ClipboardCheckIcon, { className: "size-3.5" })) : (_jsx(ClipboardIcon, { className: "size-3.5" })) })) : null] })) }));
-});

package/dist/components/DateField.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export type DateFieldMode = 'date' | 'dateTime' | 'time';
-export interface DateFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
-    label?: string;
-    value?: string | Date | null;
-    onChange?: ((value: string) => void) | React.ChangeEventHandler<HTMLInputElement>;
-    inputRef?: React.Ref<HTMLInputElement>;
-    errorMessage?: string;
-    wrapperClassName?: string;
-    labelClassName?: string;
-    size?: 'sm' | 'md' | 'lg';
-    roundedFull?: boolean;
-    mode?: DateFieldMode;
-    enableTime?: boolean;
-    timeIntervals?: number;
-    noPortal?: boolean;
-}
-export declare const DateField: React.ForwardRefExoticComponent<DateFieldProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=DateField.d.ts.map

package/dist/components/DateField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/components/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AA6FzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/H,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,yFA6IrB,CAAC"}