moduix 0.10.0 → 0.11.1

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1,146 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Popover_module = require("./Popover.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let _base_ui_react_popover = require("@base-ui/react/popover");
+//#region src/components/Popover/Popover.tsx
+const POPOVER_CONTENT_SIDE_OFFSET = 8;
+const Popover = _base_ui_react_popover.Popover.Root;
+const createPopoverHandle = _base_ui_react_popover.Popover.createHandle;
+function PopoverTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_Popover_module.default.trigger);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function PopoverPortal({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Portal, {
+		"data-slot": "popover-portal",
+		className,
+		...props
+	});
+}
+function PopoverBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Backdrop, {
+		"data-slot": "popover-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.backdrop),
+		...props
+	});
+}
+function PopoverPositioner({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {
+		"data-slot": "popover-positioner",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.positioner),
+		...props
+	});
+}
+function PopoverPopup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Popup, {
+		"data-slot": "popover-popup",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.popup),
+		...props
+	});
+}
+function PopoverViewport({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Viewport, {
+		"data-slot": "popover-viewport",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.viewport),
+		...props
+	});
+}
+function PopoverArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Arrow, {
+		"data-slot": "popover-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Popover_module.default.arrowSvg })
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Title, {
+		"data-slot": "popover-title",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.title),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Description, {
+		"data-slot": "popover-description",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.description),
+		...props
+	});
+}
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "popover-header",
+		className: (0, clsx.clsx)(require_Popover_module.default.header, className),
+		...props
+	});
+}
+function PopoverBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "popover-body",
+		className: (0, clsx.clsx)(require_Popover_module.default.body, className),
+		...props
+	});
+}
+function PopoverFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "popover-footer",
+		className: (0, clsx.clsx)(require_Popover_module.default.footer, className),
+		...props
+	});
+}
+function PopoverClose({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Close, {
+		"data-slot": "popover-close",
+		className: require_mergeClassName.mergeClassName(className, require_Popover_module.default.close),
+		...props
+	});
+}
+function PopoverContent({ className, children, showArrow = false, side, sideOffset = POPOVER_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PopoverPopup, {
+			className,
+			...popupProps,
+			children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverArrow, {}) : null, children]
+		})
+	}) });
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
+		fillClassName: require_Popover_module.default.arrowFill,
+		outerStrokeClassName: require_Popover_module.default.arrowOuterStroke,
+		innerStrokeClassName: require_Popover_module.default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+exports.Popover = Popover;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverBackdrop = PopoverBackdrop;
+exports.PopoverBody = PopoverBody;
+exports.PopoverClose = PopoverClose;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverFooter = PopoverFooter;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverPopup = PopoverPopup;
+exports.PopoverPortal = PopoverPortal;
+exports.PopoverPositioner = PopoverPositioner;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;
+exports.PopoverViewport = PopoverViewport;
+exports.createPopoverHandle = createPopoverHandle;

package/dist/components/Popover/Popover.css

