@donotdev/components 0.0.12 → 0.0.14

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

@@ -1,41 +1,19 @@
-import { type ComponentProps } from 'react';
 import './Pagination.css';
-export interface PaginationProps extends Omit<ComponentProps<'nav'>, 'children'> {
-    /** Current page (1-indexed) */
+export interface PaginationProps {
     currentPage: number;
-    /** Total number of pages */
     totalPages: number;
-    /** Callback when page changes */
     onPageChange: (page: number) => void;
-    /** Maximum number of page buttons to show (default: 7) */
+    pageSize?: number;
+    total?: number;
+    onPageSizeChange?: (pageSize: number) => void;
     maxVisible?: number;
-    /** Show previous/next buttons (default: true) */
     showNavigation?: boolean;
-    /** Label for previous button (default: "Previous") */
     previousLabel?: string;
-    /** Label for next button (default: "Next") */
     nextLabel?: string;
-    /** Custom className */
+    itemsPerPagePlaceholder?: string;
+    showingLabel?: string;
     className?: string;
 }
-/**
- * Accessible pagination component with props-based API.
- * Handles page number generation, ellipsis truncation, and navigation controls.
- *
- * React 19: ref is a native prop, no forwardRef needed.
- *
- * @component
- * @example
- * ```tsx
- * <Pagination
- *   currentPage={1}
- *   totalPages={10}
- *   onPageChange={handlePageChange}
- * />
- * ```
- * @param {PaginationProps} props - The props for the pagination
- * @returns {JSX.Element} The rendered pagination
- */
-declare const Pagination: ({ currentPage, totalPages, onPageChange, maxVisible, showNavigation, previousLabel, nextLabel, className, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ currentPage, totalPages, onPageChange, pageSize: pageSizeProp, total: totalProp, onPageSizeChange, maxVisible, showNavigation, previousLabel, nextLabel, itemsPerPagePlaceholder, showingLabel, className, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Pagination/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,CACX;IACC,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU,GAAI,sHAUjB,eAAe,4CAuGjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Pagination/index.tsx"],"names":[],"mappings":"AAIA,OAAO,kBAAkB,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,gNAcjB,eAAe,4CA0LjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/atomic/Pagination/index.js

@@ -1,77 +1,107 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // packages/components/src/atomic/Pagination/index.tsx
-/**
- * @fileoverview Pagination component
- * @description Accessible pagination component with props-based API
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
+import { useMemo, useState } from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { useMemo } from 'react';
-import { cn } from '../../utils/helpers';
-import Stack from '../Stack';
 import './Pagination.css';
-/**
- * Accessible pagination component with props-based API.
- * Handles page number generation, ellipsis truncation, and navigation controls.
- *
- * React 19: ref is a native prop, no forwardRef needed.
- *
- * @component
- * @example
- * ```tsx
- * <Pagination
- *   currentPage={1}
- *   totalPages={10}
- *   onPageChange={handlePageChange}
- * />
- * ```
- * @param {PaginationProps} props - The props for the pagination
- * @returns {JSX.Element} The rendered pagination
- */
-const Pagination = ({ currentPage, totalPages, onPageChange, maxVisible = 7, showNavigation = true, previousLabel = 'Previous', nextLabel = 'Next', className, ...props }) => {
-    // Memoize page number calculation to avoid recalculation on every render
+import Button from '../Button';
+import Select from '../Select';
+import Text from '../Text';
+import { cn } from '../../utils/helpers';
+const Pagination = ({ currentPage, totalPages, onPageChange, pageSize: pageSizeProp, total: totalProp, onPageSizeChange, maxVisible = 5, // Default to 5 to fit safe on mobile (48px * 7 items ~= 336px)
+showNavigation = true, previousLabel = 'Previous', nextLabel = 'Next', itemsPerPagePlaceholder = 'Items per page', showingLabel, className, }) => {
+    const [internalPageSize, setInternalPageSize] = useState(12);
+    const pageSize = pageSizeProp ?? internalPageSize;
+    const total = totalProp;
+    const handlePageSizeChange = (value) => {
+        const newPageSize = value === 'all' ? 0 : Number(value);
+        if (onPageSizeChange) {
+            onPageSizeChange(newPageSize);
+        }
+        else {
+            setInternalPageSize(newPageSize);
+        }
+        onPageChange(1);
+    };
+    const isShowingAll = pageSize === 0;
+    const effectiveTotalPages = isShowingAll
+        ? 1
+        : total && total > 0
+            ? Math.ceil(total / pageSize)
+            : totalPages;
+    const selectValue = isShowingAll ? 'all' : String(pageSize);
+    let pageSizeOptions = [];
+    if (typeof total === 'number' && total > 0) {
+        if (total < 12) {
+            pageSizeOptions = [];
+        }
+        else if (total < 36) {
+            pageSizeOptions = [
+                { value: '12', label: '12' },
+                { value: 'all', label: String(total) },
+            ];
+        }
+        else if (total < 120) {
+            pageSizeOptions = [
+                { value: '12', label: '12' },
+                { value: '36', label: '36' },
+                { value: 'ALL', label: String(total) },
+            ];
+        }
+        else {
+            pageSizeOptions = [
+                { value: '12', label: '12' },
+                { value: '36', label: '36' },
+                { value: '120', label: '120' },
+                { value: 'all', label: String(total) },
+            ];
+        }
+    }
+    else {
+        pageSizeOptions = [
+            { value: '12', label: '12' },
+            { value: '36', label: '36' },
+            { value: '120', label: '120' },
+            { value: 'all', label: 'All' },
+        ];
+    }
+    const showPageSizeSelector = pageSizeOptions.length > 1;
     const pageNumbers = useMemo(() => {
-        const getPageNumbers = () => {
-            if (totalPages <= maxVisible) {
-                return Array.from({ length: totalPages }, (_, i) => i + 1);
-            }
-            const pages = [];
-            const half = Math.floor(maxVisible / 2);
-            if (currentPage <= half + 1) {
-                for (let i = 1; i <= maxVisible - 2; i++) {
-                    pages.push(i);
-                }
-                pages.push('ellipsis');
-                pages.push(totalPages);
-            }
-            else if (currentPage >= totalPages - half) {
-                pages.push(1);
-                pages.push('ellipsis');
-                for (let i = totalPages - (maxVisible - 3); i <= totalPages; i++) {
-                    pages.push(i);
-                }
-            }
-            else {
-                pages.push(1);
-                pages.push('ellipsis');
-                for (let i = currentPage - 1; i <= currentPage + 1; i++) {
-                    pages.push(i);
-                }
-                pages.push('ellipsis');
-                pages.push(totalPages);
-            }
-            return pages;
-        };
-        return getPageNumbers();
-    }, [currentPage, totalPages, maxVisible]);
-    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", className: cn('dndev-pagination', className), ...props, children: _jsxs("ul", { className: "dndev-pagination-list", children: [showNavigation && currentPage > 1 && (_jsx("li", { className: "dndev-pagination-item", children: _jsx("button", { type: "button", onClick: () => onPageChange(Math.max(1, currentPage - 1)), className: "dndev-pagination-button", "aria-label": previousLabel, children: _jsx(ChevronLeft, { className: "dndev-size-md" }) }) }, "previous")), pageNumbers.map((page, index) => {
-                    if (page === 'ellipsis') {
-                        return (_jsx("li", { className: "dndev-pagination-item", children: _jsx("span", { "aria-hidden": true, className: "dndev-pagination-ellipsis", children: "..." }) }, `ellipsis-${index}`));
-                    }
-                    return (_jsx("li", { className: "dndev-pagination-item", children: _jsx("button", { type: "button", onClick: () => onPageChange(page), "aria-current": page === currentPage ? 'page' : undefined, "aria-label": `Page ${page}`, className: "dndev-pagination-button", children: page }) }, page));
-                }), showNavigation && currentPage < totalPages && (_jsx("li", { className: "dndev-pagination-item", children: _jsx("button", { type: "button", onClick: () => onPageChange(Math.min(totalPages, currentPage + 1)), className: "dndev-pagination-button", "aria-label": nextLabel, children: _jsx(ChevronRight, { className: "dndev-size-md" }) }) }, "next"))] }) }));
+        if (isShowingAll)
+            return [1];
+        if (effectiveTotalPages <= maxVisible) {
+            return Array.from({ length: effectiveTotalPages }, (_, i) => i + 1);
+        }
+        const pages = [];
+        const half = Math.floor(maxVisible / 2);
+        if (currentPage <= half + 1) {
+            for (let i = 1; i <= maxVisible - 2; i++)
+                pages.push(i);
+            pages.push('ellipsis', effectiveTotalPages);
+        }
+        else if (currentPage >= effectiveTotalPages - half) {
+            pages.push(1, 'ellipsis');
+            for (let i = effectiveTotalPages - (maxVisible - 3); i <= effectiveTotalPages; i++)
+                pages.push(i);
+        }
+        else {
+            pages.push(1, 'ellipsis');
+            for (let i = currentPage - 1; i <= currentPage + 1; i++)
+                pages.push(i);
+            pages.push('ellipsis', effectiveTotalPages);
+        }
+        return pages;
+    }, [currentPage, effectiveTotalPages, maxVisible, isShowingAll]);
+    const startItem = (currentPage - 1) * pageSize + 1;
+    const endItem = Math.min(currentPage * pageSize, total || 0);
+    const showInfo = typeof total === 'number' && total > 0;
+    const showingText = showInfo && showingLabel
+        ? showingLabel
+            .replace('{{from}}', String(startItem))
+            .replace('{{to}}', String(endItem))
+            .replace('{{total}}', String(total))
+        : showInfo
+            ? `Showing ${startItem}-${endItem} of ${total}`
+            : null;
+    return (_jsxs("nav", { role: "navigation", "aria-label": "pagination", className: cn('dndev-pagination', className), children: [_jsx("div", { className: "dndev-pagination-info", children: showingText && (_jsx(Text, { level: "small", variant: "muted", children: showingText })) }), _jsx("div", { className: "dndev-pagination-size", children: showPageSizeSelector && (_jsxs(_Fragment, { children: [_jsx("span", { className: "dndev-pagination-size-label", children: _jsx(Text, { level: "small", variant: "muted", children: itemsPerPagePlaceholder }) }), _jsx(Select, { value: selectValue, onValueChange: handlePageSizeChange, options: pageSizeOptions, placeholder: String(pageSize) })] })) }), _jsxs("div", { className: "dndev-pagination-nav", children: [showNavigation && (_jsx(Button, { variant: "ghost", className: "dndev-pagination-button", icon: ChevronLeft, onClick: () => onPageChange(Math.max(1, currentPage - 1)), disabled: currentPage <= 1, "aria-label": previousLabel })), _jsx("ul", { className: "dndev-pagination-list", children: pageNumbers.map((page, index) => page === 'ellipsis' ? (_jsx("li", { children: _jsx("div", { className: "dndev-pagination-button", children: _jsx(Text, { level: "small", variant: "muted", children: "..." }) }) }, `ellipsis-${index}`)) : (_jsx("li", { children: _jsx(Button, { variant: page === currentPage ? 'default' : 'ghost', className: "dndev-pagination-button", onClick: () => onPageChange(page), "aria-current": page === currentPage ? 'page' : undefined, "aria-label": `Page ${page}`, children: page }) }, page))) }), showNavigation && (_jsx(Button, { variant: "ghost", className: "dndev-pagination-button", icon: ChevronRight, onClick: () => onPageChange(Math.min(effectiveTotalPages, currentPage + 1)), disabled: currentPage >= effectiveTotalPages, "aria-label": nextLabel }))] })] }));
 };
 export default Pagination;

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

