@wellingtonhlc/shared-ui 0.29.0 → 0.29.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldValidationError.d.ts","sourceRoot":"","sources":["../../src/components/FieldValidationError.tsx"],"names":[],"mappings":"AAEA,UAAU,yBAAyB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,aAAqB,EAAE,EAAE,yBAAyB,sCAkBrG"}

package/dist/components/FieldValidationError.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+export function FieldValidationError({ id, message, hasValidation = false }) {
+    if (!hasValidation && !message)
+        return null;
+    return (_jsx("p", { id: id, className: cn('mt-px text-left text-[length:var(--font-size-2xs)] leading-[var(--line-height-2xs)] transition-opacity duration-[var(--duration-normal)] select-none', hasValidation ? 'min-h-[14px]' : 'min-h-0', message ? 'text-red-600 opacity-100 dark:text-red-400' : 'opacity-0'), "aria-live": "polite", "aria-atomic": "true", role: message ? 'alert' : undefined, children: message ?? '' }));
+}

package/dist/components/Filter.d.ts

@@ -0,0 +1,51 @@
+import { type FormEvent, type ReactElement, type ReactNode } from 'react';
+import { type ActionButtonPrimitiveProps } from './ActionPrimitives';
+export interface FilterRootProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    bodyClassName?: string;
+    contentClassName?: string;
+    maxHeightClassName?: string;
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+    onClear?: () => void;
+    submitLabel?: ReactNode;
+    clearLabel?: ReactNode;
+    isSubmitting?: boolean;
+    actionsDisabled?: boolean;
+    fieldsClassName?: string;
+}
+export interface FilterFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface FilterVisibilityProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export interface FilterTriggerProps extends Omit<ActionButtonPrimitiveProps, 'children'> {
+    triggerSlot?: ReactElement;
+    label?: ReactNode;
+}
+interface FilterVisibilityContextValue {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    contentId: string;
+}
+export declare const FilterVisibilityContext: import("react").Context<FilterVisibilityContextValue | null>;
+declare function FilterFooter({ children, className }: FilterFooterProps): import("react").JSX.Element;
+declare function FilterVisibility({ children, defaultOpen, open: controlledOpen, onOpenChange, className }: FilterVisibilityProps): import("react").JSX.Element;
+declare function FilterTrigger({ triggerSlot, label, onClick, ...props }: FilterTriggerProps): import("react").JSX.Element;
+declare function FilterRoot({ title, description, children, className, bodyClassName, contentClassName, maxHeightClassName, onSubmit, onClear, submitLabel, clearLabel, isSubmitting, actionsDisabled, fieldsClassName, }: FilterRootProps): import("react").JSX.Element;
+export declare const Filter: {
+    Root: typeof FilterRoot;
+    Footer: typeof FilterFooter;
+    Visibility: typeof FilterVisibility;
+    Trigger: typeof FilterTrigger;
+};
+export {};
+//# sourceMappingURL=Filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EAEd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAK5F,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC;IACtF,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,UAAU,4BAA4B;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,8DAA2D,CAAC;AAEhG,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAS/D;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,WAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAiB/H;AAED,iBAAS,aAAa,CAAC,EAAE,WAAW,EAAE,KAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAmB/F;AAuBD,iBAAS,UAAU,CAAC,EAClB,KAAiB,EACjB,WAAgB,EAChB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAuB,EACvB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,eAAuB,EACvB,eAAe,GAChB,EAAE,eAAe,+BAoDjB;AAED,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC"}

