npm - @raystack/apsara - Versions diffs - 0.45.1 → 0.46.0-rc.1 - Mend

@raystack/apsara 0.45.1 → 0.46.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (793) hide show

package/dist/v1/components/calendar/calendar.cjs CHANGED Viewed

@@ -2,20 +2,18 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
-var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
+var index = require('../../node_modules/.pnpm/react-loading-skeleton@3.4.0_react@18.2.0/node_modules/react-loading-skeleton/dist/index.cjs');
 var flex = require('../flex/flex.cjs');
 var select = require('../select/select.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
-var skeleton = require('../skeleton/skeleton.cjs');
 var calendar_module = require('./calendar.module.css.cjs');
-var iconButton = require('../icon-button/icon-button.cjs');
 var DayPicker = require('../../node_modules/.pnpm/react-day-picker@9.6.7_react@18.2.0/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
 var DateLib = require('../../node_modules/.pnpm/react-day-picker@9.6.7_react@18.2.0/node_modules/react-day-picker/dist/esm/classes/DateLib.cjs');
-const root = index.cva(calendar_module.default.calendarRoot);
-function DropDown({ options = [], value, onChange, onDropdownOpen, disabled, }) {
+const root = index$1.cva(calendar_module.default.calendarRoot);
+function DropDown({ options = [], value, onChange, onDropdownOpen, }) {
     const [open, setOpen] = React.useState(false);
     React.useEffect(() => {
         if (open && onDropdownOpen)
@@ -28,23 +26,25 @@ function DropDown({ options = [], value, onChange, onDropdownOpen, disabled, })
     }
     return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: value?.toString(), onValueChange: handleChange, open: open, onOpenChange: setOpen, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { className: calendar_module.default.dropdown_trigger, iconProps: {
                     className: calendar_module.default.dropdown_icon,
-                }, stopPropagation: true, size: "small", variant: "text", disabled: disabled, children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, {}) }), jsxRuntime.jsxRuntimeExports.jsxs(select.Select.Content, { className: calendar_module.default.dropdown_content, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.ScrollUpButton, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronUpIcon, {}) }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Viewport, { children: options.map((opt) => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value.toString(), disabled: opt.disabled, textProps: {
+                }, stopPropagation: true, size: "small", variant: "text", children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, {}) }), jsxRuntime.jsxRuntimeExports.jsxs(select.Select.Content, { className: calendar_module.default.dropdown_content, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.ScrollUpButton, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronUpIcon, {}) }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Viewport, { children: options.map((opt) => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value.toString(), disabled: opt.disabled, textProps: {
                                 className: calendar_module.default.dropdown_item_text,
                             }, children: opt.label }, opt.value))) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.ScrollDownButton, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: 'center', children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, {}) }) })] })] }));
 }
 const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, loadingData = false, timeZone, ...props }) {
     return (jsxRuntime.jsxRuntimeExports.jsx(DayPicker.DayPicker, { showOutsideDays: showOutsideDays, timeZone: timeZone, components: {
             Chevron: (props) => {
-                const icon = props.orientation === 'left' ? (jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronLeftIcon, {})) : (jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronRightIcon, {}));
-                return (jsxRuntime.jsxRuntimeExports.jsx(iconButton.IconButton, { ...props, disabled: loadingData, className: clsx.clsx(props.className, loadingData && calendar_module.default.disabled), size: 3, "aria-label": props.orientation === 'left' ? 'Previous month' : 'Next month', children: icon }));
+                if (props.orientation === 'left') {
+                    return jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronLeftIcon, { ...props });
+                }
+                return jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronRightIcon, { ...props });
             },
-            Dropdown: (props) => (jsxRuntime.jsxRuntimeExports.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen, disabled: loadingData })),
+            Dropdown: (props) => (jsxRuntime.jsxRuntimeExports.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen })),
             DayButton: (props) => {
                 const { day, ...buttonProps } = props;
                 const message = tooltipMessages[DateLib.dateLib.format(day.date, 'dd-MM-yyyy')];
                 return (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { side: "top", disabled: loadingData || !showTooltip || !message, message: message, children: jsxRuntime.jsxRuntimeExports.jsx("button", { ...buttonProps }) }));
             },
-            MonthGrid: (props) => loadingData ? (jsxRuntime.jsxRuntimeExports.jsx(skeleton.Skeleton, { count: 5, height: "18px", width: "252px", style: { marginBottom: "var(--rs-space-6)" } })) : (jsxRuntime.jsxRuntimeExports.jsx("table", { ...props })),
+            MonthGrid: (props) => loadingData ? (jsxRuntime.jsxRuntimeExports.jsx(index.default, { count: 6, height: "12px", width: "252px", style: { marginBottom: "var(--rs-space-5)" }, highlightColor: "var(--rs-color-background-base-primary)", baseColor: "var(--rs-color-background-base-primary-hover)" })) : (jsxRuntime.jsxRuntimeExports.jsx("table", { ...props })),
         }, classNames: {
             caption_label: calendar_module.default.caption_label,
             button_previous: `${calendar_module.default.nav_button} ${calendar_module.default.nav_button_previous}`,

package/dist/v1/components/calendar/calendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.cjs","sources":["../../../../v1/components/calendar/calendar.tsx"],"sourcesContent":["import {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n} from '@radix-ui/react-icons';\nimport { cva } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n dateLib,\n DayPicker,\n DayPickerProps,\n DropdownProps,\n} from 'react-day-picker';\nimport { clsx } from 'clsx';\n\nimport { Flex } from '../flex/flex';\nimport { Select } from '../select';\nimport { Tooltip } from '../tooltip';\nimport { Skeleton } from '../skeleton';\nimport styles from './calendar.module.css';\nimport { IconButton } from '../icon-button';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n disabled,\n}: DropDownComponentProps) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon,\n }}\n stopPropagation={true}\n size=\"small\"\n variant=\"text\"\n disabled={disabled}\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify={'center'}>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map((opt) => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n textProps={{\n className: styles.dropdown_item_text,\n }}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify={'center'}>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: (props) => {\n const icon = props.orientation === 'left' ? (\n <ChevronLeftIcon />\n ) : (\n <ChevronRightIcon />\n );\n\n return (\n <IconButton \n {...props} \n disabled={loadingData}\n className={clsx(props.className, loadingData && styles.disabled)}\n size={3}\n aria-label={props.orientation === 'left' ? 'Previous month' : 'Next month'}\n >\n {icon}\n </IconButton>\n );\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown \n {...props} \n onDropdownOpen={onDropdownOpen}\n disabled={loadingData}\n />\n ),\n DayButton: (props) => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side=\"top\"\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: (props) =>\n loadingData ? (\n <Skeleton\n count={5}\n height=\"18px\"\n width=\"252px\"\n style={{ marginBottom: \"var(--rs-space-6)\" }}\n />\n ) : (\n <table {...props} />\n ),\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames,\n }}\n className={root({ className })}\n mode=\"single\"\n {...props}\n />\n );\n};\n"],"names":["cva","styles","useState","useEffect","_jsxs","Select","_jsx","Flex","ChevronUpIcon","ChevronDownIcon","DayPicker","ChevronLeftIcon","ChevronRightIcon","IconButton","clsx","dateLib","Tooltip","Skeleton"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAM,IAAI,GAAGA,SAAG,CAACC,uBAAM,CAAC,YAAY,CAAC,CAAC;AAMtC,SAAS,QAAQ,CAAC,EAChB,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,GACe,EAAA;IACvB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAExCC,eAAS,CAAC,MAAK;QACb,IAAI,IAAI,IAAI,cAAc;AAAE,YAAA,cAAc,EAAE,CAAC;AAC/C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,YAAY,CAAC,KAAa,EAAA;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAoC,CAAC,CAAC;SACnE;KACF;AAED,IAAA,QACEC,iCAAA,CAACC,aAAM,EAAA,EACL,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,aAAa,EAAE,YAAY,EAC3B,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EAErB,QAAA,EAAA,CAAAC,gCAAA,CAACD,aAAM,CAAC,OAAO,EACb,EAAA,SAAS,EAAEJ,uBAAM,CAAC,gBAAgB,EAClC,SAAS,EAAE;oBACT,SAAS,EAAEA,uBAAM,CAAC,aAAa;AAChC,iBAAA,EACD,eAAe,EAAE,IAAI,EACrB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,YAElBK,gCAAC,CAAAD,aAAM,CAAC,KAAK,EAAA,EAAA,CAAG,GACD,EACjBD,iCAAA,CAACC,aAAM,CAAC,OAAO,IAAC,SAAS,EAAEJ,uBAAM,CAAC,gBAAgB,aAChDK,gCAAC,CAAAD,aAAM,CAAC,cAAc,EAAA,EAAC,OAAO,EAC5B,IAAA,EAAA,QAAA,EAAAC,gCAAA,CAACC,SAAI,EAAC,EAAA,OAAO,EAAE,QAAQ,YACrBD,gCAAC,CAAAE,4BAAa,KAAG,EACZ,CAAA,EAAA,CACe,EACxBF,gCAAC,CAAAD,aAAM,CAAC,QAAQ,EAAA,EAAA,QAAA,EACb,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,MACfC,gCAAC,CAAAD,aAAM,CAAC,IAAI,EAAA,EACV,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,EAE3B,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE;gCACT,SAAS,EAAEJ,uBAAM,CAAC,kBAAkB;AACrC,6BAAA,EAAA,QAAA,EAEA,GAAG,CAAC,KAAK,EAAA,EANL,GAAG,CAAC,KAAK,CAOF,CACf,CAAC,EACc,CAAA,EAClBK,gCAAC,CAAAD,aAAM,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC9BC,gCAAC,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAE,QAAQ,EAAA,QAAA,EACrBD,gCAAC,CAAAG,8BAAe,KAAG,EACd,CAAA,EAAA,CACiB,CACX,EAAA,CAAA,CAAA,EAAA,CACV,EACT;AACJ,CAAC;AAEM,MAAM,QAAQ,GAAG,UAAU,EAChC,SAAS,EACT,UAAU,EACV,eAAe,GAAG,IAAI,EACtB,cAAc,EACd,WAAW,GAAG,KAAK,EACnB,eAAe,GAAG,EAAE,EACpB,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,GAAG,KAAK,EACM,EAAA;AACd,IAAA,QACEH,gCAAA,CAACI,mBAAS,EAAA,EACR,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,CAAC,KAAK,KAAI;gBACjB,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,IACvCJ,iCAACK,8BAAe,EAAA,EAAA,CAAG,KAEnBL,gCAAC,CAAAM,+BAAgB,EAAG,EAAA,CAAA,CACrB,CAAC;gBAEF,QACEN,iCAACO,qBAAU,EAAA,EAAA,GACL,KAAK,EACT,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAEC,SAAI,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,IAAIb,uBAAM,CAAC,QAAQ,CAAC,EAChE,IAAI,EAAE,CAAC,EAAA,YAAA,EACK,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,gBAAgB,GAAG,YAAY,EAEzE,QAAA,EAAA,IAAI,EACM,CAAA,EACb;aACH;YACD,QAAQ,EAAE,CAAC,KAAoB,MAC7BK,iCAAC,QAAQ,EAAA,EAAA,GACH,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,WAAW,GACrB,CACH;AACD,YAAA,SAAS,EAAE,CAAC,KAAK,KAAI;gBACnB,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;AACtC,gBAAA,MAAM,OAAO,GACX,eAAe,CAACS,eAAO,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;gBAC1D,QACET,gCAAC,CAAAU,eAAO,EACN,EAAA,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,WAAW,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EACjD,OAAO,EAAE,OAAO,EAEhB,QAAA,EAAAV,gCAAA,CAAA,QAAA,EAAA,EAAA,GAAY,WAAW,EAAA,CAAI,EACnB,CAAA,EACV;aACH;AACD,YAAA,SAAS,EAAE,CAAC,KAAK,KACf,WAAW,IACTA,gCAAA,CAACW,iBAAQ,EACP,EAAA,KAAK,EAAE,CAAC,EACR,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAC5C,CAAA,KAEFX,gCAAW,CAAA,OAAA,EAAA,EAAA,GAAA,KAAK,GAAI,CACrB;AACJ,SAAA,EACD,UAAU,EAAE;YACV,aAAa,EAAEL,uBAAM,CAAC,aAAa;YACnC,eAAe,EAAE,GAAGA,uBAAM,CAAC,UAAU,CAAI,CAAA,EAAAA,uBAAM,CAAC,mBAAmB,CAAE,CAAA;YACrE,WAAW,EAAE,GAAGA,uBAAM,CAAC,UAAU,CAAI,CAAA,EAAAA,uBAAM,CAAC,eAAe,CAAE,CAAA;YAC7D,aAAa,EAAEA,uBAAM,CAAC,aAAa;YACnC,MAAM,EAAEA,uBAAM,CAAC,MAAM;YACrB,GAAG,EAAEA,uBAAM,CAAC,GAAG;YACf,GAAG,EAAEA,uBAAM,CAAC,GAAG;YACf,KAAK,EAAEA,uBAAM,CAAC,KAAK;YACnB,OAAO,EAAEA,uBAAM,CAAC,OAAO;YACvB,IAAI,EAAEA,uBAAM,CAAC,IAAI;YACjB,QAAQ,EAAEA,uBAAM,CAAC,IAAI;YACrB,OAAO,EAAEA,uBAAM,CAAC,OAAO;YACvB,QAAQ,EAAEA,uBAAM,CAAC,QAAQ;YACzB,QAAQ,EAAEA,uBAAM,CAAC,QAAQ;YACzB,UAAU,EAAEA,uBAAM,CAAC,UAAU;YAC7B,YAAY,EAAEA,uBAAM,CAAC,YAAY;YACjC,SAAS,EAAEA,uBAAM,CAAC,SAAS;YAC3B,WAAW,EAAEA,uBAAM,CAAC,WAAW;YAC/B,MAAM,EAAEA,uBAAM,CAAC,MAAM;YACrB,SAAS,EAAEA,uBAAM,CAAC,SAAS;AAC3B,YAAA,GAAG,UAAU;AACd,SAAA,EACD,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,IAAI,EAAC,QAAQ,EAAA,GACT,KAAK,EAAA,CACT,EACF;AACJ;;;;"}
1	+ {"version":3,"file":"calendar.cjs","sources":["../../../../v1/components/calendar/calendar.tsx"],"sourcesContent":["import {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n} from '@radix-ui/react-icons';\nimport { cva } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n dateLib,\n DayPicker,\n DayPickerProps,\n DropdownProps,\n} from 'react-day-picker';\nimport Skeleton from 'react-loading-skeleton';\n\nimport { Flex } from '../flex/flex';\nimport { Select } from '../select';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n}: DropdownProps & OnDropdownOpen) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon,\n }}\n stopPropagation={true}\n size=\"small\"\n variant=\"text\"\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify={'center'}>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map((opt) => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n textProps={{\n className: styles.dropdown_item_text,\n }}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify={'center'}>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: (props) => {\n if (props.orientation === 'left') {\n return <ChevronLeftIcon {...props} />;\n }\n return <ChevronRightIcon {...props} />;\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown {...props} onDropdownOpen={onDropdownOpen} />\n ),\n DayButton: (props) => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side=\"top\"\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: (props) =>\n loadingData ? (\n <Skeleton\n count={6}\n height=\"12px\"\n width=\"252px\"\n style={{ marginBottom: \"var(--rs-space-5)\" }}\n highlightColor=\"var(--rs-color-background-base-primary)\"\n baseColor=\"var(--rs-color-background-base-primary-hover)\"\n />\n ) : (\n <table {...props} />\n ),\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames,\n }}\n className={root({ className })}\n mode=\"single\"\n {...props}\n />\n );\n};\n"],"names":["cva","styles","useState","useEffect","_jsxs","Select","_jsx","Flex","ChevronUpIcon","ChevronDownIcon","DayPicker","ChevronLeftIcon","ChevronRightIcon","dateLib","Tooltip","Skeleton"],"mappings":"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"}

package/dist/v1/components/calendar/calendar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/calendar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,cAAc,EAEf,MAAM,kBAAkB,CAAC;~~AAU1B~~,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;~~AA4ExB~~,eAAO,MAAM,QAAQ,8HAUlB,aAAa,~~4CAsFf~~,CAAC"}
1	+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/calendar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAQ1B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,qBAAqB;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,GACxC,cAAc,GACd,qBAAqB,CAAC;AAsExB,eAAO,MAAM,QAAQ,8HAUlB,aAAa,4CAuEf,CAAC"}

package/dist/v1/components/calendar/calendar.js CHANGED Viewed

@@ -2,18 +2,16 @@ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/no
 import { ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useState, useEffect } from 'react';
-import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import Skeleton from '../../node_modules/.pnpm/react-loading-skeleton@3.4.0_react@18.2.0/node_modules/react-loading-skeleton/dist/index.js';
 import { Flex } from '../flex/flex.js';
 import { Select } from '../select/select.js';
 import { Tooltip } from '../tooltip/tooltip.js';
-import { Skeleton } from '../skeleton/skeleton.js';
 import styles from './calendar.module.css.js';
-import { IconButton } from '../icon-button/icon-button.js';
 import { DayPicker } from '../../node_modules/.pnpm/react-day-picker@9.6.7_react@18.2.0/node_modules/react-day-picker/dist/esm/DayPicker.js';
 import { dateLib } from '../../node_modules/.pnpm/react-day-picker@9.6.7_react@18.2.0/node_modules/react-day-picker/dist/esm/classes/DateLib.js';
 const root = cva(styles.calendarRoot);
-function DropDown({ options = [], value, onChange, onDropdownOpen, disabled, }) {
+function DropDown({ options = [], value, onChange, onDropdownOpen, }) {
     const [open, setOpen] = useState(false);
     useEffect(() => {
         if (open && onDropdownOpen)
@@ -26,23 +24,25 @@ function DropDown({ options = [], value, onChange, onDropdownOpen, disabled, })
     }
     return (jsxRuntimeExports.jsxs(Select, { value: value?.toString(), onValueChange: handleChange, open: open, onOpenChange: setOpen, children: [jsxRuntimeExports.jsx(Select.Trigger, { className: styles.dropdown_trigger, iconProps: {
                     className: styles.dropdown_icon,
-                }, stopPropagation: true, size: "small", variant: "text", disabled: disabled, children: jsxRuntimeExports.jsx(Select.Value, {}) }), jsxRuntimeExports.jsxs(Select.Content, { className: styles.dropdown_content, children: [jsxRuntimeExports.jsx(Select.ScrollUpButton, { asChild: true, children: jsxRuntimeExports.jsx(Flex, { justify: 'center', children: jsxRuntimeExports.jsx(ChevronUpIcon, {}) }) }), jsxRuntimeExports.jsx(Select.Viewport, { children: options.map((opt) => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value.toString(), disabled: opt.disabled, textProps: {
+                }, stopPropagation: true, size: "small", variant: "text", children: jsxRuntimeExports.jsx(Select.Value, {}) }), jsxRuntimeExports.jsxs(Select.Content, { className: styles.dropdown_content, children: [jsxRuntimeExports.jsx(Select.ScrollUpButton, { asChild: true, children: jsxRuntimeExports.jsx(Flex, { justify: 'center', children: jsxRuntimeExports.jsx(ChevronUpIcon, {}) }) }), jsxRuntimeExports.jsx(Select.Viewport, { children: options.map((opt) => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value.toString(), disabled: opt.disabled, textProps: {
                                 className: styles.dropdown_item_text,
                             }, children: opt.label }, opt.value))) }), jsxRuntimeExports.jsx(Select.ScrollDownButton, { asChild: true, children: jsxRuntimeExports.jsx(Flex, { justify: 'center', children: jsxRuntimeExports.jsx(ChevronDownIcon, {}) }) })] })] }));
 }
 const Calendar = function ({ className, classNames, showOutsideDays = true, onDropdownOpen, showTooltip = false, tooltipMessages = {}, loadingData = false, timeZone, ...props }) {
     return (jsxRuntimeExports.jsx(DayPicker, { showOutsideDays: showOutsideDays, timeZone: timeZone, components: {
             Chevron: (props) => {
-                const icon = props.orientation === 'left' ? (jsxRuntimeExports.jsx(ChevronLeftIcon, {})) : (jsxRuntimeExports.jsx(ChevronRightIcon, {}));
-                return (jsxRuntimeExports.jsx(IconButton, { ...props, disabled: loadingData, className: clsx(props.className, loadingData && styles.disabled), size: 3, "aria-label": props.orientation === 'left' ? 'Previous month' : 'Next month', children: icon }));
+                if (props.orientation === 'left') {
+                    return jsxRuntimeExports.jsx(ChevronLeftIcon, { ...props });
+                }
+                return jsxRuntimeExports.jsx(ChevronRightIcon, { ...props });
             },
-            Dropdown: (props) => (jsxRuntimeExports.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen, disabled: loadingData })),
+            Dropdown: (props) => (jsxRuntimeExports.jsx(DropDown, { ...props, onDropdownOpen: onDropdownOpen })),
             DayButton: (props) => {
                 const { day, ...buttonProps } = props;
                 const message = tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];
                 return (jsxRuntimeExports.jsx(Tooltip, { side: "top", disabled: loadingData || !showTooltip || !message, message: message, children: jsxRuntimeExports.jsx("button", { ...buttonProps }) }));
             },
-            MonthGrid: (props) => loadingData ? (jsxRuntimeExports.jsx(Skeleton, { count: 5, height: "18px", width: "252px", style: { marginBottom: "var(--rs-space-6)" } })) : (jsxRuntimeExports.jsx("table", { ...props })),
+            MonthGrid: (props) => loadingData ? (jsxRuntimeExports.jsx(Skeleton, { count: 6, height: "12px", width: "252px", style: { marginBottom: "var(--rs-space-5)" }, highlightColor: "var(--rs-color-background-base-primary)", baseColor: "var(--rs-color-background-base-primary-hover)" })) : (jsxRuntimeExports.jsx("table", { ...props })),
         }, classNames: {
             caption_label: styles.caption_label,
             button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,

package/dist/v1/components/calendar/calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.js","sources":["../../../../v1/components/calendar/calendar.tsx"],"sourcesContent":["import {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n} from '@radix-ui/react-icons';\nimport { cva } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n dateLib,\n DayPicker,\n DayPickerProps,\n DropdownProps,\n} from 'react-day-picker';\nimport { ~~clsx }~~ from '~~clsx~~';\n\nimport { Flex } from '../flex/flex';\nimport { Select } from '../select';\nimport { Tooltip } from '../tooltip';\nimport ~~{ Skeleton } from '../skeleton';\nimport~~ styles from './calendar.module.css';\~~nimport { IconButton } from '../icon-button';\~~n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\~~ninterface DropDownComponentProps extends DropdownProps, OnDropdownOpen {\n disabled?: boolean;\n}\n\~~nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n ~~disabled,\n~~}: ~~DropDownComponentProps~~) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon,\n }}\n stopPropagation={true}\n size=\"small\"\n variant=\"text\"\n ~~disabled={disabled}\n~~ >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify={'center'}>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map((opt) => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n textProps={{\n className: styles.dropdown_item_text,\n }}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify={'center'}>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: (props) => {\n ~~const~~ ~~icon =~~ props.orientation === 'left' ~~? (\n <ChevronLeftIcon />\n~~ ) ~~: (~~\n ~~<ChevronRightIcon />\n );\n\n~~ return ~~(\n~~ <~~IconButton~~ \n {...props} \n ~~disabled={loadingData~~}\n ~~className={clsx(props.className,~~ ~~loadingData~~ ~~&& styles.disabled)}\n size=~~{3}~~\n aria-label={props.orientation~~ ~~=== 'left' ? 'Previous month' : 'Next month'}\~~n ~~>\n {icon}\n </IconButton>\n );\n~~ },\n Dropdown: (props: DropdownProps) => (\n <DropDown \n {...props} \n onDropdownOpen={onDropdownOpen}~~\n disabled={loadingData}\n~~ />\n ),\n DayButton: (props) => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side=\"top\"\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: (props) =>\n loadingData ? (\n <Skeleton\n count={5}\n height=\"~~18px~~\"\n width=\"252px\"\n style={{ marginBottom: \"var(--rs-space-6)\" }}\n />\n ) : (\n <table {...props} />\n ),\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames,\n }}\n className={root({ className })}\n mode=\"single\"\n {...props}\n />\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;AAsCA~~,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;~~AAMtC~~,SAAS,QAAQ,CAAC,EAChB,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,~~EACd~~,~~QAAQ,GACe,~~EAAA;~~IACvB~~,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,SAAS,CAAC,MAAK;QACb,IAAI,IAAI,IAAI,cAAc;AAAE,YAAA,cAAc,EAAE,CAAC;AAC/C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,YAAY,CAAC,KAAa,EAAA;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAoC,CAAC,CAAC;SACnE;KACF;AAED,IAAA,QACEA,sBAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EACxB,aAAa,EAAE,YAAY,EAC3B,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EAErB,QAAA,EAAA,CAAAC,qBAAA,CAAC,MAAM,CAAC,OAAO,EACb,EAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAClC,SAAS,EAAE;oBACT,SAAS,EAAE,MAAM,CAAC,aAAa;AAChC,iBAAA,EACD,eAAe,EAAE,IAAI,EACrB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,~~EACd~~,~~QAAQ,EAAE,QAAQ,YAElBA,~~qBAAC,CAAA,MAAM,CAAC,KAAK,EAAA,EAAA,CAAG,GACD,EACjBD,sBAAA,CAAC,MAAM,CAAC,OAAO,~~IAAC~~,SAAS,EAAE,MAAM,CAAC,gBAAgB,~~aAChDC~~,~~qBAAC~~,~~CAAA~~,MAAM,CAAC,cAAc,~~EAAA~~,~~EAAC,~~OAAO,~~EAC5B~~,IAAA,EAAA,QAAA,~~EAAAA~~,~~qBAAA~~,~~CAAC,~~IAAI,EAAC,~~EAAA,~~OAAO,EAAE,QAAQ,~~YACrBA~~,~~qBAAC~~,~~CAAA~~,aAAa,~~KAAG~~,~~EACZ~~,CAAA,EAAA,~~CACe~~,EACxBA,~~qBAAC~~,~~CAAA~~,MAAM,CAAC,QAAQ,~~EAAA~~,EAAA,QAAA,~~EACb~~,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,MACfA,qBAAC,CAAA,MAAM,CAAC,IAAI,EAAA,EACV,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,EAE3B,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE;gCACT,SAAS,EAAE,MAAM,CAAC,kBAAkB;AACrC,6BAAA,EAAA,QAAA,EAEA,GAAG,CAAC,KAAK,EAAA,EANL,GAAG,CAAC,KAAK,CAOF,CACf,CAAC,EACc,CAAA,EAClBA,qBAAC,CAAA,MAAM,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC9BA,qBAAC,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,QAAQ,EAAA,QAAA,EACrBA,qBAAC,CAAA,eAAe,KAAG,EACd,CAAA,EAAA,CACiB,CACX,EAAA,CAAA,CAAA,EAAA,CACV,EACT;AACJ,CAAC;AAEM,MAAM,QAAQ,GAAG,UAAU,EAChC,SAAS,EACT,UAAU,EACV,eAAe,GAAG,IAAI,EACtB,cAAc,EACd,WAAW,GAAG,KAAK,EACnB,eAAe,GAAG,EAAE,EACpB,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,GAAG,KAAK,EACM,EAAA;AACd,IAAA,QACEA,qBAAA,CAAC,SAAS,EAAA,EACR,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,CAAC,KAAK,KAAI;~~gBACjB~~,~~MAAM~~,IAAI,~~GAAG,~~KAAK,CAAC,WAAW,KAAK,MAAM,~~IACvCA~~,~~sBAAC~~,~~eAAe~~,~~EAAA,EAAA,CAAG,KAEnBA,~~qBAAC,CAAA,~~gBAAgB~~,~~EAAG~~,EAAA,~~CAAA~~,~~CACrB,CAAC;gBAEF,QACEA,sBAAC,UAAU,EAAA,EAAA,GACL,~~KAAK,~~EACT~~,~~QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,IAAI,~~CAAC,~~KAAK~~,~~CAAC~~,~~SAAS~~,~~EAAE~~,~~WAAW~~,~~IAAI~~,~~MAAM,CAAC,QAAQ,CAAC,EAChE,IAAI,EAAE,CAAC,~~EAAA,~~YAAA~~,~~EACK,~~KAAK,CAAC~~,WAAW,KAAK,MAAM,GAAG,gBAAgB,GAAG,YAAY,EAEzE,QAAA,EAAA,IAAI,EACM,CAAA,EACb~~;~~aACH~~;~~YACD~~,QAAQ,EAAE,CAAC,KAAoB,MAC7BA,~~sBAAC~~,QAAQ,EAAA,EAAA,~~GACH~~,KAAK,~~EACT~~,cAAc,EAAE,cAAc,~~EAC9B~~,~~QAAQ,EAAE,WAAW,GACrB,CACH~~;AACD,YAAA,SAAS,EAAE,CAAC,KAAK,KAAI;gBACnB,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;AACtC,gBAAA,MAAM,OAAO,GACX,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;gBAC1D,QACEA,qBAAC,CAAA,OAAO,EACN,EAAA,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,WAAW,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EACjD,OAAO,EAAE,OAAO,EAEhB,QAAA,EAAAA,qBAAA,CAAA,QAAA,EAAA,EAAA,GAAY,WAAW,EAAA,CAAI,EACnB,CAAA,EACV;aACH;~~AACD~~,~~YAAA,~~SAAS,EAAE,CAAC,KAAK,KACf,WAAW,IACTA,~~qBAAA~~,~~CAAC,~~QAAQ,EACP,~~EAAA,~~KAAK,EAAE,CAAC,EACR,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAC5C,CAAA,KAEFA,~~qBAAW~~,CAAA,OAAA,EAAA,EAAA,~~GAAA~~,KAAK,~~GAAI~~,CACrB;AACJ,SAAA,EACD,UAAU,EAAE;YACV,aAAa,EAAE,MAAM,CAAC,aAAa;YACnC,eAAe,EAAE,GAAG,MAAM,CAAC,UAAU,CAAI,CAAA,EAAA,MAAM,CAAC,mBAAmB,CAAE,CAAA;YACrE,WAAW,EAAE,GAAG,MAAM,CAAC,UAAU,CAAI,CAAA,EAAA,MAAM,CAAC,eAAe,CAAE,CAAA;YAC7D,aAAa,EAAE,MAAM,CAAC,aAAa;YACnC,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,QAAQ,EAAE,MAAM,CAAC,IAAI;YACrB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,SAAS,EAAE,MAAM,CAAC,SAAS;AAC3B,YAAA,GAAG,UAAU;AACd,SAAA,EACD,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,IAAI,EAAC,QAAQ,EAAA,GACT,KAAK,EAAA,CACT,EACF;AACJ;;;;"}
1	+ {"version":3,"file":"calendar.js","sources":["../../../../v1/components/calendar/calendar.tsx"],"sourcesContent":["import {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronUpIcon,\n} from '@radix-ui/react-icons';\nimport { cva } from 'class-variance-authority';\nimport { ChangeEvent, useEffect, useState } from 'react';\nimport {\n dateLib,\n DayPicker,\n DayPickerProps,\n DropdownProps,\n} from 'react-day-picker';\nimport Skeleton from 'react-loading-skeleton';\n\nimport { Flex } from '../flex/flex';\nimport { Select } from '../select';\nimport { Tooltip } from '../tooltip';\nimport styles from './calendar.module.css';\n\ninterface OnDropdownOpen {\n onDropdownOpen?: VoidFunction;\n}\n\ninterface CalendarPropsExtended {\n showTooltip?: boolean;\n tooltipMessages?: { [key: string]: any };\n loadingData?: boolean;\n timeZone?: string;\n}\n\nexport type CalendarProps = DayPickerProps &\n OnDropdownOpen &\n CalendarPropsExtended;\n\nconst root = cva(styles.calendarRoot);\n\nfunction DropDown({\n options = [],\n value,\n onChange,\n onDropdownOpen,\n}: DropdownProps & OnDropdownOpen) {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n if (open && onDropdownOpen) onDropdownOpen();\n }, [open]);\n\n function handleChange(value: string) {\n if (onChange) {\n onChange({ target: { value } } as ChangeEvent<HTMLSelectElement>);\n }\n }\n\n return (\n <Select\n value={value?.toString()}\n onValueChange={handleChange}\n open={open}\n onOpenChange={setOpen}\n >\n <Select.Trigger\n className={styles.dropdown_trigger}\n iconProps={{\n className: styles.dropdown_icon,\n }}\n stopPropagation={true}\n size=\"small\"\n variant=\"text\"\n >\n <Select.Value />\n </Select.Trigger>\n <Select.Content className={styles.dropdown_content}>\n <Select.ScrollUpButton asChild>\n <Flex justify={'center'}>\n <ChevronUpIcon />\n </Flex>\n </Select.ScrollUpButton>\n <Select.Viewport>\n {options.map((opt) => (\n <Select.Item\n value={opt.value.toString()}\n key={opt.value}\n disabled={opt.disabled}\n textProps={{\n className: styles.dropdown_item_text,\n }}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Viewport>\n <Select.ScrollDownButton asChild>\n <Flex justify={'center'}>\n <ChevronDownIcon />\n </Flex>\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n );\n}\n\nexport const Calendar = function ({\n className,\n classNames,\n showOutsideDays = true,\n onDropdownOpen,\n showTooltip = false,\n tooltipMessages = {},\n loadingData = false,\n timeZone,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n timeZone={timeZone}\n components={{\n Chevron: (props) => {\n if (props.orientation === 'left') {\n return <ChevronLeftIcon {...props} />;\n }\n return <ChevronRightIcon {...props} />;\n },\n Dropdown: (props: DropdownProps) => (\n <DropDown {...props} onDropdownOpen={onDropdownOpen} />\n ),\n DayButton: (props) => {\n const { day, ...buttonProps } = props;\n const message =\n tooltipMessages[dateLib.format(day.date, 'dd-MM-yyyy')];\n return (\n <Tooltip\n side=\"top\"\n disabled={loadingData \|\| !showTooltip \|\| !message}\n message={message}\n >\n <button {...buttonProps} />\n </Tooltip>\n );\n },\n MonthGrid: (props) =>\n loadingData ? (\n <Skeleton\n count={6}\n height=\"12px\"\n width=\"252px\"\n style={{ marginBottom: \"var(--rs-space-5)\" }}\n highlightColor=\"var(--rs-color-background-base-primary)\"\n baseColor=\"var(--rs-color-background-base-primary-hover)\"\n />\n ) : (\n <table {...props} />\n ),\n }}\n classNames={{\n caption_label: styles.caption_label,\n button_previous: `${styles.nav_button} ${styles.nav_button_previous}`,\n button_next: `${styles.nav_button} ${styles.nav_button_next}`,\n month_caption: styles.month_caption,\n months: styles.months,\n nav: styles.nav,\n day: styles.day,\n today: styles.today,\n outside: styles.outside,\n week: styles.week,\n weekdays: styles.week,\n weekday: styles.weekday,\n disabled: styles.disabled,\n selected: styles.selected,\n day_button: styles.day_button,\n range_middle: styles.range_middle,\n range_end: styles.range_end,\n range_start: styles.range_start,\n hidden: styles.hidden,\n dropdowns: styles.dropdowns,\n ...classNames,\n }}\n className={root({ className })}\n mode=\"single\"\n {...props}\n />\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/container/container.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 import { HTMLAttributes, PropsWithChildren } from "react";
 declare const container: (props?: ({
     size?: "small" | "medium" | "large" | "none" | null | undefined;
-    align?: "center" | "right" | "left" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ContainerProps = PropsWithChildren<VariantProps<typeof container>> & HTMLAttributes<HTMLElement> & {
     "aria-label"?: string;

package/dist/v1/components/dropdown-menu/cell.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cell.cjs","sources":["../../../../v1/components/dropdown-menu/cell.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./cell.module.css\";\nimport { Checkbox } from \"../checkbox\";\n\nexport type CellBaseProps = {\n ~~type?: \"select\" \| \"item\";\n isComboboxCell?: boolean;\n~~ leadingIcon?: ReactNode;\n trailingIcon?: ReactNode;\n};\nexport type CellProps = HTMLAttributes<HTMLDivElement> & ~~CellBaseProps~~;\n\nexport const Cell = forwardRef<HTMLDivElement, CellProps>(\n (\n { className, children, leadingIcon, trailingIcon, type = \"item\", ...props },\n ref,\n ) => (\n <div\n ref={ref}\n {...props}\n className={cx(styles.cell, styles.comboboxcell, className)}>\n {type == \"select\" && <Checkbox />}\n {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n {children}\n {trailingIcon && (\n <span className={styles.trailingIcon}>{trailingIcon}</span>\n )}\n </div>\n ),\n);\n"],"names":["forwardRef","_jsxs","cx","styles","_jsx","Checkbox"],"mappings":";;;;;;;;~~AAaa~~,MAAA,IAAI,GAAGA,gBAAU,CAC5B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,MAEHC,2CACE,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,SAAS,EAAEC,QAAE,CAACC,mBAAM,CAAC,IAAI,EAAEA,mBAAM,CAAC,YAAY,EAAE,SAAS,CAAC,EACzD,QAAA,EAAA,CAAA,IAAI,IAAI,QAAQ,IAAIC,iCAACC,iBAAQ,EAAA,EAAA,CAAG,EAChC,WAAW,IAAID,2CAAM,SAAS,EAAED,mBAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAQ,EACxE,QAAQ,EACR,YAAY,KACXC,2CAAM,SAAS,EAAED,mBAAM,CAAC,YAAY,YAAG,YAAY,EAAA,CAAQ,CAC5D,CACG,EAAA,CAAA,CACP;;;;"}
1	+ {"version":3,"file":"cell.cjs","sources":["../../../../v1/components/dropdown-menu/cell.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./cell.module.css\";\nimport { Checkbox } from \"../checkbox\";\n\nexport type CellBaseProps = {\n leadingIcon?: ReactNode;\n trailingIcon?: ReactNode;\n};\nexport type CellProps = HTMLAttributes<HTMLDivElement> &\n CellBaseProps & {\n type?: \"select\" \| \"item\";\n };\n\nexport const Cell = forwardRef<HTMLDivElement, CellProps>(\n (\n { className, children, leadingIcon, trailingIcon, type = \"item\", ...props },\n ref,\n ) => (\n <div\n ref={ref}\n {...props}\n className={cx(styles.cell, styles.comboboxcell, className)}>\n {type == \"select\" && <Checkbox />}\n {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n {children}\n {trailingIcon && (\n <span className={styles.trailingIcon}>{trailingIcon}</span>\n )}\n </div>\n ),\n);\n"],"names":["forwardRef","_jsxs","cx","styles","_jsx","Checkbox"],"mappings":";;;;;;;;AAca,MAAA,IAAI,GAAGA,gBAAU,CAC5B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,MAEHC,2CACE,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,SAAS,EAAEC,QAAE,CAACC,mBAAM,CAAC,IAAI,EAAEA,mBAAM,CAAC,YAAY,EAAE,SAAS,CAAC,EACzD,QAAA,EAAA,CAAA,IAAI,IAAI,QAAQ,IAAIC,iCAACC,iBAAQ,EAAA,EAAA,CAAG,EAChC,WAAW,IAAID,2CAAM,SAAS,EAAED,mBAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAQ,EACxE,QAAQ,EACR,YAAY,KACXC,2CAAM,SAAS,EAAED,mBAAM,CAAC,YAAY,YAAG,YAAY,EAAA,CAAQ,CAC5D,CACG,EAAA,CAAA,CACP;;;;"}

package/dist/v1/components/dropdown-menu/cell.d.ts CHANGED Viewed

@@ -1,10 +1,12 @@
 import { HTMLAttributes, ReactNode } from "react";
 export type CellBaseProps = {
-    type?: "select" | "item";
-    isComboboxCell?: boolean;
     leadingIcon?: ReactNode;
     trailingIcon?: ReactNode;
 };
-export type CellProps = HTMLAttributes<HTMLDivElement> & CellBaseProps;
-export declare const Cell: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CellBaseProps & import("react").RefAttributes<HTMLDivElement>>;
+export type CellProps = HTMLAttributes<HTMLDivElement> & CellBaseProps & {
+    type?: "select" | "item";
+};
+export declare const Cell: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CellBaseProps & {
+    type?: "select" | "item" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=cell.d.ts.map

package/dist/v1/components/dropdown-menu/cell.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,aAAa,GAAG;IAC1B,~~IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,~~WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,~~GAAG~~,aAAa,CAAC;~~AAEvE~~,eAAO,MAAM,IAAI,~~2IAiBhB,~~CAAC"}
1	+ {"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GACpD,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEJ,eAAO,MAAM,IAAI;;kDAiBhB,CAAC"}

package/dist/v1/components/dropdown-menu/cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cell.js","sources":["../../../../v1/components/dropdown-menu/cell.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./cell.module.css\";\nimport { Checkbox } from \"../checkbox\";\n\nexport type CellBaseProps = {\n ~~type?: \"select\" \| \"item\";\n isComboboxCell?: boolean;\n~~ leadingIcon?: ReactNode;\n trailingIcon?: ReactNode;\n};\nexport type CellProps = HTMLAttributes<HTMLDivElement> & ~~CellBaseProps~~;\n\nexport const Cell = forwardRef<HTMLDivElement, CellProps>(\n (\n { className, children, leadingIcon, trailingIcon, type = \"item\", ...props },\n ref,\n ) => (\n <div\n ref={ref}\n {...props}\n className={cx(styles.cell, styles.comboboxcell, className)}>\n {type == \"select\" && <Checkbox />}\n {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n {children}\n {trailingIcon && (\n <span className={styles.trailingIcon}>{trailingIcon}</span>\n )}\n </div>\n ),\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;~~AAaa~~,MAAA,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,MAEHA,gCACE,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,EACzD,QAAA,EAAA,CAAA,IAAI,IAAI,QAAQ,IAAIC,sBAAC,QAAQ,EAAA,EAAA,CAAG,EAChC,WAAW,IAAIA,gCAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAQ,EACxE,QAAQ,EACR,YAAY,KACXA,gCAAM,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,YAAY,EAAA,CAAQ,CAC5D,CACG,EAAA,CAAA,CACP;;;;"}
1	+ {"version":3,"file":"cell.js","sources":["../../../../v1/components/dropdown-menu/cell.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./cell.module.css\";\nimport { Checkbox } from \"../checkbox\";\n\nexport type CellBaseProps = {\n leadingIcon?: ReactNode;\n trailingIcon?: ReactNode;\n};\nexport type CellProps = HTMLAttributes<HTMLDivElement> &\n CellBaseProps & {\n type?: \"select\" \| \"item\";\n };\n\nexport const Cell = forwardRef<HTMLDivElement, CellProps>(\n (\n { className, children, leadingIcon, trailingIcon, type = \"item\", ...props },\n ref,\n ) => (\n <div\n ref={ref}\n {...props}\n className={cx(styles.cell, styles.comboboxcell, className)}>\n {type == \"select\" && <Checkbox />}\n {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n {children}\n {trailingIcon && (\n <span className={styles.trailingIcon}>{trailingIcon}</span>\n )}\n </div>\n ),\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAca,MAAA,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,MAEHA,gCACE,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,EACzD,QAAA,EAAA,CAAA,IAAI,IAAI,QAAQ,IAAIC,sBAAC,QAAQ,EAAA,EAAA,CAAG,EAChC,WAAW,IAAIA,gCAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAQ,EACxE,QAAQ,EACR,YAAY,KACXA,gCAAM,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,YAAY,EAAA,CAAQ,CAC5D,CACG,EAAA,CAAA,CACP;;;;"}

package/dist/v1/components/dropdown-menu/cell.module.css.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var styles = {"cell":"cell-module_cell__7gc9r","comboboxcell":"cell-module_comboboxcell__u-8vC","leadingIcon":"cell-module_leadingIcon__LvxxR","trailingIcon":"cell-module_trailingIcon__MSJUo"};
+var styles = {"cell":"cell-module_cell__7gc9r","leadingIcon":"cell-module_leadingIcon__LvxxR","trailingIcon":"cell-module_trailingIcon__MSJUo"};
 exports.default = styles;
 //# sourceMappingURL=cell.module.css.cjs.map

package/dist/v1/components/dropdown-menu/cell.module.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var styles = {"cell":"cell-module_cell__7gc9r","comboboxcell":"cell-module_comboboxcell__u-8vC","leadingIcon":"cell-module_leadingIcon__LvxxR","trailingIcon":"cell-module_trailingIcon__MSJUo"};
+var styles = {"cell":"cell-module_cell__7gc9r","leadingIcon":"cell-module_leadingIcon__LvxxR","trailingIcon":"cell-module_trailingIcon__MSJUo"};
 export { styles as default };
 //# sourceMappingURL=cell.module.css.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs CHANGED Viewed

@@ -2,28 +2,25 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs');
+var VIIRIBF3 = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.cjs');
+var menu = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu.cjs');
 var combobox = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox.cjs');
 var MAXQOH4L = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/MAXQOH4L.cjs');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
-var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var dropdownMenu_module = require('./dropdown-menu.module.css.cjs');
+var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
-const DropdownMenuContent = React.forwardRef(({ className, children, sideOffset = 4, ...props }, ref) => {
+const DropdownMenuContent = React.forwardRef(({ className, children, asChild, searchPlaceholder = "Search...", ...props }, ref) => {
+    const menu$1 = VIIRIBF3.useMenuContext();
     const { autocomplete } = dropdownMenuRoot.useDropdownContext();
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, sideOffset: sideOffset, className: index$1.cx(dropdownMenu_module.default.content, autocomplete && dropdownMenu_module.default.comboboxContainer, className), ...props, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { autoSelect: true, autoFocus: true, placeholder: "Search...", className: dropdownMenu_module.default.comboboxInput, onBlurCapture: event => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }, onMouseOver: event => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        } }), jsxRuntime.jsxRuntimeExports.jsx(MAXQOH4L.ComboboxList, { className: dropdownMenu_module.default.comboboxContent, children: children })] })) : (children) }) }));
+    const isSubMenu = !!menu$1?.parent;
+    const comboboxRef = React.useRef(null);
+    return (jsxRuntime.jsxRuntimeExports.jsx(menu.Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === "undefined" ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: index.cx(dropdownMenu_module.default.content, autocomplete && dropdownMenu_module.default.comboboxContainer, className), render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index$1.Slot, {}) : undefined, ...props, children: autocomplete ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(combobox.Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: dropdownMenu_module.default.comboboxInput, autoSelect: true, onPointerEnter: e => {
+                        if (document && document.activeElement !== comboboxRef.current)
+                            comboboxRef.current?.focus();
+                    } }), jsxRuntime.jsxRuntimeExports.jsx(MAXQOH4L.ComboboxList, { className: dropdownMenu_module.default.comboboxContent, children: children })] })) : (children) }));
 });
