@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta.8

package/dist/_shared/esm/DatePicker-c7bb178e.js

@@ -1,539 +0,0 @@
-import { b as __spreadArray, _ as __rest, a as __assign } from './index-288c66b5.js';
-import React__default, { useRef, useState, createElement, useCallback, forwardRef, useEffect } from 'react';
-import { c as classNames } from './index-2e73c2e9.js';
-import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $71cd76cc60e0454e$export$6f32135080cb4c3, _ as _extends, b as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, c as $5e63c961fc1ce211$export$8c6ed5c666ac1360, d as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from './index-cace3545.js';
-import { $ as $cf1ac5d9fe0e8206$export$722aac194ae923, a as $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, b as $cf1ac5d9fe0e8206$export$b688253958b8dfe7, c as $f1701beae083dbae$export$602eac185826482c, d as $01b9c$RemoveScroll, e as $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c, f as $d3863c46a17e8a28$export$20e40289641fbbb6, g as $5cb92bef7577960e$export$177fb62ff3ec1f22, h as $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 } from './Combination-ae3a3f08.js';
-import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from './index-7740883c.js';
-import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-fa93ec97.js';
-import { h as hideOthers, u as useThemeElement } from './component-d0a555cf.js';
-import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-60591442.js';
-import { r as requiredArgs, t as toDate, i as isValid, f as format } from './index-605031ca.js';
-import { T as TextInputWithPlaceHolder } from './TextInput-94c7b1a4.js';
-
-/**
- * @name startOfDay
- * @category Day Helpers
- * @summary Return the start of a day for the given date.
- *
- * @description
- * Return the start of a day for the given date.
- * The result will be in the local timezone.
- *
- * @param {Date|Number} date - the original date
- * @returns {Date} the start of a day
- * @throws {TypeError} 1 argument required
- *
- * @example
- * // The start of a day for 2 September 2014 11:55:00:
- * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Tue Sep 02 2014 00:00:00
- */
-function startOfDay(dirtyDate) {
-  requiredArgs(1, arguments);
-  var date = toDate(dirtyDate);
-  date.setHours(0, 0, 0, 0);
-  return date;
-}
-
-/**
- * @name isSameDay
- * @category Day Helpers
- * @summary Are the given dates in the same day (and year and month)?
- *
- * @description
- * Are the given dates in the same day (and year and month)?
- *
- * @param {Date|Number} dateLeft - the first date to check
- * @param {Date|Number} dateRight - the second date to check
- * @returns {Boolean} the dates are in the same day (and year and month)
- * @throws {TypeError} 2 arguments required
- *
- * @example
- * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
- * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
- * //=> true
- *
- * @example
- * // Are 4 September and 4 October in the same day?
- * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
- * //=> false
- *
- * @example
- * // Are 4 September, 2014 and 4 September, 2015 in the same day?
- * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
- * //=> false
- */
-function isSameDay(dirtyDateLeft, dirtyDateRight) {
-  requiredArgs(2, arguments);
-  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
-  var dateRightStartOfDay = startOfDay(dirtyDateRight);
-  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
-}
-
-var parseRangeString = function (value) {
-    if (value === void 0) { value = ""; }
-    var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
-    var _d = start.split("/"), startDay = _d[0], startMonth = _d[1], startYear = _d[2];
-    var _e = end.split("/"), endDay = _e[0], endMonth = _e[1], endYear = _e[2];
-    return {
-        start: {
-            date: start,
-            day: startDay,
-            month: startMonth,
-            year: startYear
-        },
-        end: {
-            date: end,
-            day: endDay,
-            month: endMonth,
-            year: endYear
-        }
-    };
-};
-
-var parseDateString = function (value) {
-    var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
-    return {
-        day: day,
-        month: month,
-        year: year
-    };
-};
-
-var isDateValid = function (value) {
-    if (value === void 0) { value = ""; }
-    var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
-    return (/^\d{2}\/\d{2}\/\d{4}$/.test(value) &&
-        isValid(new Date("".concat(year, "-").concat(month, "-").concat(day))));
-};
-
-var isRangeValid = function (value) {
-    if (value === void 0) { value = ""; }
-    var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
-    return isDateValid(start) && isDateValid(end);
-};
-
-var DATE_FORMAT = "dd/MM/yyyy";
-
-/* -------------------------------------------------------------------------------------------------
- * Popover
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$POPOVER_NAME = 'Popover';
-const [$cb5cc270b50c6fcd$var$createPopoverContext, $cb5cc270b50c6fcd$export$c8393c9e73286932] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($cb5cc270b50c6fcd$var$POPOVER_NAME, [
-    $cf1ac5d9fe0e8206$export$722aac194ae923
-]);
-const $cb5cc270b50c6fcd$var$usePopperScope = $cf1ac5d9fe0e8206$export$722aac194ae923();
-const [$cb5cc270b50c6fcd$var$PopoverProvider, $cb5cc270b50c6fcd$var$usePopoverContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$POPOVER_NAME);
-const $cb5cc270b50c6fcd$export$5b6b19405a83ff9d = (props)=>{
-    const { __scopePopover: __scopePopover , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , modal: modal = false  } = props;
-    const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);
-    const triggerRef = useRef(null);
-    const [hasCustomAnchor, setHasCustomAnchor] = useState(false);
-    const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-        prop: openProp,
-        defaultProp: defaultOpen,
-        onChange: onOpenChange
-    });
-    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, popperScope, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverProvider, {
-        scope: __scopePopover,
-        contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
-        triggerRef: triggerRef,
-        open: open,
-        onOpenChange: setOpen,
-        onOpenToggle: useCallback(()=>setOpen((prevOpen)=>!prevOpen
-            )
-        , [
-            setOpen
-        ]),
-        hasCustomAnchor: hasCustomAnchor,
-        onCustomAnchorAdd: useCallback(()=>setHasCustomAnchor(true)
-        , []),
-        onCustomAnchorRemove: useCallback(()=>setHasCustomAnchor(false)
-        , []),
-        modal: modal
-    }, children));
-};
-/* -------------------------------------------------------------------------------------------------
- * PopoverAnchor
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$ANCHOR_NAME = 'PopoverAnchor';
-const $cb5cc270b50c6fcd$export$96e5381f42521a79 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopePopover: __scopePopover , ...anchorProps } = props;
-    const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$ANCHOR_NAME, __scopePopover);
-    const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);
-    const { onCustomAnchorAdd: onCustomAnchorAdd , onCustomAnchorRemove: onCustomAnchorRemove  } = context;
-    useEffect(()=>{
-        onCustomAnchorAdd();
-        return ()=>onCustomAnchorRemove()
-        ;
-    }, [
-        onCustomAnchorAdd,
-        onCustomAnchorRemove
-    ]);
-    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends({}, popperScope, anchorProps, {
-        ref: forwardedRef
-    }));
-});
-/* -------------------------------------------------------------------------------------------------
- * PopoverPortal
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PORTAL_NAME = 'PopoverPortal';
-const [$cb5cc270b50c6fcd$var$PortalProvider, $cb5cc270b50c6fcd$var$usePortalContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, {
-    forceMount: undefined
-});
-const $cb5cc270b50c6fcd$export$dd679ffb4362d2d4 = (props)=>{
-    const { __scopePopover: __scopePopover , forceMount: forceMount , children: children , container: container  } = props;
-    const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, __scopePopover);
-    return /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PortalProvider, {
-        scope: __scopePopover,
-        forceMount: forceMount
-    }, /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-        present: forceMount || context.open
-    }, /*#__PURE__*/ createElement($f1701beae083dbae$export$602eac185826482c, {
-        asChild: true,
-        container: container
-    }, children)));
-};
-/* -------------------------------------------------------------------------------------------------
- * PopoverContent
- * -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$CONTENT_NAME = 'PopoverContent';
-const $cb5cc270b50c6fcd$export$d7e1f420b25549ff = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const portalContext = $cb5cc270b50c6fcd$var$usePortalContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
-    const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
-    const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
-    return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-        present: forceMount || context.open
-    }, context.modal ? /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentModal, _extends({}, contentProps, {
-        ref: forwardedRef
-    })) : /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentNonModal, _extends({}, contentProps, {
-        ref: forwardedRef
-    })));
-});
-/* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PopoverContentModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
-    const contentRef = useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentRef);
-    const isRightClickOutsideRef = useRef(false); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
-    useEffect(()=>{
-        const content = contentRef.current;
-        if (content) return hideOthers(content);
-    }, []);
-    return /*#__PURE__*/ createElement($01b9c$RemoveScroll, {
-        as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
-        allowPinchZoom: true
-    }, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentImpl, _extends({}, props, {
-        ref: composedRefs // we make sure we're not trapping once it's been closed
-        ,
-        trapFocus: context.open,
-        disableOutsidePointerEvents: true,
-        onCloseAutoFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onCloseAutoFocus, (event)=>{
-            var _context$triggerRef$c;
-            event.preventDefault();
-            if (!isRightClickOutsideRef.current) (_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
-        }),
-        onPointerDownOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside, (event)=>{
-            const originalEvent = event.detail.originalEvent;
-            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-            isRightClickOutsideRef.current = isRightClick;
-        }, {
-            checkForDefaultPrevented: false
-        }) // When focus is trapped, a `focusout` event may still happen.
-        ,
-        onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event)=>event.preventDefault()
-        , {
-            checkForDefaultPrevented: false
-        })
-    })));
-});
-const $cb5cc270b50c6fcd$var$PopoverContentNonModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
-    const hasInteractedOutsideRef = useRef(false);
-    const hasPointerDownOutsideRef = useRef(false);
-    return /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentImpl, _extends({}, props, {
-        ref: forwardedRef,
-        trapFocus: false,
-        disableOutsidePointerEvents: false,
-        onCloseAutoFocus: (event)=>{
-            var _props$onCloseAutoFoc;
-            (_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
-            if (!event.defaultPrevented) {
-                var _context$triggerRef$c2;
-                if (!hasInteractedOutsideRef.current) (_context$triggerRef$c2 = context.triggerRef.current) === null || _context$triggerRef$c2 === void 0 || _context$triggerRef$c2.focus(); // Always prevent auto focus because we either focus manually or want user agent focus
-                event.preventDefault();
-            }
-            hasInteractedOutsideRef.current = false;
-            hasPointerDownOutsideRef.current = false;
-        },
-        onInteractOutside: (event)=>{
-            var _props$onInteractOuts, _context$triggerRef$c3;
-            (_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
-            if (!event.defaultPrevented) {
-                hasInteractedOutsideRef.current = true;
-                if (event.detail.originalEvent.type === 'pointerdown') hasPointerDownOutsideRef.current = true;
-            } // Prevent dismissing when clicking the trigger.
-            // As the trigger is already setup to close, without doing so would
-            // cause it to close and immediately open.
-            const target = event.target;
-            const targetIsTrigger = (_context$triggerRef$c3 = context.triggerRef.current) === null || _context$triggerRef$c3 === void 0 ? void 0 : _context$triggerRef$c3.contains(target);
-            if (targetIsTrigger) event.preventDefault(); // On Safari if the trigger is inside a container with tabIndex={0}, when clicked
-            // we will get the pointer down outside event on the trigger, but then a subsequent
-            // focus outside event on the container, we ignore any focus outside event when we've
-            // already had a pointer down outside event.
-            if (event.detail.originalEvent.type === 'focusin' && hasPointerDownOutsideRef.current) event.preventDefault();
-        }
-    }));
-});
-/* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PopoverContentImpl = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopePopover: __scopePopover , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , disableOutsidePointerEvents: disableOutsidePointerEvents , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , ...contentProps } = props;
-    const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, __scopePopover);
-    const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover); // Make sure the whole tree has focus guards as our `Popover` may be
-    // the last element in the DOM (beacuse of the `Portal`)
-    $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
-    return /*#__PURE__*/ createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
-        asChild: true,
-        loop: true,
-        trapped: trapFocus,
-        onMountAutoFocus: onOpenAutoFocus,
-        onUnmountAutoFocus: onCloseAutoFocus
-    }, /*#__PURE__*/ createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, {
-        asChild: true,
-        disableOutsidePointerEvents: disableOutsidePointerEvents,
-        onInteractOutside: onInteractOutside,
-        onEscapeKeyDown: onEscapeKeyDown,
-        onPointerDownOutside: onPointerDownOutside,
-        onFocusOutside: onFocusOutside,
-        onDismiss: ()=>context.onOpenChange(false)
-    }, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends({
-        "data-state": $cb5cc270b50c6fcd$var$getState(context.open),
-        role: "dialog",
-        id: context.contentId
-    }, popperScope, contentProps, {
-        ref: forwardedRef,
-        style: {
-            ...contentProps.style,
-            '--radix-popover-content-transform-origin': 'var(--radix-popper-transform-origin)',
-            '--radix-popover-content-available-width': 'var(--radix-popper-available-width)',
-            '--radix-popover-content-available-height': 'var(--radix-popper-available-height)',
-            '--radix-popover-trigger-width': 'var(--radix-popper-anchor-width)',
-            '--radix-popover-trigger-height': 'var(--radix-popper-anchor-height)'
-        }
-    }))));
-});
-/* -----------------------------------------------------------------------------------------------*/ function $cb5cc270b50c6fcd$var$getState(open) {
-    return open ? 'open' : 'closed';
-}
-const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9 = $cb5cc270b50c6fcd$export$5b6b19405a83ff9d;
-const $cb5cc270b50c6fcd$export$b688253958b8dfe7 = $cb5cc270b50c6fcd$export$96e5381f42521a79;
-const $cb5cc270b50c6fcd$export$602eac185826482c = $cb5cc270b50c6fcd$export$dd679ffb4362d2d4;
-const $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2 = $cb5cc270b50c6fcd$export$d7e1f420b25549ff;
-
-const BtIconCalender = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M27,7H25V4.5a.5.5,0,0,0-1,0V7H8V4.5a.5.5,0,0,0-1,0V7H5A1.003,1.003,0,0,0,4,8V27a1.003,1.003,0,0,0,1,1H27a1.003,1.003,0,0,0,1-1V8A1.003,1.003,0,0,0,27,7ZM7,8v.5a.5.5,0,0,0,1,0V8H24v.5a.5.5,0,0,0,1,0V8h2v4H5V8ZM5,27V13H27V27Z",
-      fill: "currentColor",
-    }),
-  );
-
-var formatDate = function (value) {
-    return format(value, DATE_FORMAT);
-};
-
-var isDisabledDate = function (disabledDates, date) {
-    return Boolean(disabledDates &&
-        disabledDates.find(function (disabledDate) { return isSameDay(date, disabledDate); }));
-};
-
-var convertDateStringToDate = function (value) {
-    if (value === void 0) { value = ""; }
-    var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
-    var isValidDate = isDateValid(value);
-    return isValidDate ? new Date("".concat(year, "-").concat(month, "-").concat(day)) : new Date();
-};
-
-var convertRangeStringToDates = function (value) {
-    if (value === void 0) { value = ""; }
-    var _a = parseRangeString(value), start = _a.start, end = _a.end;
-    return __spreadArray(__spreadArray([], (isDateValid(start.date)
-        ? [new Date("".concat(start.year, "-").concat(start.month, "-").concat(start.day))]
-        : []), true), (isDateValid(end.date)
-        ? [new Date("".concat(end.year, "-").concat(end.month, "-").concat(end.day))]
-        : []), true);
-};
-
-/**
- * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
- */
-var DatePicker = forwardRef(function (_a, ref) {
-    var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, labelSize = _a.labelSize, inputSize = _a.inputSize, _b = _a.value, value = _b === void 0 ? "" : _b, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = __rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "labelSize", "inputSize", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
-    var _e = useThemeElement(), themeElement = _e[0], setThemeElement = _e[1];
-    var _f = useState("Choose date"), ariaLabel = _f[0], setAriaLabel = _f[1];
-    var _g = useState(false), showCalendar = _g[0], setShowCalendar = _g[1];
-    var buttonRef = useRef(null);
-    var ourRef = useRef(null);
-    var previousValidValue = useRef(value);
-    var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
-    var placeHolder = selectionType === "range"
-        ? "".concat(lowerCaseDateFormat, " - ").concat(lowerCaseDateFormat)
-        : lowerCaseDateFormat;
-    useEffect(function () {
-        if (selectionType === "single" &&
-            isDateValid(value) &&
-            !isDisabledDate(disabledDates, convertDateStringToDate(value))) {
-            previousValidValue.current = value;
-        }
-        if (selectionType === "range" && isRangeValid(value)) {
-            var rangeHasDisabledDates = convertRangeStringToDates(value).some(function (rangeValue) { return isDisabledDate(disabledDates, rangeValue); });
-            if (!rangeHasDisabledDates) {
-                previousValidValue.current = value;
-            }
-        }
-    }, [value, disabledDates, selectionType]);
-    var getDatePickerRef = function (elementRef) {
-        ourRef.current = elementRef;
-        if (ref && typeof ref === "object") {
-            ref.current = elementRef;
-        }
-        if (ref && typeof ref === "function") {
-            ref(elementRef);
-        }
-    };
-    var dispatchChangeEvent = function (e, value) {
-        onChange &&
-            onChange(__assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: value }) }));
-    };
-    var handleRangeSelect = function (rangeSelection) {
-        var start = formatDate(rangeSelection.start);
-        var end = rangeSelection.end ? formatDate(rangeSelection.end) : null;
-        onRangeSelect &&
-            onRangeSelect(__assign(__assign({}, rangeSelection), { formattedRange: "".concat(start).concat(end ? " - ".concat(end) : "") }));
-        rangeSelection.isSelectionComplete && setShowCalendar(false);
-    };
-    var handleDateSelect = function (value) {
-        onDateSelect &&
-            onDateSelect({
-                date: value,
-                formattedDate: formatDate(value)
-            });
-        setShowCalendar(false);
-    };
-    var handleSingleSelectionBlur = function (e) {
-        if (value && isDateValid(value) && selectionType === "single") {
-            var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
-            var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
-            var isDateBeforeMinDate = minDate && isBefore(date, minDate);
-            var isDateAfterMaxDate = maxDate && isAfter(date, maxDate);
-            var isDisabledValue = isDisabledDate(disabledDates, date);
-            if (isDateBeforeMinDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(minDate)));
-            }
-            if (isDateAfterMaxDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(maxDate)));
-            }
-            if (isDisabledValue) {
-                var date_1 = previousValidValue.current
-                    ? convertDateStringToDate(previousValidValue.current)
-                    : new Date();
-                return dispatchChangeEvent(e, "".concat(formatDate(date_1)));
-            }
-        }
-    };
-    var handleRangeSelectionBlur = function (e) {
-        if (isRangeValid(value) && selectionType === "range") {
-            var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
-            var isStartDateBeforeMinDate = minDate && isBefore(start, minDate);
-            var isEndDateAfterMaxDate = maxDate && isAfter(end, maxDate);
-            var isStartDateDisabled = isDisabledDate(disabledDates, start);
-            var isEndDateDisabled = isDisabledDate(disabledDates, end);
-            if (isStartDateBeforeMinDate && isEndDateAfterMaxDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
-            }
-            if (isStartDateBeforeMinDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
-            }
-            if (isEndDateAfterMaxDate) {
-                return dispatchChangeEvent(e, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
-            }
-            if (isStartDateDisabled || isEndDateDisabled) {
-                var _b = previousValidValue.current
-                    ? convertRangeStringToDates(previousValidValue.current)
-                    : [], start_1 = _b[0], end_1 = _b[1];
-                return dispatchChangeEvent(e, start_1 && end_1 ? "".concat(formatDate(start_1), " - ").concat(formatDate(end_1)) : "");
-            }
-            if (isAfter(start, end)) {
-                var _c = [start, end].sort(compareAsc), orderedStart = _c[0], orderedEnd = _c[1];
-                return dispatchChangeEvent(e, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
-            }
-        }
-    };
-    var handleBlur = function (e) {
-        onBlur && onBlur(e);
-        if (selectionType === "single") {
-            handleSingleSelectionBlur(e);
-        }
-        if (selectionType === "range") {
-            handleRangeSelectionBlur(e);
-        }
-    };
-    var handleChange = function (e) {
-        onChange && onChange(e);
-    };
-    var handleCalendarOpenChange = function (isOpen) {
-        if (document.activeElement)
-            setShowCalendar(isOpen);
-    };
-    var handleIconClick = function () {
-        var _a;
-        !((_a = ourRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) &&
-            !isDisabled &&
-            !isReadOnly &&
-            setShowCalendar(true);
-    };
-    var handleIconFocus = function () {
-        if (selectionType === "range" && isRangeValid(value)) {
-            var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
-            return setAriaLabel("Change dates, currently selected dates are ".concat(format(start, "EEEE do MMMM, yyyy"), " to ").concat(format(end, "EEEE do MMMM, yyyy")));
-        }
-        if (selectionType === "single" && isDateValid(value)) {
-            var date = convertDateStringToDate(value);
-            return setAriaLabel("Change date, currently selected date is ".concat(format(date, "EEEE do MMMM, yyyy")));
-        }
-        setAriaLabel("Choose Date");
-    };
-    var handleCalendarClose = function () {
-        var _a, _b;
-        if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY") {
-            (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-    };
-    var onCancelClick = function () {
-        setShowCalendar(false);
-    };
-    var handleAutoFocus = function (e) {
-        e.preventDefault();
-    };
-    return (React__default.createElement("div", { ref: setThemeElement, className: classNames({
-            "arc-DatePicker--constrained": !isFluid
-        }) },
-        React__default.createElement(TextInputWithPlaceHolder, __assign({ ref: getDatePickerRef, iconButton: {
-                onClick: handleIconClick,
-                onFocus: handleIconFocus,
-                icon: BtIconCalender,
-                label: ariaLabel,
-                ref: buttonRef
-            }, placeholder: placeHolder, errorMessage: errorMessage, helper: helper, id: id, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, label: label, labelSize: labelSize, maxLength: selectionType === "range" ? 23 : 10, name: name, onBlur: handleBlur, onChange: handleChange, onClickDisclosure: onClickDisclosure, type: "text", value: value, disclosureTitle: disclosureTitle, disclosureText: disclosureText, inputSize: inputSize }, props)),
-        React__default.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { open: showCalendar, onOpenChange: handleCalendarOpenChange },
-            React__default.createElement($cb5cc270b50c6fcd$export$b688253958b8dfe7, null),
-            React__default.createElement($cb5cc270b50c6fcd$export$602eac185826482c, { container: themeElement },
-                React__default.createElement($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { align: "start", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
-                    React__default.createElement(Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: selectionType, selectedDate: convertDateStringToDate(value), selectedRange: convertRangeStringToDates(value), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onDateSelect: handleDateSelect, onRangeSelect: handleRangeSelect }))))));
-});
-
-export { DATE_FORMAT as D, parseDateString as a, isDateValid as b, DatePicker as c, isRangeValid as i, parseRangeString as p };

package/dist/_shared/esm/Surface-71d21a9e.js

@@ -1,48 +0,0 @@
-import { b as __spreadArray, _ as __rest, a as __assign, c as camelcase, f as filterDataAttrs } from './index-288c66b5.js';
-import { c as classNames } from './index-2e73c2e9.js';
-import React__default, { createContext } from 'react';
-
-var defaultContext = { surface: "light" };
-var Context = createContext(defaultContext);
-var Provider = Context.Provider;
-/**
- * Use `Surface` to compose content using the Arc system.
- */
-var Surface = function (_a) {
-    var _b;
-    var background = _a.background, children = _a.children, _c = _a.growVertically, growVertically = _c === void 0 ? false : _c, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, props = __rest(_a, ["background", "children", "growVertically", "padding", "paddingHorizontal", "paddingVertical"]);
-    var surface = "light";
-    if (background === "dark-black" ||
-        background === "dark-brand-01" ||
-        background === "dark-brand-02" ||
-        background === "dark-neutral-01" ||
-        background === "dark-neutral-02") {
-        surface = "dark";
-    }
-    return (React__default.createElement(Provider, { value: { surface: surface } },
-        React__default.createElement("div", __assign({ "data-testid": "arc-surface", className: classNames((_b = {
-                    "arc-Surface": true
-                },
-                _b["arc-Surface--".concat(background && camelcase(background), "Background")] = background,
-                _b["arc-Surface--growVertically"] = growVertically,
-                _b["arc-Surface--padding".concat(padding)] = padding,
-                _b["arc-Surface--paddingHorizontal".concat(paddingHorizontal)] = paddingHorizontal,
-                _b["arc-Surface--paddingVertical".concat(paddingVertical)] = paddingVertical,
-                _b)) }, filterDataAttrs(props)), children)));
-};
-var backgroundsShared = [
-    "dark-black",
-    "dark-brand-01",
-    "dark-brand-02",
-    "dark-neutral-01",
-    "dark-neutral-02",
-    "light-brand-01",
-    "light-brand-02",
-    "light-neutral-01",
-    "light-neutral-02",
-    "light-white",
-];
-var backgrounds = __spreadArray([], backgroundsShared, true);
-var backgroundsBT = __spreadArray([], backgroundsShared, true);
-
-export { Context as C, Surface as S, backgroundsBT as a, backgrounds as b };

package/dist/_shared/esm/Tag-2513c185.js

@@ -1,38 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
-import React__default, { useState } from 'react';
-import { c as classNames } from './index-2e73c2e9.js';
-import { I as Icon } from './Icon-512f834f.js';
-import { T as ThemeIcon } from './ThemeIcon-c2dc41a6.js';
-
-/**
- * Use `Tag` to promote features and manage filtering.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
-    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs(props)),
-        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
-        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag" },
-            React__default.createElement(ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 }),
-            React__default.createElement(ThemeIcon, { icon: "tagRemoveInteractive", color: "brand", size: 20 })))));
-};
-
-export { Tag as T };

package/dist/_shared/esm/VisuallyHidden-06692fd3.js

@@ -1,11 +0,0 @@
-import React__default from 'react';
-
-/**
- * Use `VisuallyHidden` to provide text for screen readers that is visually hidden on screen.
- */
-var VisuallyHidden = function (_a) {
-    var children = _a.children;
-    return (React__default.createElement("span", { "data-testid": "visually-hidden", className: "arc-VisuallyHidden" }, children));
-};
-
-export { VisuallyHidden as V };

package/dist/_shared/esm/index-5113ed53.js

@@ -1,24 +0,0 @@
-import { e as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends } from './index-cace3545.js';
-import { forwardRef, createElement } from 'react';
-
-const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, props, {
-        ref: forwardedRef,
-        style: {
-            // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-            position: 'absolute',
-            border: 0,
-            width: 1,
-            height: 1,
-            padding: 0,
-            margin: -1,
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
-            whiteSpace: 'nowrap',
-            wordWrap: 'normal',
-            ...props.style
-        }
-    }));
-});
-
-export { $ea1ef594cf570d83$export$439d29a4e110a164 as $ };