@xenide-io/the-old-ui-theme 0.3.0 → 0.3.2
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-5HSOBJ4F.mjs +5968 -0
- package/dist/{index-D1RTT2Ap.d.mts → index-BgG8Homu.d.mts} +419 -2
- package/dist/{index-D1RTT2Ap.d.ts → index-BgG8Homu.d.ts} +419 -2
- package/dist/index.d.mts +198 -95
- package/dist/index.d.ts +198 -95
- package/dist/index.js +2995 -1136
- package/dist/index.mjs +629 -735
- package/dist/ui.d.mts +1 -1
- package/dist/ui.d.ts +1 -1
- package/dist/ui.js +1986 -156
- package/dist/ui.mjs +76 -3
- package/package.json +4 -14
- package/src/app/globals.css +976 -2
- package/src/components/charts/index.ts +9 -8
- package/src/components/charts/quill/BarChart.tsx +85 -0
- package/src/components/charts/quill/FunnelChart.tsx +49 -0
- package/src/components/charts/quill/InsightShell.tsx +27 -0
- package/src/components/charts/quill/MetricCard.tsx +44 -0
- package/src/components/charts/quill/PieChart.tsx +81 -0
- package/src/components/charts/quill/Sparkline.tsx +57 -0
- package/src/components/charts/quill/TimeSeriesLineChart.tsx +62 -0
- package/src/components/charts/quill/index.ts +9 -0
- package/src/components/icons/icons.tsx +2 -0
- package/src/components/icons/index.ts +3 -0
- package/src/components/icons/lemon-brand-icons.tsx +16 -0
- package/src/components/icons/lemon-category-icons.tsx +72 -0
- package/src/components/icons/lemon-icons.tsx +57 -0
- package/src/components/sections/IconShowcase.tsx +110 -7
- package/src/components/sections/NewComponentsShowcase.tsx +1052 -0
- package/src/components/sections/ProductLayoutsShowcase.tsx +57 -117
- package/src/components/sections/QuillChartShowcase.tsx +92 -0
- package/src/components/sections/QuillDashboardShowcase.tsx +149 -0
- package/src/components/sections/SidebarShowcase.tsx +152 -0
- package/src/components/sections/TableShowcase.tsx +2 -0
- package/src/components/sections/TooltipShowcase.tsx +19 -25
- package/src/components/ui/AlertDialog.tsx +62 -0
- package/src/components/ui/AppLayout.tsx +27 -0
- package/src/components/ui/Autocomplete.tsx +106 -0
- package/src/components/ui/Banner.tsx +63 -0
- package/src/components/ui/ButtonGroup.tsx +16 -0
- package/src/components/ui/Chip.tsx +46 -0
- package/src/components/ui/Collapsible.tsx +46 -0
- package/src/components/ui/Combobox.tsx +119 -0
- package/src/components/ui/ContextMenu.tsx +81 -0
- package/src/components/ui/DataTable.tsx +133 -0
- package/src/components/ui/DatePicker.tsx +96 -0
- package/src/components/ui/Dialog.tsx +75 -0
- package/src/components/ui/Divider.tsx +39 -0
- package/src/components/ui/Dot.tsx +32 -0
- package/src/components/ui/InputGroup.tsx +16 -0
- package/src/components/ui/Lettermark.tsx +47 -0
- package/src/components/ui/Link.tsx +32 -0
- package/src/components/ui/LoadingBar.tsx +25 -0
- package/src/components/ui/Menubar.tsx +66 -0
- package/src/components/ui/Metric.tsx +34 -0
- package/src/components/ui/NumberField.tsx +76 -0
- package/src/components/ui/Popover.tsx +73 -0
- package/src/components/ui/ProgressCircle.tsx +63 -0
- package/src/components/ui/Resizable.tsx +71 -0
- package/src/components/ui/Row.tsx +51 -0
- package/src/components/ui/ScrollArea.tsx +54 -0
- package/src/components/ui/Sidebar.tsx +77 -0
- package/src/components/ui/Snack.tsx +48 -0
- package/src/components/ui/Spinner.tsx +30 -0
- package/src/components/ui/Splotch.tsx +33 -0
- package/src/components/ui/Table.tsx +2 -0
- package/src/components/ui/Tag.tsx +65 -0
- package/src/components/ui/Toggle.tsx +62 -0
- package/src/components/ui/Tooltip.test.tsx +58 -0
- package/src/components/ui/Tooltip.tsx +211 -0
- package/src/components/ui/Widget.tsx +31 -0
- package/src/components/ui/index.ts +275 -21
- package/dist/chunk-FDMD3IIN.mjs +0 -3831
- package/src/components/charts/ph-insight-charts.tsx +0 -162
- package/src/components/dashboard/DashboardFiltersBar.tsx +0 -19
- package/src/components/dashboard/DashboardGrid.tsx +0 -23
- package/src/components/dashboard/DashboardInsightPlaceholder.tsx +0 -37
- package/src/components/dashboard/DashboardKpiCard.tsx +0 -25
- package/src/components/dashboard/DashboardToolbar.tsx +0 -23
- package/src/components/dashboard/DashboardWell.tsx +0 -10
- package/src/components/dashboard/InsightMiniCard.tsx +0 -26
- package/src/components/dashboard/InsightShell.tsx +0 -37
- package/src/components/dashboard/InsightShellHeader.tsx +0 -22
- package/src/components/dashboard/MiniTrendBars.tsx +0 -51
- package/src/components/dashboard/index.ts +0 -31
- package/src/components/dashboard/types.ts +0 -9
- package/src/components/sections/ChartShowcase.tsx +0 -190
- package/src/components/sections/DashboardShowcase.tsx +0 -191
- package/src/components/sections/StatShowcase.tsx +0 -129
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as Alert, b as
|
|
1
|
+
import { bU as IconProps } from './index-BgG8Homu.mjs';
|
|
2
|
+
export { A as Accordion, a as Alert, b as AlertDialog, c as AlertDialogProps, d as AlertProps, e as AlertStatus, f as AppLayout, g as AppLayoutProps, h as AuthCard, i as AuthCardProps, j as AuthDivider, k as AuthDividerProps, l as AuthLayout, m as AuthLayoutProps, n as Autocomplete, o as AutocompleteOption, p as AutocompleteProps, q as Avatar, r as AvatarGroup, s as AvatarGroupProps, t as AvatarProps, u as AvatarSize, v as AvatarStatus, B as Badge, w as BadgeProps, x as BadgeSize, y as BadgeVariant, z as Banner, C as BannerProps, D as BannerType, E as BreadcrumbItem, F as Breadcrumbs, G as BreadcrumbsProps, H as Button, I as ButtonChrome, J as ButtonChromeProps, K as ButtonGroup, L as ButtonGroupProps, M as ButtonProps, N as ButtonShape, O as ButtonSize, P as ButtonVariant, Q as CANONICAL_ICONS, R as Calendar, S as CanonicalIconName, T as Caption, U as Card, V as CardProps, W as CardVariant, X as ChatBubble, Y as ChatBubbleProps, Z as ChatBubbleVariant, _ as Checkbox, $ as CheckboxProps, a0 as Chip, a1 as ChipProps, a2 as CodeBlock, a3 as Collapsible, a4 as CollapsibleProps, a5 as CollapsibleSection, a6 as Combobox, a7 as ComboboxOption, a8 as ComboboxProps, a9 as CommandPalette, aa as ComponentDocs, ab as ComponentDocsProps, ac as ComponentPropRow, ad as ContextMenu, ae as ContextMenuItem, af as ContextMenuProps, ag as DataTable, ah as DataTableColumn, ai as DataTableProps, aj as DatePicker, ak as DatePickerProps, al as Dialog, am as DialogProps, an as Display, ao as Divider, ap as DividerProps, aq as Dot, ar as DotProps, as as Drawer, at as DrawerProps, au as DrawerSide, av as DrawerSize, aw as DropdownAlign, ax as DropdownButton, ay as DropdownButtonProps, az as DropdownItem, aA as DropdownItemProps, aB as DropdownMenu, aC as DropdownMenuProps, aD as DropdownRadioGroup, aE as DropdownRadioGroupProps, aF as DropdownRadioItem, aG as DropdownRadioItemProps, aH as DropdownSide, aI as EmptyState, aJ as FileUpload, aK as FileUploadProps, aL as FilterBar, aM as FilterBarProps, aN as FilterChip, aO as FilterChips, aP as FilterChipsProps, aQ as FilterControls, aR as FilterControlsProps, aS as FilterMenu, aT as FilterMenuOption, aU as FilterMenuProps, aV as FormField, aW as FormFieldControlProps, aX as FormFieldProps, aY as H1, aZ as H2, a_ as H3, a$ as H4, b0 as H5, b1 as HoverCard, b7 as Icon, b2 as IconActivity, b3 as IconAliasName, b4 as IconAreaChart, b5 as IconArrowDown, b6 as IconArrowUp, b7 as IconBase, b8 as IconBell, b9 as IconBellOff, ba as IconBolt, bb as IconBox, bc as IconByName, bd as IconCancel, be as IconCheck, bf as IconCheckCircle, bg as IconChevronDown, bh as IconChevronLeft, bi as IconChevronRight, bj as IconClipboardEdit, bk as IconClose, bl as IconCodePreview, bm as IconCohort, bn as IconCommandCursor, bo as IconCopy, bp as IconCumulativeChart, bq as IconDataReel, br as IconDatabase, bs as IconDownload, bt as IconEdit, bu as IconErrorOutline, bv as IconEventStream, bw as IconExclamation, bx as IconExperimentSplit, by as IconFeatureGate, bz as IconFlag, bA as IconFlare, bB as IconFlask, bC as IconGift, bD as IconGridView, bE as IconHandClick, bF as IconHome, bG as IconInfo, bH as IconInsightBoard, bI as IconLayers, bJ as IconListView, bK as IconLogout, bL as IconMail, bM as IconMoon, bN as IconName, bO as IconOldWindow, bP as IconPanelRight, bQ as IconPerson, bR as IconPlayCircle, bS as IconPlus, bT as IconPremium, bV as IconQueryEditor, bW as IconQueryStack, bX as IconRadar, bY as IconRecording, bZ as IconReplayFrame, b_ as IconRobot, b$ as IconRocket, c0 as IconSave, c1 as IconSearch, c2 as IconSelectEvents, c3 as IconShoppingCart, c4 as IconSpinner, c5 as IconStar, c6 as IconSubArrowRight, c7 as IconSun, c8 as IconSurveyCard, c9 as IconSurveys, ca as IconSync, cb as IconTableChart, cc as IconTerminal, cd as IconToggle, ce as IconTrash, cf as IconTuning, cg as IconUpload, ch as IconVolume, ci as IconVolumeOff, cj as Indicator, ck as IndicatorPosition, cl as IndicatorProps, cm as Input, cn as InputGroup, co as InputGroupProps, cp as InputProps, cq as InputSize, cr as InputVariant, cs as Kbd, ct as KbdPlatform, cu as KbdProps, cv as KbdVariant, cw as Label, cx as Lead, cy as Lettermark, cz as LettermarkProps, cA as Link, cB as LinkProps, cC as Loader, cD as LoaderProps, cE as LoaderSize, cF as LoaderVariant, cG as LoadingBar, cH as LoadingBarProps, cI as LoadingState, cJ as LoadingStateProps, cK as Menubar, cL as MenubarItem, cM as MenubarProps, cN as Metric, cO as MetricProps, cP as Modal, cQ as ModalProps, cR as ModalSize, cS as Mono, cT as NumberField, cU as NumberFieldProps, cV as OLD_UI_ICONS, cW as Overline, cX as P, cY as PH_ICONS, cZ as PH_ICON_ALIASES, c_ as Pagination, c$ as PaginationProps, d0 as Panel, d1 as PanelProps, d2 as Popover, d3 as PopoverProps, d4 as Progress, d5 as ProgressCircle, d6 as ProgressCircleProps, d7 as ProgressProps, d8 as Radio, d9 as RadioProps, da as Range, db as RangeProps, dc as Rating, dd as RatingProps, de as Resizable, df as ResizableProps, dg as Row, dh as RowProps, di as ScrollArea, dj as ScrollAreaProps, dk as SearchGroup, dl as SearchGroupProps, dm as SearchInput, dn as SearchInputProps, dp as SegmentedControl, dq as Select, dr as SelectProps, ds as SettingsLayout, dt as SettingsLayoutProps, du as SettingsNav, dv as SettingsNavGroup, dw as SettingsNavItem, dx as SettingsNavProps, dy as ShowcaseWrapper, dz as Sidebar, dA as SidebarGroup, dB as SidebarItemDef, dC as SidebarProps, dD as Skeleton, dE as SkeletonProps, dF as SkeletonShape, dG as Small, dH as Snack, dI as SnackProps, dJ as SortMenu, dK as SortMenuProps, dL as Spinner, dM as SpinnerProps, dN as Splotch, dO as SplotchColor, dP as SplotchProps, dQ as Stat, dR as StatProps, dS as StatTone, dT as Stepper, dU as TabItem, dV as Table, dW as TableColumn, dX as TableProps, dY as Tabs, dZ as TabsProps, d_ as TabsVariant, d$ as Tag, e0 as TagProps, e1 as TagType, e2 as Terminal, e3 as TerminalProps, e4 as Textarea, e5 as TextareaProps, e6 as ThemeDomSync, e7 as ThemeManager, e8 as ThemeManagerProps, e9 as ThemeSwitcher, ea as ThemeSwitcherProps, eb as Timeline, ec as TimelineEvent, ed as TimelineProps, ee as Toast, ef as ToastProps, eg as ToastStack, eh as ToastStackProps, ei as ToastStatus, ej as Toggle, ek as ToggleButton, el as ToggleButtonProps, em as ToggleGroup, en as ToggleGroupProps, eo as ToggleProps, ep as Tooltip, eq as TooltipAlign, er as TooltipProps, es as TooltipProvider, et as TooltipProviderProps, eu as TooltipSide, ev as Widget, ew as WidgetProps } from './index-BgG8Homu.mjs';
|
|
3
3
|
import * as react from 'react';
|
|
4
|
-
import { ReactNode
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import '@radix-ui/react-dropdown-menu';
|
|
7
7
|
|
|
@@ -15,6 +15,141 @@ declare function createIconBase({ name, viewBox, paths }: IconBaseDefinition): r
|
|
|
15
15
|
/** Shorthand for single-path filled icons. */
|
|
16
16
|
declare function createIconBasePath(d: string, viewBox?: string, name?: string): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
17
17
|
|
|
18
|
+
declare const IconTextSize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
19
|
+
declare const IconBranch: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
20
|
+
declare const IconFeedback: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
21
|
+
declare const IconSelectAll: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
22
|
+
declare const IconKey: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
23
|
+
declare const IconOpenInApp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
24
|
+
declare const IconSwapHoriz: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
25
|
+
declare const IconBlank: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
26
|
+
declare const IconRadioButtonUnchecked: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
27
|
+
declare const IconOffline: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
28
|
+
declare const IconMenu: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
29
|
+
declare const IconSubtitles: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
30
|
+
declare const IconSubtitlesOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
31
|
+
declare const IconCalculate: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
32
|
+
declare const IconGroupedEvents: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
33
|
+
declare const IconQuestionAnswer: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
34
|
+
declare const IconOpenInNew: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
35
|
+
declare const IconTrendingFlat: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
36
|
+
declare const IconTrendingFlatDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
37
|
+
declare const IconTrendingDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
38
|
+
declare const IconAction: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
39
|
+
declare const IconEvent: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
40
|
+
declare const IconReplay: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
41
|
+
declare const IconHeatmap: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
42
|
+
declare const IconUnverifiedEvent: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
43
|
+
declare const IconVerifiedEvent: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
44
|
+
declare const IconBookmarkBorder: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
45
|
+
declare const IconWeb: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
46
|
+
declare const IconMonitor: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
47
|
+
declare const IconBold: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
48
|
+
declare const IconItalic: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
49
|
+
declare const IconDevices: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
50
|
+
declare const IconMacOS: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
51
|
+
declare const IconAppleIOS: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
52
|
+
declare const IconWindows: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
53
|
+
declare const IconLinux: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
54
|
+
declare const IconAndroidOS: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
55
|
+
declare const IconLink: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
56
|
+
declare const IconPreview: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
57
|
+
declare const IconEyeHidden: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
58
|
+
declare const IconFunnelHorizontal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
59
|
+
declare const IconFunnelVertical: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
60
|
+
declare const IconFullScreen: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
61
|
+
declare const IconPauseCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
62
|
+
declare const IconSkipBackward: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
63
|
+
declare const IconSkipStart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
64
|
+
declare const IconSkipEnd: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
65
|
+
declare const IconDragHandle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
66
|
+
declare const IconAdsClick: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
67
|
+
declare const IconFingerprint: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
68
|
+
declare const IconVerticalAlignCenter: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
69
|
+
declare const IconGhost: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
70
|
+
|
|
71
|
+
declare const IconGitlab: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
72
|
+
declare const IconGoogle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
73
|
+
declare const IconSlack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
74
|
+
declare const IconSlackExternal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
75
|
+
declare const IconMicrosoftTeams: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
76
|
+
declare const IconChrome: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
77
|
+
declare const IconFirefox: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
78
|
+
declare const IconSafari: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
79
|
+
declare const IconFacebook: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
80
|
+
declare const Icon123: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
81
|
+
declare const IconNodeJS: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
82
|
+
declare const IconStamphog: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
83
|
+
|
|
84
|
+
declare const IconPalette: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
85
|
+
declare const IconMegaphone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
86
|
+
declare const IconMap: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
87
|
+
declare const IconMapPin: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
88
|
+
declare const IconCoffee: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
89
|
+
declare const IconBook: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
90
|
+
declare const IconCalendar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
91
|
+
declare const IconClock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
92
|
+
declare const IconGlobe: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
93
|
+
declare const IconCloud: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
94
|
+
declare const IconBug: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
95
|
+
declare const IconCrown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
96
|
+
declare const IconConfetti: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
97
|
+
declare const IconLightBulb: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
98
|
+
declare const IconHourglass: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
99
|
+
declare const IconStore: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
100
|
+
declare const IconCart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
101
|
+
declare const IconEye: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
102
|
+
declare const IconPeople: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
103
|
+
declare const IconGroups: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
104
|
+
declare const IconDocument: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
105
|
+
declare const IconAI: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
106
|
+
declare const IconArchive: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
107
|
+
declare const IconAtSign: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
108
|
+
declare const IconBadge: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
109
|
+
declare const IconBinary: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
110
|
+
declare const IconGear: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
111
|
+
declare const IconCalendarDay: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
112
|
+
declare const IconChat: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
113
|
+
declare const IconCheckboxChecked: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
114
|
+
declare const IconDownloadCloud: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
115
|
+
declare const IconExternalLink: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
116
|
+
declare const IconFile: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
117
|
+
declare const IconFilter: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
118
|
+
declare const IconFolder: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
119
|
+
declare const IconForward: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
120
|
+
declare const IconHash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
121
|
+
declare const IconHeadphones: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
122
|
+
declare const IconHeart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
123
|
+
declare const IconHomeFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
124
|
+
declare const IconImage: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
125
|
+
declare const IconInbox: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
126
|
+
declare const IconInfoFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
127
|
+
declare const IconKeyFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
128
|
+
declare const IconLaptop: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
129
|
+
declare const IconLayout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
130
|
+
declare const IconLifeBuoy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
131
|
+
declare const IconLinkBreak: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
132
|
+
declare const IconLocation: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
133
|
+
declare const IconLock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
134
|
+
declare const IconMaximize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
135
|
+
declare const IconMic: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
136
|
+
declare const IconMinimize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
137
|
+
declare const IconMinus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
138
|
+
declare const IconMoonFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
139
|
+
declare const IconMoreHorizontal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
140
|
+
declare const IconMoreVertical: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
141
|
+
declare const IconMusic: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
142
|
+
declare const IconNavigation: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
143
|
+
declare const IconPaperclip: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
144
|
+
declare const IconPercent: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
145
|
+
declare const IconPhone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
146
|
+
declare const IconPin: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
147
|
+
declare const IconPrinter: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
148
|
+
declare const IconRedo: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
149
|
+
declare const IconRefresh: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
150
|
+
declare const IconReply: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
151
|
+
declare const IconReport: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
152
|
+
|
|
18
153
|
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" | "deepsea-light" | "deepsea-dark" | "kraken-light" | "kraken-dark";
|
|
19
154
|
interface ThemeDefinition {
|
|
20
155
|
id: ThemeId;
|
|
@@ -35,112 +170,80 @@ declare const THEME_INIT_SCRIPT: string;
|
|
|
35
170
|
declare function persistTheme(themeId: string): void;
|
|
36
171
|
declare function readStoredTheme(): string;
|
|
37
172
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
declare function InsightPolarAreaChart(): react_jsx_runtime.JSX.Element;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Any CSS `<color>` usable in `background`, e.g. `var(--ph-product-session-replay)` or `#1d4aff`.
|
|
47
|
-
*/
|
|
48
|
-
type RibbonColour = string;
|
|
49
|
-
|
|
50
|
-
interface DashboardWellProps extends ComponentPropsWithoutRef<"div"> {
|
|
173
|
+
interface TimeSeriesLineChartSeries {
|
|
174
|
+
key: string;
|
|
175
|
+
label: string;
|
|
176
|
+
data: number[];
|
|
177
|
+
color?: string;
|
|
51
178
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
/** Dashboard / tab title (matches PostHog H3 weight on canvases). */
|
|
56
|
-
title: string;
|
|
57
|
-
description?: string;
|
|
58
|
-
/** Right-aligned actions slot (buttons, dropdown triggers, etc.). */
|
|
59
|
-
actions?: ReactNode;
|
|
179
|
+
interface TimeSeriesLineChartProps {
|
|
180
|
+
series: TimeSeriesLineChartSeries[];
|
|
181
|
+
labels: string[];
|
|
60
182
|
className?: string;
|
|
183
|
+
showGrid?: boolean;
|
|
184
|
+
showCrosshair?: boolean;
|
|
185
|
+
height?: number;
|
|
61
186
|
}
|
|
62
|
-
declare function
|
|
187
|
+
declare function TimeSeriesLineChart({ series, labels, className, showGrid, showCrosshair, height, }: TimeSeriesLineChartProps): react_jsx_runtime.JSX.Element;
|
|
63
188
|
|
|
64
|
-
interface
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
preset?: "insights" | "dense";
|
|
189
|
+
interface BarChartSeries {
|
|
190
|
+
key: string;
|
|
191
|
+
label: string;
|
|
192
|
+
data: number[];
|
|
193
|
+
color?: string;
|
|
70
194
|
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
*/
|
|
77
|
-
declare function DashboardFiltersBar({ className, ...props }: ComponentPropsWithoutRef<"div">): react_jsx_runtime.JSX.Element;
|
|
78
|
-
|
|
79
|
-
interface DashboardKpiCardProps extends ComponentPropsWithoutRef<"article"> {
|
|
80
|
-
/** Upper label (tabular small caps styling via `.ph-stat-label`). */
|
|
81
|
-
label: ReactNode;
|
|
82
|
-
/** Main KPI value. */
|
|
83
|
-
value: ReactNode;
|
|
84
|
-
/** Supporting line beneath the value (Δ %, qualifier, etc.). */
|
|
85
|
-
footer?: ReactNode;
|
|
86
|
-
/** Optional decorative icon aligned with headline stats across the PostHog app. */
|
|
87
|
-
icon?: ReactNode;
|
|
195
|
+
interface BarChartProps {
|
|
196
|
+
series: BarChartSeries[];
|
|
197
|
+
labels: string[];
|
|
198
|
+
className?: string;
|
|
199
|
+
height?: number;
|
|
88
200
|
}
|
|
89
|
-
declare function
|
|
201
|
+
declare function BarChart({ series, labels, className, height }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
90
202
|
|
|
91
|
-
interface
|
|
92
|
-
|
|
93
|
-
label
|
|
203
|
+
interface PieChartSlice {
|
|
204
|
+
key: string;
|
|
205
|
+
label: string;
|
|
206
|
+
value: number;
|
|
207
|
+
color?: string;
|
|
94
208
|
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
* **`onClick` and other event props:** use this inside a Client Component (or a wrapper
|
|
100
|
-
* marked `'use client'`). Server Components cannot serialise function props.
|
|
101
|
-
*/
|
|
102
|
-
declare function DashboardInsightPlaceholder({ label, className, children, type, ...props }: DashboardInsightPlaceholderProps): react_jsx_runtime.JSX.Element;
|
|
103
|
-
|
|
104
|
-
interface InsightShellProps extends ComponentPropsWithoutRef<"article"> {
|
|
105
|
-
/**
|
|
106
|
-
* Left ribbon fill; omit or pass empty string for a flat card (no ribbon column).
|
|
107
|
-
* Prefer `var(--ph-product-*)` or `var(--ph-data-*)` tokens from `globals.css`.
|
|
108
|
-
*/
|
|
109
|
-
ribbonColour?: RibbonColour | null;
|
|
110
|
-
/** Extra classes on the padded body column (e.g. `gap-4`). */
|
|
111
|
-
bodyClassName?: string;
|
|
209
|
+
interface PieChartProps {
|
|
210
|
+
slices: PieChartSlice[];
|
|
211
|
+
className?: string;
|
|
212
|
+
size?: number;
|
|
112
213
|
}
|
|
113
|
-
declare function
|
|
214
|
+
declare function PieChart({ slices, className, size }: PieChartProps): react_jsx_runtime.JSX.Element;
|
|
114
215
|
|
|
115
|
-
interface
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
/** Trailing widgets (menus, fullscreen, cohort badge). */
|
|
119
|
-
actions?: ReactNode;
|
|
216
|
+
interface SparklineProps {
|
|
217
|
+
data: number[];
|
|
218
|
+
color?: string;
|
|
120
219
|
className?: string;
|
|
220
|
+
width?: number;
|
|
221
|
+
height?: number;
|
|
222
|
+
strokeWidth?: number;
|
|
121
223
|
}
|
|
122
|
-
declare function
|
|
123
|
-
|
|
124
|
-
interface
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
seriesResolver?: (index: number, height: number) => number;
|
|
224
|
+
declare function Sparkline({ data, color, className, width, height, strokeWidth, }: SparklineProps): react_jsx_runtime.JSX.Element | null;
|
|
225
|
+
|
|
226
|
+
interface MetricCardProps {
|
|
227
|
+
value: string | number;
|
|
228
|
+
label: string;
|
|
229
|
+
change?: {
|
|
230
|
+
value: number;
|
|
231
|
+
positive?: boolean;
|
|
232
|
+
};
|
|
233
|
+
sparklineData?: number[];
|
|
234
|
+
icon?: ReactNode;
|
|
134
235
|
className?: string;
|
|
135
236
|
}
|
|
136
|
-
declare function
|
|
237
|
+
declare function MetricCard({ value, label, change, sparklineData, icon, className, }: MetricCardProps): react_jsx_runtime.JSX.Element;
|
|
137
238
|
|
|
138
|
-
interface
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
239
|
+
interface FunnelStep {
|
|
240
|
+
label: string;
|
|
241
|
+
count: number;
|
|
242
|
+
}
|
|
243
|
+
interface FunnelChartProps {
|
|
244
|
+
steps: FunnelStep[];
|
|
245
|
+
className?: string;
|
|
142
246
|
}
|
|
143
|
-
|
|
144
|
-
declare function InsightMiniCard({ title, subtitle, heights, ribbonColour, ...shellProps }: InsightMiniCardProps): react_jsx_runtime.JSX.Element;
|
|
247
|
+
declare function FunnelChart({ steps, className }: FunnelChartProps): react_jsx_runtime.JSX.Element;
|
|
145
248
|
|
|
146
|
-
export { DEFAULT_THEME_ID,
|
|
249
|
+
export { BarChart, type BarChartProps, type BarChartSeries, DEFAULT_THEME_ID, FunnelChart, type FunnelChartProps, type FunnelStep, Icon123, IconAI, IconAction, IconAdsClick, IconAndroidOS, IconAppleIOS, IconArchive, IconAtSign, IconBadge, IconBinary, IconBlank, IconBold, IconBook, IconBookmarkBorder, IconBranch, IconBug, IconCalculate, IconCalendar, IconCalendarDay, IconCart, IconChat, IconCheckboxChecked, IconChrome, IconClock, IconCloud, IconCoffee, IconConfetti, IconCrown, IconDevices, IconDocument, IconDownloadCloud, IconDragHandle, IconEvent, IconExternalLink, IconEye, IconEyeHidden, IconFacebook, IconFeedback, IconFile, IconFilter, IconFingerprint, IconFirefox, IconFolder, IconForward, IconFullScreen, IconFunnelHorizontal, IconFunnelVertical, IconGear, IconGhost, IconGitlab, IconGlobe, IconGoogle, IconGroupedEvents, IconGroups, IconHash, IconHeadphones, IconHeart, IconHeatmap, IconHomeFilled, IconHourglass, IconImage, IconInbox, IconInfoFilled, IconItalic, IconKey, IconKeyFilled, IconLaptop, IconLayout, IconLifeBuoy, IconLightBulb, IconLink, IconLinkBreak, IconLinux, IconLocation, IconLock, IconMacOS, IconMap, IconMapPin, IconMaximize, IconMegaphone, IconMenu, IconMic, IconMicrosoftTeams, IconMinimize, IconMinus, IconMonitor, IconMoonFilled, IconMoreHorizontal, IconMoreVertical, IconMusic, IconNavigation, IconNodeJS, IconOffline, IconOpenInApp, IconOpenInNew, IconPalette, IconPaperclip, IconPauseCircle, IconPeople, IconPercent, IconPhone, IconPin, IconPreview, IconPrinter, IconProps, IconQuestionAnswer, IconRadioButtonUnchecked, IconRedo, IconRefresh, IconReplay, IconReply, IconReport, IconSafari, IconSelectAll, IconSkipBackward, IconSkipEnd, IconSkipStart, IconSlack, IconSlackExternal, IconStamphog, IconStore, IconSubtitles, IconSubtitlesOff, IconSwapHoriz, IconTextSize, IconTrendingDown, IconTrendingFlat, IconTrendingFlatDown, IconUnverifiedEvent, IconVerifiedEvent, IconVerticalAlignCenter, IconWeb, IconWindows, MetricCard, type MetricCardProps, PieChart, type PieChartProps, type PieChartSlice, Sparkline, type SparklineProps, THEMES, THEME_GROUPS, THEME_INIT_SCRIPT, type ThemeDefinition, type ThemeId, TimeSeriesLineChart, type TimeSeriesLineChartProps, type TimeSeriesLineChartSeries, createIconBase, createIconBasePath, getTheme, isThemeId, persistTheme, readStoredTheme };
|