@craftzbay/ui 0.2.1 → 0.2.2
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.
- package/dist-lib/components/patterns/AppShell.d.ts +5 -2
- package/dist-lib/components/ui/Sidebar.d.ts +2 -0
- package/dist-lib/icons/index.d.ts +1 -1
- package/dist-lib/index.cjs +3 -3
- package/dist-lib/index.cjs.map +1 -1
- package/dist-lib/index.js +2395 -2232
- package/dist-lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
export type AppShellNavKey = 'home' | 'projects' | 'inbox' | 'members' | 'insights' | 'bookmarks' | 'apps' | 'settings' | 'integrations' | 'help';
|
|
2
3
|
export interface AppShellProps {
|
|
3
4
|
/** Page content. */
|
|
4
5
|
children: ReactNode;
|
|
5
|
-
/** Logo / wordmark
|
|
6
|
+
/** Logo / wordmark rendered at the top of the sidebar. */
|
|
6
7
|
brand: ReactNode;
|
|
8
|
+
/** Which sidebar item is active. Defaults to `home`. */
|
|
9
|
+
active?: AppShellNavKey;
|
|
7
10
|
}
|
|
8
|
-
export declare function AppShell({ children, brand }: AppShellProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function AppShell({ children, brand, active }: AppShellProps): import("react/jsx-runtime").JSX.Element;
|
|
9
12
|
export declare function Dashboard(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,6 +6,8 @@ export interface SidebarProps extends HTMLAttributes<HTMLElement> {
|
|
|
6
6
|
collapsed?: boolean;
|
|
7
7
|
/** Called when the user toggles via the rail or keyboard. */
|
|
8
8
|
onCollapsedChange?: (next: boolean) => void;
|
|
9
|
+
/** Header slot pinned to the top (brand, workspace switcher, etc.). */
|
|
10
|
+
header?: ReactNode;
|
|
9
11
|
/** Footer slot pinned to the bottom (user card, version, etc.). */
|
|
10
12
|
footer?: ReactNode;
|
|
11
13
|
}
|
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
* - 20px for use inside buttons
|
|
9
9
|
* - strokeWidth 1.5
|
|
10
10
|
*/
|
|
11
|
-
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';
|
|
11
|
+
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';
|