@codeleap/web 6.2.3 → 6.8.0

package/dist/components/Dropzone/useDropzone.d.ts

@@ -0,0 +1,14 @@
+import { DropzoneHandle, UseDropzoneOptions } from './types';
+/**
+ * Creates a `DropzoneHandle` — the service object that owns drag-and-drop
+ * mechanics. The returned `dropzone` field is the full react-dropzone state
+ * pass-through (`getRootProps`, `getInputProps`, `open`, `isDragActive`,
+ * `isDragAccept`, `isDragReject`, `isDragGlobal`, etc.).
+ *
+ * Pass the handle to `Dropzone.Provider` to wire it into the component tree,
+ * or use it directly when you need access to the drag state outside JSX.
+ * File management is the caller's responsibility — use the `onDrop` callback
+ * to receive accepted and rejected files.
+ */
+export declare function useDropzone(options?: UseDropzoneOptions): DropzoneHandle;
+//# sourceMappingURL=useDropzone.d.ts.map

package/dist/components/Dropzone/useDropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/useDropzone.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5D;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,cAAc,CAG5E"}

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

@@ -2,6 +2,11 @@ import { EmptyPlaceholderProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
+/**
+ * Communicates an empty or loading state for a content region with an optional icon/image, title, and description.
+ * When `loading` is `true`, replaces all content with an `ActivityIndicator`; when `renderEmpty` is provided, it takes over the entire content layout.
+ * Uses: `Icon`, `Text`, `ActivityIndicator`
+ */
 export declare const EmptyPlaceholder: {
     (props: EmptyPlaceholderProps): import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
@@ -11,3 +16,4 @@ export declare const EmptyPlaceholder: {
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<EmptyPlaceholderProps, typeof styles>) => IJSX;
     defaultProps: Partial<EmptyPlaceholderProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAG/C,OAAO,EAAE,SAAS,EAAW,IAAI,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAA;AAEvG,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;;;;;qBA+FxB,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,qBAAqB,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAPvG,CAAA"}

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

@@ -1,2 +1,3 @@
 import { ActivityIndicatorComposition } from '../ActivityIndicator';
 export type EmptyPlaceholderComposition = 'wrapper:loading' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'wrapper' | 'title' | 'description' | 'image' | 'imageWrapper' | 'icon';
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAEnE,MAAM,MAAM,2BAA2B,GACnC,iBAAiB,GACjB,SAAS,UAAU,CAAC,4BAA4B,CAAC,EAAE,GACnD,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,GACP,cAAc,GACd,MAAM,CAAA"}

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

@@ -4,7 +4,9 @@ import { ActivityIndicatorComposition, ActivityIndicatorProps } from '../Activit
 import { EmptyPlaceholderComposition } from './styles';
 import { StylesOf } from '@codeleap/types';
 import { ComponentCommonProps } from '../../types';
-import { AppIcon, StyledProp } from '@codeleap/styles';
+import { AppIcon, StyleProp } from '@codeleap/styles';
+export interface EmptyPlaceholderStyleDef {
+}
 type RenderEmptyProps = {
     emptyText: string | React.ReactElement;
     emptyIconName?: AppIcon;
@@ -12,6 +14,13 @@ type RenderEmptyProps = {
         activityIndicatorStyles: StylesOf<ActivityIndicatorComposition>;
     };
 };
+/**
+ * @field itemName - Auto-generates a `"No {itemName} found."` title when `title` is not provided.
+ * @field loading - When `true`, hides content and renders an `ActivityIndicator` instead.
+ * @field icon - Theme-registered icon name or a render-function component; ignored when `image` is set.
+ * @field renderEmpty - Fully replaces the default content layout; receives resolved text, icon name, and styles.
+ * @field ImageComponent - Defaults to `"img"`; swap for a framework image component (e.g. Next.js `Image`).
+ */
 export type EmptyPlaceholderProps = ComponentCommonProps & {
     itemName?: string;
     title?: React.ReactElement | string;
@@ -20,7 +29,7 @@ export type EmptyPlaceholderProps = ComponentCommonProps & {
     image?: string;
     imageProps?: ImgHTMLAttributes<HTMLImageElement>;
     loading?: boolean;
-    style?: StyledProp<EmptyPlaceholderComposition>;
+    style?: StyleProp<EmptyPlaceholderComposition, keyof EmptyPlaceholderStyleDef>;
     renderEmpty?: (props: RenderEmptyProps) => React.ReactElement;
     wrapperProps?: ViewProps;
     imageWrapperProps?: ViewProps;
@@ -28,3 +37,4 @@ export type EmptyPlaceholderProps = ComponentCommonProps & {
     ImageComponent?: React.ComponentType;
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAC3F,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AAEjE,MAAM,WAAW,wBAAwB;CAAG;AAE5C,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IACtC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,EAAE,QAAQ,CAAC,2BAA2B,CAAC,GAAG;QAC9C,uBAAuB,EAAE,QAAQ,CAAC,4BAA4B,CAAC,CAAA;KAChE,CAAA;CACF,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,qBAAqB,GAC/B,oBAAoB,GACpB;IACE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAA;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAA;IACzC,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,2BAA2B,EAAE,MAAM,wBAAwB,CAAC,CAAA;IAC9E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,YAAY,CAAA;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;IAChD,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACrC,CAAA"}

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

@@ -0,0 +1,26 @@
+import { FieldProps } from './types';
+import { FieldStateContext } from './styles';
+/** Derives stable ARIA `label` and `helper` element IDs from a base field ID. */
+export declare const getFieldIds: (baseId: string) => {
+    label: string;
+    helper: string;
+};
+/**
+ * Context provider for `Field`; computes styles and state data from `FieldProps`
+ * and makes them available to all `Field.*` sub-elements.
+ * Must wrap any composition that uses `useFieldContext`.
+ */
+export declare const FieldProvider: ({ children, ...props }: React.PropsWithChildren<FieldProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * Reads the nearest `FieldProvider` context.
+ * Must be called inside a component rendered within `FieldProvider`.
+ */
+export declare const useFieldContext: () => {
+    props: FieldProps;
+    styles: Record<import("./styles").FieldParts, import("@codeleap/styles").ICSS>;
+    stateContext: FieldStateContext;
+    getClassName: (...suffixes: string[]) => string;
+    labelId: string;
+    helperId: string;
+};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Field/context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,iFAAiF;AACjF,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM;;;CAGxC,CAAA;AAwCF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,wBAAuB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,qDAKvF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;gCAxCS,MAAM,EAAE;;;CAwCgB,CAAA"}

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

@@ -0,0 +1,63 @@
+import React, { RefObject } from 'react';
+import { FieldSectionProps } from './types';
+import { ICSS } from '@codeleap/styles';
+type HeadingProps = React.PropsWithChildren<{
+    style?: ICSS;
+    component?: React.ComponentType<any>;
+    ref?: RefObject<HTMLParagraphElement | null>;
+}>;
+/**
+ * Renders the field label linked to the input via `aria-labelledby`.
+ * Reads content from `FieldProvider` context; renders nothing when no label is present.
+ * Must be inside `FieldProvider`.
+ */
+export declare const FieldHeading: (props: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+type HelperProps = React.PropsWithChildren<{
+    style?: ICSS;
+    component?: React.ComponentType<any>;
+    ref?: RefObject<HTMLParagraphElement | null>;
+}>;
+/**
+ * Renders the field helper/description text.
+ * Reads content from `FieldProvider` context; renders nothing when no helper is present.
+ * Must be inside `FieldProvider`.
+ */
+export declare const FieldHelper: (props: HelperProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+type BoxProps = React.PropsWithChildren<{
+    style?: ICSS;
+    component?: React.ComponentType<any>;
+    onPress?: () => void;
+    ref?: RefObject<HTMLElement | null>;
+    [key: string]: any;
+}>;
+/**
+ * Input container row that receives state `data-*` attributes from context;
+ * renders as `Touchable` when `onPress` is provided, otherwise as `View`.
+ * Must be inside `FieldProvider`.
+ * Uses: `View`, `Touchable`
+ */
+export declare const FieldBox: ({ component, style, ref, children, onPress, ...rest }: BoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+type WrapperProps = React.PropsWithChildren<{
+    style?: ICSS;
+    component?: React.ComponentType<any>;
+    ref?: RefObject<HTMLDivElement | null>;
+}>;
+/**
+ * Outermost container for the full field layout; forwards state `data-*`
+ * attributes and resolves the `wrapperRef` from context.
+ * Must be inside `FieldProvider`.
+ */
+export declare const FieldWrapper: (props: WrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+type SectionSlotProps = React.PropsWithChildren<{
+    position?: FieldSectionProps['data-section-position'];
+    style?: ICSS;
+    component?: React.ComponentType<FieldSectionProps>;
+}>;
+/**
+ * Renders either the `leftSection` or `rightSection` prop from `FieldProvider`
+ * context; supports static ReactNode and render-function forms.
+ * Must be inside `FieldProvider`.
+ */
+export declare const SectionSlot: (props: SectionSlotProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=elements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/components/Field/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAIvC,KAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1C,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAC,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY,4DAa/C,CAAA;AAED,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACzC,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAC,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,WAAW,4DAa7C,CAAA;AAED,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtC,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAC,CAAA;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,uDAA8D,QAAQ,qDAiB9F,CAAA;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1C,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACvC,CAAC,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,YAAY,qDAS/C,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC9C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,uBAAuB,CAAC,CAAA;IACrD,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;CACnD,CAAC,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4DA8BlD,CAAA"}

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

@@ -0,0 +1,66 @@
+import { AnyRecord } from '@codeleap/types';
+import { FieldProps } from './types';
+import { IJSX, StyledComponentProps } from '@codeleap/styles';
+/**
+ * Form field layout shell that composes a label, input box, helper text, and
+ * left/right section slots around any input child; distributes state (disabled,
+ * error, focused, hasValue) via context to all sub-elements.
+ * Exposes: `Field.Wrapper`, `Field.Box`, `Field.Heading`, `Field.Helper`,
+ * `Field.SectionSlot`, `Field.Provider`, `Field.getIds`.
+ * Uses: `FieldProvider`, `FieldWrapper`, `FieldHeading`, `FieldBox`, `FieldHelper`,
+ * `SectionSlot`, `WebStyleRegistry`
+ */
+export declare const Field: {
+    (props: React.PropsWithChildren<FieldProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<FieldProps, typeof styles>) => IJSX;
+    styleRegistryName: string;
+    rootElement: string;
+    elements: string[];
+    SectionSlot: (props: {
+        position?: import("./types").FieldSectionProps["data-section-position"];
+        style?: import("@codeleap/styles").ICSS;
+        component?: React.ComponentType<import("./types").FieldSectionProps>;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+    Box: ({ component, style, ref, children, onPress, ...rest }: {
+        [key: string]: any;
+        style?: import("@codeleap/styles").ICSS;
+        component?: React.ComponentType<any>;
+        onPress?: () => void;
+        ref?: import("react").RefObject<HTMLElement | null>;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Wrapper: (props: {
+        style?: import("@codeleap/styles").ICSS;
+        component?: React.ComponentType<any>;
+        ref?: import("react").RefObject<HTMLDivElement | null>;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Heading: (props: {
+        style?: import("@codeleap/styles").ICSS;
+        component?: React.ComponentType<any>;
+        ref?: import("react").RefObject<HTMLParagraphElement | null>;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+    Helper: (props: {
+        style?: import("@codeleap/styles").ICSS;
+        component?: React.ComponentType<any>;
+        ref?: import("react").RefObject<HTMLParagraphElement | null>;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+    Provider: ({ children, ...props }: React.PropsWithChildren<FieldProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    getIds: (baseId: string) => {
+        label: string;
+        helper: string;
+    };
+};
+export * from './context';
+export * from './styles';
+export * from './types';
+export * from './useFieldInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAG7D;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC;qBAetC,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,UAAU,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAHjF,CAAA;AAsBD,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA"}

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

@@ -0,0 +1,15 @@
+import { ComponentContext } from '@codeleap/styles';
+export type FieldBoxSections = 'section' | 'leftSection' | 'rightSection';
+export type FieldParts = 'wrapper' | 'box' | 'heading' | 'helper' | FieldBoxSections;
+export type FieldComposition = FieldParts;
+/**
+ * Runtime state flags threaded through `FieldProvider` and forwarded as
+ * `data-*` attributes to every layout element so styles can react to them.
+ */
+export interface FieldStateContext extends ComponentContext {
+    hasValue?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    focused?: boolean;
+}
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAA;AAEzE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,CAAA;AAEpF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA;AAEzC;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB"}

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

@@ -0,0 +1,46 @@
+import React, { RefObject } from 'react';
+import { FieldComposition, FieldStateContext } from './styles';
+import { ICSS, StyleProp } from '@codeleap/styles';
+import { DataAttrs } from '../../lib';
+export interface FieldStyleDef {
+    __internal: Record<FieldComposition, ICSS>;
+}
+/** HTML `data-*` attribute counterparts of `FieldStateContext`, forwarded to DOM elements. */
+export type FieldStateDataProps = DataAttrs<FieldStateContext>;
+/**
+ * Props injected into a function-style `leftSection` or `rightSection` renderer.
+ * Carries state data attributes so the section can style itself based on field state.
+ */
+export type FieldSectionProps = {
+    'data-section-position'?: 'left' | 'right';
+    className?: string;
+    style?: ICSS;
+} & FieldStateDataProps;
+type FieldSection = React.ReactNode | ((state: FieldSectionProps) => React.ReactNode);
+/**
+ * Props for the `Field` component.
+ *
+ * State flags in `context` (disabled, error, focused, hasValue) are forwarded
+ * as `data-*` attributes to every layout element so CSS can style them.
+ */
+export type FieldProps = {
+    id?: string;
+    label?: React.ReactNode;
+    /** Help text rendered below the field box by `Field.Helper`. */
+    helper?: React.ReactNode;
+    /** ReactNode or render function placed in the left slot of `Field.Box`. */
+    leftSection?: FieldSection;
+    /** ReactNode or render function placed in the right slot of `Field.Box`. */
+    rightSection?: FieldSection;
+    style?: StyleProp<FieldComposition, keyof FieldStyleDef>;
+    /** State flags that drive disabled/error/focused/hasValue styling. */
+    context?: FieldStateContext;
+    /** Added as a BEM-style prefix to generated class names alongside `field`. */
+    componentName?: string;
+    boxRef?: RefObject<HTMLElement>;
+    wrapperRef?: RefObject<HTMLElement>;
+};
+/** Subset of `FieldProps` exposed to consumer components that embed a `Field`. */
+export type FieldExternalProps = Pick<FieldProps, 'label' | 'helper' | 'leftSection' | 'rightSection' | 'wrapperRef' | 'boxRef'>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAc,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAA;CAC3C;AAED,8FAA8F;AAC9F,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAE9D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,CAAA;CACb,GAAG,mBAAmB,CAAA;AAEvB,KAAK,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;AAErF;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,gEAAgE;IAChE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAA;IACxD,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,MAAM,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;CACtC,CAAA;AAED,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAA"}

package/dist/components/{InputBase/useInputBase.d.ts → Field/useFieldInput.d.ts}

@@ -1,6 +1,16 @@
 import { Field, IFieldRef } from '@codeleap/form';
 import { AnyRecord } from '@codeleap/types';
-export declare function useInputBase<V, T extends Field<V, any, any, unknown> = Field<V, any, any, unknown>>(field: T, defaultField: (options?: AnyRecord) => T, internalState: {
+/**
+ * Bridges a `@codeleap/form` `Field` instance with an input element's DOM ref,
+ * or falls back to uncontrolled internal state when `onValueChange` and `value`
+ * are both provided.
+ *
+ * When a `field` instance is used, the hook registers blur/focus/getValue
+ * callbacks so the form layer can drive the input programmatically.
+ *
+ * Requires a `@codeleap/form` `Field` instance; does not need a React context.
+ */
+export declare function useFieldInput<V, T extends Field<V, any, any, any> = Field<V, any, any, any>>(field: T, defaultField: ((options?: AnyRecord) => T) | undefined, internalState: {
     value: V;
     onValueChange: (value: V) => void;
 }, params?: Partial<IFieldRef<V>>, deps?: any[]): {
@@ -36,7 +46,7 @@ export declare function useInputBase<V, T extends Field<V, any, any, unknown> =
         message: any;
         showError: boolean;
         isUnset: boolean;
-        validation: import("@codeleap/form").ValidationResult<any, unknown>;
+        validation: import("@codeleap/form").ValidationResult<any, any>;
         value: V | import("nanostores").StoreValue<V extends object ? import("nanostores").MapStore<V> : never>;
     } | {
         onInputBlurred(): void;
@@ -51,9 +61,10 @@ export declare function useInputBase<V, T extends Field<V, any, any, unknown> =
         isUnset: boolean;
         validation: import("@codeleap/form").ValidationResult<any, unknown>;
         value: unknown;
-    };
-    wrapperRef: import("react").RefObject<HTMLDivElement>;
-    innerInputRef: import("react").RefObject<HTMLInputElement>;
+    } | undefined;
+    wrapperRef: import("react").RefObject<HTMLDivElement | undefined>;
+    innerInputRef: import("react").RefObject<HTMLInputElement | null>;
     inputValue: V;
-    onInputValueChange: (value: V) => void;
+    onInputValueChange: ((value: V) => void) | undefined;
 };
+//# sourceMappingURL=useFieldInput.d.ts.map

package/dist/components/Field/useFieldInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/Field/useFieldInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAoB,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,SAAS,EAAc,MAAM,iBAAiB,CAAA;AAEvD;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAG,CAAC,SAAS,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3F,KAAK,EAAE,CAAC,EACR,YAAY,GAAE,CAAC,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,aAAyB,EACjE,aAAa,EAAE;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;CAAE,EAC9D,MAAM,GAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAM,EAClC,IAAI,GAAE,GAAG,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAoCiD,CAAC;iCAtChB,CAAC,KAAK,IAAI;EAyC7D"}

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

@@ -1,6 +1,12 @@
 import { FileInputProps } from './types';
 export * from './types';
+/**
+ * Invisible file-input that delegates file selection to the browser's native picker, exposed imperatively via `ref`.
+ * Renders a zero-size hidden `<input type="file">` — pair with a visible trigger that calls `ref.current.openFilePicker()`.
+ * Uses: `FileInputRef`
+ */
 export declare const FileInput: {
     (props: FileInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
     defaultProps: Partial<FileInputProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,SAAS;YAAW,cAAc;;CA8D9C,CAAA"}

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

@@ -1,12 +1,20 @@
 import { WebInputFile } from '@codeleap/types';
 import { HTMLProps } from '../../types';
 import { RefObject } from 'react';
+/**
+ * Imperative handle exposed via `ref` on `FileInput`.
+ */
 export type FileInputRef = {
+    /** Opens the native file picker and resolves with the selected files. */
     openFilePicker: () => Promise<WebInputFile[]>;
+    /** Resets the underlying `<input>` value so the same file can be re-selected. */
     clear: () => void;
 };
 export type FileInputProps = Omit<HTMLProps<'input'>, 'type' | 'ref'> & {
+    /** Called with the selected files after the user dismisses the picker. */
     onFileSelect?: (files: WebInputFile[]) => void;
+    /** When `true` (default), the input value is cleared after each selection so the same file can trigger `onChange` again. */
     autoClear?: boolean;
     ref?: RefObject<FileInputRef | null>;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,yEAAyE;IACzE,cAAc,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IAC7C,iFAAiF;IACjF,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GACxB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,GACxC;IACE,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC9C,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,CAAC,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CACrC,CAAA"}

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

@@ -2,11 +2,18 @@ import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 import { IconProps } from './types';
 export * from './styles';
 export * from './types';
+/**
+ * Renders a theme-registered SVG icon; automatically wraps in `Touchable` when
+ * `onPress` is provided, and can render a sized empty placeholder when `icon` is absent.
+ * Uses: `Touchable`, `View`, `useStylesFor`, `WebStyleRegistry`
+ */
 export declare const Icon: {
-    (props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    Accessory(props: IconProps): (renderProps: Partial<IconProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;
     withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<IconProps, typeof styles>) => IJSX;
     defaultProps: Partial<IconProps>;
 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAW,IAAI,EAAE,oBAAoB,EAAY,MAAM,kBAAkB,CAAA;AAE3F,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAInC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;GAIG;AACH,eAAO,MAAM,IAAI;YAAU,SAAS;qBA8CZ,SAAS,iBACK,OAAO,CAAC,SAAS,CAAC;;;;qBAa/B,CAAC,SAAS,SAAS,UAAU,CAAC,GACtC,CAAC,KAAK,EAAE,oBAAoB,CAAC,SAAS,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI;;CAjB/E,CAAA"}

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

@@ -1 +1,2 @@
 export type IconComposition = 'icon';
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA"}

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

@@ -1,12 +1,22 @@
 import { ComponentCommonProps } from '../../types';
 import { IconComposition } from './styles';
-import { AppIcon, StyledProp } from '@codeleap/styles';
+import { AppIcon, StyleProp } from '@codeleap/styles';
 import { CSSProperties } from 'react';
+export interface IconStyleDef {
+}
+/** Props for the `Icon` component. */
 export type IconProps = ComponentCommonProps & {
-    name: AppIcon;
-    style?: StyledProp<IconComposition>;
+    /** Theme-registered icon name; renders nothing (or a sized placeholder) when absent. */
+    icon: AppIcon;
+    style?: StyleProp<IconComposition, keyof IconStyleDef>;
     size?: string | number;
     color?: string;
+    /** When `icon` is falsy, renders a same-sized invisible placeholder instead of null. */
     renderEmptySpace?: boolean;
     forceStyle?: CSSProperties;
+    /** When provided the icon is wrapped in a `Touchable`. */
+    onPress?: () => void;
+    disabled?: boolean;
+    className?: string;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,WAAW,YAAY;CAAG;AAEhC,sCAAsC;AACtC,MAAM,MAAM,SAAS,GACnB,oBAAoB,GACpB;IACE,wFAAwF;IACxF,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,eAAe,EAAE,MAAM,YAAY,CAAC,CAAA;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { ListProviderProps, ListWrapperLayout, UseListScrollHook } from './types';
+import { ListComposition } from './styles';
+declare function useListProvider(props: ListProviderProps): {
+    wrapperRef: React.RefObject<HTMLElement | null>;
+    wrapperLayout: ListWrapperLayout | null;
+    styles: Record<ListComposition, any>;
+    props: ListProviderProps;
+    scrollHook: UseListScrollHook;
+    ready: boolean;
+    padding: {
+        paddingTop: any;
+        paddingBottom: any;
+        paddingLeft: any;
+        paddingRight: any;
+    };
+};
+export type ListContextValue = ReturnType<typeof useListProvider>;
+export declare const ListContext: React.Context<{
+    wrapperRef: React.RefObject<HTMLElement | null>;
+    wrapperLayout: ListWrapperLayout | null;
+    styles: Record<ListComposition, any>;
+    props: ListProviderProps;
+    scrollHook: UseListScrollHook;
+    ready: boolean;
+    padding: {
+        paddingTop: any;
+        paddingBottom: any;
+        paddingLeft: any;
+        paddingRight: any;
+    };
+} | 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 declare const useListContext: (required?: boolean) => ListContextValue;
+/**
+ * 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 declare const ListProvider: (props: ListProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/List/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAMlG,OAAO,EAAoB,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAmB1C,iBAAS,eAAe,CAAC,KAAK,EAAE,iBAAiB;;;YAqC3B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC;;;;;;;;;;EAMjD;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAEjE,eAAO,MAAM,WAAW;;;YAVF,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC;;;;;;;;;;SAUqB,CAAA;AAEvE;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,kBAAa,KAAG,gBAI9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,qDAOpD,CAAA"}

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

@@ -0,0 +1,29 @@
+import { ViewProps } from '../View';
+import { ListItem, ListItemsProps } from './types';
+/**
+ * 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 declare const ListWrapper: ({ children, ...viewProps }: ViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * 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 declare function ListItems<T extends ListItem>(props: ListItemsProps<T>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+/**
+ * Styled slot rendered above `List.Items`; applies the `header` composition style from the list's style sheet.
+ * Must be rendered inside `List.Provider`.
+ */
+export declare const ListHeader: ({ children, ...viewProps }: ViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * 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 declare const ListFooter: ({ children, ...viewProps }: ViewProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+/**
+ * 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 declare const ListPlaceholder: () => import("@emotion/react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=elements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/components/List/elements.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAuC,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,4BAA4B,SAAS,qDAOhE,CAAA;AA+FD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2DAIrE;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,SAAS,qDAO/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,SAAS,4DAa/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,+DAK3B,CAAA"}

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

@@ -1,12 +1,28 @@
-import { ListItem, ListProps } from './types';
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { ListItems } from './elements';
+import { ListItem, ListProps } from './types';
 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 declare function List<T extends ListItem>(props: ListProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare namespace List {
+    var Provider: (props: import("./types").ListProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    var Wrapper: ({ children, ...viewProps }: import("../View").ViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    var Items: typeof ListItems;
+    var Header: ({ children, ...viewProps }: import("../View").ViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    var Footer: ({ children, ...viewProps }: import("../View").ViewProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+    var Placeholder: () => import("@emotion/react/jsx-runtime").JSX.Element | null;
     var styleRegistryName: string;
     var elements: string[];
     var rootElement: string;
     var withVariantTypes: <S extends AnyRecord>(styles: S) => <T extends ListItem>(props: StyledComponentProps<ListProps<T>, typeof styles>) => IJSX;
-    var defaultProps: Partial<ListProps>;
+    var defaultProps: Partial<ListProps<ListItem>>;
 }
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGxE,OAAO,EAAe,SAAS,EAA2C,MAAM,YAAY,CAAA;AAC5F,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE7C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AAExB;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,oDAuB3D;yBAvBe,IAAI;;;;;;;;;;2BAoCK,CAAC,SAAS,SAAS,UAAU,CAAC,KACtC,CAAC,CAAC,SAAS,QAAQ,EAAE,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI"}