@nlabs/gothamui 1.8.0

package/lib/components/DateField/DatePicker.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2025-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { useEffect, useState } from 'react';
+export const DatePicker = ({ initialDate, maxDate, minDate, onDateSelect })=>{
+    const [fallbackDate] = useState(()=>Date.now());
+    const timestamp = initialDate ?? fallbackDate;
+    const defaultDate = new Date(timestamp);
+    const [selectedDate, setSelectedDate] = useState(defaultDate);
+    const [currentMonth, setCurrentMonth] = useState(defaultDate.getMonth());
+    const [currentYear, setCurrentYear] = useState(defaultDate.getFullYear());
+    useEffect(()=>{
+        const updatedDate = new Date(timestamp);
+        setSelectedDate((current)=>current.getTime() === timestamp ? current : updatedDate);
+        setCurrentMonth(updatedDate.getMonth());
+        setCurrentYear(updatedDate.getFullYear());
+    }, [
+        timestamp
+    ]);
+    const handlePrevMonth = ()=>{
+        if (currentMonth === 0) {
+            setCurrentMonth(11);
+            setCurrentYear(currentYear - 1);
+        } else {
+            setCurrentMonth(currentMonth - 1);
+        }
+    };
+    const handleNextMonth = ()=>{
+        if (currentMonth === 11) {
+            setCurrentMonth(0);
+            setCurrentYear(currentYear + 1);
+        } else {
+            setCurrentMonth(currentMonth + 1);
+        }
+    };
+    const handleMonthChange = (e)=>{
+        setCurrentMonth(parseInt(e.target.value, 10));
+    };
+    const handleYearChange = (e)=>{
+        setCurrentYear(parseInt(e.target.value, 10));
+    };
+    const isDateInRange = (date)=>{
+        const dateTimestamp = date.getTime();
+        if (minDate && dateTimestamp < minDate) {
+            return false;
+        }
+        if (maxDate && dateTimestamp > maxDate) {
+            return false;
+        }
+        return true;
+    };
+    const handleDateSelect = (day)=>{
+        const newDate = new Date(currentYear, currentMonth, day);
+        if (!isDateInRange(newDate)) {
+            return;
+        }
+        setSelectedDate(newDate);
+        if (onDateSelect) {
+            onDateSelect(newDate.getTime());
+        }
+    };
+    // Get month name
+    const monthNames = [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July',
+        'August',
+        'September',
+        'October',
+        'November',
+        'December'
+    ];
+    const getDaysInMonth = (year, month)=>new Date(year, month + 1, 0).getDate();
+    const getFirstDayOfMonth = (year, month)=>new Date(year, month, 1).getDay();
+    // Generate years for dropdown (range based on min/max dates)
+    const generateYearOptions = ()=>{
+        let startYear = currentYear - 5;
+        let endYear = currentYear + 5;
+        if (minDate) {
+            const minYear = new Date(minDate).getFullYear();
+            startYear = minYear;
+        }
+        if (maxDate) {
+            const maxYear = new Date(maxDate).getFullYear();
+            endYear = maxYear;
+        }
+        return Array.from({
+            length: endYear - startYear + 1
+        }, (_, i)=>startYear + i);
+    };
+    // Generate days for the calendar
+    const daysInMonth = getDaysInMonth(currentYear, currentMonth);
+    const firstDayOfMonth = getFirstDayOfMonth(currentYear, currentMonth);
+    const days = [];
+    // Add empty cells for days before the first day of the month
+    for(let i = 0; i < firstDayOfMonth; i++){
+        days.push(/*#__PURE__*/ _jsx("div", {
+            className: "h-8 w-8"
+        }, `empty-${i}`));
+    }
+    // Add days of the month
+    for(let day = 1; day <= daysInMonth; day++){
+        const date = new Date(currentYear, currentMonth, day);
+        const isSelected = selectedDate.getDate() === day && selectedDate.getMonth() === currentMonth && selectedDate.getFullYear() === currentYear;
+        const isDisabled = !isDateInRange(date);
+        days.push(/*#__PURE__*/ _jsx("button", {
+            className: `h-7 w-7 text-sm rounded-full flex items-center justify-center ${isSelected ? 'bg-blue-500 text-white' : isDisabled ? 'text-gray-300 cursor-not-allowed' : 'hover:bg-gray-200'}`,
+            disabled: isDisabled,
+            onClick: ()=>handleDateSelect(day),
+            children: day
+        }, day));
+    }
+    const yearOptions = generateYearOptions();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "bg-white border border-gray-200 rounded-lg shadow-lg p-3",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex justify-between items-center mb-2",
+                children: [
+                    /*#__PURE__*/ _jsx("button", {
+                        className: "p-1 rounded-full hover:bg-gray-200 text-sm",
+                        onClick: handlePrevMonth,
+                        children: "<"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex space-x-1",
+                        children: [
+                            /*#__PURE__*/ _jsx("select", {
+                                className: "border border-gray-300 rounded px-1.5 py-0.5 text-sm",
+                                onChange: handleMonthChange,
+                                value: currentMonth,
+                                children: monthNames.map((month, index)=>/*#__PURE__*/ _jsx("option", {
+                                        value: index,
+                                        children: month
+                                    }, month))
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "relative inline-flex items-center",
+                                children: [
+                                    /*#__PURE__*/ _jsx("select", {
+                                        className: "px-1.5 py-0.5 text-sm appearance-none bg-transparent focus:outline-none pr-5 hover:text-blue-600 cursor-pointer",
+                                        onChange: handleYearChange,
+                                        style: {
+                                            MozAppearance: 'none',
+                                            WebkitAppearance: 'none',
+                                            scrollbarWidth: 'thin'
+                                        },
+                                        value: currentYear,
+                                        children: yearOptions.map((year)=>/*#__PURE__*/ _jsx("option", {
+                                                className: "text-sm",
+                                                value: year,
+                                                children: year
+                                            }, year))
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-1 text-gray-700",
+                                        children: /*#__PURE__*/ _jsx("svg", {
+                                            className: "h-3 w-3 fill-current",
+                                            viewBox: "0 0 20 20",
+                                            xmlns: "http://www.w3.org/2000/svg",
+                                            children: /*#__PURE__*/ _jsx("path", {
+                                                d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                                            })
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        className: "p-1 rounded-full hover:bg-gray-200 text-sm",
+                        onClick: handleNextMonth,
+                        children: ">"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "grid grid-cols-7 gap-0.5",
+                children: [
+                    [
+                        'Su',
+                        'Mo',
+                        'Tu',
+                        'We',
+                        'Th',
+                        'Fr',
+                        'Sa'
+                    ].map((day)=>/*#__PURE__*/ _jsx("div", {
+                            className: "text-center font-medium text-gray-500 text-xs",
+                            children: day
+                        }, day)),
+                    days
+                ]
+            })
+        ]
+    });
+};
+export default DatePicker;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RhdGVGaWVsZC9EYXRlUGlja2VyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyNS1QcmVzZW50LCBOaXRyb2dlbiBMYWJzLCBJbmMuXG4gKiBDb3B5cmlnaHRzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIHRoZSBhY2NvbXBhbnlpbmcgTElDRU5TRSBmaWxlIGZvciB0ZXJtcy5cbiAqL1xuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtGQywgUmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBEYXRlUGlja2VyUHJvcHMge1xuICBpbml0aWFsRGF0ZT86IG51bWJlcjtcbiAgbWF4RGF0ZT86IG51bWJlcjtcbiAgbWluRGF0ZT86IG51bWJlcjtcbiAgb25EYXRlU2VsZWN0PzogKGRhdGU6IG51bWJlcikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IERhdGVQaWNrZXI6IEZDPERhdGVQaWNrZXJQcm9wcz4gPSAoe1xuICBpbml0aWFsRGF0ZSxcbiAgbWF4RGF0ZSxcbiAgbWluRGF0ZSxcbiAgb25EYXRlU2VsZWN0XG59KSA9PiB7XG4gIGNvbnN0IFtmYWxsYmFja0RhdGVdID0gdXNlU3RhdGUoKCkgPT4gRGF0ZS5ub3coKSk7XG4gIGNvbnN0IHRpbWVzdGFtcCA9IGluaXRpYWxEYXRlID8/IGZhbGxiYWNrRGF0ZTtcbiAgY29uc3QgZGVmYXVsdERhdGUgPSBuZXcgRGF0ZSh0aW1lc3RhbXApO1xuICBjb25zdCBbc2VsZWN0ZWREYXRlLCBzZXRTZWxlY3RlZERhdGVdID0gdXNlU3RhdGU8RGF0ZT4oZGVmYXVsdERhdGUpO1xuICBjb25zdCBbY3VycmVudE1vbnRoLCBzZXRDdXJyZW50TW9udGhdID0gdXNlU3RhdGU8bnVtYmVyPihkZWZhdWx0RGF0ZS5nZXRNb250aCgpKTtcbiAgY29uc3QgW2N1cnJlbnRZZWFyLCBzZXRDdXJyZW50WWVhcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGRlZmF1bHREYXRlLmdldEZ1bGxZZWFyKCkpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdXBkYXRlZERhdGUgPSBuZXcgRGF0ZSh0aW1lc3RhbXApO1xuICAgIHNldFNlbGVjdGVkRGF0ZSgoY3VycmVudCkgPT4gKGN1cnJlbnQuZ2V0VGltZSgpID09PSB0aW1lc3RhbXAgPyBjdXJyZW50IDogdXBkYXRlZERhdGUpKTtcbiAgICBzZXRDdXJyZW50TW9udGgodXBkYXRlZERhdGUuZ2V0TW9udGgoKSk7XG4gICAgc2V0Q3VycmVudFllYXIodXBkYXRlZERhdGUuZ2V0RnVsbFllYXIoKSk7XG4gIH0sIFt0aW1lc3RhbXBdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2TW9udGggPSAoKSA9PiB7XG4gICAgaWYoY3VycmVudE1vbnRoID09PSAwKSB7XG4gICAgICBzZXRDdXJyZW50TW9udGgoMTEpO1xuICAgICAgc2V0Q3VycmVudFllYXIoY3VycmVudFllYXIgLSAxKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0Q3VycmVudE1vbnRoKGN1cnJlbnRNb250aCAtIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVOZXh0TW9udGggPSAoKSA9PiB7XG4gICAgaWYoY3VycmVudE1vbnRoID09PSAxMSkge1xuICAgICAgc2V0Q3VycmVudE1vbnRoKDApO1xuICAgICAgc2V0Q3VycmVudFllYXIoY3VycmVudFllYXIgKyAxKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0Q3VycmVudE1vbnRoKGN1cnJlbnRNb250aCArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVNb250aENoYW5nZSA9IChlOiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICBzZXRDdXJyZW50TW9udGgocGFyc2VJbnQoZS50YXJnZXQudmFsdWUsIDEwKSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlWWVhckNoYW5nZSA9IChlOiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICBzZXRDdXJyZW50WWVhcihwYXJzZUludChlLnRhcmdldC52YWx1ZSwgMTApKTtcbiAgfTtcblxuICBjb25zdCBpc0RhdGVJblJhbmdlID0gKGRhdGU6IERhdGUpOiBib29sZWFuID0+IHtcbiAgICBjb25zdCBkYXRlVGltZXN0YW1wID0gZGF0ZS5nZXRUaW1lKCk7XG5cbiAgICBpZihtaW5EYXRlICYmIGRhdGVUaW1lc3RhbXAgPCBtaW5EYXRlKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgaWYobWF4RGF0ZSAmJiBkYXRlVGltZXN0YW1wID4gbWF4RGF0ZSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZURhdGVTZWxlY3QgPSAoZGF5OiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBuZXdEYXRlID0gbmV3IERhdGUoY3VycmVudFllYXIsIGN1cnJlbnRNb250aCwgZGF5KTtcblxuICAgIGlmKCFpc0RhdGVJblJhbmdlKG5ld0RhdGUpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0U2VsZWN0ZWREYXRlKG5ld0RhdGUpO1xuXG4gICAgaWYob25EYXRlU2VsZWN0KSB7XG4gICAgICBvbkRhdGVTZWxlY3QobmV3RGF0ZS5nZXRUaW1lKCkpO1xuICAgIH1cbiAgfTtcblxuICAvLyBHZXQgbW9udGggbmFtZVxuICBjb25zdCBtb250aE5hbWVzID0gW1xuICAgICdKYW51YXJ5JywgJ0ZlYnJ1YXJ5JywgJ01hcmNoJywgJ0FwcmlsJywgJ01heScsICdKdW5lJyxcbiAgICAnSnVseScsICdBdWd1c3QnLCAnU2VwdGVtYmVyJywgJ09jdG9iZXInLCAnTm92ZW1iZXInLCAnRGVjZW1iZXInXG4gIF07XG5cbiAgY29uc3QgZ2V0RGF5c0luTW9udGggPSAoeWVhcjogbnVtYmVyLCBtb250aDogbnVtYmVyKSA9PiBuZXcgRGF0ZSh5ZWFyLCBtb250aCArIDEsIDApLmdldERhdGUoKTtcblxuICBjb25zdCBnZXRGaXJzdERheU9mTW9udGggPSAoeWVhcjogbnVtYmVyLCBtb250aDogbnVtYmVyKSA9PiBuZXcgRGF0ZSh5ZWFyLCBtb250aCwgMSkuZ2V0RGF5KCk7XG5cbiAgLy8gR2VuZXJhdGUgeWVhcnMgZm9yIGRyb3Bkb3duIChyYW5nZSBiYXNlZCBvbiBtaW4vbWF4IGRhdGVzKVxuICBjb25zdCBnZW5lcmF0ZVllYXJPcHRpb25zID0gKCkgPT4ge1xuICAgIGxldCBzdGFydFllYXIgPSBjdXJyZW50WWVhciAtIDU7XG4gICAgbGV0IGVuZFllYXIgPSBjdXJyZW50WWVhciArIDU7XG5cbiAgICBpZihtaW5EYXRlKSB7XG4gICAgICBjb25zdCBtaW5ZZWFyID0gbmV3IERhdGUobWluRGF0ZSkuZ2V0RnVsbFllYXIoKTtcbiAgICAgIHN0YXJ0WWVhciA9IG1pblllYXI7XG4gICAgfVxuXG4gICAgaWYobWF4RGF0ZSkge1xuICAgICAgY29uc3QgbWF4WWVhciA9IG5ldyBEYXRlKG1heERhdGUpLmdldEZ1bGxZZWFyKCk7XG4gICAgICBlbmRZZWFyID0gbWF4WWVhcjtcbiAgICB9XG5cbiAgICByZXR1cm4gQXJyYXkuZnJvbShcbiAgICAgIHtsZW5ndGg6IGVuZFllYXIgLSBzdGFydFllYXIgKyAxfSxcbiAgICAgIChfLCBpKSA9PiBzdGFydFllYXIgKyBpXG4gICAgKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBkYXlzIGZvciB0aGUgY2FsZW5kYXJcbiAgY29uc3QgZGF5c0luTW9udGggPSBnZXREYXlzSW5Nb250aChjdXJyZW50WWVhciwgY3VycmVudE1vbnRoKTtcbiAgY29uc3QgZmlyc3REYXlPZk1vbnRoID0gZ2V0Rmlyc3REYXlPZk1vbnRoKGN1cnJlbnRZZWFyLCBjdXJyZW50TW9udGgpO1xuXG4gIGNvbnN0IGRheXM6IFJlYWN0Tm9kZVtdID0gW107XG4gIC8vIEFkZCBlbXB0eSBjZWxscyBmb3IgZGF5cyBiZWZvcmUgdGhlIGZpcnN0IGRheSBvZiB0aGUgbW9udGhcbiAgZm9yKGxldCBpID0gMDsgaSA8IGZpcnN0RGF5T2ZNb250aDsgaSsrKSB7XG4gICAgZGF5cy5wdXNoKDxkaXYgY2xhc3NOYW1lPVwiaC04IHctOFwiIGtleT17YGVtcHR5LSR7aX1gfT48L2Rpdj4pO1xuICB9XG5cbiAgLy8gQWRkIGRheXMgb2YgdGhlIG1vbnRoXG4gIGZvcihsZXQgZGF5ID0gMTsgZGF5IDw9IGRheXNJbk1vbnRoOyBkYXkrKykge1xuICAgIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZShjdXJyZW50WWVhciwgY3VycmVudE1vbnRoLCBkYXkpO1xuICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgc2VsZWN0ZWREYXRlLmdldERhdGUoKSA9PT0gZGF5ICYmXG4gICAgICBzZWxlY3RlZERhdGUuZ2V0TW9udGgoKSA9PT0gY3VycmVudE1vbnRoICYmXG4gICAgICBzZWxlY3RlZERhdGUuZ2V0RnVsbFllYXIoKSA9PT0gY3VycmVudFllYXI7XG5cbiAgICBjb25zdCBpc0Rpc2FibGVkID0gIWlzRGF0ZUluUmFuZ2UoZGF0ZSk7XG5cbiAgICBkYXlzLnB1c2goXG4gICAgICA8YnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT17YGgtNyB3LTcgdGV4dC1zbSByb3VuZGVkLWZ1bGwgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgJHtcbiAgICAgICAgICBpc1NlbGVjdGVkXG4gICAgICAgICAgICA/ICdiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlJ1xuICAgICAgICAgICAgOiBpc0Rpc2FibGVkXG4gICAgICAgICAgICAgID8gJ3RleHQtZ3JheS0zMDAgY3Vyc29yLW5vdC1hbGxvd2VkJ1xuICAgICAgICAgICAgICA6ICdob3ZlcjpiZy1ncmF5LTIwMCdcbiAgICAgICAgfWB9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBrZXk9e2RheX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlRGF0ZVNlbGVjdChkYXkpfVxuICAgICAgPlxuICAgICAgICB7ZGF5fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IHllYXJPcHRpb25zID0gZ2VuZXJhdGVZZWFyT3B0aW9ucygpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJiZy13aGl0ZSBib3JkZXIgYm9yZGVyLWdyYXktMjAwIHJvdW5kZWQtbGcgc2hhZG93LWxnIHAtM1wiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXIgbWItMlwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgY2xhc3NOYW1lPVwicC0xIHJvdW5kZWQtZnVsbCBob3ZlcjpiZy1ncmF5LTIwMCB0ZXh0LXNtXCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2TW9udGh9XG4gICAgICAgID5cbiAgICAgICAgICAmbHQ7XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggc3BhY2UteC0xXCI+XG4gICAgICAgICAgPHNlbGVjdFxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiYm9yZGVyIGJvcmRlci1ncmF5LTMwMCByb3VuZGVkIHB4LTEuNSBweS0wLjUgdGV4dC1zbVwiXG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlTW9udGhDaGFuZ2V9XG4gICAgICAgICAgICB2YWx1ZT17Y3VycmVudE1vbnRofVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHttb250aE5hbWVzLm1hcCgobW9udGgsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxvcHRpb24ga2V5PXttb250aH0gdmFsdWU9e2luZGV4fT5cbiAgICAgICAgICAgICAgICB7bW9udGh9XG4gICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9zZWxlY3Q+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJyZWxhdGl2ZSBpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgIDxzZWxlY3RcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwicHgtMS41IHB5LTAuNSB0ZXh0LXNtIGFwcGVhcmFuY2Utbm9uZSBiZy10cmFuc3BhcmVudCBmb2N1czpvdXRsaW5lLW5vbmUgcHItNSBob3Zlcjp0ZXh0LWJsdWUtNjAwIGN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVllYXJDaGFuZ2V9XG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgTW96QXBwZWFyYW5jZTogJ25vbmUnLFxuICAgICAgICAgICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6ICdub25lJyxcbiAgICAgICAgICAgICAgICBzY3JvbGxiYXJXaWR0aDogJ3RoaW4nXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIHZhbHVlPXtjdXJyZW50WWVhcn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3llYXJPcHRpb25zLm1hcCgoeWVhcikgPT4gKFxuICAgICAgICAgICAgICAgIDxvcHRpb24gY2xhc3NOYW1lPVwidGV4dC1zbVwiIGtleT17eWVhcn0gdmFsdWU9e3llYXJ9PlxuICAgICAgICAgICAgICAgICAge3llYXJ9XG4gICAgICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9zZWxlY3Q+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInBvaW50ZXItZXZlbnRzLW5vbmUgYWJzb2x1dGUgaW5zZXQteS0wIHJpZ2h0LTAgZmxleCBpdGVtcy1jZW50ZXIgcHgtMSB0ZXh0LWdyYXktNzAwXCI+XG4gICAgICAgICAgICAgIDxzdmcgY2xhc3NOYW1lPVwiaC0zIHctMyBmaWxsLWN1cnJlbnRcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgIDxwYXRoIGQ9XCJNNS4yOTMgNy4yOTNhMSAxIDAgMDExLjQxNCAwTDEwIDEwLjU4NmwzLjI5My0zLjI5M2ExIDEgMCAxMTEuNDE0IDEuNDE0bC00IDRhMSAxIDAgMDEtMS40MTQgMGwtNC00YTEgMSAwIDAxMC0xLjQxNHpcIiAvPlxuICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT1cInAtMSByb3VuZGVkLWZ1bGwgaG92ZXI6YmctZ3JheS0yMDAgdGV4dC1zbVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlTmV4dE1vbnRofVxuICAgICAgICA+XG4gICAgICAgICAgJmd0O1xuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJncmlkIGdyaWQtY29scy03IGdhcC0wLjVcIj5cbiAgICAgICAge1snU3UnLCAnTW8nLCAnVHUnLCAnV2UnLCAnVGgnLCAnRnInLCAnU2EnXS5tYXAoKGRheSkgPT4gKFxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwidGV4dC1jZW50ZXIgZm9udC1tZWRpdW0gdGV4dC1ncmF5LTUwMCB0ZXh0LXhzXCIga2V5PXtkYXl9PlxuICAgICAgICAgICAge2RheX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICAgIHtkYXlzfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEYXRlUGlja2VyOyJdLCJuYW1lcyI6WyJ1c2VFZmZlY3QiLCJ1c2VTdGF0ZSIsIkRhdGVQaWNrZXIiLCJpbml0aWFsRGF0ZSIsIm1heERhdGUiLCJtaW5EYXRlIiwib25EYXRlU2VsZWN0IiwiZmFsbGJhY2tEYXRlIiwiRGF0ZSIsIm5vdyIsInRpbWVzdGFtcCIsImRlZmF1bHREYXRlIiwic2VsZWN0ZWREYXRlIiwic2V0U2VsZWN0ZWREYXRlIiwiY3VycmVudE1vbnRoIiwic2V0Q3VycmVudE1vbnRoIiwiZ2V0TW9udGgiLCJjdXJyZW50WWVhciIsInNldEN1cnJlbnRZZWFyIiwiZ2V0RnVsbFllYXIiLCJ1cGRhdGVkRGF0ZSIsImN1cnJlbnQiLCJnZXRUaW1lIiwiaGFuZGxlUHJldk1vbnRoIiwiaGFuZGxlTmV4dE1vbnRoIiwiaGFuZGxlTW9udGhDaGFuZ2UiLCJlIiwicGFyc2VJbnQiLCJ0YXJnZXQiLCJ2YWx1ZSIsImhhbmRsZVllYXJDaGFuZ2UiLCJpc0RhdGVJblJhbmdlIiwiZGF0ZSIsImRhdGVUaW1lc3RhbXAiLCJoYW5kbGVEYXRlU2VsZWN0IiwiZGF5IiwibmV3RGF0ZSIsIm1vbnRoTmFtZXMiLCJnZXREYXlzSW5Nb250aCIsInllYXIiLCJtb250aCIsImdldERhdGUiLCJnZXRGaXJzdERheU9mTW9udGgiLCJnZXREYXkiLCJnZW5lcmF0ZVllYXJPcHRpb25zIiwic3RhcnRZZWFyIiwiZW5kWWVhciIsIm1pblllYXIiLCJtYXhZZWFyIiwiQXJyYXkiLCJmcm9tIiwibGVuZ3RoIiwiXyIsImkiLCJkYXlzSW5Nb250aCIsImZpcnN0RGF5T2ZNb250aCIsImRheXMiLCJwdXNoIiwiZGl2IiwiY2xhc3NOYW1lIiwiaXNTZWxlY3RlZCIsImlzRGlzYWJsZWQiLCJidXR0b24iLCJkaXNhYmxlZCIsIm9uQ2xpY2siLCJ5ZWFyT3B0aW9ucyIsInNlbGVjdCIsIm9uQ2hhbmdlIiwibWFwIiwiaW5kZXgiLCJvcHRpb24iLCJzdHlsZSIsIk1vekFwcGVhcmFuY2UiLCJXZWJraXRBcHBlYXJhbmNlIiwic2Nyb2xsYmFyV2lkdGgiLCJzdmciLCJ2aWV3Qm94IiwieG1sbnMiLCJwYXRoIiwiZCJdLCJtYXBwaW5ncyI6IjtBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLFNBQVMsRUFBRUMs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

package/lib/components/DateField/DatePicker.stories.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { DatePicker } from './DatePicker.js';
+const today = new Date(2026, 4, 14).getTime();
+const meta = {
+    argTypes: {
+        initialDate: {
+            control: 'date'
+        },
+        maxDate: {
+            control: 'date'
+        },
+        minDate: {
+            control: 'date'
+        }
+    },
+    component: DatePicker,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Form/DatePicker'
+};
+export default meta;
+export const Default = {
+    args: {
+        initialDate: today,
+        maxDate: new Date(2026, 11, 31).getTime(),
+        minDate: new Date(2026, 0, 1).getTime()
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RhdGVGaWVsZC9EYXRlUGlja2VyLnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7aW50ZXJhY3RXaXRoQ2FudmFzfSBmcm9tICcuLi8uLi91dGlscy9zdG9yeUludGVyYWN0aW9ucy5qcyc7XG5pbXBvcnQge0RhdGVQaWNrZXJ9IGZyb20gJy4vRGF0ZVBpY2tlci5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCB0b2RheSA9IG5ldyBEYXRlKDIwMjYsIDQsIDE0KS5nZXRUaW1lKCk7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIERhdGVQaWNrZXI+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGluaXRpYWxEYXRlOiB7XG4gICAgICBjb250cm9sOiAnZGF0ZSdcbiAgICB9LFxuICAgIG1heERhdGU6IHtcbiAgICAgIGNvbnRyb2w6ICdkYXRlJ1xuICAgIH0sXG4gICAgbWluRGF0ZToge1xuICAgICAgY29udHJvbDogJ2RhdGUnXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IERhdGVQaWNrZXIsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdjZW50ZXJlZCdcbiAgfSxcbiAgdGl0bGU6ICdDb21wb25lbnRzL0Zvcm0vRGF0ZVBpY2tlcidcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgRGF0ZVBpY2tlcj47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGluaXRpYWxEYXRlOiB0b2RheSxcbiAgICBtYXhEYXRlOiBuZXcgRGF0ZSgyMDI2LCAxMSwgMzEpLmdldFRpbWUoKSxcbiAgICBtaW5EYXRlOiBuZXcgRGF0ZSgyMDI2LCAwLCAxKS5nZXRUaW1lKClcbiAgfSxcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzXG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiaW50ZXJhY3RXaXRoQ2FudmFzIiwiRGF0ZVBpY2tlciIsInRvZGF5IiwiRGF0ZSIsImdldFRpbWUiLCJtZXRhIiwiYXJnVHlwZXMiLCJpbml0aWFsRGF0ZSIsImNvbnRyb2wiLCJtYXhEYXRlIiwibWluRGF0ZSIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIiwicGxheSJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxVQUFVLFFBQU8sa0JBQWtCO0FBSTNDLE1BQU1DLFFBQVEsSUFBSUMsS0FBSyxNQUFNLEdBQUcsSUFBSUMsT0FBTztBQUUzQyxNQUFNQyxPQUFnQztJQUNwQ0MsVUFBVTtRQUNSQyxhQUFhO1lBQ1hDLFNBQVM7UUFDWDtRQUNBQyxTQUFTO1lBQ1BELFNBQVM7UUFDWDtRQUNBRSxTQUFTO1lBQ1BGLFNBQVM7UUFDWDtJQUNGO0lBQ0FHLFdBQVdWO0lBQ1hXLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVULEtBQUs7QUFJcEIsT0FBTyxNQUFNVSxVQUFpQjtJQUM1QkMsTUFBTTtRQUNKVCxhQUFhTDtRQUNiTyxTQUFTLElBQUlOLEtBQUssTUFBTSxJQUFJLElBQUlDLE9BQU87UUFDdkNNLFNBQVMsSUFBSVAsS0FBSyxNQUFNLEdBQUcsR0FBR0MsT0FBTztJQUN2QztJQUNBYSxNQUFNakI7QUFDUixFQUFFIn0=

package/lib/components/DescriptionList/DescriptionList.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export declare const DescriptionList: ({ className, ...props }: ComponentPropsWithoutRef<'dl'>) => import("react").JSX.Element;
+export declare const DescriptionTerm: ({ className, ...props }: ComponentPropsWithoutRef<'dt'>) => import("react").JSX.Element;
+export declare const DescriptionDetails: ({ className, ...props }: ComponentPropsWithoutRef<'dd'>) => import("react").JSX.Element;

package/lib/components/DescriptionList/DescriptionList.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+export const DescriptionList = ({ className, ...props })=>/*#__PURE__*/ _jsx("dl", {
+        className: cn('grid grid-cols-1 text-base/6 sm:grid-cols-[min(50%,20rem)_auto] sm:text-sm/6', className),
+        "data-slot": "description-list",
+        ...props
+    });
+export const DescriptionTerm = ({ className, ...props })=>/*#__PURE__*/ _jsx("dt", {
+        className: cn('col-start-1 border-t border-border pt-3 text-muted-foreground first:border-none sm:py-3 dark:border-border-dark dark:text-muted-foreground-dark', className),
+        "data-slot": "description-term",
+        ...props
+    });
+export const DescriptionDetails = ({ className, ...props })=>/*#__PURE__*/ _jsx("dd", {
+        className: cn('pt-1 pb-3 text-foreground sm:border-t sm:border-border sm:py-3 sm:[&:nth-of-type(1)]:border-none dark:text-foreground-dark dark:sm:border-border-dark', className),
+        "data-slot": "description-details",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Rlc2NyaXB0aW9uTGlzdC9EZXNjcmlwdGlvbkxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5cbmltcG9ydCB0eXBlIHtDb21wb25lbnRQcm9wc1dpdGhvdXRSZWZ9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uTGlzdCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IENvbXBvbmVudFByb3BzV2l0aG91dFJlZjwnZGwnPikgPT4gKFxuICA8ZGxcbiAgICBjbGFzc05hbWU9e2NuKCdncmlkIGdyaWQtY29scy0xIHRleHQtYmFzZS82IHNtOmdyaWQtY29scy1bbWluKDUwJSwyMHJlbSlfYXV0b10gc206dGV4dC1zbS82JywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJkZXNjcmlwdGlvbi1saXN0XCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25UZXJtID0gKHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdkdCc+KSA9PiAoXG4gIDxkdFxuICAgIGNsYXNzTmFtZT17Y24oJ2NvbC1zdGFydC0xIGJvcmRlci10IGJvcmRlci1ib3JkZXIgcHQtMyB0ZXh0LW11dGVkLWZvcmVncm91bmQgZmlyc3Q6Ym9yZGVyLW5vbmUgc206cHktMyBkYXJrOmJvcmRlci1ib3JkZXItZGFyayBkYXJrOnRleHQtbXV0ZWQtZm9yZWdyb3VuZC1kYXJrJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJkZXNjcmlwdGlvbi10ZXJtXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25EZXRhaWxzID0gKHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdkZCc+KSA9PiAoXG4gIDxkZFxuICAgIGNsYXNzTmFtZT17Y24oJ3B0LTEgcGItMyB0ZXh0LWZvcmVncm91bmQgc206Ym9yZGVyLXQgc206Ym9yZGVyLWJvcmRlciBzbTpweS0zIHNtOlsmOm50aC1vZi10eXBlKDEpXTpib3JkZXItbm9uZSBkYXJrOnRleHQtZm9yZWdyb3VuZC1kYXJrIGRhcms6c206Ym9yZGVyLWJvcmRlci1kYXJrJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJkZXNjcmlwdGlvbi1kZXRhaWxzXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuIl0sIm5hbWVzIjpbImNuIiwiRGVzY3JpcHRpb25MaXN0IiwiY2xhc3NOYW1lIiwicHJvcHMiLCJkbCIsImRhdGEtc2xvdCIsIkRlc2NyaXB0aW9uVGVybSIsImR0IiwiRGVzY3JpcHRpb25EZXRhaWxzIiwiZGQiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUloQyxPQUFPLE1BQU1DLGtCQUFrQixDQUFDLEVBQzlCQyxTQUFTLEVBQ1QsR0FBR0MsT0FDNEIsaUJBQy9CLEtBQUNDO1FBQ0NGLFdBQVdGLEdBQUcsZ0ZBQWdGRTtRQUM5RkcsYUFBVTtRQUNULEdBQUdGLEtBQUs7T0FFWDtBQUVGLE9BQU8sTUFBTUcsa0JBQWtCLENBQUMsRUFDOUJKLFNBQVMsRUFDVCxHQUFHQyxPQUM0QixpQkFDL0IsS0FBQ0k7UUFDQ0wsV0FBV0YsR0FBRyxtSkFBbUpFO1FBQ2pLRyxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNSyxxQkFBcUIsQ0FBQyxFQUNqQ04sU0FBUyxFQUNULEdBQUdDLE9BQzRCLGlCQUMvQixLQUFDTTtRQUNDUCxXQUFXRixHQUFHLHlKQUF5SkU7UUFDdktHLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVgifQ==

package/lib/components/DescriptionList/DescriptionList.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { DescriptionDetails, DescriptionList, DescriptionTerm } from './DescriptionList.js';
+const meta = {
+    component: DescriptionList,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/DescriptionList'
+};
+export default meta;
+export const Default = {
+    play: interactWithCanvas,
+    render: ()=>/*#__PURE__*/ _jsxs(DescriptionList, {
+            className: "w-96",
+            children: [
+                /*#__PURE__*/ _jsx(DescriptionTerm, {
+                    children: "Status"
+                }),
+                /*#__PURE__*/ _jsx(DescriptionDetails, {
+                    children: "Active"
+                }),
+                /*#__PURE__*/ _jsx(DescriptionTerm, {
+                    children: "Owner"
+                }),
+                /*#__PURE__*/ _jsx(DescriptionDetails, {
+                    children: "Nitrogen Labs"
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Rlc2NyaXB0aW9uTGlzdC9EZXNjcmlwdGlvbkxpc3Quc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7aW50ZXJhY3RXaXRoQ2FudmFzfSBmcm9tICcuLi8uLi91dGlscy9zdG9yeUludGVyYWN0aW9ucy5qcyc7XG5pbXBvcnQge0Rlc2NyaXB0aW9uRGV0YWlscywgRGVzY3JpcHRpb25MaXN0LCBEZXNjcmlwdGlvblRlcm19IGZyb20gJy4vRGVzY3JpcHRpb25MaXN0LmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIERlc2NyaXB0aW9uTGlzdD4gPSB7XG4gIGNvbXBvbmVudDogRGVzY3JpcHRpb25MaXN0LFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9EZXNjcmlwdGlvbkxpc3QnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIERlc2NyaXB0aW9uTGlzdD47XG5cbmV4cG9ydCBjb25zdCBEZWZhdWx0OiBTdG9yeSA9IHtcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzLFxuICByZW5kZXI6ICgpID0+IChcbiAgICA8RGVzY3JpcHRpb25MaXN0IGNsYXNzTmFtZT1cInctOTZcIj5cbiAgICAgIDxEZXNjcmlwdGlvblRlcm0+U3RhdHVzPC9EZXNjcmlwdGlvblRlcm0+XG4gICAgICA8RGVzY3JpcHRpb25EZXRhaWxzPkFjdGl2ZTwvRGVzY3JpcHRpb25EZXRhaWxzPlxuICAgICAgPERlc2NyaXB0aW9uVGVybT5Pd25lcjwvRGVzY3JpcHRpb25UZXJtPlxuICAgICAgPERlc2NyaXB0aW9uRGV0YWlscz5OaXRyb2dlbiBMYWJzPC9EZXNjcmlwdGlvbkRldGFpbHM+XG4gICAgPC9EZXNjcmlwdGlvbkxpc3Q+XG4gIClcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJEZXNjcmlwdGlvbkRldGFpbHMiLCJEZXNjcmlwdGlvbkxpc3QiLCJEZXNjcmlwdGlvblRlcm0iLCJtZXRhIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiRGVmYXVsdCIsInBsYXkiLCJyZW5kZXIiLCJjbGFzc05hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFDMUIsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBQ3BFLFNBQVFDLGtCQUFrQixFQUFFQyxlQUFlLEVBQUVDLGVBQWUsUUFBTyx1QkFBdUI7QUFJMUYsTUFBTUMsT0FBcUM7SUFDekNDLFdBQVdIO0lBQ1hJLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxVQUFpQjtJQUM1QkMsTUFBTVY7SUFDTlcsUUFBUSxrQkFDTixNQUFDVDtZQUFnQlUsV0FBVTs7OEJBQ3pCLEtBQUNUOzhCQUFnQjs7OEJBQ2pCLEtBQUNGOzhCQUFtQjs7OEJBQ3BCLEtBQUNFOzhCQUFnQjs7OEJBQ2pCLEtBQUNGOzhCQUFtQjs7OztBQUcxQixFQUFFIn0=

package/lib/components/Dialog/Dialog.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClose'> {
+    readonly children?: ReactNode;
+    readonly open: boolean;
+    readonly onClose: (open: boolean) => void;
+    readonly size?: DialogSize;
+}
+export declare const Dialog: ({ children, className, onClose, open, size, ...props }: DialogProps) => import("react").JSX.Element;
+export interface DialogTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    readonly ref?: Ref<HTMLHeadingElement>;
+}
+export declare const DialogTitle: ({ className, ref, ...props }: DialogTitleProps) => import("react").JSX.Element;
+export interface DialogDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    readonly ref?: Ref<HTMLParagraphElement>;
+}
+export declare const DialogDescription: ({ className, ref, ...props }: DialogDescriptionProps) => import("react").JSX.Element;
+export interface DialogBodyProps extends HTMLAttributes<HTMLDivElement> {
+    readonly ref?: Ref<HTMLDivElement>;
+}
+export declare const DialogBody: ({ className, ref, ...props }: DialogBodyProps) => import("react").JSX.Element;
+export interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
+    readonly ref?: Ref<HTMLDivElement>;
+}
+export declare const DialogActions: ({ className, ref, ...props }: DialogActionsProps) => import("react").JSX.Element;

package/lib/components/Dialog/Dialog.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as HeadlessDialog, DialogPanel, DialogTitle as HeadlessDialogTitle, Description } from '@headlessui/react';
+import { cn } from '@nlabs/utils';
+const dialogSizeClasses = {
+    '2xl': 'sm:max-w-2xl',
+    '3xl': 'sm:max-w-3xl',
+    '4xl': 'sm:max-w-4xl',
+    '5xl': 'sm:max-w-5xl',
+    lg: 'sm:max-w-lg',
+    md: 'sm:max-w-md',
+    sm: 'sm:max-w-sm',
+    xl: 'sm:max-w-xl',
+    xs: 'sm:max-w-xs'
+};
+export const Dialog = ({ children, className, onClose, open, size = 'lg', ...props })=>/*#__PURE__*/ _jsxs(HeadlessDialog, {
+        className: "relative z-50",
+        "data-slot": "dialog",
+        onClose: onClose,
+        open: open,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "fixed inset-0 bg-zinc-900/45 backdrop-blur-md",
+                "data-slot": "dialog-backdrop"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "fixed inset-0 w-screen overflow-y-auto p-4 sm:p-6 md:p-8",
+                "data-slot": "dialog-scroll-container",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "flex min-h-full items-end justify-center sm:items-center",
+                    "data-slot": "dialog-container",
+                    children: /*#__PURE__*/ _jsx(DialogPanel, {
+                        className: cn('w-full rounded-2xl border border-white/70 bg-white/95 p-6 shadow-2xl shadow-zinc-950/25 ring-1 ring-zinc-950/5 backdrop-blur-xl sm:p-7 dark:border-white/10 dark:bg-zinc-900/95 dark:ring-white/10', dialogSizeClasses[size], className),
+                        "data-slot": "dialog-panel",
+                        ...props,
+                        children: children
+                    })
+                })
+            })
+        ]
+    });
+export const DialogTitle = ({ className, ref, ...props })=>/*#__PURE__*/ _jsx(HeadlessDialogTitle, {
+        className: cn('text-lg font-semibold tracking-tight text-zinc-950 dark:text-white', className),
+        "data-slot": "dialog-title",
+        ref: ref,
+        ...props
+    });
+export const DialogDescription = ({ className, ref, ...props })=>/*#__PURE__*/ _jsx(Description, {
+        className: cn('mt-2 text-sm/6 text-zinc-600 dark:text-zinc-400', className),
+        "data-slot": "dialog-description",
+        ref: ref,
+        ...props
+    });
+export const DialogBody = ({ className, ref, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('mt-6 max-h-[65vh] overflow-y-auto text-sm/6 text-zinc-950 dark:text-white', className),
+        "data-slot": "dialog-body",
+        ref: ref,
+        ...props
+    });
+export const DialogActions = ({ className, ref, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('mt-8 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end', className),
+        "data-slot": "dialog-actions",
+        ref: ref,
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpYWxvZyBhcyBIZWFkbGVzc0RpYWxvZyxcbiAgRGlhbG9nUGFuZWwsXG4gIERpYWxvZ1RpdGxlIGFzIEhlYWRsZXNzRGlhbG9nVGl0bGUsXG4gIERlc2NyaXB0aW9uXG59IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5cbmltcG9ydCB0eXBlIHtIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlLCBSZWZ9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgRGlhbG9nU2l6ZSA9ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJzJ4bCcgfCAnM3hsJyB8ICc0eGwnIHwgJzV4bCc7XG5cbmNvbnN0IGRpYWxvZ1NpemVDbGFzc2VzOiBSZWNvcmQ8RGlhbG9nU2l6ZSwgc3RyaW5nPiA9IHtcbiAgJzJ4bCc6ICdzbTptYXgtdy0yeGwnLFxuICAnM3hsJzogJ3NtOm1heC13LTN4bCcsXG4gICc0eGwnOiAnc206bWF4LXctNHhsJyxcbiAgJzV4bCc6ICdzbTptYXgtdy01eGwnLFxuICBsZzogJ3NtOm1heC13LWxnJyxcbiAgbWQ6ICdzbTptYXgtdy1tZCcsXG4gIHNtOiAnc206bWF4LXctc20nLFxuICB4bDogJ3NtOm1heC13LXhsJyxcbiAgeHM6ICdzbTptYXgtdy14cydcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nUHJvcHMgZXh0ZW5kcyBPbWl0PEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgJ29uQ2xvc2UnPiB7XG4gIHJlYWRvbmx5IGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICByZWFkb25seSBvcGVuOiBib29sZWFuO1xuICByZWFkb25seSBvbkNsb3NlOiAob3BlbjogYm9vbGVhbikgPT4gdm9pZDtcbiAgcmVhZG9ubHkgc2l6ZT86IERpYWxvZ1NpemU7XG59XG5cbmV4cG9ydCBjb25zdCBEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBvbkNsb3NlLFxuICBvcGVuLFxuICBzaXplID0gJ2xnJyxcbiAgLi4ucHJvcHNcbn06IERpYWxvZ1Byb3BzKSA9PiAoXG4gIDxIZWFkbGVzc0RpYWxvZyBjbGFzc05hbWU9XCJyZWxhdGl2ZSB6LTUwXCIgZGF0YS1zbG90PVwiZGlhbG9nXCIgb25DbG9zZT17b25DbG9zZX0gb3Blbj17b3Blbn0+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJmaXhlZCBpbnNldC0wIGJnLXppbmMtOTAwLzQ1IGJhY2tkcm9wLWJsdXItbWRcIiBkYXRhLXNsb3Q9XCJkaWFsb2ctYmFja2Ryb3BcIiAvPlxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZml4ZWQgaW5zZXQtMCB3LXNjcmVlbiBvdmVyZmxvdy15LWF1dG8gcC00IHNtOnAtNiBtZDpwLThcIiBkYXRhLXNsb3Q9XCJkaWFsb2ctc2Nyb2xsLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IG1pbi1oLWZ1bGwgaXRlbXMtZW5kIGp1c3RpZnktY2VudGVyIHNtOml0ZW1zLWNlbnRlclwiIGRhdGEtc2xvdD1cImRpYWxvZy1jb250YWluZXJcIj5cbiAgICAgICAgPERpYWxvZ1BhbmVsXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICd3LWZ1bGwgcm91bmRlZC0yeGwgYm9yZGVyIGJvcmRlci13aGl0ZS83MCBiZy13aGl0ZS85NSBwLTYgc2hhZG93LTJ4bCBzaGFkb3ctemluYy05NTAvMjUgcmluZy0xIHJpbmctemluYy05NTAvNSBiYWNrZHJvcC1ibHVyLXhsIHNtOnAtNyBkYXJrOmJvcmRlci13aGl0ZS8xMCBkYXJrOmJnLXppbmMtOTAwLzk1IGRhcms6cmluZy13aGl0ZS8xMCcsXG4gICAgICAgICAgICBkaWFsb2dTaXplQ2xhc3Nlc1tzaXplXSxcbiAgICAgICAgICAgIGNsYXNzTmFtZVxuICAgICAgICAgICl9XG4gICAgICAgICAgZGF0YS1zbG90PVwiZGlhbG9nLXBhbmVsXCJcbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRGlhbG9nUGFuZWw+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9IZWFkbGVzc0RpYWxvZz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nVGl0bGVQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxIZWFkaW5nRWxlbWVudD4ge1xuICByZWFkb25seSByZWY/OiBSZWY8SFRNTEhlYWRpbmdFbGVtZW50Pjtcbn1cblxuZXhwb3J0IGNvbnN0IERpYWxvZ1RpdGxlID0gKHtcbiAgY2xhc3NOYW1lLFxuICByZWYsXG4gIC4uLnByb3BzXG59OiBEaWFsb2dUaXRsZVByb3BzKSA9PiAoXG4gIDxIZWFkbGVzc0RpYWxvZ1RpdGxlXG4gICAgY2xhc3NOYW1lPXtjbigndGV4dC1sZyBmb250LXNlbWlib2xkIHRyYWNraW5nLXRpZ2h0IHRleHQtemluYy05NTAgZGFyazp0ZXh0LXdoaXRlJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJkaWFsb2ctdGl0bGVcIlxuICAgIHJlZj17cmVmfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nRGVzY3JpcHRpb25Qcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxQYXJhZ3JhcGhFbGVtZW50PiB7XG4gIHJlYWRvbmx5IHJlZj86IFJlZjxIVE1MUGFyYWdyYXBoRWxlbWVudD47XG59XG5cbmV4cG9ydCBjb25zdCBEaWFsb2dEZXNjcmlwdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgcmVmLFxuICAuLi5wcm9wc1xufTogRGlhbG9nRGVzY3JpcHRpb25Qcm9wcykgPT4gKFxuICA8RGVzY3JpcHRpb25cbiAgICBjbGFzc05hbWU9e2NuKCdtdC0yIHRleHQtc20vNiB0ZXh0LXppbmMtNjAwIGRhcms6dGV4dC16aW5jLTQwMCcsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiZGlhbG9nLWRlc2NyaXB0aW9uXCJcbiAgICByZWY9e3JlZn1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0JvZHlQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IHJlZj86IFJlZjxIVE1MRGl2RWxlbWVudD47XG59XG5cbmV4cG9ydCBjb25zdCBEaWFsb2dCb2R5ID0gKHtcbiAgY2xhc3NOYW1lLFxuICByZWYsXG4gIC4uLnByb3BzXG59OiBEaWFsb2dCb2R5UHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oJ210LTYgbWF4LWgtWzY1dmhdIG92ZXJmbG93LXktYXV0byB0ZXh0LXNtLzYgdGV4dC16aW5jLTk1MCBkYXJrOnRleHQtd2hpdGUnLCBjbGFzc05hbWUpfVxuICAgIGRhdGEtc2xvdD1cImRpYWxvZy1ib2R5XCJcbiAgICByZWY9e3JlZn1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0FjdGlvbnNQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IHJlZj86IFJlZjxIVE1MRGl2RWxlbWVudD47XG59XG5cbmV4cG9ydCBjb25zdCBEaWFsb2dBY3Rpb25zID0gKHtcbiAgY2xhc3NOYW1lLFxuICByZWYsXG4gIC4uLnByb3BzXG59OiBEaWFsb2dBY3Rpb25zUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oJ210LTggZmxleCBmbGV4LWNvbC1yZXZlcnNlIGdhcC0zIHNtOmZsZXgtcm93IHNtOmp1c3RpZnktZW5kJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJkaWFsb2ctYWN0aW9uc1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcbiJdLCJuYW1lcyI6WyJEaWFsb2ciLCJIZWFkbGVzc0RpYWxvZyIsIkRpYWxvZ1BhbmVsIiwiRGlhbG9nVGl0bGUiLCJIZWFkbGVzc0RpYWxvZ1RpdGxlIiwiRGVzY3JpcHRpb24iLCJjbiIsImRpYWxvZ1NpemVDbGFzc2VzIiwibGciLCJtZCIsInNtIiwieGwiLCJ4cyIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwib25DbG9zZSIsIm9wZW4iLCJzaXplIiwicHJvcHMiLCJkYXRhLXNsb3QiLCJkaXYiLCJyZWYiLCJEaWFsb2dEZXNjcmlwdGlvbiIsIkRpYWxvZ0JvZHkiLCJEaWFsb2dBY3Rpb25zIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FDRUEsVUFBVUMsY0FBYyxFQUN4QkMsV0FBVyxFQUNYQyxlQUFlQyxtQkFBbUIsRUFDbENDLFdBQVcsUUFDTixvQkFBb0I7QUFDM0IsU0FBUUMsRUFBRSxRQUFPLGVBQWU7QUFNaEMsTUFBTUMsb0JBQWdEO0lBQ3BELE9BQU87SUFDUCxPQUFPO0lBQ1AsT0FBTztJQUNQLE9BQU87SUFDUEMsSUFBSTtJQUNKQyxJQUFJO0lBQ0pDLElBQUk7SUFDSkMsSUFBSTtJQUNKQyxJQUFJO0FBQ047QUFTQSxPQUFPLE1BQU1aLFNBQVMsQ0FBQyxFQUNyQmEsUUFBUSxFQUNSQyxTQUFTLEVBQ1RDLE9BQU8sRUFDUEMsSUFBSSxFQUNKQyxPQUFPLElBQUksRUFDWCxHQUFHQyxPQUNTLGlCQUNaLE1BQUNqQjtRQUFlYSxXQUFVO1FBQWdCSyxhQUFVO1FBQVNKLFNBQVNBO1FBQVNDLE1BQU1BOzswQkFDbkYsS0FBQ0k7Z0JBQUlOLFdBQVU7Z0JBQWdESyxhQUFVOzswQkFDekUsS0FBQ0M7Z0JBQUlOLFdBQVU7Z0JBQTJESyxhQUFVOzBCQUNsRixjQUFBLEtBQUNDO29CQUFJTixXQUFVO29CQUEyREssYUFBVTs4QkFDbEYsY0FBQSxLQUFDakI7d0JBQ0NZLFdBQVdSLEdBQ1Qsc01BQ0FDLGlCQUFpQixDQUFDVSxLQUFLLEVBQ3ZCSDt3QkFFRkssYUFBVTt3QkFDVCxHQUFHRCxLQUFLO2tDQUVSTDs7Ozs7T0FLVDtBQU1GLE9BQU8sTUFBTVYsY0FBYyxDQUFDLEVBQzFCVyxTQUFTLEVBQ1RPLEdBQUcsRUFDSCxHQUFHSCxPQUNjLGlCQUNqQixLQUFDZDtRQUNDVSxXQUFXUixHQUFHLHNFQUFzRVE7UUFDcEZLLGFBQVU7UUFDVkUsS0FBS0E7UUFDSixHQUFHSCxLQUFLO09BRVg7QUFNRixPQUFPLE1BQU1JLG9CQUFvQixDQUFDLEVBQ2hDUixTQUFTLEVBQ1RPLEdBQUcsRUFDSCxHQUFHSCxPQUNvQixpQkFDdkIsS0FBQ2I7UUFDQ1MsV0FBV1IsR0FBRyxtREFBbURRO1FBQ2pFSyxhQUFVO1FBQ1ZFLEtBQUtBO1FBQ0osR0FBR0gsS0FBSztPQUVYO0FBTUYsT0FBTyxNQUFNSyxhQUFhLENBQUMsRUFDekJULFNBQVMsRUFDVE8sR0FBRyxFQUNILEdBQUdILE9BQ2EsaUJBQ2hCLEtBQUNFO1FBQ0NOLFdBQVdSLEdBQUcsNkVBQTZFUTtRQUMzRkssYUFBVTtRQUNWRSxLQUFLQTtRQUNKLEdBQUdILEtBQUs7T0FFWDtBQU1GLE9BQU8sTUFBTU0sZ0JBQWdCLENBQUMsRUFDNUJWLFNBQVMsRUFDVE8sR0FBRyxFQUNILEdBQUdILE9BQ2dCLGlCQUNuQixLQUFDRTtRQUNDTixXQUFXUixHQUFHLCtEQUErRFE7UUFDN0VLLGFBQVU7UUFDVkUsS0FBS0E7UUFDSixHQUFHSCxLQUFLO09BRVgifQ==

package/lib/components/Dialog/Dialog.stories.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Button } from '../Button/Button.js';
+import { Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle } from './Dialog.js';
+const DialogStory = (args)=>{
+    const [open, setOpen] = useState(args.open ?? true);
+    useEffect(()=>{
+        setOpen(args.open ?? true);
+    }, [
+        args.open
+    ]);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                label: "Open dialog",
+                onClick: ()=>setOpen(true)
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                ...args,
+                onClose: setOpen,
+                open: open,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: "Archive project"
+                    }),
+                    /*#__PURE__*/ _jsx(DialogDescription, {
+                        children: "Archived projects can be restored from workspace settings."
+                    }),
+                    /*#__PURE__*/ _jsx(DialogBody, {
+                        children: "Use this dialog to confirm a destructive workflow without leaving the current task."
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                label: "Cancel",
+                                onClick: ()=>setOpen(false),
+                                variant: "outlined"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                color: "error",
+                                label: "Archive",
+                                onClick: ()=>setOpen(false)
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+const meta = {
+    argTypes: {
+        open: {
+            control: 'boolean'
+        },
+        size: {
+            control: 'select',
+            options: [
+                'xs',
+                'sm',
+                'md',
+                'lg',
+                'xl',
+                '2xl',
+                '3xl',
+                '4xl',
+                '5xl'
+            ]
+        }
+    },
+    component: Dialog,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Dialog'
+};
+export default meta;
+export const Default = {
+    args: {
+        open: true,
+        size: 'lg'
+    },
+    play: interactWithCanvas,
+    render: DialogStory
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7dXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi9CdXR0b24vQnV0dG9uLmpzJztcbmltcG9ydCB7RGlhbG9nLCBEaWFsb2dBY3Rpb25zLCBEaWFsb2dCb2R5LCBEaWFsb2dEZXNjcmlwdGlvbiwgRGlhbG9nVGl0bGV9IGZyb20gJy4vRGlhbG9nLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5pbXBvcnQgdHlwZSB7Q29tcG9uZW50UHJvcHN9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgRGlhbG9nU3RvcnkgPSAoYXJnczogT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgRGlhbG9nPiwgJ29uQ2xvc2UnIHwgJ29wZW4nPiAmIHtvcGVuPzogYm9vbGVhbn0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoYXJncy5vcGVuID8/IHRydWUpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0T3BlbihhcmdzLm9wZW4gPz8gdHJ1ZSk7XG4gIH0sIFthcmdzLm9wZW5dKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8QnV0dG9uIGxhYmVsPVwiT3BlbiBkaWFsb2dcIiBvbkNsaWNrPXsoKSA9PiBzZXRPcGVuKHRydWUpfSAvPlxuICAgICAgPERpYWxvZyB7Li4uYXJnc30gb25DbG9zZT17c2V0T3Blbn0gb3Blbj17b3Blbn0+XG4gICAgICAgIDxEaWFsb2dUaXRsZT5BcmNoaXZlIHByb2plY3Q8L0RpYWxvZ1RpdGxlPlxuICAgICAgICA8RGlhbG9nRGVzY3JpcHRpb24+QXJjaGl2ZWQgcHJvamVjdHMgY2FuIGJlIHJlc3RvcmVkIGZyb20gd29ya3NwYWNlIHNldHRpbmdzLjwvRGlhbG9nRGVzY3JpcHRpb24+XG4gICAgICAgIDxEaWFsb2dCb2R5PlVzZSB0aGlzIGRpYWxvZyB0byBjb25maXJtIGEgZGVzdHJ1Y3RpdmUgd29ya2Zsb3cgd2l0aG91dCBsZWF2aW5nIHRoZSBjdXJyZW50IHRhc2suPC9EaWFsb2dCb2R5PlxuICAgICAgICA8RGlhbG9nQWN0aW9ucz5cbiAgICAgICAgICA8QnV0dG9uIGxhYmVsPVwiQ2FuY2VsXCIgb25DbGljaz17KCkgPT4gc2V0T3BlbihmYWxzZSl9IHZhcmlhbnQ9XCJvdXRsaW5lZFwiIC8+XG4gICAgICAgICAgPEJ1dHRvbiBjb2xvcj1cImVycm9yXCIgbGFiZWw9XCJBcmNoaXZlXCIgb25DbGljaz17KCkgPT4gc2V0T3BlbihmYWxzZSl9IC8+XG4gICAgICAgIDwvRGlhbG9nQWN0aW9ucz5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvPlxuICApO1xufTtcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgRGlhbG9nPiA9IHtcbiAgYXJnVHlwZXM6IHtcbiAgICBvcGVuOiB7XG4gICAgICBjb250cm9sOiAnYm9vbGVhbidcbiAgICB9LFxuICAgIHNpemU6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgb3B0aW9uczogWyd4cycsICdzbScsICdtZCcsICdsZycsICd4bCcsICcyeGwnLCAnM3hsJywgJzR4bCcsICc1eGwnXVxuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBEaWFsb2csXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdjZW50ZXJlZCdcbiAgfSxcbiAgdGl0bGU6ICdDb21wb25lbnRzL0RpYWxvZydcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgRGlhbG9nPjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgb3BlbjogdHJ1ZSxcbiAgICBzaXplOiAnbGcnXG4gIH0gYXMgbmV2ZXIsXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhcyxcbiAgcmVuZGVyOiBEaWFsb2dTdG9yeSBhcyBuZXZlclxufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsInVzZUVmZmVjdCIsInVzZVN0YXRlIiwiaW50ZXJhY3RXaXRoQ2FudmFzIiwiQnV0dG9uIiwiRGlhbG9nIiwiRGlhbG9nQWN0aW9ucyIsIkRpYWxvZ0JvZHkiLCJEaWFsb2dEZXNjcmlwdGlvbiIsIkRpYWxvZ1RpdGxlIiwiRGlhbG9nU3RvcnkiLCJhcmdzIiwib3BlbiIsInNldE9wZW4iLCJsYWJlbCIsIm9uQ2xpY2siLCJvbkNsb3NlIiwidmFyaWFudCIsImNvbG9yIiwibWV0YSIsImFyZ1R5cGVzIiwiY29udHJvbCIsInNpemUiLCJvcHRpb25zIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiRGVmYXVsdCIsInBsYXkiLCJyZW5kZXIiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxTQUFRQyxTQUFTLEVBQUVDLFFBQVEsUUFBTyxRQUFRO0FBQ2pELFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxNQUFNLFFBQU8sc0JBQXNCO0FBQzNDLFNBQVFDLE1BQU0sRUFBRUMsYUFBYSxFQUFFQyxVQUFVLEVBQUVDLGlCQUFpQixFQUFFQyxXQUFXLFFBQU8sY0FBYztBQUs5RixNQUFNQyxjQUFjLENBQUNDO0lBQ25CLE1BQU0sQ0FBQ0MsTUFBTUMsUUFBUSxHQUFHWCxTQUFTUyxLQUFLQyxJQUFJLElBQUk7SUFFOUNYLFVBQVU7UUFDUlksUUFBUUYsS0FBS0MsSUFBSSxJQUFJO0lBQ3ZCLEdBQUc7UUFBQ0QsS0FBS0MsSUFBSTtLQUFDO0lBRWQscUJBQ0U7OzBCQUNFLEtBQUNSO2dCQUFPVSxPQUFNO2dCQUFjQyxTQUFTLElBQU1GLFFBQVE7OzBCQUNuRCxNQUFDUjtnQkFBUSxHQUFHTSxJQUFJO2dCQUFFSyxTQUFTSDtnQkFBU0QsTUFBTUE7O2tDQUN4QyxLQUFDSDtrQ0FBWTs7a0NBQ2IsS0FBQ0Q7a0NBQWtCOztrQ0FDbkIsS0FBQ0Q7a0NBQVc7O2tDQUNaLE1BQUNEOzswQ0FDQyxLQUFDRjtnQ0FBT1UsT0FBTTtnQ0FBU0MsU0FBUyxJQUFNRixRQUFRO2dDQUFRSSxTQUFROzswQ0FDOUQsS0FBQ2I7Z0NBQU9jLE9BQU07Z0NBQVFKLE9BQU07Z0NBQVVDLFNBQVMsSUFBTUYsUUFBUTs7Ozs7Ozs7QUFLdkU7QUFFQSxNQUFNTSxPQUE0QjtJQUNoQ0MsVUFBVTtRQUNSUixNQUFNO1lBQ0pTLFNBQVM7UUFDWDtRQUNBQyxNQUFNO1lBQ0pELFNBQVM7WUFDVEUsU0FBUztnQkFBQztnQkFBTTtnQkFBTTtnQkFBTTtnQkFBTTtnQkFBTTtnQkFBTztnQkFBTztnQkFBTzthQUFNO1FBQ3JFO0lBQ0Y7SUFDQUMsV0FBV25CO0lBQ1hvQixZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlUixLQUFLO0FBSXBCLE9BQU8sTUFBTVMsVUFBaUI7SUFDNUJqQixNQUFNO1FBQ0pDLE1BQU07UUFDTlUsTUFBTTtJQUNSO0lBQ0FPLE1BQU0xQjtJQUNOMkIsUUFBUXBCO0FBQ1YsRUFBRSJ9

package/lib/components/DropUpload/DropUpload.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+export type DropUploadRejectionReason = 'max-files' | 'max-size' | 'type';
+export interface DropUploadItem {
+    readonly file: File;
+    readonly id: string;
+    readonly previewUrl?: string;
+}
+export interface DropUploadRejection {
+    readonly file: File;
+    readonly reason: DropUploadRejectionReason;
+}
+export interface DropUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onDrop'> {
+    readonly accept?: string;
+    readonly browseLabel?: string;
+    readonly defaultFiles?: readonly File[];
+    readonly disabled?: boolean;
+    readonly files?: readonly File[];
+    readonly helperText?: ReactNode;
+    readonly imageOutputMimeType?: 'image/jpeg' | 'image/png' | 'image/webp';
+    readonly imageOutputQuality?: number;
+    readonly imageResizeTargetHeight?: number;
+    readonly imageResizeTargetWidth?: number;
+    readonly imageResizeUpscale?: boolean;
+    readonly label?: ReactNode;
+    readonly maxFileSize?: number;
+    readonly maxFiles?: number;
+    readonly multiple?: boolean;
+    readonly onFilesChange?: (files: File[], items: DropUploadItem[]) => void;
+    readonly onReject?: (rejections: DropUploadRejection[]) => void;
+    readonly previewClassName?: string;
+    readonly ref?: Ref<HTMLDivElement>;
+    readonly showPreviews?: boolean;
+    readonly transformImages?: boolean;
+}
+declare const DropUploadComponent: ({ accept, browseLabel, className, defaultFiles, disabled, files, helperText, imageOutputMimeType, imageOutputQuality, imageResizeTargetHeight, imageResizeTargetWidth, imageResizeUpscale, label, maxFileSize, maxFiles, multiple, onFilesChange, onReject, previewClassName, ref, showPreviews, transformImages, ...props }: DropUploadProps) => import("react").JSX.Element;
+export declare const DropUpload: import("react").MemoExoticComponent<typeof DropUploadComponent>;
+export {};