@@ -1,4 +1,4 @@
-import { type InputHTMLAttributes } from 'react';
+import type { InputHTMLAttributes } from 'react';
 import './PasswordInput.css';
 export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /** Whether the password is currently visible */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PasswordInput/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIlE,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,GAAI,kHAUpB,kBAAkB,4CA+DpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PasswordInput/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,GAAI,kHAUpB,kBAAkB,4CAoEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/atomic/PasswordInput/index.js

@@ -55,6 +55,10 @@ const PasswordInput = ({ className, visible: controlledVisible, onVisibilityChan
         }
         onVisibilityChange?.(newVisible);
     };
-    return (_jsxs("div", { className: "dndev-relative", children: [hasLabel && (_jsx(FloatingLabel, { htmlFor: id, disabled: props.disabled, required: required, children: label })), _jsx("input", { id: id, type: isVisible ? 'text' : 'password', value: value, className: cn('dndev-input', 'dndev-password-input-with-toggle', className), onFocus: onFocus, onBlur: onBlur, required: required, ...props }), _jsx("button", { type: "button", className: "dndev-password-toggle-button", onClick: toggleVisibility, "aria-label": isVisible ? 'Hide password' : 'Show password', "aria-describedby": props['aria-describedby'], tabIndex: -1, children: isVisible ? (_jsx(EyeOff, { className: "dndev-size-md dndev-password-toggle-icon" })) : (_jsx(Eye, { className: "dndev-size-md dndev-password-toggle-icon" })) })] }));
+    const inputContent = (_jsxs("div", { className: "dndev-relative", children: [_jsx("input", { id: id, type: isVisible ? 'text' : 'password', value: value, className: cn('dndev-input', 'dndev-password-input-with-toggle', className), "data-bare": hasLabel || undefined, onFocus: onFocus, onBlur: onBlur, required: required, ...props }), _jsx("button", { type: "button", className: "dndev-password-toggle-button", onClick: toggleVisibility, "aria-label": isVisible ? 'Hide password' : 'Show password', "aria-describedby": props['aria-describedby'], tabIndex: -1, children: isVisible ? (_jsx(EyeOff, { className: "dndev-size-md dndev-password-toggle-icon" })) : (_jsx(Eye, { className: "dndev-size-md dndev-password-toggle-icon" })) })] }));
+    if (!hasLabel) {
+        return inputContent;
+    }
+    return (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: props.disabled, required: required, children: inputContent }));
 };
 export default PasswordInput;

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

