@bigbinary/neeto-atoms 1.0.9 → 1.0.11

package/dist/index.js

@@ -1,44 +1,49 @@
-export { Accordion } from './components/Accordion.js';
-export { Alert } from './components/Alert.js';
-export { Avatar } from './components/Avatar.js';
-export { Badge } from './components/Badge.js';
-export { Button } from './components/Button.js';
-export { Callout } from './components/Callout.js';
-export { Checkbox } from './components/Checkbox.js';
-export { C as ColorPicker } from './ColorPicker-D-7QGnf9.js';
+export { A as Accordion } from './Accordion-Ch9S_qd3.js';
+export { A as Alert } from './Alert-D_FV8xxo.js';
+export { A as Avatar } from './Avatar-D5YGlXVF.js';
+export { B as Badge } from './Badge-8FkscqDt.js';
+export { B as Button } from './Button-Q7MPG6ph.js';
+export { C as Callout } from './Callout-B0w4GQtx.js';
+export { C as Checkbox } from './Checkbox-zCxgcZiC.js';
+export { C as ColorPicker } from './ColorPicker-DtOvy0Gy.js';
+export { D as DatePicker } from './DatePicker-COxwHPIZ.js';
+export { T as TimePicker } from './TimePicker-C4x62jI1.js';
+import './TimePickerPanel-CiF0RExY.js';
+import pureDayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+import utc from 'dayjs/plugin/utc';
+import weekday from 'dayjs/plugin/weekday';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
 export { T as TranslationProvider, r as translations } from './TranslationProvider-Ba9rn47H.js';
-export { Dialog } from './components/Dialog.js';
+export { D as Dialog } from './Dialog-BURSzxaP.js';
 export { DropdownMenu } from './components/DropdownMenu.js';
-export { Empty } from './components/Empty.js';
-export { Input } from './components/Input.js';
-export { Kbd } from './components/Kbd.js';
-export { Label } from './components/Label.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { useState, useRef, useEffect, useCallback, useId, useMemo, forwardRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { f as flattenOptions, h as hasGroups, t as toBaseUiItems, u as useCreatableItems, C as CREATE_PREFIX } from './useCreatableItems-B0seQA1_.js';
-import { SelectFieldWrapper } from './components/SelectFieldWrapper.js';
-import { c as cn } from './utils-DdHUxIdC.js';
-import { Combobox, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxContent } from './primitives/Combobox.js';
-import { MultiSelectDropdown } from './components/MultiSelectDropdown.js';
-export { RadioGroup } from './components/RadioGroup.js';
-import { Select as Select$1, SelectContent } from './primitives/Select.js';
-import { SelectTriggerContent } from './components/SelectTriggerContent.js';
-import { renderOptions } from './components/SelectOptions.js';
-export { Sheet } from './components/Sheet.js';
-export { Popover } from './components/Popover.js';
-export { Progress } from './components/Progress.js';
-export { Slider } from './components/Slider.js';
-export { Spinner } from './components/Spinner.js';
-export { Stepper } from './components/Stepper.js';
-export { Toastr } from './components/Toastr.js';
-export { Switch } from './components/Switch.js';
-export { Tabs } from './components/Tabs.js';
-export { Textarea } from './components/Textarea.js';
-export { Tooltip } from './components/Tooltip.js';
-export { Typography, typographyVariants } from './components/Typography.js';
+export { E as Empty } from './Empty-B2JwFmru.js';
+export { I as Input } from './Input-C1gcv9o2.js';
+export { K as Kbd } from './Kbd-EqbC0bua.js';
+export { L as Label } from './Label-BVy4hy9Z.js';
+export { P as Pagination } from './Pagination-DSc9yXPy.js';
+export { R as RadioGroup } from './RadioGroup-BNeYQAoT.js';
+export { S as Select } from './Select-TlFBcxcY.js';
+export { M as MultiEmailInput } from './MultiEmailInput-SCTYovtX.js';
+export { S as Sheet } from './Sheet-QFC_mHyj.js';
+export { P as Popover } from './Popover-BFMrtVPq.js';
+export { P as Progress } from './Progress-B9NlUm6e.js';
+export { S as Slider } from './Slider-BCQXhs0Q.js';
+export { S as Spinner } from './Spinner-C8HSac-2.js';
+export { S as Stepper } from './Stepper-BoGkmkY0.js';
+export { T as Toastr } from './Toastr-DYqpSaMd.js';
+export { S as Switch } from './Switch-B83TGxJ_.js';
+export { T as Tabs } from './Tabs-DWfKnl3S.js';
+export { T as Textarea } from './Textarea-C0z50h0N.js';
+export { T as Tooltip } from './Tooltip-DhwIZnOU.js';
+export { T as Typography, t as typographyVariants } from './Typography-CMJ8OveZ.js';
 export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-DWR9gX9d.js';
+export { T as Tree } from './Tree-C7r10UY5.js';
+export { T as TreeSelect } from './TreeSelect-DRGcYz-6.js';
 export { u as useIsMobile } from './use-mobile-IRjN_mlT.js';
+export { c as cn } from './utils-DdHUxIdC.js';
+import 'react/jsx-runtime';
+import 'react';
 import './primitives/Accordion.js';
 import './chevron-down-BNi0ntys.js';
 import './createLucideIcon-C8ycilSN.js';
@@ -55,6 +60,7 @@ import './index-0o2E3Cnw.js';
 import './index-yFgkK_AM.js';
 import './index-zW4GjM5L.js';
 import './index-BA158WEj.js';
+import 'react-i18next';
 import './primitives/Dialog.js';
 import './button-COIbN8dg.js';
 import './index-D7Zy7P05.js';
@@ -66,20 +72,20 @@ import './index-BNPynZWM.js';
 import './index-CSUSJzOJ.js';
 import './index-B4_fVWDx.js';
 import './index-fV_U4ZJM.js';
-import './renderIcon-tlvMyboj.js';
-import './primitives/Button.js';
-import './primitives/Spinner.js';
-import './loader-circle-DycHUAWN.js';
-import './primitives/Tooltip.js';
-import './tooltip-DzjIJacP.js';
-import './index-ByEpUy7w.js';
-import './floating-ui.react-dom-CcGbtPEK.js';
-import './index-BYZaLNq1.js';
-import './index-CSggBaQF.js';
 import './primitives/Avatar.js';
 import './index-DZXbzIgC.js';
 import './index-CSMSzzKM.js';
+import './primitives/Tooltip.js';
+import './tooltip-XkHLgxlU.js';
+import './index-C3hByjk3.js';
+import './floating-ui.react-dom-D8_f_WWh.js';
+import './index-BYZaLNq1.js';
+import './index-CSggBaQF.js';
+import './renderIcon-tlvMyboj.js';
 import './primitives/Badge.js';
+import './primitives/Button.js';
+import './primitives/Spinner.js';
+import './loader-circle-DycHUAWN.js';
 import './primitives/Alert.js';
 import './triangle-alert-PXnNWQy_.js';
 import './primitives/Checkbox.js';
@@ -90,10 +96,14 @@ import './label-B4qDF3W1.js';
 import './separator-BbhgePmX.js';
 import 'react-colorful';
 import './primitives/Popover.js';
+import './Calendar-pDD7nRF-.js';
+import './chevron-left-BDoT8E2-.js';
+import './chevron-right-DQnrO-ek.js';
+import './primitives/ScrollArea.js';
+import './index-BfAAoDv6.js';
 import 'i18next';
 import './primitives/DropdownMenu.js';
-import './chevron-right-DQnrO-ek.js';
-import './index-KzJfsx-e.js';
+import './index-DLPtgEJ_.js';
 import './index-j_qxDBFl.js';
 import './primitives/ButtonGroup.js';
 import './primitives/Empty.js';
@@ -103,14 +113,15 @@ import './input-GLCCE2kT.js';
 import './textarea-BSZwxzjQ.js';
 import './primitives/Kbd.js';
 import './primitives/Label.js';
-import './primitives/HoverCard.js';
-import './components/shared.js';
-import './with-selector--fY1NrB9.js';
-import './components/OptionItem.js';
+import './primitives/Pagination.js';
+import './ellipsis-lb8Ws6br.js';
 import './primitives/RadioGroup.js';
-import './index-BfAAoDv6.js';
+import './SelectFieldWrapper-BJzq9aCY.js';
+import './primitives/Combobox.js';
+import './with-selector-Dv0G_V_o.js';
 import './primitives/Sheet.js';
 import './sheet-C763FqIh.js';
+import './primitives/HoverCard.js';
 import './primitives/Progress.js';
 import './primitives/Slider.js';
 import './index-D_roZz8G.js';
@@ -118,364 +129,233 @@ import './primitives/Switch.js';
 import './primitives/Tabs.js';
 import './primitives/Textarea.js';
 import './primitives/Table.js';
-import './primitives/Pagination.js';
-import './ellipsis-lb8Ws6br.js';
-import './chevron-left-BDoT8E2-.js';
+import './redux-BKH6DnBB.js';
 
-function hyphenize(str) {
-    return str
-        .replace(/([a-z])([A-Z])/g, "$1-$2")
-        .replace(/[\s_]+/g, "-")
-        .toLowerCase();
-}
-
-function buildAriaDescribedBy(error, errorId, helpText, helpTextId) {
-    return ([error ? errorId : null, helpText ? helpTextId : null]
-        .filter(Boolean)
-        .join(" ") || undefined);
-}
-function buildTestIdPrefix(dataTestId, label) {
-    return dataTestId ?? (label ? hyphenize(label) : undefined);
-}
-
-function useAsyncOptions({ loadOptions, defaultOptions = false, cacheOptions = false, }) {
-    const [asyncOptions, setAsyncOptions] = useState(() => (Array.isArray(defaultOptions) ? defaultOptions : []));
-    const [isLoading, setIsLoading] = useState(false);
-    const cacheRef = useRef({});
-    const debounceRef = useRef(null);
-    const latestRequestRef = useRef(0);
-    const mountedRef = useRef(true);
-    // Load default options on mount when `defaultOptions === true`
-    useEffect(() => {
-        if (!loadOptions || defaultOptions !== true)
-            return;
-        let cancelled = false;
-        setIsLoading(true);
-        loadOptions("")
-            .then(results => {
-            if (cancelled)
-                return;
-            setAsyncOptions(results);
-            if (cacheOptions)
-                cacheRef.current[""] = results;
-            setIsLoading(false);
-        })
-            .catch(() => {
-            if (!cancelled)
-                setIsLoading(false);
+const typeToPos = {
+    year: 0,
+    month: 1,
+    day: 2,
+    hour: 3,
+    minute: 4,
+    second: 5,
+};
+const dateTimeFormatDefaults = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+};
+const dtfCache = new Map();
+const getDateTimeFormat = (timezone, options = {}) => {
+    const timeZoneName = options.timeZoneName || "short";
+    const key = `${timezone}|${timeZoneName}`;
+    let dtf = dtfCache.get(key);
+    if (!dtf) {
+        dtf = new Intl.DateTimeFormat("en-US", {
+            ...dateTimeFormatDefaults,
+            hour12: false,
+            timeZone: timezone,
+            timeZoneName,
+        });
+        dtfCache.set(key, dtf);
+    }
+    return dtf;
+};
+const localeStringifierCache = new Map();
+const getLocaleStringifier = (timezone) => {
+    let localeStringifier = localeStringifierCache.get(timezone);
+    if (!localeStringifier) {
+        localeStringifier = new Intl.DateTimeFormat("en-US", {
+            ...dateTimeFormatDefaults,
+            timeZone: timezone,
         });
-        return () => {
-            cancelled = true;
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Clean up debounce timer and mark unmounted
-    useEffect(() => {
-        return () => {
-            mountedRef.current = false;
-            if (debounceRef.current)
-                clearTimeout(debounceRef.current);
-        };
-    }, []);
-    const handleAsyncInputChange = useCallback((value) => {
-        if (!loadOptions)
-            return;
-        const query = value.trim();
-        // Check cache first
-        if (cacheOptions && query in cacheRef.current) {
-            setAsyncOptions(cacheRef.current[query]);
-            return;
+        localeStringifierCache.set(timezone, localeStringifier);
+    }
+    return localeStringifier;
+};
+const timezonePlugin = (_o, c, d) => {
+    let defaultTimezone;
+    const dayjsFactory = d;
+    const dayjsClass = c;
+    const makeFormatParts = (timestamp, timezone, options = {}) => {
+        const date = new Date(timestamp);
+        const dtf = getDateTimeFormat(timezone, options);
+        return dtf.formatToParts(date);
+    };
+    const tzOffset = (timestamp, timezone) => {
+        const formatResult = makeFormatParts(timestamp, timezone);
+        const filled = [];
+        for (let i = 0; i < formatResult.length; i += 1) {
+            const { type, value } = formatResult[i];
+            const pos = typeToPos[type];
+            if (pos >= 0) {
+                filled[pos] = parseInt(value, 10);
+            }
         }
-        // Debounce the fetch
-        if (debounceRef.current)
-            clearTimeout(debounceRef.current);
-        debounceRef.current = setTimeout(() => {
-            const requestId = ++latestRequestRef.current;
-            setIsLoading(true);
-            loadOptions(query)
-                .then(results => {
-                if (requestId !== latestRequestRef.current || !mountedRef.current)
-                    return;
-                setAsyncOptions(results);
-                if (cacheOptions)
-                    cacheRef.current[query] = results;
-                setIsLoading(false);
-            })
-                .catch(() => {
-                if (requestId === latestRequestRef.current &&
-                    mountedRef.current) {
-                    setIsLoading(false);
-                }
-            });
-        }, 300);
-    }, [loadOptions, cacheOptions]);
-    return { asyncOptions, isLoading, handleAsyncInputChange };
-}
-
-function useLazyLoadSentinel({ fetchMore, isEnabled, }) {
-    const observerRef = useRef(null);
-    const fetchMoreRef = useRef(fetchMore);
-    fetchMoreRef.current = fetchMore;
-    const sentinelRef = useCallback((node) => {
-        observerRef.current?.disconnect();
-        observerRef.current = null;
-        if (!node || !isEnabled)
-            return;
-        const observer = new IntersectionObserver(entries => {
-            if (entries[0]?.isIntersecting)
-                fetchMoreRef.current?.();
-        }, { root: null, rootMargin: "0px", threshold: 0.1 });
-        observer.observe(node);
-        observerRef.current = observer;
-    }, [isEnabled]);
-    // Clean up observer on unmount
-    useEffect(() => {
-        return () => {
-            observerRef.current?.disconnect();
-        };
-    }, []);
-    return sentinelRef;
-}
-
-function useMultiSelectOptions(props) {
-    const isAsync = !!props.loadOptions;
-    const { asyncOptions, isLoading, handleAsyncInputChange } = useAsyncOptions({
-        loadOptions: props.loadOptions,
-        defaultOptions: props.defaultOptions ?? false,
-        cacheOptions: props.cacheOptions ?? false,
-    });
-    const resolvedOptions = isAsync
-        ? asyncOptions
-        : (props.options ?? []);
-    const flatOptions = flattenOptions(resolvedOptions);
-    const isGrouped = hasGroups(resolvedOptions);
-    const baseUiItems = React__default.useMemo(() => resolvedOptions.length > 0 ? toBaseUiItems(resolvedOptions) : undefined, [resolvedOptions]);
-    const hasMoreLazy = (props.isAsyncLoadOptionEnabled ?? false) &&
-        typeof props.totalOptionsCount === "number" &&
-        flatOptions.length < props.totalOptionsCount;
-    const loaderCallbackRef = useLazyLoadSentinel({
-        fetchMore: props.fetchMore,
-        isEnabled: props.isAsyncLoadOptionEnabled ?? false,
-    });
-    return {
-        isAsync,
-        resolvedOptions,
-        flatOptions,
-        isGrouped,
-        isLoading,
-        handleAsyncInputChange,
-        baseUiItems,
-        hasMoreLazy,
-        loaderCallbackRef,
+        const hour = filled[3];
+        const fixedHour = hour === 24 ? 0 : hour;
+        const utcString = `${filled[0]}-${filled[1]}-${filled[2]} ${fixedHour}:${filled[4]}:${filled[5]}:000`;
+        const utcTs = dayjsFactory.utc(utcString).valueOf();
+        let asTS = Number(timestamp);
+        const over = asTS % 1000;
+        asTS -= over;
+        return (utcTs - asTS) / (60 * 1000);
     };
-}
-
-const SIZE_CONFIG$1 = {
-    small: {
-        chips: "min-h-7 text-xs gap-0.5 px-1 py-0.5",
-        input: "text-xs",
-        chip: "h-4.5 text-[0.6875rem] px-1",
-    },
-    medium: {
-        chips: "min-h-8 text-sm gap-1 px-2.5 py-1",
-        input: "text-sm",
-        chip: "h-5.25 text-xs px-1.5",
-    },
-    large: {
-        chips: "min-h-10 text-sm gap-1 px-2.5 py-1.5",
-        input: "text-sm",
-        chip: "h-6 text-xs px-2",
-    },
-};
-
-function useMultiSelectState(props) {
-    const { id: idProp, size = "medium", label = "", error = "", helpText = "", value: valueProp, defaultValue, onChange, dataTestId, isCreatable = false, onCreateOption, formatCreateLabel = (v) => `Create "${v}"`, children, } = props;
-    const opt = useMultiSelectOptions(props);
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const errorId = `error_${id}`;
-    const helpTextId = `helpText_${id}`;
-    const sizeConfig = SIZE_CONFIG$1[size];
-    const isControlled = valueProp !== undefined;
-    const [internalValue, setInternalValue] = useState(defaultValue ?? []);
-    const selectedValues = isControlled ? valueProp : internalValue;
-    const handleChange = useCallback((values) => {
-        setInternalValue(values);
-        onChange?.(values);
-    }, [onChange]);
-    const { showCreateOption, effectiveItems, creatableFilter, handleInputValueChange, handleValueChange, } = useCreatableItems({
-        isCreatable,
-        isGrouped: opt.isGrouped,
-        flatOptions: opt.flatOptions,
-        selectedValues,
-        baseUiItems: opt.baseUiItems,
-        onCreateOption,
-        onChange: handleChange,
-        onAsyncInputChange: opt.isAsync ? opt.handleAsyncInputChange : undefined,
-        children,
-    });
-    const ariaDescribedBy = buildAriaDescribedBy(error, errorId, helpText, helpTextId);
-    const testIdPrefix = buildTestIdPrefix(dataTestId, label);
-    const flatOptionsMap = useMemo(() => new Map(opt.flatOptions.map(o => [o.value, o])), [opt.flatOptions]);
-    const labelForValue = useCallback((val) => {
-        if (val.startsWith(CREATE_PREFIX)) {
-            return formatCreateLabel(val.slice(CREATE_PREFIX.length));
+    const fixOffset = (localTS, o0, tz) => {
+        let utcGuess = localTS - o0 * 60 * 1000;
+        const o2 = tzOffset(utcGuess, tz);
+        if (o0 === o2) {
+            return [utcGuess, o0];
+        }
+        utcGuess -= (o2 - o0) * 60 * 1000;
+        const o3 = tzOffset(utcGuess, tz);
+        if (o2 === o3) {
+            return [utcGuess, o2];
         }
-        return flatOptionsMap.get(val)?.label ?? val;
-    }, [flatOptionsMap, formatCreateLabel]);
-    return {
-        ...opt,
-        id,
-        errorId,
-        helpTextId,
-        sizeConfig,
-        isControlled,
-        selectedValues,
-        effectiveItems,
-        creatableFilter,
-        handleInputValueChange,
-        handleValueChange,
-        showCreateOption,
-        ariaDescribedBy,
-        testIdPrefix,
-        labelForValue,
-        flatOptionsMap,
+        return [localTS - Math.min(o2, o3) * 60 * 1000, Math.max(o2, o3)];
     };
-}
-
-const MultiSelectCombobox = forwardRef((p, ref) => {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const mergedRef = useCallback((node) => {
-        setAnchorEl(node);
-        if (typeof ref === "function")
-            ref(node);
-        else if (ref)
-            ref.current = node;
-    }, [ref]);
-    const handleClick = useCallback((e) => {
-        if (!p.isSearchable) {
-            e.currentTarget.querySelector("input")?.focus();
+    const proto = dayjsClass.prototype;
+    proto.tz = function (timezone = defaultTimezone, keepLocalTime) {
+        const oldOffset = this.utcOffset();
+        const date = this.toDate();
+        const target = getLocaleStringifier(timezone).format(date);
+        const diff = Math.round((date.getTime() - new Date(target).getTime()) / 1000 / 60);
+        let ins = dayjsFactory(target)
+            .$set("millisecond", this.$ms)
+            .utcOffset(-Math.round(date.getTimezoneOffset() / 15) * 15 - diff, true);
+        if (keepLocalTime) {
+            const newOffset = ins.utcOffset();
+            ins = ins.add(oldOffset - newOffset, "minute");
         }
-    }, [p.isSearchable]);
-    return (jsxs(Combobox, { multiple: true, name: p.name, ...(p.effectiveItems && !p.children
-            ? {
-                items: p.effectiveItems,
-                itemToStringLabel: p.labelForValue,
-                ...(!p.isSearchable || p.isAsync
-                    ? { filter: null }
-                    : p.isCreatable
-                        ? { filter: p.creatableFilter }
-                        : {}),
-            }
-            : {}), ...(p.isControlled
-            ? { value: p.valueProp }
-            : { defaultValue: p.defaultValue }), onValueChange: p.handleValueChange, ...(p.isCreatable || p.isAsync
-            ? { onInputValueChange: p.handleInputValueChange }
-            : {}), onOpenChange: p.onOpenChange, disabled: p.isDisabled, autoHighlight: p.autoHighlight, children: [jsx("div", { ref: mergedRef, onClick: handleClick, className: !p.isSearchable ? "cursor-pointer" : undefined, children: jsxs(ComboboxChips, { className: cn(p.sizeConfig.chips, !!p.error &&
-                        "border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40", p.chipsClassName), ...(p.testIdPrefix
-                        ? { "data-testid": `${p.testIdPrefix}-select-container` }
-                        : {}), children: [p.selectedValues.map(val => (jsx(ComboboxChip, { className: p.sizeConfig.chip, showRemove: !p.hideChipRemove, ...(p.testIdPrefix
-                                ? { "data-testid": `${p.testIdPrefix}-chip` }
-                                : {}), children: p.labelForValue(val) }, val))), jsx(ComboboxChipsInput, { id: p.id, placeholder: p.isSearchable && p.selectedValues.length === 0
-                                ? p.placeholder
-                                : undefined, "aria-invalid": !!p.error || undefined, "aria-describedby": p.ariaDescribedBy, "aria-required": p.required || undefined, className: cn(p.sizeConfig.input, !p.isSearchable && "w-0 min-w-0 overflow-hidden p-0 opacity-0"), disabled: p.isDisabled, ...(p.testIdPrefix
-                                ? { "data-testid": `${p.testIdPrefix}-select-input` }
-                                : {}) })] }) }), jsx(ComboboxContent, { anchor: anchorEl, ...p.contentProps, children: jsx(MultiSelectDropdown, { ...p.dropdownProps, labelForValue: p.labelForValue, testIdPrefix: p.testIdPrefix, children: p.children }) })] }));
-});
-MultiSelectCombobox.displayName = "MultiSelectCombobox";
-
-const MultiSelect = forwardRef((props, ref) => {
-    const { t } = useTranslation();
-    const s = useMultiSelectState(props);
-    const label = props.label ?? "";
-    const error = props.error ?? "";
-    const helpText = props.helpText ?? "";
-    const isDisabled = props.isDisabled ?? false;
-    const required = props.required ?? false;
-    return (jsx(SelectFieldWrapper, { id: s.id, label: label, error: error, helpText: helpText, errorId: s.errorId, helpTextId: s.helpTextId, isDisabled: isDisabled, required: required, testIdPrefix: s.testIdPrefix, labelProps: props.labelProps, className: props.className, children: jsx(MultiSelectCombobox, { ref: ref, name: props.name, id: s.id, effectiveItems: s.effectiveItems, labelForValue: s.labelForValue, isSearchable: props.isSearchable ?? true, isAsync: s.isAsync, isCreatable: props.isCreatable ?? false, creatableFilter: s.creatableFilter, isControlled: s.isControlled, valueProp: props.value, defaultValue: props.defaultValue, selectedValues: s.selectedValues, handleValueChange: s.handleValueChange, handleInputValueChange: s.handleInputValueChange, onOpenChange: props.onOpenChange, isDisabled: isDisabled, autoHighlight: props.autoHighlight ?? true, sizeConfig: s.sizeConfig, error: error, chipsClassName: props.chipsClassName, placeholder: props.placeholder ?? "", hideChipRemove: props.hideChipRemove ?? false, ariaDescribedBy: s.ariaDescribedBy, required: required, testIdPrefix: s.testIdPrefix, contentProps: props.contentProps, dropdownProps: {
-                resolvedOptions: s.resolvedOptions,
-                flatOptionsMap: s.flatOptionsMap,
-                isGrouped: s.isGrouped,
-                isLoading: s.isLoading,
-                loadingMessage: props.loadingMessage ??
-                    t("neetoatoms.multiSelect.loading", "Loading\u2026"),
-                emptyMessage: props.emptyMessage ??
-                    t("neetoatoms.multiSelect.noResults", "No results found."),
-                showCreateOption: s.showCreateOption,
-                hasMoreLazy: s.hasMoreLazy,
-                loaderCallbackRef: s.loaderCallbackRef,
-            }, children: props.children }) }));
-});
-MultiSelect.displayName = "MultiSelect";
-
-const SIZE_CONFIG = {
-    small: { trigger: "h-7 text-xs", size: "sm", clearBtn: "size-3" },
-    medium: { trigger: "h-8 text-sm", size: "default", clearBtn: "size-3.5" },
-    large: { trigger: "h-10 text-sm", size: "default", clearBtn: "size-3.5" },
+        ins.$x.$timezone = timezone;
+        return ins;
+    };
+    proto.offsetName = function (type) {
+        const zone = this.$x.$timezone || dayjsFactory.tz.guess();
+        const result = makeFormatParts(this.valueOf(), zone, {
+            timeZoneName: type,
+        }).find((m) => m.type.toLowerCase() === "timezonename");
+        return result && result.value;
+    };
+    const oldStartOf = proto.startOf;
+    proto.startOf = function (units, startOf) {
+        if (!this.$x || !this.$x.$timezone) {
+            return oldStartOf.call(this, units, startOf);
+        }
+        const withoutTz = dayjsFactory(this.format("YYYY-MM-DD HH:mm:ss:SSS"));
+        const startOfWithoutTz = oldStartOf.call(withoutTz, units, startOf);
+        return startOfWithoutTz.tz(this.$x.$timezone, true);
+    };
+    const tzFunction = function (input, arg1, arg2) {
+        const parseFormat = arg2 && arg1;
+        const timezone = arg2 || arg1 || defaultTimezone;
+        const previousOffset = tzOffset(Number(dayjsFactory()), timezone);
+        if (typeof input !== "string") {
+            return dayjsFactory(input).tz(timezone);
+        }
+        const localTs = dayjsFactory.utc(input, parseFormat).valueOf();
+        const [targetTs, targetOffset] = fixOffset(localTs, previousOffset, timezone);
+        const ins = dayjsFactory(targetTs).utcOffset(targetOffset);
+        ins.$x.$timezone = timezone;
+        return ins;
+    };
+    tzFunction.guess = function () {
+        return Intl.DateTimeFormat().resolvedOptions().timeZone;
+    };
+    tzFunction.setDefault = function (timezone) {
+        defaultTimezone = timezone;
+    };
+    dayjsFactory.tz = tzFunction;
 };
 
-function useSelectState(props) {
-    const { id: idProp, size = "medium", label = "", error = "", helpText = "", placeholder = "", value: valueProp, defaultValue, onChange, isDisabled = false, isClearable = false, required = false, position = "item-aligned", onMenuOpen, onMenuClose, dataTestId, } = props;
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const errorId = `error_${id}`;
-    const helpTextId = `helpText_${id}`;
-    const sizeConfig = SIZE_CONFIG[size];
-    const isControlled = valueProp !== undefined;
-    const [internalValue, setInternalValue] = useState(defaultValue ?? "");
-    const currentValue = isControlled ? valueProp : internalValue;
-    const handleValueChange = useCallback((next) => {
-        if (!isControlled)
-            setInternalValue(next);
-        onChange?.(next);
-    }, [isControlled, onChange]);
-    const handleClear = useCallback((e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        handleValueChange("");
-    }, [handleValueChange]);
-    const handleOpenChange = useCallback((open) => {
-        if (open)
-            onMenuOpen?.();
-        else
-            onMenuClose?.();
-    }, [onMenuOpen, onMenuClose]);
-    const ariaDescribedBy = buildAriaDescribedBy(error, errorId, helpText, helpTextId);
-    const testIdPrefix = buildTestIdPrefix(dataTestId, label);
-    const showClearButton = isClearable && !!currentValue && !isDisabled;
-    return {
-        id,
-        errorId,
-        helpTextId,
-        sizeConfig,
-        currentValue,
-        isControlled,
-        handleValueChange,
-        handleClear,
-        handleOpenChange,
-        ariaDescribedBy,
-        testIdPrefix,
-        showClearButton,
-        label,
-        error,
-        helpText,
-        placeholder,
-        isDisabled,
-        required,
-        position,
-    };
+pureDayjs.extend(weekOfYear);
+pureDayjs.extend(weekday);
+pureDayjs.extend(localeData);
+pureDayjs.extend(utc);
+pureDayjs.extend(timezonePlugin);
+class LRUCache {
+    limit;
+    cache;
+    constructor(limit) {
+        this.limit = limit;
+        this.cache = new Map();
+    }
+    get(key) {
+        const value = this.cache.get(key);
+        this.cache.delete(key);
+        if (value !== undefined) {
+            this.cache.set(key, value);
+        }
+        return value;
+    }
+    set(key, value) {
+        if (this.cache.size >= this.limit) {
+            const oldestKey = this.cache.keys().next().value;
+            if (oldestKey !== undefined) {
+                this.cache.delete(oldestKey);
+            }
+        }
+        this.cache.set(key, value);
+    }
+    has(key) {
+        return this.cache.has(key);
+    }
 }
+const hasTimezone = (dateString) => {
+    const timezoneRegex = /Z|[+-]\d{2}:\d{2}$|[+-]\d{4}$|GMT([+-]\d{4})?$/;
+    return timezoneRegex.test(dateString);
+};
+const cache = new LRUCache(1000);
+const pureDayjsWithTz = pureDayjs;
+const dayjs = (...args) => {
+    const cacheKey = JSON.stringify(args);
+    if (cache.has(cacheKey) && args[0] !== undefined)
+        return cache.get(cacheKey);
+    const userTimezone = pureDayjsWithTz.tz()?.$x?.$timezone;
+    const browserTimezone = pureDayjsWithTz.tz.guess();
+    const timezone = userTimezone || browserTimezone;
+    if (userTimezone === browserTimezone || userTimezone === undefined) {
+        const result = pureDayjsWithTz(...args);
+        if (args[0] !== undefined)
+            cache.set(cacheKey, result);
+        return result;
+    }
+    const mutableArgs = [...args];
+    if (mutableArgs.length > 0 &&
+        (typeof mutableArgs[0] === "string" || mutableArgs[0] === null)) {
+        const pureDayjsArgs = [mutableArgs[0], mutableArgs[1]];
+        if (typeof mutableArgs[0] === "string" && hasTimezone(mutableArgs[0])) {
+            mutableArgs[0] = pureDayjsWithTz(...pureDayjsArgs);
+        }
+        else {
+            mutableArgs[0] = pureDayjsWithTz(...pureDayjsArgs).format("YYYY-MM-DD HH:mm:ss");
+            mutableArgs[1] = "YYYY-MM-DD HH:mm:ss";
+        }
+    }
+    if (mutableArgs[0]?.toString() === "Invalid Date") {
+        const result = pureDayjsWithTz(...mutableArgs);
+        if (mutableArgs[0] !== undefined)
+            cache.set(cacheKey, result);
+        return result;
+    }
+    const result = mutableArgs.length === 2
+        ? pureDayjsWithTz.tz(mutableArgs[0], mutableArgs[1], timezone)
+        : pureDayjsWithTz.tz(mutableArgs[0], timezone);
+    if (mutableArgs[0] !== undefined)
+        cache.set(cacheKey, result);
+    return result;
+};
+Object.assign(dayjs, { ...pureDayjs });
+const getTimezoneAppliedDateTime = (inputDateTime) => {
+    const timezoneAppliedDateTime = (date) => date && typeof date.format === "function"
+        ? dayjs(date.format("YYYY-MM-DD HH:mm:ss"))
+        : null;
+    return Array.isArray(inputDateTime)
+        ? inputDateTime.map(timezoneAppliedDateTime)
+        : timezoneAppliedDateTime(inputDateTime);
+};
 
-const Select = forwardRef((props, ref) => {
-    const s = useSelectState(props);
-    return (jsx(SelectFieldWrapper, { id: s.id, label: s.label, error: s.error, helpText: s.helpText, errorId: s.errorId, helpTextId: s.helpTextId, isDisabled: s.isDisabled, required: s.required, testIdPrefix: s.testIdPrefix, labelProps: props.labelProps, className: props.className, children: jsxs(Select$1, { name: props.name, value: s.currentValue, defaultValue: s.isControlled ? undefined : props.defaultValue, onValueChange: s.handleValueChange, onOpenChange: s.handleOpenChange, disabled: s.isDisabled, required: s.required, children: [jsx(SelectTriggerContent, { ref: ref, id: s.id, sizeConfig: s.sizeConfig, error: s.error, ariaDescribedBy: s.ariaDescribedBy, triggerClassName: props.triggerClassName, testIdPrefix: s.testIdPrefix, placeholder: s.placeholder, showClearButton: s.showClearButton, handleClear: s.handleClear }), jsx(SelectContent, { position: s.position, ...props.contentProps, ...(s.testIdPrefix
-                        ? { "data-testid": `${s.testIdPrefix}-select-menu` }
-                        : {}), children: props.children ??
-                        (props.options
-                            ? renderOptions(props.options, s.testIdPrefix)
-                            : null) })] }) }));
-});
-Select.displayName = "Select";
-
-export { MultiSelect, Select, cn };
+export { dayjs, getTimezoneAppliedDateTime };
 //# sourceMappingURL=index.js.map