frey-ui 1.1.0 → 1.2.1

package/dist/cjs/DateField/dateFieldState.cjs

@@ -0,0 +1,127 @@
+'use client';
+'use strict';
+
+var dateEngine = require('../date/dateEngine.cjs');
+var dateLocale = require('../date/dateLocale.cjs');
+
+const SEGMENT_MIN_WIDTH = {
+    era: 8,
+    year: 4,
+    month: 2,
+    day: 2,
+};
+const TEMPLATE_VALUE = '2024-11-22';
+function draftReducer(state, action) {
+    switch (action.type) {
+        case 'replace':
+            return action.draft;
+        case 'set-active':
+            return { ...state, activeSegment: action.segment };
+        case 'set-segment':
+            return {
+                ...state,
+                values: { ...state.values, [action.segment]: action.value },
+            };
+    }
+}
+function getSourceKey(value, calendar, locale) {
+    return `${value ?? ''}|${calendar}|${locale}`;
+}
+function createEmptyValues() {
+    return { era: '', year: '', month: '', day: '' };
+}
+function createDraft(value, calendar, locale, layout, eraOptions) {
+    const firstSegment = layout.find((part) => part.kind === 'segment')?.type ?? 'month';
+    const templateCalendarDate = dateEngine.getCalendarDate(dateEngine.parseDateValue(TEMPLATE_VALUE), calendar);
+    const templateEraLabel = eraOptions.find((option) => option.id === templateCalendarDate.era)?.label ??
+        '';
+    if (value === null) {
+        const values = createEmptyValues();
+        values.era = templateEraLabel;
+        return {
+            sourceKey: getSourceKey(value, calendar, locale),
+            sourceValue: value,
+            eraId: templateCalendarDate.era,
+            values,
+            activeSegment: firstSegment,
+            eraTypeahead: '',
+        };
+    }
+    const calendarDate = dateEngine.getCalendarDate(dateEngine.parseDateValue(value), calendar);
+    const values = createEmptyValues();
+    values.era =
+        eraOptions.find((option) => option.id === calendarDate.era)?.label ?? '';
+    values.year = dateLocale.formatLocalizedNumber(calendarDate.year, locale);
+    values.month = dateLocale.formatLocalizedNumber(calendarDate.month, locale);
+    values.day = dateLocale.formatLocalizedNumber(calendarDate.day, locale);
+    return {
+        sourceKey: getSourceKey(value, calendar, locale),
+        sourceValue: value,
+        eraId: calendarDate.era,
+        values,
+        activeSegment: firstSegment,
+        eraTypeahead: '',
+    };
+}
+function areValuesEqual(left, right) {
+    return Object.keys(left).every((segment) => left[segment] === right[segment]);
+}
+function isDraftEmpty(draft) {
+    return [draft.values.year, draft.values.month, draft.values.day].every((value) => value.length === 0);
+}
+function createCalendarDateFromDraft(draft, locale) {
+    const normalized = {
+        era: draft.eraId,
+        year: dateLocale.normalizeLocalizedDigits(draft.values.year, locale),
+        month: dateLocale.normalizeLocalizedDigits(draft.values.month, locale),
+        day: dateLocale.normalizeLocalizedDigits(draft.values.day, locale),
+    };
+    if (!normalized.year || !normalized.month || !normalized.day)
+        return null;
+    const year = Number(normalized.year.replace('−', '-'));
+    const month = Number(normalized.month);
+    const day = Number(normalized.day);
+    if (![year, month, day].every(Number.isInteger))
+        return null;
+    return {
+        era: normalized.era,
+        year,
+        month,
+        monthCode: `M${String(month).padStart(2, '0')}`,
+        day,
+        monthsInYear: 12,
+        daysInMonth: 31,
+        relatedYear: 1,
+        relatedMonth: 1,
+        relatedDay: 1,
+    };
+}
+function getDraftValue(draft, locale, calendar) {
+    if (isDraftEmpty(draft))
+        return null;
+    if (['japanese', 'roc', 'persian', 'islamic-civil'].includes(calendar) &&
+        draft.values.era.length === 0) {
+        return undefined;
+    }
+    const calendarDate = createCalendarDateFromDraft(draft, locale);
+    if (!calendarDate)
+        return undefined;
+    try {
+        return dateEngine.serializeDateValue(dateEngine.fromCalendarDate(calendarDate, calendar));
+    }
+    catch {
+        return undefined;
+    }
+}
+function getSegmentWidth(segment, value) {
+    return { width: `${Math.max(value.length, SEGMENT_MIN_WIDTH[segment])}ch` };
+}
+
+exports.TEMPLATE_VALUE = TEMPLATE_VALUE;
+exports.areValuesEqual = areValuesEqual;
+exports.createDraft = createDraft;
+exports.draftReducer = draftReducer;
+exports.getDraftValue = getDraftValue;
+exports.getSegmentWidth = getSegmentWidth;
+exports.getSourceKey = getSourceKey;
+//# sourceMappingURL=dateFieldState.cjs.map

package/dist/cjs/DateField/dateFieldState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFieldState.cjs","sources":["../../../src/DateField/dateFieldState.ts"],"sourcesContent":[null],"names":["getCalendarDate","parseDateValue","formatLocalizedNumber","normalizeLocalizedDigits","serializeDateValue","fromCalendarDate"],"mappings":"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"}