-DropdownMenuContent.displayName = index.Content.displayName;
-const DropdownMenuSubMenuContent = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.SubContent, { ref: ref, className: index$1.cx(dropdownMenu_module.default.content, className), ...props }) })));
-DropdownMenuSubMenuContent.displayName =
-    index.SubContent.displayName;
 exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuSubMenuContent = DropdownMenuSubMenuContent;
 //# sourceMappingURL=dropdown-menu-content.cjs.map

package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ~~ComponentPropsWithoutRef,~~ ElementRef, forwardRef } from \"react\";\nimport * as ~~DropdownMenuPrimitive~~ from \"@~~radix-ui~~/react~~-dropdown-menu~~\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport { ~~useDropdownContext~~ } from \"./~~dropdown~~-~~menu~~-~~root~~\";\nimport ~~styles~~ from \"./dropdown-menu~~.module.css~~\";\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof ~~DropdownMenuPrimitive.Content~~>,\n ~~ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\~~n>(({ className, children, ~~sideOffset~~ = 4, ...props }, ref) => {\n const { autocomplete } = useDropdownContext();\n ~~return~~ (\n ~~<DropdownMenuPrimitive.Portal>\~~n <~~DropdownMenuPrimitive.Content~~\n ref={ref}\n ~~sideOffset~~={~~sideOffset~~}\n className={cx(\n styles.content,\n autocomplete && styles.comboboxContainer,\n className,\n )}\n {...props}>\n {autocomplete ? (\n <>\n <Combobox\n ~~autoSelect~~\n ~~autoFocus\n~~ placeholder~~=\"Search...\"~~\n className={styles.comboboxInput}\n ~~onBlurCapture~~={~~event~~ => {\n ~~event.preventDefault~~(~~);\n event~~.~~stopPropagation();\n }}\n onMouseOver={event~~ => ~~{\n event~~.~~preventDefault(~~);\n ~~event~~.~~stopPropagation~~();\n }}\n />\n <ComboboxList className={styles.comboboxContent}>\n {children}\n </ComboboxList>\n </>\n ) : (\n children\n )}\n </~~DropdownMenuPrimitive.Content~~>\n ~~</DropdownMenuPrimitive.Portal>\n~~ );\n~~});\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport const DropdownMenuSubMenuContent = forwardRef<\n~~ ~~ElementRef<typeof DropdownMenuPrimitive.Content>,\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, ...props~~ }~~, ref) => (\~~n ~~<DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cx(styles.content, className~~)~~}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))~~;\~~nDropdownMenuSubMenuContent.displayName =\~~n ~~DropdownMenuPrimitive.SubContent.displayName;\n~~"],"names":["forwardRef","useDropdownContext","~~_jsx~~","~~DropdownMenuPrimitive.Portal~~","~~DropdownMenuPrimitive.Content~~","cx","styles","_jsxs","_Fragment","Combobox","ComboboxList"~~,"DropdownMenuPrimitive.SubContent"~~],"mappings":"~~;;;;;;;;;;;MAOa~~,mBAAmB,GAAGA,gBAAU,~~CAG3C~~,~~CAAC~~,EAAE,SAAS,EAAE,QAAQ,EAAE,~~UAAU~~,GAAG,~~CAAC~~,EAAE,GAAG,KAAK,EAAE,~~EAAE~~,GAAG,~~KAAI~~;~~AAC3D~~,IAAA,~~MAAM~~,~~EAAE~~,~~YAAY,EAAE,~~GAAGC,~~mCAAkB~~,EAAE,CAAC;~~AAC9C~~,IAAA,~~QACEC~~,~~gCAAA~~,~~CAACC~~,~~YAA4B~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAC3BD~~,~~gCAAC~~,~~CAAAE~~,~~aAA6B~~,~~EAC5B,EAAA,~~GAAG,~~EAAE~~,~~GAAG~~,~~EACR~~,~~UAAU,~~EAAE,~~UAAU~~,~~EACtB~~,~~SAAS~~,~~EAAEC~~,~~UAAE~~,~~CACXC~~,~~2BAAM~~,~~CAAC~~,~~OAAO~~,~~EACd~~,~~YAAY,IAAIA,2BAAM,~~CAAC,~~iBAAiB~~,~~EACxC~~,~~SAAS~~,~~CACV,~~EAAA,~~GACG~~,~~KAAK~~,~~EAAA~~,~~QAAA~~,EACR,~~YAAY~~,~~IACXC~~,~~iCAAA~~,~~CAAAC~~,~~qCAAA~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~CACEN~~,~~gCAAC~~,~~CAAAO~~,~~iBAAQ~~,~~IACP~~,~~UAAU~~,~~EAAA~~,~~IAAA~~,~~EACV~~,~~SAAS~~,~~EAAA~~,~~IAAA~~,~~EACT~~,~~WAAW~~,~~EAAC~~,~~WAAW~~,~~EACvB,~~SAAS,~~EAAEH~~,~~2BAAM~~,CAAC,~~aAAa~~,~~EAC/B~~,~~aAAa~~,~~EAAE~~,~~KAAK~~,~~IAAG;4BACrB~~,~~KAAK,~~CAAC,~~cAAc~~,~~EAAE~~,~~CAAC;4BACvB~~,~~KAAK~~,CAAC,~~eAAe~~,~~EAAE~~,~~CAAC;AAC1B~~,~~yBAAC~~,EACD,~~WAAW~~,EAAE,~~KAAK~~,~~IAAG;4BACnB~~,~~KAAK~~,~~CAAC~~,~~cAAc~~,~~EAAE~~,~~CAAC;4BACvB~~,~~KAAK~~,~~CAAC~~,~~eAAe~~,~~EAAE~~,~~CAAC;yBACzB~~,~~EAAA~~,~~CACD~~,~~EACFJ~~,~~gCAAA,CAACQ,qBAAY,~~EAAA,~~EAAC~~,~~SAAS~~,~~EAAEJ~~,~~2BAAM~~,~~CAAC~~,~~eAAe~~,~~EAC5C~~,QAAA,EAAA,~~QAAQ~~,~~GACI~~,~~CACd~~,~~EAAA~~,~~CAAA~~,~~KAEH,QAAQ,CACT,~~EAAA,~~CAC6B~~,~~EACH~~,~~CAAA~~,~~EAC/B;AACJ~~,~~CAAC~~,EAAE~~;AACH~~,~~mBAAmB~~,~~CAAC~~,~~WAAW~~,~~GAAGF~~,~~aAA6B~~,CAAC,~~WAAW~~,~~CAAC;MAE~~/D,~~0BAA0B~~,~~GAAGJ~~,~~gBAAU~~,~~CAGlD~~,CAAC,~~EAAE~~,~~SAAS~~,~~EAAE~~,~~GAAG~~,~~KAAK~~,~~EAAE~~,~~EAAE~~,~~GAAG~~,~~MAC7BE~~,~~gCAAA~~,~~CAACC~~,~~YAA4B~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAC3BD~~,~~iCAACS~~,~~gBAAgC~~,~~EAC/B~~,EAAA,~~GAAG~~,~~EAAE~~,~~GAAG~~,~~EACR~~,~~SAAS~~,~~EAAEN~~,~~UAAE~~,~~CAACC~~,2BAAM,CAAC,~~OAAO~~,~~EAAE~~,~~SAAS~~,~~CAAC~~,~~EAAA~~,~~GACpC~~,~~KAAK~~,~~EACT,~~CAAA,EAAA,~~CAC2B~~,~~CAChC~~,~~EAAE;AACH~~,~~0BAA0B~~,~~CAAC~~,~~WAAW~~;~~AACpC~~,~~IAAAK,gBAAgC,~~CAAC~~,WAAW;;;;;~~"}
1	+ {"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useRef } from \"react\";\nimport { Menu, MenuProps, useMenuContext } from \"@ariakit/react\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport interface MenuContentProps\n extends Omit<WithAsChild<MenuProps>, \"portal\"> {\n searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof Menu>,\n MenuContentProps\n>(\n (\n { className, children, asChild, searchPlaceholder = \"Search...\", ...props },\n ref,\n ) => {\n const menu = useMenuContext();\n const { autocomplete } = useDropdownContext();\n const isSubMenu = !!menu?.parent;\n const comboboxRef = useRef<HTMLInputElement>(null);\n\n return (\n <Menu\n ref={ref}\n modal\n portal\n portalElement={\n typeof window === \"undefined\" ? null : window?.document?.body\n }\n unmountOnHide\n gutter={isSubMenu ? 2 : 4}\n className={cx(\n styles.content,\n autocomplete && styles.comboboxContainer,\n className,\n )}\n render={asChild ? <Slot /> : undefined}\n {...props}>\n {autocomplete ? (\n <>\n <Combobox\n ref={comboboxRef}\n placeholder={searchPlaceholder}\n className={styles.comboboxInput}\n autoSelect\n onPointerEnter={e => {\n if (document && document.activeElement !== comboboxRef.current)\n comboboxRef.current?.focus();\n }}\n />\n <ComboboxList className={styles.comboboxContent}>\n {children}\n </ComboboxList>\n </>\n ) : (\n children\n )}\n </Menu>\n );\n },\n);\n"],"names":["forwardRef","menu","useMenuContext","useDropdownContext","useRef","_jsx","Menu","cx","styles","Slot","_jsxs","_Fragment","Combobox","ComboboxList"],"mappings":";;;;;;;;;;;;;AAca,MAAA,mBAAmB,GAAGA,gBAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAMC,MAAI,GAAGC,uBAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,mCAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAACF,MAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAGG,YAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEC,iCAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAEC,QAAE,CACXC,2BAAM,CAAC,OAAO,EACd,YAAY,IAAIA,2BAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGH,gCAAC,CAAAI,YAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EACR,QAAA,EAAA,YAAY,IACXC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACEN,gCAAC,CAAAO,iBAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAEJ,2BAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFH,gCAAC,CAAAQ,qBAAY,IAAC,SAAS,EAAEL,2BAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts CHANGED Viewed

@@ -1,4 +1,7 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuSubMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { MenuProps } from "@ariakit/react";
+import { WithAsChild } from "./types";
+export interface MenuContentProps extends Omit<WithAsChild<MenuProps>, "portal"> {
+    searchPlaceholder?: string;
+}
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=dropdown-menu-content.d.ts.map

package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAAK~~,~~qBAAqB~~,MAAM~~,+BAA+B~~,CAAC;~~AAMvE~~,~~eAAO~~,MAAM,~~mBAAmB~~,~~wMA0C9B~~,CAAC;~~AAGH~~,eAAO,MAAM,~~0BAA0B~~,~~wMAWrC~~,CAAC"}
1	+ {"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAIjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,0HAoD/B,CAAC"}

package/dist/v1/components/dropdown-menu/dropdown-menu-content.js CHANGED Viewed

@@ -1,26 +1,24 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef } from 'react';
-import { Portal as Portal2, Content as Content2, SubContent as SubContent2 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
+import { forwardRef, useRef } from 'react';
+import { useMenuContext } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.js';
+import { Menu } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu.js';
 import { Combobox } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/combobox/combobox.js';
 import { ComboboxList } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/MAXQOH4L.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import { useDropdownContext } from './dropdown-menu-root.js';
 import styles from './dropdown-menu.module.css.js';
+import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+import { useDropdownContext } from './dropdown-menu-root.js';
-const DropdownMenuContent = forwardRef(({ className, children, sideOffset = 4, ...props }, ref) => {
+const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPlaceholder = "Search...", ...props }, ref) => {
+    const menu = useMenuContext();
     const { autocomplete } = useDropdownContext();
-    return (jsxRuntimeExports.jsx(Portal2, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, sideOffset: sideOffset, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), ...props, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { autoSelect: true, autoFocus: true, placeholder: "Search...", className: styles.comboboxInput, onBlurCapture: event => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }, onMouseOver: event => {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }) }));
+    const isSubMenu = !!menu?.parent;
+    const comboboxRef = useRef(null);
+    return (jsxRuntimeExports.jsx(Menu, { ref: ref, modal: true, portal: true, portalElement: typeof window === "undefined" ? null : window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props, children: autocomplete ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: styles.comboboxInput, autoSelect: true, onPointerEnter: e => {
+                        if (document && document.activeElement !== comboboxRef.current)
+                            comboboxRef.current?.focus();
+                    } }), jsxRuntimeExports.jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) }));
 });
-DropdownMenuContent.displayName = Content2.displayName;
-const DropdownMenuSubMenuContent = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Portal2, { children: jsxRuntimeExports.jsx(SubContent2, { ref: ref, className: cx(styles.content, className), ...props }) })));
-DropdownMenuSubMenuContent.displayName =
-    SubContent2.displayName;
-export { DropdownMenuContent, DropdownMenuSubMenuContent };
+export { DropdownMenuContent };
 //# sourceMappingURL=dropdown-menu-content.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu-content.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ~~ComponentPropsWithoutRef,~~ ElementRef, forwardRef } from \"react\";\nimport * as ~~DropdownMenuPrimitive~~ from \"@~~radix-ui~~/react~~-dropdown-menu~~\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport { ~~useDropdownContext~~ } from \"./~~dropdown~~-~~menu~~-~~root~~\";\nimport ~~styles~~ from \"./dropdown-menu~~.module.css~~\";\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof ~~DropdownMenuPrimitive.Content~~>,\n ~~ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\~~n>(({ className, children, ~~sideOffset~~ = 4, ...props }, ref) => {\n const { autocomplete } = useDropdownContext();\n ~~return~~ (\n ~~<DropdownMenuPrimitive.Portal>\~~n <~~DropdownMenuPrimitive.Content~~\n ref={ref}\n ~~sideOffset~~={~~sideOffset~~}\n className={cx(\n styles.content,\n autocomplete && styles.comboboxContainer,\n className,\n )}\n {...props}>\n {autocomplete ? (\n <>\n <Combobox\n ~~autoSelect~~\n ~~autoFocus\n~~ placeholder~~=\"Search...\"~~\n className={styles.comboboxInput}\n ~~onBlurCapture~~={~~event~~ => {\n ~~event.preventDefault~~(~~);\n event~~.~~stopPropagation();\n }}\n onMouseOver={event~~ => ~~{\n event~~.~~preventDefault(~~);\n ~~event~~.~~stopPropagation~~();\n }}\n />\n <ComboboxList className={styles.comboboxContent}>\n {children}\n </ComboboxList>\n </>\n ) : (\n children\n )}\n </~~DropdownMenuPrimitive.Content~~>\n ~~</DropdownMenuPrimitive.Portal>\n~~ );\n~~});\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport const DropdownMenuSubMenuContent = forwardRef<\n~~ ~~ElementRef<typeof DropdownMenuPrimitive.Content>,\n ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, ...props~~ }~~, ref) => (\~~n ~~<DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cx(styles.content, className~~)~~}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))~~;\~~nDropdownMenuSubMenuContent.displayName =\~~n ~~DropdownMenuPrimitive.SubContent.displayName;\n~~"],"names":["_jsx","~~DropdownMenuPrimitive.Portal~~","~~DropdownMenuPrimitive.Content","~~_jsxs","_Fragment"~~,"DropdownMenuPrimitive.SubContent"~~],"mappings":"~~;;;;;;;;;MAOa~~,mBAAmB,GAAG,UAAU,~~CAG3C~~,~~CAAC~~,EAAE,SAAS,EAAE,QAAQ,EAAE,~~UAAU~~,GAAG,~~CAAC~~,EAAE,GAAG,KAAK,EAAE,~~EAAE~~,GAAG,~~KAAI~~;~~AAC3D~~,IAAA,MAAM,~~EAAE~~,~~YAAY,EAAE,~~GAAG,~~kBAAkB~~,EAAE,CAAC;~~AAC9C~~,IAAA,~~QACEA~~,~~qBAAA~~,~~CAACC~~,~~OAA4B~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAC3BD~~,~~qBAAC~~,~~CAAAE~~,~~QAA6B~~,~~EAC5B,EAAA,~~GAAG,~~EAAE~~,~~GAAG~~,~~EACR~~,~~UAAU,~~EAAE,~~UAAU~~,~~EACtB~~,~~SAAS~~,~~EAAE~~,~~EAAE~~,~~CACX~~,MAAM,~~CAAC~~,~~OAAO,EACd,YAAY,~~IAAI,~~MAAM~~,CAAC,~~iBAAiB~~,~~EACxC~~,~~SAAS~~,~~CACV,~~EAAA,~~GACG~~,~~KAAK~~,~~EAAA~~,~~QAAA~~,EACR,~~YAAY~~,~~IACXC~~,~~sBAAA~~,~~CAAAC~~,~~0BAAA~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~CACEJ~~,~~qBAAC~~,~~CAAA~~,~~QAAQ~~,~~IACP~~,~~UAAU~~,~~EAAA~~,~~IAAA~~,~~EACV~~,~~SAAS~~,~~EAAA~~,~~IAAA~~,~~EACT~~,~~WAAW~~,~~EAAC~~,~~WAAW~~,~~EACvB,~~SAAS,~~EAAE~~,~~MAAM~~,CAAC,~~aAAa~~,~~EAC/B~~,~~aAAa~~,EAAE,~~KAAK~~,~~IAAG;4BACrB~~,~~KAAK,~~CAAC,~~cAAc~~,~~EAAE~~,~~CAAC;4BACvB~~,~~KAAK~~,CAAC,~~eAAe~~,~~EAAE~~,~~CAAC;AAC1B~~,~~yBAAC~~,EACD,~~WAAW~~,EAAE,~~KAAK~~,~~IAAG;4BACnB~~,~~KAAK~~,~~CAAC~~,~~cAAc~~,~~EAAE~~,~~CAAC;4BACvB~~,~~KAAK~~,~~CAAC~~,~~eAAe~~,~~EAAE~~,~~CAAC;yBACzB~~,~~EAAA~~,~~CACD~~,~~EACFA~~,~~qBAAA~~,~~CAAC,~~YAAY,~~EAAA~~,~~EAAC~~,~~SAAS~~,~~EAAE~~,~~MAAM~~,~~CAAC~~,~~eAAe,EAC5C,~~QAAA,EAAA,~~QAAQ~~,~~GACI~~,~~CACd,EAAA,~~CAAA,~~KAEH,~~QAAQ,~~CACT~~,EAAA,~~CAC6B~~,~~EACH~~,~~CAAA~~,~~EAC/B;AACJ~~,~~CAAC~~,EAAE~~;AACH~~,~~mBAAmB~~,~~CAAC~~,~~WAAW~~,~~GAAGE~~,~~QAA6B~~,CAAC,~~WAAW~~,~~CAAC;MAE~~/D,~~0BAA0B~~,~~GAAG~~,~~UAAU~~,~~CAGlD~~,CAAC,~~EAAE~~,~~SAAS~~,~~EAAE~~,~~GAAG~~,~~KAAK~~,~~EAAE~~,~~EAAE~~,~~GAAG~~,~~MAC7BF~~,~~qBAAA~~,~~CAACC~~,~~OAA4B~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAC3BD~~,~~sBAACK~~,~~WAAgC~~,~~EAC/B~~,EAAA,~~GAAG~~,~~EAAE~~,~~GAAG~~,~~EACR~~,SAAS,EAAE,~~EAAE,CAAC,~~MAAM,CAAC,~~OAAO~~,~~EAAE~~,~~SAAS~~,~~CAAC~~,~~EAAA~~,~~GACpC~~,~~KAAK~~,~~EACT,~~CAAA,EAAA,~~CAC2B~~,~~CAChC~~,~~EAAE;AACH~~,~~0BAA0B~~,~~CAAC~~,~~WAAW~~;~~AACpC~~,~~IAAAA,WAAgC,~~CAAC~~,WAAW~~;;;;"}
