@xenide-io/the-old-ui-theme 0.5.2 → 0.5.3

package/dist/index.mjs

@@ -116,7 +116,7 @@ import {
   isThemeId,
   persistTheme,
   readStoredTheme
-} from "./chunk-RZXHZWUB.mjs";
+} from "./chunk-VFTZXPXM.mjs";
 import {
   ButtonChrome,
   CANONICAL_ICONS,

package/dist/suite.d.mts

@@ -4,7 +4,7 @@ import { ClassValue } from 'clsx';
 export { m } from 'motion/react';
 
 /**
- * Today page content wrapper with soft atmosphere.
+ * Today page content wrapper with a soft themed visual treatment.
  * Does not own scrolling — `#main-content` is the scrollport so sticky headers work.
  * Glow/clouds are absolute and do not create a nested scrollport.
  */
@@ -319,16 +319,17 @@ interface SuiteUserMenuProps {
     onSignOut: () => void;
     /** Fallback letter(s) when there is no avatar image. */
     fallbackInitials?: string;
+    /** Show the old desktop sidebar sign-out action beside the avatar. */
+    showSignOutAction?: boolean;
     dataTest?: string;
     className?: string;
 }
 /**
- * Suite account context menu — one tap on the avatar opens a small menu
- * with profile settings and sign out. Used in the mobile app bar of every
- * app so account actions behave identically across the suite (no dedicated
- * logout icon cluttering the mobile chrome).
+ * Suite account context menu — one tap on the avatar opens a small menu with
+ * profile settings and sign out. Desktop sidebars can also expose the legacy
+ * adjacent sign-out action without adding it to mobile chrome.
  */
-declare function SuiteUserMenu({ name, email, image, settingsHref, onSignOut, fallbackInitials, dataTest, className, }: SuiteUserMenuProps): react.JSX.Element;
+declare function SuiteUserMenu({ name, email, image, settingsHref, onSignOut, fallbackInitials, showSignOutAction, dataTest, className, }: SuiteUserMenuProps): react.JSX.Element;
 
 /** Any icon component that accepts sizing/stroke props (Lucide, theme icons). */
 type SuiteNavIcon = ComponentType<{
@@ -368,7 +369,7 @@ interface SuiteAppDefinition {
     slug: SuiteAppSlug;
     name: string;
     description: string;
-    /** Public asset path — every app hosts all four icons. */
+    /** Public asset path — every app hosts its suite icon. */
     icon: string;
     /** Landing route used after cross-app SSO redirect. */
     landing: string;
@@ -506,19 +507,20 @@ declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessa
  * colour like any lucide icon.
  */
 type SuiteGlyphElement = {
-    kind: 'path';
+    kind: "path";
     d: string;
     accent?: boolean;
     filled?: boolean;
+    transform?: string;
 } | {
-    kind: 'circle';
+    kind: "circle";
     cx: number;
     cy: number;
     r: number;
     accent?: boolean;
     filled?: boolean;
 } | {
-    kind: 'rect';
+    kind: "rect";
     x: number;
     y: number;
     width: number;
@@ -537,7 +539,7 @@ interface SuiteGlyph {
      */
     animatedAccent?: boolean;
 }
-type SuiteIconName = 'timer-shell' | 'kanban-wave' | 'squid-doc' | 'stack-hex' | 'crew-bot' | 'workspace' | 'organisation' | 'integration-plug' | 'suite-grid' | 'bell-wave' | 'today-sun';
+type SuiteIconName = "timer-shell" | "kanban-wave" | "squid-doc" | "stack-hex" | "crew-bot" | "nakama-fist" | "workspace" | "organisation" | "integration-plug" | "suite-grid" | "bell-wave" | "today-sun";
 declare const SUITE_GLYPHS: Record<SuiteIconName, SuiteGlyph>;
 declare const SUITE_ICON_NAMES: SuiteIconName[];
 
@@ -547,7 +549,7 @@ declare const SUITE_ICON_NAMES: SuiteIconName[];
  * `onTileAccent` drive `<SuiteAppIcon>` (the programmatic favicon-style
  * tile + glyph mark).
  */
-type SuiteAccentSlug = 'turtletime' | 'tides' | 'kraken' | 'shellstack' | 'crew' | 'nakama';
+type SuiteAccentSlug = "turtletime" | "tides" | "kraken" | "shellstack" | "crew" | "nakama";
 interface SuiteAppAccent {
     /** Display name (default aria label for app marks). */
     label: string;
@@ -618,12 +620,13 @@ declare const SIDEBAR_DEFAULT_WIDTH = 320;
  * Shared suite sidebar resizing: drag below the threshold to collapse,
  * drag the rail edge out to expand, and double-click to reset.
  */
-declare function useSidebarWidth(storageKey: string): {
+declare function useSidebarWidth(storageKey: string, defaultWidth?: number): {
     width: number;
     collapsed: boolean;
     setCollapsed: (value: boolean) => void;
     resetWidth: () => void;
     startResize: (event: PointerEvent<HTMLDivElement>) => void;
+    resizeBy: (delta: number) => void;
 };
 
 declare function cn(...inputs: ClassValue[]): string;
@@ -857,6 +860,8 @@ interface SuiteAppLayoutProps {
     lockMainScroll?: boolean;
     /** Drag this to resize the sidebar. */
     onStartResize?: (e: PointerEvent<HTMLDivElement>) => void;
+    /** Keyboard equivalent for the resize handle. */
+    onResizeBy?: (delta: number) => void;
     /** Double-click to reset sidebar width. */
     onResetWidth?: () => void;
     className?: string;
@@ -866,6 +871,6 @@ interface SuiteAppLayoutProps {
  * one `#main-content` landmark. Desktop: fixed sidebar + scrollable main.
  * Mobile: header + main + bottom nav.
  */
-declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
+declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
 
 export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, cn, getTodayGreeting, openSuiteAskAi, resolveSuiteNotificationHref, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };

package/dist/suite.d.ts

@@ -4,7 +4,7 @@ import { ClassValue } from 'clsx';
 export { m } from 'motion/react';
 
 /**
- * Today page content wrapper with soft atmosphere.
+ * Today page content wrapper with a soft themed visual treatment.
  * Does not own scrolling — `#main-content` is the scrollport so sticky headers work.
  * Glow/clouds are absolute and do not create a nested scrollport.
  */
@@ -319,16 +319,17 @@ interface SuiteUserMenuProps {
     onSignOut: () => void;
     /** Fallback letter(s) when there is no avatar image. */
     fallbackInitials?: string;
+    /** Show the old desktop sidebar sign-out action beside the avatar. */
+    showSignOutAction?: boolean;
     dataTest?: string;
     className?: string;
 }
 /**
- * Suite account context menu — one tap on the avatar opens a small menu
- * with profile settings and sign out. Used in the mobile app bar of every
- * app so account actions behave identically across the suite (no dedicated
- * logout icon cluttering the mobile chrome).
+ * Suite account context menu — one tap on the avatar opens a small menu with
+ * profile settings and sign out. Desktop sidebars can also expose the legacy
+ * adjacent sign-out action without adding it to mobile chrome.
  */
-declare function SuiteUserMenu({ name, email, image, settingsHref, onSignOut, fallbackInitials, dataTest, className, }: SuiteUserMenuProps): react.JSX.Element;
+declare function SuiteUserMenu({ name, email, image, settingsHref, onSignOut, fallbackInitials, showSignOutAction, dataTest, className, }: SuiteUserMenuProps): react.JSX.Element;
 
 /** Any icon component that accepts sizing/stroke props (Lucide, theme icons). */
 type SuiteNavIcon = ComponentType<{
@@ -368,7 +369,7 @@ interface SuiteAppDefinition {
     slug: SuiteAppSlug;
     name: string;
     description: string;
-    /** Public asset path — every app hosts all four icons. */
+    /** Public asset path — every app hosts its suite icon. */
     icon: string;
     /** Landing route used after cross-app SSO redirect. */
     landing: string;
@@ -506,19 +507,20 @@ declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessa
  * colour like any lucide icon.
  */
 type SuiteGlyphElement = {
-    kind: 'path';
+    kind: "path";
     d: string;
     accent?: boolean;
     filled?: boolean;
+    transform?: string;
 } | {
-    kind: 'circle';
+    kind: "circle";
     cx: number;
     cy: number;
     r: number;
     accent?: boolean;
     filled?: boolean;
 } | {
-    kind: 'rect';
+    kind: "rect";
     x: number;
     y: number;
     width: number;
@@ -537,7 +539,7 @@ interface SuiteGlyph {
      */
     animatedAccent?: boolean;
 }
-type SuiteIconName = 'timer-shell' | 'kanban-wave' | 'squid-doc' | 'stack-hex' | 'crew-bot' | 'workspace' | 'organisation' | 'integration-plug' | 'suite-grid' | 'bell-wave' | 'today-sun';
+type SuiteIconName = "timer-shell" | "kanban-wave" | "squid-doc" | "stack-hex" | "crew-bot" | "nakama-fist" | "workspace" | "organisation" | "integration-plug" | "suite-grid" | "bell-wave" | "today-sun";
 declare const SUITE_GLYPHS: Record<SuiteIconName, SuiteGlyph>;
 declare const SUITE_ICON_NAMES: SuiteIconName[];
 
@@ -547,7 +549,7 @@ declare const SUITE_ICON_NAMES: SuiteIconName[];
  * `onTileAccent` drive `<SuiteAppIcon>` (the programmatic favicon-style
  * tile + glyph mark).
  */
-type SuiteAccentSlug = 'turtletime' | 'tides' | 'kraken' | 'shellstack' | 'crew' | 'nakama';
+type SuiteAccentSlug = "turtletime" | "tides" | "kraken" | "shellstack" | "crew" | "nakama";
 interface SuiteAppAccent {
     /** Display name (default aria label for app marks). */
     label: string;
@@ -618,12 +620,13 @@ declare const SIDEBAR_DEFAULT_WIDTH = 320;
  * Shared suite sidebar resizing: drag below the threshold to collapse,
  * drag the rail edge out to expand, and double-click to reset.
  */
-declare function useSidebarWidth(storageKey: string): {
+declare function useSidebarWidth(storageKey: string, defaultWidth?: number): {
     width: number;
     collapsed: boolean;
     setCollapsed: (value: boolean) => void;
     resetWidth: () => void;
     startResize: (event: PointerEvent<HTMLDivElement>) => void;
+    resizeBy: (delta: number) => void;
 };
 
 declare function cn(...inputs: ClassValue[]): string;
@@ -857,6 +860,8 @@ interface SuiteAppLayoutProps {
     lockMainScroll?: boolean;
     /** Drag this to resize the sidebar. */
     onStartResize?: (e: PointerEvent<HTMLDivElement>) => void;
+    /** Keyboard equivalent for the resize handle. */
+    onResizeBy?: (delta: number) => void;
     /** Double-click to reset sidebar width. */
     onResetWidth?: () => void;
     className?: string;
@@ -866,6 +871,6 @@ interface SuiteAppLayoutProps {
  * one `#main-content` landmark. Desktop: fixed sidebar + scrollable main.
  * Mobile: header + main + bottom nav.
  */
-declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
+declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
 
 export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_OPEN_ASK_AI_EVENT, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, cn, getTodayGreeting, openSuiteAskAi, resolveSuiteNotificationHref, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };