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

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 (126) hide show
  1. package/README.md +1 -1
  2. package/dist/chunk-FDMD3IIN.mjs +3831 -0
  3. package/dist/index-D1RTT2Ap.d.mts +1044 -0
  4. package/dist/index-D1RTT2Ap.d.ts +1044 -0
  5. package/dist/index.d.mts +11 -758
  6. package/dist/index.d.ts +11 -758
  7. package/dist/index.js +1749 -768
  8. package/dist/index.mjs +312 -2846
  9. package/dist/tailwind-preset.js +7 -0
  10. package/dist/tailwind-preset.mjs +7 -0
  11. package/dist/ui.d.mts +4 -0
  12. package/dist/ui.d.ts +4 -0
  13. package/dist/ui.js +3864 -0
  14. package/dist/ui.mjs +169 -0
  15. package/package.json +28 -6
  16. package/src/app/globals.css +1005 -227
  17. package/src/components/charts/index.ts +8 -0
  18. package/src/components/charts/ph-insight-charts.tsx +162 -0
  19. package/src/components/dashboard/DashboardFiltersBar.tsx +19 -0
  20. package/src/components/dashboard/DashboardGrid.tsx +23 -0
  21. package/src/components/dashboard/DashboardInsightPlaceholder.tsx +37 -0
  22. package/src/components/dashboard/DashboardKpiCard.tsx +25 -0
  23. package/src/components/dashboard/DashboardToolbar.tsx +23 -0
  24. package/src/components/dashboard/DashboardWell.tsx +10 -0
  25. package/src/components/dashboard/InsightMiniCard.tsx +26 -0
  26. package/src/components/dashboard/InsightShell.tsx +37 -0
  27. package/src/components/dashboard/InsightShellHeader.tsx +22 -0
  28. package/src/components/dashboard/MiniTrendBars.tsx +51 -0
  29. package/src/components/dashboard/index.ts +31 -0
  30. package/src/components/dashboard/types.ts +9 -0
  31. package/src/components/icons/IconBase.tsx +47 -0
  32. package/src/components/icons/createIconBase.tsx +32 -0
  33. package/src/components/icons/icons.tsx +557 -0
  34. package/src/components/icons/index.ts +3 -0
  35. package/src/components/sections/AccordionShowcase.tsx +45 -0
  36. package/src/components/sections/AlertShowcase.tsx +40 -0
  37. package/src/components/sections/AvatarShowcase.tsx +80 -0
  38. package/src/components/sections/BadgeShowcase.tsx +65 -0
  39. package/src/components/sections/ButtonShowcase.tsx +308 -0
  40. package/src/components/sections/CalendarShowcase.tsx +35 -0
  41. package/src/components/sections/CardShowcase.tsx +159 -0
  42. package/src/components/sections/ChartShowcase.tsx +190 -0
  43. package/src/components/sections/CodeMockupShowcase.tsx +56 -0
  44. package/src/components/sections/ColorPalette.tsx +117 -0
  45. package/src/components/sections/CommandPaletteShowcase.tsx +48 -0
  46. package/src/components/sections/CountdownShowcase.tsx +43 -0
  47. package/src/components/sections/DashboardShowcase.tsx +191 -0
  48. package/src/components/sections/DiffShowcase.tsx +70 -0
  49. package/src/components/sections/DrawerShowcase.tsx +97 -0
  50. package/src/components/sections/DropdownShowcase.tsx +98 -0
  51. package/src/components/sections/EmptyStateShowcase.tsx +50 -0
  52. package/src/components/sections/FilterChipsShowcase.tsx +98 -0
  53. package/src/components/sections/FormShowcase.tsx +127 -0
  54. package/src/components/sections/HoverCardShowcase.tsx +50 -0
  55. package/src/components/sections/IconShowcase.tsx +127 -0
  56. package/src/components/sections/IndicatorShowcase.tsx +52 -0
  57. package/src/components/sections/KbdShowcase.tsx +57 -0
  58. package/src/components/sections/ModalShowcase.tsx +211 -0
  59. package/src/components/sections/NavigationShowcase.tsx +199 -0
  60. package/src/components/sections/ProductLayoutsShowcase.tsx +138 -0
  61. package/src/components/sections/ProgressShowcase.tsx +82 -0
  62. package/src/components/sections/SegmentedControlShowcase.tsx +49 -0
  63. package/src/components/sections/SetupThemeShowcase.tsx +262 -0
  64. package/src/components/sections/StackShowcase.tsx +33 -0
  65. package/src/components/sections/StatShowcase.tsx +129 -0
  66. package/src/components/sections/StepperShowcase.tsx +37 -0
  67. package/src/components/sections/SwapShowcase.tsx +99 -0
  68. package/src/components/sections/TabShowcase.tsx +84 -0
  69. package/src/components/sections/TableShowcase.tsx +140 -0
  70. package/src/components/sections/TimelineShowcase.tsx +83 -0
  71. package/src/components/sections/ToastShowcase.tsx +108 -0
  72. package/src/components/sections/TooltipShowcase.tsx +44 -0
  73. package/src/components/sections/UtilityShowcase.tsx +81 -0
  74. package/src/components/ui/Accordion.tsx +77 -0
  75. package/src/components/ui/Alert.tsx +77 -0
  76. package/src/components/ui/AuthLayout.tsx +58 -0
  77. package/src/components/ui/Avatar.tsx +97 -0
  78. package/src/components/ui/Badge.tsx +60 -0
  79. package/src/components/ui/Button.tsx +120 -0
  80. package/src/components/ui/ButtonChrome.tsx +20 -0
  81. package/src/components/ui/Calendar.tsx +115 -0
  82. package/src/components/ui/Card.tsx +70 -0
  83. package/src/components/ui/ChatBubble.tsx +71 -0
  84. package/src/components/ui/CodeBlock.tsx +48 -0
  85. package/src/components/ui/CollapsibleSection.tsx +49 -0
  86. package/src/components/ui/CommandPalette.tsx +137 -0
  87. package/src/components/ui/ComponentDocs.tsx +52 -0
  88. package/src/components/ui/Drawer.tsx +71 -0
  89. package/src/components/ui/DropdownMenu.tsx +262 -0
  90. package/src/components/ui/EmptyState.tsx +33 -0
  91. package/src/components/ui/FilterBar.tsx +165 -0
  92. package/src/components/ui/FilterChips.tsx +80 -0
  93. package/src/components/ui/FilterControls.tsx +30 -0
  94. package/src/components/ui/FormField.tsx +69 -0
  95. package/src/components/ui/HoverCard.tsx +36 -0
  96. package/src/components/ui/Indicator.tsx +61 -0
  97. package/src/components/ui/Input.tsx +385 -0
  98. package/src/components/ui/Kbd.tsx +113 -0
  99. package/src/components/ui/Loader.tsx +96 -0
  100. package/src/components/ui/Modal.tsx +105 -0
  101. package/src/components/ui/Navigation.tsx +94 -0
  102. package/src/components/ui/Panel.tsx +18 -0
  103. package/src/components/ui/Progress.tsx +59 -0
  104. package/src/components/ui/Rating.tsx +65 -0
  105. package/src/components/ui/SearchInput.tsx +106 -0
  106. package/src/components/ui/SegmentedControl.tsx +44 -0
  107. package/src/components/ui/SettingsLayout.tsx +94 -0
  108. package/src/components/ui/ShowcaseWrapper.tsx +124 -0
  109. package/src/components/ui/Stat.tsx +39 -0
  110. package/src/components/ui/Stepper.tsx +74 -0
  111. package/src/components/ui/Table.tsx +55 -0
  112. package/src/components/ui/Tabs.tsx +53 -0
  113. package/src/components/ui/Terminal.tsx +54 -0
  114. package/src/components/ui/ThemeDomSync.tsx +17 -0
  115. package/src/components/ui/ThemeManager.tsx +18 -0
  116. package/src/components/ui/ThemeSwitcher.tsx +46 -0
  117. package/src/components/ui/Timeline.tsx +60 -0
  118. package/src/components/ui/Toast.tsx +70 -0
  119. package/src/components/ui/Typography.tsx +129 -0
  120. package/src/components/ui/first-slice.test.tsx +98 -0
  121. package/src/components/ui/index.ts +151 -0
  122. package/src/components/ui/interaction-primitives.test.tsx +77 -0
  123. package/src/components/ui/kbd-icons.test.tsx +90 -0
  124. package/src/components/ui/product-patterns.test.tsx +77 -0
  125. package/src/styles/themes.css +528 -0
  126. package/tailwind-preset.ts +7 -0