package/dist/components/Filter.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, createContext, isValidElement, useContext, useId, useState, } from 'react';
+import { FilterIcon } from 'lucide-react';
+import { cn } from '../utils/cn';
+import { ActionButtonPrimitive } from './ActionPrimitives';
+import { Button } from './Button';
+import { Card } from './Card';
+import { RenderIf } from './RenderIf';
+export const FilterVisibilityContext = createContext(null);
+function FilterFooter({ children, className }) {
+    return (_jsx("div", { "data-slot": "filter-footer", className: cn('border-app-border flex shrink-0 items-center justify-end gap-2 border-t px-4 py-3', className), children: children }));
+}
+function FilterVisibility({ children, defaultOpen = true, open: controlledOpen, onOpenChange, className }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+    const open = controlledOpen ?? uncontrolledOpen;
+    const contentId = useId();
+    function setOpen(nextOpen) {
+        if (controlledOpen === undefined)
+            setUncontrolledOpen(nextOpen);
+        onOpenChange?.(nextOpen);
+    }
+    return (_jsx(FilterVisibilityContext.Provider, { value: { contentId, open, setOpen }, children: _jsx("div", { className: cn('contents', className), "data-state": open ? 'open' : 'closed', children: children }) }));
+}
+function FilterTrigger({ triggerSlot, label = 'Filtros', onClick, ...props }) {
+    const visibility = useContext(FilterVisibilityContext);
+    function handleClick(event) {
+        onClick?.(event);
+        if (!event.defaultPrevented)
+            visibility?.setOpen(!visibility.open);
+    }
+    const triggerProps = {
+        ...props,
+        'aria-controls': visibility?.contentId,
+        'aria-expanded': visibility?.open,
+        'data-state': visibility?.open ?? true ? 'open' : 'closed',
+        onClick: handleClick,
+    };
+    if (triggerSlot)
+        return cloneElement(triggerSlot, triggerProps);
+    return _jsx(ActionButtonPrimitive, { ...triggerProps, label: label });
+}
+function FilterActions({ clearLabel, submitLabel, onClear, onSubmit, isSubmitting, actionsDisabled }) {
+    function handleClear() {
+        onClear?.();
+    }
+    return (_jsxs(FilterFooter, { children: [_jsx(RenderIf, { when: Boolean(onClear), children: _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleClear, disabled: actionsDisabled, children: clearLabel ?? 'Redefinir' }) }), _jsx(RenderIf, { when: Boolean(onSubmit), children: _jsx(Button, { type: "submit", size: "sm", className: "flex-1", isLoading: isSubmitting, disabled: actionsDisabled, children: submitLabel ?? 'Pesquisar' }) })] }));
+}
+function FilterRoot({ title = 'Filtros', description = '', children, className, bodyClassName, contentClassName, maxHeightClassName = '', onSubmit, onClear, submitLabel, clearLabel, isSubmitting = false, actionsDisabled = false, fieldsClassName, }) {
+    const visibility = useContext(FilterVisibilityContext);
+    const isOpen = visibility?.open ?? true;
+    const childrenArray = Children.toArray(children);
+    const hasExplicitFooter = childrenArray.some((child) => isValidElement(child) && child.type === FilterFooter);
+    const footerChildren = childrenArray.filter((child) => isValidElement(child) && child.type === FilterFooter);
+    const contentChildren = childrenArray.filter((child) => !(isValidElement(child) && child.type === FilterFooter));
+    const hasAutomaticActions = Boolean(onSubmit || onClear);
+    function handleSubmit(event) {
+        event.preventDefault();
+        onSubmit?.(event);
+    }
+    const bodyContent = (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [_jsx("div", { className: cn('min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]', contentClassName), children: _jsxs("div", { className: cn('flex flex-col gap-1 py-3 pl-4 pr-1', fieldsClassName), children: [description ? _jsx("p", { className: "text-foreground-muted text-xs leading-5", children: description }) : null, contentChildren] }) }), hasExplicitFooter ? footerChildren : null, !hasExplicitFooter && hasAutomaticActions ? (_jsx(FilterActions, { actionsDisabled: actionsDisabled, clearLabel: clearLabel, isSubmitting: isSubmitting, onClear: onClear, onSubmit: onSubmit, submitLabel: submitLabel })) : null] }));
+    return (_jsxs(Card.Root, { id: visibility?.contentId, className: cn('flex h-full w-full min-w-0 flex-col overflow-hidden', maxHeightClassName, className), "data-slot": "filter-root", "data-state": isOpen ? 'open' : 'closed', children: [_jsxs(Card.Title, { "data-slot": "filter-header", children: [_jsx(FilterIcon, { className: "text-primary h-4 w-4" }), title] }), _jsx(Card.Body, { density: "none", className: cn('flex min-h-0 flex-1 flex-col', bodyClassName), children: onSubmit ? _jsx("form", { className: "flex min-h-0 flex-1 flex-col", onSubmit: handleSubmit, children: bodyContent }) : bodyContent })] }));
+}
+export const Filter = {
+    Root: FilterRoot,
+    Footer: FilterFooter,
+    Visibility: FilterVisibility,
+    Trigger: FilterTrigger,
+};

