@b3-crow/ui-kit 0.0.31-pr25.10 → 0.0.31-pr30.1

package/dist/components/dashboard/PatternCard.d.ts

@@ -1,7 +1,7 @@
 export type SeverityLevel = 'high' | 'medium' | 'low';
 export type ConfidenceLevel = 'high' | 'medium' | 'low';
 export interface PatternCardProps {
-    id: string;
+    id?: string;
     title: string;
     severity: SeverityLevel;
     affectedStores: string;

package/dist/components/dashboard/PatternCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PatternCard.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,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;AA4CD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAkIlB"}
+{"version":3,"file":"PatternCard.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExD,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;AAkDD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAgHlB"}

package/dist/components/dashboard/PatternCard.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
 import { Bell, Clock, MapPin } from 'lucide-react';
+import { cn } from '../../lib/utils';
 const severityConfig = {
     high: {
         label: 'HIGH',

package/dist/components/dashboard/PatternCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PatternCard.js","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAkBnD,MAAM,cAAc,GAAwF;IAC1G,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,yBAAyB;QAC7B,MAAM,EAAE,yBAAyB;KAClC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,yBAAyB;QAC7B,MAAM,EAAE,yBAAyB;KAClC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,0BAA0B;QAC9B,MAAM,EAAE,0BAA0B;KACnC;CACF,CAAC;AAEF,MAAM,gBAAgB,GAA0F;IAC9G,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,0BAA0B;QAC9B,MAAM,EAAE,0BAA0B;KACnC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,2BAA2B;QAC/B,MAAM,EAAE,2BAA2B;KACpC;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,2BAA2B;QAC/B,MAAM,EAAE,2BAA2B;KACpC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,GACQ;IACjB,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAErD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,SAAS,CACV,EACD,KAAK,EAAE;YACL,UAAU,EAAE,uBAAuB;YACnC,SAAS,EAAE,sCAAsC;YACjD,OAAO,EAAE,qCAAqC;YAC9C,aAAa,EAAE,MAAM;YACrB,cAAc,EAAE,WAAW;SAC5B,YAED,eAAK,SAAS,EAAC,KAAK,aAElB,eAAK,SAAS,EAAC,6CAA6C,aAC1D,aACE,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,KAAK,GACH,EACL,eACE,SAAS,EAAC,+EAA+E,EACzF,KAAK,EAAE;gCACL,KAAK,EAAE,aAAa,CAAC,KAAK;gCAC1B,UAAU,EAAE,aAAa,CAAC,EAAE;gCAC5B,OAAO,EAAE,OAAO,aAAa,CAAC,MAAM,QAAQ;gCAC5C,aAAa,EAAE,MAAM;6BACtB,YAEA,aAAa,CAAC,KAAK,GACf,IACH,EAGN,eAAK,SAAS,EAAC,gBAAgB,aAE7B,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,EACpC,gBACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,kCAET,cAAc,IAC3B,IACH,EAGN,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,EACnC,gBACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,4BAEf,QAAQ,IACf,IACH,IACF,EAGN,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,4BAGtB,EACP,eACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gCACL,KAAK,EAAE,eAAe,CAAC,KAAK;gCAC5B,UAAU,EAAE,eAAe,CAAC,EAAE;gCAC9B,OAAO,EAAE,OAAO,eAAe,CAAC,MAAM,QAAQ;gCAC9C,aAAa,EAAE,MAAM;6BACtB,YAEA,eAAe,CAAC,KAAK,GACjB,IACH,EAGN,eACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,SAAS,EAAE,qCAAqC,EAAE,aAE3D,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,8GAA8G,EACxH,KAAK,EAAE;gCACL,UAAU,EAAE,SAAS;gCACrB,SAAS,EAAE,uCAAuC;gCAClD,OAAO,EAAE,mBAAmB;gCAC5B,aAAa,EAAE,MAAM;6BACtB,6BAGM,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,oHAAoH,EAC9H,KAAK,EAAE;gCACL,KAAK,EAAE,SAAS;gCAChB,OAAO,EAAE,qCAAqC;gCAC9C,aAAa,EAAE,MAAM;6BACtB,8BAGM,EACT,cAAK,SAAS,EAAC,QAAQ,GAAG,EAC1B,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAE3B,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,oBAE3B,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PatternCard.js","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/dashboard/SearchInput.d.ts

@@ -8,7 +8,6 @@ export interface SearchInputProps {
     disabled?: boolean;
     className?: string;
     helperText?: string;
-    /** Use transparent background variant */
     variant?: 'default' | 'transparent';
 }
 export declare function SearchInput({ placeholder, value: controlledValue, defaultValue, onChange, onSubmit, showMicButton, disabled, className, helperText, variant, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAyB,EACzB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAoB,EACpB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,OAAmB,GACpB,EAAE,gBAAgB,2CAmElB"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC;AAQD,wBAAgB,WAAW,CAAC,EAC1B,WAAyB,EACzB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAoB,EACpB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,OAAmB,GACpB,EAAE,gBAAgB,2CAkElB"}

package/dist/components/dashboard/SearchInput.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight, Mic, Search } from 'lucide-react';
 import { useState } from 'react';
-import { Search, ArrowRight, Mic } from 'lucide-react';
 import { cn } from '../../lib/utils';
 export function SearchInput({ placeholder = 'Search...', value: controlledValue, defaultValue = '', onChange, onSubmit, showMicButton = true, disabled = false, className, helperText, variant = 'default', }) {
     const [internalValue, setInternalValue] = useState(defaultValue);
@@ -23,19 +23,14 @@ export function SearchInput({ placeholder = 'Search...', value: controlledValue,
             handleSubmit();
         }
     };
-    return (_jsxs("div", { className: cn('w-full', className), children: [_jsxs("div", { className: cn('relative flex items-center rounded-full overflow-hidden h-[48px] sm:h-[54px]', disabled && 'opacity-50 cursor-not-allowed'), style: {
-                    background: variant === 'transparent' ? 'rgba(14, 10, 21, 0.6)' : '#0E0A15',
-                    boxShadow: '0px 4px 6px -4px rgba(0, 0, 0, 0.10)',
-                    border: '1px solid rgba(255, 255, 255, 0.10)',
-                }, children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", placeholder: placeholder, value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: cn('w-full h-full pl-[53px] bg-transparent', 'text-white text-sm placeholder:text-gray-500', 'focus:outline-none', 'disabled:cursor-not-allowed', showMicButton ? 'pr-24' : 'pr-14') }), _jsx(ActionButtons, { showMicButton: showMicButton, disabled: disabled, onSubmit: handleSubmit })] }), helperText && (_jsx("p", { className: "text-[10px] text-gray-600 mt-2 sm:mt-3 text-center", children: helperText }))] }));
+    return (_jsxs("div", { className: cn('w-full', className), children: [_jsxs("div", { className: cn('relative flex items-center rounded-full overflow-hidden h-12 sm:h-[54px]', 'border border-white/10 shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.10)]', variant === 'transparent'
+                    ? 'bg-[rgba(14,10,21,0.6)]'
+                    : 'bg-[#0E0A15]', disabled && 'opacity-50 cursor-not-allowed'), children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", placeholder: placeholder, value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: cn('w-full h-full pl-[53px] bg-transparent', 'text-white text-sm placeholder:text-gray-500', 'focus:outline-none', 'disabled:cursor-not-allowed', showMicButton ? 'pr-24' : 'pr-14') }), _jsx(ActionButtons, { showMicButton: showMicButton, disabled: disabled, onSubmit: handleSubmit })] }), helperText && (_jsx("p", { className: "text-[10px] text-gray-600 mt-2 sm:mt-3 text-center", children: helperText }))] }));
 }
 function SearchIcon() {
     return (_jsx("div", { className: "absolute left-4 flex items-center justify-center", children: _jsx(Search, { size: 24, className: "text-gray-500", strokeWidth: 2 }) }));
 }
 function ActionButtons({ showMicButton, disabled, onSubmit, }) {
-    return (_jsxs("div", { className: "absolute right-2 sm:right-3 flex items-center gap-1 sm:gap-2", children: [showMicButton && (_jsx("button", { type: "button", disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'hover:bg-white/5 transition-colors', 'disabled:cursor-not-allowed'), "aria-label": "Voice input", children: _jsx(Mic, { size: 20, className: "text-gray-500", strokeWidth: 2 }) })), _jsx("button", { type: "button", onClick: onSubmit, disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'transition-colors', 'disabled:cursor-not-allowed disabled:opacity-50'), style: {
-                    background: '#7C3AED',
-                    boxShadow: '0px 0px 10px rgba(124, 58, 237, 0.30)',
-                }, "aria-label": "Submit", children: _jsx(ArrowRight, { size: 18, className: "text-white", strokeWidth: 2 }) })] }));
+    return (_jsxs("div", { className: "absolute right-2 sm:right-3 flex items-center gap-1 sm:gap-2", children: [showMicButton && (_jsx("button", { type: "button", disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'hover:bg-white/5 transition-colors', 'disabled:cursor-not-allowed'), "aria-label": "Voice input", children: _jsx(Mic, { size: 20, className: "text-gray-500", strokeWidth: 2 }) })), _jsx("button", { type: "button", onClick: onSubmit, disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'bg-violet-600 shadow-[0px_0px_10px_rgba(124,58,237,0.30)]', 'transition-colors', 'disabled:cursor-not-allowed disabled:opacity-50'), "aria-label": "Submit", children: _jsx(ArrowRight, { size: 18, className: "text-white", strokeWidth: 2 }) })] }));
 }
 //# sourceMappingURL=SearchInput.js.map

package/dist/components/dashboard/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/dashboard/SectionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;CACJ;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAwB,EACxB,cAAc,EACd,aAAa,GACd,EAAE,kBAAkB,2CAyBpB"}
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;CACJ;AASD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAwB,EACxB,cAAc,EACd,aAAa,GACd,EAAE,kBAAkB,2CAiBpB"}

package/dist/components/dashboard/SectionHeader.js

@@ -3,14 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { ArrowRight } from 'lucide-react';
 export function SectionHeader({ title, viewAllHref, viewAllText = 'View all', onViewAllClick, LinkComponent, }) {
     const showViewAll = viewAllHref || onViewAllClick;
-    return (_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between", style: {
-            background: 'rgba(255, 255, 255, 0.01)',
-            borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
-        }, children: [_jsx("h3", { className: "text-xs sm:text-sm font-semibold text-white", children: title }), showViewAll && (_jsx(ViewAllLink, { href: viewAllHref, text: viewAllText, onClick: onViewAllClick, LinkComponent: LinkComponent }))] }));
+    return (_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between bg-white/[0.01] border-b border-white/[0.06]", children: [_jsx("h3", { className: "text-xs sm:text-sm font-semibold text-white", children: title }), showViewAll && (_jsx(ViewAllLink, { href: viewAllHref, text: viewAllText, onClick: onViewAllClick, LinkComponent: LinkComponent }))] }));
 }
-function ViewAllLink({ href, text, onClick, LinkComponent, }) {
+function ViewAllLink({ href, text, onClick, LinkComponent }) {
     const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-[10px] sm:text-xs text-violet-400", children: text }), _jsx(ArrowRight, { size: 12, className: "text-violet-400 sm:w-3.5 sm:h-3.5", strokeWidth: 2 })] }));
-    const className = "flex items-center gap-1 hover:opacity-80 transition-opacity";
+    const className = 'flex items-center gap-1 hover:opacity-80 transition-opacity';
     if (LinkComponent && href) {
         return (_jsx(LinkComponent, { href: href, className: className, children: content }));
     }

package/dist/components/dashboard/SectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAc1C,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAW,GAAG,UAAU,EACxB,cAAc,EACd,aAAa,GACM;IACnB,MAAM,WAAW,GAAG,WAAW,IAAI,cAAc,CAAC;IAElD,OAAO,CACL,eACE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE;YACL,UAAU,EAAE,2BAA2B;YACvC,YAAY,EAAE,qCAAqC;SACpD,aAED,aAAI,SAAS,EAAC,6CAA6C,YACxD,KAAK,GACH,EAEJ,WAAW,IAAI,CACd,KAAC,WAAW,IACV,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,aAAa,GAC5B,CACH,IACG,CACP,CAAC;AACJ,CAAC;AASD,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,GACI;IACjB,MAAM,OAAO,GAAG,CACd,8BACE,eAAM,SAAS,EAAC,wCAAwC,YACrD,IAAI,GACA,EACP,KAAC,UAAU,IACT,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,mCAAmC,EAC7C,WAAW,EAAE,CAAC,GACd,IACD,CACJ,CAAC;IAEF,MAAM,SAAS,GAAG,6DAA6D,CAAC;IAEhF,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAC5C,OAAO,GACM,CACjB,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAChC,OAAO,GACN,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACD,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAW,GAAG,UAAU,EACxB,cAAc,EACd,aAAa,GACM;IACnB,MAAM,WAAW,GAAG,WAAW,IAAI,cAAc,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,0GAA0G,aACvH,aAAI,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAM,EAEvE,WAAW,IAAI,CACd,KAAC,WAAW,IACV,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,aAAa,GAC5B,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAoB;IAC3E,MAAM,OAAO,GAAG,CACd,8BACE,eAAM,SAAS,EAAC,wCAAwC,YAAE,IAAI,GAAQ,EACtE,KAAC,UAAU,IACT,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,mCAAmC,EAC7C,WAAW,EAAE,CAAC,GACd,IACD,CACJ,CAAC;IAEF,MAAM,SAAS,GACb,6DAA6D,CAAC;IAEhE,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAC5C,OAAO,GACM,CACjB,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAChC,OAAO,GACN,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YACzD,OAAO,GACD,CACV,CAAC;AACJ,CAAC"}

package/dist/components/dashboard/SettingsDropup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsDropup.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAClD,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAiB,EACjB,SAA8B,EAC9B,YAAqB,EACrB,oBAA2B,EAC3B,aAAa,EACb,qBAAqB,EACrB,QAAQ,GACT,EAAE,mBAAmB,2CAiSrB"}
+{"version":3,"file":"SettingsDropup.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAClD,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAiB,EACjB,SAA8B,EAC9B,YAAqB,EACrB,oBAA2B,EAC3B,aAAa,EACb,qBAAqB,EACrB,QAAQ,GACT,EAAE,mBAAmB,2CAyJrB"}

package/dist/components/dashboard/SettingsDropup.js

@@ -1,7 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import { Settings, ChevronUp, Moon, Sun, Bell, BellOff, LogOut, User } from 'lucide-react';
+import { Bell, BellOff, ChevronUp, LogOut, Moon, Settings, Sun, User, } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../../lib/utils';
 import { ToggleSwitch } from './ToggleSwitch';
 export function SettingsDropup({ userName = 'User', userEmail = 'user@example.com', initialTheme = 'dark', initialNotifications = true, onThemeChange, onNotificationsChange, onLogout, }) {
     const [isOpen, setIsOpen] = useState(false);
@@ -27,143 +28,8 @@ export function SettingsDropup({ userName = 'User', userEmail = 'user@example.co
         setNotifications(newValue);
         onNotificationsChange?.(newValue);
     };
-    return (_jsxs("div", { ref: ref, style: {
-            width: 247,
-            left: 16,
-            bottom: 24,
-            position: 'absolute',
-        }, children: [_jsxs("div", { style: {
-                    position: 'absolute',
-                    bottom: 52,
-                    left: 0,
-                    width: 247,
-                    background: 'rgba(10, 5, 20, 0.98)',
-                    backdropFilter: 'blur(20px)',
-                    borderRadius: 12,
-                    border: '1px solid rgba(255, 255, 255, 0.08)',
-                    boxShadow: '0px -8px 32px rgba(0, 0, 0, 0.4)',
-                    overflow: 'hidden',
-                    opacity: isOpen ? 1 : 0,
-                    transform: isOpen ? 'translateY(0) scale(1)' : 'translateY(8px) scale(0.96)',
-                    pointerEvents: isOpen ? 'auto' : 'none',
-                    transition: 'all 0.2s cubic-bezier(0.16, 1, 0.3, 1)',
-                    zIndex: 50,
-                }, children: [_jsxs("div", { style: {
-                            padding: '14px 12px',
-                            borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: 10,
-                        }, children: [_jsx("div", { style: {
-                                    width: 36,
-                                    height: 36,
-                                    borderRadius: 9999,
-                                    background: 'rgba(139, 92, 246, 0.2)',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    border: '1px solid rgba(139, 92, 246, 0.3)',
-                                    flexShrink: 0,
-                                }, children: _jsx(User, { size: 18, color: "#A78BFA", strokeWidth: 1.5 }) }), _jsxs("div", { style: { overflow: 'hidden' }, children: [_jsx("div", { style: {
-                                            color: 'white',
-                                            fontSize: 13,
-                                            fontWeight: 500,
-                                            fontFamily: 'Sora, sans-serif',
-                                            whiteSpace: 'nowrap',
-                                            overflow: 'hidden',
-                                            textOverflow: 'ellipsis',
-                                        }, children: userName }), _jsx("div", { style: {
-                                            color: '#6B7280',
-                                            fontSize: 11,
-                                            fontFamily: 'Sora, sans-serif',
-                                            whiteSpace: 'nowrap',
-                                            overflow: 'hidden',
-                                            textOverflow: 'ellipsis',
-                                        }, children: userEmail })] })] }), _jsxs("div", { style: { padding: '6px' }, children: [_jsxs("button", { type: "button", onClick: handleThemeToggle, style: {
-                                    width: '100%',
-                                    padding: '10px 8px',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'space-between',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    borderRadius: 8,
-                                    cursor: 'pointer',
-                                    transition: 'background 0.15s ease',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.background = 'transparent';
-                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 10 }, children: [theme === 'dark' ? (_jsx(Moon, { size: 15, color: "#A78BFA", strokeWidth: 2 })) : (_jsx(Sun, { size: 15, color: "#FBBF24", strokeWidth: 2 })), _jsx("span", { style: { color: '#D1D5DB', fontSize: 13, fontFamily: 'Sora, sans-serif' }, children: "Theme" })] }), _jsx("div", { style: {
-                                            padding: '3px 8px',
-                                            background: 'rgba(139, 92, 246, 0.15)',
-                                            borderRadius: 5,
-                                            color: '#C4B5FD',
-                                            fontSize: 11,
-                                            fontWeight: 500,
-                                            fontFamily: 'Sora, sans-serif',
-                                        }, children: theme === 'dark' ? 'Dark' : 'Light' })] }), _jsxs("button", { type: "button", onClick: handleNotificationsToggle, style: {
-                                    width: '100%',
-                                    padding: '10px 8px',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'space-between',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    borderRadius: 8,
-                                    cursor: 'pointer',
-                                    transition: 'background 0.15s ease',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.background = 'transparent';
-                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 10 }, children: [notifications ? (_jsx(Bell, { size: 15, color: "#10B981", strokeWidth: 2 })) : (_jsx(BellOff, { size: 15, color: "#6B7280", strokeWidth: 2 })), _jsx("span", { style: { color: '#D1D5DB', fontSize: 13, fontFamily: 'Sora, sans-serif' }, children: "Notifications" })] }), _jsx(ToggleSwitch, { enabled: notifications, size: "sm" })] })] }), onLogout && (_jsx("div", { style: {
-                            padding: '6px',
-                            borderTop: '1px solid rgba(255, 255, 255, 0.06)',
-                        }, children: _jsxs("button", { type: "button", onClick: onLogout, style: {
-                                width: '100%',
-                                padding: '10px 8px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                gap: 10,
-                                background: 'transparent',
-                                border: 'none',
-                                borderRadius: 8,
-                                cursor: 'pointer',
-                                transition: 'background 0.15s ease',
-                            }, onMouseEnter: (e) => {
-                                e.currentTarget.style.background = 'rgba(239, 68, 68, 0.1)';
-                            }, onMouseLeave: (e) => {
-                                e.currentTarget.style.background = 'transparent';
-                            }, children: [_jsx(LogOut, { size: 15, color: "#EF4444", strokeWidth: 2 }), _jsx("span", { style: { color: '#EF4444', fontSize: 13, fontFamily: 'Sora, sans-serif' }, children: "Sign out" })] }) }))] }), _jsx("div", { style: { borderTop: '1px rgba(255, 255, 255, 0.08) solid', paddingTop: 12 }, children: _jsxs("button", { type: "button", onClick: () => setIsOpen(!isOpen), "aria-label": "Open settings", "aria-expanded": isOpen, style: {
-                        width: 247,
-                        height: 41,
-                        borderRadius: 8,
-                        background: isOpen ? 'rgba(255, 255, 255, 0.06)' : 'transparent',
-                        border: 'none',
-                        cursor: 'pointer',
-                        transition: 'background 0.15s ease',
-                        display: 'flex',
-                        alignItems: 'center',
-                        paddingLeft: 12,
-                        gap: 12,
-                    }, onMouseEnter: (e) => {
-                        if (!isOpen)
-                            e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
-                    }, onMouseLeave: (e) => {
-                        if (!isOpen)
-                            e.currentTarget.style.background = 'transparent';
-                    }, children: [_jsx("div", { style: { width: 20, height: 24, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(Settings, { size: 15, color: isOpen ? '#A78BFA' : '#6B7280', strokeWidth: 2 }) }), _jsx("span", { style: {
-                                color: isOpen ? 'white' : '#9CA3AF',
-                                fontSize: 14,
-                                fontFamily: 'Sora, sans-serif',
-                                fontWeight: 400,
-                                lineHeight: '21px',
-                                flex: 1,
-                                textAlign: 'left',
-                            }, children: "Settings" }), _jsx("div", { style: { width: 18, height: 22, display: 'flex', alignItems: 'center', justifyContent: 'center', marginRight: 12 }, children: _jsx(ChevronUp, { size: 12, color: isOpen ? '#A78BFA' : '#4B5563', strokeWidth: 2, style: {
-                                    transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-                                    transition: 'transform 0.2s ease',
-                                } }) })] }) })] }));
+    return (_jsxs("div", { ref: ref, className: "w-[247px] absolute left-4 bottom-6", children: [_jsxs("div", { className: cn('absolute bottom-[52px] left-0 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)]', isOpen
+                    ? 'opacity-100 translate-y-0 scale-100 pointer-events-auto'
+                    : '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 })] })] }), _jsxs("div", { className: "p-1.5", children: [_jsxs("button", { type: "button", onClick: handleThemeToggle, className: "w-full py-2.5 px-2 flex items-center justify-between bg-transparent border-none rounded-lg cursor-pointer transition-colors hover:bg-white/[0.04]", children: [_jsxs("div", { className: "flex items-center gap-2.5", children: [theme === 'dark' ? (_jsx(Moon, { size: 15, className: "text-violet-400", strokeWidth: 2 })) : (_jsx(Sun, { size: 15, className: "text-amber-400", strokeWidth: 2 })), _jsx("span", { className: "text-gray-300 text-[13px] font-[Sora,sans-serif]", children: "Theme" })] }), _jsx("div", { className: "py-0.5 px-2 bg-violet-500/15 rounded-[5px] text-violet-300 text-[11px] font-medium font-[Sora,sans-serif]", children: theme === 'dark' ? 'Dark' : 'Light' })] }), _jsxs("div", { className: "w-full py-2.5 px-2 flex items-center justify-between rounded-lg hover:bg-white/[0.04] transition-colors", 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, onChange: handleNotificationsToggle, size: "sm", "aria-label": "Toggle notifications" })] })] }), onLogout && (_jsx("div", { className: "p-1.5 border-t border-white/[0.06]", children: _jsxs("button", { type: "button", onClick: onLogout, className: "w-full py-2.5 px-2 flex items-center gap-2.5 bg-transparent border-none rounded-lg cursor-pointer transition-colors 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: "border-t border-white/[0.08] pt-3", children: _jsxs("button", { type: "button", onClick: () => setIsOpen(!isOpen), "aria-label": "Open settings", "aria-expanded": isOpen, className: cn('w-[247px] h-[41px] rounded-lg border-none cursor-pointer transition-colors', 'flex items-center pl-3 gap-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 }) }), _jsx("span", { className: cn('text-sm font-normal leading-[21px] font-[Sora,sans-serif] flex-1 text-left', 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 }) })] }) })] }));
 }
 //# sourceMappingURL=SettingsDropup.js.map

