@kazee-ds/react 0.5.4 → 0.6.0

package/dist/types/index.d.ts

@@ -85,3 +85,30 @@ export { ToastProvider, Toast, useToast } from './Toast.js';
 export type { ToastProviderProps, ToastProps } from './Toast.js';
 export { createToastManager } from './toast-model.js';
 export type { ToastTone, ToastPlacement, ToastCloseReason, ToastAction, ToastOptions, ToastEntry, ToastManagerOptions, ToastPromiseMessages, ToastManager, } from './toast-model.js';
+export type { StylingProps } from './styling.js';
+export { ListBox, Description, FieldError, Header } from './control-composition.js';
+export type { SelectCompositionProps, InputCompositionProps } from './control-composition.js';
+export type { CheckboxCompositionProps, SwitchCompositionProps, RadioGroupCompositionProps, } from './choice-composition.js';
+export type { NumberFieldCompositionProps } from './number-composition.js';
+export type { ComboboxCompositionProps } from './combobox-composition.js';
+export { CardRoot, CardHeader, CardHeading, CardTitleRow, CardTitle, CardDescription, CardActions, CardContent, CardFooter, } from './Card.js';
+export type { CardPart } from './Card.js';
+export { TabsRoot, TabsListContainer, TabsList, TabsTab, TabsPanel, TabsIndicator, TabsSeparator, } from './Tabs.js';
+export type { TabsPart, TabsRootProps } from './Tabs.js';
+export { PaginationRoot, PaginationPageButton, PaginationPrevious, PaginationNext, PaginationSummary, PaginationContent, PaginationItem, PaginationEllipsis, } from './Pagination.js';
+export type { PaginationPart, PaginationRootProps } from './Pagination.js';
+export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItemPart, BreadcrumbLink, BreadcrumbCurrent, BreadcrumbSeparator, } from './Breadcrumb.js';
+export type { BreadcrumbPart } from './Breadcrumb.js';
+export { AlertTitle, AlertDescription, AlertContent, AlertActions, AlertIndicator, } from './Alert.js';
+export type { AlertPart } from './Alert.js';
+export type { EmptyPart } from './Empty.js';
+export type { SidebarPart } from './Sidebar.js';
+export type { ChartPart } from './Chart.js';
+export type { DataTablePart } from './DataTable.js';
+export { DialogRoot, DialogTriggerPart, DialogBackdrop as DialogBackdropPart, DialogPanel, DialogContent, OverlayHeader, OverlayBody, OverlayFooter, OverlayHeading, OverlayDescription, DialogCloseButton, PopoverTrigger, PopoverContent, PopoverDialog, PopoverCloseButton, TooltipRoot, TooltipTriggerPart, TooltipContent, DropdownRoot, DropdownTrigger, DropdownPopover, DropdownList, DropdownItem, DropdownSection, DropdownHeading, DropdownSeparator, TableRoot, TableScrollContainer, TableHeader, TableBody, TableFooter, TableRow, TableColumn, TableCell, TableCaption, } from './structural-parts.js';
+export type { DialogRootProps, TooltipRootProps, DropdownRootProps } from './structural-parts.js';
+export { EmptyRoot, EmptyTitle, EmptyDescription, EmptyActions, SidebarRoot, SidebarHeader, SidebarTitle, SidebarToggle, SidebarNavigation, SidebarList, SidebarItem, SidebarLink, ChartRoot, ChartTitle, ChartDescription, ChartPlot, DataTableRoot, DataTableSortButton, DataTableStatus, DataTableError, } from './layout-parts.js';
+export type { SidebarRootProps, DataTableRootProps } from './layout-parts.js';
+export { ToastRoot, ToastIndicator, ToastBody, ToastTitle, ToastDescription, ToastActions, ToastActionButton, ToastCloseButton, ToastProgress, } from './Toast.js';
+export { DropdownItemIndicator, DropdownSubmenuTrigger, DropdownSubmenuIndicator, } from './structural-parts.js';
+export { DataTableColumn as DataTableColumnPart, DataTableEmpty } from './layout-parts.js';

package/dist/types/label-context.d.ts

@@ -0,0 +1,8 @@
+/** Item labels use Text slots rather than introducing native label elements. */
+export declare const ItemLabelContext: import("react").Context<boolean>;
+/** Field feedback parts share styling without coupling labels to a specific control. */
+export declare const FieldPartClassesContext: import("react").Context<{
+    label?: string;
+    description?: string;
+    error?: string;
+}>;