@@ -0,0 +1,200 @@
+@layer ui.components {
+  ._7iI68a_trigger, ._7iI68a_close {
+    box-sizing: border-box;
+    min-height: var(--popover-control-height, var(--size-lg));
+    padding: var(--popover-control-padding-y, .5rem) var(--popover-control-padding-x, .875rem);
+    border: var(--popover-control-border-width, var(--border-width-sm)) solid
+      var(--popover-control-border-color, var(--color-border));
+    border-radius: var(--popover-control-radius, var(--radius-md));
+    background-color: var(--popover-control-bg, var(--color-background));
+    color: var(--popover-control-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--popover-control-font-size, var(--text-md));
+    line-height: var(--popover-control-line-height, var(--line-height-text-md));
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--popover-transition, var(--transition-default)),
+      border-color var(--popover-transition, var(--transition-default)),
+      color var(--popover-transition, var(--transition-default));
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--popover-control-bg-hover, var(--color-accent));
+      }
+    }
+
+    &:active, &[data-popup-open] {
+      background-color: var(--popover-control-bg-active, var(--popover-control-bg-hover, var(--color-accent)));
+    }
+
+    &:focus-visible {
+      outline: var(--popover-focus-ring-width, var(--popover-control-border-width, var(--border-width-sm)))
+        solid var(--popover-focus-ring-color, var(--color-ring));
+      outline-offset: calc(var(--popover-focus-ring-width, var(--popover-control-border-width, var(--border-width-sm))) *
+          -1);
+    }
+
+    &[data-disabled], &[disabled] {
+      pointer-events: none;
+      opacity: var(--popover-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  ._7iI68a_backdrop {
+    z-index: var(--z-backdrop);
+    background-color: var(--popover-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
+    min-height: 100dvh;
+    backdrop-filter: var(--backdrop-filter, blur(var(--popover-backdrop-blur, 4px)));
+    transition: opacity var(--popover-backdrop-transition, var(--transition-default)),
+      backdrop-filter var(--popover-backdrop-transition, var(--transition-default));
+    position: fixed;
+    inset: 0;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      backdrop-filter: none;
+    }
+  }
+
+  ._7iI68a_positioner {
+    z-index: var(--z-popup);
+    width: var(--positioner-width);
+    height: var(--positioner-height);
+    max-width: var(--available-width);
+    outline: 0;
+  }
+
+  ._7iI68a_popup {
+    box-sizing: border-box;
+    width: var(--popup-width, var(--popover-width, auto));
+    height: var(--popup-height, var(--popover-height, auto));
+    min-width: min(var(--popover-min-width, 16rem), var(--available-width));
+    max-width: min(var(--popover-max-width, 28rem), var(--available-width));
+    max-height: min(var(--popover-max-height, 24rem), var(--available-height, 100dvh));
+    padding: var(--popover-padding-y, 1rem) var(--popover-padding-x, 1rem);
+    border-radius: var(--popover-radius, var(--radius-md));
+    background-color: var(--popover-bg, var(--color-popover));
+    color: var(--popover-color, var(--color-popover-foreground));
+    outline: var(--popover-border-width, var(--border-width-sm)) solid
+      var(--popover-border-color, var(--color-border));
+    box-shadow: var(--popover-shadow, var(--shadow-lg));
+    transform-origin: var(--transform-origin);
+    transition: transform var(--popover-transition, .15s),
+      opacity var(--popover-transition, .15s);
+    border: 0;
+    overflow: visible;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      transform: scale(var(--popover-scale, var(--scale-popup)));
+    }
+  }
+
+  ._7iI68a_viewport {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: clip;
+
+    & > [data-current], & > [data-previous] {
+      width: var(--popup-width, auto);
+      transition: translate var(--popover-viewport-transition, .22s),
+        opacity var(--popover-viewport-transition, .22s);
+    }
+
+    & > [data-current] {
+      opacity: 1;
+      translate: 0;
+    }
+
+    &[data-activation-direction~="left"] > [data-current][data-starting-style], &[data-activation-direction~="right"] > [data-previous][data-ending-style] {
+      opacity: 0;
+      translate: calc(var(--popover-viewport-offset, 1rem) * -1) 0;
+    }
+
+    &[data-activation-direction~="right"] > [data-current][data-starting-style], &[data-activation-direction~="left"] > [data-previous][data-ending-style] {
+      opacity: 0;
+      translate: var(--popover-viewport-offset, 1rem) 0;
+    }
+  }
+
+  ._7iI68a_arrow {
+    color: var(--popover-bg, var(--color-popover));
+    display: flex;
+
+    &[data-side="top"] {
+      bottom: calc(var(--popover-arrow-size, 8px) * -1);
+      rotate: 180deg;
+    }
+
+    &[data-side="bottom"] {
+      top: calc(var(--popover-arrow-size, 8px) * -1);
+    }
+
+    &[data-side="left"] {
+      right: calc(var(--popover-arrow-inline-offset, 13px) * -1);
+      rotate: 90deg;
+    }
+
+    &[data-side="right"] {
+      left: calc(var(--popover-arrow-inline-offset, 13px) * -1);
+      rotate: -90deg;
+    }
+  }
+
+  ._7iI68a_arrowSvg {
+    width: var(--popover-arrow-width, 1.25rem);
+    height: var(--popover-arrow-height, .625rem);
+    display: block;
+    overflow: visible;
+  }
+
+  ._7iI68a_arrowFill {
+    fill: currentColor;
+  }
+
+  ._7iI68a_arrowOuterStroke {
+    fill: var(--popover-arrow-stroke-color, var(--popover-border-color, var(--color-border)));
+  }
+
+  ._7iI68a_arrowInnerStroke {
+    fill: var(--popover-bg, var(--color-popover));
+  }
+
+  ._7iI68a_title {
+    color: var(--popover-title-color, var(--popover-color, var(--color-popover-foreground)));
+    font-size: var(--popover-title-font-size, var(--text-md));
+    font-weight: var(--popover-title-font-weight, var(--weight-semibold));
+    line-height: var(--popover-title-line-height, var(--line-height-text-md));
+    margin: 0;
+  }
+
+  ._7iI68a_description {
+    margin: var(--popover-description-margin, 0);
+    color: var(--popover-description-color, var(--color-muted-foreground));
+    font-size: var(--popover-description-font-size, var(--text-sm));
+    line-height: var(--popover-description-line-height, var(--line-height-text-sm));
+  }
+
+  ._7iI68a_header {
+    gap: var(--popover-header-gap, var(--spacing-1));
+    display: grid;
+  }
+
+  ._7iI68a_body {
+    margin: var(--popover-body-margin, 0);
+  }
+
+  ._7iI68a_footer {
+    align-items: center;
+    justify-content: var(--popover-footer-justify, flex-end);
+    gap: var(--popover-footer-gap, var(--spacing-2));
+    margin: var(--popover-footer-margin, var(--spacing-3) 0 0);
+    display: flex;
+  }
+}

