@optiaxiom/react 3.0.0 → 3.0.1

package/dist/esm/packages/react/src/command/CommandItem.js

@@ -1,154 +1,119 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { IconChevronRight } from '@optiaxiom/icons';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef } from 'react';
-import { Avatar } from '../avatar/Avatar.js';
-import '../avatar/AvatarGroup.js';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { filterSuggestionsBySurface } from '../surface/filterSuggestionsBySurface.js';
-import { Text } from '../text/Text.js';
-import '../utils/conditions.js';
-import { decorateChildren } from '../utils/decorateChildren.js';
-import { fallbackSpan } from '../utils/fallbackSpan.js';
-import '../utils/isHoverSupported.js';
-import { useCommandContext, resolveItemProperty } from './CommandContext.js';
-import { detail } from './CommandItem-css.js';
-
-const CommandItem = forwardRef(
-  ({
-    asChild,
-    children,
-    index,
-    item,
-    onClick,
-    onMouseLeave,
-    onMouseMove,
-    selected,
-    size,
-    ...props
-  }, outerRef) => {
-    const {
-      downshift,
-      enabled,
-      highlightedItem,
-      highlightedItemRef,
-      inputValue,
-      items,
-      pauseInteractionRef
-    } = useCommandContext("@optiaxiom/react/CommandItem");
-    const ref = useComposedRefs(
-      highlightedItem === item ? highlightedItemRef : void 0,
-      outerRef
-    );
-    const surface = useSurface();
-    const itemSuggestions = item.surface?.type === "property" ? filterSuggestionsBySurface(
-      surface?.suggestions.filter((s) => s.type === "value"),
-      surface?.path,
-      [
-        {
-          name: item.surface.name,
-          type: "property"
-        }
-      ]
-    ) : void 0;
-    const isSuggested = item.surface?.type === "property" && itemSuggestions?.some((s) => {
-      if (item.surface?.type !== "property")
-        return false;
-      return s.value === item.surface.value;
-    }) && !resolveItemProperty(item.selected);
-    const itemProps = downshift.getItemProps({
-      "aria-posinset": index + 1,
-      "aria-selected": selected ?? resolveItemProperty(item.selected),
-      "aria-setsize": items.length,
-      index,
-      item,
-      onClick: (event) => {
-        onClick?.(event);
-        if (event.currentTarget instanceof HTMLAnchorElement) {
-          if (event.altKey || event.metaKey || event.shiftKey) {
-            Object.assign(event, {
-              preventDownshiftDefault: true
-            });
-          } else {
-            if (item.execute) {
-              event.preventDefault();
-            }
-          }
-        }
-      },
-      onMouseLeave: (event) => {
-        onMouseLeave?.(event);
-        window.clearTimeout(pauseInteractionRef.current.timer);
-      },
-      onMouseMove: (event) => {
-        onMouseMove?.(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (!enabled || resolveItemProperty(item.disabledReason)) {
-          event.preventDefault();
-          Object.assign(event.nativeEvent, {
-            preventDownshiftDefault: true
-          });
-          return;
-        }
-        if (!pauseInteractionRef.current.isInsideTriangle) {
-          return;
-        }
-        if (pauseInteractionRef.current.isInsideTriangle({
-          x: event.clientX,
-          y: event.clientY
-        })) {
-          event.preventDefault();
-          Object.assign(event.nativeEvent, {
-            preventDownshiftDefault: true
-          });
-          window.clearTimeout(pauseInteractionRef.current.timer);
-          pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.isInsideTriangle = null;
-            downshift.setHighlightedIndex(index);
-          }, 20);
-        } else {
-          pauseInteractionRef.current.isInsideTriangle = null;
-        }
-      },
-      ref,
-      ...props
-    });
-    const detail$1 = resolveItemProperty(item.detail, { inputValue });
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        asChild,
-        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
-        "data-highlighted": highlightedItem === item ? "" : void 0,
-        size,
-        tabIndex: -1,
-        ...itemProps,
-        ...item.href && { href: item.href },
-        children: decorateChildren(
-          { asChild, children },
-          (children2) => children2 ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            item.parentOption && !item.parentOption.hiddenInSearchContext && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: resolveItemProperty(item.parentOption.label, {
-                inputValue
-              }) }),
-              /* @__PURE__ */ jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
-            ] }),
-            resolveItemProperty(item.label, { inputValue }),
-            isSuggested && /* @__PURE__ */ jsx(Avatar, { fallback: "opal", size: "2xs" }),
-            detail$1 && /* @__PURE__ */ jsx(Text, { asChild: true, truncate: true, ...detail(), children: fallbackSpan(detail$1) })
-          ] })
-        )
-      }
-    );
-  }
-);
+import { Box } from "../box/Box.js";
+import { useSurface } from "../surface/useSurface.js";
+import { decorateChildren } from "../utils/decorateChildren.js";
+import { fallbackSpan } from "../utils/fallbackSpan.js";
+import { Text } from "../text/Text.js";
+import { Avatar } from "../avatar/Avatar.js";
+import { resolveItemProperty, useCommandContext } from "./CommandContext.js";
+import { filterSuggestionsBySurface } from "../surface/filterSuggestionsBySurface.js";
+import { detail } from "./CommandItem-css.js";
+import { IconChevronRight } from "@optiaxiom/icons";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/command/CommandItem.tsx
+const CommandItem = forwardRef(({ asChild, children, index, item, onClick, onMouseLeave, onMouseMove, selected, size, ...props }, outerRef) => {
+	const { downshift, enabled, highlightedItem, highlightedItemRef, inputValue, items, pauseInteractionRef } = useCommandContext("@optiaxiom/react/CommandItem");
+	const ref = useComposedRefs(highlightedItem === item ? highlightedItemRef : void 0, outerRef);
+	const surface = useSurface();
+	const itemSuggestions = item.surface?.type === "property" ? filterSuggestionsBySurface(surface?.suggestions.filter((s) => s.type === "value"), surface?.path, [{
+		name: item.surface.name,
+		type: "property"
+	}]) : void 0;
+	const isSuggested = item.surface?.type === "property" && itemSuggestions?.some((s) => {
+		if (item.surface?.type !== "property") return false;
+		return s.value === item.surface.value;
+	}) && !resolveItemProperty(item.selected);
+	const itemProps = downshift.getItemProps({
+		"aria-posinset": index + 1,
+		"aria-selected": selected ?? resolveItemProperty(item.selected),
+		"aria-setsize": items.length,
+		index,
+		item,
+		onClick: (event) => {
+			onClick?.(event);
+			if (event.currentTarget instanceof HTMLAnchorElement) {
+				if (event.altKey || event.metaKey || event.shiftKey) Object.assign(event, { preventDownshiftDefault: true });
+				else if (item.execute) event.preventDefault();
+			}
+		},
+		onMouseLeave: (event) => {
+			onMouseLeave?.(event);
+			window.clearTimeout(pauseInteractionRef.current.timer);
+		},
+		onMouseMove: (event) => {
+			onMouseMove?.(event);
+			if (event.defaultPrevented) return;
+			/**
+			* Downshift listens to mousemove on items for highlighting and
+			* scrolling.
+			*
+			* For disabled items we don't want this as downshift will try to reset
+			* highlightedIndex to -1 when mousing over them.
+			*
+			* We also use exit animations where downshift menu will be present in
+			* DOM while closing - and we need to prevent triggering mousemove
+			* during that time.
+			*/
+			if (!enabled || resolveItemProperty(item.disabledReason)) {
+				event.preventDefault();
+				Object.assign(event.nativeEvent, { preventDownshiftDefault: true });
+				return;
+			}
+			if (!pauseInteractionRef.current.isInsideTriangle) return;
+			if (pauseInteractionRef.current.isInsideTriangle({
+				x: event.clientX,
+				y: event.clientY
+			})) {
+				event.preventDefault();
+				Object.assign(event.nativeEvent, { preventDownshiftDefault: true });
+				window.clearTimeout(pauseInteractionRef.current.timer);
+				pauseInteractionRef.current.timer = window.setTimeout(() => {
+					pauseInteractionRef.current.isInsideTriangle = null;
+					downshift.setHighlightedIndex(index);
+				}, 20);
+			} else pauseInteractionRef.current.isInsideTriangle = null;
+		},
+		ref,
+		...props
+	});
+	const detail$1 = resolveItemProperty(item.detail, { inputValue });
+	return /* @__PURE__ */ jsx(Box, {
+		asChild,
+		"data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+		"data-highlighted": highlightedItem === item ? "" : void 0,
+		size,
+		tabIndex: -1,
+		...itemProps,
+		...item.href && { href: item.href },
+		children: decorateChildren({
+			asChild,
+			children
+		}, (children) => children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			item.parentOption && !item.parentOption.hiddenInSearchContext && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Text, {
+				color: "fg.secondary",
+				children: resolveItemProperty(item.parentOption.label, { inputValue })
+			}), /* @__PURE__ */ jsx(Box, {
+				asChild: true,
+				h: "10",
+				w: "auto",
+				children: /* @__PURE__ */ jsx(IconChevronRight, {})
+			})] }),
+			resolveItemProperty(item.label, { inputValue }),
+			isSuggested && /* @__PURE__ */ jsx(Avatar, {
+				fallback: "opal",
+				size: "2xs"
+			}),
+			detail$1 && /* @__PURE__ */ jsx(Text, {
+				asChild: true,
+				truncate: true,
+				...detail(),
+				children: fallbackSpan(detail$1)
+			})
+		] }))
+	});
+});
 CommandItem.displayName = "@optiaxiom/react/CommandItem";