package/dist/components/Loading.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode, type SVGProps } from 'react';
+declare const sizeClasses: {
+    readonly xs: "h-3 w-3";
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+};
+export type LoadingSize = keyof typeof sizeClasses;
+export interface LoadingProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {
+    isLoading?: boolean;
+    children?: ReactNode;
+    size?: LoadingSize;
+    strokeWidth?: number;
+}
+export declare function Loading({ isLoading, children, className, size, strokeWidth, 'aria-label': ariaLabel, ...props }: LoadingProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=Loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../src/components/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAS,MAAM,OAAO,CAAC;AAI7D,QAAA,MAAM,WAAW;;;;;CAKP,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAgB,EAChB,QAAQ,EACR,SAAS,EACT,IAAW,EACX,WAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,YAAY,+TAoCd"}

package/dist/components/Loading.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../utils/cn';
+const sizeClasses = {
+    xs: 'h-3 w-3',
+    sm: 'h-4 w-4',
+    md: 'h-5 w-5',
+    lg: 'h-6 w-6',
+};
+export function Loading({ isLoading = true, children, className, size = 'sm', strokeWidth = 4, 'aria-label': ariaLabel, ...props }) {
+    const gradientId = useId().replace(/:/g, '');
+    if (!isLoading)
+        return children;
+    return (_jsxs("svg", { className: cn('text-brand m-auto animate-spin', sizeClasses[size], className), viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", role: ariaLabel ? 'status' : undefined, "aria-label": ariaLabel, "aria-hidden": ariaLabel ? undefined : true, ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "1" }), _jsx("stop", { offset: "70%", stopColor: "currentColor", stopOpacity: "0.25" }), _jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })] }) }), _jsx("circle", { cx: "24", cy: "24", r: "18", stroke: "currentColor", strokeOpacity: "0.06", strokeWidth: strokeWidth, fill: "none" }), _jsx("circle", { cx: "24", cy: "24", r: "18", stroke: `url(#${gradientId})`, strokeWidth: strokeWidth, strokeLinecap: "round", strokeDasharray: "80 113", transform: "rotate(-90 24 24)", fill: "none" })] }));
+}

package/dist/components/LoadingOverlay.d.ts

@@ -0,0 +1,11 @@
+import { type LoadingSize } from './Loading';
+export type LoadingOverlayVariant = 'solid' | 'scrim';
+export interface LoadingOverlayProps {
+    open?: boolean;
+    variant?: LoadingOverlayVariant;
+    size?: LoadingSize;
+    label?: string;
+    className?: string;
+}
+export declare function LoadingOverlay({ open, variant, size, label, className, }: LoadingOverlayProps): import("react").JSX.Element | null;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/components/LoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAItD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAY,EACZ,OAAiB,EACjB,IAAW,EACX,KAAoB,EACpB,SAAS,GACV,EAAE,mBAAmB,sCAiBrB"}

package/dist/components/LoadingOverlay.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loading } from './Loading';
+import { cn } from '../utils/cn';
+export function LoadingOverlay({ open = false, variant = 'solid', size = 'lg', label = 'Carregando', className, }) {
+    if (!open)
+        return null;
+    return (_jsx("div", { className: cn('fixed inset-0 z-[var(--z-loading-overlay)] flex items-center justify-center', variant === 'solid' ? 'bg-background' : 'bg-[var(--overlay-loading)] backdrop-blur-[var(--backdrop-blur-md)]', className), role: "status", "aria-label": label, "aria-live": "polite", children: _jsx(Loading, { size: size, "aria-label": label }) }));
+}

package/dist/components/Modal.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ModalVariant = 'default' | 'elevated';
+export type ModalDensity = 'default' | 'compact';
+export interface ModalRootProps extends React.ComponentProps<typeof DialogPrimitive.Root> {
+    size?: ModalSize;
+    offset?: number;
+    centered?: boolean;
+    density?: ModalDensity;
+    showCloseButton?: boolean;
+    variant?: ModalVariant;
+    className?: string;
+    overlayClassName?: string;
+    allowExternalFocus?: boolean;
+}
+export interface ModalBodyProps extends React.ComponentProps<'div'> {
+    scrollable?: boolean;
+    density?: ModalDensity;
+    overflowVisible?: boolean;
+}
+export interface ModalSectionProps extends React.ComponentProps<'div'> {
+    density?: ModalDensity;
+    separated?: boolean;
+}
+declare function createTrigger(trigger: React.ReactNode, options: {
+    open: boolean;
+    onOpen: () => void;
+}): string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
+declare function ModalRoot({ allowExternalFocus, centered, children, className, density, overlayClassName, offset, showCloseButton, size, variant, onOpenChange, ...props }: ModalRootProps): React.JSX.Element;
+declare function ModalHeader({ className, density, separated, ...props }: ModalSectionProps): React.JSX.Element;
+declare function ModalBody({ className, density, overflowVisible, scrollable, ...props }: ModalBodyProps): React.JSX.Element;
+declare function ModalFooter({ className, density, separated, ...props }: ModalSectionProps): React.JSX.Element;
+declare function ModalTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function ModalDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export declare const Modal: {
+    Root: typeof ModalRoot;
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+    Title: typeof ModalTitle;
+    Description: typeof ModalDescription;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<DialogPrimitive.DialogPortalProps>;
+    createTrigger: typeof createTrigger;
+};
+export {};
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACpE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkED,iBAAS,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,4UAW9F;AAED,iBAAS,SAAS,CAAC,EACjB,kBAA0B,EAC1B,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,OAAmB,EACnB,gBAAgB,EAChB,MAAM,EACN,eAAsB,EACtB,IAAW,EACX,OAAmB,EACnB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,qBAqEhB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,SAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAetG;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,eAAuB,EAAE,UAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAc3H;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,SAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAcrG;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAE9F;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAE1G;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAWjB,CAAC"}

package/dist/components/Modal.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../utils/cn';
+let nextModalLayer = 0;
+function useModalLayer(open) {
+    const [layer, setLayer] = React.useState(0);
+    React.useEffect(() => {
+        if (!open) {
+            setLayer(0);
+            return;
+        }
+        nextModalLayer += 1;
+        setLayer(nextModalLayer);
+    }, [open]);
+    return layer;
+}
+const sizeVariants = {
+    xs: '',
+    sm: '',
+    md: '',
+    lg: '',
+    xl: '',
+    full: '',
+};
+const widthVariants = {
+    xs: 'min(22rem, calc(100vw - 1.5rem))',
+    sm: 'min(28rem, calc(100vw - 1.5rem))',
+    md: 'min(42rem, calc(100vw - 1.5rem))',
+    lg: 'min(62rem, calc(100vw - 1.5rem))',
+    xl: 'min(82rem, calc(100vw - 1.5rem))',
+    full: '95vw',
+};
+const minHeightVariants = {
+    xs: 'min-h-[10rem]',
+    sm: 'min-h-[12rem]',
+    md: 'min-h-[14rem]',
+    lg: 'min-h-[14rem]',
+    xl: 'min-h-[14rem]',
+    full: 'min-h-[14rem]',
+};
+function composeClickHandlers(currentHandler, nextHandler) {
+    return (event) => {
+        currentHandler?.(event);
+        if (typeof event === 'object' && event !== null && 'defaultPrevented' in event && event.defaultPrevented) {
+            return;
+        }
+        nextHandler(event);
+    };
+}
+function createTrigger(trigger, options) {
+    if (!React.isValidElement(trigger)) {
+        return trigger ?? null;
+    }
+    return React.cloneElement(trigger, {
+        onClick: composeClickHandlers(trigger.props.onClick, options.onOpen),
+        'aria-haspopup': 'dialog',
+        'aria-expanded': options.open,
+        'data-state': options.open ? 'open' : 'closed',
+    });
+}
+function ModalRoot({ allowExternalFocus = false, centered = false, children, className, density = 'default', overlayClassName, offset, showCloseButton = true, size = 'lg', variant = 'default', onOpenChange, ...props }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(props.defaultOpen ?? false);
+    const open = props.open ?? uncontrolledOpen;
+    const layer = useModalLayer(open);
+    const overlayZIndex = 100 + layer * 20;
+    const contentZIndex = 110 + layer * 20;
+    function handleOpenChange(nextOpen) {
+        if (props.open === undefined) {
+            setUncontrolledOpen(nextOpen);
+        }
+        onOpenChange?.(nextOpen);
+    }
+    const hasFooter = React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === ModalFooter);
+    return (_jsx(DialogPrimitive.Root, { ...props, modal: !allowExternalFocus, open: open, onOpenChange: handleOpenChange, children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { style: { zIndex: overlayZIndex }, className: cn('fixed inset-0 z-[var(--z-modal-overlay)] bg-[var(--overlay-scrim)] backdrop-blur-[var(--backdrop-blur-sm)]', allowExternalFocus && 'pointer-events-none', overlayClassName) }), _jsxs(DialogPrimitive.Content, { style: {
+                        zIndex: contentZIndex,
+                        width: widthVariants[size],
+                        ...(!centered && offset ? { top: `${offset}px` } : {}),
+                    }, className: cn('fixed z-[var(--z-modal)] grid max-h-[95vh]', hasFooter ? 'grid-rows-[auto_minmax(0,1fr)_auto]' : 'grid-rows-[auto_minmax(0,1fr)]', 'rounded-xl', density === 'default' && 'p-6', density === 'compact' && 'p-4', variant === 'default' && 'border-app-border bg-background-secondary text-foreground border shadow-[var(--shadow-lg)]', variant === 'elevated' && 'border-app-border bg-surface text-foreground border shadow-[var(--shadow-overlay)]', centered ? 'left-[50%] top-[50%] -translate-x-1/2 -translate-y-1/2' : 'left-[50%] top-[2.5%] -translate-x-1/2', sizeVariants[size], minHeightVariants[size], className), children: [children, showCloseButton ? (_jsxs(DialogPrimitive.Close, { className: cn('absolute right-4 top-4 inline-flex h-8 w-8 items-center justify-center rounded-md', 'text-foreground-muted hover:bg-background hover:text-foreground cursor-pointer transition-colors', 'focus:ring-brand/50 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none'), children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Fechar" })] })) : null] })] }) }));
+}
+function ModalHeader({ className, density = 'default', separated = false, ...props }) {
+    return (_jsx("div", { "data-slot": "modal-header", className: cn('flex flex-col text-center sm:text-left', density === 'default' && 'gap-1.5 [&_[data-slot=modal-description]]:text-sm [&_[data-slot=modal-title]]:text-lg', density === 'compact' && 'gap-0.5 [&_[data-slot=modal-description]]:text-xs [&_[data-slot=modal-title]]:text-base', separated && density === 'default' && 'border-app-border border-b pb-4', separated && density === 'compact' && 'border-app-border border-b pb-2', className), ...props }));
+}
+function ModalBody({ className, density = 'default', overflowVisible = false, scrollable = false, ...props }) {
+    return (_jsx("div", { "data-slot": "modal-body", className: cn('flex min-h-0 flex-col', density === 'default' && 'space-y-5 py-4 text-sm leading-6', density === 'compact' && 'space-y-2 py-2 text-xs leading-5', overflowVisible ? 'overflow-visible' : scrollable ? 'overflow-y-auto pr-1' : 'overflow-visible', className), ...props }));
+}
+function ModalFooter({ className, density = 'default', separated = true, ...props }) {
+    return (_jsx("div", { "data-slot": "modal-footer", className: cn('flex flex-col-reverse sm:flex-row sm:justify-end', density === 'default' && 'mt-3 gap-2.5 pt-5', density === 'compact' && 'mt-0 gap-1.5 pt-2', separated && 'border-app-border border-t', className), ...props }));
+}
+function ModalTitle({ className, ...props }) {
+    return _jsx(DialogPrimitive.Title, { "data-slot": "modal-title", className: cn('text-foreground flex items-center gap-2 text-lg font-semibold leading-none tracking-tight', className), ...props });
+}
+function ModalDescription({ className, ...props }) {
+    return _jsx(DialogPrimitive.Description, { "data-slot": "modal-description", className: cn('text-foreground-muted text-sm', className), ...props });
+}
+export const Modal = {
+    Root: ModalRoot,
+    Header: ModalHeader,
+    Body: ModalBody,
+    Footer: ModalFooter,
+    Title: ModalTitle,
+    Description: ModalDescription,
+    Trigger: DialogPrimitive.Trigger,
+    Close: DialogPrimitive.Close,
+    Portal: DialogPrimitive.Portal,
+    createTrigger,
+};

package/dist/components/MultiSelectField.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { FormControlSize } from './form-control-helpers';
+export interface MultiSelectOption<TValue extends string | number = string> {
+    label: string;
+    value: TValue;
+    disabled?: boolean;
+}
+export interface MultiSelectFieldProps<TValue extends string | number = string> {
+    label?: string;
+    value: TValue[];
+    options: MultiSelectOption<TValue>[];
+    onChange: (value: TValue[]) => void;
+    placeholder?: string;
+    errorMessage?: string;
+    disabled?: boolean;
+    maxSelected?: number;
+    wrapperClassName?: string;
+    size?: FormControlSize;
+    labelPosition?: 'top' | 'right' | 'bottom' | 'left';
+}
+export declare function MultiSelectField<TValue extends string | number = string>({ label, value, options, onChange, placeholder, errorMessage, disabled, maxSelected, wrapperClassName, size, labelPosition, }: MultiSelectFieldProps<TValue>): React.JSX.Element;
+//# sourceMappingURL=MultiSelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../src/components/MultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,WAAW,iBAAiB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACrD;AA4ED,wBAAgB,gBAAgB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EACxE,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAA4B,EAC5B,YAAY,EACZ,QAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,IAAW,EACX,aAAqB,GACtB,EAAE,qBAAqB,CAAC,MAAM,CAAC,qBA8I/B"}

package/dist/components/MultiSelectField.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../utils/cn';
+import { FieldControl } from './FieldControl';
+import { RenderCase } from './RenderCase';
+import { RenderIf } from './RenderIf';
+import { Check, ChevronDown, X } from 'lucide-react';
+const DROPDOWN_MAX_HEIGHT = 220;
+function ChipItem({ option, disabled, onRemove, }) {
+    function handleRemove(event) {
+        onRemove(event, option.value);
+    }
+    return (_jsxs("span", { className: "text-brand bg-brand/15 inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium", children: [option.label, _jsx(RenderIf, { when: !disabled, children: _jsx("button", { type: "button", tabIndex: -1, className: "hover:text-brand/70", onClick: handleRemove, children: _jsx(X, { className: "size-3" }) }) })] }));
+}
+function OptionListItem({ option, isSelected, isDisabledByMax, onToggle, }) {
+    const disabled = option.disabled || isDisabledByMax;
+    function handleClick() {
+        if (disabled)
+            return;
+        onToggle(option.value);
+    }
+    return (_jsxs("li", { role: "option", "aria-selected": isSelected, className: cn('hover:bg-background flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition-colors', disabled && 'cursor-not-allowed opacity-50'), onClick: handleClick, children: [_jsx("span", { className: cn('border-app-border flex size-4 shrink-0 items-center justify-center rounded border', isSelected && 'bg-brand border-brand'), children: _jsx(RenderIf, { when: isSelected, children: _jsx(Check, { className: "size-3 text-[var(--on-solid)]" }) }) }), option.label] }));
+}
+export function MultiSelectField({ label, value, options, onChange, placeholder = 'Selecione...', errorMessage, disabled = false, maxSelected, wrapperClassName, size = 'sm', labelPosition = 'top', }) {
+    const [open, setOpen] = useState(false);
+    const [direction, setDirection] = useState('down');
+    const containerRef = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        function handleOutsideMouseDown(event) {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', handleOutsideMouseDown);
+        return () => document.removeEventListener('mousedown', handleOutsideMouseDown);
+    }, [open]);
+    function handleOpen() {
+        if (disabled)
+            return;
+        if (!open && containerRef.current) {
+            const rect = containerRef.current.getBoundingClientRect();
+            const spaceBelow = window.innerHeight - rect.bottom;
+            setDirection(spaceBelow < DROPDOWN_MAX_HEIGHT ? 'up' : 'down');
+        }
+        setOpen((current) => !current);
+    }
+    function handleToggle(optionValue) {
+        if (value.includes(optionValue)) {
+            onChange(value.filter((currentValue) => currentValue !== optionValue));
+            return;
+        }
+        if (maxSelected != null && value.length >= maxSelected)
+            return;
+        onChange([...value, optionValue]);
+    }
+    function handleRemoveChip(event, optionValue) {
+        event.stopPropagation();
+        onChange(value.filter((currentValue) => currentValue !== optionValue));
+    }
+    function handleComboboxKeyDown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            handleOpen();
+        }
+        if (event.key === 'Escape')
+            setOpen(false);
+    }
+    const sizeClassMap = {
+        xs: 'min-h-7 text-xs px-2',
+        sm: 'min-h-9 text-sm px-3',
+        md: 'min-h-12 text-sm px-4',
+        lg: 'min-h-14 text-base px-6',
+    };
+    const triggerClass = cn('bg-surface border-app-border text-foreground w-full rounded-md border transition-colors duration-[var(--duration-normal)]', 'relative flex cursor-pointer select-none flex-wrap items-center gap-1 py-1.5 pr-8', sizeClassMap[size], !disabled && 'hover:border-brand focus:outline-none focus:ring-2 focus:ring-brand/50', errorMessage && 'border-red-500 focus:ring-red-200', disabled && 'bg-input-bg cursor-not-allowed opacity-60');
+    const dropdownClass = cn('bg-surface border-app-border text-foreground absolute left-0 z-[var(--z-popover)] w-full rounded-md border shadow-[var(--shadow-md)]', direction === 'down' ? 'top-full mt-1' : 'bottom-full mb-1');
+    const selectedOptions = options.filter((option) => value.includes(option.value));
+    return (_jsx(FieldControl, { label: label, wrapperClassName: wrapperClassName, errorMessage: errorMessage, disabled: disabled, size: size, labelPosition: labelPosition, children: _jsxs("div", { ref: containerRef, className: "relative", children: [_jsxs("div", { role: "combobox", "aria-expanded": open, "aria-haspopup": "listbox", tabIndex: disabled ? -1 : 0, className: triggerClass, onClick: handleOpen, onKeyDown: handleComboboxKeyDown, children: [_jsxs(RenderCase.Root, { children: [_jsx(RenderCase.If, { when: selectedOptions.length === 0, children: _jsx("span", { className: "text-foreground-muted/50 text-sm", children: placeholder }) }), _jsx(RenderCase.Else, { children: selectedOptions.map((option) => (_jsx(ChipItem, { option: option, disabled: disabled, onRemove: handleRemoveChip }, String(option.value)))) })] }), _jsx("div", { className: "pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: _jsx(ChevronDown, { className: cn('text-foreground-muted/90 size-4 transition-transform', open && 'rotate-180') }) })] }), _jsx(RenderIf, { when: open, children: _jsx("div", { className: dropdownClass, children: _jsx("ul", { role: "listbox", "aria-multiselectable": "true", className: "max-h-52 overflow-y-auto py-1", children: options.map((option) => {
+                                const isSelected = value.includes(option.value);
+                                const isDisabledByMax = !isSelected && maxSelected != null && value.length >= maxSelected;
+                                return (_jsx(OptionListItem, { option: option, isSelected: isSelected, isDisabledByMax: isDisabledByMax, onToggle: handleToggle }, String(option.value)));
+                            }) }) }) })] }) }));
+}

package/dist/components/NavCard.d.ts

@@ -0,0 +1,15 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface NavCardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    /** Oculta a seta de navegacao a direita. */
+    hideArrow?: boolean;
+}
+/**
+ * Card/botao navegavel generico: titulo, descricao e icone opcionais, com seta a
+ * direita que desliza no hover/focus. Sem regra de dominio — use para atalhos,
+ * itens de listas navegaveis e acessos rapidos.
+ */
+export declare const NavCard: import("react").ForwardRefExoticComponent<NavCardProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=NavCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavCard.d.ts","sourceRoot":"","sources":["../../src/components/NavCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC1F,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,4GAoCnB,CAAC"}

package/dist/components/NavCard.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { ArrowRightIcon } from 'lucide-react';
+import { cn } from '../utils/cn';
+/**
+ * Card/botao navegavel generico: titulo, descricao e icone opcionais, com seta a
+ * direita que desliza no hover/focus. Sem regra de dominio — use para atalhos,
+ * itens de listas navegaveis e acessos rapidos.
+ */
+export const NavCard = forwardRef(({ className, description, hideArrow = false, icon, title, type = 'button', ...props }, ref) => {
+    return (_jsxs("button", { ref: ref, type: type, className: cn('group border-app-border bg-surface flex w-full cursor-pointer items-center gap-3 rounded-lg border px-3 py-3 text-left transition-[background-color,border-color,box-shadow]', 'hover:border-[color-mix(in_srgb,var(--brand)_44%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_7%,var(--surface))] hover:shadow-[var(--shadow-action)]', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color-mix(in_srgb,var(--brand)_36%,transparent)] focus-visible:outline-none', className), ...props, children: [icon && (_jsx("span", { className: "text-[color-mix(in_srgb,var(--brand)_68%,var(--foreground-muted))] group-hover:text-brand inline-flex shrink-0 items-center justify-center transition-colors [&_svg]:size-5", children: icon })), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("span", { className: "text-foreground line-clamp-2 text-sm leading-snug font-medium", children: title }), description && (_jsx("span", { className: "text-foreground-muted truncate text-xs", children: description }))] }), !hideArrow && (_jsx(ArrowRightIcon, { "aria-hidden": "true", className: "text-foreground-muted/50 group-hover:text-brand size-4 shrink-0 transition-transform duration-[var(--duration-fast)] group-hover:translate-x-0.5" }))] }));
+});
+NavCard.displayName = 'NavCard';

package/dist/components/Page.d.ts

@@ -0,0 +1,89 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import { type ActionButtonPrimitiveProps, type ActionGroupAlign, type ActionGroupSize, type ActionSeparatorPrimitiveProps } from './ActionPrimitives';
+export type PageActionsPosition = 'left' | 'top' | 'bottom' | 'right';
+export type PageActionsAlign = ActionGroupAlign;
+export type PageActionsSize = ActionGroupSize;
+export interface PageActionsProps {
+    children: ReactNode;
+    className?: string;
+    position?: PageActionsPosition;
+    defaultPosition?: PageActionsPosition;
+    mobilePosition?: PageActionsPosition;
+    allowedPositions?: PageActionsPosition[];
+    movable?: boolean;
+    onPositionChange?: (position: PageActionsPosition) => void;
+    onShowLabelsChange?: (showLabels: boolean) => void;
+    align?: PageActionsAlign;
+    size?: PageActionsSize;
+    showLabels?: boolean;
+    helpContent?: ReactNode;
+    helpLabel?: string;
+    helpClassName?: string;
+    metaActions?: ReactNode;
+    __fromSlot?: boolean;
+}
+export type PageActionsElement = ReactElement<PageActionsProps, typeof Actions>;
+export type PageActionsSeparatorProps = ActionSeparatorPrimitiveProps;
+export interface PageActionButtonProps extends Omit<ActionButtonPrimitiveProps, 'label'> {
+    label: ReactNode;
+}
+export interface PageActionsPreferences {
+    allowedPositions?: PageActionsPosition[];
+    defaultPosition?: PageActionsPosition;
+    mobilePosition?: PageActionsPosition;
+    movable?: boolean;
+    onPositionChange?: (position: PageActionsPosition) => void;
+    onShowLabelsChange?: (showLabels: boolean) => void;
+    position?: PageActionsPosition;
+    showLabels?: boolean;
+}
+export interface PageActionsHelpContentProps {
+    children?: ReactNode;
+    className?: string;
+    items?: ReactNode[];
+    title?: ReactNode;
+}
+declare function ActionsHelpContent({ children, className, items, title }: PageActionsHelpContentProps): import("react").JSX.Element;
+declare function Actions({ align, __fromSlot, children, className, defaultPosition, mobilePosition, allowedPositions, helpClassName, helpContent, helpLabel, metaActions, movable, onShowLabelsChange, onPositionChange, position, showLabels, size, }: PageActionsProps): import("react").JSX.Element | null;
+declare function ActionsSeparator(props: PageActionsSeparatorProps): import("react").JSX.Element;
+declare function ActionButton({ label, tooltip, ...props }: PageActionButtonProps): import("react").JSX.Element;
+interface PageRootProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    actions?: PageActionsElement;
+}
+declare function Root({ actions, children, className, ...props }: PageRootProps): import("react").JSX.Element;
+interface PageActionsProviderProps {
+    children: ReactNode;
+    preferences?: PageActionsPreferences;
+}
+declare function ActionsProvider({ children, preferences }: PageActionsProviderProps): import("react").JSX.Element;
+interface PageActionsSlotProps {
+    className?: string;
+    position: PageActionsPosition;
+}
+declare function ActionsSlot({ className, position }: PageActionsSlotProps): import("react").JSX.Element | null;
+interface PageHeaderProps {
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    actions?: PageActionsElement;
+}
+export type PageTitleProps = HTMLAttributes<HTMLHeadingElement>;
+export type PageDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+declare function Title({ children, className, ...props }: PageTitleProps): import("react").JSX.Element;
+declare function Description({ children, className, ...props }: PageDescriptionProps): import("react").JSX.Element;
+declare function Header({ actions, description, eyebrow, title }: PageHeaderProps): import("react").JSX.Element;
+export declare const Page: {
+    Root: typeof Root;
+    Header: typeof Header;
+    Title: typeof Title;
+    Description: typeof Description;
+    Actions: typeof Actions;
+    ActionsHelpContent: typeof ActionsHelpContent;
+    ActionButton: typeof ActionButton;
+    ActionsSeparator: typeof ActionsSeparator;
+    ActionsProvider: typeof ActionsProvider;
+    ActionsSlot: typeof ActionsSlot;
+};
+export {};
+//# sourceMappingURL=Page.d.ts.map

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

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