@xenide-io/the-old-ui-theme 0.9.17 → 0.10.0

package/dist/tailwind-preset.js

@@ -40,7 +40,16 @@ var posthogThemePreset = {
           "sans-serif"
         ],
         mono: ["var(--ph-font-monospace-stack)"],
-        shortcut: ["var(--ph-font-shortcut-stack)"]
+        shortcut: ["var(--ph-font-shortcut-stack)"],
+        display: ["var(--ph-font-sans-stack)"]
+      },
+      fontSize: {
+        xs: ["var(--ph-type-meta)", { lineHeight: "var(--ph-leading-ui)" }],
+        sm: ["var(--ph-type-small)", { lineHeight: "var(--ph-leading-ui)" }],
+        base: ["var(--ph-type-body)", { lineHeight: "var(--ph-leading-body)" }],
+        lg: ["var(--ph-type-card)", { lineHeight: "1.4" }],
+        xl: ["var(--ph-type-subsection)", { lineHeight: "1.35" }],
+        "2xl": ["var(--ph-type-product-section)", { lineHeight: "1.25" }]
       },
       borderRadius: {
         lemon: "var(--ph-radius-app)"

package/dist/tailwind-preset.mjs

@@ -18,7 +18,16 @@ var posthogThemePreset = {
           "sans-serif"
         ],
         mono: ["var(--ph-font-monospace-stack)"],
-        shortcut: ["var(--ph-font-shortcut-stack)"]
+        shortcut: ["var(--ph-font-shortcut-stack)"],
+        display: ["var(--ph-font-sans-stack)"]
+      },
+      fontSize: {
+        xs: ["var(--ph-type-meta)", { lineHeight: "var(--ph-leading-ui)" }],
+        sm: ["var(--ph-type-small)", { lineHeight: "var(--ph-leading-ui)" }],
+        base: ["var(--ph-type-body)", { lineHeight: "var(--ph-leading-body)" }],
+        lg: ["var(--ph-type-card)", { lineHeight: "1.4" }],
+        xl: ["var(--ph-type-subsection)", { lineHeight: "1.35" }],
+        "2xl": ["var(--ph-type-product-section)", { lineHeight: "1.25" }]
       },
       borderRadius: {
         lemon: "var(--ph-radius-app)"

package/dist/ui.d.mts

@@ -1,9 +1,38 @@
-import { ac as FilterBarProps, af as FilterChipsProps } from './Chip-BzuNgJIa.mjs';
-export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ad as FilterChip, ae as FilterChips, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, ax as IconAliasName, aG as IconByName, bf as IconName, bm as IconProps, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, cb as Overline, cc as OverlineProps, cd as P, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cn as Range, co as RangeProps, cp as SearchGroup, cq as SearchGroupProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-BzuNgJIa.mjs';
+import { ac as FilterBarProps, af as FilterChipsProps } from './Chip-DKT-82Lf.mjs';
+export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ad as FilterChip, ae as FilterChips, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, ax as IconAliasName, aG as IconByName, bf as IconName, bm as IconProps, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, cb as Overline, cc as OverlineProps, cd as P, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cn as Range, co as RangeProps, cp as SearchGroup, cq as SearchGroupProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-DKT-82Lf.mjs';
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, ComponentPropsWithoutRef } from 'react';
 import '@radix-ui/react-dropdown-menu';
 
