@donotdev/ui 0.0.14 → 0.0.16

package/dist/internal/devtools/components/DesignTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignTab.d.ts","sourceRoot":"","sources":["../../../../src/internal/devtools/components/DesignTab.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,SAAS,+CA4yBrB,CAAC"}
+{"version":3,"file":"DesignTab.d.ts","sourceRoot":"","sources":["../../../../src/internal/devtools/components/DesignTab.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,SAAS,+CAizBrB,CAAC"}

package/dist/internal/layout/components/AutoMetaTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyE3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAmN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyE3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAyM1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}

package/dist/internal/layout/components/AutoMetaTags.js

@@ -130,7 +130,7 @@ export const AutoMetaTags = () => {
     const metaData = useMemo(() => {
         if (!seoConfig)
             return null;
-        const { defaultNamespace = 'home', defaultImage, } = seoConfig;
+        const { defaultNamespace = 'home', defaultImage } = seoConfig;
         // Construct absolute URL for canonical link
         const currentUrl = `${baseUrl}${location.pathname}`;
         const ns = routeMeta.ns || defaultNamespace;
@@ -169,14 +169,7 @@ export const AutoMetaTags = () => {
             publishDate: routeMeta.publishDate,
             modifiedDate: routeMeta.modifiedDate,
         };
-    }, [
-        location.pathname,
-        routeMeta,
-        siteName,
-        baseUrl,
-        seoConfig,
-        t,
-    ]);
+    }, [location.pathname, routeMeta, siteName, baseUrl, seoConfig, t]);
     // Return null if SEO is disabled — after all hooks have been called
     if (!seoConfig || !metaData)
         return null;

package/dist/internal/layout/components/FontPreloadLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FontPreloadLinks.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/FontPreloadLinks.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;GAGG;AACH,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,SAAS,CAAC,CA6B3D;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"FontPreloadLinks.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/FontPreloadLinks.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;GAGG;AACH,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,SAAS,CAAC,CAyB3D;AAED,eAAe,gBAAgB,CAAC"}

package/dist/internal/layout/components/FontPreloadLinks.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// packages/ui/src/internal/layout/components/FontPreloadLinks.tsx
 /**
  * @fileoverview FontPreloadLinks - Server-only component for Next.js
  * @description Reads public/dndev-font-preloads.json (written at build by FontPreloadWebpackPlugin) and renders preload link tags for Lighthouse-friendly LCP. Include in root layout so initial HTML contains the links.

package/dist/internal/layout/components/footer/useLegalLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLegalLinks.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/components/footer/useLegalLinks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAQD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,cAAc,WAAW,CAAC,QAAQ,CAAC,KAAG,eAAe,EAQlF,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,aAAa,iBAXkB,WAAW,CAAC,QAAQ,CAAC,KAAG,eAAe,EAWzC,CAAC"}
+{"version":3,"file":"useLegalLinks.d.ts","sourceRoot":"","sources":["../../../../../src/internal/layout/components/footer/useLegalLinks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAQD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GACxB,cAAc,WAAW,CAAC,QAAQ,CAAC,KAClC,eAAe,EAQjB,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,aAAa,iBAZV,WAAW,CAAC,QAAQ,CAAC,KAClC,eAAe,EAWwB,CAAC"}

package/dist/internal/providers/NavigationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationProvider.d.ts","sourceRoot":"","sources":["../../../src/internal/providers/NavigationProvider.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD;;GAEG;AACH,UAAU,uBAAuB;IAC/B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CAqBrE"}
+{"version":3,"file":"NavigationProvider.d.ts","sourceRoot":"","sources":["../../../src/internal/providers/NavigationProvider.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;GAEG;AACH,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD;;GAEG;AACH,UAAU,uBAAuB;IAC/B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CAkBrE"}

package/dist/internal/providers/NavigationProvider.js

@@ -53,20 +53,18 @@ import { useAbortControllerStore, useOverlayStore } from '@donotdev/core';
  * @author AMBROISE PARK Consulting
  */
 export function NavigationProvider({ router }) {
-    const abortAll = useAbortControllerStore((state) => state.abortAll);
-    const closeAll = useOverlayStore((state) => state.closeAll);
     useEffect(() => {
         // Subscribe to navigation events using router.subscribe()
         // This replaces the useLocation() + useEffect pattern from the old implementation
         const unsubscribe = router.subscribe(() => {
             // When navigation occurs, abort all pending requests and close overlays
             // This prevents memory leaks and race conditions
-            abortAll();
-            closeAll();
+            useAbortControllerStore.getState().abortAll();
+            useOverlayStore.getState().closeAll();
         });
         // Cleanup subscription on unmount
         return unsubscribe;
-    }, [router, abortAll, closeAll]);
+    }, [router]);
     // RouterProvider manages its own children from the router configuration
     // No need to render children prop (kept for backwards compatibility)
     return _jsx(RouterProvider, { router: router });

