@knkcs/anker 0.0.2 → 0.0.4

package/dist/components/index.d.ts

@@ -1,10 +1,62 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CardRootProps, TextProps, IconButtonProps, DrawerRootProps, DialogRootProps, HTMLChakraProps, Timeline, TreeView } from '@chakra-ui/react';
 import * as React$1 from 'react';
 import React__default, { MouseEventHandler } from 'react';
+import { CardRootProps, TextProps, IconButtonProps, DrawerRootProps, DialogRootProps, HTMLChakraProps, Timeline, TreeView } from '@chakra-ui/react';
+export { TreeCollection, createTreeCollection } from '@chakra-ui/react';
 import { ColumnDef, RowSelectionState, OnChangeFn, SortingState, Row } from '@tanstack/react-table';
 import { a as SwitchProps } from '../switch-B0o6G2XE.js';
 
+interface BulkActionBarProps {
+    /** Number of currently selected items. */
+    selectedCount: number;
+    /** Called when the user clicks the clear-selection button. */
+    onClear: () => void;
+    /** Explicitly control visibility. Defaults to `selectedCount > 0`. */
+    visible?: boolean;
+    /** CSS position for the bar. @default "fixed" */
+    position?: "fixed" | "sticky";
+    /** Action buttons / popover actions to display. */
+    children: React__default.ReactNode;
+    /** Custom label renderer. Defaults to `"{n} items selected"`. */
+    countLabel?: (count: number) => string;
+}
+interface BulkActionProps {
+    /** Visible button label. */
+    label: string;
+    /** Optional icon rendered before the label. */
+    icon?: React__default.ReactNode;
+    /** Called when the button is clicked. */
+    onClick: () => void;
+    /** Chakra color palette for the button. */
+    colorPalette?: string;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /** Whether the button shows a loading spinner. */
+    loading?: boolean;
+}
+interface BulkPopoverActionProps {
+    /** Visible trigger label. */
+    label: string;
+    /** Optional icon rendered before the label. */
+    icon?: React__default.ReactNode;
+    /** Content rendered inside the popover. */
+    children: React__default.ReactNode;
+    /** Whether the trigger button is disabled. */
+    disabled?: boolean;
+}
+declare const BulkActionBar: {
+    ({ selectedCount, onClear, visible, position, children, countLabel, }: BulkActionBarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    Action: {
+        ({ label, icon, onClick, colorPalette, disabled, loading, }: BulkActionProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    PopoverAction: {
+        ({ label, icon, children, disabled, }: BulkPopoverActionProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
 interface CardProps extends Omit<CardRootProps, "title"> {
     maxW?: CardRootProps["maxW"];
     /** Card title rendered in Card.Header. */
@@ -74,6 +126,25 @@ interface CardListItemProps<T = string> {
 }
 declare const CardListItem: <T extends string = string>({ isActive, handleItemClick, handleItemDoubleClick, menuItems, componentLeft, children, columnCount, }: CardListItemProps<T>) => react_jsx_runtime.JSX.Element;
 
+interface ChipPickerProps<T> {
+    assigned: T[];
+    available: T[];
+    onAdd: (item: T) => void;
+    onRemove: (item: T) => void;
+    getItemId: (item: T) => string;
+    getItemLabel: (item: T) => string;
+    getItemColor?: (item: T) => string | undefined;
+    /** Label for the add button. @default "Add" */
+    addLabel?: string;
+    /** Label shown when nothing is assigned. @default "None" */
+    emptyLabel?: string;
+    /** Whether to show a search input inside the popover. @default false */
+    searchable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}
+declare const ChipPicker: <T>(props: ChipPickerProps<T>) => React$1.ReactElement;
+
 interface ActionCellAction {
     icon: React__default.ElementType;
     label: string;
@@ -264,6 +335,28 @@ interface FactBoxProps extends CardRootProps {
 }
 declare const FactBox: React__default.FC<FactBoxProps>;
 
+interface InlineCreatableListProps<T> {
+    items: T[];
+    activeIds?: string[];
+    onToggle?: (id: string) => void;
+    onCreate?: (name: string) => Promise<void>;
+    getItemId: (item: T) => string;
+    getItemLabel: (item: T) => string;
+    getItemColor?: (item: T) => string | undefined;
+    /** @default "wrap" */
+    variant?: "wrap" | "list";
+    /** @default "New item..." */
+    createPlaceholder?: string;
+    /** @default "New item" */
+    createLabel?: string;
+    /** @default <Plus size={14} /> */
+    createIcon?: React$1.ReactNode;
+    /** @default "No items" */
+    emptyText?: string;
+    disabled?: boolean;
+}
+declare const InlineCreatableList: <T>(props: InlineCreatableListProps<T>) => React$1.ReactElement;
+
 interface LabeledSwitchProps extends SwitchProps {
     name: string;
     label: string;
@@ -321,6 +414,61 @@ interface PaginationProps {
 }
 declare const Pagination: React__default.FC<PaginationProps>;
 
+interface SelectableCardProps {
+    /** Whether the card is currently selected. */
+    selected?: boolean;
+    /** Whether the checkbox is always visible (e.g. when any card in the grid is selected). */
+    selectionVisible?: boolean;
+    /** Called when the checkbox is toggled. When provided, a checkbox is rendered. */
+    onSelect?: () => void;
+    /** Called when the card body area is clicked (for navigation). */
+    onClick?: () => void;
+    /** Disables interaction. */
+    disabled?: boolean;
+    children: React__default.ReactNode;
+}
+interface SelectableCardThumbnailProps {
+    /** Height of the thumbnail area. Defaults to "160px". */
+    height?: string;
+    children: React__default.ReactNode;
+}
+interface SelectableCardBodyProps {
+    children: React__default.ReactNode;
+}
+interface SelectableCardFooterProps {
+    children: React__default.ReactNode;
+}
+declare const SelectableCard: {
+    ({ selected, selectionVisible, onSelect, onClick, disabled, children, }: SelectableCardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    Thumbnail: {
+        ({ height, children, }: SelectableCardThumbnailProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ children }: SelectableCardBodyProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children }: SelectableCardFooterProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+
+interface SidebarSectionProps {
+    label: string;
+    children: React__default.ReactNode | ((state: {
+        isEditing: boolean;
+        setEditing: (v: boolean) => void;
+    }) => React__default.ReactNode);
+    actionIcon?: React__default.ReactNode;
+    onAction?: () => void;
+    editContent?: React__default.ReactNode;
+    emptyText?: string;
+    defaultEditing?: boolean;
+}
+declare const SidebarSection: React__default.FC<SidebarSectionProps>;
+
 declare const StepperProvider: React__default.Provider<{
     stepsRef: React__default.RefObject<string[]>;
     activeStep: string;
@@ -513,6 +661,27 @@ type TreeViewRootProps = TreeView.RootProps;
 type TreeViewBranchProps = TreeView.BranchProps;
 type TreeViewItemProps = TreeView.ItemProps;
 
+interface UploadDropZoneProps {
+    onFiles: (files: File[]) => void;
+    onError?: (error: {
+        file: File;
+        reason: "size" | "type";
+    }) => void;
+    accept?: string;
+    multiple?: boolean;
+    compact?: boolean;
+    disabled?: boolean;
+    children?: React__default.ReactNode;
+    maxSize?: number;
+    dragActiveText?: string;
+    dropHintText?: string;
+    buttonLabel?: string;
+}
+declare const UploadDropZone: {
+    ({ onFiles, onError, accept, multiple, compact, disabled, children, maxSize, dragActiveText, dropHintText, buttonLabel, }: UploadDropZoneProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface WidgetProps {
     heading: string;
     subHeading?: string;
@@ -522,4 +691,4 @@ interface WidgetProps {
 }
 declare const Widget: React__default.FC<WidgetProps>;
 
-export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, LabeledSwitch, type LabeledSwitchProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, pluralize, truncateText, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
+export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, BulkActionBar, type BulkActionBarProps, type BulkActionProps, type BulkPopoverActionProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, ChipPicker, type ChipPickerProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, InlineCreatableList, type InlineCreatableListProps, LabeledSwitch, type LabeledSwitchProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, SidebarSection, type SidebarSectionProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UploadDropZone, type UploadDropZoneProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, pluralize, truncateText, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };