@cloudflare/kumo 1.14.1 → 1.16.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/CHANGELOG.md +45 -0
- package/ai/component-registry.json +405 -19
- package/ai/component-registry.md +539 -28
- package/ai/schemas.ts +19 -3
- package/dist/.build-complete +1 -1
- package/dist/ai/schemas.d.ts +61 -2
- package/dist/ai/schemas.d.ts.map +1 -1
- package/dist/ai/schemas.js +367 -342
- package/dist/ai/schemas.js.map +1 -1
- package/dist/chunks/{Legend-mkh1v83sz972e29d.js → Legend-bov5dqf08wemc2qj.js} +112 -100
- package/dist/chunks/Legend-bov5dqf08wemc2qj.js.map +1 -0
- package/dist/chunks/{breadcrumbs-gr907zcoo65rpn90.js → breadcrumbs-m79gm4gjwbfajpna.js} +2 -2
- package/dist/chunks/{breadcrumbs-gr907zcoo65rpn90.js.map → breadcrumbs-m79gm4gjwbfajpna.js.map} +1 -1
- package/dist/chunks/{button-d82sexqgnd834eaa.js → button-j0hi0afn33w9lxgi.js} +2 -2
- package/dist/chunks/button-j0hi0afn33w9lxgi.js.map +1 -0
- package/dist/chunks/{checkbox-f4qsbq6xycaji7qw.js → checkbox-lawmt1894wr6rpgi.js} +3 -3
- package/dist/chunks/{checkbox-f4qsbq6xycaji7qw.js.map → checkbox-lawmt1894wr6rpgi.js.map} +1 -1
- package/dist/chunks/{clipboard-text-fvggzgqrza82t5om.js → clipboard-text-ohx8kkpxisz382rj.js} +4 -4
- package/dist/chunks/{clipboard-text-fvggzgqrza82t5om.js.map → clipboard-text-ohx8kkpxisz382rj.js.map} +1 -1
- package/dist/chunks/{combobox-om4zw74o076sa00p.js → combobox-ft0u7rfaxawk0r0c.js} +4 -4
- package/dist/chunks/{combobox-om4zw74o076sa00p.js.map → combobox-ft0u7rfaxawk0r0c.js.map} +1 -1
- package/dist/chunks/{command-palette-ejoszjfivybu9yi5.js → command-palette-b31nq4wk7o7gx4sa.js} +2 -2
- package/dist/chunks/{command-palette-ejoszjfivybu9yi5.js.map → command-palette-b31nq4wk7o7gx4sa.js.map} +1 -1
- package/dist/chunks/{dialog-gkmecnx48ge38jrr.js → dialog-l5tmwxrzp9g83jmw.js} +2 -2
- package/dist/chunks/{dialog-gkmecnx48ge38jrr.js.map → dialog-l5tmwxrzp9g83jmw.js.map} +1 -1
- package/dist/chunks/{dropdown-i8n7nv3cvkvb1x3e.js → dropdown-icy3xatdwhzr4une.js} +2 -2
- package/dist/chunks/{dropdown-i8n7nv3cvkvb1x3e.js.map → dropdown-icy3xatdwhzr4une.js.map} +1 -1
- package/dist/chunks/{empty-h3qhwtx0z8arupc9.js → empty-hrwtammqp0b2nvtf.js} +2 -2
- package/dist/chunks/{empty-h3qhwtx0z8arupc9.js.map → empty-hrwtammqp0b2nvtf.js.map} +1 -1
- package/dist/chunks/{field-lc4gr226y5aqlctf.js → field-csje72m7j9403fj5.js} +3 -3
- package/dist/chunks/{field-lc4gr226y5aqlctf.js.map → field-csje72m7j9403fj5.js.map} +1 -1
- package/dist/chunks/hcl-hcu7d6ja6t540ijn.js +8 -0
- package/dist/chunks/hcl-hcu7d6ja6t540ijn.js.map +1 -0
- package/dist/chunks/{input-area-ce3bf8m8wvot44kg.js → input-area-jko15sbc6zeage3l.js} +4 -4
- package/dist/chunks/{input-area-ce3bf8m8wvot44kg.js.map → input-area-jko15sbc6zeage3l.js.map} +1 -1
- package/dist/chunks/{input-nvne68upfj8b2bk6.js → input-c8jmidy7gdqfiky1.js} +3 -3
- package/dist/chunks/{input-nvne68upfj8b2bk6.js.map → input-c8jmidy7gdqfiky1.js.map} +1 -1
- package/dist/chunks/{input-group-kttdor9mr32k289o.js → input-group-cjsy8kh4vf9312xl.js} +3 -3
- package/dist/chunks/{input-group-kttdor9mr32k289o.js.map → input-group-cjsy8kh4vf9312xl.js.map} +1 -1
- package/dist/chunks/{label-e42o95ab0dxmchxb.js → label-i46xnnzdh9bsxk6a.js} +3 -3
- package/dist/chunks/{label-e42o95ab0dxmchxb.js.map → label-i46xnnzdh9bsxk6a.js.map} +1 -1
- package/dist/chunks/{link-lpzl5s47pmobk361.js → link-o7yfj4kwgl19fklp.js} +2 -2
- package/dist/chunks/{link-lpzl5s47pmobk361.js.map → link-o7yfj4kwgl19fklp.js.map} +1 -1
- package/dist/chunks/{menubar-ifxxdoa35zz79z1q.js → menubar-g1wqqjuyyfvsim83.js} +2 -2
- package/dist/chunks/{menubar-ifxxdoa35zz79z1q.js.map → menubar-g1wqqjuyyfvsim83.js.map} +1 -1
- package/dist/chunks/{meter-fbtqfg0okpwmaiju.js → meter-cqkrg5axjenbsuue.js} +2 -2
- package/dist/chunks/{meter-fbtqfg0okpwmaiju.js.map → meter-cqkrg5axjenbsuue.js.map} +1 -1
- package/dist/chunks/{pagination-owm6h66jjgv1tjoe.js → pagination-e3dp8bd80s35f7sd.js} +3 -3
- package/dist/chunks/{pagination-owm6h66jjgv1tjoe.js.map → pagination-e3dp8bd80s35f7sd.js.map} +1 -1
- package/dist/chunks/{popover-dd7hi5ajeoq9od1i.js → popover-jurf834u2uywluux.js} +2 -2
- package/dist/chunks/{popover-dd7hi5ajeoq9od1i.js.map → popover-jurf834u2uywluux.js.map} +1 -1
- package/dist/chunks/{radio-ff1csb328f12smd4.js → radio-l9dzm6sohcvvrsdc.js} +32 -32
- package/dist/chunks/{radio-ff1csb328f12smd4.js.map → radio-l9dzm6sohcvvrsdc.js.map} +1 -1
- package/dist/chunks/{select-go7a0z3evkh9cfxq.js → select-hnt87e3cfos48qql.js} +4 -4
- package/dist/chunks/{select-go7a0z3evkh9cfxq.js.map → select-hnt87e3cfos48qql.js.map} +1 -1
- package/dist/chunks/{sensitive-input-gtzk3vit4i35n95g.js → sensitive-input-lvtccf3iqc06lj7b.js} +4 -4
- package/dist/chunks/{sensitive-input-gtzk3vit4i35n95g.js.map → sensitive-input-lvtccf3iqc06lj7b.js.map} +1 -1
- package/dist/chunks/sidebar-l6rk9o5qf8k5vth1.js +875 -0
- package/dist/chunks/sidebar-l6rk9o5qf8k5vth1.js.map +1 -0
- package/dist/chunks/{switch-cpbp0i75jnazkani.js → switch-fukrbip86khvqjn7.js} +3 -3
- package/dist/chunks/{switch-cpbp0i75jnazkani.js.map → switch-fukrbip86khvqjn7.js.map} +1 -1
- package/dist/chunks/{table-g41yb7ruredizqr8.js → table-orfgzwvxh8yr90dk.js} +2 -2
- package/dist/chunks/{table-g41yb7ruredizqr8.js.map → table-orfgzwvxh8yr90dk.js.map} +1 -1
- package/dist/chunks/{tabs-hy6oa7xtf96d9mxt.js → tabs-n0t7iro7wr0pzgk2.js} +2 -2
- package/dist/chunks/{tabs-hy6oa7xtf96d9mxt.js.map → tabs-n0t7iro7wr0pzgk2.js.map} +1 -1
- package/dist/chunks/{toast-j5gtfc50xpzzd0hc.js → toast-r9ajsces7xp8l85w.js} +179 -100
- package/dist/chunks/toast-r9ajsces7xp8l85w.js.map +1 -0
- package/dist/chunks/{tooltip-k68wcv9mrigb7rcb.js → tooltip-hnc71tg4gz2gpcvc.js} +2 -2
- package/dist/chunks/{tooltip-k68wcv9mrigb7rcb.js.map → tooltip-hnc71tg4gz2gpcvc.js.map} +1 -1
- package/dist/chunks/{vendor-base-ui-cpvkrhz4zgw9nw2b.js → vendor-base-ui-ccr5l0ynrievzzv3.js} +564 -563
- package/dist/chunks/{vendor-base-ui-cpvkrhz4zgw9nw2b.js.map → vendor-base-ui-ccr5l0ynrievzzv3.js.map} +1 -1
- package/dist/code/server.js +2 -1
- package/dist/code/server.js.map +1 -1
- package/dist/code.js +15 -14
- package/dist/code.js.map +1 -1
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/chart.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/clipboard-text.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-palette.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/empty.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/flow.js +2138 -2087
- package/dist/components/flow.js.map +1 -1
- package/dist/components/input.js +3 -3
- package/dist/components/label.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/menubar.js +1 -1
- package/dist/components/meter.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/radio.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/sensitive-input.js +1 -1
- package/dist/components/sidebar.js +35 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/switch.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/tooltip.js +1 -1
- package/dist/index.js +196 -165
- package/dist/index.js.map +1 -1
- package/dist/primitives/accordion.js +1 -1
- package/dist/primitives/alert-dialog.js +1 -1
- package/dist/primitives/autocomplete.js +1 -1
- package/dist/primitives/avatar.js +1 -1
- package/dist/primitives/button.js +1 -1
- package/dist/primitives/checkbox-group.js +1 -1
- package/dist/primitives/checkbox.js +1 -1
- package/dist/primitives/collapsible.js +1 -1
- package/dist/primitives/combobox.js +1 -1
- package/dist/primitives/context-menu.js +1 -1
- package/dist/primitives/csp-provider.js +1 -1
- package/dist/primitives/dialog.js +1 -1
- package/dist/primitives/direction-provider.js +1 -1
- package/dist/primitives/drawer.js +1 -1
- package/dist/primitives/field.js +1 -1
- package/dist/primitives/fieldset.js +1 -1
- package/dist/primitives/form.js +1 -1
- package/dist/primitives/input.js +1 -1
- package/dist/primitives/menu.js +1 -1
- package/dist/primitives/menubar.js +1 -1
- package/dist/primitives/meter.js +1 -1
- package/dist/primitives/navigation-menu.js +1 -1
- package/dist/primitives/number-field.js +1 -1
- package/dist/primitives/popover.js +1 -1
- package/dist/primitives/preview-card.js +1 -1
- package/dist/primitives/progress.js +1 -1
- package/dist/primitives/radio-group.js +1 -1
- package/dist/primitives/radio.js +1 -1
- package/dist/primitives/scroll-area.js +1 -1
- package/dist/primitives/select.js +1 -1
- package/dist/primitives/separator.js +1 -1
- package/dist/primitives/slider.js +1 -1
- package/dist/primitives/switch.js +1 -1
- package/dist/primitives/tabs.js +1 -1
- package/dist/primitives/toast.js +1 -1
- package/dist/primitives/toggle-group.js +1 -1
- package/dist/primitives/toggle.js +1 -1
- package/dist/primitives/toolbar.js +1 -1
- package/dist/primitives/tooltip.js +1 -1
- package/dist/primitives.js +1 -1
- package/dist/src/code/provider.d.ts.map +1 -1
- package/dist/src/code/server.d.ts.map +1 -1
- package/dist/src/code/types.d.ts +1 -1
- package/dist/src/code/types.d.ts.map +1 -1
- package/dist/src/components/button/button.d.ts +1 -1
- package/dist/src/components/chart/EChart.d.ts.map +1 -1
- package/dist/src/components/chart/TimeseriesChart.d.ts +11 -1
- package/dist/src/components/chart/TimeseriesChart.d.ts.map +1 -1
- package/dist/src/components/flow/diagram.d.ts.map +1 -1
- package/dist/src/components/flow/node.d.ts.map +1 -1
- package/dist/src/components/flow/parallel.d.ts.map +1 -1
- package/dist/src/components/radio/radio.d.ts +1 -1
- package/dist/src/components/radio/radio.d.ts.map +1 -1
- package/dist/src/components/sidebar/index.d.ts +2 -0
- package/dist/src/components/sidebar/index.d.ts.map +1 -0
- package/dist/src/components/sidebar/sidebar.d.ts +556 -0
- package/dist/src/components/sidebar/sidebar.d.ts.map +1 -0
- package/dist/src/components/toast/toast.d.ts +12 -2
- package/dist/src/components/toast/toast.d.ts.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/styles/kumo-standalone.css +1 -1
- package/package.json +6 -2
- package/scripts/component-registry/index.ts +12 -0
- package/dist/chunks/Legend-mkh1v83sz972e29d.js.map +0 -1
- package/dist/chunks/button-d82sexqgnd834eaa.js.map +0 -1
- package/dist/chunks/toast-j5gtfc50xpzzd0hc.js.map +0 -1
|
@@ -0,0 +1,556 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
|
|
2
|
+
/** Sidebar variant definitions mapping layout, collapse, and side options. */
|
|
3
|
+
export declare const KUMO_SIDEBAR_VARIANTS: {
|
|
4
|
+
readonly variant: {
|
|
5
|
+
readonly sidebar: {
|
|
6
|
+
readonly classes: "";
|
|
7
|
+
readonly description: "Standard sidebar with border separator";
|
|
8
|
+
};
|
|
9
|
+
readonly floating: {
|
|
10
|
+
readonly classes: "";
|
|
11
|
+
readonly description: "Floating sidebar with shadow and rounded corners";
|
|
12
|
+
};
|
|
13
|
+
readonly inset: {
|
|
14
|
+
readonly classes: "";
|
|
15
|
+
readonly description: "Inset sidebar within the content area";
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
readonly collapsible: {
|
|
19
|
+
readonly icon: {
|
|
20
|
+
readonly classes: "";
|
|
21
|
+
readonly description: "Collapses to show icons only";
|
|
22
|
+
};
|
|
23
|
+
readonly offcanvas: {
|
|
24
|
+
readonly classes: "";
|
|
25
|
+
readonly description: "Slides off screen when collapsed";
|
|
26
|
+
};
|
|
27
|
+
readonly none: {
|
|
28
|
+
readonly classes: "";
|
|
29
|
+
readonly description: "Cannot be collapsed";
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
readonly side: {
|
|
33
|
+
readonly left: {
|
|
34
|
+
readonly classes: "";
|
|
35
|
+
readonly description: "Left-aligned sidebar";
|
|
36
|
+
};
|
|
37
|
+
readonly right: {
|
|
38
|
+
readonly classes: "";
|
|
39
|
+
readonly description: "Right-aligned sidebar";
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export declare const KUMO_SIDEBAR_DEFAULT_VARIANTS: {
|
|
44
|
+
readonly variant: "sidebar";
|
|
45
|
+
readonly collapsible: "icon";
|
|
46
|
+
readonly side: "left";
|
|
47
|
+
};
|
|
48
|
+
export declare const KUMO_SIDEBAR_STYLING: {
|
|
49
|
+
readonly width: {
|
|
50
|
+
readonly expanded: "16rem";
|
|
51
|
+
readonly icon: "3rem";
|
|
52
|
+
};
|
|
53
|
+
readonly mobile: {
|
|
54
|
+
readonly breakpoint: 768;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export type SidebarSide = "left" | "right";
|
|
58
|
+
export type SidebarVariant = "sidebar" | "floating" | "inset";
|
|
59
|
+
export type SidebarCollapsible = "icon" | "offcanvas" | "none";
|
|
60
|
+
export interface SidebarContextValue {
|
|
61
|
+
state: "expanded" | "collapsed";
|
|
62
|
+
open: boolean;
|
|
63
|
+
setOpen: (open: boolean) => void;
|
|
64
|
+
openMobile: boolean;
|
|
65
|
+
setOpenMobile: (open: boolean) => void;
|
|
66
|
+
isMobile: boolean;
|
|
67
|
+
toggleSidebar: () => void;
|
|
68
|
+
variant: "sidebar" | "floating" | "inset";
|
|
69
|
+
side: "left" | "right";
|
|
70
|
+
collapsible: "icon" | "offcanvas" | "none";
|
|
71
|
+
width: number;
|
|
72
|
+
resizable: boolean;
|
|
73
|
+
minWidth: number;
|
|
74
|
+
maxWidth: number;
|
|
75
|
+
isResizing: boolean;
|
|
76
|
+
setIsResizing: (resizing: boolean) => void;
|
|
77
|
+
setWidth: (width: number) => void;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Hook to access sidebar state and actions from any descendant component.
|
|
81
|
+
*
|
|
82
|
+
* @example
|
|
83
|
+
* ```tsx
|
|
84
|
+
* const { state, open, toggleSidebar, isMobile } = useSidebar();
|
|
85
|
+
* ```
|
|
86
|
+
*
|
|
87
|
+
* @throws Error if used outside a `Sidebar.Provider`.
|
|
88
|
+
*/
|
|
89
|
+
export declare function useSidebar(): SidebarContextValue;
|
|
90
|
+
export interface SidebarProviderProps {
|
|
91
|
+
/** Initial open state when uncontrolled. @default true */
|
|
92
|
+
defaultOpen?: boolean;
|
|
93
|
+
/** Controlled open state. */
|
|
94
|
+
open?: boolean;
|
|
95
|
+
/** Callback when open state changes (controlled mode). */
|
|
96
|
+
onOpenChange?: (open: boolean) => void;
|
|
97
|
+
/** Sidebar layout variant. @default "sidebar" */
|
|
98
|
+
variant?: SidebarVariant;
|
|
99
|
+
/** Which side the sidebar is on. @default "left" */
|
|
100
|
+
side?: SidebarSide;
|
|
101
|
+
collapsible?: "icon" | "offcanvas" | "none";
|
|
102
|
+
/** Enable drag-to-resize on the sidebar edge. @default false */
|
|
103
|
+
resizable?: boolean;
|
|
104
|
+
/** Initial width in pixels when resizable. @default 256 */
|
|
105
|
+
defaultWidth?: number;
|
|
106
|
+
/** Minimum width in pixels when resizing. @default 200 */
|
|
107
|
+
minWidth?: number;
|
|
108
|
+
/** Maximum width in pixels when resizing. @default 480 */
|
|
109
|
+
maxWidth?: number;
|
|
110
|
+
/** Callback when width changes during resize. */
|
|
111
|
+
onWidthChange?: (width: number) => void;
|
|
112
|
+
/** Content — typically `<Sidebar>` + main content. */
|
|
113
|
+
children: ReactNode;
|
|
114
|
+
/** Additional CSS classes for the wrapper div. */
|
|
115
|
+
className?: string;
|
|
116
|
+
/** Inline styles for the wrapper div. */
|
|
117
|
+
style?: CSSProperties;
|
|
118
|
+
}
|
|
119
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, variant, side, collapsible, resizable, defaultWidth, minWidth, maxWidth, onWidthChange, children, className, style, }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
120
|
+
declare namespace SidebarProvider {
|
|
121
|
+
var displayName: string;
|
|
122
|
+
}
|
|
123
|
+
export interface SidebarRootProps extends ComponentPropsWithoutRef<"aside"> {
|
|
124
|
+
/** Additional CSS classes for the sidebar element. */
|
|
125
|
+
className?: string;
|
|
126
|
+
/** Sidebar content — Header, Content, Footer, etc. */
|
|
127
|
+
children: ReactNode;
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* Main sidebar container. Renders as `<aside>` on desktop, Dialog sheet on mobile.
|
|
131
|
+
* Must be used inside `Sidebar.Provider`.
|
|
132
|
+
*
|
|
133
|
+
* @example
|
|
134
|
+
* ```tsx
|
|
135
|
+
* <Sidebar.Provider>
|
|
136
|
+
* <Sidebar>
|
|
137
|
+
* <Sidebar.Header>...</Sidebar.Header>
|
|
138
|
+
* <Sidebar.Content>...</Sidebar.Content>
|
|
139
|
+
* <Sidebar.Footer>...</Sidebar.Footer>
|
|
140
|
+
* </Sidebar>
|
|
141
|
+
* </Sidebar.Provider>
|
|
142
|
+
* ```
|
|
143
|
+
*/
|
|
144
|
+
declare const SidebarRoot: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLElement>>;
|
|
145
|
+
/**
|
|
146
|
+
* Top section of the sidebar. Typically contains a logo, title, and action button.
|
|
147
|
+
*
|
|
148
|
+
* @example
|
|
149
|
+
* ```tsx
|
|
150
|
+
* <Sidebar.Header>
|
|
151
|
+
* <CloudflareLogo />
|
|
152
|
+
* <span>Design Engineering</span>
|
|
153
|
+
* <Button shape="square" icon={CaretUpDownIcon} aria-label="Switch" />
|
|
154
|
+
* </Sidebar.Header>
|
|
155
|
+
* ```
|
|
156
|
+
*/
|
|
157
|
+
declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
158
|
+
/**
|
|
159
|
+
* Scrollable middle section of the sidebar. Contains nav groups and menus.
|
|
160
|
+
*
|
|
161
|
+
* @example
|
|
162
|
+
* ```tsx
|
|
163
|
+
* <Sidebar.Content>
|
|
164
|
+
* <Sidebar.Group>...</Sidebar.Group>
|
|
165
|
+
* </Sidebar.Content>
|
|
166
|
+
* ```
|
|
167
|
+
*/
|
|
168
|
+
declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
169
|
+
/**
|
|
170
|
+
* Bottom-pinned section of the sidebar. Typically contains toggle button and help actions.
|
|
171
|
+
*
|
|
172
|
+
* @example
|
|
173
|
+
* ```tsx
|
|
174
|
+
* <Sidebar.Footer>
|
|
175
|
+
* <Sidebar.Trigger />
|
|
176
|
+
* <Button shape="square" icon={InfoIcon} aria-label="Help" />
|
|
177
|
+
* </Sidebar.Footer>
|
|
178
|
+
* ```
|
|
179
|
+
*/
|
|
180
|
+
declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
181
|
+
export interface SidebarGroupProps extends ComponentPropsWithoutRef<"div"> {
|
|
182
|
+
/** When true, the group can be expanded/collapsed via its label. @default false */
|
|
183
|
+
collapsible?: boolean;
|
|
184
|
+
/** Initial open state when collapsible and uncontrolled. @default true */
|
|
185
|
+
defaultOpen?: boolean;
|
|
186
|
+
/** Controlled open state (collapsible mode only). */
|
|
187
|
+
open?: boolean;
|
|
188
|
+
/** Callback when open state changes (collapsible mode only). */
|
|
189
|
+
onOpenChange?: (open: boolean) => void;
|
|
190
|
+
}
|
|
191
|
+
/**
|
|
192
|
+
* Groups related menu items with an optional label.
|
|
193
|
+
* When `collapsible` is set, wraps content with Base UI Collapsible for
|
|
194
|
+
* animated expand/collapse via the group label.
|
|
195
|
+
*
|
|
196
|
+
* @example Non-collapsible group
|
|
197
|
+
* ```tsx
|
|
198
|
+
* <Sidebar.Group>
|
|
199
|
+
* <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>
|
|
200
|
+
* <Sidebar.Menu>...</Sidebar.Menu>
|
|
201
|
+
* </Sidebar.Group>
|
|
202
|
+
* ```
|
|
203
|
+
*
|
|
204
|
+
* @example Collapsible group (requires GroupContent for animation)
|
|
205
|
+
* ```tsx
|
|
206
|
+
* <Sidebar.Group collapsible defaultOpen>
|
|
207
|
+
* <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>
|
|
208
|
+
* <Sidebar.GroupContent>
|
|
209
|
+
* <Sidebar.Menu>...</Sidebar.Menu>
|
|
210
|
+
* </Sidebar.GroupContent>
|
|
211
|
+
* </Sidebar.Group>
|
|
212
|
+
* ```
|
|
213
|
+
*/
|
|
214
|
+
declare const SidebarGroup: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
215
|
+
/**
|
|
216
|
+
* Section label for a sidebar group (e.g., "Build", "Protect & Connect").
|
|
217
|
+
* Hidden when the sidebar is collapsed to icon-only mode.
|
|
218
|
+
*
|
|
219
|
+
* When used inside a collapsible `Sidebar.Group`, renders as a
|
|
220
|
+
* `Collapsible.Trigger` with an auto-rotating chevron.
|
|
221
|
+
*
|
|
222
|
+
* @example
|
|
223
|
+
* ```tsx
|
|
224
|
+
* <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>
|
|
225
|
+
* ```
|
|
226
|
+
*/
|
|
227
|
+
declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
228
|
+
/**
|
|
229
|
+
* Animation wrapper for collapsible group content. Uses CSS grid-rows
|
|
230
|
+
* for smooth height transitions when the group is expanded/collapsed.
|
|
231
|
+
*
|
|
232
|
+
* **Only needed for collapsible groups.** For non-collapsible groups,
|
|
233
|
+
* place `Menu` directly inside `Group` — no wrapper required.
|
|
234
|
+
*
|
|
235
|
+
* @example Collapsible group (GroupContent required)
|
|
236
|
+
* ```tsx
|
|
237
|
+
* <Sidebar.Group collapsible defaultOpen>
|
|
238
|
+
* <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>
|
|
239
|
+
* <Sidebar.GroupContent>
|
|
240
|
+
* <Sidebar.Menu>...</Sidebar.Menu>
|
|
241
|
+
* </Sidebar.GroupContent>
|
|
242
|
+
* </Sidebar.Group>
|
|
243
|
+
* ```
|
|
244
|
+
*
|
|
245
|
+
* @example Non-collapsible group (no GroupContent needed)
|
|
246
|
+
* ```tsx
|
|
247
|
+
* <Sidebar.Group>
|
|
248
|
+
* <Sidebar.GroupLabel>Overview</Sidebar.GroupLabel>
|
|
249
|
+
* <Sidebar.Menu>...</Sidebar.Menu>
|
|
250
|
+
* </Sidebar.Group>
|
|
251
|
+
* ```
|
|
252
|
+
*/
|
|
253
|
+
declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
254
|
+
/**
|
|
255
|
+
* Navigation menu list. Renders as `<ul>`.
|
|
256
|
+
*
|
|
257
|
+
* `MenuButton` auto-wraps in `<li>` so `MenuItem` is optional for simple items.
|
|
258
|
+
*
|
|
259
|
+
* @example Simple usage
|
|
260
|
+
* ```tsx
|
|
261
|
+
* <Sidebar.Menu>
|
|
262
|
+
* <Sidebar.MenuButton icon={HouseIcon} active>Account home</Sidebar.MenuButton>
|
|
263
|
+
* <Sidebar.MenuButton icon={GlobeIcon}>Domains</Sidebar.MenuButton>
|
|
264
|
+
* </Sidebar.Menu>
|
|
265
|
+
* ```
|
|
266
|
+
*
|
|
267
|
+
* @example With explicit MenuItem (needed for MenuAction sibling)
|
|
268
|
+
* ```tsx
|
|
269
|
+
* <Sidebar.Menu>
|
|
270
|
+
* <Sidebar.MenuItem>
|
|
271
|
+
* <Sidebar.MenuButton icon={GearIcon}>Settings</Sidebar.MenuButton>
|
|
272
|
+
* <Sidebar.MenuAction><PencilIcon /></Sidebar.MenuAction>
|
|
273
|
+
* </Sidebar.MenuItem>
|
|
274
|
+
* </Sidebar.Menu>
|
|
275
|
+
* ```
|
|
276
|
+
*/
|
|
277
|
+
declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
278
|
+
/**
|
|
279
|
+
* Individual menu list item. Renders as `<li>`.
|
|
280
|
+
*
|
|
281
|
+
* **Optional when using `MenuButton` directly** — `MenuButton` auto-wraps
|
|
282
|
+
* itself in a `<li>` when not already inside a `MenuItem`. Use `MenuItem`
|
|
283
|
+
* explicitly when you need to place siblings (e.g., `MenuAction`) alongside
|
|
284
|
+
* a `MenuButton`.
|
|
285
|
+
*
|
|
286
|
+
* @example Explicit usage (needed for MenuAction sibling)
|
|
287
|
+
* ```tsx
|
|
288
|
+
* <Sidebar.MenuItem>
|
|
289
|
+
* <Sidebar.MenuButton icon={GearIcon}>Settings</Sidebar.MenuButton>
|
|
290
|
+
* <Sidebar.MenuAction><PencilIcon /></Sidebar.MenuAction>
|
|
291
|
+
* </Sidebar.MenuItem>
|
|
292
|
+
* ```
|
|
293
|
+
*/
|
|
294
|
+
declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
295
|
+
export type SidebarMenuButtonSize = "base" | "sm";
|
|
296
|
+
export interface SidebarMenuButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> {
|
|
297
|
+
icon?: React.ComponentType<{
|
|
298
|
+
className?: string;
|
|
299
|
+
}> | React.ReactNode;
|
|
300
|
+
active?: boolean;
|
|
301
|
+
/**
|
|
302
|
+
* Button size.
|
|
303
|
+
* - `"base"` — Standard nav item
|
|
304
|
+
* - `"sm"` — Compact nav item
|
|
305
|
+
* @default "base"
|
|
306
|
+
*/
|
|
307
|
+
size?: SidebarMenuButtonSize;
|
|
308
|
+
href?: string;
|
|
309
|
+
tooltip?: string;
|
|
310
|
+
className?: string;
|
|
311
|
+
children?: ReactNode;
|
|
312
|
+
}
|
|
313
|
+
/**
|
|
314
|
+
* Primary interactive element inside a menu item. Renders as a `<button>` or link.
|
|
315
|
+
* Supports icons, active state, and auto-tooltip when the sidebar is collapsed.
|
|
316
|
+
*
|
|
317
|
+
* **Auto-wraps in `<li>`** when not already inside a `Sidebar.MenuItem`.
|
|
318
|
+
* Use `MenuItem` explicitly only when you need siblings (e.g., `MenuAction`).
|
|
319
|
+
*
|
|
320
|
+
* When used as a `Collapsible.Trigger` via `render` prop, the expand/collapse chevron
|
|
321
|
+
* auto-rotates thanks to Base UI's `data-panel-open` attribute combined with
|
|
322
|
+
* `group/menu-button` CSS grouping.
|
|
323
|
+
*
|
|
324
|
+
* @example Simple usage (auto-wrapped in `<li>`)
|
|
325
|
+
* ```tsx
|
|
326
|
+
* <Sidebar.Menu>
|
|
327
|
+
* <Sidebar.MenuButton icon={GlobeIcon} active>Domains</Sidebar.MenuButton>
|
|
328
|
+
* <Sidebar.MenuButton icon={ClockIcon} href="/recents">Recents</Sidebar.MenuButton>
|
|
329
|
+
* </Sidebar.Menu>
|
|
330
|
+
* ```
|
|
331
|
+
*
|
|
332
|
+
* @example With MenuAction sibling (explicit MenuItem needed)
|
|
333
|
+
* ```tsx
|
|
334
|
+
* <Sidebar.MenuItem>
|
|
335
|
+
* <Sidebar.MenuButton icon={GearIcon}>Settings</Sidebar.MenuButton>
|
|
336
|
+
* <Sidebar.MenuAction><PencilIcon /></Sidebar.MenuAction>
|
|
337
|
+
* </Sidebar.MenuItem>
|
|
338
|
+
* ```
|
|
339
|
+
*/
|
|
340
|
+
declare const SidebarMenuButton: React.ForwardRefExoticComponent<SidebarMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
341
|
+
/**
|
|
342
|
+
* Right-aligned action button inside a menu item (e.g., settings gear, plus icon).
|
|
343
|
+
* Positioned absolutely so it overlays the menu button.
|
|
344
|
+
* Hidden when the sidebar is collapsed.
|
|
345
|
+
*/
|
|
346
|
+
declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
347
|
+
/**
|
|
348
|
+
* Badge pill displayed inside a menu button (e.g., "Beta", "New").
|
|
349
|
+
* Uses dashed border styling matching the Cloudflare design system.
|
|
350
|
+
*
|
|
351
|
+
* @example
|
|
352
|
+
* ```tsx
|
|
353
|
+
* <Sidebar.MenuSubButton>
|
|
354
|
+
* Containers
|
|
355
|
+
* <Sidebar.MenuBadge>Beta</Sidebar.MenuBadge>
|
|
356
|
+
* </Sidebar.MenuSubButton>
|
|
357
|
+
* ```
|
|
358
|
+
*/
|
|
359
|
+
declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
360
|
+
/**
|
|
361
|
+
* Indented sub-menu container for child navigation items. Renders as `<ul>` with
|
|
362
|
+
* a left border accent for visual hierarchy.
|
|
363
|
+
*
|
|
364
|
+
* `MenuSubButton` auto-wraps in `<li>` so `MenuSubItem` is optional.
|
|
365
|
+
*
|
|
366
|
+
* @example
|
|
367
|
+
* ```tsx
|
|
368
|
+
* <Sidebar.MenuSub>
|
|
369
|
+
* <Sidebar.MenuSubButton active>Workers & Pages</Sidebar.MenuSubButton>
|
|
370
|
+
* <Sidebar.MenuSubButton>Durable Objects</Sidebar.MenuSubButton>
|
|
371
|
+
* </Sidebar.MenuSub>
|
|
372
|
+
* ```
|
|
373
|
+
*/
|
|
374
|
+
declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
375
|
+
/**
|
|
376
|
+
* Individual item inside a sub-menu. Renders as `<li>`.
|
|
377
|
+
*
|
|
378
|
+
* **Optional when using `MenuSubButton` directly** — `MenuSubButton` auto-wraps
|
|
379
|
+
* itself in a `<li>` when not already inside a `MenuSubItem`.
|
|
380
|
+
*/
|
|
381
|
+
declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
382
|
+
export interface SidebarMenuSubButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
383
|
+
/** Marks this sub-item as currently active/selected. @default false */
|
|
384
|
+
active?: boolean;
|
|
385
|
+
/** Navigation URL. When set, renders as a link via LinkProvider. */
|
|
386
|
+
href?: string;
|
|
387
|
+
}
|
|
388
|
+
/**
|
|
389
|
+
* Button inside a sub-menu item. Does not render an icon (sub-items are
|
|
390
|
+
* indented instead). Supports active state and link rendering.
|
|
391
|
+
*
|
|
392
|
+
* **Auto-wraps in `<li>`** when not already inside a `Sidebar.MenuSubItem`.
|
|
393
|
+
*
|
|
394
|
+
* @example Simple usage (auto-wrapped in `<li>`)
|
|
395
|
+
* ```tsx
|
|
396
|
+
* <Sidebar.MenuSub>
|
|
397
|
+
* <Sidebar.MenuSubButton active>Workers & Pages</Sidebar.MenuSubButton>
|
|
398
|
+
* <Sidebar.MenuSubButton href="/observability">Observability</Sidebar.MenuSubButton>
|
|
399
|
+
* </Sidebar.MenuSub>
|
|
400
|
+
* ```
|
|
401
|
+
*/
|
|
402
|
+
declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<SidebarMenuSubButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
403
|
+
/**
|
|
404
|
+
* Horizontal divider line between sidebar sections.
|
|
405
|
+
*/
|
|
406
|
+
declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;
|
|
407
|
+
export interface SidebarInputProps extends ComponentPropsWithoutRef<"button"> {
|
|
408
|
+
/** Placeholder text displayed inside the search trigger. @default "Search..." */
|
|
409
|
+
placeholder?: string;
|
|
410
|
+
/** Keyboard shortcut hint (e.g., "⌘K"). */
|
|
411
|
+
shortcut?: string;
|
|
412
|
+
}
|
|
413
|
+
/**
|
|
414
|
+
* Search trigger button styled as an input. Typically opens a command palette.
|
|
415
|
+
*
|
|
416
|
+
* @example
|
|
417
|
+
* ```tsx
|
|
418
|
+
* <Sidebar.Input placeholder="Quick search..." shortcut="⌘K" onClick={openSearch} />
|
|
419
|
+
* ```
|
|
420
|
+
*/
|
|
421
|
+
declare const SidebarInput: React.ForwardRefExoticComponent<SidebarInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
422
|
+
/**
|
|
423
|
+
* Button that toggles the sidebar open/collapsed. Uses `toggleSidebar()` from context.
|
|
424
|
+
* Defaults to a `SidebarSimpleIcon`, left-aligned.
|
|
425
|
+
*
|
|
426
|
+
* @example
|
|
427
|
+
* ```tsx
|
|
428
|
+
* <Sidebar.Trigger />
|
|
429
|
+
* <Sidebar.Trigger><PanelLeftIcon className="size-5" /></Sidebar.Trigger>
|
|
430
|
+
* ```
|
|
431
|
+
*/
|
|
432
|
+
declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
433
|
+
/**
|
|
434
|
+
* Invisible interaction strip at the sidebar edge for click-to-toggle.
|
|
435
|
+
* Renders a thin hover-sensitive area between the sidebar and main content.
|
|
436
|
+
*/
|
|
437
|
+
declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
438
|
+
/**
|
|
439
|
+
* Drag handle for resizing the sidebar. Renders when `resizable` is true in
|
|
440
|
+
* both expanded and collapsed states.
|
|
441
|
+
*
|
|
442
|
+
* - **Expanded → drag inward past `minWidth`**: auto-collapses to icon-only.
|
|
443
|
+
* - **Collapsed → drag outward past `minWidth`**: auto-expands and begins
|
|
444
|
+
* tracking width from `minWidth`.
|
|
445
|
+
*/
|
|
446
|
+
declare const SidebarResizeHandle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
447
|
+
/**
|
|
448
|
+
* Auto-rotating chevron for collapsible menu items. When the parent
|
|
449
|
+
* `MenuButton` is used as a `Collapsible.Trigger`, Base UI sets
|
|
450
|
+
* `data-panel-open` on the trigger — the chevron rotates automatically via CSS.
|
|
451
|
+
*
|
|
452
|
+
* @example
|
|
453
|
+
* ```tsx
|
|
454
|
+
* <Sidebar.CollapsibleTrigger render={<Sidebar.MenuButton icon={ComputeIcon} />}>
|
|
455
|
+
* Compute
|
|
456
|
+
* <Sidebar.MenuChevron />
|
|
457
|
+
* </Sidebar.CollapsibleTrigger>
|
|
458
|
+
* ```
|
|
459
|
+
*/
|
|
460
|
+
declare function SidebarMenuChevron({ className }: {
|
|
461
|
+
className?: string;
|
|
462
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
463
|
+
declare namespace SidebarMenuChevron {
|
|
464
|
+
var displayName: string;
|
|
465
|
+
}
|
|
466
|
+
/**
|
|
467
|
+
* Base UI Collapsible.Root for sidebar sub-menu expand/collapse.
|
|
468
|
+
* @see https://base-ui.com/react/components/collapsible
|
|
469
|
+
*/
|
|
470
|
+
declare const SidebarCollapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
471
|
+
/**
|
|
472
|
+
* Base UI Collapsible.Trigger for sidebar sub-menu toggle.
|
|
473
|
+
* Use `render` prop to compose with `Sidebar.MenuButton`.
|
|
474
|
+
*
|
|
475
|
+
* @example
|
|
476
|
+
* ```tsx
|
|
477
|
+
* <Sidebar.CollapsibleTrigger render={<Sidebar.MenuButton icon={DiamondIcon} />}>
|
|
478
|
+
* Compute
|
|
479
|
+
* <Sidebar.MenuChevron />
|
|
480
|
+
* </Sidebar.CollapsibleTrigger>
|
|
481
|
+
* ```
|
|
482
|
+
*/
|
|
483
|
+
declare const SidebarCollapsibleTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
484
|
+
/**
|
|
485
|
+
* Animated collapsible panel for sidebar sub-menu content.
|
|
486
|
+
* Wraps Base UI `Collapsible.Panel` with a height transition driven by the
|
|
487
|
+
* `--collapsible-panel-height` CSS variable that Base UI measures automatically.
|
|
488
|
+
*
|
|
489
|
+
* Uses `keepMounted` by default so the exit animation plays before removal.
|
|
490
|
+
*
|
|
491
|
+
* Animation flow:
|
|
492
|
+
* - **Opening**: `data-starting-style` (h=0) → `data-open` (h=measured) — transition up
|
|
493
|
+
* - **Closing**: `data-open` removed + `data-ending-style` (h=0) — transition down
|
|
494
|
+
* - **Closed**: `data-closed` (h=0) — stays collapsed while mounted
|
|
495
|
+
*/
|
|
496
|
+
declare const SidebarCollapsibleContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
497
|
+
/**
|
|
498
|
+
* Sidebar — responsive navigation panel with expand/collapse support.
|
|
499
|
+
*
|
|
500
|
+
* Compound component: `Sidebar` (root `<aside>`), `.Provider`, `.Header`,
|
|
501
|
+
* `.Content`, `.Footer`, `.Group`, `.GroupLabel`, `.GroupContent`,
|
|
502
|
+
* `.Menu`, `.MenuItem`, `.MenuButton`, `.MenuAction`, `.MenuBadge`,
|
|
503
|
+
* `.MenuSub`, `.MenuSubItem`, `.MenuSubButton`, `.Separator`,
|
|
504
|
+
* `.Input`, `.Trigger`, `.Rail`, `.MenuChevron`,
|
|
505
|
+
* `.Collapsible`, `.CollapsibleTrigger`, `.CollapsibleContent`.
|
|
506
|
+
*
|
|
507
|
+
* Built on `@base-ui/react/collapsible` + `@base-ui/react/dialog`.
|
|
508
|
+
*
|
|
509
|
+
* @example
|
|
510
|
+
* ```tsx
|
|
511
|
+
* <Sidebar.Provider defaultOpen>
|
|
512
|
+
* <Sidebar>
|
|
513
|
+
* <Sidebar.Content>
|
|
514
|
+
* <Sidebar.Group>
|
|
515
|
+
* <Sidebar.GroupLabel>Overview</Sidebar.GroupLabel>
|
|
516
|
+
* <Sidebar.Menu>
|
|
517
|
+
* <Sidebar.MenuButton icon={HouseIcon} active>Home</Sidebar.MenuButton>
|
|
518
|
+
* <Sidebar.MenuButton icon={GlobeIcon}>Domains</Sidebar.MenuButton>
|
|
519
|
+
* </Sidebar.Menu>
|
|
520
|
+
* </Sidebar.Group>
|
|
521
|
+
* </Sidebar.Content>
|
|
522
|
+
* <Sidebar.Footer>
|
|
523
|
+
* <Sidebar.Trigger />
|
|
524
|
+
* </Sidebar.Footer>
|
|
525
|
+
* </Sidebar>
|
|
526
|
+
* </Sidebar.Provider>
|
|
527
|
+
* ```
|
|
528
|
+
*/
|
|
529
|
+
export declare const Sidebar: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLElement>> & {
|
|
530
|
+
Provider: typeof SidebarProvider;
|
|
531
|
+
Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
532
|
+
Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
533
|
+
Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
534
|
+
Group: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
535
|
+
GroupLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
536
|
+
GroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
537
|
+
Menu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
538
|
+
MenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
539
|
+
MenuButton: React.ForwardRefExoticComponent<SidebarMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
540
|
+
MenuAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
541
|
+
MenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
542
|
+
MenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
543
|
+
MenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
544
|
+
MenuSubButton: React.ForwardRefExoticComponent<SidebarMenuSubButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
545
|
+
Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;
|
|
546
|
+
Input: React.ForwardRefExoticComponent<SidebarInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
547
|
+
Trigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
548
|
+
Rail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
549
|
+
ResizeHandle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
550
|
+
MenuChevron: typeof SidebarMenuChevron;
|
|
551
|
+
Collapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
552
|
+
CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
553
|
+
CollapsibleContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
554
|
+
};
|
|
555
|
+
export { SidebarProvider, SidebarRoot, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarSeparator, SidebarInput, SidebarTrigger, SidebarRail, SidebarResizeHandle, SidebarMenuChevron, SidebarCollapsible, SidebarCollapsibleTrigger, SidebarCollapsibleContent, };
|
|
556
|
+
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,16 +27,26 @@ export declare const KUMO_TOAST_VARIANTS: {
|
|
|
27
27
|
readonly classes: "border-kumo-fill bg-kumo-control";
|
|
28
28
|
readonly description: "Default toast style";
|
|
29
29
|
};
|
|
30
|
+
readonly success: {
|
|
31
|
+
readonly classes: "border-kumo-success bg-kumo-control [&_[data-toast-icon]]:text-kumo-success [&_[data-toast-title]]:text-kumo-success";
|
|
32
|
+
readonly description: "Success toast for confirmations and positive outcomes";
|
|
33
|
+
readonly icon: import('@phosphor-icons/react').Icon;
|
|
34
|
+
};
|
|
30
35
|
readonly error: {
|
|
31
|
-
readonly classes: "border-kumo-
|
|
36
|
+
readonly classes: "border-kumo-danger bg-kumo-control [&_[data-toast-icon]]:text-kumo-danger [&_[data-toast-title]]:text-kumo-danger";
|
|
32
37
|
readonly description: "Error toast for critical issues";
|
|
33
38
|
readonly icon: import('@phosphor-icons/react').Icon;
|
|
34
39
|
};
|
|
35
40
|
readonly warning: {
|
|
36
|
-
readonly classes: "border-kumo-
|
|
41
|
+
readonly classes: "border-kumo-warning bg-kumo-control [&_[data-toast-icon]]:text-kumo-warning [&_[data-toast-title]]:text-kumo-warning";
|
|
37
42
|
readonly description: "Warning toast for cautionary messages";
|
|
38
43
|
readonly icon: import('@phosphor-icons/react').Icon;
|
|
39
44
|
};
|
|
45
|
+
readonly info: {
|
|
46
|
+
readonly classes: "border-kumo-info bg-kumo-control [&_[data-toast-icon]]:text-kumo-info [&_[data-toast-title]]:text-kumo-info";
|
|
47
|
+
readonly description: "Info toast for neutral informational messages";
|
|
48
|
+
readonly icon: import('@phosphor-icons/react').Icon;
|
|
49
|
+
};
|
|
40
50
|
};
|
|
41
51
|
};
|
|
42
52
|
export declare const KUMO_TOAST_DEFAULT_VARIANTS: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACtB,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAS9D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC;AAGX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAExE,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAA6C,GAC9C,GAAE,sBAA2B,UAO7B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAY,SAAQ,sBAAsB;IACzD,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,GACnE,oBAAoB,CAAC;AAEvB,MAAM,MAAM,0BAA0B,CAAC,IAAI,SAAS,MAAM,IACxD,sBAAsB,CAAC,IAAI,CAAC,GAAG,oBAAoB,CAAC;AAyFtD,eAAO,MAAM,mBAAmB;YAIF,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;4FArFvC,0BAA0B,CAAC,GAAG,CAAC;;qIAoCjC,MAAM,WAAW,OAAO,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC;mKAM5D,CAAC;iBAGE,0BAA0B,CAAC,GAAG,CAAC;iEAGtB,0BAA0B,CAAC,GAAG,CAAC;0DAGpC,KAAK,KAAK,0BAA0B,CAAC,GAAG,CAAC;;CAoC7D,CAAC;AAEF,eAAO,MAAM,sBAAsB;mBAzFhB,0BAA0B,CAAC,GAAG,CAAC;iBAoCjC,MAAM,WAAW,OAAO,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC;cAM5D,CAAC;iBAGE,0BAA0B,CAAC,GAAG,CAAC;iEAGtB,0BAA0B,CAAC,GAAG,CAAC;0DAGpC,KAAK,KAAK,0BAA0B,CAAC,GAAG,CAAC;;CAwC7D,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAW/C;AAED,0FAA0F;AAC1F,eAAO,MAAM,aAAa,eAAS,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -70,6 +70,7 @@ export { CloudflareLogo, KUMO_CLOUDFLARE_LOGO_VARIANTS, KUMO_CLOUDFLARE_LOGO_DEF
|
|
|
70
70
|
export { DatePicker, type DatePickerProps, type DateRange, type DayPickerProps, } from './components/date-picker';
|
|
71
71
|
export { Flow } from './components/flow';
|
|
72
72
|
export { Chart, ChartPalette, TimeseriesChart, ChartLegend, } from './components/chart';
|
|
73
|
+
export { Sidebar, SidebarProvider, SidebarRoot, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarSeparator, SidebarInput, SidebarTrigger, SidebarRail, SidebarResizeHandle, SidebarMenuChevron, SidebarCollapsible, SidebarCollapsibleTrigger, SidebarCollapsibleContent, useSidebar, KUMO_SIDEBAR_VARIANTS, KUMO_SIDEBAR_DEFAULT_VARIANTS, KUMO_SIDEBAR_STYLING, type SidebarSide, type SidebarVariant, type SidebarCollapsible as SidebarCollapsibleType, type SidebarContextValue, type SidebarProviderProps, type SidebarRootProps, type SidebarMenuButtonSize, type SidebarMenuButtonProps, type SidebarMenuSubButtonProps, type SidebarInputProps, } from './components/sidebar';
|
|
73
74
|
export { cn, safeRandomId } from './utils/cn';
|
|
74
75
|
export { LinkProvider, useLinkComponent, type LinkComponentProps, } from './utils/link-provider';
|
|
75
76
|
export type { ComponentRegistry, ComponentSchema, ComponentStyling, ComponentType, PropSchema, SubComponentSchema, } from './registry/types';
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|