@donotdev/ui 0.0.3 → 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,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,mDAyOf,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

@@ -161,7 +161,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
     // Get real auth state from the store (self-aware)
     const user = useAuthSafe('user');
     const signOut = useAuthSafe('signOut');
-    const isDesktop = useBreakpoint('isDesktop');
+    const isLaptop = useBreakpoint('isLaptop');
     const navigationItems = useNavigationItems();
     const navigate = useNavigate();
     const profilePath = authConfig.profilePath;
@@ -207,7 +207,7 @@ 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({
                 // Use Text component as children instead of label
                 children: (_jsx(Text, { variant: "muted", as: "span", children: `${getUserDisplayName()}${user.email ? `\n${user.email}` : ''}` })),
@@ -291,7 +291,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
         deletion,
         t,
         navigationItems,
-        isDesktop,
+        isLaptop,
         user,
         getUserDisplayName,
         navigate,
@@ -308,7 +308,7 @@ 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' })

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,7 +52,7 @@ 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

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 }) }));
     }