package/dist/providers/ViteAppProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViteAppProviders.d.ts","sourceRoot":"","sources":["../../src/providers/ViteAppProviders.tsx"],"names":[],"mappings":"AAcA,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA2BxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,2CAkCxD"}
+{"version":3,"file":"ViteAppProviders.d.ts","sourceRoot":"","sources":["../../src/providers/ViteAppProviders.tsx"],"names":[],"mappings":"AAcA,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA2BxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,2CAmCxD"}

package/dist/providers/ViteAppProviders.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { lazy, Suspense } from 'react';
+import { lazy, Suspense, useMemo } from 'react';
 // Import virtual modules to populate globalThis._DNDEV_CONFIG_ before any components load
 import 'virtual:env';
 import 'virtual:themes';
@@ -76,9 +76,7 @@ export function ViteAppProviders(props) {
     // Create router instance using React Router v7 data router pattern
     // Virtual modules are loaded at module level (lines 20-26), so routes are available
     // HomePage.tsx is automatically assigned path "/" by RouteDiscovery convention
-    const router = createAppRouter({
-        routeGroups,
-        layout,
-    });
+    // Memoized so the router instance is stable across re-renders (Item 86)
+    const router = useMemo(() => createAppRouter({ routeGroups, layout }), [routeGroups, layout]);
     return (_jsxs(AppConfigProvider, { config: config, platform: "vite", children: [_jsx(SentryInitializer, {}), _jsx(ViteStoresInitializer, { customStores: customStores, children: _jsx(Suspense, { fallback: null, children: _jsxs(HelmetProvider, { children: [_jsx(FaviconHead, {}), _jsx(PerformanceHints, {}), _jsx(NavigationProvider, { router: router })] }) }) })] }));
 }

package/dist/routing/GoToInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoToInput.d.ts","sourceRoot":"","sources":["../../src/routing/GoToInput.tsx"],"names":[],"mappings":"AA+BA,QAAA,MAAM,SAAS,+CAyEd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"GoToInput.d.ts","sourceRoot":"","sources":["../../src/routing/GoToInput.tsx"],"names":[],"mappings":"AAgCA,QAAA,MAAM,SAAS,+CAwEd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/routing/GoToInput.js

@@ -17,12 +17,12 @@ import { useTranslation } from '@donotdev/core';
  * Navigation input - typeable search that syncs with command dialog
  */
 /** Detect macOS/iOS for keyboard shortcut label (defaults to ⌘K during SSR) */
