@donotdev/ui 0.0.2 → 0.0.4

package/dist/components/auth/AuthMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthMenu.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthMenu.tsx"],"names":[],"mappings":"AA4EA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAOL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAgB9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA+E3C;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAEjD,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAsBD,eAAO,MAAM,QAAQ,GAAI,+DAKtB,aAAa,mDA8Of,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AuthMenu.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthMenu.tsx"],"names":[],"mappings":"AA4EA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,EAML,OAAO,EACR,MAAM,sBAAsB,CAAC;AAc9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAqE3C;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAEjD,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAsBD,eAAO,MAAM,QAAQ,GAAI,+DAKtB,aAAa,mDAwOf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/auth/AuthMenu.js

@@ -63,7 +63,7 @@
  * - Screen reader friendly
  * - Focus management
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -72,25 +72,16 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // packages/core/ui/src/components/layout/components/AuthMenu.tsx
 import { User, LogOut, Settings, UserCheck, Trash2 } from 'lucide-react';
 import * as LucideIcons from 'lucide-react';
-import React, { useMemo, useState, lazy, Suspense } from 'react';
-import { Avatar, Button, BUTTON_VARIANT, DropdownMenu, Text, Stack, DISPLAY, } from '@donotdev/components';
+import React, { useMemo, lazy, Suspense } from 'react';
+import { Avatar, Button, BUTTON_VARIANT, DropdownMenu, Text, DISPLAY, } from '@donotdev/components';
 import { useTranslation } from '@donotdev/core';
-import { isEmailVerificationRequired, getEnabledAuthPartners, useAuthConfig, isClient, } from '@donotdev/core';
+import { getEnabledAuthPartners, useAuthConfig, isClient, } from '@donotdev/core';
 import { useBreakpoint } from '@donotdev/core';
-import { Link, useNavigationItems } from '../../routing';
+import { useNavigationItems } from '../../routing';
+import { useNavigate } from '@donotdev/ui/routing/hooks';
 import { useAuthSafe, useAuthVisibility } from '../../utils';
 const NullComponent = () => null;
 // @ts-expect-error - lazy() type doesn't account for graceful degradation fallback
-const AuthPartnerButton = lazy(async () => {
-    try {
-        const module = await import('@donotdev/auth');
-        return { default: module.AuthPartnerButton };
-    }
-    catch {
-        return { default: NullComponent };
-    }
-});
-// @ts-expect-error - lazy() type doesn't account for graceful degradation fallback
 const ReauthDialog = lazy(async () => {
     try {
         const module = await import('@donotdev/auth');
@@ -165,17 +156,14 @@ const getIcon = (iconName) => {
 };
 export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false, customItems = [], }) => {
     const { t } = useTranslation('dndev');
-    const { shouldHide, isLoading, isReady, isAuthenticated } = useAuthVisibility();
+    const { shouldHide, isReady, isAuthenticated } = useAuthVisibility();
     const authConfig = useAuthConfig();
     // Get real auth state from the store (self-aware)
     const user = useAuthSafe('user');
-    const loading = useAuthSafe('loading');
     const signOut = useAuthSafe('signOut');
-    const emailVerification = useAuthSafe('emailVerification');
-    const sendEmailVerification = useAuthSafe('sendEmailVerification');
-    const isDesktop = useBreakpoint('isDesktop');
+    const isLaptop = useBreakpoint('isLaptop');
     const navigationItems = useNavigationItems();
-    const effectiveLoginPath = loginPath ?? authConfig.loginPath;
+    const navigate = useNavigate();
     const profilePath = authConfig.profilePath;
     const configMenuItems = authConfig.authMenuItems || [];
     // Account deletion flow - managed by useDeleteAccount hook
@@ -219,9 +207,10 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
     const menuItems = useMemo(() => {
         const items = [];
         // Mobile: Add disabled info item as first entry
-        if (!isDesktop && user) {
+        if (!isLaptop && user) {
             items.push({
-                label: `${getUserDisplayName()}${user.email ? `\n${user.email}` : ''}`,
+                // Use Text component as children instead of label
+                children: (_jsx(Text, { variant: "muted", as: "span", children: `${getUserDisplayName()}${user.email ? `\n${user.email}` : ''}` })),
                 disabled: true,
             });
         }
@@ -230,8 +219,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
             items.push({
                 label: t('auth.profile', { defaultValue: 'Profile' }),
                 icon: User,
-                asChild: true,
-                children: (_jsx(Link, { path: profilePath, children: t('auth.profile', { defaultValue: 'Profile' }) })),
+                onClick: () => navigate(profilePath),
             });
         }
         // Config menu items (if configured in appConfig.auth.authMenuItems)
@@ -250,8 +238,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
             items.push({
                 label,
                 icon: Icon,
-                asChild: true,
-                children: _jsx(Link, { path: item.path, children: label }),
+                onClick: () => navigate(item.path),
             });
         });
         // Custom items from props (merged with config items)
@@ -264,8 +251,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
                 items.push({
                     label,
                     icon: Icon,
-                    asChild: true,
-                    children: _jsx(Link, { path: item.path, children: label }),
+                    onClick: () => navigate(item.path),
                     disabled: item.disabled,
                     style: item.style,
                 });
@@ -305,9 +291,10 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
         deletion,
         t,
         navigationItems,
-        isDesktop,
+        isLaptop,
         user,
         getUserDisplayName,
+        navigate,
     ]);
     // Get enabled providers
     const enabled = getEnabledAuthPartners();