-
+//#endregion
 export { CommandItem };

package/dist/esm/packages/react/src/command/CommandListbox.js

@@ -1,46 +1,26 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-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 { ListboxItemized } from '../listbox/ListboxItemized.js';
-import '../listbox/ListboxLabel.js';
-import '../listbox/ListboxRadioItem.js';
-import '../listbox/ListboxSeparator.js';
-import '../listbox/ListboxSwitchItem.js';
-import { useCommandContext, resolveItemProperty } from './CommandContext.js';
-
-const CommandListbox = forwardRef(
-  ({ children, size, ...props }, ref) => {
-    const {
-      downshift,
-      highlightedItem,
-      highlightedItemRef,
-      inputValue,
-      items
-    } = useCommandContext("@optiaxiom/react/CommandListbox");
-    return /* @__PURE__ */ jsx(
-      ListboxItemized,
-      {
-        highlightedItem,
-        items,
-        itemToKey: (item) => item.key ?? resolveItemProperty(item.label, { inputValue }),
-        onPlacedChange: (placed) => {
-          if (placed && highlightedItemRef.current) {
-            highlightedItemRef.current.scrollIntoView({ block: "nearest" });
-          }
-        },
-        size,
-        ...downshift.getMenuProps({ ref, ...props }),
-        children
-      }
-    );
-  }
-);
+import { resolveItemProperty, useCommandContext } from "./CommandContext.js";
+import { ListboxItemized } from "../listbox/ListboxItemized.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/command/CommandListbox.tsx
+const CommandListbox = forwardRef(({ children, size, ...props }, ref) => {
+	const { downshift, highlightedItem, highlightedItemRef, inputValue, items } = useCommandContext("@optiaxiom/react/CommandListbox");
+	return /* @__PURE__ */ jsx(ListboxItemized, {
+		highlightedItem,
+		items,
+		itemToKey: (item) => item.key ?? resolveItemProperty(item.label, { inputValue }),
+		onPlacedChange: (placed) => {
+			if (placed && highlightedItemRef.current) highlightedItemRef.current.scrollIntoView({ block: "nearest" });
+		},
+		size,
+		...downshift.getMenuProps({
+			ref,
+			...props
+		}),
+		children
+	});
+});
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
-
+//#endregion
 export { CommandListbox };

