canny-ui-react 3.0.0 → 4.0.0

package/dist/components/PanelGroup/PanelGroup.d.ts

@@ -0,0 +1,33 @@
+import type { HTMLAttributes, PointerEvent } from 'react';
+export type PanelDirection = 'horizontal' | 'vertical';
+export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
+    /** Initial size as a percentage of the group. */
+    defaultSize?: number;
+    /** Minimum size in percent. Default 10. */
+    minSize?: number;
+    /** Maximum size in percent. Default 90. */
+    maxSize?: number;
+}
+export declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<HTMLDivElement>>;
+interface HandleInternal {
+    direction: PanelDirection;
+    valueNow: number;
+    valueMin: number;
+    valueMax: number;
+    onResizeStart: (e: PointerEvent<HTMLDivElement>) => void;
+    onKeyResize: (dir: 1 | -1) => void;
+}
+export interface PanelResizeHandleProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    /** @internal injected by PanelGroup */
+    __internal?: HandleInternal;
+}
+export declare const PanelResizeHandle: import("react").ForwardRefExoticComponent<PanelResizeHandleProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface PanelGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Layout axis. Default `'horizontal'`. */
+    direction?: PanelDirection;
+}
+export declare const PanelGroup: import("react").ForwardRefExoticComponent<PanelGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+/** No-op kept for drop-in compatibility with `react-resizable-panels`. */
+export declare function disableGlobalCursorStyles(): void;
+export {};

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

@@ -0,0 +1,2 @@
+export { PanelGroup, Panel, PanelResizeHandle, disableGlobalCursorStyles } from './PanelGroup';
+export type { PanelGroupProps, PanelProps, PanelResizeHandleProps, PanelDirection, } from './PanelGroup';

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,55 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type TimelineDotColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+/** Which side the content sits on relative to the central rail. */
+export type TimelinePosition = 'right' | 'left' | 'alternate';
+/** Rail direction. */
+export type TimelineOrientation = 'vertical' | 'horizontal';
+/** Density preset — scales dots, connector thickness, and type. */
+export type TimelineSize = 'sm' | 'md' | 'lg';
+export interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
+    /** Side the content sits on relative to the rail. Default `'right'`. (Vertical only.) */
+    position?: TimelinePosition;
+    /** Rail direction. Default `'vertical'`. */
+    orientation?: TimelineOrientation;
+    /** Density preset. Default `'md'`. */
+    size?: TimelineSize;
+}
+export declare const Timeline: import("react").ForwardRefExoticComponent<TimelineProps & import("react").RefAttributes<HTMLOListElement>>;
+export type TimelineItemProps = HTMLAttributes<HTMLLIElement>;
+export declare const TimelineItem: import("react").ForwardRefExoticComponent<TimelineItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export type TimelineSeparatorProps = HTMLAttributes<HTMLDivElement>;
+export declare const TimelineSeparator: import("react").ForwardRefExoticComponent<TimelineSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+/** Dot fill treatment. */
+export type TimelineDotVariant = 'filled' | 'outlined' | 'soft';
+export interface TimelineDotProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Semantic color. Default `'neutral'`. */
+    color?: TimelineDotColor;
+    /** Fill treatment: filled (default), outlined ring, or soft tint. */
+    variant?: TimelineDotVariant;
+    /** Optional icon (or number) rendered inside the dot. */
+    icon?: ReactNode;
+    /** Pulsing ring to mark the current step. Respects reduced-motion. */
+    active?: boolean;
+}
+export declare const TimelineDot: import("react").ForwardRefExoticComponent<TimelineDotProps & import("react").RefAttributes<HTMLSpanElement>>;
+/** Connector line style. */
+export type TimelineConnectorLineStyle = 'solid' | 'dashed' | 'dotted';
+export interface TimelineConnectorProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Tint the segment to show a completed step. Omit for a neutral hairline. */
+    color?: TimelineDotColor;
+    /** Line style. Default `'solid'`. */
+    lineStyle?: TimelineConnectorLineStyle;
+}
+export declare const TimelineConnector: import("react").ForwardRefExoticComponent<TimelineConnectorProps & import("react").RefAttributes<HTMLSpanElement>>;
+/** Content treatment: plain, bordered card, or elevated card. */
+export type TimelineContentVariant = 'plain' | 'card' | 'elevated';
+export interface TimelineContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** `'card'` = bordered block, `'elevated'` = card with shadow. Default `'plain'`. */
+    variant?: TimelineContentVariant;
+    /** Adds a colored left-accent border to a card, matched to a status color. */
+    accentColor?: TimelineDotColor;
+}
+export declare const TimelineContent: import("react").ForwardRefExoticComponent<TimelineContentProps & import("react").RefAttributes<HTMLDivElement>>;
+/** Slot rendered on the opposite side of the rail from the content (e.g. a timestamp). */
+export type TimelineOppositeContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const TimelineOppositeContent: import("react").ForwardRefExoticComponent<TimelineOppositeContentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Timeline, TimelineItem, TimelineSeparator, TimelineDot, TimelineConnector, TimelineContent, TimelineOppositeContent, } from './Timeline';
+export type { TimelineDotColor, TimelinePosition, TimelineOrientation, TimelineSize, TimelineDotVariant, TimelineConnectorLineStyle, TimelineContentVariant, TimelineDotProps, TimelineProps, TimelineItemProps, TimelineSeparatorProps, TimelineConnectorProps, TimelineContentProps, TimelineOppositeContentProps, } from './Timeline';

