@kazee-ds/react 0.5.5 → 0.7.0

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/dist/types/switch-visual.d.ts

@@ -0,0 +1,21 @@
+import { type HTMLAttributes } from 'react';
+import type { Tone, ComponentSize } from './visual.js';
+export interface SwitchVisualProps {
+    size?: ComponentSize;
+    tone?: Tone;
+    variant?: 'default' | 'outline';
+}
+export declare const SwitchVisualContext: import("react").Context<SwitchVisualProps & {
+    isDisabled?: boolean;
+}>;
+export declare function SwitchGroup({ size, tone, variant, isDisabled, orientation, className, ...props }: HTMLAttributes<HTMLDivElement> & SwitchVisualProps & {
+    label?: string;
+    orientation?: 'horizontal' | 'vertical';
+    isDisabled?: boolean;
+}): import("react").JSX.Element;
+export declare function useSwitchVisual(props: SwitchVisualProps): {
+    size: ComponentSize;
+    tone: Tone;
+    variant: "default" | "outline";
+    disabled: boolean | undefined;
+};

package/dist/types/temporal-model.d.ts

@@ -0,0 +1,44 @@
+export type TemporalKind = 'date' | 'time' | 'datetime';
+export interface TemporalRange {
+    start: string;
+    end: string;
+}
+export type TemporalError = 'invalid' | 'required' | 'incomplete' | 'order' | 'bounds' | 'unavailable' | 'step';
+export interface TemporalConstraints {
+    kind: TemporalKind;
+    minDate?: string;
+    maxDate?: string;
+    minTime?: string;
+    maxTime?: string;
+    minDateTime?: string;
+    maxDateTime?: string;
+    isDateUnavailable?: (date: string) => boolean;
+    isTimeUnavailable?: (time: string) => boolean;
+    isRequired?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    granularity?: 'hour' | 'minute' | 'second';
+    timeZone?: string;
+    disambiguation?: 'compatible' | 'earlier' | 'later' | 'reject';
+}
+/** Wall time is resolved explicitly; DST gaps/overlaps reject by default. */
+export declare function toZonedValue(value: string, timeZone?: string, disambiguation?: TemporalConstraints['disambiguation']): string;
+export declare function toLocalValue(value: string, timeZone?: string, seconds?: boolean): string;
+export declare function temporalError(value: string | null, options: TemporalConstraints): TemporalError | null;
+export declare function temporalRangeError(value: TemporalRange | null, options: TemporalConstraints): TemporalError | null;
+/** Project instant boundaries into the selected display zone for disabled calendar/time options. */
+export declare function temporalDisplayBounds(options: TemporalConstraints, selectedDate?: string): {
+    minDate: string | undefined;
+    maxDate: string | undefined;
+    minTime: string | undefined;
+    maxTime: string | undefined;
+};
+/** Minute-granularity list; seconds are edited with TimeField/TimeClock to avoid 86k DOM options. */
+export declare function timeChoices(options: TemporalConstraints): string[];
+/** User edits zero units hidden by the configured field granularity. */
+export declare function normalizeTime(value: string, granularity?: TemporalConstraints['granularity']): string;
+export declare function normalizeWallDateTime(value: string, granularity?: TemporalConstraints['granularity']): string;
+/** Keep the selected unit and choose the nearest complete valid time for the other units. */
+export declare function resolveTimeUnit(value: string, part: 'hour' | 'minute' | 'second', selected: number, options: TemporalConstraints): string | null;
+export declare function temporalMessages(locale?: string): Record<TemporalError, string>;

package/dist/types/toggle-group-model.d.ts

@@ -4,6 +4,6 @@ export interface ToggleGroupItem {
     isDisabled?: boolean;
 }
 export type ToggleGroupMode = 'single' | 'multiple';
-export type ToggleGroupVariant = 'outline' | 'ghost';
+export type ToggleGroupVariant = 'outline' | 'ghost' | 'chip';
 /** Normalize IDs without discarding existing disabled selections. */
 export declare function toggleIds(value: unknown, items: ToggleGroupItem[], multiple: boolean): string[];

package/dist/types/visual-slot.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement, type ReactNode } from 'react';
+/** Decorate one child while preserving its handlers and ref. */
+export declare function visualSlot(children: ReactNode, props: Record<string, unknown>): ReactElement<Record<string, unknown>, string | import("react").JSXElementConstructor<any>>;

package/dist/types/visual.d.ts

@@ -0,0 +1,5 @@
+export type Tone = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IndicatorPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type AvatarVariant = 'default' | 'soft';
+export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';

package/package.json

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