@codeleap/web 6.8.0 → 7.0.1

package/dist/components/List/context.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useCallback, useContext, useRef, useState } from 'react';
+import { useDebounceCallback } from '@codeleap/hooks';
+import { deepEqual } from '@codeleap/utils';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+import { useIsomorphicEffect } from '../../lib/hooks/useIsomorphicEffect';
+import { useElementScroll, useWindowScroll } from './scroll';
+const LIST_STYLE_REGISTRY_NAME = 'List';
+function resolvePadding(props, stylePositioner) {
+    const get = (key) => props[key] ?? stylePositioner?.[key];
+    const p = get('padding') ?? 0;
+    const ph = get('paddingHorizontal') ?? p;
+    const pv = get('paddingVertical') ?? p;
+    return {
+        paddingTop: get('paddingTop') ?? pv,
+        paddingBottom: get('paddingBottom') ?? pv,
+        paddingLeft: get('paddingLeft') ?? ph,
+        paddingRight: get('paddingRight') ?? ph,
+    };
+}
+function useListProvider(props) {
+    const wrapperRef = useRef(null);
+    const [wrapperLayout, setWrapperLayout] = useState(null);
+    const styles = useStylesFor(LIST_STYLE_REGISTRY_NAME, props.style);
+    const stylePositioner = styles?.positioner ?? {};
+    const update = useCallback((target) => {
+        const rect = target.getBoundingClientRect();
+        const next = { width: rect.width, offsetHeight: target.offsetHeight };
+        setWrapperLayout(current => deepEqual(next, current) ? current : next);
+    }, []);
+    const { debounce: updateDebounced } = useDebounceCallback(update, 200);
+    useIsomorphicEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const el = wrapperRef.current;
+        if (!el)
+            return;
+        update(el);
+        const observer = new ResizeObserver(([entry]) => {
+            updateDebounced(entry.target);
+        });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [wrapperRef.current, update, updateDebounced]);
+    const scrollHook = props.scrollHook ?? (props.windowScroll ? useWindowScroll : useElementScroll);
+    const ready = !!wrapperLayout;
+    return {
+        wrapperRef,
+        wrapperLayout,
+        styles: styles,
+        props,
+        scrollHook,
+        ready,
+        padding: resolvePadding(props, stylePositioner),
+    };
+}
+export const ListContext = createContext(null);
+/**
+ * Returns the nearest `List.Provider` context value.
+ * Throws when `required` is `true` (default) and no provider is found; pass `false` to allow optional usage.
+ */
+export const useListContext = (required = true) => {
+    const ctx = useContext(ListContext);
+    if (!ctx && required)
+        throw new Error('useListContext must be used inside List.Provider');
+    return ctx;
+};
+/**
+ * Provides layout measurements, resolved styles, scroll state, and positioner config to all List sub-components.
+ * Must wrap `List.Wrapper` / `List.Items`; `List` renders this automatically when used as the top-level component.
+ */
+export const ListProvider = (props) => {
+    const value = useListProvider(props);
+    return (_jsx(ListContext, { value: value, children: props.children }));
+};
+//# sourceMappingURL=context.js.map

