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

package/dist/index.mjs

@@ -1,12 +1,16 @@
 import {
   Accordion,
   Alert,
+  AuthCard,
+  AuthDivider,
+  AuthLayout,
   Avatar,
   AvatarGroup,
   Badge,
   Breadcrumbs,
   Button,
   ButtonChrome,
+  CANONICAL_ICONS,
   Calendar,
   Caption,
   Card,
@@ -22,9 +26,15 @@ import {
   DropdownButton,
   DropdownItem,
   DropdownMenu,
+  DropdownRadioGroup,
+  DropdownRadioItem,
   EmptyState,
   FileUpload,
+  FilterBar,
   FilterChips,
+  FilterControls,
+  FilterMenu,
+  FormField,
   H1,
   H2,
   H3,
@@ -49,14 +59,20 @@ import {
   IconChevronRight,
   IconClipboardEdit,
   IconClose,
+  IconCodePreview,
   IconCohort,
+  IconCommandCursor,
   IconCopy,
   IconCumulativeChart,
+  IconDataReel,
   IconDatabase,
   IconDownload,
   IconEdit,
   IconErrorOutline,
+  IconEventStream,
   IconExclamation,
+  IconExperimentSplit,
+  IconFeatureGate,
   IconFlag,
   IconFlare,
   IconFlask,
@@ -64,19 +80,24 @@ import {
   IconGridView,
   IconHandClick,
   IconHome,
+  IconInfo,
+  IconInsightBoard,
   IconLayers,
   IconListView,
   IconLogout,
   IconMail,
   IconMoon,
+  IconOldWindow,
   IconPanelRight,
   IconPerson,
   IconPlayCircle,
   IconPlus,
   IconPremium,
   IconQueryEditor,
+  IconQueryStack,
   IconRadar,
   IconRecording,
+  IconReplayFrame,
   IconRobot,
   IconRocket,
   IconSave,
@@ -87,6 +108,7 @@ import {
   IconStar,
   IconSubArrowRight,
   IconSun,
+  IconSurveyCard,
   IconSurveys,
   IconSync,
   IconTableChart,
@@ -102,11 +124,15 @@ import {
   Kbd,
   Label,
   Lead,
+  Loader,
+  LoadingState,
   Modal,
   Mono,
+  OLD_UI_ICONS,
   Overline,
   P,
   PH_ICONS,
+  PH_ICON_ALIASES,
   Pagination,
   Panel,
   Progress,
@@ -117,8 +143,12 @@ import {
   SearchInput,
   SegmentedControl,
   Select,
+  SettingsLayout,
+  SettingsNav,
   ShowcaseWrapper,
+  Skeleton,
   Small,
+  SortMenu,
   Stat,
   Stepper,
   THEMES,
@@ -142,7 +172,7 @@ import {
   isThemeId,
   persistTheme,
   readStoredTheme
-} from "./chunk-SHF57J7U.mjs";
+} from "./chunk-FDMD3IIN.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -1221,12 +1251,16 @@ function InsightMiniCard(_a) {
 export {
   Accordion,
   Alert,
+  AuthCard,
+  AuthDivider,
+  AuthLayout,
   Avatar,
   AvatarGroup,
   Badge,
   Breadcrumbs,
   Button,
   ButtonChrome,
+  CANONICAL_ICONS,
   Calendar,
   Caption,
   Card,
@@ -1248,9 +1282,15 @@ export {
   DropdownButton,
   DropdownItem,
   DropdownMenu,
+  DropdownRadioGroup,
+  DropdownRadioItem,
   EmptyState,
   FileUpload,
+  FilterBar,
   FilterChips,
+  FilterControls,
+  FilterMenu,
+  FormField,
   H1,
   H2,
   H3,
@@ -1277,14 +1317,20 @@ export {
   IconChevronRight,
   IconClipboardEdit,
   IconClose,
+  IconCodePreview,
   IconCohort,
+  IconCommandCursor,
   IconCopy,
   IconCumulativeChart,
+  IconDataReel,
   IconDatabase,
   IconDownload,
   IconEdit,
   IconErrorOutline,
+  IconEventStream,
   IconExclamation,
+  IconExperimentSplit,
+  IconFeatureGate,
   IconFlag,
   IconFlare,
   IconFlask,
@@ -1292,19 +1338,24 @@ export {
   IconGridView,
   IconHandClick,
   IconHome,
+  IconInfo,
+  IconInsightBoard,
   IconLayers,
   IconListView,
   IconLogout,
   IconMail,
   IconMoon,
+  IconOldWindow,
   IconPanelRight,
   IconPerson,
   IconPlayCircle,
   IconPlus,
   IconPremium,
   IconQueryEditor,
+  IconQueryStack,
   IconRadar,
   IconRecording,
+  IconReplayFrame,
   IconRobot,
   IconRocket,
   IconSave,
@@ -1315,6 +1366,7 @@ export {
   IconStar,
   IconSubArrowRight,
   IconSun,
+  IconSurveyCard,
   IconSurveys,
   IconSync,
   IconTableChart,
@@ -1338,12 +1390,16 @@ export {
   Kbd,
   Label,
   Lead,
+  Loader,
+  LoadingState,
   MiniTrendBars,
   Modal,
   Mono,
+  OLD_UI_ICONS,
   Overline,
   P,
   PH_ICONS,
+  PH_ICON_ALIASES,
   Pagination,
   Panel,
   Progress,
@@ -1354,8 +1410,12 @@ export {
   SearchInput,
   SegmentedControl,
   Select,
+  SettingsLayout,
+  SettingsNav,
   ShowcaseWrapper,
+  Skeleton,
   Small,
+  SortMenu,
   Stat,
   Stepper,
   THEMES,

package/dist/tailwind-preset.js

@@ -56,9 +56,13 @@ var posthogThemePreset = {
         ph: {
           canvas: "var(--ph-canvas)",
           surface: "var(--ph-surface)",
+          inset: "var(--ph-surface-inset)",
+          raised: "var(--ph-surface-raised)",
+          overlay: "var(--ph-surface-overlay)",
           muted: "var(--ph-muted)",
           toolbar: "var(--ph-toolbar)",
           border: "var(--ph-border)",
+          "border-subtle": "var(--ph-border-subtle)",
           strong: "var(--ph-border-strong)",
           ink: "var(--ph-text-primary)",
           subtle: "var(--ph-text-secondary)",
@@ -72,6 +76,9 @@ var posthogThemePreset = {
           warning: "var(--ph-warning)",
           danger: "var(--ph-danger)",
           info: "var(--ph-info)",
+          selected: "var(--ph-selected-bg)",
+          "selected-ink": "var(--ph-selected-text)",
+          focus: "var(--ph-focus-ring)",
           "btn-primary-face": "var(--ph-primary-button-face)",
           "btn-primary-border": "var(--ph-primary-button-border)",
           "btn-primary-frame": "var(--ph-primary-frame-bg)",

package/dist/tailwind-preset.mjs

@@ -34,9 +34,13 @@ var posthogThemePreset = {
         ph: {
           canvas: "var(--ph-canvas)",
           surface: "var(--ph-surface)",
+          inset: "var(--ph-surface-inset)",
+          raised: "var(--ph-surface-raised)",
+          overlay: "var(--ph-surface-overlay)",
           muted: "var(--ph-muted)",
           toolbar: "var(--ph-toolbar)",
           border: "var(--ph-border)",
+          "border-subtle": "var(--ph-border-subtle)",
           strong: "var(--ph-border-strong)",
           ink: "var(--ph-text-primary)",
           subtle: "var(--ph-text-secondary)",
@@ -50,6 +54,9 @@ var posthogThemePreset = {
           warning: "var(--ph-warning)",
           danger: "var(--ph-danger)",
           info: "var(--ph-info)",
+          selected: "var(--ph-selected-bg)",
+          "selected-ink": "var(--ph-selected-text)",
+          focus: "var(--ph-focus-ring)",
           "btn-primary-face": "var(--ph-primary-button-face)",
           "btn-primary-border": "var(--ph-primary-button-border)",
           "btn-primary-frame": "var(--ph-primary-frame-bg)",

package/dist/ui.d.mts

@@ -1,3 +1,4 @@
-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, ag as IconByName, aJ as IconName, aP as IconProps, 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, 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';
-import 'react/jsx-runtime';
+export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as BreadcrumbItem, t as Breadcrumbs, u as BreadcrumbsProps, v as Button, w as ButtonChrome, x as ButtonChromeProps, y as ButtonProps, z as ButtonShape, C as ButtonSize, D as ButtonVariant, F as Calendar, G as CanonicalIconName, H as Caption, I as Card, J as CardProps, K as CardVariant, L as ChatBubble, M as ChatBubbleProps, N as ChatBubbleVariant, O as Checkbox, P as CheckboxProps, Q as CodeBlock, R as CollapsibleSection, S as CommandPalette, T as ComponentDocs, U as ComponentDocsProps, V as ComponentPropRow, W as Display, X as Drawer, Y as DrawerProps, Z as DrawerSide, _ as DrawerSize, $ as DropdownAlign, a0 as DropdownButton, a1 as DropdownButtonProps, a2 as DropdownItem, a3 as DropdownItemProps, a4 as DropdownMenu, a5 as DropdownMenuProps, a6 as DropdownRadioGroup, a7 as DropdownRadioGroupProps, a8 as DropdownRadioItem, a9 as DropdownRadioItemProps, aa as DropdownSide, ab as EmptyState, ac as FileUpload, ad as FileUploadProps, ae as FilterBar, af as FilterBarProps, ag as FilterChip, ah as FilterChips, ai as FilterChipsProps, aj as FilterControls, ak as FilterControlsProps, al as FilterMenu, am as FilterMenuOption, an as FilterMenuProps, ao as FormField, ap as FormFieldControlProps, aq as FormFieldProps, ar as H1, as as H2, at as H3, au as H4, av as H5, aw as HoverCard, aC as Icon, ay as IconAliasName, aH as IconByName, bg as IconName, bn as IconProps, bO as Indicator, bP as IndicatorPosition, bQ as IndicatorProps, bR as Input, bS as InputProps, bT as InputSize, bU as InputVariant, bV as Kbd, bW as KbdPlatform, bX as KbdProps, bY as KbdVariant, bZ as Label, b_ as Lead, 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, ca as Overline, cb as P, ce as Pagination, cf as PaginationProps, cg as Panel, ch as PanelProps, ci as Progress, cj as ProgressProps, ck as Radio, cl as RadioProps, cm as Range, cn as RangeProps, co as Rating, cp as RatingProps, cq as SearchGroup, cr as SearchGroupProps, cs as SearchInput, ct as SearchInputProps, cu as SegmentedControl, cv as Select, cw as SelectProps, cx as SettingsLayout, cy as SettingsLayoutProps, cz as SettingsNav, cA as SettingsNavGroup, cB as SettingsNavItem, cC as SettingsNavProps, cD as ShowcaseWrapper, cE as Skeleton, cF as SkeletonProps, cG as SkeletonShape, cH as Small, cI as SortMenu, cJ as SortMenuProps, cK as Stat, cL as StatProps, cM as StatTone, cN as Stepper, cO as TabItem, cP as Table, cQ as TableColumn, cR as TableProps, cS as Tabs, cT as TabsProps, cU as TabsVariant, cV as Terminal, cW as TerminalProps, cX as Textarea, cY as TextareaProps, cZ as ThemeDomSync, c_ as ThemeManager, c$ as ThemeManagerProps, d0 as ThemeSwitcher, d1 as ThemeSwitcherProps, d2 as Timeline, d3 as TimelineEvent, d4 as TimelineProps, d5 as Toast, d6 as ToastProps, d7 as ToastStack, d8 as ToastStackProps, d9 as ToastStatus, da as Toggle, db as ToggleProps } from './index-D1RTT2Ap.mjs';
 import 'react';
+import 'react/jsx-runtime';
+import '@radix-ui/react-dropdown-menu';

package/dist/ui.d.ts

@@ -1,3 +1,4 @@
-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, ag as IconByName, aJ as IconName, aP as IconProps, 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, bu as Pagination, bv as PaginationProps, bw as Panel, bx as PanelProps, by as Progress, bz as ProgressProps, bA as Radio, bB as RadioProps, bC as Range, bD as RangeProps, bE as Rating, bF as RatingProps, bG as SearchGroup, bH as SearchGroupProps, bI as SearchInput, bJ as SearchInputProps, bK as SegmentedControl, bL as Select, bM as SelectProps, bN as ShowcaseWrapper, bO as Small, bP as Stat, bQ as StatProps, bR as StatTone, bS as Stepper, bT as TabItem, bU as Table, bV as TableColumn, bW as TableProps, bX as Tabs, bY as TabsProps, bZ as TabsVariant, b_ as Terminal, b$ as TerminalProps, c0 as Textarea, c1 as TextareaProps, c2 as ThemeDomSync, c3 as ThemeManager, c4 as ThemeManagerProps, c5 as ThemeSwitcher, c6 as ThemeSwitcherProps, c7 as Timeline, c8 as TimelineEvent, c9 as TimelineProps, ca as Toast, cb as ToastProps, cc as ToastStack, cd as ToastStackProps, ce as ToastStatus, cf as Toggle, cg as ToggleProps } from './index-CmS6hcUk.js';
-import 'react/jsx-runtime';
+export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as BreadcrumbItem, t as Breadcrumbs, u as BreadcrumbsProps, v as Button, w as ButtonChrome, x as ButtonChromeProps, y as ButtonProps, z as ButtonShape, C as ButtonSize, D as ButtonVariant, F as Calendar, G as CanonicalIconName, H as Caption, I as Card, J as CardProps, K as CardVariant, L as ChatBubble, M as ChatBubbleProps, N as ChatBubbleVariant, O as Checkbox, P as CheckboxProps, Q as CodeBlock, R as CollapsibleSection, S as CommandPalette, T as ComponentDocs, U as ComponentDocsProps, V as ComponentPropRow, W as Display, X as Drawer, Y as DrawerProps, Z as DrawerSide, _ as DrawerSize, $ as DropdownAlign, a0 as DropdownButton, a1 as DropdownButtonProps, a2 as DropdownItem, a3 as DropdownItemProps, a4 as DropdownMenu, a5 as DropdownMenuProps, a6 as DropdownRadioGroup, a7 as DropdownRadioGroupProps, a8 as DropdownRadioItem, a9 as DropdownRadioItemProps, aa as DropdownSide, ab as EmptyState, ac as FileUpload, ad as FileUploadProps, ae as FilterBar, af as FilterBarProps, ag as FilterChip, ah as FilterChips, ai as FilterChipsProps, aj as FilterControls, ak as FilterControlsProps, al as FilterMenu, am as FilterMenuOption, an as FilterMenuProps, ao as FormField, ap as FormFieldControlProps, aq as FormFieldProps, ar as H1, as as H2, at as H3, au as H4, av as H5, aw as HoverCard, aC as Icon, ay as IconAliasName, aH as IconByName, bg as IconName, bn as IconProps, bO as Indicator, bP as IndicatorPosition, bQ as IndicatorProps, bR as Input, bS as InputProps, bT as InputSize, bU as InputVariant, bV as Kbd, bW as KbdPlatform, bX as KbdProps, bY as KbdVariant, bZ as Label, b_ as Lead, 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, ca as Overline, cb as P, ce as Pagination, cf as PaginationProps, cg as Panel, ch as PanelProps, ci as Progress, cj as ProgressProps, ck as Radio, cl as RadioProps, cm as Range, cn as RangeProps, co as Rating, cp as RatingProps, cq as SearchGroup, cr as SearchGroupProps, cs as SearchInput, ct as SearchInputProps, cu as SegmentedControl, cv as Select, cw as SelectProps, cx as SettingsLayout, cy as SettingsLayoutProps, cz as SettingsNav, cA as SettingsNavGroup, cB as SettingsNavItem, cC as SettingsNavProps, cD as ShowcaseWrapper, cE as Skeleton, cF as SkeletonProps, cG as SkeletonShape, cH as Small, cI as SortMenu, cJ as SortMenuProps, cK as Stat, cL as StatProps, cM as StatTone, cN as Stepper, cO as TabItem, cP as Table, cQ as TableColumn, cR as TableProps, cS as Tabs, cT as TabsProps, cU as TabsVariant, cV as Terminal, cW as TerminalProps, cX as Textarea, cY as TextareaProps, cZ as ThemeDomSync, c_ as ThemeManager, c$ as ThemeManagerProps, d0 as ThemeSwitcher, d1 as ThemeSwitcherProps, d2 as Timeline, d3 as TimelineEvent, d4 as TimelineProps, d5 as Toast, d6 as ToastProps, d7 as ToastStack, d8 as ToastStackProps, d9 as ToastStatus, da as Toggle, db as ToggleProps } from './index-D1RTT2Ap.js';
 import 'react';
+import 'react/jsx-runtime';
+import '@radix-ui/react-dropdown-menu';