@knkcs/anker 0.0.1

package/dist/components/index.d.ts

@@ -0,0 +1,413 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CardRootProps, TextProps, DrawerRootProps, DialogRootProps, HTMLChakraProps, Timeline, TreeView } from '@chakra-ui/react';
+import * as React$1 from 'react';
+import React__default, { MouseEventHandler } from 'react';
+import { ColumnDef, RowSelectionState, OnChangeFn, SortingState } from '@tanstack/react-table';
+import { a as SwitchProps } from '../switch-B0o6G2XE.js';
+
+interface CardProps extends Omit<CardRootProps, "title"> {
+    maxW?: CardRootProps["maxW"];
+    /** Card title rendered in Card.Header. */
+    title?: React__default.ReactNode;
+    /** Custom header content. Overrides title if both provided. */
+    header?: React__default.ReactNode;
+    /** Footer content rendered in Card.Footer. */
+    footer?: React__default.ReactNode;
+    children: React__default.ReactNode;
+}
+declare const Card: {
+    ({ ref, maxW, title, header, footer, children, ...props }: CardProps & {
+        ref?: React__default.Ref<HTMLDivElement>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface CardListProps {
+    /** Column header labels displayed above the grid. */
+    headers: string[];
+    /** Whether rows have a left-side component slot (e.g., avatar). */
+    hasComponentLeft?: boolean;
+    /** Whether rows have a right-side menu slot. */
+    hasMenu?: boolean;
+    /** CardListItem children to render as rows. */
+    children?: React.ReactNode;
+    /** Total number of grid columns. Defaults to 12. */
+    columnCount?: number;
+    /** Content to display when there are no rows. */
+    emptyState?: React.ReactNode;
+}
+declare const CardList: React.FC<CardListProps>;
+
+interface CardListDataProps extends TextProps {
+    /** Cell content. Strings are shown in a tooltip on overflow. */
+    children: React.ReactNode;
+}
+declare const CardListData: React.FC<CardListDataProps>;
+
+interface CardListMenuItem<T = string> {
+    /** Text label for the menu item. */
+    label: string;
+    /** Callback fired when the menu item is clicked. */
+    onClick: () => void;
+    /** Icon rendered before the label. */
+    icon?: React.ReactNode;
+    /** Text color override for the menu item. */
+    color?: string;
+    /** Value associated with the menu item. */
+    value?: T;
+}
+interface CardListItemProps<T = string> {
+    /** Whether the item is visually selected. */
+    isActive?: boolean;
+    /** Callback fired when the row is clicked. */
+    handleItemClick?: () => void;
+    /** Callback fired when the row is double-clicked. */
+    handleItemDoubleClick?: () => void;
+    /** Menu items rendered in the row's action menu. */
+    menuItems?: CardListMenuItem<T>[];
+    /** Component rendered on the left side of the row (e.g., avatar). */
+    componentLeft?: React.ReactNode;
+    /** CardListData children to render as cells. */
+    children: React.ReactNode;
+    /** Total number of grid columns. Defaults to 12. */
+    columnCount?: number;
+}
+declare const CardListItem: <T extends string = string>({ isActive, handleItemClick, handleItemDoubleClick, menuItems, componentLeft, children, columnCount, }: CardListItemProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface DataTableProps<T extends Record<string, unknown>> {
+    /** Column definitions for TanStack Table */
+    columns: ColumnDef<T, unknown>[];
+    /** Data array */
+    data: T[];
+    /** Enable row selection */
+    selectable?: boolean;
+    /** Controlled row selection state */
+    rowSelection?: RowSelectionState;
+    /** Row selection change handler */
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    /** Controlled sorting state */
+    sorting?: SortingState;
+    /** Sorting change handler */
+    onSortingChange?: OnChangeFn<SortingState>;
+    /** Row click handler */
+    onRowClick?: (row: T) => void;
+    /** Loading state */
+    loading?: boolean;
+    /** Empty state content */
+    emptyState?: React__default.ReactNode;
+    /** Pagination - total items */
+    total?: number;
+    /** Pagination - current page (1-based) */
+    page?: number;
+    /** Pagination - items per page */
+    pageSize?: number;
+    /** Pagination - page change handler */
+    onPageChange?: (page: number) => void;
+    /** Table variant */
+    variant?: "line" | "striped" | "hoverable";
+}
+declare function DataTableInner<T extends Record<string, unknown>>(props: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare const DataTable: typeof DataTableInner & {
+    displayName: string;
+};
+
+interface DrawerProps extends Omit<DrawerRootProps, "open" | "onOpenChange"> {
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Called when the drawer should close. */
+    onClose(): void;
+    /** Header title content. */
+    title: string | React.ReactNode;
+    /** Text displayed in the footer area (left side). */
+    footerText?: string | React.ReactNode;
+    /** Drawer body content. */
+    children: React.ReactNode;
+    /** Label for the save button. @default "Save" */
+    saveLabel?: string;
+    /** Label for the close button. @default "Close" */
+    closeLabel?: string;
+    /** Whether the save button is disabled. */
+    saveButtonDisabled?: boolean;
+    /** Whether the save action is in progress. Shows spinner on save button. */
+    loading?: boolean;
+    /** Extra buttons rendered before the save button. */
+    additionalButtons?: React.ReactNode;
+    /** Called when the save button is clicked. If not provided, no save button is shown. */
+    onSave?(): void;
+}
+declare const DrawerRoot: React.FC<DrawerProps>;
+
+interface FactBoxAction {
+    id: number;
+    type: "button" | "menuButton";
+    ariaLabel: string;
+    icon?: React__default.ReactElement;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onSelect?: VoidFunction;
+    items?: FactBoxAction[];
+}
+interface FactBoxProps extends CardRootProps {
+    name?: string | React__default.ReactNode;
+    actions?: FactBoxAction[];
+    children: React__default.ReactNode;
+    collapsible?: boolean;
+    /** Label for collapse button when expanded. @default "Collapse" */
+    collapseLabel?: string;
+    /** Label for collapse button when collapsed. @default "Expand" */
+    expandLabel?: string;
+}
+declare const FactBox: React__default.FC<FactBoxProps>;
+
+interface LabeledSwitchProps extends SwitchProps {
+    name: string;
+    label: string;
+}
+declare const LabeledSwitch: {
+    ({ ref, ...props }: LabeledSwitchProps & {
+        ref?: React__default.Ref<HTMLInputElement>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ModalProps extends Omit<DialogRootProps, "open" | "onOpenChange"> {
+    /** Whether the modal is open. */
+    open: boolean;
+    /** Called when the modal should close. */
+    onClose: () => void;
+    /** Header content (string or ReactNode). */
+    header: string | React.ReactNode;
+    /** Modal body content. */
+    children: React.ReactNode;
+    /** Custom footer. If provided, replaces the default Cancel/Save buttons. */
+    footer?: React.ReactNode;
+    /** Dialog size variant. */
+    size?: DialogRootProps["size"];
+    /** Label for the close button. */
+    closeLabel?: string;
+    /** Label for the save button. */
+    saveLabel?: string;
+    /** Label for the cancel button. */
+    cancelLabel?: string;
+    /** Called when the save button is clicked. If not provided, no default footer is shown. */
+    onSave?: () => void;
+    /** Whether the save button is disabled. */
+    saveDisabled?: boolean;
+    /** Whether the save action is in progress. Shows spinner on save button. */
+    loading?: boolean;
+}
+declare const Modal: React.FC<ModalProps>;
+
+interface PaginationProps {
+    /** Current page (1-based). */
+    page: number;
+    /** Total number of items. */
+    total: number;
+    /** Items per page. @default 10 */
+    pageSize?: number;
+    /** Called when the page changes. */
+    onPageChange: (page: number) => void;
+    /** Maximum page buttons to show. @default 5 */
+    maxVisiblePages?: number;
+    /** Label for the previous button. @default "Previous page" */
+    previousLabel?: string;
+    /** Label for the next button. @default "Next page" */
+    nextLabel?: string;
+}
+declare const Pagination: React__default.FC<PaginationProps>;
+
+declare const StepperProvider: React__default.Provider<{
+    stepsRef: React__default.RefObject<string[]>;
+    activeStep: string;
+    activeIndex: number;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isCompleted: boolean;
+    setIndex: React__default.Dispatch<React__default.SetStateAction<number>>;
+    setStep: (name: string) => void;
+    nextStep: () => void;
+    prevStep: () => void;
+    registerStep: (name: string) => void;
+    unregisterStep: (name: string) => void;
+}>;
+declare const useStepperContext: () => {
+    stepsRef: React__default.RefObject<string[]>;
+    activeStep: string;
+    activeIndex: number;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isCompleted: boolean;
+    setIndex: React__default.Dispatch<React__default.SetStateAction<number>>;
+    setStep: (name: string) => void;
+    nextStep: () => void;
+    prevStep: () => void;
+    registerStep: (name: string) => void;
+    unregisterStep: (name: string) => void;
+};
+interface UseStepperProps {
+    step?: number | string;
+    isCompleted?: boolean;
+    onChange?(index: number): void;
+}
+declare function useStepper(props: UseStepperProps): {
+    stepsRef: React__default.RefObject<string[]>;
+    activeStep: string;
+    activeIndex: number;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isCompleted: boolean;
+    setIndex: React__default.Dispatch<React__default.SetStateAction<number>>;
+    setStep: (name: string) => void;
+    nextStep: () => void;
+    prevStep: () => void;
+    registerStep: (name: string) => void;
+    unregisterStep: (name: string) => void;
+};
+type UseStepperReturn = ReturnType<typeof useStepper>;
+interface UseStepProps {
+    name?: string;
+    isActive?: boolean;
+    isCompleted?: boolean;
+}
+declare function useStep(props: UseStepProps): {
+    isActive: boolean | undefined;
+    isCompleted: boolean | undefined;
+};
+/**
+ * Returns props for a Prev Button
+ */
+declare function useStepperPrevButton({ label }?: {
+    label?: string | undefined;
+}): {
+    disabled: boolean;
+    onClick: () => void;
+    children: string;
+};
+/**
+ * Returns props for a Next Button
+ */
+declare function useStepperNextButton({ label, submitLabel, }?: {
+    label?: string | undefined;
+    submitLabel?: string | undefined;
+}): {
+    disabled: boolean;
+    onClick: () => void;
+    children: string;
+};
+
+interface StepperProps extends UseStepperProps, Omit<HTMLChakraProps<"div">, "onChange"> {
+    orientation?: "horizontal" | "vertical";
+    variant?: "subtle" | "solid";
+    size?: "md" | "lg";
+}
+/**
+ * Display progress in multi-step workflows.
+ *
+ * Can be controlled or uncontrolled.
+ */
+declare const Stepper: ({ ref, ...props }: StepperProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+declare const StepperContainer: ({ ref, ...props }: StepperProps & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => react_jsx_runtime.JSX.Element;
+interface StepperStepsProps extends HTMLChakraProps<"div"> {
+    orientation?: "horizontal" | "vertical";
+    stepComponent?: React__default.JSXElementConstructor<StepperStepProps>;
+}
+/**
+ * Wrapper element containing the steps.
+ */
+declare const StepperSteps: React__default.FC<StepperStepsProps>;
+interface StepperContentProps extends HTMLChakraProps<"div"> {
+    /**
+     * Show or hide the content
+     */
+    open?: boolean;
+}
+/**
+ * Renders the step content, is collapsible.
+ */
+declare const StepperContent: React__default.FC<StepperContentProps>;
+interface StepperIconProps extends HTMLChakraProps<"div"> {
+    icon: React__default.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+}
+/**
+ * Displays the current step or a completed icon.
+ */
+declare const StepperIcon: React__default.FC<StepperIconProps>;
+interface StepperStepProps extends Omit<HTMLChakraProps<"div">, "title"> {
+    /**
+     * The step title
+     */
+    title: React__default.ReactNode;
+    /**
+     * The step name, used for controlled steppers
+     */
+    name?: string;
+    /**
+     * Show an icon instead of the step number
+     */
+    icon?: React__default.ReactNode;
+    isActive?: boolean;
+    isCompleted?: boolean;
+}
+/**
+ * Displays the icon and step title.
+ */
+declare const StepperStep: React__default.FC<StepperStepProps>;
+interface StepperSeparatorProps extends HTMLChakraProps<"div"> {
+    isActive?: boolean;
+}
+/**
+ * The separator between steps.
+ */
+declare const StepperSeparator: React__default.FC<StepperSeparatorProps>;
+/**
+ * The step title.
+ */
+declare const StepperStepTitle: React__default.FC<HTMLChakraProps<"p">>;
+/**
+ * Shown when all steps have completed.
+ */
+declare const StepperCompleted: React__default.FC<HTMLChakraProps<"div">>;
+
+declare const TimelineRoot: React$1.ForwardRefExoticComponent<Timeline.RootProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineItem: React$1.ForwardRefExoticComponent<Timeline.ItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineConnector: React$1.ForwardRefExoticComponent<Timeline.ConnectorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineSeparator: React$1.ForwardRefExoticComponent<Timeline.SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineIndicator: React$1.ForwardRefExoticComponent<Timeline.IndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineContent: React$1.ForwardRefExoticComponent<Timeline.ContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineTitle: React$1.ForwardRefExoticComponent<Timeline.TitleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TimelineDescription: React$1.ForwardRefExoticComponent<Timeline.DescriptionProps & React$1.RefAttributes<HTMLDivElement>>;
+type TimelineRootProps = Timeline.RootProps;
+type TimelineItemProps = Timeline.ItemProps;
+
+declare const TreeViewRoot: React$1.ForwardRefExoticComponent<TreeView.RootProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewTree: React$1.ForwardRefExoticComponent<TreeView.TreeProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewBranch: React$1.ForwardRefExoticComponent<TreeView.BranchProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewBranchContent: React$1.ForwardRefExoticComponent<TreeView.BranchContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewBranchControl: React$1.ForwardRefExoticComponent<TreeView.BranchControlProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewBranchTrigger: React$1.ForwardRefExoticComponent<TreeView.BranchTriggerProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewBranchText: React$1.ForwardRefExoticComponent<TreeView.BranchTextProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const TreeViewBranchIndicator: React$1.ForwardRefExoticComponent<TreeView.BranchIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewItem: React$1.ForwardRefExoticComponent<TreeView.ItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewItemText: React$1.ForwardRefExoticComponent<TreeView.ItemTextProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const TreeViewItemIndicator: React$1.ForwardRefExoticComponent<TreeView.ItemIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TreeViewNode: typeof TreeView.Node;
+declare const TreeViewLabel: React$1.ForwardRefExoticComponent<TreeView.LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+type TreeViewRootProps = TreeView.RootProps;
+type TreeViewBranchProps = TreeView.BranchProps;
+type TreeViewItemProps = TreeView.ItemProps;
+
+interface WidgetProps {
+    heading: string;
+    subHeading?: string;
+    /** Icon element (e.g. a lucide-react icon component). */
+    icon: React__default.ReactNode;
+    children: React__default.ReactNode;
+}
+declare const Widget: React__default.FC<WidgetProps>;
+
+export { Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, DataTable, type DataTableProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, LabeledSwitch, type LabeledSwitchProps, Modal, type ModalProps, Pagination, type PaginationProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, 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, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };