@optiaxiom/react 3.0.0-next.4 → 3.0.1

package/dist/esm/packages/react/src/menu/MenuSubTrigger.js

@@ -1,104 +1,85 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { IconChevronRight } from '@optiaxiom/icons';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef, useEffect } from 'react';
-import { useCommandContext } from '../command/CommandContext.js';
-import '../popover/PopoverContentContext.js';
-import { usePopoverContext } from '../popover/PopoverContext.js';
-import { MenuItem } from './MenuItem.js';
-import { useMenuSubContext } from './MenuSubContext.js';
-
-const MenuSubTrigger = forwardRef(
-  ({
-    children,
-    item,
-    onPointerDown,
-    onPointerEnter,
-    onPointerLeave,
-    onPointerMove,
-    ...props
-  }, outerRef) => {
-    const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
-    const { open } = usePopoverContext("@optiaxiom/react/MenuSubTrigger");
-    const { contentRef, itemRef } = useMenuSubContext(
-      "@optiaxiom/react/MenuSubTrigger"
-    );
-    const pointerEnterRef = useRef(false);
-    const innerRef = useRef();
-    const ref = useComposedRefs(innerRef, outerRef);
-    useEffect(() => {
-      if (open && highlightedItem === item && innerRef.current) {
-        itemRef.current = innerRef.current;
-      }
-    }, [highlightedItem, item, open, itemRef]);
-    return /* @__PURE__ */ jsx(
-      MenuItem,
-      {
-        addonAfter: /* @__PURE__ */ jsx(IconChevronRight, {}),
-        item,
-        onPointerDown: (event) => {
-          onPointerDown?.(event);
-          if (open) {
-            event.preventDefault();
-          }
-        },
-        onPointerEnter: (event) => {
-          onPointerEnter?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (highlightedItem === item) {
-            pointerEnterRef.current = true;
-          }
-        },
-        onPointerLeave: (event) => {
-          onPointerLeave?.(event);
-          pointerEnterRef.current = false;
-          const box = contentRef.current?.getBoundingClientRect();
-          if (!box) {
-            return;
-          }
-          if (pauseInteractionRef.current.isInsideTriangle) {
-            return;
-          }
-          const bottom = {
-            x: box.left,
-            y: box.top + box.height
-          };
-          const side = {
-            x: event.clientX + 10 * (box.left > event.clientX ? -1 : 1),
-            y: event.clientY
-          };
-          const top = {
-            x: box.left,
-            y: box.top
-          };
-          pauseInteractionRef.current.isInsideTriangle = (target) => {
-            const b0 = (top.x - side.x) * (bottom.y - side.y) - (bottom.x - side.x) * (top.y - side.y), b1 = ((top.x - target.x) * (bottom.y - target.y) - (bottom.x - target.x) * (top.y - target.y)) / b0, b2 = ((bottom.x - target.x) * (side.y - target.y) - (side.x - target.x) * (bottom.y - target.y)) / b0, b3 = ((side.x - target.x) * (top.y - target.y) - (top.x - target.x) * (side.y - target.y)) / b0;
-            return b1 > 0 && b2 > 0 && b3 > 0;
-          };
-          pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.isInsideTriangle = null;
-          }, 20);
-        },
-        onPointerMove: (event) => {
-          onPointerMove?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (pointerEnterRef.current && enabled) {
-            downshift.selectItem(item);
-          }
-          pointerEnterRef.current = false;
-        },
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
+import { useCommandContext } from "../command/CommandContext.js";
+import { usePopoverContext } from "../popover/PopoverContext.js";
+import { useMenuSubContext } from "./MenuSubContext.js";
+import { MenuItem } from "./MenuItem.js";
+import { IconChevronRight } from "@optiaxiom/icons";
+import { forwardRef, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/menu/MenuSubTrigger.tsx
+const MenuSubTrigger = forwardRef(({ children, item, onPointerDown, onPointerEnter, onPointerLeave, onPointerMove, ...props }, outerRef) => {
+	const { downshift, enabled, highlightedItem, pauseInteractionRef } = useCommandContext("@optiaxiom/react/MenuSubTrigger");
+	const { open } = usePopoverContext("@optiaxiom/react/MenuSubTrigger");
+	const { contentRef, itemRef } = useMenuSubContext("@optiaxiom/react/MenuSubTrigger");
+	/**
+	* We use a ref and combine pointerenter + pointermove because pointerenter
+	* is triggered both when mouse moves into the element and also when element
+	* is inserted into DOM and mouse happens to be present at that coordinate.
+	*
+	* So we only open the submenu when user moves the enters and then moves
+	* the mouse for the first time.
+	*/
+	const pointerEnterRef = useRef(false);
+	const innerRef = useRef();
+	const ref = useComposedRefs(innerRef, outerRef);
+	useEffect(() => {
+		if (open && highlightedItem === item && innerRef.current) itemRef.current = innerRef.current;
+	}, [
+		highlightedItem,
+		item,
+		open,
+		itemRef
+	]);
+	return /* @__PURE__ */ jsx(MenuItem, {
+		addonAfter: /* @__PURE__ */ jsx(IconChevronRight, {}),
+		item,
+		onPointerDown: (event) => {
+			onPointerDown?.(event);
+			if (open) event.preventDefault();
+		},
+		onPointerEnter: (event) => {
+			onPointerEnter?.(event);
+			if (event.defaultPrevented) return;
+			if (highlightedItem === item) pointerEnterRef.current = true;
+		},
+		onPointerLeave: (event) => {
+			onPointerLeave?.(event);
+			pointerEnterRef.current = false;
+			const box = contentRef.current?.getBoundingClientRect();
+			if (!box) return;
+			if (pauseInteractionRef.current.isInsideTriangle) return;
+			const bottom = {
+				x: box.left,
+				y: box.top + box.height
+			};
+			const side = {
+				x: event.clientX + 10 * (box.left > event.clientX ? -1 : 1),
+				y: event.clientY
+			};
+			const top = {
+				x: box.left,
+				y: box.top
+			};
+			pauseInteractionRef.current.isInsideTriangle = (target) => {
+				const b0 = (top.x - side.x) * (bottom.y - side.y) - (bottom.x - side.x) * (top.y - side.y), b1 = ((top.x - target.x) * (bottom.y - target.y) - (bottom.x - target.x) * (top.y - target.y)) / b0, b2 = ((bottom.x - target.x) * (side.y - target.y) - (side.x - target.x) * (bottom.y - target.y)) / b0, b3 = ((side.x - target.x) * (top.y - target.y) - (top.x - target.x) * (side.y - target.y)) / b0;
+				return b1 > 0 && b2 > 0 && b3 > 0;
+			};
+			pauseInteractionRef.current.timer = window.setTimeout(() => {
+				pauseInteractionRef.current.isInsideTriangle = null;
+			}, 20);
+		},
+		onPointerMove: (event) => {
+			onPointerMove?.(event);
+			if (event.defaultPrevented) return;
+			if (pointerEnterRef.current && enabled) downshift.selectItem(item);
+			pointerEnterRef.current = false;
+		},
+		ref,
+		...props,
+		children
+	});
+});
 MenuSubTrigger.displayName = "@optiaxiom/react/MenuSubTrigger";
-
+//#endregion
 export { MenuSubTrigger };

package/dist/esm/packages/react/src/menu/MenuSwitchItem.js

@@ -1,48 +1,39 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import '../command/Command.js';
-import '../command/CommandInput.js';
-import { CommandItem } from '../command/CommandItem.js';
-import '../command/CommandListbox.js';
-import { useCommandContext, resolveItemProperty } from '../command/CommandContext.js';
-import '../listbox/Listbox.js';
-import '../listbox/ListboxCheckboxItem.js';
-import '../listbox/ListboxEmpty.js';
-import '../listbox/ListboxGroup.js';
-import '../listbox/ListboxItem.js';
-import '../listbox/ListboxItemIndicator.js';
-import '../listbox/ListboxItemized.js';
-import '../listbox/ListboxLabel.js';
-import '../listbox/ListboxRadioItem.js';
-import '../listbox/ListboxSeparator.js';
-import { ListboxSwitchItem } from '../listbox/ListboxSwitchItem.js';
-import { useMenuSurface } from './useMenuSurface.js';
-
-const MenuSwitchItem = forwardRef(
-  ({ children, ...props }, ref) => {
-    const Comp = props.item.href ? "a" : "div";
-    const { inputValue } = useCommandContext("@optiaxiom/react/MenuSwitchItem");
-    const track = useMenuSurface();
-    return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
-      ListboxSwitchItem,
-      {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
-        asChild: true,
-        description: resolveItemProperty(props.item.description, {
-          inputValue
-        }),
-        onCheckedChange: () => {
-          if (!resolveItemProperty(props.item.disabledReason)) {
-            track(props.item);
-            props.item.execute?.({ dismiss: false, inputValue });
-          }
-        },
-        children: /* @__PURE__ */ jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
-      }
-    ) });
-  }
-);
+import { resolveItemProperty, useCommandContext } from "../command/CommandContext.js";
+import { ListboxSwitchItem } from "../listbox/ListboxSwitchItem.js";
+import { CommandItem } from "../command/CommandItem.js";
+import { useMenuSurface } from "./useMenuSurface.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/menu/MenuSwitchItem.tsx
+const MenuSwitchItem = forwardRef(({ children, ...props }, ref) => {
+	const Comp = props.item.href ? "a" : "div";
+	const { inputValue } = useCommandContext("@optiaxiom/react/MenuSwitchItem");
+	const track = useMenuSurface();
+	return /* @__PURE__ */ jsx(CommandItem, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(ListboxSwitchItem, {
+			addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+			asChild: true,
+			description: resolveItemProperty(props.item.description, { inputValue }),
+			onCheckedChange: () => {
+				if (!resolveItemProperty(props.item.disabledReason)) {
+					track(props.item);
+					props.item.execute?.({
+						dismiss: false,
+						inputValue
+					});
+				}
+			},
+			children: /* @__PURE__ */ jsx(Comp, {
+				...props.item.href && { href: props.item.href },
+				children
+			})
+		})
+	});
+});
 MenuSwitchItem.displayName = "@optiaxiom/react/MenuSwitchItem";
