@donotdev/ui 0.0.7 → 0.0.9

package/assets/fonts/fonts.css

@@ -4,7 +4,7 @@
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
-  font-display: optional;
+  font-display: swap;
   src: url('/fonts/Roboto-400-latin.woff2') format('woff2');
   unicode-range: U+0000-00FF; /* Basic Latin - loads first for performance */
 }
@@ -13,7 +13,7 @@
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
-  font-display: optional;
+  font-display: swap;
   src: url('/fonts/Roboto-700-latin.woff2') format('woff2');
   unicode-range: U+0000-00FF; /* Basic Latin - loads first for performance */
 }
@@ -153,7 +153,7 @@
   font-family: Inter;
   font-style: normal;
   font-weight: 400 700;
-  font-display: optional;
+  font-display: swap; /* Changed from optional to swap - we preload this font */
   src: url('/fonts/Inter-latin.woff2') format('woff2');
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
@@ -184,7 +184,7 @@
   font-family: 'Playfair Display';
   font-style: normal;
   font-weight: 400 700;
-  font-display: optional;
+  font-display: swap;
   src: url('/fonts/PlayfairDisplay-latin.woff2') format('woff2');
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,

package/dist/components/auth/AuthHeader.d.ts

@@ -1,4 +1,5 @@
 import { DISPLAY } from '@donotdev/components';
+import type { CSSProperties } from 'react';
 import type { ComponentType } from 'react';
 /**
  * AuthHeader - Simple, powerful authentication component for headers
@@ -46,6 +47,10 @@ export interface AuthHeaderProps {
      * @default 'auto'
      */
     display?: (typeof DISPLAY)[keyof typeof DISPLAY];
+    /** Optional className for styling the button */
+    className?: string;
+    /** Optional inline styles for the button */
+    style?: CSSProperties;
 }
 /**
  * Auth header component

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

@@ -1 +1 @@
-{"version":3,"file":"AuthHeader.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthHeader.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAIL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAU9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyB3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;CAClD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,eAAe,CA0FrD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AuthHeader.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthHeader.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAKL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAU9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyB3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,eAAe,CA4IrD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/auth/AuthHeader.js

@@ -10,8 +10,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { User } from 'lucide-react';
-import React, { Suspense, lazy } from 'react';
-import { Button, BUTTON_VARIANT, DropdownMenu, DISPLAY, } from '@donotdev/components';
+import React, { Suspense, lazy, useState } from 'react';
+import { Button, BUTTON_VARIANT, DropdownMenu, Dialog, DISPLAY, } from '@donotdev/components';
 import { useTranslation } from '@donotdev/core';
 import { useAuthConfig } from '@donotdev/core';
 import { getEnabledAuthPartners } from '@donotdev/core';
@@ -47,34 +47,48 @@ const MultipleAuthProviders = lazy(async () => {
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export const AuthHeader = ({ display = DISPLAY.AUTO, }) => {
+export const AuthHeader = ({ display = DISPLAY.AUTO, className, style, }) => {
     const { t } = useTranslation('dndev');
     const { shouldHide, isLoading, isReady, isAuthenticated } = useAuthVisibility();
     const authConfig = useAuthConfig();
     const enabled = getEnabledAuthPartners();
+    const [dialogOpen, setDialogOpen] = useState(false);
     const loginPath = authConfig.loginPath;
     const signInLabel = t('auth.signIn', { defaultValue: 'Sign In' });
     const loadingLabel = t('auth.loading', { defaultValue: 'Loading...' });
+    const hasPasswordProvider = enabled.includes('password') || enabled.includes('emailLink');
     if (shouldHide || !isReady) {
         return null;
     }
+    // Local component for Sign In button (DRY)
+    const SignInButton = ({ children, ...props }) => (_jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, icon: User, display: display, tooltip: signInLabel, className: className, style: style, ...props, children: children ?? signInLabel }));
     // NOT AUTHENTICATED
     // Button's display prop + CSS container queries handle responsive label visibility
     if (!isAuthenticated) {
         if (loginPath !== undefined) {
-            return (_jsx(Link, { path: loginPath, prefetch: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: User, display: display, tooltip: signInLabel, children: signInLabel }) }));
+            return (_jsx(Link, { path: loginPath, prefetch: true, children: _jsx(SignInButton, {}) }));
         }
+        const targetProvider = enabled[0];
+        // Use Dialog if password/emailLink provider is present (better UX for forms)
+        if (hasPasswordProvider) {
+            return (_jsx(Dialog, { trigger: _jsx(SignInButton, {}), title: signInLabel, open: dialogOpen, onOpenChange: setDialogOpen, "data-content-size": "form", children: _jsx(Suspense, { fallback: _jsx("div", { style: {
+                            padding: 'var(--gap-md)',
+                            fontSize: 'var(--font-size-sm)',
+                            color: 'var(--muted-foreground)',
+                        }, children: loadingLabel }), children: _jsx(MultipleAuthProviders, { spacing: "medium", onSuccess: () => setDialogOpen(false) }) }) }));
+        }
+        // Use DropdownMenu if multiple OAuth providers (no password/emailLink)
         if (enabled.length > 1) {
-            return (_jsx(DropdownMenu, { trigger: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: User, display: display, tooltip: signInLabel, children: signInLabel }), children: _jsx(Suspense, { fallback: _jsx("div", { style: {
+            return (_jsx(DropdownMenu, { trigger: _jsx(SignInButton, {}), children: _jsx(Suspense, { fallback: _jsx("div", { style: {
                             padding: 'var(--gap-md)',
                             fontSize: 'var(--font-size-sm)',
                             color: 'var(--muted-foreground)',
                         }, children: loadingLabel }), children: _jsx(MultipleAuthProviders, { spacing: "tight" }) }) }));
         }
-        const targetProvider = enabled[0];
-        return (_jsx(Suspense, { fallback: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: User, display: display, disabled: isLoading, tooltip: isLoading ? loadingLabel : signInLabel, children: isLoading ? loadingLabel : signInLabel }), children: _jsx(AuthPartnerButton, { partnerId: targetProvider, display: display }) }));
+        // Normal case: single non-password provider → use AuthPartnerButton directly
+        return (_jsx(Suspense, { fallback: _jsx(SignInButton, { disabled: isLoading, tooltip: isLoading ? loadingLabel : signInLabel, children: isLoading ? loadingLabel : signInLabel }), children: _jsx(AuthPartnerButton, { partnerId: targetProvider, display: display, className: className, style: style }) }));
     }
     // AUTHENTICATED - Delegate to AuthMenu
-    return _jsx(AuthMenu, { display: display, loginPath: loginPath });
+    return (_jsx(AuthMenu, { display: display, loginPath: loginPath, className: className, style: style }));
 };
 export default AuthHeader;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { DISPLAY } from '@donotdev/components';
+import type { CSSProperties } from 'react';
 import type { ComponentType } from 'react';
 /**
  * Custom menu item for AuthMenu
@@ -53,7 +54,11 @@ export interface AuthMenuProps {
      * Order: Profile (if configured) → authMenuItems → customItems → Delete Account → Sign Out
      */
     customItems?: AuthMenuCustomItem[];
