@wellingtonhlc/shared-ui 0.29.0 → 0.29.2

package/dist/components/RadioGroup.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useController, } from 'react-hook-form';
+import { cn } from '../utils/cn';
+import { FieldControl } from './FieldControl';
+import { FieldValidationError } from './FieldValidationError';
+import { fieldWrapper } from './form-control-helpers';
+const RadioGroupContext = React.createContext({
+    size: 'sm',
+    onChange: () => { },
+});
+const sizeStyles = {
+    xs: { outer: 'h-3.5 w-3.5', dot: 'h-1.5 w-1.5', text: 'text-xs' },
+    sm: { outer: 'h-4 w-4', dot: 'h-2 w-2', text: 'text-sm' },
+    md: { outer: 'h-5 w-5', dot: 'h-2.5 w-2.5', text: 'text-sm' },
+    lg: { outer: 'h-6 w-6', dot: 'h-3 w-3', text: 'text-base' },
+};
+const groupHeightStyles = {
+    xs: 'h-7',
+    sm: 'h-9',
+    md: 'h-12',
+    lg: 'h-14',
+};
+const groupMinHeightStyles = {
+    xs: 'min-h-7',
+    sm: 'min-h-9',
+    md: 'min-h-12',
+    lg: 'min-h-14',
+};
+const groupPaddingStyles = {
+    xs: 'px-2',
+    sm: 'px-3',
+    md: 'px-4',
+    lg: 'px-6',
+};
+const boxedFieldsetHeightStyles = {
+    xs: 'min-h-12',
+    sm: 'min-h-14',
+    md: 'min-h-[4.25rem]',
+    lg: 'min-h-[4.75rem]',
+};
+function RadioGroupBase({ children, direction = 'row', disabled = false, errorMessage, inputDisabled, inputName, inputOnBlur, inputValue, label, labelClassName = '', name, onChange, onValueChange, size = 'sm', value, variant = 'boxed', wrapperClassName, }) {
+    const generatedId = React.useId().replace(/:/g, '');
+    const resolvedValue = inputValue ?? value;
+    const resolvedName = inputName ?? name;
+    const resolvedDisabled = inputDisabled ?? disabled;
+    const legendId = `rg-${generatedId}-legend`;
+    const errorId = `rg-${generatedId}-error`;
+    const describedBy = errorMessage ? errorId : undefined;
+    function handleChange(nextValue) {
+        onValueChange?.(nextValue);
+        onChange?.(nextValue);
+    }
+    const groupClassName = cn('flex gap-3', direction === 'column' ? groupMinHeightStyles[size] : groupHeightStyles[size], direction === 'column' ? 'flex-col items-start justify-center' : 'flex-row flex-wrap items-center');
+    const boxedGroupClassName = cn(groupClassName, direction === 'row' && 'justify-around', groupPaddingStyles[size]);
+    if (variant === 'plain') {
+        return (_jsx(RadioGroupContext.Provider, { value: { name: resolvedName, value: resolvedValue, disabled: resolvedDisabled, size, onChange: handleChange }, children: _jsx(FieldControl, { label: label, wrapperClassName: wrapperClassName, labelClassName: labelClassName, errorMessage: errorMessage, size: size, disabled: resolvedDisabled, children: () => (_jsx("div", { role: "radiogroup", "aria-label": label, "aria-describedby": describedBy, onBlur: inputOnBlur, className: groupClassName, children: children })) }) }));
+    }
+    return (_jsx(RadioGroupContext.Provider, { value: { name: resolvedName, value: resolvedValue, disabled: resolvedDisabled, size, onChange: handleChange }, children: _jsxs("div", { className: cn(fieldWrapper, wrapperClassName), "data-disabled": resolvedDisabled || undefined, "data-invalid": !!errorMessage || undefined, children: [_jsxs("fieldset", { className: cn('border-app-border flex h-full flex-1 flex-col justify-center rounded-xl border px-3 pb-2 pt-0 transition-[background-color,border-color,box-shadow,color] duration-[var(--duration-normal)]', boxedFieldsetHeightStyles[size], resolvedDisabled && 'cursor-not-allowed opacity-60', errorMessage && 'border-red-500 dark:border-red-400'), children: [label ? (_jsx("legend", { id: legendId, className: cn('text-foreground-muted px-2 text-xs font-medium transition-colors', resolvedDisabled && 'cursor-not-allowed opacity-70', errorMessage && 'text-red-600 dark:text-red-400', labelClassName), children: label })) : null, _jsx("div", { role: "radiogroup", "aria-label": label ? undefined : resolvedName, "aria-labelledby": label ? legendId : undefined, "aria-describedby": describedBy, onBlur: inputOnBlur, className: boxedGroupClassName, children: children })] }), _jsx(FieldValidationError, { id: errorId, message: errorMessage })] }) }));
+}
+function Item({ className, disabled: itemDisabled, label, value }) {
+    const { value: groupValue, disabled: groupDisabled, size, onChange } = React.useContext(RadioGroupContext);
+    const isChecked = groupValue === value;
+    const isDisabled = itemDisabled ?? groupDisabled ?? false;
+    const s = sizeStyles[size];
+    function handleClick() {
+        onChange(value);
+    }
+    return (_jsxs("button", { type: "button", role: "radio", "aria-checked": isChecked, "aria-label": label, disabled: isDisabled, onClick: handleClick, className: cn('flex items-center gap-2 transition-colors focus:outline-none', isDisabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer', className), children: [_jsx("span", { "data-checked": isChecked, className: cn('app-radio flex shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-[var(--duration-normal)]', s.outer), children: isChecked ? _jsx("span", { className: cn('app-radio__dot rounded-full', s.dot) }) : null }), _jsx("span", { className: cn('leading-none transition-colors duration-[var(--duration-normal)]', s.text, isChecked ? 'text-foreground' : 'text-foreground-muted'), children: label })] }));
+}
+function HookFormRadioGroup(props) {
+    const { control, name, rules, ...rest } = props;
+    const { field } = useController({
+        control: control,
+        name: name,
+        rules: rules,
+    });
+    return _jsx(RadioGroupBase, { ...rest, name: name, inputName: field.name, inputValue: field.value, inputDisabled: field.disabled, inputOnBlur: () => field.onBlur(), onValueChange: (nextValue) => field.onChange(nextValue) });
+}
+function RadioGroupRoot(props) {
+    if (props.control && props.name) {
+        return _jsx(HookFormRadioGroup, { ...props });
+    }
+    return _jsx(RadioGroupBase, { ...props });
+}
+export const RadioGroup = Object.assign(RadioGroupRoot, { Item });

package/dist/components/RenderCase.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface RenderCaseChildProps {
+    when?: boolean;
+    children: React.ReactNode;
+}
+export interface RenderCaseRootProps {
+    children: React.ReactNode;
+}
+declare function Root({ children }: RenderCaseRootProps): React.JSX.Element | null;
+declare function If({ children }: RenderCaseChildProps): React.JSX.Element;
+declare function ElseIf({ children }: RenderCaseChildProps): React.JSX.Element;
+declare function Else({ children }: Omit<RenderCaseChildProps, 'when'>): React.JSX.Element;
+export declare const RenderCase: {
+    Root: typeof Root;
+    If: typeof If;
+    ElseIf: typeof ElseIf;
+    Else: typeof Else;
+};
+export {};
+//# sourceMappingURL=RenderCase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderCase.d.ts","sourceRoot":"","sources":["../../src/components/RenderCase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,4BAgB9C;AAED,iBAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBAE7C;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBAEjD;AAED,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,qBAE7D;AAED,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC"}

package/dist/components/RenderCase.js

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+function Root({ children }) {
+    const items = React.Children.toArray(children);
+    for (const item of items) {
+        if (!React.isValidElement(item))
+            continue;
+        if (item.type === Else) {
+            return _jsx(_Fragment, { children: item.props.children });
+        }
+        if (item.props.when) {
+            return _jsx(_Fragment, { children: item.props.children });
+        }
+    }
+    return null;
+}
+function If({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+function ElseIf({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+function Else({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export const RenderCase = {
+    Root,
+    If,
+    ElseIf,
+    Else,
+};

package/dist/components/RenderIf.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface RenderIfProps {
+    when: boolean;
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    className?: string;
+    as?: React.ElementType;
+}
+export declare function RenderIf({ as: Component, children, className, fallback, when }: RenderIfProps): React.JSX.Element | null;
+//# sourceMappingURL=RenderIf.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderIf.d.ts","sourceRoot":"","sources":["../../src/components/RenderIf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,SAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAe,EAAE,IAAI,EAAE,EAAE,aAAa,4BAO5G"}

package/dist/components/RenderIf.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function RenderIf({ as: Component = 'div', children, className, fallback = null, when }) {
+    if (className) {
+        if (!when && fallback === null)
+            return null;
+        return _jsx(Component, { className: className, children: when ? children : fallback });
+    }
+    return _jsx(_Fragment, { children: when ? children : fallback });
+}

package/dist/components/SearchField.d.ts

@@ -0,0 +1,22 @@
+import type { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+type RegisterLike<T extends Record<string, unknown>> = (name: keyof T & string) => ComponentPropsWithoutRef<'input'>;
+export type SearchFieldProps<T extends Record<string, unknown>> = Omit<ComponentPropsWithoutRef<'input'>, 'children' | 'className' | 'errorMessage' | 'name' | 'onChange' | 'size' | 'value' | 'wrapperClassName'> & {
+    name?: keyof T & string;
+    placeholder?: string;
+    roundedFull?: boolean;
+    errorMessage?: string;
+    onSearch: (data: T) => void;
+    wrapperClassName?: string;
+    className?: string;
+    label?: string;
+    labelClassName?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    labelPosition?: 'top' | 'right' | 'bottom' | 'left';
+    register?: RegisterLike<T>;
+    isSubmitting?: boolean;
+    value?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare function SearchField<T extends Record<string, unknown>>({ name, placeholder, errorMessage, roundedFull, onSearch, wrapperClassName, className, label, labelClassName, size, labelPosition, register, isSubmitting, value, disabled, id, onChange, ...props }: SearchFieldProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SearchField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../src/components/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAa,MAAM,OAAO,CAAC;AAS9E,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACrD,IAAI,EAAE,MAAM,CAAC,GAAG,MAAM,KACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEvC,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CACpE,wBAAwB,CAAC,OAAO,CAAC,EAC/B,UAAU,GACV,WAAW,GACX,cAAc,GACd,MAAM,GACN,UAAU,GACV,MAAM,GACN,OAAO,GACP,kBAAkB,CACrB,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,IAAmC,EACnC,WAAgB,EAChB,YAAiB,EACjB,WAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,cAAc,EACd,IAAW,EACX,aAAqB,EACrB,QAAQ,EACR,YAAoB,EACpB,KAAK,EACL,QAAgB,EAChB,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAuFrB"}

package/dist/components/SearchField.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon } from 'lucide-react';
+import { cn } from '../utils/cn';
+import { Button } from './Button';
+import { controlClasses } from './form-control-helpers';
+import { FieldControl } from './FieldControl';
+export function SearchField({ name = 'search', placeholder = '', errorMessage = '', roundedFull = true, onSearch, wrapperClassName, className, label, labelClassName, size = 'md', labelPosition = 'top', register, isSubmitting = false, value, disabled = false, id, onChange, ...props }) {
+    function handleSubmit(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const input = event.currentTarget.elements.namedItem(name);
+        onSearch({ [name]: input.value });
+    }
+    const inputProps = register ? register(name) : { value, onChange };
+    const sizeMap = {
+        xs: 'h-7 text-xs px-2.5',
+        sm: 'h-9 text-sm px-3',
+        md: 'h-12 text-md px-4',
+        lg: 'h-14 text-base px-6',
+    };
+    const buttonSizeMap = {
+        xs: 'size-7',
+        sm: 'size-9',
+        md: 'size-12',
+        lg: 'size-14',
+    };
+    const buttonPixelSizeMap = {
+        xs: 28,
+        sm: 36,
+        md: 48,
+        lg: 56,
+    };
+    return (_jsx(FieldControl, { label: label, id: id, labelClassName: labelClassName, labelPosition: labelPosition, wrapperClassName: wrapperClassName, errorMessage: errorMessage, roundedFull: roundedFull, size: size, disabled: disabled, children: ({ controlId, describedBy, errorMessage: controlError, disabled: controlDisabled }) => (_jsxs("form", { role: "search", onSubmit: handleSubmit, className: "flex w-full items-center gap-2", children: [_jsx("input", { id: controlId, name: name, placeholder: placeholder, disabled: controlDisabled, "aria-invalid": !!controlError, "aria-describedby": describedBy, type: "search", ...inputProps, ...props, className: controlClasses({
+                        errorMessage: controlError,
+                        disabled: controlDisabled,
+                        extra: cn('border-app-border bg-surface text-foreground placeholder:text-foreground-muted truncate border shadow-none', 'focus:border-brand focus:ring-brand/20 focus:ring-2', roundedFull && 'rounded-full', sizeMap[size], className),
+                    }) }), _jsx(Button, { "aria-label": "Buscar", className: cn('min-h-0 min-w-0 shrink-0 rounded-full p-0', buttonSizeMap[size]), isSubmitting: isSubmitting, type: "submit", disabled: controlDisabled, style: {
+                        width: buttonPixelSizeMap[size],
+                        height: buttonPixelSizeMap[size],
+                        minWidth: buttonPixelSizeMap[size],
+                        minHeight: buttonPixelSizeMap[size],
+                    }, children: _jsx(SearchIcon, { className: "size-4 shrink-0" }) })] })) }));
+}

package/dist/components/SelectField.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface ValidValues {
+    label: string;
+    value: string | number | null | undefined;
+}
+export interface SelectFieldAction {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    icon: React.ReactNode;
+    ariaLabel: string;
+    tooltip?: string;
+    disabled?: boolean;
+}
+export interface SelectFieldProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    isLoading?: boolean;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    labelAction?: React.ReactNode;
+    action?: SelectFieldAction;
+    label?: string;
+    errorMessage?: string;
+    error?: string;
+    options?: ValidValues[];
+    hasValidation?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    labelPosition?: 'top' | 'right' | 'bottom' | 'left';
+    roundedFull?: boolean;
+    defaultValue?: number | string;
+    hideEmptyOption?: boolean;
+}
+export declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=SelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/components/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACnG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,4FAuGvB,CAAC"}

package/dist/components/SelectField.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../utils/cn';
+import { FieldSkeleton } from './FieldSkeleton';
+import { controlClasses } from './form-control-helpers';
+import { FieldControl } from './FieldControl';
+import { Button } from './Button';
+export const SelectField = React.forwardRef(({ isLoading, label, errorMessage, error, id, className, wrapperClassName = '', labelClassName = '', labelAction, action, labelPosition = 'top', options: validValues, roundedFull = false, size = 'sm', defaultValue, hideEmptyOption = false, disabled = false, children, ...props }, ref) => {
+    const componentId = id || props.name;
+    const resolvedError = errorMessage ?? error;
+    const sizeMap = {
+        xs: 'h-7 text-xs px-2',
+        sm: 'h-9 text-sm px-3',
+        md: 'h-12 text-sm px-4',
+        lg: 'h-14 text-base px-6',
+    };
+    const roundedClass = roundedFull ? 'rounded-full' : size === 'lg' ? 'rounded-lg' : 'rounded-md';
+    const sizeClass = `${sizeMap[size ?? 'sm']} ${roundedClass}`;
+    const resolvedLabelAction = action ? (_jsx(Button, { type: "button", variant: "ghost", size: "xs", className: "!h-4 !min-h-4 !w-4 !min-w-4 !p-0", onClick: action.onClick, "aria-label": action.ariaLabel, tooltip: action.tooltip, disabled: action.disabled, children: action.icon })) : labelAction;
+    return (_jsx(FieldSkeleton, { className: wrapperClassName, isLoading: isLoading ?? false, hasLabel: !!label, labelPosition: labelPosition, size: size, children: _jsx(FieldControl, { label: label, id: componentId, labelClassName: labelClassName, labelAction: resolvedLabelAction, labelPosition: labelPosition, wrapperClassName: wrapperClassName, errorMessage: resolvedError, roundedFull: roundedFull, size: size, disabled: disabled, children: ({ controlId, describedBy, errorMessage: controlError, disabled: controlDisabled }) => (_jsxs("div", { className: cn('relative text-foreground-muted', controlDisabled && 'opacity-60'), children: [_jsxs("select", { ref: ref, ...props, id: controlId, disabled: controlDisabled, "aria-invalid": !!controlError, "aria-describedby": describedBy, className: controlClasses({
+                            errorMessage: controlError,
+                            disabled: controlDisabled,
+                            extra: cn('field-select', className, 'appearance-none pr-10', roundedFull && 'min-h-[2rem] px-4 py-1.5', sizeClass),
+                        }), defaultValue: defaultValue, children: [!hideEmptyOption && !children && (_jsx("option", { value: "", children: "Selecione..." }, "")), children, validValues?.map((opt) => (_jsx("option", { value: opt.value ?? '', children: opt.label }, opt.value ?? '')))] }), _jsx("div", { className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2 text-current", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: "false", className: "block size-4", children: _jsx("path", { d: "M6 9l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })) }) }));
+});
+SelectField.displayName = 'SelectField';

package/dist/components/SelectionField.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type FormControlSize, type FormControlVariant } from './form-control-helpers';
+export interface SelectionDisplayValue {
+    title: string;
+    subtitle?: string | null;
+    meta?: string | null;
+}
+export type SelectionFieldSize = FormControlSize;
+export type SelectionFieldVariant = FormControlVariant;
+type SelectionTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    tooltip?: string;
+};
+export interface SelectionFieldProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'disabled' | 'required' | 'value'> {
+    label?: string;
+    description?: string;
+    value?: SelectionDisplayValue | null;
+    placeholder?: string;
+    icon?: React.ReactNode;
+    emptyIcon?: React.ReactNode;
+    triggerSlot?: React.ReactElement<SelectionTriggerProps>;
+    clearable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    required?: boolean;
+    errorMessage?: string;
+    size?: SelectionFieldSize;
+    variant?: SelectionFieldVariant;
+    shortcutHint?: string;
+    selectTooltip?: string;
+    clearTooltip?: string;
+    className?: string;
+    controlClassName?: string;
+    labelClassName?: string;
+    labelPosition?: 'top' | 'right' | 'bottom' | 'left';
+    onClear?: () => void;
+}
+export declare function SelectionField({ label, description, value, placeholder, icon, emptyIcon, triggerSlot, clearable, disabled, loading, required, errorMessage, size, variant, shortcutHint, selectTooltip, clearTooltip, className, controlClassName, labelClassName, labelPosition, onClear, onClick, title: triggerTitle, type, ...triggerButtonProps }: SelectionFieldProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SelectionField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionField.d.ts","sourceRoot":"","sources":["../../src/components/SelectionField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAIvG,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;AACjD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC7D;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuDD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAqC,EACrC,IAAI,EACJ,SAAS,EACT,WAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,YAAY,EACZ,IAAW,EACX,OAAmB,EACnB,YAAY,EACZ,aAA4B,EAC5B,YAA+B,EAC/B,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAqB,EACrB,OAAO,EACP,OAAO,EACP,KAAK,EAAE,YAAY,EACnB,IAAe,EACf,GAAG,kBAAkB,EACtB,EAAE,mBAAmB,qBAiMrB"}

package/dist/components/SelectionField.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../utils/cn';
+import { controlClasses } from './form-control-helpers';
+import { FieldControl } from './FieldControl';
+import { Search, X } from 'lucide-react';
+const controlSizeClass = {
+    xs: '!h-7 !pr-0.5 !py-0 text-xs',
+    sm: '!h-9 !pr-1 !py-0 text-sm',
+    md: '!h-12 !pr-1.5 !py-0 text-md',
+    lg: '!h-14 !pr-2 !py-0 text-base',
+};
+const controlLeadingPaddingClass = {
+    xs: '!pl-2',
+    sm: '!pl-3',
+    md: '!pl-4',
+    lg: '!pl-6',
+};
+const controlIconPaddingClass = {
+    xs: '!pl-0.5',
+    sm: '!pl-1',
+    md: '!pl-1.5',
+    lg: '!pl-2',
+};
+const controlGapClass = {
+    xs: 'gap-0.5',
+    sm: 'gap-1',
+    md: 'gap-1.5',
+    lg: 'gap-2',
+};
+const iconSizeClass = {
+    xs: '[&>svg]:size-3.5',
+    sm: '[&>svg]:size-4',
+    md: '[&>svg]:size-[1.125rem]',
+    lg: '[&>svg]:size-5',
+};
+const actionSizeClass = {
+    xs: '!size-6 !min-h-6 !min-w-6 !p-0 [&>svg]:size-3.5',
+    sm: '!size-7 !min-h-7 !min-w-7 !p-0 [&>svg]:size-4',
+    md: '!size-9 !min-h-9 !min-w-9 !p-0 [&>svg]:size-[1.125rem]',
+    lg: '!size-10 !min-h-10 !min-w-10 !p-0 [&>svg]:size-5',
+};
+const textGapClass = {
+    xs: 'gap-0',
+    sm: 'gap-0',
+    md: 'gap-1',
+    lg: 'gap-1',
+};
+function stopPropagation(event) {
+    event.stopPropagation();
+}
+export function SelectionField({ label, description, value, placeholder = 'Selecione um registro', icon, emptyIcon, triggerSlot, clearable = false, disabled = false, loading = false, required = false, errorMessage, size = 'sm', variant = 'default', shortcutHint, selectTooltip = 'Selecionar', clearTooltip = 'Limpar selecao', className, controlClassName, labelClassName, labelPosition = 'top', onClear, onClick, title: triggerTitle, type = 'button', ...triggerButtonProps }) {
+    const hasValue = !!value;
+    const resolvedIcon = hasValue ? icon : emptyIcon ?? icon;
+    const title = value?.title ?? placeholder;
+    const subtitle = value?.subtitle;
+    const meta = value?.meta;
+    const generatedDescriptionId = React.useId().replace(/:/g, '');
+    const describedById = description ? `${generatedDescriptionId}-description` : undefined;
+    const showClear = clearable && hasValue && !disabled && !loading && !!onClear;
+    const [isClearHover, setIsClearHover] = React.useState(false);
+    function handleClear(event) {
+        event.stopPropagation();
+        onClear?.();
+    }
+    function handleClearMouseEnter() {
+        setIsClearHover(true);
+    }
+    function handleClearMouseLeave() {
+        setIsClearHover(false);
+    }
+    function handleOpen(event) {
+        if (disabled || loading || event.defaultPrevented) {
+            return;
+        }
+        if (onClick) {
+            onClick(event);
+            return;
+        }
+        triggerSlot?.props.onClick?.(event);
+    }
+    const triggerClassName = cn('inline-flex cursor-pointer shrink-0 items-center justify-center rounded-md border border-transparent bg-transparent text-foreground-muted transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand/30 disabled:pointer-events-none disabled:opacity-50', actionSizeClass[size]);
+    const selectionTrigger = triggerSlot
+        ? React.cloneElement(triggerSlot, {
+            'aria-label': triggerSlot.props['aria-label'] ?? selectTooltip,
+            className: cn(triggerClassName, triggerSlot.props.className),
+            disabled: disabled || loading || triggerSlot.props.disabled,
+            title: triggerSlot.props.title ?? triggerSlot.props.tooltip ?? selectTooltip,
+            type: triggerSlot.props.type ?? 'button',
+            onClick: triggerSlot.props.onClick,
+        })
+        : (_jsx("button", { ...triggerButtonProps, type: type, "aria-label": triggerButtonProps['aria-label'] ?? selectTooltip, className: triggerClassName, disabled: disabled || loading, title: triggerTitle ?? selectTooltip, onClick: onClick, children: _jsx(Search, { "aria-hidden": "true" }) }));
+    return (_jsx(FieldControl, { label: label, labelClassName: labelClassName, labelPosition: labelPosition, wrapperClassName: className, errorMessage: errorMessage, hasValidation: !!description, size: size, disabled: disabled || loading, children: ({ controlId, describedBy, errorMessage: controlError }) => {
+            const ariaDescribedBy = cn(describedBy, describedById);
+            return (_jsxs("div", { children: [_jsxs("div", { id: controlId, "aria-describedby": ariaDescribedBy || undefined, "aria-disabled": disabled || loading || undefined, "aria-invalid": !!controlError || undefined, className: controlClasses({
+                            errorMessage: controlError,
+                            disabled: disabled || loading,
+                            variant,
+                            extra: cn('group flex items-center overflow-hidden border-dashed', !hasValue && 'bg-[color-mix(in_srgb,var(--brand)_5%,var(--surface))]', hasValue && 'bg-surface', disabled || loading
+                                ? 'cursor-not-allowed'
+                                : cn('cursor-pointer', !isClearHover &&
+                                    'hover:border-[color-mix(in_srgb,var(--brand)_58%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_8%,var(--surface))]'), size === 'lg' ? 'rounded-lg' : 'rounded-md', controlSizeClass[size], controlGapClass[size], resolvedIcon ? controlIconPaddingClass[size] : controlLeadingPaddingClass[size], controlClassName),
+                        }), "data-empty": !hasValue || undefined, "data-loading": loading || undefined, onClick: handleOpen, children: [resolvedIcon ? (_jsx("span", { className: cn('inline-flex shrink-0 items-center justify-center rounded-md text-foreground-muted', !hasValue && 'text-[color-mix(in_srgb,var(--brand)_72%,var(--foreground-muted))]', actionSizeClass[size], iconSizeClass[size]), "aria-hidden": "true", children: resolvedIcon })) : null, _jsxs("div", { className: cn('min-w-0 flex-1 text-left', textGapClass[size]), children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsxs("span", { className: cn('min-w-0 truncate font-semibold', hasValue ? 'text-foreground' : 'text-foreground-muted'), children: [title, required && !hasValue ? _jsx("span", { "aria-hidden": "true", children: " *" }) : null] }), meta ? (_jsx("span", { className: "border-app-border bg-background text-foreground-muted shrink-0 rounded border px-1.5 py-0.5 font-mono text-[length:var(--font-size-2xs)] leading-none", children: meta })) : null] }), subtitle ? (_jsx("p", { className: cn('text-foreground-muted truncate text-xs font-medium', (size === 'xs' || size === 'sm') && 'sr-only'), children: subtitle })) : null] }), shortcutHint ? (_jsx("kbd", { className: "border-app-border bg-background text-foreground-muted hidden shrink-0 rounded border px-1.5 py-1 font-mono text-[length:var(--font-size-2xs)] leading-none sm:inline-flex", children: shortcutHint })) : null, showClear ? (_jsx("button", { type: "button", "aria-label": clearTooltip, className: cn('inline-flex cursor-pointer shrink-0 items-center justify-center rounded-md border border-transparent bg-transparent text-foreground-muted transition-colors', 'hover:bg-[color-mix(in_srgb,var(--destructive)_10%,transparent)] hover:text-[var(--destructive)]', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive)]/25', actionSizeClass[size]), title: clearTooltip, onClick: handleClear, onMouseEnter: handleClearMouseEnter, onMouseLeave: handleClearMouseLeave, children: _jsx(X, { "aria-hidden": "true" }) })) : null, disabled ? null : _jsx("span", { onClick: stopPropagation, children: selectionTrigger })] }), description ? (_jsx("p", { id: describedById, className: "mt-1 text-xs font-medium text-foreground-muted", children: description })) : null] }));
+        } }));
+}

package/dist/components/Sidebar.d.ts

@@ -0,0 +1,104 @@
+import { type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react';
+type SidebarItemSize = 'default' | 'compact';
+type SidebarActionTone = 'nav' | 'subtle';
+export interface SidebarRootProps {
+    ariaLabel?: string;
+    children: ReactNode;
+    className?: string;
+    desktopWidthClass?: string;
+    isOpen: boolean;
+    mobileWidthClass?: string;
+}
+export interface SidebarContentProps {
+    ariaLabel?: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function Content({ ariaLabel, children, className }: SidebarContentProps): import("react").JSX.Element;
+declare function Header({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export interface SidebarListProps {
+    children: ReactNode;
+    className?: string;
+    isOpen: boolean;
+}
+declare function List({ children, className, isOpen }: SidebarListProps): import("react").JSX.Element;
+export interface SidebarFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Footer({ children, className }: SidebarFooterProps): import("react").JSX.Element;
+export interface SidebarSeparatorProps {
+    className?: string;
+    flush?: boolean;
+}
+declare function Separator({ className, flush }: SidebarSeparatorProps): import("react").JSX.Element;
+export interface SidebarToggleButtonProps {
+    className?: string;
+    closedLabel?: string;
+    icon: ReactNode;
+    isOpen: boolean;
+    onToggle: () => void;
+    openLabel?: string;
+}
+export interface SidebarActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    active?: boolean;
+    expanded?: boolean;
+    icon?: ReactNode;
+    isOpen: boolean;
+    label: ReactNode;
+    labelClassName?: string;
+    showChevron?: boolean;
+    size?: SidebarItemSize;
+    tone?: SidebarActionTone;
+}
+export interface SidebarSubActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    active?: boolean;
+    isOpen: boolean;
+    label: ReactNode;
+    size?: SidebarItemSize;
+}
+export interface SidebarNavItem {
+    active?: boolean;
+    icon?: ReactNode;
+    key: string;
+    label: ReactNode;
+    onSelect?: (event: MouseEvent<HTMLButtonElement>) => void;
+    title?: string;
+}
+export interface SidebarNavGroupProps {
+    active?: boolean;
+    className?: string;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    icon: ReactNode;
+    isOpen: boolean;
+    items: SidebarNavItem[];
+    subItemSize?: SidebarItemSize;
+    title: ReactNode;
+}
+declare function NavGroup({ active, className, collapsible, defaultExpanded, icon, isOpen, items, subItemSize, title, }: SidebarNavGroupProps): import("react").JSX.Element;
+export interface SidebarFlyoutProps {
+    items: SidebarNavItem[];
+    onItemSelect: (event: MouseEvent<HTMLButtonElement>) => void;
+    open: boolean;
+    title: ReactNode;
+}
+declare function Flyout({ items, onItemSelect, open, title }: SidebarFlyoutProps): import("react").JSX.Element;
+export declare const Sidebar: {
+    Root: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLElement>>;
+    Content: typeof Content;
+    Header: typeof Header;
+    List: typeof List;
+    Footer: typeof Footer;
+    Separator: typeof Separator;
+    ToggleButton: import("react").ForwardRefExoticComponent<SidebarToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionButton: import("react").ForwardRefExoticComponent<SidebarActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    SubActionButton: import("react").ForwardRefExoticComponent<SidebarSubActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    NavGroup: typeof NavGroup;
+    Flyout: typeof Flyout;
+};
+export {};
+//# sourceMappingURL=Sidebar.d.ts.map

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

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