@e-burgos/tucu-ui 2.0.7 → 2.0.9

package/components/macos/sonoma/containers/widget.d.ts

@@ -0,0 +1,17 @@
+export type MacOSWidgetSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface MacOSWidgetProps {
+    size?: MacOSWidgetSize;
+    children: React.ReactNode;
+    className?: string;
+    glass?: boolean;
+}
+export interface MacOSWidgetHeaderProps {
+    title: string;
+    subtitle?: string;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+    className?: string;
+}
+export declare function MacOSWidget({ size, children, className, glass, }: MacOSWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function MacOSWidgetHeader({ title, subtitle, icon, actions, className, }: MacOSWidgetHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSWidget;

package/components/macos/sonoma/containers/window.d.ts

@@ -0,0 +1,26 @@
+export interface MacOSWindowProps {
+    title?: string;
+    children: React.ReactNode;
+    className?: string;
+    titleBarClassName?: string;
+    showTrafficLights?: boolean;
+    trafficLightsPosition?: 'left' | 'right';
+    actions?: React.ReactNode;
+    /** Allow drag-moving by the title bar (default: true) */
+    draggable?: boolean;
+    /** Allow resizing from edges/corners (default: true) */
+    resizable?: boolean;
+    /** Initial width */
+    defaultWidth?: number | string;
+    /** Initial height */
+    defaultHeight?: number | string;
+    /** Minimum width in px (default: 200) */
+    minWidth?: number;
+    /** Minimum height in px (default: 120) */
+    minHeight?: number;
+    onClose?: () => void;
+    onMinimize?: () => void;
+    onMaximize?: () => void;
+}
+export declare function MacOSWindow({ title, children, className, titleBarClassName, showTrafficLights, trafficLightsPosition, actions, draggable, resizable, defaultWidth, defaultHeight, minWidth, minHeight, onClose, onMinimize, onMaximize, }: MacOSWindowProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSWindow;

package/components/macos/sonoma/controls/search-bar.d.ts

@@ -0,0 +1,12 @@
+export interface MacOSSearchBarProps {
+    value?: string;
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    autoFocus?: boolean;
+    className?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    onSubmit?: (value: string) => void;
+}
+export declare function MacOSSearchBar({ value, placeholder, size, autoFocus, className, onChange, onClear, onSubmit, }: MacOSSearchBarProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSSearchBar;

package/components/macos/sonoma/controls/segmented-control.d.ts

@@ -0,0 +1,16 @@
+export interface MacOSSegmentOption<T extends string = string> {
+    value: T;
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface MacOSSegmentedControlProps<T extends string = string> {
+    options: MacOSSegmentOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare function MacOSSegmentedControl<T extends string = string>({ options, value, onChange, size, fullWidth, className, }: MacOSSegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export default MacOSSegmentedControl;

package/components/macos/sonoma/controls/types.d.ts

@@ -0,0 +1,10 @@
+export interface MacOSToolbarProps {
+    title?: string;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    center?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    transparent?: boolean;
+    bordered?: boolean;
+}

package/components/macos/sonoma/feedback/command-palette.d.ts

@@ -0,0 +1,20 @@
+export interface MacOSCommandPaletteItem {
+    id: string;
+    label: string;
+    description?: string;
+    shortcut?: string[];
+    group?: string;
+    icon?: React.ReactNode;
+    onSelect: () => void;
+}
+export interface MacOSCommandPaletteProps {
+    items: MacOSCommandPaletteItem[];
+    placeholder?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Keyboard shortcut to toggle palette. Default: Meta+K (Cmd+K) */
+    triggerKey?: string;
+    className?: string;
+}
+export declare function MacOSCommandPalette({ items, placeholder, open: controlledOpen, onOpenChange, triggerKey, className, }: MacOSCommandPaletteProps): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSCommandPalette;

package/components/macos/sonoma/feedback/macos-sonoma-toast.d.ts

@@ -0,0 +1,2 @@
+export declare function MacOSSonomaToast(): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSSonomaToast;

package/components/macos/sonoma/feedback/notification-banner.d.ts

@@ -0,0 +1,17 @@
+export type MacOSNotificationVariant = 'info' | 'success' | 'warning' | 'error';
+export interface MacOSNotificationAction {
+    label: string;
+    onClick: () => void;
+}
+export interface MacOSNotificationBannerProps {
+    title: string;
+    message?: string;
+    icon?: React.ReactNode;
+    variant?: MacOSNotificationVariant;
+    actions?: MacOSNotificationAction[] | React.ReactNode;
+    dismissible?: boolean;
+    className?: string;
+    onDismiss?: () => void;
+}
+export declare function MacOSNotificationBanner({ title, message, icon, variant, actions, dismissible, className, onDismiss, }: MacOSNotificationBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSNotificationBanner;

package/components/macos/sonoma/feedback/popover.d.ts

@@ -0,0 +1,22 @@
+export type MacOSPopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface MacOSPopoverProps {
+    isOpen: boolean;
+    content: React.ReactNode;
+    children: React.ReactNode;
+    placement?: MacOSPopoverPlacement;
+    minWidth?: number;
+    className?: string;
+    contentClassName?: string;
+    onClose?: () => void;
+}
+export declare function MacOSPopover({ isOpen, content, children, placement, minWidth, className, contentClassName, onClose, }: MacOSPopoverProps): import("react/jsx-runtime").JSX.Element;
+export interface MacOSPopoverItemProps {
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    destructive?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare function MacOSPopoverItem({ label, icon, shortcut, destructive, disabled, onClick, }: MacOSPopoverItemProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSPopover;

package/components/macos/sonoma/index.d.ts

@@ -0,0 +1,13 @@
+export * from './containers/window';
+export * from './containers/sidebar';
+export * from './containers/widget';
+export * from './layout/layout-sidebar-sonoma';
+export * from './layout/layout-content-sonoma';
+export * from './controls/segmented-control';
+export * from './controls/search-bar';
+export type { MacOSToolbarProps } from './controls/types';
+export * from './layout/toolbar-sonoma';
+export * from './feedback/notification-banner';
+export * from './feedback/macos-sonoma-toast';
+export * from './feedback/command-palette';
+export * from './feedback/popover';

package/components/macos/sonoma/layout/layout-content-sonoma.d.ts

@@ -0,0 +1,15 @@
+export interface MacOSSonomaLayoutContentProps {
+    children: React.ReactNode;
+    /** Toolbar center slot (typically current page title) */
+    toolbarCenter?: React.ReactNode;
+    /** Toolbar leading slot (logo on mobile, etc.) */
+    toolbarLeading?: React.ReactNode;
+    /** Toolbar trailing slot (right button, hamburger, etc.) */
+    toolbarTrailing?: React.ReactNode;
+    /** ClassName for the toolbar */
+    headerClassName?: string;
+    /** ClassName for the content area */
+    contentClassName?: string;
+}
+export declare function MacOSSonomaLayoutContent({ children, toolbarCenter, toolbarLeading, toolbarTrailing, headerClassName, contentClassName, }: MacOSSonomaLayoutContentProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSSonomaLayoutContent;

package/components/macos/sonoma/layout/layout-sidebar-sonoma.d.ts

@@ -0,0 +1,10 @@
+import { IMenuItem } from '../../../layouts/menus/menu-item';
+import { LogoPropTypes } from '../../../logos/logo';
+export interface MacOSSonomaLayoutSidebarProps {
+    menuItems: IMenuItem[];
+    logo?: LogoPropTypes;
+    className?: string;
+    onItemClick?: () => void;
+}
+export declare function MacOSSonomaLayoutSidebar({ menuItems, logo, className, onItemClick, }: MacOSSonomaLayoutSidebarProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSSonomaLayoutSidebar;

package/components/macos/sonoma/layout/toolbar-sonoma.d.ts

@@ -0,0 +1,6 @@
+import { MacOSToolbarProps } from '../controls/types';
+/**
+ * Default macOS toolbar — translucent material background with blur.
+ * Used by Sonoma layout.
+ */
+export declare function MacOSToolbarSonoma({ title, leading, trailing, center, children, className, transparent, bordered, }: MacOSToolbarProps): import("react/jsx-runtime").JSX.Element;

package/components/macos/tahoe/containers/dialog-tahoe.d.ts

@@ -0,0 +1,21 @@
+export interface MacOSTahoeDialogProps {
+    open: boolean;
+    title?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    width?: number | string;
+    onClose: () => void;
+    closeOnOverlay?: boolean;
+    closeOnEscape?: boolean;
+}
+export interface MacOSTahoeDialogButtonProps {
+    children: React.ReactNode;
+    variant?: 'default' | 'primary' | 'destructive';
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function MacOSTahoeDialogButton({ children, variant, onClick, disabled, className, }: MacOSTahoeDialogButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function MacOSTahoeDialog({ open, title, children, footer, className, width, onClose, closeOnOverlay, closeOnEscape, }: MacOSTahoeDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSTahoeDialog;

package/components/macos/tahoe/containers/widget-tahoe.d.ts

@@ -0,0 +1,15 @@
+export type MacOSTahoeWidgetSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface MacOSTahoeWidgetProps {
+    size?: MacOSTahoeWidgetSize;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface MacOSTahoeWidgetHeaderProps {
+    title: string;
+    subtitle?: string;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export declare function MacOSTahoeWidgetHeader({ title, subtitle, icon, actions, }: MacOSTahoeWidgetHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MacOSTahoeWidget({ size, children, className, }: MacOSTahoeWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeWidget;

package/components/macos/tahoe/containers/window-tahoe.d.ts

@@ -0,0 +1,36 @@
+type WindowState = 'normal' | 'minimized' | 'fullscreen' | 'closed';
+export interface MacOSTahoeWindowProps {
+    title?: string;
+    children: React.ReactNode;
+    className?: string;
+    titleBarClassName?: string;
+    showTrafficLights?: boolean;
+    trafficLightsPosition?: 'left' | 'right';
+    /** Callback when the window is closed via the red button */
+    onClose?: () => void;
+    /** Callback when the window is minimized via the yellow button */
+    onMinimize?: () => void;
+    /** Callback when the window is maximized via the green button */
+    onMaximize?: () => void;
+    /** Disable close (red) button */
+    disableClose?: boolean;
+    /** Disable minimize (yellow) button */
+    disableMinimize?: boolean;
+    /** Disable maximize (green) button */
+    disableMaximize?: boolean;
+    /** Enable full-screen toggle on second green-button click */
+    fullSize?: boolean;
+    /** Render as a portal so the window can move freely over the whole viewport */
+    portal?: boolean;
+    /** Allow dragging the window by its title bar */
+    draggable?: boolean;
+    /** Control the window state externally (useful for restoring after close) */
+    defaultState?: WindowState;
+    resizable?: boolean;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number;
+    minHeight?: number;
+}
+export declare function MacOSTahoeWindow({ title, children, className, titleBarClassName, showTrafficLights, trafficLightsPosition, onClose, onMinimize, onMaximize, disableClose, disableMinimize, disableMaximize, fullSize, portal, draggable, defaultState, resizable, width, height, minWidth, minHeight, }: MacOSTahoeWindowProps): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSTahoeWindow;

package/components/macos/tahoe/controls/macos-tahoe-toast.d.ts

@@ -0,0 +1,2 @@
+export declare function MacOSTahoeToast(): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSTahoeToast;

package/components/macos/tahoe/controls/notification-banner-tahoe.d.ts

@@ -0,0 +1,17 @@
+export type MacOSTahoeNotificationVariant = 'info' | 'success' | 'warning' | 'error';
+export interface MacOSTahoeNotificationAction {
+    label: string;
+    onClick: () => void;
+}
+export interface MacOSTahoeNotificationBannerProps {
+    title: string;
+    message?: string;
+    icon?: React.ReactNode;
+    variant?: MacOSTahoeNotificationVariant;
+    actions?: MacOSTahoeNotificationAction[] | React.ReactNode;
+    dismissible?: boolean;
+    className?: string;
+    onDismiss?: () => void;
+}
+export declare function MacOSTahoeNotificationBanner({ title, message, icon, variant, actions, dismissible, className, onDismiss, }: MacOSTahoeNotificationBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSTahoeNotificationBanner;

package/components/macos/tahoe/controls/progress-bar-tahoe.d.ts

@@ -0,0 +1,10 @@
+export interface MacOSTahoeProgressBarProps {
+    value?: number;
+    indeterminate?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    label?: string;
+    showValue?: boolean;
+}
+export declare function MacOSTahoeProgressBar({ value, indeterminate, size, className, label, showValue, }: MacOSTahoeProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeProgressBar;

package/components/macos/tahoe/controls/search-bar-tahoe.d.ts

@@ -0,0 +1,12 @@
+export interface MacOSTahoeSearchBarProps {
+    value?: string;
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    autoFocus?: boolean;
+    className?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    onSubmit?: (value: string) => void;
+}
+export declare function MacOSTahoeSearchBar({ value, placeholder, size, autoFocus, className, onChange, onClear, onSubmit, }: MacOSTahoeSearchBarProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeSearchBar;

package/components/macos/tahoe/controls/segmented-control-tahoe.d.ts

@@ -0,0 +1,16 @@
+export interface MacOSTahoeSegmentOption<T extends string = string> {
+    label: string;
+    value: T;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface MacOSTahoeSegmentedControlProps<T extends string = string> {
+    options: MacOSTahoeSegmentOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare function MacOSTahoeSegmentedControl<T extends string = string>({ options, value, onChange, size, fullWidth, className, }: MacOSTahoeSegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeSegmentedControl;

package/components/macos/tahoe/controls/types.d.ts

@@ -0,0 +1,10 @@
+export interface MacOSToolbarProps {
+    title?: string;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    center?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    transparent?: boolean;
+    bordered?: boolean;
+}

package/components/macos/tahoe/feedback/command-palette-tahoe.d.ts

@@ -0,0 +1,18 @@
+export interface MacOSTahoeCommandPaletteItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    group?: string;
+    onSelect?: () => void;
+}
+export interface MacOSTahoeCommandPaletteProps {
+    items: MacOSTahoeCommandPaletteItem[];
+    placeholder?: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    triggerKey?: string;
+    className?: string;
+}
+export declare function MacOSTahoeCommandPalette({ items, placeholder, open, onOpenChange, triggerKey, className, }: MacOSTahoeCommandPaletteProps): import("react/jsx-runtime").JSX.Element | null;
+export default MacOSTahoeCommandPalette;

package/components/macos/tahoe/feedback/popover-tahoe.d.ts

@@ -0,0 +1,22 @@
+export type MacOSTahoePopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export interface MacOSTahoePopoverItemProps {
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    destructive?: boolean;
+    onClick?: () => void;
+}
+export interface MacOSTahoePopoverProps {
+    isOpen: boolean;
+    content: React.ReactNode;
+    children: React.ReactNode;
+    placement?: MacOSTahoePopoverPlacement;
+    minWidth?: number;
+    className?: string;
+    contentClassName?: string;
+    onClose: () => void;
+}
+export declare function MacOSTahoePopoverItem({ label, icon, shortcut, disabled, destructive, onClick, }: MacOSTahoePopoverItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MacOSTahoePopover({ isOpen, content, children, placement, minWidth, className, contentClassName, onClose, }: MacOSTahoePopoverProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoePopover;

package/components/macos/tahoe/foundations/background.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+export type MacOSBackgroundVariant = 'base' | 'wave' | 'wallpaper' | 'mobile';
+export interface MacOSBackgroundProps {
+    /** Background variant to display */
+    variant?: MacOSBackgroundVariant;
+    /** Override CDN base URL for self-hosted assets */
+    cdnBase?: string;
+    /** Additional CSS class for the root container */
+    className?: string;
+    /** Inline styles for the root container */
+    style?: CSSProperties;
+    /** Content rendered on top of the background */
+    children?: React.ReactNode;
+    /** Whether to show the fallback gradient while the image loads */
+    showFallback?: boolean;
+}
+declare function getBaseGradient(isDark: boolean): "radial-gradient(circle at 28% 32%, rgba(142, 200, 255, 0.45) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(170, 150, 255, 0.28) 0%, transparent 42%), #f0f2f7" | "radial-gradient(circle at 28% 32%, rgba(18, 60, 100, 0.8) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(55, 30, 100, 0.6) 0%, transparent 42%), #131318";
+export declare const MacOSBackground: React.FC<MacOSBackgroundProps>;
+/** Get the CDN URL for a specific background asset */
+export declare function getMacOSBackgroundUrl(variant: Exclude<MacOSBackgroundVariant, 'base'>, isDark: boolean, base?: string): string;
+/** Get the CSS gradient string for the Base background */
+export { getBaseGradient as getMacOSBaseGradient };
+export default MacOSBackground;

package/components/macos/tahoe/index.d.ts

@@ -0,0 +1,15 @@
+export * from './foundations/background';
+export * from './containers/window-tahoe';
+export * from './containers/widget-tahoe';
+export * from './layout/dock-tahoe';
+export * from './containers/dialog-tahoe';
+export * from './layout/layout-sidebar-tahoe';
+export * from './layout/layout-content-tahoe';
+export * from './controls/segmented-control-tahoe';
+export * from './controls/search-bar-tahoe';
+export * from './controls/progress-bar-tahoe';
+export * from './controls/notification-banner-tahoe';
+export * from './controls/macos-tahoe-toast';
+export * from './layout/toolbar-tahoe';
+export * from './feedback/command-palette-tahoe';
+export * from './feedback/popover-tahoe';

package/components/macos/tahoe/layout/dock-tahoe.d.ts

@@ -0,0 +1,27 @@
+import { IMenuItem } from '../../../layouts/menus/menu-item';
+export interface MacOSTahoeDockProps {
+    /** Menu items to display in the dock */
+    items: IMenuItem[];
+    /** Index to place a separator before (splits "pinned" vs "recent") */
+    separatorBeforeIndex?: number;
+    /** Position of the dock */
+    position?: 'bottom' | 'left';
+    /** Enable icon magnification on hover */
+    magnification?: boolean;
+    /** Max scale factor for magnification (default 1.12) */
+    maxScale?: number;
+    /** Show labels as tooltips */
+    showTooltips?: boolean;
+    /** Whether to auto-hide the dock */
+    autoHide?: boolean;
+    /** Render inline instead of fixed positioning (useful for demos) */
+    inline?: boolean;
+    /** Show a hide button as the last dock item */
+    showHideButton?: boolean;
+    /** Callback when the hide button is clicked */
+    onHide?: () => void;
+    /** Extra class name for the dock container */
+    className?: string;
+}
+export declare function MacOSTahoeDock({ items, separatorBeforeIndex, position, magnification, maxScale, showTooltips, autoHide, inline, showHideButton, onHide, className, }: MacOSTahoeDockProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeDock;

package/components/macos/tahoe/layout/layout-content-tahoe.d.ts

@@ -0,0 +1,17 @@
+export interface MacOSTahoeLayoutContentProps {
+    children: React.ReactNode;
+    /** Toolbar center slot (typically current page title) */
+    toolbarCenter?: React.ReactNode;
+    /** Toolbar leading slot (logo on mobile, etc.) */
+    toolbarLeading?: React.ReactNode;
+    /** Toolbar trailing slot (right button, hamburger, etc.) */
+    toolbarTrailing?: React.ReactNode;
+    /** ClassName for the toolbar */
+    headerClassName?: string;
+    /** ClassName for the content area */
+    contentClassName?: string;
+    /** Extra className for the shell container */
+    className?: string;
+}
+export declare function MacOSTahoeLayoutContent({ children, toolbarCenter, toolbarLeading, toolbarTrailing, headerClassName, contentClassName, className, }: MacOSTahoeLayoutContentProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeLayoutContent;

package/components/macos/tahoe/layout/layout-sidebar-tahoe.d.ts

@@ -0,0 +1,13 @@
+import { IMenuItem } from '../../../layouts/menus/menu-item';
+import { LogoPropTypes } from '../../../logos/logo';
+export interface MacOSTahoeLayoutSidebarProps {
+    menuItems: IMenuItem[];
+    logo?: LogoPropTypes;
+    className?: string;
+    /** When true, renders the mobile (drawer) variant with close button */
+    mobile?: boolean;
+    onClose?: () => void;
+    onItemClick?: () => void;
+}
+export declare function MacOSTahoeLayoutSidebar({ menuItems, logo, className, mobile, onClose, onItemClick, }: MacOSTahoeLayoutSidebarProps): import("react/jsx-runtime").JSX.Element;
+export default MacOSTahoeLayoutSidebar;

package/components/macos/tahoe/layout/toolbar-tahoe.d.ts

@@ -0,0 +1,5 @@
+import { MacOSToolbarProps } from '../controls/types';
+/**
+ * Tahoe toolbar — glass panel with tahoe-specific border and blur.
+ */
+export declare function MacOSToolbarTahoe({ title, leading, trailing, center, children, className, bordered, }: MacOSToolbarProps): import("react/jsx-runtime").JSX.Element;

package/components/table/basic-table.d.ts

@@ -5,6 +5,8 @@ export interface TableColumn<T = Record<string, unknown>> {
     render?: (value: unknown, row: T, index: number) => ReactNode;
     className?: string;
     headerClassName?: string;
+    width?: number;
+    minWidth?: number;
 }
 export interface BasicTableProps<T = Record<string, unknown>> {
     columns: TableColumn<T>[];
@@ -20,6 +22,7 @@ export interface BasicTableProps<T = Record<string, unknown>> {
     hoverable?: boolean;
     striped?: boolean;
     maxRows?: number;
+    resizable?: boolean;
 }
-export declare const BasicTable: <T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rounded, border, className, tableClassName, headerClassName, rowClassName, containerClassName, showHeader, hoverable, striped, maxRows, }: BasicTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicTable: <T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rounded, border, className, tableClassName, headerClassName, rowClassName, containerClassName, showHeader, hoverable, striped, maxRows, resizable, }: BasicTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default BasicTable;

package/demo/components/dynamic-sections-page.d.ts

@@ -18,6 +18,8 @@ export interface DynamicSectionsPageProps {
     tocTitle?: string;
     /** Optional placeholder when no section is selected (defaults to a sections grid) */
     placeholder?: React.ReactNode;
+    /** Hide hero content when a subsection is selected */
+    hideHeroInSubSections?: boolean;
 }
 /**
  * Hook that extracts the current section from the URL wildcard param

package/demo/components/prop-playground.d.ts

@@ -14,5 +14,18 @@ export interface PropPlaygroundProps {
     className?: string;
     /** Title override */
     title?: string;
+    /** Manual controls to supplement or override metadata-derived controls */
+    controlOverrides?: PropPlaygroundControlOverride[];
+}
+type ControlType = 'boolean' | 'select' | 'text' | 'number' | 'none';
+export type PlaygroundControlType = Exclude<ControlType, 'none'>;
+export interface PropPlaygroundControlOverride {
+    name: string;
+    type: PlaygroundControlType;
+    options?: string[];
+    propType?: string;
+    required?: boolean;
+    description?: string;
 }
 export declare const PropPlayground: React.FC<PropPlaygroundProps>;
+export {};

package/demo/components/table-of-contents/index.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TableOfContentsProps, TableOfContentsItem } from './types';
+export type { TableOfContentsItem, TableOfContentsProps };
+export declare const TableOfContents: React.FC<TableOfContentsProps>;
+export default TableOfContents;

package/demo/components/table-of-contents/toc-default.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableOfContentsProps } from './types';
+export declare const TocDefault: React.FC<TableOfContentsProps>;

package/demo/components/table-of-contents/toc-sonoma.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableOfContentsProps } from './types';
+export declare const TocSonoma: React.FC<TableOfContentsProps>;

package/demo/components/table-of-contents/toc-tahoe.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TableOfContentsProps } from './types';
+export declare const TocTahoe: React.FC<TableOfContentsProps>;

package/demo/components/{table-of-contents.d.ts → table-of-contents/types.d.ts}

@@ -1,10 +1,9 @@
-import { default as React } from 'react';
 export interface TableOfContentsItem {
     id: string;
     label: string;
     category?: string;
 }
-interface TableOfContentsProps {
+export interface TableOfContentsProps {
     items: TableOfContentsItem[];
     title?: string;
     className?: string;
@@ -16,5 +15,3 @@ interface TableOfContentsProps {
     /** Active section ID (used in 'route' mode to highlight the current item) */
     activeSectionId?: string;
 }
-export declare const TableOfContents: React.FC<TableOfContentsProps>;
-export default TableOfContents;

package/demo/components/table-of-contents/use-toc.d.ts

@@ -0,0 +1,26 @@
+import { LAYOUT_OPTIONS } from '../../../index';
+import { TableOfContentsItem } from './types';
+export interface UseTocOptions {
+    items: TableOfContentsItem[];
+    navigationMode: 'anchor' | 'route';
+    activeSectionId?: string;
+    onItemClick?: (item: TableOfContentsItem) => void;
+    onSidebarToggle?: (isOpen: boolean) => void;
+}
+export declare function useToc({ items, navigationMode, activeSectionId: externalActiveSection, onItemClick, onSidebarToggle, }: UseTocOptions): {
+    layout: LAYOUT_OPTIONS;
+    breakPoint: string;
+    isSidebarOpen: boolean;
+    setIsSidebarOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    activeSection: string;
+    openCategories: Set<string>;
+    categoryRefs: import('react').RefObject<Record<string, HTMLDivElement | null>>;
+    groupedItems: Record<string, TableOfContentsItem[]> | null;
+    handleCategoryToggle: (category: string, categoryItems: TableOfContentsItem[]) => void;
+    handleItemClick: (e: React.MouseEvent<HTMLAnchorElement>, item: TableOfContentsItem) => void;
+    smallScreen: boolean;
+    isMobile: boolean;
+    isMacOS: boolean;
+    isTahoe: boolean;
+    isSonoma: boolean;
+};