@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/organisms/CommandMenu/index.js

@@ -0,0 +1,97 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { createContext, useRef, useState, useMemo, Children, useContext, Fragment } from 'react';
+import { ModalOverlay, Modal, Dialog, useFilter, Autocomplete, TextField, ListBox, ListBoxSection, Collection, DialogTrigger } from 'react-aria-components';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { isDeepEqual, mergeRefs } from './commandMenu.utils.js';
+import { CommandInput } from './components/command-input.js';
+import { CommandMenuFooter } from './components/command-menu-footer.js';
+import { CommandMenuHeader } from './components/command-menu-header.js';
+import { CommandDropdownMenuItem } from './components/command-menu-item.js';
+import { parseHotkey } from './hotkeys.utils.js';
+
+const CommandMenuContext = createContext({
+    hasFooter: false,
+    flatItems: [],
+    selectedKeys: new Set(),
+    setSelectedKeys: () => { },
+});
+const CommandMenuRoot = ({ items, children, dialogClassName, overlayClassName, filter, inputValue, defaultItems, onInputChange, onSelectionChange, sensitivity = 'base', placeholder = 'Search', defaultSelectedKeys, shortcut = '⌘/', ...otherProps }) => {
+    const inputRef = useRef(null);
+    const { contains } = useFilter({ sensitivity });
+    const [selectedKeys, setSelectedKeys] = useState(defaultSelectedKeys ?? new Set());
+    // Flatten the items and register hotkeys for items with shortcut keys.
+    const resolvedItems = items ?? defaultItems ?? [];
+    const flatItems = resolvedItems.reduce((acc, group) => [...acc, ...group.items], []);
+    const itemsWithShortcutKeys = flatItems.filter((item) => item.shortcutKeys?.length);
+    const itemsWithShortcutKeysFormatted = itemsWithShortcutKeys.map((item) => ({
+        ...item,
+        shortcutKeys: item.shortcutKeys.map((key) => {
+            if (key.startsWith('⌘'))
+                return key.replace('⌘', key.length > 1 ? 'meta+' : 'meta');
+            return key;
+        }),
+    }));
+    // Register hotkeys for items with shortcut keys.
+    const useHotkeysRef = useHotkeys(itemsWithShortcutKeysFormatted.map((item) => item.shortcutKeys.join('+')), (keyboardEvent, hotkeysEvent) => {
+        keyboardEvent.preventDefault();
+        const item = itemsWithShortcutKeysFormatted.find((option) => {
+            const parsedHotkey = parseHotkey(option.shortcutKeys?.join('+'));
+            return isDeepEqual(parsedHotkey, hotkeysEvent);
+        });
+        if (item)
+            onSelectionChange?.(new Set([item.id]));
+    }, { enableOnFormTags: true });
+    // Register hotkey for input
+    useHotkeys(shortcut?.split('').join('+').replace('⌘', 'meta') ?? '', () => inputRef.current?.focus());
+    // Determine if the command menu has a footer.
+    const hasFooter = useMemo(() => {
+        let hasFooter = false;
+        Children.forEach(children, (child) => {
+            if (child && typeof child === 'object' && 'type' in child && child.type === CommandMenuFooter) {
+                hasFooter = true;
+            }
+        });
+        return hasFooter;
+    }, [children]);
+    return (jsx(CommandMenuContext.Provider, { value: { hasFooter, flatItems, selectedKeys, setSelectedKeys, onSelectionChange, items, ...otherProps }, children: jsx(CommandDialog, { isOpen: otherProps.isOpen, onOpenChange: otherProps.onOpenChange, className: overlayClassName, dialogClassName: dialogClassName, children: jsxs(Autocomplete, { inputValue, onInputChange, filter: filter === false ? undefined : filter || contains, children: [jsx(TextField, { "aria-label": "Search", children: jsx(CommandInput, { autoFocus: true, shortcutKeys: shortcut ? [shortcut] : undefined, placeholder: placeholder, ref: mergeRefs([inputRef, useHotkeysRef]), className: "relative outline-hidden! after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-border-secondary" }) }), children] }) }) }));
+};
+const CommandDialog = ({ className, dialogClassName, children, ...comboboxProps }) => {
+    return (jsx(ModalOverlay, { ...comboboxProps, isDismissable: true, className: (state) => cx('fixed inset-0 z-50 flex min-h-full items-start justify-center overflow-y-auto bg-overlay/70 p-4 text-center backdrop-blur md:pt-16 xl:pt-[clamp(64px,10vh,243px)]', state.isEntering && 'duration-300 ease-out animate-in fade-in', state.isExiting && 'duration-200 ease-in animate-out fade-out', typeof className === 'function' ? className(state) : className), children: (state) => (jsx(Modal, { className: (state) => cx('flex max-h-full w-160 flex-col overflow-hidden rounded-xl bg-primary text-left align-middle shadow-xl', state.isEntering && 'duration-300 ease-out animate-in zoom-in-95', state.isExiting && 'duration-200 ease-in animate-out zoom-out-95', typeof dialogClassName === 'function' ? dialogClassName(state) : dialogClassName), children: jsx(Dialog, { "aria-label": "Command menu", className: "relative flex min-h-0 flex-1 flex-col outline-hidden", children: typeof children === 'function' ? children(state) : children }) })) }));
+};
+const CommandMenuList = ({ className, selectionMode = 'single', ...props }) => {
+    const { hasFooter, emptyState, ...listBoxProps } = useContext(CommandMenuContext);
+    return (jsx(ListBox, { "aria-label": "Command menu results", ...props, ...listBoxProps, renderEmptyState: () => emptyState, selectionMode: selectionMode, onSelectionChange: (key) => {
+            listBoxProps.onSelectionChange?.(key);
+            listBoxProps.setSelectedKeys(key);
+        }, className: (state) => cx('flex max-h-106 flex-1 scroll-py-10 flex-col gap-2 overflow-auto focus:outline-hidden', hasFooter && 'scroll-pb-22 pb-13', !state.isEmpty && 'pt-2', typeof className === 'function' ? className(state) : className) }));
+};
+const CommandMenuSection = ({ title, children, items, ...props }) => {
+    return (jsxs(ListBoxSection, { ...props, className: cx('border-b border-secondary pb-2 last:border-transparent', props.className), children: [title && (jsx(CommandMenuHeader, { className: "pb-1", children: title }, title)), jsx(Collection, { items: items, children: children })] }));
+};
+const CommandMenuPreview = ({ children, asChild, ...props }) => {
+    const { selectedKeys } = useContext(CommandMenuContext);
+    const keys = Array.from(selectedKeys);
+    if (!keys.length)
+        return null;
+    const selectedId = keys[0];
+    if (asChild) {
+        return jsx(Fragment, { children: typeof children === 'function' ? children({ selectedId }) : children });
+    }
+    return jsx("div", { ...props, children: typeof children === 'function' ? children({ selectedId }) : children });
+};
+const CommandMenuGroup = ({ className, ...props }) => {
+    return jsx("div", { ...props, className: cx('min-h-0 flex-1', className) });
+};
+const CommandMenu = CommandMenuRoot;
+CommandMenu.Item = CommandDropdownMenuItem;
+CommandMenu.List = CommandMenuList;
+CommandMenu.Group = CommandMenuGroup;
+CommandMenu.Footer = CommandMenuFooter;
+CommandMenu.Preview = CommandMenuPreview;
+CommandMenu.Section = CommandMenuSection;
+CommandMenu.Trigger = DialogTrigger;
+CommandMenu.Collection = Collection;
+
+export { CommandDialog, CommandMenu, CommandMenuGroup, CommandMenuList, CommandMenuPreview, CommandMenuSection };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/CommandMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/CommandMenu/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaAutocomplete","AriaTextField","AriaModalOverlay","AriaModal","AriaDialog","AriaListBox","AriaListBoxSection","AriaCollection","AriaDialogTrigger"],"mappings":";;;;;;;;;;;;AAiDA,MAAM,kBAAkB,GAAG,aAAa,CAAyB;AAC/D,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,IAAI,GAAG,EAAE;AACvB,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;AAC1B,CAAA,CAAC;AAiBF,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,WAAW,GAAG,MAAM,EACpB,WAAW,GAAG,QAAQ,EACtB,mBAAmB,EACnB,QAAQ,GAAG,IAAI,EACf,GAAG,UAAU,EACQ,KAAI;AACzB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;IAC/C,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;AAE/C,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,mBAAmB,IAAI,IAAI,GAAG,EAAE,CAAC;;AAGjG,IAAA,MAAM,aAAa,GAAG,KAAK,IAAI,YAAY,IAAI,EAAE;IACjD,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAiC,CAAC,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;AACpH,IAAA,MAAM,qBAAqB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IACnF,MAAM,8BAA8B,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM;AAC1E,QAAA,GAAG,IAAI;QACP,YAAY,EAAE,IAAI,CAAC,YAAa,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AAC3C,YAAA,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,OAAO,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnF,YAAA,OAAO,GAAG;AACZ,QAAA,CAAC,CAAC;AACH,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,aAAa,GAAG,UAAU,CAC9B,8BAA8B,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAC1E,CAAC,aAAa,EAAE,YAAY,KAAI;QAC9B,aAAa,CAAC,cAAc,EAAE;QAE9B,MAAM,IAAI,GAAG,8BAA8B,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;AAC1D,YAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;AAEhE,YAAA,OAAO,WAAW,CAAC,YAAY,EAAE,YAAY,CAAC;AAChD,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,IAAI;AAAE,YAAA,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD,IAAA,CAAC,EACD,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAC3B;;AAGD,IAAA,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,MAAM,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;;AAGrG,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAK;QAC7B,IAAI,SAAS,GAAG,KAAK;QAErB,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACnC,YAAA,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,iBAAiB,EAAE;gBAC7F,SAAS,GAAG,IAAI;YAClB;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,SAAS;AAClB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAA,QAAA,EAClIA,GAAA,CAAC,aAAa,EAAA,EAAC,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAA,QAAA,EAC5IC,IAAA,CAACC,YAAgB,EAAA,EAAO,UAAU,EAAE,aAAa,EAAI,MAAM,EAAE,MAAM,KAAK,KAAK,GAAG,SAAS,GAAG,MAAM,IAAI,QAAQ,EAAA,QAAA,EAAA,CAC5GF,GAAA,CAACG,SAAa,EAAA,EAAA,YAAA,EAAY,QAAQ,EAAA,QAAA,EAChCH,GAAA,CAAC,YAAY,EAAA,EACX,SAAS,EAAA,IAAA,EACT,YAAY,EAAE,QAAQ,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,EAC/C,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,EACzC,SAAS,EAAC,uHAAuH,EAAA,CACjI,EAAA,CACY,EACf,QAAQ,CAAA,EAAA,CACQ,EAAA,CACL,EAAA,CACY;AAElC,CAAC;AAMM,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAoB,KAAI;AAC5G,IAAA,QACEA,GAAA,CAACI,YAAgB,EAAA,EAAA,GACX,aAAa,EACjB,aAAa,EAAA,IAAA,EACb,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,mKAAmK,EACnK,KAAK,CAAC,UAAU,IAAI,0CAA0C,EAC9D,KAAK,CAAC,SAAS,IAAI,2CAA2C,EAC9D,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,QAAA,EAGF,CAAC,KAAK,MACLJ,GAAA,CAACK,KAAS,EAAA,EACR,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,uGAAuG,EACvG,KAAK,CAAC,UAAU,IAAI,6CAA6C,EACjE,KAAK,CAAC,SAAS,IAAI,8CAA8C,EACjE,OAAO,eAAe,KAAK,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,eAAe,CACjF,EAAA,QAAA,EAGHL,GAAA,CAACM,MAAU,EAAA,EAAA,YAAA,EAAY,cAAc,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EACnG,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,EAAA,CACjD,EAAA,CACH,CACb,EAAA,CACgB;AAEvB;AAIO,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAwB,KAAI;AACzG,IAAA,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAEjF,QACEN,GAAA,CAACO,OAAW,EAAA,EAAA,YAAA,EACC,sBAAsB,EAAA,GAC7B,KAAK,EAAA,GACL,YAAY,EAChB,gBAAgB,EAAE,MAAM,UAAU,EAClC,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,CAAC,GAAG,KAAI;AACzB,YAAA,YAAY,CAAC,iBAAiB,GAAG,GAAe,CAAC;AACjD,YAAA,YAAY,CAAC,eAAe,CAAC,GAAe,CAAC;AAC/C,QAAA,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,sFAAsF,EACtF,SAAS,IAAI,oBAAoB,EACjC,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM,EACxB,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAMO,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAA2B,KAAI;IAClG,QACEN,KAACO,cAAkB,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,KAAK,CAAC,SAAS,CAAC,aACpH,KAAK,KACJR,GAAA,CAAC,iBAAiB,IAAa,SAAS,EAAC,MAAM,EAAA,QAAA,EAC5C,KAAK,IADgB,KAAK,CAET,CACrB,EACDA,GAAA,CAACS,UAAc,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAkB,CAAA,EAAA,CACtC;AAEzB;AAcO,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B,KAAI;IAC7F,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAEvD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;IACrC,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AAE7B,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAQ;IAEjC,IAAI,OAAO,EAAE;QACX,OAAOT,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAE,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAA,CAAY;IACpG;IAEA,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAA,QAAA,EAAG,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,EAAA,CAAO;AACrG;AAEO,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC,KAAI;AACxF,IAAA,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAA,CAAI;AACvE;AAEA,MAAM,WAAW,GAAG;AAWpB,WAAW,CAAC,IAAI,GAAG,uBAAuB;AAC1C,WAAW,CAAC,IAAI,GAAG,eAAe;AAClC,WAAW,CAAC,KAAK,GAAG,gBAAgB;AACpC,WAAW,CAAC,MAAM,GAAG,iBAAiB;AACtC,WAAW,CAAC,OAAO,GAAG,kBAAkB;AACxC,WAAW,CAAC,OAAO,GAAG,kBAAkB;AACxC,WAAW,CAAC,OAAO,GAAGU,aAAiB;AACvC,WAAW,CAAC,UAAU,GAAGD,UAAc;;;;"}

