@noxickon/onyx 2.0.4 → 4.0.0

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

@@ -0,0 +1,51 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ asChild, children, className, disabled, href, size, variant, ...domProps }: import('..').OxLinkProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: "text";
+            description: string;
+        };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        href: {
+            control: "text";
+            description: string;
+        };
+        target: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const ExternalLinks: Story;
+export declare const NavigationPatterns: Story;

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

@@ -0,0 +1,2 @@
+export type * from './src/Link.types';
+export { OxLink } from './src/Link';

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

@@ -0,0 +1,2 @@
+import { OxLinkProps } from './Link.types';
+export declare const OxLink: ({ asChild, children, className, disabled, href, size, variant, ...domProps }: OxLinkProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
+export interface OxLinkProps extends ComponentPropsWithRef<'a'> {
+    asChild?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary' | 'accent';
+}

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

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

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

@@ -0,0 +1,31 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, className, columns, gap }: import('..').OxMasonryProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        columns: {
+            control: "number";
+            description: string;
+        };
+        gap: {
+            control: "number";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Responsive: Story;
+export declare const WithImages: Story;
+export declare const DynamicContent: Story;
+export declare const GapVariants: Story;

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

@@ -0,0 +1,2 @@
+export type * from './src/Masonry.types';
+export { OxMasonry } from './src/Masonry';

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

@@ -0,0 +1,2 @@
+import { OxMasonryProps } from './Masonry.types';
+export declare const OxMasonry: ({ children, className, columns, gap }: OxMasonryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type ResponsiveColumns = {
+    default: number;
+} & Partial<Record<Breakpoint, number>>;
+export interface OxMasonryProps {
+    children: ReactNode;
+    className?: string;
+    columns: number | ResponsiveColumns;
+    gap?: number;
+}

package/dist/ui/Masonry/src/hooks/useMasonry.d.ts

@@ -0,0 +1,10 @@
+import { ResponsiveColumns } from '../..';
+export interface MasonryPosition {
+    width: number;
+    x: number;
+    y: number;
+}
+export declare const useMasonry: (containerRef: React.RefObject<HTMLElement | null>, itemReferences: React.RefObject<(HTMLElement | null)[]>, columns: number | ResponsiveColumns, gap: number, itemCount: number) => {
+    containerHeight: number;
+    positions: MasonryPosition[];
+};

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

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

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

@@ -0,0 +1,70 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, disabled, emptyMessage, items, onItemClick, onMarkAllRead, unreadCount, ...domProps }: import('..').OxNotificationsProps) => import("react/jsx-runtime").JSX.Element) & {
+        Body: ({ children, className, ...domProps }: import('..').OxNotificationsBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Button: ({ children, className, icon, img, message, path, timestamp, title, type, unread, ...domProps }: import('..').OxNotificationsButtonProps) => import("react/jsx-runtime").JSX.Element;
+        Link: ({ children, className, href, icon, img, message, path, timestamp, title, type, unread, ...domProps }: import('..').OxNotificationsLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ children, className, customIcon, unreadCount: propertyUnreadCount, ...domProps }: import('..').OxNotificationsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxNotifications.Trigger': ComponentType<unknown>;
+        'OxNotifications.Body': ComponentType<unknown>;
+        'OxNotifications.Button': ComponentType<unknown>;
+        'OxNotifications.Link': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        emptyMessage: {
+            control: "text";
+            description: string;
+        };
+        items: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        unreadCount: {
+            control: "number";
+            description: string;
+        };
+        onItemClick: {
+            action: string;
+            description: string;
+        };
+        onMarkAllRead: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const EmptyState: Story;
+export declare const Types: Story;
+export declare const UnreadBadges: Story;
+export declare const States: Story;
+export declare const CompoundPattern: Story;
+export declare const Disabled: Story;
+export declare const Responsive: Story;

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

@@ -0,0 +1,7 @@
+export type * from './src/Notifications.types';
+export declare const OxNotifications: (({ children, disabled, emptyMessage, items, onItemClick, onMarkAllRead, unreadCount, ...domProps }: import('.').OxNotificationsProps) => import("react/jsx-runtime").JSX.Element) & {
+    Body: ({ children, className, ...domProps }: import('.').OxNotificationsBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ children, className, icon, img, message, path, timestamp, title, type, unread, ...domProps }: import('.').OxNotificationsButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ children, className, href, icon, img, message, path, timestamp, title, type, unread, ...domProps }: import('.').OxNotificationsLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, className, customIcon, unreadCount: propertyUnreadCount, ...domProps }: import('.').OxNotificationsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,2 @@
+import { OxNotificationsProps } from './Notifications.types';
+export declare const OxNotifications: ({ children, disabled, emptyMessage, items, onItemClick, onMarkAllRead, unreadCount, ...domProps }: OxNotificationsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { StatusType } from '../../../_internal/styles';
+import { OxIconProps } from '../..';
+export type OxNotificationsIconProps = OxIconProps;
+export interface OxNotificationsProps extends ComponentPropsWithRef<'div'> {
+    children?: ReactNode;
+    disabled?: boolean;
+    emptyMessage?: string;
+    items?: OxNotificationItemProps[];
+    onItemClick?: (item: OxNotificationItemProps) => void;
+    onMarkAllRead?: () => void;
+    unreadCount?: number;
+}
+export interface OxNotificationsTriggerProps extends ComponentPropsWithRef<'button'> {
+    children?: ReactNode;
+    customIcon?: LucideIcon;
+    unreadCount?: number;
+}
+export interface OxNotificationsBodyProps extends ComponentPropsWithRef<'ul'> {
+    children?: ReactNode;
+}
+interface BaseNotificationItemProps {
+    children?: ReactNode;
+    icon?: LucideIcon;
+    img?: string;
+    message?: string;
+    path?: string;
+    timestamp?: Date;
+    title?: string;
+    type?: StatusType;
+    unread?: boolean;
+}
+export interface OxNotificationsButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'type' | 'onClick'>, BaseNotificationItemProps {
+}
+export interface OxNotificationsLinkProps extends Omit<ComponentPropsWithRef<'a'>, 'children' | 'type' | 'onClick'>, BaseNotificationItemProps {
+    href: string;
+}
+export interface OxNotificationItemProps {
+    icon?: LucideIcon;
+    id: string;
+    img?: string;
+    message?: string;
+    path?: string;
+    read: boolean;
+    timestamp: Date;
+    title: string;
+    type?: StatusType;
+}
+export {};

package/dist/ui/Notifications/src/NotificationsBody.d.ts

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

package/dist/ui/Notifications/src/NotificationsButton.d.ts

@@ -0,0 +1,2 @@
+import { OxNotificationsButtonProps } from './Notifications.types';
+export declare const OxNotificationsButton: ({ children, className, icon, img, message, path, timestamp, title, type, unread, ...domProps }: OxNotificationsButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Notifications/src/NotificationsLink.d.ts

@@ -0,0 +1,2 @@
+import { OxNotificationsLinkProps } from './Notifications.types';
+export declare const OxNotificationsLink: ({ children, className, href, icon, img, message, path, timestamp, title, type, unread, ...domProps }: OxNotificationsLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Notifications/src/NotificationsTrigger.d.ts

@@ -0,0 +1,2 @@
+import { OxNotificationsTriggerProps } from './Notifications.types';
+export declare const OxNotificationsTrigger: ({ children, className, customIcon, unreadCount: propertyUnreadCount, ...domProps }: OxNotificationsTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Notifications/src/context/NotificationsContext.d.ts

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

package/dist/ui/Notifications/src/context/NotificationsContext.types.d.ts

@@ -0,0 +1,12 @@
+import { OxNotificationItemProps } from '../../..';
+export interface NotificationsContextValue {
+    disabled?: boolean;
+    emptyMessage: string;
+    isMobile: boolean;
+    items: OxNotificationItemProps[];
+    onItemClick?: (item: OxNotificationItemProps) => void;
+    onMarkAllRead?: () => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    unreadCount: number;
+}

package/dist/ui/Notifications/src/context/useNotificationsContext.d.ts

@@ -0,0 +1 @@
+export declare const useNotificationsContext: () => import('./NotificationsContext.types').NotificationsContextValue;

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

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

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

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, className, scrollOffset, ...props }: import('..').OxPageOutlineProps) => import("react/jsx-runtime").JSX.Element) & {
+        Content: ({ children, className, ...props }: import('..').OxPageOutlineContentProps) => import("react/jsx-runtime").JSX.Element;
+        Header: ({ children, className, ...props }: import('..').OxPageOutlineHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        Item: ({ children, className, href, level, onClick, ...props }: import('..').OxPageOutlineItemProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxPageOutline.Header': React.ComponentType<unknown>;
+        'OxPageOutline.Content': React.ComponentType<unknown>;
+        'OxPageOutline.Item': React.ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        scrollOffset: {
+            control: "number";
+            description: string;
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const ThreeLevels: Story;
+export declare const Minimal: Story;
+export declare const Live: Story;

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

@@ -0,0 +1,6 @@
+export type * from './src/PageOutline.types';
+export declare const OxPageOutline: (({ children, className, scrollOffset, ...props }: import('.').OxPageOutlineProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: ({ children, className, ...props }: import('.').OxPageOutlineContentProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, ...props }: import('.').OxPageOutlineHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, className, href, level, onClick, ...props }: import('.').OxPageOutlineItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,2 @@
+import { OxPageOutlineProps } from './PageOutline.types';
+export declare const OxPageOutline: ({ children, className, scrollOffset, ...props }: OxPageOutlineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type OxPageOutlineLevel = 1 | 2 | 3;
+export interface OxPageOutlineProps extends ComponentPropsWithRef<'nav'> {
+    children: ReactNode;
+    scrollOffset?: number;
+}
+export interface OxPageOutlineHeaderProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxPageOutlineContentProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxPageOutlineItemProps extends ComponentPropsWithRef<'a'> {
+    children: ReactNode;
+    href: string;
+    level?: OxPageOutlineLevel;
+}

package/dist/ui/PageOutline/src/PageOutlineContent.d.ts

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

package/dist/ui/PageOutline/src/PageOutlineHeader.d.ts

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

package/dist/ui/PageOutline/src/PageOutlineItem.d.ts

@@ -0,0 +1,2 @@
+import { OxPageOutlineItemProps } from './PageOutline.types';
+export declare const OxPageOutlineItem: ({ children, className, href, level, onClick, ...props }: OxPageOutlineItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/PageOutline/src/context/PageOutlineContext.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+export interface PageOutlineContextType {
+    activeId: string;
+    itemReferences: MutableRefObject<Map<string, HTMLAnchorElement>>;
+    registerItem: (id: string, element: HTMLAnchorElement) => void;
+    scrollToSection: (href: string) => void;
+    setContentRef: (element: HTMLDivElement) => void;
+    unregisterItem: (id: string) => void;
+}
+export declare const PageOutlineContext: import('react').Context<PageOutlineContextType | undefined>;
+export declare const usePageOutlineContext: () => PageOutlineContextType;

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

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

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

@@ -0,0 +1,43 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, className, ...domProps }: import('..').OxPaginationProps) => import("react/jsx-runtime").JSX.Element) & {
+        Ellipsis: ({ className, ...domProps }: import('..').OxPaginationEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+        Item: ({ children, className, ...domProps }: import('..').OxPaginationItemProps) => import("react/jsx-runtime").JSX.Element;
+        Link: ({ asChild, children, className, disabled, href, isActive, ...domProps }: import('..').OxPaginationLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Next: ({ asChild, children, className, disabled, href, ...domProps }: import('..').OxPaginationNextProps) => import("react/jsx-runtime").JSX.Element;
+        Previous: ({ asChild, children, className, disabled, href, ...domProps }: import('..').OxPaginationPreviousProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxPagination.Item': ComponentType<unknown>;
+        'OxPagination.Link': ComponentType<unknown>;
+        'OxPagination.Previous': ComponentType<unknown>;
+        'OxPagination.Next': ComponentType<unknown>;
+        'OxPagination.Ellipsis': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const IconOnly: Story;
+export declare const WithEllipsis: Story;
+export declare const States: Story;
+export declare const Interactive: Story;

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

@@ -0,0 +1,8 @@
+export type * from './src/Pagination.types';
+export declare const OxPagination: (({ children, className, ...domProps }: import('.').OxPaginationProps) => import("react/jsx-runtime").JSX.Element) & {
+    Ellipsis: ({ className, ...domProps }: import('.').OxPaginationEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, className, ...domProps }: import('.').OxPaginationItemProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ asChild, children, className, disabled, href, isActive, ...domProps }: import('.').OxPaginationLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Next: ({ asChild, children, className, disabled, href, ...domProps }: import('.').OxPaginationNextProps) => import("react/jsx-runtime").JSX.Element;
+    Previous: ({ asChild, children, className, disabled, href, ...domProps }: import('.').OxPaginationPreviousProps) => import("react/jsx-runtime").JSX.Element;
+};

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

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

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

@@ -0,0 +1,27 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type OxPaginationEllipsisProps = ComponentPropsWithRef<'span'>;
+export interface OxPaginationProps extends ComponentPropsWithRef<'nav'> {
+    children: ReactNode;
+}
+export interface OxPaginationItemProps extends ComponentPropsWithRef<'li'> {
+    children: ReactNode;
+}
+export interface OxPaginationLinkProps extends ComponentPropsWithRef<'a'> {
+    asChild?: boolean;
+    children: ReactNode;
+    disabled?: boolean;
+    href?: string;
+    isActive?: boolean;
+}
+export interface OxPaginationPreviousProps extends ComponentPropsWithRef<'a'> {
+    asChild?: boolean;
+    children?: ReactNode;
+    disabled?: boolean;
+    href?: string;
+}
+export interface OxPaginationNextProps extends ComponentPropsWithRef<'a'> {
+    asChild?: boolean;
+    children?: ReactNode;
+    disabled?: boolean;
+    href?: string;
+}

package/dist/ui/Pagination/src/PaginationEllipsis.d.ts

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

package/dist/ui/Pagination/src/PaginationItem.d.ts

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

package/dist/ui/Pagination/src/PaginationLink.d.ts

@@ -0,0 +1,2 @@
+import { OxPaginationLinkProps } from './Pagination.types';
+export declare const OxPaginationLink: ({ asChild, children, className, disabled, href, isActive, ...domProps }: OxPaginationLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Pagination/src/PaginationNext.d.ts

@@ -0,0 +1,2 @@
+import { OxPaginationNextProps } from './Pagination.types';
+export declare const OxPaginationNext: ({ asChild, children, className, disabled, href, ...domProps }: OxPaginationNextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Pagination/src/PaginationPrevious.d.ts

@@ -0,0 +1,2 @@
+import { OxPaginationPreviousProps } from './Pagination.types';
+export declare const OxPaginationPrevious: ({ asChild, children, className, disabled, href, ...domProps }: OxPaginationPreviousProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,66 @@
+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('..').OxPopoverProps) => import("react/jsx-runtime").JSX.Element) & {
+        Content: ({ children, className, showCloseButton, ...domProps }: import('..').OxPopoverContentProps) => import("react/jsx-runtime").JSX.Element | null;
+        Trigger: ({ asChild, children, className, onClick, ...domProps }: import('..').OxPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxPopover.Trigger': ComponentType<unknown>;
+        'OxPopover.Content': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        side: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        align: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        closeOnOutsideClick: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        open: {
+            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 WithForm: Story;
+export declare const Positioning: Story;
+export declare const CustomClose: Story;

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

@@ -0,0 +1,5 @@
+export type * from './src/Popover.types';
+export declare const OxPopover: (({ align, children, closeOnOutsideClick, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, }: import('.').OxPopoverProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: ({ children, className, showCloseButton, ...domProps }: import('.').OxPopoverContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    Trigger: ({ asChild, children, className, onClick, ...domProps }: import('.').OxPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

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

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

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

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { OxPopperAlign, OxPopperSide } from '../../Popper';
+export interface OxPopoverProps {
+    align?: OxPopperAlign;
+    children: ReactNode;
+    closeOnOutsideClick?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    side?: OxPopperSide;
+}
+export interface OxPopoverTriggerProps extends ComponentPropsWithoutRef<'button'> {
+    asChild?: boolean;
+    children: ReactNode;
+}
+export interface OxPopoverContentProps extends ComponentPropsWithoutRef<'div'> {
+    children: ReactNode;
+    showCloseButton?: boolean;
+}

package/dist/ui/Popover/src/PopoverContent.d.ts

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

package/dist/ui/Popover/src/PopoverTrigger.d.ts

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