package/dist/components/List/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/List/context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAa,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI5D,MAAM,wBAAwB,GAAG,MAAM,CAAA;AAEvC,SAAS,cAAc,CAAC,KAAwB,EAAE,eAAoC;IACpF,MAAM,GAAG,GAAG,CAAC,GAA2B,EAAE,EAAE,CAAE,KAAa,CAAC,GAAG,CAAC,IAAI,eAAe,EAAE,CAAC,GAAG,CAAC,CAAA;IAE1F,MAAM,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7B,MAAM,EAAE,GAAG,GAAG,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,GAAG,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEtC,OAAO;QACL,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE;QACnC,aAAa,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE;QACzC,WAAW,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE;QACrC,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE;KACxC,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,KAAwB;IAC/C,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAElF,MAAM,MAAM,GAAG,YAAY,CAAC,wBAAwB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAClE,MAAM,eAAe,GAAI,MAAc,EAAE,UAAU,IAAI,EAAE,CAAA;IAEzD,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,MAAmB,EAAE,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAA;QAC3C,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,CAAA;QACrE,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACxE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,mBAAmB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAEtE,mBAAmB,CAAC,GAAG,EAAE;QACvB,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QACzC,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,EAAE;YAAE,OAAM;QAEf,MAAM,CAAC,EAAE,CAAC,CAAA;QAEV,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YAC9C,eAAe,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACpB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAA;IAEjD,MAAM,UAAU,GACd,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;IAE/E,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAA;IAE7B,OAAO;QACL,UAAU;QACV,aAAa;QACb,MAAM,EAAE,MAAsC;QAC9C,KAAK;QACL,UAAU;QACV,KAAK;QACL,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC;KAChD,CAAA;AACH,CAAC;AAID,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAA;AAEvE;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAQ,GAAC,IAAI,EAAoB,EAAE;IAChE,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACnC,IAAI,CAAC,GAAG,IAAI,QAAQ;QAAE,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAA;IACzF,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IACpC,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,YACtB,KAAK,CAAC,QAAQ,GACH,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/components/List/elements.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React, { useCallback, useImperativeHandle, useMemo } from 'react';
+import { useMasonry, usePositioner, useResizeObserver, useInfiniteLoader, useScrollToIndex, } from 'masonic';
+import { TypeGuards } from '@codeleap/types';
+import { View } from '../View';
+import { useListContext } from './context';
+/**
+ * Outer `View` that measures its own dimensions for the Masonic positioner via a `ResizeObserver`.
+ * Must be rendered inside `List.Provider`; forwards extra `ViewProps` to the underlying `View`.
+ */
+export const ListWrapper = ({ children, ...viewProps }) => {
+    const { wrapperRef, styles, padding } = useListContext();
+    return (_jsx(View, { ...viewProps, css: [styles.wrapper, padding, viewProps.css], ref: wrapperRef, children: children }));
+};
+function _ListItemsContent({ data, renderItem: providedRenderItem, fetchNextPage: itemsFetchNextPage, hasNextPage: itemsHasNextPage, ref, }) {
+    const { wrapperRef, wrapperLayout, scrollHook, styles, props, padding } = useListContext();
+    const fetchNextPage = itemsFetchNextPage ?? props.fetchNextPage;
+    const hasNextPage = itemsHasNextPage ?? props.hasNextPage;
+    const { scrollTop, isScrolling, height, width, scrollElement } = scrollHook(wrapperRef, wrapperLayout);
+    const innerWidth = width - padding.paddingLeft - padding.paddingRight;
+    const stylePositioner = styles.positioner ?? {};
+    const positionerConfig = {
+        columnCount: props.columnCount ?? stylePositioner.columnCount ?? 1,
+        columnGutter: props.columnGutter ?? stylePositioner.columnGutter,
+        columnWidth: props.columnWidth ?? stylePositioner.columnWidth,
+        maxColumnCount: props.maxColumnCount ?? stylePositioner.maxColumnCount,
+        maxColumnWidth: props.maxColumnWidth ?? stylePositioner.maxColumnWidth,
+        rowGutter: props.rowGutter ?? stylePositioner.rowGutter,
+    };
+    const positioner = usePositioner({ width: Math.max(0, innerWidth), ...positionerConfig }, [data]);
+    const resizeObserver = useResizeObserver(positioner);
+    const scrollToIndexFn = useScrollToIndex(positioner, {
+        element: scrollElement,
+        height,
+    });
+    useImperativeHandle(ref, () => ({
+        scrollToIndex: (index, options) => {
+            scrollToIndexFn(index);
+        },
+    }), [scrollToIndexFn]);
+    const maybeLoadMore = useInfiniteLoader(async () => {
+        if (hasNextPage)
+            fetchNextPage?.();
+    }, {
+        isItemLoaded: (index, items) => !!items?.[index],
+        ...props.infiniteLoaderProps,
+    });
+    const separator = useMemo(() => {
+        if (!props.separators)
+            return null;
+        return props.ItemSeparatorComponent ?? null;
+    }, [props.separators, props.ItemSeparatorComponent]);
+    const dataLength = data?.length ?? 0;
+    const wrappedRenderItem = useCallback((masonryProps) => {
+        if (!providedRenderItem)
+            return null;
+        const { index, data: item } = masonryProps;
+        const isFirst = index === 0;
+        const isLast = index === dataLength - 1;
+        const isOnly = dataLength === 1;
+        return _jsxs(_Fragment, { children: [isFirst ? null : separator, providedRenderItem({
+                    ...masonryProps,
+                    item,
+                    isFirst,
+                    isLast,
+                    isOnly,
+                })] });
+    }, [providedRenderItem, separator, dataLength]);
+    return useMasonry({
+        positioner,
+        resizeObserver,
+        height: Math.max(1, height),
+        scrollTop,
+        isScrolling,
+        items: data ?? [],
+        render: wrappedRenderItem,
+        onRender: maybeLoadMore,
+    });
+}
+/**
+ * Renders the virtualized Masonic grid once the `List.Wrapper` layout is ready; returns `null` until then.
+ * Handles infinite loading via Masonic's `useInfiniteLoader`, item separators, and exposes a `scrollToIndex` imperative handle via `ref`.
+ * Must be rendered inside `List.Provider`.
+ */
+export function ListItems(props) {
+    const { ready } = useListContext();
+    if (!ready)
+        return null;
+    return _jsx(_ListItemsContent, { ...props });
+}
+/**
+ * Styled slot rendered above `List.Items`; applies the `header` composition style from the list's style sheet.
+ * Must be rendered inside `List.Provider`.
+ */
+export const ListHeader = ({ children, ...viewProps }) => {
+    const { styles } = useListContext();
+    return (_jsx(View, { ...viewProps, css: [styles.header, viewProps.css], children: children }));
+};
+/**
+ * Styled slot rendered below `List.Items`; falls back to `ListProviderProps.ListFooterComponent` when no `children` are given.
+ * Renders nothing when both sources are empty. Must be rendered inside `List.Provider`.
+ */
+export const ListFooter = ({ children, ...viewProps }) => {
+    const { styles, props } = useListContext();
+    const footer = children ?? (TypeGuards.isFunction(props.ListFooterComponent)
+        ? props.ListFooterComponent()
+        : props.ListFooterComponent);
+    if (!footer)
+        return null;
+    return (_jsx(View, { ...viewProps, css: [styles.footer, viewProps.css], children: footer }));
+};
+/**
+ * Renders `ListProviderProps.placeholder` when it is a valid React element; otherwise renders nothing.
+ * Typically used to show an `EmptyPlaceholder` when the list has no data. Must be rendered inside `List.Provider`.
+ */
+export const ListPlaceholder = () => {
+    const { props } = useListContext();
+    const { placeholder } = props;
+    if (React.isValidElement(placeholder))
+        return _jsx(_Fragment, { children: placeholder });
+    return null;
+};
+//# sourceMappingURL=elements.js.map

package/dist/components/List/elements.js.map

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

package/dist/components/List/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
+import { ListProvider } from './context';
+import { ListWrapper, ListItems, ListHeader, ListFooter, ListPlaceholder } from './elements';
+export * from './styles';
+export * from './types';
+export * from './context';
+export * from './elements';
+export * from './scroll';
+/**
+ * Virtualized, optionally multi-column list with built-in infinite scroll, item separators, and a programmable scroll handle.
+ * Rendering is powered by Masonic; the list measures its container via `ResizeObserver` and will not render items until layout is ready.
+ * Uses: `List.Provider`, `List.Wrapper`, `List.Items`, `List.Footer`, `List.Placeholder`
+ */
+export function List(props) {
+    const { data, renderItem, fetchNextPage, hasNextPage, ...providerProps } = { ...List.defaultProps, ...props };
+    return (_jsx(ListProvider, { ...providerProps, children: _jsxs(ListWrapper, { children: [_jsx(ListPlaceholder, {}), _jsx(ListItems, { data: data, renderItem: renderItem, fetchNextPage: fetchNextPage, hasNextPage: hasNextPage }), _jsx(ListFooter, {})] }) }));
+}
+List.Provider = ListProvider;
+List.Wrapper = ListWrapper;
+List.Items = ListItems;
+List.Header = ListHeader;
+List.Footer = ListFooter;
+List.Placeholder = ListPlaceholder;
+List.styleRegistryName = 'List';
+List.elements = ['wrapper', 'list', 'header', 'footer', 'separator', 'placeholder', 'positioner'];
+List.rootElement = 'wrapper';
+List.withVariantTypes = (styles) => {
+    return List;
+};
+List.defaultProps = {
+    separators: true,
+};
+WebStyleRegistry.registerComponent(List);
+//# sourceMappingURL=index.js.map

package/dist/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5F,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAqB,KAAmB;IAC1D,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,aAAa,EACb,WAAW,EACX,GAAG,aAAa,EACjB,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,KAAK,EAAkB,CAAA;IAEtD,OAAO,CACL,KAAC,YAAY,OAAK,aAAa,YAC7B,MAAC,WAAW,eACV,KAAC,eAAe,KAAG,EACnB,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,GACxB,EACF,KAAC,UAAU,KAAG,IACF,GACD,CAChB,CAAA;AACH,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;AAC5B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;AACtB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAA;AAElC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;AACjG,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAA8F,CAAA;AACvG,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,UAAU,EAAE,IAAI;CACe,CAAA;AAEjC,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/List/scroll.js

@@ -0,0 +1,75 @@
+import { useState } from 'react';
+import { useContainerPosition, useScroller as useMasonicScroller, } from 'masonic';
+import { useIsomorphicEffect } from '../../lib/hooks/useIsomorphicEffect';
+import { useWindowSize } from '../../lib/hooks/useWindowSize';
+function useElementScroller(ref) {
+    const [isScrolling, setIsScrolling] = useState(false);
+    const [scrollTop, setScrollTop] = useState(0);
+    useIsomorphicEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const { current } = ref;
+        let tick;
+        if (current) {
+            const handleScroll = () => {
+                if (tick)
+                    return;
+                tick = window.requestAnimationFrame(() => {
+                    setScrollTop(current.scrollTop);
+                    tick = void 0;
+                });
+            };
+            current.addEventListener('scroll', handleScroll);
+            return () => {
+                current.removeEventListener('scroll', handleScroll);
+                if (tick)
+                    window.cancelAnimationFrame(tick);
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [ref.current]);
+    useIsomorphicEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        setIsScrolling(true);
+        const to = window.setTimeout(() => {
+            setIsScrolling(false);
+        }, 1000 / 6);
+        return () => window.clearTimeout(to);
+    }, [scrollTop]);
+    return { scrollTop, isScrolling };
+}
+/**
+ * `UseListScrollHook` implementation that tracks scroll position on a specific container element.
+ * Use when the list's `List.Wrapper` is itself the scrolling surface (i.e. `overflow: auto/scroll`).
+ * This is the default scroll hook; override via `ListProviderProps.scrollHook` or set `windowScroll` to switch to `useWindowScroll`.
+ */
+export const useElementScroll = (wrapperRef, layout) => {
+    const { scrollTop, isScrolling } = useElementScroller(wrapperRef);
+    return {
+        scrollTop,
+        isScrolling,
+        height: layout?.offsetHeight ?? 0,
+        width: layout?.width ?? 0,
+        scrollElement: wrapperRef,
+    };
+};
+/**
+ * `UseListScrollHook` implementation that tracks the browser window scroll position.
+ * Use when the page itself is the scrolling surface (e.g. no overflow container around the list).
+ * Enable via `ListProviderProps.windowScroll` or by passing this directly to `ListProviderProps.scrollHook`.
+ */
+export const useWindowScroll = (wrapperRef, layout) => {
+    const windowSize = useWindowSize();
+    const windowHeight = windowSize[1];
+    const { offset } = useContainerPosition(wrapperRef, windowSize);
+    const { scrollTop, isScrolling } = useMasonicScroller(offset);
+    return {
+        scrollTop,
+        isScrolling,
+        height: windowHeight,
+        width: layout?.width ?? 0,
+        scrollElement: typeof window !== 'undefined' ? window : null,
+    };
+};
+//# sourceMappingURL=scroll.js.map