package/dist/esm/packages/react/src/command/fuzzysearch.js

@@ -1,51 +1,37 @@
-import { resolveItemProperty } from './CommandContext.js';
-
+import { resolveItemProperty } from "./CommandContext.js";
+//#region src/command/fuzzysearch.ts
+/**
+* Based on https://github.com/bevacqua/fuzzysearch and modified with
+* Intl.Collator for unicode support.
+*/
 const collator = new Intl.Collator(void 0, {
-  sensitivity: "base",
-  usage: "search"
+	sensitivity: "base",
+	usage: "search"
 });
 function fuzzysearch(haystack, needle) {
-  const hlen = haystack.length;
-  const nlen = needle.length;
-  if (nlen > hlen) {
-    return false;
-  }
-  if (nlen === hlen) {
-    return collator.compare(needle, haystack) === 0;
-  }
-  outer:
-    for (let i = 0, j = 0; i < nlen; i++) {
-      const nch = needle.charAt(i);
-      while (j < hlen) {
-        if (collator.compare(haystack.charAt(j++), nch) === 0) {
-          continue outer;
-        }
-      }
-      return false;
-    }
-  return true;
+	const hlen = haystack.length;
+	const nlen = needle.length;
+	if (nlen > hlen) return false;
+	if (nlen === hlen) return collator.compare(needle, haystack) === 0;
+	outer: for (let i = 0, j = 0; i < nlen; i++) {
+		const nch = needle.charAt(i);
+		while (j < hlen) if (collator.compare(haystack.charAt(j++), nch) === 0) continue outer;
+		return false;
+	}
+	return true;
 }
 function score(item, inputValue) {
-  if (!inputValue || item.skipFilterScoring) {
-    return 0;
-  }
-  const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();
-  inputValue = inputValue.toLowerCase();
-  let score2 = 0;
-  if (label === inputValue) {
-    score2 = 1;
-  } else if (label.includes(inputValue)) {
-    score2 = 0.75;
-    if (label.startsWith(inputValue)) {
-      score2 += 0.1;
-    }
-  } else if (item.keywords?.toLowerCase().includes(inputValue)) {
-    score2 = 0.5;
-  }
-  if (item.parentOption) {
-    score2 -= -0.1;
-  }
-  return score2;
+	if (!inputValue || item.skipFilterScoring) return 0;
+	const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();
+	inputValue = inputValue.toLowerCase();
+	let score = 0;
+	if (label === inputValue) score = 1;
+	else if (label.includes(inputValue)) {
+		score = .75;
+		if (label.startsWith(inputValue)) score += .1;
+	} else if (item.keywords?.toLowerCase().includes(inputValue)) score = .5;
+	if (item.parentOption) score -= -.1;
+	return score;
 }
