@donotdev/components 0.0.15 → 0.0.17

package/dist/advanced/Bento/Bento.d.ts

@@ -66,7 +66,7 @@ export type BentoProps = {
  *     { id: '3', content: <SmallCard /> },
  *   ]}
  *   columns={{ mobile: 1, tablet: 2, desktop: 3, wide: 4 }}
- *   gap="medium"
+ *
  * />
  * ```
  */

package/dist/advanced/Bento/Bento.js

@@ -25,7 +25,7 @@ import { cn } from '../../utils/helpers';
  *     { id: '3', content: <SmallCard /> },
  *   ]}
  *   columns={{ mobile: 1, tablet: 2, desktop: 3, wide: 4 }}
- *   gap="medium"
+ *
  * />
  * ```
  */

package/dist/advanced/Code/CodeContent.js

@@ -142,7 +142,7 @@ function Code({ children, language = 'tsx', className, showLineNumbers = true, w
     useEffect(() => {
         setIsClient(true);
     }, []);
-    return (_jsxs(Stack, { gap: "none", className: "dndev-code dndev-surface", "data-glow": "blank", "data-compact": compact, children: [!compact && (_jsx("div", { className: "dndev-code-header", children: _jsxs(Stack, { direction: "row", align: "center", justify: "between", gap: "medium", children: [_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsxs("div", { className: "dndev-code-traffic-lights", children: [_jsx("div", { className: "dndev-code-traffic-light", "data-color": "red" }), _jsx("div", { className: "dndev-code-traffic-light", "data-color": "yellow" }), _jsx("div", { className: "dndev-code-traffic-light", "data-color": "green" })] }), _jsx(Text, { as: "span", className: "dndev-code-language", children: language }), _jsxs(Text, { as: "span", className: "dndev-code-line-count", children: [lines.length, " line", lines.length !== 1 ? 's' : ''] })] }), showCopyButton && isClient && (_jsx(CopyToClipboard, { text: children, onCopy: onCopy }))] }) })), _jsx(ScrollArea, { className: "dndev-code-content", showHorizontal: !wrapLines, showVertical: true, children: _jsx("pre", { className: "dndev-code-pre", "data-wrap": wrapLines, "data-compact": compact, children: showLineNumbers ? (_jsxs(Stack, { direction: "row", gap: "none", children: [_jsx("div", { className: "dndev-code-line-numbers", children: lines.map((_, index) => (_jsx("div", { className: "dndev-code-line-number", children: String(index + 1).padStart(2, ' ') }, index))) }), highlightedCode ? (_jsx("code", { className: "dndev-code-code", dangerouslySetInnerHTML: { __html: highlightedCode } })) : (_jsx("code", { className: "dndev-code-code", children: lines.map((line, index) => (_jsx(Text, { as: "code", variant: "code", style: {
+    return (_jsxs(Stack, { gap: "none", className: "dndev-code dndev-surface", "data-glow": "blank", "data-compact": compact, children: [!compact && (_jsx("div", { className: "dndev-code-header", children: _jsxs(Stack, { direction: "row", align: "center", justify: "between", children: [_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsxs("div", { className: "dndev-code-traffic-lights", children: [_jsx("div", { className: "dndev-code-traffic-light", "data-color": "red" }), _jsx("div", { className: "dndev-code-traffic-light", "data-color": "yellow" }), _jsx("div", { className: "dndev-code-traffic-light", "data-color": "green" })] }), _jsx(Text, { as: "span", className: "dndev-code-language", children: language }), _jsxs(Text, { as: "span", className: "dndev-code-line-count", children: [lines.length, " line", lines.length !== 1 ? 's' : ''] })] }), showCopyButton && isClient && (_jsx(CopyToClipboard, { text: children, onCopy: onCopy }))] }) })), _jsx(ScrollArea, { className: "dndev-code-content", showHorizontal: !wrapLines, showVertical: true, children: _jsx("pre", { className: "dndev-code-pre", "data-wrap": wrapLines, "data-compact": compact, children: showLineNumbers ? (_jsxs(Stack, { direction: "row", gap: "none", children: [_jsx("div", { className: "dndev-code-line-numbers", children: lines.map((_, index) => (_jsx("div", { className: "dndev-code-line-number", children: String(index + 1).padStart(2, ' ') }, index))) }), highlightedCode ? (_jsx("code", { className: "dndev-code-code", dangerouslySetInnerHTML: { __html: highlightedCode } })) : (_jsx("code", { className: "dndev-code-code", children: lines.map((line, index) => (_jsx(Text, { as: "code", variant: "code", style: {
                                         display: 'block',
                                         background: 'transparent',
                                         padding: 0,

package/dist/atomic/Alert/index.js

@@ -72,7 +72,7 @@ const Alert = ({ className, variant = ALERT_VARIANT.DEFAULT, hideIcon = false, t
     const variantAttrs = getVariantDataAttrs({
         variant: getThemeVariant(variant),
     });
-    return (_jsxs(Stack, { direction: "row", gap: "medium", role: "alert", className: cn(alertVariants({ variant }), className), ...variantAttrs, title: tooltip, ...props, children: [!hideIcon && (_jsx(Icon, { icon: IconComponent, className: "dndev-size-md dndev-flex-shrink-0", "aria-hidden": "true" })), _jsxs(Stack, { gap: "tight", flex: "1", className: "dndev-min-w-0", children: [title && (_jsx("div", { className: "dndev-alert-title dndev-text-h5", children: title })), description && (_jsx("div", { className: "dndev-text-base dndev-alert-description", children: description })), children] })] }));
+    return (_jsxs(Stack, { direction: "row", role: "alert", className: cn(alertVariants({ variant }), className), ...variantAttrs, title: tooltip, ...props, children: [!hideIcon && (_jsx(Icon, { icon: IconComponent, className: "dndev-size-md dndev-flex-shrink-0", "aria-hidden": "true" })), _jsxs(Stack, { gap: "tight", flex: "1", className: "dndev-min-w-0", children: [title && (_jsx("div", { className: "dndev-alert-title dndev-text-h5", children: title })), description && (_jsx("div", { className: "dndev-text-base dndev-alert-description", children: description })), children] })] }));
 };
 export default Alert;
 export { alertVariants };

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

@@ -1,12 +1,14 @@
 import { type ButtonProps } from '../Button';
 import './CopyToClipboard.css';
-export interface CopyToClipboardProps extends Omit<ButtonProps, 'onClick' | 'children' | 'icon' | 'onCopy'> {
+export interface CopyToClipboardProps extends Omit<ButtonProps, 'children' | 'icon' | 'onCopy'> {
     /** Text to copy to clipboard */
     text: string;
     /** Custom copy button content */
     children?: React.ReactNode;
     /** Callback when copy is successful */
     onCopy?: (text: string) => void;
+    /** Optional onClick handler (called after copy, can be used for stopPropagation) */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /** Tooltip text when not copied */
     tooltipText?: string;
     /** Tooltip text when copied */

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,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAC3C;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,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,CAqDrE,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,CA2DrE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/atomic/CopyToClipboard/index.js

@@ -19,9 +19,9 @@ import './CopyToClipboard.css';
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export const CopyToClipboard = ({ text, children, variant = 'ghost', className, onCopy, tooltipText = 'Copy to clipboard', copiedTooltipText = 'Copied!', showTooltip = true, ariaLabel, ...buttonProps }) => {
+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 handleCopy = useCallback(async () => {
+    const handleCopy = useCallback(async (e) => {
         try {
             if (typeof window === 'undefined' || !navigator?.clipboard) {
                 console.warn('Clipboard API not available');
@@ -31,12 +31,14 @@ export const CopyToClipboard = ({ text, children, variant = 'ghost', className,
             setCopied(true);
             onCopy?.(text);
             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);
             // No fallback - modern browsers should support clipboard API
         }
-    }, [text, onCopy]);
+    }, [text, onCopy, onClick]);
     return (_jsx(Button, { type: "button", variant: variant, display: DISPLAY.COMPACT, icon: copied ? Check : Copy, onClick: handleCopy, tooltip: showTooltip ? (copied ? copiedTooltipText : tooltipText) : undefined, className: cn('dndev-copy-button-transition', copied && 'dndev-copy-button-scaled', className), "aria-label": ariaLabel || (copied ? 'Copied to clipboard' : 'Copy to clipboard'), ...buttonProps, children: children }));
 };
 export default CopyToClipboard;

package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/DropdownMenu/DropdownMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,iBAAiB,MAAM,+BAA+B,CAAC;AAMnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,qBAAqB,yDAAyB,CAAC;AACrD,QAAA,MAAM,4BAA4B,0IAA4B,CAAC;AAC/D,QAAA,MAAM,0BAA0B,qIAA0B,CAAC;AAC3D,QAAA,MAAM,2BAA2B,+DAA2B,CAAC;AAC7D,QAAA,MAAM,wBAAwB,4DAAwB,CAAC;AACvD,QAAA,MAAM,+BAA+B,0IAA+B,CAAC;AAErE,QAAA,MAAM,+BAA+B,GAAI,0CAKtC,cAAc,CAAC,OAAO,iBAAiB,CAAC,UAAU,CAAC,GAAG;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CASA,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,iBAAiB,CAAC,UAAU,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,8DAMnC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACpD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAYA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yCAKhC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAUA,CAAC;AAEF,QAAA,MAAM,iCAAiC,GAAI,qDAMxC,cAAc,CAAC,OAAO,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAgBA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,4CAKrC,cAAc,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAeA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yCAKjC,cAAc,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CASA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,kCAIrC,cAAc,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,yBAGpC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,4CAEvC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC;AACjC,OAAO,EACL,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,iCAAiC,EACjC,8BAA8B,EAC9B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,EAC7B,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,+BAA+B,EAC/B,+BAA+B,EAC/B,+BAA+B,GAChC,CAAC"}
+{"version":3,"file":"DropdownMenuPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/DropdownMenu/DropdownMenuPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,iBAAiB,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,qBAAqB,yDAAyB,CAAC;AACrD,QAAA,MAAM,4BAA4B,0IAA4B,CAAC;AAC/D,QAAA,MAAM,0BAA0B,qIAA0B,CAAC;AAC3D,QAAA,MAAM,2BAA2B,+DAA2B,CAAC;AAC7D,QAAA,MAAM,wBAAwB,4DAAwB,CAAC;AACvD,QAAA,MAAM,+BAA+B,0IAA+B,CAAC;AAErE,QAAA,MAAM,+BAA+B,GAAI,0CAKtC,cAAc,CAAC,OAAO,iBAAiB,CAAC,UAAU,CAAC,GAAG;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CASA,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,iBAAiB,CAAC,UAAU,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,8DAMnC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACpD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAYA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yCAKhC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAQA,CAAC;AAEF,QAAA,MAAM,iCAAiC,GAAI,qDAMxC,cAAc,CAAC,OAAO,iBAAiB,CAAC,YAAY,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,4CAKrC,cAAc,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAaA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yCAKjC,cAAc,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAOA,CAAC;AAEF,QAAA,MAAM,8BAA8B,GAAI,kCAIrC,cAAc,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAMA,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,yBAGpC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,4CAEvC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC;AACjC,OAAO,EACL,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,iCAAiC,EACjC,8BAA8B,EAC9B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,EAC7B,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,+BAA+B,EAC/B,+BAA+B,EAC/B,+BAA+B,GAChC,CAAC"}

package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
-import { Slot } from '@radix-ui/react-slot';
 import { Check, ChevronRight, Circle } from 'lucide-react';
 import { cn } from '../../utils/helpers';
 const DropdownMenuPrimitive = RadixDropdownMenu.Root;
@@ -23,26 +22,11 @@ const DropdownMenuSubContentPrimitive = ({ className, ...props }) => (_jsx(Radix
 const DropdownMenuContentPrimitive = ({ className, sideOffset = 4, align = 'start', onCloseAutoFocus = (e) => e.preventDefault(), ...props }) => {
     return (_jsx(RadixDropdownMenu.Portal, { children: _jsx(RadixDropdownMenu.Content, { sideOffset: sideOffset, align: align, onCloseAutoFocus: onCloseAutoFocus, className: cn(className), ...props }) }));
 };
-const DropdownMenuItemPrimitive = ({ className, inset, asChild = false, ...props }) => {
-    const Comp = asChild ? Slot : RadixDropdownMenu.Item;
-    return (_jsx(Comp, { className: cn(className), "data-role": "menu-item", "data-inset": inset ? 'true' : undefined, ...props }));
-};
-const DropdownMenuCheckboxItemPrimitive = ({ className, children, checked, asChild = false, ...props }) => {
-    const Comp = asChild ? Slot : RadixDropdownMenu.CheckboxItem;
-    return (_jsxs(Comp, { className: cn(className), "data-role": "menu-item", "data-inset": "true", checked: checked, ...props, children: [_jsx(RadixDropdownMenu.ItemIndicator, { children: _jsx(Check, {}) }), children] }));
-};
-const DropdownMenuRadioItemPrimitive = ({ className, children, asChild = false, ...props }) => {
-    const Comp = asChild ? Slot : RadixDropdownMenu.RadioItem;
-    return (_jsxs(Comp, { className: cn(className), "data-role": "menu-item", "data-inset": "true", ...props, children: [_jsx(RadixDropdownMenu.ItemIndicator, { children: _jsx(Circle, {}) }), children] }));
-};
-const DropdownMenuLabelPrimitive = ({ className, inset, asChild = false, ...props }) => {
-    const Comp = asChild ? Slot : RadixDropdownMenu.Label;
-    return (_jsx(Comp, { className: cn(className), "data-inset": inset ? 'true' : undefined, ...props }));
-};
-const DropdownMenuSeparatorPrimitive = ({ className, asChild = false, ...props }) => {
-    const Comp = asChild ? Slot : RadixDropdownMenu.Separator;
-    return _jsx(Comp, { className: cn(className), ...props });
-};
+const DropdownMenuItemPrimitive = ({ className, inset, asChild = false, ...props }) => (_jsx(RadixDropdownMenu.Item, { className: cn(className), "data-role": "menu-item", "data-inset": inset ? 'true' : undefined, asChild: asChild, ...props }));
+const DropdownMenuCheckboxItemPrimitive = ({ className, children, checked, asChild = false, ...props }) => (_jsxs(RadixDropdownMenu.CheckboxItem, { className: cn(className), "data-role": "menu-item", "data-inset": "true", checked: checked, asChild: asChild, ...props, children: [_jsx(RadixDropdownMenu.ItemIndicator, { children: _jsx(Check, {}) }), children] }));
+const DropdownMenuRadioItemPrimitive = ({ className, children, asChild = false, ...props }) => (_jsxs(RadixDropdownMenu.RadioItem, { className: cn(className), "data-role": "menu-item", "data-inset": "true", asChild: asChild, ...props, children: [_jsx(RadixDropdownMenu.ItemIndicator, { children: _jsx(Circle, {}) }), children] }));
+const DropdownMenuLabelPrimitive = ({ className, inset, asChild = false, ...props }) => (_jsx(RadixDropdownMenu.Label, { className: cn(className), "data-inset": inset ? 'true' : undefined, asChild: asChild, ...props }));
+const DropdownMenuSeparatorPrimitive = ({ className, asChild = false, ...props }) => (_jsx(RadixDropdownMenu.Separator, { className: cn(className), asChild: asChild, ...props }));
 const DropdownMenuShortcutPrimitive = ({ className, ...props }) => {
     return _jsx("span", { className: cn(className), ...props });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/DropdownMenu/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,oBAAoB,CAAC;AAc5B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IACjC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,GAAG;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,GAAG;IACpD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,sBAAsB,GACtB,qBAAqB,GACrB,yBAAyB,GACzB,uBAAuB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,YAAY,GAAI,+EAQnB,iBAAiB,mDAyQnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/DropdownMenu/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,oBAAoB,CAAC;AAc5B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IACjC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,GAAG;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,GAAG;IACpD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,sBAAsB,GACtB,qBAAqB,GACrB,yBAAyB,GACzB,uBAAuB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,YAAY,GAAI,+EAQnB,iBAAiB,mDAsPnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/atomic/DropdownMenu/index.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @author AMBROISE PARK Consulting
  */
 import { ChevronRight, Check } from 'lucide-react';
-import { Children, isValidElement } from 'react';
+import { Children } from 'react';
 import { DropdownMenuPrimitive, DropdownMenuTriggerPrimitive, DropdownMenuContentPrimitive, DropdownMenuItemPrimitive, DropdownMenuSubPrimitive, DropdownMenuSubTriggerPrimitive, DropdownMenuSubContentPrimitive, DropdownMenuPortalPrimitive, DropdownMenuLabelPrimitive, DropdownMenuSeparatorPrimitive, } from './DropdownMenuPrimitive';
 import { cn } from '../../utils/helpers';
 import ScrollArea from '../ScrollArea';
@@ -48,22 +48,12 @@ const getIconOnlyAriaLabel = (hasIcon, hasLabel, label, fallback) => {
 const DropdownMenu = ({ trigger, items = [], children, contentWidth, contentAlign = 'start', open, onOpenChange, }) => {
     if (!trigger)
         return null;
-    // Normalize children to ensure keys (React.Children.toArray handles this automatically)
     const normalizedChildren = children ? Children.toArray(children) : [];
-    // Wrap children in DropdownMenuItemPrimitive so they trigger auto-close behavior
-    // This ensures clicking any child (like GoTo button) closes the dropdown
-    const wrappedChildren = normalizedChildren.map((child, index) => {
-        // Check if child is already a menu item by checking for data-role attribute
-        // (our DropdownMenuItemPrimitive sets data-role="menu-item")
-        if (isValidElement(child) &&
-            child.props?.['data-role'] === 'menu-item') {
-            // Already a menu item, don't wrap
-            return child;
-        }
-        // Wrap child in DropdownMenuItemPrimitive for auto-close behavior
-        // Using asChild merges props correctly with the child component
-        return (_jsx(DropdownMenuItemPrimitive, { className: "dndev-interactive", asChild: true, children: child }, index));
-    });
+    // Wrap children in DropdownMenuItemPrimitive (without asChild).
+    // Radix renders its own wrapper element with proper onSelect → auto-close.
+    // asChild doesn't work here because components (GoTo, ThemeToggle, etc.)
+    // don't forward Radix's merged event handlers to the DOM.
+    const wrappedChildren = normalizedChildren.map((child, index) => (_jsx(DropdownMenuItemPrimitive, { children: child }, index)));
     const content = (_jsxs(_Fragment, { children: [wrappedChildren, items.length > 0 &&
                 items.map((item, index) => {
                     // Label item

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

@@ -5,7 +5,7 @@
  * @example
  * ```tsx
  * // Fixed 3-column grid
- * <Grid cols={3} gap="medium">
+ * <Grid cols={3}>
  *   <Card />
  *   <Card />
  *   <Card />
@@ -13,7 +13,7 @@
  *
  * // Responsive grid: [mobile, tablet, laptop, desktop]
  * // 1 col on mobile/tablet, 2 on laptop, 3 on desktop
- * <Grid cols={[1, 1, 2, 3]} gap="medium">
+ * <Grid cols={[1, 1, 2, 3]}>
  *   <Card />
  *   <Card />
  *   <Card />

package/dist/atomic/Grid/index.js

@@ -6,7 +6,7 @@
  * @example
  * ```tsx
  * // Fixed 3-column grid
- * <Grid cols={3} gap="medium">
+ * <Grid cols={3}>
  *   <Card />
  *   <Card />
  *   <Card />
@@ -14,7 +14,7 @@
  *
  * // Responsive grid: [mobile, tablet, laptop, desktop]
  * // 1 col on mobile/tablet, 2 on laptop, 3 on desktop
- * <Grid cols={[1, 1, 2, 3]} gap="medium">
+ * <Grid cols={[1, 1, 2, 3]}>
  *   <Card />
  *   <Card />
  *   <Card />

package/dist/atomic/HeroSection/index.js

@@ -56,7 +56,7 @@ const HeroSection = forwardRef(function HeroSection({ as = 'section', badge, tit
             ...props.style,
         },
         ...props,
-    }, _jsxs(Stack, { gap: "medium", children: [badge && _jsx(Badge, { variant: BADGE_VARIANT.ACCENT, children: badge }), title && (_jsx(Text, { as: "div", level: "h1", className: "dndev-hero-title", "data-gradient-text": variant === 'subtle' ? undefined : variant || 'primary', children: title })), subtitle && (_jsx(Text, { as: "p", level: "body", className: "dndev-hero-subtitle", children: subtitle })), children] }));
+    }, _jsxs(Stack, { children: [badge && _jsx(Badge, { variant: BADGE_VARIANT.ACCENT, children: badge }), title && (_jsx(Text, { as: "div", level: "h1", className: "dndev-hero-title", "data-gradient-text": variant === 'subtle' ? undefined : variant || 'primary', children: title })), subtitle && (_jsx(Text, { as: "p", level: "body", className: "dndev-hero-subtitle", children: subtitle })), children] }));
 });
 HeroSection.displayName = 'HeroSection';
 export default HeroSection;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Rating/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAE3D,QAAA,MAAM,cAAc;;8EAgBlB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAiBD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,GAAI,gHAWb,WAAW,4CAoHb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC7D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Rating/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAE3D,QAAA,MAAM,cAAc;;8EAgBlB,CAAC;AAEH,MAAM,WAAW,WACf,SACE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAChD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAiBD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,GAAI,gHAWb,WAAW,4CAkHb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC7D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}

package/dist/atomic/Section/index.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @example
  * ```tsx
  * // Fixed 3 columns
- * <Section title="Features" gridCols={3}>
+ * <Section title="Features" gridCols={[1,1,3,3]}>
  *   <Card />
  *   <Card />
  *   <Card />

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

@@ -6,7 +6,7 @@
  * @example
  * ```tsx
  * // Vertical stack (default div)
- * <Stack gap="medium">
+ * <Stack>
  *   <Label>Email</Label>
  *   <Input />
  * </Stack>
@@ -24,7 +24,7 @@
  * </Stack>
  *
  * // Centered, fit-content width with start-aligned items
- * <Stack gap="medium" align="start" width="fit" centered>
+ * <Stack align="start" width="fit" centered>
  *   <Label>Item 1</Label>
  *   <Label>Item 2</Label>
  * </Stack>

package/dist/atomic/Stack/index.js

@@ -7,7 +7,7 @@
  * @example
  * ```tsx
  * // Vertical stack (default div)
- * <Stack gap="medium">
+ * <Stack>
  *   <Label>Email</Label>
  *   <Input />
  * </Stack>
@@ -25,7 +25,7 @@
  * </Stack>
  *
  * // Centered, fit-content width with start-aligned items
- * <Stack gap="medium" align="start" width="fit" centered>
+ * <Stack align="start" width="fit" centered>
  *   <Label>Item 1</Label>
  *   <Label>Item 2</Label>
  * </Stack>

package/dist/atomic/Stepper/index.js

@@ -79,7 +79,7 @@ export const Stepper = ({ steps, defaultStep = 0, showStepNumbers = true, showNa
     if (!currentStep) {
         return null;
     }
-    return (_jsxs(Stack, { ref: containerRef, gap: "medium", className: cn('dndev-stepper-container', className), onKeyDown: handleKeyDown, tabIndex: 0, role: "region", "aria-label": "Stepper navigation", children: [_jsxs("div", { className: "dndev-stepper-nav", children: [showNavigation && (_jsx("button", { onClick: () => handleStepChange(activeStep - 1), disabled: isFirstStep, className: "dndev-interactive", "data-role": "stepper-nav-arrow", "aria-label": previousLabel, ...variantAttrs, children: _jsx(ChevronLeft, {}) })), steps.map((step, index) => (_jsxs("div", { className: "dndev-stepper-nav-item", children: [_jsx("button", { onClick: () => handleStepChange(index), className: "dndev-interactive", "data-role": "stepper-button", "data-state": index === activeStep
+    return (_jsxs(Stack, { ref: containerRef, className: cn('dndev-stepper-container', className), onKeyDown: handleKeyDown, tabIndex: 0, role: "region", "aria-label": "Stepper navigation", children: [_jsxs("div", { className: "dndev-stepper-nav", children: [showNavigation && (_jsx("button", { onClick: () => handleStepChange(activeStep - 1), disabled: isFirstStep, className: "dndev-interactive", "data-role": "stepper-nav-arrow", "aria-label": previousLabel, ...variantAttrs, children: _jsx(ChevronLeft, {}) })), steps.map((step, index) => (_jsxs("div", { className: "dndev-stepper-nav-item", children: [_jsx("button", { onClick: () => handleStepChange(index), className: "dndev-interactive", "data-role": "stepper-button", "data-state": index === activeStep
                                     ? 'active'
                                     : index < activeStep
                                         ? 'completed'

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

@@ -91,6 +91,26 @@ export interface DataTableProps<T = any> {
     onRowClick?: (row: T) => void;
     /** Additional CSS classes */
     className?: string;
+    /**
+     * Enable export functionality (CSV download button)
+     * @default false
+     */
+    exportable?: boolean;
+    /**
+     * Custom filename for export (without extension)
+     * @default 'export'
+     */
+    exportFilename?: string;
+    /**
+     * Callback when export is triggered. If provided, handles export externally.
+     * Receives the processed (filtered/sorted) data array.
+     */
+    onExport?: (data: T[]) => void;
+    /**
+     * Label for the export button
+     * @default 'Export'
+     */
+    exportLabel?: string;
 }
 /**
  * Basic Table wrapper component.
@@ -105,7 +125,7 @@ declare function TableHead({ className, ...props }: HTMLAttributes<HTMLTableCell
 declare function TableCell({ className, ...props }: HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: HTMLAttributes<HTMLTableCaptionElement>): import("react/jsx-runtime").JSX.Element;
 /**
- * High-level DataTable component with built-in sorting, filtering, search, and pagination.
+ * High-level DataTable component with built-in sorting, filtering, search, pagination, and export.
  *
  * @component
  * @example
@@ -118,12 +138,14 @@ declare function TableCaption({ className, ...props }: HTMLAttributes<HTMLTableC
  *   ]}
  *   searchable
  *   pagination
+ *   exportable
+ *   exportFilename="users-export"
  * />
  * ```
  * @param {DataTableProps} props - The props for the data table
  * @returns {ReactNode} The rendered data table
  */
-declare const DataTable: <T = any>({ data, columns, sortable, selectable, searchable, pagination, currentPage: currentPageProp, pageSize: pageSizeProp, total: totalProp, onPageChange, onPageSizeChange, showingLabel, paginationPreviousLabel, paginationNextLabel, paginationItemsPerPagePlaceholder, loading, gridLines, onSort, onSelect, onSearch, onRowClick, className, }: DataTableProps<T>) => ReactNode;
+declare const DataTable: <T = any>({ data, columns, sortable, selectable, searchable, pagination, currentPage: currentPageProp, pageSize: pageSizeProp, total: totalProp, onPageChange, onPageSizeChange, showingLabel, paginationPreviousLabel, paginationNextLabel, paginationItemsPerPagePlaceholder, loading, gridLines, onSort, onSelect, onSearch, onRowClick, className, exportable, exportFilename, onExport, exportLabel, }: DataTableProps<T>) => ReactNode;
 export default Table;
 export { TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, DataTable, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Table/index.tsx"],"names":[],"mappings":"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"}

package/dist/atomic/Table/index.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // packages/components/src/atomic/Table/index.tsx
 /**
  * @fileoverview Table component
- * @description Enhanced table with sorting, filtering, and selection
+ * @description Enhanced table with sorting, filtering, selection, and export
  *
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { ChevronUp, ChevronDown, Search } from 'lucide-react';
+import { ChevronUp, ChevronDown, Search, Download } from 'lucide-react';
 import { useState, useMemo, } from 'react';
 import { cn } from '../../utils/helpers';
 import Button, { BUTTON_VARIANT } from '../Button';
@@ -49,7 +49,7 @@ function TableCaption({ className, ...props }) {
 }
 // Enhanced DataTable component
 /**
- * High-level DataTable component with built-in sorting, filtering, search, and pagination.
+ * High-level DataTable component with built-in sorting, filtering, search, pagination, and export.
  *
  * @component
  * @example
@@ -62,12 +62,14 @@ function TableCaption({ className, ...props }) {
  *   ]}
  *   searchable
  *   pagination
+ *   exportable
+ *   exportFilename="users-export"
  * />
  * ```
  * @param {DataTableProps} props - The props for the data table
  * @returns {ReactNode} The rendered data table
  */
-const DataTable = ({ data, columns, sortable = true, selectable = false, searchable = true, pagination = true, currentPage: currentPageProp, pageSize: pageSizeProp, total: totalProp, onPageChange, onPageSizeChange, showingLabel, paginationPreviousLabel, paginationNextLabel, paginationItemsPerPagePlaceholder, loading = false, gridLines = false, onSort, onSelect, onSearch, onRowClick, className, }) => {
+const DataTable = ({ data, columns, sortable = true, selectable = false, searchable = true, pagination = true, currentPage: currentPageProp, pageSize: pageSizeProp, total: totalProp, onPageChange, onPageSizeChange, showingLabel, paginationPreviousLabel, paginationNextLabel, paginationItemsPerPagePlaceholder, loading = false, gridLines = false, onSort, onSelect, onSearch, onRowClick, className, exportable = false, exportFilename = 'export', onExport, exportLabel = 'Export', }) => {
     const [sortColumn, setSortColumn] = useState('');
     const [sortDirection, setSortDirection] = useState('asc');
     const [searchQuery, setSearchQuery] = useState('');
@@ -162,11 +164,58 @@ const DataTable = ({ data, columns, sortable = true, selectable = false, searcha
         setSearchQuery(query);
         onSearch?.(query);
     };
+    /**
+     * Export processed data to CSV
+     * Uses the current filtered/sorted data, respecting column definitions
+     */
+    const handleExport = () => {
+        // If custom handler provided, delegate to it
+        if (onExport) {
+            onExport(processedData);
+            return;
+        }
+        // Get column headers (only data columns, not render-only columns)
+        const dataColumns = columns.filter((col) => col.dataIndex);
+        const headers = dataColumns
+            .map((col) => {
+            // Extract string title, handle ReactNode titles
+            const title = col.title;
+            return typeof title === 'string' ? title : col.key;
+        })
+            .join(',');
+        // Build CSV rows
+        const rows = processedData.map((row) => dataColumns
+            .map((col) => {
+            const value = col.dataIndex ? row[col.dataIndex] : '';
+            // Escape quotes and wrap in quotes if contains comma, quote, or newline
+            const stringValue = String(value ?? '');
+            if (stringValue.includes(',') ||
+                stringValue.includes('"') ||
+                stringValue.includes('\n')) {
+                return `"${stringValue.replace(/"/g, '""')}"`;
+            }
+            return stringValue;
+        })
+            .join(','));
+        // Combine headers and rows
+        const csv = [headers, ...rows].join('\n');
+        // Create and trigger download
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.setAttribute('href', url);
+        link.setAttribute('download', `${exportFilename}.csv`);
+        link.style.visibility = 'hidden';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+    };
     // Industry standard pattern: When loading, pass empty rows to render actual structure
     // Component will detect empty data and render skeleton bars in cells
     const skeletonRows = Array.from({ length: 3 }, () => ({}));
     const finalDisplayData = loading ? skeletonRows : displayData;
-    return (_jsxs(Stack, { gap: "medium", children: [searchable && (_jsxs(Stack, { direction: "row", align: "center", className: "dndev-relative dndev-flex-1 dndev-table-search-container", children: [_jsx(Search, { className: "dndev-table-search-icon" }), _jsx(Input, { placeholder: "Search...", value: searchQuery, onChange: (e) => handleSearch(e.target.value), className: "dndev-table-search-input" })] })), _jsxs(Table, { className: cn(gridLines && 'dndev-table-grid'), children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [selectable && (_jsx(TableHead, { className: "dndev-w-touch", children: _jsx(Checkbox, { checked: selectedRows.length === displayData.length &&
+    return (_jsxs(Stack, { children: [(searchable || exportable) && (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [searchable && (_jsxs(Stack, { direction: "row", align: "center", className: "dndev-relative dndev-flex-1 dndev-table-search-container", children: [_jsx(Search, { className: "dndev-table-search-icon" }), _jsx(Input, { placeholder: "Search...", value: searchQuery, onChange: (e) => handleSearch(e.target.value), className: "dndev-table-search-input" })] })), exportable && (_jsx(Button, { variant: "outline", icon: Download, onClick: handleExport, disabled: loading || processedData.length === 0, display: "compact", "aria-label": exportLabel, children: exportLabel }))] })), _jsxs(Table, { className: cn(gridLines && 'dndev-table-grid'), children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [selectable && (_jsx(TableHead, { className: "dndev-w-touch", children: _jsx(Checkbox, { checked: selectedRows.length === displayData.length &&
                                             displayData.length > 0, onCheckedChange: handleSelectAll, "aria-label": "Select all rows" }) })), columns.map((column) => (_jsx(TableHead, { className: cn(column.sortable && 'dndev-cursor-pointer'), "data-sortable": column.sortable, "data-align": column.align, style: { width: column.width }, onClick: (e) => {
                                         // Only sort if clicking on header, not on interactive elements (buttons, inputs, etc.)
                                         if (column.sortable) {

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

@@ -62,6 +62,8 @@ interface TextOwnProps {
      * @example 'normal' | 'medium' | 'semibold' | 'bold'
      */
     weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    /** Italic text */
+    italic?: boolean;
 }
 /**
  * Polymorphic Text props

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Text/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;CAGf,CAAC;AAEX;;GAEG;AACH,UAAU,YAAY;IACpB;;;;;;;;;;OAUG;IACH,EAAE,CAAC,EACC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,IAAI,CAAC;IAET,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;IAE3D;;;;;;;OAOG;IACH,KAAK,CAAC,EACF,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,SAAS,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CACpD;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,QAAA,MAAM,IAAI,uHAqDR,CAAC;AAIH,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Text/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;CAGf,CAAC;AAEX;;GAEG;AACH,UAAU,YAAY;IACpB;;;;;;;;;;OAUG;IACH,EAAE,CAAC,EACC,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,IAAI,CAAC;IAET,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;IAE3D;;;;;;;OAOG;IACH,KAAK,CAAC,EACF,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,SAAS,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEnD,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,QAAA,MAAM,IAAI,uHAuDR,CAAC;AAIH,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC"}

package/dist/atomic/Text/index.js

@@ -79,7 +79,7 @@ export const TEXT_VARIANT = {
  * @param {TextProps} props - The props for the text
  * @returns {JSX.Element} The rendered text component
  */
-const Text = forwardRef(function Text({ as = 'div', children, variant = TEXT_VARIANT.DEFAULT, level, align, weight, className, ...props }, ref) {
+const Text = forwardRef(function Text({ as = 'div', children, variant = TEXT_VARIANT.DEFAULT, level, align, weight, italic, className, ...props }, ref) {
     const Component = as;
     const variantAttrs = getVariantDataAttrs({ variant });
     // Auto-map as prop to level if level not explicitly provided
@@ -99,6 +99,7 @@ const Text = forwardRef(function Text({ as = 'div', children, variant = TEXT_VAR
         className: cn('dndev-text-base', className),
         'data-text-align': align || undefined,
         'data-font-weight': weight || undefined,
+        'data-italic': italic || undefined,
         ...variantAttrs,
         ...levelAttrs,
         ...props,