@donotdev/components 0.0.13 → 0.0.15

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.map

@@ -1 +1 @@
-{"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,4CAmEpB,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,7 +55,7 @@ const PasswordInput = ({ className, visible: controlledVisible, onVisibilityChan
         }
         onVisibilityChange?.(newVisible);
     };
-    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), 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;
     }

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

@@ -14,6 +14,6 @@ declare const PopoverContent: ({ className, align, side, sideOffset, onCloseAuto
     onCloseAutoFocus?: (event: Event) => void;
     onInteractOutside?: (event: Event) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export default Popover;
+export { Popover as PopoverPrimitive };
 export { PopoverTrigger, PopoverContent };
 //# sourceMappingURL=PopoverPrimitive.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/PopoverPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,OAAO,mDAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,oIAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,GAAI,uFAQrB,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C,4CA0BA,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PopoverPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/PopoverPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,OAAO,mDAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,oIAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,GAAI,uFAQrB,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C,4CA0BA,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/atomic/Popover/PopoverPrimitive.js

@@ -25,5 +25,5 @@ const PopoverContent = ({ className, align = 'start', side = 'bottom', sideOffse
                 }
                 : undefined, className: cn(className), ...props }) }));
 };
-export default Popover;
+export { Popover as PopoverPrimitive };
 export { PopoverTrigger, PopoverContent };

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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Popover/index.tsx"],"names":[],"mappings":"AAgBA,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;oBAK5B,CAAA;qBAA6C,CAAC;6CALD,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;;;;wBAzDd,CAAA;yBAA6C,CAAC;;CA2E9C,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,7 +8,7 @@ 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 { PopoverPrimitive, PopoverTrigger, PopoverContent, } from './PopoverPrimitive';
 import { FLOATING_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 /**

package/dist/atomic/Portal/PortalPrimitive.d.ts

@@ -20,5 +20,5 @@ export interface PortalPrimitiveProps extends ComponentProps<typeof PortalPrimit
  * @returns {JSX.Element} The rendered portal
  */
 declare const PortalPrimitiveComponent: ({ className, children, ...props }: PortalPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
-export default PortalPrimitiveComponent;
+export { PortalPrimitiveComponent as PortalPrimitive };
 //# sourceMappingURL=PortalPrimitive.d.ts.map

package/dist/atomic/Portal/PortalPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Portal/PortalPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,wBAAwB,GAAI,mCAI/B,oBAAoB,4CAEtB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"PortalPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Portal/PortalPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,wBAAwB,GAAI,mCAI/B,oBAAoB,4CAEtB,CAAC;AAEF,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}

package/dist/atomic/Portal/PortalPrimitive.js

@@ -18,4 +18,4 @@ import * as PortalPrimitive from '@radix-ui/react-portal';
  * @returns {JSX.Element} The rendered portal
  */
 const PortalPrimitiveComponent = ({ className, children, ...props }) => (_jsx(PortalPrimitive.Root, { ...props, children: children }));
-export default PortalPrimitiveComponent;
+export { PortalPrimitiveComponent as PortalPrimitive };

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

@@ -6,6 +6,6 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export { default } from './PortalPrimitive';
+export { PortalPrimitive as default } from './PortalPrimitive';
 export type { PortalPrimitiveProps as PortalProps } from './PortalPrimitive';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Portal/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,oBAAoB,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Portal/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/atomic/Portal/index.js

@@ -7,4 +7,4 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export { default } from './PortalPrimitive';
+export { PortalPrimitive as default } from './PortalPrimitive';

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

@@ -27,5 +27,5 @@ export interface ProgressPrimitiveProps extends ComponentProps<typeof ProgressPr
  * @returns {JSX.Element} The rendered progress bar
  */
 declare const ProgressPrimitiveComponent: ({ className, value, variant, ...props }: ProgressPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
-export default ProgressPrimitiveComponent;
+export { ProgressPrimitiveComponent as ProgressPrimitive };
 //# sourceMappingURL=ProgressPrimitive.d.ts.map

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;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"}
+{"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,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC"}

package/dist/atomic/Progress/ProgressPrimitive.js

@@ -25,4 +25,4 @@ const ProgressPrimitiveComponent = ({ className, value, variant = 'default', ...
     const variantAttrs = getVariantDataAttrs({ variant });
     return (_jsx(ProgressPrimitive.Root, { value: value, "aria-valuenow": value ?? 0, "aria-valuemin": 0, "aria-valuemax": 100, className: cn(className), ...props, children: _jsx(ProgressPrimitive.Indicator, { ...variantAttrs, style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
 };
-export default ProgressPrimitiveComponent;
+export { ProgressPrimitiveComponent as ProgressPrimitive };

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

@@ -6,7 +6,7 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import ProgressPrimitive, { type ProgressPrimitiveProps } from './ProgressPrimitive';
+import { ProgressPrimitive, type ProgressPrimitiveProps } from './ProgressPrimitive';
 declare const Progress: ({ className, ...props }: ProgressPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
 export default Progress;
 export { ProgressPrimitive };

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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Progress/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,iBAAiB,EACjB,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,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import ProgressPrimitive, {} from './ProgressPrimitive';
+import { ProgressPrimitive, } from './ProgressPrimitive';
 import { cn } from '../../utils/helpers';
 const Progress = ({ className, ...props }) => (_jsx(ProgressPrimitive, { className: cn('dndev-progress', className), ...props }));
 export default Progress;

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

@@ -22,7 +22,7 @@ export interface RadioOption {
 declare const RadioGroupRootPrimitive: import("react").ForwardRefExoticComponent<RadixRadioGroup.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItemPrimitive: ({ className, ...props }: ComponentProps<typeof RadixRadioGroup.Item>) => import("react/jsx-runtime").JSX.Element;
 declare const RadioGroupIndicatorPrimitive: ({ className, ...props }: ComponentProps<typeof RadixRadioGroup.Indicator>) => import("react/jsx-runtime").JSX.Element;
-export default RadioGroupRootPrimitive;
+export { RadioGroupRootPrimitive as RadioGroupPrimitive };
 export { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, };
 export type RadioGroupRootProps = ComponentProps<typeof RadixRadioGroup.Root>;
 export type RadioGroupItemProps = ComponentProps<typeof RadixRadioGroup.Item>;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/RadioGroup/RadioGroupPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC;AAI/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,uBAAuB,4HAAuB,CAAC;AAErD,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAM7C,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,yBAGnC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,eAAe,uBAAuB,CAAC;AACvC,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC9E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC9E,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,eAAe,CAAC,SAAS,CACjC,CAAC"}
+{"version":3,"file":"RadioGroupPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/RadioGroup/RadioGroupPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC;AAI/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,uBAAuB,4HAAuB,CAAC;AAErD,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAM7C,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,yBAGnC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,OAAO,EAAE,uBAAuB,IAAI,mBAAmB,EAAE,CAAC;AAC1D,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC9E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC9E,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,eAAe,CAAC,SAAS,CACjC,CAAC"}

package/dist/atomic/RadioGroup/RadioGroupPrimitive.js

@@ -13,5 +13,5 @@ import { cn } from '../../utils/helpers';
 const RadioGroupRootPrimitive = RadixRadioGroup.Root;
 const RadioGroupItemPrimitive = ({ className, ...props }) => (_jsx(RadixRadioGroup.Item, { className: cn(className), "data-type": "radio", ...props }));
 const RadioGroupIndicatorPrimitive = ({ className, ...props }) => (_jsx(RadixRadioGroup.Indicator, { className: cn(className), ...props }));
-export default RadioGroupRootPrimitive;
+export { RadioGroupRootPrimitive as RadioGroupPrimitive };
 export { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, };

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

@@ -10,7 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { cva } from 'class-variance-authority';
-import RadioGroupPrimitive, { RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, } from './RadioGroupPrimitive';
+import { RadioGroupPrimitive, RadioGroupRootPrimitive, RadioGroupItemPrimitive, RadioGroupIndicatorPrimitive, } from './RadioGroupPrimitive';
 import { CONTROL_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 import './RadioGroup.css';

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/Rating/index.d.ts

@@ -0,0 +1,39 @@
+import { type VariantProps } from 'class-variance-authority';
+import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
+import './Rating.css';
+import type { HTMLAttributes } from 'react';
+declare const ratingVariants: (props?: ({
+    variant?: "default" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof ratingVariants> {
+    /** Current rating value (1-5, supports decimals for display) */
+    value?: number;
+    /** Callback when rating changes (only fires whole numbers 1-5) */
+    onChange?: (value: number) => void;
+    /** Maximum rating value */
+    max?: number;
+    /** Read-only mode (no interaction) */
+    readonly?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Show numeric value next to stars */
+    showValue?: boolean;
+}
+/**
+ * Rating component for star-based ratings
+ *
+ * @example
+ * // Interactive (form input)
+ * <Rating value={rating} onChange={setRating} />
+ *
+ * @example
+ * // Display only (average rating)
+ * <Rating value={4.3} readonly />
+ */
+declare const Rating: ({ value, onChange, max, readonly, disabled, variant, className, showValue, "aria-label": ariaLabel, ...props }: RatingProps) => import("react/jsx-runtime").JSX.Element;
+export default Rating;
+export { ratingVariants, CONTROL_VARIANT as RATING_VARIANT };
+export type { ControlVariant as RatingVariant };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}