@@ -1,11 +1,3 @@
-/**
- * @fileoverview Popover component
- * @description Accessible popover component built on Radix UI primitives
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import { type FloatingVariant } from '../../utils/constants';
 /**
  * Popover subcomponents for advanced usage

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAO/E;;GAEG;AACH,QAAA,MAAM,WAAW,oEAAmB,CAAC;AACrC,QAAA,MAAM,uBAAuB,qJAAiB,CAAC;AAC/C,QAAA,MAAM,uBAAuB;oBAK1B,CAAA;qBAA6C,CAAC;6CALH,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAAmB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,OAAO;wHAYV,YAAY;;;;wBAzDZ,CAAA;yBAA6C,CAAC;;CA2EhD,CAAC;wBAMwB,OAAO,OAAO,GAAG;IACzC,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,uBAAuB,CAAC;IACxC,OAAO,EAAE,OAAO,uBAAuB,CAAC;CACzC;AAJD,wBAIE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG/E;;GAEG;AACH,QAAA,MAAM,WAAW,oEAAmB,CAAC;AACrC,QAAA,MAAM,uBAAuB,qJAAiB,CAAC;AAC/C,QAAA,MAAM,uBAAuB;oBAK1B,CAAA;qBAA6C,CAAC;6CALH,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;CAAmB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,OAAO;wHAYV,YAAY;;;;wBAzDZ,CAAA;yBAA6C,CAAC;;CA2EhD,CAAC;wBAMwB,OAAO,OAAO,GAAG;IACzC,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,uBAAuB,CAAC;IACxC,OAAO,EAAE,OAAO,uBAAuB,CAAC;CACzC;AAJD,wBAIE"}

package/dist/atomic/Popover/index.js

@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
+import PopoverPrimitive, { PopoverTrigger, PopoverContent, } from './PopoverPrimitive';
 import { FLOATING_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
-import PopoverPrimitive, { PopoverTrigger, PopoverContent, } from './PopoverPrimitive';
 /**
  * Popover subcomponents for advanced usage
  */

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