-const isMac = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.userAgent);
+const isMac = typeof navigator !== 'undefined' &&
+    /Mac|iPhone|iPad/.test(navigator.userAgent);
 const GoToInput = () => {
     const { t } = useTranslation('dndev');
     const [value, setValue] = useState('');
     const inputRef = useRef(null);
-    const openCommandDialog = useOverlayStore((state) => state.openCommandDialog);
     const isCommandDialogOpen = useOverlayStore((state) => state.isCommandDialogOpen);
     // Clear input when dialog closes
     useEffect(() => {
@@ -31,14 +31,14 @@ const GoToInput = () => {
         }
     }, [isCommandDialogOpen]);
     const handleFocus = useCallback(() => {
-        openCommandDialog(value);
-    }, [openCommandDialog, value]);
+        useOverlayStore.getState().openCommandDialog(value);
+    }, [value]);
     const handleKeyDown = useCallback((e) => {
         if (e.key === 'Enter') {
             e.preventDefault();
-            openCommandDialog(value);
+            useOverlayStore.getState().openCommandDialog(value);
         }
-    }, [openCommandDialog, value]);
+    }, [value]);
     return (_jsxs(Stack, { direction: "row", align: "center", className: "dndev-relative dndev-w-full dndev-max-w-sm", role: "search", children: [_jsx(Search, { className: "dndev-absolute dndev-size-md", style: { insetInlineStart: '0.75rem', opacity: 0.5 }, "aria-hidden": "true" }), _jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => setValue(e.target.value), onFocus: handleFocus, onKeyDown: handleKeyDown, placeholder: t('globalGoTo.searchPlaceholder', 'Search pages...'), className: "dndev-input dndev-w-full", style: { paddingInlineStart: '2.5rem', paddingInlineEnd: '5rem' }, "aria-label": t('globalGoTo.ariaLabel', 'Search navigation') }), _jsx("div", { className: "dndev-absolute dndev-flex dndev-items-center dndev-text-sm", style: { insetInlineEnd: '0.75rem', gap: '0.25rem', opacity: 0.5 }, "aria-hidden": "true", children: _jsx("kbd", { style: {
                         padding: '0.25rem 0.5rem',
                         fontSize: 'var(--font-size-xs)',

package/dist/routing/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/routing/Link.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,aAAa,EAElB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AASf;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,SAAS,CAwIzC,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/routing/Link.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,aAAa,EAElB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AASf;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,SAAS,CAuIzC,CAAC"}

package/dist/routing/hooks/hooks.next.js

@@ -1 +1 @@
-"use client";import{useRouter as p}from"next/navigation";import{useCallback as h}from"react";import{isClient as D,useOverlayStore as v}from"@donotdev/core";import*as F from"@donotdev/crud";var y={forms:{},startSubmit:()=>{},setUploading:()=>{},setValidating:()=>{},setSubmitting:()=>{},setSuccess:()=>{},setError:()=>{},reset:()=>{},cleanup:()=>{},setIsDirty:()=>{},hasDirtyForms:()=>!1,getDirtyFormIds:()=>[],getStatus:()=>"idle",isLoading:()=>!1,getUploadProgress:()=>0,getError:()=>null,getIsDirty:()=>!1},m=F?.useFormStore;function x(e){return m?m(e):e(y)}x.getState=()=>m&&typeof m.getState=="function"?m.getState():y;async function T(e="You have unsaved changes. Discard them?"){return x.getState().hasDirtyForms()&&typeof window<"u"&&window.confirm?window.confirm(e):!0}function g(){let e=p(),t=v(r=>r.closeAll);return h(async(r,u)=>{if(r==="back")return t(),e.back();if(await T()){if(t(),u?.preserveScroll&&D()){let o=window.scrollY;u?.replace?e.replace(r):e.push(r),requestAnimationFrame(()=>{window.scrollTo({top:o,behavior:"auto"})});return}return u?.replace?e.replace(r):e.push(r)}},[e,t])}function w(){let e=p();return h(()=>e.back(),[e])}function E(){let e=p();return h(()=>e.refresh(),[e])}function b(){let e=p();return h(t=>e.prefetch(t),[e])}import{usePathname as I,useSearchParams as N}from"next/navigation";function f(){let e=I(),t=N(),r=t.toString()?`?${t.toString()}`:"";return{pathname:e||"/",search:r,hash:"",state:null}}import{useParams as O}from"next/navigation";function S(){return O()}function G(e){let r=S()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as C}from"next/navigation";function R(){return C()}import{usePathname as L}from"next/navigation";function _(e){let t=L(),r=e.replace(/:[^/]+/g,"([^/]+)").replace(/\*/g,".*"),u=new RegExp(`^${r}$`),i=t.match(u);if(!i)return null;let o=e.match(/:[^/]+/g)?.map(n=>n.slice(1))||[],s={};return o.forEach((n,c)=>{s[n]=i[c+1]||""}),{params:s,pathname:t,pattern:e}}import{useCallback as A}from"react";function U(){let e=R(),t=g(),r=f(),u=A((s,n)=>{let c=new URLSearchParams(e.toString());c.set(s,n);let l=c.toString(),P=`${r.pathname||"/"}${l?`?${l}`:""}`;t(P)},[e,t,r.pathname]),i=A(s=>{let n=new URLSearchParams(e.toString());n.delete(s);let c=n.toString(),a=`${r.pathname||"/"}${c?`?${c}`:""}`;t(a)},[e,t,r.pathname]),o=A(()=>{let s=r.pathname||"/";t(s)},[t,r.pathname]);return{query:e,setQuery:u,removeQuery:i,clearQueries:o}}import{useMemo as Q}from"react";import{isClient as j,FEATURE_STATUS as q}from"@donotdev/core";import{useAuthConfig as Y}from"@donotdev/core";import*as $ from"@donotdev/auth";import{DEGRADED_AUTH_API as K}from"@donotdev/core";var k=$?.useAuth;function M(e){return K[e]}function d(e){return k?k(e):M(e)}function B(e={}){let{auth:t,redirectTo:r,condition:u}=e,i=f(),o=Y(),s=d("user"),n=d("can"),c=d("status");return Q(()=>{if(!j())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(c===q.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(u){let a=u(s,c);return{shouldRedirect:a,redirectTo:a&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!n)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!n.navigate(t)){let a=null;return typeof t=="object"&&t.required&&!s?i.search.includes("code=")||i.search.includes("state=")||i.search.includes("error=")?a=`${o.authRoute}${i.search}`:a=o.authRoute:typeof t=="object"&&t.role?a=o.roleRoute:typeof t=="object"&&t.tier?a=o.tierRoute:a=o.roleRoute,{shouldRedirect:!0,redirectTo:r||a,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,c,s,n,u,r,i.search,o.authRoute,o.roleRoute,o.tierRoute])}export{w as useBack,f as useLocation,_ as useMatch,g as useNavigate,S as useParams,b as usePrefetch,U as useQueryParams,B as useRedirectGuard,E as useRefresh,G as useRouteParam,R as useSearchParams};
+"use client";import{useRouter as f}from"next/navigation";import{useCallback as h}from"react";import{isClient as S,useOverlayStore as y}from"@donotdev/core";function d(){let e=f(),t=y(r=>r.closeAll);return h((r,i)=>{if(r==="back")return t(),e.back();if(t(),i?.preserveScroll&&S()){let s=window.scrollY;i?.replace?e.replace(r):e.push(r),requestAnimationFrame(()=>{window.scrollTo({top:s,behavior:"auto"})});return}return i?.replace?e.replace(r):e.push(r)},[e,t])}function k(){let e=f();return h(()=>e.back(),[e])}function T(){let e=f();return h(()=>e.refresh(),[e])}function v(){let e=f();return h(t=>e.prefetch(t),[e])}import{usePathname as b,useSearchParams as N}from"next/navigation";function l(){let e=b(),t=N(),r=t.toString()?`?${t.toString()}`:"";return{pathname:e||"/",search:r,hash:"",state:null}}import{useParams as w}from"next/navigation";function g(){return w()}function C(e){let r=g()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as I}from"next/navigation";function R(){return I()}import{usePathname as G}from"next/navigation";function $(e){let t=G(),r=e.replace(/:[^/]+/g,"([^/]+)").replace(/\*/g,".*"),i=new RegExp(`^${r}$`),s=t.match(i);if(!s)return null;let o=e.match(/:[^/]+/g)?.map(a=>a.slice(1))||[],n={};return o.forEach((a,c)=>{n[a]=s[c+1]||""}),{params:n,pathname:t,pattern:e}}import{useCallback as P}from"react";function K(){let e=R(),t=d(),r=l(),i=P((n,a)=>{let c=new URLSearchParams(e.toString());c.set(n,a);let m=c.toString(),x=`${r.pathname||"/"}${m?`?${m}`:""}`;t(x)},[e,t,r.pathname]),s=P(n=>{let a=new URLSearchParams(e.toString());a.delete(n);let c=a.toString(),u=`${r.pathname||"/"}${c?`?${c}`:""}`;t(u)},[e,t,r.pathname]),o=P(()=>{let n=r.pathname||"/";t(n)},[t,r.pathname]);return{query:e,setQuery:i,removeQuery:s,clearQueries:o}}import{useMemo as E}from"react";import{isClient as Q,FEATURE_STATUS as F}from"@donotdev/core";import{useAuthConfig as M}from"@donotdev/core";import*as O from"@donotdev/auth";import{DEGRADED_AUTH_API as U}from"@donotdev/core";var A=O?.useAuth;function L(e){return U[e]}function p(e){return A?A(e):L(e)}function j(e={}){let{auth:t,redirectTo:r,condition:i}=e,s=l(),o=M(),n=p("user"),a=p("can"),c=p("status");return E(()=>{if(!Q())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(c===F.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(i){let u=i(n,c);return{shouldRedirect:u,redirectTo:u&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!a)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!a.navigate(t)){let u=null;return typeof t=="object"&&t.required&&!n?s.search.includes("code=")||s.search.includes("state=")||s.search.includes("error=")?u=`${o.authRoute}${s.search}`:u=o.authRoute:typeof t=="object"&&t.role?u=o.roleRoute:typeof t=="object"&&t.tier?u=o.tierRoute:u=o.roleRoute,{shouldRedirect:!0,redirectTo:r||u,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,c,n,a,i,r,s.search,o.authRoute,o.roleRoute,o.tierRoute])}export{k as useBack,l as useLocation,$ as useMatch,d as useNavigate,g as useParams,v as usePrefetch,K as useQueryParams,j as useRedirectGuard,T as useRefresh,C as useRouteParam,R as useSearchParams};

package/dist/routing/hooks/hooks.vite.js

@@ -1 +1 @@
-"use client";import{useCallback as p}from"react";import{useNavigate as T}from"react-router-dom";import{isClient as k,useOverlayStore as D}from"@donotdev/core";import*as F from"@donotdev/crud";var y={forms:{},startSubmit:()=>{},setUploading:()=>{},setValidating:()=>{},setSubmitting:()=>{},setSuccess:()=>{},setError:()=>{},reset:()=>{},cleanup:()=>{},setIsDirty:()=>{},hasDirtyForms:()=>!1,getDirtyFormIds:()=>[],getStatus:()=>"idle",isLoading:()=>!1,getUploadProgress:()=>0,getError:()=>null,getIsDirty:()=>!1},f=F?.useFormStore;function P(e){return f?f(e):e(y)}P.getState=()=>f&&typeof f.getState=="function"?f.getState():y;async function x(e="You have unsaved changes. Discard them?"){return P.getState().hasDirtyForms()&&typeof window<"u"&&window.confirm?window.confirm(e):!0}function h(){let e=T(),t=D(r=>r.closeAll);return p(async(r,c)=>{if(r==="back")return t(),e(-1);if(await x())return t(),c?.replace?e(r,{replace:!0}):e(r)},[e,t])}function w(){let e=T();return p(()=>e(-1),[e])}function E(){return p(()=>{k()&&window.location.reload()},[])}function b(){return p(e=>{},[])}import{useLocation as I}from"react-router-dom";function m(){return I()}import{useParams as L}from"react-router-dom";function g(){return L()}function O(e){let r=g()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as G}from"react-router-dom";function R(){return G()[0]}import{useMatch as C}from"react-router-dom";function _(e){return C(e)}import{useCallback as S}from"react";function N(){let e=R(),t=h(),r=m(),c=S((n,i)=>{let a=new URLSearchParams(e.toString());a.set(n,i);let l=a.toString(),A=`${r.pathname||"/"}${l?`?${l}`:""}`;t(A)},[e,t,r.pathname]),u=S(n=>{let i=new URLSearchParams(e.toString());i.delete(n);let a=i.toString(),o=`${r.pathname||"/"}${a?`?${a}`:""}`;t(o)},[e,t,r.pathname]),s=S(()=>{let n=r.pathname||"/";t(n)},[t,r.pathname]);return{query:e,setQuery:c,removeQuery:u,clearQueries:s}}import{useMemo as $}from"react";import{isClient as Q,FEATURE_STATUS as j}from"@donotdev/core";import{useAuthConfig as q}from"@donotdev/core";import*as U from"@donotdev/auth";import{DEGRADED_AUTH_API as M}from"@donotdev/core";var v=U?.useAuth;function K(e){return M[e]}function d(e){return v?v(e):K(e)}function B(e={}){let{auth:t,redirectTo:r,condition:c}=e,u=m(),s=q(),n=d("user"),i=d("can"),a=d("status");return $(()=>{if(!Q())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(a===j.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(c){let o=c(n,a);return{shouldRedirect:o,redirectTo:o&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!i)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!i.navigate(t)){let o=null;return typeof t=="object"&&t.required&&!n?u.search.includes("code=")||u.search.includes("state=")||u.search.includes("error=")?o=`${s.authRoute}${u.search}`:o=s.authRoute:typeof t=="object"&&t.role?o=s.roleRoute:typeof t=="object"&&t.tier?o=s.tierRoute:o=s.roleRoute,{shouldRedirect:!0,redirectTo:r||o,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,a,n,i,c,r,u.search,s.authRoute,s.roleRoute,s.tierRoute])}export{w as useBack,m as useLocation,_ as useMatch,h as useNavigate,g as useParams,b as usePrefetch,N as useQueryParams,B as useRedirectGuard,E as useRefresh,O as useRouteParam,R as useSearchParams};
+"use client";import{useCallback as m}from"react";import{useNavigate as P}from"react-router-dom";import{isClient as y,useOverlayStore as S}from"@donotdev/core";function h(){let e=P(),t=S(r=>r.closeAll);return m((r,i)=>r==="back"?(t(),e(-1)):(t(),i?.replace?e(r,{replace:!0}):e(r)),[e,t])}function v(){let e=P();return m(()=>e(-1),[e])}function k(){return m(()=>{y()&&window.location.reload()},[])}function T(){return m(e=>{},[])}import{useLocation as C}from"react-router-dom";function f(){return C()}import{useParams as I}from"react-router-dom";function d(){return I()}function b(e){let r=d()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as G}from"react-router-dom";function g(){return G()[0]}import{useMatch as w}from"react-router-dom";function L(e){return w(e)}import{useCallback as R}from"react";function N(){let e=g(),t=h(),r=f(),i=R((n,u)=>{let a=new URLSearchParams(e.toString());a.set(n,u);let l=a.toString(),A=`${r.pathname||"/"}${l?`?${l}`:""}`;t(A)},[e,t,r.pathname]),c=R(n=>{let u=new URLSearchParams(e.toString());u.delete(n);let a=u.toString(),o=`${r.pathname||"/"}${a?`?${a}`:""}`;t(o)},[e,t,r.pathname]),s=R(()=>{let n=r.pathname||"/";t(n)},[t,r.pathname]);return{query:e,setQuery:i,removeQuery:c,clearQueries:s}}import{useMemo as $}from"react";import{isClient as M,FEATURE_STATUS as Q}from"@donotdev/core";import{useAuthConfig as E}from"@donotdev/core";import*as K from"@donotdev/auth";import{DEGRADED_AUTH_API as O}from"@donotdev/core";var x=K?.useAuth;function U(e){return O[e]}function p(e){return x?x(e):U(e)}function _(e={}){let{auth:t,redirectTo:r,condition:i}=e,c=f(),s=E(),n=p("user"),u=p("can"),a=p("status");return $(()=>{if(!M())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(a===Q.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(i){let o=i(n,a);return{shouldRedirect:o,redirectTo:o&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!u)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!u.navigate(t)){let o=null;return typeof t=="object"&&t.required&&!n?c.search.includes("code=")||c.search.includes("state=")||c.search.includes("error=")?o=`${s.authRoute}${c.search}`:o=s.authRoute:typeof t=="object"&&t.role?o=s.roleRoute:typeof t=="object"&&t.tier?o=s.tierRoute:o=s.roleRoute,{shouldRedirect:!0,redirectTo:r||o,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,a,n,u,i,r,c.search,s.authRoute,s.roleRoute,s.tierRoute])}export{v as useBack,f as useLocation,L as useMatch,h as useNavigate,d as useParams,T as usePrefetch,N as useQueryParams,_ as useRedirectGuard,k as useRefresh,b as useRouteParam,g as useSearchParams};

package/dist/routing/hooks/useNavigate.next.d.ts

@@ -1,5 +1,5 @@
 import type { NavigateOptions } from './types';
-export declare function useNavigate(): (to: string, options?: NavigateOptions) => Promise<void>;
+export declare function useNavigate(): (to: string, options?: NavigateOptions) => void;
 export declare function useBack(): () => void;
 export declare function useRefresh(): () => void;
 export declare function usePrefetch(): (to: string) => void;

package/dist/routing/hooks/useNavigate.next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigate.next.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.next.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKZ,MAAM,YAAY,eAAe,mBAgC/C;AAED,wBAAgB,OAAO,eAGtB;AAED,wBAAgB,UAAU,eAGzB;AAED,wBAAgB,WAAW,SAED,MAAM,UAC/B"}
+{"version":3,"file":"useNavigate.next.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.next.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKlB,MAAM,YAAY,eAAe,UA0BzC;AAED,wBAAgB,OAAO,eAGtB;AAED,wBAAgB,UAAU,eAGzB;AAED,wBAAgB,WAAW,SAED,MAAM,UAC/B"}

package/dist/routing/hooks/useNavigate.next.js

@@ -11,20 +11,14 @@
 import { useRouter as useNextRouter } from 'next/navigation';
 import { useCallback } from 'react';
 import { isClient, useOverlayStore } from '@donotdev/core';
-import { checkFormNavigationSafe } from '../../utils/useFormStoreSafe';
 export function useNavigate() {
     const router = useNextRouter();
     const closeAll = useOverlayStore((state) => state.closeAll);
-    return useCallback(async (to, options) => {
+    return useCallback((to, options) => {
         if (to === 'back') {
             closeAll();
             return router.back();
         }
-        // Check FormStore for dirty forms before navigation (safe - works if CRUD not installed)
-        const shouldProceed = await checkFormNavigationSafe();
-        if (!shouldProceed) {
-            return; // Navigation blocked by user
-        }
         closeAll();
         if (options?.preserveScroll && isClient()) {
             const scrollY = window.scrollY;

package/dist/routing/hooks/useNavigate.vite.d.ts

@@ -1,5 +1,5 @@
 import type { NavigateOptions } from './types';
-export declare function useNavigate(): (to: string, options?: NavigateOptions) => Promise<void>;
+export declare function useNavigate(): (to: string, options?: NavigateOptions) => void | Promise<void>;
 export declare function useBack(): () => void | Promise<void>;
 export declare function useRefresh(): () => void;
 export declare function usePrefetch(): (_to: string) => void;

package/dist/routing/hooks/useNavigate.vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigate.vite.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.vite.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKZ,MAAM,YAAY,eAAe,mBAmB/C;AAED,wBAAgB,OAAO,+BAGtB;AAED,wBAAgB,UAAU,eAIzB;AAED,wBAAgB,WAAW,UACA,MAAM,UAGhC"}
+{"version":3,"file":"useNavigate.vite.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.vite.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKlB,MAAM,YAAY,eAAe,0BAazC;AAED,wBAAgB,OAAO,+BAGtB;AAED,wBAAgB,UAAU,eAIzB;AAED,wBAAgB,WAAW,UACA,MAAM,UAGhC"}

package/dist/routing/hooks/useNavigate.vite.js

@@ -11,20 +11,14 @@
 import { useCallback } from 'react';
 import { useNavigate as useRouterNavigate } from 'react-router-dom';
 import { isClient, useOverlayStore } from '@donotdev/core';
-import { checkFormNavigationSafe } from '../../utils/useFormStoreSafe';
 export function useNavigate() {
     const navigate = useRouterNavigate();
     const closeAll = useOverlayStore((state) => state.closeAll);
-    return useCallback(async (to, options) => {
+    return useCallback((to, options) => {
         if (to === 'back') {
             closeAll();
             return navigate(-1);
         }
-        // Check FormStore for dirty forms before navigation (safe - works if CRUD not installed)
-        const shouldProceed = await checkFormNavigationSafe();
-        if (!shouldProceed) {
-            return; // Navigation blocked by user
-        }
         closeAll();
         if (options?.replace)
             return navigate(to, { replace: true });

package/dist/routing/useRouteDiscovery.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationRoute as CoreNavigationRoute } from '@donotdev/core';
 import type { JSX } from 'react';
 import type { ReactNode } from 'react';
 /**
@@ -41,22 +42,10 @@ export interface RouteGroup {
     routes: RouteInfo[];
 }
 /**
- * Navigation route interface for UI components
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
+ * Navigation route - re-exported from @donotdev/core (Item 90)
+ * Core's version is the single source of truth with richer fields.
  */
-export interface NavigationRoute {
-    /** Route path */
-    path: string;
-    /** Display label */
-    label: string;
-    /** Optional icon component */
-    icon?: ReactNode;
-    /** Additional route metadata */
-    meta?: any;
-}
+export type NavigationRoute = CoreNavigationRoute;
 /**
  * Hook that provides auto-discovered routes from virtual module system
  *

package/dist/routing/useRouteDiscovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRouteDiscovery.d.ts","sourceRoot":"","sources":["../../src/routing/useRouteDiscovery.ts"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CA2BhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,mBAAmB,IAAI,UAAU,EAAE,CAmBlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,6BAA6B,IAAI,eAAe,EAAE,CAgBjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,gBAK3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB;;;;;;SAQ/B"}
+{"version":3,"file":"useRouteDiscovery.d.ts","sourceRoot":"","sources":["../../src/routing/useRouteDiscovery.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAEV,eAAe,IAAI,mBAAmB,EACvC,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CA2BhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,mBAAmB,IAAI,UAAU,EAAE,CAoBlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,6BAA6B,IAAI,eAAe,EAAE,CAcjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,gBAK3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB;;;;;;SAQ/B"}

package/dist/routing/useRouteDiscovery.js

@@ -23,7 +23,7 @@
  * ```
  */
 import { useMemo } from 'react';
-import { useNavigationStore, getRoutes, getRouteManifest, buildRoutePath, } from '@donotdev/core';
+import { useNavigationStore, getRoutes, getRouteManifest, } from '@donotdev/core';
 import { useAuthSafe } from '../utils/useAuthSafe';
 /**
  * Hook that provides auto-discovered routes from virtual module system
@@ -108,9 +108,11 @@ export function useAccessibleRoutes() {
             .map((group) => ({
             ...group,
             routes: group.routes.filter((route) => {
-                // Use same filtering logic as AuthGuard for consistency
+                // Use same filtering logic as AuthGuard for consistency (Item 88)
                 if (route.auth === false)
                     return true;
+                if (route.auth === true)
+                    return !!user;
                 if (typeof route.auth === 'object' && route.auth.required) {
                     return !!user;
                 }
@@ -149,9 +151,8 @@ export function useAccessibleRoutes() {
  */
 export function useAccessibleNavigationRoutes() {
     const user = useAuthSafe('user');
-    const { getFilteredRoutes } = useNavigationStore();
     return useMemo(() => {
-        const filteredRoutes = getFilteredRoutes({
+        const filteredRoutes = useNavigationStore.getState().getFilteredRoutes({
             authenticated: !!user,
             role: user?.role || 'user',
         });
@@ -161,7 +162,7 @@ export function useAccessibleNavigationRoutes() {
             icon: route.icon,
             meta: route.meta,
         }));
-    }, [getFilteredRoutes, user]);
+    }, [user]);
 }
 /**
  * Hook that returns all discovered routes as a flat list

package/dist/styles/index.css

@@ -3418,80 +3418,120 @@ em {
 
 /* packages/components/src/atomic/Combobox/Combobox.css */
 
-.dndev-combobox-trigger {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  text-align: start;
-}
+/* ──────────────────────────────────────────────────
+   Trailing icon group — flex row inside the input area
+   ────────────────────────────────────────────────── */
 
-.dndev-combobox-trigger button {
+.dndev-combobox-trailing {
+  position: absolute;
+  inset-inline-end: var(--gap-sm);
+  top: 0;
+  height: 100%;
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  width: 100%;
+  gap: var(--gap-tight, 4px);
+  z-index: 1;
+  pointer-events: none; /* pass clicks through to input by default */
 }
 
-.dndev-combobox-placeholder {
-  opacity: var(--opacity-muted);
-}
+/* Input padding: reserve space for trailing content.
+   --combobox-pad-end is set as an inline CSS variable on .dndev-combobox-wrapper. */
 
-.dndev-combobox-trigger-icons {
-  display: flex;
-  align-items: center;
-  gap: var(--gap-tight);
-  margin-inline-start: auto;
+.dndev-combobox-wrapper .dndev-input {
+  padding-inline-end: var(--combobox-pad-end);
 }
 
-.dndev-combobox-clear {
+/* Action buttons (create "+", clear "X") */
+
+.dndev-combobox-action-btn {
+  all: unset;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: var(--icon-md);
+  height: var(--icon-md);
+  border-radius: var(--radius-interactive, var(--radius-sm, 4px));
   cursor: pointer;
-  opacity: var(--opacity-muted);
-  transition: opacity var(--dur-fast) var(--ease-in-out);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  pointer-events: auto; /* re-enable clicks on buttons */
+  color: var(--muted-foreground);
+  opacity: var(--opacity-muted, 0.5);
+  transition:
+    opacity var(--dur-fast) var(--ease-in-out),
+    background-color var(--dur-fast) var(--ease-in-out);
 }
 
-.dndev-combobox-clear:hover,
-.dndev-combobox-clear:focus {
+.dndev-combobox-action-btn:hover {
+  opacity: 1;
+  background-color: var(--accent, rgba(0, 0, 0, 0.06));
+}
+
+.dndev-combobox-action-btn:focus-visible {
   opacity: 1;
   outline: none;
+  box-shadow:
+    0 0 0 2px var(--ring),
+    0 0 0 4px rgb(from var(--ring) r g b / 0.2);
 }
 
-.dndev-combobox-clear svg {
-  width: var(--icon-sm);
-  height: var(--icon-sm);
+.dndev-combobox-action-btn:active {
+  opacity: 0.8;
 }
 
+.dndev-combobox-action-btn svg {
+  width: var(--size-icon-sm, 16px);
+  height: var(--size-icon-sm, 16px);
+}
+
+/* Create button accent color */
+
+.dndev-combobox-action-btn--create {
+  color: var(--primary);
+}
+
+/* Clear button */
+
+.dndev-combobox-action-btn--clear {
+  color: var(--muted-foreground);
+}
+
+/* Chevron indicator (non-interactive, just visual) */
+
 .dndev-combobox-chevron {
   width: var(--icon-md);
   height: var(--icon-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--muted-foreground);
   opacity: var(--opacity-muted);
+  pointer-events: none;
+}
+
+.dndev-combobox-chevron svg {
+  width: var(--icon-md);
+  height: var(--icon-md);
   transition: transform var(--dur-fast) var(--ease-in-out);
 }
 
-[data-state='open'] .dndev-combobox-chevron {
+.dndev-combobox-open .dndev-combobox-chevron svg {
   transform: rotate(180deg);
 }
 
-.dndev-combobox-loading-container {
+/* Spinner replaces chevron */
+
+.dndev-combobox-spinner {
   display: flex;
   align-items: center;
-  gap: var(--gap-sm);
-}
-
-.dndev-combobox-loading-spinner {
+  justify-content: center;
   width: var(--icon-md);
   height: var(--icon-md);
-  border-radius: var(--radius-full);
-  border: 2px solid currentColor;
-  border-top-color: transparent;
+  pointer-events: none;
 }
 
+/* ──────────────────────────────────────────────────
+   Dropdown content
+   ────────────────────────────────────────────────── */
+
 .dndev-combobox-content {
   width: var(--radix-popover-trigger-width);
   min-width: var(--radix-popover-trigger-width);
@@ -3501,15 +3541,6 @@ em {
   padding: 0;
 }
 
-.dndev-combobox-search-container {
-  padding: var(--gap-sm);
-  border-bottom: var(--border-width) solid var(--line-2);
-}
-
-.dndev-combobox-search-input {
-  width: 100%;
-}
-
 .dndev-combobox-option {
   all: unset;
   display: flex;
@@ -3580,16 +3611,6 @@ em {
   flex-shrink: 0;
 }
 
-.dndev-combobox-open .dndev-input-with-trailing-icon .dndev-input-icon svg,
-.dndev-combobox-open .dndev-input-with-trailing-icon .dndev-input-icon > * {
-  transform: rotate(180deg);
-}
-
-.dndev-input-with-trailing-icon .dndev-input-icon svg,
-.dndev-input-with-trailing-icon .dndev-input-icon > * {
-  transition: transform var(--dur-fast) var(--ease-in-out);
-}
-
 /* packages/components/src/atomic/DualCard/DualCard.css */
 
 .dndev-dual-card {
@@ -9485,9 +9506,15 @@ main[role='main'][data-routing-animation='none'] {
 /* Desktop: opt-in via data-footer-mode="scroll" */
 
 .dndev-layout[data-footer-mode='scroll'] {
-  overflow-y: auto;
+  height: auto;
+  min-height: 100dvh;
+  max-height: none;
+  overflow-y: visible;
   overflow-x: hidden;
-  grid-template-rows: var(--header-height) 1fr auto;
+  grid-template-rows: var(--header-height) minmax(
+      calc(100dvh - var(--header-height)),
+      auto
+    ) auto;
 }
 
 .dndev-layout[data-footer-mode='scroll'] header[role='banner'] {
@@ -9511,6 +9538,7 @@ main[role='main'][data-routing-animation='none'] {
 .dndev-layout[data-footer-mode='scroll'] footer[role='contentinfo'] {
     grid-column: 2 / -1;
     height: auto;
+    margin-top: var(--gap-lg);
   }
 
 :is(.dndev-layout[data-footer-mode='scroll'] footer[role='contentinfo']) > * {
@@ -9522,9 +9550,15 @@ main[role='main'][data-routing-animation='none'] {
 
 @media (width <=1023px) {
   .dndev-layout {
-    overflow-y: auto;
+    height: auto;
+    min-height: 100dvh;
+    max-height: none;
+    overflow-y: visible;
     overflow-x: hidden;
-    grid-template-rows: var(--header-height) 1fr auto;
+    grid-template-rows: var(--header-height) minmax(
+        calc(100dvh - var(--header-height)),
+        auto
+      ) auto;
   }
 
     .dndev-layout header[role='banner'] {
@@ -9540,6 +9574,7 @@ main[role='main'][data-routing-animation='none'] {
 
     .dndev-layout footer[role='contentinfo'] {
       height: auto;
+      margin-top: var(--gap-lg);
     }
 
       :is(.dndev-layout footer[role='contentinfo']) > * {
@@ -9587,7 +9622,6 @@ header[role='banner'] {
   padding-inline-start: var(--content-padding);
   padding-inline-end: var(--content-padding);
 
-  /* Theme-aware styling - 100% controlled by theme system */
   background: var(--background);
   border-bottom: var(--border-hairline) solid var(--border);
 
@@ -9936,7 +9970,6 @@ footer[role='contentinfo'] {
   min-height: var(--footer-height);
   z-index: var(--z-footer);
 
-  /* Theme-aware styling - 100% controlled by theme system */
   background: var(--background);
   border-top: var(--border-hairline) solid var(--border);
 

package/dist/utils/sanitizeSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sanitizeSvg.d.ts","sourceRoot":"","sources":["../../src/utils/sanitizeSvg.ts"],"names":[],"mappings":"AA+BA;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO/C"}
+{"version":3,"file":"sanitizeSvg.d.ts","sourceRoot":"","sources":["../../src/utils/sanitizeSvg.ts"],"names":[],"mappings":"AAiCA;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO/C"}