package/dist/components/organisms/DatePicker/components/calendar.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var date = require('@internationalized/date');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var cell = require('./cell.cjs');
+var inputDate = require('./input-date.cjs');
+
+const CalendarContextProvider = ({ children }) => {
+    const [value, setValue] = React.useState(null);
+    const [focusedValue, setFocusedValue] = React.useState();
+    const onFocusChange = (newValue) => setFocusedValue(newValue);
+    const onChange = (newValue) => {
+        setValue(Array.isArray(newValue) ? null : newValue);
+    };
+    return jsxRuntime.jsx(reactAriaComponents.CalendarContext.Provider, { value: { value, onChange, focusedValue, onFocusChange }, children: children });
+};
+const Calendar = ({ highlightedDates, className, children, ...props }) => {
+    const context = reactAriaComponents.useSlottedContext(reactAriaComponents.CalendarContext);
+    const ContextWrapper = context ? React.Fragment : CalendarContextProvider;
+    return (jsxRuntime.jsx(ContextWrapper, { children: jsxRuntime.jsx(reactAriaComponents.Calendar, { ...props, className: (state) => cx.cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: ({ state }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("header", { className: "flex items-center justify-between", children: [jsxRuntime.jsx(Button.Button, { slot: "previous", iconLeading: uiIcons.ChevronLeft, size: "sm", color: "tertiary", className: "size-8" }), jsxRuntime.jsx(reactAriaComponents.Heading, { className: "text-sm font-semibold text-fg-secondary" }), jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), children || (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [jsxRuntime.jsx(inputDate.InputDateBase, { "aria-label": "Date", size: "sm", className: "flex-1" }), jsxRuntime.jsx(Button.Button, { slot: null, size: "sm", color: "secondary", onClick: () => {
+                                    state.setValue(date.today(date.getLocalTimeZone()));
+                                    state.setFocusedDate(date.today(date.getLocalTimeZone()));
+                                }, children: "Today" })] })), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => (jsxRuntime.jsx(cell.CalendarCell, { date: date, isHighlighted: highlightedDates?.some((highlightedDate) => date.compare(highlightedDate) === 0) })) })] })] })) }) }));
+};
+
+exports.Calendar = Calendar;
+exports.CalendarContextProvider = CalendarContextProvider;
+//# sourceMappingURL=calendar.cjs.map

