@b3-crow/ui-kit 0.0.34 → 0.0.35-pr30.6

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 (178) hide show
  1. package/dist/components/cards/TipCard.d.ts +5 -0
  2. package/dist/components/cards/TipCard.d.ts.map +1 -0
  3. package/dist/components/cards/TipCard.js +10 -0
  4. package/dist/components/cards/TipCard.js.map +1 -0
  5. package/dist/components/chat/MessageBubble.d.ts +13 -0
  6. package/dist/components/chat/MessageBubble.d.ts.map +1 -0
  7. package/dist/components/chat/MessageBubble.js +19 -0
  8. package/dist/components/chat/MessageBubble.js.map +1 -0
  9. package/dist/components/dashboard/ChatHistorySection.d.ts +4 -0
  10. package/dist/components/dashboard/ChatHistorySection.d.ts.map +1 -0
  11. package/dist/components/dashboard/ChatHistorySection.js +121 -0
  12. package/dist/components/dashboard/ChatHistorySection.js.map +1 -0
  13. package/dist/components/dashboard/CollapseToggleButton.d.ts +7 -0
  14. package/dist/components/dashboard/CollapseToggleButton.d.ts.map +1 -0
  15. package/dist/components/dashboard/CollapseToggleButton.js +7 -0
  16. package/dist/components/dashboard/CollapseToggleButton.js.map +1 -0
  17. package/dist/components/dashboard/DashboardBackground.d.ts +4 -0
  18. package/dist/components/dashboard/DashboardBackground.d.ts.map +1 -0
  19. package/dist/components/dashboard/DashboardBackground.js +20 -0
  20. package/dist/components/dashboard/DashboardBackground.js.map +1 -0
  21. package/dist/components/dashboard/Header.d.ts +4 -0
  22. package/dist/components/dashboard/Header.d.ts.map +1 -0
  23. package/dist/components/dashboard/Header.js +127 -0
  24. package/dist/components/dashboard/Header.js.map +1 -0
  25. package/dist/components/dashboard/MetricsCard.d.ts +10 -0
  26. package/dist/components/dashboard/MetricsCard.d.ts.map +1 -0
  27. package/dist/components/dashboard/MetricsCard.js +27 -0
  28. package/dist/components/dashboard/MetricsCard.js.map +1 -0
  29. package/dist/components/dashboard/MobileSidebar.d.ts +4 -0
  30. package/dist/components/dashboard/MobileSidebar.d.ts.map +1 -0
  31. package/dist/components/dashboard/MobileSidebar.js +45 -0
  32. package/dist/components/dashboard/MobileSidebar.js.map +1 -0
  33. package/dist/components/dashboard/NavMenu.d.ts +10 -0
  34. package/dist/components/dashboard/NavMenu.d.ts.map +1 -0
  35. package/dist/components/dashboard/NavMenu.js +68 -0
  36. package/dist/components/dashboard/NavMenu.js.map +1 -0
  37. package/dist/components/dashboard/NavTooltip.d.ts +10 -0
  38. package/dist/components/dashboard/NavTooltip.d.ts.map +1 -0
  39. package/dist/components/dashboard/NavTooltip.js +36 -0
  40. package/dist/components/dashboard/NavTooltip.js.map +1 -0
  41. package/dist/components/dashboard/PatternCard.d.ts +15 -0
  42. package/dist/components/dashboard/PatternCard.d.ts.map +1 -0
  43. package/dist/components/dashboard/PatternCard.js +45 -0
  44. package/dist/components/dashboard/PatternCard.js.map +1 -0
  45. package/dist/components/dashboard/SettingsDropup.d.ts +10 -0
  46. package/dist/components/dashboard/SettingsDropup.d.ts.map +1 -0
  47. package/dist/components/dashboard/SettingsDropup.js +94 -0
  48. package/dist/components/dashboard/SettingsDropup.js.map +1 -0
  49. package/dist/components/dashboard/SettingsModal.d.ts +4 -0
  50. package/dist/components/dashboard/SettingsModal.d.ts.map +1 -0
  51. package/dist/components/dashboard/SettingsModal.js +56 -0
  52. package/dist/components/dashboard/SettingsModal.js.map +1 -0
  53. package/dist/components/dashboard/SidePanel.d.ts +12 -0
  54. package/dist/components/dashboard/SidePanel.d.ts.map +1 -0
  55. package/dist/components/dashboard/SidePanel.js +79 -0
  56. package/dist/components/dashboard/SidePanel.js.map +1 -0
  57. package/dist/components/dashboard/Sidebar.d.ts +4 -0
  58. package/dist/components/dashboard/Sidebar.d.ts.map +1 -0
  59. package/dist/components/dashboard/Sidebar.js +15 -0
  60. package/dist/components/dashboard/Sidebar.js.map +1 -0
  61. package/dist/components/dashboard/SidebarLogo.d.ts +9 -0
  62. package/dist/components/dashboard/SidebarLogo.d.ts.map +1 -0
  63. package/dist/components/dashboard/SidebarLogo.js +10 -0
  64. package/dist/components/dashboard/SidebarLogo.js.map +1 -0
  65. package/dist/components/dashboard/constants/accessibility.d.ts +24 -0
  66. package/dist/components/dashboard/constants/accessibility.d.ts.map +1 -0
  67. package/dist/components/dashboard/constants/accessibility.js +26 -0
  68. package/dist/components/dashboard/constants/accessibility.js.map +1 -0
  69. package/dist/components/dashboard/constants/animations.d.ts +73 -0
  70. package/dist/components/dashboard/constants/animations.d.ts.map +1 -0
  71. package/dist/components/dashboard/constants/animations.js +48 -0
  72. package/dist/components/dashboard/constants/animations.js.map +1 -0
  73. package/dist/components/dashboard/constants/colors.d.ts +55 -0
  74. package/dist/components/dashboard/constants/colors.d.ts.map +1 -0
  75. package/dist/components/dashboard/constants/colors.js +55 -0
  76. package/dist/components/dashboard/constants/colors.js.map +1 -0
  77. package/dist/components/dashboard/constants/gradients.d.ts +29 -0
  78. package/dist/components/dashboard/constants/gradients.d.ts.map +1 -0
  79. package/dist/components/dashboard/constants/gradients.js +29 -0
  80. package/dist/components/dashboard/constants/gradients.js.map +1 -0
  81. package/dist/components/dashboard/constants/icons.d.ts +4 -0
  82. package/dist/components/dashboard/constants/icons.d.ts.map +1 -0
  83. package/dist/components/dashboard/constants/icons.js +23 -0
  84. package/dist/components/dashboard/constants/icons.js.map +1 -0
  85. package/dist/components/dashboard/constants/navigation.d.ts +3 -0
  86. package/dist/components/dashboard/constants/navigation.d.ts.map +1 -0
  87. package/dist/components/dashboard/constants/navigation.js +35 -0
  88. package/dist/components/dashboard/constants/navigation.js.map +1 -0
  89. package/dist/components/dashboard/constants/sizing.d.ts +61 -0
  90. package/dist/components/dashboard/constants/sizing.d.ts.map +1 -0
  91. package/dist/components/dashboard/constants/sizing.js +49 -0
  92. package/dist/components/dashboard/constants/sizing.js.map +1 -0
  93. package/dist/components/dashboard/constants/styles.d.ts +44 -0
  94. package/dist/components/dashboard/constants/styles.d.ts.map +1 -0
  95. package/dist/components/dashboard/constants/styles.js +44 -0
  96. package/dist/components/dashboard/constants/styles.js.map +1 -0
  97. package/dist/components/dashboard/constants.d.ts +32 -0
  98. package/dist/components/dashboard/constants.d.ts.map +1 -0
  99. package/dist/components/dashboard/constants.js +105 -0
  100. package/dist/components/dashboard/constants.js.map +1 -0
  101. package/dist/components/dashboard/index.d.ts +38 -0
  102. package/dist/components/dashboard/index.d.ts.map +1 -0
  103. package/dist/components/dashboard/index.js +38 -0
  104. package/dist/components/dashboard/index.js.map +1 -0
  105. package/dist/components/dashboard/types.d.ts +94 -0
  106. package/dist/components/dashboard/types.d.ts.map +1 -0
  107. package/dist/components/dashboard/types.js +2 -0
  108. package/dist/components/dashboard/types.js.map +1 -0
  109. package/dist/components/dashboard/utils/accessibilityUtils.d.ts +9 -0
  110. package/dist/components/dashboard/utils/accessibilityUtils.d.ts.map +1 -0
  111. package/dist/components/dashboard/utils/accessibilityUtils.js +56 -0
  112. package/dist/components/dashboard/utils/accessibilityUtils.js.map +1 -0
  113. package/dist/components/dashboard/utils/pathUtils.d.ts +4 -0
  114. package/dist/components/dashboard/utils/pathUtils.d.ts.map +1 -0
  115. package/dist/components/dashboard/utils/pathUtils.js +16 -0
  116. package/dist/components/dashboard/utils/pathUtils.js.map +1 -0
  117. package/dist/components/display/IconBadge.d.ts +12 -0
  118. package/dist/components/display/IconBadge.d.ts.map +1 -0
  119. package/dist/components/display/IconBadge.js +26 -0
  120. package/dist/components/display/IconBadge.js.map +1 -0
  121. package/dist/components/display/SourceIcon.d.ts +7 -0
  122. package/dist/components/display/SourceIcon.d.ts.map +1 -0
  123. package/dist/components/display/SourceIcon.js +23 -0
  124. package/dist/components/display/SourceIcon.js.map +1 -0
  125. package/dist/components/display/StatusBadge.d.ts +14 -0
  126. package/dist/components/display/StatusBadge.d.ts.map +1 -0
  127. package/dist/components/display/StatusBadge.js +30 -0
  128. package/dist/components/display/StatusBadge.js.map +1 -0
  129. package/dist/components/display/StatusIndicator.d.ts +7 -0
  130. package/dist/components/display/StatusIndicator.d.ts.map +1 -0
  131. package/dist/components/display/StatusIndicator.js +26 -0
  132. package/dist/components/display/StatusIndicator.js.map +1 -0
  133. package/dist/components/display/Tag.d.ts +7 -0
  134. package/dist/components/display/Tag.d.ts.map +1 -0
  135. package/dist/components/display/Tag.js +12 -0
  136. package/dist/components/display/Tag.js.map +1 -0
  137. package/dist/components/feedback/GeneratingState.d.ts +12 -0
  138. package/dist/components/feedback/GeneratingState.d.ts.map +1 -0
  139. package/dist/components/feedback/GeneratingState.js +19 -0
  140. package/dist/components/feedback/GeneratingState.js.map +1 -0
  141. package/dist/components/index.d.ts +17 -0
  142. package/dist/components/index.d.ts.map +1 -1
  143. package/dist/components/index.js +17 -0
  144. package/dist/components/index.js.map +1 -1
  145. package/dist/components/inputs/FilterDropdown.d.ts +14 -0
  146. package/dist/components/inputs/FilterDropdown.d.ts.map +1 -0
  147. package/dist/components/inputs/FilterDropdown.js +112 -0
  148. package/dist/components/inputs/FilterDropdown.js.map +1 -0
  149. package/dist/components/inputs/SearchInput.d.ts +14 -0
  150. package/dist/components/inputs/SearchInput.d.ts.map +1 -0
  151. package/dist/components/inputs/SearchInput.js +38 -0
  152. package/dist/components/inputs/SearchInput.js.map +1 -0
  153. package/dist/components/inputs/SuggestionChip.d.ts +10 -0
  154. package/dist/components/inputs/SuggestionChip.d.ts.map +1 -0
  155. package/dist/components/inputs/SuggestionChip.js +12 -0
  156. package/dist/components/inputs/SuggestionChip.js.map +1 -0
  157. package/dist/components/inputs/ToggleSwitch.d.ts +8 -0
  158. package/dist/components/inputs/ToggleSwitch.d.ts.map +1 -0
  159. package/dist/components/inputs/ToggleSwitch.js +29 -0
  160. package/dist/components/inputs/ToggleSwitch.js.map +1 -0
  161. package/dist/components/layout/GlassPanel.d.ts +4 -0
  162. package/dist/components/layout/GlassPanel.d.ts.map +1 -0
  163. package/dist/components/layout/GlassPanel.js +11 -0
  164. package/dist/components/layout/GlassPanel.js.map +1 -0
  165. package/dist/components/layout/ListItem.d.ts +10 -0
  166. package/dist/components/layout/ListItem.d.ts.map +1 -0
  167. package/dist/components/layout/ListItem.js +14 -0
  168. package/dist/components/layout/ListItem.js.map +1 -0
  169. package/dist/components/layout/SectionHeader.d.ts +13 -0
  170. package/dist/components/layout/SectionHeader.d.ts.map +1 -0
  171. package/dist/components/layout/SectionHeader.js +22 -0
  172. package/dist/components/layout/SectionHeader.js.map +1 -0
  173. package/dist/components/providers/LenisProvider.d.ts +22 -0
  174. package/dist/components/providers/LenisProvider.d.ts.map +1 -0
  175. package/dist/components/providers/LenisProvider.js +45 -0
  176. package/dist/components/providers/LenisProvider.js.map +1 -0
  177. package/dist/styles.css +1 -1
  178. package/package.json +23 -14
