canny-ui-react 6.1.1 → 6.2.1

package/dist/components/CannyLoader/CannyLoader.d.ts

@@ -0,0 +1,2 @@
+import type { CannyLoaderProps } from './CannyLoader.types';
+export declare const CannyLoader: import("react").ForwardRefExoticComponent<CannyLoaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/CannyLoader/CannyLoader.types.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties, HTMLAttributes } from 'react';
+export interface CannyLoaderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Rendered width in pixels. Height follows from the mark's natural aspect ratio. */
+    size?: number;
+    /** Color of the mark. Any CSS color; defaults to the theme's `--color-primary`. */
+    color?: CSSProperties['color'];
+}

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

@@ -0,0 +1,2 @@
+export { CannyLoader } from './CannyLoader';
+export type { CannyLoaderProps } from './CannyLoader.types';

package/dist/components/Charts/BarChart.d.ts

@@ -15,6 +15,8 @@ export interface BarChartProps<D extends Record<string, unknown> = Record<string
     xKey: string;
     series: BarSeries[];
     height?: number;
+    /** Accessible label for the chart (svg `aria-label` + hidden table caption). */
+    label?: string;
     /** Stack the series instead of grouping them side by side. */
     stacked?: boolean;
     grid?: boolean;
@@ -38,4 +40,4 @@ export interface BarChartProps<D extends Record<string, unknown> = Record<string
      */
     sx?: SxProp;
 }
