@stokelp/ui 1.24.0 → 1.25.0

package/dist/components/index.d.ts

@@ -22,4 +22,5 @@ export * from './tooltip';
 export * from './alert';
 export * from './table';
 export * from './breadcrumb';
+export * from './popover';
 export * from './app';

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,21 @@
+import { Popover as ArkPopover } from '@ark-ui/react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
+import { ComponentVariants } from '../../utils/slots';
+import { PopoverRecipe } from '@stokelp/styled-system/recipes';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+
+export declare const Popover: ComponentVariants<(props: ArkPopover.RootProps) => import("react/jsx-runtime").JSX.Element, PopoverRecipe>;
+export declare const PopoverCloseTrigger: StyledComponent<ForwardRefExoticComponent<ArkPopover.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+export declare const PopoverTrigger: StyledComponent<ForwardRefExoticComponent<ArkPopover.TriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+export declare const PopoverContent: StyledComponent<ForwardRefExoticComponent<Omit<ArkPopover.ContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverContext: (props: ArkPopover.ContextProps) => ReactNode;
+export interface PopoverProps extends ComponentProps<typeof Popover> {
+}
+export interface PopoverCloseTriggerProps extends ComponentProps<typeof PopoverCloseTrigger> {
+}
+export interface PopoverContentProps extends ComponentProps<typeof PopoverContent> {
+}
+export interface PopoverTriggerProps extends ComponentProps<typeof PopoverTrigger> {
+}
+export interface PopoverContextProps extends ComponentProps<typeof PopoverContext> {
+}

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

@@ -0,0 +1 @@
+export * from './Popover';

package/dist/components/table/Table.d.ts

@@ -1,10 +1,15 @@
 import { ComponentProps, FC, ReactNode } from 'react';
+import { TableProviderProps } from './TableProvider';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
 import { TableContainerVariantProps, TableRecipe, TableGroupTitleVariantProps, TableEmptyRowVariantProps } from '@stokelp/styled-system/recipes';
 import { ComponentVariants } from '../../utils/slots';
 
 export declare const TableContainer: StyledComponent<"div", TableContainerVariantProps>;
-export declare const Table: ComponentVariants<StyledComponent<"table", {}>, TableRecipe>;
+declare const StyledTable: ComponentVariants<StyledComponent<"table", {}>, TableRecipe>;
+type StyledTableProps = ComponentProps<typeof StyledTable>;
+export interface TableProps extends StyledTableProps, Pick<TableProviderProps, 'onSortChange'> {
+}
+export declare const Table: FC<TableProps>;
 export declare const Thead: StyledComponent<"thead", {}>;
 export declare const Tbody: StyledComponent<"tbody", {}>;
 export declare const Tr: StyledComponent<"tr", {}>;
@@ -12,6 +17,7 @@ declare const StyledTh: StyledComponent<"th", {}>;
 type StyledThProps = ComponentProps<typeof StyledTh>;
 export interface ThProps extends StyledThProps {
     addon?: ReactNode;
+    sortKey?: string;
 }
 export declare const Th: FC<ThProps>;
 export declare const Td: StyledComponent<"td", {}>;
@@ -21,8 +27,6 @@ export declare const TableGroupTitle: FC<TableGroupTitleProps>;
 declare const StyledTableEmptyRow: StyledComponent<"td", TableEmptyRowVariantProps>;
 export type TableEmptyRowProps = ComponentProps<typeof StyledTableEmptyRow>;
 export declare const TableEmptyRow: FC<TableEmptyRowProps>;
-export interface TableProps extends ComponentProps<typeof Table> {
-}
 export interface TheadProps extends ComponentProps<typeof Thead> {
 }
 export interface TbodyProps extends ComponentProps<typeof Tbody> {

package/dist/components/table/TableProvider.d.ts

@@ -0,0 +1,22 @@
+import { Dispatch, FC, ReactNode } from 'react';
+import { TableSortDescriptor } from './common';
+
+type State = {
+    sortDescriptor: TableSortDescriptor;
+};
+type Action = {
+    type: 'UPDATE_SORT_DESCRIPTOR';
+    payload: TableSortDescriptor;
+} | {
+    type: 'CLEAR_SORT_DESCRIPTOR';
+};
+type Context = State & {
+    dispatch: Dispatch<Action>;
+};
+export interface TableProviderProps {
+    onSortChange?: (descriptor: TableSortDescriptor<any>) => void;
+    children: ReactNode;
+}
+export declare const useTable: () => Context;
+export declare const TableProvider: FC<TableProviderProps>;
+export {};

package/dist/components/table/common.d.ts

@@ -0,0 +1,4 @@
+export type TableSortDescriptor<Key = string> = {
+    key: Key;
+    direction: 'asc' | 'desc';
+} | null;

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

@@ -1 +1,2 @@
 export * from './Table';
+export { type TableSortDescriptor } from './common';