package/dist/components/List/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../src/components/List/scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,WAAW,IAAI,kBAAkB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAG7D,SAAS,kBAAkB,CAAC,GAAiC;IAC3D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE7C,mBAAmB,CAAC,GAAG,EAAE;QACvB,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QACzC,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAA;QACvB,IAAI,IAAwB,CAAA;QAE5B,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,YAAY,GAAG,GAAG,EAAE;gBACxB,IAAI,IAAI;oBAAE,OAAM;gBAChB,IAAI,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBACvC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;oBAC/B,IAAI,GAAG,KAAK,CAAC,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CAAA;YAED,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAChD,OAAO,GAAG,EAAE;gBACV,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;gBACnD,IAAI,IAAI;oBAAE,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;YAC7C,CAAC,CAAA;QACH,CAAC;QACH,uDAAuD;IACvD,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAEjB,mBAAmB,CAAC,GAAG,EAAE;QACvB,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QACzC,cAAc,CAAC,IAAI,CAAC,CAAA;QACpB,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAChC,cAAc,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAA;QACZ,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA;AACnC,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAsB,CAAC,UAAwC,EAAE,MAAgC,EAAE,EAAE;IAChI,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACjE,OAAO;QACL,SAAS;QACT,WAAW;QACX,MAAM,EAAE,MAAM,EAAE,YAAY,IAAI,CAAC;QACjC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QACzB,aAAa,EAAE,UAAU;KAC1B,CAAA;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAsB,CAAC,UAAwC,EAAE,MAAgC,EAAE,EAAE;IAC/H,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;IAC/D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC7D,OAAO;QACL,SAAS;QACT,WAAW;QACX,MAAM,EAAE,YAAY;QACpB,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QACzB,aAAa,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;KAC7D,CAAA;AACH,CAAC,CAAA"}

package/dist/components/List/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/List/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/List/styles.ts"],"names":[],"mappings":""}

package/dist/components/List/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/List/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":""}