package/dist/components/TreeView/RichTreeView.d.ts

@@ -0,0 +1,28 @@
+import type { ReactElement, ReactNode, Ref } from 'react';
+import type { TreeViewProps } from './TreeView';
+/** Minimal shape RichTreeView expects; extra fields are passed through untouched. */
+export type RichTreeViewItem = {
+    id?: string;
+    label?: ReactNode;
+    children?: RichTreeViewItem[];
+    [key: string]: unknown;
+};
+export interface RichTreeViewProps<T extends RichTreeViewItem = RichTreeViewItem> extends TreeViewProps {
+    /** Hierarchical data. */
+    items: T[];
+    /** Derive a stable id. Default `item.id`. */
+    getItemId?: (item: T) => string;
+    /** Derive the row label. Default `item.label`. */
+    getItemLabel?: (item: T) => ReactNode;
+    /** Derive child items. Default `item.children`. */
+    getItemChildren?: (item: T) => T[] | undefined;
+    /** Optional per-item leading icon. */
+    getItemIcon?: (item: T) => ReactNode;
+}
+/**
+ * Data-driven tree. Renders a `TreeView` from a `items` array; all expansion /
+ * selection props are forwarded to the underlying `TreeView`.
+ */
+export declare const RichTreeView: <T extends RichTreeViewItem = RichTreeViewItem>(props: RichTreeViewProps<T> & {
+    ref?: Ref<HTMLUListElement>;
+}) => ReactElement;

package/dist/components/TreeView/TreeView.d.ts

@@ -0,0 +1,31 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TreeViewProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onSelect'> {
+    /** Controlled set of expanded item ids. */
+    expandedIds?: string[];
+    /** Initial expanded ids when uncontrolled. */
+    defaultExpandedIds?: string[];
+    /** Fired with the next expanded ids whenever an item expands or collapses. */
+    onExpandedChange?: (ids: string[]) => void;
+    /** Controlled selected item id. */
+    selectedId?: string | null;
+    /** Initial selected id when uncontrolled. */
+    defaultSelectedId?: string | null;
+    /** Fired with the selected id. */
+    onSelectedChange?: (id: string) => void;
+    /** Fired when a specific item toggles — `(id, willExpand)`. Use for lazy loading. */
+    onItemExpandToggle?: (id: string, expanded: boolean) => void;
+    /** Auto folder/file icons for items without their own icon. Default `true`. */
+    defaultIcons?: boolean;
+}
+export declare const TreeView: import("react").ForwardRefExoticComponent<TreeViewProps & import("react").RefAttributes<HTMLUListElement>>;
+export interface TreeItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
+    /** Stable id for this node. */
+    itemId: string;
+    /** Row label. */
+    label: ReactNode;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+    /** Child TreeItems. */
+    children?: ReactNode;
+}
+export declare const TreeItem: import("react").ForwardRefExoticComponent<TreeItemProps & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,4 @@
+export { TreeView, TreeItem } from './TreeView';
+export type { TreeViewProps, TreeItemProps } from './TreeView';
+export { RichTreeView } from './RichTreeView';
+export type { RichTreeViewProps, RichTreeViewItem } from './RichTreeView';