+    /** Optional className for styling the button */
+    className?: string;
+    /** Optional inline styles for the button */
+    style?: CSSProperties;
 }
-export declare const AuthMenu: ({ loginPath, display, "no-tooltip": noTooltip, customItems, }: AuthMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AuthMenu: ({ loginPath, display, "no-tooltip": noTooltip, customItems, className, style, }: AuthMenuProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AuthMenu;
 //# sourceMappingURL=AuthMenu.d.ts.map

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,mDAwOf,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;AAC3C,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;IAEnC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAsBD,eAAO,MAAM,QAAQ,GAAI,iFAOtB,aAAa,mDA0Of,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/auth/AuthMenu.js

@@ -77,8 +77,8 @@ import { Avatar, Button, BUTTON_VARIANT, DropdownMenu, Text, DISPLAY, } from '@d
 import { useTranslation } from '@donotdev/core';
 import { getEnabledAuthPartners, useAuthConfig, isClient, } from '@donotdev/core';
 import { useBreakpoint } from '@donotdev/core';
-import { useNavigationItems } from '../../routing';
 import { useNavigate } from '@donotdev/ui/routing/hooks';
+import { useNavigationItems } from '../../routing';
 import { useAuthSafe, useAuthVisibility } from '../../utils';
 const NullComponent = () => null;
 // @ts-expect-error - lazy() type doesn't account for graceful degradation fallback
@@ -154,7 +154,7 @@ const getIcon = (iconName) => {
     const cleanIconName = iconName.replace(/['"]/g, '');
     return LucideIcons[cleanIconName] || Settings;
 };
-export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false, customItems = [], }) => {
+export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false, customItems = [], className, style, }) => {
     const { t } = useTranslation('dndev');
     const { shouldHide, isReady, isAuthenticated } = useAuthVisibility();
     const authConfig = useAuthConfig();
@@ -312,6 +312,6 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
                         ? getUserTooltip()
                         : !noTooltip
                             ? t('auth.userMenu', { defaultValue: 'User menu' })
-                            : undefined, children: getUserDisplayName() }), items: menuItems, contentAlign: "end" })] }));
+                            : undefined, className: className, style: style, children: getUserDisplayName() }), items: menuItems, contentAlign: "end" })] }));
 };
 export default AuthMenu;

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