-
+//#endregion
 export { MenuSwitchItem };

package/dist/esm/packages/react/src/menu/MenuTrigger.js

@@ -1,66 +1,51 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { useId } from '@radix-ui/react-id';
-import { forwardRef } from 'react';
-import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
-import '../dialog/Dialog.js';
-import '../dialog/DialogBody.js';
-import '../dialog/DialogClose.js';
-import '../dialog/DialogContent.js';
-import '../dialog/DialogFooter.js';
-import '../dialog/DialogForm.js';
-import '../dialog/DialogHeader.js';
-import { DialogTrigger } from '../dialog/DialogTrigger.js';
-import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import '../popover/PopoverContent.js';
-import { PopoverTrigger } from '../popover/PopoverTrigger.js';
-import { useMenuContext } from './MenuContext.js';
-
-const MenuTrigger = forwardRef(
-  ({
-    "aria-labelledby": ariaLabelledBy,
-    asChild,
-    children,
-    onKeyDown,
-    ...props
-  }, outerRef) => {
-    const { setFocusVisible, setOpen, size, triggerRef } = useMenuContext(
-      "@optiaxiom/react/MenuTrigger"
-    );
-    const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
-    const ref = useComposedRefs(outerRef, triggerRef);
-    const id = useId();
-    const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        "aria-labelledby": labelId,
-        asChild: true,
-        id,
-        onKeyDown: (event) => {
-          onKeyDown?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          switch (event.key) {
-            case "ArrowDown":
-              event.preventDefault();
-              setFocusVisible(true);
-              setOpen(true);
-          }
-        },
-        ref,
-        ...props,
-        children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children })
-      }
-    );
-  }
-);
+import { DialogTrigger } from "../dialog/DialogTrigger.js";
+import { AngleMenuButton } from "../angle-menu-button/AngleMenuButton.js";
+import { useFieldLabelTrigger } from "../hooks/useFieldLabelTrigger.js";
+import { PopoverTrigger } from "../popover/PopoverTrigger.js";
+import { useMenuContext } from "./MenuContext.js";
+import { useId } from "@radix-ui/react-id";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/menu/MenuTrigger.tsx
+/**
+* Trigger button for Menu component with automatic chevron icon.
+*
+* Use this as the trigger for Menu dropdowns. By default, renders an
+* AngleMenuButton (button with trailing chevron). Use asChild to customize the
+* trigger button.
+*
+* @example
+* <MenuTrigger asChild><EllipsisMenuButton /></MenuTrigger>
+*
+* @extends Button
+* @group Menu
+*/
+const MenuTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, asChild, children, onKeyDown, ...props }, outerRef) => {
+	const { setFocusVisible, setOpen, size, triggerRef } = useMenuContext("@optiaxiom/react/MenuTrigger");
+	const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
+	const ref = useComposedRefs(outerRef, triggerRef);
+	const id = useId();
+	return /* @__PURE__ */ jsx(Comp, {
+		"aria-labelledby": useFieldLabelTrigger(triggerRef, ariaLabelledBy),
+		asChild: true,
+		id,
+		onKeyDown: (event) => {
+			onKeyDown?.(event);
+			if (event.defaultPrevented) return;
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					setFocusVisible(true);
+					setOpen(true);
+			}
+		},
+		ref,
+		...props,
+		children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children })
+	});
+});
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
-
+//#endregion
 export { MenuTrigger };

