@12-apps/ui 5.0.0 → 5.1.0

package/dist/types/components/data-display/Progress/Progress.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/Progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AACzF,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC;AAErC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,OAAO,CAAC;IACnF;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/data-display/Progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress } from './Progress';
+export type { ProgressProps, ProgressSize, ProgressVariant } from './Progress.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAC,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/types/components/data-display/SectionOnboarding/SectionOnboarding.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SectionOnboardingProps } from './SectionOnboarding.types';
+export declare const SectionOnboarding: React.FC<SectionOnboardingProps>;
+export default SectionOnboarding;
+//# sourceMappingURL=SectionOnboarding.d.ts.map

package/dist/types/components/data-display/SectionOnboarding/SectionOnboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionOnboarding.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/SectionOnboarding/SectionOnboarding.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAkMxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiB9D,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/types/components/data-display/SectionOnboarding/SectionOnboarding.types.d.ts

@@ -0,0 +1,80 @@
+import type { ReactNode } from 'react';
+import type { Step } from '../Stepper/Stepper.types';
+/**
+ * Lifecycle of a configurable page section:
+ * - `unconfigured` — never set up: show the onboarding hero (why + CTA).
+ * - `in-progress`  — actively being set up: show the steps + the real form.
+ * - `configured`   — already set up: show a compact summary, form on demand.
+ */
+export type SectionOnboardingStatus = 'unconfigured' | 'in-progress' | 'configured';
+export interface SectionOnboardingAction {
+    label: string;
+    onClick: () => void;
+}
+export interface SectionOnboardingHelpLink {
+    label: string;
+    href: string;
+    external?: boolean;
+}
+export interface SectionOnboardingProps {
+    /**
+     * Which lifecycle view to render. Derive it on the server from whatever
+     * "is this set up?" signal the feature already has (a `null` config, a
+     * `status` field, a row count) — no new query is needed.
+     */
+    status: SectionOnboardingStatus;
+    /** Headline for the onboarding hero (unconfigured / in-progress). */
+    title: string;
+    /** Plain-language explanation of what this section does and why. */
+    description?: string;
+    /** Optional illustration/icon shown in the hero (unconfigured only). */
+    illustration?: ReactNode;
+    /**
+     * Ordered setup steps. Shown as a non-interactive preview in `unconfigured`
+     * and as live progress in `in-progress`. Omit for a single-step section.
+     */
+    steps?: Step[];
+    /** Id of the step currently in progress (used when `status` is in-progress). */
+    activeStepId?: string;
+    /** Ids of steps already completed (rendered with a check). */
+    completedStepIds?: string[];
+    /**
+     * Primary CTA of the hero — e.g. "Começar configuração". Provide this only
+     * when the parent wants to fully control what the button does (e.g. navigate
+     * to a dedicated wizard route). When omitted, the component renders a default
+     * CTA (see `startLabel`) that reveals the `children` form in place — so a
+     * server page can adopt onboarding without any client wrapper of its own.
+     */
+    primaryAction?: SectionOnboardingAction;
+    /**
+     * Label of the built-in "start" CTA shown when no `primaryAction` is provided
+     * and `children` exist. Clicking it advances the hero to the in-progress view
+     * (steps + form) without the parent managing state. @default 'Começar'
+     */
+    startLabel?: string;
+    /** Optional secondary CTA of the hero — e.g. "Ver como funciona". */
+    secondaryAction?: SectionOnboardingAction;
+    /** Optional help link under the hero actions. */
+    helpLink?: SectionOnboardingHelpLink;
+    /** Heading for the compact configured summary (defaults to `title`). */
+    configuredTitle?: string;
+    /**
+     * The compact "it's connected" summary shown when `configured` — e.g. a
+     * status chip, the account name, the environment. Kept short.
+     */
+    configuredSummary?: ReactNode;
+    /** Label of the reveal toggle in the configured state. @default 'Editar' */
+    editLabel?: string;
+    /** Label of the reveal toggle while expanded. @default 'Ocultar' */
+    collapseLabel?: string;
+    /** Start the configured state with the form already revealed. @default false */
+    defaultExpanded?: boolean;
+    /**
+     * The real controls (the credential form / advanced settings). Rendered
+     * directly in `in-progress`, and behind the reveal toggle in `configured`.
+     */
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=SectionOnboarding.types.d.ts.map

package/dist/types/components/data-display/SectionOnboarding/SectionOnboarding.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionOnboarding.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/SectionOnboarding/SectionOnboarding.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD;;;;;GAKG;AACH,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,CAAC;AAEpF,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,MAAM,EAAE,uBAAuB,CAAC;IAEhC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IAEd,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wEAAwE;IACxE,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IAEf,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,qEAAqE;IACrE,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAE1C,iDAAiD;IACjD,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,gFAAgF;IAChF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/data-display/SectionOnboarding/index.d.ts

@@ -0,0 +1,3 @@
+export { default, SectionOnboarding } from './SectionOnboarding';
+export type { SectionOnboardingAction, SectionOnboardingHelpLink, SectionOnboardingProps, SectionOnboardingStatus, } from './SectionOnboarding.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/SectionOnboarding/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/SectionOnboarding/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EACV,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.animations.d.ts

@@ -0,0 +1,29 @@
+/** Spring physics used by the draggable variant's snap-point animation. */
+export declare const SPRING_CONFIG: {
+    tension: number;
+    friction: number;
+    velocity: number;
+};
+/** Velocity threshold for snap detection (pixels per millisecond). */
+export declare const DEFAULT_VELOCITY_THRESHOLD = 0.5;
+/** Drag resistance factor applied past the first and last snap points. */
+export declare const DEFAULT_DRAG_RESISTANCE = 0.3;
+export declare const pulseAnimation: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const shimmerAnimation: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const glowAnimation: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+//# sourceMappingURL=Sheet.animations.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.animations.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.animations.ts"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,0EAA0E;AAC1E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;UAOzB,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.body.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SheetProps } from './Sheet.types';
+export interface SheetBodyProps extends Pick<SheetProps, 'title' | 'description' | 'showCloseButton' | 'showHandle' | 'header' | 'footer' | 'loading' | 'color' | 'children' | 'onClick' | 'onFocus' | 'onBlur'> {
+    testId: string;
+    isDragging: boolean;
+    isVerticalSheet: boolean;
+    isDraggableVariant: boolean;
+    onClose: () => void;
+    onDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
+}
+/**
+ * What the sheet contains, independent of which drawer is carrying it. The
+ * swipeable and plain branches render exactly this — they differ only in the
+ * MUI component and its swipe props, so the contents are built once.
+ */
+export declare const SheetBody: React.FC<SheetBodyProps>;
+//# sourceMappingURL=Sheet.body.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.body.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.body.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,UAAU,EACR,OAAO,GACP,aAAa,GACb,iBAAiB,GACjB,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CACX;IACC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/D;AA6BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8D9C,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SheetProps } from './Sheet.types';
+export { SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet.parts';
+export declare const Sheet: React.FC<SheetProps>;
+//# sourceMappingURL=Sheet.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAuErF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkEtC,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.drag.d.ts

@@ -0,0 +1,11 @@
+import type { SheetDragInput, SnapGeometry } from './Sheet.hooks';
+/**
+ * The pointer half of the draggable variant: tracks one drag from press to
+ * release, converts its travel into a snap-point delta, and hands the result to
+ * the geometry to settle.
+ */
+export declare const useDragGestures: (input: SheetDragInput, geometry: SnapGeometry) => {
+    isDragging: boolean;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
+};
+//# sourceMappingURL=Sheet.drag.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.drag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.drag.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA8JlE;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,UAAU,YAAY;;yBASrE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU;CA4B1C,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.hooks.d.ts

@@ -0,0 +1,72 @@
+import type { SheetProps } from './Sheet.types';
+export interface SheetDragInput {
+    isDraggableVariant: boolean;
+    isVerticalSheet: boolean;
+    isBottomSheet: boolean;
+    isTopSheet: boolean;
+    snapPoints: number[];
+    defaultSnapPoint: number;
+    minSnapPoint: number;
+    maxSnapPoint: number;
+    velocityThreshold: number;
+    dragResistance: number;
+    animationConfig: NonNullable<SheetProps['animationConfig']>;
+    onSnapPointChange?: (snapPoint: number) => void;
+    onDragStart?: () => void;
+    onDragEnd?: (snapPoint: number) => void;
+}
+/**
+ * Where the sheet rests and how it gets there. Knows nothing about pointers —
+ * `useDragGestures` supplies the positions.
+ */
+declare const useSnapGeometry: (input: SheetDragInput) => {
+    sheetRef: import("react").RefObject<HTMLDivElement | null>;
+    currentSnapPoint: number;
+    currentHeight: number | null;
+    isAnimating: boolean;
+    updateSheetHeight: (snapPoint: number) => void;
+    settleAt: (position: number, velocity: number) => number | undefined;
+    resetToDefaultSnapPoint: () => void;
+    cancelAnimation: () => void;
+};
+export type SnapGeometry = ReturnType<typeof useSnapGeometry>;
+/**
+ * The draggable variant's whole state machine. It lives apart from the component
+ * because none of it is about what the sheet renders — the component only needs
+ * the ref to attach, the current height to size with, and the two flags that
+ * suppress the CSS transition mid-drag.
+ */
+export declare const useSheetDrag: (input: SheetDragInput) => {
+    sheetRef: import("react").RefObject<HTMLDivElement | null>;
+    currentHeight: number | null;
+    isAnimating: boolean;
+    resetToDefaultSnapPoint: () => void;
+    isDragging: boolean;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
+};
+interface SheetOpenInput {
+    open: boolean;
+    persistent: boolean;
+    disabled: boolean;
+    closeOnEscape: boolean;
+    closeOnOverlayClick: boolean;
+    isDraggableVariant: boolean;
+    isVerticalSheet: boolean;
+    resetToDefaultSnapPoint: () => void;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    onOpen?: () => void;
+}
+/**
+ * Open/closed state and the three ways it changes: the `open` prop, the Escape
+ * key, and a click on the overlay. `persistent` and `disabled` block every
+ * close path, so they are checked once here rather than at each caller.
+ */
+export declare const useSheetOpen: (input: SheetOpenInput) => {
+    isOpen: boolean;
+    handleClose: () => void;
+    handleOverlayClick: () => void;
+    handleSwipeOpen: () => void;
+};
+export {};
+//# sourceMappingURL=Sheet.hooks.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AA0HD;;;GAGG;AACH,QAAA,MAAM,eAAe,GAAI,OAAO,cAAc;;;;;mCAxF9B,MAAM;yBAkIP,MAAM,YAAY,MAAM;;;CAgCtC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9D;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,cAAc;;;;;;;CAYjD,CAAC;AAEF,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,cAAc;;;;;CAqDjD,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.parts.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SheetContentProps, SheetFooterProps, SheetHeaderProps, SheetOverlayProps } from './Sheet.types';
+export declare const SheetHeader: React.FC<SheetHeaderProps>;
+export declare const SheetContent: React.FC<SheetContentProps>;
+export declare const SheetFooter: React.FC<SheetFooterProps>;
+export declare const SheetOverlay: React.FC<SheetOverlayProps>;
+//# sourceMappingURL=Sheet.parts.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAqEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.styles.d.ts

@@ -0,0 +1,40 @@
+import type { CSSObject, Theme } from '@mui/material';
+import type React from 'react';
+import type { SheetProps } from './Sheet.types';
+type Position = NonNullable<SheetProps['position']>;
+type Variant = NonNullable<SheetProps['variant']>;
+type Size = NonNullable<SheetProps['size']>;
+type Color = NonNullable<SheetProps['color']>;
+interface VariantStyleInput {
+    theme: Theme;
+    variant: Variant;
+    color: Color;
+    position: Position;
+    elevation: number;
+    glow: boolean;
+    pulse: boolean;
+    glass: boolean;
+    gradient: boolean;
+    rounded: boolean;
+    disabled: boolean;
+    isDragging: boolean;
+    isAnimating: boolean;
+    isDraggableVariant: boolean;
+    isVerticalSheet: boolean;
+}
+interface PanelSxInput extends VariantStyleInput {
+    size: Size;
+    currentHeight: number | null;
+    fullHeight: boolean;
+    style?: React.CSSProperties;
+}
+/**
+ * The drawer paper's complete `sx`: its size, its variant surface, the caller's
+ * own `style`, and the full-height rule.
+ *
+ * Built here rather than in the component so the component holds no style
+ * branches of its own — the cross-axis rule below is four on its own.
+ */
+export declare const panelSx: (input: PanelSxInput) => CSSObject;
+export {};
+//# sourceMappingURL=Sheet.styles.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,KAAK,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACpD,KAAK,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAClD,KAAK,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5C,KAAK,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AA0E9C,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;CAC1B;AA8HD,UAAU,YAAa,SAAQ,iBAAiB;IAC9C,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,KAAG,SAgB7C,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.types.d.ts

@@ -0,0 +1,94 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { CSSProperties, ReactNode } from 'react';
+export interface SheetProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+    title?: string;
+    description?: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    variant?: 'default' | 'glass' | 'gradient' | 'elevated' | 'minimal' | 'draggable';
+    /**
+     * The house scale, plus `full`. `full` is not a size on the scale — it is
+     * "the whole viewport", so it extends rather than replaces.
+     */
+    size?: SizeValue | 'full';
+    color?: ColorValue;
+    glow?: boolean;
+    pulse?: boolean;
+    glass?: boolean;
+    gradient?: boolean;
+    ripple?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    showOverlay?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    showHandle?: boolean;
+    swipeable?: boolean;
+    snapPoints?: number[];
+    defaultSnapPoint?: number;
+    onSnapPointChange?: (snapPoint: number) => void;
+    minSnapPoint?: number;
+    maxSnapPoint?: number;
+    velocityThreshold?: number;
+    dragResistance?: number;
+    animationConfig?: {
+        tension?: number;
+        friction?: number;
+        velocity?: number;
+    };
+    onClick?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onDragStart?: () => void;
+    onDragEnd?: (snapPoint: number) => void;
+    footer?: ReactNode;
+    header?: ReactNode;
+    persistent?: boolean;
+    fullHeight?: boolean;
+    rounded?: boolean;
+    elevation?: number;
+    dataTestId?: string;
+}
+export interface SheetHeaderProps {
+    title?: string;
+    description?: string;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    showHandle?: boolean;
+    isDraggable?: boolean;
+    onDragStart?: (e: React.MouseEvent | React.TouchEvent) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    dataTestId?: string;
+}
+export interface SheetContentProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    padded?: boolean;
+    dataTestId?: string;
+}
+export interface SheetFooterProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sticky?: boolean;
+    divider?: boolean;
+    dataTestId?: string;
+}
+export interface SheetOverlayProps {
+    open?: boolean;
+    onClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    blur?: boolean;
+}
+//# sourceMappingURL=Sheet.types.d.ts.map

