@xenide-io/the-old-ui-theme 0.2.9 → 0.3.1

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.
Files changed (133) hide show
  1. package/README.md +1 -1
  2. package/dist/chunk-5HSOBJ4F.mjs +5968 -0
  3. package/dist/index-BgG8Homu.d.mts +1461 -0
  4. package/dist/index-BgG8Homu.d.ts +1461 -0
  5. package/dist/index.d.mts +206 -100
  6. package/dist/index.d.ts +206 -100
  7. package/dist/index.js +4275 -1455
  8. package/dist/index.mjs +689 -735
  9. package/dist/tailwind-preset.js +7 -0
  10. package/dist/tailwind-preset.mjs +7 -0
  11. package/dist/ui.d.mts +3 -2
  12. package/dist/ui.d.ts +3 -2
  13. package/dist/ui.js +3449 -701
  14. package/dist/ui.mjs +106 -3
  15. package/package.json +20 -16
  16. package/src/app/globals.css +1953 -266
  17. package/src/components/charts/index.ts +9 -8
  18. package/src/components/charts/quill/BarChart.tsx +85 -0
  19. package/src/components/charts/quill/FunnelChart.tsx +49 -0
  20. package/src/components/charts/quill/InsightShell.tsx +27 -0
  21. package/src/components/charts/quill/MetricCard.tsx +44 -0
  22. package/src/components/charts/quill/PieChart.tsx +81 -0
  23. package/src/components/charts/quill/Sparkline.tsx +57 -0
  24. package/src/components/charts/quill/TimeSeriesLineChart.tsx +62 -0
  25. package/src/components/charts/quill/index.ts +9 -0
  26. package/src/components/icons/IconBase.tsx +20 -12
  27. package/src/components/icons/createIconBase.tsx +12 -7
  28. package/src/components/icons/icons.tsx +210 -18
  29. package/src/components/icons/index.ts +3 -0
  30. package/src/components/icons/lemon-brand-icons.tsx +16 -0
  31. package/src/components/icons/lemon-category-icons.tsx +72 -0
  32. package/src/components/icons/lemon-icons.tsx +57 -0
  33. package/src/components/sections/AlertShowcase.tsx +2 -1
  34. package/src/components/sections/BadgeShowcase.tsx +1 -1
  35. package/src/components/sections/ButtonShowcase.tsx +6 -10
  36. package/src/components/sections/CardShowcase.tsx +22 -6
  37. package/src/components/sections/DropdownShowcase.tsx +4 -6
  38. package/src/components/sections/FilterChipsShowcase.tsx +74 -26
  39. package/src/components/sections/FormShowcase.tsx +2 -1
  40. package/src/components/sections/IconShowcase.tsx +195 -212
  41. package/src/components/sections/KbdShowcase.tsx +47 -21
  42. package/src/components/sections/ModalShowcase.tsx +7 -6
  43. package/src/components/sections/NewComponentsShowcase.tsx +1052 -0
  44. package/src/components/sections/ProductLayoutsShowcase.tsx +78 -0
  45. package/src/components/sections/ProgressShowcase.tsx +50 -53
  46. package/src/components/sections/QuillChartShowcase.tsx +92 -0
  47. package/src/components/sections/QuillDashboardShowcase.tsx +149 -0
  48. package/src/components/sections/SidebarShowcase.tsx +151 -0
  49. package/src/components/sections/SwapShowcase.tsx +13 -5
  50. package/src/components/sections/TableShowcase.tsx +2 -0
  51. package/src/components/sections/TooltipShowcase.tsx +19 -25
  52. package/src/components/ui/Alert.tsx +28 -19
  53. package/src/components/ui/AlertDialog.tsx +62 -0
  54. package/src/components/ui/AppLayout.tsx +27 -0
  55. package/src/components/ui/AuthLayout.tsx +58 -0
  56. package/src/components/ui/Autocomplete.tsx +106 -0
  57. package/src/components/ui/Badge.tsx +10 -5
  58. package/src/components/ui/Banner.tsx +63 -0
  59. package/src/components/ui/Button.tsx +22 -12
  60. package/src/components/ui/ButtonChrome.tsx +1 -1
  61. package/src/components/ui/ButtonGroup.tsx +16 -0
  62. package/src/components/ui/Calendar.tsx +6 -7
  63. package/src/components/ui/Card.tsx +21 -11
  64. package/src/components/ui/Chip.tsx +46 -0
  65. package/src/components/ui/Collapsible.tsx +46 -0
  66. package/src/components/ui/CollapsibleSection.tsx +11 -11
  67. package/src/components/ui/Combobox.tsx +119 -0
  68. package/src/components/ui/ContextMenu.tsx +81 -0
  69. package/src/components/ui/DataTable.tsx +133 -0
  70. package/src/components/ui/DatePicker.tsx +96 -0
  71. package/src/components/ui/Dialog.tsx +75 -0
  72. package/src/components/ui/Divider.tsx +39 -0
  73. package/src/components/ui/Dot.tsx +32 -0
  74. package/src/components/ui/DropdownMenu.tsx +189 -65
  75. package/src/components/ui/FilterBar.tsx +165 -0
  76. package/src/components/ui/FilterChips.tsx +65 -35
  77. package/src/components/ui/FilterControls.tsx +30 -0
  78. package/src/components/ui/FormField.tsx +69 -0
  79. package/src/components/ui/Input.tsx +166 -140
  80. package/src/components/ui/InputGroup.tsx +16 -0
  81. package/src/components/ui/Kbd.tsx +88 -13
  82. package/src/components/ui/Lettermark.tsx +47 -0
  83. package/src/components/ui/Link.tsx +32 -0
  84. package/src/components/ui/Loader.tsx +96 -0
  85. package/src/components/ui/LoadingBar.tsx +25 -0
  86. package/src/components/ui/Menubar.tsx +66 -0
  87. package/src/components/ui/Metric.tsx +34 -0
  88. package/src/components/ui/Modal.tsx +66 -36
  89. package/src/components/ui/NumberField.tsx +76 -0
  90. package/src/components/ui/Popover.tsx +73 -0
  91. package/src/components/ui/ProgressCircle.tsx +63 -0
  92. package/src/components/ui/Resizable.tsx +71 -0
  93. package/src/components/ui/Row.tsx +51 -0
  94. package/src/components/ui/ScrollArea.tsx +54 -0
  95. package/src/components/ui/SettingsLayout.tsx +94 -0
  96. package/src/components/ui/ShowcaseWrapper.tsx +4 -16
  97. package/src/components/ui/Sidebar.tsx +77 -0
  98. package/src/components/ui/Snack.tsx +48 -0
  99. package/src/components/ui/Spinner.tsx +30 -0
  100. package/src/components/ui/Splotch.tsx +33 -0
  101. package/src/components/ui/Stepper.tsx +5 -6
  102. package/src/components/ui/Table.tsx +2 -0
  103. package/src/components/ui/Tag.tsx +65 -0
  104. package/src/components/ui/Toggle.tsx +62 -0
  105. package/src/components/ui/Tooltip.test.tsx +58 -0
  106. package/src/components/ui/Tooltip.tsx +211 -0
  107. package/src/components/ui/Widget.tsx +31 -0
  108. package/src/components/ui/first-slice.test.tsx +98 -0
  109. package/src/components/ui/index.ts +335 -22
  110. package/src/components/ui/interaction-primitives.test.tsx +77 -0
  111. package/src/components/ui/kbd-icons.test.tsx +90 -0
  112. package/src/components/ui/product-patterns.test.tsx +77 -0
  113. package/src/styles/themes.css +411 -1
  114. package/tailwind-preset.ts +7 -0
  115. package/dist/chunk-SHF57J7U.mjs +0 -2910
  116. package/dist/index-CmS6hcUk.d.mts +0 -753
  117. package/dist/index-CmS6hcUk.d.ts +0 -753
  118. package/src/components/charts/ph-insight-charts.tsx +0 -162
  119. package/src/components/dashboard/DashboardFiltersBar.tsx +0 -19
  120. package/src/components/dashboard/DashboardGrid.tsx +0 -23
  121. package/src/components/dashboard/DashboardInsightPlaceholder.tsx +0 -37
  122. package/src/components/dashboard/DashboardKpiCard.tsx +0 -25
  123. package/src/components/dashboard/DashboardToolbar.tsx +0 -23
  124. package/src/components/dashboard/DashboardWell.tsx +0 -10
  125. package/src/components/dashboard/InsightMiniCard.tsx +0 -26
  126. package/src/components/dashboard/InsightShell.tsx +0 -37
  127. package/src/components/dashboard/InsightShellHeader.tsx +0 -22
  128. package/src/components/dashboard/MiniTrendBars.tsx +0 -51
  129. package/src/components/dashboard/index.ts +0 -31
  130. package/src/components/dashboard/types.ts +0 -9
  131. package/src/components/sections/ChartShowcase.tsx +0 -190
  132. package/src/components/sections/DashboardShowcase.tsx +0 -191
  133. package/src/components/sections/StatShowcase.tsx +0 -129