package/dist/esm/packages/react/src/menu/useMenuSurface.js

@@ -1,57 +1,33 @@
-import { resolveItemProperty } from '../command/CommandContext.js';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { filterSuggestionsBySurface } from '../surface/filterSuggestionsBySurface.js';
-import 'react';
-
+import { useSurface } from "../surface/useSurface.js";
+import { resolveItemProperty } from "../command/CommandContext.js";
+import { filterSuggestionsBySurface } from "../surface/filterSuggestionsBySurface.js";
+//#region src/menu/useMenuSurface.ts
+/**
+* Hook to track menu item interactions with surface context.
+* Handles property changes/toggles and accepts matching suggestions.
+*/
 function useMenuSurface() {
-  const surface = useSurface();
-  return (item) => {
-    if (!item.surface || !surface) {
-      return;
-    }
-    const allSuggestions = surface.suggestions?.filter(
-      (s) => s.type === "value"
-    );
-    const itemSurface = item.surface;
-    if (itemSurface.type === "property") {
-      const itemSuggestions = filterSuggestionsBySurface(
-        allSuggestions,
-        surface.path,
-        [
-          {
-            name: itemSurface.name,
-            type: "property"
-          }
-        ]
-      );
-      const matchingSuggestion = itemSuggestions?.find(
-        (s) => s.value === itemSurface.value
-      );
-      if (item.multi || item.switch) {
-        surface.track(
-          {
-            checked: !resolveItemProperty(item.selected),
-            name: "toggled"
-          },
-          [itemSurface]
-        );
-      } else if ("selected" in item) {
-        surface.track(
-          {
-            name: "changed",
-            value: itemSurface.value
-          },
-          [itemSurface]
-        );
-      }
-      if (matchingSuggestion) {
-        surface.accept(matchingSuggestion.id);
-      }
-    } else if (itemSurface.type === "action") {
-      surface.track({ name: "invoked" }, [itemSurface]);
-    }
-  };
+	const surface = useSurface();
+	return (item) => {
+		if (!item.surface || !surface) return;
+		const allSuggestions = surface.suggestions?.filter((s) => s.type === "value");
+		const itemSurface = item.surface;
+		if (itemSurface.type === "property") {
+			const matchingSuggestion = filterSuggestionsBySurface(allSuggestions, surface.path, [{
+				name: itemSurface.name,
+				type: "property"
+			}])?.find((s) => s.value === itemSurface.value);
+			if (item.multi || item.switch) surface.track({
+				checked: !resolveItemProperty(item.selected),
+				name: "toggled"
+			}, [itemSurface]);
+			else if ("selected" in item) surface.track({
+				name: "changed",
+				value: itemSurface.value
+			}, [itemSurface]);
+			if (matchingSuggestion) surface.accept(matchingSuggestion.id);
+		} else if (itemSurface.type === "action") surface.track({ name: "invoked" }, [itemSurface]);
+	};
 }