package/dist/components/Popover/Popover.d.ts

@@ -1,23 +1,80 @@
-import { ComponentProps } from 'react';
-import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
-type PopoverPositionerProps = Pick<PopoverPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
-type PopoverContentProps = PopoverPrimitive.Popup.Props & PopoverPositionerProps & {
-    showArrow?: boolean;
+import { ComponentProps } from "react";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/components/Popover/Popover.d.ts
+type PopoverPositionerProps = Pick<Popover.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
+type PopoverContentProps = Popover.Popup.Props & PopoverPositionerProps & {
+  showArrow?: boolean;
 };
-declare const Popover: typeof PopoverPrimitive.Root;
-declare const createPopoverHandle: typeof PopoverPrimitive.createHandle;
-declare function PopoverTrigger({ className, render, ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverPortal({ className, ...props }: PopoverPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverBackdrop({ className, ...props }: PopoverPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverPopup({ className, ...props }: PopoverPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverViewport({ className, ...props }: PopoverPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverArrow({ className, children, ...props }: PopoverPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverBody({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverClose({ className, ...props }: PopoverPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
-export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, };
+declare const Popover$1: typeof Popover.Root;
+declare const createPopoverHandle: typeof Popover.createHandle;
+declare function PopoverTrigger({
+  className,
+  render,
+  ...props
+}: Popover.Trigger.Props): import("react").JSX.Element;
+declare function PopoverPortal({
+  className,
+  ...props
+}: Popover.Portal.Props): import("react").JSX.Element;
+declare function PopoverBackdrop({
+  className,
+  ...props
+}: Popover.Backdrop.Props): import("react").JSX.Element;
+declare function PopoverPositioner({
+  className,
+  ...props
+}: Popover.Positioner.Props): import("react").JSX.Element;
+declare function PopoverPopup({
+  className,
+  ...props
+}: Popover.Popup.Props): import("react").JSX.Element;
+declare function PopoverViewport({
+  className,
+  ...props
+}: Popover.Viewport.Props): import("react").JSX.Element;
+declare function PopoverArrow({
+  className,
+  children,
+  ...props
+}: Popover.Arrow.Props): import("react").JSX.Element;
+declare function PopoverTitle({
+  className,
+  ...props
+}: Popover.Title.Props): import("react").JSX.Element;
+declare function PopoverDescription({
+  className,
+  ...props
+}: Popover.Description.Props): import("react").JSX.Element;
+declare function PopoverHeader({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function PopoverBody({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function PopoverFooter({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function PopoverClose({
+  className,
+  ...props
+}: Popover.Close.Props): import("react").JSX.Element;
+declare function PopoverContent({
+  className,
+  children,
+  showArrow,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  ...popupProps
+}: PopoverContentProps): import("react").JSX.Element;
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverBackdrop, PopoverBody, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, PopoverViewport, createPopoverHandle };

package/dist/components/Popover/Popover.js

@@ -0,0 +1,131 @@
+import { PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Popover_module_default from "./Popover.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/Popover/Popover.tsx
+const POPOVER_CONTENT_SIDE_OFFSET = 8;
+const Popover$1 = Popover.Root;
+const createPopoverHandle = Popover.createHandle;
+function PopoverTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : mergeClassName(className, Popover_module_default.trigger);
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function PopoverPortal({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		"data-slot": "popover-portal",
+		className,
+		...props
+	});
+}
+function PopoverBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Backdrop, {
+		"data-slot": "popover-backdrop",
+		className: mergeClassName(className, Popover_module_default.backdrop),
+		...props
+	});
+}
+function PopoverPositioner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		"data-slot": "popover-positioner",
+		className: mergeClassName(className, Popover_module_default.positioner),
+		...props
+	});
+}
+function PopoverPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		"data-slot": "popover-popup",
+		className: mergeClassName(className, Popover_module_default.popup),
+		...props
+	});
+}
+function PopoverViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		"data-slot": "popover-viewport",
+		className: mergeClassName(className, Popover_module_default.viewport),
+		...props
+	});
+}
+function PopoverArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		"data-slot": "popover-arrow",
+		className: mergeClassName(className, Popover_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Popover_module_default.arrowSvg })
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-slot": "popover-title",
+		className: mergeClassName(className, Popover_module_default.title),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		"data-slot": "popover-description",
+		className: mergeClassName(className, Popover_module_default.description),
+		...props
+	});
+}
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: clsx(Popover_module_default.header, className),
+		...props
+	});
+}
+function PopoverBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-body",
+		className: clsx(Popover_module_default.body, className),
+		...props
+	});
+}
+function PopoverFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-footer",
+		className: clsx(Popover_module_default.footer, className),
+		...props
+	});
+}
+function PopoverClose({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		"data-slot": "popover-close",
+		className: mergeClassName(className, Popover_module_default.close),
+		...props
+	});
+}
+function PopoverContent({ className, children, showArrow = false, side, sideOffset = POPOVER_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
+	return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(PopoverPopup, {
+			className,
+			...popupProps,
+			children: [showArrow ? /* @__PURE__ */ jsx(PopoverArrow, {}) : null, children]
+		})
+	}) });
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Popover_module_default.arrowFill,
+		outerStrokeClassName: Popover_module_default.arrowOuterStroke,
+		innerStrokeClassName: Popover_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverBackdrop, PopoverBody, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, PopoverViewport, createPopoverHandle };

