@donotdev/components 0.0.13 → 0.0.15

package/dist/atomic/Table/index.js

@@ -8,13 +8,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { ChevronUp, ChevronDown, Search, Filter } from 'lucide-react';
+import { ChevronUp, ChevronDown, Search } from 'lucide-react';
 import { useState, useMemo, } from 'react';
 import { cn } from '../../utils/helpers';
 import Button, { BUTTON_VARIANT } from '../Button';
 import Checkbox from '../Checkbox';
 import Input from '../Input';
-import Skeleton from '../Skeleton';
+import Pagination from '../Pagination';
+import Select from '../Select';
 import Stack from '../Stack';
 import Text from '../Text';
 import './Table.css';
@@ -66,12 +67,38 @@ function TableCaption({ className, ...props }) {
  * @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, filterable = false, pagination = true, pageSize = 10, loading = false, gridLines = false, onSort, onSelect, onSearch, onFilter, 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, }) => {
     const [sortColumn, setSortColumn] = useState('');
     const [sortDirection, setSortDirection] = useState('asc');
     const [searchQuery, setSearchQuery] = useState('');
     const [selectedRows, setSelectedRows] = useState([]);
-    const [currentPage, setCurrentPage] = useState(1);
+    // Page size state (for client-side pagination) - default 12
+    const [internalPageSize, setInternalPageSize] = useState(12);
+    const effectivePageSize = pageSizeProp ?? internalPageSize;
+    // Controlled vs uncontrolled pagination
+    const isControlledPagination = currentPageProp !== undefined && onPageChange !== undefined;
+    const [internalPage, setInternalPage] = useState(1);
+    const currentPage = isControlledPagination ? currentPageProp : internalPage;
+    const handlePageChange = (page) => {
+        if (isControlledPagination) {
+            onPageChange?.(page);
+        }
+        else {
+            setInternalPage(page);
+        }
+    };
+    // Handle page size change
+    const handlePageSizeChange = (newPageSize) => {
+        if (onPageSizeChange) {
+            // Controlled mode (server-side)
+            onPageSizeChange(newPageSize);
+        }
+        else {
+            // Uncontrolled mode (client-side) - update internal state
+            setInternalPageSize(newPageSize);
+            setInternalPage(1); // Reset to page 1
+        }
+    };
     // Filter and sort data
     const processedData = useMemo(() => {
         let filtered = data;
@@ -98,11 +125,19 @@ const DataTable = ({ data, columns, sortable = true, selectable = false, searcha
         }
         return filtered;
     }, [data, searchQuery, sortColumn, sortDirection, columns]);
-    // Pagination
-    const totalPages = Math.ceil(processedData.length / pageSize);
-    const paginatedData = pagination
-        ? processedData.slice((currentPage - 1) * pageSize, currentPage * pageSize)
-        : processedData;
+    // Pagination: use server-side total if provided, otherwise client-side
+    const total = totalProp ?? processedData.length;
+    // Handle "All" case (pageSize = 0 means show all)
+    const isShowingAll = effectivePageSize === 0;
+    const pageSize = isShowingAll ? total : effectivePageSize;
+    const totalPages = isShowingAll ? 1 : Math.ceil(total / pageSize);
+    // For server-side pagination, data is already paginated - use as-is
+    // For client-side pagination, slice the data
+    const displayData = isControlledPagination && totalProp !== undefined
+        ? processedData // Server-side: data already paginated
+        : pagination && !isShowingAll
+            ? processedData.slice((currentPage - 1) * pageSize, currentPage * pageSize)
+            : processedData;
     const handleSort = (column) => {
         if (!sortable)
             return;
@@ -112,7 +147,7 @@ const DataTable = ({ data, columns, sortable = true, selectable = false, searcha
         onSort?.(column, newDirection);
     };
     const handleSelectAll = (checked) => {
-        const newSelection = checked ? paginatedData : [];
+        const newSelection = checked ? displayData : [];
         setSelectedRows(newSelection);
         onSelect?.(newSelection);
     };
@@ -127,12 +162,12 @@ const DataTable = ({ data, columns, sortable = true, selectable = false, searcha
         setSearchQuery(query);
         onSearch?.(query);
     };
-    // Skeleton loading state - show real headers with simple skeleton rows
-    if (loading) {
-        return (_jsxs(Stack, { gap: "medium", children: [(searchable || filterable) && (_jsxs(Stack, { direction: "row", align: "center", justify: "between", gap: "tight", children: [searchable && (_jsx(Skeleton, { className: "dndev-h-touch dndev-flex-1" })), filterable && (_jsx(Skeleton, { className: "dndev-h-touch dndev-w-24" }))] })), _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: false, disabled: true, "aria-label": "Select all rows" }) })), columns.map((column) => (_jsx(TableHead, { className: cn(column.sortable && 'dndev-cursor-default'), "data-sortable": column.sortable, "data-align": column.align, style: { width: column.width }, children: _jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [typeof column.title === 'string' ? (_jsx(Text, { level: "body", style: { paddingInline: 'var(--gap-sm)' }, children: column.title })) : (column.title), column.sortable && (_jsx(ChevronUp, { className: "dndev-size-md dndev-opacity-30" }))] }) }, column.key)))] }) }), _jsx(TableBody, { children: Array.from({ length: 3 }, (_, rowIndex) => (_jsxs(TableRow, { children: [selectable && (_jsx(TableCell, { className: "dndev-w-touch", children: _jsx(Skeleton, { className: "dndev-h-4 dndev-w-4" }) })), columns.map((column) => (_jsx(TableCell, { "data-align": column.align, style: { width: column.width }, children: _jsx(Skeleton, { size: "text" }) }, `skeleton-cell-${rowIndex}-${column.key}`)))] }, `skeleton-row-${rowIndex}`))) })] })] }));
-    }
-    return (_jsxs(Stack, { gap: "medium", children: [(searchable || filterable) && (_jsxs(Stack, { direction: "row", align: "center", justify: "between", 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" })] })), filterable && (_jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, icon: Filter, children: "Filters" }))] })), _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 === paginatedData.length &&
-                                            paginatedData.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) => {
+    // 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 &&
+                                            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) {
                                             const target = e.target;
@@ -141,22 +176,47 @@ const DataTable = ({ data, columns, sortable = true, selectable = false, searcha
                                                 handleSort(column.key);
                                             }
                                         }
-                                    }, children: _jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [typeof column.title === 'string' ? (_jsx(Text, { level: "body", style: { paddingInline: 'var(--gap-sm)' }, children: column.title })) : (column.title), column.sortable &&
-                                                sortColumn === column.key &&
-                                                (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "dndev-size-md" })) : (_jsx(ChevronDown, { className: "dndev-size-md" })))] }) }, column.key)))] }) }), _jsx(TableBody, { children: paginatedData.map((row, index) => (_jsxs(TableRow, { onClick: (e) => {
-                                if (onRowClick) {
-                                    const target = e.target;
-                                    // Prevent row click if clicking interactive elements
-                                    const isInteractive = target.closest('button, a, input, [role="button"], label');
-                                    if (!isInteractive) {
-                                        onRowClick(row);
+                                    }, children: _jsxs(Stack, { direction: "row", align: "center", justify: column.align || 'start', gap: "tight", children: [typeof column.title === 'string' ? (_jsx(Text, { level: "body", children: column.title })) : (column.title), column.sortable &&
+                                                (sortColumn === column.key ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "dndev-size-md" })) : (_jsx(ChevronDown, { className: "dndev-size-md" }))) : (_jsx(ChevronUp, { className: "dndev-size-md", style: { opacity: 0.3 } })))] }) }, column.key)))] }) }), _jsx(TableBody, { children: finalDisplayData.map((row, index) => {
+                            const isSkeletonRow = loading &&
+                                Object.keys(row).length === 0;
+                            return (_jsxs(TableRow, { onClick: (e) => {
+                                    if (onRowClick && !isSkeletonRow) {
+                                        const target = e.target;
+                                        // Prevent row click if clicking interactive elements
+                                        const isInteractive = target.closest('button, a, input, [role="button"], label');
+                                        if (!isInteractive) {
+                                            onRowClick(row);
+                                        }
                                     }
-                                }
-                            }, className: cn(onRowClick && 'dndev-cursor-pointer dndev-hover-bg-muted'), children: [selectable && (_jsx(TableCell, { children: _jsx(Checkbox, { checked: selectedRows.includes(row), onCheckedChange: (checked) => handleSelectRow(row, !!checked), "aria-label": `Select row ${index + 1}` }) })), columns.map((column) => (_jsx(TableCell, { "data-align": column.align, children: column.render
-                                        ? column.render(column.dataIndex ? row[column.dataIndex] : null, row, index)
-                                        : column.dataIndex
-                                            ? String(row[column.dataIndex] || '')
-                                            : '' }, column.key)))] }, index))) })] }), pagination && totalPages > 1 && (_jsxs(Stack, { direction: "row", align: "center", justify: "between", children: [_jsxs("div", { className: "dndev-text-sm dndev-text-muted", children: ["Showing ", (currentPage - 1) * pageSize + 1, " to", ' ', Math.min(currentPage * pageSize, processedData.length), " of", ' ', processedData.length, " results"] }), _jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, onClick: () => setCurrentPage(Math.max(1, currentPage - 1)), disabled: currentPage === 1, children: "Previous" }), _jsxs("span", { className: "dndev-text-sm", children: ["Page ", currentPage, " of ", totalPages] }), _jsx(Button, { variant: BUTTON_VARIANT.OUTLINE, onClick: () => setCurrentPage(Math.min(totalPages, currentPage + 1)), disabled: currentPage === totalPages, children: "Next" })] })] }))] }));
+                                }, className: cn(isSkeletonRow && 'dndev-skeleton-row', onRowClick &&
+                                    !isSkeletonRow &&
+                                    'dndev-cursor-pointer dndev-hover-bg-muted'), children: [selectable && (_jsx(TableCell, { children: isSkeletonRow ? (_jsx("div", { className: "dndev-skeleton dndev-skeleton-pulse", style: {
+                                                width: 'var(--icon-md)',
+                                                height: 'var(--icon-md)',
+                                                borderRadius: 'var(--radius)',
+                                            }, "aria-hidden": "true" })) : (_jsx(Checkbox, { checked: selectedRows.includes(row), onCheckedChange: (checked) => handleSelectRow(row, !!checked), "aria-label": `Select row ${index + 1}` })) })), columns.map((column) => {
+                                        const cellValue = column.dataIndex
+                                            ? row[column.dataIndex]
+                                            : null;
+                                        const isEmpty = cellValue === null ||
+                                            cellValue === undefined ||
+                                            cellValue === '';
+                                        // Always call render function if it exists (for action columns, etc.)
+                                        // Let the render function decide what to show for empty/skeleton states
+                                        if (column.render) {
+                                            return (_jsx(TableCell, { "data-align": column.align, children: column.render(cellValue, row, index) }, column.key));
+                                        }
+                                        // For data columns: show skeleton only when loading AND empty
+                                        // When not loading but empty, show empty string (fallback)
+                                        return (_jsx(TableCell, { "data-align": column.align, children: isSkeletonRow ? (_jsx("div", { className: "dndev-skeleton dndev-skeleton-pulse", style: {
+                                                    height: 'var(--gap-md)',
+                                                    width: index % 2 === 0 ? '80%' : '60%',
+                                                    borderRadius: 'var(--radius)',
+                                                }, "aria-hidden": "true" })) : isEmpty ? ('' // Empty state - show nothing, not skeleton
+                                            ) : (String(cellValue || '')) }, column.key));
+                                    })] }, index));
+                        }) })] }), pagination && totalPages > 1 && (_jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, pageSize: pageSize, total: total, onPageSizeChange: handlePageSizeChange, showingLabel: showingLabel, previousLabel: paginationPreviousLabel, nextLabel: paginationNextLabel, itemsPerPagePlaceholder: paginationItemsPerPagePlaceholder }))] }));
 };
 export default Table;
 export { TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, DataTable, };