package/dist/components/organisms/DatePicker/components/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/calendar.tsx"],"sourcesContent":[null],"names":["useState","_jsx","AriaCalendarContext","useSlottedContext","Fragment","AriaCalendar","cx","_jsxs","_Fragment","Button","ChevronLeft","AriaHeading","ChevronRight","InputDateBase","today","getLocalTimeZone","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/calendar.d.ts

@@ -0,0 +1,15 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-components';
+export declare const CalendarContextProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+interface CalendarProps extends AriaCalendarProps<DateValue> {
+    /** The dates to highlight. */
+    highlightedDates?: DateValue[];
+    /**
+     * The content to render between the header and the calendar grid.
+     * If not provided, a default layout will be rendered with a date input and a today button.
+     */
+    children?: ReactNode;
+}
+export declare const Calendar: ({ highlightedDates, className, children, ...props }: CalendarProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/organisms/DatePicker/components/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAc3F,eAAO,MAAM,uBAAuB,GAAI,cAAc,iBAAiB,gCAUtE,CAAC;AAEF,UAAU,aAAc,SAAQ,iBAAiB,CAAC,SAAS,CAAC;IAC1D,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,qDAAqD,aAAa,gCAoD1F,CAAC"}

package/dist/components/organisms/DatePicker/components/calendar.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { ChevronLeft, ChevronRight } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { today, getLocalTimeZone } from '@internationalized/date';
+import { Fragment, useState } from 'react';
+import { useSlottedContext, CalendarContext, Calendar as Calendar$1, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody } from 'react-aria-components';
+import { CalendarCell } from './cell.js';
+import { InputDateBase } from './input-date.js';
+
+const CalendarContextProvider = ({ children }) => {
+    const [value, setValue] = useState(null);
+    const [focusedValue, setFocusedValue] = useState();
+    const onFocusChange = (newValue) => setFocusedValue(newValue);
+    const onChange = (newValue) => {
+        setValue(Array.isArray(newValue) ? null : newValue);
+    };
+    return jsx(CalendarContext.Provider, { value: { value, onChange, focusedValue, onFocusChange }, children: children });
+};
+const Calendar = ({ highlightedDates, className, children, ...props }) => {
+    const context = useSlottedContext(CalendarContext);
+    const ContextWrapper = context ? Fragment : CalendarContextProvider;
+    return (jsx(ContextWrapper, { children: jsx(Calendar$1, { ...props, className: (state) => cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: ({ state }) => (jsxs(Fragment$1, { children: [jsxs("header", { className: "flex items-center justify-between", children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8" }), jsx(Heading, { className: "text-sm font-semibold text-fg-secondary" }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), children || (jsxs("div", { className: "flex gap-3", children: [jsx(InputDateBase, { "aria-label": "Date", size: "sm", className: "flex-1" }), jsx(Button, { slot: null, size: "sm", color: "secondary", onClick: () => {
+                                    state.setValue(today(getLocalTimeZone()));
+                                    state.setFocusedDate(today(getLocalTimeZone()));
+                                }, children: "Today" })] })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { className: "border-b-4 border-transparent", children: (day) => (jsx(CalendarHeaderCell, { className: "p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => (jsx(CalendarCell, { date: date, isHighlighted: highlightedDates?.some((highlightedDate) => date.compare(highlightedDate) === 0) })) })] })] })) }) }));
+};
+
+export { Calendar, CalendarContextProvider };
+//# sourceMappingURL=calendar.js.map

package/dist/components/organisms/DatePicker/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/calendar.tsx"],"sourcesContent":[null],"names":["_jsx","AriaCalendarContext","AriaCalendar","_jsxs","_Fragment","AriaHeading","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/cell.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var date = require('@internationalized/date');
+var reactAriaComponents = require('react-aria-components');
+
+const CalendarCell = ({ date: date$1, isHighlighted, showOutOfRangeDates = false, ...props }) => {
+    const { locale } = reactAriaComponents.useLocale();
+    const dayOfWeek = date.getDayOfWeek(date$1, locale);
+    const rangeCalendarContext = reactAriaComponents.useSlottedContext(reactAriaComponents.RangeCalendarContext);
+    const isRangeCalendar = !!rangeCalendarContext;
+    const start = rangeCalendarContext?.value?.start;
+    const end = rangeCalendarContext?.value?.end;
+    const isAfterStart = start ? date$1.compare(start) > 0 : true;
+    const isBeforeEnd = end ? date$1.compare(end) < 0 : true;
+    const isAfterOrOnStart = start && date$1.compare(start) >= 0;
+    const isBeforeOrOnEnd = end && date$1.compare(end) <= 0;
+    const isInRange = isAfterOrOnStart && isBeforeOrOnEnd;
+    const lastDayOfMonth = new Date(date$1.year, date$1.month, 0).getDate();
+    const isLastDayOfMonth = date$1.day === lastDayOfMonth;
+    const isFirstDayOfMonth = date$1.day === 1;
+    const isTodayDate = date.isToday(date$1, date.getLocalTimeZone());
+    return (jsxRuntime.jsx(reactAriaComponents.CalendarCell, { ...props, date: date$1, className: ({ isDisabled, isFocusVisible, isSelectionStart, isSelectionEnd, isSelected, isOutsideMonth }) => {
+            const isRoundedLeft = isSelectionStart || dayOfWeek === 0;
+            const isRoundedRight = isSelectionEnd || dayOfWeek === 6;
+            return cx.cx('relative size-10 focus:outline-hidden', isRoundedLeft && 'rounded-l-full', isRoundedRight && 'rounded-r-full', isInRange && isDisabled && 'bg-secondary', isSelected && isRangeCalendar && 'bg-secondary', isDisabled ? 'pointer-events-none' : 'cursor-pointer', isFocusVisible ? 'z-10' : 'z-0', isOutsideMonth && 'opacity-50', isRangeCalendar && isOutsideMonth && !showOutOfRangeDates && 'hidden', 
+            // Show gradient on last day of month if it's within the selected range.
+            isLastDayOfMonth &&
+                isSelected &&
+                isBeforeEnd &&
+                isRangeCalendar &&
+                'after:absolute after:inset-0 after:translate-x-full after:bg-gradient-to-l after:from-transparent after:to-bg-secondary in-[[role=gridcell]:last-child]:after:hidden', 
+            // Show gradient on first day of month if it's within the selected range.
+            isFirstDayOfMonth &&
+                isSelected &&
+                isAfterStart &&
+                isRangeCalendar &&
+                'after:absolute after:inset-0 after:-translate-x-full after:bg-gradient-to-r after:from-transparent after:to-bg-secondary in-[[role=gridcell]:first-child]:after:hidden');
+        }, children: ({ isDisabled, isFocusVisible, isSelectionStart, isSelectionEnd, isSelected, formattedDate }) => {
+            const markedAsSelected = isSelectionStart || isSelectionEnd || (isSelected && !isDisabled && !isRangeCalendar);
+            return (jsxRuntime.jsxs("div", { className: cx.cx('relative flex size-full items-center justify-center rounded-full text-sm text-secondary hover:text-secondary_hover', 
+                // Disabled state.
+                isDisabled && 'text-secondary/50', 
+                // Focus ring, visible while the cell has keyboard focus.
+                isFocusVisible ? 'outline-2 outline-offset-2 outline-focus-ring' : '', 
+                // Hover state for cells in the middle of the range.
+                isSelected && !isDisabled && isRangeCalendar ? 'font-medium' : '', markedAsSelected && 'bg-brand-solid font-medium text-white hover:bg-brand-solid_hover hover:text-white', 
+                // Hover state for non-selected cells.
+                !isSelected && !isDisabled ? 'hover:bg-primary_hover hover:font-medium!' : '', !isSelected && isTodayDate ? 'bg-secondary font-medium hover:bg-secondary_hover' : ''), children: [formattedDate, (isHighlighted || isTodayDate) && (jsxRuntime.jsx("div", { className: cx.cx('absolute bottom-1 left-1/2 size-1.25 -translate-x-1/2 rounded-full', markedAsSelected ? 'bg-fg-white' : 'bg-fg-brand-primary', isDisabled && 'opacity-50') }))] }));
+        } }));
+};
+
+exports.CalendarCell = CalendarCell;
+//# sourceMappingURL=cell.cjs.map

package/dist/components/organisms/DatePicker/components/cell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/cell.tsx"],"sourcesContent":[null],"names":["date","useLocale","getDayOfWeek","useSlottedContext","RangeCalendarContext","isToday","getLocalTimeZone","_jsx","AriaCalendarCell","cx","_jsxs"],"mappings":";;;;;;;AAgBO,MAAM,YAAY,GAAG,CAAC,QAAEA,MAAI,EAAE,aAAa,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,EAAqB,KAAI;AAChH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGC,6BAAS,EAAE;IAC9B,MAAM,SAAS,GAAGC,iBAAY,CAACF,MAAI,EAAE,MAAM,CAAC;AAC5C,IAAA,MAAM,oBAAoB,GAAGG,qCAAiB,CAACC,wCAAoB,CAAC;AAEpE,IAAA,MAAM,eAAe,GAAG,CAAC,CAAC,oBAAoB;AAE9C,IAAA,MAAM,KAAK,GAAG,oBAAoB,EAAE,KAAK,EAAE,KAAK;AAChD,IAAA,MAAM,GAAG,GAAG,oBAAoB,EAAE,KAAK,EAAE,GAAG;AAE5C,IAAA,MAAM,YAAY,GAAG,KAAK,GAAGJ,MAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI;AAC3D,IAAA,MAAM,WAAW,GAAG,GAAG,GAAGA,MAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI;AAEtD,IAAA,MAAM,gBAAgB,GAAG,KAAK,IAAIA,MAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AAC1D,IAAA,MAAM,eAAe,GAAG,GAAG,IAAIA,MAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AACrD,IAAA,MAAM,SAAS,GAAG,gBAAgB,IAAI,eAAe;AAErD,IAAA,MAAM,cAAc,GAAG,IAAI,IAAI,CAACA,MAAI,CAAC,IAAI,EAAEA,MAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;AACnE,IAAA,MAAM,gBAAgB,GAAGA,MAAI,CAAC,GAAG,KAAK,cAAc;AACpD,IAAA,MAAM,iBAAiB,GAAGA,MAAI,CAAC,GAAG,KAAK,CAAC;IAExC,MAAM,WAAW,GAAGK,YAAO,CAACL,MAAI,EAAEM,qBAAgB,EAAE,CAAC;IAErD,QACEC,cAAA,CAACC,gCAAgB,EAAA,EAAA,GACX,KAAK,EACT,IAAI,EAAER,MAAI,EACV,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,KAAI;AAC1G,YAAA,MAAM,aAAa,GAAG,gBAAgB,IAAI,SAAS,KAAK,CAAC;AACzD,YAAA,MAAM,cAAc,GAAG,cAAc,IAAI,SAAS,KAAK,CAAC;YAExD,OAAOS,KAAE,CACP,uCAAuC,EACvC,aAAa,IAAI,gBAAgB,EACjC,cAAc,IAAI,gBAAgB,EAClC,SAAS,IAAI,UAAU,IAAI,cAAc,EACzC,UAAU,IAAI,eAAe,IAAI,cAAc,EAC/C,UAAU,GAAG,qBAAqB,GAAG,gBAAgB,EACrD,cAAc,GAAG,MAAM,GAAG,KAAK,EAC/B,cAAc,IAAI,YAAY,EAC9B,eAAe,IAAI,cAAc,IAAI,CAAC,mBAAmB,IAAI,QAAQ;;YAGrE,gBAAgB;gBACd,UAAU;gBACV,WAAW;gBACX,eAAe;gBACf,sKAAsK;;YAGxK,iBAAiB;gBACf,UAAU;gBACV,YAAY;gBACZ,eAAe;AACf,gBAAA,wKAAwK,CAC3K;AACH,QAAA,CAAC,YAEA,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,KAAI;AAC/F,YAAA,MAAM,gBAAgB,GAAG,gBAAgB,IAAI,cAAc,KAAK,UAAU,IAAI,CAAC,UAAU,IAAI,CAAC,eAAe,CAAC;AAE9G,YAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,oHAAoH;;AAEpH,gBAAA,UAAU,IAAI,mBAAmB;;AAEjC,gBAAA,cAAc,GAAG,+CAA+C,GAAG,EAAE;;AAErE,gBAAA,UAAU,IAAI,CAAC,UAAU,IAAI,eAAe,GAAG,aAAa,GAAG,EAAE,EACjE,gBAAgB,IAAI,mFAAmF;;AAEvG,gBAAA,CAAC,UAAU,IAAI,CAAC,UAAU,GAAG,2CAA2C,GAAG,EAAE,EAC7E,CAAC,UAAU,IAAI,WAAW,GAAG,mDAAmD,GAAG,EAAE,CACtF,EAAA,QAAA,EAAA,CAEA,aAAa,EAEb,CAAC,aAAa,IAAI,WAAW,MAC5BF,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,KAAE,CACX,oEAAoE,EACpE,gBAAgB,GAAG,aAAa,GAAG,qBAAqB,EACxD,UAAU,IAAI,YAAY,CAC3B,EAAA,CACD,CACH,CAAA,EAAA,CACG;QAEV,CAAC,EAAA,CACgB;AAEvB;;;;"}

package/dist/components/organisms/DatePicker/components/cell.d.ts

@@ -0,0 +1,12 @@
+import type { CalendarCellProps as AriaCalendarCellProps } from 'react-aria-components';
+interface CalendarCellProps extends AriaCalendarCellProps {
+    /** Whether the calendar is a range calendar. */
+    isRangeCalendar?: boolean;
+    /** Whether the cell is highlighted. */
+    isHighlighted?: boolean;
+    /** Whether to show out of range dates. */
+    showOutOfRangeDates?: boolean;
+}
+export declare const CalendarCell: ({ date, isHighlighted, showOutOfRangeDates, ...props }: CalendarCellProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=cell.d.ts.map

package/dist/components/organisms/DatePicker/components/cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/cell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAGxF,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,gDAAgD;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,GAAI,wDAAgE,iBAAiB,gCA6F7G,CAAC"}

package/dist/components/organisms/DatePicker/components/cell.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { getDayOfWeek, isToday, getLocalTimeZone } from '@internationalized/date';
+import { useLocale, useSlottedContext, RangeCalendarContext, CalendarCell as CalendarCell$1 } from 'react-aria-components';
+
+const CalendarCell = ({ date, isHighlighted, showOutOfRangeDates = false, ...props }) => {
+    const { locale } = useLocale();
+    const dayOfWeek = getDayOfWeek(date, locale);
+    const rangeCalendarContext = useSlottedContext(RangeCalendarContext);
+    const isRangeCalendar = !!rangeCalendarContext;
+    const start = rangeCalendarContext?.value?.start;
+    const end = rangeCalendarContext?.value?.end;
+    const isAfterStart = start ? date.compare(start) > 0 : true;
+    const isBeforeEnd = end ? date.compare(end) < 0 : true;
+    const isAfterOrOnStart = start && date.compare(start) >= 0;
+    const isBeforeOrOnEnd = end && date.compare(end) <= 0;
+    const isInRange = isAfterOrOnStart && isBeforeOrOnEnd;
+    const lastDayOfMonth = new Date(date.year, date.month, 0).getDate();
+    const isLastDayOfMonth = date.day === lastDayOfMonth;
+    const isFirstDayOfMonth = date.day === 1;
+    const isTodayDate = isToday(date, getLocalTimeZone());
+    return (jsx(CalendarCell$1, { ...props, date: date, className: ({ isDisabled, isFocusVisible, isSelectionStart, isSelectionEnd, isSelected, isOutsideMonth }) => {
+            const isRoundedLeft = isSelectionStart || dayOfWeek === 0;
+            const isRoundedRight = isSelectionEnd || dayOfWeek === 6;
+            return cx('relative size-10 focus:outline-hidden', isRoundedLeft && 'rounded-l-full', isRoundedRight && 'rounded-r-full', isInRange && isDisabled && 'bg-secondary', isSelected && isRangeCalendar && 'bg-secondary', isDisabled ? 'pointer-events-none' : 'cursor-pointer', isFocusVisible ? 'z-10' : 'z-0', isOutsideMonth && 'opacity-50', isRangeCalendar && isOutsideMonth && !showOutOfRangeDates && 'hidden', 
+            // Show gradient on last day of month if it's within the selected range.
+            isLastDayOfMonth &&
+                isSelected &&
+                isBeforeEnd &&
+                isRangeCalendar &&
+                'after:absolute after:inset-0 after:translate-x-full after:bg-gradient-to-l after:from-transparent after:to-bg-secondary in-[[role=gridcell]:last-child]:after:hidden', 
+            // Show gradient on first day of month if it's within the selected range.
+            isFirstDayOfMonth &&
+                isSelected &&
+                isAfterStart &&
+                isRangeCalendar &&
+                'after:absolute after:inset-0 after:-translate-x-full after:bg-gradient-to-r after:from-transparent after:to-bg-secondary in-[[role=gridcell]:first-child]:after:hidden');
+        }, children: ({ isDisabled, isFocusVisible, isSelectionStart, isSelectionEnd, isSelected, formattedDate }) => {
+            const markedAsSelected = isSelectionStart || isSelectionEnd || (isSelected && !isDisabled && !isRangeCalendar);
+            return (jsxs("div", { className: cx('relative flex size-full items-center justify-center rounded-full text-sm text-secondary hover:text-secondary_hover', 
+                // Disabled state.
+                isDisabled && 'text-secondary/50', 
+                // Focus ring, visible while the cell has keyboard focus.
+                isFocusVisible ? 'outline-2 outline-offset-2 outline-focus-ring' : '', 
+                // Hover state for cells in the middle of the range.
+                isSelected && !isDisabled && isRangeCalendar ? 'font-medium' : '', markedAsSelected && 'bg-brand-solid font-medium text-white hover:bg-brand-solid_hover hover:text-white', 
+                // Hover state for non-selected cells.
+                !isSelected && !isDisabled ? 'hover:bg-primary_hover hover:font-medium!' : '', !isSelected && isTodayDate ? 'bg-secondary font-medium hover:bg-secondary_hover' : ''), children: [formattedDate, (isHighlighted || isTodayDate) && (jsx("div", { className: cx('absolute bottom-1 left-1/2 size-1.25 -translate-x-1/2 rounded-full', markedAsSelected ? 'bg-fg-white' : 'bg-fg-brand-primary', isDisabled && 'opacity-50') }))] }));
+        } }));
+};
+
+export { CalendarCell };
+//# sourceMappingURL=cell.js.map

package/dist/components/organisms/DatePicker/components/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sources":["../../../../../src/components/organisms/DatePicker/components/cell.tsx"],"sourcesContent":[null],"names":["_jsx","AriaCalendarCell","_jsxs"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/date-range-picker.d.ts

@@ -0,0 +1,12 @@
+import type { ButtonProps } from '@flipdish/ui-library/components/atoms/Button';
+import type { DateRangePickerProps as AriaDateRangePickerProps, DateValue } from 'react-aria-components';
+interface DateRangePickerProps extends AriaDateRangePickerProps<DateValue> {
+    size?: ButtonProps['size'];
+    /** The function to call when the apply button is clicked. */
+    onApply?: () => void;
+    /** The function to call when the cancel button is clicked. */
+    onCancel?: () => void;
+}
+export declare const DateRangePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size, ...props }: DateRangePickerProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/components/organisms/DatePicker/components/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/date-range-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAOhF,OAAO,KAAK,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAezG,UAAU,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IACxE,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,iFAAwF,oBAAoB,gCAwI3I,CAAC"}

package/dist/components/organisms/DatePicker/components/input-date.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+require('@flipdish/ui-library/components/atoms/Input/components/hint-text');
+require('@flipdish/ui-library/components/atoms/Input/components/label');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+const DateFieldContext = React.createContext({});
+const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, icon: Icon, wrapperClassName, tooltipClassName, iconClassName, ...inputProps }) => {
+    // Check if the input has a leading icon or tooltip
+    const hasTrailingIcon = tooltip || isInvalid;
+    const hasLeadingIcon = Icon;
+    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles
+    const context = React.useContext(DateFieldContext);
+    const inputSize = context?.size || size;
+    const sizes = cx.sortCx({
+        sm: {
+            root: cx.cx('px-3 py-2 text-sm', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-8.5'),
+            iconLeading: 'left-3 size-4 stroke-[2.25px]',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        md: {
+            root: cx.cx('px-3 py-2 text-md', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-10'),
+            iconLeading: 'left-3 size-5',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        lg: {
+            root: cx.cx('px-3.5 py-2.5 text-md', hasTrailingIcon && 'pr-9.5', hasLeadingIcon && 'pl-10.5'),
+            iconLeading: 'left-3.5 size-5',
+            iconTrailing: 'right-3.5',
+            shortcut: 'pr-3',
+        },
+    });
+    return (jsxRuntime.jsxs(reactAriaComponents.Group, { isDisabled, isInvalid, ref: groupRef, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx.cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand', 
+        // Disabled state styles
+        isDisabled && 'cursor-not-allowed opacity-50 in-data-input-wrapper:opacity-100', 'group-disabled:cursor-not-allowed group-disabled:opacity-50 in-data-input-wrapper:group-disabled:opacity-100', 
+        // Invalid state styles
+        isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
+        // Invalid state with focus-within styles
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.DateInput, { ...inputProps, className: cx.cx('flex w-full', sizes[size].root, typeof inputProps.className === 'string' && inputProps.className), children: (segment) => (jsxRuntime.jsx(reactAriaComponents.DateSegment, { segment: segment, className: cx.cx('rounded px-0.5 text-primary tabular-nums caret-transparent focus:bg-brand-solid focus:font-medium focus:text-white focus:outline-hidden', 
+                    // The placeholder segment.
+                    segment.isPlaceholder && 'text-placeholder uppercase', 
+                    // The separator "/" segment.
+                    segment.type === 'literal' && 'text-fg-quaternary') })) }), tooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: cx.cx('absolute cursor-pointer text-fg-quaternary transition duration-200 group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) }), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8', sizes[inputSize].shortcut), children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
+};
+
+exports.InputDateBase = InputDateBase;
+//# sourceMappingURL=input-date.cjs.map

package/dist/components/organisms/DatePicker/components/input-date.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"sourcesContent":[null],"names":["createContext","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment","Tooltip","TooltipTrigger","HelpCircle","InfoCircle"],"mappings":";;;;;;;;;;;AAkBA,MAAM,gBAAgB,GAAGA,mBAAa,CAMnC,EAAE,CAAC;AA4BC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,GAAG,UAAU,EAC8B,KAAI;;AAE/C,IAAA,MAAM,eAAe,GAAG,OAAO,IAAI,SAAS;IAC5C,MAAM,cAAc,GAAG,IAAI;;AAG3B,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,gBAAgB,CAAC;AAE5C,IAAA,MAAM,SAAS,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI;IAEvC,MAAM,KAAK,GAAGC,SAAM,CAAC;AACnB,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAEC,KAAE,CAAC,mBAAmB,EAAE,eAAe,IAAI,MAAM,EAAE,cAAc,IAAI,QAAQ,CAAC;AACpF,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAEA,KAAE,CAAC,mBAAmB,EAAE,eAAe,IAAI,MAAM,EAAE,cAAc,IAAI,OAAO,CAAC;AACnF,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAEA,KAAE,CAAC,uBAAuB,EAAE,eAAe,IAAI,QAAQ,EAAE,cAAc,IAAI,SAAS,CAAC;AAC3F,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,QAAQ,EAAE,MAAM;AACjB,SAAA;AACF,KAAA,CAAC;AAEF,IAAA,QACEC,eAAA,CAACC,yBAAS,EAAA,EACF,UAAU,EAAE,SAAS,EAC3B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,KAClDF,KAAE,CACA,6LAA6L,EAE7L,aAAa,IAAI,CAAC,UAAU,IAAI,mBAAmB;;QAGnD,UAAU,IAAI,iEAAiE,EAC/E,8GAA8G;;QAG9G,SAAS,IAAI,mBAAmB,EAChC,iCAAiC;;AAGjC,QAAA,SAAS,IAAI,aAAa,IAAI,mBAAmB,EACjD,aAAa,IAAI,+CAA+C,EAEhE,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,CACjB,aAIF,IAAI,KACHG,cAAA,CAAC,IAAI,IACH,SAAS,EAAEH,KAAE,CAAC,iDAAiD,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC,EAAA,CACrI,CACH,EAGDG,cAAA,CAACC,6BAAa,EAAA,EAAA,GACR,UAAU,EACd,SAAS,EAAEJ,KAAE,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,OAAO,UAAU,CAAC,SAAS,KAAK,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/G,CAAC,OAAO,MACPG,cAAA,CAACE,+BAAe,EAAA,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEL,KAAE,CACX,yIAAyI;;oBAEzI,OAAO,CAAC,aAAa,IAAI,4BAA4B;;AAErD,oBAAA,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,oBAAoB,CACnD,EAAA,CACD,CACH,EAAA,CACa,EAGf,OAAO,KACNG,cAAA,CAACG,eAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtCH,cAAA,CAACI,sBAAc,EAAA,EACb,SAAS,EAAEP,KAAE,CACX,6JAA6J,EAC7J,KAAK,CAAC,SAAS,CAAC,CAAC,YAAY,EAC7B,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,CACjB,EAAA,QAAA,EAEDG,cAAA,CAACK,kBAAU,EAAA,EAAC,SAAS,EAAC,wBAAwB,EAAA,CAAG,EAAA,CAClC,EAAA,CACT,CACX,EAGDL,cAAA,CAACM,kBAAU,EAAA,EACT,SAAS,EAAET,KAAE,CACX,8GAA8G,EAC9G,KAAK,CAAC,SAAS,CAAC,CAAC,YAAY,EAC7B,OAAO,EAAE,gBAAgB,EACzB,gBAAgB,CACjB,EAAA,CACD,EAGD,QAAQ,KACPG,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEH,KAAE,CACX,yJAAyJ,EACzJ,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,CAC1B,EAAA,QAAA,EAEDG,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAC,yHAAyH,EAAA,QAAA,EAElI,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI,EAAA,CAC1C,EAAA,CACH,CACP,CAAA,EAAA,CACS;AAEhB;;;;"}

package/dist/components/organisms/DatePicker/components/input-date.d.ts

@@ -0,0 +1,42 @@
+import { type ComponentType, type HTMLAttributes, type ReactNode, type Ref } from 'react';
+import type { DateInputProps as AriaDateInputProps } from 'react-aria-components';
+import { type DateFieldProps as AriaDateFieldProps, type DateValue } from 'react-aria-components';
+export interface InputDateBaseProps extends Omit<AriaDateInputProps, 'children'> {
+    /** Tooltip message on hover. */
+    tooltip?: string;
+    /**
+     * Input size.
+     * @default "sm"
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Class name for the icon. */
+    iconClassName?: string;
+    /** Class name for the input wrapper. */
+    wrapperClassName?: string;
+    /** Class name for the tooltip. */
+    tooltipClassName?: string;
+    /** Keyboard shortcut to display. */
+    shortcut?: string | boolean;
+    ref?: Ref<HTMLInputElement>;
+    groupRef?: Ref<HTMLDivElement>;
+    /** Icon component to display on the left side of the input. */
+    icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}
+export declare const InputDateBase: ({ tooltip, shortcut, groupRef, size, isInvalid, isDisabled, icon: Icon, wrapperClassName, tooltipClassName, iconClassName, ...inputProps }: Omit<InputDateBaseProps, "label" | "hint">) => import("react").JSX.Element;
+interface InputProps extends AriaDateFieldProps<DateValue>, Pick<InputDateBaseProps, 'ref' | 'size' | 'placeholder' | 'icon' | 'shortcut' | 'tooltip' | 'groupRef' | 'iconClassName' | 'wrapperClassName' | 'tooltipClassName'> {
+    /** Label text for the input */
+    label?: string;
+    /** Helper text displayed below the input */
+    hint?: ReactNode;
+    /** Whether to hide required indicator from label */
+    hideRequiredIndicator?: boolean;
+    /** Class name for the input. */
+    inputClassName?: string;
+}
+export declare const InputDate: ({ size, placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, ...props }: InputProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=input-date.d.ts.map

package/dist/components/organisms/DatePicker/components/input-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AACrH,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAEL,KAAK,cAAc,IAAI,kBAAkB,EAIzC,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAU/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC9E,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,4IAY3B,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAC,gCAgI5C,CAAC;AAEF,UAAU,UACR,SAAQ,kBAAkB,CAAC,SAAS,CAAC,EACnC,IAAI,CACF,kBAAkB,EAClB,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,kBAAkB,GAAG,kBAAkB,CAC1I;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,iMAiBvB,UAAU,gCAyCZ,CAAC"}

package/dist/components/organisms/DatePicker/components/input-date.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { HelpCircle, InfoCircle } from '@flipdish/ui-icons';
+import '@flipdish/ui-library/components/atoms/Input/components/hint-text';
+import '@flipdish/ui-library/components/atoms/Input/components/label';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { createContext, useContext } from 'react';
+import { Group, DateInput, DateSegment } from 'react-aria-components';
+
+const DateFieldContext = createContext({});
+const InputDateBase = ({ tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, icon: Icon, wrapperClassName, tooltipClassName, iconClassName, ...inputProps }) => {
+    // Check if the input has a leading icon or tooltip
+    const hasTrailingIcon = tooltip || isInvalid;
+    const hasLeadingIcon = Icon;
+    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles
+    const context = useContext(DateFieldContext);
+    const inputSize = context?.size || size;
+    const sizes = sortCx({
+        sm: {
+            root: cx('px-3 py-2 text-sm', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-8.5'),
+            iconLeading: 'left-3 size-4 stroke-[2.25px]',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        md: {
+            root: cx('px-3 py-2 text-md', hasTrailingIcon && 'pr-9', hasLeadingIcon && 'pl-10'),
+            iconLeading: 'left-3 size-5',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2.5',
+        },
+        lg: {
+            root: cx('px-3.5 py-2.5 text-md', hasTrailingIcon && 'pr-9.5', hasLeadingIcon && 'pl-10.5'),
+            iconLeading: 'left-3.5 size-5',
+            iconTrailing: 'right-3.5',
+            shortcut: 'pr-3',
+        },
+    });
+    return (jsxs(Group, { isDisabled, isInvalid, ref: groupRef, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand', 
+        // Disabled state styles
+        isDisabled && 'cursor-not-allowed opacity-50 in-data-input-wrapper:opacity-100', 'group-disabled:cursor-not-allowed group-disabled:opacity-50 in-data-input-wrapper:group-disabled:opacity-100', 
+        // Invalid state styles
+        isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
+        // Invalid state with focus-within styles
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(DateInput, { ...inputProps, className: cx('flex w-full', sizes[size].root, typeof inputProps.className === 'string' && inputProps.className), children: (segment) => (jsx(DateSegment, { segment: segment, className: cx('rounded px-0.5 text-primary tabular-nums caret-transparent focus:bg-brand-solid focus:font-medium focus:text-white focus:outline-hidden', 
+                    // The placeholder segment.
+                    segment.isPlaceholder && 'text-placeholder uppercase', 
+                    // The separator "/" segment.
+                    segment.type === 'literal' && 'text-fg-quaternary') })) }), tooltip && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: cx('absolute cursor-pointer text-fg-quaternary transition duration-200 group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) }), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
+};
+
+export { InputDateBase };
+//# sourceMappingURL=input-date.js.map

package/dist/components/organisms/DatePicker/components/input-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date.js","sources":["../../../../../src/components/organisms/DatePicker/components/input-date.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaDateInput","AriaDateSegment"],"mappings":"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"}