-
+//#endregion
 export { fuzzysearch, score };

package/dist/esm/packages/react/src/command/useCommandItems.js

@@ -1,78 +1,58 @@
-import { useMemo } from 'react';
-import { useEffectEvent } from '../hooks/useEffectEvent.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import 'react/jsx-runtime';
-import '../utils/isHoverSupported.js';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { buildSurfacePath } from '../surface/buildSurfacePath.js';
-import { filterSuggestionsBySurface } from '../surface/filterSuggestionsBySurface.js';
-import { resolveItemProperty } from './CommandContext.js';
-import { fuzzysearch, score } from './fuzzysearch.js';
-
-const useCommandItems = ({
-  inputValue,
-  options
-}) => {
-  const filterFn = useEffectEvent((item, inputValue2) => {
-    const string = resolveItemProperty(item.label, {
-      inputValue: inputValue2
-    }).normalize();
-    return "visible" in item ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
-  });
-  const surface = useSurface();
-  const suggestions = surface?.suggestions.filter((s) => s.type === "value");
-  return useMemo(() => {
-    const substring = (inputValue ?? "").normalize();
-    const processedSurfaces = /* @__PURE__ */ new Set();
-    const suggestedValues = /* @__PURE__ */ new Map();
-    for (const option of options) {
-      if (option.surface?.type === "property") {
-        const optionSurface = option.surface;
-        const key = option.surface.name;
-        if (processedSurfaces.has(key)) {
-          continue;
-        }
-        processedSurfaces.add(key);
-        filterSuggestionsBySurface(suggestions, surface?.path, [
-          {
-            name: option.surface.name,
-            type: "property"
-          }
-        ])?.forEach((s) => {
-          const path = buildSurfacePath(surface?.path, {
-            name: optionSurface.name,
-            type: optionSurface.type
-          });
-          suggestedValues.set(path, s.value);
-        });
-      }
-    }
-    const callback = (parentOption) => (item) => {
-      return item.subOptions && substring ? resolveItemProperty(item.subOptions, { inputValue }).flatMap(
-        callback(item)
-      ) : filterFn(item, substring) ? [
-        parentOption ? {
-          ...item,
-          key: [
-            parentOption.key ?? resolveItemProperty(parentOption.label, {
-              inputValue
-            }),
-            item.key ?? resolveItemProperty(item.label, { inputValue })
-          ].join("-"),
-          parentOption
-        } : item
-      ] : [];
-    };
-    return options.flatMap(callback()).sort((a, b) => {
-      const aIsSuggested = a.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, a.surface)) === a.surface.value;
-      const bIsSuggested = b.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, b.surface)) === b.surface.value;
-      const aScore = score(a, substring) + (aIsSuggested ? 1e3 : 0);
-      const bScore = score(b, substring) + (bIsSuggested ? 1e3 : 0);
-      return (b.group?.priority ?? 0) + bScore - ((a.group?.priority ?? 0) + aScore);
-    });
-  }, [options, inputValue, suggestions, surface?.path]);
+import { useSurface } from "../surface/useSurface.js";
+import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { resolveItemProperty } from "./CommandContext.js";
+import { buildSurfacePath } from "../surface/buildSurfacePath.js";
+import { filterSuggestionsBySurface } from "../surface/filterSuggestionsBySurface.js";
+import { fuzzysearch, score } from "./fuzzysearch.js";
+import { useMemo } from "react";
+//#region src/command/useCommandItems.ts
+const useCommandItems = ({ inputValue, options }) => {
+	const filterFn = useEffectEvent((item, inputValue) => {
+		const string = resolveItemProperty(item.label, { inputValue }).normalize();
+		return "visible" in item ? resolveItemProperty(item.visible, { inputValue }) : inputValue ? fuzzysearch(string, inputValue) || item.keywords && fuzzysearch(item.keywords, inputValue) : true;
+	});
+	const surface = useSurface();
+	const suggestions = surface?.suggestions.filter((s) => s.type === "value");
+	return useMemo(() => {
+		const substring = (inputValue ?? "").normalize();
+		const processedSurfaces = /* @__PURE__ */ new Set();
+		const suggestedValues = /* @__PURE__ */ new Map();
+		for (const option of options) if (option.surface?.type === "property") {
+			const optionSurface = option.surface;
+			const key = option.surface.name;
+			if (processedSurfaces.has(key)) continue;
+			processedSurfaces.add(key);
+			filterSuggestionsBySurface(suggestions, surface?.path, [{
+				name: option.surface.name,
+				type: "property"
+			}])?.forEach((s) => {
+				const path = buildSurfacePath(surface?.path, {
+					name: optionSurface.name,
+					type: optionSurface.type
+				});
+				suggestedValues.set(path, s.value);
+			});
+		}
+		const callback = (parentOption) => (item) => {
+			return item.subOptions && substring ? resolveItemProperty(item.subOptions, { inputValue }).flatMap(callback(item)) : filterFn(item, substring) ? [parentOption ? {
+				...item,
+				key: [parentOption.key ?? resolveItemProperty(parentOption.label, { inputValue }), item.key ?? resolveItemProperty(item.label, { inputValue })].join("-"),
+				parentOption
+			} : item] : [];
+		};
+		return options.flatMap(callback()).sort((a, b) => {
+			const aIsSuggested = a.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, a.surface)) === a.surface.value;
+			const bIsSuggested = b.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, b.surface)) === b.surface.value;
+			const aScore = score(a, substring) + (aIsSuggested ? 1e3 : 0);
+			const bScore = score(b, substring) + (bIsSuggested ? 1e3 : 0);
+			return (b.group?.priority ?? 0) + bScore - ((a.group?.priority ?? 0) + aScore);
+		});
+	}, [
+		options,
+		inputValue,
+		suggestions,
+		surface?.path
+	]);
 };