package/dist/components/dashboard/SettingsDropup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsDropup.js","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingsDropup.js","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"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"}

package/dist/components/dashboard/SettingsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAA8B,EAC9B,QAAiB,EACjB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,YAAqB,EACrB,oBAA2B,GAC5B,EAAE,kBAAkB,kDA2ZpB"}
+{"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,aAAa,EACb,qBAAqB,EACrB,YAAqB,EACrB,oBAA2B,GAC5B,EAAE,kBAAkB,kDAsMpB"}

package/dist/components/dashboard/SettingsModal.js

@@ -1,15 +1,19 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { X, Moon, Sun, Bell, BellOff, Globe, User, LogOut } from 'lucide-react';
+import { Bell, BellOff, Globe, LogOut, Moon, Sun, User, X } from 'lucide-react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { cn } from '../../lib/utils';
+import { ToggleSwitch } from './ToggleSwitch';
 export function SettingsModal({ isOpen, onClose, userEmail = 'user@example.com', userName = 'User', onLogout, onThemeChange, onNotificationsChange, initialTheme = 'dark', initialNotifications = true, }) {
     const [theme, setTheme] = useState(initialTheme);
     const [notifications, setNotifications] = useState(initialNotifications);
     const [isClosing, setIsClosing] = useState(false);
     const closeTimeoutRef = useRef(null);
+    const modalRef = useRef(null);
     useEffect(() => {
         if (isOpen) {
             setIsClosing(false);
+            modalRef.current?.focus();
         }
     }, [isOpen]);
     useEffect(() => {
@@ -54,187 +58,8 @@ export function SettingsModal({ isOpen, onClose, userEmail = 'user@example.com',
     };
     if (!isOpen)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { role: "presentation", "aria-hidden": "true", onClick: handleClose, style: {
-                    position: 'fixed',
-                    inset: 0,
-                    background: 'rgba(0, 0, 0, 0.6)',
-                    backdropFilter: 'blur(4px)',
-                    zIndex: 100,
-                    opacity: isClosing ? 0 : 1,
-                    transition: 'opacity 0.2s ease',
-                } }), _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": "settings-modal-title", style: {
-                    position: 'fixed',
-                    top: '50%',
-                    left: '50%',
-                    transform: isClosing
-                        ? 'translate(-50%, -50%) scale(0.95)'
-                        : 'translate(-50%, -50%) scale(1)',
-                    width: 400,
-                    maxWidth: '90vw',
-                    background: 'rgba(10, 5, 20, 0.98)',
-                    backdropFilter: 'blur(20px)',
-                    borderRadius: 16,
-                    border: '1px solid rgba(255, 255, 255, 0.08)',
-                    boxShadow: '0px 24px 48px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(139, 92, 246, 0.3)',
-                    zIndex: 101,
-                    opacity: isClosing ? 0 : 1,
-                    transition: 'all 0.2s cubic-bezier(0.16, 1, 0.3, 1)',
-                }, children: [_jsxs("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '20px 24px',
-                            borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
-                        }, children: [_jsx("h2", { id: "settings-modal-title", style: {
-                                    color: 'white',
-                                    fontSize: 18,
-                                    fontWeight: 600,
-                                    fontFamily: 'Sora, sans-serif',
-                                    margin: 0,
-                                }, children: "Settings" }), _jsx("button", { type: "button", onClick: handleClose, "aria-label": "Close settings", style: {
-                                    width: 32,
-                                    height: 32,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    borderRadius: 8,
-                                    cursor: 'pointer',
-                                    transition: 'background 0.15s ease',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.background = 'rgba(255, 255, 255, 0.06)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.background = 'transparent';
-                                }, children: _jsx(X, { size: 18, color: "#6B7280", strokeWidth: 2 }) })] }), _jsx("div", { style: {
-                            padding: '20px 24px',
-                            borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
-                        }, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [_jsx("div", { style: {
-                                        width: 48,
-                                        height: 48,
-                                        borderRadius: 9999,
-                                        background: 'rgba(139, 92, 246, 0.2)',
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        border: '1px solid rgba(139, 92, 246, 0.3)',
-                                    }, children: _jsx(User, { size: 24, color: "#A78BFA", strokeWidth: 1.5 }) }), _jsxs("div", { children: [_jsx("div", { style: {
-                                                color: 'white',
-                                                fontSize: 14,
-                                                fontWeight: 500,
-                                                fontFamily: 'Sora, sans-serif',
-                                            }, children: userName }), _jsx("div", { style: {
-                                                color: '#6B7280',
-                                                fontSize: 12,
-                                                fontFamily: 'Sora, sans-serif',
-                                                marginTop: 2,
-                                            }, children: userEmail })] })] }) }), _jsxs("div", { style: { padding: '12px 16px' }, children: [_jsxs("button", { type: "button", onClick: handleThemeToggle, style: {
-                                    width: '100%',
-                                    padding: '14px 12px',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'space-between',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    borderRadius: 10,
-                                    cursor: 'pointer',
-                                    transition: 'background 0.15s ease',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.background = 'transparent';
-                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [theme === 'dark' ? (_jsx(Moon, { size: 18, color: "#A78BFA", strokeWidth: 2 })) : (_jsx(Sun, { size: 18, color: "#FBBF24", strokeWidth: 2 })), _jsx("span", { style: {
-                                                    color: '#D1D5DB',
-                                                    fontSize: 14,
-                                                    fontFamily: 'Sora, sans-serif',
-                                                }, children: "Theme" })] }), _jsx("div", { style: {
-                                            padding: '4px 10px',
-                                            background: 'rgba(139, 92, 246, 0.15)',
-                                            borderRadius: 6,
-                                            color: '#C4B5FD',
-                                            fontSize: 12,
-                                            fontWeight: 500,
-                                            fontFamily: 'Sora, sans-serif',
-                                        }, children: theme === 'dark' ? 'Dark' : 'Light' })] }), _jsxs("button", { type: "button", onClick: handleNotificationsToggle, style: {
-                                    width: '100%',
-                                    padding: '14px 12px',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'space-between',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    borderRadius: 10,
-                                    cursor: 'pointer',
-                                    transition: 'background 0.15s ease',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.background = 'transparent';
-                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [notifications ? (_jsx(Bell, { size: 18, color: "#10B981", strokeWidth: 2 })) : (_jsx(BellOff, { size: 18, color: "#6B7280", strokeWidth: 2 })), _jsx("span", { style: {
-                                                    color: '#D1D5DB',
-                                                    fontSize: 14,
-                                                    fontFamily: 'Sora, sans-serif',
-                                                }, children: "Notifications" })] }), _jsx("div", { style: {
-                                            width: 44,
-                                            height: 24,
-                                            borderRadius: 12,
-                                            background: notifications ? 'rgba(16, 185, 129, 0.3)' : 'rgba(107, 114, 128, 0.3)',
-                                            padding: 2,
-                                            transition: 'background 0.2s ease',
-                                            position: 'relative',
-                                        }, children: _jsx("div", { style: {
-                                                width: 20,
-                                                height: 20,
-                                                borderRadius: 10,
-                                                background: notifications ? '#10B981' : '#4B5563',
-                                                transition: 'all 0.2s ease',
-                                                transform: notifications ? 'translateX(20px)' : 'translateX(0)',
-                                            } }) })] }), _jsxs("button", { type: "button", disabled: true, "aria-disabled": "true", style: {
-                                    width: '100%',
-                                    padding: '14px 12px',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'space-between',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    borderRadius: 10,
-                                    cursor: 'not-allowed',
-                                    opacity: 0.6,
-                                    transition: 'background 0.15s ease',
-                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12 }, children: [_jsx(Globe, { size: 18, color: "#6B7280", strokeWidth: 2 }), _jsx("span", { style: {
-                                                    color: '#D1D5DB',
-                                                    fontSize: 14,
-                                                    fontFamily: 'Sora, sans-serif',
-                                                }, children: "Language" })] }), _jsx("div", { style: {
-                                            color: '#6B7280',
-                                            fontSize: 13,
-                                            fontFamily: 'Sora, sans-serif',
-                                        }, children: "English" })] })] }), onLogout && (_jsx("div", { style: {
-                            padding: '12px 16px 20px',
-                            borderTop: '1px solid rgba(255, 255, 255, 0.06)',
-                        }, children: _jsxs("button", { type: "button", onClick: onLogout, style: {
-                                width: '100%',
-                                padding: '12px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                gap: 8,
-                                background: 'rgba(239, 68, 68, 0.1)',
-                                border: '1px solid rgba(239, 68, 68, 0.2)',
-                                borderRadius: 10,
-                                cursor: 'pointer',
-                                transition: 'all 0.15s ease',
-                            }, onMouseEnter: (e) => {
-                                e.currentTarget.style.background = 'rgba(239, 68, 68, 0.15)';
-                                e.currentTarget.style.borderColor = 'rgba(239, 68, 68, 0.3)';
-                            }, onMouseLeave: (e) => {
-                                e.currentTarget.style.background = 'rgba(239, 68, 68, 0.1)';
-                                e.currentTarget.style.borderColor = 'rgba(239, 68, 68, 0.2)';
-                            }, children: [_jsx(LogOut, { size: 16, color: "#EF4444", strokeWidth: 2 }), _jsx("span", { style: {
-                                        color: '#EF4444',
-                                        fontSize: 14,
-                                        fontWeight: 500,
-                                        fontFamily: 'Sora, sans-serif',
-                                    }, children: "Sign out" })] }) }))] })] }));
+    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
+                    ? 'opacity-0 -translate-x-1/2 -translate-y-1/2 scale-95'
+                    : '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: handleThemeToggle, 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: [theme === 'dark' ? (_jsx(Moon, { size: 18, className: "text-violet-400", strokeWidth: 2 })) : (_jsx(Sun, { size: 18, className: "text-amber-400", strokeWidth: 2 })), _jsx("span", { className: "text-gray-300 text-sm font-[Sora,sans-serif]", children: "Theme" })] }), _jsx("div", { className: "px-2.5 py-1 bg-violet-500/15 rounded-md text-violet-300 text-xs font-medium font-[Sora,sans-serif]", children: theme === 'dark' ? 'Dark' : 'Light' })] }), _jsxs("div", { className: "w-full px-3 py-3.5 flex items-center justify-between rounded-[10px] hover:bg-white/[0.04] transition-colors", 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: handleNotificationsToggle, "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" })] }) }))] })] }));
 }
 //# sourceMappingURL=SettingsModal.js.map