-
+//#endregion
 export { useMenuSurface };

package/dist/esm/packages/react/src/modal/ModalLayer.js

@@ -1,44 +1,54 @@
 "use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useModalContext, ModalProvider } from '@optiaxiom/globals';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
-import { FocusGuards } from '@radix-ui/react-focus-guards';
-import { FocusScope } from '@radix-ui/react-focus-scope';
-import { createSlot } from '@radix-ui/react-slot';
-import { forwardRef, useState, useRef } from 'react';
-import { RemoveScroll } from 'react-remove-scroll';
-
-const Slot$1 = createSlot("@optiaxiom/react/ModalLayer");
-const ModalLayer = forwardRef(
-  ({ asChild, children, ...props }, outerRef) => {
-    const { shardRef } = useModalContext("@optiaxiom/react/ModalLayer");
-    const [locked] = useState(() => document.body.dataset.scrollLocked);
-    const [guards] = useState(
-      () => document.querySelector("[data-radix-focus-guard]")
-    );
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    if (!shardRef.current) {
-      return asChild ? /* @__PURE__ */ jsx(Slot$1, { ref, ...props, children }) : /* @__PURE__ */ jsx(Fragment, { children });
-    }
-    let result = /* @__PURE__ */ jsx(DismissableLayer, { asChild, ref, ...props, children });
-    if (locked) {
-      result = /* @__PURE__ */ jsx(RemoveScroll, { allowPinchZoom: true, as: Slot$1, shards: [shardRef], children: result });
-    }
-    if (guards) {
-      result = /* @__PURE__ */ jsx(FocusGuards, { children: /* @__PURE__ */ jsx(
-        FocusScope,
-        {
-          onMountAutoFocus: (event) => event.preventDefault(),
-          onUnmountAutoFocus: (event) => event.preventDefault(),
-          children: result
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children: result });
-  }
-);
+import { forwardRef, useRef, useState } from "react";
+import { createSlot } from "@radix-ui/react-slot";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { ModalProvider, useModalContext } from "@optiaxiom/globals";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { RemoveScroll } from "react-remove-scroll";
+import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
+import { FocusGuards } from "@radix-ui/react-focus-guards";
+import { FocusScope } from "@radix-ui/react-focus-scope";
+//#region src/modal/ModalLayer.tsx
+const Slot = createSlot("@optiaxiom/react/ModalLayer");
+/**
+* `ModalLayer` is a helper component intended to wrap components that are
+* rendered inside portals inside other dialogs or popovers.
+*
+* @since 0.7.8
+*/
+const ModalLayer = forwardRef(({ asChild, children, ...props }, outerRef) => {
+	const { shardRef } = useModalContext("@optiaxiom/react/ModalLayer");
+	const [locked] = useState(() => document.body.dataset.scrollLocked);
+	const [guards] = useState(() => document.querySelector("[data-radix-focus-guard]"));
+	const innerRef = useRef(null);
+	const ref = useComposedRefs(innerRef, outerRef);
+	if (!shardRef.current) return asChild ? /* @__PURE__ */ jsx(Slot, {
+		ref,
+		...props,
+		children
+	}) : /* @__PURE__ */ jsx(Fragment$1, { children });
+	let result = /* @__PURE__ */ jsx(DismissableLayer, {
+		asChild,
+		ref,
+		...props,
+		children
+	});
+	if (locked) result = /* @__PURE__ */ jsx(RemoveScroll, {
+		allowPinchZoom: true,
+		as: Slot,
+		shards: [shardRef],
+		children: result
+	});
+	if (guards) result = /* @__PURE__ */ jsx(FocusGuards, { children: /* @__PURE__ */ jsx(FocusScope, {
+		onMountAutoFocus: (event) => event.preventDefault(),
+		onUnmountAutoFocus: (event) => event.preventDefault(),
+		children: result
+	}) });
+	return /* @__PURE__ */ jsx(ModalProvider, {
+		shardRef: innerRef,
+		children: result
+	});
+});
 ModalLayer.displayName = "@optiaxiom/react/ModalLayer";
-
+//#endregion
 export { ModalLayer };

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,7 +1,25 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DqgdF9Uj.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-DoVyvw6Y.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'lltipo'],variants:{maxH:{xs:'_929o5h',sm:'y7e1mq',md:'_9hpilu',lg:'_1r42n93',full:{}},minW:{'0':{},trigger:'_1vfbae9'}}});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BHyv5Ghw.css";
+//#region src/modal/ModalListbox.css.ts
+var listbox = recipeRuntime({
+	base: [{
+		maxW: "xs",
+		p: "4"
+	}, "_16s9sv"],
+	variants: {
+		maxH: {
+			xs: "sffchi",
+			sm: "_1sgv400",
+			md: "xus3cw",
+			lg: "ggg8s2",
+			full: {}
+		},
+		minW: {
+			"0": {},
+			trigger: "_1xqmnus"
+		}
+	}
+});
+//#endregion
 export { listbox };