@moduix/react 2.1.0 → 2.2.4

package/dist/components/popover/Popover.js

@@ -1,167 +1,173 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import Popover_module_default from "./Popover.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Popover, usePopover, usePopoverContext } from "@ark-ui/react/popover";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Popover, usePopover } from "@ark-ui/react/popover";
-//#region src/components/popover/Popover.tsx
-const DEFAULT_CLOSE_BUTTON_LABEL = "Close popover";
-function PopoverRoot({ portalled, portalRef, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Popover.Root, {
-			portalled,
-			...props
-		})
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import Popover_module from "./Popover.module.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close popover';
+function PopoverRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Popover.Root, {
+            portalled: portalled,
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-function PopoverRootProvider({ portalled, portalRef, value, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled: portalled ?? value.portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Popover.RootProvider, {
-			value,
-			...props
-		})
-	});
+function PopoverRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, value, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled ?? value.portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Popover.RootProvider, {
+            value: value,
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-const PopoverAnchor = forwardRef(function PopoverAnchor({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Anchor, {
-		ref,
-		"data-slot": "popover-anchor",
-		className: normalizeClassName(className),
-		...props
-	});
+const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Anchor, {
+        ref: ref,
+        "data-slot": "popover-anchor",
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const PopoverTrigger = forwardRef(function PopoverTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Trigger, {
-		ref,
-		"data-slot": "popover-trigger",
-		asChild,
-		className: clsx(!asChild && Popover_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Trigger, {
+        ref: ref,
+        "data-slot": "popover-trigger",
+        asChild: asChild,
+        className: clsx(!asChild && Popover_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const PopoverIndicator = forwardRef(function PopoverIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Indicator, {
-		ref,
-		"data-slot": "popover-indicator",
-		className: normalizeClassName(className),
-		...props
-	});
+const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Indicator, {
+        ref: ref,
+        "data-slot": "popover-indicator",
+        className: normalizeClassName(className),
+        ...props
+    });
 });
-const PopoverPositioner = forwardRef(function PopoverPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
-		ref,
-		"data-slot": "popover-positioner",
-		className: clsx(Popover_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Popover.Positioner, {
+            ref: ref,
+            "data-slot": "popover-positioner",
+            className: clsx(Popover_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const PopoverContent = forwardRef(function PopoverContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Content, {
-		ref,
-		"data-slot": "popover-content",
-		className: clsx(Popover_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Content, {
+        ref: ref,
+        "data-slot": "popover-content",
+        className: clsx(Popover_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const PopoverArrow = forwardRef(function PopoverArrow({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Arrow, {
-		ref,
-		"data-slot": "popover-arrow",
-		className: clsx(Popover_module_default.arrow, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(PopoverArrowTip, {})
-	});
+const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Arrow, {
+        ref: ref,
+        "data-slot": "popover-arrow",
+        className: clsx(Popover_module.arrow, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
+    });
 });
-const PopoverArrowTip = forwardRef(function PopoverArrowTip({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.ArrowTip, {
-		ref,
-		"data-slot": "popover-arrow-tip",
-		className: clsx(Popover_module_default.arrowTip, normalizeClassName(className)),
-		...props
-	});
+const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.ArrowTip, {
+        ref: ref,
+        "data-slot": "popover-arrow-tip",
+        className: clsx(Popover_module.arrowTip, normalizeClassName(className)),
+        ...props
+    });
 });
-const PopoverTitle = forwardRef(function PopoverTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Title, {
-		ref,
-		"data-slot": "popover-title",
-		className: clsx(Popover_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Title, {
+        ref: ref,
+        "data-slot": "popover-title",
+        className: clsx(Popover_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const PopoverDescription = forwardRef(function PopoverDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.Description, {
-		ref,
-		"data-slot": "popover-description",
-		className: clsx(Popover_module_default.description, normalizeClassName(className)),
-		...props
-	});
+const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Description, {
+        ref: ref,
+        "data-slot": "popover-description",
+        className: clsx(Popover_module.description, normalizeClassName(className)),
+        ...props
+    });
 });
-const PopoverCloseTrigger = forwardRef(function PopoverCloseTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.CloseTrigger, {
-		ref,
-		"data-slot": "popover-close-trigger",
-		asChild,
-		className: clsx(!asChild && Popover_module_default.closeTrigger, normalizeClassName(className)),
-		...props
-	});
+const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
+        ref: ref,
+        "data-slot": "popover-close-trigger",
+        asChild: asChild,
+        className: clsx(!asChild && Popover_module.closeTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const PopoverCloseIcon = forwardRef(function PopoverCloseIcon({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Popover.CloseTrigger, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			ref,
-			"data-slot": "popover-close-icon",
-			"aria-label": ariaLabel,
-			className: clsx(Popover_module_default.closeIcon, normalizeClassName(className)),
-			children
-		})
-	});
+const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "popover-close-icon",
+            "aria-label": ariaLabel,
+            className: clsx(Popover_module.closeIcon, normalizeClassName(className)),
+            children: children
+        })
+    });
 });
 function PopoverHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-header",
-		className: clsx(Popover_module_default.header, className),
-		...props
-	});
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "popover-header",
+        className: clsx(Popover_module.header, className),
+        ...props
+    });
 }
 function PopoverBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-body",
-		className: clsx(Popover_module_default.body, className),
-		...props
-	});
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "popover-body",
+        className: clsx(Popover_module.body, className),
+        ...props
+    });
 }
 function PopoverFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-footer",
-		className: clsx(Popover_module_default.footer, className),
-		...props
-	});
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "popover-footer",
+        className: clsx(Popover_module.footer, className),
+        ...props
+    });
 }
