@noxickon/onyx 2.0.4 → 4.0.0

package/dist/ui/Dnd/OxDnd.stories.d.ts

@@ -0,0 +1,50 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, onDragCancel, onDragEnd, onDragOver, onDragStart, }: import('..').OxDndContextProps) => import("react/jsx-runtime").JSX.Element) & {
+        Draggable: ({ children, className, data, disabled, id, ...domProps }: import('..').OxDraggableProps) => import("react/jsx-runtime").JSX.Element;
+        Droppable: ({ children, className, data, disabled, id, ...domProps }: import('..').OxDroppableProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxDndContext.Draggable': ComponentType<unknown>;
+        'OxDndContext.Droppable': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        onDragStart: {
+            description: string;
+        };
+        onDragOver: {
+            description: string;
+        };
+        onDragEnd: {
+            description: string;
+        };
+        onDragCancel: {
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const CompoundNotation: Story;
+export declare const AutoId: Story;
+export declare const Disabled: Story;
+export declare const WithData: Story;

package/dist/ui/Dnd/index.d.ts

@@ -0,0 +1,11 @@
+export type * from './src/context/DndContext.types';
+export type * from './src/DndContext.types';
+export type * from './src/Draggable.types';
+export type * from './src/Droppable.types';
+export { useDndContext } from './src/context/useDndContext';
+export { OxDraggable } from './src/Draggable';
+export { OxDroppable } from './src/Droppable';
+export declare const OxDndContext: (({ children, onDragCancel, onDragEnd, onDragOver, onDragStart, }: import('.').OxDndContextProps) => import("react/jsx-runtime").JSX.Element) & {
+    Draggable: ({ children, className, data, disabled, id, ...domProps }: import('.').OxDraggableProps) => import("react/jsx-runtime").JSX.Element;
+    Droppable: ({ children, className, data, disabled, id, ...domProps }: import('.').OxDroppableProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ui/Dnd/src/DndContext.d.ts

@@ -0,0 +1,2 @@
+import { OxDndContextProps } from './DndContext.types';
+export declare const OxDndContext: ({ children, onDragCancel, onDragEnd, onDragOver, onDragStart, }: OxDndContextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dnd/src/DndContext.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { DndDragEvent } from './context/DndContext.types';
+export interface OxDndContextProps {
+    children: ReactNode;
+    onDragCancel?: (event: DndDragEvent) => void;
+    onDragEnd?: (event: DndDragEvent) => void;
+    onDragOver?: (event: DndDragEvent) => void;
+    onDragStart?: (event: DndDragEvent) => void;
+}

package/dist/ui/Dnd/src/Draggable.d.ts

@@ -0,0 +1,2 @@
+import { OxDraggableProps } from './Draggable.types';
+export declare const OxDraggable: ({ children, className, data, disabled, id, ...domProps }: OxDraggableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dnd/src/Draggable.types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface OxDraggableProps extends Omit<ComponentPropsWithRef<'div'>, 'id'> {
+    children: ReactNode;
+    data?: Record<string, unknown>;
+    disabled?: boolean;
+    id?: string;
+}

package/dist/ui/Dnd/src/Droppable.d.ts

@@ -0,0 +1,2 @@
+import { OxDroppableProps } from './Droppable.types';
+export declare const OxDroppable: ({ children, className, data, disabled, id, ...domProps }: OxDroppableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dnd/src/Droppable.types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface OxDroppableProps extends Omit<ComponentPropsWithRef<'div'>, 'id'> {
+    children: ReactNode;
+    data?: Record<string, unknown>;
+    disabled?: boolean;
+    id?: string;
+}

package/dist/ui/Dnd/src/context/DndContext.d.ts

@@ -0,0 +1,2 @@
+import { DndContextValue } from './DndContext.types';
+export declare const DndInternalContext: import('react').Context<DndContextValue | null>;

package/dist/ui/Dnd/src/context/DndContext.types.d.ts

@@ -0,0 +1,9 @@
+import { Active, Over } from '@dnd-kit/core';
+export interface DndContextValue {
+    activeId: string | null;
+    overId: string | null;
+}
+export interface DndDragEvent {
+    active: Active;
+    over: Over | null;
+}

package/dist/ui/Dnd/src/context/useDndContext.d.ts

@@ -0,0 +1 @@
+export declare const useDndContext: () => import('./DndContext.types').DndContextValue;

package/dist/ui/Dnd/test/Dnd.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, defaultOpen, onOpenChange, open: controlledOpen, }: import('..').OxDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+        Body: ({ children, className, ...domProps }: import('..').OxDrawerBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Content: ({ children, className, closeOnOutsideClick, side, ...domProps }: import('..').OxDrawerContentProps) => import('react').ReactPortal | null;
+        Footer: ({ children, className, ...domProps }: import('..').OxDrawerFooterProps) => import("react/jsx-runtime").JSX.Element;
+        Header: ({ children, className, ...domProps }: import('..').OxDrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ children, className, disabled, onClick, ...domProps }: import('..').OxDrawerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxDrawer.Trigger': ComponentType<unknown>;
+        'OxDrawer.Content': ComponentType<unknown>;
+        'OxDrawer.Header': ComponentType<unknown>;
+        'OxDrawer.Body': ComponentType<unknown>;
+        'OxDrawer.Footer': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        open: {
+            control: "boolean";
+            description: string;
+        };
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        onOpenChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const AllSides: Story;
+export declare const Controlled: Story;

package/dist/ui/Drawer/index.d.ts

@@ -0,0 +1,8 @@
+export type * from './src/Drawer.types';
+export declare const OxDrawer: (({ children, defaultOpen, onOpenChange, open: controlledOpen, }: import('.').OxDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    Body: ({ children, className, ...domProps }: import('.').OxDrawerBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, closeOnOutsideClick, side, ...domProps }: import('.').OxDrawerContentProps) => import('react').ReactPortal | null;
+    Footer: ({ children, className, ...domProps }: import('.').OxDrawerFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, ...domProps }: import('.').OxDrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, className, disabled, onClick, ...domProps }: import('.').OxDrawerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ui/Drawer/src/Drawer.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerProps } from './Drawer.types';
+export declare const OxDrawer: ({ children, defaultOpen, onOpenChange, open: controlledOpen, }: OxDrawerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Drawer/src/Drawer.types.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export interface OxDrawerProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+}
+export interface OxDrawerTriggerProps extends ComponentPropsWithRef<'button'> {
+    children: ReactNode;
+    disabled?: boolean;
+}
+export interface OxDrawerContentProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    closeOnOutsideClick?: boolean;
+    side?: DrawerSide;
+}
+export interface OxDrawerHeaderProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxDrawerBodyProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxDrawerFooterProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}

package/dist/ui/Drawer/src/DrawerBody.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerBodyProps } from './Drawer.types';
+export declare const OxDrawerBody: ({ children, className, ...domProps }: OxDrawerBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Drawer/src/DrawerContent.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerContentProps } from './Drawer.types';
+export declare const OxDrawerContent: ({ children, className, closeOnOutsideClick, side, ...domProps }: OxDrawerContentProps) => import('react').ReactPortal | null;

package/dist/ui/Drawer/src/DrawerFooter.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerFooterProps } from './Drawer.types';
+export declare const OxDrawerFooter: ({ children, className, ...domProps }: OxDrawerFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Drawer/src/DrawerHeader.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerHeaderProps } from './Drawer.types';
+export declare const OxDrawerHeader: ({ children, className, ...domProps }: OxDrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Drawer/src/DrawerTrigger.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerTriggerProps } from './Drawer.types';
+export declare const OxDrawerTrigger: ({ children, className, disabled, onClick, ...domProps }: OxDrawerTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Drawer/src/context/DrawerContext.d.ts

@@ -0,0 +1,2 @@
+import { OxDrawerContextType } from './DrawerContext.types';
+export declare const OxDrawerContext: import('react').Context<OxDrawerContextType | undefined>;

package/dist/ui/Drawer/src/context/DrawerContext.types.d.ts

@@ -0,0 +1,5 @@
+export interface OxDrawerContextType {
+    onOpenChange?: (open: boolean) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}

package/dist/ui/Drawer/src/context/useDrawerContext.d.ts

@@ -0,0 +1 @@
+export declare const useDrawerContext: () => import('./DrawerContext.types').OxDrawerContextType;

package/dist/ui/Drawer/test/Drawer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,78 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ align, children, closeOnOutsideClick, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, }: import('..').OxDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
+        Body: ({ children, className, ...domProps }: import('..').OxDropdownBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Content: ({ children, className, ...domProps }: import('..').OxDropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;
+        Footer: ({ children, className, ...domProps }: import('..').OxDropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+        Header: ({ children, className, ...domProps }: import('..').OxDropdownHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        Item: (props: import('..').OxDropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+        Label: ({ children, className, ...domProps }: import('..').OxDropdownLabelProps) => import("react/jsx-runtime").JSX.Element;
+        Separator: ({ className, ...domProps }: import('..').OxDropdownSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+        Shortcut: ({ children, className, ...domProps }: import('..').OxDropdownShortcutProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ animateIcon, asChild, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: import('..').OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxDropdown.Trigger': ComponentType<unknown>;
+        'OxDropdown.Content': ComponentType<unknown>;
+        'OxDropdown.Body': ComponentType<unknown>;
+        'OxDropdown.Item': ComponentType<unknown>;
+        'OxDropdown.Label': ComponentType<unknown>;
+        'OxDropdown.Shortcut': ComponentType<unknown>;
+        'OxDropdown.Separator': ComponentType<unknown>;
+        'OxDropdown.Header': ComponentType<unknown>;
+        'OxDropdown.Footer': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        open: {
+            control: "boolean";
+            description: string;
+        };
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        align: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        side: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        onOpenChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const WithIcons: Story;
+export declare const IconSources: Story;
+export declare const States: Story;
+export declare const Advanced: Story;
+export declare const CustomTrigger: Story;

package/dist/ui/Dropdown/index.d.ts

@@ -0,0 +1,12 @@
+export type * from './src/Dropdown.types';
+export declare const OxDropdown: (({ align, children, closeOnOutsideClick, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, }: import('.').OxDropdownProps) => import("react/jsx-runtime").JSX.Element) & {
+    Body: ({ children, className, ...domProps }: import('.').OxDropdownBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...domProps }: import('.').OxDropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    Footer: ({ children, className, ...domProps }: import('.').OxDropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, ...domProps }: import('.').OxDropdownHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: import('.').OxDropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ children, className, ...domProps }: import('.').OxDropdownLabelProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: ({ className, ...domProps }: import('.').OxDropdownSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+    Shortcut: ({ children, className, ...domProps }: import('.').OxDropdownShortcutProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ animateIcon, asChild, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: import('.').OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ui/Dropdown/src/Dropdown.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownProps } from './Dropdown.types';
+export declare const OxDropdown: ({ align, children, closeOnOutsideClick, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, }: OxDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/Dropdown.types.d.ts

@@ -0,0 +1,52 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { OxButtonProps } from '../../Button/src/Button.types';
+import { OxPopperAlign, OxPopperSide } from '../../Popper';
+import { OxSeparatorProps } from '../../Separator';
+export type OxDropdownSeparatorProps = Omit<OxSeparatorProps, 'orientation' | 'vertical'>;
+export interface OxDropdownProps {
+    align?: OxPopperAlign;
+    children: ReactNode;
+    closeOnOutsideClick?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    side?: OxPopperSide;
+}
+export interface OxDropdownContentProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    className?: string;
+}
+export interface OxDropdownTriggerProps extends ComponentPropsWithRef<'button'> {
+    animateIcon?: boolean;
+    asChild?: boolean;
+    children: ReactNode;
+    hideIcon?: boolean;
+    icon?: LucideIcon;
+    size?: OxButtonProps['size'];
+    variant?: OxButtonProps['variant'];
+}
+export interface OxDropdownBodyProps extends ComponentPropsWithRef<'ul'> {
+    children: ReactNode;
+}
+export interface OxDropdownLabelProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export type OxDropdownItemLinkProps = ComponentPropsWithRef<'a'> & {
+    disabled?: boolean;
+    href: string;
+};
+export type OxDropdownItemButtonProps = Omit<ComponentPropsWithRef<'button'>, 'type'> & {
+    href?: never;
+};
+export type OxDropdownItemProps = OxDropdownItemButtonProps | OxDropdownItemLinkProps;
+export interface OxDropdownShortcutProps extends ComponentPropsWithRef<'span'> {
+    children: ReactNode;
+}
+export interface OxDropdownHeaderProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxDropdownFooterProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}

package/dist/ui/Dropdown/src/DropdownBody.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownBodyProps } from './Dropdown.types';
+export declare const OxDropdownBody: ({ children, className, ...domProps }: OxDropdownBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownContent.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownContentProps } from './Dropdown.types';
+export declare const OxDropdownContent: ({ children, className, ...domProps }: OxDropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/Dropdown/src/DropdownFooter.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownFooterProps } from './Dropdown.types';
+export declare const OxDropdownFooter: ({ children, className, ...domProps }: OxDropdownFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownHeader.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownHeaderProps } from './Dropdown.types';
+export declare const OxDropdownHeader: ({ children, className, ...domProps }: OxDropdownHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownItem.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownItemProps } from './Dropdown.types';
+export declare const OxDropdownItem: (props: OxDropdownItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownLabel.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownLabelProps } from './Dropdown.types';
+export declare const OxDropdownLabel: ({ children, className, ...domProps }: OxDropdownLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownSeparator.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownSeparatorProps } from './Dropdown.types';
+export declare const OxDropdownSeparator: ({ className, ...domProps }: OxDropdownSeparatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownShortcut.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownShortcutProps } from './Dropdown.types';
+export declare const OxDropdownShortcut: ({ children, className, ...domProps }: OxDropdownShortcutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/DropdownTrigger.d.ts

@@ -0,0 +1,2 @@
+import { OxDropdownTriggerProps } from './Dropdown.types';
+export declare const OxDropdownTrigger: ({ animateIcon, asChild, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Dropdown/src/context/DropdownContext.d.ts

@@ -0,0 +1,2 @@
+import { DropdownContextProps } from './DropdownContext.types';
+export declare const DropdownContext: import('react').Context<DropdownContextProps | undefined>;

package/dist/ui/Dropdown/src/context/DropdownContext.types.d.ts

@@ -0,0 +1,11 @@
+import { OxPopperAlign, OxPopperSide } from '../../../Popper';
+export interface DropdownContextProps {
+    align: OxPopperAlign;
+    close: () => void;
+    disabled: boolean;
+    isClosing: boolean;
+    isVisible: boolean;
+    open: boolean;
+    side: OxPopperSide;
+    toggle: () => void;
+}

package/dist/ui/Dropdown/src/context/useDropdownContext.d.ts

@@ -0,0 +1 @@
+export declare function useDropdownContext(): import('./DropdownContext.types').DropdownContextProps;

package/dist/ui/Dropdown/test/Dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/EndlessList/EndlessList.stories.d.ts

@@ -0,0 +1,89 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (<TData>({ children, className, data, estimateSize, gap, getItemKey, hasNextPage, isError, isLoading, loadMoreThreshold, onLoadMore, overscan, style, ...domProps }: import('..').OxEndlessListProps<TData>) => import("react/jsx-runtime").JSX.Element) & {
+        Empty: ({ children, className, ...domProps }: import('..').OxEndlessListEmptyProps) => import("react/jsx-runtime").JSX.Element | null;
+        Error: ({ children, className, ...domProps }: import('..').OxEndlessListErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+        Item: <TData>({ children, className, }: import('..').OxEndlessListItemProps<TData>) => import("react/jsx-runtime").JSX.Element;
+        Items: ({ children, className, paddingY, }: import('..').OxEndlessListItemsProps) => import("react/jsx-runtime").JSX.Element;
+        Loader: ({ children, className, ...domProps }: import('..').OxEndlessListLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+    };
+    subcomponents: {
+        'OxEndlessList.Items': ComponentType<unknown>;
+        'OxEndlessList.Item': ComponentType<unknown>;
+        'OxEndlessList.Loader': ComponentType<unknown>;
+        'OxEndlessList.Empty': ComponentType<unknown>;
+        'OxEndlessList.Error': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        data: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        estimateSize: {
+            control: "number";
+            description: string;
+        };
+        gap: {
+            control: "number";
+            description: string;
+        };
+        getItemKey: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        hasNextPage: {
+            control: "boolean";
+            description: string;
+        };
+        isError: {
+            control: "boolean";
+            description: string;
+        };
+        isLoading: {
+            control: "boolean";
+            description: string;
+        };
+        loadMoreThreshold: {
+            control: "number";
+            description: string;
+        };
+        onLoadMore: {
+            action: string;
+            description: string;
+        };
+        overscan: {
+            control: "number";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const SimpleStatic: Story;
+export declare const VariableHeight: Story;
+export declare const WithError: Story;
+export declare const LargeDataset: Story;
+export declare const Empty: Story;
+export declare const CustomEstimateSize: Story;

package/dist/ui/EndlessList/index.d.ts

@@ -0,0 +1,8 @@
+export type * from './src/EndlessList.types';
+export declare const OxEndlessList: (<TData>({ children, className, data, estimateSize, gap, getItemKey, hasNextPage, isError, isLoading, loadMoreThreshold, onLoadMore, overscan, style, ...domProps }: import('.').OxEndlessListProps<TData>) => import("react/jsx-runtime").JSX.Element) & {
+    Empty: ({ children, className, ...domProps }: import('.').OxEndlessListEmptyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Error: ({ children, className, ...domProps }: import('.').OxEndlessListErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+    Item: <TData>({ children, className, }: import('.').OxEndlessListItemProps<TData>) => import("react/jsx-runtime").JSX.Element;
+    Items: ({ children, className, paddingY, }: import('.').OxEndlessListItemsProps) => import("react/jsx-runtime").JSX.Element;
+    Loader: ({ children, className, ...domProps }: import('.').OxEndlessListLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/ui/EndlessList/src/EndlessList.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListProps } from './EndlessList.types';
+export declare const OxEndlessList: <TData>({ children, className, data, estimateSize, gap, getItemKey, hasNextPage, isError, isLoading, loadMoreThreshold, onLoadMore, overscan, style, ...domProps }: OxEndlessListProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/EndlessList/src/EndlessList.types.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface OxEndlessListProps<TData> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactNode;
+    data: TData[];
+    estimateSize: number | ((index: number) => number);
+    gap?: number;
+    getItemKey: (item: TData, index: number) => string | number;
+    hasNextPage?: boolean;
+    isError?: boolean;
+    isLoading?: boolean;
+    loadMoreThreshold?: number;
+    onLoadMore?: () => void;
+    overscan?: number;
+}
+export interface OxEndlessListItemsProps {
+    children: ReactNode;
+    className?: string;
+    paddingY?: number;
+}
+export interface OxEndlessListItemProps<TData = unknown> {
+    children: (item: TData, index: number) => ReactNode;
+    className?: string;
+}
+export interface OxEndlessListLoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode;
+}
+export interface OxEndlessListEmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode;
+}
+export interface OxEndlessListErrorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode;
+}

package/dist/ui/EndlessList/src/EndlessListEmpty.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListEmptyProps } from './EndlessList.types';
+export declare const OxEndlessListEmpty: ({ children, className, ...domProps }: OxEndlessListEmptyProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/EndlessList/src/EndlessListError.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListErrorProps } from './EndlessList.types';
+export declare const OxEndlessListError: ({ children, className, ...domProps }: OxEndlessListErrorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/EndlessList/src/EndlessListItem.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListItemProps } from './EndlessList.types';
+export declare const OxEndlessListItem: <TData>({ children, className, }: OxEndlessListItemProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/EndlessList/src/EndlessListItems.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListItemsProps } from './EndlessList.types';
+export declare const OxEndlessListItems: ({ children, className, paddingY, }: OxEndlessListItemsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/EndlessList/src/EndlessListLoader.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListLoaderProps } from './EndlessList.types';
+export declare const OxEndlessListLoader: ({ children, className, ...domProps }: OxEndlessListLoaderProps) => import("react/jsx-runtime").JSX.Element | null;