+/** Pure presentation slots: every product owns its links and authentication state. */
+declare function MarketingHeader({ brand, navigation, actions, className, ...props }: HTMLAttributes<HTMLElement> & {
+    brand: ReactNode;
+    navigation: ReactNode;
+    actions: ReactNode;
+}): react.JSX.Element;
+declare function MarketingLink({ variant, icon, sideIcon, children, className, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: "primary" | "secondary" | "accent";
+    icon?: ReactNode;
+    sideIcon?: ReactNode;
+}): react.JSX.Element;
+/** Keep animated artwork controllable without taking space away from the nav. */
+declare function MarketingMotionControl(): react.JSX.Element;
+/** Native scroll reveal; content remains visible when JavaScript is unavailable. */
+declare function MarketingReveal({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+declare function AiWritingIllustration({ title, prompt, before, after, }: {
+    title: string;
+    prompt: string;
+    before: string[];
+    after: string[];
+}): react.JSX.Element;
+declare function IntegrationBridgeIllustration({ appName, appIcon, recordLabel, calendar, }: {
+    appName: string;
+    appIcon: string;
+    recordLabel: string;
+    calendar?: boolean;
+}): react.JSX.Element;
+
 interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
     children: ReactNode;
     barProps?: Omit<FilterBarProps, "children">;
@@ -91,4 +120,4 @@ declare function DonutChart({ slices, label, formatValue, className }: DonutChar
 declare function BarChart({ items, formatValue, className }: BarChartProps): react.JSX.Element;
 declare function StackedBarChart({ slices, label, formatValue, className, }: StackedBarChartProps): react.JSX.Element;
 
-export { BarChart, type BarChartProps, type ChartSlice, type ChartTokens, CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, DonutChart, type DonutChartProps, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, ShowcaseWrapper, StackedBarChart, type StackedBarChartProps, useChartTokens };
+export { AiWritingIllustration, BarChart, type BarChartProps, type ChartSlice, type ChartTokens, CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, DonutChart, type DonutChartProps, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, IntegrationBridgeIllustration, MarketingHeader, MarketingLink, MarketingMotionControl, MarketingReveal, ShowcaseWrapper, StackedBarChart, type StackedBarChartProps, useChartTokens };

package/dist/ui.d.ts

@@ -1,9 +1,38 @@
-import { ac as FilterBarProps, af as FilterChipsProps } from './Chip-BzuNgJIa.js';
-export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ad as FilterChip, ae as FilterChips, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, ax as IconAliasName, aG as IconByName, bf as IconName, bm as IconProps, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, cb as Overline, cc as OverlineProps, cd as P, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cn as Range, co as RangeProps, cp as SearchGroup, cq as SearchGroupProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-BzuNgJIa.js';
+import { ac as FilterBarProps, af as FilterChipsProps } from './Chip-DKT-82Lf.js';
+export { A as Accordion, a as AccordionItem, b as AccordionProps, c as Alert, d as AlertProps, e as AlertStatus, f as AuthCard, g as AuthCardProps, h as AuthDivider, i as AuthDividerProps, j as AuthLayout, k as AuthLayoutProps, l as Avatar, m as AvatarGroup, n as AvatarGroupProps, o as AvatarProps, p as AvatarSize, q as AvatarStatus, B as Badge, r as BadgeProps, s as BadgeSize, t as BadgeVariant, u as Button, v as ButtonChrome, w as ButtonChromeProps, x as ButtonProps, y as ButtonShape, z as ButtonSize, C as ButtonVariant, E as Calendar, F as CalendarProps, G as CanonicalIconName, H as Caption, I as CaptionProps, J as Card, K as CardProps, L as CardVariant, M as Checkbox, N as CheckboxProps, O as Chip, P as ChipProps, Q as CommandItem, R as CommandPalette, S as CommandPaletteProps, T as Display, U as DisplayProps, V as Dot, W as DotProps, X as DropdownAlign, Y as DropdownButton, Z as DropdownButtonProps, _ as DropdownItem, $ as DropdownItemProps, a0 as DropdownMenu, a1 as DropdownMenuProps, a2 as DropdownRadioGroup, a3 as DropdownRadioGroupProps, a4 as DropdownRadioItem, a5 as DropdownRadioItemProps, a6 as DropdownSide, a7 as EmptyState, a8 as EmptyStateProps, a9 as FileUpload, aa as FileUploadProps, ab as FilterBar, ad as FilterChip, ae as FilterChips, ag as FilterMenu, ah as FilterMenuOption, ai as FilterMenuProps, aj as FormField, ak as FormFieldControlProps, al as FormFieldProps, am as H1, an as H1Props, ao as H2, ap as H2Props, aq as H3, ar as H3Props, as as H4, at as H4Props, au as H5, av as H5Props, aB as Icon, ax as IconAliasName, aG as IconByName, bf as IconName, bm as IconProps, bN as Input, bO as InputProps, bP as InputSize, bQ as InputVariant, bR as Kbd, bS as KbdPlatform, bT as KbdProps, bU as KbdVariant, bV as Label, bW as LabelProps, bX as Lead, bY as LeadProps, bZ as Link, b_ as LinkProps, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, c9 as MonoProps, cb as Overline, cc as OverlineProps, cd as P, cg as PProps, ch as Panel, ci as PanelProps, cj as Progress, ck as ProgressProps, cl as Radio, cm as RadioProps, cn as Range, co as RangeProps, cp as SearchGroup, cq as SearchGroupProps, cr as SearchInput, cs as SearchInputProps, ct as SectionTitle, cu as SectionTitleProps, cv as SegmentedControl, cw as SegmentedControlOption, cx as SegmentedControlProps, cy as Select, cz as SelectProps, cA as SettingsLayout, cB as SettingsLayoutProps, cC as SettingsNav, cD as SettingsNavGroup, cE as SettingsNavItem, cF as SettingsNavProps, cG as Skeleton, cH as SkeletonProps, cI as SkeletonShape, cJ as Small, cK as SmallProps, cL as SortMenu, cM as SortMenuProps, cN as Spinner, cO as SpinnerProps, cP as Stat, cQ as StatProps, cR as StatTone, cS as Table, cT as TableColumn, cU as TableProps, cV as TextBaseProps, cW as TextTone, cX as TextWeight, cY as Textarea, cZ as TextareaProps, c_ as ThemeDomSync, c$ as ThemeSwitcher, d0 as ThemeSwitcherProps, d1 as Toggle, d2 as ToggleProps, d3 as Tooltip, d4 as TooltipAlign, d5 as TooltipProps, d6 as TooltipProvider, d7 as TooltipProviderProps, d8 as TooltipSide } from './Chip-DKT-82Lf.js';
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, ComponentPropsWithoutRef } from 'react';
 import '@radix-ui/react-dropdown-menu';
 
+/** Pure presentation slots: every product owns its links and authentication state. */
+declare function MarketingHeader({ brand, navigation, actions, className, ...props }: HTMLAttributes<HTMLElement> & {
+    brand: ReactNode;
+    navigation: ReactNode;
+    actions: ReactNode;
+}): react.JSX.Element;
+declare function MarketingLink({ variant, icon, sideIcon, children, className, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & {
+    variant?: "primary" | "secondary" | "accent";
+    icon?: ReactNode;
+    sideIcon?: ReactNode;
+}): react.JSX.Element;
+/** Keep animated artwork controllable without taking space away from the nav. */
+declare function MarketingMotionControl(): react.JSX.Element;
+/** Native scroll reveal; content remains visible when JavaScript is unavailable. */
+declare function MarketingReveal({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+
+declare function AiWritingIllustration({ title, prompt, before, after, }: {
+    title: string;
+    prompt: string;
+    before: string[];
+    after: string[];
+}): react.JSX.Element;
+declare function IntegrationBridgeIllustration({ appName, appIcon, recordLabel, calendar, }: {
+    appName: string;
+    appIcon: string;
+    recordLabel: string;
+    calendar?: boolean;
+}): react.JSX.Element;
+
 interface FilterControlsProps extends ComponentPropsWithoutRef<"div"> {
     children: ReactNode;
     barProps?: Omit<FilterBarProps, "children">;
@@ -91,4 +120,4 @@ declare function DonutChart({ slices, label, formatValue, className }: DonutChar
 declare function BarChart({ items, formatValue, className }: BarChartProps): react.JSX.Element;
 declare function StackedBarChart({ slices, label, formatValue, className, }: StackedBarChartProps): react.JSX.Element;
 
-export { BarChart, type BarChartProps, type ChartSlice, type ChartTokens, CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, DonutChart, type DonutChartProps, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, ShowcaseWrapper, StackedBarChart, type StackedBarChartProps, useChartTokens };
+export { AiWritingIllustration, BarChart, type BarChartProps, type ChartSlice, type ChartTokens, CodeBlock, CollapsibleSection, type CollapsibleSectionProps, ComponentDocs, type ComponentDocsProps, type ComponentPropRow, DonutChart, type DonutChartProps, FilterBarProps, FilterChipsProps, FilterControls, type FilterControlsProps, IntegrationBridgeIllustration, MarketingHeader, MarketingLink, MarketingMotionControl, MarketingReveal, ShowcaseWrapper, StackedBarChart, type StackedBarChartProps, useChartTokens };