-const Popover$1 = Object.assign(PopoverRoot, {
-	Root: PopoverRoot,
-	RootProvider: PopoverRootProvider,
-	Anchor: PopoverAnchor,
-	Trigger: PopoverTrigger,
-	Indicator: PopoverIndicator,
-	Positioner: PopoverPositioner,
-	Content: PopoverContent,
-	Arrow: PopoverArrow,
-	ArrowTip: PopoverArrowTip,
-	Title: PopoverTitle,
-	Description: PopoverDescription,
-	CloseTrigger: PopoverCloseTrigger,
-	CloseIcon: PopoverCloseIcon,
-	Header: PopoverHeader,
-	Body: PopoverBody,
-	Footer: PopoverFooter
+const Popover_Popover = Object.assign(PopoverRoot, {
+    Root: PopoverRoot,
+    RootProvider: PopoverRootProvider,
+    Context: Popover.Context,
+    Anchor: Popover_PopoverAnchor,
+    Trigger: Popover_PopoverTrigger,
+    Indicator: Popover_PopoverIndicator,
+    Positioner: Popover_PopoverPositioner,
+    Content: Popover_PopoverContent,
+    Arrow: Popover_PopoverArrow,
+    ArrowTip: Popover_PopoverArrowTip,
+    Title: Popover_PopoverTitle,
+    Description: Popover_PopoverDescription,
+    CloseTrigger: Popover_PopoverCloseTrigger,
+    CloseIcon: Popover_PopoverCloseIcon,
+    Header: PopoverHeader,
+    Body: PopoverBody,
+    Footer: PopoverFooter
 });
-//#endregion
-export { Popover$1 as Popover, usePopover };
+export { Popover_Popover as Popover, usePopover, usePopoverContext };

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

@@ -1,20 +1,20 @@
-import './Popover.css';
-//#region src/components/popover/Popover.module.css
-var Popover_module_default = {
-	"arrow": "Qww_tG_arrow",
-	"arrowTip": "Qww_tG_arrowTip",
-	"body": "Qww_tG_body",
-	"closeIcon": "Qww_tG_closeIcon",
-	"closeTrigger": "Qww_tG_closeTrigger",
-	"content": "Qww_tG_content",
-	"description": "Qww_tG_description",
-	"footer": "Qww_tG_footer",
-	"header": "Qww_tG_header",
-	"popover-enter": "Qww_tG_popover-enter",
-	"popover-exit": "Qww_tG_popover-exit",
-	"positioner": "Qww_tG_positioner",
-	"title": "Qww_tG_title",
-	"trigger": "Qww_tG_trigger"
+import "./Popover_module.css";
+const Popover_module = {
+    trigger: "trigger-TuNfDY",
+    closeTrigger: "closeTrigger-g6dVFQ",
+    positioner: "positioner-gqEojT",
+    content: "content-QiLEpj",
+    "popover-enter": "popover-enter-Kmc_ZV",
+    popoverEnter: "popover-enter-Kmc_ZV",
+    "popover-exit": "popover-exit-AUr4tl",
+    popoverExit: "popover-exit-AUr4tl",
+    body: "body-aMDFGV",
+    closeIcon: "closeIcon-oldPto",
+    header: "header-q59Ek4",
+    arrow: "arrow-B6fVya",
+    arrowTip: "arrowTip-HpILQT",
+    title: "title-o5I9x8",
+    description: "description-ZrOS9P",
+    footer: "footer-laX930"
 };
-//#endregion
-export { Popover_module_default as default };
+export default Popover_module;

package/dist/components/popover/Popover_module.css

@@ -0,0 +1,186 @@
+@layer moduix.components {
+  .trigger-TuNfDY, .closeTrigger-g6dVFQ {
+    box-sizing: border-box;
+    min-height: var(--moduix-popover-control-height, var(--moduix-size-md));
+    padding: var(--moduix-popover-control-padding-y, var(--moduix-spacing-1))
+      var(--moduix-popover-control-padding-x, var(--moduix-spacing-3-5));
+    border: var(--moduix-popover-control-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-popover-control-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-popover-control-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-popover-control-bg, var(--moduix-color-background));
+    color: var(--moduix-popover-control-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-popover-control-font-size, var(--moduix-text-md));
+    line-height: var(--moduix-popover-control-line-height, var(--moduix-line-height-text-md));
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--moduix-popover-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-popover-transition, var(--moduix-transition-default)),
+      color var(--moduix-popover-transition, var(--moduix-transition-default));
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ):hover {
+      background-color: var(--moduix-popover-control-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ):active, :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[data-state="open"]:not([data-value]), :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[data-state="open"][data-current] {
+    background-color: var(--moduix-popover-control-bg-active, var(--moduix-popover-control-bg-hover, var(--moduix-color-accent)));
+  }
+
+  :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ):focus-visible {
+    outline: var(--moduix-popover-focus-ring-width, var(--moduix-popover-control-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
+        solid var(--moduix-popover-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: calc(var(--moduix-popover-focus-ring-width, var(--moduix-popover-control-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))) *
+          -1);
+  }
+
+  :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[data-disabled], :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[disabled] {
+    pointer-events: none;
+    opacity: var(--moduix-popover-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .positioner-gqEojT {
+    z-index: var(--z-index, var(--moduix-z-popup));
+    max-width: var(--available-width);
+    outline: 0;
+  }
+
+  .content-QiLEpj {
+    --moduix-popover-close-icon-size-effective: var(--moduix-popover-close-icon-size, var(--moduix-spacing-7));
+    --moduix-popover-close-icon-offset-effective: var(--moduix-popover-close-icon-offset, var(--moduix-spacing-3));
+    --moduix-popover-header-padding-inline-end-effective: var(--moduix-popover-header-padding-inline-end, calc(var(--moduix-popover-close-icon-size-effective) +
+          var(--moduix-popover-close-icon-offset-effective)));
+    z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
+    box-sizing: border-box;
+    width: var(--moduix-popover-width, auto);
+    height: var(--moduix-popover-height, auto);
+    min-width: min(var(--moduix-popover-min-width, 16rem), var(--available-width));
+    max-width: min(var(--moduix-popover-max-width, 28rem), var(--available-width));
+    max-height: min(var(--moduix-popover-max-height, 24rem), var(--available-height, 100dvh));
+    padding: var(--moduix-popover-padding-y, var(--moduix-spacing-4))
+      var(--moduix-popover-padding-x, var(--moduix-spacing-4));
+    border-radius: var(--moduix-popover-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-popover-bg, var(--moduix-color-popover));
+    color: var(--moduix-popover-color, var(--moduix-color-popover-foreground));
+    outline: var(--moduix-popover-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-popover-border-color, var(--moduix-color-border));
+    box-shadow: var(--moduix-popover-shadow, var(--moduix-shadow-lg));
+    transform-origin: var(--transform-origin);
+    border: 0;
+    position: relative;
+    overflow: visible;
+  }
+
+  .content-QiLEpj[data-state="open"] {
+    animation: popover-enter-Kmc_ZV
+        var(--moduix-popover-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
+            var(--moduix-popup-motion-easing, ease))
+        both;
+  }
+
+  .content-QiLEpj[data-state="closed"] {
+    animation: popover-exit-AUr4tl
+        var(--moduix-popover-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
+            var(--moduix-popup-motion-easing, ease))
+        both;
+  }
+
+  .content-QiLEpj:has( > .body-aMDFGV) {
+    flex-direction: column;
+    display: flex;
+  }
+
+  .content-QiLEpj:has( > .body-aMDFGV) > .body-aMDFGV {
+    min-block-size: 0;
+    overflow: auto;
+  }
+
+  .content-QiLEpj:has(.closeIcon-oldPto) .header-q59Ek4 {
+    padding-inline-end: var(--moduix-popover-header-padding-inline-end-effective);
+  }
+
+  .arrow-B6fVya {
+    --arrow-size: var(--moduix-popover-arrow-size, var(--moduix-spacing-2-5));
+    --arrow-background: var(--moduix-popover-bg, var(--moduix-color-popover));
+  }
+
+  .arrowTip-HpILQT {
+    border-top: var(--moduix-popover-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-popover-arrow-stroke-color, var(--moduix-popover-border-color, var(--moduix-color-border)));
+    border-left: var(--moduix-popover-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-popover-arrow-stroke-color, var(--moduix-popover-border-color, var(--moduix-color-border)));
+  }
+
+  .title-o5I9x8 {
+    color: var(--moduix-popover-title-color, var(--moduix-popover-color, var(--moduix-color-popover-foreground)));
+    font-size: var(--moduix-popover-title-font-size, var(--moduix-text-md));
+    font-weight: var(--moduix-popover-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-popover-title-line-height, var(--moduix-line-height-text-md));
+    margin: 0;
+  }
+
+  .description-ZrOS9P {
+    margin: var(--moduix-popover-description-margin, 0);
+    color: var(--moduix-popover-description-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-popover-description-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-popover-description-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .closeIcon-oldPto {
+    --moduix-close-button-size: var(--moduix-popover-close-icon-size-effective);
+    --moduix-close-button-radius: var(--moduix-popover-close-icon-radius, var(--moduix-radius-sm));
+    --moduix-close-button-icon-size: var(--moduix-popover-close-icon-glyph-size, var(--moduix-spacing-3-5));
+    --moduix-close-button-bg: var(--moduix-popover-close-icon-bg, transparent);
+    --moduix-close-button-bg-hover: var(--moduix-popover-close-icon-bg-hover, var(--moduix-color-accent));
+    --moduix-close-button-color: var(--moduix-popover-close-icon-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-popover-close-icon-color-hover, var(--moduix-popover-color, var(--moduix-color-popover-foreground)));
+    --moduix-close-button-focus-ring-color: var(--moduix-popover-close-icon-focus-ring-color, var(--moduix-color-ring));
+    position: absolute;
+    inset-block-start: var(--moduix-popover-close-icon-offset-effective);
+    inset-inline-end: var(--moduix-popover-close-icon-offset-effective);
+  }
+
+  .header-q59Ek4 {
+    gap: var(--moduix-popover-header-gap, var(--moduix-spacing-1));
+    display: grid;
+  }
+
+  .body-aMDFGV {
+    margin: var(--moduix-popover-body-margin, 0);
+  }
+
+  .footer-laX930 {
+    align-items: center;
+    justify-content: var(--moduix-popover-footer-justify, flex-end);
+    gap: var(--moduix-popover-footer-gap, var(--moduix-spacing-2));
+    margin: var(--moduix-popover-footer-margin, var(--moduix-spacing-3) 0 0);
+    display: flex;
+  }
+
+  @keyframes popover-enter-Kmc_ZV {
+    from {
+      opacity: var(--moduix-popover-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
+      translate: var(--moduix-popover-content-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
+        var(--moduix-popover-content-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, 0));
+      scale: var(--moduix-popover-content-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup)));
+    }
+  }
+
+  @keyframes popover-exit-AUr4tl {
+    to {
+      opacity: var(--moduix-popover-content-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
+      translate: var(--moduix-popover-content-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
+        var(--moduix-popover-content-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, 0));
+      scale: var(--moduix-popover-content-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup)));
+    }
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Popover, usePopover } from "./Popover.js";
-export { Popover, usePopover };
+export { Popover, usePopover, usePopoverContext } from './Popover.js';

package/dist/components/popover/index.js

@@ -0,0 +1 @@
+export { Popover, usePopover, usePopoverContext } from "./Popover.js";

package/dist/components/progress-circular/ProgressCircular.d.ts

@@ -1,21 +1,18 @@
-import { ComponentProps } from "react";
-import { Progress } from "@ark-ui/react/progress";
-
-//#region src/components/progress-circular/ProgressCircular.d.ts
-type ProgressCircularRingProps = Omit<ComponentProps<typeof Progress.Circle>, 'asChild' | 'children'>;
-declare const ProgressCircular: import("react").ForwardRefExoticComponent<Omit<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Progress.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: Progress.ContextProps) => import("react").ReactNode;
-  Label: import("react").ForwardRefExoticComponent<Omit<Progress.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  ValueText: import("react").ForwardRefExoticComponent<Omit<Progress.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Circle: import("react").ForwardRefExoticComponent<Omit<Progress.CircleProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-  CircleTrack: import("react").ForwardRefExoticComponent<Omit<Progress.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
-  CircleRange: import("react").ForwardRefExoticComponent<Omit<Progress.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
-  Ring: import("react").ForwardRefExoticComponent<Omit<ProgressCircularRingProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-  View: import("react").ForwardRefExoticComponent<Omit<Progress.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
-  useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
+import { Progress as ProgressPrimitive } from '@ark-ui/react/progress';
+import type { ComponentProps } from 'react';
+type ProgressCircularRingProps = Omit<ComponentProps<typeof ProgressPrimitive.Circle>, 'asChild' | 'children'>;
+declare const ProgressCircular: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ProgressPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Circle: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    CircleTrack: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+    CircleRange: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+    Ring: import("react").ForwardRefExoticComponent<Omit<ProgressCircularRingProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
+    useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
 };
-//#endregion
-export { ProgressCircular };
+export { ProgressCircular };