@@ -321,10 +308,10 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
     if (!isAuthenticated) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Suspense, { fallback: null, children: _jsx(ReauthDialog, { open: deletion.showPasswordDialog, isLoading: deletion.isDeleting, error: deletion.error, onReauth: (password) => deletion.confirmDelete(password), onCancel: deletion.cancel }) }), _jsx(Suspense, { fallback: null, children: _jsx(ConfirmDeleteDialog, { open: deletion.showConfirmDialog, isLoading: deletion.isDeleting, error: deletion.error, onConfirm: () => deletion.confirmDelete(), onCancel: deletion.cancel }) }), _jsx(DropdownMenu, { trigger: _jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, icon: user ? (_jsx(Avatar, { src: user.photoURL ?? undefined, fallback: getUserInitials(), alt: getUserDisplayName(), style: { margin: '-4px 0' } })) : (UserCheck), display: display, "aria-label": t('auth.userMenu', { defaultValue: 'User menu' }), tooltip: !noTooltip && isDesktop && user
+    return (_jsxs(_Fragment, { children: [_jsx(Suspense, { fallback: null, children: _jsx(ReauthDialog, { open: deletion.showPasswordDialog, isLoading: deletion.isDeleting, error: deletion.error, onReauth: (password) => deletion.confirmDelete(password), onCancel: deletion.cancel }) }), _jsx(Suspense, { fallback: null, children: _jsx(ConfirmDeleteDialog, { open: deletion.showConfirmDialog, isLoading: deletion.isDeleting, error: deletion.error, onConfirm: () => deletion.confirmDelete(), onCancel: deletion.cancel }) }), _jsx(DropdownMenu, { trigger: _jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, icon: user ? (_jsx(Avatar, { src: user.photoURL ?? undefined, fallback: getUserInitials(), alt: getUserDisplayName(), style: { margin: '-4px 0' } })) : (UserCheck), display: display, "aria-label": t('auth.userMenu', { defaultValue: 'User menu' }), tooltip: !noTooltip && isLaptop && user
                         ? getUserTooltip()
                         : !noTooltip
                             ? t('auth.userMenu', { defaultValue: 'User menu' })
-                            : undefined, children: getUserDisplayName() }), items: menuItems, contentWidth: "14rem", contentAlign: "end" })] }));
+                            : undefined, children: getUserDisplayName() }), items: menuItems, contentAlign: "end" })] }));
 };
 export default AuthMenu;

package/dist/components/common/FeatureCard.d.ts

