@xenide-io/the-old-ui-theme 0.2.6 → 0.2.9
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/chunk-SHF57J7U.mjs +2910 -0
- package/dist/index-CmS6hcUk.d.mts +753 -0
- package/dist/index-CmS6hcUk.d.ts +753 -0
- package/dist/index.d.mts +5 -755
- package/dist/index.d.ts +5 -755
- package/dist/index.js +43 -23
- package/dist/index.mjs +252 -2846
- package/dist/ui.d.mts +3 -0
- package/dist/ui.d.ts +3 -0
- package/dist/ui.js +2946 -0
- package/dist/ui.mjs +139 -0
- package/package.json +11 -3
- package/src/components/charts/index.ts +8 -0
- package/src/components/charts/ph-insight-charts.tsx +162 -0
- package/src/components/dashboard/DashboardFiltersBar.tsx +19 -0
- package/src/components/dashboard/DashboardGrid.tsx +23 -0
- package/src/components/dashboard/DashboardInsightPlaceholder.tsx +37 -0
- package/src/components/dashboard/DashboardKpiCard.tsx +25 -0
- package/src/components/dashboard/DashboardToolbar.tsx +23 -0
- package/src/components/dashboard/DashboardWell.tsx +10 -0
- package/src/components/dashboard/InsightMiniCard.tsx +26 -0
- package/src/components/dashboard/InsightShell.tsx +37 -0
- package/src/components/dashboard/InsightShellHeader.tsx +22 -0
- package/src/components/dashboard/MiniTrendBars.tsx +51 -0
- package/src/components/dashboard/index.ts +31 -0
- package/src/components/dashboard/types.ts +9 -0
- package/src/components/icons/IconBase.tsx +39 -0
- package/src/components/icons/createIconBase.tsx +27 -0
- package/src/components/icons/icons.tsx +367 -0
- package/src/components/icons/index.ts +3 -0
- package/src/components/sections/AccordionShowcase.tsx +45 -0
- package/src/components/sections/AlertShowcase.tsx +39 -0
- package/src/components/sections/AvatarShowcase.tsx +80 -0
- package/src/components/sections/BadgeShowcase.tsx +65 -0
- package/src/components/sections/ButtonShowcase.tsx +312 -0
- package/src/components/sections/CalendarShowcase.tsx +35 -0
- package/src/components/sections/CardShowcase.tsx +143 -0
- package/src/components/sections/ChartShowcase.tsx +190 -0
- package/src/components/sections/CodeMockupShowcase.tsx +56 -0
- package/src/components/sections/ColorPalette.tsx +117 -0
- package/src/components/sections/CommandPaletteShowcase.tsx +48 -0
- package/src/components/sections/CountdownShowcase.tsx +43 -0
- package/src/components/sections/DashboardShowcase.tsx +191 -0
- package/src/components/sections/DiffShowcase.tsx +70 -0
- package/src/components/sections/DrawerShowcase.tsx +97 -0
- package/src/components/sections/DropdownShowcase.tsx +100 -0
- package/src/components/sections/EmptyStateShowcase.tsx +50 -0
- package/src/components/sections/FilterChipsShowcase.tsx +50 -0
- package/src/components/sections/FormShowcase.tsx +126 -0
- package/src/components/sections/HoverCardShowcase.tsx +50 -0
- package/src/components/sections/IconShowcase.tsx +247 -0
- package/src/components/sections/IndicatorShowcase.tsx +52 -0
- package/src/components/sections/KbdShowcase.tsx +31 -0
- package/src/components/sections/ModalShowcase.tsx +210 -0
- package/src/components/sections/NavigationShowcase.tsx +199 -0
- package/src/components/sections/ProgressShowcase.tsx +85 -0
- package/src/components/sections/SegmentedControlShowcase.tsx +49 -0
- package/src/components/sections/SetupThemeShowcase.tsx +262 -0
- package/src/components/sections/StackShowcase.tsx +33 -0
- package/src/components/sections/StatShowcase.tsx +129 -0
- package/src/components/sections/StepperShowcase.tsx +37 -0
- package/src/components/sections/SwapShowcase.tsx +91 -0
- package/src/components/sections/TabShowcase.tsx +84 -0
- package/src/components/sections/TableShowcase.tsx +140 -0
- package/src/components/sections/TimelineShowcase.tsx +83 -0
- package/src/components/sections/ToastShowcase.tsx +108 -0
- package/src/components/sections/TooltipShowcase.tsx +44 -0
- package/src/components/sections/UtilityShowcase.tsx +81 -0
- package/src/components/ui/Accordion.tsx +77 -0
- package/src/components/ui/Alert.tsx +68 -0
- package/src/components/ui/Avatar.tsx +97 -0
- package/src/components/ui/Badge.tsx +55 -0
- package/src/components/ui/Button.tsx +110 -0
- package/src/components/ui/ButtonChrome.tsx +20 -0
- package/src/components/ui/Calendar.tsx +116 -0
- package/src/components/ui/Card.tsx +60 -0
- package/src/components/ui/ChatBubble.tsx +71 -0
- package/src/components/ui/CodeBlock.tsx +48 -0
- package/src/components/ui/CollapsibleSection.tsx +49 -0
- package/src/components/ui/CommandPalette.tsx +137 -0
- package/src/components/ui/ComponentDocs.tsx +52 -0
- package/src/components/ui/Drawer.tsx +71 -0
- package/src/components/ui/DropdownMenu.tsx +138 -0
- package/src/components/ui/EmptyState.tsx +33 -0
- package/src/components/ui/FilterChips.tsx +50 -0
- package/src/components/ui/HoverCard.tsx +36 -0
- package/src/components/ui/Indicator.tsx +61 -0
- package/src/components/ui/Input.tsx +359 -0
- package/src/components/ui/Kbd.tsx +38 -0
- package/src/components/ui/Modal.tsx +75 -0
- package/src/components/ui/Navigation.tsx +94 -0
- package/src/components/ui/Panel.tsx +18 -0
- package/src/components/ui/Progress.tsx +59 -0
- package/src/components/ui/Rating.tsx +65 -0
- package/src/components/ui/SearchInput.tsx +106 -0
- package/src/components/ui/SegmentedControl.tsx +44 -0
- package/src/components/ui/ShowcaseWrapper.tsx +136 -0
- package/src/components/ui/Stat.tsx +39 -0
- package/src/components/ui/Stepper.tsx +75 -0
- package/src/components/ui/Table.tsx +55 -0
- package/src/components/ui/Tabs.tsx +53 -0
- package/src/components/ui/Terminal.tsx +54 -0
- package/src/components/ui/ThemeDomSync.tsx +17 -0
- package/src/components/ui/ThemeManager.tsx +18 -0
- package/src/components/ui/ThemeSwitcher.tsx +46 -0
- package/src/components/ui/Timeline.tsx +60 -0
- package/src/components/ui/Toast.tsx +70 -0
- package/src/components/ui/Typography.tsx +129 -0
- package/src/components/ui/index.ts +92 -0
- package/src/styles/themes.css +118 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,343 +1,7 @@
|
|
|
1
|
+
import { aP as IconProps } from './index-CmS6hcUk.js';
|
|
2
|
+
export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as Avatar, e as AvatarGroup, f as AvatarGroupProps, g as AvatarProps, h as AvatarSize, i as AvatarStatus, B as Badge, j as BadgeProps, k as BadgeSize, l as BadgeVariant, m as BreadcrumbItem, n as Breadcrumbs, o as BreadcrumbsProps, p as Button, q as ButtonChrome, r as ButtonChromeProps, s as ButtonProps, t as ButtonShape, u as ButtonSize, v as ButtonVariant, C as Calendar, w as Caption, x as Card, y as CardProps, z as CardVariant, D as ChatBubble, E as ChatBubbleProps, F as ChatBubbleVariant, G as Checkbox, H as CheckboxProps, I as CodeBlock, J as CollapsibleSection, K as CommandPalette, L as ComponentDocs, M as ComponentDocsProps, N as ComponentPropRow, O as Display, P as Drawer, Q as DrawerProps, R as DrawerSide, S as DrawerSize, T as DropdownAlign, U as DropdownButton, V as DropdownButtonProps, W as DropdownItem, X as DropdownMenu, Y as DropdownMenuProps, Z as EmptyState, _ as FileUpload, $ as FileUploadProps, a0 as FilterChips, a1 as H1, a2 as H2, a3 as H3, a4 as H4, a5 as H5, a6 as HoverCard, ab as Icon, a7 as IconActivity, a8 as IconAreaChart, a9 as IconArrowDown, aa as IconArrowUp, ab as IconBase, ac as IconBell, ad as IconBellOff, ae as IconBolt, af as IconBox, ag as IconByName, ah as IconCancel, ai as IconCheck, aj as IconCheckCircle, ak as IconChevronDown, al as IconChevronLeft, am as IconChevronRight, an as IconClipboardEdit, ao as IconClose, ap as IconCohort, aq as IconCopy, ar as IconCumulativeChart, as as IconDatabase, at as IconDownload, au as IconEdit, av as IconErrorOutline, aw as IconExclamation, ax as IconFlag, ay as IconFlare, az as IconFlask, aA as IconGift, aB as IconGridView, aC as IconHandClick, aD as IconHome, aE as IconLayers, aF as IconListView, aG as IconLogout, aH as IconMail, aI as IconMoon, aJ as IconName, aK as IconPanelRight, aL as IconPerson, aM as IconPlayCircle, aN as IconPlus, aO as IconPremium, aQ as IconQueryEditor, aR as IconRadar, aS as IconRecording, aT as IconRobot, aU as IconRocket, aV as IconSave, aW as IconSearch, aX as IconSelectEvents, aY as IconShoppingCart, aZ as IconSpinner, a_ as IconStar, a$ as IconSubArrowRight, b0 as IconSun, b1 as IconSurveys, b2 as IconSync, b3 as IconTableChart, b4 as IconTerminal, b5 as IconToggle, b6 as IconTrash, b7 as IconTuning, b8 as IconUpload, b9 as IconVolume, ba as IconVolumeOff, bb as Indicator, bc as IndicatorPosition, bd as IndicatorProps, be as Input, bf as InputProps, bg as InputSize, bh as InputVariant, bi as Kbd, bj as KbdProps, bk as KbdVariant, bl as Label, bm as Lead, bn as Modal, bo as ModalProps, bp as ModalSize, bq as Mono, br as Overline, bs as P, bt as PH_ICONS, bu as Pagination, bv as PaginationProps, bw as Panel, bx as PanelProps, by as Progress, bz as ProgressProps, bA as Radio, bB as RadioProps, bC as Range, bD as RangeProps, bE as Rating, bF as RatingProps, bG as SearchGroup, bH as SearchGroupProps, bI as SearchInput, bJ as SearchInputProps, bK as SegmentedControl, bL as Select, bM as SelectProps, bN as ShowcaseWrapper, bO as Small, bP as Stat, bQ as StatProps, bR as StatTone, bS as Stepper, bT as TabItem, bU as Table, bV as TableColumn, bW as TableProps, bX as Tabs, bY as TabsProps, bZ as TabsVariant, b_ as Terminal, b$ as TerminalProps, c0 as Textarea, c1 as TextareaProps, c2 as ThemeDomSync, c3 as ThemeManager, c4 as ThemeManagerProps, c5 as ThemeSwitcher, c6 as ThemeSwitcherProps, c7 as Timeline, c8 as TimelineEvent, c9 as TimelineProps, ca as Toast, cb as ToastProps, cc as ToastStack, cd as ToastStackProps, ce as ToastStatus, cf as Toggle, cg as ToggleProps } from './index-CmS6hcUk.js';
|
|
1
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
type ButtonVariant = "primary" | "secondary" | "tertiary" | "signal" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "ghost" | "link";
|
|
5
|
-
type ButtonSize = "xs" | "sm" | "md" | "lg";
|
|
6
|
-
type ButtonShape = "default" | "circle" | "square" | "wide";
|
|
7
|
-
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
|
-
variant?: ButtonVariant;
|
|
9
|
-
size?: ButtonSize;
|
|
10
|
-
shape?: ButtonShape;
|
|
11
|
-
outline?: boolean;
|
|
12
|
-
/** Toolbar split control (Run ▾) — adds divider before trailing icon slot */
|
|
13
|
-
split?: boolean;
|
|
14
|
-
icon?: ReactNode;
|
|
15
|
-
sideIcon?: ReactNode;
|
|
16
|
-
children?: ReactNode;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* PostHog LemonButton parity — primary/secondary use ::before border ring + ::after face/ridge
|
|
20
|
-
* (see PostHog `LemonButton.scss`). Prefer this over raw `<button className="ph-btn …">`.
|
|
21
|
-
*/
|
|
22
|
-
declare function Button({ variant, size, shape, outline, split, icon, sideIcon, className, children, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
23
|
-
|
|
24
|
-
interface ButtonChromeProps {
|
|
25
|
-
label?: ReactNode;
|
|
26
|
-
icon?: ReactNode;
|
|
27
|
-
sideIcon?: ReactNode;
|
|
28
|
-
split?: boolean;
|
|
29
|
-
}
|
|
30
|
-
/** Inner face for Lemon primary/secondary — keeps labels above ::after ridge. */
|
|
31
|
-
declare function ButtonChrome({ label, icon, sideIcon, split }: ButtonChromeProps): react_jsx_runtime.JSX.Element;
|
|
32
|
-
|
|
33
|
-
type AlertStatus = "info" | "success" | "warning" | "danger";
|
|
34
|
-
interface AlertProps {
|
|
35
|
-
status?: AlertStatus;
|
|
36
|
-
title?: string;
|
|
37
|
-
description?: string;
|
|
38
|
-
icon?: ReactNode;
|
|
39
|
-
children?: ReactNode;
|
|
40
|
-
className?: string;
|
|
41
|
-
onDismiss?: () => void;
|
|
42
|
-
}
|
|
43
|
-
declare function Alert({ status, title, description, icon, children, className, onDismiss, }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
44
|
-
|
|
45
|
-
type BadgeVariant = "brand" | "neutral" | "success" | "warning" | "danger" | "info" | "outline";
|
|
46
|
-
type BadgeSize = "sm" | "md";
|
|
47
|
-
interface BadgeProps {
|
|
48
|
-
variant?: BadgeVariant;
|
|
49
|
-
size?: BadgeSize;
|
|
50
|
-
children?: ReactNode;
|
|
51
|
-
className?: string;
|
|
52
|
-
}
|
|
53
|
-
declare function Badge({ variant, size, children, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
54
|
-
|
|
55
|
-
type CardVariant = "default" | "outlined" | "elevated" | "highlighted";
|
|
56
|
-
interface CardProps {
|
|
57
|
-
children?: ReactNode;
|
|
58
|
-
title?: ReactNode;
|
|
59
|
-
description?: ReactNode;
|
|
60
|
-
actions?: ReactNode;
|
|
61
|
-
footer?: ReactNode;
|
|
62
|
-
media?: ReactNode;
|
|
63
|
-
variant?: CardVariant;
|
|
64
|
-
className?: string;
|
|
65
|
-
bodyClassName?: string;
|
|
66
|
-
}
|
|
67
|
-
declare function Card({ children, title, description, actions, footer, media, variant, className, bodyClassName, }: CardProps): react_jsx_runtime.JSX.Element;
|
|
68
|
-
|
|
69
|
-
type DrawerSide = "left" | "right";
|
|
70
|
-
type DrawerSize = "sm" | "md" | "lg";
|
|
71
|
-
interface DrawerProps {
|
|
72
|
-
open?: boolean;
|
|
73
|
-
onClose?: () => void;
|
|
74
|
-
title?: ReactNode;
|
|
75
|
-
children?: ReactNode;
|
|
76
|
-
footer?: ReactNode;
|
|
77
|
-
side?: DrawerSide;
|
|
78
|
-
size?: DrawerSize;
|
|
79
|
-
className?: string;
|
|
80
|
-
showCloseButton?: boolean;
|
|
81
|
-
}
|
|
82
|
-
declare function Drawer({ open, onClose, title, children, footer, side, size, className, showCloseButton, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
|
|
83
|
-
|
|
84
|
-
type KbdVariant = "shortcut" | "key" | "token";
|
|
85
|
-
interface KbdProps extends HTMLAttributes<HTMLElement> {
|
|
86
|
-
variant?: KbdVariant;
|
|
87
|
-
keys?: ReactNode[];
|
|
88
|
-
children?: ReactNode;
|
|
89
|
-
}
|
|
90
|
-
declare function Kbd({ variant, keys, children, className, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
|
|
91
|
-
|
|
92
|
-
type DropdownAlign = "start" | "end";
|
|
93
|
-
interface DropdownMenuProps extends HTMLAttributes<HTMLDetailsElement> {
|
|
94
|
-
/** Custom trigger node (avatar, icon chip, etc.) */
|
|
95
|
-
trigger: ReactNode;
|
|
96
|
-
/** Accessible name when trigger has no visible text */
|
|
97
|
-
"aria-label": string;
|
|
98
|
-
children: ReactNode;
|
|
99
|
-
align?: DropdownAlign;
|
|
100
|
-
panelClassName?: string;
|
|
101
|
-
}
|
|
102
|
-
interface DropdownButtonProps extends Omit<HTMLAttributes<HTMLDetailsElement>, "children"> {
|
|
103
|
-
/** Visible button label */
|
|
104
|
-
label: string;
|
|
105
|
-
variant?: "primary" | "secondary" | "accent";
|
|
106
|
-
outline?: boolean;
|
|
107
|
-
size?: ButtonSize;
|
|
108
|
-
/** Split control (Run ▾) — divider before trailing chevron */
|
|
109
|
-
split?: boolean;
|
|
110
|
-
icon?: ReactNode;
|
|
111
|
-
/** Defaults to chevron when omitted */
|
|
112
|
-
sideIcon?: ReactNode;
|
|
113
|
-
children: ReactNode;
|
|
114
|
-
align?: DropdownAlign;
|
|
115
|
-
panelClassName?: string;
|
|
116
|
-
/** Overrides accessible name; defaults to `label` */
|
|
117
|
-
"aria-label"?: string;
|
|
118
|
-
}
|
|
119
|
-
/** Generic `<details>` menu — pass any trigger (avatar, icon chip, etc.). */
|
|
120
|
-
declare function DropdownMenu({ trigger, children, align, className, panelClassName, "aria-label": ariaLabel, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
121
|
-
/** Lemon-styled dropdown trigger (primary / secondary / accent) with labelled chrome. */
|
|
122
|
-
declare function DropdownButton({ label, variant, outline, size, split, icon, sideIcon, children, align, className, panelClassName, "aria-label": ariaLabel, ...props }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
|
|
123
|
-
declare function DropdownItem({ className, children, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
124
|
-
|
|
125
|
-
type InputSize = "sm" | "md" | "lg";
|
|
126
|
-
type InputVariant = "default" | "ghost";
|
|
127
|
-
interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
|
|
128
|
-
label?: string;
|
|
129
|
-
hideLabel?: boolean;
|
|
130
|
-
error?: string;
|
|
131
|
-
helperText?: string;
|
|
132
|
-
size?: InputSize;
|
|
133
|
-
variant?: InputVariant;
|
|
134
|
-
wrapperClassName?: string;
|
|
135
|
-
}
|
|
136
|
-
declare function Input({ id: idProp, label, hideLabel, error, helperText, size, variant, className, wrapperClassName, disabled, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
137
|
-
interface SelectProps extends Omit<ComponentPropsWithoutRef<"select">, "size"> {
|
|
138
|
-
label?: string;
|
|
139
|
-
hideLabel?: boolean;
|
|
140
|
-
error?: string;
|
|
141
|
-
helperText?: string;
|
|
142
|
-
size?: InputSize;
|
|
143
|
-
wrapperClassName?: string;
|
|
144
|
-
children: ReactNode;
|
|
145
|
-
}
|
|
146
|
-
declare function Select({ id: idProp, label, hideLabel, error, helperText, size, className, wrapperClassName, disabled, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
147
|
-
interface TextareaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "size"> {
|
|
148
|
-
label?: string;
|
|
149
|
-
hideLabel?: boolean;
|
|
150
|
-
error?: string;
|
|
151
|
-
helperText?: string;
|
|
152
|
-
size?: InputSize;
|
|
153
|
-
wrapperClassName?: string;
|
|
154
|
-
}
|
|
155
|
-
declare function Textarea({ id: idProp, label, hideLabel, error, helperText, size, className, wrapperClassName, disabled, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
156
|
-
interface CheckboxProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
157
|
-
label?: ReactNode;
|
|
158
|
-
error?: string;
|
|
159
|
-
helperText?: string;
|
|
160
|
-
wrapperClassName?: string;
|
|
161
|
-
}
|
|
162
|
-
declare function Checkbox({ id: idProp, label, error, helperText, className, wrapperClassName, disabled, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
163
|
-
interface RadioProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
164
|
-
label?: ReactNode;
|
|
165
|
-
wrapperClassName?: string;
|
|
166
|
-
}
|
|
167
|
-
declare function Radio({ id: idProp, label, className, wrapperClassName, disabled, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
168
|
-
interface ToggleProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
169
|
-
label?: ReactNode;
|
|
170
|
-
wrapperClassName?: string;
|
|
171
|
-
}
|
|
172
|
-
declare function Toggle({ id: idProp, label, className, wrapperClassName, disabled, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
|
|
173
|
-
interface RangeProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
174
|
-
label?: string;
|
|
175
|
-
minLabel?: string;
|
|
176
|
-
maxLabel?: string;
|
|
177
|
-
valueLabel?: string;
|
|
178
|
-
wrapperClassName?: string;
|
|
179
|
-
}
|
|
180
|
-
declare function Range({ label, minLabel, maxLabel, valueLabel, wrapperClassName, className, ...props }: RangeProps): react_jsx_runtime.JSX.Element;
|
|
181
|
-
interface FileUploadProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
182
|
-
label?: string;
|
|
183
|
-
prompt?: string;
|
|
184
|
-
wrapperClassName?: string;
|
|
185
|
-
}
|
|
186
|
-
declare function FileUpload({ label, prompt, wrapperClassName, className, ...props }: FileUploadProps): react_jsx_runtime.JSX.Element;
|
|
187
|
-
|
|
188
|
-
type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
189
|
-
interface ModalProps {
|
|
190
|
-
open?: boolean;
|
|
191
|
-
onClose?: () => void;
|
|
192
|
-
title?: string;
|
|
193
|
-
description?: string;
|
|
194
|
-
children?: ReactNode;
|
|
195
|
-
footer?: ReactNode;
|
|
196
|
-
size?: ModalSize;
|
|
197
|
-
className?: string;
|
|
198
|
-
showCloseButton?: boolean;
|
|
199
|
-
}
|
|
200
|
-
declare function Modal({ open, onClose, title, description, children, footer, size, className, showCloseButton, }: ModalProps): react_jsx_runtime.JSX.Element | null;
|
|
201
|
-
|
|
202
|
-
interface BreadcrumbItem {
|
|
203
|
-
label: string;
|
|
204
|
-
href?: string;
|
|
205
|
-
current?: boolean;
|
|
206
|
-
}
|
|
207
|
-
interface BreadcrumbsProps {
|
|
208
|
-
items: BreadcrumbItem[];
|
|
209
|
-
label?: string;
|
|
210
|
-
className?: string;
|
|
211
|
-
}
|
|
212
|
-
declare function Breadcrumbs({ items, label, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
213
|
-
interface PaginationProps {
|
|
214
|
-
page: number;
|
|
215
|
-
totalPages: number;
|
|
216
|
-
onPageChange?: (page: number) => void;
|
|
217
|
-
label?: string;
|
|
218
|
-
compact?: boolean;
|
|
219
|
-
className?: string;
|
|
220
|
-
}
|
|
221
|
-
declare function Pagination({ page, totalPages, onPageChange, label, compact, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
222
|
-
|
|
223
|
-
interface PanelProps extends Omit<ComponentPropsWithoutRef<"div">, "title"> {
|
|
224
|
-
title?: ReactNode;
|
|
225
|
-
description?: ReactNode;
|
|
226
|
-
children?: ReactNode;
|
|
227
|
-
}
|
|
228
|
-
declare function Panel({ title, description, children, className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
229
|
-
|
|
230
|
-
interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
|
|
231
|
-
label?: string;
|
|
232
|
-
value?: number;
|
|
233
|
-
max?: number;
|
|
234
|
-
readOnly?: boolean;
|
|
235
|
-
onChange?: (value: number) => void;
|
|
236
|
-
wrapperClassName?: string;
|
|
237
|
-
}
|
|
238
|
-
declare function Rating({ label, value, max, readOnly, onChange, className, wrapperClassName, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
|
|
239
|
-
|
|
240
|
-
interface SearchInputProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
241
|
-
/** Associated label text — always rendered (visually hidden when `hideLabel`) */
|
|
242
|
-
label?: string;
|
|
243
|
-
hideLabel?: boolean;
|
|
244
|
-
/** Optional shortcut hint shown inside the field (e.g. "⌘K") */
|
|
245
|
-
shortcut?: string;
|
|
246
|
-
density?: "default" | "compact";
|
|
247
|
-
wrapperClassName?: string;
|
|
248
|
-
}
|
|
249
|
-
/** Labelled search field — use in nav bars and toolbars. */
|
|
250
|
-
declare function SearchInput({ id: idProp, label, hideLabel, shortcut, density, className, wrapperClassName, placeholder, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
|
|
251
|
-
interface SearchGroupProps extends Omit<ComponentPropsWithoutRef<"input">, "type"> {
|
|
252
|
-
label?: string;
|
|
253
|
-
submitLabel?: string;
|
|
254
|
-
wrapperClassName?: string;
|
|
255
|
-
}
|
|
256
|
-
/** Input + primary search — one control shell, 1px vertical seam, matched height to `ph-input`. */
|
|
257
|
-
declare function SearchGroup({ id: idProp, label, submitLabel, placeholder, wrapperClassName, className, ...props }: SearchGroupProps): react_jsx_runtime.JSX.Element;
|
|
258
|
-
|
|
259
|
-
interface TableColumn<T> {
|
|
260
|
-
key: string;
|
|
261
|
-
header: ReactNode;
|
|
262
|
-
cell: (row: T) => ReactNode;
|
|
263
|
-
className?: string;
|
|
264
|
-
}
|
|
265
|
-
interface TableProps<T> {
|
|
266
|
-
data: T[];
|
|
267
|
-
columns: TableColumn<T>[];
|
|
268
|
-
zebra?: boolean;
|
|
269
|
-
compact?: boolean;
|
|
270
|
-
ribbon?: boolean;
|
|
271
|
-
getRowStyle?: (row: T) => CSSProperties | undefined;
|
|
272
|
-
className?: string;
|
|
273
|
-
caption?: string;
|
|
274
|
-
}
|
|
275
|
-
declare function Table<T>({ data, columns, zebra, compact, ribbon, getRowStyle, className, caption, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
276
|
-
|
|
277
|
-
type StatTone = "default" | "brand" | "blue" | "purple" | "warning";
|
|
278
|
-
interface StatProps extends ComponentPropsWithoutRef<"article"> {
|
|
279
|
-
icon?: ReactNode;
|
|
280
|
-
label: ReactNode;
|
|
281
|
-
value: ReactNode;
|
|
282
|
-
footer?: ReactNode;
|
|
283
|
-
tone?: StatTone;
|
|
284
|
-
}
|
|
285
|
-
declare function Stat({ icon, label, value, footer, tone, className, ...props }: StatProps): react_jsx_runtime.JSX.Element;
|
|
286
|
-
|
|
287
|
-
type ToastStatus = "info" | "success" | "warning" | "danger";
|
|
288
|
-
interface ToastProps {
|
|
289
|
-
status?: ToastStatus;
|
|
290
|
-
title: string;
|
|
291
|
-
description?: string;
|
|
292
|
-
onDismiss?: () => void;
|
|
293
|
-
className?: string;
|
|
294
|
-
}
|
|
295
|
-
declare function Toast({ status, title, description, onDismiss, className, }: ToastProps): react_jsx_runtime.JSX.Element;
|
|
296
|
-
interface ToastStackProps {
|
|
297
|
-
children?: ReactNode;
|
|
298
|
-
className?: string;
|
|
299
|
-
}
|
|
300
|
-
declare function ToastStack({ children, className }: ToastStackProps): react_jsx_runtime.JSX.Element;
|
|
301
|
-
|
|
302
|
-
interface TabItem {
|
|
303
|
-
value: string;
|
|
304
|
-
label: string;
|
|
305
|
-
}
|
|
306
|
-
type TabsVariant = "pill" | "underline";
|
|
307
|
-
interface TabsProps {
|
|
308
|
-
items: TabItem[];
|
|
309
|
-
value: string;
|
|
310
|
-
onChange: (value: string) => void;
|
|
311
|
-
variant?: TabsVariant;
|
|
312
|
-
className?: string;
|
|
313
|
-
}
|
|
314
|
-
declare function Tabs({ items, value, onChange, variant, className }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
315
|
-
|
|
316
|
-
/**
|
|
317
|
-
* Re-applies `html[data-theme]` after React commits. Hydration can clear attributes
|
|
318
|
-
* that were set only by `THEME_INIT_SCRIPT` — without this sync, `:root`-scoped
|
|
319
|
-
* light tokens effectively win visually.
|
|
320
|
-
*/
|
|
321
|
-
declare function ThemeDomSync(): null;
|
|
322
|
-
|
|
323
|
-
interface ThemeManagerProps {
|
|
324
|
-
children?: ReactNode;
|
|
325
|
-
}
|
|
326
|
-
/** Client wrapper that keeps html[data-theme] synced with localStorage. */
|
|
327
|
-
declare function ThemeManager({ children }: ThemeManagerProps): react_jsx_runtime.JSX.Element;
|
|
328
|
-
|
|
329
|
-
interface ThemeSwitcherProps {
|
|
330
|
-
className?: string;
|
|
331
|
-
}
|
|
332
|
-
/** Colour-only theme picker — persists to localStorage and sets html[data-theme]. */
|
|
333
|
-
declare function ThemeSwitcher({ className }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
|
|
334
|
-
|
|
335
|
-
interface IconProps extends SVGAttributes<SVGSVGElement> {
|
|
336
|
-
/** Pixel size or CSS length — defaults to `1em` (Lemon parity). */
|
|
337
|
-
size?: number | string;
|
|
338
|
-
}
|
|
339
|
-
/** Base SVG wrapper — mirrors PostHog `LemonIconBase` + `.LemonIcon` metrics. */
|
|
340
|
-
declare function IconBase({ className, size, children, viewBox, fill, xmlns, focusable, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
4
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
341
5
|
|
|
342
6
|
interface IconBaseDefinition {
|
|
343
7
|
viewBox?: string;
|
|
@@ -348,418 +12,7 @@ declare function createIconBase({ viewBox, paths }: IconBaseDefinition): (props:
|
|
|
348
12
|
/** Shorthand for single-path filled icons. */
|
|
349
13
|
declare function createIconBasePath(d: string, viewBox?: string): (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
350
14
|
|
|
351
|
-
|
|
352
|
-
declare const IconCumulativeChart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
353
|
-
declare const IconTableChart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
354
|
-
declare const IconHandClick: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
355
|
-
declare const IconSurveys: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
356
|
-
declare const IconCohort: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
357
|
-
declare const IconRecording: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
358
|
-
declare const IconFlare: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
359
|
-
declare const IconSelectEvents: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
360
|
-
declare const IconClipboardEdit: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
361
|
-
declare const IconQueryEditor: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
362
|
-
declare const IconTuning: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
363
|
-
declare const IconSync: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
364
|
-
declare const IconPlayCircle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
365
|
-
declare const IconGridView: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
366
|
-
declare const IconListView: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
367
|
-
declare const IconPremium: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
368
|
-
declare const IconGift: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
369
|
-
declare const IconRobot: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
370
|
-
declare const IconExclamation: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
371
|
-
declare const IconErrorOutline: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
372
|
-
declare const IconCancel: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
373
|
-
declare const IconCheckCircle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
374
|
-
declare const IconArrowUp: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
375
|
-
declare const IconArrowDown: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
376
|
-
declare const IconChevronLeft: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
377
|
-
declare const IconChevronRight: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
378
|
-
declare const IconChevronDown: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
379
|
-
declare const IconSubArrowRight: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
380
|
-
declare const IconSearch: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
381
|
-
declare const IconBell: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
382
|
-
declare const IconBellOff: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
383
|
-
declare const IconPerson: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
384
|
-
declare const IconHome: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
385
|
-
declare const IconPanelRight: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
386
|
-
declare const IconPlus: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
387
|
-
declare const IconCheck: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
388
|
-
declare const IconClose: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
389
|
-
declare const IconTrash: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
390
|
-
declare const IconDownload: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
391
|
-
declare const IconUpload: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
392
|
-
declare const IconSave: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
393
|
-
declare const IconCopy: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
394
|
-
declare const IconEdit: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
395
|
-
declare const IconLogout: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
396
|
-
declare const IconStar: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
397
|
-
declare const IconMail: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
398
|
-
declare const IconShoppingCart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
399
|
-
declare const IconMoon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
400
|
-
declare const IconSun: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
401
|
-
declare const IconVolume: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
402
|
-
declare const IconVolumeOff: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
403
|
-
declare const IconFlag: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
404
|
-
declare const IconDatabase: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
405
|
-
declare const IconLayers: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
406
|
-
declare const IconBox: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
407
|
-
declare const IconBolt: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
408
|
-
declare const IconRadar: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
409
|
-
declare const IconToggle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
410
|
-
declare const IconRocket: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
411
|
-
declare const IconTerminal: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
412
|
-
declare const IconActivity: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
413
|
-
declare const IconFlask: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
414
|
-
/** Busy-state spinner — PostHog `IconSync` with spin animation. */
|
|
415
|
-
declare function IconSpinner({ className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
416
|
-
/** Alias map for showcase / migration from Lucide names. */
|
|
417
|
-
declare const PH_ICONS: {
|
|
418
|
-
readonly activity: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
419
|
-
readonly areaChart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
420
|
-
readonly arrowDown: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
421
|
-
readonly arrowUp: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
422
|
-
readonly bell: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
423
|
-
readonly bellOff: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
424
|
-
readonly bolt: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
425
|
-
readonly box: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
426
|
-
readonly cancel: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
427
|
-
readonly check: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
428
|
-
readonly checkCircle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
429
|
-
readonly chevronDown: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
430
|
-
readonly chevronLeft: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
431
|
-
readonly chevronRight: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
432
|
-
readonly clipboard: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
433
|
-
readonly close: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
434
|
-
readonly cohort: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
435
|
-
readonly copy: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
436
|
-
readonly cumulativeChart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
437
|
-
readonly database: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
438
|
-
readonly download: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
439
|
-
readonly edit: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
440
|
-
readonly errorOutline: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
441
|
-
readonly exclamation: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
442
|
-
readonly flag: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
443
|
-
readonly flare: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
444
|
-
readonly flask: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
445
|
-
readonly gift: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
446
|
-
readonly grid: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
447
|
-
readonly handClick: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
448
|
-
readonly home: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
449
|
-
readonly info: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
450
|
-
readonly layers: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
451
|
-
readonly list: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
452
|
-
readonly logout: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
453
|
-
readonly mail: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
454
|
-
readonly moon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
455
|
-
readonly panelRight: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
456
|
-
readonly person: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
457
|
-
readonly play: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
458
|
-
readonly plus: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
459
|
-
readonly premium: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
460
|
-
readonly queryEditor: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
461
|
-
readonly radar: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
462
|
-
readonly recording: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
463
|
-
readonly robot: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
464
|
-
readonly rocket: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
465
|
-
readonly save: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
466
|
-
readonly search: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
467
|
-
readonly selectEvents: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
468
|
-
readonly settings: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
469
|
-
readonly shoppingCart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
470
|
-
readonly spinner: typeof IconSpinner;
|
|
471
|
-
readonly star: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
472
|
-
readonly subArrowRight: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
473
|
-
readonly sun: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
474
|
-
readonly surveys: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
475
|
-
readonly sync: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
476
|
-
readonly tableChart: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
477
|
-
readonly terminal: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
478
|
-
readonly toggle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
479
|
-
readonly trash: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
480
|
-
readonly trendingUp: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
481
|
-
readonly upload: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
482
|
-
readonly volume: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
483
|
-
readonly volumeOff: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
484
|
-
readonly warning: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
485
|
-
readonly xCircle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
486
|
-
};
|
|
487
|
-
type IconName = keyof typeof PH_ICONS;
|
|
488
|
-
declare function IconByName({ name, ...props }: IconProps & {
|
|
489
|
-
name: IconName;
|
|
490
|
-
}): react_jsx_runtime.JSX.Element;
|
|
491
|
-
|
|
492
|
-
interface AccordionItem {
|
|
493
|
-
id: string;
|
|
494
|
-
title: string;
|
|
495
|
-
content: React.ReactNode;
|
|
496
|
-
}
|
|
497
|
-
interface AccordionProps {
|
|
498
|
-
items: AccordionItem[];
|
|
499
|
-
allowMultiple?: boolean;
|
|
500
|
-
defaultOpen?: string[];
|
|
501
|
-
className?: string;
|
|
502
|
-
}
|
|
503
|
-
declare function Accordion({ items, allowMultiple, defaultOpen, className, }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
504
|
-
|
|
505
|
-
interface Step {
|
|
506
|
-
id: string;
|
|
507
|
-
label: string;
|
|
508
|
-
description?: string;
|
|
509
|
-
status?: "pending" | "current" | "completed" | "error";
|
|
510
|
-
}
|
|
511
|
-
interface StepperProps {
|
|
512
|
-
steps: Step[];
|
|
513
|
-
currentStep: number;
|
|
514
|
-
className?: string;
|
|
515
|
-
}
|
|
516
|
-
declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
517
|
-
|
|
518
|
-
interface SegmentedControlOption {
|
|
519
|
-
value: string;
|
|
520
|
-
label: string;
|
|
521
|
-
icon?: React.ReactNode;
|
|
522
|
-
}
|
|
523
|
-
interface SegmentedControlProps {
|
|
524
|
-
options: SegmentedControlOption[];
|
|
525
|
-
value: string;
|
|
526
|
-
onChange: (value: string) => void;
|
|
527
|
-
className?: string;
|
|
528
|
-
}
|
|
529
|
-
declare function SegmentedControl({ options, value, onChange, className }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
|
|
530
|
-
|
|
531
|
-
interface CommandItem {
|
|
532
|
-
id: string;
|
|
533
|
-
label: string;
|
|
534
|
-
shortcut?: string;
|
|
535
|
-
icon?: React.ReactNode;
|
|
536
|
-
onSelect: () => void;
|
|
537
|
-
}
|
|
538
|
-
interface CommandPaletteProps {
|
|
539
|
-
items: CommandItem[];
|
|
540
|
-
isOpen: boolean;
|
|
541
|
-
onClose: () => void;
|
|
542
|
-
placeholder?: string;
|
|
543
|
-
className?: string;
|
|
544
|
-
}
|
|
545
|
-
declare function CommandPalette({ items, isOpen, onClose, placeholder, className, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
|
|
546
|
-
|
|
547
|
-
interface CalendarProps {
|
|
548
|
-
value?: Date;
|
|
549
|
-
onChange?: (date: Date) => void;
|
|
550
|
-
className?: string;
|
|
551
|
-
}
|
|
552
|
-
declare function Calendar({ value, onChange, className }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
553
|
-
|
|
554
|
-
interface HoverCardProps {
|
|
555
|
-
trigger: React.ReactNode;
|
|
556
|
-
children: React.ReactNode;
|
|
557
|
-
className?: string;
|
|
558
|
-
}
|
|
559
|
-
declare function HoverCard({ trigger, children, className }: HoverCardProps): react_jsx_runtime.JSX.Element;
|
|
560
|
-
|
|
561
|
-
interface EmptyStateProps {
|
|
562
|
-
icon?: React.ReactNode;
|
|
563
|
-
title: string;
|
|
564
|
-
description?: string;
|
|
565
|
-
action?: React.ReactNode;
|
|
566
|
-
className?: string;
|
|
567
|
-
}
|
|
568
|
-
declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
569
|
-
|
|
570
|
-
interface FilterChip {
|
|
571
|
-
id: string;
|
|
572
|
-
label: string;
|
|
573
|
-
active?: boolean;
|
|
574
|
-
}
|
|
575
|
-
interface FilterChipsProps {
|
|
576
|
-
chips: FilterChip[];
|
|
577
|
-
onToggle: (id: string) => void;
|
|
578
|
-
onRemove: (id: string) => void;
|
|
579
|
-
className?: string;
|
|
580
|
-
}
|
|
581
|
-
declare function FilterChips({ chips, onToggle, onRemove, className }: FilterChipsProps): react_jsx_runtime.JSX.Element;
|
|
582
|
-
|
|
583
|
-
interface CodeBlockProps {
|
|
584
|
-
code: string;
|
|
585
|
-
language?: string;
|
|
586
|
-
filename?: string;
|
|
587
|
-
className?: string;
|
|
588
|
-
}
|
|
589
|
-
declare function CodeBlock({ code, language, filename, className }: CodeBlockProps): react_jsx_runtime.JSX.Element;
|
|
590
|
-
|
|
591
|
-
interface ComponentPropRow {
|
|
592
|
-
name: string;
|
|
593
|
-
type: string;
|
|
594
|
-
defaultValue?: string;
|
|
595
|
-
description: ReactNode;
|
|
596
|
-
}
|
|
597
|
-
interface ComponentDocsProps {
|
|
598
|
-
title?: string;
|
|
599
|
-
rows: ComponentPropRow[];
|
|
600
|
-
defaultOpen?: boolean;
|
|
601
|
-
className?: string;
|
|
602
|
-
}
|
|
603
|
-
declare function ComponentDocs({ title, rows, defaultOpen, className }: ComponentDocsProps): react_jsx_runtime.JSX.Element;
|
|
604
|
-
|
|
605
|
-
interface ShowcaseWrapperProps {
|
|
606
|
-
id?: string;
|
|
607
|
-
title: string;
|
|
608
|
-
description?: string;
|
|
609
|
-
docs?: ReactNode;
|
|
610
|
-
code: string;
|
|
611
|
-
filename?: string;
|
|
612
|
-
children: ReactNode;
|
|
613
|
-
className?: string;
|
|
614
|
-
}
|
|
615
|
-
declare function ShowcaseWrapper({ id, title, description, docs, code, filename, children, className, }: ShowcaseWrapperProps): react_jsx_runtime.JSX.Element;
|
|
616
|
-
|
|
617
|
-
interface CollapsibleSectionProps {
|
|
618
|
-
title: string;
|
|
619
|
-
children: React.ReactNode;
|
|
620
|
-
defaultOpen?: boolean;
|
|
621
|
-
id?: string;
|
|
622
|
-
}
|
|
623
|
-
declare function CollapsibleSection({ title, children, defaultOpen, id }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
|
|
624
|
-
|
|
625
|
-
type TextTone = "default" | "muted" | "subtle" | "brand" | "danger" | "success" | "warning" | "info" | "inherit";
|
|
626
|
-
type TextWeight = "normal" | "medium" | "semibold" | "bold" | "extrabold";
|
|
627
|
-
interface TextBaseProps {
|
|
628
|
-
tone?: TextTone;
|
|
629
|
-
weight?: TextWeight;
|
|
630
|
-
className?: string;
|
|
631
|
-
children?: ReactNode;
|
|
632
|
-
truncate?: boolean;
|
|
633
|
-
}
|
|
634
|
-
/** Display text — largest heading, use once per page */
|
|
635
|
-
declare function Display({ children, tone, weight, truncate, className, }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
636
|
-
/** H1 — page title */
|
|
637
|
-
declare function H1({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
638
|
-
/** H2 — section title */
|
|
639
|
-
declare function H2({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
640
|
-
/** H3 — subsection title */
|
|
641
|
-
declare function H3({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
642
|
-
/** H4 — card / panel title */
|
|
643
|
-
declare function H4({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
644
|
-
/** H5 — small heading */
|
|
645
|
-
declare function H5({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
646
|
-
/** Body — default paragraph text */
|
|
647
|
-
declare function P({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
648
|
-
/** Small body text */
|
|
649
|
-
declare function Small({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
650
|
-
/** Extra small text — captions, meta */
|
|
651
|
-
declare function Caption({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
652
|
-
/** Overline — tiny eyebrow text */
|
|
653
|
-
declare function Overline({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
654
|
-
/** Lead — intro paragraph, larger and muted */
|
|
655
|
-
declare function Lead({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
656
|
-
/** Mono — code, data, technical text */
|
|
657
|
-
declare function Mono({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
658
|
-
/** Label — form labels, tags */
|
|
659
|
-
declare function Label({ children, tone, weight, truncate, className }: TextBaseProps): react_jsx_runtime.JSX.Element;
|
|
660
|
-
|
|
661
|
-
type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
662
|
-
type AvatarStatus = "online" | "offline" | "away" | "busy";
|
|
663
|
-
interface AvatarProps extends ComponentPropsWithoutRef<"div"> {
|
|
664
|
-
/** Text initials or label (e.g. "JD") */
|
|
665
|
-
label?: string;
|
|
666
|
-
/** Optional icon or image */
|
|
667
|
-
icon?: ReactNode;
|
|
668
|
-
/** Size preset */
|
|
669
|
-
size?: AvatarSize;
|
|
670
|
-
/** Background colour class */
|
|
671
|
-
color?: string;
|
|
672
|
-
/** Status indicator dot */
|
|
673
|
-
status?: AvatarStatus;
|
|
674
|
-
/** Badge count or text */
|
|
675
|
-
badge?: string;
|
|
676
|
-
}
|
|
677
|
-
declare function Avatar({ label, icon, size, color, status, badge, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
678
|
-
interface AvatarGroupProps extends ComponentPropsWithoutRef<"div"> {
|
|
679
|
-
children?: ReactNode;
|
|
680
|
-
max?: number;
|
|
681
|
-
}
|
|
682
|
-
declare function AvatarGroup({ children, max, className, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
683
|
-
|
|
684
|
-
interface ProgressProps extends ComponentPropsWithoutRef<"div"> {
|
|
685
|
-
/** Current value (0-100) */
|
|
686
|
-
value: number;
|
|
687
|
-
/** Maximum value (default 100) */
|
|
688
|
-
max?: number;
|
|
689
|
-
/** Color class for the bar */
|
|
690
|
-
color?: string;
|
|
691
|
-
/** Optional label shown above */
|
|
692
|
-
label?: string;
|
|
693
|
-
/** Show percentage text */
|
|
694
|
-
showPercentage?: boolean;
|
|
695
|
-
/** Size variant */
|
|
696
|
-
size?: "sm" | "md" | "lg";
|
|
697
|
-
}
|
|
698
|
-
declare function Progress({ value, max, color, label, showPercentage, size, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
|
|
699
|
-
|
|
700
|
-
type ChatBubbleVariant = "from" | "self";
|
|
701
|
-
interface ChatBubbleProps extends ComponentPropsWithoutRef<"div"> {
|
|
702
|
-
/** Message content */
|
|
703
|
-
children?: ReactNode;
|
|
704
|
-
/** Avatar or icon */
|
|
705
|
-
avatar?: ReactNode;
|
|
706
|
-
/** Sender name */
|
|
707
|
-
name?: string;
|
|
708
|
-
/** Timestamp */
|
|
709
|
-
time?: string;
|
|
710
|
-
/** "from" = left/grey, "self" = right/brand */
|
|
711
|
-
variant?: ChatBubbleVariant;
|
|
712
|
-
/** Footer text (e.g. "Synced with...") */
|
|
713
|
-
footer?: ReactNode;
|
|
714
|
-
}
|
|
715
|
-
declare function ChatBubble({ children, avatar, name, time, variant, footer, className, ...props }: ChatBubbleProps): react_jsx_runtime.JSX.Element;
|
|
716
|
-
|
|
717
|
-
interface TerminalProps extends ComponentPropsWithoutRef<"div"> {
|
|
718
|
-
/** Window title */
|
|
719
|
-
title?: string;
|
|
720
|
-
/** Terminal lines — array of { text, color? } or plain strings */
|
|
721
|
-
lines?: Array<{
|
|
722
|
-
text: string;
|
|
723
|
-
color?: string;
|
|
724
|
-
} | string>;
|
|
725
|
-
/** Custom content instead of lines */
|
|
726
|
-
children?: ReactNode;
|
|
727
|
-
}
|
|
728
|
-
declare function Terminal({ title, lines, children, className, ...props }: TerminalProps): react_jsx_runtime.JSX.Element;
|
|
729
|
-
|
|
730
|
-
type IndicatorPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
731
|
-
interface IndicatorProps extends ComponentPropsWithoutRef<"div"> {
|
|
732
|
-
/** The element to attach the indicator to */
|
|
733
|
-
children: ReactNode;
|
|
734
|
-
/** Badge content (number, text, or "!") */
|
|
735
|
-
badge?: ReactNode;
|
|
736
|
-
/** Indicator colour */
|
|
737
|
-
color?: string;
|
|
738
|
-
/** Position of the indicator dot */
|
|
739
|
-
position?: IndicatorPosition;
|
|
740
|
-
/** Show a simple dot instead of a badge */
|
|
741
|
-
dot?: boolean;
|
|
742
|
-
/** Offset from corner (default: 2px) */
|
|
743
|
-
offset?: number;
|
|
744
|
-
}
|
|
745
|
-
declare function Indicator({ children, badge, color, position, dot, className, ...props }: IndicatorProps): react_jsx_runtime.JSX.Element;
|
|
746
|
-
|
|
747
|
-
interface TimelineEvent {
|
|
748
|
-
id: string;
|
|
749
|
-
title: string;
|
|
750
|
-
description?: string;
|
|
751
|
-
time?: string;
|
|
752
|
-
icon?: ReactNode;
|
|
753
|
-
color?: string;
|
|
754
|
-
}
|
|
755
|
-
interface TimelineProps extends ComponentPropsWithoutRef<"ol"> {
|
|
756
|
-
events: TimelineEvent[];
|
|
757
|
-
/** Alternate left/right layout on large screens */
|
|
758
|
-
alternate?: boolean;
|
|
759
|
-
}
|
|
760
|
-
declare function Timeline({ events, alternate, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
761
|
-
|
|
762
|
-
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "catppuccin-light" | "catppuccin-dark" | "sheets" | "sheets-dark" | "socials" | "socials-dark" | "xenide-light" | "xenide-dark" | "chats-light" | "chats-dark" | "bikini-bottom" | "bikini-bottom-dark" | "turtletime" | "turtletime-dark" | "note" | "note-dark" | "presentation" | "presentation-dark" | "github-light" | "github-dark" | "rosepine-light" | "rosepine-dark";
|
|
15
|
+
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "catppuccin-light" | "catppuccin-dark" | "sheets" | "sheets-dark" | "socials" | "socials-dark" | "xenide-light" | "xenide-dark" | "chats-light" | "chats-dark" | "bikini-bottom" | "bikini-bottom-dark" | "turtletime" | "turtletime-dark" | "note" | "note-dark" | "presentation" | "presentation-dark" | "github-light" | "github-dark" | "rosepine-light" | "rosepine-dark" | "notion" | "notion-dark";
|
|
763
16
|
interface ThemeDefinition {
|
|
764
17
|
id: ThemeId;
|
|
765
18
|
name: string;
|
|
@@ -779,9 +32,6 @@ declare const THEME_INIT_SCRIPT: string;
|
|
|
779
32
|
declare function persistTheme(themeId: string): void;
|
|
780
33
|
declare function readStoredTheme(): string;
|
|
781
34
|
|
|
782
|
-
/**
|
|
783
|
-
* Canvas + `d3-scale` trend — same **model** as PostHog `lib/hog-charts` (MIT), not a pixel-perfect port.
|
|
784
|
-
*/
|
|
785
35
|
declare function HogTrendLineChart(): react_jsx_runtime.JSX.Element;
|
|
786
36
|
declare function InsightVerticalBarChart(): react_jsx_runtime.JSX.Element;
|
|
787
37
|
declare function InsightHorizontalBarChart(): react_jsx_runtime.JSX.Element;
|
|
@@ -890,4 +140,4 @@ interface InsightMiniCardProps extends Omit<InsightShellProps, "children"> {
|
|
|
890
140
|
/** Opinionated insight tile: coloured ribbon + headline + subtitle + mini Hog-style bar sparkline. */
|
|
891
141
|
declare function InsightMiniCard({ title, subtitle, heights, ribbonColour, ...shellProps }: InsightMiniCardProps): react_jsx_runtime.JSX.Element;
|
|
892
142
|
|
|
893
|
-
export {
|
|
143
|
+
export { DEFAULT_THEME_ID, DashboardFiltersBar, DashboardGrid, type DashboardGridProps, DashboardInsightPlaceholder, type DashboardInsightPlaceholderProps, DashboardKpiCard, type DashboardKpiCardProps, DashboardToolbar, type DashboardToolbarProps, DashboardWell, type DashboardWellProps, HogTrendLineChart, IconProps, InsightDoughnutChart, InsightHorizontalBarChart, InsightMiniCard, type InsightMiniCardProps, InsightPolarAreaChart, InsightShell, InsightShellHeader, type InsightShellHeaderProps, type InsightShellProps, InsightStackedBarChart, InsightVerticalBarChart, MiniTrendBars, type MiniTrendBarsProps, THEMES, THEME_GROUPS, THEME_INIT_SCRIPT, type ThemeDefinition, type ThemeId, createIconBase, createIconBasePath, getTheme, isThemeId, persistTheme, readStoredTheme };
|