my-you-eye 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue } from 'clsx';
 import * as react from 'react';
-import { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ComponentPropsWithoutRef, ReactNode, TextareaHTMLAttributes } from 'react';
+import { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ComponentPropsWithoutRef, ReactNode, TextareaHTMLAttributes, ImgHTMLAttributes, FC } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { Root } from '@radix-ui/react-label';
@@ -261,7 +261,10 @@ interface TableProps extends HTMLAttributes<HTMLTableElement>, VariantProps<type
 }
 declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
 
-declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
+interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+    sticky?: boolean;
+}
+declare const TableHeader: react.ForwardRefExoticComponent<TableHeaderProps & react.RefAttributes<HTMLTableSectionElement>>;
 
 declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
 
@@ -274,6 +277,7 @@ declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.Re
 
 declare const headVariants: (props?: ({
     density?: "normal" | "compact" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TableHeadProps extends HTMLAttributes<HTMLTableCellElement>, VariantProps<typeof headVariants> {
 }
@@ -281,6 +285,7 @@ declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.
 
 declare const cellVariants: (props?: ({
     density?: "normal" | "compact" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TableCellProps extends HTMLAttributes<HTMLTableCellElement>, VariantProps<typeof cellVariants> {
 }
@@ -340,14 +345,14 @@ declare const StatusDot: react.ForwardRefExoticComponent<StatusDotProps & react.
 type KbdProps = HTMLAttributes<HTMLElement>;
 declare const Kbd: react.ForwardRefExoticComponent<KbdProps & react.RefAttributes<HTMLElement>>;
 
-type CellValueType = "text" | "boolean" | "email" | "url" | "json" | "null" | "badge" | "status";
+type CellValueType = "text" | "boolean" | "email" | "url" | "json" | "null" | "badge" | "status" | "number" | "percentage" | "date" | "datetime" | "bytes" | "duration" | "array" | "image" | "audio" | "tree";
 type UrlReplacement = {
     pattern: string | RegExp;
     label: string;
 };
 interface CellValueProps {
     type?: CellValueType;
-    value: unknown;
+    value?: unknown;
     badgeVariant?: BadgeProps["variant"];
     badgeStyle?: BadgeProps["style"];
     statusVariant?: StatusDotProps["variant"];
@@ -362,6 +367,18 @@ interface CanvasProps extends HTMLAttributes<HTMLDivElement> {
     minZoom?: number;
     maxZoom?: number;
     zoomStep?: number;
+    controls?: ReactNode;
+    onBackgroundClick?: () => void;
+    offset?: {
+        x: number;
+        y: number;
+    };
+    zoom?: number;
+    onOffsetChange?: (o: {
+        x: number;
+        y: number;
+    }) => void;
+    onZoomChange?: (z: number) => void;
 }
 declare const Canvas: react.ForwardRefExoticComponent<CanvasProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -376,6 +393,8 @@ interface PortDef {
 interface GraphNodeRow {
     label: string;
     value: ReactNode;
+    portLeft?: PortDef;
+    portRight?: PortDef;
 }
 interface GraphNodeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof graphNodeVariants> {
     x: number;
@@ -402,7 +421,7 @@ declare const Typography: react.ForwardRefExoticComponent<TypographyProps & reac
 
 interface TreeNodeValue {
     type: CellValueType;
-    value: unknown;
+    value?: unknown;
     badgeVariant?: "neutral" | "primary" | "success" | "warning" | "danger";
     badgeStyle?: "solid" | "soft";
     statusVariant?: "neutral" | "success" | "warning" | "danger" | "info";
@@ -414,17 +433,19 @@ interface TreeNode {
     value?: TreeNodeValue;
     children?: TreeNode[];
     icon?: ReactNode;
-    defaultCollapsed?: boolean;
 }
 interface TreeViewProps extends VariantProps<typeof treeVariants> {
     data: TreeNode[];
     indent?: number;
+    defaultExpandedDepth?: number;
+    expandedKeys?: Set<string>;
+    onToggle?: (id: string) => void;
     replacements?: UrlReplacement[];
 }
 declare const treeVariants: (props?: ({
     variant?: "default" | "condensed" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function TreeView({ data, variant, indent, replacements }: TreeViewProps): react.JSX.Element;
+declare function TreeView({ data, variant, indent, defaultExpandedDepth, expandedKeys, onToggle, replacements, }: TreeViewProps): react.JSX.Element;
 
 declare const codeBlockVariants: (props?: ({
     variant?: "default" | "elevated" | null | undefined;
@@ -452,6 +473,21 @@ interface ComboboxProps {
 }
 declare function Combobox({ options, value, onChange, placeholder, emptyText, className, disabled, }: ComboboxProps): react.JSX.Element;
 
+interface MultiSelectOption {
+    value: string;
+    label: string;
+}
+interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    placeholder?: string;
+    emptyText?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function MultiSelect({ options, value, onChange, placeholder, emptyText, className, disabled, }: MultiSelectProps): react.JSX.Element;
+
 interface CommandAction {
     id: string;
     label: string;
@@ -474,7 +510,7 @@ interface CommandPaletteProps {
 declare function CommandPalette({ open, onOpenChange, actions, onSelect, placeholder, emptyText, groups, }: CommandPaletteProps): react.JSX.Element;
 
 declare const drawerContentVariants: (props?: ({
-    side?: "right" | "left" | null | undefined;
+    side?: "left" | "right" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof Content>, VariantProps<typeof drawerContentVariants> {
@@ -505,6 +541,29 @@ interface DataListProps extends HTMLAttributes<HTMLDListElement>, VariantProps<t
 }
 declare const DataList: react.ForwardRefExoticComponent<DataListProps & react.RefAttributes<HTMLDListElement>>;
 
+type StatusVariant = "neutral" | "success" | "warning" | "danger" | "info";
+interface DataTableColumn {
+    key: string;
+    header: string;
+    type?: CellValueType;
+    align?: "left" | "right" | "center";
+    badgeVariant?: "neutral" | "primary" | "success" | "warning" | "danger";
+    badgeStyle?: "solid" | "soft";
+    statusVariant?: StatusVariant | ((value: unknown) => StatusVariant);
+    statusPulse?: boolean;
+}
+interface DataTableProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof dataTableVariants> {
+    columns: DataTableColumn[];
+    rows: Record<string, unknown>[];
+    stickyHeader?: boolean;
+    replacements?: UrlReplacement[];
+}
+declare const dataTableVariants: (props?: ({
+    variant?: "default" | "striped" | null | undefined;
+    density?: "normal" | "compact" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const DataTable: react.ForwardRefExoticComponent<DataTableProps & react.RefAttributes<HTMLDivElement>>;
+
 interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     label?: string;
     showValue?: boolean;
@@ -516,4 +575,85 @@ interface MarkdownProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function Markdown({ content, className, ...props }: MarkdownProps): react.JSX.Element;
 
-export { Alert, Avatar, Badge, Breadcrumbs, Button, Canvas, Card, CardContent, CardFooter, CardHeader, CardTitle, CellValue, Checkbox, CodeBlock, Combobox, CommandPalette, ConfirmDialog, DataList, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, EmptyState, FormField, GraphNode, Input, Kbd, Label, Markdown, PageShell, Pagination, PopoverContent, Port, Progress, RadioGroup, RadioGroupItem, SelectContent, SelectItem, SelectTrigger, Separator, Skeleton, Slider, Spinner, StatCard, StatusDot, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toolbar, Tooltip, TooltipContent, TooltipProvider, TreeView, Typography, cn, useToast };
+interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const lineVariants: (props?: ({
+    variant?: "bezier" | "stepped" | "straight" | null | undefined;
+    state?: "default" | "connected" | "highlighted" | "pending" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ConnectionLineProps extends VariantProps<typeof lineVariants> {
+    from: {
+        x: number;
+        y: number;
+    };
+    to: {
+        x: number;
+        y: number;
+    };
+    className?: string;
+}
+declare function ConnectionLine({ className, variant, state, from, to, }: ConnectionLineProps): react.JSX.Element;
+
+interface FileDropProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDrop"> {
+    onDrop?: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+}
+declare const FileDrop: react.ForwardRefExoticComponent<FileDropProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const imageVariants: (props?: ({
+    fit?: "fill" | "none" | "contain" | "cover" | "scaleDown" | null | undefined;
+    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+    aspect?: "auto" | "square" | "video" | "wide" | "tall" | null | undefined;
+    bordered?: boolean | null | undefined;
+    shadowed?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof imageVariants> {
+    caption?: string;
+}
+declare const Image: react.ForwardRefExoticComponent<ImageProps & react.RefAttributes<HTMLImageElement>>;
+
+interface PortRef {
+    nodeId: string;
+    rowIndex: number;
+    side: "left" | "right";
+}
+type NodeState = "default" | "selected" | "muted";
+type EdgeState = "default" | "selected";
+interface EditorNode {
+    id: string;
+    x: number;
+    y: number;
+    header: string;
+    rows: GraphNodeRow[];
+    footer?: string;
+    accent?: boolean;
+    state?: NodeState;
+}
+interface EditorEdge {
+    id: string;
+    from: PortRef;
+    to: PortRef;
+    state?: EdgeState;
+}
+
+interface OrchestratorProps {
+    initialNodes: EditorNode[];
+    initialEdges?: EditorEdge[];
+    snapToGrid?: boolean;
+    className?: string;
+    controls?: ReactNode;
+    onChange?: (state: {
+        nodes: EditorNode[];
+        edges: EditorEdge[];
+    }) => void;
+}
+declare const Orchestrator: FC<OrchestratorProps>;
+
+export { Alert, Avatar, Badge, Breadcrumbs, Button, Canvas, Card, CardContent, CardFooter, CardHeader, CardTitle, CellValue, Checkbox, CodeBlock, Combobox, CommandPalette, ConfirmDialog, ConnectionLine, DataList, DataTable, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, type EditorEdge, type EditorNode, EmptyState, FileDrop, FormField, GraphNode, Image, Input, Kbd, Label, Markdown, MultiSelect, Orchestrator, type OrchestratorProps, PageShell, Pagination, PopoverContent, Port, Progress, RadioGroup, RadioGroupItem, ScrollArea, SelectContent, SelectItem, SelectTrigger, Separator, Skeleton, Slider, Spinner, StatCard, StatusDot, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toolbar, Tooltip, TooltipContent, TooltipProvider, TreeView, Typography, cn, useToast };