@knkcs/anker 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +207 -1
- package/dist/components/index.js +597 -17
- package/dist/components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,37 @@ export { TreeCollection, createTreeCollection } from '@chakra-ui/react';
|
|
|
6
6
|
import { ColumnDef, RowSelectionState, OnChangeFn, SortingState, Row } from '@tanstack/react-table';
|
|
7
7
|
import { a as SwitchProps } from '../switch-B0o6G2XE.js';
|
|
8
8
|
|
|
9
|
+
interface AuthCardProps {
|
|
10
|
+
/** Logo or wordmark, far-left of the topbar. */
|
|
11
|
+
logo?: React__default.ReactNode;
|
|
12
|
+
/** Right-side topbar content (help link, locale switcher, etc.). */
|
|
13
|
+
topBarRight?: React__default.ReactNode;
|
|
14
|
+
/** Hide the topbar entirely (rare — e.g. embedded preview). */
|
|
15
|
+
hideTopBar?: boolean;
|
|
16
|
+
/** Hide the dot-grid background (rare — e.g. printable). */
|
|
17
|
+
hideBackground?: boolean;
|
|
18
|
+
/** Small uppercase eyebrow above the title. */
|
|
19
|
+
eyebrow?: React__default.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Card title. Accepts a string or inline element — the component wraps
|
|
22
|
+
* it in an `<h3>` (semantic heading, 24px, semibold, default color).
|
|
23
|
+
* Avoid passing block elements (e.g. `<div>`) or pre-built headings.
|
|
24
|
+
*/
|
|
25
|
+
title?: React__default.ReactNode;
|
|
26
|
+
/** Subtitle below title (14px, muted color, centered). */
|
|
27
|
+
subtitle?: React__default.ReactNode;
|
|
28
|
+
/** Card width preset. md = 440px (default), lg = 480px. */
|
|
29
|
+
size?: "md" | "lg";
|
|
30
|
+
/** Card footer slot. Bottom-bordered inside the card. */
|
|
31
|
+
footer?: React__default.ReactNode;
|
|
32
|
+
/** Page content inside the card body. */
|
|
33
|
+
children: React__default.ReactNode;
|
|
34
|
+
}
|
|
35
|
+
declare const AuthCard: {
|
|
36
|
+
({ logo, topBarRight, hideTopBar, hideBackground, eyebrow, title, subtitle, size, footer, children, }: AuthCardProps): react_jsx_runtime.JSX.Element;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
39
|
+
|
|
9
40
|
interface BulkActionBarProps {
|
|
10
41
|
/** Number of currently selected items. */
|
|
11
42
|
selectedCount: number;
|
|
@@ -145,6 +176,41 @@ interface ChipPickerProps<T> {
|
|
|
145
176
|
}
|
|
146
177
|
declare const ChipPicker: <T>(props: ChipPickerProps<T>) => React$1.ReactElement;
|
|
147
178
|
|
|
179
|
+
interface ContextRailProps {
|
|
180
|
+
storageKey?: string;
|
|
181
|
+
children: React__default.ReactNode;
|
|
182
|
+
}
|
|
183
|
+
interface ContextRailHeaderProps {
|
|
184
|
+
eyebrow?: React__default.ReactNode;
|
|
185
|
+
title: React__default.ReactNode;
|
|
186
|
+
onClose?: () => void;
|
|
187
|
+
}
|
|
188
|
+
interface ContextRailSectionProps {
|
|
189
|
+
id: string;
|
|
190
|
+
icon?: React__default.ReactNode;
|
|
191
|
+
label: string;
|
|
192
|
+
children: React__default.ReactNode;
|
|
193
|
+
}
|
|
194
|
+
declare const ContextRail: {
|
|
195
|
+
({ storageKey, children }: ContextRailProps): react_jsx_runtime.JSX.Element;
|
|
196
|
+
displayName: string;
|
|
197
|
+
} & {
|
|
198
|
+
Header: {
|
|
199
|
+
({ eyebrow, title, onClose: _onClose, }: ContextRailHeaderProps): react_jsx_runtime.JSX.Element;
|
|
200
|
+
displayName: string;
|
|
201
|
+
};
|
|
202
|
+
Section: {
|
|
203
|
+
({ id, icon, label, children, }: ContextRailSectionProps): react_jsx_runtime.JSX.Element;
|
|
204
|
+
displayName: string;
|
|
205
|
+
};
|
|
206
|
+
Footer: {
|
|
207
|
+
({ children }: {
|
|
208
|
+
children: React__default.ReactNode;
|
|
209
|
+
}): react_jsx_runtime.JSX.Element;
|
|
210
|
+
displayName: string;
|
|
211
|
+
};
|
|
212
|
+
};
|
|
213
|
+
|
|
148
214
|
interface ActionCellAction {
|
|
149
215
|
icon: React__default.ElementType;
|
|
150
216
|
label: string;
|
|
@@ -432,6 +498,22 @@ interface ModalProps extends Omit<DialogRootProps, "open" | "onOpenChange"> {
|
|
|
432
498
|
}
|
|
433
499
|
declare const Modal: React.FC<ModalProps>;
|
|
434
500
|
|
|
501
|
+
interface PageHeaderBreadcrumb {
|
|
502
|
+
label: string;
|
|
503
|
+
to?: string;
|
|
504
|
+
}
|
|
505
|
+
interface PageHeaderProps {
|
|
506
|
+
breadcrumbs?: PageHeaderBreadcrumb[];
|
|
507
|
+
title: React__default.ReactNode;
|
|
508
|
+
subtitle?: React__default.ReactNode;
|
|
509
|
+
actions?: React__default.ReactNode;
|
|
510
|
+
eyebrow?: React__default.ReactNode;
|
|
511
|
+
}
|
|
512
|
+
declare const PageHeader: {
|
|
513
|
+
({ breadcrumbs, title, subtitle, actions, eyebrow, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
|
|
514
|
+
displayName: string;
|
|
515
|
+
};
|
|
516
|
+
|
|
435
517
|
interface PaginationProps {
|
|
436
518
|
/** Current page (1-based). */
|
|
437
519
|
page: number;
|
|
@@ -491,6 +573,85 @@ declare const SelectableCard: {
|
|
|
491
573
|
};
|
|
492
574
|
};
|
|
493
575
|
|
|
576
|
+
interface SidebarProps {
|
|
577
|
+
children: React__default.ReactNode;
|
|
578
|
+
}
|
|
579
|
+
interface SidebarLogoProps {
|
|
580
|
+
wordmark: string;
|
|
581
|
+
subtitle?: string;
|
|
582
|
+
}
|
|
583
|
+
interface SidebarSectionProps$1 {
|
|
584
|
+
label: string;
|
|
585
|
+
children: React__default.ReactNode;
|
|
586
|
+
}
|
|
587
|
+
interface SidebarItemProps {
|
|
588
|
+
icon?: React__default.ReactNode;
|
|
589
|
+
children: React__default.ReactNode;
|
|
590
|
+
asChild?: boolean;
|
|
591
|
+
active?: boolean;
|
|
592
|
+
}
|
|
593
|
+
interface SidebarUserMenuProps {
|
|
594
|
+
user: {
|
|
595
|
+
name?: string;
|
|
596
|
+
email?: string;
|
|
597
|
+
};
|
|
598
|
+
children: React__default.ReactNode;
|
|
599
|
+
}
|
|
600
|
+
interface SidebarUserMenuItemProps {
|
|
601
|
+
asChild?: boolean;
|
|
602
|
+
onClick?: () => void;
|
|
603
|
+
children: React__default.ReactNode;
|
|
604
|
+
}
|
|
605
|
+
declare const Sidebar: {
|
|
606
|
+
({ children }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
607
|
+
displayName: string;
|
|
608
|
+
} & {
|
|
609
|
+
Header: {
|
|
610
|
+
({ children }: {
|
|
611
|
+
children: React__default.ReactNode;
|
|
612
|
+
}): react_jsx_runtime.JSX.Element;
|
|
613
|
+
displayName: string;
|
|
614
|
+
};
|
|
615
|
+
Body: {
|
|
616
|
+
({ children }: {
|
|
617
|
+
children?: React__default.ReactNode;
|
|
618
|
+
}): react_jsx_runtime.JSX.Element;
|
|
619
|
+
displayName: string;
|
|
620
|
+
};
|
|
621
|
+
Footer: {
|
|
622
|
+
({ children }: {
|
|
623
|
+
children: React__default.ReactNode;
|
|
624
|
+
}): react_jsx_runtime.JSX.Element;
|
|
625
|
+
displayName: string;
|
|
626
|
+
};
|
|
627
|
+
Logo: {
|
|
628
|
+
({ wordmark, subtitle }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
|
|
629
|
+
displayName: string;
|
|
630
|
+
};
|
|
631
|
+
Slot: {
|
|
632
|
+
({ children }: {
|
|
633
|
+
children: React__default.ReactNode;
|
|
634
|
+
}): react_jsx_runtime.JSX.Element;
|
|
635
|
+
displayName: string;
|
|
636
|
+
};
|
|
637
|
+
Section: {
|
|
638
|
+
({ label, children }: SidebarSectionProps$1): react_jsx_runtime.JSX.Element;
|
|
639
|
+
displayName: string;
|
|
640
|
+
};
|
|
641
|
+
Item: {
|
|
642
|
+
({ icon, children, asChild, active }: SidebarItemProps): react_jsx_runtime.JSX.Element;
|
|
643
|
+
displayName: string;
|
|
644
|
+
};
|
|
645
|
+
UserMenu: {
|
|
646
|
+
({ user, children }: SidebarUserMenuProps): react_jsx_runtime.JSX.Element;
|
|
647
|
+
displayName: string;
|
|
648
|
+
};
|
|
649
|
+
UserMenuItem: {
|
|
650
|
+
({ asChild, onClick, children, }: SidebarUserMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
651
|
+
displayName: string;
|
|
652
|
+
};
|
|
653
|
+
};
|
|
654
|
+
|
|
494
655
|
interface SidebarSectionProps {
|
|
495
656
|
label: string;
|
|
496
657
|
children: React__default.ReactNode | ((state: {
|
|
@@ -680,6 +841,51 @@ declare const TimelineDescription: React$1.ForwardRefExoticComponent<Timeline.De
|
|
|
680
841
|
type TimelineRootProps = Timeline.RootProps;
|
|
681
842
|
type TimelineItemProps = Timeline.ItemProps;
|
|
682
843
|
|
|
844
|
+
interface ToolbarSearchProps {
|
|
845
|
+
placeholder?: string;
|
|
846
|
+
value: string;
|
|
847
|
+
onChange: (next: string) => void;
|
|
848
|
+
}
|
|
849
|
+
interface ToolbarFilterChipProps {
|
|
850
|
+
icon?: React__default.ReactNode;
|
|
851
|
+
active?: boolean;
|
|
852
|
+
onClick: () => void;
|
|
853
|
+
children: React__default.ReactNode;
|
|
854
|
+
}
|
|
855
|
+
declare const Toolbar: {
|
|
856
|
+
({ children }: {
|
|
857
|
+
children: React__default.ReactNode;
|
|
858
|
+
}): react_jsx_runtime.JSX.Element;
|
|
859
|
+
displayName: string;
|
|
860
|
+
} & {
|
|
861
|
+
Search: {
|
|
862
|
+
({ placeholder, value, onChange, }: ToolbarSearchProps): react_jsx_runtime.JSX.Element;
|
|
863
|
+
displayName: string;
|
|
864
|
+
};
|
|
865
|
+
Filters: {
|
|
866
|
+
({ children }: {
|
|
867
|
+
children: React__default.ReactNode;
|
|
868
|
+
}): react_jsx_runtime.JSX.Element;
|
|
869
|
+
displayName: string;
|
|
870
|
+
};
|
|
871
|
+
FilterChip: {
|
|
872
|
+
({ icon, active, onClick, children, }: ToolbarFilterChipProps): react_jsx_runtime.JSX.Element;
|
|
873
|
+
displayName: string;
|
|
874
|
+
};
|
|
875
|
+
Right: {
|
|
876
|
+
({ children }: {
|
|
877
|
+
children: React__default.ReactNode;
|
|
878
|
+
}): react_jsx_runtime.JSX.Element;
|
|
879
|
+
displayName: string;
|
|
880
|
+
};
|
|
881
|
+
Count: {
|
|
882
|
+
({ children }: {
|
|
883
|
+
children: React__default.ReactNode;
|
|
884
|
+
}): react_jsx_runtime.JSX.Element;
|
|
885
|
+
displayName: string;
|
|
886
|
+
};
|
|
887
|
+
};
|
|
888
|
+
|
|
683
889
|
declare const TreeViewRoot: React$1.ForwardRefExoticComponent<TreeView.RootProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
684
890
|
declare const TreeViewTree: React$1.ForwardRefExoticComponent<TreeView.TreeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
685
891
|
declare const TreeViewBranch: React$1.ForwardRefExoticComponent<TreeView.BranchProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -727,4 +933,4 @@ interface WidgetProps {
|
|
|
727
933
|
}
|
|
728
934
|
declare const Widget: React__default.FC<WidgetProps>;
|
|
729
935
|
|
|
730
|
-
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, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, 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 };
|
|
936
|
+
export { ActionCell, type ActionCellAction, type ActionCellProps, AuthCard, type AuthCardProps, 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, ContextRail, type ContextRailHeaderProps, type ContextRailProps, type ContextRailSectionProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, InlineCreatableList, type InlineCreatableListProps, LabeledSwitch, type LabeledSwitchProps, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, Modal, type ModalProps, NumberCell, type NumberCellProps, PageHeader, type PageHeaderBreadcrumb, type PageHeaderProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, Sidebar, type SidebarItemProps, type SidebarLogoProps, type SidebarSectionProps$1 as SidebarNavSectionProps, type SidebarProps, SidebarSection, type SidebarSectionProps, type SidebarUserMenuItemProps, type SidebarUserMenuProps, 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, Toolbar, type ToolbarFilterChipProps, type ToolbarSearchProps, 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 };
|