@nlabs/gothamui 1.8.0

package/lib/components/Checkbox/Checkbox.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo, useMemo, useState } from 'react';
+import { getCheckedClasses } from '../../utils/colorUtils.js';
+import { useGothamFormField } from '../Form/FormContext.js';
+const CheckboxComponent = ({ color = 'primary', label, defaultValue = false, description, error, containerClass = '', labelClass = '', name, optionClass = '', id, ...props })=>{
+    const form = useGothamFormField(name);
+    const [localChecked, setLocalChecked] = useState(defaultValue);
+    const optionClasses = useMemo(()=>cn(optionClass, getCheckedClasses(color)), [
+        color,
+        optionClass
+    ]);
+    const checkboxId = id || name || label.toLowerCase().replace(/\s+/g, '-');
+    const descriptionId = description ? `${checkboxId}-description` : undefined;
+    const currentValue = form?.value;
+    const uncontrolledChecked = typeof currentValue === 'boolean' ? currentValue : localChecked;
+    const checked = typeof props.checked === 'boolean' ? props.checked : uncontrolledChecked;
+    const handleChange = (event)=>{
+        if (!form) {
+            setLocalChecked(event.target.checked);
+        }
+        form?.setValue(name, event.target.checked);
+        form?.clearError(name);
+        props.onChange?.(event);
+    };
+    const baseCheckboxClasses = `
+    col-start-1 row-start-1 appearance-none rounded-sm border border-gray-300 bg-white
+    checked:border-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600
+    indeterminate:bg-indigo-600 focus-visible:outline-2 focus-visible:outline-offset-2
+    focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100
+    disabled:checked:bg-gray-100 forced-colors:appearance-auto
+    ${error ? 'border-red-300' : ''}
+  `.trim().replace(/\s+/g, ' ');
+    return /*#__PURE__*/ _jsx("fieldset", {
+        "aria-label": label,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: `flex gap-3 ${containerClass}`,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: "flex h-6 shrink-0 items-center",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "group grid size-4 grid-cols-1",
+                        children: [
+                            /*#__PURE__*/ _jsx("input", {
+                                ...props,
+                                "aria-describedby": descriptionId,
+                                checked: checked,
+                                className: `${baseCheckboxClasses} ${optionClasses}`,
+                                defaultChecked: checked === undefined ? Boolean(form?.defaultValue ?? defaultValue) : undefined,
+                                id: checkboxId,
+                                name: name,
+                                onChange: handleChange,
+                                type: "checkbox",
+                                value: "true"
+                            }),
+                            /*#__PURE__*/ _jsxs("svg", {
+                                className: "pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-disabled:stroke-gray-950/25",
+                                fill: "none",
+                                viewBox: "0 0 14 14",
+                                children: [
+                                    /*#__PURE__*/ _jsx("path", {
+                                        className: "opacity-0 group-has-checked:opacity-100",
+                                        d: "M3 8L6 11L11 3.5",
+                                        strokeLinecap: "round",
+                                        strokeLinejoin: "round",
+                                        strokeWidth: 2
+                                    }),
+                                    /*#__PURE__*/ _jsx("path", {
+                                        className: "opacity-0 group-has-indeterminate:opacity-100",
+                                        d: "M3 7H11",
+                                        strokeLinecap: "round",
+                                        strokeLinejoin: "round",
+                                        strokeWidth: 2
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "text-sm/6",
+                    children: [
+                        /*#__PURE__*/ _jsx("label", {
+                            className: `font-medium text-gray-900 ${labelClass}`,
+                            htmlFor: checkboxId,
+                            children: label
+                        }),
+                        description && /*#__PURE__*/ _jsx("p", {
+                            className: "text-gray-500",
+                            id: descriptionId,
+                            children: description
+                        }),
+                        error && /*#__PURE__*/ _jsx("p", {
+                            className: "text-red-600 mt-1",
+                            children: error
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export const Checkbox = /*#__PURE__*/ memo(CheckboxComponent);
+Checkbox.displayName = 'Checkbox';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2NufSBmcm9tICdAbmxhYnMvdXRpbHMnO1xuaW1wb3J0IHttZW1vLCB1c2VNZW1vLCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2dldENoZWNrZWRDbGFzc2VzfSBmcm9tICcuLi8uLi91dGlscy9jb2xvclV0aWxzLmpzJztcbmltcG9ydCB7dXNlR290aGFtRm9ybUZpZWxkfSBmcm9tICcuLi9Gb3JtL0Zvcm1Db250ZXh0LmpzJztcblxuaW1wb3J0IHR5cGUge0NoYW5nZUV2ZW50LCBJbnB1dEhUTUxBdHRyaWJ1dGVzfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hQcm9wcyBleHRlbmRzIE9taXQ8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3R5cGUnIHwgJ2NsYXNzTmFtZScgfCAnZGVmYXVsdFZhbHVlJz4ge1xuICBjb2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2Vycm9yJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJztcbiAgY29udGFpbmVyQ2xhc3M/OiBzdHJpbmc7XG4gIGRlZmF1bHRWYWx1ZT86IGJvb2xlYW47XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBlcnJvcj86IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgbGFiZWxDbGFzcz86IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBvcHRpb25DbGFzcz86IHN0cmluZztcbn1cblxuY29uc3QgQ2hlY2tib3hDb21wb25lbnQgPSAoe1xuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgbGFiZWwsXG4gIGRlZmF1bHRWYWx1ZSA9IGZhbHNlLFxuICBkZXNjcmlwdGlvbixcbiAgZXJyb3IsXG4gIGNvbnRhaW5lckNsYXNzID0gJycsXG4gIGxhYmVsQ2xhc3MgPSAnJyxcbiAgbmFtZSxcbiAgb3B0aW9uQ2xhc3MgPSAnJyxcbiAgaWQsXG4gIC4uLnByb3BzXG59OiBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm0gPSB1c2VHb3RoYW1Gb3JtRmllbGQobmFtZSk7XG4gIGNvbnN0IFtsb2NhbENoZWNrZWQsIHNldExvY2FsQ2hlY2tlZF0gPSB1c2VTdGF0ZShkZWZhdWx0VmFsdWUpO1xuICBjb25zdCBvcHRpb25DbGFzc2VzID0gdXNlTWVtbyhcbiAgICAoKSA9PiBjbihvcHRpb25DbGFzcywgZ2V0Q2hlY2tlZENsYXNzZXMoY29sb3IpKSxcbiAgICBbY29sb3IsIG9wdGlvbkNsYXNzXVxuICApO1xuICBjb25zdCBjaGVja2JveElkID0gaWQgfHwgbmFtZSB8fCBsYWJlbC50b0xvd2VyQ2FzZSgpLnJlcGxhY2UoL1xccysvZywgJy0nKTtcbiAgY29uc3QgZGVzY3JpcHRpb25JZCA9IGRlc2NyaXB0aW9uID8gYCR7Y2hlY2tib3hJZH0tZGVzY3JpcHRpb25gIDogdW5kZWZpbmVkO1xuICBjb25zdCBjdXJyZW50VmFsdWUgPSBmb3JtPy52YWx1ZTtcbiAgY29uc3QgdW5jb250cm9sbGVkQ2hlY2tlZCA9IHR5cGVvZiBjdXJyZW50VmFsdWUgPT09ICdib29sZWFuJyA/IGN1cnJlbnRWYWx1ZSA6IGxvY2FsQ2hlY2tlZDtcbiAgY29uc3QgY2hlY2tlZCA9IHR5cGVvZiBwcm9wcy5jaGVja2VkID09PSAnYm9vbGVhbicgPyBwcm9wcy5jaGVja2VkIDogdW5jb250cm9sbGVkQ2hlY2tlZDtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIGlmKCFmb3JtKSB7XG4gICAgICBzZXRMb2NhbENoZWNrZWQoZXZlbnQudGFyZ2V0LmNoZWNrZWQpO1xuICAgIH1cbiAgICBmb3JtPy5zZXRWYWx1ZShuYW1lLCBldmVudC50YXJnZXQuY2hlY2tlZCk7XG4gICAgZm9ybT8uY2xlYXJFcnJvcihuYW1lKTtcbiAgICBwcm9wcy5vbkNoYW5nZT8uKGV2ZW50KTtcbiAgfTtcbiAgY29uc3QgYmFzZUNoZWNrYm94Q2xhc3NlcyA9IGBcbiAgICBjb2wtc3RhcnQtMSByb3ctc3RhcnQtMSBhcHBlYXJhbmNlLW5vbmUgcm91bmRlZC1zbSBib3JkZXIgYm9yZGVyLWdyYXktMzAwIGJnLXdoaXRlXG4gICAgY2hlY2tlZDpib3JkZXItaW5kaWdvLTYwMCBjaGVja2VkOmJnLWluZGlnby02MDAgaW5kZXRlcm1pbmF0ZTpib3JkZXItaW5kaWdvLTYwMFxuICAgIGluZGV0ZXJtaW5hdGU6YmctaW5kaWdvLTYwMCBmb2N1cy12aXNpYmxlOm91dGxpbmUtMiBmb2N1cy12aXNpYmxlOm91dGxpbmUtb2Zmc2V0LTJcbiAgICBmb2N1cy12aXNpYmxlOm91dGxpbmUtaW5kaWdvLTYwMCBkaXNhYmxlZDpib3JkZXItZ3JheS0zMDAgZGlzYWJsZWQ6YmctZ3JheS0xMDBcbiAgICBkaXNhYmxlZDpjaGVja2VkOmJnLWdyYXktMTAwIGZvcmNlZC1jb2xvcnM6YXBwZWFyYW5jZS1hdXRvXG4gICAgJHtlcnJvciA/ICdib3JkZXItcmVkLTMwMCcgOiAnJ31cbiAgYC50cmltKCkucmVwbGFjZSgvXFxzKy9nLCAnICcpO1xuICByZXR1cm4gKFxuICAgIDxmaWVsZHNldCBhcmlhLWxhYmVsPXtsYWJlbH0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YGZsZXggZ2FwLTMgJHtjb250YWluZXJDbGFzc31gfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGgtNiBzaHJpbmstMCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImdyb3VwIGdyaWQgc2l6ZS00IGdyaWQtY29scy0xXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtkZXNjcmlwdGlvbklkfVxuICAgICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDaGVja2JveENsYXNzZXN9ICR7b3B0aW9uQ2xhc3Nlc31gfVxuICAgICAgICAgICAgICBkZWZhdWx0Q2hlY2tlZD17Y2hlY2tlZCA9PT0gdW5kZWZpbmVkID8gQm9vbGVhbihmb3JtPy5kZWZhdWx0VmFsdWUgPz8gZGVmYXVsdFZhbHVlKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgaWQ9e2NoZWNrYm94SWR9XG4gICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgIHZhbHVlPVwidHJ1ZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJwb2ludGVyLWV2ZW50cy1ub25lIGNvbC1zdGFydC0xIHJvdy1zdGFydC0xIHNpemUtMy41IHNlbGYtY2VudGVyIGp1c3RpZnktc2VsZi1jZW50ZXIgc3Ryb2tlLXdoaXRlIGdyb3VwLWhhcy1kaXNhYmxlZDpzdHJva2UtZ3JheS05NTAvMjVcIlxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMTQgMTRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm9wYWNpdHktMCBncm91cC1oYXMtY2hlY2tlZDpvcGFjaXR5LTEwMFwiXG4gICAgICAgICAgICAgICAgZD1cIk0zIDhMNiAxMUwxMSAzLjVcIlxuICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlTGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlV2lkdGg9ezJ9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwib3BhY2l0eS0wIGdyb3VwLWhhcy1pbmRldGVybWluYXRlOm9wYWNpdHktMTAwXCJcbiAgICAgICAgICAgICAgICBkPVwiTTMgN0gxMVwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD17Mn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInRleHQtc20vNlwiPlxuICAgICAgICAgIDxsYWJlbFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgZm9udC1tZWRpdW0gdGV4dC1ncmF5LTkwMCAke2xhYmVsQ2xhc3N9YH1cbiAgICAgICAgICAgIGh0bWxGb3I9e2NoZWNrYm94SWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxwIGNsYXNzTmFtZT1cInRleHQtZ3JheS01MDBcIiBpZD17ZGVzY3JpcHRpb25JZH0+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtlcnJvciAmJiAoXG4gICAgICAgICAgICA8cCBjbGFzc05hbWU9XCJ0ZXh0LXJlZC02MDAgbXQtMVwiPntlcnJvcn08L3A+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2ZpZWxkc2V0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gbWVtbyhDaGVja2JveENvbXBvbmVudCk7XG5DaGVja2JveC5kaXNwbGF5TmFtZSA9ICdDaGVja2JveCc7XG4iXSwibmFtZXMiOlsiY24iLCJtZW1vIiwidXNlTWVtbyIsInVzZVN0YXRlIiwiZ2V0Q2hlY2tlZENsYXNzZXMiLCJ1c2VHb3RoYW1Gb3JtRmllbGQiLCJDaGVja2JveENvbXBvbmVudCIsImNvbG9yIiwibGFiZWwiLCJkZWZhdWx0VmFsdWUiLCJkZXNjcmlwdGlvbiIsImVycm9yIiwiY29udGFpbmVyQ2xhc3MiLCJsYWJlbENsYXNzIiwibmFtZSIsIm9wdGlvbkNsYXNzIiwiaWQiLCJwcm9wcyIsImZvcm0iLCJsb2NhbENoZWNrZWQiLCJzZXRMb2NhbENoZWNrZWQiLCJvcHRpb25DbGFzc2VzIiwiY2hlY2tib3hJZCIsInRvTG93ZXJDYXNlIiwicmVwbGFjZSIsImRlc2NyaXB0aW9uSWQiLCJ1bmRlZmluZWQiLCJjdXJyZW50VmFsdWUiLCJ2YWx1ZSIsInVuY29udHJvbGxlZENoZWNrZWQiLCJjaGVja2VkIiwiaGFuZGxlQ2hhbmdlIiwiZXZlbnQiLCJ0YXJnZXQiLCJzZXRWYWx1ZSIsImNsZWFyRXJyb3IiLCJvbkNoYW5nZSIsImJhc2VDaGVja2JveENsYXNzZXMiLCJ0cmltIiwiZmllbGRzZXQiLCJhcmlhLWxhYmVsIiwiZGl2IiwiY2xhc3NOYW1lIiwiaW5wdXQiLCJhcmlhLWRlc2NyaWJlZGJ5IiwiZGVmYXVsdENoZWNrZWQiLCJCb29sZWFuIiwidHlwZSIsInN2ZyIsImZpbGwiLCJ2aWV3Qm94IiwicGF0aCIsImQiLCJzdHJva2VMaW5lY2FwIiwic3Ryb2tlTGluZWpvaW4iLCJzdHJva2VXaWR0aCIsImh0bWxGb3IiLCJwIiwiQ2hlY2tib3giLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBQ2hDLFNBQVFDLElBQUksRUFBRUMsT0FBTyxFQUFFQyxRQUFRLFFBQU8sUUFBUTtBQUU5QyxTQUFRQyxpQkFBaUIsUUFBTyw0QkFBNEI7QUFDNUQsU0FBUUMsa0JBQWtCLFFBQU8seUJBQXlCO0FBZ0IxRCxNQUFNQyxvQkFBb0IsQ0FBQyxFQUN6QkMsUUFBUSxTQUFTLEVBQ2pCQyxLQUFLLEVBQ0xDLGVBQWUsS0FBSyxFQUNwQkMsV0FBVyxFQUNYQyxLQUFLLEVBQ0xDLGlCQUFpQixFQUFFLEVBQ25CQyxhQUFhLEVBQUUsRUFDZkMsSUFBSSxFQUNKQyxjQUFjLEVBQUUsRUFDaEJDLEVBQUUsRUFDRixHQUFHQyxPQUNXO0lBQ2QsTUFBTUMsT0FBT2IsbUJBQW1CUztJQUNoQyxNQUFNLENBQUNLLGNBQWNDLGdCQUFnQixHQUFHakIsU0FBU007SUFDakQsTUFBTVksZ0JBQWdCbkIsUUFDcEIsSUFBTUYsR0FBR2UsYUFBYVgsa0JBQWtCRyxTQUN4QztRQUFDQTtRQUFPUTtLQUFZO0lBRXRCLE1BQU1PLGFBQWFOLE1BQU1GLFFBQVFOLE1BQU1lLFdBQVcsR0FBR0MsT0FBTyxDQUFDLFFBQVE7SUFDckUsTUFBTUMsZ0JBQWdCZixjQUFjLEdBQUdZLFdBQVcsWUFBWSxDQUFDLEdBQUdJO0lBQ2xFLE1BQU1DLGVBQWVULE1BQU1VO0lBQzNCLE1BQU1DLHNCQUFzQixPQUFPRixpQkFBaUIsWUFBWUEsZUFBZVI7SUFDL0UsTUFBTVcsVUFBVSxPQUFPYixNQUFNYSxPQUFPLEtBQUssWUFBWWIsTUFBTWEsT0FBTyxHQUFHRDtJQUNyRSxNQUFNRSxlQUFlLENBQUNDO1FBQ3BCLElBQUcsQ0FBQ2QsTUFBTTtZQUNSRSxnQkFBZ0JZLE1BQU1DLE1BQU0sQ0FBQ0gsT0FBTztRQUN0QztRQUNBWixNQUFNZ0IsU0FBU3BCLE1BQU1rQixNQUFNQyxNQUFNLENBQUNILE9BQU87UUFDekNaLE1BQU1pQixXQUFXckI7UUFDakJHLE1BQU1tQixRQUFRLEdBQUdKO0lBQ25CO0lBQ0EsTUFBTUssc0JBQXNCLENBQUM7Ozs7OztJQU0zQixFQUFFMUIsUUFBUSxtQkFBbUIsR0FBRztFQUNsQyxDQUFDLENBQUMyQixJQUFJLEdBQUdkLE9BQU8sQ0FBQyxRQUFRO0lBQ3pCLHFCQUNFLEtBQUNlO1FBQVNDLGNBQVloQztrQkFDcEIsY0FBQSxNQUFDaUM7WUFBSUMsV0FBVyxDQUFDLFdBQVcsRUFBRTlCLGdCQUFnQjs7OEJBQzVDLEtBQUM2QjtvQkFBSUMsV0FBVTs4QkFDYixjQUFBLE1BQUNEO3dCQUFJQyxXQUFVOzswQ0FDYixLQUFDQztnQ0FDRSxHQUFHMUIsS0FBSztnQ0FDVDJCLG9CQUFrQm5CO2dDQUNsQkssU0FBU0E7Z0NBQ1RZLFdBQVcsR0FBR0wsb0JBQW9CLENBQUMsRUFBRWhCLGVBQWU7Z0NBQ3BEd0IsZ0JBQWdCZixZQUFZSixZQUFZb0IsUUFBUTVCLE1BQU1ULGdCQUFnQkEsZ0JBQWdCaUI7Z0NBQ3RGVixJQUFJTTtnQ0FDSlIsTUFBTUE7Z0NBQ05zQixVQUFVTDtnQ0FDVmdCLE1BQUs7Z0NBQ0xuQixPQUFNOzswQ0FFUixNQUFDb0I7Z0NBQ0NOLFdBQVU7Z0NBQ1ZPLE1BQUs7Z0NBQ0xDLFNBQVE7O2tEQUVSLEtBQUNDO3dDQUNDVCxXQUFVO3dDQUNWVSxHQUFFO3dDQUNGQyxlQUFjO3dDQUNkQyxnQkFBZTt3Q0FDZkMsYUFBYTs7a0RBRWYsS0FBQ0o7d0NBQ0NULFdBQVU7d0NBQ1ZVLEdBQUU7d0NBQ0ZDLGVBQWM7d0NBQ2RDLGdCQUFlO3dDQUNmQyxhQUFhOzs7Ozs7OzhCQU1yQixNQUFDZDtvQkFBSUMsV0FBVTs7c0NBQ2IsS0FBQ2xDOzRCQUNDa0MsV0FBVyxDQUFDLDBCQUEwQixFQUFFN0IsWUFBWTs0QkFDcEQyQyxTQUFTbEM7c0NBRVJkOzt3QkFFRkUsNkJBQ0MsS0FBQytDOzRCQUFFZixXQUFVOzRCQUFnQjFCLElBQUlTO3NDQUM5QmY7O3dCQUdKQyx1QkFDQyxLQUFDOEM7NEJBQUVmLFdBQVU7c0NBQXFCL0I7Ozs7Ozs7QUFNOUM7QUFFQSxPQUFPLE1BQU0rQyx5QkFBV3pELEtBQUtLLG1CQUFtQjtBQUNoRG9ELFNBQVNDLFdBQVcsR0FBRyJ9

package/lib/components/Checkbox/Checkbox.stories.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Checkbox } from './Checkbox.js';
+const meta = {
+    argTypes: {
+        color: {
+            control: 'select',
+            options: [
+                'primary',
+                'secondary',
+                'error',
+                'success',
+                'warning'
+            ]
+        },
+        defaultValue: {
+            control: 'boolean'
+        },
+        description: {
+            control: 'text'
+        },
+        error: {
+            control: 'text'
+        },
+        label: {
+            control: 'text'
+        }
+    },
+    component: Checkbox,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Form/Checkbox'
+};
+export default meta;
+export const Default = {
+    args: {
+        color: 'primary',
+        defaultValue: false,
+        description: 'Receive release and security notifications.',
+        label: 'Subscribe to updates',
+        name: 'subscribe'
+    },
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsx(Checkbox, {
+            ...args
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7aW50ZXJhY3RXaXRoQ2FudmFzfSBmcm9tICcuLi8uLi91dGlscy9zdG9yeUludGVyYWN0aW9ucy5qcyc7XG5pbXBvcnQge0NoZWNrYm94fSBmcm9tICcuL0NoZWNrYm94LmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIENoZWNrYm94PiA9IHtcbiAgYXJnVHlwZXM6IHtcbiAgICBjb2xvcjoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ3ByaW1hcnknLCAnc2Vjb25kYXJ5JywgJ2Vycm9yJywgJ3N1Y2Nlc3MnLCAnd2FybmluZyddXG4gICAgfSxcbiAgICBkZWZhdWx0VmFsdWU6IHtcbiAgICAgIGNvbnRyb2w6ICdib29sZWFuJ1xuICAgIH0sXG4gICAgZGVzY3JpcHRpb246IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH0sXG4gICAgZXJyb3I6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH0sXG4gICAgbGFiZWw6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBDaGVja2JveCxcbiAgcGFyYW1ldGVyczoge1xuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvRm9ybS9DaGVja2JveCdcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgQ2hlY2tib3g+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRlZmF1bHRWYWx1ZTogZmFsc2UsXG4gICAgZGVzY3JpcHRpb246ICdSZWNlaXZlIHJlbGVhc2UgYW5kIHNlY3VyaXR5IG5vdGlmaWNhdGlvbnMuJyxcbiAgICBsYWJlbDogJ1N1YnNjcmliZSB0byB1cGRhdGVzJyxcbiAgICBuYW1lOiAnc3Vic2NyaWJlJ1xuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXMsXG4gIHJlbmRlcjogKGFyZ3MpID0+IDxDaGVja2JveCB7Li4uYXJnc30gLz5cbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJDaGVja2JveCIsIm1ldGEiLCJhcmdUeXBlcyIsImNvbG9yIiwiY29udHJvbCIsIm9wdGlvbnMiLCJkZWZhdWx0VmFsdWUiLCJkZXNjcmlwdGlvbiIsImVycm9yIiwibGFiZWwiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsIm5hbWUiLCJwbGF5IiwicmVuZGVyIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxRQUFRLFFBQU8sZ0JBQWdCO0FBSXZDLE1BQU1DLE9BQThCO0lBQ2xDQyxVQUFVO1FBQ1JDLE9BQU87WUFDTEMsU0FBUztZQUNUQyxTQUFTO2dCQUFDO2dCQUFXO2dCQUFhO2dCQUFTO2dCQUFXO2FBQVU7UUFDbEU7UUFDQUMsY0FBYztZQUNaRixTQUFTO1FBQ1g7UUFDQUcsYUFBYTtZQUNYSCxTQUFTO1FBQ1g7UUFDQUksT0FBTztZQUNMSixTQUFTO1FBQ1g7UUFDQUssT0FBTztZQUNMTCxTQUFTO1FBQ1g7SUFDRjtJQUNBTSxXQUFXVjtJQUNYVyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlWixLQUFLO0FBSXBCLE9BQU8sTUFBTWEsVUFBaUI7SUFDNUJDLE1BQU07UUFDSlosT0FBTztRQUNQRyxjQUFjO1FBQ2RDLGFBQWE7UUFDYkUsT0FBTztRQUNQTyxNQUFNO0lBQ1I7SUFDQUMsTUFBTWxCO0lBQ05tQixRQUFRLENBQUNILHFCQUFTLEtBQUNmO1lBQVUsR0FBR2UsSUFBSTs7QUFDdEMsRUFBRSJ9

package/lib/components/ComponentUtils/renderWithAsChild.d.ts

@@ -0,0 +1,9 @@
+import type { ElementType, ReactNode } from 'react';
+type AsChildProps = {
+    readonly as?: ElementType;
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+    readonly className?: string;
+};
+export declare const renderWithAsChild: <Props extends AsChildProps>({ as: Comp, asChild, children, className, ...props }: Props, dataAttributes?: Record<string, string | undefined>) => import("react").JSX.Element | null;
+export {};

package/lib/components/ComponentUtils/renderWithAsChild.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, cloneElement, isValidElement } from 'react';
+export const renderWithAsChild = ({ as: Comp = 'div', asChild = false, children, className, ...props }, dataAttributes = {})=>{
+    if (asChild) {
+        const child = Children.only(children);
+        if (!/*#__PURE__*/ isValidElement(child)) {
+            return null;
+        }
+        const element = child;
+        return /*#__PURE__*/ cloneElement(element, {
+            ...dataAttributes,
+            ...props,
+            className: [
+                element.props.className,
+                className
+            ].filter(Boolean).join(' ')
+        });
+    }
+    return /*#__PURE__*/ _jsx(Comp, {
+        ...dataAttributes,
+        ...props,
+        className: className,
+        children: children
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NvbXBvbmVudFV0aWxzL3JlbmRlcldpdGhBc0NoaWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoaWxkcmVuLCBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50fSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtFbGVtZW50VHlwZSwgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcblxudHlwZSBBc0NoaWxkUHJvcHMgPSB7XG4gIHJlYWRvbmx5IGFzPzogRWxlbWVudFR5cGU7XG4gIHJlYWRvbmx5IGFzQ2hpbGQ/OiBib29sZWFuO1xuICByZWFkb25seSBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlcldpdGhBc0NoaWxkID0gPFByb3BzIGV4dGVuZHMgQXNDaGlsZFByb3BzPihcbiAge1xuICAgIGFzOiBDb21wID0gJ2RpdicsXG4gICAgYXNDaGlsZCA9IGZhbHNlLFxuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5wcm9wc1xuICB9OiBQcm9wcyxcbiAgZGF0YUF0dHJpYnV0ZXM6IFJlY29yZDxzdHJpbmcsIHN0cmluZyB8IHVuZGVmaW5lZD4gPSB7fVxuKSA9PiB7XG4gIGlmKGFzQ2hpbGQpIHtcbiAgICBjb25zdCBjaGlsZCA9IENoaWxkcmVuLm9ubHkoY2hpbGRyZW4pO1xuXG4gICAgaWYoIWlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgY29uc3QgZWxlbWVudCA9IGNoaWxkIGFzIFJlYWN0RWxlbWVudDx7Y2xhc3NOYW1lPzogc3RyaW5nfT47XG5cbiAgICByZXR1cm4gY2xvbmVFbGVtZW50KGVsZW1lbnQsIHtcbiAgICAgIC4uLmRhdGFBdHRyaWJ1dGVzLFxuICAgICAgLi4ucHJvcHMsXG4gICAgICBjbGFzc05hbWU6IFtlbGVtZW50LnByb3BzLmNsYXNzTmFtZSwgY2xhc3NOYW1lXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpXG4gICAgfSk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDb21wXG4gICAgICB7Li4uZGF0YUF0dHJpYnV0ZXN9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Db21wPlxuICApO1xufTtcbiJdLCJuYW1lcyI6WyJDaGlsZHJlbiIsImNsb25lRWxlbWVudCIsImlzVmFsaWRFbGVtZW50IiwicmVuZGVyV2l0aEFzQ2hpbGQiLCJhcyIsIkNvbXAiLCJhc0NoaWxkIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJwcm9wcyIsImRhdGFBdHRyaWJ1dGVzIiwiY2hpbGQiLCJvbmx5IiwiZWxlbWVudCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsUUFBUSxFQUFFQyxZQUFZLEVBQUVDLGNBQWMsUUFBTyxRQUFRO0FBVzdELE9BQU8sTUFBTUMsb0JBQW9CLENBQy9CLEVBQ0VDLElBQUlDLE9BQU8sS0FBSyxFQUNoQkMsVUFBVSxLQUFLLEVBQ2ZDLFFBQVEsRUFDUkMsU0FBUyxFQUNULEdBQUdDLE9BQ0csRUFDUkMsaUJBQXFELENBQUMsQ0FBQztJQUV2RCxJQUFHSixTQUFTO1FBQ1YsTUFBTUssUUFBUVgsU0FBU1ksSUFBSSxDQUFDTDtRQUU1QixJQUFHLGVBQUNMLGVBQWVTLFFBQVE7WUFDekIsT0FBTztRQUNUO1FBRUEsTUFBTUUsVUFBVUY7UUFFaEIscUJBQU9WLGFBQWFZLFNBQVM7WUFDM0IsR0FBR0gsY0FBYztZQUNqQixHQUFHRCxLQUFLO1lBQ1JELFdBQVc7Z0JBQUNLLFFBQVFKLEtBQUssQ0FBQ0QsU0FBUztnQkFBRUE7YUFBVSxDQUFDTSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUN2RTtJQUNGO0lBRUEscUJBQ0UsS0FBQ1g7UUFDRSxHQUFHSyxjQUFjO1FBQ2pCLEdBQUdELEtBQUs7UUFDVEQsV0FBV0E7a0JBRVZEOztBQUdQLEVBQUUifQ==

package/lib/components/Container/Container.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'react';
+export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    readonly bleed?: boolean;
+    readonly size?: ContainerSize;
+}
+export declare const Container: ({ bleed, className, size, ...props }: ContainerProps) => import("react").JSX.Element;

package/lib/components/Container/Container.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+const sizeClasses = {
+    full: 'max-w-none',
+    lg: 'max-w-5xl',
+    md: 'max-w-3xl',
+    sm: 'max-w-2xl',
+    xl: 'max-w-7xl'
+};
+export const Container = ({ bleed = false, className, size = 'xl', ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('mx-auto w-full', sizeClasses[size], !bleed && 'px-4 sm:px-6 lg:px-8', className),
+        "data-slot": "container",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5cbmltcG9ydCB0eXBlIHtIVE1MQXR0cmlidXRlc30gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBDb250YWluZXJTaXplID0gJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyB8ICdmdWxsJztcblxuZXhwb3J0IGludGVyZmFjZSBDb250YWluZXJQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IGJsZWVkPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgc2l6ZT86IENvbnRhaW5lclNpemU7XG59XG5cbmNvbnN0IHNpemVDbGFzc2VzOiBSZWNvcmQ8Q29udGFpbmVyU2l6ZSwgc3RyaW5nPiA9IHtcbiAgZnVsbDogJ21heC13LW5vbmUnLFxuICBsZzogJ21heC13LTV4bCcsXG4gIG1kOiAnbWF4LXctM3hsJyxcbiAgc206ICdtYXgtdy0yeGwnLFxuICB4bDogJ21heC13LTd4bCdcbn07XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSAoe1xuICBibGVlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHNpemUgPSAneGwnLFxuICAuLi5wcm9wc1xufTogQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAnbXgtYXV0byB3LWZ1bGwnLFxuICAgICAgc2l6ZUNsYXNzZXNbc2l6ZV0sXG4gICAgICAhYmxlZWQgJiYgJ3B4LTQgc206cHgtNiBsZzpweC04JyxcbiAgICAgIGNsYXNzTmFtZVxuICAgICl9XG4gICAgZGF0YS1zbG90PVwiY29udGFpbmVyXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuIl0sIm5hbWVzIjpbImNuIiwic2l6ZUNsYXNzZXMiLCJmdWxsIiwibGciLCJtZCIsInNtIiwieGwiLCJDb250YWluZXIiLCJibGVlZCIsImNsYXNzTmFtZSIsInNpemUiLCJwcm9wcyIsImRpdiIsImRhdGEtc2xvdCJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBV2hDLE1BQU1DLGNBQTZDO0lBQ2pEQyxNQUFNO0lBQ05DLElBQUk7SUFDSkMsSUFBSTtJQUNKQyxJQUFJO0lBQ0pDLElBQUk7QUFDTjtBQUVBLE9BQU8sTUFBTUMsWUFBWSxDQUFDLEVBQ3hCQyxRQUFRLEtBQUssRUFDYkMsU0FBUyxFQUNUQyxPQUFPLElBQUksRUFDWCxHQUFHQyxPQUNZLGlCQUNmLEtBQUNDO1FBQ0NILFdBQVdULEdBQ1Qsa0JBQ0FDLFdBQVcsQ0FBQ1MsS0FBSyxFQUNqQixDQUFDRixTQUFTLHdCQUNWQztRQUVGSSxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYIn0=

package/lib/components/Container/Container.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Container } from './Container.js';
+const meta = {
+    argTypes: {
+        size: {
+            control: 'select',
+            options: [
+                'sm',
+                'md',
+                'lg',
+                'xl',
+                'full'
+            ]
+        }
+    },
+    component: Container,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Application UI/Layout/Container'
+};
+export default meta;
+export const Default = {
+    args: {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "rounded-md border border-border bg-card p-6 text-card-foreground",
+            children: "Constrained content"
+        }),
+        size: 'xl'
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7Q29udGFpbmVyfSBmcm9tICcuL0NvbnRhaW5lci5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBDb250YWluZXI+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIHNpemU6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgb3B0aW9uczogWydzbScsICdtZCcsICdsZycsICd4bCcsICdmdWxsJ11cbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogQ29udGFpbmVyLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnZnVsbHNjcmVlbidcbiAgfSxcbiAgdGl0bGU6ICdBcHBsaWNhdGlvbiBVSS9MYXlvdXQvQ29udGFpbmVyJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcblxudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBDb250YWluZXI+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjaGlsZHJlbjogPGRpdiBjbGFzc05hbWU9XCJyb3VuZGVkLW1kIGJvcmRlciBib3JkZXItYm9yZGVyIGJnLWNhcmQgcC02IHRleHQtY2FyZC1mb3JlZ3JvdW5kXCI+Q29uc3RyYWluZWQgY29udGVudDwvZGl2PixcbiAgICBzaXplOiAneGwnXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImludGVyYWN0V2l0aENhbnZhcyIsIkNvbnRhaW5lciIsIm1ldGEiLCJhcmdUeXBlcyIsInNpemUiLCJjb250cm9sIiwib3B0aW9ucyIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIiwiY2hpbGRyZW4iLCJkaXYiLCJjbGFzc05hbWUiLCJwbGF5Il0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxTQUFTLFFBQU8saUJBQWlCO0FBSXpDLE1BQU1DLE9BQStCO0lBQ25DQyxVQUFVO1FBQ1JDLE1BQU07WUFDSkMsU0FBUztZQUNUQyxTQUFTO2dCQUFDO2dCQUFNO2dCQUFNO2dCQUFNO2dCQUFNO2FBQU87UUFDM0M7SUFDRjtJQUNBQyxXQUFXTjtJQUNYTyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlUixLQUFLO0FBSXBCLE9BQU8sTUFBTVMsVUFBaUI7SUFDNUJDLE1BQU07UUFDSkMsd0JBQVUsS0FBQ0M7WUFBSUMsV0FBVTtzQkFBbUU7O1FBQzVGWCxNQUFNO0lBQ1I7SUFDQVksTUFBTWhCO0FBQ1IsRUFBRSJ9

package/lib/components/DateField/DateField.d.ts

@@ -0,0 +1,22 @@
+import type { InputHTMLAttributes, Ref } from 'react';
+import type { GothamColor } from '../../utils/colorUtils.js';
+export interface DateFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    readonly className?: string;
+    readonly color?: GothamColor;
+    readonly defaultValue?: number;
+    readonly disabled?: boolean;
+    readonly label?: string;
+    readonly labelClass?: string;
+    readonly labelColor?: GothamColor;
+    readonly name: string;
+    readonly error?: boolean;
+    readonly errorColor?: GothamColor;
+    readonly maxDate?: number;
+    readonly minDate?: number;
+    readonly onChange?: (date: any) => void;
+    readonly ref?: Ref<HTMLInputElement>;
+    readonly value?: number;
+}
+declare const DateFieldComponent: ({ className, color, defaultValue, disabled, error: externalError, label, labelClass, labelColor, maxDate, minDate, name, onChange, ref, type, value, ...props }: DateFieldProps) => import("react").JSX.Element;
+export declare const DateField: import("react").MemoExoticComponent<typeof DateFieldComponent>;
+export {};

package/lib/components/DateField/DateField.js

@@ -0,0 +1,145 @@
+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 { memo, useEffect, useMemo, useRef, useState } from 'react';
+import { useIsMobile } from '../../hooks/useIsMobile.js';
+import { getOutlineClasses } from '../../utils/colorUtils.js';
+import { assignRef } from '../../utils/refUtils.js';
+import { ErrorMessage } from '../ErrorMessage/ErrorMessage.js';
+import { getFormErrorMessage, useGothamFormField } from '../Form/FormContext.js';
+import { InputField } from '../InputField/InputField.js';
+import { Label } from '../Label/Label.js';
+import { DatePicker } from './DatePicker.js';
+const DateFieldComponent = ({ className = 'w-full rounded-md outline-1 outline-solid focus:outline-3 px-3.5 py-2 text-black dark:text-white placeholder:text-black/50 dark:placeholder:text-white/50 sm:text-sm sm:leading-6', color = 'primary', defaultValue, disabled = false, error: externalError, label = '', labelClass = 'mb-1', labelColor = 'neutral', maxDate, minDate, name, onChange, ref, type = 'text', value, ...props })=>{
+    const isMobile = useIsMobile();
+    const form = useGothamFormField(name);
+    const formError = form?.error;
+    const hasError = !!formError || !!externalError;
+    const [isPickerVisible, setIsPickerVisible] = useState(false);
+    const pickerRef = useRef(null);
+    const inputRef = useRef(null);
+    const ensureDateInRange = (timestamp)=>{
+        if (!timestamp) {
+            return timestamp;
+        }
+        if (minDate && timestamp < minDate) {
+            return minDate;
+        }
+        if (maxDate && timestamp > maxDate) {
+            return maxDate;
+        }
+        return timestamp;
+    };
+    const [localValue, setLocalValue] = useState(()=>ensureDateInRange(value ?? defaultValue ?? Date.now()));
+    const currentValue = Number(form?.value ?? value ?? localValue);
+    const outlineClasses = useMemo(()=>getOutlineClasses(hasError ? 'error' : color, {
+            hasFocus: true,
+            hasHover: true
+        }), [
+        color,
+        hasError
+    ]);
+    const inputClasses = [
+        'bg-white/30 dark:bg-black/30',
+        disabled ? 'text-neutral/30 dark:text-neutral-dark/30 outline-neutral/30 dark:outline-neutral-dark/30' : outlineClasses,
+        className
+    ].filter(Boolean).join(' ');
+    const formatDateForInput = (timestamp)=>new Date(timestamp).toISOString().split('T')[0];
+    const parseInputDate = (dateString)=>new Date(dateString).getTime();
+    const isDateValid = (timestamp)=>{
+        if (minDate && timestamp < minDate) {
+            return false;
+        }
+        if (maxDate && timestamp > maxDate) {
+            return false;
+        }
+        return true;
+    };
+    useEffect(()=>{
+        const handleClickOutside = (event)=>{
+            if (pickerRef.current && !pickerRef.current.contains(event.target) && inputRef.current && !inputRef.current.contains(event.target)) {
+                setIsPickerVisible(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const setDateValue = (timestamp)=>{
+        const nextTimestamp = ensureDateInRange(timestamp);
+        if (!form) {
+            setLocalValue(nextTimestamp);
+        }
+        form?.setValue(name, nextTimestamp);
+        if (isDateValid(nextTimestamp)) {
+            form?.clearError(name);
+        }
+        onChange?.(nextTimestamp);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col w-full",
+        children: [
+            /*#__PURE__*/ _jsx(Label, {
+                className: labelClass,
+                color: labelColor,
+                hasError: hasError,
+                label: label,
+                name: name
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "relative",
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        name: name,
+                        type: "hidden",
+                        value: currentValue || ''
+                    }),
+                    /*#__PURE__*/ _jsx(InputField, {
+                        ...props,
+                        className: inputClasses,
+                        disabled: disabled,
+                        id: name,
+                        max: maxDate ? formatDateForInput(maxDate) : undefined,
+                        min: minDate ? formatDateForInput(minDate) : undefined,
+                        onChange: (changeEvent)=>{
+                            setDateValue(parseInputDate(changeEvent.target.value));
+                        },
+                        onFocus: ()=>{
+                            if (!isMobile) {
+                                setIsPickerVisible(true);
+                            }
+                        },
+                        ref: (node)=>{
+                            inputRef.current = node;
+                            assignRef(ref, node);
+                        },
+                        type: isMobile ? 'date' : type,
+                        value: formatDateForInput(currentValue)
+                    }),
+                    isPickerVisible && !disabled && !isMobile && /*#__PURE__*/ _jsx("div", {
+                        className: "absolute z-10 mt-1",
+                        ref: pickerRef,
+                        children: /*#__PURE__*/ _jsx(DatePicker, {
+                            initialDate: currentValue,
+                            maxDate: maxDate,
+                            minDate: minDate,
+                            onDateSelect: (timestamp)=>{
+                                setDateValue(timestamp);
+                                setIsPickerVisible(false);
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(ErrorMessage, {
+                        message: getFormErrorMessage(formError)
+                    })
+                ]
+            })
+        ]
+    });
+};
+export const DateField = /*#__PURE__*/ memo(DateFieldComponent);
+DateField.displayName = 'DateField';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RhdGVGaWVsZC9EYXRlRmllbGQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDI1LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbiAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuICovXG5pbXBvcnQge21lbW8sIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge3VzZUlzTW9iaWxlfSBmcm9tICcuLi8uLi9ob29rcy91c2VJc01vYmlsZS5qcyc7XG5pbXBvcnQge2dldE91dGxpbmVDbGFzc2VzfSBmcm9tICcuLi8uLi91dGlscy9jb2xvclV0aWxzLmpzJztcbmltcG9ydCB7YXNzaWduUmVmfSBmcm9tICcuLi8uLi91dGlscy9yZWZVdGlscy5qcyc7XG5pbXBvcnQge0Vycm9yTWVzc2FnZX0gZnJvbSAnLi4vRXJyb3JNZXNzYWdlL0Vycm9yTWVzc2FnZS5qcyc7XG5pbXBvcnQge2dldEZvcm1FcnJvck1lc3NhZ2UsIHVzZUdvdGhhbUZvcm1GaWVsZH0gZnJvbSAnLi4vRm9ybS9Gb3JtQ29udGV4dC5qcyc7XG5pbXBvcnQge0lucHV0RmllbGQsIHR5cGUgSW5wdXRGaWVsZFByb3BzfSBmcm9tICcuLi9JbnB1dEZpZWxkL0lucHV0RmllbGQuanMnO1xuaW1wb3J0IHtMYWJlbH0gZnJvbSAnLi4vTGFiZWwvTGFiZWwuanMnO1xuaW1wb3J0IHtEYXRlUGlja2VyfSBmcm9tICcuL0RhdGVQaWNrZXIuanMnO1xuXG5pbXBvcnQgdHlwZSB7SW5wdXRIVE1MQXR0cmlidXRlcywgUmVmfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7R290aGFtQ29sb3J9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9yVXRpbHMuanMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERhdGVGaWVsZFByb3BzIGV4dGVuZHMgSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiB7XG4gIHJlYWRvbmx5IGNsYXNzTmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgY29sb3I/OiBHb3RoYW1Db2xvcjtcbiAgcmVhZG9ubHkgZGVmYXVsdFZhbHVlPzogbnVtYmVyO1xuICByZWFkb25seSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHJlYWRvbmx5IGxhYmVsPzogc3RyaW5nO1xuICByZWFkb25seSBsYWJlbENsYXNzPzogc3RyaW5nO1xuICByZWFkb25seSBsYWJlbENvbG9yPzogR290aGFtQ29sb3I7XG4gIHJlYWRvbmx5IG5hbWU6IHN0cmluZztcbiAgcmVhZG9ubHkgZXJyb3I/OiBib29sZWFuO1xuICByZWFkb25seSBlcnJvckNvbG9yPzogR290aGFtQ29sb3I7XG4gIHJlYWRvbmx5IG1heERhdGU/OiBudW1iZXI7XG4gIHJlYWRvbmx5IG1pbkRhdGU/OiBudW1iZXI7XG4gIHJlYWRvbmx5IG9uQ2hhbmdlPzogKGRhdGUpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IHJlZj86IFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcbiAgcmVhZG9ubHkgdmFsdWU/OiBudW1iZXI7XG59XG5cbmNvbnN0IERhdGVGaWVsZENvbXBvbmVudCA9ICh7XG4gIGNsYXNzTmFtZSA9ICd3LWZ1bGwgcm91bmRlZC1tZCBvdXRsaW5lLTEgb3V0bGluZS1zb2xpZCBmb2N1czpvdXRsaW5lLTMgcHgtMy41IHB5LTIgdGV4dC1ibGFjayBkYXJrOnRleHQtd2hpdGUgcGxhY2Vob2xkZXI6dGV4dC1ibGFjay81MCBkYXJrOnBsYWNlaG9sZGVyOnRleHQtd2hpdGUvNTAgc206dGV4dC1zbSBzbTpsZWFkaW5nLTYnLFxuICBjb2xvciA9ICdwcmltYXJ5JyxcbiAgZGVmYXVsdFZhbHVlLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBlcnJvcjogZXh0ZXJuYWxFcnJvcixcbiAgbGFiZWwgPSAnJyxcbiAgbGFiZWxDbGFzcyA9ICdtYi0xJyxcbiAgbGFiZWxDb2xvciA9ICduZXV0cmFsJyxcbiAgbWF4RGF0ZSxcbiAgbWluRGF0ZSxcbiAgbmFtZSxcbiAgb25DaGFuZ2UsXG4gIHJlZixcbiAgdHlwZSA9ICd0ZXh0JyxcbiAgdmFsdWUsXG4gIC4uLnByb3BzXG59OiBEYXRlRmllbGRQcm9wcykgPT4ge1xuICBjb25zdCBpc01vYmlsZSA9IHVzZUlzTW9iaWxlKCk7XG4gIGNvbnN0IGZvcm0gPSB1c2VHb3RoYW1Gb3JtRmllbGQobmFtZSk7XG4gIGNvbnN0IGZvcm1FcnJvciA9IGZvcm0/LmVycm9yO1xuICBjb25zdCBoYXNFcnJvciA9ICEhZm9ybUVycm9yIHx8ICEhZXh0ZXJuYWxFcnJvcjtcbiAgY29uc3QgW2lzUGlja2VyVmlzaWJsZSwgc2V0SXNQaWNrZXJWaXNpYmxlXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcGlja2VyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGVuc3VyZURhdGVJblJhbmdlID0gKHRpbWVzdGFtcDogbnVtYmVyKTogbnVtYmVyID0+IHtcbiAgICBpZighdGltZXN0YW1wKSB7XG4gICAgICByZXR1cm4gdGltZXN0YW1wO1xuICAgIH1cblxuICAgIGlmKG1pbkRhdGUgJiYgdGltZXN0YW1wIDwgbWluRGF0ZSkge1xuICAgICAgcmV0dXJuIG1pbkRhdGU7XG4gICAgfVxuXG4gICAgaWYobWF4RGF0ZSAmJiB0aW1lc3RhbXAgPiBtYXhEYXRlKSB7XG4gICAgICByZXR1cm4gbWF4RGF0ZTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGltZXN0YW1wO1xuICB9O1xuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlKCgpID0+IGVuc3VyZURhdGVJblJhbmdlKHZhbHVlID8/IGRlZmF1bHRWYWx1ZSA/PyBEYXRlLm5vdygpKSk7XG4gIGNvbnN0IGN1cnJlbnRWYWx1ZSA9IE51bWJlcihmb3JtPy52YWx1ZSA/PyB2YWx1ZSA/PyBsb2NhbFZhbHVlKTtcbiAgY29uc3Qgb3V0bGluZUNsYXNzZXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGdldE91dGxpbmVDbGFzc2VzKGhhc0Vycm9yID8gJ2Vycm9yJyA6IGNvbG9yLCB7aGFzRm9jdXM6IHRydWUsIGhhc0hvdmVyOiB0cnVlfSksXG4gICAgW2NvbG9yLCBoYXNFcnJvcl1cbiAgKTtcbiAgY29uc3QgaW5wdXRDbGFzc2VzID0gW1xuICAgICdiZy13aGl0ZS8zMCBkYXJrOmJnLWJsYWNrLzMwJyxcbiAgICBkaXNhYmxlZCA/ICd0ZXh0LW5ldXRyYWwvMzAgZGFyazp0ZXh0LW5ldXRyYWwtZGFyay8zMCBvdXRsaW5lLW5ldXRyYWwvMzAgZGFyazpvdXRsaW5lLW5ldXRyYWwtZGFyay8zMCcgOiBvdXRsaW5lQ2xhc3NlcyxcbiAgICBjbGFzc05hbWVcbiAgXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuXG4gIGNvbnN0IGZvcm1hdERhdGVGb3JJbnB1dCA9ICh0aW1lc3RhbXA6IG51bWJlcik6IHN0cmluZyA9PiBuZXcgRGF0ZSh0aW1lc3RhbXApLnRvSVNPU3RyaW5nKCkuc3BsaXQoJ1QnKVswXTtcblxuICBjb25zdCBwYXJzZUlucHV0RGF0ZSA9IChkYXRlU3RyaW5nOiBzdHJpbmcpOiBudW1iZXIgPT4gbmV3IERhdGUoZGF0ZVN0cmluZykuZ2V0VGltZSgpO1xuXG4gIGNvbnN0IGlzRGF0ZVZhbGlkID0gKHRpbWVzdGFtcDogbnVtYmVyKTogYm9vbGVhbiA9PiB7XG4gICAgaWYobWluRGF0ZSAmJiB0aW1lc3RhbXAgPCBtaW5EYXRlKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmKG1heERhdGUgJiYgdGltZXN0YW1wID4gbWF4RGF0ZSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgaWYoXG4gICAgICAgIHBpY2tlclJlZi5jdXJyZW50ICYmXG4gICAgICAgICFwaWNrZXJSZWYuY3VycmVudC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudCAmJlxuICAgICAgICAhaW5wdXRSZWYuY3VycmVudC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSlcbiAgICAgICkge1xuICAgICAgICBzZXRJc1BpY2tlclZpc2libGUoZmFsc2UpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICBjb25zdCBzZXREYXRlVmFsdWUgPSAodGltZXN0YW1wOiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBuZXh0VGltZXN0YW1wID0gZW5zdXJlRGF0ZUluUmFuZ2UodGltZXN0YW1wKTtcbiAgICBpZighZm9ybSkge1xuICAgICAgc2V0TG9jYWxWYWx1ZShuZXh0VGltZXN0YW1wKTtcbiAgICB9XG4gICAgZm9ybT8uc2V0VmFsdWUobmFtZSwgbmV4dFRpbWVzdGFtcCk7XG5cbiAgICBpZihpc0RhdGVWYWxpZChuZXh0VGltZXN0YW1wKSkge1xuICAgICAgZm9ybT8uY2xlYXJFcnJvcihuYW1lKTtcbiAgICB9XG5cbiAgICBvbkNoYW5nZT8uKG5leHRUaW1lc3RhbXApO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGZsZXgtY29sIHctZnVsbFwiPlxuICAgICAgPExhYmVsXG4gICAgICAgIGNsYXNzTmFtZT17bGFiZWxDbGFzc31cbiAgICAgICAgY29sb3I9e2xhYmVsQ29sb3J9XG4gICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBuYW1lPXtuYW1lfSAvPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJyZWxhdGl2ZVwiPlxuICAgICAgICA8aW5wdXQgbmFtZT17bmFtZX0gdHlwZT1cImhpZGRlblwiIHZhbHVlPXtjdXJyZW50VmFsdWUgfHwgJyd9IC8+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgey4uLnByb3BzIGFzIE9taXQ8SW5wdXRGaWVsZFByb3BzLCAnb25DaGFuZ2UnPn1cbiAgICAgICAgICBjbGFzc05hbWU9e2lucHV0Q2xhc3Nlc31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaWQ9e25hbWV9XG4gICAgICAgICAgbWF4PXttYXhEYXRlID8gZm9ybWF0RGF0ZUZvcklucHV0KG1heERhdGUpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIG1pbj17bWluRGF0ZSA/IGZvcm1hdERhdGVGb3JJbnB1dChtaW5EYXRlKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkNoYW5nZT17KGNoYW5nZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICBzZXREYXRlVmFsdWUocGFyc2VJbnB1dERhdGUoY2hhbmdlRXZlbnQudGFyZ2V0LnZhbHVlKSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkZvY3VzPXsoKSA9PiB7XG4gICAgICAgICAgICBpZighaXNNb2JpbGUpIHtcbiAgICAgICAgICAgICAgc2V0SXNQaWNrZXJWaXNpYmxlKHRydWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgcmVmPXsobm9kZSkgPT4ge1xuICAgICAgICAgICAgaW5wdXRSZWYuY3VycmVudCA9IG5vZGUgYXMgSFRNTElucHV0RWxlbWVudCB8IG51bGw7XG4gICAgICAgICAgICBhc3NpZ25SZWYocmVmLCBub2RlIGFzIEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIHR5cGU9e2lzTW9iaWxlID8gJ2RhdGUnIDogdHlwZX1cbiAgICAgICAgICB2YWx1ZT17Zm9ybWF0RGF0ZUZvcklucHV0KGN1cnJlbnRWYWx1ZSl9XG4gICAgICAgIC8+XG4gICAgICAgIHtpc1BpY2tlclZpc2libGUgJiYgIWRpc2FibGVkICYmICFpc01vYmlsZSAmJiAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJhYnNvbHV0ZSB6LTEwIG10LTFcIiByZWY9e3BpY2tlclJlZn0+XG4gICAgICAgICAgICA8RGF0ZVBpY2tlclxuICAgICAgICAgICAgICBpbml0aWFsRGF0ZT17Y3VycmVudFZhbHVlfVxuICAgICAgICAgICAgICBtYXhEYXRlPXttYXhEYXRlfVxuICAgICAgICAgICAgICBtaW5EYXRlPXttaW5EYXRlfVxuICAgICAgICAgICAgICBvbkRhdGVTZWxlY3Q9eyh0aW1lc3RhbXApID0+IHtcbiAgICAgICAgICAgICAgICBzZXREYXRlVmFsdWUodGltZXN0YW1wKTtcbiAgICAgICAgICAgICAgICBzZXRJc1BpY2tlclZpc2libGUoZmFsc2UpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgICAgPEVycm9yTWVzc2FnZSBtZXNzYWdlPXtnZXRGb3JtRXJyb3JNZXNzYWdlKGZvcm1FcnJvcil9IC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBEYXRlRmllbGQgPSBtZW1vKERhdGVGaWVsZENvbXBvbmVudCk7XG5EYXRlRmllbGQuZGlzcGxheU5hbWUgPSAnRGF0ZUZpZWxkJztcbiJdLCJuYW1lcyI6WyJtZW1vIiwidXNlRWZmZWN0IiwidXNlTWVtbyIsInVzZVJlZiIsInVzZVN0YXRlIiwidXNlSXNNb2JpbGUiLCJnZXRPdXRsaW5lQ2xhc3NlcyIsImFzc2lnblJlZiIsIkVycm9yTWVzc2FnZSIsImdldEZvcm1FcnJvck1lc3NhZ2UiLCJ1c2VHb3RoYW1Gb3JtRmllbGQiLCJJbnB1dEZpZWxkIiwiTGFiZWwiLCJEYXRlUGlja2VyIiwiRGF0ZUZpZWxkQ29tcG9uZW50IiwiY2xhc3NOYW1lIiwiY29sb3IiLCJkZWZhdWx0VmFsdWUiLCJkaXNhYmxlZCIsImVycm9yIiwiZXh0ZXJuYWxFcnJvciIsImxhYmVsIiwibGFiZWxDbGFzcyIsImxhYmVsQ29sb3IiLCJtYXhEYXRlIiwibWluRGF0ZSIsIm5hbWUiLCJvbkNoYW5nZSIsInJlZiIsInR5cGUiLCJ2YWx1ZSIsInByb3BzIiwiaXNNb2JpbGUiLCJmb3JtIiwiZm9ybUVycm9yIiwiaGFzRXJyb3IiLCJpc1BpY2tlclZpc2libGUiLCJzZXRJc1BpY2tlclZpc2libGUiLCJwaWNrZXJSZWYiLCJpbnB1dFJlZiIsImVuc3VyZURhdGVJblJhbmdlIiwidGltZXN0YW1wIiwibG9jYWxWYWx1ZSIsInNldExvY2FsVmFsdWUiLCJEYXRlIiwibm93IiwiY3VycmVudFZhbHVlIiwiTnVtYmVyIiwib3V0bGluZUNsYXNzZXMiLCJoYXNGb2N1cyIsImhhc0hvdmVyIiwiaW5wdXRDbGFzc2VzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJmb3JtYXREYXRlRm9ySW5wdXQiLCJ0b0lTT1N0cmluZyIsInNwbGl0IiwicGFyc2VJbnB1dERhdGUiLCJkYXRlU3RyaW5nIiwiZ2V0VGltZSIsImlzRGF0ZVZhbGlkIiwiaGFuZGxlQ2xpY2tPdXRzaWRlIiwiZXZlbnQiLCJjdXJyZW50IiwiY29udGFpbnMiLCJ0YXJnZXQiLCJkb2N1bWVudCIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwic2V0RGF0ZVZhbHVlIiwibmV4dFRpbWVzdGFtcCIsInNldFZhbHVlIiwiY2xlYXJFcnJvciIsImRpdiIsImlucHV0IiwiaWQiLCJtYXgiLCJ1bmRlZmluZWQiLCJtaW4iLCJjaGFuZ2VFdmVudCIsIm9uRm9jdXMiLCJub2RlIiwiaW5pdGlhbERhdGUiLCJvbkRhdGVTZWxlY3QiLCJtZXNzYWdlIiwiRGF0ZUZpZWxkIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQTs7O0NBR0MsR0FDRCxTQUFRQSxJQUFJLEVBQUVDLFNBQVMsRUFBRUMsT0FBTyxFQUFFQyxNQUFNLEVBQUVDLFFBQVEsUUFBTyxRQUFRO0FBRWpFLFNBQVFDLFdBQVcsUUFBTyw2QkFBNkI7QUFDdkQsU0FBUUMsaUJBQWlCLFFBQU8sNEJBQTRCO0FBQzVELFNBQVFDLFNBQVMsUUFBTywwQkFBMEI7QUFDbEQsU0FBUUMsWUFBWSxRQUFPLGtDQUFrQztBQUM3RCxTQUFRQyxtQkFBbUIsRUFBRUMsa0JBQWtCLFFBQU8seUJBQXlCO0FBQy9FLFNBQVFDLFVBQVUsUUFBNkIsOEJBQThCO0FBQzdFLFNBQVFDLEtBQUssUUFBTyxvQkFBb0I7QUFDeEMsU0FBUUMsVUFBVSxRQUFPLGtCQUFrQjtBQXVCM0MsTUFBTUMscUJBQXFCLENBQUMsRUFDMUJDLFlBQVksbUxBQW1MLEVBQy9MQyxRQUFRLFNBQVMsRUFDakJDLFlBQVksRUFDWkMsV0FBVyxLQUFLLEVBQ2hCQyxPQUFPQyxhQUFhLEVBQ3BCQyxRQUFRLEVBQUUsRUFDVkMsYUFBYSxNQUFNLEVBQ25CQyxhQUFhLFNBQVMsRUFDdEJDLE9BQU8sRUFDUEMsT0FBTyxFQUNQQyxJQUFJLEVBQ0pDLFFBQVEsRUFDUkMsR0FBRyxFQUNIQyxPQUFPLE1BQU0sRUFDYkMsS0FBSyxFQUNMLEdBQUdDLE9BQ1k7SUFDZixNQUFNQyxXQUFXM0I7SUFDakIsTUFBTTRCLE9BQU92QixtQkFBbUJnQjtJQUNoQyxNQUFNUSxZQUFZRCxNQUFNZDtJQUN4QixNQUFNZ0IsV0FBVyxDQUFDLENBQUNELGFBQWEsQ0FBQyxDQUFDZDtJQUNsQyxNQUFNLENBQUNnQixpQkFBaUJDLG1C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

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

@@ -0,0 +1,125 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { gothamColors } from '../../utils/colorUtils.js';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { DateField } from './DateField.js';
+const meta = {
+    argTypes: {
+        color: {
+            control: 'select',
+            defaultValue: 'primary',
+            description: 'The color of the date field',
+            options: gothamColors
+        },
+        disabled: {
+            control: 'boolean',
+            defaultValue: false,
+            description: 'Whether the date field is disabled'
+        },
+        error: {
+            control: 'boolean',
+            defaultValue: false,
+            description: 'Whether the date field has an error'
+        },
+        errorColor: {
+            control: 'select',
+            defaultValue: 'error',
+            description: 'The color of the error state',
+            options: gothamColors
+        },
+        label: {
+            control: 'text',
+            description: 'The label text for the date field'
+        },
+        maxDate: {
+            control: 'date',
+            description: 'The maximum allowed date'
+        },
+        minDate: {
+            control: 'date',
+            description: 'The minimum allowed date'
+        }
+    },
+    component: DateField,
+    decorators: [
+        (Story)=>/*#__PURE__*/ _jsx("div", {
+                className: "p-4 max-w-md",
+                children: /*#__PURE__*/ _jsx(Story, {})
+            })
+    ],
+    parameters: {
+        backgrounds: {
+            default: 'light',
+            values: [
+                {
+                    name: 'light',
+                    value: '#ffffff'
+                },
+                {
+                    name: 'dark',
+                    value: '#1a1a1a'
+                }
+            ]
+        },
+        layout: 'centered'
+    },
+    title: 'Components/Form/DateField'
+};
+export default meta;
+export const Default = {
+    args: {
+        color: 'primary',
+        disabled: false,
+        error: false,
+        label: 'Select Date',
+        name: 'date',
+        required: true
+    },
+    play: interactWithCanvas
+};
+export const WithDefaultValue = {
+    args: {
+        color: 'primary',
+        defaultValue: new Date().getTime(),
+        disabled: false,
+        error: false,
+        label: 'Date with Default Value',
+        name: 'dateWithDefault'
+    },
+    play: interactWithCanvas
+};
+export const WithDateRange = {
+    args: {
+        color: 'primary',
+        disabled: false,
+        error: false,
+        label: 'Date with Range',
+        maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 1)).getTime(),
+        minDate: new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime(),
+        name: 'dateWithRange'
+    },
+    play: interactWithCanvas
+};
+export const WithError = {
+    args: {
+        color: 'primary',
+        disabled: false,
+        error: true,
+        errorColor: 'error',
+        label: 'Date with Error',
+        name: 'dateWithError'
+    },
+    play: interactWithCanvas
+};
+export const Disabled = {
+    args: {
+        color: 'primary',
+        defaultValue: new Date().getTime(),
+        disabled: true,
+        error: false,
+        label: 'Disabled Date Field',
+        name: 'disabledDate'
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0RhdGVGaWVsZC9EYXRlRmllbGQuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtnb3RoYW1Db2xvcnN9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9yVXRpbHMuanMnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7RGF0ZUZpZWxkfSBmcm9tICcuL0RhdGVGaWVsZC5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBEYXRlRmllbGQ+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNvbG9yOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIGRlZmF1bHRWYWx1ZTogJ3ByaW1hcnknLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgY29sb3Igb2YgdGhlIGRhdGUgZmllbGQnLFxuICAgICAgb3B0aW9uczogZ290aGFtQ29sb3JzXG4gICAgfSxcbiAgICBkaXNhYmxlZDoge1xuICAgICAgY29udHJvbDogJ2Jvb2xlYW4nLFxuICAgICAgZGVmYXVsdFZhbHVlOiBmYWxzZSxcbiAgICAgIGRlc2NyaXB0aW9uOiAnV2hldGhlciB0aGUgZGF0ZSBmaWVsZCBpcyBkaXNhYmxlZCdcbiAgICB9LFxuICAgIGVycm9yOiB7XG4gICAgICBjb250cm9sOiAnYm9vbGVhbicsXG4gICAgICBkZWZhdWx0VmFsdWU6IGZhbHNlLFxuICAgICAgZGVzY3JpcHRpb246ICdXaGV0aGVyIHRoZSBkYXRlIGZpZWxkIGhhcyBhbiBlcnJvcidcbiAgICB9LFxuICAgIGVycm9yQ29sb3I6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgZGVmYXVsdFZhbHVlOiAnZXJyb3InLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgY29sb3Igb2YgdGhlIGVycm9yIHN0YXRlJyxcbiAgICAgIG9wdGlvbnM6IGdvdGhhbUNvbG9yc1xuICAgIH0sXG4gICAgbGFiZWw6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0JyxcbiAgICAgIGRlc2NyaXB0aW9uOiAnVGhlIGxhYmVsIHRleHQgZm9yIHRoZSBkYXRlIGZpZWxkJ1xuICAgIH0sXG4gICAgbWF4RGF0ZToge1xuICAgICAgY29udHJvbDogJ2RhdGUnLFxuICAgICAgZGVzY3JpcHRpb246ICdUaGUgbWF4aW11bSBhbGxvd2VkIGRhdGUnXG4gICAgfSxcbiAgICBtaW5EYXRlOiB7XG4gICAgICBjb250cm9sOiAnZGF0ZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ1RoZSBtaW5pbXVtIGFsbG93ZWQgZGF0ZSdcbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogRGF0ZUZpZWxkLFxuICBkZWNvcmF0b3JzOiBbXG4gICAgKFN0b3J5KSA9PiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInAtNCBtYXgtdy1tZFwiPlxuICAgICAgICA8U3RvcnkgLz5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgXSxcbiAgcGFyYW1ldGVyczoge1xuICAgIGJhY2tncm91bmRzOiB7XG4gICAgICBkZWZhdWx0OiAnbGlnaHQnLFxuICAgICAgdmFsdWVzOiBbXG4gICAgICAgIHtuYW1lOiAnbGlnaHQnLCB2YWx1ZTogJyNmZmZmZmYnfSxcbiAgICAgICAge25hbWU6ICdkYXJrJywgdmFsdWU6ICcjMWExYTFhJ31cbiAgICAgIF1cbiAgICB9LFxuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvRm9ybS9EYXRlRmllbGQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBEYXRlRmllbGQ+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdTZWxlY3QgRGF0ZScsXG4gICAgbmFtZTogJ2RhdGUnLFxuICAgIHJlcXVpcmVkOiB0cnVlXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcblxuZXhwb3J0IGNvbnN0IFdpdGhEZWZhdWx0VmFsdWU6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY29sb3I6ICdwcmltYXJ5JyxcbiAgICBkZWZhdWx0VmFsdWU6IG5ldyBEYXRlKCkuZ2V0VGltZSgpLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdEYXRlIHdpdGggRGVmYXVsdCBWYWx1ZScsXG4gICAgbmFtZTogJ2RhdGVXaXRoRGVmYXVsdCdcbiAgfSxcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzXG59O1xuXG5leHBvcnQgY29uc3QgV2l0aERhdGVSYW5nZTogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogZmFsc2UsXG4gICAgbGFiZWw6ICdEYXRlIHdpdGggUmFuZ2UnLFxuICAgIG1heERhdGU6IG5ldyBEYXRlKG5ldyBEYXRlKCkuc2V0RnVsbFllYXIobmV3IERhdGUoKS5nZXRGdWxsWWVhcigpICsgMSkpLmdldFRpbWUoKSxcbiAgICBtaW5EYXRlOiBuZXcgRGF0ZShuZXcgRGF0ZSgpLnNldEZ1bGxZZWFyKG5ldyBEYXRlKCkuZ2V0RnVsbFllYXIoKSAtIDEpKS5nZXRUaW1lKCksXG4gICAgbmFtZTogJ2RhdGVXaXRoUmFuZ2UnXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcblxuZXhwb3J0IGNvbnN0IFdpdGhFcnJvcjogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICBlcnJvcjogdHJ1ZSxcbiAgICBlcnJvckNvbG9yOiAnZXJyb3InLFxuICAgIGxhYmVsOiAnRGF0ZSB3aXRoIEVycm9yJyxcbiAgICBuYW1lOiAnZGF0ZVdpdGhFcnJvcidcbiAgfSxcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzXG59O1xuXG5leHBvcnQgY29uc3QgRGlzYWJsZWQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY29sb3I6ICdwcmltYXJ5JyxcbiAgICBkZWZhdWx0VmFsdWU6IG5ldyBEYXRlKCkuZ2V0VGltZSgpLFxuICAgIGRpc2FibGVkOiB0cnVlLFxuICAgIGVycm9yOiBmYWxzZSxcbiAgICBsYWJlbDogJ0Rpc2FibGVkIERhdGUgRmllbGQnLFxuICAgIG5hbWU6ICdkaXNhYmxlZERhdGUnXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJnb3RoYW1Db2xvcnMiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJEYXRlRmllbGQiLCJtZXRhIiwiYXJnVHlwZXMiLCJjb2xvciIsImNvbnRyb2wiLCJkZWZhdWx0VmFsdWUiLCJkZXNjcmlwdGlvbiIsIm9wdGlvbnMiLCJkaXNhYmxlZCIsImVycm9yIiwiZXJyb3JDb2xvciIsImxhYmVsIiwibWF4RGF0ZSIsIm1pbkRhdGUiLCJjb21wb25lbnQiLCJkZWNvcmF0b3JzIiwiU3RvcnkiLCJkaXYiLCJjbGFzc05hbWUiLCJwYXJhbWV0ZXJzIiwiYmFja2dyb3VuZHMiLCJkZWZhdWx0IiwidmFsdWVzIiwibmFtZSIsInZhbHVlIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInJlcXVpcmVkIiwicGxheSIsIldpdGhEZWZhdWx0VmFsdWUiLCJEYXRlIiwiZ2V0VGltZSIsIldpdGhEYXRlUmFuZ2UiLCJzZXRGdWxsWWVhciIsImdldEZ1bGxZZWFyIiwiV2l0aEVycm9yIiwiRGlzYWJsZWQiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxZQUFZLFFBQU8sNEJBQTRCO0FBQ3ZELFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxTQUFTLFFBQU8saUJBQWlCO0FBSXpDLE1BQU1DLE9BQStCO0lBQ25DQyxVQUFVO1FBQ1JDLE9BQU87WUFDTEMsU0FBUztZQUNUQyxjQUFjO1lBQ2RDLGFBQWE7WUFDYkMsU0FBU1Q7UUFDWDtRQUNBVSxVQUFVO1lBQ1JKLFNBQVM7WUFDVEMsY0FBYztZQUNkQyxhQUFhO1FBQ2Y7UUFDQUcsT0FBTztZQUNMTCxTQUFTO1lBQ1RDLGNBQWM7WUFDZEMsYUFBYTtRQUNmO1FBQ0FJLFlBQVk7WUFDVk4sU0FBUztZQUNUQyxjQUFjO1lBQ2RDLGFBQWE7WUFDYkMsU0FBU1Q7UUFDWDtRQUNBYSxPQUFPO1lBQ0xQLFNBQVM7WUFDVEUsYUFBYTtRQUNmO1FBQ0FNLFNBQVM7WUFDUFIsU0FBUztZQUNURSxhQUFhO1FBQ2Y7UUFDQU8sU0FBUztZQUNQVCxTQUFTO1lBQ1RFLGFBQWE7UUFDZjtJQUNGO0lBQ0FRLFdBQVdkO0lBQ1hlLFlBQVk7UUFDVixDQUFDQyxzQkFDQyxLQUFDQztnQkFBSUMsV0FBVTswQkFDYixjQUFBLEtBQUNGOztLQUdOO0lBQ0RHLFlBQVk7UUFDVkMsYUFBYTtZQUNYQyxTQUFTO1lBQ1RDLFFBQVE7Z0JBQ047b0JBQUNDLE1BQU07b0JBQVNDLE9BQU87Z0JBQVM7Z0JBQ2hDO29CQUFDRCxNQUFNO29CQUFRQyxPQUFPO2dCQUFTO2FBQ2hDO1FBQ0g7UUFDQUMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWV6QixLQUFLO0FBR3BCLE9BQU8sTUFBTTBCLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0p6QixPQUFPO1FBQ1BLLFVBQVU7UUFDVkMsT0FBTztRQUNQRSxPQUFPO1FBQ1BZLE1BQU07UUFDTk0sVUFBVTtJQUNaO0lBQ0FDLE1BQU0vQjtBQUNSLEVBQUU7QUFFRixPQUFPLE1BQU1nQyxtQkFBMEI7SUFDckNILE1BQU07UUFDSnpCLE9BQU87UUFDUEUsY0FBYyxJQUFJMkIsT0FBT0MsT0FBTztRQUNoQ3pCLFVBQVU7UUFDVkMsT0FBTztRQUNQRSxPQUFPO1FBQ1BZLE1BQU07SUFDUjtJQUNBTyxNQUFNL0I7QUFDUixFQUFFO0FBRUYsT0FBTyxNQUFNbUMsZ0JBQXVCO0lBQ2xDTixNQUFNO1FBQ0p6QixPQUFPO1FBQ1BLLFVBQVU7UUFDVkMsT0FBTztRQUNQRSxPQUFPO1FBQ1BDLFNBQVMsSUFBSW9CLEtBQUssSUFBSUEsT0FBT0csV0FBVyxDQUFDLElBQUlILE9BQU9JLFdBQVcsS0FBSyxJQUFJSCxPQUFPO1FBQy9FcEIsU0FBUyxJQUFJbUIsS0FBSyxJQUFJQSxPQUFPRyxXQUFXLENBQUMsSUFBSUgsT0FBT0ksV0FBVyxLQUFLLElBQUlILE9BQU87UUFDL0VWLE1BQU07SUFDUjtJQUNBTyxNQUFNL0I7QUFDUixFQUFFO0FBRUYsT0FBTyxNQUFNc0MsWUFBbUI7SUFDOUJULE1BQU07UUFDSnpCLE9BQU87UUFDUEssVUFBVTtRQUNWQyxPQUFPO1FBQ1BDLFlBQVk7UUFDWkMsT0FBTztRQUNQWSxNQUFNO0lBQ1I7SUFDQU8sTUFBTS9CO0FBQ1IsRUFBRTtBQUVGLE9BQU8sTUFBTXVDLFdBQWtCO0lBQzdCVixNQUFNO1FBQ0p6QixPQUFPO1FBQ1BFLGNBQWMsSUFBSTJCLE9BQU9DLE9BQU87UUFDaEN6QixVQUFVO1FBQ1ZDLE9BQU87UUFDUEUsT0FBTztRQUNQWSxNQUFNO0lBQ1I7SUFDQU8sTUFBTS9CO0FBQ1IsRUFBRSJ9

package/lib/components/DateField/DatePicker.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+interface DatePickerProps {
+    initialDate?: number;
+    maxDate?: number;
+    minDate?: number;
+    onDateSelect?: (date: number) => void;
+}
+export declare const DatePicker: FC<DatePickerProps>;
+export default DatePicker;