@hyunsdev/ui 0.1.0

package/dist/layouts/workbench/index.d.ts

@@ -0,0 +1,281 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { TooltipContent } from '../../components/tooltip.js';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { Separator } from '../../components/separator.js';
+import '@radix-ui/react-tooltip';
+import '@radix-ui/react-separator';
+
+declare function Workbench({ className, style, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function WorkbenchProvider({ children }: {
+    children: React.ReactNode;
+}): React$1.JSX.Element;
+
+declare const WORKBENCH_RIBBON_BAR_WIDTH = "52px";
+declare const ribbonBarButtonVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function WorkbenchRibbonBar({ className, ...props }: React$1.ComponentProps<"aside">): React$1.JSX.Element;
+declare function WorkbenchRibbonBarHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchRibbonBarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchRibbonBarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchRibbonBarSeparator({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchRibbonBarButton({ asChild, isActive, size, tooltip, className, type, "aria-label": ariaLabel, ...props }: React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof ribbonBarButtonVariants>): React$1.JSX.Element;
+
+type WorkbenchPanelOrientation = "horizontal" | "vertical";
+declare function WorkbenchContentArea({ className, children, orientation, ...props }: React$1.ComponentProps<"main"> & {
+    orientation?: WorkbenchPanelOrientation;
+}): React$1.JSX.Element;
+declare function WorkbenchPanelGroup({ className, children, orientation, style, ...props }: ResizablePrimitive.GroupProps & {
+    orientation?: WorkbenchPanelOrientation;
+}): React$1.JSX.Element;
+declare function WorkbenchContextAreaRail({ className, "aria-label": ariaLabel, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Separator>): React$1.JSX.Element;
+
+type WorkbenchSidebarSide = "left" | "right";
+type WorkbenchSidebarState = "expanded" | "collapsed";
+type WorkbenchSidebarShellProps = React$1.ComponentProps<"div"> & {
+    description: string;
+    openMobile: boolean;
+    setOpenMobile: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    side: WorkbenchSidebarSide;
+    state: WorkbenchSidebarState;
+    title: string;
+    toggleSidebar: () => void;
+    isMobile: boolean;
+};
+declare function WorkbenchSidebarShell({ className, children, description, dir, isMobile, openMobile, setOpenMobile, side, state, style, title, toggleSidebar, ...props }: WorkbenchSidebarShellProps): React$1.JSX.Element;
+declare function WorkbenchSidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchSidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchSidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
+declare function WorkbenchSidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchSidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchSidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): React$1.JSX.Element;
+declare function WorkbenchSidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): React$1.JSX.Element;
+declare function WorkbenchSidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchSidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuRow({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function WorkbenchSidebarMenuButton({ asChild, isActive, variant, size, tooltip, leadingVisual, trailingVisual, trailingVisualVisibility, className, children, ...props }: React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent> | undefined;
+    leadingVisual?: React$1.ReactNode;
+    trailingVisual?: React$1.ReactNode;
+    trailingVisualVisibility?: "always" | "hover";
+} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
+type WorkbenchSidebarMenuActionProps = React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+};
+declare function WorkbenchSidebarMenuLeadingAction(props: WorkbenchSidebarMenuActionProps): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuTrailingAction(props: WorkbenchSidebarMenuActionProps): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function WorkbenchSidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React$1.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React$1.JSX.Element;
+
+type WorkbenchSidebarTreeMovePlacement = "before" | "after" | "inside";
+type WorkbenchSidebarTreeItemState<TData = unknown> = {
+    item: WorkbenchSidebarTreeItem<TData>;
+    itemId: string;
+    parentId: string | null;
+    index: number;
+    depth: number;
+    isDisabled: boolean;
+    isDragging: boolean;
+    isDropTarget: boolean;
+    isExpanded: boolean;
+    isExpandable: boolean;
+    isFocused: boolean;
+    isSelected: boolean;
+};
+type WorkbenchSidebarTreeItem<TData = unknown> = {
+    id: string;
+    label: React$1.ReactNode;
+    children?: WorkbenchSidebarTreeItem<TData>[];
+    disabled?: boolean;
+    draggable?: boolean;
+    selectable?: boolean;
+    leadingVisual?: React$1.ReactNode | WorkbenchSidebarTreeVisual<TData>;
+    trailingVisual?: React$1.ReactNode | WorkbenchSidebarTreeVisual<TData>;
+    tooltip?: string | undefined;
+    data?: TData;
+};
+type WorkbenchSidebarTreeItemEvent<TData = unknown> = {
+    item: WorkbenchSidebarTreeItem<TData>;
+    itemId: string;
+    parentId: string | null;
+    index: number;
+    depth: number;
+    expandedIds: string[];
+    selectedId: string | null;
+    originalEvent?: React$1.MouseEvent | React$1.KeyboardEvent | undefined;
+};
+type WorkbenchSidebarTreeExpandedEvent<TData = unknown> = WorkbenchSidebarTreeItemEvent<TData> & {
+    expanded: boolean;
+};
+type WorkbenchSidebarTreeMoveEvent<TData = unknown> = {
+    item: WorkbenchSidebarTreeItem<TData>;
+    itemId: string;
+    fromParentId: string | null;
+    toParentId: string | null;
+    fromIndex: number;
+    toIndex: number;
+    depth: number;
+    placement: WorkbenchSidebarTreeMovePlacement;
+    nextItems: WorkbenchSidebarTreeItem<TData>[];
+};
+type WorkbenchSidebarTreeRenderItemProps<TData = unknown> = {
+    state: WorkbenchSidebarTreeItemState<TData>;
+    rowProps: React$1.ComponentProps<"div">;
+    buttonProps: WorkbenchSidebarTreeButtonProps;
+    disclosureProps: WorkbenchSidebarTreeButtonProps & {
+        visible: boolean;
+    };
+    leadingVisual: React$1.ReactNode;
+    trailingVisual: React$1.ReactNode;
+};
+type WorkbenchSidebarTreeProviderProps<TData = unknown> = {
+    items: WorkbenchSidebarTreeItem<TData>[];
+    children: React$1.ReactNode;
+    selectedId?: string | null | undefined;
+    defaultSelectedId?: string | null | undefined;
+    expandedIds?: Iterable<string> | undefined;
+    defaultExpandedIds?: Iterable<string> | undefined;
+    reorderable?: boolean | undefined;
+    maxDepth?: number | undefined;
+    indentWidth?: number | undefined;
+    canDrop?: ((event: WorkbenchSidebarTreeMoveEvent<TData>) => boolean) | undefined;
+    onItemClick?: ((event: WorkbenchSidebarTreeItemEvent<TData>) => void) | undefined;
+    onItemSelect?: ((event: WorkbenchSidebarTreeItemEvent<TData>) => void) | undefined;
+    onSelectedIdChange?: ((selectedId: string | null, event: WorkbenchSidebarTreeItemEvent<TData>) => void) | undefined;
+    onItemExpandedChange?: ((event: WorkbenchSidebarTreeExpandedEvent<TData>) => void) | undefined;
+    onExpandedIdsChange?: ((expandedIds: string[], event: WorkbenchSidebarTreeExpandedEvent<TData>) => void) | undefined;
+    onMove?: ((event: WorkbenchSidebarTreeMoveEvent<TData>) => void) | undefined;
+};
+type WorkbenchSidebarTreeProps<TData = unknown> = Omit<WorkbenchSidebarTreeProviderProps<TData>, "children"> & Omit<React$1.ComponentProps<"ul">, "onSelect"> & {
+    renderItem?: WorkbenchSidebarTreeRenderItem<TData> | undefined;
+};
+type WorkbenchSidebarTreeFlattenedItem<TData = unknown> = {
+    item: WorkbenchSidebarTreeItem<TData>;
+    id: string;
+    parentId: string | null;
+    index: number;
+    depth: number;
+    ancestorIds: string[];
+    childrenCount: number;
+};
+type ProjectedMove<TData = unknown> = WorkbenchSidebarTreeMoveEvent<TData> & {
+    overId: string;
+    indicatorId: string;
+};
+type BivariantCallback<TParameter, TResult> = {
+    bivarianceHack(parameter: TParameter): TResult;
+}["bivarianceHack"];
+type WorkbenchSidebarTreeVisual<TData> = BivariantCallback<WorkbenchSidebarTreeItemState<TData>, React$1.ReactNode>;
+type WorkbenchSidebarTreeRenderItem<TData> = BivariantCallback<WorkbenchSidebarTreeRenderItemProps<TData>, React$1.ReactNode>;
+type WorkbenchSidebarTreeDataAttributes = {
+    [key: `data-${string}`]: string | number | boolean | undefined;
+};
+type WorkbenchSidebarTreeButtonProps = React$1.ComponentProps<"button"> & WorkbenchSidebarTreeDataAttributes;
+type WorkbenchSidebarTreeContextValue<TData = unknown> = {
+    items: WorkbenchSidebarTreeItem<TData>[];
+    flattenedItems: WorkbenchSidebarTreeFlattenedItem<TData>[];
+    itemMap: Map<string, WorkbenchSidebarTreeFlattenedItem<TData>>;
+    selectedId: string | null;
+    expandedIdSet: Set<string>;
+    expandedIds: string[];
+    focusedId: string | null;
+    activeId: string | null;
+    overId: string | null;
+    projectedMove: ProjectedMove<TData> | null;
+    dragOverlayWidth: number | null;
+    reorderable: boolean;
+    indentWidth: number;
+    maxDepth: number;
+    registerItemButton: (itemId: string, node: HTMLButtonElement | null) => void;
+    registerItemNode: (itemId: string, node: HTMLElement | null) => void;
+    focusItem: (itemId: string | null) => void;
+    getItemState: (itemId: string) => WorkbenchSidebarTreeItemState<TData>;
+    getItemEvent: (itemId: string, originalEvent?: React$1.MouseEvent | React$1.KeyboardEvent) => WorkbenchSidebarTreeItemEvent<TData>;
+    selectItem: (itemId: string, originalEvent?: React$1.MouseEvent | React$1.KeyboardEvent) => void;
+    toggleItemExpanded: (itemId: string, originalEvent?: React$1.MouseEvent | React$1.KeyboardEvent) => void;
+    setItemExpanded: (itemId: string, expanded: boolean, originalEvent?: React$1.MouseEvent | React$1.KeyboardEvent) => void;
+    handleItemClick: (itemId: string, originalEvent: React$1.MouseEvent | React$1.KeyboardEvent) => void;
+    handleItemKeyDown: (itemId: string, event: React$1.KeyboardEvent<HTMLButtonElement>) => void;
+};
+type WorkbenchSidebarTreeHookEvent = React$1.MouseEvent | React$1.KeyboardEvent;
+type WorkbenchSidebarTreeHookValue<TData = unknown> = WorkbenchSidebarTreeContextValue<TData>;
+type WorkbenchSidebarTreeItemHookValue<TData = unknown> = WorkbenchSidebarTreeItemState<TData> & {
+    readonly select: (event?: WorkbenchSidebarTreeHookEvent) => void;
+    readonly toggleExpanded: (event?: WorkbenchSidebarTreeHookEvent) => void;
+    readonly expand: (event?: WorkbenchSidebarTreeHookEvent) => void;
+    readonly collapse: (event?: WorkbenchSidebarTreeHookEvent) => void;
+    readonly focus: () => void;
+};
+declare function useWorkbenchSidebarTree<TData = unknown>(): WorkbenchSidebarTreeHookValue<TData>;
+declare function useWorkbenchSidebarTreeItem<TData = unknown>(itemId: string): WorkbenchSidebarTreeItemHookValue<TData>;
+declare function WorkbenchSidebarTreeProvider<TData = unknown>({ children, items, selectedId: selectedIdProp, defaultSelectedId, expandedIds: expandedIdsProp, defaultExpandedIds, reorderable, maxDepth, indentWidth, canDrop, onItemClick, onItemSelect, onSelectedIdChange, onItemExpandedChange, onExpandedIdsChange, onMove, }: WorkbenchSidebarTreeProviderProps<TData>): React$1.JSX.Element;
+declare function WorkbenchSidebarTree<TData = unknown>({ items, selectedId, defaultSelectedId, expandedIds, defaultExpandedIds, reorderable, maxDepth, indentWidth, canDrop, onItemClick, onItemSelect, onSelectedIdChange, onItemExpandedChange, onExpandedIdsChange, onMove, renderItem, className, ...props }: WorkbenchSidebarTreeProps<TData>): React$1.JSX.Element;
+
+declare function WorkbenchPrimarySidebar(props: React.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function WorkbenchSecondarySidebar(props: React.ComponentProps<"div">): React$1.JSX.Element;
+
+type WorkbenchPrimarySidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    openMobile: boolean;
+    setOpenMobile: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const WorkbenchPrimarySidebarContext: React__default.Context<WorkbenchPrimarySidebarContextProps | null>;
+declare function WorkbenchPrimarySidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React__default.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React__default.JSX.Element;
+declare function useWorkbenchPrimarySidebar(): WorkbenchPrimarySidebarContextProps;
+
+type WorkbenchSecondarySidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    openMobile: boolean;
+    setOpenMobile: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const WorkbenchSecondarySidebarContext: React__default.Context<WorkbenchSecondarySidebarContextProps | null>;
+declare function WorkbenchSecondarySidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React__default.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React__default.JSX.Element;
+declare function useWorkbenchSecondarySidebar(): WorkbenchSecondarySidebarContextProps;
+
+export { WORKBENCH_RIBBON_BAR_WIDTH, Workbench, WorkbenchContentArea, WorkbenchContextAreaRail, WorkbenchPanelGroup, WorkbenchPrimarySidebar, WorkbenchPrimarySidebarContext, type WorkbenchPrimarySidebarContextProps, WorkbenchPrimarySidebarProvider, WorkbenchProvider, WorkbenchRibbonBar, WorkbenchRibbonBarButton, WorkbenchRibbonBarContent, WorkbenchRibbonBarFooter, WorkbenchRibbonBarHeader, WorkbenchRibbonBarSeparator, WorkbenchSecondarySidebar, WorkbenchSecondarySidebarContext, type WorkbenchSecondarySidebarContextProps, WorkbenchSecondarySidebarProvider, WorkbenchSidebarContent, WorkbenchSidebarFooter, WorkbenchSidebarGroup, WorkbenchSidebarGroupAction, WorkbenchSidebarGroupContent, WorkbenchSidebarGroupLabel, WorkbenchSidebarHeader, WorkbenchSidebarMenu, WorkbenchSidebarMenuBadge, WorkbenchSidebarMenuButton, WorkbenchSidebarMenuItem, WorkbenchSidebarMenuLeadingAction, WorkbenchSidebarMenuRow, WorkbenchSidebarMenuSkeleton, WorkbenchSidebarMenuSub, WorkbenchSidebarMenuSubButton, WorkbenchSidebarMenuSubItem, WorkbenchSidebarMenuTrailingAction, WorkbenchSidebarSeparator, WorkbenchSidebarShell, WorkbenchSidebarTree, type WorkbenchSidebarTreeButtonProps, type WorkbenchSidebarTreeContextValue, type WorkbenchSidebarTreeDataAttributes, type WorkbenchSidebarTreeExpandedEvent, type WorkbenchSidebarTreeFlattenedItem, type WorkbenchSidebarTreeItem, type WorkbenchSidebarTreeItemEvent, type WorkbenchSidebarTreeItemState, type WorkbenchSidebarTreeMoveEvent, type WorkbenchSidebarTreeMovePlacement, type WorkbenchSidebarTreeProps, WorkbenchSidebarTreeProvider, type WorkbenchSidebarTreeProviderProps, type WorkbenchSidebarTreeRenderItemProps, useWorkbenchPrimarySidebar, useWorkbenchSecondarySidebar, useWorkbenchSidebarTree, useWorkbenchSidebarTreeItem };