@codeleap/web 6.3.0 → 6.8.0

package/dist/components/List/types.d.ts

@@ -1,22 +1,82 @@
-import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+import React from 'react';
+import { StyleProp } from '@codeleap/styles';
+import { RenderComponentProps, UseInfiniteLoaderOptions, UsePositionerOptions } from 'masonic';
 import { ListComposition } from './styles';
-import { StyledProp } from '@codeleap/styles';
-import { MasonryProps, RenderComponentProps, UseInfiniteLoaderOptions } from 'masonic';
-export type AugmentedRenderItemInfo<T> = RenderComponentProps<T> & {
-    item: T;
+/** Masonic positioner options that control column layout and gutters for the virtualized list grid. */
+export type ListPositionerConfig = Pick<UsePositionerOptions, 'columnCount' | 'columnGutter' | 'columnWidth' | 'maxColumnCount' | 'maxColumnWidth' | 'rowGutter'>;
+export type ListPaddingProps = {
+    padding?: number;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
 };
+export interface ListStyleDef extends Partial<ListPositionerConfig>, ListPaddingProps {
+}
+/** Minimum shape required for every item passed to `List` — the `id` is used as the Masonic item key. */
 export type ListItem = {
     id: string | number;
 };
-export type ListProps<T extends ListItem = ListItem> = Omit<MasonryProps<T>, 'items' | 'render' | 'onRender'> & {
-    data: T[];
-    style?: StyledProp<ListComposition>;
-    placeholder?: Omit<EmptyPlaceholderProps, 'debugName'>;
-    ItemSeparatorComponent?: React.ReactElement;
+/** Masonic `RenderComponentProps` extended with convenience booleans and a typed `item` shorthand passed to `renderItem`. */
+export type AugmentedRenderItemInfo<T> = RenderComponentProps<T> & {
+    item: T;
+    isFirst: boolean;
+    isLast: boolean;
+    isOnly: boolean;
+};
+export type ListWrapperLayout = {
+    width: number;
+    offsetHeight: number;
+};
+/**
+ * Contract for a scroll-state hook consumed by `ListItems`.
+ * Two built-in implementations are exported: `useElementScroll` (container scroll) and `useWindowScroll` (window scroll).
+ * Pass a custom implementation via `ListProviderProps.scrollHook` to drive an alternative scroll container.
+ */
+export type UseListScrollHook = (wrapperRef: React.RefObject<HTMLElement>, wrapperLayout: ListWrapperLayout | null) => {
+    scrollTop: number;
+    isScrolling: boolean;
+    height: number;
+    width: number;
+    scrollElement: Window | React.RefObject<HTMLElement> | null;
+};
+/** Imperative handle exposed via `ref` on `List` / `ListItems` for programmatic scroll-to-index. */
+export type ListHandle = {
+    scrollToIndex: (index: number, options?: {
+        align?: 'top' | 'center' | 'bottom';
+    }) => void;
+};
+/**
+ * Props accepted by `List.Provider` that configure layout, scrolling, infinite loading, and slot components.
+ * @field scrollHook - Custom scroll-state hook; overrides the `windowScroll` flag when provided.
+ * @field windowScroll - When `true` the list uses `useWindowScroll` instead of container scroll; ignored if `scrollHook` is set.
+ * @field infiniteLoaderProps - Forwarded directly to Masonic's `useInfiniteLoader`.
+ * @field ListFooterComponent - Rendered inside `List.Footer` when no `children` are passed to that element.
+ */
+export type ListProviderProps = Partial<ListPositionerConfig> & ListPaddingProps & {
+    scrollHook?: UseListScrollHook;
+    windowScroll?: boolean;
     fetchNextPage?: () => void;
-    renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement;
-    ListFooterComponent?: React.ReactElement | (() => React.ReactElement);
-    infiniteLoaderProps?: UseInfiniteLoaderOptions<unknown>;
     hasNextPage?: boolean;
+    infiniteLoaderProps?: UseInfiniteLoaderOptions<unknown>;
     separators?: boolean;
+    ItemSeparatorComponent?: React.ReactElement;
+    style?: StyleProp<ListComposition, keyof ListStyleDef>;
+    placeholder?: React.ReactElement;
+    ListFooterComponent?: React.ReactElement | (() => React.ReactElement);
+    onRefresh?: () => void;
+    refreshing?: boolean;
+    children?: React.ReactNode;
+};
+/** Props for `List.Items` — the data + render layer that sits inside a `List.Provider`. */
+export type ListItemsProps<T extends ListItem> = {
+    data: T[];
+    renderItem: (data: AugmentedRenderItemInfo<T>) => React.ReactElement;
+    fetchNextPage?: () => void;
+    hasNextPage?: boolean;
+    ref?: React.Ref<ListHandle>;
 };
+export type ListProps<T extends ListItem> = ListProviderProps & ListItemsProps<T>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/List/types.d.ts.map

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

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

@@ -2,6 +2,12 @@ import { LoadingOverlayProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * `View` wrapper that renders an `ActivityIndicator` alongside its children;
+ * use `visible` to toggle the `wrapper:visible` style variant to show or hide
+ * the spinner layer.
+ * Uses: `View`, `ActivityIndicator`, `useStylesFor`, `WebStyleRegistry`
+ */
 export declare const LoadingOverlay: {
     (props: LoadingOverlayProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -10,3 +16,4 @@ export declare const LoadingOverlay: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<LoadingOverlayProps, typeof styles>) => IJSX;
     defaultProps: Partial<LoadingOverlayProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAA;AAG9F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;;GAKG;AACH,eAAO,MAAM,cAAc;YAAW,mBAAmB;;;;qBA6BtB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,mBAAmB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPnG,CAAA"}

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

@@ -3,3 +3,4 @@ type LoadingOverlayStates = 'visible';
 export type LoadingOverlayParts = 'wrapper' | `indicator${Capitalize<ActivityIndicatorComposition>}`;
 export type LoadingOverlayComposition = `${LoadingOverlayParts}:${LoadingOverlayStates}` | LoadingOverlayParts;
 export {};
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAEnE,KAAK,oBAAoB,GAAG,SAAS,CAAA;AAErC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,YAAY,UAAU,CAAC,4BAA4B,CAAC,EAAE,CAAA;AAEpG,MAAM,MAAM,yBAAyB,GAAG,GAAG,mBAAmB,IAAI,oBAAoB,EAAE,GAAG,mBAAmB,CAAA"}

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

@@ -3,10 +3,16 @@ import { LoadingOverlayComposition } from './styles';
 import { ViewProps } from '../View';
 import { ActivityIndicatorProps } from '../ActivityIndicator';
 import { ComponentCommonProps } from '../../types/utility';
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp } from '@codeleap/styles';
+export interface LoadingOverlayStyleDef {
+}
+/** Props for the `LoadingOverlay` component. */
 export type LoadingOverlayProps = Omit<ViewProps, 'style'> & ComponentCommonProps & {
+    /** When true applies the `wrapper:visible` style variant. */
     visible?: boolean;
-    style?: StyledProp<LoadingOverlayComposition>;
+    style?: StyleProp<LoadingOverlayComposition, keyof LoadingOverlayStyleDef>;
+    /** Forwarded to the inner `ActivityIndicator`. */
     indicatorProps?: ActivityIndicatorProps;
     children?: React.ReactNode;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,WAAW,sBAAsB;CAAG;AAE1C,gDAAgD;AAChD,MAAM,MAAM,mBAAmB,GAC7B,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB,oBAAoB,GACpB;IACE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,yBAAyB,EAAE,MAAM,sBAAsB,CAAC,CAAA;IAC1E,kDAAkD;IAClD,cAAc,CAAC,EAAE,sBAAsB,CAAA;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA"}

package/dist/components/MaskedTextInput/index.d.ts

@@ -1,7 +1,9 @@
 import { MaskedTextInputProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './types';
-export declare const MaskedTextInput: {
-    (props: MaskedTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<MaskedTextInputProps, typeof styles>) => IJSX;
-};
+/**
+ * `TextInput` variant that applies a `react-imask` pattern mask via a set of named presets or a custom `react-imask` configuration.
+ * The `placeholder` defaults to the mask pattern string when none is provided.
+ * Uses: `TextInput`
+ */
+export declare const MaskedTextInput: (props: MaskedTextInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MaskedTextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MaskedTextInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAO9C,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,qDA2C1D,CAAA"}

package/dist/components/MaskedTextInput/mask.d.ts

@@ -6,3 +6,4 @@ type MaskPreset = {
 };
 export declare const maskPresets: Record<MaskedTextInputMaskType | 'cel-phone-brl', MaskPreset>;
 export {};
+//# sourceMappingURL=mask.d.ts.map

package/dist/components/MaskedTextInput/mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../../src/components/MaskedTextInput/mask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,uBAAuB,GAAG,eAAe,EAAE,UAAU,CAgCrF,CAAA"}

package/dist/components/MaskedTextInput/types.d.ts

@@ -1,6 +1,17 @@
 import { TextInputProps } from '../TextInput';
 import { ReactMaskOpts } from 'react-imask';
+export interface MaskedTextInputStyleDef {
+}
+/**
+ * Built-in mask presets supported by `MaskedTextInput`.
+ * Use `'custom'` together with `maskOptions` to supply any `react-imask` mask configuration.
+ */
 export type MaskedTextInputMaskType = 'credit-card' | 'cpf' | 'cnpj' | 'zip-code' | 'cel-phone' | 'custom';
+/**
+ * Props for `MaskedTextInput`.
+ * `maskType` selects a built-in preset; combine with `maskOptions` for overrides, or use `maskType: 'custom'` with only `maskOptions`.
+ * `unmask` controls whether `onAccept`/`onValueChange` receives the raw (unmasked) value (`true`), the typed value (`'typed'`), or the formatted string (`false`, default).
+ */
 export type MaskedTextInputProps = Omit<TextInputProps, 'multiline'> & {
     maskType?: MaskedTextInputMaskType;
     maskOptions?: ReactMaskOpts;
@@ -8,3 +19,4 @@ export type MaskedTextInputProps = Omit<TextInputProps, 'multiline'> & {
     onComplete?: (value: string, maskRef?: any, e?: InputEvent) => void;
     unmask?: boolean | 'typed';
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/MaskedTextInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MaskedTextInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,uBAAuB;CAAG;AAE3C;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAC/B,aAAa,GACb,KAAK,GACL,MAAM,GACN,UAAU,GACV,WAAW,GACX,QAAQ,CAAA;AAEZ;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,uBAAuB,CAAA;IAClC,WAAW,CAAC,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACjE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACnE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC3B,CAAA"}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { ModalComposition } from './styles';
+import { ModalProps } from './types';
+declare function useModalProvider({ children: _children, ...props }: ModalProps): {
+    props: {
+        visible?: boolean;
+        toggle?: () => void;
+        onClose?: () => void;
+        style?: import("@codeleap/styles").StyleProp<ModalComposition, keyof import("./types").ModalStyleDef>;
+        closable?: boolean;
+        dismissOnBackdrop?: boolean;
+        closeOnEscape?: boolean;
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        footer?: React.ReactNode;
+        showClose?: boolean;
+        renderClose?: (props: {
+            close: () => void;
+        }) => React.ReactNode;
+        debugName?: string;
+    };
+    styles: Record<ModalComposition, any>;
+    close: () => void;
+};
+export type ModalContextValue = ReturnType<typeof useModalProvider>;
+export declare const ModalContext: React.Context<{
+    props: {
+        visible?: boolean;
+        toggle?: () => void;
+        onClose?: () => void;
+        style?: import("@codeleap/styles").StyleProp<ModalComposition, keyof import("./types").ModalStyleDef>;
+        closable?: boolean;
+        dismissOnBackdrop?: boolean;
+        closeOnEscape?: boolean;
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        footer?: React.ReactNode;
+        showClose?: boolean;
+        renderClose?: (props: {
+            close: () => void;
+        }) => React.ReactNode;
+        debugName?: string;
+    };
+    styles: Record<ModalComposition, any>;
+    close: () => void;
+} | null>;
+/**
+ * Reads the nearest `Modal.Provider` context value.
+ * Throws if called outside a `Modal.Provider` tree.
+ */
+export declare const useModalContext: () => ModalContextValue;
+/**
+ * Shares resolved styles and the `close` callback with all sub-components in a custom `Modal` layout.
+ * Required by `Modal.Backdrop`, `Modal.Box`, `Modal.Header`, `Modal.Body`, and `Modal.Footer` when composed manually.
+ * Uses: `useStylesFor`
+ */
+export declare const ModalProvider: (props: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGpC,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU;;;;;;;;;;;;;;;;;;YAUjD,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC;;EAGlD;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEnE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;YAPH,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC;;SAOsB,CAAA;AAEzE;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,iBAIlC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,UAAU,qDAO9C,CAAA"}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ModalProps } from './types';
+/**
+ * Full-screen overlay that controls open/close state and dismiss gestures for the modal.
+ * Backdrop click dismissal and Escape-key dismissal are each gated by `closable` + their respective props.
+ * Must be rendered inside `Modal.Provider`.
+ */
+export declare const ModalBackdrop: ({ children }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+type BoxProps = React.PropsWithChildren<{
+    'aria-label'?: string;
+}>;
+/**
+ * Scoped dialog container that wraps children in a react-aria `Modal` + `Dialog` pair.
+ * Falls back to `debugName` or `"Dialog"` as the accessible label when no `title` is provided.
+ * Must be rendered inside `Modal.Backdrop`.
+ */
+export declare const ModalBox: ({ children, "aria-label": ariaLabel }: BoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+type HeaderProps = Partial<Pick<ModalProps, 'title' | 'description' | 'showClose' | 'renderClose'>>;
+/**
+ * Renders the modal title, description, and optional close button; returns `null` when none of those are present.
+ * Props passed directly override values inherited from `Modal.Provider` context.
+ * Uses: `Text`, `View`
+ */
+export declare const ModalHeader: ({ title, description, showClose, renderClose }?: HeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+/**
+ * Scrollable content area of the modal.
+ * Must be rendered inside `Modal.Provider`.
+ * Uses: `View`
+ */
+export declare const ModalBody: ({ children }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * Sticky action area rendered below `Modal.Body`; falls back to the `footer` prop from context when no `children` are supplied.
+ * Returns `null` when no content is available.
+ * Uses: `View`
+ */
+export declare const ModalFooter: ({ children }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=elements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,cAAc,KAAK,CAAC,iBAAiB,qDAclE,CAAA;AAED,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,uCAAuC,QAAQ,qDAWvE,CAAA;AAED,KAAK,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,GAAG,aAAa,CAAC,CAAC,CAAA;AAEnG;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,iDAAgD,WAAgB,4DAiC3F,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,cAAc,KAAK,CAAC,iBAAiB,qDAG9D,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc,KAAK,CAAC,iBAAiB,4DAKhE,CAAA"}

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

@@ -1,12 +1,29 @@
+import React from 'react';
 import { ModalProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+export * from './context';
+export * from './elements';
+/**
+ * Accessible dialog that blocks page interaction while open, with backdrop-click and Escape-key dismissal.
+ * Controlled via `visible` / `toggle`; defaults to `closable`, `dismissOnBackdrop`, and `closeOnEscape` all `true`.
+ * Uses: `Modal.Provider`, `Modal.Backdrop`, `Modal.Box`, `Modal.Header`, `Modal.Body`, `Modal.Footer`
+ */
 export declare const Modal: {
     (props: ModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Provider: (props: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Backdrop: ({ children }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Box: ({ children, "aria-label": ariaLabel }: {
+        'aria-label'?: string;
+    } & {
+        children?: React.ReactNode | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Header: ({ title, description, showClose, renderClose }?: Partial<Pick<ModalProps, "title" | "description" | "showClose" | "renderClose">>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+    Body: ({ children }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Footer: ({ children }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<ModalProps, typeof styles>) => IJSX;
     defaultProps: Partial<ModalProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAWpC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAE1B;;;;GAIG;AACH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;CActC,CAAA"}

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

@@ -1,4 +1,3 @@
-import { ActionIconComposition } from '../ActionIcon';
-export type AnimatableParts = 'box' | 'backdrop' | 'wrapper';
-export type ModalParts = AnimatableParts | 'body' | 'footer' | 'header' | 'title' | 'innerWrapper' | 'backdropPressable' | 'description' | 'titleWrapper' | `closeButton${Capitalize<ActionIconComposition>}`;
-export type ModalComposition = ModalParts | `${AnimatableParts}:visible` | `${AnimatableParts}:hidden`;
+export type ModalParts = 'backdrop' | 'box' | 'header' | 'body' | 'footer' | 'title' | 'description';
+export type ModalComposition = ModalParts;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,aAAa,CAAA;AAEjB,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA"}

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

@@ -1,45 +1,30 @@
-import { AnyFunction, PropsOf } from '@codeleap/types';
 import React from 'react';
-import { OverlayProps } from '../Overlay';
 import { ModalComposition } from './styles';
-import { ActionIconProps } from '../ActionIcon';
-import { TouchableProps } from '../Touchable';
-import { AppIcon, ICSS, StyledProp } from '@codeleap/styles';
+import { ICSS, StyleProp } from '@codeleap/styles';
+export interface ModalStyleDef {
+    __internal: Record<ModalComposition, ICSS>;
+}
 export type ModalProps = {
     visible?: boolean;
-    children?: React.ReactNode;
-    title?: React.ReactNode | string;
-    description?: React.ReactNode | string;
-    renderModalBody?: (props: ModalBodyProps) => React.ReactElement;
-    toggle?: AnyFunction;
-    style?: StyledProp<ModalComposition>;
-    accessible?: boolean;
-    showClose?: boolean;
+    toggle?: () => void;
+    onClose?: () => void;
+    style?: StyleProp<ModalComposition, keyof ModalStyleDef>;
+    /** When `false`, all dismiss gestures (backdrop click, Escape key) are blocked regardless of `dismissOnBackdrop` or `closeOnEscape`. Defaults to `true`. */
     closable?: boolean;
+    /** Close when clicking the backdrop overlay. Only active when `closable` is also `true`. Defaults to `true`. */
     dismissOnBackdrop?: boolean;
-    header?: React.ReactElement;
-    footer?: React.ReactNode;
-    withOverlay?: boolean;
-    closeIconName?: AppIcon;
-    renderHeader?: (props: ModalHeaderProps) => React.ReactElement;
-    debugName?: string;
-    closeButtonProps?: Partial<ActionIconProps>;
+    /** Close when pressing the Escape key. Only active when `closable` is also `true`. Defaults to `true`. */
     closeOnEscape?: boolean;
-    onClose?: () => void;
-    overlayProps?: Partial<OverlayProps>;
-    scrollLock?: boolean;
-    backdropProps?: Partial<TouchableProps>;
-    alterHistory?: boolean;
-    modalId?: string;
-    autoIndex?: boolean;
-};
-export type ModalBodyProps = {
-    id: string;
-    style: ICSS;
     children?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    /** Whether to render the close button produced by `renderClose`. Defaults to `true`. */
+    showClose?: boolean;
+    /** Factory for a custom close button; receives a `close` callback. `showClose` must be `true` for it to render. */
+    renderClose?: (props: {
+        close: () => void;
+    }) => React.ReactNode;
+    debugName?: string;
 };
-export type ModalHeaderProps = Partial<Omit<ModalProps, 'children'>> & {
-    id: string;
-    styles: PropsOf<ModalComposition>;
-    onPressClose: () => void;
-};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAA;CAC3C;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAA;IACxD,4JAA4J;IAC5J,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mHAAmH;IACnH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/components/NumberIncrement/index.d.ts

@@ -1,12 +1,16 @@
 import { NumberIncrementProps } from './types';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './types';
 export * from './styles';
+/**
+ * Numeric stepper field with `Icon`-driven increment/decrement buttons, optional direct keyboard entry, and `Field` layout (label, helper, left/right sections).
+ * Arrow-left/right keyboard events increment or decrement the value while the field is focused; clicking outside closes focus.
+ * Uses: `Field.Provider`, `Field.Wrapper`, `Field.Box`, `Field.Heading`, `Field.Helper`, `Field.SectionSlot`, `Icon`, `useNumberIncrement`
+ */
 export declare const NumberIncrement: {
     (props: NumberIncrementProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<NumberIncrementProps, typeof styles>) => IJSX;
     defaultProps: Partial<NumberIncrementProps>;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NumberIncrement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberIncrement/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAW9C,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,eAAO,MAAM,eAAe;YAAW,oBAAoB;;;;;CA2H1D,CAAA"}

package/dist/components/NumberIncrement/styles.d.ts

@@ -1,4 +1,4 @@
-import { InputBaseParts } from '../InputBase';
-export type NumberIncrementParts = InputBaseParts | 'input' | 'placeholder';
-export type NumberIncrementStates = 'disabled' | 'focus' | 'error';
-export type NumberIncrementComposition = NumberIncrementParts | `${NumberIncrementParts}:${NumberIncrementStates}` | `innerWrapper:cursor`;
+import { FieldParts } from '../Field';
+export type NumberIncrementParts = FieldParts | 'input' | 'placeholder';
+export type NumberIncrementComposition = NumberIncrementParts;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/NumberIncrement/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/NumberIncrement/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAA;AAEvE,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAA"}

package/dist/components/NumberIncrement/types.d.ts

@@ -1,11 +1,22 @@
 import { NumberIncrementComposition } from './styles';
-import { InputBaseProps } from '../InputBase';
 import { PatternFormatProps as PFProps, NumericFormatProps as NFProps } from 'react-number-format';
 import { FormatInputValueFunction } from 'react-number-format/types/types';
-import { StyledProp } from '@codeleap/styles';
+import { ICSS, StyleProp } from '@codeleap/styles';
 import { NumberField } from '@codeleap/form';
-export type NumberIncrementProps = Pick<InputBaseProps, 'debugName' | 'disabled' | 'label'> & {
-    style?: StyledProp<NumberIncrementComposition>;
+import { FieldProps } from '../Field';
+export interface NumberIncrementStyleDef {
+    __internal: Record<NumberIncrementComposition, ICSS>;
+}
+/**
+ * Props for `NumberIncrement`.
+ * `min`/`max` clamp the value on blur and disable the respective increment/decrement button at the boundary (defaults: `min=0`, `max=1000000000`, `step=1`).
+ * `editable` controls whether the user can type directly into the input; `false` makes it a stepper-only control.
+ * `formatter` is a `react-number-format` `FormatInputValueFunction`; providing it switches the underlying input to `NumberFormatBase`, which disables `separator`/`thousandSeparator` props.
+ */
+export type NumberIncrementProps = Pick<FieldProps, 'label' | 'helper'> & {
+    debugName?: string;
+    disabled?: boolean;
+    style?: StyleProp<NumberIncrementComposition, keyof NumberIncrementStyleDef>;
     max?: number;
     min?: number;
     step?: number;
@@ -23,3 +34,4 @@ export type NumberIncrementProps = Pick<InputBaseProps, 'debugName' | 'disabled'
     value?: number;
     onValueChange?: (value: number) => void;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/NumberIncrement/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NumberIncrement/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAClG,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAA;CACrD;AAED;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAC9B,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC,GACpC;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,0BAA0B,EAAE,MAAM,uBAAuB,CAAC,CAAA;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,wBAAwB,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA"}

package/dist/components/NumberIncrement/useNumberIncrement.d.ts

@@ -1,15 +1,20 @@
 import React from 'react';
 import { NumberIncrementProps } from './types';
+/**
+ * Manages value, focus, increment/decrement button disabled state, and keyboard arrow-key handling for `NumberIncrement`.
+ * Clamps the value to `[min, max]` on blur; registers global `keydown` and `mousedown` listeners to track focus outside of React's event system.
+ * No provider required; designed to be called only inside `NumberIncrement`.
+ */
 export declare function useNumberIncrement(props: Partial<NumberIncrementProps>): {
     hasValue: boolean;
     hasError: boolean;
     errorMessage: any;
-    inputValue: number;
+    inputValue: number | undefined;
     isFocused: boolean;
     incrementDisabled: boolean;
     decrementDisabled: boolean;
-    innerInputRef: React.RefObject<HTMLInputElement>;
-    innerWrapperRef: React.RefObject<any>;
+    innerInputRef: React.RefObject<HTMLInputElement | null>;
+    innerWrapperRef: React.RefObject<null>;
     handleBlur: () => void;
     handleFocus: () => void;
     handleChange: (action: "increment" | "decrement") => void;
@@ -56,5 +61,6 @@ export declare function useNumberIncrement(props: Partial<NumberIncrementProps>)
         representation: any;
         options: import("@codeleap/form").FieldOptions<number, any>;
     };
-    wrapperRef: React.RefObject<HTMLDivElement>;
+    wrapperRef: React.RefObject<HTMLDivElement | undefined>;
 };
+//# sourceMappingURL=useNumberIncrement.d.ts.map

package/dist/components/NumberIncrement/useNumberIncrement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberIncrement.d.ts","sourceRoot":"","sources":["../../../src/components/NumberIncrement/useNumberIncrement.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAM9C;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC;;;;;;;;;;;;2BAkD3B,WAAW,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FpE"}

package/dist/components/Overlay/index.d.ts

@@ -2,6 +2,12 @@ import { OverlayProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Visually hidden overlay that transitions to visible state and registers a
+ * browser pop-state entry so the back button can dismiss it.
+ * Renders as `Touchable` when `onPress` or `onClick` is provided, otherwise as `View`.
+ * Uses: `Touchable`, `View`, `useStylesFor`, `WebStyleRegistry`
+ */
 export declare const Overlay: {
     (overlayProps: OverlayProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -10,3 +16,4 @@ export declare const Overlay: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<OverlayProps, typeof styles>) => IJSX;
     defaultProps: Partial<OverlayProps>;
 };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAExE,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;;GAKG;AACH,eAAO,MAAM,OAAO;mBAAkB,YAAY;;;;qBA6CtB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,YAAY,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPrF,CAAA"}

package/dist/components/Overlay/styles.d.ts

@@ -2,3 +2,4 @@ type OverlayState = 'visible';
 type OverlayParts = 'wrapper';
 export type OverlayComposition = OverlayParts | `${OverlayParts}:${OverlayState}`;
 export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Overlay/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/styles.ts"],"names":[],"mappings":"AACA,KAAK,YAAY,GAAG,SAAS,CAAA;AAE7B,KAAK,YAAY,GAAG,SAAS,CAAA;AAE7B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,GAAG,YAAY,IAAI,YAAY,EAAE,CAAA"}

package/dist/components/Overlay/types.d.ts

@@ -1,10 +1,16 @@
-import { StyledProp } from '@codeleap/styles';
+import { StyleProp } from '@codeleap/styles';
 import { ViewProps } from '../View';
 import { OverlayComposition } from './styles';
 import { AnyFunction } from '@codeleap/types';
+export interface OverlayStyleDef {
+}
+/** Props for the `Overlay` component. */
 export type OverlayProps = Omit<ViewProps, 'style'> & {
     debugName: string;
+    /** Controls `wrapper:visible` style variant and back-navigation pop-state registration. */
     visible?: boolean;
-    style?: StyledProp<OverlayComposition>;
+    style?: StyleProp<OverlayComposition, keyof OverlayStyleDef>;
+    /** When provided the overlay renders as `Touchable`; also used as the pop-state handler. */
     onPress?: AnyFunction;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Overlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,WAAW,eAAe;CAAG;AAEnC,yCAAyC;AACzC,MAAM,MAAM,YAAY,GACtB,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACxB;IACE,SAAS,EAAE,MAAM,CAAA;IACjB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,kBAAkB,EAAE,MAAM,eAAe,CAAC,CAAA;IAC5D,4FAA4F;IAC5F,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,CAAA"}