@noxickon/onyx 4.1.6 → 5.0.0

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

@@ -20,7 +20,7 @@ export interface OxDropdownContentProps extends ComponentPropsWithRef<'div'> {
 }
 export interface OxDropdownTriggerProps extends ComponentPropsWithRef<'button'> {
     animateIcon?: boolean;
-    asChild?: boolean;
+    asSlot?: boolean;
     children: ReactNode;
     hideIcon?: boolean;
     icon?: LucideIcon;
@@ -30,9 +30,6 @@ export interface OxDropdownTriggerProps extends ComponentPropsWithRef<'button'>
 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;
@@ -50,3 +47,33 @@ export interface OxDropdownHeaderProps extends ComponentPropsWithRef<'div'> {
 export interface OxDropdownFooterProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
+export interface OxDropdownCheckboxItemProps extends Omit<ComponentPropsWithRef<'button'>, 'type' | 'onChange'> {
+    checked?: boolean;
+    closeOnSelect?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export interface OxDropdownRadioGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+    children: ReactNode;
+    closeOnSelect?: boolean;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+}
+export interface OxDropdownRadioItemProps extends Omit<ComponentPropsWithRef<'button'>, 'type' | 'value'> {
+    value: string;
+}
+export interface OxDropdownGroupProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    label?: string;
+}
+export interface OxDropdownSubMenuProps {
+    children: ReactNode;
+}
+export interface OxDropdownSubMenuTriggerProps extends Omit<ComponentPropsWithRef<'button'>, 'type'> {
+    disabled?: boolean;
+}
+export interface OxDropdownSubMenuContentProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+import { OxDropdownCheckboxItemProps } from './Dropdown.types';
+export declare const OxDropdownCheckboxItem: ({ checked: controlledChecked, children, className, closeOnSelect, defaultChecked, disabled, onCheckedChange, onClick, ...restProps }: OxDropdownCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import { OxDropdownRadioGroupProps } from './Dropdown.types';
+export declare const OxDropdownRadioGroup: ({ children, className, closeOnSelect, defaultValue, onValueChange, value: controlledValue, ...restProps }: OxDropdownRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { OxDropdownRadioItemProps } from './Dropdown.types';
+export declare const OxDropdownRadioItem: ({ children, className, disabled, onClick, value, ...restProps }: OxDropdownRadioItemProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -1,2 +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;
+export declare const OxDropdownTrigger: ({ animateIcon, asSlot, children, className, disabled: propsDisabled, hideIcon, icon, size, variant, ...domProps }: OxDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,9 @@
+import { RefObject } from 'react';
 import { OxPopperAlign, OxPopperSide } from '../../../Popper';
 export interface DropdownContextProps {
     align: OxPopperAlign;
     close: () => void;
+    contentRef: RefObject<HTMLDivElement | null>;
     disabled: boolean;
     isClosing: boolean;
     isVisible: boolean;

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

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

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

@@ -0,0 +1,5 @@
+export interface DropdownRadioContextProps {
+    closeOnSelect: boolean;
+    onValueChange: (value: string) => void;
+    value: string | undefined;
+}

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

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

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

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+export interface DropdownSubMenuContextProps {
+    cancelClose: () => void;
+    close: () => void;
+    contentRef: RefObject<HTMLDivElement | null>;
+    isClosing: boolean;
+    isVisible: boolean;
+    open: boolean;
+    openedViaKeyboard: boolean;
+    scheduleClose: () => void;
+    setOpen: (open: boolean, viaKeyboard?: boolean) => void;
+    setTriggerElement: (element: HTMLButtonElement | null) => void;
+    triggerElement: HTMLButtonElement | null;
+}

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

@@ -0,0 +1 @@
+export declare function useDropdownRadioContext(): import('./DropdownRadioContext.types').DropdownRadioContextProps;

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

@@ -0,0 +1 @@
+export declare const useDropdownSubMenuContext: () => import('./DropdownSubMenuContext.types').DropdownSubMenuContextProps;

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: (({ align, children, closeDelay, defaultOpen, disabled, onOpenChange, open: controlledOpen, openDelay, side, }: import('..').OxHoverCardProps) => import("react/jsx-runtime").JSX.Element) & {
         Content: ({ children, className, forceMount, onPointerEnter, onPointerLeave, ...domProps }: import('..').OxHoverCardContentProps) => import("react/jsx-runtime").JSX.Element | null;
-        Trigger: ({ asChild, children, className, onPointerEnter, onPointerLeave, ...domProps }: import('..').OxHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ asSlot, children, className, onPointerEnter, onPointerLeave, ...domProps }: import('..').OxHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
         'OxHoverCard.Trigger': ComponentType<unknown>;

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

@@ -1,5 +1,5 @@
 export type * from './src/HoverCard.types';
 export declare const OxHoverCard: (({ align, children, closeDelay, defaultOpen, disabled, onOpenChange, open: controlledOpen, openDelay, side, }: import('.').OxHoverCardProps) => import("react/jsx-runtime").JSX.Element) & {
     Content: ({ children, className, forceMount, onPointerEnter, onPointerLeave, ...domProps }: import('.').OxHoverCardContentProps) => import("react/jsx-runtime").JSX.Element | null;
-    Trigger: ({ asChild, children, className, onPointerEnter, onPointerLeave, ...domProps }: import('.').OxHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ asSlot, children, className, onPointerEnter, onPointerLeave, ...domProps }: import('.').OxHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -12,7 +12,7 @@ export interface OxHoverCardProps {
     side?: OxPopperSide;
 }
 export interface OxHoverCardTriggerProps extends ComponentPropsWithoutRef<'div'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children: ReactNode;
 }
 export interface OxHoverCardContentProps extends ComponentPropsWithoutRef<'div'> {

package/dist/ui/HoverCard/src/HoverCardTrigger.d.ts

@@ -1,2 +1,2 @@
 import { OxHoverCardTriggerProps } from './HoverCard.types';
-export declare const OxHoverCardTrigger: ({ asChild, children, className, onPointerEnter, onPointerLeave, ...domProps }: OxHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxHoverCardTrigger: ({ asSlot, children, className, onPointerEnter, onPointerLeave, ...domProps }: OxHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 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;
+    component: ({ asSlot, children, className, disabled, href, size, variant, ...domProps }: import('..').OxLinkProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
         docs: {

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

@@ -1,2 +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;
+export declare const OxLink: ({ asSlot, children, className, disabled, href, size, variant, ...domProps }: OxLinkProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -5,9 +5,9 @@ declare const meta: {
     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;
+        Link: ({ asSlot, children, className, disabled, href, isActive, ...domProps }: import('..').OxPaginationLinkProps) => import("react/jsx-runtime").JSX.Element;
+        Next: ({ asSlot, children, className, disabled, href, ...domProps }: import('..').OxPaginationNextProps) => import("react/jsx-runtime").JSX.Element;
+        Previous: ({ asSlot, children, className, disabled, href, ...domProps }: import('..').OxPaginationPreviousProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
         'OxPagination.Item': ComponentType<unknown>;

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

@@ -2,7 +2,7 @@ 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;
+    Link: ({ asSlot, children, className, disabled, href, isActive, ...domProps }: import('.').OxPaginationLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Next: ({ asSlot, children, className, disabled, href, ...domProps }: import('.').OxPaginationNextProps) => import("react/jsx-runtime").JSX.Element;
+    Previous: ({ asSlot, children, className, disabled, href, ...domProps }: import('.').OxPaginationPreviousProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -7,20 +7,20 @@ export interface OxPaginationItemProps extends ComponentPropsWithRef<'li'> {
     children: ReactNode;
 }
 export interface OxPaginationLinkProps extends ComponentPropsWithRef<'a'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children: ReactNode;
     disabled?: boolean;
     href?: string;
     isActive?: boolean;
 }
 export interface OxPaginationPreviousProps extends ComponentPropsWithRef<'a'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children?: ReactNode;
     disabled?: boolean;
     href?: string;
 }
 export interface OxPaginationNextProps extends ComponentPropsWithRef<'a'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children?: ReactNode;
     disabled?: boolean;
     href?: string;

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

@@ -1,2 +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;
+export declare const OxPaginationLink: ({ asSlot, children, className, disabled, href, isActive, ...domProps }: OxPaginationLinkProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -4,7 +4,7 @@ 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;
+        Trigger: ({ asSlot, children, className, onClick, ...domProps }: import('..').OxPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
         'OxPopover.Trigger': ComponentType<unknown>;

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

@@ -1,5 +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;
+    Trigger: ({ asSlot, children, className, onClick, ...domProps }: import('.').OxPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -11,7 +11,7 @@ export interface OxPopoverProps {
     side?: OxPopperSide;
 }
 export interface OxPopoverTriggerProps extends ComponentPropsWithoutRef<'button'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children: ReactNode;
 }
 export interface OxPopoverContentProps extends ComponentPropsWithoutRef<'div'> {

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

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

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

@@ -3,7 +3,7 @@ export type { Measurable, OxPopperAlign, OxPopperAnchorProps, OxPopperContentPro
 export { usePopperContentContext, usePopperContext } from './src/context/usePopperContext';
 export { usePopperState } from './src/hooks';
 export declare const OxPopper: (({ children }: import('.').OxPopperProps) => import("react/jsx-runtime").JSX.Element) & {
-    Anchor: ({ asChild, children, virtualRef, ...domProps }: import('.').OxPopperAnchorProps) => import("react/jsx-runtime").JSX.Element | null;
+    Anchor: ({ asSlot, children, virtualRef, ...domProps }: import('.').OxPopperAnchorProps) => import("react/jsx-runtime").JSX.Element | null;
     Arrow: () => import("react/jsx-runtime").JSX.Element;
     Content: import('react').ForwardRefExoticComponent<import('.').OxPopperContentProps & import('react').RefAttributes<HTMLDivElement>>;
 };

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

@@ -7,7 +7,7 @@ export interface OxPopperProps {
     children: ReactNode;
 }
 export interface OxPopperAnchorProps extends ComponentPropsWithoutRef<'div'> {
-    asChild?: boolean;
+    asSlot?: boolean;
     children?: ReactNode;
     virtualRef?: RefObject<Measurable | null>;
 }

package/dist/ui/Popper/src/PopperAnchor.d.ts

@@ -1,2 +1,2 @@
 import { OxPopperAnchorProps } from './Popper.types';
-export declare const OxPopperAnchor: ({ asChild, children, virtualRef, ...domProps }: OxPopperAnchorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const OxPopperAnchor: ({ asSlot, children, virtualRef, ...domProps }: OxPopperAnchorProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -2,14 +2,14 @@ import { ComponentType } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: (({ allRowIds, children, className, draggable, isLoading, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: import('..').OxTableProps) => import("react/jsx-runtime").JSX.Element) & {
+    component: (({ allRowIds, children, className, draggable, expandable, expandedRows, isLoading, onExpandChange, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: import('..').OxTableProps) => import("react/jsx-runtime").JSX.Element) & {
         Body: ({ children, className, ...domProps }: import('..').OxTableBodyProps) => import("react/jsx-runtime").JSX.Element;
         Cell: ({ children, className, ...domProps }: import('..').OxTableCellProps) => import("react/jsx-runtime").JSX.Element;
         Controls: ({ children, className, ...domProps }: import('..').OxTableControlsProps) => import("react/jsx-runtime").JSX.Element;
         Footer: ({ children, className, ...domProps }: import('..').OxTableFooterProps) => import("react/jsx-runtime").JSX.Element;
-        Head: ({ children, className, ...domProps }: import('..').OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
+        Head: ({ children, className, onSort, sortColumn, sortDirection, sortKey, ...domProps }: import('..').OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
         Header: ({ children, className, ...domProps }: import('..').OxTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
-        Row: ({ children, className, rowId, ...domProps }: import('..').OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
+        Row: ({ children, className, expandContent, rowId, ...domProps }: import('..').OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
         SkeletonRow: ({ columns }: import('./src/TableSkeletonRow').OxTableSkeletonRowProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
@@ -76,4 +76,7 @@ export declare const WithFooter: Story;
 export declare const SpannedCells: Story;
 export declare const SelectableTable: Story;
 export declare const DraggableTable: Story;
-export declare const DraggableSelectableTable: Story;
+export declare const SortableTable: Story;
+export declare const ExpandableTable: Story;
+export declare const SelectableExpandableTable: Story;
+export declare const SortableExpandableTable: Story;

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

@@ -1,11 +1,11 @@
 export * from './src/Table.types';
-export declare const OxTable: (({ allRowIds, children, className, draggable, isLoading, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: import('.').OxTableProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const OxTable: (({ allRowIds, children, className, draggable, expandable, expandedRows, isLoading, onExpandChange, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: import('.').OxTableProps) => import("react/jsx-runtime").JSX.Element) & {
     Body: ({ children, className, ...domProps }: import('.').OxTableBodyProps) => import("react/jsx-runtime").JSX.Element;
     Cell: ({ children, className, ...domProps }: import('.').OxTableCellProps) => import("react/jsx-runtime").JSX.Element;
     Controls: ({ children, className, ...domProps }: import('.').OxTableControlsProps) => import("react/jsx-runtime").JSX.Element;
     Footer: ({ children, className, ...domProps }: import('.').OxTableFooterProps) => import("react/jsx-runtime").JSX.Element;
-    Head: ({ children, className, ...domProps }: import('.').OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
+    Head: ({ children, className, onSort, sortColumn, sortDirection, sortKey, ...domProps }: import('.').OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
     Header: ({ children, className, ...domProps }: import('.').OxTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Row: ({ children, className, rowId, ...domProps }: import('.').OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ children, className, expandContent, rowId, ...domProps }: import('.').OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
     SkeletonRow: ({ columns }: import('./src/TableSkeletonRow').OxTableSkeletonRowProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,2 +1,2 @@
 import { OxTableProps } from './Table.types';
-export declare const OxTable: ({ allRowIds, children, className, draggable, isLoading, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: OxTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxTable: ({ allRowIds, children, className, draggable, expandable, expandedRows, isLoading, onExpandChange, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: OxTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,10 @@ export interface OxTableProps extends ComponentPropsWithRef<'table'> {
     allRowIds?: string[];
     children: ReactNode;
     draggable?: boolean;
+    expandable?: boolean;
+    expandedRows?: string[];
     isLoading?: boolean;
+    onExpandChange?: (expandedRows: string[]) => void;
     onRowReorder?: (newOrder: string[]) => void;
     onSelectionChange?: (selectedRows: string[]) => void;
     selectable?: boolean;
@@ -16,9 +19,14 @@ export interface OxTableCellProps extends ComponentPropsWithoutRef<'td'> {
 }
 export interface OxTableHeadProps extends ComponentPropsWithRef<'th'> {
     children?: ReactNode;
+    onSort?: (sortKey: string) => void;
+    sortColumn?: string;
+    sortDirection?: 'asc' | 'desc';
+    sortKey?: string;
 }
 export interface OxTableRowProps extends ComponentPropsWithRef<'tr'> {
     children: ReactNode;
+    expandContent?: ReactNode;
     rowId?: string;
 }
 export interface OxTableBodyProps extends ComponentPropsWithRef<'tbody'> {

package/dist/ui/Table/src/TableHead.d.ts

@@ -1,2 +1,2 @@
 import { OxTableHeadProps } from './Table.types';
-export declare const OxTableHead: ({ children, className, ...domProps }: OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxTableHead: ({ children, className, onSort, sortColumn, sortDirection, sortKey, ...domProps }: OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableRow.d.ts

@@ -1,2 +1,2 @@
 import { OxTableRowProps } from './Table.types';
-export declare const OxTableRow: ({ children, className, rowId, ...domProps }: OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxTableRow: ({ children, className, expandContent, rowId, ...domProps }: OxTableRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/context/TableContext.types.d.ts

@@ -2,11 +2,16 @@ export interface TableContextType {
     allRowIds: string[];
     draggable: boolean;
     draggingRowId: string | null;
+    expandable: boolean;
+    expandedRows: string[];
+    hasControlColumn: boolean;
     isAllSelected: boolean;
     isDragging: (rowId: string) => boolean;
+    isExpanded: (rowId: string) => boolean;
     isIndeterminate: boolean;
     isLoading: boolean;
     isSelected: (rowId: string) => boolean;
+    onExpandChange?: (expandedRows: string[]) => void;
     onRowReorder?: (newOrder: string[]) => void;
     onSelectionChange?: (selectedRows: string[]) => void;
     registerRowId: (rowId: string) => void;
@@ -15,6 +20,7 @@ export interface TableContextType {
     skeletonColumns: number;
     skeletonRows: number;
     toggleAll: () => void;
+    toggleExpand: (rowId: string) => void;
     toggleSelection: (rowId: string) => void;
     unregisterRowId: (rowId: string) => void;
 }

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

@@ -1,12 +1,14 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
-import { OxToastProvider } from '..';
+import { OxToastProvider } from './src/context/ToastProvider';
 declare const meta: Meta<typeof OxToastProvider>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Playground: Story;
 export declare const BasicToasts: Story;
 export declare const WithDescriptions: Story;
+export declare const PromiseToasts: Story;
+export declare const ActionButtons: Story;
 export declare const Customization: Story;
 export declare const Positioning: Story;
-export declare const Stacking: Story;
 export declare const RealWorldExamples: Story;
+export declare const DirectImport: Story;

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

@@ -1,5 +1,5 @@
 export type * from './src/Toast.types';
 export type * from './src/context/ToastContext.types';
 export { OxToastProvider } from './src/context/ToastProvider';
-export { useOxToast } from './src/context/useToast';
+export { toast, useOxToast } from './src/context/useToast';
 export { OxToast } from './src/Toast';

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

@@ -1,2 +1,2 @@
-import { OxToastProps } from './Toast.types';
-export declare const OxToast: ({ align, onRemove, position, toasts }: OxToastProps) => import('react').ReactPortal;
+import { OxToastProviderProps } from './Toast.types';
+export declare const OxToast: ({ closeButton, expand, gap, offset, position, richColors, theme, visibleToasts, }: Omit<OxToastProviderProps, "children">) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +1,29 @@
 import { ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { ColorStyleName, StatusType } from '../../../_internal/styles';
-export type OxToastAlign = 'left' | 'center' | 'right';
-export type OxToastPosition = 'top' | 'bottom';
-export interface OxToastData {
-    color?: ColorStyleName;
-    customContent?: ReactNode;
+export type OxToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface OxToastOptions {
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    cancel?: {
+        label: string;
+        onClick?: () => void;
+    };
     description?: string;
     duration?: number;
-    icon?: LucideIcon;
-    id: string;
-    isRemoving?: boolean;
-    path?: string;
-    title: string;
-    type: StatusType;
+    icon?: LucideIcon | ReactNode;
+    onAutoClose?: () => void;
+    onDismiss?: () => void;
 }
-export interface OxToastProps {
-    align: OxToastAlign;
-    onRemove: (id: string) => void;
-    position: OxToastPosition;
-    toasts: OxToastData[];
-}
-export interface OxToastItemProps {
-    index: number;
-    onRemove: (id: string) => void;
-    position: OxToastPosition;
-    toast: OxToastData;
+export interface OxToastProviderProps {
+    children: ReactNode;
+    closeButton?: boolean;
+    expand?: boolean;
+    gap?: number;
+    offset?: string | number;
+    position?: OxToastPosition;
+    richColors?: boolean;
+    theme?: 'light' | 'dark' | 'system';
+    visibleToasts?: number;
 }

package/dist/ui/Toast/src/context/ToastContext.types.d.ts

@@ -1,28 +1,20 @@
 import { ReactNode } from 'react';
-import { LucideIcon } from 'lucide-react';
-import { ColorStyleName } from '../../../../_internal/styles';
-import { OxToastAlign, OxToastPosition } from '../../..';
-export interface OxToastOptions {
-    color?: ColorStyleName;
-    description?: string;
-    duration?: number;
-    icon?: LucideIcon;
-    path?: string;
-}
+import { OxToastOptions } from '../..';
 export interface OxToastContextApi {
-    (title: string, options?: OxToastOptions): string;
+    (title: string, options?: OxToastOptions): string | number;
     custom: (content: ReactNode, options?: {
         duration?: number;
-    }) => string;
-    destructive: (title: string, options?: OxToastOptions) => string;
-    dismiss: (id?: string) => void;
-    info: (title: string, options?: OxToastOptions) => string;
-    success: (title: string, options?: OxToastOptions) => string;
-    warning: (title: string, options?: OxToastOptions) => string;
-}
-export interface OxToastProviderProps {
-    align?: OxToastAlign;
-    children: ReactNode;
-    maxToasts?: number;
-    position?: OxToastPosition;
+    }) => string | number;
+    destructive: (title: string, options?: OxToastOptions) => string | number;
+    dismiss: (id?: string | number) => void;
+    error: (title: string, options?: OxToastOptions) => string | number;
+    info: (title: string, options?: OxToastOptions) => string | number;
+    loading: (title: string, options?: OxToastOptions) => string | number;
+    promise: <T>(promise: Promise<T>, messages: {
+        error: string | ((error: unknown) => string);
+        loading: string;
+        success: string | ((data: T) => string);
+    }) => Promise<T>;
+    success: (title: string, options?: OxToastOptions) => string | number;
+    warning: (title: string, options?: OxToastOptions) => string | number;
 }

package/dist/ui/Toast/src/context/ToastProvider.d.ts

@@ -1,2 +1,2 @@
-import { OxToastProviderProps } from './ToastContext.types';
-export declare const OxToastProvider: ({ align, children, maxToasts, position, }: OxToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+import { OxToastProviderProps } from '../..';
+export declare const OxToastProvider: ({ children, closeButton, expand, gap, offset, position, richColors, theme, visibleToasts, }: OxToastProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Toast/src/context/useToast.d.ts

@@ -1,2 +1,3 @@
-import { OxToastContextApi } from './ToastContext.types';
+import { OxToastContextApi } from '../..';
 export declare const useOxToast: () => OxToastContextApi;
+export declare const toast: OxToastContextApi;