moduix 0.10.0 → 0.11.1

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,39 +1,134 @@
-import { ComponentProps } from 'react';
-import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
-type ContextMenuPositionerProps = Pick<ContextMenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
-type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & ContextMenuPositionerProps & {
-    showArrow?: boolean;
+import { ComponentProps } from "react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region src/components/ContextMenu/ContextMenu.d.ts
+type ContextMenuPositionerProps = Pick<ContextMenu.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
+type ContextMenuContentProps = ContextMenu.Popup.Props & ContextMenuPositionerProps & {
+  showArrow?: boolean;
 };
-declare const ContextMenu: typeof ContextMenuPrimitive.Root;
-declare const ContextMenuSubmenu: typeof ContextMenuPrimitive.SubmenuRoot;
-type IndicatorPosition = 'start' | 'end';
-declare function ContextMenuTrigger({ className, render, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPortal(props: ContextMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuBackdrop({ className, ...props }: ContextMenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPositioner({ className, ...props }: ContextMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPopup({ className, ...props }: ContextMenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuArrow({ className, children, ...props }: ContextMenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuContent({ className, showArrow, children, sideOffset, side, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSubmenuContent({ sideOffset, alignOffset, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuItem({ className, ...props }: ContextMenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuLinkItem({ className, ...props }: ContextMenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuGroup({ className, ...props }: ContextMenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuGroupLabel({ className, ...props }: ContextMenuPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSubmenuTrigger({ className, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSubmenuTriggerIcon({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuRadioGroup({ className, ...props }: ContextMenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuRadioItem({ className, indicator, ...props }: ContextMenuPrimitive.RadioItem.Props & {
-    indicator?: IndicatorPosition;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuRadioItemIndicator({ className, children, ...props }: ContextMenuPrimitive.RadioItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuCheckboxItem({ className, indicator, ...props }: ContextMenuPrimitive.CheckboxItem.Props & {
-    indicator?: IndicatorPosition;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuCheckboxItemIndicator({ className, children, ...props }: ContextMenuPrimitive.CheckboxItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuItemText({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuItemShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, };
+declare const ContextMenu$1: typeof ContextMenu.Root;
+declare const ContextMenuSubmenu: typeof ContextMenu.SubmenuRoot;
+type ContextMenuIndicatorPosition = 'start' | 'end';
+type ContextMenuRadioItemProps = ContextMenu.RadioItem.Props & {
+  indicator?: ContextMenuIndicatorPosition;
+};
+type ContextMenuCheckboxItemProps = ContextMenu.CheckboxItem.Props & {
+  indicator?: ContextMenuIndicatorPosition;
+};
+declare function ContextMenuTrigger({
+  className,
+  render,
+  ...props
+}: ContextMenu.Trigger.Props): import("react").JSX.Element;
+declare function ContextMenuPortal(props: ContextMenu.Portal.Props): import("react").JSX.Element;
+declare function ContextMenuBackdrop({
+  className,
+  ...props
+}: ContextMenu.Backdrop.Props): import("react").JSX.Element;
+declare function ContextMenuPositioner({
+  className,
+  ...props
+}: ContextMenu.Positioner.Props): import("react").JSX.Element;
+declare function ContextMenuPopup({
+  className,
+  ...props
+}: ContextMenu.Popup.Props): import("react").JSX.Element;
+declare function ContextMenuArrow({
+  className,
+  children,
+  ...props
+}: ContextMenu.Arrow.Props): import("react").JSX.Element;
+declare function ContextMenuContent({
+  className,
+  showArrow,
+  children,
+  sideOffset,
+  side,
+  align,
+  alignOffset,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  ...props
+}: ContextMenuContentProps): import("react").JSX.Element;
+declare function ContextMenuSubmenuContent({
+  sideOffset,
+  alignOffset,
+  ...props
+}: ContextMenuContentProps): import("react").JSX.Element;
+declare function ContextMenuItem({
+  className,
+  ...props
+}: ContextMenu.Item.Props): import("react").JSX.Element;
+declare function ContextMenuLinkItem({
+  className,
+  ...props
+}: ContextMenu.LinkItem.Props): import("react").JSX.Element;
+declare function ContextMenuSeparator({
+  className,
+  ...props
+}: ContextMenu.Separator.Props): import("react").JSX.Element;
+declare function ContextMenuGroup({
+  className,
+  ...props
+}: ContextMenu.Group.Props): import("react").JSX.Element;
+declare function ContextMenuGroupLabel({
+  className,
+  ...props
+}: ContextMenu.GroupLabel.Props): import("react").JSX.Element;
+declare function ContextMenuSubmenuTrigger({
+  className,
+  ...props
+}: ContextMenu.SubmenuTrigger.Props): import("react").JSX.Element;
+declare function ContextMenuSubmenuTriggerIcon({
+  className,
+  children,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function ContextMenuRadioGroup({
+  className,
+  ...props
+}: ContextMenu.RadioGroup.Props): import("react").JSX.Element;
+declare function ContextMenuRadioItem({
+  className,
+  indicator,
+  ...props
+}: ContextMenuRadioItemProps): import("react").JSX.Element;
+declare function ContextMenuRadioItemIndicator({
+  className,
+  children,
+  ...props
+}: ContextMenu.RadioItemIndicator.Props): import("react").JSX.Element;
+declare function ContextMenuCheckboxItem({
+  className,
+  indicator,
+  ...props
+}: ContextMenuCheckboxItemProps): import("react").JSX.Element;
+declare function ContextMenuCheckboxItemIndicator({
+  className,
+  children,
+  ...props
+}: ContextMenu.CheckboxItemIndicator.Props): import("react").JSX.Element;
+declare function ContextMenuItemText({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function ContextMenuItemTextContent({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function ContextMenuItemTextIcon({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function ContextMenuItemTextLabel({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function ContextMenuItemShortcut({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+//#endregion
+export { ContextMenu$1 as ContextMenu, ContextMenuArrow, ContextMenuBackdrop, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuIndicatorPosition, ContextMenuItem, ContextMenuItemShortcut, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuLinkItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuPositionerProps, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuSubmenu, ContextMenuSubmenuContent, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuTrigger };

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,215 @@
+import { CheckIcon, ChevronRightIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import ContextMenu_module_default from "./ContextMenu.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { ContextMenu } from "@base-ui/react/context-menu";
+//#region src/components/ContextMenu/ContextMenu.tsx
+const CONTEXT_MENU_CONTENT_SIDE_OFFSET = 8;
+const ContextMenu$1 = ContextMenu.Root;
+const ContextMenuSubmenu = ContextMenu.SubmenuRoot;
+function ContextMenuTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : mergeClassName(className, ContextMenu_module_default.trigger);
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		"data-slot": "context-menu-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function ContextMenuPortal(props) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, {
+		"data-slot": "context-menu-portal",
+		...props
+	});
+}
+function ContextMenuBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Backdrop, {
+		"data-slot": "context-menu-backdrop",
+		className: mergeClassName(className, ContextMenu_module_default.backdrop),
+		...props
+	});
+}
+function ContextMenuPositioner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		"data-slot": "context-menu-positioner",
+		className: mergeClassName(className, ContextMenu_module_default.positioner),
+		...props
+	});
+}
+function ContextMenuPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Popup, {
+		"data-slot": "context-menu-popup",
+		className: mergeClassName(className, ContextMenu_module_default.popup),
+		...props
+	});
+}
+function ContextMenuArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Arrow, {
+		"data-slot": "context-menu-arrow",
+		className: mergeClassName(className, ContextMenu_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, {})
+	});
+}
+function ContextMenuContent({ className, showArrow = false, children, sideOffset = CONTEXT_MENU_CONTENT_SIDE_OFFSET, side, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuPortal, { children: /* @__PURE__ */ jsx(ContextMenuPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(ContextMenuPopup, {
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ jsx(ContextMenuArrow, {}) : null, children]
+		})
+	}) });
+}
+function ContextMenuSubmenuContent({ sideOffset = getSubmenuOffset, alignOffset = getSubmenuOffset, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		sideOffset,
+		alignOffset,
+		...props
+	});
+}
+function ContextMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		"data-slot": "context-menu-item",
+		className: mergeClassName(className, ContextMenu_module_default.item),
+		...props
+	});
+}
+function ContextMenuLinkItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.LinkItem, {
+		"data-slot": "context-menu-link-item",
+		className: mergeClassName(className, ContextMenu_module_default.linkItem),
+		...props
+	});
+}
+function ContextMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		"data-slot": "context-menu-separator",
+		className: mergeClassName(className, ContextMenu_module_default.separator),
+		...props
+	});
+}
+function ContextMenuGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Group, {
+		"data-slot": "context-menu-group",
+		className: mergeClassName(className, ContextMenu_module_default.group),
+		...props
+	});
+}
+function ContextMenuGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+		"data-slot": "context-menu-group-label",
+		className: mergeClassName(className, ContextMenu_module_default.groupLabel),
+		...props
+	});
+}
+function ContextMenuSubmenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
+		"data-slot": "context-menu-submenu-trigger",
+		className: mergeClassName(className, ContextMenu_module_default.submenuTrigger),
+		...props
+	});
+}
+function ContextMenuSubmenuTriggerIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-submenu-trigger-icon",
+		className: clsx(ContextMenu_module_default.submenuTriggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: ContextMenu_module_default.iconSvg })
+	});
+}
+function ContextMenuRadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		className: mergeClassName(className, ContextMenu_module_default.radioGroup),
+		...props
+	});
+}
+function ContextMenuRadioItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioItem, {
+		"data-slot": "context-menu-radio-item",
+		"data-indicator-position": indicator,
+		className: mergeClassName(className, ContextMenu_module_default.radioItem),
+		...props
+	});
+}
+function ContextMenuRadioItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, {
+		"data-slot": "context-menu-radio-item-indicator",
+		className: mergeClassName(className, ContextMenu_module_default.radioItemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, { className: ContextMenu_module_default.itemIndicatorIcon })
+	});
+}
+function ContextMenuCheckboxItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.CheckboxItem, {
+		"data-slot": "context-menu-checkbox-item",
+		"data-indicator-position": indicator,
+		className: mergeClassName(className, ContextMenu_module_default.checkboxItem),
+		...props
+	});
+}
+function ContextMenuCheckboxItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, {
+		"data-slot": "context-menu-checkbox-item-indicator",
+		className: mergeClassName(className, ContextMenu_module_default.checkboxItemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, { className: ContextMenu_module_default.itemIndicatorIcon })
+	});
+}
+function ContextMenuItemText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-item-text",
+		className: clsx(ContextMenu_module_default.itemText, className),
+		...props
+	});
+}
+function ContextMenuItemTextContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-item-text-content",
+		className: clsx(ContextMenu_module_default.itemTextContent, className),
+		...props
+	});
+}
+function ContextMenuItemTextIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-item-text-icon",
+		className: clsx(ContextMenu_module_default.itemTextIcon, className),
+		...props
+	});
+}
+function ContextMenuItemTextLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-item-text-label",
+		className: clsx(ContextMenu_module_default.itemTextLabel, className),
+		...props
+	});
+}
+function ContextMenuItemShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-item-shortcut",
+		className: clsx(ContextMenu_module_default.itemShortcut, className),
+		...props
+	});
+}
+function getSubmenuOffset({ side }) {
+	return side === "top" || side === "bottom" ? 4 : -4;
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: ContextMenu_module_default.arrowFill,
+		outerStrokeClassName: ContextMenu_module_default.arrowOuterStroke,
+		innerStrokeClassName: ContextMenu_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { ContextMenu$1 as ContextMenu, ContextMenuArrow, ContextMenuBackdrop, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuItemShortcut, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuLinkItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuSubmenu, ContextMenuSubmenuContent, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuTrigger };

package/dist/components/ContextMenu/ContextMenu.module.cjs

@@ -0,0 +1,33 @@
+import './ContextMenu.css';
+//#region src/components/ContextMenu/ContextMenu.module.css
+var ContextMenu_module_default = {
+	"arrow": "_di0eq_arrow",
+	"arrowFill": "_di0eq_arrowFill",
+	"arrowInnerStroke": "_di0eq_arrowInnerStroke",
+	"arrowOuterStroke": "_di0eq_arrowOuterStroke",
+	"backdrop": "_di0eq_backdrop",
+	"checkboxItem": "_di0eq_checkboxItem",
+	"checkboxItemIndicator": "_di0eq_checkboxItemIndicator",
+	"group": "_di0eq_group",
+	"groupLabel": "_di0eq_groupLabel",
+	"iconSvg": "_di0eq_iconSvg",
+	"item": "_di0eq_item",
+	"itemIndicatorIcon": "_di0eq_itemIndicatorIcon",
+	"itemShortcut": "_di0eq_itemShortcut",
+	"itemText": "_di0eq_itemText",
+	"itemTextContent": "_di0eq_itemTextContent",
+	"itemTextIcon": "_di0eq_itemTextIcon",
+	"itemTextLabel": "_di0eq_itemTextLabel",
+	"linkItem": "_di0eq_linkItem",
+	"popup": "_di0eq_popup",
+	"positioner": "_di0eq_positioner",
+	"radioGroup": "_di0eq_radioGroup",
+	"radioItem": "_di0eq_radioItem",
+	"radioItemIndicator": "_di0eq_radioItemIndicator",
+	"separator": "_di0eq_separator",
+	"submenuTrigger": "_di0eq_submenuTrigger",
+	"submenuTriggerIcon": "_di0eq_submenuTriggerIcon",
+	"trigger": "_di0eq_trigger"
+};
+//#endregion
+exports.default = ContextMenu_module_default;

package/dist/components/ContextMenu/ContextMenu.module.js

@@ -0,0 +1,33 @@
+import './ContextMenu.css';
+//#region src/components/ContextMenu/ContextMenu.module.css
+var ContextMenu_module_default = {
+	"arrow": "_di0eq_arrow",
+	"arrowFill": "_di0eq_arrowFill",
+	"arrowInnerStroke": "_di0eq_arrowInnerStroke",
+	"arrowOuterStroke": "_di0eq_arrowOuterStroke",
+	"backdrop": "_di0eq_backdrop",
+	"checkboxItem": "_di0eq_checkboxItem",
+	"checkboxItemIndicator": "_di0eq_checkboxItemIndicator",
+	"group": "_di0eq_group",
+	"groupLabel": "_di0eq_groupLabel",
+	"iconSvg": "_di0eq_iconSvg",
+	"item": "_di0eq_item",
+	"itemIndicatorIcon": "_di0eq_itemIndicatorIcon",
+	"itemShortcut": "_di0eq_itemShortcut",
+	"itemText": "_di0eq_itemText",
+	"itemTextContent": "_di0eq_itemTextContent",
+	"itemTextIcon": "_di0eq_itemTextIcon",
+	"itemTextLabel": "_di0eq_itemTextLabel",
+	"linkItem": "_di0eq_linkItem",
+	"popup": "_di0eq_popup",
+	"positioner": "_di0eq_positioner",
+	"radioGroup": "_di0eq_radioGroup",
+	"radioItem": "_di0eq_radioItem",
+	"radioItemIndicator": "_di0eq_radioItemIndicator",
+	"separator": "_di0eq_separator",
+	"submenuTrigger": "_di0eq_submenuTrigger",
+	"submenuTriggerIcon": "_di0eq_submenuTriggerIcon",
+	"trigger": "_di0eq_trigger"
+};
+//#endregion
+export { ContextMenu_module_default as default };

package/dist/components/ContextMenu/index.d.ts

@@ -1 +1 @@
-export { ContextMenu, ContextMenuSubmenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuArrow, ContextMenuContent, ContextMenuSubmenuContent, ContextMenuItem, ContextMenuLinkItem, ContextMenuSeparator, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuItemShortcut, } from './ContextMenu';
+import { ContextMenu, ContextMenuArrow, ContextMenuBackdrop, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuContentProps, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuIndicatorPosition, ContextMenuItem, ContextMenuItemShortcut, ContextMenuItemText, ContextMenuItemTextContent, ContextMenuItemTextIcon, ContextMenuItemTextLabel, ContextMenuLinkItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuPositionerProps, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuSubmenu, ContextMenuSubmenuContent, ContextMenuSubmenuTrigger, ContextMenuSubmenuTriggerIcon, ContextMenuTrigger } from "./ContextMenu.js";

package/dist/components/CopyButton/CopyButton.cjs

@@ -0,0 +1,66 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_Button = require("../Button/Button.cjs");
+const require_CopyButton_module = require("./CopyButton.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+//#region src/components/CopyButton/CopyButton.tsx
+const DEFAULT_COPIED_DURATION = 2e3;
+const DEFAULT_COPY_LABELS = {
+	copy: "Copy",
+	copied: "Copied"
+};
+const CopyButton = (0, react.forwardRef)(function CopyButton({ children, copiedDuration = DEFAULT_COPIED_DURATION, copyLabels = DEFAULT_COPY_LABELS, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled, onClick, onCopy, onCopyError, size, type = "button", value, ...props }, ref) {
+	const [copied, setCopied] = (0, react.useState)(false);
+	const [announcement, setAnnouncement] = (0, react.useState)("");
+	const copiedTimeoutRef = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		return () => {
+			if (copiedTimeoutRef.current) clearTimeout(copiedTimeoutRef.current);
+		};
+	}, []);
+	const handleCopy = async () => {
+		try {
+			if (!navigator.clipboard) throw new Error("Clipboard API is not available in this environment.");
+			await navigator.clipboard.writeText(value);
+			if (copiedTimeoutRef.current) clearTimeout(copiedTimeoutRef.current);
+			setCopied(true);
+			setAnnouncement(copyLabels.copied);
+			onCopy?.(value);
+			copiedTimeoutRef.current = setTimeout(() => {
+				setCopied(false);
+				setAnnouncement("");
+			}, copiedDuration);
+		} catch (error) {
+			onCopyError?.(error);
+			if (!onCopyError) queueMicrotask(() => {
+				throw error;
+			});
+		}
+	};
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled) return;
+		handleCopy();
+	};
+	const renderedChildren = copied && (typeof children === "string" || typeof children === "number") ? copyLabels.copied : children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		ref,
+		"aria-label": ariaLabel ?? (children == null && ariaLabelledBy == null ? copied ? copyLabels.copied : copyLabels.copy : void 0),
+		"aria-labelledby": ariaLabelledBy,
+		"data-copied": copied ? "" : void 0,
+		"data-slot": "copy-button",
+		disabled,
+		onClick: handleClick,
+		size: size ?? (children == null ? "icon-md" : "md"),
+		type,
+		...props,
+		children: renderedChildren ?? (copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CopyIcon, {}))
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		className: require_CopyButton_module.default.announcer,
+		children: announcement
+	})] });
+});
+//#endregion
+exports.CopyButton = CopyButton;