-
+//#endregion
 export { useCommandItems };

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,16 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BIGZHESl.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var cover = recipeRuntime({variants:{disabled:{false:['_1wj75tl','omrlcf'],true:{}},inset:{false:'_1ui532q',true:'lf18bf'}}});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/cover/Cover.css.ts.vanilla-I5OXsNpp.css";
+//#region src/cover/Cover.css.ts
+var cover = recipeRuntime({ variants: {
+	disabled: {
+		false: ["_64cher", "_1qkiror"],
+		true: {}
+	},
+	inset: {
+		false: "_12qzj0a",
+		true: "_1402kxm"
+	}
+} });
+//#endregion
 export { cover };

package/dist/esm/packages/react/src/cover/Cover.js

@@ -1,21 +1,24 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { cover } from './Cover-css.js';
-
-const Cover = forwardRef(
-  ({ className, disabled = false, inset = false, ...props }, ref) => /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      ...cover({ disabled, inset }, className),
-      ...props
-    }
-  )
-);
+import { Box } from "../box/Box.js";
+import { cover } from "./Cover-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/cover/Cover.tsx
+/**
+* Use `Cover` to to expand and fill up the whole area of the parent which has `position: relative` using the `::before` pseudo element.
+*
+* @since 1.4.0
+* @category container
+* @category layout
+*/
+const Cover = forwardRef(({ className, disabled = false, inset = false, ...props }, ref) => /* @__PURE__ */ jsx(Box, {
+	ref,
+	...cover({
+		disabled,
+		inset
+	}, className),
+	...props
+}));
 Cover.displayName = "@optiaxiom/react/Cover";
-
+//#endregion
 export { Cover };