package/dist/atomic/Tabs/TabsPrimitive.d.ts

@@ -15,6 +15,5 @@ type TabsContentPrimitiveProps = ComponentProps<typeof TabsPrimitive.Content> &
     forceMount?: boolean;
 };
 declare const TabsContentPrimitive: ({ className, forceMount, ...props }: TabsContentPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
-export default TabsPrimitiveRoot;
-export { TabsListPrimitive, TabsTriggerPrimitive, TabsContentPrimitive };
+export { TabsPrimitiveRoot as TabsPrimitive, TabsListPrimitive, TabsTriggerPrimitive, TabsContentPrimitive, };
 //# sourceMappingURL=TabsPrimitive.d.ts.map

package/dist/atomic/Tabs/TabsPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tabs/TabsPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,iBAAiB,oHAAqB,CAAC;AAE7C,QAAA,MAAM,iBAAiB,GAAI,yBAGxB,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,4CAE3C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,4CAM9C,CAAC;AAEF,KAAK,yBAAyB,GAAG,cAAc,CAC7C,OAAO,aAAa,CAAC,OAAO,CAC7B,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,qCAI3B,yBAAyB,4CAM3B,CAAC;AAEF,eAAe,iBAAiB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"TabsPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tabs/TabsPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,iBAAiB,oHAAqB,CAAC;AAE7C,QAAA,MAAM,iBAAiB,GAAI,yBAGxB,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,4CAE3C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,4CAM9C,CAAC;AAEF,KAAK,yBAAyB,GAAG,cAAc,CAC7C,OAAO,aAAa,CAAC,OAAO,CAC7B,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,qCAI3B,yBAAyB,4CAM3B,CAAC;AAEF,OAAO,EACL,iBAAiB,IAAI,aAAa,EAClC,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,CAAC"}

package/dist/atomic/Tabs/TabsPrimitive.js

@@ -14,5 +14,4 @@ const TabsPrimitiveRoot = TabsPrimitive.Root;
 const TabsListPrimitive = ({ className, ...props }) => (_jsx(TabsPrimitive.List, { className: cn(className), ...props }));
 const TabsTriggerPrimitive = ({ className, ...props }) => (_jsx(TabsPrimitive.Trigger, { className: cn(className), "data-role": "tab-trigger", ...props }));
 const TabsContentPrimitive = ({ className, forceMount, ...props }) => (_jsx(TabsPrimitive.Content, { forceMount: forceMount, className: cn(className), ...props }));
-export default TabsPrimitiveRoot;
-export { TabsListPrimitive, TabsTriggerPrimitive, TabsContentPrimitive };
+export { TabsPrimitiveRoot as TabsPrimitive, TabsListPrimitive, TabsTriggerPrimitive, TabsContentPrimitive, };

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

@@ -7,7 +7,7 @@
  * @author AMBROISE PARK Consulting
  */
 import { type VariantProps } from 'class-variance-authority';
-import TabsPrimitive from './TabsPrimitive';
+import { TabsPrimitive } from './TabsPrimitive';
 import type { ReactNode, CSSProperties } from 'react';
 import type { ComponentProps } from 'react';
 export interface TabItem {
@@ -25,7 +25,7 @@ export interface TabItem {
     forceMount?: boolean;
 }
 declare const tabsVariants: (props?: ({
-    variant?: "default" | "warning" | "success" | "muted" | "primary" | "secondary" | "accent" | "destructive" | null | undefined;
+    variant?: "default" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type TabsVariant = VariantProps<typeof tabsVariants>['variant'];
 export interface TabsProps extends Omit<ComponentProps<typeof TabsPrimitive>, 'children'>, VariantProps<typeof tabsVariants> {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tabs/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,aAIN,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,YAAY;;8EAgBhB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;AAEvE,MAAM,WAAW,SACf,SACE,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,yBAAyB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,UAAU,GAAG,WAAW,CAAC;IAC7D,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACjD,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,QAAA,MAAM,IAAI,GAAI,uLAkBX,SAAS,4CAqDX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tabs/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,aAAa,EAId,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,YAAY;;8EAgBhB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;AAEvE,MAAM,WAAW,SACf,SACE,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,yBAAyB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,UAAU,GAAG,WAAW,CAAC;IAC7D,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACjD,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,QAAA,MAAM,IAAI,GAAI,uLAkBX,SAAS,4CAqDX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/atomic/Tabs/index.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { cva } from 'class-variance-authority';
-import TabsPrimitive, { TabsListPrimitive, TabsTriggerPrimitive, TabsContentPrimitive, } from './TabsPrimitive';
+import { TabsPrimitive, TabsListPrimitive, TabsTriggerPrimitive, TabsContentPrimitive, } from './TabsPrimitive';
 import { THEME_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 const tabsVariants = cva('', {

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

@@ -56,6 +56,12 @@ interface TextOwnProps {
      * @default 'start' (inherits parent alignment)
      */
     align?: 'start' | 'center' | 'end';
+    /**
+     * Font weight
+     * @default Inherits from level (h1/h2=h3=bold/semibold, h4=medium, body=medium)
+     * @example 'normal' | 'medium' | 'semibold' | 'bold'
+     */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
 }
 /**
  * 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;CACpC;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,uHAmDR,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;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"}

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, className, ...props }, ref) {
+const Text = forwardRef(function Text({ as = 'div', children, variant = TEXT_VARIANT.DEFAULT, level, align, weight, className, ...props }, ref) {
     const Component = as;
     const variantAttrs = getVariantDataAttrs({ variant });
     // Auto-map as prop to level if level not explicitly provided
@@ -98,6 +98,7 @@ const Text = forwardRef(function Text({ as = 'div', children, variant = TEXT_VAR
         ref,
         className: cn('dndev-text-base', className),
         'data-text-align': align || undefined,
+        'data-font-weight': weight || undefined,
         ...variantAttrs,
         ...levelAttrs,
         ...props,

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

@@ -1,5 +1,9 @@
 import type { ComponentPropsWithRef } from 'react';
 export interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
+    /**
+     * Bare mode - no border/shadow (for use inside FloatingLabel or custom wrappers)
+     */
+    bare?: boolean;
 }
 /**
  * Textarea component with ref forwarding.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Textarea/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,qBAAqB,CAAC,UAAU,CAAC;CAAG;AAE3E;;GAEG;AACH,QAAA,MAAM,QAAQ,4HAMb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Textarea/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,qBAAqB,CAAC,UAAU,CAAC;IACtE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,4HAWb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/atomic/Textarea/index.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @fileoverview Textarea component
  * @description Accessible textarea component with mobile-friendly touch targets
  *
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -13,8 +13,8 @@ import { cn } from '../../utils/helpers';
 /**
  * Textarea component with ref forwarding.
  */
-const Textarea = forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("textarea", { ref: ref, className: cn('dndev-input', className), ...props }));
+const Textarea = forwardRef(({ className, bare, ...props }, ref) => {
+    return (_jsx("textarea", { ref: ref, className: cn('dndev-input', className), "data-bare": bare || undefined, ...props }));
 });
 Textarea.displayName = 'Textarea';
 export default Textarea;

package/dist/atomic/Toaster/Toast.types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @fileoverview Toast Types
+ * @description Type definitions for toast notifications
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+/**
+ * Toast type variants
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+export type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info';
+//# sourceMappingURL=Toast.types.d.ts.map

package/dist/atomic/Toaster/Toast.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toaster/Toast.types.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC"}

package/dist/atomic/Toaster/Toast.types.js

@@ -0,0 +1,2 @@
+// packages/components/src/atomic/Toaster/Toast.types.ts
+export {};

package/dist/atomic/Toaster/ToastPrimitive.d.ts

@@ -8,7 +8,7 @@
  */
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { type VariantProps } from 'class-variance-authority';
-import type { ToastType } from '../../hooks/useToast';
+import type { ToastType } from './Toast.types';
 import type { ComponentProps, ReactElement } from 'react';
 declare const ToastProvider: import("react").FC<ToastPrimitives.ToastProviderProps>;
 declare function ToastViewport({ className, ...props }: ComponentProps<typeof ToastPrimitives.Viewport>): import("react/jsx-runtime").JSX.Element;
@@ -24,6 +24,6 @@ declare function ToastAction({ className, ...props }: ComponentProps<typeof Toas
 declare function ToastClose({ className, ...props }: ComponentProps<typeof ToastPrimitives.Close>): import("react/jsx-runtime").JSX.Element;
 declare function ToastTitle({ className, ...props }: ComponentProps<typeof ToastPrimitives.Title>): import("react/jsx-runtime").JSX.Element;
 declare function ToastDescription({ className, ...props }: ComponentProps<typeof ToastPrimitives.Description>): import("react/jsx-runtime").JSX.Element;
-export default Toast;
+export { Toast as ToastPrimitive };
 export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, ToastTitle, ToastDescription, ToastClose, ToastAction, };
 //# sourceMappingURL=ToastPrimitive.d.ts.map

package/dist/atomic/Toaster/ToastPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toaster/ToastPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1D,QAAA,MAAM,aAAa,wDAA2B,CAAC;AAE/C,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAOjD;AAED,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,UAAU,UACR,SACE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CA6BrE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAQ/C;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAyB9C;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAO9C;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAOpD;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
+{"version":3,"file":"ToastPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toaster/ToastPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1D,QAAA,MAAM,aAAa,wDAA2B,CAAC;AAE/C,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAOjD;AAED,QAAA,MAAM,aAAa;;8EAajB,CAAC;AAEH,UAAU,UACR,SACE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CA6BrE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAQ/C;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAyB9C;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAO9C;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAOpD;AAED,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC;AACnC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/atomic/Toaster/ToastPrimitive.js

@@ -76,5 +76,5 @@ function ToastTitle({ className, ...props }) {
 function ToastDescription({ className, ...props }) {
     return (_jsx(ToastPrimitives.Description, { className: cn('dndev-toast-description', className), ...props }));
 }
-export default Toast;
+export { Toast as ToastPrimitive };
 export { ToastProvider, ToastViewport, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/atomic/Toaster/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 { ToastProvider, ToastViewport, default as Toast, ToastTitle as ToastTitlePrimitive, ToastDescription as ToastDescriptionPrimitive, ToastClose as ToastClosePrimitive, ToastAction as ToastActionPrimitive, } from './ToastPrimitive';
+import { ToastProvider, ToastViewport, ToastPrimitive as Toast, ToastTitle as ToastTitlePrimitive, ToastDescription as ToastDescriptionPrimitive, ToastClose as ToastClosePrimitive, ToastAction as ToastActionPrimitive, } from './ToastPrimitive';
 import useToast, {} from '../../hooks/useToast';
 import Stack from '../Stack';
 /**

package/dist/atomic/Toggle/TogglePrimitive.d.ts

@@ -8,6 +8,5 @@
  */
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 declare const TogglePrimitiveComponent: import("react").ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export default TogglePrimitiveComponent;
 export { TogglePrimitiveComponent as TogglePrimitive };
 //# sourceMappingURL=TogglePrimitive.d.ts.map

package/dist/atomic/Toggle/TogglePrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toggle/TogglePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAS1D,QAAA,MAAM,wBAAwB,2LAK5B,CAAC;AAIH,eAAe,wBAAwB,CAAC;AACxC,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}
+{"version":3,"file":"TogglePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toggle/TogglePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAS1D,QAAA,MAAM,wBAAwB,2LAK5B,CAAC;AAIH,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}

package/dist/atomic/Toggle/TogglePrimitive.js

@@ -13,5 +13,4 @@ import { forwardRef, } from 'react';
 import { cn } from '../../utils/helpers';
 const TogglePrimitiveComponent = forwardRef(({ className, ...props }, ref) => (_jsx(TogglePrimitive.Root, { ref: ref, className: cn(className), ...props })));
 TogglePrimitiveComponent.displayName = 'TogglePrimitive';
-export default TogglePrimitiveComponent;
 export { TogglePrimitiveComponent as TogglePrimitive };

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

@@ -7,10 +7,10 @@
  * @author AMBROISE PARK Consulting
  */
 import { type VariantProps } from 'class-variance-authority';
-import TogglePrimitive from './TogglePrimitive';
+import { TogglePrimitive } from './TogglePrimitive';
 import type { ComponentPropsWithoutRef } from 'react';
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | "warning" | "success" | "muted" | "primary" | "secondary" | "accent" | "destructive" | null | undefined;
+    variant?: "default" | "outline" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ToggleProps extends ComponentPropsWithoutRef<typeof TogglePrimitive>, VariantProps<typeof toggleVariants> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toggle/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAIhD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,QAAA,MAAM,cAAc;;8EAiBlB,CAAC;AAEH,MAAM,WAAW,WACf,SACE,wBAAwB,CAAC,OAAO,eAAe,CAAC,EAChD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAU5D,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Toggle/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,QAAA,MAAM,cAAc;;8EAiBlB,CAAC;AAEH,MAAM,WAAW,WACf,SACE,wBAAwB,CAAC,OAAO,eAAe,CAAC,EAChD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAU5D,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/atomic/Toggle/index.js

@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { cva } from 'class-variance-authority';
-import TogglePrimitive from './TogglePrimitive';
+import { TogglePrimitive } from './TogglePrimitive';
 import { THEME_VARIANT } from '../../utils/constants';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 const toggleVariants = cva('dndev-interactive', {

package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts

@@ -26,6 +26,6 @@ export interface ToggleGroupItemPrimitiveProps extends ComponentProps<typeof Tog
  * Radix automatically sets data-state attribute based on selection
  */
 declare function ToggleGroupItemPrimitive({ className, children, 'data-variant': dataVariant, 'data-size': dataSize, ...props }: ToggleGroupItemPrimitiveProps): import("react/jsx-runtime").JSX.Element;
-export default ToggleGroupPrimitiveComponent;
+export { ToggleGroupPrimitiveComponent as ToggleGroupPrimitive };
 export { ToggleGroupItemPrimitive };
 //# sourceMappingURL=ToggleGroupPrimitive.d.ts.map

package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ToggleGroup/ToggleGroupPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,yBAAyB,GAAG,cAAc,CACpD,OAAO,oBAAoB,CAAC,IAAI,CACjC,GAAG;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,iBAAS,6BAA6B,CAAC,EACrC,SAAS,EACT,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,WAAW,EAAE,QAAQ,EACrB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAkB3B;AAED,MAAM,WAAW,6BAA8B,SAAQ,cAAc,CACnE,OAAO,oBAAoB,CAAC,IAAI,CACjC;IACC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,WAAW,EAAE,QAAQ,EACrB,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAe/B;AAED,eAAe,6BAA6B,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"ToggleGroupPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/ToggleGroup/ToggleGroupPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,yBAAyB,GAAG,cAAc,CACpD,OAAO,oBAAoB,CAAC,IAAI,CACjC,GAAG;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,iBAAS,6BAA6B,CAAC,EACrC,SAAS,EACT,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,WAAW,EAAE,QAAQ,EACrB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAkB3B;AAED,MAAM,WAAW,6BAA8B,SAAQ,cAAc,CACnE,OAAO,oBAAoB,CAAC,IAAI,CACjC;IACC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,cAAc,EAAE,WAAW,EAC3B,WAAW,EAAE,QAAQ,EACrB,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAe/B;AAED,OAAO,EAAE,6BAA6B,IAAI,oBAAoB,EAAE,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.js

@@ -32,5 +32,5 @@ function ToggleGroupItemPrimitive({ className, children, 'data-variant': dataVar
     const sizeAttr = context?.['data-size'] || dataSize;
     return (_jsx(ToggleGroupPrimitive.Item, { className: cn('dndev-interactive', className), "data-variant": variantAttr, "data-size": sizeAttr, ...props, children: children }));
 }
-export default ToggleGroupPrimitiveComponent;
+export { ToggleGroupPrimitiveComponent as ToggleGroupPrimitive };
 export { ToggleGroupItemPrimitive };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ToggleGroup/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAA6B,EAC3B,wBAAwB,EACxB,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,QAAA,MAAM,mBAAmB;;;8EAgBvB,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,yBAAyB,GAAG;IACzD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IACxD,uDAAuD;IACvD,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW,GAAI,yDAOlB,gBAAgB,4CA2BlB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,eAAe,iCAA2B,CAAC;AAEjD,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ToggleGroup/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAEL,wBAAwB,EACxB,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,QAAA,MAAM,mBAAmB;;;8EAgBvB,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,yBAAyB,GAAG;IACzD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9D,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IACxD,uDAAuD;IACvD,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW,GAAI,yDAOlB,gBAAgB,4CA2BlB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,eAAe,iCAA2B,CAAC;AAEjD,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/atomic/ToggleGroup/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 ToggleGroupPrimitive, { ToggleGroupItemPrimitive, } from './ToggleGroupPrimitive';
+import { ToggleGroupPrimitive, ToggleGroupItemPrimitive, } from './ToggleGroupPrimitive';
 import { cn, getVariantDataAttrs } from '../../utils/helpers';
 const toggleGroupVariants = cva('', {
     variants: {

package/dist/atomic/Tooltip/TooltipPrimitive.d.ts

@@ -16,6 +16,6 @@ interface TooltipContentProps extends ComponentProps<typeof TooltipPrimitive.Con
     sideOffset?: number;
 }
 declare function TooltipContent({ className, sideOffset, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
-export default TooltipPrimitiveComponent;
+export { TooltipPrimitiveComponent as TooltipPrimitive };
 export { TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=TooltipPrimitive.d.ts.map

package/dist/atomic/Tooltip/TooltipPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tooltip/TooltipPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,2DAA4B,CAAC;AAClD,QAAA,MAAM,yBAAyB,mDAAwB,CAAC;AACxD,QAAA,MAAM,cAAc,oIAA2B,CAAC;AAEhD,UAAU,mBAAoB,SAAQ,cAAc,CAClD,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAarB;AAED,eAAe,yBAAyB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"TooltipPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tooltip/TooltipPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,2DAA4B,CAAC;AAClD,QAAA,MAAM,yBAAyB,mDAAwB,CAAC;AACxD,QAAA,MAAM,cAAc,oIAA2B,CAAC;AAEhD,UAAU,mBAAoB,SAAQ,cAAc,CAClD,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAarB;AAED,OAAO,EAAE,yBAAyB,IAAI,gBAAgB,EAAE,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/atomic/Tooltip/TooltipPrimitive.js

@@ -16,5 +16,5 @@ const TooltipTrigger = TooltipPrimitive.Trigger;
 function TooltipContent({ className, sideOffset = 4, ...props }) {
     return (_jsx(TooltipPrimitive.Content, { sideOffset: sideOffset, className: cn('dndev-notification dndev-tooltip', 'animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }));
 }
-export default TooltipPrimitiveComponent;
+export { TooltipPrimitiveComponent as TooltipPrimitive };
 export { TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tooltip/index.tsx"],"names":[],"mappings":"AAiBA,OAAyB,EAGvB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAYD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAgB,EAChB,aAAmB,EACnB,OAAO,GACR,EAAE,YAAY,2CAqDd;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Tooltip/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAIL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAYD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAgB,EAChB,aAAmB,EACnB,OAAO,GACR,EAAE,YAAY,2CAqDd;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/atomic/Tooltip/index.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { useCallback, useRef, useState } from 'react';
-import TooltipPrimitive, { TooltipTrigger, TooltipContent, TooltipProvider, } from './TooltipPrimitive';
+import { TooltipPrimitive, TooltipTrigger, TooltipContent, TooltipProvider, } from './TooltipPrimitive';
 import { FLOATING_VARIANT } from '../../utils/constants';
 import { getVariantDataAttrs } from '../../utils/helpers';
 /**

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

@@ -97,7 +97,17 @@ export interface VideoPlayerProps {
      * @default true
      */
     allowFullscreen?: boolean;
+    /**
+     * Aria label for the play button/thumbnail
+     * @default 'Click to watch video'
+     */
+    playButtonLabel?: string;
+    /**
+     * Aria label for loading state
+     * @default 'Loading video'
+     */
+    loadingLabel?: string;
 }
-declare const VideoPlayer: ({ url, trigger, thumbnail, eager, title, modal, aspectRatio, className, autoplay, allowFullscreen, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
+declare const VideoPlayer: ({ url, trigger, thumbnail, eager, title, modal, aspectRatio, className, autoplay, allowFullscreen, playButtonLabel, loadingLabel, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
 export default VideoPlayer;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/VideoPlayer/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,eAAe;IACf,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA4JD,QAAA,MAAM,WAAW,GAAI,sGAWlB,gBAAgB,4CAwJlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/VideoPlayer/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,eAAe;IACf,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4JD,QAAA,MAAM,WAAW,GAAI,qIAalB,gBAAgB,4CAuJlB,CAAC;AAEF,eAAe,WAAW,CAAC"}