package/dist/types/components/data-display/Sheet/Sheet.types.d.ts.map

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

package/dist/types/components/data-display/Sheet/index.d.ts

@@ -0,0 +1,3 @@
+export { Sheet, SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet';
+export type { SheetContentProps, SheetFooterProps, SheetHeaderProps, SheetOverlayProps, SheetProps, } from './Sheet.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/Sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACtF,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,GACX,MAAM,eAAe,CAAC"}

package/dist/types/components/data-display/StatCard/StatCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { StatCardProps } from './StatCard.types';
+/**
+ * StatCard (KPI tile) — one labelled figure with an optional period-over-period
+ * delta, leading icon, hint line and loading state. The single shared tile for
+ * dashboards and summary bands, so surfaces stop hand-rolling the pattern.
+ *
+ * The tile is presentation only: `value` and `delta.value` arrive ALREADY
+ * formatted, so locale/currency rules stay with the data owner. Colour comes
+ * from the MUI palette (`success` / `error` / `text.secondary`), and the delta's
+ * meaning is separable from its arrow via {@link StatCardDelta.tone} — a rise in
+ * cost can render "up" while reading as negative.
+ */
+export declare const StatCard: React.FC<StatCardProps>;
+export default StatCard;
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/types/components/data-display/StatCard/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/StatCard/StatCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAIV,aAAa,EACd,MAAM,kBAAkB,CAAC;AAuK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/types/components/data-display/StatCard/StatCard.types.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+/** Which way a metric moved over the comparison window. */
+export type StatCardDeltaDirection = 'up' | 'down' | 'neutral';
+/**
+ * How the movement should READ to the user. Direction and meaning are separate
+ * concerns: revenue going up is good, cost going up is bad — so a consumer can
+ * override the tone without lying about the arrow.
+ */
+export type StatCardDeltaTone = 'positive' | 'negative' | 'neutral';
+/** The optional period-over-period change shown beneath a stat's value. */
+export interface StatCardDelta {
+    /**
+     * Pre-formatted change, e.g. `"+12,5%"` or `"-R$ 320,00"`. Formatting
+     * (locale, currency, precision) belongs to the caller, exactly as {@link
+     * StatCardProps.value} does.
+     */
+    value: string;
+    /** The arrow/geometry: which way the metric moved. */
+    direction: StatCardDeltaDirection;
+    /**
+     * The semantic colour. Defaults to the direction's natural reading
+     * (`up` → positive, `down` → negative, `neutral` → neutral); pass it
+     * explicitly for "lower is better" metrics such as cost.
+     */
+    tone?: StatCardDeltaTone;
+    /** Optional context for the comparison, e.g. `"vs. período anterior"`. */
+    label?: string;
+    /**
+     * Overrides the generated screen-reader sentence (which is English by
+     * default) — pass a localized string when the surrounding app is not English.
+     */
+    ariaLabel?: string;
+}
+/** Props for the {@link StatCard} KPI tile. */
+export interface StatCardProps {
+    /** What the figure measures, e.g. `"Receita"`. */
+    label: string;
+    /**
+     * The figure itself, ALREADY formatted (`"R$ 1.250,00"`, `"60,0%"`, `12`).
+     * The tile never formats: money/percent/locale rules live with the caller.
+     */
+    value: ReactNode;
+    /** Optional period-over-period change rendered under the value. */
+    delta?: StatCardDelta;
+    /** Optional leading icon rendered beside the label. */
+    icon?: ReactNode;
+    /** Optional clarifying line under the value, e.g. the range being measured. */
+    hint?: string;
+    /**
+     * While true the value/delta are replaced by skeletons and the tile is
+     * announced as busy — the label stays, so the grid never reflows on load.
+     */
+    loading?: boolean;
+    /** Custom className for the tile root. */
+    className?: string;
+    /** Test id for the tile root; child test ids are derived from it. */
+    dataTestId?: string;
+}
+//# sourceMappingURL=StatCard.types.d.ts.map

package/dist/types/components/data-display/StatCard/StatCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/StatCard/StatCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,2DAA2D;AAC3D,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/D;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpE,2EAA2E;AAC3E,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,SAAS,EAAE,sBAAsB,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/data-display/StatCard/index.d.ts

@@ -0,0 +1,3 @@
+export { StatCard } from './StatCard';
+export type { StatCardDelta, StatCardDeltaDirection, StatCardDeltaTone, StatCardProps, } from './StatCard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/StatCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/StatCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC"}

package/dist/types/components/data-display/Stepper/Stepper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { StepperProps } from './Stepper.types';
+export declare const Stepper: React.FC<StepperProps>;
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/types/components/data-display/Stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Stepper/Stepper.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAoRzE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsD1C,CAAC"}

package/dist/types/components/data-display/Stepper/Stepper.types.d.ts

@@ -0,0 +1,81 @@
+import type { SizeValue } from '../../../tokens/scales';
+import type { ReactNode } from 'react';
+export interface Step {
+    id: string;
+    label: string;
+    description?: string;
+    optional?: boolean;
+    disabled?: boolean;
+}
+export interface ConnectorState {
+    completed: boolean;
+    active: boolean;
+}
+export interface StepperProps {
+    /**
+     * Array of step configurations defining the stepper flow
+     */
+    steps: Step[];
+    /**
+     * ID of the currently active step
+     */
+    activeId: string;
+    /**
+     * Set of step IDs that have been completed
+     */
+    completed?: Set<string>;
+    /**
+     * Display orientation of the stepper
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Visual size of the step circles + labels. `'sm'` is a compact variant that
+     * takes far less vertical space — useful above the fold on mobile checkouts.
+     * @default 'md'
+     */
+    size?: SizeValue;
+    /**
+     * Navigation variant controlling step access
+     * - 'linear': Users can only progress to next step after completing current
+     * - 'non-linear': Users can jump to any enabled step
+     * @default 'linear'
+     */
+    variant?: 'linear' | 'non-linear';
+    /**
+     * Callback fired when a step is clicked or navigated to
+     */
+    onStepChange?: (id: string) => void;
+    /**
+     * Whether steps are clickable for navigation
+     * @default false for linear, true for non-linear
+     */
+    clickable?: boolean;
+    /**
+     * Custom connector renderer between steps
+     */
+    renderConnector?: (from: Step, to: Step, state: ConnectorState) => ReactNode;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Test identifier
+     */
+    'data-testid'?: string;
+}
+export interface StepItemProps {
+    step: Step;
+    index: number;
+    isActive: boolean;
+    isCompleted: boolean;
+    isLast: boolean;
+    orientation: 'horizontal' | 'vertical';
+    size: SizeValue;
+    variant: 'linear' | 'non-linear';
+    clickable: boolean;
+    onStepClick?: (id: string) => void;
+    renderConnector?: StepperProps['renderConnector'];
+    nextStep?: Step;
+}
+//# sourceMappingURL=Stepper.types.d.ts.map