package/dist/components/Popover/Popover.module.cjs

@@ -0,0 +1,22 @@
+import './Popover.css';
+//#region src/components/Popover/Popover.module.css
+var Popover_module_default = {
+	"arrow": "_7iI68a_arrow",
+	"arrowFill": "_7iI68a_arrowFill",
+	"arrowInnerStroke": "_7iI68a_arrowInnerStroke",
+	"arrowOuterStroke": "_7iI68a_arrowOuterStroke",
+	"arrowSvg": "_7iI68a_arrowSvg",
+	"backdrop": "_7iI68a_backdrop",
+	"body": "_7iI68a_body",
+	"close": "_7iI68a_close",
+	"description": "_7iI68a_description",
+	"footer": "_7iI68a_footer",
+	"header": "_7iI68a_header",
+	"popup": "_7iI68a_popup",
+	"positioner": "_7iI68a_positioner",
+	"title": "_7iI68a_title",
+	"trigger": "_7iI68a_trigger",
+	"viewport": "_7iI68a_viewport"
+};
+//#endregion
+exports.default = Popover_module_default;

package/dist/components/Popover/Popover.module.js

@@ -0,0 +1,22 @@
+import './Popover.css';
+//#region src/components/Popover/Popover.module.css
+var Popover_module_default = {
+	"arrow": "_7iI68a_arrow",
+	"arrowFill": "_7iI68a_arrowFill",
+	"arrowInnerStroke": "_7iI68a_arrowInnerStroke",
+	"arrowOuterStroke": "_7iI68a_arrowOuterStroke",
+	"arrowSvg": "_7iI68a_arrowSvg",
+	"backdrop": "_7iI68a_backdrop",
+	"body": "_7iI68a_body",
+	"close": "_7iI68a_close",
+	"description": "_7iI68a_description",
+	"footer": "_7iI68a_footer",
+	"header": "_7iI68a_header",
+	"popup": "_7iI68a_popup",
+	"positioner": "_7iI68a_positioner",
+	"title": "_7iI68a_title",
+	"trigger": "_7iI68a_trigger",
+	"viewport": "_7iI68a_viewport"
+};
+//#endregion
+export { Popover_module_default as default };

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

@@ -1 +1 @@
-export { Popover, createPopoverHandle, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverViewport, PopoverArrow, PopoverTitle, PopoverDescription, PopoverHeader, PopoverBody, PopoverFooter, PopoverClose, PopoverContent, } from './Popover';
+import { Popover, PopoverArrow, PopoverBackdrop, PopoverBody, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, PopoverViewport, createPopoverHandle } from "./Popover.js";