package/dist/index.d.mts CHANGED
@@ -1,18 +1,156 @@
1
- import { aP as IconProps } from './index-CmS6hcUk.mjs';
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.mjs';
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
+ import * as react from 'react';
4
+ import { ReactNode } from 'react';
3
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { ReactNode, ComponentPropsWithoutRef } from 'react';
6
+ import '@radix-ui/react-dropdown-menu';
5
7
 
6
8
  interface IconBaseDefinition {
9
+ name?: string;
7
10
  viewBox?: string;
8
11
  paths: ReactNode;
9
12
  }
10
- /** Factory for filled Lemon-style glyphs (Material / PostHog paths). */
11
- declare function createIconBase({ viewBox, paths }: IconBaseDefinition): (props: IconProps) => react_jsx_runtime.JSX.Element;
13
+ /** Factory for filled Old UI, Lemon, and Material-style glyphs. */
14
+ declare function createIconBase({ name, viewBox, paths }: IconBaseDefinition): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
12
15
  /** Shorthand for single-path filled icons. */
13
- declare function createIconBasePath(d: string, viewBox?: string): (props: IconProps) => react_jsx_runtime.JSX.Element;
14
-
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";
16
+ declare function createIconBasePath(d: string, viewBox?: string, name?: string): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
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
+
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";
16
154
  interface ThemeDefinition {
17
155
  id: ThemeId;
18
156
  name: string;
@@ -32,112 +170,80 @@ declare const THEME_INIT_SCRIPT: string;
32
170
  declare function persistTheme(themeId: string): void;
33
171
  declare function readStoredTheme(): string;
34
172
 
35
- declare function HogTrendLineChart(): react_jsx_runtime.JSX.Element;
36
- declare function InsightVerticalBarChart(): react_jsx_runtime.JSX.Element;
37
- declare function InsightHorizontalBarChart(): react_jsx_runtime.JSX.Element;
38
- declare function InsightStackedBarChart(): react_jsx_runtime.JSX.Element;
39
- declare function InsightDoughnutChart(): react_jsx_runtime.JSX.Element;
40
- declare function InsightPolarAreaChart(): react_jsx_runtime.JSX.Element;
41
-
42
- /**
43
- * Any CSS `<color>` usable in `background`, e.g. `var(--ph-product-session-replay)` or `#1d4aff`.
44
- */
45
- type RibbonColour = string;
46
-
47
- interface DashboardWellProps extends ComponentPropsWithoutRef<"div"> {
173
+ interface TimeSeriesLineChartSeries {
174
+ key: string;
175
+ label: string;
176
+ data: number[];
177
+ color?: string;
48
178
  }
49
- declare function DashboardWell({ className, ...props }: DashboardWellProps): react_jsx_runtime.JSX.Element;
50
-
51
- interface DashboardToolbarProps {
52
- /** Dashboard / tab title (matches PostHog H3 weight on canvases). */
53
- title: string;
54
- description?: string;
55
- /** Right-aligned actions slot (buttons, dropdown triggers, etc.). */
56
- actions?: ReactNode;
179
+ interface TimeSeriesLineChartProps {
180
+ series: TimeSeriesLineChartSeries[];
181
+ labels: string[];
57
182
  className?: string;
183
+ showGrid?: boolean;
184
+ showCrosshair?: boolean;
185
+ height?: number;
58
186
  }
59
- declare function DashboardToolbar({ title, description, actions, className }: DashboardToolbarProps): react_jsx_runtime.JSX.Element;
187
+ declare function TimeSeriesLineChart({ series, labels, className, showGrid, showCrosshair, height, }: TimeSeriesLineChartProps): react_jsx_runtime.JSX.Element;
60
188
 
61
- interface DashboardGridProps extends ComponentPropsWithoutRef<"div"> {
62
- /**
63
- * Preset breakpoints: 1 col → md:2 cols → xl:3 (matches common insight grids).
64
- * Override with your own `className` if you need 4-up or single column.
65
- */
66
- preset?: "insights" | "dense";
189
+ interface BarChartSeries {
190
+ key: string;
191
+ label: string;
192
+ data: number[];
193
+ color?: string;
67
194
  }
68
- declare function DashboardGrid({ preset, className, ...props }: DashboardGridProps): react_jsx_runtime.JSX.Element;
69
-
70
- /**
71
- * Raised strip reminiscent of dashboard date-range / cohort / breakdown controls.
72
- * Pass pills or selects as children.
73
- */
74
- declare function DashboardFiltersBar({ className, ...props }: ComponentPropsWithoutRef<"div">): react_jsx_runtime.JSX.Element;
75
-
76
- interface DashboardKpiCardProps extends ComponentPropsWithoutRef<"article"> {
77
- /** Upper label (tabular small caps styling via `.ph-stat-label`). */
78
- label: ReactNode;
79
- /** Main KPI value. */
80
- value: ReactNode;
81
- /** Supporting line beneath the value (Δ %, qualifier, etc.). */
82
- footer?: ReactNode;
83
- /** Optional decorative icon aligned with headline stats across the PostHog app. */
84
- icon?: ReactNode;
195
+ interface BarChartProps {
196
+ series: BarChartSeries[];
197
+ labels: string[];
198
+ className?: string;
199
+ height?: number;
85
200
  }
86
- declare function DashboardKpiCard({ label, value, footer, icon, className, children, ...props }: DashboardKpiCardProps): react_jsx_runtime.JSX.Element;
201
+ declare function BarChart({ series, labels, className, height }: BarChartProps): react_jsx_runtime.JSX.Element;
87
202
 
88
- interface DashboardInsightPlaceholderProps extends ComponentPropsWithoutRef<"button"> {
89
- /** Accessible name when `children` does not include visible text. */
90
- label?: string;
203
+ interface PieChartSlice {
204
+ key: string;
205
+ label: string;
206
+ value: number;
207
+ color?: string;
91
208
  }
92
- /**
93
- * Mimics PostHog’s empty dashboard slot (“add insight”).
94
- * Renders `<button>` so you can wire `onClick` → palette / modal.
95
- *
96
- * **`onClick` and other event props:** use this inside a Client Component (or a wrapper
97
- * marked `'use client'`). Server Components cannot serialise function props.
98
- */
99
- declare function DashboardInsightPlaceholder({ label, className, children, type, ...props }: DashboardInsightPlaceholderProps): react_jsx_runtime.JSX.Element;
100
-
101
- interface InsightShellProps extends ComponentPropsWithoutRef<"article"> {
102
- /**
103
- * Left ribbon fill; omit or pass empty string for a flat card (no ribbon column).
104
- * Prefer `var(--ph-product-*)` or `var(--ph-data-*)` tokens from `globals.css`.
105
- */
106
- ribbonColour?: RibbonColour | null;
107
- /** Extra classes on the padded body column (e.g. `gap-4`). */
108
- bodyClassName?: string;
209
+ interface PieChartProps {
210
+ slices: PieChartSlice[];
211
+ className?: string;
212
+ size?: number;
109
213
  }
110
- declare function InsightShell({ ribbonColour, bodyClassName, className, children, ...props }: InsightShellProps): react_jsx_runtime.JSX.Element;
214
+ declare function PieChart({ slices, className, size }: PieChartProps): react_jsx_runtime.JSX.Element;
111
215
 
112
- interface InsightShellHeaderProps {
113
- title: ReactNode;
114
- subtitle?: ReactNode;
115
- /** Trailing widgets (menus, fullscreen, cohort badge). */
116
- actions?: ReactNode;
216
+ interface SparklineProps {
217
+ data: number[];
218
+ color?: string;
117
219
  className?: string;
220
+ width?: number;
221
+ height?: number;
222
+ strokeWidth?: number;
118
223
  }
119
- declare function InsightShellHeader({ title, subtitle, actions, className }: InsightShellHeaderProps): react_jsx_runtime.JSX.Element;
120
-
121
- interface MiniTrendBarsProps {
122
- /** Normalised heights 0–100 for each bar (% of chart row). */
123
- heights: readonly number[];
124
- /** Tailwind height of the bars row (flex align-end). Default matches gallery `h-28`. */
125
- rowClassName?: string;
126
- /**
127
- * Map bar index → CSS `--ph-data-*` token index (1–7).
128
- * Default cycles through PostHog’s default trend palette.
129
- */
130
- 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;
131
235
  className?: string;
132
236
  }
133
- declare function MiniTrendBars({ heights, rowClassName, seriesResolver, className, }: MiniTrendBarsProps): react_jsx_runtime.JSX.Element;
237
+ declare function MetricCard({ value, label, change, sparklineData, icon, className, }: MetricCardProps): react_jsx_runtime.JSX.Element;
134
238
 
135
- interface InsightMiniCardProps extends Omit<InsightShellProps, "children"> {
136
- title: string;
137
- subtitle?: string;
138
- heights: readonly number[];
239
+ interface FunnelStep {
240
+ label: string;
241
+ count: number;
242
+ }
243
+ interface FunnelChartProps {
244
+ steps: FunnelStep[];
245
+ className?: string;
139
246
  }
140
- /** Opinionated insight tile: coloured ribbon + headline + subtitle + mini Hog-style bar sparkline. */
141
- 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;
142
248
 
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 };
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 };