@@ -1,4 +1,4 @@
-import type { CardProps, CardVariant, GapVariant } from '@donotdev/components';
+import type { CardProps, CardVariant, CardContent } from '@donotdev/components';
 import type { ReactNode } from 'react';
 export type FeatureCardVariant = CardVariant;
 export interface FeatureCardProps extends Omit<CardProps, 'content' | 'href' | 'title' | 'subtitle' | 'children'> {
@@ -6,25 +6,13 @@ export interface FeatureCardProps extends Omit<CardProps, 'content' | 'href' | '
     title: string | ReactNode;
     /** Subtitle (required) - 2 rows max with ellipsis */
     subtitle: string | ReactNode;
-    /** Content as array (required) */
-    content: (string | ReactNode)[];
-    /** Route path - enables routing via Link */
-    href?: string;
-    /**
-     * List density for content rendering (page-level preset)
-     * @default 'default'
-     */
-    listDensity?: 'dense' | 'narrow' | 'default' | 'expressive';
     /**
-     * Gap between list items (component-level override)
-     * @default 'none'
+     * Card content - string, string[], or ReactNode.
+     * For lists with icons, pass `<List icon={...} items={...} />` directly.
      */
-    listGap?: GapVariant;
-    /**
-     * Whether to show bullets in list
-     * @default false
-     */
-    showBullets?: boolean;
+    content?: CardContent;
+    /** Route path - enables routing via Link */
+    href?: string;
 }
 /**
  * FeatureCard - Card wrapper with content array and routing
@@ -33,6 +21,6 @@ export interface FeatureCardProps extends Omit<CardProps, 'content' | 'href' | '
  * Uses Card component internally.
  * Routing via Link when href provided.
  */