@@ -0,0 +1,68 @@
1
+ 'use client';
2
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { ChevronDown } from 'lucide-react';
4
+ import { useEffect, useRef, useState } from 'react';
5
+ import { cn } from '../../lib/utils';
6
+ import { ICON_REGISTRY } from './constants/icons';
7
+ import { isActivePath } from './utils/pathUtils';
8
+ const isSubmenuActive = (subItems, activeHref) => subItems?.some(item => isActivePath(activeHref, item.href));
9
+ function renderIcon(iconName, active) {
10
+ const IconComponent = ICON_REGISTRY[iconName];
11
+ if (!IconComponent)
12
+ return null;
13
+ return (_jsx(IconComponent, { size: 15, className: cn('transition-colors', active ? 'text-violet-300' : 'text-gray-500'), strokeWidth: 2 }));
14
+ }
15
+ export function NavMenu({ items, activeHref, onNavigate, isCollapsed = false, onRequestExpand }) {
16
+ const [expandedMenus, setExpandedMenus] = useState(() => items
17
+ .filter(item => item.submenu && isSubmenuActive(item.submenu, activeHref))
18
+ .map(item => item.label));
19
+ const prevCollapsedRef = useRef(isCollapsed);
20
+ // eslint-disable-next-line react-hooks/set-state-in-effect
21
+ useEffect(() => {
22
+ if (isCollapsed && !prevCollapsedRef.current) {
23
+ setExpandedMenus([]);
24
+ }
25
+ prevCollapsedRef.current = isCollapsed;
26
+ }, [isCollapsed]);
27
+ const toggleMenu = (label) => {
28
+ if (isCollapsed) {
29
+ setExpandedMenus([label]);
30
+ onRequestExpand?.(label);
31
+ return;
32
+ }
33
+ setExpandedMenus(prev => prev.includes(label) ? prev.filter(l => l !== label) : [...prev, label]);
34
+ };
35
+ const handleNavigate = (href, e) => {
36
+ e.preventDefault();
37
+ onNavigate?.(href);
38
+ };
39
+ const handleKeyDown = (label, e) => {
40
+ if (e.key === 'Enter' || e.key === ' ') {
41
+ e.preventDefault();
42
+ toggleMenu(label);
43
+ }
44
+ };
45
+ return (_jsx("nav", { className: cn('mt-2 flex flex-col gap-1 transition-[width,margin] duration-300', isCollapsed ? 'w-[56px] ml-3' : 'w-[247px] ml-4'), children: items.map(item => {
46
+ const itemIsActive = item.submenu
47
+ ? isSubmenuActive(item.submenu, activeHref)
48
+ : isActivePath(activeHref, item.href);
49
+ const expanded = item.submenu && expandedMenus.includes(item.label);
50
+ const submenuHeight = item.submenu ? item.submenu.length * 35.5 : 0;
51
+ return item.submenu ? (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => toggleMenu(item.label), onKeyDown: e => handleKeyDown(item.label, e), "aria-label": `${item.label} menu`, "aria-expanded": expanded, className: cn('h-[41px] relative rounded-lg border-none cursor-pointer', 'flex items-center gap-3 transition-all duration-300', isCollapsed ? 'w-[56px] justify-center pl-0' : 'w-[247px] pl-3', expanded && !isCollapsed
52
+ ? 'bg-white/[0.03]'
53
+ : 'bg-transparent hover:bg-white/[0.04]'), children: [_jsx("div", { className: "w-5 h-6 flex items-center justify-center shrink-0", children: renderIcon(item.icon, !!itemIsActive) }), !isCollapsed && (_jsxs(_Fragment, { children: [_jsx("span", { className: cn('text-sm font-normal leading-[21px] flex-1 text-left font-[Sora,sans-serif]', 'transition-opacity duration-200', itemIsActive ? 'text-white' : 'text-gray-400'), children: item.label }), _jsx("div", { className: "w-[18px] h-[22px] flex items-center justify-center mr-3", children: _jsx(ChevronDown, { size: 12, className: cn('text-gray-600 transition-transform duration-200', expanded && 'rotate-180'), strokeWidth: 2 }) })] }))] }), !isCollapsed && (_jsx("div", { className: "ml-11 overflow-hidden transition-all duration-250", style: {
54
+ maxHeight: expanded ? submenuHeight : 0,
55
+ opacity: expanded ? 1 : 0,
56
+ }, children: item.submenu.map(subitem => {
57
+ const subActive = isActivePath(subitem.href, activeHref);
58
+ return (_jsxs("a", { href: subitem.href, onClick: e => handleNavigate(subitem.href, e), className: cn('w-[203px] h-[35.5px] rounded-lg flex items-center pl-3 gap-2', 'no-underline cursor-pointer transition-colors duration-150', subActive
59
+ ? 'bg-violet-500/10'
60
+ : 'bg-transparent hover:bg-white/[0.04]'), children: [subActive && (_jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-gradient-to-br from-violet-400 to-violet-600 shrink-0" })), _jsx("span", { className: cn('text-[13px] leading-[19.5px] font-[Sora,sans-serif] transition-colors duration-150', subActive
61
+ ? 'text-violet-300 font-medium'
62
+ : 'text-gray-500 font-normal'), children: subitem.label })] }, subitem.label));
63
+ }) }))] }, item.label)) : (_jsxs("a", { href: item.href, onClick: e => handleNavigate(item.href, e), className: cn('h-[41px] rounded-lg flex items-center gap-3', 'no-underline cursor-pointer transition-all duration-300', isCollapsed ? 'w-[56px] justify-center pl-0' : 'w-[247px] pl-3', itemIsActive
64
+ ? 'bg-white/[0.08] shadow-[inset_0px_1px_0px_1px_rgba(255,255,255,0.05)] outline outline-1 outline-white/[0.05] -outline-offset-1'
65
+ : 'bg-transparent hover:bg-white/[0.04]'), children: [_jsx("div", { className: "w-5 h-6 flex items-center justify-center shrink-0", children: renderIcon(item.icon, !!itemIsActive) }), !isCollapsed && (_jsx("span", { className: cn('text-sm font-normal leading-[21px] font-[Sora,sans-serif] transition-opacity duration-200', itemIsActive ? 'text-white' : 'text-gray-400'), children: item.label }))] }, item.label));
66
+ }) }));
67
+ }
68
+ //# sourceMappingURL=NavMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../src/components/dashboard/NavMenu.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ interface NavTooltipProps {
3
+ children: ReactNode;
4
+ content: string;
5
+ enabled?: boolean;
6
+ side?: 'right' | 'left' | 'top' | 'bottom';
7
+ }
8
+ export declare function NavTooltip({ children, content, enabled, side }: NavTooltipProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=NavTooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/NavTooltip.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;CAC5C;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAc,EAAE,IAAc,EAAE,EAAE,eAAe,2CAmDhG"}
@@ -0,0 +1,36 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import React, { useState } from 'react';
4
+ import { cn } from '../../lib/utils';
5
+ export function NavTooltip({ children, content, enabled = true, side = 'right' }) {
6
+ const [isVisible, setIsVisible] = useState(false);
7
+ const timeoutRef = React.useRef(null);
8
+ const handleMouseEnter = () => {
9
+ if (!enabled)
10
+ return;
11
+ timeoutRef.current = setTimeout(() => {
12
+ setIsVisible(true);
13
+ }, 300);
14
+ };
15
+ const handleMouseLeave = () => {
16
+ if (timeoutRef.current) {
17
+ clearTimeout(timeoutRef.current);
18
+ }
19
+ setIsVisible(false);
20
+ };
21
+ React.useEffect(() => {
22
+ return () => {
23
+ if (timeoutRef.current) {
24
+ clearTimeout(timeoutRef.current);
25
+ }
26
+ };
27
+ }, []);
28
+ const positionClasses = {
29
+ right: 'left-[88px] top-1/2 -translate-y-1/2',
30
+ left: 'right-[88px] top-1/2 -translate-y-1/2',
31
+ top: 'bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2',
32
+ bottom: 'top-[calc(100%+8px)] left-1/2 -translate-x-1/2',
33
+ };
34
+ return (_jsxs("div", { className: "relative", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [children, enabled && isVisible && (_jsx("div", { className: cn('absolute z-100 px-2 py-1.5 whitespace-nowrap', 'bg-[rgba(30,30,30,0.95)] border border-white/10 rounded-md', 'text-xs text-gray-200 font-medium', 'animate-tooltipFadeIn pointer-events-none', positionClasses[side]), children: content }))] }));
35
+ }
36
+ //# sourceMappingURL=NavTooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavTooltip.js","sourceRoot":"","sources":["../../../src/components/dashboard/NavTooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AASrC,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,OAAO,EAAmB;IAC/F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAC;IAE5E,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG;QACtB,KAAK,EAAE,sCAAsC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,GAAG,EAAE,mDAAmD;QACxD,MAAM,EAAE,gDAAgD;KACzD,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,aACrF,QAAQ,EACR,OAAO,IAAI,SAAS,IAAI,CACvB,cACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,4DAA4D,EAC5D,mCAAmC,EACnC,2CAA2C,EAC3C,eAAe,CAAC,IAAI,CAAC,CACtB,YAEA,OAAO,GACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type { ConfidenceLevel, SeverityLevel } from './types';
2
+ export interface PatternCardProps {
3
+ id?: string;
4
+ title: string;
5
+ severity: SeverityLevel;
6
+ affectedStores: string;
7
+ lastSeen: string;
8
+ confidence: ConfidenceLevel;
9
+ onViewDetails?: () => void;
10
+ onViewEvidence?: () => void;
11
+ onCreateAlert?: () => void;
12
+ className?: string;
13
+ }
14
+ export declare function PatternCard({ title, severity, affectedStores, lastSeen, confidence, onViewDetails, onViewEvidence, onCreateAlert, className, }: PatternCardProps): import("react/jsx-runtime").JSX.Element;
15
+ //# sourceMappingURL=PatternCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PatternCard.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK9D,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8DD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CA4ElB"}
@@ -0,0 +1,45 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Bell, Clock, MapPin } from 'lucide-react';
4
+ import { cn } from '../../lib/utils';
5
+ import { CONFIDENCE_CONFIG, SEVERITY_CONFIG } from './constants';
6
+ function DetailItem({ icon: Icon, label, value }) {
7
+ return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { size: 16, color: "#6B7280" }), _jsxs("span", { className: "text-sm leading-5", style: { color: '#9CA3AF' }, children: [label, ": ", value] })] }));
8
+ }
9
+ function ActionButton({ onClick, isSecondary = false, showIcon = false, children, }) {
10
+ return (_jsx("button", { type: "button", onClick: onClick, className: cn('flex items-center justify-center rounded-lg text-xs font-medium transition-colors', isSecondary ? 'h-[30px] px-3.5 hover:bg-white/5' : 'h-[30px] px-3.5', !isSecondary && showIcon && 'gap-1.5 h-7 px-3'), style: !isSecondary
11
+ ? {
12
+ background: '#7C3AED',
13
+ boxShadow: '0px 0px 10px rgba(124, 58, 237, 0.30)',
14
+ outline: '1px #8B5CF6 solid',
15
+ outlineOffset: '-1px',
16
+ color: 'white',
17
+ }
18
+ : {
19
+ color: '#D1D5DB',
20
+ outline: '1px rgba(255, 255, 255, 0.10) solid',
21
+ outlineOffset: '-1px',
22
+ }, children: children }));
23
+ }
24
+ export function PatternCard({ title, severity, affectedStores, lastSeen, confidence, onViewDetails, onViewEvidence, onCreateAlert, className, }) {
25
+ const severityStyle = SEVERITY_CONFIG[severity];
26
+ const confidenceStyle = CONFIDENCE_CONFIG[confidence];
27
+ return (_jsx("div", { className: cn('relative overflow-hidden rounded-xl', className), style: {
28
+ background: 'rgba(10, 5, 20, 0.40)',
29
+ boxShadow: '0px 4px 6px -4px rgba(0, 0, 0, 0.10)',
30
+ outline: '1px rgba(255, 255, 255, 0.08) solid',
31
+ outlineOffset: '-1px',
32
+ backdropFilter: 'blur(8px)',
33
+ }, children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [_jsx("h3", { className: "text-base font-semibold leading-6 flex-1 text-white", children: title }), _jsx("span", { className: "shrink-0 px-2.5 py-1 rounded-lg text-[10px] font-bold uppercase tracking-wide", style: {
34
+ color: severityStyle.color,
35
+ background: severityStyle.bg,
36
+ outline: `1px ${severityStyle.border} solid`,
37
+ outlineOffset: '-1px',
38
+ }, children: severityStyle.label })] }), _jsxs("div", { className: "space-y-2 mb-4", children: [_jsx(DetailItem, { icon: MapPin, label: "Affected stores", value: affectedStores }), _jsx(DetailItem, { icon: Clock, label: "Last seen", value: lastSeen })] }), _jsxs("div", { className: "flex items-center gap-2 mb-6", children: [_jsx("span", { className: "text-xs font-medium", style: { color: '#6B7280' }, children: "Confidence:" }), _jsx("span", { className: "px-2.5 py-1 rounded-full text-[10px] font-medium", style: {
39
+ color: confidenceStyle.color,
40
+ background: confidenceStyle.bg,
41
+ outline: `1px ${confidenceStyle.border} solid`,
42
+ outlineOffset: '-1px',
43
+ }, children: confidenceStyle.label })] }), _jsxs("div", { className: "pt-4 flex items-center gap-3", style: { borderTop: '1px solid rgba(255, 255, 255, 0.05)' }, children: [_jsx(ActionButton, { onClick: onViewDetails, children: "View details" }), _jsx(ActionButton, { onClick: onViewEvidence, isSecondary: true, children: "View evidence" }), _jsx("div", { className: "flex-1" }), _jsxs(ActionButton, { onClick: onCreateAlert, isSecondary: true, showIcon: true, children: [_jsx(Bell, { size: 14, color: "#9CA3AF" }), "Create alert"] })] })] }) }));
44
+ }
45
+ //# sourceMappingURL=PatternCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PatternCard.js","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ export interface SettingsDropupProps {
2
+ userName?: string;
3
+ userEmail?: string;
4
+ initialNotifications?: boolean;
5
+ onNotificationsChange?: (enabled: boolean) => void;
6
+ onLogout?: () => void;
7
+ isCollapsed?: boolean;
8
+ }
9
+ export declare function SettingsDropup({ userName, userEmail, initialNotifications, onNotificationsChange, onLogout, isCollapsed, }: SettingsDropupProps): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=SettingsDropup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsDropup.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAiB,EACjB,SAA8B,EAC9B,oBAA2B,EAC3B,qBAAqB,EACrB,QAAQ,EACR,WAAmB,GACpB,EAAE,mBAAmB,2CA2NrB"}
@@ -0,0 +1,94 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { Bell, BellOff, ChevronUp, LogOut, Settings, User } from 'lucide-react';
4
+ import { useEffect, useRef, useState } from 'react';
5
+ import { cn } from '../../lib/utils';
6
+ import { ToggleSwitch } from '../inputs/ToggleSwitch';
7
+ export function SettingsDropup({ userName = 'User', userEmail = 'user@example.com', initialNotifications = true, onNotificationsChange, onLogout, isCollapsed = false, }) {
8
+ const [isOpen, setIsOpen] = useState(false);
9
+ const [notifications, setNotifications] = useState(initialNotifications);
10
+ const [focusedIndex, setFocusedIndex] = useState(-1);
11
+ const ref = useRef(null);
12
+ const triggerRef = useRef(null);
13
+ const notificationsItemRef = useRef(null);
14
+ const logoutItemRef = useRef(null);
15
+ useEffect(() => {
16
+ const handleClickOutside = (event) => {
17
+ if (ref.current && !ref.current.contains(event.target)) {
18
+ setIsOpen(false);
19
+ setFocusedIndex(-1);
20
+ }
21
+ };
22
+ document.addEventListener('mousedown', handleClickOutside);
23
+ return () => document.removeEventListener('mousedown', handleClickOutside);
24
+ }, []);
25
+ const focusableItemCount = 1 + (onLogout ? 1 : 0);
26
+ const handleSettingsKeyDown = (e) => {
27
+ if (!isOpen) {
28
+ if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {
29
+ e.preventDefault();
30
+ setIsOpen(true);
31
+ setFocusedIndex(0);
32
+ }
33
+ return;
34
+ }
35
+ switch (e.key) {
36
+ case 'Escape':
37
+ e.preventDefault();
38
+ setIsOpen(false);
39
+ triggerRef.current?.focus();
40
+ break;
41
+ case 'ArrowDown':
42
+ e.preventDefault();
43
+ setFocusedIndex(prev => (prev < focusableItemCount - 1 ? prev + 1 : 0));
44
+ break;
45
+ case 'ArrowUp':
46
+ e.preventDefault();
47
+ setFocusedIndex(prev => (prev > 0 ? prev - 1 : focusableItemCount - 1));
48
+ break;
49
+ case 'Home':
50
+ e.preventDefault();
51
+ setFocusedIndex(0);
52
+ break;
53
+ case 'End':
54
+ e.preventDefault();
55
+ setFocusedIndex(focusableItemCount - 1);
56
+ break;
57
+ case 'Tab':
58
+ setIsOpen(false);
59
+ setFocusedIndex(-1);
60
+ break;
61
+ }
62
+ };
63
+ useEffect(() => {
64
+ if (isOpen && focusedIndex >= 0) {
65
+ if (focusedIndex === 0) {
66
+ notificationsItemRef.current?.focus();
67
+ }
68
+ else if (focusedIndex === 1 && onLogout) {
69
+ logoutItemRef.current?.focus();
70
+ }
71
+ }
72
+ }, [focusedIndex, isOpen, onLogout]);
73
+ const handleNotificationsToggle = () => {
74
+ const newValue = !notifications;
75
+ setNotifications(newValue);
76
+ onNotificationsChange?.(newValue);
77
+ };
78
+ return (_jsxs("div", { ref: ref, className: cn('absolute bottom-6 transition-all duration-300', isCollapsed ? 'w-[56px] left-3' : 'w-[247px] left-4'), children: [_jsxs("div", { role: "menu", className: cn('absolute bottom-[52px] w-[247px]', 'bg-[rgba(10,5,20,0.98)] backdrop-blur-[20px] rounded-xl', 'border border-white/[0.08] shadow-[0px_-8px_32px_rgba(0,0,0,0.4)]', 'overflow-hidden z-50 transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]', isCollapsed ? 'left-[-95px]' : 'left-0', isOpen
79
+ ? 'opacity-100 translate-y-0 scale-100 pointer-events-auto'
80
+ : 'opacity-0 translate-y-2 scale-[0.96] pointer-events-none'), children: [_jsxs("div", { className: "p-3 px-3 border-b border-white/[0.06] flex items-center gap-2.5", children: [_jsx("div", { className: "w-9 h-9 rounded-full bg-violet-500/20 flex items-center justify-center border border-violet-500/30 shrink-0", children: _jsx(User, { size: 18, className: "text-violet-400", strokeWidth: 1.5 }) }), _jsxs("div", { className: "overflow-hidden", children: [_jsx("div", { className: "text-white text-[13px] font-medium font-[Sora,sans-serif] truncate", children: userName }), _jsx("div", { className: "text-gray-500 text-[11px] font-[Sora,sans-serif] truncate", children: userEmail })] })] }), _jsx("div", { className: "p-1.5", children: _jsxs("div", { ref: notificationsItemRef, role: "menuitem", tabIndex: focusedIndex === 0 && isOpen ? 0 : -1, onClick: handleNotificationsToggle, onKeyDown: e => {
81
+ if (e.key === 'Enter' || e.key === ' ') {
82
+ e.preventDefault();
83
+ handleNotificationsToggle();
84
+ }
85
+ else {
86
+ handleSettingsKeyDown(e);
87
+ }
88
+ }, className: cn('w-full py-2.5 px-2 flex items-center justify-between rounded-lg transition-colors cursor-pointer', focusedIndex === 0 && isOpen
89
+ ? 'bg-white/[0.06]'
90
+ : 'hover:bg-white/[0.04]'), children: [_jsxs("div", { className: "flex items-center gap-2.5", children: [notifications ? (_jsx(Bell, { size: 15, className: "text-emerald-500", strokeWidth: 2 })) : (_jsx(BellOff, { size: 15, className: "text-gray-500", strokeWidth: 2 })), _jsx("span", { className: "text-gray-300 text-[13px] font-[Sora,sans-serif]", children: "Notifications" })] }), _jsx(ToggleSwitch, { enabled: notifications, size: "sm", "aria-label": "Toggle notifications" })] }) }), onLogout && (_jsx("div", { className: "p-1.5 border-t border-white/[0.06]", children: _jsxs("button", { ref: logoutItemRef, type: "button", role: "menuitem", tabIndex: focusedIndex === 1 && isOpen ? 0 : -1, onClick: onLogout, onKeyDown: handleSettingsKeyDown, className: cn('w-full py-2.5 px-2 flex items-center gap-2.5 bg-transparent border-none rounded-lg cursor-pointer transition-colors', focusedIndex === 1 && isOpen
91
+ ? 'bg-red-500/10'
92
+ : 'hover:bg-red-500/10'), children: [_jsx(LogOut, { size: 15, className: "text-red-500", strokeWidth: 2 }), _jsx("span", { className: "text-red-500 text-[13px] font-[Sora,sans-serif]", children: "Sign out" })] }) }))] }), _jsx("div", { className: cn('border-t border-white/[0.08] transition-all duration-300', isCollapsed ? 'pt-2' : 'pt-3'), children: _jsxs("button", { ref: triggerRef, type: "button", onClick: () => setIsOpen(!isOpen), onKeyDown: handleSettingsKeyDown, "aria-label": "Open settings", "aria-expanded": isOpen, "aria-haspopup": "menu", className: cn('h-[41px] rounded-lg border-none cursor-pointer transition-all duration-300', 'flex items-center gap-3', isCollapsed ? 'w-[56px] justify-center pl-0' : 'w-[247px] pl-3', isOpen ? 'bg-white/[0.06]' : 'bg-transparent hover:bg-white/[0.04]'), children: [_jsx("div", { className: "w-5 h-6 flex items-center justify-center", children: _jsx(Settings, { size: 15, className: cn(isOpen ? 'text-violet-400' : 'text-gray-500'), strokeWidth: 2 }) }), !isCollapsed && (_jsxs(_Fragment, { children: [_jsx("span", { className: cn('text-sm font-normal leading-[21px] font-[Sora,sans-serif] flex-1 text-left transition-opacity duration-200', isOpen ? 'text-white' : 'text-gray-400'), children: "Settings" }), _jsx("div", { className: "w-[18px] h-[22px] flex items-center justify-center mr-3", children: _jsx(ChevronUp, { size: 12, className: cn('transition-transform duration-200', isOpen ? 'text-violet-400 rotate-180' : 'text-gray-600'), strokeWidth: 2 }) })] }))] }) })] }));
93
+ }
94
+ //# sourceMappingURL=SettingsDropup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsDropup.js","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import type { SettingsModalProps } from './types';
2
+ export type { SettingsModalProps };
3
+ export declare function SettingsModal({ isOpen, onClose, userEmail, userName, onLogout, onNotificationsChange, initialNotifications, }: SettingsModalProps): import("react/jsx-runtime").JSX.Element | null;
4
+ //# sourceMappingURL=SettingsModal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAMlD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAA8B,EAC9B,QAAiB,EACjB,QAAQ,EACR,qBAAqB,EACrB,oBAA2B,GAC5B,EAAE,kBAAkB,kDA2KpB"}
@@ -0,0 +1,56 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { Bell, BellOff, Globe, LogOut, User, X } from 'lucide-react';
4
+ import { useCallback, useEffect, useRef, useState } from 'react';
5
+ import { cn } from '../../lib/utils';
6
+ import { ToggleSwitch } from '../inputs/ToggleSwitch';
7
+ export function SettingsModal({ isOpen, onClose, userEmail = 'user@example.com', userName = 'User', onLogout, onNotificationsChange, initialNotifications = true, }) {
8
+ const [notifications, setNotifications] = useState(initialNotifications);
9
+ const [isClosing, setIsClosing] = useState(false);
10
+ const closeTimeoutRef = useRef(null);
11
+ const modalRef = useRef(null);
12
+ useEffect(() => {
13
+ if (isOpen) {
14
+ setIsClosing(false);
15
+ modalRef.current?.focus();
16
+ }
17
+ }, [isOpen]);
18
+ useEffect(() => {
19
+ setNotifications(initialNotifications);
20
+ }, [initialNotifications]);
21
+ useEffect(() => {
22
+ return () => {
23
+ if (closeTimeoutRef.current) {
24
+ clearTimeout(closeTimeoutRef.current);
25
+ }
26
+ };
27
+ }, []);
28
+ const handleClose = useCallback(() => {
29
+ setIsClosing(true);
30
+ closeTimeoutRef.current = setTimeout(() => {
31
+ onClose();
32
+ }, 200);
33
+ }, [onClose]);
34
+ useEffect(() => {
35
+ if (!isOpen)
36
+ return;
37
+ const handleKeyDown = (e) => {
38
+ if (e.key === 'Escape') {
39
+ handleClose();
40
+ }
41
+ };
42
+ document.addEventListener('keydown', handleKeyDown);
43
+ return () => document.removeEventListener('keydown', handleKeyDown);
44
+ }, [isOpen, handleClose]);
45
+ const toggleNotifications = () => {
46
+ const newValue = !notifications;
47
+ setNotifications(newValue);
48
+ onNotificationsChange?.(newValue);
49
+ };
50
+ if (!isOpen)
51
+ return null;
52
+ return (_jsxs(_Fragment, { children: [_jsx("div", { role: "presentation", "aria-hidden": "true", onClick: handleClose, className: cn('fixed inset-0 bg-black/60 backdrop-blur-sm z-[100] transition-opacity duration-200', isClosing ? 'opacity-0' : 'opacity-100') }), _jsxs("div", { ref: modalRef, role: "dialog", "aria-modal": "true", "aria-labelledby": "settings-modal-title", tabIndex: -1, className: cn('fixed top-1/2 left-1/2 w-[400px] max-w-[90vw] z-[101]', 'bg-[rgba(10,5,20,0.98)] backdrop-blur-[20px] rounded-2xl', 'border border-white/[0.08]', 'shadow-[0px_24px_48px_rgba(0,0,0,0.5),0px_0px_1px_rgba(139,92,246,0.3)]', 'transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]', isClosing
53
+ ? 'opacity-0 -translate-x-1/2 -translate-y-1/2 scale-95'
54
+ : 'opacity-100 -translate-x-1/2 -translate-y-1/2 scale-100'), children: [_jsxs("div", { className: "flex items-center justify-between px-6 py-5 border-b border-white/[0.06]", children: [_jsx("h2", { id: "settings-modal-title", className: "text-white text-lg font-semibold font-[Sora,sans-serif] m-0", children: "Settings" }), _jsx("button", { type: "button", onClick: handleClose, "aria-label": "Close settings", className: "w-8 h-8 flex items-center justify-center bg-transparent border-none rounded-lg cursor-pointer transition-colors hover:bg-white/[0.06]", children: _jsx(X, { size: 18, className: "text-gray-500", strokeWidth: 2 }) })] }), _jsx("div", { className: "px-6 py-5 border-b border-white/[0.06]", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-12 h-12 rounded-full bg-violet-500/20 flex items-center justify-center border border-violet-500/30", children: _jsx(User, { size: 24, className: "text-violet-400", strokeWidth: 1.5 }) }), _jsxs("div", { children: [_jsx("div", { className: "text-white text-sm font-medium font-[Sora,sans-serif]", children: userName }), _jsx("div", { className: "text-gray-500 text-xs font-[Sora,sans-serif] mt-0.5", children: userEmail })] })] }) }), _jsxs("div", { className: "p-3 px-4", children: [_jsxs("button", { type: "button", onClick: toggleNotifications, className: "w-full px-3 py-3.5 flex items-center justify-between bg-transparent border-none rounded-[10px] cursor-pointer transition-colors hover:bg-white/[0.04]", children: [_jsxs("div", { className: "flex items-center gap-3", children: [notifications ? (_jsx(Bell, { size: 18, className: "text-emerald-500", strokeWidth: 2 })) : (_jsx(BellOff, { size: 18, className: "text-gray-500", strokeWidth: 2 })), _jsx("span", { className: "text-gray-300 text-sm font-[Sora,sans-serif]", children: "Notifications" })] }), _jsx(ToggleSwitch, { enabled: notifications, onChange: toggleNotifications, "aria-label": "Toggle notifications" })] }), _jsxs("button", { type: "button", disabled: true, "aria-disabled": "true", className: "w-full px-3 py-3.5 flex items-center justify-between bg-transparent border-none rounded-[10px] cursor-not-allowed opacity-60", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Globe, { size: 18, className: "text-gray-500", strokeWidth: 2 }), _jsx("span", { className: "text-gray-300 text-sm font-[Sora,sans-serif]", children: "Language" })] }), _jsx("div", { className: "text-gray-500 text-[13px] font-[Sora,sans-serif]", children: "English" })] })] }), onLogout && (_jsx("div", { className: "px-4 pt-3 pb-5 border-t border-white/[0.06]", children: _jsxs("button", { type: "button", onClick: onLogout, className: "w-full p-3 flex items-center justify-center gap-2 bg-red-500/10 border border-red-500/20 rounded-[10px] cursor-pointer transition-all hover:bg-red-500/15 hover:border-red-500/30", children: [_jsx(LogOut, { size: 16, className: "text-red-500", strokeWidth: 2 }), _jsx("span", { className: "text-red-500 text-sm font-medium font-[Sora,sans-serif]", children: "Sign out" })] }) }))] })] }));
55
+ }
56
+ //# sourceMappingURL=SettingsModal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsModal.js","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsModal.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ export interface SidePanelProps {
2
+ isOpen: boolean;
3
+ onClose: () => void;
4
+ title?: string;
5
+ subtitle?: string;
6
+ children: React.ReactNode;
7
+ width?: 'sm' | 'md' | 'lg';
8
+ showBackdrop?: boolean;
9
+ className?: string;
10
+ }
11
+ export declare function SidePanel({ isOpen, onClose, title, subtitle, children, width, showBackdrop, className, }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=SidePanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SidePanel.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAY,EACZ,YAAmB,EACnB,SAAS,GACV,EAAE,cAAc,2CA8IhB"}
@@ -0,0 +1,79 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { X } from 'lucide-react';
4
+ import { useCallback, useEffect, useRef } from 'react';
5
+ import { cn } from '../../lib/utils';
6
+ import { FOCUSABLE_ELEMENTS } from './constants/accessibility';
7
+ const widthClasses = {
8
+ sm: 'w-[380px]',
9
+ md: 'w-[480px]',
10
+ lg: 'w-[560px]',
11
+ };
12
+ export function SidePanel({ isOpen, onClose, title, subtitle, children, width = 'md', showBackdrop = true, className, }) {
13
+ const scrollContainerRef = useRef(null);
14
+ const panelRef = useRef(null);
15
+ const previousActiveElement = useRef(null);
16
+ const handleKeyDown = useCallback((e) => {
17
+ if (e.key === 'Escape') {
18
+ onClose();
19
+ return;
20
+ }
21
+ // Focus trap
22
+ if (e.key === 'Tab' && panelRef.current) {
23
+ const focusableElements = panelRef.current.querySelectorAll(FOCUSABLE_ELEMENTS);
24
+ const firstElement = focusableElements[0];
25
+ const lastElement = focusableElements[focusableElements.length - 1];
26
+ if (e.shiftKey && document.activeElement === firstElement) {
27
+ e.preventDefault();
28
+ lastElement?.focus();
29
+ }
30
+ else if (!e.shiftKey && document.activeElement === lastElement) {
31
+ e.preventDefault();
32
+ firstElement?.focus();
33
+ }
34
+ }
35
+ }, [onClose]);
36
+ useEffect(() => {
37
+ if (isOpen) {
38
+ previousActiveElement.current = document.activeElement;
39
+ document.addEventListener('keydown', handleKeyDown);
40
+ // Focus first focusable element in panel
41
+ setTimeout(() => {
42
+ if (panelRef.current) {
43
+ const focusableElements = panelRef.current.querySelectorAll(FOCUSABLE_ELEMENTS);
44
+ focusableElements[0]?.focus();
45
+ }
46
+ }, 0);
47
+ }
48
+ else {
49
+ // Restore focus to previous element
50
+ previousActiveElement.current?.focus();
51
+ }
52
+ return () => {
53
+ document.removeEventListener('keydown', handleKeyDown);
54
+ };
55
+ }, [isOpen, handleKeyDown]);
56
+ useEffect(() => {
57
+ if (isOpen && scrollContainerRef.current) {
58
+ scrollContainerRef.current.scrollTop = 0;
59
+ }
60
+ }, [isOpen]);
61
+ return (_jsxs(_Fragment, { children: [showBackdrop && (_jsx("div", { className: cn('fixed inset-0 z-[200] transition-opacity duration-300', isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'), style: {
62
+ background: 'rgba(0, 0, 0, 0.60)',
63
+ backdropFilter: 'blur(4px)',
64
+ }, onClick: onClose })), _jsxs("div", { ref: panelRef, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'side-panel-title' : undefined, className: cn('fixed top-0 right-0 h-full z-[201] flex flex-col transition-transform duration-300 ease-out', widthClasses[width], isOpen ? 'translate-x-0' : 'translate-x-full', className), style: {
65
+ background: 'linear-gradient(180deg, rgba(10, 5, 20, 0.98) 0%, rgba(5, 2, 12, 0.99) 100%)',
66
+ borderLeft: '1px solid rgba(255, 255, 255, 0.08)',
67
+ boxShadow: '-20px 0 60px rgba(0, 0, 0, 0.5)',
68
+ }, children: [_jsxs("div", { className: "flex-shrink-0 flex items-start justify-between p-6 border-b", style: { borderColor: 'rgba(255, 255, 255, 0.08)' }, children: [_jsxs("div", { className: "flex-1 min-w-0 pr-4", children: [title && (_jsx("h2", { id: "side-panel-title", className: "text-lg font-semibold truncate text-gray-100", children: title })), subtitle && (_jsx("p", { className: "text-sm mt-1 truncate text-gray-500", children: subtitle }))] }), _jsx("button", { type: "button", onClick: onClose, className: "p-2 -m-2 rounded-lg transition-colors hover:bg-white/5", "aria-label": "Close panel", children: _jsx(X, { size: 20, color: "#6B7280" }) })] }), _jsx("div", { ref: scrollContainerRef, className: "side-panel-content flex-1 overflow-y-auto overscroll-contain", "data-lenis-prevent": true, children: children }), _jsx("style", { children: `
69
+ .side-panel-content {
70
+ scroll-behavior: smooth;
71
+ -ms-overflow-style: none;
72
+ scrollbar-width: none;
73
+ }
74
+ .side-panel-content::-webkit-scrollbar {
75
+ display: none;
76
+ }
77
+ ` })] })] }));
78
+ }
79
+ //# sourceMappingURL=SidePanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SidePanel.js","sourceRoot":"","sources":["../../../src/components/dashboard/SidePanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAa/D,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAChB,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,IAAI,EACZ,YAAY,GAAG,IAAI,EACnB,SAAS,GACM;IACf,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,qBAAqB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgB,EAAE,EAAE;QACnB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,aAAa;QACb,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACxC,MAAM,iBAAiB,GACrB,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAgB,CAAC;YACzD,MAAM,WAAW,GAAG,iBAAiB,CACnC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CACd,CAAC;YAEjB,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,YAAY,EAAE,CAAC;gBAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,KAAK,EAAE,CAAC;YACvB,CAAC;iBAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,EAAE,CAAC;gBACjE,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,KAAK,EAAE,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,qBAAqB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAA4B,CAAC;YACtE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YAEpD,yCAAyC;YACzC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACrB,MAAM,iBAAiB,GACrB,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;oBACvD,iBAAiB,CAAC,CAAC,CAAiB,EAAE,KAAK,EAAE,CAAC;gBACjD,CAAC;YACH,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;aAAM,CAAC;YACN,oCAAoC;YACpC,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YACzC,kBAAkB,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,8BACG,YAAY,IAAI,CACf,cACE,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,+BAA+B,CACzD,EACD,KAAK,EAAE;oBACL,UAAU,EAAE,qBAAqB;oBACjC,cAAc,EAAE,WAAW;iBAC5B,EACD,OAAO,EAAE,OAAO,GAChB,CACH,EAED,eACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,gBACF,MAAM,qBACA,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACvD,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAC7C,SAAS,CACV,EACD,KAAK,EAAE;oBACL,UAAU,EACR,8EAA8E;oBAChF,UAAU,EAAE,qCAAqC;oBACjD,SAAS,EAAE,iCAAiC;iBAC7C,aAED,eACE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,EAAE,WAAW,EAAE,2BAA2B,EAAE,aAEnD,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CACR,aACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,8CAA8C,YAEvD,KAAK,GACH,CACN,EACA,QAAQ,IAAI,CACX,YAAG,SAAS,EAAC,qCAAqC,YAAE,QAAQ,GAAK,CAClE,IACG,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wDAAwD,gBACvD,aAAa,YAExB,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,GACxB,IACL,EAEN,cACE,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAC,8DAA8D,wCAGvE,QAAQ,GACL,EACN,0BAAQ;;;;;;;;;SASP,GAAS,IACN,IACL,CACJ,CAAC;AACJ,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { NavItem, SidebarProps } from './types';
2
+ export type { NavItem, SidebarProps };
3
+ export declare function Sidebar({ navItems, activeHref, onNavigate, showSettings, logoSrc, userName, userEmail, onLogout, onNotificationsChange, initialNotifications, chatHistory, activeChatId, chatHistoryExpanded, onChatClick, onChatHistoryToggle, onChatRename, onChatDelete, showChatHistory, isCollapsed, onToggleCollapse, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
4
+ //# sourceMappingURL=Sidebar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASrD,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AAItC,wBAAgB,OAAO,CAAC,EACtB,QAA4B,EAC5B,UAAgB,EAChB,UAAU,EACV,YAAmB,EACnB,OAAsB,EACtB,QAAiB,EACjB,SAA8B,EAC9B,QAAQ,EACR,qBAAqB,EACrB,oBAA2B,EAC3B,WAAW,EACX,YAAY,EACZ,mBAA0B,EAC1B,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,eAAuB,EACvB,WAAmB,EACnB,gBAAgB,GACjB,EAAE,YAAY,2CAkEd"}
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { ChatHistorySection } from './ChatHistorySection';
4
+ import { DEFAULT_NAV_ITEMS } from './constants/navigation';
5
+ import { NavMenu } from './NavMenu';
6
+ import { SettingsDropup } from './SettingsDropup';
7
+ import { SidebarLogo } from './SidebarLogo';
8
+ import { normalizePath } from './utils/pathUtils';
9
+ import { cn } from '../../lib/utils';
10
+ const isAskCrowPage = (href) => normalizePath(href) === '/ask-crow';
11
+ export function Sidebar({ navItems = DEFAULT_NAV_ITEMS, activeHref = '/', onNavigate, showSettings = true, logoSrc = '/logo.webp', userName = 'User', userEmail = 'user@example.com', onLogout, onNotificationsChange, initialNotifications = true, chatHistory, activeChatId, chatHistoryExpanded = true, onChatClick, onChatHistoryToggle, onChatRename, onChatDelete, showChatHistory = false, isCollapsed = false, onToggleCollapse, }) {
12
+ const displayChatHistory = showChatHistory || isAskCrowPage(activeHref);
13
+ return (_jsxs("aside", { className: cn('h-full relative bg-black overflow-hidden border-r border-white/[0.08] shrink-0 hidden md:flex md:flex-col', 'transition-[width] duration-300', isCollapsed ? 'w-[80px]' : 'w-[280px]'), children: [_jsx("div", { className: cn('h-full absolute left-0 top-0 bg-gradient-to-b from-white/[0.02] to-transparent pointer-events-none transition-[width] duration-300', isCollapsed ? 'w-[79px]' : 'w-[279px]') }), _jsx("div", { className: cn('h-32 absolute left-0 top-0 opacity-50 bg-gradient-to-b from-[#100B1A] to-transparent pointer-events-none transition-[width] duration-300', isCollapsed ? 'w-[79px]' : 'w-[279px]') }), _jsx("div", { className: cn('relative z-10 pt-3 h-[60px] flex items-center transition-all duration-300', isCollapsed ? 'px-1.5 justify-center' : 'px-3'), children: _jsx(SidebarLogo, { logoSrc: logoSrc, isCollapsed: isCollapsed, onToggleCollapse: onToggleCollapse }) }), _jsx(NavMenu, { items: navItems, activeHref: activeHref, onNavigate: onNavigate, isCollapsed: isCollapsed, onRequestExpand: onToggleCollapse }), !isCollapsed && (_jsx(ChatHistorySection, { items: chatHistory, activeItemId: activeChatId, isExpanded: chatHistoryExpanded, isVisible: displayChatHistory, onItemClick: onChatClick, onToggleExpanded: onChatHistoryToggle, onRename: onChatRename, onDelete: onChatDelete })), showSettings && (_jsx(SettingsDropup, { userName: userName, userEmail: userEmail, initialNotifications: initialNotifications, onNotificationsChange: onNotificationsChange, onLogout: onLogout, isCollapsed: isCollapsed }))] }));
14
+ }
15
+ //# sourceMappingURL=Sidebar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/dashboard/Sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAIrC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,WAAW,CAAC;AAE5E,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,GAAG,iBAAiB,EAC5B,UAAU,GAAG,GAAG,EAChB,UAAU,EACV,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,YAAY,EACtB,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,kBAAkB,EAC9B,QAAQ,EACR,qBAAqB,EACrB,oBAAoB,GAAG,IAAI,EAC3B,WAAW,EACX,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,WAAW,GAAG,KAAK,EACnB,gBAAgB,GACH;IACb,MAAM,kBAAkB,GAAG,eAAe,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;IAExE,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,iCAAiC,EACjC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CACvC,aAED,cACE,SAAS,EAAE,EAAE,CACX,oIAAoI,EACpI,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CACvC,GACD,EACF,cACE,SAAS,EAAE,EAAE,CACX,0IAA0I,EAC1I,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CACvC,GACD,EAEF,cACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAC/C,YAED,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GAC3F,EAEN,KAAC,OAAO,IACN,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,gBAAgB,GACjC,EAED,CAAC,WAAW,IAAI,CACf,KAAC,kBAAkB,IACjB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,mBAAmB,EAC/B,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,GACtB,CACH,EAEA,YAAY,IAAI,CACf,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,IACK,CACT,CAAC;AACJ,CAAC"}
@@ -0,0 +1,9 @@
1
+ export interface SidebarLogoProps {
2
+ logoSrc: string;
3
+ title?: string;
4
+ subtitle?: string;
5
+ isCollapsed?: boolean;
6
+ onToggleCollapse?: () => void;
7
+ }
8
+ export declare function SidebarLogo({ logoSrc, title, subtitle, isCollapsed, onToggleCollapse, }: SidebarLogoProps): import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=SidebarLogo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SidebarLogo.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SidebarLogo.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAc,EACd,QAAmB,EACnB,WAAmB,EACnB,gBAAgB,GACjB,EAAE,gBAAgB,2CAuElB"}