@@ -1,3 +1,11 @@
+/**
+ * @fileoverview PortalButton component
+ * @description Button component that renders in a portal (document.body) to avoid transform issues
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import { type ButtonProps } from '../Button';
 export interface PortalButtonProps extends ButtonProps {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PortalButton/index.tsx"],"names":[],"mappings":"AAYA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/PortalButton/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;CAAG;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/atomic/PortalButton/index.js

@@ -8,8 +8,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import Portal from '../Portal';
 import Button, {} from '../Button';
+import Portal from '../Portal';
 /**
  * PortalButton - Button component rendered in a portal
  *

package/dist/atomic/Progress/ProgressPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 export interface ProgressPrimitiveProps extends ComponentProps<typeof ProgressPrimitive.Root> {
     /**
      * Visual variant of the progress bar.

package/dist/atomic/Progress/ProgressPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/ProgressPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAC5D,OAAO,iBAAiB,CAAC,IAAI,CAC9B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;CACxE;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,0BAA0B,GAAI,yCAKjC,sBAAsB,4CAkBxB,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ProgressPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/ProgressPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAC5D,OAAO,iBAAiB,CAAC,IAAI,CAC9B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;CACxE;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,0BAA0B,GAAI,yCAKjC,sBAAsB,4CAkBxB,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/atomic/Progress/ProgressPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import {} from 'react';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 /**
  * Accessible progress bar component built on Radix UI Progress.

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

@@ -1,3 +1,11 @@
+/**
+ * @fileoverview Progress component
+ * @description Accessible progress component built on Radix UI primitives
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
 import ProgressPrimitive, { type ProgressPrimitiveProps } from './ProgressPrimitive';
 declare const Progress: ({ className, ...props }: ProgressPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
 export default Progress;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/index.tsx"],"names":[],"mappings":"AAYA,OAAO,iBAAiB,EAAE,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAE7B,QAAA,MAAM,QAAQ,GAAI,yBAAyB,sBAAsB,4CAEhE,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,iBAAiB,EAAE,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAG7B,QAAA,MAAM,QAAQ,GAAI,yBAAyB,sBAAsB,4CAEhE,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}

package/dist/atomic/Progress/index.js

@@ -8,8 +8,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { cn } from '../../utils/helpers';
 import ProgressPrimitive, {} from './ProgressPrimitive';
+import { cn } from '../../utils/helpers';
 const Progress = ({ className, ...props }) => (_jsx(ProgressPrimitive, { className: cn('dndev-progress', className), ...props }));
 export default Progress;
 export { ProgressPrimitive };

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

@@ -1,12 +1,3 @@
-/**
- * @fileoverview RadioGroup Component - Props-based API
- * @description Accessible radio group component built on Radix UI primitives with semantic color variants.
- * Provides props-based API for 90% use cases with items prop.
- *
- * @version 0.0.3
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import { type RadioOption, type RadioGroupRootProps } from './RadioGroupPrimitive';
 import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
 import type { ReactNode } from 'react';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAA4B,EAI1B,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAoB1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC5E,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,UAAU,GAAI,6DAOjB,eAAe,4CAyBjB,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,IAAI,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/RadioGroup/index.tsx"],"names":[],"mappings":"AAcA,OAA4B,EAI1B,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAoB1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC5E,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,UAAU,GAAI,6DAOjB,eAAe,4CAyBjB,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,IAAI,iBAAiB,EAAE,CAAC"}

package/dist/atomic/RadioGroup/index.js

@@ -9,10 +9,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import RadioGroupPrimitive, { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, } from './RadioGroupPrimitive';
 import { cva } from 'class-variance-authority';
-import { cn, getVariantDataAttrs } from '../../utils/helpers';
+import RadioGroupPrimitive, { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, } from './RadioGroupPrimitive';
 import { CONTROL_VARIANT } from '../../utils/constants';
+import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import './RadioGroup.css';
 const radioGroupVariants = cva('dndev-radio-group dndev-control-group', {
     variants: {

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

@@ -0,0 +1,45 @@
+import type { InputHTMLAttributes } from 'react';
+import './RangeInput.css';
+export interface RangeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+    /** Label for the range (single FloatingLabel wrapping both inputs) */
+    label?: string;
+    /** Placeholder for min input */
+    minPlaceholder?: string;
+    /** Placeholder for max input */
+    maxPlaceholder?: string;
+    /** Current min value */
+    minValue?: string;
+    /** Current max value */
+    maxValue?: string;
+    /** Actual min value from data (for auto-populate on focus) */
+    actualMin?: string | number;
+    /** Actual max value from data (for auto-populate on focus) */
+    actualMax?: string | number;
+    /** Change handler: (min, max) => void */
+    onChange: (min: string, max: string) => void;
+    /** Clear handler - required, X button always visible */
+    onClear: () => void;
+}
+/**
+ * RangeInput - Two-input component for min/max ranges
+ *
+ * Features:
+ * - Single FloatingLabel wrapping both inputs (when label provided)
+ * - Auto-populates with actual data min/max on focus if empty
+ * - Selects all text on focus
+ * - Clear button always visible (disabled when empty)
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <RangeInput
+ *   type="number"
+ *   label="Price"
+ *   onChange={(min, max) => setFilter({ min, max })}
+ *   onClear={() => setFilter({ min: '', max: '' })}
+ * />
+ * ```
+ */
+export declare function RangeInput({ type, label, minPlaceholder, maxPlaceholder, minValue, maxValue, actualMin, actualMax, min, max, onChange, onClear, ...props }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
+export default RangeInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/RangeInput/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,CACrB;IACC,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yCAAyC;IACzC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAe,EACf,KAAK,EACL,cAAsB,EACtB,cAAsB,EACtB,QAAa,EACb,QAAa,EACb,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,2CA+EjB;AAED,eAAe,UAAU,CAAC"}

package/dist/atomic/RangeInput/index.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// packages/components/src/atomic/RangeInput/index.tsx
+/**
+ * @fileoverview RangeInput component
+ * @description Two-input range component for min/max values (e.g., price ranges, date ranges)
+ *
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { X } from 'lucide-react';
+import Button from '../Button';
+import Input from '../Input';
+import { FloatingLabel } from '../Label';
+import Text from '../Text';
+import './RangeInput.css';
+/**
+ * RangeInput - Two-input component for min/max ranges
+ *
+ * Features:
+ * - Single FloatingLabel wrapping both inputs (when label provided)
+ * - Auto-populates with actual data min/max on focus if empty
+ * - Selects all text on focus
+ * - Clear button always visible (disabled when empty)
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <RangeInput
+ *   type="number"
+ *   label="Price"
+ *   onChange={(min, max) => setFilter({ min, max })}
+ *   onClear={() => setFilter({ min: '', max: '' })}
+ * />
+ * ```
+ */
+export function RangeInput({ type = 'number', label, minPlaceholder = 'Min', maxPlaceholder = 'Max', minValue = '', maxValue = '', actualMin, actualMax, min, max, onChange, onClear, ...props }) {
+    const handleMinFocus = (e) => {
+        e.target.select();
+        if (!minValue &&
+            actualMin !== null &&
+            actualMin !== undefined &&
+            actualMin !== '') {
+            onChange(String(actualMin), maxValue);
+        }
+    };
+    const handleMaxFocus = (e) => {
+        e.target.select();
+        if (!maxValue &&
+            actualMax !== null &&
+            actualMax !== undefined &&
+            actualMax !== '') {
+            onChange(minValue, String(actualMax));
+        }
+    };
+    const hasValue = !!(minValue || maxValue);
+    const inputs = (_jsxs(_Fragment, { children: [_jsx(Input, { type: type, placeholder: minPlaceholder, value: minValue, min: min, max: max, bare: true, onFocus: handleMinFocus, onChange: (e) => onChange(e.target.value, maxValue), ...props }), _jsx(Text, { level: "small", variant: "muted", className: "dndev-range-input-separator", children: "\u2013" }), _jsx(Input, { type: type, placeholder: maxPlaceholder, value: maxValue, min: min, max: max, bare: true, onFocus: handleMaxFocus, onChange: (e) => onChange(minValue, e.target.value), ...props }), _jsx(Button, { icon: X, variant: "ghost", display: "compact", onClick: onClear, disabled: !hasValue, "aria-label": "Clear", className: "dndev-range-input-clear" })] }));
+    if (label) {
+        return (_jsx(FloatingLabel, { label: label, className: "dndev-range-input", children: inputs }));
+    }
+    return _jsx("div", { className: "dndev-range-input", children: inputs });
+}
+export default RangeInput;

package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { type ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 declare const ScrollAreaPrimitiveRoot: import("react").ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ScrollAreaViewportPrimitive: import("react").ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ScrollAreaCornerPrimitive: import("react").ForwardRefExoticComponent<ScrollAreaPrimitive.ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/ScrollAreaPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,QAAA,MAAM,uBAAuB,gIAA2B,CAAC;AACzD,QAAA,MAAM,2BAA2B,wIAA+B,CAAC;AACjE,QAAA,MAAM,yBAAyB,sIAA6B,CAAC;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;CAAG;AAEJ,QAAA,MAAM,kBAAkB,GAAI,sCAIzB,uBAAuB,4CAYzB,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"ScrollAreaPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/ScrollAreaPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,uBAAuB,gIAA2B,CAAC;AACzD,QAAA,MAAM,2BAA2B,wIAA+B,CAAC;AACjE,QAAA,MAAM,yBAAyB,sIAA6B,CAAC;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C;CAAG;AAEJ,QAAA,MAAM,kBAAkB,GAAI,sCAIzB,uBAAuB,4CAYzB,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,kBAAkB,GACnB,CAAC"}

package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js

@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import {} from 'react';
 import { cn } from '../../utils/helpers';
 const ScrollAreaPrimitiveRoot = ScrollAreaPrimitive.Root;
 const ScrollAreaViewportPrimitive = ScrollAreaPrimitive.Viewport;

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

@@ -1,35 +1,3 @@
-/**
- * @fileoverview Section component
- * @description Minimal layout section with title, optional separator, and tone backgrounds.
- * Content width is automatically constrained by PageContainer's --content-width variable.
- *
- * @example
- * ```tsx
- * // Fixed 3 columns
- * <Section title="Features" gridCols={3}>
- *   <Card />
- *   <Card />
- *   <Card />
- * </Section>
- *
- * // Responsive: [mobile, tablet, laptop, desktop]
- * <Section title="Features" gridCols={[1, 1, 2, 3]}>
- *   <Card />
- *   <Card />
- *   <Card />
- * </Section>
- *
- * // Collapsible section
- * <Section title="Details" collapsible defaultOpen={false}>
- *   <Card />
- *   <Card />
- * </Section>
- * ```
- *
- * @version 0.0.5
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
 import { type ElementType, type ComponentPropsWithRef, type ReactNode } from 'react';
 import { type ResponsiveCols } from '../Grid';
 import './Section.css';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAa,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AASpD,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,UAAU,eAAe;IACvB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEtD,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE7D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,GAC3E,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,8HAmGZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAa,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAKpD,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,UAAU,eAAe;IACvB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEtD,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE7D;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,eAAe,GAC3E,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,8HAmGZ,CAAC;AAIF,eAAe,OAAO,CAAC"}