-declare const FeatureCard: ({ icon, title, subtitle, content, href, variant, elevated, onClick, className, footer, style, listDensity, listGap, showBullets, ...cardProps }: FeatureCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const FeatureCard: ({ icon, title, subtitle, content, href, variant, elevated, onClick, className, footer, style, ...cardProps }: FeatureCardProps) => import("react/jsx-runtime").JSX.Element;
 export default FeatureCard;
 //# sourceMappingURL=FeatureCard.d.ts.map

package/dist/components/common/FeatureCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../src/components/common/FeatureCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,UAAU,EAEX,MAAM,sBAAsB,CAAC;AAK9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,SAAS,EACT,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CACvD;IACC,kDAAkD;IAClD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,kCAAkC;IAClC,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAChC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,WAAW,GAAI,iJAgBlB,gBAAgB,4CAyKlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../src/components/common/FeatureCard.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,SAAS,EACT,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CACvD;IACC,kDAAkD;IAClD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,QAAA,MAAM,WAAW,GAAI,8GAalB,gBAAgB,4CAmIlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/common/FeatureCard.js

@@ -12,8 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { Card, IconBox, Stack, List, Text } from '@donotdev/components';
-import { Check } from 'lucide-react';
+import { Card, IconBox, Stack, Text, renderCardContent, } from '@donotdev/components';
 import { Link } from '../../routing';
 /**
  * FeatureCard - Card wrapper with content array and routing
@@ -22,31 +21,8 @@ import { Link } from '../../routing';
  * Uses Card component internally.
  * Routing via Link when href provided.
  */
-const FeatureCard = ({ icon, title, subtitle, content, href, variant, elevated, onClick, className, footer, style, listDensity = 'default', listGap = 'none', showBullets = false, ...cardProps }) => {
-    // Convert content array to List component or plain text
-    // Strip manual bullet characters (•) if present
-    const cleanContent = content?.map((item) => {
-        if (typeof item === 'string') {
-            return item.replace(/^[\s•\-\*]+/, '').trim();
-        }
-        return item;
-    }) || [];
-    // Convert to ListItem objects with checkmark icons when showBullets is true
-    const listItems = showBullets
-        ? cleanContent.map((item) => {
-            if (typeof item === 'string') {
-                return {
-                    icon: _jsx(Check, { size: 16 }),
-                    content: item,
-                };
-            }
-            // If already a ListItem or ReactNode, keep as is
-            return item;
-        })
-        : cleanContent;
-    // If single string item, render as plain text (not a list)
-    // If multiple items or contains ReactNodes, use List component
-    const contentNode = listItems && listItems.length > 0 ? (listItems.length === 1 && typeof listItems[0] === 'string' ? (_jsx("div", { className: "dndev-text-sm", children: listItems[0] })) : (_jsx(List, { items: listItems, density: listDensity, gap: listGap, style: { listStyle: 'none', paddingInlineStart: 0 } }))) : null;
+const FeatureCard = ({ icon, title, subtitle, content, href, variant, elevated, onClick, className, footer, style, ...cardProps }) => {
+    const contentNode = renderCardContent(content);
     // Fixed height constants for consistent text sizing (2 rows each)
     const titleRowHeight = `calc(var(--font-size-lg) * var(--line-height) * 2 + var(--gap-md))`;
     const subtitleRowHeight = `calc(var(--font-size-base) * var(--line-height) * 2 + var(--gap-md))`;
@@ -76,12 +52,12 @@ const FeatureCard = ({ icon, title, subtitle, content, href, variant, elevated,
         ...lineClampStyle,
         fontSize: 'var(--font-size-base)',
         fontWeight: 600,
-        color: 'inherit',
+        color: 'var(--muted-foreground)', // Muted for hierarchy
         margin: 0,
     };
     // Build title with icon if provided
     const titleContent = icon ? (_jsxs(Stack, { direction: "row", align: "center", gap: "medium", style: { width: '100%' }, children: [_jsx(IconBox, { icon: icon }), _jsx(Text, { as: "div", level: "h3", style: titleStyle, children: title })] })) : (_jsx(Text, { as: "div", level: "h3", style: titleStyle, children: title }));
-    const card = (_jsx(Card, { variant: variant, elevated: elevated, onClick: onClick, className: className, "data-clickable": href ? 'true' : undefined, style: {
+    const card = (_jsx(Card, { variant: variant, elevated: elevated, onClick: onClick, className: className, "data-clickable": href || onClick ? 'true' : undefined, style: {
             paddingInlineStart: 'var(--gap-md)',
             paddingInlineEnd: 'var(--gap-md)',
             gap: 'var(--gap-md)',

package/dist/components/common/TechBento.d.ts

@@ -1,4 +1,4 @@
-import type { BentoColumns, BentoGap, CardVariant } from '@donotdev/components';
+import type { BentoColumns, BentoGap, CardVariant, ResponsiveCols } from '@donotdev/components';
 import { type TechKey } from '../../data/techLogos';
 export type TechBentoProps = {
     title?: string;
@@ -7,11 +7,23 @@ export type TechBentoProps = {
         size?: 'normal' | 'long' | 'high' | 'huge';
         variant?: CardVariant;
     }>;
-    columns: BentoColumns;
+    /**
+     * Number of columns - fixed or responsive (same as Grid)
+     * - number: fixed columns (same on all breakpoints)
+     * - [mobile, tablet, laptop, desktop]: responsive columns per breakpoint
+     * @default 3
+     * @example 3 - always 3 columns
+     * @example [1, 1, 2, 3] - 1 col mobile/tablet, 2 laptop, 3 desktop
+     */
+    cols?: number | ResponsiveCols;
+    /**
+     * @deprecated Use `cols` prop instead. Kept for backward compatibility.
+     */
+    columns?: BentoColumns;
     gap?: BentoGap;
     separator?: boolean;
     className?: string;
 };
-export declare function TechBento({ title, techs, columns, gap, separator, className, }: TechBentoProps): import("react/jsx-runtime").JSX.Element;
+export declare function TechBento({ title, techs, cols, columns, gap, separator, className, }: TechBentoProps): import("react/jsx-runtime").JSX.Element;
 export default TechBento;
 //# sourceMappingURL=TechBento.d.ts.map

package/dist/components/common/TechBento.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TechBento.d.ts","sourceRoot":"","sources":["../../../src/components/common/TechBento.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;KACvB,CAAC,CAAC;IACH,OAAO,EAAE,YAAY,CAAC;IACtB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAwCF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAc,EACd,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAmChB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TechBento.d.ts","sourceRoot":"","sources":["../../../src/components/common/TechBento.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,cAAc,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;KACvB,CAAC,CAAC;IACH;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAwCF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,IAAQ,EACR,OAAO,EACP,GAAc,EACd,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAsDhB;AAED,eAAe,SAAS,CAAC"}

package/dist/components/common/TechBento.js

@@ -11,7 +11,25 @@ function TechCard({ techKey, variant, }) {
     const decodedSvg = decodeURIComponent(svgContent);
     return (_jsx(Card, { variant: variant, className: "dndev-tech-card", style: { '--tech-color': logo.color }, "data-hover": isHovered, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: _jsxs(Stack, { direction: "column", align: "center", gap: "tight", children: [_jsx("div", { className: "dndev-tech-card-logo", "data-tech": techKey, dangerouslySetInnerHTML: { __html: decodedSvg } }), _jsx(Text, { as: "span", level: "small", children: logo.name })] }) }));
 }
-export function TechBento({ title, techs, columns, gap = 'medium', separator = false, className, }) {
+export function TechBento({ title, techs, cols = 3, columns, gap = 'medium', separator = false, className, }) {
+    // Convert Grid's cols format to Bento's columns format
+    // Grid: [mobile, tablet, laptop, desktop]
+    // Bento: { mobile, tablet, desktop, wide }
+    const bentoColumns = columns
+        ? columns
+        : typeof cols === 'number'
+            ? {
+                mobile: cols,
+                tablet: cols,
+                desktop: cols,
+                wide: cols,
+            }
+            : {
+                mobile: cols[0],
+                tablet: cols[1],
+                desktop: cols[2], // Grid's laptop → Bento's desktop
+                wide: cols[3], // Grid's desktop → Bento's wide
+            };
     const getSpan = (size) => {
         if (size === 'long')
             return { cols: 2, rows: 1 };
@@ -28,7 +46,7 @@ export function TechBento({ title, techs, columns, gap = 'medium', separator = f
         content: _jsx(TechCard, { techKey: tech.name, variant: tech.variant }),
         span: getSpan(tech.size),
     }));
-    const bento = (_jsx(Bento, { items: items, columns: columns, gap: gap, className: className, ariaLabel: "Technology stack" }));
+    const bento = (_jsx(Bento, { items: items, columns: bentoColumns, gap: gap, className: className, ariaLabel: "Technology stack" }));
     if (title) {
         return (_jsx(Section, { title: title, separator: separator, className: "dndev-tech-bento", children: _jsx("div", { className: "dndev-tech-bento-grid", children: bento }) }));
     }

package/dist/components/cookie-consent/CookieConsent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsent.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/CookieConsent.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAmB,EACnB,YAAmB,EACnB,YAA8C,EAC9C,SAAc,GACf,EAAE,kBAAkB,kDAqZpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CookieConsent.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/CookieConsent.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAmB,EACnB,YAAmB,EACnB,YAA8C,EAC9C,SAAc,GACf,EAAE,kBAAkB,kDAuUpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/cookie-consent/CookieConsent.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // packages/ui/src/components/cookie-consent/CookieConsent.tsx
-import { Cookie, Settings, Shield, BarChart3, Target, X } from 'lucide-react';
+import { Cookie, Settings, Shield, BarChart3, Target } from 'lucide-react';
 import { useState, useEffect, useRef } from 'react';
 import { Accordion, Button, BUTTON_VARIANT, Card, Switch, Text, cn, Stack, } from '@donotdev/components';
-import { handleError, useConsent, getCookieExamples, hasOptionalCookies as checkHasOptionalCookies, getCookiesByCategory, } from '@donotdev/core';
+import { handleError, useConsent, getCookieExamples, hasOptionalCookies as checkHasOptionalCookies, } from '@donotdev/core';
 import { CONSENT_CATEGORY, } from '@donotdev/core';
 import { useTranslation } from '@donotdev/core';
 import { isClient } from '@donotdev/core';
@@ -20,7 +20,6 @@ function CookieConsent({ position = 'bottom', showBranding = true, brandingText
     const [showBanner, setShowBanner] = useState(!hasConsented || storeShowBanner);
     const [preferenceCategories, setPreferenceCategories] = useState(categories);
     const bannerRef = useRef(null);
-    const [showEssentialNotice, setShowEssentialNotice] = useState(true);
     useEffect(() => {
         if (storeShowBanner) {
             setShowBanner(true);
@@ -72,25 +71,6 @@ function CookieConsent({ position = 'bottom', showBranding = true, brandingText
             acceptAll(); // Accepts only necessary cookies, show notice instead of banner
         }
     }, [hasConsented, hasOptionalCategories, acceptAll]);
-    // Check sessionStorage for notice dismissal
-    useEffect(() => {
-        if (!isClient())
-            return;
-        const dismissed = sessionStorage.getItem('dndev-essential-notice-dismissed');
-        if (dismissed === 'true') {
-            setShowEssentialNotice(false);
-        }
-    }, []);
-    // Auto-dismiss notice after 15 seconds
-    useEffect(() => {
-        if (!hasOptionalCategories && hasConsented && showEssentialNotice) {
-            const timer = setTimeout(() => {
-                setShowEssentialNotice(false);
-                sessionStorage.setItem('dndev-essential-notice-dismissed', 'true');
-            }, 15000);
-            return () => clearTimeout(timer);
-        }
-    }, [hasOptionalCategories, hasConsented, showEssentialNotice]);
     // Sync local draft state with store when categories change
     // Default all optional categories to ON for better UX (easier to uncheck than check all)
     useEffect(() => {
@@ -126,25 +106,6 @@ function CookieConsent({ position = 'bottom', showBranding = true, brandingText
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [hasConsented, showBanner]);
-    // Early return after all hooks (Rules of Hooks)
-    // Show essential-only notice if no optional categories
-    if (hasConsented && !hasOptionalCategories && showEssentialNotice) {
-        const necessaryCookies = getCookiesByCategory('necessary');
-        const cookieList = necessaryCookies
-            .map((c) => `${c.name} (${c.provider})`)
-            .join(', ');
-        return (_jsx("div", { className: "dndev-fixed dndev-z-toast", style: {
-                left: 'var(--sidebar-width, 0)',
-                bottom: 'var(--footer-height, 0)',
-                right: 0,
-                width: 'calc(100% - var(--sidebar-width, 0))',
-                borderTop: '1px solid var(--border)',
-                background: 'var(--card)',
-            }, children: _jsxs(Stack, { direction: "row", align: "center", gap: "medium", style: { padding: 'var(--gap-md) var(--gap-lg)' }, children: [_jsx(Shield, { className: "dndev-size-md", style: { color: 'var(--primary)' } }), _jsxs(Stack, { gap: "tight", style: { flex: 1 }, children: [_jsx(Text, { as: "p", variant: "default", level: "small", children: t('essentialOnlyNotice') }), _jsx(Text, { as: "p", variant: "muted", level: "small", children: cookieList })] }), _jsx(Button, { onClick: () => {
-                            setShowEssentialNotice(false);
-                            sessionStorage.setItem('dndev-essential-notice-dismissed', 'true');
-                        }, variant: BUTTON_VARIANT.GHOST, icon: X, title: t('form.close', 'Close') })] }) }));
-    }
     if (hasConsented && !storeShowBanner)
         return null;
     const handleSave = () => {

package/dist/components/cookie-consent/index.d.ts

@@ -6,6 +6,5 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export * from './CookieConsent';
 export * from './ConsentBanner';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/cookie-consent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAGH,cAAc,iBAAiB,CAAC"}

package/dist/components/cookie-consent/index.js

@@ -7,5 +7,5 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export * from './CookieConsent';
+// CookieConsent intentionally NOT exported - lazy loaded by ConsentBanner and AuthGuard
 export * from './ConsentBanner';

package/dist/components/layout/components/DropdownNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/components/DropdownNavigation.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAuF9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"DropdownNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/components/DropdownNavigation.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAyF9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/layout/components/header/ThemeToggle.d.ts

@@ -17,7 +17,7 @@ interface ThemeToggleProps {
  * Allows users to switch between available themes (light, dark, system, custom).
  * Integrates with the theme store for state management.
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */

package/dist/components/layout/components/header/ThemeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/header/ThemeToggle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAIL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAM9B,UAAU,gBAAgB;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAUD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAwFhD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/header/ThemeToggle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAIL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAM9B,UAAU,gBAAgB;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAUD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,EAAE,aAAa,CAAC,gBAAgB,CA0FhD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/layout/components/header/ThemeToggle.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @fileoverview ThemeToggle component
  * @description Theme switching component with dropdown menu
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -26,7 +26,7 @@ const getIcon = (iconName) => {
  * Allows users to switch between available themes (light, dark, system, custom).
  * Integrates with the theme store for state management.
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -51,6 +51,7 @@ const ThemeToggle = ({ display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false,
         : null;
     const nextIcon = nextThemeInfo ? getIcon(nextThemeInfo.meta?.icon) : null;
     const currentLabel = currentThemeInfo?.displayName || currentThemeInfo?.name || 'Theme';
+    const nextLabel = nextThemeInfo?.displayName || nextThemeInfo?.name || 'Theme';
     // Determine button props based on theme count
     const isTwoThemes = availableThemes.length === 2 && nextThemeInfo && nextIcon;
     const buttonIcon = isTwoThemes ? nextIcon : currentIcon;
@@ -68,9 +69,9 @@ const ThemeToggle = ({ display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false,
         icon: buttonIcon,
         display,
     };
-    // 2 themes: direct toggle button
+    // 2 themes: direct toggle button - show next theme (what you'll switch to)
     if (isTwoThemes && nextThemeInfo) {
-        return (_jsx(Button, { ...buttonProps, onClick: () => setTheme(nextThemeInfo.name), children: currentLabel }));
+        return (_jsx(Button, { ...buttonProps, onClick: () => setTheme(nextThemeInfo.name), children: nextLabel }));
     }
     // 3+ themes: dropdown with current theme icon
     if (!currentThemeInfo || !currentIcon)