package/dist/components/CopyButton/CopyButton.css

@@ -0,0 +1,14 @@
+@layer ui.components {
+  .-gYQUq_announcer {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+}

package/dist/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps } from "../Button/Button.js";
+//#region src/components/CopyButton/CopyButton.d.ts
+type CopyButtonProps = Omit<ButtonProps, 'onClick'> & {
+  copiedDuration?: number;
+  copyLabels?: {
+    copy: string;
+    copied: string;
+  };
+  onClick?: ButtonProps['onClick'];
+  onCopy?: (value: string) => void;
+  onCopyError?: (error: unknown) => void;
+  value: string;
+};
+declare const CopyButton: import("react").ForwardRefExoticComponent<Omit<CopyButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { CopyButton, type CopyButtonProps };

package/dist/components/CopyButton/CopyButton.js

@@ -0,0 +1,66 @@
+import { CheckIcon, CopyIcon } from "../../icons/ui/Icons.js";
+import { Button } from "../Button/Button.js";
+import CopyButton_module_default from "./CopyButton.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState } from "react";
+//#region src/components/CopyButton/CopyButton.tsx
+const DEFAULT_COPIED_DURATION = 2e3;
+const DEFAULT_COPY_LABELS = {
+	copy: "Copy",
+	copied: "Copied"
+};
+const CopyButton = forwardRef(function CopyButton({ children, copiedDuration = DEFAULT_COPIED_DURATION, copyLabels = DEFAULT_COPY_LABELS, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, disabled, onClick, onCopy, onCopyError, size, type = "button", value, ...props }, ref) {
+	const [copied, setCopied] = useState(false);
+	const [announcement, setAnnouncement] = useState("");
+	const copiedTimeoutRef = useRef(void 0);
+	useEffect(() => {
+		return () => {
+			if (copiedTimeoutRef.current) clearTimeout(copiedTimeoutRef.current);
+		};
+	}, []);
+	const handleCopy = async () => {
+		try {
+			if (!navigator.clipboard) throw new Error("Clipboard API is not available in this environment.");
+			await navigator.clipboard.writeText(value);
+			if (copiedTimeoutRef.current) clearTimeout(copiedTimeoutRef.current);
+			setCopied(true);
+			setAnnouncement(copyLabels.copied);
+			onCopy?.(value);
+			copiedTimeoutRef.current = setTimeout(() => {
+				setCopied(false);
+				setAnnouncement("");
+			}, copiedDuration);
+		} catch (error) {
+			onCopyError?.(error);
+			if (!onCopyError) queueMicrotask(() => {
+				throw error;
+			});
+		}
+	};
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled) return;
+		handleCopy();
+	};
+	const renderedChildren = copied && (typeof children === "string" || typeof children === "number") ? copyLabels.copied : children;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+		ref,
+		"aria-label": ariaLabel ?? (children == null && ariaLabelledBy == null ? copied ? copyLabels.copied : copyLabels.copy : void 0),
+		"aria-labelledby": ariaLabelledBy,
+		"data-copied": copied ? "" : void 0,
+		"data-slot": "copy-button",
+		disabled,
+		onClick: handleClick,
+		size: size ?? (children == null ? "icon-md" : "md"),
+		type,
+		...props,
+		children: renderedChildren ?? (copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}))
+	}), /* @__PURE__ */ jsx("span", {
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		className: CopyButton_module_default.announcer,
+		children: announcement
+	})] });
+});
+//#endregion
+export { CopyButton };

package/dist/components/CopyButton/CopyButton.module.cjs

@@ -0,0 +1,5 @@
+import './CopyButton.css';
+//#region src/components/CopyButton/CopyButton.module.css
+var CopyButton_module_default = { "announcer": "-gYQUq_announcer" };
+//#endregion
+exports.default = CopyButton_module_default;

package/dist/components/CopyButton/CopyButton.module.js

@@ -0,0 +1,5 @@
+import './CopyButton.css';
+//#region src/components/CopyButton/CopyButton.module.css
+var CopyButton_module_default = { "announcer": "-gYQUq_announcer" };
+//#endregion
+export { CopyButton_module_default as default };

package/dist/components/CopyButton/index.d.ts

@@ -0,0 +1 @@
+import { CopyButton, CopyButtonProps } from "./CopyButton.js";