@@ -1,4 +1,4 @@
-import { type ComponentType } from 'react';
+import type { ComponentType } from 'react';
 /**
  * AppLoading - Framework-level, context-free loading fallback for Suspense boundaries.
  * Use as the default fallback for route/component loading in both Vite and Next.js.

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

@@ -1 +1 @@
-{"version":3,"file":"AppLoading.d.ts","sourceRoot":"","sources":["../../../src/components/common/AppLoading.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,EAAE,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA2BrD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AppLoading.d.ts","sourceRoot":"","sources":["../../../src/components/common/AppLoading.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,EAAE,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA2BrD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/common/AppLoading.js

@@ -9,7 +9,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { RefreshCw } from 'lucide-react';
-import {} from 'react';
 import { cn } from '@donotdev/components';
 /**
  * AppLoading - Framework-level, context-free loading fallback for Suspense boundaries.

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

@@ -17,11 +17,11 @@ declare const SimpleLoader: ComponentType<{
     className?: string;
 }>;
 /**
- * Loader - Smart loading component that handles its own suspense
+ * Loader - Simple loading spinner component
  *
- * This component automatically handles the case where the loading store
- * isn't available yet by showing a SimpleLoader until the store is ready.
- * No need to use SimpleLoader separately - this component handles everything.
+ * Used for Suspense fallbacks and explicit loading states.
+ * Components should use `useCrudList().loading` or `useCrudList().fetching`
+ * for reactive loading states from TanStack Query.
  *
  * @version 0.0.1
  * @since 0.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/common/Loader.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAAE,aAAa,CAAC;IAChC,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAiDA,CAAC;AA0BF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,EAAE,aAAa,CAAC,WAAW,CAUtC,CAAC;AAGF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/common/Loader.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAAE,aAAa,CAAC;IAChC,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAiDA,CAAC;AAwBF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,EAAE,aAAa,CAAC,WAAW,CAEtC,CAAC;AAGF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/common/Loader.js

@@ -12,7 +12,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { RefreshCw } from 'lucide-react';
 import { Suspense } from 'react';
 import { cn } from '@donotdev/components';
-import { useLoadingState } from '@donotdev/core';
 /**
  * Simple fallback loader that doesn't depend on any stores
  * Used internally for Suspense fallbacks and initial loading states
@@ -48,34 +47,34 @@ const SimpleLoader = ({ variant = 'fullPage', className }) => {
             } }) }));
 };
 /**
- * Store-aware loader component that uses the loading store when available
+ * Loader component - renders spinner based on isLoading prop
  *
  * @version 0.0.1
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-const StoreAwareLoader = ({ variant = 'fullPage', className, isLoading: propIsLoading, }) => {
-    // Use the loading store - this will throw if store isn't available
-    const { isLoading: storeIsLoading } = useLoadingState();
-    const shouldRenderLoader = propIsLoading ?? storeIsLoading;
-    if (!shouldRenderLoader) {
+const LoaderComponent = ({ variant = 'fullPage', className, isLoading, }) => {
+    // If isLoading is explicitly false, don't render
+    if (isLoading === false) {
         return null;
     }
+    // If isLoading is undefined or true, show loader
+    // (undefined means always show - useful for Suspense fallbacks)
     return _jsx(SimpleLoader, { variant: variant, className: className });
 };
 /**
- * Loader - Smart loading component that handles its own suspense
+ * Loader - Simple loading spinner component
  *
- * This component automatically handles the case where the loading store
- * isn't available yet by showing a SimpleLoader until the store is ready.
- * No need to use SimpleLoader separately - this component handles everything.
+ * Used for Suspense fallbacks and explicit loading states.
+ * Components should use `useCrudList().loading` or `useCrudList().fetching`
+ * for reactive loading states from TanStack Query.
  *
  * @version 0.0.1
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
 const Loader = (props) => {
-    return (_jsx(Suspense, { fallback: _jsx(SimpleLoader, { variant: props.variant, className: props.className }), children: _jsx(StoreAwareLoader, { ...props }) }));
+    return _jsx(LoaderComponent, { ...props });
 };
 // Export both components for flexibility
 export default Loader;

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

@@ -1,12 +1,4 @@
-/**
- * @fileoverview LoadingMessage component
- * @description Loading message component with state indicators
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ComponentType } from 'react';
+import type { ComponentType } from 'react';
 interface LoadingMessageProps {
     /** The current loading state */
     state?: 'initial' | 'loading' | 'processing' | 'almost-done' | 'complete';

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingMessage.d.ts","sourceRoot":"","sources":["../../../src/components/common/LoadingMessage.tsx"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,mBAAmB;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,UAAU,CAAC;IAC1E,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc,EAAE,aAAa,CAAC,mBAAmB,CA8DtD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAC9C,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAClD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAClD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,aAAa,CAChD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAC9C,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAQF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,aAAa,CACjD,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAQF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,aAAa,CACjD,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAQF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAClD,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAQF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LoadingMessage.d.ts","sourceRoot":"","sources":["../../../src/components/common/LoadingMessage.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,UAAU,CAAC;IAC1E,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc,EAAE,aAAa,CAAC,mBAAmB,CA8DtD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAC9C,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAClD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAClD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,aAAa,CAChD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAGF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAC9C,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAQF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,aAAa,CACjD,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAQF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,aAAa,CACjD,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAQF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAClD,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAQF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/common/LoadingMessage.js

@@ -9,7 +9,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import {} from 'react';
 import { cn } from '@donotdev/components';
 /**
  * LoadingMessage - Displays contextual loading messages with microcopy

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

@@ -1,12 +1,4 @@
-/**
- * @fileoverview LoadingScreen component
- * @description Full-page loading screen component
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { type ComponentType } from 'react';
+import type { ComponentType } from 'react';
 interface LoadingScreenProps {
     /** Determines whether to render a full-page or inline loader */
     variant?: 'fullPage' | 'inline';

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../../src/components/common/LoadingScreen.tsx"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,kBAAkB;IAC1B,gEAAgE;IAChE,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA0CpD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../../src/components/common/LoadingScreen.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,gEAAgE;IAChE,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA0CpD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/common/LoadingScreen.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import {} from 'react';
 import { cn } from '@donotdev/components';
 /**
  * LoadingScreen displays a centered spinner.

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

@@ -0,0 +1,37 @@
+/**
+ * RedirectOverlay - Industry-standard redirect overlay with phase progression
+ *
+ * Features:
+ * - Phase-based progress: connecting → preparing → redirecting → timeout
+ * - Cancel button appears after 10s (configurable)
+ * - i18n support with operation-specific messaging
+ * - Browser event handling (popstate, visibilitychange)
+ * - Accessible (ARIA labels, role="status")
+ * - RTL-safe styling
+ *
+ * @example
+ * ```tsx
+ * // Include once in app root (layout.tsx or App.tsx)
+ * import { RedirectOverlay } from '@donotdev/ui';
+ *
+ * function RootLayout({ children }) {
+ *   return (
+ *     <>
+ *       {children}
+ *       <RedirectOverlay />
+ *     </>
+ *   );
+ * }
+ *
+ * // Hooks trigger it automatically
+ * const checkout = useStripeBilling('checkout', authState);
+ * await checkout({ priceId: 'price_123' }); // Shows overlay automatically
+ * ```
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+export declare function RedirectOverlay(): import("react/jsx-runtime").JSX.Element | null;
+export default RedirectOverlay;
+//# sourceMappingURL=RedirectOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RedirectOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/common/RedirectOverlay.tsx"],"names":[],"mappings":"AAoEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,eAAe,mDA+P9B;AAED,eAAe,eAAe,CAAC"}

package/dist/components/common/RedirectOverlay.js

@@ -0,0 +1,243 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// packages/ui/src/components/common/RedirectOverlay.tsx
+/**
+ * @fileoverview RedirectOverlay component
+ * @description Industry-standard fullscreen overlay for redirect operations (payments, OAuth, etc.).
+ * Features phase-based progress, 10s cancel timeout, i18n support, and browser event handling.
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { Lock, Shield } from 'lucide-react';
+import { useEffect, useRef, useCallback } from 'react';
+import { Portal, Spinner, Stack, Text, Button } from '@donotdev/components';
+import { useTranslation, useOverlay, } from '@donotdev/core';
+/** Phase progression timings (ms from start) */
+const PHASE_TIMINGS = {
+    connecting: 0,
+    preparing: 2000,
+    redirecting: 5000,
+};
+/** Default timeout before showing cancel button (10 seconds) */
+const DEFAULT_CANCEL_TIMEOUT = 10000;
+/**
+ * Get icon component based on operation type
+ */
+function getOperationIcon(operation, configIcon) {
+    if (configIcon === 'none')
+        return null;
+    if (configIcon === 'shield')
+        return Shield;
+    if (configIcon === 'lock')
+        return Lock;
+    // Infer from operation
+    if (!operation)
+        return Lock;
+    if (operation.startsWith('stripe-') ||
+        operation.includes('payment') ||
+        operation.includes('checkout')) {
+        return Lock;
+    }
+    if (operation.startsWith('oauth-') || operation.startsWith('auth-')) {
+        return Shield;
+    }
+    return Lock;
+}
+/**
+ * Get i18n key for operation
+ */
+function getOperationKey(operation) {
+    if (!operation)
+        return 'default';
+    // Check if operation has a specific translation, otherwise use default
+    return operation;
+}
+/**
+ * RedirectOverlay - Industry-standard redirect overlay with phase progression
+ *
+ * Features:
+ * - Phase-based progress: connecting → preparing → redirecting → timeout
+ * - Cancel button appears after 10s (configurable)
+ * - i18n support with operation-specific messaging
+ * - Browser event handling (popstate, visibilitychange)
+ * - Accessible (ARIA labels, role="status")
+ * - RTL-safe styling
+ *
+ * @example
+ * ```tsx
+ * // Include once in app root (layout.tsx or App.tsx)
+ * import { RedirectOverlay } from '@donotdev/ui';
+ *
+ * function RootLayout({ children }) {
+ *   return (
+ *     <>
+ *       {children}
+ *       <RedirectOverlay />
+ *     </>
+ *   );
+ * }
+ *
+ * // Hooks trigger it automatically
+ * const checkout = useStripeBilling('checkout', authState);
+ * await checkout({ priceId: 'price_123' }); // Shows overlay automatically
+ * ```
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+export function RedirectOverlay() {
+    const { t } = useTranslation('dndev');
+    // Subscribe to overlay store
+    const isOpen = useOverlay('isRedirectOverlayOpen');
+    const operation = useOverlay('redirectOperation');
+    const phase = useOverlay('redirectPhase');
+    const showCancelButton = useOverlay('showCancelButton');
+    const config = useOverlay('redirectConfig');
+    const startTime = useOverlay('redirectStartTime');
+    // Actions
+    const setRedirectPhase = useOverlay('setRedirectPhase');
+    const setShowCancelButton = useOverlay('setShowCancelButton');
+    const hideRedirectOverlay = useOverlay('hideRedirectOverlay');
+    // Refs for cleanup
+    const phaseTimersRef = useRef([]);
+    const cancelTimerRef = useRef(null);
+    // Cancel handler
+    const handleCancel = useCallback(() => {
+        hideRedirectOverlay();
+    }, [hideRedirectOverlay]);
+    // Setup phase progression and cancel timer when overlay opens
+    useEffect(() => {
+        if (!isOpen || !startTime)
+            return;
+        const cancelTimeout = config?.cancelTimeout ?? DEFAULT_CANCEL_TIMEOUT;
+        const elapsed = Date.now() - startTime;
+        // Clear any existing timers
+        phaseTimersRef.current.forEach(clearTimeout);
+        phaseTimersRef.current = [];
+        if (cancelTimerRef.current) {
+            clearTimeout(cancelTimerRef.current);
+            cancelTimerRef.current = null;
+        }
+        // Schedule phase transitions
+        const schedulePhase = (targetPhase, delay) => {
+            const adjustedDelay = Math.max(0, delay - elapsed);
+            if (adjustedDelay > 0) {
+                const timer = setTimeout(() => {
+                    setRedirectPhase(targetPhase);
+                }, adjustedDelay);
+                phaseTimersRef.current.push(timer);
+            }
+            else {
+                // Already past this phase
+                setRedirectPhase(targetPhase);
+            }
+        };
+        schedulePhase('preparing', PHASE_TIMINGS.preparing);
+        schedulePhase('redirecting', PHASE_TIMINGS.redirecting);
+        // Schedule cancel button
+        const cancelDelay = Math.max(0, cancelTimeout - elapsed);
+        cancelTimerRef.current = setTimeout(() => {
+            setShowCancelButton(true);
+            setRedirectPhase('timeout');
+        }, cancelDelay);
+        // Cleanup
+        return () => {
+            phaseTimersRef.current.forEach(clearTimeout);
+            phaseTimersRef.current = [];
+            if (cancelTimerRef.current) {
+                clearTimeout(cancelTimerRef.current);
+                cancelTimerRef.current = null;
+            }
+        };
+    }, [
+        isOpen,
+        startTime,
+        config?.cancelTimeout,
+        setRedirectPhase,
+        setShowCancelButton,
+    ]);
+    // Handle browser back button (popstate)
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handlePopState = () => {
+            // User pressed back - hide overlay
+            hideRedirectOverlay();
+        };
+        window.addEventListener('popstate', handlePopState);
+        return () => window.removeEventListener('popstate', handlePopState);
+    }, [isOpen, hideRedirectOverlay]);
+    // Handle tab visibility change
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleVisibilityChange = () => {
+            // If user switches away and comes back, the redirect probably failed
+            // We could add logic here to show a "retry" state, but for now we keep overlay visible
+            // This prevents the overlay from disappearing when user tabs away briefly
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return () => document.removeEventListener('visibilitychange', handleVisibilityChange);
+    }, [isOpen]);
+    // Don't render if not open
+    if (!isOpen)
+        return null;
+    // Get operation-specific translations
+    const operationKey = getOperationKey(operation);
+    // Try operation-specific translation, fallback to default
+    const title = config?.title ??
+        t(`redirectOverlay.${operationKey}.title`, {
+            defaultValue: t('redirectOverlay.default.title'),
+        });
+    const message = config?.message ??
+        t(`redirectOverlay.${operationKey}.message`, {
+            defaultValue: t('redirectOverlay.default.message'),
+        });
+    const subtitle = config?.subtitle ??
+        t(`redirectOverlay.${operationKey}.subtitle`, {
+            defaultValue: t('redirectOverlay.default.subtitle'),
+        });
+    const ariaLabel = t(`redirectOverlay.${operationKey}.ariaLabel`, {
+        defaultValue: t('redirectOverlay.default.ariaLabel'),
+    });
+    // Get phase message
+    const phaseMessage = t(`redirectOverlay.phases.${phase}`);
+    // Get icon
+    const IconComponent = getOperationIcon(operation, config?.icon);
+    return (_jsx(Portal, { children: _jsx("div", { className: "dndev-spinner-overlay", role: "status", "aria-busy": "true", "aria-label": ariaLabel, style: {
+                // Ensure highest z-index for redirect overlay
+                zIndex: 'var(--z-overlay, 9999)',
+            }, children: _jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    gap: 'var(--gap-md)',
+                    textAlign: 'center',
+                    maxWidth: '400px',
+                    padding: 'var(--gap-lg)',
+                }, children: [_jsxs(Stack, { direction: "row", gap: "medium", align: "center", children: [IconComponent && (_jsx(IconComponent, { style: {
+                                    width: '1.5rem',
+                                    height: '1.5rem',
+                                    color: 'var(--primary)',
+                                }, "aria-hidden": "true" })), _jsx(Spinner, { variant: "primary" })] }), _jsx(Text, { as: "h3", style: {
+                            color: 'var(--foreground)',
+                            margin: 0,
+                        }, children: title }), _jsx(Text, { variant: "muted", style: {
+                            color: 'var(--foreground)',
+                            minHeight: '1.5em',
+                        }, children: phaseMessage }), _jsx(Text, { variant: "muted", level: "small", style: {
+                            opacity: 0.8,
+                        }, children: message }), _jsx(Text, { variant: "muted", level: "small", style: {
+                            opacity: 0.6,
+                        }, children: subtitle }), _jsx(Text, { variant: "muted", level: "small", style: {
+                            opacity: 0.5,
+                            marginTop: 'var(--gap-sm)',
+                        }, children: t('redirectOverlay.doNotRefresh') }), showCancelButton && (_jsx(Button, { variant: "ghost", onClick: handleCancel, style: {
+                            marginTop: 'var(--gap-md)',
+                        }, children: t('redirectOverlay.cancel') }))] }) }) }));
+}
+export default RedirectOverlay;

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,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"}
+{"version":3,"file":"TechBento.d.ts","sourceRoot":"","sources":["../../../src/components/common/TechBento.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,cAAc,EACf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/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"}