@donotdev/components 0.0.17 → 0.0.18

package/dist/advanced/Code/CodeContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeContent.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,eAAsB,EACtB,SAAiB,EACjB,cAAqB,EACrB,MAAM,EACN,OAAe,GAChB,EAAE,SAAS,2CAsOX;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeContent.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,eAAsB,EACtB,SAAiB,EACjB,cAAqB,EACrB,MAAM,EACN,OAAe,GAChB,EAAE,SAAS,2CAwPX;AAED,eAAe,IAAI,CAAC"}

package/dist/advanced/Code/CodeContent.js

@@ -90,9 +90,11 @@ function Code({ children, language = 'tsx', className, showLineNumbers = true, w
                 if (error instanceof Error &&
                     (error.message.includes("Cannot find module 'shiki'") ||
                         error.message.includes('Failed to fetch dynamically imported module'))) {
-                    console.info('[Code] Shiki not available. Using Text code variant fallback. To enable syntax highlighting: npm install shiki');
+                    if (process.env.NODE_ENV === 'development') {
+                        console.info('[Code] Shiki not available. Using Text code variant fallback. To enable syntax highlighting: npm install shiki');
+                    }
                 }
-                else {
+                else if (process.env.NODE_ENV === 'development') {
                     console.warn('[Code] Failed to initialize Shiki:', error);
                 }
                 if (mounted) {
@@ -117,17 +119,32 @@ function Code({ children, language = 'tsx', className, showLineNumbers = true, w
             const lang = language || 'text';
             // Check if language is supported
             if (!highlighter.getLoadedLanguages().includes(lang)) {
-                console.warn(`[Code] Language '${language}' not supported by Shiki`);
+                if (process.env.NODE_ENV === 'development') {
+                    console.warn(`[Code] Language '${language}' not supported by Shiki`);
+                }
                 return null; // Use Text code variant fallback
             }
             const html = highlighter.codeToHtml(children, {
                 lang,
                 theme,
             });
-            return html;
+            // Strip Shiki's outer <pre><code>...</code></pre> wrapper.
+            // We already render our own <pre> and <code> — nesting them
+            // creates conflicting line-height/font-size and breaks sync
+            // between line numbers and content.
+            // Also strip \n between </span> and <span — the .line spans
+            // are display:block, so newlines would create double line breaks
+            // under white-space:pre.
+            const inner = html
+                .replace(/^<pre[^>]*><code[^>]*>/, '')
+                .replace(/<\/code><\/pre>$/, '')
+                .replace(/\n/g, '');
+            return inner;
         }
         catch (error) {
-            console.warn(`[Code] Failed to highlight code for language: ${language}`, error);
+            if (process.env.NODE_ENV === 'development') {
+                console.warn(`[Code] Failed to highlight code for language: ${language}`, error);
+            }
             return null; // Use Text code variant fallback
         }
     }, [

package/dist/advanced/Code/CodeSkeleton.js

@@ -17,10 +17,10 @@ function CodeSkeleton({ className, showLineNumbers = true, showCopyButton = true
             border: '1px solid var(--border)',
             backgroundColor: 'var(--muted)',
         }, role: "status", "aria-label": "Loading code", children: _jsxs(Stack, { direction: "row", children: [showLineNumbers && (_jsx("div", { className: "dndev-flex-shrink-0", style: {
-                        borderRight: '1px solid var(--border)',
+                        borderInlineEnd: '1px solid var(--border)',
                         backgroundColor: 'var(--muted)',
                         padding: '1rem',
-                        textAlign: 'right',
+                        textAlign: 'end',
                         fontSize: 'var(--font-size-sm)',
                         color: 'var(--muted-foreground)',
                         opacity: 'var(--opacity-subtle)',
@@ -28,7 +28,7 @@ function CodeSkeleton({ className, showLineNumbers = true, showCopyButton = true
                         userSelect: 'none',
                     }, children: Array.from({ length: lineCount }).map((_, i) => (_jsx("div", { style: { height: '1.25rem', lineHeight: '1.25rem' }, children: i + 1 }, i))) })), _jsx("div", { className: "dndev-flex-1 dndev-min-w-0", children: _jsxs("div", { className: "dndev-relative", children: [showCopyButton && (_jsx("div", { className: "dndev-absolute dndev-z-breadcrumbs dndev-animate-pulse", style: {
                                     top: '0.5rem',
-                                    right: '0.5rem',
+                                    insetInlineEnd: '0.5rem',
                                     width: '2rem',
                                     height: '2rem',
                                     backgroundColor: 'var(--muted)',
@@ -42,7 +42,7 @@ function CodeSkeleton({ className, showLineNumbers = true, showCopyButton = true
                                             marginBottom: '0.25rem',
                                         }, children: _jsx("span", { className: "dndev-inline dndev-animate-pulse", style: {
                                                 display: 'inline-block',
-                                                width: `${Math.random() * 40 + 20}%`,
+                                                width: `${((i * 37 + 13) % 40) + 20}%`,
                                                 height: '1em',
                                                 backgroundColor: 'var(--muted)',
                                                 borderRadius: 'var(--radius)',

package/dist/advanced/ImageGallery/ImageGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGallery.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAClC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAkBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAoB,EACpB,SAAmB,EACnB,aAAa,GACd,EAAE,iBAAiB,GAAG,YAAY,CAqOlC;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ImageGallery.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAClC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAkBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAoB,EACpB,SAAmB,EACnB,aAAa,GACd,EAAE,iBAAiB,GAAG,YAAY,CA2OlC;AAED,eAAe,YAAY,CAAC"}

package/dist/advanced/ImageGallery/ImageGallery.js

@@ -48,10 +48,15 @@ export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image'
     const [loadedFullUrls, setLoadedFullUrls] = useState(new Set());
     const containerRef = useRef(null);
     const thumbnailRefs = useRef([]);
+    // Track whether the index changed via user navigation (not initial mount)
+    const isUserNavigationRef = useRef(false);
     const normalizedImages = images.map(normalizeImage);
     const hasMultiple = normalizedImages.length > 1;
+    // Trim stale refs when the image list shrinks
+    thumbnailRefs.current = thumbnailRefs.current.slice(0, normalizedImages.length);
     const goToImage = useCallback((index) => {
         const newIndex = (index + normalizedImages.length) % normalizedImages.length;
+        isUserNavigationRef.current = true;
         setSelectedIndex(newIndex);
         onImageChange?.(newIndex);
         // Preload full image if not already loaded
@@ -91,8 +96,11 @@ export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image'
                 break;
         }
     }, [hasMultiple, goPrev, goNext, goToImage, normalizedImages.length]);
-    // Focus thumbnail when selected
+    // Focus thumbnail only on user-driven navigation, not on initial mount (WCAG)
     useEffect(() => {
+        if (!isUserNavigationRef.current)
+            return;
+        isUserNavigationRef.current = false;
         thumbnailRefs.current[selectedIndex]?.focus();
     }, [selectedIndex]);
     if (normalizedImages.length === 0) {
@@ -102,8 +110,7 @@ export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image'
     const currentImage = normalizedImages[selectedIndex];
     return (_jsxs("div", { ref: containerRef, className: "image-gallery", onKeyDown: handleKeyDown, tabIndex: 0, role: "region", "aria-label": "Image gallery", "aria-roledescription": "carousel", children: [_jsxs("div", { className: "image-gallery__main", style: { aspectRatio }, children: [currentImage.full !== currentImage.thumb && (_jsx("img", { src: currentImage.thumb, alt: "", className: "image-gallery__main-image", style: {
                             position: 'absolute',
-                            top: 0,
-                            left: 0,
+                            inset: 0,
                             width: '100%',
                             height: '100%',
                             objectFit: 'cover',
@@ -114,8 +121,7 @@ export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image'
                             position: currentImage.full !== currentImage.thumb
                                 ? 'absolute'
                                 : 'relative',
-                            top: 0,
-                            left: 0,
+                            inset: 0,
                             width: '100%',
                             height: '100%',
                             objectFit: 'cover',

package/dist/advanced/JsonViewer/JsonViewer.d.ts

@@ -1,6 +1,6 @@
 export interface JsonViewerProps {
     /** JSON data to display */
-    data: any;
+    data: unknown;
     /** Maximum depth to expand by default */
     defaultDepth?: number;
     /** Show copy button */

package/dist/advanced/JsonViewer/JsonViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonViewer.d.ts","sourceRoot":"","sources":["../../../src/advanced/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,GAAG,CAAC;IAEV,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoID;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,UAAU;oEAMb,eAAe;;CA0FjB,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"JsonViewer.d.ts","sourceRoot":"","sources":["../../../src/advanced/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IAEd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwID;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,UAAU;oEAMb,eAAe;;CA4FjB,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/advanced/JsonViewer/JsonViewer.js

@@ -56,13 +56,17 @@ const JsonNode = ({ data, keyName, depth, defaultDepth, path, collapsed, onToggl
     if (isEmpty) {
         return (_jsxs("div", { className: "dndev-json-node", children: [keyName && _jsxs("span", { className: "dndev-json-key", children: [keyName, ":"] }), _jsx("span", { className: "dndev-json-value dndev-json-value-null", children: isArray ? '[]' : '{}' })] }));
     }
-    const items = isArray ? data : Object.entries(data);
+    const items = isArray
+        ? data
+        : Object.entries(data);
     const bracketOpen = isArray ? '[' : '{';
     const bracketClose = isArray ? ']' : '}';
     return (_jsxs("div", { children: [_jsxs("div", { className: "dndev-json-toggle", onClick: handleToggle, children: [keyName && _jsxs("span", { className: "dndev-json-key", children: [keyName, ":"] }), _jsx("span", { className: "dndev-json-bracket", children: bracketOpen }), isExpanded ? (_jsx(ChevronDown, { className: "dndev-json-icon" })) : (_jsx(ChevronRight, { className: "dndev-json-icon" })), !isExpanded && (_jsx("span", { className: "dndev-json-count", children: isArray
                             ? `${data.length} item${data.length !== 1 ? 's' : ''}`
                             : `${Object.keys(data).length} key${Object.keys(data).length !== 1 ? 's' : ''}` })), !isExpanded && (_jsx("span", { className: "dndev-json-bracket", children: bracketClose }))] }), isExpanded && (_jsxs("div", { className: "dndev-json-children", children: [items.map((item, index) => {
-                        const [itemKey, itemValue] = isArray ? [index, item] : item;
+                        const [itemKey, itemValue] = isArray
+                            ? [index, item]
+                            : item;
                         const itemPath = `${path}.${itemKey}`;
                         return (_jsx(JsonNode, { data: itemValue, keyName: isArray ? undefined : String(itemKey), depth: depth + 1, defaultDepth: defaultDepth, path: itemPath, collapsed: collapsed, onToggle: onToggle, expandedPaths: expandedPaths }, itemPath));
                     }), _jsx("span", { className: "dndev-json-bracket", children: bracketClose })] }))] }));
@@ -125,7 +129,9 @@ const JsonViewer = ({ data, defaultDepth = 2, showCopyButton = true, className,
             await navigator.clipboard.writeText(jsonString);
         }
         catch (error) {
-            console.error('Failed to copy JSON:', error);
+            if (process.env.NODE_ENV !== 'production') {
+                console.error('Failed to copy JSON:', error);
+            }
         }
     }, [data]);
     const jsonString = useMemo(() => {

package/dist/atomic/ActionButton/index.js

@@ -1,3 +1,5 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // packages/components/src/atomic/ActionButton/index.tsx
 /**
  * @fileoverview ActionButton Component
@@ -7,8 +9,6 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import AlertDialog from '../AlertDialog';
 import Button from '../Button';

package/dist/atomic/ActionButton/useAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAction.d.ts","sourceRoot":"","sources":["../../../src/atomic/ActionButton/useAction.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,kCAAkC;IAClC,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,yBAAyB;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACtC,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAyB1C"}
+{"version":3,"file":"useAction.d.ts","sourceRoot":"","sources":["../../../src/atomic/ActionButton/useAction.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,kCAAkC;IAClC,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,yBAAyB;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACtC,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAuC1C"}

package/dist/atomic/ActionButton/useAction.js

@@ -7,7 +7,7 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useRef, useEffect } from 'react';
 /**
  * Hook for wrapping async actions with loading/error state management.
  *
@@ -27,9 +27,17 @@ import { useState, useCallback } from 'react';
 export function useAction({ action, onSuccess, onError, }) {
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
+    const loadingRef = useRef(false);
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
     const execute = useCallback(async () => {
-        if (loading)
+        if (loadingRef.current)
             return undefined;
+        loadingRef.current = true;
         setLoading(true);
         setError(null);
         try {
@@ -39,13 +47,18 @@ export function useAction({ action, onSuccess, onError, }) {
         }
         catch (err) {
             const error = err instanceof Error ? err : new Error(String(err));
-            setError(error);
+            if (mountedRef.current) {
+                setError(error);
+            }
             onError?.(error);
             return undefined;
         }
         finally {
-            setLoading(false);
+            loadingRef.current = false;
+            if (mountedRef.current) {
+                setLoading(false);
+            }
         }
-    }, [action, onSuccess, onError, loading]);
+    }, [action, onSuccess, onError]);
     return { execute, loading, error };
 }

package/dist/atomic/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Alert/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,UACf,SACE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAC7C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK,GAAI,mFASZ,UAAU,4CAsDZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Alert/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,MAAM,WAAW,UACf,SACE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAC7C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK,GAAI,mFASZ,UAAU,4CAqDZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/atomic/Button/index.d.ts

@@ -50,7 +50,7 @@ export interface ButtonRenderProps {
     'data-full-width'?: string;
     role?: string;
     tabIndex?: number;
-    [key: string]: any;
+    [key: string]: unknown;
 }
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /**

package/dist/atomic/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Button/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAM1D,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAKjB,CAAC;AAEX,QAAA,MAAM,cAAc;;8EAmBlB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,yDAAyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,2GAiKX,CAAC;AAIF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Button/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAM1D,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAKjB,CAAC;AAEX,QAAA,MAAM,cAAc;;8EAmBlB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,yDAAyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,2GAiKX,CAAC;AAIF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/atomic/CallToAction/index.d.ts

@@ -33,6 +33,7 @@
  * @author AMBROISE PARK Consulting
  */
 import { type ElementType, type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Tone } from '../../utils/constants';
 import './CallToAction.css';
 /**
  * CallToAction-specific props (content directives)
@@ -63,7 +64,7 @@ interface CallToActionOwnProps {
      * Tone system for background colors (matches Section component)
      * @default 'ghost'
      */
-    tone?: 'ghost' | 'base' | 'muted' | 'elevated' | 'contrast' | 'accent';
+    tone?: Tone;
     /** Additional children (for custom content) */
     children?: ReactNode;
 }

package/dist/atomic/CallToAction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/CallToAction/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,UAAU,oBAAoB;IAC5B;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAEjC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qEAAqE;IACrE,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,uEAAuE;IACvE,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAEvE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAC7D,oBAAoB,GAClB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAE/D,QAAA,MAAM,YAAY,mIAuDjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/CallToAction/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAQ,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIxD,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,UAAU,oBAAoB;IAC5B;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAEjC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qEAAqE;IACrE,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,uEAAuE;IACvE,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAC7D,oBAAoB,GAClB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAE/D,QAAA,MAAM,YAAY,mIAuDjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/atomic/CallToAction/index.js

@@ -35,10 +35,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { createElement, forwardRef, } from 'react';
+import { TONE } from '../../utils/constants';
 import { cn } from '../../utils/helpers';
 import Text, { TEXT_VARIANT } from '../Text';
 import './CallToAction.css';
-const CallToAction = forwardRef(function CallToAction({ as = 'section', title, subtitle, primaryAction, secondaryAction, align = 'center', tone = 'ghost', children, className, ...props }, ref) {
+const CallToAction = forwardRef(function CallToAction({ as = 'section', title, subtitle, primaryAction, secondaryAction, align = 'center', tone = TONE.GHOST, children, className, ...props }, ref) {
     const Component = as;
     return createElement(Component, {
         ref,

package/dist/atomic/Combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Combobox/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAM7E,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,GAAI,yLAiBf,aAAa,4CA4Uf,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC;AAC/C,YAAY,EAAE,cAAc,IAAI,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Combobox/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAM7E,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,GAAI,yLAiBf,aAAa,4CAqVf,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC;AAC/C,YAAY,EAAE,cAAc,IAAI,eAAe,EAAE,CAAC"}

package/dist/atomic/Combobox/index.js

@@ -170,7 +170,7 @@ const Combobox = ({ value, onValueChange, placeholder = 'Select...', emptyMessag
         setOpen(isOpen);
         onOpenChange?.(isOpen);
     };
-    return (_jsxs("div", { ref: containerRef, className: cn('dndev-relative', open && 'dndev-combobox-open'), style: { width: '100%' }, children: [_jsxs("div", { className: "dndev-relative", children: [_jsx(Input, { ref: inputRef, id: id, label: label, value: displayValue, onChange: handleInputChange, onFocus: handleInputFocus, onClick: handleInputClick, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled || isLoading, icon: isLoading ? _jsx(Spinner, {}) : ChevronDown, iconEnd: true, required: required, "data-variant": variant, style: {
+    return (_jsxs("div", { ref: containerRef, className: cn('dndev-relative', open && 'dndev-combobox-open'), style: { width: '100%' }, children: [_jsxs("div", { className: "dndev-relative", children: [_jsx(Input, { ref: inputRef, id: id, label: label, value: displayValue, onChange: handleInputChange, onFocus: handleInputFocus, onClick: handleInputClick, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled || isLoading, icon: isLoading ? _jsx(Spinner, {}) : ChevronDown, iconEnd: true, required: required, role: "combobox", "aria-expanded": open, "aria-controls": `${id}-listbox`, "aria-autocomplete": "list", "data-variant": variant, style: {
                             '--chevron-rotation': open ? '180deg' : '0deg',
                         } }), clearable && hasSelection && !disabled && (_jsx("button", { type: "button", onClick: handleClear, className: "dndev-absolute", style: {
                             insetInlineEnd: 'calc(var(--gap-md) + var(--icon-md) + var(--gap-sm))',
@@ -196,7 +196,7 @@ const Combobox = ({ value, onValueChange, placeholder = 'Select...', emptyMessag
                     marginTop: 'var(--gap-tight)',
                     padding: 'var(--gap-tight)',
                     textAlign: 'start',
-                }, "data-glow": "blank", children: _jsx(ScrollArea, { className: "dndev-menu-scroll-area", end: true, children: _jsx("div", { ref: listRef, style: {
+                }, "data-glow": "blank", children: _jsx(ScrollArea, { className: "dndev-menu-scroll-area", end: true, children: _jsx("div", { ref: listRef, id: `${id}-listbox`, role: "listbox", "aria-label": label || placeholder, style: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 'var(--gap-none)',
@@ -204,7 +204,7 @@ const Combobox = ({ value, onValueChange, placeholder = 'Select...', emptyMessag
                             const isSelected = selectedValues.includes(option.value);
                             const isHighlighted = index === highlightedIndex;
                             const isCreateOption = option.isCreateOption;
-                            return (_jsx("button", { type: "button", onClick: () => !option.disabled && handleSelect(option.value), disabled: option.disabled, className: cn('dndev-interactive dndev-combobox-option', isHighlighted && 'dndev-combobox-option-highlighted', isSelected && 'dndev-combobox-option-selected', isCreateOption && 'dndev-combobox-option-create'), onMouseEnter: () => setHighlightedIndex(index), children: option.content ? (option.content) : (_jsxs(_Fragment, { children: [isCreateOption && (_jsx(Plus, { className: "dndev-combobox-option-create-icon" })), _jsxs("div", { className: "dndev-combobox-option-content", children: [_jsx("span", { className: "dndev-combobox-option-label", children: option.label }), option.description && (_jsx("span", { className: "dndev-combobox-option-description", children: option.description }))] }), isSelected && !isCreateOption && (_jsx(Check, { className: "dndev-combobox-option-check" }))] })) }, isCreateOption ? `create-${option.value}` : option.value));
+                            return (_jsx("button", { type: "button", role: "option", "aria-selected": isSelected, onClick: () => !option.disabled && handleSelect(option.value), disabled: option.disabled, className: cn('dndev-interactive dndev-combobox-option', isHighlighted && 'dndev-combobox-option-highlighted', isSelected && 'dndev-combobox-option-selected', isCreateOption && 'dndev-combobox-option-create'), onMouseEnter: () => setHighlightedIndex(index), children: option.content ? (option.content) : (_jsxs(_Fragment, { children: [isCreateOption && (_jsx(Plus, { className: "dndev-combobox-option-create-icon" })), _jsxs("div", { className: "dndev-combobox-option-content", children: [_jsx("span", { className: "dndev-combobox-option-label", children: option.label }), option.description && (_jsx("span", { className: "dndev-combobox-option-description", children: option.description }))] }), isSelected && !isCreateOption && (_jsx(Check, { className: "dndev-combobox-option-check" }))] })) }, isCreateOption ? `create-${option.value}` : option.value));
                         })) }) }) }))] }));
 };
 export default Combobox;

package/dist/atomic/CopyToClipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAgBA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,WAAW,EACX,UAAU,GAAG,MAAM,GAAG,QAAQ,CAC/B;IACC,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uCAAuC;IACvC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,oFAAoF;IACpF,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CA2DrE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/CopyToClipboard/index.tsx"],"names":[],"mappings":"AAgBA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,WAAW,EACX,UAAU,GAAG,MAAM,GAAG,QAAQ,CAC/B;IACC,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uCAAuC;IACvC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,oFAAoF;IACpF,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CA4ErE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/atomic/CopyToClipboard/index.js

@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { Copy, Check } from 'lucide-react';
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect, useRef } from 'react';
 import { DISPLAY } from '../../styles/componentConstants';
 import { cn } from '../../utils/helpers';
 import Button, {} from '../Button';
@@ -21,21 +21,37 @@ import './CopyToClipboard.css';
  */
 export const CopyToClipboard = ({ text, children, variant = 'ghost', className, onCopy, onClick, tooltipText = 'Copy to clipboard', copiedTooltipText = 'Copied!', showTooltip = true, ariaLabel, ...buttonProps }) => {
     const [copied, setCopied] = useState(false);
+    const resetTimerRef = useRef(null);
+    // Clear the reset timer on unmount to avoid setState on unmounted component
+    useEffect(() => {
+        return () => {
+            if (resetTimerRef.current !== null) {
+                clearTimeout(resetTimerRef.current);
+            }
+        };
+    }, []);
     const handleCopy = useCallback(async (e) => {
         try {
             if (typeof window === 'undefined' || !navigator?.clipboard) {
-                console.warn('Clipboard API not available');
+                if (process.env.NODE_ENV === 'development') {
+                    console.warn('Clipboard API not available');
+                }
                 return;
             }
             await navigator.clipboard.writeText(text);
             setCopied(true);
             onCopy?.(text);
-            setTimeout(() => setCopied(false), 2000);
+            if (resetTimerRef.current !== null) {
+                clearTimeout(resetTimerRef.current);
+            }
+            resetTimerRef.current = setTimeout(() => setCopied(false), 2000);
             // Call onClick handler if provided (e.g., for stopPropagation)
             onClick?.(e);
         }
         catch (error) {
-            console.error('Failed to copy to clipboard:', error);
+            if (process.env.NODE_ENV === 'development') {
+                console.error('Failed to copy to clipboard:', error);
+            }
             // No fallback - modern browsers should support clipboard API
         }
     }, [text, onCopy, onClick]);

package/dist/atomic/Dialog/index.js

@@ -57,7 +57,7 @@ const Dialog = ({ trigger, title, description, children, footer, open, onOpenCha
     const variantAttrs = getVariantDataAttrs({
         variant: variant !== SURFACE_VARIANT.DEFAULT ? variant : undefined,
     });
-    return (_jsxs(Root, { open: open, onOpenChange: onOpenChange, children: [trigger && _jsx(Trigger, { asChild: true, children: trigger }), _jsxs(DialogContent, { className: cn('dndev-surface dndev-modal-content', className), noSwipe: noSwipe, closeButtonRef: closeButtonRef, onOpenChange: onOpenChange, ...variantAttrs, ...contentProps, children: [title ? (_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { className: "dndev-sr-only", children: description || 'Dialog content' })] })) : (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { className: "dndev-sr-only", children: "Dialog" }), _jsx(DialogDescription, { className: "dndev-sr-only", children: description || 'Dialog content' })] })), _jsx("div", { className: "dndev-modal-body", children: children }), (footer || actions) && (_jsxs(DialogFooter, { children: [footer, actions && (_jsxs(_Fragment, { children: [actions.cancel && (_jsx(Close, { asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, onClick: actions.cancel.onClick, children: actions.cancel.label }) })), actions.confirm && (_jsx(Button, { variant: actions.confirm.variant || BUTTON_VARIANT.PRIMARY, onClick: actions.confirm.onClick, children: actions.confirm.label }))] }))] })), showClose && (_jsx(Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-modal-close", "aria-label": "Close" }) }))] })] }));
+    return (_jsxs(Root, { open: open, onOpenChange: onOpenChange, children: [trigger && _jsx(Trigger, { asChild: true, children: trigger }), _jsxs(DialogContent, { className: className, noSwipe: noSwipe, closeButtonRef: closeButtonRef, onOpenChange: onOpenChange, ...variantAttrs, ...contentProps, children: [title ? (_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { className: "dndev-sr-only", children: description || 'Dialog content' })] })) : (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { className: "dndev-sr-only", children: "Dialog" }), _jsx(DialogDescription, { className: "dndev-sr-only", children: description || 'Dialog content' })] })), _jsx("div", { className: "dndev-modal-body", children: children }), (footer || actions) && (_jsxs(DialogFooter, { children: [footer, actions && (_jsxs(_Fragment, { children: [actions.cancel && (_jsx(Close, { asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, onClick: actions.cancel.onClick, children: actions.cancel.label }) })), actions.confirm && (_jsx(Button, { variant: actions.confirm.variant || BUTTON_VARIANT.PRIMARY, onClick: actions.confirm.onClick, children: actions.confirm.label }))] }))] })), showClose && (_jsx(Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-modal-close", "aria-label": "Close" }) }))] })] }));
 };
 export default Dialog;
 export { SURFACE_VARIANT as DIALOG_VARIANT } from '../../utils/constants';

package/dist/atomic/DropdownMenu/index.js

@@ -74,7 +74,7 @@ const DropdownMenu = ({ trigger, items = [], children, contentWidth, contentAlig
                                         !hasSubLabel && { 'data-display': 'compact' }), children: [Icon && _jsx(Icon, {}), _jsx("span", { children: submenuItem.label }), _jsx(ChevronRight, { className: "dndev-dropdown-menu-trailing" })] }), _jsx(DropdownMenuPortalPrimitive, { children: _jsx(DropdownMenuSubContentPrimitive, { className: cn('dndev-floating dndev-z-tooltip', submenuItem.subContent
                                             ? 'dndev-dropdown-sub-content-custom'
                                             : ''), children: submenuItem.subContent ||
-                                            submenuItem.subItems.map((subItem, subIndex) => {
+                                            submenuItem.subItems?.map((subItem, subIndex) => {
                                                 // Handle label/separator in submenu
                                                 if (subItem.type === 'label') {
                                                     return (_jsx(DropdownMenuLabelPrimitive, { className: cn('dndev-menu-label', subItem.className), children: subItem.label }, subIndex));

package/dist/atomic/Grid/GridArea.d.ts

@@ -9,7 +9,7 @@
  * @example
  * ```tsx
  * // Generic grid areas (default)
- * <Grid areas="left center right" templateColumns="1fr auto 1fr">
+ * <Grid areas="left center right" cols=fr">
  *   <GridArea name="left">{leftContent}</GridArea>
  *   <GridArea name="center">{centerContent}</GridArea>
  *   <GridArea name="right">{rightContent}</GridArea>
@@ -19,7 +19,7 @@
  * @example
  * ```tsx
  * // Semantic grid layout
- * <Grid areas="header main sidebar footer" templateColumns="1fr 3fr 1fr">
+ * <Grid areas="header main sidebar footer" cols=r">
  *   <GridArea as="header" name="header">Header</GridArea>
  *   <GridArea as="main" name="main">Main Content</GridArea>
  *   <GridArea as="aside" name="sidebar">Sidebar</GridArea>

package/dist/atomic/Grid/GridArea.js

@@ -10,7 +10,7 @@
  * @example
  * ```tsx
  * // Generic grid areas (default)
- * <Grid areas="left center right" templateColumns="1fr auto 1fr">
+ * <Grid areas="left center right" cols=fr">
  *   <GridArea name="left">{leftContent}</GridArea>
  *   <GridArea name="center">{centerContent}</GridArea>
  *   <GridArea name="right">{rightContent}</GridArea>
@@ -20,7 +20,7 @@
  * @example
  * ```tsx
  * // Semantic grid layout
- * <Grid areas="header main sidebar footer" templateColumns="1fr 3fr 1fr">
+ * <Grid areas="header main sidebar footer" cols=r">
  *   <GridArea as="header" name="header">Header</GridArea>
  *   <GridArea as="main" name="main">Main Content</GridArea>
  *   <GridArea as="aside" name="sidebar">Sidebar</GridArea>

package/dist/atomic/Grid/index.d.ts

@@ -11,23 +11,31 @@
  *   <Card />
  * </Grid>
  *
- * // Responsive grid: [mobile, tablet, laptop, desktop]
- * // 1 col on mobile/tablet, 2 on laptop, 3 on desktop
+ * // Responsive equal columns: [mobile, tablet, laptop, desktop]
  * <Grid cols={[1, 1, 2, 3]}>
  *   <Card />
  *   <Card />
  *   <Card />
  * </Grid>
  *
- * // Named grid areas
- * <Grid areas="left center right" templateColumns="1fr auto 1fr">
+ * // Custom column template (static)
+ * <Grid cols="1fr auto 1fr" areas="left center right">
  *   <GridArea name="left">{left}</GridArea>
  *   <GridArea name="center">{center}</GridArea>
  *   <GridArea name="right">{right}</GridArea>
  * </Grid>
+ *
+ * // Custom column template (responsive) + responsive areas
+ * <Grid
+ *   cols={["1fr", "1fr", "1fr 3fr", "1fr 3fr"]}
+ *   areas={['"a" "b"', '"a" "b"', '"a b"', '"a b"']}
+ * >
+ *   <GridArea name="a">{left}</GridArea>
+ *   <GridArea name="b">{right}</GridArea>
+ * </Grid>
  * ```
  *
- * @version 0.0.4
+ * @version 0.0.5
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -38,6 +46,15 @@ import './Grid.css';
  * @example [1, 1, 2, 3] - 1 col on mobile/tablet, 2 on laptop, 3 on desktop
  */
 export type ResponsiveCols = [number, number, number, number];
+/**
+ * Responsive template array: [mobile, tablet, laptop, desktop]
+ * @example ["1fr", "1fr", "1fr 3fr", "1fr 3fr"] - stacked on mobile/tablet, 1:3 ratio on laptop/desktop
+ */
+export type ResponsiveTemplate = [string, string, string, string];
+/**
+ * Unified column type: equal columns (number) or custom template (string), static or responsive
+ */
+export type GridCols = number | string | ResponsiveCols | ResponsiveTemplate;
 /**
  * Grid-specific props (layout directives)
  */
@@ -49,15 +66,18 @@ interface GridOwnProps {
      */
     as?: ElementType;
     /**
-     * Number of columns - fixed or responsive
-     * - number: fixed columns (same on all breakpoints)
-     * - [mobile, tablet, laptop, desktop]: responsive columns per breakpoint
+     * Column layout — unified prop for all column patterns:
+     * - number: fixed equal columns → repeat(N, 1fr)
+     * - string: custom template → raw grid-template-columns value
+     * - [number x4]: responsive equal columns per breakpoint
+     * - [string x4]: responsive custom template per breakpoint
      * @default 1
-     * @example 3 - always 3 columns
-     * @example [1, 1, 2, 3] - 1 col mobile/tablet, 2 laptop, 3 desktop
-     * @example [1, 2, 3, 3] - 1 mobile, 2 tablet, 3 laptop/desktop
+     * @example 3 - always 3 equal columns
+     * @example "1fr 3fr" - custom ratio
+     * @example [1, 1, 2, 3] - responsive equal: 1 mobile/tablet, 2 laptop, 3 desktop
+     * @example ["1fr", "1fr", "1fr 3fr", "1fr 3fr"] - responsive template: stacked mobile, 1:3 desktop
      */
-    cols?: number | ResponsiveCols;
+    cols?: GridCols;
     /**
      * Spacing between items
      * @default 'medium'
@@ -76,15 +96,12 @@ interface GridOwnProps {
     /**
      * Named grid areas (CSS grid-template-areas)
      * Use with GridArea component for semantic grid layouts
-     * @example "left center right", "left right", "header header" / "sidebar main"
-     */
-    areas?: string;
-    /**
-     * Grid template columns (CSS grid-template-columns)
-     * Required when using `areas` prop
-     * @example "1fr auto 1fr", "1fr auto", "200px 1fr"
+     * - string: static areas (same on all breakpoints)
+     * - [mobile, tablet, laptop, desktop]: responsive areas per breakpoint
+     * @example "left center right"
+     * @example ['"a" "b"', '"a" "b"', '"a b"', '"a b"'] - stacked mobile, side-by-side desktop
      */
-    templateColumns?: string;
+    areas?: string | ResponsiveTemplate;
     /** Content */
     children: ReactNode;
 }

package/dist/atomic/Grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Grid/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,YAAY,CAAC;AAEpB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9D;;GAEG;AACH,UAAU,YAAY;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAE/B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE5C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAE/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAEjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,YAAY,GACjE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC;AAErD;;;;;GAKG;AACH,QAAA,MAAM,IAAI,uHA2DT,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Grid/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,YAAY,CAAC;AAEpB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAE7E;;GAEG;AACH,UAAU,YAAY;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE5C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAE/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAEjD;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAC;IAEpC,cAAc;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,YAAY,GACjE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC;AAErD;;;;;GAKG;AACH,QAAA,MAAM,IAAI,uHA8ET,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAe,IAAI,CAAC"}