@craftzbay/ui 0.2.1 → 0.2.3

package/dist-lib/components/patterns/AppShell.d.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
+export type AppShellNavKey = 'home' | 'projects' | 'inbox' | 'members' | 'insights' | 'bookmarks' | 'apps' | 'settings' | 'integrations' | 'help';
 export interface AppShellProps {
     /** Page content. */
     children: ReactNode;
-    /** Logo / wordmark for the TopNav. */
+    /** Logo / wordmark rendered at the top of the sidebar. */
     brand: ReactNode;
+    /** Which sidebar item is active. Defaults to `home`. */
+    active?: AppShellNavKey;
 }
-export declare function AppShell({ children, brand }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ children, brand, active }: AppShellProps): import("react/jsx-runtime").JSX.Element;
 export declare function Dashboard(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/ui/Avatar.d.ts

@@ -8,10 +8,10 @@ declare const sizeMap: {
     readonly lg: "size-10 text-sm";
     readonly xl: "size-12 text-base";
 };
-declare const avatar: (props?: ({
+declare const avatarWrapper: (props?: ({
     size?: "md" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatar> {
+export interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarWrapper> {
     /** Image URL. If absent or fails to load, fallback initials are shown. */
     src?: string;
     /** Alt text for the image; falls back to fallback when there's no `src`. */

package/dist-lib/components/ui/Sidebar.d.ts

@@ -1,4 +1,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
+interface SidebarContextValue {
+    collapsed: boolean;
+}
+/** Read the parent Sidebar's collapsed state. Useful for brand/footer slots
+ *  that need to swap between full and compact rendering. */
+export declare function useSidebar(): SidebarContextValue;
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     /** Default state on first mount. Use `defaultCollapsed` for uncontrolled. */
     defaultCollapsed?: boolean;
@@ -6,6 +12,8 @@ export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     collapsed?: boolean;
     /** Called when the user toggles via the rail or keyboard. */
     onCollapsedChange?: (next: boolean) => void;
+    /** Header slot pinned to the top (brand, workspace switcher, etc.). */
+    header?: ReactNode;
     /** Footer slot pinned to the bottom (user card, version, etc.). */
     footer?: ReactNode;
 }
@@ -65,3 +73,4 @@ export declare function SidebarGroup({ icon, label, defaultOpen, children }: Sid
 export declare namespace SidebarGroup {
     var displayName: string;
 }
+export {};

package/dist-lib/icons/index.d.ts

@@ -8,4 +8,4 @@
  *   - 20px for use inside buttons
  *   - strokeWidth 1.5
  */
-export { AlertCircle, AlertTriangle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, Bell, Calendar, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, Copy, CornerDownLeft, CreditCard, Download, Edit2, Ellipsis, Eye, EyeOff, Filter, Folder, GripVertical, Home, Lock, HelpCircle, Info, Link2, Loader2, Mail, Menu, Minus, MoreHorizontal, Plus, Search, Settings, Sun, Moon, Trash2, Upload, User, Users, X, XCircle, ExternalLink, type LucideIcon, type LucideProps, } from 'lucide-react';
+export { AlertCircle, AlertTriangle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, BarChart3, Bell, Bookmark, Calendar, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, Copy, CornerDownLeft, CreditCard, Download, Edit2, Ellipsis, Eye, EyeOff, Filter, Folder, GripVertical, Home, Inbox, LayoutGrid, Lock, LogOut, HelpCircle, Info, Link2, Loader2, Mail, Menu, Minus, MoreHorizontal, Plug, Plus, Search, Sparkles, Settings, Sun, Moon, Trash2, Upload, User, Users, X, XCircle, ExternalLink, type LucideIcon, type LucideProps, } from 'lucide-react';