package/dist/cjs/DateField/datefield.css

@@ -0,0 +1,134 @@
+.control_1fcb12bd {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  min-height: 2.5rem;
+  padding-inline: 0.625rem;
+  color: var(--frey-color-text-primary);
+  background: var(--frey-color-surface);
+  border: 1px solid var(--frey-color-border, #d1d5db);
+  border-radius: 0.375rem;
+  box-sizing: border-box;
+}
+
+.control_1fcb12bd:focus-within {
+  border-color: var(--frey-focus-ring);
+  box-shadow: 0 0 0 2px var(--frey-focus-ring);
+}
+
+.control_invalid_b03fb120 {
+  border-color: var(--frey-color-error, #dc2626);
+}
+
+.control_invalid_b03fb120:focus-within {
+  border-color: var(--frey-color-error, #dc2626);
+  box-shadow: 0 0 0 2px var(--frey-color-error, #dc2626);
+}
+
+.control_disabled_4b0d162b {
+  opacity: 0.5;
+  cursor: not-allowed;
+  background: var(--frey-color-surface-subtle, #f1f1f1);
+}
+
+.control_readonly_575f6935 {
+  background: var(--frey-color-surface-subtle, #f1f1f1);
+}
+
+.segments_c5c9ca37 {
+  display: flex;
+  align-items: center;
+  column-gap: var(--frey-space-1);
+  min-width: 0;
+  flex: 1;
+}
+
+.group_8538b195 {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  width: 100%;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+.segment_d592f6da {
+  min-width: 1.5ch;
+  padding: 0.125rem;
+  color: inherit;
+  font: inherit;
+  line-height: 1.5;
+  text-align: center;
+  background: transparent;
+  border: 0;
+  border-radius: 0.25rem;
+  outline: none;
+  box-sizing: content-box;
+}
+
+.segment_d592f6da:focus-visible {
+  color: var(--frey-color-text-primary);
+  background: var(--frey-color-surface-subtle, #f1f1f1);
+  outline: 2px solid var(--frey-focus-ring);
+  outline-offset: -2px;
+}
+
+.segment_d592f6da:disabled {
+  cursor: not-allowed;
+}
+
+.segment_d592f6da:read-only {
+  cursor: default;
+}
+
+.separator_74996ff7 {
+  color: var(--frey-color-text-secondary, #6b7280);
+  white-space: pre;
+  user-select: none;
+}
+
+.clear_button_263dfe68 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  flex: 0 0 auto;
+  padding: 0;
+  color: var(--frey-color-text-secondary, #6b7280);
+  background: transparent;
+  border: 0;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}
+
+.clear_button_263dfe68:hover {
+  color: var(--frey-color-text-primary);
+  background: var(--frey-color-surface-subtle, #f1f1f1);
+}
+
+.clear_button_263dfe68:focus-visible {
+  outline: 2px solid var(--frey-focus-ring);
+  outline-offset: 1px;
+}
+
+@media (forced-colors: active) {
+  .control_1fcb12bd {
+    border-color: CanvasText;
+  }
+
+  .segment_d592f6da:focus-visible,
+  .clear_button_263dfe68:focus-visible {
+    outline-color: Highlight;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control_1fcb12bd,
+  .segment_d592f6da,
+  .clear_button_263dfe68 {
+    transition: none;
+  }
+}

package/dist/cjs/DateField/datefield.module.css.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+require('./datefield.css');
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"control":"control_1fcb12bd","control_invalid":"control_invalid_b03fb120","control_disabled":"control_disabled_4b0d162b","control_readonly":"control_readonly_575f6935","segments":"segments_c5c9ca37","group":"group_8538b195","segment":"segment_d592f6da","separator":"separator_74996ff7","clear_button":"clear_button_263dfe68"};
+
+exports.default = styles;
+//# sourceMappingURL=datefield.module.css.cjs.map

package/dist/cjs/DateField/datefield.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datefield.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/DateField/index.cjs

@@ -0,0 +1,203 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var index = require('../Field/index.cjs');
+var CloseIcon = require('../Icons/CloseIcon.cjs');
+var dateEngine = require('../date/dateEngine.cjs');
+var dateLocale = require('../date/dateLocale.cjs');
+var useDateLocale = require('../date/useDateLocale.cjs');
+var useControllableState = require('../hooks/useControllableState.cjs');
+var DateFieldSegments = require('./DateFieldSegments.cjs');
+var dateFieldInteractions = require('./dateFieldInteractions.cjs');
+var dateFieldState = require('./dateFieldState.cjs');
+var datefield_module = require('./datefield.module.css.cjs');
+
+function isCommittedDateSelectable(value, minDate, maxDate, isDateUnavailable) {
+    if (value === null)
+        return true;
+    return (dateEngine.isDateWithinConstraints(dateEngine.parseDateValue(value), minDate, maxDate) &&
+        !isDateUnavailable?.(value));
+}
+function hasDateFieldInternalError(committedValue, required, draftChanged, draftValue, draftSelectable, committedSelectable) {
+    return ((!committedValue && required && !draftChanged) ||
+        !committedSelectable ||
+        (draftChanged && draftValue !== null && !draftSelectable));
+}
+function shouldShowClearButton(requested, required, disabled, readOnly, committedValue) {
+    return (requested && !required && !disabled && !readOnly && committedValue !== null);
+}
+const DateFieldControl = React.forwardRef(function DateFieldControl({ value, defaultValue = null, onValueChange, minValue, maxValue, isDateUnavailable, locale, calendar: calendarProp = 'gregory', segmentLabels, showClearButton = true, clearButtonLabel = 'Clear date', disabled = false, readOnly = false, required = false, name, controlClassName, controlStyle, inputId, labelId, describedBy, hasConsumerError, endAdornment, onSegmentKeyDown, }, ref) {
+    const calendar = dateEngine.validateDateCalendar(calendarProp);
+    const resolvedLocale = useDateLocale.useDateLocale(locale);
+    const layout = React.useMemo(() => dateLocale.getDateSegmentLayout(dateFieldState.TEMPLATE_VALUE, resolvedLocale, calendar), [calendar, resolvedLocale]);
+    const eraOptions = React.useMemo(() => dateLocale.getCalendarEraOptions(resolvedLocale, calendar), [calendar, resolvedLocale]);
+    const parsedDefaultValue = dateFieldInteractions.normalizeDateFieldValue(defaultValue, 'defaultValue');
+    const parsedControlledValue = dateFieldInteractions.normalizeDateFieldValue(value, 'value');
+    const { minDate, maxDate } = dateEngine.validateDateConstraints(minValue, maxValue);
+    const [committedValue, setCommittedValue] = useControllableState.useControllableValue(parsedControlledValue, parsedDefaultValue, onValueChange);
+    const sourceKey = dateFieldState.getSourceKey(committedValue, calendar, resolvedLocale);
+    const [storedDraft, dispatch] = React.useReducer(dateFieldState.draftReducer, committedValue, (initialValue) => dateFieldState.createDraft(initialValue, calendar, resolvedLocale, layout, eraOptions));
+    const baselineDraft = React.useMemo(() => dateFieldState.createDraft(committedValue, calendar, resolvedLocale, layout, eraOptions), [calendar, committedValue, eraOptions, layout, resolvedLocale]);
+    const draft = storedDraft.sourceKey === sourceKey ? storedDraft : baselineDraft;
+    const draftChanged = !dateFieldState.areValuesEqual(draft.values, baselineDraft.values);
+    const draftValue = dateFieldState.getDraftValue(draft, resolvedLocale, calendar);
+    const resolvedDraftValue = dateFieldInteractions.resolveDateDraftValue({
+        draft,
+        locale: resolvedLocale,
+        calendar,
+        minDate,
+        maxDate,
+        isDateUnavailable,
+    });
+    const draftIsoDate = typeof draftValue === 'string' ? dateEngine.parseDateValue(draftValue) : undefined;
+    const draftSelectable = typeof resolvedDraftValue === 'string';
+    const committedDate = committedValue
+        ? dateEngine.parseDateValue(committedValue)
+        : undefined;
+    const committedSelectable = isCommittedDateSelectable(committedValue, minDate, maxDate, isDateUnavailable);
+    const referenceCalendarDate = dateEngine.getCalendarDate(draftIsoDate ?? committedDate ?? dateEngine.parseDateValue(dateFieldState.TEMPLATE_VALUE), calendar);
+    const hasInternalError = hasDateFieldInternalError(committedValue, required, draftChanged, draftValue, draftSelectable, committedSelectable);
+    const invalid = hasConsumerError || hasInternalError;
+    const firstInputRef = React.useRef(null);
+    const segmentInputRefs = React.useRef({});
+    const direction = dateLocale.getLocaleDirection(resolvedLocale);
+    React.useEffect(() => {
+        firstInputRef.current?.setCustomValidity(hasInternalError ? 'Enter a complete, valid, available date.' : '');
+    }, [hasInternalError]);
+    const visibleSegments = layout
+        .filter((part) => part.kind === 'segment')
+        .map((part) => part.type);
+    const firstVisibleSegment = visibleSegments[0];
+    function replaceWithCommitted(nextValue, activeSegment = draft.activeSegment) {
+        const replacement = dateFieldState.createDraft(nextValue, calendar, resolvedLocale, layout, eraOptions);
+        dispatch({
+            type: 'replace',
+            draft: { ...replacement, activeSegment },
+        });
+    }
+    function handleSegmentChange(segment, nextValue) {
+        if (disabled || readOnly)
+            return;
+        const edit = dateFieldInteractions.createDateDraftEdit({
+            draft,
+            segment,
+            nextValue,
+            locale: resolvedLocale,
+            eraOptions,
+        });
+        if (edit.shouldApply)
+            applyDraft(edit.draft);
+        else
+            dispatch({ type: 'replace', draft: edit.draft });
+    }
+    function applyDraft(nextDraft) {
+        const nextValue = dateFieldInteractions.resolveDateDraftValue({
+            draft: nextDraft,
+            locale: resolvedLocale,
+            calendar,
+            minDate,
+            maxDate,
+            isDateUnavailable,
+        });
+        if (nextValue === undefined) {
+            dispatch({ type: 'replace', draft: nextDraft });
+            return;
+        }
+        setCommittedValue(nextValue);
+        replaceWithCommitted(nextValue);
+    }
+    function executeKeyCommand(command, currentSegment) {
+        switch (command.type) {
+            case 'move':
+                if (command.target === currentSegment)
+                    return;
+                dispatch({ type: 'set-active', segment: command.target });
+                segmentInputRefs.current[command.target]?.focus();
+                return;
+            case 'restore':
+                dispatch({ type: 'replace', draft: baselineDraft });
+                return;
+            case 'clear':
+                handleSegmentChange(currentSegment, '');
+                return;
+            case 'step': {
+                const nextDraft = dateFieldInteractions.stepDateDraft({
+                    draft,
+                    segment: command.segment,
+                    amount: command.amount,
+                    calendar,
+                    locale: resolvedLocale,
+                    layout,
+                    eraOptions,
+                });
+                if (nextDraft)
+                    applyDraft(nextDraft);
+            }
+        }
+    }
+    function handleSegmentKeyDown(segment, event) {
+        onSegmentKeyDown?.(segment, event);
+        if (event.defaultPrevented)
+            return;
+        const command = dateFieldInteractions.resolveDateFieldKeyCommand({
+            key: event.key,
+            segment,
+            direction,
+            visibleSegments,
+            editable: !disabled && !readOnly,
+        });
+        if (!command)
+            return;
+        event.preventDefault();
+        executeKeyCommand(command, segment);
+    }
+    function handleSegmentPaste(_segment, event) {
+        if (disabled || readOnly)
+            return;
+        const text = event.clipboardData.getData('text');
+        const nextDraft = dateFieldInteractions.parseDateFieldPaste({
+            text,
+            draft,
+            calendar,
+            locale: resolvedLocale,
+            layout,
+            eraOptions,
+        });
+        if (!nextDraft)
+            return;
+        event.preventDefault();
+        applyDraft(nextDraft);
+    }
+    function handleClear() {
+        setCommittedValue(null);
+        replaceWithCommitted(null, firstVisibleSegment);
+        firstInputRef.current?.focus();
+    }
+    function handleInputRef(segment, node) {
+        if (node)
+            segmentInputRefs.current[segment] = node;
+        if (segment === firstVisibleSegment)
+            firstInputRef.current = node;
+    }
+    const formValue = draftChanged && !draftSelectable ? '' : (committedValue ?? '');
+    const showClear = shouldShowClearButton(showClearButton, required, disabled, readOnly, committedValue);
+    return (jsxRuntime.jsx("div", { ref: ref, id: inputId, dir: direction, className: clsx(datefield_module.default.control, {
+            [datefield_module.default.control_invalid]: invalid,
+            [datefield_module.default.control_disabled]: disabled,
+            [datefield_module.default.control_readonly]: readOnly,
+        }, controlClassName), style: controlStyle, children: jsxRuntime.jsxs("fieldset", { className: datefield_module.default.group, "aria-labelledby": labelId, "aria-describedby": describedBy, "aria-invalid": invalid || undefined, children: [jsxRuntime.jsx(DateFieldSegments.DateFieldSegments, { layout: layout, draft: draft, segmentLabels: segmentLabels, locale: resolvedLocale, calendarDate: referenceCalendarDate, eraOptions: eraOptions, firstVisibleSegment: firstVisibleSegment, disabled: disabled, readOnly: readOnly, required: required, invalid: invalid, onInputRef: handleInputRef, onFocus: (segment) => dispatch({ type: 'set-active', segment }), onChange: handleSegmentChange, onKeyDown: handleSegmentKeyDown, onPaste: handleSegmentPaste }), showClear && (jsxRuntime.jsx("button", { type: 'button', className: datefield_module.default.clear_button, "aria-label": clearButtonLabel, onClick: handleClear, children: jsxRuntime.jsx(CloseIcon.CloseIcon, { size: 'sm', "aria-hidden": 'true' }) })), endAdornment, name && (jsxRuntime.jsx("input", { type: 'hidden', name: name, value: formValue, disabled: disabled }))] }) }));
+});
+DateFieldControl.displayName = 'DateFieldControl';
+const DateField = React.forwardRef(function DateField({ label, hideLabel = false, helperText, error, disabled = false, required = false, id, className, style, ...controlProps }, ref) {
+    return (jsxRuntime.jsx(index.default, { label: label, labelElement: 'span', hideLabel: hideLabel, helperText: helperText, error: error, disabled: disabled, required: required, id: id, className: className, style: style, children: ({ inputId, labelId, describedBy, hasError }) => (jsxRuntime.jsx(DateFieldControl, { ...controlProps, ref: ref, inputId: inputId, labelId: labelId, describedBy: describedBy, hasConsumerError: hasError, disabled: disabled, required: required })) }));
+});
+DateField.displayName = 'DateField';
+
+exports.DateFieldControl = DateFieldControl;
+exports.default = DateField;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/DateField/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/DateField/index.tsx"],"sourcesContent":[null],"names":["isDateWithinConstraints","parseDateValue","validateDateCalendar","useDateLocale","useMemo","getDateSegmentLayout","TEMPLATE_VALUE","getCalendarEraOptions","normalizeDateFieldValue","validateDateConstraints","useControllableValue","getSourceKey","useReducer","draftReducer","createDraft","areValuesEqual","getDraftValue","resolveDateDraftValue","getCalendarDate","useRef","getLocaleDirection","useEffect","createDateDraftEdit","stepDateDraft","resolveDateFieldKeyCommand","parseDateFieldPaste","_jsx","styles","_jsxs","DateFieldSegments","CloseIcon","Field"],"mappings":";;;;;;;;;;;;;;;;;;;AAwFA,SAAS,yBAAyB,CAChC,KAAuB,EACvB,OAA4B,EAC5B,OAA4B,EAC5B,iBAA8D,EAAA;IAE9D,IAAI,KAAK,KAAK,IAAI;AAAE,QAAA,OAAO,IAAI;IAC/B,QACEA,kCAAuB,CAACC,yBAAc,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC;AAChE,QAAA,CAAC,iBAAiB,GAAG,KAAK,CAAC;AAE/B;AAEA,SAAS,yBAAyB,CAChC,cAAgC,EAChC,QAAiB,EACjB,YAAqB,EACrB,UAAwC,EACxC,eAAwB,EACxB,mBAA4B,EAAA;IAE5B,QACE,CAAC,CAAC,cAAc,IAAI,QAAQ,IAAI,CAAC,YAAY;AAC7C,QAAA,CAAC,mBAAmB;SACnB,YAAY,IAAI,UAAU,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC;AAE7D;AAEA,SAAS,qBAAqB,CAC5B,SAAkB,EAClB,QAAiB,EACjB,QAAiB,EACjB,QAAiB,EACjB,cAAgC,EAAA;AAEhC,IAAA,QACE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,cAAc,KAAK,IAAI;AAE/E;AAMO,MAAM,gBAAgB,GAA8B,KAAK,CAAC,UAAU,CAGzE,SAAS,gBAAgB,CACzB,EACE,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,QAAQ,EAAE,YAAY,GAAG,SAAS,EAClC,aAAa,EACb,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,YAAY,EAC/B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,GACjB,EACD,GAAG,EAAA;AAEH,IAAA,MAAM,QAAQ,GAAGC,+BAAoB,CAAC,YAAY,CAAC;AACnD,IAAA,MAAM,cAAc,GAAGC,2BAAa,CAAC,MAAM,CAAC;IAC5C,MAAM,MAAM,GAAGC,aAAO,CACpB,MAAMC,+BAAoB,CAACC,6BAAc,EAAE,cAAc,EAAE,QAAQ,CAAC,EACpE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B;IACD,MAAM,UAAU,GAAGF,aAAO,CACxB,MAAMG,gCAAqB,CAAC,cAAc,EAAE,QAAQ,CAAC,EACrD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B;IACD,MAAM,kBAAkB,GAAGC,6CAAuB,CAChD,YAAY,EACZ,cAAc,CACf;IACD,MAAM,qBAAqB,GAAGA,6CAAuB,CAAC,KAAK,EAAE,OAAO,CAAC;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAGC,kCAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACxE,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GACvCC,yCAAoB,CAClB,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,CACd;IACH,MAAM,SAAS,GAAGC,2BAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC;AACxE,IAAA,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAGC,gBAAU,CACxCC,2BAAY,EACZ,cAAc,EACd,CAAC,YAAY,KACXC,0BAAW,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,CAAC,CAC1E;AACD,IAAA,MAAM,aAAa,GAAGV,aAAO,CAC3B,MACEU,0BAAW,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,CAAC,EAC3E,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC,CAC/D;AACD,IAAA,MAAM,KAAK,GACT,WAAW,CAAC,SAAS,KAAK,SAAS,GAAG,WAAW,GAAG,aAAa;AACnE,IAAA,MAAM,YAAY,GAAG,CAACC,6BAAc,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC;IACxE,MAAM,UAAU,GAAGC,4BAAa,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;IACjE,MAAM,kBAAkB,GAAGC,2CAAqB,CAAC;QAC/C,KAAK;AACL,QAAA,MAAM,EAAE,cAAc;QACtB,QAAQ;QACR,OAAO;QACP,OAAO;QACP,iBAAiB;AAClB,KAAA,CAAC;AACF,IAAA,MAAM,YAAY,GAChB,OAAO,UAAU,KAAK,QAAQ,GAAGhB,yBAAc,CAAC,UAAU,CAAC,GAAG,SAAS;AACzE,IAAA,MAAM,eAAe,GAAG,OAAO,kBAAkB,KAAK,QAAQ;IAC9D,MAAM,aAAa,GAAG;AACpB,UAAEA,yBAAc,CAAC,cAAc;UAC7B,SAAS;AACb,IAAA,MAAM,mBAAmB,GAAG,yBAAyB,CACnD,cAAc,EACd,OAAO,EACP,OAAO,EACP,iBAAiB,CAClB;AACD,IAAA,MAAM,qBAAqB,GAAGiB,0BAAe,CAC3C,YAAY,IAAI,aAAa,IAAIjB,yBAAc,CAACK,6BAAc,CAAC,EAC/D,QAAQ,CACT;AACD,IAAA,MAAM,gBAAgB,GAAG,yBAAyB,CAChD,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,eAAe,EACf,mBAAmB,CACpB;AACD,IAAA,MAAM,OAAO,GAAG,gBAAgB,IAAI,gBAAgB;AACpD,IAAA,MAAM,aAAa,GAAGa,YAAM,CAAmB,IAAI,CAAC;AACpD,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAE7B,EAAE,CAAC;AACL,IAAA,MAAM,SAAS,GAAGC,6BAAkB,CAAC,cAAc,CAAC;IAEpDC,eAAS,CAAC,MAAK;AACb,QAAA,aAAa,CAAC,OAAO,EAAE,iBAAiB,CACtC,gBAAgB,GAAG,0CAA0C,GAAG,EAAE,CACnE;AACH,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,MAAM,eAAe,GAAG;SACrB,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS;SACxC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;AAC3B,IAAA,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,CAAgB;IAE7D,SAAS,oBAAoB,CAC3B,SAA2B,EAC3B,aAAa,GAAG,KAAK,CAAC,aAAa,EAAA;AAEnC,QAAA,MAAM,WAAW,GAAGP,0BAAW,CAC7B,SAAS,EACT,QAAQ,EACR,cAAc,EACd,MAAM,EACN,UAAU,CACX;AACD,QAAA,QAAQ,CAAC;AACP,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,aAAa,EAAE;AACzC,SAAA,CAAC;IACJ;AAEA,IAAA,SAAS,mBAAmB,CAAC,OAAoB,EAAE,SAAiB,EAAA;QAClE,IAAI,QAAQ,IAAI,QAAQ;YAAE;QAC1B,MAAM,IAAI,GAAGQ,yCAAmB,CAAC;YAC/B,KAAK;YACL,OAAO;YACP,SAAS;AACT,YAAA,MAAM,EAAE,cAAc;YACtB,UAAU;AACX,SAAA,CAAC;QACF,IAAI,IAAI,CAAC,WAAW;AAAE,YAAA,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;AACvC,YAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;IACvD;IAEA,SAAS,UAAU,CAAC,SAAoB,EAAA;QACtC,MAAM,SAAS,GAAGL,2CAAqB,CAAC;AACtC,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,cAAc;YACtB,QAAQ;YACR,OAAO;YACP,OAAO;YACP,iBAAiB;AAClB,SAAA,CAAC;AACF,QAAA,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YAC/C;QACF;QACA,iBAAiB,CAAC,SAAS,CAAC;QAC5B,oBAAoB,CAAC,SAAS,CAAC;IACjC;AAEA,IAAA,SAAS,iBAAiB,CACxB,OAA4B,EAC5B,cAA2B,EAAA;AAE3B,QAAA,QAAQ,OAAO,CAAC,IAAI;AAClB,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,OAAO,CAAC,MAAM,KAAK,cAAc;oBAAE;AACvC,gBAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;gBACzD,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE;gBACjD;AACF,YAAA,KAAK,SAAS;gBACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;gBACnD;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,mBAAmB,CAAC,cAAc,EAAE,EAAE,CAAC;gBACvC;YACF,KAAK,MAAM,EAAE;gBACX,MAAM,SAAS,GAAGM,mCAAa,CAAC;oBAC9B,KAAK;oBACL,OAAO,EAAE,OAAO,CAAC,OAAO;oBACxB,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,QAAQ;AACR,oBAAA,MAAM,EAAE,cAAc;oBACtB,MAAM;oBACN,UAAU;AACX,iBAAA,CAAC;AACF,gBAAA,IAAI,SAAS;oBAAE,UAAU,CAAC,SAAS,CAAC;YACtC;;IAEJ;AAEA,IAAA,SAAS,oBAAoB,CAC3B,OAAoB,EACpB,KAA4C,EAAA;AAE5C,QAAA,gBAAgB,GAAG,OAAO,EAAE,KAAK,CAAC;QAClC,IAAI,KAAK,CAAC,gBAAgB;YAAE;QAC5B,MAAM,OAAO,GAAGC,gDAA0B,CAAC;YACzC,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,OAAO;YACP,SAAS;YACT,eAAe;AACf,YAAA,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;AACjC,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,OAAO;YAAE;QACd,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC;IACrC;AAEA,IAAA,SAAS,kBAAkB,CACzB,QAAqB,EACrB,KAA6C,EAAA;QAE7C,IAAI,QAAQ,IAAI,QAAQ;YAAE;QAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC;QAChD,MAAM,SAAS,GAAGC,yCAAmB,CAAC;YACpC,IAAI;YACJ,KAAK;YACL,QAAQ;AACR,YAAA,MAAM,EAAE,cAAc;YACtB,MAAM;YACN,UAAU;AACX,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,SAAS;YAAE;QAEhB,KAAK,CAAC,cAAc,EAAE;QACtB,UAAU,CAAC,SAAS,CAAC;IACvB;AAEA,IAAA,SAAS,WAAW,GAAA;QAClB,iBAAiB,CAAC,IAAI,CAAC;AACvB,QAAA,oBAAoB,CAAC,IAAI,EAAE,mBAAmB,CAAC;AAC/C,QAAA,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE;IAChC;AAEA,IAAA,SAAS,cAAc,CACrB,OAAoB,EACpB,IAA6B,EAAA;AAE7B,QAAA,IAAI,IAAI;AAAE,YAAA,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI;QAClD,IAAI,OAAO,KAAK,mBAAmB;AAAE,YAAA,aAAa,CAAC,OAAO,GAAG,IAAI;IACnE;AAEA,IAAA,MAAM,SAAS,GACb,YAAY,IAAI,CAAC,eAAe,GAAG,EAAE,IAAI,cAAc,IAAI,EAAE,CAAC;AAChE,IAAA,MAAM,SAAS,GAAG,qBAAqB,CACrC,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,cAAc,CACf;IAED,QACEC,wBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAI,CACbC,wBAAM,CAAC,OAAO,EACd;AACE,YAAA,CAACA,wBAAM,CAAC,eAAe,GAAG,OAAO;AACjC,YAAA,CAACA,wBAAM,CAAC,gBAAgB,GAAG,QAAQ;AACnC,YAAA,CAACA,wBAAM,CAAC,gBAAgB,GAAG,QAAQ;AACpC,SAAA,EACD,gBAAgB,CACjB,EACD,KAAK,EAAE,YAAY,EAAA,QAAA,EAEnBC,eAAA,CAAA,UAAA,EAAA,EACE,SAAS,EAAED,wBAAM,CAAC,KAAK,EAAA,iBAAA,EACN,OAAO,sBACN,WAAW,EAAA,cAAA,EACf,OAAO,IAAI,SAAS,EAAA,QAAA,EAAA,CAElCD,cAAA,CAACG,mCAAiB,EAAA,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,qBAAqB,EACnC,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAC/D,QAAQ,EAAE,mBAAmB,EAC7B,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,kBAAkB,EAAA,CAC3B,EAED,SAAS,KACRH,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,wBAAM,CAAC,YAAY,EAAA,YAAA,EAClB,gBAAgB,EAC5B,OAAO,EAAE,WAAW,EAAA,QAAA,EAEpBD,eAACI,mBAAS,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,EAAA,CACnC,CACV,EAEA,YAAY,EAEZ,IAAI,KACHJ,cAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACH,CAAA,EAAA,CACQ,EAAA,CACP;AAEV,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;AAMjD,MAAM,SAAS,GAAuB,KAAK,CAAC,UAAU,CAGpD,SAAS,SAAS,CAClB,EACE,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,GAAG,YAAY,EAChB,EACD,GAAG,EAAA;IAEH,QACEA,eAACK,aAAK,EAAA,EACJ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,MAAM,EACnB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAEX,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAC3CL,cAAA,CAAC,gBAAgB,EAAA,EAAA,GACX,YAAY,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,CAClB,CACH,EAAA,CACK;AAEZ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;;"}

package/dist/cjs/DatePicker/datepicker.css

@@ -0,0 +1,24 @@
+.calendar_trigger_9268b87b {
+  flex: 0 0 auto;
+  inline-size: 2rem;
+  block-size: 2rem;
+  min-inline-size: 2rem;
+  padding: 0;
+}
+
+.popover_content_637b8e1f {
+  padding: 0;
+  overflow: auto;
+}
+
+.calendar_dfe57519 {
+  border: 0;
+}
+
+@media (pointer: coarse) {
+  .calendar_trigger_9268b87b {
+    inline-size: 3rem;
+    block-size: 3rem;
+    min-inline-size: 3rem;
+  }
+}

package/dist/cjs/DatePicker/datepicker.module.css.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+require('./datepicker.css');
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"calendar_trigger":"calendar_trigger_9268b87b","popover_content":"popover_content_637b8e1f","calendar":"calendar_dfe57519"};
+
+exports.default = styles;
+//# sourceMappingURL=datepicker.module.css.cjs.map

package/dist/cjs/DatePicker/datepicker.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/DatePicker/index.cjs

@@ -0,0 +1,98 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index$3 = require('../Button/index.cjs');
+var index$4 = require('../Calendar/index.cjs');
+var index$2 = require('../DateField/index.cjs');
+var index = require('../Field/index.cjs');
+var CalendarIcon = require('../Icons/CalendarIcon.cjs');
+var index$1 = require('../Popover/index.cjs');
+var dateEngine = require('../date/dateEngine.cjs');
+var dateLocale = require('../date/dateLocale.cjs');
+var useDateLocale = require('../date/useDateLocale.cjs');
+var useControllableState = require('../hooks/useControllableState.cjs');
+var datepicker_module = require('./datepicker.module.css.cjs');
+
+const DatePicker = React.forwardRef(function DatePicker({ label, value, defaultValue = null, onValueChange, minValue, maxValue, isDateUnavailable, locale, calendar: calendarProp = 'gregory', segmentLabels, showClearButton, clearButtonLabel, hideLabel = false, helperText, error, disabled = false, readOnly = false, required = false, name, id, className, style, controlClassName, controlStyle, open, defaultOpen = false, onOpenChange, defaultFocusedValue, today, firstDayOfWeek, calendarLabel, previousMonthLabel, nextMonthLabel, getCalendarButtonLabel, }, ref) {
+    const calendar = dateEngine.validateDateCalendar(calendarProp);
+    const resolvedLocale = useDateLocale.useDateLocale(locale);
+    const parsedDefaultValue = defaultValue === null
+        ? null
+        : dateEngine.serializeDateValue(dateEngine.parseDateValue(defaultValue, 'defaultValue'));
+    const parsedControlledValue = value === undefined
+        ? undefined
+        : value === null
+            ? null
+            : dateEngine.serializeDateValue(dateEngine.parseDateValue(value, 'value'));
+    dateEngine.validateDateConstraints(minValue, maxValue);
+    if (defaultFocusedValue !== undefined) {
+        dateEngine.parseDateValue(defaultFocusedValue, 'defaultFocusedValue');
+    }
+    if (today !== undefined)
+        dateEngine.parseDateValue(today, 'today');
+    const [selectedValue, setSelectedValue] = useControllableState.useControllableValue(parsedControlledValue, parsedDefaultValue, onValueChange);
+    const [currentOpen, setCurrentOpen] = useControllableState.useControllableValue(open, defaultOpen, onOpenChange);
+    const effectiveOpen = !disabled && currentOpen;
+    const calendarTriggerRef = React.useRef(null);
+    const wasOpenRef = React.useRef(effectiveOpen);
+    React.useEffect(() => {
+        const wasOpen = wasOpenRef.current;
+        wasOpenRef.current = effectiveOpen;
+        if (wasOpen && !effectiveOpen) {
+            // Outside dismissal starts on pointer-down; wait through that pointer
+            // sequence before restoring focus to the trigger.
+            let focusFrame = 0;
+            const settleFrame = requestAnimationFrame(() => {
+                focusFrame = requestAnimationFrame(() => {
+                    calendarTriggerRef.current?.focus();
+                });
+            });
+            return () => {
+                cancelAnimationFrame(settleFrame);
+                cancelAnimationFrame(focusFrame);
+            };
+        }
+    }, [effectiveOpen]);
+    const formattedValue = React.useMemo(() => selectedValue
+        ? dateLocale.formatDateValue(selectedValue, resolvedLocale, calendar)
+        : null, [calendar, resolvedLocale, selectedValue]);
+    const triggerLabel = getCalendarButtonLabel
+        ? getCalendarButtonLabel(formattedValue)
+        : formattedValue
+            ? `Change date, ${formattedValue}`
+            : 'Choose date';
+    const resolvedCalendarLabel = calendarLabel ?? `${label} calendar`;
+    const initialFocusRef = React.useRef(null);
+    const setCalendarRootRef = React.useCallback((node) => {
+        initialFocusRef.current =
+            node?.querySelector('button[data-date-value][tabindex="0"]') ?? null;
+    }, []);
+    function handleOpenChange(nextOpen) {
+        setCurrentOpen(nextOpen);
+    }
+    function handleSegmentKeyDown(_segment, event) {
+        if (!event.altKey)
+            return;
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            handleOpenChange(true);
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            handleOpenChange(false);
+        }
+    }
+    function handleCalendarValueChange(nextValue) {
+        setSelectedValue(nextValue);
+        handleOpenChange(false);
+    }
+    return (jsxRuntime.jsx(index.default, { label: label, labelElement: 'span', hideLabel: hideLabel, helperText: helperText, error: error, disabled: disabled, required: required, id: id, className: className, style: style, children: ({ inputId, labelId, describedBy, hasError }) => (jsxRuntime.jsxs(index$1.Popover, { open: effectiveOpen, onOpenChange: handleOpenChange, children: [jsxRuntime.jsx(index$2.DateFieldControl, { ref: ref, value: selectedValue, onValueChange: setSelectedValue, minValue: minValue, maxValue: maxValue, isDateUnavailable: isDateUnavailable, locale: resolvedLocale, calendar: calendar, segmentLabels: segmentLabels, showClearButton: showClearButton, clearButtonLabel: clearButtonLabel, disabled: disabled, readOnly: readOnly, required: required, name: name, controlClassName: controlClassName, controlStyle: controlStyle, inputId: inputId, labelId: labelId, describedBy: describedBy, hasConsumerError: hasError, onSegmentKeyDown: handleSegmentKeyDown, endAdornment: jsxRuntime.jsx(index$1.Popover.Trigger, { ref: calendarTriggerRef, asChild: true, children: jsxRuntime.jsx(index$3.default, { type: 'button', variant: 'ghost', size: 'sm', className: datepicker_module.default.calendar_trigger, "aria-label": triggerLabel, disabled: disabled, children: jsxRuntime.jsx(CalendarIcon.CalendarIcon, { size: 'sm' }) }) }) }), jsxRuntime.jsx(index$1.Popover.Content, { role: 'dialog', "aria-modal": 'true', "aria-label": resolvedCalendarLabel, initialFocusRef: initialFocusRef, className: datepicker_module.default.popover_content, children: jsxRuntime.jsx(index$4.default, { ref: setCalendarRootRef, label: resolvedCalendarLabel, value: selectedValue, onValueChange: handleCalendarValueChange, defaultFocusedValue: defaultFocusedValue, today: today, minValue: minValue, maxValue: maxValue, isDateUnavailable: isDateUnavailable, locale: resolvedLocale, calendar: calendar, firstDayOfWeek: firstDayOfWeek, previousMonthLabel: previousMonthLabel, nextMonthLabel: nextMonthLabel, disabled: disabled, readOnly: readOnly, className: datepicker_module.default.calendar }) })] })) }));
+});
+DatePicker.displayName = 'DatePicker';
+
+exports.default = DatePicker;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/DatePicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/DatePicker/index.tsx"],"sourcesContent":[null],"names":["validateDateCalendar","useDateLocale","serializeDateValue","parseDateValue","validateDateConstraints","useControllableValue","formatDateValue","_jsx","Field","_jsxs","Popover","DateFieldControl","Button","styles","CalendarIcon","Calendar"],"mappings":"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"}