-export declare function BarChart<D extends Record<string, unknown>>({ data, xKey, series, height, stacked, grid, legend, yTickFormatter, xTickFormatter, renderTooltip, className, style, sx, }: BarChartProps<D>): import("react/jsx-runtime").JSX.Element;
+export declare function BarChart<D extends Record<string, unknown>>({ data, xKey, series, height, label, stacked, grid, legend, yTickFormatter, xTickFormatter, renderTooltip, className, style, sx, }: BarChartProps<D>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/ChartA11y.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+/**
+ * Visually hidden data-table mirror of a chart. Screen readers get the exact
+ * values the SVG conveys visually; sighted users never see it.
+ */
+export declare function SrOnlyChartTable({ caption, head, rows, }: {
+    caption: string;
+    head: string[];
+    rows: ReactNode[][];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Charts/LineChart.d.ts

@@ -7,6 +7,8 @@ export interface LineChartProps<D extends Record<string, unknown> = Record<strin
     xKey: string;
     series: BarSeries[];
     height?: number;
+    /** Accessible label for the chart (svg `aria-label` + hidden table caption). */
+    label?: string;
     /** Fill the area under each line. */
     area?: boolean;
     /** Stack the series (area charts). */

package/dist/components/Charts/PieChart.d.ts

@@ -9,6 +9,8 @@ export interface PieDatum {
 export interface PieChartProps {
     data: PieDatum[];
     height?: number;
+    /** Accessible label for the chart (svg `aria-label` + hidden table caption). */
+    label?: string;
     /** Inner radius as a fraction of the outer radius (0 = pie, 0.6 = donut). */
     innerRadius?: number;
     legend?: boolean;
@@ -29,4 +31,4 @@ export interface PieChartProps {
      */
     sx?: SxProp;
 }
-export declare function PieChart({ data, height, innerRadius, legend, renderTooltip, centerLabel, className, style, sx, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function PieChart({ data, height, label, innerRadius, legend, renderTooltip, centerLabel, className, style, sx, }: PieChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,16 @@
+import type { FC } from 'react';
+import type { ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuCheckboxItemProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuLabelProps, ContextMenuSeparatorProps, ContextMenuSubProps, ContextMenuSubTriggerProps } from './ContextMenu.types';
+export declare const ContextMenu: FC<ContextMenuProps>;
+export declare const ContextMenuTrigger: FC<ContextMenuTriggerProps>;
+export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItem: import("react").ForwardRefExoticComponent<ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuCheckboxItem: import("react").ForwardRefExoticComponent<ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioGroup: FC<ContextMenuRadioGroupProps>;
+export declare const ContextMenuRadioItem: import("react").ForwardRefExoticComponent<ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuLabel: import("react").ForwardRefExoticComponent<ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuSeparator: import("react").ForwardRefExoticComponent<ContextMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuSub: FC<ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: import("react").ForwardRefExoticComponent<ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("../../utils/primitiveProps").PopperContentProps, "align"> & {
+    align?: "start" | "end";
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ContextMenu/ContextMenu.types.d.ts

@@ -0,0 +1,59 @@
+import type { ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';
+import type { OpenStateProps, PopperContentProps, TriggerProps } from '../../utils/primitiveProps';
+import type { SxProp } from '../Layout/sx';
+export type ContextMenuProps = OpenStateProps;
+export type ContextMenuTriggerProps = TriggerProps;
+export interface ContextMenuContentProps extends ComponentPropsWithoutRef<'div'> {
+    className?: string;
+    /** Nudge, in px, along the alignment axis from where the pointer opened the menu. Default: `-4`. */
+    alignOffset?: number;
+    /** Density of the menu: `sm` tightens padding and type, `md` is the default. */
+    size?: 'sm' | 'md';
+    /** One-off CSS for the menu content panel. */
+    sx?: SxProp;
+}
+export interface ContextMenuItemProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onSelect'> {
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+    textValue?: string;
+    icon?: ReactNode;
+    shortcut?: ReactNode;
+    destructive?: boolean;
+}
+export interface ContextMenuCheckboxItemProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onSelect'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+    textValue?: string;
+    shortcut?: ReactNode;
+}
+export interface ContextMenuRadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+export interface ContextMenuRadioItemProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onSelect'> {
+    value: string;
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+    textValue?: string;
+    shortcut?: ReactNode;
+}
+export interface ContextMenuLabelProps extends ComponentPropsWithoutRef<'div'> {
+}
+export type ContextMenuSeparatorProps = HTMLAttributes<HTMLDivElement>;
+export interface ContextMenuSubProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+}
+export interface ContextMenuSubTriggerProps extends ComponentPropsWithoutRef<'div'> {
+    disabled?: boolean;
+    textValue?: string;
+    icon?: ReactNode;
+}
+export type ContextMenuSubContentProps = Omit<PopperContentProps, 'align'> & {
+    /** Submenus open flush with the start or end of their trigger row; `center` is not supported. */
+    align?: 'start' | 'end';
+};

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

@@ -0,0 +1,2 @@
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuCheckboxItemProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuLabelProps, ContextMenuSeparatorProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuSubContentProps, } from './ContextMenu.types';

package/dist/components/Menu/Menu.d.ts

@@ -109,5 +109,11 @@ export interface MenuSubTriggerProps extends ComponentPropsWithoutRef<'div'> {
     icon?: ReactNode;
 }
 export declare const MenuSubTrigger: import("react").ForwardRefExoticComponent<MenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
-export type MenuSubContentProps = PopperContentProps;
-export declare const MenuSubContent: import("react").ForwardRefExoticComponent<PopperContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export type MenuSubContentProps = Omit<PopperContentProps, 'align'> & {
+    /** Submenus open flush with the start or end of their trigger row; `center` is not supported. */
+    align?: 'start' | 'end';
+};
+export declare const MenuSubContent: import("react").ForwardRefExoticComponent<Omit<PopperContentProps, "align"> & {
+    /** Submenus open flush with the start or end of their trigger row; `center` is not supported. */
+    align?: "start" | "end";
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,4 +1,7 @@
-import type { SidebarProps, SidebarSectionProps, SidebarItemProps } from './Sidebar.types';
+import type { SidebarProps, SidebarHeaderProps, SidebarFooterProps, SidebarToggleProps, SidebarSectionProps, SidebarItemProps } from './Sidebar.types';
 export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
+export declare const SidebarHeader: import("react").ForwardRefExoticComponent<SidebarHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooter: import("react").ForwardRefExoticComponent<SidebarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarToggle: import("react").ForwardRefExoticComponent<SidebarToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const SidebarSection: import("react").ForwardRefExoticComponent<SidebarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/Sidebar/Sidebar.types.d.ts

@@ -1,4 +1,4 @@
-import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import type { SxProp } from '../Layout/sx';
 export type SidebarWidth = 'thin' | 'default' | 'wide';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
@@ -14,6 +14,16 @@ export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     sx?: SxProp;
     children: ReactNode;
 }
+export interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface SidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface SidebarToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
+    collapsed?: boolean;
+    onClick?: () => void;
+}
 export interface SidebarSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     title?: ReactNode;
     children: ReactNode;

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

@@ -1,2 +1,2 @@
-export { Sidebar, SidebarSection, SidebarItem } from './Sidebar';
-export type { SidebarProps, SidebarSectionProps, SidebarItemProps, SidebarWidth } from './Sidebar.types';
+export { Sidebar, SidebarHeader, SidebarFooter, SidebarToggle, SidebarSection, SidebarItem } from './Sidebar';
+export type { SidebarProps, SidebarHeaderProps, SidebarFooterProps, SidebarToggleProps, SidebarSectionProps, SidebarItemProps, SidebarWidth, } from './Sidebar.types';