package/dist/components/LoadingOverlay/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { View } from '../View';
+import { ActivityIndicator } from '../ActivityIndicator';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+import { useNestedStylesByKey } from '@codeleap/styles';
+import { WebStyleRegistry } from '../../lib/WebStyleRegistry';
+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 const LoadingOverlay = (props) => {
+    const { visible, children, style, indicatorProps, debugName, ...rest } = {
+        ...LoadingOverlay.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(LoadingOverlay.styleRegistryName, style);
+    const indicatorStyles = useNestedStylesByKey('indicator', styles);
+    return (_jsxs(View, { ...rest, style: [styles.wrapper, visible && styles['wrapper:visible']], children: [_jsx(ActivityIndicator, { debugName: debugName, ...indicatorProps, style: indicatorStyles }), children] }));
+};
+LoadingOverlay.styleRegistryName = 'LoadingOverlay';
+LoadingOverlay.elements = ['wrapper', 'indicator'];
+LoadingOverlay.rootElement = 'wrapper';
+LoadingOverlay.withVariantTypes = (styles) => {
+    return LoadingOverlay;
+};
+LoadingOverlay.defaultProps = {};
+WebStyleRegistry.registerComponent(LoadingOverlay);
+//# sourceMappingURL=index.js.map

package/dist/components/LoadingOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,GAAG;QACF,GAAG,cAAc,CAAC,YAAY;QAC9B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,cAAc,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEpE,MAAM,eAAe,GAAG,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEjE,OAAO,CACL,MAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,aAC3E,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,KAAM,cAAc,EAAE,KAAK,EAAE,eAAe,GAAI,EACtF,QAAQ,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,iBAAiB,GAAG,gBAAgB,CAAA;AACnD,cAAc,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;AAClD,cAAc,CAAC,WAAW,GAAG,SAAS,CAAA;AAEtC,cAAc,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACnE,OAAO,cAA2F,CAAA;AACpG,CAAC,CAAA;AAED,cAAc,CAAC,YAAY,GAAG,EAAkC,CAAA;AAEhE,gBAAgB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA"}

package/dist/components/LoadingOverlay/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/LoadingOverlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/styles.ts"],"names":[],"mappings":""}

package/dist/components/LoadingOverlay/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/LoadingOverlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/types.ts"],"names":[],"mappings":""}

package/dist/components/MaskedTextInput/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useIMask } from 'react-imask';
+import { TextInput } from '../TextInput';
+import { maskPresets } from './mask';
+import { useMemo, useCallback } from 'react';
+import { TypeGuards } from '@codeleap/types';
+export * from './types';
+/**
+ * `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 const MaskedTextInput = (props) => {
+    const { maskType, maskOptions: customMaskOptions, onAccept, onComplete, unmask = false, onValueChange, value, ...textInputProps } = props;
+    const maskOptions = useMemo(() => {
+        const preset = maskType ? maskPresets[maskType] : {};
+        return {
+            ...preset,
+            ...customMaskOptions,
+            unmask,
+        };
+    }, [maskType, customMaskOptions, unmask]);
+    const handleAccept = useCallback((value, maskRef, e) => {
+        onAccept?.(value, maskRef, e);
+        onValueChange?.(value);
+    }, [onAccept, onValueChange]);
+    const { ref: maskRef } = useIMask(maskOptions, {
+        onAccept: handleAccept,
+        onComplete,
+    });
+    const placeholder = textInputProps?.placeholder ?? (TypeGuards.isString(maskOptions?.mask) ? maskOptions?.mask : undefined);
+    return (_jsx(TextInput, { ...textInputProps, placeholder: placeholder, ref: maskRef, value: value, onValueChange: onValueChange }));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/MaskedTextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MaskedTextInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EACJ,QAAQ,EACR,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EACR,UAAU,EACV,MAAM,GAAG,KAAK,EACd,aAAa,EACb,KAAK,EACL,GAAG,cAAc,EAClB,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAEpD,OAAO;YACL,GAAG,MAAM;YACT,GAAG,iBAAiB;YACpB,MAAM;SACP,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,OAAY,EAAE,CAAc,EAAE,EAAE;QAC/E,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;QAC7B,aAAa,EAAE,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAA;IAE7B,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAkB,EAAE;QACpD,QAAQ,EAAE,YAAY;QACtB,UAAU;KACX,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAE3H,OAAO,CACL,KAAC,SAAS,OACJ,cAAc,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,OAAc,EACnB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,GAC5B,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/MaskedTextInput/mask.js

@@ -0,0 +1,34 @@
+export const maskPresets = {
+    'credit-card': {
+        mask: '0000 0000 0000 0000',
+        lazy: false,
+        placeholderChar: '0',
+    },
+    'cpf': {
+        mask: '000.000.000-00',
+        lazy: false,
+        placeholderChar: '0',
+    },
+    'cnpj': {
+        mask: '00.000.000/0000-00',
+        lazy: false,
+        placeholderChar: '0',
+    },
+    'zip-code': {
+        mask: '00000-000',
+        lazy: false,
+        placeholderChar: '0',
+    },
+    'cel-phone': {
+        mask: '+000 000 000 000',
+        lazy: false,
+        placeholderChar: '0',
+    },
+    'cel-phone-brl': {
+        mask: '(00) 00000-0000',
+        lazy: false,
+        placeholderChar: '0',
+    },
+    'custom': {},
+};
+//# sourceMappingURL=mask.js.map

package/dist/components/MaskedTextInput/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sourceRoot":"","sources":["../../../src/components/MaskedTextInput/mask.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,WAAW,GAAkE;IACxF,aAAa,EAAE;QACb,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;IACD,WAAW,EAAE;QACX,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;IACD,eAAe,EAAE;QACf,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;IACD,QAAQ,EAAE,EAAE;CACb,CAAA"}

package/dist/components/MaskedTextInput/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/MaskedTextInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/MaskedTextInput/types.ts"],"names":[],"mappings":""}

package/dist/components/Modal/context.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { useStylesFor } from '../../lib/hooks/useStylesFor';
+function useModalProvider({ children: _children, ...props }) {
+    const styles = useStylesFor('Modal', props.style);
+    const close = () => {
+        props.toggle?.();
+        props.onClose?.();
+    };
+    return {
+        props,
+        styles: styles,
+        close,
+    };
+}
+export const ModalContext = createContext(null);
+/**
+ * Reads the nearest `Modal.Provider` context value.
+ * Throws if called outside a `Modal.Provider` tree.
+ */
+export const useModalContext = () => {
+    const ctx = useContext(ModalContext);
+    if (!ctx)
+        throw new Error('useModalContext must be used inside Modal.Provider');
+    return ctx;
+};
+/**
+ * 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 const ModalProvider = (props) => {
+    const value = useModalProvider(props);
+    return (_jsx(ModalContext.Provider, { value: value, children: props.children }));
+};
+//# sourceMappingURL=context.js.map

package/dist/components/Modal/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/Modal/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACrE,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,CAAC,MAAM,EAAE,EAAE,CAAA;QAChB,KAAK,CAAC,OAAO,EAAE,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,OAAO;QACL,KAAK;QACL,MAAM,EAAE,MAAuC;QAC/C,KAAK;KACN,CAAA;AACH,CAAC;AAID,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAsB,EAAE;IACrD,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACpC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IAC/E,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;IACjD,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACrC,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,KAAK,CAAC,QAAQ,GACO,CACzB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Modal/elements.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { ModalOverlay, Modal as RACModal, Dialog, Heading, } from 'react-aria-components';
+import { TypeGuards } from '@codeleap/types';
+import { View } from '../View';
+import { Text } from '../Text';
+import { useModalContext } from './context';
+/**
+ * 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 const ModalBackdrop = ({ children }) => {
+    const { styles, close, props } = useModalContext();
+    return (_jsx(ModalOverlay, { isOpen: !!props.visible, onOpenChange: (open) => { if (!open)
+            close(); }, isDismissable: !!(props.closable && props.dismissOnBackdrop), isKeyboardDismissDisabled: !props.closeOnEscape, css: styles.backdrop, children: children }));
+};
+/**
+ * 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 const ModalBox = ({ children, 'aria-label': ariaLabel }) => {
+    const { styles, props } = useModalContext();
+    const resolvedAriaLabel = ariaLabel ?? (!props.title ? (props.debugName ?? 'Dialog') : undefined);
+    return (_jsx(RACModal, { css: styles.box, children: _jsx(Dialog, { "aria-label": resolvedAriaLabel, children: children }) }));
+};
+/**
+ * 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 const ModalHeader = ({ title, description, showClose, renderClose } = {}) => {
+    const { styles, close, props: ctxProps } = useModalContext();
+    const resolvedTitle = title ?? ctxProps.title;
+    const resolvedDescription = description ?? ctxProps.description;
+    const resolvedShowClose = showClose ?? ctxProps.showClose;
+    const resolvedRenderClose = renderClose ?? ctxProps.renderClose;
+    const showCloseButton = resolvedShowClose !== false && TypeGuards.isFunction(resolvedRenderClose);
+    const hasHeader = !!resolvedTitle || !!resolvedDescription || showCloseButton;
+    if (!hasHeader)
+        return null;
+    const titleElement = TypeGuards.isString(resolvedTitle) ? (_jsx(Text, { component: Heading, text: resolvedTitle, slot: 'title', css: styles.title })) : (resolvedTitle ?? null);
+    return (_jsxs(_Fragment, { children: [_jsxs(View, { component: 'header', style: styles.header, children: [titleElement, resolvedRenderClose?.({ close }) ?? null] }), resolvedDescription && (TypeGuards.isString(resolvedDescription) ? (_jsx(Text, { text: resolvedDescription, style: styles.description })) : resolvedDescription)] }));
+};
+/**
+ * Scrollable content area of the modal.
+ * Must be rendered inside `Modal.Provider`.
+ * Uses: `View`
+ */
+export const ModalBody = ({ children }) => {
+    const { styles } = useModalContext();
+    return _jsx(View, { style: styles.body, children: children });
+};
+/**
+ * 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 const ModalFooter = ({ children }) => {
+    const { styles, props } = useModalContext();
+    const content = children ?? props.footer;
+    if (!content)
+        return null;
+    return _jsx(View, { component: 'footer', style: styles.footer, children: content });
+};
+//# sourceMappingURL=elements.js.map

package/dist/components/Modal/elements.js.map

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