@@ -56,9 +56,13 @@ var posthogThemePreset = {
56
56
  ph: {
57
57
  canvas: "var(--ph-canvas)",
58
58
  surface: "var(--ph-surface)",
59
+ inset: "var(--ph-surface-inset)",
60
+ raised: "var(--ph-surface-raised)",
61
+ overlay: "var(--ph-surface-overlay)",
59
62
  muted: "var(--ph-muted)",
60
63
  toolbar: "var(--ph-toolbar)",
61
64
  border: "var(--ph-border)",
65
+ "border-subtle": "var(--ph-border-subtle)",
62
66
  strong: "var(--ph-border-strong)",
63
67
  ink: "var(--ph-text-primary)",
64
68
  subtle: "var(--ph-text-secondary)",
@@ -72,6 +76,9 @@ var posthogThemePreset = {
72
76
  warning: "var(--ph-warning)",
73
77
  danger: "var(--ph-danger)",
74
78
  info: "var(--ph-info)",
79
+ selected: "var(--ph-selected-bg)",
80
+ "selected-ink": "var(--ph-selected-text)",
81
+ focus: "var(--ph-focus-ring)",
75
82
  "btn-primary-face": "var(--ph-primary-button-face)",
76
83
  "btn-primary-border": "var(--ph-primary-button-border)",
77
84
  "btn-primary-frame": "var(--ph-primary-frame-bg)",
@@ -34,9 +34,13 @@ var posthogThemePreset = {
34
34
  ph: {
35
35
  canvas: "var(--ph-canvas)",
36
36
  surface: "var(--ph-surface)",
37
+ inset: "var(--ph-surface-inset)",
38
+ raised: "var(--ph-surface-raised)",
39
+ overlay: "var(--ph-surface-overlay)",
37
40
  muted: "var(--ph-muted)",
38
41
  toolbar: "var(--ph-toolbar)",
39
42
  border: "var(--ph-border)",
43
+ "border-subtle": "var(--ph-border-subtle)",
40
44
  strong: "var(--ph-border-strong)",
41
45
  ink: "var(--ph-text-primary)",
42
46
  subtle: "var(--ph-text-secondary)",
@@ -50,6 +54,9 @@ var posthogThemePreset = {
50
54
  warning: "var(--ph-warning)",
51
55
  danger: "var(--ph-danger)",
52
56
  info: "var(--ph-info)",
57
+ selected: "var(--ph-selected-bg)",
58
+ "selected-ink": "var(--ph-selected-text)",
59
+ focus: "var(--ph-focus-ring)",
53
60
  "btn-primary-face": "var(--ph-primary-button-face)",
54
61
  "btn-primary-border": "var(--ph-primary-button-border)",
55
62
  "btn-primary-frame": "var(--ph-primary-frame-bg)",
package/dist/ui.d.mts ADDED
@@ -0,0 +1,4 @@
1
+ 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';
2
+ import 'react';
3
+ import 'react/jsx-runtime';
4
+ import '@radix-ui/react-dropdown-menu';
package/dist/ui.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ 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';
2
+ import 'react';
3
+ import 'react/jsx-runtime';
4
+ import '@radix-ui/react-dropdown-menu';