1	+ {"version":3,"file":"dropdown-menu-content.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["import { ElementRef, forwardRef, useRef } from \"react\";\nimport { Menu, MenuProps, useMenuContext } from \"@ariakit/react\";\nimport { Combobox, ComboboxList } from \"@ariakit/react\";\nimport { cx } from \"class-variance-authority\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { WithAsChild } from \"./types\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport interface MenuContentProps\n extends Omit<WithAsChild<MenuProps>, \"portal\"> {\n searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof Menu>,\n MenuContentProps\n>(\n (\n { className, children, asChild, searchPlaceholder = \"Search...\", ...props },\n ref,\n ) => {\n const menu = useMenuContext();\n const { autocomplete } = useDropdownContext();\n const isSubMenu = !!menu?.parent;\n const comboboxRef = useRef<HTMLInputElement>(null);\n\n return (\n <Menu\n ref={ref}\n modal\n portal\n portalElement={\n typeof window === \"undefined\" ? null : window?.document?.body\n }\n unmountOnHide\n gutter={isSubMenu ? 2 : 4}\n className={cx(\n styles.content,\n autocomplete && styles.comboboxContainer,\n className,\n )}\n render={asChild ? <Slot /> : undefined}\n {...props}>\n {autocomplete ? (\n <>\n <Combobox\n ref={comboboxRef}\n placeholder={searchPlaceholder}\n className={styles.comboboxInput}\n autoSelect\n onPointerEnter={e => {\n if (document && document.activeElement !== comboboxRef.current)\n comboboxRef.current?.focus();\n }}\n />\n <ComboboxList className={styles.comboboxContent}>\n {children}\n </ComboboxList>\n </>\n ) : (\n children\n )}\n </Menu>\n );\n },\n);\n"],"names":["_jsx","Slot","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;AAca,MAAA,mBAAmB,GAAG,UAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC;AACjC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEnD,QACEA,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EACL,IAAA,EAAA,MAAM,QACN,aAAa,EACX,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAE/D,aAAa,QACb,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,OAAO,EACd,YAAY,IAAI,MAAM,CAAC,iBAAiB,EACxC,SAAS,CACV,EACD,MAAM,EAAE,OAAO,GAAGA,qBAAC,CAAAC,yCAAI,EAAG,EAAA,CAAA,GAAG,SAAS,EAClC,GAAA,KAAK,EACR,QAAA,EAAA,YAAY,IACXC,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CACEH,qBAAC,CAAA,QAAQ,EACP,EAAA,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,UAAU,QACV,cAAc,EAAE,CAAC,IAAG;wBAClB,IAAI,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO;AAC5D,4BAAA,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAChC,EAAA,CACD,EACFA,qBAAC,CAAA,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAC5C,QAAQ,EACI,CAAA,CAAA,EAAA,CACd,KAEH,QAAQ,CACT,EACI,CAAA,EACP;AACJ,CAAC;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-item.cjs CHANGED Viewed

@@ -2,30 +2,45 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@_qqqv3onxyw7nimu7o547lhehwa/node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs');
+var VIIRIBF3 = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.cjs');
+var _2NBKRL7C = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/2NBKRL7C.cjs');
+var JMHAJKUZ = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.cjs');
 var cell = require('./cell.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
-var JMHAJKUZ = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/__chunks/JMHAJKUZ.cjs');
 var utils = require('./utils.cjs');
-const DropdownMenuItem = React.forwardRef(({ children, value, ...props }, ref) => {
-    const { autocomplete, searchValue } = dropdownMenuRoot.useDropdownContext();
-    const menuLevel = dropdownMenuRoot.useMenuLevel();
-    const item = (jsxRuntime.jsxRuntimeExports.jsx(index.Item, { ref: ref, ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, { isComboboxCell: autocomplete, children: children }) }));
-    if (menuLevel >= 2)
-        return item;
-    const computedValue = utils.getValue(value, children);
-    if (autocomplete && !utils.getMatch(computedValue, searchValue))
+const DropdownMenuItem = React.forwardRef(({ children, asChild, forceRender, value, ...props }, ref) => {
+    const { autocomplete, searchValue, shouldFilter } = dropdownMenuRoot.useDropdownContext();
+    const menu = VIIRIBF3.useMenuContext();
+    const defaultProps = {
+        ref,
+        focusOnHover: true,
+        blurOnHoverEnd: false,
+        render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index.Slot, {}) : jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, {}),
+        ...props,
+    };
+    // In auto mode, hide items that don't match the search value
+    if (!forceRender && shouldFilter && !utils.getMatch(value, children, searchValue)) {
         return null;
-    if (autocomplete)
-        return jsxRuntime.jsxRuntimeExports.jsx(JMHAJKUZ.ComboboxItem, { render: item, value: value });
-    return item;
+    }
+    if (forceRender === "combobox" || autocomplete) {
+        const comboboxProps = defaultProps;
+        return (jsxRuntime.jsxRuntimeExports.jsx(JMHAJKUZ.ComboboxItem, { ...comboboxProps, value: value, setValueOnClick: false, selectValueOnClick: false, hideOnClick: event => {
+                // Make sure that clicking on a combobox item that opens a nested
+                // menu/dialog does not close the menu.
+                const expandable = event.currentTarget.hasAttribute("aria-expanded");
+                if (expandable)
+                    return false;
+                // By default, clicking on a ComboboxItem only closes its own popover.
+                // However, since we're in a menu context, we also close all parent
+                // menus.
+                menu?.hideAll();
+                return true;
+            }, children: children }));
+    }
+    return jsxRuntime.jsxRuntimeExports.jsx(_2NBKRL7C.MenuItem, { ...defaultProps, children: children });
 });
-const DropdownMenuRadioItem = React.forwardRef(({ children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.RadioItem, { ref: ref, ...props, asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(cell.Cell, { type: "select", children: children }) })));
-DropdownMenuRadioItem.displayName = index.RadioItem.displayName;
-const DropdownMenuRadioGroup = index.RadioGroup;
 exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
 //# sourceMappingURL=dropdown-menu-item.cjs.map