@kazee-ds/react 0.7.0 → 0.10.0

package/dist/types/Card.d.ts

@@ -8,6 +8,8 @@ export interface CardInteractionProps {
     rel?: string;
     onPress?: () => void;
     isDisabled?: boolean;
+    /** Controlled toggle state for the native action button; omitted for ordinary actions. */
+    isSelected?: boolean;
     actionLabel?: string;
     actionLabelledBy?: string;
     actionClassName?: string;
@@ -28,8 +30,8 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement>, StylingProps<
     dividedHeader?: boolean;
     flushFooter?: boolean;
 }
-declare function CompactCard({ title, description, headingLevel, actions, header, titleExtras, footer, children, className, classNames, density, href, target, rel, onPress, isDisabled, actionLabel, actionLabelledBy, actionClassName, renderLink, headerAlign, dividedHeader, flushFooter, ...props }: CardProps): import("react").JSX.Element;
-export declare function CardRoot({ className, classNames, children, density, href, target, rel, onPress, isDisabled, actionLabel, actionLabelledBy, actionClassName, renderLink, ...props }: HTMLAttributes<HTMLDivElement> & CardInteractionProps & StylingProps<'action'>): import("react").JSX.Element;
+declare function CompactCard({ title, description, headingLevel, actions, header, titleExtras, footer, children, className, classNames, density, href, target, rel, onPress, isDisabled, isSelected, actionLabel, actionLabelledBy, actionClassName, renderLink, headerAlign, dividedHeader, flushFooter, ...props }: CardProps): import("react").JSX.Element;
+export declare function CardRoot({ className, classNames, children, density, href, target, rel, onPress, isDisabled, isSelected, actionLabel, actionLabelledBy, actionClassName, renderLink, ...props }: HTMLAttributes<HTMLDivElement> & CardInteractionProps & StylingProps<'action'>): import("react").JSX.Element;
 export declare function CardHeader({ className, align, divided, ...props }: HTMLAttributes<HTMLDivElement> & {
     align?: 'start' | 'center' | 'end';
     divided?: boolean;

package/dist/types/Combobox.d.ts

@@ -1,9 +1,18 @@
 import { ComboboxComposition, ComboboxInputGroup, ComboboxInput, ComboboxTrigger, ComboboxPopover, ComboboxClearButton, type ComboboxCompositionProps } from './combobox-composition.js';
 import { type StylingProps } from './styling.js';
 import { type ReactNode } from 'react';
+import type { SelectSize, SelectVariant } from './Select.js';
 import { type SelectOption } from './selection-options.js';
 export interface ComboboxProps extends StylingProps<'root' | 'label' | 'required' | 'control' | 'leading' | 'input' | 'clearButton' | 'clearIcon' | 'trigger' | 'indicator' | 'popover' | 'list' | 'empty' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator' | 'description' | 'error'> {
     label: string;
+    size?: SelectSize;
+    variant?: SelectVariant;
+    hideLabel?: boolean;
+    fullWidth?: boolean;
+    maxHeight?: number;
+    menuTrigger?: 'input' | 'focus' | 'manual';
+    selectOnFocus?: boolean;
+    disallowEmptySelection?: boolean;
     options: SelectOption[];
     value?: string | null;
     defaultValue?: string | null;

package/dist/types/Dialog.d.ts

@@ -29,6 +29,10 @@ export interface DialogProps extends StylingProps<DialogPart> {
     showCloseButton?: boolean;
     showFooterClose?: boolean;
     closeIconLabel?: string;
+    /** Full-width divider below the header; content keeps its padding. */
+    dividedHeader?: boolean;
+    /** Full-width divider above the footer, when a footer is rendered. */
+    dividedFooter?: boolean;
 }
 declare function DialogComponent(props: DialogProps | DialogRootProps): import("react").JSX.Element;
 export declare const Dialog: typeof DialogComponent & {
@@ -37,11 +41,15 @@ export declare const Dialog: typeof DialogComponent & {
     Backdrop: ({ 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>>;
     Panel: ({ 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>>;
     Content: typeof DialogContent;
-    Header: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Header: ({ divided, className, ...props }: import("react").HTMLAttributes<HTMLDivElement> & {
+        divided?: boolean;
+    }) => import("react").JSX.Element;
     Heading: typeof OverlayHeading;
     Description: typeof OverlayDescription;
     Body: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
-    Footer: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Footer: ({ divided, className, ...props }: import("react").HTMLAttributes<HTMLDivElement> & {
+        divided?: boolean;
+    }) => import("react").JSX.Element;
     CloseButton: typeof DialogCloseButton;
 };
 export {};

package/dist/types/Input.d.ts

@@ -50,7 +50,7 @@ export interface InputProps extends StylingProps<'root' | 'input' | 'control' |
     onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
     dir?: 'ltr' | 'rtl';
 }
-export declare const Input: import("react").ForwardRefExoticComponent<(InputCompositionProps | InputProps) & import("react").RefAttributes<HTMLInputElement>> & {
+export declare const Input: import("react").ForwardRefExoticComponent<(InputProps | InputCompositionProps) & import("react").RefAttributes<HTMLInputElement>> & {
     Root: typeof InputRoot;
     Control: import("react").ForwardRefExoticComponent<Omit<import("react-aria-components").InputProps, "className"> & {
         className?: string;

package/dist/types/Popover.d.ts

@@ -23,9 +23,13 @@ export declare const Popover: typeof PopoverComponent & {
     Dialog: typeof PopoverDialog;
     Heading: typeof OverlayHeading;
     Description: typeof OverlayDescription;
-    Header: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Header: ({ divided, className, ...props }: import("react").HTMLAttributes<HTMLDivElement> & {
+        divided?: boolean;
+    }) => import("react").JSX.Element;
     Body: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
-    Footer: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+    Footer: ({ divided, className, ...props }: import("react").HTMLAttributes<HTMLDivElement> & {
+        divided?: boolean;
+    }) => import("react").JSX.Element;
     CloseButton: typeof PopoverCloseButton;
 };
 export {};

package/dist/types/Select.d.ts

@@ -10,6 +10,7 @@ interface SelectCommonProps extends StylingProps<'root' | 'label' | 'required' |
     onAction?: (value: string) => void;
     label: string;
     options: SelectOption[];
+    maxHeight?: number;
     size?: SelectSize;
     variant?: SelectVariant;
     /** Hide visually while retaining the accessible label. */

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

@@ -1,5 +1,7 @@
 import { type ComboBoxProps, type InputProps, type ButtonProps, type PopoverProps } from 'react-aria-components/ComboBox';
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type RefAttributes } from 'react';
+import { type GroupProps } from 'react-aria-components/Group';
+import type { SelectSize, SelectVariant } from './Select.js';
 export type ComboboxCompositionProps = Omit<ComboBoxProps<object>, 'className' | 'onChange' | 'value' | 'defaultValue'> & {
     className?: string;
     options?: never;
@@ -7,10 +9,19 @@ export type ComboboxCompositionProps = Omit<ComboBoxProps<object>, 'className' |
     value?: string | null;
     defaultValue?: string | null;
     onChange?: (value: string | null) => void;
+    size?: SelectSize;
+    variant?: SelectVariant;
+    hideLabel?: boolean;
+    fullWidth?: boolean;
+    selectOnFocus?: boolean;
+    disallowEmptySelection?: boolean;
+    maxHeight?: number;
 };
-export declare function ComboboxComposition({ className, onChange, ...props }: ComboboxCompositionProps): import("react").JSX.Element;
-export declare function ComboboxInputGroup({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-export declare function ComboboxInput({ className, ...props }: Omit<InputProps, 'className'> & {
+export declare function ComboboxComposition({ className, onChange, size, variant, hideLabel, fullWidth, selectOnFocus, disallowEmptySelection, maxHeight, ...props }: ComboboxCompositionProps): import("react").JSX.Element;
+export declare function ComboboxInputGroup({ className, ...props }: Omit<GroupProps, 'className'> & RefAttributes<HTMLDivElement> & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function ComboboxInput({ className, ...props }: Omit<InputProps, 'className'> & RefAttributes<HTMLInputElement> & {
     className?: string;
 }): import("react").JSX.Element;
 export declare function ComboboxTrigger({ className, children, ...props }: Omit<ButtonProps, 'className'> & {
@@ -19,4 +30,4 @@ export declare function ComboboxTrigger({ className, children, ...props }: Omit<
 export declare function ComboboxPopover({ className, ...props }: Omit<PopoverProps, 'className'> & {
     className?: string;
 }): import("react").JSX.Element;
-export declare function ComboboxClearButton({ className, children, 'aria-label': label, ...props }: Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>): import("react").JSX.Element;
+export declare function ComboboxClearButton({ className, children, 'aria-label': label, ...props }: Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>): import("react").JSX.Element | null;

package/dist/types/selection-popover.d.ts

@@ -0,0 +1,3 @@
+import { type PopoverProps } from 'react-aria-components/Popover';
+/** Positioning must receive the cap: its available-space inline style wins over CSS. */
+export declare function SelectionPopover({ maxHeight, ...props }: PopoverProps): import("react").JSX.Element;

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

@@ -13,9 +13,13 @@ export declare const DialogTriggerPart: ({ className, ...props }: import("react-
 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 OverlayHeader: ({ divided, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+    divided?: boolean;
+}) => 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 const OverlayFooter: ({ divided, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+    divided?: boolean;
+}) => 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;

package/package.json

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