package/dist/types/layout-parts.d.ts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes, type AnchorHTMLAttributes, type ButtonHTMLAttributes, type SVGAttributes, type ThHTMLAttributes, type TdHTMLAttributes } from 'react';
+import type { TableSort } from './data-table-types.js';
+export declare function EmptyRoot({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function EmptyTitle({ className, headingLevel, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}): import("react").JSX.Element;
+export declare function EmptyDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function EmptyActions({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface SidebarRootProps extends HTMLAttributes<HTMLElement> {
+    label: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function SidebarRoot({ label, open, defaultOpen, onOpenChange, id, className, ...props }: SidebarRootProps): import("react").JSX.Element;
+export declare function SidebarHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function SidebarTitle({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
+export declare function SidebarToggle({ className, onClick, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
+export declare function SidebarNavigation(props: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+export declare function SidebarList(props: HTMLAttributes<HTMLUListElement>): import("react").JSX.Element;
+export declare function SidebarItem(props: HTMLAttributes<HTMLLIElement>): import("react").JSX.Element;
+export declare function SidebarLink({ className, isDisabled, href, onClick, children, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & {
+    isDisabled?: boolean;
+}): import("react").JSX.Element;
+export declare function ChartRoot({ className, ...props }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+export declare function ChartTitle({ className, ...props }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+export declare function ChartDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function ChartPlot({ className, ...props }: SVGAttributes<SVGSVGElement>): import("react").JSX.Element;
+export interface DataTableRootProps extends HTMLAttributes<HTMLDivElement> {
+    sort?: TableSort | null;
+    onSortChange?: (sort: TableSort) => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+}
+export declare function DataTableRoot({ sort, onSortChange, isLoading, isDisabled, className, ...props }: DataTableRootProps): import("react").JSX.Element;
+export declare function DataTableSortButton({ columnId, className, onClick, disabled, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
+    columnId: string;
+}): import("react").JSX.Element;
+export declare function DataTableColumn({ columnId, scope, ...props }: ThHTMLAttributes<HTMLTableCellElement> & {
+    columnId?: string;
+}): import("react").JSX.Element;
+export declare function DataTableEmpty({ className, ...props }: TdHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;
+export declare function DataTableStatus({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function DataTableError({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;

package/dist/types/number-composition.d.ts

@@ -0,0 +1,24 @@
+import { type NumberFieldProps as AriaNumberFieldProps, type GroupProps, type InputProps, type ButtonProps } from 'react-aria-components/NumberField';
+export type NumberFieldCompositionProps = Omit<AriaNumberFieldProps, 'className' | 'value' | 'defaultValue' | 'onChange' | 'minValue' | 'maxValue'> & {
+    className?: string;
+    label?: never;
+    locale?: string;
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+};
+export declare function NumberFieldComposition({ className, locale, value, defaultValue, onChange, min, max, ...props }: NumberFieldCompositionProps): import("react").JSX.Element;
+export declare function NumberFieldGroup({ className, ...props }: Omit<GroupProps, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function NumberFieldInput({ className, ...props }: Omit<InputProps, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function NumberFieldIncrement({ className, ...props }: Omit<ButtonProps, 'className' | 'slot'> & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function NumberFieldDecrement({ className, ...props }: Omit<ButtonProps, 'className' | 'slot'> & {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/types/structural-parts.d.ts

@@ -0,0 +1,56 @@
+import { type ComponentProps, type HTMLAttributes, type TableHTMLAttributes, type ThHTMLAttributes, type TdHTMLAttributes, type SVGAttributes } from 'react';
+import { DialogTrigger, Dialog, Heading } from 'react-aria-components/Dialog';
+import { Button } from 'react-aria-components/Button';
+import { TooltipTrigger } from 'react-aria-components/Tooltip';
+import { MenuTrigger, type MenuProps } from 'react-aria-components/Menu';
+import { Text } from 'react-aria-components/Text';
+export type DialogRootProps = Omit<ComponentProps<typeof DialogTrigger>, 'isOpen' | 'defaultOpen'> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+};
+export declare function DialogRoot({ open, defaultOpen, ...props }: DialogRootProps): import("react").JSX.Element;
+export declare const DialogTriggerPart: ({ className, ...props }: import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const DialogBackdrop: ({ className, ...props }: import("react-aria-components").ModalOverlayProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<import("react-aria-components").ModalOverlayProps & import("react").RefAttributes<HTMLDivElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const DialogPanel: ({ className, ...props }: import("react-aria-components").ModalOverlayProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<import("react-aria-components").ModalOverlayProps & import("react").RefAttributes<HTMLDivElement>, string | import("react").JSXElementConstructor<any>>;
+export declare function DialogContent(props: ComponentProps<typeof Dialog>): import("react").JSX.Element;
+export declare const OverlayHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const OverlayBody: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const OverlayFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare function OverlayHeading({ level, slot, ...props }: ComponentProps<typeof Heading>): import("react").JSX.Element;
+export declare function OverlayDescription({ className, slot, id, ...props }: ComponentProps<typeof Text>): import("react").JSX.Element;
+export declare function DialogCloseButton({ slot, ...props }: ComponentProps<typeof Button>): import("react").JSX.Element;
+export declare const PopoverTrigger: ({ className, ...props }: import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const PopoverContent: ({ className, ...props }: import("react-aria-components").PopoverProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<import("react-aria-components").PopoverProps & import("react").RefAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
+export declare function PopoverDialog(props: ComponentProps<typeof Dialog>): import("react").JSX.Element;
+export declare function PopoverCloseButton({ slot, ...props }: ComponentProps<typeof Button>): import("react").JSX.Element;
+export type TooltipRootProps = Omit<ComponentProps<typeof TooltipTrigger>, 'isOpen' | 'defaultOpen'> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+};
+export declare function TooltipRoot({ open, defaultOpen, ...props }: TooltipRootProps): import("react").JSX.Element;
+export declare const TooltipTriggerPart: ({ className, ...props }: import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const TooltipContent: ({ className, ...props }: import("react-aria-components").TooltipProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<import("react-aria-components").TooltipProps & import("react").RefAttributes<HTMLDivElement>, string | import("react").JSXElementConstructor<any>>;
+export type DropdownRootProps = Omit<ComponentProps<typeof MenuTrigger>, 'isOpen' | 'defaultOpen'> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+};
+export declare function DropdownRoot({ open, defaultOpen, ...props }: DropdownRootProps): import("react").JSX.Element;
+export declare const DropdownTrigger: ({ className, ...props }: import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const DropdownPopover: ({ className, ...props }: import("react-aria-components").PopoverProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<import("react-aria-components").PopoverProps & import("react").RefAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
+export declare function DropdownList<T extends object>(props: MenuProps<T>): import("react").JSX.Element;
+export declare const DropdownItem: ({ className, ...props }: import("react-aria-components").MenuItemProps<unknown> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<import("react-aria-components").MenuItemProps<unknown> & import("react").RefAttributes<HTMLDivElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const DropdownSection: <T>(props: import("react-aria-components").MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => import("react").ReactElement | null;
+export declare const DropdownHeading: ({ className, ...props }: import("react-aria-components").HeaderProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<import("react-aria-components").HeaderProps & import("react").RefAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const DropdownSeparator: ({ className, ...props }: import("react-aria-components").SeparatorProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<import("react-aria-components").SeparatorProps & import("react").RefAttributes<HTMLElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const DropdownSubmenuTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
+export declare function DropdownItemIndicator({ className, children, ...props }: SVGAttributes<SVGSVGElement>): import("react").JSX.Element;
+export declare function DropdownSubmenuIndicator({ className, children, ...props }: SVGAttributes<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableRoot({ className, ...props }: TableHTMLAttributes<HTMLTableElement>): import("react").JSX.Element;
+export declare function TableScrollContainer({ className, 'aria-label': label, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function TableHeader(props: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableBody(props: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableFooter(props: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableRow(props: HTMLAttributes<HTMLTableRowElement>): import("react").JSX.Element;
+export declare function TableColumn({ scope, ...props }: ThHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;
+export declare function TableCell(props: TdHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;
+export declare function TableCaption({ className, ...props }: HTMLAttributes<HTMLTableCaptionElement>): import("react").JSX.Element;

package/dist/types/styling.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+/** Stable public styling slots; classes are applied directly to their owning element. */
+export interface StylingProps<Part extends string = never> {
+    className?: string;
+    style?: CSSProperties;
+    classNames?: Partial<Record<Part | 'root', string>>;
+}
+export declare function partClass(base: string, override?: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kazee-ds/react",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "type": "module",
   "exports": {
     ".": {