@stokelp/ui 1.23.0 → 1.25.0

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, FC, ReactNode, ForwardRefExoticComponent, DetailedHTMLProps, AnchorHTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject } from 'react';
+import { ComponentVariants } from '../../utils/slots';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+import { BreadcrumbRecipe } from '@stokelp/styled-system/recipes';
+import { PolymorphicProps } from '@ark-ui/react';
+
+declare const StyledBreadcrumb: ComponentVariants<StyledComponent<"nav", {}>, BreadcrumbRecipe>;
+export declare const BreadcrumbItem: StyledComponent<"li", {}>;
+export declare const BreadcrumbLink: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLAnchorElement> | null | undefined;
+} & PolymorphicProps>, {}>;
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+export interface BreadcrumbLinkProps extends ComponentProps<typeof BreadcrumbLink> {
+}
+export interface BreadcrumbItemProps extends ComponentProps<typeof BreadcrumbItem> {
+}
+export interface BreadcrumbProps extends ComponentProps<typeof StyledBreadcrumb> {
+    separator?: ReactNode;
+}
+export {};

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

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

package/dist/components/index.d.ts

@@ -21,4 +21,6 @@ export * from './icon-button';
 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';